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

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