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

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