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