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

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