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