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

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