gerrit.onap Code Review - sdc/sdc-workflow-designer.git/blob

   1 .plx-breadcrumb {
   2   margin: 0;
   3   padding: 5px 10px;
   4   font-size: 12px;
   5 }
   6 .plx-breadcrumb li {
   7   display: inline-block;
   8 }
   9 .plx-breadcrumb a {
  10   color: #737373;
  11   text-decoration: none;
  12 }
  13 .plx-breadcrumb a:hover {
  14   color: #00abff;
  15 }
  16 .plx-breadcrumb .plx-breadcrumb-separator {
  17   color: #999;
  18   padding: 0 5px;
  19   vertical-align: 1px;
  20 }
  21 .plx-breadcrumb .plx-breadcrumb-collapse {
  22   padding-left: 6px;
  23   padding-right: 6px;
  24   cursor: pointer;
  25 }
  26 .plx-breadcrumb .plx-breadcrumb-collapse circle {
  27   fill: #999;
  28 }
  29 .plx-breadcrumb .plx-breadcrumb-collapse:hover circle {
  30   fill: #00abff;
  31 }
  32 .plx-breadcrumb .plx-breadcrumb-active {
  33   vertical-align: 1px;
  34 }
  35 .plx-breadcrumb .plx-breadcrumb-active a {
  36   font-size: 20px;
  37   color: #404040;
  38   cursor: text;
  39 }
  40 .owl-dateTime {
  41   display: inline-block;
  42   position: relative;
  43   width: 100%;
  44   font-family: "Helvetica Neue", "PingFang SC", Tahoma, "Microsoft Yahei";
  45   font-size: 12px;
  46   background: #fff;
  47   color: #595959;
  48 }
  49 .owl-dateTime input {
  50   font-size: 12px;
  51   height: 32px;
  52   padding-left: 10px;
  53   padding-right: 10px;
  54   outline: 0;
  55   border: 1px solid #d9d9d9;
  56   border-radius: 3px;
  57   vertical-align: middle;
  58 }
  59 .short-text-input .owl-dateTime input {
  60   width: 120px;
  61 }
  62 .text-input-with-unit .owl-dateTime input {
  63   width: 355px;
  64   border-top-right-radius: 0;
  65   border-bottom-right-radius: 0;
  66 }
  67 .text-input-with-unitOption .owl-dateTime input {
  68   width: 316px;
  69   border-top-right-radius: 0;
  70   border-bottom-right-radius: 0;
  71 }
  72 .text-input-with-prefix .owl-dateTime input {
  73   width: 330px;
  74   border-top-left-radius: 0;
  75   border-bottom-left-radius: 0;
  76 }
  77 .text-input-with-prefixOption .owl-dateTime input {
  78   width: 316px;
  79   border-top-left-radius: 0;
  80   border-bottom-left-radius: 0;
  81 }
  82 .text-input-with-passwordSwith .owl-dateTime input {
  83   width: 360px;
  84   border-top-right-radius: 0;
  85   border-bottom-right-radius: 0;
  86 }
  87 .text-input-with-prefix.text-input-with-unit .owl-dateTime input {
  88   width: 285px;
  89 }
  90 .text-input-with-prefix.text-input-with-unitOption .owl-dateTime input {
  91   width: 246px;
  92 }
  93 .short-text-input.text-input-with-prefix .owl-dateTime input {
  94   width: 80px;
  95 }
  96 .short-text-input.text-input-with-unit .owl-dateTime input {
  97   width: 80px;
  98 }
  99 .short-text-input.text-input-with-prefix.text-input-with-unit .owl-dateTime input {
 100   width: 40px;
 101 }
 102 .owl-dateTime input:focus {
 103   border: 1px solid #00abff;
 104 }
 105 .owl-dateTime input:disabled,
 106 .owl-dateTime input[disabled] {
 107   cursor: not-allowed;
 108   background-color: #f5f5f5;
 109 }
 110 .owl-dateTime input:-ms-input-placeholder {
 111   color: #999 !important;
 112 }
 113 .owl-dateTime input::-webkit-input-placeholder {
 114   color: #999 !important;
 115 }
 116 .owl-dateTime-input {
 117   width: 100%;
 118   padding-right: 1.5em;
 119 }
 120 .owl-dateTime-cancel {
 121   position: absolute;
 122   top: 50%;
 123   right: .1em;
 124   border-radius: 50%;
 125   transform: translateY(-50%);
 126   cursor: pointer;
 127   color: inherit;
 128 }
 129 .owl-dateTime-inputWrapper {
 130   position: relative;
 131 }
 132 .owl-dateTime-customTemp {
 133   display: inline-block;
 134   position: relative;
 135 }
 136 .owl-dateTime-dialog {
 137   padding: 0px;
 138   position: absolute;
 139 }
 140 .owl-dateTime-dialogHeader {
 141   display: flex;
 142   justify-content: center;
 143   align-items: center;
 144   width: 100%;
 145 }
 146 .owl-calendar-wrapper,
 147 .owl-timer-wrapper {
 148   position: relative;
 149   width: 100%;
 150   padding: .2em .5em;
 151 }
 152 .owl-calendar-control {
 153   display: flex;
 154   justify-content: space-around;
 155   width: 100%;
 156   height: 2em;
 157 }
 158 .owl-calendar-control .owl-calendar-controlNav {
 159   position: relative;
 160   cursor: pointer;
 161   width: 12.5%;
 162 }
 163 .owl-calendar-control .owl-calendar-controlContent {
 164   display: flex;
 165   justify-content: center;
 166   align-items: center;
 167   width: 75%;
 168   height: 100%;
 169 }
 170 .owl-calendar {
 171   position: relative;
 172   min-height: 13.7em;
 173 }
 174 .owl-calendar table {
 175   width: 100%;
 176   border-collapse: collapse;
 177 }
 178 .owl-calendar tbody td {
 179   position: relative;
 180   text-align: center;
 181 }
 182 .owl-calendar tbody td a {
 183   display: block;
 184   width: 100%;
 185   height: 100%;
 186   text-decoration: none;
 187   color: inherit;
 188   font-size: 12px;
 189 }
 190 .owl-calendar .owl-calendar-yearArrow {
 191   position: absolute;
 192   top: 50%;
 193   width: 1.5em;
 194   height: 1.5em;
 195   transform: translateY(-50%);
 196   cursor: pointer;
 197 }
 198 .owl-calendar .owl-calendar-yearArrow.left {
 199   left: -0.5em;
 200 }
 201 .owl-calendar .owl-calendar-yearArrow.right {
 202   right: -0.5em;
 203 }
 204 .owl-timer-wrapper {
 205   position: relative;
 206   display: flex;
 207   justify-content: center;
 208 }
 209 .owl-timer-wrapper .owl-timer {
 210   position: relative;
 211   display: flex;
 212   flex-direction: column;
 213   justify-content: center;
 214   align-items: center;
 215   width: 25%;
 216   height: 100%;
 217 }
 218 .owl-timer-wrapper .owl-timer-control {
 219   display: flex;
 220   justify-content: center;
 221   align-items: center;
 222   height: 30%;
 223   width: 100%;
 224   cursor: pointer;
 225 }
 226 .owl-timer-wrapper .owl-timer-control .icon:before {
 227   margin: 0;
 228 }
 229 .owl-timer-wrapper .owl-timer-input {
 230   width: 60%;
 231   height: 100%;
 232 }
 233 /*# sourceMappingURL=picker.component.css.map */
 234 .font-face {
 235   font-weight: normal;
 236   font-style: normal;
 237 }
 238 [class^="paletx-datepicker-icon-"]:before,
 239 [class*="paletx-datepicker-icon-"]:before {
 240   font-family: "fontello";
 241   font-style: normal;
 242   font-weight: normal;
 243   speak: none;
 244   display: inline-block;
 245   text-decoration: inherit;
 246   width: 1em;
 247   margin-right: .2em;
 248   text-align: center;
 249   /* opacity: .8; */
 250   /* For safety - reset parent styles, that can break glyph codes*/
 251   font-variant: normal;
 252   text-transform: none;
 253   /* fix buttons height, for twitter bootstrap */
 254   line-height: 1em;
 255   /* Animation center compensation - margins should be symmetric */
 256   /* remove if not needed */
 257   margin-left: .2em;
 258   /* you can be more comfortable with increased icons size */
 259   /* font-size: 120%; */
 260   /* Font smoothing. That was taken from TWBS */
 261   -webkit-font-smoothing: antialiased;
 262   -moz-osx-font-smoothing: grayscale;
 263   /* Uncomment for 3D effect */
 264   /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
 265 }
 266 .paletx-datepicker-icon-cancel:before {
 267   content: '\e802';
 268 }
 269 /* '' */
 270 .paletx-datepicker-icon-up-open:before {
 271   content: '\e805';
 272 }
 273 /* '' */
 274 .paletx-datepicker-icon-down-open:before {
 275   content: '\e80b';
 276 }
 277 /* '' */
 278 .paletx-datepicker-icon-left-open:before {
 279   content: '\e817';
 280 }
 281 /* '' */
 282 .paletx-datepicker-icon-right-open:before {
 283   content: '\e818';
 284 }
 285 /* '' */
 286 .owl-widget,
 287 .owl-widget * {
 288   box-sizing: border-box;
 289 }
 290 .owl-widget {
 291   font-size: 1em;
 292 }
 293 .owl-padding {
 294   padding: 0px;
 295 }
 296 .owl-corner-all {
 297   border-radius: 3px;
 298 }
 299 .owl-corner-top {
 300   border-top-left-radius: 3px;
 301   border-top-right-radius: 3px;
 302 }
 303 .owl-state-default {
 304   border: 1px solid #d9d9d9;
 305   background: #fff;
 306   color: #595959;
 307 }
 308 .owl-inputtext {
 309   margin: 0;
 310   outline: medium none;
 311   transition: .2s;
 312 }
 313 .owl-dateTime.owl-dateTime-inline {
 314   width: auto;
 315 }
 316 .owl-dateTime.owl-dateTime-inline .owl-dateTime-dialog {
 317   position: relative;
 318   z-index: auto;
 319 }
 320 .owl-dateTime-dialog {
 321   width: 300px;
 322   user-select: none;
 323   z-index: 99999;
 324 }
 325 .owl-dateTime-dialogHeader {
 326   height: 2.5em;
 327   padding: .25em;
 328   background-color: #fff;
 329   overflow-y: auto;
 330 }
 331 .owl-calendar-control .owl-calendar-controlNav .nav-prev,
 332 .owl-calendar-control .owl-calendar-controlNav .nav-next {
 333   position: absolute;
 334   top: 50%;
 335   right: auto;
 336   bottom: auto;
 337   left: 50%;
 338   transform: translate(-50%, -50%);
 339 }
 340 .owl-cal-header {
 341   background: #f5f5f5;
 342   height: 35px;
 343 }
 344 .owl-calendar-control .owl-calendar-controlNav .nav-prev:before,
 345 .owl-calendar-control .owl-calendar-controlNav .nav-next:before {
 346   border-top: .5em solid transparent;
 347   border-bottom: .5em solid transparent;
 348   border-right: 0.75em solid #000000;
 349   width: 0;
 350   height: 0;
 351   display: block;
 352   margin: 0 auto;
 353 }
 354 .owl-calendar-control .owl-calendar-controlNav .nav-next:before {
 355   border-right: 0;
 356   border-left: 0.75em solid #000000;
 357 }
 358 .owl-calendar-control .owl-calendar-controlContent .month-control,
 359 .owl-calendar-control .owl-calendar-controlContent .year-control {
 360   color: #999;
 361   display: inline-block;
 362   cursor: pointer;
 363   transition: transform 200ms ease;
 364 }
 365 .owl-calendar-control .owl-calendar-controlContent .month-control:hover,
 366 .owl-calendar-control .owl-calendar-controlContent .year-control:hover {
 367   color: #00abff;
 368 }
 369 .owl-calendar-control .owl-calendar-controlContent .month-control {
 370   font-size: 14px;
 371   margin-right: .8rem;
 372 }
 373 .owl-calendar-control .owl-calendar-controlContent .year-control {
 374   font-size: 14px;
 375 }
 376 .owl-calendar tbody td.owl-calendar-selected {
 377   background-color: #00abff;
 378   color: #fff;
 379 }
 380 .owl-calendar tbody td.owl-calendar-invalid {
 381   color: #bfbfbf;
 382 }
 383 .owl-calendar tbody td.owl-calendar-outFocus {
 384   color: #999;
 385 }
 386 .owl-calendar tbody td.owl-calendar-hidden {
 387   visibility: hidden;
 388 }
 389 /**
 390 .owl-calendar tbody td:not(.owl-calendar-selected):not(.owl-calendar-invalid):hover {
 391   background-color: @hover-bg-color;
 392   color: @shadow-color }
 393 **/
 394 .owl-years td.owl-year,
 395 .owl-years td.owl-month,
 396 .owl-months td.owl-year,
 397 .owl-months td.owl-month {
 398   font-size: 1.2em;
 399   height: 2.5em;
 400   width: 33.33%;
 401   line-height: 2.5em;
 402   border-radius: 60px;
 403 }
 404 .owl-weekdays th.owl-weekday {
 405   height: 1em;
 406   line-height: 2em;
 407   text-align: center;
 408   font-weight: normal;
 409   font-size: 12px;
 410   /**color: @unselected-text-color; **/
 411 }
 412 .owl-days td.owl-day {
 413   border-radius: 30px;
 414   height: 2em;
 415   width: calc(14.28571429%);
 416   line-height: 2em;
 417 }
 418 .owl-days td.owl-day.owl-day-today:before {
 419   content: '';
 420   display: block;
 421   position: absolute;
 422   right: 2px;
 423   top: 2px;
 424   color: #00abff;
 425   border-top: 0.5em solid #009dea;
 426   border-left: .5em solid transparent;
 427 }
 428 .owl-timer-wrapper {
 429   height: 5.4em;
 430   background-color: rgba(0, 0, 0, 0.2);
 431 }
 432 .owl-timer-wrapper .owl-timer-text {
 433   display: flex;
 434   justify-content: center;
 435   align-items: center;
 436   width: 100%;
 437   height: 40%;
 438   font-size: 1.5em;
 439 }
 440 .owl-timer-wrapper .owl-meridian-btn {
 441   font-size: .8em;
 442   color: #00abff;
 443   background-image: none;
 444   background-color: transparent;
 445   border-color: #00abff;
 446 }
 447 .owl-timer-wrapper .owl-meridian-btn:hover {
 448   color: #fff;
 449   background-color: #00abff;
 450   border-color: #00abff;
 451 }
 452 .owl-timer-divider {
 453   display: inline-block;
 454   align-self: flex-end;
 455   position: absolute;
 456   width: .6em;
 457   height: 100%;
 458   left: -0.3em;
 459 }
 460 .owl-timer-divider .owl-timer-dot {
 461   display: block;
 462   width: .3em;
 463   height: .3em;
 464   position: absolute;
 465   left: 50%;
 466   border-radius: 50%;
 467   transform: translateX(-50%);
 468 }
 469 .owl-timer-divider .owl-timer-dot.dot-top {
 470   top: 38%;
 471 }
 472 .owl-timer-divider .owl-timer-dot.dot-bottom {
 473   bottom: 38%;
 474 }
 475 .owl-icon {
 476   position: absolute;
 477   top: 50%;
 478   right: .1em;
 479   border-radius: 50%;
 480   -webkit-transform: translateY(-50%);
 481   transform: translateY(-50%);
 482   cursor: pointer;
 483   color: #999;
 484 }
 485 .oes-time-control {
 486   color: #595959 !important;
 487 }
 488 .owl-calendar-selected {
 489   background-color: #00abff;
 490   color: #fff;
 491   border-radius: 50%;
 492 }
 493 .owl-calendar tbody td div.day:not(.owl-calendar-selected):not(.owl-calendar-invalid):hover {
 494   background-color: #ebf6fd;
 495   color: #000;
 496   border-radius: 50%;
 497 }
 498 .oes-time-control {
 499   font-size: 12px;
 500 }
 501 .owl-calendar-year-part {
 502   width: 42px;
 503   margin-left: 30px;
 504   text-align: center;
 505 }
 506 .owl-calendar-year-part:hover {
 507   background-color: #ebf6fd;
 508   color: #000;
 509   border-radius: 50%;
 510 }
 511 .owl-calendar-year-selected {
 512   background-color: #00abff;
 513   color: #fff;
 514   border-radius: 50%;
 515 }
 516 .owl-calendar-year-selected:hover {
 517   background-color: #00abff;
 518   color: #fff;
 519   border-radius: 50%;
 520 }
 521 .owl-calendar-month-part {
 522   width: 42px;
 523   margin-left: 30px;
 524   text-align: center;
 525 }
 526 .owl-calendar-month-part:hover {
 527   background-color: #ebf6fd;
 528   color: #000;
 529   border-radius: 50%;
 530 }
 531 .owl-calendar-month-selected {
 532   background-color: #00abff;
 533   color: #fff;
 534   border-radius: 50%;
 535 }
 536 .owl-calendar-month-selected:hover {
 537   background-color: #00abff;
 538   color: #fff;
 539   border-radius: 50%;
 540 }
 541 /*# sourceMappingURL=picker.css.map */
 542 .oes-time-table .chevron::before {
 543   border-style: solid;
 544   border-width: 0.29em 0.29em 0 0;
 545   content: '';
 546   display: inline-block;
 547   height: 0.69em;
 548   left: 0.05em;
 549   position: relative;
 550   top: 0.15em;
 551   transform: rotate(-45deg);
 552   -webkit-transform: rotate(-45deg);
 553   -ms-transform: rotate(-45deg);
 554   vertical-align: middle;
 555   width: 0.71em;
 556 }
 557 .oes-time-table .chevron.bottom:before {
 558   top: -0.3em;
 559   -webkit-transform: rotate(135deg);
 560   -ms-transform: rotate(135deg);
 561   transform: rotate(135deg);
 562 }
 563 .oes-time-table .btn-link {
 564   border: none!important;
 565   cursor: pointer;
 566   outline: 0;
 567   display: block;
 568 }
 569 .oes-time-table .btn-link.disabled {
 570   cursor: not-allowed;
 571   opacity: .65;
 572 }
 573 .oes-time-control {
 574   text-align: center;
 575 }
 576 .datapicker-form-control {
 577   width: auto !important;
 578   display: inline-block;
 579 }
 580 .oes-time-table .ict-stretch {
 581   font-size: 8px;
 582 }
 583 .oes-time-table .ict-shrink {
 584   font-size: 8px;
 585 }
 586 .time-pick-bk {
 587   background-color: #fff;
 588 }
 589 .btn-link:focus,
 590 .btn-link:hover {
 591   text-decoration: none;
 592 }
 593 .oes-time-control {
 594   border: 0;
 595   width: 30px !important;
 596   padding: 3px 0;
 597   margin: 0;
 598   font-size: 12px;
 599 }
 600 .oes-time-control:hover {
 601   background-color: #e6e6e6;
 602   color: #000;
 603   cursor: pointer;
 604 }
 605 .oes-time-control-foucs-bk {
 606   background-color: #00abff !important;
 607   color: #fff!important;
 608 }
 609 .oes-time-separator {
 610   margin: 0 -5px;
 611 }
 612 .oes-time-group,
 613 .oes-time-group:hover {
 614   border-bottom: 1px solid #ccc;
 615   border-left: 1px solid #ccc;
 616   border-top: 1px solid #ccc;
 617   border-radius: 0.2em;
 618 }
 619 .oes-time-btns,
 620 .oes-time-btns:hover {
 621   border-bottom: 1px solid #ccc;
 622   border-right: 1px solid #ccc;
 623   border-top: 1px solid #ccc;
 624   border-radius: 0.2em;
 625   padding: 0 0 7px 0 !important;
 626 }
 627 .oes-time-btns-wrapper {
 628   margin-top: -3px;
 629   transform: scale(0.6, 0.6);
 630 }
 631 .i18nTimeDes,
 632 .i18nTimeDes:hover {
 633   padding: 0 5px 0px 0;
 634 }
 635 .oes-time-btn {
 636   height: 5px;
 637 }
 638 .oes-time-table {
 639   margin-bottom: 10px;
 640 }
 641 .hour-table {
 642   font-size: 12px;
 643 }
 644 .hour-table td {
 645   padding: 5px;
 646   padding-top: 3px;
 647   padding-bottom: 3px;
 648   cursor: pointer;
 649 }
 650 .oes-time-btn-shrink {
 651   position: relative;
 652   top: -5px;
 653   left: 0px;
 654   color: #CCC;
 655 }
 656 .oes-time-btn-stretch {
 657   position: relative;
 658   left: 0px;
 659   color: #CCC;
 660 }
 661 .owl-calendar-timer-invalid {
 662   color: #acacac;
 663 }
 664 .owl-calendar-timer-selected {
 665   background-color: #00abff;
 666   color: #FFFFFF;
 667   border-radius: 1.2em;
 668 }
 669 .hour-table td:not(.owl-calendar-timer-selected):not(.owl-calendar-timer-invalid):hover {
 670   background-color: #ebf6fd;
 671   color: #000000;
 672   border-radius: 1.2em;
 673 }
 674 .icon {
 675   color: #999;
 676   vertical-align: text-bottom;
 677   margin-left: 5px;
 678   font-size: 20px;
 679 }
 680 .plx-input-password {
 681   display: inline-block;
 682   line-height: 30px;
 683   width: 40px;
 684   text-align: center;
 685   vertical-align: middle;
 686   margin-top: -2px;
 687   background-color: #fff;
 688   border-top: 1px solid #d9d9d9;
 689   border-right: 1px solid #d9d9d9;
 690   border-bottom: 1px solid #d9d9d9;
 691   border-bottom-right-radius: 3px;
 692   border-top-right-radius: 3px;
 693   cursor: pointer;
 694 }
 695 .plx-input-password:focus,
 696 .plx-input-password:hover {
 697   background-color: #fff;
 698 }
 699 .plx-input-password:active {
 700   background-color: #fff;
 701 }
 702 .plx-input-password.ict-eye-closed,
 703 .plx-input-password.ict-eye {
 704   color: #999;
 705 }
 706 .plx-input-password-disabled {
 707   cursor: not-allowed;
 708 }
 709 .plx-input-password-disabled:focus,
 710 .plx-input-password-disabled:hover,
 711 .plx-input-password-disabled:active {
 712   background-color: #fff;
 713 }
 714 .plx-input-password-sm {
 715   line-height: 26px;
 716 }
 717 @-moz-keyframes three-quarters-loader {
 718   0% {
 719     -moz-transform: rotate(0deg);
 720     transform: rotate(0deg);
 721   }
 722   100% {
 723     -moz-transform: rotate(360deg);
 724     transform: rotate(360deg);
 725   }
 726 }
 727 @-webkit-keyframes three-quarters-loader {
 728   0% {
 729     -webkit-transform: rotate(0deg);
 730     transform: rotate(0deg);
 731   }
 732   100% {
 733     -webkit-transform: rotate(360deg);
 734     transform: rotate(360deg);
 735   }
 736 }
 737 @keyframes three-quarters-loader {
 738   0% {
 739     -moz-transform: rotate(0deg);
 740     -ms-transform: rotate(0deg);
 741     -webkit-transform: rotate(0deg);
 742     transform: rotate(0deg);
 743   }
 744   100% {
 745     -moz-transform: rotate(360deg);
 746     -ms-transform: rotate(360deg);
 747     -webkit-transform: rotate(360deg);
 748     transform: rotate(360deg);
 749   }
 750 }
 751 .plx-loading-max:not(:required) {
 752   -moz-animation: three-quarters-loader 1500ms infinite linear;
 753   -webkit-animation: three-quarters-loader 1500ms infinite linear;
 754   animation: three-quarters-loader 1500ms infinite linear;
 755   box-sizing: border-box;
 756   display: inline-block;
 757   position: relative;
 758   overflow: hidden;
 759   text-indent: -9999px;
 760   width: 72px;
 761   height: 72px;
 762   border: 5px solid #00abff;
 763   border-right-color: #fff;
 764   border-radius: 36px;
 765 }
 766 .plx-loading-medium:not(:required) {
 767   -moz-animation: three-quarters-loader 1500ms infinite linear;
 768   -webkit-animation: three-quarters-loader 1500ms infinite linear;
 769   animation: three-quarters-loader 1500ms infinite linear;
 770   box-sizing: border-box;
 771   display: inline-block;
 772   position: relative;
 773   overflow: hidden;
 774   text-indent: -9999px;
 775   width: 36px;
 776   height: 36px;
 777   border: 4px solid #00abff;
 778   border-right-color: #fff;
 779   border-radius: 18px;
 780 }
 781 .plx-loading-min:not(:required) {
 782   -moz-animation: three-quarters-loader 1500ms infinite linear;
 783   -webkit-animation: three-quarters-loader 1500ms infinite linear;
 784   animation: three-quarters-loader 1500ms infinite linear;
 785   box-sizing: border-box;
 786   display: inline-block;
 787   position: relative;
 788   overflow: hidden;
 789   text-indent: -9999px;
 790   width: 18px;
 791   height: 18px;
 792   border: 2px solid #00abff;
 793   border-right-color: #fff;
 794   border-radius: 9px;
 795 }
 796 .plx-loading-default:not(:required) {
 797   margin-left: 100px;
 798   margin-top: 100px;
 799   box-sizing: border-box;
 800   display: inline-block;
 801   position: relative;
 802   overflow: hidden;
 803   text-indent: -9999px;
 804   width: 36px;
 805   height: 36px;
 806   border: 4px solid #00abff;
 807   border-right-color: #fff;
 808   border-radius: 18px;
 809 }
 810 .plx-loading-xs:not(:required) {
 811   -moz-animation: three-quarters-loader 1500ms infinite linear;
 812   -webkit-animation: three-quarters-loader 1500ms infinite linear;
 813   animation: three-quarters-loader 1500ms infinite linear;
 814   box-sizing: border-box;
 815   display: inline-block;
 816   position: relative;
 817   overflow: hidden;
 818   text-indent: -9999px;
 819   width: 12px;
 820   height: 12px;
 821   border: 2px solid #00abff;
 822   border-right-color: #fff;
 823   border-radius: 6px;
 824 }
 825 .plx-loading {
 826   -moz-animation: three-quarters-loader 1500ms infinite linear;
 827   -webkit-animation: three-quarters-loader 1500ms infinite linear;
 828   animation: three-quarters-loader 1500ms infinite linear;
 829   box-sizing: border-box;
 830   display: inline-block;
 831   position: relative;
 832   overflow: hidden;
 833   text-indent: -9999px;
 834 }
 835 .plx-loading-white:not(:required) {
 836   -moz-animation: three-quarters-loader 1500ms infinite linear;
 837   -webkit-animation: three-quarters-loader 1500ms infinite linear;
 838   animation: three-quarters-loader 1500ms infinite linear;
 839   box-sizing: border-box;
 840   display: inline-block;
 841   position: relative;
 842   overflow: hidden;
 843   text-indent: -9999px;
 844   width: 12px;
 845   height: 12px;
 846   border: 2px solid #fff;
 847   border-right-color: #00abff;
 848   border-radius: 6px;
 849 }
 850 .plx-loading-gray:not(:required) {
 851   -moz-animation: three-quarters-loader 1500ms infinite linear;
 852   -webkit-animation: three-quarters-loader 1500ms infinite linear;
 853   animation: three-quarters-loader 1500ms infinite linear;
 854   box-sizing: border-box;
 855   display: inline-block;
 856   position: relative;
 857   overflow: hidden;
 858   text-indent: -9999px;
 859   width: 12px;
 860   height: 12px;
 861   border: 2px solid #bfbfbf;
 862   border-right-color: #fff;
 863   border-radius: 6px;
 864 }
 865 .message {
 866   width: 400px;
 867   right: 10px;
 868   top: 0;
 869   position: fixed;
 870   z-index: 99999;
 871   font-family: "Helvetica Neue", "PingFang SC", Tahoma, "Microsoft Yahei";
 872   font-weight: 400;
 873   font-style: normal;
 874   font-size: 14px;
 875   color: #404040;
 876 }
 877 .message > p {
 878   width: 100%;
 879   margin: 10px 0 16px;
 880   padding: 0 25px ;
 881   border: 1px solid #e9e9e9;
 882   box-shadow: 1px 3px 9px rgba(0, 0, 0, 0.2);
 883   line-height: 36px;
 884   background: #fff;
 885   font-size: 12px !important;
 886   color: #595959;
 887 }
 888 .message > p > span {
 889   float: right;
 890   cursor: pointer;
 891   font-weight: 400;
 892   font-style: normal;
 893   color: #108EE9;
 894   text-align: center;
 895 }
 896 .message > p > span:hover {
 897   text-decoration: underline;
 898 }
 899 .message > div {
 900   width: 100%;
 901   margin-bottom: 16px;
 902   border: 1px solid ;
 903   line-height: 62px;
 904   border: 1px solid #e9e9e9;
 905   box-shadow: 1px 4px 9px rgba(0, 0, 0, 0.2);
 906   border-radius: 5px;
 907   background: #fff;
 908   position: relative;
 909 }
 910 .message > div > span {
 911   display: inline-block;
 912   font-size: 24px !important;
 913   margin-left: 12px;
 914   margin-right: 3px;
 915   vertical-align: middle;
 916 }
 917 .message > div.success {
 918   border-left: 4px solid #73cf22;
 919 }
 920 .message > div.success > span {
 921   color: #73cf22;
 922 }
 923 .message > div.error {
 924   border-left: 4px solid #ff5b55;
 925 }
 926 .message > div.error > span {
 927   color: #ff5b55;
 928 }
 929 .message > div.warning {
 930   border-left: 4px solid #f7c515;
 931 }
 932 .message > div.warning > span {
 933   color: #f7c515;
 934 }
 935 .message > div.info {
 936   border-left: 4px solid #00abff;
 937 }
 938 .message > div.info > span {
 939   color: #00abff;
 940 }
 941 .message > div > i {
 942   float: right;
 943   width: 20px;
 944   height: 20px;
 945   margin-top: 21px;
 946   line-height: 20px;
 947   border-radius: 50%;
 948   margin-right: 20px;
 949   cursor: pointer;
 950   text-align: center;
 951   font-size: 16px;
 952 }
 953 .message > div > i:hover {
 954   background: #ebf6fd;
 955 }
 956 .message > div > p {
 957   top: -3px;
 958   margin: 0;
 959   padding: 0 20px 16px 43px;
 960   font-size: 12px !important;
 961   color: #595959;
 962   line-height: 18px;
 963   position: relative;
 964 }
 965 .message > div > p > span {
 966   color: #00abff;
 967   cursor: pointer;
 968 }
 969 .message > div > p > span:hover {
 970   text-decoration: underline;
 971 }
 972 .message > div > div {
 973   padding-left: 45px ;
 974   padding-bottom: 19px;
 975   font-size: 12px;
 976   color: #00abff;
 977   line-height: 18px;
 978   cursor: pointer;
 979 }
 980 .message > div > div:hover {
 981   text-decoration: underline;
 982 }
 983 #plxMessageMeasure {
 984   position: fixed;
 985   top: -12px;
 986   opacity: 0;
 987   white-space: nowrap;
 988   margin: 0;
 989   padding: 0;
 990   font-size: 12px !important;
 991   line-height: 12px;
 992   z-index: -9999;
 993 }
 994 .stack > span {
 995   display: inline-block;
 996   position: absolute;
 997   bottom: 16px;
 998   right: 25px;
 999 }
