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

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