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

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