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

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