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

   1 .formFieldGroupButton{
   2   background-color: #006496;
   3   color: white;
   4   width: 40%;
   5 }
   6
   7 .defaultLabelFontSize{
   8   font-size: 16px;
   9 }
  10
  11 .card{
  12   border-radius: 5px;
  13 }
  14
  15 .card-header{
  16   height: 50px;
  17 }
  18
  19 .card-body{
  20   height: 150px;
  21 }
  22
  23 .card-footer{
  24   height: 50px;
  25 }
  26
  27 .dialog__close-btn {
  28   border: 0;
  29   background: #087ac2;
  30   color: #ffffff;
  31   position: absolute;
  32   top: 8px;
  33   right: 8px;
  34   font-size: 1.2em;
  35   display: block;
  36   border: #087ac2 2px solid;
  37 }
  38
  39 .modalTitle{
  40     font-size: 35px;
  41 }
  42
  43
  44 .full-width-table {
  45   width: 100%;
  46 }
  47 .app-data-table {
  48   margin-top: 35px;
  49   /* margin-left: 250px;
  50   margin-right: 250px; */
  51   /* overflow: scroll; */
  52 }
  53
  54 .app-data-table1 {
  55   margin-left: 150px;
  56   margin-right: 150px;
  57 }
  58
  59 th{
  60   /* background-color: #2125299c; */
  61   color: rgb(0, 0, 0);
  62   font-size: 15px;
  63   border-radius: 2px;
  64
  65 }
  66
  67
  68 tr{
  69   /* background-color: #dddddd; */
  70   font-size: 2px;
  71
  72   border-radius: 4px;
  73
  74 }
  75
  76 hr{
  77   background-color: #CCC;
  78 }
  79
  80
  81 .card{
  82   border-radius: 10px;
  83
  84 }
  85 .card-header{
  86   height: 30px;
  87   background-color: white;
  88   font-size: 20px;
  89   border: 0;
  90 }
  91
  92 .card-body{
  93   height: 150px;
  94 }
  95
  96 .card-footer{
  97   height: 55px;
  98   margin-right: 10px;
  99 }
 100
 101 .dialog__close-btn {
 102   border: 0;
 103   background: #087ac2;
 104   color: #ffffff;
 105   position: absolute;
 106   top: 12px;
 107   right: 12px;
 108   font-size: 1em;
 109   display: block;
 110   border: #087ac2 2px solid;
 111 }
 112
 113 .modalTitle{
 114     font-size: 35px;
 115     padding-bottom: 5px;
 116 }
 117
 118 .list::-webkit-scrollbar {
 119   -webkit-appearance: scrollbarthumb-vertical;
 120   width: 5px;
 121   background: transparent;
 122 }
 123
 124
 125 label {
 126   float: left;
 127   width: 24em;
 128   margin-right: 2em;
 129   text-align: right;
 130 }
 131
 132 .lds-ring {
 133   display: inline-block;
 134   position: relative;
 135   width: 64px;
 136   height: 64px;
 137 }
 138 .lds-ring div {
 139   box-sizing: border-box;
 140   display: block;
 141   position: absolute;
 142   width: 80px;
 143   height: 80px;
 144   margin: 6px;
 145   margin-top: 10px;
 146   border: 10px solid #006496;
 147   border-radius: 80%;
 148   animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
 149   border-color: #006496 transparent transparent transparent;
 150 }
 151 .lds-ring div:nth-child(1) {
 152   animation-delay: -0.45s;
 153 }
 154 .lds-ring div:nth-child(2) {
 155   animation-delay: -0.3s;
 156 }
 157 .lds-ring div:nth-child(3) {
 158   animation-delay: -0.15s;
 159 }
 160 @keyframes lds-ring {
 161   0% {
 162     transform: rotate(0deg);
 163   }
 164   100% {
 165     transform: rotate(360deg);
 166   }
 167 }
 168
 169
 170 mat-button-toggle{
 171   display: block;
 172   width: 400px;
 173   border-radius: 5px;
 174 }
 175
 176 label{
 177   size: 70px;
 178 }
 179
 180 input {
 181   width: 400px;
 182   height: 20px;
 183 }
 184
 185 .Heading{
 186   font-size: 45px;
 187 }
 188
 189 .stdForm{
 190   margin-left: 20px;
 191 }
 192
 193 .field-group {
 194   position: relative;
 195   display: block;
 196 }
 197
 198 label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
 199   margin-top: 5px;
 200 }
 201
 202
 203 select{
 204   display: block;
 205   width: 400px;
 206   max-width: 400px;
 207   padding: 15px;
 208   background-color: #e6e6e61a
 209 }
 210
 211 .webform-component-my-select select {
 212   height: 200px;
 213 }
 214
 215 .checkbox .skin {
 216   background-color: #fff;
 217   border: 1px solid #d2d2d2;
 218   border-radius: 3px;
 219   display: inline-block;
 220   height: 24px;
 221   width: 24px;
 222   position: absolute;
 223   left: 0;
 224   top: 0;
 225 }
 226
 227 i, em {
 228   font-family: "Omnes-ECOMP-W02-Italic", Arial;
 229   font-style: normal;
 230 }
 231
 232
 233 .b2b-horizontal-table ::-webkit-scrollbar {
 234   height: 10px; }
 235
 236 .b2b-horizontal-table ::-webkit-scrollbar-thumb {
 237   background: #666666;
 238   border-radius: 5px; }
 239
 240 .b2b-horizontal-table .b2b-frozen-col {
 241   font-size: 5px;
 242   font-weight: normal;
 243   font-style: italic; }
 244 /*
 245 .b2b-horizontal-table .b2b-horizontal-table-inner-container {
 246   overflow-x: scroll; } */
 247
 248 .b2b-horizontal-table .b2b-horizontal-table-column-info {
 249   text-align: center; }
 250
 251 .b2b-horizontal-table .b2b-horizontal-table-legend div[b2b-flyout-toggler] {
 252   color: #0568ae;
 253   cursor: pointer; }
 254
 255 .b2b-horizontal-table .b2b-horizontal-table-legend .b2b-frozen-cell {
 256   width: 16px;
 257   height: 16px;
 258   background-color: #F2F2F2;
 259   display: inline-block;
 260   margin-right: 10px; }
 261
 262 .b2b-horizontal-table .b2b-horizontal-table-arrows {
 263   margin-bottom: 20px; }
 264   .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-disabled-text {
 265     color: #767676; }
 266   .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-next-link {
 267     padding-right: 15px; }
 268   .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-prev-link {
 269     padding-left: 15px; }
 270
 271 @-moz-document url-prefix() {
 272   .b2b-horizontal-table td:first-child {
 273     border-top: none; } }
 274 * {
 275   box-sizing: border-box; }
 276
 277 :root {
 278   -ms-overflow-style: -ms-autohiding-scrollbar;
 279   overflow-y: scroll;
 280   -ms-text-size-adjust: 100%;
 281   -webkit-text-size-adjust: 100%;
 282   box-sizing: border-box;
 283   font: 0.625pc/1.5 sans-serif;
 284   text-rendering: optimizeLegibility; }
 285
 286 html {
 287   overflow-y: scroll;
 288   -webkit-overflow-scrolling: touch;
 289   height: 100%;
 290   position: relative; }
 291
 292 h1,
 293 h2,
 294 h3,
 295 h4,
 296 h5,
 297 p,
 298 blockquote,
 299 figure,
 300 ol,
 301 ul {
 302   margin: 0;
 303   padding: 0; }
 304
 305 /* a:focus {
 306   outline: thin dotted #191919;
 307 } */
 308 sub,
 309 sup {
 310   font-size: 75%;
 311   line-height: 0;
 312   position: relative;
 313   vertical-align: top; }
 314
 315 sup {
 316   top: .75em;
 317   display: inline-block; }
 318
 319 sub {
 320   bottom: -0.25em; }
 321
 322 img {
 323   max-width: 100%;
 324   height: auto;
 325   vertical-align: middle;
 326   border: 0;
 327   -ms-interpolation-mode: bicubic; }
 328
 329 .img-no-rwd {
 330   max-width: inherit !important; }
 331
 332 svg {
 333   display: inline-block; }
 334
 335 .responsive-img {
 336   width: 100%;
 337   height: auto; }
 338
 339 button,
 340 input,
 341 select,
 342 textarea {
 343   margin-bottom: 5;
 344   font-size: 100%;
 345   vertical-align: middle; }
 346
 347 ::-moz-focus-inner {
 348   padding: 0;
 349   border: 0; }
 350
 351 button,
 352 html input[type="button"],
 353 input[type="reset"],
 354 input[type="submit"] {
 355   appearance: button;
 356   cursor: pointer; }
 357
 358 label,
 359 select,
 360 button,
 361 input[type="button"],
 362 input[type="reset"],
 363 input[type="submit"],
 364 input[type="radio"],
 365 input[type="checkbox"] {
 366   cursor: pointer; }
 367
 368 input[type=search] {
 369   -webkit-appearance: textfield; }
 370
 371 input[type=search]:-webkit-search-cancel-button,
 372 input[type=search]:-webkit-search-decoration {
 373   -webkit-appearance: none; }
 374
 375
 376
 377 select {
 378   -moz-appearance: none;
 379   -webkit-appearance: none; }
 380
 381 [aria-busy=true] {
 382   cursor: progress; }
 383
 384 [aria-controls] {
 385   cursor: pointer; }
 386
 387 body {
 388   background-color: #ffffff;
 389   color: #191919;
 390   font-family: "Omnes-ECOMP-W02", Arial;
 391 /*  font-size: 1.6rem;
 392   line-height: 2rem;*/
 393   margin: 0;
 394   position: relative;
 395   width: 100%;
 396   -moz-osx-font-smoothing: grayscale;
 397   -webkit-font-smoothing: antialiased; }
 398
 399 small {
 400   font-size: 1.6rem; }
 401
 402 .container {
 403   margin: 0 auto;
 404   padding: 0; }
 405
 406 .tooltip {
 407   display: inline-block;
 408   height: 20px;
 409   margin: 1px 0 0 7px;
 410   vertical-align: middle; }
 411
 412 .tooltip-wrapper {
 413   display: none; }
 414
 415
 416
 417 /* TODO: Build a reference page for these classes */
 418 .font-regular {
 419   font-family: "Omnes-ECOMP-W02", Arial !important; }
 420
 421 .font-light {
 422   font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
 423
 424 .font-italic {
 425   font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
 426
 427 .font-light-italic {
 428   font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
 429
 430 .font-medium {
 431   font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
 432
 433 .font-medium-italic {
 434   font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }
 435
 436 .font-reset {
 437   font-style: normal;
 438   font-variant: normal;
 439   font-weight: normal;
 440   text-transform: none; }
 441
 442 .visible-phone {
 443   display: none !important; }
 444
 445 .visible-tablet {
 446   display: none !important; }
 447
 448 .hidden-desktop {
 449   display: none !important; }
 450
 451 .visible-desktop {
 452   display: inherit !important; }
 453
 454 .row,
 455 .row-nowrap {
 456   margin-left: 0; }
 457
 458 .row:before,
 459 .row-nowrap:before,
 460 .row:after,
 461 .row-nowrap:after {
 462   display: table;
 463   content: "";
 464   line-height: 0; }
 465
 466 .row:after,
 467 .row-nowrap:after {
 468   clear: both; }
 469
 470 .row:before,
 471 .row-nowrap:before,
 472 .row:after,
 473 .row-nowrap:after {
 474   display: table;
 475   content: "";
 476   line-height: 0; }
 477
 478 .row:after,
 479 .row-nowrap:after {
 480   clear: both; }
 481
 482 .row,
 483 .row-nowrap {
 484   display: flex; }
 485
 486 .row > [class*="span"],
 487 .row-nowrap > [class*="span"] {
 488   float: left;
 489   margin-right: 14px;
 490   margin-right: 1.40845%\9; }
 491
 492 .row > [class*="span"]:last-child,
 493 .row-nowrap > [class*="span"]:last-child {
 494   margin-right: 0; }
 495
 496 .row > [class*="span"].centered,
 497 .row-nowrap > [class*="span"].centered {
 498   margin-left: auto !important;
 499   margin-right: auto !important; }
 500
 501 .row.no-flex,
 502 .row-nowrap.no-flex {
 503   display: block; }
 504
 505 .row.no-flex > [class*="span"],
 506 .row-nowrap.no-flex > [class*="span"] {
 507   margin-right: 1.408450704225352%; }
 508
 509 .row.no-flex > [class*="span"]:last-child,
 510 .row-nowrap.no-flex > [class*="span"]:last-child {
 511   margin-right: 0; }
 512
 513 .row.flex-justify,
 514 .row-nowrap.flex-justify {
 515   justify-content: space-between; }
 516
 517 .row.flex-justify > [class*="span"],
 518 .row-nowrap.flex-justify > [class*="span"] {
 519   flex: 1 1 0; }
 520
 521 .row.flex-justify > .flex-col,
 522 .row-nowrap.flex-justify > .flex-col {
 523   margin-right: 14px;
 524   margin-right: 1.40845%\9; }
 525
 526 .row.flex-wrap,
 527 .row-nowrap.flex-wrap {
 528   flex-wrap: wrap; }
 529
 530 .align-items-top {
 531   align-items: flex-start; }
 532
 533 .align-items-center {
 534   align-items: center; }
 535
 536 .align-items-bottom {
 537   align-items: flex-end; }
 538
 539 .align-self-top {
 540   align-self: flex-start; }
 541
 542 .align-self-center {
 543   align-self: center; }
 544
 545 .align-self-bottom {
 546   align-self: flex-end; }
 547
 548 .row .fixed-230 {
 549   flex: 0;
 550   display: block;
 551   width: 230px;
 552   vertical-align: top;
 553   min-width: 230px;
 554   background-color: #efefef; }
 555
 556 .row .fluid-space {
 557   flex: 1 1 0;
 558   display: block;
 559   vertical-align: top;
 560   padding-left: 0;
 561   padding-right: 20px;
 562   width: 100%; }
 563
 564 .row .fixed-230 + .fluid-space {
 565   padding-left: 20px;
 566   padding-right: 20px; }
 567
 568 .row .fluid-space:last-child {
 569   padding-right: 0; }
 570
 571 .span1 {
 572   width: 7.042253521126761%; }
 573
 574 .span2 {
 575   width: 15.49295774647887%; }
 576
 577 .span3 {
 578   width: 23.94366197183099%; }
 579
 580 .span4 {
 581   width: 32.3943661971831%; }
 582
 583 .span5 {
 584   width: 40.84507042253521%; }
 585
 586 .span6 {
 587   width: 49.29577464788733%; }
 588
 589 .span7 {
 590   width: 57.74647887323944%; }
 591
 592 .span8 {
 593   width: 66.19718309859155%; }
 594
 595 .span9 {
 596   width: 74.64788732394367%; }
 597
 598 .span10 {
 599   width: 83.09859154929578%; }
 600
 601 .span11 {
 602   width: 91.54929577464789%; }
 603
 604 .span12 {
 605   width: 100%; }
 606
 607 .offset1 {
 608   margin-left: 8.450704225352113%; }
 609
 610 .offset2 {
 611   margin-left: 16.90140845070423%; }
 612
 613 .offset3 {
 614   margin-left: 25.35211267605634%; }
 615
 616 .offset4 {
 617   margin-left: 33.8028169%; }
 618
 619 .offset5 {
 620   margin-left: 42.25352113%; }
 621
 622 .offset6 {
 623   margin-left: 50.70422535%; }
 624
 625 .offset7 {
 626   margin-left: 59.15492958%; }
 627
 628 .offset8 {
 629   margin-left: 67.6056338%; }
 630
 631 .offset9 {
 632   margin-left: 76.05633803%; }
 633
 634 .offset10 {
 635   margin-left: 84.50704225%; }
 636
 637 .offset11 {
 638   margin-left: 92.95774648%; }
 639
 640 .align-center {
 641   margin: 0 auto;
 642   text-align: center; }
 643
 644 [class*="span"].align-center {
 645   margin: 0 auto !important;
 646   float: none; }
 647
 648 .align-left .container {
 649   padding-left: 0 !important;
 650   margin: 0 !important; }
 651
 652 /* BEGIN RESPONSIVE-4.LESS ************** */
 653 @media (min-width: 1025px) {
 654   .row > [class*="span"],
 655   .row-nowrap > [class*="span"] {
 656     margin-right: 20px;
 657     margin-right: 1.487301587301587%\9; }
 658   .container {
 659     padding-left: 20px;
 660     padding-right: 20px;
 661     max-width: 1260px; }
 662   /* 1col = 6.878306878306879 */
 663   /* 1colgutter = 1.587301587301587 */
 664   .span0 {
 665     display: none; }
 666   .span1 {
 667     width: 6.878306878306879%; }
 668   .span2 {
 669     width: 15.34391534391534%; }
 670   .span3 {
 671     width: 23.80952380952381%; }
 672   .span4 {
 673     width: 32.27513227513228%; }
 674   .span5 {
 675     width: 40.74074074074074%; }
 676   .span6 {
 677     width: 49.20634920634921%; }
 678   .span7 {
 679     width: 57.67195767195767%; }
 680   .span8 {
 681     width: 66.13756613756614%; }
 682   .span9 {
 683     width: 74.60317460317461%; }
 684   .span10 {
 685     width: 83.06878306878308%; }
 686   .span11 {
 687     width: 91.53439153439154%; }
 688   .span12 {
 689     width: 100%; }
 690   .offset1 {
 691     margin-left: 8.465608465608466%; }
 692   .offset2 {
 693     margin-left: 16.93121693121693%; }
 694   .offset3 {
 695     margin-left: 25.3968253968254%; }
 696   .offset4 {
 697     margin-left: 33.86243386%; }
 698   .offset5 {
 699     margin-left: 42.32804233%; }
 700   .offset6 {
 701     margin-left: 50.79365079%; }
 702   .offset7 {
 703     margin-left: 59.25925926%; }
 704   .offset8 {
 705     margin-left: 67.72486772%; }
 706   .offset9 {
 707     margin-left: 76.19047619%; }
 708   .offset10 {
 709     margin-left: 84.65608466%; }
 710   .offset11 {
 711     margin-left: 93.12169312%; }
 712   .tooltip-size-control {
 713     position: relative;
 714     width: 400px; }
 715   .thumbnails > li {
 716     margin-left: 1.40845070422535%; }
 717   .row .thumbnails {
 718     margin-left: 0; } }
 719
 720 /* END RESPONSIVE-4.LESS ****************** */
 721 /* BEGIN RESPONSIVE-3.LESS ******************* */
 722 @media (min-width: 768px) and (max-width: 1024px) {
 723   .hidden-desktop {
 724     display: inherit !important; }
 725   .visible-desktop {
 726     display: none !important; }
 727   .visible-tablet {
 728     display: inherit !important; }
 729   .hidden-tablet {
 730     display: none !important; }
 731   .container {
 732     width: 100%;
 733     margin: 0 auto;
 734     padding-left: 20px;
 735     padding-right: 20px; }
 736   .span0-md {
 737     display: none; }
 738   .span1-md {
 739     width: 7.042253521126761%; }
 740   .span2-md {
 741     width: 15.49295774647887%; }
 742   .span3-md {
 743     width: 23.94366197183099%; }
 744   .span4-md {
 745     width: 32.3943661971831%; }
 746   .span5-md {
 747     width: 40.84507042253521%; }
 748   .span6-md {
 749     width: 49.29577464788733%; }
 750   .span7-md {
 751     width: 57.74647887323944%; }
 752   .span8-md {
 753     width: 66.19718309859155%; }
 754   .span9-md {
 755     width: 74.64788732394367%; }
 756   .span10-md {
 757     width: 83.09859154929578%; }
 758   .span11-md {
 759     width: 91.54929577464789%; }
 760   .span12-md {
 761     width: 100%; }
 762   .offset1-md {
 763     margin-left: 8.450704225352113%; }
 764   .offset2-md {
 765     margin-left: 16.90140845070423%; }
 766   .offset3-md {
 767     margin-left: 25.35211267605634%; }
 768   .offset4-md {
 769     margin-left: 33.8028169%; }
 770   .offset5-md {
 771     margin-left: 42.25352113%; }
 772   .offset6-md {
 773     margin-left: 50.70422535%; }
 774   .offset7-md {
 775     margin-left: 59.15492958%; }
 776   .offset8-md {
 777     margin-left: 67.6056338%; }
 778   .offset9-md {
 779     margin-left: 76.05633803%; }
 780   .offset10-md {
 781     margin-left: 84.50704225%; }
 782   .offset11-md {
 783     margin-left: 92.95774648%; }
 784   .tooltip-size-control {
 785     position: relative;
 786     width: 300px; } }
 787
 788 /* END RESPONSIVE-3.LESS ******************* */
 789 /* BEGIN RESPONSIVE-2.LESS *************** */
 790 @media (max-width: 767px) {
 791   .hidden-desktop {
 792     display: inherit !important; }
 793   .visible-desktop {
 794     display: none !important; }
 795   .visible-phone {
 796     display: inherit !important; }
 797   .visible-tablet {
 798     display: inherit !important; }
 799   .hidden-phone {
 800     display: none !important; }
 801   .hidden-tablet {
 802     display: none !important; }
 803   .container {
 804     width: auto;
 805     padding-left: 15px;
 806     padding-right: 15px; }
 807   /*.row{ display:block; }*/
 808   .row > [class*="span"] {
 809     float: none;
 810     margin-left: 0;
 811     margin-right: 0;
 812     width: 100%; }
 813   .row {
 814     display: block; }
 815   .row.flex > .flex-col,
 816   .row-nowrap.flex > .flex-col {
 817     margin-right: 0; }
 818   .row .fixed-230 {
 819     display: block;
 820     width: 100%; }
 821   .row .fluid-space {
 822     display: block;
 823     padding-left: 0;
 824     padding-right: 0;
 825     width: auto; }
 826   .row .fluid-space + .fixed-230 {
 827     padding-left: 0; }
 828   .row .fluid-space:last-child {
 829     padding-right: 0; }
 830   .span0-sm {
 831     display: none; }
 832   .span1-sm {
 833     width: 7.042253521126761%; }
 834   .span2-sm {
 835     width: 15.49295774647887%; }
 836   .span3-sm {
 837     width: 23.94366197183099%; }
 838   .span4-sm {
 839     width: 32.3943661971831%; }
 840   .span5-sm {
 841     width: 40.84507042253521%; }
 842   .span6-sm {
 843     width: 49.29577464788733%; }
 844   .span7-sm {
 845     width: 57.74647887323944%; }
 846   .span8-sm {
 847     width: 66.19718309859155%; }
 848   .span9-sm {
 849     width: 74.64788732394367%; }
 850   .span10-sm {
 851     width: 83.09859154929578%; }
 852   .span11-sm {
 853     width: 91.54929577464789%; }
 854   .span12-sm {
 855     width: 100%; }
 856   .offset1-sm {
 857     margin-left: 8.450704225352113%; }
 858   .offset2-sm {
 859     margin-left: 16.90140845070423%; }
 860   .offset3-sm {
 861     margin-left: 25.35211267605634%; }
 862   .offset4-sm {
 863     margin-left: 33.8028169%; }
 864   .offset5-sm {
 865     margin-left: 42.25352113%; }
 866   .offset6-sm {
 867     margin-left: 50.70422535%; }
 868   .offset7-sm {
 869     margin-left: 59.15492958%; }
 870   .offset8-sm {
 871     margin-left: 67.6056338%; }
 872   .offset9-sm {
 873     margin-left: 76.05633803%; }
 874   .offset10-sm {
 875     margin-left: 84.50704225%; }
 876   .offset11-sm {
 877     margin-left: 92.95774648%; }
 878   input {
 879     padding: 8px 15px 8px 15px; }
 880   .field-group input.input-emphasized[type="search"] + .reset-field:after {
 881     top: 14px; }
 882   .field-group input.input-emphasized[type="search"] + .reset-field {
 883     height: 46px;
 884     top: 1px; }
 885   .marquee {
 886     margin-bottom: 30px; }
 887   .marquee .blur-overlay {
 888     border-radius: 0;
 889     position: absolute;
 890     bottom: 0;
 891     left: 0;
 892     width: 100%;
 893     margin: 0;
 894     padding: 34px 15px 30px; }
 895   .marquee + div {
 896     margin-top: 30px; }
 897   .marquee h1 {
 898     font-size: 1.8rem;
 899     letter-spacing: -0.035px; }
 900   .marquee .lead {
 901     font-size: 3.0rem;
 902     line-height: 3.6rem;
 903     margin-bottom: 0; }
 904   .marquee p:not(.lead) {
 905     font-family: "Omnes-ECOMP-W02-Light", Arial;
 906     font-size: 1.8rem;
 907     margin-bottom: 0; }
 908   .marquee .btn-fullwidth {
 909     margin-top: 10px;
 910     width: 100%;
 911     float: none; }
 912   .tooltip-size-control {
 913     width: 100%; }
 914   .table-wrapper,
 915   .accordion-table-layout {
 916     margin-left: -15px;
 917     margin-right: -15px; }
 918   .table-wrapper caption {
 919     padding-left: 15px; } }
 920
 921 @media (max-width: 480px) {
 922   .span1-xsm {
 923     width: 7.042253521126761%; }
 924   .span2-xsm {
 925     width: 15.49295774647887%; }
 926   .span3-xsm {
 927     width: 23.94366197183099%; }
 928   .span4-xsm {
 929     width: 32.3943661971831%; }
 930   .span5-xsm {
 931     width: 40.84507042253521%; }
 932   .span6-xsm {
 933     width: 49.29577464788733%; }
 934   .span7-xsm {
 935     width: 57.74647887323944%; }
 936   .span8-xsm {
 937     width: 66.19718309859155%; }
 938   .span9-xsm {
 939     width: 74.64788732394367%; }
 940   .span10-xsm {
 941     width: 83.09859154929578%; }
 942   .span11-xsm {
 943     width: 91.54929577464789%; }
 944   .span12-xsm {
 945     width: 100%; }
 946   .offset1-xsm {
 947     margin-left: 8.450704225352113%; }
 948   .offset2-xsm {
 949     margin-left: 16.90140845070423%; }
 950   .offset3-xsm {
 951     margin-left: 25.35211267605634%; }
 952   .offset4-xsm {
 953     margin-left: 33.8028169%; }
 954   .offset5-xsm {
 955     margin-left: 42.25352113%; }
 956   .offset6-xsm {
 957     margin-left: 50.70422535%; }
 958   .offset7-xsm {
 959     margin-left: 59.15492958%; }
 960   .offset8-xsm {
 961     margin-left: 67.6056338%; }
 962   .offset9-xsm {
 963     margin-left: 76.05633803%; }
 964   .offset10-xsm {
 965     margin-left: 84.50704225%; }
 966   .offset11-xsm {
 967     margin-left: 92.95774648%; } }
 968
 969 /* END RESPONSIVE-2.LESS ******************* */
 970 /* BEGIN RESPONSIVE-1.LESS ************** */
 971 .xxxxxxxx-begin-responsive-480px.less {
 972   /* placeholder */ }
 973
 974 @media (max-width: 480px) {
 975   .hidden-desktop {
 976     display: inherit !important; }
 977   .hidden-tablet {
 978     display: inherit !important; }
 979   .hidden-phone {
 980     display: none !important; }
 981   .visible-desktop {
 982     display: none !important; }
 983   .visible-tablet {
 984     display: none !important; }
 985   .visible-phone {
 986     display: inherit !important; }
 987   .container {
 988     width: auto;
 989     padding-left: 15px;
 990     padding-right: 15px; } }
 991
 992 [class*="icon-primary-"],
 993 .nav-links a:after,
 994 .bellyband-link a:after,
 995 .breadcrumb > li:after,
 996 .checkbox input:checked + .skin:after,
 997 .checkbox input.indeterminate + .skin:after,
 998 .checkbox input:indeterminate + .skin:after,
 999 .selectWrap.large:before,
1000 .form-row.error .error-msg:before,
1001 .close:before,
1002 .reset-field:before,
1003 .cssIcon-globe:before,
1004 .selectWrap:after {
1005   color: #0568ae;
1006   left: 6px;
1007   top: -3px;
1008   width: 2px;
1009   height: 3px;
1010   border: solid white;
1011   border-width: 0 3px 3px 0;
1012   -webkit-transform: rotate(45deg);
1013   -ms-transform: rotate(45deg);
1014   transform: rotate(45deg);}
1015
1016 [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-"] {
1017   color: #0568ae;
1018   display: inline-block;
1019   font-style: normal;
1020   font-size: 20px;
1021   font-weight: normal;
1022   font-variant: normal;
1023   font-style: normal;
1024   width: 20px;
1025   text-transform: none;
1026   line-height: 1;
1027   -webkit-font-smoothing: antialiased;
1028   -moz-osx-font-smoothing: grayscale;
1029   position: relative;
1030   speak: none;
1031   -webkit-user-select: none;
1032   -moz-user-select: none;
1033   -ms-user-select: none;
1034   user-select: none;
1035   vertical-align: middle; }
1036
1037 [class*="icon-primary-"]:before,
1038 [class*="icon-primary-"]:after {
1039   box-sizing: border-box;
1040   display: inline-block;
1041   font-size: 1em;
1042   height: 1em;
1043   position: relative;
1044   top: 0;
1045   left: 0;
1046   vertical-align: middle;
1047   width: 1em; }
1048
1049 .icon-primary-att-globe:before,
1050 .cssIcon-globe:before {
1051   content: "\e900";
1052   color: #44c7f5; }
1053
1054 .icon-primary-hamburger:before {
1055   content: "\e903"; }
1056
1057 .icon-primary-secure:before {
1058   content: "\e918"; }
1059
1060 .icon-primary-secureL:before {
1061   content: "\e919"; }
1062
1063 .icon-primary-padlockopen:before {
1064   content: "\e916"; }
1065
1066 .icon-primary-padlockopenL:before {
1067   content: "\e917"; }
1068
1069 .icon-primary-shoppingcart:before {
1070   content: "\e914"; }
1071
1072 .icon-primary-shoppingcartL:before {
1073   content: "\e915"; }
1074
1075 .icon-primary-print:before {
1076   content: "\e921"; }
1077
1078 .icon-primary-printL:before {
1079   content: "\e922"; }
1080
1081 .icon-primary-mobilesmartphone:before {
1082   content: "\e908"; }
1083
1084 .icon-primary-mobilesmartphoneL:before {
1085   content: "\e90c"; }
1086
1087 .icon-primary-tablet:before {
1088   content: "\e904"; }
1089
1090 .icon-primary-tabletL:before {
1091   content: "\e905"; }
1092
1093 .icon-primary-tv:before {
1094   content: "\e906"; }
1095
1096 .icon-primary-tvL:before {
1097   content: "\e907"; }
1098
1099 .icon-primary-calendar {
1100   width: 100% !important; }
1101
1102 .icon-primary-calendar:before {
1103   content: "\e91a";
1104   z-index: 1; }
1105
1106 .icon-primary-calendarL:before {
1107   content: "\e91b"; }
1108
1109 .icon-primary-star:before {
1110   content: "\e96c"; }
1111
1112 .icon-primary-close:before,
1113 .close:before,
1114 .reset-field:before {
1115   content: "\e910"; }
1116
1117 .icon-primary-down:before {
1118   content: "\ea3c"; }
1119
1120
1121
1122 .icon-primary-add-maximize:before {
1123   content: "\e91f"; }
1124
1125
1126
1127 .icon-primary-questionmark:before {
1128   content: "\e90f"; }
1129
1130 .icon-primary-badgealert:before,
1131 .form-row.error .error-msg:before {
1132   content: "\e90e"; }
1133
1134 .icon-primary-approval:before {
1135   content: "\e925"; }
1136
1137 .icon-primary-flat-info:before {
1138   content: "\e927"; }
1139
1140 .icon-primary-alert:before {
1141   content: "\e913"; }
1142
1143 .icon-primary-tooltip:before,
1144 .icon-primary-flat-faq:before {
1145   content: "\e90d"; }
1146
1147 .icon-primary-tooltip {
1148   font-size: 20px; }
1149
1150 .nav-links a:after,
1151 .bellyband-link a:after,
1152 .breadcrumb > li:after,
1153 .icon-primary-right:before {
1154   content: "\ea3c";
1155   transform: rotate(-90deg); }
1156
1157 .icon-primary-left:before {
1158   content: "\ea3c";
1159   transform: rotate(90deg); }
1160
1161 .icon-primary-accordion-plus:after,
1162 .icon-primary-collapsed:after,
1163 .icon-primary-accordion-minus:after,
1164 .icon-primary-expanded:after {
1165   content: "";
1166   position: absolute;
1167   top: 0;
1168   z-index: 1; }
1169
1170 .icon-primary-accordion-minus,
1171 .icon-primary-expanded,
1172 .icon-primary-accordion-plus,
1173 .icon-primary-collapsed {
1174   font-size: 20px !important; }
1175
1176 :not(.ds2-no-colors) .icon-primary-accordion-minus:before,
1177 :not(.ds2-no-colors) .icon-primary-expanded:before {
1178   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");
1179   content: ""; }
1180
1181 :not(.ds2-no-colors) .icon-primary-accordion-plus:before,
1182 :not(.ds2-no-colors) .icon-primary-collapsed:before {
1183   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");
1184   content: ""; }
1185
1186 .ds2-no-colors .icon-primary-accordion-minus:before,
1187 .ds2-no-colors .icon-primary-expanded:before {
1188   background-image: none;
1189   content: "\e901"; }
1190
1191 .ds2-no-colors .icon-primary-accordion-minus:after,
1192 .ds2-no-colors .icon-primary-expanded:after {
1193   content: "\e902"; }
1194
1195 .ds2-no-colors .icon-primary-accordion-plus:before,
1196 .ds2-no-colors .icon-primary-collapsed:before {
1197   background-image: none;
1198   content: "\e90b"; }
1199
1200 .ds2-no-colors .icon-primary-accordion-plus:after,
1201 .ds2-no-colors .icon-primary-collapsed:after {
1202   content: "\e911"; }
1203
1204 .icon-primary-circle-arrow {
1205   outline: 1px solid transparent;
1206   border-radius: 50%;
1207   font-size: 20px !important;
1208   background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
1209   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
1210   margin-right: 7px; }
1211
1212 .icon-primary-circle-arrow:after {
1213   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");
1214   content: "";
1215   position: absolute;
1216   top: 0;
1217   z-index: 2; }
1218
1219 .icon-primary-circle-arrow:before {
1220   border-radius: 50%;
1221   content: "\ea3c";
1222   font-size: 12px;
1223   top: 0;
1224   position: absolute;
1225   transform: rotate(-90deg);
1226   width: 20px;
1227   z-index: 1; }
1228
1229 [class*="icon-primary-"] [class*="icon-primary-"] {
1230   display: inline-block;
1231   float: left;
1232   font-size: 1em;
1233   margin-left: -1em;
1234   position: absolute; }
1235
1236 [class*="icon-primary-"].white, [class^="ico"][class*="-"].white {
1237   color: #fff; }
1238
1239 [class*="icon-primary-"].black, [class^="ico"][class*="-"].black {
1240   color: #000; }
1241
1242 [class*="icon-primary-"].blue, [class^="ico"][class*="-"].blue {
1243   color: #0568ae; }
1244
1245 [class*="icon-primary-"].green, [class^="ico"][class*="-"].green {
1246   color: #007a3e; }
1247
1248 @-webkit-viewport {
1249   width: device-width; }
1250
1251 @-moz-viewport {
1252   width: device-width; }
1253
1254 @-ms-viewport {
1255   width: device-width; }
1256
1257 @-o-viewport {
1258   width: device-width; }
1259
1260 @viewport {
1261   width: device-width; }
1262
1263 .clearfix:before,
1264 .clearfix:after {
1265   display: table;
1266   content: "";
1267   line-height: 0; }
1268
1269 .clearfix:after {
1270   clear: both; }
1271
1272 .pull-right {
1273   float: right !important; }
1274
1275 .pull-left {
1276   float: left !important; }
1277
1278 .float-children-left:before,
1279 .float-children-left:after {
1280   display: table;
1281   content: "";
1282   line-height: 0; }
1283
1284 .float-children-left:after {
1285   clear: both; }
1286
1287 .float-children-left > div {
1288   float: left;
1289   white-space: nowrap; }
1290
1291 .block {
1292   display: block !important; }
1293
1294 .inline {
1295   display: inline !important; }
1296
1297 .inline-block {
1298   display: inline-block !important; }
1299
1300 .table-cell {
1301   display: table-cell !important;
1302   width: 1%;
1303   vertical-align: middle; }
1304
1305 @media (max-width: 767px) {
1306   .full-bleed {
1307     width: auto;
1308     margin-left: -15px;
1309     margin-right: -15px;
1310     padding: 15px; } }
1311
1312 @media (min-width: 768px) {
1313   .full-bleed {
1314     width: auto;
1315     margin-left: -20px;
1316     margin-right: -20px;
1317     padding: 20px; } }
1318
1319 @media (max-width: 480px) {
1320   .full-bleed {
1321     width: auto;
1322     margin-left: -15px;
1323     margin-right: -15px;
1324     padding: 0 15px; } }
1325
1326 .fade {
1327   opacity: 0;
1328   filter: alpha(opacity=0);
1329   transition: opacity .15s linear; }
1330
1331 .fade.in {
1332   opacity: 1;
1333   filter: alpha(opacity=100); }
1334
1335 .b2bCollapse {
1336   display: none; }
1337
1338 .collapse.in {
1339   height: auto; }
1340
1341 .nowrap {
1342   white-space: nowrap; }
1343
1344 .pre {
1345   white-space: pre; }
1346
1347 .hidden-spoken {
1348   border: 0 none !important;
1349   clip: rect(0px, 0px, 0px, 0px) !important;
1350   height: 1px !important;
1351   letter-spacing: 0;
1352   line-height: 0;
1353   overflow: hidden !important;
1354   margin-top: -1px;
1355   padding: 0 !important;
1356   position: absolute !important;
1357   width: 1px !important; }
1358
1359 [data-sr-text].hidden-spoken:before {
1360   border: 0 none !important;
1361   content: attr(data-sr-text);
1362   clip: rect(0px, 0px, 0px, 0px) !important;
1363   height: 1px !important;
1364   letter-spacing: 0;
1365   line-height: 0;
1366   overflow: hidden !important;
1367   padding: 0 !important;
1368   position: absolute !important;
1369   width: 100% !important;
1370   z-index: -1; }
1371
1372 [data-sr-text].hidden-spoken {
1373   position: relative !important;
1374   width: auto !important; }
1375
1376 [data-show-between] {
1377   display: none;
1378   visibility: hidden; }
1379
1380 .noscroll-y {
1381   overflow-y: hidden !important; }
1382
1383 .invisible {
1384   visibility: hidden !important;
1385   opacity: 0 !important; }
1386
1387 .transparent {
1388   background-color: rgba(255, 255, 255, 0) !important; }
1389
1390 .hide {
1391   display: none !important; }
1392
1393 .show {
1394   display: block !important; }
1395
1396 .rel {
1397   position: relative !important; }
1398
1399 .legend-pad {
1400   padding: 0 15px; }
1401
1402 .border-top {
1403   border-top-width: 1px !important; }
1404
1405 .border-left {
1406   border-left-width: 1px !important; }
1407
1408 .border-right {
1409   border-right-width: 1px !important; }
1410
1411 .border-bottom {
1412   border-bottom-width: 1px !important; }
1413
1414 .border-dark {
1415   border-color: #000; }
1416
1417 .border-light {
1418   border-color: #fff; }
1419
1420 .no-border-top {
1421   border-top-width: 0 !important; }
1422
1423 .no-border-left {
1424   border-left-width: 0 !important; }
1425
1426 .no-border-right {
1427   border-right-width: 0 !important; }
1428
1429 .no-border-bottom {
1430   border-bottom-width: 0 !important; }
1431
1432 .align-middle {
1433   margin: 0 auto !important; }
1434
1435 .align-top {
1436   position: absolute;
1437   top: 0; }
1438
1439 .align-bottom {
1440   position: absolute;
1441   bottom: 0; }
1442
1443 .valign-top {
1444   vertical-align: top !important; }
1445
1446 .valign-middle {
1447   vertical-align: middle !important; }
1448
1449 .valign-bottom {
1450   vertical-align: bottom !important; }
1451
1452 .align-children-middle > * {
1453   margin: 0 auto; }
1454
1455 [class*="valign-children-"] {
1456   display: table; }
1457
1458 [class*="valign-children-"] > * {
1459   display: table-cell; }
1460
1461 .valign-children-top > * {
1462   vertical-align: top; }
1463
1464 .valign-children-middle > * {
1465   vertical-align: middle; }
1466
1467 .valign-children-bottom > * {
1468   vertical-align: bottom; }
1469
1470 .no-pad {
1471   padding: 0 !important; }
1472
1473 .top-space {
1474   margin-top: 60px !important; }
1475
1476 .bottom-space {
1477   margin-bottom: 60px !important; }
1478
1479 .top-pad {
1480   padding-top: 60px !important; }
1481
1482 .bottom-pad {
1483   padding-bottom: 60px !important; }
1484
1485 @media (max-width: 767px) {
1486   .top-space {
1487     margin-top: 30px !important; }
1488   .bottom-space {
1489     margin-bottom: 30px !important; }
1490   .top-pad {
1491     padding-top: 30px !important; }
1492   .bottom-pad {
1493     padding-bottom: 30px !important; } }
1494
1495 .affix {
1496   position: fixed; }
1497
1498 .img-landscape,
1499 .img-portrait {
1500   position: relative; }
1501
1502 @media (orientation: landscape) {
1503   .img-landscape {
1504     display: block; }
1505   .img-portrait {
1506     display: none !important; } }
1507
1508 @media (orientation: portrait) {
1509   .img-landscape {
1510     display: none !important; }
1511   .img-portrait {
1512     display: block; } }
1513
1514 .dark-bg {
1515   background-color: #222222; }
1516
1517 /* ... JAVASCRIPT HOOKS .................
1518    ... used by javascript ............... */
1519 .autoSize,
1520 .autoSize-this {
1521   position: relative; }
1522
1523 .truncate {
1524   white-space: nowrap;
1525   overflow: hidden;
1526   text-overflow: ellipsis; }
1527
1528 .placeholdersjs {
1529   color: #5a5a5a !important; }
1530
1531 .jshook-return-focus-here {
1532   display: block; }
1533
1534 .visible-print {
1535   display: none !important; }
1536
1537 .hidden-print {
1538   display: inherit !important; }
1539
1540 @media print {
1541   .visible-print {
1542     display: inherit !important; }
1543   .hidden-print {
1544     display: none !important; }
1545   * {
1546     color: #000 !important;
1547     background: transparent !important;
1548     box-shadow: none !important; }
1549   a,
1550   a:visited {
1551     text-decoration: underline; }
1552   pre,
1553   blockquote {
1554     border: 1px solid #000;
1555     page-break-inside: avoid; }
1556   thead {
1557     display: table-header-group; }
1558   tr,
1559   img {
1560     page-break-inside: avoid; }
1561   img {
1562     max-width: 100% !important; }
1563   @page {
1564     margin: 0.5cm; }
1565   p,
1566   h2,
1567   h3 {
1568     orphans: 3;
1569     widows: 3; }
1570   h2,
1571   h3 {
1572     page-break-after: avoid; } }
1573
1574 .mar-top-0 {
1575   margin-top: 0px; }
1576
1577 .mar-top-30 {
1578   margin-top: 30px; }
1579
1580 a:focus {
1581   outline: thin dotted #191919; }
1582
1583 h1,
1584 h2,
1585 h3,
1586 h4,
1587 h5,
1588 h6 {
1589   font-weight: normal;
1590   text-rendering: optimizeLegibility;
1591   margin: 0;
1592   line-height: 1; }
1593
1594 .heading-page {
1595   font-size: 3.8rem !important;
1596   font-family: "Omnes-ECOMP-W02-Light", Arial;
1597   margin-bottom: 40px; }
1598
1599 h1.heading-page.ng-scope {}
1600
1601 .heading-major-section {
1602   font-size: 3rem !important;
1603   font-family: "Omnes-ECOMP-W02-Light", Arial;
1604   margin-bottom: 40px !important; }
1605
1606 .heading-sub-section {
1607   font-size: 2.4rem !important;
1608   font-family: "Omnes-ECOMP-W02", Arial;
1609   margin-bottom: 40px; }
1610
1611 .heading-group {
1612   font-size: 2rem !important;
1613   font-family: "Omnes-ECOMP-W02-Medium", Arial;
1614   color: #ea7400;
1615   margin-bottom: 20px !important; }
1616
1617 .heading-medium {
1618   font-size: 2rem !important;
1619   font-family: "Omnes-ECOMP-W02", Arial;
1620   margin-bottom: 20px; }
1621
1622 .heading-medium-emphasis {
1623   font-size: 2rem !important;
1624   font-family: "Omnes-ECOMP-W02-Medium", Arial;
1625   margin-bottom: 20px; }
1626
1627 .heading-small {
1628   font-size: 1.8rem !important;
1629   font-family: "Omnes-ECOMP-W02", Arial;
1630   margin-bottom: 20px; }
1631
1632 .heading-small-emphasis {
1633   font-size: 1.8rem !important;
1634   font-family: "Omnes-ECOMP-W02-Medium", Arial;
1635   margin-bottom: 20px; }
1636
1637 .heading-micro {
1638   font-size: 1.3rem !important;
1639   font-family: "Omnes-ECOMP-W02-Medium", Arial;
1640   text-transform: uppercase;
1641   color: #da0081;
1642   margin-bottom: 10px; }
1643
1644 * + .heading-major-section {
1645   margin-top: 60px; }
1646
1647 * + .heading-sub-section {
1648   margin-top: 60px; }
1649
1650 * + .heading-group {
1651   margin-top: 40px !important; }
1652
1653 * + .heading-medium {
1654   margin-top: 40px; }
1655
1656 * + .heading-medium-emphasis {
1657   margin-top: 40px; }
1658
1659 * + .heading-small {
1660   margin-top: 40px; }
1661
1662 * + .heading-small-emphasis {
1663   margin-top: 40px; }
1664
1665 * + .heading-micro {
1666   margin-top: 20px; }
1667
1668 .lead {
1669   color: #666;
1670   font-family: "Omnes-ECOMP-W02-Light-Italic", Arial;
1671   font-size: 2.4rem;
1672   line-height: 2.8rem;
1673   margin-top: 10px;
1674   letter-spacing: -0.024rem; }
1675
1676 .eyebrow {
1677   text-transform: uppercase;
1678   line-height: .65 !important; }
1679
1680 .eyebrow,
1681 .subheading {
1682   font-size: 1.4rem !important;
1683   font-family: "Omnes-ECOMP-W02-Medium", Arial;
1684   color: #666; }
1685
1686 .eyebrow + .heading-major-section,
1687 .eyebrow + .heading-sub-section {
1688   margin-top: 4px; }
1689
1690 .subheading {
1691   margin-top: 10px; }
1692
1693 @media (max-width: 767px) {
1694   h1,
1695   h2,
1696   h3,
1697   h4,
1698   h5,
1699   h6,
1700   .heading-page {
1701     font-size: 2rem;
1702     font-family: "Omnes-ECOMP-W02", Arial;
1703     margin-bottom: 30px; }
1704   .heading-major-section {
1705     font-size: 2rem;
1706     font-family: "Omnes-ECOMP-W02", Arial;
1707     margin-bottom: 30px; }
1708   .heading-sub-section {
1709     font-size: 2rem;
1710     font-family: "Omnes-ECOMP-W02", Arial;
1711     margin-bottom: 20px; }
1712   .heading-medium {
1713     font-size: 2rem;
1714     font-family: "Omnes-ECOMP-W02", Arial;
1715     margin-bottom: 20px; }
1716   .heading-medium-emphasis {
1717     font-size: 2rem;
1718     font-family: "Omnes-ECOMP-W02", Arial;
1719     margin-bottom: 20px; }
1720   .heading-small {
1721     font-size: 1.6rem;
1722     font-family: "Omnes-ECOMP-W02", Arial;
1723     margin-bottom: 10px; }
1724   .heading-small-emphasis {
1725     font-size: 1.6rem;
1726     font-family: "Omnes-ECOMP-W02-Medium", Arial;
1727     margin-bottom: 5px; }
1728   * + .heading-major-section {
1729     margin-top: 30px; }
1730   * + .heading-sub-section {
1731     margin-top: 30px; }
1732   * + .heading-group {
1733     margin-top: 20px; }
1734   * + .heading-medium {
1735     margin-top: 20px; }
1736   * + .heading-medium-emphasis {
1737     margin-top: 20px; }
1738   * + .heading-small {
1739     margin-top: 20px; }
1740   * + .heading-small-emphasis {
1741     margin-top: 20px; }
1742   * + .heading-micro {
1743     margin-top: 10px; } }
1744
1745 /* Standard Type styles */
1746 .zeromargin {
1747   margin: 0 !important; }
1748
1749 a {
1750   color: #0568ae;
1751   text-decoration: none; }
1752
1753 a:hover,
1754 a:focus {
1755   text-decoration: underline; }
1756
1757 a:active {
1758   color: #0568ae; }
1759
1760 .a-min {
1761   font-size: 12px; }
1762
1763 .a-small {
1764   font-size: 14px; }
1765
1766 .a-max {
1767   font-size: 18px; }
1768
1769 a.show-qualifier {
1770   margin-right: 25px;
1771   position: relative; }
1772
1773 a.show-qualifier:after {
1774   color: #333333;
1775   display: inline-block;
1776   white-space: pre !important; }
1777
1778 a[href$="pdf"].show-qualifier:after,
1779 a.show-qualifier.pdf:after {
1780   content: " (PDF)"; }
1781
1782 a[href$="psd"].show-qualifier:after,
1783 a.show-qualifier.psd:after {
1784   content: " (PSD)"; }
1785
1786 .standalone-link {
1787   display: flex; }
1788
1789 /* 20px for the icon, 10px left of icon */
1790 .standalone-link.small {
1791   font-size: 1.4rem; }
1792
1793 .standalone-link.small i[class*="icon-primary-"] {
1794   font-size: 16px;
1795   top: 2px; }
1796
1797 .standalone-link.large {
1798   font-size: 1.8rem; }
1799
1800 .standalone-link.large i[class*="icon-primary-"] {
1801   font-size: 24px;
1802   top: -1px; }
1803
1804 p {
1805   margin: 0 0 12px 0;
1806   line-height: 2rem; }
1807
1808 .p-small {
1809   font-size: 1.4rem;
1810   line-height: 1.8rem; }
1811
1812 p + .p-small {
1813   margin: 10px 0 0; }
1814
1815 .p-micro {
1816   font-size: 1.2rem;
1817   line-height: 1.5rem; }
1818
1819 p + .p-micro {
1820   margin: 10px 0 0; }
1821
1822 .p-max {
1823   font-size: 1.8rem; }
1824
1825 p + .p-max {
1826   margin: 10px 0 0; }
1827
1828 b,
1829 strong {
1830   font-family: "Omnes-ECOMP-W02-Medium", Arial;
1831   font-weight: normal; }
1832
1833 i,
1834 em {
1835   font-family: "Omnes-ECOMP-W02-Italic", Arial;
1836   font-style: normal; }
1837
1838 .strike {
1839   text-decoration: line-through; }
1840
1841 sup {
1842   display: inline-block;
1843   font-style: normal;
1844   height: 1em;
1845   position: relative;
1846   vertical-align: text-top;
1847   width: auto; }
1848
1849 .text-legal {
1850   color: #5a5a5a;
1851   font-size: 1.1rem;
1852   line-height: 1.5rem;
1853   margin: 0 0 10px; }
1854
1855 .text-legal.legal-module {
1856   line-height: 1.3rem;
1857   margin: 0 0 12px; }
1858
1859 .text-legal b,
1860 .text-legal strong {
1861   font-weight: bold; }
1862
1863 .text-legal a {
1864   font-family: "Omnes-ECOMP-W02-Medium", Arial; }
1865
1866 .text-left {
1867   text-align: left !important; }
1868
1869 .text-right {
1870   text-align: right !important; }
1871
1872 .text-center {
1873   text-align: center !important; }
1874
1875 .text-justified {
1876   text-align: justify !important; }
1877
1878 ul {
1879   padding: 0;
1880   margin: 0;
1881   list-style: none; }
1882
1883 ul.bullet,
1884 ul.no-bullet,
1885 ul.lower-alpha,
1886 ul.lower-roman,
1887 ol {
1888   padding: 0;
1889   margin: 12px 0 0 20px; }
1890
1891 ul.bullet li,
1892 ul.no-bullet li,
1893 ul.lower-alpha li,
1894 ul.lower-roman li,
1895 ol li {
1896   padding-left: 15px;
1897   line-height: 20px;
1898   position: relative; }
1899
1900 ul.bullet li + li,
1901 ul.no-bullet li + li,
1902 ul.lower-alpha li + li,
1903 ul.lower-roman li + li,
1904 ol li + li {
1905   margin-top: 12px; }
1906
1907 ul.bullet > li:before,
1908 ul.no-bullet > li:before,
1909 ul.lower-alpha > li:before,
1910 ul.lower-roman > li:before,
1911 ol > li:before {
1912   background-color: #333333;
1913   border: 2px solid #333333;
1914   border-radius: 100%;
1915   content: " ";
1916   display: block;
1917   height: 1px;
1918   left: 0;
1919   position: absolute;
1920   top: 8px;
1921   width: 1px; }
1922
1923 ul.bullet ul,
1924 ul.no-bullet ul,
1925 ul.lower-alpha ul,
1926 ul.lower-roman ul,
1927 ol ul,
1928 ul.bullet ol,
1929 ul.no-bullet ol,
1930 ul.lower-alpha ol,
1931 ul.lower-roman ol,
1932 ol ol {
1933   margin-top: 12px; }
1934
1935 ul + *,
1936 ol + * {
1937   margin-top: 20px; }
1938
1939 ul.no-bullet,
1940 ul.lower-alpha,
1941 ul.lower-roman {
1942   margin: 0; }
1943
1944 ul.no-bullet > li,
1945 ul.lower-alpha > li,
1946 ul.lower-roman > li {
1947   padding-left: 0; }
1948
1949 ul.no-bullet > li:before,
1950 ul.lower-alpha > li:before,
1951 ul.lower-roman > li:before {
1952   display: none !important; }
1953
1954 ol {
1955   margin: 20px 0 0 32px; }
1956
1957 ol li {
1958   padding-left: 3px; }
1959
1960 ol li:before {
1961   display: none; }
1962
1963 ol ol {
1964   margin-left: 25px; }
1965
1966 ol ul {
1967   margin-left: -5px; }
1968
1969 ul ul,
1970 ul ol,
1971 ol ol,
1972 ol ul {
1973   margin-top: 0; }
1974
1975 ul.lower-roman {
1976   list-style-type: lower-roman;
1977   margin-top: 12px;
1978   margin-left: 35px;
1979   margin-bottom: 0; }
1980
1981 ul.lower-alpha {
1982   list-style-type: lower-alpha;
1983   margin-top: 12px;
1984   margin-left: 35px;
1985   margin-bottom: 0; }
1986
1987 dl {
1988   display: table;
1989   margin: 0 0 20px;
1990   width: 100%; }
1991
1992 dt,
1993 dd {
1994   display: table-cell; }
1995
1996 .btn {
1997   background-color: transparent;
1998   background-clip: padding-box;
1999   border: 1px solid transparent;
2000   border-radius: 8px;
2001   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
2002   cursor: pointer;
2003   display: inline-block;
2004   font-family: "Omnes-ECOMP-W02-Medium", Arial;
2005   font-size: 0.5rem;
2006   font-weight: normal;
2007   line-height: 1;
2008   margin: 0 7px 10px 0;
2009
2010
2011   padding: 14px 19px 11px 18px;
2012   position: relative;
2013   text-align: center;
2014   vertical-align: middle;
2015   white-space: nowrap;
2016   overflow: hidden; }
2017   .btn:focus {
2018     outline: 1px dotted #000;
2019     outline-offset: -5px; }
2020   .btn:last-child {
2021     margin-right: 0; }
2022   .btn::-moz-focus-inner {
2023     padding: 0;
2024     border: 0; }
2025   .btn i[class*="icon-primary-"].icon-primary-small {
2026     font-size: 24px;
2027     top: -2px; }
2028   .btn i[class*="icon-primary-"].icon-primary-medium {
2029     font-size: 10px;
2030     top: -2px; }
2031   .btn i[class*="icon-primary-"].icon-primary-large {
2032     font-size: 10px;
2033     top: -2px; }
2034
2035 a.btn {
2036   vertical-align: middle; }
2037   a.btn:hover {
2038     text-decoration: none; }
2039
2040 .field-group + .btn {
2041   margin-left: 20px; }
2042
2043 .btn-primary {
2044   border-color: #ea7400 transparent #d16500;
2045   background-color: #ea7400 transparent #d16500;
2046   background: linear-gradient(to bottom, #ea7400 0%, #d16500 100%);
2047   color: #ffffff;
2048   font-family: "Omnes-ECOMP-W02", Arial;
2049   font-weight: bold; }
2050   .btn-primary:hover {
2051     text-decoration: none;
2052     color: #ffffff;
2053     outline-color: #ffffff !important;
2054     background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
2055   .btn-primary:focus {
2056     text-decoration: none;
2057     color: #ffffff;
2058     outline-color: #ffffff !important;
2059     background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
2060   .btn-primary:active {
2061     text-decoration: none;
2062     color: #ffffff;
2063     outline-color: #ffffff !important;
2064     background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
2065
2066 .btn-arrow {
2067   font-family: "Omnes-ECOMP-W02", Arial;
2068   font-size: 1.6rem;
2069   font-weight: normal;
2070   background-color: transparent;
2071   border: none;
2072   padding: 5px 0 0;
2073   top: -4px;
2074   color: #333333;
2075   position: relative; }
2076   .btn-arrow:hover {
2077     text-decoration: underline; }
2078     .btn-arrow:hover .btn-primary {
2079       text-decoration: none;
2080       color: #ffffff;
2081       outline-color: #ffffff !important;
2082       background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
2083     .btn-arrow:hover .btn-secondary {
2084       color: #0568ae;
2085       outline-color: #000000 !important;
2086       background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
2087     .btn-arrow:hover .btn-alt {
2088       color: #ffffff;
2089       outline-color: #ffffff !important;
2090       background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
2091     .btn-arrow:hover .btn-specialty {
2092       color: #ffffff;
2093       outline-color: #ffffff !important;
2094       background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
2095   .btn-arrow:focus {
2096     text-decoration: underline;
2097     outline: 1px dotted #666; }
2098     .btn-arrow:focus .btn-primary {
2099       text-decoration: none;
2100       color: #ffffff;
2101       outline-color: #ffffff !important;
2102       background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
2103     .btn-arrow:focus .btn-secondary {
2104       color: #0568ae;
2105       outline-color: #000000 !important;
2106       background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
2107     .btn-arrow:focus .btn-alt {
2108       color: #ffffff;
2109       outline-color: #ffffff !important;
2110       background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
2111     .btn-arrow:focus .btn-specialty {
2112       color: #ffffff;
2113       outline-color: #ffffff !important;
2114       background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
2115   .btn-arrow:active .btn-primary {
2116     text-decoration: none;
2117     color: #ffffff;
2118     outline-color: #ffffff !important;
2119     background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
2120   .btn-arrow:active .btn-secondary {
2121     color: #0568ae;
2122     outline-color: #000000 !important;
2123     background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
2124   .btn-arrow:active .btn-alt {
2125     color: #ffffff;
2126     outline-color: #ffffff !important;
2127     background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
2128   .btn-arrow:active .btn-specialty {
2129     color: #ffffff;
2130     outline-color: #ffffff !important;
2131     background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
2132   .btn-arrow .btn-alt {
2133     border-color: #087ac2 transparent #0568ae;
2134     background-color: #0568ae;
2135     background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
2136     color: #ffffff; }
2137     .btn-arrow .btn-alt:hover {
2138       color: #ffffff;
2139       outline-color: #ffffff !important;
2140       background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
2141     .btn-arrow .btn-alt:focus {
2142       color: #ffffff;
2143       outline-color: #ffffff !important;
2144       background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
2145     .btn-arrow .btn-alt:active {
2146       color: #ffffff;
2147       outline-color: #ffffff !important;
2148       background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
2149   .btn-arrow::-moz-focus-inner {
2150     padding: 0;
2151     border: 0; }
2152   .btn-arrow .btn {
2153     border: 1px solid transparent;
2154     border-radius: 100%;
2155     height: 20px;
2156     margin-bottom: 0;
2157     margin-right: 7px;
2158     max-width: 20px;
2159     min-width: 20px;
2160     padding: 0;
2161     margin-top: -4px;
2162     vertical-align: middle;
2163     width: 36px; }
2164     .btn-arrow .btn .icon-primary-left {
2165       bottom: 0;
2166       display: block;
2167       height: 100%;
2168       left: 0;
2169       line-height: 0;
2170       position: absolute;
2171       right: 0;
2172       text-indent: 0;
2173       top: 0; }
2174       .btn-arrow .btn .icon-primary-left:before {
2175         position: absolute;
2176         font-size: 1.6rem;
2177         left: 1px;
2178         top: 9px; }
2179     .btn-arrow .btn .icon-primary-right {
2180       bottom: 0;
2181       display: block;
2182       height: 100%;
2183       left: 0;
2184       line-height: 0;
2185       position: absolute;
2186       right: 0;
2187       text-indent: 0;
2188       top: 0;
2189       color: #ffffff; }
2190       .btn-arrow .btn .icon-primary-right:before {
2191         position: absolute;
2192         font-size: 1.6rem;
2193         left: 17px;
2194         top: 9px; }
2195   .btn-arrow .btn.btn-primary .icon-primary-left {
2196     color: #fff; }
2197   .btn-arrow .btn.btn-primary .icon-primary-right {
2198     color: #fff; }
2199   .btn-arrow .btn.btn-alt .icon-primary-left {
2200     color: #fff; }
2201   .btn-arrow .btn.btn-alt .icon-primary-right {
2202     color: #fff; }
2203   .btn-arrow .btn.btn-secondary {
2204     border: 1px solid #d2d2d2; }
2205     .btn-arrow .btn.btn-secondary .icon-primary-left {
2206       color: #0568ae; }
2207     .btn-arrow .btn.btn-secondary .icon-primary-right {
2208       color: #0568ae; }
2209   .btn-arrow .btn.btn-small {
2210     height: 10px;
2211
2212
2213     width: 10px;
2214     top: -1px; }
2215     .btn-arrow .btn.btn-small .icon-primary-left:before {
2216       font-size: 5px;
2217       top: 4px;
2218       left: 0; }
2219     .btn-arrow .btn.btn-small .icon-primary-right:before {
2220       font-size: 5px;
2221       top: 4px;
2222       left: 10px; }
2223   .btn-arrow .btn.btn-large .icon-primary-left:before {
2224     font-size: 112%;
2225     top: 12px;
2226     left: 23px; }
2227   .btn-arrow .btn.btn-large .icon-primary-right:before {
2228     font-size: 112%;
2229     top: 12px;
2230     left: 23px; }
2231
2232 .btn-secondary {
2233   border: 1px solid #d2d2d2;
2234   background-color: #f2f2f2;
2235   background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
2236   color: #0568ae;
2237   box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
2238   padding: 14px 18px 11px 17px; }
2239   .btn-secondary:hover {
2240     color: #0568ae;
2241     outline-color: #000000 !important;
2242     background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
2243   .btn-secondary:focus {
2244     color: #0568ae;
2245     outline-color: #000000 !important;
2246     background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
2247   .btn-secondary:active {
2248     color: #0568ae;
2249     outline-color: #000000 !important;
2250     background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
2251
2252 .btn-alt {
2253   border-color: #087ac2 transparent #0568ae;
2254   background-color: #0568ae;
2255   background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
2256   color: #ffffff; }
2257   .btn-alt:hover {
2258     color: #ffffff;
2259     outline-color: #ffffff !important;
2260     background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
2261   .btn-alt:focus {
2262     color: #ffffff;
2263     outline-color: #ffffff !important;
2264     background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
2265   .btn-alt:active {
2266     color: #ffffff;
2267     outline-color: #ffffff !important;
2268     background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
2269
2270 .btn-specialty {
2271   border-color: #008744 transparent #007a3e;
2272   background-color: #007a3e;
2273   background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
2274   color: #ffffff; }
2275   .btn-specialty:hover {
2276     color: #ffffff;
2277     outline-color: #ffffff !important;
2278     background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
2279   .btn-specialty:focus {
2280     color: #ffffff;
2281     outline-color: #ffffff !important;
2282     background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
2283   .btn-specialty:active {
2284     color: #ffffff;
2285     outline-color: #ffffff !important;
2286     background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
2287
2288 .btn-clear {
2289   background: transparent !important;
2290   border-color: transparent !important;
2291   font-weight: normal;
2292   font-family: "Omnes-ECOMP-W02", Arial;
2293   box-shadow: none;
2294   text-decoration: none;
2295   color: #0568ae; }
2296   .btn-clear:focus {
2297     text-decoration: underline; }
2298   .btn-clear:hover {
2299     text-decoration: underline; }
2300
2301 .isIE .btn:focus {
2302   outline: none !important;
2303   text-decoration: none !important; }
2304   .isIE .btn:focus:after {
2305     display: block;
2306     content: "";
2307     position: absolute;
2308     top: 4px;
2309     left: 4px;
2310     right: 4px;
2311     bottom: 4px;
2312     border: 1px dotted #000; }
2313
2314 .isIE .btn:active {
2315   outline: none !important;
2316   text-decoration: none !important; }
2317   .isIE .btn:active:after {
2318     display: block;
2319     content: "";
2320     position: absolute;
2321     top: 4px;
2322     left: 4px;
2323     right: 4px;
2324     bottom: 4px;
2325     border: 1px dotted #000; }
2326
2327 .isIE .btn.active {
2328   outline: none !important;
2329   text-decoration: none !important; }
2330   .isIE .btn.active:not(:focus):after {
2331     border: 1px solid #000; }
2332   .isIE .btn.active:after {
2333     display: block;
2334     content: "";
2335     position: absolute;
2336     top: 4px;
2337     left: 4px;
2338     right: 4px;
2339     bottom: 4px;
2340     border: 1px dotted #000; }
2341
2342 .isIE .btn.btn-primary:focus:after {
2343   border: 2px dashed #fff; }
2344
2345 .isIE .btn.btn-specialty:focus:after {
2346   border: 2px dashed #fff; }
2347
2348 .isIE .btn.btn-alt:focus:after {
2349   border: 2px dashed #fff; }
2350
2351 .btn.disabled {
2352   background-image: none;
2353   background-color: #767676;
2354   box-shadow: none;
2355   cursor: not-allowed;
2356   color: #ffffff;
2357   border-color: transparent;
2358   outline: 0 !important; }
2359   .btn.disabled:hover {
2360     color: #f2f2f2;
2361     outline: none !important; }
2362   .btn.disabled:focus {
2363     color: #f2f2f2;
2364     outline: none !important; }
2365
2366 .btn[disabled] {
2367   background-image: none;
2368   background-color: #767676;
2369   box-shadow: none;
2370   cursor: not-allowed;
2371   color: #ffffff;
2372   border-color: transparent;
2373   outline: 0 !important; }
2374   .btn[disabled]:hover {
2375     color: #f2f2f2;
2376     outline: none !important; }
2377   .btn[disabled]:focus {
2378     color: #f2f2f2;
2379     outline: none !important; }
2380
2381 .btn[disabled="disabled"] {
2382   background-image: none;
2383   background-color: #767676;
2384   box-shadow: none;
2385   cursor: not-allowed;
2386   color: #ffffff;
2387   border-color: transparent;
2388   outline: 0 !important; }
2389   .btn[disabled="disabled"]:hover {
2390     color: #f2f2f2;
2391     outline: none !important; }
2392   .btn[disabled="disabled"]:focus {
2393     color: #f2f2f2;
2394     outline: none !important; }
2395
2396 .btn-arrow[disabled] .btn {
2397   background-image: none;
2398   background-color: #767676;
2399   box-shadow: none;
2400   cursor: not-allowed;
2401   color: #ffffff;
2402   border-color: transparent;
2403   outline: 0 !important; }
2404   .btn-arrow[disabled] .btn:hover {
2405     color: #f2f2f2;
2406     outline: none !important; }
2407   .btn-arrow[disabled] .btn:focus {
2408     color: #f2f2f2;
2409     outline: none !important; }
2410
2411 .btn-arrow[disabled] .icon-primary-left {
2412   color: #fff !important; }
2413
2414 .btn-arrow[disabled] .icon-primary-right {
2415   color: #fff !important; }
2416
2417 .btn-arrow.disabled .btn {
2418   background-image: none;
2419   background-color: #767676;
2420   box-shadow: none;
2421   cursor: not-allowed;
2422   color: #ffffff;
2423   border-color: transparent;
2424   outline: 0 !important; }
2425   .btn-arrow.disabled .btn:hover {
2426     color: #f2f2f2;
2427     outline: none !important; }
2428   .btn-arrow.disabled .btn:focus {
2429     color: #f2f2f2;
2430     outline: none !important; }
2431
2432 .btn-arrow.disabled .icon-primary-left {
2433   color: #fff !important; }
2434
2435 .btn-arrow.disabled .icon-primary-right {
2436   color: #fff !important; }
2437
2438 .btn-medium {
2439   padding: 12px 19px 11px 18px;
2440   font-size: 1.7rem; }
2441
2442 .btn-small {
2443     padding: 10px 19px 9px 20px;
2444   font-size: 1.5rem;
2445     border-radius: 8px;
2446 }
2447 .btn-fullwidth {
2448   width: 100%; }
2449
2450 *:not(.btn-arrow) > .btn > i[class*="icon-primary-"] {
2451   margin-top: -20px;
2452   margin-bottom: -20px; }
2453
2454 .enhanced-cta-group {
2455   display: -ms-flexbox;
2456   display: flex;
2457   -ms-flex-direction: row-reverse;
2458   flex-direction: row-reverse;
2459   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;
2460   background-position: 0 -1px;
2461   background-repeat: repeat-x; }
2462   .enhanced-cta-group > .cta-button-group {
2463     border-top: 0;
2464     background-image: none !important; }
2465     .enhanced-cta-group > .cta-button-group + .cta-button-group a {
2466       font-size: 1.4rem;
2467       line-height: 1em; }
2468       .enhanced-cta-group > .cta-button-group + .cta-button-group a a {
2469         margin-right: 0; }
2470     .enhanced-cta-group > .cta-button-group hr {
2471       min-height: 14px; }
2472     .enhanced-cta-group > .cta-button-group + .cta-button-group {
2473       -ms-flex-align: center;
2474       -ms-grid-row-align: center;
2475       align-items: center;
2476       -ms-flex-direction: row;
2477       flex-direction: row;
2478       padding: 10px 0; }
2479
2480 .cta-button-group {
2481   text-align: right;
2482   -ms-flex-align: baseline;
2483   align-items: baseline;
2484   padding: 20px 0 10px;
2485   width: 100%; }
2486   .cta-button-group.nodots {
2487     background-image: none !important; }
2488   .cta-button-group .hidden-phone {
2489     margin-right: 14px; }
2490   .cta-button-group .btn + .btn {
2491     margin-right: 20px !important; }
2492   .cta-button-group .btn:not(.hidden-phone):not(.visible-phone) {
2493     margin-right: 0; }
2494
2495 .isMobile .btn-arrow .btn.btn-small .icon-primary-left:before {
2496   left: -1px; }
2497
2498 .isMobile .btn-arrow .btn.btn-large .icon-primary-left:before {
2499   left: 24px; }
2500
2501 .isMobile .btn-arrow .btn.btn-large .icon-primary-right:before {
2502   left: 24px; }
2503
2504 @media (max-width: 1024px) {
2505   .field-group + .btn {
2506     margin-left: 15px; } }
2507
2508 @media (max-width: 767px) {
2509   .cta-button-group {
2510     text-align: center; }
2511     .cta-button-group > .btn {
2512       display: block;
2513       float: none;
2514       width: 100%;
2515       margin-left: auto !important;
2516       margin-right: auto !important; } }
2517
2518 .btn-group {
2519   border-radius: 8px;
2520   box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
2521   display: -ms-flexbox;
2522   display: flex;
2523   -ms-flex-pack: justify;
2524   justify-content: space-between;
2525   margin-bottom: 10px;
2526   max-width: 470px;
2527   min-width: 290px;
2528   position: relative;
2529   vertical-align: middle;
2530   width: 100%; }
2531   .btn-group > .btn {
2532     box-shadow: none;
2533     -ms-flex: 1;
2534     flex: 1;
2535     position: relative;
2536     float: left;
2537     margin-right: -1px;
2538     margin-bottom: 0;
2539     padding-left: 0;
2540     padding-right: 0;
2541     text-align: center; }
2542   .btn-group:not([data-select-color]) .btn.active:not(:first-child) {
2543     margin-right: -1px;
2544     border-left: 1px solid #d2d2d2 !important; }
2545   .btn-group:not([data-select-color]) .btn[disabled]:not(:first-child) {
2546     border-left: 1px solid #d2d2d2 !important; }
2547   .btn-group:not([data-select-color]) .btn[disabled] + .btn[disabled] {
2548     border-left: 1px solid #ebebeb !important; }
2549   .btn-group:not([data-select-color]) > .btn.active {
2550     border-color: #087ac2 transparent #0568ae;
2551     background-color: #0568ae;
2552     background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
2553     color: #ffffff; }
2554     .btn-group:not([data-select-color]) > .btn.active:hover {
2555       color: #ffffff;
2556       outline-color: #ffffff !important;
2557       background: #0563a6;
2558       border-color: #0563a6; }
2559     .btn-group:not([data-select-color]) > .btn.active:focus {
2560       color: #ffffff;
2561       outline-color: #ffffff !important;
2562       background: #0563a6;
2563       border-color: #0563a6; }
2564     .btn-group:not([data-select-color]) > .btn.active:active {
2565       color: #ffffff;
2566       outline-color: #ffffff !important;
2567       background: #0563a6;
2568       border-color: #0563a6; }
2569   .btn-group:not([data-select-color]) > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
2570     border-radius: 0; }
2571   .btn-group:not([data-select-color]) > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
2572     border-top-right-radius: 0;
2573     border-bottom-right-radius: 0; }
2574   .btn-group:not([data-select-color]) > .btn:last-child:not(:first-child) {
2575     border-top-left-radius: 0;
2576     border-bottom-left-radius: 0; }
2577   .btn-group:not([data-select-color]) > .dropdown-toggle:not(:first-child) {
2578     border-top-left-radius: 0;
2579     border-bottom-left-radius: 0; }
2580   .btn-group > .active {
2581     text-decoration: none;
2582     outline: 1px dotted transparent; }
2583     .btn-group > .active:focus {
2584       outline: 1px dotted #ffffff; }
2585
2586 .btn-group.btn-fullwidth > .btn {
2587   -ms-flex: 1;
2588   flex: 1; }
2589
2590 .btn-group[data-select-color] {
2591   margin-top: 5px;
2592   box-shadow: none;
2593   -ms-flex-pack: start;
2594   justify-content: flex-start;
2595   -ms-flex-wrap: wrap;
2596   flex-wrap: wrap; }
2597   .btn-group[data-select-color] .btn {
2598     border: 1px solid #959595;
2599     border-radius: 4px;
2600     box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
2601     margin-right: 10px;
2602     margin-bottom: 10px;
2603     height: 40px;
2604     font-size: 16px;
2605     color: #333333;
2606     max-width: 60px;
2607     min-width: 60px;
2608     -ms-flex: 0;
2609     flex: 0; }
2610   .btn-group[data-select-color] > .btn.active:focus {
2611     outline: 1px dotted #191919;
2612     outline-offset: 4px; }
2613
2614 button .btn-fill {
2615   background-clip: padding-box;
2616   border: 0;
2617   border-radius: 4px;
2618   bottom: 0;
2619   display: block;
2620   height: auto;
2621   left: 0;
2622   margin: 5px;
2623   position: absolute;
2624   right: 0;
2625   top: 0;
2626   width: auto; }
2627
2628 button .btn-fill[style*="#fff"] {
2629   border: 1px solid #d2d2d2; }
2630
2631 [data-select-color] .btn.active {
2632   background: none !important;
2633   outline: 0;
2634   margin-right: 10px;
2635   border-width: 3px;
2636   color: #333333;
2637   line-height: 12px; }
2638   [data-select-color] .btn.active > .btn-fill {
2639     margin: 3px; }
2640   [data-select-color] .btn.active:hover {
2641     color: #333333; }
2642
2643 [data-select-color] .btn:active {
2644   background: none !important;
2645   outline: 0;
2646   margin-right: 10px;
2647   border-width: 3px;
2648   color: #333333;
2649   line-height: 12px; }
2650   [data-select-color] .btn:active > .btn-fill {
2651     margin: 3px; }
2652   [data-select-color] .btn:active:hover {
2653     color: #333333; }
2654
2655 .btn-group[data-select-color="orange"] > .btn.active {
2656   border-color: #ea7400; }
2657
2658 .btn-group[data-select-color="blue"] > .btn.active {
2659   border-color: #0568ae; }
2660
2661 .btn-group[data-select-color="green"] > .btn.active {
2662   border-color: #007a3e; }
2663
2664 .btn-spinbutton-toggle.btn-group {
2665   display: block !important;
2666   height: 40px !important;
2667   margin-top: 5px;
2668   max-width: 138px;
2669   min-width: 138px;
2670   white-space: nowrap; }
2671
2672 .btn-spinbutton-toggle .btn {
2673   border-radius: 6px;
2674   font-weight: normal;
2675   -ms-flex: unset;
2676   flex: unset;
2677   height: 40px;
2678   letter-spacing: normal;
2679   min-width: auto;
2680   padding: 3px 0 0;
2681   text-align: center;
2682   min-width: 46px;
2683   width: 46px; }
2684
2685 .btn-spinbutton-toggle .btn[data-max-value] {
2686   border-bottom: 1px solid #d2d2d2;
2687   border-top: 1px solid #d2d2d2;
2688   box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
2689   background-color: #fff;
2690   cursor: text;
2691   font-family: "Omnes-ECOMP-W02", Arial;
2692   font-size: 2rem;
2693   font-weight: normal;
2694   padding: 4px 0 0;
2695   text-align: center;
2696   min-width: 46px !important;
2697   width: 46px; }
2698   .btn-spinbutton-toggle .btn[data-max-value]:focus {
2699     border-color: #0568ae;
2700     outline: none; }
2701     .btn-spinbutton-toggle .btn[data-max-value]:focus + .btn {
2702       border-left: 1px solid #0568ae;
2703       transition: border 0.3s linear 0s; }
2704
2705 .btn-spinbutton-toggle .icon-primary-subtractminimize {
2706   font-size: 30px !important;
2707   color: #0568ae !important; }
2708
2709 .btn-spinbutton-toggle .icon-primary-add-maximize {
2710   font-size: 30px !important;
2711   color: #0568ae !important; }
2712
2713 .btn-spinbutton-toggle .btn[disabled].icon-primary-subtractminimize {
2714   background-color: #d2d2d2;
2715   color: #767676 !important; }
2716
2717 .btn-spinbutton-toggle .btn[disabled].icon-primary-add-maximize {
2718   background-color: #d2d2d2;
2719   color: #767676 !important; }
2720
2721 .btn-spinbutton-toggle input.btn[disabled] {
2722   background-color: #d2d2d2;
2723   color: #5a5a5a;
2724   cursor: not-allowed; }
2725
2726 .btn-group.btn-spinbutton-toggle .btn[disabled] + .btn[disabled] {
2727   border-left: 1px solid #f0f0f0 !important; }
2728
2729 .btn-group.btn-spinbutton-toggle .btn[data-max-value]:focus + .btn:not(:first-child) {
2730   border-left: 1px solid #0568ae !important; }
2731
2732 @media (max-width: 480px) {
2733   .btn-group:not([data-select-color]) > .btn {
2734     font-size: 1.3rem;
2735     min-width: auto; } }
2736
2737 .reset-field,
2738 .close {
2739   float: right;
2740   background: none;
2741   width: 34px;
2742   height: 34px;
2743   padding: 0;
2744   overflow: hidden;
2745   display: inline-block; }
2746
2747 .reset-field {
2748   display: none; }
2749
2750 .reset-field:before {
2751   font-size: 22px;
2752   color: #5a5a5a; }
2753
2754 .input-emphasized + .reset-field:before {
2755   font-size: 29px;
2756   color: #5a5a5a; }
2757
2758 .reset-field:active,
2759 .reset-field:hover,
2760 .reset-field:focus {
2761   display: block !important; }
2762
2763 button.close {
2764   border: 0;
2765   appearance: none; }
2766
2767 .corner-button {
2768   box-shadow: 0 -50px 0 0 #f2f2f2 inset;
2769   height: 69px;
2770   /*overflow: hidden;*/
2771   position: absolute;
2772   right: -35px;
2773   top: -35px;
2774   transform: rotate(45deg);
2775   width: 69px; }
2776
2777 .corner-button .close:before {
2778   bottom: -7px;
2779   color: #0568ae;
2780   display: block;
2781   font-size: 20px;
2782   height: 50px;
2783   left: -11px;
2784   position: absolute;
2785   width: 50px; }
2786
2787 .corner-button .close {
2788   float: none;
2789   height: 45px;
2790   margin: 0;
2791   position: absolute;
2792   right: 12px;
2793   top: 45px;
2794   transform: rotate(45deg);
2795   width: 45px; }
2796
2797 .corner-button .close:focus {
2798   outline: 1px dotted black; }
2799
2800 .ds2-no-colors .corner-button .close {
2801   border: 1px solid black; }
2802
2803 .field-group input + .reset-field {
2804   background: none;
2805   height: 36px;
2806   width: 45px;
2807   display: none;
2808   padding: 0;
2809   position: absolute;
2810   right: 0;
2811   top: 0;
2812   box-shadow: none;
2813   border: none;
2814   content: " "; }
2815
2816 .field-group input[type="search"] + .reset-field,
2817 .field-group input[type="search"] + .btn-search + .reset-field,
2818 .tooltip-onclick input + .reset-field,
2819 .tooltip-onclick input + .icon-primary-tooltip + .reset-field,
2820 .tooltip-onclick textarea + .reset-field,
2821 .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
2822   right: 45px; }
2823
2824 .field-group input[type="search"] + .reset-field:after,
2825 .field-group input[type="search"] + .btn-search + .reset-field:after,
2826 .tooltip-onclick input + .reset-field:after,
2827 .tooltip-onclick input + .icon-primary-tooltip + .reset-field:after,
2828 .tooltip-onclick textarea + .reset-field:after,
2829 .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field:after {
2830   background-color: #d2d2d2;
2831   content: "";
2832   display: block;
2833   height: 20px;
2834   position: absolute;
2835   right: 0;
2836   top: 8px;
2837   width: 1px; }
2838
2839 .tooltip-onclick input + .reset-field,
2840 .tooltip-onclick input + .icon-primary-tooltip + .reset-field {
2841   right: 50px !important; }
2842
2843 .tooltip-onclick textarea + .reset-field,
2844 .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
2845   right: 45px !important;
2846   width: 40px; }
2847
2848 .field-group input.input-emphasized + .reset-field {
2849   width: 45px;
2850   height: 46px;
2851   right: 6px; }
2852
2853 .field-group input.input-emphasized + .reset-field:after {
2854   top: 14px; }
2855
2856 .field-group [disabled] + .reset-field {
2857   display: none; }
2858
2859 .ds2_touchevents .field-group input + .reset-field:focus,
2860 .ds2_touchevents .field-group input:focus + .reset-field,
2861 .ds2_touchevents textarea:focus + .reset-field,
2862 .ds2_touchevents textarea + .reset-field:focus {
2863   display: block;
2864   position: absolute;
2865   right: 0px;
2866   top: 0;
2867   border: none; }
2868
2869 .ds2_touchevents .field-group input {
2870   padding: 8px 55px 8px 15px;
2871   -webkit-appearance: none; }
2872
2873 .ds2_touchevents textarea:focus {
2874   padding: 15px 55px 15px 15px; }
2875
2876 .ds2_touchevents textarea:focus + .reset-field {
2877   border: none;
2878   position: absolute;
2879   right: 6px;
2880   top: 5px; }
2881
2882 .ds2_touchevents textarea.hasScrollbar:focus {
2883   padding: 15px 35px 15px 15px; }
2884
2885 .ds2_touchevents textarea.hasScrollbar:focus + .reset-field {
2886   right: 22px; }
2887
2888 .ds2-no-colors .b2b-tmpl-card-corner-button {
2889   border: none !important; }
2890
2891 .ds2-no-colors .b2b-tmpl-card-corner-button .close {
2892   border: 1px solid black;
2893   top: 0px !important;
2894   right: 0px !important; }
2895
2896 .form-row.error .error-msg {
2897   display: block;
2898   font-size: 14px;
2899   line-height: 14px;
2900   font-family: "Omnes-ECOMP-W02-Medium", Arial;
2901   position: relative;
2902   padding-left: 18px; }
2903
2904 .form-row.error .error-msg:before {
2905   color: #cf2a2a;
2906   font-size: 14px;
2907   left: 0;
2908   line-height: 14px;
2909   position: absolute;
2910   vertical-align: middle; }
2911
2912 .form-row.error label,
2913 .form-row.error .error-msg,
2914 .form-row.error button.awd-select,
2915 .form-row.error select.awd-select + span,
2916 .form-row.error .checkbox,
2917 .form-row.error .radio,
2918 .form-row.error legend.error,
2919 .form-row.error input {
2920   color: #cf2a2a; }
2921
2922 .form-row.error .btn-group > .btn,
2923 .form-row.error button.awd-select,
2924 .form-row.error .awd-select-list,
2925 .form-row.error select.awd-select + span,
2926 .form-row.error textarea,
2927 .form-row.error input,
2928 .form-row.error .checkbox .skin,
2929 .form-row.error .radio .skin {
2930   border-color: #cf2a2a !important; }
2931
2932 .form-row.error .checkbox input:checked:not(:disabled) + .skin {
2933   background-color: #cf2a2a; }
2934
2935 .form-row.error .radio input:checked + .skin:after {
2936   background-color: #cf2a2a; }
2937
2938 .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg {
2939   margin-top: -11px;
2940   border-bottom-left-radius: 0;
2941   border-bottom-right-radius: 0; }
2942
2943 .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext {
2944   margin: 0 0 10px; }
2945
2946 .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:before,
2947 .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:after {
2948   display: none; }
2949
2950 .error .helpertext {
2951   border-color: #cf2a2a;
2952   /*border-radius:0;*/ }
2953
2954 .error .helpertext:before {
2955   border-top-color: #cf2a2a; }
2956
2957 .error .tooltip-onfocus .helpertext {
2958   margin: 14px 0 10px 0; }
2959
2960 .error [class*="price"],
2961 .error [class*="pricing-"] {
2962   color: #cf2a2a; }
2963
2964 input:-ms-clear {
2965   display: none; }
2966
2967 input[type]::-webkit-inner-spin-button,
2968 input[type]::-webkit-outer-spin-button {
2969   -webkit-appearance: none; }
2970
2971 input[type] {
2972   -moz-appearance: textfield; }
2973
2974 form {
2975   margin: 0; }
2976
2977 fieldset {
2978   padding: 0;
2979   margin: 0;
2980   border: 0; }
2981
2982 label,
2983 legend {
2984   display: inline-block;
2985   /* font-size: 1.4rem; */
2986   font-family: "Omnes-ECOMP-W02-Medium", Arial; }
2987
2988 legend {
2989   display: block; }
2990
2991 .error-msg {
2992   display: none; }
2993
2994 select,
2995 textarea,
2996 input {
2997   border-radius: 6px;
2998   color: #5a5a5a;
2999   display: inline-block;
3000   font-size: 1.6rem;
3001   margin: 0px;
3002   padding: 0 15px 0 15px;
3003   vertical-align: middle;
3004   line-height: normal; }
3005
3006 select::-webkit-input-placeholder,
3007 textarea::-webkit-input-placeholder,
3008 input::-webkit-input-placeholder {
3009   color: #5a5a5a;
3010   font-family: "Omnes-ECOMP-W02-Italic", Arial;
3011   font-style: normal;
3012   opacity: 1; }
3013
3014 select:-moz-placeholder,
3015 textarea:-moz-placeholder,
3016 input:-moz-placeholder {
3017   color: #5a5a5a;
3018   font-family: "Omnes-ECOMP-W02-Italic", Arial;
3019   font-style: normal;
3020   opacity: 1; }
3021
3022 select::-moz-placeholder,
3023 textarea::-moz-placeholder,
3024 input::-moz-placeholder {
3025   color: #5a5a5a;
3026   font-family: "Omnes-ECOMP-W02-Italic", Arial;
3027   font-style: normal;
3028   opacity: 1; }
3029
3030 select:-ms-input-placeholder,
3031 textarea:-ms-input-placeholder,
3032 input:-ms-input-placeholder {
3033   color: #5a5a5a;
3034   font-family: "Omnes-ECOMP-W02-Italic", Arial;
3035   transition: none;
3036   opacity: 1; }
3037
3038 select:placeholder,
3039 textarea:placeholder,
3040 input:placeholder {
3041   color: #5a5a5a;
3042   font-family: "Omnes-ECOMP-W02-Italic", Arial;
3043   font-style: normal;
3044   opacity: 1; }
3045
3046 select:last-child,
3047 textarea:last-child,
3048 input:last-child {
3049   margin-right: 0; }
3050
3051 input:not([type="button"]) {
3052   height: 36px; }
3053
3054 input.input-emphasized {
3055   font-size: 1.8rem;
3056   height: 48px;
3057   padding: 13px 20px 13px; }
3058
3059 input[type="search"]:focus {
3060   padding-right: 88px; }
3061
3062 input[type="search"] {
3063   padding-right: 40px;
3064   -webkit-appearance: none !important; }
3065
3066 input[type="search"].input-emphasized {
3067   padding-right: 45px; }
3068
3069 .btn-search[class*="btn"] {
3070   background-color: transparent;
3071   background-position: 50% 50%;
3072   background-size: 20px;
3073   background-repeat: no-repeat;
3074   border: none;
3075   height: 100%;
3076   margin-left: 0;
3077   margin-top: 0;
3078   min-width: 45px !important;
3079   outline-offset: 0;
3080   padding: 0 !important;
3081   position: absolute;
3082   right: 0;
3083   top: 0;
3084   border-radius: 0 5px 5px 0;
3085   min-width: 44px;
3086   width: 44px; }
3087
3088 .input-emphasized + .btn-search[class*="btn"],
3089 .input-emphasized + .reset-field + .btn-search[class*="btn"] {
3090   background-size: 26px;
3091   height: 46px;
3092   top: 1px;
3093   outline-offset: -3px;
3094   margin-bottom: 0;
3095   border-radius: 0 5px 5px 0; }
3096
3097 input[type="search"].input-emphasized + .reset-field {
3098   right: 45px !important; }
3099
3100 .search-suggestion-wrapper {
3101   position: relative;
3102   margin-bottom: 15px; }
3103
3104 /*styles from dropdown*/
3105 .search-suggestion-list {
3106   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
3107   border-radius: 0 0 6px 6px;
3108   position: relative;
3109   border: 1px solid #0568ae;
3110   border-top: 0;
3111   padding: 15px 0;
3112   background-color: #f2f2f2;
3113   z-index: 1000;
3114   width: 100%;
3115   max-height: 400px;
3116   overflow-y: auto; }
3117
3118 .search-suggestion-list:empty {
3119   display: none; }
3120
3121 .search-suggestion-item {
3122   position: relative;
3123   z-index: -1;
3124   padding: 0 15px;
3125   line-height: 4.0rem;
3126   color: #5a5a5a; }
3127
3128 .search-suggestion-item a {
3129   text-decoration: none;
3130   color: #5a5a5a; }
3131
3132 .search-suggestion-item:hover,
3133 .search-suggestion-item:focus {
3134   cursor: pointer;
3135   background-color: #d2d2d2; }
3136
3137 input[data-provide="datepicker"],
3138 [data-provide="datepicker"]:-moz-placeholder,
3139 [data-provide="datepicker"]:-ms-input-placeholder,
3140 [data-provide="datepicker"]:-webkit-input-placeholder {
3141   color: #0568ae !important;
3142   opacity: 1;
3143   filter: alpha(opacity=100); }
3144
3145 input[disabled],
3146 input[readonly],
3147 select[disabled],
3148 select[readonly],
3149 textarea[disabled],
3150 textarea[readonly],
3151 i.icon-primary-calendar.disabled,
3152 span.icon-primary-calendar.readonly {
3153   cursor: not-allowed;
3154   background-color: #f2f2f2;
3155   box-shadow: none; }
3156
3157 i.icon-primary-calendar.disabled input,
3158 span.icon-primary-calendar.readonly input {
3159   color: #959595 !important; }
3160
3161 textarea {
3162   display: block;
3163   width: 400px;
3164   height: 100px;
3165   max-width: 400px;
3166   padding: 15px;
3167 margin: 0px;}
3168
3169 textarea.small {
3170   line-height: 20px; }
3171
3172 textarea + .reset-field {
3173   display: none; }
3174
3175 textarea::-webkit-input-placeholder {
3176   line-height: .99; }
3177
3178 textarea:-moz-placeholder {
3179   line-height: .99; }
3180
3181 textarea::-moz-placeholder {
3182   line-height: .99; }
3183
3184 textarea:-ms-input-placeholder {
3185   line-height: .99; }
3186
3187 textarea:placeholder {
3188   line-height: .99; }
3189
3190 textarea,
3191 input {
3192   background-color: #ffffff;
3193   border: 1px solid #d2d2d2;
3194   -webkit-appearance: none;
3195   box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
3196   transition: border .3s linear 0s;
3197   font-family: "Omnes-ECOMP-W02", Arial; }
3198
3199 textarea:focus,
3200 input:focus {
3201   outline: 0;
3202   border-color: #0568ae; }
3203
3204 .input-append {
3205   display: table; }
3206
3207 .input-append > div {
3208   display: table-cell;
3209   width: 1%; }
3210
3211 .input-append > .field-group {
3212   width: 100%; }
3213
3214 .row .field-group input[class*="span"] {
3215   float: none; }
3216
3217 .field-group {
3218   position: relative;
3219   display: inline-block; }
3220
3221 label + .field-group,
3222 label + .input-append,
3223 label + .row,
3224 label + .row-nowrap,
3225 label + .form-row {
3226   margin-top: 5px; }
3227
3228 .field-group {
3229   position: relative;
3230   display: block; }
3231
3232 .field-group input:not([type="button"])[disabled] {
3233   padding-right: 15px; }
3234
3235 input:invalid,
3236 textarea:invalid,
3237 select:invalid {
3238   outline: none !important; }
3239
3240 .form-row {
3241   margin-top: 20px; }
3242
3243 .form-row.nomar {
3244   margin: 0; }
3245
3246 .row-nowrap.no-flex.form-row > label + br {
3247   margin-bottom: 5px; }
3248
3249 span.form-row {
3250   display: inline-block; }
3251
3252 legend + .form-row {
3253   margin-top: 20px; }
3254
3255 .tooltip-onclick input {
3256   padding-right: 45px; }
3257
3258 .ds2_touchevents .tooltip-onclick input:focus {
3259   padding-right: 95px; }
3260
3261 .btn-calendar-icon {
3262   position: absolute;
3263   background-color: transparent !important;
3264   top: 8px;
3265   border: 0 !important;
3266   width: 30px;
3267   right: 15px; }
3268
3269 .btn-calendar-icon .icon-primary-calendar:before {
3270   position: absolute;
3271   color: #0568ae; }
3272
3273 .btn-calendar-icon .icon-primary-calendar.disabled {
3274   background-color: #f2f2f2; }
3275
3276 .btn-calendar-icon .icon-primary-calendar.disabled:before {
3277   color: #959595; }
3278
3279 span.icon-primary-calendar input {
3280   padding-left: 35px;
3281   color: #0568ae;
3282   transition: border-color 0.3s linear 0s;
3283   box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
3284   position: absolute;
3285   top: 0;
3286   left: 0; }
3287
3288 .faux-input + input.datepicker-input:not([disabled]) {
3289   cursor: pointer;
3290   margin-left: 0;
3291   background-color: #fff;
3292   position: absolute;
3293   left: 0;
3294   top: 0;
3295   z-index: 0; }
3296
3297 .faux-input {
3298   background-color: transparent !important;
3299   border: 1px solid transparent;
3300   border-radius: 4px;
3301   font-size: 1.6rem;
3302   height: 35px;
3303   left: 0;
3304   line-height: 35px;
3305   margin-bottom: 10px;
3306   margin-right: 6px;
3307   padding: 0 0 0 35px;
3308   position: relative;
3309   text-align: left;
3310   top: 0;
3311   vertical-align: middle;
3312   width: 100%;
3313   z-index: 1; }
3314
3315 .faux-input:disabled {
3316   cursor: not-allowed; }
3317
3318 .faux-input:focus + .datepicker-input,
3319 [data-calendar-state="opened"] + .datepicker-input {
3320   border-color: #0568ae;
3321   box-shadow: 2px 3px 2px -2px rgba(5, 116, 172, 0.35) inset;
3322   outline: 0 none; }
3323
3324 .form-row.error .error-msg {
3325   display: block;
3326   font-size: 14px;
3327   line-height: 14px;
3328   font-family: "Omnes-ECOMP-W02-Medium", Arial;
3329   position: relative;
3330   padding-left: 18px;
3331   margin-top: 10px; }
3332
3333 .form-row.error .error-msg > .icon-primary-badgealert {
3334   height: 14px;
3335   width: 14px;
3336   position: absolute;
3337   left: 0;
3338   margin-right: 0; }
3339
3340 .form-row.error .error-msg > .icon-primary-badgealert:before {
3341   color: #cf2a2a;
3342   font-size: 14px;
3343   left: 0;
3344   line-height: 14px;
3345   position: absolute;
3346   vertical-align: middle; }
3347
3348 .form-row.error label,
3349 .form-row.error .error-msg,
3350 .form-row.error button.awd-select,
3351 .form-row.error select.awd-select + span,
3352 .form-row.error .checkbox,
3353 .form-row.error .radio,
3354 .form-row.error legend.error,
3355 .form-row.error input,
3356 .form-row.error textarea {
3357   color: #cf2a2a; }
3358
3359 .form-row.error .btn-group > .btn,
3360 .form-row.error button.awd-select,
3361 .form-row.error .awd-select-list,
3362 .form-row.error select.awd-select + span,
3363 .form-row.error textarea,
3364 .form-row.error input,
3365 .form-row.error .checkbox .skin,
3366 .form-row.error .radio .skin {
3367   border-color: #cf2a2a !important; }
3368
3369 .form-row.error .checkbox input:checked:not(:disabled) + .skin {
3370   background-color: #cf2a2a; }
3371
3372 .form-row.error .radio input:checked + .skin:after {
3373   background-color: #cf2a2a; }
3374
3375 .error [class*="price"],
3376 .error [class*="pricing-"] {
3377   color: #cf2a2a; }
3378
3379 hr,
3380 .hr-or {
3381   display: block;
3382   height: 1px;
3383   margin: 15px 0;
3384   border: none;
3385   background-repeat: repeat-x;
3386   background-color: #959595;
3387   position: relative; }
3388
3389 hr.dark {
3390   background-color: #959595; }
3391
3392 hr.lite {
3393   background-color: #d2d2d2; }
3394
3395 .hr-or:before {
3396   background-color: #fff;
3397   color: #666;
3398   content: " OR ";
3399   display: block;
3400   font-size: 1.4rem;
3401   font-family: "Omnes-ECOMP-W02-Medium", Arial;
3402   height: 16px;
3403   left: 50%;
3404   line-height: 1.6rem;
3405   margin-left: -15px;
3406   margin-top: -8px;
3407   position: absolute;
3408   text-align: center;
3409   top: 50%;
3410   width: 30px;
3411   z-index: 1111; }
3412
3413 hr.is-vertical.dark,
3414 hr.hr-or.dark,
3415 hr.is-vertical.lite,
3416 hr.hr-or.lite {
3417   display: inline-block;
3418   height: auto;
3419   margin: 0 15px;
3420   min-height: 20px;
3421   width: 1px; }
3422
3423 hr.is-vertical.dark,
3424 hr.hr-or.dark {
3425   background-color: #959595; }
3426
3427 hr.is-vertical.lite,
3428 hr.hr-or.lite {
3429   background-color: #d2d2d2; }
3430
3431 .hr-dotted.is-vertical.dark,
3432 .hr-dotted.is-vertical.lite {
3433   background-color: transparent;
3434   background-repeat: repeat-y;
3435   background-size: 1px 4px;
3436   height: auto;
3437   min-height: 20px;
3438   width: 1px; }
3439
3440 .row-nowrap > .span + hr.is-vertical,
3441 .row > .span + hr.is-vertical {
3442   margin: 0 0 0 -20px; }
3443
3444
3445
3446 hr.bottom-space-only {
3447   margin-top: 0; }
3448
3449 .hr-nomargin {
3450   margin: 0; }
3451
3452 .radio {
3453   position: relative;
3454   min-height: 24px;
3455   font-family: "Omnes-ECOMP-W02", Arial;
3456   font-size: 1.6rem;
3457   margin-bottom: 5px; }
3458   .radio input {
3459     -webkit-tap-highlight-color: transparent;
3460     height: 10px;
3461     margin: 6px;
3462     opacity: 0;
3463     outline: none;
3464     position: absolute;
3465     left: 1px;
3466     top: 1px;
3467     width: 10px; }
3468     .radio input:focus + .skin {
3469       border-color: #0568ae; }
3470       .radio input:focus + .skin:before {
3471         content: "";
3472         height: 34px;
3473         left: -6px;
3474         top: -6px;
3475         outline: 1px dotted #000000;
3476         position: absolute;
3477         width: 34px; }
3478     .radio input + .skin {
3479       border-radius: 100%; }
3480     .radio input:checked + .skin:after {
3481       background-color: #0568ae;
3482       border-radius: 100%;
3483       border: 3px solid #FFFFFF;
3484       content: "";
3485       display: block;
3486       height: 16px;
3487       position: absolute;
3488       width: 16px; }
3489     .radio input:disabled + .skin {
3490       cursor: not-allowed;
3491       background-color: #d2d2d2;
3492       border-color: #d2d2d2;
3493       color: #666666; }
3494       .radio input:disabled + .skin + span {
3495         cursor: not-allowed;
3496         color: #666666; }
3497     .radio input:disabled:checked + .skin:after {
3498       background-color: #666666; }
3499     .radio input:invalid + .skin {
3500       border: solid 1px #cf2a2a; }
3501   .radio .skin {
3502     background-color: #FFFFFF;
3503     border: 1px solid #d2d2d2;
3504     border-radius: 3px;
3505     display: inline-block;
3506     height: 24px;
3507     left: 0;
3508     position: absolute;
3509     top: 0;
3510     width: 24px; }
3511   .radio span {
3512     display: inline-block;
3513     margin-left: 34px;
3514     margin-top: 0;
3515     position: relative;
3516     top: 3px; }
3517   .radio label {
3518     font-size: 1.6rem;
3519     font-family: "Omnes-ECOMP-W02", Arial; }
3520
3521 .radio.inline {
3522   display: inline-block;
3523   margin-bottom: 10px;
3524   vertical-align: middle;
3525   margin-right: 10px; }
3526   .radio.inline:last-child {
3527     margin-right: 0; }
3528
3529 .radio-box {
3530   border: 1px solid #d2d2d2;
3531   border-radius: 8px; }
3532   .radio-box > [role="radio"] label {
3533     padding: 15px 15px 20px 15px;
3534     display: block;
3535     width: 100%; }
3536     .radio-box > [role="radio"] label .skin + span {
3537       top: 2px; }
3538   .radio-box > [role="radio"] + div {
3539     padding: 0 15px 15px 47px; }
3540   .radio-box > [aria-checked="false"] label > input {
3541     top: 15px;
3542     left: 15px; }
3543   .radio-box > [aria-checked="false"] label .skin {
3544     top: 15px;
3545     left: 15px; }
3546   .radio-box > [aria-checked="true"] label > input {
3547     top: 13px;
3548     left: 13px; }
3549   .radio-box > [aria-checked="true"] label .skin {
3550     top: 13px;
3551     left: 13px; }
3552
3553 .radio-box.active {
3554   border: 3px solid #0568ae; }
3555   .radio-box.active > [role="radio"] label {
3556     padding: 13px 14px 19px 13px; }
3557
3558 .checkbox {
3559   position: relative;
3560   min-height: 24px;
3561   font-family: "Omnes-ECOMP-W02", Arial;
3562   font-size: 1rem;
3563    }
3564   .checkbox input {
3565     -webkit-tap-highlight-color: transparent;
3566     height: 20px;
3567     margin-left: 20px;
3568     opacity: 0;
3569     outline: none;
3570     position: absolute;
3571     left: 1px;
3572     top: 1px;
3573     width: 10px; }
3574     .checkbox input:focus + .skin {
3575       border-color: #0568ae; }
3576       .checkbox input:focus + .skin:before {
3577         content: "";
3578         height: 34px;
3579         left: -6px;
3580         top: -6px;
3581         outline: 1px dotted #000000;
3582         position: absolute;
3583         width: 34px; }
3584     .checkbox input:checked:not(:disabled) + .skin {
3585       background-color: #0568ae;
3586       border-color: #0568ae; }
3587     .checkbox input:checked:disabled + .skin:after {
3588       color: #5A5A5A; }
3589     .checkbox input:checked + .skin:after {
3590       height: 20px;
3591       width: 10px;
3592       background-color: transparent;
3593       font-size: 23.4px;
3594       color: #FFFFFF;
3595       line-height: 21px; }
3596     .checkbox input:disabled + .skin {
3597       cursor: not-allowed;
3598       background-color: #d2d2d2;
3599       border-color: #d2d2d2;
3600       color: #666666; }
3601       .checkbox input:disabled + .skin + span {
3602         cursor: not-allowed;
3603         color: #666666; }
3604     .checkbox input:invalid + .skin {
3605       border: solid 1px #cf2a2a; }
3606     .checkbox input:indeterminate + .skin:after {
3607       background-color: transparent;
3608       font-size: 25px;
3609       color: #0574ac;
3610       content: "\e920"; }
3611   .checkbox .skin {
3612     background-color: #fff;
3613     border: 1px solid #d2d2d2;
3614     border-radius: 3px;
3615     display: inline-block;
3616     height: 24px;
3617     width: 24px;
3618     position: absolute;
3619     left: 0;
3620     top: 0; }
3621   .checkbox span {
3622     display: inline-block;
3623     margin-left: 34px;
3624     margin-top: 0;
3625     position: relative;
3626     top: 3px; }
3627   .checkbox label {
3628     font-size: 1.6rem;
3629     font-family: "Omnes-ECOMP-W02", Arial; }
3630   .checkbox input {
3631     z-index: 9999; }
3632   .checkbox input.indeterminate + .skin:after {
3633     font-size: 22px;
3634     color: #0568ae; }
3635
3636 @media (max-width: 767px) {
3637   input::-ms-clear {
3638     display: block; } }
3639
3640 .pivot-link-group {
3641   background-color: #5a5a5a;
3642   border-top: 1px solid #959595; }
3643
3644 .pivot-links > li {
3645   border-bottom: 1px solid #959595; }
3646
3647 .pivot-links > li > a {
3648   color: #fff;
3649   display: block;
3650   padding: 12px 15px 10px;
3651   line-height: normal; }
3652
3653 .b2b-profile-block-container {
3654   min-height: 200px;
3655   height: auto;
3656   background-color: #fff;
3657   border-radius: 8px;
3658   border: 1px solid #ccc;
3659   box-shadow: 0px 1px 1px 1px  #ccc;
3660   display: inline-table;
3661   margin: 15px 15px; }
3662
3663 .b2b-profile-block-details p, .b2b-profile-block-details div {
3664   padding: 2px 7px;
3665   font-size: 1.4rem; }
3666
3667 .b2b-profile-block-details .radio-label, .b2b-profile-block-details a {
3668   font-size: 1.4rem; }
3669
3670 .b2b-profile-block-details p label, .b2b-profile-block-details p span {
3671   padding-left: 10px; }
3672
3673 .b2b-profile-block-footer {
3674   margin-bottom: 12px;
3675   margin-top: 5px;
3676   height: 35px; }
3677
3678 .b2b-profile-block-details p {
3679   word-wrap: break-word;
3680   height: 61px; }
3681   .b2b-profile-block-details p:first-child {
3682     margin-top: 10px; }
3683   .b2b-profile-block-details p:after {
3684     content: ' ';
3685     display: block;
3686     border: 0.2px solid #ccc;
3687     margin-top: 12px; }
3688
3689 .b2b-profile-block-details .radio {
3690   margin-left: 15px;
3691   height: 30px; }
3692
3693 .b2b-approval-icon {
3694   color: #1b7e28;
3695   float: right;
3696   position: relative;
3697   left: 10px; }
3698   .b2b-approval-icon i {
3699     color: #1b7e28;
3700     float: right; }
3701
3702 .b2b-profile-link {
3703   float: right;
3704   position: relative;
3705   left: -4px; }
3706
3707 a.link-profile {
3708   position: relative;
3709   left: -5px;
3710   float: right;
3711   margin-bottom: 16px; }
3712
3713 .b2b-profile-block-radio {
3714   position: relative;
3715   top: -5px; }
3716
3717 .b2b-profile-card {
3718   min-width: 229px;
3719   min-height: 354px;
3720   margin: 10px;
3721   border: solid 1px #CCC;
3722   font-family: "Omnes-ECOMP-W02", Arial;
3723   display: inline-block;
3724   vertical-align: top; }
3725   .b2b-profile-card .top-block {
3726     padding: 15px 20px;
3727     background-color: #e4e4e4;
3728     max-height: 153px; }
3729   .b2b-profile-card .bottom-block {
3730     padding: 15px 20px 15px 20px;
3731     background-color: #fff; }
3732   .b2b-profile-card .profile-image {
3733     background: #e4e4e4;
3734     margin-bottom: 15px;
3735     text-align: center; }
3736     .b2b-profile-card .profile-image .default-img {
3737       display: inline-block;
3738       width: 60px;
3739       height: 60px;
3740       margin-bottom: 10px;
3741       border: 6px solid #fff;
3742       border-radius: 99em;
3743       -webkit-border-radius: 99em;
3744       -moz-border-radius: 99em;
3745       /* background-color: #eee; */ }
3746
3747 .profile-image img {
3748   display: inline-block;
3749   width: 60px;
3750   height: 60px;
3751   margin-bottom: 10px;
3752   border: 6px solid #fff;
3753   border-radius: 99em;
3754   -webkit-border-radius: 99em;
3755   -moz-border-radius: 99em;
3756   /* background-color: #eee; */ }
3757
3758 .b2b-profile-card .profile-image .default-img {
3759   font-family: "Omnes-ECOMP-W02", Arial;
3760   color: #333;
3761   background-color: #fff;
3762   font-size: 32px;
3763   line-height: 22px;
3764   padding: 5px;
3765   padding-top: 13px;
3766   width: 60px;
3767   height: 60px;
3768   text-transform: uppercase; }
3769
3770 .b2b-profile-card .profile-image .name {
3771   font-family: "Omnes-ECOMP-W02-Medium", Arial;
3772   font-size: 16px;
3773   color: #333;
3774   text-align: center;
3775   margin-bottom: 5px;
3776   margin-top: 5px;
3777   overflow: hidden;
3778   word-break: break-word;
3779   white-space: normal;
3780   text-transform: capitalize; }
3781
3782 .b2b-profile-card .profile-image .status-icon {
3783   border-radius: 10px;
3784   border: 1px solid #fff;
3785   margin: 0 3px 0 0;
3786   width: 10px;
3787   height: 10px;
3788   display: inline-block;
3789   vertical-align: middle; }
3790
3791 .b2b-profile-card .profile-image .status {
3792   font-size: 12px;
3793   line-height: 15px;
3794   text-align: center;
3795   margin: 0 15px 0 0;
3796   color: #444; }
3797
3798 .b2b-profile-card .status .circle {
3799   width: 10px;
3800   height: 10px;
3801   border-radius: 50%;
3802   margin: 30px 6px 0px 20px;
3803   text-align: center;
3804   background-color: #444; }
3805
3806 .b2b-profile-card .profile-image .status-green {
3807   background-color: #0c0; }
3808
3809 .b2b-profile-card .profile-image .status-red {
3810   background-color: red; }
3811
3812 .b2b-profile-card .profile-image .status-blue {
3813   background-color: #00f; }
3814
3815 .b2b-profile-card .profile-image .status-yellow {
3816   background-color: #ff0; }
3817
3818 .b2b-profile-card .profile-image .status .status-badge {
3819   margin-left: 5px;
3820   border: dotted 1px #444;
3821   background-color: transparent;
3822   font-weight: 400;
3823   color: #444;
3824   height: 17px;
3825   padding: 0 5px;
3826   font-size: 11px;
3827   padding-left: 5px;
3828   padding-right: 5px; }
3829
3830 .b2b-profile-card .profile-details {
3831   background: #fff; }
3832   .b2b-profile-card .profile-details label {
3833     display: block;
3834     cursor: text;
3835     font-family: "Omnes-ECOMP-W02-Medium", Arial;
3836     font-weight: bolder;
3837     font-size: 14px;
3838     color: #333;
3839     padding: 0;
3840     margin: 0; }
3841   .b2b-profile-card .profile-details div {
3842     margin: 0;
3843     font-size: 14px;
3844     color: #333;
3845     padding-bottom: 6.5px; }
3846
3847 .b2b-profile-card .b2b-add-user {
3848   background: white;
3849   border-style: dotted;
3850   font-size: 16px;
3851   color: #333;
3852   position: relative; }
3853   .b2b-profile-card .b2b-add-user i {
3854     font-size: 30px;
3855     padding-bottom: 15px; }
3856
3857 .b2b-profile-card .atcenter {
3858   cursor: pointer;
3859   margin-top: 60%;
3860   vertical-align: middle;
3861   text-align: center; }
3862
3863 .b2b-profile-card .tooltip {
3864   cursor: pointer; }
3865   .b2b-profile-card .tooltip .helpertext {
3866     position: relative;
3867     color: white; }
3868
3869 .b2b-profile-card .tooltip-wrapper {
3870   position: relative; }
3871
3872 /* Overrides for tooltip absolute positioning */
3873 @media (min-width: 1025px) {
3874   .b2b-profile-card .tooltip-size-control {
3875     width: 100% !important; } }
3876
3877 @-webkit-keyframes progress-bar-stripes {
3878   from {
3879     background-position: 0 0; }
3880   to {
3881     background-position: 80px 0; } }
3882
3883 @keyframes progress-bar-stripes {
3884   from {
3885     background-position: 0 0; }
3886   to {
3887     background-position: 80px 0; } }
3888
3889 .progress {
3890   background-color: #e4e4e4;
3891   border-radius: 4px;
3892   height: 14px;
3893   margin-bottom: 20px;
3894   min-width: 250px;
3895   overflow: hidden;
3896   padding: 0;
3897   position: relative; }
3898
3899 a .progress {
3900   margin-bottom: 0; }
3901
3902 .progress .bar {
3903   background-color: #666;
3904   border-radius: 4px;
3905   display: -webkit-flex;
3906   display: -ms-flexbox;
3907   display: flex;
3908   height: 100%;
3909   width: 0; }
3910
3911 .progress-arrow {
3912   display: -webkit-flex;
3913   display: -ms-flexbox;
3914   display: flex;
3915   -webkit-align-items: center;
3916   -ms-flex-align: center;
3917   align-items: center;
3918   -webkit-justify-content: flex-end;
3919   -ms-flex-pack: end;
3920   justify-content: flex-end; }
3921
3922 .progress-link + .usage-bar {
3923   margin-top: 5px; }
3924
3925 .progress-success .bar, .progress .bar-success {
3926   background-color: #1b7e28; }
3927
3928 .progress-warning .bar, .progress .bar-warning {
3929   background-color: #ef6f00; }
3930
3931 .progress-danger .bar, .progress .bar-danger {
3932   background-color: #cf2a2a; }
3933
3934 .form-search .search-query {
3935   width: 100% !important; }
3936
3937 .form-search .well {
3938   margin-top: 0; }
3939
3940 .form-search > ul.nav > li.section {
3941   min-height: 20px !important; }
3942
3943 input.b2b-search-input-field {
3944   margin-bottom: 0px; }
3945
3946 .search-suggestion-list {
3947   background-color: #FFFFFF;
3948   border: 1px solid #ccc;
3949   border-radius: 0 0 6px 6px;
3950   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
3951   margin-top: -5px;
3952   max-height: 400px;
3953   overflow-x: hidden;
3954   overflow-y: auto;
3955   padding: 15px 0;
3956   position: absolute;
3957   width: 100%;
3958   z-index: 1000; }
3959   .search-suggestion-list > li.active {
3960     background-color: #cccccc; }
3961   .search-suggestion-list:empty {
3962     display: none; }
3963
3964 .b2b-search-hightlight {
3965   font-weight: bold; }
3966
3967 input[type="text"]::-moz-placeholder {
3968   color: #767676;
3969   font-family: "Omnes-ECOMP-W02-Italic", Arial; }
3970
3971 input[type="text"]:focus {
3972   z-index: 1000; }
3973
3974 input[type="text"] + .reset-field {
3975   background-color: #FFFFFF;
3976   height: 90%;
3977   top: 5%; }
3978
3979 .btn-search:focus {
3980   outline: 1px dotted #0574ac; }
3981
3982 .field-group input:not([type="button"])[disabled] ~ .btn-search {
3983   background-color: #eee; }
3984
3985 .btn-search[class*="btn"] {
3986   background-color: #FFFFFF;
3987   background-size: 20px 20px;
3988   border-radius: 0 1.5rem 1.5rem 0;
3989   height: 3rem;
3990   min-width: 4.4rem !important;
3991   right: 0.15rem;
3992   top: 0.15rem;
3993   width: 4.4rem; }
3994
3995 .search-suggestion-wrapper {
3996   margin-bottom: 15px;
3997   position: relative; }
3998   .search-suggestion-wrapper .no-result {
3999     padding: 0px 15px; }
4000
4001 .search-suggestion-item {
4002   color: #333333;
4003   line-height: 4rem;
4004   padding: 0 15px;
4005   position: relative;
4006   z-index: 1000; }
4007   .search-suggestion-item:hover {
4008     background-color: #e4e4e4;
4009     cursor: pointer; }
4010   .search-suggestion-item:focus {
4011     background-color: #e4e4e4;
4012     cursor: pointer; }
4013   .search-suggestion-item a {
4014     color: #333333;
4015     text-decoration: none; }
4016
4017 .btn-search i {
4018   color: #767676; }
4019
4020 input.b2b-search-input-field:focus ~ .btn-search > i, .btn-search:focus > i {
4021   color: #0568ae; }
4022
4023 button.btn-search[disabled] {
4024   cursor: not-allowed; }
4025   button.btn-search[disabled] i {
4026     color: #767676; }
4027
4028 .innershadow {
4029   -webkit-background-blend-mode: mutilply;
4030   box-shadow: 0 3px 0 2px rgba(0, 0, 0, 0.08); }
4031
4032 .linkSelectorModule {
4033   position: relative;
4034   height: 32px;
4035   line-height: 20px;
4036   border: 0px;
4037   width: auto;
4038   display: block; }
4039   .linkSelectorModule .icon-primary-down {
4040     font-size: 23px;
4041     margin-top: -10px;
4042     position: absolute;
4043     top: 50%;
4044     margin-left: -30px; }
4045   .linkSelectorModule .selectModule {
4046     background-color: transparent;
4047     border: none;
4048     color: #0568ae;
4049     cursor: pointer;
4050     border: 1px solid transparent;
4051     box-shadow: none;
4052     padding-right: 35px;
4053     position: relative;
4054     user-select: none;
4055     font-size: 1.6rem; }
4056     .linkSelectorModule .selectModule:focus {
4057       border: 1px dotted #ccc;
4058       box-shadow: none;
4059       -moz-user-select: none; }
4060     .linkSelectorModule .selectModule:hover {
4061       text-decoration: underline; }
4062   .linkSelectorModule .active + .moduleWrapper:before {
4063     background-color: #FFFFFF;
4064     border-color: #d2d2d2;
4065     border-style: solid;
4066     border-width: 1px 1px 0 0;
4067     content: "";
4068     display: block;
4069     height: 15px;
4070     right: 122px;
4071     margin: 0;
4072     position: absolute;
4073     top: -8px;
4074     -webkit-transform: rotate(-45deg);
4075     transform: rotate(-45deg);
4076     width: 15px; }
4077   .linkSelectorModule .moduleWrapper {
4078     top: 40px; }
4079   .linkSelectorModule ul.awd-module-list {
4080     border-radius: 6px 6px 0px 0px; }
4081
4082 .selectorModule .icon-primary-down {
4083   font-size: 23px;
4084   margin-top: -11px;
4085   position: absolute;
4086   right: 4px;
4087   top: 50%; }
4088
4089 .selectorModule .selectModule {
4090   border: 1px solid #d2d2d2;
4091   border-radius: 6px;
4092   box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
4093   display: block;
4094   width: 100%;
4095   padding-left: 15px;
4096   background-color: transparent;
4097   cursor: pointer; }
4098   .selectorModule .selectModule:focus {
4099     border: 1px solid #0568ae;
4100     -moz-user-select: none; }
4101   .selectorModule .selectModule span.module-data {
4102     position: absolute;
4103     bottom: 6px;
4104     line-height: 20px; }
4105   .selectorModule .selectModule img + span.module-data {
4106     padding-left: 45px; }
4107
4108 .selectorModule .selectModule.active {
4109   border-bottom-right-radius: 0px;
4110   border-bottom-left-radius: 0px; }
4111
4112 .selectorModule .moduleWrapper {
4113   position: absolute;
4114   width: 100% !important;
4115   border-top: none; }
4116
4117 .selectorModule ul.awd-module-list {
4118   border-radius: 0px 0px 6px 6px; }
4119
4120 .selectorModule .large > img {
4121   height: 30px;
4122   position: absolute;
4123   width: 30px;
4124   top: 20px;
4125   left: 15px; }
4126
4127 .selectModule {
4128   background-color: transparent;
4129   font-family: "Omnes-ECOMP-W02", Arial;
4130   color: #333333;
4131   font-size: 1.6rem;
4132   height: 36px;
4133   line-height: 35px;
4134   margin-bottom: 0;
4135   position: relative;
4136   text-align: left;
4137   top: 0;
4138   z-index: 10;
4139   padding: 0px;
4140   margin: 0px;
4141   cursor: pointer; }
4142
4143 .moduleWrapper {
4144   background-color: #FFFFFF;
4145   position: absolute;
4146   color: #191919;
4147   z-index: 9999;
4148   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
4149   border-radius: 0px 0px 6px 6px; }
4150   .moduleWrapper .module-list-item img {
4151     height: 30px;
4152     position: absolute;
4153     width: 30px;
4154     top: 30px;
4155     left: 15px;
4156     align-self: center; }
4157   .moduleWrapper span {
4158     display: block;
4159     white-space: nowrap;
4160     font-size: 1.5rem; }
4161
4162 .awd-module-list {
4163   overflow-y: auto;
4164   z-index: 9999;
4165   max-height: 360px;
4166   border: 1px solid #d2d2d2; }
4167   .awd-module-list .module-list-item > .module-data {
4168     overflow: ellipsis;
4169     white-space: nowrap;
4170     line-height: 20px;
4171     font-size: 1.6rem;
4172     border-bottom: 1px dotted #959595;
4173     margin: 0px 15px 0px 15px;
4174     padding-right: 50px;
4175     padding-bottom: 14px;
4176     padding-top: 14px;
4177     align-self: center;
4178     width: 100%; }
4179   .awd-module-list .module-list-item:hover {
4180     background-color: #f2f2f2; }
4181   .awd-module-list .module-list-item:active {
4182     background-color: #f2f2f2; }
4183   .awd-module-list .module-list-item[aria-selected="true"] {
4184     background-color: #f2f2f2; }
4185
4186 .module-list-item {
4187   cursor: pointer;
4188   overflow: hidden;
4189   position: relative;
4190   overflow: ellipsis;
4191   white-space: nowrap;
4192   z-index: 1000;
4193   color: #191919;
4194   display: flex; }
4195   .module-list-item:last-of-type .module-data {
4196     border-bottom: none; }
4197   .module-list-item img + span.module-data {
4198     padding-left: 45px; }
4199
4200 .module-groups:first-of-type .module-list-item:last-of-type .module-data {
4201   border-bottom: 1px solid #959595; }
4202
4203 .module-groupitem {
4204   padding-bottom: 4px; }
4205
4206 .selectorModule.large {
4207   height: 72px;
4208   vertical-align: middle;
4209   text-align: left; }
4210   .selectorModule.large .moduleWrapper {
4211     top: 71px; }
4212   .selectorModule.large input {
4213     height: 72px;
4214     vertical-align: middle;
4215     text-align: left; }
4216   .selectorModule.large button {
4217     height: 72px;
4218     vertical-align: middle;
4219     text-align: left; }
4220   .selectorModule.large .selectModule img {
4221     left: 15px;
4222     top: 21px; }
4223
4224 ul.module-groupitem li {
4225   margin: 0 -15px 0 -15px; }
4226
4227 span.module-data span {
4228   display: block;
4229   line-height: 20px;
4230   font-size: 1.5rem; }
4231
4232 li.module-groups {
4233   cursor: default !important;
4234   padding: 18px 15px 0px 15px; }
4235
4236 li.module-list-item[selected]:before {
4237   box-sizing: border-box;
4238   display: inline-block;
4239   font-size: 2em;
4240   height: 1em;
4241   position: absolute;
4242   top: 20px;
4243   right: 0px;
4244   vertical-align: middle;
4245   width: 1em;
4246   color: #007a3e; }
4247
4248 ul.module-optinalcta {
4249   position: relative;
4250   height: 44px;
4251   margin-top: 0px;
4252   border-bottom: 1px solid #d2d2d2;
4253   border-left: 1px solid #d2d2d2;
4254   border-right: 1px solid #d2d2d2;
4255   border-radius: 0px 0px 6px 6px; }
4256   ul.module-optinalcta li {
4257     position: absolute;
4258     bottom: 10px; }
4259   ul.module-optinalcta a {
4260     text-indent: 15px;
4261     padding: 15px; }
4262
4263 .b2b-slider-container {
4264   position: relative; }
4265   .b2b-slider-container.slider-disabled {
4266     cursor: not-allowed !important; }
4267   .b2b-slider-container div {
4268     position: absolute; }
4269   .b2b-slider-container .slider-track-container {
4270     width: 100%;
4271     cursor: pointer; }
4272   .b2b-slider-container .slider-track {
4273     width: 100%;
4274     height: 6px;
4275     background-color: #cccccc;
4276     border-radius: 10px;
4277     border: 1px solid #cccccc; }
4278   .b2b-slider-container .slider-track-fill {
4279     width: 100%;
4280     height: 6px;
4281     background-color: #cccccc;
4282     border-radius: 10px;
4283     width: 0;
4284     background-color: #157BB2;
4285     transition: width 0s linear;
4286     border: 1px solid #cccccc; }
4287   .b2b-slider-container .slider-knob-container {
4288     transition: left 0s linear; }
4289     .b2b-slider-container .slider-knob-container.slider-knob-hidden {
4290       display: none !important; }
4291   .b2b-slider-container .slider-knob {
4292     width: 14px;
4293     height: 14px;
4294     border-radius: 10px;
4295     top: -4px;
4296     left: -8px;
4297     border: 1px solid #cccccc;
4298     background: white;
4299     cursor: pointer; }
4300     .b2b-slider-container .slider-knob:focus {
4301       outline: thin dotted #666; }
4302
4303 .b2b-slider-endpoints-container {
4304   margin-top: 13px;
4305   color: #333;
4306   font-size: 12px; }
4307   .b2b-slider-endpoints-container .b2b-slider-endpoints-left {
4308     float: left;
4309     line-height: 100%; }
4310   .b2b-slider-endpoints-container .b2b-slider-endpoints-right {
4311     float: right;
4312     line-height: 100%; }
4313   .b2b-slider-endpoints-container::after {
4314     clear: both;
4315     content: "";
4316     display: block; }
4317
4318 .b2b-slider-container.vertical {
4319   width: 100%;
4320   height: 100%;
4321   margin: 0 auto;
4322   position: relative;
4323   border-radius: 10px; }
4324   .b2b-slider-container.vertical .slider-track-container {
4325     position: relative;
4326     height: 100%; }
4327   .b2b-slider-container.vertical .slider-track {
4328     position: absolute;
4329     height: 100%; }
4330   .b2b-slider-container.vertical .slider-track-fill {
4331     position: absolute;
4332     bottom: 0;
4333     height: 0;
4334     width: 100%; }
4335   .b2b-slider-container.vertical .slider-knob-container {
4336     transition: bottom 0s linear;
4337     position: relative;
4338     bottom: 0; }
4339     .b2b-slider-container.vertical .slider-knob-container.slider-knob-hidden {
4340       display: none !important; }
4341   .b2b-slider-container.vertical .slider-knob {
4342     position: absolute;
4343     border-radius: 10px;
4344     top: -7px;
4345     left: -4px; }
4346
4347 .icon-primary-spinner {
4348   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");
4349   height: 50px;
4350   width: 50px; }
4351
4352 .icon-primary-spinner.small {
4353   margin-right: 5px;
4354   height: 30px !important;
4355   width: 30px !important; }
4356
4357 .isIE .icon-primary-spinner,
4358 .isIE .icon-primary-spinner.small {
4359   animation: spinner 1s linear infinite; }
4360
4361 .ds2-no-colors .icon-primary-spinner {
4362   animation: spinner 1s linear infinite;
4363   border: 5px dotted transparent;
4364   border-radius: 50%; }
4365
4366 @keyframes spinner {
4367   0% {
4368     transform: rotate(0deg); }
4369   100% {
4370     transform: rotate(359deg); } }
4371
4372 .b2b-status-tracker > .btn-arrow:nth-of-type(1) {
4373   margin-right: 10px; }
4374
4375 .b2b-status-tracker > .btn-arrow:nth-of-type(2) {
4376   margin-left: 20px; }
4377
4378 .b2b-status-tracker > .btn-arrow {
4379   height: 20px;
4380   margin-top: 25px;
4381   overflow: visible; }
4382   .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-left {
4383     margin-right: 5px;
4384     color: #0574ac; }
4385   .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-right {
4386     color: #0574ac; }
4387
4388 .b2b-status-tracker > .b2b-status-tracker-step {
4389   padding: 0;
4390   position: relative; }
4391
4392 .b2b-status-tracker-step {
4393   margin-left: 5px; }
4394
4395 .b2b-status-tracker > .b2b-status-tracker-step .b2b-status-tracker-heading {
4396   font-family: "Omnes-ECOMP-W02-Medium", Arial;
4397   font-size: 14px;
4398   color: #191919;
4399   margin-bottom: 10px; }
4400
4401 .b2b-status-tracker > .b2b-status-tracker-step.complete > .progress > .progress-bar {
4402   width: 100%;
4403   background-color: #1b7e28; }
4404
4405 .b2b-status-tracker > .b2b-status-tracker-step.complete .icoControls-approval {
4406   color: #1b7e28; }
4407
4408 .b2b-status-tracker > .b2b-status-tracker-step.current > .progress > .progress-bar {
4409   width: 100%;
4410   background-color: #333333; }
4411
4412 .b2b-status-tracker > .b2b-status-tracker-step.current .icon-misc-time {
4413   color: #333333; }
4414
4415 .b2b-status-tracker > .b2b-status-tracker-step.pending > .progress > .progress-bar {
4416   width: 100%;
4417   background-color: #ffb81c; }
4418
4419 .b2b-status-tracker > .b2b-status-tracker-step.pending .icoControls-statusokay {
4420   color: #ffb81c; }
4421
4422 .b2b-status-tracker > .b2b-status-tracker-step.actionRequired > .progress > .progress-bar {
4423   width: 100%;
4424   background-color: #cf2a2a; }
4425
4426 .b2b-status-tracker > .b2b-status-tracker-step.actionRequired .icoSecurityalerts-alert {
4427   color: #cf2a2a; }
4428
4429 .b2b-status-tracker > .b2b-status-tracker-step.notAvailable > .progress > .progress-bar {
4430   width: 100%;
4431   background-color: #767676; }
4432
4433 .b2b-status-tracker > .b2b-status-tracker-step.notAvailable .icoControls-restricted {
4434   color: #767676; }
4435
4436 .b2b-status-tracker > .b2b-status-tracker-step > .progress {
4437   position: relative;
4438   border-radius: 1.5px;
4439   height: 3px;
4440   margin-bottom: 10px;
4441   background-color: #c5c5c5; }
4442   .b2b-status-tracker > .b2b-status-tracker-step > .progress > .progress-bar {
4443     width: 0;
4444     height: 3px; }
4445
4446 .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-estimate {
4447   font-family: "Omnes-ECOMP-W02-Medium", Arial;
4448   font-size: 14px;
4449   color: #191919;
4450   margin-bottom: 10px; }
4451
4452 .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description {
4453   font-family: "Omnes-ECOMP-W02", Arial;
4454   font-size: 12px;
4455   color: #767676;
4456   padding-right: 15px; }
4457   .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description a {
4458     cursor: pointer; }
4459
4460 .step-indicator {
4461   height: auto;
4462   padding: 40px 0; }
4463
4464 .step-heading {
4465   color: #333333;
4466   font-family: "Omnes-ECOMP-W02", Arial;
4467   font-size: 3.8rem;
4468   line-height: 0.8; }
4469
4470 .steps {
4471   display: flex;
4472   height: 5px;
4473   margin-top: 60px;
4474   position: relative; }
4475
4476 .steps li {
4477   color: #5a5a5a;
4478   flex: 1;
4479   margin-right: 5px;
4480   background-color: #c4c4c4;
4481   outline: 1px solid transparent; }
4482
4483 .steps li:first-child {
4484   border-radius: 4px 0 0 4px; }
4485
4486 .steps li:last-child {
4487   margin-right: 0;
4488   border-radius: 0 4px 4px 0; }
4489
4490 .steps li.step-on,
4491 .steps li.step-done {
4492   background-color: #007a3e;
4493   color: #007a3e;
4494   border: 1px solid transparent; }
4495
4496 .step-text {
4497   bottom: 29px;
4498   display: inline-block;
4499   font-size: 1.8rem;
4500   margin-top: 0;
4501   position: relative;
4502   white-space: nowrap; }
4503
4504 .step-on .step-text {
4505   font-family: "Omnes-ECOMP-W02-Medium", Arial; }
4506
4507 .steps li .step-text[data-large-text]:before {
4508   content: attr(data-large-text) " "; }
4509
4510 .step-confirmation {
4511   color: #007a3e;
4512   margin-bottom: 30px; }
4513
4514 .step-confirmation > div {
4515   display: flex; }
4516
4517 .step-confirmation > div i {
4518   color: #007a3e;
4519   font-size: 50px;
4520   margin-right: 10px; }
4521
4522 .step-confirmation.centered > div i {
4523   margin-left: -60px; }
4524
4525 .step-confirmation > div h3 {
4526   font-size: 2.4rem;
4527   margin: 26px 0 20px; }
4528
4529 .step-confirmation > p {
4530   margin: 0; }
4531
4532 @media (max-width: 1024px) {
4533   .step-indicator {
4534     padding: 25px 0; }
4535   .steps {
4536     margin-top: 0; }
4537   .step-heading {
4538     font-size: 2.4rem;
4539     margin-bottom: 11px; }
4540   .step-text {
4541     display: none; }
4542   .step-on .step-text {
4543     bottom: 6px;
4544     display: block;
4545     font-size: 1.2rem;
4546     left: 0;
4547     line-height: 1;
4548     margin-top: 10px;
4549     position: absolute;
4550     top: 4px; }
4551   .steps li .step-text[data-sm-text]:before {
4552     content: attr(data-sm-text) " ";
4553     color: #333333; }
4554   .step-confirmation {
4555     margin-top: 30px !important; } }
4556
4557 @media (max-width: 767px) {
4558   .step-confirmation.centered > div i {
4559     margin-left: 0; }
4560   .step-confirmation.centered > p {
4561     margin-left: 40px; }
4562   .step-confirmation > div h3 {
4563     font-size: 1.8rem;
4564     margin: 13px 0 10px; }
4565   .step-confirmation > div i {
4566     font-size: 30px;
4567     margin-right: 10px; } }
4568
4569 .step-indicator.vertical {
4570   height: auto; }
4571
4572 .vertical .step-heading {
4573   font-size: 24px; }
4574
4575 .vertical .steps {
4576   display: block;
4577   height: inherit;
4578   width: 100%; }
4579
4580 .vertical .steps li {
4581   align-items: center;
4582   background-color: transparent;
4583   display: flex;
4584   height: 60px;
4585   margin: 0 0 4px;
4586   padding: 0 0 0 20px;
4587   position: relative; }
4588
4589 .vertical .steps li .step-text {
4590   align-self: center;
4591   color: #0568ae;
4592   display: block;
4593   margin: 0;
4594   position: relative;
4595   font-size: 14px;
4596   top: 0; }
4597
4598 .vertical .steps li .step-text[data-large-text]:before {
4599   content: attr(data-large-text) " "; }
4600
4601 .vertical .steps li:after {
4602   background-color: transparent;
4603   border-left: 4px solid #d2d2d2;
4604   content: "";
4605   height: 60px;
4606   left: 0;
4607   margin: 0;
4608   padding: 0;
4609   position: absolute;
4610   top: 0;
4611   width: 4px; }
4612
4613 .vertical .steps li.step-on:after,
4614 .vertical .steps li.step-done:after {
4615   border-color: #0568ae; }
4616
4617 .b2b-step-tracker {
4618   height: auto;
4619   padding: 0px 0px 0px 0px; }
4620   .b2b-step-tracker .btn.btn-left {
4621     margin-right: 10px; }
4622   .b2b-step-tracker .btn.btn-right {
4623     margin-left: 5px; }
4624   .b2b-step-tracker .b2b-left-arrow {
4625     float: left;
4626     margin-top: -5px; }
4627   .b2b-step-tracker .b2b-right-arrow {
4628     float: right;
4629     margin-top: -5px; }
4630   .b2b-step-tracker .b2b-steps {
4631     display: flex;
4632     height: 5px;
4633     margin-top: 30px;
4634     position: relative; }
4635     .b2b-step-tracker .b2b-steps li {
4636       color: #767676;
4637       flex: 1;
4638       margin-right: 5px;
4639       background-color: #767676;
4640       outline: 1px solid transparent;
4641       height: 3px; }
4642       .b2b-step-tracker .b2b-steps li.b2b-step-done {
4643         background-color: #1b7e28;
4644         color: #007a3e;
4645         height: 3px; }
4646       .b2b-step-tracker .b2b-steps li.b2b-step-on {
4647         background-color: #333333;
4648         color: #333333;
4649         height: 3px;
4650         font-family: "Omnes-ECOMP-W02-Medium", Arial; }
4651       .b2b-step-tracker .b2b-steps li .b2b-step-text {
4652         bottom: 29px;
4653         display: inline-block;
4654         font-size: 14px;
4655         margin-top: 0;
4656         position: relative;
4657         white-space: nowrap; }
4658       .b2b-step-tracker .b2b-steps li .b2b-step-text[data-large-text]:before {
4659         content: attr(data-large-text) " "; }
4660     .b2b-step-tracker .b2b-steps li:first-child {
4661       border-radius: 2px 0 0 2px; }
4662     .b2b-step-tracker .b2b-steps li:last-child {
4663       margin-right: 0;
4664       border-radius: 0 2px 2px 0; }
4665
4666 @media (max-width: 1024px) {
4667   .b2b-step-tracker {
4668     padding: 25px 0; }
4669     .b2b-step-tracker .b2b-steps {
4670       margin-top: 0; }
4671       .b2b-step-tracker .b2b-steps li .b2b-step-text {
4672         display: none; }
4673       .b2b-step-tracker .b2b-steps li .b2b-step-text[data-sm-text]:before {
4674         content: attr(data-sm-text) " ";
4675         color: #333333; }
4676       .b2b-step-tracker .b2b-steps li.b2b-step-on .b2b-step-text {
4677         bottom: 6px;
4678         display: block;
4679         font-size: 5px;
4680         left: 0;
4681         line-height: 1;
4682         margin-top: 10px;
4683         position: absolute;
4684         top: 4px; } }
4685
4686 .strength-meter-container {
4687   height: 26px;
4688   max-width: 450px; }
4689
4690 .strength-meter-gauge {
4691   border-radius: 2px;
4692   background-color: #d2d2d2;
4693   height: 5px;
4694   display: block;
4695   position: relative;
4696   outline: 1px solid transparent; }
4697
4698 .strength-meter-gauge-fill {
4699   height: 100%;
4700   display: block;
4701   border-radius: 2px;
4702   text-indent: -9999px;
4703   width: 0%;
4704   border: 2px solid transparent; }
4705
4706 .strength-meter-gauge-fill.strength-meter-animate {
4707   transition: width 0.5s linear, background-color 0.5s linear; }
4708
4709 .strength-meter-animate[style*="20"] {
4710   background-color: #cf2a2a; }
4711
4712 .strength-meter-animate[style*="20"] + .strength-meter-divider + .strength-meter-content:after {
4713   content: "Unacceptable"; }
4714
4715 .strength-meter-animate[style*="40"] {
4716   background-color: #ea7400; }
4717
4718 .strength-meter-animate[style*="40"] + .strength-meter-divider + .strength-meter-content:after {
4719   content: "Weak"; }
4720
4721 .strength-meter-animate[style*="60"] {
4722   background-color: #ea7400; }
4723
4724 .strength-meter-animate[style*="60"] + .strength-meter-divider + .strength-meter-content:after {
4725   content: "Fair"; }
4726
4727 .strength-meter-animate[style*="80"] {
4728   background-color: #007a3e; }
4729
4730 .strength-meter-animate[style*="80"] + .strength-meter-divider + .strength-meter-content:after {
4731   content: "Good"; }
4732
4733 .strength-meter-animate[style*="100"] {
4734   background-color: #007a3e; }
4735
4736 .strength-meter-animate[style*="100"] + .strength-meter-divider + .strength-meter-content:after {
4737   content: "Excellent"; }
4738
4739 .strength-meter-divider {
4740   position: absolute;
4741   top: 0;
4742   bottom: 0;
4743   left: 0;
4744   right: 0;
4745   display: flex;
4746   overflow: hidden; }
4747
4748 .strength-meter-divider span {
4749   background: transparent;
4750   display: block;
4751   flex-grow: 1;
4752   border-right: solid 1px #fff; }
4753
4754 .strength-meter-divider span:first-child {
4755   border-radius: 2px 0 0 2px; }
4756
4757 .strength-meter-divider span + .strength-meter-divider span {
4758   border-radius: 0; }
4759
4760 .strength-meter-divider span:last-child {
4761   border-radius: 0 2px 2px 0;
4762   border-right: 0; }
4763
4764 .strength-meter-content {
4765   font-size: 14px;
4766   line-height: 1;
4767   padding-top: 7px;
4768   position: absolute; }
4769
4770 .strength-meter-content:before {
4771   font-family: "Omnes-ECOMP-W02", Arial;
4772   content: "Password strength: "; }
4773
4774 .strength-meter-content:after {
4775   font-family: "Omnes-ECOMP-W02-Medium", Arial; }
4776
4777 .strength-meter-container {
4778   height: 26px;
4779   min-width: 290px;
4780   max-width: 450px; }
4781
4782 .strength-meter-container .strength-meter-gauge {
4783   border-radius: 2px;
4784   background-color: #cccccc;
4785   box-shadow: 0 1px 1px -1px #333 inset;
4786   height: 5px;
4787   display: block;
4788   overflow: hidden;
4789   position: relative; }
4790
4791 .strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill {
4792   height: 100%;
4793   box-shadow: 0 1px 1px -1px #999 inset;
4794   display: block;
4795   text-indent: -9999px;
4796   width: 0%; }
4797
4798 .strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill.strength-meter-animate {
4799   transition: width 0ms ease-out, background-color 0ms ease-in; }
4800
4801 .strength-meter-container > .strength-meter-gauge > .strength-meter-divider {
4802   position: absolute;
4803   top: 0;
4804   bottom: 0;
4805   left: 0;
4806   right: 0;
4807   display: flex; }
4808
4809 .strength-meter-container > .strength-meter-gauge > .strength-meter-divider span {
4810   background: transparent;
4811   display: block;
4812   flex-grow: 1;
4813   border-right: solid 1px #fff; }
4814
4815 .strength-meter-container > .strength-meter-gauge > .strength-meter-divider span:last-child {
4816   border-right: 0; }
4817
4818 .strength-meter-container > .strength-meter-content {
4819   font-family: "Omnes-ECOMP-W02", Arial;
4820   font-size: 14px;
4821   line-height: 1;
4822   padding-top: 7px; }
4823
4824 .strength-meter-container > .strength-meter-content:before {
4825   content: none; }
4826
4827 .strength-meter-container > .strength-meter-content > .strength-meter-content-state {
4828   font-family: "Omnes-ECOMP-W02-Medium", Arial; }
4829
4830 .btn-switch-label {
4831   display: flex;
4832   align-items: center; }
4833   .btn-switch-label:focus .btn-switch {
4834     outline: 1px dotted #666;
4835     outline-offset: 5px; }
4836   .btn-switch-label input:focus .btn-switch {
4837     outline: 1px dotted #666;
4838     outline-offset: 5px; }
4839   .btn-switch-label > span {
4840     flex: 1; }
4841
4842 .btn-switch {
4843   background-color: #fff;
4844   border: 1px solid #d2d2d2;
4845   border-radius: 16px;
4846   box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.15) inset, 0 5px 5px -5px rgba(0, 0, 0, 0.15);
4847   height: 32px;
4848   overflow: hidden;
4849   position: relative;
4850   width: 80px;
4851   user-select: none; }
4852   /* .btn-switch input[type="checkbox"] {
4853     left: 0;
4854     margin: 0;
4855     opacity: 0;
4856     position: absolute;
4857     top: 0;
4858     transition: none; }
4859     .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on .activo {
4860       font: 0px/0 "Omnes-ECOMP-W02", Arial; }
4861     .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on + .btn + .btn-slider-off .inactivo {
4862       font: 0px/0 "Omnes-ECOMP-W02", Arial; } */
4863   .btn-switch input:checked + .switch-overlay {
4864     left: 0;
4865     transition: all .3s linear .0s; }
4866     .btn-switch input:checked + .switch-overlay .switch-handle {
4867       background-color: #007a3e;
4868       background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
4869       transition: background-color 0.3s linear 0s;
4870       border: 1px solid transparent; }
4871   .btn-switch input + .switch-overlay {
4872     left: -48px;
4873     transition: all .3s linear .0s; }
4874     .btn-switch input + .switch-overlay .switch-handle {
4875       background-color: #f2f2f2;
4876       background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
4877       transition: background-color 0.3s linear 0s;
4878       border: 1px solid #d2d2d2; }
4879   .btn-switch input[disabled] + .switch-overlay {
4880     left: 0;
4881     width: 100% !important;
4882     background-color: #d2d2d2;
4883     color: #959595;
4884     cursor: not-allowed !important; }
4885     .btn-switch input[disabled] + .switch-overlay .btn-slider-on {
4886       display: none; }
4887     .btn-switch input[disabled] + .switch-overlay .activo {
4888       display: none; }
4889     .btn-switch input[disabled] + .switch-overlay .switch-handle {
4890       display: none; }
4891     .btn-switch input[disabled] + .switch-overlay .btn-slider-off {
4892       left: 0;
4893       text-align: center;
4894       padding: 0; }
4895   .btn-switch input[disabled]:checked + .switch-overlay {
4896     left: 0;
4897     width: 100% !important;
4898     background-color: #fff; }
4899     .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off {
4900       display: none; }
4901       .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off + .inactivo {
4902         display: none; }
4903     .btn-switch input[disabled]:checked + .switch-overlay .switch-handle {
4904       display: none; }
4905     .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-on {
4906       display: block;
4907       text-align: center;
4908       padding: 0;
4909       color: #007a3e !important;
4910       font-weight: bold; }
4911     .btn-switch input[disabled]:checked + .switch-overlay .activo {
4912       display: block;
4913       text-align: center;
4914       padding: 0;
4915       color: #007a3e !important;
4916       font-weight: bold; }
4917   .btn-switch input[disabled]:checked + .btn-slider-on {
4918     display: block; }
4919   .btn-switch input[disabled] + .btn-slider-on + .switch-handle {
4920     width: 100%;
4921     margin: 0; }
4922     .btn-switch input[disabled] + .btn-slider-on + .switch-handle + .btn-slider-off {
4923       display: block; }
4924   /* .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on {
4925     display: none; }
4926     .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo {
4927       border: medium none;
4928       color: #666;
4929       font: 16px/32px "Omnes-ECOMP-W02", Arial;
4930       height: auto;
4931       margin: 0 auto;
4932       width: auto; }
4933       .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo:before {
4934         display: none; }
4935     .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
4936       display: block;
4937       padding: 0;
4938       text-align: center;
4939       color: #333333; }
4940       .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo {
4941         border: medium none;
4942         color: #666;
4943         font: 16px/32px "Omnes-ECOMP-W02", Arial;
4944         height: auto;
4945         margin: 0 auto;
4946         width: auto; }
4947         .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo:before {
4948           display: none; }
4949   .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on {
4950     display: block;
4951     padding: 0;
4952     text-align: center;
4953     color: #007a3e; }
4954     .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
4955       display: none; }
4956   .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .activo {
4957     color: #007a3e;
4958     font-weight: bold; } */
4959
4960 .switch-overlay {
4961   border-radius: 16px;
4962   color: black !important;
4963   font-size: 1.6rem;
4964   height: 32px;
4965   left: 0;
4966   position: absolute;
4967   top: -1px;
4968   width: 126px;
4969   overflow: hidden; }
4970
4971 .btn-slider-on {
4972   left: -1px;
4973   text-align: left;
4974   padding-left: 12px;
4975   display: inline-block;
4976   font-family: "Omnes-ECOMP-W02", Arial;
4977   height: 32px;
4978   line-height: 32px;
4979   position: absolute;
4980   top: 1px;
4981   width: 80px; }
4982
4983 .btn-slider-off {
4984   display: inline-block;
4985   font-family: "Omnes-ECOMP-W02", Arial;
4986   height: 32px;
4987   line-height: 32px;
4988   position: absolute;
4989   top: 1px;
4990   width: 80px;
4991   right: 1px;
4992   text-align: right;
4993   padding-right: 11px; }
4994
4995 .switch-handle {
4996   border-radius: 50%;
4997   display: inline-block;
4998   height: 26px;
4999   left: 50px;
5000   position: absolute;
5001   top: 3px;
5002   width: 26px; }
5003
5004 .activo {
5005   display: block;
5006   font-size: 0.1px;
5007   line-height: 40px;
5008   overflow: hidden; }
5009   .activo:before {
5010     background-image: none;
5011     border-left: 3px solid #007a3e;
5012     content: " ";
5013     height: 18px;
5014     left: 22px;
5015     margin: 2px auto;
5016     position: absolute;
5017     top: 5px;
5018     width: 0; }
5019
5020 .inactivo {
5021   font-size: 0.1px;
5022   line-height: 40px; }
5023   .inactivo:before {
5024     background-image: none;
5025     border: 3px solid #959595;
5026     border-radius: 100%;
5027     content: " ";
5028     display: block;
5029     position: absolute;
5030     top: 4px;
5031     right: 3px;
5032     height: 16px;
5033     width: 16px; }
5034
5035 .btn-switch.focused {
5036   outline: 1px dotted #000;
5037   outline-offset: 5px; }
5038
5039 table {
5040   max-width: 100%;
5041   background-color: transparent;
5042   border-collapse: collapse;
5043   border-spacing: 0;
5044   width: 100%;
5045    }
5046
5047 table caption {
5048   text-align: left; }
5049
5050 table thead th {
5051   vertical-align: bottom; }
5052
5053 table th,
5054 table td {
5055   padding: 19px 20px;
5056   line-height: 0.5;
5057   font-size: 0.9rem;
5058   text-align: left;
5059   vertical-align: top;
5060   word-wrap: break-word; }
5061
5062 table th {
5063   font-family: "Omnes-ECOMP-W02-Medium", Arial;
5064   font-size: 1rem;
5065   font-weight: normal;
5066   padding: 13px 20px;
5067 line-height: 0.9}
5068
5069 .tabs {
5070   margin-left: 0;
5071   margin-bottom: 20px;
5072   list-style: none; }
5073
5074 .tabs > li > a {
5075   display: block; }
5076
5077 .tabs > li > a:hover,
5078 .tabs > li > a:focus {
5079   text-decoration: none;
5080   background-color: #d2d2d2; }
5081
5082 .tabs > .pull-right {
5083   float: right; }
5084
5085 .tabs:before,
5086 .tabs:after {
5087   display: table;
5088   content: "";
5089   line-height: 0; }
5090
5091 .tabs:after {
5092   clear: both; }
5093
5094 .tabs > li {
5095   float: left; }
5096
5097 .tabs > li > a {
5098   padding-right: 20px;
5099   padding-left: 20px;
5100   margin-right: 3px;
5101   line-height: 16px; }
5102
5103 .tabs {
5104   margin: 0; }
5105
5106 .tabs > li {
5107   margin-bottom: -1px; }
5108
5109 .tabs > li:first-child {
5110   margin-left: 20px; }
5111
5112 .tabs > li > a {
5113   padding: 12px 20px;
5114   border: 1px solid #d2d2d2;
5115   border-radius: 6px 6px 0 0;
5116   background-color: #f2f2f2;
5117   color: #5a5a5a;
5118   border-color: #d2d2d2; }
5119
5120 .tabs > li > a {
5121   margin-right: 6px; }
5122
5123 .tabs > li > a,
5124 .tabs > li > a:hover,
5125 .tabs > li > a:focus {
5126   background-image: none;
5127   background-color: #ffffff;
5128   color: #5a5a5a;
5129   border-color: #d2d2d2;
5130   border-bottom: 1px solid transparent;
5131   cursor: pointer; }
5132
5133 .tabs.tabs-justified,
5134 .tabs.promo-tabs {
5135   width: 100%;
5136   border-bottom: 0;
5137   margin-bottom: -1px; }
5138
5139 .tabs.tabs-justified > li,
5140 .tabs.promo-tabs > li {
5141   display: table-cell;
5142   float: none;
5143   width: 1%;
5144   border-left: 1px solid #d2d2d2; }
5145
5146 .tabs.tabs-justified > li.active,
5147 .tabs.promo-tabs > li.active {
5148   position: relative;
5149   z-index: 1000; }
5150
5151 .tabs.tabs-justified > li > a {
5152   padding-right: 5px;
5153   padding-left: 5px; }
5154
5155 .tabs.tabs-justified > li > a,
5156 .tabs.promo-tabs > li > a {
5157   text-align: center; }
5158
5159 .tabs.promo-tabs > li > a {
5160   padding: 0;
5161   margin: 0;
5162   border-radius: 0;
5163   border: none;
5164   color: #0568ae;
5165   font-size: 1.2rem;
5166   text-align: center;
5167   padding: 6px 10px 10px;
5168   border-top: 4px solid #e6e6e6;
5169   filter: none;
5170   border-bottom: 1px solid #d2d2d2;
5171   background-color: #f9f9f9; }
5172
5173 .tabs > li:last-child > a {
5174   margin-right: 0; }
5175
5176 .tabs.promo-tabs > li.active > a {
5177   color: #333333;
5178   border-top: 4px solid #ea7400;
5179   border-bottom-color: white;
5180   background-color: #fff !important;
5181   filter: none;
5182   cursor: default; }
5183
5184 .tabs.promo-tabs > li:first-child {
5185   border-left: none; }
5186
5187 .tabs.promo-tabs > li > a img {
5188   max-width: inherit;
5189   max-height: 39px;
5190   margin: 0 auto 5px auto;
5191   display: block; }
5192
5193 .tabbable:before,
5194 .tabbable:after {
5195   display: table;
5196   content: "";
5197   line-height: 0; }
5198
5199 .tabbable:after {
5200   clear: both; }
5201
5202
5203
5204 .tabs.promo-tabs > li > a {
5205   font-size: 2.0rem;
5206   height: 70px;
5207   padding: 20px 20px 24px;
5208   background-color: #FFFFFF;
5209   border-top: 5px solid #FFFFFF;
5210   white-space: nowrap; }
5211
5212 .tabs.promo-tabs > li.active > a {
5213   border-top: 5px solid #0574ac; }
5214
5215 .tabs.promo-tabs > li > a:hover {
5216   color: #333333; }
5217
5218 .tabs.promo-tabs > li {
5219   width: auto; }
5220
5221 .tabs > li[disabled="disabled"] > a:hover {
5222   cursor: not-allowed; }
5223
5224 .b2b-tags {
5225   background-color: #f2f2f2;
5226   -webkit-transition: all .3s ease-out;
5227   -moz-transition: all .3s ease-out;
5228   transition: all .3s ease-out;
5229   margin: 3px 5px 3px 0;
5230   padding: 2px 15px;
5231   border-radius: 6px;
5232   border: 1px solid #c9c9c9;
5233   display: inline-block; }
5234   .b2b-tags .tags__item {
5235     font-size: 14px;
5236     vertical-align: baseline;
5237     zoom: 1;
5238     color: #333; }
5239     .b2b-tags .tags__item i {
5240       color: #0574ac;
5241       font-size: 14px;
5242       font-weight: bold;
5243       margin-left: 10px; }
5244       .b2b-tags .tags__item i:hover {
5245         cursor: pointer; }
5246     .b2b-tags .tags__item i:focus {
5247       outline: thin dotted #666; }
5248     .b2b-tags .tags__item:last-child {
5249       margin-right: 0; }
5250     .b2b-tags .tags__item:hover {
5251       text-decoration: none; }
5252     .b2b-tags .tags__item:focus {
5253       outline: 1px dotted #666; }
5254
5255 .tooltip-size-control {
5256   display: block; }
5257
5258 .tooltip {
5259   display: inline-block;
5260   height: 20px;
5261   vertical-align: middle;
5262   margin: 1px 0 0 7px; }
5263
5264 p .tooltip {
5265   margin: -3px 7px 0 0; }
5266
5267 label .tooltip {
5268   margin: 1px 0 0 7px; }
5269
5270 .tooltip .icon-primary-tooltip {
5271   background: none;
5272   border: none;
5273   display: inline-block;
5274   font-size: 20px;
5275   height: 20px;
5276   margin: 0;
5277   position: relative;
5278   width: 20px; }
5279
5280 .tooltip .icon-primary-tooltip:before {
5281   top: 0; }
5282
5283 .tooltip .icon-primary-tooltip:focus {
5284   text-decoration: none;
5285   outline: 1px dotted black; }
5286
5287 .tooltip.active .icon-primary-tooltip:focus {
5288   outline: none; }
5289
5290 .tooltip .arrow {
5291   display: none;
5292   border-color: transparent;
5293   border-style: solid;
5294   background-color: #0568ae;
5295   height: 20px;
5296   width: 20px;
5297   position: absolute;
5298   top: 0;
5299   right: 0;
5300   bottom: 0;
5301   left: 0;
5302   opacity: 0;
5303   transform: rotate(45deg);
5304   z-index: 20; }
5305
5306 .tooltip.active .icon-primary-tooltip[data-placement="top"] .arrow {
5307   display: block;
5308   bottom: 32px;
5309   top: auto;
5310   border-width: 0 1px 1px 0; }
5311
5312 .tooltip.active .icon-primary-tooltip[data-placement="bottom"] .arrow {
5313   border-width: 1px 0 0 1px;
5314   display: block;
5315   bottom: -33px;
5316   top: auto; }
5317
5318 .tooltip.active .arrow {
5319   opacity: 1; }
5320
5321 .tooltip .closingtooltip {
5322   display: block; }
5323
5324 .tooltip.active .closingtooltip {
5325   display: none; }
5326
5327 .tooltip-wrapper {
5328   position: absolute;
5329   margin-top: 20px;
5330   left: 15px;
5331   right: 15px;
5332   display: none;
5333   opacity: 0;
5334   z-index: 1010;
5335   text-align: left; }
5336
5337 .helpertext {
5338   background-color: #0568ae;
5339   border: 1px solid transparent;
5340   border-radius: 6px;
5341   color: #fff;
5342   display: none;
5343   margin: 0;
5344   padding: 25px;
5345   position: relative;
5346   text-align: left;
5347   width: 100%;
5348   top: 0;
5349   z-index: 1009; }
5350
5351 .tooltip .helpertext {
5352   position: absolute; }
5353
5354 .tooltip.active .icon-primary-tooltip[data-placement="bottom"] + .tooltip-wrapper .helpertext {
5355   bottom: inherit;
5356   top: 19px; }
5357
5358 .tooltip.active .icon-primary-tooltip[data-placement="top"] + .tooltip-wrapper .helpertext {
5359   top: inherit;
5360   bottom: 38px; }
5361
5362 .tooltip.active .tooltip-wrapper {
5363   opacity: 1;
5364   display: block;
5365   margin-top: 0; }
5366
5367 .tooltip.active .tooltip-wrapper .helpertext {
5368   display: block; }
5369
5370 .tooltip-onclick .btn.icon-primary-tooltip {
5371   border: medium none;
5372   box-shadow: none;
5373   color: #0568ae;
5374   font-size: 20px;
5375   height: 34px;
5376   line-height: 36px;
5377   margin: 0;
5378   min-width: 50px;
5379   padding: 0;
5380   position: absolute;
5381   right: 0;
5382   top: 0; }
5383
5384 .tooltip-onclick .icon-primary-tooltip:before {
5385   display: inline;
5386   position: relative; }
5387
5388 .tooltip-onclick textarea + .reset-field + .icon-primary-tooltip {
5389   top: 4px;
5390   right: 5px;
5391   min-width: 40px; }
5392
5393 .tooltip-onclick.active .helpertext:before,
5394 .tooltip-onfocus.active .helpertext:before {
5395   background-color: #0568ae;
5396   border-color: transparent;
5397   border-style: solid;
5398   border-width: 1px 1px 0 0;
5399   content: "";
5400   display: block;
5401   height: 15px;
5402   left: 17px;
5403   margin: 0;
5404   position: absolute;
5405   top: -7px;
5406   transform: rotate(-45deg);
5407   width: 15px; }
5408
5409 .tooltip-onclick.active .helpertext {
5410   display: block;
5411   opacity: 1;
5412   margin: 14px 0 0; }
5413
5414 .tooltip-onclick.active .helpertext:before {
5415   left: inherit;
5416   right: 18px; }
5417
5418 .tooltip-onclick .reset-field {
5419   right: 37px; }
5420
5421 .tooltip-onclick .reset-field:before {
5422   position: relative;
5423   top: -1px; }
5424
5425 .tooltip-onfocus.active .helpertext {
5426   display: block;
5427   margin: 14px 0 10px 0; }
5428
5429 .popover-title {
5430   display: block;
5431   font-size: 14px;
5432   font-family: "Omnes-ECOMP-W02-Medium", Arial;
5433   font-weight: bold;
5434   margin-bottom: 8px;
5435   white-space: normal; }
5436
5437 .b2b-drag-handle {
5438   cursor: move;
5439   -ms-interpolation-mode: bicubic;
5440   margin-bottom: 40px;
5441   height: 23px;
5442   padding-right: 10px;
5443   float: left; }
5444
5445 .b2b-drag-over {
5446   background-color: #d1d1d1; }
5447
5448 .b2-drag-element {
5449   background-color: #e8e8e8; }
5450
5451 [draggable] {
5452   -moz-user-select: none;
5453   -khtml-user-select: none;
5454   -webkit-user-select: none;
5455   user-select: none; }
5456 /* Flyout inputs color is not aligned */
5457 textarea, input {
5458   color: #333; }
5459
5460 .isIE .btn-primary.btn:focus::after,
5461 .isIE .btn-specialty.btn:focus::after,
5462 .isIE .btn-alt.btn:focus::after {
5463   border: 1px dashed #fff !important; }
5464 .b2b-config-section-container {
5465   height: auto;
5466   min-height: 330px;
5467   width: 815px;
5468   background-color: #fff;
5469   border: 1px solid #ccc;
5470   display: inline-table;
5471   border-radius: 6px; }
5472
5473 .b2b-config-section-first-div {
5474   border-right: 1px solid #ccc;
5475   height: auto;
5476   min-height: 330px; }
5477
5478 .b2b-config-section-icon-primary-font {
5479   font-size: 50px;
5480   height: 31px;
5481   line-height: 31px; }
5482
5483 .b2b-config-section-padding {
5484   padding: 20px 20px 15px 15px;
5485   height: auto; }
5486
5487 .b2b-config-sec-flyout {
5488   position: relative;
5489   left: 10px;
5490   float: right;
5491   color: #0574ac;
5492   font-size: 16px;
5493   font-family: "Omnes-ECOMP-W02", Arial; }
5494
5495 .b2b-config-sec-divider {
5496   border-bottom: 1px solid #ccc; }
5497
5498 .b2b-confi-sec-span-border {
5499   border-right: 1px solid;
5500   height: auto; }
5501
5502 .b2b-config-sec-speed-div {
5503   text-align: center;
5504   margin-top: 20px; }
5505
5506 .b2b-config-sec-label-font {
5507   font-size: 16px; }
5508
5509 .b2b-config-sec-expander-main {
5510   padding: 0 5px 0px 15px; }
5511
5512 .b2b-config-sec-expander-body .b2b-config-vlan-padding {
5513   padding: 5px 15px 10px 0px; }
5514
5515 .b2b-conif-sec-row-height {
5516   height: 110px; }
5517
5518 .b2b-config-sec-expander-body {
5519   font-size: 14px; }
5520   .b2b-config-sec-expander-body .b2b-config-vlan-data {
5521     font-family: "Omnes-ECOMP-W02-Medium", Arial;
5522     padding-left: 15px; }
5523
5524 .b2b-config-sec-expander-body-first-div {
5525   border-top: 1px solid #ccc; }
5526
5527 .b2b-config-sec-expander-body .tooltip {
5528   position: static;
5529   opacity: 1; }
5530
5531 .b2b-config-section-container .row > [class*="span"] {
5532   margin-right: 0px; }
5533
5534 .b2b-config-vlan-icons {
5535   font-size: 16px;
5536   float: right;
5537   margin-right: 0px; }
5538
5539 .b2b-config-section-container .span6 {
5540   width: 50%; }
5541
5542 .b2b-config-sec-data-link-style {
5543   position: relative;
5544   left: 95%;
5545   top: 30px;
5546   border-radius: 50%;
5547   width: 23px;
5548   height: 23px;
5549   background: #fff;
5550   border: 1px solid #ccc;
5551   color: #666666; }
5552
5553 .b2b-config-sec-text-align {
5554   text-align: center;
5555   margin-top: 15px;
5556   margin-bottom: 35px;
5557   font-family: "Omnes-ECOMP-W02-Medium", Arial;
5558   font-size: 14px;
5559   color: #333333; }
5560
5561 .b2b-config-port-text-align {
5562   text-align: center;
5563   margin-top: 15px;
5564   margin-bottom: 8px;
5565   font-family: "Omnes-ECOMP-W02-Medium", Arial;
5566   font-size: 14px;
5567   color: #333333; }
5568
5569 .b2b-config-port-text-label {
5570   margin-top: 6px;
5571   margin-bottom: 8px;
5572   font-size: 14px;
5573   text-align: center; }
5574
5575 .b2b-confi-sec-last-div p {
5576   font-size: 14px;
5577   padding: 10px 15px 0 15px; }
5578
5579 .b2b-confi-sec-router-label {
5580   font-family: "Omnes-ECOMP-W02-Medium", Arial;
5581   font-size: 16px;
5582   color: #333333;
5583   float: left;
5584   width: 100%;
5585   margin-bottom: 7px; }
5586
5587 .b2b-config-vlan-label {
5588   font-family: "Omnes-ECOMP-W02-Medium", Arial;
5589   font-size: 14px;
5590   color: #333333;
5591   margin-top: 1px;
5592   margin-bottom: 9px; }
5593
5594 .b2b-config-vlan-info {
5595   font-family: "Omnes-ECOMP-W02", Arial;
5596   font-size: 14px;
5597   color: #333333;
5598   margin-bottom: 1px; }
5599   .b2b-config-vlan-info .icon-misc-pen {
5600     padding-left: 7px; }
5601
5602 .b2b-confi-sec-model-label {
5603   font-family: "Omnes-ECOMP-W02", Arial;
5604   font-size: 14px;
5605   color: #333333; }
5606
5607 .b2b-confi-sec-router-info {
5608   float: left;
5609   width: 62%; }
5610
5611 .b2b-config-sec-speed-sec {
5612   border-right: 1px solid #ccc; }
5613
5614 .b2b-config-sec-speed-label {
5615   font-family: "Omnes-ECOMP-W02", Arial;
5616   font-size: 20px;
5617   color: #333333;
5618   text-align: center; }
5619   .b2b-config-sec-speed-label i {
5620     margin-left: 15px;
5621     font-size: 16px; }
5622
5623 .b2b-config-sec-yellow-flag-div {
5624   width: 1.6%;
5625   background-color: #ffb18c; }
5626
5627 .b2b-config-sec-expander-icons {
5628   margin-top: 6px; }
5629   .b2b-config-sec-expander-icons .icon-misc-trash {
5630     margin-right: 10px; }
5631
5632 .b2b-config-sec-yellow-flag .b2b-config-sec-expander-icons {
5633   left: 40px; }
5634
5635 .b2b-config-sec-expander-body-icons .icon-misc-pen {
5636   position: relative;
5637   left: 18px; }
5638 .b2b-directory-listing .center {
5639   display: block;
5640   margin: 2em auto; }
5641
5642 .b2b-directory-listing .listBox {
5643   height: 310px;
5644   width: 450px;
5645   padding-left: 1px;
5646   padding-right: 1px;
5647   font-family: "Omnes-ECOMP-W02", Arial; }
5648
5649 .b2b-directory-listing .listBox:focus {
5650   outline: thin dotted #666; }
5651
5652 .b2b-directory-listing .b2b-directory-listing-no-results {
5653   font-weight: bold; }
5654
5655 .b2b-directory-listing .b2b-directory-listing-list {
5656   font-family: "Omnes-ECOMP-W02", Arial;
5657   color: #5a5a5a;
5658   overflow-x: hidden;
5659   position: relative;
5660   height: 300px;
5661   border: 1px solid #333;
5662   border-radius: 6px;
5663   margin-bottom: 10px; }
5664
5665 .b2b-directory-listing .b2b-directory-listing-item {
5666   margin: 1px;
5667   border: 1px solid transparent;
5668   outline: none;
5669   text-align: left;
5670   overflow: hidden;
5671   cursor: pointer;
5672   padding-top: 13px;
5673   padding-bottom: 7px;
5674   padding-left: 15px;
5675   -moz-user-select: none;
5676   -webkit-user-select: none;
5677   -ms-user-select: none;
5678   word-wrap: break-word; }
5679   .b2b-directory-listing .b2b-directory-listing-item:focus {
5680     border: 1px #3399FF solid; }
5681
5682 .b2b-directory-listing .b2b-directory-listing-item-selected {
5683   color: #fff;
5684   background-color: #3399FF; }
5685
5686 .b2b-directory-listing input[type="text"] {
5687   padding-right: 30px; }
5688   .b2b-directory-listing input[type="text"]:focus, .b2b-directory-listing input[type="text"]:hover {
5689     padding-right: 30px; }
5690
5691 .b2b-directory-listing .row .btns {
5692   margin-right: 90px;
5693   margin-left: -115px;
5694   margin-top: 100px; }
5695
5696 .b2b-directory-listing .btn-remove {
5697   margin-right: auto !important;
5698   margin-bottom: 15px; }
5699   .b2b-directory-listing .btn-remove i {
5700     margin-right: 0;
5701     color: #fff;
5702     top: -1px; }
5703
5704 .b2b-directory-listing .btn-remove-all {
5705   margin-top: 0;
5706   margin-bottom: 61px !important;
5707   /* need to be removed */
5708   margin-right: auto !important; }
5709   .b2b-directory-listing .btn-remove-all i {
5710     margin-right: 0;
5711     color: #fff;
5712     top: -1px; }
5713
5714 .b2b-directory-listing .btn-add {
5715   margin-bottom: 15px !important; }
5716   .b2b-directory-listing .btn-add i {
5717     margin-right: 0;
5718     color: #fff;
5719     top: -1px; }
5720
5721 .b2b-directory-listing .btn-add-all {
5722   margin-top: 0;
5723   margin-bottom: 61px !important; }
5724   .b2b-directory-listing .btn-add-all i {
5725     margin-right: 0;
5726     color: #fff;
5727     top: -1px; }
5728
5729 .b2b-directory-listing .btn-search[class*="btn"] {
5730   right: 0.09rem; }
5731
5732 .b2b-directory-listing .btn {
5733   width: 130px; }
5734
5735 .b2b-directory-listing-disabled {
5736   cursor: not-allowed; }
5737
5738 .b2b-directory-listing-label-heading {
5739   margin-top: 24px;
5740   padding-bottom: 5px; }
5741
5742 .b2b-dl-list-box option {
5743   padding-top: 13px;
5744   padding-bottom: 7px;
5745   padding-left: 15px; }
5746
5747 .b2b-dl-modal-button-div {
5748   padding-top: 110px;
5749   text-align: center; }
5750 .b2b-tmpl-notification-card {
5751   border-radius: 6px;
5752   height: auto;
5753   width: 420px;
5754   background-color: #ffffff;
5755   border: 1px solid rgba(0, 0, 0, 0.1);
5756   border-radius: 8px;
5757   overflow: hidden; }
5758   .b2b-tmpl-notification-card .b2b-tmpl-card-header {
5759     padding-left: 30px;
5760     font-family: "Omnes-ECOMP-W02", Arial;
5761     color: #333333;
5762     font-size: 24px;
5763     margin-top: 2px;
5764     display: inline-block;
5765     min-height: 60px;
5766     position: relative; }
5767   .b2b-tmpl-notification-card .b2b-tmpl-card-body {
5768     padding: 0 0px 0px;
5769     position: relative; }
5770   .b2b-tmpl-notification-card .b2b-tmpl-card-header-title {
5771     margin-top: 10px; }
5772   .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button {
5773     box-shadow: 0 -50px 0 0 #f2f2f2 inset;
5774     height: 69px;
5775     position: absolute;
5776     border-color: #f2f2f2 #f2f2f2 transparent transparent;
5777     border-style: solid;
5778     border-width: 35px;
5779     height: 0;
5780     right: -295px;
5781     top: -4px;
5782     width: 69px;
5783     /*Old properties */
5784     box-shadow: none;
5785     transform: none; }
5786     .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close {
5787       height: 48px;
5788       right: -40px;
5789       top: -40px;
5790       width: 48px;
5791       position: relative;
5792       /*Old properties */
5793       transform: none; }
5794       .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:before {
5795         color: #0568ae;
5796         display: block;
5797         font-size: 20px;
5798         height: auto;
5799         right: -4px;
5800         top: 4px;
5801         width: auto;
5802         /*Old properties */
5803         left: auto;
5804         height: auto;
5805         bottom: auto; }
5806       .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:focus {
5807         outline: 1px dotted black; }
5808   .b2b-tmpl-notification-card button.close {
5809     -webkit-appearance: none;
5810     moz-appearance: none;
5811     appearance: none; }
5812   .b2b-tmpl-notification-card .b2b-tmpl-card-icon-primary-cirlce {
5813     width: 30px;
5814     height: 30px;
5815     border-radius: 50%; }
5816   .b2b-tmpl-notification-card .b2b-tmpl-card-outer-cirlce {
5817     background: #f0f5f5;
5818     border-radius: 50%;
5819     height: 16px;
5820     width: 16px;
5821     vertical-align: middle; }
5822   .b2b-tmpl-notification-card .b2b-tmpl-card-inner-cirlce {
5823     background: #fff;
5824     width: 22px;
5825     height: 22px;
5826     position: relative;
5827     border-radius: 50%;
5828     display: block;
5829     left: 4px;
5830     top: 4px;
5831     border: 1px solid #767676; }
5832   .b2b-tmpl-notification-card .b2b-tmpl-card-row {
5833     padding-top: 10px; }
5834   .b2b-tmpl-notification-card .b2b-tmpl-card-sub-header {
5835     margin-top: 0px; }
5836   .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item {
5837     background-color: #fff;
5838     margin-top: 25px;
5839     border-top: 1px solid #ccc; }
5840     .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item .cta-button-group {
5841       line-height: 40px;
5842       padding-top: 20px; }
5843   .b2b-tmpl-notification-card .b2b-tmpl-card-edit-section .cta-button-group {
5844     line-height: 40px;
5845     padding-top: 15px; }
5846   .b2b-tmpl-notification-card .b2b-tmpl-card-add-item-container {
5847     padding-top: 30px; }
5848   .b2b-tmpl-notification-card .b2b-tmpl-card-link-active {
5849     pointer-events: none;
5850     cursor: default;
5851     color: #ccc; }
5852   .b2b-tmpl-notification-card .b2b-tmpl-card-cursor:hover {
5853     cursor: pointer; }
5854 .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon {
5855   text-align: center;
5856   margin-top: 91px; }
5857   .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon i {
5858     font-size: 99px;
5859     color: #1b7e28; }
5860
5861 .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading {
5862   color: #333333;
5863   text-align: center;
5864   margin-top: 20px; }
5865   .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading h1 {
5866     font-size: 38px; }
5867
5868 .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading {
5869   color: #333333;
5870   text-align: center; }
5871   .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading h5 {
5872     font-size: 18px; }
5873
5874 .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info {
5875   padding-left: 18%;
5876   font-size: 16px;
5877   margin-top: 20px; }
5878   .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info ul {
5879     list-style-type: disc;
5880     list-style-position: inside; }
5881   .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info li {
5882     padding-top: 5px; }
5883
5884 .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section {
5885   font-size: 15px;
5886   color: #0574ac;
5887   margin-top: 20px;
5888   text-align: center;
5889   margin-bottom: 55px; }
5890   .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section .b2b-tmpl-order-confirmation-link {
5891     margin-right: 8%; }
5892   .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section a {
5893     cursor: pointer; }
5894 .b2b-tmpl-profile-block-container {
5895   min-height: 200px;
5896   height: auto;
5897   background-color: #fff;
5898   border-radius: 8px;
5899   border: 1px solid #ccc;
5900   box-shadow: 0px 1px 1px 1px #ccc;
5901   display: inline-table;
5902   margin: 15px 15px; }
5903   .b2b-tmpl-profile-block-container .b2b-tmpl-profile-title {
5904     font-weight: bold; }
5905   .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-footer {
5906     margin-bottom: 12px;
5907     margin-top: 5px;
5908     height: 35px; }
5909   .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p {
5910     word-wrap: break-word;
5911     height: 61px; }
5912     .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:first-child {
5913       margin-top: 10px; }
5914     .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:after {
5915       content: ' ';
5916       display: block;
5917       border: 0.2px solid #ccc;
5918       margin-top: 12px; }
5919   .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio {
5920     margin-left: 15px;
5921     height: 30px; }
5922   .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details div {
5923     padding: 2px 7px;
5924     font-size: 14px; }
5925   .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio-label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details a {
5926     font-size: 14px; }
5927   .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p span {
5928     padding-left: 10px; }
5929   .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon {
5930     color: #1b7e28;
5931     float: right;
5932     position: relative;
5933     left: 10px; }
5934     .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon i {
5935       color: #1b7e28;
5936       float: right; }
5937   .b2b-tmpl-profile-block-container .b2b-tmpl-profile-link {
5938     float: right;
5939     position: relative;
5940     left: -4px; }
5941   .b2b-tmpl-profile-block-container a.link-profile {
5942     position: relative;
5943     left: -5px;
5944     float: right;
5945     margin-bottom: 16px; }
5946   .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-radio {
5947     position: relative;
5948     top: -5px; }
5949 .b2b-static-route-container {
5950   padding-left: 32px;
5951   display: inline-block; }
5952
5953 .b2b-static-route-label-heading {
5954   font-family: "Omnes-ECOMP-W02-Medium", Arial;
5955   font-size: 5px !important;
5956   color: #333333;
5957   font-style: normal;
5958   text-align: left; }
5959
5960 label.b2b-static-route-label-heading {
5961   margin-bottom: 12px;
5962   margin-top: 15px;
5963   display: block; }
5964
5965 #b2b-static-route-input {
5966   margin: 5px 0 5px; }
5967
5968 .b2b-static-route-list {
5969   margin-bottom: 30px;
5970   width: 216px;
5971   float: left;
5972   margin-right: 20px;
5973   max-height: 540px;
5974   overflow-y: auto; }
5975   .b2b-static-route-list .status-text {
5976     flex: 1;
5977     display: flex;
5978     align-items: center;
5979     outline: 0; }
5980
5981 .b2b-static-route-list-item {
5982   border: 1px #cccccc solid;
5983   font-family: "Omnes-ECOMP-W02", Arial;
5984   font-size: 5px;
5985   display: flex;
5986   cursor: pointer; }
5987   .b2b-static-route-list-item > .status-bar {
5988     padding: 20px 0 20px;
5989     background-color: #ea7400;
5990     border-radius: 0;
5991     width: 10px;
5992     display: inline-block;
5993     margin-right: 20px;
5994     height: 100%;
5995     float: left; }
5996     .b2b-static-route-list-item > .status-bar:after {
5997       content: '.';
5998       visibility: hidden; }
5999   .b2b-static-route-list-item > .status-bar-unedited {
6000     padding: 20px 0 20px;
6001     background-color: #ffb81c;
6002     border-radius: 0;
6003     width: 10px;
6004     display: inline-block;
6005     margin-right: 20px;
6006     height: 100%;
6007     float: left;
6008     background-color: transparent; }
6009     .b2b-static-route-list-item > .status-bar-unedited:after {
6010       content: '.';
6011       visibility: hidden; }
6012
6013 .b2b-static-route-list-item:focus {
6014   outline: 1px dashed #00f; }
6015
6016 .b2b-static-route-list-item--selected {
6017   background: #f2f2f2; }
6018
6019 .b2b-static-route-content {
6020   display: inline-block; }
6021
6022   .selectWrap::after {
6023   align-items: center;
6024   background-position: 7px 7px;
6025   background-repeat: no-repeat;
6026   background-size: auto 23px;
6027   border-left: 1px solid transparent;
6028   color: #0568ae;
6029   display: flex;
6030   font-size: 23px;
6031   height: 36px;
6032   margin-right: 0;
6033   overflow: hidden;
6034   position: absolute;
6035   right: 0;
6036   text-indent: 7px;
6037   top: 0;
6038   user-select: none;
6039   width: 41px;
6040   z-index: 0;
6041   position: absolute !important;
6042   display: flex !important;
6043 }
6044
6045 .card{
6046   border-radius: 5px;
6047 }
6048
6049 .card-header{
6050   height: 50px;
6051 }
6052
6053 .card-body{
6054   height: 150px;
6055 }
6056
6057 .card-footer{
6058   height: 50px;
6059 }
6060
6061 .dialog__close-btn {
6062   border: 0;
6063   background: #087ac2;
6064   color: #ffffff;
6065   position: absolute;
6066   top: 8px;
6067   right: 8px;
6068   font-size: 1.2em;
6069   display: block;
6070   border: #087ac2 2px solid;
6071 }
6072
6073 .dialog{
6074   margin-top: 50px;
6075 }
6076
6077 .modalTitle{
6078     font-size: 35px;
6079 }
6080
6081 .defaultFontSize{
6082   font-size: 15px;
6083 }
6084
6085
6086 .tab-content{
6087   margin-right: 20px;
6088   /* background-color: #006496; */
6089   color: rgb(0, 0, 0);
6090 }
6091
6092 .btn-sm{
6093   width: 30px;
6094   height: 15px;
6095   font-size: 10px;
6096 }
6097
6098
6099
6100
6101 /* .left {
6102   width: auto;
6103   float: left;
6104   text-align: right;
6105 }
6106 .right {
6107   width: auto;
6108
6109   float: left;
6110 } */
6111
6112 mat-icon{
6113   color: #006496;
6114   cursor: pointer;
6115 }
6116
6117 /* .tab-pane{
6118   padding-right: 130px;
6119   padding-left: 120px;
6120   color: rgba(0, 0, 0, 0.603)
6121 } */
6122
6123 .boxMargin{
6124
6125   width: auto;
6126 }
6127
6128 mat-button-toggle{
6129   display: block;
6130   width: 400px;
6131   border-radius: 5px;
6132 }
6133
6134 input {
6135   width: 400px;
6136   height: 20px;
6137 }
6138
6139 .tab-content{
6140   margin-right: 20px;
6141   /* background-color: #006496; */
6142   color: rgb(0, 0, 0);
6143 }
6144
6145 .stdForm{
6146   margin-left: 20px;
6147 }
6148
6149 .field-group {
6150   position: relative;
6151   display: block;
6152 }
6153
6154 label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
6155   margin-top: 5px;
6156 }
6157
6158 textarea {
6159   display: block;
6160   width: 400px;
6161
6162   margin: 0px;
6163 }
6164
6165
6166
6167 .webform-component-my-select select {
6168   height: 200px;
6169 }
6170
6171 .checkbox .skin {
6172   background-color: #fff;
6173   border: 1px solid #d2d2d2;
6174   border-radius: 3px;
6175   display: inline-block;
6176   height: 24px;
6177   width: 24px;
6178   position: absolute;
6179   left: 0;
6180   top: 0;
6181 }
6182
6183 i, em {
6184   font-family: "Omnes-ECOMP-W02-Italic", Arial;
6185   font-style: normal;
6186 }
6187
6188
6189
6190 .card{
6191   border-radius: 5px;
6192 }
6193
6194 .card-header{
6195   height: 50px;
6196 }
6197
6198 .card-body{
6199   height: 150px;
6200 }
6201
6202 .card-footer{
6203   height: 50px;
6204 }
6205
6206 .dialog__close-btn {
6207   border: 0;
6208   background: #087ac2;
6209   color: #ffffff;
6210   position: absolute;
6211   top: 8px;
6212   right: 8px;
6213   font-size: 1.2em;
6214   display: block;
6215   border: #087ac2 2px solid;
6216 }
6217
6218 .modalTitle{
6219     font-size: 35px;
6220 }
6221
6222
6223 .full-width-table {
6224   width: 100%;
6225 }
6226
6227
6228 .app-data-table {
6229   margin-top: 80px;
6230   /* margin-left: 250px;
6231   margin-right: 250px; */
6232   /* overflow: scroll; */
6233 }
6234
6235 .app-data-table1 {
6236   margin-left: 150px;
6237   margin-right: 150px;
6238 }
6239
6240
6241 .card{
6242   border-radius: 5px;
6243
6244 }
6245
6246 .card-header{
6247   height: 50px;
6248 }
6249
6250 .card-body{
6251   height: 150px;
6252 }
6253
6254 .card-footer{
6255   height: 50px;
6256   margin-right: 10px;
6257 }
6258
6259 .dialog__close-btn {
6260   border: 0;
6261   background: #087ac2;
6262   color: #ffffff;
6263   position: absolute;
6264   top: 8px;
6265   right: 8px;
6266   font-size: 1.2em;
6267   display: block;
6268   border: #087ac2 2px solid;
6269 }
6270
6271 .modalTitle{
6272     font-size: 35px;
6273 }
6274
6275 table, tr, td, th {
6276   border: 0;
6277 }
6278
6279 td{
6280   height: 5px;
6281 }
6282
6283 .edit-group{
6284         margin-left: 10%;
6285 }
6286
6287 .center{
6288     margin: auto;
6289     width: 50%;
6290 }