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