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

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