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

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