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