1000 plx-modal-window .modal {
1001   position: fixed;
1002   top: 0;
1003   right: 0;
1004   bottom: 0;
1005   left: 0;
1006   display: none;
1007   outline: 0;
1008   z-index: 10000;
1009 }
1010 plx-modal-window .modal-dialog {
1011   position: relative;
1012   max-width: 600px;
1013   margin: 30px auto;
1014 }
1015 plx-modal-window .modal-dialog.modal-sm {
1016   max-width: 600px;
1017 }
1018 plx-modal-window .modal-dialog.modal-lg {
1019   max-width: 1000px;
1020 }
1021 plx-modal-window .modal-content {
1022   position: relative;
1023   display: flex;
1024   -webkit-box-orient: vertical;
1025   -webkit-box-direction: normal;
1026   -ms-flex-direction: column;
1027   flex-direction: column;
1028   background-color: #fff;
1029   background-clip: padding-box;
1030   border-radius: 3px;
1031   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
1032   outline: 0;
1033 }
1034 plx-modal-window .modal-content .modal-header {
1035   border-bottom: 0;
1036   display: flex;
1037   -webkit-box-align: center;
1038   -ms-flex-align: center;
1039   align-items: center;
1040   -webkit-box-pack: justify;
1041   -ms-flex-pack: justify;
1042   justify-content: space-between;
1043   padding: 15px;
1044 }
1045 plx-modal-window .modal-content .modal-body .form-group:last-child,
1046 plx-modal-window .modal-content .modal-body form:last-child {
1047   margin-bottom: 0;
1048 }
1049 plx-modal-window .modal-content .modal-footer {
1050   display: block;
1051   border-top: 0;
1052   margin-top: 0;
1053   padding: 0 15px 15px 15px;
1054 }
1055 plx-modal-window .modal-content .modal-title {
1056   font-size: 20px;
1057   margin-bottom: 0;
1058   line-height: 1.5;
1059 }
1060 plx-modal-window .modal-content .modal-btn {
1061   text-align: center;
1062   font-size: 0;
1063 }
1064 plx-modal-window .close {
1065   color: #999;
1066   font-size: 16px;
1067   text-shadow: none;
1068   width: 24px;
1069   height: 24px;
1070   background: #fff;
1071   border-radius: 20px;
1072   padding-bottom: 2px;
1073   outline: none;
1074 }
1075 plx-modal-window .close:hover {
1076   color: #999;
1077   background: #ebf6fd;
1078 }
1079 plx-modal-window .alert-modal.row {
1080   margin-left: 100px;
1081   margin-bottom: 30px;
1082   text-align: left;
1083 }
1084 plx-modal-window .alert-modal.row .tip-img {
1085   display: inline-block;
1086   width: 52px;
1087   height: 52px;
1088   border-radius: 50px;
1089   font-size: 45px;
1090   text-align: center;
1091   line-height: 1;
1092   margin-top: -5px;
1093   margin-right: 15px;
1094 }
1095 plx-modal-window .alert-modal.row .tip-img::before {
1096   content: "!";
1097 }
1098 plx-modal-window .alert-modal.row .tip-info {
1099   width: 300px;
1100 }
1101 plx-modal-window .alert-modal.row .tip-info .alert-title {
1102   font-size: 16px;
1103   color: #404040;
1104 }
1105 plx-modal-window .alert-modal.row .tip-info .alert-result {
1106   margin-top: 5px;
1107   font-size: 12px;
1108   color: #999;
1109 }
1110 plx-modal-window .alert-modal.row .warning {
1111   border: 3px solid #f7c515;
1112   color: #f7c515;
1113 }
1114 plx-modal-window .alert-modal.row .error {
1115   border: 3px solid #ff5b55;
1116   color: #ff5b55;
1117 }
1118 ngb-popover-window.plx-popover.show {
1119   color: #333;
1120   border: 1px solid #d9d9d9;
1121 }
1122 .plx-popover {
1123   position: absolute;
1124   top: 0;
1125   left: 0;
1126   z-index: 10001;
1127   display: block;
1128   padding: 1px;
1129   font-style: normal;
1130   font-weight: normal;
1131   letter-spacing: normal;
1132   line-break: auto;
1133   line-height: 1.5;
1134   text-align: left;
1135   text-decoration: none;
1136   text-shadow: none;
1137   text-transform: none;
1138   white-space: normal;
1139   word-break: normal;
1140   word-spacing: normal;
1141   word-wrap: break-word;
1142   -webkit-background-clip: padding-box;
1143   background-clip: padding-box;
1144   max-width: 400px;
1145   min-width: 200px;
1146   background-color: #fff;
1147   font-family: "Helvetica Neue", "PingFang SC", Tahoma, "Microsoft Yahei";
1148   font-size: 12px;
1149   border: 1px solid #d9d9d9;
1150   border-radius: 3px;
1151   -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
1152   -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
1153   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
1154 }
1155 .plx-popover::before,
1156 .plx-popover::after {
1157   content: "";
1158   position: absolute;
1159   display: block;
1160   width: 0;
1161   height: 0;
1162   border: solid transparent;
1163 }
1164 .plx-popover::before {
1165   border-width: 7px;
1166 }
1167 .plx-popover::after {
1168   border-width: 6px;
1169 }
1170 .plx-popover-top-common {
1171   margin-top: -9px;
1172 }
1173 .plx-popover-top-common::before {
1174   border-top-color: #ccc;
1175   border-bottom-width: 0;
1176   bottom: -7px;
1177 }
1178 .plx-popover-top-common::after {
1179   border-top-color: #fff;
1180   border-bottom-width: 0;
1181   bottom: -6px;
1182 }
1183 .plx-popover-top {
1184   margin-top: -9px;
1185 }
1186 .plx-popover-top::before {
1187   border-top-color: #ccc;
1188   border-bottom-width: 0;
1189   bottom: -7px;
1190 }
1191 .plx-popover-top::after {
1192   border-top-color: #fff;
1193   border-bottom-width: 0;
1194   bottom: -6px;
1195 }
1196 .plx-popover-top::before {
1197   left: 50%;
1198   margin-left: -7px;
1199 }
1200 .plx-popover-top::after {
1201   left: 50%;
1202   margin-left: -6px;
1203 }
1204 .plx-popover.plx-popover-top-left {
1205   margin-top: -9px;
1206 }
1207 .plx-popover.plx-popover-top-left::before {
1208   border-top-color: #ccc;
1209   border-bottom-width: 0;
1210   bottom: -7px;
1211 }
1212 .plx-popover.plx-popover-top-left::after {
1213   border-top-color: #fff;
1214   border-bottom-width: 0;
1215   bottom: -6px;
1216 }
1217 .plx-popover.plx-popover-top-left::before {
1218   left: 10px;
1219 }
1220 .plx-popover.plx-popover-top-left::after {
1221   left: 11px;
1222 }
1223 .plx-popover.plx-popover-top-right {
1224   margin-top: -9px;
1225 }
1226 .plx-popover.plx-popover-top-right::before {
1227   border-top-color: #ccc;
1228   border-bottom-width: 0;
1229   bottom: -7px;
1230 }
1231 .plx-popover.plx-popover-top-right::after {
1232   border-top-color: #fff;
1233   border-bottom-width: 0;
1234   bottom: -6px;
1235 }
1236 .plx-popover.plx-popover-top-right::before {
1237   right: 10px;
1238 }
1239 .plx-popover.plx-popover-top-right::after {
1240   right: 11px;
1241 }
1242 .plx-popover-right-common {
1243   margin-left: 9px;
1244 }
1245 .plx-popover-right-common::before {
1246   border-right-color: #ccc;
1247   border-left-width: 0;
1248   left: -7px;
1249 }
1250 .plx-popover-right-common::after {
1251   border-right-color: #fff;
1252   border-left-width: 0;
1253   left: -6px;
1254 }
1255 .plx-popover.plx-popover-right {
1256   margin-left: 9px;
1257 }
1258 .plx-popover.plx-popover-right::before {
1259   border-right-color: #ccc;
1260   border-left-width: 0;
1261   left: -7px;
1262 }
1263 .plx-popover.plx-popover-right::after {
1264   border-right-color: #fff;
1265   border-left-width: 0;
1266   left: -6px;
1267 }
1268 .plx-popover.plx-popover-right::before {
1269   top: 50%;
1270   margin-top: -7px;
1271 }
1272 .plx-popover.plx-popover-right::after {
1273   top: 50%;
1274   margin-top: -6px;
1275 }
1276 .plx-popover.plx-popover-right-top {
1277   margin-left: 9px;
1278 }
1279 .plx-popover.plx-popover-right-top::before {
1280   border-right-color: #ccc;
1281   border-left-width: 0;
1282   left: -7px;
1283 }
1284 .plx-popover.plx-popover-right-top::after {
1285   border-right-color: #fff;
1286   border-left-width: 0;
1287   left: -6px;
1288 }
1289 .plx-popover.plx-popover-right-top::before {
1290   top: 10px;
1291 }
1292 .plx-popover.plx-popover-right-top::after {
1293   top: 11px;
1294 }
1295 .plx-popover.plx-popover-right-bottom {
1296   margin-left: 9px;
1297 }
1298 .plx-popover.plx-popover-right-bottom::before {
1299   border-right-color: #ccc;
1300   border-left-width: 0;
1301   left: -7px;
1302 }
1303 .plx-popover.plx-popover-right-bottom::after {
1304   border-right-color: #fff;
1305   border-left-width: 0;
1306   left: -6px;
1307 }
1308 .plx-popover.plx-popover-right-bottom::before {
1309   bottom: 10px;
1310 }
1311 .plx-popover.plx-popover-right-bottom::after {
1312   bottom: 11px;
1313 }
1314 .plx-popover-bottom-common {
1315   margin-top: 9px;
1316 }
1317 .plx-popover-bottom-common::before {
1318   border-bottom-color: #ccc;
1319   border-top-width: 0;
1320   top: -7px;
1321 }
1322 .plx-popover-bottom-common::after {
1323   border-bottom-color: #fff;
1324   border-top-width: 0;
1325   top: -6px;
1326 }
1327 .plx-popover.plx-popover-bottom {
1328   margin-top: 9px;
1329 }
1330 .plx-popover.plx-popover-bottom::before {
1331   border-bottom-color: #ccc;
1332   border-top-width: 0;
1333   top: -7px;
1334 }
1335 .plx-popover.plx-popover-bottom::after {
1336   border-bottom-color: #fff;
1337   border-top-width: 0;
1338   top: -6px;
1339 }
1340 .plx-popover.plx-popover-bottom::before {
1341   left: 50%;
1342   margin-left: -7px;
1343 }
1344 .plx-popover.plx-popover-bottom::after {
1345   left: 50%;
1346   margin-left: -6px;
1347 }
1348 .plx-popover.plx-popover-bottom-left {
1349   margin-top: 9px;
1350 }
1351 .plx-popover.plx-popover-bottom-left::before {
1352   border-bottom-color: #ccc;
1353   border-top-width: 0;
1354   top: -7px;
1355 }
1356 .plx-popover.plx-popover-bottom-left::after {
1357   border-bottom-color: #fff;
1358   border-top-width: 0;
1359   top: -6px;
1360 }
1361 .plx-popover.plx-popover-bottom-left::before {
1362   left: 10px;
1363 }
1364 .plx-popover.plx-popover-bottom-left::after {
1365   left: 11px;
1366 }
1367 .plx-popover.plx-popover-bottom-right {
1368   margin-top: 9px;
1369 }
1370 .plx-popover.plx-popover-bottom-right::before {
1371   border-bottom-color: #ccc;
1372   border-top-width: 0;
1373   top: -7px;
1374 }
1375 .plx-popover.plx-popover-bottom-right::after {
1376   border-bottom-color: #fff;
1377   border-top-width: 0;
1378   top: -6px;
1379 }
1380 .plx-popover.plx-popover-bottom-right::before {
1381   right: 10px;
1382 }
1383 .plx-popover.plx-popover-bottom-right::after {
1384   right: 11px;
1385 }
1386 .plx-popover-left-common {
1387   margin-left: -9px;
1388 }
1389 .plx-popover-left-common::before {
1390   border-left-color: #ccc;
1391   border-right-width: 0;
1392   right: -7px;
1393 }
1394 .plx-popover-left-common::after {
1395   border-left-color: #fff;
1396   border-right-width: 0;
1397   right: -6px;
1398 }
1399 .plx-popover.plx-popover-left {
1400   margin-left: -9px;
1401 }
1402 .plx-popover.plx-popover-left::before {
1403   border-left-color: #ccc;
1404   border-right-width: 0;
1405   right: -7px;
1406 }
1407 .plx-popover.plx-popover-left::after {
1408   border-left-color: #fff;
1409   border-right-width: 0;
1410   right: -6px;
1411 }
1412 .plx-popover.plx-popover-left::before {
1413   top: 50%;
1414   margin-top: -7px;
1415 }
1416 .plx-popover.plx-popover-left::after {
1417   top: 50%;
1418   margin-top: -6px;
1419 }
1420 .plx-popover.plx-popover-left-top {
1421   margin-left: -9px;
1422 }
1423 .plx-popover.plx-popover-left-top::before {
1424   border-left-color: #ccc;
1425   border-right-width: 0;
1426   right: -7px;
1427 }
1428 .plx-popover.plx-popover-left-top::after {
1429   border-left-color: #fff;
1430   border-right-width: 0;
1431   right: -6px;
1432 }
1433 .plx-popover.plx-popover-left-top::before {
1434   top: 10px;
1435 }
1436 .plx-popover.plx-popover-left-top::after {
1437   top: 11px;
1438 }
1439 .plx-popover.plx-popover-left-bottom {
1440   margin-left: -9px;
1441 }
1442 .plx-popover.plx-popover-left-bottom::before {
1443   border-left-color: #ccc;
1444   border-right-width: 0;
1445   right: -7px;
1446 }
1447 .plx-popover.plx-popover-left-bottom::after {
1448   border-left-color: #fff;
1449   border-right-width: 0;
1450   right: -6px;
1451 }
1452 .plx-popover.plx-popover-left-bottom::before {
1453   bottom: 10px;
1454 }
1455 .plx-popover.plx-popover-left-bottom::after {
1456   bottom: 11px;
1457 }
1458 .plx-popover .plx-popover-title {
1459   padding: 8px 14px;
1460   margin-bottom: 0;
1461   font-size: 16px;
1462   background-color: #fff;
1463   border-bottom: 1px solid #d9d9d9;
1464 }
1465 .plx-popover .plx-popover-title:empty {
1466   display: none;
1467 }
1468 .plx-popover .plx-popover-content {
1469   padding: 9px 14px;
1470   background-color: #fff;
1471 }
1472 .plx-popover .ict-warning {
1473   color: #ff5b55;
1474   font-size: 24px;
1475   margin-right: 5px;
1476 }
1477 .popover-template {
1478   padding: 10px 0px;
1479   min-width: 220px;
1480 }
1481 .popover-template .popover-template-content {
1482   padding: 10px 10px;
1483 }
1484 .popover-template .popover-template-footer {
1485   padding: 10px 10px 5px 10px;
1486   text-align: center;
1487 }
1488 .popover-template .popover-template-icon {
1489   display: inline-block;
1490   max-width: 30px;
1491   float: left;
1492 }
1493 .popover-template .popover-template-icon-area {
1494   display: inline-block;
1495   height: 100%;
1496   vertical-align: middle;
1497 }
1498 .popover-template .popover-template-msg {
1499   display: inline-block;
1500   max-width: 300px;
1501   margin-left: 10px;
1502   margin-top: 1px;
1503 }
1504 .plx-progress {
1505   display: inline-block;
1506   margin: 0 10px 1px 0;
1507   border-radius: 20px;
1508   overflow: hidden;
1509   background-color: #eee;
1510 }
1511 .plx-progress .plx-progress-bar {
1512   width: 0;
1513   height: 8px;
1514   transition: width 0.8s ease-in-out;
1515   opacity: 1;
1516 }
1517 .plx-progress .plx-progress-bar-info {
1518   position: relative;
1519   background-color: #33bcff;
1520 }
1521 .plx-progress .plx-progress-bar-info::before {
1522   background-color: #00abff;
1523   content: '';
1524   position: absolute;
1525   top: 0;
1526   left: 0;
1527   width: 0;
1528   height: 8px;
1529   animation: plx-progress-bar-stripes 0.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
1530 }
1531 .plx-progress .plx-progress-bar-info.plx-progress-bar-reset {
1532   transition: none;
1533 }
1534 .plx-progress .plx-progress-bar-warning {
1535   background-color: #ff5b55;
1536 }
1537 .plx-progress .plx-progress-bar-success,
1538 .plx-progress .plx-progress-bar-info.plx-progress-bar-success {
1539   background-color: #00abff;
1540 }
1541 .plx-progress-info {
1542   display: inline-block;
1543 }
1544 .plx-progress-info .fp-exclamation-circle {
1545   color: #ff5b55;
1546 }
1547 @keyframes plx-progress-bar-stripes {
1548   from {
1549     width: 0;
1550   }
1551   to {
1552     width: 100%;
1553   }
1554 }
1555 :host(.plx-progressbar-sm) {
1556   font-size: 12px;
1557 }
1558 :host(.plx-progressbar-sm) .plx-progress-bar {
1559   height: 2px;
1560 }
1561 :host(.plx-progressbar-sm) .fp-exclamation-circle {
1562   vertical-align: middle;
1563   font-size: 12px;
1564 }
1565 :host(.plx-progressbar-sm) .plx-progress-info span {
1566   vertical-align: middle;
1567 }
1568 .plx-progressbar-sm {
1569   font-size: 12px;
1570 }
1571 .plx-progressbar-sm .plx-progress-bar {
1572   height: 2px;
1573 }
1574 .plx-progressbar-sm .fp-exclamation-circle {
1575   vertical-align: middle;
1576   font-size: 12px;
1577 }
1578 .plx-progressbar-sm .plx-progress-info span {
1579   vertical-align: middle;
1580 }
1581 .plx-progressbar-sm-common {
1582   font-size: 12px;
1583 }
1584 .plx-progressbar-sm-common .plx-progress-bar {
1585   height: 2px;
1586 }
1587 .plx-progressbar-sm-common .fp-exclamation-circle {
1588   vertical-align: middle;
1589   font-size: 12px;
1590 }
1591 .plx-progressbar-sm-common .plx-progress-info span {
1592   vertical-align: middle;
1593 }
1594 .search-input {
1595   position: relative;
1596   background: #fff;
1597   color: #595959;
1598 }
1599 .search-input input {
1600   height: 32px;
1601   padding-left: 10px;
1602   padding-right: 10px;
1603   outline: 0;
1604   border: 1px solid #d9d9d9;
1605   border-radius: 3px;
1606   vertical-align: middle;
1607   width: 100%;
1608   font-family: "Helvetica Neue", "PingFang SC", Tahoma, "Microsoft Yahei";
1609   font-size: 12px;
1610   color: #595959;
1611 }
1612 .short-text-input .search-input input {
1613   width: 120px;
1614 }
1615 .text-input-with-unit .search-input input {
1616   width: 355px;
1617   border-top-right-radius: 0;
1618   border-bottom-right-radius: 0;
1619 }
1620 .text-input-with-unitOption .search-input input {
1621   width: 316px;
1622   border-top-right-radius: 0;
1623   border-bottom-right-radius: 0;
1624 }
1625 .text-input-with-prefix .search-input input {
1626   width: 330px;
1627   border-top-left-radius: 0;
1628   border-bottom-left-radius: 0;
1629 }
1630 .text-input-with-prefixOption .search-input input {
1631   width: 316px;
1632   border-top-left-radius: 0;
1633   border-bottom-left-radius: 0;
1634 }
1635 .text-input-with-passwordSwith .search-input input {
1636   width: 360px;
1637   border-top-right-radius: 0;
1638   border-bottom-right-radius: 0;
1639 }
1640 .text-input-with-prefix.text-input-with-unit .search-input input {
1641   width: 285px;
1642 }
1643 .text-input-with-prefix.text-input-with-unitOption .search-input input {
1644   width: 246px;
1645 }
1646 .short-text-input.text-input-with-prefix .search-input input {
1647   width: 80px;
1648 }
1649 .short-text-input.text-input-with-unit .search-input input {
1650   width: 80px;
1651 }
1652 .short-text-input.text-input-with-prefix.text-input-with-unit .search-input input {
1653   width: 40px;
1654 }
1655 .search-input input:focus {
1656   border: 1px solid #00abff;
1657 }
1658 .search-input input:disabled,
1659 .search-input input[disabled] {
1660   cursor: not-allowed;
1661   background-color: #f5f5f5;
1662 }
1663 .search-input-sm {
1664   height: 28px !important;
1665 }
1666 .search-img {
1667   color: #bfbfbf;
1668   position: absolute;
1669   right: 8px;
1670   top: 8px;
1671   list-style: none;
1672   font-size: 16px;
1673 }
1674 .search-img-confirm {
1675   color: #008fd5;
1676   cursor: pointer;
1677 }
1678 ::-webkit-input-placeholder {
1679   color: #999 !important;
1680 }
1681 :-moz-placeholder {
1682   /* Mozilla Firefox 4 to 18 */
1683   color: #999 !important;
1684 }
1685 ::-moz-placeholder {
1686   /* Mozilla Firefox 19+ */
1687   color: #999 !important;
1688 }
1689 input:-ms-input-placeholder {
1690   color: #999 !important;
1691 }
1692 input::-webkit-input-placeholder {
1693   color: #999 !important;
1694 }
1695 select-dropdown {
1696   box-sizing: border-box;
1697   font-family: "Helvetica Neue", "PingFang SC", Tahoma, "Microsoft Yahei";
1698   font-size: 12px;
1699   outline: none;
1700 }
1701 select-dropdown > div {
1702   background-color: #fff;
1703   position: absolute;
1704   z-index: 9999;
1705 }
1706 select-dropdown > div.select-sm .filter input {
1707   height: 30px;
1708 }
1709 select-dropdown > div.select-sm .filter .toggle {
1710   top: 13px;
1711 }
1712 select-dropdown > div .filter {
1713   width: 100%;
1714 }
1715 select-dropdown > div .filter input {
1716   border: 1px solid #00abff;
1717   border-radius: 3px;
1718   padding: 0 10px;
1719   width: 100%;
1720   height: 34px;
1721 }
1722 select-dropdown > div .filter .toggle {
1723   display: block;
1724   position: absolute;
1725   top: 15px;
1726   right: 10px;
1727   width: 0;
1728   height: 0;
1729   border-left: 4px solid transparent;
1730   border-right: 4px solid transparent;
1731   border-top: 4px solid #a6a6a6;
1732 }
1733 select-dropdown > div .options {
1734   border: 1px solid #d9d9d9;
1735   border-top: none;
1736   border-radius: 3px;
1737   max-height: 160px;
1738   overflow-y: auto;
1739 }
1740 select-dropdown > div .options ul {
1741   list-style: none;
1742   margin: 0;
1743   padding: 0;
1744 }
1745 select-dropdown > div .options ul li {
1746   color: #595959;
1747   height: 30px;
1748   line-height: 18px;
1749   padding: 6px 20px 6px 8px;
1750   position: relative;
1751   cursor: pointer;
1752   user-select: none;
1753 }
1754 select-dropdown > div .options ul li.single-selected {
1755   background-color: #f5f5f5;
1756 }
1757 select-dropdown > div .options ul li.highlighted {
1758   background-color: #ebf6fd;
1759   color: #595959;
1760 }
1761 select-dropdown > div .options ul li.disabled {
1762   background-color: #fff;
1763   color: #bfbfbf;
1764   cursor: default;
1765   pointer-events: none;
1766 }
1767 select-dropdown > div .options ul li.plx-select-message {
1768   white-space: nowrap;
1769   overflow: hidden;
1770   text-overflow: ellipsis;
1771 }
1772 select-dropdown > div .options ul li .option-label {
1773   display: inline-block;
1774   width: 100%;
1775   white-space: nowrap;
1776   overflow: hidden;
1777   text-overflow: ellipsis;
1778 }
1779 select-dropdown > div .options ul li .option-tick {
1780   display: inline-block;
1781   position: absolute;
1782   right: 5px;
1783   top: 5px;
1784 }
1785 select-dropdown > div .options ul li .tick {
1786   fill: none;
1787   stroke: #73cf22;
1788   stroke-width: 2;
1789   stroke-linecap: round;
1790   stroke-linejoin: round;
1791   stroke-miterlimit: 10;
1792 }
1793 plx-select {
1794   display: inline-block;
1795   margin: 0;
1796   position: relative;
1797   vertical-align: middle;
1798   width: 100%;
1799 }
1800 plx-select.ng-untouched:not(form).ng-untouched:not(fieldset) {
1801   border: 0;
1802 }
1803 plx-select * {
1804   box-sizing: border-box;
1805   font-family: "Helvetica Neue", "PingFang SC", Tahoma, "Microsoft Yahei";
1806   font-size: 12px;
1807   outline: none;
1808 }
1809 plx-select > div {
1810   border: 1px solid #d9d9d9;
1811   border-radius: 3px;
1812   cursor: pointer;
1813   user-select: none;
1814   width: 100%;
1815 }
1816 plx-select > div.disabled {
1817   background-color: #f5f5f5;
1818   color: #bfbfbf;
1819   cursor: not-allowed;
1820 }
1821 plx-select > div.focus-border {
1822   border: 1px solid #00abff !important;
1823 }
1824 plx-select > div.select-sm .value,
1825 plx-select > div.select-sm .placeholder {
1826   height: 28px !important;
1827   line-height: 28px !important;
1828 }
1829 plx-select > div.select-sm .toggle {
1830   top: 13px;
1831 }
1832 plx-select > div.select-sm div.option {
1833   height: 20px !important;
1834   line-height: 14px !important;
1835 }
1836 plx-select > div.select-sm input {
1837   height: 28px;
1838   line-height: 28px;
1839 }
1840 plx-select > div input {
1841   background-color: transparent;
1842   border: none;
1843   border-radius: 3px;
1844   cursor: pointer;
1845   height: 32px;
1846   line-height: 32px;
1847 }
1848 plx-select > div .toggle {
1849   display: block;
1850   position: absolute;
1851   top: 15px;
1852   right: 10px;
1853   width: 0;
1854   height: 0;
1855   border-left: 4px solid transparent;
1856   border-right: 4px solid transparent;
1857   border-top: 4px solid #a6a6a6;
1858 }
1859 plx-select > div .single {
1860   display: flex;
1861   width: 100%;
1862 }
1863 plx-select > div .single .value,
1864 plx-select > div .single .placeholder {
1865   color: #595959;
1866   flex: 1;
1867   height: 32px;
1868   line-height: 32px;
1869   overflow: hidden;
1870   padding: 0 10px;
1871   white-space: nowrap;
1872 }
1873 plx-select > div .single .value span,
1874 plx-select > div .single .placeholder span {
1875   display: inline-block;
1876   white-space: nowrap;
1877   overflow: hidden;
1878   text-overflow: ellipsis;
1879   max-width: 100%;
1880 }
1881 plx-select > div .single .placeholder {
1882   color: #999;
1883 }
1884 plx-select > div .single input {
1885   flex: 1;
1886   padding: 1px 10px 0 10px;
1887 }
1888 plx-select > div .multiple {
1889   display: flex;
1890   flex-flow: row wrap;
1891   padding: 0 10px;
1892   width: 100%;
1893 }
1894 plx-select > div .multiple .placeholder {
1895   flex: 1;
1896   color: #999;
1897   height: 32px;
1898   line-height: 32px;
1899   overflow: hidden;
1900   white-space: nowrap;
1901 }
1902 plx-select > div .multiple input {
1903   padding: 0;
1904   margin-right: 10px;
1905 }
1906 plx-select > div .multiple div.option {
1907   background-color: #f8f8f8;
1908   border: 1px solid #e6e6e6;
1909   border-radius: 2px;
1910   color: #595959;
1911   cursor: default;
1912   display: inline-block;
1913   flex-shrink: 0;
1914   height: 24px;
1915   line-height: 18px;
1916   margin: 4px 10px 4px 0;
1917   padding: 2px 30px 2px 10px;
1918   max-width: 100%;
1919   position: relative;
1920 }
1921 plx-select > div .multiple div.option span {
1922   display: inline-block;
1923   white-space: nowrap;
1924   overflow: hidden;
1925   text-overflow: ellipsis;
1926   max-width: 100%;
1927 }
1928 plx-select > div .multiple div.option .deselect-option {
1929   color: #c0c0c0;
1930   cursor: pointer;
1931   font-size: 8px;
1932   position: absolute;
1933   top: 2px;
1934   right: 8px;
1935 }
1936 plx-select > div .multiple div.option .deselect-option:hover {
1937   color: #555;
1938 }
1939 .plx-ui-steps {
1940   height: 40px;
1941 }
1942 .plx-ui-horizon-ul-horizon {
1943   display: flex;
1944   box-orient: horizontal;
1945   padding: 0;
1946   font-size: 12px;
1947   font-family: "Helvetica Neue", "PingFang SC", Tahoma, "Microsoft Yahei";
1948 }
1949 .plx-ui-steps-li {
1950   list-style: none;
1951   position: relative;
1952   height: 24px;
1953   line-height: 24px;
1954   float: left;
1955   margin-right: 0;
1956 }
1957 .plx-ui-steps-number-active {
1958   color: #fff;
1959   background-color: #00abff;
1960   width: 24px;
1961   height: 24px;
1962   border-radius: 50%;
1963   display: inline-block;
1964   margin-right: 10px;
1965   float: left;
1966   text-align: center;
1967 }
1968 .plx-ui-steps-number-passive {
1969   background-color: #D7D7D7;
1970   color: #fff;
1971   width: 24px;
1972   height: 24px;
1973   border-radius: 50%;
1974   display: inline-block;
1975   margin-right: 10px;
1976   float: left;
1977   text-align: center;
1978 }
1979 .plx-rapire-steps {
1980   position: relative;
1981 }
1982 .plx-ui-steps-number-visited {
1983   width: 24px;
1984   height: 24px;
1985   border-radius: 50%;
1986   display: inline-block;
1987   margin-right: 10px;
1988   float: left;
1989   position: relative;
1990   color: #00abff;
1991   background-color: #fff;
1992   border: 2px solid #00abff;
1993 }
1994 .plx-ui-menuitem-div-passive {
1995   position: absolute;
1996   top: 50%;
1997   left: 50%;
1998   -webkit-transform: translate(-50%, -50%);
1999   -moz-transform: translate(-50%, -50%);
2000   -ms-transform: translate(-50%, -50%);
2001   -o-transform: translate(-50%, -50%);
2002   transform: translate(-50%, -50%);
2003 }
2004 .plx-ui-menuitem-div-active {
2005   position: absolute;
2006   top: 50%;
2007   left: 50%;
2008   -webkit-transform: translate(-50%, -50%);
2009   -moz-transform: translate(-50%, -50%);
2010   -ms-transform: translate(-50%, -50%);
2011   -o-transform: translate(-50%, -50%);
2012   transform: translate(-50%, -50%);
2013 }
2014 .plx-ui-menuitem-div-passive {
2015   position: absolute;
2016   top: 50%;
2017   left: 50%;
2018   -webkit-transform: translate(-50%, -50%);
2019   -moz-transform: translate(-50%, -50%);
2020   -ms-transform: translate(-50%, -50%);
2021   -o-transform: translate(-50%, -50%);
2022   transform: translate(-50%, -50%);
2023 }
2024 .plx-ui-menuitem-div-visited {
2025   position: absolute;
2026   top: 50%;
2027   left: 50%;
2028   -webkit-transform: translate(-50%, -50%);
2029   -moz-transform: translate(-50%, -50%);
2030   -ms-transform: translate(-50%, -50%);
2031   -o-transform: translate(-50%, -50%);
2032   transform: translate(-50%, -50%);
2033 }
2034 .plx-ui-underline {
2035   width: 386px;
2036   height: 2px;
2037   margin-top: 49px;
2038   position: absolute;
2039   background-color: #00abff;
2040 }
2041 .passive .plx-ui-underline {
2042   background-color: #D7D7D7;
2043 }
2044 .plx-ui-steps-title-active {
2045   white-space: nowrap;
2046 }
2047 .plx-ui-steps-title-passive {
2048   white-space: nowrap;
2049 }
2050 .plx-ui-steps-title-visited {
2051   white-space: nowrap;
2052 }
2053 .plx-ui-steps-number-visited-tick {
2054   position: absolute;
2055   background-color: transparent;
2056   height: 12px;
2057   width: 7px;
2058   transform: rotate(45deg);
2059   transform-origin: 50% 120%;
2060   transition: all 0.2s;
2061   border-right: 2px solid #00abff;
2062   border-bottom: 2px solid #00abff;
2063 }
2064 /**********************************************************************************************************/
2065 .plx-ui-steps-display-vertical {
2066   display: inline-block;
2067 }
2068 .plx-ui-steps-vertical {
2069   height: auto;
2070   width: auto;
2071   min-width: 180px;
2072   display: inline-block;
2073   font-size: 12px;
2074   font-family: "Helvetica Neue", "PingFang SC", Tahoma, "Microsoft Yahei";
2075 }
2076 .plx-ui-horizon-ul-vertical {
2077   display: inline-block;
2078   box-orient: vertical;
2079   width: auto;
2080   padding: 0;
2081 }
2082 .plx-ui-underline-active-vertical {
2083   margin-left: 3px;
2084   width: 10px;
2085   display: table-caption;
2086   min-height: 30px;
2087   border-right: 2px solid #D7D7D7;
2088 }
2089 .plx-ui-underline-visited-vertical {
2090   margin-left: 3px;
2091   width: 10px;
2092   display: table-caption;
2093   height: 30px;
2094 }
2095 .plx-ui-underline-passive-vertical {
2096   height: 30px;
2097   margin-left: 3px;
2098   width: 10px;
2099   display: table-caption;
2100   border-right: 2px solid #D7D7D7;
2101 }
2102 .plx-ui-steps-li-vertical {
2103   list-style: none;
2104   width: auto;
2105 }
2106 .plx-ui-steps-title-active-vertical {
2107   margin-left: 10px;
2108   position: absolute;
2109   width: auto;
2110   height: 24px;
2111   min-width: 64px;
2112   margin-top: 1px;
2113   white-space: nowrap;
2114 }
2115 .plx-ui-steps-title-visited-vertical {
2116   margin-left: 10px;
2117   position: absolute;
2118   width: auto;
2119   height: 24px;
2120   min-width: 64px;
2121   margin-top: 3px;
2122   white-space: nowrap;
2123 }
2124 .plx-ui-steps-title-passive-vertical {
2125   margin-left: 10px;
2126   position: absolute;
2127   width: auto;
2128   height: 24px;
2129   min-width: 64px;
2130   margin-top: 1px;
2131   white-space: nowrap;
2132 }
2133 .plx-ui-steps-number-visited-tick-vertical {
2134   position: absolute;
2135   background-color: transparent;
2136   height: 12px;
2137   width: 7px;
2138   transform: rotate(45deg);
2139   transform-origin: 50% 120%;
2140   transition: all 0.2s;
2141 }
2142 .plx-ui-steps-number-active-vertical {
2143   width: 24px;
2144   height: 24px;
2145   border-radius: 50%;
2146   display: inline-block;
2147   margin-right: 0;
2148   float: left;
2149   text-align: left;
2150   position: relative;
2151   line-height: 24px;
2152 }
2153 .plx-ui-steps-number-passive-vertical {
2154   width: 24px;
2155   height: 24px;
2156   border-radius: 50%;
2157   display: inline-block;
2158   margin-right: 0;
2159   float: left;
2160   text-align: left;
2161   position: relative;
2162   padding-top: 2px;
2163   line-height: 24px;
2164 }
2165 .plx-ui-steps-number-visited-vertical {
2166   width: 24px;
2167   height: 24px;
2168   border-radius: 50%;
2169   display: inline-block;
2170   margin-right: 0;
2171   float: left;
2172   position: relative;
2173   line-height: 24px;
2174 }
2175 .plx-table-wrapper {
2176   position: relative;
2177   width: 100%;
2178 }
2179 .plx-table-blur {
2180   opacity: .7;
2181   filter: blur(0.5px);
2182 }
2183 .plx-table-loading {
2184   position: absolute;
2185   width: 100%;
2186   height: 100%;
2187   opacity: 1;
2188   z-index: 9999;
2189 }
2190 .plx-table-loading-content {
2191   position: absolute;
2192   width: 36px;
2193   height: 36px;
2194   border: 5px solid #00abff;
2195   border-right-color: transparent;
2196   top: calc(50% - 36px);
2197   left: calc(50% - 18px);
2198   animation: plx-table-loading-animation 1s infinite ease-in-out;
2199   border-radius: 50%;
2200 }
2201 .plx-table-loading-placeholder {
2202   position: absolute;
2203   top: calc(50% + 10px);
2204   left: calc(50% - 18px);
2205 }
2206 /* 加载中动画 */
2207 @-moz-keyframes plx-table-loading-animation {
2208   0% {
2209     -moz-transform: rotate(0deg);
2210     transform: rotate(0deg);
2211   }
2212   100% {
2213     -moz-transform: rotate(360deg);
2214     transform: rotate(360deg);
2215   }
2216 }
2217 @-webkit-keyframes plx-table-loading-animation {
2218   0% {
2219     -webkit-transform: rotate(0deg);
2220     transform: rotate(0deg);
2221   }
2222   100% {
2223     -webkit-transform: rotate(360deg);
2224     transform: rotate(360deg);
2225   }
2226 }
2227 @keyframes plx-table-loading-animation {
2228   0% {
2229     -moz-transform: rotate(0deg);
2230     -ms-transform: rotate(0deg);
2231     -webkit-transform: rotate(0deg);
2232     transform: rotate(0deg);
2233   }
2234   100% {
2235     -moz-transform: rotate(360deg);
2236     -ms-transform: rotate(360deg);
2237     -webkit-transform: rotate(360deg);
2238     transform: rotate(360deg);
2239   }
2240 }
2241 /*表格样式*/
2242 .plx-table {
2243   font-family: "Helvetica Neue", "PingFang SC", Tahoma, "Microsoft Yahei";
2244   font-size: 12px;
2245   line-height: 1.5;
2246   color: #595959;
2247   border-collapse: collapse;
2248   width: 100%;
2249   display: table;
2250   table-layout: fixed;
2251   max-width: 100%;
2252   min-width: 100%;
2253   word-break: break-all;
2254 }
2255 .plx-table .plx-table-subHead th {
2256   background-color: #fff;
2257   line-height: 1;
2258   border-bottom: 1px solid #d9d9d9;
2259 }
2260 .plx-table tr.plx-table-hlt {
2261   background-color: #e2f2fc;
2262 }
2263 .plx-table tr:hover {
2264   background-color: #ebf6fd;
2265 }
2266 .plx-table.plx-table-normal th {
2267   box-sizing: border-box;
2268   height: 40px;
2269   padding: 0px 10px ;
2270   color: #595959;
2271   text-decoration: none;
2272   font-weight: normal;
2273   font-size: 12px;
2274   border: 1px solid #d9d9d9;
2275   background-color: #f5f5f5;
2276 }
2277 .plx-table.plx-table-normal td {
2278   border: 1px solid #d9d9d9;
2279   vertical-align: middle;
2280   height: 40px;
2281   padding: 2px 10px 0px 10px;
2282 }
2283 .plx-table.plx-table-large th {
2284   box-sizing: border-box;
2285   height: 50px;
2286   padding: 0px 10px ;
2287   color: #595959;
2288   text-decoration: none;
2289   font-weight: normal;
2290   font-size: 12px;
2291   border: none;
2292   background-color: #f5f5f5;
2293 }
2294 .plx-table.plx-table-large td {
2295   border-bottom: 1px solid #d9d9d9;
2296   vertical-align: middle;
2297   height: 50px;
2298   padding: 2px 10px 0px 10px;
2299 }
2300 .plx-table.plx-table-card th {
2301   box-sizing: border-box;
2302   height: 64px;
2303   padding: 0px 10px ;
2304   color: #595959;
2305   text-decoration: none;
2306   font-weight: normal;
2307   font-size: 12px;
2308   border: none;
2309   background-color: #f5f5f5;
2310 }
2311 .plx-table.plx-table-card td {
2312   border-bottom: 1px solid #d9d9d9;
2313   vertical-align: middle;
2314   height: 64px;
2315   padding: 2px 10px 0px 10px;
2316 }
2317 .plx-table.plx-table-sm th {
2318   box-sizing: border-box;
2319   height: 30px;
2320   padding: 0px 10px ;
2321   color: #595959;
2322   text-decoration: none;
2323   font-weight: normal;
2324   font-size: 12px;
2325   border: 1px solid #d9d9d9;
2326   background-color: #f5f5f5;
2327 }
2328 .plx-table.plx-table-sm td {
2329   border: 1px solid #d9d9d9;
2330   vertical-align: middle;
2331   height: 30px;
2332   padding: 2px 10px 0px 10px;
2333 }
2334 .plx-table tbody tr:first-child td {
2335   border-top: none;
2336 }
2337 .plx-table-fix {
2338   table-layout: fixed;
2339 }
2340 /*防止分页区域高度塌陷*/
2341 .plx-table-pagnation-content {
2342   overflow: auto;
2343 }
2344 /*搜索区域*/
2345 .plx-table-opretions-wrapper:after {
2346   content: '';
2347   display: block;
2348   clear: both;
2349   height: 0;
2350   visibility: hidden;
2351 }
2352 .plx-table-align-center {
2353   text-align: center;
2354 }
2355 .plx-table-align-left {
2356   text-align: left;
2357 }
2358 .plx-table-align-right {
2359   text-align: right;
2360 }
2361 .plx-table-head-checkbox label {
2362   margin-bottom: 0px;
2363   vertical-align: top;
2364 }
2365 .plx-table td.plx-table-no-data {
2366   height: 60px;
2367   text-align: center;
2368   font-size: 12px;
2369   color: #595959;
2370 }
2371 .plx-tabset {
2372   display: flex;
2373   padding-left: 0;
2374   margin-bottom: 0;
2375   list-style: none;
2376 }
2377 .plx-tabset.plx-nav-tabs {
2378   border-bottom: 1px solid #d9d9d9;
2379   font-size: 14px;
2380 }
2381 .plx-tabset.plx-nav-tabs .plx-nav-item {
2382   margin-bottom: -1px;
2383 }
2384 .plx-tabset.plx-nav-tabs .plx-nav-link {
2385   display: block;
2386   border-radius: 0;
2387   border: 1px solid transparent;
2388   border-top: 2px solid transparent;
2389   color: #999;
2390   min-width: 100px;
2391   text-align: center;
2392   padding: 6px 16px;
2393 }
2394 .plx-tabset.plx-nav-tabs .plx-nav-link:hover,
2395 .plx-tabset.plx-nav-tabs .plx-nav-link:focus {
2396   text-decoration: none;
2397   background-color: #ebf6fd;
2398   border-bottom: 0;
2399   border-left: 0;
2400   border-right: 0;
2401 }
2402 .plx-tabset.plx-nav-tabs .plx-nav-link.active {
2403   color: #595959;
2404   border-top: 2px solid #00abff;
2405   border-left: 1px solid #d9d9d9;
2406   border-right: 1px solid #d9d9d9;
2407   background-color: #fff;
2408 }
2409 .plx-tabset.plx-nav-tabs .plx-nav-link.active:hover,
2410 .plx-tabset.plx-nav-tabs .plx-nav-link.active:focus {
2411   border-left: 1px solid #d9d9d9;
2412   border-right: 1px solid #d9d9d9;
2413   border-bottom: 1px solid transparent;
2414 }
2415 .plx-tabset.plx-nav-tabs.bottom .plx-nav-link {
2416   border: 0;
2417   border-bottom: 2px solid transparent;
2418 }
2419 .plx-tabset.plx-nav-tabs.bottom .plx-nav-link:hover {
2420   border-bottom: 1px solid transparent;
2421 }
2422 .plx-tabset.plx-nav-tabs.bottom .plx-nav-link.active {
2423   border: 0;
2424   border-bottom: 2px solid #00abff;
2425 }
2426 .plx-tabset.plx-nav-pills .plx-nav-link {
2427   border: 1px solid #d9d9d9;
2428   border-radius: 0.25em;
2429   color: #999;
2430   display: block;
2431   padding: 6px 10px;
2432   min-width: 100px;
2433   text-align: center;
2434 }
2435 .plx-tabset.plx-nav-pills .plx-nav-link:hover,
2436 .plx-tabset.plx-nav-pills .plx-nav-link:focus {
2437   text-decoration: none;
2438   color: #00abff;
2439   border-color: #00abff;
2440   background-color: #fff;
2441 }
2442 .plx-tabset.plx-nav-pills .plx-nav-link:active {
2443   color: #008fd5;
2444   border-color: #008fd5;
2445   background-color: #fff;
2446 }
2447 .plx-tabset.plx-nav-pills .plx-nav-link.active {
2448   color: #fff;
2449   cursor: default;
2450   background-color: #00abff;
2451   border-color: #00abff;
2452 }
2453 .plx-tabset.plx-nav-pills .plx-nav-item:hover,
2454 .plx-tabset.plx-nav-pills .plx-nav-item:focus,
2455 .plx-tabset.plx-nav-pills .plx-nav-item:active {
2456   z-index: 2;
2457 }
2458 .plx-tabset.plx-nav-pills .plx-nav-item:first-child:not(:last-child) .plx-nav-link {
2459   border-top-right-radius: 0;
2460   border-bottom-right-radius: 0;
2461 }
2462 .plx-tabset.plx-nav-pills .plx-nav-item:not(:first-child):not(:last-child) .plx-nav-link {
2463   border-radius: 0;
2464 }
2465 .plx-tabset.plx-nav-pills .plx-nav-item:last-child:not(:first-child) .plx-nav-link {
2466   border-top-left-radius: 0;
2467   border-bottom-left-radius: 0;
2468 }
2469 .plx-tabset.plx-nav-pills .plx-nav-item + .plx-nav-item .plx-nav-link {
2470   margin-left: -1px;
2471 }
2472 .plx-tab-content .plx-tab-pane {
2473   display: none;
2474 }
2475 .plx-tab-content .plx-tab-pane.active {
2476   display: block;
2477 }
2478 .font {
2479   font-family: "Helvetica Neue", "PingFang SC", Tahoma, "Microsoft Yahei";
2480   font-size: 12px;
2481 }
2482 .text-input {
2483   display: inline-block;
2484 }
2485 .text-input .caret-down {
2486   display: block;
2487   width: 0;
2488   height: 0;
2489   border-left: 4px solid transparent;
2490   border-right: 4px solid transparent;
2491   border-top: 4px solid #a6a6a6;
2492   margin-top: 4px;
2493   margin-bottom: 10px;
2494 }
2495 .text-input .caret-down.caret-down-hover:hover,
2496 .text-input .caret-down.caret-down-hover:active {
2497   border-top: 4px solid #00abff;
2498 }
2499 .text-input .caret-up {
2500   display: block;
2501   width: 0;
2502   height: 0;
2503   border-left: 4px solid transparent;
2504   border-right: 4px solid transparent;
2505   border-bottom: 4px solid #a6a6a6;
2506   margin-top: 10px;
2507 }
2508 .text-input .caret-up.caret-up-hover:hover,
2509 .text-input .caret-up.caret-up-hover:active {
2510   border-bottom: 4px solid #00abff;
2511 }
2512 .text-input .toggle {
2513   float: right;
2514   margin-right: 10px;
2515   margin-top: 14px;
2516   border-left: 4px solid transparent;
2517   border-right: 4px solid transparent;
2518   border-top: 4px solid #a6a6a6;
2519 }
2520 .text-input .text-input-dataList {
2521   margin-top: 2px;
2522   position: absolute;
2523   z-index: 1050;
2524   border: 1px solid #d9d9d9;
2525   background: #fff;
2526   cursor: pointer;
2527   border-radius: 3px;
2528 }
2529 .text-input .text-input-dataList li {
2530   list-style: none;
2531   height: 32px;
2532   width: 400px;
2533   padding-left: 10px;
2534 }
2535 .text-input .text-input-dataList li:hover {
2536   background-color: #ebf6fd;
2537 }
2538 .input-span {
2539   display: inline-block;
2540   overflow: visible;
2541   padding: 0;
2542   position: relative;
2543 }
2544 .text-input-with-hint {
2545   margin-bottom: -8px;
2546 }
2547 :host(.ng-touched.ng-invalid.input-blur) .text-input-with-hint {
2548   height: auto;
2549   margin-bottom: 0;
2550 }
2551 .plx-text-input-unit-group,
2552 .plx-text-input-prefix-group {
2553   position: absolute;
2554   margin-top: 5px;
2555   width: 84px;
2556   z-index: 1050;
2557   border-radius: 3px;
2558   background: #fff;
2559   border: 1px solid #d9d9d9;
2560   -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
2561   -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
2562   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
2563   cursor: pointer;
2564 }
2565 .plx-text-input-unit-group li,
2566 .plx-text-input-prefix-group li {
2567   padding-left: 10px;
2568   height: 32px;
2569   list-style: none;
2570   line-height: 32px;
2571   font-size: 12px;
2572 }
2573 .plx-text-input-unit-group li:hover,
2574 .plx-text-input-prefix-group li:hover {
2575   background-color: #ebf6fd;
2576 }
2577 .plx-text-input-unit-group li.group-selected,
2578 .plx-text-input-prefix-group li.group-selected,
2579 .plx-text-input-unit-group li.group-selected:hover,
2580 .plx-text-input-prefix-group li.group-selected:hover {
2581   background-color: #f5f5f5;
2582   color: #595959;
2583 }
2584 .text-input-optional {
2585   display: inline-block;
2586   margin-right: 6px;
2587   padding-left: 5px;
2588 }
2589 .input-right-border .plx-input {
2590   border-right: 1px solid #00abff;
2591 }
2592 .input-left-border .plx-input {
2593   border-left: 1px solid #00abff;
2594 }
2595 .text-input-hint {
2596   top: 42px;
2597   left: 10px;
2598   font-family: "Helvetica Neue", "PingFang SC", Tahoma, "Microsoft Yahei";
2599   font-size: 12px;
2600   color: #bfbfbf;
2601 }
2602 :host(.ng-touched.ng-invalid.input-blur) .text-input-hint {
2603   display: none;
2604 }
2605 .text-input-prefix {
2606   font-size: 12px;
2607   font-family: "Helvetica Neue", "PingFang SC", Tahoma, "Microsoft Yahei";
2608   font-weight: 400;
2609   font-size: 14px;
2610   line-height: 14px;
2611   color: #595959;
2612   display: inline-block;
2613   width: 70px;
2614   height: 32px;
2615   text-align: center;
2616   line-height: 32px;
2617   border-top-left-radius: 3px;
2618   border-bottom-left-radius: 3px;
2619   color: #bfbfbf;
2620   border: 1px solid #d9d9d9;
2621   border-right: 0;
2622   vertical-align: middle;
2623 }
2624 .short-text-input .text-input-prefix {
2625   width: 40px;
2626 }
2627 .input-span-focus .text-input-prefix {
2628   border-color: #00abff;
2629 }
2630 .input-invalid.ng-dirty.ng-invalid.ng-touched.input-blur .text-input-prefix,
2631 .input-invalid.ng-dirty.ng-invalid.ng-touched.input-blur .input-span-focus:focus .text-input-prefix {
2632   border-color: #ff5b55;
2633 }
2634 .input-unit,
2635 .text-input-unit-option {
2636   font-size: 12px;
2637   font-family: "Helvetica Neue", "PingFang SC", Tahoma, "Microsoft Yahei";
2638   font-weight: 400;
2639   font-size: 14px;
2640   line-height: 14px;
2641   color: #595959;
2642   display: inline-block;
2643   height: 32px;
2644   text-align: center;
2645   line-height: 32px;
2646   border-top-right-radius: 3px;
2647   border-bottom-right-radius: 3px;
2648 }
2649 .text-input-unit {
2650   border: 1px solid #d9d9d9;
2651   border-left: 0;
2652   font-size: 12px;
2653   font-family: "Helvetica Neue", "PingFang SC", Tahoma, "Microsoft Yahei";
2654   font-weight: 400;
2655   font-size: 14px;
2656   line-height: 14px;
2657   color: #595959;
2658   display: inline-block;
2659   height: 32px;
2660   line-height: 32px;
2661   border-top-right-radius: 3px;
2662   border-bottom-right-radius: 3px;
2663   color: #bfbfbf;
2664   width: 45px;
2665   text-align: center;
2666   vertical-align: middle;
2667 }
2668 .short-text-input .text-input-unit {
2669   width: 40px;
2670 }
2671 .input-span-focus .text-input-unit {
2672   border-color: #00abff;
2673 }
2674 .text-input-prefix-option {
2675   font-size: 12px;
2676   font-family: "Helvetica Neue", "PingFang SC", Tahoma, "Microsoft Yahei";
2677   font-weight: 400;
2678   font-size: 14px;
2679   line-height: 14px;
2680   color: #595959;
2681   display: inline-block;
2682   height: 32px;
2683   text-align: center;
2684   line-height: 32px;
2685   border-top-left-radius: 3px;
2686   border-bottom-left-radius: 3px;
2687   width: 84px;
2688   text-align: left;
2689   padding-left: 10px;
2690   cursor: pointer;
2691   border: 1px solid #d9d9d9;
2692   border-right: 0;
2693   vertical-align: middle;
2694 }
2695 .text-input-prefix-option.prefix-focus {
2696   border-color: #00abff;
2697 }
2698 .text-input-unit-option {
2699   width: 84px;
2700   text-align: left;
2701   padding-left: 10px;
2702   cursor: pointer;
2703   border: 1px solid #d9d9d9;
2704   border-left: 0;
2705   vertical-align: middle;
2706 }
2707 .input-span-focus .text-input-unit-option {
2708   border-color: #00abff;
2709 }
2710 .text-input-with-unitOption div.unit-focus {
2711   border-color: #00abff;
2712 }
2713 .short-text-input .plx-input {
2714   width: 120px;
2715 }
2716 .text-input-with-unit .plx-input {
2717   width: 355px;
2718   border-top-right-radius: 0;
2719   border-bottom-right-radius: 0;
2720 }
2721 .text-input-with-unitOption .plx-input {
2722   width: 316px;
2723   border-top-right-radius: 0;
2724   border-bottom-right-radius: 0;
2725 }
2726 .text-input-with-prefix .plx-input {
2727   width: 330px;
2728   border-top-left-radius: 0;
2729   border-bottom-left-radius: 0;
2730 }
2731 .text-input-with-prefixOption .plx-input {
2732   width: 316px;
2733   border-top-left-radius: 0;
2734   border-bottom-left-radius: 0;
2735 }
2736 .text-input-with-passwordSwith .plx-input {
2737   width: 360px;
2738   border-top-right-radius: 0;
2739   border-bottom-right-radius: 0;
2740 }
2741 .text-input-with-prefix.text-input-with-unit .plx-input {
2742   width: 285px;
2743 }
2744 .text-input-with-prefix.text-input-with-unitOption .plx-input {
2745   width: 246px;
2746 }
2747 .short-text-input.text-input-with-prefix .plx-input {
2748   width: 80px;
2749 }
2750 .short-text-input.text-input-with-unit .plx-input {
2751   width: 80px;
2752 }
2753 .short-text-input.text-input-with-prefix.text-input-with-unit .plx-input {
2754   width: 40px;
2755 }
2756 .input-spinner-up {
2757   cursor: pointer;
2758   display: block;
2759   font-size: 12px;
2760   position: absolute;
2761   margin: 0;
2762   right: 0;
2763   overflow: hidden;
2764   border: none;
2765   padding: 0;
2766   text-align: center;
2767   vertical-align: middle;
2768   width: 18px;
2769   top: 0;
2770 }
2771 .input-spinner-down {
2772   cursor: pointer;
2773   display: block;
2774   font-size: 12px;
2775   position: absolute;
2776   margin: 0;
2777   right: 0;
2778   overflow: hidden;
2779   border: none;
2780   padding: 0;
2781   text-align: center;
2782   vertical-align: middle;
2783   width: 18px;
2784   bottom: 0;
2785 }
2786 :host(.plx-input-sm) .plx-input {
2787   height: 28px;
2788   line-height: 28px;
2789 }
2790 :host(.plx-input-sm) .text-input-prefix,
2791 :host(.plx-input-sm) .text-input-unit,
2792 :host(.plx-input-sm) .text-input-unit-option,
2793 :host(.plx-input-sm) .text-input-prefix-option {
2794   height: 28px;
2795   line-height: 28px;
2796 }
2797 :host(.plx-input-sm) div.text-input-dataList {
2798   height: 28px;
2799 }
2800 :host(.plx-input-sm) .toggle {
2801   margin-top: 11px;
2802 }
2803 :host(.plx-input-sm) .caret-down {
2804   margin-bottom: 8px;
2805 }
2806 :host(.plx-input-sm) .caret-up {
2807   margin-top: 8px;
2808 }
2809 :host(.plx-input-sm) .plx-input-passwordSwitch {
2810   line-height: 26px;
2811 }
2812 .plx-input-sm .plx-input {
2813   height: 28px;
2814   line-height: 28px;
2815 }
2816 .plx-input-sm .text-input-prefix,
2817 .plx-input-sm .text-input-unit,
2818 .plx-input-sm .text-input-unit-option,
2819 .plx-input-sm .text-input-prefix-option {
2820   height: 28px;
2821   line-height: 28px;
2822 }
2823 .plx-input-sm div.text-input-dataList {
2824   height: 28px;
2825 }
2826 .plx-input-sm .toggle {
2827   margin-top: 11px;
2828 }
2829 .plx-input-sm .caret-down {
2830   margin-bottom: 8px;
2831 }
2832 .plx-input-sm .caret-up {
2833   margin-top: 8px;
2834 }
2835 .plx-input-sm .plx-input-passwordSwitch {
2836   line-height: 26px;
2837 }
2838 .plx-input-sm-common .plx-input {
2839   height: 28px;
2840   line-height: 28px;
2841 }
2842 .plx-input-sm-common .text-input-prefix,
2843 .plx-input-sm-common .text-input-unit,
2844 .plx-input-sm-common .text-input-unit-option,
2845 .plx-input-sm-common .text-input-prefix-option {
2846   height: 28px;
2847   line-height: 28px;
2848 }
2849 .plx-input-sm-common div.text-input-dataList {
2850   height: 28px;
2851 }
2852 .plx-input-sm-common .toggle {
2853   margin-top: 11px;
2854 }
2855 .plx-input-sm-common .caret-down {
2856   margin-bottom: 8px;
2857 }
2858 .plx-input-sm-common .caret-up {
2859   margin-top: 8px;
2860 }
2861 .plx-input-sm-common .plx-input-passwordSwitch {
2862   line-height: 26px;
2863 }
2864 .plx-input-passwordSwitch {
2865   display: inline-block;
2866   line-height: 30px;
2867   width: 40px;
2868   text-align: center;
2869   vertical-align: middle;
2870   background-color: #fff;
2871   border: 1px solid #d9d9d9;
2872   border-left: 0;
2873   border-bottom-right-radius: 3px;
2874   border-top-right-radius: 3px;
2875   cursor: pointer;
2876 }
2877 .plx-input-passwordSwitch:focus,
2878 .plx-input-passwordSwitch:hover {
2879   border-color: #00abff;
2880   background-color: #fff;
2881 }
2882 .plx-input-passwordSwitch:focus.ict-eye-closed,
2883 .plx-input-passwordSwitch:hover.ict-eye-closed,
2884 .plx-input-passwordSwitch:focus.ict-eye,
2885 .plx-input-passwordSwitch:hover.ict-eye {
2886   color: #00abff;
2887 }
2888 .plx-input-passwordSwitch:active {
2889   background-color: #fff;
2890   border-color: #008fd5;
2891 }
2892 .plx-input-passwordSwitch:active.ict-eye-closed,
2893 .plx-input-passwordSwitch:active.ict-eye {
2894   color: #008fd5;
2895 }
2896 .plx-input-passwordSwitch.ict-eye-closed,
2897 .plx-input-passwordSwitch.ict-eye {
2898   color: #999;
2899   font-size: 16px;
2900 }
2901 .input-right-border-pwdswith-hover .plx-input {
2902   border-right-color: #00abff;
2903 }
2904 .input-right-border-pwdswith-click .plx-input {
2905   border-right-color: #008fd5;
2906 }
2907 .plx-text-input-ip-dot {
2908   display: inline-block;
2909   vertical-align: bottom;
2910   color: #999;
2911 }
2912 .plx-text-input-error {
2913   font-size: 12px;
2914   color: #ff5b55;
2915   margin-top: 5px;
2916 }
2917 :host(.plx-text-input-ip-invalid) .plx-input {
2918   border-color: #ff5b55;
2919 }
2920 :host(.plx-text-input-ip-invalid) .input-span-focus .plx-input {
2921   border-color: #00abff;
2922 }
2923 .plx-text-input-ip-invalid .plx-input {
2924   border-color: #ff5b55;
2925 }
2926 .plx-text-input-ip-invalid .input-span-focus .plx-input {
2927   border-color: #00abff;
2928 }
2929 .plx-text-input-ip-invalid-common .plx-input {
2930   border-color: #ff5b55;
2931 }
2932 .plx-text-input-ip-invalid-common .input-span-focus .plx-input {
2933   border-color: #00abff;
2934 }
2935 .plx-textarea-container {
2936   display: inline-block;
2937 }
2938 .plx-textarea-class {
2939   width: 100%;
2940   font-size: 12px;
2941   font-family: "Helvetica Neue", "PingFang SC", Tahoma, "Microsoft Yahei";
2942   line-height: 1.5;
2943   resize: none;
2944   padding: 7px;
2945   border: 1px solid #d9d9d9;
2946   border-radius: 3px;
2947   box-shadow: none;
2948   outline: none;
2949   overflow-y: auto;
2950 }
2951 .plx-textarea-class:focus {
2952   border-color: #00abff;
2953 }
2954 .plx-textarea-class::-webkit-input-placeholder {
2955   text-shadow: none;
2956   -webkit-text-fill-color: initial;
2957 }
2958 .plx-align-tip {
2959   vertical-align: top;
2960   font-size: 12px;
2961   font-weight: normal;
2962   color: #bfbfbf;
2963 }
2964 .plx-align-number {
2965   font-size: 12px;
2966   font-weight: normal;
2967   line-height: 1;
2968   text-align: right;
2969   width: 100%;
2970   color: #bfbfbf;
2971   margin-top: -2px;
2972 }
2973 .plx-toggle-switch {
2974   display: inline-block;
2975   height: 22px;
2976   width: 44px;
2977   position: relative;
2978   vertical-align: middle;
2979   text-align: left;
2980   font-size: 0;
2981 }
2982 .plx-toggle-switch input[type='checkbox'] {
2983   display: none;
2984   -webkit-appearance: none;
2985   -moz-appearance: none;
2986   -ms-progress-appearance: none;
2987 }
2988 .plx-toggle-switch input[type='checkbox'] + label {
2989   display: inline-block;
2990   height: 22px;
2991   position: relative;
2992   cursor: pointer;
2993 }
2994 .plx-toggle-switch input[type='checkbox'] + label::before {
2995   position: absolute;
2996   display: inline-block;
2997   content: '';
2998   height: 22px;
2999   width: 44px;
3000   border-radius: 11px;
3001   transition: 0.15s ease-in;
3002   transition-property: background-color;
3003   background-color: #DDDDDD;
3004 }
3005 .plx-toggle-switch input[type='checkbox'] + label::after {
3006   position: absolute;
3007   display: inline-block;
3008   content: '';
3009   height: 18px;
3010   width: 18px;
3011   border-radius: 50%;
3012   top: 2px;
3013   left: 2px;
3014   transition: left 0.15s ease-in;
3015   background-color: #fff;
3016 }
3017 .plx-toggle-switch input[type='checkbox']:checked + label::before {
3018   background-color: #00abff;
3019   transition: background-color 0.15s ease-in;
3020 }
3021 .plx-toggle-switch input[type='checkbox']:checked + label::after {
3022   left: 24px;
3023   transition: left 0.15s ease-in;
3024 }
3025 .plx-toggle-switch input[type='checkbox']:disabled + label,
3026 .plx-toggle-switch input[type='checkbox']:checked:disabled + label {
3027   cursor: not-allowed;
3028 }
3029 .plx-toggle-switch input[type='checkbox']:disabled + label::before,
3030 .plx-toggle-switch input[type='checkbox']:checked:disabled + label::before {
3031   opacity: 0.5;
3032 }
3033 :host(.plx-toggle-sm) .plx-toggle-switch {
3034   height: 18px;
3035   width: 34px;
3036 }
3037 :host(.plx-toggle-sm) .plx-toggle-switch input[type='checkbox'] + label {
3038   height: 18px;
3039 }
3040 :host(.plx-toggle-sm) .plx-toggle-switch input[type='checkbox'] + label::before {
3041   height: 18px;
3042   width: 34px;
3043   border-radius: 9px;
3044 }
3045 :host(.plx-toggle-sm) .plx-toggle-switch input[type='checkbox'] + label::after {
3046   height: 14px;
3047   width: 14px;
3048 }
3049 :host(.plx-toggle-sm) .plx-toggle-switch input[type='checkbox']:checked + label::after {
3050   left: 18px;
3051   transition: left 0.15s ease-in;
3052 }
3053 .plx-toggle-sm .plx-toggle-switch {
3054   height: 18px;
3055   width: 34px;
3056 }
3057 .plx-toggle-sm .plx-toggle-switch input[type='checkbox'] + label {
3058   height: 18px;
3059 }
3060 .plx-toggle-sm .plx-toggle-switch input[type='checkbox'] + label::before {
3061   height: 18px;
3062   width: 34px;
3063   border-radius: 9px;
3064 }
3065 .plx-toggle-sm .plx-toggle-switch input[type='checkbox'] + label::after {
3066   height: 14px;
3067   width: 14px;
3068 }
3069 .plx-toggle-sm .plx-toggle-switch input[type='checkbox']:checked + label::after {
3070   left: 18px;
3071   transition: left 0.15s ease-in;
3072 }
3073 .plx-toggle-sm-switch-common {
3074   height: 18px;
3075   width: 34px;
3076 }
3077 .plx-toggle-sm-switch-common input[type='checkbox'] + label {
3078   height: 18px;
3079 }
3080 .plx-toggle-sm-switch-common input[type='checkbox'] + label::before {
3081   height: 18px;
3082   width: 34px;
3083   border-radius: 9px;
3084 }
3085 .plx-toggle-sm-switch-common input[type='checkbox'] + label::after {
3086   height: 14px;
3087   width: 14px;
3088 }
3089 .plx-toggle-sm-switch-common input[type='checkbox']:checked + label::after {
3090   left: 18px;
3091   transition: left 0.15s ease-in;
3092 }
3093 .toolbar i.seperate-vertical {
3094   margin-right: 10px;
3095   margin-left: 0;
3096   border-right: 1px solid #e9e9e9;
3097 }
3098 .toolbar span {
3099   color: #595959;
3100   cursor: pointer;
3101   margin-right: 10px;
3102   font-size: 16px;
3103   display: inline-block;
3104   width: 28px;
3105   height: 28px;
3106   border: 1px solid transparent;
3107   padding: 5px;
3108 }
3109 .toolbar span:hover {
3110   background-color: #ebf6fd;
3111   border-radius: 2px;
3112 }
3113 .toolbar span:last-child {
3114   margin-right: 0px;
3115 }
3116 .plx-tooltip {
3117   font-family: "Helvetica Neue", "PingFang SC", Tahoma, "Microsoft Yahei";
3118   font-size: 12px;
3119   opacity: 1;
3120   position: absolute;
3121   z-index: 10001;
3122   display: block;
3123   font-style: normal;
3124   font-weight: normal;
3125   letter-spacing: normal;
3126   line-break: auto;
3127   line-height: 1.5;
3128   text-align: left;
3129   text-decoration: none;
3130   text-shadow: none;
3131   text-transform: none;
3132   white-space: normal;
3133   word-break: normal;
3134   word-spacing: normal;
3135   word-wrap: break-word;
3136 }
3137 .plx-tooltip::before,
3138 .plx-tooltip::after {
3139   content: "";
3140   position: absolute;
3141   display: block;
3142   width: 0;
3143   height: 0;
3144   border: solid transparent;
3145 }
3146 .plx-tooltip::before {
3147   border-width: 5px;
3148 }
3149 .plx-tooltip::after {
3150   border-width: 4px;
3151 }
3152 .plx-tooltip-inner {
3153   min-width: 60px;
3154   max-width: 200px;
3155   padding: 3px 8px;
3156   color: #fff;
3157   text-align: center;
3158   background-color: #000;
3159 }
3160 .plx-tooltip.show {
3161   font-size: 12px;
3162   opacity: 1;
3163 }
3164 .plx-tooltip.show .plx-tooltip-inner {
3165   background-color: #595959;
3166   border-radius: 3px;
3167   padding: 0px 12px;
3168   height: 30px;
3169   line-height: 30px;
3170 }
3171 .plx-tooltip-top-common {
3172   margin-top: -7px;
3173 }
3174 .plx-tooltip-top-common::before {
3175   border-top-color: #595959;
3176   border-bottom-width: 0;
3177   bottom: -5px;
3178 }
3179 .plx-tooltip-top-common::after {
3180   border-top-color: #595959;
3181   border-bottom-width: 0;
3182   bottom: -4px;
3183 }
3184 .plx-tooltip-top {
3185   margin-top: -7px;
3186 }
3187 .plx-tooltip-top::before {
3188   border-top-color: #595959;
3189   border-bottom-width: 0;
3190   bottom: -5px;
3191 }
3192 .plx-tooltip-top::after {
3193   border-top-color: #595959;
3194   border-bottom-width: 0;
3195   bottom: -4px;
3196 }
3197 .plx-tooltip-top::before {
3198   left: 50%;
3199   margin-left: -5px;
3200 }
3201 .plx-tooltip-top::after {
3202   left: 50%;
3203   margin-left: -4px;
3204 }
3205 .plx-tooltip.plx-tooltip-top-left {
3206   margin-top: -7px;
3207 }
3208 .plx-tooltip.plx-tooltip-top-left::before {
3209   border-top-color: #595959;
3210   border-bottom-width: 0;
3211   bottom: -5px;
3212 }
3213 .plx-tooltip.plx-tooltip-top-left::after {
3214   border-top-color: #595959;
3215   border-bottom-width: 0;
3216   bottom: -4px;
3217 }
3218 .plx-tooltip.plx-tooltip-top-left::before {
3219   left: 5px;
3220 }
3221 .plx-tooltip.plx-tooltip-top-left::after {
3222   left: 6px;
3223 }
3224 .plx-tooltip.plx-tooltip-top-right {
3225   margin-top: -7px;
3226 }
3227 .plx-tooltip.plx-tooltip-top-right::before {
3228   border-top-color: #595959;
3229   border-bottom-width: 0;
3230   bottom: -5px;
3231 }
3232 .plx-tooltip.plx-tooltip-top-right::after {
3233   border-top-color: #595959;
3234   border-bottom-width: 0;
3235   bottom: -4px;
3236 }
3237 .plx-tooltip.plx-tooltip-top-right::before {
3238   right: 5px;
3239 }
3240 .plx-tooltip.plx-tooltip-top-right::after {
3241   right: 6px;
3242 }
3243 .plx-tooltip-right-common {
3244   margin-left: 7px;
3245 }
3246 .plx-tooltip-right-common::before {
3247   border-right-color: #595959;
3248   border-left-width: 0;
3249   left: -5px;
3250 }
3251 .plx-tooltip-right-common::after {
3252   border-right-color: #595959;
3253   border-left-width: 0;
3254   left: -4px;
3255 }
3256 .plx-tooltip.plx-tooltip-right {
3257   margin-left: 7px;
3258 }
3259 .plx-tooltip.plx-tooltip-right::before {
3260   border-right-color: #595959;
3261   border-left-width: 0;
3262   left: -5px;
3263 }
3264 .plx-tooltip.plx-tooltip-right::after {
3265   border-right-color: #595959;
3266   border-left-width: 0;
3267   left: -4px;
3268 }
3269 .plx-tooltip.plx-tooltip-right::before {
3270   top: 50%;
3271   margin-top: -5px;
3272 }
3273 .plx-tooltip.plx-tooltip-right::after {
3274   top: 50%;
3275   margin-top: -4px;
3276 }
3277 .plx-tooltip.plx-tooltip-right-top {
3278   margin-left: 7px;
3279 }
3280 .plx-tooltip.plx-tooltip-right-top::before {
3281   border-right-color: #595959;
3282   border-left-width: 0;
3283   left: -5px;
3284 }
3285 .plx-tooltip.plx-tooltip-right-top::after {
3286   border-right-color: #595959;
3287   border-left-width: 0;
3288   left: -4px;
3289 }
3290 .plx-tooltip.plx-tooltip-right-top::before {
3291   top: 5px;
3292 }
3293 .plx-tooltip.plx-tooltip-right-top::after {
3294   top: 6px;
3295 }
3296 .plx-tooltip.plx-tooltip-right-bottom {
3297   margin-left: 7px;
3298 }
3299 .plx-tooltip.plx-tooltip-right-bottom::before {
3300   border-right-color: #595959;
3301   border-left-width: 0;
3302   left: -5px;
3303 }
3304 .plx-tooltip.plx-tooltip-right-bottom::after {
3305   border-right-color: #595959;
3306   border-left-width: 0;
3307   left: -4px;
3308 }
3309 .plx-tooltip.plx-tooltip-right-bottom::before {
3310   bottom: 5px;
3311 }
3312 .plx-tooltip.plx-tooltip-right-bottom::after {
3313   bottom: 6px;
3314 }
3315 .plx-tooltip-bottom-common {
3316   margin-top: 7px;
3317 }
3318 .plx-tooltip-bottom-common::before {
3319   border-bottom-color: #595959;
3320   border-top-width: 0;
3321   top: -5px;
3322 }
3323 .plx-tooltip-bottom-common::after {
3324   border-bottom-color: #595959;
3325   border-top-width: 0;
3326   top: -4px;
3327 }
3328 .plx-tooltip.plx-tooltip-bottom {
3329   margin-top: 7px;
3330 }
3331 .plx-tooltip.plx-tooltip-bottom::before {
3332   border-bottom-color: #595959;
3333   border-top-width: 0;
3334   top: -5px;
3335 }
3336 .plx-tooltip.plx-tooltip-bottom::after {
3337   border-bottom-color: #595959;
3338   border-top-width: 0;
3339   top: -4px;
3340 }
3341 .plx-tooltip.plx-tooltip-bottom::before {
3342   left: 50%;
3343   margin-left: -5px;
3344 }
3345 .plx-tooltip.plx-tooltip-bottom::after {
3346   left: 50%;
3347   margin-left: -4px;
3348 }
3349 .plx-tooltip.plx-tooltip-bottom-left {
3350   margin-top: 7px;
3351 }
3352 .plx-tooltip.plx-tooltip-bottom-left::before {
3353   border-bottom-color: #595959;
3354   border-top-width: 0;
3355   top: -5px;
3356 }
3357 .plx-tooltip.plx-tooltip-bottom-left::after {
3358   border-bottom-color: #595959;
3359   border-top-width: 0;
3360   top: -4px;
3361 }
3362 .plx-tooltip.plx-tooltip-bottom-left::before {
3363   left: 5px;
3364 }
3365 .plx-tooltip.plx-tooltip-bottom-left::after {
3366   left: 6px;
3367 }
3368 .plx-tooltip.plx-tooltip-bottom-right {
3369   margin-top: 7px;
3370 }
3371 .plx-tooltip.plx-tooltip-bottom-right::before {
3372   border-bottom-color: #595959;
3373   border-top-width: 0;
3374   top: -5px;
3375 }
3376 .plx-tooltip.plx-tooltip-bottom-right::after {
3377   border-bottom-color: #595959;
3378   border-top-width: 0;
3379   top: -4px;
3380 }
3381 .plx-tooltip.plx-tooltip-bottom-right::before {
3382   right: 5px;
3383 }
3384 .plx-tooltip.plx-tooltip-bottom-right::after {
3385   right: 6px;
3386 }
3387 .plx-tooltip-left-common {
3388   margin-left: -7px;
3389 }
3390 .plx-tooltip-left-common::before {
3391   border-left-color: #595959;
3392   border-right-width: 0;
3393   right: -5px;
3394 }
3395 .plx-tooltip-left-common::after {
3396   border-left-color: #595959;
3397   border-right-width: 0;
3398   right: -4px;
3399 }
3400 .plx-tooltip.plx-tooltip-left {
3401   margin-left: -7px;
3402 }
3403 .plx-tooltip.plx-tooltip-left::before {
3404   border-left-color: #595959;
3405   border-right-width: 0;
3406   right: -5px;
3407 }
3408 .plx-tooltip.plx-tooltip-left::after {
3409   border-left-color: #595959;
3410   border-right-width: 0;
3411   right: -4px;
3412 }
3413 .plx-tooltip.plx-tooltip-left::before {
3414   top: 50%;
3415   margin-top: -5px;
3416 }
3417 .plx-tooltip.plx-tooltip-left::after {
3418   top: 50%;
3419   margin-top: -4px;
3420 }
3421 .plx-tooltip.plx-tooltip-left-top {
3422   margin-left: -7px;
3423 }
3424 .plx-tooltip.plx-tooltip-left-top::before {
3425   border-left-color: #595959;
3426   border-right-width: 0;
3427   right: -5px;
3428 }
3429 .plx-tooltip.plx-tooltip-left-top::after {
3430   border-left-color: #595959;
3431   border-right-width: 0;
3432   right: -4px;
3433 }
3434 .plx-tooltip.plx-tooltip-left-top::before {
3435   top: 5px;
3436 }
3437 .plx-tooltip.plx-tooltip-left-top::after {
3438   top: 6px;
3439 }
3440 .plx-tooltip.plx-tooltip-left-bottom {
3441   margin-left: -7px;
3442 }
3443 .plx-tooltip.plx-tooltip-left-bottom::before {
3444   border-left-color: #595959;
3445   border-right-width: 0;
3446   right: -5px;
3447 }
3448 .plx-tooltip.plx-tooltip-left-bottom::after {
3449   border-left-color: #595959;
3450   border-right-width: 0;
3451   right: -4px;
3452 }
3453 .plx-tooltip.plx-tooltip-left-bottom::before {
3454   bottom: 5px;
3455 }
3456 .plx-tooltip.plx-tooltip-left-bottom::after {
3457   bottom: 6px;
3458 }
3459 .plx-checkbox-container {
3460   font-size: 0;
3461   position: relative;
3462 }
3463 .plx-checkbox {
3464   position: absolute;
3465   z-index: -1;
3466   opacity: 0;
3467 }
3468 .plx-checkbox + .checkbox-substitute {
3469   position: relative;
3470   display: inline-block;
3471   cursor: pointer;
3472   height: 14px;
3473   width: 14px;
3474   border: 1px solid #d9d9d9;
3475   border-radius: 2px;
3476   vertical-align: middle;
3477 }
3478 .plx-checkbox + .checkbox-substitute + span {
3479   font-weight: normal;
3480   font-size: 12px;
3481   cursor: pointer;
3482   vertical-align: middle;
3483   padding-left: 6px;
3484 }
3485 .plx-checkbox:hover + .checkbox-substitute {
3486   border-color: #00abff;
3487   outline: none;
3488   background-image: none;
3489   -webkit-box-shadow: none;
3490   -moz-box-shadow: none;
3491   box-shadow: none;
3492   text-shadow: none;
3493 }
3494 .plx-checkbox:checked + .checkbox-substitute {
3495   border-color: #00abff;
3496   background-color: #00abff;
3497 }
3498 .plx-checkbox:checked + .checkbox-substitute::after {
3499   content: '';
3500   position: absolute;
3501   display: block;
3502   width: 6px;
3503   height: 10px;
3504   border: solid #fff;
3505   border-width: 0 2px 2px 0;
3506   transform: rotate(45deg);
3507   left: 3px;
3508   top: 0;
3509 }
3510 .plx-checkbox:checked.portion + .checkbox-substitute {
3511   background-color: #00abff;
3512   border-color: #00abff;
3513   opacity: 0.5;
3514 }
3515 .plx-checkbox:disabled + .checkbox-substitute,
3516 .plx-checkbox[disabled] + .checkbox-substitute {
3517   border-color: #d9d9d9;
3518   background-color: #f5f5f5;
3519   cursor: not-allowed;
3520 }
3521 .plx-checkbox:disabled + .checkbox-substitute + span,
3522 .plx-checkbox[disabled] + .checkbox-substitute + span {
3523   cursor: not-allowed;
3524 }
3525 .plx-checkbox:checked.portion[disabled] + .checkbox-substitute {
3526   background-color: #d9d9d9;
3527   border-color: #d9d9d9;
3528 }
3529 .plx-checkbox:checked.portion[disabled] + .checkbox-substitute::after {
3530   content: '';
3531   position: absolute;
3532   display: block;
3533   width: 6px;
3534   height: 10px;
3535   border: solid #999;
3536   border-width: 0 2px 2px 0;
3537   transform: rotate(45deg);
3538   left: 3px;
3539   top: 0;
3540 }
3541 .plx-checkbox:checked[disabled] + .checkbox-substitute {
3542   border-color: #d9d9d9;
3543   background-color: #d9d9d9;
3544 }
3545 .plx-treenode {
3546   cursor: pointer;
3547   background-attachment: scroll;
3548   background-color: transparent;
3549   background-image: none;
3550   background-position: 0 0;
3551   background-repeat: repeat-y;
3552   list-style: none outside none;
3553   margin: 0;
3554   padding: 0;
3555   white-space: nowrap;
3556   font-size: 12px;
3557 }
3558 .plx-treenode .plx-treenode-content {
3559   margin-top: 10px;
3560 }
3561 .plx-treenode .plx-treenode-content.light {
3562   margin-top: 15px;
3563 }
3564 .plx-treenode ul.plx-treenode-children {
3565   display: block;
3566   -webkit-padding-start: 21px;
3567 }
3568 .plx-treenode-toggler {
3569   font-size: 16px;
3570   color: #00abff;
3571   display: inline-block;
3572   margin-right: 7px;
3573   margin-top: 2px;
3574   vertical-align: bottom;
3575   float: left;
3576 }
3577 .plx-treenode-ckbox {
3578   float: left;
3579   margin-right: 10px;
3580   margin-top: 2px;
3581 }
3582 .plx-treenode-icon {
3583   color: #999;
3584   margin-right: 10px;
3585   float: left;
3586   font-size: 16px;
3587   vertical-align: bottom;
3588   margin-top: 2px;
3589 }
3590 .plx-treenode-label-container {
3591   overflow: visible;
3592 }
3593 .plx-treenode-label-container.plx-treenode-label-ellipsis {
3594   overflow: hidden;
3595 }
3596 .plx-treenode-label-container:hover {
3597   background-color: #ebf6fd;
3598 }
3599 .plx-treenode-active > div .plx-treenode-label-container {
3600   background-color: #e2f2fc;
3601 }
3602 .plx-treenode-active > div .plx-treenode-label-container:hover {
3603   background-color: #ebf6fd;
3604 }
3605 .plx-treenode-label-container span:last-child {
3606   margin-right: 5px;
3607 }
3608 .plx-treenode-lable {
3609   display: inline-block;
3610   vertical-align: 0;
3611   font-family: "Helvetica Neue", "PingFang SC", Tahoma, "Microsoft Yahei";
3612   color: #595959;
3613 }
3614 .plx-treenode-lable span {
3615   display: inline-block;
3616   overflow: hidden;
3617   max-width: 100%;
3618   text-overflow: ellipsis;
3619   white-space: nowrap;
3620   vertical-align: bottom;
3621 }
3622 .plx-treenode-operations {
3623   margin-left: 20px;
3624   display: none;
3625   vertical-align: bottom;
3626   width: fit-content;
3627   line-height: 1;
3628   margin-bottom: 1px;
3629 }
3630 .plx-treenode-operation {
3631   display: inline-block;
3632   margin-right: 10px;
3633   color: #999;
3634   font-size: 16px;
3635   vertical-align: text-bottom;
3636 }
3637 .plx-treenode-operation:hover {
3638   color: #00abff;
3639 }
3640 .plx-treenode-label-container:hover .plx-treenode-operations {
3641   display: inline-block;
3642 }
3643 *:focus {
3644   outline: none;
3645   box-shadow: none !important;
3646 }
3647 input[type="checkbox"]:focus {
3648   border: 0 !important;
3649 }
3650 .plx-treenode-hide-tree-toggle {
3651   visibility: hidden;
3652 }
3653 .plx-treenode-droppoint {
3654   height: 4px;
3655   list-style-type: none;
3656 }
3657 .plx-treenode-droppoint-active {
3658   background-color: #186ba0;
3659   border: 0 none;
3660 }
3661 .upload-wrapper {
3662   font-size: 12px;
3663   position: relative;
3664   display: inline-block;
3665 }
3666 .upload-wrapper .item-text {
3667   max-width: 280px;
3668   overflow: hidden;
3669   text-overflow: ellipsis;
3670   white-space: nowrap;
3671   display: inline-block;
3672   margin-bottom: 2px;
3673   font-size: 12px;
3674 }
3675 .upload-wrapper .item-text.no-progressbar {
3676   vertical-align: middle;
3677 }
3678 .upload-wrapper .plx-upload-progressbar {
3679   margin-top: -13px;
3680 }
3681 .upload-wrapper .list-group-item {
3682   border: 0;
3683   padding: 0;
3684 }
3685 .upload-wrapper .list-group-item .item {
3686   width: 335px;
3687   padding: 0 0 5px 0px;
3688 }
3689 .upload-wrapper .list-group-item .item .item-text-wrapper {
3690   position: relative;
3691   display: inline-block;
3692   width: 100%;
3693   box-sizing: border-box;
3694   height: 40px;
3695   padding: 2px 3px 2px 10px;
3696   border: 1px solid transparent;
3697 }
3698 .upload-wrapper .list-group-item .item .item-text-wrapper .text-red {
3699   color: #ff5b55 !important;
3700 }
3701 .upload-wrapper .list-group-item .item .item-text-wrapper:hover {
3702   background-color: #ebf6fd;
3703   cursor: default;
3704 }
3705 .upload-wrapper .list-group-item .item .item-text-wrapper:hover .plx-ico-close-16 {
3706   display: block;
3707   transform: scale(0.8);
3708 }
3709 .upload-wrapper .list-group-item .item .item-text-wrapper.no-progressbar {
3710   height: 28px;
3711 }
3712 .upload-wrapper .list-group-item .item .item-delete {
3713   height: 14px;
3714   width: 16px;
3715   text-align: center;
3716   line-height: 14px;
3717   position: absolute;
3718   right: 2%;
3719   color: #999999;
3720   display: none;
3721   top: 3px;
3722 }
3723 .upload-wrapper .list-group-item .item .item-delete:hover {
3724   cursor: pointer;
3725   color: #666666;
3726 }
3727 .upload-wrapper .list-group-item .item .item-delete.no-progressbar {
3728   top: 6px;
3729 }
3730 .upload-wrapper .plx-ico-close-16 {
3731   font-size: 16px;
3732   float: right;
3733   cursor: pointer;
3734 }
3735 .upload-wrapper ul.list-group {
3736   margin-top: 15px;
3737 }
3738 .upload-wrapper .url-form-control {
3739   display: inline-block;
3740 }
3741 .upload-wrapper .item-detail {
3742   color: #aaa;
3743   position: relative;
3744   padding: 0 10px;
3745   font-size: 12px;
3746 }
3747 .upload-wrapper .item-detail div {
3748   margin: 0px 0px 15px 0;
3749 }
3750 .upload-wrapper .item-detail .detail {
3751   margin: 5px 0 10px 0;
3752 }
3753 .upload-wrapper .item-detail-des {
3754   display: inline-block;
3755   width: 170px;
3756   word-wrap: break-word;
3757   margin-left: 15px;
3758   vertical-align: top;
3759 }
3760 .upload-wrapper .item-detail-time {
3761   display: inline-block;
3762   width: 119px;
3763   word-break: break-all;
3764   vertical-align: top;
3765 }
3766 .upload-wrapper .selectFile {
3767   display: inline-block;
3768   min-width: 50px;
3769   margin-right: 10px;
3770   text-align: right;
3771 }
3772 .upload-wrapper label.raw-container {
3773   margin: 0 10px;
3774 }
3775 .upload-wrapper .item-lists {
3776   font-size: 12px;
3777 }
3778 .upload-wrapper .list-container {
3779   padding-right: 15px;
3780 }
3781 .upload-wrapper .list-container.plx-upload-Manual-showdetail {
3782   margin-left: -22px;
3783 }
3784 .upload-wrapper .list-container.plx-upload-auto-showdetail {
3785   margin-left: -10px;
3786 }
3787 .upload-wrapper .list-footer .upload-btn {
3788   margin-top: 10px;
3789 }
3790 .upload-wrapper .upload-btn {
3791   display: inline-block;
3792 }
3793 .upload-wrapper .loader-container {
3794   position: absolute;
3795   display: inline-block;
3796   top: 8px;
3797   left: 12px;
3798 }
3799 .upload-wrapper .list-group-item-pdleft-s {
3800   padding: 0px 0px 0px 12px;
3801 }
3802 .upload-wrapper .list-group-item-pdleft {
3803   padding: 0px 0px 0px 12px !important;
3804 }
3805 .upload-wrapper .upload-btn-wrapper {
3806   display: inline-block;
3807 }
3808 .upload-wrapper .plx-red.left {
3809   margin-left: 75px;
3810 }
3811 .upload-wrapper .expand-wrapper {
3812   position: absolute;
3813   left: 20px;
3814   top: 4px;
3815   display: inline-block;
3816   font-size: 12px;
3817 }
3818 .upload-wrapper .expand-wrapper.open .ict-go {
3819   display: none;
3820 }
3821 .upload-wrapper .expand-wrapper.open .ict-fold {
3822   display: block;
3823 }
3824 .upload-wrapper .expand-wrapper i {
3825   height: 18px;
3826   width: 20px;
3827   text-align: left;
3828   line-height: 19px;
3829   cursor: pointer;
3830 }
3831 .upload-wrapper .ict-fold {
3832   display: none;
3833   color: #00abff;
3834   font-weight: bold;
3835   transform: scale(0.7);
3836 }
3837 .upload-wrapper .ict-go {
3838   display: block;
3839   color: #00abff;
3840   font-weight: bold;
3841   transform: scale(0.7);
3842 }
3843 .upload-wrapper .no-customparm-extend-wrapper {
3844   left: -2px !important;
3845 }
3846 /* loding动画效果*/
3847 .upload-wrapper .loader {
3848   font-size: 12px;
3849   width: 12px;
3850   height: 12px;
3851   display: inline-block;
3852   border-radius: 50%;
3853   background: #00abff;
3854   background: -moz-linear-gradient(left, #00abff 10%, rgba(255, 255, 255, 0) 85%);
3855   background: -webkit-linear-gradient(left, #00abff 10%, rgba(255, 255, 255, 0) 85%);
3856   background: -o-linear-gradient(left, #00abff 10%, rgba(255, 255, 255, 0) 85%);
3857   background: -ms-linear-gradient(left, #00abff 10%, rgba(255, 255, 255, 0) 85%);
3858   background: linear-gradient(to right, #00abff 10%, rgba(255, 255, 255, 0) 85%);
3859   position: relative;
3860   -webkit-animation: load3 1.4s infinite linear;
3861   animation: load3 1.4s infinite linear;
3862 }
3863 .upload-wrapper .loader:before {
3864   width: 50%;
3865   height: 50%;
3866   background: #00abff;
3867   border-radius: 100% 0 0 0;
3868   position: absolute;
3869   top: 0;
3870   left: 0;
3871   content: '';
3872 }
3873 .upload-wrapper .loader:after {
3874   background: #fff;
3875   width: 75%;
3876   height: 75%;
3877   border-radius: 50%;
3878   content: '';
3879   margin: auto;
3880   position: absolute;
3881   top: 0;
3882   left: 0;
3883   bottom: 0;
3884   right: 0;
3885 }
3886 @-webkit-keyframes load3 {
3887   0% {
3888     -webkit-transform: rotate(0deg);
3889     transform: rotate(0deg);
3890   }
3891   100% {
3892     -webkit-transform: rotate(360deg);
3893     transform: rotate(360deg);
3894   }
3895 }
3896 @keyframes load3 {
3897   0% {
3898     -webkit-transform: rotate(0deg);
3899     transform: rotate(0deg);
3900   }
3901   100% {
3902     -webkit-transform: rotate(360deg);
3903     transform: rotate(360deg);
3904   }
3905 }
3906 .plx-table-customCols {
3907   height: 40px;
3908   float: right;
3909 }
3910 .plx-table-customCols-toggle {
3911   display: inline-block;
3912   border-radius: 3px;
3913   width: 30px;
3914   height: 23px;
3915   border: 1px solid #d9d9d9;
3916   vertical-align: top;
3917   text-align: center;
3918   padding-top: 7px;
3919   margin-left: 6px;
3920   cursor: pointer;
3921   box-sizing: content-box;
3922 }
3923 .plx-table-customCols-toggle .ict-col:before {
3924   vertical-align: top;
3925 }
3926 .plx-table-customCols-toggle:hover {
3927   background-color: #fff;
3928 }
3929 .plx-table-customCols-toggle:active {
3930   background-color: #fff;
3931 }
3932 .toggle-icon {
3933   display: inline-block;
3934   height: 14px;
3935   border-right: 1px solid #595959;
3936   vertical-align: top;
3937   padding-left: 4px;
3938 }
3939 .toggle-icon:first-child {
3940   padding-left: 0;
3941 }
3942 .plx-table-customCols-pannel {
3943   margin-top: 5px;
3944   margin-right: 5px;
3945   border: 1px solid #d9d9d9;
3946   background-color: #fff;
3947   z-index: 1;
3948   position: absolute;
3949   right: 0px;
3950   border-radius: 5px;
3951   font-size: 12px;
3952   color: #595959;
3953   overflow: auto;
3954   min-width: 300px;
3955   -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
3956   -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
3957   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
3958 }
3959 .plx-table-customCols-pannel .plx-table-customCols-toolbar {
3960   display: flex;
3961   justify-content: space-between;
3962   padding: 16px;
3963 }
3964 .plx-table-customCols-pannel .plx-table-customCols-toolbar .plx-table-filter-wrapper {
3965   display: flex;
3966   flex: auto;
3967 }
3968 .plx-table-customCols-pannel .plx-table-customCols-toolbar .plx-table-filter-wrapper input {
3969   border-radius: 3px;
3970   flex: auto;
3971   padding-left: 28px;
3972   border: 1px solid #d9d9d9;
3973 }
3974 .plx-table-customCols-pannel .plx-table-customCols-toolbar .plx-table-filter-wrapper input:focus {
3975   border: 1px solid #00abff;
3976   outline: none;
3977 }
3978 .plx-table-customCols-pannel .plx-table-customCols-toolbar .plx-table-filter-wrapper span {
3979   color: #bfbfbf;
3980   line-height: 28px;
3981   position: relative;
3982   left: 20px;
3983 }
3984 .plx-table-customCols-pannel .plx-table-customCols-items {
3985   cursor: pointer;
3986   border-bottom: 1px solid #e9e9e9;
3987   border-top: 1px solid #e9e9e9;
3988 }
3989 .plx-table-customCols-pannel .plx-table-customCols-items > div:hover {
3990   -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
3991   -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
3992   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
3993 }
3994 .plx-table-customCols-pannel .plx-table-customCols-items label {
3995   margin-bottom: 0px;
3996   vertical-align: -moz-middle-with-baseline;
3997   vertical-align: -webkit-baseline-middle;
3998   vertical-align: 25%;
3999 }
4000 .plx-table-customCols-pannel .plx-table-customCols-items .plx-table-customCols-item > span {
4001   padding: 0px 6px;
4002 }
4003 .plx-table-customCols-pannel .plx-table-customCols-items .plx-table-customCols-operations {
4004   visibility: hidden;
4005   float: right;
4006 }
4007 .plx-table-customCols-pannel .plx-table-customCols-items .plx-table-customCols-operations div {
4008   box-sizing: content-box;
4009   padding: 0px 8px;
4010   display: inline-block;
4011 }
4012 .plx-table-customCols-pannel .plx-table-customCols-items .heighLight {
4013   background-color: #e2f2fc;
4014 }
4015 .plx-table-customCols-pannel .plx-table-customCols-items .heighLight .plx-table-customCols-operations .plx-table-goup-show {
4016   visibility: visible;
4017 }
4018 .plx-table-customCols-pannel .plx-table-customCols-items .heighLight .plx-table-customCols-operations .plx-table-godown-show {
4019   visibility: visible;
4020 }
4021 .plx-table-customCols-pannel .plx-table-customCols-items .heighLight .plx-table-customCols-operations span {
4022   color: #00abff;
4023 }
4024 .plx-table-customCols-pannel .plx-table-customCols-items .dragging {
4025   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
4026 }
4027 .plx-table-customCols-pannel .plx-table-customCols-items .dragEnter {
4028   background-color: #00abff;
4029 }
4030 .plx-table-customCols-pannel .plx-table-customCols-items .plx-table-customCols-dropArea {
4031   height: 10px;
4032   border-bottom: 1px solid #e9e9e9;
4033 }
4034 .plx-table-customCols-pannel .plx-table-customCols-items .plx-table-customCols-dropArea-before {
4035   height: 10px;
4036   border-bottom: none;
4037 }
4038 .plx-table-customCols-pannel .plx-table-customCols-items > div:last-child .plx-table-customCols-dropArea {
4039   border-bottom: none;
4040 }
4041 .plx-table-customCols-pannel .plx-table-customCols-items .plx-table-customCols-item {
4042   line-height: 20px;
4043   height: 20px;
4044   padding: 0px 16px;
4045 }
4046 .plx-table-customCols-pannel .plx-table-customCols-confirm {
4047   display: flex;
4048   align-items: center;
4049   justify-content: center;
4050   padding: 16px 16px;
4051 }
4052 .plx-table-col-filter {
4053   border: 1px solid #d9d9d9;
4054   margin: 5px;
4055   box-sizing: border-box;
4056   height: 30px;
4057 }
4058 .plx-table-col-filter input {
4059   width: calc(100% - 25px);
4060   line-height: normal;
4061   font-weight: normal;
4062   border: none;
4063   height: 26px;
4064   font-size: 12px;
4065   box-sizing: border-box;
4066 }
4067 .plx-table-col-filter input:focus {
4068   outline: none;
4069 }
4070 .plx-table-col-filter .filterIcon {
4071   /*position: absolute;*/
4072   top: 6px;
4073   left: 3px;
4074   fill: #dedede;
4075   width: 14px;
4076 }
4077 .plx-filter-focused {
4078   outline: none;
4079   border: 1px solid #00abff;
4080 }
4081 .plx-table-col-icon-wrapper {
4082   padding-left: 5px;
4083   display: inline-block;
4084   line-height: 30px;
4085 }
4086 .plx-table-col-icon-wrapper span {
4087   vertical-align: sub;
4088 }
4089 ::-webkit-input-placeholder {
4090   /* WebKit browsers */
4091   color: #c1c1c1;
4092 }
4093 :-moz-placeholder {
4094   /* Mozilla Firefox 4 to 18 */
4095   color: #c1c1c1;
4096 }
4097 ::-moz-placeholder {
4098   /* Mozilla Firefox 19+ */
4099   color: #c1c1c1;
4100 }
4101 :-ms-input-placeholder {
4102   /* Internet Explorer 10+ */
4103   color: #c1c1c1;
4104 }
4105 .plx-table-selectFilter-wrapper {
4106   display: inline-block;
4107   vertical-align: middle;
4108   height: 28px;
4109   cursor: pointer;
4110   /*此处 若不为absolute则被td遮挡*/
4111   position: absolute;
4112 }
4113 .plx-table-selectFilter-icon {
4114   vertical-align: middle;
4115   height: 28px;
4116   fill: #999;
4117 }
4118 .icon-selectFilter-activtied {
4119   fill: #00abff;
4120 }
4121 .plx-table-selectFilter-panel {
4122   margin-top: -5px;
4123   border: 1px solid #d9d9d9;
4124   background-color: #fff;
4125   padding: 10px;
4126   right: 0px;
4127   border-radius: 5px;
4128   /*此处若为absolute则文本要换行，恩，玄学*/
4129   -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4130   -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4131   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4132 }
4133 .plx-table-selectFilter-panel span {
4134   vertical-align: -25%;
4135   font-size: 12px;
4136 }
4137 .plx-table-selectFilter-panel label {
4138   line-height: normal;
4139 }
4140 .plx-table-selectFilter-panel div {
4141   line-height: normal;
4142 }
4143 .plx-table-filter {
4144   height: 40px;
4145   float: right;
4146 }
4147 .plx-table-filter input {
4148   border-radius: 3px;
4149   line-height: normal;
4150   padding: 0px 6px;
4151   font-weight: normal;
4152   border: 1px solid #d9d9d9;
4153   margin-bottom: 10px;
4154   height: 32px;
4155   width: 200px;
4156   box-sizing: border-box;
4157   font-size: 12px;
4158   color: #595959;
4159 }
4160 .plx-table-filter input:focus {
4161   outline: none;
4162   border: 1px solid #00abff;
4163 }
4164 .plx-table-filterToggle {
4165   display: inline-block;
4166   width: 30px;
4167   height: 30px;
4168   border-radius: 3px;
4169   border: 1px solid #d9d9d9;
4170   vertical-align: top;
4171   text-align: center;
4172   margin-left: 6px;
4173   cursor: pointer;
4174   box-sizing: content-box;
4175 }
4176 .plx-table-filterToggle.ict-filter:before {
4177   line-height: 30px;
4178 }
4179 .plx-table-filterToggle.ict-filter-f:before {
4180   line-height: 30px;
4181   color: #00abff;
4182 }
4183 .plx-table-filter-icon-wrapper {
4184   vertical-align: middle;
4185   display: inline-block;
4186   padding-top: 5px;
4187 }
4188 .plx-table-filterIcon {
4189   fill: #595959;
4190 }
4191 .plx-table-pagination {
4192   float: right;
4193   font-family: "Helvetica Neue", "PingFang SC", Tahoma, "Microsoft Yahei";
4194   font-size: 12px;
4195   color: #595959;
4196   margin-top: 10px;
4197   margin-bottom: 10px;
4198 }
4199 .plx-table-pagination-content {
4200   display: inline-block;
4201   text-decoration: none;
4202 }
4203 .plx-table-pagination-item {
4204   list-style-type: none;
4205   display: inline-block;
4206 }
4207 .plx-table-pagination-item span {
4208   vertical-align: middle;
4209 }
4210 .plx-table-pagination-item select {
4211   vertical-align: middle;
4212   height: 26px;
4213   width: 45px;
4214   border: 1px solid #d9d9d9;
4215 }
4216 .plx-table-pagination-input {
4217   padding: 1px;
4218   height: 26px;
4219   width: 45px;
4220   margin-left: 1px;
4221   margin-right: 1px;
4222   font-size: 12px;
4223   color: #595959;
4224   box-sizing: border-box;
4225   border: 1px solid #d9d9d9;
4226   text-align: center;
4227   vertical-align: middle;
4228 }
4229 .plx-table-pagination-nav {
4230   display: inline-block;
4231   height: 26px;
4232   border: 1px solid #d9d9d9;
4233   font-size: 14px;
4234   text-decoration: none;
4235   color: #595959;
4236   padding-left: 6px;
4237   padding-right: 6px;
4238   cursor: pointer;
4239   text-align: center;
4240   vertical-align: middle;
4241   box-sizing: border-box;
4242 }
4243 a:not([href]):not([tabindex]).plx-table-pagination-disabled {
4244   color: #bfbfbf;
4245   cursor: not-allowed;
4246 }
4247 .plx-table-dropdown-wrapper {
4248   cursor: pointer;
4249 }
4250 .plx-table-dropdown-icon-shared {
4251   font-size: 20px;
4252   line-height: 2.2 !important;
4253   cursor: pointer;
4254 }
4255 .plx-table-dropdown-icon-polyline-shared {
4256   height: 16px;
4257   width: 16px;
4258   stroke: #00abff ;
4259 }
4260 .ict-down,
4261 .ict-up {
4262   font-size: 20px;
4263   line-height: 2.2 !important;
4264   cursor: pointer;
4265 }
4266 .ict-down polyline,
4267 .ict-up polyline {
4268   height: 16px;
4269   width: 16px;
4270   stroke: #00abff ;
4271 }
4272 .ict-down polyline:hover,
4273 .ict-up polyline:hover {
4274   stroke: #2d91c4;
4275 }
4276 .plx-table-innerTr {
4277   border: 1px solid #d9d9d9;
4278 }
4279 .plx-table-innerTr #plx-table-innerTd {
4280   padding: 0px;
4281 }
4282 .plx-table-innerTable {
4283   width: 100%;
4284 }
4285 .plx-table-innerTable tr {
4286   color: #595959;
4287   font-size: 12px;
4288 }
4289 .plx-table-innerTable tr td#plx-inner-table-title,
4290 .plx-table-innerTable tr td#plx-inner-table-content {
4291   padding: 8px;
4292   height: 40px;
4293   border: none;
4294   border-bottom: 1px solid #d9d9d9;
4295 }
4296 .plx-table-innerTable tr td:first-child {
4297   text-align: right;
4298 }
4299 .plx-table-innerTable tr td:last-child {
4300   text-align: left;
4301 }
4302 .plx-table-innerTable tr:last-child td#plx-inner-table-title,
4303 .plx-table-innerTable tr:last-child td#plx-inner-table-content {
4304   border-bottom: none;
4305 }
4306 /* 排序图标 */
4307 .plx-table-sort-icon-shared {
4308   display: block;
4309   cursor: pointer;
4310   width: 0;
4311   height: 0;
4312   border-left: 4px solid transparent;
4313   border-right: 4px solid transparent;
4314   margin-bottom: 2px;
4315 }
4316 .plx-table-sortIconWrapper {
4317   display: inline-block;
4318   vertical-align: middle;
4319   margin-left: 3px;
4320 }
4321 /* 排序图标：箭头向上 */
4322 .plx-table-sortAsc {
4323   display: block;
4324   cursor: pointer;
4325   width: 0;
4326   height: 0;
4327   border-left: 4px solid transparent;
4328   border-right: 4px solid transparent;
4329   margin-bottom: 2px;
4330   border-bottom: 5px solid #999;
4331 }
4332 .plx-table-ascActived {
4333   border-bottom: 5px solid #00abff;
4334 }
4335 /* 排序图标：箭头向下 */
4336 .plx-table-sortDesc {
4337   display: block;
4338   cursor: pointer;
4339   width: 0;
4340   height: 0;
4341   border-left: 4px solid transparent;
4342   border-right: 4px solid transparent;
4343   margin-bottom: 2px;
4344   border-top: 5px solid #999;
4345 }
4346 .plx-table-descActived {
4347   border-top: 5px solid #00abff;
4348 }
4349 .plx-color-picker-border-radius {
4350   border-top-left-radius: 3px;
4351   border-top-right-radius: 3px;
4352 }
4353 .plx-color-picker * {
4354   -webkit-box-sizing: border-box;
4355   -moz-box-sizing: border-box;
4356   box-sizing: border-box;
4357   margin: 0;
4358   font-size: 12px;
4359   font-family: "Helvetica Neue", "PingFang SC", Tahoma, "Microsoft Yahei";
4360 }
4361 .plx-color-picker {
4362   cursor: default;
4363   width: 246px;
4364   height: auto;
4365   left: 30px;
4366   top: 250px;
4367   position: absolute;
4368   z-index: 1000;
4369   background-color: #fff;
4370   -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4371   -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4372   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4373   border-radius: 3px;
4374   border: 1px solid #d9d9d9;
4375   -webkit-touch-callout: none;
4376   -webkit-user-select: none;
4377   -khtml-user-select: none;
4378   -moz-user-select: none;
4379   -ms-user-select: none;
4380   user-select: none;
4381 }
4382 .plx-color-picker i {
4383   cursor: default;
4384   position: relative;
4385 }
4386 .plx-color-picker input {
4387   font-size: 12px;
4388   height: 32px;
4389   padding-left: 10px;
4390   padding-right: 10px;
4391   outline: 0;
4392   border: 1px solid #d9d9d9;
4393   border-radius: 3px;
4394   vertical-align: middle;
4395   text-align: center;
4396   height: 24px;
4397   -moz-appearance: textfield;
4398 }
4399 .short-text-input .plx-color-picker input {
4400   width: 120px;
4401 }
4402 .text-input-with-unit .plx-color-picker input {
4403   width: 355px;
4404   border-top-right-radius: 0;
4405   border-bottom-right-radius: 0;
4406 }
4407 .text-input-with-unitOption .plx-color-picker input {
4408   width: 316px;
4409   border-top-right-radius: 0;
4410   border-bottom-right-radius: 0;
4411 }
4412 .text-input-with-prefix .plx-color-picker input {
4413   width: 330px;
4414   border-top-left-radius: 0;
4415   border-bottom-left-radius: 0;
4416 }
4417 .text-input-with-prefixOption .plx-color-picker input {
4418   width: 316px;
4419   border-top-left-radius: 0;
4420   border-bottom-left-radius: 0;
4421 }
4422 .text-input-with-passwordSwith .plx-color-picker input {
4423   width: 360px;
4424   border-top-right-radius: 0;
4425   border-bottom-right-radius: 0;
4426 }
4427 .text-input-with-prefix.text-input-with-unit .plx-color-picker input {
4428   width: 285px;
4429 }
4430 .text-input-with-prefix.text-input-with-unitOption .plx-color-picker input {
4431   width: 246px;
4432 }
4433 .short-text-input.text-input-with-prefix .plx-color-picker input {
4434   width: 80px;
4435 }
4436 .short-text-input.text-input-with-unit .plx-color-picker input {
4437   width: 80px;
4438 }
4439 .short-text-input.text-input-with-prefix.text-input-with-unit .plx-color-picker input {
4440   width: 40px;
4441 }
4442 .plx-color-picker input:focus {
4443   border: 1px solid #00abff;
4444 }
4445 .plx-color-picker input:disabled,
4446 .plx-color-picker input[disabled] {
4447   cursor: not-allowed;
4448   background-color: #f5f5f5;
4449 }
4450 .plx-color-picker input:invalid {
4451   box-shadow: none;
4452 }
4453 .plx-color-picker input:-moz-submit-invalid {
4454   box-shadow: none;
4455 }
4456 .plx-color-picker input:-moz-ui-invalid {
4457   box-shadow: none;
4458 }
4459 .plx-color-picker input::-webkit-outer-spin-button,
4460 .plx-color-picker input::-webkit-outer-spin-button {
4461   -webkit-appearance: textfield;
4462   margin: 0;
4463 }
4464 .plx-color-picker .color-picker-overlay1 {
4465   border-top-left-radius: 3px;
4466   border-top-right-radius: 3px;
4467   position: absolute;
4468   left: 0;
4469   top: 0;
4470   width: 244px;
4471   height: 118px;
4472   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";
4473   /* IE8 */
4474   background: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
4475   /* FF3.6+ */
4476   background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
4477   /* Chrome,Safari4+ */
4478   background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
4479   /* Chrome10+,Safari5.1+ */
4480   background: -o-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
4481   /* Opera 11.10+ */
4482   background: -ms-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
4483   /* IE10+ */
4484   background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
4485   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ffffff', endColorstr='#00ffffff');
4486   /* IE6 & IE7 */
4487 }
4488 .plx-color-picker .color-picker-overlay2 {
4489   border-top-left-radius: 3px;
4490   border-top-right-radius: 3px;
4491   position: absolute;
4492   left: 0;
4493   top: 0;
4494   width: 244px;
4495   height: 118px;
4496   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";
4497   /* IE8 */
4498   background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
4499   /* FF3.6+ */
4500   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
4501   /* Chrome,Safari4+ */
4502   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
4503   /* Chrome10+,Safari5.1+ */
4504   background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
4505   /* Opera 11.10+ */
4506   background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
4507   /* IE10+ */
4508   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
4509   /* W3C */
4510   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
4511   /* IE6-9 */
4512 }
4513 .plx-color-picker .color-picker-saturation-lightness {
4514   border-top-left-radius: 3px;
4515   border-top-right-radius: 3px;
4516   cursor: pointer;
4517   width: 244px;
4518   height: 118px;
4519   border: none;
4520   background-size: 100% 100%;
4521 }
4522 .plx-color-picker .color-picker-hue {
4523   cursor: pointer;
4524   border-radius: 3px;
4525   width: 168px;
4526   height: 10px;
4527   border: none;
4528   margin-bottom: 10px;
4529   background-size: 100% 100%;
4530   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAQCAYAAAD06IYnAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIWDwkUFWbCCAAAAFxJREFUaN7t0kEKg0AQAME2x83/n2qu5qCgD1iDhCoYdpnbQC9bbY1qVO/jvc6k3ad91s7/7F1/csgPrujuQ17BDYSFsBAWwgJhISyEBcJCWAgLhIWwEBYIi2f7Ar/1TCgFH2X9AAAAAElFTkSuQmCC');
4531 }
4532 .plx-color-picker .color-picker-alpha {
4533   cursor: pointer;
4534   border-radius: 3px;
4535   width: 168px;
4536   height: 10px;
4537   border: none;
4538   background-size: 100% 100%;
4539   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKgAAAAKCAYAAAAgnxVRAAAC9klEQVRYhdVYPc7bMAylku7WViCrfJ2cocfoGXqLHslbDhAvHjNkCBBRHSoZzwQpKW7T7yuBwAn9+CtKIuOu1+vXy+UyPx6PL5QphEDee0KKMdI0TRveP8KlaZoSEZUPhxCS9z4RERd+jJEzbuWFEKL3nlEWcDHzYgiBQR//Nht5miZGXrbLWbaGY+99RBuAK3zOuGfBZP+iwJU4ItgtuAiyaJdBH2fc6iPoY9CH/jH4xyKOJHAJcEnRlwxcWY8k1o3KepxOp3Rg5h9YnJ+UkvjtxNPCO8Ak4MunxevxRXun6UVCn1ynXyhb5Mp7Tc4Z3y0e6pG2tXw7quuQWI0v/ZGx0cEAfzaygtUWBAPVClXqRblaErX3cgPU/C4Y/Gi+1+TRTllI/FjUKvjy1OxLf60NodmUG9GSQRuY5/+mQAtpye0pEKvwrELRsGhPW/CWrNwsTnnXc8rgUxaPptOi3huj6NVyJ3NR2yS9mI0/rxRoTyDvJmvhe65U7QrT9LRO0pYti2oLYxW9/F07/WqbbY9Pmm/ajSR9kLH0knoLuPv9/vN2u31D5rIsNM/zBjgMA43jSB+AS+M4rk11xvE8z8hLwzDwOI6bpnxZljTPc+FFIuKsrwwHiYhixm2GhoxDnoaLYHflZ/82w9QwDNHAbYaajJN2o6KPM24dksDuE+KIEC8DbiML8a65UnCc7SbwJYHdNf+AY4FLAifXt6xbOp/Pae8V/xGnKfYxrUZbXu2J7GtK6rbIuuIsn1q9Xk9faMnW9PTEIm1ofTgZPDwpe6/r3TfR3gLtScDfplrPRuKdFryVBOu6avmh9b6vDCqtReuRlba1KdvqS63caTwrLq2t0NqTVs9u0juGpHecrr2TYyFtuu0pnt7pVPtuye8d3jQ8vu8psNqJ+sohgydmq0+3NkmtMM1/Eg7Oue/H4/H5grMtqk3Vf6Lz1SRbxWPh5ADQc5q0pm38bk3emtyeHMoC0ApCa3/2tAOtjSWLWDv1rc204f8CQvGUIhalBqwAAAAASUVORK5CYII=');
4540 }
4541 .plx-color-picker .color-picker-alpha-ba {
4542   position: absolute;
4543   background: linear-gradient(90deg, rgba(255, 255, 255, 0), #000);
4544 }
4545 .plx-color-picker .selected-color {
4546   width: 30px;
4547   height: 30px;
4548   top: 0px;
4549   left: 0px;
4550   position: absolute;
4551   -moz-border-radius: 50%;
4552   -webkit-border-radius: 50%;
4553   border-radius: 50%;
4554   -khtml-border-radius: 50%;
4555 }
4556 .plx-color-picker .selected-color-background {
4557   width: 30px;
4558   height: 30px;
4559   -moz-border-radius: 50%;
4560   -webkit-border-radius: 50%;
4561   border-radius: 50%;
4562   -khtml-border-radius: 50%;
4563   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAh0lEQVRYR+2W0QlAMQgD60zdfwOdqa8TmI/wQMr5K0I5bZLIzLOa2nt37VVVbd+dDx5obgCC3KBLwJ2ff4PnVidkf+ucIhw80HQaCLo3DMH3CRK3iFsmAWVl6hPNDwt8EvNE5q+YuEXcMgkonVM6SdyCoEvAnZ8v1Hjx817MilmxSUB5rdLJDycZgUAZUch/AAAAAElFTkSuQmCC');
4564 }
4565 .plx-color-picker .color-picker-cursor {
4566   cursor: default;
4567   position: relative;
4568   -moz-border-radius: 50%;
4569   -webkit-border-radius: 50%;
4570   border-radius: 50%;
4571   -khtml-border-radius: 50%;
4572   width: 10px;
4573   height: 10px;
4574   border: #ffffff solid 1px;
4575 }
4576 .plx-color-picker .color-picker-cursor-selector {
4577   cursor: default;
4578   position: relative;
4579   -moz-border-radius: 50%;
4580   -webkit-border-radius: 50%;
4581   border-radius: 50%;
4582   -khtml-border-radius: 50%;
4583   width: 10px;
4584   height: 10px;
4585   border: #ffffff solid 1px;
4586   width: 12px;
4587   height: 12px;
4588   top: -1px;
4589   background-color: #ffffff;
4590   -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4591   -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4592   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4593 }
4594 .plx-color-picker .type-policy {
4595   float: right;
4596   position: absolute;
4597   top: 198px;
4598   right: 12px;
4599   width: 16px;
4600   height: 16px;
4601 }
4602 .plx-color-picker .type-policy:hover {
4603   background-color: #ebf6fd;
4604   cursor: pointer;
4605 }
4606 .plx-color-picker .arrow-down {
4607   display: block;
4608   width: 0;
4609   height: 0;
4610   border-left: 4px solid transparent;
4611   border-right: 4px solid transparent;
4612   border-top: 4px solid #a6a6a6;
4613   margin-top: 4px;
4614   margin-left: 4px;
4615 }
4616 .plx-color-picker .arrow-up {
4617   display: block;
4618   width: 0;
4619   height: 0;
4620   border-left: 4px solid transparent;
4621   border-right: 4px solid transparent;
4622   border-bottom: 4px solid #a6a6a6;
4623   margin-top: 2px;
4624   margin-left: 4px;
4625 }
4626 .plx-color-picker .box {
4627   width: 100%;
4628   height: 100%;
4629   display: flex;
4630 }
4631 .plx-color-picker .box .left {
4632   position: relative;
4633   margin-right: 16px;
4634 }
4635 .plx-color-picker .box .right {
4636   flex: 1 1 auto;
4637 }
4638 .plx-color-picker .button-area {
4639   padding: 0 16px 16px 16px;
4640   text-align: right;
4641 }
4642 .plx-color-picker .preset-area {
4643   padding: 4px 15px;
4644 }
4645 .plx-color-picker .preset-area .preset-label {
4646   width: 100%;
4647   padding: 4px;
4648   text-align: left;
4649   color: #555;
4650 }
4651 .plx-color-picker .preset-area .preset-color {
4652   cursor: pointer;
4653   display: inline-block;
4654   width: 18px;
4655   height: 18px;
4656   margin: 4px 6px 8px 6px;
4657   -moz-border-radius: 25%;
4658   -webkit-border-radius: 25%;
4659   border-radius: 25%;
4660   -khtml-border-radius: 25%;
4661   border: #a9a9a9 solid 1px;
4662 }
4663 .plx-color-picker .hsla-text,
4664 .plx-color-picker .rgba-text {
4665   width: 196px;
4666 }
4667 .plx-color-picker .hsla-text input,
4668 .plx-color-picker .rgba-text input {
4669   color: #595959;
4670   min-width: 0;
4671   flex: 1;
4672   margin: 0;
4673   float: left;
4674   padding: 1px;
4675 }
4676 .plx-color-picker .hsla-text input:last-child,
4677 .plx-color-picker .rgba-text input:last-child {
4678   margin-right: 0;
4679 }
4680 .plx-color-picker .hsla-text .hsla-text-div,
4681 .plx-color-picker .rgba-text .hsla-text-div,
4682 .plx-color-picker .hsla-text .rgba-text-div,
4683 .plx-color-picker .rgba-text .rgba-text-div {
4684   margin-top: 2px;
4685   flex: 1;
4686   text-align: center;
4687   color: #999999;
4688   height: 18px;
4689   padding-right: 8px;
4690 }
4691 .plx-color-picker .hsla-text .hsla-text-div:last-child,
4692 .plx-color-picker .rgba-text .hsla-text-div:last-child,
4693 .plx-color-picker .hsla-text .rgba-text-div:last-child,
4694 .plx-color-picker .rgba-text .rgba-text-div:last-child {
4695   margin-right: 0;
4696   padding-right: 0;
4697 }
4698 .plx-color-picker .hsla-text .hsla-text-degree,
4699 .plx-color-picker .rgba-text .hsla-text-degree {
4700   padding-right: 16px;
4701 }
4702 .plx-color-picker .hsla-text .hsla-text-percent,
4703 .plx-color-picker .rgba-text .hsla-text-percent {
4704   padding-right: 22px;
4705 }
4706 .plx-color-picker .hsla-text .hsla-degree,
4707 .plx-color-picker .rgba-text .hsla-degree {
4708   display: inline-block;
4709   width: 6px;
4710   margin-left: 2px;
4711   margin-right: 8px;
4712   margin-top: 2px;
4713 }
4714 .plx-color-picker .hsla-text .hsla-percent,
4715 .plx-color-picker .rgba-text .hsla-percent {
4716   display: inline-block;
4717   width: 12px;
4718   margin-left: 2px;
4719   margin-right: 8px;
4720   margin-top: 3px;
4721 }
4722 .plx-color-picker .hsla-text .rgba-text-input,
4723 .plx-color-picker .rgba-text .rgba-text-input {
4724   margin-right: 8px;
4725 }
4726 .plx-color-picker .hex-text {
4727   width: 196px;
4728 }
4729 .plx-color-picker .hex-text .box input {
4730   color: #595959;
4731   flex: 1 1 auto;
4732   padding: 1px;
4733 }
4734 .plx-color-picker .hex-text .box div {
4735   margin-top: 2px;
4736   flex: 1 1 auto;
4737   text-align: center;
4738   height: 18px;
4739   color: #999999;
4740   float: left;
4741   clear: left;
4742 }
4743 .plx-color-picker .bacis-color-alpha-select-area {
4744   padding: 20px 16px 16px 16px;
4745 }
4746 .plx-color-picker .color-format-content-area {
4747   padding: 0px 16px 16px 16px;
4748 }
4749 .plx-color-picker .arrow::after,
4750 .plx-color-picker .arrow::before {
4751   position: absolute;
4752   display: block;
4753   width: 0;
4754   height: 0;
4755   border-color: transparent;
4756   border-style: solid;
4757   content: "";
4758   border-width: 7px 7px;
4759 }
4760 .plx-color-picker .arrow.arrow-bottom::after {
4761   left: 20px;
4762   border-top-width: 0;
4763   top: -7px;
4764   border-bottom-color: #ffffff;
4765 }
4766 .plx-color-picker .arrow.arrow-bottom::before {
4767   left: 20px;
4768   border-top-width: 0;
4769   top: -8px;
4770   border-bottom-color: #999999;
4771 }
4772 body {
4773   font-size: 12px;
4774 }
4775 .shadow {
4776   -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4777   -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4778   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4779 }
4780 :-moz-placeholder {
4781   /* Mozilla Firefox 4 to 18 */
4782   color: #bfbfbf;
4783 }
4784 ::-moz-placeholder {
4785   /* Mozilla Firefox 19+ */
4786   color: #bfbfbf;
4787 }
4788 input:-ms-input-placeholder {
4789   color: #bfbfbf;
4790 }
4791 input::-webkit-input-placeholder {
4792   color: #bfbfbf;
4793 }
4794 .plx-btn {
4795   font-family: "Helvetica Neue", "PingFang SC", Tahoma, "Microsoft Yahei";
4796   color: #00abff;
4797   min-width: 80px;
4798   letter-spacing: 1px;
4799   padding: 0px 16px;
4800   height: 32px;
4801   font-size: 12px;
4802   cursor: pointer;
4803   text-align: center;
4804   white-space: nowrap;
4805   margin-right: 10px;
4806   vertical-align: middle;
4807   border: 1px solid #d9d9d9;
4808   background-color: #fff;
4809   border-radius: 3px;
4810   line-height: 30px;
4811 }
4812 .plx-btn:hover,
4813 .plx-btn:disabled,
4814 .plx-btn[disabled],
4815 .plx-btn:focus,
4816 .plx-btn:active {
4817   outline: none;
4818   background-image: none;
4819   filter: none;
4820   -webkit-box-shadow: none;
4821   -moz-box-shadow: none;
4822   box-shadow: none;
4823   text-shadow: none;
4824 }
4825 .plx-btn:hover,
4826 .plx-btn:focus {
4827   color: #00abff;
4828   border-color: #00abff;
4829   background-color: #fff;
4830 }
4831 .plx-btn:active {
4832   color: #008fd5;
4833   border-color: #008fd5;
4834   background-color: #fff;
4835 }
4836 .plx-btn:disabled,
4837 .plx-btn[disabled] {
4838   color: #bfbfbf;
4839   background-color: #fff;
4840   border-color: #e9e9e9;
4841 }
4842 .plx-btn:disabled:hover,
4843 .plx-btn[disabled]:hover,
4844 .plx-btn:disabled:focus,
4845 .plx-btn[disabled]:focus {
4846   color: #bfbfbf;
4847   background-color: #fff;
4848   border-color: #e9e9e9;
4849   cursor: not-allowed;
4850 }
4851 .plx-btn .plx-btn-icon {
4852   font-size: 16px;
4853   vertical-align: text-top;
4854   margin-right: 3px;
4855 }
4856 .plx-btn-primary {
4857   background-color: #00abff;
4858   color: #fff;
4859   border-color: #00abff;
4860 }
4861 .plx-btn-primary:hover,
4862 .plx-btn-primary:focus {
4863   color: #fff;
4864   background-color: #009dea;
4865   border-color: #009dea;
4866 }
4867 .plx-btn-primary:active {
4868   color: #fff;
4869   background-color: #008fd5;
4870   border-color: #008fd5;
4871 }
4872 .plx-btn-primary:disabled,
4873 .plx-btn-primary[disabled],
4874 .plx-btn-primary:disabled:hover,
4875 .plx-btn-primary[disabled]:hover,
4876 .plx-btn-primary:disabled:focus,
4877 .plx-btn-primary[disabled]:focus {
4878   color: #fff;
4879   border-color: #00abff;
4880   background-color: #00abff;
4881   opacity: 0.5;
4882 }
4883 .plx-btn-guide {
4884   background-color: #00abff;
4885   color: #fff;
4886   border-color: #00abff;
4887 }
4888 .plx-btn-guide:hover,
4889 .plx-btn-guide:focus {
4890   color: #fff;
4891   background-color: #009dea;
4892   border-color: #009dea;
4893 }
4894 .plx-btn-guide:active {
4895   color: #fff;
4896   background-color: #008fd5;
4897   border-color: #008fd5;
4898 }
4899 .plx-btn-guide:disabled,
4900 .plx-btn-guide[disabled],
4901 .plx-btn-guide:disabled:hover,
4902 .plx-btn-guide[disabled]:hover,
4903 .plx-btn-guide:disabled:focus,
4904 .plx-btn-guide[disabled]:focus {
4905   color: #fff;
4906   border-color: #00abff;
4907   background-color: #00abff;
4908   opacity: 0.5;
4909 }
4910 .plx-btn-table {
4911   color: #595959;
4912 }
4913 .plx-btn-error {
4914   background-color: #ff5b55;
4915   color: #fff;
4916   border-color: #ff5b55;
4917 }
4918 .plx-btn-error:hover,
4919 .plx-btn-error:focus {
4920   color: #fff;
4921   background-color: #ee403a;
4922   border-color: #ee403a;
4923 }
4924 .plx-btn-error:active {
4925   color: #fff;
4926   background-color: #e02a23;
4927   border-color: #e02a23;
4928 }
4929 .plx-btn-error:disabled,
4930 .plx-btn-error[disabled],
4931 .plx-btn-error:disabled:hover,
4932 .plx-btn-error[disabled]:hover,
4933 .plx-btn-error:disabled:focus,
4934 .plx-btn-error[disabled]:focus {
4935   color: #fff;
4936   border-color: #ff5b55;
4937   background-color: #ff5b55;
4938   opacity: 0.5;
4939 }
4940 .plx-btn-sm {
4941   height: 28px;
4942   padding: 0px 14px;
4943   min-width: 60px;
4944   margin-right: 5px;
4945   line-height: 26px;
4946 }
4947 .plx-btn-xs {
4948   height: 24px;
4949   padding: 0px 12px;
4950   min-width: 60px;
4951   margin-right: 5px;
4952   line-height: 22px;
4953 }
4954 .plx-btn.dropdown-toggle {
4955   margin-right: 0;
4956   outline: none !important;
4957   background-image: none !important;
4958   filter: none;
4959   -webkit-box-shadow: none;
4960   -moz-box-shadow: none;
4961   box-shadow: none;
4962   text-shadow: none;
4963 }
4964 .plx-btn.dropdown-toggle::after {
4965   margin-left: 16px;
4966   border-top: 4px solid;
4967   border-right: 4px solid transparent;
4968   border-left: 4px solid transparent;
4969   color: #c0c0c0;
4970   margin-bottom: 1px;
4971 }
4972 .plx-btn-sm.dropdown-toggle::after {
4973   margin-left: 14px;
4974 }
4975 .plx-btn-xs.dropdown-toggle::after {
4976   margin-left: 12px;
4977 }
4978 .plx-btn + .dropdown-menu {
4979   margin: 0;
4980   padding: 0;
4981   border: 0;
4982   min-width: 100%;
4983   font-size: 12px;
4984   border-radius: 3px;
4985   -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4986   -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4987   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4988 }
4989 .plx-btn + .dropdown-menu .dropdown-item {
4990   background-color: #fff;
4991   color: #595959;
4992   font-size: 12px;
4993   padding: 0px 16px;
4994   height: 30px;
4995   cursor: pointer;
4996 }
4997 .plx-btn + .dropdown-menu .dropdown-item:hover,
4998 .plx-btn + .dropdown-menu .dropdown-item:focus,
4999 .plx-btn + .dropdown-menu .dropdown-item:active {
5000   outline: none;
5001   background-color: #ebf6fd;
5002 }
5003 .plx-btn + .dropdown-menu .dropdown-item:disabled,
5004 .plx-btn + .dropdown-menu .dropdown-item[disabled] {
5005   color: #bfbfbf;
5006 }
5007 .plx-btn + .dropdown-menu .dropdown-item:disabled:hover,
5008 .plx-btn + .dropdown-menu .dropdown-item[disabled]:hover,
5009 .plx-btn + .dropdown-menu .dropdown-item:disabled:focus,
5010 .plx-btn + .dropdown-menu .dropdown-item[disabled]:focus {
5011   cursor: not-allowed;
5012   background-color: #fff;
5013 }
5014 .plx-btn-sm + .dropdown-menu .dropdown-item {
5015   padding: 0px 14px;
5016 }
5017 .plx-btn-xs + .dropdown-menu .dropdown-item {
5018   padding: 0px 12px;
5019 }
5020 .plx-btn-more {
5021   display: inline-block;
5022   margin-right: 10px;
5023 }
5024 .plx-btn-more-sm {
5025   margin-right: 5px;
5026 }
5027 .plx-btn-more-xs {
5028   margin-right: 5px;
5029 }
5030 .plx-checkbox-container {
5031   font-size: 0;
5032   position: relative;
5033 }
5034 .plx-checkbox {
5035   position: absolute;
5036   z-index: -1;
5037   opacity: 0;
5038 }
5039 .plx-checkbox + .checkbox-substitute {
5040   position: relative;
5041   display: inline-block;
5042   cursor: pointer;
5043   height: 14px;
5044   width: 14px;
5045   border: 1px solid #d9d9d9;
5046   border-radius: 2px;
5047   vertical-align: middle;
5048 }
5049 .plx-checkbox + .checkbox-substitute + span {
5050   font-weight: normal;
5051   font-size: 12px;
5052   cursor: pointer;
5053   vertical-align: middle;
5054   padding-left: 6px;
5055 }
5056 .plx-checkbox:hover + .checkbox-substitute {
5057   border-color: #00abff;
5058   outline: none;
5059   background-image: none;
5060   -webkit-box-shadow: none;
5061   -moz-box-shadow: none;
5062   box-shadow: none;
5063   text-shadow: none;
5064 }
5065 .plx-checkbox:checked + .checkbox-substitute {
5066   border-color: #00abff;
5067   background-color: #00abff;
5068 }
5069 .plx-checkbox:checked + .checkbox-substitute::after {
5070   content: '';
5071   position: absolute;
5072   display: block;
5073   width: 6px;
5074   height: 10px;
5075   border: solid #fff;
5076   border-width: 0 2px 2px 0;
5077   transform: rotate(45deg);
5078   left: 3px;
5079   top: 0;
5080 }
5081 .plx-checkbox.portion + .checkbox-substitute {
5082   background-color: #00abff;
5083   border-color: #00abff;
5084   opacity: 0.5;
5085 }
5086 .plx-checkbox.portion + .checkbox-substitute::after {
5087   content: '';
5088   position: absolute;
5089   display: block;
5090   width: 6px;
5091   height: 10px;
5092   border: solid #fff;
5093   border-width: 0 2px 2px 0;
5094   transform: rotate(45deg);
5095   left: 3px;
5096   top: 0;
5097 }
5098 .plx-checkbox:disabled + .checkbox-substitute,
5099 .plx-checkbox[disabled] + .checkbox-substitute {
5100   border-color: #d9d9d9;
5101   background-color: #f5f5f5;
5102   cursor: not-allowed;
5103 }
5104 .plx-checkbox:disabled + .checkbox-substitute + span,
5105 .plx-checkbox[disabled] + .checkbox-substitute + span {
5106   cursor: not-allowed;
5107 }
5108 .plx-checkbox.portion[disabled] + .checkbox-substitute {
5109   background-color: #d9d9d9;
5110   border-color: #d9d9d9;
5111 }
5112 .plx-checkbox.portion[disabled] + .checkbox-substitute::after {
5113   content: '';
5114   position: absolute;
5115   display: block;
5116   width: 6px;
5117   height: 10px;
5118   border: solid #999;
5119   border-width: 0 2px 2px 0;
5120   transform: rotate(45deg);
5121   left: 3px;
5122   top: 0;
5123 }
5124 .plx-checkbox:checked[disabled] + .checkbox-substitute {
5125   border-color: #d9d9d9;
5126   background-color: #d9d9d9;
5127 }
5128 .plx-form {
5129   font-family: "Helvetica Neue", "PingFang SC", Tahoma, "Microsoft Yahei";
5130   font-size: 12px;
5131   background: #fff;
5132   color: #595959;
5133 }
5134 .plx-form .ng-invalid:not(form).ng-invalid:not(fieldset).ng-invalid:not(plx-select) {
5135   border: 1px solid #ff5b55;
5136   /* red */
5137 }
5138 .plx-form .ng-untouched:not(form).ng-untouched:not(fieldset).ng-untouched:not(plx-select) {
5139   border: 1px solid #d9d9d9;
5140 }
5141 .plx-form label {
5142   font-size: 12px;
5143   text-align: right;
5144   color: #737373;
5145   background: #fff;
5146 }
5147 .plx-form label .label-span {
5148   color: #595959;
5149 }
5150 .plx-form .text-autocut {
5151   white-space: nowrap;
5152   text-overflow: ellipsis;
5153   overflow: hidden;
5154   display: block;
5155 }
5156 .plx-form .forms-group-pointer {
5157   margin-bottom: 10px;
5158   padding-left: 15px;
5159   color: #404040;
5160   font-size: 14px;
5161   height: 32px;
5162   line-height: 32px;
5163   cursor: pointer;
5164 }
5165 .plx-form .forms-group-pointer:hover {
5166   background: #ebf6fd;
5167 }
5168 .plx-form .forms-group-pointer span {
5169   margin-left: 24px;
5170   border-left: 3px solid #00abff;
5171   padding-left: 5px;
5172 }
5173 .plx-form .forms-group-pointer .group-icon {
5174   float: left;
5175   font-size: 14px;
5176   color: #00abff !important;
5177   line-height: 32px;
5178   margin-right: 8px;
5179   transform: scale(0.7, 0.7);
5180   font-weight: bold;
5181 }
5182 .plx-form .forms-group-default {
5183   margin-bottom: 10px;
5184   padding-left: 15px;
5185   color: #404040;
5186   font-size: 14px;
5187   height: 32px;
5188   line-height: 32px;
5189   cursor: default;
5190   line-height: 16px;
5191 }
5192 .plx-form .forms-group-default:hover {
5193   background: #fff;
5194 }
5195 .plx-form .forms-group-default span {
5196   margin-left: 24px;
5197   border-left: 3px solid #00abff;
5198   padding-left: 5px;
5199 }
5200 .plx-form .forms-group-default .group-icon {
5201   float: left;
5202   font-size: 14px;
5203   color: #00abff !important;
5204   line-height: 32px;
5205   margin-right: 8px;
5206   transform: scale(0.7, 0.7);
5207   font-weight: bold;
5208 }
5209 .plx-form .input-sm {
5210   height: 28px !important;
5211 }
5212 .plx-form .px-red {
5213   color: #ff5b55;
5214 }
5215 .plx-form input:focus {
5216   border: 1px solid #00abff !important;
5217 }
5218 .plx-form .error-div {
5219   height: 12px;
5220   margin-top: -4px;
5221   margin-bottom: 5px;
5222 }
5223 .plx-form .error-div .error-msg {
5224   color: #ff5b55;
5225 }
5226 .plx-form .help-div {
5227   color: #bfbfbf;
5228   height: 12px;
5229   margin-top: -5px;
5230   margin-bottom: 6px;
5231 }
5232 .plx-form .forms-header {
5233   margin-left: 15px;
5234   margin-bottom: 25px;
5235   padding-bottom: 5px;
5236   border-bottom: 1px solid #e9e9e9;
5237 }
5238 .plx-form .forms-header span {
5239   font-size: 16px;
5240   color: #404040;
5241 }
5242 .plx-form .plx-input {
5243   width: 100%;
5244   color: #595959;
5245   background: #fff;
5246   text-align: left;
5247 }
5248 .plx-form .field-radio {
5249   padding-right: 10px;
5250   line-height: 27px;
5251 }
5252 .plx-form .field-radio.field-radio-tight {
5253   line-height: 23px;
5254 }
5255 .plx-form .field-tail {
5256   padding-right: 10px;
5257   line-height: 32px;
5258 }
5259 .plx-form .field-tail.field-tail-tight {
5260   line-height: 28px;
5261 }
5262 .plx-form .field-tail .tip {
5263   color: #999;
5264   font-size: 16px;
5265 }
5266 .plx-form .field-info {
5267   font-size: 12px;
5268   color: #00abff;
5269   margin-left: -15px;
5270 }
5271 .plx-form .field-info.field-info-group {
5272   margin-left: 15px;
5273 }
5274 .plx-form .form-field:not(select-dropdown) {
5275   color: #595959;
5276   font-size: 12px;
5277   line-height: 32px;
5278 }
5279 .plx-form .form-field:not(select-dropdown).form-field-tight {
5280   line-height: 28px;
5281 }
5282 .plx-form .form-field:not(select-dropdown).form-filed-hint {
5283   margin-bottom: 15px;
5284 }
5285 .plx-form .field-div {
5286   margin-bottom: 15px;
5287   padding-left: 0;
5288 }
5289 .plx-form .field-div.field-div-tight {
5290   margin-bottom: 10px;
5291 }
5292 .plx-form .field-div.inputchanged > input {
5293   font-weight: bold;
5294 }
5295 .plx-form .field-div.inputchanged > select {
5296   font-weight: bold;
5297 }
5298 .plx-form .button-div {
5299   padding: 15px 0 0 0;
5300   color: #595959;
5301   font-size: 14px;
5302   text-align: left;
5303 }
5304 .plx-form .button-div button {
5305   margin-right: 10px;
5306 }
5307 .plx-form .button-r-submit {
5308   float: right;
5309   margin-right: -20px !important;
5310 }
5311 .plx-form .button-r-cancel {
5312   float: right;
5313 }
5314 .plx-form .content {
5315   overflow-y: auto;
5316   overflow-x: hidden;
5317 }
5318 .plx-form .plx-scrollbar::-webkit-scrollbar {
5319   width: 4px;
5320   height: 6px;
5321 }
5322 .plx-form .plx-scrollbar::-webkit-scrollbar-thumb {
5323   background-color: rgba(0, 0, 0, 0.2);
5324   border-radius: 2em;
5325   min-height: 50px;
5326   max-height: 100px;
5327 }
5328 .plx-form .plx-scrollbar::-webkit-scrollbar-corner {
5329   background-color: transparent;
5330 }
5331 .plx-form input:-ms-input-placeholder {
5332   color: #999 !important;
5333 }
5334 .plx-form input::-webkit-input-placeholder {
5335   color: #999 !important;
5336 }
5337 .plx-form plx-info .icon {
5338   margin-left: -10px;
5339   line-height: 28px !important;
5340 }
5341 .para-content .icon-active {
5342   fill: #00abff;
5343 }
5344 .para-content .icon-disactive {
5345   fill: #bfbfbf;
5346   cursor: default;
5347 }
5348 .plx-input {
5349   font-size: 12px;
5350   height: 32px;
5351   padding-left: 10px;
5352   padding-right: 10px;
5353   outline: 0;
5354   border: 1px solid #d9d9d9;
5355   border-radius: 3px;
5356   vertical-align: middle;
5357 }
5358 .plx-input:focus {
5359   border: 1px solid #00abff;
5360 }
5361 .plx-input:disabled,
5362 .plx-input[disabled] {
5363   cursor: not-allowed;
5364   background-color: #f5f5f5;
5365 }
5366 .plx-input-sm {
5367   height: 28px;
5368 }
5369 .plx-input-right-no-radius {
5370   border-bottom-right-radius: 0;
5371   border-top-right-radius: 0;
5372 }
5373 .plx-radio-container {
5374   font-size: 0;
5375   position: relative;
5376 }
5377 .plx-radio {
5378   position: absolute;
5379   z-index: -1;
5380   opacity: 0;
5381 }
5382 .plx-radio + .radio-substitute {
5383   position: relative;
5384   display: inline-block;
5385   cursor: pointer;
5386   height: 14px;
5387   width: 14px;
5388   border: 1px solid #d9d9d9;
5389   border-radius: 14px;
5390   vertical-align: middle;
5391 }
5392 .plx-radio:hover + .radio-substitute,
5393 .plx-radio:focus + .radio-substitute {
5394   border-color: #00abff;
5395   outline: none;
5396   background-image: none;
5397   -webkit-box-shadow: none;
5398   -moz-box-shadow: none;
5399   box-shadow: none;
5400   text-shadow: none;
5401 }
5402 .plx-radio:checked + .radio-substitute {
5403   border: 4px solid #00abff;
5404 }
5405 .plx-radio:disabled + .radio-substitute,
5406 .plx-radio[disabled] + .radio-substitute {
5407   border-color: #d9d9d9;
5408   background-color: #f5f5f5;
5409   cursor: not-allowed;
5410 }
5411 .plx-radio:checked [disabled] + .radio-substitute {
5412   border-color: #e9e9e9;
5413   background-color: #e9e9e9;
5414   cursor: not-allowed;
5415 }
5416 .plx-radio + .radio-substitute + span {
5417   font-weight: normal;
5418   font-size: 12px;
5419   cursor: pointer;
5420   vertical-align: middle;
5421   padding-left: 6px;
5422 }
5423 .plx-radio:disabled + .radio-substitute + span,
5424 .plx-radio[disabled] + .radio-substitute + span {
5425   cursor: not-allowed;
5426 }
5427 /*radio-group*/
5428 .btn.dropdown-toggle,
5429 .btn-group .btn.dropdown-toggle,
5430 .btn:hover,
5431 .btn:disabled,
5432 .btn[disabled],
5433 .btn:focus,
5434 .btn:active,
5435 .btn.active {
5436   outline: none !important;
5437   background-image: none !important;
5438   filter: none;
5439   -webkit-box-shadow: none;
5440   -moz-box-shadow: none;
5441   box-shadow: none;
5442   text-shadow: none;
5443 }
5444 .plx-radio-group {
5445   cursor: pointer;
5446   font-size: 12px;
5447   height: 32px;
5448   background-color: #fff;
5449   border: 1px solid #d9d9d9;
5450   color: #595959;
5451   border-radius: 3px;
5452   padding: 0px 16px;
5453   min-width: 80px;
5454   transition: none;
5455 }
5456 .plx-radio-group:hover,
5457 .plx-radio-group:focus,
5458 .plx-radio-group:active {
5459   outline: none;
5460   background-image: none;
5461   filter: none;
5462   -webkit-box-shadow: none;
5463   -moz-box-shadow: none;
5464   box-shadow: none;
5465   text-shadow: none;
5466 }
5467 .plx-radio-group:hover,
5468 .plx-radio-group:focus {
5469   color: #00abff;
5470   border-color: #00abff;
5471   background-color: #fff;
5472 }
5473 .plx-radio-group:active {
5474   color: #008fd5;
5475   border-color: #008fd5;
5476   background-color: #fff;
5477 }
5478 .plx-radio-group.active {
5479   background-color: #00abff;
5480   color: #fff;
5481   border-color: #00abff;
5482 }
5483 .plx-radio-group > span {
5484   line-height: 30px;
5485 }
5486 .plx-radio-group-sm {
5487   height: 28px;
5488   padding: 0px 14px;
5489   min-width: 60px;
5490 }
5491 .plx-radio-group-sm > span {
5492   line-height: 26px;
5493 }
5494 .plx-ui-steps-number-active {
5495   background: #108ee9;
5496   color: #ffffff;
5497 }
5498 .plx-ui-steps-number-passive {
5499   background: #d9d9d9;
5500   color: #ffffff;
5501 }
5502 .plx-ui-steps-number-visited {
5503   color: #ffffff;
5504   border: 2px #108ee9 solid;
5505 }
5506 .plx-ui-underline-active {
5507   background: #108ee9;
5508 }
5509 .plx-ui-underline-passive {
5510   background: #e9e9e9;
5511 }
5512 .plx-ui-steps-title-active {
5513   color: #595959;
5514 }
5515 .plx-ui-steps-title-passive {
5516   color: #999999;
5517 }
5518 .plx-ui-steps-title-visited {
5519   color: #999999;
5520 }
5521 .plx-ui-steps-number-visited-tick {
5522   border-bottom: 2px solid #108ee9;
5523   border-right: 2px solid #108ee9;
5524 }
5525 .plx-ui-underline-active-vertical {
5526   border-right: 2px solid #d9d9d9;
5527 }
5528 .plx-ui-underline-visited-vertical {
5529   border-right: 2px solid #108ee9;
5530 }
5531 .plx-ui-underline-passive-vertical {
5532   border-right: 2px solid #d9d9d9;
5533 }
5534 .plx-ui-steps-title-active-vertical {
5535   color: #595959;
5536 }
5537 .plx-ui-steps-title-visited-vertical {
5538   color: #999999;
5539 }
5540 .plx-ui-steps-title-passive-vertical {
5541   color: #999999;
5542 }
5543 .plx-ui-steps-number-active-vertical {
5544   background: #108ee9;
5545   color: #ffffff;
5546 }
5547 .plx-ui-steps-number-passive-vertical {
5548   background: #d9d9d9;
5549   color: #ffffff;
5550 }
5551 .plx-ui-steps-number-visited-vertical {
5552   color: #ffffff;
5553 }