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

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