rulemgt-frontend/src/assets/framework/browser/style/b2b-angular.css

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