#login-common-page {
height: 100%;
overflow: hidden;
position: relative;
}
#login-common-page * {
box-sizing: content-box;
}
#login-common-page input:focus-visible {
outline: none;
}
#login-common-page input:hover {
border-color: #75b9f0 !important;
}
#login-common-page input:focus {
border-color: #75b9f0 !important;
box-shadow: 0 0 0 2px rgba(17, 185, 240, 0.16);
}
#login-common-page .form-group {
margin-bottom: 16px;
position: relative;
}
#login-common-page .form-group input {
background: #f5f8fa;
border: 1px solid #cbd6e2;
border-radius: 4px;
font-size: 14px;
line-height: 22px;
padding: 12px 20px;
width: 358px;
}
#login-common-page .form-group input::-webkit-input-placeholder {
color: #bfbfbf;
}
#login-common-page .form-group .validator-error-text {
display: none;
}
#login-common-page .login-dots-left {
bottom: 8px;
left: 80px;
position: absolute;
z-index: 0;
}
#login-common-page .login-dots-right {
position: absolute;
right: 80px;
top: 8px;
z-index: 0;
}
#login-common-page .login-backdrop-filter {
background-image: linear-gradient(to bottom right, #e0e0f7, #eeeef8, #eeeef8, #e0e0f7);
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
#login-common-page .signIn-bg {
background-color: #f9f9f9;
height: 100%;
position: absolute;
width: 100%;
z-index: -3;
}
#login-common-page .signIn-bg .bg-circle {
background: rgba(119, 122, 242, 0.12);
border-radius: 50%;
filter: blur(160px);
height: 560px;
position: absolute;
width: 560px;
z-index: -2;
}
#login-common-page .signIn-bg .circle-top-left {
left: -16px;
top: 0;
}
#login-common-page .signIn-bg .circle-top-right {
right: 72px;
top: -280px;
}
#login-common-page .signIn-bg .circle-bottom-right {
bottom: -232px;
right: 30%;
}
#login-common-page .login-content {
display: flex;
height: calc(100vh - 40px);
justify-content: center;
margin: auto;
overflow-y: auto;
padding-top: 40px;
}
#login-common-page .login-content .login-content-box {
position: relative;
text-align: center;
}
#login-common-page .login-content .login-content-box .login-title {
color: #39364e;
font-size: 36px;
letter-spacing: 0;
line-height: 52px;
margin-bottom: 32px;
}
#login-common-page .login-content .login-content-box #login-form {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 2px 40px 0 hsla(0, 0%, 6%, 0.08);
padding: 24px 56px 40px;
position: relative;
width: 488px;
}
#login-common-page .login-content .login-content-box #login-form .signIn-logo {
margin-bottom: 16px;
width: 256px;
}
#login-common-page .login-content .login-content-box #login-form input {
width: 446px;
}
#login-common-page .login-content .login-content-box #login-form .login-button {
background: #777af2;
border: 1px solid #777af2;
border-radius: 4px;
color: #fff;
cursor: pointer;
font-size: 16px;
letter-spacing: 0;
line-height: 22px;
margin: 32px 0 16px;
padding: 12px 0;
width: 486px;
}
#login-common-page .login-content .login-content-box #login-form .login-button:hover {
background: #39364e;
border-color: #39364e;
}
#login-common-page .login-content .login-content-box #login-form .sign-foot {
color: #39364e;
display: flex;
font-size: 14px;
justify-content: end;
letter-spacing: 0;
line-height: 22px;
}
#login-common-page .login-content .login-content-box #login-form .sign-foot .sign-Advanced {
align-items: center;
display: flex;
position: relative;
}
#login-common-page .login-content .login-content-box #login-form .sign-foot .sign-Advanced label {
border: 1px solid #cbd6e2;
border-radius: 2px;
height: 14px;
width: 14px;
}
#login-common-page .login-content .login-content-box #login-form .sign-foot .sign-Advanced input {
margin: 0;
}
#login-common-page .login-content .login-content-box #login-form .sign-foot .sign-Advanced input[type=checkbox]:checked + label {
background-color: #777af2;
border-color: #777af2;
}
#login-common-page .login-content .login-content-box #login-form .sign-foot .sign-Advanced input[type=checkbox]:checked + label:after {
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
content: "";
height: 4px;
left: 3px;
position: absolute;
top: 5px;
transform: rotate(-45deg);
width: 8px;
}
#login-common-page .login-content .login-content-box #login-form .sign-foot .sign-Advanced input[type=checkbox] {
cursor: pointer;
height: 100%;
inset: 0;
opacity: 0;
position: absolute;
width: 100%;
z-index: 1;
}
#login-common-page .login-content .login-content-box #login-form .sign-foot .sign-setting {
align-items: center;
color: #777af2;
display: flex;
gap: 8px;
margin-left: 16px;
}
#login-common-page .login-content .login-content-box #login-form .sign-foot .sign-setting div {
cursor: pointer;
}
#login-common-page .login-content .login-content-box #login-form .sign-foot .sign-setting div:hover {
color: #39364e;
}
#login-common-page .login-content .login-content-box #login-form .sign-foot .sign-setting .split {
border-left: 1px solid #e7e7e7;
height: 14px;
}
#login-common-page .login-content .login-content-box #login-form .login-error-text {
color: #f2545b;
margin-top: 16px;
text-align: left;
}
@media (min-width: 1920px) {
#login-common-page .login-content {
align-items: center;
height: 100vh;
padding-top: 0;
}
}
.diff {
border-collapse: collapse;
table-layout: fixed;
width: 100%;
}
.diff-gutter-col {
width: 7ch;
}
.diff-gutter-omit {
height: 0;
}
.diff-gutter-omit:before {
background-color: #cb2a1d;
content: " ";
display: block;
height: 100%;
margin-left: 4.6ch;
overflow: hidden;
white-space: pre;
width: 2px;
}
.diff td {
padding-bottom: 0;
padding-top: 0;
vertical-align: top;
}
.diff-decoration {
line-height: 1.5;
user-select: none;
}
.diff-decoration-content {
font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
padding: 0;
}
.diff-line {
font-family: Consolas,Courier,monospace;
line-height: 1.5;
}
.diff-gutter > a {
color: inherit;
display: block;
}
.diff-gutter,
.diff-gutter > a {
cursor: pointer;
padding: 0 1ch;
text-align: right;
user-select: none;
}
.diff-gutter-insert {
background-color: #d6fedb;
}
.diff-gutter-delete {
background-color: #fadde0;
}
.diff-gutter-omit {
cursor: default;
}
.diff-gutter-selected {
background-color: #fef6b9;
}
.diff-code {
word-wrap: break-word;
padding: 0 0 0 0.5em;
white-space: pre-wrap;
word-break: break-all;
}
.diff-code-insert {
background-color: #eaffee;
}
.diff-code-edit {
color: inherit;
display: inline-block;
}
.diff-code-insert .diff-code-edit {
background-color: #c0dc91;
}
.diff-code-delete {
background-color: #fdeff0;
}
.diff-code-delete .diff-code-edit {
background-color: #f39ea2;
}
.diff-code-selected {
background-color: #fffce0;
}
.diff-omit {
background-color: #fafbfc;
}
.diff-widget-content {
vertical-align: top;
}
#DiffDialog {
height: 100%;
margin: 0!important;
padding: 0!important;
width: 100%;
}
#DiffDialog .modal-dialog {
margin: 0;
max-width: 100%;
width: 100%;
}
#DiffDialog .closeIcon {
margin-right: -25px;
margin-top: -20px;
position: sticky;
text-align: right;
top: 5px;
}
#DiffDialog .diff-hunk tr {
height: auto;
}
.comm-export-ul {
margin: 0;
padding-left: 15px;
}
.comm-export-ul li {
word-wrap: break-word;
}
.export-common-v5 .rb-upload-input {
width: 100%;
}
.export-Upload {
background-color: #fff;
border: 1px dashed #ced4da !important;
cursor: pointer;
margin: 8px auto;
padding: 24px;
text-align: center;
width: 100%;
}
.export-confirmbox {
background-color: #fff;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
line-height: 20px;
padding: 16px 24px 24px;
word-break: break-all;
}
.confirmbox-content {
margin: 16px;
max-height: 300px;
overflow: auto;
}
.confirmbox-header .RiskFill {
color: #ffb74d;
font-size: 20px;
margin-right: 8px;
}
.confirmbox-content p {
margin-bottom: 8px;
}
.confirmbox-content p li {
list-style: disc;
}
.micro-app-container {
flex: 1;
overflow: hidden;
position: relative;
transition: position 1s linear;
}
.micro-app-container iframe {
border: none;
height: 100%;
}
.micro-app-container #rb-full-loading-container {
position: absolute;
}
.micro-app-container-full-screen {
height: 100vh;
left: 0;
overflow: hidden;
position: fixed;
top: 0;
width: 100vw;
}
.micro-app-container-full-screen > :first-child {
background-color: var(--rb-global-body-bg-color);
height: 100vh;
}
.micro-notify-list {
background-color: #fff;
border-radius: 4px;
padding: 16px 0;
width: 320px;
}
.micro-notify-list-item {
border-bottom: 1px solid var(--all-menu-item-border-color);
cursor: pointer;
padding: 8px 16px;
}
.micro-notify-list-item-content {
margin-bottom: 4px;
position: relative;
}
.micro-notify-list-item-content.with-read-tip:before {
background-color: var(--rb-primary1-color);
border-radius: 50%;
content: "";
height: 4px;
left: -10px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 4px;
}
.micro-notify-list-item-time {
color: var(--rb-neutral3-color);
font-size: 12px;
}
.micro-notify-list-item:hover {
background-color: var(--rb-option-hover-bg-color);
}
.micro-notify-list-item:hover .micro-notify-list-item-content {
color: var(--rb-list-item-hover-color);
}
.rb-clock {
padding: 4px 0;
}
.rb-clock .weekday-box {
align-items: center;
background: #fafafa;
display: flex;
height: 32px;
justify-content: space-around;
padding: 0 8px;
}
.rb-clock .weekday-box .weekday-item {
text-align: center;
width: 42px;
}
.rb-clock .time-box {
margin: 8px 0;
text-align: center;
}
.rb-clock .time-box div.dots {
width: 5px;
}
.rb-clock .time-box div.dots:after,
.rb-clock .time-box div.dots:before {
background-color: #272e38;
content: "";
height: 5px;
left: 0;
position: absolute;
top: 14px;
width: 5px;
}
.rb-clock .time-box div.dots:after {
top: 34px;
}
.rb-clock .time-box div {
display: inline-block;
height: 50px;
margin: 0 4px;
position: relative;
text-align: left;
width: 28px;
}
.rb-clock .time-box div span {
background-color: #272e38;
border-color: #272e38;
opacity: 0;
position: absolute;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
transition: 0.25s;
}
.rb-clock .time-box div span:after,
.rb-clock .time-box div span:before {
border: 5px solid transparent;
content: "";
height: 0;
position: absolute;
width: 0;
}
.rb-clock .time-box .d1 {
height: 5px;
left: 6px;
top: 0;
width: 16px;
}
.rb-clock .time-box .d1:before {
border-right-color: inherit;
border-width: 0 5px 5px 0;
left: -5px;
}
.rb-clock .time-box .d1:after {
border-left-color: inherit;
border-width: 0 0 5px 5px;
right: -5px;
}
.rb-clock .time-box .d2 {
height: 5px;
left: 6px;
top: 24px;
width: 16px;
}
.rb-clock .time-box .d2:before {
border-right-color: inherit;
border-width: 3px 4px 2px;
left: -8px;
}
.rb-clock .time-box .d2:after {
border-left-color: inherit;
border-width: 3px 4px 2px;
right: -8px;
}
.rb-clock .time-box .d3 {
height: 5px;
left: 6px;
top: 48px;
width: 16px;
}
.rb-clock .time-box .d3:before {
border-right-color: inherit;
border-width: 5px 5px 0 0;
left: -5px;
}
.rb-clock .time-box .d3:after {
border-left-color: inherit;
border-width: 5px 0 0 5px;
right: -5px;
}
.rb-clock .time-box .d4 {
height: 14px;
left: 0;
top: 7px;
width: 5px;
}
.rb-clock .time-box .d4:before {
border-bottom-color: inherit;
border-width: 0 5px 5px 0;
top: -5px;
}
.rb-clock .time-box .d4:after {
border-left-color: inherit;
border-width: 0 0 5px 5px;
bottom: -5px;
}
.rb-clock .time-box .d5 {
height: 14px;
right: 0;
top: 7px;
width: 5px;
}
.rb-clock .time-box .d5:before {
border-bottom-color: inherit;
border-width: 0 0 5px 5px;
top: -5px;
}
.rb-clock .time-box .d5:after {
border-top-color: inherit;
border-width: 5px 0 0 5px;
bottom: -5px;
}
.rb-clock .time-box .d6 {
height: 14px;
left: 0;
top: 32px;
width: 5px;
}
.rb-clock .time-box .d6:before {
border-bottom-color: inherit;
border-width: 0 5px 5px 0;
top: -5px;
}
.rb-clock .time-box .d6:after {
border-left-color: inherit;
border-width: 0 0 5px 5px;
bottom: -5px;
}
.rb-clock .time-box .d7 {
height: 14px;
right: 0;
top: 32px;
width: 5px;
}
.rb-clock .time-box .d7:before {
border-bottom-color: inherit;
border-width: 0 0 5px 5px;
top: -5px;
}
.rb-clock .time-box .d7:after {
border-top-color: inherit;
border-width: 5px 0 0 5px;
bottom: -5px;
}
.rb-clock .time-box div.eight .d1,
.rb-clock .time-box div.eight .d2,
.rb-clock .time-box div.eight .d3,
.rb-clock .time-box div.eight .d4,
.rb-clock .time-box div.eight .d5,
.rb-clock .time-box div.eight .d6,
.rb-clock .time-box div.eight .d7,
.rb-clock .time-box div.five .d1,
.rb-clock .time-box div.five .d2,
.rb-clock .time-box div.five .d3,
.rb-clock .time-box div.five .d4,
.rb-clock .time-box div.five .d7,
.rb-clock .time-box div.four .d2,
.rb-clock .time-box div.four .d4,
.rb-clock .time-box div.four .d5,
.rb-clock .time-box div.four .d7,
.rb-clock .time-box div.nine .d1,
.rb-clock .time-box div.nine .d2,
.rb-clock .time-box div.nine .d3,
.rb-clock .time-box div.nine .d4,
.rb-clock .time-box div.nine .d5,
.rb-clock .time-box div.nine .d7,
.rb-clock .time-box div.one .d5,
.rb-clock .time-box div.one .d7,
.rb-clock .time-box div.seven .d1,
.rb-clock .time-box div.seven .d5,
.rb-clock .time-box div.seven .d7,
.rb-clock .time-box div.six .d1,
.rb-clock .time-box div.six .d2,
.rb-clock .time-box div.six .d3,
.rb-clock .time-box div.six .d4,
.rb-clock .time-box div.six .d6,
.rb-clock .time-box div.six .d7,
.rb-clock .time-box div.three .d1,
.rb-clock .time-box div.three .d2,
.rb-clock .time-box div.three .d3,
.rb-clock .time-box div.three .d5,
.rb-clock .time-box div.three .d7,
.rb-clock .time-box div.two .d1,
.rb-clock .time-box div.two .d2,
.rb-clock .time-box div.two .d3,
.rb-clock .time-box div.two .d5,
.rb-clock .time-box div.two .d6,
.rb-clock .time-box div.zero .d1,
.rb-clock .time-box div.zero .d3,
.rb-clock .time-box div.zero .d4,
.rb-clock .time-box div.zero .d5,
.rb-clock .time-box div.zero .d6,
.rb-clock .time-box div.zero .d7 {
opacity: 1;
}
.rb-clock .date-box {
text-align: center;
}
.page-content-wrapper {
display: flex;
position: relative;
}
.page-admin-self-content {
flex: 1;
height: calc(100vh - 58px);
overflow: auto;
}
.has_admin_msg .page-admin-self-content,
.has_admin_msg .rb-side-menu-wrapper {
height: calc(100vh - 94px);
}
.more .rb-divider {
margin: 16px 0;
}
.admin-logout {
display: flex;
justify-content: center;
padding-top: 40px;
width: 100%;
}
.admin-logout .rb-btn {
width: 160px;
}
.user-box {
align-items: center;
display: flex;
gap: 8;
margin: 4px 0;
}
.user-box img {
border-radius: 50%;
height: 40px;
width: 40px;
}
.user-box-userinfo {
margin: 0 4px 0 12px;
}
.user-box-userinfo-username {
align-items: center;
display: flex;
font-size: 16px;
line-height: 24px;
}
.user-box-userinfo-realname {
color: var(--rb-color-text-description) !important;
font-size: 14px;
line-height: 22px;
}
.user-box-edit {
color: var(--rb-admin-more-user-icon-color, #7c7c7c) !important;
margin-left: 4px;
}
.user-box-edit .rainbow {
font-size: 14px;
}
.user-box-edit :hover {
color: var(--rb-admin-more-user-icon-hover-color, #7c7c7c) !important;
}
.user-box-edit :active {
color: var(--rb-admin-more-user-icon-active-color, #7c7c7c) !important;
}
.more-group {
display: flex;
flex-direction: column;
gap: 16px;
}
.more-group-title {
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.more-group-item {
display: flex;
flex-direction: column;
gap: 16px;
}
.more-group-item-title {
color: var(---rb-color-text-description, #7c7c7c);
}
.more-group-item .rb-btn-type-text {
color: var(--rb-global-font-color);
padding: 5px 0;
}
.no_admin_micro_base .micro-app-container {
height: calc(100vh - 58px);
overflow: auto;
}
.no_admin_micro_base .rb-sidemenu-mini-mode ~ .micro-app-container .rb-box-footer {
width: calc(100% - 56px);
}
.more-theme-select .rb-tags-single-option {
padding-left: 16px!important;
position: relative;
}
.more-theme-select .rb-tags-single-option:before {
content: "";
height: 8px;
left: 0;
position: absolute;
top: 5px;
width: 8px;
}
.more-theme-select-blue .rb-tags-single-option:before {
background: #17548d;
}
.more-theme-select-default .rb-tags-single-option:before {
background: #777af2;
}
.more-theme-select-crimson .rb-tags-single-option:before {
background: #7aadc2;
}
.more-theme-select-green .rb-tags-single-option:before {
background: #3ca368;
}
.more-theme-select-jam .rb-tags-single-option:before {
background: #7f0c78;
}
.more-theme-select-navy .rb-tags-single-option:before {
background: #387399;
}
.more-theme-select-peach .rb-tags-single-option:before {
background: #d31145;
}
.more-theme-select-pine .rb-tags-single-option:before {
background: #004831;
}
.more-theme-select-pitaya .rb-tags-single-option:before {
background: #ff0080;
}
.more-theme-select-pumpkin .rb-tags-single-option:before {
background: #ea5404;
}
.more-theme-select-ruby .rb-tags-single-option:before {
background: #bf0000;
}
.more-theme-select-sky .rb-tags-single-option:before {
background: #1976d2;
}
.more-theme-select-orange .rb-tags-single-option:before {
background: #0084e1;
}
.more-theme-option .rb-select-option {
padding-left: 28px!important;
position: relative;
}
.more-theme-option .rb-select-option:before {
content: "";
height: 8px;
left: 12px;
position: absolute;
top: 12px;
width: 8px;
}
.more-theme-option-blue.rb-select-option:before {
background: #17548d;
}
.more-theme-option-default.rb-select-option:before {
background: #777af2;
}
.more-theme-option-crimson.rb-select-option:before {
background: #7aadc2;
}
.more-theme-option-green.rb-select-option:before {
background: #3ca368;
}
.more-theme-option-jam.rb-select-option:before {
background: #7f0c78;
}
.more-theme-option-navy.rb-select-option:before {
background: #387399;
}
.more-theme-option-peach.rb-select-option:before {
background: #d31145;
}
.more-theme-option-pine.rb-select-option:before {
background: #004831;
}
.more-theme-option-pitaya.rb-select-option:before {
background: #ff0080;
}
.more-theme-option-pumpkin.rb-select-option:before {
background: #ea5404;
}
.more-theme-option-ruby.rb-select-option:before {
background: #bf0000;
}
.more-theme-option-sky.rb-select-option:before {
background: #1976d2;
}
.more-theme-option-orange.rb-select-option:before {
background: #0084e1;
}
body.init-admin-page *,
body.init-admin-page :after,
body.init-admin-page :before {
background-color: transparent!important;
border: none!important;
box-shadow: none!important;
color: transparent !important;
}
:root {
/* --色卡定义-- 参考https://rainbow.ebaotech.com/sugarDoc/#/design/colors */
--rb-color-primary: #777AF2;
--rb-color-primary-hover: #39364E;
--rb-color-primary-active: #39364E;
--rb-color-link: #777AF2;
--rb-color-link-hover: #39364E;
--rb-color-link-active: #39364E;
--rb-color-info: #31708F;
--rb-color-info-hover: #295D78;
--rb-color-info-active: #295D78;
--rb-color-info-bg: #EFF4F6;
--rb-color-info-border: #CEDDE4;
--rb-color-success: #00BDA5;
--rb-color-success-hover: #009E8A;
--rb-color-success-active: #009E8A;
--rb-color-success-bg: #EBFAF8;
--rb-color-success-border: #C2EFEA;
--rb-color-warning: #FFB900;
--rb-color-warning-hover: #D69B00;
--rb-color-warning-active: #D69B00;
--rb-color-warning-bg: #FFFAEB;
--rb-color-warning-border: #FFEEC2;
--rb-color-error: #F2545B;
--rb-color-error-hover: #CB464C;
--rb-color-error-active: #CB464C;
--rb-color-error-bg: #FEF2F2;
--rb-color-error-border: #FCD6D8;
--rb-color-text: #39364E;
--rb-color-text-secondary: #696969;
--rb-color-text-description: #7C7C7C;
--rb-color-text-disabled: #BFBFBF;
--rb-color-text-highlight: #F58220;
--rb-color-text-auxiliary: #BFBFBF;
--rb-color-split: #E7E7E7;
--rb-color-border: #CBD6E2;
--rb-color-border-hover-focus: #75B9F0;
--rb-color-bg-highlight: rgba(245, 130, 32, 0.16);
--rb-color-bg-disabled: #F5F8FA;
--rb-color-bg-head: #F8F8F8;
--rb-color-bg-rail: #F5F5F5;
--rb-color-bg-fill: #EDEDED;
--rb-color-bg-layout: #F9F9F9;
--rb-color-bg-elevated: #FFFFFF;
--rb-color-bg-container: #FFFFFF;
--rb-color-bg-mask-dark: rgba(0, 0, 0, 0.48);
--rb-color-bg-mask-light: rgba(255, 255, 255, 0.64);
--rb-color-option-active: #777AF2;
--rb-color-option-active-bg: #F5F5FE;
--rb-color-option-hover: #39364E;
--rb-color-option-hover-bg: #F8F8F8;
/* 全局的弹出层box-shadow */
--rb-box-shadow-color: rgba(15, 15, 15, 0.16);
/* --font-family-- */
--global-font-family: 'system-ui, -apple-system, BlinkMacSystemFont, Albert Sans,思源黑体,SourceHanSansSC,Roboto-Regular';
/* --global-- */
--rb-global-font-color: var(--rb-color-text);
--rb-placeholder-color: var(--rb-color-text-auxiliary);
--rb-title-prefix-gb-color: var(--rb-color-primary);
--rb-remove-icon: var(--rb-color-text-auxiliary);
--rb-remove-icon-hover: var(--rb-color-text-auxiliary);
--rb-remove-icon-active: var(--rb-color-text-auxiliary);
--rb-global-body-bg-color: var(--rb-color-bg-layout);
--rb-placement-arrow-bg-color: var(--rb-color-bg-elevated);
--rb-close-icon-color: var(--rb-color-text-description);
--rb-close-icon-hover-color: var(--rb-color-text);
--rb-mask-bg-color: var(--rb-color-bg-mask-dark);
--rb-tab-active-border-color: #C9CAFA;
/* --Button-- */
--rb-btn-primary-color: #FFFFFF;
--rb-btn-primary-bg-color: var(--rb-color-primary);
--rb-btn-primary-border-color: var(--rb-color-primary);
--rb-btn-primary-hover-color: #FFFFFF;
--rb-btn-primary-hover-bg-color: var(--rb-color-primary-hover);
--rb-btn-primary-hover-border-color: var(--rb-color-primary-hover);
--rb-btn-primary-active-color: #FFFFFF;
--rb-btn-primary-active-bg-color: var(--rb-color-primary-active);
--rb-btn-primary-active-border-color: var(--rb-color-primary-active);
--rb-btn-primary-disabled-color: var(--rb-color-text-disabled);
--rb-btn-primary-disabled-bg-color: var(--rb-color-bg-disabled);
--rb-btn-primary-disabled-border-color: var(--rb-color-border);
--rb-btn-default-color: var(--rb-color-primary);
--rb-btn-default-bg-color: #FFFFFF;
--rb-btn-default-border-color: var(--rb-color-primary);
--rb-btn-default-hover-color: var(--rb-color-primary-hover);
--rb-btn-default-hover-bg-color: #FFFFFF;
--rb-btn-default-hover-border-color: var(--rb-color-primary-hover);
--rb-btn-default-active-color: var(--rb-color-primary-active);
--rb-btn-default-active-bg-color: #FFFFFF;
--rb-btn-default-active-border-color: var(--rb-color-primary-active);
--rb-btn-default-disabled-color: var(--rb-color-text-disabled);
--rb-btn-default-disabled-bg-color: var(--rb-color-bg-disabled);
--rb-btn-default-disabled-border-color: var(--rb-color-border);
--rb-btn-text-color: var(--rb-color-primary);
--rb-btn-text-hover-color: var(--rb-color-primary-hover);
--rb-btn-text-active-color: var(--rb-color-primary-active);
--rb-btn-text-disabled-color: var(--rb-color-text-disabled);
--rb-btn-link-color: var(--rb-color-link);
--rb-btn-link-hover-color: var(--rb-color-link-hover);
--rb-btn-link-active-color: var(--rb-color-link-active);
--rb-btn-link-disabled-color: var(--rb-color-text-disabled);
--rb-btn-info-color: #FFFFFF;
--rb-btn-info-bg-color: var(--rb-color-info);
--rb-btn-info-border-color: var(--rb-color-info);
--rb-btn-info-hover-color: #FFFFFF;
--rb-btn-info-hover-bg-color: var(--rb-color-info-hover);
--rb-btn-info-hover-border-color: var(--rb-color-info-hover);
--rb-btn-info-active-color: #FFFFFF;
--rb-btn-info-active-bg-color: var(--rb-color-info-active);
--rb-btn-info-active-border-color: var(--rb-color-info-active);
--rb-btn-info-not-primary-color: var(--rb-color-info);
--rb-btn-info-not-primary-bg-color: #FFFFFF;
--rb-btn-info-not-primary-hover-color: var(--rb-color-info-hover);
--rb-btn-info-not-primary-hover-bg-color: #FFFFFF;
--rb-btn-info-not-primary-active-color: var(--rb-color-info-active);
--rb-btn-info-not-primary-active-bg-color: #FFFFFF;
--rb-btn-success-color: #FFFFFF;
--rb-btn-success-bg-color: var(--rb-color-success);
--rb-btn-success-border-color: var(--rb-color-success);
--rb-btn-success-hover-color: #FFFFFF;
--rb-btn-success-hover-bg-color: var(--rb-color-success-hover);
--rb-btn-success-hover-border-color: var(--rb-color-success-hover);
--rb-btn-success-active-color: #FFFFFF;
--rb-btn-success-active-bg-color: var(--rb-color-success-active);
--rb-btn-success-active-border-color: var(--rb-color-success-active);
--rb-btn-success-not-primary-color: var(--rb-color-success);
--rb-btn-success-not-primary-bg-color: #FFFFFF;
--rb-btn-success-not-primary-hover-color: var(--rb-color-success-hover);
--rb-btn-success-not-primary-hover-bg-color: #FFFFFF;
--rb-btn-success-not-primary-active-color: var(--rb-color-success-active);
--rb-btn-success-not-primary-active-bg-color: #FFFFFF;
--rb-btn-warning-color: #FFFFFF;
--rb-btn-warning-bg-color: var(--rb-color-warning);
--rb-btn-warning-border-color: var(--rb-color-warning);
--rb-btn-warning-hover-color: #FFFFFF;
--rb-btn-warning-hover-bg-color: var(--rb-color-warning-hover);
--rb-btn-warning-hover-border-color: var(--rb-color-warning-hover);
--rb-btn-warning-active-color: #FFFFFF;
--rb-btn-warning-active-bg-color: var(--rb-color-warning-active);
--rb-btn-warning-active-border-color: var(--rb-color-warning-active);
--rb-btn-warning-not-primary-color: var(--rb-color-warning);
--rb-btn-warning-not-primary-bg-color: #FFFFFF;
--rb-btn-warning-not-primary-hover-color: var(--rb-color-warning-hover);
--rb-btn-warning-not-primary-hover-bg-color: #FFFFFF;
--rb-btn-warning-not-primary-active-color: var(--rb-color-warning-active);
--rb-btn-warning-not-primary-active-bg-color: #FFFFFF;
--rb-btn-danger-color: #FFFFFF;
--rb-btn-danger-bg-color: var(--rb-color-error);
--rb-btn-danger-border-color: var(--rb-color-error);
--rb-btn-danger-hover-color: #FFFFFF;
--rb-btn-danger-hover-bg-color: var(--rb-color-error-hover);
--rb-btn-danger-hover-border-color: var(--rb-color-error-hover);
--rb-btn-danger-active-color: #FFFFFF;
--rb-btn-danger-active-bg-color: var(--rb-color-error-active);
--rb-btn-danger-active-border-color: var(--rb-color-error-active);
--rb-btn-danger-not-primary-color: var(--rb-color-error);
--rb-btn-danger-not-primary-bg-color: #FFFFFF;
--rb-btn-danger-not-primary-hover-color: var(--rb-color-error-hover);
--rb-btn-danger-not-primary-hover-bg-color: #FFFFFF;
--rb-btn-danger-not-primary-active-color: var(--rb-color-error-active);
--rb-btn-danger-not-primary-active-bg-color: #FFFFFF;
/* ghost */
--rb-btn-ghost-disabled-color: var(--rb-color-text-disabled);
--rb-btn-ghost-disabled-border-color: var(--rb-color-border);
--rb-btn-primary-ghost-disabled-bg-color: rgba(245, 248, 250, 0);
--rb-btn-default-ghost-disabled-bg-color: var(--rb-btn-primary-ghost-disabled-bg-color);
--rb-btn-primary-ghost-color: var(--rb-color-primary);
--rb-btn-primary-ghost-bg-color: rgba(119, 122, 242, 0);
--rb-btn-primary-ghost-border-color: var(--rb-color-primary);
--rb-btn-primary-ghost-hover-color: #6366CB;
--rb-btn-primary-ghost-hover-bg-color: rgba(99, 102, 203, 0.04);
--rb-btn-primary-ghost-hover-border-color: #6366CB;
--rb-btn-primary-ghost-active-color: #6366CB;
--rb-btn-primary-ghost-active-bg-color: rgba(99, 102, 203, 0.04);
--rb-btn-primary-ghost-active-border-color: #6366CB;
--rb-btn-default-ghost-color: #FFFFFF;
--rb-btn-default-ghost-bg-color: rgba(255, 255, 255, 0);
--rb-btn-default-ghost-border-color: #FFFFFF;
--rb-btn-default-ghost-hover-color: var(--rb-btn-primary-ghost-hover-color);
--rb-btn-default-ghost-hover-bg-color: var(--rb-btn-primary-ghost-hover-bg-color);
--rb-btn-default-ghost-hover-border-color: var(--rb-btn-primary-ghost-hover-border-color);
--rb-btn-default-ghost-active-color: var(--rb-btn-primary-ghost-active-color);
--rb-btn-default-ghost-active-bg-color: var(--rb-btn-primary-ghost-active-bg-color);
--rb-btn-default-ghost-active-border-color: var(--rb-btn-primary-ghost-active-border-color);
--rb-btn-text-ghost-color: #FFFFFF;
--rb-btn-text-ghost-hover-color: var(--rb-btn-primary-ghost-hover-color);
--rb-btn-text-ghost-active-color: var(--rb-btn-primary-ghost-active-color);
--rb-btn-link-ghost-color: var(--rb-color-link);
--rb-btn-link-ghost-hover-color: #6366CB;
--rb-btn-link-ghost-active-color: #6366CB;
--rb-btn-info-ghost-color: var(--rb-color-info);
--rb-btn-info-ghost-bg-color: rgba(49, 112, 143, 0);
--rb-btn-info-ghost-border-color: var(--rb-color-info);
--rb-btn-info-ghost-hover-color: var(--rb-color-info-hover);
--rb-btn-info-ghost-hover-bg-color: rgba(41, 93, 120, 0.04);
--rb-btn-info-ghost-hover-border-color: var(--rb-color-info-hover);
--rb-btn-info-ghost-active-color: var(--rb-color-info-active);
--rb-btn-info-ghost-active-bg-color: rgba(41, 93, 120, 0.04);
--rb-btn-info-ghost-active-border-color: var(--rb-color-info-active);
--rb-btn-success-ghost-color: var(--rb-color-success);
--rb-btn-success-ghost-bg-color: rgba(0, 189, 165, 0);
--rb-btn-success-ghost-border-color: var(--rb-color-success);
--rb-btn-success-ghost-hover-color: var(--rb-color-success-hover);
--rb-btn-success-ghost-hover-bg-color: rgba(0, 158, 138, 0.04);
--rb-btn-success-ghost-hover-border-color: var(--rb-color-success-hover);
--rb-btn-success-ghost-active-color: var(--rb-color-success-active);
--rb-btn-success-ghost-active-bg-color: rgba(0, 158, 138, 0.04);
--rb-btn-success-ghost-active-border-color: var(--rb-color-success-active);
--rb-btn-warning-ghost-color: var(--rb-color-warning);
--rb-btn-warning-ghost-bg-color: rgba(255, 185, 0, 0);
--rb-btn-warning-ghost-border-color: var(--rb-color-warning);
--rb-btn-warning-ghost-hover-color: var(--rb-color-warning-hover);
--rb-btn-warning-ghost-hover-bg-color: rgba(214, 155, 0, 0.04);
--rb-btn-warning-ghost-hover-border-color: var(--rb-color-warning-hover);
--rb-btn-warning-ghost-active-color: var(--rb-color-warning-active);
--rb-btn-warning-ghost-active-bg-color: rgba(214, 155, 0, 0.04);
--rb-btn-warning-ghost-active-border-color: var(--rb-color-warning-active);
--rb-btn-danger-ghost-color: var(--rb-color-error);
--rb-btn-danger-ghost-bg-color: rgba(242, 84, 91, 0);
--rb-btn-danger-ghost-border-color: var(--rb-color-error);
--rb-btn-danger-ghost-hover-color: var(--rb-color-error-hover);
--rb-btn-danger-ghost-hover-bg-color: rgba(203, 70, 76, 0.04);
--rb-btn-danger-ghost-hover-border-color: var(--rb-color-error-hover);
--rb-btn-danger-ghost-active-color: var(--rb-color-error-active);
--rb-btn-danger-ghost-active-bg-color: rgba(203, 70, 76, 0.04);
--rb-btn-danger-ghost-active-border-color: var(--rb-color-error-active);
--rb-btn-loading-spinner-color: var(--rb-color-text-disabled);
--rb-btn-primary-loading-spinner-color: var(--rb-color-text-disabled);
/* --FloatButton-- */
--rb-float-button-menu-bg-color: var(--rb-color-bg-elevated);
--rb-float-btn-color: #FFFFFF;
--rb-float-btn-default-bg-color: #425B76;
--rb-float-btn-default-hover-color: #FFFFFF;
--rb-float-btn-default-hover-bg-color: #39364E;
--rb-float-btn-primary-color: #FFFFFF;
--rb-float-btn-primary-bg-color: var(--rb-color-primary);
--rb-float-btn-primary-hover-color: #FFFFFF;
--rb-float-btn-primary-hover-bg-color: var(--rb-color-primary-hover);
/* --Menu-- */
--rb-menu-bg-color: var(--rb-color-bg-elevated);
--rb-menu-item-hover-bg-color: var(--rb-color-option-hover-bg);
--rb-menu-item-hover-color: var(--rb-color-option-hover);
--rb-menu-item-selected-color: var(--rb-color-option-active);
--rb-menu-item-selected-bg-color: var(--rb-color-option-active-bg);
--rb-menu-item-arrow-color: var(--rb-color-text-auxiliary);
--rb-menu-item-arrow-hover-color: var(--rb-color-text-auxiliary);
--rb-menu-item-arrow-selected-color: var(--rb-color-primary);
/* 暂时无用 */
--rb-menu-submenu-inline-open-color: var(--rb-color-primary);
--rb-menu-submenu-inline-open-bg-color: var(--rb-color-option-active-bg);
--rb-menu-vertical-border-color: var(--rb-color-border);
/* --Icon-- */
--rb-icon-default-color: var(--rb-color-text);
--rb-icon-success-color: var(--rb-color-success);
--rb-icon-info-color: var(--rb-color-info);
--rb-icon-warning-color: var(--rb-color-warning);
--rb-icon-danger-color: var(--rb-color-error);
/* --Divider-- */
--rb-divider-font-color: var(--rb-color-text);
--rb-divider-border-color: var(--rb-color-split);
/* --Anchor-- */
--rb-anchor-content-bg-color: var(--rb-color-bg-elevated);
--rb-anchor-navArrow-bg-color: #445781;
--rb-anchor-navArrow-span-font-color: #FFFFFF;
--rb-anchor-navArrow-before-borderbottom-color: var(--rb-anchor-navArrow-bg-color);
--rb-anchor-navArrow-before-borderright-color: var(--rb-anchor-navArrow-bg-color);
--rb-anchor-navArrow-after-bordertop-color: var(--rb-anchor-navArrow-bg-color);
--rb-anchor-navArrow-after-borderright-color: var(--rb-anchor-navArrow-bg-color);
--rb-anchor-navLine-bg-color: var(--rb-color-bg-rail);
--rb-anchor-static-navLine-bg-color: var(--rb-color-split);
--rb-anchor-item-font-color: var(--rb-color-text);
--rb-anchor-item-hover-font-color: var(--rb-color-primary);
--rb-anchor-item-before-bg-color: var(--rb-color-bg-rail);
--rb-anchor-item-before-border-color: var(--rb-color-primary);
--rb-anchor-item-before-active-bg-color: var(--rb-color-bg-elevated);
--rb-anchor-item-active-font-color: var(--rb-color-primary);
/* --Breadcrumb-- */
--rb-breadcrumb-font-color: var(--rb-color-text);
--rb-breadcrumb-previous-font-color: var(--rb-color-text-description);
--rb-breadcrumb-separator-color: var(--rb-color-text-description);
--rb-breadcrumb-item-link-hover-font-color: var(--rb-color-primary);
--rb-breadcrumb-item-link-active-font-color: var(--rb-color-primary);
--rb-breadcrumb-icon-color: var(--rb-color-text);
--rb-breadcrumb-hover-icon-color: var(--rb-color-primary);
--rb-breadcrumb-active-icon-color: var(--rb-color-primary);
/* --Dropdown-- */
--rb-dropdown-bg-color: var(--rb-color-bg-elevated);
/* 暂时无用 */
--rb-btn-dropdown-border-color: transparent;
--rb-dropdown-default-trigger-color: var(--rb-btn-text-color);
--rb-dropdown-default-trigger-hover-color: var(--rb-btn-text-hover-color);
/* --List-- */
--rb-list-item-color: var(--rb-color-text);
--rb-list-item-bg-color: transparent;
--rb-list-item-disabled: var(--rb-color-text-disabled);
--rb-list-item-disabled-bg-color: transparent;
--rb-list-item-hover-color: var(--rb-color-option-hover);
--rb-list-item-bg-hover-color: var(--rb-color-option-hover-bg);
--rb-list-item-active-color: var(--rb-color-option-active);
--rb-list-item-active-bg-color: var(--rb-color-option-active-bg);
/* --Pagination-- */
--rb-pagination-item-border-color: var(--rb-color-border);
--rb-pagination-item-bg-color: var(--rb-color-bg-container);
--rb-pagination-item-color: var(--rb-color-text);
--rb-pagination-itemnot-border-color: var(--rb-color-border);
--rb-pagination-itemnot-bg-color: var(--rb-color-bg-container);
--rb-pagination-itemnot-color: var(--rb-color-text-disabled);
--rb-pagination-item-hover-border-color: var(--rb-color-border);
--rb-pagination-item-hover-bg-color: var(--rb-color-bg-container);
--rb-pagination-item-hover-color: var(--rb-color-primary);
--rb-pagination-item-active-border-color: var(--rb-color-primary);
--rb-pagination-item-active-bg-color: var(--rb-color-bg-container);
--rb-pagination-item-active-color: var(--rb-color-primary);
--rb-pagination-disabled-color: var(--rb-color-text-disabled);
--rb-pagination-disabled-border-color: var(--rb-color-border);
--rb-pagination-disabled-bg-color: var(--rb-color-bg-container);
--rb-pagination-active-disabled-border-color: var(--rb-color-border);
--rb-pagination-active-disabled-bg-color: var(--rb-color-bg-disabled);
--rb-pagination-active-disabled-color: var(--rb-color-text-disabled);
--rb-pagination-turn-page-color: var(--rb-color-text);
/* --Steps-- */
--rb-steps-step-title-color: var(--rb-color-text);
--rb-steps-serial-undo-title-color: var(--rb-color-text-description);
--rb-steps-step-subtitle-color: var(--rb-color-text-description);
--rb-steps-step-description: var(--rb-color-text-description);
--rb-steps-step-doing-description-color: var(--rb-color-text);
--rb-steps-step-done-color: var(--rb-color-primary);
--rb-steps-serial-done-bg-color: #EAEAFD;
--rb-steps-serial-done-border-color: var(--rb-steps-serial-done-bg-color);
--rb-steps-step-doing-color: #FFFFFF;
--rb-steps-serial-doing-bg-color: #9295F5;
--rb-steps-serial-doing-border-color: var(--rb-steps-serial-doing-bg-color);
--rb-steps-step-undo-color: var(--rb-color-text-description);
--rb-steps-serial-undo-bg-color: var(--rb-color-bg-fill);
--rb-steps-serial-undo-border-color: var(--rb-steps-serial-undo-bg-color);
--rb-steps-step-icon-done-color: var(--rb-steps-serial-doing-bg-color);
--rb-steps-step-doing-icon-color: var(--rb-steps-serial-doing-bg-color);
--rb-steps-step-icon-undo-color: var(--rb-color-text-disabled);
--rb-steps-step-dot-bg-color: var(--rb-color-text-disabled);
--rb-steps-step-done-dot-color: var(--rb-steps-serial-doing-bg-color);
--rb-steps-step-doing-dot-color: var(--rb-steps-serial-doing-bg-color);
--rb-steps-step-undo-dot-color: var(--rb-color-text-disabled);
--rb-steps-done-line-bg-color: var(--rb-steps-serial-doing-bg-color);
--rb-steps-line-bg-color: var(--rb-color-split);
--rb-steps-step-error-color: var(--rb-color-error);
--rb-steps-step-error-border-color: var(--rb-steps-step-error-bg-color);
--rb-steps-step-error-bg-color: var(--rb-color-error-bg);
--rb-steps-step-nav-arrow-color: var(--rb-color-text-auxiliary);
--rb-steps-step-nav-border-color: var(--rb-color-split);
--rb-steps-step-nav-doing-border-color: var(--rb-steps-serial-doing-bg-color);
--rb-steps-step-nav-click-hover-color: var(--rb-steps-step-done-color);
--rb-steps-step-ribbon-icon-bg-color: #FFFFFF;
--rb-steps-step-ribbon-icon-border-color: var(--rb-steps-step-ribbon-icon-bg-color);
--rb-steps-step-ribbon-done-icon-bg-color: #FFFFFF;
--rb-steps-step-ribbon-done-icon-border-color: var(--rb-steps-step-ribbon-done-icon-bg-color);
--rb-steps-step-ribbon-done-icon-color: var(--rb-steps-step-done-color);
--rb-steps-step-ribbon-undo-icon-bg-color: #FFFFFF;
--rb-steps-step-ribbon-undo-icon-border-color: var(--rb-steps-step-ribbon-undo-icon-bg-color);
--rb-steps-step-ribbon-undo-icon-color: var(--rb-steps-step-ribbon-undo-color);
--rb-steps-step-ribbon-done-color: var(--rb-steps-step-done-color);
--rb-steps-step-ribbon-done-bg-color: var(--rb-steps-serial-done-bg-color);
--rb-steps-step-ribbon-doing-color: var(--rb-steps-step-doing-color);
--rb-steps-step-ribbon-doing-bg-color: var(--rb-steps-serial-doing-bg-color);
--rb-steps-step-ribbon-undo-color: var(--rb-steps-step-undo-color);
--rb-steps-step-ribbon-undo-bg-color: var(--rb-color-bg-fill);
/* --Cascader-- */
--rb-cascader-border-color: var(--rb-cascader-border-color);
--rb-cascader-bg-color: var(--rb-color-bg-elevated);
--rb-cascader-menu-item-border-color: var(--rb-color-split);
--rb-cascader-menu-font-color: var(--rb-color-text);
--rb-cascader-menu-disabled-color: var(--rb-color-text-disabled);
--rb-cascader-menu-disabled-bg-color: transparent;
--rb-cascader-menu-arrow-color: var(--rb-color-text-auxiliary);
--rb-cascader-menu-arrow-hover-color: var(--rb-cascader-menu-arrow-color);
--rb-cascader-menu-arrow-active-color: var(--rb-color-option-active);
--rb-cascader-menu-active-color: var(--rb-color-option-active-bg);
--rb-cascader-menu-active-font-color: var(--rb-color-option-active);
--rb-cascader-menu-hover-color: var(--rb-color-option-hover);
--rb-cascader-menu-hover-bg-color: var(--rb-color-option-hover-bg);
--rb-filter-menu-hover-bg-color: var(--rb-color-option-hover-bg);
--rb-high-light-font-color: var(--rb-color-text-highlight);
/* --Checkbox-- */
--rb-checkbox-bg-color: var(--rb-color-bg-container);
--rb-checkbox-border-color: var(--rb-color-border);
--rb-checkbox-hover-border-color: var(--rb-color-border-hover-focus);
--rb-checkbox-checked-bg-color: var(--rb-color-primary);
--rb-checkbox-checked-border-color: var(--rb-color-primary);
--rb-checkbox-checked-after-border-color: #FFFFFF;
--rb-checkbox-disabled-unchecked-bg-color: var(--rb-color-bg-disabled);
--rb-checkbox-disabled-checked-bg-color: var(--rb-color-bg-disabled);
--rb-checkbox-disabled-checked-border-color: var(--rb-color-border);
--rb-checkbox-disabled-checked-after-border-color: var(--rb-color-text-disabled);
--rb-checkbox-border-indeterminate-color: var(--rb-color-primary);
--rb-checkbox-bg-indeterminate-color: var(--rb-color-primary);
/* --Datepicker-- */
--rb-date-picker-panel-color: var(--rb-color-text);
--rb-date-picker-panel-bg-color: var(--rb-color-bg-elevated);
--rb-date-picker-header-color: var(--rb-color-text);
--rb-picker-header-button-color: var(--rb-color-text);
--rb-date-picker-header-bg-color: transparent;
--rb-date-picker-thead-color: var(--rb-color-text);
--rb-date-picker-thead-bg-color: var(--rb-color-bg-head);
--rb-picker-date-panel-border-color: var(--rb-color-split);
--rb-date-picker-not-in-view-color: var(--rb-color-text-disabled);
--rb-date-picker-current-bg-color: var(--rb-color-primary);
--rb-date-picker-hover-color: var(--rb-color-option-hover);
--rb-date-picker-hover-bg-color: var(--rb-color-option-hover-bg);
--rb-date-picker-checked-active-bg-color: var(--rb-color-primary);
--rb-date-picker-checked-active-color: #FFFFFF;
--rb-date-picker-disabled-color: var(--rb-color-text-disabled);
--rb-date-picker-disabled-bg-color: var(--rb-color-bg-disabled);
--rb-date-picker-weekend-font-color: var(--rb-date-picker-panel-color);
--rb-date-picker-week-count-color: var(--rb-color-text-auxiliary);
--rb-date-picker-time-hover-color: var(--rb-color-option-hover);
--rb-date-picker-time-hover-bg-color: var(--rb-color-option-hover-bg);
--rb-date-picker-time-checked-active-color: var(--rb-color-option-active);
--rb-date-picker-time-checked-active-bg-color: var(--rb-color-option-active-bg);
--rb-date-picker-time-disabled-color: var(--rb-color-text-disabled);
--rb-date-picker-time-disabled-bg-color: transparent;
--rb-rangepicker-input-border-color: var(--rb-color-border-hover-focus);
--rb-rangepicker-checked-bg-color: var(--rb-color-option-active-bg);
--rb-rangepicker-hover-border-color: var(--rb-color-primary);
/* 暂时无用 */
--rb-date-picker-header-font-color: transparent;
--rb-date-picker-header-disabled-font-color: transparent;
/* --Timepicker-- */
--rb-timepicker-bg-color: var(--rb-color-bg-elevated);
--rb-time-picker-header-color: var(--rb-color-text);
--rb-time-picker-header-bg-color: var(--rb-color-bg-head);
--rb-time-picker-container-hour-apm-font-color: transparent;
--rb-time-picker-container-hour-apm-active-bg-color: var(--rb-color-option-active-bg);
--rb-time-picker-container-hour-apm-active-font-color: var(--rb-color-option-active);
/* --Input-- */
--rb-input-content-hover-border-color: var(--rb-color-border-hover-focus);
--rb-input-content-focus-border-color: var(--rb-color-border-hover-focus);
--rb-input-content-focus-bs-color: rgba(117, 185, 240, 0.24);
--rb-input-content-border-color: var(--rb-color-border);
--rb-input-content-bg-color: var(--rb-color-bg-container);
--rb-input-content-disabled-bg-color: var(--rb-color-bg-disabled);
--rb-input-fix-icon-color: var(--rb-color-text-auxiliary);
--rb-input-fix-icon-click-color: var(--rb-color-text);
--rb-input-fix-icon-click-hover-color: var(--rb-color-primary);
--rb-input-fix-icon-click-active-color: var(--rb-color-primary);
--rb-suffix-counter: var(--rb-color-text-description);
--rb-input-Required-font-color: var(--rb-color-error);
--rb-input-HelpFill-font-color: #F58220;
--rb-input-content-error-focus-bs-color: rgba(242, 84, 91, 0.24);
--rb-input-error-border-color: var(--rb-color-error);
/* 暂时无用 */
--rb-input-tips-error-font-color: transparent;
--rb-input-tips-warning-border-color: transparent;
--rb-input-error-small-font-color: transparent;
/* --Textarea-- */
--rb-textarea-number-color: var(--rb-color-text-description);
/* --Inputnumber-- */
--rb-input-number-icon-color: var(--rb-color-text-description);
--rb-input-number-icon-hover-color: var(--rb-color-primary);
--rb-inputnumber-disabled-font-color: var(--rb-color-text-disabled);
--rb-inputnumber-controls-border-color: var(--rb-color-split);
/* --Radio-- */
--rb-radio-label-font-color: var(--rb-color-text);
--rb-radio-inner-border-color: var(--rb-color-border);
--rb-radio-inner-bg-color: var(--rb-color-bg-container);
--rb-radio-inner-checked-border-color: var(--rb-color-primary);
--rb-radio-inner-after-checked-bg-color: var(--rb-color-primary);
--rb-radio-inner-disabled-border-color: var(--rb-color-border);
--rb-radio-inner-disabled-after-checked-bg-color: var(--rb-color-text-disabled);
--rb-radio-inner-hover-border-color: var(--rb-color-border-hover-focus);
--rb-radio-label-button-border-color: var(--rb-color-border);
--rb-radio-label-button-bg-color: var(--rb-color-bg-container);
--rb-radio-label-button-hover-color: var(--rb-color-primary);
--rb-radio-label-button-hover-border-color: var(--rb-color-border);
--rb-radio-label-button-hover-bg-color: var(--rb-color-bg-container);
--rb-radio-input-checked-button-color: var(--rb-color-primary);
--rb-radio-input-checked-button-border-color: var(--rb-color-primary);
--rb-radio-input-checked-button-bg-color: var(--rb-color-bg-container);
--rb-radio-button-arrow-color: var(--rb-color-primary);
--rb-radio-button-arrow-border-color: #FFFFFF;
--rb-radio-label-disabled-color: var(--rb-color-text-disabled);
--rb-radio-label-disabled-bg-color: var(--rb-color-bg-disabled);
--rb-radio-label-disabled-active-color: #FFFFFF;
--rb-radio-label-disabled-active-bg-color: var(--rb-color-border);
--rb-radio-label-button-disabled-border-color: var(--rb-color-border);
--rb-radio-button-disabled-arrow-color: var(--rb-color-border);
--rb-radio-button-disabled-arrow-border-color: #FFFFFF;
/* 暂时无用 */
--rb-radio-input-checked-border-color: var(--rb-color-primary);
--rb-radio-label-border-hover-font-color: var(--rb-color-primary);
--rb-radio-input-checked-solid-border-color: var(--rb-color-primary);
--rb-radio-input-checked-solid-color: var(--rb-color-primary);
--rb-radio-label-border-color: var(--rb-color-border);
/* --Rate-- */
--rb-star-icon-color: var(--rb-color-bg-fill);
--rb-rate-star-full-icon-color: #F58220;
/* --Select-- */
--rb-select-down-container-bg-color: var(--rb-color-bg-elevated);
--rb-select-group-name-font-color: var(--rb-color-text-description);
--rb-select-option-hover-color: var(--rb-color-option-hover);
--rb-select-option-hover-bg-color: var(--rb-color-option-hover-bg);
--rb-select-option-active-color: var(--rb-color-option-active);
--rb-select-option-active-bg-color: var(--rb-color-option-active-bg);
--rb-select-multi-arrow-color: var(--rb-color-primary);
--rb-select-option-disabled-color: var(--rb-color-text-disabled);
--rb-select-no-data-color: var(--rb-color-text-description);
--rb-select-multi-tag-color: var(--rb-color-text);
--rb-select-multi-tag-border-color: var(--rb-color-split);
--rb-select-multi-tag-bg-color: var(--rb-color-bg-head);
--rb-select-multi-disabled-tag-color: var(--rb-color-text-disabled);
--rb-select-multi-disabled-tag-border-color: var(--rb-color-split);
--rb-select-multi-disabled-tag-bg-color: var(--rb-color-split);
/* --Slider-- */
--rb-slider-track-bg-color: var(--rb-color-primary);
--rb-slider-track-bg-hover-color: var(--rb-color-primary-hover);
--rb-slider-handle-border-color: var(--rb-color-primary);
--rb-slider-handle-bg-color: var(--rb-color-bg-container);
--rb-slider-handle-border-disabled-color: var(--rb-color-text-disabled);
--rb-slider-handle-bg-disabled-color: var(--rb-color-bg-container);
--rb-slider-handle-hover-border-color: var(--rb-color-primary-hover);
--rb-slider-handle-active-border-color: var(--rb-color-primary-active);
--rb-slider-track-disabled-bg-color: var(--rb-color-text-disabled);
--rb-slider-dot-border-color: var(--rb-color-bg-fill);
--rb-slider-dot-border-hover-color: var(--rb-slider-rail-bg-hover-color);
--rb-slider-dot-bg-color: var(--rb-color-bg-container);
--rb-slider-dot-active-border-color: var(--rb-color-primary);
--rb-slider-dot-active-border-hover-color: var(--rb-color-primary-hover);
--rb-slider-rail-bg-color: var(--rb-color-bg-fill);
--rb-slider-rail-bg-hover-color: #CBD6E2;
--rb-slider-handle-dragging-border-color: rgba(57, 54, 78, 0.16);
--rb-slider-mark-color: var(--rb-color-text);
--rb-slider-mark-active-color: var(--rb-color-text);
--rb-slider-label-icon-color: var(--rb-color-text-auxiliary);
/* --Switch-- */
--rb-switchBox-switch-color: #FFFFFF;
--rb-switchBox-switch-bg-color: #CBD6E2;
--rb-switchBox-switch-border-color: var(--rb-switchBox-switch-bg-color);
--rb-switchBox-switch-bg-hover-color: #BFBFBF;
--rb-switchBox-switch-border-hover-color: var(--rb-switchBox-switch-bg-hover-color);
--rb-switchBox-switch-handle-bg-color: #FFFFFF;
--rb-switchBox-switch-disabled-color: #FFFFFF;
--rb-switchBox-switch-disabled-bg-color: #DEE5ED;
--rb-switchBox-switch-disabled-border-color: var(--rb-switchBox-switch-disabled-bg-color);
--rb-switchBox-switch-disabled-handle-bg-color: #FFFFFF;
--rb-switchBox-switch-checked-color: #FFFFFF;
--rb-switchBox-switch-checked-bg-color: var(--rb-color-primary);
--rb-switchBox-switch-checked-border-color: var(--rb-color-primary);
--rb-switchBox-switch-checked-bg-hover-color: var(--rb-color-primary-hover);
--rb-switchBox-switch-checked-border-hover-color: var(--rb-color-primary-hover);
--rb-switchBox-switch-checked-handle-bg-color: #FFFFFF;
--rb-switchBox-switch-checked-disabled-color: #FFFFFF;
--rb-switchBox-switch-checked-disabled-bg-color: #A9AAF7;
--rb-switchBox-switch-checked-disabled-border-color: var(--rb-switchBox-switch-checked-disabled-bg-color);
--rb-switchBox-switch-checked-disabled-handle-bg-color: #FFFFFF;
/* --TableSelect-- */
--rb-table-select-container-bg-color: var(--rb-color-bg-elevated);
/* --Transfer-- */
--rb-transfer-bg-color: transparent;
--rb-transfer-list-border-color: var(--rb-color-border);
--rb-transfer-list-bg-color: var(--rb-color-bg-container);
--rb-transfer-list-header-bg-color: var(--rb-color-bg-container);
--rb-transfer-list-content-item-hover-color: var(--rb-color-option-hover);
--rb-transfer-list-content-item-hover-bg-color: var(--rb-color-option-hover-bg);
--rb-transfer-list-body-disabled-color: var(--rb-color-text-disabled);
--rb-transfer-list-body-disabled-bg-color: var(--rb-color-bg-disabled);
--rb-transfer-list-delete-font-color: var(--rb-color-text-description);
--rb-transfer-list-delete-hover-font-color: var(--rb-color-text);
--rb-transfer-operation-disabled-color: var(--rb-color-text-disabled);
--rb-transfer-operation-disabled-border-color: var(--rb-color-border);
--rb-transfer-operation-disabled-bg-color: var(--rb-color-bg-disabled);
/* --TreeSelect-- */
--rb-treeselect-dropdown-bg-color: var(--rb-color-bg-elevated);
/* --Upload-- */
--rb-upload-dragger-trigger-icon-color: var(--rb-color-text);
--rb-upload-dragger-trigger-color: var(--rb-color-text);
--rb-upload-dragger-trigger-border-color: var(--rb-color-border);
--rb-upload-dragger-trigger-hover-color: var(--rb-color-primary-hover);
--rb-upload-dragger-trigger-des-color: var(--rb-color-text-description);
--rb-upload-dragger-trigger-disabled-color: var(--rb-color-text-disabled);
--rb-upload-dragger-trigger-disabled-bg-color: var(--rb-color-bg-disabled);
--rb-upload-dragger-trigger-disabled-border-color: var(--rb-color-border);
--rb-upload-error-color: var(--rb-color-error);
--rb-upload-error-hover-color: var(--rb-color-error-hover);
--rb-upload-list-item-color: var(--rb-color-link);
--rb-upload-list-item-icon-color: var(--rb-color-text-auxiliary);
--rb-upload-list-item-icon-hover-color: var(--rb-color-text-auxiliary);
--rb-upload-list-item-hover-color: var(--rb-color-link-hover);
--rb-upload-list-item-hover-bg-color: var(--rb-color-option-hover-bg);
--rb-upload-list-item-custom-btn-text-color: var(--rb-color-text-description);
--rb-upload-list-item-custom-btn-text-hover-color: var(--rb-color-text);
--rb-upload-list-item-custom-btn-text-active-color: var(--rb-color-text);
--rb-upload-picture-list-item-border-color: var(--rb-color-border);
--rb-upload-picture-wall-item-border-color: var(--rb-color-border);
--rb-upload-picture-list-item-border-error-color: var(--rb-color-error);
--rb-upload-state-error-border-color: var(--rb-color-error);
--rb-upload-state-error-bg-color: var(--rb-color-error-bg);
--rb-upload-picture-wall-icon-color: #FFFFFF;
--rb-upload-picture-wall-mask-color: var(--rb-mask-bg-color);
/* --Search-- */
--rb-search-result-bg-color: var(--rb-color-bg-elevated);
--rb-search-no-result-color: var(--rb-color-text-description);
/* --Badge-- */
--rb-badge-default-color: var(--rb-color-error);
--rb-badge-default-font-color: #FFFFFF;
--rb-badge-state-info-color: var(--rb-color-info);
--rb-badge-state-success-color: var(--rb-color-success);
--rb-badge-state-warning-color: var(--rb-color-warning);
--rb-badge-state-error-color: var(--rb-color-error);
--rb-badge-state-disabled-color: var(--rb-color-text-disabled);
--rb-badge-state-default-color: var(--rb-color-text);
--rb-ribbon-content-color: #FFFFFF;
--rb-ribbon-content-bg-color: var(--rb-color-primary);
--rb-ribbon-anger-bg-color: var(--rb-ribbon-content-bg-color);
--rb-badge-count-border-color: #FFFFFF;
/* --Box-- */
--rb-box-bg: var(--rb-color-bg-container);
--rb-box-footer-bg: var(--rb-color-bg-elevated);
--rb-top-count-title: var(--rb-color-text-description);
--rb-top-count-after-bg-color: var(--rb-color-split);
/* --Calendar-- */
--rb-calendar-thead-color: var(--rb-color-text);
--rb-calendar-cell-bg-color: var(--rb-color-bg-container);
--rb-calendar-cell-border-color: var(--rb-color-split);
--rb-calendar-cell-hover-color: var(--rb-color-option-hover);
--rb-calendar-cell-bg-hover-color: var(--rb-color-option-hover-bg);
--rb-calendar-cell-border-hover-color: var(--rb-color-split);
--rb-calendar-cell-current-color: var(--rb-color-option-active);
--rb-calendar-cell-current-bg-color: var(--rb-color-option-active-bg);
--rb-calendar-cell-current-border-color: var(--rb-color-primary);
--rb-calendar-cell-selected-color: var(--rb-color-option-active);
--rb-calendar-cell-selected-bg-color: var(--rb-color-option-active-bg);
--rb-calendar-cell-selected-border-color: #D3D4FA;
/* --Card-- */
--rb-card-bg-color: var(--rb-color-bg-container);
--rb-card-border-color: var(--rb-color-split);
--rb-card-header-title-font-color: var(--rb-color-text);
--rb-card-group-bg-color: transparent;
--rb-card-header-custom-btn-text-color: var(--rb-color-link);
--rb-card-header-custom-btn-text-hover-color: var(--rb-color-link-hover);
--rb-card-header-custom-btn-text-active-color: var(--rb-color-link-active);
--rb-card-header-expand-icon-color: var(--rb-color-text);
--rb-card-header-expand-icon-hover-color: var(--rb-color-text);
--rb-card-header-expand-icon-active-color: var(--rb-color-text);
--rb-card-group-inner-bg-color: transparent;
/* --Carousel-- */
--rb-carousel-bar-bg-color: rgba(119, 122, 242, 0.45);
--rb-carousel-bar-hover-active-bg-color: var(--rb-color-primary);
--rb-carousel-arrow-color: var(--rb-color-primary);
--rb-carousel-arrow-bg-color: rgba(119, 122, 242, 0.07);
--rb-carousel-arrow-border-color: rgba(119, 122, 242, 0.07);
--rb-carousel-arrow-hover-color: #FFFFFF;
--rb-carousel-arrow-hover-bg-color: var(--rb-color-primary);
--rb-carousel-arrow-hover-border-color: var(--rb-color-primary);
/* --Collapse-- */
--rb-collapse-bg-color: var(--rb-color-bg-container);
--rb-collapse-item-bg-color: var(--rb-color-bg-container);
--rb-collapse-header-bg-color: var(--rb-color-bg-head);
--rb-collapse-border-color: var(--rb-color-split);
--rb-collapse-info-color: var(--rb-info-color);
--rb-collapse-success-color: var(--rb-color-success);
--rb-collapse-warning-color: var(--rb-color-warning);
--rb-collapse-error-color: var(--rb-color-error);
--rb-collapse-header-custom-btn-text-color: var(--rb-color-text);
--rb-collapse-header-custom-btn-text-hover-color: var(--rb-color-primary);
--rb-collapse-header-custom-btn-text-active-color: var(--rb-color-primary);
/* --Highlight-- */
--rb-highlight-color: #777AF2;
--rb-highlight-hover-color: #39364E;
--rb-highlight-active-color: #39364E;
/* --PDF-- */
--rb-pdf-bg-color: #514F64;
--rb-pdf-toolbar-bg-color: #39364E;
--rb-pdf-toolbar-color: #FFFFFF;
--rb-pdf-toolbar-hover-color: #FFFFFF;
--rb-pdf-toolbar-disabled-color: rgba(255, 255, 255, 0.4);
--rb-pdf-operate-bg-color: transparent;
--rb-pdf-operate-border-color: transparent;
--rb-pdf-operate-bg-hover-color: rgba(255, 255, 255, 0.08);
--rb-pdf-input-color: #FFFFFF;
--rb-pdf-input-bg-color: #262434;
--rb-pdf-input-border-color: var(--rb-pdf-input-bg-color);
--rb-pdf-input-arrow-color: rgba(255, 255, 255, 0.4);
--rb-pdf-select-down-bg-color: #262434;
--rb-pdf-select-down-color: #FFFFFF;
--rb-pdf-select-down-hover-color: #FFFFFF;
--rb-pdf-select-down-bg-hover-color: rgba(255, 255, 255, 0.08);
--rb-pdf-select-down-active-color: #FFFFFF;
--rb-pdf-select-down-bg-active-color: rgba(255, 255, 255, 0.08);
--rb-pdf-toolbar-split: rgba(255, 255, 255, 0.08);
/* --Popover-- */
--rb-popover-bg-color: var(--rb-color-bg-elevated);
--rb-popover-header-bg-color: transparent;
--rb-popover-confirm-icon-color: var(--rb-color-warning);
/* --QRCode-- */
--rb-qrcode-fill-color: var(--rb-color-text);
--rb-qrcode-border-color: var(--rb-color-split);
--rb-qrcode-bg-color: var(--rb-color-bg-container);
--rb-qrcode-mask-bg-color: rgba(255, 255, 255, 0.96);
--rb-qrcode-mask-font-color: var(--rb-color-text);
/* --Records-- */
--rb-records-bg-color: #FFFFFF;
--rb-records-nickname-color: #425B76;
--rb-records-date-color: var(--rb-color-text-auxiliary);
--rb-records-time-color: #425B76;
--rb-records-load-font-color: var(--rb-color-text-description);
--rb-records-load-font-hover-color: var(--rb-color-primary);
--rb-records-load-font-active-color: var(--rb-color-primary);
--rb-records-msg-recipient-color: #425B76;
--rb-records-msg-recipient-bg-color: #EAF0F6;
--rb-records-msg-recipient-shadow-color: transparent;
--rb-records-msg-sender-color: #FFFFFF;
--rb-records-msg-sender-bg-color: #425B76;
--rb-records-msg-sender-shadow-color: transparent;
--rb-records-msg-icon-color: var(--rb-color-text-auxiliary);
--rb-records-msg-icon-hover-color: var(--rb-color-text-auxiliary);
--rb-records-msg-icon-active-color: var(--rb-color-text-auxiliary);
--rb-records-msg-recipient-link-color: var(--rb-color-link);
--rb-records-msg-recipient-link-hover-color: var(--rb-color-link-hover);
--rb-records-msg-recipient-link-active-color: var(--rb-color-link-active);
--rb-records-toolbar-split-color: rgba(255, 255, 255, 0.16);
--rb-records-toolbar-icon-color: #FFFFFF;
--rb-records-toolbar-icon-hover-color: #FFFFFF;
--rb-records-toolbar-icon-active-color: #FFFFFF;
--rb-records-msg-recipient-split: #CFD8E1;
--rb-records-msg-recipient-btn-text-color: var(--rb-color-primary);
--rb-records-msg-recipient-btn-text-hover-color: var(--rb-color-primary-hover);
--rb-records-msg-recipient-btn-text-active-color: var(--rb-color-primary-active);
--rb-records-msg-recipient-btn-color: #425B76;
--rb-records-msg-recipient-btn-bg-color: #FFFFFF;
--rb-records-msg-recipient-btn-border-color: #425B76;
--rb-records-msg-recipient-btn-hover-color: #425B76;
--rb-records-msg-recipient-btn-bg-hover-color: #F6F7F9;
--rb-records-msg-recipient-btn-border-hover-color: #425B76;
--rb-records-msg-recipient-btn-active-color: #425B76;
--rb-records-msg-recipient-btn-bg-active-color: #F6F7F9;
--rb-records-msg-recipient-btn-border-active-color: #425B76;
--rb-records-msg-error-bg-color: var(--rb-color-error-bg);
--rb-chat-header-bg-color: #425B76;
--rb-chat-header-color: #FFFFFF;
--rb-chat-header-btn-color: #FFFFFF;
--rb-chat-header-btn-border-color: rgba(255, 255, 255, 0.32);
--rb-chat-header-btn-hover-color: #FFFFFF;
--rb-chat-header-btn-active-color: #FFFFFF;
/* --InputBox-- */
--rb-inputbox-doc-border-color: var(--rb-color-split);
--rb-inputbox-doc-name-color: var(--rb-color-text);
--rb-inputbox-doc-remove-icon-color: var(--rb-color-text-description);
--rb-inputbox-doc-remove-icon-hover-color: var(--rb-color-text);
--rb-inputbox-doc-remove-icon-active-color: var(--rb-color-text);
--rb-inputbox-operation-color: var(--rb-color-text-description);
--rb-inputbox-operation-hover-color: var(--rb-color-text);
--rb-inputbox-operation-active-color: var(--rb-color-text);
--rb-inputbox-split-color: var(--rb-color-split);
/* --Table-- */
--rb-table-color: var(--rb-color-text);
--rb-table-thead-color: var(--rb-color-text-secondary);
--rb-table-bg-color: var(--rb-color-bg-container);
--rb-table-elevated-bg-color: var(--rb-table-bg-color);
--rb-table-thead-bg-color: var(--rb-color-bg-head);
--rb-table-elevated-thead-bg-color: var(--rb-table-thead-bg-color);
--rb-table-thead-borderbottom-color: var(--rb-color-split);
--rb-table-elevated-thead-borderbottom-color: var(--rb-table-thead-borderbottom-color);
--rb-table-tbody-td-borderbottom-color: var(--rb-color-split);
--rb-table-elevated-tbody-td-borderbottom-color: var(--rb-table-tbody-td-borderbottom-color);
--rb-table-thead-stripe-bg-color: var(--rb-color-bg-container);
--rb-table-thead-stripe-borderbottom-color: var(--rb-table-thead-borderbottom-color);
--rb-table-odd-row-bg-color: var(--rb-color-bg-container);
--rb-table-even-row-bg-color: var(--rb-color-bg-head);
--rb-table-elevated-thead-stripe-borderbottom-color: var(--rb-table-thead-stripe-borderbottom-color);
--rb-table-elevated-odd-row-bg-color: var(--rb-table-odd-row-bg-color);
--rb-table-elevated-even-row-bg-color: var(--rb-table-even-row-bg-color);
--rb-table-highlight-bg-color: var(--rb-color-option-hover-bg);
--rb-table-tbody-tr-hover-bg-color: var(--rb-color-option-hover-bg);
--rb-table-elevated-tbody-tr-hover-bg-color: var(--rb-table-tbody-tr-hover-bg-color);
--rb-table-head-action-search-color: var(--rb-color-text-auxiliary);
--rb-table-head-action-filter-color: var(--rb-color-text-auxiliary);
--rb-table-head-action-sort-color: var(--rb-color-text-auxiliary);
--rb-table-head-action-hover-color: var(--rb-color-text-description);
--rb-table-head-action-active-color: var(--rb-color-primary);
--rb-table-fixed-left-after-bs-color: var(--rb-box-shadow-color);
--rb-table-fixed-right-after-bs-color: var(--rb-box-shadow-color);
--rb-table-filter-list-bg-color: var(--rb-color-bg-elevated);
--rb-table-tbody-tr-expanded-bg-color: var(--rb-color-bg-container);
--rb-table-elevated-tbody-tr-expanded-bg-color: var(--rb-table-tbody-tr-expanded-bg-color);
--rb-table-summary-bg-color: var(--rb-color-bg-container);
--rb-table-no-record-color: var(--rb-color-text-description);
/* --Tabs-- */
--rb-tabs-bg-color: var(--rb-color-bg-container);
--rb-tabs-elevated-bg-color: var(--rb-color-bg-container);
--rb-tabs-fixed-bg-color: transparent;
--rb-tabs-before-border-color: var(--rb-color-split);
--rb-tabitem-title-active-hover-color: var(--rb-color-primary);
--rb-tabitem-title-disabled-color: var(--rb-color-text-disabled);
--rb-tabs-active-border-color: var(--rb-color-primary);
--rb-tabs-border-color: var(--rb-color-split);
--rb-tabs-badge-bg-color: var(--rb-color-bg-fill);
--rb-tabs-badge-font-color: var(--rb-color-text);
--rb-tabs-pills-border-color: var(--rb-color-border);
--rb-tabs-pills-bg-color: var(--rb-color-bg-container);
--rb-tabitem-active-hover-pills-color: var(--rb-color-primary);
--rb-tabitem-active-pills-border-color: var(--rb-color-primary);
--rb-tabitem-dropdown-title-hover-color: var(--rb-color-option-hover);
--rb-tabitem-dropdown-title-hover-bg-color: var(--rb-color-option-hover-bg);
--rb-tabitem-dropdown-title-active-color: var(--rb-color-option-active);
--rb-tabitem-dropdown-title-active-bg-color: var(--rb-color-option-active-bg);
--rb-tabs-card-item-bg-color: rgba(255, 255, 255, 0.64);
--rb-tabs-card-active-hover-color: var(--rb-color-primary);
--rb-tabs-card-border-color: var(--rb-color-split);
--rb-tabs-card-border-bg-color: var(--rb-color-bg-head);
--rb-tabs-card-active-bg-color: var(--rb-color-bg-container);
--rb-tabs-card-active-border-bottom-color: var(--rb-color-bg-container);
--rb-tabs-card-bg-color: transparent;
--rb-tabs-header-custom-btn-text-color: var(--rb-color-text);
--rb-tabs-header-custom-btn-text-hover-color: var(--rb-color-primary);
--rb-tabs-header-custom-btn-text-active-color: var(--rb-color-primary);
/* --Tag-- */
--rb-tag-color: var(--rb-color-text);
--rb-tag-border-color: var(--rb-color-split);
--rb-tag-item-bg-color: var(--rb-color-bg-head);
--rb-tag-hover-color: var(--rb-close-icon-hover-color);
--rb-tag-item-dashed-bg-color: var(--rb-color-bg-container);
--rb-tag-item-not-check-color: var(--rb-color-text);
--rb-tag-item-not-check-bg-color: transparent;
--rb-tag-item-not-check-border-color: transparent;
--rb-tag-item-check-hover-color: var(--rb-color-primary);
--rb-tag-item-check-hover-bg-color: var(--rb-color-option-active-bg);
--rb-tag-item-check-hover-border-color: var(--rb-color-option-active-bg);
--rb-tag-item-check-active-color: #FFFFFF;
--rb-tag-item-check-active-bg-color: var(--rb-color-primary);
--rb-tag-item-check-active-border-color: var(--rb-color-primary);
--rb-tag-info-color: var(--rb-color-info);
--rb-tag-info-border-color: var(--rb-color-info-border);
--rb-tag-info-bg-color: var(--rb-color-info-bg);
--rb-tag-success-color: var(--rb-color-success);
--rb-tag-success-border-color: var(--rb-color-success-border);
--rb-tag-success-bg-color: var(--rb-color-success-bg);
--rb-tag-warning-color: var(--rb-color-warning);
--rb-tag-warning-border-color: var(--rb-color-warning-border);
--rb-tag-warning-bg-color: var(--rb-color-warning-bg);
--rb-tag-error-color: var(--rb-color-error);
--rb-tag-error-border-color: var(--rb-color-error-border);
--rb-tag-error-bg-color: var(--rb-color-error-bg);
--rb-tag-disabled-color: var(--rb-color-text-disabled);
--rb-tag-disabled-border-color: var(--rb-tag-border-color);
--rb-tag-disabled-bg-color: var(--rb-tag-item-bg-color);
/* --Timeline-- */
--rb-timeline-item-tail-color: var(--rb-color-bg-rail);
--rb-timeline-item-head-color: var(--rb-color-primary);
--rb-timeline-item-head-bg-color: var(--rb-color-bg-container);
--rb-timeline-item-title-color: var(--rb-color-text);
--rb-timeline-item-content-color: var(--rb-color-text-description);
--rb-timeline-item-info: var(--rb-color-info);
--rb-timeline-item-success: var(--rb-color-success);
--rb-timeline-item-warning: var(--rb-color-warning);
--rb-timeline-item-error: var(--rb-color-error);
/* --Tooltip-- */
--rb-tooltip-font-color: #FFFFFF;
--rb-tooltip-bg-color: rgba(0, 0, 0, 0.88);
--rb-tooltip-info-color: #FFFFFF;
--rb-tooltip-info-bg-color: var(--rb-color-info);
--rb-tooltip-success-color: #FFFFFF;
--rb-tooltip-success-bg-color: var(--rb-color-success);
--rb-tooltip-warning-color: #FFFFFF;
--rb-tooltip-warning-bg-color: var(--rb-color-warning);
--rb-tooltip-error-color: #FFFFFF;
--rb-tooltip-error-bg-color: var(--rb-color-error);
/* --Tree-- */
--rb-tree-node-text-hover-bg-color: var(--rb-color-option-hover-bg);
--rb-tree-node-text-hover-color: var(--rb-color-option-hover);
--rb-tree-node-text-active-bg-color: transparent;
--rb-tree-node-text-active-color: var(--rb-color-option-active);
--rb-tree-node-disabled-color: var(--rb-color-text-disabled);
--rb-tree-node-single-disabled-active-color: var(--rb-color-text-disabled);
--rb-tree-node-single-disabled-active-bg-color: var(--rb-color-bg-disabled);
--rb-tree-directory-node-hover-color: var(--rb-color-option-hover);
--rb-tree-directory-node-hover-bg-color: var(--rb-color-option-hover-bg);
--rb-tree-directory-node-active-color: var(--rb-color-option-active);
--rb-tree-directory-node-active-bg-color: var(--rb-color-option-active-bg);
--rb-tree-node-line-color: var(--rb-color-split);
--rb-tree-node-high-light-color: var(--rb-color-text-highlight);
--rb-tree-header-custom-btn-text-color: var(--rb-color-text-description);
--rb-tree-header-custom-btn-text-hover-color: var(--rb-color-primary);
--rb-tree-header-custom-btn-text-active-color: var(--rb-color-primary);
/* --Alert-- */
--rb-alert-font-color: var(--rb-color-text);
--rb-alert-border-color: var(--rb-color-split);
--rb-alert-info-icon-color: var(--rb-color-info);
--rb-alert-info-bg-color: var(--rb-color-info-bg);
--rb-alert-info-border-color: var(--rb-color-info-border);
--rb-alert-success-icon-color: var(--rb-color-success);
--rb-alert-success-bg-color: var(--rb-color-success-bg);
--rb-alert-success-border-color: var(--rb-color-success-border);
--rb-alert-warning-icon-color: var(--rb-color-warning);
--rb-alert-warning-bg-color: var(--rb-color-warning-bg);
--rb-alert-warning-border-color: var(--rb-color-warning-border);
--rb-alert-danger-icon-color: var(--rb-color-error);
--rb-alert-danger-bg-color: var(--rb-color-error-bg);
--rb-alert-danger-border-color: var(--rb-color-error-border);
/* --Dialog-- */
--rb-dialog-mask-bg-color: var(--rb-color-bg-mask-dark);
--rb-dialog-body-bg-color: var(--rb-color-bg-elevated);
--rb-dialog-title-color: var(--rb-color-text);
--rb-dialog-title-before-bg-color: var(--rb-title-prefix-gb-color);
--rb-dialog-confirm-info-color: var(--rb-color-info);
--rb-dialog-confirm-success-color: var(--rb-color-success);
--rb-dialog-confirm-warning-color: var(--rb-color-warning);
--rb-dialog-confirm-error-color: var(--rb-color-error);
/* --Drawer-- */
--rb-drawer-mask-bg-color: var(--rb-color-bg-mask-dark);
--rb-drawer-content-bg-color: var(--rb-color-bg-elevated);
--rb-drawer-title-before-bg-color: var(--rb-title-prefix-gb-color);
--rb-drawer-title-color: var(--rb-color-text);
--rb-drawer-footer-border-color: var(--rb-color-split);
/* --Message-- */
--rb-message-bg-color: var(--rb-color-bg-elevated);
--rb-message-info-color: var(--rb-color-info);
--rb-message-success-color: var(--rb-color-success);
--rb-message-warning-color: var(--rb-color-warning);
--rb-message-error-color: var(--rb-color-error);
/* --Notification-- */
--rb-notice-bg-color: var(--rb-color-bg-elevated);
--rb-notice-icon-color: var(--rb-color-text);
--rb-notice-header-title-color: var(--rb-color-text);
--rb-notice-info-icon-color: var(--rb-color-info);
--rb-notice-info-bg-color: var(--rb-color-info-bg);
--rb-notice-info-border-color: var(--rb-color-info-border);
--rb-notice-success-icon-color: var(--rb-color-success);
--rb-notice-success-bg-color: var(--rb-color-success-bg);
--rb-notice-success-border-color: var(--rb-color-success-border);
--rb-notice-warning-icon-color: var(--rb-color-warning);
--rb-notice-warning-bg-color: var(--rb-color-warning-bg);
--rb-notice-warning-border-color: var(--rb-color-warning-border);
--rb-notice-error-icon-color: var(--rb-color-error);
--rb-notice-error-bg-color: var(--rb-color-error-bg);
--rb-notice-error-border-color: var(--rb-color-error-border);
/* --Popconfirm-- */
--rb-popconfirm-bg-font-color: var(--rb-color-bg-elevated);
/* --Progress-- */
--rb-progress-text-color: var(--rb-color-text);
--rb-progress-not-bg-color: var(--rb-color-bg-fill);
--rb-progress-done-color: var(--rb-color-success);
--rb-progress-default-bg-color: var(--rb-color-info);
--rb-progress-info-color: var(--rb-color-info);
--rb-progress-success-color: var(--rb-color-success);
--rb-progress-warning-color: var(--rb-color-warning);
--rb-progress-error-color: var(--rb-color-error);
--rb-progress-circle-bg-color: transparent;
--rb-progress-circle-segment-progress-color: var(--rb-color-info);
--rb-progress-circle-segment-done-color: var(--rb-color-success);
--rb-progress-default-color: var(--rb-color-info);
/* --Skeleton-- */
--rb-skeleton-bg-color: rgba(0, 0, 0, 0.04);
--rb-skeleton-border-color: transparent;
--rb-skeleton-bg-active-color: rgba(0, 0, 0, 0.08);
/* --Spin-- */
--rb-spin-default-color: var(--rb-color-primary);
--rb-spin-info-color: var(--rb-color-info);
--rb-spin-success-color: var(--rb-color-success);
--rb-spin-warning-color: var(--rb-color-warning);
--rb-spin-danger-color: var(--rb-color-error);
--rb-full-loading-color: var(--rb-color-primary);
--rb-full-loading-item-bg-color: transparent;
--rb-full-loading-mask-bg-color: var(--rb-color-bg-mask-light);
/* ---------------------------------------sideMenu---------------------------*/
/* 侧边整个侧边菜单字体颜色 */
--sidebar-menu-color: #445781;
--sidebar-menu-icon-color: var(--sidebar-menu-color);
--sidebar-menu-arrow-color: #B3BACB;
/* SideNav 整个侧边菜单的背景色 */
--sidebar-menu-bg-color: #FDFDFD;
--sidebar-menu-box-shadow-color: #E7E7E7;
/* ~~~~ 侧边第1层颜色样式------------------ */
--sidebar-menu-level-one-bg-color: var(--sidebar-menu-bg-color);
--sidebar-menu-level-one-expanded-color: var(--sidebar-menu-color);
--sidebar-menu-level-one-expanded-icon-color: var(--sidebar-menu-icon-color);
--sidebar-menu-level-one-expanded-bg-color: #F8F8FA;
--sidebar-menu-level-one-expanded-before-color: var(--rb-color-primary);
--sidebar-menu-level-one-hover-color: #334262;
--sidebar-menu-level-one-hover-icon-color: var(--sidebar-menu-level-one-hover-color);
--sidebar-menu-level-one-hover-bg-color: var(--sidebar-menu-level-one-expanded-bg-color);
--sidebar-menu-level-one-selected-color: #777AF2;
--sidebar-menu-level-one-selected-icon-color: var(--sidebar-menu-level-one-selected-color);
--sidebar-menu-level-one-selected-bg-color: var(--sidebar-menu-level-one-expanded-bg-color);
/* ~~~~ 侧边叶子节点颜色样式------------------ */
--sidebar-menu-leaf-expanded-bg-color: #F3F3F5;
--sidebar-menu-selected-bg-color: #9093F4;
--sidebar-menu-selected-color: #FFFFFF;
--sidebar-menu-divider-color: #E9EBF0;
--sidebar-menu-new-tag-color: #F2545B;
--sidebar-menu-new-tag-bg-color: #FFFFFF;
--sidebar-menu-new-tag-border-color: var(--sidebar-menu-new-tag-color);
/* ~~~~ 侧边第2层颜色样式------------------ */
--sidebar-menu-level-two-color: #677799;
--sidebar-menu-level-two-bg-color: transparent;
--sidebar-menu-level-two-expanded-color: var(--rb-color-primary);
--sidebar-menu-level-two-hover-color: var(--rb-color-primary);
--sidebar-menu-level-two-hover-bg-color: #EAEBF8;
/* ~~~~ 侧边第3层颜色样式------------------ */
/* 暂时无用 */
--sidebar-menu-level-three-bg-color: transparent;
/* ~~~~ all menu------------------ */
--all-menu-bg-color: #F8F8FA;
--all-menu-color: #39364E;
--all-menu-title-color: #7C7C7C;
--all-menu-title-icon-color: #B3BACB;
--all-menu-list-hover-bg-color: rgba(0, 0, 0, 0.02);
--all-menu-item-hover-color: #777AF2;
--all-menu-item-border-color: #E9EBF0;
--all-menu-item-popup-bg-color: #FFFFFF;
--all-menu-item-popup-border-color: #FFFFFF;
--all-menu-star-collect-color: #F58220;
--all-menu-star-color: #DFDFDF;
/* ~~~~ all menu favorites------------------ */
--all-menu-favorites-title-color: #39364E;
--all-menu-favorites-count-color: #F58220;
--all-menu-favorites-count-shadow-color: #F6E9DF;
--all-menu-favorites-count-bg-color: #F6E9DF;
/* ~~~~ all menu search------------------ */
--all-menu-search-high-light-color: var(--rb-color-text-highlight);
--all-menu-search-high-light-bg-color: var(--rb-color-bg-highlight);
--all-menu-search-parent-color: var(--rb-color-text-auxiliary);
--all-menu-search-arrow-color: var(--rb-color-text-auxiliary);
--all-menu-search-color: var(--rb-color-text);
--all-menu-search-hover-color: var(--rb-color-text);
--all-menu-search-hover-bg-color: var(--rb-color-option-hover-bg);
--all-menu-search-border-color: var(--rb-color-split);
--all-menu-search-bg-color: var(--rb-color-bg-elevated);
--all-menu-search-input-color: var(--rb-color-text);
--all-menu-search-input-border-color: var(--rb-color-border);
--all-menu-search-input-border-hover-color: var(--rb-color-border-hover-focus);
--all-menu-search-input-border-focus-bs-color: rgba(117, 185, 240, 0.24);
--all-menu-search-input-bg-color: #FFFFFF;
--all-menu-search-input-icon-color: var(--rb-color-text-auxiliary);
--all-menu-search-input-remove-icon-color: var(--rb-color-text-auxiliary);
/* ---------------------------------------Header--------------------------- */
--rb-header-bg-color: #FFFFFF;
--rb-header-font-color: #39364E;
--rb-header-spilt-color: #F0F0F0;
--rb-header-bottom-border-color: #777AF2;
--rb-header-breadcrumb-previous-font-color: #BFBFBF;
--rb-header-breadcrumb-separator-color: #BFBFBF;
--rb-header-breadcrumb-font-color: var(--rb-color-text);
--rb-header-breadcrumb-icon-color: var(--rb-color-text);
--rb-header-breadcrumb-icon-hover-color: var(--rb-color-primary);
--rb-header-breadcrumb-icon-active-color: var(--rb-color-primary);
--rb-header-font-hover-color: var(--rb-color-primary);
--rb-header-font-active-color: var(--rb-color-primary);
--rb-header-badge-color: #FFFFFF;
--rb-header-badge-bg-color: #F58220;
--rb-header-badge-border-color: #F58220;
--rb-header-search-color: var(--rb-color-text);
--rb-header-search-icon-color: var(--rb-color-text);
--rb-header-search-icon-hover-color: var(--rb-color-primary);
--rb-header-search-icon-active-color: var(--rb-color-primary);
--rb-header-search-border-color: #CBD6E2;
--rb-header-search-bg-color: #FFFFFF;
--rb-header-search-fix-cion: var(--rb-color-text-auxiliary);
--rb-header-search-input-placeholder-color: var(--rb-color-text-auxiliary);
--rb-header-search-input-content-focus-border-color: var(--rb-header-search-border-color);
--rb-header-search-input-content-focus-bs-color: transparent;
/* 暂时无用 */
--rb-header-search-rb-select-option-hover-color: transparent;
--rb-header-search-rb-select-option-hover-bg-color: transparent;
--rb-header-search-select-single-option-active-color: transparent;
--rb-header-search-select-single-option-active-bg-color: transparent;
}
.rb-spin {
flex-direction: column;
}
.rb-spin,
.rb-spin-body {
align-items: center;
display: inline-flex;
}
.rb-spin-body {
justify-content: center;
fill: var(--rb-spin-default-color) !important;
}
.rb-spin-body-info {
fill: var(--rb-spin-info-color) !important;
}
.rb-spin-body-success {
fill: var(--rb-spin-success-color) !important;
}
.rb-spin-body-warning {
fill: var(--rb-spin-warning-color) !important;
}
.rb-spin-body-error {
fill: var(--rb-spin-danger-color) !important;
}
.rb-full-loading-container {
align-items: center;
background-color: var(--rb-full-loading-mask-bg-color);
display: flex;
height: 100%;
justify-content: center;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1001;
}
.rb-full-loading {
width: 40px;
fill: var(--rb-full-loading-color);
}
.rb-full-loading-item {
background-color: var(--rb-full-loading-item-bg-color);
border-radius: 50%;
height: 10px;
width: 10px;
}
.rb-spin-tips {
color: var(--rb-color-text);
margin-top: 4px;
}
@keyframes loading {
0% {
opacity: 1;
transform: rotate(0);
}
50% {
opacity: 0.5;
transform: rotate(180deg);
}
to {
opacity: 1;
transform: rotate(1turn);
}
}
.rainbow {
font-size: var(--rb-icon-default-font-size, 16px);
}
.rb-icon-state-success {
color: var(--rb-icon-success-color);
}
.rb-icon-state-info {
color: var(--rb-icon-info-color);
}
.rb-icon-state-warning {
color: var(--rb-icon-warning-color);
}
.rb-icon-state-danger {
color: var(--rb-icon-danger-color);
}
.rb-popup {
border-radius: var(--rb-popup-border-radius, 4px);
box-shadow: 0 8px 24px 0 var(--rb-box-shadow-color);
position: absolute;
}
.rb-popup .rb-table-thead {
background-color: var(--rb-table-elevated-thead-bg-color);
}
.rb-popup .rb-table-thead tr > th {
border-bottom-color: var(--rb-table-elevated-thead-borderbottom-color);
}
.rb-popup .rb-table-thead-stripe th {
border-bottom-color: var(--rb-table-elevated-thead-stripe-borderbottom-color);
}
.rb-popup .rb-table-tbody .rb-table-row {
background-color: var(--rb-table-elevated-bg-color);
}
.rb-popup .rb-table-tbody .rb-table-row td {
border-bottom-color: var(--rb-table-elevated-tbody-td-borderbottom-color);
}
.rb-popup .rb-table-tbody .rb-table-expanded-row {
background-color: var(--rb-table-elevated-tbody-tr-expanded-bg-color);
}
.rb-popup .rb-table-tbody .rb-table-odd-row {
background-color: var(--rb-table-elevated-odd-row-bg-color);
}
.rb-popup .rb-table-tbody .rb-table-even-row {
background-color: var(--rb-table-elevated-even-row-bg-color);
}
.rb-popup .rb-table-tbody tr:not(.rb-table-spin):not(.rb-table-expanded-row):hover {
background-color: var(--rb-table-elevated-tbody-tr-hover-bg-color);
}
.rb-popup .rb-tabs-container,
.rb-popup .rb-tabs-nav-wapper:not(.rb-tabs-card) {
background-color: var(--rb-tabs-elevated-bg-color);
}
.rb-popup-hide {
display: none;
}
.rb-placement-arrow {
bottom: -10px;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}
.rb-placement-arrow:after {
background-color: var(--rb-placement-arrow-bg-color);
content: "";
height: 6px;
margin-left: var(--rb-placement-arrow-margin-left, 0);
margin-right: var(--rb-placement-arrow-margin-right, 0);
position: absolute;
transform: rotate(45deg);
width: 6px;
}
.rb-popup-top .rb-placement-arrow:after,
.rb-popup-topLeft .rb-placement-arrow:after,
.rb-popup-topRight .rb-placement-arrow:after {
bottom: 7px;
}
.rb-popup-top .rb-placement-arrow:after {
left: 50%;
transform: translateX(-50%) rotate(45deg);
}
.rb-popup-topLeft .rb-placement-arrow:after {
left: 13px;
}
.rb-popup-topRight .rb-placement-arrow:after {
right: 13px;
}
.rb-popup-bottom .rb-placement-arrow,
.rb-popup-bottomLeft .rb-placement-arrow,
.rb-popup-bottomRight .rb-placement-arrow {
top: -9px;
}
.rb-popup-bottom .rb-placement-arrow:after,
.rb-popup-bottomLeft .rb-placement-arrow:after,
.rb-popup-bottomRight .rb-placement-arrow:after {
top: 7px;
}
.rb-popup-bottom .rb-placement-arrow:after {
left: 50%;
transform: translateX(-50%) rotate(45deg);
}
.rb-popup-bottomLeft .rb-placement-arrow:after {
left: 13px;
}
.rb-popup-bottomRight .rb-placement-arrow:after {
right: 13px;
}
.rb-popup-left .rb-placement-arrow,
.rb-popup-leftBottom .rb-placement-arrow,
.rb-popup-leftTop .rb-placement-arrow {
height: 100%;
left: calc(100% - 10px);
top: 0;
width: 20px;
}
.rb-popup-left .rb-placement-arrow:after,
.rb-popup-leftBottom .rb-placement-arrow:after,
.rb-popup-leftTop .rb-placement-arrow:after {
right: 7px;
}
.rb-popup-left .rb-placement-arrow:after {
top: 50%;
transform: translateY(-50%) rotate(45deg);
}
.rb-popup-leftTop .rb-placement-arrow:after {
top: 13px;
}
.rb-popup-leftBottom .rb-placement-arrow:after {
bottom: 13px;
}
.rb-popup-right .rb-placement-arrow,
.rb-popup-rightBottom .rb-placement-arrow,
.rb-popup-rightTop .rb-placement-arrow {
height: 100%;
left: -10px;
top: 0;
width: 20px;
}
.rb-popup-right .rb-placement-arrow:after,
.rb-popup-rightBottom .rb-placement-arrow:after,
.rb-popup-rightTop .rb-placement-arrow:after {
left: 7px;
}
.rb-popup-right .rb-placement-arrow:after {
top: 50%;
transform: translateY(-50%) rotate(45deg);
}
.rb-popup-rightTop .rb-placement-arrow:after {
top: 13px;
}
.rb-popup-rightBottom .rb-placement-arrow:after {
bottom: 13px;
}
.rb-tooltip.rb-tooltip-info .rb-tooltip-inner {
background-color: var(--rb-tooltip-info-bg-color);
color: var(--rb-tooltip-info-color);
}
.rb-tooltip.rb-tooltip-info .rb-placement-arrow {
--rb-placement-arrow-bg-color: var(--rb-tooltip-info-bg-color);
}
.rb-tooltip.rb-tooltip-success .rb-tooltip-inner {
background-color: var(--rb-tooltip-success-bg-color);
color: var(--rb-tooltip-success-color);
}
.rb-tooltip.rb-tooltip-success .rb-placement-arrow {
--rb-placement-arrow-bg-color: var(--rb-tooltip-success-bg-color);
}
.rb-tooltip.rb-tooltip-warning .rb-tooltip-inner {
background-color: var(--rb-tooltip-warning-bg-color);
color: var(--rb-tooltip-warning-color);
}
.rb-tooltip.rb-tooltip-warning .rb-placement-arrow {
--rb-placement-arrow-bg-color: var(--rb-tooltip-warning-bg-color);
}
.rb-tooltip.rb-tooltip-error .rb-tooltip-inner {
background-color: var(--rb-tooltip-error-bg-color);
color: var(--rb-tooltip-error-color);
}
.rb-tooltip.rb-tooltip-error .rb-placement-arrow {
--rb-placement-arrow-bg-color: var(--rb-tooltip-error-bg-color);
}
.rb-tooltip:hover {
display: block;
}
.rb-tooltip .rb-placement-arrow {
--rb-placement-arrow-bg-color: var(--rb-tooltip-bg-color);
}
.rb-tooltip-inner {
background-color: var(--rb-tooltip-bg-color);
border-radius: var(--rb-tooltip-border-radius, 4px);
color: var(--rb-tooltip-font-color);
max-width: var(--rb-tooltip-inner-max-width, 352px);
padding: var(--rb-tooltip-padding, 8px 12px);
word-break: break-all;
}
.rb-btn {
align-items: center;
border: 1px solid;
border-radius: var(--rb-button-border-radius, 4px);
cursor: pointer;
display: inline-flex;
height: var(--rb-button-height, 32px);
justify-content: center;
outline: none;
padding: var(--rb-button-padding, 0 15px);
width: fit-content;
}
.rb-btn.disabled {
cursor: not-allowed;
}
.rb-btn:not(.disabled):focus-visible {
outline: 4px solid var(--rb-tab-active-border-color, #39364e);
outline-offset: 1px;
z-index: 1;
}
.rb-btn-without-padding {
padding: 0;
}
.rb-btn-loading.rb-btn-type-primary .rb-spinner .rb-spin-body-white {
fill: var(--rb-btn-primary-loading-spinner-color) !important;
}
.rb-btn-loading.rb-btn-type-default {
border-color: var(--rb-btn-default-disabled-border-color);
color: var(--rb-btn-default-disabled-color);
}
.rb-btn-loading:not(.rb-icon-btn) .rb-spinner {
margin-right: var(--rb-button-prefix-margin-right, 8px);
}
.rb-btn-loading .rb-spinner .rb-spin-body-default,
.rb-btn-loading .rb-spinner .rb-spin-body-text,
.rb-btn-loading .rb-spinner .rb-spin-body-white {
fill: var(--rb-btn-loading-spinner-color) !important;
}
.rb-btn-prefix {
margin-right: var(--rb-button-prefix-margin-right, 8px);
}
.rb-btn-suffix {
margin-left: var(--rb-button-suffix-margin-left, 8px);
}
.rb-btn-type-dashed,
.rb-btn-type-default {
background-color: var(--rb-btn-default-bg-color);
border-color: var(--rb-btn-default-border-color);
color: var(--rb-btn-default-color);
}
.rb-btn-type-dashed.rb-ghost,
.rb-btn-type-default.rb-ghost {
background-color: var(--rb-btn-default-ghost-bg-color);
border-color: var(--rb-btn-default-ghost-border-color);
color: var(--rb-btn-default-ghost-color);
}
.rb-btn-type-dashed.rb-ghost:not(.disabled):not(.rb-btn-loading):hover,
.rb-btn-type-default.rb-ghost:not(.disabled):not(.rb-btn-loading):hover {
background-color: var(--rb-btn-default-ghost-hover-bg-color);
border-color: var(--rb-btn-default-ghost-hover-border-color);
color: var(--rb-btn-default-ghost-hover-color);
}
.rb-btn-type-dashed.rb-ghost:not(.disabled):not(.rb-btn-loading):active,
.rb-btn-type-default.rb-ghost:not(.disabled):not(.rb-btn-loading):active {
background-color: var(--rb-btn-default-ghost-active-bg-color);
border-color: var(--rb-btn-default-ghost-active-border-color);
color: var(--rb-btn-default-ghost-active-color);
}
.rb-btn-type-dashed.rb-ghost.disabled,
.rb-btn-type-default.rb-ghost.disabled {
background-color: var(--rb-btn-default-ghost-disabled-bg-color);
border-color: var(--rb-btn-ghost-disabled-border-color);
color: var(--rb-btn-ghost-disabled-color);
}
.rb-btn-type-dashed.disabled,
.rb-btn-type-default.disabled {
background-color: var(--rb-btn-default-disabled-bg-color);
border-color: var(--rb-btn-default-disabled-border-color);
color: var(--rb-btn-default-disabled-color);
}
.rb-btn-type-dashed:not(.disabled):not(.rb-btn-loading):hover,
.rb-btn-type-default:not(.disabled):not(.rb-btn-loading):hover {
background-color: var(--rb-btn-default-hover-bg-color);
border-color: var(--rb-btn-default-hover-border-color);
color: var(--rb-btn-default-hover-color);
}
.rb-btn-type-dashed:not(.disabled):not(.rb-btn-loading):active,
.rb-btn-type-default:not(.disabled):not(.rb-btn-loading):active {
background-color: var(--rb-btn-default-active-bg-color);
border-color: var(--rb-btn-default-active-border-color);
color: var(--rb-btn-default-active-color);
}
.rb-btn-type-primary {
background-color: var(--rb-btn-primary-bg-color);
border-color: var(--rb-btn-primary-border-color);
color: var(--rb-btn-primary-color);
}
.rb-btn-type-primary.rb-ghost {
background-color: var(--rb-btn-primary-ghost-bg-color);
border: 1px solid var(--rb-btn-primary-ghost-border-color);
color: var(--rb-btn-primary-ghost-color);
}
.rb-btn-type-primary.rb-ghost.disabled {
background-color: var(--rb-btn-primary-ghost-disabled-bg-color);
border: 1px solid var(--rb-btn-ghost-disabled-border-color);
color: var(--rb-btn-ghost-disabled-color);
}
.rb-btn-type-primary.rb-ghost:not(.disabled):not(.rb-btn-loading):hover {
background-color: var(--rb-btn-primary-ghost-hover-bg-color);
border-color: var(--rb-btn-primary-ghost-hover-border-color);
color: var(--rb-btn-primary-ghost-hover-color);
}
.rb-btn-type-primary.rb-ghost:not(.disabled):not(.rb-btn-loading):active {
background-color: var(--rb-btn-primary-ghost-active-bg-color);
border-color: var(--rb-btn-primary-ghost-active-border-color);
color: var(--rb-btn-primary-ghost-active-color);
}
.rb-btn-type-primary.disabled {
background-color: var(--rb-btn-primary-disabled-bg-color);
border-color: var(--rb-btn-primary-disabled-border-color);
color: var(--rb-btn-primary-disabled-color);
}
.rb-btn-type-primary:not(.disabled):not(.rb-btn-loading):hover {
background-color: var(--rb-btn-primary-hover-bg-color);
border-color: var(--rb-btn-primary-hover-border-color);
color: var(--rb-btn-primary-hover-color);
}
.rb-btn-type-primary:not(.disabled):not(.rb-btn-loading):active {
background-color: var(--rb-btn-primary-active-bg-color);
border-color: var(--rb-btn-primary-active-border-color);
color: var(--rb-btn-primary-active-color);
}
.rb-btn-type-dashed {
border-style: dashed;
}
.rb-btn-type-text {
background-color: transparent!important;
border: transparent;
color: var(--rb-btn-text-color);
height: inherit;
padding: 0;
}
.rb-btn-type-text.rb-ghost {
color: var(--rb-btn-text-ghost-color);
}
.rb-btn-type-text.rb-ghost:not(.disabled):not(.rb-btn-loading):hover {
color: var(--rb-btn-text-ghost-hover-color);
}
.rb-btn-type-text.rb-ghost:not(.disabled):not(.rb-btn-loading):active {
color: var(--rb-btn-text-ghost-active-color);
}
.rb-btn-type-text.disabled {
color: var(--rb-btn-text-disabled-color);
}
.rb-btn-type-text:not(.disabled):not(.rb-btn-loading):hover {
color: var(--rb-btn-text-hover-color);
}
.rb-btn-type-text:not(.disabled):not(.rb-btn-loading):active {
color: var(--rb-btn-text-active-color);
}
.rb-btn-type-link {
background-color: transparent!important;
border: transparent;
color: var(--rb-btn-link-color);
padding: 0;
}
.rb-btn-type-link.rb-ghost {
color: var(--rb-btn-link-ghost-color);
}
.rb-btn-type-link.rb-ghost:not(.disabled):not(.rb-btn-loading):hover {
color: var(--rb-btn-link-ghost-hover-color);
}
.rb-btn-type-link.rb-ghost:not(.disabled):not(.rb-btn-loading):active {
color: var(--rb-btn-link-ghost-active-color);
}
.rb-btn-type-link.disabled,
.rb-btn-type-link.disabled .Link:before {
color: var(--rb-btn-link-disabled-color);
}
.rb-btn-type-link:not(.disabled):not(.rb-btn-loading):hover {
color: var(--rb-btn-link-hover-color);
}
.rb-btn-type-link:not(.disabled):not(.rb-btn-loading):active {
color: var(--rb-btn-link-active-color);
}
.rb-icon-btn:not(.rb-btn-type-link):not(.rb-btn-type-text) {
padding: 0;
width: var(--rb-btn-icon-width, 32px);
}
.rb-ghost {
background-color: transparent;
}
.rb-btn-state-info {
background-color: var(--rb-btn-info-bg-color);
border-color: var(--rb-btn-info-border-color);
color: var(--rb-btn-info-color);
}
.rb-btn-state-info:not(.rb-btn-type-primary):not(.disabled):not(.rb-btn-loading) {
background-color: var(--rb-btn-info-not-primary-bg-color);
color: var(--rb-btn-info-not-primary-color);
}
.rb-btn-state-info:not(.disabled):not(.rb-btn-loading):hover {
background-color: var(--rb-btn-info-hover-bg-color);
border-color: var(--rb-btn-info-hover-border-color);
color: var(--rb-btn-info-hover-color);
}
.rb-btn-state-info:not(.disabled):not(.rb-btn-loading):hover:not(.rb-btn-type-primary) {
background-color: var(--rb-btn-info-not-primary-hover-bg-color);
color: var(--rb-btn-info-not-primary-hover-color);
}
.rb-btn-state-info:not(.disabled):not(.rb-btn-loading):active {
background-color: var(--rb-btn-info-active-bg-color);
border-color: var(--rb-btn-info-active-border-color);
color: var(--rb-btn-info-active-color);
}
.rb-btn-state-info:not(.disabled):not(.rb-btn-loading):active:not(.rb-btn-type-primary) {
background-color: var(--rb-btn-info-not-primary-active-bg-color);
color: var(--rb-btn-info-not-primary-active-color);
}
.rb-btn-state-info.rb-ghost:not(.disabled):not(.rb-btn-loading) {
background-color: var(--rb-btn-info-ghost-bg-color);
border-color: var(--rb-btn-info-ghost-border-color);
color: var(--rb-btn-info-ghost-color);
}
.rb-btn-state-info.rb-ghost:not(.disabled):not(.rb-btn-loading):not(.disabled):not(.rb-btn-loading):hover {
background-color: var(--rb-btn-info-ghost-hover-bg-color);
border-color: var(--rb-btn-info-ghost-hover-border-color);
color: var(--rb-btn-info-ghost-hover-color);
}
.rb-btn-state-info.rb-ghost:not(.disabled):not(.rb-btn-loading):not(.disabled):not(.rb-btn-loading):active {
background-color: var(--rb-btn-info-ghost-active-bg-color);
border-color: var(--rb-btn-info-ghost-active-border-color);
color: var(--rb-btn-info-ghost-active-color);
}
.rb-btn-state-success {
background-color: var(--rb-btn-success-bg-color);
border-color: var(--rb-btn-success-border-color);
color: var(--rb-btn-success-color);
}
.rb-btn-state-success:not(.rb-btn-type-primary):not(.disabled):not(.rb-btn-loading) {
background-color: var(--rb-btn-success-not-primary-bg-color);
color: var(--rb-btn-success-not-primary-color);
}
.rb-btn-state-success:not(.disabled):not(.rb-btn-loading):hover {
background-color: var(--rb-btn-success-hover-bg-color);
border-color: var(--rb-btn-success-hover-border-color);
color: var(--rb-btn-success-hover-color);
}
.rb-btn-state-success:not(.disabled):not(.rb-btn-loading):hover:not(.rb-btn-type-primary) {
background-color: var(--rb-btn-success-not-primary-hover-bg-color);
color: var(--rb-btn-success-not-primary-hover-color);
}
.rb-btn-state-success:not(.disabled):not(.rb-btn-loading):active {
background-color: var(--rb-btn-success-active-bg-color);
border-color: var(--rb-btn-success-active-border-color);
color: var(--rb-btn-success-active-color);
}
.rb-btn-state-success:not(.disabled):not(.rb-btn-loading):active:not(.rb-btn-type-primary) {
background-color: var(--rb-btn-success-not-primary-active-bg-color);
color: var(--rb-btn-success-not-primary-active-color);
}
.rb-btn-state-success.rb-ghost:not(.disabled):not(.rb-btn-loading) {
background-color: var(--rb-btn-success-ghost-bg-color);
border-color: var(--rb-btn-success-ghost-border-color);
color: var(--rb-btn-success-ghost-color);
}
.rb-btn-state-success.rb-ghost:not(.disabled):not(.rb-btn-loading):not(.disabled):not(.rb-btn-loading):hover {
background-color: var(--rb-btn-success-ghost-hover-bg-color);
border-color: var(--rb-btn-success-ghost-hover-border-color);
color: var(--rb-btn-success-ghost-hover-color);
}
.rb-btn-state-success.rb-ghost:not(.disabled):not(.rb-btn-loading):not(.disabled):not(.rb-btn-loading):active {
background-color: var(--rb-btn-success-ghost-active-bg-color);
border-color: var(--rb-btn-success-ghost-active-border-color);
color: var(--rb-btn-success-ghost-active-color);
}
.rb-btn-state-warning {
background-color: var(--rb-btn-warning-bg-color);
border-color: var(--rb-btn-warning-border-color);
color: var(--rb-btn-warning-color);
}
.rb-btn-state-warning:not(.rb-btn-type-primary):not(.disabled):not(.rb-btn-loading) {
background-color: var(--rb-btn-warning-not-primary-bg-color);
color: var(--rb-btn-warning-not-primary-color);
}
.rb-btn-state-warning:not(.disabled):not(.rb-btn-loading):hover {
background-color: var(--rb-btn-warning-hover-bg-color);
border-color: var(--rb-btn-warning-hover-border-color);
color: var(--rb-btn-warning-hover-color);
}
.rb-btn-state-warning:not(.disabled):not(.rb-btn-loading):hover:not(.rb-btn-type-primary) {
background-color: var(--rb-btn-warning-not-primary-hover-bg-color);
color: var(--rb-btn-warning-not-primary-hover-color);
}
.rb-btn-state-warning:not(.disabled):not(.rb-btn-loading):active {
background-color: var(--rb-btn-warning-active-bg-color);
border-color: var(--rb-btn-warning-active-border-color);
color: var(--rb-btn-warning-active-color);
}
.rb-btn-state-warning:not(.disabled):not(.rb-btn-loading):active:not(.rb-btn-type-primary) {
background-color: var(--rb-btn-warning-not-primary-active-bg-color);
color: var(--rb-btn-warning-not-primary-active-color);
}
.rb-btn-state-warning.rb-ghost:not(.disabled):not(.rb-btn-loading) {
background-color: var(--rb-btn-warning-ghost-bg-color);
border-color: var(--rb-btn-warning-ghost-border-color);
color: var(--rb-btn-warning-ghost-color);
}
.rb-btn-state-warning.rb-ghost:not(.disabled):not(.rb-btn-loading):not(.disabled):not(.rb-btn-loading):hover {
background-color: var(--rb-btn-warning-ghost-hover-bg-color);
border-color: var(--rb-btn-warning-ghost-hover-border-color);
color: var(--rb-btn-warning-ghost-hover-color);
}
.rb-btn-state-warning.rb-ghost:not(.disabled):not(.rb-btn-loading):not(.disabled):not(.rb-btn-loading):active {
background-color: var(--rb-btn-warning-ghost-active-bg-color);
border-color: var(--rb-btn-warning-ghost-active-border-color);
color: var(--rb-btn-warning-ghost-active-color);
}
.rb-btn-state-danger {
background-color: var(--rb-btn-danger-bg-color);
border-color: var(--rb-btn-danger-border-color);
color: var(--rb-btn-danger-color);
}
.rb-btn-state-danger:not(.rb-btn-type-primary):not(.disabled):not(.rb-btn-loading) {
background-color: var(--rb-btn-danger-not-primary-bg-color);
color: var(--rb-btn-danger-not-primary-color);
}
.rb-btn-state-danger:not(.disabled):not(.rb-btn-loading):hover {
background-color: var(--rb-btn-danger-hover-bg-color);
border-color: var(--rb-btn-danger-hover-border-color);
color: var(--rb-btn-danger-hover-color);
}
.rb-btn-state-danger:not(.disabled):not(.rb-btn-loading):hover:not(.rb-btn-type-primary) {
background-color: var(--rb-btn-danger-not-primary-hover-bg-color);
color: var(--rb-btn-danger-not-primary-hover-color);
}
.rb-btn-state-danger:not(.disabled):not(.rb-btn-loading):active {
background-color: var(--rb-btn-danger-active-bg-color);
border-color: var(--rb-btn-danger-active-border-color);
color: var(--rb-btn-danger-active-color);
}
.rb-btn-state-danger:not(.disabled):not(.rb-btn-loading):active:not(.rb-btn-type-primary) {
background-color: var(--rb-btn-danger-not-primary-active-bg-color);
color: var(--rb-btn-danger-not-primary-active-color);
}
.rb-btn-state-danger.rb-ghost:not(.disabled):not(.rb-btn-loading) {
background-color: var(--rb-btn-danger-ghost-bg-color);
border-color: var(--rb-btn-danger-ghost-border-color);
color: var(--rb-btn-danger-ghost-color);
}
.rb-btn-state-danger.rb-ghost:not(.disabled):not(.rb-btn-loading):not(.disabled):not(.rb-btn-loading):hover {
background-color: var(--rb-btn-danger-ghost-hover-bg-color);
border-color: var(--rb-btn-danger-ghost-hover-border-color);
color: var(--rb-btn-danger-ghost-hover-color);
}
.rb-btn-state-danger.rb-ghost:not(.disabled):not(.rb-btn-loading):not(.disabled):not(.rb-btn-loading):active {
background-color: var(--rb-btn-danger-ghost-active-bg-color);
border-color: var(--rb-btn-danger-ghost-active-border-color);
color: var(--rb-btn-danger-ghost-active-color);
}
.rb-btn-small {
border-radius: 3px;
font-size: 12px;
height: var(--rb-btn-small-height, 24px);
padding: var(--rb-btn-small-padding, 0 7px);
}
.rb-btn-shape-circle {
align-items: center;
border-radius: var(--rb-button-circle-height, 32px);
display: inline-flex;
height: var(--rb-button-circle-height, 32px);
justify-content: center;
width: var(--rb-button-circle-height, 32px);
}
.rb-button-text {
font-size: var(--rb-btn-font-size, 14px);
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rb-button-group {
align-items: center;
display: inline-flex;
position: relative;
}
.rb-button-group.has-gap {
display: flex;
}
.rb-button-group:not(.has-gap) > .rb-btn {
border-radius: 0;
margin-left: -1px;
position: relative;
}
.rb-button-group:not(.has-gap) > .rb-btn:first-child {
border-bottom-left-radius: var(--rb-button-border-radius, 4px);
border-top-left-radius: var(--rb-button-border-radius, 4px);
margin-left: 0;
}
.rb-button-group:not(.has-gap) > .rb-btn:last-child {
border-bottom-right-radius: var(--rb-button-border-radius, 4px);
border-top-right-radius: var(--rb-button-border-radius, 4px);
}
.rb-button-group:not(.has-gap) > .rb-btn:hover {
z-index: 2;
}
.rb-space {
display: flex;
justify-content: var(--rb-space-justify-content);
}
.rb-space.rb-space-wrap {
flex-wrap: wrap;
}
.rb-space-vertical {
align-items: flex-start;
flex-direction: column;
}
.rb-space-compact {
align-items: flex-end;
}
.rb-space-compact-first-item {
margin-inline-end: -1px;
}
.rb-space-compact-first-item .rb-input-wrapper,
.rb-space-compact-first-item .rb-tags,
.rb-space-compact-first-item.rb-btn {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.rb-space-compact-first-item .rb-input-wrapper-active,
.rb-space-compact-first-item .rb-input-wrapper-hover {
position: relative;
z-index: 1;
}
.rb-space-compact-middle-item {
margin-inline-end: -1px;
}
.rb-space-compact-middle-item .rb-input-wrapper,
.rb-space-compact-middle-item .rb-tags,
.rb-space-compact-middle-item.rb-btn {
border-radius: 0;
}
.rb-space-compact-middle-item .rb-input-wrapper-active,
.rb-space-compact-middle-item .rb-input-wrapper-hover {
position: relative;
z-index: 1;
}
.rb-space-compact-last-item .rb-input-wrapper,
.rb-space-compact-last-item .rb-tags,
.rb-space-compact-last-item.rb-btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.rb-dialog {
position: fixed;
}
.rb-dialog.rb-dialog-show {
animation: dialog-show 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.rb-dialog.rb-dialog-hide {
animation: dialog-hide 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
display: none;
}
.rb-dialog.rb-dialog-with-mask,
.rb-dialog.rb-dialog-with-nomask {
height: 100vh;
left: 0;
top: 0;
width: 100vw;
}
.rb-dialog.rb-dialog-with-mask .rb-dialog-body,
.rb-dialog.rb-dialog-with-nomask .rb-dialog-body {
margin-bottom: 20px;
margin-top: var(--rb-dialog-body-top, 88px);
}
.rb-dialog.rb-dialog-with-nomask {
pointer-events: none;
}
.rb-dialog.rb-dialog-with-drag .rb-dialog-body {
cursor: move;
user-select: none;
}
.rb-dialog .rb-dialog-mask {
background-color: var(--rb-dialog-mask-bg-color);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.rb-dialog .rb-dialog-wrapper {
inset: 0;
bottom: 0;
left: 0;
outline: 0;
overflow: hidden;
overflow-y: auto;
position: fixed;
right: 0;
top: 0;
}
.rb-dialog.rb-dialog-with-darg-nolimit .rb-dialog-wrapper {
overflow: hidden;
}
.rb-dialog .rb-dialog-body {
background-color: var(--rb-dialog-body-bg-color);
border-radius: var(--rb-dialog-body-border-radius, 4px);
box-shadow: 0 8px 24px 0 var(--rb-box-shadow-color);
color: var(--rb-color-text);
display: flex;
margin: 0 auto;
min-width: var(--rb-dialog-body-min-width, 400px);
padding: var(--rb-dialog-body-padding, 20px 24px);
pointer-events: auto;
position: relative;
width: 80%;
}
.rb-dialog .rb-dialog-body > .rb-dialog-close {
cursor: pointer;
position: absolute;
right: 24px;
top: 24px;
z-index: 1;
}
.rb-dialog .rb-dialog-body-content {
cursor: auto;
flex: auto;
position: relative;
width: 100%;
}
.rb-dialog .rb-dialog-body-content .rb-dialog-no-title {
height: 20px;
}
.rb-dialog .rb-dialog-content {
padding: var(--rb-dialog-content-padding, 4px 0);
}
.rb-dialog .rb-dialog-footer {
margin-top: 16px;
}
.rb-dialog-title {
color: var(--rb-dialog-title-color);
font-size: var(--rb-dialog-title-font-size, 16px);
font-weight: 500;
letter-spacing: 0;
line-height: 24px;
margin-bottom: 8px;
position: relative;
width: calc(100% - 24px);
}
.rb-dialog-title.rb-dialog-no-mode {
padding-left: 12px;
}
.rb-dialog-title.rb-dialog-no-mode:before {
background-color: var(--rb-dialog-title-before-bg-color);
border-radius: 1px;
content: "";
height: 16px;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 4px;
}
.rb-dialog-confirm.rb-dialog-with-mask .rb-dialog-body,
.rb-dialog-confirm.rb-dialog-with-nomask .rb-dialog-body {
margin-top: var(--rb-dialog-confirm-body-top, 16%);
width: var(--rb-dialog-body-confirm-width, 400px);
}
.rb-dialog-confirm .rb-dialog-header-prefix.prefix-small {
font-size: 16px;
margin-right: 8px;
padding-top: 7px;
}
.rb-dialog-confirm .rb-dialog-icon-no-title .rb-dialog-header-prefix.prefix-small {
padding-top: 27px;
}
.rb-dialog-confirm .rb-dialog-header-prefix:not(.prefix-small) {
font-size: 24px;
margin-right: 12px;
}
.rb-dialog-confirm-success .rb-dialog-header-prefix {
color: var(--rb-dialog-confirm-success-color);
}
.rb-dialog-confirm-info .rb-dialog-header-prefix {
color: var(--rb-dialog-confirm-info-color);
}
.rb-dialog-confirm-error .rb-dialog-header-prefix {
color: var(--rb-dialog-confirm-error-color);
}
.rb-dialog-confirm-warning .rb-dialog-header-prefix {
color: var(--rb-dialog-confirm-warning-color);
}
@keyframes dialog-show {
0% {
opacity: 0.2;
}
to {
opacity: 1;
}
}
@keyframes dialog-hide {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
.rb-notice-container {
align-items: flex-end;
display: flex;
flex-direction: column;
gap: 16px;
max-height: 96vh;
overflow-y: auto;
padding: 24px;
pointer-events: none;
position: fixed;
top: 24px;
z-index: 1000;
}
.rb-notice-container::-webkit-scrollbar {
display: none;
}
.rb-notice-container .rb-notice {
background-color: var(--rb-notice-info-bg-color);
border: 1px solid var(--rb-notice-info-border-color);
border-radius: var(--rb-notice-border-radius, 4px);
box-shadow: 0 8px 24px 0 var(--rb-box-shadow-color);
color: var(--rb-color-text);
display: flex;
max-height: calc(100vh - 48px);
max-width: var(--rb-notice-max-width, calc(100vw - 48px));
padding: var(--rb-notice-padding, 19px 23px);
pointer-events: auto;
position: relative;
width: 320px;
}
.rb-notice-container .rb-notice .rb-notice-icon {
color: var(--rb-notice-icon-color);
font-size: var(--rb-notice-icon-font-size, 24px);
margin-right: var(--rb-notice-icon-margin-right, 8px);
padding-right: 4px;
}
.rb-notice-container .rb-notice.rb-notice-info {
background-color: var(--rb-notice-info-bg-color);
border: 1px solid var(--rb-notice-info-border-color);
}
.rb-notice-container .rb-notice.rb-notice-info .rb-notice-icon {
color: var(--rb-notice-info-icon-color);
}
.rb-notice-container .rb-notice.rb-notice-info .countdown {
background-color: var(--rb-notice-info-icon-color);
}
.rb-notice-container .rb-notice.rb-notice-success {
background-color: var(--rb-notice-success-bg-color);
border: 1px solid var(--rb-notice-success-border-color);
}
.rb-notice-container .rb-notice.rb-notice-success .rb-notice-icon {
color: var(--rb-notice-success-icon-color);
}
.rb-notice-container .rb-notice.rb-notice-success .countdown {
background-color: var(--rb-notice-success-icon-color);
}
.rb-notice-container .rb-notice.rb-notice-warning {
background-color: var(--rb-notice-warning-bg-color);
border: 1px solid var(--rb-notice-warning-border-color);
}
.rb-notice-container .rb-notice.rb-notice-warning .rb-notice-icon {
color: var(--rb-notice-warning-icon-color);
}
.rb-notice-container .rb-notice.rb-notice-warning .countdown {
background-color: var(--rb-notice-warning-icon-color);
}
.rb-notice-container .rb-notice.rb-notice-error {
background-color: var(--rb-notice-error-bg-color);
border: 1px solid var(--rb-notice-error-border-color);
}
.rb-notice-container .rb-notice.rb-notice-error .rb-notice-icon {
color: var(--rb-notice-error-icon-color);
}
.rb-notice-container .rb-notice.rb-notice-error .countdown {
background-color: var(--rb-notice-error-icon-color);
}
.rb-notice-container .rb-notice .countdown {
background-color: var(--rb-primary1-colo);
border-radius: 4px;
bottom: 0;
height: 2px;
left: 0;
position: absolute;
transition: width 0.1s ease-out;
width: 100%;
will-change: width;
}
.rb-notice-container .rb-close {
position: absolute;
right: 23px;
top: 23px;
}
.rb-notice-container .rb-notice-small-icon {
margin-top: 3px;
}
.rb-notice-container .rb-notice-small-icon .rb-notice-icon {
font-size: 16px;
padding: 0;
}
.rb-notice-container .rb-notice-content-container {
padding-right: var(--rb-notice-content-padding-right, 24px);
width: 100%;
}
.rb-notice-container .rb-notice-header {
align-items: center;
display: flex;
height: var(--rb-notice-header-height, 24px);
justify-content: flex-start;
margin-bottom: var(--rb-notice-header-margin-bottom, 8px);
}
.rb-notice-container .rb-notice-header .rb-notice-header-title {
color: var(--rb-notice-header-title-color);
font-size: var(--rb-notice-header-font-size, 16px);
font-weight: 500;
line-height: 24px;
}
.rb-notice-container .rb-notice-content {
word-wrap: break-word;
max-height: var(--rb-notice-content-max-height, calc(100vh - 118px));
overflow-y: auto;
padding: 4px 0;
}
.rb-notice-container .rb-notice-content::-webkit-scrollbar {
display: none;
}
.rb-notice-top {
left: 50%;
top: 24px;
transform: translateX(-50%);
}
.rb-notice-topRight {
right: 0;
top: 0;
}
.rb-notice-topLeft {
left: 24px;
top: 24px;
}
.rb-notice-bottomRight {
bottom: 24px;
right: 24px;
}
.rb-notice-bottomLeft {
bottom: 24px;
left: 24px;
}
.rb-notice-bottomLeft,
.rb-notice-bottomRight {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.rb-lrbox {
align-items: center;
display: inline-flex;
flex: 0 0 auto;
line-height: 1;
position: relative;
}
.rb-lrbox:not(:empty):not(.rb-lrbox-onlyfloat) {
height: 100%;
}
.rb-lrbox-node-float {
position: absolute;
z-index: 1;
}
.rb-lrbox-node {
background-color: inherit;
line-height: 1;
white-space: nowrap;
}
.rb-lrbox-node-float {
display: none;
}
.rb-lrbox-position-right {
margin-left: 4px;
}
.rb-lrbox-position-left {
margin-right: 4px;
}
.rb-lrbox-mode-toggle.rb-lrbox-visible .rb-lrbox-node-fixed {
visibility: hidden;
}
.rb-lrbox-mode-singletoggle {
width: 16px;
}
.rb-lrbox-mode-together .rb-lrbox-node__left.rb-lrbox-node-float {
left: -4px;
transform: translateX(-100%);
}
.rb-lrbox-mode-together .rb-lrbox-node__right.rb-lrbox-node-float {
right: -4px;
transform: translateX(100%);
}
.rb-lrbox-visible .rb-lrbox-node-float {
display: block;
}
.rb-progress-outer {
align-items: center;
display: inline-flex;
height: 32px;
overflow: hidden;
width: 100%;
}
.rb-progress-outer .rb-progress-inner {
background-color: var(--rb-progress-not-bg-color);
border-radius: 4px;
position: relative;
width: 100%;
}
.rb-progress-text {
color: var(--rb-progress-text-color);
font-size: 14px;
line-height: 22px;
margin-left: 8px;
width: 48px;
}
.rb-progress-text .rainbow {
line-height: 22px;
vertical-align: bottom;
}
.rb-progress-bg {
background-color: var(--rb-progress-default-bg-color);
border-radius: 4px;
height: 100%;
transition: width 0.3s linear;
}
.rb-progress-steps {
align-items: center;
display: inline-flex;
gap: 4px;
height: 32px;
justify-content: space-between;
width: 100%;
}
.rb-progress-steps .rb-progress-text {
margin-left: 4px;
}
.rb-progress-step {
background-color: var(--rb-progress-not-bg-color);
min-width: 20px;
width: 100%;
}
.rb-progress-step-active {
background-color: var(--rb-progress-default-bg-color);
}
.rb-progress-circle {
background-color: var(--rb-progress-circle-bg-color);
display: inline-block;
position: relative;
vertical-align: bottom;
}
.rb-progress-circle circle {
stroke-linecap: round;
}
.rb-progress-circle .rb-progress-text {
font-size: 16px;
left: 50%;
line-height: 24px;
margin: 0;
position: absolute;
text-align: center;
top: 50%;
transform: translate(-50%, -50%);
}
.rb-progress-circle-trail {
stroke: var(--rb-progress-not-bg-color);
}
.rb-progress-circle-path {
stroke: var(--rb-progress-circle-segment-progress-color);
}
.rb-progress-circle-segment-path2 {
opacity: 0;
}
.rb-progress-circle-segment-path2.rb-progress-circle-segment-done {
opacity: 1;
stroke: var(--rb-progress-circle-segment-done-color);
}
.rb-progress-info .rb-progress-text {
color: var(--rb-progress-info-color);
}
.rb-progress-info .rb-progress-bg {
background-color: var(--rb-progress-info-color);
}
.rb-progress-info .rb-progress-circle-path {
stroke: var(--rb-progress-info-color);
}
.rb-progress-info .rb-progress-step-active {
background-color: var(--rb-progress-info-color);
}
.rb-progress-info .rb-progress-success-icon {
color: var(--rb-progress-info-color);
}
.rb-progress-info .rb-progress-success-icon.circle {
font-size: 40px;
}
.rb-progress-success .rb-progress-text {
color: var(--rb-progress-success-color);
}
.rb-progress-success .rb-progress-bg {
background-color: var(--rb-progress-success-color);
}
.rb-progress-success .rb-progress-circle-path {
stroke: var(--rb-progress-success-color);
}
.rb-progress-success .rb-progress-step-active {
background-color: var(--rb-progress-success-color);
}
.rb-progress-success .rb-progress-success-icon {
color: var(--rb-progress-success-color);
}
.rb-progress-success .rb-progress-success-icon.circle {
font-size: 40px;
}
.rb-progress-done-bg {
background-color: var(--rb-progress-circle-segment-done-color);
border-radius: 4px;
height: 100%;
left: 0;
position: absolute;
top: 0;
}
.rb-progress-warning .rb-progress-text {
color: var(--rb-progress-warning-color);
}
.rb-progress-warning .rb-progress-bg {
background-color: var(--rb-progress-warning-color);
}
.rb-progress-warning .rb-progress-circle-path {
stroke: var(--rb-progress-warning-color);
}
.rb-progress-warning .rb-progress-step-active {
background-color: var(--rb-progress-warning-color);
}
.rb-progress-warning .rb-progress-error-icon {
color: var(--rb-progress-warning-color);
}
.rb-progress-warning .rb-progress-error-icon.circle {
font-size: 40px;
}
.rb-progress-error .rb-progress-text {
color: var(--rb-progress-error-color);
}
.rb-progress-error .rb-progress-bg {
background-color: var(--rb-progress-error-color);
}
.rb-progress-error .rb-progress-circle-path {
stroke: var(--rb-progress-error-color);
}
.rb-progress-error .rb-progress-step-active {
background-color: var(--rb-progress-error-color);
}
.rb-progress-error .rb-progress-error-icon {
color: var(--rb-progress-error-color);
}
.rb-progress-error .rb-progress-error-icon.circle {
font-size: 40px;
}
#rb-progress-gradient-conic .rb-progress-gradient-conic-circle {
stroke-dasharray: 351.86px, 351.86;
transform: rotate(-90deg);
transform-origin: 50% 50%;
transition: stroke-dashoffset 0.3s, stroke-dasharray 0.3s, stroke 0.3s, stroke-width 0.06s 0.3s, opacity;
fill-opacity: 0;
stroke-linecap: butt;
}
.rb-progress-gradient-conic-foreign {
height: 100%;
width: 100%;
}
.rb-tag {
align-items: center;
background-clip: padding-box;
background-color: var(--rb-tag-item-bg-color);
border: 1px solid var(--rb-tag-border-color);
border-radius: var(--rb-tag-item-border-radius, 2px);
color: var(--rb-tag-color);
display: inline-flex;
font-size: 12px;
height: 22px;
max-width: 100%;
padding: var(--rb-tag-item-padding, 0 7px);
}
.rb-tag > span.Close {
color: var(--rb-close-icon-color);
cursor: pointer;
font-size: 12px;
margin-left: var(--rb-tag-item-close-margin-left, 4px);
}
.rb-tag > span.Close:hover {
color: var(--rb-tag-hover-color);
}
.rb-tag .rb-tag-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rb-tag-info {
background-color: var(--rb-tag-info-bg-color);
border-color: var(--rb-tag-info-border-color);
color: var(--rb-tag-info-color);
}
.rb-tag-info .rb-spin-body {
fill: var(--rb-tag-info-color) !important;
}
.rb-tag-success {
background-color: var(--rb-tag-success-bg-color);
border-color: var(--rb-tag-success-border-color);
color: var(--rb-tag-success-color);
}
.rb-tag-warning {
background-color: var(--rb-tag-warning-bg-color);
border-color: var(--rb-tag-warning-border-color);
color: var(--rb-tag-warning-color);
}
.rb-tag-error {
background-color: var(--rb-tag-error-bg-color);
border-color: var(--rb-tag-error-border-color);
color: var(--rb-tag-error-color);
}
.rb-tag-disabled {
background-color: var(--rb-tag-disabled-bg-color);
border-color: var(--rb-tag-disabled-border-color);
color: var(--rb-tag-disabled-color);
cursor: not-allowed;
}
.rb-tag > .rainbow + span {
margin-left: 4px;
}
.rb-tags-single-option {
line-height: normal;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rb-tag-dashed {
background-color: var(--rb-tag-item-dashed-bg-color);
border-style: dashed;
}
.rb-tag-checkable {
background-color: var(--rb-tag-item-not-check-bg-color);
border-color: var(--rb-tag-item-not-check-border-color);
color: var(--rb-tag-item-not-check-color);
cursor: pointer;
font-size: 14px;
margin: 5px 0;
}
.rb-tag-checkable:hover {
background-color: var(--rb-tag-item-check-hover-bg-color);
border-color: var(--rb-tag-item-check-hover-border-color);
color: var(--rb-tag-item-check-hover-color);
cursor: pointer;
}
.rb-tag-checkable.rb-tag-checked {
background-color: var(--rb-tag-item-check-active-bg-color);
border-color: var(--rb-tag-item-check-active-border-color);
color: var(--rb-tag-item-check-active-color);
font-size: 14px;
}
.rb-tag-small {
height: 16px;
}
.rb-tag-lager {
height: 28px;
}
.rb-float-btn {
border: none;
bottom: 68px;
box-shadow: 0 8px 24px 0 var(--rb-box-shadow-color);
color: var(--rb-float-btn-color);
cursor: pointer;
min-height: 40px;
min-width: 40px;
overflow: hidden;
position: fixed;
right: 8px;
transition: background-color 0.2s;
}
.rb-float-btn .rainbow {
font-size: var(--rb-float-btn-icon-font-size, 20px);
}
.rb-float-btn-default {
background-color: var(--rb-float-btn-default-bg-color);
}
.rb-float-btn-default:hover {
background-color: var(--rb-float-btn-default-hover-bg-color);
color: var(--rb-float-btn-default-hover-color);
}
.rb-float-btn-primary {
background-color: var(--rb-float-btn-primary-bg-color);
color: var(--rb-float-btn-primary-color);
}
.rb-float-btn-primary:hover {
background-color: var(--rb-float-btn-primary-hover-bg-color);
color: var(--rb-float-btn-primary-hover-color);
}
.rb-float-btn-body {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
width: 100%;
}
.rb-float-btn-content {
padding: 10px;
}
.rb-float-btn-content .rb-float-btn-description {
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.rb-float-btn-icon {
height: 20px;
width: 20px;
}
.rb-float-btn-circle {
border-radius: 50%;
}
.rb-float-btn-square,
.rb-float-btn-square .rb-float-btn-body {
border-radius: 4px;
}
.rb-float-btn-content {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}
.rb-float-btn-group-wrap {
display: flex;
flex-direction: column;
gap: 8px;
padding-bottom: 4px;
}
.rb-float-btn-group-wrap .rb-float-btn {
position: static;
}
.rb-float-btn-group {
bottom: 20px;
display: inline-flex;
flex-direction: column;
position: fixed;
right: 20px;
}
.rb-float-btn-group .rb-float-btn {
position: static;
}
.rb-float-btn-group .rb-float-btn-square {
border-radius: 0;
}
.rb-float-btn-group-circle {
gap: 8px;
}
.rb-float-button-menu-wrapper {
display: inline-block;
position: fixed;
z-index: 999;
}
.rb-float-button-menu-wrapper .rb-float-btn {
position: static;
}
.rb-float-button-menu-wrapper.rb-float-button-menu-placement-bottomRight .rb-float-button-menu-container {
right: 0;
}
.rb-float-button-menu-wrapper.rb-float-button-menu-placement-bottomLeft .rb-float-button-menu-container {
left: 0;
}
.rb-float-button-menu-container {
background-color: var(--rb-float-button-menu-bg-color);
border-radius: 4px;
box-shadow: 0 8px 24px 0 var(--rb-box-shadow-color);
color: var(--rb-color-text);
max-height: var(--rb-float-button-menu-container-max-height, 251px);
overflow: auto;
padding: 4px 0;
position: absolute;
top: 48px;
z-index: 999;
}
.rb-divider {
align-items: center;
color: var(--rb-divider-font-color);
display: flex;
font-size: var(--rb-divider-font-size, 14px);
font-weight: 400;
line-height: 1;
margin: var(--rb-divider-margin, 24px 0);
}
.rb-divider:after,
.rb-divider:before {
border-bottom: 0;
border-top: 1px solid var(--rb-divider-border-color);
content: "";
position: relative;
top: 50%;
width: 50%;
}
.rb-divider-horizontal {
min-width: 100%;
width: 100%;
}
.rb-divider-horizontal.rb-divider-with-text {
margin: 16px 0;
text-align: center;
white-space: nowrap;
}
.rb-divider-vertical {
background-color: var(--rb-divider-border-color);
display: inline-block;
height: var(--rb-divider-vertical-height, 12px);
margin: 0 8px;
vertical-align: text-bottom;
width: var(--rb-divider-vertical-width, 1px);
}
.rb-divider-dashed:after,
.rb-divider-dashed:before {
border-top-style: dashed;
}
.rb-divider-inner-text {
display: inline-block;
padding: var(--rb-divider-text-padding, 0 16px);
}
.rb-divider-inner-text.default {
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.rb-divider-inner-text.plain {
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.rb-divider-with-text-left:before {
width: var(--rb-divider-with-text-left-before-width, 5%);
}
.rb-divider-with-text-left:after {
width: var(--rb-divider-with-text-left-after-width, 95%);
}
.rb-divider-with-text-left.rb-divider-with-no-default-margin {
--rb-divider-with-text-left-before-width: 0;
--rb-divider-with-text-left-after-width: 100%;
}
.rb-divider-with-text-left.rb-divider-with-no-default-margin .rb-divider-inner-text {
padding-left: 0;
}
.rb-divider-with-text-right:before {
width: var(--rb-divider-with-text-right-before-width, 95%);
}
.rb-divider-with-text-right:after {
width: var(--rb-divider-with-text-right-after-width, 5%);
}
.rb-divider-with-text-right.rb-divider-with-no-default-margin {
--rb-divider-with-text-right-before-width: 100%;
--rb-divider-with-text-right-after-width: 0;
}
.rb-divider-with-text-right.rb-divider-with-no-default-margin .rb-divider-inner-text {
padding-right: 0;
}
.rb-box {
background-color: var(--rb-box-bg);
color: var(--rb-color-text);
padding: 16px 24px 24px;
width: 100%;
}
.rb-box-fixedTop,
.rb-box-topcard {
padding: 16px 40px 24px;
}
.rb-box-fixedTop {
position: sticky;
top: 0;
}
.rb-box-fixedTop,
.rb-box-footer {
box-shadow: 0 8px 24px 0 var(--rb-box-shadow-color);
}
.rb-box-footer {
align-items: center;
background-color: var(--rb-box-footer-bg);
bottom: 0;
display: flex;
height: 60px;
padding: 0 16px;
position: fixed;
}
.rb-box-footer > :first-child {
flex-grow: 1;
}
.rb-sidemenu-default-mode + .micro-app-container .rb-box-footer {
width: calc(100% - 256px);
}
.rb-sidemenu-mini-mode + .micro-app-container .rb-box-footer {
width: calc(100% - 55px);
}
.rb-top-count-wrap {
display: flex;
text-align: center;
}
.rb-top-count-wrap .rb-top-count-wrap-item {
min-width: 50px;
padding: 0 24px;
position: relative;
text-align: left;
}
.rb-top-count-wrap .rb-top-count-wrap-item .rb-top-count-title {
color: var(--rb-top-count-title);
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rb-top-count-wrap .rb-top-count-wrap-item .rb-top-count-value {
font-size: 16px;
line-height: 22px;
}
.rb-top-count-wrap .rb-top-count-wrap-item:first-child {
padding-left: 0;
}
.rb-top-count-wrap .rb-top-count-wrap-item:after {
background-color: var(--rb-top-count-after-bg-color);
content: "";
height: 32px;
position: absolute;
right: 0;
top: 8px;
width: 1px;
}
.rb-top-count-wrap .rb-top-count-wrap-item:last-child:after {
background-color: transparent;
content: "";
}
.rb-menu {
background-color: var(--rb-menu-bg-color);
color: var(--rb-color-text);
list-style: none;
padding: 4px 0;
}
ul.rb-menu-sub:not(.rb-menu-inline) {
border-radius: 4px;
box-shadow: var(--rb-box-shadow-color);
}
.rb-menu-submenu-open .rb-menu-inline,
ul.rb-menu-sub:not(.rb-menu-inline) {
padding: var(--rb-menu-padding, 4px 0) !important;
}
.rb-menu-item,
.rb-menu-submenu-title {
align-items: center;
display: flex;
height: var(--rb-menu-item-height, 32px);
padding: 0 12px;
width: var(--rb-menu-item-vertical-width, 129px);
}
.rb-menu-item:not(.disabled),
.rb-menu-submenu-title:not(.disabled) {
cursor: pointer;
}
.rb-menu-item:not(.disabled):not(.rb-menu-item-select-child):hover,
.rb-menu-submenu-title:not(.disabled):not(.rb-menu-item-select-child):hover {
background-color: var(--rb-menu-item-hover-bg-color);
color: var(--rb-menu-item-hover-color);
}
.rb-menu-item:not(.disabled):not(.rb-menu-item-select-child):hover .rb-menu-item-switch,
.rb-menu-submenu-title:not(.disabled):not(.rb-menu-item-select-child):hover .rb-menu-item-switch {
color: var(--rb-menu-item-arrow-hover-color);
}
.rb-menu-item:not(.disabled).rb-menu-item-selected,
.rb-menu-submenu-title:not(.disabled).rb-menu-item-selected {
background-color: var(--rb-menu-item-selected-bg-color);
color: var(--rb-menu-item-selected-color);
}
.rb-menu-item:not(.disabled).rb-menu-item-selected .rb-menu-item-switch,
.rb-menu-submenu-title:not(.disabled).rb-menu-item-selected .rb-menu-item-switch {
color: var(--rb-menu-item-arrow-selected-color);
}
.rb-menu-item .rb-menu-item-icon,
.rb-menu-submenu-title .rb-menu-item-icon {
align-items: center;
display: inline-flex;
height: 16px;
margin-right: 8px;
width: 16px;
}
.rb-menu-item .rb-menu-item-label,
.rb-menu-submenu-title .rb-menu-item-label {
flex-grow: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rb-menu-item .rb-menu-item-switch,
.rb-menu-submenu-title .rb-menu-item-switch {
color: var(--rb-menu-item-arrow-color);
display: inline-flex;
margin-left: 8px;
}
.rb-menu-submenu-title {
position: relative;
}
.rb-menu-vertical {
width: 129px;
}
.rb-menu-submenu-vertical {
position: relative;
transition: width 0.3s ease-in-out;
}
.rb-menu-submenu-vertical .rb-menu-vertical {
left: 100%;
position: absolute;
top: -4px;
}
.rb-menu-submenu-vertical.rb-menu-submenu-close > .rb-menu-vertical {
display: none;
}
.rb-menu-submenu-vertical.rb-menu-submenu-open > .rb-menu-vertical {
display: block;
}
.rb-menu-submenu-close > .rb-menu-sub.rb-menu-inline {
height: 0;
overflow: hidden;
padding: 0;
transition: all 0.2s linear;
}
.rb-menu-submenu-close.rb-menu-submenu-inline > .rb-menu-submenu-title .rb-menu-item-switch > span {
transition: transform 0.2s linear;
}
.rb-menu-submenu-open > .rb-menu-sub.rb-menu-inline {
height: auto;
transition: all 0.2s linear;
}
.rb-menu-submenu-open.rb-menu-submenu-inline > .rb-menu-submenu-title .rb-menu-item-switch > span {
transform: rotateX(180deg);
transition: transform 0.2s linear;
}
.rb-dropdown-popup {
background-color: var(--rb-dropdown-bg-color);
border-radius: var(--rb-dropdown-border-radius, 4px);
padding: 4px 0;
}
.rb-dropdown-default-trigger {
align-items: center;
cursor: pointer;
display: inline-flex;
font-size: 14px;
height: 20px;
line-height: 20px;
}
.rb-dropdown-default-trigger-suffix {
margin-left: 8px;
}
.rb-tabs-operation-container .rb-tabs-tab {
margin: 0;
padding: 0;
}
.rb-tabs {
color: var(--rb-color-text);
width: 100%;
}
.rb-tabs-with-border {
border: 1px solid var(--rb-tabs-border-color);
border-radius: 4px;
}
.rb-tabs-bottom,
.rb-tabs-left,
.rb-tabs-right {
display: flex;
}
.rb-tabs-bottom .rb-tabs-active,
.rb-tabs-top .rb-tabs-active {
bottom: 0;
height: 2px;
position: absolute;
}
.rb-tabs-top .rb-tabs-active {
bottom: 1px;
}
.rb-tabs-bottom {
flex-direction: column-reverse;
}
.rb-tabs-bottom .rb-tabs-active {
top: 0 !important;
}
.rb-tabs-left,
.rb-tabs-right {
height: 100%;
overflow: hidden;
padding: var(--rb-tabs-vertical-padding, 8px 0);
}
.rb-tabs-left .rb-tabs-nav-container,
.rb-tabs-right .rb-tabs-nav-container {
height: 100%;
overflow-y: auto;
padding: 8px 0;
scrollbar-width: none;
-ms-overflow-style: none;
}
.rb-tabs-left .rb-tabs-nav-container::-webkit-scrollbar,
.rb-tabs-right .rb-tabs-nav-container::-webkit-scrollbar {
display: none;
}
.rb-tabs-left .rb-tabs-container,
.rb-tabs-right .rb-tabs-container {
padding: 0 20px;
}
.rb-tabs-left .rb-tabs-active,
.rb-tabs-right .rb-tabs-active {
height: 32px;
position: absolute;
width: 2px;
}
.rb-tabs-left {
flex-direction: row;
}
.rb-tabs-left .rb-tabs-container {
flex-grow: 1;
}
.rb-tabs-left .rb-tabs-active {
right: 0 !important;
}
.rb-tabs-right {
flex-direction: row-reverse;
width: 100%;
}
.rb-tabs-right .rb-tabs-container {
flex-grow: 1;
}
.rb-tabs-right .rb-tabs-active {
left: 0 !important;
}
.rb-tabs-nav-wrapper {
align-items: center;
display: flex;
justify-content: start;
overflow: hidden;
position: relative;
transition: transform 3s ease-in-out;
width: 100%;
}
.rb-tabs-nav-wrapper:not(.rb-tabs-card) {
background-color: var(--rb-tabs-bg-color);
}
.rb-tabs-nav-wrapper.rb-tabs-nav-wrapper-left,
.rb-tabs-nav-wrapper.rb-tabs-nav-wrapper-right {
align-items: flex-start;
align-items: center;
display: flex;
flex-direction: column;
height: 250px;
padding: 0 10px;
width: auto;
}
.rb-tabs-nav-wrapper.rb-tabs-nav-wrapper-left .rb-tabs-nav-list,
.rb-tabs-nav-wrapper.rb-tabs-nav-wrapper-right .rb-tabs-nav-list {
flex-direction: column;
}
.rb-tabs-nav-wrapper.rb-tabs-nav-wrapper-left .rb-tabs-nav-list .rb-tabs-tab,
.rb-tabs-nav-wrapper.rb-tabs-nav-wrapper-right .rb-tabs-nav-list .rb-tabs-tab {
height: 48px;
}
.rb-tabs-nav-wrapper.rb-tabs-nav-wrapper-left .rb-tabs-nav-list .rb-tabs-tab:not(:last-child),
.rb-tabs-nav-wrapper.rb-tabs-nav-wrapper-right .rb-tabs-nav-list .rb-tabs-tab:not(:last-child) {
margin-bottom: 4px;
}
.rb-tabs-nav-wrapper.center .rb-tabs-nav-container {
justify-content: center;
}
.rb-tabs-nav-list {
list-style: none;
transition: transform 0.3s linear;
}
.rb-tabs-nav-list,
.rb-tabs-tab {
align-items: center;
display: flex;
position: relative;
}
.rb-tabs-tab {
background-color: var(--rb-tabs-bg-color);
color: var(--rb-color-text);
cursor: pointer;
height: var(--rb-tabs-nav-wrapper-height, 47px);
margin: var(--rb-tabs-nav-wrapper-margin, 0 16px);
text-align: center;
user-select: none;
}
.rb-tabs-tab.disabled {
color: var(--rb-tabitem-title-disabled-color);
cursor: not-allowed;
}
.rb-tabs-tab.disabled > * {
pointer-events: none;
}
.rb-tabs-tab.active {
color: var(--rb-tabitem-title-active-hover-color);
}
.rb-tabs-tab:not(.disabled):hover {
color: var(--rb-tabs-card-active-hover-color);
}
.rb-tabs-tab:not(.disabled) .rb-close:hover {
color: var(--rb-close-icon-hover-color);
}
.rb-tabs-tab > span.rainbow {
display: inline;
position: static;
}
.rb-tabs-tab > .rb-tabs-tab-with-prefix {
margin-right: 8px;
}
.rb-tabs-tab > .rb-close {
font-size: 12px;
margin-left: 8px;
}
.rb-tabs-tab > .rb-tab-badge {
background-color: var(--rb-tabs-badge-bg-color);
border-radius: 8px;
color: var(--rb-tabs-badge-font-color);
display: block;
font-size: 10px;
height: 16px;
line-height: 16px;
margin-left: 8px;
min-width: 16px;
padding: 0 4px;
}
.rb-tabs-tab-title {
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.rb-tabs-active {
background-color: var(--rb-tabs-active-border-color);
transition: transform 0.3s ease-in;
}
.rb-tabs-pills {
height: auto;
margin-bottom: 16px;
}
.rb-tabs-pills .rb-tabs-tab {
border: 1px solid var(--rb-tabs-pills-border-color);
height: var(--rb-tabitem-pills-height, 32px);
margin: 0;
padding: 0 16px;
position: relative;
}
.rb-tabs-pills .rb-tabs-tab:first-child {
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.rb-tabs-pills .rb-tabs-tab:last-child {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.rb-tabs-pills .rb-tabs-tab:not(:first-child) {
margin-left: -1px;
}
.rb-tabs-pills .rb-tabs-tab:hover {
z-index: 1;
}
.rb-tabs-pills .rb-tabs-tab .rb-close {
height: 14px;
line-height: 14px;
width: 14px;
}
.rb-tabs-pills .rb-tabs-tab .rb-tabs-tab-title {
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.rb-tabs-pills .rb-tabs-tab.active {
border-color: var(--rb-tabitem-active-pills-border-color);
z-index: 2;
}
.rb-tabs-pills .rb-tabs-tab.active,
.rb-tabs-pills .rb-tabs-tab.active .rb-close {
color: var(--rb-tabitem-active-hover-pills-color);
}
.rb-tabs-pills .rb-tabs-active {
display: none;
}
.rb-tabs-pills .rb-tabs-nav-container {
padding: 0;
}
.rb-tabs-pills .rb-tabs-container {
padding: 16px 0 0;
}
.rb-tabs-card.rb-tabs,
.rb-tabs-editable-card.rb-tabs {
background-color: var(--rb-tabs-card-bg-color);
}
.rb-tabs-card.rb-tabs-border-card > .rb-tabs-nav-wrapper,
.rb-tabs-editable-card.rb-tabs-border-card > .rb-tabs-nav-wrapper {
bottom: -1px;
}
.rb-tabs-card.rb-tabs-border-card > .rb-tabs-nav-wrapper .rb-tabs-tab,
.rb-tabs-editable-card.rb-tabs-border-card > .rb-tabs-nav-wrapper .rb-tabs-tab {
border: 1px solid var(--rb-tabs-card-border-color);
border-bottom: none;
z-index: 2;
}
.rb-tabs-card.rb-tabs-border-card > .rb-tabs-nav-wrapper .rb-tabs-tab:not(.active),
.rb-tabs-editable-card.rb-tabs-border-card > .rb-tabs-nav-wrapper .rb-tabs-tab:not(.active) {
background-color: var(--rb-tabs-card-border-bg-color);
height: 39px;
}
.rb-tabs-card.rb-tabs-border-card > .rb-tabs-container,
.rb-tabs-editable-card.rb-tabs-border-card > .rb-tabs-container {
border: 1px solid var(--rb-tabs-card-border-color);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.rb-tabs-card.rb-tabs-border-card .rb-tabs-tab:not(.active),
.rb-tabs-editable-card.rb-tabs-border-card .rb-tabs-tab:not(.active) {
background-clip: padding-box;
}
.rb-tabs-card.rb-tabs-border-card .rb-tabs-nav-list,
.rb-tabs-editable-card.rb-tabs-border-card .rb-tabs-nav-list {
align-items: flex-start;
}
.rb-tabs-card .rb-tabs-nav-container,
.rb-tabs-editable-card .rb-tabs-nav-container {
padding: 0;
}
.rb-tabs-card .rb-tabs-tab,
.rb-tabs-editable-card .rb-tabs-tab {
background-color: var(--rb-tabs-card-item-bg-color);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
height: 40px;
margin: 0 8px 0 0;
padding: 0 24px;
}
.rb-tabs-card .rb-tabs-tab.active .rb-tabs-tab-title,
.rb-tabs-card .rb-tabs-tab:hover .rb-tabs-tab-title,
.rb-tabs-editable-card .rb-tabs-tab.active .rb-tabs-tab-title,
.rb-tabs-editable-card .rb-tabs-tab:hover .rb-tabs-tab-title {
color: var(--rb-tabs-card-active-hover-color);
}
.rb-tabs-card .rb-tabs-tab .rb-close:hover,
.rb-tabs-editable-card .rb-tabs-tab .rb-close:hover {
color: var(--rb-close-icon-hover-color);
}
.rb-tabs-card .rb-tabs-tab.active,
.rb-tabs-editable-card .rb-tabs-tab.active {
background-color: var(--rb-tabs-card-active-bg-color);
height: 40px;
}
.rb-tabs-card .rb-tabs-active,
.rb-tabs-editable-card .rb-tabs-active {
display: none;
}
.rb-tabs-nav-container {
overflow: hidden;
position: relative;
white-space: nowrap;
width: 100%;
}
.rb-tabs-nav-container.is-scroll {
margin-left: 32px;
width: calc(100% - 64px);
}
.rb-tabs-nav-container::-webkit-scrollbar {
display: none;
}
.rb-tabs-nav-wrapper-bottom .with-prefix-shadow:before,
.rb-tabs-nav-wrapper-bottom .with-suffix-shadow:after,
.rb-tabs-nav-wrapper-top .with-prefix-shadow:before,
.rb-tabs-nav-wrapper-top .with-suffix-shadow:after {
bottom: 0;
content: "";
height: 100%;
pointer-events: none;
position: absolute;
top: 0;
width: 8px;
}
.rb-tabs-nav-wrapper-bottom .with-prefix-shadow:before,
.rb-tabs-nav-wrapper-top .with-prefix-shadow:before {
box-shadow: inset 4px 0 8px -4px var(--rb-box-shadow-color);
left: 0;
z-index: 1;
}
.rb-tabs-nav-wrapper-bottom .with-suffix-shadow:after,
.rb-tabs-nav-wrapper-top .with-suffix-shadow:after {
box-shadow: inset -4px 0 8px -4px var(--rb-box-shadow-color);
right: 0;
}
.rb-tabs-nav-wrapper-top {
z-index: 989;
}
.rb-tabs:not(.rb-tabs-card) .rb-tabs-nav-wrapper-top.border:before,
.rb-tabs:not(.rb-tabs-editable-card) .rb-tabs-nav-wrapper-top.border:before {
border-bottom: 1px solid var(--rb-tabs-before-border-color);
bottom: 0;
content: "";
left: 0;
position: absolute;
width: 100%;
z-index: 1;
}
.rb-tabs-nav-wrapper-bottom {
border-top: 1px solid var(--rb-tabs-before-border-color);
}
.rb-tabs-nav-wrapper-bottom .isPrefix,
.rb-tabs-nav-wrapper-bottom .isSuffix,
.rb-tabs-nav-wrapper-top .isPrefix,
.rb-tabs-nav-wrapper-top .isSuffix {
margin: 0 8px;
}
.rb-tabs-nav-extra-content {
align-items: center;
display: flex;
flex: 0 0 auto;
}
.rb-tabs-nav-extra-content .rb-btn {
color: var(--rb-tabs-header-custom-btn-text-color);
}
.rb-tabs-nav-extra-content .rb-btn:hover {
color: var(--rb-tabs-header-custom-btn-text-hover-color) !important;
}
.rb-tabs-nav-extra-content .rb-btn:active {
color: var(--rb-tabs-header-custom-btn-text-active-color) !important;
}
.rb-tabs-nav-operations {
align-items: center;
display: inline-flex;
height: 47px;
justify-content: center;
width: 56px;
}
.rb-tabs-nav-operations .rb-btn {
color: var(--rb-tabs-header-custom-btn-text-color);
width: 100%;
}
.rb-tabs-nav-operations .rb-btn:hover {
color: var(--rb-tabs-header-custom-btn-text-hover-color) !important;
}
.rb-tabs-nav-operations .rb-btn:active {
color: var(--rb-tabs-header-custom-btn-text-active-color) !important;
}
.rb-tabs-operation-container {
margin-top: -8px;
max-height: 192px;
overflow: auto;
padding: 4px 0;
}
.rb-tabs-operation-container::-webkit-scrollbar {
display: none;
}
.rb-tabs-operation-container .rb-tabs-tab {
cursor: pointer;
height: 32px;
padding: 5px 12px;
}
.rb-tabs-operation-container .rb-tabs-tab:hover {
background-color: var(--rb-tabitem-dropdown-title-hover-bg-color);
}
.rb-tabs-operation-container .rb-tabs-tab:hover .rb-tabs-tab-title {
color: var(--rb-tabitem-dropdown-title-hover-color);
}
.rb-tabs-operation-container .rb-tabs-tab:active {
background-color: var(--rb-tabitem-dropdown-title-active-bg-color);
color: var(--rb-tabitem-dropdown-title-active-color);
}
.rb-tabs-tab-group {
margin-left: 4px;
position: relative;
}
.rb-tabs-tab-group-container {
padding: 8px;
}
.rb-tabs-tab-group-container .rb-tabs-tab {
cursor: pointer;
line-height: 32px;
user-select: none;
}
.rb-tabs-tab-group-container .rb-tabs-tab:hover {
color: var(--rb-tabitem-title-active-hover-color);
}
.rb-tabs-fixed-top {
position: relative;
}
.rb-tabs-fixed-top > .rb-tabs-nav-wrapper {
background-color: var(--rb-color-bg-container);
box-shadow: 0 8px 24px 0 var(--rb-box-shadow-color);
height: 56px;
padding: 0 40px 8px;
position: sticky;
top: 0;
z-index: 990;
}
.rb-tabs-fixed-top > .rb-tabs-nav-wrapper .rb-tabs-tab {
border: none;
}
.rb-tabs-fixed-top > .rb-tabs-container {
background-color: var(--rb-tabs-fixed-bg-color);
}
.rb-tabs-fixed-top.rb-tabs-nav-transparent {
background-color: transparent;
}
.rb-tabs-fixed-top.rb-tabs-card > .rb-tabs-nav-wrapper {
box-shadow: none;
padding: 0;
}
.rb-tabs-fixed-top .rb-tabs-nav-container {
padding: 0;
}
.rb-tabs-container {
background-color: var(--rb-color-bg-container);
}
.rb-tabs-active {
z-index: 2;
}
.rb-tabs-nav-add {
align-items: center;
cursor: pointer;
display: inline-flex;
height: 39px;
justify-content: center;
padding: 0 12px;
}
.rb-tabs-nav-add > span {
color: var(--rb-color-text);
font-size: 16px;
}
.rb-tabs-nav-add > span:hover {
color: var(--rb-color-primary);
}
.rb-tabs-border-card .rb-tabs-nav-add {
border: 1px solid var(--rb-tabs-card-border-color);
border-bottom: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.rb-tab-wrapper {
padding: 16px 24px;
}
.rb-grid-container {
display: grid;
width: 100%;
grid-row-gap: var(--rb-grid-row-gap, 8px);
grid-column-gap: var(--rb-grid-column-gap, 16px);
}
.rb-grid-container.rb-grid-columns-1 {
grid-template-columns: repeat(1, minmax(50px, 1fr));
}
.rb-grid-container.rb-grid-columns-2 {
grid-template-columns: repeat(2, minmax(50px, 1fr));
}
.rb-grid-container.rb-grid-columns-3 {
grid-template-columns: repeat(3, minmax(50px, 1fr));
}
.rb-grid-container.rb-grid-columns-4 {
grid-template-columns: repeat(4, minmax(50px, 1fr));
}
.rb-grid-container.rb-grid-columns-5 {
grid-template-columns: repeat(5, minmax(50px, 1fr));
}
.rb-grid-container.rb-grid-columns-6 {
grid-template-columns: repeat(6, minmax(50px, 1fr));
grid-column-gap: 10px;
}
.rb-grid-container.rb-grid-columns-8 {
grid-template-columns: repeat(8, minmax(50px, 1fr));
grid-column-gap: 10px;
}
.rb-card {
background-color: var(--rb-card-bg-color);
border-radius: 4px;
color: var(--rb-color-text);
padding: var(--rb-card-padding, 16px 24px 24px 24px);
width: 100%;
}
.rb-card .rb-card-header {
align-items: center;
display: flex;
gap: 16px;
justify-content: flex-end;
margin-bottom: var(--rb-card-header-margin-bottom, 16px);
position: relative;
}
.rb-card .rb-card-header:empty {
display: none;
}
.rb-card .rb-card-header .rb-card-header-custom {
align-items: center;
display: flex;
flex-grow: 1;
justify-content: flex-end;
}
.rb-card .rb-card-header .rb-card-header-custom .rb-btn-type-link,
.rb-card .rb-card-header .rb-card-header-custom .rb-btn-type-text {
color: var(--rb-card-header-custom-btn-text-color);
}
.rb-card .rb-card-header .rb-card-header-custom .rb-btn-type-link:hover,
.rb-card .rb-card-header .rb-card-header-custom .rb-btn-type-text:hover {
color: var(--rb-card-header-custom-btn-text-hover-color);
}
.rb-card .rb-card-header .rb-card-header-custom .rb-btn-type-link:active,
.rb-card .rb-card-header .rb-card-header-custom .rb-btn-type-text:active {
color: var(--rb-card-header-custom-btn-text-active-color);
}
.rb-card .rb-card-header .rb-card-header-expanded-icon {
color: var(--rb-card-header-expand-icon-color);
cursor: pointer;
font-size: var(--rb-card-header-extendicon-font-size, 16px);
margin-left: var(--rb-card-header-extendicon-margin-left, 16px);
}
.rb-card .rb-card-header .rb-card-header-expanded-icon:hover {
color: var(--rb-card-header-expand-icon-hover-color);
}
.rb-card .rb-card-header .rb-card-header-expanded-icon:active {
color: var(--rb-card-header-expand-icon-active-color);
}
.rb-card .rb-card-header .rb-title-prefix {
cursor: pointer;
flex-grow: 1;
overflow: hidden;
}
.rb-card .rb-card-header .rb-title-prefix.not-clickable {
cursor: default;
}
.rb-card .rb-card-header .rb-card-header-title {
color: var(--rb-card-header-title-font-color);
display: block;
font-size: var(--rb-card-header-title-font-size, 16px);
font-weight: var(--rb-card-header-title-font-weight, 500);
height: var(--rb-card-header-title-height, 24px);
letter-spacing: 0;
line-height: var(--rb-card-header-title-height, 24px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.rb-card .rb-card-content {
transition: height 0.3s linear;
}
.rb-card.collapse > .rb-card-content {
display: none;
height: 0;
}
.rb-card.collapse > .rb-card-header {
margin-bottom: 0;
}
.rb-card.collapse > .rb-card-header .rb-card-header-expanded-icon .rb-card-expand-icon {
display: none;
}
.rb-card.collapse > .rb-card-header .rb-card-header-expanded-icon .rb-card-collapse-icon {
display: block;
}
.rb-card.expanded > .rb-card-header .rb-card-header-expanded-icon .rb-card-collapse-icon {
display: none;
}
.rb-card.expanded > .rb-card-header .rb-card-header-expanded-icon .rb-card-expand-icon {
display: block;
}
.rb-card.expanded .rb-card-content {
height: 100%;
}
.rb-card-with-border {
border: 1px solid var(--rb-card-border-color);
}
.rb-card-group {
background-color: var(--rb-card-group-bg-color);
display: flex;
flex-direction: column;
gap: var(--rb-card-group-card-gap, 16px);
height: min-content;
padding: var(--rb-card-group-padding, 16px);
}
.rb-card-group.rb-card-group-inner-mode {
background-color: var(--rb-card-group-inner-bg-color);
padding: 0;
}
.rb-card-group .rb-grid-container {
grid-row-gap: 16px;
}
.rb-anchor {
max-width: var(--rb-anchor-max-width, 240px);
min-width: var(--rb-anchor-min-width, 160px);
padding: 0 16px;
}
.rb-anchor.rb-anchor-default {
background-color: var(--rb-anchor-content-bg-color);
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
box-shadow: 0 8px 24px 0 var(--rb-box-shadow-color);
position: fixed;
right: 8px;
top: 50%;
transform: translate(100%, -50%);
-webkit-transform: translate(100%, -50%);
-moz-transform: translate(100%, -50%);
-ms-transform: translate(100%, -50%);
-o-transform: translate(100%, -50%);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
z-index: 996;
}
.rb-anchor.rb-anchor-default:hover {
right: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.rb-anchor.rb-anchor-default:hover .rainbow {
transform: rotateY(180deg);
}
.rb-anchor.rb-anchor-static {
height: fit-content;
max-height: calc(100vh - 120px);
overflow: auto;
position: sticky;
top: 0;
}
.rb-anchor.rb-anchor-static ul {
padding: 8px 0;
}
.rb-anchor.rb-anchor-static ul:before {
background-color: var(--rb-anchor-static-navLine-bg-color);
left: 0;
}
.rb-anchor.rb-anchor-static ul li:before {
background-color: transparent;
}
.rb-anchor.rb-anchor-static ul .rb-anchor-active:before {
background-color: var(--rb-anchor-item-before-border-color);
border: none;
border-radius: 0;
height: 22px;
width: 2px;
}
.rb-anchor .rb-anchor-content {
padding: 16px 0;
}
.rb-anchor .rb-anchor-content .rb-anchor-item > a {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.rb-anchor .navArrow {
background-color: var(--rb-anchor-navArrow-bg-color);
cursor: pointer;
height: 80px;
left: -8px;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
width: 16px;
}
.rb-anchor .navArrow > span {
color: var(--rb-anchor-navArrow-span-font-color);
font-size: 16px;
margin-top: -8px;
position: absolute;
top: 50%;
transition: all 0.5s ease-in-out;
}
.rb-anchor .navArrow:before {
border-bottom: 8px solid var(--rb-anchor-navArrow-before-borderbottom-color);
border-right: 8px solid var(--rb-anchor-navArrow-before-borderright-color);
border-top: 8px solid transparent;
top: -16px;
}
.rb-anchor .navArrow:after,
.rb-anchor .navArrow:before {
border-left: 8px solid transparent;
content: "";
position: absolute;
}
.rb-anchor .navArrow:after {
border-bottom: 8px solid transparent;
border-right: 8px solid var(--rb-anchor-navArrow-after-borderright-color);
border-top: 8px solid var(--rb-anchor-navArrow-after-bordertop-color);
bottom: -16px;
}
.rb-anchor-content-wrapper {
max-height: 100vh;
overflow: auto;
}
.rb-anchor-content-wrapper::-webkit-scrollbar {
display: none;
}
.rb-anchor-content {
list-style: none;
margin: 0;
padding: 16px 0;
position: relative;
}
.rb-anchor-content:before {
background-color: var(--rb-anchor-navLine-bg-color);
content: "";
height: 100%;
left: 4px;
position: absolute;
top: 0;
width: 2px;
}
.rb-anchor-content .rb-anchor-item {
color: var(--rb-anchor-item-font-color);
cursor: pointer;
padding: 4px 0;
position: relative;
white-space: nowrap;
}
.rb-anchor-content .rb-anchor-item:before {
background-color: var(--rb-anchor-item-before-bg-color);
border-radius: 6px;
-webkit-border-radius: 6px;
content: "";
height: 6px;
left: 2px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 6px;
}
.rb-anchor-content .rb-anchor-item > a {
text-decoration: none;
}
.rb-anchor-content .rb-anchor-item.rb-anchor-active {
color: var(--rb-anchor-item-active-font-color);
}
.rb-anchor-content .rb-anchor-item.rb-anchor-active:before {
background-color: var(--rb-anchor-item-before-active-bg-color);
border: 2px solid var(--rb-anchor-item-before-border-color);
left: 0;
}
.rb-anchor-content .rb-anchor-item.rb-anchor-error {
color: var(--rb-color-error);
}
.rb-anchor-content .rb-anchor-item.rb-anchor-success {
color: var(--rb-color-success);
}
.rb-anchor-content .rb-anchor-item:hover {
color: var(--rb-anchor-item-hover-font-color);
}
.rb-breadcrumb {
align-items: center;
color: var(--rb-breadcrumb-font-color);
display: flex;
height: 22px;
max-width: var(--rb-breadcrumb-max-width, 400px);
}
.rb-breadcrumb > span {
align-items: center;
display: inline-flex;
}
.rb-breadcrumb > span:last-child .rb-breadcrumb-item-split {
display: none;
}
.rb-breadcrumb > span:not(:last-child) {
color: var(--rb-breadcrumb-previous-font-color);
}
.rb-breadcrumb > span:not(:last-child) .rb-breadcrumb-item-link {
cursor: pointer;
}
.rb-breadcrumb > span:not(:last-child) .rb-breadcrumb-item-link:hover {
color: var(--rb-breadcrumb-item-link-hover-font-color);
}
.rb-breadcrumb > span:not(:last-child) .rb-breadcrumb-item-link:active {
color: var(--rb-breadcrumb-item-link-active-font-color);
}
.rb-breadcrumb > span:last-child {
flex: 1;
overflow: hidden;
}
.rb-breadcrumb .rb-breadcrumb-item-link {
align-items: center;
cursor: default;
display: inline-flex;
}
.rb-breadcrumb .rb-breadcrumb-item-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rb-breadcrumb .rb-breadcrumb-item-dropdown-arrow {
margin-left: 8px;
}
.rb-breadcrumb .rb-breadcrumb-item-split {
color: var(--rb-breadcrumb-separator-color);
padding: 0 8px;
}
.rb-breadcrumb .rb-breadcrumb-item-prefix-icon {
align-items: center;
display: inline-flex;
margin-right: 8px;
}
.rb-breadcrumb .rb-breadcrumb-item-suffix-icon {
color: var(--rb-breadcrumb-icon-color);
cursor: pointer;
display: inline-flex;
margin-left: 8px;
}
.rb-breadcrumb .rb-breadcrumb-item-suffix-icon:hover {
color: var(--rb-breadcrumb-hover-icon-color);
}
.rb-breadcrumb .rb-breadcrumb-item-suffix-icon:active {
color: var(--rb-breadcrumb-active-icon-color);
}
.rb-scrollbar {
clip-path: inset(0 0 0 0);
position: relative;
}
.rb-scrollbar .rb-scrollbar__wrapper {
margin-bottom: -17px;
margin-right: -17px;
width: fit-content;
}
.rb-scrollbar-mode-hover .rb-scrollbar__bar_horizontal,
.rb-scrollbar-mode-hover .rb-scrollbar__bar_vertical {
opacity: 0;
transition: opacity 0.15s ease-out;
}
.rb-scrollbar-mode-hover:hover .rb-scrollbar__bar_horizontal,
.rb-scrollbar-mode-hover:hover .rb-scrollbar__bar_vertical {
opacity: 1;
transition: opacity 0.34s ease-out;
}
.rb-scrollbar__bar_vertical {
bottom: 0;
height: 100%;
position: absolute;
right: 0;
z-index: 999;
}
.rb-scrollbar__bar_vertical .rb-scrollbar__thumb {
width: 9px;
}
.rb-scrollbar__bar_horizontal,
.rb-scrollbar__bar_vertical {
background-color: #fff;
}
.rb-scrollbar__bar_horizontal {
bottom: 0;
left: 0;
position: absolute;
width: 100%;
}
.rb-scrollbar__bar_horizontal .rb-scrollbar__thumb {
height: 9px;
}
.rb-scrollbar-horizontal_top .rb-scrollbar__bar_horizontal {
bottom: auto;
position: sticky;
top: 0;
z-index: 999;
}
.rb-scrollbar__thumb {
background-color: var(--rb-color-text-disabled);
border-radius: 4px;
}
.rb-scrollbar__thumb:hover {
cursor: pointer;
}
.rb-scrollbar__thumb:active,
.rb-scrollbar__thumb:hover {
background-color: var(--rb-color-text-description);
}
.rb-scrollbar__backtop {
align-items: center;
background-color: #fff;
border-radius: 30px;
bottom: 20px;
cursor: pointer;
height: 30px;
justify-content: center;
position: absolute;
right: 20px;
transition: backgroundColor 0.15s ease-out;
width: 30px;
}
.rb-scrollbar__backtop:hover {
background-color: #eee;
transition: backgroundColor 0.2s ease-out;
}
.rb-scrollbar__backtop.rb-scrollbar__backtop-show {
display: inline-flex;
}
.rb-scrollbar__backtop.rb-scrollbar__backtop-hide {
display: none;
}
.rb-header {
align-items: center;
background-color: var(--rb-header-bg-color);
box-shadow: inset 0 -2px 0 0 var(--rb-header-bottom-border-color);
color: var(--rb-header-font-color);
display: flex;
height: 58px;
justify-content: space-between;
padding: 0 16px 2px;
width: 100%;
}
.rb-header .rb-logo {
display: flex;
height: 56px;
width: 200px;
}
.rb-header .rb-logo img {
display: block;
max-height: 56px;
max-width: 200px;
object-fit: cover;
}
.rb-header .rb-header-split {
border-left: 1px solid var(--rb-header-spilt-color);
height: 20px;
width: 1px;
}
.rb-header .rb-header-left-area,
.rb-header .rb-header-right-area {
align-items: center;
display: inline-flex;
}
.rb-header .rb-breadcrumb {
color: var(--rb-header-breadcrumb-font-color);
margin: 0 16px;
}
.rb-header .rb-breadcrumb > span:not(:last-child) {
color: var(--rb-header-breadcrumb-previous-font-color);
}
.rb-header .rb-breadcrumb .rb-breadcrumb-item-split {
color: var(--rb-header-breadcrumb-separator-color);
}
.rb-header .rb-breadcrumb .rb-breadcrumb-item-suffix-icon {
color: var(--rb-header-breadcrumb-icon-color);
}
.rb-header .rb-breadcrumb .rb-breadcrumb-item-suffix-icon:hover {
color: var(--rb-header-breadcrumb-icon-hover-color);
}
.rb-header .rb-breadcrumb .rb-breadcrumb-item-suffix-icon:active {
color: var(--rb-header-breadcrumb-icon-active-color);
}
.rb-header .rainbow.Menu {
font-size: 24px;
}
.rb-header .rainbow:not(.Clear):not(.Help),
.rb-header .rb-btn-type-text {
color: var(--rb-header-font-color);
}
.rb-header .rainbow:not(.Clear):not(.Help):not(.rb-tags-arrow):not(.Search):hover,
.rb-header .rainbow:not(.Clear):not(.Help):not(.rb-tags-arrow):not(.Search):hover .rainbow:not(.Clear):not(.Help),
.rb-header .rb-btn-type-text:not(.disabled):not(.rb-btn-loading):hover,
.rb-header .rb-btn-type-text:not(.disabled):not(.rb-btn-loading):hover .rainbow:not(.Clear):not(.Help) {
color: var(--rb-header-font-hover-color);
}
.rb-header .rainbow:not(.Clear):not(.Help):not(.rb-tags-arrow):not(.Search):active,
.rb-header .rainbow:not(.Clear):not(.Help):not(.rb-tags-arrow):not(.Search):active .rainbow:not(.Clear):not(.Help),
.rb-header .rb-btn-type-text:not(.disabled):not(.rb-btn-loading):active,
.rb-header .rb-btn-type-text:not(.disabled):not(.rb-btn-loading):active .rainbow:not(.Clear):not(.Help) {
color: var(--rb-header-font-active-color);
}
.rb-header .rb-badge-content {
background-color: var(--rb-header-badge-bg-color);
}
.rb-header .rb-badge-count,
.rb-header .rb-badge-dot {
box-shadow: 0 0 0 1px var(--rb-header-badge-border-color);
}
.rb-header .rb-badge-count {
border: none;
color: var(--rb-header-badge-color);
font-size: 12px;
height: 16px;
line-height: 16px;
min-width: 16px;
}
.rb-header-expanded-icon {
margin-right: 16px;
}
.rb-header-search-container {
margin-right: 8px;
}
.rb-header-search-container .rb-input-group {
color: var(--rb-header-search-color);
}
.rb-header-search-container .rb-input-wrapper {
background-color: var(--rb-header-search-bg-color);
border-color: var(--rb-header-search-border-color);
}
.rb-header-search-container .rb-input-wrapper-active,
.rb-header-search-container .rb-tags:not(.rb-tags-disabled).rb-tags-open {
border-color: var(--rb-header-search-input-content-focus-border-color);
box-shadow: 0 0 0 2px var(--rb-header-search-input-content-focus-bs-color);
}
.rb-header-search-container .rb-input-wrapper-hover,
.rb-header-search-container .rb-tags:not(.rb-tags-disabled):hover {
border-color: var(--rb-header-search-input-content-focus-border-color);
}
.rb-header-search-container .rb-input {
background-color: var(--rb-header-search-bg-color);
color: var(--rb-header-search-color);
}
.rb-header-search-container .rb-input::-webkit-input-placeholder {
color: var(--rb-header-search-input-placeholder-color);
}
.rb-header-search-container .rb-input-prefix,
.rb-header-search-container .rb-input-suffix {
font-size: 14px;
line-height: 22px;
}
.rb-header-search-container .rb-input-prefix .rainbow,
.rb-header-search-container .rb-input-suffix .rainbow {
font-size: 16px;
}
.rb-header-search-container .rb-input-prefix .rainbow.rb-tags-arrow,
.rb-header-search-container .rb-input-suffix .rainbow.rb-tags-arrow {
color: var(--rb-header-search-fix-cion);
}
.rb-header-search-container .rb-input-prefix .rainbow.Search,
.rb-header-search-container .rb-input-suffix .rainbow.Search {
color: var(--rb-header-search-icon-color);
}
.rb-header-search-container .rb-input-prefix .rainbow.Search:hover,
.rb-header-search-container .rb-input-suffix .rainbow.Search:hover {
color: var(--rb-header-search-icon-hover-color);
}
.rb-header-search-container .rb-input-prefix .rainbow.Search:active,
.rb-header-search-container .rb-input-suffix .rainbow.Search:active {
color: var(--rb-header-search-icon-active-color);
}
.rb-header-action-bar .rb-icon-btn {
height: 32px;
width: 20px;
}
.rb-header-action-bar .rb-icon-btn .rainbow {
font-size: 20px;
}
.rb-header-action-bar .record {
border: 1.5px solid var(--rb-header-font-color);
border-radius: 50%;
cursor: pointer;
height: 20px;
position: relative;
width: 20px;
}
.rb-header-action-bar .record:after {
border: 1.5px solid var(--rb-header-font-color);
border-radius: 50%;
content: "";
height: 8px;
inset: 0;
margin: auto;
position: absolute;
width: 8px;
}
.rb-header-action-bar .record.recording {
border-color: var(--rb-btn-text-hover-color);
}
.rb-header-action-bar .record.recording:after {
animation: recordAnimate 1.3s infinite;
background-color: var(--rb-btn-text-hover-color);
border-color: var(--rb-btn-text-hover-color);
}
.rb-header-action-bar .record:hover,
.rb-header-action-bar .record:hover:after {
border-color: var(--rb-header-font-hover-color);
}
.rb-header-action-bar .record:active,
.rb-header-action-bar .record:active:after {
border-color: var(--rb-header-font-active-color);
}
.rb-header-action-bar .user-info {
align-items: center;
display: inline-flex;
}
.rb-header-action-bar .user-info img {
border-radius: 50%;
height: 24px;
width: 24px;
}
.rb-header-action-bar .user-info .rb-btn-suffix {
font-size: 12px;
}
.more {
padding: 16px 8px;
}
.more-item .title {
color: var(--rb-color-text);
font-size: 16px;
font-weight: 500;
margin-bottom: 12px;
}
.rb-header-search-Select .rb-select-single .rb-select-option:not(.disabled):not(.active).rb-select-option-over,
.rb-header-search-Select .rb-select-single .rb-select-option:not(.disabled):not(.active):hover {
background-color: var(--rb-header-search-rb-select-option-hover-bg-color);
color: var(--rb-header-search-rb-select-option-hover-color);
}
.rb-header-search-Select .rb-select-single .rb-select-option.active {
background-color: var(--rb-header-search-select-single-option-active-bg-color);
color: var(--rb-header-search-select-single-option-active-color);
}
@keyframes recordAnimate {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
.rb-flexlayout {
padding: 4px;
}
.rb-flexlayout-horizontal {
display: flex;
}
.rb-flexlayout-vertical {
display: flex;
flex-direction: column;
}
.rb-flexlayout__item-expandable {
transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}
.rb-flexlayout__item-horizontal {
width: 100%;
}
.rb-flexlayout__item-horizontal.rb-flexlayout__item-expanded {
opacity: 1;
width: auto;
}
.rb-flexlayout__item-horizontal.rb-flexlayout__item-collapse {
opacity: 0;
width: 0 !important;
}
.rb-flexlayout__item-vertical {
height: 100%;
}
.rb-flexlayout__item-vertical.rb-flexlayout__item-expanded {
height: auto;
opacity: 1;
}
.rb-flexlayout__item-vertical.rb-flexlayout__item-collapse {
height: 0!important;
opacity: 0;
}
.rb-flexlayout__item {
flex: 1;
}
.rb-flexlayout__item.rb-flexlayout__item-controlled {
flex: 0 0 auto;
overflow: hidden;
}
.rb-flexlayout__item:not(.rb-flexlayout__item-controlled) {
max-width: var(--other-flexlayout-item-width, 100%);
}
.rb-flexlayout__item__handler {
--rb-flexlayout-handler-size: 2px;
border-radius: var(--rb-flexlayout-handler-size);
flex-shrink: 0;
position: relative;
transition: background 0.2s ease-in-out, opacity 0.2s ease-in-out;
width: 12px;
}
.rb-flexlayout__item__handler.rb-flexlayout__item__handler-flexable:hover:after {
background-color: #dfdfdf;
}
.rb-flexlayout__item__handler .rb-flexlayout__item__expander {
cursor: pointer;
position: absolute;
z-index: 2;
}
.rb-flexlayout__item__handler .rb-flexlayout__item__expander-inner {
background-color: #9b9b9b;
border-radius: 4px;
}
.rb-flexlayout__item__handler .rb-flexlayout__item__expander-inner:hover {
background-color: #0d0d0d;
}
.rb-flexlayout__item__handler-vertical {
height: var(--rb-flexlayout-handler-size);
width: 100%;
}
.rb-flexlayout__item__handler-vertical.rb-flexlayout__item__handler-flexable {
cursor: n-resize;
}
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander {
left: 50%;
margin-left: -2px;
margin-top: -1px;
}
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-inner {
height: 4px;
width: 20px;
}
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-inner-arrow {
background-color: transparent;
height: 4px;
position: relative;
transition: height 0.2s ease-in-out, transform 0.2s ease-in-out;
width: 20px;
}
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-inner-arrow:before {
background-color: #0d0d0d;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
content: "";
display: inline-block;
height: 4px;
left: 0;
position: absolute;
width: 10px;
}
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-inner-arrow:after {
background-color: #0d0d0d;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
content: "";
display: inline-block;
height: 4px;
position: absolute;
right: 0;
width: 10px;
}
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-inner-arrow.fixed:before {
border-radius: 4px;
transform: rotate(25deg);
width: 12px;
}
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-inner-arrow.fixed:after,
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-inner-arrow:not(.fixed):hover:before {
border-radius: 4px;
transform: rotate(-25deg);
width: 12px;
}
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-inner-arrow:not(.fixed):hover:after {
border-radius: 4px;
transform: rotate(25deg);
width: 12px;
}
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-reverse .rb-flexlayout__item__expander-inner-arrow.fixed:before {
transform: rotate(-25deg);
}
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-reverse .rb-flexlayout__item__expander-inner-arrow.fixed:after,
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-reverse .rb-flexlayout__item__expander-inner-arrow:not(.fixed):hover:before {
transform: rotate(25deg);
}
.rb-flexlayout__item__handler-vertical .rb-flexlayout__item__expander-reverse .rb-flexlayout__item__expander-inner-arrow:not(.fixed):hover:after {
transform: rotate(-25deg);
}
.rb-flexlayout__item__handler-horizontal:after {
content: "";
height: 100%;
left: 50%;
position: absolute;
top: 0;
width: var(--rb-flexlayout-handler-size);
}
.rb-flexlayout__item__handler-horizontal.rb-flexlayout__item__handler-flexable {
cursor: e-resize;
}
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander {
left: 50%;
margin-left: -1px;
margin-top: -2px;
top: 50%;
}
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-inner {
height: 20px;
width: 4px;
}
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-inner-arrow {
background-color: transparent;
height: 20px;
position: relative;
transition: height 0.2s ease-in-out, transform 0.2s ease-in-out;
width: 4px;
}
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-inner-arrow:before {
background-color: #0d0d0d;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
content: "";
display: inline-block;
height: 10px;
position: absolute;
top: 0;
width: 4px;
}
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-inner-arrow:after {
background-color: #0d0d0d;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
bottom: 0;
content: "";
display: inline-block;
height: 10px;
position: absolute;
width: 4px;
}
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-inner-arrow.fixed:before {
border-radius: 4px;
height: 12px;
transform: rotate(-25deg);
}
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-inner-arrow.fixed:after,
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-inner-arrow:not(.fixed):hover:before {
border-radius: 4px;
height: 12px;
transform: rotate(25deg);
}
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-inner-arrow:not(.fixed):hover:after {
border-radius: 4px;
height: 12px;
transform: rotate(-25deg);
}
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-reverse .rb-flexlayout__item__expander-inner-arrow.fixed:before {
transform: rotate(25deg);
}
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-reverse .rb-flexlayout__item__expander-inner-arrow.fixed:after,
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-reverse .rb-flexlayout__item__expander-inner-arrow:not(.fixed):hover:before {
transform: rotate(-25deg);
}
.rb-flexlayout__item__handler-horizontal .rb-flexlayout__item__expander-reverse .rb-flexlayout__item__expander-inner-arrow:not(.fixed):hover:after {
transform: rotate(25deg);
}
.rb-message-box {
align-items: center;
display: flex;
flex-direction: column;
left: 0;
pointer-events: none;
position: fixed;
top: 0;
width: 100%;
}
.rb-message-box .rb-message {
align-items: center;
background-color: var(--rb-message-bg-color);
border-radius: var(--rb-message-border-radius, 4px);
box-shadow: 0 8px 24px 0 var(--rb-box-shadow-color);
color: var(--rb-color-text);
display: flex;
margin-top: var(--rb-message-margin-top, 16px);
padding: var(--rb-message-padding, 8px 12px);
pointer-events: auto;
width: fit-content;
}
.rb-message-box .rb-message:first-child {
margin-top: 90px;
}
.rb-message-box .rb-message .error,
.rb-message-box .rb-message .info,
.rb-message-box .rb-message .loading,
.rb-message-box .rb-message .success,
.rb-message-box .rb-message .warning {
font-size: var(--rb-message-icon-font-size, 16px);
margin-right: var(--rb-message-icon-margin-right, 8px);
}
.rb-message-box .rb-message .info {
color: var(--rb-message-info-color);
}
.rb-message-box .rb-message .success {
color: var(--rb-message-success-color);
}
.rb-message-box .rb-message .warning {
color: var(--rb-message-warning-color);
}
.rb-message-box .rb-message .error {
color: var(--rb-message-error-color);
}
.rb-input-group {
color: var(--rb-color-text);
display: flex;
flex-direction: column;
}
.rb-input-group .rb-input-group-label {
align-items: center;
display: flex;
height: var(--rb-input-group-label-height, 22px);
line-height: var(--rb-input-group-label-height, 22px);
}
.rb-input-group .rb-input-group-label .rb-input-group-label-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rb-input-group .rb-input-group-label .rb-required {
color: var(--rb-input-Required-font-color);
margin-left: 4px;
}
.rb-input-group .rb-input-group-label span.rainbow.HelpFill {
color: var(--rb-input-HelpFill-font-color);
margin-left: 4px;
}
.rb-input-group .rb-input-group-content {
flex-grow: 1;
}
.rb-input-group .rb-input-group-content > input {
outline: none;
}
.rb-vertical {
display: flex;
flex-direction: column;
}
.rb-vertical > .rb-input-group-label {
margin-bottom: var(--rb-input-group-label-margin-bottom, 4px);
}
.rb-horizontal {
align-items: flex-start;
display: flex;
flex-direction: row;
}
.rb-horizontal .rb-input-group-label {
height: var(--rb-input-group-label-horizontal-height, 32px);
line-height: var(--rb-input-group-label-horizontal-height, 32px);
margin-right: var(--rb-input-group-label-horizontal-margin-right, 10px);
max-width: var(--rb-input-group-label-horizontal-max-width, 30%);
}
.rb-horizontal .rb-component-content {
flex-grow: 1;
}
.rb-input-group {
width: 100%;
}
.rb-input-group:not(.rb-status-error) .rb-input-content:not(.disabled):hover {
border-color: var(--rb-input-content-hover-border-color);
}
.rb-input-group:not(.rb-status-error) .rb-input-content:not(.disabled):focus-within {
border-color: var(--rb-input-content-focus-border-color);
box-shadow: 0 0 0 2px var(--rb-input-content-focus-bs-color);
}
.rb-input-content {
align-items: center;
border: 1px solid var(--rb-input-content-border-color);
border-radius: var(--rb-input-content-border-radius, 4px);
display: flex;
height: var(--rb-input-content-height, 32px);
line-height: var(--rb-input-content-height, 32px);
padding: var(--rb-input-content-padding, 0 12px);
width: 100%;
}
.rb-input-content.prefix .rb-default-icon {
margin-right: var(--rb-input-content-prefix-margin-right, 8px);
}
.rb-input-content.suffix .rb-default-icon {
margin-left: var(--rb-input-content-suffix-margin-left, 8px);
}
.rb-input-content.center > .rb-input-out,
.rb-input-content.center > input {
text-align: center;
}
.rb-input-content.right > .rb-input-out,
.rb-input-content.right > input {
text-align: right;
}
.rb-input-content.out {
border: none;
padding: 0;
}
.rb-input-content.disabled {
background-color: var(--rb-input-content-disabled-bg-color);
cursor: not-allowed;
}
.rb-input-content.disabled > * {
cursor: inherit;
}
.rb-input-percent {
text-align: right;
}
.rb-input-number .rb-number-clear {
display: none;
margin-left: 8px;
}
.rb-input-number .rb-number-suffix {
display: inline-block;
flex-shrink: 0;
margin-left: 8px;
text-align: center;
width: 16px;
}
.rb-allow-clear:not(.disabled):hover .rb-email-icon,
.rb-allow-clear:not(.disabled):hover .rb-number-suffix,
.rb-email .rb-email-clear {
display: none;
}
.rb-allow-clear:not(.disabled):hover .rb-email-clear,
.rb-allow-clear:not(.disabled):hover .rb-number-clear {
display: block;
}
.rb-input {
background-color: transparent;
border: none;
color: var(--rb-global-font-color);
font-size: var(--rb-input-font-size, 14px);
height: 100%;
letter-spacing: 0;
line-height: 22px;
outline: none;
text-align: inherit;
width: 100%;
}
.rb-input::placeholder {
color: var(--rb-placeholder-color);
}
.rb-input-prefix {
margin-right: 8px;
}
.rb-input-suffix:not(:empty) {
margin-left: 8px;
}
.rb-suffix-counter {
color: var(--rb-suffix-counter);
}
.rb-input-prefix,
.rb-input-suffix {
align-items: center;
display: inline-flex;
flex: none;
font-size: 14px;
justify-content: center;
line-height: 22px;
min-width: 16px;
}
.rb-input-prefix .rainbow,
.rb-input-suffix .rainbow {
color: var(--rb-input-fix-icon-color);
font-size: 16px;
}
.rb-input-prefix .rb-input-suffix-icon,
.rb-input-suffix .rb-input-suffix-icon {
color: var(--rb-input-fix-icon-color);
}
.rb-input-prefix .rb-input-click,
.rb-input-suffix .rb-input-click {
color: var(--rb-input-fix-icon-click-color);
cursor: pointer;
}
.rb-input-prefix .rb-input-click:hover,
.rb-input-suffix .rb-input-click:hover {
color: var(--rb-input-fix-icon-click-hover-color);
}
.rb-input-prefix .rb-input-click:active,
.rb-input-suffix .rb-input-click:active {
color: var(--rb-input-fix-icon-click-active-color);
}
.has-event {
cursor: pointer;
}
.rb-status-error .rb-checkbox-wrapper > .rb-checkbox > .rb-checkbox-inner,
.rb-status-error .rb-input-content,
.rb-status-error .rb-picker,
.rb-status-error .rb-radio-label > .rb-radio > .rb-radio-inner,
.rb-status-error .rb-tags,
.rb-status-error .rb-textarea-content,
.rb-verify-error .rb-checkbox-wrapper > .rb-checkbox > .rb-checkbox-inner,
.rb-verify-error .rb-input-content,
.rb-verify-error .rb-picker,
.rb-verify-error .rb-radio-label > .rb-radio > .rb-radio-inner,
.rb-verify-error .rb-tags,
.rb-verify-error .rb-textarea-content {
border-color: var(--rb-input-error-border-color);
}
.rb-status-success .rb-checkbox-wrapper > .rb-checkbox > .rb-checkbox-inner,
.rb-status-success .rb-input-content,
.rb-status-success .rb-radio-label > .rb-radio > .rb-radio-inner,
.rb-status-success .rb-tags,
.rb-status-success .rb-textarea-content {
border-color: var(--rb-input-success-border-color);
}
.rb-feedback-error {
-webkit-animation: slide-in-top 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
animation: slide-in-top 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
color: var(--rb-color-error);
display: block;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
@-webkit-keyframes slide-in-top {
0% {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slide-in-top {
0% {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.rb-input-out {
display: block;
height: 32px;
line-height: 32px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.rb-status-error .rb-input-wrapper {
box-shadow: 0 0 0 2px var(--rb-input-content-error-focus-bs-color);
}
.rb-status-error .rb-input-wrapper,
.rb-status-error .rb-transfer .rb-transfer-list {
border-color: var(--rb-input-error-border-color);
}
.rb-status-error .rb-transfer .rb-transfer-list .rb-checkbox-wrapper > .rb-checkbox > .rb-checkbox-inner,
.rb-status-error .rb-transfer .rb-transfer-list .rb-input-wrapper {
border-color: var(--rb-input-content-border-color);
box-shadow: none;
}
.rb-status-warning .rb-input-wrapper {
border-color: var(--rb-input-warning-border-color, var(--rb-color-warning));
box-shadow: 0 0 0 2px var(--rb-input-content-warning-focus-bs-color);
}
.rb-status-warning .rb-feedback-warning {
color: var(--rb-color-warning);
}
.rb-status-success .rb-input-wrapper {
border-color: var(--rb-input-success-border-color, var(--rb-color-success));
box-shadow: 0 0 0 2px var(--rb-input-content-success-focus-bs-color);
}
.rb-status-success .rb-feedback-success {
color: var(--rb-color-success);
}
.rb-input-wrapper {
align-items: center;
background-color: var(--rb-input-content-bg-color);
border: 1px solid var(--rb-input-content-border-color);
border-radius: var(--rb-input-content-border-radius, 4px);
border-width: var(--rb-input-border-width, 1px);
display: flex;
height: var(--rb-input-content-height, 32px);
line-height: var(--rb-input-content-height, 32px);
overflow: hidden;
padding: var(--rb-input-content-padding, 0 11px);
position: relative;
width: 100%;
}
.rb-input-wrapper-disabled {
background-color: var(--rb-input-content-disabled-bg-color);
cursor: not-allowed;
}
.rb-input-wrapper-disabled input {
cursor: not-allowed;
}
.rb-input-wrapper-hover {
border-color: var(--rb-input-content-hover-border-color);
}
.rb-input-wrapper-active {
border-color: var(--rb-input-content-focus-border-color);
box-shadow: 0 0 0 2px var(--rb-input-content-focus-bs-color);
}
.rb-input-clear {
cursor: pointer;
height: 16px;
line-height: 16px;
position: absolute;
width: 16px;
}
.rb-input-clear,
.rb-input-clear:active {
color: var(--rb-remove-icon-hover);
}
.rb-input-suffix:not(.rb-suffix-wrapper-tile) .rb-input-clear:not(.rb-input-clear-hidden) + .rb-default-icon {
visibility: hidden;
}
.rb-input-suffix {
flex: none;
position: relative;
}
.rb-input-clear-hidden {
visibility: hidden;
}
.rb-suffix-wrapper-tile {
width: auto;
}
.rb-suffix-wrapper-tile .rb-input-clear {
margin-right: 8px;
position: static;
}
.rb-suffix-no-node:has(.rb-input-clear-hidden) {
min-width: 0;
}
.rb-suffix-no-node .rb-input-clear {
position: static;
}
.rb-suffix-no-node .rb-input-clear-hidden {
display: none;
}
.rb-default-icon {
align-items: center;
display: inline-flex;
min-width: 16px;
}
.rb-rangepicker-popup,
.rb-timepicker-popup {
background-color: var(--rb-timepicker-bg-color);
}
.rb-timepicker-input {
width: 100%;
}
.rb-timepicker {
border-radius: 4px;
color: var(--rb-color-text);
min-width: var(--rb-time-picker-min-width, 314px);
width: var(--rb-time-picker-width, 314px);
}
.rb-time-picker-container .rb-time-picker-header {
margin: 8px 0;
}
.rb-time-picker-container .rb-time-picker-header ul {
align-items: center;
background-color: var(--rb-time-picker-header-bg-color);
color: var(--rb-time-picker-header-color);
display: flex;
justify-content: space-around;
}
.rb-time-picker-container .rb-time-picker-header ul li {
align-items: center;
display: flex;
font-size: 14px;
height: 32px;
justify-content: center;
line-height: 32px;
margin-right: 1px;
min-width: 60px;
}
.rb-time-picker-container .rb-time-picker-header ul li:last-child {
margin-right: 0;
}
.rb-time-picker-container .rb-time-picker-content {
display: flex;
height: 240px;
}
.rb-time-picker-container .rb-time-picker-content ul {
border-right: 1px solid var(--rb-picker-date-panel-border-color);
margin: 0;
padding: 12px 0 204px;
position: relative;
text-align: left;
width: 100%;
}
.rb-time-picker-container .rb-time-picker-content ul li {
cursor: pointer;
height: 24px;
line-height: 24px;
margin: 8px 0;
position: relative;
text-align: center;
width: 100%;
}
.rb-time-picker-container .rb-time-picker-content ul li:first-child {
margin-top: 0;
}
.rb-time-picker-container .rb-time-picker-content ul li:last-child {
margin-bottom: 0;
}
.rb-time-picker-container .rb-time-picker-content ul li.disabled {
pointer-events: none;
}
.rb-time-picker-container .rb-time-picker-content ul li:not(.disabled):not(.active):hover {
background-color: var(--rb-date-picker-time-hover-bg-color);
color: var(--rb-date-picker-time-hover-color);
}
.rb-time-picker-container .rb-time-picker-content .hours,
.rb-time-picker-container .rb-time-picker-content .minutes,
.rb-time-picker-container .rb-time-picker-content .seconds {
overflow-y: hidden;
}
.rb-time-picker-container .rb-time-picker-content .hours:hover,
.rb-time-picker-container .rb-time-picker-content .minutes:hover,
.rb-time-picker-container .rb-time-picker-content .seconds:hover {
overflow-y: auto;
}
.rb-time-picker-container .rb-time-picker-content .hours::-webkit-scrollbar,
.rb-time-picker-container .rb-time-picker-content .minutes::-webkit-scrollbar,
.rb-time-picker-container .rb-time-picker-content .seconds::-webkit-scrollbar {
display: none;
}
.rb-time-picker-container .rb-time-picker-content .hours .active,
.rb-time-picker-container .rb-time-picker-content .minutes .active,
.rb-time-picker-container .rb-time-picker-content .seconds .active {
background-color: var(--rb-date-picker-time-checked-active-bg-color);
color: var(--rb-date-picker-time-checked-active-color);
}
.rb-time-picker-container .rb-time-picker-content .hours.disabled,
.rb-time-picker-container .rb-time-picker-content .minutes.disabled,
.rb-time-picker-container .rb-time-picker-content .seconds.disabled {
background-color: var(--rb-date-picker-time-disabled-bg-color);
color: var(--rb-date-picker-time-disabled-color);
pointer-events: none;
}
.rb-time-picker-container .rb-time-picker-content .hour-apm li.active {
background-color: var(--rb-time-picker-container-hour-apm-active-bg-color);
color: var(--rb-time-picker-container-hour-apm-active-font-color);
}
.rb-time-picker-container .rb-time-picker-content ul:last-child {
border-right: none;
margin: 0;
}
.rb-time-picker-footer {
border-top: 1px solid var(--rb-picker-date-panel-border-color);
justify-content: space-between;
padding: 12px;
}
.rb-time-picker-footer .rb-btn {
height: 24px;
}
.switchBox {
background-color: var(--rb-switchBox-switch-bg-color);
border: 1px solid var(--rb-switchBox-switch-border-color);
border-radius: calc(var(--rb-switch-box-height, 22px) / 2);
color: var(--rb-switchBox-switch-color);
cursor: pointer;
font-size: var(--rb-switch-box-font-size, 12px);
height: var(--rb-switch-box-height, 22px);
line-height: var(--rb-switch-box-height, 20px);
min-width: var(--rb-switch-box-min-width, 44px);
outline: none;
overflow: hidden;
position: relative;
transition: all 0.3s linear;
width: fit-content;
}
.switchBox:hover {
background-color: var(--rb-switchBox-switch-bg-hover-color);
border-color: var(--rb-switchBox-switch-border-hover-color);
}
.switchBox:focus {
outline: none;
}
.switchBox .rb-spin-body {
fill: var(--rb-switchBox-switch-bg-color) !important;
}
.rb-horizontal .switchBox {
margin-bottom: var(--rb-switch-box-margin-bottom, 6px);
margin-top: var(--rb-switch-box-margin-top, 6px);
}
.switchBox.switch-checked {
background-color: var(--rb-switchBox-switch-checked-bg-color);
border-color: var(--rb-switchBox-switch-checked-border-color);
color: var(--rb-switchBox-switch-checked-color);
}
.switchBox.switch-checked:hover {
background-color: var(--rb-switchBox-switch-checked-bg-hover-color);
border-color: var(--rb-switchBox-switch-checked-border-hover-color);
}
.switchBox.switch-disabled {
background-color: var(--rb-switchBox-switch-disabled-bg-color);
border-color: var(--rb-switchBox-switch-disabled-border-color);
color: var(--rb-switchBox-switch-disabled-color);
cursor: not-allowed;
}
.switchBox.switch-disabled .rb-spin-body {
fill: var(--rb-switchBox-switch-disabled-bg-color) !important;
}
.switchBox.switch-disabled .switchBtn {
background-color: var(--rb-switchBox-switch-disabled-handle-bg-color);
}
.switchBox.switch-disabled.switch-checked {
background-color: var(--rb-switchBox-switch-checked-disabled-bg-color);
border-color: var(--rb-switchBox-switch-checked-disabled-border-color);
color: var(--rb-switchBox-switch-checked-disabled-color);
}
.switchBox.switch-disabled.switch-checked .rb-spin-body {
fill: var(--rb-switchBox-switch-checked-disabled-bg-color) !important;
}
.switchBox.switch-disabled.switch-checked .switchBtn {
background-color: var(--rb-switchBox-switch-checked-disabled-handle-bg-color);
}
.switchBox.switch-disabled > * {
pointer-events: none;
}
.switchBox .offBox,
.switchBox .onBox {
transition: all 0.3s linear;
}
.switchBox .offBox .rainbow,
.switchBox .onBox .rainbow {
font-size: 14px;
}
.switchBox .onBox {
margin-right: var(--rb-switch-on-box-margin-right, 20px);
padding-left: 8px;
padding-right: 4px;
}
.switchBox .offBox {
display: inline-block;
margin-left: var(--rb-switch-off-box-margin-left, 20px);
padding-left: 4px;
padding-right: 8px;
}
.switchBox .offBox > span,
.switchBox .onBox > span {
line-height: var(--rb-switch-box-height, 20px);
}
.switchBox .switchBtn {
align-items: center;
background-color: var(--rb-switchBox-switch-handle-bg-color);
border-radius: 50%;
cursor: pointer;
display: flex;
height: calc(var(--rb-switch-box-height, 22px) - 4px);
justify-content: center;
left: 1px;
position: absolute;
top: 1px;
transition: all 0.3s linear;
width: calc(var(--rb-switch-box-height, 22px) - 4px);
}
.switchBox.switch-checked .switchBtn {
background-color: var(--rb-switchBox-switch-checked-handle-bg-color);
left: calc(100% - var(--rb-switch-box-height, 22px) + 3px);
}
.rb-radio-group {
position: relative;
}
.rb-radio-group.vertical {
display: flex;
flex-direction: column;
}
.rb-radio-group.with-gap {
display: flex;
}
.rb-radio-group.with-gap .rb-radio-label.button {
border-radius: var(--rb-radio-border-border-radius, 4px);
}
.rb-radio-group.with-gap .rb-radio-label.button.active .rb-radio-button-arrow {
border-bottom-right-radius: var(--rb-radio-border-border-radius, 4px);
bottom: 0;
right: 0;
}
.rb-radio-label {
align-items: center;
cursor: pointer;
display: inline-flex;
height: var(--rb-radio-label-height, 32px);
margin-right: var(--rb-radio-label-margin-right, 16px);
}
.rb-radio-label:not(.disabled):focus-within .rb-radio .rb-radio-inner,
.rb-radio-label:not(.disabled):hover .rb-radio .rb-radio-inner {
border-color: var(--rb-radio-inner-hover-border-color);
}
.rb-radio-label:not(.disabled) .rb-radio > input:focus-visible + .rb-radio-inner {
outline: 4px solid var(--rb-tab-active-border-color, #39364e);
outline-offset: 1px;
}
.rb-radio-label:not(.disabled).button:focus-visible {
outline: 4px solid var(--rb-tab-active-border-color, #39364e);
outline-offset: 1px;
}
.rb-radio-label .rb-radio {
cursor: pointer;
height: 16px;
}
.rb-radio-label .rb-radio input {
height: 16px;
opacity: 0;
position: absolute;
width: 16px;
z-index: -1;
}
.rb-radio-label .rb-radio .rb-radio-inner {
background-color: var(--rb-radio-inner-bg-color);
border: 1px solid var(--rb-radio-inner-border-color);
border-radius: 50%;
display: inline-block;
height: 16px;
margin-right: 8px;
position: relative;
width: 16px;
}
.rb-radio-label .rb-radio > input:checked .rb-radio-inner,
.rb-radio-label.active .rb-radio-inner {
border-color: var(--rb-radio-inner-checked-border-color);
}
.rb-radio-label .rb-radio > input:checked .rb-radio-inner:after,
.rb-radio-label.active .rb-radio-inner:after {
background-color: var(--rb-radio-inner-after-checked-bg-color);
border-radius: 16px;
content: "";
display: block;
height: 16px;
left: 50%;
margin-left: -8px;
margin-top: -8px;
position: absolute;
top: 50%;
transform: scale(0.5);
width: 16px;
}
.rb-radio-label .rb-radio > input:checked.border,
.rb-radio-label.active.border {
color: var(--rb-radio-input-checked-border-color);
}
.rb-radio-label .rb-radio > input:checked.button,
.rb-radio-label.active.button {
background-color: var(--rb-radio-input-checked-button-bg-color);
border-color: var(--rb-radio-input-checked-button-border-color);
color: var(--rb-radio-input-checked-button-color);
z-index: 2;
}
.rb-radio-label .rb-radio > input:checked.solid,
.rb-radio-label.active.solid {
border-color: var(--rb-radio-input-checked-solid-border-color);
border-left-width: 0;
color: var(--rb-radio-input-checked-solid-color);
}
.rb-radio-label.border {
border: 1px solid var(--rb-radio-label-border-color);
border-radius: var(--rb-radio-border-border-radius, 4px);
padding: var(--rb-radio-border-padding, 0 10px);
}
.rb-radio-label.border:not(.disabled):focus-within,
.rb-radio-label.border:not(.disabled):hover {
color: var(--rb-radio-label-border-hover-font-color);
}
.rb-radio-label.button {
background-color: var(--rb-radio-label-button-bg-color);
border: 1px solid var(--rb-radio-label-button-border-color);
margin-left: -1px;
margin-right: 0;
padding: var(--rb-radio-button-padding, 0 15px);
position: relative;
}
.rb-radio-label.button:not(.disabled):not(.active):hover {
background-color: var(--rb-radio-label-button-hover-bg-color);
border-color: var(--rb-radio-label-button-hover-border-color);
color: var(--rb-radio-label-button-hover-color);
}
.rb-radio-label.button:first-child {
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.rb-radio-label.button:last-child {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.rb-radio-label.button:not(.disabled):hover {
z-index: 1;
}
.rb-radio-label.button .rb-radio-inner {
display: none;
}
.rb-radio-label.disabled,
.rb-radio-label.disabled .rb-radio {
cursor: not-allowed;
}
.rb-radio-label.disabled.active .rb-radio-inner {
--rb-radio-inner-checked-border-color: var(--rb-radio-inner-disabled-border-color);
--rb-radio-inner-after-checked-bg-color: var(--rb-radio-inner-disabled-after-checked-bg-color);
}
.rb-radio-label.disabled.button {
background-color: var(--rb-radio-label-disabled-bg-color);
border-color: var(--rb-radio-label-button-disabled-border-color);
color: var(--rb-radio-label-disabled-color);
}
.rb-radio-label.disabled.button.active:not(.corner_mark) {
background-color: var(--rb-radio-label-disabled-active-bg-color);
color: var(--rb-radio-label-disabled-active-color);
}
.rb-radio-label.disabled.button .rb-radio-button-arrow {
border-bottom: 10px solid var(--rb-radio-button-disabled-arrow-color);
border-right: 10px solid var(--rb-radio-button-disabled-arrow-color);
}
.rb-radio-label.disabled .rb-radio-inner {
background-color: var(--rb-radio-label-disabled-bg-color);
}
.rb-radio-button-arrow {
border: 10px solid transparent;
border-bottom: none;
border-bottom: 10px solid var(--rb-radio-button-arrow-color);
border-right: none;
border-right: 10px solid var(--rb-radio-button-arrow-color);
bottom: -1px;
height: 0;
position: absolute;
right: -1px;
width: 0;
z-index: 3;
}
.rb-radio-button-arrow:after {
border-bottom: 2px solid var(--rb-radio-button-arrow-border-color);
border-left: 2px solid var(--rb-radio-button-arrow-border-color);
content: "";
height: 3px;
position: absolute;
transform: rotate(-50deg);
width: 6px;
}
.disabled .rb-radio-button-arrow {
border-bottom: 10px solid var(--rb-radio-button-disabled-arrow-color);
border-right: 10px solid var(--rb-radio-button-disabled-arrow-color);
}
.disabled .rb-radio-button-arrow:after {
border-bottom: 2px solid var(--rb-radio-button-disabled-arrow-border-color);
border-left: 2px solid var(--rb-radio-button-disabled-arrow-border-color);
}
.rb-tags {
outline: none;
}
.rb-tags-searchable {
cursor: text;
}
.rb-tags-searchable .rb-tags-input-wrapper {
border: none;
outline: none;
padding: 0;
width: 100%;
}
.rb-tags-searchable .rb-tags-input-wrapper:focus {
border: none;
box-shadow: none;
}
.rb-tags-searchable .rb-tags-icon {
width: auto;
}
.rb-out {
background-color: transparent;
border: none;
cursor: default;
height: 32px;
padding: 0;
}
.rb-out .rb-tags-container {
max-width: none;
}
.rb-tags-container {
align-items: center;
background-color: inherit;
display: flex;
gap: 4px;
max-width: var(--rb-tags-container-max-width, calc(100% - 16px));
position: relative;
width: 100%;
}
.rb-tags-container .rb-placeholder {
overflow: hidden;
position: absolute;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.rb-tags-single-mode {
height: var(--rb-tags-height, 32px);
}
.rb-tags-single-mode .rb-tags-input-container {
font-size: 14px;
line-height: 22px;
position: absolute;
width: 100%;
z-index: -1;
}
.rb-tags-single-mode .rb-tags-input-container input,
.rb-tags-single-mode.rb-tags-searchable .rb-tags-single-option {
width: 100%;
}
.rb-tags-single-mode.rb-tags-searchable .rb-tags-container:focus .rb-tags-input-container,
.rb-tags-single-mode.rb-tags-searchable .rb-tags-container:focus-within .rb-tags-input-container {
opacity: 0.6;
z-index: 1;
}
.rb-tags-single-mode.rb-tags-searchable .rb-tags-container:focus .rb-tags-input-container.has-value,
.rb-tags-single-mode.rb-tags-searchable .rb-tags-container:focus-within .rb-tags-input-container.has-value {
opacity: 1;
}
.rb-tags-single-mode.rb-tags-searchable .rb-tags-container:focus .rb-tags-input-container.has-value + .rb-tags-single-option,
.rb-tags-single-mode.rb-tags-searchable .rb-tags-container:focus-within .rb-tags-input-container.has-value + .rb-tags-single-option {
display: none;
}
.rb-tags-single-mode.rb-tags-searchable .rb-tags-container:focus .rb-tags-single-option,
.rb-tags-single-mode.rb-tags-searchable .rb-tags-container:focus-within .rb-tags-single-option {
opacity: 0.6;
}
.rb-tags-multi-mode {
height: auto;
min-height: 32px;
}
.rb-tags-multi-mode.rb-tags-searchable .rb-tag {
height: 24px;
max-width: calc(100% - 8px);
}
.rb-tags-multi-mode .rb-tags-container {
flex-wrap: wrap;
}
.rb-tags-multi-mode .rb-tags-input-container {
box-sizing: border-box;
display: inline-grid;
flex: 1 1 auto;
grid-area: 1/1/2/3;
grid-template-columns: 0 min-content;
height: 26px;
}
.rb-tags-multi-mode .rb-tags-input-container:after {
border: 0;
content: attr(data-value) " ";
font: inherit;
grid-area: 1/2 / auto / auto;
margin: 0;
min-width: 2px;
outline: 0;
padding: 0;
visibility: hidden;
white-space: pre;
}
.rb-tags-multi-mode .rb-tags-input-container > input {
background-color: transparent;
border: 0;
font: inherit;
grid-area: 1/2 / auto / auto;
height: 26px;
margin: 0;
min-width: 2px;
opacity: 1;
outline: 0;
padding: 0;
width: 100%;
}
.rb-tags__fixedsuffix {
margin-left: 4px;
}
.rb-select-down-container {
background-color: var(--rb-select-down-container-bg-color);
border-radius: var(--rb-select-down-border-radius, 4px);
overflow: auto;
width: 100%;
}
.rb-select-down-container .rb-select-list {
margin: 0;
max-height: var(--rb-select-down-list-max-height, 168px);
overflow: auto;
padding: var(--rb-select-down-list-padding, 4px 0);
}
.rb-select-down-container .rb-select-list .rb-select-group-name {
color: var(--rb-select-group-name-font-color);
font-size: var(--rb-select-down-group-font-size, 14px);
height: var(--rb-select-down-group-height, 32px);
line-height: var(--rb-select-down-group-line-height, 32px);
padding: var(--rb-select-down-group-padding, 0 12px);
}
.rb-select-down-container .rb-select-list .rb-select-group .rb-select-option {
padding-left: 30px;
}
.rb-select-down-container .rb-select-list .rb-select-option {
color: var(--rb-color-text);
cursor: pointer;
height: var(--rb-select-down-option-height, 32px);
line-height: var(--rb-select-down-option-line-height, 32px);
overflow: hidden;
padding: var(--rb-select-down-option-padding, 0 12px);
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.rb-select-down-container .rb-select-list .rb-select-option.disabled {
color: var(--rb-select-option-disabled-color);
pointer-events: none;
}
.rb-select-single .rb-select-option.active {
background-color: var(--rb-select-option-active-bg-color);
color: var(--rb-select-option-active-color);
}
.rb-select-single .rb-select-option:not(.disabled):not(.active).rb-select-option-over,
.rb-select-single .rb-select-option:not(.disabled):not(.active):hover {
background-color: var(--rb-select-option-hover-bg-color);
color: var(--rb-select-option-hover-color);
}
.rb-select-multi .rb-select-option {
position: relative;
}
.rb-select-multi .rb-select-option.active {
background-color: var(--rb-select-option-active-bg-color);
color: var(--rb-select-option-active-color);
padding-right: 36px;
}
.rb-select-multi .rb-select-option.active:after {
border-bottom: 1.5px solid var(--rb-select-multi-arrow-color);
border-left: 1.5px solid var(--rb-select-multi-arrow-color);
content: "";
height: 7px;
position: absolute;
right: 12px;
top: 10px;
transform: rotate(-45deg);
width: 14px;
}
.rb-select-multi .rb-select-option:not(.disabled):not(.active).rb-select-option-over,
.rb-select-multi .rb-select-option:not(.disabled):not(.active):hover {
background-color: var(--rb-select-option-hover-bg-color);
color: var(--rb-select-option-hover-color);
}
.rb-select-no-data {
color: var(--rb-select-no-data-color);
line-height: 40px;
text-align: center;
}
.rb-tags-multi-mode .rb-tag {
background-color: var(--rb-select-multi-tag-bg-color);
border-color: var(--rb-select-multi-tag-border-color);
color: var(--rb-select-multi-tag-color);
font-size: 14px;
line-height: 22px;
}
.rb-tags-multi-mode.rb-input-wrapper-disabled .rb-tag {
background-color: var(--rb-select-multi-disabled-tag-bg-color);
border-color: var(--rb-select-multi-disabled-tag-border-color);
color: var(--rb-select-multi-disabled-tag-color);
}
.rb-input-number.out {
background-color: transparent;
text-align: right;
}
.rb-input-wrapper.rb-textarea-wrapper {
height: auto;
padding: 0;
position: relative;
width: 100%;
}
.rb-input-wrapper.rb-textarea-wrapper textarea {
border: none;
border-radius: 4px;
font-size: 14px;
line-height: 22px;
outline: none;
padding: 4px 35px 4px 11px;
resize: var(--rb-textarea-resize, vertical);
scrollbar-width: thin;
-webkit-user-select: text!important;
user-select: text!important;
width: 100%;
}
.rb-input-wrapper.rb-textarea-wrapper .rb-input-clear {
position: absolute;
right: 12px;
top: 8px;
}
.rb-textarea-out textarea {
resize: none;
user-select: none;
}
.rb-textarea-number {
color: var(--rb-textarea-number-color);
display: block;
font-size: 14px;
line-height: 22px;
margin-top: 4px;
text-align: right;
}
.rb-checkbox-group {
align-items: center;
display: flex;
height: var(--rb-checkbox-group-height, 32px);
justify-content: flex-start;
}
.rb-checkbox-group:not(.vertical) > .rb-checkbox-wrapper {
margin-right: var(--rb-checkbox-group-item-margin-right, 16px);
}
.rb-checkbox-group.vertical {
align-items: flex-start;
flex-direction: column;
height: auto;
}
.rb-checkbox-group.vertical .rb-checkbox-wrapper {
width: 100%;
}
.rb-checkbox-group.disabled {
color: var(--rb-transfer-list-body-disabled-color);
cursor: not-allowed;
}
.rb-checkbox-group.disabled > .rb-checkbox {
pointer-events: none;
}
.rb-checkbox-button-arrow {
border: 10px solid transparent;
border-bottom: none;
border-bottom: 10px solid var(--rb-radio-button-arrow-color);
border-right: none;
border-right: 10px solid var(--rb-radio-button-arrow-color);
bottom: -1px;
height: 0;
position: absolute;
right: -1px;
width: 0;
z-index: 3;
}
.rb-checkbox-button-arrow:after {
border-bottom: 2px solid var(--rb-radio-button-arrow-border-color);
border-left: 2px solid var(--rb-radio-button-arrow-border-color);
content: "";
height: 3px;
position: absolute;
transform: rotate(-50deg);
width: 6px;
}
.rb-checkbox-wrapper {
align-items: center;
cursor: pointer;
display: inline-flex;
height: var(--rb-checkbox-height, 32px);
max-width: var(--rb-checkbox-max-width, 100%);
}
.rb-checkbox-wrapper.with-button-type {
border: 1px solid var(--rb-checkbox-border-color);
border-radius: 4px;
padding: 0 16px;
position: relative;
}
.rb-checkbox-wrapper.with-button-type .rb-checkbox {
position: absolute;
visibility: hidden;
z-index: 0;
}
.rb-checkbox-wrapper.with-button-type .rb-checkbox-title {
padding: 0;
width: 100%;
}
.rb-checkbox-wrapper.with-button-type:not(.disabled):focus-within,
.rb-checkbox-wrapper.with-button-type:not(.disabled):hover {
border-color: var(--rb-radio-label-button-hover-color);
}
.rb-checkbox-wrapper.with-checked {
border-color: var(--rb-radio-button-arrow-color);
color: var(--rb-radio-button-arrow-color);
}
.rb-checkbox-wrapper.with-checked .rb-checkbox-button-arrow {
border-bottom-right-radius: var(--rb-radio-border-border-radius, 4px);
bottom: 0;
right: 0;
}
.rb-checkbox-wrapper:not(.disabled):focus-within .rb-checkbox .rb-checkbox-inner,
.rb-checkbox-wrapper:not(.disabled):hover .rb-checkbox .rb-checkbox-inner {
border-color: var(--rb-checkbox-hover-border-color);
}
.rb-checkbox-wrapper:not(.disabled) .rb-checkbox > input:focus-visible + .rb-checkbox-inner {
outline: 4px solid var(--rb-tab-active-border-color, #39364e);
outline-offset: 1px;
}
.rb-checkbox-wrapper .rb-checkbox {
background-color: var(--rb-checkbox-bg-color);
position: relative;
}
.rb-checkbox-wrapper .rb-checkbox .rb-checkbox-inner {
border: 1px solid var(--rb-checkbox-border-color);
border-radius: 2px;
display: block;
height: 16px;
position: relative;
width: 16px;
}
.rb-checkbox-wrapper .rb-checkbox > input[type=checkbox] {
cursor: pointer;
height: 100%;
inset: 0;
opacity: 0;
position: absolute;
width: 100%;
z-index: 1;
}
.rb-checkbox-wrapper .rb-checkbox > input[type=checkbox]:checked + .rb-checkbox-inner {
background-color: var(--rb-checkbox-checked-bg-color);
border-color: var(--rb-checkbox-checked-border-color);
}
.rb-checkbox-wrapper .rb-checkbox > input[type=checkbox]:checked + .rb-checkbox-inner:after {
border-bottom: 2px solid var(--rb-checkbox-checked-after-border-color);
border-left: 2px solid var(--rb-checkbox-checked-after-border-color);
content: "";
height: 4px;
left: 2px;
position: absolute;
top: 3px;
transform: rotate(-45deg);
width: 8px;
}
.rb-checkbox-wrapper.disabled {
cursor: not-allowed;
}
.rb-checkbox-wrapper.disabled > .rb-checkbox {
pointer-events: none;
}
.rb-checkbox-wrapper.disabled.with-button-type {
background-color: var(--rb-checkbox-disabled-unchecked-bg-color);
}
.rb-checkbox-wrapper.disabled.with-button-type.with-checked {
background-color: var(--rb-checkbox-disabled-checked-bg-color);
border-color: var(--rb-checkbox-disabled-checked-border-color);
}
.rb-checkbox-wrapper.disabled.with-button-type.with-checked .rb-checkbox-button-arrow {
border-bottom-color: var(--rb-radio-button-disabled-arrow-color);
border-right-color: var(--rb-radio-button-disabled-arrow-color);
}
.rb-checkbox-wrapper.disabled .rb-checkbox {
background-color: var(--rb-checkbox-disabled-unchecked-bg-color);
}
.rb-checkbox-wrapper.disabled .rb-checkbox > input[type=checkbox]:checked + .rb-checkbox-inner {
background-color: var(--rb-checkbox-disabled-checked-bg-color);
border-color: var(--rb-checkbox-disabled-checked-border-color);
}
.rb-checkbox-wrapper.disabled .rb-checkbox > input[type=checkbox]:checked + .rb-checkbox-inner:after {
border-bottom: 2px solid var(--rb-checkbox-disabled-checked-after-border-color);
border-left: 2px solid var(--rb-checkbox-disabled-checked-after-border-color);
}
.rb-checkbox-wrapper.disabled .rb-checkbox-indeterminate .rb-checkbox-inner {
border-color: var(--rb-checkbox-disabled-checked-border-color);
}
.rb-checkbox-wrapper.disabled .rb-checkbox-indeterminate .rb-checkbox-inner:after {
background-color: var(--rb-checkbox-disabled-checked-after-border-color);
}
.rb-checkbox-wrapper .rb-checkbox-title {
overflow: hidden;
padding: var(--rb-checkbox-title-padding, 0 0 0 8px);
text-overflow: ellipsis;
user-select: none;
white-space: nowrap;
width: var(--rb-checkbox-title-width, calc(100% - 16px));
}
.rb-checkbox-wrapper .rb-checkbox-indeterminate .rb-checkbox-inner {
border-color: var(--rb-checkbox-border-indeterminate-color);
}
.rb-checkbox-wrapper .rb-checkbox-indeterminate .rb-checkbox-inner:after {
background-color: var(--rb-checkbox-bg-indeterminate-color);
content: "";
height: 60%;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 60%;
}
.drag-in-after {
position: relative;
}
.drag-in-after:after {
background-color: var(--rb-color-border-hover-focus);
bottom: 0;
content: "";
height: 2px;
position: absolute;
width: 100%;
}
.drag-in-before {
position: relative;
}
.drag-in-before:before {
background-color: var(--rb-color-border-hover-focus);
content: "";
height: 2px;
position: absolute;
top: 0;
width: 100%;
}
.rb-node-dragging {
border: 1px solid var(--rb-color-border-hover-focus);
padding: 0 4px;
}
.rb-node-drag-enter > *,
.rb-node-dragging > * {
pointer-events: none;
}
.rb-pagination {
align-items: flex-start;
color: var(--rb-color-text);
display: flex;
justify-content: flex-start;
}
.rb-pagination.disabled {
cursor: not-allowed;
}
.rb-pagination.disabled .rb-pagination-btn,
.rb-pagination.disabled .rb-pagination-item {
background-color: var(--rb-pagination-disabled-bg-color);
border-color: var(--rb-pagination-disabled-border-color) !important;
color: var(--rb-pagination-disabled-color) !important;
pointer-events: none;
}
.rb-pagination.disabled .rb-pagination-btn.active,
.rb-pagination.disabled .rb-pagination-item.active {
background-color: var(--rb-pagination-active-disabled-bg-color) !important;
border-color: var(--rb-pagination-active-disabled-border-color) !important;
color: var(--rb-pagination-active-disabled-color);
}
.rb-pagination > li {
align-items: center;
display: flex;
height: var(--rb-pagination-item-height, 32px);
list-style: none;
margin: var(--rb-pagination-item-margin, 0 4px);
}
.rb-pagination > li:first-child {
margin-left: 0;
}
.rb-pagination > li:last-child {
margin-right: 0;
}
.rb-pagination .rb-customer-next,
.rb-pagination .rb-customer-previous {
padding: 4px 11px;
}
.rb-pagination .rb-pagination-btn,
.rb-pagination .rb-pagination-item {
align-items: center;
background-color: var(--rb-pagination-item-bg-color);
border: 1px solid var(--rb-pagination-item-border-color);
border-radius: var(--rb-pagination-item-border-radius, 4px);
color: var(--rb-pagination-item-color);
cursor: pointer;
display: flex;
height: var(--rb-pagination-item-height, 32px);
justify-content: center;
min-width: var(--rb-pagination-item-width, 32px);
}
.rb-pagination .rb-pagination-btn.turn-page,
.rb-pagination .rb-pagination-item.turn-page {
color: var(--rb-pagination-turn-page-color);
}
.rb-pagination .rb-pagination-btn.none-border,
.rb-pagination .rb-pagination-item.none-border {
border: none;
}
.rb-pagination .rb-pagination-btn.not,
.rb-pagination .rb-pagination-item.not {
background-color: var(--rb-pagination-itemnot-bg-color);
border-color: var(--rb-pagination-itemnot-border-color);
color: var(--rb-pagination-itemnot-color);
cursor: not-allowed;
}
.rb-pagination .rb-pagination-btn:not(.not):hover,
.rb-pagination .rb-pagination-item:not(.not):hover {
background-color: var(--rb-pagination-item-hover-bg-color);
border-color: var(--rb-pagination-item-hover-border-color);
color: var(--rb-pagination-item-hover-color);
}
.rb-pagination .rb-pagination-btn:not(.not):hover > .ellipsis,
.rb-pagination .rb-pagination-item:not(.not):hover > .ellipsis {
display: none;
}
.rb-pagination .rb-pagination-btn:not(.not):hover > .turn,
.rb-pagination .rb-pagination-item:not(.not):hover > .turn {
display: block;
}
.rb-pagination .rb-pagination-btn > .turn,
.rb-pagination .rb-pagination-item > .turn {
display: none;
}
.rb-pagination .rb-pagination-btn:not(.not).active,
.rb-pagination .rb-pagination-item:not(.not).active {
background-color: var(--rb-pagination-item-active-bg-color);
border-color: var(--rb-pagination-item-active-border-color);
color: var(--rb-pagination-item-active-color);
}
.rb-pagination .rb-pagination-size-change {
height: var(--rb-pagination-item-height, 32px);
margin-left: 12px;
min-width: var(--rb-pagination-size-change-width, 80px);
}
.rb-pagination .rb-pagination-quick-jumper {
align-items: baseline;
display: flex;
height: var(--rb-pagination-item-height, 32px);
margin-left: 12px;
}
.rb-pagination .rb-pagination-quick-jumper > span {
margin-right: 8px;
white-space: nowrap;
}
.rb-pagination .rb-pagination-quick-jumper .rb-input-group {
width: 64px;
}
.rb-pagination-mini {
height: 24px;
--rb-tags-height: 24px;
--rb-tags-min-height: 24px;
--rb-input-content-height: 24px;
}
.rb-pagination-mini .rb-input-group,
.rb-pagination-mini .rb-pagination-quick-jumper,
.rb-pagination-mini .rb-pagination-size-change,
.rb-pagination-mini .rb-pagination-total {
height: 24px;
}
.rb-pagination-mini .rb-pagination-btn,
.rb-pagination-mini .rb-pagination-item {
border: none;
height: var(--rb-pagination-item-mini-height, 16px);
margin: auto 0;
width: var(--rb-pagination-item-mini-width, 16px);
}
.rb-pagination-simple {
align-items: flex-start;
display: flex;
height: auto;
}
.rb-pagination-simple .rb-pagination-btn {
margin: 0;
}
.rb-pagination-simple .total-page {
height: 32px;
padding: 5px 0;
text-align: center;
width: 32px;
}
.rb-pagination-simple > .rb-input-group {
width: var(--rb-pagination-simple-input-width, 64px);
}
.rb-pagination-simple .split {
text-align: center;
width: var(--rb-pagination-simple-split-width, 32px);
}
.rb-pagination-simple .rb-pagination-btn {
border: none;
}
.rb-pagination-simple .rb-pagination-size-change {
margin-left: 16px;
}
.rb-transfer {
align-items: center;
background-color: var(--rb-transfer-bg-color);
display: flex;
width: 100%;
}
.rb-transfer .rb-transfer-list {
background-color: var(--rb-transfer-list-bg-color);
border: 1px solid var(--rb-transfer-list-border-color);
border-radius: var(--rb-transfer-list-border-radius, 4px);
min-width: var(--rb-transfer-list-min-width, 260px);
width: 100%;
}
.rb-transfer .rb-transfer-list .rb-transfer-list-header {
align-items: center;
background-color: var(--rb-transfer-list-header-bg-color);
border-bottom: 1px solid var(--rb-transfer-list-border-color);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
display: flex;
height: var(--rb-transfer-list-header-height, 46px);
justify-content: space-between;
padding: var(--rb-transfer-list-header-padding, 11px);
}
.rb-transfer .rb-transfer-list .rb-transfer-list-header .rb-transfer-list-header-title {
flex-grow: 1;
text-align: right;
}
.rb-transfer .rb-transfer-list .rb-transfer-search {
padding: var(--rb-transfer-list-search-padding, 8px 11px);
}
.rb-transfer .rb-transfer-list .rb-transfer-list-body {
height: 160px;
overflow: auto;
}
.rb-transfer .rb-transfer-list .rb-transfer-list-body > .rb-tree {
padding: 0 12px;
}
.rb-transfer .rb-transfer-list .rb-pagination {
border-top: 1px solid var(--rb-transfer-list-border-color);
justify-content: flex-end;
padding: 5px 11px;
}
.rb-transfer .rb-transfer-list .rb-transfer-list-content .rb-transfer-list-content-item {
align-items: center;
display: flex;
height: var(--rb-transfer-list-item-height, 32px);
line-height: var(--rb-transfer-list-item-height, 32px);
padding: var(--rb-transfer-list-item-padding, 0 11px);
}
.rb-transfer .rb-transfer-list .rb-transfer-list-content .rb-transfer-list-content-item:hover:not(.rb-one-way) {
background-color: var(--rb-transfer-list-content-item-hover-bg-color);
color: var(--rb-transfer-list-content-item-hover-color);
}
.rb-transfer .rb-transfer-list .rb-transfer-list-content .rb-transfer-list-content-item .rb-transfer-list-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.rb-transfer .rb-transfer-list .rb-transfer-list-content .rb-transfer-list-content-item .rb-transfer-list-delete {
color: var(--rb-transfer-list-delete-font-color);
cursor: pointer;
}
.rb-transfer .rb-transfer-list .rb-transfer-list-content .rb-transfer-list-content-item .rb-transfer-list-delete:hover {
color: var(--rb-transfer-list-delete-hover-font-color);
}
.rb-transfer .rb-transfer-list .rb-transfer-list-content .rb-transfer-list-content-item .rb-checkbox-title {
line-height: 22px;
}
.rb-transfer .rb-transfer-list .rb-transfer-list-content .rb-transfer-list-content-item-disabled {
color: var(--rb-transfer-list-body-disabled-color);
}
.rb-transfer .rb-transfer-operation {
align-items: center;
display: flex;
flex-direction: column;
gap: 16px;
justify-content: center;
margin-left: 12px;
margin-right: 12px;
}
.rb-transfer .rb-transfer-operation .rb-transfer-ops-item {
align-items: center;
border: 1px solid var(--rb-btn-default-border-color);
border-radius: 4px;
cursor: pointer;
display: flex;
padding: 0 8px;
width: 100%;
}
.rb-transfer .rb-transfer-operation .rb-transfer-ops-item .rb-transfer-ops-item-icon {
cursor: pointer;
height: 32px;
line-height: 32px;
position: static;
right: inherit;
width: 16px;
}
.rb-transfer .rb-transfer-operation .rb-transfer-ops-item .rb-transfer-operation-to-left,
.rb-transfer .rb-transfer-operation .rb-transfer-ops-item .rb-transfer-operation-to-right {
margin-left: 8px;
white-space: nowrap;
}
.rb-transfer .rb-transfer-operation .rb-transfer-ops-item.disabled {
background-color: var(--rb-transfer-operation-disabled-bg-color);
border-color: var(--rb-transfer-operation-disabled-border-color);
color: var(--rb-transfer-operation-disabled-color);
pointer-events: none;
}
.rb-transfer-disabled .rb-transfer-list {
background-color: var(--rb-transfer-list-body-disabled-bg-color);
color: var(--rb-transfer-list-body-disabled-color);
cursor: not-allowed;
pointer-events: none;
}
.rb-transfer-with-draggable > .rb-transfer-list-text {
line-height: 1;
}
.rb-input-number-controls {
align-items: center;
border-left: 1px solid var(--rb-inputnumber-controls-border-color);
display: inline-flex;
flex-direction: column;
height: var(--rb-inputnumber-operation-height, 30px);
margin-left: 8px;
visibility: hidden;
}
.rb-input-number-controls .rainbow {
color: var(--rb-input-number-icon-color);
font-size: 12px;
padding: 0 5px;
}
.rb-input-number-controls .rainbow:hover {
color: var(--rb-input-number-icon-hover-color);
}
.rb-input-number-controls .add,
.rb-input-number-controls .sub {
cursor: pointer;
height: 15px;
line-height: normal;
}
.rb-input-number-controls .add.disabled,
.rb-input-number-controls .sub.disabled {
cursor: not-allowed;
}
.rb-input-number-controls .add.disabled > span,
.rb-input-number-controls .sub.disabled > span {
color: var(--rb-inputnumber-disabled-font-color);
pointer-events: none;
}
.rb-input-number-controls .add {
border-bottom: 1px solid var(--rb-inputnumber-controls-border-color);
}
.rb-input-number-with-controls {
padding-right: 0;
}
.rb-input-number-with-controls:hover .rb-input-number-controls {
visibility: visible;
}
.rb-tree {
color: var(--rb-color-text);
width: 100%;
}
.rb-tree-search {
margin-bottom: 8px;
}
.rb-tree-node {
align-items: center;
display: flex;
font-size: 14px;
height: var(--rb-tree-node-height, 24px);
justify-content: flex-start;
line-height: var(--rb-tree-node-height, 22px);
margin: 4px 0;
padding-left: 12px;
}
.rb-tree-node .rb-checkbox-wrapper {
margin: 0 4px;
}
.rb-tree-node.disabled .rb-tree-node-text {
color: var(--rb-tree-node-disabled-color);
}
.rb-tree-node.disabled .rb-tree-node-single.active .rb-tree-node-text {
background-color: var(--rb-tree-node-single-disabled-active-bg-color);
color: var(--rb-tree-node-single-disabled-active-color);
}
.rb-tree-node.disabled .rb-tree-node-choose {
pointer-events: none;
}
.rb-tree-node.rb-tree-node-drag-after .rb-tree-node-text {
position: relative;
}
.rb-tree-node.rb-tree-node-drag-after .rb-tree-node-text:after {
background-color: var(--rb-color-border-hover-focus);
bottom: 0;
content: "";
height: 2px;
position: absolute;
width: 100%;
}
.rb-tree-node.rb-tree-node-drag-inside .rb-tree-node-text:after {
left: 30px;
}
.rb-tree-node.rb-tree-node-drag-before .rb-tree-node-text:after {
display: none;
}
.rb-tree-node.rb-tree-node-drag-before .rb-tree-node-text {
position: relative;
}
.rb-tree-node.rb-tree-node-drag-before .rb-tree-node-text:before {
background-color: var(--rb-color-border-hover-focus);
content: "";
height: 2px;
position: absolute;
top: 0;
width: 100%;
}
.rb-tree-node .rb-tree-node-gap {
flex: none;
height: 32px;
margin-right: 8px;
position: relative;
width: 16px;
}
.rb-tree-node .rb-tree-node-gap.rb-tree-node-gap-with-line:before {
border-left: 1px dashed var(--rb-tree-node-line-color);
content: "";
height: 100%;
left: 6px;
position: absolute;
}
.rb-tree-node .rb-tree-null-node {
height: 32px;
position: relative;
width: 100%;
}
.rb-tree-node .rb-tree-null-node.rb-tree-null-node-with-line:before {
border-left: 1px dashed var(--rb-tree-node-line-color);
content: "";
height: 100%;
left: 6px;
position: absolute;
top: 0;
}
.rb-tree-node .rb-tree-null-node.rb-tree-null-node-with-line:after {
border-bottom: 1px dashed var(--rb-tree-node-line-color);
content: "";
left: 6px;
position: absolute;
top: 50%;
width: 100%;
}
.rb-tree-node .rb-tree-node-switch {
align-items: center;
display: inline-flex;
flex: none;
height: 32px;
justify-content: flex-start;
margin-right: 4px;
width: 16px;
}
.rb-tree-node .rb-tree-node-switch .rb-tree-node-switch {
cursor: pointer;
}
.rb-tree-node .rb-tree-node-switch .rb-tree-node-switch.off {
transform: rotate(-90deg);
}
.rb-tree-node .rb-tree-node-choose {
align-items: center;
display: inline-flex;
justify-content: flex-start;
}
.rb-tree-node .rb-tree-node-choose:hover .rb-tree-node-operation {
display: inline-flex;
}
.rb-tree-node .rb-tree-node-choose .rb-tree-node-operation {
align-items: center;
cursor: pointer;
display: none;
user-select: none;
}
.rb-tree-node .rb-tree-node-choose .rb-tree-node-operation.show {
display: inline-flex;
}
.rb-tree-node .rb-tree-node-choose:not(.active) .rb-tree-node-text:hover {
background-color: var(--rb-tree-node-text-hover-bg-color);
color: var(--rb-tree-node-text-hover-color);
}
.rb-tree-node .rb-tree-node-text {
align-items: center;
cursor: pointer;
display: inline-flex;
font-size: 14px;
justify-content: space-between;
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
user-select: none;
white-space: nowrap;
}
.rb-tree-node .rb-tree-node-text .rb-btn {
margin: 0;
}
.rb-tree-node .rb-tree-node-text .rb-tree-node-action {
align-items: center;
display: inline-flex;
gap: 8px;
margin-left: 40px;
visibility: hidden;
}
.rb-tree-node .rb-tree-node-text .rb-tree-node-action .rb-btn {
color: var(--rb-tree-header-custom-btn-text-color);
}
.rb-tree-node .rb-tree-node-text .rb-tree-node-action .rb-btn:hover {
color: var(--rb-tree-header-custom-btn-text-hover-color);
}
.rb-tree-node .rb-tree-node-text .rb-tree-node-action .rb-btn:active {
color: var(--rb-tree-header-custom-btn-text-active-color);
}
.rb-tree-node .rb-tree-node-text:hover .rb-tree-node-action {
visibility: visible;
}
.rb-tree-node .rb-tree-node-content-wrapper {
align-items: center;
border-radius: 2px;
display: inline-flex;
gap: 8px;
overflow: hidden;
padding: var(--rb-tree-node-text-padding, 1px 4px);
}
.rb-tree-node .rb-tree-node-content-wrapper .rb-tree-node-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rb-tree-node .rb-tree-node-content-wrapper:hover {
background-color: var(--rb-color-option-hover-bg);
color: var(--rb-color-option-hover);
}
.rb-tree-node .rb-tree-node-content-wrapper:active {
background-color: var(--rb-color-option-active-bg);
color: var(--rb-color-option-active);
}
.rb-tree-node-leaf-first .rb-tree-null-node.rb-tree-null-node-with-line:before {
height: 50%;
top: 50%;
}
.rb-tree-node-leaf-last .rb-tree-null-node.rb-tree-null-node-with-line:before {
height: 50%;
}
.rb-tree-node-single {
width: 100%;
}
.rb-tree-node-single.active .rb-tree-node-text {
background-color: var(--rb-tree-node-text-active-bg-color);
border-radius: 2px;
color: var(--rb-tree-node-text-active-color);
}
.rb-tree-node-multi .rb-tree-node-checkbox + .rb-tree-node-text.active {
background-color: transparent;
}
.rb-tree-node-ban-select {
pointer-events: none;
}
.rb-tree-directory .rb-tree-node.active {
background-color: var(--rb-tree-directory-node-active-bg-color);
color: var(--rb-tree-directory-node-active-color);
}
.rb-tree-directory .rb-tree-node:not(.active):not(.disabled):hover {
background-color: var(--rb-tree-directory-node-hover-bg-color);
color: var(--rb-tree-directory-node-hover-color);
}
.rb-treeselect-dropdown {
background-color: var(--rb-treeselect-dropdown-bg-color);
box-shadow: var(--rb-box-shadow-color);
max-height: var(--rb-treeselect-max-height, 280px);
min-height: var(--rb-treeselect-min-height, 200px);
overflow-y: auto;
padding: 4px 0;
}
.rb-treeselect-dropdown .rb-treeselect-dropdown-spin {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.rb-tree-select-suffix {
width: auto;
}
.rb-tree-select-suffix .rb-tree-select-search {
margin-left: 8px;
}
.rb-filterbox {
background-color: var(--rb-table-filter-list-bg-color);
border-radius: 3px;
box-shadow: var(--rb-box-shadow-color);
max-width: 480px;
min-width: 224px;
overflow: auto;
padding: 10px;
}
.rb-filterbox > .rb-input-group {
max-height: var(--rb-table-filter-list-max-height, 360px);
overflow: auto;
}
.rb-filterbox > .rb-input-group .rb-checkbox-title {
line-height: 1;
}
.rb-filterbox-footer {
display: flex;
justify-content: space-between;
}
.rb-filter-transfer {
background-color: var(--rb-table-filter-list-bg-color);
border-radius: 4px;
padding: 16px;
}
.rb-filter-transfer-footer {
display: flex;
justify-content: end;
padding: 10px 8px;
}
.rb-table-container {
margin: var(--rb-table-container-margin, 0);
position: relative;
width: 100%;
}
.rb-table-container-header:not(:empty) {
display: flex;
justify-content: space-between;
margin-bottom: 16px;
}
.rb-table-box {
overflow: auto;
position: relative;
}
.rb-table-box:has(.rb-popup.rb-popup-show) {
min-height: var(--rb-table-header-popup-height);
}
.rb-tabs-box-lazyload .rb-table-thead {
position: sticky;
top: 0;
z-index: 1;
}
.rb-tabs-box-lazyload .rb-table-blank-tr {
height: 44px;
width: 100%;
}
.rb-table-fixed-header .rb-table-thead {
position: sticky;
top: 0;
z-index: 6;
}
.rb-table-content {
border-collapse: collapse;
border-spacing: 1px;
color: var(--rb-table-color);
min-width: 100%;
width: 100%;
}
.rb-table-content td .rb-btn:not(.rb-icon-btn).rb-btn-type-link,
.rb-table-content td .rb-btn:not(.rb-icon-btn).rb-btn-type-text {
max-width: 100%;
}
.rb-table-content td,
.rb-table-content th {
text-align: left;
}
.rb-table-content .rb-table-highlight-row {
background-color: var(--rb-table-highlight-bg-color);
}
.rb-table-border th {
border-top: 1px solid var(--rb-table-tbody-td-borderbottom-color);
}
.rb-table-border td:first-child,
.rb-table-border th:first-child {
border-left: 1px solid var(--rb-table-tbody-td-borderbottom-color);
}
.rb-table-border td,
.rb-table-border th {
border-right: 1px solid var(--rb-table-tbody-td-borderbottom-color);
}
.rb-table-thead {
background-color: var(--rb-table-thead-bg-color);
color: var(--rb-table-thead-color);
}
.rb-table-thead > tr {
background-color: inherit;
height: var(--rb-table-tr-height, 48px);
line-height: var(--rb-table-tr-height, 48px);
}
.rb-table-thead > tr > th {
border-bottom: 1px solid var(--rb-table-thead-borderbottom-color);
position: relative;
width: auto;
}
.rb-table-thead > tr .rb-table-selection-col {
line-height: 1;
text-align: center;
width: 50px;
}
.rb-table-thead > tr .rb-table-thead-th {
align-items: center;
display: flex;
padding: var(--rb-table-title-padding, 0 8px);
position: relative;
}
.rb-table-head-action {
align-items: center;
column-gap: 8px;
display: inline-flex;
margin-left: 8px;
}
.rb-table-head-action > span.rainbow {
cursor: pointer;
font-size: 12px;
}
.rb-table-head-action > span.Search {
color: var(--rb-table-head-action-search-color);
font-size: 14px;
}
.rb-table-head-action > span.Search:hover {
color: var(--rb-table-head-action-hover-color);
}
.rb-table-head-action > span.Search.rb-table-filtered {
color: var(--rb-table-head-action-active-color);
}
.rb-table-head-action > span.FilterFill16 {
color: var(--rb-table-head-action-filter-color);
}
.rb-table-head-action > span.FilterFill16:hover {
color: var(--rb-table-head-action-hover-color);
}
.rb-table-head-action > span.FilterFill16.rb-table-filtered {
color: var(--rb-table-head-action-active-color);
}
.rb-table-head-action-hover .rb-table-head-action {
opacity: 0;
}
.rb-table-head-action-hover:hover .rb-table-head-action {
opacity: 1;
}
.rb-table-title-wrapper {
align-items: center;
display: inline-flex;
height: 20px;
}
.rb-table-title-wrapper.rb-table-title-wrapper-sorter {
cursor: pointer;
}
.rb-table-title-wrapper span.HelpFill {
color: var(--rb-input-HelpFill-font-color);
font-weight: 400;
}
.rb-table-title {
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rb-table-tbody {
position: relative;
}
.rb-table-tbody tr:not(.rb-table-spin):not(.rb-table-expanded-row):hover {
background-color: var(--rb-table-tbody-tr-hover-bg-color);
}
.rb-table-tbody .rb-table-expanded-row {
background-color: var(--rb-table-tbody-tr-expanded-bg-color);
}
.rb-table-tbody .rb-table-expanded-row > td {
padding: 0;
}
.rb-table-tbody .rb-table-expanded-row > td > :first-child:not(.rb-table-container) {
padding: 16px 24px 24px;
}
.rb-table-tbody .rb-table-expanded-row > td > :first-child:is(.rb-table-container) {
margin-left: 32px;
}
.rb-table-tbody td {
border-bottom: 1px solid var(--rb-table-tbody-td-borderbottom-color);
height: var(--rb-table-td-height, 47px);
padding: var(--rb-table-td-padding, 0 8px);
}
.rb-table-tbody td:not(.rb-table-fixed-right):not(.rb-table-fixed-left) {
overflow: hidden;
}
.rb-table-tbody .rb-table-body-selection-col {
text-align: center;
}
.rb-table-tbody .rb-table-body-selection-col .rb-radio-label {
justify-content: center;
margin-right: 0;
}
.rb-table-cell-inner {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rb-table-fixed-left {
z-index: 1;
}
.rb-table-fixed-left,
.rb-table-fixed-right {
background-color: inherit;
position: sticky !important;
}
.rb-table-fixed-left:after,
.rb-table-fixed-right:after {
height: 100%;
position: absolute;
top: 0;
width: 15px;
}
.rb-table-fixed-left-last {
z-index: 5;
}
.rb-table-fixed-left-last:after {
border-right: var(--rb-table-fixed-left-after-border, none);
box-shadow: inset 4px 0 8px -4px var(--rb-table-fixed-left-after-bs-color);
right: var(--rb-table-fixed-left-after-right, -15px);
}
.rb-table-fixed-right-first {
right: 0;
z-index: 5;
}
.rb-table-fixed-right-first:after {
border-left: var(--rb-table-fixed-right-after-border, none);
box-shadow: inset -4px 0 8px -4px var(--rb-table-fixed-right-after-bs-color);
left: var(--rb-table-fixed-right-after-left, -15px);
}
.rb-table-title-operate-hover .rb-table-action {
visibility: hidden;
}
.rb-table-title-operate-hover.rb-table-title-default-sort .rb-table-action,
.rb-table-title-operate-hover:hover .rb-table-action {
visibility: visible;
}
.rb-table-sort {
align-items: flex-end;
color: var(--rb-table-head-action-sort-color);
cursor: pointer;
display: inline-flex;
flex-direction: column;
margin-left: 8px;
position: relative;
transform: scale(0.5);
}
.rb-table-sort .badge {
font-size: 18px;
position: absolute;
right: -12px;
top: -20px;
}
.rb-table-sort:hover {
color: var(--rb-table-head-action-hover-color);
}
.rb-table-sort .active {
color: var(--rb-table-head-action-active-color);
}
.rb-table-row-expand-icon {
line-height: 1;
width: 16px;
}
.rb-table-footer-operate {
align-items: center;
display: flex;
justify-content: space-between;
margin-top: 16px;
}
.rb-table-footer-operate.row-reverse {
flex-direction: row-reverse;
}
.rb-table-footer-operate.row-reverse > .rb-pagination {
justify-content: flex-start;
}
.rb-table-footer-operate > .rb-pagination {
flex-grow: 1;
justify-content: flex-end;
}
.rb-table-extend {
height: 0;
transition: height 0.3s linear;
}
.rb-table-extend.extend-on {
height: 100%;
}
.rb-table-extend.extend-off {
display: none;
height: 0;
}
.rb-table-filter-container {
margin-left: auto;
}
.rb-table-filter-container .rb-table-filter-icon {
align-items: center;
display: inline-flex;
height: 32px;
justify-content: center;
width: 32px;
}
.rb-table-filter-list {
background-color: var(--rb-table-filter-list-bg-color);
border-radius: 3px;
box-shadow: var(--rb-box-shadow-color);
max-width: 480px;
min-width: 224px;
overflow: auto;
}
.rb-table-filter-checkbox-group {
max-height: var(--rb-table-filter-list-max-height, 200px);
overflow: auto;
}
.rb-table-no-record {
color: var(--rb-table-no-record-color);
}
.rb-table-no-record td {
text-align: center;
}
.rb-table-search-area {
background-color: var(--rb-color-bg-elevated);
border-radius: 4px;
box-shadow: var(--rb-box-shadow-color);
padding: 8px 0;
z-index: 995;
}
.rb-table-search-area .rb-input-group,
.rb-table-search-area .rb-space,
.rb-table-search-area .rb-tree {
padding: 0 12px;
}
.rb-table-search-area .rb-btn {
border-radius: 2px;
height: 24px;
}
.react-resizable-handle {
border-bottom: transparent;
border-top: transparent;
cursor: w-resize;
height: 20px;
position: absolute;
right: -3px;
top: 50%;
transform: translateY(-50%);
width: 6px;
z-index: 1;
}
.rb-table-spin {
align-items: center;
background-color: var(--rb-color-bg-mask-light);
display: flex;
height: 100%;
justify-content: center;
position: absolute;
width: 100%;
z-index: 2;
}
.rb-table-spin td {
align-items: center;
border: none;
display: inline-flex;
}
.rb-table-row {
background-color: var(--rb-table-bg-color);
}
.rb-table-thead-stripe {
background-color: var(--rb-table-thead-stripe-bg-color) !important;
}
.rb-table-thead-stripe.rb-table-thead th {
border-bottom-color: var(--rb-table-thead-stripe-borderbottom-color);
}
.rb-table-odd-row {
background-color: var(--rb-table-odd-row-bg-color);
}
.rb-table-odd-row td {
border-bottom: none;
}
.rb-table-even-row {
background-color: var(--rb-table-even-row-bg-color);
}
.rb-table-even-row td {
border-bottom: none;
}
.rb-table-box-ping-left:before,
.rb-table-box-ping-right:after {
content: "";
height: 100%;
position: absolute;
top: 0;
width: 8px;
z-index: 1;
}
.rb-table-box-ping-right {
position: relative;
}
.rb-table-box-ping-right:after {
box-shadow: inset -4px 0 8px -4px var(--rb-table-fixed-right-after-bs-color);
right: 0;
}
.rb-table-box-ping-right .rb-table-fixed-right-first:after {
content: "";
}
.rb-table-box-ping-left {
position: relative;
}
.rb-table-box-ping-left:before {
box-shadow: inset 4px 0 8px -4px var(--rb-table-fixed-left-after-bs-color);
left: 0;
}
.rb-table-box-ping-left .rb-table-fixed-left-last:after {
content: "";
}
.rb-table-filter-checkbox-group {
padding: 4px 12px 8px;
}
.rb-table-filter-popup-content .rb-divider.rb-divider-horizontal {
margin: 0;
}
.rb-table-filter-footer {
padding: 12px;
}
.rb-table-select-container {
background-color: var(--rb-table-select-container-bg-color);
border-radius: 4px;
margin: 0;
padding: 12px 0;
}
.rb-table-select-container .rb-table-select__radio {
margin-bottom: 16px;
padding: 0 12px;
}
.rb-table-select {
margin-bottom: 0;
}
.rb-table-select .rb-table-footer-operate {
padding: 0 12px;
}
.rb-cascader,
.rb-cascader-loading {
background-color: var(--rb-cascader-bg-color);
display: flex;
}
.rb-cascader-loading {
align-items: center;
height: var(--rb-cascader-menu-height, 184px);
justify-content: center;
}
.rb-cascader-menu {
height: var(--rb-cascader-menu-height, 176px);
max-width: var(--rb-cascader-menu-max-width, 240px);
overflow: auto;
padding: 4px 0 !important;
}
.rb-cascader-menu:not(:first-child) {
border-left: 1px solid var(--rb-cascader-menu-item-border-color);
}
.rb-cascader-menu .rb-cascader-menu-item {
align-items: center;
color: var(--rb-cascader-menu-font-color);
cursor: pointer;
display: flex;
height: var(--rb-cascader-menu-item-height, 32px);
padding: var(--rb-cascader-menu-item-padding, 0 12px);
position: relative;
user-select: none;
width: var(--rb-cascader-menu-item-width, 160px);
}
.rb-cascader-menu .rb-cascader-menu-item .rb-checkbox-wrapper {
margin-right: 8px;
}
.rb-cascader-menu .rb-cascader-menu-item .rb-cascader-menu-item-text {
flex: auto;
margin-right: 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rb-cascader-menu .rb-cascader-menu-item .rb-cascader-menu-item-text.loaded:before {
background-color: var(--rb-color-success);
border-radius: 50%;
content: "";
height: 4px;
left: 6px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 4px;
}
.rb-cascader-menu .rb-cascader-menu-item .rb-cascader-menu-item-arrow {
color: var(--rb-cascader-menu-arrow-color);
}
.rb-cascader-menu .rb-cascader-menu-item.active {
background-color: var(--rb-cascader-menu-active-color);
}
.rb-cascader-menu .rb-cascader-menu-item.active .rb-cascader-menu-item-text {
color: var(--rb-cascader-menu-active-font-color);
}
.rb-cascader-menu .rb-cascader-menu-item.active .rb-cascader-menu-item-arrow {
color: var(--rb-cascader-menu-arrow-active-color);
}
.rb-cascader-menu .rb-cascader-menu-item.disabled {
background-color: var(--rb-cascader-menu-disabled-bg-color);
color: var(--rb-cascader-menu-disabled-color);
cursor: not-allowed;
}
.rb-cascader-menu .rb-cascader-menu-item:not(.active):not(.disabled):hover {
background-color: var(--rb-cascader-menu-hover-bg-color);
color: var(--rb-cascader-menu-hover-color);
transition: all 0.3s ease-in;
}
.rb-cascader-menu .rb-cascader-menu-item:not(.active):not(.disabled):hover .rb-cascader-menu-item-arrow {
color: var(--rb-cascader-menu-arrow-hover-color);
}
.rb-filter-menu {
max-height: var(--rb-cascader-menu-max-height, 180px);
overflow: auto;
padding: 4px 0;
width: 100%;
}
.rb-filter-menu .rb-filter-menu-item {
cursor: pointer;
display: block;
height: var(--rb-cascader-menu-item-height, 32px);
line-height: 32px;
overflow: hidden;
padding: var(--rb-cascader-search-menu-item-padding, 0 10px);
text-overflow: ellipsis;
user-select: none;
white-space: nowrap;
}
.rb-filter-menu .rb-filter-menu-item:hover {
background-color: var(--rb-filter-menu-hover-bg-color);
}
.rb-filter-menu p {
padding: 5px 12px;
text-align: center;
}
.rb-high-light {
background-color: var(--rb-color-bg-highlight);
color: var(--rb-high-light-font-color);
}
.rb-has-input-value .rb-cascader-select-item {
opacity: 0 !important;
}
.rb-cascader-input-content input {
z-index: -1;
}
.rb-cascader-input-content input:focus-within {
z-index: 1;
}
.rb-search-result {
background-color: var(--rb-search-result-bg-color);
border-radius: 4px;
box-shadow: var(--rb-box-shadow-color);
max-height: var(--rb-search-result-height, 200px);
overflow: auto;
}
.rb-search-result .rb-search-no-result {
color: var(--rb-search-no-result-color);
font-size: 14px;
height: 22px;
line-height: 22px;
margin: 6px 0;
text-align: center;
}
.rb-search-loading {
pointer-events: none;
}
.rb-search-loading .rb-allow-clear .rb-remove-icon {
display: none;
}
.rb-search-wrapper .rb-suffix-wrapper-tile {
overflow: hidden;
}
.rb-upload-input {
display: inline-block;
width: 100%;
}
.rb-upload-input input {
display: none;
}
.rb-upload-picture-wall {
align-items: center;
justify-content: flex-start;
}
.rb-upload-picture-wall,
.rb-upload-picture-wall .rb-upload-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.rb-upload-picture-wall .rb-upload-list .rb-upload-input {
width: auto;
}
.rb-upload-picture-wall .rb-upload-list .rb-upload-uploading,
.rb-upload-picture-wall .rb-upload-list .rb-upload-uploading .rb-upload-file-progress {
padding: 0 8px;
}
.rb-upload-picture-wall-item,
.rb-upload-picture-wall-trigger {
border-radius: 4px;
cursor: pointer;
height: 96px;
width: 96px;
}
.rb-upload-picture-wall-item {
align-items: center;
display: flex;
justify-content: center;
position: relative;
}
.rb-upload-picture-wall-item:hover .rb-upload-picture-wall-item-operate {
opacity: 1;
}
.rb-upload-picture-wall-item-error {
align-items: center;
display: flex;
flex-direction: column;
max-width: 100%;
padding: 0 6px;
}
.rb-upload-picture-wall-item .item-icon {
font-size: 32px;
}
.rb-upload-picture-wall-item .rb-upload-picture-wall-item-operate {
align-items: center;
background-color: var(--rb-upload-picture-wall-mask-color);
border: none;
border-radius: 4px;
display: flex;
gap: 10px;
height: 100%;
justify-content: center;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 0.2s linear;
width: 100%;
}
.rb-upload-picture-wall-item .rb-upload-picture-wall-item-operate span {
color: var(--rb-upload-picture-wall-icon-color);
}
.rb-upload-picture-wall-item .rb-upload-picture-wall-name {
font-size: 10px;
line-height: 1;
margin-top: 8px;
overflow: hidden;
padding: 0 6px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.rb-upload-picture-wall-item .rb-upload-picture-wall-item-content {
align-items: center;
border: 1px solid var(--rb-upload-picture-wall-item-border-color);
border-radius: 4px;
display: inline-flex;
flex-direction: column;
height: 100%;
justify-content: center;
width: 100%;
}
.rb-upload-picture-wall-item .rb-upload-picture-wall-item-content img {
width: 100%;
}
.rb-upload-picture-wall-item.rb-upload-state-error {
background-color: var(--rb-upload-state-error-bg-color);
border: 1px solid var(--rb-upload-state-error-border-color);
color: var(--rb-upload-error-color);
}
.rb-upload-picture-wall-item .rb-upload-state-uploading {
border: 1px dashed var(--rb-upload-dragger-trigger-color);
}
.rb-upload-picture-dialog .rb-dialog-content {
align-items: center;
display: flex;
justify-content: center;
}
.rb-upload-picture-dialog .rb-dialog-content img {
max-height: 100%;
max-width: 100%;
}
.rb-upload-picture-wall-trigger {
align-items: center;
border: 1px dashed var(--rb-upload-dragger-trigger-border-color);
display: flex;
justify-content: center;
}
.rb-upload-picture-wall-trigger .rb-upload-picture-wall-icon {
color: var(--rb-upload-dragger-trigger-icon-color);
font-size: 20px;
}
.rb-upload-picture-wall-trigger:hover {
border-color: var(--rb-upload-dragger-trigger-hover-color);
}
.rb-upload-picture-wall-trigger:hover .rb-upload-picture-wall-icon {
color: var(--rb-upload-dragger-trigger-hover-color);
}
.rb-upload-picture-list-item {
border: 1px solid var(--rb-upload-picture-list-item-border-color);
border-radius: 4px;
color: var(--rb-upload-list-item-color);
display: flex;
justify-content: space-between;
padding: 7px;
}
.rb-upload-picture-list-item:not(:last-child) {
margin-bottom: 8px;
}
.rb-upload-picture-list-item:hover:not(.rb-upload-state-uploading) {
color: var(--rb-upload-list-item-hover-color);
}
.rb-upload-picture-list-item:hover:not(.rb-upload-state-uploading) .rb-upload-picture-list-item-operate {
display: flex;
}
.rb-upload-picture-list-item:hover:not(.rb-upload-state-uploading) .rb-upload-picture-list-item-operate .rb-btn-type-text:not(.rb-btn-state-danger) {
color: var(--rb-upload-list-item-custom-btn-text-color);
}
.rb-upload-picture-list-item:hover:not(.rb-upload-state-uploading) .rb-upload-picture-list-item-operate .rb-btn-type-text:not(.rb-btn-state-danger):hover {
color: var(--rb-upload-list-item-custom-btn-text-hover-color);
}
.rb-upload-picture-list-item:hover:not(.rb-upload-state-uploading) .rb-upload-picture-list-item-operate .rb-btn-type-text:not(.rb-btn-state-danger):active {
color: var(--rb-upload-list-item-custom-btn-text-active-color);
}
.rb-upload-picture-list-item:hover:not(.rb-upload-state-uploading).rb-upload-state-error {
color: var(--rb-upload-error-hover-color);
}
.rb-upload-picture-list-item:hover:not(.rb-upload-state-uploading).rb-upload-state-error .rb-upload-picture-list-header-img {
color: var(--rb-upload-error-color);
}
.rb-upload-picture-list-item .rb-upload-uploading {
align-items: center;
display: flex;
width: 100%;
}
.rb-upload-picture-list-item .rb-upload-uploading .rb-spin-body {
height: 24px;
width: 24px;
}
.rb-upload-picture-list-item .rb-upload-uploading .rb-upload-uploading-content {
flex-grow: 1;
margin-left: 8px;
}
.rb-upload-picture-list-item .rb-upload-uploading .rb-upload-file-progress {
height: 4px;
line-height: 0;
margin-bottom: 2px;
padding: 0;
}
.rb-upload-picture-list-item .rb-upload-uploading .rb-upload-file-progress .rb-progress-outer {
height: 4px;
}
.rb-upload-picture-list-item-content {
align-items: center;
display: flex;
width: 100%;
}
.rb-upload-picture-list-item-content .rb-upload-picture-list-header-img {
font-size: 24px;
height: 32px;
line-height: 32px;
margin-right: 8px;
width: 32px;
}
.rb-upload-picture-list-item-operate {
align-items: center;
display: none;
}
.rb-upload-picture-list-item.rb-upload-state-error {
border-color: var(--rb-upload-picture-list-item-border-error-color);
color: var(--rb-upload-error-color);
}
.rb-upload-dragger-trigger {
align-items: center;
border: 1px dashed var(--rb-upload-dragger-trigger-border-color);
border-radius: 4px;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: center;
padding: 31px 79px;
}
.rb-upload-dragger-trigger:hover:not(.rb-upload-disabled) {
border-color: var(--rb-upload-dragger-trigger-hover-color);
}
.rb-upload-dragger-trigger:hover:not(.rb-upload-disabled) .rb-upload-dragger-trigger-icon,
.rb-upload-dragger-trigger:hover:not(.rb-upload-disabled) .rb-upload-dragger-trigger-title {
color: var(--rb-upload-dragger-trigger-hover-color);
}
.rb-upload-dragger-trigger-title {
color: var(--rb-upload-dragger-trigger-color);
font-size: 16px;
line-height: 24px;
margin-top: 16px;
text-align: center;
}
.rb-upload-dragger-trigger-describe {
color: var(--rb-upload-dragger-trigger-des-color);
font-size: 14px;
line-height: 22px;
margin-top: 8px;
text-align: center;
}
.rb-upload-dragger-trigger-icon {
color: var(--rb-upload-dragger-trigger-icon-color);
font-size: 24px;
}
.rb-upload-list:not(:empty) {
margin-top: 8px;
}
.rb-upload-list .rb-upload-list-item {
align-items: center;
color: var(--rb-upload-list-item-color);
display: flex;
font-size: 14px;
height: 22px;
justify-content: space-between;
line-height: 22px;
padding: 0 4px 0 0;
}
.rb-upload-list .rb-upload-list-item .rb-upload-item-operate {
display: none;
}
.rb-upload-list .rb-upload-list-item .rb-upload-item-operate > span {
cursor: pointer;
margin-left: 8px;
}
.rb-upload-list .rb-upload-list-item .rb-upload-item-operate .rb-btn-type-text:not(.rb-btn-state-danger) {
color: var(--rb-upload-list-item-custom-btn-text-color);
}
.rb-upload-list .rb-upload-list-item .rb-upload-item-operate .rb-btn-type-text:not(.rb-btn-state-danger):hover {
color: var(--rb-upload-list-item-custom-btn-text-hover-color);
}
.rb-upload-list .rb-upload-list-item .rb-upload-item-operate .rb-btn-type-text:not(.rb-btn-state-danger):active {
color: var(--rb-upload-list-item-custom-btn-text-active-color);
}
.rb-upload-list .rb-upload-list-item .rb-uploaditem-icon {
color: var(--rb-upload-list-item-icon-color);
height: 16px;
margin-right: 8px;
width: 16px;
}
.rb-upload-list .rb-upload-list-item .rb-uploaditem-icon > span.rainbow {
font-size: 16px;
}
.rb-upload-list .rb-upload-list-item:hover:not(.rb-upload-state-uploading) {
background-color: var(--rb-upload-list-item-hover-bg-color);
color: var(--rb-upload-list-item-hover-color);
}
.rb-upload-list .rb-upload-list-item:hover:not(.rb-upload-state-uploading) .rb-upload-item-operate {
display: flex;
height: 16px;
}
.rb-upload-list .rb-upload-list-item:hover:not(.rb-upload-state-uploading):not(.rb-upload-state-error) .rb-uploaditem-icon {
color: var(--rb-upload-list-item-icon-hover-color);
}
.rb-upload-list .rb-upload-list-item.rb-upload-state-error,
.rb-upload-list .rb-upload-list-item.rb-upload-state-error .rb-uploaditem-icon {
color: var(--rb-upload-error-color);
}
.rb-upload-list .rb-upload-list-item.rb-upload-state-error:hover {
color: var(--rb-upload-error-hover-color);
}
.rb-upload-list .rb-upload-item-progress {
margin-top: 4px;
}
.rb-upload-list .rb-upload-item-progress .rb-upload-file-progress {
height: 22px;
padding-left: 24px;
}
.rb-upload-list .rb-upload-item-progress .rb-upload-file-progress .rb-progress-outer {
height: 22px;
}
.rb-upload-input-disabled .rb-upload-dragger-trigger,
.rb-upload-input-disabled .rb-upload-picture-wall-trigger {
background-color: var(--rb-upload-dragger-trigger-disabled-bg-color);
border-color: var(--rb-upload-dragger-trigger-disabled-border-color);
color: var(--rb-upload-dragger-trigger-disabled-color);
cursor: not-allowed;
}
.rb-upload-input-disabled .rb-upload-dragger-trigger-describe,
.rb-upload-input-disabled .rb-upload-dragger-trigger-title {
color: var(--rb-upload-dragger-trigger-disabled-color);
}
.rb-upload-input-disabled .rb-upload-dragger-trigger-icon {
color: var(--rb-upload-dragger-trigger-disabled-color);
pointer-events: none;
}
.rc-slider {
border-radius: 6px;
height: 14px;
padding: 5px 0;
position: relative;
touch-action: none;
width: 100%;
}
.rc-slider,
.rc-slider * {
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
background-color: #e9e9e9;
border-radius: 6px;
height: 4px;
position: absolute;
width: 100%;
}
.rc-slider-track,
.rc-slider-tracks {
background-color: #abe2fb;
border-radius: 6px;
height: 4px;
position: absolute;
}
.rc-slider-track-draggable {
background-clip: content-box;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
box-sizing: content-box;
transform: translateY(-5px);
z-index: 1;
}
.rc-slider-handle {
background-color: #fff;
border: 2px solid #96dbfa;
border-radius: 50%;
cursor: pointer;
cursor: -webkit-grab;
cursor: grab;
height: 14px;
margin-top: -5px;
opacity: 0.8;
position: absolute;
touch-action: pan-x;
width: 14px;
z-index: 1;
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
border-color: #57c5f7;
box-shadow: 0 0 0 5px #96dbfa;
}
.rc-slider-handle:focus {
box-shadow: none;
outline: none;
}
.rc-slider-handle:focus-visible {
border-color: #2db7f5;
box-shadow: 0 0 0 3px #96dbfa;
}
.rc-slider-handle-click-focused:focus {
border-color: #96dbfa;
box-shadow: unset;
}
.rc-slider-handle:hover {
border-color: #57c5f7;
}
.rc-slider-handle:active {
border-color: #57c5f7;
box-shadow: 0 0 5px #57c5f7;
cursor: -webkit-grabbing;
cursor: grabbing;
}
.rc-slider-mark {
font-size: 12px;
left: 0;
position: absolute;
top: 18px;
width: 100%;
}
.rc-slider-mark-text {
color: #999;
cursor: pointer;
display: inline-block;
position: absolute;
text-align: center;
vertical-align: middle;
}
.rc-slider-mark-text-active {
color: #666;
}
.rc-slider-step {
background: transparent;
height: 4px;
position: absolute;
width: 100%;
}
.rc-slider-dot {
background-color: #fff;
border: 2px solid #e9e9e9;
border-radius: 50%;
bottom: -2px;
cursor: pointer;
height: 8px;
position: absolute;
vertical-align: middle;
width: 8px;
}
.rc-slider-dot-active {
border-color: #96dbfa;
}
.rc-slider-dot-reverse {
margin-right: -4px;
}
.rc-slider-disabled {
background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
background-color: #ccc;
}
.rc-slider-disabled .rc-slider-dot,
.rc-slider-disabled .rc-slider-handle {
background-color: #fff;
border-color: #ccc;
box-shadow: none;
cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-dot,
.rc-slider-disabled .rc-slider-mark-text {
cursor: not-allowed !important;
}
.rc-slider-vertical {
height: 100%;
padding: 0 5px;
width: 14px;
}
.rc-slider-vertical .rc-slider-rail {
height: 100%;
width: 4px;
}
.rc-slider-vertical .rc-slider-track {
bottom: 0;
left: 5px;
width: 4px;
}
.rc-slider-vertical .rc-slider-track-draggable {
border-bottom: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 0;
transform: translateX(-5px);
}
.rc-slider-vertical .rc-slider-handle {
margin-left: -5px;
margin-top: 0;
position: absolute;
touch-action: pan-y;
z-index: 1;
}
.rc-slider-vertical .rc-slider-mark {
height: 100%;
left: 18px;
top: 0;
}
.rc-slider-vertical .rc-slider-step {
height: 100%;
width: 4px;
}
.rc-slider-vertical .rc-slider-dot {
margin-left: -2px;
}
.rc-slider-tooltip-zoom-down-appear,
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-leave {
animation-duration: 0.3s;
animation-fill-mode: both;
animation-play-state: paused;
display: block !important;
}
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active {
animation-name: rcSliderTooltipZoomDownIn;
animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
animation-name: rcSliderTooltipZoomDownOut;
animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-appear,
.rc-slider-tooltip-zoom-down-enter {
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
transform: scale(0);
}
.rc-slider-tooltip-zoom-down-leave {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
0% {
opacity: 0;
transform: scale(0);
transform-origin: 50% 100%;
}
to {
transform: scale(1);
transform-origin: 50% 100%;
}
}
@keyframes rcSliderTooltipZoomDownOut {
0% {
transform: scale(1);
transform-origin: 50% 100%;
}
to {
opacity: 0;
transform: scale(0);
transform-origin: 50% 100%;
}
}
.rc-slider-tooltip {
left: -9999px;
position: absolute;
top: -9999px;
visibility: visible;
}
.rc-slider-tooltip,
.rc-slider-tooltip * {
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
display: none;
}
.rc-slider-tooltip-placement-top {
padding: 4px 0 8px;
}
.rc-slider-tooltip-inner {
background-color: #6c6c6c;
border-radius: 6px;
box-shadow: 0 0 4px #d9d9d9;
color: #fff;
font-size: 12px;
height: 24px;
line-height: 1;
min-width: 24px;
padding: 6px 2px;
text-align: center;
text-decoration: none;
}
.rc-slider-tooltip-arrow {
border-color: transparent;
border-style: solid;
height: 0;
position: absolute;
width: 0;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
border-top-color: #6c6c6c;
border-width: 4px 4px 0;
bottom: 4px;
left: 50%;
margin-left: -4px;
}
.rc-slider:not(.rc-slider-disabled) {
cursor: pointer;
}
.rc-slider:not(.rc-slider-vertical) {
height: 14px;
}
.rc-slider:not(.rc-slider-disabled):hover .rc-slider-track {
background-color: var(--rb-slider-track-bg-hover-color);
}
.rc-slider:not(.rc-slider-disabled):hover .rc-slider-rail {
background-color: var(--rb-slider-rail-bg-hover-color);
}
.rc-slider:not(.rc-slider-disabled):hover .rc-slider-dot {
border-color: var(--rb-slider-dot-border-hover-color);
}
.rc-slider:not(.rc-slider-disabled):hover .rc-slider-dot-active,
.rc-slider:not(.rc-slider-disabled):hover .rc-slider-handle {
border-color: var(--rb-slider-handle-hover-border-color);
}
.rc-slider .rc-slider-track {
background-color: var(--rb-slider-track-bg-color);
}
.rc-slider .rc-slider-handle {
background-color: var(--rb-slider-handle-bg-color);
border: 2px solid var(--rb-slider-handle-border-color);
opacity: 1;
}
.rc-slider .rc-slider-handle:active {
border-color: var(--rb-slider-handle-active-border-color);
box-shadow: 0 0 0 2px var(--rb-slider-handle-active-border-color);
}
.rc-slider .rc-slider-rail {
background-color: var(--rb-slider-rail-bg-color);
}
.rc-slider .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
border-color: var(--rb-slider-handle-active-border-color);
box-shadow: 0 0 0 4px var(--rb-slider-handle-dragging-border-color);
}
.rc-slider .rc-slider-dot {
background-color: var(--rb-slider-dot-bg-color);
border: 2px solid var(--rb-slider-dot-border-color);
}
.rc-slider .rc-slider-dot-active {
border-color: var(--rb-slider-dot-active-border-color);
}
.rc-slider.rb-slider {
margin: 9px 0;
padding: 5px 0;
}
.rc-slider.rc-slider-disabled {
background-color: unset;
cursor: not-allowed;
}
.rc-slider.rc-slider-disabled .rc-slider-track {
background: var(--rb-slider-track-disabled-bg-color);
border-radius: 4px;
left: 0;
}
.rc-slider.rc-slider-disabled .rc-slider-handle {
background-color: var(--rb-slider-handle-bg-disabled-color);
border-color: var(--rb-slider-handle-border-disabled-color);
}
.rc-slider.rc-slider-vertical .rc-slider-track {
left: 0;
}
.rc-slider.rc-slider-vertical .rc-slider-dot {
transform: none !important;
}
.rc-slider-mark-text {
color: var(--rb-slider-mark-color);
font-size: 14px;
line-height: 22px;
}
.rc-slider-mark-text-active {
color: var(--rb-slider-mark-active-color);
}
.rb-verification-code {
align-items: center;
display: flex;
gap: 8px;
}
.rb-verification-code.rb-verification-code-disabled {
cursor: not-allowed;
}
.rb-verification-code.rb-verification-code-disabled .rb-verification-code-item {
background-color: var(--rb-input-content-disabled-bg-color);
pointer-events: none;
}
.rb-verification-code .rb-verification-code-item {
width: 32px;
}
.rb-verification-code .rb-verification-code-item:hover {
border-color: var(--rb-input-content-hover-border-color);
}
.rb-verification-code .rb-verification-code-item:focus {
border-color: var(--rb-input-content-focus-border-color);
box-shadow: 0 0 0 2px var(--rb-input-content-focus-bs-color);
}
.rb-status-error .rb-verification-code .rb-verification-code-item:hover {
border-color: var(--rb-input-error-border-color);
}
.rb-status-error .rb-verification-code .rb-verification-code-item:focus {
border-color: var(--rb-input-error-border-color);
box-shadow: 0 0 0 2px var(--rb-input-content-error-focus-bs-color);
}
.rb-rich-editor {
height: auto;
line-height: 22px;
margin-bottom: 8px;
max-height: 88px;
min-height: 44px;
outline: none;
overflow-y: auto;
transition: height 0.2s linear;
user-select: auto;
-webkit-user-select: auto;
width: 100%;
}
.rb-rich-editor-file-node {
align-items: center;
border: 1px solid var(--rb-inputbox-doc-border-color);
border-radius: 4px;
color: var(--rb-color-text);
cursor: pointer;
display: inline-flex;
gap: 8px;
height: 40px;
margin: 0 8px 8px 0;
padding: 8px 12px;
}
.rb-rich-editor-file-node img {
display: inline-block !important;
height: 24px;
object-fit: contain;
width: 24px;
}
.rb-rich-editor-file-node .rainbow.Close {
color: var(--rb-inputbox-doc-remove-icon-color);
cursor: pointer;
font-size: 12px;
}
.rb-rich-editor-file-node .rainbow.Close:hover {
color: var(--rb-inputbox-doc-remove-icon-hover-color);
}
.rb-rich-editor-file-node .rainbow.Close:active {
color: var(--rb-inputbox-doc-remove-icon-active-color);
}
.rb-rich-editor p {
line-height: 22px;
max-width: 100%;
min-height: 22px;
min-width: 1px;
}
.rb-rich-editor:empty:before {
color: var(--rb-color-text-disabled);
content: attr(data-placeholder);
cursor: text;
position: absolute;
}
.rb-rich-editor-blank {
position: relative;
}
.rb-rich-editor-blank:before {
color: var(--rb-color-text-disabled);
content: attr(data-placeholder);
position: absolute;
}
.rb-text-loop {
width: 100%;
}
.rb-text-loop-vertical-item {
line-height: 22px;
overflow: hidden;
white-space: pre-wrap;
}
.rb-text-loop-vertical-container {
display: flex;
flex-direction: column;
overflow: hidden;
}
.rb-text-loop-vertical-scroll {
animation: verticalLoop var(--rb-alert-loop-duration, 6s) linear 0s infinite;
animation-play-state: var(--rb-alert-loop-play, "running");
will-change: auto;
}
.rb-text-loop-horizontal-container {
align-items: center;
display: flex;
justify-content: flex-start;
overflow-x: hidden;
width: 100%;
}
.rb-text-loop-horizontal-item {
align-items: center;
animation: horizontalLoop var(--rb-alert-loop-duration, 15s) linear var(--rb-alert-loop-delay, 0s) infinite;
animation-play-state: var(--rb-alert-loop-play, "running");
display: flex;
flex: 0 0 auto;
min-width: 100%;
}
.rb-text-loop-horizontal-item div:not(:last-child) {
margin-right: 16px;
}
.rb-text-loop-horizontal-item div:last-child {
margin-right: 160px;
}
@keyframes verticalLoop {
to {
transform: translateY(-100%);
}
}
@keyframes horizontalLoop {
0% {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
.rb-alert {
border: var(--rb-alert-border-width, 1px) solid var(--rb-alert-border-color);
-webkit-border-radius: var(--rb-alert-border-radius, 4px);
-moz-border-radius: var(--rb-alert-border-radius, 4px);
-ms-border-radius: var(--rb-alert-border-radius, 4px);
-o-border-radius: var(--rb-alert-border-radius, 4px);
border-radius: var(--rb-alert-border-radius, 4px);
color: var(--rb-alert-font-color);
display: flex;
padding: var(--rb-alert-padding, 7px 11px);
position: relative;
}
.rb-alert .rb-close {
position: absolute;
right: var(--rb-alert-close-right, 11px);
top: var(--rb-alert-close-top, 10px);
}
.rb-alert.rb-alert-with-close .rb-alert-content {
width: calc(100% - 24px);
}
.rb-alert-success {
background-color: var(--rb-alert-success-bg-color);
border-color: var(--rb-alert-success-border-color);
}
.rb-alert-success .rb-alert-icon {
color: var(--rb-alert-success-icon-color);
}
.rb-alert-warning {
background-color: var(--rb-alert-warning-bg-color);
border-color: var(--rb-alert-warning-border-color);
}
.rb-alert-warning .rb-alert-icon {
color: var(--rb-alert-warning-icon-color);
}
.rb-alert-error {
background-color: var(--rb-alert-danger-bg-color);
border-color: var(--rb-alert-danger-border-color);
}
.rb-alert-error .rb-alert-icon {
color: var(--rb-alert-danger-icon-color);
}
.rb-alert-info {
background-color: var(--rb-alert-info-bg-color);
border-color: var(--rb-alert-info-border-color);
}
.rb-alert-info .rb-alert-icon {
color: var(--rb-alert-info-icon-color);
}
.rb-alert-icon {
display: flex;
margin-right: var(--rb-alert-icon-margin-right, 8px);
margin-top: 3px;
}
.rb-alert-icon > span {
font-size: var(--rb-alert-icon-font-size, 16px);
}
.rb-alert-title {
align-items: center;
display: flex;
font-size: var(--rb-alert-title-font-size, 16px);
line-height: 24px;
}
.rb-alert-small.rb-alert-with-close.rb-has-icon .rb-alert-content {
width: calc(100% - 48px);
}
.rb-alert-big {
padding: 7px 15px;
}
.rb-alert-big .rb-alert-content {
margin: 4px 0;
}
.rb-alert-big .rb-alert-title {
margin-bottom: 8px;
}
.rb-alert-big .rb-alert-icon {
margin-top: 4px;
}
.rb-alert-big .rb-alert-icon > span {
font-size: var(--rb-alert-icon-big-font-size, 24px);
padding-right: 4px;
}
.rb-alert-big .rb-close {
right: 11px;
top: 15px;
}
.rb-alert-big.rb-alert-with-close .rb-alert-content {
width: calc(100% - 20px);
}
.rb-alert-big.rb-alert-with-close.rb-has-icon .rb-alert-content {
width: calc(100% - 56px);
}
.rb-alert-content {
width: 100%;
}
.rb-alert-desc {
font-size: var(--rb-alert-desc-font-size, 14px);
line-height: 22px;
}
.rb-alert-banner {
border: none;
border-radius: 0;
padding: 8px 12px;
}
.rb-alert-banner .rb-close {
right: 12px;
top: 11px;
}
.rb-drawer {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
}
.rb-drawer.rb-drawer-hide {
display: none;
opacity: 0;
}
.rb-drawer .rb-drawer-mask {
background-color: var(--rb-drawer-mask-bg-color);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.rb-drawer .rb-drawer-content {
background-color: var(--rb-drawer-content-bg-color);
box-shadow: 0 8px 24px 0 var(--rb-box-shadow-color);
color: var(--rb-color-text);
padding: var(--rb-drawer-content-padding, 20px 24px);
position: absolute;
transition: transform 0.3s linear;
}
.rb-drawer .rb-drawer-content .rb-drawer-close {
position: absolute;
right: 24px;
top: 24px;
z-index: 1;
}
.rb-drawer .rb-drawer-content .rb-drawer-title-box {
height: 24px;
margin-bottom: 16px;
}
.rb-drawer .rb-drawer-content .rb-drawer-title-box.rb-drawer-no-title {
height: 16px;
margin: 0;
}
.rb-drawer .rb-drawer-content .rb-drawer-title-box.rb-drawer-no-title .rainbow.Close {
top: 20px;
}
.rb-drawer .rb-drawer-content .rb-drawer-title {
color: var(--rb-drawer-title-color);
font-size: var(--rb-drawer-title-font-size, 16px);
font-weight: 500;
letter-spacing: 0;
line-height: 24px;
overflow: hidden;
padding-left: var(--rb-drawer-title-padding-left, 12px);
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
width: calc(100% - 24px);
}
.rb-drawer .rb-drawer-content .rb-drawer-title:before {
background: var(--rb-drawer-title-before-bg-color);
border-radius: 1px;
content: "";
display: block;
height: 16px;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 4px;
}
.rb-drawer .rb-drawer-body {
height: 100%;
overflow: auto;
padding: var(--rb-drawer-body-padding, 0);
position: relative;
}
.rb-drawer .rb-drawer-body.rb-drawer-hasfooter {
height: calc(100% - 60px);
}
.rb-drawer .rb-drawer-footer {
align-items: center;
border-top: 1px solid var(--rb-drawer-footer-border-color);
bottom: 0;
display: flex;
height: 60px;
left: 0;
padding: 0 16px;
position: absolute;
width: 100%;
}
.rb-drawer.rb-drawer-left,
.rb-drawer.rb-drawer-right {
height: 100%;
width: 100%;
}
.rb-drawer.rb-drawer-left .rb-drawer-content,
.rb-drawer.rb-drawer-right .rb-drawer-content {
height: 100%;
top: 0;
transition: transform 0.3s linear;
width: var(--rb-drawer-content-width, 80%);
}
.rb-drawer.rb-drawer-right,
.rb-drawer.rb-drawer-right .rb-drawer-content {
right: 0;
}
.rb-drawer.rb-drawer-right.rightOut {
display: none;
}
.rb-drawer.rb-drawer-left .rb-drawer-content {
left: 0;
transform: translateX(-100%);
}
.rb-drawer.rb-drawer-left.leftIn .rb-drawer-content {
transform: translateX(0);
}
.rb-drawer.rb-drawer-bottom,
.rb-drawer.rb-drawer-top {
height: 0;
width: 100%;
}
.rb-drawer.rb-drawer-bottom .rb-drawer-content,
.rb-drawer.rb-drawer-top .rb-drawer-content {
height: var(--rb-drawer-content-height, 300px);
width: 100%;
}
.rb-drawer.rb-drawer-bottom {
bottom: 0;
}
.rb-drawer.rb-drawer-bottom .rb-drawer-content {
bottom: 0;
left: 0;
transform: translateY(100%);
}
.rb-drawer.rb-drawer-bottom.bottomIn .rb-drawer-content {
transform: translateY(0);
}
.rb-drawer.rb-drawer-top .rb-drawer-content {
left: 0;
top: 0;
transform: translateY(-100%);
}
.rb-drawer.rb-drawer-top.topIn .rb-drawer-content {
transform: translateY(0);
}
.rb-drawer.leftIn,
.rb-drawer.rightIn {
width: 100%;
}
.rb-drawer.leftIn .mask,
.rb-drawer.rightIn .mask {
opacity: 1;
}
.rb-drawer.bottomIn,
.rb-drawer.topIn {
height: 100%;
}
.rb-drawer.bottomIn .mask,
.rb-drawer.topIn .mask {
opacity: 1;
}
@keyframes rightIn {
0% {
opacity: 0;
transform: translateX(100%);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes rightOut {
0% {
opacity: 1;
transform: translateX(0);
}
to {
opacity: 0;
transform: translateX(100%);
}
}
@keyframes maskShow {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes maskHiden {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes show {
to {
display: block;
}
}
@keyframes hide {
to {
display: none;
}
}
@keyframes slide-left {
0% {
right: 0;
transform: translateX(-100%);
}
to {
right: 0;
transform: translateX(0);
}
}
.rb-discolour__update {
background-color: var(--rb-warning-color);
}
.rb-discolour__add {
background-color: var(--rb-info-color);
}
.rb-discolour__remove {
background-color: var(--rb-error-color);
}
.rb-popconfirm {
background-color: var(--rb-popconfirm-bg-font-color);
border-radius: 4px;
box-shadow: var(--rb-box-shadow-color);
color: var(--rb-color-text);
padding: 16px;
}
.rb-popconfirm .rb-popconfirm-header {
align-items: center;
display: flex;
}
.rb-popconfirm .rb-popconfirm-header .rb-popconfirm-header-icon {
padding: 3px 8px 3px 0;
}
.rb-popconfirm .rb-popconfirm-header .rainbow {
color: var(--rb-color-warning);
}
.rb-popconfirm-operation {
margin-top: 16px;
}
.rb-popconfirm-operation .rb-space {
gap: 8px !important;
}
.rb-popconfirm-operation .rb-btn {
border-radius: 3px;
height: 24px;
padding: 0 8px;
}
.rb-popconfirm-btn {
display: inline-block;
}
.rb-confirm-state-error .rb-popconfirm-header .rainbow {
color: var(--rb-color-error);
}
.rb-confirm-state-warning .rb-popconfirm-header .rainbow {
color: var(--rb-color-warning);
}
.rb-confirm-state-info .rb-popconfirm-header .rainbow {
color: var(--rb-color-info);
}
.rb-confirm-state-success .rb-popconfirm-header .rainbow {
color: var(--rb-color-success);
}
.rb-popover {
background-color: var(--rb-popover-bg-color);
border-radius: 4px;
color: var(--rb-color-text);
max-width: var(--rb-popover-max-width, 704px);
padding: var(--rb-popover-padding, 16px);
}
.rb-popover .rb-popover-header {
background-color: var(--rb-popover-header-bg-color);
font-size: var(--rb-popover-header-font-size, 16px);
font-weight: 500;
line-height: 24px;
margin-bottom: 16px;
}
.rb-popover .rb-popover-header.rb-popover-confirm {
font-size: 14px;
}
.rb-popover-confirm {
max-width: none;
}
.rb-popover-confirm-header {
align-items: center;
display: flex;
}
.rb-popover-confirm-header .rb-popover-confirm-icon {
color: var(--rb-popover-confirm-icon-color);
font-size: var(--rb-popover-confirm-icon-font-size, 20px);
margin-right: var(--rb-popover-confirm-icon-margin-right, 8px);
}
.rb-popover-conform-footer {
justify-content: flex-end;
margin-top: 16px;
}
.rb-popover-popup .rb-placement-arrow:after {
background-color: var(--rb-popover-bg-color);
}
.rb-rate {
align-items: center;
display: inline-flex;
height: 32px;
}
.rb-rate.disabled {
cursor: not-allowed;
}
.rb-rate.disabled > * {
pointer-events: none;
}
.rb-rate .rb-rate-star {
align-items: center;
color: var(--rb-star-icon-color);
cursor: pointer;
display: flex;
font-size: var(--rb-rate-star-font-size, 16px);
height: var(--rb-rate-star-height, 16px);
justify-content: center;
margin-right: var(--rb-rate-margin-right, 8px);
position: relative;
transition: font 0.1s ease-in;
width: var(--rb-rate-star-width, 16px);
}
.rb-rate .rb-rate-star:hover {
font-size: var(--rb-rate-star-hover-font-size, 24px);
}
.rb-rate .rb-rate-star:hover .rb-rate-star-first {
width: 10px;
}
.rb-rate .rb-rate-star .rb-rate-star-first,
.rb-rate .rb-rate-star .rb-rate-star-second {
left: 0;
position: absolute;
top: 0;
}
.rb-rate .rb-rate-star .rb-rate-star-first {
overflow: hidden;
width: 10px;
z-index: 1;
}
.rb-star-icon {
color: var(--rb-star-icon-color);
font-size: var(--rb-rate-star-icon-size, 20px);
}
.rb-rate-star-full .rb-rate-cus-character,
.rb-rate-star-full .rb-star-icon {
color: var(--rb-rate-star-full-icon-color);
}
.rb-collapse {
background-color: var(--rb-collapse-bg-color);
color: var(--rb-color-text);
}
.rb-collapse-with-border {
border-left: 1px solid var(--rb-collapse-border-color);
border-radius: var(--rb-collapse-border-radius, 4px);
border-right: 1px solid var(--rb-collapse-border-color);
border-top: 1px solid var(--rb-collapse-border-color);
}
.rb-collapse-item {
background-color: var(--rb-collapse-item-bg-color);
border-bottom: 1px solid var(--rb-collapse-border-color);
}
.rb-collapse-item:first-child,
.rb-collapse-item:first-child .rb-collapse-header {
border-radius: 4px 4px 0 0;
}
.rb-collapse-item:last-child,
.rb-collapse-item:last-child .rb-collapse-header {
border-radius: 0 0 4px 4px;
}
.rb-collapse-item:last-child.rb-collapse-item-active .rb-collapse-header {
border-radius: 0;
}
.rb-collapse-header {
align-items: center;
background-color: var(--rb-collapse-header-bg-color);
display: flex;
padding: var(--rb-collapse-header-padding, 11px 15px);
}
.rb-collapse-header .rb-collapse-header-icon {
align-items: center;
display: flex;
margin-right: 12px;
}
.rb-collapse-header > div {
cursor: pointer;
}
.rb-collapse-header-content {
flex-grow: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 1px;
}
.rb-collapse-header .rb-collapse-extra {
margin-left: 8px;
}
.rb-collapse-header .rb-collapse-extra .rb-btn {
color: var(--rb-collapse-header-custom-btn-text-color);
}
.rb-collapse-header .rb-collapse-extra .rb-btn:hover {
color: var(--rb-collapse-header-custom-btn-text-hover-color);
}
.rb-collapse-header .rb-collapse-extra .rb-btn:active {
color: var(--rb-collapse-header-custom-btn-text-active-color);
}
.rb-collapse-content {
border-top: 1px solid var(--rb-collapse-border-color);
padding: var(--rb-collapse-content-padding, 15px 16px 16px);
transition: height 0.1s ease-in;
}
.rb-collapse-content.hide {
display: none;
height: 0;
}
.rb-collapse-horizontal-layout {
display: flex;
gap: 16px;
}
.rb-collapse-horizontal-layout.rb-collapse-with-border {
border: none;
}
.rb-collapse-horizontal-layout.rb-collapse-with-border .rb-collapse-item {
border: 1px solid var(--rb-collapse-border-color);
border-radius: 4px;
}
.rb-collapse-horizontal-layout .rb-collapse-item:not(.rb-collapse-item-active) .rb-collapse-header {
flex-direction: column;
gap: 24px;
height: 100%;
}
.rb-collapse-horizontal-layout .rb-collapse-item:not(.rb-collapse-item-active) .rb-collapse-header-content {
flex-grow: 1;
min-height: 80px;
overflow: hidden;
text-orientation: mixed;
text-overflow: ellipsis;
white-space: nowrap;
width: auto;
writing-mode: vertical-rl;
}
.rb-collapse-horizontal-layout .rb-collapse-item:not(.rb-collapse-item-active) .rb-collapse-extra,
.rb-collapse-horizontal-layout .rb-collapse-item:not(.rb-collapse-item-active) .rb-collapse-header-icon {
margin: 0;
}
.rb-collapse-item-error .rb-collapse-header,
.rb-collapse-item-info .rb-collapse-header,
.rb-collapse-item-success .rb-collapse-header,
.rb-collapse-item-warning .rb-collapse-header {
position: relative;
}
.rb-collapse-item-error .rb-collapse-header:after,
.rb-collapse-item-info .rb-collapse-header:after,
.rb-collapse-item-success .rb-collapse-header:after,
.rb-collapse-item-warning .rb-collapse-header:after {
background-color: var(--rb-collapse-state-color);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
content: "";
height: 4px;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.rb-collapse-item-success {
--rb-collapse-state-color: var(--rb-collapse-success-color);
}
.rb-collapse-item-error {
--rb-collapse-state-color: var(--rb-collapse-error-color);
}
.rb-collapse-item-info {
--rb-collapse-state-color: var(--rb-collapse-info-color);
}
.rb-collapse-item-warning {
--rb-collapse-state-color: var(--rb-collapse-warning-color);
}
.rb-carousel {
position: relative;
width: 100%;
}
.rb-carousel-horizontal {
overflow: hidden;
overflow-y: unset;
}
.rb-carousel-vertical {
overflow: hidden;
overflow-x: unset;
}
.rb-carousel-vertical .rb-carousel-container {
flex-direction: column;
height: 100%;
}
.rb-carousel-vertical .rb-carousel-next,
.rb-carousel-vertical .rb-carousel-prev {
left: 50%;
top: auto;
transform: translateX(-50%);
}
.rb-carousel-vertical .rb-carousel-prev {
top: 10px;
}
.rb-carousel-vertical .rb-carousel-next {
bottom: 10px;
}
.rb-carousel-container {
align-items: center;
display: flex;
position: relative;
width: 100%;
}
.rb-carousel-container.normal {
transition: transform 0.25s ease-in-out;
}
.rb-carousel-container .rb-carousel-item {
display: grid;
flex-shrink: 0;
height: 100%;
min-height: 168px;
position: relative;
width: 100%;
}
.rb-carousel-arrow-visible .rb-carousel-next,
.rb-carousel-arrow-visible .rb-carousel-prev {
display: none;
}
.rb-carousel-arrow-visible .rb-carousel-next.show,
.rb-carousel-arrow-visible .rb-carousel-prev.show {
display: inline-flex;
}
.rb-carousel-next,
.rb-carousel-prev {
align-items: center;
background-clip: padding-box;
background-color: var(--rb-carousel-arrow-bg-color);
border: 1px solid var(--rb-carousel-arrow-border-color);
border-radius: 50%;
cursor: pointer;
display: none;
height: 40px;
justify-content: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
z-index: 3;
}
.rb-carousel-next:hover,
.rb-carousel-prev:hover {
background-color: var(--rb-carousel-arrow-hover-bg-color);
border-color: var(--rb-carousel-arrow-hover-border-color);
}
.rb-carousel-next:hover span,
.rb-carousel-prev:hover span {
color: var(--rb-carousel-arrow-hover-color);
}
.rb-carousel-next span,
.rb-carousel-prev span {
color: var(--rb-carousel-arrow-color);
}
.rb-carousel-prev {
left: 8px;
}
.rb-carousel-next {
right: 8px;
}
.rb-carousel-bar {
align-items: center;
column-gap: 8px;
display: flex;
position: absolute;
z-index: 3;
}
.rb-carousel-bar > li {
background-color: var(--rb-carousel-bar-bg-color);
border-radius: 2px;
cursor: pointer;
list-style: none;
}
.rb-carousel-bar > li.active,
.rb-carousel-bar > li:hover {
background-color: var(--rb-carousel-bar-hover-active-bg-color);
}
.rb-carousel-bar-bottom,
.rb-carousel-bar-top {
left: 50%;
transform: translateX(-50%);
}
.rb-carousel-bar-bottom.rb-carousel-bar-line > li,
.rb-carousel-bar-top.rb-carousel-bar-line > li {
height: 4px;
width: 16px;
}
.rb-carousel-bar-bottom.rb-carousel-bar-line > li.active,
.rb-carousel-bar-top.rb-carousel-bar-line > li.active {
width: 24px;
}
.rb-carousel-bar-bottom.rb-carousel-bar-dot > li,
.rb-carousel-bar-top.rb-carousel-bar-dot > li {
border-radius: 50%;
height: 6px;
width: 6px;
}
.rb-carousel-bar-bottom.rb-carousel-bar-dot > li.active,
.rb-carousel-bar-top.rb-carousel-bar-dot > li.active {
height: 8px;
width: 8px;
}
.rb-carousel-bar-bottom {
bottom: 20px;
}
.rb-carousel-bar-top {
top: 20px;
}
.rb-carousel-bar-left,
.rb-carousel-bar-right {
flex-direction: column;
row-gap: 5px;
top: 50%;
transform: translateY(-50%);
}
.rb-carousel-bar-left.rb-carousel-bar-line > li,
.rb-carousel-bar-right.rb-carousel-bar-line > li {
height: 16px;
width: 5px;
}
.rb-carousel-bar-left.rb-carousel-bar-line > li.active,
.rb-carousel-bar-right.rb-carousel-bar-line > li.active {
height: 24px;
}
.rb-carousel-bar-left.rb-carousel-bar-dot > li,
.rb-carousel-bar-right.rb-carousel-bar-dot > li {
border-radius: 50%;
height: 6px;
width: 6px;
}
.rb-carousel-bar-left.rb-carousel-bar-dot > li.active,
.rb-carousel-bar-right.rb-carousel-bar-dot > li.active {
height: 8px;
width: 8px;
}
.rb-carousel-bar-left {
left: 20px;
}
.rb-carousel-bar-right {
right: 20px;
}
.rb-carousel-fade .rb-carousel-item {
opacity: 0;
position: relative;
transition: opacity 0.3s linear, visibility 0.3s linear;
visibility: hidden;
z-index: 1;
}
.rb-carousel-fade .rb-carousel-item-active {
opacity: 1;
visibility: visible;
z-index: 2;
}
.rb-list {
padding: 4px 0;
width: 100%;
}
.rb-list .rb-list-item {
background-color: var(--rb-list-item-bg-color);
color: var(--rb-list-item-color);
cursor: pointer;
line-height: 22px;
overflow: hidden;
padding: 5px 12px;
text-overflow: ellipsis;
width: 100%;
}
.rb-list .rb-list-item:not(.disabled):not(.active).rb-list-item-hover,
.rb-list .rb-list-item:not(.disabled):not(.active):hover {
background-color: var(--rb-list-item-bg-hover-color);
color: var(--rb-list-item-hover-color);
}
.rb-list .rb-list-item.active {
background-color: var(--rb-list-item-active-bg-color);
color: var(--rb-list-item-active-color);
}
.rb-list .rb-list-item.disabled {
background-color: var(--rb-list-item-disabled-bg-color);
color: var(--rb-list-item-disabled);
pointer-events: none;
}
.rb-timeline-item {
align-items: flex-start;
display: flex;
margin-bottom: 16px;
position: relative;
}
.rb-timeline-item:last-child .rb-timeline-item-tail {
height: 0;
}
.rb-timeline-item-tail {
background-color: var(--rb-timeline-item-tail-color);
height: calc(100% + 10px);
margin: 0 4px;
position: absolute;
top: 14px;
width: 2px;
}
.rb-timeline-item-head {
background-color: var(--rb-timeline-item-head-bg-color);
border: 2px solid var(--rb-timeline-item-head-color);
border-radius: 50%;
height: 10px;
left: 0;
position: absolute;
top: 6px;
width: 10px;
}
.rb-timeline-item-title {
color: var(--rb-timeline-item-title-color);
}
.rb-timeline-item-title-wrapper {
align-items: center;
display: flex;
gap: 8px;
}
.rb-timeline-item-body {
padding-left: 26px;
position: relative;
width: 100%;
word-break: break-word;
}
.rb-timeline-item-content {
color: var(--rb-timeline-item-content-color);
}
.rb-timeline-item-info .rb-timeline-item-head {
border-color: var(--rb-timeline-item-info);
}
.rb-timeline-item-success .rb-timeline-item-head {
border-color: var(--rb-timeline-item-success);
}
.rb-timeline-item-warning .rb-timeline-item-head {
border-color: var(--rb-timeline-item-warning);
}
.rb-timeline-item-error .rb-timeline-item-head {
border-color: var(--rb-timeline-item-error);
}
.rb-timeline-item-disabled .rb-timeline-item-head {
border-color: #bfbfbf;
}
.rb-timeline-item-left .rb-timeline-item-head,
.rb-timeline-item-left .rb-timeline-item-tail,
.rb-timeline-item-right .rb-timeline-item-head,
.rb-timeline-item-right .rb-timeline-item-tail {
left: 50%;
}
.rb-timeline-item-left .rb-timeline-item-head-custom,
.rb-timeline-item-right .rb-timeline-item-head-custom {
margin-left: -2px;
top: 0;
transform: translate(0);
}
.rb-timeline-item-right .rb-timeline-item-body {
padding-right: 12px;
}
.rb-timeline-item-right .rb-timeline-item-body .rb-timeline-item-title-wrapper {
justify-content: flex-end;
}
.rb-timeline-item-left .rb-timeline-item-body {
text-align: right;
width: calc(50% - 10px);
}
.rb-timeline-alternate .rb-timeline-item-right .rb-timeline-item-body {
left: 0;
padding-right: 10px;
width: 50%;
}
.rb-timeline-item-head-custom {
background-color: var(--rb-color-bg-container);
border: 0;
border-radius: 0;
height: auto;
left: 5px;
line-height: 1;
margin-top: 0;
position: absolute;
text-align: center;
top: 11px;
transform: translate(-50%, -50%);
width: auto;
}
.rb-timeline-item-head-pending {
border: 0;
margin-left: -2px;
}
.rb-timeline-item-pending .rb-timeline-item-tail {
background-color: transparent;
border-left: 2px dotted var(--rb-timeline-item-tail-color);
}
.rb-timeline-right .rb-timeline-item-right .rb-timeline-item-head,
.rb-timeline-right .rb-timeline-item-right .rb-timeline-item-tail {
left: 100%;
}
.rb-timeline-right .rb-timeline-item-right .rb-timeline-item-body {
text-align: right;
}
.rb-timeline-alternate.rb-timeline-right .rb-timeline-item-right .rb-timeline-item-head,
.rb-timeline-alternate.rb-timeline-right .rb-timeline-item-right .rb-timeline-item-tail {
left: 50%;
}
.rb-timeline-alternate.rb-timeline-right .rb-timeline-item-right .rb-timeline-item-body {
text-align: right;
}
.rb-timeline-alternate > .rb-timeline-item-left .rb-timeline-item-date {
padding-right: 12px;
text-align: right;
}
.rb-timeline-alternate > .rb-timeline-item-left .rb-timeline-item-body {
left: 50%;
text-align: left;
}
.rb-timeline-alternate > .rb-timeline-item-right .rb-timeline-item-date {
padding-left: 24px;
text-align: left;
}
.rb-timeline-alternate > .rb-timeline-item-right .rb-timeline-item-body {
text-align: right;
}
.rb-timeline-cross-date .cross {
width: 50%;
}
.rb-timeline-cross-date .rb-timeline-item-left {
text-align: right;
}
.rb-timeline-cross-date .rb-timeline-item-left .cross {
padding-right: 12px;
}
.rb-timeline-cross-date .rb-timeline-item-left .rb-timeline-item-content {
text-align: left;
}
.rb-timeline-cross-date .rb-timeline-item-left .rb-timeline-item-body {
left: 0;
}
.rb-timeline-cross-date .rb-timeline-item-right {
text-align: left;
}
.rb-timeline-cross-date.rb-timeline-right .rb-timeline-item-head,
.rb-timeline-cross-date.rb-timeline-right .rb-timeline-item-tail {
left: 50%;
}
.rb-timeline-cross-date.rb-timeline-right .rb-timeline-item-body {
width: 50%;
}
.rb-timeline-cross-date.rb-timeline-right .cross {
left: 50%;
padding-left: 24px;
position: absolute;
}
.rb-badge {
color: var(--rb-color-text);
display: inline-block;
position: relative;
}
.rb-badge-sup {
position: absolute;
right: 0;
top: 0;
transform: translate(50%, -50%);
z-index: 10;
}
.rb-badge-sup .rb-badge-dot {
margin: 0;
}
.rb-badge-state-text {
font-size: 14px;
line-height: 22px;
margin-left: 8px;
}
.rb-badge-content {
background-color: var(--rb-badge-default-color);
display: inline-block;
position: relative;
}
.rb-badge-custom-content {
color: var(--rb-badge-default-color);
}
.rb-badge-content-with-active:after {
-webkit-animation: rb-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
animation: rb-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
background-color: inherit;
border-radius: 50%;
content: "";
height: 100%;
left: 0;
position: absolute;
width: 100%;
z-index: 11;
}
@keyframes rb-ping {
75%,
to {
opacity: 0;
transform: scale(2);
}
}
@-webkit-keyframes rb-ping {
75%,
to {
opacity: 0;
transform: scale(2);
}
}
.rb-badge-count {
border-radius: 10px;
color: var(--rb-badge-default-font-color);
font-size: 12px;
height: 20px;
line-height: 20px;
min-width: 20px;
text-align: center;
}
.rb-badge-count,
.rb-badge-dot {
box-shadow: 0 0 0 1px var(--rb-badge-count-border-color);
}
.rb-badge-dot {
border-radius: 50%;
height: 6px;
width: 6px;
}
.rb-badge-multi {
padding: 0 8px;
}
.rb-badge-large .rb-badge-count {
font-size: 18px;
height: 30px;
line-height: 28px;
width: 30px;
}
.rb-badge-large .rb-badge-dot {
height: 12px;
width: 12px;
}
.rb-badge-state-processing {
background-color: var(--rb-badge-state-info-color);
}
.rb-badge-state-success {
background-color: var(--rb-badge-state-success-color);
}
.rb-badge-state-info {
background-color: var(--rb-badge-state-info-color);
}
.rb-badge-state-warning {
background-color: var(--rb-badge-state-warning-color);
}
.rb-badge-state-error {
background-color: var(--rb-badge-state-error-color);
}
.rb-badge-state-disabled {
background-color: var(--rb-badge-state-disabled-color);
}
.rb-badge-state-default {
background-color: var(--rb-badge-state-default-color);
}
.rb-badge-state-default,
.rb-badge-state-disabled,
.rb-badge-state-error,
.rb-badge-state-info,
.rb-badge-state-processing,
.rb-badge-state-success,
.rb-badge-state-warning {
box-shadow: none;
}
.rb-ribbon-wrapper {
position: relative;
}
.rb-ribbon-content {
background-color: var(--rb-ribbon-content-bg-color);
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
color: var(--rb-ribbon-content-color);
max-width: 40%;
padding: 4px 12px;
position: absolute;
right: -8px;
top: 8px;
}
.rb-ribbon-content .rb-ribbon-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.rb-ribbon-content .rb-ribon-anger {
border: 4px solid var(--rb-ribbon-anger-bg-color);
border-block-end-color: transparent;
border-inline-end-color: transparent;
color: currentcolor;
filter: brightness(84%);
height: 8px;
inset-inline-end: 0;
position: absolute;
top: 100%;
transform: scaleY(0.5);
transform-origin: top;
width: 8px;
}
.rb-step-line {
background-color: var(--rb-steps-line-bg-color);
content: "";
height: 1px;
left: 100%;
position: absolute;
width: 999px;
}
.rb-disabled {
cursor: not-allowed !important;
}
.rb-steps {
align-items: center;
width: 100%;
}
.rb-step,
.rb-steps {
display: flex;
position: relative;
}
.rb-step {
flex: 1;
overflow: hidden;
}
.rb-step-dot {
border-radius: 50%;
height: 8px;
width: 8px;
}
.rb-steps-horizontal {
margin-bottom: var(--rb-steps-horizontal-margin-bottom, 16px);
}
.rb-steps-horizontal .rb-step:not(:first-child) {
padding-left: 12px;
}
.rb-steps-horizontal .rb-step-content {
margin-left: 8px;
min-width: 70px;
}
.rb-steps-horizontal .rb-step-title:after {
background-color: var(--rb-steps-line-bg-color);
content: "";
height: 1px;
left: 100%;
position: absolute;
width: 999px;
}
.rb-step-icon > span.default.rainbow {
font-size: 16px;
}
.rb-step-serial {
border-radius: 50%;
display: flex;
font-size: 14px;
justify-content: center;
line-height: 22px;
width: 32px;
}
.rb-step-serial,
.rb-step-title {
align-items: center;
height: 32px;
position: relative;
}
.rb-step-title {
color: var(--rb-steps-step-title-color);
display: inline-flex;
font-size: 16px;
line-height: 24px;
padding-right: 12px;
white-space: nowrap;
}
.rb-step-title .rb-step-sub-title {
color: var(--rb-steps-step-subtitle-color);
height: 32px;
line-height: 32px;
margin-left: 8px;
}
.rb-step-description {
color: var(--rb-steps-step-description);
font-size: 14px;
}
.rb-steps-mode-dot {
pointer-events: none;
}
.rb-steps-mode-dot .rb-step {
flex-direction: column;
margin-bottom: 0 !important;
}
.rb-steps-mode-dot .rb-step:first-child .rb-step-icon > .rb-step-dot:before,
.rb-steps-mode-dot .rb-step:last-child .rb-step-icon > .rb-step-dot:after {
content: none;
}
.rb-steps-mode-dot .rb-step-icon {
align-items: center;
display: flex;
height: 32px;
justify-content: center;
width: auto;
}
.rb-steps-mode-dot .rb-step-icon .rb-step-dot {
position: relative;
}
.rb-steps-mode-dot .rb-step-icon .rb-step-dot:before {
left: 100%;
left: auto;
right: calc(100% + 8px);
}
.rb-steps-mode-dot .rb-step-icon .rb-step-dot:after,
.rb-steps-mode-dot .rb-step-icon .rb-step-dot:before {
background-color: var(--rb-steps-line-bg-color);
content: "";
height: 1px;
height: 2px;
position: absolute;
top: 50%;
width: 999px;
}
.rb-steps-mode-dot .rb-step-icon .rb-step-dot:after {
left: 100%;
left: calc(100% + 8px);
}
.rb-steps-mode-dot .rb-step-content {
align-items: center;
display: flex;
flex-direction: column;
}
.rb-steps-mode-dot .rb-step-content .rb-step-title:after {
content: none;
}
.rb-steps-mini .rb-step {
align-items: center;
}
.rb-steps-mini .rb-step-title {
font-size: 14px;
height: 24px;
line-height: 22px;
}
.rb-steps-mini .rb-step-icon {
width: 24px;
}
.rb-steps-mini .rb-step-icon > span.default.rainbow {
font-size: 12px;
}
.rb-steps-mini .rb-step-serial {
font-size: 12px;
height: 24px;
line-height: 20px;
width: 24px;
}
.rb-step-has-cus-icon .rb-step-icon {
height: 24px;
}
.rb-step-has-cus-icon .rb-step-icon > span.rainbow {
font-size: 24px;
}
.rb-step-has-cus-icon .rb-step-title {
height: 24px;
}
.rb-steps-vertical {
align-items: flex-start;
display: inline-flex;
flex-direction: column;
margin-right: var(--rb-steps-vertical-margin-right, 16px);
}
.rb-steps-vertical .rb-step {
flex-direction: row;
margin-bottom: 8px;
min-height: 64px;
padding-left: 0;
}
.rb-steps-vertical .rb-step .rb-step-content {
align-items: flex-start;
margin-left: 8px;
}
.rb-steps-vertical .rb-step .rb-step-icon {
position: relative;
width: 32px;
}
.rb-steps-vertical .rb-step .rb-step-icon .rb-step-dot:before {
width: 0;
}
.rb-steps-vertical .rb-step .rb-step-icon .rb-step-dot:after {
left: 3px;
top: calc(100% + 8px);
width: 2px;
}
.rb-steps-vertical .rb-step .rb-step-icon > span:after {
background-color: var(--rb-steps-line-bg-color);
content: "";
height: 999px;
left: 50%;
position: absolute;
top: calc(100% + 8px);
width: 1px;
}
.rb-step:last-child .rb-step-icon span:after,
.rb-step:last-child .rb-step-title:after {
content: none;
}
.rb-step-wait {
color: var(--rb-steps-step-undo-color);
}
.rb-step-wait .rb-step-serial {
background-clip: padding-box;
background-color: var(--rb-steps-serial-undo-bg-color);
border-color: var(--rb-steps-serial-undo-border-color);
}
.rb-step-wait .rb-step-title {
color: var(--rb-steps-serial-undo-title-color);
}
.rb-step-wait .rb-step-dot {
background-color: var(--rb-steps-step-undo-dot-color);
}
.rb-step-wait.rb-step-has-cus-icon {
color: var(--rb-steps-step-icon-undo-color);
}
.rb-step-process {
color: var(--rb-steps-step-doing-color);
}
.rb-step-process .rb-step-serial {
background-color: var(--rb-steps-serial-doing-bg-color);
border-color: var(--rb-steps-serial-doing-border-color);
}
.rb-step-process .rb-step-description {
color: var(--rb-steps-step-doing-description-color);
}
.rb-step-process .rainbow {
color: var(--rb-steps-step-doing-icon-color);
}
.rb-step-process .rb-step-dot {
background-color: var(--rb-steps-step-doing-dot-color);
}
.rb-step-process .rb-step-dot:before {
background-color: var(--rb-steps-done-line-bg-color) !important;
}
.rb-step-finish {
color: var(--rb-steps-step-done-color);
}
.rb-step-finish .rb-step-serial {
background-clip: padding-box;
background-color: var(--rb-steps-serial-done-bg-color);
border-color: var(--rb-steps-serial-done-border-color);
display: flex;
}
.rb-step-finish .rb-step-title:after {
background-color: var(--rb-steps-done-line-bg-color);
}
.rb-step-finish.rb-step-has-cus-icon {
color: var(--rb-steps-step-icon-done-color);
}
.rb-step-finish .rb-step-icon > span:after {
background-color: var(--rb-steps-done-line-bg-color) !important;
}
.rb-step-finish .rb-step-icon .rb-step-dot {
background-color: var(--rb-steps-step-done-dot-color);
}
.rb-step-finish .rb-step-icon .rb-step-dot:before {
background-color: var(--rb-steps-done-line-bg-color);
}
.rb-step-error .rb-step-description,
.rb-step-error .rb-step-icon,
.rb-step-error .rb-step-serial,
.rb-step-error .rb-step-title {
color: var(--rb-steps-step-error-color);
}
.rb-step-error .rb-step-serial {
background-color: var(--rb-steps-step-error-bg-color);
border-color: var(--rb-steps-step-error-border-color);
display: flex;
}
.rb-steps-navigation.rb-steps:after {
background-color: var(--rb-steps-step-nav-border-color);
bottom: 0;
content: "";
height: 1px;
position: absolute;
width: 100%;
}
.rb-steps-navigation .rb-step-title:after {
content: none;
}
.rb-steps-horizontal.rb-steps-navigation .rb-step {
justify-content: center;
padding-bottom: 12px;
padding-left: 32px;
}
.rb-steps-navigation .rb-step-navi-arrow {
align-items: center;
display: flex;
padding-bottom: 12px;
position: relative;
}
.rb-steps-navigation .rb-step-navi-arrow > span {
color: var(--rb-steps-step-nav-arrow-color);
font-size: 16px;
}
.rb-steps-navigation .rb-step-navi-arrow:last-child {
display: none;
}
.rb-steps-navigation .rb-step-active:after {
background-color: var(--rb-steps-step-nav-doing-border-color);
bottom: 0;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 100%;
z-index: 1;
}
.rb-steps-ribbon .rb-step {
background-color: var(--rb-steps-step-ribbon-undo-bg-color);
height: 32px;
justify-content: center;
line-height: 32px;
}
.rb-steps-ribbon .rb-step-ribbon-end {
border-bottom: 16px solid var(--rb-steps-step-ribbon-undo-bg-color);
border-left: 10px solid transparent;
border-top: 16px solid var(--rb-steps-step-ribbon-undo-bg-color);
height: 0;
margin-left: -6px;
width: 0;
}
.rb-steps-ribbon .rb-step-ribbon-end:first-child {
margin-left: 0;
}
.rb-steps-ribbon .rb-step-ribbon-head {
border-bottom: 16px solid transparent;
border-left: 10px solid var(--rb-steps-step-ribbon-undo-bg-color);
border-top: 16px solid transparent;
height: 0;
width: 0;
z-index: 1;
}
.rb-steps-ribbon .rb-step-title {
display: block;
line-height: 32px;
overflow: hidden;
padding-right: 24px;
text-overflow: ellipsis;
}
.rb-steps-ribbon .rb-step-title:after {
content: none;
}
.rb-steps-ribbon .rb-step-serial {
height: 20px;
margin-top: 6px;
width: 20px;
}
.rb-steps-ribbon.rb-steps-horizontal .rb-step:not(:first-child) {
padding-left: 0;
}
.rb-steps-ribbon .rb-step-icon {
margin-left: 24px;
}
.rb-steps-ribbon .rb-step-icon span.default.rainbow {
font-size: 12px;
}
.rb-steps-ribbon .rb-step-finish .rb-step-serial {
background-color: var(--rb-steps-step-ribbon-done-icon-bg-color);
border-color: var(--rb-steps-step-ribbon-done-icon-border-color);
color: var(--rb-steps-step-ribbon-done-icon-color);
}
.rb-steps-ribbon .rb-step-finish .rb-step-title {
color: var(--rb-steps-step-ribbon-done-color) !important;
}
.rb-steps-ribbon .rb-step-finish.rb-step {
background-color: var(--rb-steps-step-ribbon-done-bg-color);
}
.rb-steps-ribbon .done.rb-step-ribbon-end {
border-bottom-color: var(--rb-steps-step-ribbon-done-bg-color);
border-top-color: var(--rb-steps-step-ribbon-done-bg-color);
}
.rb-steps-ribbon .done.rb-step-ribbon-head {
border-left: 10px solid var(--rb-steps-step-ribbon-done-bg-color);
}
.rb-steps-ribbon .rb-step-process .rb-step-serial {
background-color: var(--rb-steps-step-ribbon-icon-bg-color);
border-color: var(--rb-steps-step-ribbon-icon-border-color);
color: var(--rb-steps-step-ribbon-done-icon-color);
}
.rb-steps-ribbon .rb-step-process .rb-step-title {
color: var(--rb-steps-step-ribbon-doing-color) !important;
}
.rb-steps-ribbon .rb-step-process.rb-step {
background-color: var(--rb-steps-step-ribbon-doing-bg-color);
}
.rb-steps-ribbon .rb-step-process .rb-step-serial {
color: var(--rb-steps-step-done-color);
}
.rb-steps-ribbon .doing.rb-step-ribbon-end {
border-bottom-color: var(--rb-steps-step-ribbon-doing-bg-color);
border-top-color: var(--rb-steps-step-ribbon-doing-bg-color);
}
.rb-steps-ribbon .doing.rb-step-ribbon-head {
border-left: 10px solid var(--rb-steps-step-ribbon-doing-bg-color);
}
.rb-steps-ribbon .rb-step-wait .rb-step-serial {
background-color: var(--rb-steps-step-ribbon-undo-icon-bg-color);
border-color: var(--rb-steps-step-ribbon-undo-icon-border-color);
color: var(--rb-steps-step-ribbon-undo-icon-color) !important;
}
.rb-steps-ribbon .rb-step-wait .rb-step-title {
color: var(--rb-steps-step-ribbon-undo-color) !important;
}
.rb-steps-ribbon .rb-step-wait.rb-step {
background-color: var(--rb-steps-step-ribbon-undo-bg-color);
}
.rb-steps-ribbon .rb-step-wait .rb-step-serial {
color: var(--rb-steps-step-done-color);
}
.rb-step-click:not(.rb-step-active) {
cursor: pointer;
}
.rb-step-click:not(.rb-step-active).rb-step-wait:not(.rb-step-active):hover .rb-step-icon,
.rb-step-click:not(.rb-step-active):not(.rb-disabled):hover .rb-step-description,
.rb-step-click:not(.rb-step-active):not(.rb-disabled):hover .rb-step-title {
color: var(--rb-steps-step-nav-click-hover-color);
}
.rb-skeleton {
width: 100%;
}
.rb-skeleton-button,
.rb-skeleton-input,
.rb-skeleton-paragraph li,
.rb-skeleton-table ul li,
.rb-skeleton-title {
background-color: var(--rb-skeleton-bg-color);
border-radius: 4px;
width: 100%;
}
.rb-skeleton-title {
height: 16px;
}
.rb-skeleton-paragraph li {
height: 14px;
}
.rb-skeleton-paragraph {
margin-top: 24px;
}
.rb-skeleton-paragraph li:not(:last-child) {
margin-bottom: 8px;
}
.rb-skeleton-button,
.rb-skeleton-input {
height: 32px;
}
.rb-skeleton-table ul:not(:last-child) li {
border-radius: 0;
height: 47px;
}
.rb-skeleton-button {
width: 80px;
}
.rb-skeleton-table .rb-skeleton-input {
margin-bottom: 16px;
width: calc(50% - 8px);
}
.rb-skeleton-table ul {
display: flex;
padding: 16px 0;
}
.rb-skeleton-table .rb-skeleton-table-pagination {
gap: 8px;
height: 32px;
justify-content: flex-end;
margin-top: 16px;
}
.rb-skeleton-table .rb-skeleton-table-pagination li {
flex: none;
width: 32px;
}
.rb-skeleton-table.with-border ul:not(.rb-skeleton-table-pagination) {
border-bottom: 1px solid var(--rb-skeleton-border-color);
}
.rb-skeleton-active .rb-skeleton-button,
.rb-skeleton-active .rb-skeleton-input,
.rb-skeleton-active .rb-skeleton-paragraph li,
.rb-skeleton-active .rb-skeleton-table ul li,
.rb-skeleton-active .rb-skeleton-title {
background-color: transparent;
overflow: hidden;
position: relative;
z-index: 0;
}
.rb-skeleton-active .rb-skeleton-button:after,
.rb-skeleton-active .rb-skeleton-input:after,
.rb-skeleton-active .rb-skeleton-paragraph li:after,
.rb-skeleton-active .rb-skeleton-table ul li:after,
.rb-skeleton-active .rb-skeleton-title:after {
-webkit-animation: rb-skeleton-loading 1.4s ease infinite;
-moz-animation: rb-skeleton-loading 1.4s ease infinite;
animation: rb-skeleton-loading 1.4s ease 0.1s infinite;
background: linear-gradient(90deg, var(--rb-skeleton-bg-color) 25%, var(--rb-skeleton-bg-active-color) 37%, var(--rb-skeleton-bg-color) 63%);
bottom: 0;
content: "";
left: -150%;
position: absolute;
right: -150%;
top: 0;
}
@keyframes rb-skeleton-loading {
0% {
transform: translateX(-37.5%);
}
to {
transform: translateX(37.5%);
}
}
@-webkit-keyframes rb-skeleton-loading {
0% {
transform: translateX(-37.5%);
}
to {
transform: translateX(37.5%);
}
}
@-moz-keyframes rb-skeleton-loading {
0% {
transform: translateX(-37.5%);
}
to {
transform: translateX(37.5%);
}
}
.rb-qrcode {
align-items: center;
background-color: var(--rb-qrcode-bg-color);
border-radius: 4px;
display: flex;
justify-content: center;
position: relative;
}
.rb-qrcode-withborder {
border: 1px solid var(--rb-qrcode-border-color);
}
.rb-qrcode-mask {
align-items: center;
background-color: var(--rb-qrcode-mask-bg-color);
border-radius: 4px;
color: var(--rb-qrcode-mask-font-color);
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
padding: 0 16px;
position: absolute;
width: 100%;
}
.rb-qrcode-mask .rb-btn-type-link {
height: auto;
margin-top: 8px;
}
.rb-qrcode-mask p {
text-align: center;
}
.rb-highlight {
color: var(--rb-color-text);
}
.rb-highlight .rb-highlight-item {
color: var(--rb-highlight-color);
}
.rb-highlight .rb-highlight-item-click {
cursor: pointer;
}
.rb-highlight .rb-highlight-item-click:hover {
color: var(--rb-highlight-hover-color);
}
.rb-highlight .rb-highlight-item-click:active {
color: var(--rb-highlight-active-color);
}
.rb-sidemenu-all-mode {
background-color: var(--all-menu-bg-color);
box-shadow: var(--rb-box-shadow-color);
color: var(--all-menu-color);
height: 100%;
left: 0;
overflow: auto;
padding: 20px 0;
position: absolute;
top: 0;
width: 1190px;
z-index: 998;
}
.rb-sidemenu-all-mode .collect.rainbow.StarFill16 {
color: var(--all-menu-star-collect-color);
visibility: visible;
}
.rb-sidemenu-all-mode .rainbow.StarFill16 {
visibility: hidden;
}
.rb-sidemenu-all-mode .StarFill16 {
color: var(--all-menu-star-color);
font-size: 14px;
margin-left: 4px;
}
.rb-sidemenu-all-mode .all-wrapper {
align-items: flex-start;
display: flex;
}
.rb-sidemenu-all-mode .all-favorites {
width: 289px;
}
.rb-sidemenu-all-mode .all-favorites-title {
align-items: center;
display: flex;
justify-content: space-between;
padding: 5px 32px;
}
.rb-sidemenu-all-mode .all-favorites-title h4 {
color: var(--all-menu-favorites-title-color);
font-size: 16px;
font-weight: 400;
line-height: 22px;
margin-right: 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 197px;
}
.rb-sidemenu-all-mode .all-favorites-count {
background-color: var(--all-menu-favorites-count-bg-color);
border-radius: 10px;
box-shadow: 0 0 0 1px var(--all-menu-favorites-count-shadow-color);
color: var(--all-menu-favorites-count-color);
font-size: 12px;
height: 20px;
line-height: 20px;
text-align: center;
width: 20px;
}
.rb-sidemenu-all-mode .all-favorites-list {
margin-top: 16px;
}
.rb-sidemenu-all-mode .all-favorites-list .favorite-item-wrapper {
padding: 0 32px;
}
.rb-sidemenu-all-mode .all-favorites-list .favorite-item-wrapper:hover {
background-color: var(--all-menu-list-hover-bg-color);
}
.rb-sidemenu-all-mode .all-favorites-list .favorite-item {
align-items: center;
border-bottom: 1px solid var(--all-menu-item-border-color);
cursor: pointer;
display: flex;
height: 48px;
justify-content: space-between;
line-height: 48px;
}
.rb-sidemenu-all-mode .all-menu-content-recently {
padding: 16px 32px 0;
}
.rb-sidemenu-all-mode .all-menu-content-recently-title {
color: var(--all-menu-title-color);
}
.rb-sidemenu-all-mode .all-menu-content-recently .recently-list {
border-bottom: 1px solid var(--all-menu-item-border-color);
display: flex;
flex-wrap: wrap;
padding-bottom: 15px;
padding-top: 16px;
}
.rb-sidemenu-all-mode .all-menu-content-recently .recently-item {
align-items: center;
cursor: pointer;
display: inline-flex;
height: 28px;
line-height: 20px;
padding: 4px 0;
width: calc(100% / 4);
}
.rb-sidemenu-all-mode .all-menu-content {
border-left: 1px solid var(--all-menu-item-border-color);
flex: 1;
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item {
padding: 0 32px;
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item:last-of-type {
margin-bottom: 16px;
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item .all-menu-list-item-box {
align-items: flex-start;
border-bottom: 1px solid var(--all-menu-item-border-color);
display: flex;
padding: 16px 0 15px;
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item:hover {
background-color: var(--all-menu-list-hover-bg-color);
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item-level-one {
align-items: center;
display: flex;
flex-shrink: 0;
padding: 4px 0;
width: 202px;
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item-level-one .title {
color: var(--all-menu-title-color);
height: 20px;
line-height: 20px;
margin-right: 8px;
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item-level-one .SingleArrowRight16-1 {
color: var(--all-menu-title-icon-color);
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item-content {
display: flex;
flex: 1;
flex-wrap: wrap;
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item-content .item-content-child {
cursor: pointer;
position: relative;
width: calc(100% / 3);
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item-content .item-content-child-title {
display: flex;
position: relative;
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item-content .item-content-child-title .title {
position: relative;
}
.rb-sidemenu-all-mode .all-menu-list .all-menu-list-item-content .item-content-child .rainbow.ArrowDown16 {
font-size: 12px;
margin-left: 8px;
}
.rb-sidemenu-all-mode .all-menu-list .item-content-child-expanded .all-menu-li-parent {
color: var(--all-menu-item-hover-color);
position: relative;
z-index: 1;
}
.rb-sidemenu-all-mode .all-menu-list .item-content-child-expanded .all-menu-li-parent:before {
background-color: var(--all-menu-item-popup-bg-color);
border: 1px solid var(--all-menu-item-popup-border-color);
border-bottom: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
content: "";
height: 33px;
left: -15px;
padding: 0 15px;
position: absolute;
top: -8px;
width: 100%;
}
.rb-sidemenu-all-mode .all-menu-list .item-content-child-expanded .all-menu-li-parent .rainbow.ArrowDown16 {
transform: rotate(180deg);
}
.rb-sidemenu-all-mode .all-menu-list .rb-popup-bottomRight {
margin-left: 40px;
}
.all-menu-level-3 {
background: var(--all-menu-item-popup-bg-color);
border: 1px solid var(--all-menu-item-popup-border-color);
border-radius: 4px;
display: flex;
flex-wrap: wrap;
padding: 11px 23px;
width: auto;
}
.all-menu-level-3 .all-menu-leaf-node {
width: calc(100% / 3);
}
.all-menu-level-3 .all-menu-leaf-node span {
cursor: pointer;
}
.all-menu-li-item {
align-items: center;
display: flex;
font-size: 14px;
font-weight: 400;
line-height: 22px;
padding: 4px 8px;
}
.all-menu-li-item > span {
max-width: calc(100% - 64px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.all-menu-li-item:hover {
color: var(--all-menu-item-hover-color);
}
.all-menu-li-item:hover .rainbow.StarFill16 {
visibility: visible;
}
.all-menu-search-popup {
max-height: 80vh;
min-height: 62px;
}
.all-menu-search-popup.rb-list {
padding: 0;
}
.all-menu-search-popup.rb-list .rb-search-no-result {
margin: 20px 0;
}
.all-menu-search-popup.rb-search-result {
background-color: var(--all-menu-search-bg-color);
}
.all-menu-content-search {
padding: 0 32px;
}
.all-menu-content-search .rb-input-wrapper {
background-color: var(--all-menu-search-input-bg-color);
border-color: var(--all-menu-search-input-border-color);
}
.all-menu-content-search .rb-input-wrapper .rb-input-prefix .rainbow {
color: var(--all-menu-search-input-icon-color);
}
.all-menu-content-search .rb-input-wrapper .rb-input-suffix .rainbow {
color: var(--all-menu-search-input-remove-icon-color);
}
.all-menu-content-search .rb-input-wrapper .rb-input {
color: var(--all-menu-search-input-color);
}
.all-menu-content-search .rb-input-wrapper-active,
.all-menu-content-search .rb-input-wrapper-hover {
border-color: var(--all-menu-search-input-border-hover-color);
}
.all-menu-content-search .rb-input-wrapper-active {
box-shadow: 0 0 0 2px var(--all-menu-search-input-border-focus-bs-color);
}
.all-menu-search-group {
padding: 0 36px;
}
.all-menu-search-group:last-of-type {
margin-bottom: 32px;
}
.all-menu-search-item {
align-items: baseline;
border-bottom: 1px solid var(--all-menu-search-border-color);
display: flex;
line-height: 20px;
padding: 16px 0 15px;
}
.all-menu-search-item .all-menu-search-high-light {
background-color: var(--all-menu-search-high-light-bg-color);
color: var(--all-menu-search-high-light-color);
}
.all-menu-search-item-parent {
align-items: center;
color: var(--all-menu-search-parent-color);
column-gap: 8px;
display: inline-flex;
margin-right: 8px;
padding: 4px 0;
white-space: nowrap;
}
.all-menu-search-item-parent .rainbow {
color: var(--all-menu-search-arrow-color);
}
.all-menu-search-item-parent:last-of-type {
margin-right: 0;
}
.all-menu-search-item .search-leaf-node-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.all-menu-search-item .search-leaf-node {
align-items: center;
border-radius: 4px;
color: var(--all-menu-search-color);
cursor: pointer;
display: inline-flex;
padding: 4px 8px;
}
.all-menu-search-item .search-leaf-node .all-menu-search-high-light {
background-color: var(--all-menu-search-high-light-bg-color);
color: var(--all-menu-search-high-light-color);
}
.all-menu-search-item .search-leaf-node:hover {
background: var(--all-menu-search-hover-bg-color);
color: var(--all-menu-search-hover-color);
}
.all-menu-search-item .search-leaf-node:hover .StarFill16 {
visibility: visible;
}
.all-menu-search-item .collect.rainbow.StarFill16 {
color: var(--all-menu-star-collect-color);
visibility: visible;
}
.all-menu-search-item .rainbow.StarFill16 {
visibility: hidden;
}
.all-menu-search-item .StarFill16 {
color: var(--all-menu-star-color);
font-size: 14px;
margin-left: 4px;
}
.hoverTreeContainer {
background-color: var(--sidebar-menu-level-one-hover-bg-color);
box-shadow: var(--rb-box-shadow-color);
color: var(--sidebar-menu-color);
display: block;
height: fit-content;
left: 56px;
line-height: 22px;
position: absolute;
width: 192px;
}
.hoverTreeContainer .rb-sidemenu-float-menu-title {
display: block;
max-width: 160px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.hoverTreeContainer > ul {
list-style: none;
margin-bottom: 0;
margin-top: 0;
padding-left: 0;
}
.hoverTreeContainer ul li {
height: 40px;
line-height: 40px;
list-style: none;
padding: 0 16px;
}
.hoverTreeContainer ul li .treeview-group {
align-items: center;
display: flex;
justify-content: space-between;
}
.hoverTreeContainer ul li .treeview-group .rb-sidemenu-float-menu-title-box {
align-items: center;
display: flex;
}
.hoverTreeContainer ul li:not(.float_head) {
color: var(--sidebar-menu-level-two-color);
cursor: pointer;
}
.hoverTreeContainer ul li:not(.float_head).active_float {
background-color: var(--sidebar-menu-selected-bg-color) !important;
color: var(--sidebar-menu-selected-color) !important;
}
.hoverTreeContainer ul li:not(.float_head).active_float .SingleArrowRight16-1 {
color: var(--sidebar-menu-selected-color) !important;
}
.hoverTreeContainer ul li:not(.float_head):hover {
background-color: var(--sidebar-menu-level-two-hover-bg-color);
color: var(--sidebar-menu-level-two-hover-color);
}
.hoverTreeContainer ul li:not(.float_head):hover .SingleArrowRight16-1 {
color: var(--sidebar-menu-level-two-hover-color);
}
.hoverTreeContainer .float_hasChild .rb-sidemenu-float-menu-title {
max-width: 136px;
}
.hoverTreeContainer .float_hasChild.rb-sidemenu-hasnew .rb-sidemenu-float-menu-title {
max-width: 92px;
}
.hoverTreeContainer .rb-sidemenu-hasnew .rb-sidemenu-float-menu-title {
max-width: 116px;
}
.hoverTreeContainer .rb-sidemenu-float-expanded .rb-sidemenu-item-icon {
color: var(--sidebar-menu-level-one-hover-icon-color);
}
.hoverTreeContainer .float_head {
align-items: center;
color: var(--sidebar-menu-level-one-expanded-color);
display: flex;
height: 48px;
}
.hoverTreeContainer .float_head .rb-sidemenu-float-menu-title {
color: var(--sidebar-menu-level-one-hover-color);
}
.hoverTreeContainer .float_head .rb-sidemenu-float-menu-title.rb-selected-float-root {
color: var(--sidebar-menu-level-one-selected-color);
}
.hoverTreeContainer .rb-sidemenu-float-menu-divider {
margin: 0;
padding: 0 16px;
}
.hoverTreeContainer .SingleArrowRight16-1 {
color: var(--sidebar-menu-arrow-color);
margin-left: 8px;
}
.rb-sidemenu-level-1.active_float .rb-sidemenu-item {
background-color: var(--sidebar-menu-level-one-hover-bg-color);
width: 56px;
}
.rb-sidemenu-level-1.active_float .rb-sidemenu-item-icon {
color: var(--sidebar-menu-level-one-hover-icon-color);
}
.rb-sidemenu-level-1.rb-selected-float-root > .rb-sidemenu-item {
background-color: var(--sidebar-menu-level-one-selected-bg-color) !important;
color: var(--sidebar-menu-level-one-selected-color) !important;
}
.rb-sidemenu-level-1.rb-selected-float-root > .rb-sidemenu-item:before {
background-color: var(--sidebar-menu-level-one-expanded-before-color);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 3px;
}
.rb-sidemenu-level-1.rb-selected-float-root > .rb-sidemenu-item .rainbow.SingArrowDown {
color: var(--sidebar-menu-level-one-selected-color) !important;
}
.rb-sidemenu-level-1.rb-selected-float-root > .rb-sidemenu-item .rb-sidemenu-item-icon {
color: var(--sidebar-menu-level-one-selected-icon-color) !important;
}
.rb-side-menu-wrapper {
background-color: var(--sidebar-menu-bg-color);
box-shadow: inset -1px 0 0 var(--sidebar-menu-box-shadow-color);
color: var(--sidebar-menu-color);
font-size: 14px;
height: calc(100vh - 58px);
line-height: 22px;
position: relative;
transition: visibility 0.3s, width 0.1s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.rb-side-menu-wrapper::-webkit-scrollbar {
display: none;
height: 0;
width: 0;
}
.rb-side-menu-wrapper .rainbow.SingArrowDown {
color: var(--sidebar-menu-arrow-color);
}
.rb-sidemenu-default-mode {
width: 256px;
}
.rb-sidemenu-default-mode .rb-sidemenu-item-info {
width: calc(100% - 24px);
}
.rb-sidemenu-default-mode .rb-sidemenu-item-info.with-new-tag {
width: calc(100% - 64px);
}
.rb-sidemenu-mini-mode {
position: relative;
width: 56px;
}
.rb-sidemenu-mini-mode .action-tip,
.rb-sidemenu-mini-mode .rb-sidemenu-footer-lock,
.rb-sidemenu-mini-mode .rb-sidemenu-item-content,
.rb-sidemenu-mini-mode .rb-sidemenu-submenu-arrow {
display: none;
}
.rb-sidemenu-mini-mode .rb-sidemenu-item-icon {
width: 50px;
}
.rb-sidemenu-mini-mode .rb-sidemenu-footer-action .rainbow {
transform: rotate(180deg);
}
.rb-sidemenu-float-mode {
box-shadow: inset -1px 0 0 var(--sidebar-menu-box-shadow-color), var(--rb-box-shadow-color);
position: relative;
width: 255px;
}
.rb-sidemenu-float-mode .rb-sidemenu-float-mode-menu {
position: absolute;
}
.rb-sidemenu {
height: 100%;
list-style: none;
overflow: auto;
}
.rb-sidemenu.rb-sidemenu-level-1 {
height: calc(100% - 60px);
}
.rb-sidemenu::-webkit-scrollbar {
display: none;
height: 0;
width: 0;
}
.rb-sidemenu-item {
align-items: center;
cursor: pointer;
display: flex;
height: 48px;
justify-content: space-between;
padding: 0 16px 0 19px;
position: relative;
width: calc(100% - 1px);
}
.rb-sidemenu-item .rb-sidemenu-submenu-arrow {
margin-left: 8px;
padding: 1px;
}
.rb-sidemenu-item .rb-sidemenu-submenu-arrow span {
transition: transform 0.3s cubic-bezier(0.5, 0, 1, 0);
}
.rb-sidemenu-item > span {
align-items: center;
display: inline-flex;
}
.rb-sidemenu-item .rb-sidemenu-item-content {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rb-sidemenu-item-icon {
color: var(--sidebar-menu-icon-color);
height: 18px;
margin-right: 9px;
}
.rb-sidemenu-item-icon span {
font-size: 18px;
}
.rb-sidemenu-item-content {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rb-sidemenu-item-new-tag {
background-color: var(--sidebar-menu-new-tag-bg-color);
border: 1px solid var(--sidebar-menu-new-tag-border-color);
border-radius: 2px;
box-sizing: content-box;
color: var(--sidebar-menu-new-tag-color);
font-size: 10px;
height: 16px;
line-height: 16px;
margin: 0 0 0 8px;
padding: 0 4px;
text-align: center;
transform: scale(0.8);
word-break: keep-all;
}
.rb-sidemenu-sub {
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.5, 0, 1, 0);
}
.rb-sidemenu-level-1 .rb-sidemenu-item {
background-color: var(--sidebar-menu-level-one-bg-color);
}
.rb-sidemenu-level-1 .rb-sidemenu-item:hover {
background-color: var(--sidebar-menu-level-one-hover-bg-color);
}
.rb-sidemenu-level-1 .rb-sidemenu-item:hover,
.rb-sidemenu-level-1 .rb-sidemenu-item:hover .rainbow.SingArrowDown {
color: var(--sidebar-menu-level-one-hover-color);
}
.rb-sidemenu-level-1 .rb-sidemenu-item:hover .rb-sidemenu-item-icon {
color: var(--sidebar-menu-level-one-hover-icon-color);
}
.rb-sidemenu-level-1 > .rb-sidemenu-item.rb-sidemenu-item-leaf.rb-sidemenu-item-selected {
background-color: var(--sidebar-menu-level-one-expanded-bg-color);
color: var(--sidebar-menu-level-one-expanded-color);
}
.rb-sidemenu-level-1 > .rb-sidemenu-item.rb-sidemenu-item-leaf.rb-sidemenu-item-selected:before {
background-color: var(--sidebar-menu-level-one-expanded-before-color);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 3px;
}
.rb-sidemenu-level-1 .rb-sidemenu-sub .rb-sidemenu-item {
padding: 0 18px 0 45px;
}
.rb-sidemenu-level-2 {
background-color: var(--sidebar-menu-leaf-expanded-bg-color);
box-shadow: inset -1px 0 0 var(--sidebar-menu-box-shadow-color);
}
.rb-sidemenu-level-2 .rb-sidemenu-item {
background-color: var(--sidebar-menu-level-two-bg-color);
color: var(--sidebar-menu-level-two-color);
height: 40px;
padding: 0 18px 0 45px;
}
.rb-sidemenu-level-2 .rb-sidemenu-item:hover {
background-color: var(--sidebar-menu-level-two-hover-bg-color);
}
.rb-sidemenu-level-2 .rb-sidemenu-item:hover,
.rb-sidemenu-level-2 .rb-sidemenu-item:hover .rainbow.SingArrowDown {
color: var(--sidebar-menu-level-two-hover-color);
}
.rb-sidemenu-level-2 .rb-sidemenu-sub .rb-sidemenu-item {
padding: 0 18px 0 61px;
}
.rb-sidemenu-item-leaf.rb-sidemenu-item.rb-sidemenu-item-selected {
background-color: var(--sidebar-menu-selected-bg-color);
color: var(--sidebar-menu-selected-color);
}
.rb-sidemenu-folded > .rb-sidemenu-sub {
max-height: 0;
transition: max-height 0.4s cubic-bezier(0, 1, 0, 1) -0.15s;
}
.rb-sidemenu-expanded > .rb-sidemenu-sub {
max-height: 9999px;
}
.rb-sidemenu-expanded.rb-sidemenu-level-1 > .rb-sidemenu-level-2 {
box-shadow: inset -1px 0 0 var(--sidebar-menu-box-shadow-color);
padding: 4px 0;
}
.rb-sidemenu-expanded.rb-sidemenu-level-1 > .rb-sidemenu-item:not(:hover) {
background-color: var(--sidebar-menu-level-one-expanded-bg-color);
color: var(--sidebar-menu-level-one-expanded-color);
}
.rb-sidemenu-expanded.rb-sidemenu-level-1 > .rb-sidemenu-item:not(:hover) .rainbow.SingArrowDown:not(:hover) {
color: var(--sidebar-menu-level-one-expanded-color);
}
.rb-sidemenu-expanded.rb-sidemenu-level-1 > .rb-sidemenu-item:not(:hover) .rb-sidemenu-item-icon:not(:hover) {
color: var(--sidebar-menu-level-one-expanded-icon-color);
}
.rb-sidemenu-expanded.rb-sidemenu-level-2 > .rb-sidemenu-item,
.rb-sidemenu-expanded.rb-sidemenu-level-2 > .rb-sidemenu-item .rainbow.SingArrowDown {
color: var(--sidebar-menu-level-two-expanded-color);
}
.rb-sidemenu-expanded .rb-sidemenu-item-leaf {
background-color: var(--sidebar-menu-level-two-bg-color);
}
.rb-sidemenu-expanded > .rb-sidemenu-item {
position: relative;
}
.rb-sidemenu-expanded > .rb-sidemenu-item:before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 3px;
}
.rb-sidemenu-expanded > .rb-sidemenu-item .rb-sidemenu-submenu-arrow span.SingArrowDown {
transform: rotateX(180deg);
}
.rb-sidemenu-footer {
align-items: center;
background-color: var(--sidebar-menu-bg-color);
bottom: 0;
box-shadow: inset 0 1px 0 0 var(--sidebar-menu-box-shadow-color);
cursor: pointer;
display: flex;
height: 60px;
justify-content: space-between;
left: 0;
position: absolute;
width: calc(100% - 1px);
}
.rb-sidemenu-footer .rainbow {
color: var(--sidebar-menu-icon-color);
font-size: 18px;
}
.rb-sidemenu-footer-action {
align-items: center;
display: inline-flex;
flex: 1;
gap: 8px;
height: 59px;
overflow: hidden;
padding: 0 19px;
white-space: nowrap;
}
.rb-sidemenu-footer-action .action-tip {
overflow: hidden;
text-overflow: ellipsis;
}
.rb-sidemenu-footer-action:hover {
background-color: var(--sidebar-menu-level-one-hover-bg-color);
color: var(--sidebar-menu-level-one-hover-color);
}
.rb-sidemenu-footer-action:hover .rainbow {
color: var(--sidebar-menu-level-one-hover-icon-color);
}
.rb-sidemenu-footer-lock {
align-items: center;
border-left: 1px solid var(--sidebar-menu-box-shadow-color);
cursor: pointer;
display: inline-flex;
height: 59px;
justify-content: center;
width: 52px;
}
.rb-sidemenu-footer-lock:hover {
background-color: var(--sidebar-menu-level-one-hover-bg-color);
color: var(--sidebar-menu-level-one-hover-color);
}
.rb-sidemenu-submenu-arrow-blank {
width: 16px;
}
.nodeTreeFloat .float_li_box {
padding: 4px 0;
}
.nodeTreeFloat .rb-divider:after,
.nodeTreeFloat .rb-divider:before {
border-color: var(--sidebar-menu-divider-color);
}
.rb-picker-cell-inner {
height: 24px;
line-height: 24px;
position: relative;
z-index: 2;
}
.rb-picker-panel-container {
background: var(--rb-date-picker-panel-bg-color);
color: var(--rb-date-picker-panel-color);
padding-top: 4px;
}
.rb-picker-header {
align-items: center;
background-color: var(--rb-date-picker-header-bg-color);
color: var(--rb-date-picker-header-color);
display: flex;
height: 40px;
justify-content: space-between;
padding: 8px 4px;
}
.rb-picker-header-next-btn,
.rb-picker-header-prev-btn,
.rb-picker-header-super-next-btn,
.rb-picker-header-super-prev-btn {
cursor: pointer;
}
.rb-picker-header-view {
flex-grow: 1;
text-align: center;
}
.rb-picker-header-view button {
background-color: transparent;
border: none;
color: var(--rb-picker-header-button-color);
cursor: pointer;
}
.rb-picker-header-prev-btn,
.rb-picker-header-super-prev-btn {
margin-left: 8px;
}
.rb-picker-header-next-btn,
.rb-picker-header-super-next-btn {
margin-right: 8px;
}
.rb-picker-content {
border-collapse: collapse;
table-layout: fixed;
}
.rb-picker-content tr {
padding: 4px 0;
width: 100%;
}
.rb-picker-content thead {
background: var(--rb-date-picker-thead-bg-color);
color: var(--rb-date-picker-thead-color);
height: 32px;
}
.rb-picker-content tbody,
.rb-picker-content thead {
display: block;
padding: 4px 12px;
}
.rb-picker-content th {
font-size: 14px;
font-weight: 500;
letter-spacing: 0;
line-height: 22px;
text-align: center;
width: 48px;
}
.rb-picker-cell {
cursor: pointer;
position: relative;
text-align: center;
}
.rb-picker-cell-weekend {
color: var(--rb-date-picker-weekend-font-color);
}
.rb-picker-cell.rb-picker-week-count {
color: var(--rb-date-picker-week-count-color);
}
.rb-picker-cell-disabled {
color: var(--rb-date-picker-time-disabled-color);
pointer-events: none;
}
.rb-picker-cell-disabled:not(.rb-picker-cell-in-range):after {
background-color: var(--rb-date-picker-disabled-bg-color);
content: "";
height: 24px;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.rb-picker-cell-current:not(.rb-picker-cell-in-range):before {
background-color: var(--rb-date-picker-current-bg-color);
border-radius: 4px;
bottom: 4px;
content: "";
height: 4px;
left: 50%;
margin-left: -2px;
position: absolute;
width: 4px!important;
z-index: 3;
}
.rb-picker-cell-range-end:not(.rb-picker-cell-not-in-view) div,
.rb-picker-cell-range-start:not(.rb-picker-cell-not-in-view) div,
.rb-picker-cell-selected:not(.rb-picker-cell-not-in-view) div {
background-color: var(--rb-date-picker-checked-active-bg-color);
border-radius: 2px;
color: var(--rb-date-picker-checked-active-color);
}
.rb-picker-cell-range-end:not(.rb-picker-cell-not-in-view).rb-picker-cell-current:not(.rb-picker-cell-in-range):before,
.rb-picker-cell-range-start:not(.rb-picker-cell-not-in-view).rb-picker-cell-current:not(.rb-picker-cell-in-range):before,
.rb-picker-cell-selected:not(.rb-picker-cell-not-in-view).rb-picker-cell-current:not(.rb-picker-cell-in-range):before {
background-color: transparent;
}
.rb-picker-week-panel-row-selected {
background-color: var(--rb-date-picker-checked-active-bg-color);
border-radius: 2px;
}
.rb-picker-week-panel-row-selected,
.rb-picker-week-panel-row-selected .rb-picker-cell {
color: var(--rb-date-picker-checked-active-color);
}
.rb-picker-date-panel .rb-picker-cell:not(.rb-picker-cell-disabled):not(.rb-picker-cell-selected):not(.rb-picker-cell-range-hover):not(.rb-picker-cell-range-start):not(.rb-picker-cell-range-end):hover .rb-picker-cell-inner,
.rb-picker-decade-panel .rb-picker-cell:not(.rb-picker-cell-disabled):not(.rb-picker-cell-selected):not(.rb-picker-cell-range-hover):not(.rb-picker-cell-range-start):not(.rb-picker-cell-range-end):hover .rb-picker-cell-inner,
.rb-picker-month-panel .rb-picker-cell:not(.rb-picker-cell-disabled):not(.rb-picker-cell-selected):not(.rb-picker-cell-range-hover):not(.rb-picker-cell-range-start):not(.rb-picker-cell-range-end):hover .rb-picker-cell-inner,
.rb-picker-quarter-panel .rb-picker-cell:not(.rb-picker-cell-disabled):not(.rb-picker-cell-selected):not(.rb-picker-cell-range-hover):not(.rb-picker-cell-range-start):not(.rb-picker-cell-range-end):hover .rb-picker-cell-inner,
.rb-picker-year-panel .rb-picker-cell:not(.rb-picker-cell-disabled):not(.rb-picker-cell-selected):not(.rb-picker-cell-range-hover):not(.rb-picker-cell-range-start):not(.rb-picker-cell-range-end):hover .rb-picker-cell-inner {
background-color: var(--rb-date-picker-hover-bg-color);
color: var(--rb-date-picker-hover-color);
}
.rb-picker-decade-panel .rb-picker-cell {
padding: 4px 12px;
width: 100px;
}
.rb-picker-year-panel .rb-picker-cell {
padding: 4px 24px;
width: 112px;
}
.rb-picker-quarter-panel .rb-picker-cell {
padding: 4px 10px;
width: 84px;
}
.rb-picker-month-panel .rb-picker-cell {
padding: 4px 24px;
width: 112px;
}
.rb-picker-week-panel .rb-picker-cell {
padding: 4px 9px;
width: 42px;
}
.rb-picker-week-panel .rb-picker-content th {
width: 42px;
}
.rb-picker-week-panel .rb-picker-body tbody tr:not(.rb-picker-week-panel-row-selected):hover {
background-color: var(--rb-date-picker-hover-bg-color);
border-radius: 2px;
color: var(--rb-date-picker-hover-color);
}
.rb-picker-date-panel .rb-picker-cell {
padding: 4px 12px;
width: 48px;
}
.rb-picker-datetime-panel {
display: flex;
}
.rb-picker-datetime-panel .rb-picker-date-panel {
border-right: 1px solid var(--rb-picker-date-panel-border-color);
}
.rb-picker-time-panel .rb-picker-content {
display: flex;
height: 208px;
padding: 4px 0;
}
.rb-picker-time-panel .rb-picker-header-title {
align-items: center;
display: flex;
justify-content: space-around;
width: 100%;
}
.rb-picker-time-panel .rb-picker-header-title-cell {
background-color: var(--rb-date-picker-thead-bg-color);
height: 32px;
line-height: 32px;
text-align: center;
width: 72px;
}
.rb-picker-time-panel .rb-picker-header-title-cell:not(:last-child) {
border-right: 1px solid var(--rb-date-picker-thead-bg-color);
box-sizing: content-box;
}
.rb-picker-time-panel-column {
overflow-y: auto;
padding-bottom: 168px!important;
position: relative;
width: 72px;
}
.rb-picker-time-panel-column:not(:last-child) {
border-right: 1px solid var(--rb-picker-date-panel-border-color);
box-sizing: content-box;
}
.rb-picker-time-panel-column::-webkit-scrollbar {
display: none;
}
.rb-picker-time-panel-column-disabled .rb-picker-time-panel-cell {
background-color: var(--rb-date-picker-time-hover-bg-color);
cursor: not-allowed;
}
.rb-picker-time-panel-cell {
cursor: pointer;
padding: 4px 0;
position: relative;
}
.rb-picker-time-panel-cell-selected div {
background-color: var(--rb-date-picker-time-checked-active-bg-color) !important;
color: var(--rb-date-picker-time-checked-active-color) !important;
}
.rb-picker-time-panel-cell-inner {
height: 24px;
line-height: 24px;
position: relative;
text-align: center;
z-index: 2;
}
.rb-picker-time-panel-cell-inner:hover {
background-color: var(--rb-date-picker-time-hover-bg-color);
color: var(--rb-date-picker-time-hover-color);
}
.rb-picker-footer {
align-items: center;
border-top: 1px solid var(--rb-picker-date-panel-border-color);
display: flex;
padding: 12px;
}
.rb-picker-footer-btns {
display: inline-block;
width: 100%;
}
.rb-picker-footer-btns .rb-picker-now {
float: left;
}
.rb-picker-footer-btns .rb-picker-confirm {
float: right;
}
.rb-picker-footer-btns .rb-btn {
border-radius: 3px;
height: 24px;
line-height: 24px;
}
.rb-picker-footer-with-preset {
display: inline-flex;
gap: 8px;
justify-content: space-between;
}
.rb-picker-preset-btns {
display: inline-flex;
flex-wrap: wrap;
gap: 8px;
}
.rb-picker-cell-range-hover:not(.rb-picker-cell-not-in-view) {
position: relative;
}
.rb-picker-cell-range-hover:not(.rb-picker-cell-not-in-view):after {
border-bottom: 1px dashed var(--rb-rangepicker-hover-border-color);
border-top: 1px dashed var(--rb-rangepicker-hover-border-color);
content: "";
height: 22px;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
z-index: 2;
}
.rb-picker-cell-range-hover-end:not(.rb-picker-cell-not-in-view):after,
.rb-picker-cell-range-hover-start:not(.rb-picker-cell-not-in-view):after {
width: calc(100% - 10px);
}
.rb-picker-cell-range-hover-start.rb-picker-cell-range-end:after {
width: 100%;
}
.rb-picker-cell-end.rb-picker-cell-range-hover:after,
.rb-picker-cell-range-hover-end:not(.rb-picker-cell-not-in-view):after,
.rb-picker-cell-range-hover:last-child:not(.rb-picker-cell-not-in-view):after {
border-bottom-right-radius: 2px;
border-right: 1px dashed var(--rb-rangepicker-hover-border-color);
border-top-right-radius: 2px;
z-index: 2;
}
.rb-picker-cell-range-hover-start:not(.rb-picker-cell-not-in-view):after,
.rb-picker-cell-range-hover.rb-picker-cell-start:not(.rb-picker-cell-not-in-view):after,
.rb-picker-cell-range-hover:first-child:not(.rb-picker-cell-not-in-view):after {
border-bottom-left-radius: 2px;
border-left: 1px dashed var(--rb-rangepicker-hover-border-color);
border-top-left-radius: 2px;
z-index: 2;
}
.rb-picker-cell-range-hover-start:not(.rb-picker-cell-not-in-view):after {
left: 9px;
}
.rb-picker-cell-in-range,
.rb-picker-cell-range-start {
position: relative;
}
.rb-picker-cell-in-range:before,
.rb-picker-cell-range-start:before {
content: "";
height: 24px;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
z-index: 1;
}
.rb-picker-cell-in-range:not(.rb-picker-cell-not-in-view):before,
.rb-picker-cell-range-start:not(.rb-picker-cell-not-in-view):before {
background-color: var(--rb-rangepicker-checked-bg-color);
}
.rb-picker-cell-in-range.rb-picker-cell-end:before,
.rb-picker-cell-in-range:last-child:before {
border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
}
.rb-picker-cell-in-range.rb-picker-cell-start:before,
.rb-picker-cell-in-range:first-child:before {
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
}
.rb-picker-cell-range-start:before {
left: 9px;
width: calc(100% - 18px);
}
.rb-picker-cell-range-start.rb-picker-cell-in-range:before {
left: 9px;
width: calc(100% - 9px);
}
.rb-picker-cell-range-end:not(.rb-picker-cell-not-in-view):before {
width: calc(100% - 18px);
}
.rb-picker-cell-not-in-view {
color: var(--rb-date-picker-not-in-view-color);
}
.rb-picker-hover-value input {
color: var(--rb-placeholder-color);
}
.rb-picker-header-title {
list-style: none;
}
.rb-picker-input {
width: 100%;
}
.rb-picker-panels {
display: flex;
}
.rb-picker-input {
height: 100%;
}
.rb-picker-input-selected {
position: relative;
}
.rb-picker-input-selected:after {
background-color: var(--rb-rangepicker-input-border-color);
bottom: 0;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 80%;
}
.rb-picker-input-end {
margin-left: 8px;
}
.rb-picker-preset-btn {
background-color: var(--rb-btn-default-bg-color);
border: 1px solid var(--rb-btn-default-border-color);
border-radius: 3px;
color: var(--rb-btn-default-color);
cursor: pointer;
float: left;
height: 24px;
line-height: 24px;
padding: 0 8px;
}
.rb-picker-preset-btn:hover {
background-color: var(--rb-btn-default-hover-bg-color);
border-color: var(--rb-btn-default-hover-border-color);
color: var(--rb-btn-default-hover-color);
}
.rb-picker-preset-btn:active {
background-color: var(--rb-btn-default-active-bg-color);
border-color: var(--rb-btn-default-active-border-color);
color: var(--rb-btn-default-active-color);
}
.rb-picker-double-panel {
width: 620px;
}
.rb-picker-single-panel {
width: 579px;
}
.rb-calendar {
--rb-calendar-line-height: 122px;
color: var(--rb-color-text);
}
.rb-calendar__header .rb-space {
gap: 8px!important;
justify-content: right !important;
}
.rb-calendar__header .rb-space .rb-input-group {
width: auto;
}
.rb-calendar__header .rb-space .rb-input-group:first-child .rb-input-group-content {
width: 88px;
}
.rb-calendar__header .rb-space .rb-input-group:nth-child(2) .rb-input-group-content {
width: 72px;
}
.rb-calendar__header .rb-space .rb-input-group:last-child .rb-input-group-content {
width: auto;
}
.rb-calendar-content {
border-collapse: collapse;
height: calc(var(--rb-calendar-line-height) * 4);
margin-top: 16px;
text-align: right;
width: 100%;
}
.rb-calendar-content thead th {
color: var(--rb-calendar-thead-color);
padding: 8px 12px;
}
.rb-calendar-content tbody tr {
height: var(--rb-calendar-line-height);
}
.rb-calendar-content .rb-calendar-cell {
border-radius: 0;
cursor: pointer;
}
.rb-calendar-content .rb-calendar-cell .rb-calendar-cell-inner {
background-color: var(--rb-calendar-cell-bg-color);
}
.rb-calendar-content .rb-calendar-cell .rb-calendar-cell-inner:hover {
background-color: var(--rb-calendar-cell-bg-hover-color);
}
.rb-calendar-content .rb-picker-cell-current:before {
content: none;
}
.rb-calendar-content .rb-picker-cell-current .rb-calendar-cell-inner {
background-color: var(--rb-calendar-cell-current-bg-color);
border-color: var(--rb-calendar-cell-current-border-color);
color: var(--rb-calendar-cell-current-color);
}
.rb-calendar-content .rb-calendar-cell-inner {
border: 0;
border-top: 2px solid var(--rb-calendar-cell-border-color);
height: 100%;
margin: 0 4px;
padding: 4px 8px 0;
}
.rb-calendar-content .rb-calendar-cell-inner .rb-calendar-cell-value {
margin-bottom: 4px;
}
.rb-calendar-content .rb-calendar-cell-content {
height: calc(var(--rb-calendar-line-height) - 22px);
overflow: auto;
}
.rb-calendar__body_year .rb-calendar-cell {
width: calc(100% / 3);
}
.rb-calendar__body_month .rb-calendar-cell {
width: calc(100% / 7);
}
.rb-process {
height: 100vh;
overflow: auto;
}
.rb-pdf-container,
.rb-pdf-iframe {
height: 100%;
width: 100%;
}
.rb-pdf-iframe {
border: none;
display: block;
}
.rb-pdf-iframe.full-screen {
height: 100vh;
}
.rb-tw-address-wrapper {
gap: 4px;
}
.rb-tw-address-prefix {
font-size: 14px;
white-space: nowrap;
}
.rb-tw-credit-card-wrapper .rb-tags-icon {
width: auto;
}
.rb-tw-credit-card-no-wrapper .rb-input-wrapper {
border: none;
box-shadow: none;
padding: 0;
}
.rb-tw-credit-card-out {
color: var(--rb-tw-credit-card-out-color);
letter-spacing: 0.5px;
}
.rb-tw-credit-card-suffix {
align-items: center;
display: inline-flex;
gap: 4px;
}
.rb-tw-phone-wrapper {
gap: 0;
}
.rb-tw-phone-wrapper .rb-input-wrapper {
border: none;
box-shadow: none;
padding: 0;
}
.rb-tw-phone-out {
color: var(--rb-tw-credit-card-out-color);
letter-spacing: 0.5px;
}
.rb-tw-component-split {
font-size: 8px;
height: 32px;
line-height: 32px;
padding: 0 4px;
}
.rb-jp-finance-wrapper .rb-input-group {
justify-content: end;
}
.rb-jp-finance-wrapper .rb-input-group-content {
flex-grow: 0;
}
.rb-range-number-split {
display: inline-block;
height: 32px;
line-height: 32px;
}
@font-face {
font-family: icomoon;
font-style: normal;
font-weight: 400;
src: url(./4a9efeebec8c1c791f28.eot?n279d6);
src: url(./4a9efeebec8c1c791f28.eot?n279d6#iefix) format("embedded-opentype"), url(./d6ec6e96c7fb3b211ff1.ttf?n279d6) format("truetype");
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.rainbow {
display: inline-block;
font-family: icomoon, sans-serif !important;
font-style: unset;
line-height: 1;
position: relative;
text-align: center;
}
.rainbow:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.More16-1:before {
content: "\eb1d";
}
.More16-2:before {
content: "\eb1e";
}
.Edit2:before {
content: "\e900";
}
.Monitor:before {
content: "\e901";
}
.Communication:before {
content: "\e902";
}
.Information:before {
content: "\e903";
}
.Tax:before {
content: "\e904";
}
.MinusCircle:before {
content: "\e905";
}
.Comparison:before {
content: "\e906";
}
.Underwriting:before {
content: "\e907";
}
.Appoint:before {
content: "\e908";
}
.Item:before {
content: "\e909";
}
.OtherInfo:before {
content: "\e90a";
}
.PolicyInfo:before {
content: "\e90b";
}
.BillingInfo:before {
content: "\e90c";
}
.Channel:before {
content: "\e90d";
}
.InsInfo:before {
content: "\e90e";
}
.CobinSale:before {
content: "\e90f";
}
.CustomerInfo:before {
content: "\e910";
}
.Vehiclevesseltax:before {
content: "\e911";
}
.Car:before {
content: "\e912";
}
.CarInfo:before {
content: "\e913";
}
.Ocr:before {
content: "\e914";
}
.Scanner:before {
content: "\e915";
}
.Check:before {
content: "\e916";
}
.UserCircle:before {
content: "\e917";
}
.CobinInfo:before {
content: "\e918";
}
.PencilCircle:before {
content: "\e919";
}
.PencilCircle2:before {
content: "\e91a";
}
.NoPay:before {
content: "\e91b";
}
.Risk:before {
content: "\e91c";
}
.RMBCircle:before {
content: "\e91d";
}
.Ins:before {
content: "\e91e";
}
.Liability:before {
content: "\e91f";
}
.Policy:before {
content: "\e920";
}
.Help:before {
content: "\e945";
}
.Bell2:before {
content: "\e946";
}
.Hamburger24:before {
content: "\e979";
}
.PremiumUser:before {
content: "\e923";
}
.Doc:before {
content: "\e924";
}
.CommSearch:before {
content: "\e925";
}
.DocClamp:before {
content: "\e926";
}
.Payment:before {
content: "\e927";
}
.MobileBarCode:before {
content: "\e928";
}
.RenewalDoc:before {
content: "\e929";
}
.ExternalApproval:before {
content: "\e92a";
}
.ExternalUtuser:before {
content: "\e92b";
}
.PrePayment:before {
content: "\e92c";
}
.Docs:before {
content: "\e98b";
}
.QA:before {
content: "\e92e";
}
.ReFresh:before {
content: "\e92f";
}
.Info:before {
content: "\e930";
}
.Taskmanage:before {
content: "\e931";
}
.ThirdPart:before {
content: "\e932";
}
.AddFill:before {
content: "\e933";
}
.Calendar:before {
content: "\e934";
}
.Adjust:before {
content: "\e935";
}
.Cellphone:before {
content: "\e936";
}
.SingArrowDown:before {
content: "\e937";
}
.DoubleArrowUp:before {
content: "\e938";
}
.Edit:before {
content: "\e939";
}
.Email:before {
content: "\e93a";
}
.Link:before {
content: "\e93b";
}
.Bell:before {
content: "\e93c";
}
.LineGraph:before {
content: "\e93d";
}
.QRCode:before {
content: "\e93e";
}
.Trash:before {
content: "\e940";
}
.User:before {
content: "\e941";
}
.Team:before {
content: "\e942";
}
.Close:before {
content: "\e943";
}
.Add:before {
content: "\e944";
}
.Upload:before {
content: "\e957";
}
.Download:before {
content: "\e959";
}
.Save:before {
content: "\e95d";
}
.Import:before {
content: "\e95f";
}
.Export:before {
content: "\e961";
}
.TaskUndo:before {
content: "\e96b";
}
.BlackList24:before {
content: "\e98a";
}
.Home-stroke:before {
content: "\e96d";
}
.Home:before {
content: "\e96e";
}
.DocFlash:before {
content: "\e96f";
}
.DocDelete:before {
content: "\e978";
}
.Sales:before {
content: "\e97e";
}
.SearchFlashing16:before {
content: "\e9a4";
}
.HelpFill:before {
content: "\e980";
}
.SalesFill:before {
content: "\e981";
}
.Graph:before {
content: "\e982";
}
.Dollar:before {
content: "\e983";
}
.EditUndo:before {
content: "\e984";
}
.Undo:before {
content: "\e985";
}
.GraphFill:before {
content: "\e986";
}
.ClockFill:before {
content: "\e989";
}
.Clock:before {
content: "\e98c";
}
.Pencil:before {
content: "\e98f";
}
.PencilFill:before {
content: "\e990";
}
.Print24:before {
content: "\e99b";
}
.PrintFill:before {
content: "\e992";
}
.Renewal:before {
content: "\e993";
}
.Renewal24:before {
content: "\e9a1";
}
.Endorsement:before {
content: "\e994";
}
.Approval24:before {
content: "\e97c";
}
.Approval:before {
content: "\e995";
}
.Apply:before {
content: "\e996";
}
.Flashing:before {
content: "\e997";
}
.PolicyDelete:before {
content: "\e998";
}
.ApprovalRectangle:before {
content: "\e99c";
}
.RenewalRectangle:before {
content: "\e99d";
}
.ApplyRectangle:before {
content: "\e99e";
}
.ApplyDuplicate:before {
content: "\e9a0";
}
.ApplyEdit:before {
content: "\e9a3";
}
.ApplyDate:before {
content: "\e9a7";
}
.NewEndorsement:before {
content: "\e9ab";
}
.DuplicateFill:before {
content: "\e9ae";
}
.Duplicate:before {
content: "\e9a9";
}
.RMB:before {
content: "\e9a2";
}
.Euro:before {
content: "\e9b0";
}
.AhFronting:before {
content: "\e9b2";
}
.MotocheFronting:before {
content: "\e9b3";
}
.PolicyUponPaymentFill:before {
content: "\e9b4";
}
.SearchEndorsement:before {
content: "\e9b5";
}
.SearchApply:before {
content: "\e9b8";
}
.SearchApproval:before {
content: "\e9bb";
}
.SearchPolicy:before {
content: "\e9be";
}
.PrintF:before {
content: "\e9c2";
}
.PrintZ:before {
content: "\e9c3";
}
.PrintP:before {
content: "\e9c4";
}
.PrintB:before {
content: "\e9c5";
}
.PrintT:before {
content: "\e9c6";
}
.Search:before {
content: "\e9c7";
}
.Earth:before {
content: "\e9c8";
}
.Earth2:before {
content: "\e9c9";
}
.BrokenLine:before {
content: "\e9ca";
}
.MinusFill:before {
content: "\e9d2";
}
.TankTruckIns:before {
content: "\e9d3";
}
.SinglePickIns:before {
content: "\e9d4";
}
.MotoIns:before {
content: "\e9d5";
}
.Macao:before {
content: "\e9d6";
}
.Hongkong:before {
content: "\e9d7";
}
.Seal:before {
content: "\e9d8";
}
.CreditIns:before {
content: "\e9d9";
}
.HealthIns:before {
content: "\e9da";
}
.AccidentIns:before {
content: "\e9e0";
}
.SpecialIns:before {
content: "\e9e1";
}
.SuretyBond:before {
content: "\e9e2";
}
.SeriousIllness:before {
content: "\e9e3";
}
.CLIVTA:before {
content: "\e9e4";
}
.CarIns:before {
content: "\e9e5";
}
.AgricultureIns:before {
content: "\e9e6";
}
.CargoIns:before {
content: "\e9e7";
}
.HullIns:before {
content: "\e9e8";
}
.CommercialPropertyIns:before {
content: "\e9e9";
}
.EngineeringIns:before {
content: "\ea02";
}
.PlusCircle:before {
content: "\ea03";
}
.Task24:before {
content: "\e9a5";
}
.ApplyDeal24:before {
content: "\e97b";
}
.ApprovalBatch24:before {
content: "\e97d";
}
.Endorsement24:before {
content: "\e98d";
}
.PolicyUponPayment24:before {
content: "\e99a";
}
.Plans24:before {
content: "\e999";
}
.QAManage24:before {
content: "\e99f";
}
.BlackList16:before {
content: "\e974";
}
.UserInfo24:before {
content: "\e9a6";
}
.Organization24:before {
content: "\e98e";
}
.Users24:before {
content: "\e9a8";
}
.DownloadCircle:before {
content: "\e9aa";
}
.UploadCircle:before {
content: "\e927";
}
.ContractCede:before {
content: "\e9ac";
}
.FacultativeCede:before {
content: "\e9ad";
}
.Inward:before {
content: "\e9b1";
}
.StatementManage:before {
content: "\e9b6";
}
.Component_Libary:before {
content: "\e9b7";
}
.Market_Products:before {
content: "\e9b9";
}
.Periphery_Configuration:before {
content: "\e9ba";
}
.Products_Launch:before {
content: "\e9bc";
}
.Technology_Products:before {
content: "\e9bd";
}
.Create:before {
content: "\e9bf";
}
.ProductPolicy:before {
content: "\e9c0";
}
.CommonFunction:before {
content: "\e9cb";
}
.Menu:before {
content: "\e9cc";
}
.PrepaidInfo:before {
content: "\e9cd";
}
.PayAppoint:before {
content: "\e9ce";
}
.BusinessProperty:before {
content: "\e9cf";
}
.ContainerType:before {
content: "\e9d0";
}
.PrincipalOption:before {
content: "\e9d1";
}
.JointGuarantee:before {
content: "\e9db";
}
.JointGuarantee2:before {
content: "\e9dc";
}
.PrincipalClause:before {
content: "\e9dd";
}
.AddClause:before {
content: "\e9de";
}
.VoyageGlobal:before {
content: "\e9df";
}
.VoyageInland:before {
content: "\e9ea";
}
.TransportInfo:before {
content: "\e9eb";
}
.ExtendedWarranty:before {
content: "\e9ec";
}
.SaleInfo:before {
content: "\e9ed";
}
.AddressProject:before {
content: "\e9ee";
}
.Remark:before {
content: "\e9ef";
}
.DutyGroup:before {
content: "\e9f0";
}
.BranchOffice:before {
content: "\e9f1";
}
.PlaceInfo:before {
content: "\e9f2";
}
.ItemizeQuota:before {
content: "\e9f3";
}
.ItemManagement:before {
content: "\e9f4";
}
.MedicalOrg:before {
content: "\e9f5";
}
.PlaceAffiliation:before {
content: "\e9f6";
}
.PropertyInfo:before {
content: "\e9f7";
}
.EquipmentInfo:before {
content: "\e9f8";
}
.Address:before {
content: "\e9f9";
}
.SupplementInfo:before {
content: "\e9fa";
}
.Renewal1:before {
content: "\e9fb";
}
.NewModification:before {
content: "\e9fc";
}
.BatchImport:before {
content: "\e9fd";
}
.Reassignment:before {
content: "\e9fe";
}
.BasicInfo:before {
content: "\e9ff";
}
.SendDocument:before {
content: "\ea00";
}
.RiskInfo:before {
content: "\ea01";
}
.InformInfo:before {
content: "\ea04";
}
.Verification:before {
content: "\ea05";
}
.SummaryInfo16:before {
content: "\ea06";
}
.ProductInfo:before {
content: "\ea07";
}
.LogView:before {
content: "\ea08";
}
.Result:before {
content: "\ea09";
}
.BillInfo:before {
content: "\ea0a";
}
.AccountInfo:before {
content: "\ea0b";
}
.AccidentSelfHelp:before {
content: "\ea0c";
}
.PayCredentials:before {
content: "\ea0d";
}
.RiskRateSync:before {
content: "\ea0e";
}
.CacheUnlock:before {
content: "\ea0f";
}
.SimulatePlatform:before {
content: "\ea10";
}
.InfoCorrect:before {
content: "\ea11";
}
.InfoVerify:before {
content: "\ea12";
}
.MutualReports:before {
content: "\ea13";
}
.MessageExtract:before {
content: "\ea14";
}
.CacheClear:before {
content: "\ea15";
}
.VehicleQuery:before {
content: "\ea16";
}
.OrganQuery:before {
content: "\ea17";
}
.FTPConfiguration:before {
content: "\ea18";
}
.PlatformManagement:before {
content: "\ea19";
}
.TaskMonitor:before {
content: "\ea1a";
}
.SimulateSet:before {
content: "\ea1b";
}
.FTP:before {
content: "\ea1c";
}
.VersionConfiguration:before {
content: "\ea1d";
}
.ChoosePlatform:before {
content: "\ea1e";
}
.ChannelManagement:before {
content: "\ea1f";
}
.MessageTemplate:before {
content: "\ea20";
}
.IconCom-Fill:before {
content: "\ea21";
}
.IconCom-Stroke:before {
content: "\ea22";
}
.VehicleCode:before {
content: "\ea37";
}
.PaymentInfo:before {
content: "\ea38";
}
.AddedInfo:before {
content: "\ea39";
}
.CedeRequire:before {
content: "\ea3a";
}
.CedeInsurance:before {
content: "\ea3b";
}
.RiskUnit:before {
content: "\ea3c";
}
.ContractRule:before {
content: "\ea3d";
}
.ImageData:before {
content: "\ea3e";
}
.Underwriting1:before {
content: "\ea3f";
}
.RiskAdd:before {
content: "\ea40";
}
.UnderwritingPolicy:before {
content: "\ea41";
}
.UnderwritingClock:before {
content: "\ea42";
}
.BlacklistClock:before {
content: "\ea43";
}
.CommClock:before {
content: "\ea44";
}
.InfoItem:before {
content: "\ea45";
}
.DocClock:before {
content: "\ea46";
}
.DriverInfo:before {
content: "\ea47";
}
.IllegalItem:before {
content: "\ea23";
}
.AgentPermission:before {
content: "\ea24";
}
.CommissionAgent:before {
content: "\ea25";
}
.RepeatInsure:before {
content: "\ea26";
}
.HistoryGrade:before {
content: "\ea27";
}
.QueryFailList:before {
content: "\ea28";
}
.CarOwner:before {
content: "\ea29";
}
.CarUsingProperty:before {
content: "\ea2a";
}
.TransferVehicle:before {
content: "\ea2b";
}
.HistoryQuotation:before {
content: "\ea2c";
}
.PartnershipInfo:before {
content: "\ea2d";
}
.PrevPolicy:before {
content: "\ea2e";
}
.RiskPremium:before {
content: "\ea2f";
}
.VehicleRisk:before {
content: "\ea30";
}
.YearTaxation:before {
content: "\ea31";
}
.YearClaims:before {
content: "\ea32";
}
.TCIInfo:before {
content: "\ea33";
}
.VCIInfo:before {
content: "\ea34";
}
.VCIPlatform:before {
content: "\ea35";
}
.TCIPlatform:before {
content: "\ea36";
}
.SignalStrength:before {
content: "\ea48";
}
.ProductFactory:before {
content: "\ea4a";
}
.Supervision:before {
content: "\ea4b";
}
.Reinsurance:before {
content: "\ea49";
}
.NonMotor:before {
content: "\ea4c";
}
.Synthesize:before {
content: "\ea4d";
}
.AutoInsurance:before {
content: "\ea4e";
}
.HealthInsurance:before {
content: "\ea4f";
}
.PlaceQuery:before {
content: "\ea50";
}
.ClearBorder:before {
content: "\ea51";
}
.Clear:before {
content: "\ea52";
}
.FixedReport:before {
content: "\ea53";
}
.ConditionSummary:before {
content: "\ea54";
}
.DetailsReport:before {
content: "\ea55";
}
.EvaluationAnalyze:before {
content: "\ea56";
}
.MultidimensionalAnalyze:before {
content: "\ea57";
}
.UnderwritingDetails:before {
content: "\ea58";
}
.ManageBulletin:before {
content: "\ea59";
}
.CorrectQuery:before {
content: "\ea5a";
}
.UnderwriteQuery:before {
content: "\ea5b";
}
.FOUNDATION:before {
content: "\ea5c";
}
.URP:before {
content: "\ea5d";
}
.CODETABLE:before {
content: "\ea5e";
}
.MESSAGE:before {
content: "\ea5f";
}
.DD:before {
content: "\ea60";
}
.L18H:before {
content: "\ea61";
}
.DoubleArrow:before {
content: "\ea62";
}
.HelpCircle:before {
content: "\ea63";
}
.ClaimNotice:before {
content: "\ea64";
}
.ArrowCircle:before {
content: "\ea65";
}
.MinusCircle2:before {
content: "\ea66";
}
.PlusCircle2:before {
content: "\ea67";
}
.PolicyCancellation:before {
content: "\ea68";
}
.MenuFolded:before {
content: "\ea69";
}
.MenuUnfolded:before {
content: "\ea6a";
}
.Setting:before {
content: "\ea6b";
}
.NotCovered:before {
content: "\ea6c";
}
.NotCoveredCountry:before {
content: "\ea6d";
}
.Cache:before {
content: "\ea6e";
}
.Monitor1:before {
content: "\ea6f";
}
.DailyRecord:before {
content: "\ea70";
}
.MicroService:before {
content: "\ea71";
}
.CompensatingTransaction:before {
content: "\ea72";
}
.Filter:before {
content: "\ea73";
}
.Start:before {
content: "\ea74";
}
.Stop:before {
content: "\ea75";
}
.PolicyOriginalChiAll:before {
content: "\ea76";
}
.VCIPolicy:before {
content: "\ea77";
}
.LetterGuarantee:before {
content: "\ea78";
}
.PolicyOriginalEngAll:before {
content: "\ea79";
}
.ContractAcknowlegment:before {
content: "\ea7a";
}
.PolicyOriginalAllEng:before {
content: "\ea7b";
}
.PolicyOriginalAllCE:before {
content: "\ea7c";
}
.InsideInsurSign:before {
content: "\ea7d";
}
.GroupPolicyOriginal:before {
content: "\ea7e";
}
.PolicyOriginalSet:before {
content: "\ea7f";
}
.VehicleInsurCertificate:before {
content: "\ea80";
}
.PolicyOriginalAll:before {
content: "\ea81";
}
.PolicyOriginalCEAll:before {
content: "\ea82";
}
.GuaranteeEngAll:before {
content: "\ea83";
}
.GuaranteeAllPre:before {
content: "\ea84";
}
.PICertificate:before {
content: "\ea85";
}
.TCIPolicy:before {
content: "\ea86";
}
.OilPollutionAllPre:before {
content: "\ea87";
}
.PolicyOriginalSetPre:before {
content: "\ea88";
}
.PortableSign:before {
content: "\ea89";
}
.VCICard:before {
content: "\ea8a";
}
.InsuranceCertificate:before {
content: "\ea8b";
}
.RiskSurvey:before {
content: "\ea8c";
}
.HistoryRuleTrack:before {
content: "\ea8d";
}
.CurrentRuleTrack:before {
content: "\ea8e";
}
.UnderwritingRuleQuery:before {
content: "\ea8f";
}
.CommissionProportion:before {
content: "\ea90";
}
.UnderwritingComment:before {
content: "\ea91";
}
.ChannelInfo:before {
content: "\ea92";
}
.SpecialAudit:before {
content: "\ea93";
}
.UnderwriteAudit:before {
content: "\ea94";
}
.CounterSign:before {
content: "\ea95";
}
.PropertiesCasualty:before {
content: "\ea96";
}
.AccidentHealth:before {
content: "\ea97";
}
.OrgUserManage:before {
content: "\ea98";
}
.OrganizationQuery:before {
content: "\ea99";
}
.StaffQuery:before {
content: "\ea9a";
}
.BackTop:before {
content: "\ea9b";
}
.PersonalAccident:before {
content: "\ea9c";
}
.KidnapMissing:before {
content: "\ea9d";
}
.CatchIllness:before {
content: "\ea9e";
}
.IntelligentService:before {
content: "\ea9f";
}
.CommonIssue:before {
content: "\eaa0";
}
.AccidentalInjurie:before {
content: "\eaa1";
}
.TrafficAccident:before {
content: "\eaa2";
}
.DiedOrDisabled:before {
content: "\eaa3";
}
.PropertyLoss:before {
content: "\eaa4";
}
.RouteAlteration:before {
content: "\eaa5";
}
.HospitalizationCosts:before {
content: "\eaa6";
}
.OverseaCertificate:before {
content: "\eaa7";
}
.FlightDelay:before {
content: "\eaa8";
}
.ComingSoon:before {
content: "\eaa9";
}
.PolicyOriginalCEAllA4:before {
content: "\eaaa";
}
.PolicyOriginalEngAllA4:before {
content: "\eaab";
}
.PolicyOriginalAllA4:before {
content: "\eaac";
}
.GroupPolicyAllA4:before {
content: "\eaad";
}
.VInsAgencyJoint:before {
content: "\eaae";
}
.IncidentAnalyze:before {
content: "\eaaf";
}
.IntelligentHelp:before {
content: "\eab0";
}
.MarketingRecommend:before {
content: "\eab1";
}
.Setting1:before {
content: "\eab2";
}
.Message2:before {
content: "\eab3";
}
.Required:before {
content: "\eab4";
}
.View:before {
content: "\eab5";
}
.AffairsManagement:before {
content: "\eab6";
}
.MicroServiceManage:before {
content: "\eab7";
}
.APIGateway:before {
content: "\eab8";
}
.PageDevelopGuide:before {
content: "\eab9";
}
.PageConfig:before {
content: "\eaba";
}
.TemplateEngine:before {
content: "\eabb";
}
.MonitorCenter:before {
content: "\eabc";
}
.MicroServiceMonitor:before {
content: "\eabd";
}
.KnowledgeStorage:before {
content: "\eabe";
}
.WorkflowConfig:before {
content: "\eabf";
}
.UploadConfig:before {
content: "\eac0";
}
.RuleEngine:before {
content: "\eac1";
}
.CalculateEngine:before {
content: "\eac2";
}
.ConfigurationTableEngine:before {
content: "\eac3";
}
.ProductFactory2:before {
content: "\eac4";
}
.ContextManage:before {
content: "\eac5";
}
.OrganizationMaintenance:before {
content: "\eac6";
}
.EnvironmentConfig:before {
content: "\eac7";
}
.CurrencyExchange:before {
content: "\eac8";
}
.PolicyManagement:before {
content: "\eac9";
}
.Kibana:before {
content: "\eaca";
}
.Dashboard:before {
content: "\eacb";
}
.LogMonitor:before {
content: "\eacc";
}
.HystrixMonitor:before {
content: "\eacd";
}
.WorkflowEngine:before {
content: "\eace";
}
.TeamForge:before {
content: "\eacf";
}
.RabbitMQ:before {
content: "\ead0";
}
.OperationMonitor:before {
content: "\ead1";
}
.LinkMonitor:before {
content: "\ead2";
}
.CommonUse:before {
content: "\ead3";
}
.Product:before {
content: "\ead4";
}
.Policy1:before {
content: "\ead5";
}
.Wechat:before {
content: "\ead6";
}
.PDF:before {
content: "\ead7";
}
.Success:before {
content: "\ead8";
}
.SuccessBorder:before {
content: "\ead9";
}
.Education:before {
content: "\eada";
}
.Like2:before {
content: "\eadb";
}
.Like1:before {
content: "\eadc";
}
.FeedingBottle:before {
content: "\eadd";
}
.PropertyInsurance:before {
content: "\eade";
}
.LifeInsurance:before {
content: "\eadf";
}
.Peripheral:before {
content: "\eae0";
}
.ContactPhone2:before {
content: "\eae1";
}
.ContactPhone:before {
content: "\eae2";
}
.Message3:before {
content: "\eae3";
}
.QRCode2:before {
content: "\eae4";
}
.VerificationCode:before {
content: "\eae5";
}
.CompanyMGT:before {
content: "\eae6";
}
.AccidentReportMGT:before {
content: "\eae7";
}
.Clock2:before {
content: "\eae8";
}
.DRMRP:before {
content: "\eae9";
}
.DRMIP:before {
content: "\eaea";
}
.ContactPhone4:before {
content: "\eaeb";
}
.ContactPhone3:before {
content: "\eaec";
}
.Download2:before {
content: "\eaed";
}
.AtlasLayout:before {
content: "\eaee";
}
.Reload:before {
content: "\eaef";
}
.OppositeAssociation:before {
content: "\eaf0";
}
.ResetCenter:before {
content: "\eaf1";
}
.Lock:before {
content: "\eaf2";
}
.Unlock:before {
content: "\eaf3";
}
.IllnessInsList:before {
content: "\eaf4";
}
.RiskFill:before {
content: "\eaf5";
}
.GBP:before {
content: "\eaf6";
}
.THB:before {
content: "\eaf7";
}
.TWD:before {
content: "\eaf8";
}
.HKD:before {
content: "\eaf9";
}
.EUR:before {
content: "\eafa";
}
.USD:before {
content: "\eafb";
}
.CNY:before {
content: "\eafc";
}
.Refresh16:before {
content: "\eafd";
}
.OfficePowerPublisher:before {
content: "\eafe";
}
.OfficeAccess:before {
content: "\eaff";
}
.OfficeVosio:before {
content: "\eb00";
}
.OfficeOneNote:before {
content: "\eb01";
}
.OfficeOutlook:before {
content: "\eb02";
}
.OfficeLync:before {
content: "\eb03";
}
.OfficePowerInfoPath:before {
content: "\eb04";
}
.OfficePowerProject:before {
content: "\eb05";
}
.OfficePowerPoint:before {
content: "\eb06";
}
.OfficeWord:before {
content: "\eb07";
}
.OfficeExcel:before {
content: "\eb08";
}
.ShoppingCart:before {
content: "\eb09";
}
.BonusManagement:before {
content: "\eb0a";
}
.PerformanceChart:before {
content: "\eb0b";
}
.ScreenContract:before {
content: "\eb0c";
}
.ScreenExtend:before {
content: "\eb0d";
}
.HomeStroke:before {
content: "\eb0e";
}
.InfoDataContrast2:before {
content: "\eb0f";
}
.InfoDataContrast:before {
content: "\eb10";
}
.SharedPool:before {
content: "\eb11";
}
.Subrogation:before {
content: "\eb12";
}
.LoseProcess:before {
content: "\eb13";
}
.BillUpload:before {
content: "\eb14";
}
.DocumentManagement:before {
content: "\eb15";
}
.IntegratedQuery:before {
content: "\eb16";
}
.Reassignment24:before {
content: "\eb17";
}
.CreateApply:before {
content: "\eb18";
}
.PhotoContrast:before {
content: "\eb19";
}
.MaidInsurance:before {
content: "\eb1a";
}
.Print2:before {
content: "\eb1b";
}
.Palette24:before {
content: "\e921";
}
.Palette16:before {
content: "\e922";
}
.DialogBox24:before {
content: "\e92d";
}
.DialogBox16:before {
content: "\e93f";
}
.Component16:before {
content: "\e947";
}
.Config16:before {
content: "\e948";
}
.Customer16:before {
content: "\e949";
}
.Database16:before {
content: "\e94a";
}
.Dictionary16:before {
content: "\e94b";
}
.Document16:before {
content: "\e94c";
}
.Duplicate16-1:before {
content: "\e94d";
}
.Duplicate16-2:before {
content: "\e94e";
}
.Earth16:before {
content: "\e94f";
}
.Eraser16:before {
content: "\e950";
}
.Finance16:before {
content: "\e951";
}
.Hamburger16:before {
content: "\e952";
}
.ImportExport16:before {
content: "\e953";
}
.LineChart16:before {
content: "\e954";
}
.List16:before {
content: "\e955";
}
.FixedMenu16:before {
content: "\e956";
}
.Monitor16:before {
content: "\e958";
}
.Permission16:before {
content: "\e95a";
}
.Print16:before {
content: "\e95b";
}
.Printer16:before {
content: "\e95c";
}
.Reply16:before {
content: "\e95e";
}
.Rule16:before {
content: "\e960";
}
.Settings16:before {
content: "\e962";
}
.StarStroke16:before {
content: "\e963";
}
.StarFill16:before {
content: "\e964";
}
.SingleArrowUp16-1:before {
content: "\e965";
}
.SingleArrowLeft16-1:before {
content: "\e966";
}
.SingleArrowRight16-1:before {
content: "\e967";
}
.Emoji16-Frown:before {
content: "\e968";
}
.Emoji16-Smile:before {
content: "\e969";
}
.Emoji16:before {
content: "\e96a";
}
.Code16-1:before {
content: "\e96c";
}
.Code16-2:before {
content: "\e970";
}
.Voice16:before {
content: "\e971";
}
.Invisible16-1:before {
content: "\e972";
}
.Invisible16-2:before {
content: "\e973";
}
.DoubleArrowUp16-1:before {
content: "\e975";
}
.DoubleArrowDown16-1:before {
content: "\e976";
}
.DoubleArrowLeft16-1:before {
content: "\e977";
}
.DoubleArrowRight16-1:before {
content: "\e97a";
}
.Partnership16:before {
content: "\e97f";
}
.SearchDoc16:before {
content: "\e987";
}
.Service16:before {
content: "\e988";
}
.Setting16:before {
content: "\e991";
}
.List16-2:before {
content: "\e9af";
}
.Lock16:before {
content: "\e9c1";
}
.Unlock16:before {
content: "\eb1c";
}
* {
box-sizing: border-box;
font-family: var(--global-font-family);
margin: 0;
padding: 0;
}
body {
background-color: var(--rb-global-body-bg-color);
color: var(--rb-global-font-color);
font-size: var(--global-font-size, 14px);
line-height: var(--global-line-height, 22px);
}
input::-ms-clear,
input::-ms-reveal {
display: none;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
-webkit-appearance: none;
}
input[type=number] {
-moz-appearance: textfield;
}
.rb-title-prefix {
padding-left: 12px;
position: relative;
}
.rb-title-prefix:before {
background-color: var(--rb-title-prefix-gb-color);
border-radius: 1px;
content: "";
height: 16px;
left: 0;
position: absolute;
top: 4px;
width: 4px;
}
.rb-placeholder {
color: var(--rb-placeholder-color);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rb-email-clear,
.rb-number-clear,
.rb-tags-clear,
.rb-textarea-clear {
color: var(--rb-remove-icon);
cursor: pointer;
font-size: 16px;
}
.rb-email-clear:hover,
.rb-number-clear:hover,
.rb-tags-clear:hover,
.rb-textarea-clear:hover {
color: var(--rb-remove-icon-hover);
}
.rb-email-clear:active,
.rb-number-clear:active,
.rb-tags-clear:active,
.rb-textarea-clear:active {
color: var(--rb-remove-icon-active);
}
.rainbow.rb-remove-icon {
color: var(--rb-remove-icon);
cursor: pointer;
font-size: 16px;
margin-left: 8px;
visibility: hidden;
}
.rainbow.rb-remove-icon:hover {
color: var(--rb-remove-icon-hover);
}
.rainbow.rb-remove-icon:active {
color: var(--rb-remove-icon-active);
}
.rainbow.rb-remove-icon.rb-number-percent {
position: relative;
right: 0;
}
.rb-allow-clear {
position: relative;
}
.rb-allow-clear:not(.disabled):hover .rb-remove-icon {
visibility: visible;
}
.rb-allow-clear.rb-input-suffix-even:not(.disabled):hover .rb-default-icon {
display: inline-flex;
}
.rb-close {
color: var(--rb-close-icon-color);
cursor: pointer;
font-size: 16px;
transition: font-size 0.1s linear;
}
.rb-close:hover {
color: var(--rb-close-icon-hover-color);
}
#skinLoading {
display: none;
}
.rb-static-full-loading-container {
align-items: center;
background-color: var(--rb-full-loading-mask-bg-color);
display: flex;
height: 100%;
justify-content: center;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1001;
}
.rb-static-full-loading {
width: 40px;
fill: var(--rb-full-loading-color);
animation: move 1s linear infinite;
}
@keyframes move {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.rb-pop-overflow {
max-height: var(--rb-table-filter-list-max-height, 480px);
overflow: auto;
}
.rb-tooltip {
position: absolute;
z-index: 1001;
}
.rb-popconfirm-popup {
position: absolute;
z-index: 1000;
}
.rb-cascader-popup,
.rb-dropdown-popup,
.rb-filter-box-popup,
.rb-picker-popup,
.rb-popover-popup,
.rb-rangepicker-popup,
.rb-search-popup,
.rb-select-popup,
.rb-table-filter-list,
.rb-table-theader-popup,
.rb-tableselect-popup,
.rb-timepicker-popup,
.rb-treeselect-popup {
position: absolute;
z-index: 998;
}
.rb-message-box,
.rb-notice-box {
z-index: 1000;
}
.rb-dialog,
.rb-drawer {
z-index: 997;
}
.rb-float-btn {
z-index: 995;
}
.rb-box-footer,
.rb-box-topcard {
z-index: 994;
}
.rb-box-fixedTop {
z-index: 6;
}
.rb-side-menu-wrapper {
z-index: 4;
}
.hoverTreeContainer {
z-index: 3;
}
.rb-header {
position: relative;
z-index: 5;
}
.rb-bot-trigger {
position: absolute;
bottom: 24px;
right: 24px;
z-index: 789;
}
/*light*/
.markdown-body {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
margin: 0;
color: #1f2328;
background-color: #ffffff;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
font-size: 16px;
line-height: 1.5;
word-wrap: break-word;
scroll-behavior: auto;
}
.markdown-body .octicon {
display: inline-block;
fill: currentColor;
vertical-align: text-bottom;
}
.markdown-body h1:hover .anchor .octicon-link:before,
.markdown-body h2:hover .anchor .octicon-link:before,
.markdown-body h3:hover .anchor .octicon-link:before,
.markdown-body h4:hover .anchor .octicon-link:before,
.markdown-body h5:hover .anchor .octicon-link:before,
.markdown-body h6:hover .anchor .octicon-link:before {
width: 16px;
height: 16px;
content: ' ';
display: inline-block;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
.markdown-body details,
.markdown-body figcaption,
.markdown-body figure {
display: block;
}
.markdown-body summary {
display: list-item;
}
.markdown-body [hidden] {
display: none !important;
}
.markdown-body a {
background-color: transparent;
color: #0969da;
text-decoration: none;
}
.markdown-body abbr[title] {
border-bottom: none;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
.markdown-body b,
.markdown-body strong {
font-weight: 600;
}
.markdown-body dfn {
font-style: italic;
}
.markdown-body h1 {
margin: 0.67em 0;
font-weight: 600;
padding-bottom: 0.3em;
font-size: 2em;
border-bottom: 1px solid #d0d7deb3;
}
.markdown-body mark {
background-color: #fff8c5;
color: #1f2328;
}
.markdown-body small {
font-size: 90%;
}
.markdown-body sub,
.markdown-body sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.markdown-body sub {
bottom: -0.25em;
}
.markdown-body sup {
top: -0.5em;
}
.markdown-body img {
border-style: none;
max-width: 100%;
box-sizing: content-box;
background-color: #ffffff;
}
.markdown-body code,
.markdown-body kbd,
.markdown-body pre,
.markdown-body samp {
font-family: monospace;
font-size: 1em;
}
.markdown-body figure {
margin: 1em 40px;
}
.markdown-body hr {
box-sizing: content-box;
overflow: hidden;
background: transparent;
border-bottom: 1px solid #d0d7deb3;
height: 0.25em;
padding: 0;
margin: 24px 0;
background-color: #d0d7de;
border: 0;
}
.markdown-body input {
font: inherit;
margin: 0;
overflow: visible;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.markdown-body [type=button],
.markdown-body [type=reset],
.markdown-body [type=submit] {
-webkit-appearance: button;
appearance: button;
}
.markdown-body [type=checkbox],
.markdown-body [type=radio] {
box-sizing: border-box;
padding: 0;
}
.markdown-body [type=number]::-webkit-inner-spin-button,
.markdown-body [type=number]::-webkit-outer-spin-button {
height: auto;
}
.markdown-body [type=search]::-webkit-search-cancel-button,
.markdown-body [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none;
}
.markdown-body ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
.markdown-body ::-webkit-file-upload-button {
-webkit-appearance: button;
appearance: button;
font: inherit;
}
.markdown-body a:hover {
text-decoration: underline;
}
.markdown-body ::placeholder {
color: #636c76;
opacity: 1;
}
.markdown-body hr::before {
display: table;
content: "";
}
.markdown-body hr::after {
display: table;
clear: both;
content: "";
}
.markdown-body table {
border-spacing: 0;
border-collapse: collapse;
display: block;
width: max-content;
max-width: 100%;
overflow: auto;
}
.markdown-body td,
.markdown-body th {
padding: 0;
}
.markdown-body details summary {
cursor: pointer;
}
.markdown-body details:not([open]) > *:not(summary) {
display: none;
}
.markdown-body a:focus,
.markdown-body [role=button]:focus,
.markdown-body input[type=radio]:focus,
.markdown-body input[type=checkbox]:focus {
outline: 2px solid #0969da;
outline-offset: -2px;
box-shadow: none;
}
.markdown-body a:focus:not(:focus-visible),
.markdown-body [role=button]:focus:not(:focus-visible),
.markdown-body input[type=radio]:focus:not(:focus-visible),
.markdown-body input[type=checkbox]:focus:not(:focus-visible) {
outline: solid 1px transparent;
}
.markdown-body a:focus-visible,
.markdown-body [role=button]:focus-visible,
.markdown-body input[type=radio]:focus-visible,
.markdown-body input[type=checkbox]:focus-visible {
outline: 2px solid #0969da;
outline-offset: -2px;
box-shadow: none;
}
.markdown-body a:not([class]):focus,
.markdown-body a:not([class]):focus-visible,
.markdown-body input[type=radio]:focus,
.markdown-body input[type=radio]:focus-visible,
.markdown-body input[type=checkbox]:focus,
.markdown-body input[type=checkbox]:focus-visible {
outline-offset: 0;
}
.markdown-body kbd {
display: inline-block;
padding: 3px 5px;
font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
line-height: 10px;
color: #1f2328;
vertical-align: middle;
background-color: #f6f8fa;
border: solid 1px #afb8c133;
border-bottom-color: #afb8c133;
border-radius: 6px;
box-shadow: inset 0 -1px 0 #afb8c133;
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
margin-top: 24px;
margin-bottom: 16px;
font-weight: 600;
line-height: 1.25;
}
.markdown-body h2 {
font-weight: 600;
padding-bottom: 0.3em;
font-size: 1.5em;
border-bottom: 1px solid #d0d7deb3;
}
.markdown-body h3 {
font-weight: 600;
font-size: 1.25em;
}
.markdown-body h4 {
font-weight: 600;
font-size: 1em;
}
.markdown-body h5 {
font-weight: 600;
font-size: 0.875em;
}
.markdown-body h6 {
font-weight: 600;
font-size: 0.85em;
color: #636c76;
}
.markdown-body p {
margin-top: 0;
margin-bottom: 10px;
}
.markdown-body blockquote {
margin: 0;
padding: 0 1em;
color: #636c76;
border-left: 0.25em solid #d0d7de;
}
.markdown-body ul,
.markdown-body ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 16px;
}
.markdown-body ol ol,
.markdown-body ul ol {
list-style-type: lower-roman;
}
.markdown-body ul ul ol,
.markdown-body ul ol ol,
.markdown-body ol ul ol,
.markdown-body ol ol ol {
list-style-type: lower-alpha;
}
.markdown-body dd {
margin-left: 0;
}
.markdown-body tt,
.markdown-body code,
.markdown-body samp {
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
font-size: 12px;
}
.markdown-body pre {
margin-top: 0;
margin-bottom: 0;
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
font-size: 12px;
word-wrap: normal;
}
.markdown-body .octicon {
display: inline-block;
overflow: visible !important;
vertical-align: text-bottom;
fill: currentColor;
}
.markdown-body input::-webkit-outer-spin-button,
.markdown-body input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
appearance: none;
}
.markdown-body .mr-2 {
margin-right: 0.5rem !important;
}
.markdown-body::before {
display: table;
content: "";
}
.markdown-body::after {
display: table;
clear: both;
content: "";
}
.markdown-body > *:first-child {
margin-top: 0 !important;
}
.markdown-body > *:last-child {
margin-bottom: 0 !important;
}
.markdown-body a:not([href]) {
color: inherit;
text-decoration: none;
}
.markdown-body .absent {
color: #d1242f;
}
.markdown-body .anchor {
float: left;
padding-right: 4px;
margin-left: -20px;
line-height: 1;
}
.markdown-body .anchor:focus {
outline: none;
}
.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre,
.markdown-body details {
margin-top: 0;
margin-bottom: 0;
}
.markdown-body blockquote > :first-child {
margin-top: 0;
}
.markdown-body blockquote > :last-child {
margin-bottom: 0;
}
.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
color: #1f2328;
vertical-align: middle;
visibility: hidden;
}
.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
text-decoration: none;
}
.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
visibility: visible;
}
.markdown-body h1 tt,
.markdown-body h1 code,
.markdown-body h2 tt,
.markdown-body h2 code,
.markdown-body h3 tt,
.markdown-body h3 code,
.markdown-body h4 tt,
.markdown-body h4 code,
.markdown-body h5 tt,
.markdown-body h5 code,
.markdown-body h6 tt,
.markdown-body h6 code {
padding: 0 0.2em;
font-size: inherit;
}
.markdown-body summary h1,
.markdown-body summary h2,
.markdown-body summary h3,
.markdown-body summary h4,
.markdown-body summary h5,
.markdown-body summary h6 {
display: inline-block;
}
.markdown-body summary h1 .anchor,
.markdown-body summary h2 .anchor,
.markdown-body summary h3 .anchor,
.markdown-body summary h4 .anchor,
.markdown-body summary h5 .anchor,
.markdown-body summary h6 .anchor {
margin-left: -40px;
}
.markdown-body summary h1,
.markdown-body summary h2 {
padding-bottom: 0;
border-bottom: 0;
}
.markdown-body ul.no-list,
.markdown-body ol.no-list {
padding: 0;
list-style-type: none;
}
.markdown-body ol[type="a s"] {
list-style-type: lower-alpha;
}
.markdown-body ol[type="A s"] {
list-style-type: upper-alpha;
}
.markdown-body ol[type="i s"] {
list-style-type: lower-roman;
}
.markdown-body ol[type="I s"] {
list-style-type: upper-roman;
}
.markdown-body ol[type="1"] {
list-style-type: decimal;
}
.markdown-body div > ol:not([type]) {
list-style-type: decimal;
}
.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
margin-top: 0;
margin-bottom: 0;
}
.markdown-body li > p {
margin-top: 16px;
}
.markdown-body li + li {
margin-top: 0.25em;
}
.markdown-body dl {
padding: 0;
}
.markdown-body dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: 600;
}
.markdown-body dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
.markdown-body table th {
font-weight: 600;
}
.markdown-body table th,
.markdown-body table td {
padding: 6px 13px;
border: 1px solid #d0d7de;
}
.markdown-body table td > :last-child {
margin-bottom: 0;
}
.markdown-body table tr {
background-color: #ffffff;
border-top: 1px solid #d0d7deb3;
}
.markdown-body table tr:nth-child(2n) {
background-color: #f6f8fa;
}
.markdown-body table img {
background-color: transparent;
}
.markdown-body img[align=right] {
padding-left: 20px;
}
.markdown-body img[align=left] {
padding-right: 20px;
}
.markdown-body .emoji {
max-width: none;
vertical-align: text-top;
background-color: transparent;
}
.markdown-body span.frame {
display: block;
overflow: hidden;
}
.markdown-body span.frame > span {
display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid #d0d7de;
}
.markdown-body span.frame span img {
display: block;
float: left;
}
.markdown-body span.frame span span {
display: block;
padding: 5px 0 0;
clear: both;
color: #1f2328;
}
.markdown-body span.align-center {
display: block;
overflow: hidden;
clear: both;
}
.markdown-body span.align-center > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center;
}
.markdown-body span.align-center span img {
margin: 0 auto;
text-align: center;
}
.markdown-body span.align-right {
display: block;
overflow: hidden;
clear: both;
}
.markdown-body span.align-right > span {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right;
}
.markdown-body span.align-right span img {
margin: 0;
text-align: right;
}
.markdown-body span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden;
}
.markdown-body span.float-left span {
margin: 13px 0 0;
}
.markdown-body span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden;
}
.markdown-body span.float-right > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right;
}
.markdown-body code,
.markdown-body tt {
padding: 0.2em 0.4em;
margin: 0;
font-size: 85%;
white-space: break-spaces;
background-color: #afb8c133;
/* border-radius: 6px; */
}
.markdown-body code br,
.markdown-body tt br {
display: none;
}
.markdown-body del code {
text-decoration: inherit;
}
.markdown-body samp {
font-size: 85%;
}
.markdown-body pre code {
font-size: 100%;
}
.markdown-body pre > code {
padding: 0;
margin: 0;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
.markdown-body .highlight {
margin-bottom: 16px;
}
.markdown-body .highlight pre {
margin-bottom: 0;
word-break: normal;
}
.markdown-body .highlight pre,
.markdown-body pre {
/* padding: 16px; */
overflow: auto;
font-size: 85%;
line-height: 1.45;
color: #1f2328;
/* background-color: #f6f8fa; */
/* border-radius: 6px; */
}
.markdown-body pre code,
.markdown-body pre tt {
display: inline;
max-width: auto;
padding: 0;
margin: 0;
overflow: visible;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
.markdown-body .csv-data td,
.markdown-body .csv-data th {
padding: 5px;
overflow: hidden;
font-size: 12px;
line-height: 1;
text-align: left;
white-space: nowrap;
}
.markdown-body .csv-data .blob-num {
padding: 10px 8px 9px;
text-align: right;
background: #ffffff;
border: 0;
}
.markdown-body .csv-data tr {
border-top: 0;
}
.markdown-body .csv-data th {
font-weight: 600;
background: #f6f8fa;
border-top: 0;
}
.markdown-body [data-footnote-ref]::before {
content: "[";
}
.markdown-body [data-footnote-ref]::after {
content: "]";
}
.markdown-body .footnotes {
font-size: 12px;
color: #636c76;
border-top: 1px solid #d0d7de;
}
.markdown-body .footnotes ol {
padding-left: 16px;
}
.markdown-body .footnotes ol ul {
display: inline-block;
padding-left: 16px;
margin-top: 16px;
}
.markdown-body .footnotes li {
position: relative;
}
.markdown-body .footnotes li:target::before {
position: absolute;
top: -8px;
right: -8px;
bottom: -8px;
left: -24px;
pointer-events: none;
content: "";
border: 2px solid #0969da;
border-radius: 6px;
}
.markdown-body .footnotes li:target {
color: #1f2328;
}
.markdown-body .footnotes .data-footnote-backref g-emoji {
font-family: monospace;
}
.markdown-body .pl-c {
color: #57606a;
}
.markdown-body .pl-c1,
.markdown-body .pl-s .pl-v {
color: #0550ae;
}
.markdown-body .pl-e,
.markdown-body .pl-en {
color: #6639ba;
}
.markdown-body .pl-smi,
.markdown-body .pl-s .pl-s1 {
color: #24292f;
}
.markdown-body .pl-ent {
color: #0550ae;
}
.markdown-body .pl-k {
color: #cf222e;
}
.markdown-body .pl-s,
.markdown-body .pl-pds,
.markdown-body .pl-s .pl-pse .pl-s1,
.markdown-body .pl-sr,
.markdown-body .pl-sr .pl-cce,
.markdown-body .pl-sr .pl-sre,
.markdown-body .pl-sr .pl-sra {
color: #0a3069;
}
.markdown-body .pl-v,
.markdown-body .pl-smw {
color: #953800;
}
.markdown-body .pl-bu {
color: #82071e;
}
.markdown-body .pl-ii {
color: #f6f8fa;
background-color: #82071e;
}
.markdown-body .pl-c2 {
color: #f6f8fa;
background-color: #cf222e;
}
.markdown-body .pl-sr .pl-cce {
font-weight: bold;
color: #116329;
}
.markdown-body .pl-ml {
color: #3b2300;
}
.markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms {
font-weight: bold;
color: #0550ae;
}
.markdown-body .pl-mi {
font-style: italic;
color: #24292f;
}
.markdown-body .pl-mb {
font-weight: bold;
color: #24292f;
}
.markdown-body .pl-md {
color: #82071e;
background-color: #ffebe9;
}
.markdown-body .pl-mi1 {
color: #116329;
background-color: #dafbe1;
}
.markdown-body .pl-mc {
color: #953800;
background-color: #ffd8b5;
}
.markdown-body .pl-mi2 {
color: #eaeef2;
background-color: #0550ae;
}
.markdown-body .pl-mdr {
font-weight: bold;
color: #8250df;
}
.markdown-body .pl-ba {
color: #57606a;
}
.markdown-body .pl-sg {
color: #8c959f;
}
.markdown-body .pl-corl {
text-decoration: underline;
color: #0a3069;
}
.markdown-body [role=button]:focus:not(:focus-visible),
.markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible),
.markdown-body button:focus:not(:focus-visible),
.markdown-body summary:focus:not(:focus-visible),
.markdown-body a:focus:not(:focus-visible) {
outline: none;
box-shadow: none;
}
.markdown-body [tabindex="0"]:focus:not(:focus-visible),
.markdown-body details-dialog:focus:not(:focus-visible) {
outline: none;
}
.markdown-body g-emoji {
display: inline-block;
min-width: 1ch;
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1em;
font-style: normal !important;
font-weight: 400;
line-height: 1;
vertical-align: -0.075em;
}
.markdown-body g-emoji img {
width: 1em;
height: 1em;
}
.markdown-body .task-list-item {
list-style-type: none;
}
.markdown-body .task-list-item label {
font-weight: 400;
}
.markdown-body .task-list-item.enabled label {
cursor: pointer;
}
.markdown-body .task-list-item + .task-list-item {
margin-top: 0.25rem;
}
.markdown-body .task-list-item .handle {
display: none;
}
.markdown-body .task-list-item-checkbox {
margin: 0 0.2em 0.25em -1.4em;
vertical-align: middle;
}
.markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
.markdown-body .contains-task-list {
position: relative;
}
.markdown-body .contains-task-list:hover .task-list-item-convert-container,
.markdown-body .contains-task-list:focus-within .task-list-item-convert-container {
display: block;
width: auto;
height: 24px;
overflow: visible;
clip: auto;
}
.markdown-body ::-webkit-calendar-picker-indicator {
filter: invert(50%);
}
.markdown-body .markdown-alert {
padding: 0.5rem 1rem;
margin-bottom: 1rem;
color: inherit;
border-left: 0.25em solid #d0d7de;
}
.markdown-body .markdown-alert > :first-child {
margin-top: 0;
}
.markdown-body .markdown-alert > :last-child {
margin-bottom: 0;
}
.markdown-body .markdown-alert .markdown-alert-title {
display: flex;
font-weight: 500;
align-items: center;
line-height: 1;
}
.markdown-body .markdown-alert.markdown-alert-note {
border-left-color: #0969da;
}
.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title {
color: #0969da;
}
.markdown-body .markdown-alert.markdown-alert-important {
border-left-color: #8250df;
}
.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title {
color: #8250df;
}
.markdown-body .markdown-alert.markdown-alert-warning {
border-left-color: #bf8700;
}
.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title {
color: #9a6700;
}
.markdown-body .markdown-alert.markdown-alert-tip {
border-left-color: #1a7f37;
}
.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title {
color: #1a7f37;
}
.markdown-body .markdown-alert.markdown-alert-caution {
border-left-color: #cf222e;
}
.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title {
color: #d1242f;
}
.markdown-body > *:first-child > .heading-element:first-child {
margin-top: 0 !important;
}
.rb-records {
--record-base-size: 32px;
position: relative;
overflow-y: auto;
height: 100%;
padding: 8px 8px 0;
background-color: var(--rb-records-bg-color);
margin-bottom: 24px;
}
.rb-records-item-current {
position: relative;
height: 100px;
margin-bottom: 24px;
}
.rb-records__load {
text-align: center;
margin-bottom: 16px;
}
.rb-records__load .rb-btn-type-text {
color: var(--rb-records-load-font-color);
}
.rb-records__load .rb-btn-type-text:hover {
color: var(--rb-records-load-font-hover-color) !important;
}
.rb-records__load .rb-btn-type-text:active {
color: var(--rb-records-load-font-active-color) !important;
}
.rb-records-item-wrapper {
margin-bottom: 8px;
}
.rb-records-item-wrapper-first:not(:first-child) {
margin-top: 16px;
}
.rb-records-item__date {
font-size: 12px;
line-height: 20px;
margin-bottom: 16px;
text-align: center;
color: var(--rb-records-date-color);
white-space: pre;
}
.rb-records-item__time {
display: inline-block;
font-size: 12px;
line-height: 20px;
margin: 4px 0 0 0;
color: var(--rb-records-time-color);
}
.rb-records-item__nickname {
font-size: 12px;
line-height: 20px;
color: var(--rb-records-nickname-color);
margin-bottom: 8px;
}
.rb-records-item__avatar {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: var(--record-base-size);
height: var(--record-base-size);
border-radius: 4px;
}
.rb-records-item__avatar img {
width: 100%;
height: 100%;
border-radius: inherit;
}
.rb-records-item .rb-records-item__message-inner {
max-width: -webkit-fill-available;
word-wrap: anywhere;
transition: height 0.2s linear;
}
.rb-records-item.rb-records-item-role-sender .rb-sender-error-icon {
height: 32px;
}
.rb-records-item.rb-records-item-role-sender .rb-sender-error-icon .rainbow {
font-size: 20px;
}
.rb-records-item.rb-records-item-role-sender .rb-records-item__message-inner {
color: var(--rb-records-msg-sender-color);
background-color: var(--rb-records-msg-sender-bg-color);
box-shadow: var(--rb-records-msg-sender-shadow-color);
}
.rb-records-item.rb-records-item-role-sender .rb-records-item__message-inner .rb-records-list li::marker {
color: var(--rb-records-msg-sender-color);
}
.rb-records-item.rb-records-item-role-sender .rb-records-item__message-inner .rb-spin-body {
fill: var(--rb-records-msg-sender-color) !important;
}
.rb-records-item.rb-records-item-role-recipient .error .rb-records-item__message-inner {
background-color: var(--rb-records-msg-error-bg-color);
}
.rb-records-item.rb-records-item-role-recipient .rb-records-item__message-inner {
color: var(--rb-records-msg-recipient-color);
background-color: var(--rb-records-msg-recipient-bg-color);
box-shadow: 0 0 4px 0 var(--rb-records-msg-recipient-shadow-color);
}
.rb-records-item.rb-records-item-role-recipient .rb-records-item__message-inner .rb-records-list li::marker {
color: var(--rb-records-msg-recipient-color);
}
.rb-records-item.rb-records-item-role-recipient .rb-records-item__message-inner .rb-records-link,
.rb-records-item.rb-records-item-role-recipient .rb-records-item__message-inner .rb-btn-type-link {
color: var(--rb-records-msg-recipient-link-color);
text-decoration: underline;
}
.rb-records-item.rb-records-item-role-recipient .rb-records-item__message-inner .rb-records-link:hover,
.rb-records-item.rb-records-item-role-recipient .rb-records-item__message-inner .rb-btn-type-link:hover {
color: var(--rb-records-msg-recipient-link-hover-color);
}
.rb-records-item.rb-records-item-role-recipient .rb-records-item__message-inner .rb-records-link:active,
.rb-records-item.rb-records-item-role-recipient .rb-records-item__message-inner .rb-btn-type-link:active {
color: var(--rb-records-msg-recipient-link-active-color);
}
.rb-records-item.rb-records-item-role-recipient .rb-records-item__message-inner .rb-btn-type-text {
color: var(--rb-records-msg-recipient-btn-text-color);
}
.rb-records-item.rb-records-item-role-recipient .rb-records-item__message-inner .rb-btn-type-text:hover {
color: var(--rb-records-msg-recipient-btn-text-hover-color);
}
.rb-records-item.rb-records-item-role-recipient .rb-records-item__message-inner .rb-btn-type-text:active {
color: var(--rb-records-msg-recipient-btn-text-active-color);
}
.rb-records-item.rb-records-item-role-recipient .rb-records-item__message-inner .rb-spin-body {
fill: var(--rb-records-msg-recipient-color) !important;
}
.rb-records-item .rb-records-item__message {
display: flex;
align-items: flex-end;
text-align: left;
}
.rb-records-item .rb-records-item__message-inner {
padding: 5px 12px;
line-height: 22px;
font-size: 14px;
border-radius: 12px;
}
.rb-records-item .rb-records-item__message-inner img {
max-width: 100%;
}
.rb-records-item .rb-records-item__message .rb-records-item__actionbar {
line-height: 1;
height: 14px;
margin-bottom: 4px;
}
.rb-records-item .rb-records-item__message .rb-records-item__actionbar .rb-btn-type-text {
color: var(--rb-records-msg-icon-color);
}
.rb-records-item .rb-records-item__message .rb-records-item__actionbar .rb-btn-type-text:hover {
color: var(--rb-records-msg-icon-hover-color);
}
.rb-records-item .rb-records-item__message .rb-records-item__actionbar .rb-btn-type-text:active {
color: var(--rb-records-msg-icon-active-color);
}
.rb-records-item .rb-records-item__message .rb-records-item__actionbar .rb-btn-type-text .rainbow {
font-size: 14px;
}
.rb-records-item-file {
background-color: #fff;
}
.rb-records-link-error {
color: var(--rb-color-error);
}
.rb-records-link-error:hover {
color: var(--rb-color-error-hover);
}
.rb-records-link-error:active {
color: var(--rb-color-error-active);
}
.rb-records-mode-chat .rb-records-item {
display: flex;
width: 100%;
}
.rb-records-mode-chat .rb-records-item .rb-records-item__content {
display: inline-flex;
flex-direction: column;
width: calc(100% - 62px);
}
.rb-records-mode-chat .rb-records-item.rb-records-item-role-sender {
justify-content: flex-end;
}
.rb-records-mode-chat .rb-records-item.rb-records-item-role-sender .rb-sender-error-icon {
margin-right: 8px;
}
.rb-records-mode-chat .rb-records-item.rb-records-item-role-sender .rb-records-item__content {
align-items: flex-end;
text-align: right;
}
.rb-records-mode-chat .rb-records-item.rb-records-item-role-sender .rb-records-item__nickname {
text-align: right;
}
.rb-records-mode-chat .rb-records-item.rb-records-item-role-sender .rb-records-item__avatar {
margin-left: 8px;
}
.rb-records-mode-chat .rb-records-item.rb-records-item-role-sender .rb-records-item__message {
flex-direction: row-reverse;
}
.rb-records-mode-chat .rb-records-item.rb-records-item-role-sender .rb-records-item__message .rb-records-item__message-inner {
border-top-right-radius: 0;
}
.rb-records-mode-chat .rb-records-item.rb-records-item-role-sender .rb-records-item__message .rb-records-item__actionbar {
padding-right: 4px;
}
.rb-records-mode-chat .rb-records-item.rb-records-item-role-recipient {
margin-right: auto;
justify-content: flex-start;
}
.rb-records-mode-chat .rb-records-item.rb-records-item-role-recipient .rb-records-item__avatar {
margin-right: 8px;
}
.rb-records-mode-chat .rb-records-item.rb-records-item-role-recipient .rb-records-item__message .rb-records-item__message-inner {
border-top-left-radius: 0;
}
.rb-records-mode-chat .rb-records-item.rb-records-item-role-recipient .rb-records-item__message .rb-records-item__actionbar .rb-btn {
padding-left: 4px;
height: 14px;
}
.rb-records-mode-list {
--record-base-size: 32px;
}
.rb-records-mode-list .rb-records-item {
display: flex;
margin-bottom: 8px;
border-radius: 50%;
}
.rb-records-mode-list .rb-records-item__content {
width: 100%;
}
.rb-records-mode-list .rb-records-item__nickname {
line-height: 20px;
font-weight: 400;
}
.rb-records-mode-list .rb-records-item__avatar {
margin-right: 8px;
border-radius: 16px;
}
.rb-records-mode-list .rb-records-item .rb-records-item__actionbar {
padding-left: 4px;
}
.rb-records-mode-list .rb-records-item .rb-records-list li {
line-height: 22px;
}
.rb-records-mode-list .rb-records-item.rb-records-item-role-sender .rb-sender-error-icon {
margin-left: 8px;
}
.rb-records-mode-list .rb-records-item.rb-records-item-role-sender .rb-records-item__message-inner {
border-radius: 12px;
border-top-left-radius: 0;
}
.rb-records-mode-list .rb-records-item.rb-records-item-role-recipient .rb-records-item__message-inner {
border-radius: 12px;
border-top-left-radius: 0;
}
.rb-records-code-container {
padding: 4px 0;
}
.rb-records-code-container .rb-records-code {
font-size: 14px;
font-weight: 100;
}
.rb-records-code-container .rb-records-code-header {
display: flex;
align-items: center;
justify-content: space-between;
height: 32px;
padding: 0 16px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
font-size: 14px;
line-height: 22px;
}
.rb-records-code-container .rb-records-code-content {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
overflow: hidden;
}
.rb-records-image {
width: 100%;
}
.rb-records-tooltip .rb-btn-type-text {
color: var(--rb-records-toolbar-icon-color);
}
.rb-records-tooltip .rb-btn-type-text:hover {
color: var(--rb-records-toolbar-icon-hover-color) !important;
}
.rb-records-tooltip .rb-btn-type-text:active {
color: var(--rb-records-toolbar-icon-active-color) !important;
}
.rb-records-tooltip .rb-records-popup-split {
width: 1px;
height: 14px;
background-color: var(--rb-records-toolbar-split-color);
}
.rb-records-similar-list {
margin-left: 40px;
}
.rb-records-similar-list .rb-records-similar-item {
display: flex;
align-items: center;
padding: 4px 11px;
color: var(--rb-records-msg-recipient-btn-extension-color, #425B76);
background-color: var(--rb-records-msg-recipient-btn-extension-bg-color);
border: 1px solid var(--rb-records-msg-recipient-btn-extension-border-color, #425B76);
border-radius: 4px;
margin-top: 8px;
width: fit-content;
cursor: pointer;
}
.rb-records-similar-list .rb-records-similar-item:hover {
color: var(--rb-records-msg-recipient-btn-extension-hover-color);
border-color: var(--rb-records-msg-recipient-btn-extension-border-hover-color);
background-color: var(--rb-records-msg-recipient-extension-btn-bg-hover-color, #F6F7F9);
}
.rb-records-similar-list .rb-records-similar-item:active {
color: var(--rb-records-msg-recipient-btn-extension-active-color);
border-color: var(--rb-records-msg-recipient-btn-extension-border-active-color);
background-color: var(--rb-records-msg-recipient-btn-extension-bg-active-color);
}
.rb-records-similar-list .rb-records-similar-item span {
width: 32px;
}
.rb-record-item-file {
display: inline-flex;
gap: 8px;
padding: 8px;
border-radius: 12px;
background-color: #a9c6e4;
cursor: pointer;
}
.rb-record-item-file .file-icon span {
font-size: 36px;
}
.rb-record-item-file .file-info {
display: inline-flex;
flex-direction: column;
text-align: left;
}
.rb-records-stop {
color: var(--rb-records-msg-recipient-btn-color, #425B76);
background-color: var(--rb-records-msg-recipient-btn-bg-color);
border: 1px solid var(--rb-records-msg-recipient-btn-border-color, #425B76);
margin-top: 8px;
}
.rb-records-stop:hover {
color: var(--rb-records-msg-recipient-btn-hover-color);
border-color: var(--rb-records-msg-recipient-btn-border-hover-color);
background-color: var(--rb-records-msg-recipient-btn-bg-hover-color, #F6F7F9);
}
.rb-records-stop:active {
color: var(--rb-records-msg-recipient-btn-active-color);
border-color: var(--rb-records-msg-recipient-btn-border-active-color);
background-color: var(--rb-records-msg-recipient-btn-bg-active-color);
}
pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em;
}
code.hljs {
padding: 3px 5px;
}
/*!
Theme: GitHub Dark
Description: Dark theme as seen on github.com
Author: github.com
Maintainer: @Hirse
Updated: 2021-05-15
Outdated base version: https://github.com/primer/github-syntax-dark
Current colors taken from GitHub's CSS
*/
.hljs {
color: #c9d1d9;
background: #0d1117;
}
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
color: #ff7b72;
}
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
color: #d2a8ff;
}
.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id,
.hljs-variable {
color: #79c0ff;
}
.hljs-meta .hljs-string,
.hljs-regexp,
.hljs-string {
color: #a5d6ff;
}
.hljs-built_in,
.hljs-symbol {
color: #ffa657;
}
.hljs-code,
.hljs-comment,
.hljs-formula {
color: #8b949e;
}
.hljs-name,
.hljs-quote,
.hljs-selector-pseudo,
.hljs-selector-tag {
color: #7ee787;
}
.hljs-subst {
color: #c9d1d9;
}
.hljs-section {
color: #1f6feb;
font-weight: 700;
}
.hljs-bullet {
color: #f2cc60;
}
.hljs-emphasis {
color: #c9d1d9;
font-style: italic;
}
.hljs-strong {
color: #c9d1d9;
font-weight: 700;
}
.hljs-addition {
color: #aff5b4;
background-color: #033a16;
}
.hljs-deletion {
color: #ffdcd7;
background-color: #67060c;
}
.rb-inputbox {
position: relative;
flex-direction: column;
align-items: flex-start;
height: auto;
padding: 12px 15px 8px;
}
.rb-inputbox.drag-over {
border-color: var(--rb-color-border-hover-focus);
}
.rb-inputbox__images {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 16px;
}
.rb-inputbox__images__item {
position: relative;
border: 1px solid var(--rb-inputbox-image-border-color);
padding: 4px;
border-radius: 4px;
}
.rb-inputbox__images__item img {
max-width: 100%;
}
.rb-inputbox__images__item .rainbow {
position: absolute;
top: 4px;
right: 4px;
background-color: var(--rb-upload-picture-wall-mask-color);
width: 16px;
height: 16px;
color: var(--rb-upload-picture-wall-icon-color);
font-size: 12px;
line-height: 16px;
border-radius: 100%;
display: none;
}
.rb-inputbox__images__item:hover .rainbow {
display: block;
cursor: pointer;
}
.rb-inputbox__input {
border: none;
outline: none;
width: 100%;
height: auto;
resize: none;
line-height: 22px;
max-height: 22px;
}
.rb-inputbox__input::-webkit-scrollbar {
display: none;
}
.rb-inputbox__actionbar {
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
gap: 33px;
}
.rb-inputbox__actionbar .rb-inputbox__btns {
position: relative;
display: inline-flex;
align-items: center;
gap: 16px;
font-size: 20px;
height: 20px;
line-height: 20px;
}
.rb-inputbox__actionbar .rb-inputbox__btns .rb-btn-type-text {
color: var(--rb-inputbox-operation-color);
}
.rb-inputbox__actionbar .rb-inputbox__btns .rb-btn-type-text:hover {
color: var(--rb-inputbox-operation-hover-color);
}
.rb-inputbox__actionbar .rb-inputbox__btns .rb-btn-type-text:active {
color: var(--rb-inputbox-operation-active-color);
}
.rb-inputbox__actionbar .rb-inputbox__btns .rainbow {
font-size: 20px;
}
.rb-inputbox__actionbar .rb-inputbox__btn-split::after {
position: absolute;
right: -16px;
content: '';
width: 1px;
height: 16px;
background-color: var(--rb-inputbox-split-color);
}
.rb-inputbox__actionbar .rb-btn.send_btn {
width: 32px;
min-width: 32px;
border-radius: 50%;
}
.rb-inputbox__actionbar .rb-btn.send_btn .rainbow {
font-size: 20px;
}
.rb-inputbox .rb-upload-picture-wall-item {
width: 64px;
height: 64px;
border-radius: 2px;
}
.rb-inputbox-files {
display: flex;
flex-wrap: wrap;
justify-content: start;
width: 100%;
max-height: 104px;
overflow-y: auto;
margin-bottom: 4px;
/* 定义滚动条轨道的样式 */
/* 定义滚动条滑块的样式 */
}
.rb-inputbox-files::-webkit-scrollbar {
width: 4px;
}
.rb-inputbox-files::-webkit-scrollbar-track {
background: #f1f1f1;
/* 轨道的背景颜色 */
border-radius: 6px;
/* 轨道的圆角 */
}
.rb-inputbox-files::-webkit-scrollbar-thumb {
background: #888;
/* 滑块的背景颜色 */
border-radius: 6px;
/* 滑块的圆角 */
}
.rb-inputbox-file {
position: relative;
display: inline-flex;
align-items: center;
gap: 8px;
height: 48px;
width: 33%;
max-width: 200px;
padding: 2px 7px;
background: var(--rb-inputbox-file-name-bg-color);
border: 1px solid var(--rb-inputbox-file-name-bordr-color);
border-radius: 4px;
color: var(--rb-inputbox-file-name-color, #39364E);
margin-right: 4px;
margin-bottom: 4px;
box-shadow: 1px 1px 2px 0 var(--rb-box-shadow-color);
}
.rb-inputbox-file.sheet .file-icon {
color: #1f7244;
}
.rb-inputbox-file.pdf .file-icon {
color: #ae5046;
}
.rb-inputbox-file.image a,
.rb-inputbox-file.image img {
height: 100%;
width: 100%;
}
.rb-inputbox-file.removeable .file-info-name {
max-width: 124px;
}
.rb-inputbox-file.error {
color: var(--rb-color-error);
border-color: var(--rb-color-error);
}
.rb-inputbox-file .file-image {
position: relative;
width: 32px;
height: 32px;
}
.rb-inputbox-file .file-image.uploading .rb-spin {
background: rgba(255, 255, 255, 0.64);
}
.rb-inputbox-file .file-image .file-icon {
font-size: 36px;
}
.rb-inputbox-file .file-image .rb-spin {
position: absolute;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.rb-inputbox-file .file-info {
display: inline-flex;
flex-direction: column;
height: 42px;
width: calc(100% - 62px);
}
.rb-inputbox-file .file-info-name-wrapper {
width: 100%;
display: block;
position: relative;
line-height: 22px;
height: 22px;
overflow: hidden;
background: var(--rb-inputbox-file-name-bg-color);
}
.rb-inputbox-file .file-info-name {
display: block;
max-height: 4em;
color: transparent;
}
.rb-inputbox-file .file-info-name-copy {
display: block;
position: relative;
background: inherit;
text-align: justify;
height: 22px;
line-height: 22px;
overflow: hidden;
top: -4em;
}
.rb-inputbox-file .file-info-name-copy::before {
content: attr(title);
width: 50%;
float: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
direction: rtl;
}
.rb-inputbox-file .file-info-details {
height: 20px;
line-height: 20px;
font-size: 12px;
color: var(--rb-inputbox-file-details-color, #7c7c7c);
}
.rb-inputbox-file .file-info .re-upload {
color: var(--rb-upload-error-color);
cursor: pointer;
}
.rb-inputbox-file .file-info .re-upload:hover {
color: var(--rb-color-error-hover);
}
.rb-inputbox-file .file-info .re-upload:active {
color: var(--rb-color-error-active);
}
.rb-inputbox-file .file-remove {
position: absolute;
right: 7px;
top: 7px;
font-size: 12px;
height: 12px;
width: 12px;
color: var(--rb-close-icon-color, #7c7c7c);
cursor: pointer;
}
.rb-inputbox-file .file-remove:hover {
color: var(--rb-close-icon-hover-color);
}
.rb-bot-panel {
position: absolute;
right: 0px;
border-radius: 4px;
box-sizing: content-box;
}
.rb-bot-panel-inner {
width: 100%;
height: 100%;
overflow: hidden;
}
.rb-bot-panel .rb-bot-header {
display: flex;
flex-shrink: 0;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 12px 24px;
background-color: var(--rb-chat-header-bg-color);
color: var(--rb-chat-header-color);
font-size: 16px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.rb-bot-panel .rb-bot-header .rb-btn {
color: var(--rb-chat-header-btn-color);
background-color: transparent;
border-color: var(--rb-chat-header-btn-border-color);
}
.rb-bot-panel .rb-bot-header .rb-btn:hover {
color: var(--rb-chat-header-btn-hover-color);
background-color: transparent;
border-color: var(--rb-chat-header-btn-border-color);
}
.rb-bot-panel .rb-bot-header .rb-btn:active {
color: var(--rb-chat-header-btn-active-color);
background-color: transparent;
border-color: var(--rb-chat-header-btn-border-color);
}
.rb-bot-panel .rb-bot-header ~ .rb-bot-body {
height: calc(100% - 46px);
}
.rb-bot-panel .rb-bot-body-content-wrapper {
flex-grow: 1;
height: calc(100% - 200px);
overflow: auto;
}
.rb-bot-panel .rb-bot-body-content-wrapper.with-records {
overflow: initial;
}
.rb-bot-panel .rb-panel-body-input-action {
display: flex;
justify-content: space-between;
padding-bottom: 8px;
}
.rb-bot-panel .rb-panel-body-input-action-left,
.rb-bot-panel .rb-panel-body-input-action-right {
display: inline-flex;
gap: 8px;
}
.rb-bot-panel .rb-panel-body-input-action-right {
flex-grow: 1;
justify-content: flex-end;
}
.rb-bot-panel .rb-bot-body {
height: 100%;
flex-grow: 1;
display: flex;
flex-direction: column;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.rb-bot-panel .rb-bot-body .rb-records {
flex-grow: 1;
}
.rb-bot-panel .rb-bot-body .rb-inputbox {
flex-shrink: 0;
}
.rb-bot-panel-float {
--rb-bot-panel-height: 80vh;
--rb-bot-panel-width: 50vw;
width: var(--rb-bot-panel-width);
height: var(--rb-bot-panel-height);
top: 10vh;
transition: width 0.2s ease-in-out;
box-shadow: 0 8px 24px 0 rgba(46, 49, 46, 0.16);
background: var(--rb-bot-panel-float-bg-color, #fff);
z-index: 99;
}
.rb-bot-panel-float .rb-bot-body {
padding: 16px 16px 24px 16px;
}
.rb-bot-panel-float.rb-bot-show {
width: var(--rb-bot-panel-width);
}
.rb-bot-panel-float.rb-bot-hide {
width: 0;
}
.rb-bot-panel-full-float {
--rb-bot-panel-height: 100vh;
--rb-bot-panel-width: 50vw;
width: var(--rb-bot-panel-width);
height: var(--rb-bot-panel-height);
top: 0;
transition: width 0.15s linear;
}
.rb-bot-panel-full-float.rb-bot-show {
width: var(--rb-bot-panel-width);
}
.rb-bot-panel-full-float.rb-bot-hide {
width: 0;
}
.rb-bot-panel-inside {
position: relative;
height: 100%;
width: 100%;
padding: 0;
}
.rb-bot-panel-inside .rb-bot-panel-inner {
width: 100%;
}
.rb-bot-handler {
position: absolute;
top: 0;
width: 32px;
height: calc(var(--rb-bot-panel-height) - 8px);
margin-top: 4px;
margin-left: -16px;
}
.rb-bot-handler-inner {
position: relative;
width: 100%;
height: 100%;
opacity: 0;
}
.rb-bot-handler-inner::after {
position: absolute;
content: '';
width: 2px;
height: 100%;
background-color: var(--rb-color-primary);
left: 50%;
transform: translateX(-50%);
}
.rb-bot-handler-inner:hover {
opacity: 1;
cursor: e-resize;
}
.rb-bot-expander {
position: absolute;
top: 50%;
left: -10px;
transform: translateY(-50%);
cursor: pointer;
}
.rb-bot-expander:hover .rb-bot-expander-line1,
.rb-bot-expander:hover .rb-bot-expander-line2 {
opacity: 1;
}
.rb-bot-expander-line1,
.rb-bot-expander-line2 {
width: 4px;
height: 12px;
background-color: var(--rb-color-primary);
opacity: 0.6;
transform: opacity 0.2s linear;
}
.rb-bot-expander-line1 {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
margin-bottom: -2px;
}
.rb-bot-expander-line2 {
margin-top: -2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.rb-bot-expander-collapse .rb-bot-expander-line1 {
transform: rotate(-24deg);
}
.rb-bot-expander-collapse .rb-bot-expander-line2 {
transform: rotate(24deg);
}
.rb-bot-expander-hide {
display: none;
}
.rb-bot-header-action .rb-btn {
font-size: 16px;
color: #fff;
}
.rb-bot-header-action .rb-btn .rainbow {
font-size: 24px;
}
.rb-chat-bar-action-btn {
height: 24px;
border-radius: 12px;
padding: 0 12px !important;
width: fit-content !important;
min-width: fit-content !important;
}
.rb-chat-bar-action-btn.with-size {
min-width: 120px !important;
}
.rb-chat-bar-action-btn .rb-btn-suffix {
font-size: 12px;
}
.rb-bot-panel-close {
position: absolute;
border: none;
box-shadow: 0 8px 24px 0 var(--rb-box-shadow-color);
color: var(--rb-float-btn-color);
height: 40px;
width: 40px;
border-radius: 50%;
overflow: hidden;
background-color: var(--rb-float-btn-default-bg-color);
transition: background-color 0.2s;
display: inline-flex;
align-items: center;
justify-content: center;
bottom: -44px;
right: 0;
cursor: pointer;
}
.rb-bot-panel-close:hover {
background-color: var(--rb-float-btn-default-hover-bg-color);
color: var(--rb-float-btn-default-hover-color);
}
.commend {
text-align: center;
width: 100%;
padding: 0 24px 32px;
}
.commend li {
list-style: none;
}
.commend .title {
font-size: 32px;
color: #39364e;
letter-spacing: 0;
line-height: 32px;
margin-top: 16px;
}
.commend .sub-title {
font-size: 24px;
color: #445781;
letter-spacing: 0;
text-align: center;
line-height: 32px;
}
.commend .system-card {
margin-top: 32px;
}
.commend .items-wrapper {
margin-top: 24px;
}
.commend .items {
display: flex;
gap: 16px;
padding: 4px 12px;
}
.commend .item {
position: relative;
flex-shrink: 0;
border: 1px solid #e7e7e7;
border-radius: 8px;
width: calc((100% - 48px) / 4);
text-align: center;
padding: 16px 24px;
cursor: pointer;
}
.commend .item.active {
border-color: #777af2;
}
.commend .item:hover {
box-shadow: 0 4px 12px 0 rgba(15, 15, 15, 0.16);
border-color: transparent;
}
.commend .item .rb-radio-label.active .rb-radio-inner:after {
background-color: transparent;
border-bottom: 2px solid var(--rb-plan-radio-arrow-border-active, #777af2);
border-left: 2px solid var(--rb-plan-radio-arrow-border-active, #777af2);
border-radius: 0;
content: '';
height: 4px;
left: 74%;
position: absolute;
top: 80%;
transform: rotate(-50deg);
width: 8px;
}
.commend .item-action {
position: absolute;
width: 16px;
height: 16px;
top: 16px;
right: 16px;
}
.commend .item-action .rb-radio-label {
height: 16px;
width: 16px;
}
.commend .item-img {
width: 142px;
height: 116px;
}
.commend .item-title {
font-size: 16px;
color: #39364e;
letter-spacing: 0;
text-align: center;
line-height: 24px;
}
.commend .item-intro {
font-size: 14px;
color: #39364e;
letter-spacing: 0;
text-align: center;
line-height: 22px;
margin-top: 16px;
}
.commend.small .title {
font-size: 24px;
}
.commend.small .intro {
margin-top: 8px;
}
.commend.small .intro,
.commend.small .item-title {
font-size: 14px;
line-height: 22px;
}
.commend.small .item-img {
width: 98px;
height: 80px;
}
.commend.small .item-intro {
display: none;
}
.commend .rb-carousel-prev,
.commend .rb-carousel-next {
background-color: #777af2;
}
.commend .rb-carousel-prev:hover,
.commend .rb-carousel-next:hover {
background-color: #39364e;
}
.commend .rb-carousel-prev span,
.commend .rb-carousel-next span {
color: #fff;
}
.commend .rb-carousel {
padding: 1px 0px 18px;
}
.commend .rb-carousel-bar-bottom {
bottom: 0;
}
.custom-card {
margin-top: 32px;
}
.custom-card-title {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
}
.custom-card-title .add {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 24px;
border: 1px solid #cbd6e2;
border-radius: 12px;
cursor: pointer;
}
.item-action-popup span {
cursor: pointer;
}
.edit-panel .rb-card-content > .rb-input-group {
margin-bottom: 8px;
}
.edit-panel .rb-upload {
width: 96px;
}
/* BASICS */
.CodeMirror {
/* Set height, width, borders, and global font properties here */
font-family: monospace;
height: 300px;
color: black;
direction: ltr;
}
/* PADDING */
.CodeMirror-lines {
padding: 4px 0;
/* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
padding: 0 4px;
/* Horizontal padding of content */
}
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
background-color: white;
/* The little square between H and V scrollbars */
}
/* GUTTER */
.CodeMirror-gutters {
border-right: 1px solid #ddd;
background-color: #f7f7f7;
white-space: nowrap;
}
.CodeMirror-linenumber {
padding: 0 3px 0 5px;
min-width: 20px;
text-align: right;
color: #999;
white-space: nowrap;
}
.CodeMirror-guttermarker {
color: black;
}
.CodeMirror-guttermarker-subtle {
color: #999;
}
/* CURSOR */
.CodeMirror-cursor {
border-left: 1px solid black;
border-right: none;
width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
width: auto;
border: 0 !important;
background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
z-index: 1;
}
.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection,
.cm-fat-cursor .CodeMirror-line > span > span::selection {
background: transparent;
}
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
background: transparent;
}
.cm-fat-cursor {
caret-color: transparent;
}
@-moz-keyframes blink {
50% {
background-color: transparent;
}
}
@-webkit-keyframes blink {
50% {
background-color: transparent;
}
}
@keyframes blink {
50% {
background-color: transparent;
}
}
/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
display: inline-block;
text-decoration: inherit;
}
.CodeMirror-rulers {
position: absolute;
left: 0;
right: 0;
top: -50px;
bottom: 0;
overflow: hidden;
}
.CodeMirror-ruler {
border-left: 1px solid #ccc;
top: 0;
bottom: 0;
position: absolute;
}
/* DEFAULT THEME */
.cm-s-default .cm-header {
color: blue;
}
.cm-s-default .cm-quote {
color: #090;
}
.cm-negative {
color: #d44;
}
.cm-positive {
color: #292;
}
.cm-header,
.cm-strong {
font-weight: bold;
}
.cm-em {
font-style: italic;
}
.cm-link {
text-decoration: underline;
}
.cm-strikethrough {
text-decoration: line-through;
}
.cm-s-default .cm-keyword {
color: #708;
}
.cm-s-default .cm-atom {
color: #219;
}
.cm-s-default .cm-number {
color: #164;
}
.cm-s-default .cm-def {
color: #00f;
}
.cm-s-default .cm-variable-2 {
color: #05a;
}
.cm-s-default .cm-variable-3,
.cm-s-default .cm-type {
color: #085;
}
.cm-s-default .cm-comment {
color: #a50;
}
.cm-s-default .cm-string {
color: #a11;
}
.cm-s-default .cm-string-2 {
color: #f50;
}
.cm-s-default .cm-meta {
color: #555;
}
.cm-s-default .cm-qualifier {
color: #555;
}
.cm-s-default .cm-builtin {
color: #30a;
}
.cm-s-default .cm-bracket {
color: #997;
}
.cm-s-default .cm-tag {
color: #170;
}
.cm-s-default .cm-attribute {
color: #00c;
}
.cm-s-default .cm-hr {
color: #999;
}
.cm-s-default .cm-link {
color: #00c;
}
.cm-s-default .cm-error {
color: #f00;
}
.cm-invalidchar {
color: #f00;
}
.CodeMirror-composing {
border-bottom: 2px solid;
}
/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
color: #0b0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
color: #a22;
}
.CodeMirror-matchingtag {
background: rgba(255, 150, 0, 0.3);
}
.CodeMirror-activeline-background {
background: #e8f2ff;
}
/* STOP */
/* The rest of this file contains styles related to the mechanics of
the editor. You probably shouldn't touch them. */
.CodeMirror {
position: relative;
overflow: hidden;
background: white;
}
.CodeMirror-scroll {
overflow: scroll !important;
/* Things will break if this is overridden */
/* 50px is the magic margin used to hide the element's real scrollbars */
/* See overflow: hidden in .CodeMirror */
margin-bottom: -50px;
margin-right: -50px;
padding-bottom: 50px;
height: 100%;
outline: none;
/* Prevent dragging from highlighting the element */
position: relative;
z-index: 0;
}
.CodeMirror-sizer {
position: relative;
border-right: 50px solid transparent;
}
/* The fake, visible scrollbars. Used to force redraw during scrolling
before actual scrolling happens, thus preventing shaking and
flickering artifacts. */
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
position: absolute;
z-index: 6;
display: none;
outline: none;
}
.CodeMirror-vscrollbar {
right: 0;
top: 0;
overflow-x: hidden;
overflow-y: scroll;
}
.CodeMirror-hscrollbar {
bottom: 0;
left: 0;
overflow-y: hidden;
overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
right: 0;
bottom: 0;
}
.CodeMirror-gutter-filler {
left: 0;
bottom: 0;
}
.CodeMirror-gutters {
position: absolute;
left: 0;
top: 0;
min-height: 100%;
z-index: 3;
}
.CodeMirror-gutter {
white-space: normal;
height: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
position: absolute;
z-index: 4;
background: none !important;
border: none !important;
}
.CodeMirror-gutter-background {
position: absolute;
top: 0;
bottom: 0;
z-index: 4;
}
.CodeMirror-gutter-elt {
position: absolute;
cursor: default;
z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection {
background-color: transparent;
}
.CodeMirror-gutter-wrapper ::-moz-selection {
background-color: transparent;
}
.CodeMirror-lines {
cursor: text;
min-height: 1px;
/* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
/* Reset some styles that the rest of the page might have set */
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border-width: 0;
background: transparent;
font-family: inherit;
font-size: inherit;
margin: 0;
white-space: pre;
word-wrap: normal;
line-height: inherit;
color: inherit;
z-index: 2;
position: relative;
overflow: visible;
-webkit-tap-highlight-color: transparent;
-webkit-font-variant-ligatures: contextual;
font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
word-wrap: break-word;
white-space: pre-wrap;
word-break: normal;
}
.CodeMirror-linebackground {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
}
.CodeMirror-linewidget {
position: relative;
z-index: 2;
padding: 0.1px;
/* Force widget margins to stay inside of the container */
}
.CodeMirror-rtl pre {
direction: rtl;
}
.CodeMirror-code {
outline: none;
}
/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.CodeMirror-measure {
position: absolute;
width: 100%;
height: 0;
overflow: hidden;
visibility: hidden;
}
.CodeMirror-cursor {
position: absolute;
pointer-events: none;
}
.CodeMirror-measure pre {
position: static;
}
div.CodeMirror-cursors {
visibility: hidden;
position: relative;
z-index: 3;
}
div.CodeMirror-dragcursors {
visibility: visible;
}
.CodeMirror-focused div.CodeMirror-cursors {
visibility: visible;
}
.CodeMirror-selected {
background: #d9d9d9;
}
.CodeMirror-focused .CodeMirror-selected {
background: #d7d4f0;
}
.CodeMirror-crosshair {
cursor: crosshair;
}
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
background: #d7d4f0;
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
background: #d7d4f0;
}
.cm-searching {
background-color: #ffa;
background-color: rgba(255, 255, 0, 0.4);
}
/* Used to force a border model for a node */
.cm-force-border {
padding-right: 0.1px;
}
@media print {
/* Hide the cursor when printing */
.CodeMirror div.CodeMirror-cursors {
visibility: hidden;
}
}
/* See issue #2901 */
.cm-tab-wrap-hack:after {
content: '';
}
/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
background: none;
}
/**
Name: icomposer default theme
From GI Team by InsureMO
*/
.cm-s-icomposer span.cm-meta {
color: #808000;
}
.cm-s-icomposer span.cm-number {
color: #0000ff;
}
.cm-s-icomposer span.cm-keyword {
line-height: 1em;
font-weight: bold;
color: #000080;
}
.cm-s-icomposer span.cm-atom {
font-weight: bold;
color: #000080;
}
.cm-s-icomposer span.cm-def {
color: #000000;
}
.cm-s-icomposer span.cm-variable {
color: black;
}
.cm-s-icomposer span.cm-variable-2 {
color: black;
}
.cm-s-icomposer span.cm-variable-3,
.cm-s-icomposer span.cm-type {
color: black;
}
.cm-s-icomposer span.cm-property {
color: black;
}
.cm-s-icomposer span.cm-operator {
color: black;
}
.cm-s-icomposer span.cm-comment {
color: #808080;
}
.cm-s-icomposer span.cm-string {
color: #008000;
}
.cm-s-icomposer span.cm-string-2 {
color: #008000;
}
.cm-s-icomposer span.cm-qualifier {
color: #555;
}
.cm-s-icomposer span.cm-error {
color: #ff0000;
}
.cm-s-icomposer span.cm-attribute {
color: #0000ff;
}
.cm-s-icomposer span.cm-tag {
color: #000080;
}
.cm-s-icomposer span.cm-link {
color: #0000ff;
}
.cm-s-icomposer .CodeMirror-activeline-background {
background: #fffae3;
}
.cm-s-icomposer span.cm-builtin {
color: #30a;
}
.cm-s-icomposer span.cm-bracket {
color: #cc7;
}
.cm-s-icomposer {
font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
Bitstream Vera Sans Mono, Courier New, monospace, serif;
}
.cm-s-icomposer .CodeMirror-matchingbracket {
outline: 1px solid #add8e6;
color: black !important;
background-color: #add8e6;
}
.CodeMirror-hints.icomposer {
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
color: #616569;
background-color: #ebf3fd !important;
}
.CodeMirror-hints.icomposer .CodeMirror-hint-active {
background-color: #a2b8c9 !important;
color: #5c6065 !important;
}
.chatbotCodeMirror {
/* border: 1px solid #eeeeee; */
height: 100%;
}
.chatbotCodeMirror .CodeMirror {
height: 100%;
}
.rb-code-chat-edit {
height: 100%;
}
.rb-code-chat-edit .rb-flexlayout__item {
height: 100%;
border: 1px solid var(--rb-collapse-border-color);
}
.rb-code-chat-edit .rb-flexlayout__item .code-header,
.rb-code-chat-edit .rb-flexlayout__item .rb-bot-header {
display: flex;
align-items: center;
height: 44px;
justify-content: space-between;
background-color: var(--rb-collapse-header-bg-color);
padding: var(--rb-collapse-header-padding, 11px 15px);
border-radius: 4px 4px 0 0;
}
.rb-code-chat-edit .rb-flexlayout__item .code-header .rb-btn,
.rb-code-chat-edit .rb-flexlayout__item .rb-bot-header .rb-btn {
color: var(--rb-collapse-header-custom-btn-text-color);
}
.rb-code-chat-edit .rb-flexlayout__item .code-header .rb-btn:hover,
.rb-code-chat-edit .rb-flexlayout__item .rb-bot-header .rb-btn:hover {
color: var(--rb-collapse-header-custom-btn-text-hover-color);
}
.rb-code-chat-edit .rb-flexlayout__item .code-header .rb-btn:active,
.rb-code-chat-edit .rb-flexlayout__item .rb-bot-header .rb-btn:active {
color: var(--rb-collapse-header-custom-btn-text-active-color);
}
.rb-code-chat-edit .rb-flexlayout__item .chatbotCodeMirror {
height: calc(100% - 44px);
}
.rb-code-chat-edit .rb-flexlayout__item .rb-bot-panel-inside {
width: auto;
}
.rb-code-chat-edit .rb-flexlayout__item .rb-bot-panel-inside .rb-bot-panel-inner {
height: calc(100% - 44px);
padding: 16px 16px 24px 16px;
}
.CodeMirror-hints {
position: absolute;
z-index: 10;
overflow: hidden;
list-style: none;
margin: 0;
padding: 2px;
-webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
border-radius: 3px;
border: 1px solid silver;
background: white;
font-size: 90%;
font-family: monospace;
max-height: 20em;
overflow-y: auto;
box-sizing: border-box;
}
.CodeMirror-hint {
margin: 0;
padding: 0 4px;
border-radius: 2px;
white-space: pre;
color: black;
cursor: pointer;
}
li.CodeMirror-hint-active {
background: #08f;
color: white;
}