client/client-common/src/main/resources/css/interfaceAssets.css

   1 /*
   2  * ============LICENSE_START=======================================================
   3  *  Copyright (C) 2019 Nordix Foundation.
   4  * ================================================================================
   5  * Licensed under the Apache License, Version 2.0 (the "License");
   6  * you may not use this file except in compliance with the License.
   7  * You may obtain a copy of the License at
   8  *
   9  *      http://www.apache.org/licenses/LICENSE-2.0
  10  *
  11  * Unless required by applicable law or agreed to in writing, software
  12  * distributed under the License is distributed on an "AS IS" BASIS,
  13  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14  * See the License for the specific language governing permissions and
  15  * limitations under the License.
  16  *
  17  * SPDX-License-Identifier: Apache-2.0
  18  * ============LICENSE_END=========================================================
  19  */
  20 @charset "utf-8";
  21
  22 html {
  23     position: relative;
  24     font-family: Arial, Helvetica, sans-serif;
  25     font-size: 10px !important;
  26     line-height: 10px !important;
  27     margin: 0;
  28     padding: 0;
  29     width: 100%;
  30     height: 100%;
  31 }
  32
  33 body {
  34     font-size: 1.6rem;
  35     line-height: 1.2rem;
  36     color: #333333;
  37     background-color: #ffffff;
  38     margin: 0;
  39     padding: 0;
  40 }
  41
  42 *:focus, .ebInput:focus, .ebIcon:focus, .ebCheckbox:focus+.ebCheckbox-inputStatus:after,
  43     .ebRadioBtn:focus+.ebRadioBtn-inputStatus:after, textarea:focus, button:focus,
  44     i:focus {
  45     /**
  46      * FF outline do not looks same as Chrome so adding box shadow
  47      * FF outline is not working as expected
  48      **/
  49     /*
  50      * one way of outline
  51     outline: #4d90fe auto 5px;
  52     box-shadow: 0 0 0 1px #4d90fe;
  53     -webkit-box-shadow: none;
  54     */
  55     outline: none; //
  56     box-shadow: 0 0 2px 1px #FFFFFF;
  57 }
  58
  59 h1, h2, h3, h4, h5, h6 {
  60     color: #4d4d4d;
  61     font-weight: bold;
  62 }
  63
  64 h1 {
  65     line-height: 3.2rem;
  66     font-size: 3.2rem;
  67     font-weight: normal;
  68     padding: 0.6rem 0;
  69     margin: 0 0 0.6rem 0;
  70 }
  71
  72 h2 {
  73     border-bottom: #000000 solid 1px;
  74     line-height: 2.0rem;
  75     font-size: 2.0rem;
  76     font-weight: normal;
  77     padding: 1.2rem 0 0.7rem 0;
  78     margin: 0 0 0.4rem 0;
  79 }
  80
  81 h3 {
  82     border-bottom: #7f7f7f solid 1px;
  83     line-height: 1.6rem;
  84     font-size: 1.6rem;
  85     padding: 1.2rem 0 0.7rem 0;
  86     margin: 0 0 0.4rem 0;
  87     font-weight: normal;
  88     color: #333333;
  89 }
  90
  91 h4 {
  92     border-bottom: #b2b2b2 solid 1px;
  93     line-height: 1.2rem;
  94     font-size: 1.2rem;
  95     padding: 0.6rem 0;
  96     margin: 0 0 0.6rem 0;
  97     font-weight: bold;
  98     color: #333333;
  99 }
 100
 101 .ebLayout-SectionSubheading h3 {
 102     float: left;
 103     margin: 0;
 104     border-bottom: none;
 105 }
 106
 107 /* System Bar */
 108 .ebSystemBar {
 109     position: relative;
 110     width: 100%;
 111     height: 40px;
 112     border-top: 4px solid #0066b3;
 113     background-image: linear-gradient(180deg, #ffffff 0%, #f4f4f4 100%);
 114     box-shadow: 0 1px 2px #D2D2D2;
 115 }
 116
 117 .ebSystemBar::before {
 118     position: absolute;
 119     top: -4px;
 120     left: 0;
 121     width: 100%;
 122     height: 4px;
 123     content: "";
 124     font-size: 0;
 125     background: #0066b3;
 126     background: -o-linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%, #151f77
 127         75%, #db0050 100%);
 128     background: -moz-linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%,
 129         #151f77 75%, #db0050 100%);
 130     background: -webkit-linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%,
 131         #151f77 75%, #db0050 100%);
 132     background: -ms-linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%, #151f77
 133         75%, #db0050 100%);
 134     background: -webkit-gradient(linear, left top, right top, color-stop(0.1, #a2c517),
 135         color-stop(0.3, #009046), color-stop(0.5, #0082b6),
 136         color-stop(0.75, #151f77), color-stop(1, #db0050));
 137     background: linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%, #151f77 75%
 138         , #db0050 100%);
 139 }
 140
 141 .ebSystemBar-logo {
 142     position: absolute;
 143     top: 0;
 144     bottom: 0;
 145     left: 0;
 146     height: 40px;
 147     width: 20px;
 148     padding: 0 10px;
 149     background: url('../resources/systemBar/econ01.svg') no-repeat center
 150         center transparent;
 151     background-size: 20px;
 152 }
 153
 154 .ebSystemBar-topMenuName {
 155     display: inline-block;
 156     padding: 0 5px 0 40px;
 157     margin: 0;
 158     line-height: 40px;
 159     font-size: 16.8px;
 160     color: #58585A;
 161 }
 162
 163 .ebSystemBar-topMenu {
 164     position: absolute;
 165     top: 0;
 166     bottom: 0;
 167     left: 50px;
 168     list-style: none;
 169     height: 40px;
 170     margin: 0;
 171     padding: 0;
 172 }
 173
 174 .ebSystemBar-topMenu li {
 175     display: inline-block;
 176 }
 177
 178 .ebSystemBar-topMenu a {
 179     padding: 0 5px 0 15px;
 180     margin: 0;
 181     font-size: 1.6em;
 182     line-height: 40px;
 183     color: #58585a;
 184     cursor: pointer;
 185     text-decoration: none;
 186 }
 187
 188 .ebSystemBar-topMenu a:hover {
 189     color: #0066B3;
 190 }
 191
 192 .ebSystemBar-rightButton {
 193     float: right;
 194     display: inline-block;
 195     line-height: 40px;
 196     vertical-align: middle;
 197 }
 198
 199 .ebSystemBar-rightButton a {
 200     display: block;
 201     padding: 0 18px 0 18px;
 202     font-size: 1.3rem;
 203     color: #0066B3;
 204     background-color: transparent;
 205     background-repeat: no-repeat;
 206     background-position: 18px center;
 207     border-left: solid 1px #D2D2D2;
 208 }
 209
 210 .ebSystemBar-rightButton a:hover {
 211     text-decoration: underline;
 212 }
 213
 214 .ebSystemBar-rightButton:hover {
 215     background-image: linear-gradient(180deg, #f2f2f2 0%, #e8e8e8 100%);
 216 }
 217
 218 @media screen and (max-width: 640px) {
 219     .ebSystemBar-topBar-rightButton a {
 220         width: 0;
 221         padding-left: 34px;
 222         text-indent: -9999px;
 223     }
 224 }
 225
 226 /* Inline Message */
 227 .ebInlineMessage {
 228     padding: 5px 15px 0px 7px;
 229     font-size: 0;
 230     position: fixed;
 231     bottom: 0;
 232     left: 2;
 233     width: calc(100% - 30px);
 234     height: 66px;
 235     border: 3px solid #adadad;
 236     background-color: #FFFFFF;
 237 }
 238
 239 .ebInlineMessage-iconHolder, .ebInlineMessage-contentHolder {
 240     display: inline-block;
 241     vertical-align: top;
 242 }
 243
 244 .ebInlineMessage-iconHolder {
 245     width: 20px;
 246     margin: 0 12px 0 0;
 247 }
 248
 249 .ebInlineMessage-contentHolder {
 250     width: calc(100% - 32px);
 251     font-size: 1.2rem;
 252 }
 253
 254 .ebInlineMessage-header {
 255     margin-top: 3px;
 256     font-size: 14px;
 257     line-height: 14px;
 258 }
 259
 260 .ebInlineMessage-separator {
 261     height: 1px;
 262     margin: 12px 0;
 263     background-color: #adadad;
 264     opacity: 0.3;
 265 }
 266
 267 .ebInlineMessage-description {
 268     color: #666666;
 269     white-space: pre;
 270 }
 271
 272 /* Table */
 273 .ebTable {
 274     margin: 0;
 275     padding: 0;
 276     table-layout: fixed;
 277     border-left: 1px solid #cccccc; //
 278     ewatkmi: added for visible border;
 279     border-right: 1px solid #cccccc; //
 280     ewatkmi: added for visible border;
 281     border-bottom: 1px solid #cccccc; //
 282     ewatkmi: added for visible border;
 283     border-collapse: collapse;
 284     border-spacing: 0;
 285     color: #1a1a1a;
 286 }
 287
 288 .ebTable_fullW {
 289     width: 100%;
 290 }
 291
 292 .ebTable-th_resizable, .ebTable-th_sortable {
 293     position: relative;
 294 }
 295
 296 .ebTable-th_resizable .ebTable-headerResize {
 297     position: absolute;
 298     top: -20px;
 299     bottom: -20px;
 300     right: -12px;
 301     width: 10px;
 302     cursor: col-resize;
 303     -khtml-user-select: none;
 304     -moz-user-select: none;
 305     -o-user-select: none;
 306     -webkit-user-select: none;
 307     user-select: none;
 308 }
 309
 310 .ebTable-th_sortable {
 311     cursor: pointer !important;
 312 }
 313
 314 .ebTable-th_sortable .ebTable-header {
 315     display: flex;
 316     flex-wrap: nowrap;
 317     flex-direction: row;
 318     align-items: center;
 319 }
 320
 321 .ebTable-th_sortable .ebTable-headerText {
 322     flex-shrink: 1;
 323     flex-grow: 0;
 324     margin-right: 8px;
 325     box-sizing: border-box;
 326     -khtml-user-select: none;
 327     -moz-user-select: none;
 328     -o-user-select: none;
 329     -webkit-user-select: none;
 330     user-select: none;
 331 }
 332
 333 .ebTable-th_sortable .ebTable-headerSort {
 334     flex-grow: 0;
 335     flex-shrink: 0;
 336     flex-basis: 10px;
 337     margin-left: 4px;
 338 }
 339
 340 .ebTable-th_sortable .ebTable-headerSortOrder {
 341     flex-grow: 1;
 342     color: #999999;
 343     font-weight: normal;
 344 }
 345
 346 .ebTable-header {
 347     position: relative;
 348     display: block;
 349     width: 100%;
 350     -moz-box-sizing: border-box;
 351     box-sizing: border-box;
 352 }
 353
 354 .ebTable-headerText {
 355     padding: 4px 0;
 356     display: inline-block;
 357     vertical-align: middle;
 358     width: 100%;
 359     overflow: hidden;
 360     white-space: nowrap;
 361     text-overflow: ellipsis;
 362 }
 363
 364 .ebTable thead tr {
 365     height: 3.2rem;
 366     font-size: 1.2rem;
 367     font-weight: bold;
 368     text-align: left;
 369 }
 370
 371 .ebTable thead tr th {
 372     padding-left: 1.2rem;
 373     padding-right: 1.2rem;
 374     text-align: left;
 375     cursor: default;
 376     border-top: #cccccc solid 1px;
 377     border-bottom: #cccccc solid 1px;
 378     border-right: #e6e6e6 solid 1px;
 379     overflow: hidden;
 380     text-overflow: ellipsis;
 381     white-space: nowrap;
 382 }
 383
 384 .ebTable thead tr th:last-child {
 385     border-right: none;
 386 }
 387
 388 .ebTable thead tr:hover {
 389     background: none;
 390 }
 391
 392 .ebTable thead tr:active {
 393     background: none;
 394 }
 395
 396 .ebTable tbody tr {
 397     height: 3.2rem;
 398     font-size: 1.2rem;
 399     border-bottom: #e6e6e6 solid 1px;
 400 }
 401
 402 .ebTable tbody tr td {
 403     margin: 0;
 404     padding: 0 1.2rem;
 405     overflow: hidden;
 406     text-overflow: ellipsis;
 407     white-space: nowrap;
 408     cursor: default;
 409     border-right: #e6e6e6 solid 1px;
 410 }
 411
 412 .ebTable tbody tr td:last-child {
 413     border-right: none;
 414 }
 415
 416 .ebTable_striped tbody tr {
 417     border-bottom: none;
 418 }
 419
 420 .ebTable_striped tbody tr td {
 421     border-right: none;
 422 }
 423
 424 .ebTable_striped tbody tr:nth-of-type(even) {
 425     background-color: #f2f2f2;
 426 }
 427
 428 .ebTable_striped tbody tr:nth-of-type(odd) { //
 429     ewatkmi: added for nested tables;
 430     background-color: #ffffff;
 431 }
 432
 433 .ebTable_compact tbody tr {
 434     height: 2.6rem;
 435 }
 436
 437 .ebTable_expandableStriped {
 438     border-collapse: separate;
 439 }
 440
 441 .ebTable_expandableStriped tbody tr {
 442     border-bottom: none;
 443 }
 444
 445 .ebTable_expandableStriped tbody tr td {
 446     border-right: none;
 447 }
 448
 449 .ebTable_expandableStriped tbody tr:nth-of-type(4n-1),
 450     .ebTable_expandableStriped tbody tr:nth-of-type(4n) {
 451     background-color: #f2f2f2;
 452 }
 453
 454 .ebTable_pinstripe tr td {
 455     border-bottom: #e6e6e6 solid 1px;
 456 }
 457
 458 .ebTable_color_paleBlue.ebTable thead tr th {
 459     background-color: #99ddee;
 460     border-top: none;
 461     border-bottom: none;
 462 }
 463
 464 .ebTable_color_paleBlue.ebTable_striped tbody tr:nth-of-type(even) {
 465     background-color: #e6f6fb;
 466 }
 467
 468 .ebTable_color_purple.ebTable thead tr th {
 469     background-color: #ca9bc1;
 470     border-top: none;
 471     border-bottom: none;
 472 }
 473
 474 .ebTable_color_purple.ebTable_striped tbody tr:nth-of-type(even) {
 475     background-color: #f2e6ef;
 476 }
 477
 478 .ebTable_color_darkGreen.ebTable thead tr th {
 479     background-color: #99c0bf;
 480     border-top: none;
 481     border-bottom: none;
 482 }
 483
 484 .ebTable_color_darkGreen.ebTable_striped tbody tr:nth-of-type(even) {
 485     background-color: #e6efef;
 486 }
 487
 488 .ebTable_color_green.ebTable thead tr th {
 489     background-color: #d0e3a2;
 490     border-top: none;
 491     border-bottom: none;
 492 }
 493
 494 .ebTable_color_green.ebTable_striped tbody tr:nth-of-type(even) {
 495     background-color: #f3f8e8;
 496 }
 497
 498 .ebTable_color_yellow.ebTable thead tr th {
 499     background-color: #fde499;
 500     border-top: none;
 501     border-bottom: none;
 502 }
 503
 504 .ebTable_color_yellow.ebTable_striped tbody tr:nth-of-type(even) {
 505     background-color: #fff8e6;
 506 }
 507
 508 .ebTable_color_orange.ebTable thead tr th {
 509     background-color: #f9d099;
 510     border-top: none;
 511     border-bottom: none;
 512 }
 513
 514 .ebTable_color_orange.ebTable_striped tbody tr:nth-of-type(even) {
 515     background-color: #fef3e6;
 516 }
 517
 518 .ebTable_color_red.ebTable thead tr th {
 519     background-color: #f4a6a3;
 520     border-top: none;
 521     border-bottom: none;
 522 }
 523
 524 .ebTable_color_red.ebTable_striped tbody tr:nth-of-type(even) {
 525     background-color: #fce9e8;
 526 }
 527
 528 .ebTable_borderTop_none thead tr th {
 529     border-top: none;
 530 }
 531
 532 .ebTable_verticalBorders_none thead tr th, .ebTable_verticalBorders_none tr td
 533     {
 534     border-right: none !important;
 535     border-left: none !important;
 536 }
 537
 538 .ebTable_wrapHeaders th {
 539     white-space: normal !important;
 540     text-overflow: inherit !important;
 541 }
 542
 543 .ebTable_wrapHeaders th .ebTable-headerText {
 544     white-space: normal !important;
 545     text-overflow: inherit !important;
 546 }
 547
 548 .ebTable-expandableRow {
 549     height: inherit !important;
 550     display: none;
 551 }
 552
 553 .ebTable-expandableRow_expanded {
 554     display: table-row;
 555 }
 556
 557 .ebTable-expandableRow>td {
 558     padding: 0 !important;
 559 }
 560
 561 .ebTable-expandableRow>td>div {
 562     overflow: hidden;
 563     height: 0;
 564     transition: height 0.3s ease-in-out;
 565 }
 566 /**
 567  * Hover/Active/Selected Effects
 568  *
 569  * Modifiers:
 570  *    .ebTable_hoverActive_none (disables native hover and active selectors, primarily for pin columns plugin)
 571  */
 572 .ebTable {
 573     /** Hover effect **/
 574
 575 }
 576
 577 .ebTable.ebTable:not (.ebTable_hoverActive_none ) tbody tr:not (.ebTable-expandableRow
 578     ):not (.headerRow ):hover>*, .ebTable tbody tr:not (.ebTable-expandableRow
 579     ):not (.headerRow ).ebTableRow_hover>* {
 580     background-image: linear-gradient(0deg, rgba(0, 102, 179, 0.1),
 581         rgba(0, 102, 179, 0.1));
 582 }
 583
 584 .ebTable.ebTable_highlightedEffect_solid tbody tr:not (.ebTable-expandableRow
 585     ).ebTableRow_highlighted>* {
 586     background-color: #ffffff !important;
 587 }
 588
 589 /* Context Menu */
 590 .ebContextMenu {
 591     position: relative;
 592     width: 16px;
 593     height: 16px;
 594 }
 595
 596 .ebContextMenu:focus {
 597     outline: none;
 598 }
 599
 600 .ebContextMenu-ExpandBtn, .ebContextMenu-expandBtn {
 601     width: 16px;
 602     height: 16px;
 603     position: relative;
 604     -khtml-user-select: none;
 605     -moz-user-select: none;
 606     -o-user-select: none;
 607     -webkit-user-select: none;
 608     user-select: none;
 609 }
 610
 611 .ebContextMenu-ExpandBtn:focus, .ebContextMenu-expandBtn:focus {
 612     outline: none;
 613 }
 614
 615 .ebContextMenu-Dropdown, .ebContextMenu-body {
 616     position: absolute;
 617     z-index: 1500;
 618     min-width: 60px;
 619     width: auto;
 620     height: auto;
 621     white-space: nowrap;
 622     overflow: hidden;
 623     text-overflow: ellipsis;
 624     -khtml-user-select: none;
 625     -moz-user-select: none;
 626     -o-user-select: none;
 627     -webkit-user-select: none;
 628     user-select: none;
 629     box-shadow: 5px 5px 5px #87888A;
 630 }
 631
 632 .ebContextMenu-Dropdown_corner_default,
 633     .ebContextMenu-body_corner_default {
 634     position: absolute;
 635     top: 20px;
 636     left: 0px;
 637 }
 638
 639 .ebContextMenu-Dropdown_corner_topRight,
 640     .ebContextMenu-body_corner_topRight {
 641     position: absolute;
 642     top: 20px;
 643     right: 0px;
 644 }
 645
 646 .ebContextMenu-Dropdown_corner_bottomLeft,
 647     .ebContextMenu-body_corner_bottomLeft {
 648     position: absolute;
 649     bottom: 20px;
 650     left: 0px;
 651 }
 652
 653 .ebContextMenu-Dropdown_corner_bottomRight,
 654     .ebContextMenu-body_corner_bottomRight {
 655     position: absolute;
 656     bottom: 20px;
 657     right: 0px;
 658 }
 659
 660 .ebContextMenu-Dropdown_visible_false, .ebContextMenu-body_visible_false
 661     {
 662     visibility: hidden;
 663 }
 664
 665 .ebContextMenu-Dropdown_visible_true, .ebContextMenu-body_visible_true {
 666     display: block;
 667 }
 668
 669 /* Component List */
 670 .ebComponentList {
 671     position: relative;
 672     z-index: 1500;
 673     padding: 4px 0;
 674     margin: 0;
 675     color: #333333;
 676     list-style: none;
 677     background-color: #ffffff;
 678     border: #bfbfbf solid 1px;
 679     box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
 680     border-radius: 3px;
 681     -moz-box-sizing: border-box;
 682     box-sizing: border-box;
 683 }
 684
 685 .ebComponentList-group, .ebComponentList-item {
 686     padding: 0 0.8rem;
 687     line-height: 2.4rem;
 688     font-size: 1.2rem;
 689     background-color: #ffffff;
 690 }
 691
 692 .ebComponentList-iconHolder {
 693     display: inline-block;
 694     vertical-align: middle;
 695     width: 16px;
 696     padding-right: 8px;
 697 }
 698
 699 .ebComponentList-item {
 700     cursor: pointer;
 701 }
 702
 703 .ebComponentList-item-name {
 704     display: inline-block;
 705     font-size: 12px;
 706     text-overflow: ellipsis;
 707     overflow: hidden;
 708     width: calc(100% - 24px);
 709     vertical-align: middle;
 710 }
 711
 712 .ebComponentList-item_icon {
 713     font-size: 0;
 714 }
 715
 716 .ebComponentList-link, .ebComponentList-item, .ebComponentList-item>*,
 717     .ebComponentList-group-header {
 718     white-space: nowrap;
 719     text-overflow: ellipsis;
 720     overflow: hidden;
 721 }
 722
 723 .ebComponentList-group {
 724     display: block;
 725 }
 726
 727 .ebComponentList-group_expandable_collapsed>.ebComponentList-group-header,
 728     .ebComponentList-group_expandable_expanded>.ebComponentList-group-header
 729     {
 730     font-size: 0;
 731     cursor: pointer;
 732     white-space: nowrap;
 733     height: 24px;
 734     vertical-align: middle;
 735 }
 736
 737 .ebComponentList-group_expandable_collapsed>.ebComponentList-group-header .ebComponentList-iconHolder+.ebComponentList-group-name,
 738     .ebComponentList-group_expandable_expanded>.ebComponentList-group-header .ebComponentList-iconHolder+.ebComponentList-group-name
 739     {
 740     width: calc(100% - 40px);
 741 }
 742
 743 .ebComponentList-group_expandable_collapsed>.ebComponentList-inner,
 744     .ebComponentList-group_expandable_expanded>.ebComponentList-inner {
 745     padding: 0 0 0 24px;
 746     margin: 0 -0.8rem;
 747 }
 748
 749 .ebComponentList-group_expandable_collapsed>.ebComponentList-group-header
 750     {
 751     border: none;
 752 }
 753
 754 .ebComponentList-group_expandable_collapsed>.ebComponentList-inner .ebComponentList-item
 755     {
 756     overflow: hidden;
 757     padding: 0;
 758     margin: 0;
 759     height: 0;
 760     opacity: 0;
 761     transition: height 0.2s linear, padding 0.075s 0.075s linear, margin
 762         0.075s 0.075s linear, opacity 0.075s linear;
 763 }
 764
 765 .ebComponentList-group_expandable_collapsed>.ebComponentList-inner .ebComponentList-group_expandable_collapsed .ebComponentList-group-header,
 766     .ebComponentList-group_expandable_collapsed>.ebComponentList-inner .ebComponentList-group_expandable_expanded .ebComponentList-group-header
 767     {
 768     overflow: hidden;
 769     padding: 0;
 770     margin: 0;
 771     height: 0;
 772     opacity: 0;
 773     transition: height 0.2s linear, padding 0.075s 0.075s linear, margin
 774         0.075s 0.075s linear, opacity 0.075s linear;
 775 }
 776
 777 .ebComponentList-group_expandable_collapsed>.ebComponentList-inner .ebComponentList-group>.ebComponentList-inner
 778     {
 779     padding: 0;
 780     margin: 0;
 781     transition: padding 0.1s 0.1s linear, margin 0.1s 0.1s linear;
 782 }
 783
 784 .ebComponentList-group_expandable_expanded>.ebComponentList-group-header
 785     {
 786     border-bottom: 1px solid #999;
 787 }
 788
 789 .ebComponentList-group_expandable_expanded>.ebComponentList-inner>.ebComponentList-item
 790     {
 791     overflow: hidden;
 792     height: 24px;
 793     transition: height 0.2s linear, padding 0.075s linear, margin 0.075s
 794         linear, opacity 0.15s 0.15s linear;
 795 }
 796
 797 .ebComponentList-group_expandable_expanded>.ebComponentList-inner>.ebComponentList-group_expandable_expanded>.ebComponentList-group-header,
 798     .ebComponentList-group_expandable_expanded>.ebComponentList-inner>.ebComponentList-group_expandable_collapsed>.ebComponentList-group-header
 799     {
 800     overflow: hidden;
 801     height: 24px;
 802     text-overflow: ellipsis;
 803     transition: height 0.2s linear, padding 0.075s linear, margin 0.075s
 804         linear, opacity 0.15s 0.15s linear;
 805 }
 806
 807 .ebComponentList-group:not (.ebComponentList-group_expandable_collapsed
 808     ):not (.ebComponentList-group_expandable_expanded ) >.ebComponentList-group-header
 809     {
 810     cursor: default !important;
 811     pointer-events: none !important;
 812     -ms-touch-action: none !important;
 813     touch-action: none !important;
 814     -khtml-user-select: none !important;
 815     -moz-user-select: none !important;
 816     -o-user-select: none !important;
 817     -webkit-user-select: none !important;
 818     user-select: none;
 819 }
 820
 821 .ebComponentList-group-header {
 822     font-size: 1.2rem;
 823     font-weight: bold;
 824     line-height: 2.4rem;
 825     border-bottom: 1px solid #999;
 826     background-color: #ffffff;
 827 }
 828
 829 .ebComponentList-group-header_icon {
 830     font-size: 0;
 831 }
 832
 833 .ebComponentList-group-header_icon>.ebComponentList-group-name {
 834     width: calc(100% - 24px);
 835 }
 836
 837 .ebComponentList-group-name {
 838     display: inline-block;
 839     width: calc(100% - 16px);
 840     font-size: 1.2rem;
 841     line-height: 2.4rem;
 842     font-weight: bold;
 843     text-overflow: ellipsis;
 844     overflow: hidden;
 845     white-space: nowrap;
 846     vertical-align: middle;
 847 }
 848
 849 .ebComponentList-inner {
 850     margin: 0 -0.8rem;
 851     padding: 4px 0 0 0;
 852 }
 853
 854 .ebComponentList-link {
 855     display: block;
 856 }
 857
 858 .ebComponentList-link:hover {
 859     text-decoration: none;
 860 }
 861
 862 .ebComponentList-separator {
 863     height: 1px;
 864     margin: 0.4rem;
 865     background-color: #E6E6E6;
 866 }
 867
 868 .ebComponentList_focus_forced .ebComponentList-item:hover {
 869     background-color: transparent;
 870 }
 871
 872 .ebComponentList_focus_forced .ebComponentList-item_focused:hover {
 873     background-color: #e6f0f7;
 874 }
 875
 876 .ebComponentList:not (.ebComponentList_focus_forced ) .ebComponentList-item:hover
 877     {
 878     background-color: #e6f0f7;
 879 }
 880
 881 .ebComponentList_focus_forced .ebComponentList-item:active,
 882     .ebComponentList:not (.ebComponentList_focus_forced ) .ebComponentList-item:active
 883     {
 884     background-color: #cce0f0;
 885 }
 886
 887 .ebComponentList-item {
 888     /* Fixes MultiSelectBox ellipsis bug in Firefox */
 889     margin: 0px !important;
 890     font-size: 1em !important;
 891 }
 892
 893 .ebComponentList-item_focused {
 894     background-color: #e6f0f7;
 895 }
 896
 897 .ebComponentList-item_disabled {
 898     color: #b0b0af;
 899     cursor: not-allowed !important;
 900 }
 901
 902 .ebComponentList-item_disabled:hover, .ebComponentList-item_disabled:active
 903     {
 904     background-color: inherit !important;
 905 }
 906
 907 .ebComponentList-item_selected {
 908     position: relative;
 909     cursor: default;
 910 }
 911
 912 .ebComponentList-item_selected>.ebComponentList-link {
 913     cursor: default;
 914     color: #333333;
 915     cursor: default !important;
 916     pointer-events: none !important;
 917     -ms-touch-action: none !important;
 918     touch-action: none !important;
 919     -khtml-user-select: none !important;
 920     -moz-user-select: none !important;
 921     -o-user-select: none !important;
 922     -webkit-user-select: none !important;
 923     user-select: none;
 924 }
 925
 926 .ebComponentList-item_selected:before {
 927     position: absolute;
 928     content: "";
 929     left: 0;
 930     top: 0;
 931     bottom: 0;
 932     width: 100%;
 933     opacity: .2;
 934     background-color: #0967b2;
 935 }
 936
 937 .ebComponentList-item>.ebComponentList-checkboxHolder>.ebCheckbox {
 938     margin-left: 1px;
 939 }
 940
 941 .ebComponentList-item>.ebComponentList-checkboxHolder>.ebCheckbox-label
 942     {
 943     padding-left: 3px;
 944     overflow: hidden;
 945     font-size: 12px;
 946     line-height: 2.4rem;
 947     text-overflow: ellipsis;
 948     width: calc(100% - 24px);
 949 }
 950
 951 .ebComponentList-info {
 952     color: #333333;
 953     font-style: italic;
 954     text-align: center;
 955 }
 956
 957 .ebComponentList-info:hover {
 958     background-color: #ffffff;
 959 }
 960
 961 .ebComponentList-info:active {
 962     background-color: #ffffff;
 963 }
 964
 965 .ebComponentList-info, .ebComponentList-loader {
 966     display: none;
 967     margin: 0.6rem;
 968     cursor: default;
 969 }
 970
 971 .ebComponentList_info .ebComponentList-group, .ebComponentList_info .ebComponentList-separator,
 972     .ebComponentList_info .ebComponentList-item {
 973     display: none;
 974 }
 975
 976 .ebComponentList_info .ebComponentList-info {
 977     display: block;
 978 }
 979
 980 .ebComponentList_loading {
 981     min-height: 34px;
 982 }
 983
 984 .ebComponentList_loading .ebComponentList-loader {
 985     display: block;
 986 }
 987
 988 .ebComponentList_loading .ebComponentList-item_selected:before {
 989     display: none;
 990 }
 991
 992 .ebComponentList_loading>.ebComponentList-group,
 993     .ebComponentList_loading>.ebComponentList-item,
 994     .ebComponentList_loading>.ebComponentList-items>.ebComponentList-group,
 995     .ebComponentList_loading>.ebComponentList-items>.ebComponentList-item {
 996     opacity: 0.4;
 997 }
 998
 999 /* Scrollbar */
1000 .eb_scrollbar {
1001     -webkit-overflow-scrolling: touch;
1002     overflow: auto;
1003 }
1004
1005 .eb_scrollbar::-webkit-scrollbar {
1006     width: 14px;
1007     height: 14px;
1008 }
1009
1010 .eb_scrollbar::-webkit-scrollbar-track {
1011     background-color: #f0f0f0;
1012     background-clip: content-box;
1013 }
1014
1015 .eb_scrollbar::-webkit-scrollbar-thumb {
1016     background-color: #cccccc;
1017     border-radius: 3px;
1018     transition: all 0.2s linear;
1019     background-clip: content-box;
1020 }
1021
1022 .eb_scrollbar::-webkit-scrollbar-thumb:hover {
1023     background-color: #999999;
1024 }
1025
1026 .eb_scrollbar::-webkit-scrollbar-button {
1027     width: 14px;
1028     height: 14px;
1029     background-repeat: no-repeat;
1030     background-color: #f0f0f0;
1031     background-position: center;
1032 }
1033
1034 .eb_scrollbar::-webkit-scrollbar-button:hover {
1035     background-color: #cccccc;
1036 }
1037
1038 .eb_scrollbar::-webkit-scrollbar-button:vertical:decrement {
1039     background-position: center 4px;
1040     background-image:
1041         url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8px' height='5px' viewBox='0 0 8 5' enable-background='new 0 0 8 5' xml:space='preserve'><path fill='#333333' d='M0.293,3.293l3-3C3.488,0.098,3.744,0,4,0s0.512,0.098,0.707,0.293l3,3c0.391,0.391,0.391,1.023,0,1.414 s-1.023,0.391-1.414,0L4,2.414L1.707,4.707c-0.391,0.391-1.023,0.391-1.414,0S-0.098,3.684,0.293,3.293z'/></svg>");
1042     border-top-left-radius: 2px;
1043     border-top-right-radius: 2px;
1044 }
1045
1046 .eb_scrollbar::-webkit-scrollbar-button:vertical:increment {
1047     background-image:
1048         url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8px' height='5px' viewBox='0 0 8 5' enable-background='new 0 0 8 5' xml:space='preserve'><path fill='#333333' d='M7.707,1.707l-3,3C4.512,4.902,4.255,5,4,5S3.488,4.902,3.292,4.707l-3-3c-0.391-0.391-0.391-1.023,0-1.414 s1.023-0.391,1.414,0L4,2.586l2.293-2.293c0.391-0.391,1.023-0.391,1.414,0S8.098,1.316,7.707,1.707z'/></svg>");
1049     border-bottom-left-radius: 2px;
1050     border-bottom-right-radius: 2px;
1051 }
1052
1053 .eb_scrollbar::-webkit-scrollbar-button:horizontal:decrement {
1054     background-position: 4px center;
1055     background-image:
1056         url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='8px' viewBox='0 0 5 8' enable-background='new 0 0 5 8' xml:space='preserve'><defs></defs><path fill='#333333' d='M4.707,6.293c0.391,0.391,0.391,1.023,0,1.414C4.512,7.902,4.256,8,4,8S3.488,7.902,3.293,7.707l-3-3 C0.105,4.52,0,4.266,0,4s0.105-0.52,0.293-0.707l3-3c0.391-0.391,1.023-0.391,1.414,0c0.391,0.39,0.391,1.023,0,1.414L2.414,4 L4.707,6.293z'/></svg>");
1057     border-bottom-left-radius: 2px;
1058     border-top-left-radius: 2px;
1059 }
1060
1061 .eb_scrollbar::-webkit-scrollbar-button:horizontal:increment {
1062     background-image:
1063         url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='8px' viewBox='0 0 5 8' enable-background='new 0 0 5 8' xml:space='preserve'><defs></defs><path fill='#333333' d='M0.293,1.707c-0.391-0.391-0.391-1.023,0-1.414C0.488,0.098,0.744,0,1,0s0.512,0.098,0.707,0.293l3,3 C4.895,3.48,5,3.734,5,4s-0.105,0.52-0.293,0.707l-3,3c-0.391,0.391-1.023,0.391-1.414,0s-0.391-1.023,0-1.414L2.586,4L0.293,1.707z'/></svg>");
1064     border-bottom-right-radius: 2px;
1065     border-top-right-radius: 2px;
1066 }
1067
1068 /* Input */
1069 .ebInput {
1070     display: inline-block;
1071     vertical-align: middle;
1072     text-align: left;
1073     font-size: 1.2rem;
1074     width: 140px;
1075     height: 2.4rem;
1076     padding: 0.4rem 0.6rem;
1077     border: 1px solid #b3b3b3;
1078     -moz-box-sizing: border-box;
1079     box-sizing: border-box;
1080     border-radius: 3px;
1081     box-shadow: inset 1px 1px 0 0 #cccccc;
1082     -webkit-appearance: none;
1083     -moz-appearance: none;
1084     -ms-appearance: none;
1085     appearance: none;
1086 }
1087
1088 .ebInput_wMargin {
1089     margin: 6px;
1090 }
1091
1092 .ebInput_txtCenter {
1093     text-align: center;
1094 }
1095
1096 .ebInput_miniW, .ebInput_width_mini {
1097     width: 40px;
1098 }
1099
1100 .ebInput_smallW, .ebInput_width_small {
1101     width: 80px;
1102 }
1103
1104 .ebInput_longW, .ebInput_width_long {
1105     width: 180px;
1106 }
1107
1108 .ebInput_xLongW, .ebInput_width_xLong {
1109     width: 220px;
1110 }
1111
1112 .ebInput_width_full {
1113     min-width: 40px;
1114     width: 100%;
1115 }
1116
1117 .ebInput_noRightSide {
1118     border-width: 1px 0 1px 1px;
1119     border-radius: 3px 0 0 3px;
1120 }
1121
1122 .ebInput_noLeftSide {
1123     border-width: 1px 1px 1px 0;
1124     border-radius: 0 3px 3px 0;
1125     box-shadow: inset 0 1px 0 0 #cccccc;
1126 }
1127
1128 .ebInput:hover {
1129     border-color: #666666;
1130 }
1131
1132 .ebInput[readonly] {
1133     cursor: text; //
1134     box-shadow: none;
1135     border-color: #E3E3E3;
1136     background-color: #f0f0f0;
1137     color: #b2b2b2;
1138 }
1139
1140 .ebInput[readonly]:hover { //
1141     border-color: #E3E3E3;
1142 }
1143
1144 .ebInput_disabled, .ebInput:disabled {
1145     color: #B2B2B2;
1146     border-color: #B2B2B2;
1147     background-color: rgba(0, 0, 0, 0.05);
1148     -webkit-text-fill-color: #b2b2b2;
1149     opacity: 1;
1150     -ms-touch-action: none !important;
1151     touch-action: none !important;
1152     box-shadow: inset 1px 1px 0 0 #cccccc;
1153 }
1154
1155 .ebInput_borderColor {
1156     border-color: #b3b3b3;
1157 }
1158
1159 .ebInput_borderColor_red {
1160     border-color: #e32119;
1161 }
1162
1163 .ebInput_status_none {
1164     border-color: #b3b3b3;
1165 }
1166
1167 .ebInput_status_warning {
1168     border-color: #f08a00;
1169 }
1170
1171 .ebInput_status_error {
1172     border-color: #e32119;
1173 }
1174
1175 .ebInput.eb_wMargin+.ebInput-status {
1176     margin: -0.2rem 0.8rem 0 0.6rem;
1177 }
1178
1179 .ebInput-status {
1180     display: block;
1181     margin: 0.4rem 0 0 0;
1182     line-height: 1.2rem;
1183     min-height: 1.8rem;
1184     font-size: 1.2rem;
1185     font-weight: normal;
1186 }
1187
1188 .ebInput-statusOk, .ebInput-statusError {
1189     vertical-align: middle;
1190 }
1191
1192 .ebInput-statusOk:before, .ebInput-statusError:before {
1193     display: inline-block;
1194     vertical-align: middle;
1195     margin: 0 0.6rem 0 0;
1196     width: 1.2rem;
1197     height: 1.2rem;
1198     content: '';
1199     background-repeat: no-repeat;
1200 }
1201
1202 .ebInput-statusInfo {
1203     vertical-align: middle;
1204     color: #8d8d8d;
1205 }
1206
1207 .ebInput-statusOk {
1208     color: #89ba17;
1209     display: none;
1210 }
1211
1212 .ebInput-statusOk:before {
1213     background-image: url('../resources/form/valid_icon.svg');
1214 }
1215
1216 .ebInput-statusError {
1217     color: #e32119;
1218     display: none;
1219 }
1220
1221 .ebInput-statusError:before {
1222     background-image: url('../resources/form/invalid_icon.svg');
1223 }
1224
1225 .ebInput-status_none {
1226     display: none;
1227 }
1228
1229 .ebInput-status_hide .ebInput-statusOk, .ebInput-status_hide .ebInput-statusError,
1230     .ebInput-status_hide .ebInput-statusInfo {
1231     display: none;
1232 }
1233
1234 .ebInput-status_info .ebInput-statusInfo {
1235     display: inline-block;
1236 }
1237
1238 .ebInput-status_info .ebInput-statusOk, .ebInput-status_info .ebInput-statusError
1239     {
1240     display: none;
1241 }
1242
1243 .ebInput-status_ok .ebInput-statusOk {
1244     display: inline-block;
1245 }
1246
1247 .ebInput-status_ok .ebInput-statusError, .ebInput-status_ok .ebInput-statusInfo
1248     {
1249     display: none;
1250 }
1251
1252 .ebInput-status_error .ebInput-statusError {
1253     display: inline-block;
1254 }
1255
1256 .ebInput-status_error .ebInput-statusOk, .ebInput-status_error .ebInput-statusInfo
1257     {
1258     display: none;
1259 }
1260
1261 .ebInput:not (.ebInput_validation_focusLost ):valid+.ebInput-status:not
1262     (.ebInput-status_hide ):not (.ebInput-status_info ):not (.ebInput-status_ok
1263     ):not (.ebInput-status_error ) .ebInput-statusOk {
1264     display: inline-block;
1265 }
1266
1267 .ebInput:not (.ebInput_validation_focusLost ):invalid:not (.ebInput_borderColor
1268     ):not (.ebInput_status_warning ):not (.ebInput_status_none ) {
1269     border-color: #e32119;
1270 }
1271
1272 .ebInput:not (.ebInput_validation_focusLost ):invalid+.ebInput-status:not
1273     (.ebInput-status_hide ):not (.ebInput-status_info ):not (.ebInput-status_ok
1274     ):not (.ebInput-status_error ) .ebInput-statusError {
1275     display: inline-block;
1276 }
1277
1278 .ebInput:not (.ebInput_validation_focusLost ):invalid+.ebInput-status:not
1279     (.ebInput-status_hide ):not (.ebInput-status_info ):not (.ebInput-status_ok
1280     ):not (.ebInput-status_error ) .ebInput-statusInfo {
1281     display: none;
1282 }
1283
1284 .ebInput.ebInput_validation_focusLost:not (:focus ):valid+.ebInput-status:not
1285     (.ebInput-status_hide ):not (.ebInput-status_info ):not (.ebInput-status_ok
1286     ):not (.ebInput-status_error ) .ebInput-statusOk {
1287     display: inline-block;
1288 }
1289
1290 .ebInput.ebInput_validation_focusLost:not (:focus ):invalid:not (.ebInput_borderColor
1291     ):not (.ebInput_status_warning ):not (.ebInput_status_none ) {
1292     border-color: #e32119;
1293 }
1294
1295 .ebInput.ebInput_validation_focusLost:not (:focus ):invalid+.ebInput-status:not
1296     (.ebInput-status_hide ):not (.ebInput-status_info ):not (.ebInput-status_ok
1297     ):not (.ebInput-status_error ) .ebInput-statusError {
1298     display: inline-block;
1299 }
1300
1301 .ebInput.ebInput_validation_focusLost:not (:focus ):invalid+.ebInput-status:not
1302     (.ebInput-status_hide ):not (.ebInput-status_info ):not (.ebInput-status_ok
1303     ):not (.ebInput-status_error ) .ebInput-statusInfo {
1304     display: none;
1305 }
1306
1307 /* Textarea */
1308 .ebTextArea {
1309     -webkit-overflow-scrolling: touch;
1310     overflow: auto;
1311     display: inline-block;
1312     vertical-align: middle;
1313     text-align: left;
1314     font-size: 1.2rem;
1315     width: 140px;
1316     padding: 0.4rem 0.6rem;
1317     margin: 0;
1318     border: 1px solid #b3b3b3;
1319     font-family: arial;
1320     -moz-box-sizing: border-box;
1321     box-sizing: border-box;
1322     border-radius: 3px;
1323     box-shadow: inset 1px 1px 0 0 #cccccc;
1324     -webkit-appearance: none;
1325     -moz-appearance: none;
1326     -ms-appearance: none;
1327     appearance: none;
1328 }
1329
1330 .ebTextArea::-webkit-scrollbar {
1331     width: 14px;
1332     height: 14px;
1333 }
1334
1335 .ebTextArea::-webkit-scrollbar-track {
1336     background-color: #f0f0f0;
1337     background-clip: content-box;
1338 }
1339
1340 .ebTextArea::-webkit-scrollbar-thumb {
1341     background-color: #cccccc;
1342     border-radius: 3px;
1343     transition: all 0.2s linear;
1344     background-clip: content-box;
1345 }
1346
1347 .ebTextArea::-webkit-scrollbar-thumb:hover {
1348     background-color: #999999;
1349 }
1350
1351 .ebTextArea::-webkit-scrollbar-button {
1352     width: 14px;
1353     height: 14px;
1354     background-repeat: no-repeat;
1355     background-color: #f0f0f0;
1356     background-position: center;
1357 }
1358
1359 .ebTextArea::-webkit-scrollbar-button:hover {
1360     background-color: #cccccc;
1361 }
1362
1363 .ebTextArea::-webkit-scrollbar-button:vertical:decrement {
1364     background-position: center 4px;
1365     background-image:
1366         url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8px' height='5px' viewBox='0 0 8 5' enable-background='new 0 0 8 5' xml:space='preserve'><path fill='#333333' d='M0.293,3.293l3-3C3.488,0.098,3.744,0,4,0s0.512,0.098,0.707,0.293l3,3c0.391,0.391,0.391,1.023,0,1.414 s-1.023,0.391-1.414,0L4,2.414L1.707,4.707c-0.391,0.391-1.023,0.391-1.414,0S-0.098,3.684,0.293,3.293z'/></svg>");
1367     border-top-left-radius: 2px;
1368     border-top-right-radius: 2px;
1369 }
1370
1371 .ebTextArea::-webkit-scrollbar-button:vertical:increment {
1372     background-image:
1373         url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8px' height='5px' viewBox='0 0 8 5' enable-background='new 0 0 8 5' xml:space='preserve'><path fill='#333333' d='M7.707,1.707l-3,3C4.512,4.902,4.255,5,4,5S3.488,4.902,3.292,4.707l-3-3c-0.391-0.391-0.391-1.023,0-1.414 s1.023-0.391,1.414,0L4,2.586l2.293-2.293c0.391-0.391,1.023-0.391,1.414,0S8.098,1.316,7.707,1.707z'/></svg>");
1374     border-bottom-left-radius: 2px;
1375     border-bottom-right-radius: 2px;
1376 }
1377
1378 .ebTextArea::-webkit-scrollbar-button:horizontal:decrement {
1379     background-position: 4px center;
1380     background-image:
1381         url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='8px' viewBox='0 0 5 8' enable-background='new 0 0 5 8' xml:space='preserve'><defs></defs><path fill='#333333' d='M4.707,6.293c0.391,0.391,0.391,1.023,0,1.414C4.512,7.902,4.256,8,4,8S3.488,7.902,3.293,7.707l-3-3 C0.105,4.52,0,4.266,0,4s0.105-0.52,0.293-0.707l3-3c0.391-0.391,1.023-0.391,1.414,0c0.391,0.39,0.391,1.023,0,1.414L2.414,4 L4.707,6.293z'/></svg>");
1382     border-bottom-left-radius: 2px;
1383     border-top-left-radius: 2px;
1384 }
1385
1386 .ebTextArea::-webkit-scrollbar-button:horizontal:increment {
1387     background-image:
1388         url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='8px' viewBox='0 0 5 8' enable-background='new 0 0 5 8' xml:space='preserve'><defs></defs><path fill='#333333' d='M0.293,1.707c-0.391-0.391-0.391-1.023,0-1.414C0.488,0.098,0.744,0,1,0s0.512,0.098,0.707,0.293l3,3 C4.895,3.48,5,3.734,5,4s-0.105,0.52-0.293,0.707l-3,3c-0.391,0.391-1.023,0.391-1.414,0s-0.391-1.023,0-1.414L2.586,4L0.293,1.707z'/></svg>");
1389     border-bottom-right-radius: 2px;
1390     border-top-right-radius: 2px;
1391 }
1392
1393 .ebTextArea_noMargin {
1394     margin: 0;
1395 }
1396
1397 .ebTextArea_txtCenter {
1398     text-align: center;
1399 }
1400
1401 .ebTextArea_miniW, .ebTextArea_width_mini {
1402     width: 40px;
1403 }
1404
1405 .ebTextArea_smallW, .ebTextArea_width_small {
1406     width: 80px;
1407 }
1408
1409 .ebTextArea_longW, .ebTextArea_width_long {
1410     width: 180px;
1411 }
1412
1413 .ebTextArea_xLongW, .ebTextArea_width_xLong {
1414     width: 220px;
1415 }
1416
1417 .ebTextArea_width_full {
1418     min-width: 40px;
1419     width: 100%;
1420 }
1421
1422 .ebTextArea_noRightSide {
1423     border-width: 1px 0 1px 1px;
1424     border-radius: 3px 0 0 3px;
1425 }
1426
1427 .ebTextArea_noLeftSide {
1428     border-width: 1px 1px 1px 0;
1429     border-radius: 0 3px 3px 0;
1430 }
1431
1432 .ebTextArea:hover {
1433     border-color: #666666;
1434 }
1435
1436 .ebTextArea[readonly] {
1437     cursor: text;
1438     border-color: #E3E3E3;
1439     background-color: #f0f0f0;
1440     color: #b2b2b2;
1441 }
1442
1443 .ebTextArea[readonly]:hover { //
1444     border-color: #E3E3E3;
1445 }
1446
1447 .ebTextArea_disabled, .ebTextArea:disabled {
1448     color: #B2B2B2;
1449     border-color: #B2B2B2;
1450     background-color: rgba(0, 0, 0, 0.05);
1451     -ms-touch-action: none;
1452     touch-action: none;
1453     -webkit-text-fill-color: #b2b2b2;
1454     opacity: 1;
1455     box-shadow: inset 1px 1px 0 0 #cccccc;
1456 }
1457
1458 .ebTextArea_status_none {
1459     border-color: #b3b3b3;
1460 }
1461
1462 .ebTextArea_status_warning {
1463     border-color: #f08a00;
1464 }
1465
1466 .ebTextArea_status_error {
1467     border-color: #e32119;
1468 }
1469
1470 .ebTextArea:invalid:not (.ebTextArea_status_warning ):not (.ebTextArea_status_none
1471     ) {
1472     border-color: #e32119;
1473 }
1474
1475 /* Button */
1476 .ebBtn {
1477     position: relative;
1478     display: inline-block;
1479     vertical-align: middle;
1480     color: #333333;
1481     background-color: #ffffff;
1482     border: none;
1483     min-width: 60px;
1484     box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
1485     border-radius: 3px;
1486     -moz-box-sizing: border-box;
1487     box-sizing: border-box;
1488     background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,
1489         rgba(0, 0, 0, 0.1) 100%);
1490     padding: 0 8px;
1491     height: 2.4rem;
1492     font-size: 1.2rem;
1493     white-space: nowrap;
1494     text-decoration: none;
1495     text-align: center;
1496     cursor: pointer;
1497 }
1498
1499 a.ebBtn:hover {
1500     color: #333;
1501 }
1502
1503 a.ebBtn:focus, a.ebBtn:active, a.ebBtn_active {
1504     text-decoration: none;
1505 }
1506
1507 .ebBtn:focus {
1508     outline: none;
1509     box-shadow: 0 0 2px 1px #4d90fe, 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
1510 }
1511
1512 .ebBtn_color_blue, .ebBtn_color_darkBlue, .ebBtn_color_paleBlue,
1513     .ebBtn_color_darkGreen, .ebBtn_color_green, .ebBtn_color_orange,
1514     .ebBtn_color_red, .ebBtn_color_purple {
1515     background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,
1516         rgba(0, 0, 0, 0.3) 100%);
1517     color: #F0F0F0 !important;
1518 }
1519
1520 .ebBtn_color_blue:hover, .ebBtn_color_darkBlue:hover,
1521     .ebBtn_color_paleBlue:hover, .ebBtn_color_darkGreen:hover,
1522     .ebBtn_color_green:hover, .ebBtn_color_orange:hover, .ebBtn_color_red:hover,
1523     .ebBtn_color_purple:hover {
1524     background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,
1525         rgba(0, 0, 0, 0.1) 100%);
1526 }
1527
1528 .ebBtn_color_blue {
1529     background-color: #0966b3;
1530 }
1531
1532 .ebBtn_color_darkBlue {
1533     background-color: #0066b3;
1534 }
1535
1536 .ebBtn_color_paleBlue {
1537     background-color: #00A9D4;
1538 }
1539
1540 .ebBtn_color_darkGreen {
1541     background-color: #00625F;
1542 }
1543
1544 .ebBtn_color_green {
1545     background-color: #89BA17;
1546 }
1547
1548 .ebBtn_color_orange {
1549     background-color: #F08A00;
1550 }
1551
1552 .ebBtn_color_red {
1553     background-color: #E32119;
1554 }
1555
1556 .ebBtn_color_purple {
1557     background-color: #953882;
1558 }
1559
1560 .ebBtn_small {
1561     font-size: 1.1rem;
1562     padding: 0 6px;
1563     height: 2rem;
1564 }
1565
1566 .ebBtn_large {
1567     font-size: 1.4rem;
1568     padding: 0 10px;
1569     height: 3.8rem;
1570 }
1571
1572 .ebBtn:hover {
1573     text-decoration: none;
1574     background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,
1575         rgba(0, 0, 0, 0.15) 100%);
1576 }
1577
1578 .ebBtn_active, .ebBtn:active, .ebBtn_active:hover {
1579     text-decoration: none;
1580     box-shadow: inset 2px 2px 2.5px 0 rgba(0, 0, 0, 0.35), inset 0 0 0 1px
1581         rgba(0, 0, 0, 0.2);
1582     background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%,
1583         rgba(0, 0, 0, 0.2) 100%);
1584 }
1585
1586 .ebBtn:disabled, .ebBtn_disabled, .ebBtn:disabled:hover, .ebBtn_disabled:hover,
1587     .ebBtn:disabled:active, .ebBtn_disabled:active {
1588     -ms-touch-action: none !important;
1589     cursor: not-allowed !important;
1590     touch-action: none !important;
1591     background: rgba(0, 0, 0, 0.1);
1592     color: #8d8d8d !important;
1593 }
1594
1595 .ebBtn:disabled .ebIcon, .ebBtn_disabled .ebIcon {
1596     opacity: 0.3;
1597 }
1598
1599 .ebBtn_subtle {
1600     background-image: none;
1601     background-color: transparent;
1602     box-shadow: none;
1603     min-width: auto;
1604 }
1605
1606 .ebBtn_subtle:hover {
1607     background-image: none;
1608     box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
1609 }
1610
1611 .ebBtn_subtle:focus {
1612     box-shadow: 0 0 2px 1px #4d90fe, 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
1613 }
1614
1615 .ebBtn_subtle:active, .ebBtn_subtle.ebBtn_subtle_active {
1616     text-decoration: none;
1617     box-shadow: inset 2px 2px 2.5px 0 rgba(0, 0, 0, 0.35), inset 0 0 0 1px
1618         rgba(0, 0, 0, 0.2);
1619     background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%,
1620         rgba(0, 0, 0, 0.2) 100%);
1621 }
1622
1623 .ebBtn_subtle:disabled, .ebBtn_subtle.ebBtn_subtle_disabled,
1624     .ebBtn_subtle:disabled:hover, .ebBtn_subtle.ebBtn_subtle_disabled:hover,
1625     .ebBtn_subtle:disabled:active, .ebBtn_subtle.ebBtn_subtle_disabled:active
1626     {
1627     background-color: transparent;
1628     box-shadow: none;
1629 }
1630
1631 .ebBtn:active:focus, .ebBtn_active:focus {
1632     box-shadow: inset 2px 2px 2.5px 0 rgba(0, 0, 0, 0.35), inset 0 0 0 1px
1633         rgba(0, 0, 0, 0.2), 0 0 2px 1px #4d90fe;
1634     background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%,
1635         rgba(0, 0, 0, 0.2) 100%);
1636 }
1637
1638 /* Combobox */
1639 .ebCombobox {
1640     position: relative;
1641     display: inline-block;
1642     vertical-align: middle;
1643     white-space: nowrap;
1644     margin: 0;
1645     padding: 0;
1646     height: 2.4rem;
1647 }
1648
1649 .ebCombobox_width_full {
1650     min-width: 70px;
1651     width: 100%;
1652 }
1653
1654 .ebCombobox_width_full .ebInput {
1655     width: calc(100% - 30px);
1656 }
1657
1658 .ebCombobox-list, .ebCombobox-body {
1659     position: absolute;
1660     margin-top: 6px;
1661     display: none;
1662     width: 100%;
1663 }
1664
1665 .ebCombobox-list_rightAlign, .ebCombobox-body_rightAlign {
1666     right: 0;
1667 }
1668
1669 .ebCombobox-Helper, .ebCombobox-helper {
1670     position: relative;
1671     display: inline-block;
1672     vertical-align: middle;
1673     width: 30px;
1674     /*height: 100%; ewwatkmi: replaced with 2.4rem below*/
1675     height: 2.4rem;
1676     cursor: pointer;
1677     border: 1px solid #999999;
1678     background-color: #ffffff;
1679     -moz-box-sizing: border-box;
1680     box-sizing: border-box;
1681     border-radius: 0 3px 3px 0;
1682     -webkit-appearance: none;
1683     -moz-appearance: none;
1684     -ms-appearance: none;
1685     appearance: none;
1686     background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,
1687         rgba(0, 0, 0, 0.1) 100%);
1688 }
1689
1690 .ebCombobox-Helper:hover, .ebCombobox-helper:hover {
1691     background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,
1692         rgba(0, 0, 0, 0.15) 100%);
1693 }
1694
1695 .ebCombobox-Helper:active, .ebCombobox-helper:active {
1696     box-shadow: inset 2px 2px 3px 0 rgba(0, 0, 0, 0.35);
1697     background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%,
1698         rgba(0, 0, 0, 0.2) 100%);
1699 }
1700
1701 .ebCombobox-Helper:disabled, .ebCombobox-helper:disabled {
1702     border-color: #b2b2b2;
1703 }
1704
1705 .ebCombobox-Helper:disabled, .ebCombobox-helper:disabled,
1706     .ebCombobox-Helper:disabled:hover, .ebCombobox-helper:disabled:hover,
1707     .ebCombobox-Helper:disabled:active, .ebCombobox-helper:disabled:active
1708     {
1709     -ms-touch-action: none !important;
1710     cursor: not-allowed !important;
1711     touch-action: none !important;
1712     background: #e5e5e5;
1713     color: #B2B2B2;
1714     cursor: not-allowed;
1715     box-shadow: none;
1716 }
1717
1718 .ebCombobox-Helper .ebCombobox-iconHolder, .ebCombobox-helper .ebCombobox-iconHolder
1719     {
1720     display: inline-block;
1721     opacity: 0.7;
1722     cursor: pointer;
1723     line-height: 2.2rem;
1724 }
1725
1726 .ebCombobox-Helper .ebCombobox-iconHolder .ebIcon, .ebCombobox-helper .ebCombobox-iconHolder .ebIcon
1727     {
1728     position: absolute;
1729     top: 0;
1730     bottom: 0;
1731     left: 0;
1732     right: 0;
1733     margin: auto;
1734 }
1735
1736 .ebCombobox:hover>.ebCombobox-Helper, .ebCombobox:hover>.ebCombobox-helper
1737     {
1738     border-color: #666666;
1739 }
1740
1741 .ebCombobox
1742
1743 .ebInput
1744 :focus
1745
1746 ~
1747 .ebCombobox-list
1748 , /*.ebCombobox .ebInput:focus ~ .ebCombobox-body,*/
1749 .ebCombobox
1750 :active
1751 >
1752 .ebCombobox-list
1753 , /*.ebCombobox:active > .ebCombobox-body*/
1754 {
1755 display
1756 :
1757
1758 block
1759 ;
1760
1761
1762 }
1763 .ebCombobox>.ebCombobox-list, .ebCombobox>.ebCombobox-body {
1764     display: none;
1765 }
1766
1767 .ebCombobox_noMargin {
1768     margin: 0;
1769 }
1770
1771 .ebCombobox_disabled, .ebCombobox_disabled *:hover {
1772     -ms-touch-action: none !important;
1773     cursor: not-allowed !important;
1774     touch-action: none !important;
1775 }
1776
1777 .ebCombobox_disabled .ebCombobox-iconHolder, .ebCombobox_disabled .ebCombobox-iconHolder:hover,
1778     .ebCombobox_disabled .ebCombobox-iconHolder:active {
1779     -ms-touch-action: none !important;
1780     cursor: not-allowed !important;
1781     touch-action: none !important;
1782     opacity: 0.3;
1783 }
1784
1785 .ebCombobox_disabled:hover>.ebCombobox-Helper, .ebCombobox_disabled:hover>.ebCombobox-helper
1786     {
1787     border-color: #b2b2b2;
1788 }
1789
1790 .ebCombobox_disabled:active>.ebCombobox-list, .ebCombobox_disabled:active>.ebCombobox-body
1791     {
1792     display: none;
1793 }
1794
1795 .ebCombobox_disabled .ebInput:focus ~ .ebCombobox-list,
1796     .ebCombobox_disabled .ebInput:focus ~ .ebCombobox-body {
1797     display: none;
1798 }
1799
1800 .ebCombobox_status_warning .ebInput {
1801     border-color: #f08a00;
1802 }
1803
1804 .ebCombobox_status_error .ebInput {
1805     border-color: #e32119;
1806 }
1807
1808 /* Switcher */
1809 .ebSwitcher {
1810     position: relative;
1811     height: 24px;
1812     width: 84px;
1813     display: block;
1814     overflow: hidden;
1815     cursor: pointer;
1816     border: 1px solid #ccc;
1817     border-radius: 3px;
1818     -khtml-user-select: none;
1819     -moz-user-select: none;
1820     -o-user-select: none;
1821     -webkit-user-select: none;
1822     user-select: none;
1823 }
1824
1825 .ebSwitcher-checkbox {
1826     display: none;
1827 }
1828
1829 .ebSwitcher-body {
1830     position: relative;
1831     font-size: 0;
1832     white-space: nowrap;
1833     top: 0;
1834     left: 0;
1835     width: 100%;
1836     height: 100%;
1837     transition: left 0.2s linear;
1838 }
1839
1840 .ebSwitcher-onLabel, .ebSwitcher-switch, .ebSwitcher-offLabel {
1841     display: inline-block;
1842     vertical-align: top;
1843     overflow: hidden;
1844     height: 100%;
1845 }
1846
1847 .ebSwitcher-onLabel, .ebSwitcher-offLabel {
1848     width: calc(100% - 24px);
1849     line-height: 2.4rem;
1850     color: white;
1851     text-align: center;
1852     font-size: 1.2rem;
1853 }
1854
1855 .ebSwitcher-onLabel {
1856     background-color: red;
1857 }
1858
1859 .ebSwitcher-onLabel2 {
1860     background-color: #89ba17;
1861 }
1862
1863 .ebSwitcher-offLabel {
1864     background-color: #89ba17;
1865 }
1866
1867 .ebSwitcher-offLabel2 {
1868     background-color: red;
1869 }
1870
1871 .ebSwitcher-switch {
1872     height: 24px;
1873     width: 24px;
1874     transition: left 0.2s;
1875 }
1876
1877 .ebSwitcher-switch::after {
1878     content: "";
1879     position: absolute;
1880     margin: -1px;
1881     width: 24px;
1882     height: 24px;
1883     display: inline-block;
1884     background: #ffffff;
1885     background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,
1886         rgba(0, 0, 0, 0.1) 100%);
1887     border-radius: 3px;
1888     border: 1px solid rgba(0, 0, 0, 0.2);
1889 }
1890
1891 .ebSwitcher-checkbox:not (:checked ) +.ebSwitcher-body {
1892     left: calc(-100% + 24px);
1893 }
1894
1895 .ebSwitcher:focus {
1896     /*
1897         outline: #4d90fe auto 5px;
1898         box-shadow: 0 0 0 1px #4d90fe;
1899         -webkit-box-shadow: none;
1900         */
1901     outline: none;
1902     box-shadow: 0 0 2px 1px #4d90fe;
1903 }
1904
1905 .ebSwitcher_status_warning {
1906     border-color: #f08a00;
1907 }
1908
1909 .ebSwitcher_status_error {
1910     border-color: #e32119;
1911 }
1912
1913 .ebSwitcher_disabled {
1914     cursor: not-allowed;
1915 }
1916
1917 .ebSwitcher_disabled .ebSwitcher-onLabel, .ebSwitcher_disabled .ebSwitcher-offLabel,
1918     .ebSwitcher_disabled .ebSwitcher-switch::after {
1919     background-color: #e5e5e5;
1920     background-image: none;
1921     color: #8d8d8d;
1922 }
1923
1924 /* Dropdown */
1925 .ebDropdown {
1926     position: relative;
1927     display: inline-block;
1928     height: 2.4rem;
1929     padding: 0;
1930     margin: 0;
1931 }
1932
1933 .ebDropdown-list, .ebDropdown-body {
1934     position: absolute;
1935     margin-top: 6px;
1936     display: none;
1937     min-width: 100%;
1938 }
1939
1940 .ebDropdown-list_rightAlign, .ebDropdown-body_rightAlign {
1941     right: 0;
1942 }
1943
1944 .ebDropdown-Header, .ebDropdown-header {
1945     position: relative;
1946     display: inline-block;
1947     vertical-align: middle;
1948     height: 100%;
1949     min-width: 60px;
1950     margin: 0;
1951     padding: 6px 8px;
1952     line-height: 1.2rem;
1953     font-size: 1.2rem;
1954     text-align: left;
1955     text-decoration: none;
1956     white-space: nowrap;
1957     color: #333333;
1958     background-color: #ffffff;
1959     border: none;
1960     cursor: pointer;
1961     box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
1962     border-radius: 3px;
1963     -moz-box-sizing: border-box;
1964     box-sizing: border-box;
1965     background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,
1966         rgba(0, 0, 0, 0.1) 100%);
1967 }
1968
1969 .ebDropdown-Header:hover, .ebDropdown-header:hover {
1970     background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,
1971         rgba(0, 0, 0, 0.15) 100%);
1972 }
1973
1974 .ebDropdown-Header:active, .ebDropdown-header:active {
1975     box-shadow: inset 2px 2px 2.5px 0 rgba(0, 0, 0, 0.35), inset 0 0 0 1px
1976         rgba(0, 0, 0, 0.2);
1977     background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%,
1978         rgba(0, 0, 0, 0.2) 100%);
1979 }
1980
1981 .ebDropdown-Header .ebDropdown-caption, .ebDropdown-header .ebDropdown-caption
1982     {
1983     display: inline-block;
1984     padding: 0 4px 0 0;
1985     vertical-align: middle;
1986     min-width: 27px;
1987 }
1988
1989 .ebDropdown-Header .ebDropdown-iconHolder, .ebDropdown-header .ebDropdown-iconHolder
1990     {
1991     display: inline-block;
1992     cursor: pointer;
1993     opacity: 0.7;
1994 }
1995
1996 .ebDropdown .ebDropdown-Header:focus+.ebDropdown-list, .ebDropdown .ebDropdown-header:focus+.ebDropdown-body,
1997     .ebDropdown .ebDropdown-Header:active+.ebDropdown-list, .ebDropdown .ebDropdown-header:active+.ebDropdown-body,
1998     .ebDropdown:focus>.ebDropdown-list, .ebDropdown:focus>.ebDropdown-body,
1999     .ebDropdown:active>.ebDropdown-list, .ebDropdown:active>.ebDropdown-body
2000     {
2001     display: block;
2002 }
2003
2004 .ebDropdown_disabled .ebDropdown-Header, .ebDropdown_disabled .ebDropdown-header
2005     {
2006     background: rgba(0, 0, 0, 0.1);
2007     color: #B2B2B2;
2008 }
2009
2010 .ebDropdown_disabled .ebDropdown-Header, .ebDropdown_disabled .ebDropdown-header,
2011     .ebDropdown_disabled .ebDropdown-Header:hover, .ebDropdown_disabled .ebDropdown-header:hover,
2012     .ebDropdown_disabled .ebDropdown-Header:active, .ebDropdown_disabled .ebDropdown-header:active
2013     {
2014     -ms-touch-action: none !important;
2015     cursor: not-allowed !important;
2016     touch-action: none !important;
2017 }
2018
2019 .ebDropdown_disabled .ebDropdown-Header:hover, .ebDropdown_disabled .ebDropdown-header:hover,
2020     .ebDropdown_disabled .ebDropdown-Header:active, .ebDropdown_disabled .ebDropdown-header:active
2021     {
2022     background: rgba(0, 0, 0, 0.1);
2023     color: #B2B2B2;
2024     box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
2025 }
2026
2027 .ebDropdown_disabled .ebDropdown-Header .ebDropdown-iconHolder,
2028     .ebDropdown_disabled .ebDropdown-header .ebDropdown-iconHolder,
2029     .ebDropdown_disabled .ebDropdown-Header .ebDropdown-iconHolder:hover,
2030     .ebDropdown_disabled .ebDropdown-header .ebDropdown-iconHolder:hover,
2031     .ebDropdown_disabled .ebDropdown-Header .ebDropdown-iconHolder:active,
2032     .ebDropdown_disabled .ebDropdown-header .ebDropdown-iconHolder:active {
2033     -ms-touch-action: none !important;
2034     cursor: not-allowed !important;
2035     touch-action: none !important;
2036     opacity: 0.3;
2037 }
2038
2039 .ebDropdown_disabled .ebDropdown-Header:focus+.ebDropdown-list,
2040     .ebDropdown_disabled .ebDropdown-header:focus+.ebDropdown-body,
2041     .ebDropdown_disabled .ebDropdown-Header:active+.ebDropdown-list,
2042     .ebDropdown_disabled .ebDropdown-header:active+.ebDropdown-body,
2043     .ebDropdown_disabled:focus>.ebDropdown-list, .ebDropdown_disabled:focus>.ebDropdown-body,
2044     .ebDropdown_disabled:active>.ebDropdown-list, .ebDropdown_disabled:active>.ebDropdown-body
2045     {
2046     display: none;
2047 }
2048
2049 /* Icons */
2050 .ebIcon {
2051     display: inline-block;
2052     vertical-align: middle;
2053     border: none;
2054     height: 16px;
2055     width: 16px;
2056     line-height: 1.6rem;
2057     background-repeat: no-repeat;
2058     background-position: center;
2059     background-color: transparent;
2060     background-size: 100%;
2061     -khtml-user-select: none;
2062     -moz-user-select: none;
2063     -o-user-select: none;
2064     -webkit-user-select: none;
2065     user-select: none;
2066     /*small icons  */
2067     /*16px icons*/
2068 }
2069
2070 .ebIcon_interactive {
2071     opacity: 0.7;
2072     cursor: pointer;
2073 }
2074
2075 .ebIcon_interactive:hover {
2076     opacity: 1.0;
2077 }
2078
2079 .ebIcon_interactive:active {
2080     opacity: 0.4;
2081 }
2082
2083 .ebIcon_button {
2084     margin: 10px;
2085 }
2086
2087 .ebIcon_noVertAlign {
2088     vertical-align: inherit;
2089 }
2090
2091 .ebIcon_disabled {
2092     cursor: default;
2093 }
2094
2095 .ebIcon_disabled, .ebIcon_disabled:hover, .ebIcon_disabled:active {
2096     opacity: 0.3;
2097 }
2098
2099 .ebIcon_small {
2100     width: 1rem;
2101     height: 1rem;
2102     line-height: 1rem;
2103 }
2104
2105 .ebIcon_big {
2106     width: 2rem;
2107     height: 2rem;
2108     line-height: 2rem;
2109 }
2110
2111 .ebIcon_large {
2112     width: 2.8rem;
2113     height: 2.8rem;
2114     line-height: 2.8rem;
2115 }
2116
2117 .ebIcon_wMargin {
2118     margin: 4px;
2119 }
2120
2121 .ebIcon_upArrow {
2122     background-image: url('../resources/16px/ArrowUpSmall_black_16px.svg');
2123 }
2124
2125 .ebIcon_upArrow_white {
2126     background-image: url('../resources/16px/arrowUpSmall_white_16px.svg');
2127 }
2128
2129 .ebIcon_downArrow {
2130     background-image: url('../resources/16px/ArrowDownSmall_black_16px.svg');
2131 }
2132
2133 .ebIcon_downArrow_white {
2134     background-image: url('../resources/16px/ArrowDownSmall_white_16px.svg');
2135 }
2136
2137 .ebIcon_leftArrow {
2138     background-image: url('../resources/16px/ArrowLeftSmall_black_16px.svg');
2139 }
2140
2141 .ebIcon_leftArrow_white {
2142     background-image: url('../resources/16px/ArrowLeftSmall_white_16px.svg');
2143 }
2144
2145 .ebIcon_rightArrow {
2146     background-image:
2147         url('../resources/16px/ArrowRightSmall_black_16px.svg');
2148 }
2149
2150 .ebIcon_rightArrow_white {
2151     background-image:
2152         url('../resources/16px/ArrowRightSmall_white_16px.svg');
2153 }
2154
2155 .ebIcon_prevArrow {
2156     background-image:
2157         url('../resources/16px/ArrowDoubleLeftSmall_black_16px.svg');
2158 }
2159
2160 .ebIcon_nextArrow {
2161     background-image:
2162         url('../resources/16px/ArrowDoubleRightSmall_black_16px.svg');
2163 }
2164
2165 .ebIcon_upArrow_10px {
2166     background-image: url('../resources/10px/ArrowUpSmall_black_10px.svg');
2167 }
2168
2169 .ebIcon_downArrow_10px {
2170     background-image: url('../resources/10px/ArrowDownSmall_black_10px.svg');
2171 }
2172
2173 .ebIcon_leftArrow_10px {
2174     background-image: url('../resources/10px/ArrowLeftSmall_black_10px.svg');
2175 }
2176
2177 .ebIcon_rightArrow_10px {
2178     background-image:
2179         url('../resources/10px/ArrowRightSmall_black_10px.svg');
2180 }
2181
2182 .ebIcon_prevArrow_10px {
2183     background-image:
2184         url('../resources/10px/ArrowDoubleLeftSmall_black_10px.svg');
2185 }
2186
2187 .ebIcon_nextArrow_10px {
2188     background-image:
2189         url('../resources/10px/ArrowDoubleRightSmall_black_10px.svg');
2190 }
2191
2192 .ebIcon_errorSmall {
2193     background-image: url('../resources/other/errorSmall_red_10px.svg');
2194 }
2195
2196 .ebIcon_tickSmallBlack {
2197     background-image: url('../resources/other/tick_black_10x8px.svg');
2198 }
2199
2200 .ebIcon_tickSmallGreen {
2201     background-image: url('../resources/other/tick_green_10x8px.svg');
2202 }
2203
2204 .ebIcon_upArrowLarge {
2205     background-image: url('../resources/16px/ArrowUp_black_16px.svg');
2206 }
2207
2208 .ebIcon_upArrowLarge_white {
2209     background-image: url('../resources/16px/ArrowUp_white_16px.svg');
2210 }
2211
2212 .ebIcon_downArrowLarge {
2213     background-image: url('../resources/16px/ArrowDown_black_16px.svg');
2214 }
2215
2216 .ebIcon_downArrowLarge_white {
2217     background-image: url('../resources/16px/ArrowDown_white_16px.svg');
2218 }
2219
2220 .ebIcon_downArrowLarge_blue {
2221     background-image: url('../resources/16px/ArrowDown_blue_16px.svg');
2222 }
2223
2224 .ebIcon_leftArrowLarge {
2225     background-image: url('../resources/16px/ArrowLeft_black_16px.svg');
2226 }
2227
2228 .ebIcon_leftArrowLarge_white {
2229     background-image: url('../resources/16px/ArrowLeft_white_16px.svg');
2230 }
2231
2232 .ebIcon_rightArrowLarge {
2233     background-image: url('../resources/16px/ArrowRight_black_16px.svg');
2234 }
2235
2236 .ebIcon_rightArrowLarge_white {
2237     background-image: url('../resources/16px/ArrowRight_white_16px.svg');
2238 }
2239
2240 .ebIcon_circleArrowDown {
2241     background-image:
2242         url('../resources/16px/circleArrowDown_black_16px.svg');
2243 }
2244
2245 .ebIcon_circleArrowDown_white {
2246     background-image:
2247         url('../resources/16px/circleArrowDown_white_16px.svg');
2248 }
2249
2250 .ebIcon_circleArrowLeft {
2251     background-image:
2252         url('../resources/16px/circleArrowLeft_black_16px.svg');
2253 }
2254
2255 .ebIcon_circleArrowLeft_white {
2256     background-image:
2257         url('../resources/16px/circleArrowLeft_white_16px.svg');
2258 }
2259
2260 .ebIcon_circleArrowRight {
2261     background-image:
2262         url('../resources/16px/circleArrowRight_black_16px.svg');
2263 }
2264
2265 .ebIcon_circleArrowRight_white {
2266     background-image:
2267         url('../resources/16px/circleArrowRight_white_16px.svg');
2268 }
2269
2270 .ebIcon_circleArrowUp {
2271     background-image: url('../resources/16px/circleArrowUp_black_16px.svg');
2272 }
2273
2274 .ebIcon_circleArrowUp_white {
2275     background-image: url('../resources/16px/circleArrowUp_white_16px.svg');
2276 }
2277
2278 .ebIcon_circleCaretDown {
2279     background-image:
2280         url('../resources/16px/circleCaretDown_black_16px.svg');
2281 }
2282
2283 .ebIcon_circleCaretDown_white {
2284     background-image:
2285         url('../resources/16px/circleCaretDown_white_16px.svg');
2286 }
2287
2288 .ebIcon_circleCaretLeft {
2289     background-image:
2290         url('../resources/16px/circleCaretLeft_black_16px.svg');
2291 }
2292
2293 .ebIcon_circleCaretLeft_white {
2294     background-image:
2295         url('../resources/16px/circleCaretLeft_white_16px.svg');
2296 }
2297
2298 .ebIcon_circleCaretRight {
2299     background-image:
2300         url('../resources/16px/circleCaretRight_black_16px.svg');
2301 }
2302
2303 .ebIcon_circleCaretRight_white {
2304     background-image:
2305         url('../resources/16px/circleCaretRight_white_16px.svg');
2306 }
2307
2308 .ebIcon_circleCaretUp {
2309     background-image: url('../resources/16px/circleCaretUp_black_16px.svg');
2310 }
2311
2312 .ebIcon_circleCaretUp_white {
2313     background-image: url('../resources/16px/circleCaretUp_white_16px.svg');
2314 }
2315
2316 .ebIcon_eLogo {
2317     background-image: url('../resources/systemBar/econ01.svg');
2318 }
2319
2320 .ebIcon_comment {
2321     background-image: url('../resources/16px/Comment_black_16px.svg');
2322 }
2323
2324 .ebIcon_comment_white {
2325     background-image: url('../resources/16px/comment_white.svg');
2326 }
2327
2328 .ebIcon_copy {
2329     background-image: url('../resources/16px/copy_black_16px.svg');
2330 }
2331
2332 .ebIcon_copy_white {
2333     background-image: url('../resources/16px/copy_white_16px.svg');
2334 }
2335
2336 .ebIcon_cut {
2337     background-image: url('../resources/16px/cut_black.svg');
2338 }
2339
2340 .ebIcon_cut_white {
2341     background-image: url('../resources/16px/cut_white.svg');
2342 }
2343
2344 .ebIcon_delete {
2345     background-image: url('../resources/16px/delete_black_16px.svg');
2346 }
2347
2348 .ebIcon_delete_white {
2349     background-image: url('../resources/16px/delete_white_16px.svg');
2350 }
2351
2352 .ebIcon_duplicate {
2353     background-image: url('../resources/16px/duplicate_black_16px.svg');
2354 }
2355
2356 .ebIcon_duplicate_white {
2357     background-image: url('../resources/16px/duplicate_white_16px.svg');
2358 }
2359
2360 .ebIcon_edit {
2361     background-image: url('../resources/16px/edit_black_16px.svg');
2362 }
2363
2364 .ebIcon_editWhite {
2365     background-image: url('../resources/16px/edit_white_16px.svg');
2366 }
2367
2368 .ebIcon_newFile {
2369     background-image: url('../resources/16px/newFile_black_16px.svg');
2370 }
2371
2372 .ebIcon_newFile_white {
2373     background-image: url('../resources/16px/newFile_white_16px.svg');
2374 }
2375
2376 .ebIcon_save {
2377     background-image: url('../resources/16px/save_black_16px.svg');
2378 }
2379
2380 .ebIcon_save_white {
2381     background-size: contain;
2382     background-image: url('../resources/16px/save_white.svg');
2383 }
2384
2385 .ebIcon_filter {
2386     background-image: url('../resources/16px/filter_black_16px.svg');
2387 }
2388
2389 .ebIcon_filterOn {
2390     background-image: url('../resources/16px/filters_on.svg');
2391 }
2392
2393 .ebIcon_filterOff {
2394     background-image: url('../resources/16px/filters_off.svg');
2395 }
2396
2397 .ebIcon_filter_white {
2398     background-image: url('../resources/16px/filter_white_16px.svg');
2399 }
2400
2401 .ebIcon_folder {
2402     background-image: url('../resources/16px/folder_black_16px.svg');
2403 }
2404
2405 .ebIcon_folder_white {
2406     background-image: url('../resources/16px/folder_white_16px.svg');
2407 }
2408
2409 .ebIcon_folderClosed {
2410     background-image: url('../resources/16px/folderClosed_black.svg');
2411 }
2412
2413 .ebIcon_folderClosed_white {
2414     background-image: url('../resources/16px/folderClosed_white.svg');
2415 }
2416
2417 .ebIcon_detach {
2418     background-image: url('../resources/16px/detach_black_16px.svg');
2419 }
2420
2421 .ebIcon_detach_white {
2422     background-size: contain;
2423     background-image: url('../resources/16px/detach_white.svg');
2424 }
2425
2426 .ebIcon_import {
2427     background-image: url('../resources/16px/import_black.svg');
2428 }
2429
2430 .ebIcon_import_white {
2431     background-image: url('../resources/16px/import_white.svg');
2432 }
2433
2434 .ebIcon_export {
2435     background-image: url('../resources/16px/export_black_16px.svg');
2436 }
2437
2438 .ebIcon_export_white {
2439     background-image: url('../resources/16px/export_white.svg');
2440 }
2441
2442 .ebIcon_undo {
2443     background-image: url('../resources/16px/undo_black_16px.svg');
2444 }
2445
2446 .ebIcon_undo_white {
2447     background-image: url('../resources/16px/undo_white_16px.svg');
2448 }
2449
2450 .ebIcon_cancelled {
2451     background-image: url('../resources/16px/Cancelled_Black_16px.svg');
2452 }
2453
2454 .ebIcon_draft {
2455     background-size: contain;
2456     background-image: url('../resources/16px/draft.svg');
2457 }
2458
2459 .ebIcon_importExport {
2460     background-image: url('../resources/16px/import_export.svg');
2461 }
2462
2463 .ebIcon_login {
2464     background-image: url('../resources/16px/login.svg');
2465 }
2466
2467 .ebIcon_move {
2468     background-image: url('../resources/16px/move.svg');
2469 }
2470
2471 .ebIcon_remove {
2472     background-image: url('../resources/16px/remove.svg');
2473 }
2474
2475 .ebIcon_valid {
2476     background-image: url('../resources/16px/valid_icon.svg');
2477 }
2478
2479 .ebIcon_invalid {
2480     background-image: url('../resources/16px/invalid_icon.svg');
2481 }
2482
2483 .ebIcon_error {
2484     background-image: url('../resources/16px/error_red_16px.svg');
2485 }
2486
2487 .ebIcon_warning {
2488     background-image: url('../resources/16px/warning_yellow_16px.svg');
2489 }
2490
2491 .ebIcon_warningOrange {
2492     background-image: url('../resources/16px/warning_orange_16px.svg');
2493 }
2494
2495 .ebIcon_warning_white {
2496     background-image: url('../resources/16px/warning_white.svg');
2497 }
2498
2499 .ebIcon_warningShield {
2500     background-image: url('../resources/16px/warningShield_black_16px.svg');
2501 }
2502
2503 .ebIcon_warningShield_white {
2504     background-size: contain;
2505     background-image: url('../resources/16px/warningShield_white.svg');
2506 }
2507
2508 .ebIcon_mail {
2509     background-image: url('../resources/16px/mail_black_16px.svg');
2510 }
2511
2512 .ebIcon_mail_white {
2513     background-image: url('../resources/16px/mail_white_16px.svg');
2514 }
2515
2516 .ebIcon_mailRead {
2517     background-image: url('../resources/16px/mailRead_black_16px.svg');
2518 }
2519
2520 .ebIcon_mailRead_white {
2521     background-image: url('../resources/16px/mailRead_white_16px.svg');
2522 }
2523
2524 .ebIcon_link {
2525     background-image: url('../resources/16px/Link_black_16px.svg');;
2526 }
2527
2528 .ebIcon_lock {
2529     background-image: url('../resources/16px/lock_black_16px.svg');
2530 }
2531
2532 .ebIcon_lock_white {
2533     background-image: url('../resources/16px/lock_white_16px.svg');
2534 }
2535
2536 .ebIcon_unlock {
2537     background-image: url('../resources/16px/unlock_black_16px.svg');
2538 }
2539
2540 .ebIcon_unlock_white {
2541     background-image: url('../resources/16px/unlock_white_16px.svg');
2542 }
2543
2544 .ebIcon_logout {
2545     background-image: url('../resources/16px/logout_black_16px.svg');
2546 }
2547
2548 .ebIcon_menu {
2549     background-image: url('../resources/16px/menu_black_16px.svg');
2550 }
2551
2552 .ebIcon_menu_white {
2553     background-image: url('../resources/16px/menu_white_16px.svg');
2554 }
2555
2556 .ebIcon_search {
2557     background-image: url('../resources/16px/search_black_16px.svg');
2558 }
2559
2560 .ebIcon_searchWhite {
2561     background-image: url('../resources/16px/search_white_16px.svg');
2562 }
2563
2564 .ebIcon_advancedSearch {
2565     background-image:
2566         url('../resources/16px/advanced_search_black_16px.svg');
2567 }
2568
2569 .ebIcon_advancedSearchWhite {
2570     background-image:
2571         url('../resources/16px/advanced_search_white_16px.svg');
2572 }
2573
2574 .ebIcon_share {
2575     background-image: url('../resources/16px/share_black_16px.svg');
2576 }
2577
2578 .ebIcon_share_white {
2579     background-image: url('../resources/16px/share_white.svg');
2580 }
2581
2582 .ebIcon_star {
2583     background-image: url('../resources/16px/star_black_16px.svg');
2584 }
2585
2586 .ebIcon_star_white {
2587     background-image: url('../resources/16px/star_white_16px.svg');
2588 }
2589
2590 .ebIcon_star_yellow {
2591     background-image: url('../resources/16px/star_yellow_16px.svg');
2592 }
2593
2594 .ebIcon_starOutline {
2595     background-image: url('../resources/16px/star_outline_black_16px.svg');
2596 }
2597
2598 .ebIcon_starOutline_white {
2599     background-image: url('../resources/16px/star_outline_white_16px.svg');
2600 }
2601
2602 .ebIcon_starOutline_yellow {
2603     background-image: url('../resources/16px/star_outline_yellow_16px.svg');
2604 }
2605
2606 .ebIcon_tick {
2607     background-image: url('../resources/16px/tick_green_16px.svg');
2608 }
2609
2610 .ebIcon_tick_black {
2611     background-image: url('../resources/16px/tick_16px.svg');
2612 }
2613
2614 .ebIcon_simpleGreenTick {
2615     background-image: url('../resources/16px/simple_green_tick.svg');
2616 }
2617
2618 .ebIcon_simpleTick_black {
2619     background-image: url('../resources/16px/simple_tick.svg');
2620 }
2621
2622 .ebIcon_download {
2623     background-image: url('../resources/16px/download_black.svg');
2624 }
2625
2626 .ebIcon_download_white {
2627     background-image: url('../resources/16px/download_white.svg');
2628 }
2629
2630 .ebIcon_downloadWhite {
2631     background-image: url('../resources/16px/download_white_16px.svg');
2632 }
2633
2634 .ebIcon_documentWhite {
2635     background-image: url('../resources/16px/document_white_16px.svg');
2636 }
2637
2638 .ebIcon_expand {
2639     background-image: url('../resources/16px/expand_black_16px.svg');
2640 }
2641
2642 .ebIcon_rowCollapsed {
2643     background-image: url('../resources/16px/rowCollapsed_black_16px.svg');
2644 }
2645
2646 .ebIcon_rowExpanded {
2647     background-image: url('../resources/16px/rowExpanded_black_16px.svg');
2648 }
2649
2650 .ebIcon_rowView {
2651     background-image: url('../resources/16px/rowView_black_16px.svg');
2652 }
2653
2654 .ebIcon_rowView_white {
2655     background-image: url('../resources/16px/rowView_white.svg');
2656 }
2657
2658 .ebIcon_externalApp {
2659     background-image: url('../resources/16px/externalApp_black_16px.svg');
2660 }
2661
2662 .ebIcon_externalApp_white {
2663     background-image: url('../resources/16px/externalApp_white_16px.svg');
2664 }
2665
2666 .ebIcon_fullscreen {
2667     background-image: url('../resources/16px/fullscreen_black_16px.svg');
2668 }
2669
2670 .ebIcon_fullscreenMinimize {
2671     background-image:
2672         url('../resources/16px/fullscreenMinimise_black_16px.svg');
2673 }
2674
2675 .ebIcon_help {
2676     background-image: url('../resources/16px/help_black_16px.svg');
2677 }
2678
2679 .ebIcon_help_white {
2680     background-image: url('../resources/16px/help_white.svg');
2681 }
2682
2683 .ebIcon_info {
2684     background-image: url('../resources/16px/info_black.svg');
2685 }
2686
2687 .ebIcon_info_white {
2688     background-image: url('../resources/16px/info_white.svg');
2689 }
2690
2691 .ebIcon_dialogInfo {
2692     background-image: url('../resources/16px/dialogInfo_blue.svg');
2693 }
2694
2695 .ebIcon_dialogInfo_white {
2696     background-image: url('../resources/16px/dialogInfo_white.svg');
2697 }
2698
2699 .ebIcon_infoMsgIndicator {
2700     background-image: url('../resources/16px/infoMsgIndicator_16px.svg');
2701 }
2702
2703 .ebIcon_exitFullscreen {
2704     background-image:
2705         url('../resources/16px/minimiseFullscreen_black_16px.svg');
2706 }
2707
2708 .ebIcon_refresh {
2709     background-image: url('../resources/16px/refresh_black_16px.svg');
2710 }
2711
2712 .ebIcon_refresh_white {
2713     background-image: url('../resources/16px/refresh_white_16px.svg');
2714 }
2715
2716 .ebIcon_settings {
2717     background-image: url('../resources/16px/settings_black_16px.svg');
2718 }
2719
2720 .ebIcon_settings_white {
2721     background-image: url('../resources/16px/settings_white_16px.svg');
2722 }
2723
2724 .ebIcon_user {
2725     background-image: url('../resources/16px/user_black_16px.svg');
2726 }
2727
2728 .ebIcon_user_white {
2729     background-image: url('../resources/16px/user_white_16px.svg');
2730 }
2731
2732 .ebIcon_close {
2733     background-image: url('../resources/16px/X_black_16px.svg');
2734 }
2735
2736 .ebIcon_close_white {
2737     background-image: url('../resources/16px/close_white_16px.svg');
2738 }
2739
2740 .ebIcon_close_blue {
2741     background-image: url('../resources/16px/X_blue_16px.svg');
2742 }
2743
2744 .ebIcon_close_paleBlue {
2745     background-image: url('../resources/16px/X_paleBlue_16px.svg');
2746 }
2747
2748 .ebIcon_close_green {
2749     background-image: url('../resources/16px/X_green_16px.svg');
2750 }
2751
2752 .ebIcon_close_orange {
2753     background-image: url('../resources/16px/X_orange_16px.svg');
2754 }
2755
2756 .ebIcon_close_red {
2757     background-image: url('../resources/16px/X_red_16px.svg');
2758 }
2759
2760 .ebIcon_close_yellow {
2761     background-image: url('../resources/16px/X_yellow_16px.svg');
2762 }
2763
2764 .ebIcon_minus {
2765     background-image: url('../resources/16px/minus_black_16px.svg');
2766 }
2767
2768 .ebIcon_plus {
2769     background-image: url('../resources/16px/plus_black_16px.svg');
2770 }
2771
2772 .ebIcon_add {
2773     background-image: url('../resources/16px/add_black_16px.svg');
2774 }
2775
2776 .ebIcon_add_white {
2777     background-image: url('../resources/16px/add_white_16px.svg');
2778 }
2779
2780 .ebIcon_multiSelect {
2781     background-image: url('../resources/16px/multiSelect_black_16px.svg');
2782 }
2783
2784 .ebIcon_multiSelect_white {
2785     background-size: contain;
2786     background-image: url('../resources/16px/multiSelect_white.svg');
2787 }
2788
2789 .ebIcon_multiSort {
2790     background-image: url('../resources/16px/multi-sort.svg');
2791 }
2792
2793 .ebIcon_multiSort_white {
2794     background-image: url('../resources/16px/multi-sort_white.svg');
2795 }
2796
2797 .ebIcon_sort {
2798     background-image: url('../resources/16px/sort.svg');
2799 }
2800
2801 .ebIcon_sort_white {
2802     background-image: url('../resources/16px/sort_white.svg');
2803 }
2804
2805 .ebIcon_stop {
2806     background-image: url('../resources/16px/stop_black_16px.svg');
2807 }
2808
2809 .ebIcon_pause {
2810     background-image: url('../resources/16px/pause_black_16px.svg');
2811 }
2812
2813 .ebIcon_suspend {
2814     background-image: url('../resources/16px/suspend_black_16px.svg');
2815 }
2816
2817 .ebIcon_resume {
2818     background-image: url('../resources/16px/resume_black_16px.svg');
2819 }
2820
2821 .ebIcon_play {
2822     background-image: url('../resources/16px/play_black_16px.svg');
2823 }
2824
2825 .ebIcon_fastForward {
2826     background-image: url('../resources/16px/fastForward_black_16px.svg');
2827 }
2828
2829 .ebIcon_fastRewind {
2830     background-image: url('../resources/16px/fastRewind_black_16px.svg');
2831 }
2832
2833 .ebIcon_print {
2834     background-image: url('../resources/16px/print_black_16px.svg');
2835 }
2836
2837 .ebIcon_print_white {
2838     background-image: url('../resources/16px/print_white_16px.svg');
2839 }
2840
2841 .ebIcon_calendar {
2842     background-image: url('../resources/16px/calendar_black_16px.svg');
2843 }
2844
2845 .ebIcon_calendar_white {
2846     background-image: url('../resources/16px/calendar_white_16px.svg');
2847 }
2848
2849 .ebIcon_addToFolder {
2850     background-image: url('../resources/16px/addToFolder_black.svg');
2851 }
2852
2853 .ebIcon_addToFolder_white {
2854     background-image: url('../resources/16px/addToFolder_white.svg');
2855 }
2856
2857 .ebIcon_alarmCleared {
2858     background-image: url('../resources/16px/alarmCleared_16px.svg');
2859 }
2860
2861 .ebIcon_alarmCleared_white {
2862     background-image: url('../resources/16px/alarmCleared_white_16px.svg');
2863 }
2864
2865 .ebIcon_alarmCritical {
2866     background-image: url('../resources/16px/alarmCritical_16px.svg');
2867 }
2868
2869 .ebIcon_alarmCritical_white {
2870     background-image: url('../resources/16px/alarmCritical_white_16px.svg');
2871 }
2872
2873 .ebIcon_alarmHeartbeat {
2874     background-image: url('../resources/16px/alarmHeartbeat_16px.svg');
2875 }
2876
2877 .ebIcon_alarmIndeterminate {
2878     background-image: url('../resources/16px/alarmIndeterminate_16px.svg');
2879 }
2880
2881 .ebIcon_alarmIndeterminate_white {
2882     background-image:
2883         url('../resources/16px/alarmIndeterminate_white_16px.svg');
2884 }
2885
2886 .ebIcon_alarmMajor {
2887     background-image: url('../resources/16px/alarmMajor_16px.svg');
2888 }
2889
2890 .ebIcon_alarmMajor_white {
2891     background-image: url('../resources/16px/alarmMajor_white_16px.svg');
2892 }
2893
2894 .ebIcon_alarmMinor {
2895     background-image: url('../resources/16px/alarmMinor_16px.svg');
2896 }
2897
2898 .ebIcon_alarmMinor_white {
2899     background-image: url('../resources/16px/alarmMinor_white_16px.svg');
2900 }
2901
2902 .ebIcon_alarmWarning {
2903     background-image: url('../resources/16px/alarmWarning_16px.svg');
2904 }
2905
2906 .ebIcon_alarmWarning_white {
2907     background-image: url('../resources/16px/alarmWarning_white_16px.svg');
2908 }
2909
2910 .ebIcon_alarmOtherGrouping {
2911     background-image: url('../resources/16px/alarmOtherGrouping_16px.svg');
2912 }
2913
2914 .ebIcon_alarmUnacknowledged {
2915     background-image: url('../resources/16px/alarmUnacknowledged.svg');
2916 }
2917
2918 .ebIcon_alarmUnacknowledged_white {
2919     background-image: url('../resources/16px/alarmUnacknowledged_white.svg');
2920 }
2921
2922 .ebIcon_alarmUnspecified {
2923     background-image: url('../resources/16px/alarmUnspecified_16px.svg');
2924 }
2925
2926 .ebIcon_acknowledgeAlarm {
2927     background-image: url('../resources/16px/acknowledgeAlarm.svg');
2928 }
2929
2930 .ebIcon_acknowledgeAlarm_white {
2931     background-image: url('../resources/16px/acknowledgeAlarm_white.svg');
2932 }
2933
2934 .ebIcon_clearAlarm {
2935     background-image: url('../resources/16px/clearAlarm.svg');
2936 }
2937
2938 .ebIcon_clearAlarm_white {
2939     background-image: url('../resources/16px/clearAlarm_white.svg');
2940 }
2941
2942 .ebIcon_bsc {
2943     background-image: url('../resources/16px/BSC_black_16px.svg');
2944 }
2945
2946 .ebIcon_bscYellow {
2947     background-image: url('../resources/16px/BSC_Yellow_16px.svg');
2948 }
2949
2950 .ebIcon_bscFunction {
2951     background-image: url('../resources/16px/BSCFunction_black_16px.svg');
2952 }
2953
2954 .ebIcon_bscFunctionYellow {
2955     background-image: url('../resources/16px/BSCFunction_Yellow_16px.svg');
2956 }
2957
2958 .ebIcon_cabinet {
2959     background-image: url('../resources/16px/cabinet_black_16px.svg');
2960 }
2961
2962 .ebIcon_cellGray {
2963     background-image: url('../resources/16px/cell_gray_16px.svg');
2964 }
2965
2966 .ebIcon_cellGreen {
2967     background-image: url('../resources/16px/cell_green_16px.svg');
2968 }
2969
2970 .ebIcon_cellRed {
2971     background-image: url('../resources/16px/cell_red_16px.svg');
2972 }
2973
2974 .ebIcon_cellAdjacent {
2975     background-image: url('../resources/16px/cellAdjacent_16px.svg');
2976 }
2977
2978 .ebIcon_cellExternal {
2979     background-image: url('../resources/16px/cellExternal_16px.svg');
2980 }
2981
2982 .ebIcon_charging {
2983     background-image: url('../resources/16px/charging_black.svg');
2984 }
2985
2986 .ebIcon_charging_white {
2987     background-size: contain;
2988     background-image: url('../resources/16px/charging_white.svg');
2989 }
2990
2991 .ebIcon_connected {
2992     background-image: url('../resources/16px/connected_black_16px.svg');
2993 }
2994
2995 .ebIcon_disconnected {
2996     background-image: url('../resources/16px/disconnected_black_16px.svg');
2997 }
2998
2999 .ebIcon_connectionError {
3000     background-image:
3001         url('../resources/16px/connectionError_black_16px.svg');
3002 }
3003
3004 .ebIcon_core {
3005     background-image: url('../resources/16px/core_black_16px.svg');
3006 }
3007
3008 .ebIcon_coreSubscriber {
3009     background-image: url('../resources/16px/coreSubscriber_black_16px.svg');
3010 }
3011
3012 .ebIcon_database {
3013     background-image: url('../resources/16px/database_black_16px.svg');
3014 }
3015
3016 .ebIcon_ftpServer {
3017     background-image: url('../resources/16px/ftpServer_black_16px.svg');
3018 }
3019
3020 .ebIcon_ftpServerFunction {
3021     background-image:
3022         url('../resources/16px/ftpServerFunction_black_16px.svg');
3023 }
3024
3025 .ebIcon_gatewayFunction {
3026     background-image:
3027         url('../resources/16px/gatewayFunction_black_16px.svg');
3028 }
3029
3030 .ebIcon_grabHandle {
3031     background-image: url('../resources/16px/grabHandle_black_16px.svg');
3032 }
3033
3034 .ebIcon_grabHandle_white {
3035     background-size: contain;
3036     background-image: url('../resources/16px/grabHandle_white.svg');
3037 }
3038
3039 .ebIcon_managedFunction {
3040     background-image:
3041         url('../resources/16px/managedFunction_black_16px.svg');
3042 }
3043
3044 .ebIcon_managedGroup {
3045     background-image: url('../resources/16px/managedGroup_black_16px.svg');
3046 }
3047
3048 .ebIcon_managementNode {
3049     background-image: url('../resources/16px/managementNode_black_16px.svg');
3050 }
3051
3052 .ebIcon_network {
3053     background-image: url('../resources/16px/network_black_16px.svg');
3054 }
3055
3056 .ebIcon_networkElement {
3057     background-image: url('../resources/16px/networkElement_black_16px.svg');
3058 }
3059
3060 .ebIcon_networkElement_white {
3061     background-image: url('../resources/16px/networkElement_white_16px.svg');
3062 }
3063
3064 .ebIcon_rbs {
3065     background-image: url('../resources/16px/RBS_black_16px.svg');
3066 }
3067
3068 .ebIcon_rbs_white {
3069     background-image: url('../resources/16px/RBS_white_16px.svg');
3070 }
3071
3072 .ebIcon_routeSwitch {
3073     background-image: url('../resources/16px/routeSwitch.svg');
3074 }
3075
3076 .ebIcon_rxi {
3077     background-image: url('../resources/16px/rxi_black_16px.svg');
3078 }
3079
3080 .ebIcon_switchFunction {
3081     background-image: url('../resources/16px/switchFunction_black_16px.svg');
3082 }
3083
3084 .ebIcon_technicianPresent {
3085     background-image: url('../resources/16px/technicianPresent_16px.svg');
3086 }
3087
3088 .ebIcon_terminal {
3089     background-image: url('../resources/16px/terminal_black_16px.svg');
3090 }
3091
3092 .ebIcon_topology {
3093     background-image: url('../resources/16px/topology_black_16px.svg');
3094 }
3095
3096 .ebIcon_access {
3097     background-image: url('../resources/16px/access_black_16px.svg');
3098 }
3099
3100 .ebIcon_access_white {
3101     background-image: url('../resources/16px/access_white_16px.svg');
3102 }
3103
3104 .ebIcon_accessSettings {
3105     background-image: url('../resources/16px/accessSettings_black_16px.svg');
3106 }
3107
3108 .ebIcon_accessSettings_white {
3109     background-image: url('../resources/16px/accessSettings_white_16px.svg');
3110 }
3111
3112 .ebIcon_alignCenter {
3113     background-image: url('../resources/16px/alignCenter_black_16px.svg');
3114 }
3115
3116 .ebIcon_alignCenter_white {
3117     background-image: url('../resources/16px/alignCenter_white.svg');
3118 }
3119
3120 .ebIcon_alignLeft {
3121     background-image: url('../resources/16px/alignLeft_black_16px.svg');
3122 }
3123
3124 .ebIcon_alignLeft_white {
3125     background-image: url('../resources/16px/alignLeft_white.svg');
3126 }
3127
3128 .ebIcon_alignRight {
3129     background-image: url('../resources/16px/alignRight_black_16px.svg');
3130 }
3131
3132 .ebIcon_alignRight_white {
3133     background-image: url('../resources/16px/alignRight_white.svg');
3134 }
3135
3136 .ebIcon_cli {
3137     background-image:
3138         url('../resources/16px/CommandLineInterface_black_16px.svg');
3139 }
3140
3141 .ebIcon_cli_white {
3142     background-image:
3143         url('../resources/16px/CommandLineInterface_white_16px.svg');
3144 }
3145
3146 .ebIcon_controllingNode {
3147     background-image: url('../resources/16px/controllingNode.svg');
3148 }
3149
3150 .ebIcon_grid3x3 {
3151     background-image: url('../resources/16px/grid3X3_black_16px.svg');
3152 }
3153
3154 .ebIcon_grid3x3_white {
3155     background-image: url('../resources/16px/grid3x3_white.svg');
3156 }
3157
3158 .ebIcon_grid4x4 {
3159     background-image: url('../resources/16px/grid4X4_black_16px.svg');
3160 }
3161
3162 .ebIcon_grid4x4_white {
3163     background-image: url('../resources/16px/grid4x4_white.svg');
3164 }
3165
3166 .ebIcon_gridView {
3167     background-image: url('../resources/16px/gridView_black_16px.svg');
3168 }
3169
3170 .ebIcon_gridView_white {
3171     background-image: url('../resources/16px/gridView_white.svg');
3172 }
3173
3174 .ebIcon_jumpTo {
3175     background-image: url('../resources/16px/jumpTo_black_16px.svg');
3176 }
3177
3178 .ebIcon_microwave {
3179     background-image: url('../resources/16px/microwave.svg');
3180 }
3181
3182 .ebIcon_mo {
3183     background-image: url('../resources/16px/mo.svg');
3184 }
3185
3186 .ebIcon_security {
3187     background-image: url('../resources/16px/security_black_16px.svg');
3188 }
3189
3190 .ebIcon_security_white {
3191     background-image: url('../resources/16px/security_white_16px.svg');
3192 }
3193
3194 .ebIcon_site {
3195     background-image: url('../resources/16px/site_black_16px.svg');
3196 }
3197
3198 .ebIcon_siteManager {
3199     background-image: url('../resources/16px/siteManager_black_16px.svg');
3200 }
3201
3202 .ebIcon_subnetwork {
3203     background-image: url('../resources/16px/subnetwork.svg');
3204 }
3205
3206 .ebIcon_gateway, .ebIcon_switch {
3207     background-image: url('../resources/16px/switch.svg');
3208 }
3209
3210 .ebIcon_tip {
3211     background-image: url('../resources/16px/tip_black_16px.svg');
3212 }
3213
3214 .ebIcon_tip_white {
3215     background-image: url('../resources/16px/tip_white_16px.svg');
3216 }
3217
3218 .ebIcon_attach {
3219     background-image: url('../resources/16px/attach_black_16px.svg');
3220 }
3221
3222 .ebIcon_attach_white {
3223     background-size: contain;
3224     background-image: url('../resources/16px/attach_white.svg');
3225 }
3226
3227 .ebIcon_clock {
3228     background-image: url('../resources/16px/clock_black_16px.svg');
3229 }
3230
3231 .ebIcon_clock_white {
3232     background-image: url('../resources/16px/clock_white_16px.svg');
3233 }
3234
3235 .ebIcon_windowMaximize {
3236     background-image: url('../resources/16px/WindowMaximize_black_16px.svg');
3237 }
3238
3239 .ebIcon_windowMinimize {
3240     background-image: url('../resources/16px/WindowMinimize_black_16px.svg');
3241 }
3242
3243 .ebIcon_deprecated {
3244     background-image: url('../resources/16px/deprecated_16px.svg');
3245 }
3246
3247 .ebIcon_obsolete {
3248     background-image: url('../resources/16px/obsolete_16px.svg');
3249 }
3250
3251 .ebIcon_newStatus_blue {
3252     background-image: url('../resources/16px/newStatus_blue_16px.svg');
3253 }
3254
3255 .ebIcon_newStatus_green {
3256     background-image: url('../resources/16px/newStatus_green_16px.svg');
3257 }
3258
3259 .ebIcon_upload {
3260     background-image: url('../resources/16px/upload_black_16px.svg');
3261 }
3262
3263 .ebIcon_activate {
3264     background-image: url('../resources/16px/activate_black_16px.svg');
3265 }
3266
3267 .ebIcon_activate_white {
3268     background-size: contain;
3269     background-image: url('../resources/16px/activate_white.svg');
3270 }
3271
3272 .ebIcon_deactivate {
3273     background-image: url('../resources/16px/deactivate_black_16px.svg');
3274 }
3275
3276 .ebIcon_deactivate_white {
3277     background-size: contain;
3278     background-image: url('../resources/16px/deactivate_white.svg');
3279 }
3280
3281 .ebIcon_switchBetween {
3282     background-image: url('../resources/16px/switchBetween_black_16px.svg');
3283 }
3284
3285 .ebIcon_switchBetween_white {
3286     background-image: url('../resources/16px/switchBetween_white_16px.svg');
3287 }
3288
3289 .ebIcon_eye {
3290     background-image: url('../resources/16px/eye_black_16px.svg');
3291 }
3292
3293 .ebIcon_eye_white {
3294     background-image: url('../resources/16px/eye_white_16px.svg');
3295 }
3296
3297 .ebIcon_eyeLine {
3298     background-image: url('../resources/16px/eyeLine_black_16px.svg');
3299 }
3300
3301 .ebIcon_eyeLine_white {
3302     background-image: url('../resources/16px/eyeLine_white.svg');
3303 }
3304
3305 .ebIcon_activityTray {
3306     background-image: url('../resources/16px/activity_16px_black.svg');
3307 }
3308
3309 .ebIcon_note {
3310     background-image: url('../resources/16px/note_black_16px.svg');
3311     background-size: contain;
3312 }
3313
3314 .ebIcon_note_white {
3315     background-image: url('../resources/16px/note_white_16px.svg');
3316 }
3317
3318 .ebIcon_tableView {
3319     background-image: url('../resources/16px/tableView_black_16px.svg');
3320 }
3321
3322 .ebIcon_tableView_white {
3323     background-image: url('../resources/16px/tableView_white_16px.svg');
3324 }
3325
3326 .ebIcon_synced {
3327     background-image: url('../resources/16px/Syncd_16px.svg');
3328 }
3329
3330 .ebIcon_syncError {
3331     background-image: url('../resources/16px/SyncError_16px.svg');
3332 }
3333
3334 .ebIcon_syncing {
3335     background-image: url('../resources/16px/Syncing_Static_16px.svg');
3336 }
3337
3338 .ebIcon_syncing_animated {
3339     background-image: url('../resources/16px/Syncing_Animated_16px.svg');
3340 }
3341
3342 /* Breadcrumb */
3343 .ebBreadcrumbs {
3344     position: relative;
3345     display: block;
3346     font-size: 0;
3347     margin-top: 12px;
3348     margin-bottom: 4px;
3349 }
3350
3351 .ebBreadcrumbs-link {
3352     font-size: 1.2rem;
3353     vertical-align: middle;
3354     display: inline-block
3355 }
3356
3357 .ebBreadcrumbs-list {
3358     position: absolute;
3359     left: 0;
3360     margin-top: 6px;
3361     display: none;
3362     min-width: calc(100% - 16px);
3363     max-width: 250px;
3364     z-index: 1500
3365 }
3366
3367 .ebBreadcrumbs-arrow {
3368     margin-left: .6rem;
3369     vertical-align: middle;
3370     outline: none;
3371     display: inline-block;
3372     line-height: 12px
3373 }
3374
3375 .ebBreadcrumbs-arrow:focus>* {
3376     opacity: 1
3377 }
3378
3379 .ebBreadcrumbs-arrow_hidden {
3380     display: none
3381 }
3382
3383 .ebBreadcrumbs-arrow:focus+.ebBreadcrumbs-list {
3384     display: block
3385 }
3386
3387 .ebBreadcrumbs-item {
3388     position: relative;
3389     font-size: 0;
3390     white-space: nowrap;
3391     display: inline-block;
3392     margin-bottom: .8rem
3393 }
3394
3395 .ebBreadcrumbs-item:after {
3396     vertical-align: middle;
3397     display: inline-block;
3398     width: 20px;
3399     content: "/";
3400     font-size: 1.6rem;
3401     text-align: center;
3402     color: #999;
3403     cursor: default !important;
3404     pointer-events: none !important;
3405     -ms-touch-action: none !important;
3406     touch-action: none !important;
3407     -khtml-user-select: none !important;
3408     -moz-user-select: none !important;
3409     -o-user-select: none !important;
3410     -webkit-user-select: none !important;
3411     user-select: none
3412 }
3413
3414 .ebBreadcrumbs-item:last-child {
3415     margin-right: 0
3416 }
3417
3418 .ebBreadcrumbs-item:last-child>.ebBreadcrumbs-link {
3419     -ms-touch-action: none !important;
3420     touch-action: none !important;
3421     -khtml-user-select: none !important;
3422     -moz-user-select: none !important;
3423     -o-user-select: none !important;
3424     -webkit-user-select: none !important;
3425     user-select: none
3426 }
3427
3428 .ebBreadcrumbs-item:last-child:after {
3429     content: "";
3430     padding: 0;
3431     font-size: 0;
3432     width: 0;
3433 }
3434
3435 .ebBreadcrumbs a {
3436     font-size: 1.2rem;
3437     color: #0066b3;
3438     text-decoration: none;
3439 }
3440
3441 .ebBreadcrumbs a:hover {
3442     text-decoration: underline;
3443     outline: none;
3444 }
3445
3446 .ebBreadcrumbs a:active {
3447     text-decoration: underline
3448 }
3449
3450 .ebBreadcrumbs a:focus {
3451     outline: none;
3452     text-decoration: underline;
3453     box-shadow: none;
3454 }