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

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