万纯 0fbf3fb1ed fes-ui v0.1.1
1、修复Layout组件offset不生效的bug

fes-doc
1、更新文档中描述不准备的地方
2、更换文档中的链接
2020-09-08 10:50:29 +08:00

5541 lines
142 KiB
CSS

@charset "UTF-8";
@-webkit-keyframes loading {
0% {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1); }
50% {
-webkit-transform: rotate(180deg) scale(0.8);
transform: rotate(180deg) scale(0.8); }
100% {
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1); } }
@keyframes loading {
0% {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1); }
50% {
-webkit-transform: rotate(180deg) scale(0.8);
transform: rotate(180deg) scale(0.8); }
100% {
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1); } }
.fade-transition {
transition: opacity .3s;
opacity: 1; }
.fade-enter, .fade-leave {
opacity: 0; }
@-webkit-keyframes tabfadeIn {
0% {
opacity: 0; }
70% {
opacity: 0.8; }
100% {
opacity: 1; } }
@keyframes tabfadeIn {
0% {
opacity: 0; }
70% {
opacity: 0.8; }
100% {
opacity: 1; } }
@-webkit-keyframes tabfadeOut {
0% {
opacity: 1; }
70% {
opacity: 0.2; }
100% {
opacity: 0; } }
@keyframes tabfadeOut {
0% {
opacity: 1; }
70% {
opacity: 0.2; }
100% {
opacity: 0; } }
.tabfade-enter {
opacity: 0; }
.tabfade-enter-active {
-webkit-animation-name: tabfadeIn;
animation-name: tabfadeIn;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.tabfade-leave,
.tabfade-leave-active {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0; }
.tabfade-leave-active {
-webkit-animation-name: tabfadeOut;
animation-name: tabfadeOut;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
@-webkit-keyframes slideDownIn {
0% {
opacity: 0;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scaleY(0.8);
transform: scaleY(0.8); }
100% {
opacity: 1;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scaleY(1);
transform: scaleY(1); } }
@keyframes slideDownIn {
0% {
opacity: 0;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scaleY(0.8);
transform: scaleY(0.8); }
100% {
opacity: 1;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scaleY(1);
transform: scaleY(1); } }
@-webkit-keyframes slideUpOut {
0% {
opacity: 1;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scaleY(1);
transform: scaleY(1); }
100% {
opacity: 0;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scaleY(0.8);
transform: scaleY(0.8); } }
@keyframes slideUpOut {
0% {
opacity: 1;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scaleY(1);
transform: scaleY(1); }
100% {
opacity: 0;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scaleY(0.8);
transform: scaleY(0.8); } }
.slide-transition {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
.slide-enter {
-webkit-animation-name: slideDownIn;
animation-name: slideDownIn; }
.slide-leave {
-webkit-animation-name: slideUpOut;
animation-name: slideUpOut; }
.slide-to-down-enter-active {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-name: slideDownIn;
animation-name: slideDownIn; }
.slide-to-down-leave-active {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-name: slideUpOut;
animation-name: slideUpOut; }
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Correct the line height in all browsers.
* 3. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
/* Document
========================================================================== */
html {
font-family: sans-serif;
/* 1 */
line-height: 1.15;
/* 2 */
-ms-text-size-adjust: 100%;
/* 3 */
-webkit-text-size-adjust: 100%;
/* 3 */ }
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0; }
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block; }
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main {
/* 1 */
display: block; }
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px; }
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */ }
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0; }
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */ }
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit; }
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder; }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic; }
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000; }
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block; }
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none; }
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden; }
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */ }
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible; }
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none; }
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */ }
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
-moz-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */ }
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */ }
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto; }
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
-moz-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */ }
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */ }
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details,
menu {
display: block; }
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item; }
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block; }
/**
* Add the correct display in IE.
*/
template {
display: none; }
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none; }
@font-face {
font-family: "Ionicons";
src: url("../styles/iconfont/ionicons.eot");
src: url("../styles/iconfont/ionicons.eot?#iefix") format("embedded-opentype"), url("../styles/iconfont/ionicons.woff2") format("woff2"), url("../styles/iconfont/ionicons.woff") format("woff"), url("../styles/iconfont/ionicons.ttf") format("truetype"), url("../styles/iconfont/ionicons.svg#iconfont") format("svg");
font-weight: normal;
font-style: normal; }
.ui-icon, .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before {
display: inline-block;
vertical-align: baseline;
font-family: "Ionicons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.ui-icon-ios-add:before {
content: ""; }
.ui-icon-ios-add-circle:before {
content: ""; }
.ui-icon-ios-add-circle-outline:before {
content: ""; }
.ui-icon-ios-airplane:before {
content: ""; }
.ui-icon-ios-alarm:before {
content: ""; }
.ui-icon-ios-albums:before {
content: ""; }
.ui-icon-ios-alert:before {
content: ""; }
.ui-icon-ios-american-football:before {
content: ""; }
.ui-icon-ios-analytics:before {
content: ""; }
.ui-icon-ios-aperture:before {
content: ""; }
.ui-icon-ios-apps:before {
content: ""; }
.ui-icon-ios-appstore:before {
content: ""; }
.ui-icon-ios-archive:before {
content: ""; }
.ui-icon-ios-arrow-back:before {
content: ""; }
.ui-icon-ios-arrow-down:before {
content: ""; }
.ui-icon-ios-arrow-dropdown:before {
content: ""; }
.ui-icon-ios-arrow-dropdown-circle:before {
content: ""; }
.ui-icon-ios-arrow-dropleft:before {
content: ""; }
.ui-icon-ios-arrow-dropleft-circle:before {
content: ""; }
.ui-icon-ios-arrow-dropright:before {
content: ""; }
.ui-icon-ios-arrow-dropright-circle:before {
content: ""; }
.ui-icon-ios-arrow-dropup:before {
content: ""; }
.ui-icon-ios-arrow-dropup-circle:before {
content: ""; }
.ui-icon-ios-arrow-forward:before {
content: ""; }
.ui-icon-ios-arrow-round-back:before {
content: ""; }
.ui-icon-ios-arrow-round-down:before {
content: ""; }
.ui-icon-ios-arrow-round-forward:before {
content: ""; }
.ui-icon-ios-arrow-round-up:before {
content: ""; }
.ui-icon-ios-arrow-up:before {
content: ""; }
.ui-icon-ios-at:before {
content: ""; }
.ui-icon-ios-attach:before {
content: ""; }
.ui-icon-ios-backspace:before {
content: ""; }
.ui-icon-ios-barcode:before {
content: ""; }
.ui-icon-ios-baseball:before {
content: ""; }
.ui-icon-ios-basket:before {
content: ""; }
.ui-icon-ios-basketball:before {
content: ""; }
.ui-icon-ios-battery-charging:before {
content: ""; }
.ui-icon-ios-battery-dead:before {
content: ""; }
.ui-icon-ios-battery-full:before {
content: ""; }
.ui-icon-ios-beaker:before {
content: ""; }
.ui-icon-ios-bed:before {
content: ""; }
.ui-icon-ios-beer:before {
content: ""; }
.ui-icon-ios-bicycle:before {
content: ""; }
.ui-icon-ios-bluetooth:before {
content: ""; }
.ui-icon-ios-boat:before {
content: ""; }
.ui-icon-ios-body:before {
content: ""; }
.ui-icon-ios-bonfire:before {
content: ""; }
.ui-icon-ios-book:before {
content: ""; }
.ui-icon-ios-bookmark:before {
content: ""; }
.ui-icon-ios-bookmarks:before {
content: ""; }
.ui-icon-ios-bowtie:before {
content: ""; }
.ui-icon-ios-briefcase:before {
content: ""; }
.ui-icon-ios-browsers:before {
content: ""; }
.ui-icon-ios-brush:before {
content: ""; }
.ui-icon-ios-bug:before {
content: ""; }
.ui-icon-ios-build:before {
content: ""; }
.ui-icon-ios-bulb:before {
content: ""; }
.ui-icon-ios-bus:before {
content: ""; }
.ui-icon-ios-business:before {
content: ""; }
.ui-icon-ios-cafe:before {
content: ""; }
.ui-icon-ios-calculator:before {
content: ""; }
.ui-icon-ios-calendar:before {
content: ""; }
.ui-icon-ios-call:before {
content: ""; }
.ui-icon-ios-camera:before {
content: ""; }
.ui-icon-ios-car:before {
content: ""; }
.ui-icon-ios-card:before {
content: ""; }
.ui-icon-ios-cart:before {
content: ""; }
.ui-icon-ios-cash:before {
content: ""; }
.ui-icon-ios-cellular:before {
content: ""; }
.ui-icon-ios-chatboxes:before {
content: ""; }
.ui-icon-ios-chatbubbles:before {
content: ""; }
.ui-icon-ios-checkbox:before {
content: ""; }
.ui-icon-ios-checkbox-outline:before {
content: ""; }
.ui-icon-ios-checkmark:before {
content: ""; }
.ui-icon-ios-checkmark-circle:before {
content: ""; }
.ui-icon-ios-checkmark-circle-outline:before {
content: ""; }
.ui-icon-ios-clipboard:before {
content: ""; }
.ui-icon-ios-clock:before {
content: ""; }
.ui-icon-ios-close:before {
content: ""; }
.ui-icon-ios-close-circle:before {
content: ""; }
.ui-icon-ios-close-circle-outline:before {
content: ""; }
.ui-icon-ios-cloud:before {
content: ""; }
.ui-icon-ios-cloud-circle:before {
content: ""; }
.ui-icon-ios-cloud-done:before {
content: ""; }
.ui-icon-ios-cloud-download:before {
content: ""; }
.ui-icon-ios-cloud-outline:before {
content: ""; }
.ui-icon-ios-cloud-upload:before {
content: ""; }
.ui-icon-ios-cloudy:before {
content: ""; }
.ui-icon-ios-cloudy-night:before {
content: ""; }
.ui-icon-ios-code:before {
content: ""; }
.ui-icon-ios-code-download:before {
content: ""; }
.ui-icon-ios-code-working:before {
content: ""; }
.ui-icon-ios-cog:before {
content: ""; }
.ui-icon-ios-color-fill:before {
content: ""; }
.ui-icon-ios-color-filter:before {
content: ""; }
.ui-icon-ios-color-palette:before {
content: ""; }
.ui-icon-ios-color-wand:before {
content: ""; }
.ui-icon-ios-compass:before {
content: ""; }
.ui-icon-ios-construct:before {
content: ""; }
.ui-icon-ios-contact:before {
content: ""; }
.ui-icon-ios-contacts:before {
content: ""; }
.ui-icon-ios-contract:before {
content: ""; }
.ui-icon-ios-contrast:before {
content: ""; }
.ui-icon-ios-copy:before {
content: ""; }
.ui-icon-ios-create:before {
content: ""; }
.ui-icon-ios-crop:before {
content: ""; }
.ui-icon-ios-cube:before {
content: ""; }
.ui-icon-ios-cut:before {
content: ""; }
.ui-icon-ios-desktop:before {
content: ""; }
.ui-icon-ios-disc:before {
content: ""; }
.ui-icon-ios-document:before {
content: ""; }
.ui-icon-ios-done-all:before {
content: ""; }
.ui-icon-ios-download:before {
content: ""; }
.ui-icon-ios-easel:before {
content: ""; }
.ui-icon-ios-egg:before {
content: ""; }
.ui-icon-ios-exit:before {
content: ""; }
.ui-icon-ios-expand:before {
content: ""; }
.ui-icon-ios-eye:before {
content: ""; }
.ui-icon-ios-eye-off:before {
content: ""; }
.ui-icon-ios-fastforward:before {
content: ""; }
.ui-icon-ios-female:before {
content: ""; }
.ui-icon-ios-filing:before {
content: ""; }
.ui-icon-ios-film:before {
content: ""; }
.ui-icon-ios-finger-print:before {
content: ""; }
.ui-icon-ios-fitness:before {
content: ""; }
.ui-icon-ios-flag:before {
content: ""; }
.ui-icon-ios-flame:before {
content: ""; }
.ui-icon-ios-flash:before {
content: ""; }
.ui-icon-ios-flash-off:before {
content: ""; }
.ui-icon-ios-flashlight:before {
content: ""; }
.ui-icon-ios-flask:before {
content: ""; }
.ui-icon-ios-flower:before {
content: ""; }
.ui-icon-ios-folder:before {
content: ""; }
.ui-icon-ios-folder-open:before {
content: ""; }
.ui-icon-ios-football:before {
content: ""; }
.ui-icon-ios-funnel:before {
content: ""; }
.ui-icon-ios-gift:before {
content: ""; }
.ui-icon-ios-git-branch:before {
content: ""; }
.ui-icon-ios-git-commit:before {
content: ""; }
.ui-icon-ios-git-compare:before {
content: ""; }
.ui-icon-ios-git-merge:before {
content: ""; }
.ui-icon-ios-git-network:before {
content: ""; }
.ui-icon-ios-git-pull-request:before {
content: ""; }
.ui-icon-ios-glasses:before {
content: ""; }
.ui-icon-ios-globe:before {
content: ""; }
.ui-icon-ios-grid:before {
content: ""; }
.ui-icon-ios-hammer:before {
content: ""; }
.ui-icon-ios-hand:before {
content: ""; }
.ui-icon-ios-happy:before {
content: ""; }
.ui-icon-ios-headset:before {
content: ""; }
.ui-icon-ios-heart:before {
content: ""; }
.ui-icon-ios-heart-dislike:before {
content: ""; }
.ui-icon-ios-heart-empty:before {
content: ""; }
.ui-icon-ios-heart-half:before {
content: ""; }
.ui-icon-ios-help:before {
content: ""; }
.ui-icon-ios-help-buoy:before {
content: ""; }
.ui-icon-ios-help-circle:before {
content: ""; }
.ui-icon-ios-help-circle-outline:before {
content: ""; }
.ui-icon-ios-home:before {
content: ""; }
.ui-icon-ios-hourglass:before {
content: ""; }
.ui-icon-ios-ice-cream:before {
content: ""; }
.ui-icon-ios-image:before {
content: ""; }
.ui-icon-ios-images:before {
content: ""; }
.ui-icon-ios-infinite:before {
content: ""; }
.ui-icon-ios-information:before {
content: ""; }
.ui-icon-ios-informatui-icon-circle:before {
content: ""; }
.ui-icon-ios-informatui-icon-circle-outline:before {
content: ""; }
.ui-icon-ios-jet:before {
content: ""; }
.ui-icon-ios-journal:before {
content: ""; }
.ui-icon-ios-key:before {
content: ""; }
.ui-icon-ios-keypad:before {
content: ""; }
.ui-icon-ios-laptop:before {
content: ""; }
.ui-icon-ios-leaf:before {
content: ""; }
.ui-icon-ios-link:before {
content: ""; }
.ui-icon-ios-list:before {
content: ""; }
.ui-icon-ios-list-box:before {
content: ""; }
.ui-icon-ios-locate:before {
content: ""; }
.ui-icon-ios-lock:before {
content: ""; }
.ui-icon-ios-log-in:before {
content: ""; }
.ui-icon-ios-log-out:before {
content: ""; }
.ui-icon-ios-magnet:before {
content: ""; }
.ui-icon-ios-mail:before {
content: ""; }
.ui-icon-ios-mail-open:before {
content: ""; }
.ui-icon-ios-mail-unread:before {
content: ""; }
.ui-icon-ios-male:before {
content: ""; }
.ui-icon-ios-man:before {
content: ""; }
.ui-icon-ios-map:before {
content: ""; }
.ui-icon-ios-medal:before {
content: ""; }
.ui-icon-ios-medical:before {
content: ""; }
.ui-icon-ios-medkit:before {
content: ""; }
.ui-icon-ios-megaphone:before {
content: ""; }
.ui-icon-ios-menu:before {
content: ""; }
.ui-icon-ios-mic:before {
content: ""; }
.ui-icon-ios-mic-off:before {
content: ""; }
.ui-icon-ios-microphone:before {
content: ""; }
.ui-icon-ios-moon:before {
content: ""; }
.ui-icon-ios-more:before {
content: ""; }
.ui-icon-ios-move:before {
content: ""; }
.ui-icon-ios-musical-note:before {
content: ""; }
.ui-icon-ios-musical-notes:before {
content: ""; }
.ui-icon-ios-navigate:before {
content: ""; }
.ui-icon-ios-notifications:before {
content: ""; }
.ui-icon-ios-notifications-off:before {
content: ""; }
.ui-icon-ios-notifications-outline:before {
content: ""; }
.ui-icon-ios-nuclear:before {
content: ""; }
.ui-icon-ios-nutrition:before {
content: ""; }
.ui-icon-ios-open:before {
content: ""; }
.ui-icon-ios-options:before {
content: ""; }
.ui-icon-ios-outlet:before {
content: ""; }
.ui-icon-ios-paper:before {
content: ""; }
.ui-icon-ios-paper-plane:before {
content: ""; }
.ui-icon-ios-partly-sunny:before {
content: ""; }
.ui-icon-ios-pause:before {
content: ""; }
.ui-icon-ios-paw:before {
content: ""; }
.ui-icon-ios-people:before {
content: ""; }
.ui-icon-ios-person:before {
content: ""; }
.ui-icon-ios-person-add:before {
content: ""; }
.ui-icon-ios-phone-landscape:before {
content: ""; }
.ui-icon-ios-phone-portrait:before {
content: ""; }
.ui-icon-ios-photos:before {
content: ""; }
.ui-icon-ios-pie:before {
content: ""; }
.ui-icon-ios-pin:before {
content: ""; }
.ui-icon-ios-pint:before {
content: ""; }
.ui-icon-ios-pizza:before {
content: ""; }
.ui-icon-ios-planet:before {
content: ""; }
.ui-icon-ios-play:before {
content: ""; }
.ui-icon-ios-play-circle:before {
content: ""; }
.ui-icon-ios-podium:before {
content: ""; }
.ui-icon-ios-power:before {
content: ""; }
.ui-icon-ios-pricetag:before {
content: ""; }
.ui-icon-ios-pricetags:before {
content: ""; }
.ui-icon-ios-print:before {
content: ""; }
.ui-icon-ios-pulse:before {
content: ""; }
.ui-icon-ios-qr-scanner:before {
content: ""; }
.ui-icon-ios-quote:before {
content: ""; }
.ui-icon-ios-radio:before {
content: ""; }
.ui-icon-ios-radio-button-off:before {
content: ""; }
.ui-icon-ios-radio-button-on:before {
content: ""; }
.ui-icon-ios-rainy:before {
content: ""; }
.ui-icon-ios-recording:before {
content: ""; }
.ui-icon-ios-redo:before {
content: ""; }
.ui-icon-ios-refresh:before {
content: ""; }
.ui-icon-ios-refresh-circle:before {
content: ""; }
.ui-icon-ios-remove:before {
content: ""; }
.ui-icon-ios-remove-circle:before {
content: ""; }
.ui-icon-ios-remove-circle-outline:before {
content: ""; }
.ui-icon-ios-reorder:before {
content: ""; }
.ui-icon-ios-repeat:before {
content: ""; }
.ui-icon-ios-resize:before {
content: ""; }
.ui-icon-ios-restaurant:before {
content: ""; }
.ui-icon-ios-return-left:before {
content: ""; }
.ui-icon-ios-return-right:before {
content: ""; }
.ui-icon-ios-reverse-camera:before {
content: ""; }
.ui-icon-ios-rewind:before {
content: ""; }
.ui-icon-ios-ribbon:before {
content: ""; }
.ui-icon-ios-rocket:before {
content: ""; }
.ui-icon-ios-rose:before {
content: ""; }
.ui-icon-ios-sad:before {
content: ""; }
.ui-icon-ios-save:before {
content: ""; }
.ui-icon-ios-school:before {
content: ""; }
.ui-icon-ios-search:before {
content: ""; }
.ui-icon-ios-send:before {
content: ""; }
.ui-icon-ios-settings:before {
content: ""; }
.ui-icon-ios-share:before {
content: ""; }
.ui-icon-ios-share-alt:before {
content: ""; }
.ui-icon-ios-shirt:before {
content: ""; }
.ui-icon-ios-shuffle:before {
content: ""; }
.ui-icon-ios-skip-backward:before {
content: ""; }
.ui-icon-ios-skip-forward:before {
content: ""; }
.ui-icon-ios-snow:before {
content: ""; }
.ui-icon-ios-speedometer:before {
content: ""; }
.ui-icon-ios-square:before {
content: ""; }
.ui-icon-ios-square-outline:before {
content: ""; }
.ui-icon-ios-star:before {
content: ""; }
.ui-icon-ios-star-half:before {
content: ""; }
.ui-icon-ios-star-outline:before {
content: ""; }
.ui-icon-ios-stats:before {
content: ""; }
.ui-icon-ios-stopwatch:before {
content: ""; }
.ui-icon-ios-subway:before {
content: ""; }
.ui-icon-ios-sunny:before {
content: ""; }
.ui-icon-ios-swap:before {
content: ""; }
.ui-icon-ios-switch:before {
content: ""; }
.ui-icon-ios-sync:before {
content: ""; }
.ui-icon-ios-tablet-landscape:before {
content: ""; }
.ui-icon-ios-tablet-portrait:before {
content: ""; }
.ui-icon-ios-tennisball:before {
content: ""; }
.ui-icon-ios-text:before {
content: ""; }
.ui-icon-ios-thermometer:before {
content: ""; }
.ui-icon-ios-thumbs-down:before {
content: ""; }
.ui-icon-ios-thumbs-up:before {
content: ""; }
.ui-icon-ios-thunderstorm:before {
content: ""; }
.ui-icon-ios-time:before {
content: ""; }
.ui-icon-ios-timer:before {
content: ""; }
.ui-icon-ios-today:before {
content: ""; }
.ui-icon-ios-train:before {
content: ""; }
.ui-icon-ios-transgender:before {
content: ""; }
.ui-icon-ios-trash:before {
content: ""; }
.ui-icon-ios-trending-down:before {
content: ""; }
.ui-icon-ios-trending-up:before {
content: ""; }
.ui-icon-ios-trophy:before {
content: ""; }
.ui-icon-ios-tv:before {
content: ""; }
.ui-icon-ios-umbrella:before {
content: ""; }
.ui-icon-ios-undo:before {
content: ""; }
.ui-icon-ios-unlock:before {
content: ""; }
.ui-icon-ios-videocam:before {
content: ""; }
.ui-icon-ios-volume-high:before {
content: ""; }
.ui-icon-ios-volume-low:before {
content: ""; }
.ui-icon-ios-volume-mute:before {
content: ""; }
.ui-icon-ios-volume-off:before {
content: ""; }
.ui-icon-ios-walk:before {
content: ""; }
.ui-icon-ios-wallet:before {
content: ""; }
.ui-icon-ios-warning:before {
content: ""; }
.ui-icon-ios-watch:before {
content: ""; }
.ui-icon-ios-water:before {
content: ""; }
.ui-icon-ios-wifi:before {
content: ""; }
.ui-icon-ios-wine:before {
content: ""; }
.ui-icon-ios-woman:before {
content: ""; }
.ui-icon-md-add:before {
content: ""; }
.ui-icon-md-add-circle:before {
content: ""; }
.ui-icon-md-add-circle-outline:before {
content: ""; }
.ui-icon-md-airplane:before {
content: ""; }
.ui-icon-md-alarm:before {
content: ""; }
.ui-icon-md-albums:before {
content: ""; }
.ui-icon-md-alert:before {
content: ""; }
.ui-icon-md-american-football:before {
content: ""; }
.ui-icon-md-analytics:before {
content: ""; }
.ui-icon-md-aperture:before {
content: ""; }
.ui-icon-md-apps:before {
content: ""; }
.ui-icon-md-appstore:before {
content: ""; }
.ui-icon-md-archive:before {
content: ""; }
.ui-icon-md-arrow-back:before {
content: ""; }
.ui-icon-md-arrow-down:before {
content: ""; }
.ui-icon-md-arrow-dropdown:before {
content: ""; }
.ui-icon-md-arrow-dropdown-circle:before {
content: ""; }
.ui-icon-md-arrow-dropleft:before {
content: ""; }
.ui-icon-md-arrow-dropleft-circle:before {
content: ""; }
.ui-icon-md-arrow-dropright:before {
content: ""; }
.ui-icon-md-arrow-dropright-circle:before {
content: ""; }
.ui-icon-md-arrow-dropup:before {
content: ""; }
.ui-icon-md-arrow-dropup-circle:before {
content: ""; }
.ui-icon-md-arrow-forward:before {
content: ""; }
.ui-icon-md-arrow-round-back:before {
content: ""; }
.ui-icon-md-arrow-round-down:before {
content: ""; }
.ui-icon-md-arrow-round-forward:before {
content: ""; }
.ui-icon-md-arrow-round-up:before {
content: ""; }
.ui-icon-md-arrow-up:before {
content: ""; }
.ui-icon-md-at:before {
content: ""; }
.ui-icon-md-attach:before {
content: ""; }
.ui-icon-md-backspace:before {
content: ""; }
.ui-icon-md-barcode:before {
content: ""; }
.ui-icon-md-baseball:before {
content: ""; }
.ui-icon-md-basket:before {
content: ""; }
.ui-icon-md-basketball:before {
content: ""; }
.ui-icon-md-battery-charging:before {
content: ""; }
.ui-icon-md-battery-dead:before {
content: ""; }
.ui-icon-md-battery-full:before {
content: ""; }
.ui-icon-md-beaker:before {
content: ""; }
.ui-icon-md-bed:before {
content: ""; }
.ui-icon-md-beer:before {
content: ""; }
.ui-icon-md-bicycle:before {
content: ""; }
.ui-icon-md-bluetooth:before {
content: ""; }
.ui-icon-md-boat:before {
content: ""; }
.ui-icon-md-body:before {
content: ""; }
.ui-icon-md-bonfire:before {
content: ""; }
.ui-icon-md-book:before {
content: ""; }
.ui-icon-md-bookmark:before {
content: ""; }
.ui-icon-md-bookmarks:before {
content: ""; }
.ui-icon-md-bowtie:before {
content: ""; }
.ui-icon-md-briefcase:before {
content: ""; }
.ui-icon-md-browsers:before {
content: ""; }
.ui-icon-md-brush:before {
content: ""; }
.ui-icon-md-bug:before {
content: ""; }
.ui-icon-md-build:before {
content: ""; }
.ui-icon-md-bulb:before {
content: ""; }
.ui-icon-md-bus:before {
content: ""; }
.ui-icon-md-business:before {
content: ""; }
.ui-icon-md-cafe:before {
content: ""; }
.ui-icon-md-calculator:before {
content: ""; }
.ui-icon-md-calendar:before {
content: ""; }
.ui-icon-md-call:before {
content: ""; }
.ui-icon-md-camera:before {
content: ""; }
.ui-icon-md-car:before {
content: ""; }
.ui-icon-md-card:before {
content: ""; }
.ui-icon-md-cart:before {
content: ""; }
.ui-icon-md-cash:before {
content: ""; }
.ui-icon-md-cellular:before {
content: ""; }
.ui-icon-md-chatboxes:before {
content: ""; }
.ui-icon-md-chatbubbles:before {
content: ""; }
.ui-icon-md-checkbox:before {
content: ""; }
.ui-icon-md-checkbox-outline:before {
content: ""; }
.ui-icon-md-checkmark:before, .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected:before {
content: ""; }
.ui-icon-md-checkmark-circle:before {
content: ""; }
.ui-icon-md-checkmark-circle-outline:before {
content: ""; }
.ui-icon-md-clipboard:before {
content: ""; }
.ui-icon-md-clock:before {
content: ""; }
.ui-icon-md-close:before {
content: ""; }
.ui-icon-md-close-circle:before {
content: ""; }
.ui-icon-md-close-circle-outline:before {
content: ""; }
.ui-icon-md-cloud:before {
content: ""; }
.ui-icon-md-cloud-circle:before {
content: ""; }
.ui-icon-md-cloud-done:before {
content: ""; }
.ui-icon-md-cloud-download:before {
content: ""; }
.ui-icon-md-cloud-outline:before {
content: ""; }
.ui-icon-md-cloud-upload:before {
content: ""; }
.ui-icon-md-cloudy:before {
content: ""; }
.ui-icon-md-cloudy-night:before {
content: ""; }
.ui-icon-md-code:before {
content: ""; }
.ui-icon-md-code-download:before {
content: ""; }
.ui-icon-md-code-working:before {
content: ""; }
.ui-icon-md-cog:before {
content: ""; }
.ui-icon-md-color-fill:before {
content: ""; }
.ui-icon-md-color-filter:before {
content: ""; }
.ui-icon-md-color-palette:before {
content: ""; }
.ui-icon-md-color-wand:before {
content: ""; }
.ui-icon-md-compass:before {
content: ""; }
.ui-icon-md-construct:before {
content: ""; }
.ui-icon-md-contact:before {
content: ""; }
.ui-icon-md-contacts:before {
content: ""; }
.ui-icon-md-contract:before {
content: ""; }
.ui-icon-md-contrast:before {
content: ""; }
.ui-icon-md-copy:before {
content: ""; }
.ui-icon-md-create:before {
content: ""; }
.ui-icon-md-crop:before {
content: ""; }
.ui-icon-md-cube:before {
content: ""; }
.ui-icon-md-cut:before {
content: ""; }
.ui-icon-md-desktop:before {
content: ""; }
.ui-icon-md-disc:before {
content: ""; }
.ui-icon-md-document:before {
content: ""; }
.ui-icon-md-done-all:before {
content: ""; }
.ui-icon-md-download:before {
content: ""; }
.ui-icon-md-easel:before {
content: ""; }
.ui-icon-md-egg:before {
content: ""; }
.ui-icon-md-exit:before {
content: ""; }
.ui-icon-md-expand:before {
content: ""; }
.ui-icon-md-eye:before {
content: ""; }
.ui-icon-md-eye-off:before {
content: ""; }
.ui-icon-md-fastforward:before {
content: ""; }
.ui-icon-md-female:before {
content: ""; }
.ui-icon-md-filing:before {
content: ""; }
.ui-icon-md-film:before {
content: ""; }
.ui-icon-md-finger-print:before {
content: ""; }
.ui-icon-md-fitness:before {
content: ""; }
.ui-icon-md-flag:before {
content: ""; }
.ui-icon-md-flame:before {
content: ""; }
.ui-icon-md-flash:before {
content: ""; }
.ui-icon-md-flash-off:before {
content: ""; }
.ui-icon-md-flashlight:before {
content: ""; }
.ui-icon-md-flask:before {
content: ""; }
.ui-icon-md-flower:before {
content: ""; }
.ui-icon-md-folder:before {
content: ""; }
.ui-icon-md-folder-open:before {
content: ""; }
.ui-icon-md-football:before {
content: ""; }
.ui-icon-md-funnel:before {
content: ""; }
.ui-icon-md-gift:before {
content: ""; }
.ui-icon-md-git-branch:before {
content: ""; }
.ui-icon-md-git-commit:before {
content: ""; }
.ui-icon-md-git-compare:before {
content: ""; }
.ui-icon-md-git-merge:before {
content: ""; }
.ui-icon-md-git-network:before {
content: ""; }
.ui-icon-md-git-pull-request:before {
content: ""; }
.ui-icon-md-glasses:before {
content: ""; }
.ui-icon-md-globe:before {
content: ""; }
.ui-icon-md-grid:before {
content: ""; }
.ui-icon-md-hammer:before {
content: ""; }
.ui-icon-md-hand:before {
content: ""; }
.ui-icon-md-happy:before {
content: ""; }
.ui-icon-md-headset:before {
content: ""; }
.ui-icon-md-heart:before {
content: ""; }
.ui-icon-md-heart-dislike:before {
content: ""; }
.ui-icon-md-heart-empty:before {
content: ""; }
.ui-icon-md-heart-half:before {
content: ""; }
.ui-icon-md-help:before {
content: ""; }
.ui-icon-md-help-buoy:before {
content: ""; }
.ui-icon-md-help-circle:before {
content: ""; }
.ui-icon-md-help-circle-outline:before {
content: ""; }
.ui-icon-md-home:before {
content: ""; }
.ui-icon-md-hourglass:before {
content: ""; }
.ui-icon-md-ice-cream:before {
content: ""; }
.ui-icon-md-image:before {
content: ""; }
.ui-icon-md-images:before {
content: ""; }
.ui-icon-md-infinite:before {
content: ""; }
.ui-icon-md-information:before {
content: ""; }
.ui-icon-md-informatui-icon-circle:before {
content: ""; }
.ui-icon-md-informatui-icon-circle-outline:before {
content: ""; }
.ui-icon-md-jet:before {
content: ""; }
.ui-icon-md-journal:before {
content: ""; }
.ui-icon-md-key:before {
content: ""; }
.ui-icon-md-keypad:before {
content: ""; }
.ui-icon-md-laptop:before {
content: ""; }
.ui-icon-md-leaf:before {
content: ""; }
.ui-icon-md-link:before {
content: ""; }
.ui-icon-md-list:before {
content: ""; }
.ui-icon-md-list-box:before {
content: ""; }
.ui-icon-md-locate:before {
content: ""; }
.ui-icon-md-lock:before {
content: ""; }
.ui-icon-md-log-in:before {
content: ""; }
.ui-icon-md-log-out:before {
content: ""; }
.ui-icon-md-magnet:before {
content: ""; }
.ui-icon-md-mail:before {
content: ""; }
.ui-icon-md-mail-open:before {
content: ""; }
.ui-icon-md-mail-unread:before {
content: ""; }
.ui-icon-md-male:before {
content: ""; }
.ui-icon-md-man:before {
content: ""; }
.ui-icon-md-map:before {
content: ""; }
.ui-icon-md-medal:before {
content: ""; }
.ui-icon-md-medical:before {
content: ""; }
.ui-icon-md-medkit:before {
content: ""; }
.ui-icon-md-megaphone:before {
content: ""; }
.ui-icon-md-menu:before {
content: ""; }
.ui-icon-md-mic:before {
content: ""; }
.ui-icon-md-mic-off:before {
content: ""; }
.ui-icon-md-microphone:before {
content: ""; }
.ui-icon-md-moon:before {
content: ""; }
.ui-icon-md-more:before {
content: ""; }
.ui-icon-md-move:before {
content: ""; }
.ui-icon-md-musical-note:before {
content: ""; }
.ui-icon-md-musical-notes:before {
content: ""; }
.ui-icon-md-navigate:before {
content: ""; }
.ui-icon-md-notifications:before {
content: ""; }
.ui-icon-md-notifications-off:before {
content: ""; }
.ui-icon-md-notifications-outline:before {
content: ""; }
.ui-icon-md-nuclear:before {
content: ""; }
.ui-icon-md-nutrition:before {
content: ""; }
.ui-icon-md-open:before {
content: ""; }
.ui-icon-md-options:before {
content: ""; }
.ui-icon-md-outlet:before {
content: ""; }
.ui-icon-md-paper:before {
content: ""; }
.ui-icon-md-paper-plane:before {
content: ""; }
.ui-icon-md-partly-sunny:before {
content: ""; }
.ui-icon-md-pause:before {
content: ""; }
.ui-icon-md-paw:before {
content: ""; }
.ui-icon-md-people:before {
content: ""; }
.ui-icon-md-person:before {
content: ""; }
.ui-icon-md-person-add:before {
content: ""; }
.ui-icon-md-phone-landscape:before {
content: ""; }
.ui-icon-md-phone-portrait:before {
content: ""; }
.ui-icon-md-photos:before {
content: ""; }
.ui-icon-md-pie:before {
content: ""; }
.ui-icon-md-pin:before {
content: ""; }
.ui-icon-md-pint:before {
content: ""; }
.ui-icon-md-pizza:before {
content: ""; }
.ui-icon-md-planet:before {
content: ""; }
.ui-icon-md-play:before {
content: ""; }
.ui-icon-md-play-circle:before {
content: ""; }
.ui-icon-md-podium:before {
content: ""; }
.ui-icon-md-power:before {
content: ""; }
.ui-icon-md-pricetag:before {
content: ""; }
.ui-icon-md-pricetags:before {
content: ""; }
.ui-icon-md-print:before {
content: ""; }
.ui-icon-md-pulse:before {
content: ""; }
.ui-icon-md-qr-scanner:before {
content: ""; }
.ui-icon-md-quote:before {
content: ""; }
.ui-icon-md-radio:before {
content: ""; }
.ui-icon-md-radio-button-off:before {
content: ""; }
.ui-icon-md-radio-button-on:before {
content: ""; }
.ui-icon-md-rainy:before {
content: ""; }
.ui-icon-md-recording:before {
content: ""; }
.ui-icon-md-redo:before {
content: ""; }
.ui-icon-md-refresh:before {
content: ""; }
.ui-icon-md-refresh-circle:before {
content: ""; }
.ui-icon-md-remove:before {
content: ""; }
.ui-icon-md-remove-circle:before {
content: ""; }
.ui-icon-md-remove-circle-outline:before {
content: ""; }
.ui-icon-md-reorder:before {
content: ""; }
.ui-icon-md-repeat:before {
content: ""; }
.ui-icon-md-resize:before {
content: ""; }
.ui-icon-md-restaurant:before {
content: ""; }
.ui-icon-md-return-left:before {
content: ""; }
.ui-icon-md-return-right:before {
content: ""; }
.ui-icon-md-reverse-camera:before {
content: ""; }
.ui-icon-md-rewind:before {
content: ""; }
.ui-icon-md-ribbon:before {
content: ""; }
.ui-icon-md-rocket:before {
content: ""; }
.ui-icon-md-rose:before {
content: ""; }
.ui-icon-md-sad:before {
content: ""; }
.ui-icon-md-save:before {
content: ""; }
.ui-icon-md-school:before {
content: ""; }
.ui-icon-md-search:before {
content: ""; }
.ui-icon-md-send:before {
content: ""; }
.ui-icon-md-settings:before {
content: ""; }
.ui-icon-md-share:before {
content: ""; }
.ui-icon-md-share-alt:before {
content: ""; }
.ui-icon-md-shirt:before {
content: ""; }
.ui-icon-md-shuffle:before {
content: ""; }
.ui-icon-md-skip-backward:before {
content: ""; }
.ui-icon-md-skip-forward:before {
content: ""; }
.ui-icon-md-snow:before {
content: ""; }
.ui-icon-md-speedometer:before {
content: ""; }
.ui-icon-md-square:before {
content: ""; }
.ui-icon-md-square-outline:before {
content: ""; }
.ui-icon-md-star:before {
content: ""; }
.ui-icon-md-star-half:before {
content: ""; }
.ui-icon-md-star-outline:before {
content: ""; }
.ui-icon-md-stats:before {
content: ""; }
.ui-icon-md-stopwatch:before {
content: ""; }
.ui-icon-md-subway:before {
content: ""; }
.ui-icon-md-sunny:before {
content: ""; }
.ui-icon-md-swap:before {
content: ""; }
.ui-icon-md-switch:before {
content: ""; }
.ui-icon-md-sync:before {
content: ""; }
.ui-icon-md-tablet-landscape:before {
content: ""; }
.ui-icon-md-tablet-portrait:before {
content: ""; }
.ui-icon-md-tennisball:before {
content: ""; }
.ui-icon-md-text:before {
content: ""; }
.ui-icon-md-thermometer:before {
content: ""; }
.ui-icon-md-thumbs-down:before {
content: ""; }
.ui-icon-md-thumbs-up:before {
content: ""; }
.ui-icon-md-thunderstorm:before {
content: ""; }
.ui-icon-md-time:before {
content: ""; }
.ui-icon-md-timer:before {
content: ""; }
.ui-icon-md-today:before {
content: ""; }
.ui-icon-md-train:before {
content: ""; }
.ui-icon-md-transgender:before {
content: ""; }
.ui-icon-md-trash:before {
content: ""; }
.ui-icon-md-trending-down:before {
content: ""; }
.ui-icon-md-trending-up:before {
content: ""; }
.ui-icon-md-trophy:before {
content: ""; }
.ui-icon-md-tv:before {
content: ""; }
.ui-icon-md-umbrella:before {
content: ""; }
.ui-icon-md-undo:before {
content: ""; }
.ui-icon-md-unlock:before {
content: ""; }
.ui-icon-md-videocam:before {
content: ""; }
.ui-icon-md-volume-high:before {
content: ""; }
.ui-icon-md-volume-low:before {
content: ""; }
.ui-icon-md-volume-mute:before {
content: ""; }
.ui-icon-md-volume-off:before {
content: ""; }
.ui-icon-md-walk:before {
content: ""; }
.ui-icon-md-wallet:before {
content: ""; }
.ui-icon-md-warning:before {
content: ""; }
.ui-icon-md-watch:before {
content: ""; }
.ui-icon-md-water:before {
content: ""; }
.ui-icon-md-wifi:before {
content: ""; }
.ui-icon-md-wine:before {
content: ""; }
.ui-icon-md-woman:before {
content: ""; }
.ui-icon-ios-information:before {
content: ""; }
.ui-icon-ios-information-circle:before {
content: ""; }
.ui-icon-ios-information-circle-outline:before {
content: ""; }
.ui-icon-md-information:before {
content: ""; }
.ui-icon-md-information-circle:before {
content: ""; }
.ui-icon-md-information-circle-outline:before {
content: ""; }
* {
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
*:before,
*:after {
-moz-box-sizing: border-box;
box-sizing: border-box; }
body {
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
font-size: 12px;
line-height: 1.5;
color: #657180;
background-color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
margin: 0;
padding: 0; }
button, input, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit; }
ul,
ol {
list-style: none; }
input::-ms-clear, input::-ms-reveal {
display: none; }
input::-moz-placeholder, textarea::-moz-placeholder {
color: #c3cbd6; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #c3cbd6; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #c3cbd6; }
a {
color: #3399ff;
background: transparent;
text-decoration: none;
outline: none;
cursor: pointer;
transition: color 0.2s ease; }
a:hover {
color: #5cadff; }
a:active {
color: #3091f2; }
a:active,
a:hover {
outline: 0;
text-decoration: none; }
a[disabled] {
color: #ccc;
cursor: not-allowed;
pointer-events: none; }
code,
kbd,
pre,
samp {
font-family: Consolas, Menlo, Courier, monospace; }
.ui-button {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0;
padding: 6px 15px;
line-height: 1.5;
font-size: 12px;
font-weight: 500;
text-align: center;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
border: 1px solid #d7dde4;
white-space: nowrap;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
color: #657180;
background-color: #f7f7f7;
background-image: none;
outline: none; }
.ui-button:hover, .ui-button:focus {
color: #5cadff;
border-color: #5cadff; }
.ui-button:hover.ui-button-disabled, .ui-button:focus.ui-button-disabled {
color: #657180;
border-color: #d7dde4; }
.ui-button.ui-button-long {
width: 100%; }
.ui-button.ui-button-circle {
border-radius: 30px; }
.ui-button.ui-button-type-ghost {
background-color: transparent; }
.ui-button.ui-button-type-text {
background-color: transparent;
border: 1px solid transparent; }
.ui-button.ui-button-type-text.ui-button-disabled:hover, .ui-button.ui-button-type-text.ui-button-disabled:focus {
border-color: transparent; }
.ui-button.ui-button-type-primary, .ui-message-buttons .ui-button:first-child {
background-color: #3399ff;
border: 1px solid #3399ff;
color: #fff; }
.ui-button.ui-button-type-primary:hover, .ui-message-buttons .ui-button:hover:first-child, .ui-button.ui-button-type-primary:focus, .ui-message-buttons .ui-button:focus:first-child {
background-color: rgba(51, 153, 255, 0.8); }
.ui-button.ui-button-type-primary.ui-button-disabled:hover, .ui-message-buttons .ui-button.ui-button-disabled:hover:first-child, .ui-button.ui-button-type-primary.ui-button-disabled:focus, .ui-message-buttons .ui-button.ui-button-disabled:focus:first-child {
color: #fff;
border-color: #3399ff;
background-color: #3399ff; }
.ui-button.ui-button-type-info {
background-color: #2db7f5;
border: 1px solid #2db7f5;
color: #fff; }
.ui-button.ui-button-type-info:hover, .ui-button.ui-button-type-info:focus {
background-color: rgba(45, 183, 245, 0.8); }
.ui-button.ui-button-type-info.ui-button-disabled:hover, .ui-button.ui-button-type-info.ui-button-disabled:focus {
color: #fff;
border-color: #2db7f5;
background-color: #2db7f5; }
.ui-button.ui-button-type-success {
background-color: #00cc66;
border: 1px solid #00cc66;
color: #fff; }
.ui-button.ui-button-type-success:hover, .ui-button.ui-button-type-success:focus {
background-color: rgba(0, 204, 102, 0.8); }
.ui-button.ui-button-type-success.ui-button-disabled:hover, .ui-button.ui-button-type-success.ui-button-disabled:focus {
color: #fff;
border-color: #00cc66;
background-color: #00cc66; }
.ui-button.ui-button-type-warn {
background-color: #ff9900;
border: 1px solid #ff9900;
color: #fff; }
.ui-button.ui-button-type-warn:hover, .ui-button.ui-button-type-warn:focus {
background-color: rgba(255, 153, 0, 0.8); }
.ui-button.ui-button-type-warn.ui-button-disabled:hover, .ui-button.ui-button-type-warn.ui-button-disabled:focus {
color: #fff;
border-color: #ff9900;
background-color: #ff9900; }
.ui-button.ui-button-type-error {
background-color: #ff5500;
border: 1px solid #ff5500;
color: #fff; }
.ui-button.ui-button-type-error:hover, .ui-button.ui-button-type-error:focus {
background-color: rgba(255, 85, 0, 0.8); }
.ui-button.ui-button-type-error.ui-button-disabled:hover, .ui-button.ui-button-type-error.ui-button-disabled:focus {
color: #fff;
border-color: #ff5500;
background-color: #ff5500; }
.ui-button.ui-button-icon-only {
padding: 0;
height: 32px;
line-height: 32px;
width: 32px; }
.ui-button.ui-button-icon-only.ui-button-circle {
border-radius: 32px; }
.ui-button.ui-button-icon-only .ui-icon, .ui-button.ui-button-icon-only .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-button.ui-button-icon-only .ui-select-item.ui-select-item-selected::before {
margin: 0;
vertical-align: baseline; }
.ui-button.ui-button-disabled {
cursor: not-allowed;
opacity: 0.6; }
.ui-button .ui-icon, .ui-button .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-button .ui-select-item.ui-select-item-selected::before {
font-size: 14px;
margin-right: 2px;
vertical-align: middle; }
.ui-button .content {
vertical-align: middle; }
.ui-carousel {
position: relative;
width: 100%;
overflow: hidden;
opacity: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.ui-carousel .ui-carousel-list {
position: relative;
width: 100%;
margin: 0;
padding: 0;
font-size: 0;
transition: -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
.ui-carousel .ui-carousel-list .ui-carousel-list-item {
display: inline-block;
width: 100%; }
.ui-carousel .ui-carousel-list .ui-carousel-list-item img {
width: 100%;
height: auto; }
.ui-carousel .ui-carousel-dot {
position: absolute;
bottom: 30px;
width: 100%;
text-align: center; }
.ui-carousel .ui-carousel-dot .ui-carousel-dot-item {
display: inline-block;
width: 16px;
height: 16px;
margin: 8px 8px;
background-color: rgba(255, 255, 255, 0.5);
cursor: pointer; }
.ui-carousel .ui-carousel-dot .ui-carousel-dot-item.current {
background-color: white; }
.ui-table-swap {
position: relative;
border-top: 1px solid #d7dde4;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.ui-table-swap.ui-table-swap-border .ui-table .ui-table-tbody > tr > td,
.ui-table-swap.ui-table-swap-border .ui-table .ui-table-thead > tr > th {
border-right: 1px solid #e3e8ee; }
.ui-table-swap.ui-table-swap-border .ui-table .ui-table-tbody > tr > td:first-child {
border-left: 1px solid #e3e8ee; }
.ui-table-swap.ui-table-swap-border .ui-table .ui-table-thead > tr > th:first-child {
border-left: 1px solid #e3e8ee; }
.ui-table-swap.ui-table-swap-border .ui-table-empty {
border: 1px solid #e3e8ee;
border-top: 0; }
.ui-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
font-size: 12px;
color: #657180;
text-align: left;
overflow: hidden;
color: #495060;
background-color: #fff; }
.ui-table-tbody > tr > td,
.ui-table-thead > tr > th {
border-bottom: 1px solid #e3e8ee;
padding: 16px 8px;
word-break: break-all;
position: relative; }
.ui-table-thead > tr > th {
background: #f7f7f7;
font-weight: bold;
color: #333; }
.ui-table-tbody > tr {
transition: all 0.3s ease; }
.ui-table-tbody > tr:hover {
background: #f3f3f3; }
.ui-table-thead > tr:hover {
background: none; }
.ui-table .ui-table-action .ui-table-action-text {
cursor: pointer;
padding: 0 16px;
color: #3399ff;
border-right: 1px solid #e3e8ee; }
.ui-table .ui-table-action .ui-table-action-text:hover {
color: #5cadff; }
.ui-table .ui-table-action .ui-table-action-text:last-child {
border-right: none;
padding-right: 0; }
.ui-table .ui-table-action .ui-table-action-text:first-child {
padding-left: 0; }
.ui-table .ui-table-column-sorter {
margin-left: 4px;
display: inline-block;
width: 14px;
height: 16px;
line-height: 16px;
vertical-align: middle;
text-align: center; }
.ui-table .ui-table-column-sorter .ui-table-column-sorter-up,
.ui-table .ui-table-column-sorter .ui-table-column-sorter-down {
display: block;
height: 7px;
line-height: 7px;
cursor: pointer; }
.ui-table .ui-table-column-sorter .ui-table-column-sorter-up .ui-icon, .ui-table .ui-table-column-sorter .ui-table-column-sorter-up .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-table .ui-table-column-sorter .ui-table-column-sorter-up .ui-select-item.ui-select-item-selected::before,
.ui-table .ui-table-column-sorter .ui-table-column-sorter-down .ui-icon,
.ui-table .ui-table-column-sorter .ui-table-column-sorter-down .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before,
.ui-select.ui-select-multiple .ui-table .ui-table-column-sorter .ui-table-column-sorter-down .ui-select-item.ui-select-item-selected::before {
height: 7px;
line-height: 7px;
font-size: 16px;
color: #c3cbd6; }
.ui-table .ui-table-column-sorter .ui-table-column-sorter-up:hover .ui-icon, .ui-table .ui-table-column-sorter .ui-table-column-sorter-up:hover .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-table .ui-table-column-sorter .ui-table-column-sorter-up:hover .ui-select-item.ui-select-item-selected::before,
.ui-table .ui-table-column-sorter .ui-table-column-sorter-down:hover .ui-icon,
.ui-table .ui-table-column-sorter .ui-table-column-sorter-down:hover .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before,
.ui-select.ui-select-multiple .ui-table .ui-table-column-sorter .ui-table-column-sorter-down:hover .ui-select-item.ui-select-item-selected::before {
color: #333; }
.ui-table .ui-table-column-sorter .ui-table-column-sorter-up.on .ui-icon, .ui-table .ui-table-column-sorter .ui-table-column-sorter-up.on .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-table .ui-table-column-sorter .ui-table-column-sorter-up.on .ui-select-item.ui-select-item-selected::before,
.ui-table .ui-table-column-sorter .ui-table-column-sorter-down.on .ui-icon,
.ui-table .ui-table-column-sorter .ui-table-column-sorter-down.on .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before,
.ui-select.ui-select-multiple .ui-table .ui-table-column-sorter .ui-table-column-sorter-down.on .ui-select-item.ui-select-item-selected::before {
color: #333; }
.ui-table.ui-table-type-check .ui-table-first-th {
margin-left: 20px;
margin-right: 20px; }
.ui-table.ui-table-type-check .ui-checkbox-wrapper {
margin-left: 8px; }
.ui-table .ui-table-icon {
cursor: pointer; }
.ui-table .ui-table-expanded-cell {
width: 100%;
padding: 20px 50px;
background-color: #fbfdff; }
.ui-table .ui-table-detail-cell {
width: 100%;
padding: 20px 20px; }
.ui-table .ui-table-detail-icon {
margin-left: 4px;
cursor: pointer; }
.ui-table .ui-table-edit-cell {
display: -moz-box;
display: -ms-flexbox;
display: flex;
-moz-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center; }
.ui-table .ui-table-edit-cell .edit-icon {
color: #3399ff;
padding-left: 6px;
cursor: pointer; }
.ui-table .ui-table-th-headtip .ui-tooltip {
width: 100%; }
.ui-table-empty {
padding: 20px;
text-align: center;
font-size: 12px;
border-bottom: 1px solid #e3e8ee; }
.ui-date-picker {
display: inline-block;
vertical-align: middle;
position: relative;
width: 100%;
height: 32px; }
.ui-date-picker > .ui-readonly-input {
width: 100%; }
.ui-date-picker .range {
min-width: 196px; }
.ui-date-picker .range .range-separator {
padding: 0 12px; }
.ui-calendars {
position: absolute;
padding: 1px; }
.ui-calendars.position {
position: relative; }
.ui-calendars.inline {
display: inline-block;
background: #fff;
border-radius: 4px;
border: 1px solid #e3e8ee; }
.ui-calendars-range {
display: -moz-box;
display: -ms-flexbox;
display: flex;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.ui-calendars-range .ui-calendar:first-child .ui-calendar-times-wrapper {
border-right: 1px solid #e3e8ee; }
.ui-calendars-footer {
border-top: 1px solid #e3e8ee; }
.ui-calendars-footer .inner-footer {
text-align: right;
padding: 4px 8px; }
.ui-calendars-footer .inner-footer > .ui-button {
padding: 2px 8px; }
.ui-calendars-footer .inner-footer .select-time {
margin-right: 8px;
cursor: pointer;
color: #3399ff; }
.ui-calendars-footer .inner-footer .select-time.disabled {
cursor: not-allowed;
color: #657180; }
.ui-calendar {
background: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 228px; }
.ui-calendar-head {
display: -moz-box;
display: -ms-flexbox;
display: flex;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 34px;
height: 34px;
border-bottom: 1px solid #e3e8ee; }
.ui-calendar-head-middle {
-moz-box-flex: 2;
-ms-flex: 2;
flex: 2;
text-align: center; }
.ui-calendar-head-left {
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 8px; }
.ui-calendar-head-right {
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-right: 8px;
text-align: right; }
.ui-calendar-head a {
color: #666;
font-weight: bold;
cursor: pointer;
display: inline-block;
text-align: center;
font-size: 13px;
padding: 0 2px;
position: relative; }
.ui-calendar-head a:hover {
color: #3091f2; }
.ui-calendar-head .icon {
color: #9ea7b4 !important;
cursor: pointer;
padding: 0 2px; }
.ui-calendar-head .icon:hover {
color: #5cadff !important; }
.ui-calendar-head .next-icon {
margin-left: -4px; }
.ui-calendar-body {
position: relative;
width: 100%;
height: 228px;
padding: 8px 12px; }
.ui-calendar-days {
width: 100%;
height: 100%;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[7];
grid-template-columns: repeat(7, 1fr); }
.ui-calendar-week, .ui-calendar-date {
font-weight: normal;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
border-radius: 2px;
place-self: center center; }
.ui-calendar-week:before, .ui-calendar-date:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle; }
.ui-calendar-date {
cursor: pointer; }
.ui-calendar-date:hover {
background: #f3f3f3; }
.ui-calendar-date-out {
color: #ccc; }
.ui-calendar-date-on {
background: #ebf5fd; }
.ui-calendar-date-today {
border: 1px solid #3091f2;
color: #3091f2; }
.ui-calendar-date-today:hover {
background: #fff; }
.ui-calendar-date-selected {
color: #fff;
font-weight: bold;
background: #3091f2; }
.ui-calendar-date-selected:hover {
color: #fff;
font-weight: bold;
background: #3091f2; }
.ui-calendar-date-disabled {
cursor: not-allowed !important;
color: #bcbcbc !important;
background: #f3f3f3 !important; }
.ui-calendar-years, .ui-calendar-months, .ui-calendar-times-wrapper {
width: 100%;
height: 100%;
position: absolute;
background: #fff;
left: 0;
top: 0; }
.ui-calendar-times-wrapper {
height: 262px;
top: -34px; }
.ui-calendar-months, .ui-calendar-years {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr); }
.ui-calendar-months span, .ui-calendar-years span {
width: 52px;
padding: 0 8px; }
.ui-calendar-times {
width: 100%;
height: 228px; }
.ui-calendar-times .ui-time-picker-content {
padding: 0;
height: 100%; }
.ui-calendar-times .ui-time-picker-content .picker-item {
padding-bottom: 196px;
height: 100%;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.ui-calendar-title {
height: 34px;
line-height: 34px;
border-bottom: 1px solid #e3e8ee;
background: #fff;
text-align: center;
font-weight: bold; }
.ui-expand-null, .ui-expand-arrow {
display: inline-block;
margin: 0;
width: 16px;
height: 16px;
line-height: 16px;
vertical-align: middle;
border: 0;
cursor: pointer;
outline: none;
position: relative;
font-size: 16px;
margin-top: -2px;
color: #657180;
font-weight: bold;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
.ui-table .tree-level-1 {
padding-left: 16px !important; }
.ui-table .tree-level-2 {
padding-left: 32px !important; }
.ui-table .tree-level-3 {
padding-left: 48px !important; }
.ui-table .tree-level-4 {
padding-left: 64px !important; }
.ui-loading {
display: inline-block;
vertical-align: top;
background: transparent;
border-radius: 100%;
-webkit-animation: loading 0.75s 0s infinite linear;
animation: loading 0.75s 0s infinite linear;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.ui-message {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-overflow-scrolling: touch;
background-color: rgba(55, 55, 55, 0.6);
overflow: hidden;
outline: 0;
z-index: 1000; }
.ui-message-swap {
width: 400px;
padding: 30px 40px;
position: absolute;
left: 50%;
top: 40%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
background-color: #ffffff;
background-clip: padding-box;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
overflow: hidden; }
.ui-message-title-text {
vertical-align: middle;
line-height: 24px;
color: #666;
font-weight: bold;
font-size: 14px; }
.ui-message-title + .ui-message-content {
margin-left: 42px; }
.ui-message-content {
margin-top: 8px;
margin-left: 0px; }
.ui-message-buttons {
margin-top: 30px;
float: right; }
.ui-message-buttons .ui-button + .ui-button {
margin-left: 10px;
margin-bottom: 0; }
.ui-message .ui-icon-md-help-circle {
color: #ff9900;
font-size: 24px;
margin-right: 16px;
vertical-align: middle; }
.ui-modal-open {
overflow: hidden; }
.ui-modal-open .ui-modal {
overflow-x: hidden;
overflow-y: auto; }
.ui-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(55, 55, 55, 0.6);
overflow: hidden;
outline: 0;
-webkit-overflow-scrolling: touch;
z-index: 1000; }
.ui-modal.scroll {
text-align: center; }
.ui-modal.scroll .ui-modal-dialog {
text-align: left;
position: relative;
display: inline-block;
left: 0;
top: 0;
margin: 25px auto;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-ms-transform: translate(0, 0); }
.ui-modal.full-screen .ui-modal-dialog {
left: 0;
top: 0;
-webkit-transform: inherit;
-ms-transform: inherit;
transform: inherit;
width: 100%;
height: 100%;
margin: 0; }
.ui-modal-dialog {
position: absolute;
padding: 6px 20px;
left: 50%;
top: 20%;
background-color: #ffffff;
background-clip: padding-box;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-ms-transform: translateX(-50%);
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
overflow: hidden; }
.ui-modal-title {
width: 100%;
border-bottom: 1px solid #e3e8ee;
position: relative; }
.ui-modal-title-main {
display: inline-block;
padding: 14px 0;
line-height: 21px;
font-size: 14px;
color: #464c5b;
border-bottom: 2px solid #3399ff; }
.ui-modal-title-sub {
margin-left: 10px;
font-size: 13px;
color: #9ea7b4; }
.ui-modal-title .ui-icon-md-close, .ui-modal-title .ui-icon-md-resize {
float: right;
margin-top: 16px;
width: 16px;
height: 16px;
font-size: 16px;
font-weight: 700;
color: #999;
cursor: pointer; }
.ui-modal-title .ui-icon-md-resize {
font-size: 14px;
margin-right: 10px; }
.ui-modal-body {
position: relative;
padding: 16px 0; }
.ui-switch {
position: relative;
display: inline-block;
min-width: 44px;
height: 22px;
line-height: 22px;
vertical-align: middle;
text-align: left;
color: #fff;
border-radius: 11px;
cursor: pointer;
outline: none; }
.ui-switch:focus:not(.ui-switch-disabled):not(.ui-switch-readonly) {
box-shadow: 0 0 0 3px rgba(51, 153, 255, 0.2); }
.ui-switch.ui-switch-readonly, .ui-switch.ui-switch-disabled {
cursor: default; }
.ui-switch.ui-switch-on {
background: #3399ff;
padding-left: 6px;
padding-right: 22px; }
.ui-switch.ui-switch-on .ui-switch-circle {
top: 1px;
left: calc(100% - 21px); }
.ui-switch.ui-switch-off {
background: #ccc;
padding-left: 22px;
padding-right: 6px; }
.ui-switch.ui-switch-off .ui-switch-circle {
top: 1px;
left: 1px; }
.ui-switch .ui-switch-circle {
position: absolute;
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 50%;
transition: all 0.3s; }
.ui-toast-swap {
position: fixed;
width: 100%;
left: 0;
pointer-events: none;
z-index: 1010;
text-align: center; }
.ui-toast-swap.ui-toast-swap-center {
top: 40%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
-ms-transform: translate(0, -50%); }
.ui-toast-swap.ui-toast-swap-top {
top: 20px; }
.ui-toast-parent {
text-align: center;
margin: 10px auto; }
.ui-toast {
display: inline-block;
font-size: 14px;
padding: 8px 16px;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
background: #fff; }
.ui-toast-success .ui-icon, .ui-toast-success .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-toast-success .ui-select-item.ui-select-item-selected::before {
color: #00cc66; }
.ui-toast-error .ui-icon, .ui-toast-error .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-toast-error .ui-select-item.ui-select-item-selected::before {
color: #ff5500; }
.ui-toast-warn .ui-icon, .ui-toast-warn .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-toast-warn .ui-select-item.ui-select-item-selected::before {
color: #ff9900; }
.ui-toast-info .ui-icon, .ui-toast-info .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-toast-info .ui-select-item.ui-select-item-selected::before,
.ui-toast-loading .ui-icon,
.ui-toast-loading .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before,
.ui-select.ui-select-multiple .ui-toast-loading .ui-select-item.ui-select-item-selected::before {
color: #2db7f5; }
.ui-toast .ui-icon, .ui-toast .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-toast .ui-select-item.ui-select-item-selected::before {
margin-right: 5px;
font-size: 16px;
top: 1px;
position: relative; }
.ui-upload {
display: inline-block; }
.ui-upload .ui-upload-file {
display: none; }
.ui-zoom {
position: fixed;
left: 0;
right: 0;
margin: 0 auto;
top: 0;
z-index: 1000;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
background-color: rgba(55, 55, 55, 0.6); }
.ui-zoom-image {
display: inline-block;
margin: 0;
padding: 0;
background: #ffffff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
position: relative; }
.ui-zoom-image .ui-zoom-close {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
right: -10px;
top: -10px;
background-color: #ffffff;
border-radius: 100%; }
.ui-zoom-image .ui-icon-md-close-circle {
margin: 0;
color: black;
font-size: 30px;
line-height: 20px; }
.ui-zoom-image img {
display: block;
height: auto; }
.ui-expand-null, .ui-expand-arrow {
display: inline-block;
margin: 0;
width: 16px;
height: 16px;
line-height: 16px;
vertical-align: middle;
border: 0;
cursor: pointer;
outline: none;
position: relative;
font-size: 16px;
margin-top: -2px;
color: #657180;
font-weight: bold;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
.ui-tree {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
border: none; }
.ui-tree.ui-child-tree {
padding: 0 0 0 25px !important; }
.ui-tree-node {
position: relative;
margin: 8px 0 0 0;
padding: 0;
outline: 0;
list-style: none;
white-space: nowrap;
width: 100%; }
.ui-tree-node i, .ui-tree-node span, .ui-tree-node input {
cursor: pointer;
vertical-align: middle; }
.ui-tree-node-text {
display: inline-block;
margin: 0;
padding: 1px 5px;
cursor: pointer;
text-decoration: none;
border-radius: 2px;
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
.ui-tree-node-text:hover, .ui-tree-node-text.selected {
background-color: #cfe8fb; }
.ui-tree .loading {
display: inline-block;
width: 16px;
height: 16px;
line-height: 16px;
margin-top: 2px;
vertical-align: middle;
border: 0 none;
cursor: pointer;
outline: none; }
.ui-tree.ui-tree-inline .ui-tree-just-data .ui-tree-node {
display: inline-block;
width: 200px; }
.ui-steps {
font-size: 0;
line-height: 1.5; }
.ui-step {
position: relative;
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0; }
.ui-step .ui-step-tail {
position: absolute;
left: 0;
top: 12px;
width: 100%;
padding: 0 10px; }
.ui-step .ui-step-tail i {
position: relative;
display: inline-block;
width: 100%;
height: 1px;
vertical-align: top;
background: #e3e8ee;
border-radius: 1px; }
.ui-step .ui-step-head {
position: relative;
display: inline-block;
vertical-align: top;
background-color: #fff;
font-size: 12px; }
.ui-step .ui-step-head-swap {
width: 24px;
height: 24px;
line-height: 23px;
text-align: center;
margin-right: 6px;
border-radius: 100%;
border: 1px solid #3399ff;
transition: background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
.ui-step .ui-step-main {
position: relative;
display: inline;
vertical-align: top;
background-color: #fff; }
.ui-step .ui-step-title {
display: inline-block;
height: 24px;
line-height: 24px;
padding-right: 6px;
font-size: 14px;
font-weight: 700;
background-color: #fff; }
.ui-step .ui-step-desc {
padding: 0 0 10px 0;
margin-left: 32px;
font-size: 12px; }
.ui-step .ui-icon-md-checkmark, .ui-step .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected, .ui-select.ui-select-multiple .ui-step .ui-select-item.ui-select-item-selected {
font-size: 13px;
font-weight: bolder;
color: #3399ff; }
.ui-step.ui-step-ready .ui-step-head-swap {
border-color: #ccc;
color: #999; }
.ui-step.ui-step-ready .ui-step-main {
color: #999; }
.ui-step.ui-step-doing .ui-step-head-swap {
border-color: #3399ff;
background-color: #3399ff;
color: #fff; }
.ui-step.ui-step-doing .ui-step-main {
color: #666; }
.ui-step.ui-step-doing .ui-step-tail i {
background-color: #3399ff; }
.ui-step.ui-step-done .ui-step-main {
color: #999; }
.ui-step.ui-step-done .ui-step-tail i {
background-color: #3399ff; }
.ui-steps.ui-steps-small .ui-step-tail {
top: 9px;
padding: 0 5px; }
.ui-steps.ui-steps-small .ui-step-head-swap {
width: 18px;
height: 18px;
line-height: 17px;
margin-right: 5px; }
.ui-steps.ui-steps-small .ui-step-title {
height: 18px;
line-height: 18px;
padding-right: 5px;
font-size: 12px; }
.ui-steps.ui-steps-small .ui-step-desc {
display: none; }
.ui-steps.ui-steps-small .ui-icon-md-checkmark, .ui-steps.ui-steps-small .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected, .ui-select.ui-select-multiple .ui-steps.ui-steps-small .ui-select-item.ui-select-item-selected {
font-size: 12px;
font-size: 7px \9;
-webkit-transform: scale(0.7) rotate(0deg);
transform: scale(0.7) rotate(0deg);
-ms-transform: scale(0.7) rotate(0deg); }
.ui-steps.ui-steps-vertical .ui-step {
display: block; }
.ui-steps.ui-steps-vertical .ui-step .ui-step-tail {
left: 12px;
top: 30px;
width: 0;
height: auto;
bottom: 10px;
padding: 0; }
.ui-steps.ui-steps-vertical .ui-step .ui-step-tail i {
width: 1px;
height: 100%; }
.ui-steps.ui-steps-vertical .ui-step .ui-step-desc {
padding: 5px 0 20px 0; }
.ui-tooltip {
z-index: 1060;
display: block;
padding: 2px; }
.ui-tooltip .ui-tooltip-swap {
position: relative; }
.ui-tooltip-inner {
min-height: 34px;
padding: 8px 10px;
color: #fff;
background-color: rgba(70, 76, 91, 0.9);
border-radius: 4px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
letter-spacing: normal;
text-align: left;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal; }
.ui-tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
-moz-box-sizing: content-box;
box-sizing: content-box; }
.ui-tooltip-arrow:after {
display: block;
position: absolute;
left: -5px;
top: -6px;
content: "";
width: 0;
height: 0; }
.ui-tooltip.ui-tooltip-direction-top {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-ms-transform: translateY(-100%); }
.ui-tooltip.ui-tooltip-direction-top .ui-tooltip-swap {
padding: 5px 0; }
.ui-tooltip.ui-tooltip-direction-top .ui-tooltip-inner {
box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.2); }
.ui-tooltip.ui-tooltip-direction-top .ui-tooltip-arrow {
bottom: 1px;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: rgba(70, 76, 91, 0.9); }
.ui-tooltip.ui-tooltip-direction-top.ui-tooltip-align-left .ui-tooltip-arrow {
left: 0;
margin-left: 15px; }
.ui-tooltip.ui-tooltip-direction-top.ui-tooltip-align-center {
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
-ms-transform: translate(-50%, -100%); }
.ui-tooltip.ui-tooltip-direction-top.ui-tooltip-align-right {
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
-ms-transform: translate(-100%, -100%); }
.ui-tooltip.ui-tooltip-direction-top.ui-tooltip-align-right .ui-tooltip-arrow {
left: auto;
right: 0;
margin-right: 15px; }
.ui-tooltip.ui-tooltip-direction-top.ui-tooltip-rich .ui-tooltip-arrow, .ui-tooltip.ui-tooltip-direction-top.ui-tooltip-confirm .ui-tooltip-arrow {
border-top-color: rgba(217, 217, 217, 0.5); }
.ui-tooltip.ui-tooltip-direction-top.ui-tooltip-rich .ui-tooltip-arrow:after, .ui-tooltip.ui-tooltip-direction-top.ui-tooltip-confirm .ui-tooltip-arrow:after {
border-color: transparent;
border-style: solid;
border-width: 5px;
border-bottom-width: 0;
border-top-color: #fff; }
.ui-tooltip.ui-tooltip-direction-bottom .ui-tooltip-swap {
padding: 5px 0; }
.ui-tooltip.ui-tooltip-direction-bottom .ui-tooltip-inner {
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); }
.ui-tooltip.ui-tooltip-direction-bottom .ui-tooltip-arrow {
top: 1px;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: rgba(70, 76, 91, 0.9); }
.ui-tooltip.ui-tooltip-direction-bottom.ui-tooltip-align-left .ui-tooltip-arrow {
left: 0;
margin-left: 15px; }
.ui-tooltip.ui-tooltip-direction-bottom.ui-tooltip-align-center {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-ms-transform: translateX(-50%); }
.ui-tooltip.ui-tooltip-direction-bottom.ui-tooltip-align-right {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-ms-transform: translateX(-100%); }
.ui-tooltip.ui-tooltip-direction-bottom.ui-tooltip-align-right .ui-tooltip-arrow {
left: auto;
right: 0;
margin-right: 15px; }
.ui-tooltip.ui-tooltip-direction-bottom.ui-tooltip-rich .ui-tooltip-arrow, .ui-tooltip.ui-tooltip-direction-bottom.ui-tooltip-confirm .ui-tooltip-arrow {
border-bottom-color: rgba(217, 217, 217, 0.5); }
.ui-tooltip.ui-tooltip-direction-bottom.ui-tooltip-rich .ui-tooltip-arrow:after, .ui-tooltip.ui-tooltip-direction-bottom.ui-tooltip-confirm .ui-tooltip-arrow:after {
border-color: transparent;
border-style: solid;
border-width: 5px;
border-top-width: 0;
border-bottom-color: #fff;
top: 1px; }
.ui-tooltip.ui-tooltip-direction-left {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0); }
.ui-tooltip.ui-tooltip-direction-left .ui-tooltip-swap {
padding: 0 5px; }
.ui-tooltip.ui-tooltip-direction-left .ui-tooltip-inner {
box-shadow: -1px 0 6px rgba(0, 0, 0, 0.2); }
.ui-tooltip.ui-tooltip-direction-left .ui-tooltip-arrow {
top: 50%;
right: 1px;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: rgba(70, 76, 91, 0.9); }
.ui-tooltip.ui-tooltip-direction-left.ui-tooltip-align-top .ui-tooltip-arrow {
top: 0;
margin-top: 8px; }
.ui-tooltip.ui-tooltip-direction-left.ui-tooltip-align-center {
-webkit-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
-ms-transform: translate(-100%, -50%); }
.ui-tooltip.ui-tooltip-direction-left.ui-tooltip-align-bottom {
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
-ms-transform: translate(-100%, -100%); }
.ui-tooltip.ui-tooltip-direction-left.ui-tooltip-align-bottom .ui-tooltip-arrow {
top: auto;
bottom: 0;
margin-bottom: 8px; }
.ui-tooltip.ui-tooltip-direction-left.ui-tooltip-rich .ui-tooltip-arrow, .ui-tooltip.ui-tooltip-direction-left.ui-tooltip-confirm .ui-tooltip-arrow {
border-left-color: rgba(217, 217, 217, 0.5); }
.ui-tooltip.ui-tooltip-direction-left.ui-tooltip-rich .ui-tooltip-arrow:after, .ui-tooltip.ui-tooltip-direction-left.ui-tooltip-confirm .ui-tooltip-arrow:after {
border-color: transparent;
border-style: solid;
border-width: 5px;
border-right-width: 0;
border-left-color: #fff;
left: -6px;
top: -5px; }
.ui-tooltip.ui-tooltip-direction-right .ui-tooltip-swap {
padding: 0 5px; }
.ui-tooltip.ui-tooltip-direction-right .ui-tooltip-inner {
box-shadow: 1px 0 6px rgba(0, 0, 0, 0.2); }
.ui-tooltip.ui-tooltip-direction-right .ui-tooltip-arrow {
top: 50%;
left: 1px;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: rgba(70, 76, 91, 0.9); }
.ui-tooltip.ui-tooltip-direction-right.ui-tooltip-align-top .ui-tooltip-arrow {
top: 0;
margin-top: 8px; }
.ui-tooltip.ui-tooltip-direction-right.ui-tooltip-align-center {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-ms-transform: translateY(-50%); }
.ui-tooltip.ui-tooltip-direction-right.ui-tooltip-align-bottom {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-ms-transform: translateY(-100%); }
.ui-tooltip.ui-tooltip-direction-right.ui-tooltip-align-bottom .ui-tooltip-arrow {
top: auto;
bottom: 0;
margin-bottom: 8px; }
.ui-tooltip.ui-tooltip-direction-right.ui-tooltip-rich .ui-tooltip-arrow, .ui-tooltip.ui-tooltip-direction-right.ui-tooltip-confirm .ui-tooltip-arrow {
border-right-color: rgba(217, 217, 217, 0.5); }
.ui-tooltip.ui-tooltip-direction-right.ui-tooltip-rich .ui-tooltip-arrow:after, .ui-tooltip.ui-tooltip-direction-right.ui-tooltip-confirm .ui-tooltip-arrow:after {
border-color: transparent;
border-style: solid;
border-width: 5px;
border-left-width: 0;
border-right-color: #fff;
left: auto;
right: -6px;
top: -5px; }
.ui-tooltip.ui-tooltip-rich .ui-tooltip-inner,
.ui-tooltip.ui-tooltip-confirm .ui-tooltip-inner {
color: #657180;
background-color: #fff;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); }
.ui-tooltip.ui-tooltip-confirm .ui-icon-md-help-circle {
color: #ff9900;
font-size: 16px;
margin-right: 8px; }
.ui-tooltip.ui-tooltip-confirm .ui-tooltip-buttons {
text-align: right;
padding: 8px 6px; }
.ui-tooltip.ui-tooltip-confirm .ui-tooltip-buttons button:first-child {
color: #fff;
background-color: #3399ff;
border-color: #3399ff; }
.ui-tooltip.ui-tooltip-confirm .ui-tooltip-buttons button + button {
margin-left: 10px;
margin-bottom: 0; }
.ui-tooltip.ui-tooltip-confirm .ui-button {
font-size: 12px;
margin: 0;
padding: 4px 6px; }
.ui-tooltip.ui-tooltip-confirm .ui-tooltip-text {
padding: 8px 6px; }
.ui-tooltip.ui-tooltip-confirm .ui-tooltip-inner {
min-width: 160px; }
.ui-tabs {
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
zoom: 1;
color: #657180; }
.ui-tabs .ui-tabs-header {
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-bottom: 16px;
font-size: 0;
border-bottom: 1px solid #e3e8ee; }
.ui-tabs .ui-tabs-header .ui-tabs-header-container {
position: relative;
overflow: hidden;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.ui-tabs .ui-tabs-header .ui-tabs-header-scroll {
padding: 0 30px; }
.ui-tabs .ui-tabs-header .ui-tabs-header-scroll .button-left,
.ui-tabs .ui-tabs-header .ui-tabs-header-scroll .button-right {
position: absolute;
padding: 10px 6px;
color: #909399;
background: #fff;
z-index: 100;
cursor: pointer; }
.ui-tabs .ui-tabs-header .ui-tabs-header-scroll .button-left:hover,
.ui-tabs .ui-tabs-header .ui-tabs-header-scroll .button-right:hover {
color: rgba(51, 153, 255, 0.9); }
.ui-tabs .ui-tabs-header .ui-tabs-header-scroll .button-left.disabled,
.ui-tabs .ui-tabs-header .ui-tabs-header-scroll .button-right.disabled {
color: #ccc;
cursor: not-allowed; }
.ui-tabs .ui-tabs-header .ui-tabs-header-scroll .button-left {
left: -1px; }
.ui-tabs .ui-tabs-header .ui-tabs-header-scroll .button-right {
right: -1px; }
.ui-tabs .ui-tabs-header.ui-tabs-header-card .ui-tabs-header-item {
padding: 0;
position: relative; }
.ui-tabs .ui-tabs-header.ui-tabs-header-card .ui-tabs-header-item .ui-tabs-header-label {
padding: 8px 30px;
border-left: 1px solid #e3e8ee;
border-bottom: 1px solid transparent;
border-top: 1px solid #e3e8ee;
margin-left: 0;
border-right: none; }
.ui-tabs .ui-tabs-header.ui-tabs-header-card .ui-tabs-header-item:last-child .ui-tabs-header-label {
border-right: 1px solid #e3e8ee; }
.ui-tabs .ui-tabs-header.ui-tabs-header-card .ui-tabs-header-item.ui-tabs-header-current .ui-tabs-header-label::after {
bottom: -1px; }
.ui-tabs .ui-tabs-header .ui-tabs-header-swap {
white-space: nowrap;
float: left;
transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); }
.ui-tabs .ui-tabs-header .ui-tabs-header-item {
position: relative;
padding: 0 10px;
display: inline-block;
vertical-align: middle;
font-size: 14px;
cursor: pointer;
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.ui-tabs .ui-tabs-header .ui-tabs-header-item .ui-tabs-header-label {
position: relative;
padding: 8px 20px; }
.ui-tabs .ui-tabs-header .ui-tabs-header-item.ui-tabs-header-current {
color: rgba(51, 153, 255, 0.9); }
.ui-tabs .ui-tabs-header .ui-tabs-header-item.ui-tabs-header-current .ui-icon, .ui-tabs .ui-tabs-header .ui-tabs-header-item.ui-tabs-header-current .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-tabs .ui-tabs-header .ui-tabs-header-item.ui-tabs-header-current .ui-select-item.ui-select-item-selected::before {
color: rgba(51, 153, 255, 0.9); }
.ui-tabs .ui-tabs-header .ui-tabs-header-item.ui-tabs-header-current .ui-tabs-header-label::after {
content: '';
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: rgba(51, 153, 255, 0.9); }
.ui-tabs .ui-tabs-header .ui-tabs-header-item.ui-tabs-header-disabled {
pointer-events: none;
cursor: default;
color: #ccc; }
.ui-tabs .ui-tabs-header .ui-tabs-header-item.ui-tabs-header-disabled .ui-icon, .ui-tabs .ui-tabs-header .ui-tabs-header-item.ui-tabs-header-disabled .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-tabs .ui-tabs-header .ui-tabs-header-item.ui-tabs-header-disabled .ui-select-item.ui-select-item-selected::before {
color: #ccc; }
.ui-tabs .ui-tabs-header .ui-tabs-header-item.ui-tabs-header-draging {
opacity: 0.5;
background: #f3f3f3; }
.ui-tabs .ui-tabs-header .ui-tabs-header-item:hover .button-close {
display: inline-block; }
.ui-tabs .ui-tabs-header .ui-tabs-header-item .button-close {
display: none;
position: absolute;
right: 6px;
top: 10px; }
.ui-tabs .ui-tabs-header .ui-tabs-header-item .button-close:hover {
color: rgba(51, 153, 255, 0.9); }
.ui-tabs .ui-tab-buttons {
padding: 0 16px; }
.ui-tabs .ui-tabs-body {
width: 100%;
position: relative; }
.ui-tab {
width: 100%; }
.ui-page {
font-size: 0;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center; }
.ui-page-item {
display: block;
margin-right: 4px;
padding: 0 10px;
height: 32px;
line-height: 30px;
text-align: center;
list-style: none;
background-color: #fff;
color: #657180;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
font-family: Arial;
font-size: 12px;
border: 1px solid #d7dde4;
border-radius: 6px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.ui-page-item:hover {
border-color: #3399ff;
color: #3399ff; }
.ui-page-item-active {
background-color: #3399ff;
border-color: #3399ff;
color: #fff; }
.ui-page-item-active:hover {
color: #fff; }
.ui-page-item-jump-prev:after, .ui-page-item-jump-next:after {
content: "•••";
display: block;
letter-spacing: 1px;
color: #657180;
text-align: center; }
.ui-page-item-jump-prev i, .ui-page-item-jump-next i {
display: none; }
.ui-page-item-jump-prev:hover:after, .ui-page-item-jump-next:hover:after {
display: none; }
.ui-page-item-jump-prev:hover i, .ui-page-item-jump-next:hover i {
display: inline-block; }
.ui-page-item-jump-prev, .ui-page-item-jump-next {
margin-right: 4px; }
.ui-page-prev {
margin-right: 8px; }
.ui-page-next {
margin-left: 4px; }
.ui-page-prev, .ui-page-next, .ui-page-item-jump-prev, .ui-page-item-jump-next {
display: block;
width: 32px;
height: 32px;
line-height: 30px;
list-style: none;
text-align: center;
cursor: pointer;
color: #666;
font-size: 12px;
font-family: Arial;
border: 1px solid #d7dde4;
border-radius: 6px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.ui-page-prev, .ui-page-next {
background-color: #fff; }
.ui-page-prev:hover, .ui-page-next:hover {
border-color: #3399ff;
color: #3399ff; }
.ui-page-disabled {
cursor: not-allowed;
color: #ccc; }
.ui-page-disabled:hover {
border-color: #d7dde4;
color: #ccc;
cursor: not-allowed; }
.ui-page .ui-page-select {
display: block;
width: 75px;
height: 32px;
margin-left: 16px;
text-align: center;
list-style: none;
background-color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
font-family: Arial;
font-size: 12px; }
.ui-page .ui-page-quick-jumper {
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-left: 16px;
font-size: 12px; }
.ui-page .ui-page-quick-jumper .jumper-input {
width: 44px;
margin: 0 4px; }
.ui-page .ui-select .ui-select-selection {
border-radius: 6px; }
.ui-page .second-icon {
margin-left: -4px; }
.ui-row {
position: relative;
display: block;
margin-left: 0;
margin-right: 0;
height: auto;
zoom: 1; }
.ui-row:before, .ui-row:after {
content: " ";
display: table; }
.ui-row:after {
clear: both;
visibility: hidden;
font-size: 0;
height: 0; }
.ui-cell {
position: relative;
display: block; }
.ui-cell-span-1 {
width: 4.16667%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-1 {
margin-left: 4.16667%; }
.ui-cell-span-2 {
width: 8.33333%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-2 {
margin-left: 8.33333%; }
.ui-cell-span-3 {
width: 12.5%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-3 {
margin-left: 12.5%; }
.ui-cell-span-4 {
width: 16.66667%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-4 {
margin-left: 16.66667%; }
.ui-cell-span-5 {
width: 20.83333%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-5 {
margin-left: 20.83333%; }
.ui-cell-span-6 {
width: 25%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-6 {
margin-left: 25%; }
.ui-cell-span-7 {
width: 29.16667%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-7 {
margin-left: 29.16667%; }
.ui-cell-span-8 {
width: 33.33333%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-8 {
margin-left: 33.33333%; }
.ui-cell-span-9 {
width: 37.5%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-9 {
margin-left: 37.5%; }
.ui-cell-span-10 {
width: 41.66667%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-10 {
margin-left: 41.66667%; }
.ui-cell-span-11 {
width: 45.83333%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-11 {
margin-left: 45.83333%; }
.ui-cell-span-12 {
width: 50%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-12 {
margin-left: 50%; }
.ui-cell-span-13 {
width: 54.16667%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-13 {
margin-left: 54.16667%; }
.ui-cell-span-14 {
width: 58.33333%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-14 {
margin-left: 58.33333%; }
.ui-cell-span-15 {
width: 62.5%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-15 {
margin-left: 62.5%; }
.ui-cell-span-16 {
width: 66.66667%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-16 {
margin-left: 66.66667%; }
.ui-cell-span-17 {
width: 70.83333%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-17 {
margin-left: 70.83333%; }
.ui-cell-span-18 {
width: 75%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-18 {
margin-left: 75%; }
.ui-cell-span-19 {
width: 79.16667%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-19 {
margin-left: 79.16667%; }
.ui-cell-span-20 {
width: 83.33333%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-20 {
margin-left: 83.33333%; }
.ui-cell-span-21 {
width: 87.5%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-21 {
margin-left: 87.5%; }
.ui-cell-span-22 {
width: 91.66667%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-22 {
margin-left: 91.66667%; }
.ui-cell-span-23 {
width: 95.83333%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-23 {
margin-left: 95.83333%; }
.ui-cell-span-24 {
width: 100%;
float: left;
-ms-flex: 0 0 auto;
-moz-box-flex: 0;
flex: 0 0 auto; }
.ui-cell-offset-24 {
margin-left: 100%; }
.ui-input-swap, .ui-input-swap .ui-input {
display: inline-block;
width: 100%;
position: relative;
vertical-align: middle; }
.ui-input-swap {
font-size: 0; }
.ui-input-swap.ui-input-readonly .ui-input-icon, .ui-input-swap.ui-input-disabled .ui-input-icon {
cursor: default; }
.ui-input-swap.ui-input-group {
display: table;
width: 100%;
border-collapse: separate;
position: relative;
font-size: 12px; }
.ui-input-swap.ui-input-group .ui-input {
display: table-cell; }
.ui-input-swap.ui-input-group-prepend .ui-input {
border-bottom-left-radius: 0 !important;
border-top-left-radius: 0 !important; }
.ui-input-swap.ui-input-group-append .ui-input {
border-bottom-right-radius: 0 !important;
border-top-right-radius: 0 !important; }
.ui-input-swap .ui-input {
height: 32px;
padding: 4px 8px;
border: 1px solid #d7dde4;
outline: 0;
background-image: none;
line-height: 1.5;
font-size: 12px;
border-radius: 4px;
color: #657180;
background-color: #fff;
cursor: text;
transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out; }
.ui-input-swap .ui-input:hover {
border-color: #5cadff; }
.ui-input-swap .ui-input:focus {
border-color: #5cadff;
box-shadow: 0 0 0 3px rgba(51, 153, 255, 0.2); }
.ui-input-swap .ui-input[readonly] {
cursor: auto; }
.ui-input-swap .ui-input[readonly]:hover, .ui-input-swap .ui-input[readonly]:focus {
border-color: #d7dde4;
box-shadow: none; }
.ui-input-swap .ui-input[disabled] {
opacity: 1;
background-color: #f3f3f3;
cursor: not-allowed; }
.ui-input-swap .ui-input[disabled]:hover, .ui-input-swap .ui-input[disabled]:focus {
border-color: #d7dde4;
box-shadow: none; }
.ui-input-swap .ui-input:not(:last-child) {
border-bottom-right-radius: 0 !important;
border-top-right-radius: 0 !important; }
.ui-input-swap textarea.ui-input {
max-width: 100%;
height: auto;
word-wrap: break-word;
word-break: break-all;
overflow: auto; }
.ui-input-swap .ui-input-content {
position: relative; }
.ui-input-swap .ui-input-icon {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 16px;
text-align: center;
color: #9ea7b4;
cursor: pointer;
position: absolute;
right: 0;
z-index: 1; }
.ui-input-swap .ui-input-icon + .ui-input-icon {
right: 32px; }
.ui-input-swap .ui-input-icon + .ui-input-icon + .ui-input-icon {
right: 64px; }
.ui-input-swap .ui-input-icon + .ui-input {
padding-right: 32px; }
.ui-input-swap .ui-input-icon + .ui-input-icon + .ui-input {
padding-right: 64px; }
.ui-input-swap .ui-input-prepend,
.ui-input-swap .ui-input-append {
display: table-cell;
width: 1px;
padding: 4px 8px;
vertical-align: middle;
white-space: nowrap;
font-size: inherit;
font-weight: 400;
line-height: 1;
color: #657180;
text-align: center;
background-color: #eee;
border: 1px solid #d7dde4;
border-radius: 4px; }
.ui-input-swap .ui-input-prepend {
border-bottom-right-radius: 0 !important;
border-top-right-radius: 0 !important;
border-right: 0; }
.ui-input-swap .ui-input-append {
border-bottom-left-radius: 0 !important;
border-top-left-radius: 0 !important;
border-left: 0; }
.ui-input-swap.ui-input-text {
vertical-align: middle; }
.ui-input-swap.ui-input-password {
vertical-align: middle; }
.ui-input-swap.ui-input-password input {
letter-spacing: 0.3em; }
.ui-input-swap.ui-input-password input::-moz-placeholder,
.ui-input-swap.ui-input-password textarea::-moz-placeholder {
letter-spacing: normal; }
.ui-input-swap.ui-input-password input:-ms-input-placeholder,
.ui-input-swap.ui-input-password textarea:-ms-input-placeholder {
letter-spacing: normal; }
.ui-input-swap.ui-input-password input::-webkit-input-placeholder,
.ui-input-swap.ui-input-password textarea::-webkit-input-placeholder {
letter-spacing: normal; }
.ui-input-swap.ui-input-number {
vertical-align: middle; }
.ui-input-swap.ui-input-textarea {
line-height: 1.5;
vertical-align: top; }
.ui-input-swap .ui-input-file-text {
display: inline-block;
margin-left: 8px;
vertical-align: middle;
font-size: 12px; }
.ui-select {
display: inline-block;
width: 100%;
vertical-align: middle;
color: #657180;
font-size: 14px;
position: relative;
line-height: normal; }
.ui-select.ui-select-visible .ui-icon-md-arrow-dropdown {
-webkit-transform: translateX(-3px) translateY(-50%) rotate(180deg);
transform: translateX(-3px) translateY(-50%) rotate(180deg);
-ms-transform: translateX(-3px) translateY(-50%) rotate(180deg); }
.ui-select.ui-select-visible .ui-select-selection {
border-color: #5cadff; }
.ui-select.ui-select-visible .ui-select-selection .ui-icon-md-arrow-dropdown, .ui-select.ui-select-visible .ui-select-selection .ui-icon-md-close-circle {
color: #5cadff; }
.ui-select.ui-select-disabled {
background-color: #f3f3f3; }
.ui-select.ui-select-disabled .ui-select-selection {
cursor: not-allowed;
background-color: #f3f3f3; }
.ui-select.ui-select-disabled .ui-select-selection:hover, .ui-select.ui-select-disabled .ui-select-selection:focus {
border-color: #d7dde4;
box-shadow: none; }
.ui-select.ui-select-disabled .ui-select-selection:hover .ui-icon-md-arrow-dropdown, .ui-select.ui-select-disabled .ui-select-selection:hover .ui-icon-md-close-circle, .ui-select.ui-select-disabled .ui-select-selection:focus .ui-icon-md-arrow-dropdown, .ui-select.ui-select-disabled .ui-select-selection:focus .ui-icon-md-close-circle {
color: #9ea7b4; }
.ui-select.ui-select-readonly .ui-select-selection {
cursor: default; }
.ui-select.ui-select-readonly .ui-select-selection:hover, .ui-select.ui-select-readonly .ui-select-selection:focus {
border-color: #d7dde4;
box-shadow: none; }
.ui-select.ui-select-readonly .ui-select-selection:hover .ui-icon-md-arrow-dropdown, .ui-select.ui-select-readonly .ui-select-selection:hover .ui-icon-md-close-circle, .ui-select.ui-select-readonly .ui-select-selection:focus .ui-icon-md-arrow-dropdown, .ui-select.ui-select-readonly .ui-select-selection:focus .ui-icon-md-close-circle {
color: #9ea7b4; }
.ui-select .ui-select-selection {
position: relative;
width: 100%;
border: 1px solid #d7dde4;
outline: 0;
font-size: 12px;
border-radius: 4px;
background-color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
transition: all .2s ease-in-out; }
.ui-select .ui-select-selection:hover, .ui-select .ui-select-selection:focus {
border-color: #5cadff; }
.ui-select .ui-select-selection:hover .ui-icon-md-arrow-dropdown, .ui-select .ui-select-selection:hover .ui-icon-md-close-circle, .ui-select .ui-select-selection:focus .ui-icon-md-arrow-dropdown, .ui-select .ui-select-selection:focus .ui-icon-md-close-circle {
color: #5cadff; }
.ui-select .ui-select-selection:focus {
box-shadow: 0 0 0 3px rgba(51, 153, 255, 0.2); }
.ui-select .ui-select-selection-icons {
position: absolute;
right: 8px;
top: 0px;
bottom: 0px;
width: 12px; }
.ui-select .ui-icon-md-arrow-dropdown, .ui-select .ui-icon-md-close-circle {
position: absolute;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #9ea7b4;
z-index: 1;
font-size: 18px; }
.ui-select .ui-icon-md-close-circle {
z-index: 2; }
.ui-select .ui-select-placeholder, .ui-select .ui-select-selected-value {
display: block;
width: 100%;
height: 30px;
line-height: 30px;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: 8px;
padding-right: 24px;
border: 0;
border-radius: 4px;
color: #657180; }
.ui-select .ui-select-selected-input {
display: block;
width: 100%;
height: 30px;
line-height: 30px;
padding-left: 8px;
padding-right: 24px;
margin-bottom: 5px;
font-size: 12px;
border: 0;
outline: 0;
border-bottom: 1px solid #e3e8ee;
color: #657180;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.ui-select .ui-select-placeholder {
color: #c3cbd6; }
.ui-select .ui-select-dropdown {
position: absolute;
top: 32px;
width: 100%;
max-height: 200px;
margin: 5px 0;
padding: 5px 0;
overflow-y: auto;
overflow-x: hidden;
background-color: #fff;
z-index: 900;
border-radius: 4px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); }
.ui-select .ui-select-dropdown.no-option-children {
max-height: 250px; }
.ui-select .ui-select-dropdown-list {
margin: 0; }
.ui-select .ui-select-item {
margin: 0;
padding: 7px 16px;
color: #657180;
font-size: 12px !important;
line-height: normal;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
list-style: none;
cursor: pointer;
clear: both;
transition: background .2s ease-in-out; }
.ui-select .ui-select-item.focus {
background: #f3f3f3; }
.ui-select .ui-select-item.ui-select-item-disabled, .ui-select .ui-select-item.ui-select-item-disabled.focus {
color: #c3cbd6;
cursor: not-allowed;
background: transparent; }
.ui-select .ui-select-item.ui-select-item-selected, .ui-select .ui-select-item.ui-select-item-selected.focus {
color: rgba(51, 153, 255, 0.9); }
.ui-select .ui-select-pagination {
margin: 0;
padding: 0px 16px;
color: #657180;
font-size: 16px;
line-height: normal;
white-space: nowrap;
list-style: none;
clear: both;
text-align: center; }
.ui-select .ui-select-pagination .ui-button {
margin-right: 8px;
margin-left: 8px; }
.ui-select.ui-select-multiple .ui-select-multiple-selected {
min-height: 30px; }
.ui-select.ui-select-multiple .ui-select-selected-value {
display: inline-block;
padding: 0 6px;
margin: 3px 4px 2px 4px;
height: 22px;
line-height: 20px;
width: auto;
border: 1px solid #e3e8ee;
background-color: #f7f7f7; }
.ui-select.ui-select-multiple .ui-select-selected-value .ui-icon, .ui-select.ui-select-multiple .ui-select-selected-value .ui-select-item.ui-select-item-selected::before {
margin-left: 6px; }
.ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before {
display: block;
float: right;
color: rgba(51, 153, 255, 0.9); }
.ui-radio-wrapper {
display: inline-block;
position: relative;
vertical-align: middle;
white-space: nowrap;
margin-right: 8px;
cursor: pointer;
outline: none;
transition: all .2s ease-in-out; }
.ui-radio-wrapper.ui-radio-wrapper-readonly {
cursor: default; }
.ui-radio-wrapper.ui-radio-wrapper-readonly .ui-radio, .ui-radio-wrapper.ui-radio-wrapper-readonly .ui-radio-input {
cursor: default; }
.ui-radio-wrapper.ui-radio-wrapper-disabled {
color: #9ea7b4;
cursor: not-allowed; }
.ui-radio-wrapper.ui-radio-wrapper-disabled .ui-radio, .ui-radio-wrapper.ui-radio-wrapper-disabled .ui-radio-input {
cursor: not-allowed; }
.ui-radio-wrapper:hover:not(.ui-radio-wrapper-disabled):not(.ui-radio-wrapper-readonly) .ui-radio-inner {
border-color: #3399ff; }
.ui-radio-wrapper:focus:not(.ui-radio-wrapper-disabled):not(.ui-radio-wrapper-readonly) .ui-radio-inner, .ui-radio-wrapper.ui-radio-wrapper-focus:not(.ui-radio-wrapper-disabled):not(.ui-radio-wrapper-readonly) .ui-radio-inner {
box-shadow: 0 0 0 3px rgba(51, 153, 255, 0.2); }
.ui-radio {
display: inline-block;
position: relative;
margin-right: 2px;
white-space: nowrap;
outline: 0;
line-height: 1;
vertical-align: middle;
cursor: pointer; }
.ui-radio.ui-radio-checked .ui-radio-inner {
border-color: #3399ff; }
.ui-radio.ui-radio-checked .ui-radio-inner::before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.ui-radio-inner {
display: block;
position: relative;
height: 14px;
width: 14px;
background-color: #fff;
border: 1px solid #d7dde4;
border-radius: 50%;
transition: all .2s ease-in-out; }
.ui-radio-inner::before {
position: absolute;
left: 2px;
top: 2px;
height: 8px;
width: 8px;
background-color: #3399ff;
border-radius: 8px;
content: ' ';
transition: all .2s ease-in-out;
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0); }
.ui-radio-input {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
opacity: 0;
cursor: pointer; }
.ui-radio-content {
vertical-align: middle; }
.ui-radio-group {
display: inline-block;
outline: none; }
.ui-radio-group .ui-radio-wrapper {
margin-right: 16px; }
.ui-radio-group.ui-radio-group-vertical .ui-radio-wrapper {
display: block;
height: 30px;
line-height: 30px; }
.ui-radio-group.ui-radio-group-button {
font-size: 0; }
.ui-radio-group.ui-radio-group-button .ui-radio-wrapper {
position: relative;
height: 32px;
line-height: 30px;
padding: 0 16px;
margin: 0;
font-size: 12px;
border: 1px solid #d7dde4;
background-color: #fff;
border-left-width: 0;
cursor: pointer; }
.ui-radio-group.ui-radio-group-button .ui-radio-wrapper:first-child {
border-left-width: 1px;
border-radius: 4px 0 0 4px; }
.ui-radio-group.ui-radio-group-button .ui-radio-wrapper:last-child {
border-radius: 0 4px 4px 0; }
.ui-radio-group.ui-radio-group-button .ui-radio-wrapper:first-child:last-child {
border-radius: 4px 4px 4px 4px; }
.ui-radio-group.ui-radio-group-button .ui-radio-wrapper:hover {
color: #5cadff; }
.ui-radio-group.ui-radio-group-button .ui-radio-wrapper:focus, .ui-radio-group.ui-radio-group-button .ui-radio-wrapper.ui-radio-wrapper-focus {
color: #5cadff;
box-shadow: 0 0 0 3px rgba(51, 153, 255, 0.2);
z-index: 2; }
.ui-radio-group.ui-radio-group-button .ui-radio-wrapper.ui-radio-wrapper-checked {
border-color: #3399ff;
color: #3399ff; }
.ui-radio-group.ui-radio-group-button .ui-radio-wrapper.ui-radio-wrapper-checked::after {
position: absolute;
top: 0;
bottom: 0;
left: -1px;
width: 1px;
content: ' ';
background: #3399ff;
z-index: 1; }
.ui-radio-group.ui-radio-group-button .ui-radio-wrapper.ui-radio-wrapper-readonly {
cursor: default; }
.ui-radio-group.ui-radio-group-button .ui-radio-wrapper.ui-radio-wrapper-readonly:hover, .ui-radio-group.ui-radio-group-button .ui-radio-wrapper.ui-radio-wrapper-readonly:focus, .ui-radio-group.ui-radio-group-button .ui-radio-wrapper.ui-radio-wrapper-readonly.ui-radio-wrapper-focus {
color: #657180;
box-shadow: none; }
.ui-radio-group.ui-radio-group-button .ui-radio-wrapper.ui-radio-wrapper-disabled {
background-color: #f7f7f7;
border-color: #d7dde4;
cursor: not-allowed; }
.ui-radio-group.ui-radio-group-button .ui-radio-wrapper.ui-radio-wrapper-disabled:hover, .ui-radio-group.ui-radio-group-button .ui-radio-wrapper.ui-radio-wrapper-disabled:focus, .ui-radio-group.ui-radio-group-button .ui-radio-wrapper.ui-radio-wrapper-disabled.ui-radio-wrapper-focus {
color: #9ea7b4;
box-shadow: none; }
.ui-radio-group.ui-radio-group-button .ui-radio-wrapper .ui-radio {
display: none; }
.ui-checkbox-wrapper {
display: inline-block;
position: relative;
vertical-align: middle;
white-space: nowrap;
margin-right: 8px;
cursor: pointer;
outline: none;
transition: all .2s ease-in-out; }
.ui-checkbox-wrapper.ui-checkbox-wrapper-readonly {
cursor: default; }
.ui-checkbox-wrapper.ui-checkbox-wrapper-readonly .ui-checkbox, .ui-checkbox-wrapper.ui-checkbox-wrapper-readonly .ui-checkbox-input {
cursor: default; }
.ui-checkbox-wrapper.ui-checkbox-wrapper-disabled {
color: #9ea7b4;
cursor: not-allowed; }
.ui-checkbox-wrapper.ui-checkbox-wrapper-disabled .ui-checkbox, .ui-checkbox-wrapper.ui-checkbox-wrapper-disabled .ui-checkbox-input {
cursor: not-allowed; }
.ui-checkbox-wrapper:hover:not(.ui-checkbox-wrapper-disabled):not(.ui-checkbox-wrapper-readonly) .ui-checkbox-inner {
border-color: #3399ff; }
.ui-checkbox-wrapper:focus:not(.ui-checkbox-wrapper-disabled):not(.ui-checkbox-wrapper-readonly) .ui-checkbox-inner, .ui-checkbox-wrapper.ui-checkbox-wrapper-focus:not(.ui-checkbox-wrapper-disabled):not(.ui-checkbox-wrapper-readonly) .ui-checkbox-inner {
border-color: #3399ff;
box-shadow: 0 0 0 3px rgba(51, 153, 255, 0.2); }
.ui-checkbox {
display: inline-block;
position: relative;
margin-right: 2px;
white-space: nowrap;
outline: 0;
line-height: 1;
vertical-align: middle;
font-size: 0;
cursor: pointer; }
.ui-checkbox.ui-checkbox-checked .ui-checkbox-inner {
border-color: #3399ff;
background-color: #3399ff; }
.ui-checkbox.ui-checkbox-checked .ui-checkbox-inner::before {
opacity: 1;
-webkit-transform: rotate(45deg) scale(1);
-ms-transform: rotate(45deg) scale(1);
transform: rotate(45deg) scale(1); }
.ui-checkbox.ui-checkbox-indeterminate .ui-checkbox-inner {
border-color: #3399ff;
background-color: #3399ff; }
.ui-checkbox.ui-checkbox-indeterminate .ui-checkbox-inner::before {
opacity: 1;
content: '';
width: 8px;
height: 1px;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
position: absolute;
left: 2px;
top: 5px; }
.ui-checkbox-inner {
display: block;
position: relative;
height: 14px;
width: 14px;
background-color: #fff;
border: 1px solid #d7dde4;
border-radius: 2px;
transition: all .2s ease-in-out; }
.ui-checkbox-inner::before {
position: absolute;
left: 4px;
top: 1px;
height: 8px;
width: 4px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
content: ' ';
transition: all .2s ease-in-out;
opacity: 0;
-webkit-transform: rotate(45deg) scale(0);
-ms-transform: rotate(45deg) scale(0);
transform: rotate(45deg) scale(0); }
.ui-checkbox-input {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
opacity: 0;
cursor: pointer; }
.ui-checkbox-content {
vertical-align: middle; }
.ui-checkbox-group {
display: inline-block;
outline: none; }
.ui-checkbox-group .ui-checkbox-wrapper {
margin-right: 16px; }
.ui-checkbox-group.ui-checkbox-group-vertical .ui-checkbox-wrapper {
display: block;
height: 30px;
line-height: 30px; }
.ui-form-item {
width: 100%;
padding-bottom: 24px;
zoom: 1; }
.ui-form-item:after, .ui-form-item:before {
content: "";
display: table; }
.ui-form-item.ui-form-item-required .ui-form-label:before {
content: "*";
line-height: 1;
margin-right: 4px;
color: #ff5500;
font-family: SimSun;
font-size: 12px; }
.ui-form-item.ui-form-item-error .ui-input {
border-color: #ff5500; }
.ui-form-item.ui-form-item-error .ui-input:hover {
border-color: #ff5500; }
.ui-form-item.ui-form-item-error .ui-input:focus {
border-color: #ff5500;
box-shadow: 0 0 0 2px rgba(255, 85, 0, 0.2); }
.ui-form-item.ui-form-item-error .ui-readonly-input-content {
border-color: #ff5500;
color: #ff5500; }
.ui-form-item.ui-form-item-error .ui-select .ui-select-selection {
border-color: #ff5500; }
.ui-form-item.ui-form-item-error .ui-select .ui-select-selection:hover {
border-color: #ff5500; }
.ui-form-item.ui-form-item-error .ui-select.ui-select-visible .ui-select-selection {
box-shadow: 0 0 0 2px rgba(255, 85, 0, 0.2); }
.ui-form-item.ui-form-item-error .ui-radio .ui-radio-inner {
border-color: #ff5500; }
.ui-form-item.ui-form-item-error .ui-checkbox .ui-checkbox-inner {
border-color: #ff5500; }
.ui-form-item.ui-form-item-error .ui-icon, .ui-form-item.ui-form-item-error .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-form-item.ui-form-item-error .ui-select-item.ui-select-item-selected::before {
color: #ff5500; }
.ui-form-label {
float: left;
display: block;
height: 32px;
line-height: 32px;
padding-right: 12px;
text-align: right;
color: #657180;
font-size: 12px; }
.ui-form-content {
position: relative;
line-height: 32px;
font-size: 12px; }
.ui-form-error-tip {
position: absolute;
left: 0;
top: 100%;
line-height: 1;
margin-top: 6px;
color: #ff5500; }
.ui-form {
padding-top: 24px;
display: block; }
.ui-form .ui-form-position-left .ui-form-label,
.ui-form .ui-form-position-top .ui-form-label {
text-align: left;
padding-right: 0; }
.ui-form .ui-form-position-top .ui-form-label {
float: none;
height: auto;
line-height: 1.2;
padding-right: 0;
padding-bottom: 10px; }
.ui-form.ui-form-type-query {
padding: 16px 0 8px 0;
font-size: 0; }
.ui-form.ui-form-type-query .ui-form-item {
padding-bottom: 8px; }
.ui-menu {
position: relative;
line-height: 48px;
width: 100%; }
.ui-menu li {
list-style: none !important; }
.ui-menu ul {
padding: 0 !important; }
.ui-menu:before {
content: '';
width: 1px;
background: #d7dde4;
position: absolute;
bottom: 0;
top: 0;
right: 0;
display: block; }
.ui-menu .ui-menu-arrow {
color: #999;
float: right;
position: absolute;
top: 1px;
right: 24px;
text-indent: 0; }
.ui-menu .ui-menu-item, .ui-menu .ui-menu-submenu-title {
text-indent: 24px;
cursor: pointer;
position: relative;
color: #657180;
border-right: 1px solid #d7dde4; }
.ui-menu .ui-menu-item:hover, .ui-menu .ui-menu-submenu-title:hover {
background-color: #f3f3f3; }
.ui-menu .ui-menu-item-actived {
color: #128bd6;
border-right: 2px solid #128bd6; }
.ui-menu .ui-menu-group-title {
color: #999;
text-indent: 32px; }
.ui-menu .ui-menu-arrow-active {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
top: 0; }
.ui-menu .ui-menu-submenu li {
text-indent: 48px; }
.ui-menu .ui-menu-submenu .ui-menu-submenu-icon,
.ui-menu .ui-menu-item .ui-menu-item-icon {
vertical-align: middle;
margin-top: -2px;
height: 14px;
width: auto;
margin-right: 8px; }
.ui-menu.ui-menu-type-dark {
background: #128bd6; }
.ui-menu.ui-menu-type-dark:before {
display: none; }
.ui-menu.ui-menu-type-dark .ui-menu-arrow {
color: #fff; }
.ui-menu.ui-menu-type-dark .ui-menu-group-title {
color: #ddd; }
.ui-menu.ui-menu-type-dark .ui-menu-item, .ui-menu.ui-menu-type-dark .ui-menu-submenu-title {
color: #fff;
border-right: none; }
.ui-menu.ui-menu-type-dark .ui-menu-item:hover, .ui-menu.ui-menu-type-dark .ui-menu-submenu-title:hover {
background-color: #077cc5; }
.ui-menu.ui-menu-type-dark .ui-menu-item-actived {
color: #fff;
background-color: #077cc5;
border-right: 2px solid #077cc5; }
.ui-menu.ui-menu-mode-horizontal {
position: relative;
height: 60px;
line-height: 60px;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.ui-menu.ui-menu-mode-horizontal:before {
display: none; }
.ui-menu.ui-menu-mode-horizontal:after {
content: "";
display: block;
width: 100%;
height: 1px;
background: #d7dde4;
position: absolute;
bottom: 0;
left: 0; }
.ui-menu.ui-menu-mode-horizontal .ui-menu-item, .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu {
float: left;
padding: 0 20px;
text-align: center;
text-indent: 0;
border-right: none; }
.ui-menu.ui-menu-mode-horizontal .ui-menu-submenu {
padding: 0; }
.ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-title {
padding: 0 20px;
text-align: center;
text-indent: 0;
border-right: none; }
.ui-menu.ui-menu-mode-horizontal .ui-menu-arrow {
position: relative;
display: block;
top: 0;
right: 0;
margin-left: 4px; }
.ui-menu.ui-menu-mode-horizontal .ui-menu-item:hover, .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-title:hover {
color: #128bd6;
background-color: #fff; }
.ui-menu.ui-menu-mode-horizontal .ui-menu-item:hover:after, .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-title:hover:after {
content: "";
display: block;
width: 100%;
height: 2px;
background: #128bd6;
position: absolute;
bottom: 0px;
left: 0;
z-index: 2; }
.ui-menu.ui-menu-mode-horizontal .ui-menu-item:hover .ui-menu-arrow, .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-title:hover .ui-menu-arrow {
color: #128bd6; }
.ui-menu.ui-menu-mode-horizontal .ui-menu-item.ui-menu-item-actived, .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-title.ui-menu-item-actived {
color: #128bd6;
background-color: #fff; }
.ui-menu.ui-menu-mode-horizontal .ui-menu-item.ui-menu-item-actived:after, .ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-title.ui-menu-item-actived:after {
content: "";
display: block;
width: 100%;
height: 2px;
background: #128bd6;
position: absolute;
bottom: 0px;
left: 0;
z-index: 2; }
.ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-choosed .ui-menu-submenu-title,
.ui-menu.ui-menu-mode-horizontal .ui-menu-submenu:hover .ui-menu-submenu-title {
color: #128bd6;
background-color: #fff; }
.ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-choosed .ui-menu-submenu-title:after,
.ui-menu.ui-menu-mode-horizontal .ui-menu-submenu:hover .ui-menu-submenu-title:after {
content: "";
display: block;
width: 100%;
height: 2px;
background: #128bd6;
position: absolute;
bottom: 0px;
left: 0;
z-index: 2; }
.ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-choosed .ui-menu-submenu-title .ui-menu-arrow,
.ui-menu.ui-menu-mode-horizontal .ui-menu-submenu:hover .ui-menu-submenu-title .ui-menu-arrow {
color: #128bd6; }
.ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-ul {
min-width: inherit;
max-height: 300px;
overflow: auto;
margin: 5px 0;
padding: 5px 0 !important;
background-color: #fff;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
position: absolute;
z-index: 900;
text-align: left; }
.ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-ul .ui-menu-group-title {
line-height: 30px;
text-indent: 10px; }
.ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-ul .ui-menu-item {
float: none;
clear: both;
margin: 0;
padding: 8px 20px;
line-height: normal;
text-align: left; }
.ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-ul .ui-menu-item:hover {
color: #657180;
background-color: #f3f3f3; }
.ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-ul .ui-menu-item:hover:after {
display: none; }
.ui-menu.ui-menu-mode-horizontal .ui-menu-submenu-ul .ui-menu-item.ui-menu-item-actived {
border-bottom: none;
background-color: #128bd6;
color: #fff; }
.ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark:after {
display: none; }
.ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-item:hover, .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-title:hover {
color: #fff;
background-color: #077cc5; }
.ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-item:hover:after, .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-title:hover:after {
display: none; }
.ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-item:hover .ui-menu-arrow, .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-title:hover .ui-menu-arrow {
color: #fff; }
.ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-item.ui-menu-item-actived, .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-title.ui-menu-item-actived {
color: #fff;
background-color: #077cc5; }
.ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-item.ui-menu-item-actived:after, .ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-title.ui-menu-item-actived:after {
display: none; }
.ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-choosed .ui-menu-submenu-title,
.ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu:hover .ui-menu-submenu-title {
color: #fff;
background-color: #077cc5; }
.ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-choosed .ui-menu-submenu-title:after,
.ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu:hover .ui-menu-submenu-title:after {
display: none; }
.ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-choosed .ui-menu-submenu-title .ui-menu-arrow,
.ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu:hover .ui-menu-submenu-title .ui-menu-arrow {
color: #fff; }
.ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-ul .ui-menu-item {
color: #657180; }
.ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-ul .ui-menu-item:hover {
background-color: #f3f3f3; }
.ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-ul .ui-menu-item.ui-menu-item-actived {
color: #fff;
background-color: #077cc5; }
.ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-ul .ui-menu-item.ui-menu-item-actived:hover {
color: #fff;
background-color: #077cc5; }
.ui-menu.ui-menu-mode-horizontal.ui-menu-type-dark .ui-menu-submenu-ul .ui-menu-group-title {
color: #999; }
.ui-panel {
position: relative;
border: 1px solid #d7dde4;
border-radius: 4px;
background-color: #ffffff; }
.ui-panel:hover {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
.ui-panel .ui-panel-title {
padding: 0 20px;
color: #464c5b;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #e3e8ee; }
.ui-panel .ui-panel-title-button {
float: right;
display: block;
height: 40px;
line-height: 40px; }
.ui-panel .ui-panel-title-button > .ui-icon, .ui-panel .ui-select.ui-select-multiple .ui-panel-title-button > .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-panel .ui-panel-title-button > .ui-select-item.ui-select-item-selected::before {
width: 24px;
height: 24px;
line-height: 24px;
margin-top: 8px;
cursor: pointer; }
.ui-panel .ui-panel-title-button > .ui-icon:hover, .ui-panel .ui-select.ui-select-multiple .ui-panel-title-button > .ui-select-item.ui-select-item-selected:hover::before, .ui-select.ui-select-multiple .ui-panel .ui-panel-title-button > .ui-select-item.ui-select-item-selected:hover::before {
color: #ffffff;
background: #2db7f5;
border-radius: 4px; }
.ui-panel .ui-panel-title-button > .ui-icon + .ui-icon, .ui-panel .ui-select.ui-select-multiple .ui-panel-title-button > .ui-select-item.ui-select-item-selected::before + .ui-icon, .ui-select.ui-select-multiple .ui-panel .ui-panel-title-button > .ui-select-item.ui-select-item-selected::before + .ui-icon, .ui-panel .ui-select.ui-select-multiple .ui-panel-title-button > .ui-icon + .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-panel .ui-panel-title-button > .ui-icon + .ui-select-item.ui-select-item-selected::before, .ui-panel .ui-select.ui-select-multiple .ui-panel-title-button > .ui-select-item.ui-select-item-selected::before + .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-panel .ui-panel-title-button > .ui-select-item.ui-select-item-selected::before + .ui-select-item.ui-select-item-selected::before {
margin-left: 8px; }
.ui-panel .ui-panel-content {
position: relative;
padding: 8px 20px; }
.ui-panel .ui-icon + .ui-icon, .ui-panel .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before + .ui-icon, .ui-select.ui-select-multiple .ui-panel .ui-select-item.ui-select-item-selected::before + .ui-icon, .ui-panel .ui-select.ui-select-multiple .ui-icon + .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-panel .ui-icon + .ui-select-item.ui-select-item-selected::before, .ui-panel .ui-select.ui-select-multiple .ui-select-item.ui-select-item-selected::before + .ui-select-item.ui-select-item-selected::before, .ui-select.ui-select-multiple .ui-panel .ui-select-item.ui-select-item-selected::before + .ui-select-item.ui-select-item-selected::before {
margin-left: 8px; }
.ui-affix {
position: fixed;
z-index: 10; }
.ui-back-top-outer {
position: fixed;
z-index: 10;
right: 100px;
bottom: 50px;
height: 40px;
width: 40px;
cursor: pointer; }
.ui-back-top-outer .ui-back-top-inner {
display: -moz-box;
display: -ms-flexbox;
display: flex;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 40px;
width: 40px;
border-radius: 20px;
background-color: rgba(64, 64, 64, 0.2);
color: #fff;
text-align: center;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.ui-back-top-outer .ui-back-top-inner:hover {
background-color: rgba(64, 64, 64, 0.4);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.wb-dropdown {
position: relative;
display: inline-block; }
.wb-dropdown-slot {
width: 100%;
height: 100%; }
.wb-dropdown-menu {
position: absolute;
padding: 5px 0 !important;
margin: 0 !important;
z-index: 100;
left: 0;
top: calc(100% + 5px);
text-align: left;
border-radius: 4px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
background-color: #fff;
color: #657180;
list-style-type: none; }
.wb-dropdown-menu .wb-dropdown-menu-sub {
top: 1px;
left: 100%;
margin-left: 2px !important; }
.wb-dropdown-menu .wb-dropdown-menu-item {
position: relative;
padding: 8px 16px;
margin: 0 !important;
clear: both;
font-size: 12px;
font-weight: normal;
white-space: nowrap;
cursor: pointer;
list-style-type: none !important;
background-color: #fff;
transition: background 0.3s ease; }
.wb-dropdown-menu .wb-dropdown-menu-item:hover {
background-color: #f3f3f3; }
.wb-dropdown-menu .wb-dropdown-menu-item.wb-dropdown-menu-item-disabled, .wb-dropdown-menu .wb-dropdown-menu-item.wb-dropdown-menu-item-disabled:hover {
color: #c3cbd6;
cursor: not-allowed;
pointer-events: none; }
.wb-dropdown-menu .wb-dropdown-menu-item.wb-dropdown-menu-item-divider {
border-top: 1px solid #e9e9e9; }
.wb-dropdown-menu .wb-dropdown-menu-item.wb-dropdown-menu-item-swap::after {
position: absolute;
display: inline-block;
content: ">";
right: 7px;
color: rgba(0, 0, 0, 0.6);
font-size: 12px; }
.ui-process-circle {
display: inline-block;
position: relative; }
.ui-process-circle-inner {
position: absolute;
width: 100%;
left: 0;
top: 50%;
text-align: center;
line-height: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-ms-transform: translateY(-50%); }
.ui-contextmenu {
position: relative;
display: inline-block; }
.ui-contextmenu-slot {
width: 100%;
height: 100%; }
.ui-contextmenu-list {
position: absolute;
max-height: 200px;
margin: 5px 0;
padding: 5px 0;
overflow: auto;
background-color: #fff;
z-index: 900;
border-radius: 4px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); }
.ui-contextmenu-item {
margin: 0;
padding: 7px 16px;
color: #657180;
font-size: 12px !important;
line-height: normal;
white-space: nowrap;
list-style: none;
cursor: pointer;
clear: both;
transition: background .2s ease-in-out; }
.ui-contextmenu-item:hover {
background: #f3f3f3; }
.ui-split {
position: relative;
width: 100%;
height: 100%; }
.ui-split.ui-split-horizontal .ui-split-dash {
cursor: ew-resize; }
.ui-split.ui-split-vertical .ui-split-dash {
cursor: ns-resize; }
.ui-split-item {
position: absolute;
background: #fff; }
.ui-split-dash {
position: absolute;
background: transparent;
z-index: 2000; }
.ui-time-picker {
position: relative;
display: inline-block;
vertical-align: middle;
width: 100%;
height: 32px; }
.ui-time-picker > .ui-readonly-input {
width: 100%; }
.ui-time-picker .addon {
padding: 8px;
border-top: 1px solid #e3e8ee; }
.ui-time-picker-content {
display: -moz-box;
display: -ms-flexbox;
display: flex;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 5px;
outline: none; }
.ui-time-picker-content .picker-item {
display: -moz-box;
display: -ms-flexbox;
display: flex;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 192px;
padding-bottom: 160px;
border-right: 1px solid #e3e8ee;
overflow: hidden; }
.ui-time-picker-content .picker-item:last-child {
border-right: 0; }
.ui-time-picker-content .picker-item:hover {
overflow-y: auto; }
.ui-time-picker-content .picker-item .picker-item-child {
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 12px;
width: 100%;
min-width: 56px;
height: 32px;
line-height: 32px;
text-align: center;
cursor: pointer; }
.ui-time-picker-content .picker-item .picker-item-child.focus, .ui-time-picker-content .picker-item .picker-item-child:hover {
background-color: #f3f3f3; }
.ui-time-picker-content .picker-item .picker-item-child.disabled {
cursor: not-allowed;
color: #c3cbd6;
background: transparent; }
.ui-time-picker-content .picker-item .active {
font-weight: bold;
color: rgba(51, 153, 255, 0.9); }
.ui-time-picker-content .picker-item .active:hover {
color: rgba(51, 153, 255, 0.9); }
.ui-readonly-input {
position: relative;
display: inline-block;
font-size: 12px;
outline: none;
cursor: pointer; }
.ui-readonly-input-content {
font-variant: tabular-nums;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
list-style: none;
position: relative;
display: block;
padding: 0 35px 0 11px;
width: 100%;
height: 32px;
line-height: 30px;
text-overflow: ellipsis;
white-space: nowrap;
outline: none;
color: #657180;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 4px;
transition: all .2s ease-in-out;
overflow: hidden; }
.ui-readonly-input-content.placeholder {
color: #c3cbd6; }
.ui-readonly-input > .ui-icon, .ui-select.ui-select-multiple .ui-readonly-input > .ui-select-item.ui-select-item-selected::before {
position: absolute;
line-height: 1.5;
top: 16px;
right: 12px;
margin-top: -9px;
font-size: 14px;
color: #9ea7b4; }
.ui-readonly-input:hover .ui-readonly-input-content, .ui-readonly-input:focus .ui-readonly-input-content {
border-color: #5cadff; }
.ui-readonly-input:hover > .ui-icon, .ui-select.ui-select-multiple .ui-readonly-input:hover > .ui-select-item.ui-select-item-selected::before, .ui-readonly-input:focus > .ui-icon, .ui-select.ui-select-multiple .ui-readonly-input:focus > .ui-select-item.ui-select-item-selected::before {
color: #5cadff; }
.ui-readonly-input:focus .ui-readonly-input-content {
box-shadow: 0 0 0 3px rgba(51, 153, 255, 0.2); }
.ui-readonly-input.disabled {
cursor: not-allowed; }
.ui-readonly-input.disabled .ui-readonly-input-content {
background-color: #f3f3f3; }
.ui-readonly-input.disabled:hover .ui-readonly-input-content, .ui-readonly-input.disabled:focus .ui-readonly-input-content {
border-color: #d7dde4;
box-shadow: none; }
.ui-readonly-input.disabled:hover > .ui-icon, .ui-select.ui-select-multiple .ui-readonly-input.disabled:hover > .ui-select-item.ui-select-item-selected::before, .ui-readonly-input.disabled:focus > .ui-icon, .ui-select.ui-select-multiple .ui-readonly-input.disabled:focus > .ui-select-item.ui-select-item-selected::before {
color: #9ea7b4; }
.ui-picker-popup {
position: absolute;
transition: all 200ms ease;
opacity: 1;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
font-size: 12px;
background: #fff;
outline: 0;
border-radius: 3px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
z-index: 999; }
.ui-picker-popup:before, .ui-picker-popup:after {
content: '';
position: absolute;
display: block;
pointer-events: none;
border: solid transparent;
height: 0;
width: 0; }
.ui-picker-popup:before {
border-width: 5px;
margin: 0 -5px; }
.ui-picker-popup:after {
border-width: 4px;
margin: 0 -4px; }
.ui-picker-popup.bottomLeft {
left: 0; }
.ui-picker-popup.bottomLeft:after, .ui-picker-popup.bottomLeft:before {
left: 22px; }
.ui-picker-popup.bottomRight {
right: 0; }
.ui-picker-popup.bottomRight:after, .ui-picker-popup.bottomRight:before {
right: 22px; }
.ui-picker-popup.bottomLeft, .ui-picker-popup.bottomRight {
top: auto;
margin-top: 8px; }
.ui-picker-popup.bottomLeft:after, .ui-picker-popup.bottomLeft:before, .ui-picker-popup.bottomRight:after, .ui-picker-popup.bottomRight:before {
bottom: 100%; }
.ui-picker-popup.bottomLeft:before, .ui-picker-popup.bottomRight:before {
border-bottom-color: #eee; }
.ui-picker-popup.bottomLeft:after, .ui-picker-popup.bottomRight:after {
border-bottom-color: #fff; }
.ui-picker-popup.topLeft {
left: 0; }
.ui-picker-popup.topLeft:after, .ui-picker-popup.topLeft:before {
left: 22px; }
.ui-picker-popup.topRight {
right: 0; }
.ui-picker-popup.topRight:after, .ui-picker-popup.topRight:before {
right: 22px; }
.ui-picker-popup.topLeft, .ui-picker-popup.topRight {
bottom: 100%;
margin-bottom: 8px; }
.ui-picker-popup.topLeft:after, .ui-picker-popup.topLeft:before, .ui-picker-popup.topRight:after, .ui-picker-popup.topRight:before {
top: 100%; }
.ui-picker-popup.topLeft:before, .ui-picker-popup.topRight:before {
border-top-color: #eee; }
.ui-picker-popup.topLeft:after, .ui-picker-popup.topRight:after {
border-top-color: #fff; }
.ui-collapse.bordered {
border: 1px solid #e3e8ee;
border-radius: 4px; }
.ui-collapse.bordered .ui-collapse-panel-title {
padding-left: 12px;
background-color: #f7f7f7; }
.ui-collapse.bordered .ui-collapse-panel-content {
padding: 4px 0 12px 12px; }
.ui-collapse.bordered .ui-collapse-panel-content.left-icon {
padding-left: 32px; }
.ui-collapse-panel {
border-bottom: 1px solid #e3e8ee; }
.ui-collapse-panel-title {
display: -moz-box;
display: -ms-flexbox;
display: flex;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 46px;
color: #464c5b;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer; }
.ui-collapse-panel-title > .ui-icon, .ui-select.ui-select-multiple .ui-collapse-panel-title > .ui-select-item.ui-select-item-selected::before {
color: #464c5b;
font-size: 12px;
margin-right: 12px;
transition: -webkit-transform 0.24s;
transition: transform 0.24s;
transition: transform 0.24s, -webkit-transform 0.24s; }
.ui-collapse-panel-title > .ui-icon.active, .ui-select.ui-select-multiple .ui-collapse-panel-title > .active.ui-select-item.ui-select-item-selected::before {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.ui-collapse-panel-title.disabled {
color: #c3cbd6;
cursor: not-allowed; }
.ui-collapse-panel-title.disabled > .ui-icon, .ui-select.ui-select-multiple .ui-collapse-panel-title.disabled > .ui-select-item.ui-select-item-selected::before {
color: #c3cbd6; }
.ui-collapse-panel-title.left-icon {
padding-left: 12px;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.ui-collapse-panel-content {
padding-bottom: 12px; }
.ui-collapse-panel-content.left-icon {
padding-left: 32px; }