sdc-workflow-designer-ui/src/app/paletx/assets/css/ngict-component.css

   1 /***main***/
   2 body,
   3 button,
   4 input,
   5 optgroup,
   6 select,
   7 textarea,
   8 .tooltip {
   9   font-family: "Microsoft yahei", Segoe UI, Arial !important;
  10   font-size: 12px;
  11   color: #333;
  12 }
  13 body {
  14   background-color: transparent;
  15   font-size: 12px;
  16   min-width: 1024px;
  17 }
  18 [class^="col-"],
  19 [class*="col-"] {
  20   float: left;
  21 }
  22 .clearfix:after,
  23 .container:after,
  24 .container-fluid:after,
  25 .row:after,
  26 .form-horizontal .form-group:after,
  27 .btn-toolbar:after,
  28 .btn-group-vertical > .btn-group:after,
  29 .nav:after,
  30 .navbar:after,
  31 .navbar-header:after,
  32 .navbar-collapse:after,
  33 .pager:after,
  34 .panel-body:after,
  35 .modal-footer:after {
  36   clear: both;
  37 }
  38 .clearfix:before,
  39 .clearfix:after,
  40 .container:before,
  41 .container:after,
  42 .container-fluid:before,
  43 .container-fluid:after,
  44 .row:before,
  45 .row:after,
  46 .form-horizontal .form-group:before,
  47 .form-horizontal .form-group:after,
  48 .btn-toolbar:before,
  49 .btn-toolbar:after,
  50 .btn-group-vertical > .btn-group:before,
  51 .btn-group-vertical > .btn-group:after,
  52 .nav:before,
  53 .nav:after,
  54 .navbar:before,
  55 .navbar:after,
  56 .navbar-header:before,
  57 .navbar-header:after,
  58 .navbar-collapse:before,
  59 .navbar-collapse:after,
  60 .pager:before,
  61 .pager:after,
  62 .panel-body:before,
  63 .panel-body:after,
  64 .modal-footer:before,
  65 .modal-footer:after {
  66   content: " ";
  67   display: table;
  68 }
  69 .label,
  70 label {
  71   font-weight: 400;
  72 }
  73 *:focus {
  74   outline: 0;
  75 }
  76 a {
  77   color: #00abff;
  78   text-decoration: none ;
  79   cursor: pointer;
  80 }
  81 a:hover {
  82   color: #00a3f5;
  83   text-decoration: underline;
  84 }
  85 .border-box {
  86   border: 1px solid #ddd;
  87 }
  88 /***icon***/
  89 [class^="ict-"],
  90 [class*=" ict-"] {
  91   padding-right: 3px;
  92 }
  93 /***color***/
  94 .red {
  95   background-color: #ff5b55;
  96   color: #fff;
  97 }
  98 .red:hover {
  99   background-color: #f55651;
 100   color: #fff;
 101 }
 102 .green {
 103   background-color: #5fcc4a;
 104   color: #fff;
 105 }
 106 .green:hover {
 107   background-color: #329d96;
 108   color: #fff;
 109 }
 110 .gold {
 111   background-color: #c0af69;
 112   color: #fff;
 113 }
 114 .gold:hover {
 115   background-color: #ad9a4d;
 116   color: #fff;
 117 }
 118 .over-grey {
 119   background-color: transparent;
 120   color: #00abff;
 121   border: 0;
 122 }
 123 .over-grey:hover {
 124   background-color: #f8f8f8;
 125 }
 126 .over-grey:focus:active {
 127   background-color: #f2f2f2;
 128 }
 129 .grey {
 130   background-color: #fff;
 131   border: 1px solid #fff;
 132   color: #a1abb3;
 133   border: 1px solid #ddd;
 134 }
 135 .grey:hover {
 136   background-color: #f8f8f8;
 137 }
 138 .grey-disabled,
 139 .grey-disabled:hover {
 140   border: 1px solid #c6c6c6;
 141   color: #c6c6c6;
 142   background-color: #fff;
 143 }
 144 .dark-grey {
 145   background-color: #333;
 146   border: 1px solid #333;
 147   color: #fff;
 148 }
 149 .dark-grey:hover {
 150   background-color: #101010;
 151   color: #fff;
 152 }
 153 .px-red {
 154   color: #ff5b55;
 155 }
 156 .bg-danger {
 157   background-color: #ff5b55 !important;
 158 }
 159 .px-red-bg {
 160   background-color: #ff5b55;
 161   border: 1px solid #ff5b55;
 162   color: #fff;
 163 }
 164 .px-red-bg:hover {
 165   background-color: #f55651;
 166   color: #fff;
 167 }
 168 .px-red-bg:active {
 169   background-color: #eb534d;
 170   color: #fff;
 171 }
 172 .px-green {
 173   color: #5fcc4a;
 174 }
 175 .px-green-bg {
 176   background-color: #73cf22;
 177   border: 1px solid #73cf22;
 178   color: #fff;
 179 }
 180 .px-green-bg:hover {
 181   background-color: #6cc41f;
 182   color: #fff;
 183 }
 184 .px-green-bg:active {
 185   background-color: #67ba1e;
 186   color: #fff;
 187 }
 188 .px-yellow {
 189   color: #ffc766;
 190 }
 191 .px-yellow-bg {
 192   background-color: #f7c515;
 193   border: 1px solid #f7c515;
 194   color: #fff;
 195 }
 196 .px-yellow-bg:hover {
 197   background-color: #edbe13;
 198   color: #fff;
 199 }
 200 .px-yellow-bg:active {
 201   background-color: #e3b612;
 202   color: #fff;
 203 }
 204 .px-grey {
 205   color: #a5a5a5;
 206 }
 207 .px-grey-bg {
 208   background-color: #a1abb3;
 209   border: 1px solid #a1abb3;
 210   color: #fff;
 211 }
 212 .px-grey-bg:hover {
 213   background-color: #919da6;
 214   color: #fff;
 215 }
 216 .px-grey-bg:active {
 217   background-color: #85919a;
 218   color: #fff;
 219 }
 220 .blue {
 221   background-color: #fff;
 222   color: #1991c5;
 223 }
 224 .blue:hover {
 225   background-color: #e8f3fd;
 226   color: #3366cc;
 227 }
 228 .blue.selected {
 229   border: 0;
 230   background-color: #00abff;
 231   color: #fff;
 232 }
 233 .blue.selected:hover {
 234   border: 0;
 235   background-color: #00abff;
 236   color: #fff;
 237 }
 238 .blue1 {
 239   background-color: #00abff;
 240   color: #fff;
 241   border: 1px solid #00abff;
 242 }
 243 .blue1:hover {
 244   background-color: #00a3f5;
 245   color: #fff;
 246   border: 1px solid #00a3f5;
 247 }
 248 .blue1:active {
 249   background-color: #009ceb;
 250 }
 251 .blue1.disabled,
 252 .blue1.disabled:hover,
 253 .blue1.disabled:focus:active,
 254 .blue1:disabled,
 255 .blue1:disabled:hover,
 256 .blue1:disabled:focus:active {
 257   background-color: #59c8ff;
 258   border-color: #59c8ff;
 259 }
 260 .blue1:focus {
 261   background-color: #00abff;
 262   color: #fff;
 263   border: 1px solid #00abff;
 264 }
 265 .blue1:focus:hover {
 266   background-color: #00a3f5;
 267   color: #fff;
 268   border: 1px solid #00a3f5;
 269 }
 270 .blue1:focus:active {
 271   background-color: #009ceb;
 272 }
 273 .blue1-active {
 274   background-color: #00abff !important;
 275   color: #fff  !important;
 276   border: 1px solid #00abff !important;
 277 }
 278 .blue1-active:hover {
 279   background-color: #00a3f5 !important;
 280   color: #fff  !important;
 281   border: 1px solid #00a3f5 !important;
 282 }
 283 .blue1-active:focus {
 284   background-color: #00abff !important;
 285   color: #fff  !important;
 286   border: 1px solid #00abff !important;
 287 }
 288 .blue1-active:focus:hover {
 289   background-color: #00a3f5 !important;
 290   color: #fff  !important;
 291   border: 1px solid #00a3f5 !important;
 292 }
 293 .white {
 294   background-color: #fff;
 295   border: 1px solid #ddd;
 296   color: #00abff;
 297 }
 298 .white:hover {
 299   background-color: #f8f8f8;
 300 }
 301 .white:active {
 302   background-color: #f2f2f2;
 303 }
 304 .white.active {
 305   background-color: #00abff;
 306   color: #fff;
 307   border-color: #00abff;
 308 }
 309 .white.disabled,
 310 .white.disabled:hover,
 311 .white.disabled:focus:active,
 312 .white:disabled,
 313 .white:disabled:hover,
 314 .white:disabled:focus:active {
 315   background-color: #eee;
 316 }
 317 .white:focus {
 318   background-color: #fff;
 319   border: 1px solid #ddd;
 320   color: #00abff;
 321   outline: none;
 322 }
 323 .white:focus:hover {
 324   background-color: #f8f8f8;
 325 }
 326 .white:focus:hover:active {
 327   background-color: #f2f2f2;
 328 }
 329 .white:focus.active {
 330   background-color: #00abff;
 331   color: #fff;
 332   border-color: #00abff;
 333 }
 334 .blue1-icons {
 335   color: #009ceb;
 336 }
 337 .blue1-icons:hover {
 338   color: #00a3f5;
 339 }
 340 .px-font1,
 341 .px-font1:active,
 342 .px-font1:focus {
 343   color: #c2c6c9;
 344 }
 345 .px-font2,
 346 .px-font2:active,
 347 .px-font2:focus {
 348   color: #777;
 349 }
 350 .px-font3,
 351 .px-font3:active,
 352 .px-font3:focus {
 353   color: #4d5761;
 354 }
 355 .px-font4,
 356 .px-font4:active,
 357 .px-font4:focus {
 358   color: #333;
 359 }
 360 /***
 361 Responsive & Scrollable Tables
 362 ***/
 363 .table-scrollable {
 364   width: 100%;
 365   overflow-x: auto;
 366   overflow-y: hidden;
 367   border: 1px solid #ddd;
 368 }
 369 .table-scrollable > .table {
 370   width: 100% !important;
 371   margin: 0 !important;
 372   margin-bottom: 0;
 373   background-color: #fff;
 374 }
 375 .table-scrollable > .table-bordered {
 376   border: 0;
 377 }
 378 .table-scrollable > .table-bordered > thead > tr > th:first-child,
 379 .table-scrollable > .table-bordered > tbody > tr > th:first-child,
 380 .table-scrollable > .table-bordered > tfoot > tr > th:first-child,
 381 .table-scrollable > .table-bordered > thead > tr > td:first-child,
 382 .table-scrollable > .table-bordered > tbody > tr > td:first-child,
 383 .table-scrollable > .table-bordered > tfoot > tr > td:first-child {
 384   border-left: 0;
 385 }
 386 .table-scrollable > .table-bordered > thead > tr > th:last-child,
 387 .table-scrollable > .table-bordered > tbody > tr > th:last-child,
 388 .table-scrollable > .table-bordered > tfoot > tr > th:last-child,
 389 .table-scrollable > .table-bordered > thead > tr > td:last-child,
 390 .table-scrollable > .table-bordered > tbody > tr > td:last-child,
 391 .table-scrollable > .table-bordered > tfoot > tr > td:last-child {
 392   border-right: 0;
 393 }
 394 .table-scrollable > .table-bordered > thead > tr:last-child > th,
 395 .table-scrollable > .table-bordered > tbody > tr:last-child > th,
 396 .table-scrollable > .table-bordered > tfoot > tr:last-child > th,
 397 .table-scrollable > .table-bordered > thead > tr:last-child > td,
 398 .table-scrollable > .table-bordered > tbody > tr:last-child > td,
 399 .table-scrollable > .table-bordered > tfoot > tr:last-child > td {
 400   border-bottom: 0;
 401 }
 402 /*table*/
 403 table {
 404   font-size: 12px;
 405 }
 406 .table-hover > tbody > tr:hover > td,
 407 .table-hover > tbody > tr:hover > th {
 408   background: #ebf6fd;
 409 }
 410 .dataTables_length,
 411 .dataTables_info,
 412 .dataTables_paginate {
 413   font-size: 12px;
 414   color: #7c868d;
 415   display: inline-block;
 416 }
 417 .dataTables_length {
 418   margin-right: 9px;
 419 }
 420 .dataTables_info {
 421   margin-right: 10px;
 422   color: #4d5761;
 423 }
 424 .dataTables_length select {
 425   margin-left: 1px;
 426   margin-right: 1px;
 427   width: 42px;
 428   height: 30px;
 429   border-color: #ddd;
 430   color: #7c868d;
 431 }
 432 .dataTables_paginate {
 433   vertical-align: top;
 434 }
 435 .dataTables_paginate input {
 436   border-color: #ddd !important;
 437   width: 42px !important;
 438   height: 30px !important;
 439   margin-left: 6px!important;
 440   margin-right: 6px!important;
 441   color: #7c868d;
 442 }
 443 .dataTables_paginate .pagination-panel a {
 444   border: 1px solid #ddd;
 445   width: 26px;
 446   height: 30px;
 447   opacity: 1;
 448   margin-left: 6px;
 449   vertical-align: top;
 450   cursor: pointer;
 451   color: #7c868d;
 452 }
 453 .dataTables_wrapper > div > div {
 454   float: right;
 455   margin-bottom: 10px;
 456   margin-top: 10px;
 457 }
 458 table th {
 459   font-weight: normal;
 460   font-size: 12px;
 461 }
 462 .table thead th {
 463   border-bottom: 0;
 464   color: #8b8b8b;
 465 }
 466 .table th {
 467   border-top: 0;
 468 }
 469 table .heading {
 470   font-size: 12px;
 471   background: #fff !important;
 472   font-weight: normal;
 473 }
 474 table tr:nth-of-type(odd) {
 475   background: #f9f9f9;
 476 }
 477 table tr:nth-of-type(even) {
 478   background: #fff;
 479 }
 480 table tr td label {
 481   cursor: pointer;
 482 }
 483 .table-btn span {
 484   padding-left: 5px;
 485   padding-right: 5px;
 486 }
 487 .table-bordered > thead > tr > th,
 488 .table-bordered > thead > tr > td {
 489   border-bottom-width: 1px;
 490 }
 491 table tr td .btn-xs {
 492   margin-bottom: 3px;
 493   margin-top: 3px;
 494 }
 495 /* px-table */
 496 .px-table.light .px-th {
 497   padding-bottom: 15px !important;
 498 }
 499 .px-table .px-th {
 500   padding-bottom: 10px !important;
 501 }
 502 /*.px-table.card  tr:nth-of-type(odd){
 503   background-color:#fff !important;
 504 }*/
 505 .px-table.card tr:nth-of-type(odd):hover {
 506   background-color: #ebf6fd !important;
 507 }
 508 .px-table.card tr td:first-child,
 509 .px-table.card tr th:first-child {
 510   text-align: center;
 511 }
 512 .px-table.card .title {
 513   font-weight: normal;
 514 }
 515 .px-table .filter span.filterToggle {
 516   width: 30px !important;
 517   height: 30px !important;
 518 }
 519 .px-table input[type="checkbox"] {
 520   margin-right: 0;
 521 }
 522 .px-page-item .px-page-link {
 523   height: 28px !important;
 524 }
 525 .px-filters .px-th {
 526   padding-bottom: 2px !important;
 527 }
 528 .px-pagination {
 529   margin-top: 0 !important;
 530 }
 531 .px-table .filter span.filterToggle {
 532   height: 30px !important;
 533 }
 534 .px-table label,
 535 .px-table input[type="checkbox"] {
 536   margin-bottom: 0;
 537 }
 538 .px-table .innerTable tr:nth-of-type(odd) {
 539   background-color: #fff !important;
 540 }
 541 /*ng2-smart-table*/
 542 .ng2-smart-table.light .ng2-smart-th,
 543 .ng2-smart-table .ng2-smart-th {
 544   padding-bottom: 10px !important;
 545 }
 546 .ng2-smart-table .card tr:nth-of-type(odd) {
 547   background-color: #fff !important;
 548 }
 549 .ng2-smart-table .card tr:nth-of-type(odd):hover {
 550   background-color: #ebf6fd !important;
 551 }
 552 .ng2-smart-table .card tr td:first-child,
 553 .ng2-smart-table .card tr th:first-child {
 554   text-align: center;
 555 }
 556 .ng2-smart-table .card .title {
 557   font-weight: normal;
 558 }
 559 .ng2-smart-table .filter span.filterToggle {
 560   width: 30px !important;
 561   height: 30px !important;
 562 }
 563 .ng2-smart-table input[type="checkbox"] {
 564   margin-right: 0;
 565 }
 566 .ng2-smart-page-item .ng2-smart-page-link {
 567   height: 28px !important;
 568 }
 569 .ng2-smart-filters .ng2-smart-th {
 570   padding-bottom: 2px !important;
 571 }
 572 .ng2-smart-pagination {
 573   margin-top: 0 !important;
 574 }
 575 .ng2-smart-table .filter span.filterToggle {
 576   height: 30px !important;
 577 }
 578 .ng2-smart-table label,
 579 .ng2-smart-table input[type="checkbox"] {
 580   margin-bottom: 0;
 581 }
 582 .ng2-smart-table .innerTable tr:nth-of-type(odd) {
 583   background-color: #fff !important;
 584 }
 585 /***form***/
 586 .form {
 587   padding: 0 !important;
 588 }
 589 .form-group .multiRow {
 590   margin-bottom: 15px;
 591 }
 592 .form-group .multiRow:last-child {
 593   margin-bottom: 5px;
 594 }
 595 .form-group {
 596   font-size: 12px;
 597 }
 598 .form-group .btn {
 599   font-size: 14px;
 600 }
 601 .form-group .btn-s {
 602   font-size: 12px;
 603 }
 604 .form-group .ict-helpTip {
 605   font-size: 18px;
 606   color: #bababa;
 607   margin-left: 10px;
 608   vertical-align: text-bottom;
 609 }
 610 .form-group .ict-helpTip:hover {
 611   color: #00abff;
 612 }
 613 .form-group.equal-group .form-control {
 614   display: block;
 615 }
 616 .form-group.equal-group .form-control:first-child {
 617   margin-bottom: 5px;
 618 }
 619 .form-body {
 620   padding: 15px;
 621 }
 622 .form-actions .btn {
 623   font-size: 14px;
 624 }
 625 .form-actions.nobg {
 626   background-color: transparent;
 627 }
 628 .form-actions.top {
 629   margin-top: 0;
 630   margin-bottom: 20px;
 631   border-top: 0;
 632   border-bottom: 1px solid #e5e5e5;
 633 }
 634 .form-control {
 635   font-size: 12px;
 636   display: inline-block;
 637 }
 638 .form-actions .btnGroup {
 639   padding-left: 0;
 640 }
 641 .form-actions.fluid > [class^="col-"] {
 642   padding-left: 13px;
 643 }
 644 .form-actions:before,
 645 .form-actions:after {
 646   display: table;
 647   line-height: 0;
 648   content: "";
 649 }
 650 .form-actions:after {
 651   clear: both;
 652 }
 653 .form-section {
 654   margin: 30px 0px 25px 0px;
 655   padding-bottom: 5px;
 656   border-bottom: 1px solid #eee;
 657 }
 658 .form .form-section:first-child {
 659   margin-top: 5px;
 660 }
 661 .help-inline {
 662   font-size: 13px;
 663   color: #737373;
 664   display: inline-block;
 665   padding: 5px;
 666 }
 667 .submBtn {
 668   /*text-align: center;*/
 669 }
 670 .subm-iconMargin {
 671   margin-left: -40px;
 672 }
 673 .subm-margin {
 674   margin-left: -40px;
 675 }
 676 .form-actions.right {
 677   padding-left: 0;
 678   padding-right: 10px;
 679   text-align: right;
 680 }
 681 .form-actions.left {
 682   padding-left: 10px;
 683   padding-right: 0;
 684   text-align: left;
 685 }
 686 .help-block {
 687   margin-top: 5px;
 688   margin-bottom: 5px;
 689   color: #a94442 !important;
 690 }
 691 .form-inline input {
 692   margin-bottom: 0px !important;
 693 }
 694 .form-horizontal .control-label {
 695   text-align: right;
 696 }
 697 .form-group .control-label {
 698   padding-top: 3px;
 699 }
 700 .form-control-static {
 701   font-size: 14px;
 702   padding-top: 7px;
 703 }
 704 .control-label .required {
 705   color: #e02222;
 706   font-size: 12px;
 707   padding-left: 2px;
 708 }
 709 .form-control:focus {
 710   -webkit-box-shadow: none;
 711   box-shadow: none;
 712 }
 713 select.form-control,
 714 .form-control {
 715   padding: 4px 12px;
 716   border-radius: 2px;
 717   height: 30px;
 718   /* width:400px;*/
 719   border-color: #ddd;
 720 }
 721 select.form-control:not([size]):not([multiple]) {
 722   height: 30px ;
 723 }
 724 /***checkbox&radio***/
 725 /* Checkbox */
 726 .form-group .checkbox {
 727   padding-left: 0;
 728 }
 729 .checkbox-list > label {
 730   display: block;
 731 }
 732 .checkbox-list > label.checkbox-inline {
 733   display: inline-block;
 734 }
 735 .checkbox-list > label.checkbox-inline:first-child {
 736   padding-left: 0;
 737 }
 738 /* Radios */
 739 input[type="radio"] {
 740   cursor: pointer;
 741 }
 742 .radio-list > label {
 743   display: block;
 744 }
 745 .radio-list > label.radio-inline {
 746   display: inline-block;
 747 }
 748 .radio-list > label.radio-inline:first-child {
 749   padding-left: 0;
 750 }
 751 .form-horizontal .radio-list .radio {
 752   padding-top: 1px;
 753 }
 754 .form-horizontal .radio-list > label {
 755   margin-bottom: 0;
 756 }
 757 .form-horizontal .radio > span {
 758   margin-top: 2px;
 759 }
 760 input[type="checkbox"]:focus,
 761 input[type="radio"]:focus {
 762   outline: 0;
 763   -webkit-box-shadow: none;
 764   box-shadow: none;
 765   border: 0;
 766 }
 767 .raw-container {
 768   font-size: 0;
 769   position: relative;
 770 }
 771 .raw-container input[type="checkbox"],
 772 .raw-container input[type="radio"] {
 773   position: absolute;
 774   z-index: -1;
 775   opacity: 0;
 776 }
 777 .raw-container input[type="checkbox"] + .checkbox-substitute + span,
 778 .raw-container input[type="radio"] + .radio-substitute + span {
 779   font-weight: normal;
 780   font-size: 12px;
 781   line-height: 12px;
 782   cursor: pointer;
 783   vertical-align: middle;
 784 }
 785 .raw-container input[type="checkbox"] + .checkbox-substitute {
 786   position: relative;
 787   display: inline-block;
 788   cursor: pointer;
 789   height: 14px;
 790   width: 14px;
 791   border: 1px solid #ccc;
 792   border-radius: 2px;
 793   vertical-align: middle;
 794   margin-right: 6px;
 795 }
 796 .raw-container input[type="checkbox"] + .checkbox-substitute:hover {
 797   border-color: #00abff;
 798 }
 799 .raw-container input[type="checkbox"]:checked + .checkbox-substitute {
 800   border-color: #00abff;
 801   background-color: #00abff;
 802 }
 803 .raw-container input[type="checkbox"]:checked + .checkbox-substitute::after {
 804   content: '';
 805   position: absolute;
 806   display: block;
 807   width: 6px;
 808   height: 10px;
 809   border: solid #fff;
 810   border-width: 0 2px 2px 0;
 811   transform: rotate(45deg);
 812   left: 3px;
 813   top: 0;
 814 }
 815 .raw-container input[type="checkbox"][disabled] + .checkbox-substitute {
 816   background-color: #efefef;
 817   cursor: auto;
 818   border-color: #ccc;
 819 }
 820 .raw-container input[type="checkbox"]:checked[disabled] + .checkbox-substitute {
 821   background-color: #efefef;
 822   cursor: auto;
 823   border-color: #ccc;
 824 }
 825 .raw-container input[type="checkbox"]:checked[disabled] + .checkbox-substitute::after {
 826   border: 1px solid #ccc;
 827   border-width: 0 2px 2px 0;
 828 }
 829 .raw-container input[type="checkbox"]:checked.portion + .checkbox-substitute {
 830   background-color: #97dbfc;
 831   border-color: #97dbfc;
 832 }
 833 .raw-container input[type="radio"] + .radio-substitute {
 834   position: relative;
 835   display: inline-block;
 836   cursor: pointer;
 837   height: 14px;
 838   width: 14px;
 839   border: 1px solid #ccc;
 840   border-radius: 14px;
 841   vertical-align: middle;
 842   margin-right: 6px;
 843 }
 844 .raw-container input[type="radio"] + .radio-substitute:hover {
 845   border-color: #00abff;
 846 }
 847 .raw-container input[type="radio"]:checked + .radio-substitute {
 848   border-color: #00abff;
 849   border-width: 4px;
 850 }
 851 .raw-container input[type="radio"][disabled] + .radio-substitute {
 852   border-color: #ccc;
 853   background-color: #efefef;
 854   cursor: auto;
 855 }
 856 .raw-container input[type="radio"]:checked [disabled] + .radio-substitute {
 857   border-color: #ccc;
 858   cursor: auto;
 859 }
 860 /***input***/
 861 ::-webkit-input-placeholder {
 862   color: #bcbcbc !important;
 863 }
 864 :-moz-placeholder {
 865   /* Mozilla Firefox 4 to 18 */
 866   color: #bcbcbc !important;
 867 }
 868 ::-moz-placeholder {
 869   /* Mozilla Firefox 19+ */
 870   color: #bcbcbc !important;
 871 }
 872 input:-ms-input-placeholder {
 873   color: #bcbcbc !important;
 874 }
 875 input::-webkit-input-placeholder {
 876   color: #bcbcbc !important;
 877 }
 878 /*group*/
 879 .input-group-btn-vertical.fa {
 880   font-size: 12px;
 881 }
 882 .input-group.spinner .btn {
 883   min-width: 20px !important;
 884   height: 16px;
 885 }
 886 .spinner {
 887   width: 60px !important;
 888   margin-left: 10px;
 889   margin-right: 30px;
 890 }
 891 .spinner input {
 892   text-align: right;
 893 }
 894 .input-group-btn-vertical {
 895   position: relative;
 896   white-space: nowrap;
 897   width: 1%;
 898   vertical-align: middle;
 899   display: table-cell;
 900 }
 901 .input-group-btn-vertical > .btn {
 902   display: block;
 903   float: none;
 904   width: 100%;
 905   max-width: 100%;
 906   padding: 6px;
 907   margin-left: -1px;
 908   position: relative;
 909   border-radius: 0;
 910 }
 911 .input-group-btn-vertical > .btn {
 912   min-width: 20px;
 913 }
 914 .input-group-btn-vertical > .btn:first-child {
 915   border-top-right-radius: 4px;
 916 }
 917 .input-group-btn-vertical > .btn:last-child {
 918   margin-top: -2px;
 919   border-bottom-right-radius: 4px;
 920 }
 921 .input-group-btn-vertical i {
 922   position: absolute;
 923   top: 0;
 924   left: 6px;
 925 }
 926 /*.input-group .form-control {
 927     height: 26px !important;
 928 }*/
 929 .input-group {
 930   /* width:400px;*/
 931   font-size: 0;
 932 }
 933 .input-group .form-control {
 934   display: inline-block;
 935 }
 936 .input-group .form-control:hover,
 937 .input-group .form-control:focus:hover {
 938   z-index: 2;
 939 }
 940 .input-group .input-group-btn {
 941   z-index: 0;
 942 }
 943 /*html滑块组件*/
 944 input[type="range"] {
 945   margin-top: 2px;
 946   background-color: #f0f3f9;
 947   border: 1px solid #ccd6e8;
 948   border-radius: 15px;
 949   width: 400px;
 950   -webkit-appearance: none;
 951   height: 15px;
 952 }
 953 input[type="range"]::-webkit-slider-thumb {
 954   -webkit-appearance: none;
 955   cursor: pointer;
 956   top: -5px;
 957   height: 28px;
 958   width: 15px;
 959   transform: translateY(-4px);
 960   background: none repeat scroll 0 0 #f0f3f9;
 961   background-color: #9cc2cb;
 962   border-radius: 20px;
 963 }
 964 input[type="range"]:focus {
 965   outline: none;
 966 }
 967 /*search*/
 968 .input-group .btn {
 969   min-width: 40px;
 970   padding-top: 3px;
 971 }
 972 /***tab***/
 973 /*.nav-tabs {
 974   border: 0;
 975   font-weight: bold;
 976 }
 977 .nav-tabs > li.active > a,
 978 .nav-tabs > li.active > a:hover,
 979 .nav-tabs > li.active > a:focus {
 980   border: 0;
 981 }
 982 .nav-tabs > li > a {
 983   border-radius: 0;
 984   font-weight: bold;
 985   border: 0;
 986   margin-right: 0;
 987 }
 988 .nav > li > a:hover,
 989 .nav > li > a:focus {
 990   background-color: transparent;
 991 }
 992 .nav-tabs.boder-tab > li.active > a,
 993 .nav-tabs.boder-tab > div > li.active > a {
 994   border: 1px solid #ddd;
 995   border-bottom: 0;
 996 }
 997 .nav-tabs-content {
 998   border: 1px solid #ddd;
 999 }
1000 !***tab***!
1001 .nav-tabs.tabset > li.active,
1002 .nav-tabs.tabset > li.active:hover,
1003 .nav-tabs.tabset > li.active:focus {
1004   border: 0;
1005   border-top: 2px solid #00abff;
1006 }
1007 .nav-tabs > div > li.active,
1008 .nav-tabs > div > li.active:hover,
1009 .nav-tabs > div > li.active:focus {
1010   border: 0;
1011   background-color: #fcfcfc;
1012   border-top: 2px solid #00abff;
1013 }
1014 ul.nav.nav-tabs {
1015   background-color: transparent;
1016 }
1017 .nav-tabs > div > li > a:hover {
1018   background-color: transparent;
1019   border-bottom: 1px transparent;
1020 }
1021 .nav-tabs .nav-link {
1022   border-top-right-radius: 0;
1023   border-top-left-radius: 0;
1024   color: #777;
1025 }
1026 .nav-tabs .nav-link:hover {
1027   background-color: transparent;
1028   border-color: transparent;
1029   color: #777;
1030 }
1031 .nav-tabs .nav-link:focus {
1032   border-left-color: transparent;
1033   border-right-color: transparent;
1034 }
1035 .boder-tab ul.nav.nav-tabs {
1036   background-color: #fff;
1037 }
1038 .boder-tab ul.nav.nav-tabs .nav-link:hover {
1039   border-bottom: 1px solid #ddd ;
1040   background-color: #fcfcfc;
1041 }
1042 .boder-tab ul.nav.nav-tabs .nav-link.active:hover {
1043   border-bottom: 0 ;
1044 }
1045 .nav-tabs {
1046   border: 0;
1047   font-weight: normal;
1048 }
1049 .nav-tabs > li > a {
1050   border-radius: 0;
1051   font-weight: normal;
1052   border: 0;
1053   margin-right: 0;
1054 }
1055 .nav-tabs > li > a:hover,
1056 .nav-tabs > li > a:focus {
1057   background-color: transparent;
1058 }
1059 .nav-tabs .nav-link.active {
1060   border: 0;
1061   border-top: 2px solid #00abff;
1062   background-color: #fff;
1063 }
1064 .nav-tabs .nav-link.active:hover {
1065   background-color: #fff;
1066   border-top: 2px solid #00abff;
1067 }
1068 .nav-tabs .nav-link.disabled {
1069   border-top: 0;
1070   color: #c2c6c9;
1071 }
1072 .nav-tabs .nav-link.disabled:hover,
1073 .nav-tabs .nav-link.disabled:focus {
1074   background-color: transparent;
1075   color: #c2c6c9;
1076 }
1077 .boder-tab > .nav-tabs > .nav-item > .nav-link.active,
1078 .less-border > .nav-tabs > .nav-item > .nav-link.active {
1079   border: 1px solid #ddd;
1080   border-top: 2px solid #00abff;
1081   border-bottom: 0;
1082 }
1083 .boder-tab .tab-pane.active {
1084   border: 1px solid #ddd;
1085 }
1086 .tab-pane.active {
1087   padding: 15px;
1088 }
1089 .nav-pills .nav-link.active,
1090 .nav-pills .nav-item.show .nav-link {
1091   color: #fff;
1092   cursor: default;
1093   background-color: #00abff;
1094 }
1095 .less-border .tab-pane.active {
1096   border-top: 1px solid #ddd;
1097   border-left: 0;
1098   border-right: 0;
1099   border-bottom: 0;
1100 }*/
1101 /***button***/
1102 button {
1103   font-size: 14px;
1104 }
1105 .btn {
1106   min-width: 80px;
1107   letter-spacing: 1px;
1108   padding-top: 4px !important;
1109   padding-bottom: 4px !important;
1110   height: 30px;
1111   font-size: 14px;
1112   cursor: pointer;
1113   line-height: 1.42857143;
1114 }
1115 .btnGroup .btn,
1116 .btnGroup a {
1117   margin-right: 10px;
1118 }
1119 .btnGroup a:last-child,
1120 .btnGroup .btn:last-child {
1121   margin-right: 0;
1122 }
1123 .btnGroup .sub-btn {
1124   /*float:right;
1125         width: 400px;*/
1126   /*text-align: right;*/
1127 }
1128 .pagination-panel .btn {
1129   min-width: 4px;
1130 }
1131 .btn.dropdown-toggle,
1132 .btn-group .btn.dropdown-toggle,
1133 .btn:hover,
1134 .btn:disabled,
1135 .btn[disabled],
1136 .btn:focus,
1137 .btn:active,
1138 .btn.active {
1139   outline: none !important;
1140   background-image: none !important;
1141   filter: none;
1142   -webkit-box-shadow: none;
1143   -moz-box-shadow: none;
1144   box-shadow: none;
1145   text-shadow: none;
1146 }
1147 .btn-s {
1148   min-width: 50px;
1149   height: 26px;
1150   line-height: 14px;
1151   font-size: 12px;
1152   cursor: pointer;
1153 }
1154 .btn-s:hover {
1155   text-decoration: none ;
1156 }
1157 .btn-s:focus {
1158   outline: 0;
1159 }
1160 .btn-xs {
1161   min-width: 50px;
1162   line-height: 1.2;
1163   padding-top: 3px;
1164   padding-bottom: 3px;
1165   font-size: 12px;
1166   cursor: pointer;
1167 }
1168 .btn-xs:hover {
1169   text-decoration: none ;
1170 }
1171 .btn-xs:focus {
1172   outline: 0;
1173 }
1174 /***btn-group***/
1175 .btn-group .blue1-active {
1176   border-left: #a4d7f7 1px solid !important;
1177 }
1178 .btn-group .blue1-active:hover {
1179   border-left: #1289d6 1px solid !important;
1180 }
1181 .btn-group .white.btn.active,
1182 .btn-group .white.btn-s.active {
1183   border-left: #6ac7f5 1px solid !important;
1184 }
1185 /***toolbar & icons ***/
1186 .toolbar span {
1187   padding: 5px;
1188   font-size: 20px;
1189   cursor: pointer;
1190   color: #00abff;
1191   border: 1px solid transparent;
1192 }
1193 .toolbar span:hover {
1194   color: #00a3f5;
1195   border: 1px solid #cbdfec;
1196 }
1197 .toolbar i.seperate-vertical {
1198   padding: 0;
1199   border-right: 1px solid #ddd;
1200   margin-right: 8px;
1201   margin-left: 4px;
1202 }
1203 /*btn-link*/
1204 .btn-link {
1205   color: #ccc;
1206 }
1207 .btn-link:hover {
1208   color: #1798eb;
1209 }
1210 /***radius***/
1211 .radius-l {
1212   border-radius: 20px;
1213 }
1214 .radius-m {
1215   border-radius: 8px;
1216 }
1217 .radius-s {
1218   border-radius: 4px;
1219 }
1220 .radius-xs {
1221   border-radius: 3px;
1222 }
1223 /***progress***/
1224 .progress,
1225 .progress-s {
1226   border: 0;
1227   background-image: none !important;
1228   filter: none !important;
1229   -webkit-box-shadow: none !important;
1230   -moz-box-shadow: none !important;
1231   box-shadow: none !important;
1232   opacity: 0.7;
1233 }
1234 .progress {
1235   height: 8px;
1236   display: inline-block;
1237 }
1238 .progress-s {
1239   height: 2px;
1240 }
1241 .progress > .progress-bar-success {
1242   background-color: #00abff;
1243 }
1244 .progress-bar {
1245   height: 8px;
1246 }
1247 .progress > .bg-success {
1248   background-color: #00abff !important;
1249 }
1250 .px-progressbar .progress {
1251   display: inline-block;
1252 }
1253 .progress-rate {
1254   vertical-align: sub;
1255   margin-left: 5px;
1256 }
1257 .progress-error {
1258   display: inline-block;
1259   width: 16px;
1260   height: 16px;
1261   border-radius: 16px;
1262   border: 1px solid #ff5b55;
1263   font-size: 12px;
1264   color: #ff5b55;
1265   text-align: center;
1266   line-height: 1;
1267   margin-left: 5px;
1268 }
1269 .progress-error::before {
1270   content: "!";
1271 }
1272 .progressbar-s .progress {
1273   height: 2px;
1274 }
1275 /***separator & title***/
1276 .separator-line {
1277   height: 1px;
1278   width: 100%;
1279   background: #ddd;
1280   overflow: hidden;
1281   margin-bottom: 15px;
1282   opacity: 0.7;
1283 }
1284 .separator {
1285   opacity: 0.7;
1286 }
1287 .separator:hover {
1288   opacity: 1;
1289 }
1290 .separator-line-dashed {
1291   margin-top: 15px;
1292   height: 1px;
1293   border-bottom: 1px dashed #ddd;
1294   margin-bottom: 15px;
1295   overflow: hidden;
1296   width: 100%;
1297 }
1298 .titlefont {
1299   font-size: 14px;
1300   margin-top: 15px;
1301   margin-bottom: 5px;
1302   color: #777;
1303 }
1304 .form-title,
1305 .form-title-foldable {
1306   border-left: 3px solid #00abff;
1307 }
1308 .form-title {
1309   padding: 1px 2px 1px 5px;
1310   margin-bottom: 15px;
1311   color: #7c868d;
1312   font-size: 14px;
1313 }
1314 .form-title-foldable {
1315   padding: 1px 2px 1px 5px;
1316   margin-bottom: 15px;
1317   font-size: 14px;
1318 }
1319 .form-title-foldable span {
1320   margin-right: 10px;
1321   cursor: pointer;
1322 }
1323 .form-title-foldable span[class^="ict-"] {
1324   font-size: 12px;
1325   color: #009ceb;
1326 }
1327 /***ztree***/
1328 .ztree {
1329   padding: 15px 30px 0 5px;
1330 }
1331 .ztree * {
1332   font-family: "microsoft yahei";
1333   font-size: 12px;
1334 }
1335 .ztree li a {
1336   width: auto;
1337   padding-right: 5px;
1338   height: 25px;
1339   border: 1px solid #fff;
1340   padding-left: 5px;
1341 }
1342 .ztree li a:hover {
1343   border: 1px solid #ddd !important;
1344 }
1345 .ztree li > span {
1346   margin-top: 5px !important;
1347 }
1348 .ztree li span.button.chk {
1349   width: 13px;
1350   height: 13px;
1351   margin-left: 10px;
1352   cursor: auto;
1353 }
1354 .ztree li span.button.add {
1355   margin-left: 2px;
1356   margin-right: 4px;
1357   background-position: -144px 0;
1358   vertical-align: top;
1359   *vertical-align: middle;
1360   float: right;
1361 }
1362 .ztree li span.button.edit {
1363   margin-right: 4px;
1364   background-position: -110px -48px;
1365   vertical-align: top;
1366   *vertical-align: middle;
1367   float: right;
1368 }
1369 .ztree li span.button.remove {
1370   margin-right: 4px;
1371   background-position: -110px -64px;
1372   vertical-align: top;
1373   *vertical-align: middle;
1374   float: right;
1375 }
1376 .ztree li a.curSelectedNode {
1377   height: 25px;
1378   border: 1px #accbdd solid !important;
1379 }
1380 .ztree-select .ztree li a {
1381   border: 1px solid #fff !important;
1382 }
1383 .ztree-select .ztree li a:hover {
1384   border: 1px #ddd solid !important;
1385 }
1386 /***px-tree***/
1387 .px-tree ul.px-tree-children {
1388   -webkit-padding-start: 21px;
1389 }
1390 /***tip***/
1391 .terminology {
1392   color: #468ECE;
1393   border-bottom: 1px #468ECE dotted;
1394 }
1395 .General-tip {
1396   height: 20px;
1397   width: 20px;
1398   background-color: #fff;
1399   border: 1px #5b9bd1 solid;
1400   padding-bottom: 5px;
1401   padding-left: 5px;
1402   border-radius: 20px;
1403   margin-top: 5px;
1404 }
1405 .General-tip span {
1406   font-size: 15px;
1407   text-align: center;
1408   color: #5b9bd1;
1409   line-height: 1.1;
1410 }
1411 .General-tip:hover {
1412   border: 1px #2a6496 solid;
1413   cursor: pointer;
1414 }
1415 .General-tip:hover span {
1416   color: #2a6496;
1417 }
1418 /*tip-box*/
1419 .frmTipBoxTransition {
1420   -webkit-transition: -webkit-transform 0.3s ease-out;
1421   -o-transition: -o-transform 0.3s ease-out;
1422   transition: transform 0.3s ease-out;
1423   -webkit-transform: translate(0, 50%);
1424   -ms-transform: translate(0, 50%);
1425   -o-transform: translate(0, 50%);
1426   transform: translate(0, 50%);
1427 }
1428 #frmTipBox {
1429   position: absolute;
1430   width: 400px;
1431   margin: 10px auto;
1432   left: 30%;
1433   right: 30%;
1434   top: 14px;
1435 }
1436 /*alert*/
1437 .alert {
1438   padding: 12px 15px;
1439   max-width: 600px;
1440   text-align: left;
1441   -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
1442   -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
1443   box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
1444 }
1445 /*
1446 .alert-success {
1447     color: #fff;
1448     background-color: #73cf22;
1449     border-color:#73cf22;
1450 }
1451
1452 .alert-info {
1453     color: #fff;
1454     background-color: #00abff;
1455         border-color:#00abff;
1456 }
1457
1458 .alert-warning {
1459     color: #fff;
1460     background-color: #f7c515;
1461         border-color:#f7c515;
1462 }
1463
1464 .alert-danger {
1465     color: #fff;
1466     background-color: #ff5b55;
1467         border-color:#ff5b55;
1468 }*/
1469 .close {
1470   color: #f2f2f2;
1471   font-size: 16px;
1472 }
1473 .close:hover,
1474 .close:focus {
1475   color: inherit;
1476   outline: 0;
1477 }
1478 .alert-success {
1479   color: #56963e;
1480   background-color: #edfbe8;
1481   border-color: #d5eccc;
1482   opacity: 0.85;
1483 }
1484 .alert-info {
1485   color: #5090c3;
1486   background-color: #ecf7fd;
1487   border-color: #bce1f1;
1488   opacity: 0.85;
1489 }
1490 .alert-warning {
1491   color: #bf880a;
1492   background-color: #fff8e9;
1493   border-color: #f5e1b8;
1494   opacity: 0.85;
1495 }
1496 .alert-danger {
1497   color: #df4364;
1498   background-color: #fbf0f1;
1499   border-color: #f3d9da;
1500   opacity: 0.85;
1501 }
1502 .close {
1503   color: #333;
1504   font-size: 1rem;
1505 }
1506 /*tooltip*/
1507 .tooltip.show {
1508   font-size: 12px;
1509   opacity: 1;
1510 }
1511 .tooltip.show .tooltip-inner {
1512   background-color: #4d5761;
1513   border-radius: 4px;
1514   padding: 5px 8px;
1515 }
1516 .tooltip.tooltip-top .tooltip-inner::before,
1517 .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
1518   border-top-color: #4d5761;
1519 }
1520 .tooltip.tooltip-right .tooltip-inner::before,
1521 .tooltip.bs-tether-element-attached-left .tooltip-inner::before {
1522   border-right-color: #4d5761;
1523 }
1524 .tooltip.tooltip-bottom .tooltip-inner::before,
1525 .tooltip.bs-tether-element-attached-top .tooltip-inner::before {
1526   border-bottom-color: #4d5761;
1527 }
1528 .tooltip.tooltip-left .tooltip-inner::before,
1529 .tooltip.bs-tether-element-attached-right .tooltip-inner::before {
1530   border-left-color: #4d5761;
1531 }
1532 /*modal*/
1533
1534 /***pagination***/
1535 .page-item.active .page-link {
1536   background-color: #1798eb;
1537   border-color: #1798eb;
1538 }
1539 /***wizard***/
1540 .form-wizard .nav > li > a {
1541   padding-bottom: 0;
1542 }
1543 .wizard-body .button-next.disabled,
1544 .wizard-body .button-previous.disabled {
1545   display: none ;
1546 }
1547 .wizard-body .nav .step {
1548   background: none !important;
1549 }
1550 .form-wizard .progress {
1551   margin-bottom: 30px;
1552   margin-top: 10px;
1553   height: 4px;
1554   width: 100%;
1555 }
1556 .form-wizard .steps {
1557   background-color: #fff ;
1558   background-image: none ;
1559   filter: none ;
1560   border: 0px;
1561   box-shadow: none ;
1562 }
1563 .form-wizard .steps li a {
1564   background-color: #fff ;
1565   background-image: none ;
1566   filter: none;
1567   border: 0px;
1568   box-shadow: none ;
1569   color: #7c868d;
1570 }
1571 .form-wizard .steps:hover {
1572   background: none;
1573 }
1574 .form-wizard .step:hover {
1575   text-decoration: none;
1576 }
1577 .form-wizard .step .number {
1578   background-color: #ddd;
1579   color: #fff;
1580   display: inline-block;
1581   text-align: center !important;
1582   font-size: 14px;
1583   font-weight: 300;
1584   padding-top: 2px;
1585   margin-right: 10px;
1586   height: 24px;
1587   width: 24px;
1588   -webkit-border-radius: 50% !important;
1589   -moz-border-radius: 50% !important;
1590   border-radius: 50% !important;
1591 }
1592 .form-wizard .step .desc {
1593   display: inline-block;
1594   font-size: 14px;
1595   font-weight: 300;
1596   color: #7c868d;
1597 }
1598 .form-wizard .step i {
1599   display: none;
1600 }
1601 .form-wizard .active .step .number {
1602   background-color: #35aa47;
1603   color: #fff;
1604 }
1605 .form-wizard .active .step .desc {
1606   color: #333;
1607   font-weight: 400;
1608 }
1609 .form-wizard .done .step .number {
1610   background-color: #73cf22 ;
1611   color: #fff;
1612 }
1613 .form-wizard .done .step .desc {
1614   font-weight: 400;
1615 }
1616 .form-wizard .done .step .form-wizard .done .step i {
1617   font-size: 12px;
1618   font-weight: normal;
1619   color: #999;
1620   display: inline-block;
1621 }
1622 .form-wizard .steps > li.active > a.step .number {
1623   background-color: #00abff;
1624 }
1625 @media (min-width: 600px) and (max-width: 1280px) {
1626   .form-wizard .step .desc {
1627     margin-top: 10px;
1628     display: block;
1629   }
1630 }
1631 @media (max-width: 600px) {
1632   .form-wizard .steps > li > a {
1633     text-align: left;
1634   }
1635 }
1636 @media (min-width: 600px) {
1637   .nav-justified > li {
1638     display: table-cell;
1639     width: 1%;
1640   }
1641 }
1642 .px-wizard .nav.nav-pills.steps li {
1643   text-align: center;
1644 }
1645 .px-wizard .nav.nav-pills.steps li .desc {
1646   font-size: 14px;
1647 }
1648 .px-wizard .nav.nav-pills.steps li .px-wizard .form-wizard .step .number {
1649   padding-top: 1px;
1650 }
1651 /***popover***/
1652 ngb-popover-window.popover.show {
1653   color: #333;
1654   border: 1px solid #ddd;
1655 }
1656 .popover.popover-top::after,
1657 .popover.bs-tether-element-attached-bottom::after {
1658   border-top-color: #fff;
1659 }
1660 .popover.popover-top::before,
1661 .popover.bs-tether-element-attached-bottom::before {
1662   border-top-color: #ddd;
1663 }
1664 .popover.popover-left::after,
1665 .popover.bs-tether-element-attached-right::after {
1666   border-left-color: #fff;
1667 }
1668 .popover.popover-left::before,
1669 .popover.bs-tether-element-attached-right::before {
1670   border-left-color: #ddd;
1671 }
1672 .popover.popover-right::after,
1673 .popover.bs-tether-element-attached-left::after {
1674   border-right-color: #fff;
1675 }
1676 .popover.popover-right::before,
1677 .popover.bs-tether-element-attached-left::before {
1678   border-right-color: #ddd;
1679 }
1680 .popover.popover-bottom::after,
1681 .popover.bs-tether-element-attached-top::after {
1682   border-bottom-color: #fff;
1683 }
1684 .popover.popover-bottom::before,
1685 .popover.bs-tether-element-attached-top::before {
1686   border-bottom-color: #ddd;
1687 }
1688 .popover {
1689   max-width: 600px;
1690   min-width: 250px;
1691   background-color: #fff;
1692   font-family: "Microsoft yahei", Segoe UI, Arial !important;
1693   font-size: 12px;
1694   border-color: #ddd;
1695   -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
1696   -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
1697   box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
1698 }
1699 .popover .popover-title {
1700   background-color: #fff;
1701   border-bottom: 1px solid #ddd;
1702 }
1703 .popover .popover-content {
1704   background-color: #fff;
1705   padding-top: 20px;
1706 }
1707 .popover .ict-warning {
1708   color: #ff5b55;
1709   font-size: 26px;
1710   margin-right: 5px;
1711 }
1712 .popover .popo {
1713   text-align: center;
1714 }
1715 .popover .pop-btn {
1716   float: right;
1717   margin-top: 10px;
1718   margin-bottom: 10px;
1719   font-size: 0;
1720 }
1721 .popover .pop-btn .btn-s {
1722   margin-left: 10px;
1723 }
1724 .popover .tip-info span {
1725   vertical-align: middle;
1726 }
1727 .popover .tip-info .content {
1728   font-size: 14px;
1729 }
1730 /***collapse***/
1731 /*.collapse-bottom .card span.pop-trgl {
1732     position: absolute;
1733     top: -10px;
1734     left: 20px;
1735     width: 0;
1736     height: 0;
1737     border-style: solid;
1738     border-width: 0 10px 10px 10px;
1739     border-color: transparent transparent #cbc5c5 transparent;
1740 }
1741 .collapse-bottom .card span.pop-trgl i {
1742     position: absolute;
1743     left: -9px;
1744     top: 1px;
1745     width: 0;
1746     height: 0;
1747     border-style: solid;
1748     border-width: 0 9px 9px 9px;
1749     border-color: transparent transparent #fff transparent;
1750 }
1751
1752 .collapse-top .card span.pop-trgl {
1753     position: absolute;
1754     bottom: -10px;
1755     left: 20px;
1756     width: 0;
1757     height: 0;
1758     border-style: solid;
1759     border-width: 0 10px 10px 10px;
1760     border-color: transparent transparent #cbc5c5 transparent;
1761         transform:rotate(180deg);
1762 }
1763 .collapse-top .card span.pop-trgl i {
1764     position: absolute;
1765     left: -9px;
1766     top: 1px;
1767     width: 0;
1768     height: 0;
1769     border-style: solid;
1770     border-width: 0 9px 9px 9px;
1771     border-color: transparent transparent #fff transparent;
1772 }
1773 .collapse-top .card-block {
1774   padding: 0;
1775 }
1776 .collapse-top .card {
1777   margin-bottom: 5px;
1778   padding: 15px;
1779 }
1780 .collapse-bottom .card {
1781   margin-top: 5px;
1782   padding: 15px;
1783 }*/
1784 /***select-box with icon***/
1785 .iconselect-box .col-xs-1 {
1786   width: 15px;
1787   padding: 110px 0 0 0;
1788 }
1789 .iconPosition > div {
1790   margin: 20px 0px 0px 0px;
1791 }
1792 /***.dropdown-item***/
1793 .dropdown-item {
1794   color: #4d5761;
1795 }
1796 .dropdown-item:focus,
1797 .dropdown-item:hover,
1798 .dropdown-item:active {
1799   background-color: #f8f8f8;
1800   outline: none;
1801   color: #4d5761;
1802 }
1803 .dropdown-menu {
1804   border: 0;
1805   -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
1806   -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
1807   box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
1808 }
1809 .btn-xs + .dropdown-menu .dropdown-item {
1810   font-size: 12px;
1811 }
1812 /***datepicker***/
1813 .px-dp-header {
1814   border-bottom: 0 !important;
1815 }
1816 .px-dp-header select.custom-select {
1817   color: #777;
1818   margin-top: 5px;
1819   width: 45%;
1820   margin-right: 5px;
1821   font-size: 12px;
1822 }
1823 .px-date-range-picker .ngb-dp-weekday {
1824   color: #777;
1825 }
1826 /*.px-dp-months.pb-1{
1827           padding-left:15px !important;
1828       padding-right:15px !important;
1829      .px-dp-day,
1830      .px-dp-weekday,
1831      .px-dp-week-number{
1832        width:40px;
1833            height:40px;
1834     }
1835   }*/
1836 .px-dp-week.d-flex {
1837   color: #777;
1838 }
1839 .font-italic {
1840   font-style: normal;
1841 }
1842 .px-dp-weekday.text-info {
1843   color: #777 !important;
1844 }
1845 .px-dp-day .btn-secondary {
1846   border-radius: 20px !important;
1847 }
1848 .px-dp-day .bg-primary {
1849   background-color: #00abff !important;
1850   border-radius: 20px !important;
1851 }
1852 .dropdown-menu .px-dp-day {
1853   font-size: 14px;
1854 }
1855 .dropdown-menu .px-dp-weekday.small {
1856   font-size: 80%;
1857 }
1858 .px-dp-month-name.text-center {
1859   color: #777;
1860   font-size: 14px !important;
1861 }
1862 .custom-day.weekend {
1863   background-color: #00abff !important;
1864   height: 2rem;
1865   line-height: 1.8;
1866   border-radius: 20px !important;
1867 }
1868 .custom-day.weekend:hover {
1869   background-color: #00a3f5 !important;
1870 }
1871 /***px-upload***/
1872 .px-uploder .progress {
1873   width: 300px;
1874 }