sdc-workflow-designer-ui/src/app/paletx/assets/themes/NIV/theme.css

   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: #108EE9;
  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: #8e8e8e;
  28 }
  29 .plx-breadcrumb .plx-breadcrumb-collapse:hover circle {
  30   fill: #108EE9;
  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', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei';
  45   font-size: 14px;
  46   background: #fff;
  47   color: #595959;
  48 }
  49 .owl-dateTime input {
  50   font-size: 14px;
  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 #108EE9;
 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: #5cb85c;
 368 }
 369 .owl-calendar-control .owl-calendar-controlContent .month-control {
 370   font-size: 16px;
 371   margin-right: .8rem;
 372 }
 373 .owl-calendar-control .owl-calendar-controlContent .year-control {
 374   font-size: 16px;
 375 }
 376 .owl-calendar tbody td.owl-calendar-selected {
 377   background-color: #5cb85c;
 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: 14px;
 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: #108EE9;
 425   border-top: 0.5em solid #0D75BF;
 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: #5cb85c;
 443   background-image: none;
 444   background-color: transparent;
 445   border-color: #5cb85c;
 446 }
 447 .owl-timer-wrapper .owl-meridian-btn:hover {
 448   color: #fff;
 449   background-color: #5cb85c;
 450   border-color: #5cb85c;
 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: #8e8e8e;
 484 }
 485 .oes-time-control {
 486   color: #595959 !important;
 487 }
 488 .owl-calendar-selected {
 489   background-color: #5cb85c;
 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: #E7F4FD;
 495   color: #000;
 496   border-radius: 50%;
 497 }
 498 .oes-time-control {
 499   font-size: 14px;
 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: #E7F4FD;
 508   color: #000;
 509   border-radius: 50%;
 510 }
 511 .owl-calendar-year-selected {
 512   background-color: #5cb85c;
 513   color: #fff;
 514   border-radius: 50%;
 515 }
 516 .owl-calendar-year-selected:hover {
 517   background-color: #5cb85c;
 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: #E7F4FD;
 528   color: #000;
 529   border-radius: 50%;
 530 }
 531 .owl-calendar-month-selected {
 532   background-color: #5cb85c;
 533   color: #fff;
 534   border-radius: 50%;
 535 }
 536 .owl-calendar-month-selected:hover {
 537   background-color: #5cb85c;
 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: 14px;
 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: #8e8e8e;
 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: #108ee9;
 701 }
 702 .plx-input-password.ict-eye-closed,
 703 .plx-input-password.ict-eye {
 704   color: #8e8e8e;
 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 #108EE9;
 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 #108EE9;
 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 #108EE9;
 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 #108EE9;
 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 #108EE9;
 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: #108EE9;
 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', 'Arial', 'PingFang SC', 'Hiragino Sans GB', '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: 14px !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 #00A854;
 918 }
 919 .message > div.success > span {
 920   color: #00A854;
 921 }
 922 .message > div.error {
 923   border-left: 4px solid #EA4335;
 924 }
 925 .message > div.error > span {
 926   color: #EA4335;
 927 }
 928 .message > div.warning {
 929   border-left: 4px solid #F3B709;
 930 }
 931 .message > div.warning > span {
 932   color: #F3B709;
 933 }
 934 .message > div.info {
 935   border-left: 4px solid #108EE9;
 936 }
 937 .message > div.info > span {
 938   color: #108EE9;
 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: #E7F4FD;
 954 }
 955 .message > div > p {
 956   top: -3px;
 957   margin: 0;
 958   padding: 0 20px 16px 43px;
 959   font-size: 14px !important;
 960   color: #595959;
 961   line-height: 18px;
 962   position: relative;
 963 }
 964 .message > div > p > span {
 965   color: #108EE9;
 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: 14px;
 975   color: #108EE9;
 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: 14px !important;
 990   line-height: 14px;
 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: #8e8e8e;
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: #8e8e8e;
1076   background: #E7F4FD;
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: 14px;
1107   color: #999;
1108 }
1109 plx-modal-window .alert-modal.row .warning {
1110   border: 3px solid #F3B709;
1111   color: #F3B709;
1112 }
1113 plx-modal-window .alert-modal.row .error {
1114   border: 3px solid #EA4335;
1115   color: #EA4335;
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', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei';
1147   font-size: 14px;
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: #EA4335;
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: #3aa5f2;
1519 }
1520 .plx-progress .plx-progress-bar-info::before {
1521   background-color: #108EE9;
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: #EA4335;
1535 }
1536 .plx-progress .plx-progress-bar-success,
1537 .plx-progress .plx-progress-bar-info.plx-progress-bar-success {
1538   background-color: #108EE9;
1539 }
1540 .plx-progress-info {
1541   display: inline-block;
1542 }
1543 .plx-progress-info .fp-exclamation-circle {
1544   color: #EA4335;
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', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei';
1608   font-size: 14px;
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 #108EE9;
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: #0C66A7;
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', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei';
1697   font-size: 14px;
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 #108EE9;
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 #9b9b9b;
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: #E7F4FD;
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: #00A854;
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', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei';
1805   font-size: 14px;
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 #108EE9 !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 #9b9b9b;
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: 14px;
1946   font-family: 'Helvetica Neue', 'Arial', 'PingFang SC', 'Hiragino Sans GB', '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: #108EE9;
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: #108EE9;
1990   background-color: #fff;
1991   border: 2px solid #108EE9;
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: #108EE9;
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 #108EE9;
2061   border-bottom: 2px solid #108EE9;
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: 14px;
2073   font-family: 'Helvetica Neue', 'Arial', 'PingFang SC', 'Hiragino Sans GB', '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: 16px;
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: #E7F4FD;
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 #108EE9;
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 #108EE9;
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: #108ee9;
2242   border-color: #108ee9;
2243   background-color: #fff;
2244 }
2245 .plx-tabset.plx-nav-pills .plx-nav-link:active {
2246   color: #fff;
2247   border-color: #108ee9;
2248   background-color: #108ee9;
2249 }
2250 .plx-tabset.plx-nav-pills .plx-nav-link.active {
2251   color: #fff;
2252   cursor: default;
2253   background-color: #108EE9;
2254   border-color: #108EE9;
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 #108EE9;
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', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei';
2350   font-size: 14px;
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: #E7F4FD;
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: 14px;
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: 14px;
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: 14px;
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: 14px;
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: 14px;
2475   color: #595959;
2476 }
2477 .font {
2478   font-family: 'Helvetica Neue', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei';
2479   font-size: 14px;
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 #9b9b9b;
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 #108EE9;
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 #9b9b9b;
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 #108EE9;
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 #9b9b9b;
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: #E7F4FD;
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: 14px;
2571 }
2572 .plx-text-input-unit-group li:hover,
2573 .plx-text-input-prefix-group li:hover {
2574   background-color: #E7F4FD;
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 #108EE9;
2590 }
2591 .input-left-border .plx-input {
2592   border-left: 1px solid #108EE9;
2593 }
2594 .text-input-hint {
2595   top: 42px;
2596   left: 10px;
2597   font-family: 'Helvetica Neue', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei';
2598   font-size: 14px;
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-family: 'Helvetica Neue', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei';
2606   font-weight: 400;
2607   font-size: 14px;
2608   line-height: 14px;
2609   color: #595959;
2610   display: inline-block;
2611   width: 70px;
2612   height: 32px;
2613   text-align: center;
2614   line-height: 32px;
2615   border-top-left-radius: 3px;
2616   border-bottom-left-radius: 3px;
2617   color: #bfbfbf;
2618   border: 1px solid #d9d9d9;
2619   border-right: 0;
2620   vertical-align: middle;
2621 }
2622 .short-text-input .text-input-prefix {
2623   width: 40px;
2624 }
2625 .input-span-focus .text-input-prefix {
2626   border-color: #108EE9;
2627 }
2628 .input-invalid.ng-dirty.ng-invalid.ng-touched.input-blur .text-input-prefix,
2629 .input-invalid.ng-dirty.ng-invalid.ng-touched.input-blur .input-span-focus:focus .text-input-prefix {
2630   border-color: #EA4335;
2631 }
2632 .input-unit,
2633 .text-input-unit-option {
2634   font-family: 'Helvetica Neue', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei';
2635   font-weight: 400;
2636   font-size: 14px;
2637   line-height: 14px;
2638   color: #595959;
2639   display: inline-block;
2640   height: 32px;
2641   text-align: center;
2642   line-height: 32px;
2643   border-top-right-radius: 3px;
2644   border-bottom-right-radius: 3px;
2645 }
2646 .text-input-unit {
2647   border: 1px solid #d9d9d9;
2648   border-left: 0;
2649   font-family: 'Helvetica Neue', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei';
2650   font-weight: 400;
2651   font-size: 14px;
2652   line-height: 14px;
2653   color: #595959;
2654   display: inline-block;
2655   height: 32px;
2656   line-height: 32px;
2657   border-top-right-radius: 3px;
2658   border-bottom-right-radius: 3px;
2659   color: #bfbfbf;
2660   width: 45px;
2661   text-align: center;
2662   vertical-align: middle;
2663 }
2664 .short-text-input .text-input-unit {
2665   width: 40px;
2666 }
2667 .input-span-focus .text-input-unit {
2668   border-color: #108EE9;
2669 }
2670 .text-input-prefix-option {
2671   font-family: 'Helvetica Neue', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei';
2672   font-weight: 400;
2673   font-size: 14px;
2674   line-height: 14px;
2675   color: #595959;
2676   display: inline-block;
2677   height: 32px;
2678   text-align: center;
2679   line-height: 32px;
2680   border-top-left-radius: 3px;
2681   border-bottom-left-radius: 3px;
2682   width: 84px;
2683   text-align: left;
2684   padding-left: 10px;
2685   cursor: pointer;
2686   border: 1px solid #d9d9d9;
2687   border-right: 0;
2688   vertical-align: middle;
2689 }
2690 .text-input-prefix-option.prefix-focus {
2691   border-color: #108EE9;
2692 }
2693 .text-input-unit-option {
2694   width: 84px;
2695   text-align: left;
2696   padding-left: 10px;
2697   cursor: pointer;
2698   border: 1px solid #d9d9d9;
2699   border-left: 0;
2700   vertical-align: middle;
2701 }
2702 .input-span-focus .text-input-unit-option {
2703   border-color: #108EE9;
2704 }
2705 .text-input-with-unitOption div.unit-focus {
2706   border-color: #108EE9;
2707 }
2708 .short-text-input .plx-input {
2709   width: 120px;
2710 }
2711 .text-input-with-unit .plx-input {
2712   width: 355px;
2713   border-top-right-radius: 0;
2714   border-bottom-right-radius: 0;
2715 }
2716 .text-input-with-unitOption .plx-input {
2717   width: 316px;
2718   border-top-right-radius: 0;
2719   border-bottom-right-radius: 0;
2720 }
2721 .text-input-with-prefix .plx-input {
2722   width: 330px;
2723   border-top-left-radius: 0;
2724   border-bottom-left-radius: 0;
2725 }
2726 .text-input-with-prefixOption .plx-input {
2727   width: 316px;
2728   border-top-left-radius: 0;
2729   border-bottom-left-radius: 0;
2730 }
2731 .text-input-with-passwordSwith .plx-input {
2732   width: 360px;
2733   border-top-right-radius: 0;
2734   border-bottom-right-radius: 0;
2735 }
2736 .text-input-with-prefix.text-input-with-unit .plx-input {
2737   width: 285px;
2738 }
2739 .text-input-with-prefix.text-input-with-unitOption .plx-input {
2740   width: 246px;
2741 }
2742 .short-text-input.text-input-with-prefix .plx-input {
2743   width: 80px;
2744 }
2745 .short-text-input.text-input-with-unit .plx-input {
2746   width: 80px;
2747 }
2748 .short-text-input.text-input-with-prefix.text-input-with-unit .plx-input {
2749   width: 40px;
2750 }
2751 .input-spinner-up {
2752   cursor: pointer;
2753   display: block;
2754   font-size: 12px;
2755   position: absolute;
2756   margin: 0;
2757   right: 0;
2758   overflow: hidden;
2759   border: none;
2760   padding: 0;
2761   text-align: center;
2762   vertical-align: middle;
2763   width: 18px;
2764   top: 0;
2765 }
2766 .input-spinner-down {
2767   cursor: pointer;
2768   display: block;
2769   font-size: 12px;
2770   position: absolute;
2771   margin: 0;
2772   right: 0;
2773   overflow: hidden;
2774   border: none;
2775   padding: 0;
2776   text-align: center;
2777   vertical-align: middle;
2778   width: 18px;
2779   bottom: 0;
2780 }
2781 :host(.plx-input-sm) .plx-input {
2782   height: 28px;
2783   line-height: 28px;
2784 }
2785 :host(.plx-input-sm) .text-input-prefix,
2786 :host(.plx-input-sm) .text-input-unit,
2787 :host(.plx-input-sm) .text-input-unit-option,
2788 :host(.plx-input-sm) .text-input-prefix-option {
2789   height: 28px;
2790   line-height: 28px;
2791 }
2792 :host(.plx-input-sm) div.text-input-dataList {
2793   height: 28px;
2794 }
2795 :host(.plx-input-sm) .toggle {
2796   margin-top: 11px;
2797 }
2798 :host(.plx-input-sm) .caret-down {
2799   margin-bottom: 8px;
2800 }
2801 :host(.plx-input-sm) .caret-up {
2802   margin-top: 8px;
2803 }
2804 :host(.plx-input-sm) .plx-input-passwordSwitch {
2805   line-height: 26px;
2806 }
2807 .plx-input-sm .plx-input {
2808   height: 28px;
2809   line-height: 28px;
2810 }
2811 .plx-input-sm .text-input-prefix,
2812 .plx-input-sm .text-input-unit,
2813 .plx-input-sm .text-input-unit-option,
2814 .plx-input-sm .text-input-prefix-option {
2815   height: 28px;
2816   line-height: 28px;
2817 }
2818 .plx-input-sm div.text-input-dataList {
2819   height: 28px;
2820 }
2821 .plx-input-sm .toggle {
2822   margin-top: 11px;
2823 }
2824 .plx-input-sm .caret-down {
2825   margin-bottom: 8px;
2826 }
2827 .plx-input-sm .caret-up {
2828   margin-top: 8px;
2829 }
2830 .plx-input-sm .plx-input-passwordSwitch {
2831   line-height: 26px;
2832 }
2833 .plx-input-sm-common .plx-input {
2834   height: 28px;
2835   line-height: 28px;
2836 }
2837 .plx-input-sm-common .text-input-prefix,
2838 .plx-input-sm-common .text-input-unit,
2839 .plx-input-sm-common .text-input-unit-option,
2840 .plx-input-sm-common .text-input-prefix-option {
2841   height: 28px;
2842   line-height: 28px;
2843 }
2844 .plx-input-sm-common div.text-input-dataList {
2845   height: 28px;
2846 }
2847 .plx-input-sm-common .toggle {
2848   margin-top: 11px;
2849 }
2850 .plx-input-sm-common .caret-down {
2851   margin-bottom: 8px;
2852 }
2853 .plx-input-sm-common .caret-up {
2854   margin-top: 8px;
2855 }
2856 .plx-input-sm-common .plx-input-passwordSwitch {
2857   line-height: 26px;
2858 }
2859 .plx-input-passwordSwitch {
2860   display: inline-block;
2861   line-height: 30px;
2862   width: 40px;
2863   text-align: center;
2864   vertical-align: middle;
2865   background-color: #fff;
2866   border: 1px solid #d9d9d9;
2867   border-left: 0;
2868   border-bottom-right-radius: 3px;
2869   border-top-right-radius: 3px;
2870   cursor: pointer;
2871 }
2872 .plx-input-passwordSwitch:focus,
2873 .plx-input-passwordSwitch:hover {
2874   border-color: #108ee9;
2875   background-color: #fff;
2876 }
2877 .plx-input-passwordSwitch:focus.ict-eye-closed,
2878 .plx-input-passwordSwitch:hover.ict-eye-closed,
2879 .plx-input-passwordSwitch:focus.ict-eye,
2880 .plx-input-passwordSwitch:hover.ict-eye {
2881   color: #108ee9;
2882 }
2883 .plx-input-passwordSwitch:active {
2884   background-color: #108ee9;
2885   border-color: #108ee9;
2886 }
2887 .plx-input-passwordSwitch:active.ict-eye-closed,
2888 .plx-input-passwordSwitch:active.ict-eye {
2889   color: #fff;
2890 }
2891 .plx-input-passwordSwitch.ict-eye-closed,
2892 .plx-input-passwordSwitch.ict-eye {
2893   color: #8e8e8e;
2894   font-size: 16px;
2895 }
2896 .input-right-border-pwdswith-hover .plx-input {
2897   border-right-color: #108ee9;
2898 }
2899 .input-right-border-pwdswith-click .plx-input {
2900   border-right-color: #108ee9;
2901 }
2902 .plx-text-input-ip-dot {
2903   display: inline-block;
2904   vertical-align: bottom;
2905   color: #999;
2906 }
2907 .plx-text-input-error {
2908   font-size: 12px;
2909   color: #EA4335;
2910   margin-top: 5px;
2911 }
2912 :host(.plx-text-input-ip-invalid) .plx-input {
2913   border-color: #EA4335;
2914 }
2915 :host(.plx-text-input-ip-invalid) .input-span-focus .plx-input {
2916   border-color: #108EE9;
2917 }
2918 .plx-text-input-ip-invalid .plx-input {
2919   border-color: #EA4335;
2920 }
2921 .plx-text-input-ip-invalid .input-span-focus .plx-input {
2922   border-color: #108EE9;
2923 }
2924 .plx-text-input-ip-invalid-common .plx-input {
2925   border-color: #EA4335;
2926 }
2927 .plx-text-input-ip-invalid-common .input-span-focus .plx-input {
2928   border-color: #108EE9;
2929 }
2930 .plx-textarea-container {
2931   display: inline-block;
2932 }
2933 .plx-textarea-class {
2934   width: 100%;
2935   font-size: 14px;
2936   font-family: 'Helvetica Neue', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei';
2937   line-height: 1.5;
2938   resize: none;
2939   padding: 7px;
2940   border: 1px solid #d9d9d9;
2941   border-radius: 3px;
2942   box-shadow: none;
2943   outline: none;
2944   overflow-y: auto;
2945 }
2946 .plx-textarea-class:focus {
2947   border-color: #108EE9;
2948 }
2949 .plx-textarea-class::-webkit-input-placeholder {
2950   text-shadow: none;
2951   -webkit-text-fill-color: initial;
2952 }
2953 .plx-align-tip {
2954   vertical-align: top;
2955   font-size: 14px;
2956   font-weight: normal;
2957   color: #bfbfbf;
2958 }
2959 .plx-align-number {
2960   font-size: 14px;
2961   font-weight: normal;
2962   line-height: 1;
2963   text-align: right;
2964   width: 100%;
2965   color: #bfbfbf;
2966   margin-top: -3px;
2967 }
2968 .plx-toggle-switch {
2969   display: inline-block;
2970   height: 22px;
2971   width: 44px;
2972   position: relative;
2973   vertical-align: middle;
2974   text-align: left;
2975   font-size: 0;
2976 }
2977 .plx-toggle-switch input[type='checkbox'] {
2978   display: none;
2979   -webkit-appearance: none;
2980   -moz-appearance: none;
2981   -ms-progress-appearance: none;
2982 }
2983 .plx-toggle-switch input[type='checkbox'] + label {
2984   display: inline-block;
2985   height: 22px;
2986   position: relative;
2987   cursor: pointer;
2988 }
2989 .plx-toggle-switch input[type='checkbox'] + label::before {
2990   position: absolute;
2991   display: inline-block;
2992   content: '';
2993   height: 22px;
2994   width: 44px;
2995   border-radius: 11px;
2996   transition: 0.15s ease-in;
2997   transition-property: background-color;
2998   background-color: #DDDDDD;
2999 }
3000 .plx-toggle-switch input[type='checkbox'] + label::after {
3001   position: absolute;
3002   display: inline-block;
3003   content: '';
3004   height: 18px;
3005   width: 18px;
3006   border-radius: 50%;
3007   top: 2px;
3008   left: 2px;
3009   transition: left 0.15s ease-in;
3010   background-color: #fff;
3011 }
3012 .plx-toggle-switch input[type='checkbox']:checked + label::before {
3013   background-color: #108EE9;
3014   transition: background-color 0.15s ease-in;
3015 }
3016 .plx-toggle-switch input[type='checkbox']:checked + label::after {
3017   left: 24px;
3018   transition: left 0.15s ease-in;
3019 }
3020 .plx-toggle-switch input[type='checkbox']:disabled + label,
3021 .plx-toggle-switch input[type='checkbox']:checked:disabled + label {
3022   cursor: not-allowed;
3023 }
3024 .plx-toggle-switch input[type='checkbox']:disabled + label::before,
3025 .plx-toggle-switch input[type='checkbox']:checked:disabled + label::before {
3026   opacity: 0.5;
3027 }
3028 :host(.plx-toggle-sm) .plx-toggle-switch {
3029   height: 18px;
3030   width: 34px;
3031 }
3032 :host(.plx-toggle-sm) .plx-toggle-switch input[type='checkbox'] + label {
3033   height: 18px;
3034 }
3035 :host(.plx-toggle-sm) .plx-toggle-switch input[type='checkbox'] + label::before {
3036   height: 18px;
3037   width: 34px;
3038   border-radius: 9px;
3039 }
3040 :host(.plx-toggle-sm) .plx-toggle-switch input[type='checkbox'] + label::after {
3041   height: 14px;
3042   width: 14px;
3043 }
3044 :host(.plx-toggle-sm) .plx-toggle-switch input[type='checkbox']:checked + label::after {
3045   left: 18px;
3046   transition: left 0.15s ease-in;
3047 }
3048 .plx-toggle-sm .plx-toggle-switch {
3049   height: 18px;
3050   width: 34px;
3051 }
3052 .plx-toggle-sm .plx-toggle-switch input[type='checkbox'] + label {
3053   height: 18px;
3054 }
3055 .plx-toggle-sm .plx-toggle-switch input[type='checkbox'] + label::before {
3056   height: 18px;
3057   width: 34px;
3058   border-radius: 9px;
3059 }
3060 .plx-toggle-sm .plx-toggle-switch input[type='checkbox'] + label::after {
3061   height: 14px;
3062   width: 14px;
3063 }
3064 .plx-toggle-sm .plx-toggle-switch input[type='checkbox']:checked + label::after {
3065   left: 18px;
3066   transition: left 0.15s ease-in;
3067 }
3068 .plx-toggle-sm-switch-common {
3069   height: 18px;
3070   width: 34px;
3071 }
3072 .plx-toggle-sm-switch-common input[type='checkbox'] + label {
3073   height: 18px;
3074 }
3075 .plx-toggle-sm-switch-common input[type='checkbox'] + label::before {
3076   height: 18px;
3077   width: 34px;
3078   border-radius: 9px;
3079 }
3080 .plx-toggle-sm-switch-common input[type='checkbox'] + label::after {
3081   height: 14px;
3082   width: 14px;
3083 }
3084 .plx-toggle-sm-switch-common input[type='checkbox']:checked + label::after {
3085   left: 18px;
3086   transition: left 0.15s ease-in;
3087 }
3088 .toolbar i.seperate-vertical {
3089   margin-right: 10px;
3090   margin-left: 0;
3091   border-right: 1px solid #e9e9e9;
3092 }
3093 .toolbar span {
3094   color: #595959;
3095   cursor: pointer;
3096   margin-right: 10px;
3097   font-size: 16px;
3098   display: inline-block;
3099   width: 28px;
3100   height: 28px;
3101   border: 1px solid transparent;
3102   padding: 5px;
3103 }
3104 .toolbar span:hover {
3105   background-color: #E7F4FD;
3106   border-radius: 2px;
3107 }
3108 .toolbar span:last-child {
3109   margin-right: 0px;
3110 }
3111 .plx-tooltip {
3112   font-family: 'Helvetica Neue', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei';
3113   font-size: 14px;
3114   opacity: 1;
3115   position: absolute;
3116   z-index: 10001;
3117   display: block;
3118   font-style: normal;
3119   font-weight: normal;
3120   letter-spacing: normal;
3121   line-break: auto;
3122   line-height: 1.5;
3123   text-align: left;
3124   text-decoration: none;
3125   text-shadow: none;
3126   text-transform: none;
3127   white-space: normal;
3128   word-break: normal;
3129   word-spacing: normal;
3130   word-wrap: break-word;
3131 }
3132 .plx-tooltip::before,
3133 .plx-tooltip::after {
3134   content: "";
3135   position: absolute;
3136   display: block;
3137   width: 0;
3138   height: 0;
3139   border: solid transparent;
3140 }
3141 .plx-tooltip::before {
3142   border-width: 5px;
3143 }
3144 .plx-tooltip::after {
3145   border-width: 4px;
3146 }
3147 .plx-tooltip-inner {
3148   min-width: 60px;
3149   max-width: 200px;
3150   padding: 3px 8px;
3151   color: #fff;
3152   text-align: center;
3153   background-color: #000;
3154 }
3155 .plx-tooltip.show {
3156   font-size: 14px;
3157   opacity: 1;
3158 }
3159 .plx-tooltip.show .plx-tooltip-inner {
3160   background-color: #595959;
3161   border-radius: 3px;
3162   padding: 0px 12px;
3163   height: 30px;
3164   line-height: 30px;
3165 }
3166 .plx-tooltip-top-common {
3167   margin-top: -7px;
3168 }
3169 .plx-tooltip-top-common::before {
3170   border-top-color: #595959;
3171   border-bottom-width: 0;
3172   bottom: -5px;
3173 }
3174 .plx-tooltip-top-common::after {
3175   border-top-color: #595959;
3176   border-bottom-width: 0;
3177   bottom: -4px;
3178 }
3179 .plx-tooltip-top {
3180   margin-top: -7px;
3181 }
3182 .plx-tooltip-top::before {
3183   border-top-color: #595959;
3184   border-bottom-width: 0;
3185   bottom: -5px;
3186 }
3187 .plx-tooltip-top::after {
3188   border-top-color: #595959;
3189   border-bottom-width: 0;
3190   bottom: -4px;
3191 }
3192 .plx-tooltip-top::before {
3193   left: 50%;
3194   margin-left: -5px;
3195 }
3196 .plx-tooltip-top::after {
3197   left: 50%;
3198   margin-left: -4px;
3199 }
3200 .plx-tooltip.plx-tooltip-top-left {
3201   margin-top: -7px;
3202 }
3203 .plx-tooltip.plx-tooltip-top-left::before {
3204   border-top-color: #595959;
3205   border-bottom-width: 0;
3206   bottom: -5px;
3207 }
3208 .plx-tooltip.plx-tooltip-top-left::after {
3209   border-top-color: #595959;
3210   border-bottom-width: 0;
3211   bottom: -4px;
3212 }
3213 .plx-tooltip.plx-tooltip-top-left::before {
3214   left: 5px;
3215 }
3216 .plx-tooltip.plx-tooltip-top-left::after {
3217   left: 6px;
3218 }
3219 .plx-tooltip.plx-tooltip-top-right {
3220   margin-top: -7px;
3221 }
3222 .plx-tooltip.plx-tooltip-top-right::before {
3223   border-top-color: #595959;
3224   border-bottom-width: 0;
3225   bottom: -5px;
3226 }
3227 .plx-tooltip.plx-tooltip-top-right::after {
3228   border-top-color: #595959;
3229   border-bottom-width: 0;
3230   bottom: -4px;
3231 }
3232 .plx-tooltip.plx-tooltip-top-right::before {
3233   right: 5px;
3234 }
3235 .plx-tooltip.plx-tooltip-top-right::after {
3236   right: 6px;
3237 }
3238 .plx-tooltip-right-common {
3239   margin-left: 7px;
3240 }
3241 .plx-tooltip-right-common::before {
3242   border-right-color: #595959;
3243   border-left-width: 0;
3244   left: -5px;
3245 }
3246 .plx-tooltip-right-common::after {
3247   border-right-color: #595959;
3248   border-left-width: 0;
3249   left: -4px;
3250 }
3251 .plx-tooltip.plx-tooltip-right {
3252   margin-left: 7px;
3253 }
3254 .plx-tooltip.plx-tooltip-right::before {
3255   border-right-color: #595959;
3256   border-left-width: 0;
3257   left: -5px;
3258 }
3259 .plx-tooltip.plx-tooltip-right::after {
3260   border-right-color: #595959;
3261   border-left-width: 0;
3262   left: -4px;
3263 }
3264 .plx-tooltip.plx-tooltip-right::before {
3265   top: 50%;
3266   margin-top: -5px;
3267 }
3268 .plx-tooltip.plx-tooltip-right::after {
3269   top: 50%;
3270   margin-top: -4px;
3271 }
3272 .plx-tooltip.plx-tooltip-right-top {
3273   margin-left: 7px;
3274 }
3275 .plx-tooltip.plx-tooltip-right-top::before {
3276   border-right-color: #595959;
3277   border-left-width: 0;
3278   left: -5px;
3279 }
3280 .plx-tooltip.plx-tooltip-right-top::after {
3281   border-right-color: #595959;
3282   border-left-width: 0;
3283   left: -4px;
3284 }
3285 .plx-tooltip.plx-tooltip-right-top::before {
3286   top: 5px;
3287 }
3288 .plx-tooltip.plx-tooltip-right-top::after {
3289   top: 6px;
3290 }
3291 .plx-tooltip.plx-tooltip-right-bottom {
3292   margin-left: 7px;
3293 }
3294 .plx-tooltip.plx-tooltip-right-bottom::before {
3295   border-right-color: #595959;
3296   border-left-width: 0;
3297   left: -5px;
3298 }
3299 .plx-tooltip.plx-tooltip-right-bottom::after {
3300   border-right-color: #595959;
3301   border-left-width: 0;
3302   left: -4px;
3303 }
3304 .plx-tooltip.plx-tooltip-right-bottom::before {
3305   bottom: 5px;
3306 }
3307 .plx-tooltip.plx-tooltip-right-bottom::after {
3308   bottom: 6px;
3309 }
3310 .plx-tooltip-bottom-common {
3311   margin-top: 7px;
3312 }
3313 .plx-tooltip-bottom-common::before {
3314   border-bottom-color: #595959;
3315   border-top-width: 0;
3316   top: -5px;
3317 }
3318 .plx-tooltip-bottom-common::after {
3319   border-bottom-color: #595959;
3320   border-top-width: 0;
3321   top: -4px;
3322 }
3323 .plx-tooltip.plx-tooltip-bottom {
3324   margin-top: 7px;
3325 }
3326 .plx-tooltip.plx-tooltip-bottom::before {
3327   border-bottom-color: #595959;
3328   border-top-width: 0;
3329   top: -5px;
3330 }
3331 .plx-tooltip.plx-tooltip-bottom::after {
3332   border-bottom-color: #595959;
3333   border-top-width: 0;
3334   top: -4px;
3335 }
3336 .plx-tooltip.plx-tooltip-bottom::before {
3337   left: 50%;
3338   margin-left: -5px;
3339 }
3340 .plx-tooltip.plx-tooltip-bottom::after {
3341   left: 50%;
3342   margin-left: -4px;
3343 }
3344 .plx-tooltip.plx-tooltip-bottom-left {
3345   margin-top: 7px;
3346 }
3347 .plx-tooltip.plx-tooltip-bottom-left::before {
3348   border-bottom-color: #595959;
3349   border-top-width: 0;
3350   top: -5px;
3351 }
3352 .plx-tooltip.plx-tooltip-bottom-left::after {
3353   border-bottom-color: #595959;
3354   border-top-width: 0;
3355   top: -4px;
3356 }
3357 .plx-tooltip.plx-tooltip-bottom-left::before {
3358   left: 5px;
3359 }
3360 .plx-tooltip.plx-tooltip-bottom-left::after {
3361   left: 6px;
3362 }
3363 .plx-tooltip.plx-tooltip-bottom-right {
3364   margin-top: 7px;
3365 }
3366 .plx-tooltip.plx-tooltip-bottom-right::before {
3367   border-bottom-color: #595959;
3368   border-top-width: 0;
3369   top: -5px;
3370 }
3371 .plx-tooltip.plx-tooltip-bottom-right::after {
3372   border-bottom-color: #595959;
3373   border-top-width: 0;
3374   top: -4px;
3375 }
3376 .plx-tooltip.plx-tooltip-bottom-right::before {
3377   right: 5px;
3378 }
3379 .plx-tooltip.plx-tooltip-bottom-right::after {
3380   right: 6px;
3381 }
3382 .plx-tooltip-left-common {
3383   margin-left: -7px;
3384 }
3385 .plx-tooltip-left-common::before {
3386   border-left-color: #595959;
3387   border-right-width: 0;
3388   right: -5px;
3389 }
3390 .plx-tooltip-left-common::after {
3391   border-left-color: #595959;
3392   border-right-width: 0;
3393   right: -4px;
3394 }
3395 .plx-tooltip.plx-tooltip-left {
3396   margin-left: -7px;
3397 }
3398 .plx-tooltip.plx-tooltip-left::before {
3399   border-left-color: #595959;
3400   border-right-width: 0;
3401   right: -5px;
3402 }
3403 .plx-tooltip.plx-tooltip-left::after {
3404   border-left-color: #595959;
3405   border-right-width: 0;
3406   right: -4px;
3407 }
3408 .plx-tooltip.plx-tooltip-left::before {
3409   top: 50%;
3410   margin-top: -5px;
3411 }
3412 .plx-tooltip.plx-tooltip-left::after {
3413   top: 50%;
3414   margin-top: -4px;
3415 }
3416 .plx-tooltip.plx-tooltip-left-top {
3417   margin-left: -7px;
3418 }
3419 .plx-tooltip.plx-tooltip-left-top::before {
3420   border-left-color: #595959;
3421   border-right-width: 0;
3422   right: -5px;
3423 }
3424 .plx-tooltip.plx-tooltip-left-top::after {
3425   border-left-color: #595959;
3426   border-right-width: 0;
3427   right: -4px;
3428 }
3429 .plx-tooltip.plx-tooltip-left-top::before {
3430   top: 5px;
3431 }
3432 .plx-tooltip.plx-tooltip-left-top::after {
3433   top: 6px;
3434 }
3435 .plx-tooltip.plx-tooltip-left-bottom {
3436   margin-left: -7px;
3437 }
3438 .plx-tooltip.plx-tooltip-left-bottom::before {
3439   border-left-color: #595959;
3440   border-right-width: 0;
3441   right: -5px;
3442 }
3443 .plx-tooltip.plx-tooltip-left-bottom::after {
3444   border-left-color: #595959;
3445   border-right-width: 0;
3446   right: -4px;
3447 }
3448 .plx-tooltip.plx-tooltip-left-bottom::before {
3449   bottom: 5px;
3450 }
3451 .plx-tooltip.plx-tooltip-left-bottom::after {
3452   bottom: 6px;
3453 }
3454 .plx-checkbox-container {
3455   font-size: 0;
3456   position: relative;
3457 }
3458 .plx-checkbox {
3459   position: absolute;
3460   z-index: -1;
3461   opacity: 0;
3462 }
3463 .plx-checkbox + .checkbox-substitute {
3464   position: relative;
3465   display: inline-block;
3466   cursor: pointer;
3467   height: 16px;
3468   width: 16px;
3469   border: 1px solid #d9d9d9;
3470   border-radius: 2px;
3471   vertical-align: middle;
3472 }
3473 .plx-checkbox + .checkbox-substitute + span {
3474   font-weight: normal;
3475   font-size: 14px;
3476   cursor: pointer;
3477   vertical-align: middle;
3478   padding-left: 10px;
3479 }
3480 .plx-checkbox:hover + .checkbox-substitute {
3481   border-color: #108EE9;
3482   outline: none;
3483   background-image: none;
3484   -webkit-box-shadow: none;
3485   -moz-box-shadow: none;
3486   box-shadow: none;
3487   text-shadow: none;
3488 }
3489 .plx-checkbox:checked + .checkbox-substitute {
3490   border-color: #108EE9;
3491   background-color: #108EE9;
3492 }
3493 .plx-checkbox:checked + .checkbox-substitute::after {
3494   content: '';
3495   position: absolute;
3496   display: block;
3497   width: 6px;
3498   height: 10px;
3499   border: solid #fff;
3500   border-width: 0 2px 2px 0;
3501   transform: rotate(45deg);
3502   left: 4px;
3503   top: 0;
3504 }
3505 .plx-checkbox:checked.portion + .checkbox-substitute {
3506   background-color: #108EE9;
3507   border-color: #108EE9;
3508   opacity: 0.5;
3509 }
3510 .plx-checkbox:disabled + .checkbox-substitute,
3511 .plx-checkbox[disabled] + .checkbox-substitute {
3512   border-color: #d9d9d9;
3513   background-color: #f5f5f5;
3514   cursor: not-allowed;
3515 }
3516 .plx-checkbox:disabled + .checkbox-substitute + span,
3517 .plx-checkbox[disabled] + .checkbox-substitute + span {
3518   cursor: not-allowed;
3519 }
3520 .plx-checkbox:checked.portion[disabled] + .checkbox-substitute {
3521   background-color: #d9d9d9;
3522   border-color: #d9d9d9;
3523 }
3524 .plx-checkbox:checked.portion[disabled] + .checkbox-substitute::after {
3525   content: '';
3526   position: absolute;
3527   display: block;
3528   width: 6px;
3529   height: 10px;
3530   border: solid #8e8e8e;
3531   border-width: 0 2px 2px 0;
3532   transform: rotate(45deg);
3533   left: 4px;
3534   top: 0;
3535 }
3536 .plx-checkbox:checked[disabled] + .checkbox-substitute {
3537   border-color: #d9d9d9;
3538   background-color: #d9d9d9;
3539 }
3540 .plx-treenode {
3541   cursor: pointer;
3542   background-attachment: scroll;
3543   background-color: transparent;
3544   background-image: none;
3545   background-position: 0 0;
3546   background-repeat: repeat-y;
3547   list-style: none outside none;
3548   margin: 0;
3549   padding: 0;
3550   white-space: nowrap;
3551   font-size: 14px;
3552 }
3553 .plx-treenode .plx-treenode-content {
3554   margin-top: 10px;
3555 }
3556 .plx-treenode .plx-treenode-content.light {
3557   margin-top: 15px;
3558 }
3559 .plx-treenode ul.plx-treenode-children {
3560   display: block;
3561   -webkit-padding-start: 21px;
3562 }
3563 .plx-treenode-toggler {
3564   font-size: 16px;
3565   color: #108EE9;
3566   display: inline-block;
3567   margin-right: 7px;
3568   margin-top: 2px;
3569   vertical-align: bottom;
3570   float: left;
3571 }
3572 .plx-treenode-ckbox {
3573   float: left;
3574   margin-right: 10px;
3575   margin-top: 2px;
3576 }
3577 .plx-treenode-icon {
3578   color: #8e8e8e;
3579   margin-right: 10px;
3580   float: left;
3581   font-size: 16px;
3582   vertical-align: bottom;
3583   margin-top: 2px;
3584 }
3585 .plx-treenode-label-container {
3586   overflow: visible;
3587 }
3588 .plx-treenode-label-container.plx-treenode-label-ellipsis {
3589   overflow: hidden;
3590 }
3591 .plx-treenode-label-container:hover {
3592   background-color: #E7F4FD;
3593 }
3594 .plx-treenode-active > div .plx-treenode-label-container {
3595   background-color: #def0fc;
3596 }
3597 .plx-treenode-active > div .plx-treenode-label-container:hover {
3598   background-color: #E7F4FD;
3599 }
3600 .plx-treenode-label-container span:last-child {
3601   margin-right: 5px;
3602 }
3603 .plx-treenode-lable {
3604   display: inline-block;
3605   vertical-align: 0;
3606   font-family: 'Helvetica Neue', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei';
3607   color: #595959;
3608 }
3609 .plx-treenode-lable span {
3610   display: inline-block;
3611   overflow: hidden;
3612   max-width: 100%;
3613   text-overflow: ellipsis;
3614   white-space: nowrap;
3615   vertical-align: bottom;
3616 }
3617 .plx-treenode-operations {
3618   margin-left: 20px;
3619   display: none;
3620   vertical-align: bottom;
3621   width: fit-content;
3622   line-height: 1;
3623   margin-bottom: 2px;
3624 }
3625 .plx-treenode-operation {
3626   display: inline-block;
3627   margin-right: 10px;
3628   color: #8e8e8e;
3629   font-size: 16px;
3630   vertical-align: text-bottom;
3631 }
3632 .plx-treenode-operation:hover {
3633   color: #108EE9;
3634 }
3635 .plx-treenode-label-container:hover .plx-treenode-operations {
3636   display: inline-block;
3637 }
3638 *:focus {
3639   outline: none;
3640   box-shadow: none !important;
3641 }
3642 input[type="checkbox"]:focus {
3643   border: 0 !important;
3644 }
3645 .plx-treenode-hide-tree-toggle {
3646   visibility: hidden;
3647 }
3648 .plx-treenode-droppoint {
3649   height: 4px;
3650   list-style-type: none;
3651 }
3652 .plx-treenode-droppoint-active {
3653   background-color: #186ba0;
3654   border: 0 none;
3655 }
3656 .upload-wrapper {
3657   font-size: 14px;
3658   position: relative;
3659   display: inline-block;
3660 }
3661 .upload-wrapper .item-text {
3662   max-width: 280px;
3663   overflow: hidden;
3664   text-overflow: ellipsis;
3665   white-space: nowrap;
3666   display: inline-block;
3667   margin-bottom: 2px;
3668   font-size: 14px;
3669 }
3670 .upload-wrapper .item-text.no-progressbar {
3671   vertical-align: middle;
3672 }
3673 .upload-wrapper .plx-upload-progressbar {
3674   margin-top: -13px;
3675 }
3676 .upload-wrapper .list-group-item {
3677   border: 0;
3678   padding: 0;
3679 }
3680 .upload-wrapper .list-group-item .item {
3681   width: 335px;
3682   padding: 0 0 5px 0px;
3683 }
3684 .upload-wrapper .list-group-item .item .item-text-wrapper {
3685   position: relative;
3686   display: inline-block;
3687   width: 100%;
3688   box-sizing: border-box;
3689   height: 40px;
3690   padding: 2px 3px 2px 10px;
3691   border: 1px solid transparent;
3692 }
3693 .upload-wrapper .list-group-item .item .item-text-wrapper .text-red {
3694   color: #EA4335 !important;
3695 }
3696 .upload-wrapper .list-group-item .item .item-text-wrapper:hover {
3697   background-color: #E7F4FD;
3698   cursor: default;
3699 }
3700 .upload-wrapper .list-group-item .item .item-text-wrapper:hover .plx-ico-close-16 {
3701   display: block;
3702   transform: scale(0.8);
3703 }
3704 .upload-wrapper .list-group-item .item .item-text-wrapper.no-progressbar {
3705   height: 28px;
3706 }
3707 .upload-wrapper .list-group-item .item .item-delete {
3708   height: 14px;
3709   width: 16px;
3710   text-align: center;
3711   line-height: 14px;
3712   position: absolute;
3713   right: 2%;
3714   color: #999999;
3715   display: none;
3716   top: 3px;
3717 }
3718 .upload-wrapper .list-group-item .item .item-delete:hover {
3719   cursor: pointer;
3720   color: #666666;
3721 }
3722 .upload-wrapper .list-group-item .item .item-delete.no-progressbar {
3723   top: 6px;
3724 }
3725 .upload-wrapper .plx-ico-close-16 {
3726   font-size: 16px;
3727   float: right;
3728   cursor: pointer;
3729 }
3730 .upload-wrapper ul.list-group {
3731   margin-top: 15px;
3732 }
3733 .upload-wrapper .url-form-control {
3734   display: inline-block;
3735 }
3736 .upload-wrapper .item-detail {
3737   color: #aaa;
3738   position: relative;
3739   padding: 0 10px;
3740   font-size: 12px;
3741 }
3742 .upload-wrapper .item-detail div {
3743   margin: 0px 0px 15px 0;
3744 }
3745 .upload-wrapper .item-detail .detail {
3746   margin: 5px 0 10px 0;
3747 }
3748 .upload-wrapper .item-detail-des {
3749   display: inline-block;
3750   width: 170px;
3751   word-wrap: break-word;
3752   margin-left: 15px;
3753   vertical-align: top;
3754 }
3755 .upload-wrapper .item-detail-time {
3756   display: inline-block;
3757   width: 119px;
3758   word-break: break-all;
3759   vertical-align: top;
3760 }
3761 .upload-wrapper .selectFile {
3762   display: inline-block;
3763   min-width: 50px;
3764   margin-right: 10px;
3765   text-align: right;
3766 }
3767 .upload-wrapper label.raw-container {
3768   margin: 0 10px;
3769 }
3770 .upload-wrapper .item-lists {
3771   font-size: 14px;
3772 }
3773 .upload-wrapper .list-container {
3774   padding-right: 15px;
3775 }
3776 .upload-wrapper .list-container.plx-upload-Manual-showdetail {
3777   margin-left: -22px;
3778 }
3779 .upload-wrapper .list-container.plx-upload-auto-showdetail {
3780   margin-left: -10px;
3781 }
3782 .upload-wrapper .list-footer .upload-btn {
3783   margin-top: 10px;
3784 }
3785 .upload-wrapper .upload-btn {
3786   display: inline-block;
3787 }
3788 .upload-wrapper .loader-container {
3789   position: absolute;
3790   display: inline-block;
3791   top: 8px;
3792   left: 12px;
3793 }
3794 .upload-wrapper .list-group-item-pdleft-s {
3795   padding: 0px 0px 0px 12px;
3796 }
3797 .upload-wrapper .list-group-item-pdleft {
3798   padding: 0px 0px 0px 12px !important;
3799 }
3800 .upload-wrapper .upload-btn-wrapper {
3801   display: inline-block;
3802 }
3803 .upload-wrapper .plx-red.left {
3804   margin-left: 75px;
3805 }
3806 .upload-wrapper .expand-wrapper {
3807   position: absolute;
3808   left: 20px;
3809   top: 4px;
3810   display: inline-block;
3811   font-size: 14px;
3812 }
3813 .upload-wrapper .expand-wrapper.open .ict-go {
3814   display: none;
3815 }
3816 .upload-wrapper .expand-wrapper.open .ict-fold {
3817   display: block;
3818 }
3819 .upload-wrapper .expand-wrapper i {
3820   height: 18px;
3821   width: 20px;
3822   text-align: left;
3823   line-height: 19px;
3824   cursor: pointer;
3825 }
3826 .upload-wrapper .ict-fold {
3827   display: none;
3828   color: #108EE9;
3829   font-weight: bold;
3830   transform: scale(0.7);
3831 }
3832 .upload-wrapper .ict-go {
3833   display: block;
3834   color: #108EE9;
3835   font-weight: bold;
3836   transform: scale(0.7);
3837 }
3838 .upload-wrapper .no-customparm-extend-wrapper {
3839   left: -2px !important;
3840 }
3841 /* loding动画效果*/
3842 .upload-wrapper .loader {
3843   font-size: 14px;
3844   width: 14px;
3845   height: 14px;
3846   display: inline-block;
3847   border-radius: 50%;
3848   background: #108EE9;
3849   background: -moz-linear-gradient(left, #108EE9 10%, rgba(255, 255, 255, 0) 85%);
3850   background: -webkit-linear-gradient(left, #108EE9 10%, rgba(255, 255, 255, 0) 85%);
3851   background: -o-linear-gradient(left, #108EE9 10%, rgba(255, 255, 255, 0) 85%);
3852   background: -ms-linear-gradient(left, #108EE9 10%, rgba(255, 255, 255, 0) 85%);
3853   background: linear-gradient(to right, #108EE9 10%, rgba(255, 255, 255, 0) 85%);
3854   position: relative;
3855   -webkit-animation: load3 1.4s infinite linear;
3856   animation: load3 1.4s infinite linear;
3857 }
3858 .upload-wrapper .loader:before {
3859   width: 50%;
3860   height: 50%;
3861   background: #108EE9;
3862   border-radius: 100% 0 0 0;
3863   position: absolute;
3864   top: 0;
3865   left: 0;
3866   content: '';
3867 }
3868 .upload-wrapper .loader:after {
3869   background: #fff;
3870   width: 75%;
3871   height: 75%;
3872   border-radius: 50%;
3873   content: '';
3874   margin: auto;
3875   position: absolute;
3876   top: 0;
3877   left: 0;
3878   bottom: 0;
3879   right: 0;
3880 }
3881 @-webkit-keyframes load3 {
3882   0% {
3883     -webkit-transform: rotate(0deg);
3884     transform: rotate(0deg);
3885   }
3886   100% {
3887     -webkit-transform: rotate(360deg);
3888     transform: rotate(360deg);
3889   }
3890 }
3891 @keyframes load3 {
3892   0% {
3893     -webkit-transform: rotate(0deg);
3894     transform: rotate(0deg);
3895   }
3896   100% {
3897     -webkit-transform: rotate(360deg);
3898     transform: rotate(360deg);
3899   }
3900 }
3901 .plx-table-customCols {
3902   height: 40px;
3903   float: right;
3904 }
3905 .plx-table-customCols-toggle {
3906   display: inline-block;
3907   border-radius: 3px;
3908   width: 30px;
3909   height: 23px;
3910   border: 1px solid #d9d9d9;
3911   vertical-align: top;
3912   text-align: center;
3913   padding-top: 7px;
3914   margin-left: 6px;
3915   cursor: pointer;
3916   box-sizing: content-box;
3917 }
3918 .plx-table-customCols-toggle .ict-col:before {
3919   vertical-align: top;
3920 }
3921 .plx-table-customCols-toggle:hover {
3922   background-color: #fff;
3923 }
3924 .plx-table-customCols-toggle:active {
3925   background-color: #108ee9;
3926 }
3927 .toggle-icon {
3928   display: inline-block;
3929   height: 14px;
3930   border-right: 1px solid #595959;
3931   vertical-align: top;
3932   padding-left: 4px;
3933 }
3934 .toggle-icon:first-child {
3935   padding-left: 0;
3936 }
3937 .plx-table-customCols-pannel {
3938   margin-top: 5px;
3939   margin-right: 5px;
3940   border: 1px solid #d9d9d9;
3941   background-color: #fff;
3942   z-index: 1010;
3943   position: absolute;
3944   right: 0px;
3945   border-radius: 5px;
3946   font-size: 14px;
3947   color: #595959;
3948   overflow: auto;
3949   min-width: 300px;
3950   -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
3951   -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
3952   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
3953 }
3954 .plx-table-customCols-pannel .plx-table-customCols-toolbar {
3955   display: flex;
3956   justify-content: space-between;
3957   padding: 16px;
3958 }
3959 .plx-table-customCols-pannel .plx-table-customCols-toolbar .plx-table-filter-wrapper {
3960   display: flex;
3961   flex: auto;
3962 }
3963 .plx-table-customCols-pannel .plx-table-customCols-toolbar .plx-table-filter-wrapper input {
3964   border-radius: 3px;
3965   flex: auto;
3966   padding-left: 28px;
3967   border: 1px solid #d9d9d9;
3968 }
3969 .plx-table-customCols-pannel .plx-table-customCols-toolbar .plx-table-filter-wrapper input:focus {
3970   border: 1px solid #108EE9;
3971   outline: none;
3972 }
3973 .plx-table-customCols-pannel .plx-table-customCols-toolbar .plx-table-filter-wrapper span {
3974   color: #bfbfbf;
3975   line-height: 28px;
3976   position: relative;
3977   left: 20px;
3978 }
3979 .plx-table-customCols-pannel .plx-table-customCols-items {
3980   cursor: pointer;
3981   border-bottom: 1px solid #e9e9e9;
3982   border-top: 1px solid #e9e9e9;
3983 }
3984 .plx-table-customCols-pannel .plx-table-customCols-items > div:hover {
3985   -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
3986   -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
3987   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
3988 }
3989 .plx-table-customCols-pannel .plx-table-customCols-items label {
3990   margin-bottom: 0px;
3991   vertical-align: -moz-middle-with-baseline;
3992   vertical-align: -webkit-baseline-middle;
3993   vertical-align: 25%;
3994 }
3995 .plx-table-customCols-pannel .plx-table-customCols-items .plx-table-customCols-item > span {
3996   padding: 0px 6px;
3997 }
3998 .plx-table-customCols-pannel .plx-table-customCols-items .plx-table-customCols-operations {
3999   visibility: hidden;
4000   float: right;
4001 }
4002 .plx-table-customCols-pannel .plx-table-customCols-items .plx-table-customCols-operations div {
4003   box-sizing: content-box;
4004   padding: 0px 8px;
4005   display: inline-block;
4006 }
4007 .plx-table-customCols-pannel .plx-table-customCols-items .heighLight {
4008   background-color: #e2f2fc;
4009 }
4010 .plx-table-customCols-pannel .plx-table-customCols-items .heighLight .plx-table-customCols-operations .plx-table-goup-show {
4011   visibility: visible;
4012 }
4013 .plx-table-customCols-pannel .plx-table-customCols-items .heighLight .plx-table-customCols-operations .plx-table-godown-show {
4014   visibility: visible;
4015 }
4016 .plx-table-customCols-pannel .plx-table-customCols-items .heighLight .plx-table-customCols-operations span {
4017   color: #108EE9;
4018 }
4019 .plx-table-customCols-pannel .plx-table-customCols-items .dragging {
4020   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
4021 }
4022 .plx-table-customCols-pannel .plx-table-customCols-items .dragEnter {
4023   background-color: #00abff;
4024 }
4025 .plx-table-customCols-pannel .plx-table-customCols-items .plx-table-customCols-dropArea {
4026   height: 10px;
4027   border-bottom: 1px solid #e9e9e9;
4028 }
4029 .plx-table-customCols-pannel .plx-table-customCols-items .plx-table-customCols-dropArea-before {
4030   height: 10px;
4031   border-bottom: none;
4032 }
4033 .plx-table-customCols-pannel .plx-table-customCols-items > div:last-child .plx-table-customCols-dropArea {
4034   border-bottom: none;
4035 }
4036 .plx-table-customCols-pannel .plx-table-customCols-items .plx-table-customCols-item {
4037   line-height: 20px;
4038   height: 20px;
4039   padding: 0px 16px;
4040 }
4041 .plx-table-customCols-pannel .plx-table-customCols-confirm {
4042   display: flex;
4043   align-items: center;
4044   justify-content: center;
4045   padding: 16px 16px;
4046 }
4047 .plx-table-col-filter {
4048   border: 1px solid #d9d9d9;
4049   margin: 5px;
4050   box-sizing: border-box;
4051   height: 30px;
4052 }
4053 .plx-table-col-filter input {
4054   width: calc(100% - 25px);
4055   line-height: normal;
4056   font-weight: normal;
4057   border: none;
4058   height: 26px;
4059   font-size: 14px;
4060   box-sizing: border-box;
4061 }
4062 .plx-table-col-filter input:focus {
4063   outline: none;
4064 }
4065 .plx-table-col-filter .filterIcon {
4066   /*position: absolute;*/
4067   top: 6px;
4068   left: 3px;
4069   fill: #dedede;
4070   width: 14px;
4071 }
4072 .plx-filter-focused {
4073   outline: none;
4074   border: 1px solid #108EE9;
4075 }
4076 .plx-table-col-icon-wrapper {
4077   padding-left: 5px;
4078   display: inline-block;
4079   line-height: 30px;
4080 }
4081 .plx-table-col-icon-wrapper span {
4082   vertical-align: sub;
4083 }
4084 ::-webkit-input-placeholder {
4085   /* WebKit browsers */
4086   color: #c1c1c1;
4087 }
4088 :-moz-placeholder {
4089   /* Mozilla Firefox 4 to 18 */
4090   color: #c1c1c1;
4091 }
4092 ::-moz-placeholder {
4093   /* Mozilla Firefox 19+ */
4094   color: #c1c1c1;
4095 }
4096 :-ms-input-placeholder {
4097   /* Internet Explorer 10+ */
4098   color: #c1c1c1;
4099 }
4100 .plx-table-selectFilter-wrapper {
4101   display: inline-block;
4102   vertical-align: middle;
4103   height: 28px;
4104   cursor: pointer;
4105   /*此处 若不为absolute则被td遮挡*/
4106   position: absolute;
4107 }
4108 .plx-table-selectFilter-icon {
4109   vertical-align: middle;
4110   height: 28px;
4111   fill: #8e8e8e;
4112 }
4113 .icon-selectFilter-activtied {
4114   fill: #108EE9;
4115 }
4116 .plx-table-selectFilter-panel {
4117   margin-top: -5px;
4118   border: 1px solid #d9d9d9;
4119   background-color: #fff;
4120   padding: 10px;
4121   right: 0px;
4122   border-radius: 5px;
4123   /*此处若为absolute则文本要换行，恩，玄学*/
4124   -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4125   -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4126   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4127 }
4128 .plx-table-selectFilter-panel span {
4129   vertical-align: -25%;
4130   font-size: 14px;
4131 }
4132 .plx-table-selectFilter-panel label {
4133   line-height: normal;
4134 }
4135 .plx-table-selectFilter-panel div {
4136   line-height: normal;
4137 }
4138 .plx-table-filter {
4139   height: 40px;
4140   float: right;
4141 }
4142 .plx-table-filter input {
4143   border-radius: 3px;
4144   line-height: normal;
4145   padding: 0px 6px;
4146   font-weight: normal;
4147   border: 1px solid #d9d9d9;
4148   margin-bottom: 10px;
4149   height: 32px;
4150   width: 200px;
4151   box-sizing: border-box;
4152   font-size: 14px;
4153   color: #595959;
4154 }
4155 .plx-table-filter input:focus {
4156   outline: none;
4157   border: 1px solid #108EE9;
4158 }
4159 .plx-table-filterToggle {
4160   display: inline-block;
4161   width: 30px;
4162   height: 30px;
4163   border-radius: 3px;
4164   border: 1px solid #d9d9d9;
4165   vertical-align: top;
4166   text-align: center;
4167   margin-left: 6px;
4168   cursor: pointer;
4169   box-sizing: content-box;
4170 }
4171 .plx-table-filterToggle.ict-filter:before {
4172   line-height: 30px;
4173 }
4174 .plx-table-filterToggle.ict-filter-f:before {
4175   line-height: 30px;
4176   color: #108EE9;
4177 }
4178 .plx-table-filter-icon-wrapper {
4179   vertical-align: middle;
4180   display: inline-block;
4181   padding-top: 5px;
4182 }
4183 .plx-table-filterIcon {
4184   fill: #595959;
4185 }
4186 .plx-table-pagination {
4187   float: right;
4188   font-family: 'Helvetica Neue', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei';
4189   font-size: 14px;
4190   color: #595959;
4191   margin-top: 10px;
4192   margin-bottom: 10px;
4193 }
4194 .plx-table-pagination-content {
4195   display: inline-block;
4196   text-decoration: none;
4197 }
4198 .plx-table-pagination-item {
4199   list-style-type: none;
4200   display: inline-block;
4201 }
4202 .plx-table-pagination-item span {
4203   vertical-align: middle;
4204 }
4205 .plx-table-pagination-item select {
4206   vertical-align: middle;
4207   height: 26px;
4208   width: 45px;
4209   border: 1px solid #d9d9d9;
4210 }
4211 .plx-table-pagination-input {
4212   padding: 1px;
4213   height: 26px;
4214   width: 45px;
4215   margin-left: 1px;
4216   margin-right: 1px;
4217   font-size: 12px;
4218   color: #595959;
4219   box-sizing: border-box;
4220   border: 1px solid #d9d9d9;
4221   text-align: center;
4222   vertical-align: middle;
4223 }
4224 .plx-table-pagination-nav {
4225   display: inline-block;
4226   height: 26px;
4227   border: 1px solid #d9d9d9;
4228   font-size: 14px;
4229   text-decoration: none;
4230   color: #595959;
4231   padding-left: 6px;
4232   padding-right: 6px;
4233   cursor: pointer;
4234   text-align: center;
4235   vertical-align: middle;
4236   box-sizing: border-box;
4237 }
4238 a:not([href]):not([tabindex]).plx-table-pagination-disabled {
4239   color: #bfbfbf;
4240   cursor: not-allowed;
4241 }
4242 .plx-table-dropdown-wrapper {
4243   cursor: pointer;
4244 }
4245 .plx-table-dropdown-icon-shared {
4246   font-size: 20px;
4247   line-height: 2.2 !important;
4248   cursor: pointer;
4249 }
4250 .plx-table-dropdown-icon-polyline-shared {
4251   height: 16px;
4252   width: 16px;
4253   stroke: #00abff ;
4254 }
4255 .ict-down,
4256 .ict-up {
4257   font-size: 20px;
4258   line-height: 2.2 !important;
4259   cursor: pointer;
4260 }
4261 .ict-down polyline,
4262 .ict-up polyline {
4263   height: 16px;
4264   width: 16px;
4265   stroke: #00abff ;
4266 }
4267 .ict-down polyline:hover,
4268 .ict-up polyline:hover {
4269   stroke: #2d91c4;
4270 }
4271 .plx-table-innerTr {
4272   border: 1px solid #d9d9d9;
4273 }
4274 .plx-table-innerTr #plx-table-innerTd {
4275   padding: 0px;
4276 }
4277 .plx-table-innerTable {
4278   width: 100%;
4279 }
4280 .plx-table-innerTable tr {
4281   color: #595959;
4282   font-size: 14px;
4283 }
4284 .plx-table-innerTable tr td#plx-inner-table-title,
4285 .plx-table-innerTable tr td#plx-inner-table-content {
4286   padding: 8px;
4287   height: 40px;
4288   border: none;
4289   border-bottom: 1px solid #d9d9d9;
4290 }
4291 .plx-table-innerTable tr td:first-child {
4292   text-align: right;
4293 }
4294 .plx-table-innerTable tr td:last-child {
4295   text-align: left;
4296 }
4297 .plx-table-innerTable tr:last-child td#plx-inner-table-title,
4298 .plx-table-innerTable tr:last-child td#plx-inner-table-content {
4299   border-bottom: none;
4300 }
4301 /* 排序图标 */
4302 .plx-table-sort-icon-shared {
4303   display: block;
4304   cursor: pointer;
4305   width: 0;
4306   height: 0;
4307   border-left: 4px solid transparent;
4308   border-right: 4px solid transparent;
4309   margin-bottom: 2px;
4310 }
4311 .plx-table-sortIconWrapper {
4312   display: inline-block;
4313   vertical-align: middle;
4314   margin-left: 3px;
4315 }
4316 /* 排序图标：箭头向上 */
4317 .plx-table-sortAsc {
4318   display: block;
4319   cursor: pointer;
4320   width: 0;
4321   height: 0;
4322   border-left: 4px solid transparent;
4323   border-right: 4px solid transparent;
4324   margin-bottom: 2px;
4325   border-bottom: 5px solid #8e8e8e;
4326 }
4327 .plx-table-ascActived {
4328   border-bottom: 5px solid #108EE9;
4329 }
4330 /* 排序图标：箭头向下 */
4331 .plx-table-sortDesc {
4332   display: block;
4333   cursor: pointer;
4334   width: 0;
4335   height: 0;
4336   border-left: 4px solid transparent;
4337   border-right: 4px solid transparent;
4338   margin-bottom: 2px;
4339   border-top: 5px solid #8e8e8e;
4340 }
4341 .plx-table-descActived {
4342   border-top: 5px solid #108EE9;
4343 }
4344 .plx-color-picker-border-radius {
4345   border-top-left-radius: 3px;
4346   border-top-right-radius: 3px;
4347 }
4348 .plx-color-picker * {
4349   -webkit-box-sizing: border-box;
4350   -moz-box-sizing: border-box;
4351   box-sizing: border-box;
4352   margin: 0;
4353   font-size: 12px;
4354   font-family: 'Helvetica Neue', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei';
4355 }
4356 .plx-color-picker {
4357   cursor: default;
4358   width: 246px;
4359   height: auto;
4360   left: 30px;
4361   top: 250px;
4362   position: absolute;
4363   z-index: 1000;
4364   background-color: #fff;
4365   -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4366   -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4367   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4368   border-radius: 3px;
4369   border: 1px solid #d9d9d9;
4370   -webkit-touch-callout: none;
4371   -webkit-user-select: none;
4372   -khtml-user-select: none;
4373   -moz-user-select: none;
4374   -ms-user-select: none;
4375   user-select: none;
4376 }
4377 .plx-color-picker i {
4378   cursor: default;
4379   position: relative;
4380 }
4381 .plx-color-picker input {
4382   font-size: 14px;
4383   height: 32px;
4384   padding-left: 10px;
4385   padding-right: 10px;
4386   outline: 0;
4387   border: 1px solid #d9d9d9;
4388   border-radius: 3px;
4389   vertical-align: middle;
4390   text-align: center;
4391   height: 24px;
4392   -moz-appearance: textfield;
4393 }
4394 .short-text-input .plx-color-picker input {
4395   width: 120px;
4396 }
4397 .text-input-with-unit .plx-color-picker input {
4398   width: 355px;
4399   border-top-right-radius: 0;
4400   border-bottom-right-radius: 0;
4401 }
4402 .text-input-with-unitOption .plx-color-picker input {
4403   width: 316px;
4404   border-top-right-radius: 0;
4405   border-bottom-right-radius: 0;
4406 }
4407 .text-input-with-prefix .plx-color-picker input {
4408   width: 330px;
4409   border-top-left-radius: 0;
4410   border-bottom-left-radius: 0;
4411 }
4412 .text-input-with-prefixOption .plx-color-picker input {
4413   width: 316px;
4414   border-top-left-radius: 0;
4415   border-bottom-left-radius: 0;
4416 }
4417 .text-input-with-passwordSwith .plx-color-picker input {
4418   width: 360px;
4419   border-top-right-radius: 0;
4420   border-bottom-right-radius: 0;
4421 }
4422 .text-input-with-prefix.text-input-with-unit .plx-color-picker input {
4423   width: 285px;
4424 }
4425 .text-input-with-prefix.text-input-with-unitOption .plx-color-picker input {
4426   width: 246px;
4427 }
4428 .short-text-input.text-input-with-prefix .plx-color-picker input {
4429   width: 80px;
4430 }
4431 .short-text-input.text-input-with-unit .plx-color-picker input {
4432   width: 80px;
4433 }
4434 .short-text-input.text-input-with-prefix.text-input-with-unit .plx-color-picker input {
4435   width: 40px;
4436 }
4437 .plx-color-picker input:focus {
4438   border: 1px solid #108EE9;
4439 }
4440 .plx-color-picker input:disabled,
4441 .plx-color-picker input[disabled] {
4442   cursor: not-allowed;
4443   background-color: #f5f5f5;
4444 }
4445 .plx-color-picker input:invalid {
4446   box-shadow: none;
4447 }
4448 .plx-color-picker input:-moz-submit-invalid {
4449   box-shadow: none;
4450 }
4451 .plx-color-picker input:-moz-ui-invalid {
4452   box-shadow: none;
4453 }
4454 .plx-color-picker input::-webkit-outer-spin-button,
4455 .plx-color-picker input::-webkit-outer-spin-button {
4456   -webkit-appearance: textfield;
4457   margin: 0;
4458 }
4459 .plx-color-picker .color-picker-overlay1 {
4460   border-top-left-radius: 3px;
4461   border-top-right-radius: 3px;
4462   position: absolute;
4463   left: 0;
4464   top: 0;
4465   width: 244px;
4466   height: 118px;
4467   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";
4468   /* IE8 */
4469   background: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
4470   /* FF3.6+ */
4471   background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
4472   /* Chrome,Safari4+ */
4473   background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
4474   /* Chrome10+,Safari5.1+ */
4475   background: -o-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
4476   /* Opera 11.10+ */
4477   background: -ms-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
4478   /* IE10+ */
4479   background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
4480   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ffffff', endColorstr='#00ffffff');
4481   /* IE6 & IE7 */
4482 }
4483 .plx-color-picker .color-picker-overlay2 {
4484   border-top-left-radius: 3px;
4485   border-top-right-radius: 3px;
4486   position: absolute;
4487   left: 0;
4488   top: 0;
4489   width: 244px;
4490   height: 118px;
4491   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";
4492   /* IE8 */
4493   background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
4494   /* FF3.6+ */
4495   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
4496   /* Chrome,Safari4+ */
4497   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
4498   /* Chrome10+,Safari5.1+ */
4499   background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
4500   /* Opera 11.10+ */
4501   background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
4502   /* IE10+ */
4503   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
4504   /* W3C */
4505   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
4506   /* IE6-9 */
4507 }
4508 .plx-color-picker .color-picker-saturation-lightness {
4509   border-top-left-radius: 3px;
4510   border-top-right-radius: 3px;
4511   cursor: pointer;
4512   width: 244px;
4513   height: 118px;
4514   border: none;
4515   background-size: 100% 100%;
4516 }
4517 .plx-color-picker .color-picker-hue {
4518   cursor: pointer;
4519   border-radius: 3px;
4520   width: 168px;
4521   height: 10px;
4522   border: none;
4523   margin-bottom: 10px;
4524   background-size: 100% 100%;
4525   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAQCAYAAAD06IYnAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIWDwkUFWbCCAAAAFxJREFUaN7t0kEKg0AQAME2x83/n2qu5qCgD1iDhCoYdpnbQC9bbY1qVO/jvc6k3ad91s7/7F1/csgPrujuQ17BDYSFsBAWwgJhISyEBcJCWAgLhIWwEBYIi2f7Ar/1TCgFH2X9AAAAAElFTkSuQmCC');
4526 }
4527 .plx-color-picker .color-picker-alpha {
4528   cursor: pointer;
4529   border-radius: 3px;
4530   width: 168px;
4531   height: 10px;
4532   border: none;
4533   background-size: 100% 100%;
4534   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=');
4535 }
4536 .plx-color-picker .color-picker-alpha-ba {
4537   position: absolute;
4538   background: linear-gradient(90deg, rgba(255, 255, 255, 0), #000);
4539 }
4540 .plx-color-picker .selected-color {
4541   width: 30px;
4542   height: 30px;
4543   top: 0px;
4544   left: 0px;
4545   position: absolute;
4546   -moz-border-radius: 50%;
4547   -webkit-border-radius: 50%;
4548   border-radius: 50%;
4549   -khtml-border-radius: 50%;
4550 }
4551 .plx-color-picker .selected-color-background {
4552   width: 30px;
4553   height: 30px;
4554   -moz-border-radius: 50%;
4555   -webkit-border-radius: 50%;
4556   border-radius: 50%;
4557   -khtml-border-radius: 50%;
4558   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAh0lEQVRYR+2W0QlAMQgD60zdfwOdqa8TmI/wQMr5K0I5bZLIzLOa2nt37VVVbd+dDx5obgCC3KBLwJ2ff4PnVidkf+ucIhw80HQaCLo3DMH3CRK3iFsmAWVl6hPNDwt8EvNE5q+YuEXcMgkonVM6SdyCoEvAnZ8v1Hjx817MilmxSUB5rdLJDycZgUAZUch/AAAAAElFTkSuQmCC');
4559 }
4560 .plx-color-picker .color-picker-cursor {
4561   cursor: default;
4562   position: relative;
4563   -moz-border-radius: 50%;
4564   -webkit-border-radius: 50%;
4565   border-radius: 50%;
4566   -khtml-border-radius: 50%;
4567   width: 10px;
4568   height: 10px;
4569   border: #ffffff solid 1px;
4570 }
4571 .plx-color-picker .color-picker-cursor-selector {
4572   cursor: default;
4573   position: relative;
4574   -moz-border-radius: 50%;
4575   -webkit-border-radius: 50%;
4576   border-radius: 50%;
4577   -khtml-border-radius: 50%;
4578   width: 10px;
4579   height: 10px;
4580   border: #ffffff solid 1px;
4581   width: 12px;
4582   height: 12px;
4583   top: -1px;
4584   background-color: #ffffff;
4585   -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4586   -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4587   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4588 }
4589 .plx-color-picker .type-policy {
4590   float: right;
4591   position: absolute;
4592   top: 198px;
4593   right: 12px;
4594   width: 16px;
4595   height: 16px;
4596 }
4597 .plx-color-picker .type-policy:hover {
4598   background-color: #E7F4FD;
4599   cursor: pointer;
4600 }
4601 .plx-color-picker .arrow-down {
4602   display: block;
4603   width: 0;
4604   height: 0;
4605   border-left: 4px solid transparent;
4606   border-right: 4px solid transparent;
4607   border-top: 4px solid #9b9b9b;
4608   margin-top: 4px;
4609   margin-left: 4px;
4610 }
4611 .plx-color-picker .arrow-up {
4612   display: block;
4613   width: 0;
4614   height: 0;
4615   border-left: 4px solid transparent;
4616   border-right: 4px solid transparent;
4617   border-bottom: 4px solid #9b9b9b;
4618   margin-top: 2px;
4619   margin-left: 4px;
4620 }
4621 .plx-color-picker .box {
4622   width: 100%;
4623   height: 100%;
4624   display: flex;
4625 }
4626 .plx-color-picker .box .left {
4627   position: relative;
4628   margin-right: 16px;
4629 }
4630 .plx-color-picker .box .right {
4631   flex: 1 1 auto;
4632 }
4633 .plx-color-picker .button-area {
4634   padding: 0 16px 16px 16px;
4635   text-align: right;
4636 }
4637 .plx-color-picker .preset-area {
4638   padding: 4px 15px;
4639 }
4640 .plx-color-picker .preset-area .preset-label {
4641   width: 100%;
4642   padding: 4px;
4643   text-align: left;
4644   color: #555;
4645 }
4646 .plx-color-picker .preset-area .preset-color {
4647   cursor: pointer;
4648   display: inline-block;
4649   width: 18px;
4650   height: 18px;
4651   margin: 4px 6px 8px 6px;
4652   -moz-border-radius: 25%;
4653   -webkit-border-radius: 25%;
4654   border-radius: 25%;
4655   -khtml-border-radius: 25%;
4656   border: #a9a9a9 solid 1px;
4657 }
4658 .plx-color-picker .hsla-text,
4659 .plx-color-picker .rgba-text {
4660   width: 196px;
4661 }
4662 .plx-color-picker .hsla-text input,
4663 .plx-color-picker .rgba-text input {
4664   color: #595959;
4665   min-width: 0;
4666   flex: 1;
4667   margin: 0;
4668   float: left;
4669   padding: 1px;
4670 }
4671 .plx-color-picker .hsla-text input:last-child,
4672 .plx-color-picker .rgba-text input:last-child {
4673   margin-right: 0;
4674 }
4675 .plx-color-picker .hsla-text .hsla-text-div,
4676 .plx-color-picker .rgba-text .hsla-text-div,
4677 .plx-color-picker .hsla-text .rgba-text-div,
4678 .plx-color-picker .rgba-text .rgba-text-div {
4679   margin-top: 2px;
4680   flex: 1;
4681   text-align: center;
4682   color: #999999;
4683   height: 18px;
4684   padding-right: 8px;
4685 }
4686 .plx-color-picker .hsla-text .hsla-text-div:last-child,
4687 .plx-color-picker .rgba-text .hsla-text-div:last-child,
4688 .plx-color-picker .hsla-text .rgba-text-div:last-child,
4689 .plx-color-picker .rgba-text .rgba-text-div:last-child {
4690   margin-right: 0;
4691   padding-right: 0;
4692 }
4693 .plx-color-picker .hsla-text .hsla-text-degree,
4694 .plx-color-picker .rgba-text .hsla-text-degree {
4695   padding-right: 16px;
4696 }
4697 .plx-color-picker .hsla-text .hsla-text-percent,
4698 .plx-color-picker .rgba-text .hsla-text-percent {
4699   padding-right: 22px;
4700 }
4701 .plx-color-picker .hsla-text .hsla-degree,
4702 .plx-color-picker .rgba-text .hsla-degree {
4703   display: inline-block;
4704   width: 6px;
4705   margin-left: 2px;
4706   margin-right: 8px;
4707   margin-top: 2px;
4708 }
4709 .plx-color-picker .hsla-text .hsla-percent,
4710 .plx-color-picker .rgba-text .hsla-percent {
4711   display: inline-block;
4712   width: 12px;
4713   margin-left: 2px;
4714   margin-right: 8px;
4715   margin-top: 3px;
4716 }
4717 .plx-color-picker .hsla-text .rgba-text-input,
4718 .plx-color-picker .rgba-text .rgba-text-input {
4719   margin-right: 8px;
4720 }
4721 .plx-color-picker .hex-text {
4722   width: 196px;
4723 }
4724 .plx-color-picker .hex-text .box input {
4725   color: #595959;
4726   flex: 1 1 auto;
4727   padding: 1px;
4728 }
4729 .plx-color-picker .hex-text .box div {
4730   margin-top: 2px;
4731   flex: 1 1 auto;
4732   text-align: center;
4733   height: 18px;
4734   color: #999999;
4735   float: left;
4736   clear: left;
4737 }
4738 .plx-color-picker .bacis-color-alpha-select-area {
4739   padding: 20px 16px 16px 16px;
4740 }
4741 .plx-color-picker .color-format-content-area {
4742   padding: 0px 16px 16px 16px;
4743 }
4744 .plx-color-picker .arrow::after,
4745 .plx-color-picker .arrow::before {
4746   position: absolute;
4747   display: block;
4748   width: 0;
4749   height: 0;
4750   border-color: transparent;
4751   border-style: solid;
4752   content: "";
4753   border-width: 7px 7px;
4754 }
4755 .plx-color-picker .arrow.arrow-bottom::after {
4756   left: 20px;
4757   border-top-width: 0;
4758   top: -7px;
4759   border-bottom-color: #ffffff;
4760 }
4761 .plx-color-picker .arrow.arrow-bottom::before {
4762   left: 20px;
4763   border-top-width: 0;
4764   top: -8px;
4765   border-bottom-color: #999999;
4766 }
4767 body {
4768   font-size: 14px;
4769 }
4770 .shadow {
4771   -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4772   -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4773   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4774 }
4775 :-moz-placeholder {
4776   /* Mozilla Firefox 4 to 18 */
4777   color: #bfbfbf;
4778 }
4779 ::-moz-placeholder {
4780   /* Mozilla Firefox 19+ */
4781   color: #bfbfbf;
4782 }
4783 input:-ms-input-placeholder {
4784   color: #bfbfbf;
4785 }
4786 input::-webkit-input-placeholder {
4787   color: #bfbfbf;
4788 }
4789 .plx-btn {
4790   font-family: 'Helvetica Neue', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei';
4791   color: #108EE9;
4792   min-width: 88px;
4793   letter-spacing: 1px;
4794   padding: 0px 16px;
4795   height: 32px;
4796   font-size: 14px;
4797   cursor: pointer;
4798   text-align: center;
4799   white-space: nowrap;
4800   margin-right: 10px;
4801   vertical-align: middle;
4802   border: 1px solid #d9d9d9;
4803   background-color: #fff;
4804   border-radius: 3px;
4805   line-height: 30px;
4806 }
4807 .plx-btn:hover,
4808 .plx-btn:disabled,
4809 .plx-btn[disabled],
4810 .plx-btn:focus,
4811 .plx-btn:active {
4812   outline: none;
4813   background-image: none;
4814   filter: none;
4815   -webkit-box-shadow: none;
4816   -moz-box-shadow: none;
4817   box-shadow: none;
4818   text-shadow: none;
4819 }
4820 .plx-btn:hover,
4821 .plx-btn:focus {
4822   color: #108ee9;
4823   border-color: #108ee9;
4824   background-color: #fff;
4825 }
4826 .plx-btn:active {
4827   color: #fff;
4828   border-color: #108ee9;
4829   background-color: #108ee9;
4830 }
4831 .plx-btn:disabled,
4832 .plx-btn[disabled] {
4833   color: #bfbfbf;
4834   background-color: #fff;
4835   border-color: #e9e9e9;
4836 }
4837 .plx-btn:disabled:hover,
4838 .plx-btn[disabled]:hover,
4839 .plx-btn:disabled:focus,
4840 .plx-btn[disabled]:focus {
4841   color: #bfbfbf;
4842   background-color: #fff;
4843   border-color: #e9e9e9;
4844   cursor: not-allowed;
4845 }
4846 .plx-btn .plx-btn-icon {
4847   font-size: 16px;
4848   vertical-align: text-top;
4849   margin-right: 3px;
4850 }
4851 .plx-btn-primary {
4852   background-color: #108EE9;
4853   color: #fff;
4854   border-color: #108EE9;
4855 }
4856 .plx-btn-primary:hover,
4857 .plx-btn-primary:focus {
4858   color: #fff;
4859   background-color: #0D75BF;
4860   border-color: #0D75BF;
4861 }
4862 .plx-btn-primary:active {
4863   color: #fff;
4864   background-color: #0C66A7;
4865   border-color: #0C66A7;
4866 }
4867 .plx-btn-primary:disabled,
4868 .plx-btn-primary[disabled],
4869 .plx-btn-primary:disabled:hover,
4870 .plx-btn-primary[disabled]:hover,
4871 .plx-btn-primary:disabled:focus,
4872 .plx-btn-primary[disabled]:focus {
4873   color: #fff;
4874   border-color: #108EE9;
4875   background-color: #108EE9;
4876   opacity: 0.5;
4877 }
4878 .plx-btn-guide {
4879   background-color: #5cb85c;
4880   color: #fff;
4881   border-color: #5cb85c;
4882 }
4883 .plx-btn-guide:hover,
4884 .plx-btn-guide:focus {
4885   color: #fff;
4886   background-color: #00994d;
4887   border-color: #00994d;
4888 }
4889 .plx-btn-guide:active {
4890   color: #fff;
4891   background-color: #008040;
4892   border-color: #008040;
4893 }
4894 .plx-btn-guide:disabled,
4895 .plx-btn-guide[disabled],
4896 .plx-btn-guide:disabled:hover,
4897 .plx-btn-guide[disabled]:hover,
4898 .plx-btn-guide:disabled:focus,
4899 .plx-btn-guide[disabled]:focus {
4900   color: #fff;
4901   border-color: #5cb85c;
4902   background-color: #5cb85c;
4903   opacity: 0.5;
4904 }
4905 .plx-btn-table {
4906   color: #595959;
4907 }
4908 .plx-btn-error {
4909   background-color: #EA4335;
4910   color: #fff;
4911   border-color: #EA4335;
4912 }
4913 .plx-btn-error:hover,
4914 .plx-btn-error:focus {
4915   color: #fff;
4916   background-color: #DD1B0A;
4917   border-color: #DD1B0A;
4918 }
4919 .plx-btn-error:active {
4920   color: #fff;
4921   background-color: #B92113;
4922   border-color: #B92113;
4923 }
4924 .plx-btn-error:disabled,
4925 .plx-btn-error[disabled],
4926 .plx-btn-error:disabled:hover,
4927 .plx-btn-error[disabled]:hover,
4928 .plx-btn-error:disabled:focus,
4929 .plx-btn-error[disabled]:focus {
4930   color: #fff;
4931   border-color: #EA4335;
4932   background-color: #EA4335;
4933   opacity: 0.5;
4934 }
4935 .plx-btn-sm {
4936   height: 28px;
4937   padding: 0px 14px;
4938   min-width: 68px;
4939   margin-right: 5px;
4940   line-height: 26px;
4941 }
4942 .plx-btn-xs {
4943   height: 24px;
4944   padding: 0px 12px;
4945   min-width: 68px;
4946   margin-right: 5px;
4947   line-height: 22px;
4948 }
4949 .plx-btn.dropdown-toggle {
4950   margin-right: 0;
4951   outline: none !important;
4952   background-image: none !important;
4953   filter: none;
4954   -webkit-box-shadow: none;
4955   -moz-box-shadow: none;
4956   box-shadow: none;
4957   text-shadow: none;
4958 }
4959 .plx-btn.dropdown-toggle::after {
4960   margin-left: 16px;
4961   border-top: 4px solid;
4962   border-right: 4px solid transparent;
4963   border-left: 4px solid transparent;
4964   color: #c0c0c0;
4965   margin-bottom: 1px;
4966 }
4967 .plx-btn-sm.dropdown-toggle::after {
4968   margin-left: 14px;
4969 }
4970 .plx-btn-xs.dropdown-toggle::after {
4971   margin-left: 12px;
4972 }
4973 .plx-btn + .dropdown-menu {
4974   margin: 0;
4975   padding: 0;
4976   border: 0;
4977   min-width: 100%;
4978   font-size: 14px;
4979   border-radius: 3px;
4980   -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4981   -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4982   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
4983 }
4984 .plx-btn + .dropdown-menu .dropdown-item {
4985   background-color: #fff;
4986   color: #595959;
4987   font-size: 14px;
4988   padding: 0px 16px;
4989   height: 30px;
4990   cursor: pointer;
4991 }
4992 .plx-btn + .dropdown-menu .dropdown-item:hover,
4993 .plx-btn + .dropdown-menu .dropdown-item:focus,
4994 .plx-btn + .dropdown-menu .dropdown-item:active {
4995   outline: none;
4996   background-color: #E7F4FD;
4997 }
4998 .plx-btn + .dropdown-menu .dropdown-item:disabled,
4999 .plx-btn + .dropdown-menu .dropdown-item[disabled] {
5000   color: #bfbfbf;
5001 }
5002 .plx-btn + .dropdown-menu .dropdown-item:disabled:hover,
5003 .plx-btn + .dropdown-menu .dropdown-item[disabled]:hover,
5004 .plx-btn + .dropdown-menu .dropdown-item:disabled:focus,
5005 .plx-btn + .dropdown-menu .dropdown-item[disabled]:focus {
5006   cursor: not-allowed;
5007   background-color: #fff;
5008 }
5009 .plx-btn-sm + .dropdown-menu .dropdown-item {
5010   padding: 0px 14px;
5011 }
5012 .plx-btn-xs + .dropdown-menu .dropdown-item {
5013   padding: 0px 12px;
5014 }
5015 .plx-btn-more {
5016   display: inline-block;
5017   margin-right: 10px;
5018 }
5019 .plx-btn-more-sm {
5020   margin-right: 5px;
5021 }
5022 .plx-btn-more-xs {
5023   margin-right: 5px;
5024 }
5025 .plx-checkbox-container {
5026   font-size: 0;
5027   position: relative;
5028 }
5029 .plx-checkbox {
5030   position: absolute;
5031   z-index: -1;
5032   opacity: 0;
5033 }
5034 .plx-checkbox + .checkbox-substitute {
5035   position: relative;
5036   display: inline-block;
5037   cursor: pointer;
5038   height: 16px;
5039   width: 16px;
5040   border: 1px solid #d9d9d9;
5041   border-radius: 2px;
5042   vertical-align: middle;
5043 }
5044 .plx-checkbox + .checkbox-substitute + span {
5045   font-weight: normal;
5046   font-size: 14px;
5047   cursor: pointer;
5048   vertical-align: middle;
5049   padding-left: 10px;
5050 }
5051 .plx-checkbox:hover + .checkbox-substitute {
5052   border-color: #108EE9;
5053   outline: none;
5054   background-image: none;
5055   -webkit-box-shadow: none;
5056   -moz-box-shadow: none;
5057   box-shadow: none;
5058   text-shadow: none;
5059 }
5060 .plx-checkbox:checked + .checkbox-substitute {
5061   border-color: #108EE9;
5062   background-color: #108EE9;
5063 }
5064 .plx-checkbox:checked + .checkbox-substitute::after {
5065   content: '';
5066   position: absolute;
5067   display: block;
5068   width: 6px;
5069   height: 10px;
5070   border: solid #fff;
5071   border-width: 0 2px 2px 0;
5072   transform: rotate(45deg);
5073   left: 4px;
5074   top: 0;
5075 }
5076 .plx-checkbox.portion + .checkbox-substitute {
5077   background-color: #108EE9;
5078   border-color: #108EE9;
5079   opacity: 0.5;
5080 }
5081 .plx-checkbox.portion + .checkbox-substitute::after {
5082   content: '';
5083   position: absolute;
5084   display: block;
5085   width: 6px;
5086   height: 10px;
5087   border: solid #fff;
5088   border-width: 0 2px 2px 0;
5089   transform: rotate(45deg);
5090   left: 4px;
5091   top: 0;
5092 }
5093 .plx-checkbox:disabled + .checkbox-substitute,
5094 .plx-checkbox[disabled] + .checkbox-substitute {
5095   border-color: #d9d9d9;
5096   background-color: #f5f5f5;
5097   cursor: not-allowed;
5098 }
5099 .plx-checkbox:disabled + .checkbox-substitute + span,
5100 .plx-checkbox[disabled] + .checkbox-substitute + span {
5101   cursor: not-allowed;
5102 }
5103 .plx-checkbox.portion[disabled] + .checkbox-substitute {
5104   background-color: #d9d9d9;
5105   border-color: #d9d9d9;
5106 }
5107 .plx-checkbox.portion[disabled] + .checkbox-substitute::after {
5108   content: '';
5109   position: absolute;
5110   display: block;
5111   width: 6px;
5112   height: 10px;
5113   border: solid #8e8e8e;
5114   border-width: 0 2px 2px 0;
5115   transform: rotate(45deg);
5116   left: 4px;
5117   top: 0;
5118 }
5119 .plx-checkbox:checked[disabled] + .checkbox-substitute {
5120   border-color: #d9d9d9;
5121   background-color: #d9d9d9;
5122 }
5123 .plx-form {
5124   font-family: 'Helvetica Neue', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei';
5125   font-size: 14px;
5126   background: #fff;
5127   color: #595959;
5128 }
5129 .plx-form .ng-invalid:not(form).ng-invalid:not(fieldset).ng-invalid:not(plx-select) {
5130   border: 1px solid #EA4335;
5131   /* red */
5132 }
5133 .plx-form .ng-untouched:not(form).ng-untouched:not(fieldset).ng-untouched:not(plx-select) {
5134   border: 1px solid #d9d9d9;
5135 }
5136 .plx-form label {
5137   font-size: 14px;
5138   text-align: right;
5139   color: #737373;
5140   background: #fff;
5141 }
5142 .plx-form label .label-span {
5143   color: #595959;
5144 }
5145 .plx-form .text-autocut {
5146   white-space: nowrap;
5147   text-overflow: ellipsis;
5148   overflow: hidden;
5149   display: block;
5150 }
5151 .plx-form .forms-group-pointer {
5152   margin-bottom: 10px;
5153   padding-left: 15px;
5154   color: #404040;
5155   font-size: 16px;
5156   height: 32px;
5157   line-height: 32px;
5158   cursor: pointer;
5159 }
5160 .plx-form .forms-group-pointer:hover {
5161   background: #E7F4FD;
5162 }
5163 .plx-form .forms-group-pointer span {
5164   margin-left: 24px;
5165   border-left: 3px solid #108EE9;
5166   padding-left: 5px;
5167 }
5168 .plx-form .forms-group-pointer .group-icon {
5169   float: left;
5170   font-size: 16px;
5171   color: #108EE9 !important;
5172   line-height: 32px;
5173   margin-right: 8px;
5174   transform: scale(0.7, 0.7);
5175   font-weight: bold;
5176 }
5177 .plx-form .forms-group-default {
5178   margin-bottom: 10px;
5179   padding-left: 15px;
5180   color: #404040;
5181   font-size: 16px;
5182   height: 32px;
5183   line-height: 32px;
5184   cursor: default;
5185   line-height: 16px;
5186 }
5187 .plx-form .forms-group-default:hover {
5188   background: #fff;
5189 }
5190 .plx-form .forms-group-default span {
5191   margin-left: 24px;
5192   border-left: 3px solid #108EE9;
5193   padding-left: 5px;
5194 }
5195 .plx-form .forms-group-default .group-icon {
5196   float: left;
5197   font-size: 16px;
5198   color: #108EE9 !important;
5199   line-height: 32px;
5200   margin-right: 8px;
5201   transform: scale(0.7, 0.7);
5202   font-weight: bold;
5203 }
5204 .plx-form .input-sm {
5205   height: 28px !important;
5206 }
5207 .plx-form .px-red {
5208   color: #EA4335;
5209 }
5210 .plx-form input:focus {
5211   border: 1px solid #108EE9 !important;
5212 }
5213 .plx-form .error-div {
5214   height: 14px;
5215   margin-top: -4px;
5216   margin-bottom: 5px;
5217 }
5218 .plx-form .error-div .error-msg {
5219   color: #EA4335;
5220 }
5221 .plx-form .help-div {
5222   color: #bfbfbf;
5223   height: 14px;
5224   margin-top: -5px;
5225   margin-bottom: 6px;
5226 }
5227 .plx-form .forms-header {
5228   margin-left: 15px;
5229   margin-bottom: 25px;
5230   padding-bottom: 5px;
5231   border-bottom: 1px solid #e9e9e9;
5232 }
5233 .plx-form .forms-header span {
5234   font-size: 16px;
5235   color: #404040;
5236 }
5237 .plx-form .plx-input {
5238   width: 100%;
5239   color: #595959;
5240   background: #fff;
5241   text-align: left;
5242 }
5243 .plx-form .field-radio {
5244   padding-right: 10px;
5245   line-height: 27px;
5246 }
5247 .plx-form .field-radio.field-radio-tight {
5248   line-height: 23px;
5249 }
5250 .plx-form .field-tail {
5251   padding-right: 10px;
5252   line-height: 32px;
5253 }
5254 .plx-form .field-tail.field-tail-tight {
5255   line-height: 28px;
5256 }
5257 .plx-form .field-tail .tip {
5258   color: #8e8e8e;
5259   font-size: 16px;
5260 }
5261 .plx-form .field-info {
5262   font-size: 14px;
5263   color: #108EE9;
5264   margin-left: -15px;
5265 }
5266 .plx-form .field-info.field-info-group {
5267   margin-left: 15px;
5268 }
5269 .plx-form .form-field:not(select-dropdown) {
5270   color: #595959;
5271   font-size: 14px;
5272   line-height: 32px;
5273 }
5274 .plx-form .form-field:not(select-dropdown).form-field-tight {
5275   line-height: 28px;
5276 }
5277 .plx-form .form-field:not(select-dropdown).form-filed-hint {
5278   margin-bottom: 15px;
5279 }
5280 .plx-form .field-div {
5281   margin-bottom: 15px;
5282   padding-left: 0;
5283 }
5284 .plx-form .field-div.field-div-tight {
5285   margin-bottom: 10px;
5286 }
5287 .plx-form .field-div.inputchanged > input {
5288   font-weight: bold;
5289 }
5290 .plx-form .field-div.inputchanged > select {
5291   font-weight: bold;
5292 }
5293 .plx-form .button-div {
5294   padding: 15px 0 0 0;
5295   color: #595959;
5296   font-size: 16px;
5297   text-align: left;
5298 }
5299 .plx-form .button-div button {
5300   margin-right: 10px;
5301 }
5302 .plx-form .button-r-submit {
5303   float: right;
5304   margin-right: -20px !important;
5305 }
5306 .plx-form .button-r-cancel {
5307   float: right;
5308 }
5309 .plx-form .content {
5310   overflow-y: auto;
5311   overflow-x: hidden;
5312 }
5313 .plx-form .plx-scrollbar::-webkit-scrollbar {
5314   width: 4px;
5315   height: 6px;
5316 }
5317 .plx-form .plx-scrollbar::-webkit-scrollbar-thumb {
5318   background-color: rgba(0, 0, 0, 0.2);
5319   border-radius: 2em;
5320   min-height: 50px;
5321   max-height: 100px;
5322 }
5323 .plx-form .plx-scrollbar::-webkit-scrollbar-corner {
5324   background-color: transparent;
5325 }
5326 .plx-form input:-ms-input-placeholder {
5327   color: #999 !important;
5328 }
5329 .plx-form input::-webkit-input-placeholder {
5330   color: #999 !important;
5331 }
5332 .plx-form plx-info .icon {
5333   margin-left: -10px;
5334   line-height: 28px !important;
5335 }
5336 .para-content .icon-active {
5337   fill: #108EE9;
5338 }
5339 .para-content .icon-disactive {
5340   fill: #bfbfbf;
5341   cursor: default;
5342 }
5343 .plx-input {
5344   font-size: 14px;
5345   height: 32px;
5346   padding-left: 10px;
5347   padding-right: 10px;
5348   outline: 0;
5349   border: 1px solid #d9d9d9;
5350   border-radius: 3px;
5351   vertical-align: middle;
5352 }
5353 .plx-input:focus {
5354   border: 1px solid #108EE9;
5355 }
5356 .plx-input:disabled,
5357 .plx-input[disabled] {
5358   cursor: not-allowed;
5359   background-color: #f5f5f5;
5360 }
5361 .plx-input-sm {
5362   height: 28px;
5363 }
5364 .plx-input-right-no-radius {
5365   border-bottom-right-radius: 0;
5366   border-top-right-radius: 0;
5367 }
5368 .plx-radio-container {
5369   font-size: 0;
5370   position: relative;
5371 }
5372 .plx-radio {
5373   position: absolute;
5374   z-index: -1;
5375   opacity: 0;
5376 }
5377 .plx-radio + .radio-substitute {
5378   position: relative;
5379   display: inline-block;
5380   cursor: pointer;
5381   height: 16px;
5382   width: 16px;
5383   border: 1px solid #d9d9d9;
5384   border-radius: 16px;
5385   vertical-align: middle;
5386 }
5387 .plx-radio:hover + .radio-substitute,
5388 .plx-radio:focus + .radio-substitute {
5389   border-color: #108EE9;
5390   outline: none;
5391   background-image: none;
5392   -webkit-box-shadow: none;
5393   -moz-box-shadow: none;
5394   box-shadow: none;
5395   text-shadow: none;
5396 }
5397 .plx-radio:checked + .radio-substitute {
5398   border: 5px solid #108EE9;
5399 }
5400 .plx-radio:disabled + .radio-substitute,
5401 .plx-radio[disabled] + .radio-substitute {
5402   border-color: #d9d9d9;
5403   background-color: #f5f5f5;
5404   cursor: not-allowed;
5405 }
5406 .plx-radio:checked [disabled] + .radio-substitute {
5407   border-color: #e9e9e9;
5408   background-color: #e9e9e9;
5409   cursor: not-allowed;
5410 }
5411 .plx-radio + .radio-substitute + span {
5412   font-weight: normal;
5413   font-size: 14px;
5414   cursor: pointer;
5415   vertical-align: middle;
5416   padding-left: 10px;
5417 }
5418 .plx-radio:disabled + .radio-substitute + span,
5419 .plx-radio[disabled] + .radio-substitute + span {
5420   cursor: not-allowed;
5421 }
5422 /*radio-group*/
5423 .btn.dropdown-toggle,
5424 .btn-group .btn.dropdown-toggle,
5425 .btn:hover,
5426 .btn:disabled,
5427 .btn[disabled],
5428 .btn:focus,
5429 .btn:active,
5430 .btn.active {
5431   outline: none !important;
5432   background-image: none !important;
5433   filter: none;
5434   -webkit-box-shadow: none;
5435   -moz-box-shadow: none;
5436   box-shadow: none;
5437   text-shadow: none;
5438 }
5439 .plx-radio-group {
5440   cursor: pointer;
5441   font-size: 14px;
5442   height: 32px;
5443   background-color: #fff;
5444   border: 1px solid #d9d9d9;
5445   color: #595959;
5446   border-radius: 3px;
5447   padding: 0px 16px;
5448   min-width: 88px;
5449   transition: none;
5450 }
5451 .plx-radio-group:hover,
5452 .plx-radio-group:focus,
5453 .plx-radio-group:active {
5454   outline: none;
5455   background-image: none;
5456   filter: none;
5457   -webkit-box-shadow: none;
5458   -moz-box-shadow: none;
5459   box-shadow: none;
5460   text-shadow: none;
5461 }
5462 .plx-radio-group:hover,
5463 .plx-radio-group:focus {
5464   color: #108ee9;
5465   border-color: #108ee9;
5466   background-color: #fff;
5467 }
5468 .plx-radio-group:active {
5469   color: #fff;
5470   border-color: #108ee9;
5471   background-color: #108ee9;
5472 }
5473 .plx-radio-group.active {
5474   background-color: #108EE9;
5475   color: #fff;
5476   border-color: #108EE9;
5477 }
5478 .plx-radio-group > span {
5479   line-height: 30px;
5480 }
5481 .plx-radio-group-sm {
5482   height: 28px;
5483   padding: 0px 14px;
5484   min-width: 68px;
5485 }
5486 .plx-radio-group-sm > span {
5487   line-height: 26px;
5488 }
5489 .plx-ui-steps-number-active {
5490   background: #108ee9;
5491   color: #ffffff;
5492 }
5493 .plx-ui-steps-number-passive {
5494   background: #d9d9d9;
5495   color: #ffffff;
5496 }
5497 .plx-ui-steps-number-visited {
5498   color: #ffffff;
5499   border: 2px #108ee9 solid;
5500 }
5501 .plx-ui-underline-active {
5502   background: #108ee9;
5503 }
5504 .plx-ui-underline-passive {
5505   background: #e9e9e9;
5506 }
5507 .plx-ui-steps-title-active {
5508   color: #595959;
5509 }
5510 .plx-ui-steps-title-passive {
5511   color: #999999;
5512 }
5513 .plx-ui-steps-title-visited {
5514   color: #999999;
5515 }
5516 .plx-ui-steps-number-visited-tick {
5517   border-bottom: 2px solid #108ee9;
5518   border-right: 2px solid #108ee9;
5519 }
5520 .plx-ui-underline-active-vertical {
5521   border-right: 2px solid #d9d9d9;
5522 }
5523 .plx-ui-underline-visited-vertical {
5524   border-right: 2px solid #108ee9;
5525 }
5526 .plx-ui-underline-passive-vertical {
5527   border-right: 2px solid #d9d9d9;
5528 }
5529 .plx-ui-steps-title-active-vertical {
5530   color: #595959;
5531 }
5532 .plx-ui-steps-title-visited-vertical {
5533   color: #999999;
5534 }
5535 .plx-ui-steps-title-passive-vertical {
5536   color: #999999;
5537 }
5538 .plx-ui-steps-number-active-vertical {
5539   background: #108ee9;
5540   color: #ffffff;
5541 }
5542 .plx-ui-steps-number-passive-vertical {
5543   background: #d9d9d9;
5544   color: #ffffff;
5545 }
5546 .plx-ui-steps-number-visited-vertical {
5547   color: #ffffff;
5548 }