1 /*! b2b-angular-library - v1.0.1 - Last updated: 2017-03-02. Copyright (c) 2016 AT&T Services, Inc. */
\r
2 .b2b-horizontal-table {
\r
5 .b2b-horizontal-table ::-webkit-scrollbar {
\r
7 .b2b-horizontal-table ::-webkit-scrollbar-thumb {
\r
9 border-radius: 5px; }
\r
10 .b2b-horizontal-table .b2b-horizontal-table-inner-container {
\r
12 padding-left: 150px;
\r
13 overflow-x: scroll; }
\r
14 .b2b-horizontal-table th:first-child {
\r
15 background-color: #FFFFFF; }
\r
16 .b2b-horizontal-table td:first-child {
\r
17 background-color: #FFFFFF;
\r
18 border-top: 1px solid #cccccc;
\r
19 border-right: 1px solid #cccccc;
\r
20 margin-top: -0.5px; }
\r
21 .b2b-horizontal-table tr th:nth-child(2), .b2b-horizontal-table tr td:nth-child(2) {
\r
22 border-left: none; }
\r
23 .b2b-horizontal-table .b2b-horizontal-table-column-info {
\r
25 text-align: center; }
\r
26 .b2b-horizontal-table .b2b-horizontal-table-arrows .btn-arrow:hover, .b2b-horizontal-table .b2b-horizontal-table-arrows .btn-arrow:focus {
\r
27 text-decoration: none; }
\r
28 .b2b-horizontal-table .b2b-horizontal-table-arrows .left {
\r
32 .b2b-horizontal-table .b2b-horizontal-table-arrows .left[disabled] {
\r
34 cursor: not-allowed; }
\r
35 .b2b-horizontal-table .b2b-horizontal-table-arrows .right {
\r
40 .b2b-horizontal-table .b2b-horizontal-table-arrows .right[disabled] {
\r
42 cursor: not-allowed; }
\r
43 .b2b-horizontal-table .b2b-horizontal-table-arrows .right.btn-arrow .btn {
\r
45 margin-left: 10px; }
\r
47 @-moz-document url-prefix() {
\r
48 .b2b-horizontal-table td:first-child {
\r
49 border-top: none; } }
\r
51 box-sizing: border-box; }
\r
54 -ms-overflow-style: -ms-autohiding-scrollbar;
\r
56 -ms-text-size-adjust: 100%;
\r
57 -webkit-text-size-adjust: 100%;
\r
58 box-sizing: border-box;
\r
59 font: 0.625pc/1.5 sans-serif;
\r
60 text-rendering: optimizeLegibility; }
\r
64 -webkit-overflow-scrolling: touch;
\r
66 position: relative; }
\r
82 outline: thin dotted #191919;
\r
89 vertical-align: top; }
\r
93 display: inline-block; }
\r
101 vertical-align: middle;
\r
103 -ms-interpolation-mode: bicubic; }
\r
106 max-width: inherit !important; }
\r
109 display: inline-block; }
\r
121 vertical-align: middle; }
\r
123 ::-moz-focus-inner {
\r
128 html input[type="button"],
\r
129 input[type="reset"],
\r
130 input[type="submit"] {
\r
131 appearance: button;
\r
137 input[type="button"],
\r
138 input[type="reset"],
\r
139 input[type="submit"],
\r
140 input[type="radio"],
\r
141 input[type="checkbox"] {
\r
144 input[type=search] {
\r
145 -webkit-appearance: textfield; }
\r
147 input[type=search]:-webkit-search-cancel-button,
\r
148 input[type=search]:-webkit-search-decoration {
\r
149 -webkit-appearance: none; }
\r
153 vertical-align: top;
\r
157 -moz-appearance: none;
\r
158 -webkit-appearance: none; }
\r
161 cursor: progress; }
\r
167 background-color: #ffffff;
\r
169 font-family: "Omnes-ECOMP-W02", Arial;
\r
170 /* font-size: 1.6rem;
\r
171 line-height: 2rem;*/
\r
173 position: relative;
\r
175 -moz-osx-font-smoothing: grayscale;
\r
176 -webkit-font-smoothing: antialiased; }
\r
179 font-size: 1.6rem; }
\r
186 display: inline-block;
\r
188 margin: 1px 0 0 7px;
\r
189 vertical-align: middle; }
\r
195 font-family: "Omnes-ECOMP-W02";
\r
196 src: url("fonts/Omnes_ATTW02.eot");
\r
197 src: url("fonts/Omnes_ATTW02.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02.woff") format("woff"), url("fonts/Omnes_ATTW02.ttf") format("truetype");
\r
198 font-weight: normal;
\r
199 font-style: normal; }
\r
202 font-family: "Omnes-ECOMP-W02-Medium";
\r
203 src: url("fonts/Omnes_ATTW02Medium.eot");
\r
204 src: url("fonts/Omnes_ATTW02Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02Medium.woff") format("woff"), url("fonts/Omnes_ATTW02Medium.ttf") format("truetype");
\r
205 font-weight: normal;
\r
206 font-style: normal; }
\r
209 font-family: "Omnes-ECOMP-W02-Italic";
\r
210 src: url("fonts/Omnes_ATTW02Italic.eot");
\r
211 src: url("fonts/Omnes_ATTW02Italic.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02Italic.woff") format("woff"), url("fonts/Omnes_ATTW02Italic.ttf") format("truetype");
\r
212 font-weight: normal;
\r
213 font-style: normal; }
\r
216 font-family: "Omnes-ECOMP-W02-Light";
\r
217 src: url("fonts/Omnes_ATTW02Light.eot");
\r
218 src: url("fonts/Omnes_ATTW02Light.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02Light.woff") format("woff"), url("fonts/Omnes_ATTW02Light.ttf") format("truetype");
\r
219 font-weight: normal;
\r
220 font-style: normal; }
\r
223 font-family: "Omnes-ECOMP-W02-Bold";
\r
224 src: url("fonts/Omnes_ATTW02Bold.eot");
\r
225 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");
\r
226 font-weight: normal;
\r
227 font-style: normal; }
\r
230 font-family: "Omnes-ECOMP-W02-Light-Italic";
\r
231 src: url("fonts/Omnes_ATTW02LightItalic.eot");
\r
232 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");
\r
233 font-weight: normal;
\r
234 font-style: normal; }
\r
237 font-family: "Omnes-ECOMP-W02-Medium-Italic";
\r
238 src: url("fonts/Omnes_ATTW02MediumItalic.eot");
\r
239 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");
\r
240 font-weight: normal;
\r
241 font-style: normal; }
\r
244 font-family: "Omnes-ECOMP-W02-Bold-Italic";
\r
245 src: url("fonts/Omnes_ATTW02BoldItalic.eot");
\r
246 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");
\r
247 font-weight: normal;
\r
248 font-style: normal; }
\r
250 /* TODO: Build a reference page for these classes */
\r
252 font-family: "Omnes-ECOMP-W02", Arial !important; }
\r
255 font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
\r
258 font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
\r
260 .font-light-italic {
\r
261 font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
\r
264 font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
\r
266 .font-medium-italic {
\r
267 font-family: "Omnes-ECOMP-W02-Medium-Italic", Arial !important; }
\r
270 font-style: normal;
\r
271 font-variant: normal;
\r
272 font-weight: normal;
\r
273 text-transform: none; }
\r
276 display: none !important; }
\r
279 display: none !important; }
\r
282 display: none !important; }
\r
285 display: inherit !important; }
\r
292 .row-nowrap:before,
\r
294 .row-nowrap:after {
\r
300 .row-nowrap:after {
\r
304 .row-nowrap:before,
\r
306 .row-nowrap:after {
\r
312 .row-nowrap:after {
\r
319 .row > [class*="span"],
\r
320 .row-nowrap > [class*="span"] {
\r
322 margin-right: 14px;
\r
323 margin-right: 1.40845%\9; }
\r
325 .row > [class*="span"]:last-child,
\r
326 .row-nowrap > [class*="span"]:last-child {
\r
329 .row > [class*="span"].centered,
\r
330 .row-nowrap > [class*="span"].centered {
\r
331 margin-left: auto !important;
\r
332 margin-right: auto !important; }
\r
335 .row-nowrap.no-flex {
\r
338 .row.no-flex > [class*="span"],
\r
339 .row-nowrap.no-flex > [class*="span"] {
\r
340 margin-right: 1.408450704225352%; }
\r
342 .row.no-flex > [class*="span"]:last-child,
\r
343 .row-nowrap.no-flex > [class*="span"]:last-child {
\r
347 .row-nowrap.flex-justify {
\r
348 justify-content: space-between; }
\r
350 .row.flex-justify > [class*="span"],
\r
351 .row-nowrap.flex-justify > [class*="span"] {
\r
354 .row.flex-justify > .flex-col,
\r
355 .row-nowrap.flex-justify > .flex-col {
\r
356 margin-right: 14px;
\r
357 margin-right: 1.40845%\9; }
\r
360 .row-nowrap.flex-wrap {
\r
364 align-items: flex-start; }
\r
366 .align-items-center {
\r
367 align-items: center; }
\r
369 .align-items-bottom {
\r
370 align-items: flex-end; }
\r
373 align-self: flex-start; }
\r
375 .align-self-center {
\r
376 align-self: center; }
\r
378 .align-self-bottom {
\r
379 align-self: flex-end; }
\r
385 vertical-align: top;
\r
387 background-color: #efefef; }
\r
389 .row .fluid-space {
\r
392 vertical-align: top;
\r
394 padding-right: 20px;
\r
397 .row .fixed-230 + .fluid-space {
\r
398 padding-left: 20px;
\r
399 padding-right: 20px; }
\r
401 .row .fluid-space:last-child {
\r
402 padding-right: 0; }
\r
405 width: 7.042253521126761%; }
\r
408 width: 15.49295774647887%; }
\r
411 width: 23.94366197183099%; }
\r
414 width: 32.3943661971831%; }
\r
417 width: 40.84507042253521%; }
\r
420 width: 49.29577464788733%; }
\r
423 width: 57.74647887323944%; }
\r
426 width: 66.19718309859155%; }
\r
429 width: 74.64788732394367%; }
\r
432 width: 83.09859154929578%; }
\r
435 width: 91.54929577464789%; }
\r
441 margin-left: 8.450704225352113%; }
\r
444 margin-left: 16.90140845070423%; }
\r
447 margin-left: 25.35211267605634%; }
\r
450 margin-left: 33.8028169%; }
\r
453 margin-left: 42.25352113%; }
\r
456 margin-left: 50.70422535%; }
\r
459 margin-left: 59.15492958%; }
\r
462 margin-left: 67.6056338%; }
\r
465 margin-left: 76.05633803%; }
\r
468 margin-left: 84.50704225%; }
\r
471 margin-left: 92.95774648%; }
\r
475 text-align: center; }
\r
477 [class*="span"].align-center {
\r
478 margin: 0 auto !important;
\r
481 .align-left .container {
\r
482 padding-left: 0 !important;
\r
483 margin: 0 !important; }
\r
485 /* BEGIN RESPONSIVE-4.LESS ************** */
\r
486 @media (min-width: 1025px) {
\r
487 .row > [class*="span"],
\r
488 .row-nowrap > [class*="span"] {
\r
489 margin-right: 20px;
\r
490 margin-right: 1.487301587301587%\9; }
\r
492 padding-left: 20px;
\r
493 padding-right: 20px;
\r
494 max-width: 1260px; }
\r
495 /* 1col = 6.878306878306879 */
\r
496 /* 1colgutter = 1.587301587301587 */
\r
500 width: 6.878306878306879%; }
\r
502 width: 15.34391534391534%; }
\r
504 width: 23.80952380952381%; }
\r
506 width: 32.27513227513228%; }
\r
508 width: 40.74074074074074%; }
\r
510 width: 49.20634920634921%; }
\r
512 width: 57.67195767195767%; }
\r
514 width: 66.13756613756614%; }
\r
516 width: 74.60317460317461%; }
\r
518 width: 83.06878306878308%; }
\r
520 width: 91.53439153439154%; }
\r
524 margin-left: 8.465608465608466%; }
\r
526 margin-left: 16.93121693121693%; }
\r
528 margin-left: 25.3968253968254%; }
\r
530 margin-left: 33.86243386%; }
\r
532 margin-left: 42.32804233%; }
\r
534 margin-left: 50.79365079%; }
\r
536 margin-left: 59.25925926%; }
\r
538 margin-left: 67.72486772%; }
\r
540 margin-left: 76.19047619%; }
\r
542 margin-left: 84.65608466%; }
\r
544 margin-left: 93.12169312%; }
\r
545 .tooltip-size-control {
\r
546 position: relative;
\r
549 margin-left: 1.40845070422535%; }
\r
551 margin-left: 0; } }
\r
553 /* END RESPONSIVE-4.LESS ****************** */
\r
554 /* BEGIN RESPONSIVE-3.LESS ******************* */
\r
555 @media (min-width: 768px) and (max-width: 1024px) {
\r
557 display: inherit !important; }
\r
559 display: none !important; }
\r
561 display: inherit !important; }
\r
563 display: none !important; }
\r
567 padding-left: 20px;
\r
568 padding-right: 20px; }
\r
572 width: 7.042253521126761%; }
\r
574 width: 15.49295774647887%; }
\r
576 width: 23.94366197183099%; }
\r
578 width: 32.3943661971831%; }
\r
580 width: 40.84507042253521%; }
\r
582 width: 49.29577464788733%; }
\r
584 width: 57.74647887323944%; }
\r
586 width: 66.19718309859155%; }
\r
588 width: 74.64788732394367%; }
\r
590 width: 83.09859154929578%; }
\r
592 width: 91.54929577464789%; }
\r
596 margin-left: 8.450704225352113%; }
\r
598 margin-left: 16.90140845070423%; }
\r
600 margin-left: 25.35211267605634%; }
\r
602 margin-left: 33.8028169%; }
\r
604 margin-left: 42.25352113%; }
\r
606 margin-left: 50.70422535%; }
\r
608 margin-left: 59.15492958%; }
\r
610 margin-left: 67.6056338%; }
\r
612 margin-left: 76.05633803%; }
\r
614 margin-left: 84.50704225%; }
\r
616 margin-left: 92.95774648%; }
\r
617 .tooltip-size-control {
\r
618 position: relative;
\r
621 /* END RESPONSIVE-3.LESS ******************* */
\r
622 /* BEGIN RESPONSIVE-2.LESS *************** */
\r
623 @media (max-width: 767px) {
\r
625 display: inherit !important; }
\r
627 display: none !important; }
\r
629 display: inherit !important; }
\r
631 display: inherit !important; }
\r
633 display: none !important; }
\r
635 display: none !important; }
\r
638 padding-left: 15px;
\r
639 padding-right: 15px; }
\r
640 /*.row{ display:block; }*/
\r
641 .row > [class*="span"] {
\r
648 .row.flex > .flex-col,
\r
649 .row-nowrap.flex > .flex-col {
\r
654 .row .fluid-space {
\r
659 .row .fluid-space + .fixed-230 {
\r
661 .row .fluid-space:last-child {
\r
662 padding-right: 0; }
\r
666 width: 7.042253521126761%; }
\r
668 width: 15.49295774647887%; }
\r
670 width: 23.94366197183099%; }
\r
672 width: 32.3943661971831%; }
\r
674 width: 40.84507042253521%; }
\r
676 width: 49.29577464788733%; }
\r
678 width: 57.74647887323944%; }
\r
680 width: 66.19718309859155%; }
\r
682 width: 74.64788732394367%; }
\r
684 width: 83.09859154929578%; }
\r
686 width: 91.54929577464789%; }
\r
690 margin-left: 8.450704225352113%; }
\r
692 margin-left: 16.90140845070423%; }
\r
694 margin-left: 25.35211267605634%; }
\r
696 margin-left: 33.8028169%; }
\r
698 margin-left: 42.25352113%; }
\r
700 margin-left: 50.70422535%; }
\r
702 margin-left: 59.15492958%; }
\r
704 margin-left: 67.6056338%; }
\r
706 margin-left: 76.05633803%; }
\r
708 margin-left: 84.50704225%; }
\r
710 margin-left: 92.95774648%; }
\r
712 padding: 8px 15px 8px 15px; }
\r
713 .field-group input.input-emphasized[type="search"] + .reset-field:after {
\r
715 .field-group input.input-emphasized[type="search"] + .reset-field {
\r
719 margin-bottom: 30px; }
\r
720 .marquee .blur-overlay {
\r
722 position: absolute;
\r
727 padding: 34px 15px 30px; }
\r
729 margin-top: 30px; }
\r
732 letter-spacing: -0.035px; }
\r
735 line-height: 3.6rem;
\r
736 margin-bottom: 0; }
\r
737 .marquee p:not(.lead) {
\r
738 font-family: "Omnes-ECOMP-W02-Light" , Arial;
\r
740 margin-bottom: 0; }
\r
741 .marquee .btn-fullwidth {
\r
745 .tooltip-size-control {
\r
748 .accordion-table-layout {
\r
749 margin-left: -15px;
\r
750 margin-right: -15px; }
\r
751 .table-wrapper caption {
\r
752 padding-left: 15px; } }
\r
754 @media (max-width: 480px) {
\r
756 width: 7.042253521126761%; }
\r
758 width: 15.49295774647887%; }
\r
760 width: 23.94366197183099%; }
\r
762 width: 32.3943661971831%; }
\r
764 width: 40.84507042253521%; }
\r
766 width: 49.29577464788733%; }
\r
768 width: 57.74647887323944%; }
\r
770 width: 66.19718309859155%; }
\r
772 width: 74.64788732394367%; }
\r
774 width: 83.09859154929578%; }
\r
776 width: 91.54929577464789%; }
\r
780 margin-left: 8.450704225352113%; }
\r
782 margin-left: 16.90140845070423%; }
\r
784 margin-left: 25.35211267605634%; }
\r
786 margin-left: 33.8028169%; }
\r
788 margin-left: 42.25352113%; }
\r
790 margin-left: 50.70422535%; }
\r
792 margin-left: 59.15492958%; }
\r
794 margin-left: 67.6056338%; }
\r
796 margin-left: 76.05633803%; }
\r
798 margin-left: 84.50704225%; }
\r
800 margin-left: 92.95774648%; } }
\r
802 /* END RESPONSIVE-2.LESS ******************* */
\r
803 /* BEGIN RESPONSIVE-1.LESS ************** */
\r
804 .xxxxxxxx-begin-responsive-480px.less {
\r
805 /* placeholder */ }
\r
807 @media (max-width: 480px) {
\r
809 display: inherit !important; }
\r
811 display: inherit !important; }
\r
813 display: none !important; }
\r
815 display: none !important; }
\r
817 display: none !important; }
\r
819 display: inherit !important; }
\r
822 padding-left: 15px;
\r
823 padding-right: 15px; } }
\r
826 font-family: 'icoPrimary';
\r
827 src: url("fonts/icons/icoPrimary.eot?timestamp=@@timestamp");
\r
828 src: url("fonts/icons/icoPrimary.eot?timestamp=@@timestamp#iefix") format("embedded-opentype"), url("data:font/woff2; charset=utf-8;base64,d09GMgABAAAAABD0AAsAAAAAIegAABClAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAfBEICroMr2IBNgIkA4EgC1IABCAFgyoHIBupG1GUj1aB7Gdh7HA7jbPiOgkYNpcuoRGZ37q6G3w0QpLZI9q02bs97HSRw5ogEesTAjElSqy0FGpCCRWzJBXR9DXJiydPX7T+Ip7vq3Pv2mcm2W+ShSugqkVXWVfbquUDpNKMTezCAYKwBVR91VU1+/0yazd3Lg9/AVmoSmRNKGStQEmoXKfLdLXNNyxbs5Yfwc8kTV8FeDfk73Xq+p9zCqBT5NCYYSvusE3/f1mxnmQFWA6RnaJdkoqgAvFKLJdQbnlDXMbO3TvsHZa1ZsvFBqhZqAl6879jOe2lIjbiiEUU6HPz354AaHoI7QMGgDpOXQeAvZtjQTfBi9SwGR2SIFAN8E15bK7/byAvdR15B0eq3dPoY80wQNCRBpSOYaquB+mFOI/OPmQdcg6lDWUMzf2mPPFfIgEMIB8Vhmz3g8Q/IzYiOSH/Lz9muMlr/jtGiCJVD2IyIRDYAKCZgxRuYmymuEdFrlK6KIorkyoV0Jgn91QkTcVrHlnDg0jnUvGnTA92OqstI80g6PVEEm6BJ58mg+OFFJIiZSQJRK/PEoSkZFHIMFiIwSg5iVar1xtzjZI/tyLTWigIQa1DY08zd4EUSVJK8Gz82QyGgCCkMyoZr7IHBBsvEoBwgxx6h+4EV3YeZwzc4W52q6lXGM9evr6oy1gTMmP79l5RTsJBClIq7jrFUaLH1BlHKTeOKPwhzFfAQqrZ2mdSzISbZTdbdQl5bjevMrg6SgcDfJsLwZ/gjUAu7PiWjAuyegyQbSvIRz8KdZreQMHJY91AKf2ArQnUq2M6QdzlV0h1cKvJFCQVXWrjZUR+mfsPuqrSKAw7vXHdA4jIfVYLo4QrFyzwSOWFzqWWIKXKCEE+n6FtUFH2YbuLsSii68GKBu9o6y0RSZVJ6FRPGxY6Wb2FSJub7hiVhvKqc+F2ZtFE3vy1GtWhiilfD6YouogRzzUU9QRuchi1FjSJJgeylOAoWaCMiX6CWJbjEw6CqMHl0OrKXnIfH7FAFHoZV2FPGgcTV4VSp4ELLxaGwcusuFYdvr5GheLQpKy5GMVLTbBdzuKpytLgd8xSTL08wGmaatJUkkztzRHn2w1Xct5RnWGYyhc+auWs9aErust7X2pNknPQ2B2xIlkrnvHaZA1jFaxXrNVb3cXM+hsVaV1EXdc/huV7XRgkZtxMJhCI4mMuecG0QWlOcxNicqGmtL5Yl1MtLdMuJZAYGFr+/P8+gr7e06WKrICOPml5b5Sf7tmW1JdFGrwGUEwBf/ugoV77AoqJkjXmTRyNQO+F45oBx8CweKoOWwPZj+aomITyzIUd5nHykU3h0LJjuvrUF2MQTKJTKF3omb9SMBepKzcOhZBoAWkP8+mKQRI+dD7mrTs3znGe6gr/mwGLt422RgkZnEDSK3zTEJuKNuypY3YIlACmD/E9UiDiW2pRpQFoIgY7UcwtdgFPmOI1KptGbgcZMkRPIREEQT6lN2dwYWs3U1lqLIorlivL7I4rN2oukpq/qu/QZiikJ5jZH+SjMMi4EXhLg9b7QhPFhFjkFki1i1pl8SNzSoZkDACAalthJVIMPBQdXQdiqtHyZrzsHFI1T5Gb6wPe+qNx+crLqRAFgeKxDOFLaukLuRIbl/ourN1HPnsxaSqUSLpJAXWIYs5UHlzOXzuteVtoQ9hau02jSTcwSs6UMVxp7dI8ung189KKGvmmpMtZF8G85uXCLcWOprejUii+ko1h/AYKs28W8lVRxlHzLI3XJYBelGiLoBBX01ilMCJwScYKsWmLVkmq3hLYezFPsXpoGkVE5aRiCpXBlhyDAsMTY/jqTSxhSLVsMwKRptxYOTg30SKjXESn43ch5IpJaBAUozLiiL05h3Fv0VN2IQVOPehaVXcThJXuuUP07jSi5YgkX2ndValmfTYCjkkCWR8V63ctCjduimfsyJwyXMMi0V6sJBKjXkPZ56wEKGZTEvPG49iM57DV0TwzvaYbajGyUZv0NuTSsnNYBdvKsVZ80SobcaqLo+xtycdXWB+FcsLCVjAcE0eYu6bcbIAxp3N1M+GWLWpksrCjNS5NMpa365lnKZz9bAw3TUuws386w6Zoq20INqiI5w/boj3XHG9/C3MNubDPWsPY/O5u09KaHVOf+vbCgu3+6z5//jc2vXnoO896lqr8R6+f2/+3/Id9t16NzQwm4gf+PncKN87cnnbF+sZXu3+sH5hdu8N1wRwqX6mdkxYu6pw+sW2997RlbPcH0/ZmTC8raJhvqPKYLvXHRhWudJ1Liu64Nz1W8PzkrZp6Z9LWpSP6fa/kdETO32qo9piy5EebyrZ4nnduD+7TLUhvKr613OaZIfbAshG9RfHkhuZOayS3tCbN4lZQQOUt7CEYG95Y7LrV1nEsHErjtvc7U3FsAU4PVnTl3GUMT+i0jMk+bNV9k3a984q/YP+GVL9/c+pBVZ7Gvrd4a81CErT+ojV89xV8dPwpYSkhdeQFsbU/BImq2YOBHTsCg7NnF7Smp9Vs1IHiwstT7vCvX+e/c8oU/x3r1t/pJwZ5vcwDM5Q4XaliSPRz3lVO0/posZkkb11CSuJ1weOcUyd/YPjR8IEMNpzXWqe+plZfVyty0Ta+hbOS+4Pf5+eQB1TkesscVVylVfWpwqpeIo+ZoNBXpr+m7+D83+FFaR3pYBNKfmNFtoNLqD+VsMNrGbzE/1kJMbia6E+rDmfQxMiOnos7MBPGczniMTmEC0RIN5G5tSsIWTFMdU1VqI6Xpri6VYdDOJypzNwIhQfQq/IHhgEY5LaybdyPNqvkJkJV6tvK2iyFAwbOgV9Wx9VnSraqrlGptkLhKMtVKSz+URWSxvuO4w5c+ZoW+nHfeEuEP8SwJA1THlNe7bQ/rsYFBzQfaIpwlKlCcBEi6ADB/HoNDjMowhoPzicj9C72LEWiQtTTeZbsSH8kbccSNEkpuNMeSQ9V0ZlhnvATXeK1XMiOLlVcNbkokdXLjVbLbcF2Y2BnWSxWtjMQKN8Jesoj7q5ySmoZhELhgawx451aHRErl0sOS5WjK7SR/70L9DPSJxQFHJCod5eSp4TGVrqNha981GKj7l0W2QAYb4DIgf7MRzL6D3oWg0RR8Hob0w/2ZzyS2Y+CrO0HbWQjILQRItofbI/YPtamLAOeQjAgH0d4IjtMVhCykoSZ7YHKsCquropUYZpZHT90yiY4+ECT4RefbRyPNykYkPewzh5K73tqrO/kkiUnfWPHCirpaTkWfa3vxypHHMydVDyqsTnYNtppK0W+fwozn7eXbcxSxhQIuIX6Wr1GH9Sr9SEi9YvM8YU/+8jIKk8QNbnTIquTCzti6ZyeS491FCYtiZvjFpYTzJp41vJp4J6lULO3NnWBM700r7aqrZmaIBZaBzeGbWVzV84YVf1EU853ybe8b7QojW6d5HDbeafdSdEgB2+32+D3NRpj54fZLwvC99mVzccCu8LEiqxx2YNZWEaH0/677E86jRpT8it4PjlV+Mu6J0Vh144nfrg77dq1wLWe/Y6994T//mvZWSjZN5H8ePVdv36Wwf/u1Y8JAkAIsBKbl47Ll9++2wzmu9/e9HFLzbIYIO41PbOPPMdEOCU/3Sg9a3bX57+hFtVv1NVXWUINujqdSpevU+q862up1UEROWGr63KbvtWcZYFjgd1WQeQIQKfv/fRKVdLxpCkCVlC7aAVO2p58udqwMfsljBIv7tt1UNKjATlYVfE1pmhKf10H3qktgGC/kYk6imEfAALQvGuq/BZoxCaUw2EsjWDQX9RTmMJJxqqDJLXLkXA4UU8z1DHto99cmRs9NvfsBpBnVCcfwc3xBfAZHKQp6yrHAetqau7Y/3qvEfPOzguH15gjv45zhAYoTAEAlYrW3iuxRcuBeAgAUCkE0ttVJq/ZnGKiMV2qMXtN5OxaIKljlsAszEVLJyYof/m8/L/cdcydFqyuDKfkeZiudqlBdxIAGK4b9JUNAEBS0cjW0hKqLzrGGiOnh3KQ/zP+avzv3uyVqkr6jqEERzETpZddeWYZuMFzMCckS8bWU8OdbYMBh8s10jG433q4j128fIas0f1p8rkb6jweLnX7OtuL+kpGBcrKgoESn9SsUvR4Pc0KX6atPtKUnJ3lTw6Sw8xTjUZQsArReKdhKA8Z9axQK95JCQIbf6d4dVoFXum8/L+RPeZOzU+iJ4+kzV/xyvj1IhSXlObJifEYeN2dxp+mD3oyxtTWTEjLz2e60vNVeAbz3vOiChblVxi/NFbko0rPy+6g473UEa6BhoHqSRNqfVRa3Zz9L9FcPLKtpDTQVjywaMCVMuJm0JFLXsOki3ypXQ70cBq6yXYAgEmkm0C6ZmZzjMlyCROr6iq6K1Zs7MovYVA47f9pWVit40j6vHVwGk/4uay9spjYHWVCzCIMeS7ceBFT4sNoRzwPXw8b/4KIjNR2D+hitbmpNR9o86D4fgvE4DgMWLpa1aARLEtHarsBwkeHS20xkbBYWCwsnsd7PCixPw2A8gwfyq3D5A8Mhu/kYWNu5IP+rfKHhvF4EcYMAOT+kX3gyOjgct+RvgW99/bc+9z5vp4+wyP3Htnx8PupRCcPPCfxIznC8Yh7PMBL3FtWTrcBOMK32gxsKw22MVvMd9ga1ZzZ3+N2thOtW3R/Z88Do5MDPzmEW/zAvoN37evbJ++7d9+F3fLaiznEQ/7Gp5K2Jw8OmgJasSIPEpK3UzRDYiWL8KxtIc2veoLtVb+vYS8K+/MXt7erb7Bu9U2WvS5eavPNPl/Fq+ol0Tlzoxnq1WS5trnU5LReMjlMTxQvdmm411KfpVyhbFzALMcLnn7llvEH1e+z6sfZCer3QJ4ozNngqVQ8oPAiWV332kDBUz0DlqjlkpUniltC1ktm3OZRj7ZDe4nEtHFtjFw6J46fLsQdzCbqh5kOvOkqu3czy/E2vJzB8xBjE47hSeAQUDQ+NIIJJHcgc33JO5go3T5nbvdKNih/LyMcY/AKjIRcPkhVk/UiuI5Kobe/Wfmb29tOdK4Y3xGNAZo99oRLIycsxqF/53E//4rOrZ7IcyUrz1zamdx7l22wa9VPbTt/+3RpwS7XGPXTfznuQ4seHl/I1Bfh7v704h7DbJ1YrZ9fk1Cjh89vud1+e6Dn9oLND1k2nyGb15Py4uQHm/bPPjd6TvWE86Nnb7oWF5eHKmfisSDQBo638MeOe4u9vwwNv3pLvPs/SCLXK3U61/uidPwYDwAaoAEAXk1sFTnoJryR2CFc6H1YnqgROygXnEj8QI9B6wABAAJ4aV5G3xSx/DcViwEA4HX9bwcnNv8/hYF6CgBUCoBj8/ctSgEwLfAaYK1MjKj3JKNalv6Np+hn6IVTECHLyhCO9gGOC0EIQwCL8Cq+AZgJs8mkBPDCFHwJcAOWw3x4DAZhFkRgrBZK8p8ApGFPeAVEoOa7qxHgnjy5EWikZwYFSliTQYMGqgAL+zIYYCE5QwEamBTUgAXu+SEdYXWNHjSQQYEAm5G2CX7EEE5kMCBDFiogxGbRQD5cnhVZ8IcXEWAWRGABBGDxrs+DaZm26jMzoXkuN4Qh+sQlDhpwMeaDHfLABW7SRUiQ/qzjCjAKohCDZTA3bBHS848Uz/MxDNlf8H9qtgQaVMKluR6D6M4VxWl3PQozoE+HVbPq54ZtzPEO3AU0bAAAAAA=") 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");
\r
829 font-weight: normal;
\r
830 font-style: normal; }
\r
832 [class*="icon-primary-"],
\r
833 .nav-links a:after,
\r
834 .bellyband-link a:after,
\r
835 .breadcrumb > li:after,
\r
836 .checkbox input:checked + .skin:after,
\r
837 .checkbox input.indeterminate + .skin:after,
\r
838 .checkbox input:indeterminate + .skin:after,
\r
839 .selectWrap.large:before,
\r
840 .form-row.error .error-msg:before,
\r
842 .reset-field:before,
\r
843 .cssIcon-globe:before,
\r
844 .selectWrap:after {
\r
846 display: inline-block;
\r
847 font-family: 'icoPrimary' !important;
\r
848 font-style: normal;
\r
850 font-weight: normal;
\r
851 font-variant: normal;
\r
854 text-transform: none;
\r
856 -webkit-font-smoothing: antialiased;
\r
857 -moz-osx-font-smoothing: grayscale;
\r
858 position: relative;
\r
860 -webkit-user-select: none;
\r
861 -moz-user-select: none;
\r
862 -ms-user-select: none;
\r
864 vertical-align: middle;
\r
867 [class*="icon-primary-"]:before,
\r
868 [class*="icon-primary-"]:after {
\r
869 box-sizing: border-box;
\r
870 display: inline-block;
\r
873 position: relative;
\r
876 vertical-align: middle;
\r
879 .icon-primary-att-globe:before,
\r
880 .cssIcon-globe:before {
\r
884 .icon-primary-hamburger:before {
\r
885 content: "\e903"; }
\r
887 .icon-primary-secure:before {
\r
888 content: "\e918"; }
\r
890 .icon-primary-secureL:before {
\r
891 content: "\e919"; }
\r
893 .icon-primary-padlockopen:before {
\r
894 content: "\e916"; }
\r
896 .icon-primary-padlockopenL:before {
\r
897 content: "\e917"; }
\r
899 .icon-primary-shoppingcart:before {
\r
900 content: "\e914"; }
\r
902 .icon-primary-shoppingcartL:before {
\r
903 content: "\e915"; }
\r
905 .icon-primary-print:before {
\r
906 content: "\e921"; }
\r
908 .icon-primary-printL:before {
\r
909 content: "\e922"; }
\r
911 .icon-primary-mobilesmartphone:before {
\r
912 content: "\e908"; }
\r
914 .icon-primary-mobilesmartphoneL:before {
\r
915 content: "\e90c"; }
\r
917 .icon-primary-tablet:before {
\r
918 content: "\e904"; }
\r
920 .icon-primary-tabletL:before {
\r
921 content: "\e905"; }
\r
923 .icon-primary-tv:before {
\r
924 content: "\e906"; }
\r
926 .icon-primary-tvL:before {
\r
927 content: "\e907"; }
\r
929 .icon-primary-calendar {
\r
930 width: 100% !important; }
\r
932 .icon-primary-calendar:before {
\r
936 .icon-primary-calendarL:before {
\r
937 content: "\e91b"; }
\r
939 .icon-primary-star:before {
\r
940 content: "\e96c"; }
\r
942 .icon-primary-close:before,
\r
944 .reset-field:before {
\r
945 content: "\e910"; }
\r
947 .icon-primary-down:before {
\r
948 content: "\ea3c"; }
\r
950 .checkbox input.indeterminate + .skin:after,
\r
951 .icon-primary-subtractminimize:before {
\r
952 content: "\e920"; }
\r
954 .icon-primary-add-maximize:before {
\r
955 content: "\e91f"; }
\r
957 .icon-primary-check:before,
\r
958 .checkbox input:checked + .skin:after {
\r
959 content: "\e912"; }
\r
961 .icon-primary-questionmark:before {
\r
962 content: "\e90f"; }
\r
964 .icon-primary-badgealert:before,
\r
965 .form-row.error .error-msg:before {
\r
966 content: "\e90e"; }
\r
968 .icon-primary-approval:before {
\r
969 content: "\e925"; }
\r
971 .icon-primary-flat-info:before {
\r
972 content: "\e927"; }
\r
974 .icon-primary-alert:before {
\r
975 content: "\e913"; }
\r
977 .icon-primary-tooltip:before,
\r
978 .icon-primary-flat-faq:before {
\r
979 content: "\e90d"; }
\r
981 .icon-primary-tooltip {
\r
984 .nav-links a:after,
\r
985 .bellyband-link a:after,
\r
986 .breadcrumb > li:after,
\r
987 .icon-primary-right:before {
\r
989 transform: rotate(-90deg); }
\r
991 .icon-primary-left:before {
\r
993 transform: rotate(90deg); }
\r
995 .icon-primary-accordion-plus:after,
\r
996 .icon-primary-collapsed:after,
\r
997 .icon-primary-accordion-minus:after,
\r
998 .icon-primary-expanded:after {
\r
1000 position: absolute;
\r
1004 .icon-primary-accordion-minus,
\r
1005 .icon-primary-expanded,
\r
1006 .icon-primary-accordion-plus,
\r
1007 .icon-primary-collapsed {
\r
1008 font-size: 20px !important; }
\r
1010 :not(.ds2-no-colors) .icon-primary-accordion-minus:before,
\r
1011 :not(.ds2-no-colors) .icon-primary-expanded:before {
\r
1012 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");
\r
1015 :not(.ds2-no-colors) .icon-primary-accordion-plus:before,
\r
1016 :not(.ds2-no-colors) .icon-primary-collapsed:before {
\r
1017 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");
\r
1020 .ds2-no-colors .icon-primary-accordion-minus:before,
\r
1021 .ds2-no-colors .icon-primary-expanded:before {
\r
1022 background-image: none;
\r
1023 content: "\e901"; }
\r
1025 .ds2-no-colors .icon-primary-accordion-minus:after,
\r
1026 .ds2-no-colors .icon-primary-expanded:after {
\r
1027 content: "\e902"; }
\r
1029 .ds2-no-colors .icon-primary-accordion-plus:before,
\r
1030 .ds2-no-colors .icon-primary-collapsed:before {
\r
1031 background-image: none;
\r
1032 content: "\e90b"; }
\r
1034 .ds2-no-colors .icon-primary-accordion-plus:after,
\r
1035 .ds2-no-colors .icon-primary-collapsed:after {
\r
1036 content: "\e911"; }
\r
1038 .icon-primary-circle-arrow {
\r
1039 outline: 1px solid transparent;
\r
1040 border-radius: 50%;
\r
1041 font-size: 20px !important;
\r
1042 background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
\r
1043 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
\r
1044 margin-right: 7px; }
\r
1046 .icon-primary-circle-arrow:after {
\r
1047 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");
\r
1049 position: absolute;
\r
1053 .icon-primary-circle-arrow:before {
\r
1054 border-radius: 50%;
\r
1058 position: absolute;
\r
1059 transform: rotate(-90deg);
\r
1063 [class*="icon-primary-"] [class*="icon-primary-"] {
\r
1064 display: inline-block;
\r
1067 margin-left: -1em;
\r
1068 position: absolute; }
\r
1070 [class*="icon-primary-"].white {
\r
1073 [class*="icon-primary-"].black {
\r
1076 [class*="icon-primary-"].blue {
\r
1079 [class*="icon-primary-"].green {
\r
1082 @-webkit-viewport {
\r
1083 width: device-width; }
\r
1086 width: device-width; }
\r
1089 width: device-width; }
\r
1092 width: device-width; }
\r
1095 width: device-width; }
\r
1107 float: right !important; }
\r
1110 float: left !important; }
\r
1112 .float-children-left:before,
\r
1113 .float-children-left:after {
\r
1118 .float-children-left:after {
\r
1121 .float-children-left > div {
\r
1123 white-space: nowrap; }
\r
1126 display: block !important; }
\r
1129 display: inline !important; }
\r
1132 display: inline-block !important; }
\r
1135 display: table-cell !important;
\r
1137 vertical-align: middle; }
\r
1139 @media (max-width: 767px) {
\r
1142 margin-left: -15px;
\r
1143 margin-right: -15px;
\r
1144 padding: 15px; } }
\r
1146 @media (min-width: 768px) {
\r
1149 margin-left: -20px;
\r
1150 margin-right: -20px;
\r
1151 padding: 20px; } }
\r
1153 @media (max-width: 480px) {
\r
1156 margin-left: -15px;
\r
1157 margin-right: -15px;
\r
1158 padding: 0 15px; } }
\r
1162 filter: alpha(opacity=0);
\r
1163 transition: opacity .15s linear; }
\r
1167 filter: alpha(opacity=100); }
\r
1176 white-space: nowrap; }
\r
1179 white-space: pre; }
\r
1182 border: 0 none !important;
\r
1183 clip: rect(0px, 0px, 0px, 0px) !important;
\r
1184 height: 1px !important;
\r
1185 letter-spacing: 0;
\r
1187 overflow: hidden !important;
\r
1189 padding: 0 !important;
\r
1190 position: absolute !important;
\r
1191 width: 1px !important; }
\r
1193 [data-sr-text].hidden-spoken:before {
\r
1194 border: 0 none !important;
\r
1195 content: attr(data-sr-text);
\r
1196 clip: rect(0px, 0px, 0px, 0px) !important;
\r
1197 height: 1px !important;
\r
1198 letter-spacing: 0;
\r
1200 overflow: hidden !important;
\r
1201 padding: 0 !important;
\r
1202 position: absolute !important;
\r
1203 width: 100% !important;
\r
1206 [data-sr-text].hidden-spoken {
\r
1207 position: relative !important;
\r
1208 width: auto !important; }
\r
1210 [data-show-between] {
\r
1212 visibility: hidden; }
\r
1215 overflow-y: hidden !important; }
\r
1218 visibility: hidden !important;
\r
1219 opacity: 0 !important; }
\r
1222 background-color: rgba(255, 255, 255, 0) !important; }
\r
1225 display: none !important; }
\r
1228 display: block !important; }
\r
1231 position: relative !important; }
\r
1234 padding: 0 15px; }
\r
1237 border-top-width: 1px !important; }
\r
1240 border-left-width: 1px !important; }
\r
1243 border-right-width: 1px !important; }
\r
1246 border-bottom-width: 1px !important; }
\r
1249 border-color: #000; }
\r
1252 border-color: #fff; }
\r
1255 border-top-width: 0 !important; }
\r
1258 border-left-width: 0 !important; }
\r
1260 .no-border-right {
\r
1261 border-right-width: 0 !important; }
\r
1263 .no-border-bottom {
\r
1264 border-bottom-width: 0 !important; }
\r
1267 margin: 0 auto !important; }
\r
1270 position: absolute;
\r
1274 position: absolute;
\r
1278 vertical-align: top !important; }
\r
1281 vertical-align: middle !important; }
\r
1284 vertical-align: bottom !important; }
\r
1286 .align-children-middle > * {
\r
1289 [class*="valign-children-"] {
\r
1292 [class*="valign-children-"] > * {
\r
1293 display: table-cell; }
\r
1295 .valign-children-top > * {
\r
1296 vertical-align: top; }
\r
1298 .valign-children-middle > * {
\r
1299 vertical-align: middle; }
\r
1301 .valign-children-bottom > * {
\r
1302 vertical-align: bottom; }
\r
1305 padding: 0 !important; }
\r
1308 margin-top: 60px !important; }
\r
1311 margin-bottom: 60px !important; }
\r
1314 padding-top: 60px !important; }
\r
1317 padding-bottom: 60px !important; }
\r
1319 @media (max-width: 767px) {
\r
1321 margin-top: 30px !important; }
\r
1323 margin-bottom: 30px !important; }
\r
1325 padding-top: 30px !important; }
\r
1327 padding-bottom: 30px !important; } }
\r
1330 position: fixed; }
\r
1334 position: relative; }
\r
1336 @media (orientation: landscape) {
\r
1340 display: none !important; } }
\r
1342 @media (orientation: portrait) {
\r
1344 display: none !important; }
\r
1346 display: block; } }
\r
1349 background-color: #222222; }
\r
1351 /* ... JAVASCRIPT HOOKS .................
\r
1352 ... used by javascript ............... */
\r
1355 position: relative; }
\r
1358 white-space: nowrap;
\r
1360 text-overflow: ellipsis; }
\r
1363 color: #5a5a5a !important; }
\r
1365 .jshook-return-focus-here {
\r
1369 display: none !important; }
\r
1372 display: inherit !important; }
\r
1376 display: inherit !important; }
\r
1378 display: none !important; }
\r
1380 color: #000 !important;
\r
1381 background: transparent !important;
\r
1382 box-shadow: none !important; }
\r
1385 text-decoration: underline; }
\r
1388 border: 1px solid #000;
\r
1389 page-break-inside: avoid; }
\r
1391 display: table-header-group; }
\r
1394 page-break-inside: avoid; }
\r
1396 max-width: 100% !important; }
\r
1406 page-break-after: avoid; } }
\r
1409 margin-top: 0px; }
\r
1412 margin-top: 30px; }
\r
1415 outline: thin dotted #191919; }
\r
1423 font-weight: normal;
\r
1424 text-rendering: optimizeLegibility;
\r
1429 font-size: 3.8rem !important;
\r
1430 font-family: "Omnes-ECOMP-W02-Light", Arial;
\r
1431 margin-bottom: 40px; }
\r
1433 .heading-major-section {
\r
1434 font-size: 3rem !important;
\r
1435 font-family: "Omnes-ECOMP-W02-Light" , Arial;
\r
1436 margin-bottom: 40px !important; }
\r
1438 .heading-sub-section {
\r
1439 font-size: 2.4rem !important;
\r
1440 font-family: "Omnes-ECOMP-W02", Arial;
\r
1441 margin-bottom: 40px; }
\r
1444 font-size: 2rem !important;
\r
1445 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
1447 margin-bottom: 20px !important; }
\r
1450 font-size: 2rem !important;
\r
1451 font-family: "Omnes-ECOMP-W02", Arial;
\r
1452 margin-bottom: 20px; }
\r
1454 .heading-medium-emphasis {
\r
1455 font-size: 2rem !important;
\r
1456 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
1457 margin-bottom: 20px; }
\r
1460 font-size: 1.8rem !important;
\r
1461 font-family: "Omnes-ECOMP-W02", Arial;
\r
1462 margin-bottom: 20px; }
\r
1464 .heading-small-emphasis {
\r
1465 font-size: 1.8rem !important;
\r
1466 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
1467 margin-bottom: 20px; }
\r
1470 font-size: 1.3rem !important;
\r
1471 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
1472 text-transform: uppercase;
\r
1474 margin-bottom: 10px; }
\r
1476 * + .heading-major-section {
\r
1477 margin-top: 60px; }
\r
1479 * + .heading-sub-section {
\r
1480 margin-top: 60px; }
\r
1482 * + .heading-group {
\r
1483 margin-top: 40px !important; }
\r
1485 * + .heading-medium {
\r
1486 margin-top: 40px; }
\r
1488 * + .heading-medium-emphasis {
\r
1489 margin-top: 40px; }
\r
1491 * + .heading-small {
\r
1492 margin-top: 40px; }
\r
1494 * + .heading-small-emphasis {
\r
1495 margin-top: 40px; }
\r
1497 * + .heading-micro {
\r
1498 margin-top: 20px; }
\r
1502 font-family: "Omnes-ECOMP-W02-Light-Italic", Arial;
\r
1503 font-size: 2.4rem;
\r
1504 line-height: 2.8rem;
\r
1506 letter-spacing: -0.024rem; }
\r
1509 text-transform: uppercase;
\r
1510 line-height: .65 !important; }
\r
1514 font-size: 1.4rem !important;
\r
1515 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
1518 .eyebrow + .heading-major-section,
\r
1519 .eyebrow + .heading-sub-section {
\r
1520 margin-top: 4px; }
\r
1523 margin-top: 10px; }
\r
1525 @media (max-width: 767px) {
\r
1534 font-family: "Omnes-ECOMP-W02", Arial;
\r
1535 margin-bottom: 30px; }
\r
1536 .heading-major-section {
\r
1538 font-family: "Omnes-ECOMP-W02", Arial;
\r
1539 margin-bottom: 30px; }
\r
1540 .heading-sub-section {
\r
1542 font-family: "Omnes-ECOMP-W02", Arial;
\r
1543 margin-bottom: 20px; }
\r
1546 font-family: "Omnes-ECOMP-W02", Arial;
\r
1547 margin-bottom: 20px; }
\r
1548 .heading-medium-emphasis {
\r
1550 font-family: "Omnes-ECOMP-W02", Arial;
\r
1551 margin-bottom: 20px; }
\r
1553 font-size: 1.6rem;
\r
1554 font-family: "Omnes-ECOMP-W02", Arial;
\r
1555 margin-bottom: 10px; }
\r
1556 .heading-small-emphasis {
\r
1557 font-size: 1.6rem;
\r
1558 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
1559 margin-bottom: 5px; }
\r
1560 * + .heading-major-section {
\r
1561 margin-top: 30px; }
\r
1562 * + .heading-sub-section {
\r
1563 margin-top: 30px; }
\r
1564 * + .heading-group {
\r
1565 margin-top: 20px; }
\r
1566 * + .heading-medium {
\r
1567 margin-top: 20px; }
\r
1568 * + .heading-medium-emphasis {
\r
1569 margin-top: 20px; }
\r
1570 * + .heading-small {
\r
1571 margin-top: 20px; }
\r
1572 * + .heading-small-emphasis {
\r
1573 margin-top: 20px; }
\r
1574 * + .heading-micro {
\r
1575 margin-top: 10px; } }
\r
1577 /* Standard Type styles */
\r
1579 margin: 0 !important; }
\r
1583 text-decoration: none; }
\r
1587 text-decoration: underline; }
\r
1593 font-size: 12px; }
\r
1596 font-size: 14px; }
\r
1599 font-size: 18px; }
\r
1601 a.show-qualifier {
\r
1602 margin-right: 25px;
\r
1603 position: relative; }
\r
1605 a.show-qualifier:after {
\r
1607 display: inline-block;
\r
1608 white-space: pre !important; }
\r
1610 a[href$="pdf"].show-qualifier:after,
\r
1611 a.show-qualifier.pdf:after {
\r
1612 content: " (PDF)"; }
\r
1614 a[href$="psd"].show-qualifier:after,
\r
1615 a.show-qualifier.psd:after {
\r
1616 content: " (PSD)"; }
\r
1618 .standalone-link {
\r
1621 /* 20px for the icon, 10px left of icon */
\r
1622 .standalone-link.small {
\r
1623 font-size: 1.4rem; }
\r
1625 .standalone-link.small i[class*="icon-primary-"] {
\r
1629 .standalone-link.large {
\r
1630 font-size: 1.8rem; }
\r
1632 .standalone-link.large i[class*="icon-primary-"] {
\r
1637 margin: 0 0 12px 0;
\r
1638 line-height: 2rem; }
\r
1641 font-size: 1.4rem;
\r
1642 line-height: 1.8rem; }
\r
1645 margin: 10px 0 0; }
\r
1648 font-size: 1.2rem;
\r
1649 line-height: 1.5rem; }
\r
1652 margin: 10px 0 0; }
\r
1655 font-size: 1.8rem; }
\r
1658 margin: 10px 0 0; }
\r
1662 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
1663 font-weight: normal; }
\r
1667 font-family: "Omnes-ECOMP-W02-Italic", Arial;
\r
1668 font-style: normal; }
\r
1671 text-decoration: line-through; }
\r
1674 display: inline-block;
\r
1675 font-style: normal;
\r
1677 position: relative;
\r
1678 vertical-align: text-top;
\r
1683 font-size: 1.1rem;
\r
1684 line-height: 1.5rem;
\r
1685 margin: 0 0 10px; }
\r
1687 .text-legal.legal-module {
\r
1688 line-height: 1.3rem;
\r
1689 margin: 0 0 12px; }
\r
1692 .text-legal strong {
\r
1693 font-weight: bold; }
\r
1696 font-family: "Omnes-ECOMP-W02-Medium", Arial; }
\r
1699 text-align: left !important; }
\r
1702 text-align: right !important; }
\r
1705 text-align: center !important; }
\r
1708 text-align: justify !important; }
\r
1713 list-style: none; }
\r
1721 margin: 12px 0 0 20px; }
\r
1725 ul.lower-alpha li,
\r
1726 ul.lower-roman li,
\r
1728 padding-left: 15px;
\r
1729 line-height: 20px;
\r
1730 position: relative; }
\r
1732 ul.bullet li + li,
\r
1733 ul.no-bullet li + li,
\r
1734 ul.lower-alpha li + li,
\r
1735 ul.lower-roman li + li,
\r
1737 margin-top: 12px; }
\r
1739 ul.bullet > li:before,
\r
1740 ul.no-bullet > li:before,
\r
1741 ul.lower-alpha > li:before,
\r
1742 ul.lower-roman > li:before,
\r
1744 background-color: #333333;
\r
1745 border: 2px solid #333333;
\r
1746 border-radius: 100%;
\r
1751 position: absolute;
\r
1757 ul.lower-alpha ul,
\r
1758 ul.lower-roman ul,
\r
1762 ul.lower-alpha ol,
\r
1763 ul.lower-roman ol,
\r
1765 margin-top: 12px; }
\r
1769 margin-top: 20px; }
\r
1776 ul.no-bullet > li,
\r
1777 ul.lower-alpha > li,
\r
1778 ul.lower-roman > li {
\r
1779 padding-left: 0; }
\r
1781 ul.no-bullet > li:before,
\r
1782 ul.lower-alpha > li:before,
\r
1783 ul.lower-roman > li:before {
\r
1784 display: none !important; }
\r
1787 margin: 20px 0 0 32px; }
\r
1790 padding-left: 3px; }
\r
1796 margin-left: 25px; }
\r
1799 margin-left: -5px; }
\r
1808 list-style-type: lower-roman;
\r
1810 margin-left: 35px;
\r
1811 margin-bottom: 0; }
\r
1814 list-style-type: lower-alpha;
\r
1816 margin-left: 35px;
\r
1817 margin-bottom: 0; }
\r
1826 display: table-cell; }
\r
1829 background-color: transparent;
\r
1830 background-clip: padding-box;
\r
1831 border: 1px solid transparent;
\r
1832 border-radius: 8px;
\r
1833 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
\r
1835 display: inline-block;
\r
1836 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
1837 font-size: 1.9rem;
\r
1838 font-weight: normal;
\r
1840 margin: 0 7px 10px 0;
\r
1843 padding: 14px 19px 11px 18px;
\r
1844 position: relative;
\r
1845 text-align: center;
\r
1846 vertical-align: middle;
\r
1847 white-space: nowrap;
\r
1848 overflow: hidden; }
\r
1850 outline: 1px dotted #000;
\r
1851 outline-offset: -5px; }
\r
1853 margin-right: 0; }
\r
1854 .btn::-moz-focus-inner {
\r
1857 .btn i[class*="icon-primary-"].icon-primary-small {
\r
1860 .btn i[class*="icon-primary-"].icon-primary-medium {
\r
1863 .btn i[class*="icon-primary-"].icon-primary-large {
\r
1868 vertical-align: middle; }
\r
1870 text-decoration: none; }
\r
1872 .field-group + .btn {
\r
1873 margin-left: 20px; }
\r
1876 border-color: #ea7400 transparent #d16500;
\r
1877 background-color: #ea7400 transparent #d16500;
\r
1878 background: linear-gradient(to bottom, #ea7400 0%, #d16500 100%);
\r
1880 font-family: "Omnes-ECOMP-W02", Arial;
\r
1881 font-weight: bold; }
\r
1882 .btn-primary:hover {
\r
1883 text-decoration: none;
\r
1885 outline-color: #ffffff !important;
\r
1886 background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
\r
1887 .btn-primary:focus {
\r
1888 text-decoration: none;
\r
1890 outline-color: #ffffff !important;
\r
1891 background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
\r
1892 .btn-primary:active {
\r
1893 text-decoration: none;
\r
1895 outline-color: #ffffff !important;
\r
1896 background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
\r
1899 font-family: "Omnes-ECOMP-W02", Arial;
\r
1900 font-size: 1.6rem;
\r
1901 font-weight: normal;
\r
1902 background-color: transparent;
\r
1907 position: relative; }
\r
1908 .btn-arrow:hover {
\r
1909 text-decoration: underline; }
\r
1910 .btn-arrow:hover .btn-primary {
\r
1911 text-decoration: none;
\r
1913 outline-color: #ffffff !important;
\r
1914 background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
\r
1915 .btn-arrow:hover .btn-secondary {
\r
1917 outline-color: #000000 !important;
\r
1918 background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
\r
1919 .btn-arrow:hover .btn-alt {
\r
1921 outline-color: #ffffff !important;
\r
1922 background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
\r
1923 .btn-arrow:hover .btn-specialty {
\r
1925 outline-color: #ffffff !important;
\r
1926 background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
\r
1927 .btn-arrow:focus {
\r
1928 text-decoration: underline;
\r
1929 outline: 1px dotted #666; }
\r
1930 .btn-arrow:focus .btn-primary {
\r
1931 text-decoration: none;
\r
1933 outline-color: #ffffff !important;
\r
1934 background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
\r
1935 .btn-arrow:focus .btn-secondary {
\r
1937 outline-color: #000000 !important;
\r
1938 background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
\r
1939 .btn-arrow:focus .btn-alt {
\r
1941 outline-color: #ffffff !important;
\r
1942 background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
\r
1943 .btn-arrow:focus .btn-specialty {
\r
1945 outline-color: #ffffff !important;
\r
1946 background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
\r
1947 .btn-arrow:active .btn-primary {
\r
1948 text-decoration: none;
\r
1950 outline-color: #ffffff !important;
\r
1951 background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
\r
1952 .btn-arrow:active .btn-secondary {
\r
1954 outline-color: #000000 !important;
\r
1955 background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
\r
1956 .btn-arrow:active .btn-alt {
\r
1958 outline-color: #ffffff !important;
\r
1959 background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
\r
1960 .btn-arrow:active .btn-specialty {
\r
1962 outline-color: #ffffff !important;
\r
1963 background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
\r
1964 .btn-arrow .btn-alt {
\r
1965 border-color: #087ac2 transparent #0568ae;
\r
1966 background-color: #0568ae;
\r
1967 background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
\r
1969 .btn-arrow .btn-alt:hover {
\r
1971 outline-color: #ffffff !important;
\r
1972 background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
\r
1973 .btn-arrow .btn-alt:focus {
\r
1975 outline-color: #ffffff !important;
\r
1976 background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
\r
1977 .btn-arrow .btn-alt:active {
\r
1979 outline-color: #ffffff !important;
\r
1980 background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
\r
1981 .btn-arrow::-moz-focus-inner {
\r
1985 border: 1px solid transparent;
\r
1986 border-radius: 100%;
\r
1989 margin-right: 7px;
\r
1994 vertical-align: middle;
\r
1996 .btn-arrow .btn .icon-primary-left {
\r
2002 position: absolute;
\r
2006 .btn-arrow .btn .icon-primary-left:before {
\r
2007 position: absolute;
\r
2008 font-size: 1.6rem;
\r
2011 .btn-arrow .btn .icon-primary-right {
\r
2017 position: absolute;
\r
2022 .btn-arrow .btn .icon-primary-right:before {
\r
2023 position: absolute;
\r
2024 font-size: 1.6rem;
\r
2027 .btn-arrow .btn.btn-primary .icon-primary-left {
\r
2029 .btn-arrow .btn.btn-primary .icon-primary-right {
\r
2031 .btn-arrow .btn.btn-alt .icon-primary-left {
\r
2033 .btn-arrow .btn.btn-alt .icon-primary-right {
\r
2035 .btn-arrow .btn.btn-secondary {
\r
2036 border: 1px solid #d2d2d2; }
\r
2037 .btn-arrow .btn.btn-secondary .icon-primary-left {
\r
2039 .btn-arrow .btn.btn-secondary .icon-primary-right {
\r
2041 .btn-arrow .btn.btn-small {
\r
2047 .btn-arrow .btn.btn-small .icon-primary-left:before {
\r
2051 .btn-arrow .btn.btn-small .icon-primary-right:before {
\r
2055 .btn-arrow .btn.btn-large .icon-primary-left:before {
\r
2059 .btn-arrow .btn.btn-large .icon-primary-right:before {
\r
2065 border: 1px solid #d2d2d2;
\r
2066 background-color: #f2f2f2;
\r
2067 background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
\r
2069 box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
\r
2070 padding: 14px 18px 11px 17px; }
\r
2071 .btn-secondary:hover {
\r
2073 outline-color: #000000 !important;
\r
2074 background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
\r
2075 .btn-secondary:focus {
\r
2077 outline-color: #000000 !important;
\r
2078 background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
\r
2079 .btn-secondary:active {
\r
2081 outline-color: #000000 !important;
\r
2082 background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
\r
2085 border-color: #087ac2 transparent #0568ae;
\r
2086 background-color: #0568ae;
\r
2087 background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
\r
2091 outline-color: #ffffff !important;
\r
2092 background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
\r
2095 outline-color: #ffffff !important;
\r
2096 background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
\r
2099 outline-color: #ffffff !important;
\r
2100 background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
\r
2103 border-color: #008744 transparent #007a3e;
\r
2104 background-color: #007a3e;
\r
2105 background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
\r
2107 .btn-specialty:hover {
\r
2109 outline-color: #ffffff !important;
\r
2110 background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
\r
2111 .btn-specialty:focus {
\r
2113 outline-color: #ffffff !important;
\r
2114 background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
\r
2115 .btn-specialty:active {
\r
2117 outline-color: #ffffff !important;
\r
2118 background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
\r
2121 background: transparent !important;
\r
2122 border-color: transparent !important;
\r
2123 font-weight: normal;
\r
2124 font-family: "Omnes-ECOMP-W02", Arial;
\r
2126 text-decoration: none;
\r
2128 .btn-clear:focus {
\r
2129 text-decoration: underline; }
\r
2130 .btn-clear:hover {
\r
2131 text-decoration: underline; }
\r
2133 .isIE .btn:focus {
\r
2134 outline: none !important;
\r
2135 text-decoration: none !important; }
\r
2136 .isIE .btn:focus:after {
\r
2139 position: absolute;
\r
2144 border: 1px dotted #000; }
\r
2146 .isIE .btn:active {
\r
2147 outline: none !important;
\r
2148 text-decoration: none !important; }
\r
2149 .isIE .btn:active:after {
\r
2152 position: absolute;
\r
2157 border: 1px dotted #000; }
\r
2159 .isIE .btn.active {
\r
2160 outline: none !important;
\r
2161 text-decoration: none !important; }
\r
2162 .isIE .btn.active:not(:focus):after {
\r
2163 border: 1px solid #000; }
\r
2164 .isIE .btn.active:after {
\r
2167 position: absolute;
\r
2172 border: 1px dotted #000; }
\r
2174 .isIE .btn.btn-primary:focus:after {
\r
2175 border: 2px dashed #fff; }
\r
2177 .isIE .btn.btn-specialty:focus:after {
\r
2178 border: 2px dashed #fff; }
\r
2180 .isIE .btn.btn-alt:focus:after {
\r
2181 border: 2px dashed #fff; }
\r
2184 background-image: none;
\r
2185 background-color: #767676;
\r
2187 cursor: not-allowed;
\r
2189 border-color: transparent;
\r
2190 outline: 0 !important; }
\r
2191 .btn.disabled:hover {
\r
2193 outline: none !important; }
\r
2194 .btn.disabled:focus {
\r
2196 outline: none !important; }
\r
2199 background-image: none;
\r
2200 background-color: #767676;
\r
2202 cursor: not-allowed;
\r
2204 border-color: transparent;
\r
2205 outline: 0 !important; }
\r
2206 .btn[disabled]:hover {
\r
2208 outline: none !important; }
\r
2209 .btn[disabled]:focus {
\r
2211 outline: none !important; }
\r
2213 .btn[disabled="disabled"] {
\r
2214 background-image: none;
\r
2215 background-color: #767676;
\r
2217 cursor: not-allowed;
\r
2219 border-color: transparent;
\r
2220 outline: 0 !important; }
\r
2221 .btn[disabled="disabled"]:hover {
\r
2223 outline: none !important; }
\r
2224 .btn[disabled="disabled"]:focus {
\r
2226 outline: none !important; }
\r
2228 .btn-arrow[disabled] .btn {
\r
2229 background-image: none;
\r
2230 background-color: #767676;
\r
2232 cursor: not-allowed;
\r
2234 border-color: transparent;
\r
2235 outline: 0 !important; }
\r
2236 .btn-arrow[disabled] .btn:hover {
\r
2238 outline: none !important; }
\r
2239 .btn-arrow[disabled] .btn:focus {
\r
2241 outline: none !important; }
\r
2243 .btn-arrow[disabled] .icon-primary-left {
\r
2244 color: #fff !important; }
\r
2246 .btn-arrow[disabled] .icon-primary-right {
\r
2247 color: #fff !important; }
\r
2249 .btn-arrow.disabled .btn {
\r
2250 background-image: none;
\r
2251 background-color: #767676;
\r
2253 cursor: not-allowed;
\r
2255 border-color: transparent;
\r
2256 outline: 0 !important; }
\r
2257 .btn-arrow.disabled .btn:hover {
\r
2259 outline: none !important; }
\r
2260 .btn-arrow.disabled .btn:focus {
\r
2262 outline: none !important; }
\r
2264 .btn-arrow.disabled .icon-primary-left {
\r
2265 color: #fff !important; }
\r
2267 .btn-arrow.disabled .icon-primary-right {
\r
2268 color: #fff !important; }
\r
2271 padding: 12px 19px 11px 18px;
\r
2272 font-size: 1.7rem; }
\r
2275 padding: 10px 19px 9px 18px;
\r
2276 font-size: 1.5rem;
\r
2277 border-radius: 8px; }
\r
2282 *:not(.btn-arrow) > .btn > i[class*="icon-primary-"] {
\r
2283 margin-top: -20px;
\r
2284 margin-bottom: -20px; }
\r
2286 .enhanced-cta-group {
\r
2287 display: -ms-flexbox;
\r
2289 -ms-flex-direction: row-reverse;
\r
2290 flex-direction: row-reverse;
\r
2291 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;
\r
2292 background-position: 0 -1px;
\r
2293 background-repeat: repeat-x; }
\r
2294 .enhanced-cta-group > .cta-button-group {
\r
2296 background-image: none !important; }
\r
2297 .enhanced-cta-group > .cta-button-group + .cta-button-group a {
\r
2298 font-size: 1.4rem;
\r
2299 line-height: 1em; }
\r
2300 .enhanced-cta-group > .cta-button-group + .cta-button-group a a {
\r
2301 margin-right: 0; }
\r
2302 .enhanced-cta-group > .cta-button-group hr {
\r
2303 min-height: 14px; }
\r
2304 .enhanced-cta-group > .cta-button-group + .cta-button-group {
\r
2305 -ms-flex-align: center;
\r
2306 -ms-grid-row-align: center;
\r
2307 align-items: center;
\r
2308 -ms-flex-direction: row;
\r
2309 flex-direction: row;
\r
2310 padding: 10px 0; }
\r
2312 .cta-button-group {
\r
2313 text-align: right;
\r
2314 -ms-flex-align: baseline;
\r
2315 align-items: baseline;
\r
2316 padding: 20px 0 10px;
\r
2318 .cta-button-group.nodots {
\r
2319 background-image: none !important; }
\r
2320 .cta-button-group .hidden-phone {
\r
2321 margin-right: 14px; }
\r
2322 .cta-button-group .btn + .btn {
\r
2323 margin-right: 20px !important; }
\r
2324 .cta-button-group .btn:not(.hidden-phone):not(.visible-phone) {
\r
2325 margin-right: 0; }
\r
2327 .isMobile .btn-arrow .btn.btn-small .icon-primary-left:before {
\r
2330 .isMobile .btn-arrow .btn.btn-large .icon-primary-left:before {
\r
2333 .isMobile .btn-arrow .btn.btn-large .icon-primary-right:before {
\r
2336 @media (max-width: 1024px) {
\r
2337 .field-group + .btn {
\r
2338 margin-left: 15px; } }
\r
2340 @media (max-width: 767px) {
\r
2341 .cta-button-group {
\r
2342 text-align: center; }
\r
2343 .cta-button-group > .btn {
\r
2347 margin-left: auto !important;
\r
2348 margin-right: auto !important; } }
\r
2351 border-radius: 8px;
\r
2352 box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
\r
2353 display: -ms-flexbox;
\r
2355 -ms-flex-pack: justify;
\r
2356 justify-content: space-between;
\r
2357 margin-bottom: 10px;
\r
2360 position: relative;
\r
2361 vertical-align: middle;
\r
2363 .btn-group > .btn {
\r
2367 position: relative;
\r
2369 margin-right: -1px;
\r
2373 text-align: center; }
\r
2374 .btn-group:not([data-select-color]) .btn.active:not(:first-child) {
\r
2375 margin-right: -1px;
\r
2376 border-left: 1px solid #d2d2d2 !important; }
\r
2377 .btn-group:not([data-select-color]) .btn[disabled]:not(:first-child) {
\r
2378 border-left: 1px solid #d2d2d2 !important; }
\r
2379 .btn-group:not([data-select-color]) .btn[disabled] + .btn[disabled] {
\r
2380 border-left: 1px solid #ebebeb !important; }
\r
2381 .btn-group:not([data-select-color]) > .btn.active {
\r
2382 border-color: #087ac2 transparent #0568ae;
\r
2383 background-color: #0568ae;
\r
2384 background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
\r
2386 .btn-group:not([data-select-color]) > .btn.active:hover {
\r
2388 outline-color: #ffffff !important;
\r
2389 background: #0563a6;
\r
2390 border-color: #0563a6; }
\r
2391 .btn-group:not([data-select-color]) > .btn.active:focus {
\r
2393 outline-color: #ffffff !important;
\r
2394 background: #0563a6;
\r
2395 border-color: #0563a6; }
\r
2396 .btn-group:not([data-select-color]) > .btn.active:active {
\r
2398 outline-color: #ffffff !important;
\r
2399 background: #0563a6;
\r
2400 border-color: #0563a6; }
\r
2401 .btn-group:not([data-select-color]) > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
\r
2402 border-radius: 0; }
\r
2403 .btn-group:not([data-select-color]) > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
\r
2404 border-top-right-radius: 0;
\r
2405 border-bottom-right-radius: 0; }
\r
2406 .btn-group:not([data-select-color]) > .btn:last-child:not(:first-child) {
\r
2407 border-top-left-radius: 0;
\r
2408 border-bottom-left-radius: 0; }
\r
2409 .btn-group:not([data-select-color]) > .dropdown-toggle:not(:first-child) {
\r
2410 border-top-left-radius: 0;
\r
2411 border-bottom-left-radius: 0; }
\r
2412 .btn-group > .active {
\r
2413 text-decoration: none;
\r
2414 outline: 1px dotted transparent; }
\r
2415 .btn-group > .active:focus {
\r
2416 outline: 1px dotted #ffffff; }
\r
2418 .btn-group.btn-fullwidth > .btn {
\r
2422 .btn-group[data-select-color] {
\r
2425 -ms-flex-pack: start;
\r
2426 justify-content: flex-start;
\r
2427 -ms-flex-wrap: wrap;
\r
2428 flex-wrap: wrap; }
\r
2429 .btn-group[data-select-color] .btn {
\r
2430 border: 1px solid #959595;
\r
2431 border-radius: 4px;
\r
2432 box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
\r
2433 margin-right: 10px;
\r
2434 margin-bottom: 10px;
\r
2442 .btn-group[data-select-color] > .btn.active:focus {
\r
2443 outline: 1px dotted #191919;
\r
2444 outline-offset: 4px; }
\r
2446 button .btn-fill {
\r
2447 background-clip: padding-box;
\r
2449 border-radius: 4px;
\r
2455 position: absolute;
\r
2460 button .btn-fill[style*="#fff"] {
\r
2461 border: 1px solid #d2d2d2; }
\r
2463 [data-select-color] .btn.active {
\r
2464 background: none !important;
\r
2466 margin-right: 10px;
\r
2467 border-width: 3px;
\r
2469 line-height: 12px; }
\r
2470 [data-select-color] .btn.active > .btn-fill {
\r
2472 [data-select-color] .btn.active:hover {
\r
2475 [data-select-color] .btn:active {
\r
2476 background: none !important;
\r
2478 margin-right: 10px;
\r
2479 border-width: 3px;
\r
2481 line-height: 12px; }
\r
2482 [data-select-color] .btn:active > .btn-fill {
\r
2484 [data-select-color] .btn:active:hover {
\r
2487 .btn-group[data-select-color="orange"] > .btn.active {
\r
2488 border-color: #ea7400; }
\r
2490 .btn-group[data-select-color="blue"] > .btn.active {
\r
2491 border-color: #0568ae; }
\r
2493 .btn-group[data-select-color="green"] > .btn.active {
\r
2494 border-color: #007a3e; }
\r
2496 .btn-spinbutton-toggle.btn-group {
\r
2497 display: block !important;
\r
2498 height: 40px !important;
\r
2502 white-space: nowrap; }
\r
2504 .btn-spinbutton-toggle .btn {
\r
2505 border-radius: 6px;
\r
2506 font-weight: normal;
\r
2510 letter-spacing: normal;
\r
2513 text-align: center;
\r
2517 .btn-spinbutton-toggle .btn[data-max-value] {
\r
2518 border-bottom: 1px solid #d2d2d2;
\r
2519 border-top: 1px solid #d2d2d2;
\r
2520 box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
\r
2521 background-color: #fff;
\r
2523 font-family: "Omnes-ECOMP-W02", Arial;
\r
2525 font-weight: normal;
\r
2527 text-align: center;
\r
2528 min-width: 46px !important;
\r
2530 .btn-spinbutton-toggle .btn[data-max-value]:focus {
\r
2531 border-color: #0568ae;
\r
2533 .btn-spinbutton-toggle .btn[data-max-value]:focus + .btn {
\r
2534 border-left: 1px solid #0568ae;
\r
2535 transition: border 0.3s linear 0s; }
\r
2537 .btn-spinbutton-toggle .icon-primary-subtractminimize {
\r
2538 font-size: 30px !important;
\r
2539 color: #0568ae !important; }
\r
2541 .btn-spinbutton-toggle .icon-primary-add-maximize {
\r
2542 font-size: 30px !important;
\r
2543 color: #0568ae !important; }
\r
2545 .btn-spinbutton-toggle .btn[disabled].icon-primary-subtractminimize {
\r
2546 background-color: #d2d2d2;
\r
2547 color: #767676 !important; }
\r
2549 .btn-spinbutton-toggle .btn[disabled].icon-primary-add-maximize {
\r
2550 background-color: #d2d2d2;
\r
2551 color: #767676 !important; }
\r
2553 .btn-spinbutton-toggle input.btn[disabled] {
\r
2554 background-color: #d2d2d2;
\r
2556 cursor: not-allowed; }
\r
2558 .btn-group.btn-spinbutton-toggle .btn[disabled] + .btn[disabled] {
\r
2559 border-left: 1px solid #f0f0f0 !important; }
\r
2561 .btn-group.btn-spinbutton-toggle .btn[data-max-value]:focus + .btn:not(:first-child) {
\r
2562 border-left: 1px solid #0568ae !important; }
\r
2564 @media (max-width: 480px) {
\r
2565 .btn-group:not([data-select-color]) > .btn {
\r
2566 font-size: 1.3rem;
\r
2567 min-width: auto; } }
\r
2577 display: inline-block; }
\r
2582 .reset-field:before {
\r
2586 .input-emphasized + .reset-field:before {
\r
2590 .reset-field:active,
\r
2591 .reset-field:hover,
\r
2592 .reset-field:focus {
\r
2593 display: block !important; }
\r
2597 appearance: none; }
\r
2600 box-shadow: 0 -50px 0 0 #f2f2f2 inset;
\r
2602 /*overflow: hidden;*/
\r
2603 position: absolute;
\r
2606 transform: rotate(45deg);
\r
2609 .corner-button .close:before {
\r
2616 position: absolute;
\r
2619 .corner-button .close {
\r
2623 position: absolute;
\r
2626 transform: rotate(45deg);
\r
2629 .corner-button .close:focus {
\r
2630 outline: 1px dotted black; }
\r
2632 .ds2-no-colors .corner-button .close {
\r
2633 border: 1px solid black; }
\r
2635 .field-group input + .reset-field {
\r
2641 position: absolute;
\r
2648 .field-group input[type="search"] + .reset-field,
\r
2649 .field-group input[type="search"] + .btn-search + .reset-field,
\r
2650 .tooltip-onclick input + .reset-field,
\r
2651 .tooltip-onclick input + .icon-primary-tooltip + .reset-field,
\r
2652 .tooltip-onclick textarea + .reset-field,
\r
2653 .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
\r
2656 .field-group input[type="search"] + .reset-field:after,
\r
2657 .field-group input[type="search"] + .btn-search + .reset-field:after,
\r
2658 .tooltip-onclick input + .reset-field:after,
\r
2659 .tooltip-onclick input + .icon-primary-tooltip + .reset-field:after,
\r
2660 .tooltip-onclick textarea + .reset-field:after,
\r
2661 .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field:after {
\r
2662 background-color: #d2d2d2;
\r
2666 position: absolute;
\r
2671 .tooltip-onclick input + .reset-field,
\r
2672 .tooltip-onclick input + .icon-primary-tooltip + .reset-field {
\r
2673 right: 50px !important; }
\r
2675 .tooltip-onclick textarea + .reset-field,
\r
2676 .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
\r
2677 right: 45px !important;
\r
2680 .field-group input.input-emphasized + .reset-field {
\r
2685 .field-group input.input-emphasized + .reset-field:after {
\r
2688 .field-group [disabled] + .reset-field {
\r
2691 .ds2_touchevents .field-group input + .reset-field:focus,
\r
2692 .ds2_touchevents .field-group input:focus + .reset-field,
\r
2693 .ds2_touchevents textarea:focus + .reset-field,
\r
2694 .ds2_touchevents textarea + .reset-field:focus {
\r
2696 position: absolute;
\r
2701 .ds2_touchevents .field-group input {
\r
2702 padding: 8px 55px 8px 15px;
\r
2703 -webkit-appearance: none; }
\r
2705 .ds2_touchevents textarea:focus {
\r
2706 padding: 15px 55px 15px 15px; }
\r
2708 .ds2_touchevents textarea:focus + .reset-field {
\r
2710 position: absolute;
\r
2714 .ds2_touchevents textarea.hasScrollbar:focus {
\r
2715 padding: 15px 35px 15px 15px; }
\r
2717 .ds2_touchevents textarea.hasScrollbar:focus + .reset-field {
\r
2720 .form-row.error .error-msg {
\r
2723 line-height: 14px;
\r
2724 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
2725 position: relative;
\r
2726 padding-left: 18px; }
\r
2728 .form-row.error .error-msg:before {
\r
2732 line-height: 14px;
\r
2733 position: absolute;
\r
2734 vertical-align: middle; }
\r
2736 .form-row.error label,
\r
2737 .form-row.error .error-msg,
\r
2738 .form-row.error button.awd-select,
\r
2739 .form-row.error select.awd-select + span,
\r
2740 .form-row.error .checkbox,
\r
2741 .form-row.error .radio,
\r
2742 .form-row.error legend.error,
\r
2743 .form-row.error input {
\r
2746 .form-row.error .btn-group > .btn,
\r
2747 .form-row.error button.awd-select,
\r
2748 .form-row.error .awd-select-list,
\r
2749 .form-row.error select.awd-select + span,
\r
2750 .form-row.error textarea,
\r
2751 .form-row.error input,
\r
2752 .form-row.error .checkbox .skin,
\r
2753 .form-row.error .radio .skin {
\r
2754 border-color: #cf2a2a !important; }
\r
2756 .form-row.error .checkbox input:checked:not(:disabled) + .skin {
\r
2757 background-color: #cf2a2a; }
\r
2759 .form-row.error .radio input:checked + .skin:after {
\r
2760 background-color: #cf2a2a; }
\r
2762 .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg {
\r
2763 margin-top: -11px;
\r
2764 border-bottom-left-radius: 0;
\r
2765 border-bottom-right-radius: 0; }
\r
2767 .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext {
\r
2768 margin: 0 0 10px; }
\r
2770 .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:before,
\r
2771 .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:after {
\r
2774 .error .helpertext {
\r
2775 border-color: #cf2a2a;
\r
2776 /*border-radius:0;*/ }
\r
2778 .error .helpertext:before {
\r
2779 border-top-color: #cf2a2a; }
\r
2781 .error .tooltip-onfocus .helpertext {
\r
2782 margin: 14px 0 10px 0; }
\r
2784 .error [class*="price"],
\r
2785 .error [class*="pricing-"] {
\r
2791 input[type]::-webkit-inner-spin-button,
\r
2792 input[type]::-webkit-outer-spin-button {
\r
2793 -webkit-appearance: none; }
\r
2796 -moz-appearance: textfield; }
\r
2808 display: inline-block;
\r
2809 font-size: 1.4rem;
\r
2810 font-family: "Omnes-ECOMP-W02-Medium", Arial; }
\r
2821 border-radius: 6px;
\r
2823 display: inline-block;
\r
2824 font-size: 1.6rem;
\r
2826 padding: 0 15px 0 15px;
\r
2827 vertical-align: middle;
\r
2828 line-height: normal; }
\r
2830 select::-webkit-input-placeholder,
\r
2831 textarea::-webkit-input-placeholder,
\r
2832 input::-webkit-input-placeholder {
\r
2834 font-family: "Omnes-ECOMP-W02-Italic", Arial;
\r
2835 font-style: normal;
\r
2838 select:-moz-placeholder,
\r
2839 textarea:-moz-placeholder,
\r
2840 input:-moz-placeholder {
\r
2842 font-family: "Omnes-ECOMP-W02-Italic", Arial;
\r
2843 font-style: normal;
\r
2846 select::-moz-placeholder,
\r
2847 textarea::-moz-placeholder,
\r
2848 input::-moz-placeholder {
\r
2850 font-family: "Omnes-ECOMP-W02-Italic", Arial;
\r
2851 font-style: normal;
\r
2854 select:-ms-input-placeholder,
\r
2855 textarea:-ms-input-placeholder,
\r
2856 input:-ms-input-placeholder {
\r
2858 font-family: "Omnes-ECOMP-W02-Italic", Arial;
\r
2862 select:placeholder,
\r
2863 textarea:placeholder,
\r
2864 input:placeholder {
\r
2866 font-family: "Omnes-ECOMP-W02-Italic", Arial;
\r
2867 font-style: normal;
\r
2870 select:last-child,
\r
2871 textarea:last-child,
\r
2872 input:last-child {
\r
2873 margin-right: 0; }
\r
2875 input:not([type="button"]) {
\r
2878 input.input-emphasized {
\r
2879 font-size: 1.8rem;
\r
2881 padding: 13px 20px 13px; }
\r
2883 input[type="search"]:focus {
\r
2884 padding-right: 88px; }
\r
2886 input[type="search"] {
\r
2887 padding-right: 40px;
\r
2888 -webkit-appearance: none !important; }
\r
2890 input[type="search"].input-emphasized {
\r
2891 padding-right: 45px; }
\r
2893 .btn-search[class*="btn"] {
\r
2894 background-color: transparent;
\r
2895 background-position: 50% 50%;
\r
2896 background-size: 20px;
\r
2897 background-repeat: no-repeat;
\r
2902 min-width: 45px !important;
\r
2903 outline-offset: 0;
\r
2904 padding: 0 !important;
\r
2905 position: absolute;
\r
2908 border-radius: 0 5px 5px 0;
\r
2912 .input-emphasized + .btn-search[class*="btn"],
\r
2913 .input-emphasized + .reset-field + .btn-search[class*="btn"] {
\r
2914 background-size: 26px;
\r
2917 outline-offset: -3px;
\r
2919 border-radius: 0 5px 5px 0; }
\r
2921 input[type="search"].input-emphasized + .reset-field {
\r
2922 right: 45px !important; }
\r
2924 .search-suggestion-wrapper {
\r
2925 position: relative;
\r
2926 margin-bottom: 15px; }
\r
2928 /*styles from dropdown*/
\r
2929 .search-suggestion-list {
\r
2930 box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
\r
2931 border-radius: 0 0 6px 6px;
\r
2932 position: relative;
\r
2933 border: 1px solid #0568ae;
\r
2936 background-color: #f2f2f2;
\r
2939 max-height: 400px;
\r
2940 overflow-y: auto; }
\r
2942 .search-suggestion-list:empty {
\r
2945 .search-suggestion-item {
\r
2946 position: relative;
\r
2949 line-height: 4.0rem;
\r
2952 .search-suggestion-item a {
\r
2953 text-decoration: none;
\r
2956 .search-suggestion-item:hover,
\r
2957 .search-suggestion-item:focus {
\r
2959 background-color: #d2d2d2; }
\r
2961 input[data-provide="datepicker"],
\r
2962 [data-provide="datepicker"]:-moz-placeholder,
\r
2963 [data-provide="datepicker"]:-ms-input-placeholder,
\r
2964 [data-provide="datepicker"]:-webkit-input-placeholder {
\r
2965 color: #0568ae !important;
\r
2967 filter: alpha(opacity=100); }
\r
2973 textarea[disabled],
\r
2974 textarea[readonly],
\r
2975 span.icon-primary-calendar.disabled,
\r
2976 span.icon-primary-calendar.readonly {
\r
2977 cursor: not-allowed;
\r
2978 background-color: #f2f2f2;
\r
2979 box-shadow: none; }
\r
2981 span.icon-primary-calendar.disabled input,
\r
2982 span.icon-primary-calendar.readonly input {
\r
2983 color: #959595 !important; }
\r
2992 line-height: 20px; }
\r
2994 textarea + .reset-field {
\r
2997 textarea::-webkit-input-placeholder {
\r
2998 line-height: .99; }
\r
3000 textarea:-moz-placeholder {
\r
3001 line-height: .99; }
\r
3003 textarea::-moz-placeholder {
\r
3004 line-height: .99; }
\r
3006 textarea:-ms-input-placeholder {
\r
3007 line-height: .99; }
\r
3009 textarea:placeholder {
\r
3010 line-height: .99; }
\r
3014 background-color: #ffffff;
\r
3015 border: 1px solid #d2d2d2;
\r
3016 /* -webkit-appearance: none; */
\r
3017 box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
\r
3018 transition: border .3s linear 0s;
\r
3019 font-family: "Omnes-ECOMP-W02", Arial; }
\r
3024 border-color: #0568ae; }
\r
3029 .input-append > div {
\r
3030 display: table-cell;
\r
3033 .input-append > .field-group {
\r
3036 .row .field-group input[class*="span"] {
\r
3040 position: relative;
\r
3041 display: inline-block; }
\r
3043 label + .field-group,
\r
3044 label + .input-append,
\r
3046 label + .row-nowrap,
\r
3047 label + .form-row {
\r
3048 margin-top: 5px; }
\r
3051 position: relative;
\r
3054 .field-group input:not([type="button"])[disabled] {
\r
3055 padding-right: 15px; }
\r
3060 outline: none !important; }
\r
3063 margin-top: 20px; }
\r
3068 .row-nowrap.no-flex.form-row > label + br {
\r
3069 margin-bottom: 5px; }
\r
3072 display: inline-block; }
\r
3074 legend + .form-row {
\r
3075 margin-top: 20px; }
\r
3077 .tooltip-onclick input {
\r
3078 padding-right: 45px; }
\r
3080 .ds2_touchevents .tooltip-onclick input:focus {
\r
3081 padding-right: 95px; }
\r
3083 span.icon-primary-calendar {
\r
3085 position: relative;
\r
3086 background-color: #fff;
\r
3087 border-radius: 4px;
\r
3091 span.icon-primary-calendar:before {
\r
3092 position: absolute;
\r
3097 span.icon-primary-calendar.disabled {
\r
3098 background-color: #f2f2f2; }
\r
3100 span.icon-primary-calendar.disabled:before {
\r
3103 span.icon-primary-calendar input {
\r
3104 padding-left: 35px;
\r
3106 transition: border-color 0.3s linear 0s;
\r
3107 box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
\r
3108 position: absolute;
\r
3112 .faux-input + input.datepicker-input:not([disabled]) {
\r
3115 background-color: #fff;
\r
3116 position: absolute;
\r
3122 background-color: transparent !important;
\r
3123 border: 1px solid transparent;
\r
3124 border-radius: 4px;
\r
3125 font-size: 1.6rem;
\r
3128 line-height: 35px;
\r
3129 margin-bottom: 10px;
\r
3130 margin-right: 6px;
\r
3131 padding: 0 0 0 35px;
\r
3132 position: relative;
\r
3135 vertical-align: middle;
\r
3139 .faux-input:disabled {
\r
3140 cursor: not-allowed; }
\r
3142 .faux-input:focus + .datepicker-input,
\r
3143 [data-calendar-state="opened"] + .datepicker-input {
\r
3144 border-color: #0568ae;
\r
3145 box-shadow: 2px 3px 2px -2px rgba(5, 116, 172, 0.35) inset;
\r
3146 outline: 0 none; }
\r
3148 .form-row.error .error-msg {
\r
3151 line-height: 14px;
\r
3152 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
3153 position: relative;
\r
3154 padding-left: 18px;
\r
3155 margin-top: 10px; }
\r
3157 .form-row.error .error-msg > .icon-primary-badgealert {
\r
3160 position: absolute;
\r
3162 margin-right: 0; }
\r
3164 .form-row.error .error-msg > .icon-primary-badgealert:before {
\r
3168 line-height: 14px;
\r
3169 position: absolute;
\r
3170 vertical-align: middle; }
\r
3172 .form-row.error label,
\r
3173 .form-row.error .error-msg,
\r
3174 .form-row.error button.awd-select,
\r
3175 .form-row.error select.awd-select + span,
\r
3176 .form-row.error .checkbox,
\r
3177 .form-row.error .radio,
\r
3178 .form-row.error legend.error,
\r
3179 .form-row.error input,
\r
3180 .form-row.error textarea {
\r
3183 .form-row.error .btn-group > .btn,
\r
3184 .form-row.error button.awd-select,
\r
3185 .form-row.error .awd-select-list,
\r
3186 .form-row.error select.awd-select + span,
\r
3187 .form-row.error textarea,
\r
3188 .form-row.error input,
\r
3189 .form-row.error .checkbox .skin,
\r
3190 .form-row.error .radio .skin {
\r
3191 border-color: #cf2a2a !important; }
\r
3193 .form-row.error .checkbox input:checked:not(:disabled) + .skin {
\r
3194 background-color: #cf2a2a; }
\r
3196 .form-row.error .radio input:checked + .skin:after {
\r
3197 background-color: #cf2a2a; }
\r
3199 .error [class*="price"],
\r
3200 .error [class*="pricing-"] {
\r
3209 background-repeat: repeat-x;
\r
3210 background-color: #959595;
\r
3211 position: relative; }
\r
3214 background-color: #959595; }
\r
3217 background-color: #d2d2d2; }
\r
3220 background-color: #fff;
\r
3224 font-size: 1.4rem;
\r
3225 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
3228 line-height: 1.6rem;
\r
3229 margin-left: -15px;
\r
3231 position: absolute;
\r
3232 text-align: center;
\r
3237 hr.hr-dotted.dark {
\r
3238 background-color: transparent;
\r
3239 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");
\r
3240 background-position: bottom;
\r
3241 background-repeat: repeat-x;
\r
3242 background-size: 4px 1px;
\r
3245 hr.hr-dotted.lite {
\r
3246 background-color: transparent;
\r
3247 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"); }
\r
3249 hr.is-vertical.dark,
\r
3251 hr.is-vertical.lite,
\r
3253 display: inline-block;
\r
3259 hr.is-vertical.dark,
\r
3261 background-color: #959595; }
\r
3263 hr.is-vertical.lite,
\r
3265 background-color: #d2d2d2; }
\r
3267 .hr-dotted.is-vertical.dark,
\r
3268 .hr-dotted.is-vertical.lite {
\r
3269 background-color: transparent;
\r
3270 background-repeat: repeat-y;
\r
3271 background-size: 1px 4px;
\r
3276 .hr-dotted.is-vertical.dark {
\r
3277 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"); }
\r
3279 .hr-dotted.is-vertical.lite {
\r
3280 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"); }
\r
3282 .row-nowrap > .span + hr.is-vertical,
\r
3283 .row > .span + hr.is-vertical {
\r
3284 margin: 0 0 0 -20px; }
\r
3286 @media (max-width: 767px) {
\r
3291 margin-left: -15px;
\r
3292 margin-right: -15px; }
\r
3293 .hr-or.is-vertical {
\r
3297 .row-nowrap > .span + hr.is-vertical {
\r
3298 margin: 0 0 0 -15px; }
\r
3299 .row > .span + hr.is-vertical {
\r
3305 .row > .span + hr.is-vertical.lite {
\r
3306 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;
\r
3307 background-size: 4px 1px;
\r
3308 background-repeat: repeat-x; }
\r
3309 .row > .span + hr.is-vertical.dark {
\r
3310 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;
\r
3311 background-size: 4px 1px;
\r
3312 background-repeat: repeat-x; } }
\r
3314 hr.bottom-space-only {
\r
3321 position: relative;
\r
3323 font-family: "Omnes-ECOMP-W02", Arial;
\r
3324 font-size: 1.6rem;
\r
3325 margin-bottom: 5px; }
\r
3327 -webkit-tap-highlight-color: transparent;
\r
3332 position: absolute;
\r
3336 .radio input:focus + .skin {
\r
3337 border-color: #0568ae; }
\r
3338 .radio input:focus + .skin:before {
\r
3343 outline: 1px dotted #000000;
\r
3344 position: absolute;
\r
3346 .radio input + .skin {
\r
3347 border-radius: 100%; }
\r
3348 .radio input:checked + .skin:after {
\r
3349 background-color: #0568ae;
\r
3350 border-radius: 100%;
\r
3351 border: 3px solid #FFFFFF;
\r
3355 position: absolute;
\r
3357 .radio input:disabled + .skin {
\r
3358 cursor: not-allowed;
\r
3359 background-color: #d2d2d2;
\r
3360 border-color: #d2d2d2;
\r
3362 .radio input:disabled + .skin + span {
\r
3363 cursor: not-allowed;
\r
3365 .radio input:disabled:checked + .skin:after {
\r
3366 background-color: #666666; }
\r
3367 .radio input:invalid + .skin {
\r
3368 border: solid 1px #cf2a2a; }
\r
3370 background-color: #FFFFFF;
\r
3371 border: 1px solid #d2d2d2;
\r
3372 border-radius: 3px;
\r
3373 display: inline-block;
\r
3376 position: absolute;
\r
3380 display: inline-block;
\r
3381 margin-left: 34px;
\r
3383 position: relative;
\r
3386 font-size: 1.6rem;
\r
3387 font-family: "Omnes-ECOMP-W02", Arial; }
\r
3390 display: inline-block;
\r
3391 margin-bottom: 10px;
\r
3392 vertical-align: middle;
\r
3393 margin-right: 10px; }
\r
3394 .radio.inline:last-child {
\r
3395 margin-right: 0; }
\r
3398 border: 1px solid #d2d2d2;
\r
3399 border-radius: 8px; }
\r
3400 .radio-box > [role="radio"] label {
\r
3401 padding: 15px 15px 20px 15px;
\r
3404 .radio-box > [role="radio"] label .skin + span {
\r
3406 .radio-box > [role="radio"] + div {
\r
3407 padding: 0 15px 15px 47px; }
\r
3408 .radio-box > [aria-checked="false"] label > input {
\r
3411 .radio-box > [aria-checked="false"] label .skin {
\r
3414 .radio-box > [aria-checked="true"] label > input {
\r
3417 .radio-box > [aria-checked="true"] label .skin {
\r
3421 .radio-box.active {
\r
3422 border: 3px solid #0568ae; }
\r
3423 .radio-box.active > [role="radio"] label {
\r
3424 padding: 13px 14px 19px 13px; }
\r
3427 position: relative;
\r
3429 font-family: "Omnes-ECOMP-W02", Arial;
\r
3430 font-size: 1.6rem;
\r
3431 margin-bottom: 5px; }
\r
3433 -webkit-tap-highlight-color: transparent;
\r
3438 position: absolute;
\r
3442 .checkbox input:focus + .skin {
\r
3443 border-color: #0568ae; }
\r
3444 .checkbox input:focus + .skin:before {
\r
3449 outline: 1px dotted #000000;
\r
3450 position: absolute;
\r
3452 .checkbox input:checked:not(:disabled) + .skin {
\r
3453 background-color: #0568ae;
\r
3454 border-color: #0568ae; }
\r
3455 .checkbox input:checked:disabled + .skin:after {
\r
3457 .checkbox input:checked + .skin:after {
\r
3460 background-color: transparent;
\r
3461 font-size: 23.4px;
\r
3463 line-height: 21px; }
\r
3464 .checkbox input:disabled + .skin {
\r
3465 cursor: not-allowed;
\r
3466 background-color: #d2d2d2;
\r
3467 border-color: #d2d2d2;
\r
3469 .checkbox input:disabled + .skin + span {
\r
3470 cursor: not-allowed;
\r
3472 .checkbox input:invalid + .skin {
\r
3473 border: solid 1px #cf2a2a; }
\r
3474 .checkbox input:indeterminate + .skin:after {
\r
3475 background-color: transparent;
\r
3478 content: "\e920"; }
\r
3480 background-color: #fff;
\r
3481 border: 1px solid #d2d2d2;
\r
3482 border-radius: 3px;
\r
3483 display: inline-block;
\r
3486 position: absolute;
\r
3490 display: inline-block;
\r
3491 margin-left: 34px;
\r
3493 position: relative;
\r
3496 font-size: 1.6rem;
\r
3497 font-family: "Omnes-ECOMP-W02", Arial; }
\r
3500 .checkbox input.indeterminate + .skin:after {
\r
3504 .checkbox.inline {
\r
3505 display: inline-block;
\r
3506 margin-bottom: 10px;
\r
3507 vertical-align: middle;
\r
3508 margin-right: 10px; }
\r
3509 .checkbox.inline:last-child {
\r
3510 margin-right: 0; }
\r
3512 .checkbox.checkbox-selectall {
\r
3513 margin: 20px 0 0 24px; }
\r
3515 .terms-after-checkbox {
\r
3516 margin-top: 15px; }
\r
3518 .indeterminate-margin {
\r
3519 padding-left: 24px; }
\r
3522 border-bottom: 1px solid #d2d2d2; }
\r
3525 .inactive-toggle-header {
\r
3526 border-color: #fff;
\r
3530 font-size: 2.0rem;
\r
3531 line-height: 2.2rem;
\r
3533 position: relative;
\r
3534 padding: 16px 55px 16px 15px; }
\r
3536 .toggle-header.opened {
\r
3539 .tiny-accordion .toggle-header,
\r
3540 .tiny-accordion .inactive-toggle-header {
\r
3541 padding: 16px 55px 16px 15px;
\r
3542 border-top: 1px solid #d2d2d2; }
\r
3544 .tiny-accordion .toggle-header:focus {
\r
3545 text-decoration: underline; }
\r
3547 .tiny-accordion.iconleft .toggle-header,
\r
3548 .tiny-accordion.iconleft .inactive-toggle-header {
\r
3549 padding: 15px 15px 15px 50px; }
\r
3551 .accordion-content {
\r
3552 font-size: 1.4rem; }
\r
3554 .accordion-content .toggle-header:first-child {
\r
3555 margin-top: 16px; }
\r
3557 .tiny-accordion .toggle-header + .accordion-content {
\r
3558 padding: 0 50px 15px 15px; }
\r
3560 .tiny-accordion.iconleft .toggle-header + .accordion-content {
\r
3561 padding: 0 15px 15px 50px; }
\r
3563 .toggle-header .icon-primary-accordion-plus,
\r
3564 .toggle-header .icon-primary-accordion-minus {
\r
3565 display: inline-block;
\r
3569 position: absolute;
\r
3571 vertical-align: middle;
\r
3573 font-weight: bold; }
\r
3575 .tiny-accordion.iconleft .toggle-header .icon-primary-accordion-plus,
\r
3576 .tiny-accordion.iconleft .toggle-header .icon-primary-accordion-minus {
\r
3579 .inactive-toggle-header:hover {
\r
3580 cursor: inherit; }
\r
3582 .tiny-accordion-to-tabs,
\r
3584 position: relative;
\r
3589 .tiny-tabs [class*="icon-primary-accordion-"] {
\r
3590 display: none !important; }
\r
3592 .tiny-accordion-to-tabs:before,
\r
3593 .tiny-accordion-to-tabs:after,
\r
3594 .tiny-tabs:before,
\r
3595 .tiny-tabs:after {
\r
3600 .tiny-accordion-to-tabs:after,
\r
3601 .tiny-tabs:after {
\r
3604 .tiny-accordion-to-tabs:before,
\r
3605 .tiny-accordion-to-tabs:after,
\r
3606 .tiny-tabs:before,
\r
3607 .tiny-tabs:after {
\r
3612 .tiny-accordion-to-tabs:after,
\r
3613 .tiny-tabs:after {
\r
3616 .tiny-tabs > .toggle-header {
\r
3617 display: inline-block;
\r
3622 text-align: center;
\r
3623 background-color: #fff;
\r
3624 border-radius: 0px;
\r
3625 padding: 26px 20px 25px 20px !important;
\r
3626 border-top: 1px solid #fff;
\r
3627 -webkit-filter: none;
\r
3629 background-clip: padding-box;
\r
3630 border-bottom: 1px solid #d2d2d2;
\r
3631 font-weight: normal;
\r
3632 border-right: 1px solid #d2d2d2;
\r
3633 white-space: nowrap; }
\r
3635 .tiny-tabs .toggle-header + div {
\r
3637 position: absolute;
\r
3639 border-top: 1px solid #d2d2d2;
\r
3642 border-bottom: none;
\r
3646 padding-top: 30px;
\r
3647 padding-bottom: 30px; }
\r
3649 .tiny-tabs .opened {
\r
3651 border-top: 5px solid #0568ae !important;
\r
3652 padding-top: 22px !important;
\r
3653 border-bottom: none;
\r
3654 background-color: #fff;
\r
3655 -webkit-filter: none;
\r
3660 .tiny-tabs .toggle-header:focus {
\r
3661 text-decoration: underline;
\r
3662 outline: thin dotted #666;
\r
3663 outline-offset: 0; }
\r
3665 .tiny-tabs .toggle-header:first-child {
\r
3666 border-left: none;
\r
3669 .tiny-tabs .toggle-header:first-child {
\r
3670 border-left: 1px solid #fff; }
\r
3672 .tiny-tabs .opened:first-child {
\r
3673 border-left: 1px solid #d2d2d2; }
\r
3675 .tiny-tabs .toggle-header:nth-last-of-type(2) {
\r
3676 border-right-color: #fff; }
\r
3678 .tiny-tabs .opened:nth-last-of-type(2) {
\r
3679 border-right: 1px solid #d2d2d2; }
\r
3681 @media (max-width: 767px) {
\r
3683 .tiny-accordion-to-tabs {
\r
3684 margin-left: -15px;
\r
3685 margin-right: -15px;
\r
3687 .tiny-accordion-to-tabs {
\r
3689 border-bottom: 1px solid #d2d2d2; }
\r
3690 .tiny-accordion-to-tabs .toggle-header {
\r
3693 padding: 16px 50px 16px 15px;
\r
3694 border-top: 1px solid #d2d2d2; }
\r
3695 .tiny-accordion-to-tabs .toggle-header:focus {
\r
3696 text-decoration: underline; }
\r
3697 .tiny-accordion-to-tabs .toggle-header + .accordion-content {
\r
3698 padding: 0 50px 15px 15px; } }
\r
3700 @media (min-width: 768px) {
\r
3701 .tiny-accordion-to-tabs [class*="icon-primary-accordion-"] {
\r
3702 display: none !important; }
\r
3703 .tiny-accordion-to-tabs > .toggle-header {
\r
3704 display: inline-block;
\r
3707 /*overflow: hidden;*/
\r
3709 text-align: center;
\r
3710 background-color: #fff;
\r
3711 border-radius: 0px;
\r
3712 padding: 26px 20px 25px 20px !important;
\r
3713 border-top: 1px solid #fff;
\r
3714 -webkit-filter: none;
\r
3716 background-clip: padding-box;
\r
3717 border-bottom: 1px solid #d2d2d2;
\r
3718 font-weight: normal;
\r
3719 border-right: 1px solid #d2d2d2;
\r
3720 white-space: nowrap; }
\r
3721 .tiny-accordion-to-tabs .toggle-header + div {
\r
3723 position: absolute;
\r
3725 border-top: 1px solid #d2d2d2;
\r
3726 padding-top: 30px;
\r
3727 padding-left: 20px;
\r
3729 border-bottom: none;
\r
3731 .tiny-accordion-to-tabs .opened {
\r
3733 border-top: 5px solid #0568ae !important;
\r
3734 padding-top: 22px !important;
\r
3735 border-bottom: none;
\r
3736 background-color: #fff;
\r
3737 -webkit-filter: none;
\r
3740 text-decoration: none;
\r
3742 .tiny-accordion-to-tabs .toggle-header:focus {
\r
3743 text-decoration: underline;
\r
3744 outline: thin dotted #666;
\r
3745 outline-offset: 0px; }
\r
3746 .tiny-accordion-to-tabs .toggle-header:nth-last-of-type(2) {
\r
3747 border-right: none; }
\r
3748 .tiny-accordion-to-tabs .toggle-header:first-child {
\r
3749 border-left: none;
\r
3751 .tiny-accordion-to-tabs .toggle-header:first-child {
\r
3752 border-left: 1px solid #fff; }
\r
3753 .tiny-accordion-to-tabs .opened:first-child {
\r
3754 border-left: 1px solid #d2d2d2; }
\r
3755 .tiny-accordion-to-tabs .opened:nth-last-of-type(2) {
\r
3756 border-right: 1px solid #d2d2d2; } }
\r
3758 .toggle-header .tooltip .icon-primary-tooltip {
\r
3759 margin-top: -5px; }
\r
3761 .accordion-content {
\r
3762 transition: all 0.8s linear; }
\r
3767 .tiny-tabs .toggle-header {
\r
3768 display: inline-block;
\r
3773 text-align: center;
\r
3774 background-color: #fff;
\r
3775 border-radius: 0px;
\r
3776 padding: 22px 20px 25px 20px !important;
\r
3777 border-top: 5px solid #fff;
\r
3778 -webkit-filter: none;
\r
3780 background-clip: padding-box;
\r
3781 border-bottom: 1px solid #ccc;
\r
3782 font-weight: normal;
\r
3783 border-right: 1px solid #ccc;
\r
3784 white-space: nowrap; }
\r
3786 .tiny-tabs .toggle-header:first-child {
\r
3789 .tiny-tabs div:first-child .toggle-header {
\r
3790 margin-left: 30px; }
\r
3792 .tiny-tabs > div .toggle-header.opened {
\r
3793 border-bottom: 0 !important; }
\r
3795 .tiny-accordion-to-tabs > div > div.toggle-header {
\r
3796 background-clip: padding-box;
\r
3797 background-color: #fff;
\r
3798 border-bottom: 1px solid #ccc;
\r
3800 border-top: 5px solid #fff;
\r
3801 display: inline-block;
\r
3804 font-weight: normal;
\r
3806 padding: 22px 20px 21px !important;
\r
3807 text-align: center;
\r
3808 white-space: nowrap; }
\r
3810 .tiny-accordion-to-tabs .toggle-header:first-child {
\r
3813 .tiny-accordion-to-tabs div:first-child .toggle-header {
\r
3814 margin-left: 30px;
\r
3815 border-bottom: 0 !important; }
\r
3817 .tiny-accordion-to-tabs > div .toggle-header.opened {
\r
3818 border-bottom: 0 !important; }
\r
3820 @media (max-width: 767px) {
\r
3821 .tiny-accordion-to-tabs {
\r
3822 display: block !important;
\r
3823 border-bottom: 1px solid #ccc !important; }
\r
3824 .tiny-accordion-to-tabs > div > div.toggle-header {
\r
3825 display: block !important;
\r
3828 min-height: 41px !important;
\r
3829 padding: 15px 50px 15px 15px !important;
\r
3830 border-top: 1px solid #ccc; }
\r
3831 .tiny-accordion-to-tabs > div > div.toggle-header:first-child {
\r
3832 margin-left: 0 !important; }
\r
3833 .tiny-accordion-to-tabs > div > div.toggle-header + .accordion-content {
\r
3834 padding: 0 50px 15px 15px; }
\r
3835 .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus {
\r
3836 background-position: 0 0;
\r
3837 background-size: 20px 40px; }
\r
3838 .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
\r
3839 background-position: 0 -20px;
\r
3840 background-size: 20px 40px; }
\r
3841 .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus,
\r
3842 .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
\r
3843 display: inline-block;
\r
3847 position: absolute;
\r
3849 vertical-align: middle;
\r
3853 background-color: #5a5a5a;
\r
3854 border-radius: 8px;
\r
3858 position: relative;
\r
3864 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
3865 font-size: 1.6rem;
\r
3866 margin: 0 20px 5px 0; }
\r
3869 padding: 15px 20px; }
\r
3871 .alert div:first-child {
\r
3872 border-radius: 8px 0 0 8px;
\r
3875 .alert div:first-child + div {
\r
3876 border: 1px solid transparent;
\r
3877 border-left: none;
\r
3878 border-radius: 0 8px 8px 0; }
\r
3881 background-color: #cf2a2a;
\r
3882 border: 1px solid #cf2a2a; }
\r
3885 background-color: #44c8f5;
\r
3886 border: 1px solid #44c8f5; }
\r
3889 background-color: #c5d63d;
\r
3890 border: 1px solid #c5d63d; }
\r
3892 .alert [class*="icon-primary-"] {
\r
3895 margin-right: 0; }
\r
3899 position: absolute;
\r
3904 .alert .close:before {
\r
3907 position: absolute;
\r
3913 text-decoration: underline; }
\r
3915 .alert .close:focus {
\r
3916 outline: 1px dotted #666; }
\r
3919 font-size: 1.4rem; }
\r
3921 .alert p:last-child {
\r
3922 margin-bottom: 0; }
\r
3924 .alert .standalone-link i[class*="icon-primary-"] {
\r
3926 margin-right: 5px; }
\r
3928 @media (max-width: 767px) {
\r
3931 margin: 0 -15px; }
\r
3933 margin-top: 4px; }
\r
3935 padding: 15px 10px; }
\r
3936 .alert div:first-child {
\r
3941 font-size: 1.4rem; }
\r
3943 font-size: 1.2rem; }
\r
3947 .alert .standalone-link i[class*="icon-primary-"] {
\r
3948 font-size: 16px; } }
\r
3952 font-size: 16px; }
\r
3955 font-size: 14px; }
\r
3959 text-decoration: underline; }
\r
3961 .alert div:first-child + div {
\r
3962 padding-right: 25px; }
\r
3964 .alert div:last-child {
\r
3965 padding-right: 20px !important; }
\r
3967 .alert p [class*="icon-primary-"] {
\r
3970 margin-right: 0; }
\r
3972 @media (max-width: 767px) {
\r
3974 font-size: 14px; }
\r
3975 .alert div:first-child + div {
\r
3976 padding-right: 20px; }
\r
3977 .alert div:last-child {
\r
3978 padding-right: 15px !important; }
\r
3979 .alert div:first-child {
\r
3982 font-size: 12px; }
\r
3983 .alert p [class*="icon-primary-"] {
\r
3984 font-size: 16px; } }
\r
3988 margin: 10px auto;
\r
3990 .b2b-audio .controls-wrapper {
\r
3991 display: inline-block;
\r
3993 cursor: pointer; }
\r
3994 .b2b-audio .controls-wrapper i {
\r
3996 margin-right: 0px;
\r
3998 .b2b-audio .controls-wrapper i:hover {
\r
4000 .b2b-audio .seek-bar-container-wrapper {
\r
4001 display: inline-block;
\r
4004 margin-right: 10px;
\r
4005 margin-left: 10px;
\r
4007 padding-top: 5px; }
\r
4008 .b2b-audio .seek-bar-container-wrapper .timing-container {
\r
4009 padding-top: 13px;
\r
4011 font-size: 12px; }
\r
4012 .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-left {
\r
4014 line-height: 100%; }
\r
4015 .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-right {
\r
4017 line-height: 100%; }
\r
4018 .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-spacer {
\r
4020 .b2b-audio .seek-bar-tooltip {
\r
4021 text-align: center;
\r
4022 min-width: 76px; }
\r
4024 .b2b-audio-popover {
\r
4026 .b2b-audio-popover .volume-popover {
\r
4027 height: 100px !important;
\r
4028 width: 6px !important;
\r
4029 margin: 7px auto; }
\r
4030 .b2b-audio-popover .min-label {
\r
4031 margin-top: 5px; }
\r
4033 .b2b-audio-native {
\r
4037 .b2b-audio-recorder {
\r
4038 border: 1px solid #ccc;
\r
4039 box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.15);
\r
4042 min-width: 347px; }
\r
4043 .b2b-audio-recorder .b2b-elapsed-time {
\r
4044 margin: 23px 0 24px 15px;
\r
4046 font-style: italic;
\r
4048 .b2b-audio-recorder .b2b-controls {
\r
4050 cursor: pointer; }
\r
4051 .b2b-audio-recorder .b2b-controls i.icoControls-record {
\r
4055 margin-right: 10px; }
\r
4056 .b2b-audio-recorder .b2b-controls i.icoControls-record:focus, .b2b-audio-recorder .b2b-controls i.icoControls-record:hover {
\r
4058 .b2b-audio-recorder .b2b-controls i.icoControls-stop {
\r
4062 margin-right: 20px;
\r
4063 margin-top: 12px; }
\r
4064 .b2b-audio-recorder .b2b-controls i.icoControls-stop:focus, .b2b-audio-recorder .b2b-controls i.icoControls-stop:hover {
\r
4070 border-radius: 7px; }
\r
4072 .b2b-top-btn > i {
\r
4073 position: absolute;
\r
4080 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
4081 background-color: #5A5A5A;
\r
4082 border-radius: 12px;
\r
4084 display: inline-block;
\r
4085 font-size: 1.5rem;
\r
4086 font-weight: normal;
\r
4092 text-align: center;
\r
4093 vertical-align: baseline; }
\r
4094 .b2b-badge:empty {
\r
4097 * + .b2b-heading-micro {
\r
4098 margin-top: 20px !important; }
\r
4100 .b2b-heading-micro {
\r
4101 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
4102 font-weight: normal;
\r
4103 text-rendering: optimizeLegibility;
\r
4104 font-size: 1.2rem !important;
\r
4105 text-transform: uppercase !important;
\r
4106 margin-bottom: 20px !important;
\r
4107 line-height: 1.2 !important; }
\r
4109 .b2b-no-colors .b2b-badge {
\r
4110 border: 1px solid transparent; }
\r
4112 .btn > .b2b-badge {
\r
4113 margin-right: 5px; }
\r
4116 margin-right: 6px;
\r
4117 padding-top: 10px; }
\r
4119 .b2b-badge-urgent {
\r
4120 background-color: #cf2a2a; }
\r
4122 .bellyband-container {
\r
4123 margin: 0 -15px; }
\r
4125 .bellyband-group {
\r
4129 border-top: 1px solid #d2d2d2; }
\r
4131 .bellyband-link a {
\r
4134 line-height: 40px;
\r
4136 position: relative;
\r
4137 text-decoration: none; }
\r
4139 .bellyband-link a:hover > div span,
\r
4140 .bellyband-link a:focus > div span {
\r
4141 text-decoration: underline; }
\r
4143 .bellyband-link a:after {
\r
4145 font-size: 2.3rem;
\r
4147 position: absolute;
\r
4152 .dark-bg .bellyband-link a:after {
\r
4155 .bellyband-link img[src$="svg"].hidden-desktop,
\r
4156 .bellyband-link [class*="icon-primary-"].hidden-desktop {
\r
4157 display: inline-block !important;
\r
4161 margin-right: 5px;
\r
4165 .dark-bg .bellyband-link [class*="icon-primary-"].hidden-desktop,
\r
4166 .dark-bg .bellyband-link [class*="icon-primary-"].visible-desktop {
\r
4169 .bellyband-link img[src$="svg"].visible-desktop {
\r
4170 display: none !important; }
\r
4172 .bellyband-link p {
\r
4173 margin-top: -10px;
\r
4174 margin-left: 29px;
\r
4175 font-size: 1.4rem;
\r
4178 @media (min-width: 481px) and (max-width: 767px) {
\r
4179 .bellyband-container {
\r
4182 .bellyband-group {
\r
4183 align-content: flex-start;
\r
4184 align-items: stretch;
\r
4185 display: inline-flex;
\r
4186 flex-direction: column;
\r
4190 .bellyband-group .row {
\r
4191 display: flex !important; }
\r
4194 position: relative;
\r
4196 margin-bottom: 20px;
\r
4198 .bellyband-link a {
\r
4200 line-height: inherit;
\r
4203 .bellyband-link a:after {
\r
4205 .bellyband-link a span {
\r
4207 padding-top: 10px; }
\r
4208 .bellyband-link p {
\r
4210 padding: 0 15px 0 0;
\r
4214 .bellyband-link a:focus p {
\r
4215 text-decoration: none; } }
\r
4217 @media (min-width: 768px) {
\r
4218 .bellyband-group {
\r
4223 justify-content: center; }
\r
4224 .bellyband-group .row {
\r
4226 .bellyband-group .row .span {
\r
4229 margin-bottom: 30px;
\r
4231 justify-content: space-between; }
\r
4236 margin-bottom: 30px; }
\r
4237 .bellyband-link:last-child {
\r
4238 margin-right: 0; }
\r
4239 .bellyband-link a {
\r
4242 text-align: center; }
\r
4243 .bellyband-link a:after {
\r
4245 .bellyband-link img[src$="svg"].hidden-desktop,
\r
4246 .bellyband-link [class*="icon-primary-"].hidden-desktop {
\r
4247 display: none !important; }
\r
4248 .bellyband-link img[src$="svg"].visible-desktop,
\r
4249 .bellyband-link [class*="icon-primary-"].visible-desktop {
\r
4250 display: block !important;
\r
4255 margin-left: auto;
\r
4256 margin-right: auto;
\r
4258 .bellyband-link a span {
\r
4261 line-height: 2rem; }
\r
4262 .bellyband-link p {
\r
4264 text-align: center;
\r
4267 padding-left: 0 !important;
\r
4269 line-height: 1.8rem; } }
\r
4271 @media (max-width: 480px) {
\r
4272 .bellyband-link-tall a {
\r
4274 padding: 0 40px 10px 15px; }
\r
4275 .bellyband-link-tall p {
\r
4276 line-height: 1.8rem;
\r
4277 margin-bottom: 0; }
\r
4278 .bellyband-link-tall > a:after {
\r
4283 display: inline-block;
\r
4285 border-bottom: 1px solid #9d9d9d;
\r
4286 position: relative;
\r
4287 padding-top: 15px; }
\r
4288 .b2b-boardstrip .boardstrip-reel {
\r
4289 margin-bottom: 15px; }
\r
4290 .b2b-boardstrip .boardstrip-item--add {
\r
4291 border: 1px dashed #ccc;
\r
4292 background: #FFFFFF;
\r
4297 font-family: "Omnes-ECOMP-W02", Arial;
\r
4298 -webkit-border-radius: 3px;
\r
4299 -moz-border-radius: 3px;
\r
4300 border-radius: 3px;
\r
4301 position: absolute;
\r
4304 .b2b-boardstrip .boardstrip-item--add:hover, .b2b-boardstrip .boardstrip-item--add:focus {
\r
4305 border: 2px solid #007A3E;
\r
4306 cursor: pointer; }
\r
4307 .b2b-boardstrip .boardstrip-item--add i {
\r
4309 margin-left: auto;
\r
4310 margin-right: auto;
\r
4311 text-align: initial; }
\r
4312 .b2b-boardstrip .boardstrip-item--add .centered {
\r
4313 margin-left: auto;
\r
4314 margin-right: auto;
\r
4316 margin-bottom: 35px;
\r
4318 .b2b-boardstrip .board-viewport {
\r
4320 margin-left: 210px;
\r
4322 position: relative;
\r
4326 .b2b-boardstrip .board-viewport .boardstrip-container {
\r
4330 position: absolute;
\r
4332 -webkit-transition: left 1000ms;
\r
4333 transition: left 1000ms; }
\r
4334 .b2b-boardstrip .board-viewport .board-item {
\r
4337 border: 1px solid #ccc;
\r
4338 margin: 0 15px 15px 0;
\r
4339 background-color: #FFFFFF;
\r
4340 border-radius: 3px;
\r
4342 overflow: hidden; }
\r
4343 .b2b-boardstrip .board-viewport .board-item:hover, .b2b-boardstrip .board-viewport .board-item:focus {
\r
4344 border: 2px solid #007A3E;
\r
4345 background-color: white;
\r
4346 cursor: pointer; }
\r
4347 .b2b-boardstrip .board-viewport .board-item .board-img {
\r
4351 .b2b-boardstrip .board-viewport .board-item .board-img img {
\r
4352 max-width: 100%; }
\r
4353 .b2b-boardstrip .board-viewport .board-item .title {
\r
4354 text-align: center;
\r
4355 line-height: 16px;
\r
4358 font-family: "Omnes-ECOMP-W02", Arial;
\r
4359 padding: 10px 0; }
\r
4360 .b2b-boardstrip .board-viewport .board-item.selected {
\r
4361 background-color: #FFFFFF;
\r
4362 border: 2px solid #0574ac; }
\r
4363 .b2b-boardstrip .board-viewport .board-item .board-caret {
\r
4366 position: absolute;
\r
4368 .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-indicator {
\r
4369 border-left: 8px solid transparent;
\r
4370 border-right: 8px solid transparent;
\r
4371 border-bottom: 8px solid #999;
\r
4374 position: absolute;
\r
4377 .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-arrow-up {
\r
4380 border-style: solid;
\r
4381 border-width: 0 8px 8px 8px;
\r
4382 border-color: transparent transparent #FFFFFF transparent;
\r
4384 position: absolute; }
\r
4385 .b2b-boardstrip .arrow {
\r
4389 .b2b-boardstrip .arrow:hover {
\r
4391 .b2b-boardstrip .arrow.disabled {
\r
4392 color: #767676 !important;
\r
4393 cursor: not-allowed; }
\r
4394 .b2b-boardstrip .prev-items {
\r
4395 display: inline-block;
\r
4397 margin-bottom: auto;
\r
4398 margin-right: 15px;
\r
4399 position: absolute;
\r
4402 -webkit-user-select: none;
\r
4403 -moz-user-select: none;
\r
4404 -ms-user-select: none;
\r
4405 -o-user-select: none;
\r
4406 user-select: none; }
\r
4407 .b2b-boardstrip .next-items {
\r
4408 display: inline-block;
\r
4410 margin-bottom: auto;
\r
4411 margin-left: 10px;
\r
4412 -webkit-user-select: none;
\r
4413 -moz-user-select: none;
\r
4414 -ms-user-select: none;
\r
4415 -o-user-select: none;
\r
4416 user-select: none; }
\r
4417 .b2b-boardstrip .centered {
\r
4418 display: table-cell;
\r
4419 text-align: center;
\r
4420 vertical-align: middle; }
\r
4423 padding: 10px 15px;
\r
4426 border-bottom: 1px solid #d2d2d2;
\r
4427 font-size: 1.2rem;
\r
4431 .breadcrumb > li {
\r
4432 position: relative;
\r
4433 display: inline-block;
\r
4434 margin-right: 15px; }
\r
4436 .breadcrumb > li:after {
\r
4442 .breadcrumb > li:last-child {
\r
4445 .breadcrumb > li:last-child:after {
\r
4448 .breadcrumb li > * {
\r
4449 float: none !important;
\r
4453 padding: 10px 15px !important; }
\r
4458 background-color: #FFFFFF;
\r
4460 border-radius: 5px;
\r
4462 .datepicker > div {
\r
4464 .datepicker table {
\r
4465 -webkit-touch-callout: none;
\r
4466 -webkit-user-select: none;
\r
4467 -moz-user-select: none;
\r
4468 -ms-user-select: none;
\r
4469 user-select: none;
\r
4470 margin: 0 0 0 0; }
\r
4472 text-align: center;
\r
4477 .datepicker td span {
\r
4481 line-height: 54px;
\r
4485 border-radius: 4px; }
\r
4486 .datepicker td span:hover {
\r
4487 background: #eeeeee; }
\r
4488 .datepicker td span.disabled {
\r
4491 cursor: default; }
\r
4492 .datepicker td span.disabled:hover {
\r
4495 cursor: default; }
\r
4496 .datepicker td span.active {
\r
4498 background-color: #0568ae;
\r
4499 border-color: #357ebd; }
\r
4500 .datepicker td span.active:hover {
\r
4502 background-color: #0568ae;
\r
4503 border-color: #357ebd; }
\r
4504 .datepicker td span.active.disabled {
\r
4506 background-color: #0568ae;
\r
4507 border-color: #357ebd; }
\r
4509 text-align: center;
\r
4514 .datepicker tbody:focus {
\r
4516 .datepicker td.day {
\r
4517 background-color: transparent;
\r
4520 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
4523 line-height: 30rem;
\r
4524 margin: -2px -1px 0 0;
\r
4526 text-align: center;
\r
4528 .datepicker:focus {
\r
4529 outline: 1px dotted #191919;
\r
4530 outline-offset: -2px; }
\r
4531 .datepicker th[tabindex]:focus {
\r
4532 outline-offset: -15px; }
\r
4533 .datepicker td.day.focused {
\r
4534 background: #ededed;
\r
4535 cursor: pointer; }
\r
4536 .datepicker td.day.focused.active {
\r
4537 background-color: #ededed;
\r
4539 .datepicker td.disabled {
\r
4540 font-family: "Omnes-ECOMP-W02", Arial;
\r
4542 cursor: default; }
\r
4543 .datepicker td.disabled:hover {
\r
4544 font-family: "Omnes-ECOMP-W02", Arial;
\r
4546 cursor: default; }
\r
4547 .datepicker td.disabled:hover .show-date {
\r
4548 font-family: "Omnes-ECOMP-W02", Arial;
\r
4550 .datepicker td.disabled .show-date {
\r
4551 font-family: "Omnes-ECOMP-W02", Arial;
\r
4553 .datepicker td.today {
\r
4555 background-color: #0568ae; }
\r
4556 .datepicker td.today:hover {
\r
4558 background-color: #0568ae;
\r
4560 background-color: #0568ae; }
\r
4561 .datepicker td.today:active {
\r
4563 background-color: #0568ae; }
\r
4564 .datepicker td.today:focus {
\r
4566 background-color: #0568ae; }
\r
4567 .datepicker td.today.disabled {
\r
4569 background-color: #0568ae; }
\r
4570 .datepicker td.today.active {
\r
4572 background-color: #0568ae; }
\r
4573 .datepicker td.today.active:hover {
\r
4575 .datepicker td.selected {
\r
4577 background-color: #959595; }
\r
4578 .datepicker td.selected:hover {
\r
4580 background-color: #959595; }
\r
4581 .datepicker td.selected.disabled {
\r
4583 background-color: #959595; }
\r
4584 .datepicker td.active:not(.new) {
\r
4586 border-color: #357ebd; }
\r
4587 .datepicker td.active:not(.new) .show-date {
\r
4589 font-family: "Omnes-ECOMP-W02-Medium", Arial; }
\r
4590 .datepicker td.active:hover:not(.new) {
\r
4592 border-color: #357ebd; }
\r
4593 .datepicker td.active:hover:not(.new) .show-date {
\r
4595 font-family: "Omnes-ECOMP-W02-Medium", Arial; }
\r
4596 .datepicker .start-date .show-date {
\r
4597 background-color: #0568ae;
\r
4598 color: #FFFFFF !important;
\r
4599 border-radius: 5px 0 0 5px;
\r
4601 .datepicker .start-date .show-date:before {
\r
4602 background-color: #0568ae;
\r
4607 position: absolute;
\r
4610 .datepicker .between-date .show-date {
\r
4611 background-color: #0568ae;
\r
4612 color: #FFFFFF !important; }
\r
4613 .datepicker .between-date .show-date:before {
\r
4614 background-color: #0568ae;
\r
4619 position: absolute;
\r
4622 .datepicker .between-date:first-child .show-date:before {
\r
4623 background-color: #FFFFFF;
\r
4626 position: absolute;
\r
4629 .datepicker .end-date .show-date {
\r
4630 background-color: #0568ae;
\r
4631 color: #FFFFFF !important;
\r
4632 border-radius: 0 5px 5px 0; }
\r
4633 .datepicker .end-date .show-date:before {
\r
4634 background-color: #0568ae;
\r
4639 position: absolute;
\r
4642 .datepicker .end-date:first-child .show-date:after {
\r
4643 background-color: #FFFFFF;
\r
4646 position: absolute;
\r
4649 .datepicker .end-date:first-child .show-date::before {
\r
4650 background-color: #FFFFFF; }
\r
4651 .datepicker tr td.start-date:last-child .show-date:after {
\r
4652 background-color: #FFFFFF;
\r
4655 position: absolute;
\r
4658 .datepicker tr td.start-date:last-child:focus .show-date:after {
\r
4661 background-color: transparent; }
\r
4662 .datepicker tr td.start-date:first-child:focus .show-date:after {
\r
4665 background-color: transparent; }
\r
4666 .datepicker tr td.between-date:last-child .show-date:after {
\r
4667 background-color: #FFFFFF;
\r
4670 position: absolute;
\r
4673 .datepicker tr td.between-date:last-child:focus .show-date:after {
\r
4676 background-color: transparent; }
\r
4677 .datepicker tr td.between-date:first-child:focus .show-date:after {
\r
4680 background-color: transparent; }
\r
4681 .datepicker tr td.end-date:last-child:focus .show-date:after {
\r
4684 background-color: transparent; }
\r
4685 .datepicker tr td.end-date:first-child:focus .show-date:after {
\r
4688 background-color: transparent; }
\r
4689 .datepicker th.datepicker-switch {
\r
4692 font-weight: normal;
\r
4693 cursor: default !important; }
\r
4694 .datepicker thead tr:first-child th {
\r
4697 line-height: 60px; }
\r
4698 .datepicker thead tr:first-child th.cw {
\r
4700 background-color: transparent; }
\r
4701 .datepicker tfoot tr th {
\r
4704 line-height: 60px;
\r
4706 line-height: normal; }
\r
4707 .datepicker tfoot tr th li {
\r
4708 margin-bottom: 5px; }
\r
4709 .datepicker .prev {
\r
4710 color: transparent;
\r
4712 margin: 0 -1px -1px 0;
\r
4714 .datepicker .prev i {
\r
4716 position: absolute;
\r
4721 .datepicker .next {
\r
4722 color: transparent;
\r
4724 margin: 0 -1px -1px 0;
\r
4726 .datepicker .next i {
\r
4728 position: absolute;
\r
4736 padding: 0 2px 0 5px;
\r
4737 vertical-align: middle; }
\r
4738 .datepicker .due-date .show-date {
\r
4739 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
4740 background-color: #cf2a2a;
\r
4741 border-radius: 5px;
\r
4742 color: #FFFFFF !important; }
\r
4743 .datepicker .day.active .show-date:after {
\r
4744 border: 2px solid #0568ae;
\r
4745 border-radius: 7px;
\r
4750 position: absolute;
\r
4753 .datepicker .day:focus .show-date:after {
\r
4754 border: 2px solid #0568ae;
\r
4755 border-radius: 7px;
\r
4760 position: absolute;
\r
4767 .datepicker .due-date.disabled .show-date:after {
\r
4768 border: 2px solid #0568ae;
\r
4769 border-radius: 7px;
\r
4774 position: absolute;
\r
4777 .datepicker .day.due-date:focus .show-date:after {
\r
4782 .datepicker .due-date.old:after {
\r
4783 visibility: hidden; }
\r
4784 .datepicker .due-date.new:after {
\r
4785 visibility: hidden; }
\r
4786 .datepicker .due-date.active:after {
\r
4787 border-color: #FFFFFF; }
\r
4788 .datepicker .due-date.active.focused {
\r
4789 color: #0568ae !important; }
\r
4790 .datepicker .due-date.active.focused:after {
\r
4791 border-color: #cf2a2a !important; }
\r
4792 .datepicker .dow {
\r
4795 font-weight: normal;
\r
4796 position: relative;
\r
4798 color: transparent;
\r
4799 letter-spacing: -6px;
\r
4800 margin: 0 -1px -1px 0; }
\r
4801 .datepicker .dow span[aria-hidden="true"] {
\r
4806 letter-spacing: 0;
\r
4810 position: relative;
\r
4812 .datepicker .calendar-legend {
\r
4814 margin-bottom: 20px; }
\r
4815 .datepicker .calendar-legend li {
\r
4816 font-size: 1.4rem;
\r
4817 font-weight: normal;
\r
4818 margin-bottom: 5px;
\r
4819 padding-left: 10px;
\r
4821 position: relative; }
\r
4822 .datepicker i.legend-due-date {
\r
4823 background-color: #cf2a2a;
\r
4824 border-radius: 5px;
\r
4827 margin-right: 8px;
\r
4828 vertical-align: middle;
\r
4829 display: inline-block; }
\r
4830 .datepicker i.legend-selected-date {
\r
4831 background-color: #FFFFFF;
\r
4832 border: 2px solid #0568ae;
\r
4833 border-radius: 5px;
\r
4836 margin-right: 8px;
\r
4837 vertical-align: middle;
\r
4838 display: inline-block; }
\r
4839 .datepicker i.legend-selectedisdue {
\r
4840 background-color: #FFFFFF;
\r
4841 border: 2px solid #0568ae;
\r
4842 border-radius: 5px;
\r
4843 display: inline-block;
\r
4845 margin-right: 8px;
\r
4846 position: relative;
\r
4847 vertical-align: middle;
\r
4849 .datepicker i.legend-selectedisdue:after {
\r
4850 background-color: #cf2a2a;
\r
4851 border-radius: 3px;
\r
4856 position: absolute;
\r
4859 .datepicker .text-left {
\r
4861 .datepicker .active.old {
\r
4862 background-color: #ededed !important;
\r
4863 color: #ededed !important; }
\r
4865 .datepicker-inline {
\r
4868 .datepicker.datepicker-rtl {
\r
4870 .datepicker.datepicker-rtl td span {
\r
4873 .datepicker-dropdown {
\r
4876 .datepicker-dropdown:before {
\r
4878 display: inline-block;
\r
4879 border-left: 10px solid transparent;
\r
4880 border-right: 10px solid transparent;
\r
4881 border-bottom: 10px solid #d2d2d2;
\r
4883 border-bottom-color: rgba(0, 0, 0, 0.2);
\r
4884 position: absolute; }
\r
4885 .datepicker-dropdown:after {
\r
4887 display: inline-block;
\r
4888 border-left: 10px solid transparent;
\r
4889 border-right: 10px solid transparent;
\r
4890 border-bottom: 10px solid #fff;
\r
4892 position: absolute; }
\r
4894 .datepicker-dropdown.datepicker-orient-left:before {
\r
4897 .datepicker-dropdown.datepicker-orient-left:after {
\r
4900 .datepicker-dropdown.datepicker-orient-right:before {
\r
4903 .datepicker-dropdown.datepicker-orient-right:after {
\r
4906 .datepicker-dropdown.datepicker-orient-top:before {
\r
4909 .datepicker-dropdown.datepicker-orient-top:after {
\r
4912 .datepicker-dropdown.datepicker-orient-bottom:before {
\r
4915 border-top: 7px solid #959595; }
\r
4917 .datepicker-dropdown.datepicker-orient-bottom:after {
\r
4920 border-top: 6px solid #fff; }
\r
4922 .datepicker.days div.datepicker-days {
\r
4925 .datepicker.months div.datepicker-months {
\r
4928 .datepicker.years div.datepicker-years {
\r
4932 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
4935 line-height: 26px;
\r
4936 margin: 4px auto 0;
\r
4939 .input-group.date .input-group-addon i {
\r
4944 .datepicker.dropdown-menu {
\r
4945 box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
\r
4946 position: absolute;
\r
4954 background-color: #FFFFFF;
\r
4955 border: 1px solid #d2d2d2;
\r
4956 border: 1px solid rgba(0, 0, 0, 0.2);
\r
4957 border-radius: 5px;
\r
4960 line-height: 1.428571429;
\r
4962 .datepicker.dropdown-menu th {
\r
4966 position: relative; }
\r
4967 .datepicker.dropdown-menu td {
\r
4971 position: relative; }
\r
4978 background-color: #FFFFFF;
\r
4979 background-repeat: no-repeat;
\r
4980 background-position: -62px 0; }
\r
4987 background-color: #FFFFFF;
\r
4988 background-repeat: no-repeat;
\r
4989 background-position: -5px 0; }
\r
4996 background-color: #FFFFFF;
\r
4997 background-repeat: no-repeat;
\r
4998 background-position: -19px 0; }
\r
5005 background-color: #FFFFFF;
\r
5006 background-repeat: no-repeat;
\r
5007 background-position: -34px 0; }
\r
5014 background-color: #FFFFFF;
\r
5015 background-repeat: no-repeat;
\r
5016 background-position: -49px 0; }
\r
5023 background-color: #FFFFFF;
\r
5024 background-repeat: no-repeat;
\r
5025 background-position: 0 0; }
\r
5032 background-color: #FFFFFF;
\r
5033 background-repeat: no-repeat;
\r
5034 background-position: 0 0; }
\r
5041 background-color: #FFFFFF;
\r
5042 background-repeat: no-repeat;
\r
5043 background-position: 0 0; }
\r
5050 background-color: #FFFFFF;
\r
5051 background-repeat: no-repeat;
\r
5052 background-position: 0 0; }
\r
5054 .b2b-coachmark-label {
\r
5057 cursor: not-allowed;
\r
5058 position: relative; }
\r
5060 .b2b-coachmark-highlight {
\r
5061 border: 1px solid #d3d3d3;
\r
5065 background-color: #ffffff;
\r
5066 border-radius: 10px;
\r
5067 position: relative;
\r
5068 box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
\r
5070 position: absolute; }
\r
5072 .b2b-coachmark-highlight-mask {
\r
5076 .b2b-coachmark-container {
\r
5077 border: 1px solid #cccccc;
\r
5079 pointer-events: auto;
\r
5080 -webkit-box-sizing: border-box;
\r
5081 -moz-box-sizing: border-box;
\r
5082 box-sizing: border-box;
\r
5084 -webkit-transition: opacity .2s ease-out;
\r
5085 -moz-transition: opacity .2s ease-out;
\r
5086 transition: opacity .2s ease-out;
\r
5088 border-radius: 20px;
\r
5089 box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.15);
\r
5091 line-height: 20px;
\r
5092 position: absolute;
\r
5096 background-color: #ffffff;
\r
5099 .b2b-coachmark-container i.b2b-coachmark-caret {
\r
5100 position: absolute;
\r
5105 .b2b-coachmark-container i.b2b-coachmark-caret:before {
\r
5107 border-left: 12px solid transparent;
\r
5108 border-right: 12px solid transparent;
\r
5109 border-bottom: 12px solid #d3d3d3;
\r
5110 position: absolute;
\r
5112 .b2b-coachmark-container i.b2b-coachmark-caret:after {
\r
5114 border-left: 12px solid transparent;
\r
5115 border-right: 12px solid transparent;
\r
5116 border-bottom: 12px solid #fff;
\r
5117 position: absolute; }
\r
5118 .b2b-coachmark-container .b2b-coachmark-header {
\r
5119 position: relative;
\r
5121 overflow: hidden; }
\r
5122 .b2b-coachmark-container .b2b-coachmark-header .corner-button {
\r
5123 box-shadow: 0 -24px 0 0 #f2f2f2 inset;
\r
5125 position: absolute;
\r
5128 transform: rotate(45deg);
\r
5130 .b2b-coachmark-container .b2b-coachmark-countlabel {
\r
5132 font-family: "Omnes-ECOMP-W02, Arial";
\r
5134 margin-left: 20px;
\r
5135 margin-top: 20px; }
\r
5136 .b2b-coachmark-container .b2b-coachmark-content {
\r
5137 padding: 0px 20px 20px 20px;
\r
5139 .b2b-coachmark-container .b2b-coachmark-content .icon-misc-dimmer {
\r
5142 margin-right: 10px;
\r
5144 .b2b-coachmark-container .b2b-coachmark-content .offscreen-text {
\r
5145 position: absolute;
\r
5150 overflow: hidden; }
\r
5151 .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-content-header {
\r
5154 line-height: 18px;
\r
5157 .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-description {
\r
5159 line-height: 18px;
\r
5163 margin-top: 15px; }
\r
5164 .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group {
\r
5167 text-align: right;
\r
5169 .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group .b2b-coachmark-link {
\r
5170 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
5173 line-height: 18px;
\r
5174 margin-right: 20px; }
\r
5175 .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group button {
\r
5180 background-color: #fff;
\r
5182 border-radius: 5px;
\r
5185 .datepicker-inline {
\r
5188 .datepicker.datepicker-rtl {
\r
5191 .datepicker.datepicker-rtl td span {
\r
5194 .datepicker-dropdown {
\r
5199 .datepicker-dropdown:before {
\r
5201 display: inline-block;
\r
5202 border-left: 10px solid transparent;
\r
5203 border-right: 10px solid transparent;
\r
5204 border-bottom: 10px solid #d2d2d2;
\r
5206 border-bottom-color: rgba(0, 0, 0, 0.2);
\r
5207 position: absolute; }
\r
5209 .datepicker-dropdown:after {
\r
5211 display: inline-block;
\r
5212 border-left: 10px solid transparent;
\r
5213 border-right: 10px solid transparent;
\r
5214 border-bottom: 10px solid #fff;
\r
5216 position: absolute; }
\r
5218 .datepicker-dropdown.datepicker-orient-left:before,
\r
5219 .datepicker-dropdown.datepicker-orient-left:after {
\r
5222 .datepicker-dropdown.datepicker-orient-right:before,
\r
5223 .datepicker-dropdown.datepicker-orient-right:after {
\r
5226 .datepicker-dropdown.datepicker-orient-top:before {
\r
5229 .datepicker-dropdown.datepicker-orient-top:after {
\r
5232 .datepicker-dropdown.datepicker-orient-bottom:before {
\r
5235 border-top: 7px solid #959595; }
\r
5237 .datepicker-dropdown.datepicker-orient-bottom:after {
\r
5240 border-top: 6px solid #fff; }
\r
5242 .datepicker > div {
\r
5245 .datepicker.days div.datepicker-days {
\r
5248 .datepicker.months div.datepicker-months {
\r
5251 .datepicker.years div.datepicker-years {
\r
5254 .datepicker table {
\r
5255 -webkit-touch-callout: none;
\r
5256 -webkit-user-select: none;
\r
5257 -khtml-user-select: none;
\r
5258 -moz-user-select: none;
\r
5259 -ms-user-select: none;
\r
5260 user-select: none;
\r
5261 margin: 0 0 0 0; }
\r
5265 text-align: center;
\r
5271 .datepicker tbody :focus {
\r
5274 .datepicker td.day {
\r
5275 background-color: transparent;
\r
5278 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
5281 line-height: 30rem;
\r
5282 margin: -2px -1px 0 0;
\r
5284 text-align: center;
\r
5287 .datepicker :focus {
\r
5288 outline: 1px dotted #000;
\r
5289 outline-offset: -2px; }
\r
5291 .datepicker td.day.focused {
\r
5292 background: #ededed;
\r
5293 cursor: pointer; }
\r
5295 .datepicker td.day.focused.active {
\r
5296 background-color: #ededed;
\r
5299 .datepicker td.disabled,
\r
5300 .datepicker td.disabled:hover {
\r
5301 font-family: "Omnes-ECOMP-W02", Arial;
\r
5303 cursor: default; }
\r
5305 .datepicker td.today,
\r
5306 .datepicker td.today:hover,
\r
5307 .datepicker td.today.disabled {
\r
5309 background-color: #0568ae; }
\r
5311 .datepicker td.today.active,
\r
5312 .datepicker td.today:active,
\r
5313 .datepicker td.today:hover,
\r
5314 .datepicker td.today:focus {
\r
5316 background-color: #0568ae; }
\r
5318 .datepicker td.today.active:hover {
\r
5321 .datepicker td.selected,
\r
5322 .datepicker td.selected:hover,
\r
5323 .datepicker td.selected.disabled {
\r
5325 background-color: #959595; }
\r
5327 .datepicker td.active:not(.new),
\r
5328 .datepicker td.active:hover:not(.new) {
\r
5330 border-color: #357ebd; }
\r
5333 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
5336 line-height: 26px;
\r
5337 margin: 4px auto 0;
\r
5340 .datepicker .start-date .show-date,
\r
5341 .datepicker .between-date .show-date,
\r
5342 .datepicker .end-date .show-date {
\r
5343 background-color: #0568ae;
\r
5344 color: #fff !important; }
\r
5346 .datepicker .start-date .show-date {
\r
5347 border-radius: 5px 0 0 5px;
\r
5350 .datepicker .start-date .show-date:before {
\r
5351 background-color: #0568ae;
\r
5356 position: absolute;
\r
5360 .datepicker .between-date .show-date:before {
\r
5361 background-color: #0568ae;
\r
5366 position: absolute;
\r
5370 .datepicker .end-date .show-date {
\r
5371 border-radius: 0 5px 5px 0; }
\r
5373 .datepicker .end-date .show-date:before {
\r
5374 background-color: #0568ae;
\r
5379 position: absolute;
\r
5383 .datepicker .between-date:first-child .show-date:before {
\r
5384 background-color: #fff;
\r
5387 position: absolute;
\r
5391 .datepicker .end-date:first-child .show-date:after {
\r
5392 background-color: #fff;
\r
5395 position: absolute;
\r
5399 .datepicker .end-date:first-child .show-date::before {
\r
5400 background-color: #fff; }
\r
5402 .datepicker tr td.start-date:last-child .show-date:after,
\r
5403 .datepicker tr td.between-date:last-child .show-date:after {
\r
5404 background-color: #fff;
\r
5407 position: absolute;
\r
5411 .datepicker tr td.start-date:last-child:focus .show-date:after,
\r
5412 .datepicker tr td.end-date:last-child:focus .show-date:after,
\r
5413 .datepicker tr td.between-date:last-child:focus .show-date:after,
\r
5414 .datepicker tr td.start-date:first-child:focus .show-date:after,
\r
5415 .datepicker tr td.end-date:first-child:focus .show-date:after,
\r
5416 .datepicker tr td.between-date:first-child:focus .show-date:after {
\r
5419 background-color: transparent; }
\r
5421 .datepicker td.active:not(.new) .show-date,
\r
5422 .datepicker td.active:hover:not(.new) .show-date {
\r
5424 font-family: "Omnes-ECOMP-W02-Medium", Arial; }
\r
5426 .datepicker td.disabled .show-date,
\r
5427 .datepicker td.disabled:hover .show-date {
\r
5428 font-family: "Omnes-ECOMP-W02", Arial;
\r
5431 .datepicker td span {
\r
5435 line-height: 54px;
\r
5439 border-radius: 4px; }
\r
5441 .datepicker td span:hover {
\r
5442 background: #eeeeee; }
\r
5444 .datepicker td span.disabled,
\r
5445 .datepicker td span.disabled:hover {
\r
5448 cursor: default; }
\r
5450 .datepicker td span.active,
\r
5451 .datepicker td span.active:hover,
\r
5452 .datepicker td span.active.disabled {
\r
5454 background-color: #0568ae;
\r
5455 border-color: #357ebd; }
\r
5457 .datepicker th.datepicker-switch {
\r
5460 font-weight: normal;
\r
5461 cursor: default !important; }
\r
5463 .datepicker thead tr:first-child th,
\r
5464 .datepicker tfoot tr th {
\r
5467 line-height: 60px; }
\r
5469 .datepicker tfoot tr th {
\r
5471 line-height: normal; }
\r
5473 .datepicker tfoot tr th li {
\r
5474 margin-bottom: 5px; }
\r
5476 .datepicker .prev,
\r
5477 .datepicker .next {
\r
5478 color: transparent;
\r
5480 margin: 0 -1px -1px 0;
\r
5483 .datepicker .prev i,
\r
5484 .datepicker .next i {
\r
5486 position: absolute;
\r
5491 .datepicker .prev i {
\r
5494 .datepicker .next i {
\r
5500 padding: 0 2px 0 5px;
\r
5501 vertical-align: middle; }
\r
5503 .datepicker thead tr:first-child th.cw {
\r
5505 background-color: transparent; }
\r
5507 .input-group.date .input-group-addon i {
\r
5512 .datepicker.dropdown-menu {
\r
5513 box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
\r
5514 position: absolute;
\r
5522 background-color: #ffffff;
\r
5523 border: 1px solid #d2d2d2;
\r
5524 border: 1px solid rgba(0, 0, 0, 0.2);
\r
5525 border-radius: 5px;
\r
5528 line-height: 1.428571429;
\r
5531 .datepicker.dropdown-menu th,
\r
5532 .datepicker.dropdown-menu td {
\r
5536 position: relative; }
\r
5538 .datepicker .due-date .show-date {
\r
5539 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
5540 background-color: #cf2a2a;
\r
5541 border-radius: 5px;
\r
5542 color: #fff !important; }
\r
5544 .datepicker .day.active .show-date:after,
\r
5545 .datepicker .day:focus .show-date:after,
\r
5546 .datepicker .due-date.disabled .show-date:after {
\r
5547 border: 2px solid #0568ae;
\r
5548 border-radius: 7px;
\r
5553 position: absolute;
\r
5557 .datepicker .day:focus .show-date:after {
\r
5563 .datepicker .day.due-date:focus .show-date:after {
\r
5569 .datepicker .due-date.old:after,
\r
5570 .datepicker .due-date.new:after {
\r
5571 visibility: hidden; }
\r
5573 .datepicker .due-date.active:after {
\r
5574 border-color: #fff; }
\r
5576 .datepicker .due-date.active.focused {
\r
5577 color: #0568ae !important; }
\r
5579 .datepicker .due-date.active.focused:after {
\r
5580 border-color: #cf2a2a !important; }
\r
5582 .datepicker .dow {
\r
5585 font-weight: normal;
\r
5586 position: relative;
\r
5588 color: transparent;
\r
5589 letter-spacing: -6px;
\r
5590 margin: 0 -1px -1px 0; }
\r
5592 .datepicker .dow span[aria-hidden="true"] {
\r
5597 letter-spacing: 0;
\r
5601 position: relative;
\r
5604 .datepicker .calendar-legend {
\r
5606 margin-bottom: 20px; }
\r
5608 .datepicker .calendar-legend li {
\r
5609 font-size: 1.4rem;
\r
5610 font-weight: normal;
\r
5611 margin-bottom: 5px;
\r
5612 padding-left: 10px;
\r
5614 position: relative; }
\r
5616 .datepicker i.legend-due-date {
\r
5617 background-color: #cf2a2a;
\r
5618 border-radius: 5px;
\r
5621 margin-right: 8px;
\r
5622 vertical-align: middle;
\r
5623 display: inline-block; }
\r
5625 .datepicker i.legend-selected-date {
\r
5626 background-color: #fff;
\r
5627 border: 2px solid #0568ae;
\r
5628 border-radius: 5px;
\r
5631 margin-right: 8px;
\r
5632 vertical-align: middle;
\r
5633 display: inline-block; }
\r
5635 .datepicker i.legend-selectedisdue {
\r
5636 background-color: #fff;
\r
5637 border: 2px solid #0568ae;
\r
5638 border-radius: 5px;
\r
5639 display: inline-block;
\r
5641 margin-right: 8px;
\r
5642 position: relative;
\r
5643 vertical-align: middle;
\r
5646 .datepicker i.legend-selectedisdue:after {
\r
5647 background-color: #cf2a2a;
\r
5648 border-radius: 3px;
\r
5653 position: absolute;
\r
5657 .datepicker .text-left {
\r
5660 .datepicker .active.old {
\r
5661 background-color: #ededed !important;
\r
5662 color: #ededed !important; }
\r
5677 background-color: white;
\r
5678 background-repeat: no-repeat; }
\r
5681 background-position: -62px 0; }
\r
5684 background-position: -5px 0; }
\r
5687 background-position: -19px 0; }
\r
5690 background-position: -34px 0; }
\r
5693 background-position: -49px 0; }
\r
5697 background-position: 0 0; }
\r
5700 background-position: 0 0; }
\r
5703 background-position: 0 0; }
\r
5706 background-position: 0 0; }
\r
5708 /* remove focus outline when dropdown is opened */
\r
5709 /*resolve blue focus outline over dropdown with error*/
\r
5714 line-height: 25px;
\r
5716 background-color: #FFFFFF; }
\r
5718 .selectWrap.disabled .icon-primary-down {
\r
5721 .selectWrap.disabled input.awd-select {
\r
5723 padding: 10px 45px 10px 15px;
\r
5726 .selectWrap.disabled button.awd-select {
\r
5728 text-indent: 15; }
\r
5730 .selectWrap.disabled:after {
\r
5732 cursor: not-allowed; }
\r
5734 input.awd-select {
\r
5735 background-color: transparent;
\r
5736 border: 1px solid #d2d2d2;
\r
5737 border-radius: 6px;
\r
5738 box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
\r
5741 font-family: "Omnes-ECOMP-W02", Arial;
\r
5742 /*font-size: 1.6rem;*/
\r
5746 padding: 12px 45px 8px 0;
\r
5747 position: relative;
\r
5752 padding: 12px 45px 8px 15px;
\r
5753 user-select: none; }
\r
5754 input.awd-select:focus {
\r
5755 border-color: #0568ae !important; }
\r
5757 button.awd-select {
\r
5758 background-color: transparent;
\r
5759 border: 1px solid #d2d2d2;
\r
5760 border-radius: 6px;
\r
5761 box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
\r
5764 font-family: "Omnes-ECOMP-W02", Arial;
\r
5765 /*font-size: 1.6rem;*/
\r
5767 line-height: 36px;
\r
5769 /*padding-right: 41px;*/
\r
5770 position: relative;
\r
5775 button.awd-select:not(.large) {
\r
5776 text-indent: 15px;
\r
5777 white-space: nowrap;
\r
5779 text-overflow: clip;
\r
5780 text-overflow: ellipsis; }
\r
5781 button.awd-select img {
\r
5783 margin-right: 7px;
\r
5784 margin-top: -10px;
\r
5785 position: relative;
\r
5787 vertical-align: text-bottom; }
\r
5788 button.awd-select:focus {
\r
5789 border-color: #0568ae !important; }
\r
5790 button.awd-select i {
\r
5792 position: absolute;
\r
5797 button.awd-select.large {
\r
5798 align-items: center;
\r
5801 line-height: 20px;
\r
5803 padding-left: 70px;
\r
5804 vertical-align: middle; }
\r
5805 button.awd-select.large img {
\r
5808 position: absolute;
\r
5812 .selectWrap.large {
\r
5814 .selectWrap.large .awd-select-list-item {
\r
5815 align-items: center;
\r
5818 line-height: 20px;
\r
5820 padding-left: 70px;
\r
5821 vertical-align: middle; }
\r
5822 .selectWrap.large .awd-select-list-item img {
\r
5825 position: absolute;
\r
5830 button.awd-select.active {
\r
5831 border-radius: 6px 6px 0 0; }
\r
5832 button.awd-select.active:focus {
\r
5833 border-color: #d2d2d2 !important; }
\r
5835 input.awd-select.active {
\r
5836 border-radius: 6px 6px 0 0; }
\r
5837 input.awd-select.active:focus {
\r
5838 border-color: #d2d2d2 !important; }
\r
5841 position: relative; }
\r
5843 span.selectWrap input[readonly]:focus {
\r
5844 color: transparent;
\r
5845 text-shadow: 0 0 0 #000; }
\r
5847 .isIE.ds2-no-colors .awd-select:focus {
\r
5848 outline: 1px dashed transparent; }
\r
5850 .awd-select-list {
\r
5851 box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
\r
5852 border-radius: 0 0 6px 6px;
\r
5853 position: absolute;
\r
5854 border: 1px solid #d2d2d2;
\r
5857 background-color: #f2f2f2;
\r
5860 max-height: 320px;
\r
5861 overflow-y: auto; }
\r
5863 .awd-select-list-item {
\r
5867 line-height: 38px;
\r
5870 position: relative;
\r
5871 text-overflow: ellipsis;
\r
5872 white-space: nowrap;
\r
5874 .awd-select-list-item:hover {
\r
5876 background-color: #d2d2d2;
\r
5877 outline: 1px dashed transparent; }
\r
5878 .awd-select-list-item:focus {
\r
5880 background-color: #d2d2d2;
\r
5881 outline: 1px dashed transparent; }
\r
5882 .awd-select-list-item img {
\r
5884 margin-right: 7px;
\r
5889 border-radius: 6px;
\r
5890 position: relative;
\r
5892 line-height: 28px;
\r
5895 background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
\r
5896 background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
\r
5897 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
\r
5898 .selectWrap:not(.large) .awd-select-list-item:first-child {
\r
5899 margin-top: 15px; }
\r
5900 .selectWrap:not(.large) .awd-select-list-item:last-child {
\r
5901 margin-bottom: 15px; }
\r
5902 .selectWrap .icon-primary-down {
\r
5904 margin-top: -11px;
\r
5905 position: absolute;
\r
5908 .selectWrap + [aria-expanded="true"] {
\r
5909 padding-bottom: 9px;
\r
5910 padding-top: 20px; }
\r
5912 .awd-select-list-item[aria-selected="true"] {
\r
5913 background-color: #d2d2d2; }
\r
5915 span input.awd-select {
\r
5918 text-overflow: ellipsis;
\r
5919 padding-right: 45px; }
\r
5921 li.optgroup-wrapper {
\r
5922 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
5923 cursor: default !important;
\r
5924 padding: 0px 15px; }
\r
5925 li.optgroup-wrapper:first-child {
\r
5926 padding-top: 10px; }
\r
5927 li.optgroup-wrapper:hover {
\r
5928 background-color: #f2f2f2; }
\r
5931 font-family: "Omnes-ECOMP-W02", Arial;
\r
5932 cursor: pointer !important;
\r
5933 margin: 0 -15px; }
\r
5935 padding: 0 0 0 33px; }
\r
5937 label + .selectWrap {
\r
5938 margin-top: 4px; }
\r
5941 border-radius: 6px;
\r
5942 position: relative;
\r
5944 line-height: 28px;
\r
5947 background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
\r
5948 background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
\r
5949 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
\r
5951 .group .selectWrap {
\r
5952 margin: 0 0 10px 0; }
\r
5954 select.awd-select {
\r
5955 position: relative;
\r
5963 select.awd-select > optgroup {
\r
5964 padding-left: 8px;
\r
5965 font-style: normal;
\r
5966 margin-top: 10px; }
\r
5967 select.awd-select > optgroup:first-child {
\r
5969 select.awd-select > optgroup > option {
\r
5970 padding-left: 8px; }
\r
5971 select.awd-select > option {
\r
5972 padding-left: 8px; }
\r
5973 select.awd-select + span {
\r
5974 background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
\r
5975 background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
\r
5976 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0);
\r
5977 position: absolute;
\r
5982 border: 1px solid #d2d2d2;
\r
5983 border-radius: 6px;
\r
5986 padding: 18px 45px 15px 15px;
\r
5988 font-size: 1.6rem;
\r
5989 padding-right: 45px;
\r
5990 white-space: nowrap;
\r
5992 text-overflow: ellipsis; }
\r
5993 select.awd-select + span > i {
\r
5995 position: absolute;
\r
5999 select.awd-select + span > i:before {
\r
6001 position: absolute;
\r
6003 select.awd-select:focus + span {
\r
6004 border-color: #0568ae; }
\r
6006 .isIE select.awd-select + span {
\r
6009 [data-default-option="true"] {
\r
6010 color: #767676 !important;
\r
6011 font-family: "Omnes-ECOMP-W02-Italic", Arial; }
\r
6013 .placeholdercolor {
\r
6014 color: #767676 !important;
\r
6015 font-family: "Omnes-ECOMP-W02-Italic", Arial; }
\r
6017 .filterTank button.awd-select {
\r
6018 border-color: #d2d2d2;
\r
6019 background-color: #333333;
\r
6022 .filterTank button.awd-select:after {
\r
6023 background-color: #FFFFFF !important;
\r
6024 border-color: #d2d2d2; }
\r
6026 .utility-bg button.awd-select {
\r
6027 border-color: #d2d2d2;
\r
6028 background-color: #333333;
\r
6031 .utility-bg button.awd-select:after {
\r
6032 background-color: #FFFFFF !important;
\r
6033 border-color: #d2d2d2; }
\r
6035 .utility-bg select.awd-select + span {
\r
6036 border-color: #d2d2d2;
\r
6037 border-color: #d2d2d2;
\r
6038 background-color: #333333;
\r
6039 background-color: #333333;
\r
6042 .utility-bg select.awd-select + span:after {
\r
6043 background-color: #FFFFFF !important;
\r
6044 background-color: #FFFFFF !important;
\r
6045 border-color: #d2d2d2;
\r
6046 border-color: #d2d2d2; }
\r
6048 .utility-bg select.awd-select:focus + span {
\r
6049 border-color: #d2d2d2;
\r
6050 border-color: #d2d2d2;
\r
6051 background-color: #333333;
\r
6052 background-color: #333333;
\r
6055 .utility-bg select.awd-select:focus + span:after {
\r
6056 background-color: #FFFFFF !important;
\r
6057 background-color: #FFFFFF !important;
\r
6058 border-color: #d2d2d2;
\r
6059 border-color: #d2d2d2; }
\r
6061 .utility-bg select.awd-select:hover + span {
\r
6062 border-color: #d2d2d2;
\r
6063 border-color: #d2d2d2;
\r
6064 background-color: #333333;
\r
6065 background-color: #333333;
\r
6068 .utility-bg select.awd-select:hover + span:after {
\r
6069 background-color: #FFFFFF !important;
\r
6070 background-color: #FFFFFF !important;
\r
6071 border-color: #d2d2d2;
\r
6072 border-color: #d2d2d2; }
\r
6074 input.awd-select[disabled] {
\r
6075 cursor: not-allowed;
\r
6076 border-color: #d2d2d2;
\r
6077 background-color: #d2d2d2;
\r
6078 background-image: none;
\r
6080 input.awd-select[disabled] + span {
\r
6081 cursor: not-allowed;
\r
6082 border-color: #d2d2d2;
\r
6083 background-color: #d2d2d2;
\r
6084 background-image: none;
\r
6087 button.awd-select[disabled] {
\r
6088 cursor: not-allowed;
\r
6089 border-color: #d2d2d2;
\r
6090 background-color: #d2d2d2;
\r
6091 background-image: none;
\r
6093 button.awd-select[disabled]:after {
\r
6094 background-color: #d2d2d2 !important;
\r
6095 border-color: #d2d2d2; }
\r
6097 select.awd-select[disabled] + span {
\r
6098 cursor: not-allowed;
\r
6099 border-color: #d2d2d2;
\r
6100 background-color: #d2d2d2;
\r
6101 background-image: none;
\r
6103 select.awd-select[disabled] + span:after {
\r
6104 background-color: #d2d2d2 !important;
\r
6105 border-color: #d2d2d2; }
\r
6107 select.awd-select[disabled]:focus + span {
\r
6108 cursor: not-allowed;
\r
6109 border-color: #d2d2d2;
\r
6110 background-color: #d2d2d2;
\r
6111 background-image: none;
\r
6114 select.awd-select[disabled]:hover + span {
\r
6115 cursor: not-allowed;
\r
6116 border-color: #d2d2d2;
\r
6117 background-color: #d2d2d2;
\r
6118 background-image: none;
\r
6121 input.awd-select[disabled="disabled"] {
\r
6122 cursor: not-allowed;
\r
6123 border-color: #d2d2d2;
\r
6124 background-color: #d2d2d2;
\r
6125 background-image: none;
\r
6127 input.awd-select[disabled="disabled"] + span {
\r
6128 cursor: not-allowed;
\r
6129 border-color: #d2d2d2;
\r
6130 background-color: #d2d2d2;
\r
6131 background-image: none;
\r
6134 select.awd-select[disabled="disabled"] + span {
\r
6135 cursor: not-allowed;
\r
6136 border-color: #d2d2d2;
\r
6137 background-color: #d2d2d2;
\r
6138 background-image: none;
\r
6140 select.awd-select[disabled="disabled"] + span:after {
\r
6141 background-color: #d2d2d2 !important;
\r
6142 border-color: #d2d2d2; }
\r
6144 select.awd-select[disabled="disabled"]:focus + span {
\r
6145 cursor: not-allowed;
\r
6146 border-color: #d2d2d2;
\r
6147 background-color: #d2d2d2;
\r
6148 background-image: none;
\r
6150 select.awd-select[disabled="disabled"]:focus + span:after {
\r
6151 background-color: #d2d2d2 !important;
\r
6152 border-color: #d2d2d2; }
\r
6154 select.awd-select[disabled="disabled"]:hover + span {
\r
6155 cursor: not-allowed;
\r
6156 border-color: #d2d2d2;
\r
6157 background-color: #d2d2d2;
\r
6158 background-image: none;
\r
6160 select.awd-select[disabled="disabled"]:hover + span:after {
\r
6161 background-color: #d2d2d2 !important;
\r
6162 border-color: #d2d2d2; }
\r
6164 .ddexpand-wrapper > h2 {
\r
6165 margin-bottom: 11px; }
\r
6166 .ddexpand-wrapper > h2 + p {
\r
6167 margin-bottom: 4px; }
\r
6169 .ddexpand-wrapper .selectWrap + [aria-expanded="true"] .form-row {
\r
6170 margin-top: 11px; }
\r
6172 .ddexpand-wrapper .selectWrap + [aria-expanded="true"] .row + .row .form-row {
\r
6173 margin-top: 14px; }
\r
6175 .modal .awd-select-list {
\r
6176 z-index: 1060 !important; }
\r
6178 .form-row.error button.awd-select.active:focus {
\r
6179 border-color: #cf2a2a !important; }
\r
6181 .form-row.error input.awd-select.active:focus {
\r
6182 border-color: #cf2a2a !important; }
\r
6184 .awd-module-list .module-list-item[aria-selected="true"] {
\r
6185 background-color: #f2f2f2; }
\r
6187 li.module-list-item[aria-selected="true"]:before {
\r
6189 display: inline-block;
\r
6190 font-family: "icoControls" !important;
\r
6191 font-style: normal;
\r
6193 font-weight: normal;
\r
6194 font-variant: normal;
\r
6196 margin-right: 7px;
\r
6197 text-transform: none;
\r
6199 -webkit-font-smoothing: antialiased;
\r
6200 -moz-osx-font-smoothing: grayscale;
\r
6201 position: relative;
\r
6203 -webkit-user-select: none;
\r
6204 -moz-user-select: none;
\r
6205 -ms-user-select: none;
\r
6206 user-select: none;
\r
6207 vertical-align: middle;
\r
6210 box-sizing: border-box;
\r
6211 display: inline-block;
\r
6214 position: absolute;
\r
6217 vertical-align: middle;
\r
6221 @media (min-width: 768px) {
\r
6222 span[class*="large"] {
\r
6223 max-width: 370px; }
\r
6225 max-width: 370px; } }
\r
6227 @media (max-width: 767px) {
\r
6228 .selectWrap.large:after {
\r
6230 .selectWrap.large .awd-select-list-item {
\r
6231 padding-right: 41px; }
\r
6232 .selectWrap + div > h4 {
\r
6234 font-size: 16px; } }
\r
6236 /**********************Dropdown Chrome scrolling fix start ********************/
\r
6237 input.awd-select {
\r
6238 -webkit-user-select: text;
\r
6239 -moz-user-select: text;
\r
6240 -ms-user-select: text;
\r
6241 user-select: text; }
\r
6243 input.awd-select.focused {
\r
6244 -webkit-user-select: none !important;
\r
6245 -moz-user-select: none !important;
\r
6246 -ms-user-select: none !important;
\r
6247 user-select: none !important; }
\r
6249 /**********************Dropdown Chrome scrolling fix end ********************/
\r
6251 border-bottom: 1px solid #e4e4e4;
\r
6252 border-top: 1px solid #e4e4e4; }
\r
6254 .mpc-expanders + .mpc-expanders {
\r
6255 border-top: 0px; }
\r
6257 .mpc-expanders .heading-medium {
\r
6258 margin-bottom: 10px; }
\r
6260 .mpc-expanders .p-small {
\r
6261 margin-top: 5px; }
\r
6263 .mpc-expander-body {
\r
6264 border-top: 1px solid #e4e4e4; }
\r
6266 .mpc-expander-body .mpc-expanders {
\r
6267 border-bottom: 1px solid #e4e4e4;
\r
6270 .mpc-expander-body .mpc-expanders:last-child {
\r
6271 border-bottom: 0px; }
\r
6277 border: 1px dashed #bbb;
\r
6278 border-radius: 5px;
\r
6280 text-align: center;
\r
6282 position: relative; }
\r
6284 .b2b-dragdrop-over {
\r
6285 background: #0091d9;
\r
6287 .b2b-dragdrop-over:after {
\r
6288 content: "Drop the file";
\r
6294 position: absolute;
\r
6300 .b2b-file-container {
\r
6301 position: relative;
\r
6303 display: inline-table;
\r
6304 font-weight: 400; }
\r
6305 .b2b-file-container [type=file] {
\r
6306 position: absolute;
\r
6315 -ms-filter: "alpha(Opacity=0)"; }
\r
6317 .b2b-upload-link {
\r
6321 position: relative;
\r
6322 display: inline-block;
\r
6323 cursor: default; }
\r
6325 .b2b-flyout-icon {
\r
6326 cursor: pointer; }
\r
6327 .b2b-flyout-icon:focus {
\r
6328 outline: thin dotted #666;
\r
6329 outline-offset: -1px; }
\r
6331 .b2b-flyout .b2b-flyout-container {
\r
6332 border: 1px solid #d3d3d3;
\r
6335 pointer-events: auto;
\r
6336 -webkit-box-sizing: border-box;
\r
6337 -moz-box-sizing: border-box;
\r
6338 box-sizing: border-box;
\r
6340 -webkit-transition: opacity .2s ease-out;
\r
6341 -moz-transition: opacity .2s ease-out;
\r
6342 transition: opacity .2s ease-out;
\r
6344 border-radius: 6px;
\r
6345 box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
\r
6347 line-height: 20px;
\r
6348 position: absolute;
\r
6353 .b2b-flyout .b2b-flyout-container.open-flyout {
\r
6357 .b2b-flyout i.b2b-flyout-caret {
\r
6358 position: absolute;
\r
6364 .b2b-flyout i.b2b-flyout-caret.open-flyout {
\r
6367 .b2b-flyout i.b2b-flyout-caret:before {
\r
6369 border-left: 8px solid transparent;
\r
6370 border-right: 8px solid transparent;
\r
6371 border-bottom: 8px solid #d3d3d3;
\r
6372 position: absolute;
\r
6374 .b2b-flyout i.b2b-flyout-caret:after {
\r
6376 border-left: 8px solid transparent;
\r
6377 border-right: 8px solid transparent;
\r
6378 border-bottom: 8px solid #fff;
\r
6379 position: absolute; }
\r
6381 .b2b-flyout .b2b-flyout-container.b2b-flyout-left i.b2b-flyout-caret {
\r
6382 left: 16px !important; }
\r
6384 .b2b-flyout .b2b-flyout-container.b2b-flyout-right i.b2b-flyout-caret {
\r
6385 left: inherit !important;
\r
6386 right: 30px !important; }
\r
6388 .b2b-flyout .b2b-flyout-container.b2b-flyout-above {
\r
6389 box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.25); }
\r
6390 .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret {
\r
6393 .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:before {
\r
6396 border-top: 8px solid #d3d3d3;
\r
6397 border-bottom: none; }
\r
6398 .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:after {
\r
6399 border-top: 8px solid #fff;
\r
6400 border-bottom: none; }
\r
6402 .b2b-flyout .b2b-flyout-container.b2b-flyout-centerLeft i.b2b-flyout-caret {
\r
6403 left: inherit !important;
\r
6404 right: -7px !important;
\r
6406 transform: rotate(90deg); }
\r
6408 .b2b-flyout .b2b-flyout-container.b2b-flyout-centerRight i.b2b-flyout-caret {
\r
6409 left: -8px !important;
\r
6411 transform: rotate(-90deg); }
\r
6413 .b2b-flyout .buttons-group {
\r
6414 margin-top: 20px; }
\r
6415 .b2b-flyout .buttons-group .cta-button-group {
\r
6417 border-top: 1px solid #ccc;
\r
6418 padding: 20px 0 0; }
\r
6419 .b2b-flyout .buttons-group .cta-button-group button {
\r
6420 margin-bottom: 0; }
\r
6422 .b2b-flyout .heading {
\r
6424 margin-bottom: 10px; }
\r
6426 .b2b-flyout .body-text {
\r
6428 margin-bottom: 30px; }
\r
6430 .b2b-footer-wrapper {
\r
6432 background-color: #222; }
\r
6434 .b2b-footer-container {
\r
6437 padding-top: 15px; }
\r
6438 .b2b-footer-container .footer-columns {
\r
6439 display: inline-block;
\r
6441 vertical-align: top; }
\r
6442 .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
\r
6443 padding-top: 30px; }
\r
6444 .b2b-footer-container .footer-columns.three-column {
\r
6446 padding-left: 75px; }
\r
6447 .b2b-footer-container .footer-columns.four-column {
\r
6449 padding-left: 75px; }
\r
6450 .b2b-footer-container .footer-columns.five-column {
\r
6452 .b2b-footer-container .footer-columns .b2b-footer-header {
\r
6455 font-style: normal;
\r
6456 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
6457 line-height: 23.9px;
\r
6459 .b2b-footer-container .footer-columns li {
\r
6460 padding: 7.5px 0; }
\r
6461 .b2b-footer-container .footer-columns ul li:first-child {
\r
6462 padding-top: 15px; }
\r
6463 .b2b-footer-container .footer-columns li a {
\r
6466 font-family: "Omnes-ECOMP-W02", Arial; }
\r
6467 .b2b-footer-container .footer-nav-content {
\r
6468 padding-bottom: 10px; }
\r
6469 .b2b-footer-container .footer-nav-content li {
\r
6473 vertical-align: middle; }
\r
6474 .b2b-footer-container .footer-nav-content li a {
\r
6477 vertical-align: middle;
\r
6478 margin-right: 5px;
\r
6479 font-family: "Omnes-ECOMP-W02", Arial; }
\r
6481 .b2b-footer-wrapper .b2b-footer-container hr {
\r
6482 background: #d2d2d2;
\r
6483 margin-top: 50px; }
\r
6485 .b2b-footer-wrapper .divider-bottom-footer {
\r
6486 padding: 45px 0 50px 0; }
\r
6488 .b2b-footer-wrapper .footerLogo {
\r
6489 margin: 10px 0 0 0px;
\r
6490 vertical-align: top; }
\r
6491 .b2b-footer-wrapper .footerLogo div {
\r
6492 display: inline-block; }
\r
6493 .b2b-footer-wrapper .footerLogo .icon-primary-att-globe {
\r
6494 font-size: 40px; }
\r
6495 .b2b-footer-wrapper .footerLogo .logo-title {
\r
6497 margin-left: 10px;
\r
6498 display: inline-block;
\r
6500 margin-top: 0px; }
\r
6502 .b2b-footer-wrapper .copyright-text {
\r
6506 font-family: "Omnes-ECOMP-W02", Arial; }
\r
6507 .b2b-footer-wrapper .copyright-text a {
\r
6509 text-decoration: underline;
\r
6510 display: inline-block; }
\r
6511 .b2b-footer-wrapper .copyright-text a:hover {
\r
6512 text-decoration: none; }
\r
6514 @media (max-width: 768px) {
\r
6515 .b2b-footer-wrapper {
\r
6516 padding: 0 15px; }
\r
6517 .b2b-footer-container {
\r
6519 .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
\r
6521 .b2b-footer-wrapper .divider-bottom-footer {
\r
6522 padding-top: 15px; }
\r
6523 .b2b-footer-wrapper .divider-bottom-footer .footer-links {
\r
6525 .b2b-footer-wrapper .footerLogo {
\r
6526 margin: 30px 0 0 0; }
\r
6527 .b2b-footer-wrapper .footerLogo .footer-logo {
\r
6529 padding-left: 10px; } }
\r
6531 .b2b-header-tabs {
\r
6532 background-color: #222;
\r
6534 position: relative;
\r
6536 .b2b-header-tabs .icon-primary-att-globe {
\r
6538 .b2b-header-tabs a:focus {
\r
6539 border: 1px solid white; }
\r
6540 .b2b-header-tabs .header__items {
\r
6545 padding: 6px 0px 0px 0px;
\r
6546 border-spacing: 30px 0; }
\r
6547 .b2b-header-tabs .header__item {
\r
6548 display: inline-block;
\r
6552 font-family: "Omnes-ECOMP-W02, Arial";
\r
6554 padding: 5px 15px;
\r
6556 .b2b-header-tabs .header__item.b2b-headermenu {
\r
6558 .b2b-header-tabs .header__item.b2b-headermenu:last-child {
\r
6559 background: none; }
\r
6560 .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
\r
6562 text-decoration: none;
\r
6563 display: inline-block;
\r
6564 padding: 5px 15px; }
\r
6565 .b2b-header-tabs .header__item.active {
\r
6566 background-color: #fff;
\r
6567 border-radius: 2px;
\r
6568 border-bottom-left-radius: 0;
\r
6569 border-bottom-right-radius: 0; }
\r
6570 .b2b-header-tabs .header__item.active a.menu__item {
\r
6572 .b2b-header-tabs li:focus {
\r
6573 outline: 2px solid #0578ae; }
\r
6574 .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
\r
6575 background-color: #fff;
\r
6576 position: absolute;
\r
6580 border-bottom: solid 1px #ccc;
\r
6581 -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
\r
6582 -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
\r
6583 box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
\r
6586 .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
\r
6587 background-color: #fff;
\r
6590 .b2b-header-tabs .header__item.active .header-secondary-wrapper {
\r
6592 .b2b-header-tabs .header-secondary .header-subitem {
\r
6593 display: inline-block;
\r
6596 .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
\r
6598 .b2b-header-tabs .header-secondary .header-subitem a.menu__item {
\r
6599 display: inline-block;
\r
6602 .b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
\r
6605 /** Secondary Menu **/
\r
6607 position: absolute;
\r
6608 clip: rect(1px, 1px, 1px, 1px); }
\r
6610 /** Tertiary Level Menu **/
\r
6611 .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
\r
6612 position: absolute;
\r
6615 .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after, .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
\r
6617 border-left: 8px solid transparent;
\r
6618 border-right: 8px solid transparent;
\r
6619 position: absolute;
\r
6620 -webkit-transition: left .2s ease-out;
\r
6621 -moz-transition: left .2s ease-out;
\r
6622 transition: left .2s ease-out; }
\r
6623 .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
\r
6624 border-bottom: 8px solid #fff;
\r
6626 .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
\r
6627 border-bottom: 8px solid #ccc;
\r
6630 .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
\r
6631 border-top: solid 1px #ccc; }
\r
6633 .b2b-header-tabs .header-tertiary:after {
\r
6638 .b2b-header-tabs .header-tertiary li {
\r
6639 display: inline-block;
\r
6642 .b2b-header-tabs .header-tertiary li a {
\r
6645 padding: 10px 15px; }
\r
6646 .b2b-header-tabs .header-tertiary li label {
\r
6650 font-weight: bold;
\r
6652 padding: 15px 0 0 15px; }
\r
6654 .b2b-header-tabs .header__item.skip {
\r
6656 display: inline-block;
\r
6657 cursor: default !important; }
\r
6658 .b2b-header-tabs .header__item.skip a {
\r
6659 color: transparent;
\r
6661 line-height: 15px;
\r
6662 text-decoration: none; }
\r
6663 .b2b-header-tabs .header__item.skip a:focus {
\r
6665 outline: 2px solid #0578ae; }
\r
6667 .b2b-header-tabs .selectWrap {
\r
6668 min-width: 150px; }
\r
6669 .b2b-header-tabs .selectWrap button.awd-select {
\r
6671 line-height: 31px;
\r
6673 display: inline-block; }
\r
6674 .b2b-header-tabs .selectWrap .awd-select-list {
\r
6675 background-color: #fff;
\r
6677 -webkit-transition: opacity .2s ease-out;
\r
6678 -moz-transition: opacity .2s ease-out;
\r
6679 transition: opacity .2s ease-out;
\r
6680 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
\r
6682 @media (max-width: 768px) {
\r
6683 .b2b-header-tabs {
\r
6684 padding: 0 15px; }
\r
6685 .b2b-header-tabs .header__items, .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
\r
6687 .b2b-header-tabs .header__item {
\r
6689 .b2b-header-tabs .globe-text {
\r
6691 .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
\r
6692 padding: 5px 7px 9px 7px; }
\r
6693 .b2b-header-tabs .header__item .header-tertiary-wrapper {
\r
6695 .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
\r
6697 .b2b-header-tabs .header__item .header-secondary-wrapper {
\r
6699 .b2b-header-tabs .header__item.profile {
\r
6700 padding-left: 15px;
\r
6703 /************* Header - Start *************/
\r
6704 .b2b-header-tabs {
\r
6705 background-color: #222;
\r
6707 position: relative;
\r
6710 .b2b-header-tabs .icon-primary-primary-att-globe {
\r
6716 *TODO: delete below .icon-primary-att-globel will not be used
\r
6717 *instead the one above, icon-primary-primary-att-globe not available here
\r
6719 .b2b-header-tabs .icon-primary-att-globe {
\r
6721 font-size: 34px; }
\r
6723 .b2b-header-tabs .globe-text {
\r
6724 margin-left: 20px;
\r
6725 font-size: 2rem; }
\r
6727 .b2b-header-tabs .header__items {
\r
6732 border-spacing: 30px 0;
\r
6733 padding: 3px 0px 0px 0px; }
\r
6735 .b2b-header-tabs .header__item {
\r
6736 display: inline-block;
\r
6740 font-family: "Omnes-ECOMP-W02", Arial;
\r
6742 padding: 0 15px 4px 15px;
\r
6743 /*margin-top:-3px;*/
\r
6746 .b2b-header-tabs .header__item.b2b-headermenu {
\r
6749 .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
\r
6751 text-decoration: none;
\r
6752 display: inline-block;
\r
6753 padding: 8px 15px 12px 15px;
\r
6754 font-size: 16px; }
\r
6756 .b2b-header-tabs .header__item.active {
\r
6757 background-color: #fff;
\r
6758 border-radius: 2px;
\r
6759 border-bottom-left-radius: 0;
\r
6760 border-bottom-right-radius: 0; }
\r
6762 .b2b-header-tabs .header__item.active a.menu__item {
\r
6765 .b2b-header-tabs li:focus {
\r
6766 outline: 2px solid #0578ae; }
\r
6768 /** profile pop Over **/
\r
6769 .b2b-header-tabs .header__item.profile {
\r
6770 position: relative;
\r
6773 /** Secondary Menu **/
\r
6774 .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
\r
6775 background-color: #fff;
\r
6776 position: absolute;
\r
6780 border-bottom: solid 1px #ccc;
\r
6781 -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
\r
6782 -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
\r
6783 box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
\r
6787 .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
\r
6788 background-color: #fff;
\r
6792 .b2b-header-tabs .header__item.active .header-secondary-wrapper,
\r
6793 .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
\r
6796 .b2b-header-tabs .header-secondary .header-subitem {
\r
6797 display: inline-block;
\r
6801 .b2b-header-tabs .header-secondary .header-subitem a.menu__item {
\r
6802 display: inline-block;
\r
6805 font-size: 14px; }
\r
6807 .b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
\r
6811 position: absolute;
\r
6812 clip: rect(1px, 1px, 1px, 1px); }
\r
6814 /** Tertiary Level Menu **/
\r
6815 .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after,
\r
6816 .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
\r
6818 border-left: 8px solid transparent;
\r
6819 border-right: 8px solid transparent;
\r
6820 position: absolute;
\r
6821 -webkit-transition: left .2s ease-out;
\r
6822 -moz-transition: left .2s ease-out;
\r
6823 transition: left .2s ease-out; }
\r
6825 .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
\r
6826 position: absolute;
\r
6830 .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
\r
6831 border-bottom: 8px solid #fff;
\r
6834 .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
\r
6835 border-bottom: 8px solid #ccc;
\r
6838 /** Tertiary Level Menu **/
\r
6839 .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
\r
6840 border-top: solid 1px #ccc; }
\r
6842 .b2b-header-tabs .header-tertiary:after {
\r
6847 .b2b-header-tabs .header-tertiary li {
\r
6848 display: inline-block;
\r
6852 .b2b-header-tabs .header-tertiary li a {
\r
6855 padding: 7px 15px;
\r
6856 max-width: 228px; }
\r
6858 .b2b-header-tabs .header-tertiary li label {
\r
6861 font-size: 14px !important;
\r
6862 font-weight: bold;
\r
6864 padding: 15px 0 0 15px; }
\r
6866 /** Quarternary Level Menu **/
\r
6867 .b2b-header-tabs .header-quarternary {
\r
6871 .b2b-header-tabs .header-quarternary li {
\r
6872 padding-left: 15px;
\r
6873 font-family: "Omnes-ECOMP-W02", Arial;
\r
6876 .b2b-header-tabs .header-quarternary li.active {
\r
6879 .b2b-header-tabs .header-quarternary li a {
\r
6882 padding: 0px 10px 10px 10px; }
\r
6884 /** Skip Navigation**/
\r
6885 .b2b-header-tabs .header__item.skip {
\r
6887 display: inline-block;
\r
6888 cursor: default !important; }
\r
6890 .b2b-header-tabs .header__item.skip a {
\r
6891 color: transparent;
\r
6893 line-height: 15px;
\r
6894 text-decoration: none; }
\r
6896 .b2b-header-tabs .header__item.skip a:focus {
\r
6898 outline: 2px solid #0578ae; }
\r
6900 /** Dropdown css inside Header ****/
\r
6901 .b2b-header-tabs .selectWrap {
\r
6902 min-width: 150px; }
\r
6904 .b2b-header-tabs .selectWrap button.awd-select, .b2b-header-tabs .selectWrap input.awd-select {
\r
6908 display: inline-block; }
\r
6910 .b2b-header-tabs .selectWrap .awd-select-list {
\r
6911 background-color: #fff;
\r
6913 -webkit-transition: opacity .2s ease-out;
\r
6914 -moz-transition: opacity .2s ease-out;
\r
6915 transition: opacity .2s ease-out;
\r
6916 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
\r
6919 * responsive header media queries
\r
6921 @media screen and (max-width: 1100px) {
\r
6922 .b2b-header-tabs .globe-text {
\r
6924 .b2b-header-tabs .header__item.profile {
\r
6925 padding-left: 15px;
\r
6927 .b2b-header-tabs .header__items {
\r
6928 padding-top: 0px; } }
\r
6930 @media screen and (max-width: 950px) {
\r
6931 .header__item.profile {
\r
6933 .b2b-header-tabs {
\r
6937 .b2b-header-tabs .header__items {
\r
6938 padding-top: 25px; }
\r
6939 .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
\r
6941 .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
\r
6943 .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
\r
6944 padding-bottom: 30px; }
\r
6945 .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
\r
6946 margin-top: -28px; } }
\r
6948 /*************** Header - END ******************/
\r
6951 max-width: 408px; }
\r
6952 .hp-container i:focus {
\r
6953 outline: thin dotted #666; }
\r
6954 .hp-container .icon-misc-pen {
\r
6955 cursor: pointer; }
\r
6956 .hp-container .icon-misc-trash {
\r
6957 cursor: pointer; }
\r
6960 border-bottom: 1px solid #ccc;
\r
6961 border-bottom: 1px solid #ccc;
\r
6962 margin-bottom: 16px;
\r
6963 padding-bottom: 16px; }
\r
6964 .hp-selected .selected-days {
\r
6965 padding-bottom: 16px; }
\r
6966 .hp-selected .selected-days .day {
\r
6967 padding-top: 10px;
\r
6971 padding-top: 20px;
\r
6972 margin: 16px auto 0 auto; }
\r
6973 .hp-checkbox label {
\r
6974 position: relative;
\r
6976 margin-right: 34px; }
\r
6977 .hp-checkbox label span {
\r
6978 position: absolute;
\r
6981 margin-left: 0px; }
\r
6986 display: -webkit-flex;
\r
6987 display: -ms-flexbox; }
\r
6992 display: -webkit-flex;
\r
6993 display: -ms-flexbox; }
\r
6995 .hp-dropdowns .radio-buttons {
\r
6996 margin-top: 30px; }
\r
6997 .hp-dropdowns .radio-buttons .radio {
\r
6998 margin-right: 15px; }
\r
7001 font-family: "Omnes-ECOMP-W02";
\r
7002 src: url("fonts/Omnes_ATTW02.eot");
\r
7003 src: url("fonts/Omnes_ATTW02.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02.woff") format("woff"), url("fonts/Omnes_ATTW02.ttf") format("truetype");
\r
7004 font-weight: normal;
\r
7005 font-style: normal; }
\r
7008 font-family: "Omnes-ECOMP-W02-Medium";
\r
7009 src: url("fonts/Omnes_ATTW02Medium.eot");
\r
7010 src: url("fonts/Omnes_ATTW02Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02Medium.woff") format("woff"), url("fonts/Omnes_ATTW02Medium.ttf") format("truetype");
\r
7011 font-weight: normal;
\r
7012 font-style: normal; }
\r
7015 font-family: "Omnes-ECOMP-W02-Italic";
\r
7016 src: url("fonts/Omnes_ATTW02Italic.eot");
\r
7017 src: url("fonts/Omnes_ATTW02Italic.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02Italic.woff") format("woff"), url("fonts/Omnes_ATTW02Italic.ttf") format("truetype");
\r
7018 font-weight: normal;
\r
7019 font-style: normal; }
\r
7022 font-family: "Omnes-ECOMP-W02-Light";
\r
7023 src: url("fonts/Omnes_ATTW02Light.eot");
\r
7024 src: url("fonts/Omnes_ATTW02Light.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02Light.woff") format("woff"), url("fonts/Omnes_ATTW02Light.ttf") format("truetype");
\r
7025 font-weight: normal;
\r
7026 font-style: normal; }
\r
7029 font-family: "Omnes-ECOMP-W02-Bold";
\r
7030 src: url("fonts/Omnes_ATTW02Bold.eot");
\r
7031 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");
\r
7032 font-weight: normal;
\r
7033 font-style: normal; }
\r
7036 font-family: "Omnes-ECOMP-W02-Light-Italic";
\r
7037 src: url("fonts/Omnes_ATTW02LightItalic.eot");
\r
7038 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");
\r
7039 font-weight: normal;
\r
7040 font-style: normal; }
\r
7043 font-family: "Omnes-ECOMP-W02-Medium-Italic";
\r
7044 src: url("fonts/Omnes_ATTW02MediumItalic.eot");
\r
7045 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");
\r
7046 font-weight: normal;
\r
7047 font-style: normal; }
\r
7050 font-family: "Omnes-ECOMP-W02-Bold-Italic";
\r
7051 src: url("fonts/Omnes_ATTW02BoldItalic.eot");
\r
7052 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");
\r
7053 font-weight: normal;
\r
7054 font-style: normal; }
\r
7056 /* TODO: Build a reference page for these classes */
\r
7058 font-family: "Omnes-ECOMP-W02", Arial !important; }
\r
7061 font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
\r
7064 font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
\r
7066 .font-light-italic {
\r
7067 font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
\r
7070 font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
\r
7072 .font-medium-italic {
\r
7073 font-family: "Omnes-ECOMP-W02-Medium-Italic", Arial !important; }
\r
7076 font-style: normal;
\r
7077 font-variant: normal;
\r
7078 font-weight: normal;
\r
7079 text-transform: none; }
\r
7082 background-color: #efefef;
\r
7083 border: 1px solid #efefef;
\r
7085 font-size: 1.4rem; }
\r
7087 .b2b-subnav-container > ul {
\r
7090 .b2b-subnav-content {
\r
7092 margin-bottom: 10px; }
\r
7094 .b2b-subnav-content > li {
\r
7095 border-bottom: 1px solid #999999;
\r
7096 position: relative;
\r
7097 cursor: pointer; }
\r
7099 .b2b-subnav-content > li > a {
\r
7100 text-decoration: none;
\r
7101 line-height: 18px;
\r
7105 .b2b-subnav-content > li > a.expand {
\r
7108 .b2b-subnav-content > li ul {
\r
7111 transition-duration: 0.5s;
\r
7112 transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
\r
7114 .b2b-subnav-content > li ul.expand {
\r
7115 transition-duration: 0.7s;
\r
7116 transition-timing-function: ease-in-out;
\r
7117 max-height: 1000px;
\r
7118 overflow: hidden; }
\r
7120 .b2b-subnav-content > li > a:focus, .b2b-subnav-content > li ul > li > a:focus {
\r
7121 outline: thin dotted #666; }
\r
7123 .b2b-subnav-content > li ul > li > a {
\r
7124 line-height: 18px;
\r
7127 outline-offset: -4px;
\r
7128 padding-left: 10px; }
\r
7130 .b2b-icon-primary-plus-minus {
\r
7131 display: inline-block;
\r
7133 margin-right: 10px;
\r
7135 position: absolute;
\r
7138 vertical-align: middle;
\r
7141 @media (min-width: 320px) and (max-width: 767px) {
\r
7143 background-color: #fff;
\r
7144 border: 1px solid white;
\r
7146 .b2b-subnav-content > li {
\r
7147 padding-left: 10px; }
\r
7148 .b2b-subnav-container > ul:first-child {
\r
7149 border-top: 1px solid #999; }
\r
7150 .b2b-icon-primary-plus-minus {
\r
7152 .b2b-subnav-content > li li > a.active {
\r
7154 text-decoration: none;
\r
7155 font-family: "Omnes-ECOMP-W02", Arial; } }
\r
7157 .b2b-list-box-item {
\r
7158 white-space: nowrap;
\r
7160 border: 1px solid transparent;
\r
7162 visibility: inherit;
\r
7167 padding: 5px 0 5px;
\r
7168 padding-left: 15px;
\r
7169 -moz-user-select: none;
\r
7170 -webkit-user-select: none;
\r
7171 -ms-user-select: none; }
\r
7172 .b2b-list-box-item:focus {
\r
7173 border: 2px solid #5e8cb3; }
\r
7175 .b2b-list-box-item--selected {
\r
7176 background-color: #cfdde9; }
\r
7178 .btn.disabled[ddh-load-button] {
\r
7179 line-height: 46px;
\r
7180 padding: 0 19px 0 18px; }
\r
7182 .btn.disabled[ddh-load-button] {
\r
7185 .icon-primary-spinner-ddh.large {
\r
7189 .icon-primary-spinner-ddh.small {
\r
7193 .icon-primary-spinner-ddh {
\r
7194 -webkit-animation: 1s linear infinite spinner;
\r
7195 animation: 1s linear infinite spinner;
\r
7196 background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiIgaWQ9InN2Zy1zcGlubmVyIiB4PSIwcHgiIHk9IjBweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgIDxwYXRoIGZpbGw9IiNGNUY1RjUiIGQ9Ik0xOCAzNkM4LjEgMzYgMCAyNy45IDAgMThTOC4xIDAgMTggMHMxOCA4LjEgMTggMTgtOC4xIDE4LTE4IDE4em0wLTMxLjVjLTcuNSAwLTEzLjUgNi0xMy41IDEzLjVTMTAuNiAzMS41IDE4IDMxLjVjNy41IDAgMTMuNS02LjEgMTMuNS0xMy41IDAtNy41LTYtMTMuNS0xMy41LTEzLjV6Ii8+CiAgIDxwYXRoIGZpbGw9IiMwNTY4QUUiIGlkPSJzcGlubmVyIiBkPSJNMzAuNyA1LjNsLTMuMSAzLjJjMi40IDIuNCAzLjkgNS44IDMuOSA5LjUgMCA3LjQtNi4xIDEzLjUtMTMuNSAxMy41UzQuNSAyNS40IDQuNSAxOCAxMC42IDQuNSAxOCA0LjVWMEM4LjEgMCAwIDguMSAwIDE4czguMSAxOCAxOCAxOCAxOC04LjEgMTgtMThjMC01LTItOS41LTUuMy0xMi43eiIgdHJhbnNmb3JtPSIiPiAgICAgIAogICA8L3BhdGg+Cjwvc3ZnPg==); }
\r
7198 .btn-small .icon-primary-spinner-ddh {
\r
7199 height: 30px !important;
\r
7200 width: 30px !important; }
\r
7202 .btn-small .icon-primary-spinner {
\r
7207 position: absolute;
\r
7211 .body.styled-by-modal {
\r
7212 position: fixed; }
\r
7214 .b2b-modal-backdrop {
\r
7222 .b2b-modal-backdrop.fade {
\r
7223 background-color: #000;
\r
7225 filter: alpha(opacity=0);
\r
7226 transition: all 0.3s linear 0s; }
\r
7228 .b2b-modal-backdrop.fade.in {
\r
7231 filter: alpha(opacity=70);
\r
7232 background-color: #000;
\r
7233 transition: opacity 0.3s linear 0s; }
\r
7239 overflow-y: hidden;
\r
7240 position: absolute;
\r
7246 .modalwrapper.active {
\r
7248 overflow-y: auto; }
\r
7251 background-clip: padding-box;
\r
7252 background-color: #ffffff;
\r
7253 border: 1px solid rgba(0, 0, 0, 0.1);
\r
7254 border-radius: 8px;
\r
7255 box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.4);
\r
7257 /*margin-bottom:10%;*/
\r
7258 outline: medium none;
\r
7259 /*position: absolute;*/
\r
7261 min-height: 150px;
\r
7267 .modalwrapper.modal-docked .modal {
\r
7274 position: relative;
\r
7279 transition: opacity .5s linear 0s; }
\r
7281 .modal.fade.in.modal-landscape {
\r
7282 overflow-y: auto; }
\r
7285 transition: opacity .5s linear 0s; }
\r
7293 .b2b-modal-header {
\r
7294 align-items: center;
\r
7295 border-radius: 8px 8px 0 0;
\r
7299 padding: 30px 46px 30px 30px;
\r
7300 position: relative; }
\r
7302 .b2b-modal-header > h2 {
\r
7307 .modal-header-portrait {
\r
7308 -webkit-overflow-scrolling: auto; }
\r
7310 .modal-header-landscape {
\r
7311 -webkit-overflow-scrolling: auto; }
\r
7314 -webkit-overflow-scrolling: touch;
\r
7315 padding: 0 30px 20px;
\r
7316 position: relative;
\r
7319 .b2b-modal-body:focus {
\r
7320 outline: 1px dotted #333333; }
\r
7323 margin-bottom: 0; }
\r
7325 .b2b-modal-footer {
\r
7326 background-color: #fff;
\r
7330 position: absolute;
\r
7333 :not(.modal-docked) .b2b-modal-footer {
\r
7334 position: relative; }
\r
7336 .modal-docked .b2b-modal-footer {
\r
7337 border-top: 1px solid #d2d2d2; }
\r
7339 .modal-landscape .b2b-modal-footer {
\r
7340 position: relative; }
\r
7342 .b2b-modal-footer .cta-button-group {
\r
7344 justify-content: flex-end;
\r
7345 padding: 20px 0 5px;
\r
7348 .b2b-modal-footer .cta-button-group .btn {
\r
7349 margin-left: auto;
\r
7350 margin-right: auto;
\r
7352 margin-left: 10px; }
\r
7354 .b2b-modal-footer .cta-button-group .btn + .btn {
\r
7355 margin-right: 0 !important; }
\r
7357 [class*="modal-"] {
\r
7361 max-width: 420px; }
\r
7364 max-width: 620px; }
\r
7367 max-width: 720px; }
\r
7370 max-width: 860px; }
\r
7373 max-width: 1000px; }
\r
7375 .modalwrapper.modal-docked {
\r
7378 align-items: center; }
\r
7380 .modalwrapper.modal-docked .b2b-modal-body {
\r
7382 overflow-y: scroll;
\r
7383 padding-bottom: 60px; }
\r
7385 .modalwrapper.modal-docked .modal {
\r
7391 .modalwrapper.modal-docked .b2b-modal-body > *:last-child {
\r
7392 margin-bottom: 60px; }
\r
7394 @media (max-width: 767px) {
\r
7397 overflow-x: hidden; }
\r
7402 margin-bottom: 15px;
\r
7404 .b2b-modal-header {
\r
7405 padding: 20px 46px 20px 15px; }
\r
7408 padding: 0 15px 15px; }
\r
7409 .modalwrapper.modal-docked {
\r
7410 position: absolute;
\r
7413 .modalwrapper.modal-docked .modal.fade.in {
\r
7415 width: 100% !important;
\r
7418 border-radius: 0; }
\r
7419 .modalwrapper.modal-docked .b2b-modal-body {
\r
7420 overflow-y: scroll;
\r
7422 .modalwrapper.modal-docked.modal-landscape {
\r
7423 overflow-y: hidden;
\r
7424 position: fixed; }
\r
7425 .modalwrapper.modal-docked.modal-landscape .modal {
\r
7426 overflow-y: scroll;
\r
7427 max-width: 100%; }
\r
7428 .modalwrapper.modal-docked.modal-landscape .b2b-modal-body {
\r
7430 overflow-y: hidden; }
\r
7431 .b2b-modal-footer {
\r
7432 padding: 0 15px; }
\r
7433 .b2b-modal-footer .cta-button-group {
\r
7435 padding: 15px 0; }
\r
7436 .b2b-modal-footer .cta-button-group .btn {
\r
7438 .b2b-modal-footer .cta-button-group .btn + .btn {
\r
7439 margin-bottom: 0; }
\r
7440 .b2b-modal-footer .cta-button-group a.visible-phone {
\r
7441 align-items: center;
\r
7442 display: flex !important;
\r
7444 justify-content: center; } }
\r
7446 .b2b-modal-footer > .cta-button-group {
\r
7447 line-height: 40px; }
\r
7450 .modal.fade.in .b2b-modal-header,
\r
7451 .modal.fade.in .b2b-modal-body,
\r
7452 .modal.fade.in .b2b-modal-footer {
\r
7453 animation-duration: 0.01s;
\r
7454 -o-animation-duration: 0.01s;
\r
7455 -ms-animation-duration: 0.01s;
\r
7456 -moz-animation-duration: 0.01s;
\r
7457 -webkit-animation-duration: 0.01s;
\r
7458 animation-name: DOMinsertion;
\r
7459 -o-animation-name: DOMinsertion;
\r
7460 -ms-animation-name: DOMinsertion;
\r
7461 -moz-animation-name: DOMinsertion;
\r
7462 -webkit-animation-name: DOMinsertion; }
\r
7464 .monthselector thead tr th {
\r
7465 min-width: 46px; }
\r
7467 .monthselector thead tr:after {
\r
7469 position: absolute;
\r
7474 border-bottom: 1px solid #ccc; }
\r
7476 .monthselector tbody tr:last-child {
\r
7479 .monthselector td.day {
\r
7480 margin: 1px 4px !important;
\r
7481 width: 64px !important; }
\r
7483 .monthselector .datepicker-switch {
\r
7484 width: 195px !important; }
\r
7486 .monthselector .show-date {
\r
7487 width: 30px !important; }
\r
7489 .monthselector button.faux-input {
\r
7491 .monthselector button.faux-input:focus {
\r
7492 border: 1px solid #0574ac; }
\r
7493 .monthselector button.faux-input:disabled {
\r
7494 cursor: not-allowed; }
\r
7496 .monthselector .cta-button-group {
\r
7497 padding: 0 20px; }
\r
7498 .monthselector .cta-button-group a {
\r
7499 margin-right: 20px; }
\r
7501 .monthselector .day.active .show-date:after, .monthselector .day:focus .show-date:after, .monthselector .due-date.disabled .show-date:after {
\r
7503 left: 9px !important;
\r
7505 width: 42px !important; }
\r
7507 .monthselector .disabled.day:focus .show-date:after {
\r
7510 .monthselector .icon-primary-calendar {
\r
7514 padding: 0 10px 0 10px;
\r
7519 list-style-type: none; }
\r
7523 padding: 0 0 5px 30px;
\r
7524 line-height: 22px;
\r
7525 margin-left: -10px;
\r
7527 font-size: 1.4rem; }
\r
7529 .b2b-ml-nav a:focus {
\r
7530 outline-offset: 1px; }
\r
7532 .b2b-ml-nav li:focus {
\r
7535 .b2b-ml-nav li:focus > a {
\r
7536 outline: thin dotted #666;
\r
7537 outline-offset: 1px; }
\r
7539 .b2b-ml-nav ul li {
\r
7540 border-left: 1px solid #ccc; }
\r
7542 .b2b-ml-nav ul ul {
\r
7543 padding: 0 0 0 20px; }
\r
7545 .b2b-ml-nav ul > li {
\r
7546 position: relative;
\r
7547 line-height: 18px; }
\r
7549 .b2b-ml-nav a > span {
\r
7550 background-color: #FFF;
\r
7554 position: absolute;
\r
7558 .b2b-ml-nav a > span > i {
\r
7559 font-size: 20px; }
\r
7561 .b2b-ml-nav a:only-child {
\r
7564 .b2b-ml-nav a:only-child > span {
\r
7566 border-radius: 50%;
\r
7570 .b2b-ml-nav a:only-child > span > i {
\r
7571 background-color: inherit;
\r
7573 font-size: 10px; }
\r
7575 .b2b-ml-nav ul li:first-child > a:only-child > span {
\r
7577 border-radius: 50%;
\r
7578 line-height: 12px;
\r
7581 .b2b-ml-nav li a + ul {
\r
7584 .b2b-ml-nav li a.active + ul {
\r
7587 /*to overide ng-doc inline property for library demo - TODO: Move to docs.css*/
\r
7588 .b2b-ml-nav a [class^="icon-primary-"], a [class*=" icon-primary-"], a [class^="icon-primary-"]:before, a [class*=" icon-primary-"]:before {
\r
7589 display: inline-block; }
\r
7591 .b2b-alerts-messages {
\r
7592 background-color: #fff;
\r
7593 border-radius: 8px;
\r
7595 .b2b-alerts-messages h3 {
\r
7596 color: #333 !important;
\r
7597 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
7598 margin-bottom: 0 !important; }
\r
7599 .b2b-alerts-messages h4 {
\r
7600 color: #333 !important;
\r
7601 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
7602 margin-bottom: 0 !important; }
\r
7603 .b2b-alerts-messages .alert-info {
\r
7604 background-color: #0574ac;
\r
7606 .b2b-alerts-messages .alert-error {
\r
7607 background-color: #cf2a2a;
\r
7609 .b2b-alerts-messages .alert-success {
\r
7610 background-color: #1b7e28;
\r
7612 .b2b-alerts-messages div:nth-child(2) {
\r
7613 padding: 0 0 15px 10px;
\r
7614 vertical-align: baseline; }
\r
7615 .b2b-alerts-messages .close:before {
\r
7617 .b2b-alerts-messages p {
\r
7620 font-family: "Omnes-ECOMP-W02", Arial; }
\r
7621 .b2b-alerts-messages p a {
\r
7623 .b2b-alerts-messages .btn-small {
\r
7624 margin-bottom: 0px; }
\r
7626 .b2b-alerts-success {
\r
7627 border: 1px solid #1b7e28; }
\r
7629 .b2b-alerts-error {
\r
7630 border: 1px solid #cf2a2a; }
\r
7632 .b2b-alerts-info {
\r
7633 border: 1px solid #0574ac; }
\r
7635 /* TODO: Rearange this and move to patches if needed */
\r
7636 .b2b-breadcrumb-css-override > li {
\r
7637 margin-right: 24px; }
\r
7639 .b2b-breadcrumb-css-override li > * {
\r
7640 float: left !important; }
\r
7642 .b2b-css-override ul.nav-tabs {
\r
7643 margin-bottom: 0; }
\r
7645 .b2b-css-override div.tab-content {
\r
7647 border-top: none; }
\r
7649 .b2b-css-override .tab-content .prettyprint, .b2b-css-override .usage .prettyprint {
\r
7650 max-height: 500px;
\r
7651 overflow-y: auto; }
\r
7653 .b2b-top-nav-buttons-css-override {
\r
7655 margin-top: 2px; }
\r
7658 width: auto !important; }
\r
7660 .b2b-toggle-header-active {
\r
7663 .b2b-toggle-header-inactive {
\r
7666 .b2b-toggle-header-icon {
\r
7667 cursor: pointer; }
\r
7669 .tab-content > .tab-pane {
\r
7672 .tab-content > .active {
\r
7675 .icon-primary-circle:before {
\r
7676 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");
\r
7678 position: absolute;
\r
7682 .ds2-no-colors .icon-primary-circle:before {
\r
7683 background-image: none;
\r
7684 content: "\e902"; }
\r
7687 outline: thin dotted #666; }
\r
7695 display: inline-block;
\r
7699 /*transition: all 0.3s ease-out 0s;*/
\r
7700 vertical-align: baseline; }
\r
7703 padding-top: 10px;
\r
7704 padding-bottom: 20px;
\r
7705 text-align: center;
\r
7708 .pager__item--input {
\r
7714 text-align: center;
\r
7715 margin-left: 10px; }
\r
7717 .row.section-row {
\r
7718 margin-bottom: 20px; }
\r
7720 .pager__item--active {
\r
7721 border-bottom: 2px solid #0574ac;
\r
7725 .pager a.pager__item--active:hover {
\r
7726 cursor: default; }
\r
7728 .pager a:hover, .pager a:focus {
\r
7729 text-decoration: none;
\r
7731 cursor: pointer; }
\r
7733 .pager a.disabled:hover, .pager a.disabled:focus {
\r
7734 cursor: not-allowed; }
\r
7736 .row.section-row.b2b-page {
\r
7739 a.pager__item--next:focus, a.pager__item--prev:focus {
\r
7740 text-decoration: none;
\r
7743 .pager__item--next, .pager__item--prev {
\r
7745 padding: 1.5px 6px 1.5px 6px; }
\r
7747 .pager .disabled i {
\r
7748 pointer-events: none;
\r
7755 .fieldLabel input {
\r
7763 margin-bottom: 20px;
\r
7764 font-size: 1.6rem;
\r
7766 display: inline-block;
\r
7767 font-family: "Omnes-ECOMP-W02-Medium", Arial; }
\r
7769 .mobile-view > .pager__item {
\r
7773 vertical-align: middle;
\r
7774 line-height: 34px; }
\r
7782 h4#pagination-truncated {
\r
7783 margin-top: 50px; }
\r
7785 h4#pagination-large-count {
\r
7786 margin-top: 50px; }
\r
7788 .p-col-md-12 input {
\r
7789 margin-left: 20px; }
\r
7791 .pager a .icon-primary-right:before {
\r
7792 display: inline-block; }
\r
7794 .pager a .icon-primary-left:before {
\r
7795 display: inline-block; }
\r
7798 background: white none repeat scroll 0 0;
\r
7799 margin-bottom: -12px;
\r
7800 padding-left: 10px;
\r
7801 padding-right: 10px;
\r
7802 position: relative; }
\r
7804 .numericResult:focus {
\r
7805 outline: 1px dotted #0574ac; }
\r
7807 .page-heading-group {
\r
7809 font-family: "Omnes-ECOMP-W02-Medium", Arial; }
\r
7811 .pager > div > span.fieldLabel {
\r
7812 margin-left: 18px; }
\r
7814 .pager .fieldLabel .btn-arrow {
\r
7818 .b2b-p-col-md-12 {
\r
7820 .b2b-p-col-md-12 input {
\r
7821 margin-left: 20px; }
\r
7823 .b2b-pager__item {
\r
7826 display: inline-block;
\r
7830 vertical-align: baseline; }
\r
7832 .b2b-pager__item--noclick {
\r
7833 pointer-events: none !important;
\r
7834 cursor: default !important; }
\r
7837 padding-top: 10px;
\r
7838 padding-bottom: 20px;
\r
7839 text-align: center;
\r
7841 .b2b-pager a:hover {
\r
7842 text-decoration: none;
\r
7844 cursor: pointer; }
\r
7845 .b2b-pager a:focus {
\r
7846 text-decoration: none;
\r
7848 cursor: pointer; }
\r
7849 .b2b-pager a .icon-primary-right:before {
\r
7850 display: inline-block; }
\r
7851 .b2b-pager a .icon-primary-left:before {
\r
7852 display: inline-block; }
\r
7853 .b2b-pager .disabled i {
\r
7854 pointer-events: none;
\r
7858 .b2b-pager__item--input {
\r
7864 text-align: center;
\r
7865 margin-left: 10px; }
\r
7867 .row.section-row {
\r
7868 margin-bottom: 20px; }
\r
7870 .b2b-pager__item--active {
\r
7871 border-bottom: 2px solid #0574ac;
\r
7875 .row.section-row.b2b-page {
\r
7878 a.b2b-pager__item--next:focus {
\r
7879 text-decoration: none;
\r
7882 a.b2b-pager__item--next-disabled {
\r
7885 a.b2b-pager__item--next-disabled > [class^="icon-primary-"] {
\r
7887 cursor: not-allowed;
\r
7890 a.b2b-pager__item--prev:focus {
\r
7891 text-decoration: none;
\r
7894 a.b2b-pager__item--prev-disabled {
\r
7897 a.b2b-pager__item--prev-disabled > [class^="icon-primary-"] {
\r
7899 cursor: not-allowed; }
\r
7901 .b2b-pager__item--next {
\r
7903 padding: 1.5px 6px 1.5px 6px; }
\r
7905 .b2b-pager__item--prev {
\r
7907 padding: 1.5px 6px 1.5px 6px; }
\r
7911 .fieldLabel input {
\r
7913 .fieldLabel .btn-arrow {
\r
7921 .b2b-numericResult {
\r
7922 margin-bottom: 20px;
\r
7923 font-size: 1.6rem;
\r
7924 margin-top: 20px; }
\r
7926 .b2b-mobile-view > .b2b-pager__item {
\r
7930 vertical-align: middle;
\r
7931 line-height: 34px; }
\r
7942 h4#b2b-pagination-truncated {
\r
7943 margin-top: 50px; }
\r
7945 h4#b2b-pagination-large-count {
\r
7946 margin-top: 50px; }
\r
7948 .b2b-page-heading {
\r
7949 background: white none repeat scroll 0 0;
\r
7950 margin-bottom: -12px;
\r
7951 padding-left: 10px;
\r
7952 padding-right: 10px;
\r
7953 position: relative; }
\r
7955 .b2b-numericResult:focus {
\r
7956 outline: 1px dotted #0574ac; }
\r
7958 .b2b-page-heading-group {
\r
7960 font-family: "Omnes-ECOMP-W02-Medium", Arial; }
\r
7962 .b2b-pager > div > span.fieldLabel {
\r
7963 margin-left: 18px; }
\r
7965 input.b2b-phone-mask-input {
\r
7966 padding-right: 15px; }
\r
7967 input.b2b-phone-mask-input:hover, input.b2b-phone-mask-input:focus {
\r
7968 padding-right: 15px; }
\r
7970 /************************** Start - Should be removed after the styling in global is fixed *******************/
\r
7971 input::-ms-clear {
\r
7974 /************************** End - Should be removed after the styling in global is fixed *******************/
\r
7975 @media (max-width: 767px) {
\r
7976 input::-ms-clear {
\r
7977 display: block; } }
\r
7979 .pivot-link-group {
\r
7980 background-color: #5a5a5a;
\r
7981 border-top: 1px solid #959595; }
\r
7983 .pivot-links > li {
\r
7984 border-bottom: 1px solid #959595; }
\r
7986 .pivot-links > li > a {
\r
7989 padding: 12px 15px 10px;
\r
7990 line-height: normal; }
\r
7992 .b2b-profile-block-container {
\r
7993 min-height: 200px;
\r
7995 background-color: #fff;
\r
7996 border-radius: 8px;
\r
7997 border: 1px solid #ccc;
\r
7998 box-shadow: 0px 1px 1px 1px #ccc;
\r
7999 display: inline-table;
\r
8000 margin: 15px 15px; }
\r
8002 .b2b-profile-block-details p, .b2b-profile-block-details div {
\r
8004 font-size: 1.4rem; }
\r
8006 .b2b-profile-block-details .radio-label, .b2b-profile-block-details a {
\r
8007 font-size: 1.4rem; }
\r
8009 .b2b-profile-block-details p label, .b2b-profile-block-details p span {
\r
8010 padding-left: 10px; }
\r
8012 .b2b-profile-block-footer {
\r
8013 margin-bottom: 12px;
\r
8017 .b2b-profile-block-details p {
\r
8018 word-wrap: break-word;
\r
8020 .b2b-profile-block-details p:first-child {
\r
8021 margin-top: 10px; }
\r
8022 .b2b-profile-block-details p:after {
\r
8025 border: 0.2px solid #ccc;
\r
8026 margin-top: 12px; }
\r
8028 .b2b-profile-block-details .radio {
\r
8029 margin-left: 15px;
\r
8032 .b2b-approval-icon {
\r
8035 position: relative;
\r
8037 .b2b-approval-icon i {
\r
8041 .b2b-profile-link {
\r
8043 position: relative;
\r
8047 position: relative;
\r
8050 margin-bottom: 16px; }
\r
8052 .b2b-profile-block-radio {
\r
8053 position: relative;
\r
8056 .b2b-profile-card {
\r
8058 min-height: 354px;
\r
8060 border: solid 1px #CCC;
\r
8061 font-family: "Omnes-ECOMP-W02", Arial;
\r
8062 display: inline-block;
\r
8063 vertical-align: top; }
\r
8064 .b2b-profile-card .top-block {
\r
8065 padding: 15px 20px;
\r
8066 background-color: #e4e4e4;
\r
8067 max-height: 153px; }
\r
8068 .b2b-profile-card .bottom-block {
\r
8069 padding: 15px 20px 15px 20px;
\r
8070 background-color: #fff; }
\r
8071 .b2b-profile-card .profile-image {
\r
8072 background: #e4e4e4;
\r
8073 margin-bottom: 15px;
\r
8074 text-align: center; }
\r
8075 .b2b-profile-card .profile-image .default-img {
\r
8076 display: inline-block;
\r
8079 margin-bottom: 10px;
\r
8080 border: 6px solid #fff;
\r
8081 border-radius: 99em;
\r
8082 -webkit-border-radius: 99em;
\r
8083 -moz-border-radius: 99em;
\r
8084 /* background-color: #eee; */ }
\r
8086 .profile-image img {
\r
8087 display: inline-block;
\r
8090 margin-bottom: 10px;
\r
8091 border: 6px solid #fff;
\r
8092 border-radius: 99em;
\r
8093 -webkit-border-radius: 99em;
\r
8094 -moz-border-radius: 99em;
\r
8095 /* background-color: #eee; */ }
\r
8097 .b2b-profile-card .profile-image .default-img {
\r
8098 font-family: "Omnes-ECOMP-W02", Arial;
\r
8100 background-color: #fff;
\r
8102 line-height: 22px;
\r
8104 padding-top: 13px;
\r
8107 text-transform: uppercase; }
\r
8109 .b2b-profile-card .profile-image .name {
\r
8110 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
8113 text-align: center;
\r
8114 margin-bottom: 5px;
\r
8117 word-break: break-word;
\r
8118 white-space: normal;
\r
8119 text-transform: capitalize; }
\r
8121 .b2b-profile-card .profile-image .status-icon {
\r
8122 border-radius: 10px;
\r
8123 border: 1px solid #fff;
\r
8124 margin: 0 3px 0 0;
\r
8127 display: inline-block;
\r
8128 vertical-align: middle; }
\r
8130 .b2b-profile-card .profile-image .status {
\r
8132 line-height: 15px;
\r
8133 text-align: center;
\r
8134 margin: 0 15px 0 0;
\r
8137 .b2b-profile-card .status .circle {
\r
8140 border-radius: 50%;
\r
8141 margin: 30px 6px 0px 20px;
\r
8142 text-align: center;
\r
8143 background-color: #444; }
\r
8145 .b2b-profile-card .profile-image .status-green {
\r
8146 background-color: #0c0; }
\r
8148 .b2b-profile-card .profile-image .status-red {
\r
8149 background-color: red; }
\r
8151 .b2b-profile-card .profile-image .status-blue {
\r
8152 background-color: #00f; }
\r
8154 .b2b-profile-card .profile-image .status-yellow {
\r
8155 background-color: #ff0; }
\r
8157 .b2b-profile-card .profile-image .status .status-badge {
\r
8159 border: dotted 1px #444;
\r
8160 background-color: transparent;
\r
8166 padding-left: 5px;
\r
8167 padding-right: 5px; }
\r
8169 .b2b-profile-card .profile-details {
\r
8170 background: #fff; }
\r
8171 .b2b-profile-card .profile-details label {
\r
8174 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
8175 font-weight: bolder;
\r
8180 .b2b-profile-card .profile-details div {
\r
8184 padding-bottom: 6.5px; }
\r
8186 .b2b-profile-card .b2b-add-user {
\r
8187 background: white;
\r
8188 border-style: dotted;
\r
8191 position: relative; }
\r
8192 .b2b-profile-card .b2b-add-user i {
\r
8194 padding-bottom: 15px; }
\r
8196 .b2b-profile-card .atcenter {
\r
8199 vertical-align: middle;
\r
8200 text-align: center; }
\r
8202 .b2b-profile-card .tooltip {
\r
8203 cursor: pointer; }
\r
8204 .b2b-profile-card .tooltip .helpertext {
\r
8205 position: relative;
\r
8208 .b2b-profile-card .tooltip-wrapper {
\r
8209 position: relative; }
\r
8211 /* Overrides for tooltip absolute positioning */
\r
8212 @media (min-width: 1025px) {
\r
8213 .b2b-profile-card .tooltip-size-control {
\r
8214 width: 100% !important; } }
\r
8216 @-webkit-keyframes progress-bar-stripes {
\r
8218 background-position: 0 0; }
\r
8220 background-position: 80px 0; } }
\r
8222 @keyframes progress-bar-stripes {
\r
8224 background-position: 0 0; }
\r
8226 background-position: 80px 0; } }
\r
8229 background-color: #e4e4e4;
\r
8230 border-radius: 4px;
\r
8232 margin-bottom: 20px;
\r
8236 position: relative; }
\r
8239 margin-bottom: 0; }
\r
8242 background-color: #666;
\r
8243 border-radius: 4px;
\r
8244 display: -webkit-flex;
\r
8245 display: -ms-flexbox;
\r
8251 display: -webkit-flex;
\r
8252 display: -ms-flexbox;
\r
8254 -webkit-align-items: center;
\r
8255 -ms-flex-align: center;
\r
8256 align-items: center;
\r
8257 -webkit-justify-content: flex-end;
\r
8258 -ms-flex-pack: end;
\r
8259 justify-content: flex-end; }
\r
8261 .progress-link + .usage-bar {
\r
8262 margin-top: 5px; }
\r
8264 .progress-success .bar, .progress .bar-success {
\r
8265 background-color: #1b7e28; }
\r
8267 .progress-warning .bar, .progress .bar-warning {
\r
8268 background-color: #ef6f00; }
\r
8270 .progress-danger .bar, .progress .bar-danger {
\r
8271 background-color: #cf2a2a; }
\r
8273 .progress.increment {
\r
8274 display: -webkit-flex;
\r
8275 display: -ms-flexbox;
\r
8278 .progress.increment .bar:first-child:not(:last-child) {
\r
8279 border-right: none;
\r
8280 border-radius: 4px 0 0 4px; }
\r
8282 .progress.increment .bar:last-child:not(:first-child) {
\r
8283 border-left: none;
\r
8284 border-radius: 0 4px 4px 0; }
\r
8286 .progress.increment .bar + .bar:not(:last-child) {
\r
8287 border-left: none;
\r
8288 border-right: none;
\r
8289 border-radius: 0; }
\r
8291 .progress.increment .bar:not(:first-child) {
\r
8292 border-left: 1px solid white !important; }
\r
8298 margin-bottom: 1px; }
\r
8300 .usage-bar > .usage-text {
\r
8301 display: table-cell;
\r
8304 .progress + .usage-bar {
\r
8305 margin-top: -15px; }
\r
8307 .usage-bar .usage-text {
\r
8308 font-size: 1.4rem; }
\r
8310 .usage-bar .usage-text:first-child {
\r
8311 white-space: nowrap; }
\r
8313 .usage-bar .usage-text.text-right {
\r
8314 vertical-align: top;
\r
8315 font-size: 1.4rem;
\r
8316 width: auto !important; }
\r
8318 .usage-bar .usage-text.text-right:before {
\r
8323 .usage-bar.billing-cycle .usage-text {
\r
8324 font-size: 1.4rem; }
\r
8326 .usage-bar.billing-cycle .usage-text.text-right {
\r
8327 vertical-align: bottom; }
\r
8329 .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"] {
\r
8330 background-color: #1b7e28; }
\r
8332 .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"] {
\r
8333 background-color: #ef6f00; }
\r
8335 .progress.autocolor [data-percentage^="9"], .progress.autocolor [data-percentage="100"] {
\r
8336 background-color: #cf2a2a; }
\r
8338 .b2b-seek-bar-container {
\r
8339 position: relative; }
\r
8340 .b2b-seek-bar-container div {
\r
8341 position: absolute; }
\r
8342 .b2b-seek-bar-container .b2b-seek-bar-track-container {
\r
8344 .b2b-seek-bar-container .b2b-seek-bar-track {
\r
8347 background-color: #cccccc;
\r
8348 border-radius: 10px; }
\r
8349 .b2b-seek-bar-container .b2b-seek-bar-track-fill {
\r
8352 background-color: #cccccc;
\r
8353 border-radius: 10px;
\r
8355 background-color: #157BB2;
\r
8356 transition: width 0s linear; }
\r
8358 .seek-bar-container .seek-bar-knob-container {
\r
8359 transition: left 0s linear; }
\r
8361 .b2b-seek-bar-container .b2b-seek-bar-knob {
\r
8364 border-radius: 10px;
\r
8367 border: 1px solid #cccccc;
\r
8368 background: white;
\r
8369 cursor: pointer; }
\r
8371 .b2b-seek-bar-container .b2b-seek-bar-knob:focus {
\r
8372 outline: thin dotted #666; }
\r
8374 .b2b-seek-bar-container.vertical {
\r
8378 position: relative;
\r
8379 border-radius: 10px; }
\r
8380 .b2b-seek-bar-container.vertical .b2b-seek-bar-track-container {
\r
8381 position: relative;
\r
8383 .b2b-seek-bar-container.vertical .b2b-seek-bar-track {
\r
8384 position: absolute;
\r
8386 .b2b-seek-bar-container.vertical .b2b-seek-bar-track-fill {
\r
8387 position: absolute;
\r
8391 .b2b-seek-bar-container.vertical .b2b-seek-bar-knob-container {
\r
8392 transition: bottom .01s linear;
\r
8393 position: relative;
\r
8395 .b2b-seek-bar-container.vertical .b2b-seek-bar-knob {
\r
8396 position: absolute;
\r
8397 border-radius: 10px;
\r
8401 .form-search .search-query {
\r
8402 width: 100% !important; }
\r
8404 .form-search .well {
\r
8407 .form-search > ul.nav > li.section {
\r
8408 min-height: 20px !important; }
\r
8410 input.b2b-search-input-field {
\r
8411 margin-bottom: 0px; }
\r
8413 .search-suggestion-list {
\r
8414 background-color: #FFFFFF;
\r
8415 border: 1px solid #ccc;
\r
8416 border-radius: 0 0 6px 6px;
\r
8417 box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
\r
8419 max-height: 400px;
\r
8420 overflow-x: hidden;
\r
8423 position: absolute;
\r
8426 .search-suggestion-list > li.active {
\r
8427 background-color: #cccccc; }
\r
8428 .search-suggestion-list:empty {
\r
8431 .b2b-search-hightlight {
\r
8432 font-weight: bold; }
\r
8434 input[type="text"]::-moz-placeholder {
\r
8436 font-family: "Omnes-ECOMP-W02-Italic", Arial; }
\r
8438 input[type="text"]:focus {
\r
8441 input[type="text"] + .reset-field {
\r
8442 background-color: #FFFFFF;
\r
8446 .btn-search:focus {
\r
8447 outline: 1px dotted #0574ac; }
\r
8449 .field-group input:not([type="button"])[disabled] ~ .btn-search {
\r
8450 background-color: #eee; }
\r
8452 .btn-search[class*="btn"] {
\r
8453 background-color: #FFFFFF;
\r
8454 background-size: 20px 20px;
\r
8455 border-radius: 0 1.5rem 1.5rem 0;
\r
8457 min-width: 4.4rem !important;
\r
8462 .search-suggestion-wrapper {
\r
8463 margin-bottom: 15px;
\r
8464 position: relative; }
\r
8465 .search-suggestion-wrapper .no-result {
\r
8466 padding: 0px 15px; }
\r
8468 .search-suggestion-item {
\r
8470 line-height: 4rem;
\r
8472 position: relative;
\r
8474 .search-suggestion-item:hover {
\r
8475 background-color: #e4e4e4;
\r
8476 cursor: pointer; }
\r
8477 .search-suggestion-item:focus {
\r
8478 background-color: #e4e4e4;
\r
8479 cursor: pointer; }
\r
8480 .search-suggestion-item a {
\r
8482 text-decoration: none; }
\r
8487 input.b2b-search-input-field:focus ~ .btn-search > i, .btn-search:focus > i {
\r
8490 button.btn-search[disabled] {
\r
8491 cursor: not-allowed; }
\r
8492 button.btn-search[disabled] i {
\r
8495 .linkSelectorModule {
\r
8496 position: relative;
\r
8498 line-height: 20px;
\r
8502 .linkSelectorModule .icon-primary-down {
\r
8504 margin-top: -10px;
\r
8505 position: absolute;
\r
8507 margin-left: -30px; }
\r
8508 .linkSelectorModule .selectModule {
\r
8509 background-color: transparent;
\r
8513 border: 1px solid transparent;
\r
8515 padding-right: 35px;
\r
8516 position: relative;
\r
8517 user-select: none;
\r
8518 font-size: 1.6rem; }
\r
8519 .linkSelectorModule .selectModule:focus {
\r
8520 border: 1px dotted #ccc;
\r
8522 -moz-user-select: none; }
\r
8523 .linkSelectorModule .selectModule:hover {
\r
8524 text-decoration: underline; }
\r
8525 .linkSelectorModule .active + .moduleWrapper:before {
\r
8526 background-color: #FFFFFF;
\r
8527 border-color: #d2d2d2;
\r
8528 border-style: solid;
\r
8529 border-width: 1px 1px 0 0;
\r
8535 position: absolute;
\r
8537 -webkit-transform: rotate(-45deg);
\r
8538 transform: rotate(-45deg);
\r
8540 .linkSelectorModule .moduleWrapper {
\r
8542 .linkSelectorModule ul.awd-module-list {
\r
8543 border-radius: 6px 6px 0px 0px; }
\r
8545 .selectorModule .icon-primary-down {
\r
8547 margin-top: -11px;
\r
8548 position: absolute;
\r
8552 .selectorModule .selectModule {
\r
8553 border: 1px solid #d2d2d2;
\r
8554 border-radius: 6px;
\r
8555 box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
\r
8558 padding-left: 15px;
\r
8559 background-color: transparent;
\r
8560 cursor: pointer; }
\r
8561 .selectorModule .selectModule:focus {
\r
8562 border: 1px solid #0568ae;
\r
8563 -moz-user-select: none; }
\r
8564 .selectorModule .selectModule span.module-data {
\r
8565 position: absolute;
\r
8567 line-height: 20px; }
\r
8568 .selectorModule .selectModule img + span.module-data {
\r
8569 padding-left: 45px; }
\r
8571 .selectorModule .selectModule.active {
\r
8572 border-bottom-right-radius: 0px;
\r
8573 border-bottom-left-radius: 0px; }
\r
8575 .selectorModule .moduleWrapper {
\r
8576 position: absolute;
\r
8577 width: 100% !important;
\r
8578 border-top: none; }
\r
8580 .selectorModule ul.awd-module-list {
\r
8581 border-radius: 0px 0px 6px 6px; }
\r
8583 .selectorModule .large > img {
\r
8585 position: absolute;
\r
8591 background-color: transparent;
\r
8592 font-family: "Omnes-ECOMP-W02", Arial;
\r
8594 font-size: 1.6rem;
\r
8596 line-height: 35px;
\r
8598 position: relative;
\r
8604 cursor: pointer; }
\r
8607 background-color: #FFFFFF;
\r
8608 position: absolute;
\r
8611 box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
\r
8612 border-radius: 0px 0px 6px 6px; }
\r
8613 .moduleWrapper .module-list-item img {
\r
8615 position: absolute;
\r
8619 align-self: center; }
\r
8620 .moduleWrapper span {
\r
8622 white-space: nowrap;
\r
8623 font-size: 1.5rem; }
\r
8625 .awd-module-list {
\r
8628 max-height: 360px;
\r
8629 border: 1px solid #d2d2d2; }
\r
8630 .awd-module-list .module-list-item > .module-data {
\r
8631 overflow: ellipsis;
\r
8632 white-space: nowrap;
\r
8633 line-height: 20px;
\r
8634 font-size: 1.6rem;
\r
8635 border-bottom: 1px dotted #959595;
\r
8636 margin: 0px 15px 0px 15px;
\r
8637 padding-right: 50px;
\r
8638 padding-bottom: 14px;
\r
8639 padding-top: 14px;
\r
8640 align-self: center;
\r
8642 .awd-module-list .module-list-item:hover {
\r
8643 background-color: #f2f2f2; }
\r
8644 .awd-module-list .module-list-item:active {
\r
8645 background-color: #f2f2f2; }
\r
8646 .awd-module-list .module-list-item[aria-selected="true"] {
\r
8647 background-color: #f2f2f2; }
\r
8649 .module-list-item {
\r
8652 position: relative;
\r
8653 overflow: ellipsis;
\r
8654 white-space: nowrap;
\r
8658 .module-list-item:last-of-type .module-data {
\r
8659 border-bottom: none; }
\r
8660 .module-list-item img + span.module-data {
\r
8661 padding-left: 45px; }
\r
8663 .module-groups:first-of-type .module-list-item:last-of-type .module-data {
\r
8664 border-bottom: 1px solid #959595; }
\r
8666 .module-groupitem {
\r
8667 padding-bottom: 4px; }
\r
8669 .selectorModule.large {
\r
8671 vertical-align: middle;
\r
8672 text-align: left; }
\r
8673 .selectorModule.large .moduleWrapper {
\r
8675 .selectorModule.large input {
\r
8677 vertical-align: middle;
\r
8678 text-align: left; }
\r
8679 .selectorModule.large button {
\r
8681 vertical-align: middle;
\r
8682 text-align: left; }
\r
8683 .selectorModule.large .selectModule img {
\r
8687 ul.module-groupitem li {
\r
8688 margin: 0 -15px 0 -15px; }
\r
8690 span.module-data span {
\r
8692 line-height: 20px;
\r
8693 font-size: 1.5rem; }
\r
8695 li.module-groups {
\r
8696 cursor: default !important;
\r
8697 padding: 18px 15px 0px 15px; }
\r
8699 li.module-list-item[selected]:before {
\r
8700 box-sizing: border-box;
\r
8701 display: inline-block;
\r
8704 position: absolute;
\r
8707 vertical-align: middle;
\r
8711 ul.module-optinalcta {
\r
8712 position: relative;
\r
8715 border-bottom: 1px solid #d2d2d2;
\r
8716 border-left: 1px solid #d2d2d2;
\r
8717 border-right: 1px solid #d2d2d2;
\r
8718 border-radius: 0px 0px 6px 6px; }
\r
8719 ul.module-optinalcta li {
\r
8720 position: absolute;
\r
8722 ul.module-optinalcta a {
\r
8723 text-indent: 15px;
\r
8726 .b2b-slider-container {
\r
8727 position: relative; }
\r
8728 .b2b-slider-container.slider-disabled {
\r
8729 cursor: not-allowed !important; }
\r
8730 .b2b-slider-container div {
\r
8731 position: absolute; }
\r
8732 .b2b-slider-container .slider-track-container {
\r
8734 cursor: pointer; }
\r
8735 .b2b-slider-container .slider-track {
\r
8738 background-color: #cccccc;
\r
8739 border-radius: 10px; }
\r
8740 .b2b-slider-container .slider-track-fill {
\r
8743 background-color: #cccccc;
\r
8744 border-radius: 10px;
\r
8746 background-color: #157BB2;
\r
8747 transition: width 0s linear; }
\r
8748 .b2b-slider-container .slider-knob-container {
\r
8749 transition: left 0s linear; }
\r
8750 .b2b-slider-container .slider-knob-container.slider-knob-hidden {
\r
8751 display: none !important; }
\r
8752 .b2b-slider-container .slider-knob {
\r
8755 border-radius: 10px;
\r
8758 border: 1px solid #cccccc;
\r
8759 background: white;
\r
8760 cursor: pointer; }
\r
8761 .b2b-slider-container .slider-knob:focus {
\r
8762 outline: thin dotted #666; }
\r
8764 .b2b-slider-endpoints-container {
\r
8767 font-size: 12px; }
\r
8768 .b2b-slider-endpoints-container .b2b-slider-endpoints-left {
\r
8770 line-height: 100%; }
\r
8771 .b2b-slider-endpoints-container .b2b-slider-endpoints-right {
\r
8773 line-height: 100%; }
\r
8774 .b2b-slider-endpoints-container::after {
\r
8779 .b2b-slider-container.vertical {
\r
8783 position: relative;
\r
8784 border-radius: 10px; }
\r
8785 .b2b-slider-container.vertical .slider-track-container {
\r
8786 position: relative;
\r
8788 .b2b-slider-container.vertical .slider-track {
\r
8789 position: absolute;
\r
8791 .b2b-slider-container.vertical .slider-track-fill {
\r
8792 position: absolute;
\r
8796 .b2b-slider-container.vertical .slider-knob-container {
\r
8797 transition: bottom 0s linear;
\r
8798 position: relative;
\r
8800 .b2b-slider-container.vertical .slider-knob-container.slider-knob-hidden {
\r
8801 display: none !important; }
\r
8802 .b2b-slider-container.vertical .slider-knob {
\r
8803 position: absolute;
\r
8804 border-radius: 10px;
\r
8808 .icon-primary-spinner {
\r
8809 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");
\r
8813 .icon-primary-spinner.small {
\r
8814 margin-right: 5px;
\r
8815 height: 30px !important;
\r
8816 width: 30px !important; }
\r
8818 .isIE .icon-primary-spinner,
\r
8819 .isIE .icon-primary-spinner.small {
\r
8820 animation: spinner 1s linear infinite; }
\r
8822 .ds2-no-colors .icon-primary-spinner {
\r
8823 animation: spinner 1s linear infinite;
\r
8824 border: 5px dotted transparent;
\r
8825 border-radius: 50%; }
\r
8827 @keyframes spinner {
\r
8829 transform: rotate(0deg); }
\r
8831 transform: rotate(359deg); } }
\r
8833 .b2b-status-tracker > .btn-arrow:nth-of-type(1) {
\r
8834 margin-right: 10px; }
\r
8836 .b2b-status-tracker > .btn-arrow:nth-of-type(2) {
\r
8837 margin-left: 20px; }
\r
8839 .b2b-status-tracker > .btn-arrow {
\r
8842 overflow: visible; }
\r
8843 .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-left {
\r
8844 margin-right: 5px;
\r
8846 .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-right {
\r
8849 .b2b-status-tracker > .b2b-status-tracker-step {
\r
8851 position: relative; }
\r
8853 .b2b-status-tracker-step {
\r
8854 margin-left: 5px; }
\r
8856 .b2b-status-tracker > .b2b-status-tracker-step .b2b-status-tracker-heading {
\r
8857 font-family: "Omnes-ECOMP-W02", Arial;
\r
8860 margin-bottom: 10px; }
\r
8862 .b2b-status-tracker > .b2b-status-tracker-step.complete > .b2b-status-tracker-heading {
\r
8863 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
8866 .b2b-status-tracker > .b2b-status-tracker-step.complete > .progress > .progress-bar {
\r
8868 background-color: #1b7e28; }
\r
8870 .b2b-status-tracker > .b2b-status-tracker-step.complete > .b2b-status-tracker-estimate {
\r
8871 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
8873 .b2b-status-tracker > .b2b-status-tracker-step.complete > .b2b-status-tracker-estimate > .icoControls-approval {
\r
8876 .b2b-status-tracker > .b2b-status-tracker-step.current > .b2b-status-tracker-heading {
\r
8877 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
8880 .b2b-status-tracker > .b2b-status-tracker-step.current > .progress > .progress-bar {
\r
8882 background-color: #333333; }
\r
8884 .b2b-status-tracker > .b2b-status-tracker-step.current > .b2b-status-tracker-estimate > .icon-misc-time {
\r
8887 .b2b-status-tracker > .b2b-status-tracker-step > .progress {
\r
8888 position: relative;
\r
8889 border-radius: 1.5px;
\r
8891 margin-bottom: 10px;
\r
8892 background-color: #c5c5c5; }
\r
8893 .b2b-status-tracker > .b2b-status-tracker-step > .progress > .progress-bar {
\r
8897 .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-estimate {
\r
8898 font-family: "Omnes-ECOMP-W02", Arial;
\r
8901 margin-bottom: 10px; }
\r
8902 .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-estimate > .icon-misc-time {
\r
8905 .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description {
\r
8906 font-family: "Omnes-ECOMP-W02", Arial;
\r
8909 padding-right: 15px; }
\r
8913 padding: 40px 0; }
\r
8917 font-family: "Omnes-ECOMP-W02", Arial;
\r
8918 font-size: 3.8rem;
\r
8919 line-height: 0.8; }
\r
8925 position: relative; }
\r
8930 margin-right: 5px;
\r
8931 background-color: #c4c4c4;
\r
8932 outline: 1px solid transparent; }
\r
8934 .steps li:first-child {
\r
8935 border-radius: 4px 0 0 4px; }
\r
8937 .steps li:last-child {
\r
8939 border-radius: 0 4px 4px 0; }
\r
8941 .steps li.step-on,
\r
8942 .steps li.step-done {
\r
8943 background-color: #007a3e;
\r
8945 border: 1px solid transparent; }
\r
8949 display: inline-block;
\r
8950 font-size: 1.8rem;
\r
8952 position: relative;
\r
8953 white-space: nowrap; }
\r
8955 .step-on .step-text {
\r
8956 font-family: "Omnes-ECOMP-W02-Medium", Arial; }
\r
8958 .steps li .step-text[data-large-text]:before {
\r
8959 content: attr(data-large-text) " "; }
\r
8961 .step-confirmation {
\r
8963 margin-bottom: 30px; }
\r
8965 .step-confirmation > div {
\r
8968 .step-confirmation > div i {
\r
8971 margin-right: 10px; }
\r
8973 .step-confirmation.centered > div i {
\r
8974 margin-left: -60px; }
\r
8976 .step-confirmation > div h3 {
\r
8977 font-size: 2.4rem;
\r
8978 margin: 26px 0 20px; }
\r
8980 .step-confirmation > p {
\r
8983 @media (max-width: 1024px) {
\r
8985 padding: 25px 0; }
\r
8989 font-size: 2.4rem;
\r
8990 margin-bottom: 11px; }
\r
8993 .step-on .step-text {
\r
8996 font-size: 1.2rem;
\r
9000 position: absolute;
\r
9002 .steps li .step-text[data-sm-text]:before {
\r
9003 content: attr(data-sm-text) " ";
\r
9005 .step-confirmation {
\r
9006 margin-top: 30px !important; } }
\r
9008 @media (max-width: 767px) {
\r
9009 .step-confirmation.centered > div i {
\r
9011 .step-confirmation.centered > p {
\r
9012 margin-left: 40px; }
\r
9013 .step-confirmation > div h3 {
\r
9014 font-size: 1.8rem;
\r
9015 margin: 13px 0 10px; }
\r
9016 .step-confirmation > div i {
\r
9018 margin-right: 10px; } }
\r
9020 .step-indicator.vertical {
\r
9023 .vertical .step-heading {
\r
9024 font-size: 24px; }
\r
9026 .vertical .steps {
\r
9031 .vertical .steps li {
\r
9032 align-items: center;
\r
9033 background-color: transparent;
\r
9037 padding: 0 0 0 20px;
\r
9038 position: relative; }
\r
9040 .vertical .steps li .step-text {
\r
9041 align-self: center;
\r
9045 position: relative;
\r
9049 .vertical .steps li .step-text[data-large-text]:before {
\r
9050 content: attr(data-large-text) " "; }
\r
9052 .vertical .steps li:after {
\r
9053 background-color: transparent;
\r
9054 border-left: 4px solid #d2d2d2;
\r
9060 position: absolute;
\r
9064 .vertical .steps li.step-on:after,
\r
9065 .vertical .steps li.step-done:after {
\r
9066 border-color: #0568ae; }
\r
9068 .b2b-step-tracker {
\r
9070 padding: 0px 0px 0px 0px; }
\r
9071 .b2b-step-tracker .btn.btn-left {
\r
9072 margin-right: 10px; }
\r
9073 .b2b-step-tracker .btn.btn-right {
\r
9074 margin-left: 5px; }
\r
9075 .b2b-step-tracker .b2b-left-arrow {
\r
9077 margin-top: -5px; }
\r
9078 .b2b-step-tracker .b2b-right-arrow {
\r
9080 margin-top: -5px; }
\r
9081 .b2b-step-tracker .b2b-steps {
\r
9085 position: relative; }
\r
9086 .b2b-step-tracker .b2b-steps li {
\r
9089 margin-right: 5px;
\r
9090 background-color: #767676;
\r
9091 outline: 1px solid transparent;
\r
9093 .b2b-step-tracker .b2b-steps li.b2b-step-done {
\r
9094 background-color: #1b7e28;
\r
9097 .b2b-step-tracker .b2b-steps li.b2b-step-on {
\r
9098 background-color: #333333;
\r
9101 font-family: "Omnes-ECOMP-W02-Medium", Arial; }
\r
9102 .b2b-step-tracker .b2b-steps li .b2b-step-text {
\r
9104 display: inline-block;
\r
9107 position: relative;
\r
9108 white-space: nowrap; }
\r
9109 .b2b-step-tracker .b2b-steps li .b2b-step-text[data-large-text]:before {
\r
9110 content: attr(data-large-text) " "; }
\r
9111 .b2b-step-tracker .b2b-steps li:first-child {
\r
9112 border-radius: 2px 0 0 2px; }
\r
9113 .b2b-step-tracker .b2b-steps li:last-child {
\r
9115 border-radius: 0 2px 2px 0; }
\r
9117 @media (max-width: 1024px) {
\r
9118 .b2b-step-tracker {
\r
9119 padding: 25px 0; }
\r
9120 .b2b-step-tracker .b2b-steps {
\r
9122 .b2b-step-tracker .b2b-steps li .b2b-step-text {
\r
9124 .b2b-step-tracker .b2b-steps li .b2b-step-text[data-sm-text]:before {
\r
9125 content: attr(data-sm-text) " ";
\r
9127 .b2b-step-tracker .b2b-steps li.b2b-step-on .b2b-step-text {
\r
9134 position: absolute;
\r
9137 .strength-meter-container {
\r
9139 max-width: 450px; }
\r
9141 .strength-meter-gauge {
\r
9142 border-radius: 2px;
\r
9143 background-color: #d2d2d2;
\r
9146 position: relative;
\r
9147 outline: 1px solid transparent; }
\r
9149 .strength-meter-gauge-fill {
\r
9152 border-radius: 2px;
\r
9153 text-indent: -9999px;
\r
9155 border: 2px solid transparent; }
\r
9157 .strength-meter-gauge-fill.strength-meter-animate {
\r
9158 transition: width 0.5s linear, background-color 0.5s linear; }
\r
9160 .strength-meter-animate[style*="20"] {
\r
9161 background-color: #cf2a2a; }
\r
9163 .strength-meter-animate[style*="20"] + .strength-meter-divider + .strength-meter-content:after {
\r
9164 content: "Unacceptable"; }
\r
9166 .strength-meter-animate[style*="40"] {
\r
9167 background-color: #ea7400; }
\r
9169 .strength-meter-animate[style*="40"] + .strength-meter-divider + .strength-meter-content:after {
\r
9170 content: "Weak"; }
\r
9172 .strength-meter-animate[style*="60"] {
\r
9173 background-color: #ea7400; }
\r
9175 .strength-meter-animate[style*="60"] + .strength-meter-divider + .strength-meter-content:after {
\r
9176 content: "Fair"; }
\r
9178 .strength-meter-animate[style*="80"] {
\r
9179 background-color: #007a3e; }
\r
9181 .strength-meter-animate[style*="80"] + .strength-meter-divider + .strength-meter-content:after {
\r
9182 content: "Good"; }
\r
9184 .strength-meter-animate[style*="100"] {
\r
9185 background-color: #007a3e; }
\r
9187 .strength-meter-animate[style*="100"] + .strength-meter-divider + .strength-meter-content:after {
\r
9188 content: "Excellent"; }
\r
9190 .strength-meter-divider {
\r
9191 position: absolute;
\r
9197 overflow: hidden; }
\r
9199 .strength-meter-divider span {
\r
9200 background: transparent;
\r
9203 border-right: solid 1px #fff; }
\r
9205 .strength-meter-divider span:first-child {
\r
9206 border-radius: 2px 0 0 2px; }
\r
9208 .strength-meter-divider span + .strength-meter-divider span {
\r
9209 border-radius: 0; }
\r
9211 .strength-meter-divider span:last-child {
\r
9212 border-radius: 0 2px 2px 0;
\r
9213 border-right: 0; }
\r
9215 .strength-meter-content {
\r
9219 position: absolute; }
\r
9221 .strength-meter-content:before {
\r
9222 font-family: "Omnes-ECOMP-W02", Arial;
\r
9223 content: "Password strength: "; }
\r
9225 .strength-meter-content:after {
\r
9226 font-family: "Omnes-ECOMP-W02-Medium", Arial; }
\r
9228 .strength-meter-container {
\r
9231 max-width: 450px; }
\r
9233 .strength-meter-container .strength-meter-gauge {
\r
9234 border-radius: 2px;
\r
9235 background-color: #cccccc;
\r
9236 box-shadow: 0 1px 1px -1px #333 inset;
\r
9240 position: relative; }
\r
9242 .strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill {
\r
9244 box-shadow: 0 1px 1px -1px #999 inset;
\r
9246 text-indent: -9999px;
\r
9249 .strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill.strength-meter-animate {
\r
9250 transition: width 0ms ease-out, background-color 0ms ease-in; }
\r
9252 .strength-meter-container > .strength-meter-gauge > .strength-meter-divider {
\r
9253 position: absolute;
\r
9260 .strength-meter-container > .strength-meter-gauge > .strength-meter-divider span {
\r
9261 background: transparent;
\r
9264 border-right: solid 1px #fff; }
\r
9266 .strength-meter-container > .strength-meter-gauge > .strength-meter-divider span:last-child {
\r
9267 border-right: 0; }
\r
9269 .strength-meter-container > .strength-meter-content {
\r
9270 font-family: "Omnes-ECOMP-W02", Arial;
\r
9273 padding-top: 7px; }
\r
9275 .strength-meter-container > .strength-meter-content:before {
\r
9278 .strength-meter-container > .strength-meter-content > .strength-meter-content-state {
\r
9279 font-family: "Omnes-ECOMP-W02-Medium", Arial; }
\r
9281 .btn-switch-label {
\r
9283 align-items: center; }
\r
9284 .btn-switch-label:focus .btn-switch {
\r
9285 outline: 1px dotted #666;
\r
9286 outline-offset: 5px; }
\r
9287 .btn-switch-label input:focus .btn-switch {
\r
9288 outline: 1px dotted #666;
\r
9289 outline-offset: 5px; }
\r
9290 .btn-switch-label > span {
\r
9294 background-color: #fff;
\r
9295 border: 1px solid #d2d2d2;
\r
9296 border-radius: 16px;
\r
9297 box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.15) inset, 0 5px 5px -5px rgba(0, 0, 0, 0.15);
\r
9300 position: relative;
\r
9302 user-select: none; }
\r
9303 .btn-switch input[type="checkbox"] {
\r
9307 position: absolute;
\r
9309 transition: none; }
\r
9310 .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on .activo {
\r
9311 font: 0px/0 "Omnes-ECOMP-W02"; }
\r
9312 .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on + .btn + .btn-slider-off .inactivo {
\r
9313 font: 0px/0 "Omnes-ECOMP-W02"; }
\r
9314 .btn-switch input:checked + .switch-overlay {
\r
9316 transition: all .3s linear .0s; }
\r
9317 .btn-switch input:checked + .switch-overlay .switch-handle {
\r
9318 background-color: #007a3e;
\r
9319 background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
\r
9320 transition: background-color 0.3s linear 0s;
\r
9321 border: 1px solid transparent; }
\r
9322 .btn-switch input + .switch-overlay {
\r
9324 transition: all .3s linear .0s; }
\r
9325 .btn-switch input + .switch-overlay .switch-handle {
\r
9326 background-color: #f2f2f2;
\r
9327 background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
\r
9328 transition: background-color 0.3s linear 0s;
\r
9329 border: 1px solid #d2d2d2; }
\r
9330 .btn-switch input[disabled] + .switch-overlay {
\r
9332 width: 100% !important;
\r
9333 background-color: #d2d2d2;
\r
9335 cursor: not-allowed !important; }
\r
9336 .btn-switch input[disabled] + .switch-overlay .btn-slider-on {
\r
9338 .btn-switch input[disabled] + .switch-overlay .activo {
\r
9340 .btn-switch input[disabled] + .switch-overlay .switch-handle {
\r
9342 .btn-switch input[disabled] + .switch-overlay .btn-slider-off {
\r
9344 text-align: center;
\r
9346 .btn-switch input[disabled]:checked + .switch-overlay {
\r
9348 width: 100% !important;
\r
9349 background-color: #fff; }
\r
9350 .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off {
\r
9352 .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off + .inactivo {
\r
9354 .btn-switch input[disabled]:checked + .switch-overlay .switch-handle {
\r
9356 .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-on {
\r
9358 text-align: center;
\r
9360 color: #007a3e !important;
\r
9361 font-weight: bold; }
\r
9362 .btn-switch input[disabled]:checked + .switch-overlay .activo {
\r
9364 text-align: center;
\r
9366 color: #007a3e !important;
\r
9367 font-weight: bold; }
\r
9368 .btn-switch input[disabled]:checked + .btn-slider-on {
\r
9370 .btn-switch input[disabled] + .btn-slider-on + .switch-handle {
\r
9373 .btn-switch input[disabled] + .btn-slider-on + .switch-handle + .btn-slider-off {
\r
9375 .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on {
\r
9377 .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo {
\r
9378 border: medium none;
\r
9380 font: 16px/32px "Omnes-ECOMP-W02";
\r
9384 .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo:before {
\r
9386 .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
\r
9389 text-align: center;
\r
9391 .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo {
\r
9392 border: medium none;
\r
9394 font: 16px/32px "Omnes-ECOMP-W02";
\r
9398 .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo:before {
\r
9400 .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on {
\r
9403 text-align: center;
\r
9405 .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
\r
9407 .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .activo {
\r
9409 font-weight: bold; }
\r
9412 border-radius: 16px;
\r
9413 color: black !important;
\r
9414 font-size: 1.6rem;
\r
9417 position: absolute;
\r
9420 overflow: hidden; }
\r
9425 padding-left: 12px;
\r
9426 display: inline-block;
\r
9427 font-family: "Omnes-ECOMP-W02", Arial;
\r
9429 line-height: 32px;
\r
9430 position: absolute;
\r
9435 display: inline-block;
\r
9436 font-family: "Omnes-ECOMP-W02", Arial;
\r
9438 line-height: 32px;
\r
9439 position: absolute;
\r
9443 text-align: right;
\r
9444 padding-right: 11px; }
\r
9447 border-radius: 50%;
\r
9448 display: inline-block;
\r
9451 position: absolute;
\r
9458 line-height: 40px;
\r
9459 overflow: hidden; }
\r
9461 background-image: none;
\r
9462 border-left: 3px solid #007a3e;
\r
9467 position: absolute;
\r
9473 line-height: 40px; }
\r
9474 .inactivo:before {
\r
9475 background-image: none;
\r
9476 border: 3px solid #959595;
\r
9477 border-radius: 100%;
\r
9480 position: absolute;
\r
9488 background-color: transparent;
\r
9489 border-collapse: collapse;
\r
9490 border-spacing: 0;
\r
9492 margin-bottom: 20px; }
\r
9495 text-align: left; }
\r
9498 vertical-align: bottom; }
\r
9502 padding: 19px 20px;
\r
9504 font-size: 1.4rem;
\r
9506 vertical-align: top;
\r
9507 word-wrap: break-word; }
\r
9510 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
9511 font-size: 1.6rem;
\r
9512 font-weight: normal;
\r
9514 padding: 13px 20px; }
\r
9517 border-left: 1px solid #d2d2d2;
\r
9518 border-top: 1px solid #d2d2d2; }
\r
9520 table tbody td:first-child {
\r
9521 border-left: none; }
\r
9523 .tiny-accordion.iconleft.accordion-table-layout .toggle-header,
\r
9524 .tiny-accordion.iconleft.accordion-table-layout .toggle-header + .accordion-content,
\r
9525 .tiny-accordion.iconleft.accordion-table-layout .inactive-toggle-header {
\r
9526 padding: 0 0 0 50px; }
\r
9529 .inactive-toggle-header .faux-table-cell {
\r
9530 display: table-cell;
\r
9532 padding: 13px 0 10px 0;
\r
9536 .accordion-content .faux-table-cell {
\r
9537 display: table-cell;
\r
9539 padding: 0 0 10px 0; }
\r
9541 .faux-table-cell:last-child {
\r
9542 text-align: right;
\r
9546 background-color: #f2f2f2;
\r
9549 border-left: 1px solid #d2d2d2;
\r
9550 padding: 0 20px 0 10px; }
\r
9552 .tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded {
\r
9555 .tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded {
\r
9557 transition: opacity .3s linear .2s; }
\r
9559 @media (max-width: 767px) {
\r
9562 padding: 19px 10px; }
\r
9563 table th:first-child,
\r
9564 table td:first-child {
\r
9565 padding: 19px 15px; } }
\r
9567 .data-row-list ul > li {
\r
9568 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; }
\r
9571 border-bottom: 1px solid #d2d2d2; }
\r
9575 padding: 15px 15px 10px; }
\r
9577 .data-row .col-1 {
\r
9578 white-space: nowrap;
\r
9579 padding: 15px 15px 0 15px;
\r
9580 position: relative;
\r
9581 font-family: "Omnes-ECOMP-W02", Arial;
\r
9582 font-size: 1.4rem;
\r
9583 border-top: 1px solid #d2d2d2; }
\r
9585 .data-row.has-button .col-1 {
\r
9588 .complex-table .data-row .col-1 {
\r
9590 cursor: pointer; }
\r
9592 .data-row.opened {
\r
9593 box-shadow: 0 -2px 0 0 #d2d2d2; }
\r
9595 .data-row.opened td,
\r
9596 .data-row.opened th {
\r
9597 border-left: 1px solid transparent;
\r
9598 border-bottom: 1px solid transparent; }
\r
9600 .data-row.opened + .data-row-list {
\r
9601 box-shadow: 0 1px 0 0 #d2d2d2; }
\r
9603 .data-row.opened + .data-row-list > td {
\r
9606 .data-row.opened + .data-row-list + .data-row.opened {
\r
9607 box-shadow: 0 -1px 0 0 #d2d2d2; }
\r
9609 .data-row button {
\r
9610 background-color: transparent;
\r
9611 border: medium none;
\r
9614 font-family: "Omnes-ECOMP-W02", Arial;
\r
9615 font-size: 1.4rem;
\r
9618 padding: 12px 15px 7px;
\r
9619 position: relative;
\r
9622 vertical-align: middle; }
\r
9624 .data-row button:focus {
\r
9625 outline: 1px dotted black; }
\r
9627 .data-row .col-1 i {
\r
9629 margin-right: 10px;
\r
9630 display: inline-block !important; }
\r
9632 .data-row-list th:first-child {
\r
9633 background-color: inherit !important;
\r
9635 padding: 0 15px 15px;
\r
9636 font-family: "Omnes-ECOMP-W02", Arial;
\r
9637 font-size: 1.4rem; }
\r
9639 .data-row-list ul {
\r
9640 margin: 0 0 0 30px; }
\r
9642 .data-row-list ul > li:before {
\r
9645 .data-row-list ul > li {
\r
9646 /* background-image in tables.less */
\r
9647 background-position: left 13px;
\r
9648 background-repeat: repeat-x;
\r
9649 background-size: 4px 1px;
\r
9654 .data-row-list li div {
\r
9655 display: table-cell;
\r
9656 background-color: white;
\r
9660 padding-right: 7px; }
\r
9662 .data-row-list li div + div {
\r
9664 text-align: right;
\r
9666 padding-left: 7px; }
\r
9668 .complex-table td:nth-child(1),
\r
9669 .complex-table td:nth-child(2),
\r
9670 .complex-table td:nth-child(3),
\r
9671 .complex-table td:nth-child(4),
\r
9672 .complex-table td:nth-child(5),
\r
9673 .complex-table td:nth-child(6),
\r
9674 .complex-table td:nth-child(7),
\r
9675 .complex-table td:nth-child(8),
\r
9676 .complex-table td:nth-child(9) {
\r
9677 white-space: nowrap; }
\r
9680 word-wrap: break-word;
\r
9681 word-spacing: 0; }
\r
9683 .align-col-right {
\r
9684 text-align: right; }
\r
9686 .complex-table th:not(:first-child),
\r
9687 .complex-table td:not(:first-child) {
\r
9688 text-align: right; }
\r
9690 .striped tbody > tr td {
\r
9691 background-color: transparent !important; }
\r
9693 .striped tbody > tr.data-row.odd,
\r
9694 .striped tbody > tr.data-row.odd + .data-row-list,
\r
9695 .striped tbody > tr.data-row.odd + .data-row-list li div {
\r
9696 background-color: #f2f2f2 !important; }
\r
9698 .striped tbody > tr:not('.data-row'):nth-child(even) {
\r
9699 background-color: #f2f2f2; }
\r
9701 .b2b-table-div .selectWrap {
\r
9703 position: relative;
\r
9705 display: inline-table;
\r
9706 margin-bottom: 0px; }
\r
9708 .b2b-external-sort-div {
\r
9710 padding-bottom: 25px; }
\r
9712 .b2b-external-sort-div .sortButton {
\r
9714 border: 1px solid #ccc;
\r
9716 border-radius: 6px; }
\r
9718 .b2b-external-sort-label {
\r
9719 padding-bottom: 10px; }
\r
9721 .b2b-external-sort-div a:hover {
\r
9722 cursor: pointer; }
\r
9724 .b2b-external-sort-div a:hover, .b2b-external-sort-div a:focus {
\r
9725 text-decoration: none; }
\r
9727 .b2b-external-sort-label label {
\r
9728 position: relative;
\r
9731 .tablesorter-default .tablesorter-header.sorter-false .tablesorter-header-inner {
\r
9733 cursor: default; }
\r
9735 .tablesorter-default .tablesorter-header .tablesorter-header-inner {
\r
9736 /* background-image: url(images/tables/upanddown.png);*/
\r
9737 background-position: center right;
\r
9738 background-repeat: no-repeat;
\r
9740 white-space: normal;
\r
9741 display: inline-block;
\r
9742 vertical-align: baseline;
\r
9745 *vertical-align: auto;
\r
9746 /* padding: 0 24px 0 0;*/ }
\r
9748 .tablesorter-default .tablesorter-header.sorter-false .tablesorter-header-inner {
\r
9751 .tablesorter-default .tablesorter-header.tablesort-sortable .tablesorter-header-inner span {
\r
9752 margin-right: 24px;
\r
9753 display: inline-block; }
\r
9756 .tablesorter-default thead .headerSortUp .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner {
\r
9757 background-image: url(images/tables/up.png);
\r
9760 .tablesorter-default thead .headerSortDown .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner {
\r
9761 background-image: url(images/tables/down.png);
\r
9764 .tablesorter-default thead .headerSortUp .tablesorter-header-inner,
\r
9765 .tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner,
\r
9766 .tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner,
\r
9767 .tablesorter-default thead .headerSortDown .tablesorter-header-inner,
\r
9768 .tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner,
\r
9769 .tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner {
\r
9771 line-height: 16px; }
\r
9773 .tablesorter-default thead .headerSortUp .tablesorter-header-inner:after,
\r
9774 .tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner:after,
\r
9775 .tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner:after {
\r
9776 font-family: 'icoPrimary' !important;
\r
9778 font-style: normal;
\r
9780 font-weight: normal;
\r
9781 font-variant: normal;
\r
9782 text-transform: none;
\r
9783 line-height: 14px;
\r
9784 -webkit-font-smoothing: antialiased;
\r
9785 -moz-osx-font-smoothing: grayscale;
\r
9786 -moz-user-select: none;
\r
9787 -ms-user-select: none;
\r
9788 -webkit-user-select: none;
\r
9789 user-select: none;
\r
9791 /* position: relative;*/
\r
9792 position: absolute;
\r
9793 text-decoration: inherit;
\r
9794 display: inline-block;
\r
9795 transform: rotate(180deg);
\r
9796 margin-left: -22px;
\r
9797 margin-top: 2px; }
\r
9799 .tablesorter-default thead .headerSortDown .tablesorter-header-inner:after,
\r
9800 .tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner:after,
\r
9801 .tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner:after {
\r
9802 font-family: 'icoPrimary' !important;
\r
9804 font-style: normal;
\r
9806 font-weight: normal;
\r
9807 font-variant: normal;
\r
9808 text-transform: none;
\r
9809 line-height: 14px;
\r
9810 -webkit-font-smoothing: antialiased;
\r
9811 -moz-osx-font-smoothing: grayscale;
\r
9812 -moz-user-select: none;
\r
9813 -ms-user-select: none;
\r
9814 -webkit-user-select: none;
\r
9815 user-select: none;
\r
9817 /* position: relative;*/
\r
9818 position: absolute;
\r
9819 text-decoration: inherit;
\r
9820 display: inline-block;
\r
9821 margin-left: -22px;
\r
9822 margin-top: 2px; }
\r
9824 .tablesorter-search-highlight {
\r
9825 font-weight: 700; }
\r
9827 .tablesorter-headerRow th:focus {
\r
9828 outline: thin dotted #666;
\r
9829 outline-offset: -1px; }
\r
9831 .b2b-table-message {
\r
9832 font-family: "Omnes-ECOMP-W02", Arial; }
\r
9833 .b2b-table-message .b2b-magnify-glass {
\r
9834 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");
\r
9835 background-repeat: no-repeat;
\r
9836 background-position: center;
\r
9838 .b2b-table-message .b2b-alert {
\r
9839 font-size: 50px; }
\r
9840 .b2b-table-message .b2b-loading-dots {
\r
9842 margin-bottom: 20px; }
\r
9843 .b2b-table-message .b2b-message {
\r
9844 text-align: center;
\r
9845 padding-bottom: 45px;
\r
9846 padding-top: 40px;
\r
9847 border-style: solid;
\r
9848 border-width: 1px;
\r
9850 padding-bottom: 45px;
\r
9851 border-color: #d2d2d2;
\r
9853 min-height: 220px; }
\r
9854 .b2b-table-message .b2b-error-title {
\r
9855 font-family: "Omnes-ECOMP-W02", Arial;
\r
9857 line-height: 26px;
\r
9858 margin-top: 10px; }
\r
9859 .b2b-table-message .b2b-message-title {
\r
9861 font-family: "Omnes-ECOMP-W02", Arial; }
\r
9863 .b2b-table-scrollbar {
\r
9864 border: 1px solid;
\r
9866 .b2b-table-scrollbar .b2b-table-inner-container {
\r
9868 padding-left: 150px;
\r
9869 overflow-x: scroll; }
\r
9870 .b2b-table-scrollbar th:first-child {
\r
9871 background-color: #FFFFFF; }
\r
9872 .b2b-table-scrollbar td:first-child {
\r
9873 background-color: #FFFFFF;
\r
9874 border-top: 1px solid #cccccc;
\r
9875 border-right: 1px solid #cccccc;
\r
9876 margin-top: -0.5px; }
\r
9877 .b2b-table-scrollbar tr {
\r
9878 th: nth-child(2), td; }
\r
9879 .b2b-table-scrollbar tr :nth-child(2) {
\r
9880 border-left: none; }
\r
9881 .b2b-table-scrollbar tr:last-child > td:first-child {
\r
9882 border-bottom: 1px solid #cccccc; }
\r
9884 .b2b-scrollbar-arrow-left {
\r
9888 .b2b-scrollbar-arrow-right {
\r
9892 .b2b-scrollbar-arrow-right.btn-arrow .btn {
\r
9893 margin-right: 0; }
\r
9895 .b2b-table-scrollbar ::-webkit-scrollbar {
\r
9898 .b2b-table-scrollbar ::-webkit-scrollbar-thumb {
\r
9899 background: #666666;
\r
9900 border-radius: 5px; }
\r
9904 margin-bottom: 20px;
\r
9905 list-style: none; }
\r
9910 .tabs > li > a:hover,
\r
9911 .tabs > li > a:focus {
\r
9912 text-decoration: none;
\r
9913 background-color: #d2d2d2; }
\r
9915 .tabs > .pull-right {
\r
9931 padding-right: 20px;
\r
9932 padding-left: 20px;
\r
9933 margin-right: 3px;
\r
9934 line-height: 16px; }
\r
9940 margin-bottom: -1px; }
\r
9942 .tabs > li:first-child {
\r
9943 margin-left: 20px; }
\r
9946 padding: 12px 20px;
\r
9947 border: 1px solid #d2d2d2;
\r
9948 border-radius: 6px 6px 0 0;
\r
9949 background-color: #f2f2f2;
\r
9951 border-color: #d2d2d2; }
\r
9954 margin-right: 6px; }
\r
9957 .tabs > li > a:hover,
\r
9958 .tabs > li > a:focus {
\r
9959 background-image: none;
\r
9960 background-color: #ffffff;
\r
9962 border-color: #d2d2d2;
\r
9963 border-bottom: 1px solid transparent;
\r
9964 cursor: pointer; }
\r
9966 .tabs.tabs-justified,
\r
9967 .tabs.promo-tabs {
\r
9970 margin-bottom: -1px; }
\r
9972 .tabs.tabs-justified > li,
\r
9973 .tabs.promo-tabs > li {
\r
9974 display: table-cell;
\r
9977 border-left: 1px solid #d2d2d2; }
\r
9979 .tabs.tabs-justified > li.active,
\r
9980 .tabs.promo-tabs > li.active {
\r
9981 position: relative;
\r
9984 .tabs.tabs-justified > li > a {
\r
9985 padding-right: 5px;
\r
9986 padding-left: 5px; }
\r
9988 .tabs.tabs-justified > li > a,
\r
9989 .tabs.promo-tabs > li > a {
\r
9990 text-align: center; }
\r
9992 .tabs.promo-tabs > li > a {
\r
9998 font-size: 1.2rem;
\r
9999 text-align: center;
\r
10000 padding: 6px 10px 10px;
\r
10001 border-top: 4px solid #e6e6e6;
\r
10003 border-bottom: 1px solid #d2d2d2;
\r
10004 background-color: #f9f9f9; }
\r
10006 .tabs > li:last-child > a {
\r
10007 margin-right: 0; }
\r
10009 .tabs.promo-tabs > li.active > a {
\r
10011 border-top: 4px solid #ea7400;
\r
10012 border-bottom-color: white;
\r
10013 background-color: #fff !important;
\r
10015 cursor: default; }
\r
10017 .tabs.promo-tabs > li:first-child {
\r
10018 border-left: none; }
\r
10020 .tabs.promo-tabs > li > a img {
\r
10021 max-width: inherit;
\r
10022 max-height: 39px;
\r
10023 margin: 0 auto 5px auto;
\r
10024 display: block; }
\r
10026 .tabbable:before,
\r
10027 .tabbable:after {
\r
10030 line-height: 0; }
\r
10032 .tabbable:after {
\r
10037 border: 1px solid #e6e6e6; }
\r
10039 .tabs.promo-tabs + .tab-content {
\r
10041 border-bottom: 1px solid #e6e6e6; }
\r
10043 .tab-content > .tab-pane {
\r
10044 padding: 10px 15px; }
\r
10046 .tab-content.noborder {
\r
10049 .tab-content.noborder > .tab-pane {
\r
10052 .tab-content > .tab-pane {
\r
10055 .tab-content > .active {
\r
10056 display: block; }
\r
10058 .tabs.promo-tabs > li > a {
\r
10059 font-size: 2.0rem;
\r
10061 padding: 20px 20px 24px;
\r
10062 background-color: #FFFFFF;
\r
10063 border-top: 5px solid #FFFFFF;
\r
10064 white-space: nowrap; }
\r
10066 .tabs.promo-tabs > li.active > a {
\r
10067 border-top: 5px solid #0574ac; }
\r
10069 .tabs.promo-tabs > li > a:hover {
\r
10070 color: #333333; }
\r
10072 .tabs.promo-tabs > li {
\r
10075 .tabs > li[disabled="disabled"] > a:hover {
\r
10076 cursor: not-allowed; }
\r
10079 background-color: #f2f2f2;
\r
10080 -webkit-transition: all .3s ease-out;
\r
10081 -moz-transition: all .3s ease-out;
\r
10082 transition: all .3s ease-out;
\r
10083 margin: 3px 5px 3px 0;
\r
10084 padding: 2px 15px;
\r
10085 border-radius: 6px;
\r
10086 border: 1px solid #c9c9c9;
\r
10087 display: inline-block; }
\r
10088 .b2b-tags .tags__item {
\r
10090 vertical-align: baseline;
\r
10093 .b2b-tags .tags__item i {
\r
10096 font-weight: bold;
\r
10097 margin-left: 10px; }
\r
10098 .b2b-tags .tags__item i:hover {
\r
10099 cursor: pointer; }
\r
10100 .b2b-tags .tags__item i:focus {
\r
10101 outline: thin dotted #666; }
\r
10102 .b2b-tags .tags__item:last-child {
\r
10103 margin-right: 0; }
\r
10104 .b2b-tags .tags__item:hover {
\r
10105 text-decoration: none; }
\r
10106 .b2b-tags .tags__item:focus {
\r
10107 outline: 1px dotted #666; }
\r
10109 .tooltip-size-control {
\r
10110 display: block; }
\r
10113 display: inline-block;
\r
10115 vertical-align: middle;
\r
10116 margin: 1px 0 0 7px; }
\r
10119 margin: -3px 7px 0 0; }
\r
10122 margin: 1px 0 0 7px; }
\r
10124 .tooltip .icon-primary-tooltip {
\r
10125 background: none;
\r
10127 display: inline-block;
\r
10131 position: relative;
\r
10134 .tooltip .icon-primary-tooltip:before {
\r
10137 .tooltip .icon-primary-tooltip:focus {
\r
10138 text-decoration: none;
\r
10139 outline: 1px dotted black; }
\r
10141 .tooltip.active .icon-primary-tooltip:focus {
\r
10144 .tooltip .arrow {
\r
10146 border-color: transparent;
\r
10147 border-style: solid;
\r
10148 background-color: #0568ae;
\r
10151 position: absolute;
\r
10157 transform: rotate(45deg); }
\r
10159 .tooltip.active .icon-primary-tooltip[data-placement="top"] .arrow {
\r
10163 border-width: 0 1px 1px 0; }
\r
10165 .tooltip.active .icon-primary-tooltip[data-placement="bottom"] .arrow {
\r
10166 border-width: 1px 0 0 1px;
\r
10171 .tooltip.active .arrow {
\r
10174 .tooltip .closingtooltip {
\r
10175 display: block; }
\r
10177 .tooltip.active .closingtooltip {
\r
10180 .tooltip-wrapper {
\r
10181 position: absolute;
\r
10182 margin-top: 20px;
\r
10188 text-align: left; }
\r
10191 background-color: #0568ae;
\r
10192 border: 1px solid transparent;
\r
10193 border-radius: 6px;
\r
10198 position: relative;
\r
10199 text-align: left;
\r
10204 .tooltip .helpertext {
\r
10205 position: absolute; }
\r
10207 .tooltip.active .icon-primary-tooltip[data-placement="bottom"] + .tooltip-wrapper .helpertext {
\r
10211 .tooltip.active .icon-primary-tooltip[data-placement="top"] + .tooltip-wrapper .helpertext {
\r
10215 .tooltip.active .tooltip-wrapper {
\r
10220 .tooltip.active .tooltip-wrapper .helpertext {
\r
10221 display: block; }
\r
10223 .tooltip-onclick .btn.icon-primary-tooltip {
\r
10224 border: medium none;
\r
10225 box-shadow: none;
\r
10229 line-height: 36px;
\r
10233 position: absolute;
\r
10237 .tooltip-onclick .icon-primary-tooltip:before {
\r
10239 position: relative; }
\r
10241 .tooltip-onclick textarea + .reset-field + .icon-primary-tooltip {
\r
10244 min-width: 40px; }
\r
10246 .tooltip-onclick.active .helpertext:before,
\r
10247 .tooltip-onfocus.active .helpertext:before {
\r
10248 background-color: #0568ae;
\r
10249 border-color: transparent;
\r
10250 border-style: solid;
\r
10251 border-width: 1px 1px 0 0;
\r
10257 position: absolute;
\r
10259 transform: rotate(-45deg);
\r
10262 .tooltip-onclick.active .helpertext {
\r
10265 margin: 14px 0 0; }
\r
10267 .tooltip-onclick.active .helpertext:before {
\r
10271 .tooltip-onclick .reset-field {
\r
10274 .tooltip-onclick .reset-field:before {
\r
10275 position: relative;
\r
10278 .tooltip-onfocus.active .helpertext {
\r
10280 margin: 14px 0 10px 0; }
\r
10285 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
10286 font-weight: bold;
\r
10287 margin-bottom: 8px;
\r
10288 white-space: normal; }
\r
10290 .popover-content {
\r
10293 font-family: "Omnes-ECOMP-W02", Arial;
\r
10294 line-height: 1.5rem;
\r
10295 white-space: normal; }
\r
10297 .popover-content span,
\r
10298 .popover-content p {
\r
10299 line-height: 1.5rem; }
\r
10301 .popover-content p:last-child {
\r
10302 margin-bottom: 0; }
\r
10304 .tooltip .tooltip-element {
\r
10305 position: relative; }
\r
10307 .tooltip .icon-primary-tooltip:hover {
\r
10308 text-decoration: none; }
\r
10310 .tooltip.active .tooltip-element[data-placement="top"] .arrow {
\r
10315 .tooltip.active .tooltip-element[data-placement="bottom"] .arrow {
\r
10317 border-color: transparent transparent #0574ac;
\r
10321 .tooltip.active .tooltip-element[data-placement="bottom"] + .tooltip-wrapper .helpertext {
\r
10325 .tooltip.active .tooltip-element[data-placement="top"] + .tooltip-wrapper .helpertext {
\r
10330 padding: 0 10px 0 10px;
\r
10333 list-style: none;
\r
10334 list-style-type: none; }
\r
10337 padding: 0 0 5px 30px;
\r
10338 line-height: 22px;
\r
10339 margin-left: -10px;
\r
10340 font-size: 1.4rem;
\r
10341 outline-offset: -1px; }
\r
10342 .b2b-tree li:focus {
\r
10344 .b2b-tree li:focus > a {
\r
10345 outline: thin dotted #666;
\r
10346 outline-offset: -1px; }
\r
10347 .b2b-tree ul li {
\r
10348 border-left: 1px solid #ccc; }
\r
10349 .b2b-tree ul li.bg > a {
\r
10351 background-image: url("../style/images/treebg.png"); }
\r
10352 .b2b-tree ul li .b2b-tree-tooltip {
\r
10354 position: absolute;
\r
10357 white-space: nowrap;
\r
10358 margin-left: 10px;
\r
10360 font-family: "Omnes-ECOMP-W02", Arial;
\r
10361 font-size: 12px; }
\r
10362 .b2b-tree ul li .b2b-tree-tooltip-content {
\r
10363 background-color: #0568ae;
\r
10364 margin-left: 9px;
\r
10365 border-radius: 6px;
\r
10368 .b2b-tree ul li .b2b-tree-arrow-left {
\r
10371 border-top: 10px solid transparent;
\r
10372 border-bottom: 10px solid transparent;
\r
10373 border-right: 10px solid #0568ae;
\r
10374 position: absolute;
\r
10376 .b2b-tree ul li.activeTooltip > a .b2b-tree-tooltip {
\r
10377 display: block; }
\r
10378 .b2b-tree ul ul {
\r
10379 padding: 0 0 0 20px; }
\r
10380 .b2b-tree ul > li {
\r
10381 position: relative;
\r
10382 line-height: 18px; }
\r
10383 .b2b-tree a > span.b2b-tree-node-icon {
\r
10384 background-color: #FFF;
\r
10388 position: absolute;
\r
10391 line-height: 14px;
\r
10393 .b2b-tree a > span.b2b-tree-node-icon > i {
\r
10394 font-size: 20px; }
\r
10395 .b2b-tree a:only-child {
\r
10396 color: #0574ac; }
\r
10397 .b2b-tree a:only-child > span.b2b-tree-node-icon {
\r
10399 border-radius: 50%;
\r
10400 line-height: 7px;
\r
10402 .b2b-tree a:only-child > span.b2b-tree-node-icon > i {
\r
10403 background-color: inherit;
\r
10404 background: #fff; }
\r
10405 .b2b-tree a > span.b2b-tree-node-icon > i.icon-primary-circle {
\r
10406 background-color: inherit;
\r
10407 background: #fff;
\r
10408 font-size: 10px; }
\r
10409 .b2b-tree a.b2b-locked-node:after {
\r
10410 content: "\ec58";
\r
10412 font-family: 'icoSecurityalerts' !important; }
\r
10413 .b2b-tree a:hover .b2b-locked-node:after {
\r
10414 text-decoration: none; }
\r
10415 .b2b-tree ul li:first-child > a:only-child > span.b2b-tree-node-icon {
\r
10417 border-radius: 50%;
\r
10418 line-height: 12px; }
\r
10419 .b2b-tree ul li:last-child > a:only-child > span.b2b-tree-node-icon {
\r
10421 background-color: #fff; }
\r
10422 .b2b-tree li a + ul {
\r
10424 overflow: hidden; }
\r
10425 .b2b-tree li a.active + ul {
\r
10427 overflow: visible; }
\r
10428 .b2b-tree li a.grp {
\r
10429 font-family: "Omnes-ECOMP-W02-Italic", Arial; }
\r
10430 .b2b-tree li a.grp.active {
\r
10432 .b2b-tree span.end {
\r
10433 left: -6px !important;
\r
10434 top: 5px !important; }
\r
10435 .b2b-tree span.first-link {
\r
10436 width: 3px !important;
\r
10437 height: 15px !important;
\r
10438 top: 0px !important;
\r
10439 left: -2px !important;
\r
10440 background: #fff; }
\r
10442 .b2b-tree-checkbox {
\r
10443 padding: 0 10px 0 10px;
\r
10445 .b2b-tree-checkbox ul {
\r
10446 list-style: none;
\r
10447 list-style-type: none; }
\r
10448 .b2b-tree-checkbox a {
\r
10450 padding: 0 0 5px 30px;
\r
10451 line-height: 22px;
\r
10452 margin-left: -10px;
\r
10454 outline-offset: -1px; }
\r
10455 .b2b-tree-checkbox li:focus {
\r
10457 .b2b-tree-checkbox li:focus > a {
\r
10458 outline: thin dotted #666;
\r
10459 outline-offset: -1px; }
\r
10460 .b2b-tree-checkbox ul li {
\r
10461 border-left: 1px solid #ccc; }
\r
10462 .b2b-tree-checkbox ul ul {
\r
10463 padding: 0 0 0 20px; }
\r
10464 .b2b-tree-checkbox ul > li {
\r
10465 position: relative;
\r
10466 line-height: 18px; }
\r
10467 .b2b-tree-checkbox a > span.nodeIcon {
\r
10468 background-color: #FFF;
\r
10472 position: absolute;
\r
10475 line-height: 14px;
\r
10477 .b2b-tree-checkbox a > span.nodeIcon > i {
\r
10478 font-size: 20px; }
\r
10479 .b2b-tree-checkbox a > span.nodeIcon.end {
\r
10480 margin-top: 10px; }
\r
10481 .b2b-tree-checkbox a:only-child {
\r
10482 color: #0574ac; }
\r
10483 .b2b-tree-checkbox a:only-child > span.nodeIcon {
\r
10485 border-radius: 50%;
\r
10486 line-height: 7px;
\r
10488 .b2b-tree-checkbox a:only-child > span.nodeIcon > i {
\r
10489 background-color: inherit;
\r
10490 background: #fff; }
\r
10491 .b2b-tree-checkbox a > span.nodeIcon > i.icon-primary-circle {
\r
10492 background-color: inherit;
\r
10493 background: #fff;
\r
10494 font-size: 10px; }
\r
10495 .b2b-tree-checkbox ul li:first-child > a:only-child > span {
\r
10497 border-radius: 50%;
\r
10498 line-height: 12px;
\r
10500 .b2b-tree-checkbox ul li:first-child > a:only-child > span.end {
\r
10501 margin-top: 0px; }
\r
10502 .b2b-tree-checkbox ul li:first-child > a:only-child > span i.icon-primary-circle {
\r
10504 .b2b-tree-checkbox ul li:last-child > a:only-child > span {
\r
10506 background-color: #fff; }
\r
10507 .b2b-tree-checkbox li a + ul {
\r
10509 overflow: hidden; }
\r
10510 .b2b-tree-checkbox li a.active + ul {
\r
10512 .b2b-tree-checkbox li a.grp {
\r
10513 font-family: "Omnes-ECOMP-W02-Italic", Arial; }
\r
10514 .b2b-tree-checkbox span.end {
\r
10515 left: -6px !important; }
\r
10516 .b2b-tree-checkbox .checkbox {
\r
10517 margin-bottom: 0px;
\r
10519 font-size: 14px; }
\r
10520 .b2b-tree-checkbox .checkbox input:indeterminate + .skin:after {
\r
10521 content: "\2014";
\r
10522 padding-left: 2px;
\r
10523 font-family: inherit !important;
\r
10524 line-height: inherit !important; }
\r
10525 .b2b-tree-checkbox span.first-link {
\r
10526 width: 3px !important;
\r
10527 height: 15px !important;
\r
10528 top: 0px !important;
\r
10529 left: -2px !important;
\r
10530 background: #fff; }
\r
10532 .b2b-widget-window {
\r
10536 position: absolute;
\r
10537 border: 1px solid #ccc;
\r
10538 background-color: #fff;
\r
10539 border-radius: 8px;
\r
10541 .b2b-widget-window li {
\r
10544 .b2b-widget-container {
\r
10545 background-color: #fff;
\r
10546 border-radius: 8px;
\r
10547 border: 1px solid #ccc;
\r
10548 position: relative; }
\r
10549 .b2b-widget-container .b2b-widget-header {
\r
10550 font-family: "Omnes-ECOMP-W02", Arial;
\r
10553 padding-left: 15px;
\r
10554 padding-top: 19px; }
\r
10555 .b2b-widget-container .b2b-widget-header .header {
\r
10556 font-size: 18px; }
\r
10557 .b2b-widget-container .b2b-widget-header-icons {
\r
10559 color: #0574ac; }
\r
10561 .b2b-widget-header-icons button {
\r
10563 background: transparent;
\r
10564 color: #0574ac; }
\r
10565 .b2b-widget-header-icons button:focus {
\r
10566 outline-style: solid;
\r
10567 outline-width: 1px;
\r
10568 outline-color: #0574ac; }
\r
10569 .b2b-widget-header-icons button:first-child {
\r
10570 margin-right: 0px; }
\r
10572 .b2b-widget-container .b2b-widget-content {
\r
10576 position: relative;
\r
10577 border-top: 1px solid #ccc; }
\r
10579 .b2b-widget-content .form-row:first-child {
\r
10582 .b2b-widget-header-icons button.icoControls-gear:focus, .b2b-widget-header-icons button.icon-primary-close:focus {
\r
10583 outline: thin dotted #666; }
\r
10585 .b2b-widget-header .icon-primary-close:before {
\r
10587 display: inline-block;
\r
10592 .b2b-widget-window .arrow_box {
\r
10593 background: #fff;
\r
10594 border: 1px solid #ccc; }
\r
10596 .b2b-widget-window.arrow_box:after, .b2b-widget-window.arrow_box:before {
\r
10599 border: solid transparent;
\r
10603 position: absolute;
\r
10604 pointer-events: none; }
\r
10606 .b2b-widget-window.arrow_box:after {
\r
10607 border-color: rgba(255, 255, 255, 0);
\r
10608 border-bottom-color: #fff;
\r
10609 border-width: 10px;
\r
10610 margin-left: 1px; }
\r
10612 .b2b-widget-window.arrow_box:before {
\r
10613 border-color: rgba(204, 204, 204, 0);
\r
10614 border-bottom-color: #ccc;
\r
10615 border-width: 11px;
\r
10616 margin-left: 0px; }
\r
10618 /************************** Overrides for Filters ***************************/
\r
10619 .filter-container .filter-header h2 {
\r
10620 line-height: 1 !important;
\r
10621 margin: 0 !important; }
\r
10623 .filter-container .icon-primary-spinner:before {
\r
10626 .filter-container .fixed-230-subnav {
\r
10627 margin: 10px !important;
\r
10628 width: inherit !important; }
\r
10630 .filter-container .unlinked:focus {
\r
10631 outline: thin dotted #666 !important; }
\r
10633 .filter-container .unlinked.active {
\r
10634 color: inherit !important; }
\r
10636 .filter-container .fixed-230-subnav a > i {
\r
10637 background: none; }
\r
10639 .filter-container .fixed-230-subnav ul {
\r
10640 margin: 0 0 10px 10px; }
\r
10642 /************************** Overrides for Filters ***************************/
\r
10643 .row .filter-container {
\r
10644 background-color: #fff; }
\r
10647 overflow: hidden;
\r
10649 position: relative; }
\r
10651 .filter-header h2 {
\r
10652 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
10653 font-size: 2.4rem;
\r
10654 margin-bottom: 0; }
\r
10656 .filter-selected {
\r
10657 border-top: 1px solid #ccc;
\r
10658 padding-top: 20px; }
\r
10660 .filter-selected > span {
\r
10661 font-size: 1.3rem;
\r
10662 text-transform: uppercase; }
\r
10664 .filter-selected > a.clear-all-filters {
\r
10666 font-size: 1.4rem; }
\r
10668 .filter-selected > span,
\r
10669 .filter-selected > a.clear-all-filters {
\r
10670 font-family: Omnes-ECOMP-W02-Medium, Arial; }
\r
10672 .filter-selected-group {
\r
10673 padding-top: 15px; }
\r
10675 .filter-selected-badge {
\r
10676 background-color: #f2f2f2;
\r
10677 border-radius: 15px;
\r
10678 display: inline-block;
\r
10679 font-size: 1.4rem;
\r
10680 margin-bottom: 10px;
\r
10681 padding: 0 0 0 12px; }
\r
10683 .filter-selected-badge .icoControls-optionsoff {
\r
10684 background: transparent none repeat scroll 0 0;
\r
10685 border: medium none;
\r
10686 font-size: 2.5em;
\r
10690 .filters .fixed-230-subnav > ng-transclude > div:first-child {
\r
10691 border-top: 1px solid #ccc; }
\r
10693 .filters .fixed-230-subnav > ng-transclude > div {
\r
10694 border-bottom: 1px solid #ccc; }
\r
10696 .filter-results {
\r
10697 align-items: center;
\r
10698 border-bottom: 1px solid #ccc;
\r
10702 -webkit-justify-content: space-between;
\r
10703 -ms-flex-pack: justify;
\r
10704 justify-content: space-between; }
\r
10706 .filter-results-sortby > span {
\r
10707 text-transform: uppercase; }
\r
10709 .filter-results-view .icon-primary-content-gridguide {
\r
10711 margin-right: 0; }
\r
10713 .filter-container .fixed-230-subnav > ng-transclude > div > a {
\r
10714 font-size: 1.8rem;
\r
10716 padding: 15px 20px 15px 0;
\r
10717 color: #0574ac !important;
\r
10718 cursor: pointer !important;
\r
10719 font-family: "Omnes-ECOMP-W02", Arial !important;
\r
10720 outline-offset: inherit !important;
\r
10721 position: relative;
\r
10725 .filter-container .fixed-230-subnav a > i {
\r
10729 .filter-container .fixed-230-subnav .icon-primary-collapsed:before, .filter-container .fixed-230-subnav .icon-primary-expanded:before {
\r
10732 .filter-container .fixed-230-subnav ul.collapse {
\r
10733 position: inherit;
\r
10734 transition: height 0.5s ease;
\r
10736 overflow: hidden; }
\r
10738 .filter-container .checkbox .icon-primary-spinner {
\r
10740 position: absolute;
\r
10743 .fixed-230-subnav.affix {
\r
10744 margin: -28px 0 0; }
\r
10746 #nav-menu .b2b-menu,
\r
10747 #nav-menu .fixed-230-subnav {
\r
10751 .fixed-230-subnav > div {
\r
10752 border-bottom: 1px solid #ccc;
\r
10753 line-height: 4.0rem; }
\r
10755 .b2b-menu > li:first-child,
\r
10756 .fixed-230-subnav > li:first-child {
\r
10757 border-top: 1px solid #ccc; }
\r
10759 .b2b-menu div > a,
\r
10760 .fixed-230-subnav div > a {
\r
10764 font-family: "Omnes-ECOMP-W02", Arial;
\r
10765 font-size: 1.4rem;
\r
10767 outline-offset: -1px;
\r
10769 position: relative; }
\r
10771 .fixed-230-subnav div > a.live {
\r
10772 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
10775 .fixed-230-subnav > ng-transclude > div li > a {
\r
10777 font-size: 1.4rem;
\r
10778 line-height: 20px; }
\r
10780 .fixed-230-subnav > ng-transclude > div li > a.active {
\r
10781 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
10782 text-decoration: none;
\r
10785 #nav-menu .fixed-230-subnav a > i {
\r
10788 .fixed-230-subnav > li > a.active > i:after {
\r
10792 .fixed-230-subnav ul {
\r
10793 margin: 0 0 10px 0; }
\r
10795 .b2b-menu ul div a,
\r
10796 .fixed-230-subnav ul div a {
\r
10797 padding: 0 10px; }
\r
10800 outline: medium none !important;
\r
10801 text-decoration: none !important; }
\r
10803 @media (max-width: 1024px) {
\r
10804 .filter-container .fixed-230-subnav {
\r
10807 .filter-container .fixed-230-subnav > li {
\r
10809 .row .filter-container {
\r
10816 transition: all 0.5s ease 0s;
\r
10820 padding-left: 20px; }
\r
10821 .filter-selected {
\r
10822 margin: 0 20px 10px; } }
\r
10824 .b2b-pane-selector-wrapper {
\r
10827 border-top: solid 1px #ccc;
\r
10828 border-bottom: solid 1px #ccc; }
\r
10829 .b2b-pane-selector-wrapper .side-nav {
\r
10830 width: 20% !important;
\r
10831 display: inline-block;
\r
10833 .b2b-pane-selector-wrapper .pane-container {
\r
10835 vertical-align: top;
\r
10837 padding-top: 30px;
\r
10838 border-left: solid 1px #ccc;
\r
10839 font-family: "Omnes-ECOMP-W02", Arial;
\r
10841 .b2b-pane-selector-wrapper .pane-container.active {
\r
10842 display: inline-block; }
\r
10843 .b2b-pane-selector-wrapper .pane-container .pane-container-top {
\r
10844 padding-left: 15px; }
\r
10845 .b2b-pane-selector-wrapper .pane-container .panes {
\r
10846 display: -webkit-flex;
\r
10848 border-top: solid 1px #ccc;
\r
10849 margin-top: 30px; }
\r
10850 .b2b-pane-selector-wrapper .pane-container .panes div.pane-block {
\r
10852 overflow-y: auto;
\r
10853 border-right: solid 1px #ccc;
\r
10854 position: relative;
\r
10857 /* Safari 6.1+ */
\r
10860 .b2b-pane-selector-wrapper .pane-container .panes div.pane-block:focus {
\r
10861 outline: dotted 1px #333333; }
\r
10862 .b2b-pane-selector-wrapper .pane-container .search-block {
\r
10863 position: relative;
\r
10865 .b2b-pane-selector-wrapper .pane-container .search-block input[type="search"]:focus {
\r
10866 padding-right: 40px; }
\r
10867 .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row p {
\r
10868 margin-top: 15px; }
\r
10869 .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div {
\r
10870 border-bottom: solid 1px #ccc; }
\r
10871 .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row {
\r
10873 padding: 19px 14px 19px 14px;
\r
10875 border: dotted 1px transparent;
\r
10876 border-bottom: solid 1px #ccc; }
\r
10877 .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:focus {
\r
10878 border: dotted 1px #333333 !important; }
\r
10879 .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:last-child {
\r
10880 border-bottom: none; }
\r
10881 .b2b-pane-selector-wrapper .pane-container .panes div.pane-block > .no-content {
\r
10882 text-align: center;
\r
10883 border-bottom: none;
\r
10885 position: absolute;
\r
10889 .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div:last-child {
\r
10890 border-bottom: none; }
\r
10891 .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row span.margin-chk {
\r
10892 margin: 15px 15px 0px 15px;
\r
10894 .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row .checkbox-selectall {
\r
10895 margin: 0px 0 0 24px !important; }
\r
10896 .b2b-pane-selector-wrapper .side-nav li {
\r
10897 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
10899 border-top: solid 1px #ccc;
\r
10900 display: block !important;
\r
10901 width: auto !important;
\r
10902 margin-left: 0px !important; }
\r
10903 .b2b-pane-selector-wrapper .side-nav li.active {
\r
10904 background-color: #f6f6f6;
\r
10905 position: inherit !important; }
\r
10906 .b2b-pane-selector-wrapper .side-nav li.active > a {
\r
10909 text-decoration: none;
\r
10911 background-color: transparent;
\r
10912 padding: 20px 15px;
\r
10915 border-left: 4px solid #0574ac; }
\r
10916 .b2b-pane-selector-wrapper .side-nav li > a {
\r
10919 text-decoration: none;
\r
10921 background-color: transparent;
\r
10922 padding: 20px 15px;
\r
10925 text-align: left; }
\r
10926 .b2b-pane-selector-wrapper .side-nav li > a:focus {
\r
10927 border-right: dotted 1px #333333; }
\r
10928 .b2b-pane-selector-wrapper .side-nav li:first-child {
\r
10929 border-top: none;
\r
10930 margin-left: none !important; }
\r
10931 /********************* Utility CSS Starts **********************/
\r
10932 .offscreen-text {
\r
10933 position: absolute;
\r
10938 overflow: hidden; }
\r
10940 /********************* Utility CSS Ends **********************/
\r
10941 /* Fix for alignment issue on Cancel link inside modal */
\r
10942 .b2b-modal-footer > .cta-button-group {
\r
10943 line-height: 40px; }
\r
10945 /* .att-dark-green { // Not used
\r
10948 .colors-off-msg {
\r
10951 button .colors-off-msg {
\r
10952 position: relative; }
\r
10954 .ds2-no-colors .colors-off-msg {
\r
10955 display: block; }
\r
10957 .ds2-no-colors [data-colordatatext] button .colors-off-msg {
\r
10958 font-size: 1.1rem;
\r
10959 line-height: normal;
\r
10961 position: absolute;
\r
10963 white-space: normal;
\r
10967 .make-all-white * {
\r
10970 .make-all-white a {
\r
10971 text-decoration: underline;
\r
10975 padding-top: 20px; }
\r
10977 .modal > .loader {
\r
10979 margin-left: -25px;
\r
10980 margin-top: -25px;
\r
10981 position: absolute;
\r
10984 #pageLevelLoader.modal {
\r
10985 background-color: transparent;
\r
10987 box-shadow: none;
\r
10990 .modal.fade .loader {
\r
10993 .modal.fade.in .loader {
\r
10994 display: block; }
\r
10996 .btn.disabled[data-loading-text] {
\r
10997 padding: 0 19px 0 18px;
\r
10998 line-height: 46px; }
\r
11000 .btn.disabled[data-loading-text] img {
\r
11001 position: relative;
\r
11004 /* Seems to already be in docs.css
\r
11005 .fixed-230.leftnav {
\r
11006 position: relative;
\r
11008 .fixed-230-subnav {
\r
11011 .fixed-230-subnav > li:first-child {
\r
11012 border-top: none;
\r
11014 .fixed-230-subnav > li {
\r
11015 border-bottom: 1px solid #d2d2d2;
\r
11017 .fixed-230-subnav > li > a {
\r
11019 font-size: 1.4rem;
\r
11020 line-height: normal;
\r
11022 padding: 11px 35px 12px 9px;
\r
11023 outline-offset: 0;
\r
11024 position: relative;
\r
11026 .fixed-230-subnav > li > a.live {
\r
11028 font-family: "Omnes-ECOMP-W02-Medium";
\r
11030 .fixed-230-subnav a > i {
\r
11033 position: absolute;
\r
11036 .fixed-230-subnav a > i:after {
\r
11039 .fixed-230-subnav > li li > a {
\r
11041 font-size: 1.4rem;
\r
11042 line-height: 18px;
\r
11044 .fixed-230-subnav > li li > a.active {
\r
11046 font-family: "Omnes-ECOMP-W02-Medium";
\r
11047 text-decoration: none;
\r
11049 .fixed-230-subnav ul {
\r
11050 margin: 0 0 10px;
\r
11053 color: #0568ae !important;
\r
11054 font-family: "Omnes-ECOMP-W02" !important; }
\r
11056 .unlinked.active {
\r
11057 color: inherit !important; }
\r
11059 /* @media (max-width: 767px) {
\r
11060 .row.has-leftnav {
\r
11063 .row.has-leftnav .fluid-space {
\r
11064 padding-right: 0;
\r
11066 .row .fixed-230 {
\r
11067 background-color: #fff;
\r
11071 background-color: #fff !important;
\r
11072 display: block !important;
\r
11074 .fixed-230-subnav {
\r
11075 margin: 10px 0 0;
\r
11078 .fixed-230-subnav > li {
\r
11079 margin-left: -15px;
\r
11080 margin-right: -15px;
\r
11082 .fixed-230-subnav > li:first-child {
\r
11083 border-top: 1px solid #d2d2d2;
\r
11085 .fixed-230-subnav > li > a {
\r
11088 .fixed-230-subnav a:hover,
\r
11089 .fixed-230-subnav a:focus {
\r
11090 text-decoration: none !important;
\r
11092 .fixed-230-subnav > li li > a {
\r
11093 padding: 5px 10px;
\r
11095 .fixed-230-subnav > li li > a.active {
\r
11097 font-family: "Omnes-ECOMP-W02-Medium";
\r
11100 @keyframes DOMinsertion {
\r
11102 outline-color: transparent; }
\r
11104 outline-color: transparent; } }
\r
11106 @-moz-keyframes DOMinsertion {
\r
11108 outline-color: transparent; }
\r
11110 outline-color: transparent; } }
\r
11112 @-webkit-keyframes DOMinsertion {
\r
11114 outline-color: transparent; }
\r
11116 outline-color: transparent; } }
\r
11118 @-ms-keyframes DOMinsertion {
\r
11120 outline-color: transparent; }
\r
11122 outline-color: transparent; } }
\r
11124 @-o-keyframes DOMinsertion {
\r
11126 outline-color: transparent; }
\r
11128 outline-color: transparent; } }
\r
11131 .modal.fade.in .b2b-modal-header,
\r
11132 .modal.fade.in .b2b-modal-body,
\r
11133 .modal.fade.in .b2b-modal-footer {
\r
11134 animation-duration: 0.01s;
\r
11135 -o-animation-duration: 0.01s;
\r
11136 -ms-animation-duration: 0.01s;
\r
11137 -moz-animation-duration: 0.01s;
\r
11138 -webkit-animation-duration: 0.01s;
\r
11139 animation-name: DOMinsertion;
\r
11140 -o-animation-name: DOMinsertion;
\r
11141 -ms-animation-name: DOMinsertion;
\r
11142 -moz-animation-name: DOMinsertion;
\r
11143 -webkit-animation-name: DOMinsertion; }
\r
11145 .dda-css-override ul.nav-tabs {
\r
11146 margin-bottom: 0; }
\r
11148 .dda-css-override div.tab-content {
\r
11150 border-top: none; }
\r
11152 .dda-css-override .tab-content .prettyprint, .dda-css-override .usage .prettyprint {
\r
11153 max-height: 500px;
\r
11154 overflow-y: auto; }
\r
11156 .formsWithinProcessButton {
\r
11157 margin-right: 0px; }
\r
11159 .heading-sub-section-form {
\r
11160 font-size: 2.4rem;
\r
11161 font-family: "Omnes-ECOMP-W02", Arial;
\r
11162 margin-bottom: 20px;
\r
11163 margin-top: 10px; }
\r
11165 .heading-small-form {
\r
11166 font-size: 1.6rem;
\r
11167 font-family: "Omnes-ECOMP-W02, Arial";
\r
11168 margin-top: 0px; }
\r
11170 .icon-primary-form-sizeL {
\r
11171 font-size: 50px; }
\r
11173 .icon-primary-form-size {
\r
11174 font-size: 30px; }
\r
11177 margin-right: 15px !important; }
\r
11179 @media (max-width: 767px) {
\r
11180 .heading-sub-section-form {
\r
11181 font-size: 1.8rem;
\r
11182 font-family: "Omnes-ECOMP-W02", Arial;
\r
11183 margin-bottom: 20px;
\r
11184 padding-top: 10px;
\r
11185 margin-top: 30px; }
\r
11186 .heading-small-form {
\r
11187 font-size: 1.4rem;
\r
11188 font-family: "Omnes-ECOMP-W02", Arial;
\r
11189 margin-top: 0px; } }
\r
11191 @media (max-width: 479px) {
\r
11192 .icon-primary-form-resizeL {
\r
11194 .icon-primary-form-resize {
\r
11196 .heading-center-form {
\r
11197 margin-left: 20px; } }
\r
11199 @media (min-width: 480px) {
\r
11200 .icon-primary-form-resizeL {
\r
11202 .icon-primary-form-resize {
\r
11203 display: inherit; }
\r
11204 .icon-primary-center-min {
\r
11205 margin-top: 30px; } }
\r
11207 @media (min-width: 768px) {
\r
11208 .icon-primary-form-resizeL {
\r
11209 display: inherit;
\r
11210 margin-top: 30px; }
\r
11211 .icon-primary-form-resize {
\r
11213 .center-form-align {
\r
11214 margin-top: 35px; } }
\r
11216 @media (min-width: 1024px) {
\r
11217 .icon-primary-form-resizeL {
\r
11218 display: inherit;
\r
11219 margin-top: 0px; }
\r
11220 .icon-primary-form-resize {
\r
11222 .center-form-align {
\r
11223 margin-top: 5px; } }
\r
11225 .data-row.has-button td.col-1 {
\r
11228 .tab-content > .tab-pane {
\r
11231 .tab-content > .active {
\r
11232 display: block; }
\r
11234 .icon-primary-circle:before {
\r
11235 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");
\r
11237 position: absolute;
\r
11241 .icon-primary-primary-circle:before {
\r
11242 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");
\r
11244 position: absolute;
\r
11247 /* Flyout inputs color is not aligned */
\r
11248 textarea, input {
\r
11251 .isIE .btn-primary.btn:focus::after,
\r
11252 .isIE .btn-specialty.btn:focus::after,
\r
11253 .isIE .btn-alt.btn:focus::after {
\r
11254 border: 1px dashed #fff !important; }
\r
11255 .b2b-config-section-container {
\r
11257 min-height: 330px;
\r
11259 background-color: #fff;
\r
11260 border: 1px solid #ccc;
\r
11261 display: inline-table;
\r
11262 border-radius: 6px; }
\r
11264 .b2b-config-section-first-div {
\r
11265 border-right: 1px solid #ccc;
\r
11267 min-height: 330px; }
\r
11269 .b2b-config-section-icon-primary-font {
\r
11272 line-height: 31px; }
\r
11274 .b2b-config-section-padding {
\r
11275 padding: 20px 20px 15px 15px;
\r
11278 .b2b-config-sec-flyout {
\r
11279 position: relative;
\r
11284 font-family: "Omnes-ECOMP-W02", Arial; }
\r
11286 .b2b-config-sec-divider {
\r
11287 border-bottom: 1px solid #ccc; }
\r
11289 .b2b-confi-sec-span-border {
\r
11290 border-right: 1px solid;
\r
11293 .b2b-config-sec-speed-div {
\r
11294 text-align: center;
\r
11295 margin-top: 20px; }
\r
11297 .b2b-config-sec-label-font {
\r
11298 font-size: 16px; }
\r
11300 .b2b-config-sec-expander-main {
\r
11301 padding: 0 5px 0px 15px; }
\r
11303 .b2b-config-sec-expander-body .b2b-config-vlan-padding {
\r
11304 padding: 5px 15px 10px 0px; }
\r
11306 .b2b-conif-sec-row-height {
\r
11309 .b2b-config-sec-expander-body {
\r
11310 font-size: 14px; }
\r
11311 .b2b-config-sec-expander-body .b2b-config-vlan-data {
\r
11312 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
11313 padding-left: 15px; }
\r
11315 .b2b-config-sec-expander-body-first-div {
\r
11316 border-top: 1px solid #ccc; }
\r
11318 .b2b-config-sec-expander-body .tooltip {
\r
11319 position: static;
\r
11322 .b2b-config-section-container .row > [class*="span"] {
\r
11323 margin-right: 0px; }
\r
11325 .b2b-config-vlan-icons {
\r
11328 margin-right: 0px; }
\r
11330 .b2b-config-section-container .span6 {
\r
11333 .b2b-config-sec-data-link-style {
\r
11334 position: relative;
\r
11337 border-radius: 50%;
\r
11340 background: #fff;
\r
11341 border: 1px solid #ccc;
\r
11342 color: #666666; }
\r
11344 .b2b-config-sec-text-align {
\r
11345 text-align: center;
\r
11346 margin-top: 15px;
\r
11347 margin-bottom: 35px;
\r
11348 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
11350 color: #333333; }
\r
11352 .b2b-config-port-text-align {
\r
11353 text-align: center;
\r
11354 margin-top: 15px;
\r
11355 margin-bottom: 8px;
\r
11356 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
11358 color: #333333; }
\r
11360 .b2b-config-port-text-label {
\r
11362 margin-bottom: 8px;
\r
11364 text-align: center; }
\r
11366 .b2b-confi-sec-last-div p {
\r
11368 padding: 10px 15px 0 15px; }
\r
11370 .b2b-confi-sec-router-label {
\r
11371 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
11376 margin-bottom: 7px; }
\r
11378 .b2b-config-vlan-label {
\r
11379 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
11383 margin-bottom: 9px; }
\r
11385 .b2b-config-vlan-info {
\r
11386 font-family: "Omnes-ECOMP-W02", Arial;
\r
11389 margin-bottom: 1px; }
\r
11390 .b2b-config-vlan-info .icon-misc-pen {
\r
11391 padding-left: 7px; }
\r
11393 .b2b-confi-sec-model-label {
\r
11394 font-family: "Omnes-ECOMP-W02", Arial;
\r
11396 color: #333333; }
\r
11398 .b2b-confi-sec-router-info {
\r
11402 .b2b-config-sec-speed-sec {
\r
11403 border-right: 1px solid #ccc; }
\r
11405 .b2b-config-sec-speed-label {
\r
11406 font-family: "Omnes-ECOMP-W02", Arial;
\r
11409 text-align: center; }
\r
11410 .b2b-config-sec-speed-label i {
\r
11411 margin-left: 15px;
\r
11412 font-size: 16px; }
\r
11414 .b2b-config-sec-yellow-flag-div {
\r
11416 background-color: #ffb18c; }
\r
11418 .b2b-config-sec-expander-icons {
\r
11419 margin-top: 6px; }
\r
11420 .b2b-config-sec-expander-icons .icon-misc-trash {
\r
11421 margin-right: 10px; }
\r
11423 .b2b-config-sec-yellow-flag .b2b-config-sec-expander-icons {
\r
11426 .b2b-config-sec-expander-body-icons .icon-misc-pen {
\r
11427 position: relative;
\r
11429 .b2b-directory-listing .listBox {
\r
11432 padding-left: 1px;
\r
11433 padding-right: 1px;
\r
11434 font-family: "Omnes-ECOMP-W02", Arial; }
\r
11436 .b2b-directory-listing .listBox:focus {
\r
11437 outline: thin dotted #666; }
\r
11439 .b2b-directory-listing .b2b-directory-listing-no-results {
\r
11440 font-weight: bold; }
\r
11442 .b2b-directory-listing .b2b-directory-listing-list {
\r
11443 font-family: "Omnes-ECOMP-W02", Arial;
\r
11445 overflow-x: hidden;
\r
11446 position: relative;
\r
11448 border: 1px solid #333;
\r
11449 border-radius: 6px;
\r
11450 margin-bottom: 10px; }
\r
11452 .b2b-directory-listing .b2b-directory-listing-item {
\r
11454 border: 1px solid transparent;
\r
11456 text-align: left;
\r
11457 overflow: hidden;
\r
11459 padding-top: 13px;
\r
11460 padding-bottom: 7px;
\r
11461 padding-left: 15px;
\r
11462 -moz-user-select: none;
\r
11463 -webkit-user-select: none;
\r
11464 -ms-user-select: none;
\r
11465 word-wrap: break-word; }
\r
11466 .b2b-directory-listing .b2b-directory-listing-item:focus {
\r
11467 border: 1px #3399FF solid; }
\r
11469 .b2b-directory-listing .b2b-directory-listing-item-selected {
\r
11471 background-color: #3399FF; }
\r
11473 .b2b-directory-listing input[type="text"] {
\r
11474 padding-right: 30px; }
\r
11475 .b2b-directory-listing input[type="text"]:focus, .b2b-directory-listing input[type="text"]:hover {
\r
11476 padding-right: 30px; }
\r
11478 .b2b-directory-listing .row .btns {
\r
11479 margin-right: 90px;
\r
11480 margin-left: -115px;
\r
11481 margin-top: 100px; }
\r
11483 .b2b-directory-listing .btn-right {
\r
11484 margin-bottom: 15px !important; }
\r
11485 .b2b-directory-listing .btn-right:after {
\r
11486 content: " \27A1"; }
\r
11488 .b2b-directory-listing .btn-left {
\r
11489 margin-top: 10px !important; }
\r
11491 .b2b-directory-listing .btn-remove {
\r
11492 margin-right: auto !important;
\r
11493 margin-bottom: 15px; }
\r
11495 .b2b-directory-listing .btn-remove-all {
\r
11497 margin-bottom: 61px !important;
\r
11498 /* need to be removed */
\r
11499 margin-right: auto !important; }
\r
11501 .b2b-directory-listing .btn-add-all {
\r
11503 margin-bottom: 61px !important; }
\r
11505 .b2b-directory-listing .btn-left:before {
\r
11506 content: "\2B05 "; }
\r
11508 .b2b-directory-listing .btn-search[class*="btn"] {
\r
11509 right: 0.09rem; }
\r
11511 .b2b-directory-listing .btn {
\r
11514 .b2b-directory-listing-disabled {
\r
11515 cursor: not-allowed; }
\r
11517 .b2b-directory-listing-label-heading {
\r
11518 margin-top: 24px;
\r
11519 padding-bottom: 5px; }
\r
11521 .b2b-dl-list-box option {
\r
11522 padding-top: 13px;
\r
11523 padding-bottom: 7px;
\r
11524 padding-left: 15px; }
\r
11526 .b2b-dl-modal-button-div {
\r
11527 padding-top: 110px;
\r
11528 text-align: center; }
\r
11529 .b2b-tmpl-notification-card {
\r
11530 border-radius: 6px;
\r
11533 background-color: #ffffff;
\r
11534 border: 1px solid rgba(0, 0, 0, 0.1);
\r
11535 border-radius: 8px;
\r
11536 overflow: hidden; }
\r
11537 .b2b-tmpl-notification-card .b2b-tmpl-card-header {
\r
11538 padding-left: 30px;
\r
11539 font-family: "Omnes-ECOMP-W02", Arial;
\r
11543 display: inline-block;
\r
11544 min-height: 60px;
\r
11545 position: relative; }
\r
11546 .b2b-tmpl-notification-card .b2b-tmpl-card-body {
\r
11547 padding: 0 30px 20px;
\r
11548 position: relative; }
\r
11549 .b2b-tmpl-notification-card .b2b-tmpl-card-header-title {
\r
11550 margin-top: 10px; }
\r
11551 .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button {
\r
11552 box-shadow: 0 -50px 0 0 #f2f2f2 inset;
\r
11554 position: absolute;
\r
11555 border-color: #f2f2f2 #f2f2f2 transparent transparent;
\r
11556 border-style: solid;
\r
11557 border-width: 35px;
\r
11562 /*Old properties */
\r
11563 box-shadow: none;
\r
11564 transform: none; }
\r
11565 .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close {
\r
11570 position: relative;
\r
11571 /*Old properties */
\r
11572 transform: none; }
\r
11573 .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:before {
\r
11581 /*Old properties */
\r
11585 .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:focus {
\r
11586 outline: 1px dotted black; }
\r
11587 .b2b-tmpl-notification-card button.close {
\r
11588 -webkit-appearance: none;
\r
11589 moz-appearance: none;
\r
11590 appearance: none; }
\r
11591 .b2b-tmpl-notification-card .b2b-tmpl-card-icon-primary-cirlce {
\r
11594 border-radius: 50%; }
\r
11595 .b2b-tmpl-notification-card .b2b-tmpl-card-outer-cirlce {
\r
11596 background: #f0f5f5;
\r
11597 border-radius: 50%;
\r
11600 vertical-align: middle; }
\r
11601 .b2b-tmpl-notification-card .b2b-tmpl-card-inner-cirlce {
\r
11602 background: #fff;
\r
11605 position: relative;
\r
11606 border-radius: 50%;
\r
11610 border: 1px solid #767676; }
\r
11611 .b2b-tmpl-notification-card .b2b-tmpl-card-row {
\r
11612 padding-top: 10px; }
\r
11613 .b2b-tmpl-notification-card .b2b-tmpl-card-sub-header {
\r
11614 margin-top: 0px; }
\r
11615 .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item {
\r
11616 background-color: #fff;
\r
11617 margin-top: 25px;
\r
11618 border-top: 1px solid #ccc; }
\r
11619 .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item .cta-button-group {
\r
11620 line-height: 40px;
\r
11621 padding-top: 20px; }
\r
11622 .b2b-tmpl-notification-card .b2b-tmpl-card-edit-section .cta-button-group {
\r
11623 line-height: 40px;
\r
11624 padding-top: 15px; }
\r
11625 .b2b-tmpl-notification-card .b2b-tmpl-card-add-item-container {
\r
11626 padding-top: 30px; }
\r
11627 .b2b-tmpl-notification-card .b2b-tmpl-card-link-active {
\r
11628 pointer-events: none;
\r
11631 .b2b-tmpl-notification-card .b2b-tmpl-card-cursor:hover {
\r
11632 cursor: pointer; }
\r
11633 .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon {
\r
11634 text-align: center;
\r
11635 margin-top: 91px; }
\r
11636 .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon i {
\r
11638 color: #1b7e28; }
\r
11640 .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading {
\r
11642 text-align: center;
\r
11643 margin-top: 20px; }
\r
11644 .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading h1 {
\r
11645 font-size: 38px; }
\r
11647 .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading {
\r
11649 text-align: center; }
\r
11650 .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading h5 {
\r
11651 font-size: 18px; }
\r
11653 .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info {
\r
11654 padding-left: 18%;
\r
11656 margin-top: 20px; }
\r
11657 .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info ul {
\r
11658 list-style-type: disc;
\r
11659 list-style-position: inside; }
\r
11660 .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info li {
\r
11661 padding-top: 5px; }
\r
11663 .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section {
\r
11666 margin-top: 20px;
\r
11667 text-align: center;
\r
11668 margin-bottom: 55px; }
\r
11669 .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section .b2b-tmpl-order-confirmation-link {
\r
11670 margin-right: 8%; }
\r
11671 .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section a {
\r
11672 cursor: pointer; }
\r
11673 .b2b-tmpl-profile-block-container {
\r
11674 min-height: 200px;
\r
11676 background-color: #fff;
\r
11677 border-radius: 8px;
\r
11678 border: 1px solid #ccc;
\r
11679 box-shadow: 0px 1px 1px 1px #ccc;
\r
11680 display: inline-table;
\r
11681 margin: 15px 15px; }
\r
11682 .b2b-tmpl-profile-block-container .b2b-tmpl-profile-title {
\r
11683 font-weight: bold; }
\r
11684 .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-footer {
\r
11685 margin-bottom: 12px;
\r
11688 .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p {
\r
11689 word-wrap: break-word;
\r
11691 .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:first-child {
\r
11692 margin-top: 10px; }
\r
11693 .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:after {
\r
11696 border: 0.2px solid #ccc;
\r
11697 margin-top: 12px; }
\r
11698 .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio {
\r
11699 margin-left: 15px;
\r
11701 .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details div {
\r
11702 padding: 2px 7px;
\r
11703 font-size: 14px; }
\r
11704 .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio-label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details a {
\r
11705 font-size: 14px; }
\r
11706 .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p span {
\r
11707 padding-left: 10px; }
\r
11708 .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon {
\r
11711 position: relative;
\r
11713 .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon i {
\r
11716 .b2b-tmpl-profile-block-container .b2b-tmpl-profile-link {
\r
11718 position: relative;
\r
11720 .b2b-tmpl-profile-block-container a.link-profile {
\r
11721 position: relative;
\r
11724 margin-bottom: 16px; }
\r
11725 .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-radio {
\r
11726 position: relative;
\r
11728 .b2b-static-route-container {
\r
11729 padding-left: 32px;
\r
11730 display: inline-block; }
\r
11732 .b2b-static-route-label-heading {
\r
11733 font-family: "Omnes-ECOMP-W02-Medium", Arial;
\r
11734 font-size: 16px !important;
\r
11736 font-style: normal;
\r
11737 text-align: left; }
\r
11739 label.b2b-static-route-label-heading {
\r
11740 margin-bottom: 12px;
\r
11741 margin-top: 15px;
\r
11742 display: block; }
\r
11744 #b2b-static-route-input {
\r
11745 margin: 5px 0 5px; }
\r
11747 .b2b-static-route-list {
\r
11748 margin-bottom: 30px;
\r
11751 margin-right: 20px;
\r
11752 max-height: 540px;
\r
11753 overflow-y: auto; }
\r
11754 .b2b-static-route-list .status-text {
\r
11757 align-items: center;
\r
11760 .b2b-static-route-list-item {
\r
11761 border: 1px #cccccc solid;
\r
11762 font-family: "Omnes-ECOMP-W02", Arial;
\r
11765 cursor: pointer; }
\r
11766 .b2b-static-route-list-item > .status-bar {
\r
11767 padding: 20px 0 20px;
\r
11768 background-color: #ea7400;
\r
11769 border-radius: 0;
\r
11771 display: inline-block;
\r
11772 margin-right: 20px;
\r
11775 .b2b-static-route-list-item > .status-bar:after {
\r
11777 visibility: hidden; }
\r
11778 .b2b-static-route-list-item > .status-bar-unedited {
\r
11779 padding: 20px 0 20px;
\r
11780 background-color: #ffb81c;
\r
11781 border-radius: 0;
\r
11783 display: inline-block;
\r
11784 margin-right: 20px;
\r
11787 background-color: transparent; }
\r
11788 .b2b-static-route-list-item > .status-bar-unedited:after {
\r
11790 visibility: hidden; }
\r
11792 .b2b-static-route-list-item:focus {
\r
11793 outline: 1px dashed #00f; }
\r
11795 .b2b-static-route-list-item--selected {
\r
11796 background: #f2f2f2; }
\r
11798 .b2b-static-route-content {
\r
11799 display: inline-block; }
\r
11806 .selectWrap::after {
\r
11807 align-items: center;
\r
11808 background-position: 7px 7px;
\r
11809 background-repeat: no-repeat;
\r
11810 background-size: auto 23px;
\r
11811 border-left: 1px solid transparent;
\r
11814 font-size: 23px;
\r
11816 margin-right: 0;
\r
11817 overflow: hidden;
\r
11818 position: absolute;
\r
11820 text-indent: 7px;
\r
11822 user-select: none;
\r
11825 position: absolute !important;
\r
11826 display: flex !important;
\r