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

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