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

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