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