gerrit.onap Code Review - portal/sdk.git/blob

   1 mat-button-toggle-group{
   2     width: 800px;
   3   }
   4
   5
   6   .lds-ring {
   7     display: inline-block;
   8     position: relative;
   9     width: 64px;
  10     height: 64px;
  11   }
  12   .lds-ring div {
  13     box-sizing: border-box;
  14     display: block;
  15     position: absolute;
  16     width: 80px;
  17     height: 80px;
  18     margin: 6px;
  19     margin-top: -10px;
  20     border: 10px solid #006496;
  21     border-radius: 80%;
  22     animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  23     border-color: #006496 transparent transparent transparent;
  24   }
  25   .lds-ring div:nth-child(1) {
  26     animation-delay: -0.45s;
  27   }
  28   .lds-ring div:nth-child(2) {
  29     animation-delay: -0.3s;
  30   }
  31   .lds-ring div:nth-child(3) {
  32     animation-delay: -0.15s;
  33   }
  34   @keyframes lds-ring {
  35     0% {
  36       transform: rotate(0deg);
  37     }
  38     100% {
  39       transform: rotate(360deg);
  40     }
  41   }
  42
  43
  44   mat-button-toggle{
  45     display: block;
  46     width: 800px;
  47     border-radius: 5px;
  48   }
  49
  50   label{
  51     size: 70px;
  52   }
  53
  54   input {
  55     width: 800px;
  56     height: 20px;
  57   }
  58
  59   .Heading{
  60     font-size: 45px;
  61   }
  62
  63   .stdForm{
  64     margin-left: 20px;
  65   }
  66
  67   .field-group {
  68     position: relative;
  69     display: block;
  70   }
  71
  72   label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
  73     margin-top: 5px;
  74   }
  75
  76
  77   select{
  78     display: block;
  79     width: 800px;
  80
  81     padding: 15px;
  82     background-color: #e6e6e61a
  83   }
  84
  85   .webform-component-my-select select {
  86     height: 200px;
  87   }
  88
  89   .checkbox .skin {
  90     background-color: #fff;
  91     border: 1px solid #d2d2d2;
  92     border-radius: 3px;
  93     display: inline-block;
  94     height: 24px;
  95     width: 24px;
  96     position: absolute;
  97     left: 0;
  98     top: 0;
  99   }
 100
 101   i, em {
 102     font-family: "Omnes-ECOMP-W02-Italic", Arial;
 103     font-style: normal;
 104   }
 105
 106
 107   .b2b-horizontal-table ::-webkit-scrollbar {
 108     height: 10px; }
 109
 110   .b2b-horizontal-table ::-webkit-scrollbar-thumb {
 111     background: #666666;
 112     border-radius: 5px; }
 113
 114   .b2b-horizontal-table .b2b-frozen-col {
 115     font-size: 5px;
 116     font-weight: normal;
 117     font-style: italic; }
 118   /*
 119   .b2b-horizontal-table .b2b-horizontal-table-inner-container {
 120     overflow-x: scroll; } */
 121
 122   .b2b-horizontal-table .b2b-horizontal-table-column-info {
 123     text-align: center; }
 124
 125   .b2b-horizontal-table .b2b-horizontal-table-legend div[b2b-flyout-toggler] {
 126     color: #0568ae;
 127     cursor: pointer; }
 128
 129   .b2b-horizontal-table .b2b-horizontal-table-legend .b2b-frozen-cell {
 130     width: 16px;
 131     height: 16px;
 132     background-color: #F2F2F2;
 133     display: inline-block;
 134     margin-right: 10px; }
 135
 136   .b2b-horizontal-table .b2b-horizontal-table-arrows {
 137     margin-bottom: 20px; }
 138     .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-disabled-text {
 139       color: #767676; }
 140     .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-next-link {
 141       padding-right: 15px; }
 142     .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-prev-link {
 143       padding-left: 15px; }
 144
 145   @-moz-document url-prefix() {
 146     .b2b-horizontal-table td:first-child {
 147       border-top: none; } }
 148   * {
 149     box-sizing: border-box; }
 150
 151   :root {
 152     -ms-overflow-style: -ms-autohiding-scrollbar;
 153     overflow-y: scroll;
 154     -ms-text-size-adjust: 100%;
 155     -webkit-text-size-adjust: 100%;
 156     box-sizing: border-box;
 157     font: 0.625pc/1.5 sans-serif;
 158     text-rendering: optimizeLegibility; }
 159
 160   html {
 161     overflow-y: scroll;
 162     -webkit-overflow-scrolling: touch;
 163     height: 100%;
 164     position: relative; }
 165
 166   h1,
 167   h2,
 168   h3,
 169   h4,
 170   h5,
 171   p,
 172   blockquote,
 173   figure,
 174   ol,
 175   ul {
 176     margin: 0;
 177     padding: 0; }
 178
 179   /* a:focus {
 180     outline: thin dotted #191919;
 181   } */
 182   sub,
 183   sup {
 184     font-size: 75%;
 185     line-height: 0;
 186     position: relative;
 187     vertical-align: top; }
 188
 189   sup {
 190     top: .75em;
 191     display: inline-block; }
 192
 193   sub {
 194     bottom: -0.25em; }
 195
 196   img {
 197     max-width: 100%;
 198     height: auto;
 199     vertical-align: middle;
 200     border: 0;
 201     -ms-interpolation-mode: bicubic; }
 202
 203   .img-no-rwd {
 204     max-width: inherit !important; }
 205
 206   svg {
 207     display: inline-block; }
 208
 209   .responsive-img {
 210     width: 100%;
 211     height: auto; }
 212
 213   button,
 214   input,
 215   select,
 216   textarea {
 217     margin: 0;
 218     font-size: 100%;
 219     vertical-align: middle; }
 220
 221   ::-moz-focus-inner {
 222     padding: 0;
 223     border: 0; }
 224
 225   button,
 226   html input[type="button"],
 227   input[type="reset"],
 228   input[type="submit"] {
 229     appearance: button;
 230     cursor: pointer; }
 231
 232   label,
 233   select,
 234   button,
 235   input[type="button"],
 236   input[type="reset"],
 237   input[type="submit"],
 238   input[type="radio"],
 239   input[type="checkbox"] {
 240     cursor: pointer; }
 241
 242   input[type=search] {
 243     -webkit-appearance: textfield; }
 244
 245   input[type=search]:-webkit-search-cancel-button,
 246   input[type=search]:-webkit-search-decoration {
 247     -webkit-appearance: none; }
 248
 249
 250
 251   select {
 252     -moz-appearance: none;
 253     -webkit-appearance: none; }
 254
 255   [aria-busy=true] {
 256     cursor: progress; }
 257
 258   [aria-controls] {
 259     cursor: pointer; }
 260
 261   body {
 262     background-color: #ffffff;
 263     color: #191919;
 264     font-family: "Omnes-ECOMP-W02", Arial;
 265   /*  font-size: 1.6rem;
 266     line-height: 2rem;*/
 267     margin: 0;
 268     position: relative;
 269     width: 100%;
 270     -moz-osx-font-smoothing: grayscale;
 271     -webkit-font-smoothing: antialiased; }
 272
 273   small {
 274     font-size: 1.6rem; }
 275
 276   .container {
 277     margin: 0 auto;
 278     padding: 0; }
 279
 280   .tooltip {
 281     display: inline-block;
 282     height: 20px;
 283     margin: 1px 0 0 7px;
 284     vertical-align: middle; }
 285
 286   .tooltip-wrapper {
 287     display: none; }
 288
 289
 290
 291   /* TODO: Build a reference page for these classes */
 292   .font-regular {
 293     font-family: "Omnes-ECOMP-W02", Arial !important; }
 294
 295   .font-light {
 296     font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
 297
 298   .font-italic {
 299     font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
 300
 301   .font-light-italic {
 302     font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
 303
 304   .font-medium {
 305     font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
 306
 307   .font-medium-italic {
 308     font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }
 309
 310   .font-reset {
 311     font-style: normal;
 312     font-variant: normal;
 313     font-weight: normal;
 314     text-transform: none; }
 315
 316   .visible-phone {
 317     display: none !important; }
 318
 319   .visible-tablet {
 320     display: none !important; }
 321
 322   .hidden-desktop {
 323     display: none !important; }
 324
 325   .visible-desktop {
 326     display: inherit !important; }
 327
 328   .row,
 329   .row-nowrap {
 330     margin-left: 0; }
 331
 332   .row:before,
 333   .row-nowrap:before,
 334   .row:after,
 335   .row-nowrap:after {
 336     display: table;
 337     content: "";
 338     line-height: 0; }
 339
 340   .row:after,
 341   .row-nowrap:after {
 342     clear: both; }
 343
 344   .row:before,
 345   .row-nowrap:before,
 346   .row:after,
 347   .row-nowrap:after {
 348     display: table;
 349     content: "";
 350     line-height: 0; }
 351
 352   .row:after,
 353   .row-nowrap:after {
 354     clear: both; }
 355
 356   .row,
 357   .row-nowrap {
 358     display: flex; }
 359
 360   .row > [class*="span"],
 361   .row-nowrap > [class*="span"] {
 362     float: left;
 363     margin-right: 14px;
 364     margin-right: 1.40845%\9; }
 365
 366   .row > [class*="span"]:last-child,
 367   .row-nowrap > [class*="span"]:last-child {
 368     margin-right: 0; }
 369
 370   .row > [class*="span"].centered,
 371   .row-nowrap > [class*="span"].centered {
 372     margin-left: auto !important;
 373     margin-right: auto !important; }
 374
 375   .row.no-flex,
 376   .row-nowrap.no-flex {
 377     display: block; }
 378
 379   .row.no-flex > [class*="span"],
 380   .row-nowrap.no-flex > [class*="span"] {
 381     margin-right: 1.408450704225352%; }
 382
 383   .row.no-flex > [class*="span"]:last-child,
 384   .row-nowrap.no-flex > [class*="span"]:last-child {
 385     margin-right: 0; }
 386
 387   .row.flex-justify,
 388   .row-nowrap.flex-justify {
 389     justify-content: space-between; }
 390
 391   .row.flex-justify > [class*="span"],
 392   .row-nowrap.flex-justify > [class*="span"] {
 393     flex: 1 1 0; }
 394
 395   .row.flex-justify > .flex-col,
 396   .row-nowrap.flex-justify > .flex-col {
 397     margin-right: 14px;
 398     margin-right: 1.40845%\9; }
 399
 400   .row.flex-wrap,
 401   .row-nowrap.flex-wrap {
 402     flex-wrap: wrap; }
 403
 404   .align-items-top {
 405     align-items: flex-start; }
 406
 407   .align-items-center {
 408     align-items: center; }
 409
 410   .align-items-bottom {
 411     align-items: flex-end; }
 412
 413   .align-self-top {
 414     align-self: flex-start; }
 415
 416   .align-self-center {
 417     align-self: center; }
 418
 419   .align-self-bottom {
 420     align-self: flex-end; }
 421
 422   .row .fixed-230 {
 423     flex: 0;
 424     display: block;
 425     width: 230px;
 426     vertical-align: top;
 427     min-width: 230px;
 428     background-color: #efefef; }
 429
 430   .row .fluid-space {
 431     flex: 1 1 0;
 432     display: block;
 433     vertical-align: top;
 434     padding-left: 0;
 435     padding-right: 20px;
 436     width: 100%; }
 437
 438   .row .fixed-230 + .fluid-space {
 439     padding-left: 20px;
 440     padding-right: 20px; }
 441
 442   .row .fluid-space:last-child {
 443     padding-right: 0; }
 444
 445   .span1 {
 446     width: 7.042253521126761%; }
 447
 448   .span2 {
 449     width: 15.49295774647887%; }
 450
 451   .span3 {
 452     width: 23.94366197183099%; }
 453
 454   .span4 {
 455     width: 32.3943661971831%; }
 456
 457   .span5 {
 458     width: 40.84507042253521%; }
 459
 460   .span6 {
 461     width: 49.29577464788733%; }
 462
 463   .span7 {
 464     width: 57.74647887323944%; }
 465
 466   .span8 {
 467     width: 66.19718309859155%; }
 468
 469   .span9 {
 470     width: 74.64788732394367%; }
 471
 472   .span10 {
 473     width: 83.09859154929578%; }
 474
 475   .span11 {
 476     width: 91.54929577464789%; }
 477
 478   .span12 {
 479     width: 100%; }
 480
 481   .offset1 {
 482     margin-left: 8.450704225352113%; }
 483
 484   .offset2 {
 485     margin-left: 16.90140845070423%; }
 486
 487   .offset3 {
 488     margin-left: 25.35211267605634%; }
 489
 490   .offset4 {
 491     margin-left: 33.8028169%; }
 492
 493   .offset5 {
 494     margin-left: 42.25352113%; }
 495
 496   .offset6 {
 497     margin-left: 50.70422535%; }
 498
 499   .offset7 {
 500     margin-left: 59.15492958%; }
 501
 502   .offset8 {
 503     margin-left: 67.6056338%; }
 504
 505   .offset9 {
 506     margin-left: 76.05633803%; }
 507
 508   .offset10 {
 509     margin-left: 84.50704225%; }
 510
 511   .offset11 {
 512     margin-left: 92.95774648%; }
 513
 514   .align-center {
 515     margin: 0 auto;
 516     text-align: center; }
 517
 518   [class*="span"].align-center {
 519     margin: 0 auto !important;
 520     float: none; }
 521
 522   .align-left .container {
 523     padding-left: 0 !important;
 524     margin: 0 !important; }
 525
 526   /* BEGIN RESPONSIVE-4.LESS ************** */
 527   @media (min-width: 1025px) {
 528     .row > [class*="span"],
 529     .row-nowrap > [class*="span"] {
 530       margin-right: 20px;
 531       margin-right: 1.487301587301587%\9; }
 532     .container {
 533       padding-left: 20px;
 534       padding-right: 20px;
 535       max-width: 1260px; }
 536     /* 1col = 6.878306878306879 */
 537     /* 1colgutter = 1.587301587301587 */
 538     .span0 {
 539       display: none; }
 540     .span1 {
 541       width: 6.878306878306879%; }
 542     .span2 {
 543       width: 15.34391534391534%; }
 544     .span3 {
 545       width: 23.80952380952381%; }
 546     .span4 {
 547       width: 32.27513227513228%; }
 548     .span5 {
 549       width: 40.74074074074074%; }
 550     .span6 {
 551       width: 49.20634920634921%; }
 552     .span7 {
 553       width: 57.67195767195767%; }
 554     .span8 {
 555       width: 66.13756613756614%; }
 556     .span9 {
 557       width: 74.60317460317461%; }
 558     .span10 {
 559       width: 83.06878306878308%; }
 560     .span11 {
 561       width: 91.53439153439154%; }
 562     .span12 {
 563       width: 100%; }
 564     .offset1 {
 565       margin-left: 8.465608465608466%; }
 566     .offset2 {
 567       margin-left: 16.93121693121693%; }
 568     .offset3 {
 569       margin-left: 25.3968253968254%; }
 570     .offset4 {
 571       margin-left: 33.86243386%; }
 572     .offset5 {
 573       margin-left: 42.32804233%; }
 574     .offset6 {
 575       margin-left: 50.79365079%; }
 576     .offset7 {
 577       margin-left: 59.25925926%; }
 578     .offset8 {
 579       margin-left: 67.72486772%; }
 580     .offset9 {
 581       margin-left: 76.19047619%; }
 582     .offset10 {
 583       margin-left: 84.65608466%; }
 584     .offset11 {
 585       margin-left: 93.12169312%; }
 586     .tooltip-size-control {
 587       position: relative;
 588       width: 400px; }
 589     .thumbnails > li {
 590       margin-left: 1.40845070422535%; }
 591     .row .thumbnails {
 592       margin-left: 0; } }
 593
 594   /* END RESPONSIVE-4.LESS ****************** */
 595   /* BEGIN RESPONSIVE-3.LESS ******************* */
 596   @media (min-width: 768px) and (max-width: 1024px) {
 597     .hidden-desktop {
 598       display: inherit !important; }
 599     .visible-desktop {
 600       display: none !important; }
 601     .visible-tablet {
 602       display: inherit !important; }
 603     .hidden-tablet {
 604       display: none !important; }
 605     .container {
 606       width: 100%;
 607       margin: 0 auto;
 608       padding-left: 20px;
 609       padding-right: 20px; }
 610     .span0-md {
 611       display: none; }
 612     .span1-md {
 613       width: 7.042253521126761%; }
 614     .span2-md {
 615       width: 15.49295774647887%; }
 616     .span3-md {
 617       width: 23.94366197183099%; }
 618     .span4-md {
 619       width: 32.3943661971831%; }
 620     .span5-md {
 621       width: 40.84507042253521%; }
 622     .span6-md {
 623       width: 49.29577464788733%; }
 624     .span7-md {
 625       width: 57.74647887323944%; }
 626     .span8-md {
 627       width: 66.19718309859155%; }
 628     .span9-md {
 629       width: 74.64788732394367%; }
 630     .span10-md {
 631       width: 83.09859154929578%; }
 632     .span11-md {
 633       width: 91.54929577464789%; }
 634     .span12-md {
 635       width: 100%; }
 636     .offset1-md {
 637       margin-left: 8.450704225352113%; }
 638     .offset2-md {
 639       margin-left: 16.90140845070423%; }
 640     .offset3-md {
 641       margin-left: 25.35211267605634%; }
 642     .offset4-md {
 643       margin-left: 33.8028169%; }
 644     .offset5-md {
 645       margin-left: 42.25352113%; }
 646     .offset6-md {
 647       margin-left: 50.70422535%; }
 648     .offset7-md {
 649       margin-left: 59.15492958%; }
 650     .offset8-md {
 651       margin-left: 67.6056338%; }
 652     .offset9-md {
 653       margin-left: 76.05633803%; }
 654     .offset10-md {
 655       margin-left: 84.50704225%; }
 656     .offset11-md {
 657       margin-left: 92.95774648%; }
 658     .tooltip-size-control {
 659       position: relative;
 660       width: 300px; } }
 661
 662   /* END RESPONSIVE-3.LESS ******************* */
 663   /* BEGIN RESPONSIVE-2.LESS *************** */
 664   @media (max-width: 767px) {
 665     .hidden-desktop {
 666       display: inherit !important; }
 667     .visible-desktop {
 668       display: none !important; }
 669     .visible-phone {
 670       display: inherit !important; }
 671     .visible-tablet {
 672       display: inherit !important; }
 673     .hidden-phone {
 674       display: none !important; }
 675     .hidden-tablet {
 676       display: none !important; }
 677     .container {
 678       width: auto;
 679       padding-left: 15px;
 680       padding-right: 15px; }
 681     /*.row{ display:block; }*/
 682     .row > [class*="span"] {
 683       float: none;
 684       margin-left: 0;
 685       margin-right: 0;
 686       width: 100%; }
 687     .row {
 688       display: block; }
 689     .row.flex > .flex-col,
 690     .row-nowrap.flex > .flex-col {
 691       margin-right: 0; }
 692     .row .fixed-230 {
 693       display: block;
 694       width: 100%; }
 695     .row .fluid-space {
 696       display: block;
 697       padding-left: 0;
 698       padding-right: 0;
 699       width: auto; }
 700     .row .fluid-space + .fixed-230 {
 701       padding-left: 0; }
 702     .row .fluid-space:last-child {
 703       padding-right: 0; }
 704     .span0-sm {
 705       display: none; }
 706     .span1-sm {
 707       width: 7.042253521126761%; }
 708     .span2-sm {
 709       width: 15.49295774647887%; }
 710     .span3-sm {
 711       width: 23.94366197183099%; }
 712     .span4-sm {
 713       width: 32.3943661971831%; }
 714     .span5-sm {
 715       width: 40.84507042253521%; }
 716     .span6-sm {
 717       width: 49.29577464788733%; }
 718     .span7-sm {
 719       width: 57.74647887323944%; }
 720     .span8-sm {
 721       width: 66.19718309859155%; }
 722     .span9-sm {
 723       width: 74.64788732394367%; }
 724     .span10-sm {
 725       width: 83.09859154929578%; }
 726     .span11-sm {
 727       width: 91.54929577464789%; }
 728     .span12-sm {
 729       width: 100%; }
 730     .offset1-sm {
 731       margin-left: 8.450704225352113%; }
 732     .offset2-sm {
 733       margin-left: 16.90140845070423%; }
 734     .offset3-sm {
 735       margin-left: 25.35211267605634%; }
 736     .offset4-sm {
 737       margin-left: 33.8028169%; }
 738     .offset5-sm {
 739       margin-left: 42.25352113%; }
 740     .offset6-sm {
 741       margin-left: 50.70422535%; }
 742     .offset7-sm {
 743       margin-left: 59.15492958%; }
 744     .offset8-sm {
 745       margin-left: 67.6056338%; }
 746     .offset9-sm {
 747       margin-left: 76.05633803%; }
 748     .offset10-sm {
 749       margin-left: 84.50704225%; }
 750     .offset11-sm {
 751       margin-left: 92.95774648%; }
 752     input {
 753       padding: 8px 15px 8px 15px; }
 754     .field-group input.input-emphasized[type="search"] + .reset-field:after {
 755       top: 14px; }
 756     .field-group input.input-emphasized[type="search"] + .reset-field {
 757       height: 46px;
 758       top: 1px; }
 759     .marquee {
 760       margin-bottom: 30px; }
 761     .marquee .blur-overlay {
 762       border-radius: 0;
 763       position: absolute;
 764       bottom: 0;
 765       left: 0;
 766       width: 100%;
 767       margin: 0;
 768       padding: 34px 15px 30px; }
 769     .marquee + div {
 770       margin-top: 30px; }
 771     .marquee h1 {
 772       font-size: 1.8rem;
 773       letter-spacing: -0.035px; }
 774     .marquee .lead {
 775       font-size: 3.0rem;
 776       line-height: 3.6rem;
 777       margin-bottom: 0; }
 778     .marquee p:not(.lead) {
 779       font-family: "Omnes-ECOMP-W02-Light", Arial;
 780       font-size: 1.8rem;
 781       margin-bottom: 0; }
 782     .marquee .btn-fullwidth {
 783       margin-top: 10px;
 784       width: 100%;
 785       float: none; }
 786     .tooltip-size-control {
 787       width: 100%; }
 788     .table-wrapper,
 789     .accordion-table-layout {
 790       margin-left: -15px;
 791       margin-right: -15px; }
 792     .table-wrapper caption {
 793       padding-left: 15px; } }
 794
 795   @media (max-width: 480px) {
 796     .span1-xsm {
 797       width: 7.042253521126761%; }
 798     .span2-xsm {
 799       width: 15.49295774647887%; }
 800     .span3-xsm {
 801       width: 23.94366197183099%; }
 802     .span4-xsm {
 803       width: 32.3943661971831%; }
 804     .span5-xsm {
 805       width: 40.84507042253521%; }
 806     .span6-xsm {
 807       width: 49.29577464788733%; }
 808     .span7-xsm {
 809       width: 57.74647887323944%; }
 810     .span8-xsm {
 811       width: 66.19718309859155%; }
 812     .span9-xsm {
 813       width: 74.64788732394367%; }
 814     .span10-xsm {
 815       width: 83.09859154929578%; }
 816     .span11-xsm {
 817       width: 91.54929577464789%; }
 818     .span12-xsm {
 819       width: 100%; }
 820     .offset1-xsm {
 821       margin-left: 8.450704225352113%; }
 822     .offset2-xsm {
 823       margin-left: 16.90140845070423%; }
 824     .offset3-xsm {
 825       margin-left: 25.35211267605634%; }
 826     .offset4-xsm {
 827       margin-left: 33.8028169%; }
 828     .offset5-xsm {
 829       margin-left: 42.25352113%; }
 830     .offset6-xsm {
 831       margin-left: 50.70422535%; }
 832     .offset7-xsm {
 833       margin-left: 59.15492958%; }
 834     .offset8-xsm {
 835       margin-left: 67.6056338%; }
 836     .offset9-xsm {
 837       margin-left: 76.05633803%; }
 838     .offset10-xsm {
 839       margin-left: 84.50704225%; }
 840     .offset11-xsm {
 841       margin-left: 92.95774648%; } }
 842
 843   /* END RESPONSIVE-2.LESS ******************* */
 844   /* BEGIN RESPONSIVE-1.LESS ************** */
 845   .xxxxxxxx-begin-responsive-480px.less {
 846     /* placeholder */ }
 847
 848   @media (max-width: 480px) {
 849     .hidden-desktop {
 850       display: inherit !important; }
 851     .hidden-tablet {
 852       display: inherit !important; }
 853     .hidden-phone {
 854       display: none !important; }
 855     .visible-desktop {
 856       display: none !important; }
 857     .visible-tablet {
 858       display: none !important; }
 859     .visible-phone {
 860       display: inherit !important; }
 861     .container {
 862       width: auto;
 863       padding-left: 15px;
 864       padding-right: 15px; } }
 865
 866   [class*="icon-primary-"],
 867   .nav-links a:after,
 868   .bellyband-link a:after,
 869   .breadcrumb > li:after,
 870   .checkbox input:checked + .skin:after,
 871   .checkbox input.indeterminate + .skin:after,
 872   .checkbox input:indeterminate + .skin:after,
 873   .selectWrap.large:before,
 874   .form-row.error .error-msg:before,
 875   .close:before,
 876   .reset-field:before,
 877   .cssIcon-globe:before,
 878   .selectWrap:after {
 879     color: #0568ae;
 880     left: 6px;
 881     top: -3px;
 882     width: 2px;
 883     height: 3px;
 884     border: solid white;
 885     border-width: 0 3px 3px 0;
 886     -webkit-transform: rotate(45deg);
 887     -ms-transform: rotate(45deg);
 888     transform: rotate(45deg);}
 889
 890   [class*="icoWeather-"], [class*="icoTrans-"], [class*="icoBubble-"], [class*="icoRetail-"], [class*="icoPeople-"], [class*="icoNumslets-"], [class*="icoLocation-"], [class*="icoHealthcare-"], [class*="icoDocuments-"], [class*="icoDevices-"], [class*="icoDatanetwork-"], [class*="icoControls-"], [class*="icoBuilding-"], [class*="icoArrows-"] {
 891     color: #0568ae;
 892     display: inline-block;
 893     font-style: normal;
 894     font-size: 20px;
 895     font-weight: normal;
 896     font-variant: normal;
 897     font-style: normal;
 898     width: 20px;
 899     text-transform: none;
 900     line-height: 1;
 901     -webkit-font-smoothing: antialiased;
 902     -moz-osx-font-smoothing: grayscale;
 903     position: relative;
 904     speak: none;
 905     -webkit-user-select: none;
 906     -moz-user-select: none;
 907     -ms-user-select: none;
 908     user-select: none;
 909     vertical-align: middle; }
 910
 911   [class*="icon-primary-"]:before,
 912   [class*="icon-primary-"]:after {
 913     box-sizing: border-box;
 914     display: inline-block;
 915     font-size: 1em;
 916     height: 1em;
 917     position: relative;
 918     top: 0;
 919     left: 0;
 920     vertical-align: middle;
 921     width: 1em; }
 922
 923   .icon-primary-att-globe:before,
 924   .cssIcon-globe:before {
 925     content: "\e900";
 926     color: #44c7f5; }
 927
 928   .icon-primary-hamburger:before {
 929     content: "\e903"; }
 930
 931   .icon-primary-secure:before {
 932     content: "\e918"; }
 933
 934   .icon-primary-secureL:before {
 935     content: "\e919"; }
 936
 937   .icon-primary-padlockopen:before {
 938     content: "\e916"; }
 939
 940   .icon-primary-padlockopenL:before {
 941     content: "\e917"; }
 942
 943   .icon-primary-shoppingcart:before {
 944     content: "\e914"; }
 945
 946   .icon-primary-shoppingcartL:before {
 947     content: "\e915"; }
 948
 949   .icon-primary-print:before {
 950     content: "\e921"; }
 951
 952   .icon-primary-printL:before {
 953     content: "\e922"; }
 954
 955   .icon-primary-mobilesmartphone:before {
 956     content: "\e908"; }
 957
 958   .icon-primary-mobilesmartphoneL:before {
 959     content: "\e90c"; }
 960
 961   .icon-primary-tablet:before {
 962     content: "\e904"; }
 963
 964   .icon-primary-tabletL:before {
 965     content: "\e905"; }
 966
 967   .icon-primary-tv:before {
 968     content: "\e906"; }
 969
 970   .icon-primary-tvL:before {
 971     content: "\e907"; }
 972
 973   .icon-primary-calendar {
 974     width: 100% !important; }
 975
 976   .icon-primary-calendar:before {
 977     content: "\e91a";
 978     z-index: 1; }
 979
 980   .icon-primary-calendarL:before {
 981     content: "\e91b"; }
 982
 983   .icon-primary-star:before {
 984     content: "\e96c"; }
 985
 986   .icon-primary-close:before,
 987   .close:before,
 988   .reset-field:before {
 989     content: "\e910"; }
 990
 991   .icon-primary-down:before {
 992     content: "\ea3c"; }
 993
 994
 995
 996   .icon-primary-add-maximize:before {
 997     content: "\e91f"; }
 998
 999
1000
1001   .icon-primary-questionmark:before {
1002     content: "\e90f"; }
1003
1004   .icon-primary-badgealert:before,
1005   .form-row.error .error-msg:before {
1006     content: "\e90e"; }
1007
1008   .icon-primary-approval:before {
1009     content: "\e925"; }
1010
1011   .icon-primary-flat-info:before {
1012     content: "\e927"; }
1013
1014   .icon-primary-alert:before {
1015     content: "\e913"; }
1016
1017   .icon-primary-tooltip:before,
1018   .icon-primary-flat-faq:before {
1019     content: "\e90d"; }
1020
1021   .icon-primary-tooltip {
1022     font-size: 20px; }
1023
1024   .nav-links a:after,
1025   .bellyband-link a:after,
1026   .breadcrumb > li:after,
1027   .icon-primary-right:before {
1028     content: "\ea3c";
1029     transform: rotate(-90deg); }
1030
1031   .icon-primary-left:before {
1032     content: "\ea3c";
1033     transform: rotate(90deg); }
1034
1035   .icon-primary-accordion-plus:after,
1036   .icon-primary-collapsed:after,
1037   .icon-primary-accordion-minus:after,
1038   .icon-primary-expanded:after {
1039     content: "";
1040     position: absolute;
1041     top: 0;
1042     z-index: 1; }
1043
1044   .icon-primary-accordion-minus,
1045   .icon-primary-expanded,
1046   .icon-primary-accordion-plus,
1047   .icon-primary-collapsed {
1048     font-size: 20px !important; }
1049
1050   :not(.ds2-no-colors) .icon-primary-accordion-minus:before,
1051   :not(.ds2-no-colors) .icon-primary-expanded:before {
1052     background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M15.1%2011.3H5.9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h9.3c.4%200%20.8.3.8.8s-.4.8-.9.8z%22%2F%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M10.5%2021C4.7%2021%200%2016.3%200%2010.5S4.7%200%2010.5%200%2021%204.7%2021%2010.5%2016.3%2021%2010.5%2021zm0-20C5.3%201%201%205.3%201%2010.5S5.3%2020%2010.5%2020s9.5-4.3%209.5-9.5S15.7%201%2010.5%201z%22%2F%3E%3C%2Fsvg%3E");
1053     content: ""; }
1054
1055   :not(.ds2-no-colors) .icon-primary-accordion-plus:before,
1056   :not(.ds2-no-colors) .icon-primary-collapsed:before {
1057     background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M10.5%2015.9c-.4%200-.8-.3-.8-.8V5.9c0-.4.3-.8.8-.8s.8.3.8.8v9.3c0%20.4-.4.7-.8.7z%22%2F%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M15.1%2011.3H5.9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h9.3c.4%200%20.8.3.8.8s-.4.8-.9.8z%22%2F%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M10.5%2021C4.7%2021%200%2016.3%200%2010.5S4.7%200%2010.5%200%2021%204.7%2021%2010.5%2016.3%2021%2010.5%2021zm0-20C5.3%201%201%205.3%201%2010.5S5.3%2020%2010.5%2020s9.5-4.3%209.5-9.5S15.7%201%2010.5%201z%22%2F%3E%3C%2Fsvg%3E");
1058     content: ""; }
1059
1060   .ds2-no-colors .icon-primary-accordion-minus:before,
1061   .ds2-no-colors .icon-primary-expanded:before {
1062     background-image: none;
1063     content: "\e901"; }
1064
1065   .ds2-no-colors .icon-primary-accordion-minus:after,
1066   .ds2-no-colors .icon-primary-expanded:after {
1067     content: "\e902"; }
1068
1069   .ds2-no-colors .icon-primary-accordion-plus:before,
1070   .ds2-no-colors .icon-primary-collapsed:before {
1071     background-image: none;
1072     content: "\e90b"; }
1073
1074   .ds2-no-colors .icon-primary-accordion-plus:after,
1075   .ds2-no-colors .icon-primary-collapsed:after {
1076     content: "\e911"; }
1077
1078   .icon-primary-circle-arrow {
1079     outline: 1px solid transparent;
1080     border-radius: 50%;
1081     font-size: 20px !important;
1082     background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
1083     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
1084     margin-right: 7px; }
1085
1086   .icon-primary-circle-arrow:after {
1087     background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20baseProfile%3D%22tiny%22%3E%3Ccircle%20r%3D%2217%22%20cy%3D%2218%22%20cx%3D%2218%22%20stroke-width%3D%221%22%20fill%3D%22transparent%22%20stroke%3D%22%23ccc%22%2F%3E%3C%2Fsvg%3E");
1088     content: "";
1089     position: absolute;
1090     top: 0;
1091     z-index: 2; }
1092
1093   .icon-primary-circle-arrow:before {
1094     border-radius: 50%;
1095     content: "\ea3c";
1096     font-size: 12px;
1097     top: 0;
1098     position: absolute;
1099     transform: rotate(-90deg);
1100     width: 20px;
1101     z-index: 1; }
1102
1103   [class*="icon-primary-"] [class*="icon-primary-"] {
1104     display: inline-block;
1105     float: left;
1106     font-size: 1em;
1107     margin-left: -1em;
1108     position: absolute; }
1109
1110   [class*="icon-primary-"].white, [class^="ico"][class*="-"].white {
1111     color: #fff; }
1112
1113   [class*="icon-primary-"].black, [class^="ico"][class*="-"].black {
1114     color: #000; }
1115
1116   [class*="icon-primary-"].blue, [class^="ico"][class*="-"].blue {
1117     color: #0568ae; }
1118
1119   [class*="icon-primary-"].green, [class^="ico"][class*="-"].green {
1120     color: #007a3e; }
1121
1122   @-webkit-viewport {
1123     width: device-width; }
1124
1125   @-moz-viewport {
1126     width: device-width; }
1127
1128   @-ms-viewport {
1129     width: device-width; }
1130
1131   @-o-viewport {
1132     width: device-width; }
1133
1134   @viewport {
1135     width: device-width; }
1136
1137   .clearfix:before,
1138   .clearfix:after {
1139     display: table;
1140     content: "";
1141     line-height: 0; }
1142
1143   .clearfix:after {
1144     clear: both; }
1145
1146   .pull-right {
1147     float: right !important; }
1148
1149   .pull-left {
1150     float: left !important; }
1151
1152   .float-children-left:before,
1153   .float-children-left:after {
1154     display: table;
1155     content: "";
1156     line-height: 0; }
1157
1158   .float-children-left:after {
1159     clear: both; }
1160
1161   .float-children-left > div {
1162     float: left;
1163     white-space: nowrap; }
1164
1165   .block {
1166     display: block !important; }
1167
1168   .inline {
1169     display: inline !important; }
1170
1171   .inline-block {
1172     display: inline-block !important; }
1173
1174   .table-cell {
1175     display: table-cell !important;
1176     width: 1%;
1177     vertical-align: middle; }
1178
1179   @media (max-width: 767px) {
1180     .full-bleed {
1181       width: auto;
1182       margin-left: -15px;
1183       margin-right: -15px;
1184       padding: 15px; } }
1185
1186   @media (min-width: 768px) {
1187     .full-bleed {
1188       width: auto;
1189       margin-left: -20px;
1190       margin-right: -20px;
1191       padding: 20px; } }
1192
1193   @media (max-width: 480px) {
1194     .full-bleed {
1195       width: auto;
1196       margin-left: -15px;
1197       margin-right: -15px;
1198       padding: 0 15px; } }
1199
1200   .fade {
1201     opacity: 0;
1202     filter: alpha(opacity=0);
1203     transition: opacity .15s linear; }
1204
1205   .fade.in {
1206     opacity: 1;
1207     filter: alpha(opacity=100); }
1208
1209   .b2bCollapse {
1210     display: none; }
1211
1212   .collapse.in {
1213     height: auto; }
1214
1215   .nowrap {
1216     white-space: nowrap; }
1217
1218   .pre {
1219     white-space: pre; }
1220
1221   .hidden-spoken {
1222     border: 0 none !important;
1223     clip: rect(0px, 0px, 0px, 0px) !important;
1224     height: 1px !important;
1225     letter-spacing: 0;
1226     line-height: 0;
1227     overflow: hidden !important;
1228     margin-top: -1px;
1229     padding: 0 !important;
1230     position: absolute !important;
1231     width: 1px !important; }
1232
1233   [data-sr-text].hidden-spoken:before {
1234     border: 0 none !important;
1235     content: attr(data-sr-text);
1236     clip: rect(0px, 0px, 0px, 0px) !important;
1237     height: 1px !important;
1238     letter-spacing: 0;
1239     line-height: 0;
1240     overflow: hidden !important;
1241     padding: 0 !important;
1242     position: absolute !important;
1243     width: 100% !important;
1244     z-index: -1; }
1245
1246   [data-sr-text].hidden-spoken {
1247     position: relative !important;
1248     width: auto !important; }
1249
1250   [data-show-between] {
1251     display: none;
1252     visibility: hidden; }
1253
1254   .noscroll-y {
1255     overflow-y: hidden !important; }
1256
1257   .invisible {
1258     visibility: hidden !important;
1259     opacity: 0 !important; }
1260
1261   .transparent {
1262     background-color: rgba(255, 255, 255, 0) !important; }
1263
1264   .hide {
1265     display: none !important; }
1266
1267   .show {
1268     display: block !important; }
1269
1270   .rel {
1271     position: relative !important; }
1272
1273   .legend-pad {
1274     padding: 0 15px; }
1275
1276   .border-top {
1277     border-top-width: 1px !important; }
1278
1279   .border-left {
1280     border-left-width: 1px !important; }
1281
1282   .border-right {
1283     border-right-width: 1px !important; }
1284
1285   .border-bottom {
1286     border-bottom-width: 1px !important; }
1287
1288   .border-dark {
1289     border-color: #000; }
1290
1291   .border-light {
1292     border-color: #fff; }
1293
1294   .no-border-top {
1295     border-top-width: 0 !important; }
1296
1297   .no-border-left {
1298     border-left-width: 0 !important; }
1299
1300   .no-border-right {
1301     border-right-width: 0 !important; }
1302
1303   .no-border-bottom {
1304     border-bottom-width: 0 !important; }
1305
1306   .align-middle {
1307     margin: 0 auto !important; }
1308
1309   .align-top {
1310     position: absolute;
1311     top: 0; }
1312
1313   .align-bottom {
1314     position: absolute;
1315     bottom: 0; }
1316
1317   .valign-top {
1318     vertical-align: top !important; }
1319
1320   .valign-middle {
1321     vertical-align: middle !important; }
1322
1323   .valign-bottom {
1324     vertical-align: bottom !important; }
1325
1326   .align-children-middle > * {
1327     margin: 0 auto; }
1328
1329   [class*="valign-children-"] {
1330     display: table; }
1331
1332   [class*="valign-children-"] > * {
1333     display: table-cell; }
1334
1335   .valign-children-top > * {
1336     vertical-align: top; }
1337
1338   .valign-children-middle > * {
1339     vertical-align: middle; }
1340
1341   .valign-children-bottom > * {
1342     vertical-align: bottom; }
1343
1344   .no-pad {
1345     padding: 0 !important; }
1346
1347   .top-space {
1348     margin-top: 60px !important; }
1349
1350   .bottom-space {
1351     margin-bottom: 60px !important; }
1352
1353   .top-pad {
1354     padding-top: 60px !important; }
1355
1356   .bottom-pad {
1357     padding-bottom: 60px !important; }
1358
1359   @media (max-width: 767px) {
1360     .top-space {
1361       margin-top: 30px !important; }
1362     .bottom-space {
1363       margin-bottom: 30px !important; }
1364     .top-pad {
1365       padding-top: 30px !important; }
1366     .bottom-pad {
1367       padding-bottom: 30px !important; } }
1368
1369   .affix {
1370     position: fixed; }
1371
1372   .img-landscape,
1373   .img-portrait {
1374     position: relative; }
1375
1376   @media (orientation: landscape) {
1377     .img-landscape {
1378       display: block; }
1379     .img-portrait {
1380       display: none !important; } }
1381
1382   @media (orientation: portrait) {
1383     .img-landscape {
1384       display: none !important; }
1385     .img-portrait {
1386       display: block; } }
1387
1388   .dark-bg {
1389     background-color: #222222; }
1390
1391   /* ... JAVASCRIPT HOOKS .................
1392      ... used by javascript ............... */
1393   .autoSize,
1394   .autoSize-this {
1395     position: relative; }
1396
1397   .truncate {
1398     white-space: nowrap;
1399     overflow: hidden;
1400     text-overflow: ellipsis; }
1401
1402   .placeholdersjs {
1403     color: #5a5a5a !important; }
1404
1405   .jshook-return-focus-here {
1406     display: block; }
1407
1408   .visible-print {
1409     display: none !important; }
1410
1411   .hidden-print {
1412     display: inherit !important; }
1413
1414   @media print {
1415     .visible-print {
1416       display: inherit !important; }
1417     .hidden-print {
1418       display: none !important; }
1419     * {
1420       color: #000 !important;
1421       background: transparent !important;
1422       box-shadow: none !important; }
1423     a,
1424     a:visited {
1425       text-decoration: underline; }
1426     pre,
1427     blockquote {
1428       border: 1px solid #000;
1429       page-break-inside: avoid; }
1430     thead {
1431       display: table-header-group; }
1432     tr,
1433     img {
1434       page-break-inside: avoid; }
1435     img {
1436       max-width: 100% !important; }
1437     @page {
1438       margin: 0.5cm; }
1439     p,
1440     h2,
1441     h3 {
1442       orphans: 3;
1443       widows: 3; }
1444     h2,
1445     h3 {
1446       page-break-after: avoid; } }
1447
1448   .mar-top-0 {
1449     margin-top: 0px; }
1450
1451   .mar-top-30 {
1452     margin-top: 30px; }
1453
1454   a:focus {
1455     outline: thin dotted #191919; }
1456
1457   h1,
1458   h2,
1459   h3,
1460   h4,
1461   h5,
1462   h6 {
1463     font-weight: normal;
1464     text-rendering: optimizeLegibility;
1465     margin: 0;
1466     line-height: 1; }
1467
1468   .heading-page {
1469     font-size: 3.8rem !important;
1470     font-family: "Omnes-ECOMP-W02-Light", Arial;
1471     margin-bottom: 40px; }
1472
1473   h1.heading-page.ng-scope {}
1474
1475   .heading-major-section {
1476     font-size: 3rem !important;
1477     font-family: "Omnes-ECOMP-W02-Light", Arial;
1478     margin-bottom: 40px !important; }
1479
1480   .heading-sub-section {
1481     font-size: 2.4rem !important;
1482     font-family: "Omnes-ECOMP-W02", Arial;
1483     margin-bottom: 40px; }
1484
1485   .heading-group {
1486     font-size: 2rem !important;
1487     font-family: "Omnes-ECOMP-W02-Medium", Arial;
1488     color: #ea7400;
1489     margin-bottom: 20px !important; }
1490
1491   .heading-medium {
1492     font-size: 2rem !important;
1493     font-family: "Omnes-ECOMP-W02", Arial;
1494     margin-bottom: 20px; }
1495
1496   .heading-medium-emphasis {
1497     font-size: 2rem !important;
1498     font-family: "Omnes-ECOMP-W02-Medium", Arial;
1499     margin-bottom: 20px; }
1500
1501   .heading-small {
1502     font-size: 1.8rem !important;
1503     font-family: "Omnes-ECOMP-W02", Arial;
1504     margin-bottom: 20px; }
1505
1506   .heading-small-emphasis {
1507     font-size: 1.8rem !important;
1508     font-family: "Omnes-ECOMP-W02-Medium", Arial;
1509     margin-bottom: 20px; }
1510
1511   .heading-micro {
1512     font-size: 1.3rem !important;
1513     font-family: "Omnes-ECOMP-W02-Medium", Arial;
1514     text-transform: uppercase;
1515     color: #da0081;
1516     margin-bottom: 10px; }
1517
1518   * + .heading-major-section {
1519     margin-top: 60px; }
1520
1521   * + .heading-sub-section {
1522     margin-top: 60px; }
1523
1524   * + .heading-group {
1525     margin-top: 40px !important; }
1526
1527   * + .heading-medium {
1528     margin-top: 40px; }
1529
1530   * + .heading-medium-emphasis {
1531     margin-top: 40px; }
1532
1533   * + .heading-small {
1534     margin-top: 40px; }
1535
1536   * + .heading-small-emphasis {
1537     margin-top: 40px; }
1538
1539   * + .heading-micro {
1540     margin-top: 20px; }
1541
1542   .lead {
1543     color: #666;
1544     font-family: "Omnes-ECOMP-W02-Light-Italic", Arial;
1545     font-size: 2.4rem;
1546     line-height: 2.8rem;
1547     margin-top: 10px;
1548     letter-spacing: -0.024rem; }
1549
1550   .eyebrow {
1551     text-transform: uppercase;
1552     line-height: .65 !important; }
1553
1554   .eyebrow,
1555   .subheading {
1556     font-size: 1.4rem !important;
1557     font-family: "Omnes-ECOMP-W02-Medium", Arial;
1558     color: #666; }
1559
1560   .eyebrow + .heading-major-section,
1561   .eyebrow + .heading-sub-section {
1562     margin-top: 4px; }
1563
1564   .subheading {
1565     margin-top: 10px; }
1566
1567   @media (max-width: 767px) {
1568     h1,
1569     h2,
1570     h3,
1571     h4,
1572     h5,
1573     h6,
1574     .heading-page {
1575       font-size: 2rem;
1576       font-family: "Omnes-ECOMP-W02", Arial;
1577       margin-bottom: 30px; }
1578     .heading-major-section {
1579       font-size: 2rem;
1580       font-family: "Omnes-ECOMP-W02", Arial;
1581       margin-bottom: 30px; }
1582     .heading-sub-section {
1583       font-size: 2rem;
1584       font-family: "Omnes-ECOMP-W02", Arial;
1585       margin-bottom: 20px; }
1586     .heading-medium {
1587       font-size: 2rem;
1588       font-family: "Omnes-ECOMP-W02", Arial;
1589       margin-bottom: 20px; }
1590     .heading-medium-emphasis {
1591       font-size: 2rem;
1592       font-family: "Omnes-ECOMP-W02", Arial;
1593       margin-bottom: 20px; }
1594     .heading-small {
1595       font-size: 1.6rem;
1596       font-family: "Omnes-ECOMP-W02", Arial;
1597       margin-bottom: 10px; }
1598     .heading-small-emphasis {
1599       font-size: 1.6rem;
1600       font-family: "Omnes-ECOMP-W02-Medium", Arial;
1601       margin-bottom: 5px; }
1602     * + .heading-major-section {
1603       margin-top: 30px; }
1604     * + .heading-sub-section {
1605       margin-top: 30px; }
1606     * + .heading-group {
1607       margin-top: 20px; }
1608     * + .heading-medium {
1609       margin-top: 20px; }
1610     * + .heading-medium-emphasis {
1611       margin-top: 20px; }
1612     * + .heading-small {
1613       margin-top: 20px; }
1614     * + .heading-small-emphasis {
1615       margin-top: 20px; }
1616     * + .heading-micro {
1617       margin-top: 10px; } }
1618
1619   /* Standard Type styles */
1620   .zeromargin {
1621     margin: 0 !important; }
1622
1623   a {
1624     color: #0568ae;
1625     text-decoration: none; }
1626
1627   a:hover,
1628   a:focus {
1629     text-decoration: underline; }
1630
1631   a:active {
1632     color: #0568ae; }
1633
1634   .a-min {
1635     font-size: 12px; }
1636
1637   .a-small {
1638     font-size: 14px; }
1639
1640   .a-max {
1641     font-size: 18px; }
1642
1643   a.show-qualifier {
1644     margin-right: 25px;
1645     position: relative; }
1646
1647   a.show-qualifier:after {
1648     color: #333333;
1649     display: inline-block;
1650     white-space: pre !important; }
1651
1652   a[href$="pdf"].show-qualifier:after,
1653   a.show-qualifier.pdf:after {
1654     content: " (PDF)"; }
1655
1656   a[href$="psd"].show-qualifier:after,
1657   a.show-qualifier.psd:after {
1658     content: " (PSD)"; }
1659
1660   .standalone-link {
1661     display: flex; }
1662
1663   /* 20px for the icon, 10px left of icon */
1664   .standalone-link.small {
1665     font-size: 1.4rem; }
1666
1667   .standalone-link.small i[class*="icon-primary-"] {
1668     font-size: 16px;
1669     top: 2px; }
1670
1671   .standalone-link.large {
1672     font-size: 1.8rem; }
1673
1674   .standalone-link.large i[class*="icon-primary-"] {
1675     font-size: 24px;
1676     top: -1px; }
1677
1678   p {
1679     margin: 0 0 12px 0;
1680     line-height: 2rem; }
1681
1682   .p-small {
1683     font-size: 1.4rem;
1684     line-height: 1.8rem; }
1685
1686   p + .p-small {
1687     margin: 10px 0 0; }
1688
1689   .p-micro {
1690     font-size: 1.2rem;
1691     line-height: 1.5rem; }
1692
1693   p + .p-micro {
1694     margin: 10px 0 0; }
1695
1696   .p-max {
1697     font-size: 1.8rem; }
1698
1699   p + .p-max {
1700     margin: 10px 0 0; }
1701
1702   b,
1703   strong {
1704     font-family: "Omnes-ECOMP-W02-Medium", Arial;
1705     font-weight: normal; }
1706
1707   i,
1708   em {
1709     font-family: "Omnes-ECOMP-W02-Italic", Arial;
1710     font-style: normal; }
1711
1712   .strike {
1713     text-decoration: line-through; }
1714
1715   sup {
1716     display: inline-block;
1717     font-style: normal;
1718     height: 1em;
1719     position: relative;
1720     vertical-align: text-top;
1721     width: auto; }
1722
1723   .text-legal {
1724     color: #5a5a5a;
1725     font-size: 1.1rem;
1726     line-height: 1.5rem;
1727     margin: 0 0 10px; }
1728
1729   .text-legal.legal-module {
1730     line-height: 1.3rem;
1731     margin: 0 0 12px; }
1732
1733   .text-legal b,
1734   .text-legal strong {
1735     font-weight: bold; }
1736
1737   .text-legal a {
1738     font-family: "Omnes-ECOMP-W02-Medium", Arial; }
1739
1740   .text-left {
1741     text-align: left !important; }
1742
1743   .text-right {
1744     text-align: right !important; }
1745
1746   .text-center {
1747     text-align: center !important; }
1748
1749   .text-justified {
1750     text-align: justify !important; }
1751
1752   ul {
1753     padding: 0;
1754     margin: 0;
1755     list-style: none; }
1756
1757   ul.bullet,
1758   ul.no-bullet,
1759   ul.lower-alpha,
1760   ul.lower-roman,
1761   ol {
1762     padding: 0;
1763     margin: 12px 0 0 20px; }
1764
1765   ul.bullet li,
1766   ul.no-bullet li,
1767   ul.lower-alpha li,
1768   ul.lower-roman li,
1769   ol li {
1770     padding-left: 15px;
1771     line-height: 20px;
1772     position: relative; }
1773
1774   ul.bullet li + li,
1775   ul.no-bullet li + li,
1776   ul.lower-alpha li + li,
1777   ul.lower-roman li + li,
1778   ol li + li {
1779     margin-top: 12px; }
1780
1781   ul.bullet > li:before,
1782   ul.no-bullet > li:before,
1783   ul.lower-alpha > li:before,
1784   ul.lower-roman > li:before,
1785   ol > li:before {
1786     background-color: #333333;
1787     border: 2px solid #333333;
1788     border-radius: 100%;
1789     content: " ";
1790     display: block;
1791     height: 1px;
1792     left: 0;
1793     position: absolute;
1794     top: 8px;
1795     width: 1px; }
1796
1797   ul.bullet ul,
1798   ul.no-bullet ul,
1799   ul.lower-alpha ul,
1800   ul.lower-roman ul,
1801   ol ul,
1802   ul.bullet ol,
1803   ul.no-bullet ol,
1804   ul.lower-alpha ol,
1805   ul.lower-roman ol,
1806   ol ol {
1807     margin-top: 12px; }
1808
1809   ul + *,
1810   ol + * {
1811     margin-top: 20px; }
1812
1813   ul.no-bullet,
1814   ul.lower-alpha,
1815   ul.lower-roman {
1816     margin: 0; }
1817
1818   ul.no-bullet > li,
1819   ul.lower-alpha > li,
1820   ul.lower-roman > li {
1821     padding-left: 0; }
1822
1823   ul.no-bullet > li:before,
1824   ul.lower-alpha > li:before,
1825   ul.lower-roman > li:before {
1826     display: none !important; }
1827
1828   ol {
1829     margin: 20px 0 0 32px; }
1830
1831   ol li {
1832     padding-left: 3px; }
1833
1834   ol li:before {
1835     display: none; }
1836
1837   ol ol {
1838     margin-left: 25px; }
1839
1840   ol ul {
1841     margin-left: -5px; }
1842
1843   ul ul,
1844   ul ol,
1845   ol ol,
1846   ol ul {
1847     margin-top: 0; }
1848
1849   ul.lower-roman {
1850     list-style-type: lower-roman;
1851     margin-top: 12px;
1852     margin-left: 35px;
1853     margin-bottom: 0; }
1854
1855   ul.lower-alpha {
1856     list-style-type: lower-alpha;
1857     margin-top: 12px;
1858     margin-left: 35px;
1859     margin-bottom: 0; }
1860
1861   dl {
1862     display: table;
1863     margin: 0 0 20px;
1864     width: 100%; }
1865
1866   dt,
1867   dd {
1868     display: table-cell; }
1869
1870   .btn {
1871     background-color: transparent;
1872     background-clip: padding-box;
1873     border: 1px solid transparent;
1874     border-radius: 8px;
1875     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
1876     cursor: pointer;
1877     display: inline-block;
1878     font-family: "Omnes-ECOMP-W02-Medium", Arial;
1879     font-size: 0.5rem;
1880     font-weight: normal;
1881     line-height: 1;
1882     margin: 0 7px 10px 0;
1883
1884
1885     padding: 14px 19px 11px 18px;
1886     position: relative;
1887     text-align: center;
1888     vertical-align: middle;
1889     white-space: nowrap;
1890     overflow: hidden; }
1891     .btn:focus {
1892       outline: 1px dotted #000;
1893       outline-offset: -5px; }
1894     .btn:last-child {
1895       margin-right: 0; }
1896     .btn::-moz-focus-inner {
1897       padding: 0;
1898       border: 0; }
1899     .btn i[class*="icon-primary-"].icon-primary-small {
1900       font-size: 24px;
1901       top: -2px; }
1902     .btn i[class*="icon-primary-"].icon-primary-medium {
1903       font-size: 10px;
1904       top: -2px; }
1905     .btn i[class*="icon-primary-"].icon-primary-large {
1906       font-size: 10px;
1907       top: -2px; }
1908
1909   a.btn {
1910     vertical-align: middle; }
1911     a.btn:hover {
1912       text-decoration: none; }
1913
1914   .field-group + .btn {
1915     margin-left: 20px; }
1916
1917   .btn-primary {
1918     border-color: #ea7400 transparent #d16500;
1919     background-color: #ea7400 transparent #d16500;
1920     background: linear-gradient(to bottom, #ea7400 0%, #d16500 100%);
1921     color: #ffffff;
1922     font-family: "Omnes-ECOMP-W02", Arial;
1923     font-weight: bold; }
1924     .btn-primary:hover {
1925       text-decoration: none;
1926       color: #ffffff;
1927       outline-color: #ffffff !important;
1928       background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
1929     .btn-primary:focus {
1930       text-decoration: none;
1931       color: #ffffff;
1932       outline-color: #ffffff !important;
1933       background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
1934     .btn-primary:active {
1935       text-decoration: none;
1936       color: #ffffff;
1937       outline-color: #ffffff !important;
1938       background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
1939
1940   .btn-arrow {
1941     font-family: "Omnes-ECOMP-W02", Arial;
1942     font-size: 1.6rem;
1943     font-weight: normal;
1944     background-color: transparent;
1945     border: none;
1946     padding: 5px 0 0;
1947     top: -4px;
1948     color: #333333;
1949     position: relative; }
1950     .btn-arrow:hover {
1951       text-decoration: underline; }
1952       .btn-arrow:hover .btn-primary {
1953         text-decoration: none;
1954         color: #ffffff;
1955         outline-color: #ffffff !important;
1956         background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
1957       .btn-arrow:hover .btn-secondary {
1958         color: #0568ae;
1959         outline-color: #000000 !important;
1960         background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
1961       .btn-arrow:hover .btn-alt {
1962         color: #ffffff;
1963         outline-color: #ffffff !important;
1964         background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
1965       .btn-arrow:hover .btn-specialty {
1966         color: #ffffff;
1967         outline-color: #ffffff !important;
1968         background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
1969     .btn-arrow:focus {
1970       text-decoration: underline;
1971       outline: 1px dotted #666; }
1972       .btn-arrow:focus .btn-primary {
1973         text-decoration: none;
1974         color: #ffffff;
1975         outline-color: #ffffff !important;
1976         background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
1977       .btn-arrow:focus .btn-secondary {
1978         color: #0568ae;
1979         outline-color: #000000 !important;
1980         background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
1981       .btn-arrow:focus .btn-alt {
1982         color: #ffffff;
1983         outline-color: #ffffff !important;
1984         background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
1985       .btn-arrow:focus .btn-specialty {
1986         color: #ffffff;
1987         outline-color: #ffffff !important;
1988         background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
1989     .btn-arrow:active .btn-primary {
1990       text-decoration: none;
1991       color: #ffffff;
1992       outline-color: #ffffff !important;
1993       background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
1994     .btn-arrow:active .btn-secondary {
1995       color: #0568ae;
1996       outline-color: #000000 !important;
1997       background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
1998     .btn-arrow:active .btn-alt {
1999       color: #ffffff;
2000       outline-color: #ffffff !important;
2001       background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
2002     .btn-arrow:active .btn-specialty {
2003       color: #ffffff;
2004       outline-color: #ffffff !important;
2005       background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
2006     .btn-arrow .btn-alt {
2007       border-color: #087ac2 transparent #0568ae;
2008       background-color: #0568ae;
2009       background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
2010       color: #ffffff; }
2011       .btn-arrow .btn-alt:hover {
2012         color: #ffffff;
2013         outline-color: #ffffff !important;
2014         background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
2015       .btn-arrow .btn-alt:focus {
2016         color: #ffffff;
2017         outline-color: #ffffff !important;
2018         background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
2019       .btn-arrow .btn-alt:active {
2020         color: #ffffff;
2021         outline-color: #ffffff !important;
2022         background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
2023     .btn-arrow::-moz-focus-inner {
2024       padding: 0;
2025       border: 0; }
2026     .btn-arrow .btn {
2027       border: 1px solid transparent;
2028       border-radius: 100%;
2029       height: 20px;
2030       margin-bottom: 0;
2031       margin-right: 7px;
2032       max-width: 20px;
2033       min-width: 20px;
2034       padding: 0;
2035       margin-top: -4px;
2036       vertical-align: middle;
2037       width: 36px; }
2038       .btn-arrow .btn .icon-primary-left {
2039         bottom: 0;
2040         display: block;
2041         height: 100%;
2042         left: 0;
2043         line-height: 0;
2044         position: absolute;
2045         right: 0;
2046         text-indent: 0;
2047         top: 0; }
2048         .btn-arrow .btn .icon-primary-left:before {
2049           position: absolute;
2050           font-size: 1.6rem;
2051           left: 1px;
2052           top: 9px; }
2053       .btn-arrow .btn .icon-primary-right {
2054         bottom: 0;
2055         display: block;
2056         height: 100%;
2057         left: 0;
2058         line-height: 0;
2059         position: absolute;
2060         right: 0;
2061         text-indent: 0;
2062         top: 0;
2063         color: #ffffff; }
2064         .btn-arrow .btn .icon-primary-right:before {
2065           position: absolute;
2066           font-size: 1.6rem;
2067           left: 17px;
2068           top: 9px; }
2069     .btn-arrow .btn.btn-primary .icon-primary-left {
2070       color: #fff; }
2071     .btn-arrow .btn.btn-primary .icon-primary-right {
2072       color: #fff; }
2073     .btn-arrow .btn.btn-alt .icon-primary-left {
2074       color: #fff; }
2075     .btn-arrow .btn.btn-alt .icon-primary-right {
2076       color: #fff; }
2077     .btn-arrow .btn.btn-secondary {
2078       border: 1px solid #d2d2d2; }
2079       .btn-arrow .btn.btn-secondary .icon-primary-left {
2080         color: #0568ae; }
2081       .btn-arrow .btn.btn-secondary .icon-primary-right {
2082         color: #0568ae; }
2083     .btn-arrow .btn.btn-small {
2084       height: 10px;
2085
2086
2087       width: 10px;
2088       top: -1px; }
2089       .btn-arrow .btn.btn-small .icon-primary-left:before {
2090         font-size: 5px;
2091         top: 4px;
2092         left: 0; }
2093       .btn-arrow .btn.btn-small .icon-primary-right:before {
2094         font-size: 5px;
2095         top: 4px;
2096         left: 10px; }
2097     .btn-arrow .btn.btn-large .icon-primary-left:before {
2098       font-size: 112%;
2099       top: 12px;
2100       left: 23px; }
2101     .btn-arrow .btn.btn-large .icon-primary-right:before {
2102       font-size: 112%;
2103       top: 12px;
2104       left: 23px; }
2105
2106   .btn-secondary {
2107     border: 1px solid #d2d2d2;
2108     background-color: #f2f2f2;
2109     background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
2110     color: #0568ae;
2111     box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
2112     padding: 14px 18px 11px 17px; }
2113     .btn-secondary:hover {
2114       color: #0568ae;
2115       outline-color: #000000 !important;
2116       background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
2117     .btn-secondary:focus {
2118       color: #0568ae;
2119       outline-color: #000000 !important;
2120       background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
2121     .btn-secondary:active {
2122       color: #0568ae;
2123       outline-color: #000000 !important;
2124       background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
2125
2126   .btn-alt {
2127     border-color: #087ac2 transparent #0568ae;
2128     background-color: #0568ae;
2129     background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
2130     color: #ffffff; }
2131     .btn-alt:hover {
2132       color: #ffffff;
2133       outline-color: #ffffff !important;
2134       background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
2135     .btn-alt:focus {
2136       color: #ffffff;
2137       outline-color: #ffffff !important;
2138       background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
2139     .btn-alt:active {
2140       color: #ffffff;
2141       outline-color: #ffffff !important;
2142       background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
2143
2144   .btn-specialty {
2145     border-color: #008744 transparent #007a3e;
2146     background-color: #007a3e;
2147     background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
2148     color: #ffffff; }
2149     .btn-specialty:hover {
2150       color: #ffffff;
2151       outline-color: #ffffff !important;
2152       background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
2153     .btn-specialty:focus {
2154       color: #ffffff;
2155       outline-color: #ffffff !important;
2156       background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
2157     .btn-specialty:active {
2158       color: #ffffff;
2159       outline-color: #ffffff !important;
2160       background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
2161
2162   .btn-clear {
2163     background: transparent !important;
2164     border-color: transparent !important;
2165     font-weight: normal;
2166     font-family: "Omnes-ECOMP-W02", Arial;
2167     box-shadow: none;
2168     text-decoration: none;
2169     color: #0568ae; }
2170     .btn-clear:focus {
2171       text-decoration: underline; }
2172     .btn-clear:hover {
2173       text-decoration: underline; }
2174
2175   .isIE .btn:focus {
2176     outline: none !important;
2177     text-decoration: none !important; }
2178     .isIE .btn:focus:after {
2179       display: block;
2180       content: "";
2181       position: absolute;
2182       top: 4px;
2183       left: 4px;
2184       right: 4px;
2185       bottom: 4px;
2186       border: 1px dotted #000; }
2187
2188   .isIE .btn:active {
2189     outline: none !important;
2190     text-decoration: none !important; }
2191     .isIE .btn:active:after {
2192       display: block;
2193       content: "";
2194       position: absolute;
2195       top: 4px;
2196       left: 4px;
2197       right: 4px;
2198       bottom: 4px;
2199       border: 1px dotted #000; }
2200
2201   .isIE .btn.active {
2202     outline: none !important;
2203     text-decoration: none !important; }
2204     .isIE .btn.active:not(:focus):after {
2205       border: 1px solid #000; }
2206     .isIE .btn.active:after {
2207       display: block;
2208       content: "";
2209       position: absolute;
2210       top: 4px;
2211       left: 4px;
2212       right: 4px;
2213       bottom: 4px;
2214       border: 1px dotted #000; }
2215
2216   .isIE .btn.btn-primary:focus:after {
2217     border: 2px dashed #fff; }
2218
2219   .isIE .btn.btn-specialty:focus:after {
2220     border: 2px dashed #fff; }
2221
2222   .isIE .btn.btn-alt:focus:after {
2223     border: 2px dashed #fff; }
2224
2225   .btn.disabled {
2226     background-image: none;
2227     background-color: #767676;
2228     box-shadow: none;
2229     cursor: not-allowed;
2230     color: #ffffff;
2231     border-color: transparent;
2232     outline: 0 !important; }
2233     .btn.disabled:hover {
2234       color: #f2f2f2;
2235       outline: none !important; }
2236     .btn.disabled:focus {
2237       color: #f2f2f2;
2238       outline: none !important; }
2239
2240   .btn[disabled] {
2241     background-image: none;
2242     background-color: #767676;
2243     box-shadow: none;
2244     cursor: not-allowed;
2245     color: #ffffff;
2246     border-color: transparent;
2247     outline: 0 !important; }
2248     .btn[disabled]:hover {
2249       color: #f2f2f2;
2250       outline: none !important; }
2251     .btn[disabled]:focus {
2252       color: #f2f2f2;
2253       outline: none !important; }
2254
2255   .btn[disabled="disabled"] {
2256     background-image: none;
2257     background-color: #767676;
2258     box-shadow: none;
2259     cursor: not-allowed;
2260     color: #ffffff;
2261     border-color: transparent;
2262     outline: 0 !important; }
2263     .btn[disabled="disabled"]:hover {
2264       color: #f2f2f2;
2265       outline: none !important; }
2266     .btn[disabled="disabled"]:focus {
2267       color: #f2f2f2;
2268       outline: none !important; }
2269
2270   .btn-arrow[disabled] .btn {
2271     background-image: none;
2272     background-color: #767676;
2273     box-shadow: none;
2274     cursor: not-allowed;
2275     color: #ffffff;
2276     border-color: transparent;
2277     outline: 0 !important; }
2278     .btn-arrow[disabled] .btn:hover {
2279       color: #f2f2f2;
2280       outline: none !important; }
2281     .btn-arrow[disabled] .btn:focus {
2282       color: #f2f2f2;
2283       outline: none !important; }
2284
2285   .btn-arrow[disabled] .icon-primary-left {
2286     color: #fff !important; }
2287
2288   .btn-arrow[disabled] .icon-primary-right {
2289     color: #fff !important; }
2290
2291   .btn-arrow.disabled .btn {
2292     background-image: none;
2293     background-color: #767676;
2294     box-shadow: none;
2295     cursor: not-allowed;
2296     color: #ffffff;
2297     border-color: transparent;
2298     outline: 0 !important; }
2299     .btn-arrow.disabled .btn:hover {
2300       color: #f2f2f2;
2301       outline: none !important; }
2302     .btn-arrow.disabled .btn:focus {
2303       color: #f2f2f2;
2304       outline: none !important; }
2305
2306   .btn-arrow.disabled .icon-primary-left {
2307     color: #fff !important; }
2308
2309   .btn-arrow.disabled .icon-primary-right {
2310     color: #fff !important; }
2311
2312   .btn-medium {
2313     padding: 12px 19px 11px 18px;
2314     font-size: 1.7rem; }
2315
2316   .btn-small {
2317     /* padding: 10px 19px 9px 18px; */
2318     font-size: 1.5rem;
2319     border-radius: 8px; }
2320
2321   .btn-fullwidth {
2322     width: 100%; }
2323
2324   *:not(.btn-arrow) > .btn > i[class*="icon-primary-"] {
2325     margin-top: -20px;
2326     margin-bottom: -20px; }
2327
2328   .enhanced-cta-group {
2329     display: -ms-flexbox;
2330     display: flex;
2331     -ms-flex-direction: row-reverse;
2332     flex-direction: row-reverse;
2333     background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3A%23959595%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important;
2334     background-position: 0 -1px;
2335     background-repeat: repeat-x; }
2336     .enhanced-cta-group > .cta-button-group {
2337       border-top: 0;
2338       background-image: none !important; }
2339       .enhanced-cta-group > .cta-button-group + .cta-button-group a {
2340         font-size: 1.4rem;
2341         line-height: 1em; }
2342         .enhanced-cta-group > .cta-button-group + .cta-button-group a a {
2343           margin-right: 0; }
2344       .enhanced-cta-group > .cta-button-group hr {
2345         min-height: 14px; }
2346       .enhanced-cta-group > .cta-button-group + .cta-button-group {
2347         -ms-flex-align: center;
2348         -ms-grid-row-align: center;
2349         align-items: center;
2350         -ms-flex-direction: row;
2351         flex-direction: row;
2352         padding: 10px 0; }
2353
2354   .cta-button-group {
2355     text-align: right;
2356     -ms-flex-align: baseline;
2357     align-items: baseline;
2358     padding: 20px 0 10px;
2359     width: 100%; }
2360     .cta-button-group.nodots {
2361       background-image: none !important; }
2362     .cta-button-group .hidden-phone {
2363       margin-right: 14px; }
2364     .cta-button-group .btn + .btn {
2365       margin-right: 20px !important; }
2366     .cta-button-group .btn:not(.hidden-phone):not(.visible-phone) {
2367       margin-right: 0; }
2368
2369   .isMobile .btn-arrow .btn.btn-small .icon-primary-left:before {
2370     left: -1px; }
2371
2372   .isMobile .btn-arrow .btn.btn-large .icon-primary-left:before {
2373     left: 24px; }
2374
2375   .isMobile .btn-arrow .btn.btn-large .icon-primary-right:before {
2376     left: 24px; }
2377
2378   @media (max-width: 1024px) {
2379     .field-group + .btn {
2380       margin-left: 15px; } }
2381
2382   @media (max-width: 767px) {
2383     .cta-button-group {
2384       text-align: center; }
2385       .cta-button-group > .btn {
2386         display: block;
2387         float: none;
2388         width: 100%;
2389         margin-left: auto !important;
2390         margin-right: auto !important; } }
2391
2392   .btn-group {
2393     border-radius: 8px;
2394     box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
2395     display: -ms-flexbox;
2396     display: flex;
2397     -ms-flex-pack: justify;
2398     justify-content: space-between;
2399     margin-bottom: 10px;
2400     max-width: 470px;
2401     min-width: 290px;
2402     position: relative;
2403     vertical-align: middle;
2404     width: 100%; }
2405     .btn-group > .btn {
2406       box-shadow: none;
2407       -ms-flex: 1;
2408       flex: 1;
2409       position: relative;
2410       float: left;
2411       margin-right: -1px;
2412       margin-bottom: 0;
2413       padding-left: 0;
2414       padding-right: 0;
2415       text-align: center; }
2416     .btn-group:not([data-select-color]) .btn.active:not(:first-child) {
2417       margin-right: -1px;
2418       border-left: 1px solid #d2d2d2 !important; }
2419     .btn-group:not([data-select-color]) .btn[disabled]:not(:first-child) {
2420       border-left: 1px solid #d2d2d2 !important; }
2421     .btn-group:not([data-select-color]) .btn[disabled] + .btn[disabled] {
2422       border-left: 1px solid #ebebeb !important; }
2423     .btn-group:not([data-select-color]) > .btn.active {
2424       border-color: #087ac2 transparent #0568ae;
2425       background-color: #0568ae;
2426       background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
2427       color: #ffffff; }
2428       .btn-group:not([data-select-color]) > .btn.active:hover {
2429         color: #ffffff;
2430         outline-color: #ffffff !important;
2431         background: #0563a6;
2432         border-color: #0563a6; }
2433       .btn-group:not([data-select-color]) > .btn.active:focus {
2434         color: #ffffff;
2435         outline-color: #ffffff !important;
2436         background: #0563a6;
2437         border-color: #0563a6; }
2438       .btn-group:not([data-select-color]) > .btn.active:active {
2439         color: #ffffff;
2440         outline-color: #ffffff !important;
2441         background: #0563a6;
2442         border-color: #0563a6; }
2443     .btn-group:not([data-select-color]) > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
2444       border-radius: 0; }
2445     .btn-group:not([data-select-color]) > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
2446       border-top-right-radius: 0;
2447       border-bottom-right-radius: 0; }
2448     .btn-group:not([data-select-color]) > .btn:last-child:not(:first-child) {
2449       border-top-left-radius: 0;
2450       border-bottom-left-radius: 0; }
2451     .btn-group:not([data-select-color]) > .dropdown-toggle:not(:first-child) {
2452       border-top-left-radius: 0;
2453       border-bottom-left-radius: 0; }
2454     .btn-group > .active {
2455       text-decoration: none;
2456       outline: 1px dotted transparent; }
2457       .btn-group > .active:focus {
2458         outline: 1px dotted #ffffff; }
2459
2460   .btn-group.btn-fullwidth > .btn {
2461     -ms-flex: 1;
2462     flex: 1; }
2463
2464   .btn-group[data-select-color] {
2465     margin-top: 5px;
2466     box-shadow: none;
2467     -ms-flex-pack: start;
2468     justify-content: flex-start;
2469     -ms-flex-wrap: wrap;
2470     flex-wrap: wrap; }
2471     .btn-group[data-select-color] .btn {
2472       border: 1px solid #959595;
2473       border-radius: 4px;
2474       box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
2475       margin-right: 10px;
2476       margin-bottom: 10px;
2477       height: 40px;
2478       font-size: 16px;
2479       color: #333333;
2480       max-width: 60px;
2481       min-width: 60px;
2482       -ms-flex: 0;
2483       flex: 0; }
2484     .btn-group[data-select-color] > .btn.active:focus {
2485       outline: 1px dotted #191919;
2486       outline-offset: 4px; }
2487
2488   button .btn-fill {
2489     background-clip: padding-box;
2490     border: 0;
2491     border-radius: 4px;
2492     bottom: 0;
2493     display: block;
2494     height: auto;
2495     left: 0;
2496     margin: 5px;
2497     position: absolute;
2498     right: 0;
2499     top: 0;
2500     width: auto; }
2501
2502   button .btn-fill[style*="#fff"] {
2503     border: 1px solid #d2d2d2; }
2504
2505   [data-select-color] .btn.active {
2506     background: none !important;
2507     outline: 0;
2508     margin-right: 10px;
2509     border-width: 3px;
2510     color: #333333;
2511     line-height: 12px; }
2512     [data-select-color] .btn.active > .btn-fill {
2513       margin: 3px; }
2514     [data-select-color] .btn.active:hover {
2515       color: #333333; }
2516
2517   [data-select-color] .btn:active {
2518     background: none !important;
2519     outline: 0;
2520     margin-right: 10px;
2521     border-width: 3px;
2522     color: #333333;
2523     line-height: 12px; }
2524     [data-select-color] .btn:active > .btn-fill {
2525       margin: 3px; }
2526     [data-select-color] .btn:active:hover {
2527       color: #333333; }
2528
2529   .btn-group[data-select-color="orange"] > .btn.active {
2530     border-color: #ea7400; }
2531
2532   .btn-group[data-select-color="blue"] > .btn.active {
2533     border-color: #0568ae; }
2534
2535   .btn-group[data-select-color="green"] > .btn.active {
2536     border-color: #007a3e; }
2537
2538   .btn-spinbutton-toggle.btn-group {
2539     display: block !important;
2540     height: 40px !important;
2541     margin-top: 5px;
2542     max-width: 138px;
2543     min-width: 138px;
2544     white-space: nowrap; }
2545
2546   .btn-spinbutton-toggle .btn {
2547     border-radius: 6px;
2548     font-weight: normal;
2549     -ms-flex: unset;
2550     flex: unset;
2551     height: 40px;
2552     letter-spacing: normal;
2553     min-width: auto;
2554     padding: 3px 0 0;
2555     text-align: center;
2556     min-width: 46px;
2557     width: 46px; }
2558
2559   .btn-spinbutton-toggle .btn[data-max-value] {
2560     border-bottom: 1px solid #d2d2d2;
2561     border-top: 1px solid #d2d2d2;
2562     box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
2563     background-color: #fff;
2564     cursor: text;
2565     font-family: "Omnes-ECOMP-W02", Arial;
2566     font-size: 2rem;
2567     font-weight: normal;
2568     padding: 4px 0 0;
2569     text-align: center;
2570     min-width: 46px !important;
2571     width: 46px; }
2572     .btn-spinbutton-toggle .btn[data-max-value]:focus {
2573       border-color: #0568ae;
2574       outline: none; }
2575       .btn-spinbutton-toggle .btn[data-max-value]:focus + .btn {
2576         border-left: 1px solid #0568ae;
2577         transition: border 0.3s linear 0s; }
2578
2579   .btn-spinbutton-toggle .icon-primary-subtractminimize {
2580     font-size: 30px !important;
2581     color: #0568ae !important; }
2582
2583   .btn-spinbutton-toggle .icon-primary-add-maximize {
2584     font-size: 30px !important;
2585     color: #0568ae !important; }
2586
2587   .btn-spinbutton-toggle .btn[disabled].icon-primary-subtractminimize {
2588     background-color: #d2d2d2;
2589     color: #767676 !important; }
2590
2591   .btn-spinbutton-toggle .btn[disabled].icon-primary-add-maximize {
2592     background-color: #d2d2d2;
2593     color: #767676 !important; }
2594
2595   .btn-spinbutton-toggle input.btn[disabled] {
2596     background-color: #d2d2d2;
2597     color: #5a5a5a;
2598     cursor: not-allowed; }
2599
2600   .btn-group.btn-spinbutton-toggle .btn[disabled] + .btn[disabled] {
2601     border-left: 1px solid #f0f0f0 !important; }
2602
2603   .btn-group.btn-spinbutton-toggle .btn[data-max-value]:focus + .btn:not(:first-child) {
2604     border-left: 1px solid #0568ae !important; }
2605
2606   @media (max-width: 480px) {
2607     .btn-group:not([data-select-color]) > .btn {
2608       font-size: 1.3rem;
2609       min-width: auto; } }
2610
2611   .reset-field,
2612   .close {
2613     float: right;
2614     background: none;
2615     width: 34px;
2616     height: 34px;
2617     padding: 0;
2618     overflow: hidden;
2619     display: inline-block; }
2620
2621   .reset-field {
2622     display: none; }
2623
2624   .reset-field:before {
2625     font-size: 22px;
2626     color: #5a5a5a; }
2627
2628   .input-emphasized + .reset-field:before {
2629     font-size: 29px;
2630     color: #5a5a5a; }
2631
2632   .reset-field:active,
2633   .reset-field:hover,
2634   .reset-field:focus {
2635     display: block !important; }
2636
2637   button.close {
2638     border: 0;
2639     appearance: none; }
2640
2641   .corner-button {
2642     box-shadow: 0 -50px 0 0 #f2f2f2 inset;
2643     height: 69px;
2644     /*overflow: hidden;*/
2645     position: absolute;
2646     right: -35px;
2647     top: -35px;
2648     transform: rotate(45deg);
2649     width: 69px; }
2650
2651   .corner-button .close:before {
2652     bottom: -7px;
2653     color: #0568ae;
2654     display: block;
2655     font-size: 20px;
2656     height: 50px;
2657     left: -11px;
2658     position: absolute;
2659     width: 50px; }
2660
2661   .corner-button .close {
2662     float: none;
2663     height: 45px;
2664     margin: 0;
2665     position: absolute;
2666     right: 12px;
2667     top: 45px;
2668     transform: rotate(45deg);
2669     width: 45px; }
2670
2671   .corner-button .close:focus {
2672     outline: 1px dotted black; }
2673
2674   .ds2-no-colors .corner-button .close {
2675     border: 1px solid black; }
2676
2677   .field-group input + .reset-field {
2678     background: none;
2679     height: 36px;
2680     width: 45px;
2681     display: none;
2682     padding: 0;
2683     position: absolute;
2684     right: 0;
2685     top: 0;
2686     box-shadow: none;
2687     border: none;
2688     content: " "; }
2689
2690   .field-group input[type="search"] + .reset-field,
2691   .field-group input[type="search"] + .btn-search + .reset-field,
2692   .tooltip-onclick input + .reset-field,
2693   .tooltip-onclick input + .icon-primary-tooltip + .reset-field,
2694   .tooltip-onclick textarea + .reset-field,
2695   .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
2696     right: 45px; }
2697
2698   .field-group input[type="search"] + .reset-field:after,
2699   .field-group input[type="search"] + .btn-search + .reset-field:after,
2700   .tooltip-onclick input + .reset-field:after,
2701   .tooltip-onclick input + .icon-primary-tooltip + .reset-field:after,
2702   .tooltip-onclick textarea + .reset-field:after,
2703   .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field:after {
2704     background-color: #d2d2d2;
2705     content: "";
2706     display: block;
2707     height: 20px;
2708     position: absolute;
2709     right: 0;
2710     top: 8px;
2711     width: 1px; }
2712
2713   .tooltip-onclick input + .reset-field,
2714   .tooltip-onclick input + .icon-primary-tooltip + .reset-field {
2715     right: 50px !important; }
2716
2717   .tooltip-onclick textarea + .reset-field,
2718   .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
2719     right: 45px !important;
2720     width: 40px; }
2721
2722   .field-group input.input-emphasized + .reset-field {
2723     width: 45px;
2724     height: 46px;
2725     right: 6px; }
2726
2727   .field-group input.input-emphasized + .reset-field:after {
2728     top: 14px; }
2729
2730   .field-group [disabled] + .reset-field {
2731     display: none; }
2732
2733   .ds2_touchevents .field-group input + .reset-field:focus,
2734   .ds2_touchevents .field-group input:focus + .reset-field,
2735   .ds2_touchevents textarea:focus + .reset-field,
2736   .ds2_touchevents textarea + .reset-field:focus {
2737     display: block;
2738     position: absolute;
2739     right: 0px;
2740     top: 0;
2741     border: none; }
2742
2743   .ds2_touchevents .field-group input {
2744     padding: 8px 55px 8px 15px;
2745     -webkit-appearance: none; }
2746
2747   .ds2_touchevents textarea:focus {
2748     padding: 15px 55px 15px 15px; }
2749
2750   .ds2_touchevents textarea:focus + .reset-field {
2751     border: none;
2752     position: absolute;
2753     right: 6px;
2754     top: 5px; }
2755
2756   .ds2_touchevents textarea.hasScrollbar:focus {
2757     padding: 15px 35px 15px 15px; }
2758
2759   .ds2_touchevents textarea.hasScrollbar:focus + .reset-field {
2760     right: 22px; }
2761
2762   .ds2-no-colors .b2b-tmpl-card-corner-button {
2763     border: none !important; }
2764
2765   .ds2-no-colors .b2b-tmpl-card-corner-button .close {
2766     border: 1px solid black;
2767     top: 0px !important;
2768     right: 0px !important; }
2769
2770   .form-row.error .error-msg {
2771     display: block;
2772     font-size: 14px;
2773     line-height: 14px;
2774     font-family: "Omnes-ECOMP-W02-Medium", Arial;
2775     position: relative;
2776     padding-left: 18px; }
2777
2778   .form-row.error .error-msg:before {
2779     color: #cf2a2a;
2780     font-size: 14px;
2781     left: 0;
2782     line-height: 14px;
2783     position: absolute;
2784     vertical-align: middle; }
2785
2786   .form-row.error label,
2787   .form-row.error .error-msg,
2788   .form-row.error button.awd-select,
2789   .form-row.error select.awd-select + span,
2790   .form-row.error .checkbox,
2791   .form-row.error .radio,
2792   .form-row.error legend.error,
2793   .form-row.error input {
2794     color: #cf2a2a; }
2795
2796   .form-row.error .btn-group > .btn,
2797   .form-row.error button.awd-select,
2798   .form-row.error .awd-select-list,
2799   .form-row.error select.awd-select + span,
2800   .form-row.error textarea,
2801   .form-row.error input,
2802   .form-row.error .checkbox .skin,
2803   .form-row.error .radio .skin {
2804     border-color: #cf2a2a !important; }
2805
2806   .form-row.error .checkbox input:checked:not(:disabled) + .skin {
2807     background-color: #cf2a2a; }
2808
2809   .form-row.error .radio input:checked + .skin:after {
2810     background-color: #cf2a2a; }
2811
2812   .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg {
2813     margin-top: -11px;
2814     border-bottom-left-radius: 0;
2815     border-bottom-right-radius: 0; }
2816
2817   .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext {
2818     margin: 0 0 10px; }
2819
2820   .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:before,
2821   .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:after {
2822     display: none; }
2823
2824   .error .helpertext {
2825     border-color: #cf2a2a;
2826     /*border-radius:0;*/ }
2827
2828   .error .helpertext:before {
2829     border-top-color: #cf2a2a; }
2830
2831   .error .tooltip-onfocus .helpertext {
2832     margin: 14px 0 10px 0; }
2833
2834   .error [class*="price"],
2835   .error [class*="pricing-"] {
2836     color: #cf2a2a; }
2837
2838   input:-ms-clear {
2839     display: none; }
2840
2841   input[type]::-webkit-inner-spin-button,
2842   input[type]::-webkit-outer-spin-button {
2843     -webkit-appearance: none; }
2844
2845   input[type] {
2846     -moz-appearance: textfield; }
2847
2848   form {
2849     margin: 0; }
2850
2851   fieldset {
2852     padding: 0;
2853     margin: 0;
2854     border: 0; }
2855
2856   label,
2857   legend {
2858     display: inline-block;
2859     /* font-size: 1.4rem; */
2860     font-family: "Omnes-ECOMP-W02-Medium", Arial; }
2861
2862   legend {
2863     display: block; }
2864
2865   .error-msg {
2866     display: none; }
2867
2868   select,
2869   textarea,
2870   input {
2871     border-radius: 6px;
2872     color: #5a5a5a;
2873     display: inline-block;
2874     font-size: 1.6rem;
2875     margin: 0px;
2876     padding: 0 15px 0 15px;
2877     vertical-align: middle;
2878     line-height: normal; }
2879
2880   select::-webkit-input-placeholder,
2881   textarea::-webkit-input-placeholder,
2882   input::-webkit-input-placeholder {
2883     color: #5a5a5a;
2884     font-family: "Omnes-ECOMP-W02-Italic", Arial;
2885     font-style: normal;
2886     opacity: 1; }
2887
2888   select:-moz-placeholder,
2889   textarea:-moz-placeholder,
2890   input:-moz-placeholder {
2891     color: #5a5a5a;
2892     font-family: "Omnes-ECOMP-W02-Italic", Arial;
2893     font-style: normal;
2894     opacity: 1; }
2895
2896   select::-moz-placeholder,
2897   textarea::-moz-placeholder,
2898   input::-moz-placeholder {
2899     color: #5a5a5a;
2900     font-family: "Omnes-ECOMP-W02-Italic", Arial;
2901     font-style: normal;
2902     opacity: 1; }
2903
2904   select:-ms-input-placeholder,
2905   textarea:-ms-input-placeholder,
2906   input:-ms-input-placeholder {
2907     color: #5a5a5a;
2908     font-family: "Omnes-ECOMP-W02-Italic", Arial;
2909     transition: none;
2910     opacity: 1; }
2911
2912   select:placeholder,
2913   textarea:placeholder,
2914   input:placeholder {
2915     color: #5a5a5a;
2916     font-family: "Omnes-ECOMP-W02-Italic", Arial;
2917     font-style: normal;
2918     opacity: 1; }
2919
2920   select:last-child,
2921   textarea:last-child,
2922   input:last-child {
2923     margin-right: 0; }
2924
2925   input:not([type="button"]) {
2926     height: 36px; }
2927
2928   input.input-emphasized {
2929     font-size: 1.8rem;
2930     height: 48px;
2931     padding: 13px 20px 13px; }
2932
2933   input[type="search"]:focus {
2934     padding-right: 88px; }
2935
2936   input[type="search"] {
2937     padding-right: 40px;
2938     -webkit-appearance: none !important; }
2939
2940   input[type="search"].input-emphasized {
2941     padding-right: 45px; }
2942
2943   .btn-search[class*="btn"] {
2944     background-color: transparent;
2945     background-position: 50% 50%;
2946     background-size: 20px;
2947     background-repeat: no-repeat;
2948     border: none;
2949     height: 100%;
2950     margin-left: 0;
2951     margin-top: 0;
2952     min-width: 45px !important;
2953     outline-offset: 0;
2954     padding: 0 !important;
2955     position: absolute;
2956     right: 0;
2957     top: 0;
2958     border-radius: 0 5px 5px 0;
2959     min-width: 44px;
2960     width: 44px; }
2961
2962   .input-emphasized + .btn-search[class*="btn"],
2963   .input-emphasized + .reset-field + .btn-search[class*="btn"] {
2964     background-size: 26px;
2965     height: 46px;
2966     top: 1px;
2967     outline-offset: -3px;
2968     margin-bottom: 0;
2969     border-radius: 0 5px 5px 0; }
2970
2971   input[type="search"].input-emphasized + .reset-field {
2972     right: 45px !important; }
2973
2974   .search-suggestion-wrapper {
2975     position: relative;
2976     margin-bottom: 15px; }
2977
2978   /*styles from dropdown*/
2979   .search-suggestion-list {
2980     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
2981     border-radius: 0 0 6px 6px;
2982     position: relative;
2983     border: 1px solid #0568ae;
2984     border-top: 0;
2985     padding: 15px 0;
2986     background-color: #f2f2f2;
2987     z-index: 1000;
2988     width: 100%;
2989     max-height: 400px;
2990     overflow-y: auto; }
2991
2992   .search-suggestion-list:empty {
2993     display: none; }
2994
2995   .search-suggestion-item {
2996     position: relative;
2997     z-index: -1;
2998     padding: 0 15px;
2999     line-height: 4.0rem;
3000     color: #5a5a5a; }
3001
3002   .search-suggestion-item a {
3003     text-decoration: none;
3004     color: #5a5a5a; }
3005
3006   .search-suggestion-item:hover,
3007   .search-suggestion-item:focus {
3008     cursor: pointer;
3009     background-color: #d2d2d2; }
3010
3011   input[data-provide="datepicker"],
3012   [data-provide="datepicker"]:-moz-placeholder,
3013   [data-provide="datepicker"]:-ms-input-placeholder,
3014   [data-provide="datepicker"]:-webkit-input-placeholder {
3015     color: #0568ae !important;
3016     opacity: 1;
3017     filter: alpha(opacity=100); }
3018
3019   input[disabled],
3020   input[readonly],
3021   select[disabled],
3022   select[readonly],
3023   textarea[disabled],
3024   textarea[readonly],
3025   i.icon-primary-calendar.disabled,
3026   span.icon-primary-calendar.readonly {
3027     cursor: not-allowed;
3028     background-color: #f2f2f2;
3029     box-shadow: none; }
3030
3031   i.icon-primary-calendar.disabled input,
3032   span.icon-primary-calendar.readonly input {
3033     color: #959595 !important; }
3034
3035   textarea {
3036     display: block;
3037     width: 800px;
3038
3039     padding: 15px; }
3040
3041   textarea.small {
3042     line-height: 20px; }
3043
3044   textarea + .reset-field {
3045     display: none; }
3046
3047   textarea::-webkit-input-placeholder {
3048     line-height: .99; }
3049
3050   textarea:-moz-placeholder {
3051     line-height: .99; }
3052
3053   textarea::-moz-placeholder {
3054     line-height: .99; }
3055
3056   textarea:-ms-input-placeholder {
3057     line-height: .99; }
3058
3059   textarea:placeholder {
3060     line-height: .99; }
3061
3062   textarea,
3063   input {
3064     background-color: #ffffff;
3065     border: 1px solid #d2d2d2;
3066     -webkit-appearance: none;
3067     box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
3068     transition: border .3s linear 0s;
3069     font-family: "Omnes-ECOMP-W02", Arial; }
3070
3071   textarea:focus,
3072   input:focus {
3073     outline: 0;
3074     border-color: #0568ae; }
3075
3076   .input-append {
3077     display: table; }
3078
3079   .input-append > div {
3080     display: table-cell;
3081     width: 1%; }
3082
3083   .input-append > .field-group {
3084     width: 100%; }
3085
3086   .row .field-group input[class*="span"] {
3087     float: none; }
3088
3089   .field-group {
3090     position: relative;
3091     display: inline-block; }
3092
3093   label + .field-group,
3094   label + .input-append,
3095   label + .row,
3096   label + .row-nowrap,
3097   label + .form-row {
3098     margin-top: 5px; }
3099
3100   .field-group {
3101     position: relative;
3102     display: block; }
3103
3104   .field-group input:not([type="button"])[disabled] {
3105     padding-right: 15px; }
3106
3107   input:invalid,
3108   textarea:invalid,
3109   select:invalid {
3110     outline: none !important; }
3111
3112   .form-row {
3113     margin-top: 20px; }
3114
3115   .form-row.nomar {
3116     margin: 0; }
3117
3118   .row-nowrap.no-flex.form-row > label + br {
3119     margin-bottom: 5px; }
3120
3121   span.form-row {
3122     display: inline-block; }
3123
3124   legend + .form-row {
3125     margin-top: 20px; }
3126
3127   .tooltip-onclick input {
3128     padding-right: 45px; }
3129
3130   .ds2_touchevents .tooltip-onclick input:focus {
3131     padding-right: 95px; }
3132
3133   .btn-calendar-icon {
3134     position: absolute;
3135     background-color: transparent !important;
3136     top: 8px;
3137     border: 0 !important;
3138     width: 30px;
3139     right: 15px; }
3140
3141   .btn-calendar-icon .icon-primary-calendar:before {
3142     position: absolute;
3143     color: #0568ae; }
3144
3145   .btn-calendar-icon .icon-primary-calendar.disabled {
3146     background-color: #f2f2f2; }
3147
3148   .btn-calendar-icon .icon-primary-calendar.disabled:before {
3149     color: #959595; }
3150
3151   span.icon-primary-calendar input {
3152     padding-left: 35px;
3153     color: #0568ae;
3154     transition: border-color 0.3s linear 0s;
3155     box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
3156     position: absolute;
3157     top: 0;
3158     left: 0; }
3159
3160   .faux-input + input.datepicker-input:not([disabled]) {
3161     cursor: pointer;
3162     margin-left: 0;
3163     background-color: #fff;
3164     position: absolute;
3165     left: 0;
3166     top: 0;
3167     z-index: 0; }
3168
3169   .faux-input {
3170     background-color: transparent !important;
3171     border: 1px solid transparent;
3172     border-radius: 4px;
3173     font-size: 1.6rem;
3174     height: 35px;
3175     left: 0;
3176     line-height: 35px;
3177     margin-bottom: 10px;
3178     margin-right: 6px;
3179     padding: 0 0 0 35px;
3180     position: relative;
3181     text-align: left;
3182     top: 0;
3183     vertical-align: middle;
3184     width: 100%;
3185     z-index: 1; }
3186
3187   .faux-input:disabled {
3188     cursor: not-allowed; }
3189
3190   .faux-input:focus + .datepicker-input,
3191   [data-calendar-state="opened"] + .datepicker-input {
3192     border-color: #0568ae;
3193     box-shadow: 2px 3px 2px -2px rgba(5, 116, 172, 0.35) inset;
3194     outline: 0 none; }
3195
3196   .form-row.error .error-msg {
3197     display: block;
3198     font-size: 14px;
3199     line-height: 14px;
3200     font-family: "Omnes-ECOMP-W02-Medium", Arial;
3201     position: relative;
3202     padding-left: 18px;
3203     margin-top: 10px; }
3204
3205   .form-row.error .error-msg > .icon-primary-badgealert {
3206     height: 14px;
3207     width: 14px;
3208     position: absolute;
3209     left: 0;
3210     margin-right: 0; }
3211
3212   .form-row.error .error-msg > .icon-primary-badgealert:before {
3213     color: #cf2a2a;
3214     font-size: 14px;
3215     left: 0;
3216     line-height: 14px;
3217     position: absolute;
3218     vertical-align: middle; }
3219
3220   .form-row.error label,
3221   .form-row.error .error-msg,
3222   .form-row.error button.awd-select,
3223   .form-row.error select.awd-select + span,
3224   .form-row.error .checkbox,
3225   .form-row.error .radio,
3226   .form-row.error legend.error,
3227   .form-row.error input,
3228   .form-row.error textarea {
3229     color: #cf2a2a; }
3230
3231   .form-row.error .btn-group > .btn,
3232   .form-row.error button.awd-select,
3233   .form-row.error .awd-select-list,
3234   .form-row.error select.awd-select + span,
3235   .form-row.error textarea,
3236   .form-row.error input,
3237   .form-row.error .checkbox .skin,
3238   .form-row.error .radio .skin {
3239     border-color: #cf2a2a !important; }
3240
3241   .form-row.error .checkbox input:checked:not(:disabled) + .skin {
3242     background-color: #cf2a2a; }
3243
3244   .form-row.error .radio input:checked + .skin:after {
3245     background-color: #cf2a2a; }
3246
3247   .error [class*="price"],
3248   .error [class*="pricing-"] {
3249     color: #cf2a2a; }
3250
3251   hr,
3252   .hr-or {
3253     display: block;
3254     height: 1px;
3255     margin: 15px 0;
3256     border: none;
3257     background-repeat: repeat-x;
3258     background-color: #959595;
3259     position: relative; }
3260
3261   hr.dark {
3262     background-color: #959595; }
3263
3264   hr.lite {
3265     background-color: #d2d2d2; }
3266
3267   .hr-or:before {
3268     background-color: #fff;
3269     color: #666;
3270     content: " OR ";
3271     display: block;
3272     font-size: 1.4rem;
3273     font-family: "Omnes-ECOMP-W02-Medium", Arial;
3274     height: 16px;
3275     left: 50%;
3276     line-height: 1.6rem;
3277     margin-left: -15px;
3278     margin-top: -8px;
3279     position: absolute;
3280     text-align: center;
3281     top: 50%;
3282     width: 30px;
3283     z-index: 1111; }
3284
3285   hr.is-vertical.dark,
3286   hr.hr-or.dark,
3287   hr.is-vertical.lite,
3288   hr.hr-or.lite {
3289     display: inline-block;
3290     height: auto;
3291     margin: 0 15px;
3292     min-height: 20px;
3293     width: 1px; }
3294
3295   hr.is-vertical.dark,
3296   hr.hr-or.dark {
3297     background-color: #959595; }
3298
3299   hr.is-vertical.lite,
3300   hr.hr-or.lite {
3301     background-color: #d2d2d2; }
3302
3303   .hr-dotted.is-vertical.dark,
3304   .hr-dotted.is-vertical.lite {
3305     background-color: transparent;
3306     background-repeat: repeat-y;
3307     background-size: 1px 4px;
3308     height: auto;
3309     min-height: 20px;
3310     width: 1px; }
3311
3312   .row-nowrap > .span + hr.is-vertical,
3313   .row > .span + hr.is-vertical {
3314     margin: 0 0 0 -20px; }
3315
3316
3317
3318   hr.bottom-space-only {
3319     margin-top: 0; }
3320
3321   .hr-nomargin {
3322     margin: 0; }
3323
3324   .radio {
3325     position: relative;
3326     min-height: 24px;
3327     font-family: "Omnes-ECOMP-W02", Arial;
3328     font-size: 1.6rem;
3329     margin-bottom: 5px; }
3330     .radio input {
3331       -webkit-tap-highlight-color: transparent;
3332       height: 10px;
3333       margin: 6px;
3334       opacity: 0;
3335       outline: none;
3336       position: absolute;
3337       left: 1px;
3338       top: 1px;
3339       width: 10px; }
3340       .radio input:focus + .skin {
3341         border-color: #0568ae; }
3342         .radio input:focus + .skin:before {
3343           content: "";
3344           height: 34px;
3345           left: -6px;
3346           top: -6px;
3347           outline: 1px dotted #000000;
3348           position: absolute;
3349           width: 34px; }
3350       .radio input + .skin {
3351         border-radius: 100%; }
3352       .radio input:checked + .skin:after {
3353         background-color: #0568ae;
3354         border-radius: 100%;
3355         border: 3px solid #FFFFFF;
3356         content: "";
3357         display: block;
3358         height: 16px;
3359         position: absolute;
3360         width: 16px; }
3361       .radio input:disabled + .skin {
3362         cursor: not-allowed;
3363         background-color: #d2d2d2;
3364         border-color: #d2d2d2;
3365         color: #666666; }
3366         .radio input:disabled + .skin + span {
3367           cursor: not-allowed;
3368           color: #666666; }
3369       .radio input:disabled:checked + .skin:after {
3370         background-color: #666666; }
3371       .radio input:invalid + .skin {
3372         border: solid 1px #cf2a2a; }
3373     .radio .skin {
3374       background-color: #FFFFFF;
3375       border: 1px solid #d2d2d2;
3376       border-radius: 3px;
3377       display: inline-block;
3378       height: 24px;
3379       left: 0;
3380       position: absolute;
3381       top: 0;
3382       width: 24px; }
3383     .radio span {
3384       display: inline-block;
3385       margin-left: 34px;
3386       margin-top: 0;
3387       position: relative;
3388       top: 3px; }
3389     .radio label {
3390       font-size: 1.6rem;
3391       font-family: "Omnes-ECOMP-W02", Arial; }
3392
3393   .radio.inline {
3394     display: inline-block;
3395     margin-bottom: 10px;
3396     vertical-align: middle;
3397     margin-right: 10px; }
3398     .radio.inline:last-child {
3399       margin-right: 0; }
3400
3401   .radio-box {
3402     border: 1px solid #d2d2d2;
3403     border-radius: 8px; }
3404     .radio-box > [role="radio"] label {
3405       padding: 15px 15px 20px 15px;
3406       display: block;
3407       width: 100%; }
3408       .radio-box > [role="radio"] label .skin + span {
3409         top: 2px; }
3410     .radio-box > [role="radio"] + div {
3411       padding: 0 15px 15px 47px; }
3412     .radio-box > [aria-checked="false"] label > input {
3413       top: 15px;
3414       left: 15px; }
3415     .radio-box > [aria-checked="false"] label .skin {
3416       top: 15px;
3417       left: 15px; }
3418     .radio-box > [aria-checked="true"] label > input {
3419       top: 13px;
3420       left: 13px; }
3421     .radio-box > [aria-checked="true"] label .skin {
3422       top: 13px;
3423       left: 13px; }
3424
3425   .radio-box.active {
3426     border: 3px solid #0568ae; }
3427     .radio-box.active > [role="radio"] label {
3428       padding: 13px 14px 19px 13px; }
3429
3430   .checkbox {
3431     position: relative;
3432     min-height: 24px;
3433     font-family: "Omnes-ECOMP-W02", Arial;
3434     font-size: 1rem;
3435      }
3436     .checkbox input {
3437       -webkit-tap-highlight-color: transparent;
3438       height: 20px;
3439       margin-left: 20px;
3440       opacity: 0;
3441       outline: none;
3442       position: absolute;
3443       left: 1px;
3444       top: 1px;
3445       width: 10px; }
3446       .checkbox input:focus + .skin {
3447         border-color: #0568ae; }
3448         .checkbox input:focus + .skin:before {
3449           content: "";
3450           height: 34px;
3451           left: -6px;
3452           top: -6px;
3453           outline: 1px dotted #000000;
3454           position: absolute;
3455           width: 34px; }
3456       .checkbox input:checked:not(:disabled) + .skin {
3457         background-color: #0568ae;
3458         border-color: #0568ae; }
3459       .checkbox input:checked:disabled + .skin:after {
3460         color: #5A5A5A; }
3461       .checkbox input:checked + .skin:after {
3462         height: 20px;
3463         width: 10px;
3464         background-color: transparent;
3465         font-size: 23.4px;
3466         color: #FFFFFF;
3467         line-height: 21px; }
3468       .checkbox input:disabled + .skin {
3469         cursor: not-allowed;
3470         background-color: #d2d2d2;
3471         border-color: #d2d2d2;
3472         color: #666666; }
3473         .checkbox input:disabled + .skin + span {
3474           cursor: not-allowed;
3475           color: #666666; }
3476       .checkbox input:invalid + .skin {
3477         border: solid 1px #cf2a2a; }
3478       .checkbox input:indeterminate + .skin:after {
3479         background-color: transparent;
3480         font-size: 25px;
3481         color: #0574ac;
3482         content: "\e920"; }
3483     .checkbox .skin {
3484       background-color: #fff;
3485       border: 1px solid #d2d2d2;
3486       border-radius: 3px;
3487       display: inline-block;
3488       height: 24px;
3489       width: 24px;
3490       position: absolute;
3491       left: 0;
3492       top: 0; }
3493     .checkbox span {
3494       display: inline-block;
3495       margin-left: 34px;
3496       margin-top: 0;
3497       position: relative;
3498       top: 3px; }
3499     .checkbox label {
3500       font-size: 1.6rem;
3501       font-family: "Omnes-ECOMP-W02", Arial; }
3502     .checkbox input {
3503       z-index: 9999; }
3504     .checkbox input.indeterminate + .skin:after {
3505       font-size: 22px;
3506       color: #0568ae; }
3507
3508   /* .checkbox.inline {
3509     display: inline-block;
3510     margin-bottom: 10px;
3511     vertical-align: middle;
3512     margin-right: 10px; }
3513     .checkbox.inline:last-child {
3514       margin-right: 0; }
3515
3516   .checkbox.checkbox-selectall {
3517     margin: 20px 0 0 24px; }
3518
3519   .terms-after-checkbox {
3520     margin-top: 15px; } */
3521
3522   .indeterminate-margin {
3523     padding-left: 24px; }
3524
3525   .tiny-accordion {
3526     border-bottom: 1px solid #d2d2d2; }
3527
3528   .toggle-header,
3529   .inactive-toggle-header {
3530     border-color: #fff;
3531     color: #0568ae;
3532     cursor: pointer;
3533     display: block;
3534     font-size: 2.0rem;
3535     line-height: 2.2rem;
3536     min-height: 41px;
3537     position: relative;
3538     padding: 16px 55px 16px 15px; }
3539
3540   .toggle-header.opened {
3541     color: #333333; }
3542
3543   .tiny-accordion .toggle-header,
3544   .tiny-accordion .inactive-toggle-header {
3545     padding: 16px 55px 16px 15px;
3546     border-top: 1px solid #d2d2d2; }
3547
3548   .tiny-accordion .toggle-header:focus {
3549     text-decoration: underline; }
3550
3551   .tiny-accordion.iconleft .toggle-header,
3552   .tiny-accordion.iconleft .inactive-toggle-header {
3553     padding: 15px 15px 15px 50px; }
3554
3555   .accordion-content {
3556     font-size: 1.4rem; }
3557
3558   .accordion-content .toggle-header:first-child {
3559     margin-top: 16px; }
3560
3561   .tiny-accordion .toggle-header + .accordion-content {
3562     padding: 0 50px 15px 15px; }
3563
3564   .tiny-accordion.iconleft .toggle-header + .accordion-content {
3565     padding: 0 15px 15px 50px; }
3566
3567   .toggle-header .icon-primary-accordion-plus,
3568   .toggle-header .icon-primary-accordion-minus {
3569     display: inline-block;
3570     font-size: 20px;
3571     margin: 0;
3572     padding: 0;
3573     position: absolute;
3574     right: 15px;
3575     vertical-align: middle;
3576     top: 16px;
3577     font-weight: bold; }
3578
3579   .tiny-accordion.iconleft .toggle-header .icon-primary-accordion-plus,
3580   .tiny-accordion.iconleft .toggle-header .icon-primary-accordion-minus {
3581     left: 15px; }
3582
3583   .inactive-toggle-header:hover {
3584     cursor: inherit; }
3585
3586   .tiny-accordion-to-tabs,
3587   .tiny-tabs {
3588     position: relative;
3589     width: 100%;
3590     margin: 0px;
3591     padding: 0px; }
3592
3593   .tiny-tabs [class*="icon-primary-accordion-"] {
3594     display: none !important; }
3595
3596   .tiny-accordion-to-tabs:before,
3597   .tiny-accordion-to-tabs:after,
3598   .tiny-tabs:before,
3599   .tiny-tabs:after {
3600     display: table;
3601     content: "";
3602     line-height: 0; }
3603
3604   .tiny-accordion-to-tabs:after,
3605   .tiny-tabs:after {
3606     clear: both; }
3607
3608   .tiny-accordion-to-tabs:before,
3609   .tiny-accordion-to-tabs:after,
3610   .tiny-tabs:before,
3611   .tiny-tabs:after {
3612     display: table;
3613     content: "";
3614     line-height: 0; }
3615
3616   .tiny-accordion-to-tabs:after,
3617   .tiny-tabs:after {
3618     clear: both; }
3619
3620   .tiny-tabs > .toggle-header {
3621     display: inline-block;
3622     float: left;
3623     border-top: none;
3624     overflow: hidden;
3625     height: 70px;
3626     text-align: center;
3627     background-color: #fff;
3628     border-radius: 0px;
3629     padding: 26px 20px 25px 20px !important;
3630     border-top: 1px solid #fff;
3631     -webkit-filter: none;
3632     filter: none;
3633     background-clip: padding-box;
3634     border-bottom: 1px solid #d2d2d2;
3635     font-weight: normal;
3636     border-right: 1px solid #d2d2d2;
3637     white-space: nowrap; }
3638
3639   .tiny-tabs .toggle-header + div {
3640     left: 0px;
3641     position: absolute;
3642     top: 69px;
3643     border-top: 1px solid #d2d2d2;
3644     padding: 0;
3645     display: block;
3646     border-bottom: none;
3647     width: 100%; }
3648
3649   .accordion-pad {
3650     padding-top: 30px;
3651     padding-bottom: 30px; }
3652
3653   .tiny-tabs .opened {
3654     color: #333333;
3655     border-top: 5px solid #0568ae !important;
3656     padding-top: 22px !important;
3657     border-bottom: none;
3658     background-color: #fff;
3659     -webkit-filter: none;
3660     filter: none;
3661     cursor: default;
3662     z-index: 999; }
3663
3664   .tiny-tabs .toggle-header:focus {
3665     text-decoration: underline;
3666     outline: thin dotted #666;
3667     outline-offset: 0; }
3668
3669   .tiny-tabs .toggle-header:first-child {
3670     border-left: none;
3671     margin-left: 0; }
3672
3673   .tiny-tabs .toggle-header:first-child {
3674     border-left: 1px solid #fff; }
3675
3676   .tiny-tabs .opened:first-child {
3677     border-left: 1px solid #d2d2d2; }
3678
3679   .tiny-tabs .toggle-header:nth-last-of-type(2) {
3680     border-right-color: #fff; }
3681
3682   .tiny-tabs .opened:nth-last-of-type(2) {
3683     border-right: 1px solid #d2d2d2; }
3684
3685   @media (max-width: 767px) {
3686     .tiny-accordion,
3687     .tiny-accordion-to-tabs {
3688       margin-left: -15px;
3689       margin-right: -15px;
3690       width: auto; }
3691     .tiny-accordion-to-tabs {
3692       display: block;
3693       border-bottom: 1px solid #d2d2d2; }
3694     .tiny-accordion-to-tabs .toggle-header {
3695       display: block;
3696       min-height: 41px;
3697       padding: 16px 50px 16px 15px;
3698       border-top: 1px solid #d2d2d2; }
3699     .tiny-accordion-to-tabs .toggle-header:focus {
3700       text-decoration: underline; }
3701     .tiny-accordion-to-tabs .toggle-header + .accordion-content {
3702       padding: 0 50px 15px 15px; } }
3703
3704   @media (min-width: 768px) {
3705     .tiny-accordion-to-tabs [class*="icon-primary-accordion-"] {
3706       display: none !important; }
3707     .tiny-accordion-to-tabs > .toggle-header {
3708       display: inline-block;
3709       float: left;
3710       border-top: none;
3711       /*overflow: hidden;*/
3712       height: 70px;
3713       text-align: center;
3714       background-color: #fff;
3715       border-radius: 0px;
3716       padding: 26px 20px 25px 20px !important;
3717       border-top: 1px solid #fff;
3718       -webkit-filter: none;
3719       filter: none;
3720       background-clip: padding-box;
3721       border-bottom: 1px solid #d2d2d2;
3722       font-weight: normal;
3723       border-right: 1px solid #d2d2d2;
3724       white-space: nowrap; }
3725     .tiny-accordion-to-tabs .toggle-header + div {
3726       left: 0px;
3727       position: absolute;
3728       top: 69px;
3729       border-top: 1px solid #d2d2d2;
3730       padding-top: 30px;
3731       padding-left: 20px;
3732       display: block;
3733       border-bottom: none;
3734       width: 100%; }
3735     .tiny-accordion-to-tabs .opened {
3736       color: #333333;
3737       border-top: 5px solid #0568ae !important;
3738       padding-top: 22px !important;
3739       border-bottom: none;
3740       background-color: #fff;
3741       -webkit-filter: none;
3742       filter: none;
3743       cursor: default;
3744       text-decoration: none;
3745       z-index: 999; }
3746     .tiny-accordion-to-tabs .toggle-header:focus {
3747       text-decoration: underline;
3748       outline: thin dotted #666;
3749       outline-offset: 0px; }
3750     .tiny-accordion-to-tabs .toggle-header:nth-last-of-type(2) {
3751       border-right: none; }
3752     .tiny-accordion-to-tabs .toggle-header:first-child {
3753       border-left: none;
3754       margin-left: 0; }
3755     .tiny-accordion-to-tabs .toggle-header:first-child {
3756       border-left: 1px solid #fff; }
3757     .tiny-accordion-to-tabs .opened:first-child {
3758       border-left: 1px solid #d2d2d2; }
3759     .tiny-accordion-to-tabs .opened:nth-last-of-type(2) {
3760       border-right: 1px solid #d2d2d2; } }
3761
3762   .toggle-header .tooltip .icon-primary-tooltip {
3763     margin-top: -5px; }
3764
3765   .accordion-content {
3766     transition: all 0.8s linear; }
3767
3768   .opaque-content {
3769     opacity: 0; }
3770
3771   .tiny-tabs .toggle-header {
3772     display: inline-block;
3773     float: left;
3774     border-top: none;
3775     overflow: hidden;
3776     height: 70px;
3777     text-align: center;
3778     background-color: #fff;
3779     border-radius: 0px;
3780     padding: 22px 20px 25px 20px !important;
3781     border-top: 5px solid #fff;
3782     -webkit-filter: none;
3783     filter: none;
3784     background-clip: padding-box;
3785     border-bottom: 1px solid #ccc;
3786     font-weight: normal;
3787     border-right: 1px solid #ccc;
3788     white-space: nowrap; }
3789
3790   .tiny-tabs .toggle-header:first-child {
3791     margin-left: 0; }
3792
3793   .tiny-tabs div:first-child .toggle-header {
3794     margin-left: 30px; }
3795
3796   .tiny-tabs > div .toggle-header.opened {
3797     border-bottom: 0 !important; }
3798
3799   .tiny-accordion-to-tabs > div > div.toggle-header {
3800     background-clip: padding-box;
3801     background-color: #fff;
3802     border-bottom: 1px solid #ccc;
3803     border-radius: 0;
3804     border-top: 5px solid #fff;
3805     display: inline-block;
3806     filter: none;
3807     float: left;
3808     font-weight: normal;
3809     overflow: hidden;
3810     padding: 22px 20px 21px !important;
3811     text-align: center;
3812     white-space: nowrap; }
3813
3814   .tiny-accordion-to-tabs .toggle-header:first-child {
3815     margin-left: 0; }
3816
3817   .tiny-accordion-to-tabs div:first-child .toggle-header {
3818     margin-left: 30px;
3819     border-bottom: 0 !important; }
3820
3821   .tiny-accordion-to-tabs > div .toggle-header.opened {
3822     border-bottom: 0 !important; }
3823
3824   @media (max-width: 767px) {
3825     .tiny-accordion-to-tabs {
3826       display: block !important;
3827       border-bottom: 1px solid #ccc !important; }
3828     .tiny-accordion-to-tabs > div > div.toggle-header {
3829       display: block !important;
3830       float: none;
3831       text-align: left;
3832       min-height: 41px !important;
3833       padding: 15px 50px 15px 15px !important;
3834       border-top: 1px solid #ccc; }
3835     .tiny-accordion-to-tabs > div > div.toggle-header:first-child {
3836       margin-left: 0 !important; }
3837     .tiny-accordion-to-tabs > div > div.toggle-header + .accordion-content {
3838       padding: 0 50px 15px 15px; }
3839     .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus {
3840       background-position: 0 0;
3841       background-size: 20px 40px; }
3842     .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
3843       background-position: 0 -20px;
3844       background-size: 20px 40px; }
3845     .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus,
3846     .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
3847       display: inline-block;
3848       height: 20px;
3849       margin: 0;
3850       padding: 0;
3851       position: absolute;
3852       right: 15px;
3853       vertical-align: middle;
3854       width: 20px; } }
3855
3856   .alert {
3857     background-color: #5a5a5a;
3858     border-radius: 8px;
3859     color: #fff;
3860     margin-top: 15px;
3861     padding: 0;
3862     position: relative;
3863     border: 0; }
3864
3865   .alert h3,
3866   .alert h4 {
3867     color: #fff;
3868     font-family: "Omnes-ECOMP-W02-Medium", Arial;
3869     font-size: 1.6rem;
3870     margin: 0 20px 5px 0; }
3871
3872   .alert div {
3873     padding: 15px 20px; }
3874
3875   .alert div:first-child {
3876     border-radius: 8px 0 0 8px;
3877     width: 1%; }
3878
3879   .alert div:first-child + div {
3880     border: 1px solid transparent;
3881     border-left: none;
3882     border-radius: 0 8px 8px 0; }
3883
3884   .alert-error {
3885     background-color: #cf2a2a;
3886     border: 1px solid #cf2a2a; }
3887
3888   .alert-info {
3889     background-color: #44c8f5;
3890     border: 1px solid #44c8f5; }
3891
3892   .alert-success {
3893     background-color: #c5d63d;
3894     border: 1px solid #c5d63d; }
3895
3896   .alert [class*="icon-primary-"] {
3897     color: #fff;
3898     font-size: 30px;
3899     margin-right: 0; }
3900
3901   .alert .close {
3902     height: 30px;
3903     position: absolute;
3904     right: 1px;
3905     top: 1px;
3906     width: 30px; }
3907
3908   .alert .close:before {
3909     color: #fff;
3910     margin-right: 0;
3911     position: absolute;
3912     right: 9px;
3913     top: 9px; }
3914
3915   .alert a {
3916     color: #fff;
3917     text-decoration: underline; }
3918
3919   .alert .close:focus {
3920     outline: 1px dotted #666; }
3921
3922   .alert p {
3923     font-size: 1.4rem; }
3924
3925   .alert p:last-child {
3926     margin-bottom: 0; }
3927
3928   .alert .standalone-link i[class*="icon-primary-"] {
3929     font-size: 20px;
3930     margin-right: 5px; }
3931
3932   @media (max-width: 767px) {
3933     .alert {
3934       border-radius: 0;
3935       margin: 0 -15px; }
3936     .alert + .alert {
3937       margin-top: 4px; }
3938     .alert div {
3939       padding: 15px 10px; }
3940     .alert div:first-child {
3941       border-radius: 0;
3942       padding: 15px; }
3943     .alert h3,
3944     .alert h4 {
3945       font-size: 1.4rem; }
3946     .alert p {
3947       font-size: 1.2rem; }
3948     .alert .close {
3949       right: 5px;
3950       top: 5px; }
3951     .alert .standalone-link i[class*="icon-primary-"] {
3952       font-size: 16px; } }
3953
3954   .alert h3 {
3955     margin: 0;
3956     font-size: 16px; }
3957
3958   .alert p {
3959     font-size: 14px; }
3960
3961   .alert p a {
3962     color: #FFFFFF;
3963     text-decoration: underline; }
3964
3965   .alert div:first-child + div {
3966     padding-right: 25px; }
3967
3968   .alert div:last-child {
3969     padding-right: 20px !important; }
3970
3971   .alert p [class*="icon-primary-"] {
3972     color: #fff;
3973     font-size: 20px;
3974     margin-right: 0; }
3975
3976   @media (max-width: 767px) {
3977     .alert h3 {
3978       font-size: 14px; }
3979     .alert div:first-child + div {
3980       padding-right: 20px; }
3981     .alert div:last-child {
3982       padding-right: 15px !important; }
3983     .alert div:first-child {
3984       padding: 15px; }
3985     .alert p {
3986       font-size: 12px; }
3987     .alert p [class*="icon-primary-"] {
3988       font-size: 16px; } }
3989
3990   .b2b-audio {
3991     width: auto;
3992     margin: 10px auto;
3993     height: 35px; }
3994     .b2b-audio .controls-wrapper {
3995       display: inline-block;
3996       font-size: 25px;
3997       cursor: pointer; }
3998       .b2b-audio .controls-wrapper i {
3999         font-size: 25px;
4000         margin-right: 0px;
4001         color: #444; }
4002         .b2b-audio .controls-wrapper i:hover {
4003           color: #0574AC; }
4004     .b2b-audio .seek-bar-container-wrapper {
4005       display: inline-block;
4006       outline: 0;
4007       min-width: 180px;
4008       margin-right: 10px;
4009       margin-left: 10px;
4010       height: 14px;
4011       padding-top: 5px; }
4012       .b2b-audio .seek-bar-container-wrapper .timing-container {
4013         padding-top: 13px;
4014         color: #333;
4015         font-size: 12px; }
4016         .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-left {
4017           float: left;
4018           line-height: 100%; }
4019         .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-right {
4020           float: right;
4021           line-height: 100%; }
4022         .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-spacer {
4023           clear: both; }
4024     .b2b-audio .seek-bar-tooltip {
4025       text-align: center;
4026       min-width: 76px; }
4027
4028   .b2b-audio-popover {
4029     width: 22px; }
4030     .b2b-audio-popover .volume-popover {
4031       height: 100px !important;
4032       width: 6px !important;
4033       margin: 7px auto; }
4034     .b2b-audio-popover .min-label {
4035       margin-top: 5px; }
4036
4037   .b2b-audio-native {
4038     width: auto;
4039     height: auto; }
4040
4041   .b2b-audio-recorder {
4042     border: 1px solid #ccc;
4043     box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.15);
4044     height: 63px;
4045     min-height: 63px;
4046     min-width: 347px; }
4047     .b2b-audio-recorder .b2b-elapsed-time {
4048       margin: 23px 0 24px 15px;
4049       font-size: 16px;
4050       font-style: italic;
4051       color: #767676; }
4052     .b2b-audio-recorder .b2b-controls {
4053       width: 68px;
4054       cursor: pointer; }
4055       .b2b-audio-recorder .b2b-controls i.icoControls-record {
4056         font-size: 64px;
4057         color: black;
4058         float: right;
4059         margin-right: 10px; }
4060         .b2b-audio-recorder .b2b-controls i.icoControls-record:focus, .b2b-audio-recorder .b2b-controls i.icoControls-record:hover {
4061           color: #0568ae; }
4062       .b2b-audio-recorder .b2b-controls i.icoControls-stop {
4063         font-size: 36px;
4064         color: black;
4065         float: right;
4066         margin-right: 20px;
4067         margin-top: 12px; }
4068         .b2b-audio-recorder .b2b-controls i.icoControls-stop:focus, .b2b-audio-recorder .b2b-controls i.icoControls-stop:hover {
4069           color: #0568ae; }
4070
4071   .b2b-top-btn {
4072     height: 36px;
4073     width: 36px;
4074     border-radius: 7px; }
4075
4076   .b2b-top-btn > i {
4077     position: absolute;
4078     top: 13px;
4079     left: 9px;
4080     width: 11px;
4081     height: 18px; }
4082
4083   .b2b-badge {
4084     font-family: "Omnes-ECOMP-W02-Medium", Arial;
4085     background-color: #5A5A5A;
4086     border-radius: 12px;
4087     color: #FFFFFF;
4088     display: inline-block;
4089     font-size: 1.5rem;
4090     font-weight: normal;
4091     height: 20px;
4092     line-height: 0;
4093     margin-top: 0;
4094     min-width: 20px;
4095     padding: 0 5px;
4096     text-align: center;
4097     vertical-align: baseline; }
4098     .b2b-badge:empty {
4099       display: none; }
4100
4101   * + .b2b-heading-micro {
4102     margin-top: 20px !important; }
4103
4104   .b2b-heading-micro {
4105     font-family: "Omnes-ECOMP-W02-Medium", Arial;
4106     font-weight: normal;
4107     text-rendering: optimizeLegibility;
4108     font-size: 1.2rem !important;
4109     text-transform: uppercase !important;
4110     margin-bottom: 20px !important;
4111     line-height: 1.2 !important; }
4112
4113   .b2b-no-colors .b2b-badge {
4114     border: 1px solid transparent; }
4115
4116   .btn > .b2b-badge {
4117     margin-right: 5px; }
4118
4119   a > .b2b-badge {
4120     margin-right: 6px;
4121     padding-top: 10px; }
4122
4123   .b2b-badge-urgent {
4124     background-color: #cf2a2a; }
4125
4126   .bellyband-container {
4127     margin: 0 -15px; }
4128
4129   .bellyband-group {
4130     width: auto; }
4131
4132   .bellyband-link {
4133     border-top: 1px solid #d2d2d2; }
4134
4135   .bellyband-link a {
4136     display: block;
4137     height: 40px;
4138     line-height: 40px;
4139     padding: 0 15px;
4140     position: relative;
4141     text-decoration: none; }
4142
4143   .bellyband-link a:hover > div span,
4144   .bellyband-link a:focus > div span {
4145     text-decoration: underline; }
4146
4147   .bellyband-link a:after {
4148     color: #666;
4149     font-size: 2.3rem;
4150     height: 20px;
4151     position: absolute;
4152     right: 5px;
4153     top: 12px;
4154     width: 18px; }
4155
4156   .dark-bg .bellyband-link a:after {
4157     color: white; }
4158
4159   .bellyband-link img[src$="svg"].hidden-desktop,
4160   .bellyband-link [class*="icon-primary-"].hidden-desktop {
4161     display: inline-block !important;
4162     float: left;
4163     font-size: 24px;
4164     height: 24px;
4165     margin-right: 5px;
4166     margin-top: 8px;
4167     width: 24px; }
4168
4169   .dark-bg .bellyband-link [class*="icon-primary-"].hidden-desktop,
4170   .dark-bg .bellyband-link [class*="icon-primary-"].visible-desktop {
4171     color: #fff; }
4172
4173   .bellyband-link img[src$="svg"].visible-desktop {
4174     display: none !important; }
4175
4176   .bellyband-link p {
4177     margin-top: -10px;
4178     margin-left: 29px;
4179     font-size: 1.4rem;
4180     color: #666; }
4181
4182   @media (min-width: 481px) and (max-width: 767px) {
4183     .bellyband-container {
4184       display: flex;
4185       margin: 0; }
4186     .bellyband-group {
4187       align-content: flex-start;
4188       align-items: stretch;
4189       display: inline-flex;
4190       flex-direction: column;
4191       flex-wrap: wrap;
4192       margin-top: 1px;
4193       width: 100%; }
4194     .bellyband-group .row {
4195       display: flex !important; }
4196     .bellyband-link {
4197       padding-top: 0;
4198       position: relative;
4199       border-top: none;
4200       margin-bottom: 20px;
4201       width: 50%; }
4202     .bellyband-link a {
4203       height: inherit;
4204       line-height: inherit;
4205       display: flex;
4206       padding: 0; }
4207     .bellyband-link a:after {
4208       display: none; }
4209     .bellyband-link a span {
4210       display: block;
4211       padding-top: 10px; }
4212     .bellyband-link p {
4213       display: block;
4214       padding: 0 15px 0 0;
4215       margin-bottom: 0;
4216       margin-left: 0;
4217       margin-top: 0; }
4218     .bellyband-link a:focus p {
4219       text-decoration: none; } }
4220
4221   @media (min-width: 768px) {
4222     .bellyband-group {
4223       margin: 0;
4224       max-width: 100%;
4225       display: flex;
4226       flex-wrap: wrap;
4227       justify-content: center; }
4228     .bellyband-group .row {
4229       display: block; }
4230     .bellyband-group .row .span {
4231       float: none;
4232       margin-right: 0;
4233       margin-bottom: 30px;
4234       display: flex;
4235       justify-content: space-between; }
4236     .bellyband-link {
4237       border-top: none;
4238       flex: 0 0 auto;
4239       margin-right: 0;
4240       margin-bottom: 30px; }
4241     .bellyband-link:last-child {
4242       margin-right: 0; }
4243     .bellyband-link a {
4244       height: auto;
4245       line-height: 1;
4246       text-align: center; }
4247     .bellyband-link a:after {
4248       display: none; }
4249     .bellyband-link img[src$="svg"].hidden-desktop,
4250     .bellyband-link [class*="icon-primary-"].hidden-desktop {
4251       display: none !important; }
4252     .bellyband-link img[src$="svg"].visible-desktop,
4253     .bellyband-link [class*="icon-primary-"].visible-desktop {
4254       display: block !important;
4255       font-size: 50px;
4256       height: 50px;
4257       margin-right: 0;
4258       margin-top: 0;
4259       margin-left: auto;
4260       margin-right: auto;
4261       width: auto; }
4262     .bellyband-link a span {
4263       display: block;
4264       margin-top: 12px;
4265       line-height: 2rem; }
4266     .bellyband-link p {
4267       display: block;
4268       text-align: center;
4269       margin-top: 6px;
4270       margin-left: 0;
4271       padding-left: 0 !important;
4272       color: #666;
4273       line-height: 1.8rem; } }
4274
4275   @media (max-width: 480px) {
4276     .bellyband-link-tall a {
4277       height: auto;
4278       padding: 0 40px 10px 15px; }
4279     .bellyband-link-tall p {
4280       line-height: 1.8rem;
4281       margin-bottom: 0; }
4282     .bellyband-link-tall > a:after {
4283       margin-top: -8px;
4284       top: 50%; } }
4285
4286   .b2b-boardstrip {
4287     display: inline-block;
4288     width: 100%;
4289     border-bottom: 1px solid #9d9d9d;
4290     position: relative;
4291     padding-top: 15px; }
4292     .b2b-boardstrip .boardstrip-reel {
4293       margin-bottom: 15px; }
4294     .b2b-boardstrip .boardstrip-item--add {
4295       border: 1px dashed #ccc;
4296       background: #FFFFFF;
4297       color: #0574ac;
4298       width: 140px;
4299       height: 80px;
4300       font-size: 14px;
4301       font-family: "Omnes-ECOMP-W02", Arial;
4302       -webkit-border-radius: 3px;
4303       -moz-border-radius: 3px;
4304       border-radius: 3px;
4305       position: absolute;
4306       left: 29px;
4307       top: 15px; }
4308       .b2b-boardstrip .boardstrip-item--add:hover, .b2b-boardstrip .boardstrip-item--add:focus {
4309         border: 2px solid #007A3E;
4310         cursor: pointer; }
4311       .b2b-boardstrip .boardstrip-item--add i {
4312         font-size: 14px;
4313         margin-left: auto;
4314         margin-right: auto;
4315         text-align: initial; }
4316       .b2b-boardstrip .boardstrip-item--add .centered {
4317         margin-left: auto;
4318         margin-right: auto;
4319         margin-top: 27px;
4320         margin-bottom: 35px;
4321         display: block; }
4322     .b2b-boardstrip .board-viewport {
4323       float: left;
4324       margin-left: 210px;
4325       max-height: 95px;
4326       position: relative;
4327       height: 95px;
4328       overflow: hidden;
4329       width: 0px; }
4330       .b2b-boardstrip .board-viewport .boardstrip-container {
4331         width: 0px;
4332         margin-left: 0;
4333         left: 0px;
4334         position: absolute;
4335         list-style: none;
4336         -webkit-transition: left 1000ms;
4337         transition: left 1000ms; }
4338       .b2b-boardstrip .board-viewport .board-item {
4339         width: 140px;
4340         height: 80px;
4341         border: 1px solid #ccc;
4342         margin: 0 15px 15px 0;
4343         background-color: #FFFFFF;
4344         border-radius: 3px;
4345         float: left;
4346         overflow: hidden; }
4347         .b2b-boardstrip .board-viewport .board-item:hover, .b2b-boardstrip .board-viewport .board-item:focus {
4348           border: 2px solid #007A3E;
4349           background-color: white;
4350           cursor: pointer; }
4351         .b2b-boardstrip .board-viewport .board-item .board-img {
4352           width: 61px;
4353           height: 40px;
4354           margin: 0 auto; }
4355           .b2b-boardstrip .board-viewport .board-item .board-img img {
4356             max-width: 100%; }
4357         .b2b-boardstrip .board-viewport .board-item .title {
4358           text-align: center;
4359           line-height: 16px;
4360           color: #666;
4361           font-size: 14px;
4362           font-family: "Omnes-ECOMP-W02", Arial;
4363           padding: 10px 0; }
4364         .b2b-boardstrip .board-viewport .board-item.selected {
4365           background-color: #FFFFFF;
4366           border: 2px solid #0574ac; }
4367         .b2b-boardstrip .board-viewport .board-item .board-caret {
4368           cursor: default;
4369           outline: 0;
4370           position: absolute;
4371           bottom: 7px; }
4372           .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-indicator {
4373             border-left: 8px solid transparent;
4374             border-right: 8px solid transparent;
4375             border-bottom: 8px solid #999;
4376             width: 0px;
4377             height: 0px;
4378             position: absolute;
4379             left: 61px;
4380             bottom: -7px; }
4381           .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-arrow-up {
4382             width: 0px;
4383             height: 0px;
4384             border-style: solid;
4385             border-width: 0 8px 8px 8px;
4386             border-color: transparent transparent #FFFFFF transparent;
4387             left: 61px;
4388             position: absolute; }
4389     .b2b-boardstrip .arrow {
4390       font-size: 14px;
4391       cursor: pointer;
4392       color: #0574ac; }
4393       .b2b-boardstrip .arrow:hover {
4394         color: #0574ac; }
4395       .b2b-boardstrip .arrow.disabled {
4396         color: #767676 !important;
4397         cursor: not-allowed; }
4398     .b2b-boardstrip .prev-items {
4399       display: inline-block;
4400       margin-top: auto;
4401       margin-bottom: auto;
4402       margin-right: 15px;
4403       position: absolute;
4404       left: 0;
4405       top: 45px;
4406       -webkit-user-select: none;
4407       -moz-user-select: none;
4408       -ms-user-select: none;
4409       -o-user-select: none;
4410       user-select: none; }
4411     .b2b-boardstrip .next-items {
4412       display: inline-block;
4413       margin-top: 30px;
4414       margin-bottom: auto;
4415       margin-left: 10px;
4416       -webkit-user-select: none;
4417       -moz-user-select: none;
4418       -ms-user-select: none;
4419       -o-user-select: none;
4420       user-select: none; }
4421     .b2b-boardstrip .centered {
4422       display: table-cell;
4423       text-align: center;
4424       vertical-align: middle; }
4425
4426   .breadcrumb {
4427     padding: 10px 15px;
4428     height: 40px;
4429     list-style: none;
4430     border-bottom: 1px solid #d2d2d2;
4431     font-size: 1.2rem;
4432     width: 100%;
4433     z-index: 1000; }
4434
4435   .breadcrumb > li {
4436     position: relative;
4437     display: inline-block;
4438     margin-right: 15px; }
4439
4440   .breadcrumb > li:after {
4441     font-size: 8px;
4442     margin-right: 0;
4443     right: -8px;
4444     color: #333333; }
4445
4446   .breadcrumb > li:last-child {
4447     color: #333333; }
4448
4449   .breadcrumb > li:last-child:after {
4450     content: ""; }
4451
4452   .breadcrumb li > * {
4453     float: none !important;
4454     margin: 0; }
4455
4456   .breadcrumb {
4457     padding: 10px 15px !important; }
4458
4459   /* ARROW */
4460   /* spanish */
4461   .datepicker {
4462     background-color: #FFFFFF;
4463     padding: 0;
4464     border-radius: 5px;
4465     direction: ltr; }
4466     .datepicker > div {
4467       display: none; }
4468     .datepicker table {
4469       -webkit-touch-callout: none;
4470       -webkit-user-select: none;
4471       -moz-user-select: none;
4472       -ms-user-select: none;
4473       user-select: none;
4474       margin: 0 0 0 0; }
4475     .datepicker td {
4476       text-align: center;
4477       display: block;
4478       width: 30px;
4479       height: 30px;
4480       border: none; }
4481       .datepicker td span {
4482         display: block;
4483         width: 23%;
4484         height: 54px;
4485         line-height: 54px;
4486         float: left;
4487         margin: 1%;
4488         cursor: pointer;
4489         border-radius: 4px; }
4490         .datepicker td span:hover {
4491           background: #eeeeee; }
4492       .datepicker td span.disabled {
4493         background: none;
4494         color: #5A5A5A;
4495         cursor: default; }
4496         .datepicker td span.disabled:hover {
4497           background: none;
4498           color: #5A5A5A;
4499           cursor: default; }
4500       .datepicker td span.active {
4501         color: #FFFFFF;
4502         background-color: #0568ae;
4503         border-color: #357ebd; }
4504         .datepicker td span.active:hover {
4505           color: #FFFFFF;
4506           background-color: #0568ae;
4507           border-color: #357ebd; }
4508       .datepicker td span.active.disabled {
4509         color: #FFFFFF;
4510         background-color: #0568ae;
4511         border-color: #357ebd; }
4512     .datepicker th {
4513       text-align: center;
4514       display: block;
4515       width: 30px;
4516       height: 30px;
4517       border: none; }
4518     .datepicker tbody:focus {
4519       outline: none; }
4520     .datepicker td.day {
4521       background-color: transparent;
4522       color: #0568ae;
4523       cursor: pointer;
4524       font-family: "Omnes-ECOMP-W02-Medium", Arial;
4525       font-size: 16px;
4526       height: 34px;
4527       line-height: 30rem;
4528       margin: -2px -1px 0 0;
4529       overflow: hidden;
4530       text-align: center;
4531       width: 42px; }
4532     .datepicker:focus {
4533       outline: 1px dotted #191919;
4534       outline-offset: -2px; }
4535     .datepicker th[tabindex]:focus {
4536       outline-offset: -15px; }
4537     .datepicker td.day.focused {
4538       background: #ededed;
4539       cursor: pointer; }
4540     .datepicker td.day.focused.active {
4541       background-color: #ededed;
4542       color: #0568ae; }
4543     .datepicker td.disabled {
4544       font-family: "Omnes-ECOMP-W02", Arial;
4545       color: #5A5A5A;
4546       cursor: default; }
4547       .datepicker td.disabled:hover {
4548         font-family: "Omnes-ECOMP-W02", Arial;
4549         color: #5A5A5A;
4550         cursor: default; }
4551         .datepicker td.disabled:hover .show-date {
4552           font-family: "Omnes-ECOMP-W02", Arial;
4553           color: #5A5A5A; }
4554       .datepicker td.disabled .show-date {
4555         font-family: "Omnes-ECOMP-W02", Arial;
4556         color: #5A5A5A; }
4557     .datepicker td.today {
4558       color: #FFFFFF;
4559       background-color: #0568ae; }
4560       .datepicker td.today:hover {
4561         color: #FFFFFF;
4562         background-color: #0568ae;
4563         color: #FFFFFF;
4564         background-color: #0568ae; }
4565       .datepicker td.today:active {
4566         color: #FFFFFF;
4567         background-color: #0568ae; }
4568       .datepicker td.today:focus {
4569         color: #FFFFFF;
4570         background-color: #0568ae; }
4571     .datepicker td.today.disabled {
4572       color: #FFFFFF;
4573       background-color: #0568ae; }
4574     .datepicker td.today.active {
4575       color: #FFFFFF;
4576       background-color: #0568ae; }
4577       .datepicker td.today.active:hover {
4578         color: #FFFFFF; }
4579     .datepicker td.selected {
4580       color: #FFFFFF;
4581       background-color: #95959500; }
4582       .datepicker td.selected:hover {
4583         color: #FFFFFF;
4584         background-color: #95959500; }
4585     .datepicker td.selected.disabled {
4586       color: #FFFFFF;
4587       background-color: #95959500; }
4588     .datepicker td.active:not(.new) {
4589       color: #FFFFFF;
4590       border-color: #357ebd; }
4591       .datepicker td.active:not(.new) .show-date {
4592         color: #0568ae;
4593         font-family: "Omnes-ECOMP-W02-Medium", Arial; }
4594     .datepicker td.active:hover:not(.new) {
4595       color: #FFFFFF;
4596       border-color: #357ebd; }
4597       .datepicker td.active:hover:not(.new) .show-date {
4598         color: #0568ae;
4599         font-family: "Omnes-ECOMP-W02-Medium", Arial; }
4600     .datepicker .start-date .show-date {
4601       background-color: #0568ae;
4602       color: #FFFFFF !important;
4603       border-radius: 5px 0 0 5px;
4604       z-index: 1; }
4605       .datepicker .start-date .show-date:before {
4606         background-color: #0568ae;
4607         content: "";
4608         display: block;
4609         height: 26px;
4610         left: 20px;
4611         position: absolute;
4612         width: 100%;
4613         z-index: -1; }
4614     .datepicker .between-date .show-date {
4615       background-color: #0568ae;
4616       color: #FFFFFF !important; }
4617       .datepicker .between-date .show-date:before {
4618         background-color: #0568ae;
4619         content: "";
4620         display: block;
4621         height: 26px;
4622         left: 0;
4623         position: absolute;
4624         width: 100%;
4625         z-index: -1; }
4626     .datepicker .between-date:first-child .show-date:before {
4627       background-color: #FFFFFF;
4628       content: "";
4629       height: 26px;
4630       position: absolute;
4631       left: 0;
4632       width: 8px; }
4633     .datepicker .end-date .show-date {
4634       background-color: #0568ae;
4635       color: #FFFFFF !important;
4636       border-radius: 0 5px 5px 0; }
4637       .datepicker .end-date .show-date:before {
4638         background-color: #0568ae;
4639         content: "";
4640         display: block;
4641         height: 26px;
4642         left: -20px;
4643         position: absolute;
4644         width: 100%;
4645         z-index: -1; }
4646     .datepicker .end-date:first-child .show-date:after {
4647       background-color: #FFFFFF;
4648       content: "";
4649       height: 26px;
4650       position: absolute;
4651       left: 0;
4652       width: 8px; }
4653     .datepicker .end-date:first-child .show-date::before {
4654       background-color: #FFFFFF; }
4655     .datepicker tr td.start-date:last-child .show-date:after {
4656       background-color: #FFFFFF;
4657       content: "";
4658       height: 26px;
4659       position: absolute;
4660       right: 0;
4661       width: 8px; }
4662     .datepicker tr td.start-date:last-child:focus .show-date:after {
4663       height: 30px;
4664       width: 30px;
4665       background-color: transparent; }
4666     .datepicker tr td.start-date:first-child:focus .show-date:after {
4667       height: 30px;
4668       width: 30px;
4669       background-color: transparent; }
4670     .datepicker tr td.between-date:last-child .show-date:after {
4671       background-color: #FFFFFF;
4672       content: "";
4673       height: 26px;
4674       position: absolute;
4675       right: 0;
4676       width: 8px; }
4677     .datepicker tr td.between-date:last-child:focus .show-date:after {
4678       height: 30px;
4679       width: 30px;
4680       background-color: transparent; }
4681     .datepicker tr td.between-date:first-child:focus .show-date:after {
4682       height: 30px;
4683       width: 30px;
4684       background-color: transparent; }
4685     .datepicker tr td.end-date:last-child:focus .show-date:after {
4686       height: 30px;
4687       width: 30px;
4688       background-color: transparent; }
4689     .datepicker tr td.end-date:first-child:focus .show-date:after {
4690       height: 30px;
4691       width: 30px;
4692       background-color: transparent; }
4693     .datepicker th.datepicker-switch {
4694       width: 198px;
4695       font-size: 20px;
4696       font-weight: normal;
4697       cursor: default !important; }
4698     .datepicker thead tr:first-child th {
4699       cursor: pointer;
4700       height: 60px;
4701       line-height: 60px; }
4702     .datepicker thead tr:first-child th.cw {
4703       cursor: default;
4704       background-color: transparent; }
4705     .datepicker tfoot tr th {
4706       cursor: pointer;
4707       height: 60px;
4708       line-height: 60px;
4709       height: auto;
4710       line-height: normal; }
4711       .datepicker tfoot tr th li {
4712         margin-bottom: 5px; }
4713     .datepicker .prev {
4714       color: transparent;
4715       font-size: 0;
4716       margin: 0 -1px -1px 0;
4717       width: 46px; }
4718       .datepicker .prev i {
4719         color: #0568ae;
4720         position: absolute;
4721         font-size: 27px;
4722         margin: 0;
4723         top: 15px;
4724         left: 8px; }
4725     .datepicker .next {
4726       color: transparent;
4727       font-size: 0;
4728       margin: 0 -1px -1px 0;
4729       width: 46px; }
4730       .datepicker .next i {
4731         color: #0568ae;
4732         position: absolute;
4733         font-size: 27px;
4734         margin: 0;
4735         top: 15px;
4736         right: 8px; }
4737     .datepicker .cw {
4738       font-size: 5px;
4739       width: 12px;
4740       padding: 0 2px 0 5px;
4741       vertical-align: middle; }
4742     .datepicker .due-date .show-date {
4743       font-family: "Omnes-ECOMP-W02-Medium", Arial;
4744       background-color: #cf2a2a;
4745       border-radius: 5px;
4746       color: #FFFFFF !important; }
4747     .datepicker .day.active .show-date:after {
4748       border: 2px solid #0568ae;
4749       border-radius: 7px;
4750       content: "";
4751       display: block;
4752       height: 30px;
4753       left: 4px;
4754       position: absolute;
4755       top: 0;
4756       width: 30px; }
4757     .datepicker .day:focus .show-date:after {
4758       border: 2px solid #0568ae;
4759       border-radius: 7px;
4760       content: "";
4761       display: block;
4762       height: 30px;
4763       left: 4px;
4764       position: absolute;
4765       top: 0;
4766       width: 30px;
4767       height: 30px;
4768       left: 4px;
4769       top: 0;
4770       width: 30px; }
4771     .datepicker .due-date.disabled .show-date:after {
4772       border: 2px solid #0568ae;
4773       border-radius: 7px;
4774       content: "";
4775       display: block;
4776       height: 30px;
4777       left: 4px;
4778       position: absolute;
4779       top: 0;
4780       width: 30px; }
4781     .datepicker .day.due-date:focus .show-date:after {
4782       height: 30px;
4783       left: 4px;
4784       top: 0;
4785       width: 30px; }
4786     .datepicker .due-date.old:after {
4787       visibility: hidden; }
4788     .datepicker .due-date.new:after {
4789       visibility: hidden; }
4790     .datepicker .due-date.active:after {
4791       border-color: #FFFFFF; }
4792     .datepicker .due-date.active.focused {
4793       color: #0568ae !important; }
4794       .datepicker .due-date.active.focused:after {
4795         border-color: #cf2a2a !important; }
4796     .datepicker .dow {
4797       height: 24px;
4798       width: 42px;
4799       font-weight: normal;
4800       position: relative;
4801       overflow: hidden;
4802       color: transparent;
4803       letter-spacing: -6px;
4804       margin: 0 -1px -1px 0; }
4805       .datepicker .dow span[aria-hidden="true"] {
4806         bottom: 0;
4807         color: #5A5A5A;
4808         display: block;
4809         left: 1px;
4810         letter-spacing: 0;
4811         line-height: .9;
4812         margin: 0 auto;
4813         padding: 0;
4814         position: relative;
4815         width: 22px; }
4816     .datepicker .calendar-legend {
4817       margin-top: 3px;
4818       margin-bottom: 20px; }
4819       .datepicker .calendar-legend li {
4820         font-size: 1.4rem;
4821         font-weight: normal;
4822         margin-bottom: 5px;
4823         padding-left: 10px;
4824         padding-top: 5px;
4825         position: relative; }
4826     .datepicker i.legend-due-date {
4827       background-color: #cf2a2a;
4828       border-radius: 5px;
4829       height: 18px;
4830       width: 18px;
4831       margin-right: 8px;
4832       vertical-align: middle;
4833       display: inline-block; }
4834     .datepicker i.legend-selected-date {
4835       background-color: #FFFFFF;
4836       border: 2px solid #0568ae;
4837       border-radius: 5px;
4838       height: 18px;
4839       width: 18px;
4840       margin-right: 8px;
4841       vertical-align: middle;
4842       display: inline-block; }
4843     .datepicker i.legend-selectedisdue {
4844       background-color: #FFFFFF;
4845       border: 2px solid #0568ae;
4846       border-radius: 5px;
4847       display: inline-block;
4848       height: 18px;
4849       margin-right: 8px;
4850       position: relative;
4851       vertical-align: middle;
4852       width: 18px; }
4853       .datepicker i.legend-selectedisdue:after {
4854         background-color: #cf2a2a;
4855         border-radius: 3px;
4856         content: "";
4857         display: block;
4858         height: 10px;
4859         left: 2px;
4860         position: absolute;
4861         top: 2px;
4862         width: 10px; }
4863     .datepicker .text-left {
4864       width: 100%; }
4865     .datepicker .active.old {
4866       background-color: #ededed !important;
4867       color: #ededed !important; }
4868
4869   .datepicker-inline {
4870     width: 220px; }
4871
4872   .datepicker.datepicker-rtl {
4873     direction: rtl; }
4874     .datepicker.datepicker-rtl td span {
4875       float: right; }
4876
4877   .datepicker-dropdown {
4878     top: 0;
4879     left: 0; }
4880     .datepicker-dropdown:before {
4881       content: " ";
4882       display: inline-block;
4883       border-left: 10px solid transparent;
4884       border-right: 10px solid transparent;
4885       border-bottom: 10px solid #d2d2d2;
4886       border-top: 0;
4887       border-bottom-color: rgba(0, 0, 0, 0.2);
4888       position: absolute; }
4889     .datepicker-dropdown:after {
4890       content: " ";
4891       display: inline-block;
4892       border-left: 10px solid transparent;
4893       border-right: 10px solid transparent;
4894       border-bottom: 10px solid #fff;
4895       border-top: 0;
4896       position: absolute; }
4897
4898   .datepicker-dropdown.datepicker-orient-left:before {
4899     left: 16px; }
4900
4901   .datepicker-dropdown.datepicker-orient-left:after {
4902     left: 16px; }
4903
4904   .datepicker-dropdown.datepicker-orient-right:before {
4905     right: 16px; }
4906
4907   .datepicker-dropdown.datepicker-orient-right:after {
4908     right: 16px; }
4909
4910   .datepicker-dropdown.datepicker-orient-top:before {
4911     top: -10px; }
4912
4913   .datepicker-dropdown.datepicker-orient-top:after {
4914     top: -9px; }
4915
4916   .datepicker-dropdown.datepicker-orient-bottom:before {
4917     bottom: -7px;
4918     border-bottom: 0;
4919     border-top: 7px solid #959595; }
4920
4921   .datepicker-dropdown.datepicker-orient-bottom:after {
4922     bottom: -6px;
4923     border-bottom: 0;
4924     border-top: 6px solid #fff; }
4925
4926   .datepicker.days div.datepicker-days {
4927     display: block; }
4928
4929   .datepicker.months div.datepicker-months {
4930     display: block; }
4931
4932   .datepicker.years div.datepicker-years {
4933     display: block; }
4934
4935   .show-date {
4936     font-family: "Omnes-ECOMP-W02-Medium", Arial;
4937     color: #0568ae;
4938     height: 26px;
4939     line-height: 26px;
4940     margin: 4px auto 0;
4941     width: 26px; }
4942
4943   .input-group.date .input-group-addon i {
4944     cursor: pointer;
4945     width: 16px;
4946     height: 16px; }
4947
4948   .datepicker.dropdown-menu {
4949     box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
4950     position: absolute;
4951     top: 100%;
4952     left: 0;
4953     float: left;
4954     display: none;
4955     margin-top: 13px;
4956     width: 290px;
4957     list-style: none;
4958     background-color: #FFFFFF;
4959     border: 1px solid #d2d2d2;
4960     border: 1px solid rgba(0, 0, 0, 0.2);
4961     border-radius: 5px;
4962     color: #333333;
4963     font-size: 13px;
4964     line-height: 1.428571429;
4965     z-index: 1050; }
4966     .datepicker.dropdown-menu th {
4967       display: block;
4968       float: left;
4969       padding: 0;
4970       position: relative; }
4971     .datepicker.dropdown-menu td {
4972       display: block;
4973       float: left;
4974       padding: 0;
4975       position: relative; }
4976
4977   .s {
4978     display: block;
4979     height: 20px;
4980     width: 12px;
4981     margin: 0 auto;
4982     background-color: #FFFFFF;
4983     background-repeat: no-repeat;
4984     background-position: -62px 0; }
4985
4986   .m {
4987     display: block;
4988     height: 20px;
4989     width: 12px;
4990     margin: 0 auto;
4991     background-color: #FFFFFF;
4992     background-repeat: no-repeat;
4993     background-position: -5px 0; }
4994
4995   .t {
4996     display: block;
4997     height: 20px;
4998     width: 12px;
4999     margin: 0 auto;
5000     background-color: #FFFFFF;
5001     background-repeat: no-repeat;
5002     background-position: -19px 0; }
5003
5004   .w {
5005     display: block;
5006     height: 20px;
5007     width: 12px;
5008     margin: 0 auto;
5009     background-color: #FFFFFF;
5010     background-repeat: no-repeat;
5011     background-position: -34px 0; }
5012
5013   .f {
5014     display: block;
5015     height: 20px;
5016     width: 12px;
5017     margin: 0 auto;
5018     background-color: #FFFFFF;
5019     background-repeat: no-repeat;
5020     background-position: -49px 0; }
5021
5022   .d {
5023     display: block;
5024     height: 20px;
5025     width: 12px;
5026     margin: 0 auto;
5027     background-color: #FFFFFF;
5028     background-repeat: no-repeat;
5029     background-position: 0 0; }
5030
5031   .l {
5032     display: block;
5033     height: 20px;
5034     width: 12px;
5035     margin: 0 auto;
5036     background-color: #FFFFFF;
5037     background-repeat: no-repeat;
5038     background-position: 0 0; }
5039
5040   .v {
5041     display: block;
5042     height: 20px;
5043     width: 12px;
5044     margin: 0 auto;
5045     background-color: #FFFFFF;
5046     background-repeat: no-repeat;
5047     background-position: 0 0; }
5048
5049   .j {
5050     display: block;
5051     height: 20px;
5052     width: 12px;
5053     margin: 0 auto;
5054     background-color: #FFFFFF;
5055     background-repeat: no-repeat;
5056     background-position: 0 0; }
5057
5058   .b2b-coachmark-label {
5059     z-index: 1060;
5060     opacity: 1;
5061     cursor: not-allowed;
5062     position: relative; }
5063
5064   .b2b-coachmark-highlight {
5065     border: 1px solid #d3d3d3;
5066     cursor: default;
5067     z-index: 1045;
5068     opacity: 1;
5069     background-color: #ffffff;
5070     border-radius: 10px;
5071     position: relative;
5072     box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
5073     padding: 10px;
5074     position: absolute; }
5075
5076   .b2b-coachmark-highlight-mask {
5077     z-index: 1100;
5078     opacity: .1; }
5079
5080   .b2b-coachmark-container {
5081     border: 1px solid #cccccc;
5082     width: 316px;
5083     pointer-events: auto;
5084     -webkit-box-sizing: border-box;
5085     -moz-box-sizing: border-box;
5086     box-sizing: border-box;
5087     font-size: 16px;
5088     -webkit-transition: opacity .2s ease-out;
5089     -moz-transition: opacity .2s ease-out;
5090     transition: opacity .2s ease-out;
5091     background: #fff;
5092     border-radius: 20px;
5093     box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.15);
5094     color: #333;
5095     line-height: 20px;
5096     position: absolute;
5097     top: 50px;
5098     left: -97px;
5099     display: block;
5100     background-color: #ffffff;
5101     z-index: 1050;
5102     opacity: 1; }
5103     .b2b-coachmark-container i.b2b-coachmark-caret {
5104       position: absolute;
5105       top: -12px;
5106       left: 47%;
5107       opacity: 1;
5108       z-index: 1050; }
5109     .b2b-coachmark-container i.b2b-coachmark-caret:before {
5110       content: "";
5111       border-left: 12px solid transparent;
5112       border-right: 12px solid transparent;
5113       border-bottom: 12px solid #d3d3d3;
5114       position: absolute;
5115       top: -1px; }
5116     .b2b-coachmark-container i.b2b-coachmark-caret:after {
5117       content: "";
5118       border-left: 12px solid transparent;
5119       border-right: 12px solid transparent;
5120       border-bottom: 12px solid #fff;
5121       position: absolute; }
5122     .b2b-coachmark-container .b2b-coachmark-header {
5123       position: relative;
5124       height: 47px;
5125       overflow: hidden; }
5126       .b2b-coachmark-container .b2b-coachmark-header .corner-button {
5127         box-shadow: 0 -24px 0 0 #f2f2f2 inset;
5128         height: 69px;
5129         position: absolute;
5130         right: -33px;
5131         top: -38px;
5132         transform: rotate(45deg);
5133         width: 69px; }
5134     .b2b-coachmark-container .b2b-coachmark-countlabel {
5135       font-size: 12px;
5136       font-family: "Omnes-ECOMP-W02", Arial;
5137       color: #333333;
5138       margin-left: 20px;
5139       margin-top: 20px; }
5140     .b2b-coachmark-container .b2b-coachmark-content {
5141       padding: 0px 20px 20px 20px;
5142       float: left; }
5143       .b2b-coachmark-container .b2b-coachmark-content .icon-misc-dimmer {
5144         font-size: 32px;
5145         float: left;
5146         margin-right: 10px;
5147         width: 32px; }
5148       .b2b-coachmark-container .b2b-coachmark-content .offscreen-text {
5149         position: absolute;
5150         left: -10000px;
5151         top: auto;
5152         width: 1px;
5153         height: 1px;
5154         overflow: hidden; }
5155       .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-content-header {
5156         font-size: 16px;
5157         color: #333333;
5158         line-height: 18px;
5159         float: left;
5160         width: 220px; }
5161       .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-description {
5162         font-size: 14px;
5163         line-height: 18px;
5164         color: #333333;
5165         width: 100%;
5166         float: left;
5167         margin-top: 15px; }
5168       .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group {
5169         margin-top: 20px;
5170         float: left;
5171         text-align: right;
5172         width: 100%; }
5173         .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group .b2b-coachmark-link {
5174           font-family: "Omnes-ECOMP-W02-Medium", Arial;
5175           font-size: 15px;
5176           color: #0574ac;
5177           line-height: 18px;
5178           margin-right: 20px; }
5179         .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group button {
5180           font-size: 15px;
5181           margin: 0px; }
5182
5183   .datepicker {
5184     background-color: #fff;
5185     padding: 0;
5186     border-radius: 5px;
5187     direction: ltr; }
5188
5189   .datepicker-inline {
5190     width: 220px; }
5191
5192   .datepicker.datepicker-rtl {
5193     direction: rtl; }
5194
5195   .datepicker.datepicker-rtl td span {
5196     float: right; }
5197
5198   .datepicker-dropdown {
5199     top: 0;
5200     left: 0; }
5201
5202   /* ARROW */
5203   .datepicker-dropdown:before {
5204     content: " ";
5205     display: inline-block;
5206     border-left: 10px solid transparent;
5207     border-right: 10px solid transparent;
5208     border-bottom: 10px solid #d2d2d2;
5209     border-top: 0;
5210     border-bottom-color: rgba(0, 0, 0, 0.2);
5211     position: absolute; }
5212
5213   .datepicker-dropdown:after {
5214     content: " ";
5215     display: inline-block;
5216     border-left: 10px solid transparent;
5217     border-right: 10px solid transparent;
5218     border-bottom: 10px solid #fff;
5219     border-top: 0;
5220     position: absolute; }
5221
5222   .datepicker-dropdown.datepicker-orient-left:before,
5223   .datepicker-dropdown.datepicker-orient-left:after {
5224     left: 255px; }
5225
5226   .datepicker-dropdown.datepicker-orient-right:before,
5227   .datepicker-dropdown.datepicker-orient-right:after {
5228     right: 16px; }
5229
5230   .datepicker-dropdown.datepicker-orient-top:before {
5231     top: -10px; }
5232
5233   .datepicker-dropdown.datepicker-orient-top:after {
5234     top: -9px; }
5235
5236   .datepicker-dropdown.datepicker-orient-bottom:before {
5237     bottom: -7px;
5238     border-bottom: 0;
5239     border-top: 7px solid #959595; }
5240
5241   .datepicker-dropdown.datepicker-orient-bottom:after {
5242     bottom: -6px;
5243     border-bottom: 0;
5244     border-top: 6px solid #fff; }
5245
5246   .datepicker > div {
5247     display: none; }
5248
5249   .datepicker.days div.datepicker-days {
5250     display: block; }
5251
5252   .datepicker.months div.datepicker-months {
5253     display: block; }
5254
5255   .datepicker.years div.datepicker-years {
5256     display: block; }
5257
5258   .datepicker table {
5259     -webkit-touch-callout: none;
5260     -webkit-user-select: none;
5261     -khtml-user-select: none;
5262     -moz-user-select: none;
5263     -ms-user-select: none;
5264     user-select: none;
5265     margin: 0 0 0 0; }
5266
5267   .datepicker td,
5268   .datepicker th {
5269     text-align: center;
5270     display: block;
5271     width: 30px;
5272     height: 30px;
5273     border: none; }
5274
5275   .datepicker tbody :focus {
5276     outline: none; }
5277
5278   .datepicker td.day {
5279     background-color: transparent;
5280     color: #0568ae;
5281     cursor: pointer;
5282     font-family: "Omnes-ECOMP-W02-Medium", Arial;
5283     font-size: 16px;
5284     height: 34px;
5285     line-height: 30rem;
5286     margin: -2px -1px 0 0;
5287     overflow: hidden;
5288     text-align: center;
5289     width: 42px; }
5290
5291   .datepicker :focus {
5292     outline: 1px dotted #000;
5293     outline-offset: -2px; }
5294
5295   .datepicker td.day.focused {
5296     background: #ededed;
5297     cursor: pointer; }
5298
5299   .datepicker td.day.focused.active {
5300     background-color: #ededed;
5301     color: #0568ae; }
5302
5303   .datepicker td.disabled,
5304   .datepicker td.disabled:hover {
5305     font-family: "Omnes-ECOMP-W02", Arial;
5306     color: #5a5a5a;
5307     cursor: default; }
5308
5309   .datepicker td.today,
5310   .datepicker td.today:hover,
5311   .datepicker td.today.disabled {
5312     color: #fff;
5313     background-color: #0568ae; }
5314
5315   .datepicker td.today.active,
5316   .datepicker td.today:active,
5317   .datepicker td.today:hover,
5318   .datepicker td.today:focus {
5319     color: #fff;
5320     background-color: #0568ae; }
5321
5322   .datepicker td.today.active:hover {
5323     color: #fff; }
5324
5325   .datepicker td.selected,
5326   .datepicker td.selected:hover,
5327   .datepicker td.selected.disabled {
5328     color: #ffffff;
5329     background-color: #959595; }
5330
5331   .datepicker td.active:not(.new),
5332   .datepicker td.active:hover:not(.new) {
5333     color: #ffffff;
5334     border-color: #357ebd; }
5335
5336   .show-date {
5337     font-family: "Omnes-ECOMP-W02-Medium", Arial;
5338     color: #0568ae;
5339     height: 26px;
5340     line-height: 26px;
5341     margin: 4px auto 0;
5342     width: 26px; }
5343
5344   .datepicker .start-date .show-date,
5345   .datepicker .between-date .show-date,
5346   .datepicker .end-date .show-date {
5347     background-color: #0568ae;
5348     color: #fff !important; }
5349
5350   .datepicker .start-date .show-date {
5351     border-radius: 5px 0 0 5px;
5352     z-index: 1; }
5353
5354   .datepicker .start-date .show-date:before {
5355     background-color: #0568ae;
5356     content: "";
5357     display: block;
5358     height: 26px;
5359     left: 20px;
5360     position: absolute;
5361     width: 100%;
5362     z-index: -1; }
5363
5364   .datepicker .between-date .show-date:before {
5365     background-color: #0568ae;
5366     content: "";
5367     display: block;
5368     height: 26px;
5369     left: 0;
5370     position: absolute;
5371     width: 100%;
5372     z-index: -1; }
5373
5374   .datepicker .end-date .show-date {
5375     border-radius: 0 5px 5px 0; }
5376
5377   .datepicker .end-date .show-date:before {
5378     background-color: #0568ae;
5379     content: "";
5380     display: block;
5381     height: 26px;
5382     left: -20px;
5383     position: absolute;
5384     width: 100%;
5385     z-index: -1; }
5386
5387   .datepicker .between-date:first-child .show-date:before {
5388     background-color: #fff;
5389     content: "";
5390     height: 26px;
5391     position: absolute;
5392     left: 0;
5393     width: 8px; }
5394
5395   .datepicker .end-date:first-child .show-date:after {
5396     background-color: #fff;
5397     content: "";
5398     height: 26px;
5399     position: absolute;
5400     left: 0;
5401     width: 8px; }
5402
5403   .datepicker .end-date:first-child .show-date::before {
5404     background-color: #fff; }
5405
5406   .datepicker tr td.start-date:last-child .show-date:after,
5407   .datepicker tr td.between-date:last-child .show-date:after {
5408     background-color: #fff;
5409     content: "";
5410     height: 26px;
5411     position: absolute;
5412     right: 0;
5413     width: 8px; }
5414
5415   .datepicker tr td.start-date:last-child:focus .show-date:after,
5416   .datepicker tr td.end-date:last-child:focus .show-date:after,
5417   .datepicker tr td.between-date:last-child:focus .show-date:after,
5418   .datepicker tr td.start-date:first-child:focus .show-date:after,
5419   .datepicker tr td.end-date:first-child:focus .show-date:after,
5420   .datepicker tr td.between-date:first-child:focus .show-date:after {
5421     height: 30px;
5422     width: 30px;
5423     background-color: transparent; }
5424
5425   .datepicker td.active:not(.new) .show-date,
5426   .datepicker td.active:hover:not(.new) .show-date {
5427     color: #0568ae;
5428     font-family: "Omnes-ECOMP-W02-Medium", Arial; }
5429
5430   .datepicker td.disabled .show-date,
5431   .datepicker td.disabled:hover .show-date {
5432     font-family: "Omnes-ECOMP-W02", Arial;
5433     color: #5a5a5a; }
5434
5435   .datepicker td span {
5436     display: block;
5437     width: 23%;
5438     height: 54px;
5439     line-height: 54px;
5440     float: left;
5441     margin: 1%;
5442     cursor: pointer;
5443     border-radius: 4px; }
5444
5445   .datepicker td span:hover {
5446     background: #eeeeee; }
5447
5448   .datepicker td span.disabled,
5449   .datepicker td span.disabled:hover {
5450     background: none;
5451     color: #5a5a5a;
5452     cursor: default; }
5453
5454   .datepicker td span.active,
5455   .datepicker td span.active:hover,
5456   .datepicker td span.active.disabled {
5457     color: #ffffff;
5458     background-color: #0568ae;
5459     border-color: #357ebd; }
5460
5461   .datepicker th.datepicker-switch {
5462     width: 198px;
5463     font-size: 20px;
5464     font-weight: normal;
5465     cursor: default !important; }
5466
5467   .datepicker thead tr:first-child th,
5468   .datepicker tfoot tr th {
5469     cursor: pointer;
5470     height: 60px;
5471     line-height: 60px; }
5472
5473   .datepicker tfoot tr th {
5474     height: auto;
5475     line-height: normal; }
5476
5477   .datepicker tfoot tr th li {
5478     margin-bottom: 5px; }
5479
5480   .datepicker .prev,
5481   .datepicker .next {
5482     color: transparent;
5483     font-size: 0;
5484     margin: 0 -1px -1px 0;
5485     width: 46px; }
5486
5487   .datepicker .prev i,
5488   .datepicker .next i {
5489     color: #0568ae;
5490     position: absolute;
5491     font-size: 27px;
5492     margin: 0;
5493     top: 15px; }
5494
5495   .datepicker .prev i {
5496     left: 8px; }
5497
5498   .datepicker .next i {
5499     right: 8px; }
5500
5501   .datepicker .cw {
5502     font-size: 5px;
5503     width: 12px;
5504     padding: 0 2px 0 5px;
5505     vertical-align: middle; }
5506
5507   .datepicker thead tr:first-child th.cw {
5508     cursor: default;
5509     background-color: transparent; }
5510
5511   .input-group.date .input-group-addon i {
5512     cursor: pointer;
5513     width: 16px;
5514     height: 16px; }
5515
5516   .datepicker.dropdown-menu {
5517     box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
5518     position: absolute;
5519     top: 100%;
5520     left: 0;
5521     float: left;
5522     display: none;
5523     margin-top: 13px;
5524     width: 290px;
5525     list-style: none;
5526     background-color: #ffffff;
5527     border: 1px solid #d2d2d2;
5528     border: 1px solid rgba(0, 0, 0, 0.2);
5529     border-radius: 5px;
5530     color: #333333;
5531     font-size: 13px;
5532     line-height: 1.428571429;
5533     z-index: 1050; }
5534
5535   .datepicker.dropdown-menu th,
5536   .datepicker.dropdown-menu td {
5537     display: block;
5538     float: left;
5539     padding: 0;
5540     position: relative; }
5541
5542   .datepicker .due-date .show-date {
5543     font-family: "Omnes-ECOMP-W02-Medium", Arial;
5544     background-color: #cf2a2a;
5545     border-radius: 5px;
5546     color: #fff !important; }
5547
5548   .datepicker .day.active .show-date:after,
5549   .datepicker .day:focus .show-date:after,
5550   .datepicker .due-date.disabled .show-date:after {
5551     border: 2px solid #0568ae;
5552     border-radius: 7px;
5553     content: "";
5554     display: block;
5555     height: 30px;
5556     left: 4px;
5557     position: absolute;
5558     top: 0;
5559     width: 30px; }
5560
5561   .datepicker .day:focus .show-date:after {
5562     height: 30px;
5563     left: 4px;
5564     top: 0;
5565     width: 30px; }
5566
5567   .datepicker .day.due-date:focus .show-date:after {
5568     height: 30px;
5569     left: 4px;
5570     top: 0;
5571     width: 30px; }
5572
5573   .datepicker .due-date.old:after,
5574   .datepicker .due-date.new:after {
5575     visibility: hidden; }
5576
5577   .datepicker .due-date.active:after {
5578     border-color: #fff; }
5579
5580   .datepicker .due-date.active.focused {
5581     color: #0568ae !important; }
5582
5583   .datepicker .due-date.active.focused:after {
5584     border-color: #cf2a2a !important; }
5585
5586   .datepicker .dow {
5587     height: 24px;
5588     width: 42px;
5589     font-weight: normal;
5590     position: relative;
5591     overflow: hidden;
5592     color: transparent;
5593     letter-spacing: -6px;
5594     margin: 0 -1px -1px 0; }
5595
5596   .datepicker .dow span[aria-hidden="true"] {
5597     bottom: 0;
5598     color: #5a5a5a;
5599     display: block;
5600     left: 1px;
5601     letter-spacing: 0;
5602     line-height: .9;
5603     margin: 0 auto;
5604     padding: 0;
5605     position: relative;
5606     width: 22px; }
5607
5608   .datepicker .calendar-legend {
5609     margin-top: 3px;
5610     margin-bottom: 20px; }
5611
5612   .datepicker .calendar-legend li {
5613     font-size: 1.4rem;
5614     font-weight: normal;
5615     margin-bottom: 5px;
5616     padding-left: 10px;
5617     padding-top: 5px;
5618     position: relative; }
5619
5620   .datepicker i.legend-due-date {
5621     background-color: #cf2a2a;
5622     border-radius: 5px;
5623     height: 18px;
5624     width: 18px;
5625     margin-right: 8px;
5626     vertical-align: middle;
5627     display: inline-block; }
5628
5629   .datepicker i.legend-selected-date {
5630     background-color: #fff;
5631     border: 2px solid #0568ae;
5632     border-radius: 5px;
5633     height: 18px;
5634     width: 18px;
5635     margin-right: 8px;
5636     vertical-align: middle;
5637     display: inline-block; }
5638
5639   .datepicker i.legend-selectedisdue {
5640     background-color: #fff;
5641     border: 2px solid #0568ae;
5642     border-radius: 5px;
5643     display: inline-block;
5644     height: 18px;
5645     margin-right: 8px;
5646     position: relative;
5647     vertical-align: middle;
5648     width: 18px; }
5649
5650   .datepicker i.legend-selectedisdue:after {
5651     background-color: #cf2a2a;
5652     border-radius: 3px;
5653     content: "";
5654     display: block;
5655     height: 10px;
5656     left: 2px;
5657     position: absolute;
5658     top: 2px;
5659     width: 10px; }
5660
5661   .datepicker .text-left {
5662     width: 100%; }
5663
5664   .datepicker .active.old {
5665     background-color: #ededed !important;
5666     color: #ededed !important; }
5667
5668   .s,
5669   .m,
5670   .t,
5671   .w,
5672   .f,
5673   .d,
5674   .l,
5675   .v,
5676   .j {
5677     display: block;
5678     height: 20px;
5679     width: 12px;
5680     margin: 0 auto;
5681     background-color: white;
5682     background-repeat: no-repeat; }
5683
5684   .s {
5685     background-position: -62px 0; }
5686
5687   .m {
5688     background-position: -5px 0; }
5689
5690   .t {
5691     background-position: -19px 0; }
5692
5693   .w {
5694     background-position: -34px 0; }
5695
5696   .f {
5697     background-position: -49px 0; }
5698
5699   /* spanish */
5700   .d {
5701     background-position: 0 0; }
5702
5703   .l {
5704     background-position: 0 0; }
5705
5706   .v {
5707     background-position: 0 0; }
5708
5709   .j {
5710     background-position: 0 0; }
5711
5712   .datepicker-container {
5713     position: relative; }
5714
5715   .btn-calendar-icon:focus .icon-primary-calendar {
5716     outline: 1px dotted #191919; }
5717
5718   .btn-calendar-icon:focus {
5719     outline: none; }
5720
5721   /* remove focus outline when dropdown is opened */
5722   /*resolve blue focus outline over dropdown with error*/
5723   select {
5724     margin-right: -1;
5725
5726     height: 36px;
5727     line-height: 25px;
5728
5729     background-color: #95959521; }
5730
5731   .selectWrap.disabled .icon-primary-down {
5732     color: #d6d6d6; }
5733
5734   .selectWrap.disabled input.awd-select {
5735     z-index: 0;
5736     padding: 10px 45px 10px 15px;
5737     text-indent: 0; }
5738
5739   .selectWrap.disabled button.awd-select {
5740     z-index: 0;
5741     text-indent: 15px; }
5742
5743   .selectWrap.disabled:after {
5744     color: #5A5A5A;
5745     cursor: not-allowed; }
5746
5747   input.awd-select {
5748     background-color: transparent;
5749     border: 1px solid #d2d2d2;
5750     border-radius: 6px;
5751     box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
5752     color: #333333;
5753     display: block;
5754     font-family: "Omnes-ECOMP-W02", Arial;
5755     /*font-size: 1.6rem;*/
5756     height: 36px;
5757     line-height: 0;
5758     margin-bottom: 0;
5759     position: relative;
5760     text-align: left;
5761     top: 0;
5762     width: 100%;
5763     z-index: 10;
5764     padding: 12px 45px 8px 15px;
5765     user-select: none; }
5766     input.awd-select:focus {
5767       border-color: #0568ae !important;
5768       text-overflow: ellipsis;
5769       padding-right: 45px; }
5770
5771   button.awd-select {
5772     background-color: transparent;
5773     border: 1px solid #d2d2d2;
5774     border-radius: 6px;
5775     box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
5776     color: #333333;
5777     display: block;
5778     font-family: "Omnes-ECOMP-W02", Arial;
5779     /*font-size: 1.6rem;*/
5780     height: 36px;
5781     line-height: 36px;
5782     margin-bottom: 0;
5783     position: relative;
5784     text-align: left;
5785     top: 0;
5786     width: 100%;
5787     z-index: 10; }
5788     button.awd-select:not(.large) {
5789       text-indent: 15px;
5790       white-space: nowrap;
5791       overflow: hidden;
5792       text-overflow: clip;
5793       text-overflow: ellipsis; }
5794     button.awd-select img {
5795       height: 26px;
5796       margin-right: 7px;
5797       margin-top: -10px;
5798       position: relative;
5799       top: 2px;
5800       vertical-align: text-bottom; }
5801     button.awd-select:focus {
5802       border-color: #0568ae !important; }
5803     button.awd-select i {
5804       font-size: 23px;
5805       position: absolute;
5806       right: 33px;
5807       top: 5px;
5808       z-index: 1000; }
5809
5810   button.awd-select.large {
5811     align-items: center;
5812     display: flex;
5813     height: 60px;
5814     line-height: 20px;
5815     overflow: hidden;
5816     padding-left: 70px;
5817     vertical-align: middle; }
5818     button.awd-select.large img {
5819       height: 40px;
5820       left: 20px;
5821       position: absolute;
5822       top: 20px;
5823       width: 40px; }
5824
5825   .selectWrap.large {
5826     height: 60px; }
5827     .selectWrap.large .awd-select-list-item {
5828       align-items: center;
5829       display: flex;
5830       height: 60px;
5831       line-height: 20px;
5832       overflow: hidden;
5833       padding-left: 70px;
5834       vertical-align: middle; }
5835       .selectWrap.large .awd-select-list-item img {
5836         height: 40px;
5837         left: 20px;
5838         position: absolute;
5839         top: 20px;
5840         width: 40px;
5841         top: 10px; }
5842
5843         .inputWrap {
5844     border-radius: 6px;
5845     position: relative;
5846     height: 36px;
5847     line-height: 44px;
5848     display: block;
5849     margin: 0;
5850     }
5851
5852   button.awd-select.active {
5853     border-radius: 6px 6px 0 0; }
5854     button.awd-select.active:focus {
5855       border-color: #d2d2d2 !important; }
5856
5857   input.awd-select.active {
5858     border-radius: 6px 6px 0 0; }
5859     input.awd-select.active:focus {
5860       border-color: #d2d2d2 !important; }
5861
5862   .selectWrapper {
5863     position: relative; }
5864
5865   span.selectWrap input[readonly]:focus {
5866     color: transparent;
5867     text-shadow: 0 0 0 #000; }
5868
5869   .isIE.ds2-no-colors .awd-select:focus {
5870     outline: 1px dashed transparent; }
5871
5872   .awd-select-list {
5873     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
5874     border-radius: 0 0 6px 6px;
5875     position: absolute;
5876     border: 1px solid #d2d2d2;
5877     border-top: 0;
5878     padding: 0;
5879     background-color: #f2f2f2;
5880     z-index: 1000;
5881     width: 100%;
5882     max-height: 320px;
5883     overflow-y: auto; }
5884
5885   .awd-select-list-item {
5886     cursor: pointer;
5887     height: 100%;
5888     min-height: 36px;
5889     line-height: 20px;
5890     overflow: hidden;
5891     padding: 8px 15px;
5892     position: relative;
5893     z-index: 1000; }
5894     .awd-select-list-item:hover {
5895       cursor: pointer;
5896       background-color: #d2d2d2;
5897       outline: 1px dashed transparent; }
5898     .awd-select-list-item:focus {
5899       cursor: pointer;
5900       background-color: #d2d2d2;
5901       outline: 1px dashed transparent; }
5902     .awd-select-list-item img {
5903       margin-top: 0;
5904       margin-right: 7px;
5905       height: 26px;
5906       width: 26px; }
5907
5908   .selectWrap {
5909     border-radius: 6px;
5910     position: relative;
5911     height: 36px;
5912     line-height: 28px;
5913     display: block;
5914     margin: 0;
5915     background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
5916     background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
5917     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
5918     .selectWrap:not(.large) .awd-select-list-item:first-child {
5919       margin-top: 15px; }
5920     .selectWrap:not(.large) .awd-select-list-item:last-child {
5921       margin-bottom: 15px; }
5922     .selectWrap .icon-primary-down {
5923       font-size: 23px;
5924       margin-top: -11px;
5925       position: absolute;
5926       right: 4px;
5927       top: 50%; }
5928     .selectWrap + [aria-expanded="true"] {
5929       padding-bottom: 9px;
5930       padding-top: 20px; }
5931
5932   .awd-select-list-item[data-hover="true"] {
5933     background-color: #d2d2d2; }
5934
5935   span input.awd-select {
5936     width: 100%;
5937     cursor: pointer;
5938     text-overflow: ellipsis;
5939     padding-right: 45px; }
5940
5941   li.optgroup-wrapper {
5942     font-family: "Omnes-ECOMP-W02-Medium", Arial;
5943     cursor: default !important;
5944     padding: 0px 15px; }
5945     li.optgroup-wrapper:first-child {
5946       padding-top: 10px; }
5947     li.optgroup-wrapper:hover {
5948       background-color: #f2f2f2; }
5949
5950   ul.optgroup {
5951     font-family: "Omnes-ECOMP-W02", Arial;
5952     cursor: pointer !important;
5953     margin: 0 -15px; }
5954     ul.optgroup li {
5955       padding: 0 0 0 33px; }
5956
5957   label + .selectWrap {
5958     margin-top: 4px; }
5959
5960   .selectorModule {
5961     border-radius: 6px;
5962     position: relative;
5963     height: 36px;
5964     line-height: 28px;
5965     display: block;
5966     margin: 0;
5967     background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
5968     background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
5969     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
5970
5971   .group .selectWrap {
5972     margin: 0 0 10px 0; }
5973
5974   select.awd-select {
5975     position: relative;
5976     top: 0;
5977     left: 0;
5978     font-size: 16px;
5979     z-index: 1010;
5980     height: 33px;
5981     min-width: 100%;
5982     opacity: 0.01; }
5983     select.awd-select > optgroup {
5984       padding-left: 8px;
5985       font-style: normal;
5986       margin-top: 10px; }
5987       select.awd-select > optgroup:first-child {
5988         margin-top: 0; }
5989       select.awd-select > optgroup > option {
5990         padding-left: 8px; }
5991     select.awd-select > option {
5992       padding-left: 8px; }
5993     select.awd-select + span {
5994       background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
5995       background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
5996       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0);
5997       position: absolute;
5998       top: 0;
5999       left: 0;
6000       z-index: 0;
6001       display: block;
6002       border: 1px solid #d2d2d2;
6003       border-radius: 6px;
6004       height: 35px;
6005       line-height: 0;
6006       padding: 18px 45px 15px 15px;
6007       width: 100%;
6008       font-size: 1.6rem;
6009       padding-right: 45px;
6010       white-space: nowrap;
6011       overflow: hidden;
6012       text-overflow: ellipsis; }
6013       select.awd-select + span > i {
6014         font-size: 23px;
6015         position: absolute;
6016         right: 33px;
6017         top: 5px;
6018         z-index: 1000; }
6019         select.awd-select + span > i:before {
6020           left: 1px;
6021           position: absolute;
6022           top: -1px; }
6023     select.awd-select:focus + span {
6024       border-color: #0568ae; }
6025
6026   .isIE select.awd-select + span {
6027     line-height: 1; }
6028
6029   [data-default-option="true"] {
6030     color: #767676 !important;
6031     font-family: "Omnes-ECOMP-W02-Italic", Arial; }
6032
6033   .placeholdercolor {
6034     color: #767676 !important;
6035     font-family: "Omnes-ECOMP-W02-Italic", Arial; }
6036
6037   .filterTank button.awd-select {
6038     border-color: #d2d2d2;
6039     background-color: #333333;
6040     color: #FFFFFF;
6041     color: #333333; }
6042     .filterTank button.awd-select:after {
6043       background-color: #FFFFFF !important;
6044       border-color: #d2d2d2; }
6045
6046   .utility-bg button.awd-select {
6047     border-color: #d2d2d2;
6048     background-color: #333333;
6049     color: #FFFFFF;
6050     color: #333333; }
6051     .utility-bg button.awd-select:after {
6052       background-color: #FFFFFF !important;
6053       border-color: #d2d2d2; }
6054
6055   .utility-bg select.awd-select + span {
6056     border-color: #d2d2d2;
6057     border-color: #d2d2d2;
6058     background-color: #333333;
6059     background-color: #333333;
6060     color: #FFFFFF;
6061     color: #FFFFFF; }
6062     .utility-bg select.awd-select + span:after {
6063       background-color: #FFFFFF !important;
6064       background-color: #FFFFFF !important;
6065       border-color: #d2d2d2;
6066       border-color: #d2d2d2; }
6067
6068   .utility-bg select.awd-select:focus + span {
6069     border-color: #d2d2d2;
6070     border-color: #d2d2d2;
6071     background-color: #333333;
6072     background-color: #333333;
6073     color: #FFFFFF;
6074     color: #FFFFFF; }
6075     .utility-bg select.awd-select:focus + span:after {
6076       background-color: #FFFFFF !important;
6077       background-color: #FFFFFF !important;
6078       border-color: #d2d2d2;
6079       border-color: #d2d2d2; }
6080
6081   .utility-bg select.awd-select:hover + span {
6082     border-color: #d2d2d2;
6083     border-color: #d2d2d2;
6084     background-color: #333333;
6085     background-color: #333333;
6086     color: #FFFFFF;
6087     color: #FFFFFF; }
6088     .utility-bg select.awd-select:hover + span:after {
6089       background-color: #FFFFFF !important;
6090       background-color: #FFFFFF !important;
6091       border-color: #d2d2d2;
6092       border-color: #d2d2d2; }
6093
6094   input.awd-select[disabled] {
6095     cursor: not-allowed;
6096     border-color: #d2d2d2;
6097     background-color: #d2d2d2;
6098     background-image: none;
6099     color: #5A5A5A; }
6100     input.awd-select[disabled] + span {
6101       cursor: not-allowed;
6102       border-color: #d2d2d2;
6103       background-color: #d2d2d2;
6104       background-image: none;
6105       color: #5A5A5A; }
6106
6107   button.awd-select[disabled] {
6108     cursor: not-allowed;
6109     border-color: #d2d2d2;
6110     background-color: #d2d2d2;
6111     background-image: none;
6112     color: #5A5A5A; }
6113     button.awd-select[disabled]:after {
6114       background-color: #d2d2d2 !important;
6115       border-color: #d2d2d2; }
6116
6117   select.awd-select[disabled] + span {
6118     cursor: not-allowed;
6119     border-color: #d2d2d2;
6120     background-color: #d2d2d2;
6121     background-image: none;
6122     color: #5A5A5A; }
6123     select.awd-select[disabled] + span:after {
6124       background-color: #d2d2d2 !important;
6125       border-color: #d2d2d2; }
6126
6127   select.awd-select[disabled]:focus + span {
6128     cursor: not-allowed;
6129     border-color: #d2d2d2;
6130     background-color: #d2d2d2;
6131     background-image: none;
6132     color: #5A5A5A; }
6133
6134   select.awd-select[disabled]:hover + span {
6135     cursor: not-allowed;
6136     border-color: #d2d2d2;
6137     background-color: #d2d2d2;
6138     background-image: none;
6139     color: #5A5A5A; }
6140
6141   input.awd-select[disabled="disabled"] {
6142     cursor: not-allowed;
6143     border-color: #d2d2d2;
6144     background-color: #d2d2d2;
6145     background-image: none;
6146     color: #5A5A5A; }
6147     input.awd-select[disabled="disabled"] + span {
6148       cursor: not-allowed;
6149       border-color: #d2d2d2;
6150       background-color: #d2d2d2;
6151       background-image: none;
6152       color: #5A5A5A; }
6153
6154   select.awd-select[disabled="disabled"] + span {
6155     cursor: not-allowed;
6156     border-color: #d2d2d2;
6157     background-color: #d2d2d2;
6158     background-image: none;
6159     color: #5A5A5A; }
6160     select.awd-select[disabled="disabled"] + span:after {
6161       background-color: #d2d2d2 !important;
6162       border-color: #d2d2d2; }
6163
6164   select.awd-select[disabled="disabled"]:focus + span {
6165     cursor: not-allowed;
6166     border-color: #d2d2d2;
6167     background-color: #d2d2d2;
6168     background-image: none;
6169     color: #5A5A5A; }
6170     select.awd-select[disabled="disabled"]:focus + span:after {
6171       background-color: #d2d2d2 !important;
6172       border-color: #d2d2d2; }
6173
6174   select.awd-select[disabled="disabled"]:hover + span {
6175     cursor: not-allowed;
6176     border-color: #d2d2d2;
6177     background-color: #d2d2d2;
6178     background-image: none;
6179     color: #5A5A5A; }
6180     select.awd-select[disabled="disabled"]:hover + span:after {
6181       background-color: #d2d2d2 !important;
6182       border-color: #d2d2d2; }
6183
6184   .ddexpand-wrapper > h2 {
6185     margin-bottom: 11px; }
6186     .ddexpand-wrapper > h2 + p {
6187       margin-bottom: 4px; }
6188
6189   .ddexpand-wrapper .selectWrap + [aria-expanded="true"] .form-row {
6190     margin-top: 11px; }
6191
6192   .ddexpand-wrapper .selectWrap + [aria-expanded="true"] .row + .row .form-row {
6193     margin-top: 14px; }
6194
6195   .modal .awd-select-list {
6196     z-index: 1060 !important; }
6197
6198   .form-row.error button.awd-select.active:focus {
6199     border-color: #cf2a2a !important; }
6200
6201   .form-row.error input.awd-select.active:focus {
6202     border-color: #cf2a2a !important; }
6203
6204   .awd-module-list .module-list-item[aria-selected="true"] {
6205     background-color: #f2f2f2; }
6206
6207   li.module-list-item[aria-selected="true"]:before {
6208     color: #0568ae;
6209     display: inline-block;
6210     font-family: "icoControls" !important;
6211     font-style: normal;
6212     font-size: 20px;
6213     font-weight: normal;
6214     font-variant: normal;
6215     height: 1em;
6216     margin-right: 7px;
6217     text-transform: none;
6218     line-height: 1;
6219     -webkit-font-smoothing: antialiased;
6220     -moz-osx-font-smoothing: grayscale;
6221     position: relative;
6222     speak: none;
6223     -webkit-user-select: none;
6224     -moz-user-select: none;
6225     -ms-user-select: none;
6226     user-select: none;
6227     vertical-align: middle;
6228     width: 1em;
6229     content: "\e907";
6230     box-sizing: border-box;
6231     display: inline-block;
6232     font-size: 2em;
6233     height: 1em;
6234     position: absolute;
6235     top: 20px;
6236     right: 0px;
6237     vertical-align: middle;
6238     width: 1em;
6239     color: #007a3e; }
6240
6241   @media (min-width: 768px) {
6242     span[class*="large"] {
6243       max-width: 370px; }
6244     .large {
6245       max-width: 370px; } }
6246
6247   @media (max-width: 767px) {
6248     .selectWrap.large:after {
6249       right: 5px; }
6250     .selectWrap.large .awd-select-list-item {
6251       padding-right: 41px; }
6252     .selectWrap + div > h4 {
6253       margin-bottom: 0;
6254       font-size: 16px; } }
6255
6256   /**********************Dropdown Chrome scrolling fix start ********************/
6257   input.awd-select {
6258     -webkit-user-select: text;
6259     -moz-user-select: text;
6260     -ms-user-select: text;
6261     user-select: text; }
6262
6263   /**********************Dropdown Chrome scrolling fix end ********************/
6264   .mpc-expanders {
6265     border-bottom: 1px solid #e4e4e4;
6266     border-top: 1px solid #e4e4e4; }
6267
6268   .mpc-expanders + .mpc-expanders {
6269     border-top: 0px; }
6270
6271   .mpc-expanders .heading-medium {
6272     margin-bottom: 10px; }
6273
6274   .mpc-expanders .p-small {
6275     margin-top: 5px; }
6276
6277   .mpc-expander-body {
6278     border-top: 1px solid #e4e4e4; }
6279
6280   .mpc-expander-body .mpc-expanders {
6281     border-bottom: 1px solid #e4e4e4;
6282     border-top: 0; }
6283
6284   .mpc-expander-body .mpc-expanders:last-child {
6285     border-bottom: 0px; }
6286
6287   .ddh-blue {
6288     color: #0574ac; }
6289
6290   .b2b-dragdrop {
6291     border: 1px dashed #bbb;
6292     border-radius: 5px;
6293     padding: 0;
6294     text-align: center;
6295     color: #bbb;
6296     position: relative; }
6297
6298   .b2b-dragdrop-over {
6299     background: #0091d9;
6300     color: #006496; }
6301     .b2b-dragdrop-over:after {
6302       content: "Drop the file";
6303       color: #fff;
6304       width: 80px;
6305       height: 20px;
6306       overflow: hidden;
6307       margin: auto;
6308       position: absolute;
6309       top: 0;
6310       left: 0;
6311       bottom: 0;
6312       right: 0; }
6313
6314   .b2b-file-container {
6315     position: relative;
6316     overflow: hidden;
6317     display: inline-table;
6318     font-weight: 400; }
6319     .b2b-file-container [type=file] {
6320       position: absolute;
6321       cursor: inherit;
6322       display: block;
6323       font-size: 0;
6324       opacity: 0;
6325       height: 0;
6326       width: 0;
6327       left: 0;
6328       top: 0;
6329       -ms-filter: "alpha(Opacity=0)"; }
6330
6331   .b2b-upload-link {
6332     color: #0568ae; }
6333
6334   .b2b-flyout {
6335     position: relative;
6336     display: inline-block;
6337     cursor: default; }
6338
6339   .b2b-flyout-icon {
6340     cursor: pointer; }
6341     .b2b-flyout-icon:focus {
6342       outline: thin dotted #666;
6343       outline-offset: -1px; }
6344
6345   .b2b-flyout .b2b-flyout-container {
6346     border: 1px solid #d3d3d3;
6347     width: 300px;
6348     padding: 20px;
6349     pointer-events: auto;
6350     -webkit-box-sizing: border-box;
6351     -moz-box-sizing: border-box;
6352     box-sizing: border-box;
6353     font-size: 16px;
6354     -webkit-transition: opacity .2s ease-out;
6355     -moz-transition: opacity .2s ease-out;
6356     transition: opacity .2s ease-out;
6357     background: #fff;
6358     border-radius: 6px;
6359     box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
6360     color: #333;
6361     line-height: 20px;
6362     position: absolute;
6363     top: 35px;
6364     opacity: 0;
6365     z-index: 1010;
6366     display: none; }
6367     .b2b-flyout .b2b-flyout-container.open-flyout {
6368       opacity: 1;
6369       display: block; }
6370
6371   .b2b-flyout i.b2b-flyout-caret {
6372     position: absolute;
6373     top: -8px;
6374     left: 50%;
6375     opacity: 0;
6376     z-index: 1011;
6377     display: none; }
6378     .b2b-flyout i.b2b-flyout-caret.open-flyout {
6379       opacity: 1;
6380       display: block; }
6381     .b2b-flyout i.b2b-flyout-caret:before {
6382       content: "";
6383       border-left: 8px solid transparent;
6384       border-right: 8px solid transparent;
6385       border-bottom: 8px solid #d3d3d3;
6386       position: absolute;
6387       top: -1px; }
6388     .b2b-flyout i.b2b-flyout-caret:after {
6389       content: "";
6390       border-left: 8px solid transparent;
6391       border-right: 8px solid transparent;
6392       border-bottom: 8px solid #fff;
6393       position: absolute; }
6394
6395   .b2b-flyout .b2b-flyout-container.b2b-flyout-left i.b2b-flyout-caret {
6396     left: 16px !important; }
6397
6398   .b2b-flyout .b2b-flyout-container.b2b-flyout-right i.b2b-flyout-caret {
6399     left: inherit !important;
6400     right: 30px !important; }
6401
6402   .b2b-flyout .b2b-flyout-container.b2b-flyout-above {
6403     box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.25); }
6404     .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret {
6405       top: auto;
6406       bottom: 0px; }
6407       .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:before {
6408         top: auto;
6409         bottom: -9px;
6410         border-top: 8px solid #d3d3d3;
6411         border-bottom: none; }
6412       .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:after {
6413         border-top: 8px solid #fff;
6414         border-bottom: none; }
6415
6416   .b2b-flyout .b2b-flyout-container.b2b-flyout-centerLeft i.b2b-flyout-caret {
6417     left: inherit !important;
6418     right: -7px !important;
6419     top: 8px;
6420     transform: rotate(90deg); }
6421
6422   .b2b-flyout .b2b-flyout-container.b2b-flyout-centerRight i.b2b-flyout-caret {
6423     left: -8px !important;
6424     top: 296px;
6425     transform: rotate(-90deg); }
6426
6427   .b2b-flyout .buttons-group {
6428     margin-top: 20px; }
6429     .b2b-flyout .buttons-group .cta-button-group {
6430       width: 100%;
6431       border-top: 1px solid #ccc;
6432       padding: 20px 0 0; }
6433       .b2b-flyout .buttons-group .cta-button-group button {
6434         margin-bottom: 0; }
6435
6436   .b2b-flyout .heading {
6437     font-size: 20px;
6438     margin-bottom: 10px; }
6439
6440   .b2b-flyout .body-text {
6441     font-size: 14px;
6442     margin-bottom: 30px; }
6443
6444   .b2b-footer-wrapper {
6445     width: 100%;
6446     background-color: #222; }
6447
6448   .b2b-footer-container {
6449     width: 980px;
6450     margin: 0 auto;
6451     padding-top: 15px; }
6452     .b2b-footer-container .footer-columns {
6453       display: inline-block;
6454       text-align: left;
6455       vertical-align: top; }
6456       .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
6457         padding-top: 30px; }
6458       .b2b-footer-container .footer-columns.three-column {
6459         width: 33.3%;
6460         padding-left: 75px; }
6461       .b2b-footer-container .footer-columns.four-column {
6462         width: 25%;
6463         padding-left: 75px; }
6464       .b2b-footer-container .footer-columns.five-column {
6465         width: 20%; }
6466       .b2b-footer-container .footer-columns .b2b-footer-header {
6467         color: #009fdb;
6468         font-size: 18px;
6469         font-style: normal;
6470         font-family: "Omnes-ECOMP-W02-Medium", Arial;
6471         line-height: 23.9px;
6472         margin: 0; }
6473       .b2b-footer-container .footer-columns li {
6474         padding: 7.5px 0; }
6475       .b2b-footer-container .footer-columns ul li:first-child {
6476         padding-top: 15px; }
6477       .b2b-footer-container .footer-columns li a {
6478         color: #fff;
6479         font-size: 16px;
6480         font-family: "Omnes-ECOMP-W02", Arial; }
6481     .b2b-footer-container .footer-nav-content {
6482       padding-bottom: 10px; }
6483       .b2b-footer-container .footer-nav-content li {
6484         display: inline;
6485         font-size: 14px;
6486         color: #fff;
6487         vertical-align: middle; }
6488         .b2b-footer-container .footer-nav-content li a {
6489           color: #fff;
6490           font-size: 14px;
6491           vertical-align: middle;
6492           margin-right: 5px;
6493           font-family: "Omnes-ECOMP-W02", Arial; }
6494
6495   .b2b-footer-wrapper .b2b-footer-container hr {
6496     background: #d2d2d2;
6497     margin-top: 50px; }
6498
6499   .b2b-footer-wrapper .divider-bottom-footer {
6500     padding: 45px 0 50px 0; }
6501
6502   .b2b-footer-wrapper .footerLogo {
6503     margin: 10px 0 0 0px;
6504     vertical-align: top; }
6505     .b2b-footer-wrapper .footerLogo div {
6506       display: inline-block; }
6507     .b2b-footer-wrapper .footerLogo .icon-primary-att-globe {
6508       font-size: 40px; }
6509     .b2b-footer-wrapper .footerLogo .logo-title {
6510       color: #fff;
6511       margin-left: 10px;
6512       display: inline-block;
6513       font-size: 26px;
6514       margin-top: 0px; }
6515
6516   .b2b-footer-wrapper .copyright-text {
6517     color: #fff;
6518     font-size: 11px;
6519     text-align: left;
6520     font-family: "Omnes-ECOMP-W02", Arial; }
6521     .b2b-footer-wrapper .copyright-text a {
6522       color: #fff;
6523       text-decoration: underline;
6524       display: inline-block; }
6525       .b2b-footer-wrapper .copyright-text a:hover {
6526         text-decoration: none; }
6527
6528   @media (max-width: 768px) {
6529     .b2b-footer-wrapper {
6530       padding: 0 15px; }
6531     .b2b-footer-container {
6532       width: 100%; }
6533       .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
6534         width: 50%; }
6535     .b2b-footer-wrapper .divider-bottom-footer {
6536       padding-top: 15px; }
6537       .b2b-footer-wrapper .divider-bottom-footer .footer-links {
6538         width: 100%; }
6539     .b2b-footer-wrapper .footerLogo {
6540       margin: 30px 0 0 0; }
6541       .b2b-footer-wrapper .footerLogo .footer-logo {
6542         margin: 0;
6543         padding-left: 10px; } }
6544
6545   .b2b-header-tabs {
6546     background-color: #222;
6547     width: 100%;
6548     position: relative;
6549     height: 45px; }
6550     .b2b-header-tabs .icon-primary-att-globe {
6551       color: #0568ae; }
6552     .b2b-header-tabs a:focus {
6553       border: 1px solid white; }
6554     .b2b-header-tabs .header__items {
6555       width: 980px;
6556       margin: 0 auto;
6557       display: block;
6558       list-style: none;
6559       padding: 6px 0px 0px 0px;
6560       border-spacing: 30px 0; }
6561     .b2b-header-tabs .header__item {
6562       display: inline-block;
6563       text-align: left;
6564       width: auto;
6565       font-size: 16px;
6566       font-family: "Omnes-ECOMP-W02", Arial;
6567       cursor: pointer;
6568       padding: 5px 15px;
6569       color: #fff; }
6570       .b2b-header-tabs .header__item.b2b-headermenu {
6571         padding: 0; }
6572         .b2b-header-tabs .header__item.b2b-headermenu:last-child {
6573           background: none; }
6574         .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
6575           color: #fff;
6576           text-decoration: none;
6577           display: inline-block;
6578           padding: 5px 15px; }
6579       .b2b-header-tabs .header__item.active {
6580         background-color: #fff;
6581         border-radius: 2px;
6582         border-bottom-left-radius: 0;
6583         border-bottom-right-radius: 0; }
6584         .b2b-header-tabs .header__item.active a.menu__item {
6585           color: #0578ae; }
6586     .b2b-header-tabs li:focus {
6587       outline: 2px solid #0578ae; }
6588     .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
6589       background-color: #fff;
6590       position: absolute;
6591       width: 100%;
6592       left: 0;
6593       top: 42px;
6594       border-bottom: solid 1px #ccc;
6595       -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
6596       -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
6597       box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
6598       display: none;
6599       z-index: 111; }
6600     .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
6601       background-color: #fff;
6602       width: 980px;
6603       margin: 0 auto; }
6604     .b2b-header-tabs .header__item.active .header-secondary-wrapper {
6605       display: block; }
6606     .b2b-header-tabs .header-secondary .header-subitem {
6607       display: inline-block;
6608       width: auto;
6609       margin: 0 15px; }
6610       .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
6611         display: block; }
6612       .b2b-header-tabs .header-secondary .header-subitem a.menu__item {
6613         display: inline-block;
6614         padding: 15px 0;
6615         color: #333; }
6616         .b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
6617           color: #0578ae; }
6618
6619   /** Secondary Menu **/
6620   .b2b-labelhide {
6621     position: absolute;
6622     clip: rect(1px, 1px, 1px, 1px); }
6623
6624   /** Tertiary Level Menu **/
6625   .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
6626     position: absolute;
6627     z-index: 111;
6628     top: 25px; }
6629     .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after, .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
6630       content: '';
6631       border-left: 8px solid transparent;
6632       border-right: 8px solid transparent;
6633       position: absolute;
6634       -webkit-transition: left .2s ease-out;
6635       -moz-transition: left .2s ease-out;
6636       transition: left .2s ease-out; }
6637     .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
6638       border-bottom: 8px solid #fff;
6639       top: 10px; }
6640     .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
6641       border-bottom: 8px solid #ccc;
6642       top: 9px; }
6643
6644   .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
6645     border-top: solid 1px #ccc; }
6646
6647   .b2b-header-tabs .header-tertiary:after {
6648     content: '';
6649     clear: both;
6650     display: block; }
6651
6652   .b2b-header-tabs .header-tertiary li {
6653     display: inline-block;
6654     padding: 0;
6655     float: left; }
6656     .b2b-header-tabs .header-tertiary li a {
6657       color: #333;
6658       display: block;
6659       padding: 10px 15px; }
6660     .b2b-header-tabs .header-tertiary li label {
6661       text-align: left;
6662       display: block;
6663       font-size: 16px;
6664       font-weight: bold;
6665       color: #857B7B;
6666       padding: 15px 0 0 15px; }
6667
6668   .b2b-header-tabs .header__item.skip {
6669     padding: 0;
6670     display: inline-block;
6671     cursor: default !important; }
6672     .b2b-header-tabs .header__item.skip a {
6673       color: transparent;
6674       font-size: 12px;
6675       line-height: 15px;
6676       text-decoration: none; }
6677       .b2b-header-tabs .header__item.skip a:focus {
6678         color: #fff;
6679         outline: 2px solid #0578ae; }
6680
6681   .b2b-header-tabs .selectWrap {
6682     min-width: 150px; }
6683     .b2b-header-tabs .selectWrap button.awd-select {
6684       height: 30px;
6685       line-height: 31px;
6686       font-size: 1rem;
6687       display: inline-block; }
6688     .b2b-header-tabs .selectWrap .awd-select-list {
6689       background-color: #fff;
6690       color: #333;
6691       -webkit-transition: opacity .2s ease-out;
6692       -moz-transition: opacity .2s ease-out;
6693       transition: opacity .2s ease-out;
6694       box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
6695
6696   @media (max-width: 768px) {
6697     .b2b-header-tabs {
6698       padding: 0 15px; }
6699       .b2b-header-tabs .header__items, .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
6700         width: 100%; }
6701       .b2b-header-tabs .header__item {
6702         padding: 5px 0; }
6703       .b2b-header-tabs .globe-text {
6704         display: none; }
6705       .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
6706         padding: 5px 7px 9px 7px; }
6707       .b2b-header-tabs .header__item .header-tertiary-wrapper {
6708         top: 30px; }
6709       .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
6710         top: 14px; }
6711       .b2b-header-tabs .header__item .header-secondary-wrapper {
6712         top: 45px; }
6713       .b2b-header-tabs .header__item.profile {
6714         padding-left: 15px;
6715         float: none; } }
6716
6717   /************* Header - Start *************/
6718   .b2b-header-tabs {
6719     background-color: #222;
6720     width: 100%;
6721     position: relative;
6722     height: 45px; }
6723
6724   .b2b-header-tabs .icon-primary-primary-att-globe {
6725     color: #0568ae;
6726     font-size: 34px;
6727     bottom: 1px; }
6728
6729   /*
6730    *TODO: delete below .icon-primary-att-globel will not be used
6731    *instead the one above, icon-primary-primary-att-globe not available here
6732    */
6733   .b2b-header-tabs .icon-primary-att-globe {
6734     color: #0568ae;
6735     font-size: 34px; }
6736
6737   .b2b-header-tabs .globe-text {
6738     margin-left: 20px;
6739     font-size: 2rem; }
6740
6741   .b2b-header-tabs .header__items {
6742     width: 980px;
6743     margin: 0 auto;
6744     display: block;
6745     list-style: none;
6746     border-spacing: 30px 0;
6747     padding: 3px 0px 0px 0px; }
6748
6749   .b2b-header-tabs .header__item {
6750     display: inline-block;
6751     text-align: left;
6752     width: auto;
6753     font-size: 14px;
6754     font-family: "Omnes-ECOMP-W02", Arial;
6755     cursor: pointer;
6756     padding: 0 15px 4px 15px;
6757     /*margin-top:-3px;*/
6758     color: #fff; }
6759
6760   .b2b-header-tabs .header__item.b2b-headermenu {
6761     padding: 0; }
6762
6763   .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
6764     color: #fff;
6765     text-decoration: none;
6766     display: inline-block;
6767     padding: 8px 15px 12px 15px;
6768     font-size: 16px; }
6769
6770   .b2b-header-tabs .header__item.active {
6771     background-color: #fff;
6772     border-radius: 2px;
6773     border-bottom-left-radius: 0;
6774     border-bottom-right-radius: 0; }
6775
6776   .b2b-header-tabs .header__item.active a.menu__item {
6777     color: #0578ae; }
6778
6779   .b2b-header-tabs li:focus {
6780     outline: 2px solid #0578ae; }
6781
6782   /** profile pop Over **/
6783   .b2b-header-tabs .header__item.profile {
6784     position: relative;
6785     float: right; }
6786
6787   /** Secondary Menu **/
6788   .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
6789     background-color: #fff;
6790     position: absolute;
6791     width: 100%;
6792     left: 0;
6793     top: 42px;
6794     border-bottom: solid 1px #ccc;
6795     -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
6796     -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
6797     box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
6798     display: none;
6799     z-index: 111; }
6800
6801   .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
6802     background-color: #fff;
6803     width: 980px;
6804     margin: 0 auto; }
6805
6806   .b2b-header-tabs .header__item.active .header-secondary-wrapper,
6807   .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
6808     display: block; }
6809
6810   .b2b-header-tabs .header-secondary .header-subitem {
6811     display: inline-block;
6812     width: auto;
6813     margin: 0 15px; }
6814
6815   .b2b-header-tabs .header-secondary .header-subitem a.menu__item {
6816     display: inline-block;
6817     padding: 15px 0;
6818     color: #333;
6819     font-size: 14px; }
6820
6821   .b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
6822     color: #0578ae; }
6823
6824   .b2b-label-hide {
6825     position: absolute;
6826     clip: rect(1px, 1px, 1px, 1px); }
6827
6828   /** Tertiary Level Menu **/
6829   .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after,
6830   .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
6831     content: '';
6832     border-left: 8px solid transparent;
6833     border-right: 8px solid transparent;
6834     position: absolute;
6835     -webkit-transition: left .2s ease-out;
6836     -moz-transition: left .2s ease-out;
6837     transition: left .2s ease-out; }
6838
6839   .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
6840     position: absolute;
6841     z-index: 111;
6842     top: 25px; }
6843
6844   .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
6845     border-bottom: 8px solid #fff;
6846     top: 10px; }
6847
6848   .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
6849     border-bottom: 8px solid #ccc;
6850     top: 9px; }
6851
6852   /** Tertiary Level Menu **/
6853   .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
6854     border-top: solid 1px #ccc; }
6855
6856   .b2b-header-tabs .header-tertiary:after {
6857     content: '';
6858     clear: both;
6859     display: block; }
6860
6861   .b2b-header-tabs .header-tertiary li {
6862     display: inline-block;
6863     padding: 0;
6864     float: left; }
6865
6866   .b2b-header-tabs .header-tertiary li a {
6867     color: #333;
6868     display: block;
6869     padding: 7px 15px;
6870     max-width: 228px; }
6871
6872   .b2b-header-tabs .header-tertiary li label {
6873     text-align: left;
6874     display: block;
6875     font-size: 14px !important;
6876     font-weight: bold;
6877     color: #857B7B;
6878     padding: 15px 0 0 15px; }
6879
6880   /** Quarternary Level Menu **/
6881   .b2b-header-tabs .header-quarternary {
6882     width: 100%;
6883     float: left; }
6884
6885   .b2b-header-tabs .header-quarternary li {
6886     padding-left: 15px;
6887     font-family: "Omnes-ECOMP-W02", Arial;
6888     display: none; }
6889
6890   .b2b-header-tabs .header-quarternary li.active {
6891     display: block; }
6892
6893   .b2b-header-tabs .header-quarternary li a {
6894     color: #666666;
6895     font-size: 14px;
6896     padding: 0px 10px 10px 10px; }
6897
6898   /** Skip Navigation**/
6899   .b2b-header-tabs .header__item.skip {
6900     padding: 0;
6901     display: inline-block;
6902     cursor: default !important; }
6903
6904   .b2b-header-tabs .header__item.skip a {
6905     color: transparent;
6906     font-size: 12px;
6907     line-height: 15px;
6908     text-decoration: none; }
6909
6910   .b2b-header-tabs .header__item.skip a:focus {
6911     color: #fff;
6912     outline: 2px solid #0578ae; }
6913
6914   /** Dropdown css inside Header ****/
6915   .b2b-header-tabs .selectWrap {
6916     min-width: 150px; }
6917
6918   .b2b-header-tabs .selectWrap button.awd-select, .b2b-header-tabs .selectWrap input.awd-select {
6919     height: 36px;
6920     line-height: 31px;
6921     font-size: 1rem;
6922     display: inline-block; }
6923
6924   .b2b-header-tabs .selectWrap .awd-select-list {
6925     background-color: #fff;
6926     color: #333;
6927     -webkit-transition: opacity .2s ease-out;
6928     -moz-transition: opacity .2s ease-out;
6929     transition: opacity .2s ease-out;
6930     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
6931
6932   /*
6933    * responsive header media queries
6934    */
6935   @media screen and (max-width: 1100px) {
6936     .b2b-header-tabs .globe-text {
6937       display: none; }
6938     .b2b-header-tabs .header__item.profile {
6939       padding-left: 15px;
6940       float: none; }
6941     .b2b-header-tabs .header__items {
6942       padding-top: 0px; } }
6943
6944   @media screen and (max-width: 950px) {
6945     .header__item.profile {
6946       top: 20px; }
6947     .b2b-header-tabs {
6948       height: 90px; }
6949     .header__item .selectWrap {
6950       bottom: 15px; }
6951     .b2b-header-tabs .header__items {
6952       padding-top: 25px; }
6953     .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
6954       top: 80px; }
6955     .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
6956       top: 35px; }
6957     .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
6958       padding-bottom: 30px; }
6959     .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
6960       margin-top: -28px; } }
6961
6962   /*************** Header - END ******************/
6963   .hp-container {
6964     display: block;
6965     max-width: 408px; }
6966     .hp-container i:focus {
6967       outline: thin dotted #666; }
6968     .hp-container .icon-misc-pen {
6969       cursor: pointer; }
6970     .hp-container .icon-misc-trash {
6971       cursor: pointer; }
6972
6973   .hp-selected {
6974     border-bottom: 1px solid #ccc;
6975     border-bottom: 1px solid #ccc;
6976     margin-bottom: 16px;
6977     padding-bottom: 16px; }
6978     .hp-selected .selected-days {
6979       padding-bottom: 16px; }
6980       .hp-selected .selected-days .day {
6981         padding-top: 10px;
6982         float: left; }
6983
6984   /* .hp-checkbox {
6985     padding-top: 20px;
6986     margin: 16px auto 0 auto; }
6987     .hp-checkbox label {
6988       position: relative;
6989       width: 20px;
6990       margin-right: 34px; }
6991       .hp-checkbox label span {
6992         position: absolute;
6993         top: -20px;
6994         left: 0px;
6995         margin-left: 0px; } */
6996
6997   .hp-dropdowns {
6998     margin-top: 15px;
6999     display: flex;
7000     display: -webkit-flex;
7001     display: -ms-flexbox; }
7002
7003   .hp-buttons {
7004     margin-top: 20px;
7005     display: flex;
7006     display: -webkit-flex;
7007     display: -ms-flexbox; }
7008
7009   .hp-dropdowns .radio-buttons {
7010     margin-top: 30px; }
7011     .hp-dropdowns .radio-buttons .radio {
7012       margin-right: 15px; }
7013
7014
7015
7016   /* TODO: Build a reference page for these classes */
7017   .font-regular {
7018     font-family: "Omnes-ECOMP-W02", Arial !important; }
7019
7020   .font-light {
7021     font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
7022
7023   .font-italic {
7024     font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
7025
7026   .font-light-italic {
7027     font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
7028
7029   .font-medium {
7030     font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
7031
7032   .font-medium-italic {
7033     font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }
7034
7035   .font-reset {
7036     font-style: normal;
7037     font-variant: normal;
7038     font-weight: normal;
7039     text-transform: none; }
7040
7041   .b2b-nav-menu {
7042     background-color: #efefef;
7043     border: 1px solid #efefef;
7044     width: 230px;
7045     font-size: 1.4rem; }
7046
7047   .b2b-subnav-container > ul {
7048     padding: 0px; }
7049
7050   .b2b-subnav-content {
7051     margin: 0;
7052     margin-bottom: 10px; }
7053
7054   .b2b-subnav-content > li {
7055     border-bottom: 1px solid #999999;
7056     position: relative;
7057     cursor: pointer; }
7058
7059   .b2b-subnav-content > li > a {
7060     text-decoration: none;
7061     line-height: 18px;
7062     display: block;
7063     padding: 10px; }
7064
7065   .b2b-subnav-content > li > a.expand {
7066     color: #333; }
7067
7068   .b2b-subnav-content > li ul {
7069     overflow: hidden;
7070     max-height: 0;
7071     transition-duration: 0.5s;
7072     transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
7073
7074   .b2b-subnav-content > li ul.expand {
7075     transition-duration: 0.7s;
7076     transition-timing-function: ease-in-out;
7077     max-height: 1000px;
7078     overflow: hidden; }
7079
7080   .b2b-subnav-content > li > a:focus, .b2b-subnav-content > li ul > li > a:focus {
7081     outline: thin dotted #666; }
7082
7083   .b2b-subnav-content > li ul > li > a {
7084     line-height: 18px;
7085     padding: 8px 0;
7086     display: block;
7087     outline-offset: -4px;
7088     padding-left: 10px; }
7089
7090   .b2b-icon-primary-plus-minus {
7091     display: inline-block;
7092     height: 20px;
7093     margin-right: 10px;
7094     padding: 0;
7095     position: absolute;
7096     right: 0px;
7097     top: 10px;
7098     vertical-align: middle;
7099     width: 20px; }
7100
7101   @media (min-width: 320px) and (max-width: 767px) {
7102     .b2b-nav-menu {
7103       background-color: #fff;
7104       border: 1px solid white;
7105       width: 100%; }
7106     .b2b-subnav-content > li {
7107       padding-left: 10px; }
7108     .b2b-subnav-container > ul:first-child {
7109       border-top: 1px solid #999; }
7110     .b2b-icon-primary-plus-minus {
7111       right: 10px; }
7112     .b2b-subnav-content > li li > a.active {
7113       color: #0574ac;
7114       text-decoration: none;
7115       font-family: "Omnes-ECOMP-W02", Arial; } }
7116
7117   .b2b-list-box-item {
7118     white-space: nowrap;
7119     margin: 1px;
7120     border: 1px solid transparent;
7121     outline: none;
7122     visibility: inherit;
7123     display: inherit;
7124     text-align: left;
7125     overflow: hidden;
7126     cursor: pointer;
7127     padding: 5px 0 5px;
7128     padding-left: 15px;
7129     -moz-user-select: none;
7130     -webkit-user-select: none;
7131     -ms-user-select: none; }
7132     .b2b-list-box-item:focus {
7133       border: 2px solid #5e8cb3; }
7134
7135   .b2b-list-box-item--selected {
7136     background-color: #cfdde9; }
7137
7138   .btn.disabled[ddh-load-button] {
7139     line-height: 46px;
7140     padding: 0 19px 0 18px; }
7141
7142   .btn.disabled[ddh-load-button] {
7143     color: #666666; }
7144
7145   .icon-primary-spinner-ddh.large {
7146     height: 50px;
7147     width: 50px; }
7148
7149   .icon-primary-spinner-ddh.small {
7150     height: 30px;
7151     width: 30px; }
7152
7153   .icon-primary-spinner-ddh {
7154     -webkit-animation: 1s linear infinite spinner;
7155     animation: 1s linear infinite spinner;
7156     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiIgaWQ9InN2Zy1zcGlubmVyIiB4PSIwcHgiIHk9IjBweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgIDxwYXRoIGZpbGw9IiNGNUY1RjUiIGQ9Ik0xOCAzNkM4LjEgMzYgMCAyNy45IDAgMThTOC4xIDAgMTggMHMxOCA4LjEgMTggMTgtOC4xIDE4LTE4IDE4em0wLTMxLjVjLTcuNSAwLTEzLjUgNi0xMy41IDEzLjVTMTAuNiAzMS41IDE4IDMxLjVjNy41IDAgMTMuNS02LjEgMTMuNS0xMy41IDAtNy41LTYtMTMuNS0xMy41LTEzLjV6Ii8+CiAgIDxwYXRoIGZpbGw9IiMwNTY4QUUiIGlkPSJzcGlubmVyIiBkPSJNMzAuNyA1LjNsLTMuMSAzLjJjMi40IDIuNCAzLjkgNS44IDMuOSA5LjUgMCA3LjQtNi4xIDEzLjUtMTMuNSAxMy41UzQuNSAyNS40IDQuNSAxOCAxMC42IDQuNSAxOCA0LjVWMEM4LjEgMCAwIDguMSAwIDE4czguMSAxOCAxOCAxOCAxOC04LjEgMTgtMThjMC01LTItOS41LTUuMy0xMi43eiIgdHJhbnNmb3JtPSIiPiAgICAgIAogICA8L3BhdGg+Cjwvc3ZnPg==); }
7157
7158   .btn-small .icon-primary-spinner-ddh {
7159     height: 30px !important;
7160     width: 30px !important; }
7161
7162   .btn-small .icon-primary-spinner {
7163     height: 30px;
7164     width: 30px; }
7165
7166   .load-backdrop {
7167     position: absolute;
7168     top: 50%;
7169     left: 50%; }
7170
7171   .small-modal-loader {
7172     width: 420px !important;
7173     height: 212px !important;
7174     text-align: center; }
7175
7176   .small-modal-loader .icon-primary-spinner {
7177     margin-bottom: 5px; }
7178
7179   .body.styled-by-modal {
7180     position: fixed; }
7181
7182   .b2b-modal-backdrop {
7183     position: fixed;
7184     top: 0;
7185     right: 0;
7186     bottom: 0;
7187     left: 0;
7188     z-index: -1; }
7189
7190   .b2b-modal-backdrop.fade {
7191     background-color: #000;
7192     opacity: 0;
7193     filter: alpha(opacity=0);
7194     transition: all 0.3s linear 0s; }
7195
7196   .b2b-modal-backdrop.fade.in {
7197     z-index: 1040;
7198     opacity: 0.7;
7199     filter: alpha(opacity=70);
7200     background-color: #000;
7201     transition: opacity 0.3s linear 0s; }
7202
7203   .modalwrapper {
7204     height: 100%;
7205     width: 100%;
7206     left: 0;
7207     overflow-y: hidden;
7208     position: absolute;
7209     right: 0;
7210     padding: 20px;
7211     top: 0;
7212     z-index: -1; }
7213
7214   .modalwrapper.active {
7215     z-index: 1050;
7216     overflow-y: auto; }
7217
7218   .modal {
7219     background-clip: padding-box;
7220     background-color: #ffffff;
7221     border: 1px solid rgba(0, 0, 0, 0.1);
7222     border-radius: 8px;
7223     box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.4);
7224     margin: 0 auto;
7225     /*margin-bottom:10%;*/
7226     outline: medium none;
7227     /*position: absolute;*/
7228     height: 0;
7229     min-height: 150px;
7230     overflow: hidden;
7231     /*top: 10%;*/
7232     width: 100%;
7233     z-index: -1; }
7234
7235   .modalwrapper.modal-docked .modal {
7236     max-height: 80%;
7237     height: 80%;
7238     overflow: hidden;
7239     top: 0; }
7240
7241   .modal.fade.in {
7242     position: relative;
7243     height: auto;
7244     overflow: auto;
7245     top: 10%;
7246     z-index: 1060;
7247     transition: opacity .5s linear 0s; }
7248
7249   .modal.fade.in.modal-landscape {
7250     overflow-y: auto; }
7251
7252   .modal.fade {
7253     transition: opacity .5s linear 0s; }
7254
7255   .fade.in {
7256     opacity: 1; }
7257
7258   .fade {
7259     opacity: 0; }
7260
7261   .b2b-modal-header {
7262     align-items: center;
7263     border-radius: 8px 8px 0 0;
7264     display: flex;
7265     min-height: 60px;
7266     overflow: hidden;
7267     padding: 30px 46px 30px 30px;
7268     position: relative; }
7269
7270   .b2b-modal-header > h2 {
7271     line-height: 1;
7272     margin: 0;
7273     padding: 0; }
7274
7275   .modal-header-portrait {
7276     -webkit-overflow-scrolling: auto; }
7277
7278   .modal-header-landscape {
7279     -webkit-overflow-scrolling: auto; }
7280
7281   .b2b-modal-body {
7282     -webkit-overflow-scrolling: touch;
7283     padding: 0 30px 20px;
7284     position: relative;
7285     width: auto; }
7286
7287   .b2b-modal-body:focus {
7288     outline: 1px dotted #333333; }
7289
7290   .modal-form {
7291     margin-bottom: 0; }
7292
7293   .b2b-modal-footer {
7294     background-color: #fff;
7295     width: 100%;
7296     padding: 0 30px;
7297     border-radius: 0;
7298     position: absolute;
7299     bottom: 0; }
7300
7301   :not(.modal-docked) .b2b-modal-footer {
7302     position: relative; }
7303
7304   .modal-landscape .b2b-modal-footer {
7305     position: relative; }
7306
7307   .b2b-modal-footer .cta-button-group {
7308     display: flex;
7309     justify-content: flex-end;
7310     padding: 20px 0 5px;
7311     width: 100%;
7312     border-top: 1px solid #d2d2d2; }
7313
7314   .b2b-modal-footer .cta-button-group .btn {
7315     margin-left: auto;
7316     margin-right: auto;
7317     float: right;
7318     margin-left: 10px; }
7319
7320   .b2b-modal-footer .cta-button-group .marginLeft0 {
7321     margin-left: 0px; }
7322
7323   .b2b-modal-footer .cta-button-group .btn-footer-left {
7324     margin-right: auto; }
7325
7326   .b2b-modal-footer .cta-button-group .btn + .btn {
7327     margin-right: 0 !important; }
7328
7329   [class*="modal-"] {
7330     width: 100%; }
7331
7332   .modal-small {
7333     max-width: 420px; }
7334
7335   .modal-medium {
7336     max-width: 620px; }
7337
7338   .modal-large {
7339     max-width: 720px; }
7340
7341   .modal-xlarge {
7342     max-width: 860px; }
7343
7344   .modal-jumbo {
7345     max-width: 1000px; }
7346
7347   .modalwrapper.modal-docked {
7348     height: 100%;
7349     display: flex;
7350     align-items: center; }
7351
7352   .modalwrapper.modal-docked .b2b-modal-body {
7353     height: 80%;
7354     overflow-y: scroll;
7355     padding-bottom: 60px; }
7356
7357   .modalwrapper.modal-docked .modal {
7358     max-height: 80%;
7359     height: 80%;
7360     overflow: hidden;
7361     top: 0; }
7362
7363   .modalwrapper.modal-docked .b2b-modal-body > *:last-child {
7364     margin-bottom: 60px; }
7365
7366   @media (max-width: 767px) {
7367     .modalwrapper {
7368       padding: 15px;
7369       overflow-x: hidden; }
7370     .modal.fade.in {
7371       top: 0;
7372       right: 0;
7373       left: 0;
7374       margin-bottom: 15px;
7375       border: none; }
7376     .b2b-modal-header {
7377       padding: 20px 46px 20px 15px; }
7378     .b2b-modal-body {
7379       width: 100%;
7380       padding: 0 15px 15px; }
7381     .modalwrapper.modal-docked {
7382       position: absolute;
7383       height: 100%;
7384       padding: 0; }
7385     .modalwrapper.modal-docked .modal.fade.in {
7386       margin-bottom: 0;
7387       width: 100% !important;
7388       max-height: 100%;
7389       height: 100%;
7390       border-radius: 0; }
7391     .modalwrapper.modal-docked .b2b-modal-body {
7392       overflow-y: scroll;
7393       height: 100%; }
7394     .modalwrapper.modal-docked.modal-landscape {
7395       overflow-y: hidden;
7396       position: fixed; }
7397     .modalwrapper.modal-docked.modal-landscape .modal {
7398       overflow-y: scroll;
7399       max-width: 100%; }
7400     .modalwrapper.modal-docked.modal-landscape .b2b-modal-body {
7401       height: auto;
7402       overflow-y: hidden; }
7403     .b2b-modal-footer {
7404       padding: 0 15px; }
7405     .b2b-modal-footer .cta-button-group {
7406       display: block;
7407       padding: 15px 0; }
7408     .b2b-modal-footer .cta-button-group .btn {
7409       float: none; }
7410     .b2b-modal-footer .cta-button-group .btn + .btn {
7411       margin-bottom: 0; }
7412     .b2b-modal-footer .cta-button-group a.visible-phone {
7413       align-items: center;
7414       display: flex !important;
7415       height: 42px;
7416       justify-content: center; } }
7417
7418   .b2b-modal-footer > .cta-button-group {
7419     line-height: 40px; }
7420
7421   .ajaxed,
7422   .modal.fade.in .b2b-modal-header,
7423   .modal.fade.in .b2b-modal-body,
7424   .modal.fade.in .b2b-modal-footer {
7425     animation-duration: 0.01s;
7426     -o-animation-duration: 0.01s;
7427     -ms-animation-duration: 0.01s;
7428     -moz-animation-duration: 0.01s;
7429     -webkit-animation-duration: 0.01s;
7430     animation-name: DOMinsertion;
7431     -o-animation-name: DOMinsertion;
7432     -ms-animation-name: DOMinsertion;
7433     -moz-animation-name: DOMinsertion;
7434     -webkit-animation-name: DOMinsertion; }
7435
7436   .monthselector thead tr th {
7437     min-width: 46px; }
7438
7439   .monthselector thead tr:after {
7440     content: "";
7441     position: absolute;
7442     left: 20px;
7443     top: 52px;
7444     height: 1px;
7445     width: 85%;
7446     border-bottom: 1px solid #ccc; }
7447
7448   .monthselector tbody tr:last-child {
7449     height: 50px; }
7450
7451   .monthselector td.day {
7452     margin: 1px 4px !important;
7453     width: 64px !important; }
7454
7455   .monthselector .datepicker-switch {
7456     width: 195px !important; }
7457
7458   .monthselector .show-date {
7459     width: 30px !important; }
7460
7461   .monthselector button.faux-input {
7462     width: 100%; }
7463     .monthselector button.faux-input:focus {
7464       border: 1px solid #0574ac; }
7465     .monthselector button.faux-input:disabled {
7466       cursor: not-allowed; }
7467
7468   .monthselector .cta-button-group {
7469     padding: 0 20px; }
7470     .monthselector .cta-button-group a {
7471       margin-right: 20px; }
7472
7473   .monthselector .day.active .show-date:after, .monthselector .day:focus .show-date:after, .monthselector .due-date.disabled .show-date:after {
7474     height: 30px;
7475     left: 9px !important;
7476     top: 0;
7477     width: 42px !important; }
7478
7479   .monthselector .disabled.day:focus .show-date:after {
7480     border: none; }
7481
7482   .monthselector .icon-primary-calendar {
7483     display: block; }
7484
7485   .b2b-ml-nav {
7486     padding: 0 10px 0 10px;
7487     width: 320px; }
7488
7489   .b2b-ml-nav ul {
7490     list-style: none;
7491     list-style-type: none; }
7492
7493   .b2b-ml-nav a {
7494     display: block;
7495     padding: 0 0 5px 30px;
7496     line-height: 22px;
7497     margin-left: -10px;
7498     color: #0568ae;
7499     font-size: 1.4rem; }
7500
7501   .b2b-ml-nav a:focus {
7502     outline-offset: 1px; }
7503
7504   .b2b-ml-nav li:focus {
7505     outline: none; }
7506
7507   .b2b-ml-nav li:focus > a {
7508     outline: thin dotted #666;
7509     outline-offset: 1px; }
7510
7511   .b2b-ml-nav ul li {
7512     border-left: 1px solid #ccc; }
7513
7514   .b2b-ml-nav ul ul {
7515     padding: 0 0 0 20px; }
7516
7517   .b2b-ml-nav ul > li {
7518     position: relative;
7519     line-height: 18px; }
7520
7521   .b2b-ml-nav a > span {
7522     background-color: #FFF;
7523     display: inline;
7524     margin: 0;
7525     padding: 0;
7526     position: absolute;
7527     left: -11px;
7528     top: 0; }
7529
7530   .b2b-ml-nav a > span > i {
7531     font-size: 20px; }
7532
7533   .b2b-ml-nav a:only-child > span {
7534     left: -6px;
7535     border-radius: 50%;
7536     line-height: 7px;
7537     top: 5px; }
7538
7539   .b2b-ml-nav a:only-child > span > i {
7540     background-color: inherit;
7541     background: #fff;
7542     font-size: 5px; }
7543
7544   .b2b-ml-nav ul li:first-child > a:only-child > span {
7545     left: -6px;
7546     border-radius: 50%;
7547     line-height: 12px;
7548     top: 0px; }
7549
7550   .b2b-ml-nav li a + ul {
7551     display: none; }
7552
7553   .b2b-ml-nav li a.active + ul {
7554     display: block; }
7555
7556   .b2b-ml-nav .selected {
7557     color: #333; }
7558
7559   /*to overide ng-doc inline property for library demo - TODO: Move to docs.css*/
7560   .b2b-ml-nav a [class^="icon-primary-"], a [class*=" icon-primary-"], a [class^="icon-primary-"]:before, a [class*=" icon-primary-"]:before {
7561     display: inline-block; }
7562
7563   .b2b-alerts-messages {
7564     background-color: #fff;
7565     border-radius: 8px;
7566     height: auto; }
7567     .b2b-alerts-messages h3 {
7568       color: #333 !important;
7569       font-family: "Omnes-ECOMP-W02-Medium", Arial;
7570       margin-bottom: 0 !important;
7571       margin: 1em 0 5px;
7572       line-height: 27px;
7573       font-size: 18px; }
7574     .b2b-alerts-messages h4 {
7575       color: #333 !important;
7576       font-family: "Omnes-ECOMP-W02-Medium", Arial;
7577       margin-bottom: 0 !important; }
7578     .b2b-alerts-messages .alert-info {
7579       background-color: #0574ac;
7580       border: 0; }
7581     .b2b-alerts-messages .alert-error {
7582       background-color: #cf2a2a;
7583       border: 0; }
7584     .b2b-alerts-messages .alert-success {
7585       background-color: #1b7e28;
7586       border: 0; }
7587     .b2b-alerts-messages div:nth-child(2) {
7588       padding: 0 0 15px 10px;
7589       vertical-align: baseline; }
7590     .b2b-alerts-messages .close:before {
7591       color: #767676; }
7592     .b2b-alerts-messages p {
7593       font-size: 14px;
7594       color: #333;
7595       font-family: "Omnes-ECOMP-W02", Arial; }
7596       .b2b-alerts-messages p a {
7597         color: #333; }
7598     .b2b-alerts-messages .btn-small {
7599       margin-bottom: 0px; }
7600
7601   .b2b-alerts-success {
7602     border: 1px solid #1b7e28; }
7603
7604   .b2b-alerts-error {
7605     border: 1px solid #cf2a2a; }
7606
7607   .b2b-alerts-info {
7608     border: 1px solid #0574ac; }
7609
7610   /* TODO: Rearange this and move to patches if needed */
7611   .b2b-breadcrumb-css-override > li {
7612     margin-right: 24px; }
7613
7614   .b2b-breadcrumb-css-override li > * {
7615     float: left !important; }
7616
7617   .b2b-css-override ul.nav-tabs {
7618     margin-bottom: 0; }
7619
7620
7621   .b2b-top-nav-buttons-css-override {
7622     margin-bottom: 0;
7623     margin-top: 2px; }
7624
7625   .b2b-auto-width {
7626     width: auto !important; }
7627
7628   .b2b-toggle-header-active {
7629     color: #0568ae; }
7630
7631   .b2b-toggle-header-inactive {
7632     color: #333333; }
7633
7634   .b2b-toggle-header-icon {
7635     cursor: pointer; }
7636
7637
7638   .icon-primary-circle:before {
7639     background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E");
7640     content: "";
7641     position: absolute;
7642     top: 0;
7643     z-index: 1; }
7644
7645   .ds2-no-colors .icon-primary-circle:before {
7646     background-image: none;
7647     content: "\e902"; }
7648
7649   i:focus {
7650     outline: thin dotted #666; }
7651
7652   .p-col-md-12 {
7653     width: 50%; }
7654
7655   .pager__item {
7656     border-radius: 0;
7657     cursor: default;
7658     display: inline-block;
7659     margin: 5px;
7660     width: 22px;
7661     height: 23px;
7662     vertical-align: baseline; }
7663
7664   .pager {
7665     padding-top: 10px;
7666     padding-bottom: 20px;
7667     text-align: center;
7668     margin: 0 auto; }
7669
7670   .pager__item--input {
7671     color: #067ab4;
7672     max-height: 32px;
7673     max-width: 40px;
7674     padding-left: 0;
7675     padding-right: 0;
7676     text-align: center;
7677     margin-left: 10px; }
7678
7679   .row.section-row {
7680     margin-bottom: 20px; }
7681
7682   .pager__item--active {
7683     border-bottom: 2px solid #0574ac;
7684     border-radius: 0;
7685     color: #333333; }
7686
7687   .pager a.pager__item--active:hover {
7688     cursor: default; }
7689
7690   .pager a:hover, .pager a:focus {
7691     text-decoration: none;
7692     color: #333333;
7693     cursor: pointer; }
7694
7695   .pager a.disabled:hover, .pager a.disabled:focus {
7696     cursor: not-allowed; }
7697
7698   .row.section-row.b2b-page {
7699     display: block; }
7700
7701   a.pager__item--next:focus, a.pager__item--prev:focus {
7702     text-decoration: none;
7703     border: 0; }
7704
7705   .pager__item--next, .pager__item--prev {
7706     margin: 5px;
7707     padding: 1.5px 6px 1.5px 6px; }
7708
7709   .pager .disabled i {
7710     pointer-events: none;
7711     cursor: default;
7712     color: #c4c4c4; }
7713
7714   .fieldLabel {
7715     color: #666666; }
7716
7717   .fieldLabel input {
7718     color: #666666; }
7719
7720   .pSelect {
7721     float: right;
7722     width: 150px; }
7723
7724   .numericResult {
7725     margin-bottom: 20px;
7726     font-size: 1.6rem;
7727     margin-top: 20px;
7728     display: inline-block;
7729     font-family: "Omnes-ECOMP-W02-Medium", Arial; }
7730
7731   .mobile-view > .pager__item {
7732     margin: 5px 10px;
7733     width: 24px;
7734     height: 34px;
7735     vertical-align: middle;
7736     line-height: 34px; }
7737
7738   .fade1, .fadel {
7739     opacity: 0.4; }
7740
7741   .fade2, .fadesl {
7742     opacity: 0.6; }
7743
7744   h4#pagination-truncated {
7745     margin-top: 50px; }
7746
7747   h4#pagination-large-count {
7748     margin-top: 50px; }
7749
7750   .p-col-md-12 input {
7751     margin-left: 20px; }
7752
7753   .pager a .icon-primary-right:before {
7754     display: inline-block; }
7755
7756   .pager a .icon-primary-left:before {
7757     display: inline-block; }
7758
7759   .page-heading {
7760     background: white none repeat scroll 0 0;
7761     margin-bottom: -12px;
7762     padding-left: 10px;
7763     padding-right: 10px;
7764     position: relative; }
7765
7766   .numericResult:focus {
7767     outline: 1px dotted #0574ac; }
7768
7769   .page-heading-group {
7770     color: #ef6f00;
7771     font-family: "Omnes-ECOMP-W02-Medium", Arial; }
7772
7773   .pager > div > span.fieldLabel {
7774     margin-left: 18px; }
7775
7776   .pager .fieldLabel .btn-arrow {
7777     top: 0;
7778     left: 10px;
7779     margin-left: -5px; }
7780
7781   .b2b-p-col-md-12 {
7782     width: 50%; }
7783     .b2b-p-col-md-12 input {
7784       margin-left: 20px; }
7785
7786   .b2b-pager__item {
7787     border-radius: 0;
7788     cursor: default;
7789     display: inline-block;
7790     margin: 0px 5px 0 5px;
7791     height: 23px;
7792     vertical-align: baseline; }
7793
7794   .b2b-pager__item--noclick {
7795     pointer-events: none !important;
7796     cursor: default !important; }
7797
7798   .b2b-pager__item--droppable {
7799     pointer-events: all !important; }
7800
7801   .b2b-pager {
7802     padding-top: 10px;
7803     padding-bottom: 20px;
7804     text-align: center;
7805     margin: 0 auto; }
7806     .b2b-pager a:hover {
7807       text-decoration: none;
7808       color: #333333;
7809       cursor: pointer; }
7810     .b2b-pager a:focus {
7811       text-decoration: none;
7812       color: #333333;
7813       cursor: pointer; }
7814     .b2b-pager a .icon-primary-right:before {
7815       display: inline-block; }
7816     .b2b-pager a .icon-primary-left:before {
7817       display: inline-block; }
7818     .b2b-pager .disabled i {
7819       pointer-events: none;
7820       cursor: default;
7821       color: #c4c4c4; }
7822
7823   .b2b-pager__item--input {
7824     color: #067ab4;
7825     max-height: 32px;
7826     max-width: 60px;
7827     padding-left: 0;
7828     padding-right: 0;
7829     text-align: center;
7830     margin-left: 5px; }
7831
7832   .row.section-row {
7833     margin-bottom: 20px; }
7834
7835   .b2b-pager__item--active {
7836     border-bottom: 2px solid #0574ac;
7837     border-radius: 0;
7838     color: #333333; }
7839
7840   .row.section-row.b2b-page {
7841     display: block; }
7842
7843   a.b2b-pager__item--next:focus {
7844     text-decoration: none;
7845     border: 0; }
7846
7847   a.b2b-pager__item--next-disabled {
7848     outline: 0; }
7849
7850   a.b2b-pager__item--next-disabled > [class^="icon-primary-"] {
7851     color: #cccccc;
7852     cursor: not-allowed;
7853     outline: 0; }
7854
7855   a.b2b-pager__item--prev:focus {
7856     text-decoration: none;
7857     border: 0; }
7858
7859   a.b2b-pager__item--prev-disabled {
7860     outline: 0; }
7861
7862   a.b2b-pager__item--prev-disabled > [class^="icon-primary-"] {
7863     color: #cccccc;
7864     cursor: not-allowed; }
7865
7866   .b2b-pager__item--next {
7867     padding: 1.5px 0px 1.5px 0px; }
7868
7869   .b2b-pager__item--prev {
7870     padding: 1.5px 0px 1.5px 0px; }
7871
7872   .fieldLabel {
7873     color: #666666; }
7874     .fieldLabel input {
7875       color: #666666; }
7876     .fieldLabel .btn-arrow {
7877       top: 0;
7878       left: 10px; }
7879
7880   .b2b-pSelect {
7881     float: right;
7882     width: 150px; }
7883
7884   .b2b-numericResult {
7885     margin-bottom: 20px;
7886     font-size: 1.6rem;
7887     margin-top: 20px; }
7888
7889   .b2b-mobile-view > .b2b-pager__item {
7890     margin: 5px 10px;
7891     min-width: 23px;
7892     height: 34px;
7893     vertical-align: middle;
7894     line-height: 34px; }
7895
7896   .b2b-fade1 {
7897     opacity: 0.4; }
7898
7899   .b2b-fade2 {
7900     opacity: 0.6; }
7901
7902   .b2b-fadesl {
7903     opacity: 0.6; }
7904
7905   h4#b2b-pagination-truncated {
7906     margin-top: 50px; }
7907
7908   h4#b2b-pagination-large-count {
7909     margin-top: 50px; }
7910
7911   .b2b-page-heading {
7912     background: white none repeat scroll 0 0;
7913     margin-bottom: -12px;
7914     padding-left: 10px;
7915     padding-right: 10px;
7916     position: relative; }
7917
7918   .b2b-numericResult:focus {
7919     outline: 1px dotted #0574ac; }
7920
7921   .b2b-page-heading-group {
7922     color: #ef6f00;
7923     font-family: "Omnes-ECOMP-W02-Medium", Arial; }
7924
7925   .b2b-pager > div > span.fieldLabel {
7926     margin-left: 18px; }
7927
7928   .b2b-go-to-page {
7929     margin-top: 14px; }
7930
7931   .b2b-go-to-page-inline {
7932     display: inline-block; }
7933
7934   input.b2b-phone-mask-input {
7935     padding-right: 15px; }
7936     input.b2b-phone-mask-input:hover, input.b2b-phone-mask-input:focus {
7937       padding-right: 15px; }
7938
7939   /************************** Start - Should be removed after the styling in global is fixed *******************/
7940   input::-ms-clear {
7941     display: none; }
7942
7943   /************************** End - Should be removed after the styling in global is fixed *******************/
7944   @media (max-width: 767px) {
7945     input::-ms-clear {
7946       display: block; } }
7947
7948   .pivot-link-group {
7949     background-color: #5a5a5a;
7950     border-top: 1px solid #959595; }
7951
7952   .pivot-links > li {
7953     border-bottom: 1px solid #959595; }
7954
7955   .pivot-links > li > a {
7956     color: #fff;
7957     display: block;
7958     padding: 12px 15px 10px;
7959     line-height: normal; }
7960
7961   .b2b-profile-block-container {
7962     min-height: 200px;
7963     height: auto;
7964     background-color: #fff;
7965     border-radius: 8px;
7966     border: 1px solid #ccc;
7967     box-shadow: 0px 1px 1px 1px  #ccc;
7968     display: inline-table;
7969     margin: 15px 15px; }
7970
7971   .b2b-profile-block-details p, .b2b-profile-block-details div {
7972     padding: 2px 7px;
7973     font-size: 1.4rem; }
7974
7975   .b2b-profile-block-details .radio-label, .b2b-profile-block-details a {
7976     font-size: 1.4rem; }
7977
7978   .b2b-profile-block-details p label, .b2b-profile-block-details p span {
7979     padding-left: 10px; }
7980
7981   .b2b-profile-block-footer {
7982     margin-bottom: 12px;
7983     margin-top: 5px;
7984     height: 35px; }
7985
7986   .b2b-profile-block-details p {
7987     word-wrap: break-word;
7988     height: 61px; }
7989     .b2b-profile-block-details p:first-child {
7990       margin-top: 10px; }
7991     .b2b-profile-block-details p:after {
7992       content: ' ';
7993       display: block;
7994       border: 0.2px solid #ccc;
7995       margin-top: 12px; }
7996
7997   .b2b-profile-block-details .radio {
7998     margin-left: 15px;
7999     height: 30px; }
8000
8001   .b2b-approval-icon {
8002     color: #1b7e28;
8003     float: right;
8004     position: relative;
8005     left: 10px; }
8006     .b2b-approval-icon i {
8007       color: #1b7e28;
8008       float: right; }
8009
8010   .b2b-profile-link {
8011     float: right;
8012     position: relative;
8013     left: -4px; }
8014
8015   a.link-profile {
8016     position: relative;
8017     left: -5px;
8018     float: right;
8019     margin-bottom: 16px; }
8020
8021   .b2b-profile-block-radio {
8022     position: relative;
8023     top: -5px; }
8024
8025   .b2b-profile-card {
8026     min-width: 229px;
8027     min-height: 354px;
8028     margin: 10px;
8029     border: solid 1px #CCC;
8030     font-family: "Omnes-ECOMP-W02", Arial;
8031     display: inline-block;
8032     vertical-align: top; }
8033     .b2b-profile-card .top-block {
8034       padding: 15px 20px;
8035       background-color: #e4e4e4;
8036       max-height: 153px; }
8037     .b2b-profile-card .bottom-block {
8038       padding: 15px 20px 15px 20px;
8039       background-color: #fff; }
8040     .b2b-profile-card .profile-image {
8041       background: #e4e4e4;
8042       margin-bottom: 15px;
8043       text-align: center; }
8044       .b2b-profile-card .profile-image .default-img {
8045         display: inline-block;
8046         width: 60px;
8047         height: 60px;
8048         margin-bottom: 10px;
8049         border: 6px solid #fff;
8050         border-radius: 99em;
8051         -webkit-border-radius: 99em;
8052         -moz-border-radius: 99em;
8053         /* background-color: #eee; */ }
8054
8055   .profile-image img {
8056     display: inline-block;
8057     width: 60px;
8058     height: 60px;
8059     margin-bottom: 10px;
8060     border: 6px solid #fff;
8061     border-radius: 99em;
8062     -webkit-border-radius: 99em;
8063     -moz-border-radius: 99em;
8064     /* background-color: #eee; */ }
8065
8066   .b2b-profile-card .profile-image .default-img {
8067     font-family: "Omnes-ECOMP-W02", Arial;
8068     color: #333;
8069     background-color: #fff;
8070     font-size: 32px;
8071     line-height: 22px;
8072     padding: 5px;
8073     padding-top: 13px;
8074     width: 60px;
8075     height: 60px;
8076     text-transform: uppercase; }
8077
8078   .b2b-profile-card .profile-image .name {
8079     font-family: "Omnes-ECOMP-W02-Medium", Arial;
8080     font-size: 16px;
8081     color: #333;
8082     text-align: center;
8083     margin-bottom: 5px;
8084     margin-top: 5px;
8085     overflow: hidden;
8086     word-break: break-word;
8087     white-space: normal;
8088     text-transform: capitalize; }
8089
8090   .b2b-profile-card .profile-image .status-icon {
8091     border-radius: 10px;
8092     border: 1px solid #fff;
8093     margin: 0 3px 0 0;
8094     width: 10px;
8095     height: 10px;
8096     display: inline-block;
8097     vertical-align: middle; }
8098
8099   .b2b-profile-card .profile-image .status {
8100     font-size: 12px;
8101     line-height: 15px;
8102     text-align: center;
8103     margin: 0 15px 0 0;
8104     color: #444; }
8105
8106   .b2b-profile-card .status .circle {
8107     width: 10px;
8108     height: 10px;
8109     border-radius: 50%;
8110     margin: 30px 6px 0px 20px;
8111     text-align: center;
8112     background-color: #444; }
8113
8114   .b2b-profile-card .profile-image .status-green {
8115     background-color: #0c0; }
8116
8117   .b2b-profile-card .profile-image .status-red {
8118     background-color: red; }
8119
8120   .b2b-profile-card .profile-image .status-blue {
8121     background-color: #00f; }
8122
8123   .b2b-profile-card .profile-image .status-yellow {
8124     background-color: #ff0; }
8125
8126   .b2b-profile-card .profile-image .status .status-badge {
8127     margin-left: 5px;
8128     border: dotted 1px #444;
8129     background-color: transparent;
8130     font-weight: 400;
8131     color: #444;
8132     height: 17px;
8133     padding: 0 5px;
8134     font-size: 11px;
8135     padding-left: 5px;
8136     padding-right: 5px; }
8137
8138   .b2b-profile-card .profile-details {
8139     background: #fff; }
8140     .b2b-profile-card .profile-details label {
8141       display: block;
8142       cursor: text;
8143       font-family: "Omnes-ECOMP-W02-Medium", Arial;
8144       font-weight: bolder;
8145       font-size: 14px;
8146       color: #333;
8147       padding: 0;
8148       margin: 0; }
8149     .b2b-profile-card .profile-details div {
8150       margin: 0;
8151       font-size: 14px;
8152       color: #333;
8153       padding-bottom: 6.5px; }
8154
8155   .b2b-profile-card .b2b-add-user {
8156     background: white;
8157     border-style: dotted;
8158     font-size: 16px;
8159     color: #333;
8160     position: relative; }
8161     .b2b-profile-card .b2b-add-user i {
8162       font-size: 30px;
8163       padding-bottom: 15px; }
8164
8165   .b2b-profile-card .atcenter {
8166     cursor: pointer;
8167     margin-top: 60%;
8168     vertical-align: middle;
8169     text-align: center; }
8170
8171   .b2b-profile-card .tooltip {
8172     cursor: pointer; }
8173     .b2b-profile-card .tooltip .helpertext {
8174       position: relative;
8175       color: white; }
8176
8177   .b2b-profile-card .tooltip-wrapper {
8178     position: relative; }
8179
8180   /* Overrides for tooltip absolute positioning */
8181   @media (min-width: 1025px) {
8182     .b2b-profile-card .tooltip-size-control {
8183       width: 100% !important; } }
8184
8185   @-webkit-keyframes progress-bar-stripes {
8186     from {
8187       background-position: 0 0; }
8188     to {
8189       background-position: 80px 0; } }
8190
8191   @keyframes progress-bar-stripes {
8192     from {
8193       background-position: 0 0; }
8194     to {
8195       background-position: 80px 0; } }
8196
8197   .progress {
8198     background-color: #e4e4e4;
8199     border-radius: 4px;
8200     height: 14px;
8201     margin-bottom: 20px;
8202     min-width: 250px;
8203     overflow: hidden;
8204     padding: 0;
8205     position: relative; }
8206
8207   a .progress {
8208     margin-bottom: 0; }
8209
8210   .progress .bar {
8211     background-color: #666;
8212     border-radius: 4px;
8213     display: -webkit-flex;
8214     display: -ms-flexbox;
8215     display: flex;
8216     height: 100%;
8217     width: 0; }
8218
8219   .progress-arrow {
8220     display: -webkit-flex;
8221     display: -ms-flexbox;
8222     display: flex;
8223     -webkit-align-items: center;
8224     -ms-flex-align: center;
8225     align-items: center;
8226     -webkit-justify-content: flex-end;
8227     -ms-flex-pack: end;
8228     justify-content: flex-end; }
8229
8230   .progress-link + .usage-bar {
8231     margin-top: 5px; }
8232
8233   .progress-success .bar, .progress .bar-success {
8234     background-color: #1b7e28; }
8235
8236   .progress-warning .bar, .progress .bar-warning {
8237     background-color: #ef6f00; }
8238
8239   .progress-danger .bar, .progress .bar-danger {
8240     background-color: #cf2a2a; }
8241
8242   .progress.increment {
8243     display: -webkit-flex;
8244     display: -ms-flexbox;
8245     display: flex; }
8246
8247   .progress.increment .bar:first-child:not(:last-child) {
8248     border-right: none;
8249     border-radius: 4px 0 0 4px; }
8250
8251   .progress.increment .bar:last-child:not(:first-child) {
8252     border-left: none;
8253     border-radius: 0 4px 4px 0; }
8254
8255   .progress.increment .bar + .bar:not(:last-child) {
8256     border-left: none;
8257     border-right: none;
8258     border-radius: 0; }
8259
8260   .progress.increment .bar:not(:first-child) {
8261     border-left: 1px solid white !important; }
8262
8263   .usage-bar {
8264     display: table;
8265     float: none;
8266     width: 100%;
8267     margin-bottom: 1px; }
8268
8269   .usage-bar > .usage-text {
8270     display: table-cell;
8271     width: 1%; }
8272
8273   .progress + .usage-bar {
8274     margin-top: -15px; }
8275
8276   .usage-bar .usage-text {
8277     font-size: 1.4rem; }
8278
8279   .usage-bar .usage-text:first-child {
8280     white-space: nowrap; }
8281
8282   .usage-bar .usage-text.text-right {
8283     vertical-align: top;
8284     font-size: 1.4rem;
8285     width: auto !important; }
8286
8287   .usage-bar .usage-text.text-right:before {
8288     content: "";
8289     display: table;
8290     height: .1em; }
8291
8292   .usage-bar.billing-cycle .usage-text {
8293     font-size: 1.4rem; }
8294
8295   .usage-bar.billing-cycle .usage-text.text-right {
8296     vertical-align: bottom; }
8297
8298   .progress.autocolor [data-percentage="1"], .progress.autocolor [data-percentage="2"], .progress.autocolor [data-percentage="3"], .progress.autocolor [data-percentage="4"], .progress.autocolor [data-percentage="5"], .progress.autocolor [data-percentage="6"], .progress.autocolor [data-percentage="7"], .progress.autocolor [data-percentage="8"], .progress.autocolor [data-percentage="9"], .progress.autocolor [data-percentage="10"] .progress.autocolor [data-percentage^="2"], .progress.autocolor [data-percentage^="3"], .progress.autocolor [data-percentage^="4"], .progress.autocolor [data-percentage^="5"], .progress.autocolor [data-percentage="60"], .progress.autocolor [data-percentage="61"], .progress.autocolor [data-percentage="62"], .progress.autocolor [data-percentage="63"], .progress.autocolor [data-percentage="64"] {
8299     background-color: #1b7e28; }
8300
8301   .progress.autocolor [data-percentage="65"], .progress.autocolor [data-percentage="66"], .progress.autocolor [data-percentage="67"], .progress.autocolor [data-percentage="68"], .progress.autocolor [data-percentage="69"], .progress.autocolor [data-percentage^="7"], .progress.autocolor [data-percentage^="8"] {
8302     background-color: #ef6f00; }
8303
8304   .progress.autocolor [data-percentage^="9"], .progress.autocolor [data-percentage="100"] {
8305     background-color: #cf2a2a; }
8306
8307   .b2b-seek-bar-container {
8308     position: relative; }
8309     .b2b-seek-bar-container div {
8310       position: absolute; }
8311     .b2b-seek-bar-container .b2b-seek-bar-track-container {
8312       width: 100%; }
8313     .b2b-seek-bar-container .b2b-seek-bar-track {
8314       width: 100%;
8315       height: 6px;
8316       background-color: #cccccc;
8317       border-radius: 10px; }
8318     .b2b-seek-bar-container .b2b-seek-bar-track-fill {
8319       width: 100%;
8320       height: 6px;
8321       background-color: #cccccc;
8322       border-radius: 10px;
8323       width: 0;
8324       background-color: #157BB2;
8325       transition: width 0s linear; }
8326
8327   .seek-bar-container .seek-bar-knob-container {
8328     transition: left 0s linear; }
8329
8330   .b2b-seek-bar-container .b2b-seek-bar-knob {
8331     width: 14px;
8332     height: 14px;
8333     border-radius: 10px;
8334     top: -4px;
8335     left: -8px;
8336     border: 1px solid #cccccc;
8337     background: white;
8338     cursor: pointer; }
8339
8340   .b2b-seek-bar-container .b2b-seek-bar-knob:focus {
8341     outline: thin dotted #666; }
8342
8343   .b2b-seek-bar-container.vertical {
8344     width: 100%;
8345     height: 100%;
8346     margin: 0 auto;
8347     position: relative;
8348     border-radius: 10px; }
8349     .b2b-seek-bar-container.vertical .b2b-seek-bar-track-container {
8350       position: relative;
8351       height: 100%; }
8352     .b2b-seek-bar-container.vertical .b2b-seek-bar-track {
8353       position: absolute;
8354       height: 100%; }
8355     .b2b-seek-bar-container.vertical .b2b-seek-bar-track-fill {
8356       position: absolute;
8357       bottom: 0;
8358       height: 0;
8359       width: 100%; }
8360     .b2b-seek-bar-container.vertical .b2b-seek-bar-knob-container {
8361       transition: bottom .01s linear;
8362       position: relative;
8363       bottom: 0; }
8364     .b2b-seek-bar-container.vertical .b2b-seek-bar-knob {
8365       position: absolute;
8366       border-radius: 10px;
8367       top: -7px;
8368       left: -4px; }
8369
8370   .form-search .search-query {
8371     width: 100% !important; }
8372
8373   .form-search .well {
8374     margin-top: 0; }
8375
8376   .form-search > ul.nav > li.section {
8377     min-height: 20px !important; }
8378
8379   input.b2b-search-input-field {
8380     margin-bottom: 0px; }
8381
8382   .search-suggestion-list {
8383     background-color: #FFFFFF;
8384     border: 1px solid #ccc;
8385     border-radius: 0 0 6px 6px;
8386     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
8387     margin-top: -5px;
8388     max-height: 400px;
8389     overflow-x: hidden;
8390     overflow-y: auto;
8391     padding: 15px 0;
8392     position: absolute;
8393     width: 100%;
8394     z-index: 1000; }
8395     .search-suggestion-list > li.active {
8396       background-color: #cccccc; }
8397     .search-suggestion-list:empty {
8398       display: none; }
8399
8400   .b2b-search-hightlight {
8401     font-weight: bold; }
8402
8403   input[type="text"]::-moz-placeholder {
8404     color: #767676;
8405     font-family: "Omnes-ECOMP-W02-Italic", Arial; }
8406
8407   input[type="text"]:focus {
8408     z-index: 1000; }
8409
8410   input[type="text"] + .reset-field {
8411     background-color: #FFFFFF;
8412     height: 90%;
8413     top: 5%; }
8414
8415   .btn-search:focus {
8416     outline: 1px dotted #0574ac; }
8417
8418   .field-group input:not([type="button"])[disabled] ~ .btn-search {
8419     background-color: #eee; }
8420
8421   .btn-search[class*="btn"] {
8422     background-color: #FFFFFF;
8423     background-size: 20px 20px;
8424     border-radius: 0 1.5rem 1.5rem 0;
8425     height: 3rem;
8426     min-width: 4.4rem !important;
8427     right: 0.15rem;
8428     top: 0.15rem;
8429     width: 4.4rem; }
8430
8431   .search-suggestion-wrapper {
8432     margin-bottom: 15px;
8433     position: relative; }
8434     .search-suggestion-wrapper .no-result {
8435       padding: 0px 15px; }
8436
8437   .search-suggestion-item {
8438     color: #333333;
8439     line-height: 4rem;
8440     padding: 0 15px;
8441     position: relative;
8442     z-index: 1000; }
8443     .search-suggestion-item:hover {
8444       background-color: #e4e4e4;
8445       cursor: pointer; }
8446     .search-suggestion-item:focus {
8447       background-color: #e4e4e4;
8448       cursor: pointer; }
8449     .search-suggestion-item a {
8450       color: #333333;
8451       text-decoration: none; }
8452
8453   .btn-search i {
8454     color: #767676; }
8455
8456   input.b2b-search-input-field:focus ~ .btn-search > i, .btn-search:focus > i {
8457     color: #0568ae; }
8458
8459   button.btn-search[disabled] {
8460     cursor: not-allowed; }
8461     button.btn-search[disabled] i {
8462       color: #767676; }
8463
8464   .innershadow {
8465     -webkit-background-blend-mode: mutilply;
8466     box-shadow: 0 3px 0 2px rgba(0, 0, 0, 0.08); }
8467
8468   .linkSelectorModule {
8469     position: relative;
8470     height: 32px;
8471     line-height: 20px;
8472     border: 0px;
8473     width: auto;
8474     display: block; }
8475     .linkSelectorModule .icon-primary-down {
8476       font-size: 23px;
8477       margin-top: -10px;
8478       position: absolute;
8479       top: 50%;
8480       margin-left: -30px; }
8481     .linkSelectorModule .selectModule {
8482       background-color: transparent;
8483       border: none;
8484       color: #0568ae;
8485       cursor: pointer;
8486       border: 1px solid transparent;
8487       box-shadow: none;
8488       padding-right: 35px;
8489       position: relative;
8490       user-select: none;
8491       font-size: 1.6rem; }
8492       .linkSelectorModule .selectModule:focus {
8493         border: 1px dotted #ccc;
8494         box-shadow: none;
8495         -moz-user-select: none; }
8496       .linkSelectorModule .selectModule:hover {
8497         text-decoration: underline; }
8498     .linkSelectorModule .active + .moduleWrapper:before {
8499       background-color: #FFFFFF;
8500       border-color: #d2d2d2;
8501       border-style: solid;
8502       border-width: 1px 1px 0 0;
8503       content: "";
8504       display: block;
8505       height: 15px;
8506       right: 122px;
8507       margin: 0;
8508       position: absolute;
8509       top: -8px;
8510       -webkit-transform: rotate(-45deg);
8511       transform: rotate(-45deg);
8512       width: 15px; }
8513     .linkSelectorModule .moduleWrapper {
8514       top: 40px; }
8515     .linkSelectorModule ul.awd-module-list {
8516       border-radius: 6px 6px 0px 0px; }
8517
8518   .selectorModule .icon-primary-down {
8519     font-size: 23px;
8520     margin-top: -11px;
8521     position: absolute;
8522     right: 4px;
8523     top: 50%; }
8524
8525   .selectorModule .selectModule {
8526     border: 1px solid #d2d2d2;
8527     border-radius: 6px;
8528     box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
8529     display: block;
8530     width: 100%;
8531     padding-left: 15px;
8532     background-color: transparent;
8533     cursor: pointer; }
8534     .selectorModule .selectModule:focus {
8535       border: 1px solid #0568ae;
8536       -moz-user-select: none; }
8537     .selectorModule .selectModule span.module-data {
8538       position: absolute;
8539       bottom: 6px;
8540       line-height: 20px; }
8541     .selectorModule .selectModule img + span.module-data {
8542       padding-left: 45px; }
8543
8544   .selectorModule .selectModule.active {
8545     border-bottom-right-radius: 0px;
8546     border-bottom-left-radius: 0px; }
8547
8548   .selectorModule .moduleWrapper {
8549     position: absolute;
8550     width: 100% !important;
8551     border-top: none; }
8552
8553   .selectorModule ul.awd-module-list {
8554     border-radius: 0px 0px 6px 6px; }
8555
8556   .selectorModule .large > img {
8557     height: 30px;
8558     position: absolute;
8559     width: 30px;
8560     top: 20px;
8561     left: 15px; }
8562
8563   .selectModule {
8564     background-color: transparent;
8565     font-family: "Omnes-ECOMP-W02", Arial;
8566     color: #333333;
8567     font-size: 1.6rem;
8568     height: 36px;
8569     line-height: 35px;
8570     margin-bottom: 0;
8571     position: relative;
8572     text-align: left;
8573     top: 0;
8574     z-index: 10;
8575     padding: 0px;
8576     margin: 0px;
8577     cursor: pointer; }
8578
8579   .moduleWrapper {
8580     background-color: #FFFFFF;
8581     position: absolute;
8582     color: #191919;
8583     z-index: 9999;
8584     box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
8585     border-radius: 0px 0px 6px 6px; }
8586     .moduleWrapper .module-list-item img {
8587       height: 30px;
8588       position: absolute;
8589       width: 30px;
8590       top: 30px;
8591       left: 15px;
8592       align-self: center; }
8593     .moduleWrapper span {
8594       display: block;
8595       white-space: nowrap;
8596       font-size: 1.5rem; }
8597
8598   .awd-module-list {
8599     overflow-y: auto;
8600     z-index: 9999;
8601     max-height: 360px;
8602     border: 1px solid #d2d2d2; }
8603     .awd-module-list .module-list-item > .module-data {
8604       overflow: ellipsis;
8605       white-space: nowrap;
8606       line-height: 20px;
8607       font-size: 1.6rem;
8608       border-bottom: 1px dotted #959595;
8609       margin: 0px 15px 0px 15px;
8610       padding-right: 50px;
8611       padding-bottom: 14px;
8612       padding-top: 14px;
8613       align-self: center;
8614       width: 100%; }
8615     .awd-module-list .module-list-item:hover {
8616       background-color: #f2f2f2; }
8617     .awd-module-list .module-list-item:active {
8618       background-color: #f2f2f2; }
8619     .awd-module-list .module-list-item[aria-selected="true"] {
8620       background-color: #f2f2f2; }
8621
8622   .module-list-item {
8623     cursor: pointer;
8624     overflow: hidden;
8625     position: relative;
8626     overflow: ellipsis;
8627     white-space: nowrap;
8628     z-index: 1000;
8629     color: #191919;
8630     display: flex; }
8631     .module-list-item:last-of-type .module-data {
8632       border-bottom: none; }
8633     .module-list-item img + span.module-data {
8634       padding-left: 45px; }
8635
8636   .module-groups:first-of-type .module-list-item:last-of-type .module-data {
8637     border-bottom: 1px solid #959595; }
8638
8639   .module-groupitem {
8640     padding-bottom: 4px; }
8641
8642   .selectorModule.large {
8643     height: 72px;
8644     vertical-align: middle;
8645     text-align: left; }
8646     .selectorModule.large .moduleWrapper {
8647       top: 71px; }
8648     .selectorModule.large input {
8649       height: 72px;
8650       vertical-align: middle;
8651       text-align: left; }
8652     .selectorModule.large button {
8653       height: 72px;
8654       vertical-align: middle;
8655       text-align: left; }
8656     .selectorModule.large .selectModule img {
8657       left: 15px;
8658       top: 21px; }
8659
8660   ul.module-groupitem li {
8661     margin: 0 -15px 0 -15px; }
8662
8663   span.module-data span {
8664     display: block;
8665     line-height: 20px;
8666     font-size: 1.5rem; }
8667
8668   li.module-groups {
8669     cursor: default !important;
8670     padding: 18px 15px 0px 15px; }
8671
8672   li.module-list-item[selected]:before {
8673     box-sizing: border-box;
8674     display: inline-block;
8675     font-size: 2em;
8676     height: 1em;
8677     position: absolute;
8678     top: 20px;
8679     right: 0px;
8680     vertical-align: middle;
8681     width: 1em;
8682     color: #007a3e; }
8683
8684   ul.module-optinalcta {
8685     position: relative;
8686     height: 44px;
8687     margin-top: 0px;
8688     border-bottom: 1px solid #d2d2d2;
8689     border-left: 1px solid #d2d2d2;
8690     border-right: 1px solid #d2d2d2;
8691     border-radius: 0px 0px 6px 6px; }
8692     ul.module-optinalcta li {
8693       position: absolute;
8694       bottom: 10px; }
8695     ul.module-optinalcta a {
8696       text-indent: 15px;
8697       padding: 15px; }
8698
8699   .b2b-slider-container {
8700     position: relative; }
8701     .b2b-slider-container.slider-disabled {
8702       cursor: not-allowed !important; }
8703     .b2b-slider-container div {
8704       position: absolute; }
8705     .b2b-slider-container .slider-track-container {
8706       width: 100%;
8707       cursor: pointer; }
8708     .b2b-slider-container .slider-track {
8709       width: 100%;
8710       height: 6px;
8711       background-color: #cccccc;
8712       border-radius: 10px;
8713       border: 1px solid #cccccc; }
8714     .b2b-slider-container .slider-track-fill {
8715       width: 100%;
8716       height: 6px;
8717       background-color: #cccccc;
8718       border-radius: 10px;
8719       width: 0;
8720       background-color: #157BB2;
8721       transition: width 0s linear;
8722       border: 1px solid #cccccc; }
8723     .b2b-slider-container .slider-knob-container {
8724       transition: left 0s linear; }
8725       .b2b-slider-container .slider-knob-container.slider-knob-hidden {
8726         display: none !important; }
8727     .b2b-slider-container .slider-knob {
8728       width: 14px;
8729       height: 14px;
8730       border-radius: 10px;
8731       top: -4px;
8732       left: -8px;
8733       border: 1px solid #cccccc;
8734       background: white;
8735       cursor: pointer; }
8736       .b2b-slider-container .slider-knob:focus {
8737         outline: thin dotted #666; }
8738
8739   .b2b-slider-endpoints-container {
8740     margin-top: 13px;
8741     color: #333;
8742     font-size: 12px; }
8743     .b2b-slider-endpoints-container .b2b-slider-endpoints-left {
8744       float: left;
8745       line-height: 100%; }
8746     .b2b-slider-endpoints-container .b2b-slider-endpoints-right {
8747       float: right;
8748       line-height: 100%; }
8749     .b2b-slider-endpoints-container::after {
8750       clear: both;
8751       content: "";
8752       display: block; }
8753
8754   .b2b-slider-container.vertical {
8755     width: 100%;
8756     height: 100%;
8757     margin: 0 auto;
8758     position: relative;
8759     border-radius: 10px; }
8760     .b2b-slider-container.vertical .slider-track-container {
8761       position: relative;
8762       height: 100%; }
8763     .b2b-slider-container.vertical .slider-track {
8764       position: absolute;
8765       height: 100%; }
8766     .b2b-slider-container.vertical .slider-track-fill {
8767       position: absolute;
8768       bottom: 0;
8769       height: 0;
8770       width: 100%; }
8771     .b2b-slider-container.vertical .slider-knob-container {
8772       transition: bottom 0s linear;
8773       position: relative;
8774       bottom: 0; }
8775       .b2b-slider-container.vertical .slider-knob-container.slider-knob-hidden {
8776         display: none !important; }
8777     .b2b-slider-container.vertical .slider-knob {
8778       position: absolute;
8779       border-radius: 10px;
8780       top: -7px;
8781       left: -4px; }
8782
8783   .icon-primary-spinner {
8784     background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20id%3D%22svg-spinner%22%20x%3D%220px%22%20y%3D%220px%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%20%3Cpath%20fill%3D%22%23F5F5F5%22%20d%3D%22M18%2036C8.1%2036%200%2027.9%200%2018S8.1%200%2018%200s18%208.1%2018%2018-8.1%2018-18%2018zm0-31.5c-7.5%200-13.5%206-13.5%2013.5S10.6%2031.5%2018%2031.5c7.5%200%2013.5-6.1%2013.5-13.5%200-7.5-6-13.5-13.5-13.5z%22%2F%3E%0A%20%20%20%3Cpath%20fill%3D%22%230568AE%22%20id%3D%22spinner%22%20d%3D%22M30.7%205.3l-3.1%203.2c2.4%202.4%203.9%205.8%203.9%209.5%200%207.4-6.1%2013.5-13.5%2013.5S4.5%2025.4%204.5%2018%2010.6%204.5%2018%204.5V0C8.1%200%200%208.1%200%2018s8.1%2018%2018%2018%2018-8.1%2018-18c0-5-2-9.5-5.3-12.7z%22%3E%0A%20%20%20%20%20%20%3CanimateTransform%20%0A%20%20%20%20%20%20%20%20%20attributeType%3D%22xml%22%0A%20%20%20%20%20%20%20%20%20attributeName%3D%22transform%22%0A%20%20%20%20%20%20%20%20%20type%3D%22rotate%22%0A%20%20%20%20%20%20%20%20%20from%3D%220%2018%2018%22%0A%20%20%20%20%20%20%20%20%20to%3D%22360%2018%2018%22%0A%20%20%20%20%20%20%20%20%20dur%3D%221.0s%22%0A%20%20%20%20%20%20%20%20%20repeatCount%3D%22indefinite%22%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
8785     height: 50px;
8786     width: 50px; }
8787
8788   .icon-primary-spinner.small {
8789     margin-right: 5px;
8790     height: 30px !important;
8791     width: 30px !important; }
8792
8793   .isIE .icon-primary-spinner,
8794   .isIE .icon-primary-spinner.small {
8795     animation: spinner 1s linear infinite; }
8796
8797   .ds2-no-colors .icon-primary-spinner {
8798     animation: spinner 1s linear infinite;
8799     border: 5px dotted transparent;
8800     border-radius: 50%; }
8801
8802   @keyframes spinner {
8803     0% {
8804       transform: rotate(0deg); }
8805     100% {
8806       transform: rotate(359deg); } }
8807
8808   .b2b-status-tracker > .btn-arrow:nth-of-type(1) {
8809     margin-right: 10px; }
8810
8811   .b2b-status-tracker > .btn-arrow:nth-of-type(2) {
8812     margin-left: 20px; }
8813
8814   .b2b-status-tracker > .btn-arrow {
8815     height: 20px;
8816     margin-top: 25px;
8817     overflow: visible; }
8818     .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-left {
8819       margin-right: 5px;
8820       color: #0574ac; }
8821     .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-right {
8822       color: #0574ac; }
8823
8824   .b2b-status-tracker > .b2b-status-tracker-step {
8825     padding: 0;
8826     position: relative; }
8827
8828   .b2b-status-tracker-step {
8829     margin-left: 5px; }
8830
8831   .b2b-status-tracker > .b2b-status-tracker-step .b2b-status-tracker-heading {
8832     font-family: "Omnes-ECOMP-W02-Medium", Arial;
8833     font-size: 14px;
8834     color: #191919;
8835     margin-bottom: 10px; }
8836
8837   .b2b-status-tracker > .b2b-status-tracker-step.complete > .progress > .progress-bar {
8838     width: 100%;
8839     background-color: #1b7e28; }
8840
8841   .b2b-status-tracker > .b2b-status-tracker-step.complete .icoControls-approval {
8842     color: #1b7e28; }
8843
8844   .b2b-status-tracker > .b2b-status-tracker-step.current > .progress > .progress-bar {
8845     width: 100%;
8846     background-color: #333333; }
8847
8848   .b2b-status-tracker > .b2b-status-tracker-step.current .icon-misc-time {
8849     color: #333333; }
8850
8851   .b2b-status-tracker > .b2b-status-tracker-step.pending > .progress > .progress-bar {
8852     width: 100%;
8853     background-color: #ffb81c; }
8854
8855   .b2b-status-tracker > .b2b-status-tracker-step.pending .icoControls-statusokay {
8856     color: #ffb81c; }
8857
8858   .b2b-status-tracker > .b2b-status-tracker-step.actionRequired > .progress > .progress-bar {
8859     width: 100%;
8860     background-color: #cf2a2a; }
8861
8862   .b2b-status-tracker > .b2b-status-tracker-step.actionRequired .icoSecurityalerts-alert {
8863     color: #cf2a2a; }
8864
8865   .b2b-status-tracker > .b2b-status-tracker-step.notAvailable > .progress > .progress-bar {
8866     width: 100%;
8867     background-color: #767676; }
8868
8869   .b2b-status-tracker > .b2b-status-tracker-step.notAvailable .icoControls-restricted {
8870     color: #767676; }
8871
8872   .b2b-status-tracker > .b2b-status-tracker-step > .progress {
8873     position: relative;
8874     border-radius: 1.5px;
8875     height: 3px;
8876     margin-bottom: 10px;
8877     background-color: #c5c5c5; }
8878     .b2b-status-tracker > .b2b-status-tracker-step > .progress > .progress-bar {
8879       width: 0;
8880       height: 3px; }
8881
8882   .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-estimate {
8883     font-family: "Omnes-ECOMP-W02-Medium", Arial;
8884     font-size: 14px;
8885     color: #191919;
8886     margin-bottom: 10px; }
8887
8888   .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description {
8889     font-family: "Omnes-ECOMP-W02", Arial;
8890     font-size: 12px;
8891     color: #767676;
8892     padding-right: 15px; }
8893     .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description a {
8894       cursor: pointer; }
8895
8896   .step-indicator {
8897     height: auto;
8898     padding: 40px 0; }
8899
8900   .step-heading {
8901     color: #333333;
8902     font-family: "Omnes-ECOMP-W02", Arial;
8903     font-size: 3.8rem;
8904     line-height: 0.8; }
8905
8906   .steps {
8907     display: flex;
8908     height: 5px;
8909     margin-top: 60px;
8910     position: relative; }
8911
8912   .steps li {
8913     color: #5a5a5a;
8914     flex: 1;
8915     margin-right: 5px;
8916     background-color: #c4c4c4;
8917     outline: 1px solid transparent; }
8918
8919   .steps li:first-child {
8920     border-radius: 4px 0 0 4px; }
8921
8922   .steps li:last-child {
8923     margin-right: 0;
8924     border-radius: 0 4px 4px 0; }
8925
8926   .steps li.step-on,
8927   .steps li.step-done {
8928     background-color: #007a3e;
8929     color: #007a3e;
8930     border: 1px solid transparent; }
8931
8932   .step-text {
8933     bottom: 29px;
8934     display: inline-block;
8935     font-size: 1.8rem;
8936     margin-top: 0;
8937     position: relative;
8938     white-space: nowrap; }
8939
8940   .step-on .step-text {
8941     font-family: "Omnes-ECOMP-W02-Medium", Arial; }
8942
8943   .steps li .step-text[data-large-text]:before {
8944     content: attr(data-large-text) " "; }
8945
8946   .step-confirmation {
8947     color: #007a3e;
8948     margin-bottom: 30px; }
8949
8950   .step-confirmation > div {
8951     display: flex; }
8952
8953   .step-confirmation > div i {
8954     color: #007a3e;
8955     font-size: 50px;
8956     margin-right: 10px; }
8957
8958   .step-confirmation.centered > div i {
8959     margin-left: -60px; }
8960
8961   .step-confirmation > div h3 {
8962     font-size: 2.4rem;
8963     margin: 26px 0 20px; }
8964
8965   .step-confirmation > p {
8966     margin: 0; }
8967
8968   @media (max-width: 1024px) {
8969     .step-indicator {
8970       padding: 25px 0; }
8971     .steps {
8972       margin-top: 0; }
8973     .step-heading {
8974       font-size: 2.4rem;
8975       margin-bottom: 11px; }
8976     .step-text {
8977       display: none; }
8978     .step-on .step-text {
8979       bottom: 6px;
8980       display: block;
8981       font-size: 1.2rem;
8982       left: 0;
8983       line-height: 1;
8984       margin-top: 10px;
8985       position: absolute;
8986       top: 4px; }
8987     .steps li .step-text[data-sm-text]:before {
8988       content: attr(data-sm-text) " ";
8989       color: #333333; }
8990     .step-confirmation {
8991       margin-top: 30px !important; } }
8992
8993   @media (max-width: 767px) {
8994     .step-confirmation.centered > div i {
8995       margin-left: 0; }
8996     .step-confirmation.centered > p {
8997       margin-left: 40px; }
8998     .step-confirmation > div h3 {
8999       font-size: 1.8rem;
9000       margin: 13px 0 10px; }
9001     .step-confirmation > div i {
9002       font-size: 30px;
9003       margin-right: 10px; } }
9004
9005   .step-indicator.vertical {
9006     height: auto; }
9007
9008   .vertical .step-heading {
9009     font-size: 24px; }
9010
9011   .vertical .steps {
9012     display: block;
9013     height: inherit;
9014     width: 100%; }
9015
9016   .vertical .steps li {
9017     align-items: center;
9018     background-color: transparent;
9019     display: flex;
9020     height: 60px;
9021     margin: 0 0 4px;
9022     padding: 0 0 0 20px;
9023     position: relative; }
9024
9025   .vertical .steps li .step-text {
9026     align-self: center;
9027     color: #0568ae;
9028     display: block;
9029     margin: 0;
9030     position: relative;
9031     font-size: 14px;
9032     top: 0; }
9033
9034   .vertical .steps li .step-text[data-large-text]:before {
9035     content: attr(data-large-text) " "; }
9036
9037   .vertical .steps li:after {
9038     background-color: transparent;
9039     border-left: 4px solid #d2d2d2;
9040     content: "";
9041     height: 60px;
9042     left: 0;
9043     margin: 0;
9044     padding: 0;
9045     position: absolute;
9046     top: 0;
9047     width: 4px; }
9048
9049   .vertical .steps li.step-on:after,
9050   .vertical .steps li.step-done:after {
9051     border-color: #0568ae; }
9052
9053   .b2b-step-tracker {
9054     height: auto;
9055     padding: 0px 0px 0px 0px; }
9056     .b2b-step-tracker .btn.btn-left {
9057       margin-right: 10px; }
9058     .b2b-step-tracker .btn.btn-right {
9059       margin-left: 5px; }
9060     .b2b-step-tracker .b2b-left-arrow {
9061       float: left;
9062       margin-top: -5px; }
9063     .b2b-step-tracker .b2b-right-arrow {
9064       float: right;
9065       margin-top: -5px; }
9066     .b2b-step-tracker .b2b-steps {
9067       display: flex;
9068       height: 5px;
9069       margin-top: 30px;
9070       position: relative; }
9071       .b2b-step-tracker .b2b-steps li {
9072         color: #767676;
9073         flex: 1;
9074         margin-right: 5px;
9075         background-color: #767676;
9076         outline: 1px solid transparent;
9077         height: 3px; }
9078         .b2b-step-tracker .b2b-steps li.b2b-step-done {
9079           background-color: #1b7e28;
9080           color: #007a3e;
9081           height: 3px; }
9082         .b2b-step-tracker .b2b-steps li.b2b-step-on {
9083           background-color: #333333;
9084           color: #333333;
9085           height: 3px;
9086           font-family: "Omnes-ECOMP-W02-Medium", Arial; }
9087         .b2b-step-tracker .b2b-steps li .b2b-step-text {
9088           bottom: 29px;
9089           display: inline-block;
9090           font-size: 14px;
9091           margin-top: 0;
9092           position: relative;
9093           white-space: nowrap; }
9094         .b2b-step-tracker .b2b-steps li .b2b-step-text[data-large-text]:before {
9095           content: attr(data-large-text) " "; }
9096       .b2b-step-tracker .b2b-steps li:first-child {
9097         border-radius: 2px 0 0 2px; }
9098       .b2b-step-tracker .b2b-steps li:last-child {
9099         margin-right: 0;
9100         border-radius: 0 2px 2px 0; }
9101
9102   @media (max-width: 1024px) {
9103     .b2b-step-tracker {
9104       padding: 25px 0; }
9105       .b2b-step-tracker .b2b-steps {
9106         margin-top: 0; }
9107         .b2b-step-tracker .b2b-steps li .b2b-step-text {
9108           display: none; }
9109         .b2b-step-tracker .b2b-steps li .b2b-step-text[data-sm-text]:before {
9110           content: attr(data-sm-text) " ";
9111           color: #333333; }
9112         .b2b-step-tracker .b2b-steps li.b2b-step-on .b2b-step-text {
9113           bottom: 6px;
9114           display: block;
9115           font-size: 5px;
9116           left: 0;
9117           line-height: 1;
9118           margin-top: 10px;
9119           position: absolute;
9120           top: 4px; } }
9121
9122   .strength-meter-container {
9123     height: 26px;
9124     max-width: 450px; }
9125
9126   .strength-meter-gauge {
9127     border-radius: 2px;
9128     background-color: #d2d2d2;
9129     height: 5px;
9130     display: block;
9131     position: relative;
9132     outline: 1px solid transparent; }
9133
9134   .strength-meter-gauge-fill {
9135     height: 100%;
9136     display: block;
9137     border-radius: 2px;
9138     text-indent: -9999px;
9139     width: 0%;
9140     border: 2px solid transparent; }
9141
9142   .strength-meter-gauge-fill.strength-meter-animate {
9143     transition: width 0.5s linear, background-color 0.5s linear; }
9144
9145   .strength-meter-animate[style*="20"] {
9146     background-color: #cf2a2a; }
9147
9148   .strength-meter-animate[style*="20"] + .strength-meter-divider + .strength-meter-content:after {
9149     content: "Unacceptable"; }
9150
9151   .strength-meter-animate[style*="40"] {
9152     background-color: #ea7400; }
9153
9154   .strength-meter-animate[style*="40"] + .strength-meter-divider + .strength-meter-content:after {
9155     content: "Weak"; }
9156
9157   .strength-meter-animate[style*="60"] {
9158     background-color: #ea7400; }
9159
9160   .strength-meter-animate[style*="60"] + .strength-meter-divider + .strength-meter-content:after {
9161     content: "Fair"; }
9162
9163   .strength-meter-animate[style*="80"] {
9164     background-color: #007a3e; }
9165
9166   .strength-meter-animate[style*="80"] + .strength-meter-divider + .strength-meter-content:after {
9167     content: "Good"; }
9168
9169   .strength-meter-animate[style*="100"] {
9170     background-color: #007a3e; }
9171
9172   .strength-meter-animate[style*="100"] + .strength-meter-divider + .strength-meter-content:after {
9173     content: "Excellent"; }
9174
9175   .strength-meter-divider {
9176     position: absolute;
9177     top: 0;
9178     bottom: 0;
9179     left: 0;
9180     right: 0;
9181     display: flex;
9182     overflow: hidden; }
9183
9184   .strength-meter-divider span {
9185     background: transparent;
9186     display: block;
9187     flex-grow: 1;
9188     border-right: solid 1px #fff; }
9189
9190   .strength-meter-divider span:first-child {
9191     border-radius: 2px 0 0 2px; }
9192
9193   .strength-meter-divider span + .strength-meter-divider span {
9194     border-radius: 0; }
9195
9196   .strength-meter-divider span:last-child {
9197     border-radius: 0 2px 2px 0;
9198     border-right: 0; }
9199
9200   .strength-meter-content {
9201     font-size: 14px;
9202     line-height: 1;
9203     padding-top: 7px;
9204     position: absolute; }
9205
9206   .strength-meter-content:before {
9207     font-family: "Omnes-ECOMP-W02", Arial;
9208     content: "Password strength: "; }
9209
9210   .strength-meter-content:after {
9211     font-family: "Omnes-ECOMP-W02-Medium", Arial; }
9212
9213   .strength-meter-container {
9214     height: 26px;
9215     min-width: 290px;
9216     max-width: 450px; }
9217
9218   .strength-meter-container .strength-meter-gauge {
9219     border-radius: 2px;
9220     background-color: #cccccc;
9221     box-shadow: 0 1px 1px -1px #333 inset;
9222     height: 5px;
9223     display: block;
9224     overflow: hidden;
9225     position: relative; }
9226
9227   .strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill {
9228     height: 100%;
9229     box-shadow: 0 1px 1px -1px #999 inset;
9230     display: block;
9231     text-indent: -9999px;
9232     width: 0%; }
9233
9234   .strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill.strength-meter-animate {
9235     transition: width 0ms ease-out, background-color 0ms ease-in; }
9236
9237   .strength-meter-container > .strength-meter-gauge > .strength-meter-divider {
9238     position: absolute;
9239     top: 0;
9240     bottom: 0;
9241     left: 0;
9242     right: 0;
9243     display: flex; }
9244
9245   .strength-meter-container > .strength-meter-gauge > .strength-meter-divider span {
9246     background: transparent;
9247     display: block;
9248     flex-grow: 1;
9249     border-right: solid 1px #fff; }
9250
9251   .strength-meter-container > .strength-meter-gauge > .strength-meter-divider span:last-child {
9252     border-right: 0; }
9253
9254   .strength-meter-container > .strength-meter-content {
9255     font-family: "Omnes-ECOMP-W02", Arial;
9256     font-size: 14px;
9257     line-height: 1;
9258     padding-top: 7px; }
9259
9260   .strength-meter-container > .strength-meter-content:before {
9261     content: none; }
9262
9263   .strength-meter-container > .strength-meter-content > .strength-meter-content-state {
9264     font-family: "Omnes-ECOMP-W02-Medium", Arial; }
9265
9266   .btn-switch-label {
9267     display: flex;
9268     align-items: center; }
9269     .btn-switch-label:focus .btn-switch {
9270       outline: 1px dotted #666;
9271       outline-offset: 5px; }
9272     .btn-switch-label input:focus .btn-switch {
9273       outline: 1px dotted #666;
9274       outline-offset: 5px; }
9275     .btn-switch-label > span {
9276       flex: 1; }
9277
9278   .btn-switch {
9279     background-color: #fff;
9280     border: 1px solid #d2d2d2;
9281     border-radius: 16px;
9282     box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.15) inset, 0 5px 5px -5px rgba(0, 0, 0, 0.15);
9283     height: 32px;
9284     overflow: hidden;
9285     position: relative;
9286     width: 80px;
9287     user-select: none; }
9288     /* .btn-switch input[type="checkbox"] {
9289       left: 0;
9290       margin: 0;
9291       opacity: 0;
9292       position: absolute;
9293       top: 0;
9294       transition: none; }
9295       .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on .activo {
9296         font: 0px/0 "Omnes-ECOMP-W02", Arial; }
9297       .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on + .btn + .btn-slider-off .inactivo {
9298         font: 0px/0 "Omnes-ECOMP-W02", Arial; } */
9299     .btn-switch input:checked + .switch-overlay {
9300       left: 0;
9301       transition: all .3s linear .0s; }
9302       .btn-switch input:checked + .switch-overlay .switch-handle {
9303         background-color: #007a3e;
9304         background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
9305         transition: background-color 0.3s linear 0s;
9306         border: 1px solid transparent; }
9307     .btn-switch input + .switch-overlay {
9308       left: -48px;
9309       transition: all .3s linear .0s; }
9310       .btn-switch input + .switch-overlay .switch-handle {
9311         background-color: #f2f2f2;
9312         background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
9313         transition: background-color 0.3s linear 0s;
9314         border: 1px solid #d2d2d2; }
9315     .btn-switch input[disabled] + .switch-overlay {
9316       left: 0;
9317       width: 100% !important;
9318       background-color: #d2d2d2;
9319       color: #959595;
9320       cursor: not-allowed !important; }
9321       .btn-switch input[disabled] + .switch-overlay .btn-slider-on {
9322         display: none; }
9323       .btn-switch input[disabled] + .switch-overlay .activo {
9324         display: none; }
9325       .btn-switch input[disabled] + .switch-overlay .switch-handle {
9326         display: none; }
9327       .btn-switch input[disabled] + .switch-overlay .btn-slider-off {
9328         left: 0;
9329         text-align: center;
9330         padding: 0; }
9331     .btn-switch input[disabled]:checked + .switch-overlay {
9332       left: 0;
9333       width: 100% !important;
9334       background-color: #fff; }
9335       .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off {
9336         display: none; }
9337         .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off + .inactivo {
9338           display: none; }
9339       .btn-switch input[disabled]:checked + .switch-overlay .switch-handle {
9340         display: none; }
9341       .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-on {
9342         display: block;
9343         text-align: center;
9344         padding: 0;
9345         color: #007a3e !important;
9346         font-weight: bold; }
9347       .btn-switch input[disabled]:checked + .switch-overlay .activo {
9348         display: block;
9349         text-align: center;
9350         padding: 0;
9351         color: #007a3e !important;
9352         font-weight: bold; }
9353     .btn-switch input[disabled]:checked + .btn-slider-on {
9354       display: block; }
9355     .btn-switch input[disabled] + .btn-slider-on + .switch-handle {
9356       width: 100%;
9357       margin: 0; }
9358       .btn-switch input[disabled] + .btn-slider-on + .switch-handle + .btn-slider-off {
9359         display: block; }
9360     /* .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on {
9361       display: none; }
9362       .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo {
9363         border: medium none;
9364         color: #666;
9365         font: 16px/32px "Omnes-ECOMP-W02", Arial;
9366         height: auto;
9367         margin: 0 auto;
9368         width: auto; }
9369         .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo:before {
9370           display: none; }
9371       .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
9372         display: block;
9373         padding: 0;
9374         text-align: center;
9375         color: #333333; }
9376         .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo {
9377           border: medium none;
9378           color: #666;
9379           font: 16px/32px "Omnes-ECOMP-W02", Arial;
9380           height: auto;
9381           margin: 0 auto;
9382           width: auto; }
9383           .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo:before {
9384             display: none; }
9385     .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on {
9386       display: block;
9387       padding: 0;
9388       text-align: center;
9389       color: #007a3e; }
9390       .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
9391         display: none; }
9392     .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .activo {
9393       color: #007a3e;
9394       font-weight: bold; } */
9395
9396   .switch-overlay {
9397     border-radius: 16px;
9398     color: black !important;
9399     font-size: 1.6rem;
9400     height: 32px;
9401     left: 0;
9402     position: absolute;
9403     top: -1px;
9404     width: 126px;
9405     overflow: hidden; }
9406
9407   .btn-slider-on {
9408     left: -1px;
9409     text-align: left;
9410     padding-left: 12px;
9411     display: inline-block;
9412     font-family: "Omnes-ECOMP-W02", Arial;
9413     height: 32px;
9414     line-height: 32px;
9415     position: absolute;
9416     top: 1px;
9417     width: 80px; }
9418
9419   .btn-slider-off {
9420     display: inline-block;
9421     font-family: "Omnes-ECOMP-W02", Arial;
9422     height: 32px;
9423     line-height: 32px;
9424     position: absolute;
9425     top: 1px;
9426     width: 80px;
9427     right: 1px;
9428     text-align: right;
9429     padding-right: 11px; }
9430
9431   .switch-handle {
9432     border-radius: 50%;
9433     display: inline-block;
9434     height: 26px;
9435     left: 50px;
9436     position: absolute;
9437     top: 3px;
9438     width: 26px; }
9439
9440   .activo {
9441     display: block;
9442     font-size: 0.1px;
9443     line-height: 40px;
9444     overflow: hidden; }
9445     .activo:before {
9446       background-image: none;
9447       border-left: 3px solid #007a3e;
9448       content: " ";
9449       height: 18px;
9450       left: 22px;
9451       margin: 2px auto;
9452       position: absolute;
9453       top: 5px;
9454       width: 0; }
9455
9456   .inactivo {
9457     font-size: 0.1px;
9458     line-height: 40px; }
9459     .inactivo:before {
9460       background-image: none;
9461       border: 3px solid #959595;
9462       border-radius: 100%;
9463       content: " ";
9464       display: block;
9465       position: absolute;
9466       top: 4px;
9467       right: 3px;
9468       height: 16px;
9469       width: 16px; }
9470
9471   .btn-switch.focused {
9472     outline: 1px dotted #000;
9473     outline-offset: 5px; }
9474
9475   table {
9476     max-width: 100%;
9477     background-color: transparent;
9478     border-collapse: collapse;
9479     border-spacing: 0;
9480     width: 100%;
9481     margin-bottom: 20px; }
9482
9483   table caption {
9484     text-align: left; }
9485
9486   table thead th {
9487     vertical-align: bottom; }
9488
9489   table th,
9490   table td {
9491     padding: 19px 20px;
9492     line-height: 1;
9493     font-size: 1.4rem;
9494     text-align: left;
9495     vertical-align: top;
9496     word-wrap: break-word; }
9497
9498   table th {
9499     font-family: "Omnes-ECOMP-W02-Medium", Arial;
9500     font-size: 1.6rem;
9501     font-weight: normal;
9502     color: #333333;
9503     padding: 13px 20px; }
9504
9505
9506   table tbody td:first-child {
9507     border-left: none; }
9508
9509   .tiny-accordion.iconleft.accordion-table-layout .toggle-header,
9510   .tiny-accordion.iconleft.accordion-table-layout .toggle-header + .accordion-content,
9511   .tiny-accordion.iconleft.accordion-table-layout .inactive-toggle-header {
9512     padding: 0 0 0 50px; }
9513
9514   .faux-table-cell,
9515   .inactive-toggle-header .faux-table-cell {
9516     display: table-cell;
9517     width: 100%;
9518     padding: 13px 0 10px 0;
9519     font-size: 16px;
9520     color: #333333; }
9521
9522   .accordion-content .faux-table-cell {
9523     display: table-cell;
9524     width: 100%;
9525     padding: 0 0 10px 0; }
9526
9527   .faux-table-cell:last-child {
9528     text-align: right;
9529     min-width: 100px;
9530     max-width: 150px;
9531     width: 1%;
9532     background-color: #f2f2f2;
9533     color: #333333;
9534     font-size: 14px;
9535     border-left: 1px solid #d2d2d2;
9536     padding: 0 20px 0 10px; }
9537
9538   .tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded {
9539     opacity: 1; }
9540
9541   .tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded {
9542     opacity: 0;
9543     transition: opacity .3s linear .2s; }
9544
9545   @media (max-width: 767px) {
9546     table th,
9547     table td {
9548       padding: 19px 10px; }
9549     table th:first-child,
9550     table td:first-child {
9551       padding: 19px 15px; } }
9552
9553   .data-row-list ul > li {
9554     background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3Argba(153%2C153%2C153%2C1)%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important; }
9555
9556   table {
9557     border-bottom: 1px solid #d2d2d2; }
9558
9559   table th,
9560   table td {
9561     padding: 15px 15px 10px; }
9562
9563   .data-row .col-1 {
9564     white-space: nowrap;
9565     padding: 15px 15px 0 15px;
9566     position: relative;
9567     font-family: "Omnes-ECOMP-W02", Arial;
9568     font-size: 1.4rem;
9569     border-top: 1px solid #d2d2d2; }
9570
9571   .data-row.has-button .col-1 {
9572     padding: 0; }
9573
9574   .complex-table .data-row .col-1 {
9575     color: #0568ae;
9576     cursor: pointer; }
9577
9578   .data-row.opened {
9579     box-shadow: 0 -2px 0 0 #d2d2d2; }
9580
9581   .data-row.opened td,
9582   .data-row.opened th {
9583     border-left: 1px solid transparent;
9584     border-bottom: 1px solid transparent; }
9585
9586   .data-row.opened + .data-row-list {
9587     box-shadow: 0 1px 0 0 #d2d2d2; }
9588
9589   .data-row.opened + .data-row-list > td {
9590     padding-top: 0; }
9591
9592   .data-row.opened + .data-row-list + .data-row.opened {
9593     box-shadow: 0 -1px 0 0 #d2d2d2; }
9594
9595   .data-row button {
9596     background-color: transparent;
9597     border: medium none;
9598     border-radius: 0;
9599     color: #0568ae;
9600     font-family: "Omnes-ECOMP-W02", Arial;
9601     font-size: 1.4rem;
9602     left: 0;
9603     margin: 0;
9604     padding: 12px 15px 7px;
9605     position: relative;
9606     text-align: left;
9607     top: 0;
9608     vertical-align: middle; }
9609
9610   .data-row button:focus {
9611     outline: 1px dotted black; }
9612
9613   .data-row .col-1 i {
9614     top: -1px;
9615     margin-right: 10px;
9616     display: inline-block !important; }
9617
9618   .data-row-list th:first-child {
9619     background-color: inherit !important;
9620     border-top: none;
9621     padding: 0 15px 15px;
9622     font-family: "Omnes-ECOMP-W02", Arial;
9623     font-size: 1.4rem; }
9624
9625   .data-row-list ul {
9626     margin: 0 0 0 30px; }
9627
9628   .data-row-list ul > li:before {
9629     display: none; }
9630
9631   .data-row-list ul > li {
9632     /* background-image in tables.less */
9633     background-position: left 13px;
9634     background-repeat: repeat-x;
9635     background-size: 4px 1px;
9636     display: table;
9637     padding-left: 0;
9638     width: 100%; }
9639
9640   .data-row-list li div {
9641     display: table-cell;
9642     background-color: white;
9643     float: left;
9644     text-align: left;
9645     padding-left: 0;
9646     padding-right: 7px; }
9647
9648   .data-row-list li div + div {
9649     float: right;
9650     text-align: right;
9651     padding-right: 0;
9652     padding-left: 7px; }
9653
9654   .complex-table td:nth-child(1),
9655   .complex-table td:nth-child(2),
9656   .complex-table td:nth-child(3),
9657   .complex-table td:nth-child(4),
9658   .complex-table td:nth-child(5),
9659   .complex-table td:nth-child(6),
9660   .complex-table td:nth-child(7),
9661   .complex-table td:nth-child(8),
9662   .complex-table td:nth-child(9) {
9663     white-space: nowrap; }
9664
9665   th:nth-child(8) {
9666     word-wrap: break-word;
9667     word-spacing: 0; }
9668
9669   .align-col-right {
9670     text-align: right; }
9671
9672   .complex-table th:not(:first-child),
9673   .complex-table td:not(:first-child) {
9674     text-align: right; }
9675
9676   .striped tbody > tr td {
9677     background-color: transparent !important; }
9678
9679   .striped tbody > tr.data-row.odd,
9680   .striped tbody > tr.data-row.odd + .data-row-list,
9681   .striped tbody > tr.data-row.odd + .data-row-list li div {
9682     background-color: #f2f2f2 !important; }
9683
9684   .striped tbody > tr:not('.data-row'):nth-child(even) {
9685     background-color: #f2f2f2; }
9686
9687   .b2b-table-div .selectWrap {
9688     width: 290px;
9689     position: relative;
9690     display: inline-table;
9691     margin-bottom: 0px; }
9692
9693   .b2b-external-sort-div {
9694     float: right;
9695     padding-bottom: 25px; }
9696
9697   .b2b-external-sort-div .sortButton {
9698     font-size: 36px;
9699     border: 1px solid #ccc;
9700     background: #FFF;
9701     border-radius: 6px;
9702     text-align: center;
9703     background: linear-gradient(#fcfcfc, #f2f2f2);
9704     background-blend-mode: multiply;
9705     width: 1em; }
9706
9707   .b2b-external-sort-label {
9708     padding-bottom: 10px; }
9709
9710   .b2b-external-sort-div a:hover {
9711     cursor: pointer; }
9712
9713   .b2b-external-sort-div a:hover, .b2b-external-sort-div a:focus {
9714     text-decoration: none; }
9715
9716   .b2b-external-sort-label label {
9717     position: relative; }
9718
9719   .b2b-external-sort-margin {
9720     margin-right: 13px !important; }
9721
9722   .b2b-table-sorter-icon [class*="icoArrows-"]:before {
9723     font-size: 20px; }
9724
9725   @media screen and (max-width: 950px) {
9726     .b2b-external-sort-margin .selectWrap {
9727       bottom: 0px !important; } }
9728
9729   .tablesorter-default .tablesorter-header.sorter-false .tablesorter-header-inner {
9730     background: 0 0;
9731     cursor: default; }
9732
9733   .tablesorter-default .tablesorter-header .tablesorter-header-inner {
9734     /*  background-image: url(images/tables/upanddown.png);*/
9735     background-position: center right;
9736     background-repeat: no-repeat;
9737     cursor: pointer;
9738     white-space: normal;
9739     display: inline-block;
9740     vertical-align: baseline;
9741     zoom: 1;
9742     *display: inline;
9743     *vertical-align: auto;
9744     /*  padding: 0 24px 0 0;*/ }
9745
9746   .tablesorter-default .tablesorter-header.sorter-false .tablesorter-header-inner {
9747     padding: 0; }
9748
9749   .tablesorter-default .tablesorter-header.tablesort-sortable .tablesorter-header-inner span {
9750     margin-right: 24px;
9751     display: inline-block; }
9752
9753   /*
9754   .tablesorter-default thead .headerSortUp .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner {
9755     background-image: url(images/tables/up.png);
9756   }
9757
9758   .tablesorter-default thead .headerSortDown .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner {
9759     background-image: url(images/tables/down.png);
9760   }
9761   */
9762   .tablesorter-default thead .headerSortUp .tablesorter-header-inner,
9763   .tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner,
9764   .tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner,
9765   .tablesorter-default thead .headerSortDown .tablesorter-header-inner,
9766   .tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner,
9767   .tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner {
9768     padding-right: 0;
9769     line-height: 16px; }
9770
9771   .tablesorter-default thead .headerSortUp .tablesorter-header-inner:after,
9772   .tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner:after,
9773   .tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner:after {
9774     font-family: 'icoPrimary' !important;
9775     speak: none;
9776     font-style: normal;
9777     font-size: 24px;
9778     font-weight: normal;
9779     font-variant: normal;
9780     text-transform: none;
9781     line-height: 14px;
9782     -webkit-font-smoothing: antialiased;
9783     -moz-osx-font-smoothing: grayscale;
9784     -moz-user-select: none;
9785     -ms-user-select: none;
9786     -webkit-user-select: none;
9787     user-select: none;
9788     content: "\ea3c";
9789     /*    position: relative;*/
9790     position: absolute;
9791     text-decoration: inherit;
9792     display: inline-block;
9793     transform: rotate(180deg);
9794     margin-left: -22px;
9795     margin-top: 2px; }
9796
9797   .tablesorter-default thead .headerSortDown .tablesorter-header-inner:after,
9798   .tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner:after,
9799   .tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner:after {
9800     font-family: 'icoPrimary' !important;
9801     speak: none;
9802     font-style: normal;
9803     font-size: 24px;
9804     font-weight: normal;
9805     font-variant: normal;
9806     text-transform: none;
9807     line-height: 14px;
9808     -webkit-font-smoothing: antialiased;
9809     -moz-osx-font-smoothing: grayscale;
9810     -moz-user-select: none;
9811     -ms-user-select: none;
9812     -webkit-user-select: none;
9813     user-select: none;
9814     content: "\ea3c";
9815     /*    position: relative;*/
9816     position: absolute;
9817     text-decoration: inherit;
9818     display: inline-block;
9819     margin-left: -22px;
9820     margin-top: 2px; }
9821
9822   .tablesorter-search-highlight {
9823     font-weight: 700; }
9824
9825   .tablesorter-headerRow th:focus {
9826     outline: thin dotted #666;
9827     outline-offset: -1px; }
9828
9829   .b2b-table-message {
9830     font-family: "Omnes-ECOMP-W02", Arial; }
9831     .b2b-table-message .b2b-magnify-glass {
9832       background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20enable-background%3D%22new%200%200%2036%2036%22%3E%3Cpath%20d%3D%22M27.847%208.26c-1.805-1.803-4.202-2.795-6.751-2.795-2.548%200-4.945.993-6.749%202.796-1.803%201.803-2.796%204.2-2.796%206.75%200%201.879.543%203.681%201.576%205.242l-7.059%207.059c-.357.356-.554.831-.554%201.336-.001.505.196.98.554%201.337.357.356.832.552%201.336.552.503%200%20.977-.196%201.336-.553l7.047-7.048c1.576%201.062%203.402%201.622%205.309%201.622%202.55%200%204.948-.993%206.751-2.796%201.803-1.804%202.796-4.201%202.796-6.751%200-2.549-.993-4.947-2.796-6.751zm-6.761.96c3.186%200%205.778%202.592%205.778%205.778%200%203.186-2.592%205.778-5.778%205.778-3.186%200-5.778-2.592-5.778-5.778%200-3.185%202.592-5.778%205.778-5.778z%22%20fill%3D%22%23767676%22%2F%3E%3C%2Fsvg%3E");
9833       background-repeat: no-repeat;
9834       background-position: center;
9835       height: 50px; }
9836     .b2b-table-message .b2b-alert {
9837       font-size: 50px; }
9838     .b2b-table-message .b2b-loading-dots {
9839       font-size: 50px;
9840       margin-bottom: 20px; }
9841     .b2b-table-message .b2b-message {
9842       text-align: center;
9843       padding-bottom: 45px;
9844       padding-top: 40px;
9845       border-style: solid;
9846       border-width: 1px;
9847       border-top: none;
9848       padding-bottom: 45px;
9849       border-color: #d2d2d2;
9850       width: 100%;
9851       min-height: 220px; }
9852     .b2b-table-message .b2b-error-title {
9853       font-family: "Omnes-ECOMP-W02", Arial;
9854       color: #444444;
9855       line-height: 26px;
9856       margin-top: 10px; }
9857     .b2b-table-message .b2b-message-title {
9858       color: #444;
9859       font-family: "Omnes-ECOMP-W02", Arial; }
9860
9861   .b2b-table-scrollbar {
9862     border: 1px solid;
9863     width: 651px;
9864     position: relative; }
9865     .b2b-table-scrollbar .b2b-table-inner-container {
9866       width: 650px;
9867       padding-left: 150px;
9868       overflow-x: scroll; }
9869     .b2b-table-scrollbar th:first-child {
9870       background-color: #FFFFFF; }
9871     .b2b-table-scrollbar td:first-child {
9872       background-color: #FFFFFF;
9873       border-top: 1px solid #cccccc;
9874       border-right: 1px solid #cccccc;
9875       margin-top: -0.5px; }
9876     .b2b-table-scrollbar tr {
9877       th: nth-child(2), td; }
9878       .b2b-table-scrollbar tr :nth-child(2) {
9879         border-left: none; }
9880     .b2b-table-scrollbar tr:last-child > td:first-child {
9881       border-bottom: 1px solid #cccccc; }
9882
9883   .b2b-scrollbar-arrow-left {
9884     float: left;
9885     margin: 10px; }
9886
9887   .b2b-scrollbar-arrow-right {
9888     float: right;
9889     clear: right;
9890     margin: 10px; }
9891     .b2b-scrollbar-arrow-right.btn-arrow .btn {
9892       margin-right: 0; }
9893
9894   .b2b-table-scrollbar ::-webkit-scrollbar {
9895     height: 10px; }
9896
9897   .b2b-table-scrollbar ::-webkit-scrollbar-thumb {
9898     background: #666666;
9899     border-radius: 5px; }
9900
9901   .tabs {
9902     margin-left: 0;
9903     margin-bottom: 20px;
9904     list-style: none; }
9905
9906   .tabs > li > a {
9907     display: block; }
9908
9909   .tabs > li > a:hover,
9910   .tabs > li > a:focus {
9911     text-decoration: none;
9912     background-color: #d2d2d2; }
9913
9914   .tabs > .pull-right {
9915     float: right; }
9916
9917   .tabs:before,
9918   .tabs:after {
9919     display: table;
9920     content: "";
9921     line-height: 0; }
9922
9923   .tabs:after {
9924     clear: both; }
9925
9926   .tabs > li {
9927     float: left; }
9928
9929   .tabs > li > a {
9930     padding-right: 20px;
9931     padding-left: 20px;
9932     margin-right: 3px;
9933     line-height: 16px; }
9934
9935   .tabs {
9936     margin: 0; }
9937
9938   .tabs > li {
9939     margin-bottom: -1px; }
9940
9941   .tabs > li:first-child {
9942     margin-left: 20px; }
9943
9944   .tabs > li > a {
9945     padding: 12px 20px;
9946     border: 1px solid #d2d2d2;
9947     border-radius: 6px 6px 0 0;
9948     background-color: #f2f2f2;
9949     color: #5a5a5a;
9950     border-color: #d2d2d2; }
9951
9952   .tabs > li > a {
9953     margin-right: 6px; }
9954
9955   .tabs > li > a,
9956   .tabs > li > a:hover,
9957   .tabs > li > a:focus {
9958     background-image: none;
9959     background-color: #ffffff;
9960     color: #5a5a5a;
9961     border-color: #d2d2d2;
9962     border-bottom: 1px solid transparent;
9963     cursor: pointer; }
9964
9965   .tabs.tabs-justified,
9966   .tabs.promo-tabs {
9967     width: 100%;
9968     border-bottom: 0;
9969     margin-bottom: -1px; }
9970
9971   .tabs.tabs-justified > li,
9972   .tabs.promo-tabs > li {
9973     display: table-cell;
9974     float: none;
9975     width: 1%;
9976     border-left: 1px solid #d2d2d2; }
9977
9978   .tabs.tabs-justified > li.active,
9979   .tabs.promo-tabs > li.active {
9980     position: relative;
9981     z-index: 1000; }
9982
9983   .tabs.tabs-justified > li > a {
9984     padding-right: 5px;
9985     padding-left: 5px; }
9986
9987   .tabs.tabs-justified > li > a,
9988   .tabs.promo-tabs > li > a {
9989     text-align: center; }
9990
9991   .tabs.promo-tabs > li > a {
9992     padding: 0;
9993     margin: 0;
9994     border-radius: 0;
9995     border: none;
9996     color: #0568ae;
9997     font-size: 1.2rem;
9998     text-align: center;
9999     padding: 6px 10px 10px;
10000     border-top: 4px solid #e6e6e6;
10001     filter: none;
10002     border-bottom: 1px solid #d2d2d2;
10003     background-color: #f9f9f9; }
10004
10005   .tabs > li:last-child > a {
10006     margin-right: 0; }
10007
10008   .tabs.promo-tabs > li.active > a {
10009     color: #333333;
10010     border-top: 4px solid #ea7400;
10011     border-bottom-color: white;
10012     background-color: #fff !important;
10013     filter: none;
10014     cursor: default; }
10015
10016   .tabs.promo-tabs > li:first-child {
10017     border-left: none; }
10018
10019   .tabs.promo-tabs > li > a img {
10020     max-width: inherit;
10021     max-height: 39px;
10022     margin: 0 auto 5px auto;
10023     display: block; }
10024
10025   .tabbable:before,
10026   .tabbable:after {
10027     display: table;
10028     content: "";
10029     line-height: 0; }
10030
10031   .tabbable:after {
10032     clear: both; }
10033
10034
10035
10036   .tabs.promo-tabs > li > a {
10037     font-size: 2.0rem;
10038     height: 70px;
10039     padding: 20px 20px 24px;
10040     background-color: #FFFFFF;
10041     border-top: 5px solid #FFFFFF;
10042     white-space: nowrap; }
10043
10044   .tabs.promo-tabs > li.active > a {
10045     border-top: 5px solid #0574ac; }
10046
10047   .tabs.promo-tabs > li > a:hover {
10048     color: #333333; }
10049
10050   .tabs.promo-tabs > li {
10051     width: auto; }
10052
10053   .tabs > li[disabled="disabled"] > a:hover {
10054     cursor: not-allowed; }
10055
10056   .b2b-tags {
10057     background-color: #f2f2f2;
10058     -webkit-transition: all .3s ease-out;
10059     -moz-transition: all .3s ease-out;
10060     transition: all .3s ease-out;
10061     margin: 3px 5px 3px 0;
10062     padding: 2px 15px;
10063     border-radius: 6px;
10064     border: 1px solid #c9c9c9;
10065     display: inline-block; }
10066     .b2b-tags .tags__item {
10067       font-size: 14px;
10068       vertical-align: baseline;
10069       zoom: 1;
10070       color: #333; }
10071       .b2b-tags .tags__item i {
10072         color: #0574ac;
10073         font-size: 14px;
10074         font-weight: bold;
10075         margin-left: 10px; }
10076         .b2b-tags .tags__item i:hover {
10077           cursor: pointer; }
10078       .b2b-tags .tags__item i:focus {
10079         outline: thin dotted #666; }
10080       .b2b-tags .tags__item:last-child {
10081         margin-right: 0; }
10082       .b2b-tags .tags__item:hover {
10083         text-decoration: none; }
10084       .b2b-tags .tags__item:focus {
10085         outline: 1px dotted #666; }
10086
10087   .tooltip-size-control {
10088     display: block; }
10089
10090   .tooltip {
10091     display: inline-block;
10092     height: 20px;
10093     vertical-align: middle;
10094     margin: 1px 0 0 7px; }
10095
10096   p .tooltip {
10097     margin: -3px 7px 0 0; }
10098
10099   label .tooltip {
10100     margin: 1px 0 0 7px; }
10101
10102   .tooltip .icon-primary-tooltip {
10103     background: none;
10104     border: none;
10105     display: inline-block;
10106     font-size: 20px;
10107     height: 20px;
10108     margin: 0;
10109     position: relative;
10110     width: 20px; }
10111
10112   .tooltip .icon-primary-tooltip:before {
10113     top: 0; }
10114
10115   .tooltip .icon-primary-tooltip:focus {
10116     text-decoration: none;
10117     outline: 1px dotted black; }
10118
10119   .tooltip.active .icon-primary-tooltip:focus {
10120     outline: none; }
10121
10122   .tooltip .arrow {
10123     display: none;
10124     border-color: transparent;
10125     border-style: solid;
10126     background-color: #0568ae;
10127     height: 20px;
10128     width: 20px;
10129     position: absolute;
10130     top: 0;
10131     right: 0;
10132     bottom: 0;
10133     left: 0;
10134     opacity: 0;
10135     transform: rotate(45deg);
10136     z-index: 20; }
10137
10138   .tooltip.active .icon-primary-tooltip[data-placement="top"] .arrow {
10139     display: block;
10140     bottom: 32px;
10141     top: auto;
10142     border-width: 0 1px 1px 0; }
10143
10144   .tooltip.active .icon-primary-tooltip[data-placement="bottom"] .arrow {
10145     border-width: 1px 0 0 1px;
10146     display: block;
10147     bottom: -33px;
10148     top: auto; }
10149
10150   .tooltip.active .arrow {
10151     opacity: 1; }
10152
10153   .tooltip .closingtooltip {
10154     display: block; }
10155
10156   .tooltip.active .closingtooltip {
10157     display: none; }
10158
10159   .tooltip-wrapper {
10160     position: absolute;
10161     margin-top: 20px;
10162     left: 15px;
10163     right: 15px;
10164     display: none;
10165     opacity: 0;
10166     z-index: 1010;
10167     text-align: left; }
10168
10169   .helpertext {
10170     background-color: #0568ae;
10171     border: 1px solid transparent;
10172     border-radius: 6px;
10173     color: #fff;
10174     display: none;
10175     margin: 0;
10176     padding: 25px;
10177     position: relative;
10178     text-align: left;
10179     width: 100%;
10180     top: 0;
10181     z-index: 1009; }
10182
10183   .tooltip .helpertext {
10184     position: absolute; }
10185
10186   .tooltip.active .icon-primary-tooltip[data-placement="bottom"] + .tooltip-wrapper .helpertext {
10187     bottom: inherit;
10188     top: 19px; }
10189
10190   .tooltip.active .icon-primary-tooltip[data-placement="top"] + .tooltip-wrapper .helpertext {
10191     top: inherit;
10192     bottom: 38px; }
10193
10194   .tooltip.active .tooltip-wrapper {
10195     opacity: 1;
10196     display: block;
10197     margin-top: 0; }
10198
10199   .tooltip.active .tooltip-wrapper .helpertext {
10200     display: block; }
10201
10202   .tooltip-onclick .btn.icon-primary-tooltip {
10203     border: medium none;
10204     box-shadow: none;
10205     color: #0568ae;
10206     font-size: 20px;
10207     height: 34px;
10208     line-height: 36px;
10209     margin: 0;
10210     min-width: 50px;
10211     padding: 0;
10212     position: absolute;
10213     right: 0;
10214     top: 0; }
10215
10216   .tooltip-onclick .icon-primary-tooltip:before {
10217     display: inline;
10218     position: relative; }
10219
10220   .tooltip-onclick textarea + .reset-field + .icon-primary-tooltip {
10221     top: 4px;
10222     right: 5px;
10223     min-width: 40px; }
10224
10225   .tooltip-onclick.active .helpertext:before,
10226   .tooltip-onfocus.active .helpertext:before {
10227     background-color: #0568ae;
10228     border-color: transparent;
10229     border-style: solid;
10230     border-width: 1px 1px 0 0;
10231     content: "";
10232     display: block;
10233     height: 15px;
10234     left: 17px;
10235     margin: 0;
10236     position: absolute;
10237     top: -7px;
10238     transform: rotate(-45deg);
10239     width: 15px; }
10240
10241   .tooltip-onclick.active .helpertext {
10242     display: block;
10243     opacity: 1;
10244     margin: 14px 0 0; }
10245
10246   .tooltip-onclick.active .helpertext:before {
10247     left: inherit;
10248     right: 18px; }
10249
10250   .tooltip-onclick .reset-field {
10251     right: 37px; }
10252
10253   .tooltip-onclick .reset-field:before {
10254     position: relative;
10255     top: -1px; }
10256
10257   .tooltip-onfocus.active .helpertext {
10258     display: block;
10259     margin: 14px 0 10px 0; }
10260
10261   .popover-title {
10262     display: block;
10263     font-size: 14px;
10264     font-family: "Omnes-ECOMP-W02-Medium", Arial;
10265     font-weight: bold;
10266     margin-bottom: 8px;
10267     white-space: normal; }
10268
10269   .popover-content {
10270     display: block;
10271     font-size: 12px;
10272     font-family: "Omnes-ECOMP-W02", Arial;
10273     line-height: 1.5rem;
10274     white-space: normal; }
10275
10276   .popover-content span,
10277   .popover-content p {
10278     line-height: 1.5rem; }
10279
10280   .popover-content p:last-child {
10281     margin-bottom: 0; }
10282
10283   .tooltip .tooltip-element {
10284     position: relative; }
10285
10286   .tooltip .icon-primary-tooltip:hover {
10287     text-decoration: none; }
10288
10289   .tooltip.active .tooltip-element[data-placement="top"] .arrow {
10290     display: block;
10291     bottom: 32px;
10292     top: auto; }
10293
10294   .tooltip.active .tooltip-element[data-placement="bottom"] .arrow {
10295     display: block;
10296     border-color: transparent transparent #0574ac;
10297     bottom: -33px;
10298     top: auto; }
10299
10300   .tooltip.active .tooltip-element[data-placement="bottom"] + .tooltip-wrapper .helpertext {
10301     bottom: inherit;
10302     top: 19px; }
10303
10304   .tooltip.active .tooltip-element[data-placement="top"] + .tooltip-wrapper .helpertext {
10305     top: inherit;
10306     bottom: 38px; }
10307
10308   .b2b-tree {
10309     padding: 0 10px 0 10px;
10310     width: 320px; }
10311     .b2b-tree ul {
10312       list-style: none;
10313       list-style-type: none; }
10314     .b2b-tree a {
10315       display: block;
10316       padding: 0 0 5px 30px;
10317       line-height: 22px;
10318       margin-left: -10px;
10319       font-size: 1.4rem;
10320       outline-offset: -1px; }
10321     .b2b-tree li:focus {
10322       outline: none; }
10323       .b2b-tree li:focus > a {
10324         outline: thin dotted #666;
10325         outline-offset: -1px; }
10326     .b2b-tree ul li {
10327       border-left: 1px solid #ccc; }
10328       .b2b-tree ul li .b2b-tree-tooltip {
10329         display: none;
10330         position: absolute;
10331         top: -25px;
10332         left: 100%;
10333         white-space: nowrap;
10334         margin-left: 10px;
10335         z-index: 1010;
10336         font-family: "Omnes-ECOMP-W02", Arial;
10337         font-size: 12px; }
10338       .b2b-tree ul li .b2b-tree-tooltip-content {
10339         background-color: #0568ae;
10340         margin-left: 9px;
10341         border-radius: 6px;
10342         color: #fff;
10343         padding: 25px; }
10344       .b2b-tree ul li .b2b-tree-arrow-left {
10345         width: 0;
10346         height: 0;
10347         border-top: 10px solid transparent;
10348         border-bottom: 10px solid transparent;
10349         border-right: 10px solid #0568ae;
10350         position: absolute;
10351         top: 25px; }
10352       .b2b-tree ul li.activeTooltip > a .b2b-tree-tooltip {
10353         display: block; }
10354     .b2b-tree ul ul {
10355       padding: 0 0 0 20px; }
10356     .b2b-tree ul > li {
10357       position: relative;
10358       line-height: 18px; }
10359     .b2b-tree a > span.b2b-tree-node-icon {
10360       background-color: #FFF;
10361       display: inline;
10362       margin: 0;
10363       padding: 0;
10364       position: absolute;
10365       left: -11px;
10366       top: 0;
10367       line-height: 14px;
10368       width: 11px; }
10369       .b2b-tree a > span.b2b-tree-node-icon > i {
10370         font-size: 20px; }
10371     .b2b-tree a:only-child {
10372       color: #0574ac; }
10373       .b2b-tree a:only-child > span.b2b-tree-node-icon {
10374         left: -11px;
10375         border-radius: 50%;
10376         line-height: 7px;
10377         top: 0; }
10378         .b2b-tree a:only-child > span.b2b-tree-node-icon > i {
10379           background-color: inherit;
10380           background: #fff; }
10381     .b2b-tree a > span.b2b-tree-node-icon > i.icon-primary-circle {
10382       background-color: inherit;
10383       background: #fff;
10384       font-size: 5px; }
10385     .b2b-tree a.b2b-locked-node:after {
10386       content: "\ec58";
10387       float: right;
10388       font-family: 'icoSecurityalerts' !important; }
10389     .b2b-tree a:hover .b2b-locked-node:after {
10390       text-decoration: none; }
10391     .b2b-tree ul li:first-child > a:only-child > span.b2b-tree-node-icon {
10392       left: -11px;
10393       border-radius: 50%;
10394       line-height: 12px; }
10395     .b2b-tree ul li:last-child > a:only-child > span.b2b-tree-node-icon {
10396       height: 27px;
10397       background-color: #fff; }
10398     .b2b-tree li a + ul {
10399       height: 0;
10400       overflow: hidden; }
10401     .b2b-tree li a.active + ul {
10402       height: auto;
10403       overflow: visible; }
10404     .b2b-tree li a.grp {
10405       font-family: "Omnes-ECOMP-W02-Italic", Arial; }
10406       .b2b-tree li a.grp.active {
10407         color: #333; }
10408     .b2b-tree span.end {
10409       left: -6px !important;
10410       top: 5px !important; }
10411     .b2b-tree span.first-link {
10412       width: 3px !important;
10413       height: 15px !important;
10414       top: 0px !important;
10415       left: -2px !important;
10416       background: #fff; }
10417
10418   /* .b2b-tree-checkbox {
10419     padding: 0 10px 0 10px;
10420     width: 320px; }
10421     .b2b-tree-checkbox ul {
10422       list-style: none;
10423       list-style-type: none; }
10424     .b2b-tree-checkbox a {
10425       display: block;
10426       padding: 0 0 5px 30px;
10427       line-height: 22px;
10428       margin-left: -10px;
10429       font-size: 14px;
10430       outline-offset: -1px; }
10431     .b2b-tree-checkbox li:focus {
10432       outline: none; }
10433       .b2b-tree-checkbox li:focus > a {
10434         outline: thin dotted #666;
10435         outline-offset: -1px; }
10436     .b2b-tree-checkbox ul li {
10437       border-left: 1px solid #ccc; }
10438     .b2b-tree-checkbox ul ul {
10439       padding: 0 0 0 20px; }
10440     .b2b-tree-checkbox ul > li {
10441       position: relative;
10442       line-height: 18px; } */
10443     /* .b2b-tree-checkbox a > span.nodeIcon {
10444       background-color: #FFF;
10445       display: inline;
10446       margin: 0;
10447       padding: 0;
10448       position: absolute;
10449       left: -11px;
10450       top: 0;
10451       line-height: 14px;
10452       width: 11px; } */
10453       /* .b2b-tree-checkbox a > span.nodeIcon > i {
10454         font-size: 20px; } */
10455       .b2b-tree-checkbox a > span.nodeIcon.end {
10456         margin-top: 10px; }
10457     .b2b-tree-checkbox a:only-child {
10458       color: #0574ac; }
10459       .b2b-tree-checkbox a:only-child > span.nodeIcon {
10460         left: -11px;
10461         border-radius: 50%;
10462         line-height: 7px;
10463         top: 0; }
10464         .b2b-tree-checkbox a:only-child > span.nodeIcon > i {
10465           background-color: inherit;
10466           background: #fff; }
10467     .b2b-tree-checkbox a > span.nodeIcon > i.icon-primary-circle {
10468       background-color: inherit;
10469       background: #fff;
10470       font-size: 5px; }
10471     .b2b-tree-checkbox ul li:first-child > a:only-child > span {
10472       left: -11px;
10473       border-radius: 50%;
10474       line-height: 12px;
10475       top: 0px; }
10476     .b2b-tree-checkbox ul li:first-child > a:only-child > span.end {
10477       margin-top: 0px; }
10478     .b2b-tree-checkbox ul li:first-child > a:only-child > span i.icon-primary-circle {
10479       top: 8px; }
10480     .b2b-tree-checkbox ul li:last-child > a:only-child > span {
10481       height: 34px;
10482       background-color: #fff; }
10483     .b2b-tree-checkbox li a + ul {
10484       height: 0;
10485       overflow: hidden; }
10486     .b2b-tree-checkbox li a.active + ul {
10487       height: auto; }
10488     .b2b-tree-checkbox li a.grp {
10489       font-family: "Omnes-ECOMP-W02-Italic", Arial; }
10490     .b2b-tree-checkbox span.end {
10491       left: -6px !important; }
10492     .b2b-tree-checkbox .checkbox {
10493       margin-bottom: 0px;
10494       margin-top: 2px;
10495       font-size: 14px; }
10496       .b2b-tree-checkbox .checkbox input:indeterminate + .skin:after {
10497         content: "\2014";
10498         padding-left: 2px;
10499         font-family: inherit !important;
10500         line-height: inherit !important; }
10501     /* .b2b-tree-checkbox span.first-link {
10502       width: 3px !important;
10503       height: 15px !important;
10504       top: 0px !important;
10505       left: -2px !important;
10506       background: #fff; } */
10507
10508   .b2b-widget-window {
10509     width: 147px;
10510     right: 5px;
10511     top: 60px;
10512     position: absolute;
10513     border: 1px solid #ccc;
10514     background-color: #fff;
10515     border-radius: 8px;
10516     z-index: 1000; }
10517     .b2b-widget-window li {
10518       margin: 15px; }
10519
10520   .b2b-widget-container {
10521     background-color: #fff;
10522     border-radius: 8px;
10523     border: 1px solid #ccc;
10524     position: relative; }
10525     .b2b-widget-container .b2b-widget-header {
10526       font-family: "Omnes-ECOMP-W02", Arial;
10527       color: #333;
10528       height: 55px;
10529       padding-left: 15px;
10530       padding-top: 19px; }
10531       .b2b-widget-container .b2b-widget-header .header {
10532         font-size: 18px; }
10533     .b2b-widget-container .b2b-widget-header-icons {
10534       font-size: 16px;
10535       color: #0574ac; }
10536
10537   .b2b-widget-header-icons button {
10538     border: none;
10539     background: transparent;
10540     color: #0574ac; }
10541     .b2b-widget-header-icons button:focus {
10542       outline-style: solid;
10543       outline-width: 1px;
10544       outline-color: #0574ac; }
10545     .b2b-widget-header-icons button:first-child {
10546       margin-right: 0px; }
10547
10548   .b2b-widget-container .b2b-widget-content {
10549     height: 325px;
10550     margin: 0;
10551     padding: 20px;
10552     position: relative;
10553     border-top: 1px solid #ccc; }
10554
10555   .b2b-widget-content .form-row:first-child {
10556     margin-top: 0; }
10557
10558   .b2b-widget-header-icons button.icoControls-gear:focus, .b2b-widget-header-icons button.icon-primary-close:focus {
10559     outline: thin dotted #666; }
10560
10561   .b2b-widget-header .icon-primary-close:before {
10562     content: '-';
10563     display: inline-block;
10564     margin: 0;
10565     padding: 0;
10566     outline: none; }
10567
10568   .b2b-widget-window .arrow_box {
10569     background: #fff;
10570     border: 1px solid #ccc; }
10571
10572   .b2b-widget-window.arrow_box:after, .b2b-widget-window.arrow_box:before {
10573     bottom: 100%;
10574     left: 75%;
10575     border: solid transparent;
10576     content: " ";
10577     height: 0;
10578     width: 0;
10579     position: absolute;
10580     pointer-events: none; }
10581
10582   .b2b-widget-window.arrow_box:after {
10583     border-color: rgba(255, 255, 255, 0);
10584     border-bottom-color: #fff;
10585     border-width: 10px;
10586     margin-left: 1px; }
10587
10588   .b2b-widget-window.arrow_box:before {
10589     border-color: rgba(204, 204, 204, 0);
10590     border-bottom-color: #ccc;
10591     border-width: 11px;
10592     margin-left: 0px; }
10593
10594   /************************** Overrides for Filters ***************************/
10595   .filter-container .filter-header h2 {
10596     line-height: 1 !important;
10597     margin: 0 !important; }
10598
10599   .filter-container .icon-primary-spinner:before {
10600     content: none; }
10601
10602   .filter-container .fixed-230-subnav {
10603     margin: 10px !important;
10604     width: inherit !important; }
10605
10606   .filter-container .unlinked:focus {
10607     outline: thin dotted #666 !important; }
10608
10609   .filter-container .unlinked.active {
10610     color: inherit !important; }
10611
10612   .filter-container .fixed-230-subnav a > i {
10613     background: none; }
10614
10615   .filter-container .fixed-230-subnav ul {
10616     margin: 0 0 10px 10px; }
10617
10618   /************************** Overrides for Filters ***************************/
10619   .row .filter-container {
10620     background-color: #fff; }
10621
10622   .filter-header {
10623     overflow: hidden;
10624     padding: 20px 0;
10625     position: relative; }
10626
10627   .filter-header h2 {
10628     font-family: "Omnes-ECOMP-W02-Medium", Arial;
10629     font-size: 2.4rem;
10630     margin-bottom: 0; }
10631
10632   .filter-selected {
10633     border-top: 1px solid #ccc;
10634     padding-top: 20px; }
10635
10636   .filter-selected > span {
10637     font-size: 1.3rem;
10638     text-transform: uppercase; }
10639
10640   .filter-selected > a.clear-all-filters {
10641     float: right;
10642     font-size: 1.4rem; }
10643
10644   .filter-selected > span,
10645   .filter-selected > a.clear-all-filters {
10646     font-family: "Omnes-ECOMP-W02-Medium", Arial; }
10647
10648   .filter-selected-group {
10649     padding-top: 15px; }
10650
10651   .filter-selected-badge {
10652     background-color: #f2f2f2;
10653     border-radius: 15px;
10654     display: inline-block;
10655     font-size: 1.4rem;
10656     margin-bottom: 10px;
10657     padding: 0 0 0 12px; }
10658
10659   .filter-selected-badge .icoControls-optionsoff {
10660     background: transparent none repeat scroll 0 0;
10661     border: medium none;
10662     font-size: 2.5em;
10663     margin: 0;
10664     padding: 0; }
10665
10666   .filters .fixed-230-subnav > ng-transclude > div:first-child {
10667     border-top: 1px solid #ccc; }
10668
10669   .filters .fixed-230-subnav > ng-transclude > div {
10670     border-bottom: 1px solid #ccc; }
10671
10672   .filter-results {
10673     align-items: center;
10674     border-bottom: 1px solid #ccc;
10675     display: flex;
10676     flex-wrap: wrap;
10677     height: 50px;
10678     -webkit-justify-content: space-between;
10679     -ms-flex-pack: justify;
10680     justify-content: space-between; }
10681
10682   .filter-results-sortby > span {
10683     text-transform: uppercase; }
10684
10685   .filter-results-view .icon-primary-content-gridguide {
10686     font-size: 2em;
10687     margin-right: 0; }
10688
10689   .filter-container .fixed-230-subnav > ng-transclude > div > a {
10690     font-size: 1.8rem;
10691     margin: 0;
10692     padding: 15px 20px 15px 0;
10693     color: #0574ac !important;
10694     cursor: pointer !important;
10695     font-family: "Omnes-ECOMP-W02", Arial !important;
10696     outline-offset: inherit !important;
10697     position: relative;
10698     height: auto;
10699     width: auto; }
10700
10701   .filter-container .fixed-230-subnav a > i {
10702     right: 0;
10703     top: 15px; }
10704
10705   .filter-container .fixed-230-subnav .icon-primary-collapsed:before, .filter-container .fixed-230-subnav .icon-primary-expanded:before {
10706     float: right; }
10707
10708   .filter-container .fixed-230-subnav ul.collapse {
10709     position: inherit;
10710     transition: height 0.5s ease;
10711     height: 0;
10712     overflow: hidden; }
10713
10714   .filter-container .checkbox .icon-primary-spinner {
10715     height: 24px;
10716     position: absolute;
10717     width: 24px; }
10718
10719   .fixed-230-subnav.affix {
10720     margin: -28px 0 0; }
10721
10722   #nav-menu .b2b-menu,
10723   #nav-menu .fixed-230-subnav {
10724     margin: 0; }
10725
10726   .b2b-menu > li,
10727   .fixed-230-subnav > div {
10728     border-bottom: 1px solid #ccc;
10729     line-height: 4.0rem; }
10730
10731   .b2b-menu > li:first-child,
10732   .fixed-230-subnav > li:first-child {
10733     border-top: 1px solid #ccc; }
10734
10735   .b2b-menu div > a,
10736   .fixed-230-subnav div > a {
10737     color: #0574ac;
10738     cursor: pointer;
10739     display: block;
10740     font-family: "Omnes-ECOMP-W02", Arial;
10741     font-size: 1.4rem;
10742     margin: 0;
10743     outline-offset: -1px;
10744     padding: 0 10px;
10745     position: relative; }
10746
10747   .fixed-230-subnav div > a.live {
10748     font-family: "Omnes-ECOMP-W02-Medium", Arial;
10749     color: #666; }
10750
10751   .fixed-230-subnav > ng-transclude > div li > a {
10752     display: block;
10753     font-size: 1.4rem;
10754     line-height: 20px; }
10755
10756   .fixed-230-subnav > ng-transclude > div li > a.active {
10757     font-family: "Omnes-ECOMP-W02-Medium", Arial;
10758     text-decoration: none;
10759     color: #666; }
10760
10761   #nav-menu .fixed-230-subnav a > i {
10762     top: 10px; }
10763
10764   .fixed-230-subnav > li > a.active > i:after {
10765     display: none; }
10766
10767   .b2b-menu ul,
10768   .fixed-230-subnav ul {
10769     margin: 0 0 10px 0; }
10770
10771   .b2b-menu ul div a,
10772   .fixed-230-subnav ul div a {
10773     padding: 0 10px; }
10774
10775   .unlinked {
10776     outline: medium none !important;
10777     text-decoration: none !important; }
10778
10779   @media (max-width: 1024px) {
10780     .filter-container .fixed-230-subnav {
10781       margin: 0 20px;
10782       width: auto; }
10783     .filter-container .fixed-230-subnav > li {
10784       margin: 0; }
10785     .row .filter-container {
10786       display: none;
10787       height: 100%;
10788       left: 0;
10789       position: fixed;
10790       overflow: auto;
10791       top: 0;
10792       transition: all 0.5s ease 0s;
10793       width: 285px;
10794       z-index: 9999; }
10795     .filter-header {
10796       padding-left: 20px; }
10797     .filter-selected {
10798       margin: 0 20px 10px; } }
10799
10800   .b2b-pane-selector-wrapper {
10801     width: 100%;
10802     display: block;
10803     border-top: solid 1px #ccc;
10804     border-bottom: solid 1px #ccc; }
10805     .b2b-pane-selector-wrapper .side-nav {
10806       width: 20% !important;
10807       display: inline-block;
10808       float: left; }
10809     .b2b-pane-selector-wrapper .pane-container {
10810       width: 80%;
10811       vertical-align: top;
10812       margin: 0;
10813       padding-top: 30px;
10814       border-left: solid 1px #ccc;
10815       font-family: "Omnes-ECOMP-W02", Arial;
10816       display: none; }
10817       .b2b-pane-selector-wrapper .pane-container.active {
10818         display: inline-block; }
10819       .b2b-pane-selector-wrapper .pane-container .pane-container-top {
10820         padding-left: 15px; }
10821       .b2b-pane-selector-wrapper .pane-container .panes {
10822         display: -webkit-flex;
10823         display: flex;
10824         border-top: solid 1px #ccc;
10825         margin-top: 30px; }
10826         .b2b-pane-selector-wrapper .pane-container .panes div.pane-block {
10827           height: inherit;
10828           overflow-y: auto;
10829           border-right: solid 1px #ccc;
10830           position: relative;
10831           flex: 1;
10832           -webkit-flex: 1;
10833           /* Safari 6.1+ */
10834           -ms-flex: 1;
10835           /* IE 10 */ }
10836           .b2b-pane-selector-wrapper .pane-container .panes div.pane-block:focus {
10837             outline: dotted 1px #333333; }
10838       .b2b-pane-selector-wrapper .pane-container .search-block {
10839         position: relative;
10840         float: right; }
10841         .b2b-pane-selector-wrapper .pane-container .search-block input[type="search"]:focus {
10842           padding-right: 40px; }
10843       .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row p {
10844         margin-top: 15px; }
10845       .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div {
10846         border-bottom: solid 1px #ccc; }
10847       .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row {
10848         display: block;
10849         padding: 19px 14px 19px 14px;
10850         margin-top: 0px;
10851         border: dotted 1px transparent;
10852         border-bottom: solid 1px #ccc; }
10853         .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:focus {
10854           border: dotted 1px #333333 !important; }
10855         .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:last-child {
10856           border-bottom: none; }
10857       .b2b-pane-selector-wrapper .pane-container .panes div.pane-block > .no-content {
10858         text-align: center;
10859         border-bottom: none;
10860         display: block;
10861         position: absolute;
10862         top: 45%;
10863         left: 0;
10864         right: 0; }
10865       .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div:last-child {
10866         border-bottom: none; }
10867       .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row span.margin-chk {
10868         margin: 15px 15px 0px 15px;
10869         float: left; }
10870       .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row .checkbox-selectall {
10871         margin: 0px 0 0 24px !important; }
10872     .b2b-pane-selector-wrapper .side-nav li {
10873       font-family: "Omnes-ECOMP-W02-Medium", Arial;
10874       border: none;
10875       border-top: solid 1px #ccc;
10876       display: block !important;
10877       width: auto !important;
10878       margin-left: 0px !important; }
10879       .b2b-pane-selector-wrapper .side-nav li.active {
10880         background-color: #f6f6f6;
10881         position: inherit !important; }
10882         .b2b-pane-selector-wrapper .side-nav li.active > a {
10883           font-size: 16px;
10884           color: #333;
10885           text-decoration: none;
10886           border: none;
10887           background-color: transparent;
10888           padding: 20px 15px;
10889           display: block;
10890           height: auto;
10891           border-left: 4px solid #0574ac; }
10892       .b2b-pane-selector-wrapper .side-nav li > a {
10893         font-size: 16px;
10894         color: #333;
10895         text-decoration: none;
10896         border: none;
10897         background-color: transparent;
10898         padding: 20px 15px;
10899         display: block;
10900         height: auto;
10901         text-align: left; }
10902       .b2b-pane-selector-wrapper .side-nav li > a:focus {
10903         border-right: dotted 1px #333333; }
10904       .b2b-pane-selector-wrapper .side-nav li:first-child {
10905         border-top: none;
10906         margin-left: none !important; }
10907   /********************* Utility CSS Starts **********************/
10908   .offscreen-text {
10909     position: absolute;
10910     left: -10000px;
10911     top: auto;
10912     width: 1px;
10913     height: 1px;
10914     overflow: hidden; }
10915
10916   /********************* Utility CSS Ends **********************/
10917   /* Fix for alignment issue on Cancel link inside modal */
10918   .modal-footer > .cta-button-group {
10919     line-height: 40px; }
10920
10921   /* .att-dark-green { // Not used
10922     color: #007a3e;
10923   } */
10924   .colors-off-msg {
10925     display: none; }
10926
10927   button .colors-off-msg {
10928     position: relative; }
10929
10930   .ds2-no-colors .colors-off-msg {
10931     display: block; }
10932
10933   .ds2-no-colors [data-colordatatext] button .colors-off-msg {
10934     font-size: 1.1rem;
10935     line-height: normal;
10936     padding: 5px 0;
10937     position: absolute;
10938     top: 0;
10939     white-space: normal;
10940     width: 60px; }
10941
10942   /* Not used
10943   .make-all-white * {
10944     color: #fff;
10945   }
10946   .make-all-white a {
10947     text-decoration: underline;
10948   } */
10949   .loader > span {
10950     display: block;
10951     padding-top: 20px; }
10952
10953   .modal > .loader {
10954     left: 50%;
10955     margin-left: -25px;
10956     margin-top: -25px;
10957     position: absolute;
10958     top: 50%; }
10959
10960   #pageLevelLoader.modal {
10961     background-color: transparent;
10962     border: none;
10963     box-shadow: none;
10964     top: 40%; }
10965
10966   .modal.fade .loader {
10967     display: none; }
10968
10969   .modal.fade.in .loader {
10970     display: block; }
10971
10972   .btn.disabled[data-loading-text] {
10973     padding: 0 19px 0 18px;
10974     line-height: 46px; }
10975
10976   .btn.disabled[data-loading-text] img {
10977     position: relative;
10978     top: 2px; }
10979
10980   /*  Seems to already be in docs.css
10981   .fixed-230.leftnav {
10982     position: relative;
10983   }
10984   .fixed-230-subnav {
10985     margin: 10px;
10986   }
10987   .fixed-230-subnav > li:first-child {
10988     border-top: none;
10989   }
10990   .fixed-230-subnav > li {
10991     border-bottom: 1px solid #d2d2d2;
10992   }
10993   .fixed-230-subnav > li > a {
10994     display: block;
10995     font-size: 1.4rem;
10996     line-height: normal;
10997     margin: 0 -9px;
10998     padding: 11px 35px 12px 9px;
10999     outline-offset: 0;
11000     position: relative;
11001   }
11002   .fixed-230-subnav > li > a.live {
11003     color: #333333;
11004     font-family: "Omnes-ECOMP-W02-Medium", Arial;
11005   }
11006   .fixed-230-subnav a > i {
11007     right: 10px;
11008     margin: 0;
11009     position: absolute;
11010     top: 10px;
11011   }
11012   .fixed-230-subnav a > i:after {
11013     display: none;
11014   }
11015   .fixed-230-subnav > li li > a {
11016     display: block;
11017     font-size: 1.4rem;
11018     line-height: 18px;
11019   }
11020   .fixed-230-subnav > li li > a.active {
11021     color: #333333;
11022     font-family: "Omnes-ECOMP-W02-Medium", Arial;
11023     text-decoration: none;
11024   }
11025   .fixed-230-subnav ul {
11026     margin: 0 0 10px;
11027   } */
11028   .unlinked {
11029     color: #0568ae !important;
11030     font-family: "Omnes-ECOMP-W02", Arial !important; }
11031
11032   .unlinked.active {
11033     color: inherit !important; }
11034
11035   /* @media (max-width: 767px) {
11036     .row.has-leftnav {
11037       flex-wrap: wrap;
11038     }
11039     .row.has-leftnav .fluid-space {
11040       padding-right: 0;
11041     }
11042     .row .fixed-230 {
11043       background-color: #fff;
11044       width: auto;
11045     }
11046     .row .leftnav {
11047       background-color: #fff !important;
11048       display: block !important;
11049     }
11050     .fixed-230-subnav {
11051       margin: 10px 0 0;
11052       width: 100%;
11053     }
11054     .fixed-230-subnav > li {
11055       margin-left: -15px;
11056       margin-right: -15px;
11057     }
11058     .fixed-230-subnav > li:first-child {
11059       border-top: 1px solid #d2d2d2;
11060     }
11061     .fixed-230-subnav > li > a {
11062       margin: 0;
11063     }
11064     .fixed-230-subnav a:hover,
11065     .fixed-230-subnav a:focus {
11066       text-decoration: none !important;
11067     }
11068     .fixed-230-subnav > li li > a {
11069       padding: 5px 10px;
11070     }
11071     .fixed-230-subnav > li li > a.active {
11072       color: inherit;
11073       font-family: "Omnes-ECOMP-W02-Medium", Arial;
11074     }
11075   } */
11076   @keyframes DOMinsertion {
11077     from {
11078       outline-color: transparent; }
11079     to {
11080       outline-color: transparent; } }
11081
11082   @-moz-keyframes DOMinsertion {
11083     from {
11084       outline-color: transparent; }
11085     to {
11086       outline-color: transparent; } }
11087
11088   @-webkit-keyframes DOMinsertion {
11089     from {
11090       outline-color: transparent; }
11091     to {
11092       outline-color: transparent; } }
11093
11094   @-ms-keyframes DOMinsertion {
11095     from {
11096       outline-color: transparent; }
11097     to {
11098       outline-color: transparent; } }
11099
11100   @-o-keyframes DOMinsertion {
11101     from {
11102       outline-color: transparent; }
11103     to {
11104       outline-color: transparent; } }
11105
11106   .ajaxed,
11107   .modal.fade.in .modal-header,
11108   .modal.fade.in .modal-body,
11109   .modal.fade.in .modal-footer {
11110     animation-duration: 0.01s;
11111     -o-animation-duration: 0.01s;
11112     -ms-animation-duration: 0.01s;
11113     -moz-animation-duration: 0.01s;
11114     -webkit-animation-duration: 0.01s;
11115     animation-name: DOMinsertion;
11116     -o-animation-name: DOMinsertion;
11117     -ms-animation-name: DOMinsertion;
11118     -moz-animation-name: DOMinsertion;
11119     -webkit-animation-name: DOMinsertion; }
11120
11121   .dda-css-override ul.nav-tabs {
11122     margin-bottom: 0; }
11123
11124
11125   .formsWithinProcessButton {
11126     margin-right: 0px; }
11127
11128   .heading-sub-section-form {
11129     font-size: 2.4rem;
11130     font-family: "Omnes-ECOMP-W02", Arial;
11131     margin-bottom: 20px;
11132     margin-top: 10px; }
11133
11134   .heading-small-form {
11135     font-size: 1.6rem;
11136     font-family: "Omnes-ECOMP-W02", Arial;
11137     margin-top: 0px; }
11138
11139   .icon-primary-form-sizeL {
11140     font-size: 50px; }
11141
11142   .icon-primary-form-size {
11143     font-size: 30px; }
11144
11145   .spanformfix {
11146     margin-right: 15px !important; }
11147
11148   @media (max-width: 767px) {
11149     .heading-sub-section-form {
11150       font-size: 1.8rem;
11151       font-family: "Omnes-ECOMP-W02", Arial;
11152       margin-bottom: 20px;
11153       padding-top: 10px;
11154       margin-top: 30px; }
11155     .heading-small-form {
11156       font-size: 1.4rem;
11157       font-family: "Omnes-ECOMP-W02", Arial;
11158       margin-top: 0px; } }
11159
11160   @media (max-width: 479px) {
11161     .icon-primary-form-resizeL {
11162       display: none; }
11163     .icon-primary-form-resize {
11164       display: none; }
11165     .heading-center-form {
11166       margin-left: 20px; } }
11167
11168   @media (min-width: 480px) {
11169     .icon-primary-form-resizeL {
11170       display: none; }
11171     .icon-primary-form-resize {
11172       display: inherit; }
11173     .icon-primary-center-min {
11174       margin-top: 30px; } }
11175
11176   @media (min-width: 768px) {
11177     .icon-primary-form-resizeL {
11178       display: inherit;
11179       margin-top: 30px; }
11180     .icon-primary-form-resize {
11181       display: none; }
11182     .center-form-align {
11183       margin-top: 35px; } }
11184
11185   @media (min-width: 1024px) {
11186     .icon-primary-form-resizeL {
11187       display: inherit;
11188       margin-top: 0px; }
11189     .icon-primary-form-resize {
11190       display: none; }
11191     .center-form-align {
11192       margin-top: 5px; } }
11193
11194   .data-row.has-button td.col-1 {
11195     padding: 0; }
11196
11197
11198   .icon-primary-circle:before {
11199     background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E");
11200     content: "";
11201     position: absolute;
11202     top: 0;
11203     z-index: 1; }
11204
11205   .b2b-drag-handle {
11206     cursor: move;
11207     -ms-interpolation-mode: bicubic;
11208     margin-bottom: 40px;
11209     height: 23px;
11210     padding-right: 10px;
11211     float: left; }
11212
11213   .b2b-drag-over {
11214     background-color: #d1d1d1; }
11215
11216   .b2-drag-element {
11217     background-color: #e8e8e8; }
11218
11219   [draggable] {
11220     -moz-user-select: none;
11221     -khtml-user-select: none;
11222     -webkit-user-select: none;
11223     user-select: none; }
11224   /* Flyout inputs color is not aligned */
11225   textarea, input {
11226     color: #333; }
11227
11228   .isIE .btn-primary.btn:focus::after,
11229   .isIE .btn-specialty.btn:focus::after,
11230   .isIE .btn-alt.btn:focus::after {
11231     border: 1px dashed #fff !important; }
11232   .b2b-config-section-container {
11233     height: auto;
11234     min-height: 330px;
11235     width: 815px;
11236     background-color: #fff;
11237     border: 1px solid #ccc;
11238     display: inline-table;
11239     border-radius: 6px; }
11240
11241   .b2b-config-section-first-div {
11242     border-right: 1px solid #ccc;
11243     height: auto;
11244     min-height: 330px; }
11245
11246   .b2b-config-section-icon-primary-font {
11247     font-size: 50px;
11248     height: 31px;
11249     line-height: 31px; }
11250
11251   .b2b-config-section-padding {
11252     padding: 20px 20px 15px 15px;
11253     height: auto; }
11254
11255   .b2b-config-sec-flyout {
11256     position: relative;
11257     left: 10px;
11258     float: right;
11259     color: #0574ac;
11260     font-size: 16px;
11261     font-family: "Omnes-ECOMP-W02", Arial; }
11262
11263   .b2b-config-sec-divider {
11264     border-bottom: 1px solid #ccc; }
11265
11266   .b2b-confi-sec-span-border {
11267     border-right: 1px solid;
11268     height: auto; }
11269
11270   .b2b-config-sec-speed-div {
11271     text-align: center;
11272     margin-top: 20px; }
11273
11274   .b2b-config-sec-label-font {
11275     font-size: 16px; }
11276
11277   .b2b-config-sec-expander-main {
11278     padding: 0 5px 0px 15px; }
11279
11280   .b2b-config-sec-expander-body .b2b-config-vlan-padding {
11281     padding: 5px 15px 10px 0px; }
11282
11283   .b2b-conif-sec-row-height {
11284     height: 110px; }
11285
11286   .b2b-config-sec-expander-body {
11287     font-size: 14px; }
11288     .b2b-config-sec-expander-body .b2b-config-vlan-data {
11289       font-family: "Omnes-ECOMP-W02-Medium", Arial;
11290       padding-left: 15px; }
11291
11292   .b2b-config-sec-expander-body-first-div {
11293     border-top: 1px solid #ccc; }
11294
11295   .b2b-config-sec-expander-body .tooltip {
11296     position: static;
11297     opacity: 1; }
11298
11299   .b2b-config-section-container .row > [class*="span"] {
11300     margin-right: 0px; }
11301
11302   .b2b-config-vlan-icons {
11303     font-size: 16px;
11304     float: right;
11305     margin-right: 0px; }
11306
11307   .b2b-config-section-container .span6 {
11308     width: 50%; }
11309
11310   .b2b-config-sec-data-link-style {
11311     position: relative;
11312     left: 95%;
11313     top: 30px;
11314     border-radius: 50%;
11315     width: 23px;
11316     height: 23px;
11317     background: #fff;
11318     border: 1px solid #ccc;
11319     color: #666666; }
11320
11321   .b2b-config-sec-text-align {
11322     text-align: center;
11323     margin-top: 15px;
11324     margin-bottom: 35px;
11325     font-family: "Omnes-ECOMP-W02-Medium", Arial;
11326     font-size: 14px;
11327     color: #333333; }
11328
11329   .b2b-config-port-text-align {
11330     text-align: center;
11331     margin-top: 15px;
11332     margin-bottom: 8px;
11333     font-family: "Omnes-ECOMP-W02-Medium", Arial;
11334     font-size: 14px;
11335     color: #333333; }
11336
11337   .b2b-config-port-text-label {
11338     margin-top: 6px;
11339     margin-bottom: 8px;
11340     font-size: 14px;
11341     text-align: center; }
11342
11343   .b2b-confi-sec-last-div p {
11344     font-size: 14px;
11345     padding: 10px 15px 0 15px; }
11346
11347   .b2b-confi-sec-router-label {
11348     font-family: "Omnes-ECOMP-W02-Medium", Arial;
11349     font-size: 16px;
11350     color: #333333;
11351     float: left;
11352     width: 100%;
11353     margin-bottom: 7px; }
11354
11355   .b2b-config-vlan-label {
11356     font-family: "Omnes-ECOMP-W02-Medium", Arial;
11357     font-size: 14px;
11358     color: #333333;
11359     margin-top: 1px;
11360     margin-bottom: 9px; }
11361
11362   .b2b-config-vlan-info {
11363     font-family: "Omnes-ECOMP-W02", Arial;
11364     font-size: 14px;
11365     color: #333333;
11366     margin-bottom: 1px; }
11367     .b2b-config-vlan-info .icon-misc-pen {
11368       padding-left: 7px; }
11369
11370   .b2b-confi-sec-model-label {
11371     font-family: "Omnes-ECOMP-W02", Arial;
11372     font-size: 14px;
11373     color: #333333; }
11374
11375   .b2b-confi-sec-router-info {
11376     float: left;
11377     width: 62%; }
11378
11379   .b2b-config-sec-speed-sec {
11380     border-right: 1px solid #ccc; }
11381
11382   .b2b-config-sec-speed-label {
11383     font-family: "Omnes-ECOMP-W02", Arial;
11384     font-size: 20px;
11385     color: #333333;
11386     text-align: center; }
11387     .b2b-config-sec-speed-label i {
11388       margin-left: 15px;
11389       font-size: 16px; }
11390
11391   .b2b-config-sec-yellow-flag-div {
11392     width: 1.6%;
11393     background-color: #ffb18c; }
11394
11395   .b2b-config-sec-expander-icons {
11396     margin-top: 6px; }
11397     .b2b-config-sec-expander-icons .icon-misc-trash {
11398       margin-right: 10px; }
11399
11400   .b2b-config-sec-yellow-flag .b2b-config-sec-expander-icons {
11401     left: 40px; }
11402
11403   .b2b-config-sec-expander-body-icons .icon-misc-pen {
11404     position: relative;
11405     left: 18px; }
11406   .b2b-directory-listing .center {
11407     display: block;
11408     margin: 2em auto; }
11409
11410   .b2b-directory-listing .listBox {
11411     height: 310px;
11412     width: 450px;
11413     padding-left: 1px;
11414     padding-right: 1px;
11415     font-family: "Omnes-ECOMP-W02", Arial; }
11416
11417   .b2b-directory-listing .listBox:focus {
11418     outline: thin dotted #666; }
11419
11420   .b2b-directory-listing .b2b-directory-listing-no-results {
11421     font-weight: bold; }
11422
11423   .b2b-directory-listing .b2b-directory-listing-list {
11424     font-family: "Omnes-ECOMP-W02", Arial;
11425     color: #5a5a5a;
11426     overflow-x: hidden;
11427     position: relative;
11428     height: 300px;
11429     border: 1px solid #333;
11430     border-radius: 6px;
11431     margin-bottom: 10px; }
11432
11433   .b2b-directory-listing .b2b-directory-listing-item {
11434     margin: 1px;
11435     border: 1px solid transparent;
11436     outline: none;
11437     text-align: left;
11438     overflow: hidden;
11439     cursor: pointer;
11440     padding-top: 13px;
11441     padding-bottom: 7px;
11442     padding-left: 15px;
11443     -moz-user-select: none;
11444     -webkit-user-select: none;
11445     -ms-user-select: none;
11446     word-wrap: break-word; }
11447     .b2b-directory-listing .b2b-directory-listing-item:focus {
11448       border: 1px #3399FF solid; }
11449
11450   .b2b-directory-listing .b2b-directory-listing-item-selected {
11451     color: #fff;
11452     background-color: #3399FF; }
11453
11454   .b2b-directory-listing input[type="text"] {
11455     padding-right: 30px; }
11456     .b2b-directory-listing input[type="text"]:focus, .b2b-directory-listing input[type="text"]:hover {
11457       padding-right: 30px; }
11458
11459   .b2b-directory-listing .row .btns {
11460     margin-right: 90px;
11461     margin-left: -115px;
11462     margin-top: 100px; }
11463
11464   .b2b-directory-listing .btn-remove {
11465     margin-right: auto !important;
11466     margin-bottom: 15px; }
11467     .b2b-directory-listing .btn-remove i {
11468       margin-right: 0;
11469       color: #fff;
11470       top: -1px; }
11471
11472   .b2b-directory-listing .btn-remove-all {
11473     margin-top: 0;
11474     margin-bottom: 61px !important;
11475     /* need to be removed */
11476     margin-right: auto !important; }
11477     .b2b-directory-listing .btn-remove-all i {
11478       margin-right: 0;
11479       color: #fff;
11480       top: -1px; }
11481
11482   .b2b-directory-listing .btn-add {
11483     margin-bottom: 15px !important; }
11484     .b2b-directory-listing .btn-add i {
11485       margin-right: 0;
11486       color: #fff;
11487       top: -1px; }
11488
11489   .b2b-directory-listing .btn-add-all {
11490     margin-top: 0;
11491     margin-bottom: 61px !important; }
11492     .b2b-directory-listing .btn-add-all i {
11493       margin-right: 0;
11494       color: #fff;
11495       top: -1px; }
11496
11497   .b2b-directory-listing .btn-search[class*="btn"] {
11498     right: 0.09rem; }
11499
11500   .b2b-directory-listing .btn {
11501     width: 130px; }
11502
11503   .b2b-directory-listing-disabled {
11504     cursor: not-allowed; }
11505
11506   .b2b-directory-listing-label-heading {
11507     margin-top: 24px;
11508     padding-bottom: 5px; }
11509
11510   .b2b-dl-list-box option {
11511     padding-top: 13px;
11512     padding-bottom: 7px;
11513     padding-left: 15px; }
11514
11515   .b2b-dl-modal-button-div {
11516     padding-top: 110px;
11517     text-align: center; }
11518   .b2b-tmpl-notification-card {
11519     border-radius: 6px;
11520     height: auto;
11521     width: 420px;
11522     background-color: #ffffff;
11523     border: 1px solid rgba(0, 0, 0, 0.1);
11524     border-radius: 8px;
11525     overflow: hidden; }
11526     .b2b-tmpl-notification-card .b2b-tmpl-card-header {
11527       padding-left: 30px;
11528       font-family: "Omnes-ECOMP-W02", Arial;
11529       color: #333333;
11530       font-size: 24px;
11531       margin-top: 2px;
11532       display: inline-block;
11533       min-height: 60px;
11534       position: relative; }
11535     .b2b-tmpl-notification-card .b2b-tmpl-card-body {
11536       padding: 0 30px 20px;
11537       position: relative; }
11538     .b2b-tmpl-notification-card .b2b-tmpl-card-header-title {
11539       margin-top: 10px; }
11540     .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button {
11541       box-shadow: 0 -50px 0 0 #f2f2f2 inset;
11542       height: 69px;
11543       position: absolute;
11544       border-color: #f2f2f2 #f2f2f2 transparent transparent;
11545       border-style: solid;
11546       border-width: 35px;
11547       height: 0;
11548       right: -295px;
11549       top: -4px;
11550       width: 69px;
11551       /*Old properties */
11552       box-shadow: none;
11553       transform: none; }
11554       .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close {
11555         height: 48px;
11556         right: -40px;
11557         top: -40px;
11558         width: 48px;
11559         position: relative;
11560         /*Old properties */
11561         transform: none; }
11562         .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:before {
11563           color: #0568ae;
11564           display: block;
11565           font-size: 20px;
11566           height: auto;
11567           right: -4px;
11568           top: 4px;
11569           width: auto;
11570           /*Old properties */
11571           left: auto;
11572           height: auto;
11573           bottom: auto; }
11574         .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:focus {
11575           outline: 1px dotted black; }
11576     .b2b-tmpl-notification-card button.close {
11577       -webkit-appearance: none;
11578       moz-appearance: none;
11579       appearance: none; }
11580     .b2b-tmpl-notification-card .b2b-tmpl-card-icon-primary-cirlce {
11581       width: 30px;
11582       height: 30px;
11583       border-radius: 50%; }
11584     .b2b-tmpl-notification-card .b2b-tmpl-card-outer-cirlce {
11585       background: #f0f5f5;
11586       border-radius: 50%;
11587       height: 16px;
11588       width: 16px;
11589       vertical-align: middle; }
11590     .b2b-tmpl-notification-card .b2b-tmpl-card-inner-cirlce {
11591       background: #fff;
11592       width: 22px;
11593       height: 22px;
11594       position: relative;
11595       border-radius: 50%;
11596       display: block;
11597       left: 4px;
11598       top: 4px;
11599       border: 1px solid #767676; }
11600     .b2b-tmpl-notification-card .b2b-tmpl-card-row {
11601       padding-top: 10px; }
11602     .b2b-tmpl-notification-card .b2b-tmpl-card-sub-header {
11603       margin-top: 0px; }
11604     .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item {
11605       background-color: #fff;
11606       margin-top: 25px;
11607       border-top: 1px solid #ccc; }
11608       .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item .cta-button-group {
11609         line-height: 40px;
11610         padding-top: 20px; }
11611     .b2b-tmpl-notification-card .b2b-tmpl-card-edit-section .cta-button-group {
11612       line-height: 40px;
11613       padding-top: 15px; }
11614     .b2b-tmpl-notification-card .b2b-tmpl-card-add-item-container {
11615       padding-top: 30px; }
11616     .b2b-tmpl-notification-card .b2b-tmpl-card-link-active {
11617       pointer-events: none;
11618       cursor: default;
11619       color: #ccc; }
11620     .b2b-tmpl-notification-card .b2b-tmpl-card-cursor:hover {
11621       cursor: pointer; }
11622   .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon {
11623     text-align: center;
11624     margin-top: 91px; }
11625     .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon i {
11626       font-size: 99px;
11627       color: #1b7e28; }
11628
11629   .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading {
11630     color: #333333;
11631     text-align: center;
11632     margin-top: 20px; }
11633     .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading h1 {
11634       font-size: 38px; }
11635
11636   .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading {
11637     color: #333333;
11638     text-align: center; }
11639     .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading h5 {
11640       font-size: 18px; }
11641
11642   .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info {
11643     padding-left: 18%;
11644     font-size: 16px;
11645     margin-top: 20px; }
11646     .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info ul {
11647       list-style-type: disc;
11648       list-style-position: inside; }
11649     .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info li {
11650       padding-top: 5px; }
11651
11652   .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section {
11653     font-size: 15px;
11654     color: #0574ac;
11655     margin-top: 20px;
11656     text-align: center;
11657     margin-bottom: 55px; }
11658     .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section .b2b-tmpl-order-confirmation-link {
11659       margin-right: 8%; }
11660     .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section a {
11661       cursor: pointer; }
11662   .b2b-tmpl-profile-block-container {
11663     min-height: 200px;
11664     height: auto;
11665     background-color: #fff;
11666     border-radius: 8px;
11667     border: 1px solid #ccc;
11668     box-shadow: 0px 1px 1px 1px #ccc;
11669     display: inline-table;
11670     margin: 15px 15px; }
11671     .b2b-tmpl-profile-block-container .b2b-tmpl-profile-title {
11672       font-weight: bold; }
11673     .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-footer {
11674       margin-bottom: 12px;
11675       margin-top: 5px;
11676       height: 35px; }
11677     .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p {
11678       word-wrap: break-word;
11679       height: 61px; }
11680       .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:first-child {
11681         margin-top: 10px; }
11682       .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:after {
11683         content: ' ';
11684         display: block;
11685         border: 0.2px solid #ccc;
11686         margin-top: 12px; }
11687     .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio {
11688       margin-left: 15px;
11689       height: 30px; }
11690     .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details div {
11691       padding: 2px 7px;
11692       font-size: 14px; }
11693     .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio-label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details a {
11694       font-size: 14px; }
11695     .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p span {
11696       padding-left: 10px; }
11697     .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon {
11698       color: #1b7e28;
11699       float: right;
11700       position: relative;
11701       left: 10px; }
11702       .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon i {
11703         color: #1b7e28;
11704         float: right; }
11705     .b2b-tmpl-profile-block-container .b2b-tmpl-profile-link {
11706       float: right;
11707       position: relative;
11708       left: -4px; }
11709     .b2b-tmpl-profile-block-container a.link-profile {
11710       position: relative;
11711       left: -5px;
11712       float: right;
11713       margin-bottom: 16px; }
11714     .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-radio {
11715       position: relative;
11716       top: -5px; }
11717   .b2b-static-route-container {
11718     padding-left: 32px;
11719     display: inline-block; }
11720
11721   .b2b-static-route-label-heading {
11722     font-family: "Omnes-ECOMP-W02-Medium", Arial;
11723     font-size: 5px !important;
11724     color: #333333;
11725     font-style: normal;
11726     text-align: left; }
11727
11728   label.b2b-static-route-label-heading {
11729     margin-bottom: 12px;
11730     margin-top: 15px;
11731     display: block; }
11732
11733   #b2b-static-route-input {
11734     margin: 5px 0 5px; }
11735
11736   .b2b-static-route-list {
11737     margin-bottom: 30px;
11738     width: 216px;
11739     float: left;
11740     margin-right: 20px;
11741     max-height: 540px;
11742     overflow-y: auto; }
11743     .b2b-static-route-list .status-text {
11744       flex: 1;
11745       display: flex;
11746       align-items: center;
11747       outline: 0; }
11748
11749   .b2b-static-route-list-item {
11750     border: 1px #cccccc solid;
11751     font-family: "Omnes-ECOMP-W02", Arial;
11752     font-size: 5px;
11753     display: flex;
11754     cursor: pointer; }
11755     .b2b-static-route-list-item > .status-bar {
11756       padding: 20px 0 20px;
11757       background-color: #ea7400;
11758       border-radius: 0;
11759       width: 10px;
11760       display: inline-block;
11761       margin-right: 20px;
11762       height: 100%;
11763       float: left; }
11764       .b2b-static-route-list-item > .status-bar:after {
11765         content: '.';
11766         visibility: hidden; }
11767     .b2b-static-route-list-item > .status-bar-unedited {
11768       padding: 20px 0 20px;
11769       background-color: #ffb81c;
11770       border-radius: 0;
11771       width: 10px;
11772       display: inline-block;
11773       margin-right: 20px;
11774       height: 100%;
11775       float: left;
11776       background-color: transparent; }
11777       .b2b-static-route-list-item > .status-bar-unedited:after {
11778         content: '.';
11779         visibility: hidden; }
11780
11781   .b2b-static-route-list-item:focus {
11782     outline: 1px dashed #00f; }
11783
11784   .b2b-static-route-list-item--selected {
11785     background: #f2f2f2; }
11786
11787   .b2b-static-route-content {
11788     display: inline-block; }
11789
11790     .selectWrap::after {
11791     align-items: center;
11792     background-position: 7px 7px;
11793     background-repeat: no-repeat;
11794     background-size: auto 23px;
11795     border-left: 1px solid transparent;
11796     color: #0568ae;
11797     display: flex;
11798     font-size: 23px;
11799     height: 36px;
11800     margin-right: 0;
11801     overflow: hidden;
11802     position: absolute;
11803     right: 0;
11804     text-indent: 7px;
11805     top: 0;
11806     user-select: none;
11807     width: 41px;
11808     z-index: 0;
11809     position: absolute !important;
11810     display: flex !important;
11811   }
11812
11813   .card{
11814     border-radius: 5px;
11815   }
11816
11817   .card-header{
11818     height: 50px;
11819   }
11820
11821   .card-body{
11822     height: 150px;
11823   }
11824
11825   .card-footer{
11826     height: 50px;
11827   }
11828
11829   .dialog__close-btn {
11830     border: 0;
11831     background: #087ac2;
11832     color: #ffffff;
11833     position: absolute;
11834     top: 8px;
11835     right: 8px;
11836     font-size: 1.2em;
11837     display: block;
11838     border: #087ac2 2px solid;
11839   }
11840
11841   .dialog{
11842     margin-top: 50px;
11843   }
11844
11845   .modalTitle{
11846       font-size: 35px;
11847   }
11848
11849   .defaultFontSize{
11850     font-size: 15px;
11851   }
11852
11853
11854   .tab-content{
11855     margin-right: 20px;
11856     /* background-color: #006496; */
11857     color: rgb(0, 0, 0);
11858   }
11859
11860   .btn-sm{
11861     width: 30px;
11862     height: 15px;
11863     font-size: 10px;
11864   }
11865
11866
11867 table, tr, td, th {
11868   border: 0;
11869   width: fit-content
11870 }
11871
11872
11873 mat-icon{
11874   color: #006496;
11875   cursor: pointer;
11876 }