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

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