/* icon-picture color */
.icon-picture {
color: #C8384D;
}
/* icon-inc-size color */
.icon-inc-size {
color: #4FA89F;
}
/* icon-dec-size color */
.icon-dec-size {
color: #4FA89F;
}
/* icon-italic color */
.icon-italic {
color: #BD5D67;
}
/* icon-flow color */
.icon-flow {
color: #24d1ae;
}
/* icon-seal color */
.icon-seal {
color: #5B9C97;
}
/* icon-approval color */
.icon-approval {
color: #F775A3;
}
/* icon-python color */
.icon-python {
color: #E9CD4D;
}
/* icon-r color */
.icon-r {
color: #34E889;
}
/* icon-left2 color */
.icon-left2 {
color: #1bc246;
}
/* icon-up2 color */
.icon-up2 {
color: #1bc246;
}
/* icon-right2 color */
.icon-right2 {
color: #1bc246;
}
/* icon-down2 color */
.icon-down2 {
color: #1bc246;
}
/* icon-check5 color */
.icon-check5 {
color: #cac730;
}
/* icon-check6 color */
.icon-check6 {
color: #cac730;
}
/* icon-check12 color */
.icon-check12 {
color: #cac730;
}
/* icon-check7 color */
.icon-check7 {
color: #cac730;
}
/* icon-check4 color */
.icon-check4 {
color: #cac730;
}
/* icon-warn1 color */
.icon-warn1 {
color: #fcddae;
}
/* icon-info1 color */
.icon-info1 {
color: #48a1dc;
}
/* icon-padding color */
.icon-padding {
color: #6B99A7;
}
/* icon-icon-list color */
.icon-icon-list {
color: #f26c1d;
}
/* icon-switcher-off color */
.icon-switcher-off {
color: #958b4f;
}
/* icon-switcher-on color */
.icon-switcher-on {
color: #958b4f;
}
/* icon-up-down color */
.icon-up-down {
color: #F85ACD;
}
/* icon-drawer color */
.icon-drawer {
color: #ffc800;
}
/* icon-dialog color */
.icon-dialog {
color: #8f1cff;
}
/* icon-progress color */
.icon-progress {
color: #AD7B44;
}
/* icon-dispatch color */
.icon-dispatch {
color: #8A478F;
}
/* icon-box-label color */
.icon-box-label {
color: #2f9415;
}
/* icon-line color */
.icon-line {
color: #37E534;
}
/* icon-replace color */
.icon-replace {
color: #b86244;
}
/* icon-tree1 color */
.icon-tree1 {
color: #A365B3;
}
/* icon-month color */
.icon-month {
color: #D768D9;
}
/* icon-slots color */
.icon-slots {
color: #D3376F;
}
/* icon-function color */
.icon-function {
color: #949c14;
}
/* icon-space color */
.icon-space {
color: #E7A6FD;
}
/* icon-title color */
.icon-title {
color: #b8870d;
}
/* icon-dt-picker color */
.icon-dt-picker {
color: #d6a017;
}
/* icon-picker color */
.icon-picker {
color: #555ad4;
}
/* icon-trigger color */
.icon-trigger {
color: #48CE7D;
}
/* icon-split color */
.icon-split {
color: #A999EF;
}
/* icon-gif color */
.icon-gif {
color: #b8973e;
}
/* icon-mp4 color */
.icon-mp4 {
color: #a6423f;
}
/* icon-mp3 color */
.icon-mp3 {
color: #bd5e5b;
}
/* icon-checks color */
.icon-checks {
color: #737106;
}
/* icon-radios color */
.icon-radios {
color: #ec6131;
}
/* icon-divider color */
.icon-divider {
color: #748a81;
}
/* icon-splitter color */
.icon-splitter {
color: #34C9EF;
}
/* icon-card color */
.icon-card {
color: #167994;
}
/* icon-breakpoint color */
.icon-breakpoint {
color: #B3875F;
}
/* icon-mjs color */
.icon-mjs {
color: #1be72b;
}
/* icon-cancel color */
.icon-cancel {
color: #c473a7;
}
/* icon-ok color */
.icon-ok {
color: #2cce74;
}
/* icon-right5 color */
.icon-right5 {
color: #1bc246;
}
/* icon-left5 color */
.icon-left5 {
color: #1bc246;
}
/* icon-property color */
.icon-property {
color: #282e94;
}
/* icon-detail color */
.icon-detail {
color: #963346;
}
/* icon-object color */
.icon-object {
color: #c8ac20;
}
/* icon-array color */
.icon-array {
color: #14c97f;
}
/* icon-owned color */
.icon-owned {
color: #e03e2f;
}
/* icon-done color */
.icon-done {
color: #A86B55;
}
/* icon-header color */
.icon-header {
color: #A54FCD;
}
/* icon-items color */
.icon-items {
color: #B46B54;
}
/* icon-file-txt color */
.icon-file-txt {
color: #67d66b;
}
/* icon-item color */
.icon-item {
color: #7c87ff;
}
/* icon-menu2 color */
.icon-menu2 {
color: #888a3d;
}
/* icon-file-fill color */
.icon-file-fill {
color: #4abe53;
}
/* icon-search-file color */
.icon-search-file {
color: #aeb030;
}
/* icon-row-after color */
.icon-row-after {
color: #19be6b;
}
/* icon-row-before color */
.icon-row-before {
color: #19be6b;
}
/* icon-column-after color */
.icon-column-after {
color: #19be6b;
}
/* icon-column-before color */
.icon-column-before {
color: #19be6b;
}
/* icon-disk color */
.icon-disk {
color: #07446e;
}
/* icon-layout color */
.icon-layout {
color: #40a36d;
}
/* icon-console color */
.icon-console {
color: #90ba3e;
}
/* icon-textarea color */
.icon-textarea {
color: #de5612;
}
/* icon-container color */
.icon-container {
color: #9db85d;
}
/* icon-label1 color */
.icon-label1 {
color: #c21b7d;
}
/* icon-label color */
.icon-label {
color: #949600;
}
/* icon-component color */
.icon-component {
color: #ad978d;
}
/* icon-panel color */
.icon-panel {
color: #54766d;
}
/* icon-grid color */
.icon-grid {
color: #44cd4e;
}
/* icon-succ color */
.icon-succ {
color: #19be6b;
}
/* icon-null color */
.icon-null {
color: #000000;
}
/* icon-compile color */
.icon-compile {
color: #a38e07;
}
/* icon-resume color */
.icon-resume {
color: #2f4ee8;
}
/* icon-bug-fill color */
.icon-bug-fill {
color: #e62943;
}
/* icon-bug color */
.icon-bug {
color: #48c4a1;
}
/* icon-module color */
.icon-module {
color: #8b962f;
}
/* icon-asterisk color */
.icon-asterisk {
color: #4f87a5;
}
/* icon-minus color */
.icon-minus {
color: #d79764;
}
/* icon-share3 color */
.icon-share3 {
color: #a1963f;
}
/* icon-check11 color */
.icon-check11 {
color: #cac730;
}
/* icon-check10 color */
.icon-check10 {
color: #cac730;
}
/* icon-dot color */
.icon-dot {
color: #2ad1b3;
}
/* icon-book1 color */
.icon-book1 {
color: #b15d1a;
}
/* icon-example color */
.icon-example {
color: #ad559c;
}
/* icon-import color */
.icon-import {
color: #24ac34;
}
/* icon-position color */
.icon-position {
color: #d557fc;
}
/* icon-archive color */
.icon-archive {
color: #a32c00;
}
/* icon-flow1 color */
.icon-flow1 {
color: #f86bf5;
}
/* icon-briefcase color */
.icon-briefcase {
color: #878116;
}
/* icon-script color */
.icon-script {
color: #c8b531;
}
/* icon-diamond color */
.icon-diamond {
color: #3f55b8;
}
/* icon-loading1 color */
.icon-loading1 {
color: #489658;
}
/* icon-loading3 color */
.icon-loading3 {
color: #999326;
}
/* icon-cluster color */
.icon-cluster {
color: #9388fd;
}
/* icon-loading4 color */
.icon-loading4 {
color: #888888;
}
/* icon-server color */
.icon-server {
color: #aaa747;
}
/* icon-loading color */
.icon-loading {
color: #2c768f;
}
/* icon-tab color */
.icon-tab {
color: #a8ad1c;
}
/* icon-loading2 color */
.icon-loading2 {
color: #298db3;
}
/* icon-fit-width color */
.icon-fit-width {
color: #29cc9f;
}
/* icon-flag color */
.icon-flag {
color: #4a63bf;
}
/* icon-fit-height color */
.icon-fit-height {
color: #98a10d;
}
/* icon-flag1 color */
.icon-flag1 {
color: #b8883b;
}
/* icon-support color */
.icon-support {
color: #9aa3c8;
}
/* icon-flag2 color */
.icon-flag2 {
color: #77b563;
}
/* icon-tree-view color */
.icon-tree-view {
color: #a4a642;
}
/* icon-fire color */
.icon-fire {
color: #97d367;
}
/* icon-toolbar color */
.icon-toolbar {
color: #a2b54e;
}
/* icon-full-screen color */
.icon-full-screen {
color: #bb7375;
}
/* icon-total color */
.icon-total {
color: #9c8b2a;
}
/* icon-game color */
.icon-game {
color: #4bbd84;
}
/* icon-total1 color */
.icon-total1 {
color: #3a849d;
}
/* icon-accessory color */
.icon-accessory {
color: #930deb;
}
/* icon-form color */
.icon-form {
color: #d0b345;
}
/* icon-align-center color */
.icon-align-center {
color: #04b346;
}
/* icon-window color */
.icon-window {
color: #31b583;
}
/* icon-align-left color */
.icon-align-left {
color: #04b346;
}
/* icon-viewport color */
.icon-viewport {
color: #6cb04f;
}
/* icon-align-right color */
.icon-align-right {
color: #04b346;
}
/* icon-align-justify color */
.icon-align-justify {
color: #04b346;
}
/* icon-baby color */
.icon-baby {
color: #de973d;
}
/* icon-bar-code color */
.icon-bar-code {
color: #8bab32;
}
/* icon-qrcode color */
.icon-qrcode {
color: #37a648;
}
/* icon-paypal color */
.icon-paypal {
color: #cca545;
}
/* icon-order-list color */
.icon-order-list {
color: #a9795f;
}
/* icon-battery1 color */
.icon-battery1 {
color: #bf3e36;
}
/* icon-battery2 color */
.icon-battery2 {
color: #b572b5;
}
/* icon-battery3 color */
.icon-battery3 {
color: #39d0c2;
}
/* icon-battery4 color */
.icon-battery4 {
color: #79c7e6;
}
/* icon-battery5 color */
.icon-battery5 {
color: #a43637;
}
/* icon-battery-charging color */
.icon-battery-charging {
color: #35a9ff;
}
/* icon-bell color */
.icon-bell {
color: #4bd6b2;
}
/* icon-bell-off color */
.icon-bell-off {
color: #8d3953;
}
/* icon-birthday-cake color */
.icon-birthday-cake {
color: #a37331;
}
/* icon-bluetooth color */
.icon-bluetooth {
color: #64568e;
}
/* icon-bluetooth1 color */
.icon-bluetooth1 {
color: #598a13;
}
/* icon-brush color */
.icon-brush {
color: #59ac8c;
}
/* icon-bomb color */
.icon-bomb {
color: #c39a69;
}
/* icon-bus color */
.icon-bus {
color: #c64ded;
}
/* icon-bulb color */
.icon-bulb {
color: #3bb763;
}
/* icon-audio color */
.icon-audio {
color: #bb4f53;
}
/* icon-audio-off color */
.icon-audio-off {
color: #2656c7;
}
/* icon-video color */
.icon-video {
color: #b58d38;
}
/* icon-video-off color */
.icon-video-off {
color: #8cb85e;
}
/* icon-cart color */
.icon-cart {
color: #5e8500;
}
/* icon-taxi color */
.icon-taxi {
color: #6b88ff;
}
/* icon-car color */
.icon-car {
color: #2ab045;
}
/* icon-check2 color */
.icon-check2 {
color: #cac730;
}
/* icon-check3 color */
.icon-check3 {
color: #cac730;
}
/* icon-security color */
.icon-security {
color: #88e448;
}
/* icon-heart1 color */
.icon-heart1 {
color: #e6356d;
}
/* icon-heart color */
.icon-heart {
color: #46b347;
}
/* icon-home color */
.icon-home {
color: #4ee089;
}
/* icon-qq color */
.icon-qq {
color: #c42d1a;
}
/* icon-check8 color */
.icon-check8 {
color: #918f1c;
}
/* icon-moment color */
.icon-moment {
color: #8daef9;
}
/* icon-check9 color */
.icon-check9 {
color: #cac730;
}
/* icon-address color */
.icon-address {
color: #2857b1;
}
/* icon-check1 color */
.icon-check1 {
color: #adab31;
}
/* icon-trash color */
.icon-trash {
color: #cc55ad;
}
/* icon-alipay color */
.icon-alipay {
color: #1677ff;
}
/* icon-check color */
.icon-check {
color: #8a8830;
}
/* icon-wechat color */
.icon-wechat {
color: #64f21d;
}
/* icon-champion color */
.icon-champion {
color: #8ab54c;
}
/* icon-movie color */
.icon-movie {
color: #4d779e;
}
/* icon-close color */
.icon-close {
color: #ce241f;
}
/* icon-discovery color */
.icon-discovery {
color: #47636d;
}
/* icon-exit color */
.icon-exit {
color: #437c53;
}
/* icon-ellipsis color */
.icon-ellipsis {
color: #4c9da5;
}
/* icon-win-min color */
.icon-win-min {
color: #ddbf36;
}
/* icon-gear color */
.icon-gear {
color: #75c404;
}
/* icon-win-restore color */
.icon-win-restore {
color: #48c287;
}
/* icon-calendar color */
.icon-calendar {
color: #42ba34;
}
/* icon-win-max color */
.icon-win-max {
color: #6c95e8;
}
/* icon-play color */
.icon-play {
color: #6ac94b;
}
/* icon-ellipsis1 color */
.icon-ellipsis1 {
color: #e58fc9;
}
/* icon-run color */
.icon-run {
color: #7ea46f;
}
/* icon-command color */
.icon-command {
color: #d8648a;
}
/* icon-download color */
.icon-download {
color: #e4a37e;
}
/* icon-comment1 color */
.icon-comment1 {
color: #d5b893;
}
/* icon-upload color */
.icon-upload {
color: #8b7ebf;
}
/* icon-comment2 color */
.icon-comment2 {
color: #27c0c2;
}
/* icon-favorite color */
.icon-favorite {
color: #b0aa53;
}
/* icon-comment3 color */
.icon-comment3 {
color: #feacfe;
}
/* icon-favorite1 color */
.icon-favorite1 {
color: #ada73e;
}
/* icon-compass color */
.icon-compass {
color: #3f64ee;
}
/* icon-left1 color */
.icon-left1 {
color: #1bc246;
}
/* icon-down1 color */
.icon-down1 {
color: #1bc246;
}
/* icon-cpu color */
.icon-cpu {
color: #4fbd6b;
}
/* icon-up1 color */
.icon-up1 {
color: #1bc246;
}
/* icon-cube color */
.icon-cube {
color: #3cc03d;
}
/* icon-right1 color */
.icon-right1 {
color: #1bc246;
}
/* icon-cubes color */
.icon-cubes {
color: #da4a4a;
}
/* icon-keyboard color */
.icon-keyboard {
color: #9464be;
}
/* icon-mouse color */
.icon-mouse {
color: #458b3c;
}
/* icon-hammer color */
.icon-hammer {
color: #5ed43e;
}
/* icon-right3 color */
.icon-right3 {
color: #1bc246;
}
/* icon-flag3 color */
.icon-flag3 {
color: #94839c;
}
/* icon-up3 color */
.icon-up3 {
color: #1bc246;
}
/* icon-flag4 color */
.icon-flag4 {
color: #45c768;
}
/* icon-left3 color */
.icon-left3 {
color: #1bc246;
}
/* icon-flag5 color */
.icon-flag5 {
color: #ef6839;
}
/* icon-down3 color */
.icon-down3 {
color: #1bc246;
}
/* icon-flag6 color */
.icon-flag6 {
color: #b356ed;
}
/* icon-cut color */
.icon-cut {
color: #e48cb6;
}
/* icon-fork color */
.icon-fork {
color: #3bad51;
}
/* icon-copy color */
.icon-copy {
color: #7ebf54;
}
/* icon-bag color */
.icon-bag {
color: #4646c7;
}
/* icon-paste color */
.icon-paste {
color: #b7a685;
}
/* icon-handshake color */
.icon-handshake {
color: #1e7bb0;
}
/* icon-undo color */
.icon-undo {
color: #36c971;
}
/* icon-headphone color */
.icon-headphone {
color: #53a436;
}
/* icon-redo color */
.icon-redo {
color: #af4fc2;
}
/* icon-id-card color */
.icon-id-card {
color: #4fdcf7;
}
/* icon-delete4 color */
.icon-delete4 {
color: #d75a4a;
}
/* icon-key color */
.icon-key {
color: #0d8344;
}
/* icon-delete3 color */
.icon-delete3 {
color: #d75a4a;
}
/* icon-location color */
.icon-location {
color: #38a686;
}
/* icon-delete2 color */
.icon-delete2 {
color: #d75a4a;
}
/* icon-magnet color */
.icon-magnet {
color: #b699dd;
}
/* icon-delete1 color */
.icon-delete1 {
color: #d75a4a;
}
/* icon-loop color */
.icon-loop {
color: #a33b5f;
}
/* icon-stop1 color */
.icon-stop1 {
color: #87b79e;
}
/* icon-mark color */
.icon-mark {
color: #767d3c;
}
/* icon-pause1 color */
.icon-pause1 {
color: #ec7373;
}
/* icon-map color */
.icon-map {
color: #917e3f;
}
/* icon-play1 color */
.icon-play1 {
color: #9c386e;
}
/* icon-music color */
.icon-music {
color: #7a4b58;
}
/* icon-refresh color */
.icon-refresh {
color: #55938d;
}
/* icon-sad color */
.icon-sad {
color: #a39b22;
}
/* icon-happy color */
.icon-happy {
color: #a53bc3;
}
/* icon-weibo color */
.icon-weibo {
color: #fa2a0a;
}
/* icon-find color */
.icon-find {
color: #f83338;
}
/* icon-github color */
.icon-github {
color: #b5cb4c;
}
/* icon-share color */
.icon-share {
color: #6eb856;
}
/* icon-facebook color */
.icon-facebook {
color: #d4ad55;
}
/* icon-share1 color */
.icon-share1 {
color: #3876e4;
}
/* icon-twitter color */
.icon-twitter {
color: #4badf7;
}
/* icon-tag color */
.icon-tag {
color: #87b2a7;
}
/* icon-qq-zone color */
.icon-qq-zone {
color: #969544;
}
/* icon-temp1 color */
.icon-temp1 {
color: #1fb571;
}
/* icon-linked-in color */
.icon-linked-in {
color: #99930b;
}
/* icon-temp2 color */
.icon-temp2 {
color: #8e45cc;
}
/* icon-address-book color */
.icon-address-book {
color: #cf4700;
}
/* icon-temp3 color */
.icon-temp3 {
color: #ef7798;
}
/* icon-message color */
.icon-message {
color: #93958d;
}
/* icon-temp4 color */
.icon-temp4 {
color: #8b9ec8;
}
/* icon-role color */
.icon-role {
color: #e947fe;
}
/* icon-temp5 color */
.icon-temp5 {
color: #ea6354;
}
/* icon-dept color */
.icon-dept {
color: #4f3b96;
}
/* icon-umbrella color */
.icon-umbrella {
color: #837bbd;
}
/* icon-task color */
.icon-task {
color: #887a73;
}
/* icon-update color */
.icon-update {
color: #3a985f;
}
/* icon-folder-open color */
.icon-folder-open {
color: #ccbf7d;
}
/* icon-user color */
.icon-user {
color: #9e4a9b;
}
/* icon-folder color */
.icon-folder {
color: #ccbf7d;
}
/* icon-user1 color */
.icon-user1 {
color: #6de378;
}
/* icon-folder1-open color */
.icon-folder1-open {
color: #ccbf7d;
}
/* icon-user2 color */
.icon-user2 {
color: #68a365;
}
/* icon-folder1 color */
.icon-folder1 {
color: #ccbf7d;
}
/* icon-user3 color */
.icon-user3 {
color: #0b9ae0;
}
/* icon-windows color */
.icon-windows {
color: #9fba25;
}
/* icon-users color */
.icon-users {
color: #0cb319;
}
/* icon-linux color */
.icon-linux {
color: #e64d07;
}
/* icon-users1 color */
.icon-users1 {
color: #e75f78;
}
/* icon-apple color */
.icon-apple {
color: #c24e38;
}
/* icon-plane color */
.icon-plane {
color: #35b6cc;
}
/* icon-store color */
.icon-store {
color: #995454;
}
/* icon-move color */
.icon-move {
color: #eda388;
}
/* icon-menu1 color */
.icon-menu1 {
color: #3bad99;
}
/* icon-list color */
.icon-list {
color: #35b86f;
}
/* icon-thumb color */
.icon-thumb {
color: #93529c;
}
/* icon-list1 color */
.icon-list1 {
color: #6ca4c8;
}
/* icon-thumb1 color */
.icon-thumb1 {
color: #8cb9b3;
}
/* icon-codepen color */
.icon-codepen {
color: #b18606;
}
/* icon-thumb2 color */
.icon-thumb2 {
color: #69d337;
}
/* icon-wrench1 color */
.icon-wrench1 {
color: #8e9e36;
}
/* icon-thumb3 color */
.icon-thumb3 {
color: #694749;
}
/* icon-suitcase color */
.icon-suitcase {
color: #b0429d;
}
/* icon-money color */
.icon-money {
color: #9c892f;
}
/* icon-help color */
.icon-help {
color: #5ea632;
}
/* icon-bicycle color */
.icon-bicycle {
color: #9a884b;
}
/* icon-help1 color */
.icon-help1 {
color: #48a1dc;
}
/* icon-java color */
.icon-java {
color: #565909;
}
/* icon-help2 color */
.icon-help2 {
color: #cac246;
}
/* icon-file-sql color */
.icon-file-sql {
color: #2b4e0e;
}
/* icon-up4 color */
.icon-up4 {
color: #1bc246;
}
/* icon-file-png color */
.icon-file-png {
color: #a97bbf;
}
/* icon-left4 color */
.icon-left4 {
color: #1bc246;
}
/* icon-file-json color */
.icon-file-json {
color: #1c99a6;
}
/* icon-down4 color */
.icon-down4 {
color: #1bc246;
}
/* icon-file-jpg color */
.icon-file-jpg {
color: #5bd079;
}
/* icon-right4 color */
.icon-right4 {
color: #1bc246;
}
/* icon-file-js color */
.icon-file-js {
color: #cc748b;
}
/* icon-up color */
.icon-up {
color: #1bc246;
}
/* icon-file-java color */
.icon-file-java {
color: #6ba3bc;
}
/* icon-down color */
.icon-down {
color: #1bc246;
}
/* icon-file-html color */
.icon-file-html {
color: #e34dc0;
}
/* icon-left color */
.icon-left {
color: #1bc246;
}
/* icon-file-css color */
.icon-file-css {
color: #5a7012;
}
/* icon-right color */
.icon-right {
color: #1bc246;
}
/* icon-file-xml color */
.icon-file-xml {
color: #6087bd;
}
/* icon-end color */
.icon-end {
color: #1bc246;
}
/* icon-click color */
.icon-click {
color: #20a3a8;
}
/* icon-begin color */
.icon-begin {
color: #1bc246;
}
/* icon-footprint color */
.icon-footprint {
color: #cb9da6;
}
/* icon-bottom color */
.icon-bottom {
color: #bd60b0;
}
/* icon-top color */
.icon-top {
color: #8f9a63;
}
/* icon-lantern color */
.icon-lantern {
color: #ab9a48;
}
/* icon-database color */
.icon-database {
color: #7eb06b;
}
/* icon-leaf color */
.icon-leaf {
color: #bc7995;
}
/* icon-time color */
.icon-time {
color: #e65998;
}
/* icon-library color */
.icon-library {
color: #46e8a4;
}
/* icon-schedule color */
.icon-schedule {
color: #819412;
}
/* icon-pin color */
.icon-pin {
color: #33d637;
}
/* icon-log color */
.icon-log {
color: #fe3e39;
}
/* icon-order color */
.icon-order {
color: #fa6a7d;
}
/* icon-add color */
.icon-add {
color: #00b55a;
}
/* icon-phone color */
.icon-phone {
color: #c9993c;
}
/* icon-add1 color */
.icon-add1 {
color: #02b85c;
}
/* icon-broadcast color */
.icon-broadcast {
color: #fd4ae5;
}
/* icon-add2 color */
.icon-add2 {
color: #19be6b;
}
/* icon-stack-overflow color */
.icon-stack-overflow {
color: #766668;
}
/* icon-flower1 color */
.icon-flower1 {
color: #6579fb;
}
/* icon-flower color */
.icon-flower {
color: #e383ce;
}
/* icon-search color */
.icon-search {
color: #a4a621;
}
/* icon-rocket color */
.icon-rocket {
color: #7d52b3;
}
/* icon-zoomin color */
.icon-zoomin {
color: #49975d;
}
/* icon-slidebar color */
.icon-slidebar {
color: #695ecd;
}
/* icon-zoomout color */
.icon-zoomout {
color: #6ea82f;
}
/* icon-sofa color */
.icon-sofa {
color: #15a14a;
}
/* icon-save color */
.icon-save {
color: #d08865;
}
/* icon-tree color */
.icon-tree {
color: #98dd56;
}
/* icon-save-all color */
.icon-save-all {
color: #d08865;
}
/* icon-train color */
.icon-train {
color: #ea5b3f;
}
/* icon-sms color */
.icon-sms {
color: #b53dac;
}
/* icon-tv color */
.icon-tv {
color: #4cb65e;
}
/* icon-mail color */
.icon-mail {
color: #b3498b;
}
/* icon-visa color */
.icon-visa {
color: #00bfa5;
}
/* icon-mobile color */
.icon-mobile {
color: #3FB5D8;
}
/* icon-wind color */
.icon-wind {
color: #f86455;
}
/* icon-pad color */
.icon-pad {
color: #c79156;
}
/* icon-whatsapp color */
.icon-whatsapp {
color: #d555e9;
}
/* icon-mobile-phone color */
.icon-mobile-phone {
color: #81964a;
}
/* icon-eye-close1 color */
.icon-eye-close1 {
color: #35d3f5;
}
/* icon-earth color */
.icon-earth {
color: #83c583;
}
/* icon-eye-close color */
.icon-eye-close {
color: #3bbf26;
}
/* icon-chrome color */
.icon-chrome {
color: #ca1b2b;
}
/* icon-eye color */
.icon-eye {
color: #9d759e;
}
/* icon-edge color */
.icon-edge {
color: #7284ff;
}
/* icon-signal color */
.icon-signal {
color: #9ca836;
}
/* icon-firefox color */
.icon-firefox {
color: #f26b11;
}
/* icon-signal1 color */
.icon-signal1 {
color: #43bc44;
}
/* icon-safari color */
.icon-safari {
color: #8eaddc;
}
/* icon-signal2 color */
.icon-signal2 {
color: #8fc3a6;
}
/* icon-excel color */
.icon-excel {
color: #21a366;
}
/* icon-signal3 color */
.icon-signal3 {
color: #568dee;
}
/* icon-word color */
.icon-word {
color: #2459a6;
}
/* icon-adjust color */
.icon-adjust {
color: #4bce85;
}
/* icon-ppt color */
.icon-ppt {
color: #d35230;
}
/* icon-menu color */
.icon-menu {
color: #4cc26b;
}
/* icon-pdf color */
.icon-pdf {
color: #b30b00;
}
/* icon-indent color */
.icon-indent {
color: #dc78fc;
}
/* icon-image color */
.icon-image {
color: #5594ad;
}
/* icon-outdent color */
.icon-outdent {
color: #8b48fd;
}
/* icon-txt color */
.icon-txt {
color: #1b7ca1;
}
/* icon-pencil color */
.icon-pencil {
color: #6bb03c;
}
/* icon-zip color */
.icon-zip {
color: #a17d1a;
}
/* icon-pause color */
.icon-pause {
color: #ec7373;
}
/* icon-woman color */
.icon-woman {
color: #ae6181;
}
/* icon-stop color */
.icon-stop {
color: #e673a9;
}
/* icon-man color */
.icon-man {
color: #999539;
}
/* icon-expand color */
.icon-expand {
color: #cd4bc5;
}
/* icon-print color */
.icon-print {
color: #3770ab;
}
/* icon-compress color */
.icon-compress {
color: #a4d38e;
}
/* icon-preview color */
.icon-preview {
color: #994f0e;
}
/* icon-share2 color */
.icon-share2 {
color: #c476a8;
}
/* icon-desktop color */
.icon-desktop {
color: #11d81b;
}
/* icon-gift color */
.icon-gift {
color: #fa8b91;
}
/* icon-save-as color */
.icon-save-as {
color: #b06d34;
}
/* icon-random color */
.icon-random {
color: #954544;
}
/* icon-laptop color */
.icon-laptop {
color: #b86daa;
}
/* icon-retweet color */
.icon-retweet {
color: #8e6cb7;
}
/* icon-cloud color */
.icon-cloud {
color: #88673b;
}
/* icon-camera color */
.icon-camera {
color: #6b97dc;
}
/* icon-html5 color */
.icon-html5 {
color: #d42853;
}
/* icon-hand-left color */
.icon-hand-left {
color: #f26fdd;
}
/* icon-power color */
.icon-power {
color: #e43a3a;
}
/* icon-hand-right color */
.icon-hand-right {
color: #c8979f;
}
/* icon-on color */
.icon-on {
color: #399f84;
}
/* icon-hand-up color */
.icon-hand-up {
color: #5b6cb0;
}
/* icon-off color */
.icon-off {
color: #8c6c38;
}
/* icon-hand-down color */
.icon-hand-down {
color: #6ecd4e;
}
/* icon-logo color */
.icon-logo {
color: #7b874c;
}
/* icon-external-link color */
.icon-external-link {
color: #33e050;
}
/* icon-options color */
.icon-options {
color: #3cb1cf;
}
/* icon-hdd color */
.icon-hdd {
color: #f99b3b;
}
/* icon-options1 color */
.icon-options1 {
color: #fea5cd;
}
/* icon-users2 color */
.icon-users2 {
color: #88ba66;
}
/* icon-wifi1 color */
.icon-wifi1 {
color: #37cc66;
}
/* icon-filter color */
.icon-filter {
color: #487a96;
}
/* icon-wifi2 color */
.icon-wifi2 {
color: #cf754e;
}
/* icon-flask color */
.icon-flask {
color: #49bfea;
}
/* icon-wifi3 color */
.icon-wifi3 {
color: #b2ba84;
}
/* icon-list2 color */
.icon-list2 {
color: #a7d747;
}
/* icon-volume1 color */
.icon-volume1 {
color: #9ca12b;
}
/* icon-strikethrough color */
.icon-strikethrough {
color: #b32ff0;
}
/* icon-volume2 color */
.icon-volume2 {
color: #daaf69;
}
/* icon-underline color */
.icon-underline {
color: #c86f33;
}
/* icon-volume3 color */
.icon-volume3 {
color: #96b33d;
}
/* icon-bold color */
.icon-bold {
color: #9c798a;
}
/* icon-volume-mute color */
.icon-volume-mute {
color: #eb74b3;
}
/* icon-arrows-h color */
.icon-arrows-h {
color: #5125c2;
}
/* icon-volume-down color */
.icon-volume-down {
color: #339648;
}
/* icon-arrows-v color */
.icon-arrows-v {
color: #839109;
}
/* icon-volume-up color */
.icon-volume-up {
color: #973ffe;
}
/* icon-geejing color */
.icon-geejing {
color: #1296db;
}
/* icon-volume-off color */
.icon-volume-off {
color: #b0a345;
}
/* icon-bed color */
.icon-bed {
color: #de6f9c;
}
/* icon-alarm color */
.icon-alarm {
color: #cf54a6;
}
/* icon-building color */
.icon-building {
color: #f564c9;
}
/* icon-android color */
.icon-android {
color: #7aba0d;
}
/* icon-bolt color */
.icon-bolt {
color: #13ab20;
}
/* icon-chart-area color */
.icon-chart-area {
color: #2aa2b8;
}
/* icon-motorcycle color */
.icon-motorcycle {
color: #43a39b;
}
/* icon-chart-bar color */
.icon-chart-bar {
color: #97c3cb;
}
/* icon-plug color */
.icon-plug {
color: #a97ee4;
}
/* icon-chart-line color */
.icon-chart-line {
color: #64f53f;
}
/* icon-openid color */
.icon-openid {
color: #95cc93;
}
/* icon-chart-pie color */
.icon-chart-pie {
color: #a39e4b;
}
/* icon-leaf1 color */
.icon-leaf1 {
color: #bc6589;
}
/* icon-register color */
.icon-register {
color: #21a689;
}
/* icon-paper-plane color */
.icon-paper-plane {
color: #3ae04c;
}
/* icon-unlock color */
.icon-unlock {
color: #3bad5a;
}
/* icon-recycle color */
.icon-recycle {
color: #9f846c;
}
/* icon-lock color */
.icon-lock {
color: #4c8f5e;
}
/* icon-login color */
.icon-login {
color: #24ac34;
}
/* icon-sunny color */
.icon-sunny {
color: #d88f47;
}
/* icon-logout color */
.icon-logout {
color: #c35575;
}
/* icon-overcast color */
.icon-overcast {
color: #75a98e;
}
/* icon-sort1 color */
.icon-sort1 {
color: #957ed6;
}
/* icon-cloudy color */
.icon-cloudy {
color: #cb5868;
}
/* icon-sort2 color */
.icon-sort2 {
color: #957ed6;
}
/* icon-rainy1 color */
.icon-rainy1 {
color: #bf5d50;
}
/* icon-sort3 color */
.icon-sort3 {
color: #bd3d8c;
}
/* icon-rainy2 color */
.icon-rainy2 {
color: #43b9fe;
}
/* icon-sort4 color */
.icon-sort4 {
color: #bd3d8c;
}
/* icon-rainy3 color */
.icon-rainy3 {
color: #a9ab4d;
}
/* icon-sort color */
.icon-sort {
color: #e4aeaa;
}
/* icon-snowy1 color */
.icon-snowy1 {
color: #b978a9;
}
/* icon-wrench color */
.icon-wrench {
color: #4db885;
}
/* icon-snowy2 color */
.icon-snowy2 {
color: #833de8;
}
/* icon-slack color */
.icon-slack {
color: #8e84e5;
}
/* icon-snowy3 color */
.icon-snowy3 {
color: #cb574e;
}
/* icon-spoon color */
.icon-spoon {
color: #fec754;
}
/* icon-foggy color */
.icon-foggy {
color: #c258ca;
}
/* icon-youtube color */
.icon-youtube {
color: #e8361e;
}
/* icon-haze color */
.icon-haze {
color: #ee37fa;
}
/* icon-wheelchair color */
.icon-wheelchair {
color: #83b504;
}
/* icon-dust color */
.icon-dust {
color: #3bbfec;
}
/* icon-truck color */
.icon-truck {
color: #cc857a;
}
/* icon-thunder color */
.icon-thunder {
color: #b65da8;
}
/* icon-google color */
.icon-google {
color: #f58673;
}
/* icon-sands color */
.icon-sands {
color: #9847be;
}
/* icon-column color */
.icon-column {
color: #a8a22c;
}
/* icon-wifi-off color */
.icon-wifi-off {
color: #caa69c;
}
/* icon-moon color */
.icon-moon {
color: #c89c5c;
}
/* icon-unlink color */
.icon-unlink {
color: #15bdb5;
}
/* icon-try color */
.icon-try {
color: #a8b867;
}
/* icon-link color */
.icon-link {
color: #f48ce7;
}
/* icon-mortar-board color */
.icon-mortar-board {
color: #baa036;
}
/* icon-system color */
.icon-system {
color: #a68f46;
}
/* icon-request color */
.icon-request {
color: #8737cb;
}
/* icon-setup color */
.icon-setup {
color: #45bfaf;
}
/* icon-calculator color */
.icon-calculator {
color: #a6a429;
}
/* icon-disc color */
.icon-disc {
color: #d37553;
}
/* icon-color color */
.icon-color {
color: #c42660;
}
/* icon-data color */
.icon-data {
color: #a85f5b;
}
/* icon-button color */
.icon-button {
color: #c07b45;
}
/* icon-intl color */
.icon-intl {
color: #45a1a8;
}
/* icon-connect color */
.icon-connect {
color: #cd6837;
}
/* icon-record color */
.icon-record {
color: #c24660;
}
/* icon-data-provider color */
.icon-data-provider {
color: #8a7124;
}
/* icon-insert color */
.icon-insert {
color: #19be6b;
}
/* icon-report color */
.icon-report {
color: #da339e;
}
/* icon-warn color */
.icon-warn {
color: #cfc40a;
}
/* icon-error color */
.icon-error {
color: #d75a4a;
}
/* icon-fieldset color */
.icon-fieldset {
color: #c854ba;
}
/* icon-info color */
.icon-info {
color: #48a1dc;
}
/* icon-brush1 color */
.icon-brush1 {
color: #005b87;
}
/* icon-delete color */
.icon-delete {
color: #d75a4a;
}
/* icon-hidden color */
.icon-hidden {
color: #75b4c7;
}
/* icon-record-add color */
.icon-record-add {
color: #19be6b;
}
/* icon-history color */
.icon-history {
color: #cf9ad3;
}
/* icon-record-delete color */
.icon-record-delete {
color: #d75a4a;
}
/* icon-text color */
.icon-text {
color: #29ab09;
}
/* icon-record-edit color */
.icon-record-edit {
color: #9e972b;
}
/* icon-text1 color */
.icon-text1 {
color: #177e8a;
}
/* icon-file-admin color */
.icon-file-admin {
color: #991263;
}
/* icon-lamp1 color */
.icon-lamp1 {
color: #8ab350;
}
/* icon-file color */
.icon-file {
color: #03541b;
}
/* icon-lamp color */
.icon-lamp {
color: #b35d5d;
}
/* icon-edit color */
.icon-edit {
color: #beb400;
}
/* icon-ruler color */
.icon-ruler {
color: #68bfaa;
}
/* icon-usb color */
.icon-usb {
color: #878f25;
}
/* icon-table color */
.icon-table {
color: #bf4d76;
}
/* icon-usb1 color */
.icon-usb1 {
color: #e4b497;
}
/* icon-identity color */
.icon-identity {
color: #ea98be;
}
/* icon-usb2 color */
.icon-usb2 {
color: #88b541;
}
/* icon-devtool color */
.icon-devtool {
color: #3d8c16;
}
/* icon-scan color */
.icon-scan {
color: #04800a;
}
/* icon-model color */
.icon-model {
color: #2e997d;
}
/* icon-dict color */
.icon-dict {
color: #d86744;
}
/* icon-organize color */
.icon-organize {
color: #35bd92;
}
/* icon-book color */
.icon-book {
color: #b08c43;
}
/* icon-pagenum color */
.icon-pagenum {
color: #ff91ce;
}
/* icon-school color */
.icon-school {
color: #73bafc;
}
/* icon-pay color */
.icon-pay {
color: #2dcf74;
}
/* icon-community color */
.icon-community {
color: #28b05f;
}
/* icon-plugin color */
.icon-plugin {
color: #5bbaa2;
}
/* icon-glasses color */
.icon-glasses {
color: #81a66f;
}
/* icon-combo color */
.icon-combo {
color: #bd710d;
}
/* icon-cup color */
.icon-cup {
color: #6274b3;
}
/* icon-list-view color */
.icon-list-view {
color: #3c65a3;
}
/* icon-atom color */
.icon-atom {
color: #30b00e;
}
/* icon-nav-view color */
.icon-nav-view {
color: #4bacbf;
}
/* icon-bullhorn color */
.icon-bullhorn {
color: #3cb547;
}
/* icon-number-edit color */
.icon-number-edit {
color: #cc4ec7;
}
/* icon-export color */
.icon-export {
color: #c35575;
}
/* icon-rotate color */
.icon-rotate {
color: #9d3ec7;
}
/* Default style for all tags */
*,
*:before,
*:after {
font: inherit;
box-sizing: border-box;
scrollbar-color: #d5d5d5 #f1f1f1;
scrollbar-width: thin;
}
/* placeholder */
::placeholder {
color: #999;
}
/* tag a */
a {
cursor: pointer;
color: #1890ff;
text-decoration: none;
}
/* Specific tag a */
.w-a1 a,
.w-a2 a {
cursor: pointer;
color: unset;
text-decoration: none;
position: relative;
padding: .5em;
}
/* Specific tag a */
.w-a2 a {
padding: 0;
}
/* Specific tag a hover */
.w-a1-active:after,
.w-desktop .w-a1 a:hover:after,
.w-desktop .w-a2 a:hover:after {
content: "";
background: currentColor;
height: 1.6px;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
}
/* Specific tag a hover */
.w-desktop .w-a2 a:hover:after {
height: .8px;
}
/* html & body */
html,
body {
/* Prevent automatic hiding address bar of touch browser */
position: fixed;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
color: #555;
background: #fff;
overflow: hidden;
}
/* hide webkit number input spinner */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
/* hide FF number input spinner */
input[type=number] {
-moz-appearance: textfield;
appearance: textfield;
}
/* All tag styles in touch mode */
.w-touch * {
cursor: default !important;
}
/* cursor pointer */
.w-x.w-y.w-z .w-pointer,
.w-view-pointer .w-item {
cursor: pointer;
}
/* Fully transparent */
.w-opacity {
opacity: 0
}
/* line through */
.w-line-through {
text-decoration: line-through;
}
/* no caret */
.w-x.w-y .w-no-caret,
.w-mask-parent {
caret-color: transparent;
}
/* margin of menu item */
.w-x.w-y .w-mi-margin {
margin-left: 1.7em;
}
/* menu no caret */
.w-x.w-y .w-no-caret .w-menu {
caret-color: auto
}
/* monacoeditor no caret */
.w-no-caret .monaco-editor .cursors-layer .cursor {
background: transparent;
}
/* monacoeditor menu no caret */
.w-no-caret .w-menu .monaco-editor .cursors-layer .cursor {
background: auto;
}
/* toolbar menu type button */
.w-tbt-menu > .w-btn {
justify-content: start;
padding: .6em;
}
/* toolbar menu type sline */
.w-x.w-y.w-z .w-tbt-menu > .w-sline {
margin: .6em;
}
/* toolbar padding type button */
.w-tbt-padding > .w-btn {
padding: .5em;
}
/* mask */
.w-mask {
position: absolute;
z-index: 999;
left: 0;
top: 0;
width: 100%;
height: 100%;
user-select: none;
}
/* mask zindex */
.w-mask-zindex {
z-index: 2000009990;
}
/* mask wrap */
.w-mask-wrap {
padding: 1em;
max-width: 90%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
/* mask parent */
.w-mask-parent {
position: relative;
z-index: 1;
left: 0 !important;
top: 0 !important;
}
/* mask label */
.w-mask-label {
margin: .2em;
padding: .2em 1em;
letter-spacing: .1em;
font-weight: bold;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
overflow: hidden;
max-width: 100%;
display: flex;
justify-content: center;
color: #eee;
text-shadow: .1em .1em .2em #000;
}
/* mask frame */
.w-mask-frame {
background: #333d;
border-radius: .5em;
}
/* mask normal */
.w-mask-normal {
cursor: wait;
}
/* mask modal */
.w-mask-modal {
cursor: wait;
background: #0005;
}
/* mask cancel button */
.w-mask-cancel {
min-width: 5em;
text-align: center;
margin-top: 1em;
}
/* the first el of mask label */
.w-mask-label > div:nth-child(1) {
overflow: hidden;
text-overflow: ellipsis;
}
/* the second el of mask label */
.w-mask-label > div:nth-child(2) {
width: 5em;
text-align: right;
flex-shrink: 0;
}
/* white-space nowrap */
.w-x.w-y .w-nowrap {
white-space: nowrap;
}
/* white-space normal */
.w-x.w-y .w-normal {
white-space: normal;
}
/* word-break break-all */
.w-x.w-y .w-break-all {
white-space: normal;
word-break: break-all;
}
/* overflow-wrap break-word */
.w-x.w-y .w-break-word {
white-space: normal;
overflow-wrap: break-word;
}
/* white-space pre */
.w-x.w-y .w-pre {
white-space: pre;
}
/* white-space pre-wrap */
.w-x.w-y .w-pre-wrap {
white-space: pre-wrap;
}
/* white-space pre-line */
.w-x.w-y .w-pre-line {
white-space: pre-line;
}
/* white-space break-spaces */
.w-x.w-y .w-break-spaces {
white-space: break-spaces;
}
/* loading animation */
@keyframes w-loading-anim {
0% {
transform: scale(.3);
}
40% {
opacity: .8;
transform: scale(1);
}
100% {
transform: scale(.3);
}
}
/* loading icon */
.w-loading-icon {
margin-top: .5em;
}
/* loading icon div */
.w-loading-icon > div {
width: 1.2em;
height: 1.2em;
margin: .2em;
border-radius: 100%;
display: inline-block;
transform: scale(.3);
animation: w-loading-anim 2s infinite;
transition: all 1s ease-in-out;
}
/* the first loading icon */
.w-loading-icon > div:nth-child(1) {
animation-delay: .1s;
}
/* the second loading icon */
.w-loading-icon > div:nth-child(2) {
animation-delay: .3s;
}
/* the third loading icon */
.w-loading-icon > div:nth-child(3) {
animation-delay: .5s;
}
/* the Fourth loading icon */
.w-loading-icon > div:nth-child(4) {
animation-delay: .7s;
}
/* the fifth loading icon */
.w-loading-icon > div:nth-child(5) {
animation-delay: .9s;
}
/* vertical scroll animation */
@keyframes w-vscroll-ana {
0% {
transform: translateY(0);
}
100% {
transform: translateY(calc(-100% - 1em));
}
}
/* viewer */
.w-viewer {
overflow: auto;
padding: .5em;
border: thin solid #dfdfdf;
}
/* vertical scroll */
.w-vscroll {
animation: w-vscroll-ana 18s linear 1s;
}
/* display inline block */
.w-block {
display: inline-block;
}
/* highlight */
.w-highlight {
position: fixed;
z-index: 2000009980;
overflow: hidden;
pointer-events: none;
opacity: 0;
margin: 0 !important;
padding: 0 !important;
background: #ff0;
animation: w-highlight-anim 1s ease-in-out;
}
/* highlight animation */
@keyframes w-highlight-anim {
0% {
opacity: 0;
}
50% {
opacity: .4;
}
100% {
opacity: 0;
}
}
/* movable el */
.w-movable {
touch-action: none;
cursor: move !important;
}
/* movable sub els */
.w-movable * {
touch-action: none;
}
/* col resizable */
.w-col-resize,
.w-col-resize * {
cursor: col-resize !important;
}
/* col resizable n */
.w-resize-n,
.w-resize-n * {
cursor: n-resize !important;
}
/* col resizable ne */
.w-resize-ne,
.w-resize-ne * {
cursor: ne-resize !important;
}
/* col resizable e */
.w-resize-e,
.w-resize-e * {
cursor: e-resize !important;
}
/* col resizable se */
.w-resize-se,
.w-resize-se * {
cursor: se-resize !important;
}
/* col resizable s */
.w-resize-s,
.w-resize-s * {
cursor: s-resize !important;
}
/* col resizable sw */
.w-resize-sw,
.w-resize-sw * {
cursor: sw-resize !important;
}
/* col resizable w */
.w-resize-w,
.w-resize-w * {
cursor: w-resize !important;
}
/* col resizable nw */
.w-resize-nw,
.w-resize-nw * {
cursor: nw-resize !important;
}
/* non window resize border */
.w-x .w-rb:not(.w-win) {
border: 5px solid #dfdfdf;
}
/* window resize border */
.w-win.w-rb > .w-ct-el {
border: 4px solid #f5f5f5;
}
/* horizontal scroll */
.w-scroll-x {
overflow-x: auto !important;
overflow-y: hidden !important;
}
/* vertical scroll */
.w-scroll-y {
overflow-x: hidden !important;
overflow-y: auto !important;
}
/* horizontal & vertical scroll */
.w-scroll-true {
overflow: auto !important;
}
/* no scroll */
.w-scroll-false {
overflow: hidden !important;
}
/* auto scroll and hide scroll */
.w-scroll-auto,
.w-scroll-hide {
overflow: auto !important;
}
/* auto scroll and hide scroll x */
.w-scroll-auto-x,
.w-scroll-hide-x {
overflow-x: auto !important;
overflow-y: hidden !important;
}
/* auto scroll and hide scroll y */
.w-scroll-auto-y,
.w-scroll-hide-y {
overflow-x: hidden !important;
overflow-y: auto !important;
}
/* auto scroll without scroll bar */
.w-scroll-auto::-webkit-scrollbar,
.w-scroll-auto-x::-webkit-scrollbar,
.w-scroll-auto-y::-webkit-scrollbar,
.w-scroll-hide::-webkit-scrollbar,
.w-scroll-hide-x::-webkit-scrollbar,
.w-scroll-hide-y::-webkit-scrollbar {
display: none;
}
/* auto scroll without scroll bar */
.w-scroll-auto,
.w-scroll-auto-x,
.w-scroll-auto-y,
.w-scroll-hide,
.w-scroll-hide-x,
.w-scroll-hide-y {
scrollbar-width: none;
}
/* auto scroll ff */
.w-desktop .w-scroll-auto:hover,
.w-desktop .w-scroll-auto-x:hover,
.w-desktop .w-scroll-auto-y:hover,
.w-touch .w-scroll-auto:focus-within,
.w-touch .w-scroll-auto-x:focus-within,
.w-touch .w-scroll-auto-y:focus-within,
.w-touch .w-panel:focus-within > .w-scroll-auto,
.w-touch .w-panel:focus-within > .w-scroll-auto-x,
.w-touch .w-panel:focus-within > .w-scroll-auto-y,
.w-touch .w-win:focus-within > .w-ct-el > .w-scroll-auto,
.w-touch .w-win:focus-within > .w-ct-el > .w-scroll-auto-x,
.w-touch .w-win:focus-within > .w-ct-el > .w-scroll-auto-y {
scrollbar-width: thin !important;
}
/* auto scroll */
.w-desktop .w-scroll-auto:hover::-webkit-scrollbar,
.w-desktop .w-scroll-auto-x:hover::-webkit-scrollbar,
.w-desktop .w-scroll-auto-y:hover::-webkit-scrollbar,
.w-touch .w-scroll-auto:focus-within::-webkit-scrollbar,
.w-touch .w-scroll-auto-x:focus-within::-webkit-scrollbar,
.w-touch .w-scroll-auto-y:focus-within::-webkit-scrollbar,
.w-touch .w-panel:focus-within > .w-scroll-auto::-webkit-scrollbar,
.w-touch .w-panel:focus-within > .w-scroll-auto-x::-webkit-scrollbar,
.w-touch .w-panel:focus-within > .w-scroll-auto-y::-webkit-scrollbar,
.w-touch .w-win:focus-within > .w-ct-el > .w-scroll-auto::-webkit-scrollbar,
.w-touch .w-win:focus-within > .w-ct-el > .w-scroll-auto-x::-webkit-scrollbar,
.w-touch .w-win:focus-within > .w-ct-el > .w-scroll-auto-y::-webkit-scrollbar {
display: unset !important;
}
/* hr */
.w-hr {
border: 0;
border-top: thin solid #dfdfdf;
}
/* news */
.w-news {
max-width: 80em;
padding: .5em;
}
/* news item */
.w-news-item,
.w-news-witem {
box-shadow: #ccc 0 0 3px 1px;
background: #fcfcfc;
color: unset;
width: min(80em, calc(100vw - 3em));
padding: 0.5em;
}
/* news witem */
.w-news-witem {
width: min(600px, calc(100vw - 3em));
}
/* html */
.w-html {
padding: 1em;
line-height: 1.6;
}
/* title1 */
.w-title1,
.w-html h1 {
font-size: 1.9em;
font-weight: bold;
margin: .5em 0;
}
/* title2 */
.w-title2,
.w-html h2 {
font-size: 1.6em;
font-weight: bold;
margin: .5em 0;
}
/* title3 */
.w-title3,
.w-html h3 {
font-size: 1.3em;
font-weight: bold;
margin: .5em 0;
}
/* title4 */
.w-title4,
.w-html h4 {
font-size: 1.1em;
font-weight: bold;
margin: .5em 0;
}
/* title5 */
.w-title5,
.w-html h5 {
font-size: .8em;
color: #999;
margin: .5em 0;
}
/* wb icon */
.w-icon {
font-family: wb !important;
font-style: normal;
/* Compatible image icon width */
width: 1.2em;
height: 1em;
line-height: 1em;
user-select: none;
text-align: center;
flex-shrink: 0;
}
/* icon style1 */
.w-icon-style1 > .w-icon {
box-shadow: 0 1em 0 0 #999;
}
/* plain icon */
.w-x.w-y .w-plain-icon.w-icon,
.w-x.w-y .w-plain-icon .w-icon {
color: #888;
}
/* plain xicon */
.w-x.w-y .w-plain-icon.w-xicon,
.w-x.w-y .w-plain-icon .w-xicon {
color: transparent;
text-shadow: 0 0 0 #888;
}
/* image */
.w-image,
.w-pimage {
background-repeat: no-repeat;
background-position: center;
background-size: contain;
min-width: 8px;
min-height: 8px;
}
/* image component */
.w-img {
width: 1.2em;
height: 1.2em;
background: center / contain no-repeat;
user-select: none;
}
/* small image */
.w-small-img {
width: .9em;
height: .9em;
background: center / contain no-repeat;
}
/* spin animation */
@keyframes w-spin-anim {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
/* spin */
.w-spin {
animation: w-spin-anim 1s infinite linear;
}
/* pass */
.w-pass {
pointer-events: none;
}
/* ripple effect */
.w-ripple {
position: fixed;
z-index: 2000009970;
overflow: hidden;
pointer-events: none;
margin: 0 !important;
padding: 0 !important;
}
/* ripple div */
.w-ripple > div {
position: absolute;
z-index: 1;
border-radius: 50%;
background: #999a;
transform: scale(0);
opacity: .3;
animation: w-ripple-anim .3s ease-out;
}
/* primary button ripple */
.w-btn-primary > .w-ripple > div {
background: #fff;
}
/* ripple animation */
@keyframes w-ripple-anim {
to {
transform: scale(2);
opacity: 0;
}
}
/* abs pos */
.w-abs {
position: absolute;
}
/* rel pos */
.w-rel {
position: relative;
}
/* fixed pos */
.w-fixed {
position: fixed;
}
/* freeze */
.w-x.w-y .w-freeze {
position: sticky;
border-right: 0;
z-index: 9;
}
/* table freeze */
.w-x .w-content-table .w-freeze,
.w-x .w-grid-content .w-freeze {
background: #f5f5f5;
}
/* frame */
.w-x.w-y.w-z .w-frame {
box-shadow: #ccc 0 0 3px 1px;
}
/* full td with 100% height */
.w-full-td {
height: 100%;
}
/* full-td div */
.w-full-td > div {
height: 100%;
}
/* full-td text */
.w-full-td > div > .w-text.w-editor-site {
align-self: stretch;
}
/* floating */
.w-floating {
position: absolute !important;
box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
z-index: 1;
}
/* dragging */
.w-dragging,
.w-dragging * {
cursor: default !important;
}
/* drag */
.w-drag {
position: fixed !important;
z-index: 2000009960;
box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
cursor: pointer;
pointer-events: none;
}
/* drag display field */
.w-x.w-y .w-drag-df {
position: absolute;
padding: .5em;
background: #fff;
width: unset;
max-width: 15em;
text-overflow: ellipsis;
}
/* content label */
.w-content-label {
flex: 1;
}
/* drag display field label */
.w-drag-df > .w-content-label {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* drag background */
.w-drag-bg {
background: #f5f5f5;
}
/* drag horizontal line */
.w-drag-hline {
position: fixed;
z-index: 2000009950;
border-top: thin dashed #555;
pointer-events: none;
}
/* drag vertical line */
.w-drag-vline {
position: fixed;
z-index: 2000009950;
border-left: thin dashed #555;
pointer-events: none;
}
/* drag arrow */
.w-drag-arrow {
position: fixed;
z-index: 2000009940;
color: #19be6b;
pointer-events: none;
}
/* fill full */
.w-x.w-y.w-z .w-full {
flex: 1 !important;
align-self: stretch !important;
width: 100% !important;
height: 100% !important;
}
/* max window */
.w-win-max {
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
}
/* win fill full */
.w-win-full {
position: fixed !important;
flex: 1 !important;
align-self: stretch !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 500;
}
/* display none */
.w-disp-none {
display: none !important;
}
/* visibility hidden */
.w-hidden,
.w-hidden * {
visibility: hidden !important;
}
/* visibility hidden height width 0 */
.w-hidden-0 {
visibility: hidden !important;
height: 0;
width: 0;
}
/* visibility hidden height 0 */
.w-hidden-h0 {
visibility: hidden !important;
height: 0;
}
/* visibility hidden width 0 */
.w-hidden-w0 {
visibility: hidden !important;
width: 0;
}
/* inline-flex */
.w-x .w-inline {
display: inline;
}
/* inline-flex */
.w-x .w-inline-flex {
display: inline-flex;
}
/* body */
.w-body {
background: #fff;
flex: 1;
overflow: hidden;
display: flex;
flex-direction: column;
}
/* body direct child elements */
.w-body > * {
flex: 0 0 auto;
}
/* button */
.w-btn {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: .3em 1em;
text-decoration: none;
overflow: hidden;
cursor: pointer;
outline: 0;
gap: .5em;
user-select: none;
white-space: nowrap;
color: #555;
background: #fff;
border: thin solid #d9d9d9;
border-radius: .3em;
transition: color .2s linear, background .2s linear, border-color .2s linear;
}
/* link button */
.w-link-btn {
width: 13em;
height: 2.4em;
max-width: calc(100vw - 1em);
}
/* fit */
.w-fit {
display: flex;
flex-direction: column;
overflow: hidden;
align-items: stretch;
}
/* fit direct child elements */
.w-x.w-y .w-fit > * {
flex: 1;
width: 100%;
height: 100%;
}
/* card */
.w-card {
display: flex;
flex-direction: column;
overflow: hidden;
align-items: stretch;
}
/* card direct child elements */
.w-card > * {
flex: 1 !important;
width: 100%;
height: 100%;
}
/* center */
.w-x.w-y.w-z .w-center {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
/* middle */
.w-middle {
display: flex;
flex-direction: row;
align-items: center;
}
/* middle direct child elements */
.w-middle > * {
margin: auto;
flex-shrink: 0;
}
/* horizontal middle */
.w-x.w-y.w-z .w-hmiddle {
display: flex;
flex-direction: row;
align-items: start;
}
/* horizontal middle direct child elements */
.w-x.w-y.w-z .w-hmiddle > * {
margin-left: auto;
margin-right: auto;
flex-shrink: 0;
}
/* vertical middle */
.w-x.w-y.w-z .w-vmiddle {
display: flex;
flex-direction: column;
align-items: start;
}
/* vertical middle direct child elements* */
.w-x.w-y.w-z .w-vmiddle > * {
margin-top: auto;
margin-bottom: auto;
flex-shrink: 0;
}
/* row & column flex */
.w-row,
.w-column {
display: flex;
overflow: hidden;
}
/* flex row */
.w-row {
flex-direction: row;
}
/* flex colun */
.w-column {
flex-direction: column;
}
/* flex wrap */
.w-wrap {
flex-wrap: wrap;
}
/* direct child elements shrink */
.w-x.w-y .w-shrink > * {
flex-shrink: 1;
}
/* direct child elements no shrink */
.w-x.w-y .w-no-shrink > * {
flex-shrink: 0;
}
/* shrink self */
.w-x.w-y.w-z .w-shrink-s {
flex-shrink: 1;
}
/* no shrink self */
.w-x.w-y.w-z .w-no-shrink-s {
flex-shrink: 0;
}
/* form */
.w-x .w-form,
.w-x .w-form-compact {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: start;
align-items: center;
overflow: auto;
padding: 1.5em;
gap: 1.5em;
max-width: 100vw;
}
/* form1 */
.w-x .w-form1 {
display: flex;
flex-direction: column;
overflow: auto;
padding: 1.5em;
gap: 1.5em;
max-width: 100vw;
}
/* form1 children */
.w-form1 > * {
flex-shrink: 0;
}
/* compact form */
.w-x.w-y.w-z .w-form-compact {
padding: .5em;
gap: .5em;
}
/* form label */
.w-form > .w-ctrl > .w-label-wrap > .w-label,
.w-form1 > .w-ctrl > .w-label-wrap > .w-label,
.w-form-compact > .w-ctrl > .w-label-wrap > .w-label {
text-align: right;
width: 10em;
}
/* table style children */
.w-table-style > * {
border: thin solid #dfdfdf !important;
margin: -1px 0 0 -1px !important;
}
/* control input wrap */
.w-table-style > .w-ctrl > .w-input-wrap {
border-color: transparent;
margin: .5px;
}
/* table style control label */
.w-x .w-table-style > .w-ctrl > .w-label-wrap > .w-label {
text-align: left;
}
/* table style control label wrap */
.w-table-style > .w-ctrl > .w-label-wrap {
background: #f5f5f5;
border-right: thin solid #dfdfdf;
}
/* table simple style control label wrap */
.w-x.w-y.w-z .w-table-simple > .w-ctrl > .w-label-wrap {
background: unset;
border-right: unset;
padding: 0;
margin-right: 1em;
}
/* table simple style sub el */
.w-x .w-table-simple > * {
border: unset !important;
margin: unset !important;
padding: 0.7em 1.5em;
}
/* table simple style text input wrap */
.w-x.w-y .w-table-simple > .w-ctrl > .w-input-wrap {
background: transparent;
border-color: transparent;
border-radius: 0;
margin: 0;
}
/* table simple style sub el not last */
.w-x .w-table-simple > *:not(:last-child) {
border-bottom: thin solid #dfdfdf !important;
}
/* display grid */
.w-disp-grid {
display: grid;
}
/* grid layout */
.w-x .w-grid,
.w-x .w-grid-compact,
.w-x .w-grid1,
.w-x .w-grid2,
.w-x .w-grid3,
.w-x .w-grid4,
.w-x .w-grid5,
.w-x .w-grid6,
.w-x .w-grid7,
.w-x .w-grid8,
.w-x .w-grid9,
.w-x .w-grid10,
.w-x .w-grid11,
.w-x .w-grid12,
.w-x .w-grid13,
.w-x .w-grid14,
.w-x .w-grid15,
.w-x .w-grid16,
.w-x .w-grid17,
.w-x .w-grid18,
.w-x .w-grid19,
.w-x .w-grid20 {
display: grid;
align-content: start;
grid-auto-rows: max-content;
overflow: auto;
padding: 1.5em;
gap: 1.5em;
max-width: 100vw;
}
/* compact grid */
.w-x.w-y.w-z .w-grid-compact {
padding: .5em;
gap: .5em;
}
/* grid control label */
.w-grid > .w-ctrl > .w-label-wrap > .w-label,
.w-grid-compact > .w-ctrl > .w-label-wrap > .w-label,
.w-grid1 > .w-ctrl > .w-label-wrap > .w-label,
.w-grid2 > .w-ctrl > .w-label-wrap > .w-label,
.w-grid3 > .w-ctrl > .w-label-wrap > .w-label,
.w-grid4 > .w-ctrl > .w-label-wrap > .w-label,
.w-grid5 > .w-ctrl > .w-label-wrap > .w-label,
.w-grid6 > .w-ctrl > .w-label-wrap > .w-label,
.w-grid7 > .w-ctrl > .w-label-wrap > .w-label,
.w-grid8 > .w-ctrl > .w-label-wrap > .w-label,
.w-grid9 > .w-ctrl > .w-label-wrap > .w-label,
.w-grid10 > .w-ctrl > .w-label-wrap > .w-label,
.w-grid11 > .w-ctrl > .w-label-wrap > .w-label,
.w-grid12 > .w-ctrl > .w-label-wrap > .w-label,
.w-grid13 > .w-ctrl > .w-label-wrap > .w-label,
.w-grid14 > .w-ctrl > .w-label-wrap > .w-label,
.w-grid15 > .w-ctrl > .w-label-wrap > .w-label,
.w-grid16 > .w-ctrl > .w-label-wrap > .w-label,
.w-grid17 > .w-ctrl > .w-label-wrap > .w-label,
.w-grid18 > .w-ctrl > .w-label-wrap > .w-label,
.w-grid19 > .w-ctrl > .w-label-wrap > .w-label,
.w-grid20 > .w-ctrl > .w-label-wrap > .w-label {
text-align: right;
width: 10em;
}
/* grid control wide label */
.w-wide-label.w-form > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-form1 > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-form-compact > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-grid > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-grid-compact > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-grid1 > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-grid2 > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-grid3 > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-grid4 > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-grid5 > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-grid6 > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-grid7 > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-grid8 > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-grid9 > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-grid10 > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-grid11 > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-grid12 > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-grid13 > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-grid14 > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-grid15 > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-grid16 > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-grid17 > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-grid18 > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-grid19 > .w-ctrl > .w-label-wrap > .w-label,
.w-wide-label.w-grid20 > .w-ctrl > .w-label-wrap > .w-label {
width: 20em;
}
/* grid auto fill */
.w-grid,
.w-grid-compact {
grid-template-columns: repeat(auto-fill, 20em);
}
/* grid1 */
.w-grid1 {
grid-template-columns: 1fr;
}
/* grid1 subs */
.w-grid1 > * {
grid-column: span 1 !important;
}
/* grid2 */
.w-grid2 {
grid-template-columns: 1fr 1fr;
}
/* grid3 */
.w-grid3 {
grid-template-columns: 1fr 1fr 1fr;
}
/* grid4 */
.w-grid4 {
grid-template-columns: repeat(4, 1fr);
}
/* grid5 */
.w-grid5 {
grid-template-columns: repeat(5, 1fr);
}
/* grid6 */
.w-grid6 {
grid-template-columns: repeat(6, 1fr);
}
/* grid7 */
.w-grid7 {
grid-template-columns: repeat(7, 1fr);
}
/* grid8 */
.w-grid8 {
grid-template-columns: repeat(8, 1fr);
}
/* grid9 */
.w-grid9 {
grid-template-columns: repeat(9, 1fr);
}
/* grid10 */
.w-grid10 {
grid-template-columns: repeat(10, 1fr);
}
/* grid11 */
.w-grid11 {
grid-template-columns: repeat(11, 1fr);
}
/* grid12 */
.w-grid12 {
grid-template-columns: repeat(12, 1fr);
}
/* grid13 */
.w-grid13 {
grid-template-columns: repeat(13, 1fr);
}
/* grid14 */
.w-grid14 {
grid-template-columns: repeat(14, 1fr);
}
/* grid15 */
.w-grid15 {
grid-template-columns: repeat(15, 1fr);
}
/* grid16 */
.w-grid16 {
grid-template-columns: repeat(16, 1fr);
}
/* grid17 */
.w-grid17 {
grid-template-columns: repeat(17, 1fr);
}
/* grid18 */
.w-grid18 {
grid-template-columns: repeat(18, 1fr);
}
/* grid19 */
.w-grid19 {
grid-template-columns: repeat(19, 1fr);
}
/* grid20 */
.w-grid20 {
grid-template-columns: repeat(20, 1fr);
}
/* table style form/grid */
.w-x .w-form.w-table-style,
.w-x .w-form1.w-table-style,
.w-x .w-form-compact.w-table-style,
.w-x .w-grid.w-table-style,
.w-x .w-grid-compact.w-table-style,
.w-x .w-grid1.w-table-style,
.w-x .w-grid2.w-table-style,
.w-x .w-grid3.w-table-style,
.w-x .w-grid4.w-table-style,
.w-x .w-grid5.w-table-style,
.w-x .w-grid6.w-table-style,
.w-x .w-grid7.w-table-style,
.w-x .w-grid8.w-table-style,
.w-x .w-grid9.w-table-style,
.w-x .w-grid10.w-table-style,
.w-x .w-grid11.w-table-style,
.w-x .w-grid12.w-table-style,
.w-x .w-grid13.w-table-style,
.w-x .w-grid14.w-table-style,
.w-x .w-grid15.w-table-style,
.w-x .w-grid16.w-table-style,
.w-x .w-grid17.w-table-style,
.w-x .w-grid18.w-table-style,
.w-x .w-grid19.w-table-style,
.w-x .w-grid20.w-table-style {
gap: 0;
}
/* flex start */
.w-x .w-justify-start,
.w-x .w-justify-left,
.w-x .w-justify-up,
.w-x .w-justify-top {
justify-content: start;
}
/* justify center */
.w-x .w-justify-center {
justify-content: center;
}
/* flex end */
.w-x .w-justify-end,
.w-x .w-justify-right,
.w-x .w-justify-down,
.w-x .w-justify-bottom {
justify-content: end;
}
/* space between */
.w-x .w-justify-between {
justify-content: space-between;
}
/* space around */
.w-x .w-justify-around {
justify-content: space-around;
}
/* flex start */
.w-x .w-alignc-start,
.w-x .w-alignc-left,
.w-x .w-alignc-up,
.w-x .w-alignc-top {
align-content: start;
}
/* align content center */
.w-x .w-alignc-center {
align-content: center;
}
/* align content end */
.w-x .w-alignc-end,
.w-x .w-alignc-right,
.w-x .w-alignc-down,
.w-x .w-alignc-bottom {
align-content: end;
}
/* align content space between */
.w-x .w-alignc-between {
align-content: space-between;
}
/* align content space around */
.w-x .w-alignc-around {
align-content: space-around;
}
/* align content stretch */
.w-x .w-alignc-stretch {
align-content: stretch;
}
/* align items flex start */
.w-x .w-align-start,
.w-x .w-align-left,
.w-x .w-align-up,
.w-x .w-align-top {
align-items: start;
}
/* align self flex start */
.w-x .w-aligns-start,
.w-x .w-aligns-left,
.w-x .w-aligns-up,
.w-x .w-aligns-top {
align-self: start;
}
/* justify self flex start */
.w-x .w-justifys-start,
.w-x .w-justifys-left,
.w-x .w-justifys-up,
.w-x .w-justifys-top {
justify-self: start;
}
/* align items center */
.w-x .w-align-center {
align-items: center;
}
/* align self center */
.w-x .w-aligns-center {
align-self: center;
}
/* justify self center */
.w-x .w-justifys-center {
justify-self: center;
}
/* align items flex end */
.w-x .w-align-end,
.w-x .w-align-right,
.w-x .w-align-down,
.w-x .w-align-bottom {
align-items: end;
}
/* align self flex end; */
.w-x .w-aligns-end,
.w-x .w-aligns-right,
.w-x .w-aligns-down,
.w-x .w-aligns-bottom {
align-self: end;
}
/* justify self flex end; */
.w-x .w-justifys-end,
.w-x .w-justifys-right,
.w-x .w-justifys-down,
.w-x .w-justifys-bottom {
justify-self: end;
}
/* align items baseline */
.w-x .w-align-baseline {
align-items: baseline;
}
/* align self baseline */
.w-x .w-aligns-baseline {
align-self: baseline;
}
/* justify self baseline */
.w-x .w-justifys-baseline {
justify-self: baseline;
}
/* align items stretch */
.w-x .w-align-stretch {
align-items: stretch;
}
/* align self stretch */
.w-x .w-aligns-stretch {
align-self: stretch;
}
/* justify self stretch */
.w-x .w-justifys-stretch {
justify-self: stretch;
}
/* title bar */
.w-titlebar {
color: #333;
background: #f5f5f5;
border-bottom: thin solid #dfdfdf;
flex-shrink: 0;
/* compatible with resize border */
padding: max(5px, .4em);
}
/* title bar children */
.w-titlebar > * {
flex-shrink: 0;
}
/* plain title bar */
.w-plain-title > .w-titlebar,
.w-plain-title > .w-ct-el > .w-titlebar {
color: #555;
background: transparent;
border-bottom-color: transparent;
}
/* round border */
.w-round-border {
border-radius: .5em;
}
/* title bar resize border */
.w-rb > .w-ct-el > .w-titlebar,
.w-rb > .w-ct-el > .w-titlebar,
.w-rb > .w-ct-el > .w-titlebar {
padding-top: calc(max(5px, .4em) - 4px);
padding-left: calc(max(5px, .4em) - 4px);
padding-right: calc(max(5px, .4em) - 4px);
}
/* panel */
.w-panel {
border: 1px solid #dfdfdf;
background: #fff;
color: #555;
}
/* modal win */
.w-modal.w-win {
border: 1px solid #ddd;
}
/* collapsible panel */
.w-x.w-y .w-panel-clps,
.w-x.w-y .w-panel-clps > .w-ct-el {
padding: 0;
border: 0;
}
/* collapsible title bar */
.w-x.w-y .w-panel-clps > .w-titlebar,
.w-x.w-y .w-panel-clps > .w-ct-el > .w-titlebar {
padding: max(5px, .4em);
border: 1px solid #dfdfdf;
}
/* collapsed panel */
.w-panel-clps {
height: unset !important;
flex: unset !important;
}
/* collapsed panel children */
.w-panel-clps:not(.w-win) >:not(.w-titlebar),
.w-panel-clps > .w-ct-el >:not(.w-titlebar) {
display: none;
}
/* progress bar */
.w-progress {
display: flex;
justify-content: center;
align-items: center;
color: #eee;
overflow: hidden;
padding: .5em 1em;
user-select: none;
}
/* progress bar first child element */
.w-progress > div:nth-child(1) {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* progress bar second child element */
.w-progress > div:nth-child(2) {
width: 4em;
text-align: right;
flex-shrink: 0;
}
/* carousel */
.w-carousel {
position: relative;
overflow: hidden;
}
/* carousel children */
.w-carousel > * {
position: absolute !important;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* carousel un active item */
.w-carousel > *:not(.w-cs-active) {
display: none !important;
}
/* carousel button */
.w-x .w-cs-left,
.w-x .w-cs-right,
.w-x .w-cs-list {
font-size: 2em;
top: calc(50% - .5em);
left: .2em;
width: 1em;
height: 1em;
z-index: 2;
display: flex !important;
opacity: .4;
font-weight: bold;
}
/* dark carousel button */
.w-dark-carousel > .w-cs-left > .w-icon,
.w-dark-carousel > .w-cs-right > .w-icon,
.w-dark-carousel > .w-cs-list > .w-btn > .w-icon {
color: #fff;
}
/* dark carousel button hover */
.w-desktop .w-dark-carousel > .w-cs-left:hover > .w-icon,
.w-desktop .w-dark-carousel > .w-cs-right:hover > .w-icon,
.w-desktop .w-dark-carousel > .w-cs-list > .w-btn:hover > .w-icon {
color: #ccc;
}
/* carousel right button */
.w-x .w-cs-right {
left: unset;
right: .2em;
}
/* carousel container list */
.w-x .w-cs-list {
gap: .5em;
left: 0;
top: unset;
bottom: 1em;
width: 100%;
font-size: 1em;
}
/* collapsed fieldset */
.w-fieldset.w-fs-clps {
height: unset !important;
}
/* collapsed fieldset children */
.w-fieldset.w-fs-clps > *:not(.w-fs-legend) {
display: none;
}
/* panel label */
.w-x .w-panel-label {
flex-shrink: 1;
white-space: nowrap;
text-overflow: ellipsis;
margin-right: auto;
/* for move */
cursor: inherit !important;
}
/* panel icon */
.w-panel-icon {
margin-right: .5em;
}
/* tools bar */
.w-tools-bar {
cursor: auto;
font-size: .8em;
}
/* tools bar children */
.w-tools-bar > * {
margin: 0 .1em;
align-self: center;
}
/* unselect text */
.w-x.w-y .w-unselect {
user-select: none;
}
/* user select text */
.w-x.w-y .w-select {
user-select: text;
}
/* message 1 */
.w-msg1,
.w-msg2 {
background: #fff;
color: #555;
padding: 0.5em;
border-radius: 0.2em;
max-width: 70%;
}
/* message 2 */
.w-msg2 {
background: #91e965;
color: #000;
}
/* line */
.w-line {
font-size: 1.1em;
font-weight: bold;
display: flex;
align-items: center;
grid-column: 1 / -1;
border: 0 !important;
user-select: none;
min-width: 0;
min-height: 0;
flex-shrink: 0;
}
/* line el */
.w-line-el {
flex: 1;
border: 0;
border-top: thin solid #ebeef5;
}
/* line label */
.w-x .w-line-label {
margin: 0 1em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
/* line icon */
.w-line-icon {
font-weight: normal;
margin: 0 1em;
}
/* dashed line */
.w-dashed-line > .w-line-el {
border-style: dashed;
}
/* iconed line label */
.w-line-icon+.w-line-label {
margin-left: -.5em;
}
/* dim title */
.w-x .w-dim-title {
font-weight: normal;
color: #999;
}
/* split line */
.w-sline {
min-width: .3px !important;
min-height: .3px !important;
background: #dfdfdf;
align-self: stretch;
grid-column: 1 / -1;
user-select: none;
}
/* split line */
.w-x.w-y.w-z .w-sline {
margin: .2em;
}
/* grid split line */
.w-x.w-y.w-z .w-grid > .w-sline,
.w-x.w-y.w-z .w-grid-compact > .w-sline,
.w-x.w-y.w-z .w-grid1 > .w-sline,
.w-x.w-y.w-z .w-grid2 > .w-sline,
.w-x.w-y.w-z .w-grid3 > .w-sline,
.w-x.w-y.w-z .w-grid4 > .w-sline,
.w-x.w-y.w-z .w-grid5 > .w-sline,
.w-x.w-y.w-z .w-grid6 > .w-sline,
.w-x.w-y.w-z .w-grid7 > .w-sline,
.w-x.w-y.w-z .w-grid8 > .w-sline,
.w-x.w-y.w-z .w-grid9 > .w-sline,
.w-x.w-y.w-z .w-grid10 > .w-sline,
.w-x.w-y.w-z .w-grid11 > .w-sline,
.w-x.w-y.w-z .w-grid12 > .w-sline,
.w-x.w-y.w-z .w-grid13 > .w-sline,
.w-x.w-y.w-z .w-grid14 > .w-sline,
.w-x.w-y.w-z .w-grid15 > .w-sline,
.w-x.w-y.w-z .w-grid16 > .w-sline,
.w-x.w-y.w-z .w-grid17 > .w-sline,
.w-x.w-y.w-z .w-grid18 > .w-sline,
.w-x.w-y.w-z .w-grid19 > .w-sline,
.w-x.w-y.w-z .w-grid20 > .w-sline {
margin: .4em 0;
}
/* space */
.w-x.w-y.w-z .w-space {
min-width: .3em;
min-height: .3em;
grid-column: 1 / -1;
border: 0 !important;
user-select: none;
}
/* table space */
.w-table-style > .w-space {
height: 3em;
}
/* fill rest space */
.w-x.w-y.w-z .w-fill {
flex: 1 !important;
align-self: stretch !important;
width: 100% !important;
height: 100% !important;
grid-column-start: -2;
border: 0 !important;
user-select: none;
}
/* gap comp */
.w-gap-comp {
min-width: .5em;
min-height: .5em;
background: #f5f5f5;
align-self: stretch;
}
/* btn icon & label */
.w-btn > .w-icon,
.w-btn > .w-label {
transition: color .2s linear, background .2s linear, border-color .2s linear;
white-space: nowrap;
}
/* button hover & focus */
.w-desktop .w-btn:hover,
.w-desktop .w-btn:focus {
color: #40a9ff;
background: #fff;
border-color: #40a9ff;
}
/* button active */
.w-desktop .w-btn:active {
color: #096dd9;
background: #fff;
border-color: #096dd9;
}
/* primary button */
.w-btn-primary,
.w-x.w-y.w-z .w-btn-active {
color: #fff;
background: #1890ff;
border-color: #1890ff;
}
/* btn active no bg */
.w-x.w-y.w-z .w-btn-active.w-no-bg {
color: #555;
background: #fff;
box-shadow: inset #1890ff 0 0 2px 0;
}
/* primary button icon */
.w-btn-primary > .w-icon {
color: #fff;
}
/* primary button hover & focus */
.w-desktop .w-btn-primary:hover,
.w-desktop .w-btn-primary:focus,
.w-desktop.w-x.w-y .w-btn-active:hover,
.w-desktop.w-x.w-y .w-btn-active:focus {
color: #fff;
background: #40a9ff;
border-color: #40a9ff;
}
/* btn active no bg */
.w-desktop.w-x.w-y .w-btn-active.w-no-bg:hover,
.w-desktop.w-x.w-y .w-btn-active.w-no-bg:focus {
color: #40a9ff;
background: #fff;
}
/* primary button active */
.w-desktop .w-btn-primary:active,
.w-desktop.w-x.w-y .w-btn-active:active {
color: #fff;
background: #096dd9;
border-color: #096dd9;
}
/* btn active no bg */
.w-desktop.w-x.w-y .w-btn-active.w-no-bg:active {
color: #096dd9;
background: #fff;
}
/* plain button */
.w-btn-plain,
.w-desktop .w-btn-plain:hover,
.w-desktop .w-btn-plain:focus,
.w-desktop .w-btn-plain:active {
color: #555;
background: #fff;
border-color: #d9d9d9;
cursor: default;
}
/* tool button */
.w-btn-tool {
background: transparent;
border-color: transparent;
padding: .1em .2em;
}
/* icon & light button */
.w-btn-icon,
.w-btn-light {
background: transparent;
border-color: transparent;
align-self: center;
color: #888;
padding: .2em;
}
/* icon & light button icon */
.w-btn-icon > .w-icon,
.w-btn-light > .w-icon {
color: #888;
}
/* icon & light button hover focus */
.w-desktop .w-btn-icon:hover > .w-icon,
.w-desktop .w-btn-icon:focus > .w-icon,
.w-desktop .w-btn-light:hover > .w-icon,
.w-desktop .w-btn-light:focus > .w-icon {
color: #555;
}
/* icon & light button active */
.w-desktop .w-btn-icon:active > .w-icon,
.w-desktop .w-btn-light:active > .w-icon {
color: #333;
}
/* icon, light & plain-icon icon */
.w-x.w-y .w-btn-icon.w-btn-active > .w-icon,
.w-x.w-y .w-btn-light.w-btn-active > .w-icon,
.w-x.w-y .w-plain-icon .w-btn-active > .w-icon,
.w-x.w-y .w-plain-icon.w-btn-active > .w-icon {
color: #fff;
}
/* specific plain icon active */
.w-x.w-y .w-plain-icon .w-btn-active > .w-xicon,
.w-x.w-y .w-plain-icon.w-btn-active > .w-xicon {
color: transparent;
text-shadow: 0 0 0 #fff;
}
/* icon button hover & focus */
.w-desktop .w-btn-icon:hover,
.w-desktop .w-btn-icon:focus {
background: transparent;
border-color: transparent;
}
/* icon button active */
.w-desktop .w-btn-icon:active {
background: transparent;
border-color: transparent;
}
/* light button hover & focus */
.w-desktop .w-btn-light:hover,
.w-desktop .w-btn-light:focus {
background: #ddd;
border-color: #ddd;
}
/* light button active */
.w-desktop .w-btn-light:active {
background: #bbb;
border-color: #bbb;
}
/* disabled */
.w-x.w-y.w-z .w-disabled,
.w-x.w-y.w-z .w-disabled *,
.w-x.w-y.w-z .w-disabled *::placeholder {
cursor: default;
color: #ccc;
}
/* disabled all children */
.w-disabled * {
pointer-events: none;
}
/* disabled xicon */
.w-x.w-y.w-z .w-disabled .w-xicon {
color: transparent;
text-shadow: 0 0 0 #ccc;
}
/* disabled button */
.w-x.w-y.w-z .w-disabled.w-btn {
background: #f5f5f5;
border-color: #d9d9d9;
}
/* disabled menu item */
.w-x.w-y.w-z .w-disabled.w-menu-item {
background: unset;
}
/* disabled tool & icon button */
.w-x.w-y.w-z .w-disabled.w-btn-tool,
.w-x.w-y.w-z .w-disabled.w-btn-icon {
background: transparent;
border-color: transparent;
}
/* disabled image */
.w-x.w-y.w-z .w-disabled.w-img,
.w-x.w-y.w-z .w-disabled .w-img {
opacity: .3;
}
/* circle button */
.w-shape-circle {
border-radius: 50%;
/* icon width 1.2, so left-right is .4em */
padding: .5em .4em;
align-self: center;
}
/* round button */
.w-shape-round {
border-radius: 1em;
}
/* rect button */
.w-shape-rect {
border-radius: 0;
}
/* label */
.w-label {
user-select: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: pre-wrap;
}
/* name */
.w-name {
user-select: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* flex label */
.w-x .w-flex-label {
flex: 1;
white-space: nowrap;
}
/* link & link2 */
.w-x.w-y .w-link,
.w-x.w-y .w-link2 {
cursor: pointer;
color: #1890ff;
text-decoration: none;
}
/* link2 */
.w-x.w-y .w-link2 {
color: #555;
font-weight: bold;
}
/* link1 */
.w-x.w-y .w-link1 {
cursor: pointer;
text-decoration: underline;
}
/* link1 hover */
.w-desktop.w-x.w-y .w-link1:hover {
color: #1890ff;
}
/* control */
.w-ctrl {
display: flex;
flex-direction: row;
align-items: center;
overflow: hidden;
outline: 0;
user-select: none;
cursor: default;
}
/* cell bar*/
.w-x.w-y .w-cell-bar {
background: unset;
min-height: 2em;
}
/* toolbar */
.w-toolbar {
background: #fff;
padding: .2em;
flex-shrink: 0;
}
/* toolbar body */
.w-toolbar > .w-sc-body {
align-items: center;
}
/* toolbar scroll body children */
.w-toolbar > .w-sc-body > * {
min-width: 1em;
margin: 0 .2em;
}
/* toolbar scroll body buttons */
.w-toolbar > .w-sc-body > .w-btn {
margin: 0;
align-self: stretch;
}
/* touch toolbar scroll body buttons */
.w-touch .w-toolbar > .w-sc-body > .w-btn {
margin: 0 .2em;
}
/* top bar */
.w-view > .w-tbar {
border-bottom: thin solid #dfdfdf;
}
/* bottom bar */
.w-view > .w-bbar {
border-top: thin solid #dfdfdf;
}
/* view body */
.w-view > .w-body {
position: relative;
}
/* paging bar */
.w-pagingbar {
border-top: thin solid #dfdfdf;
}
/* paginbar control */
.w-pagingbar .w-ctrl {
height: 1.6em;
}
/* toolbar menu overflow button */
.w-x.w-y .w-tb-menu-btn {
align-self: center;
}
/* vertical toobar menu overflow button icon */
.w-column > .w-tb-menu-btn > .w-icon:before {
content: "\e620";
}
/* tabbar */
.w-tabbar {
padding: 0;
min-height: unset;
}
/* tabbar body */
.w-tabbar > .w-sc-body {
align-items: start;
}
/* tabbar body children */
.w-tabbar > .w-sc-body > * {
margin: 0;
}
/* tabbar body buttons */
.w-tabbar > .w-sc-body > .w-btn {
border-radius: 0;
padding: .2em 0;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 2px solid transparent;
min-width: 3em;
max-width: 15em;
margin-top:5px;
padding-left: 20px;
padding-right: 20px;
margin-left: -10px;
margin-right: -10px;
background: #fff;
}
/* tabbar button label */
.w-tabbar > .w-sc-body > .w-btn > .w-label {
text-overflow: ellipsis;
}
/* clip tabbar button label */
.w-tabbar.w-clip-bt > .w-sc-body > .w-btn > .w-label {
text-overflow: clip;
}
/* tabbar button hover & focus */
.w-tabbar > .w-sc-body > .w-btn:hover,
.w-tabbar > .w-sc-body > .w-btn:focus,
.w-x .w-drag.w-btn {
margin-top:5px;
background: #e5eeff;
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTEwMC4yMzYgOTkuODgzQzQ1LjAwOCAxMDAuMDEyLjEzMiA1NS4zNDQuMDAzLjExN2wuMjMzIDEwMCAxMDAtLjIzNHoiIG9wYWNpdHk9InVuZGVmaW5lZCIgc3Ryb2tlPSJudWxsIiBmaWxsPSIjRjhFQUU3Ii8+PHBhdGggZD0iTS0uNjM4IDcuMzEyYy4xMiAwIC4yMTguMDU4LjQ3Ny4xMi4yMzIuMDU0LjI3My4wMzQuMzU4LjExOS4wODQuMDg0LjM1NyAwIC40NzYgMGguMzU4TTI4LjkyMSA2OS4wNTJ2LjU5Nk0yOC45MjEgNjguNDU3aC4xMTl2MS43ODhoLS4xMTl6TTM2LjY2OSA1MS4yOTNoMTkuMDd2NC44ODdoLTE5LjA3eiIgc3Ryb2tlPSJudWxsIi8+PC9zdmc+"),url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSJudWxsIiBmaWxsPSIjRjhFQUU3IiBkPSJNNjkuOTU0LjE0Yy0uMjI5IDU1LjIyOC00NS4xODYgOTkuODE0LTEwMC40MTMgOTkuNTg1bDk5Ljk5OS40MTRMNjkuOTU0LjE0eiIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkPSJNLS42MzggNy4zMTJjLjEyIDAgLjIxOC4wNTguNDc3LjEyLjIzMi4wNTQuMjczLjAzNC4zNTguMTE5LjA4NC4wODQuMzU3IDAgLjQ3NiAwaC4zNThNMjguOTIxIDY5LjA1MnYuNTk2TTI4LjkyMSA2OC40NTdoLjExOXYxLjc4OGgtLjExOXpNMzYuNjY5IDUxLjI5M2gxOS4wN3Y0Ljg4N2gtMTkuMDd6IiBzdHJva2U9Im51bGwiLz48L3N2Zz4="),url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-size: 20px 30px,20px 30px,calc(100% - 30px) calc(100% + 17px);
-webkit-mask-position: right bottom,left bottom,center top;
-webkit-mask-repeat: no-repeat;
}
/* tabBar button active */
.w-desktop .w-tabbar > .w-sc-body > .w-btn:active {
background: #fff;
}
/* tabbar void close padding: .2em .4em;*/
.w-tabbar > .w-sc-body > .w-void-close,
.w-tabbar > .w-sc-body > .w-void-close:hover,
.w-tabbar > .w-sc-body > .w-void-close:focus {
margin-top:5px;
}
/* tabbar disabled button */
.w-x .w-tabbar > .w-sc-body > .w-disabled.w-btn {
background: transparent;
border-bottom: 2px solid transparent;
}
/* tabbar button active */
.w-x.w-y .w-tabbar > .w-sc-body > .w-btn-active {
color: #555;
background: #e5eeff;
margin-top:5px;
border-bottom: 2px solid #1890ff;
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTEwMC4yMzYgOTkuODgzQzQ1LjAwOCAxMDAuMDEyLjEzMiA1NS4zNDQuMDAzLjExN2wuMjMzIDEwMCAxMDAtLjIzNHoiIG9wYWNpdHk9InVuZGVmaW5lZCIgc3Ryb2tlPSJudWxsIiBmaWxsPSIjRjhFQUU3Ii8+PHBhdGggZD0iTS0uNjM4IDcuMzEyYy4xMiAwIC4yMTguMDU4LjQ3Ny4xMi4yMzIuMDU0LjI3My4wMzQuMzU4LjExOS4wODQuMDg0LjM1NyAwIC40NzYgMGguMzU4TTI4LjkyMSA2OS4wNTJ2LjU5Nk0yOC45MjEgNjguNDU3aC4xMTl2MS43ODhoLS4xMTl6TTM2LjY2OSA1MS4yOTNoMTkuMDd2NC44ODdoLTE5LjA3eiIgc3Ryb2tlPSJudWxsIi8+PC9zdmc+"),url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSJudWxsIiBmaWxsPSIjRjhFQUU3IiBkPSJNNjkuOTU0LjE0Yy0uMjI5IDU1LjIyOC00NS4xODYgOTkuODE0LTEwMC40MTMgOTkuNTg1bDk5Ljk5OS40MTRMNjkuOTU0LjE0eiIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkPSJNLS42MzggNy4zMTJjLjEyIDAgLjIxOC4wNTguNDc3LjEyLjIzMi4wNTQuMjczLjAzNC4zNTguMTE5LjA4NC4wODQuMzU3IDAgLjQ3NiAwaC4zNThNMjguOTIxIDY5LjA1MnYuNTk2TTI4LjkyMSA2OC40NTdoLjExOXYxLjc4OGgtLjExOXpNMzYuNjY5IDUxLjI5M2gxOS4wN3Y0Ljg4N2gtMTkuMDd6IiBzdHJva2U9Im51bGwiLz48L3N2Zz4="),url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-size: 20px 30px,20px 30px,calc(100% - 30px) calc(100% + 17px);
-webkit-mask-position: right bottom,left bottom,center top;
-webkit-mask-repeat: no-repeat;
}
/* touch tab titlebar */
.w-touch-tab > .w-titlebar {
justify-content: center;
}
/* touch title label */
.w-touch-tab > .w-titlebar > .w-label {
margin-right: unset;
font-weight: bold;
}
/* touch tabbar */
.w-touch-tab > .w-tabbar {
border-top: 1px solid #ebeef5;
}
/* touch tabbar body */
.w-touch-tab > .w-tabbar > .w-sc-body {
padding: .5em;
justify-content: space-around;
}
/* touch tab button */
.w-touch-tab > .w-tabbar > .w-sc-body > .w-btn {
flex-direction: column;
border-bottom: 0 !important;
}
/* touch tab button */
.w-touch-tab > .w-tabbar > .w-sc-body > .w-btn:hover {
background: unset;
}
/* touch tab icon */
.w-touch-tab > .w-tabbar > .w-sc-body > .w-btn > .w-icon {
color: unset;
}
/* touch tab close button */
.w-touch-tab > .w-tabbar > .w-sc-body > .w-btn > .w-close-btn {
align-self: center;
}
/* touch tab icon & label */
.w-touch-tab > .w-tabbar > .w-sc-body > .w-btn-active > .w-icon,
.w-touch-tab > .w-tabbar > .w-sc-body > .w-btn-active > .w-label {
color: #1890ff;
}
/* label wrap */
.w-label-wrap {
align-self: stretch;
overflow: hidden;
display: flex;
}
/* wrapped label */
.w-label-wrap > .w-label {
align-self: center;
flex: 1;
padding-right: .3em;
}
/* wrapped label icon*/
.w-label-wrap > .w-icon,
.w-label-wrap > .w-img {
align-self: center;
margin-right: .5em;
}
/* wrapped empty label */
.w-label-wrap > .w-label:empty {
visibility: hidden;
}
/* wrapped box */
.w-box-wrap {
outline: 0;
display: flex;
align-items: center;
overflow: hidden;
}
/* wrapped box label */
.w-box-wrap > .w-label {
white-space: nowrap;
}
/* menu item checked */
.w-menu-item > .icon-check1,
.w-menu-item > .icon-check5 {
color: #555;
}
/* check box */
.w-box {
font-family: wb !important;
font-style: normal;
margin: 0 .2em;
color: #555;
}
/* radio box */
.w-radio-box {
border-radius: 50%;
}
/* menu item box check */
.w-menu-item > .icon-check2,
.w-menu-item > .icon-check7,
.w-box.w-check-checked,
.w-box.w-check-half,
.w-box.w-radio-checked {
color: #096dd9;
}
/* control focused box */
.w-ctrl > .w-box-wrap:focus-within > .w-box {
color: #096dd9;
}
/* control focused box checked */
.w-ctrl > .w-box-wrap:focus-within > .w-box.w-check-checked,
.w-ctrl > .w-box-wrap:focus-within > .w-box.w-radio-checked {
color: #096dd9;
}
/* header check */
.w-header-check {
text-align: center !important;
padding-right: .4em !important;
}
/* check box before */
.w-check-box:before {
content: "\e82c";
}
/* check checked before */
.w-check-checked:before {
content: "\e82b";
}
/* check half before */
.w-check-half:before {
content: "\e82d";
}
/* radio box before */
.w-radio-box:before {
content: "\e706";
}
/* radio checked before */
.w-radio-checked:before {
content: "\e6fb";
}
/* input el */
.w-input-el {
background: transparent;
color: inherit;
border: none;
flex: 1;
outline: 0;
padding: .3em .5em;
align-self: stretch;
min-width: 0;
}
/* no edit input el */
.w-no-edit > .w-input-wrap > .w-input-el {
cursor: pointer;
}
/* text prefix */
.w-x .w-text-prefix {
margin-left: .5em;
white-space: nowrap;
}
/* text suffix */
.w-x .w-text-suffix {
margin-right: .5em;
white-space: nowrap;
}
/* input btn */
.w-input-btn {
margin: 0 .1em;
}
/** clear & close button readonly */
.w-readonly .w-clear-btn,
.w-readonly .w-close-btn {
display: none;
}
/* input wrap */
.w-input-wrap {
display: flex;
background: #fff;
color: #555;
border: 1px solid #dfdfdf;
align-items: center;
overflow: hidden;
flex: 1;
max-height: 100%;
}
/* input wrap subs */
.w-input-wrap > * {
flex-shrink: 0;
}
/* input wrap in the editor */
.w-editor > .w-input-wrap,
.w-ctrl.w-label-up > .w-input-wrap,
.w-clabel-up > .w-ctrl:not(.w-uped) > .w-input-wrap,
.w-small-scr .w-autogrid-up > .w-ctrl:not(.w-uped) > .w-input-wrap {
align-self: stretch;
}
/* input wrap readonly */
.w-readonly > .w-input-wrap {
background: #f5f5f5;
}
/* input icon */
.w-input-icon {
margin: 0 .2em;
}
/* placeholder color */
.w-ph-color {
color: #999;
}
/* flat text input wrap */
.w-x.w-y .w-flat-text > .w-input-wrap {
background: transparent;
border-color: transparent;
border-radius: 0;
}
/* invalid input wrap */
.w-x.w-y.w-z .w-invalid > .w-input-wrap {
border-color: #d75a4a;
background-color: #fff;
}
/* input wrap focused */
.w-ctrl:not(.w-inactive):focus-within > .w-input-wrap {
border-color: #1890ff;
}
/* textarea input wrap */
.w-textarea > .w-input-wrap,
.w-codeeditor > .w-input-wrap {
align-self: stretch;
}
/* textarea input el */
.w-textarea > .w-input-wrap > .w-input-el {
align-self: stretch;
resize: none;
}
/* spinner container */
.w-spinner-ct {
max-height: 1.8em;
}
/* Iframe */
.w-iframe {
border: 0;
}
/* slider */
.w-slider {
position: relative;
flex: 1;
display: flex;
align-self: stretch;
align-items: center;
min-width: 1.5em;
min-height: 1.5em;
cursor: pointer;
}
/* vertical slider */
.w-vertical > .w-slider {
flex-direction: column;
}
/* slider track */
.w-slider-track {
background-color: #91caff;
height: .3em;
}
/* vertical slider track */
.w-vertical > .w-slider > .w-slider-track {
height: unset;
width: .3em;
}
/* disabled slider track & handle */
.w-x.w-y.w-z .w-disabled .w-slider-track,
.w-x.w-y.w-z .w-disabled .w-slider-handle {
background: #f5f5f5;
}
/* table slider/box-wrap/btn */
.w-table-style > .w-ctrl > .w-slider,
.w-table-style > .w-ctrl > .w-box-wrap,
.w-table-style > .w-btn {
margin: .2em .5em;
}
/* toggle disabled handle */
.w-x.w-y.w-z .w-toggle.w-disabled .w-slider-handle {
background: #999;
}
/* slider remain track */
.w-slider-remain {
flex: 1;
background-color: #eee;
}
/* slider tip */
.w-slider-tip {
position: fixed;
z-index: 1;
background: #fcfcfc;
box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
padding: .4em;
}
/* slider tip after */
.w-slider-tip:after {
font-family: wb !important;
font-style: normal;
content: "\e650";
color: #fcfcfc;
top: calc(100% - .3em);
left: calc(50% - .5em);
position: absolute;
}
/* reverse slider tip */
.w-reverse.w-slider-tip:after {
content: "\e64f";
top: -.6em;
}
/* vertical slider tip after */
.w-vertical .w-slider-tip:after {
content: "\e652";
top: calc(50% - .5em);
left: calc(100% - .5em);
}
/* vertical reverse slider tip after */
.w-vertical .w-reverse.w-slider-tip:after {
content: "\e651";
left: -.7em;
}
/* slider handle */
.w-slider-handle {
position: absolute;
background: #1890ff;
width: .5em;
height: 1.5em;
border-radius: 1em;
cursor: pointer;
outline: 0;
touch-action: none;
}
/* vertical slider handle */
.w-vertical > .w-slider > .w-slider-handle {
width: 1.5em;
height: .5em;
}
/* slider handle focus & hover */
.w-desktop .w-slider-handle:focus,
.w-desktop .w-slider-handle:hover {
background: #40a9ff;
}
/* slider handle active */
.w-desktop .w-slider-handle:active {
background: #096dd9;
}
/* toggle slider */
.w-toggle > .w-slider {
min-width: 3em;
max-width: 3em;
}
/* vertical toggle slider */
.w-vertical.w-toggle > .w-slider {
min-width: unset;
max-width: unset;
min-height: 3em;
max-height: 3em;
}
/* toggle slider track */
.w-toggle > .w-slider > .w-slider-track {
height: 1.6em;
border-radius: 1em;
background-color: #1890ff;
}
/* toggle slider remain track */
.w-toggle > .w-slider > .w-slider-remain {
height: 1.6em;
border-radius: 1em;
background-color: #aaa;
}
/* vertical toggle slider track */
.w-vertical.w-toggle > .w-slider > .w-slider-track {
height: unset;
width: 1.6em;
}
/* toggle slider handle */
.w-toggle > .w-slider > .w-slider-handle {
width: 1.2em;
height: 1.2em;
background: #f3f3f3;
}
/* toggle slider handle focused */
.w-desktop .w-toggle > .w-slider > .w-slider-handle:focus,
.w-touch .w-toggle > .w-slider > .w-slider-handle {
background: #fff;
}
/* area slider handle */
.w-area-slider .w-slider-handle {
border: thin solid #555;
width: 1em;
height: 1em;
border-radius: 1em;
background: transparent;
}
/* area slider */
.w-area-slider .w-slider {
border: thin solid #dfdfdf;
}
/* ct for adapt other comps */
.w-ct {
overflow: hidden;
}
/* disabled ct */
.w-ct.w-disabled {
opacity: .4;
}
/* tip */
.w-tip {
padding: .2em .4em;
background: #fcfcfc;
white-space: pre-wrap;
line-height: 1.6;
max-width: min(calc(100vw - 1em), 50em);
max-height: min(calc(100vh - 1em), 20em);
overflow: hidden;
border: thin solid #ebeef5;
user-select: none;
}
/* tip body */
.w-tip > .w-body {
background: #fcfcfc;
}
/* error tip icon */
.w-etip-icon {
content: "\e6b0";
color: #f90;
align-self: center;
margin: 0 .2em;
}
/* error tip text */
.w-etip-text {
white-space: pre-wrap;
}
/* hint */
.w-hint {
font-size: 1.2em;
margin-left: .5em;
cursor: help;
}
/* table-style w-ctrl hint */
.w-table-style > .w-ctrl > .w-hint {
margin-right: .2em;
}
/* error hint */
.w-ehint {
font-size: 1.2em;
margin-left: .2em;
color: #f90;
}
/* prompt window */
.w-prompt-win {
width: 50em;
max-width: 100vw;
max-height: 100vh;
}
/* view window opened by Wb.open */
.w-view-win {
width: 80vw;
height: 80vh;
max-width: 100vw;
max-height: 100vh;
}
/* required label wrap label */
.w-required > .w-label-wrap > .w-label:before {
font-family: wb !important;
font-style: normal;
color: #d75a4a;
content: "\e7e3";
}
/* tableStyle label before */
.w-table-style > .w-required > .w-label-wrap > .w-label:before {
content: none;
}
/* tableStyle label after */
.w-table-style >.w-required > .w-label-wrap > .w-label:after {
font-family: wb !important;
font-style: normal;
color: #d75a4a;
content: "\e7e3";
}
/* title tool */
.w-title-tool {
margin-left: .1em;
font-size: .8em;
}
/* top label */
.w-top-label {
padding: .3em;
border-bottom: thin solid #ebeef5;
}
/* close button */
.w-close-btn {
border-radius: 50%;
font-size: .8em;
font-weight: bold;
flex-shrink: 0;
align-self: start;
margin-left: -.5em;
transform: translate3d(1%, 1%, 0) scale(.7);
}
/* transient close button */
.w-trans-close > .w-close-btn {
visibility: hidden;
}
/* transient button active */
.w-x.w-y .w-trans-close.w-btn-active > .w-close-btn {
visibility: visible;
}
/* transient close button */
.w-trans-close:hover > .w-close-btn {
visibility: visible;
}
/* button bar */
.w-btn-bar {
display: flex;
flex-direction: row;
background: #fff;
flex-shrink: 0;
padding: .5em;
}
/* button bar children */
.w-btn-bar > * {
margin: 0 .2em;
}
/* view */
.w-view {
outline: 0;
user-select: none;
}
/* view item */
.w-item {
outline: 0;
}
/* home tree item */
.w-home-tree .w-item {
cursor: pointer;
}
/* my home body */
.w-x .w-home-body {
grid-template-rows: repeat(12, minmax(calc(8.3333% - .46em), 1fr));
grid-auto-rows: minmax(calc(8.3333% - .46em), 1fr);
}
/* home body panel */
.w-home-body > .w-panel {
min-height: 4em;
}
/* small screen home body */
.w-small-scr .w-home-body {
grid-template-rows: repeat(3, minmax(calc(33.3333% - .333em), 1fr)) !important;
grid-auto-rows: minmax(calc(33.3333% - .333em), 1fr) !important;
grid-template-columns: 1fr !important;
grid-auto-columns: 1fr !important;
}
/* small screen home panel */
.w-small-scr .w-home-body > .w-panel {
grid-row: unset !important;
grid-column: unset !important;
}
/* item icon */
.w-item-icon {
margin-left: .5em;
}
/* grid header & content */
.w-grid-header,
.w-grid-content {
overflow: hidden;
}
/* grid header */
.w-grid-header {
user-select: none;
background: #f5f5f5;
}
/* grid header td */
.w-grid-header td {
background: #f5f5f5;
}
/* header & content table */
.w-header-table,
.w-content-table {
width: 1px;
height: 1px;
table-layout: fixed;
border-collapse: collapse;
}
/* grid content */
.w-grid-content {
flex: 1;
counter-reset: w-row-num;
}
/* sort flag */
.w-sort {
position: relative;
}
/* sort flag after */
.w-sort:after {
font-family: wb !important;
font-style: normal;
content: "\e61a";
color: #555;
position: absolute;
font-size: .8em;
top: calc(50% - .4em);
left: calc(100% - 1.2em);
}
/* sort flag desc after */
.w-sort-desc:after {
content: "\e619";
}
/* plain text */
.w-plain-text {
padding: .5em;
overflow: auto;
white-space: pre;
}
/* cell */
.w-cell {
padding: .4em;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
vertical-align: middle;
}
/* text */
.w-text {
padding: .4em;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
vertical-align: middle;
flex: 1;
}
/* vertical top */
.w-v-top {
vertical-align: top;
}
/* vertical middle */
.w-v-middle {
vertical-align: middle;
}
/* vertical bottom */
.w-v-bottom {
vertical-align: bottom;
}
/* compact text */
.w-compact .w-text {
padding: .3em;
}
/* editor */
.w-x .w-editor {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
visibility: visible;
}
/* editor site */
.w-x .w-editor-site {
position: relative;
visibility: hidden;
}
/* file container */
.w-file-ct {
flex: 1;
min-height: 2em;
}
/* file input wrap */
.w-file > .w-input-wrap {
min-width: 4em;
outline: 0;
}
/* file input el */
.w-file > .w-input-wrap > .w-input-el {
display: none;
}
/* input el in toolbar */
.w-toolbar .w-input-el {
padding: .1em .5em;
align-self: unset;
}
/* input el in paging bar */
.w-pagingbar .w-input-el {
padding: 0 .5em;
}
/* paging bar button */
.w-pagenum.w-pagingbar > .w-sc-body > .w-btn {
border: 1px solid #ccc;
min-width: 2em;
}
/* paging bar body */
.w-pagenum.w-pagingbar > .w-sc-body {
gap: .2em;
}
/* paging bar active button */
.w-pagenum.w-pagingbar > .w-sc-body > .w-page-btn.w-disabled {
background: #1890ff;
}
/* paging bar active button label */
.w-pagenum.w-pagingbar > .w-sc-body > .w-page-btn.w-disabled > .w-label {
color: #fff;
}
/* file preview container */
.w-file-prev-ct {
display: flex;
flex-direction: column;
align-self: stretch;
flex: 1;
overflow: hidden;
}
/* preview body */
.w-prev-body {
overflow: hidden;
flex: 1;
position: relative;
}
/* preview container */
.w-prev-ct {
display: flex;
min-height: 100%;
}
/* text preview */
.w-text-prev {
position: absolute;
white-space: pre;
text-align: center;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
}
/* tag container */
.w-tag-ct {
align-self: stretch;
align-items: start;
align-content: start;
}
/* no edit & readonly tag ct */
.w-readonly > .w-input-wrap > .w-tag-ct,
.w-no-edit > .w-input-wrap > .w-tag-ct {
max-width: unset !important;
flex: 1;
}
/* multiselect hide input */
.w-readonly > .w-input-wrap > .w-tag-ct+.w-input-el,
.w-no-edit > .w-input-wrap > .w-tag-ct+.w-input-el {
max-width: 0;
padding: .3em 0;
}
/* html editor */
.w-htmleditor {
display: flex;
flex-direction: column;
align-items: stretch;
align-self: stretch;
flex: 1;
overflow: hidden;
}
/* html editor ql-editor */
.w-htmleditor > .ql-container {
overflow: hidden;
flex: 1;
font-size: 14px;
}
/* html editor line height */
.w-htmleditor > .ql-container * {
line-height: 1.6;
}
/* Quill strong */
.ql-editor strong {
font-weight: bold;
}
/* Quill em */
.ql-editor em {
font-style: italic;
}
/* Quill u */
.ql-editor u {
text-decoration: underline;
}
/* tag button */
.w-x.w-y.w-z .w-tag-btn {
padding: .2em;
margin: .2em;
font-size: .8em;
max-width: 25em;
color: #555;
}
/* tag button active */
.w-x.w-y.w-z .w-tag-btn.w-btn-active {
color: #555;
border-color: #d9d9d9;
background: #f3f3f3;
}
/* focused control tag button active */
.w-x.w-y.w-z .w-ctrl:focus-within .w-tag-btn.w-btn-active {
color: #555;
border-color: #1890ff;
}
/* sub title */
.w-sub-title {
text-align: right;
color: #999;
flex: 1;
margin-left: 1em;
overflow: hidden;
text-overflow: ellipsis;
}
/* text wrap */
.w-text-wrap {
display: flex;
align-items: center;
overflow: hidden;
flex: 1;
}
/* text in text wrap*/
.w-text-wrap > .w-text {
flex: unset;
}
/* sub text */
.w-sub-text {
color: #999;
flex: 1;
text-overflow: ellipsis;
overflow: hidden;
}
/* grid vertical line */
.w-grid-vline >.w-header-table > tbody > tr > td {
border-right: thin solid #ebeef5;
}
/* freeze grid header */
.w-grid-vline >.w-header-table > tbody > tr > td.w-freeze {
outline: thin solid #ebeef5;
}
/* grid horizontal line */
.w-grid-hline > .w-header-table > tbody > tr > td {
border-bottom: thin solid #ebeef5;
}
/* Sorter placeholder */
.w-sort {
padding-right: 1.2em;
}
/* Sorter placeholder */
.w-ta-center.w-sort {
padding-left: 1.2em;
}
/* table item hover */
.w-desktop .w-content-table > tbody > .w-item:hover,
.w-desktop .w-content-table > tbody > .w-item:hover > td.w-freeze,
.w-desktop .w-content-table > tbody > .w-item:hover > td.w-rn {
color: #555;
background: #eee;
}
/* table item selection */
.w-x.w-y .w-content-table > tbody > tr.w-item-sel,
.w-x.w-y .w-content-table > tbody > tr.w-item-sel > td.w-freeze,
.w-x.w-y .w-content-table > tbody > tr.w-item-sel > td.w-rn {
color: #555;
background: #ddd;
}
/* content table item focused */
.w-view:focus-within .w-content-table > tbody > tr.w-item-sel,
.w-view:focus-within .w-content-table > tbody > tr.w-item-sel > td.w-freeze,
.w-view:focus-within .w-content-table > tbody > tr.w-item-sel > td.w-rn {
color: #555;
background: #bae0ff;
}
/* content table text empty */
.w-keep-space .w-grid-content .w-text:empty:after {
content: '\00a0';
}
/* grid vertical line */
.w-grid-vline > .w-content-table > tbody > tr > td {
border-right: thin solid #ebeef5;
}
/* freeze grid vertical line */
.w-grid-vline > .w-content-table > tbody > tr > td.w-freeze {
outline: thin solid #ebeef5;
}
/* grid horizontal line */
.w-grid-hline > .w-content-table > tbody > tr > td {
border-bottom: thin solid #ebeef5;
}
/* text align left */
.w-x.w-y.w-z .w-ta-left {
text-align: left;
}
/* text align center */
.w-x.w-y.w-z .w-ta-center {
text-align: center;
}
/* text align right */
.w-x.w-y.w-z .w-ta-right {
text-align: right;
}
/* item hover */
.w-desktop .w-item:hover {
color: #555;
background: #eee;
}
/* selected item */
.w-x.w-y .w-item-sel,
.w-sel-mimic {
color: #555;
background: #ddd;
}
/* selected item focused */
.w-view:focus-within .w-item-sel {
color: #555;
background: #bae0ff;
}
/* disabled item */
.w-x.w-y .w-disabled.w-item,
.w-x.w-y .w-disabled.w-item:hover {
color: #ccc;
background: #f5f5f5;
}
/* item tree */
.w-item-tree {
display: table;
}
/* item of item tree */
.w-item-tree > .w-item {
display: table-row;
}
/* item of item tree */
.w-x .w-item-tree > .w-item {
background: unset !important;
}
/* item content */
.w-item-content {
display: table;
table-layout: fixed;
border-collapse: collapse;
white-space: nowrap;
width: 0;
}
/* expander wrap */
.w-expander-wrap {
display: flex;
align-items: center;
}
/* expander wrap first child */
.w-expander-wrap >:first-child {
margin-left: .5em;
}
/* item content children div */
.w-item-content > div {
display: table-cell;
overflow: hidden;
}
/* vertical line div */
.w-grid-vline .w-item-content > div {
border-right: thin solid #ebeef5;
}
/* freeze grid vertical line */
.w-grid-vline .w-item-content > div.w-freeze {
outline: thin solid #ebeef5;
}
/* horizontal line div */
.w-grid-hline .w-item-content > div {
border-bottom: thin solid #ebeef5;
}
/* item content hover */
.w-desktop .w-item-content:hover,
.w-desktop .w-item-content:hover > .w-freeze,
.w-desktop .w-item-content:hover > .w-rn {
color: #555;
background: #eee;
}
/* item content selected */
.w-x .w-item-sel > .w-item-content,
.w-x .w-item-sel > .w-item-content > .w-freeze,
.w-x .w-item-sel > .w-item-content > .w-rn {
color: #555;
background: #ddd;
}
/* selected and focused item */
.w-view:focus-within .w-item-sel > .w-item-content,
.w-view:focus-within .w-item-sel > .w-item-content > .w-freeze,
.w-view:focus-within .w-item-sel > .w-item-content > .w-rn {
color: #555;
background: #bae0ff;
}
/* disabled item */
.w-x .w-disabled.w-item-sel > .w-item-content {
color: #ccc;
background: #f5f5f5;
}
/* disabled item content */
.w-x.w-y .w-disabled .w-item-content:hover,
.w-x.w-y .w-disabled .w-item-content:hover > .w-freeze,
.w-x.w-y .w-disabled .w-item-content:hover > .w-rn {
color: #ccc;
background: #f5f5f5;
}
/* collapsed tree */
.w-collapse > .w-item-tree {
display: none !important;
}
/* auto width tree */
.w-auto-width .w-item-tree,
.w-auto-width .w-item-content {
width: auto !important;
min-width: 100% !important;
}
/* tree expander site */
.w-expander-site {
width: 1.2em;
flex-shrink: 0;
margin: 0 .2em 0 .5em;
}
/* tree expander */
.w-expander {
font-family: wb !important;
font-style: normal;
user-select: none;
text-align: center;
cursor: pointer;
color: #888;
}
/* expanded tree expander */
.w-expand > .w-item-content .w-expander:before {
content: "\e650";
}
/* menu style expanded tree expander */
.w-ts-menu .w-expand > .w-item-content .w-expander:before {
content: "\e619";
}
/* collapsed tree expander */
.w-collapse > .w-item-content .w-expander:before {
content: "\e652";
}
/* menu style collapsed tree expander */
.w-ts-menu .w-collapse > .w-item-content .w-expander:before {
content: "\e822";
}
/* display field icon */
.w-df-icon {
margin-right: .3em;
}
/* auto fit table */
.w-fit-table {
width: 100%;
}
/* fixed item */
.w-x.w-y .w-item-fixed.w-item,
.w-x.w-y .w-item-fixed > .w-item-content {
color: #555;
background: #f5f5f5;
}
/* striple rows */
.w-striple-rows > tbody > tr:nth-child(even) {
background: #fafafa;
}
/* icon cell */
.w-x.w-y .w-iconcell {
padding: 0;
}
/* icon cell wrap */
.w-iconcell-wrap {
display: flex;
align-items: center;
width: 100%;
height: 100%;
border: thin solid transparent;
}
/* icon cell icon */
.w-iconcell-icon {
margin: 0 .2em;
flex-shrink: 0;
}
/* icon cell text */
.w-iconcell-text {
padding: 0 .5em;
flex: 1;
text-overflow: ellipsis;
overflow: hidden;
}
/* modal mask */
.w-modal-mask {
position: fixed;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: #0005;
user-select: none;
}
/* disabled mask */
.w-disable-mask .w-mask,
.w-disable-mask .w-modal-mask {
display: none !important;
}
/* designer */
.w-designer {
outline: 0;
user-select: none;
}
/* designed comp */
.w-d-comp {
position: relative;
min-height: 8px;
min-width: 8px;
}
/* designed comp */
.w-x.w-y.w-z .w-d-comp {
cursor: move;
}
/* designed comp after */
.w-d-comp:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 2px dashed transparent;
z-index: 1;
}
/* selected designed comp after */
.w-d-comp-sel:after {
border-color: #d9d9d9;
}
/* designed comp focused */
.w-designer:focus-within > .w-d-body > .w-d-comp-sel:after,
.w-designer:focus-within > * > .w-d-body > .w-d-comp-sel:after {
border-color: #1890ff;
}
/* designed rect */
.w-d-rect {
position: absolute;
opacity: .5;
border: thin solid #1890ff;
background: #bae0ff;
}
/* designer body */
.w-d-body {
position: relative;
}
/* dashed line */
.w-dline {
border-top: 1px dashed #999;
height: 1px;
}
/* window content wrap container */
.w-ct-el {
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
background: #fff;
}
/* window */
.w-win {
outline: 0;
max-width: 100%;
max-height: 100%;
}
/* message window */
.w-msg-win {
min-width: 16em;
max-width: 90vw;
min-height: 10em;
max-height: 90vh;
}
/* message window icon */
.w-msg-icon {
font-size: 2.3em;
margin: .3em 0 .3em .3em;
}
/* message window content wrap container */
.w-msg-ct {
display: flex;
overflow-y: auto;
align-self: stretch;
flex: 1;
}
/* message window label */
.w-msg-label {
padding: .5em;
margin: auto 0;
white-space: pre-wrap;
}
/* tip & toast window */
.w-tip-win,
.w-toast-win {
z-index: 2000009930;
color: #555;
background: #fcfcfc;
padding: .5em;
user-select: none;
min-width: 10em;
max-width: min(90vw, 80em);
min-height: 1em;
max-height: 40vh;
}
/* toast window */
.w-toast-win {
background: #333d;
color: #eee;
border-radius: .3em;
}
/* tip message label */
.w-tip-win > .w-msg-ct > .w-msg-label {
padding: 0 .5em;
}
/* tip icon */
.w-tip-icon {
margin-left: .3em;
font-size: 1.3em;
}
/* center panel title */
.w-center-title > .w-titlebar > .w-panel-label,
.w-center-title > .w-ct-el > .w-titlebar > .w-panel-label {
margin-left: auto;
}
/* dialog */
.w-x.w-y .w-dialog {
border: 0;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
}
/* dialog and drawer mask */
.w-dialog > .w-modal-mask {
background: unset;
}
/* drawer */
.w-x.w-y .w-drawer {
border: 0;
}
/* drawer dock bottom */
.w-drawer.w-dock-bottom {
border-radius: 1em 1em 0 0;
}
/* drawer dock top */
.w-drawer.w-dock-top {
border-radius: 0 0 1em 1em;
}
/* dialog and drawer title button */
.w-dialog > .w-ct-el > .w-titlebar .w-btn,
.w-drawer > .w-ct-el > .w-titlebar .w-btn {
font-size: 1.2em;
}
/* dialog and drawer tools bar */
.w-dialog > .w-ct-el > .w-titlebar > .w-tools-bar,
.w-drawer > .w-ct-el > .w-titlebar > .w-tools-bar {
font-size: 1em;
}
/* dialog and drawer title label */
.w-dialog > .w-ct-el > .w-titlebar > .w-panel-label,
.w-drawer > .w-ct-el > .w-titlebar > .w-panel-label {
font-weight: bold;
}
/* Excel form border color */
.w-x-form td {
border-color: #dfdfdf !important;
}
/* Highlight button */
.w-hl-text > .w-tabbar > .w-sc-body > .w-btn-active > .w-label {
color: #1890ff;
}
/* vertical tab button */
.w-tabbar > .w-column > .w-btn {
justify-content: start;
}
/* dock on top/bottom */
.w-dock-top,
.w-dock-bottom {
width: 100%;
max-height: calc(100% - 3em);
}
/* dock on right/left */
.w-dock-right,
.w-dock-left {
height: 100%;
max-width: calc(100% - 3em);
}
/* picker comp */
.w-picker-comp {
outline: 0;
background: #fff;
position: fixed !important;
box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
max-height: min(25em, 100%);
max-width: 100%;
z-index: 50;
}
/* docked picker */
.w-x.w-y .w-docked-picker {
position: fixed !important;
width: 100% !important;
top: unset !important;
bottom: 0 !important;
}
/* fieldset */
.w-fieldset {
background: #fff;
display: flex;
flex-direction: column;
min-height: 3em;
}
/* fieldset legend */
.w-fs-legend {
display: flex;
align-items: center;
background: #fff;
position: relative;
height: 1.5em;
top: .75em;
left: 1.5em;
padding: .25em .5em;
align-self: start;
margin-top: -.75em;
margin-right: 3.5em;
max-width: calc(100% - 3.5em);
z-index: 1;
}
/* fieldset body */
.w-fs-body {
flex: 1;
border: thin solid #dfdfdf;
padding: 1.5em;
}
/* fieldset title */
.w-fs-title {
user-select: none;
flex: 1;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
margin: 0 .25em;
}
/* fieldset title not first child */
.w-fs-title:not(:first-child) {
margin-left: .5em;
}
/* fieldset button */
.w-fs-btn {
cursor: pointer;
}
/* fieldset button not first child */
.w-fs-btn:not(:first-child) {
margin-left: .5em;
}
/* title component */
.w-tt {
font-size: 1.1em;
font-weight: bold;
display: flex;
align-items: center;
grid-column: 1 / -1;
border: 0 !important;
user-select: none;
gap: .5em;
/* prevent overflow */
min-width: 0;
}
/* title not first child */
.w-tt:not(:first-child) {
margin-top: 1em;
}
/* table style title component */
.w-table-style > .w-tt,
.w-table-style > .w-line {
margin: 1em 0 !important;
}
/* table title line first child */
.w-table-style .w-tt:first-child,
.w-table-style .w-line:first-child {
margin-top: 0 !important;
}
/* table title line not first child */
.w-table-style .w-tt:not(:first-child) {
margin-top: 2em !important;
}
/* fixed margin */
.w-x.w-y .w-fixed-margin:not(:first-child) {
margin: 0;
}
/* table style fixed margin */
.w-x.w-y .w-table-style > .w-fixed-margin:not(:first-child) {
margin: 1em 0 !important;
}
/* title marker */
.w-tt-marker {
width: .2em;
background: #1890ff;
min-height: 1em;
align-self: stretch;
flex-shrink: 0;
}
/* title marker */
.w-tt-marker:nth-child(2) {
display: none;
}
/* title line */
.w-tt-line {
background: #dfdfdf;
height: .1px;
flex: 1;
}
/* title line */
.w-tt-line:not(:first-child) {
flex: 1;
}
/* title icon */
.w-tt-icon {
font-weight: normal;
}
/* sub name */
.w-sub-name {
user-select: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #999;
font-size: .8em;
}
/* title of title component */
.w-tt-title {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
/* flex text */
.w-ftext {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 1px;
flex: 1;
}
/* color component */
.w-color-comp {
padding: .5em;
min-width: 14em;
min-height: 14em;
border: thin solid #dfdfdf;
}
/* color component banner */
.w-color-banner {
display: flex;
margin-bottom: .5em;
min-height: 1.5em;
}
/* color palette */
.w-color-palette {
user-select: none;
flex: 1;
position: relative;
}
/* color hue */
.w-color-hue {
width: 1.5em;
background: linear-gradient(to bottom, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%);
}
/* color alpha */
.w-color-alpha {
margin: 0 .5em;
width: 1.5em;
}
/* color alpha and hue handle */
.w-color-alpha .w-slider-handle,
.w-color-hue .w-slider-handle {
background: #fffe;
}
/* color mask1 */
.w-color-mask1 {
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
/* color mask2 */
.w-color-mask2 {
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0));
}
/* color select picker body */
.w-colorselect > .w-picker-comp > .w-body {
padding: 0.5em;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0.5em;
}
/* color select fit el */
.w-colorselect > .w-input-wrap > .w-fit-el {
cursor: pointer;
}
/* color select item */
.w-colorselect > .w-picker-comp > .w-body > .w-item {
height: 2em;
border: 1px solid #ebeef5;
cursor: pointer;
}
/* fit el */
.w-fit-el {
flex: 1;
align-self: stretch;
}
/* color item */
.w-colorselect > .w-picker-comp > .w-body > .w-item:hover,
.w-colorselect > .w-picker-comp > .w-body > .w-item-sel {
border-color: #1890ff;
}
/* date view */
.w-dateview {
padding: .5em;
width: 25em;
}
/* date view label & content */
.w-dateview-label,
.w-dateview-content {
display: grid;
grid-template-columns: repeat(7, 1fr);
}
/* date view label & content children */
.w-dateview-label > *,
.w-dateview-content > * {
margin: .1em;
text-align: center;
}
/* date view label */
.w-dateview-label {
margin-bottom: .5em;
}
/* date view content */
.w-dateview-content > * {
cursor: pointer;
padding: .5em;
}
/* pad tool */
.w-pad-tool {
padding: .3em 1em;
}
/* date title */
.w-date-title {
text-align: center;
flex: 1;
}
/* non current month dates in the date view */
.w-date-out {
color: #999;
}
/* date item */
.w-dateview .w-item {
border: thin solid transparent;
}
/* date today */
.w-dateview .w-date-today.w-item {
border: thin solid #be7e24;
}
/* datetime panel body */
.w-dt-panel > .w-body {
gap: .5em;
}
/* current date focused */
.w-dateview:focus-within .w-item-sel.w-item,
.w-dt-panel:focus-within .w-dateview .w-item-sel.w-item {
color: #fff;
background: #1890ff;
}
/* code */
.w-code {
font-family: Consolas, "Courier New", monospace;
border: thin solid #dfdfdf;
background: #fcfcfc;
overflow: auto;
padding: .5em;
white-space: pre;
line-height: 1.6;
max-width: calc(100vw - 18px);
}
/* select view */
.w-select-view .w-item {
padding: .4em;
overflow: hidden;
text-overflow: ellipsis;
}
/* select view item */
.w-sv-item {
overflow: hidden;
text-overflow: ellipsis;
}
/* select comp nowrap item */
.w-select-nowrap .w-item {
white-space: nowrap;
}
/* select view selected item */
.w-x.w-y .w-select-view .w-item-sel,
.w-x.w-y .w-select-tree .w-item-sel > .w-item-content {
color: #555;
background: #bae0ff;
}
/* table */
.w-table {
border: thin solid #ebeef5;
table-layout: fixed;
border-collapse: collapse;
}
/* table td, th */
.w-table th,
.w-table td {
border: thin solid #ebeef5;
padding: .5em;
}
/* table th */
.w-table th {
font-weight: bold;
}
/* table1 */
.w-table1 {
border: thin solid #ebeef5;
border-collapse: collapse;
margin: .5em 0;
}
/* table1 td */
.w-table1 td {
border: thin solid #ebeef5;
padding: .3em 1em;
}
/* table1 thead tr */
.w-table1 thead > tr {
font-weight: bold;
text-align: center;
}
/* table1 tbody even tr */
.w-table1 tbody > tr:nth-child(even) {
background: #fafafa;
}
/* fontsize .8em */
.w-x .w-sized8 {
font-size: .8em;
}
/* fontsize 1.2em */
.w-x .w-sized1d2 {
font-size: 1.2em;
}
/* fontsize 1.5em */
.w-x .w-size1d5 {
font-size: 1.5em;
}
/* fontsize 1.8em */
.w-x .w-size1d8 {
font-size: 1.8em;
}
/* fontsize 2em */
.w-x .w-size2 {
font-size: 2em;
}
/* fontsize 2.5em */
.w-x .w-size2d5 {
font-size: 2.5em;
}
/* fontsize 2.8em */
.w-x .w-size2d8 {
font-size: 2.8em;
}
/* fontsize 3em */
.w-x .w-size3 {
font-size: 3em;
}
/* fontsize 4em */
.w-x .w-size4 {
font-size: 4em;
}
/* fontsize 5em */
.w-x .w-size5 {
font-size: 5em;
}
/* .1em gap */
.w-x.w-y .w-gapd1 {
gap: .1em;
}
/* .2em gap */
.w-x.w-y .w-gapd2 {
gap: .2em;
}
/* .5em gap */
.w-x.w-y .w-gap,
.w-x.w-y .w-gapd5 {
gap: .5em;
}
/* .8em gap */
.w-x.w-y .w-gapd8 {
gap: .8em;
}
/* 1em gap */
.w-x.w-y .w-gap1 {
gap: 1em;
}
/* 1.5em gap */
.w-x.w-y .w-gap1d5 {
gap: 1.5em;
}
/* 2em gap */
.w-x.w-y .w-gap2 {
gap: 2em;
}
/* 3em gap */
.w-x.w-y .w-gap3 {
gap: 3em;
}
/* 1.5 line height */
.w-x.w-y .w-lh {
line-height: 1.5;
}
/* 2 line height */
.w-x.w-y .w-lh2 {
line-height: 2;
}
/* 3 line height */
.w-x.w-y .w-lh3 {
line-height: 3;
}
/* padding true */
.w-pad-true {
padding: .5em;
}
/* padding top */
.w-pad-top {
padding-top: .5em;
}
/* padding right */
.w-pad-right {
padding-right: .5em;
}
/* padding bottom */
.w-pad-bottom {
padding-bottom: .5em;
}
/* padding left */
.w-pad-left {
padding-left: .5em;
}
/* padding .5em */
.w-x.w-y .w-padding {
padding: .5em;
}
/* padding 1em */
.w-x.w-y .w-padding1 {
padding: 1em;
}
/* padding 2em */
.w-x.w-y .w-padding2 {
padding: 2em;
}
/* padding 3em */
.w-x.w-y .w-padding3 {
padding: 3em;
}
/* padding-tb .5em */
.w-x.w-y .w-padding-tb {
padding: .5em 0;
}
/* padding-tb 1em */
.w-x.w-y .w-padding-tb1 {
padding: 1em 0;
}
/* padding-lr .5em */
.w-x.w-y .w-padding-lr {
padding: 0 .5em;
}
/* padding-lr 1em */
.w-x.w-y .w-padding-lr1 {
padding: 0 1em;
}
/* margin left auto */
.w-x.w-y.w-z .w-ml-auto {
margin-left: auto;
}
/* margin right auto */
.w-x.w-y.w-z .w-mr-auto {
margin-right: auto;
}
/* margin true */
.w-margin-true {
margin: 1em;
}
/* margin top */
.w-margin-top {
margin-top: 1em;
}
/* margin right */
.w-margin-right {
margin-right: 1em;
}
/* margin bottom */
.w-margin-bottom {
margin-bottom: 1em;
}
/* margin left */
.w-margin-left {
margin-left: 1em;
}
/* margin .5em */
.w-x.w-y .w-margin {
margin: .5em;
}
/* margin 1em */
.w-x.w-y .w-margin1 {
margin: 1em;
}
/* margin 2em */
.w-x.w-y .w-margin2 {
margin: 2em;
}
/* margin 3em */
.w-x.w-y .w-margin3 {
margin: 3em;
}
/* margin-tb .5em */
.w-x.w-y .w-margin-tb {
margin: .5em 0;
}
/* margin-tb 1em */
.w-x.w-y .w-margin-tb1 {
margin: 1em 0;
}
/* margin-lr .5em */
.w-x.w-y .w-margin-lr {
margin: 0 .5em;
}
/* margin-lr 1em */
.w-x.w-y .w-margin-lr1 {
margin: 0 1em;
}
/* margin-t .5em */
.w-x.w-y .w-margin-t {
margin-top: .5em;
}
/* margin-t 1em */
.w-x.w-y .w-margin-t1 {
margin-top: 1em;
}
/* margin-r .5em */
.w-x.w-y .w-margin-r {
margin-right: .5em;
}
/* margin-r 1em */
.w-x.w-y .w-margin-r1 {
margin-right: 1em;
}
/* margin-b .5em */
.w-x.w-y .w-margin-b {
margin-bottom: .5em;
}
/* margin-b 1em */
.w-x.w-y .w-margin-b1 {
margin-bottom: 1em;
}
/* margin-l .5em */
.w-x.w-y .w-margin-l {
margin-left: .5em;
}
/* margin-l 1em */
.w-x.w-y .w-margin-l1 {
margin-left: 1em;
}
/* margin start */
.w-margin-start {
margin: 0 auto auto 0;
}
/* margin end */
.w-margin-end {
margin: auto 0 0 auto;
}
/* margin center */
.w-margin-center {
margin: auto;
}
/* indent 2em */
.w-indent {
text-indent: 2em;
}
/* overflow visible */
.w-x.w-y .w-visible {
overflow: visible;
}
/* children overflow visible */
.w-x.w-y .w-visible-all > * {
overflow: visible;
}
/* border */
.w-x.w-y.w-z .w-bd-true {
border: thin solid #ebeef5;
}
/* top border */
.w-x.w-y.w-z .w-bd-top {
border-top: thin solid #ebeef5;
}
/* right border */
.w-x.w-y.w-z .w-bd-right {
border-right: thin solid #ebeef5;
}
/* bottom border */
.w-x.w-y.w-z .w-bd-bottom {
border-bottom: thin solid #ebeef5;
}
/* left border */
.w-x.w-y.w-z .w-bd-left {
border-left: thin solid #ebeef5;
}
/* item border */
.w-x.w-y .w-border+.w-border {
border-top: thin solid #ebeef5;
}
/* badge element */
.w-badge {
color: #fff;
background: #d75a4a;
position: absolute;
top: -0.4em;
left: calc(100% - 1.5em);
font-size: .3em;
border-radius: 50%;
padding: 0.2em;
line-height: 1;
min-width: 1.5em;
}
/* icon view grid layout */
.w-vt-smallicon > .w-grid,
.w-vt-mediumicon > .w-grid,
.w-vt-bigicon > .w-grid {
padding: .5em;
gap: .5em;
grid-template-columns: repeat(auto-fill, 8em);
}
/* list item, list icon */
.w-list-item,
.w-list-icon {
display: flex;
padding: 0.5em;
align-items: center;
gap: 0.5em;
overflow: hidden;
}
/* list icon */
.w-list-icon {
flex-direction: column;
}
/* list icon */
.w-list-icon > .w-name {
align-self: stretch;
text-align: center;
user-select: none;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
white-space: normal;
overflow-wrap: break-word;
}
/* list item icon & img */
.w-list-item > .w-icon,
.w-list-icon > .w-icon,
.w-list-item > .w-img,
.w-list-icon > .w-img {
font-size: 2.5em;
position: relative;
margin-right: .1em;
}
/* small icon & img */
.w-vt-smalllist > .w-body > .w-item > .w-icon,
.w-vt-smalllist > .w-body > .w-item > .w-img,
.w-vt-smallicon > .w-body > .w-item > .w-icon,
.w-vt-smallicon > .w-body > .w-item > .w-img {
font-size: 1em;
}
/* big icon & img */
.w-vt-bigicon > .w-body > .w-item > .w-icon,
.w-vt-bigicon > .w-body > .w-item > .w-img {
font-size: 4em;
}
/* big icon & img badge */
.w-vt-bigicon > .w-body > .w-item > .w-icon > .w-badge,
.w-vt-bigicon > .w-body > .w-item > .w-img > .w-badge {
font-size: .2em;
}
/* list item + list item */
:not(.w-no-divider) > .w-list-item+.w-list-item {
border-top: thin solid #ebeef5;
}
/* List wrap1 */
.w-list-wrap1 {
display: flex;
flex-direction: column;
gap: .2em;
overflow: hidden;
}
/* List wrap2 */
.w-list-wrap2 {
display: flex;
flex-direction: column;
font-size: .8em;
gap: .2em;
padding-left: 1em;
margin-left: auto;
color: #999;
overflow: hidden;
flex-shrink: 0;
max-width: 50%;
}
/* List wrap2 subs */
.w-list-wrap2 > * {
text-align: right;
}
/* List wrap2 icon*/
.w-list-wrap2 > .w-icon {
color: #999;
align-self: end;
}
/* page */
.w-page {
padding: .5em 1.2em;
}
/* bold */
.w-bold {
font-weight: bold;
}
/* control container */
.w-x.w-y .w-ctrl-ct {
flex: 1;
align-self: stretch;
}
/* control container form grid layout */
.w-ctrl-ct.w-form,
.w-ctrl-ct.w-form1,
.w-ctrl-ct.w-form-compact,
.w-ctrl-ct.w-grid,
.w-ctrl-ct.w-grid-compact,
.w-ctrl-ct.w-grid1,
.w-ctrl-ct.w-grid2,
.w-ctrl-ct.w-grid3,
.w-ctrl-ct.w-grid4,
.w-ctrl-ct.w-grid5,
.w-ctrl-ct.w-grid6,
.w-ctrl-ct.w-grid7,
.w-ctrl-ct.w-grid8,
.w-ctrl-ct.w-grid9,
.w-ctrl-ct.w-grid10,
.w-ctrl-ct.w-grid11,
.w-ctrl-ct.w-grid12,
.w-ctrl-ct.w-grid13,
.w-ctrl-ct.w-grid14,
.w-ctrl-ct.w-grid15,
.w-ctrl-ct.w-grid16,
.w-ctrl-ct.w-grid17,
.w-ctrl-ct.w-grid18,
.w-ctrl-ct.w-grid19,
.w-ctrl-ct.w-grid20 {
padding: 0;
}
/* small screen auto grid */
.w-x.w-y.w-z.w-small-scr .w-autogrid-true,
.w-x.w-y.w-z.w-small-scr .w-autogrid-up {
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
/* small screen auto grid children */
.w-x.w-y.w-z.w-small-scr .w-autogrid-true > *,
.w-x.w-y.w-z.w-small-scr .w-autogrid-up > * {
grid-row: unset !important;
grid-column: unset !important;
}
/* table style control container */
.w-table-style > .w-ctrl > .w-ctrl-ct {
padding: .5em;
}
/* label up control */
.w-ctrl.w-label-up,
.w-clabel-up > .w-ctrl:not(.w-uped),
.w-small-scr .w-autogrid-up > .w-ctrl:not(.w-uped) {
flex-direction: column;
}
/* label up control label */
.w-ctrl.w-label-up > .w-label-wrap > .w-label,
.w-clabel-up > .w-ctrl:not(.w-uped) > .w-label-wrap > .w-label,
.w-small-scr .w-autogrid-up > .w-ctrl:not(.w-uped) > .w-label-wrap > .w-label {
text-align: left;
}
/* label up label wrap */
.w-ctrl.w-label-up > .w-label-wrap,
.w-clabel-up > .w-ctrl:not(.w-uped) > .w-label-wrap,
.w-small-scr .w-autogrid-up > .w-ctrl:not(.w-uped) > .w-label-wrap {
padding: 0 0 .5em 0;
}
/* table style label wrap */
.w-x.w-y .w-table-style > .w-ctrl > .w-label-wrap {
padding: .5em;
}
/* table style label up label wrap */
.w-table-style > .w-ctrl.w-label-up > .w-label-wrap,
.w-table-style.w-clabel-up > .w-ctrl:not(.w-uped) > .w-label-wrap,
.w-small-scr .w-table-style.w-autogrid-up > .w-ctrl:not(.w-uped) > .w-label-wrap {
border-right: 0;
}
/* control label left align */
.w-x.w-y .w-la-left > .w-label-wrap > .w-label,
.w-x .w-cla-left > .w-ctrl:not(.w-aligned) > .w-label-wrap > .w-label {
text-align: left;
}
/* control label center align */
.w-x.w-y .w-la-center > .w-label-wrap > .w-label,
.w-x .w-cla-center > .w-ctrl:not(.w-aligned) > .w-label-wrap > .w-label {
text-align: center;
}
/* control label right align */
.w-x.w-y.w-z .w-la-right > .w-label-wrap > .w-label,
.w-x .w-cla-right > .w-ctrl:not(.w-aligned) > .w-label-wrap > .w-label {
text-align: right;
}
/* control label unset width */
.w-x.w-y .w-ctrl.w-un-width > .w-label-wrap > .w-label {
width: unset;
}
/* flag */
.w-flag {
color: #888;
background: #e9e9e9;
}
/* flag1 */
.w-flag1 {
margin-left: auto;
margin-right: .4em;
}
/* flex body & scrolled body */
.w-flex-body,
.w-sc-body {
overflow: hidden;
flex: 1;
}
/* scrolled body children */
.w-sc-body > * {
flex-shrink: 0;
}
/* scrolled body button children */
.w-sc > .w-btn {
flex: 0 0 auto;
padding: .1em;
align-self: stretch;
}
/* flex1 */
.w-x .w-flex,
.w-x .w-flex1 {
flex: 1;
}
/* flex2 */
.w-x .w-flex2 {
flex: 2;
}
/* flex3 */
.w-x .w-flex3 {
flex: 3;
}
/* flex4 */
.w-x .w-flex4 {
flex: 4;
}
/* flex5 */
.w-x .w-flex5 {
flex: 5;
}
/* menu */
.w-menu {
display: flex;
flex-direction: column;
background: #fff;
padding: .2em 0;
min-width: 6em;
max-width: min(35em, 90vw);
max-height: 100vh;
}
/* menu item */
.w-x.w-y .w-menu-item {
justify-content: start;
border-radius: 0;
border-color: transparent;
padding: .2em .5em;
transition: none;
}
/* menu item tool hover */
.w-desktop.w-x .w-menu-item.w-btn-tool:hover {
color: #555;
background: #eee;
}
/* menu item non-tool hover */
.w-x.w-y .w-menu-item:not(.w-btn-tool) {
border: 0;
}
/* menu item active */
.w-x.w-y.w-z .w-menu-item.w-btn-active {
color: #555;
background: #bae0ff;
}
/* menu item active disabled */
.w-x.w-y.w-z .w-menu-item.w-btn-active.w-disabled {
background: #f5f5f5;
}
/* menu item of menu */
.w-menu > .w-sc-body > .w-menu-item {
min-width: 8em;
}
/* menu items */
.w-menu > .w-sc-body > *:not(.w-sline) {
padding: .3em .5em;
}
/* touch menu items */
.w-touch .w-menu > .w-sc-body > *:not(.w-sline) {
padding: .5em;
}
/* option component */
.w-option {
display: flex;
justify-content: start;
align-items: center;
padding: .7em 1.5em;
gap: 1em;
}
/* clickable option */
.w-option.w-option-click {
cursor: pointer;
}
/* option button style */
.w-option-btn {
justify-content: center;
}
/* option button wrap */
.w-option-btn > .w-option-wrap {
margin: .3em 0
}
/* option button flag */
.w-option-btn > .w-option-flag {
display: none;
}
/* option active */
.w-desktop .w-option.w-option-click:not(.w-disabled):hover {
color: #555;
background: #eee;
}
/* option active */
.w-x .w-option.w-option-click:not(.w-disabled):active {
color: #555;
background: #ddd;
}
/* option text wrap */
.w-option-wrap {
display: flex;
flex-direction: column;
/* force same height when editor is toggle */
margin: .3em auto .3em 0;
}
/* option description */
.w-option-desc {
font-size: .8em;
user-select: none;
white-space: pre-wrap
}
/* option value */
.w-option-value {
user-select: none;
white-space: pre-wrap;
max-width: 50%;
}
/* option flag */
.w-option-flag {
flex-shrink: 0;
padding: .2em;
}
/* option flag icon */
.w-option-flag > .w-icon {
color: #888;
}
/* sub menu flag */
.w-x.w-y.w-z .w-menu-flag {
font-size: .8em;
}
/* sub menu flag before */
.w-menu-flag:before {
content: "\e822";
}
/* menu item short cut */
.w-mi-sc {
padding-left: 3em;
min-width: 6em;
text-align: right;
}
/* variables */
.w-var-el {
/* theme: 0: vs, 1: vs-dark, 2: hc_black, 3: custom */
border-top-color: #000000;
/* editor background: #000001 means default */
border-right-color: #fff;
border-bottom-color: #2bc253;
border-left-color: #555;
background-color: #f5f5f5;
font-size: 14px;
caret-color: #fff;
outline-color: #dfdfdf;
color: #555;
}
/* transparent background */
.w-alpha-bg {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAAfSURBVChTYzA2NkFDGhqayGgIqUDjAxGahsGhwtgEANCDQQ");
}
/* desktop scrollbar */
.w-desktop *::-webkit-scrollbar {
width: 8px;
height: 8px;
}
/* touch scrollbar */
.w-touch *::-webkit-scrollbar {
width: 4px;
height: 4px;
}
/* scrollbar corner & track */
::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* scrollbar thumb */
::-webkit-scrollbar-thumb {
background: #d5d5d5;
}
/* scrollbar thumb hover */
.w-desktop *::-webkit-scrollbar-thumb:hover {
background: #c5c5c5;
}
/* scrollbar thumb active */
.w-desktop *::-webkit-scrollbar-thumb:active {
background: #b5b5b5;
}
/* scrollbar button */
::-webkit-scrollbar-button {
display: none;
}
/* scrollbar placeholder */
.w-rsbar {
overflow-y: scroll;
/* for ff */
scrollbar-color: transparent transparent;
scrollbar-width: thin;
}
/* scrollbar placeholder */
.w-rsbar::-webkit-scrollbar {
width: 8px;
height: 8px;
}
/* touch scrollbar placeholder */
.w-touch .w-rsbar::-webkit-scrollbar {
width: 4px;
height: 4px;
}
/* scrollbar placeholder track */
.w-rsbar::-webkit-scrollbar-track {
background: transparent;
}
/* scrollbar placeholder thumb */
.w-rsbar::-webkit-scrollbar-thumb {
display: none;
}
/* bottom line */
.w-bottom-line {
border-bottom: thin solid #dfdfdf;
}
/* zindex 50 */
.w-zindex {
z-index: 50;
}
/* splitter */
.w-splitter {
background: #f5f5f5;
min-width: 5px;
min-height: 5px;
position: relative;
user-select: none;
touch-action: none;
}
/* splitter button */
.w-splitter-btn {
top: calc(50% - 20px);
left: 0;
position: absolute;
width: 5px;
height: 40px;
border-radius: 3px;
padding: 0;
opacity: 0;
cursor: pointer !important;
visibility: hidden;
z-index: 1;
transition: all .5s ease-in-out;
}
/* splitter vertical button */
.w-splitter-vbtn {
left: calc(50% - 20px);
top: 0;
height: 5px;
width: 40px;
}
/* splitter button icon */
.w-splitter-btn > .w-icon {
font-size: 12px;
color: #888;
cursor: pointer !important;
transform: scale(.8);
}
/* spliter button hover */
.w-splitter:hover .w-splitter-btn {
visibility: visible;
opacity: .8;
transition: opacity .5s ease-in-out;
}
/* rownum reset */
.w-rownum-reset {
counter-reset: w-row-num;
}
/* rownum */
.w-rownum {
counter-increment: w-row-num;
}
/* rownum before */
.w-rownum:before {
content: counter(w-row-num);
}
/* table row number */
.w-rn {
background: #f5f5f5;
text-align: right;
counter-increment: w-row-num;
}
/* table row number before */
.w-rn:before {
content: counter(w-row-num);
}
/* fixed cell */
.w-x.w-y.w-z .w-fixed-cell {
color: #555;
background: #f5f5f5;
}
/* select color */
.w-scolor-none .w-item:not(.w-disabled),
.w-scolor-none .w-item:not(.w-disabled) .w-rn,
.w-scolor-hover .w-item:not(.w-disabled):not(:hover),
.w-scolor-hover .w-item:not(.w-disabled):not(:hover) .w-rn,
.w-scolor-active .w-item:not(.w-disabled):not(:active),
.w-scolor-active .w-item:not(.w-disabled):not(:active) .w-rn,
.w-scolor-select .w-item:not(.w-disabled):not(.w-item-sel),
.w-scolor-select .w-item:not(.w-disabled):not(.w-item-sel) .w-rn,
.w-scolor-none .w-item-content:not(.w-disabled),
.w-scolor-hover .w-item-content:not(.w-disabled):not(:hover),
.w-scolor-active .w-item-content:not(.w-disabled):not(:active),
.w-scolor-select *:not(.w-item-sel) > .w-item-content:not(.w-disabled) {
color: unset !important;
background: unset !important;
}
/* select hover color */
.w-scolor-hover:not(.w-tree) .w-item:not(.w-disabled):hover,
.w-scolor-hover:not(.w-tree) .w-item:not(.w-disabled):hover .w-rn,
.w-scolor-hover .w-item-content:not(.w-disabled):hover,
.w-scolor-hover .w-item-content:not(.w-disabled):hover .w-rn,
.w-desktop .w-scolor-active:not(.w-tree) .w-item:not(.w-disabled):hover,
.w-desktop .w-scolor-active:not(.w-tree) .w-item:not(.w-disabled):hover .w-rn,
.w-desktop .w-scolor-active .w-item-content:not(.w-disabled):hover,
.w-desktop .w-scolor-active .w-item-content:not(.w-disabled):hover .w-rn {
color: #555 !important;
background: #eee !important;
}
/* select active color */
.w-x .w-scolor-active:not(.w-tree) .w-item:not(.w-disabled):active,
.w-x .w-scolor-active:not(.w-tree) .w-item:not(.w-disabled):active .w-rn,
.w-x .w-scolor-active .w-item-content:not(.w-disabled):active,
.w-x .w-scolor-active .w-item-content:not(.w-disabled):active .w-rn {
color: #555 !important;
background: #ddd !important;
}
/* items1 style, such as singleSelView item */
.w-item1 {
display: flex;
align-items: center;
gap: 0.5em;
padding: .8em;
}
/* items1 check */
.w-item-sel > .w-item1-check {
margin-left: auto;
color: #1890ff;
}
/* items1 check icon */
.w-item-sel > .w-item1-check:before {
content: "\e806";
}
/* slot view */
.w-slot-view {
border: 0;
}
/* no border */
.w-x.w-y.w-z .w-no-border {
border: 0;
}
/* slot view body */
.w-slot-view > .w-body {
display: block;
}
/* slot view body before */
.w-slot-view > .w-body:before {
content: "";
height: calc(50% - 1em);
width: 100%;
display: block;
}
/* slot view body before */
.w-slot-view > .w-body:after {
content: "";
height: calc(50% - 1em);
width: 100%;
display: block;
}
/* slot view body item */
.w-slot-view > .w-body > .w-item {
white-space: nowrap;
color: #999;
}
/* slot view body selected item */
.w-x .w-slot-view > .w-body > .w-item-sel {
background: unset;
color: #555;
}
/* slot container */
.w-slot-ct {
outline: 0;
}
/* slot container body */
.w-slot-ct > .w-body {
position: relative;
}
/* slot stripe */
.w-slot-stripe {
position: absolute;
top: calc(50% - 1.2em);
width: 100%;
height: 2.4em;
pointer-events: none;
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
z-index: 1;
box-shadow: #ccc 0 -2px 18px -8px, #ccc 0 2px 18px -8px;
}
/* slot container focused stripe */
.w-slot-ct:focus-within > .w-body > .w-slot-stripe,
.w-dt-panel:focus-within .w-slot-ct > .w-body > .w-slot-stripe {
border-color: #1890ff;
}
/* top of slot */
.w-slot-top {
top: calc(50% - 0.2em);
}
/* time slot view */
.w-time-slot > .w-body > .w-slot-view {
width: 3em;
}
/* banner */
.w-banner {
display: flex;
flex-direction: row;
background: #fff;
padding: .3em 0;
align-items: center;
gap: 1em;
position: sticky;
left: 0;
top: 0;
width: 100%;
z-index: 30;
}
/* limit width */
.w-limit-width {
max-width: calc(100vw - 18px);
}
/* no height */
.w-no-height {
height: unset !important;
}
/* x6 node in view mode */
.w-x6-view path,
.w-x6-view .x6-edge-label {
cursor: default;
}
/* split button */
.w-split-btn {
padding: 0 0 0 .5em;
}
/* split button children */
.w-split-btn > *:not(.w-btn) {
margin-top: .3em;
margin-bottom: .3em;
}
/* split tool button */
.w-split-btn.w-btn-tool {
gap: .2em;
padding: 0 0 0 .2em;
}
/* split tool button children */
.w-split-btn.w-btn-tool > *:not(.w-btn) {
margin-top: .2em;
margin-bottom: .2em;
}
/* split button child button */
.w-split-btn > .w-btn {
border: 0;
padding: 0;
align-self: stretch;
border-radius: 0;
}
/* split button icon */
.w-split-btn > .w-btn > .w-icon {
transform: scale(.7);
}
/* split button active */
.w-x.w-y .w-split-btn:not(.w-disabled) > .w-btn-active {
background: #bae0ff;
}
/* split button icon */
.w-x .w-split-btn:not(.w-disabled) > .w-btn-active > .w-icon {
color: #555;
}
/* success color */
.w-x.w-y .w-succ-color {
color: #19be6b;
}
/* success background */
.w-x.w-y .w-succ-bgcolor {
background: #19be6b;
}
/* success background important */
.w-succ-bgcolor-x {
background: #19be6b !important;
}
/* sucess background row important */
.w-succ-bgcolor-row > td,
.w-succ-bgcolor-row > div {
background: #19be6b !important;
}
/* sucess color row important */
.w-succ-color-row > td,
.w-succ-color-row > div {
color: #19be6b !important;
}
/* sub background row */
.w-sub-bgcolor-row > td,
.w-sub-bgcolor-row > div {
background: #999 !important;
}
/* sub color row */
.w-sub-color-row > td,
.w-sub-color-row > div {
color: #999 !important;
}
/* info color */
.w-x.w-y .w-info-color {
color: #2db7f5;
}
/* info background */
.w-x.w-y .w-info-bgcolor {
background: #2db7f5;
}
/* info background important */
.w-info-bgcolor-x {
background: #2db7f5 !important;
}
/* key color */
.w-x.w-y .w-key-color {
color: #be7e24;
}
/* warn color */
.w-x.w-y .w-warn-color {
color: #f90;
}
/* warn background */
.w-x.w-y .w-warn-bgcolor {
background: #f90;
}
/* warn background important */
.w-warn-bgcolor-x {
background: #f90 !important;
}
/* warn background row important */
.w-warn-bgcolor-row > td,
.w-warn-bgcolor-row > div {
background: #f90 !important;
}
/* warn color row */
.w-warn-color-row > td,
.w-warn-color-row > div {
color: #f90 !important;
}
/* error color */
.w-x.w-y .w-error-color {
color: #d75a4a;
}
/* error background */
.w-x.w-y .w-error-bgcolor {
background: #d75a4a;
}
/* error background important */
.w-error-bgcolor-x {
background: #d75a4a !important;
}
/* error background row important */
.w-error-bgcolor-row > td,
.w-error-bgcolor-row > div {
background: #d75a4a !important;
}
/* error color row important */
.w-error-color-row > td,
.w-error-color-row > div {
color: #d75a4a !important;
}
/* titlebar background */
.w-x.w-y .w-titlebar-bgcolor {
background: #f5f5f5;
}
/* main color */
.w-x.w-y .w-main-color {
color: #555;
}
/* main color important */
.w-x.w-y .w-main-color-x {
color: #555 !important;
}
/* main background */
.w-x.w-y .w-main-bgcolor {
background: #fff;
}
/* main background important */
.w-x.w-y .w-main-bgcolor-x {
background: #fff !important;
}
/* sub color */
.w-x.w-y .w-sub-color {
color: #999;
}
/* fixed background */
.w-x.w-y .w-fixed-bgcolor {
background: #f5f5f5;
}
/* fixed background important */
.w-fixed-bgcolor-x {
background: #f5f5f5 !important;
}
/* highlight color */
.w-x.w-y .w-hl-color {
color: #ff0;
}
/* highlight background */
.w-x.w-y .w-hl-bgcolor {
background: #ff0;
}
/* highlight background important */
.w-hl-bgcolor-x {
background: #ff0 !important;
}
/* active color */
.w-x.w-y .w-active-color {
color: #1890ff;
}
/* active color important */
.w-x.w-y .w-active-color-x {
color: #1890ff !important;
}
/* active background */
.w-x.w-y .w-active-bgcolor {
background: #1890ff;
}
/* active background important */
.w-active-bgcolor-x {
background: #1890ff !important;
}
/* active background row important */
.w-active-bgcolor-row > td,
.w-active-bgcolor-row > div {
background: #1890ff !important;
}
/* active color row important */
.w-active-color-row > td,
.w-active-color-row > div {
color: #1890ff !important;
}
/* inverse color */
.w-x.w-y.w-z .w-inverse-color {
color: #f3f3f3;
}
/* monaco aria container for fixed bug */
.w-x.w-y .monaco-aria-container {
user-select: none;
}
/* SimSun */
.ql-font-SimSun {
font-family: SimSun;
}
/* KaiTi */
.ql-font-KaiTi {
font-family: KaiTi;
}
/* SimHei */
.ql-font-SimHei {
font-family: SimHei;
}
/* FangSong */
.ql-font-FangSong {
font-family: FangSong;
}
/* FangSong */
.ql-font-FangSong {
font-family: FangSong;
}
/* Microsoft Yahei */
.ql-font-Microsoft-Yahei {
font-family: Microsoft Yahei;
}
/* Arial */
.ql-font-Arial {
font-family: Arial;
}
/* Calibri */
.ql-font-Calibri {
font-family: Calibri;
}
/* Candara */
.ql-font-Candara {
font-family: Candara;
}
/* Consolas */
.ql-font-Consolas {
font-family: Consolas;
}
/* Courier */
.ql-font-Courier {
font-family: Courier;
}
/* Courier New */
.ql-font-Courier-New {
font-family: Courier New;
}
/* Georgia */
.ql-font-Georgia {
font-family: Georgia;
}
/* Helvetica */
.ql-font-Helvetica {
font-family: Helvetica;
}
/* Impact */
.ql-font-Impact {
font-family: Impact;
}
/* Monospace */
.ql-font-Monospace {
font-family: Monospace;
}
/* Serif */
.ql-font-Serif {
font-family: Serif;
}
/* Tahoma */
.ql-font-Tahoma {
font-family: Tahoma;
}
/* Times New Roman */
.ql-font-Times-New-Roman {
font-family: Times New Roman;
}
/* Verdana */
.ql-font-Verdana {
font-family: Verdana;
}
/* font size 9 */
.ql-size-p9 {
font-size: 9px;
}
/* font size 10 */
.ql-size-p10 {
font-size: 10px;
}
/* font size 11 */
.ql-size-p11 {
font-size: 11px;
}
/* font size 12 */
.ql-size-p12 {
font-size: 12px;
}
/* font size 13 */
.ql-size-p13 {
font-size: 13px;
}
/* font size 14 */
.ql-size-p14 {
font-size: 14px;
}
/* font size 15 */
.ql-size-p15 {
font-size: 15px;
}
/* font size 16 */
.ql-size-p16 {
font-size: 16px;
}
/* font size 20 */
.ql-size-p20 {
font-size: 20px;
}
/* font size 28 */
.ql-size-p28 {
font-size: 28px;
}
/* font size 36 */
.ql-size-p36 {
font-size: 36px;
}
/* font size 48 */
.ql-size-p48 {
font-size: 48px;
}
/* font size 72 */
.ql-size-p72 {
font-size: 72px;
}