ecomp-portal-FE-common/client/bower_components_external/b2b/css/b2b-angular/b2b-angular.css

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