diff options
Diffstat (limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/external/b2b/css/b2b-angular/b2b-angular.css')
| -rw-r--r-- | ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/external/b2b/css/b2b-angular/b2b-angular.css | 11923 |
1 files changed, 0 insertions, 11923 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/external/b2b/css/b2b-angular/b2b-angular.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/external/b2b/css/b2b-angular/b2b-angular.css deleted file mode 100644 index 6ee85307..00000000 --- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/external/b2b/css/b2b-angular/b2b-angular.css +++ /dev/null @@ -1,11923 +0,0 @@ -/*! b2b-angular-library - v1.0.5 - Last updated: 2017-05-24. Copyright (c) 2016 AT&T Services, Inc. */ -.b2b-horizontal-table ::-webkit-scrollbar { - height: 10px; } - -.b2b-horizontal-table ::-webkit-scrollbar-thumb { - background: #666666; - border-radius: 5px; } - -.b2b-horizontal-table .b2b-frozen-col { - font-size: 12px; - font-weight: normal; - font-style: italic; } - -.b2b-horizontal-table .b2b-horizontal-table-inner-container { - overflow-x: scroll; } - -.b2b-horizontal-table .b2b-horizontal-table-column-info { - text-align: center; } - -.b2b-horizontal-table .b2b-horizontal-table-legend div[b2b-flyout-toggler] { - color: #0568ae; - cursor: pointer; } - -.b2b-horizontal-table .b2b-horizontal-table-legend .b2b-frozen-cell { - width: 16px; - height: 16px; - background-color: #F2F2F2; - display: inline-block; - margin-right: 10px; } - -.b2b-horizontal-table .b2b-horizontal-table-arrows { - margin-bottom: 20px; } - .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-disabled-text { - color: #767676; } - .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-next-link { - padding-right: 15px; } - .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-prev-link { - padding-left: 15px; } - -@-moz-document url-prefix() { - .b2b-horizontal-table td:first-child { - border-top: none; } } -* { - box-sizing: border-box; } - -:root { - -ms-overflow-style: -ms-autohiding-scrollbar; - overflow-y: scroll; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; - box-sizing: border-box; - font: 0.625pc/1.5 sans-serif; - text-rendering: optimizeLegibility; } - -html { - overflow-y: scroll; - -webkit-overflow-scrolling: touch; - height: 100%; - position: relative; } - -h1, -h2, -h3, -h4, -h5, -p, -blockquote, -figure, -ol, -ul { - margin: 0; - padding: 0; } - -/* a:focus { - outline: thin dotted #191919; -} */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: top; } - -sup { - top: .75em; - display: inline-block; } - -sub { - bottom: -0.25em; } - -img { - max-width: 100%; - height: auto; - vertical-align: middle; - border: 0; - -ms-interpolation-mode: bicubic; } - -.img-no-rwd { - max-width: inherit !important; } - -svg { - display: inline-block; } - -.responsive-img { - width: 100%; - height: auto; } - -button, -input, -select, -textarea { - margin: 0; - font-size: 100%; - vertical-align: middle; } - -::-moz-focus-inner { - padding: 0; - border: 0; } - -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - appearance: button; - cursor: pointer; } - -label, -select, -button, -input[type="button"], -input[type="reset"], -input[type="submit"], -input[type="radio"], -input[type="checkbox"] { - cursor: pointer; } - -input[type=search] { - -webkit-appearance: textfield; } - -input[type=search]:-webkit-search-cancel-button, -input[type=search]:-webkit-search-decoration { - -webkit-appearance: none; } - -textarea { - overflow: auto; - vertical-align: top; - resize: none; } - -select { - -moz-appearance: none; - -webkit-appearance: none; } - -[aria-busy=true] { - cursor: progress; } - -[aria-controls] { - cursor: pointer; } - -body { - background-color: #ffffff; - color: #191919; - font-family: "Omnes-ECOMP-W02", Arial; -/* font-size: 1.6rem; - line-height: 2rem;*/ - margin: 0; - position: relative; - width: 100%; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; } - -small { - font-size: 1.6rem; } - -.container { - margin: 0 auto; - padding: 0; } - -.tooltip { - display: inline-block; - height: 20px; - margin: 1px 0 0 7px; - vertical-align: middle; } - -.tooltip-wrapper { - display: none; } - -@font-face { - font-family: "Omnes-ECOMP-W02"; - src: url("../b2b-angular/fonts/Omnes_ATTW02.eot"); - src: url("../b2b-angular/fonts/Omnes_ATTW02.eot?#iefix") format("embedded-opentype"), url("../b2b-angular/fonts/Omnes_ATTW02.woff") format("woff"), url("../b2b-angular/fonts/Omnes_ATTW02.ttf") format("truetype"); - font-weight: normal; - font-style: normal; } - -@font-face { - font-family: "Omnes-ECOMP-W02-Medium"; - src: url("../b2b-angular/fonts/Omnes_ATTW02Medium.eot"); - src: url("../b2b-angular/fonts/Omnes_ATTW02Medium.eot?#iefix") format("embedded-opentype"), url("../b2b-angular/fonts/Omnes_ATTW02Medium.woff") format("woff"), url("../b2b-angular/fonts/Omnes_ATTW02Medium.ttf") format("truetype"); - font-weight: normal; - font-style: normal; } - -@font-face { - font-family: "Omnes-ECOMP-W02-Italic"; - src: url("../b2b-angular/fonts/Omnes_ATTW02Italic.eot"); - src: url("../b2b-angular/fonts/Omnes_ATTW02Italic.eot?#iefix") format("embedded-opentype"), url("../b2b-angular/fonts/Omnes_ATTW02Italic.woff") format("woff"), url("../b2b-angular/fonts/Omnes_ATTW02Italic.ttf") format("truetype"); - font-weight: normal; - font-style: normal; } - -@font-face { - font-family: "Omnes-ECOMP-W02-Light"; - src: url("../b2b-angular/fonts/Omnes_ATTW02Light.eot"); - src: url("../b2b-angular/fonts/Omnes_ATTW02Light.eot?#iefix") format("embedded-opentype"), url("../b2b-angular/fonts/Omnes_ATTW02Light.woff") format("woff"), url("../b2b-angular/fonts/Omnes_ATTW02Light.ttf") format("truetype"); - font-weight: normal; - font-style: normal; } - -@font-face { - font-family: "Omnes-ECOMP-W02-Bold"; - src: url("../b2b-angular/fonts/Omnes_ATTW02Bold.eot"); - src: url("../b2b-angular/fonts/Omnes_ATTW02Bold.eot?#iefix") format("embedded-opentype"), url("../b2b-angular/fonts/Omnes_ATTW02Bold.woff") format("woff"), url("../b2b-angular/fonts/Omnes_ATTW02Bold.woff2") format("woff2"), url("../b2b-angular/fonts/Omnes_ATTW02Bold.ttf") format("truetype"); - font-weight: normal; - font-style: normal; } - -@font-face { - font-family: "Omnes-ECOMP-W02-Light-Italic"; - src: url("../b2b-angular/fonts/Omnes_ATTW02LightItalic.eot"); - src: url("../b2b-angular/fonts/Omnes_ATTW02LightItalic.eot?#iefix") format("embedded-opentype"), url("../b2b-angular/fonts/Omnes_ATTW02LightItalic.woff") format("woff"), url("../b2b-angular/fonts/Omnes_ATTW02LightItalic.woff2") format("woff2"), url("../b2b-angular/fonts/Omnes_ATTW02LightItalic.ttf") format("truetype"); - font-weight: normal; - font-style: normal; } - -@font-face { - font-family: "Omnes-ECOMP-W02-Medium-Italic"; - src: url("../b2b-angular/fonts/Omnes_ATTW02MediumItalic.eot"); - src: url("../b2b-angular/fonts/Omnes_ATTW02MediumItalic.eot?#iefix") format("embedded-opentype"), url("../b2b-angular/fonts/Omnes_ATTW02MediumItalic.woff") format("woff"), url("../b2b-angular/fonts/Omnes_ATTW02MediumItalic.woff2") format("woff2"), url("../b2b-angular/fonts/Omnes_ATTW02MediumItalic.ttf") format("truetype"); - font-weight: normal; - font-style: normal; } - -@font-face { - font-family: "Omnes-ECOMP-W02-Bold-Italic"; - src: url("../b2b-angular/fonts/Omnes_ATTW02BoldItalic.eot"); - src: url("../b2b-angular/fonts/Omnes_ATTW02BoldItalic.eot?#iefix") format("embedded-opentype"), url("../b2b-angular/fonts/Omnes_ATTW02BoldItalic.woff") format("woff"), url("../b2b-angular/fonts/Omnes_ATTW02BoldItalic.woff2") format("woff2"), url("../b2b-angular/fonts/Omnes_ATTW02BoldItalic.ttf") format("truetype"); - font-weight: normal; - font-style: normal; } - -/* TODO: Build a reference page for these classes */ -.font-regular { - font-family: "Omnes-ECOMP-W02", Arial !important; } - -.font-light { - font-family: "Omnes-ECOMP-W02-Light", Arial !important; } - -.font-italic { - font-family: "Omnes-ECOMP-W02-Italic", Arial !important; } - -.font-light-italic { - font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; } - -.font-medium { - font-family: "Omnes-ECOMP-W02-Medium", Arial !important; } - -.font-medium-italic { - font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; } - -.font-reset { - font-style: normal; - font-variant: normal; - font-weight: normal; - text-transform: none; } - -.visible-phone { - display: none !important; } - -.visible-tablet { - display: none !important; } - -.hidden-desktop { - display: none !important; } - -.visible-desktop { - display: inherit !important; } - -.row, -.row-nowrap { - margin-left: 0; } - -.row:before, -.row-nowrap:before, -.row:after, -.row-nowrap:after { - display: table; - content: ""; - line-height: 0; } - -.row:after, -.row-nowrap:after { - clear: both; } - -.row:before, -.row-nowrap:before, -.row:after, -.row-nowrap:after { - display: table; - content: ""; - line-height: 0; } - -.row:after, -.row-nowrap:after { - clear: both; } - -.row, -.row-nowrap { - display: flex; } - -.row > [class*="span"], -.row-nowrap > [class*="span"] { - float: left; - margin-right: 14px; - margin-right: 1.40845%\9; } - -.row > [class*="span"]:last-child, -.row-nowrap > [class*="span"]:last-child { - margin-right: 0; } - -.row > [class*="span"].centered, -.row-nowrap > [class*="span"].centered { - margin-left: auto !important; - margin-right: auto !important; } - -.row.no-flex, -.row-nowrap.no-flex { - display: block; } - -.row.no-flex > [class*="span"], -.row-nowrap.no-flex > [class*="span"] { - margin-right: 1.408450704225352%; } - -.row.no-flex > [class*="span"]:last-child, -.row-nowrap.no-flex > [class*="span"]:last-child { - margin-right: 0; } - -.row.flex-justify, -.row-nowrap.flex-justify { - justify-content: space-between; } - -.row.flex-justify > [class*="span"], -.row-nowrap.flex-justify > [class*="span"] { - flex: 1 1 0; } - -.row.flex-justify > .flex-col, -.row-nowrap.flex-justify > .flex-col { - margin-right: 14px; - margin-right: 1.40845%\9; } - -.row.flex-wrap, -.row-nowrap.flex-wrap { - flex-wrap: wrap; } - -.align-items-top { - align-items: flex-start; } - -.align-items-center { - align-items: center; } - -.align-items-bottom { - align-items: flex-end; } - -.align-self-top { - align-self: flex-start; } - -.align-self-center { - align-self: center; } - -.align-self-bottom { - align-self: flex-end; } - -.row .fixed-230 { - flex: 0; - display: block; - width: 230px; - vertical-align: top; - min-width: 230px; - background-color: #efefef; } - -.row .fluid-space { - flex: 1 1 0; - display: block; - vertical-align: top; - padding-left: 0; - padding-right: 20px; - width: 100%; } - -.row .fixed-230 + .fluid-space { - padding-left: 20px; - padding-right: 20px; } - -.row .fluid-space:last-child { - padding-right: 0; } - -.span1 { - width: 7.042253521126761%; } - -.span2 { - width: 15.49295774647887%; } - -.span3 { - width: 23.94366197183099%; } - -.span4 { - width: 32.3943661971831%; } - -.span5 { - width: 40.84507042253521%; } - -.span6 { - width: 49.29577464788733%; } - -.span7 { - width: 57.74647887323944%; } - -.span8 { - width: 66.19718309859155%; } - -.span9 { - width: 74.64788732394367%; } - -.span10 { - width: 83.09859154929578%; } - -.span11 { - width: 91.54929577464789%; } - -.span12 { - width: 100%; } - -.offset1 { - margin-left: 8.450704225352113%; } - -.offset2 { - margin-left: 16.90140845070423%; } - -.offset3 { - margin-left: 25.35211267605634%; } - -.offset4 { - margin-left: 33.8028169%; } - -.offset5 { - margin-left: 42.25352113%; } - -.offset6 { - margin-left: 50.70422535%; } - -.offset7 { - margin-left: 59.15492958%; } - -.offset8 { - margin-left: 67.6056338%; } - -.offset9 { - margin-left: 76.05633803%; } - -.offset10 { - margin-left: 84.50704225%; } - -.offset11 { - margin-left: 92.95774648%; } - -.align-center { - margin: 0 auto; - text-align: center; } - -[class*="span"].align-center { - margin: 0 auto !important; - float: none; } - -.align-left .container { - padding-left: 0 !important; - margin: 0 !important; } - -/* BEGIN RESPONSIVE-4.LESS ************** */ -@media (min-width: 1025px) { - .row > [class*="span"], - .row-nowrap > [class*="span"] { - margin-right: 20px; - margin-right: 1.487301587301587%\9; } - .container { - padding-left: 20px; - padding-right: 20px; - max-width: 1260px; } - /* 1col = 6.878306878306879 */ - /* 1colgutter = 1.587301587301587 */ - .span0 { - display: none; } - .span1 { - width: 6.878306878306879%; } - .span2 { - width: 15.34391534391534%; } - .span3 { - width: 23.80952380952381%; } - .span4 { - width: 32.27513227513228%; } - .span5 { - width: 40.74074074074074%; } - .span6 { - width: 49.20634920634921%; } - .span7 { - width: 57.67195767195767%; } - .span8 { - width: 66.13756613756614%; } - .span9 { - width: 74.60317460317461%; } - .span10 { - width: 83.06878306878308%; } - .span11 { - width: 91.53439153439154%; } - .span12 { - width: 100%; } - .offset1 { - margin-left: 8.465608465608466%; } - .offset2 { - margin-left: 16.93121693121693%; } - .offset3 { - margin-left: 25.3968253968254%; } - .offset4 { - margin-left: 33.86243386%; } - .offset5 { - margin-left: 42.32804233%; } - .offset6 { - margin-left: 50.79365079%; } - .offset7 { - margin-left: 59.25925926%; } - .offset8 { - margin-left: 67.72486772%; } - .offset9 { - margin-left: 76.19047619%; } - .offset10 { - margin-left: 84.65608466%; } - .offset11 { - margin-left: 93.12169312%; } - .tooltip-size-control { - position: relative; - width: 400px; } - .thumbnails > li { - margin-left: 1.40845070422535%; } - .row .thumbnails { - margin-left: 0; } } - -/* END RESPONSIVE-4.LESS ****************** */ -/* BEGIN RESPONSIVE-3.LESS ******************* */ -@media (min-width: 768px) and (max-width: 1024px) { - .hidden-desktop { - display: inherit !important; } - .visible-desktop { - display: none !important; } - .visible-tablet { - display: inherit !important; } - .hidden-tablet { - display: none !important; } - .container { - width: 100%; - margin: 0 auto; - padding-left: 20px; - padding-right: 20px; } - .span0-md { - display: none; } - .span1-md { - width: 7.042253521126761%; } - .span2-md { - width: 15.49295774647887%; } - .span3-md { - width: 23.94366197183099%; } - .span4-md { - width: 32.3943661971831%; } - .span5-md { - width: 40.84507042253521%; } - .span6-md { - width: 49.29577464788733%; } - .span7-md { - width: 57.74647887323944%; } - .span8-md { - width: 66.19718309859155%; } - .span9-md { - width: 74.64788732394367%; } - .span10-md { - width: 83.09859154929578%; } - .span11-md { - width: 91.54929577464789%; } - .span12-md { - width: 100%; } - .offset1-md { - margin-left: 8.450704225352113%; } - .offset2-md { - margin-left: 16.90140845070423%; } - .offset3-md { - margin-left: 25.35211267605634%; } - .offset4-md { - margin-left: 33.8028169%; } - .offset5-md { - margin-left: 42.25352113%; } - .offset6-md { - margin-left: 50.70422535%; } - .offset7-md { - margin-left: 59.15492958%; } - .offset8-md { - margin-left: 67.6056338%; } - .offset9-md { - margin-left: 76.05633803%; } - .offset10-md { - margin-left: 84.50704225%; } - .offset11-md { - margin-left: 92.95774648%; } - .tooltip-size-control { - position: relative; - width: 300px; } } - -/* END RESPONSIVE-3.LESS ******************* */ -/* BEGIN RESPONSIVE-2.LESS *************** */ -@media (max-width: 767px) { - .hidden-desktop { - display: inherit !important; } - .visible-desktop { - display: none !important; } - .visible-phone { - display: inherit !important; } - .visible-tablet { - display: inherit !important; } - .hidden-phone { - display: none !important; } - .hidden-tablet { - display: none !important; } - .container { - width: auto; - padding-left: 15px; - padding-right: 15px; } - /*.row{ display:block; }*/ - .row > [class*="span"] { - float: none; - margin-left: 0; - margin-right: 0; - width: 100%; } - .row { - display: block; } - .row.flex > .flex-col, - .row-nowrap.flex > .flex-col { - margin-right: 0; } - .row .fixed-230 { - display: block; - width: 100%; } - .row .fluid-space { - display: block; - padding-left: 0; - padding-right: 0; - width: auto; } - .row .fluid-space + .fixed-230 { - padding-left: 0; } - .row .fluid-space:last-child { - padding-right: 0; } - .span0-sm { - display: none; } - .span1-sm { - width: 7.042253521126761%; } - .span2-sm { - width: 15.49295774647887%; } - .span3-sm { - width: 23.94366197183099%; } - .span4-sm { - width: 32.3943661971831%; } - .span5-sm { - width: 40.84507042253521%; } - .span6-sm { - width: 49.29577464788733%; } - .span7-sm { - width: 57.74647887323944%; } - .span8-sm { - width: 66.19718309859155%; } - .span9-sm { - width: 74.64788732394367%; } - .span10-sm { - width: 83.09859154929578%; } - .span11-sm { - width: 91.54929577464789%; } - .span12-sm { - width: 100%; } - .offset1-sm { - margin-left: 8.450704225352113%; } - .offset2-sm { - margin-left: 16.90140845070423%; } - .offset3-sm { - margin-left: 25.35211267605634%; } - .offset4-sm { - margin-left: 33.8028169%; } - .offset5-sm { - margin-left: 42.25352113%; } - .offset6-sm { - margin-left: 50.70422535%; } - .offset7-sm { - margin-left: 59.15492958%; } - .offset8-sm { - margin-left: 67.6056338%; } - .offset9-sm { - margin-left: 76.05633803%; } - .offset10-sm { - margin-left: 84.50704225%; } - .offset11-sm { - margin-left: 92.95774648%; } - input { - padding: 8px 15px 8px 15px; } - .field-group input.input-emphasized[type="search"] + .reset-field:after { - top: 14px; } - .field-group input.input-emphasized[type="search"] + .reset-field { - height: 46px; - top: 1px; } - .marquee { - margin-bottom: 30px; } - .marquee .blur-overlay { - border-radius: 0; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - margin: 0; - padding: 34px 15px 30px; } - .marquee + div { - margin-top: 30px; } - .marquee h1 { - font-size: 1.8rem; - letter-spacing: -0.035px; } - .marquee .lead { - font-size: 3.0rem; - line-height: 3.6rem; - margin-bottom: 0; } - .marquee p:not(.lead) { - font-family: "Omnes-ECOMP-W02-Light", Arial; - font-size: 1.8rem; - margin-bottom: 0; } - .marquee .btn-fullwidth { - margin-top: 10px; - width: 100%; - float: none; } - .tooltip-size-control { - width: 100%; } - .table-wrapper, - .accordion-table-layout { - margin-left: -15px; - margin-right: -15px; } - .table-wrapper caption { - padding-left: 15px; } } - -@media (max-width: 480px) { - .span1-xsm { - width: 7.042253521126761%; } - .span2-xsm { - width: 15.49295774647887%; } - .span3-xsm { - width: 23.94366197183099%; } - .span4-xsm { - width: 32.3943661971831%; } - .span5-xsm { - width: 40.84507042253521%; } - .span6-xsm { - width: 49.29577464788733%; } - .span7-xsm { - width: 57.74647887323944%; } - .span8-xsm { - width: 66.19718309859155%; } - .span9-xsm { - width: 74.64788732394367%; } - .span10-xsm { - width: 83.09859154929578%; } - .span11-xsm { - width: 91.54929577464789%; } - .span12-xsm { - width: 100%; } - .offset1-xsm { - margin-left: 8.450704225352113%; } - .offset2-xsm { - margin-left: 16.90140845070423%; } - .offset3-xsm { - margin-left: 25.35211267605634%; } - .offset4-xsm { - margin-left: 33.8028169%; } - .offset5-xsm { - margin-left: 42.25352113%; } - .offset6-xsm { - margin-left: 50.70422535%; } - .offset7-xsm { - margin-left: 59.15492958%; } - .offset8-xsm { - margin-left: 67.6056338%; } - .offset9-xsm { - margin-left: 76.05633803%; } - .offset10-xsm { - margin-left: 84.50704225%; } - .offset11-xsm { - margin-left: 92.95774648%; } } - -/* END RESPONSIVE-2.LESS ******************* */ -/* BEGIN RESPONSIVE-1.LESS ************** */ -.xxxxxxxx-begin-responsive-480px.less { - /* placeholder */ } - -@media (max-width: 480px) { - .hidden-desktop { - display: inherit !important; } - .hidden-tablet { - display: inherit !important; } - .hidden-phone { - display: none !important; } - .visible-desktop { - display: none !important; } - .visible-tablet { - display: none !important; } - .visible-phone { - display: inherit !important; } - .container { - width: auto; - padding-left: 15px; - padding-right: 15px; } } - -@font-face { - font-family: 'icoPrimary'; - src: url("../b2b-angular/fonts/icons/icoPrimary.eot?timestamp=@@timestamp"); - src: url("../b2b-angular/fonts/icons/icoPrimary.eot?timestamp=@@timestamp#iefix") format("embedded-opentype"), url("../b2b-angular/fonts/icons/icoPrimary.ttf?timestamp=@@timestamp") format("truetype"); - font-weight: normal; - font-style: normal; } - -[class*="icon-primary-"], -.nav-links a:after, -.bellyband-link a:after, -.breadcrumb > li:after, -.checkbox input:checked + .skin:after, -.checkbox input.indeterminate + .skin:after, -.checkbox input:indeterminate + .skin:after, -.selectWrap.large:before, -.form-row.error .error-msg:before, -.close:before, -.reset-field:before, -.cssIcon-globe:before, -.selectWrap:after { - color: #0568ae; - display: inline-block; - font-family: 'icoPrimary'; - font-style: normal; - font-size: 20px; - font-weight: normal; - font-variant: normal; - height: 1em; - margin-right: 7px; - text-transform: none; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - position: relative; - speak: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - width: 1em; } - -[class*="icoWeather-"], [class*="icoTrans-"], [class*="icoBubble-"], [class*="icoRetail-"], [class*="icoPeople-"], [class*="icoNumslets-"], [class*="icoLocation-"], [class*="icoHealthcare-"], [class*="icoDocuments-"], [class*="icoDevices-"], [class*="icoDatanetwork-"], [class*="icoControls-"], [class*="icoBuilding-"], [class*="icoArrows-"] { - color: #0568ae; - display: inline-block; - font-style: normal; - font-size: 20px; - font-weight: normal; - font-variant: normal; - font-style: normal; - width: 20px; - text-transform: none; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - position: relative; - speak: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; } - -[class*="icon-primary-"]:before, -[class*="icon-primary-"]:after { - box-sizing: border-box; - display: inline-block; - font-size: 1em; - height: 1em; - position: relative; - top: 0; - left: 0; - vertical-align: middle; - width: 1em; } - -.icon-primary-att-globe:before, -.cssIcon-globe:before { - content: "\e900"; - color: #44c7f5; } - -.icon-primary-hamburger:before { - content: "\e903"; } - -.icon-primary-secure:before { - content: "\e918"; } - -.icon-primary-secureL:before { - content: "\e919"; } - -.icon-primary-padlockopen:before { - content: "\e916"; } - -.icon-primary-padlockopenL:before { - content: "\e917"; } - -.icon-primary-shoppingcart:before { - content: "\e914"; } - -.icon-primary-shoppingcartL:before { - content: "\e915"; } - -.icon-primary-print:before { - content: "\e921"; } - -.icon-primary-printL:before { - content: "\e922"; } - -.icon-primary-mobilesmartphone:before { - content: "\e908"; } - -.icon-primary-mobilesmartphoneL:before { - content: "\e90c"; } - -.icon-primary-tablet:before { - content: "\e904"; } - -.icon-primary-tabletL:before { - content: "\e905"; } - -.icon-primary-tv:before { - content: "\e906"; } - -.icon-primary-tvL:before { - content: "\e907"; } - -.icon-primary-calendar { - width: 100% !important; } - -.icon-primary-calendar:before { - content: "\e91a"; - z-index: 1; } - -.icon-primary-calendarL:before { - content: "\e91b"; } - -.icon-primary-star:before { - content: "\e96c"; } - -.icon-primary-close:before, -.close:before, -.reset-field:before { - content: "\e910"; } - -.icon-primary-down:before { - content: "\ea3c"; } - -.checkbox input.indeterminate + .skin:after, -.icon-primary-subtractminimize:before { - content: "\e920"; } - -.icon-primary-add-maximize:before { - content: "\e91f"; } - -.icon-primary-check:before, -.checkbox input:checked + .skin:after { - content: "\e912"; } - -.icon-primary-questionmark:before { - content: "\e90f"; } - -.icon-primary-badgealert:before, -.form-row.error .error-msg:before { - content: "\e90e"; } - -.icon-primary-approval:before { - content: "\e925"; } - -.icon-primary-flat-info:before { - content: "\e927"; } - -.icon-primary-alert:before { - content: "\e913"; } - -.icon-primary-tooltip:before, -.icon-primary-flat-faq:before { - content: "\e90d"; } - -.icon-primary-tooltip { - font-size: 20px; } - -.nav-links a:after, -.bellyband-link a:after, -.breadcrumb > li:after, -.icon-primary-right:before { - content: "\ea3c"; - transform: rotate(-90deg); } - -.icon-primary-left:before { - content: "\ea3c"; - transform: rotate(90deg); } - -.icon-primary-accordion-plus:after, -.icon-primary-collapsed:after, -.icon-primary-accordion-minus:after, -.icon-primary-expanded:after { - content: ""; - position: absolute; - top: 0; - z-index: 1; } - -.icon-primary-accordion-minus, -.icon-primary-expanded, -.icon-primary-accordion-plus, -.icon-primary-collapsed { - font-size: 20px !important; } - -:not(.ds2-no-colors) .icon-primary-accordion-minus:before, -:not(.ds2-no-colors) .icon-primary-expanded:before { - 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"); - content: ""; } - -:not(.ds2-no-colors) .icon-primary-accordion-plus:before, -:not(.ds2-no-colors) .icon-primary-collapsed:before { - 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"); - content: ""; } - -.ds2-no-colors .icon-primary-accordion-minus:before, -.ds2-no-colors .icon-primary-expanded:before { - background-image: none; - content: "\e901"; } - -.ds2-no-colors .icon-primary-accordion-minus:after, -.ds2-no-colors .icon-primary-expanded:after { - content: "\e902"; } - -.ds2-no-colors .icon-primary-accordion-plus:before, -.ds2-no-colors .icon-primary-collapsed:before { - background-image: none; - content: "\e90b"; } - -.ds2-no-colors .icon-primary-accordion-plus:after, -.ds2-no-colors .icon-primary-collapsed:after { - content: "\e911"; } - -.icon-primary-circle-arrow { - outline: 1px solid transparent; - border-radius: 50%; - font-size: 20px !important; - background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); - margin-right: 7px; } - -.icon-primary-circle-arrow:after { - 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"); - content: ""; - position: absolute; - top: 0; - z-index: 2; } - -.icon-primary-circle-arrow:before { - border-radius: 50%; - content: "\ea3c"; - font-size: 12px; - top: 0; - position: absolute; - transform: rotate(-90deg); - width: 20px; - z-index: 1; } - -[class*="icon-primary-"] [class*="icon-primary-"] { - display: inline-block; - float: left; - font-size: 1em; - margin-left: -1em; - position: absolute; } - -[class*="icon-primary-"].white, [class^="ico"][class*="-"].white { - color: #fff; } - -[class*="icon-primary-"].black, [class^="ico"][class*="-"].black { - color: #000; } - -[class*="icon-primary-"].blue, [class^="ico"][class*="-"].blue { - color: #0568ae; } - -[class*="icon-primary-"].green, [class^="ico"][class*="-"].green { - color: #007a3e; } - -@-webkit-viewport { - width: device-width; } - -@-moz-viewport { - width: device-width; } - -@-ms-viewport { - width: device-width; } - -@-o-viewport { - width: device-width; } - -@viewport { - width: device-width; } - -.clearfix:before, -.clearfix:after { - display: table; - content: ""; - line-height: 0; } - -.clearfix:after { - clear: both; } - -.pull-right { - float: right !important; } - -.pull-left { - float: left !important; } - -.float-children-left:before, -.float-children-left:after { - display: table; - content: ""; - line-height: 0; } - -.float-children-left:after { - clear: both; } - -.float-children-left > div { - float: left; - white-space: nowrap; } - -.block { - display: block !important; } - -.inline { - display: inline !important; } - -.inline-block { - display: inline-block !important; } - -.table-cell { - display: table-cell !important; - width: 1%; - vertical-align: middle; } - -@media (max-width: 767px) { - .full-bleed { - width: auto; - margin-left: -15px; - margin-right: -15px; - padding: 15px; } } - -@media (min-width: 768px) { - .full-bleed { - width: auto; - margin-left: -20px; - margin-right: -20px; - padding: 20px; } } - -@media (max-width: 480px) { - .full-bleed { - width: auto; - margin-left: -15px; - margin-right: -15px; - padding: 0 15px; } } - -.fade { - opacity: 0; - filter: alpha(opacity=0); - transition: opacity .15s linear; } - -.fade.in { - opacity: 1; - filter: alpha(opacity=100); } - -.b2bCollapse { - display: none; } - -.collapse.in { - height: auto; } - -.nowrap { - white-space: nowrap; } - -.pre { - white-space: pre; } - -.hidden-spoken { - border: 0 none !important; - clip: rect(0px, 0px, 0px, 0px) !important; - height: 1px !important; - letter-spacing: 0; - line-height: 0; - overflow: hidden !important; - margin-top: -1px; - padding: 0 !important; - position: absolute !important; - width: 1px !important; } - -[data-sr-text].hidden-spoken:before { - border: 0 none !important; - content: attr(data-sr-text); - clip: rect(0px, 0px, 0px, 0px) !important; - height: 1px !important; - letter-spacing: 0; - line-height: 0; - overflow: hidden !important; - padding: 0 !important; - position: absolute !important; - width: 100% !important; - z-index: -1; } - -[data-sr-text].hidden-spoken { - position: relative !important; - width: auto !important; } - -[data-show-between] { - display: none; - visibility: hidden; } - -.noscroll-y { - overflow-y: hidden !important; } - -.invisible { - visibility: hidden !important; - opacity: 0 !important; } - -.transparent { - background-color: rgba(255, 255, 255, 0) !important; } - -.hide { - display: none !important; } - -.show { - display: block !important; } - -.rel { - position: relative !important; } - -.legend-pad { - padding: 0 15px; } - -.border-top { - border-top-width: 1px !important; } - -.border-left { - border-left-width: 1px !important; } - -.border-right { - border-right-width: 1px !important; } - -.border-bottom { - border-bottom-width: 1px !important; } - -.border-dark { - border-color: #000; } - -.border-light { - border-color: #fff; } - -.no-border-top { - border-top-width: 0 !important; } - -.no-border-left { - border-left-width: 0 !important; } - -.no-border-right { - border-right-width: 0 !important; } - -.no-border-bottom { - border-bottom-width: 0 !important; } - -.align-middle { - margin: 0 auto !important; } - -.align-top { - position: absolute; - top: 0; } - -.align-bottom { - position: absolute; - bottom: 0; } - -.valign-top { - vertical-align: top !important; } - -.valign-middle { - vertical-align: middle !important; } - -.valign-bottom { - vertical-align: bottom !important; } - -.align-children-middle > * { - margin: 0 auto; } - -[class*="valign-children-"] { - display: table; } - -[class*="valign-children-"] > * { - display: table-cell; } - -.valign-children-top > * { - vertical-align: top; } - -.valign-children-middle > * { - vertical-align: middle; } - -.valign-children-bottom > * { - vertical-align: bottom; } - -.no-pad { - padding: 0 !important; } - -.top-space { - margin-top: 60px !important; } - -.bottom-space { - margin-bottom: 60px !important; } - -.top-pad { - padding-top: 60px !important; } - -.bottom-pad { - padding-bottom: 60px !important; } - -@media (max-width: 767px) { - .top-space { - margin-top: 30px !important; } - .bottom-space { - margin-bottom: 30px !important; } - .top-pad { - padding-top: 30px !important; } - .bottom-pad { - padding-bottom: 30px !important; } } - -.affix { - position: fixed; } - -.img-landscape, -.img-portrait { - position: relative; } - -@media (orientation: landscape) { - .img-landscape { - display: block; } - .img-portrait { - display: none !important; } } - -@media (orientation: portrait) { - .img-landscape { - display: none !important; } - .img-portrait { - display: block; } } - -.dark-bg { - background-color: #222222; } - -/* ... JAVASCRIPT HOOKS ................. - ... used by javascript ............... */ -.autoSize, -.autoSize-this { - position: relative; } - -.truncate { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; } - -.placeholdersjs { - color: #5a5a5a !important; } - -.jshook-return-focus-here { - display: block; } - -.visible-print { - display: none !important; } - -.hidden-print { - display: inherit !important; } - -@media print { - .visible-print { - display: inherit !important; } - .hidden-print { - display: none !important; } - * { - color: #000 !important; - background: transparent !important; - box-shadow: none !important; } - a, - a:visited { - text-decoration: underline; } - pre, - blockquote { - border: 1px solid #000; - page-break-inside: avoid; } - thead { - display: table-header-group; } - tr, - img { - page-break-inside: avoid; } - img { - max-width: 100% !important; } - @page { - margin: 0.5cm; } - p, - h2, - h3 { - orphans: 3; - widows: 3; } - h2, - h3 { - page-break-after: avoid; } } - -.mar-top-0 { - margin-top: 0px; } - -.mar-top-30 { - margin-top: 30px; } - -a:focus { - outline: thin dotted #191919; } - -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: normal; - text-rendering: optimizeLegibility; - margin: 0; - line-height: 1; } - -.heading-page { - font-size: 3.8rem !important; - font-family: "Omnes-ECOMP-W02-Light", Arial; - margin-bottom: 40px; } - -.heading-major-section { - font-size: 3rem !important; - font-family: "Omnes-ECOMP-W02-Light", Arial; - margin-bottom: 40px !important; } - -.heading-sub-section { - font-size: 2.4rem !important; - font-family: "Omnes-ECOMP-W02", Arial; - margin-bottom: 40px; } - -.heading-group { - font-size: 2rem !important; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - color: #ea7400; - margin-bottom: 20px !important; } - -.heading-medium { - font-size: 2rem !important; - font-family: "Omnes-ECOMP-W02", Arial; - margin-bottom: 20px; } - -.heading-medium-emphasis { - font-size: 2rem !important; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - margin-bottom: 20px; } - -.heading-small { - font-size: 1.8rem !important; - font-family: "Omnes-ECOMP-W02", Arial; - margin-bottom: 20px; } - -.heading-small-emphasis { - font-size: 1.8rem !important; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - margin-bottom: 20px; } - -.heading-micro { - font-size: 1.3rem !important; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - text-transform: uppercase; - color: #da0081; - margin-bottom: 10px; } - -* + .heading-major-section { - margin-top: 60px; } - -* + .heading-sub-section { - margin-top: 60px; } - -* + .heading-group { - margin-top: 40px !important; } - -* + .heading-medium { - margin-top: 40px; } - -* + .heading-medium-emphasis { - margin-top: 40px; } - -* + .heading-small { - margin-top: 40px; } - -* + .heading-small-emphasis { - margin-top: 40px; } - -* + .heading-micro { - margin-top: 20px; } - -.lead { - color: #666; - font-family: "Omnes-ECOMP-W02-Light-Italic", Arial; - font-size: 2.4rem; - line-height: 2.8rem; - margin-top: 10px; - letter-spacing: -0.024rem; } - -.eyebrow { - text-transform: uppercase; - line-height: .65 !important; } - -.eyebrow, -.subheading { - font-size: 1.4rem !important; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - color: #666; } - -.eyebrow + .heading-major-section, -.eyebrow + .heading-sub-section { - margin-top: 4px; } - -.subheading { - margin-top: 10px; } - -@media (max-width: 767px) { - h1, - h2, - h3, - h4, - h5, - h6, - .heading-page { - font-size: 2rem; - font-family: "Omnes-ECOMP-W02", Arial; - margin-bottom: 30px; } - .heading-major-section { - font-size: 2rem; - font-family: "Omnes-ECOMP-W02", Arial; - margin-bottom: 30px; } - .heading-sub-section { - font-size: 2rem; - font-family: "Omnes-ECOMP-W02", Arial; - margin-bottom: 20px; } - .heading-medium { - font-size: 2rem; - font-family: "Omnes-ECOMP-W02", Arial; - margin-bottom: 20px; } - .heading-medium-emphasis { - font-size: 2rem; - font-family: "Omnes-ECOMP-W02", Arial; - margin-bottom: 20px; } - .heading-small { - font-size: 1.6rem; - font-family: "Omnes-ECOMP-W02", Arial; - margin-bottom: 10px; } - .heading-small-emphasis { - font-size: 1.6rem; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - margin-bottom: 5px; } - * + .heading-major-section { - margin-top: 30px; } - * + .heading-sub-section { - margin-top: 30px; } - * + .heading-group { - margin-top: 20px; } - * + .heading-medium { - margin-top: 20px; } - * + .heading-medium-emphasis { - margin-top: 20px; } - * + .heading-small { - margin-top: 20px; } - * + .heading-small-emphasis { - margin-top: 20px; } - * + .heading-micro { - margin-top: 10px; } } - -/* Standard Type styles */ -.zeromargin { - margin: 0 !important; } - -a { - color: #0568ae; - text-decoration: none; } - -a:hover, -a:focus { - text-decoration: underline; } - -a:active { - color: #0568ae; } - -.a-min { - font-size: 12px; } - -.a-small { - font-size: 14px; } - -.a-max { - font-size: 18px; } - -a.show-qualifier { - margin-right: 25px; - position: relative; } - -a.show-qualifier:after { - color: #333333; - display: inline-block; - white-space: pre !important; } - -a[href$="pdf"].show-qualifier:after, -a.show-qualifier.pdf:after { - content: " (PDF)"; } - -a[href$="psd"].show-qualifier:after, -a.show-qualifier.psd:after { - content: " (PSD)"; } - -.standalone-link { - display: flex; } - -/* 20px for the icon, 10px left of icon */ -.standalone-link.small { - font-size: 1.4rem; } - -.standalone-link.small i[class*="icon-primary-"] { - font-size: 16px; - top: 2px; } - -.standalone-link.large { - font-size: 1.8rem; } - -.standalone-link.large i[class*="icon-primary-"] { - font-size: 24px; - top: -1px; } - -p { - margin: 0 0 12px 0; - line-height: 2rem; } - -.p-small { - font-size: 1.4rem; - line-height: 1.8rem; } - -p + .p-small { - margin: 10px 0 0; } - -.p-micro { - font-size: 1.2rem; - line-height: 1.5rem; } - -p + .p-micro { - margin: 10px 0 0; } - -.p-max { - font-size: 1.8rem; } - -p + .p-max { - margin: 10px 0 0; } - -b, -strong { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-weight: normal; } - -i, -em { - font-family: "Omnes-ECOMP-W02-Italic", Arial; - font-style: normal; } - -.strike { - text-decoration: line-through; } - -sup { - display: inline-block; - font-style: normal; - height: 1em; - position: relative; - vertical-align: text-top; - width: auto; } - -.text-legal { - color: #5a5a5a; - font-size: 1.1rem; - line-height: 1.5rem; - margin: 0 0 10px; } - -.text-legal.legal-module { - line-height: 1.3rem; - margin: 0 0 12px; } - -.text-legal b, -.text-legal strong { - font-weight: bold; } - -.text-legal a { - font-family: "Omnes-ECOMP-W02-Medium", Arial; } - -.text-left { - text-align: left !important; } - -.text-right { - text-align: right !important; } - -.text-center { - text-align: center !important; } - -.text-justified { - text-align: justify !important; } - -ul { - padding: 0; - margin: 0; - list-style: none; } - -ul.bullet, -ul.no-bullet, -ul.lower-alpha, -ul.lower-roman, -ol { - padding: 0; - margin: 12px 0 0 20px; } - -ul.bullet li, -ul.no-bullet li, -ul.lower-alpha li, -ul.lower-roman li, -ol li { - padding-left: 15px; - line-height: 20px; - position: relative; } - -ul.bullet li + li, -ul.no-bullet li + li, -ul.lower-alpha li + li, -ul.lower-roman li + li, -ol li + li { - margin-top: 12px; } - -ul.bullet > li:before, -ul.no-bullet > li:before, -ul.lower-alpha > li:before, -ul.lower-roman > li:before, -ol > li:before { - background-color: #333333; - border: 2px solid #333333; - border-radius: 100%; - content: " "; - display: block; - height: 1px; - left: 0; - position: absolute; - top: 8px; - width: 1px; } - -ul.bullet ul, -ul.no-bullet ul, -ul.lower-alpha ul, -ul.lower-roman ul, -ol ul, -ul.bullet ol, -ul.no-bullet ol, -ul.lower-alpha ol, -ul.lower-roman ol, -ol ol { - margin-top: 12px; } - -ul + *, -ol + * { - margin-top: 20px; } - -ul.no-bullet, -ul.lower-alpha, -ul.lower-roman { - margin: 0; } - -ul.no-bullet > li, -ul.lower-alpha > li, -ul.lower-roman > li { - padding-left: 0; } - -ul.no-bullet > li:before, -ul.lower-alpha > li:before, -ul.lower-roman > li:before { - display: none !important; } - -ol { - margin: 20px 0 0 32px; } - -ol li { - padding-left: 3px; } - -ol li:before { - display: none; } - -ol ol { - margin-left: 25px; } - -ol ul { - margin-left: -5px; } - -ul ul, -ul ol, -ol ol, -ol ul { - margin-top: 0; } - -ul.lower-roman { - list-style-type: lower-roman; - margin-top: 12px; - margin-left: 35px; - margin-bottom: 0; } - -ul.lower-alpha { - list-style-type: lower-alpha; - margin-top: 12px; - margin-left: 35px; - margin-bottom: 0; } - -dl { - display: table; - margin: 0 0 20px; - width: 100%; } - -dt, -dd { - display: table-cell; } - -.btn { - background-color: transparent; - background-clip: padding-box; - border: 1px solid transparent; - border-radius: 8px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); - cursor: pointer; - display: inline-block; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-size: 1.9rem; - font-weight: normal; - line-height: 1; - margin: 0 7px 10px 0; - max-width: 470px; - min-width: 70px; - padding: 14px 19px 11px 18px; - position: relative; - text-align: center; - vertical-align: middle; - white-space: nowrap; - overflow: hidden; } - .btn:focus { - outline: 1px dotted #000; - outline-offset: -5px; } - .btn:last-child { - margin-right: 0; } - .btn::-moz-focus-inner { - padding: 0; - border: 0; } - .btn i[class*="icon-primary-"].icon-primary-small { - font-size: 24px; - top: -2px; } - .btn i[class*="icon-primary-"].icon-primary-medium { - font-size: 30px; - top: -2px; } - .btn i[class*="icon-primary-"].icon-primary-large { - font-size: 36px; - top: -2px; } - -a.btn { - vertical-align: middle; } - a.btn:hover { - text-decoration: none; } - -.field-group + .btn { - margin-left: 20px; } - -.btn-primary { - border-color: #ea7400 transparent #d16500; - background-color: #ea7400 transparent #d16500; - background: linear-gradient(to bottom, #ea7400 0%, #d16500 100%); - color: #ffffff; - font-family: "Omnes-ECOMP-W02", Arial; - font-weight: bold; } - .btn-primary:hover { - text-decoration: none; - color: #ffffff; - outline-color: #ffffff !important; - background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); } - .btn-primary:focus { - text-decoration: none; - color: #ffffff; - outline-color: #ffffff !important; - background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); } - .btn-primary:active { - text-decoration: none; - color: #ffffff; - outline-color: #ffffff !important; - background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); } - -.btn-arrow { - font-family: "Omnes-ECOMP-W02", Arial; - font-size: 1.6rem; - font-weight: normal; - background-color: transparent; - border: none; - padding: 5px 0 0; - top: -4px; - color: #333333; - position: relative; } - .btn-arrow:hover { - text-decoration: underline; } - .btn-arrow:hover .btn-primary { - text-decoration: none; - color: #ffffff; - outline-color: #ffffff !important; - background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); } - .btn-arrow:hover .btn-secondary { - color: #0568ae; - outline-color: #000000 !important; - background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); } - .btn-arrow:hover .btn-alt { - color: #ffffff; - outline-color: #ffffff !important; - background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); } - .btn-arrow:hover .btn-specialty { - color: #ffffff; - outline-color: #ffffff !important; - background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); } - .btn-arrow:focus { - text-decoration: underline; - outline: 1px dotted #666; } - .btn-arrow:focus .btn-primary { - text-decoration: none; - color: #ffffff; - outline-color: #ffffff !important; - background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); } - .btn-arrow:focus .btn-secondary { - color: #0568ae; - outline-color: #000000 !important; - background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); } - .btn-arrow:focus .btn-alt { - color: #ffffff; - outline-color: #ffffff !important; - background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); } - .btn-arrow:focus .btn-specialty { - color: #ffffff; - outline-color: #ffffff !important; - background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); } - .btn-arrow:active .btn-primary { - text-decoration: none; - color: #ffffff; - outline-color: #ffffff !important; - background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); } - .btn-arrow:active .btn-secondary { - color: #0568ae; - outline-color: #000000 !important; - background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); } - .btn-arrow:active .btn-alt { - color: #ffffff; - outline-color: #ffffff !important; - background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); } - .btn-arrow:active .btn-specialty { - color: #ffffff; - outline-color: #ffffff !important; - background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); } - .btn-arrow .btn-alt { - border-color: #087ac2 transparent #0568ae; - background-color: #0568ae; - background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); - color: #ffffff; } - .btn-arrow .btn-alt:hover { - color: #ffffff; - outline-color: #ffffff !important; - background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); } - .btn-arrow .btn-alt:focus { - color: #ffffff; - outline-color: #ffffff !important; - background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); } - .btn-arrow .btn-alt:active { - color: #ffffff; - outline-color: #ffffff !important; - background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); } - .btn-arrow::-moz-focus-inner { - padding: 0; - border: 0; } - .btn-arrow .btn { - border: 1px solid transparent; - border-radius: 100%; - height: 36px; - margin-bottom: 0; - margin-right: 7px; - max-width: 36px; - min-width: 20px; - padding: 0; - margin-top: -4px; - vertical-align: middle; - width: 36px; } - .btn-arrow .btn .icon-primary-left { - bottom: 0; - display: block; - height: 100%; - left: 0; - line-height: 0; - position: absolute; - right: 0; - text-indent: 0; - top: 0; } - .btn-arrow .btn .icon-primary-left:before { - position: absolute; - font-size: 1.6rem; - left: 1px; - top: 9px; } - .btn-arrow .btn .icon-primary-right { - bottom: 0; - display: block; - height: 100%; - left: 0; - line-height: 0; - position: absolute; - right: 0; - text-indent: 0; - top: 0; - color: #ffffff; } - .btn-arrow .btn .icon-primary-right:before { - position: absolute; - font-size: 1.6rem; - left: 17px; - top: 9px; } - .btn-arrow .btn.btn-primary .icon-primary-left { - color: #fff; } - .btn-arrow .btn.btn-primary .icon-primary-right { - color: #fff; } - .btn-arrow .btn.btn-alt .icon-primary-left { - color: #fff; } - .btn-arrow .btn.btn-alt .icon-primary-right { - color: #fff; } - .btn-arrow .btn.btn-secondary { - border: 1px solid #d2d2d2; } - .btn-arrow .btn.btn-secondary .icon-primary-left { - color: #0568ae; } - .btn-arrow .btn.btn-secondary .icon-primary-right { - color: #0568ae; } - .btn-arrow .btn.btn-small { - height: 20px; - max-width: 20px; - min-width: 20px; - width: 20px; - top: -1px; } - .btn-arrow .btn.btn-small .icon-primary-left:before { - font-size: 10px; - top: 4px; - left: 0; } - .btn-arrow .btn.btn-small .icon-primary-right:before { - font-size: 10px; - top: 4px; - left: 10px; } - .btn-arrow .btn.btn-large .icon-primary-left:before { - font-size: 112%; - top: 12px; - left: 23px; } - .btn-arrow .btn.btn-large .icon-primary-right:before { - font-size: 112%; - top: 12px; - left: 23px; } - -.btn-secondary { - border: 1px solid #d2d2d2; - background-color: #f2f2f2; - background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%); - color: #0568ae; - box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15); - padding: 14px 18px 11px 17px; } - .btn-secondary:hover { - color: #0568ae; - outline-color: #000000 !important; - background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); } - .btn-secondary:focus { - color: #0568ae; - outline-color: #000000 !important; - background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); } - .btn-secondary:active { - color: #0568ae; - outline-color: #000000 !important; - background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); } - -.btn-alt { - border-color: #087ac2 transparent #0568ae; - background-color: #0568ae; - background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); - color: #ffffff; } - .btn-alt:hover { - color: #ffffff; - outline-color: #ffffff !important; - background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); } - .btn-alt:focus { - color: #ffffff; - outline-color: #ffffff !important; - background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); } - .btn-alt:active { - color: #ffffff; - outline-color: #ffffff !important; - background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); } - -.btn-specialty { - border-color: #008744 transparent #007a3e; - background-color: #007a3e; - background: linear-gradient(to bottom, #008744 0%, #007a3e 100%); - color: #ffffff; } - .btn-specialty:hover { - color: #ffffff; - outline-color: #ffffff !important; - background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); } - .btn-specialty:focus { - color: #ffffff; - outline-color: #ffffff !important; - background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); } - .btn-specialty:active { - color: #ffffff; - outline-color: #ffffff !important; - background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); } - -.btn-clear { - background: transparent !important; - border-color: transparent !important; - font-weight: normal; - font-family: "Omnes-ECOMP-W02", Arial; - box-shadow: none; - text-decoration: none; - color: #0568ae; } - .btn-clear:focus { - text-decoration: underline; } - .btn-clear:hover { - text-decoration: underline; } - -.isIE .btn:focus { - outline: none !important; - text-decoration: none !important; } - .isIE .btn:focus:after { - display: block; - content: ""; - position: absolute; - top: 4px; - left: 4px; - right: 4px; - bottom: 4px; - border: 1px dotted #000; } - -.isIE .btn:active { - outline: none !important; - text-decoration: none !important; } - .isIE .btn:active:after { - display: block; - content: ""; - position: absolute; - top: 4px; - left: 4px; - right: 4px; - bottom: 4px; - border: 1px dotted #000; } - -.isIE .btn.active { - outline: none !important; - text-decoration: none !important; } - .isIE .btn.active:not(:focus):after { - border: 1px solid #000; } - .isIE .btn.active:after { - display: block; - content: ""; - position: absolute; - top: 4px; - left: 4px; - right: 4px; - bottom: 4px; - border: 1px dotted #000; } - -.isIE .btn.btn-primary:focus:after { - border: 2px dashed #fff; } - -.isIE .btn.btn-specialty:focus:after { - border: 2px dashed #fff; } - -.isIE .btn.btn-alt:focus:after { - border: 2px dashed #fff; } - -.btn.disabled { - background-image: none; - background-color: #767676; - box-shadow: none; - cursor: not-allowed; - color: #ffffff; - border-color: transparent; - outline: 0 !important; } - .btn.disabled:hover { - color: #f2f2f2; - outline: none !important; } - .btn.disabled:focus { - color: #f2f2f2; - outline: none !important; } - -.btn[disabled] { - background-image: none; - background-color: #767676; - box-shadow: none; - cursor: not-allowed; - color: #ffffff; - border-color: transparent; - outline: 0 !important; } - .btn[disabled]:hover { - color: #f2f2f2; - outline: none !important; } - .btn[disabled]:focus { - color: #f2f2f2; - outline: none !important; } - -.btn[disabled="disabled"] { - background-image: none; - background-color: #767676; - box-shadow: none; - cursor: not-allowed; - color: #ffffff; - border-color: transparent; - outline: 0 !important; } - .btn[disabled="disabled"]:hover { - color: #f2f2f2; - outline: none !important; } - .btn[disabled="disabled"]:focus { - color: #f2f2f2; - outline: none !important; } - -.btn-arrow[disabled] .btn { - background-image: none; - background-color: #767676; - box-shadow: none; - cursor: not-allowed; - color: #ffffff; - border-color: transparent; - outline: 0 !important; } - .btn-arrow[disabled] .btn:hover { - color: #f2f2f2; - outline: none !important; } - .btn-arrow[disabled] .btn:focus { - color: #f2f2f2; - outline: none !important; } - -.btn-arrow[disabled] .icon-primary-left { - color: #fff !important; } - -.btn-arrow[disabled] .icon-primary-right { - color: #fff !important; } - -.btn-arrow.disabled .btn { - background-image: none; - background-color: #767676; - box-shadow: none; - cursor: not-allowed; - color: #ffffff; - border-color: transparent; - outline: 0 !important; } - .btn-arrow.disabled .btn:hover { - color: #f2f2f2; - outline: none !important; } - .btn-arrow.disabled .btn:focus { - color: #f2f2f2; - outline: none !important; } - -.btn-arrow.disabled .icon-primary-left { - color: #fff !important; } - -.btn-arrow.disabled .icon-primary-right { - color: #fff !important; } - -.btn-medium { - padding: 12px 19px 11px 18px; - font-size: 1.7rem; } - -.btn-small { - padding: 10px 19px 9px 18px; - font-size: 1.5rem; - border-radius: 8px; } - -.btn-fullwidth { - width: 100%; } - -*:not(.btn-arrow) > .btn > i[class*="icon-primary-"] { - margin-top: -20px; - margin-bottom: -20px; } - -.enhanced-cta-group { - display: -ms-flexbox; - display: flex; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - 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; - background-position: 0 -1px; - background-repeat: repeat-x; } - .enhanced-cta-group > .cta-button-group { - border-top: 0; - background-image: none !important; } - .enhanced-cta-group > .cta-button-group + .cta-button-group a { - font-size: 1.4rem; - line-height: 1em; } - .enhanced-cta-group > .cta-button-group + .cta-button-group a a { - margin-right: 0; } - .enhanced-cta-group > .cta-button-group hr { - min-height: 14px; } - .enhanced-cta-group > .cta-button-group + .cta-button-group { - -ms-flex-align: center; - -ms-grid-row-align: center; - align-items: center; - -ms-flex-direction: row; - flex-direction: row; - padding: 10px 0; } - -.cta-button-group { - text-align: right; - -ms-flex-align: baseline; - align-items: baseline; - padding: 20px 0 10px; - width: 100%; } - .cta-button-group.nodots { - background-image: none !important; } - .cta-button-group .hidden-phone { - margin-right: 14px; } - .cta-button-group .btn + .btn { - margin-right: 20px !important; } - .cta-button-group .btn:not(.hidden-phone):not(.visible-phone) { - margin-right: 0; } - -.isMobile .btn-arrow .btn.btn-small .icon-primary-left:before { - left: -1px; } - -.isMobile .btn-arrow .btn.btn-large .icon-primary-left:before { - left: 24px; } - -.isMobile .btn-arrow .btn.btn-large .icon-primary-right:before { - left: 24px; } - -@media (max-width: 1024px) { - .field-group + .btn { - margin-left: 15px; } } - -@media (max-width: 767px) { - .cta-button-group { - text-align: center; } - .cta-button-group > .btn { - display: block; - float: none; - width: 100%; - margin-left: auto !important; - margin-right: auto !important; } } - -.btn-group { - border-radius: 8px; - box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15); - display: -ms-flexbox; - display: flex; - -ms-flex-pack: justify; - justify-content: space-between; - margin-bottom: 10px; - max-width: 470px; - min-width: 290px; - position: relative; - vertical-align: middle; - width: 100%; } - .btn-group > .btn { - box-shadow: none; - -ms-flex: 1; - flex: 1; - position: relative; - float: left; - margin-right: -1px; - margin-bottom: 0; - padding-left: 0; - padding-right: 0; - text-align: center; } - .btn-group:not([data-select-color]) .btn.active:not(:first-child) { - margin-right: -1px; - border-left: 1px solid #d2d2d2 !important; } - .btn-group:not([data-select-color]) .btn[disabled]:not(:first-child) { - border-left: 1px solid #d2d2d2 !important; } - .btn-group:not([data-select-color]) .btn[disabled] + .btn[disabled] { - border-left: 1px solid #ebebeb !important; } - .btn-group:not([data-select-color]) > .btn.active { - border-color: #087ac2 transparent #0568ae; - background-color: #0568ae; - background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); - color: #ffffff; } - .btn-group:not([data-select-color]) > .btn.active:hover { - color: #ffffff; - outline-color: #ffffff !important; - background: #0563a6; - border-color: #0563a6; } - .btn-group:not([data-select-color]) > .btn.active:focus { - color: #ffffff; - outline-color: #ffffff !important; - background: #0563a6; - border-color: #0563a6; } - .btn-group:not([data-select-color]) > .btn.active:active { - color: #ffffff; - outline-color: #ffffff !important; - background: #0563a6; - border-color: #0563a6; } - .btn-group:not([data-select-color]) > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { - border-radius: 0; } - .btn-group:not([data-select-color]) > .btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - .btn-group:not([data-select-color]) > .btn:last-child:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - .btn-group:not([data-select-color]) > .dropdown-toggle:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - .btn-group > .active { - text-decoration: none; - outline: 1px dotted transparent; } - .btn-group > .active:focus { - outline: 1px dotted #ffffff; } - -.btn-group.btn-fullwidth > .btn { - -ms-flex: 1; - flex: 1; } - -.btn-group[data-select-color] { - margin-top: 5px; - box-shadow: none; - -ms-flex-pack: start; - justify-content: flex-start; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - .btn-group[data-select-color] .btn { - border: 1px solid #959595; - border-radius: 4px; - box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15); - margin-right: 10px; - margin-bottom: 10px; - height: 40px; - font-size: 16px; - color: #333333; - max-width: 60px; - min-width: 60px; - -ms-flex: 0; - flex: 0; } - .btn-group[data-select-color] > .btn.active:focus { - outline: 1px dotted #191919; - outline-offset: 4px; } - -button .btn-fill { - background-clip: padding-box; - border: 0; - border-radius: 4px; - bottom: 0; - display: block; - height: auto; - left: 0; - margin: 5px; - position: absolute; - right: 0; - top: 0; - width: auto; } - -button .btn-fill[style*="#fff"] { - border: 1px solid #d2d2d2; } - -[data-select-color] .btn.active { - background: none !important; - outline: 0; - margin-right: 10px; - border-width: 3px; - color: #333333; - line-height: 12px; } - [data-select-color] .btn.active > .btn-fill { - margin: 3px; } - [data-select-color] .btn.active:hover { - color: #333333; } - -[data-select-color] .btn:active { - background: none !important; - outline: 0; - margin-right: 10px; - border-width: 3px; - color: #333333; - line-height: 12px; } - [data-select-color] .btn:active > .btn-fill { - margin: 3px; } - [data-select-color] .btn:active:hover { - color: #333333; } - -.btn-group[data-select-color="orange"] > .btn.active { - border-color: #ea7400; } - -.btn-group[data-select-color="blue"] > .btn.active { - border-color: #0568ae; } - -.btn-group[data-select-color="green"] > .btn.active { - border-color: #007a3e; } - -.btn-spinbutton-toggle.btn-group { - display: block !important; - height: 40px !important; - margin-top: 5px; - max-width: 138px; - min-width: 138px; - white-space: nowrap; } - -.btn-spinbutton-toggle .btn { - border-radius: 6px; - font-weight: normal; - -ms-flex: unset; - flex: unset; - height: 40px; - letter-spacing: normal; - min-width: auto; - padding: 3px 0 0; - text-align: center; - min-width: 46px; - width: 46px; } - -.btn-spinbutton-toggle .btn[data-max-value] { - border-bottom: 1px solid #d2d2d2; - border-top: 1px solid #d2d2d2; - box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.08) inset; - background-color: #fff; - cursor: text; - font-family: "Omnes-ECOMP-W02", Arial; - font-size: 2rem; - font-weight: normal; - padding: 4px 0 0; - text-align: center; - min-width: 46px !important; - width: 46px; } - .btn-spinbutton-toggle .btn[data-max-value]:focus { - border-color: #0568ae; - outline: none; } - .btn-spinbutton-toggle .btn[data-max-value]:focus + .btn { - border-left: 1px solid #0568ae; - transition: border 0.3s linear 0s; } - -.btn-spinbutton-toggle .icon-primary-subtractminimize { - font-size: 30px !important; - color: #0568ae !important; } - -.btn-spinbutton-toggle .icon-primary-add-maximize { - font-size: 30px !important; - color: #0568ae !important; } - -.btn-spinbutton-toggle .btn[disabled].icon-primary-subtractminimize { - background-color: #d2d2d2; - color: #767676 !important; } - -.btn-spinbutton-toggle .btn[disabled].icon-primary-add-maximize { - background-color: #d2d2d2; - color: #767676 !important; } - -.btn-spinbutton-toggle input.btn[disabled] { - background-color: #d2d2d2; - color: #5a5a5a; - cursor: not-allowed; } - -.btn-group.btn-spinbutton-toggle .btn[disabled] + .btn[disabled] { - border-left: 1px solid #f0f0f0 !important; } - -.btn-group.btn-spinbutton-toggle .btn[data-max-value]:focus + .btn:not(:first-child) { - border-left: 1px solid #0568ae !important; } - -@media (max-width: 480px) { - .btn-group:not([data-select-color]) > .btn { - font-size: 1.3rem; - min-width: auto; } } - -.reset-field, -.close { - float: right; - background: none; - width: 34px; - height: 34px; - padding: 0; - overflow: hidden; - display: inline-block; } - -.reset-field { - display: none; } - -.reset-field:before { - font-size: 22px; - color: #5a5a5a; } - -.input-emphasized + .reset-field:before { - font-size: 29px; - color: #5a5a5a; } - -.reset-field:active, -.reset-field:hover, -.reset-field:focus { - display: block !important; } - -button.close { - border: 0; - appearance: none; } - -.corner-button { - box-shadow: 0 -50px 0 0 #f2f2f2 inset; - height: 69px; - /*overflow: hidden;*/ - position: absolute; - right: -35px; - top: -35px; - transform: rotate(45deg); - width: 69px; } - -.corner-button .close:before { - bottom: -7px; - color: #0568ae; - display: block; - font-size: 20px; - height: 50px; - left: -11px; - position: absolute; - width: 50px; } - -.corner-button .close { - float: none; - height: 45px; - margin: 0; - position: absolute; - right: 12px; - top: 45px; - transform: rotate(45deg); - width: 45px; } - -.corner-button .close:focus { - outline: 1px dotted black; } - -.ds2-no-colors .corner-button .close { - border: 1px solid black; } - -.field-group input + .reset-field { - background: none; - height: 36px; - width: 45px; - display: none; - padding: 0; - position: absolute; - right: 0; - top: 0; - box-shadow: none; - border: none; - content: " "; } - -.field-group input[type="search"] + .reset-field, -.field-group input[type="search"] + .btn-search + .reset-field, -.tooltip-onclick input + .reset-field, -.tooltip-onclick input + .icon-primary-tooltip + .reset-field, -.tooltip-onclick textarea + .reset-field, -.tooltip-onclick textarea + .icon-primary-tooltip + .reset-field { - right: 45px; } - -.field-group input[type="search"] + .reset-field:after, -.field-group input[type="search"] + .btn-search + .reset-field:after, -.tooltip-onclick input + .reset-field:after, -.tooltip-onclick input + .icon-primary-tooltip + .reset-field:after, -.tooltip-onclick textarea + .reset-field:after, -.tooltip-onclick textarea + .icon-primary-tooltip + .reset-field:after { - background-color: #d2d2d2; - content: ""; - display: block; - height: 20px; - position: absolute; - right: 0; - top: 8px; - width: 1px; } - -.tooltip-onclick input + .reset-field, -.tooltip-onclick input + .icon-primary-tooltip + .reset-field { - right: 50px !important; } - -.tooltip-onclick textarea + .reset-field, -.tooltip-onclick textarea + .icon-primary-tooltip + .reset-field { - right: 45px !important; - width: 40px; } - -.field-group input.input-emphasized + .reset-field { - width: 45px; - height: 46px; - right: 6px; } - -.field-group input.input-emphasized + .reset-field:after { - top: 14px; } - -.field-group [disabled] + .reset-field { - display: none; } - -.ds2_touchevents .field-group input + .reset-field:focus, -.ds2_touchevents .field-group input:focus + .reset-field, -.ds2_touchevents textarea:focus + .reset-field, -.ds2_touchevents textarea + .reset-field:focus { - display: block; - position: absolute; - right: 0px; - top: 0; - border: none; } - -.ds2_touchevents .field-group input { - padding: 8px 55px 8px 15px; - -webkit-appearance: none; } - -.ds2_touchevents textarea:focus { - padding: 15px 55px 15px 15px; } - -.ds2_touchevents textarea:focus + .reset-field { - border: none; - position: absolute; - right: 6px; - top: 5px; } - -.ds2_touchevents textarea.hasScrollbar:focus { - padding: 15px 35px 15px 15px; } - -.ds2_touchevents textarea.hasScrollbar:focus + .reset-field { - right: 22px; } - -.ds2-no-colors .b2b-tmpl-card-corner-button { - border: none !important; } - -.ds2-no-colors .b2b-tmpl-card-corner-button .close { - border: 1px solid black; - top: 0px !important; - right: 0px !important; } - -.form-row.error .error-msg { - display: block; - font-size: 14px; - line-height: 14px; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - position: relative; - padding-left: 18px; } - -.form-row.error .error-msg:before { - color: #cf2a2a; - font-size: 14px; - left: 0; - line-height: 14px; - position: absolute; - vertical-align: middle; } - -.form-row.error label, -.form-row.error .error-msg, -.form-row.error button.awd-select, -.form-row.error select.awd-select + span, -.form-row.error .checkbox, -.form-row.error .radio, -.form-row.error legend.error, -.form-row.error input { - color: #cf2a2a; } - -.form-row.error .btn-group > .btn, -.form-row.error button.awd-select, -.form-row.error .awd-select-list, -.form-row.error select.awd-select + span, -.form-row.error textarea, -.form-row.error input, -.form-row.error .checkbox .skin, -.form-row.error .radio .skin { - border-color: #cf2a2a !important; } - -.form-row.error .checkbox input:checked:not(:disabled) + .skin { - background-color: #cf2a2a; } - -.form-row.error .radio input:checked + .skin:after { - background-color: #cf2a2a; } - -.error .tooltip-onclick .icon-primary-tooltip.active + .error-msg { - margin-top: -11px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - -.error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext { - margin: 0 0 10px; } - -.error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:before, -.error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:after { - display: none; } - -.error .helpertext { - border-color: #cf2a2a; - /*border-radius:0;*/ } - -.error .helpertext:before { - border-top-color: #cf2a2a; } - -.error .tooltip-onfocus .helpertext { - margin: 14px 0 10px 0; } - -.error [class*="price"], -.error [class*="pricing-"] { - color: #cf2a2a; } - -input:-ms-clear { - display: none; } - -input[type]::-webkit-inner-spin-button, -input[type]::-webkit-outer-spin-button { - -webkit-appearance: none; } - -input[type] { - -moz-appearance: textfield; } - -form { - margin: 0; } - -fieldset { - padding: 0; - margin: 0; - border: 0; } - -label, -legend { - display: inline-block; - font-size: 1.4rem; - font-family: "Omnes-ECOMP-W02-Medium", Arial; } - -legend { - display: block; } - -.error-msg { - display: none; } - -select, -textarea, -input { - border-radius: 6px; - color: #5a5a5a; - display: inline-block; - font-size: 1.6rem; - margin: 0px; - padding: 0 15px 0 15px; - vertical-align: middle; - line-height: normal; } - -select::-webkit-input-placeholder, -textarea::-webkit-input-placeholder, -input::-webkit-input-placeholder { - color: #5a5a5a; - font-family: "Omnes-ECOMP-W02-Italic", Arial; - font-style: normal; - opacity: 1; } - -select:-moz-placeholder, -textarea:-moz-placeholder, -input:-moz-placeholder { - color: #5a5a5a; - font-family: "Omnes-ECOMP-W02-Italic", Arial; - font-style: normal; - opacity: 1; } - -select::-moz-placeholder, -textarea::-moz-placeholder, -input::-moz-placeholder { - color: #5a5a5a; - font-family: "Omnes-ECOMP-W02-Italic", Arial; - font-style: normal; - opacity: 1; } - -select:-ms-input-placeholder, -textarea:-ms-input-placeholder, -input:-ms-input-placeholder { - color: #5a5a5a; - font-family: "Omnes-ECOMP-W02-Italic", Arial; - transition: none; - opacity: 1; } - -select:placeholder, -textarea:placeholder, -input:placeholder { - color: #5a5a5a; - font-family: "Omnes-ECOMP-W02-Italic", Arial; - font-style: normal; - opacity: 1; } - -select:last-child, -textarea:last-child, -input:last-child { - margin-right: 0; } - -input:not([type="button"]) { - height: 36px; } - -input.input-emphasized { - font-size: 1.8rem; - height: 48px; - padding: 13px 20px 13px; } - -input[type="search"]:focus { - padding-right: 88px; } - -input[type="search"] { - padding-right: 40px; - -webkit-appearance: none !important; } - -input[type="search"].input-emphasized { - padding-right: 45px; } - -.btn-search[class*="btn"] { - background-color: transparent; - background-position: 50% 50%; - background-size: 20px; - background-repeat: no-repeat; - border: none; - height: 100%; - margin-left: 0; - margin-top: 0; - min-width: 45px !important; - outline-offset: 0; - padding: 0 !important; - position: absolute; - right: 0; - top: 0; - border-radius: 0 5px 5px 0; - min-width: 44px; - width: 44px; } - -.input-emphasized + .btn-search[class*="btn"], -.input-emphasized + .reset-field + .btn-search[class*="btn"] { - background-size: 26px; - height: 46px; - top: 1px; - outline-offset: -3px; - margin-bottom: 0; - border-radius: 0 5px 5px 0; } - -input[type="search"].input-emphasized + .reset-field { - right: 45px !important; } - -.search-suggestion-wrapper { - position: relative; - margin-bottom: 15px; } - -/*styles from dropdown*/ -.search-suggestion-list { - box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); - border-radius: 0 0 6px 6px; - position: relative; - border: 1px solid #0568ae; - border-top: 0; - padding: 15px 0; - background-color: #f2f2f2; - z-index: 1000; - width: 100%; - max-height: 400px; - overflow-y: auto; } - -.search-suggestion-list:empty { - display: none; } - -.search-suggestion-item { - position: relative; - z-index: -1; - padding: 0 15px; - line-height: 4.0rem; - color: #5a5a5a; } - -.search-suggestion-item a { - text-decoration: none; - color: #5a5a5a; } - -.search-suggestion-item:hover, -.search-suggestion-item:focus { - cursor: pointer; - background-color: #d2d2d2; } - -input[data-provide="datepicker"], -[data-provide="datepicker"]:-moz-placeholder, -[data-provide="datepicker"]:-ms-input-placeholder, -[data-provide="datepicker"]:-webkit-input-placeholder { - color: #0568ae !important; - opacity: 1; - filter: alpha(opacity=100); } - -input[disabled], -input[readonly], -select[disabled], -select[readonly], -textarea[disabled], -textarea[readonly], -i.icon-primary-calendar.disabled, -span.icon-primary-calendar.readonly { - cursor: not-allowed; - background-color: #f2f2f2; - box-shadow: none; } - -i.icon-primary-calendar.disabled input, -span.icon-primary-calendar.readonly input { - color: #959595 !important; } - -textarea { - display: block; - width: 100%; - max-width: 100%; - padding: 15px; } - -textarea.small { - line-height: 20px; } - -textarea + .reset-field { - display: none; } - -textarea::-webkit-input-placeholder { - line-height: .99; } - -textarea:-moz-placeholder { - line-height: .99; } - -textarea::-moz-placeholder { - line-height: .99; } - -textarea:-ms-input-placeholder { - line-height: .99; } - -textarea:placeholder { - line-height: .99; } - -textarea, -input { - background-color: #ffffff; - border: 1px solid #d2d2d2; - -webkit-appearance: none; - box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset; - transition: border .3s linear 0s; - font-family: "Omnes-ECOMP-W02", Arial; } - -textarea:focus, -input:focus { - outline: 0; - border-color: #0568ae; } - -.input-append { - display: table; } - -.input-append > div { - display: table-cell; - width: 1%; } - -.input-append > .field-group { - width: 100%; } - -.row .field-group input[class*="span"] { - float: none; } - -.field-group { - position: relative; - display: inline-block; } - -label + .field-group, -label + .input-append, -label + .row, -label + .row-nowrap, -label + .form-row { - margin-top: 5px; } - -.field-group { - position: relative; - display: block; } - -.field-group input:not([type="button"])[disabled] { - padding-right: 15px; } - -input:invalid, -textarea:invalid, -select:invalid { - outline: none !important; } - -.form-row { - margin-top: 20px; } - -.form-row.nomar { - margin: 0; } - -.row-nowrap.no-flex.form-row > label + br { - margin-bottom: 5px; } - -span.form-row { - display: inline-block; } - -legend + .form-row { - margin-top: 20px; } - -.tooltip-onclick input { - padding-right: 45px; } - -.ds2_touchevents .tooltip-onclick input:focus { - padding-right: 95px; } - -.btn-calendar-icon { - position: absolute; - background-color: transparent !important; - top: 8px; - border: 0 !important; - width: 30px; - right: 15px; } - -.btn-calendar-icon .icon-primary-calendar:before { - position: absolute; - color: #0568ae; } - -.btn-calendar-icon .icon-primary-calendar.disabled { - background-color: #f2f2f2; } - -.btn-calendar-icon .icon-primary-calendar.disabled:before { - color: #959595; } - -span.icon-primary-calendar input { - padding-left: 35px; - color: #0568ae; - transition: border-color 0.3s linear 0s; - box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset; - position: absolute; - top: 0; - left: 0; } - -.faux-input + input.datepicker-input:not([disabled]) { - cursor: pointer; - margin-left: 0; - background-color: #fff; - position: absolute; - left: 0; - top: 0; - z-index: 0; } - -.faux-input { - background-color: transparent !important; - border: 1px solid transparent; - border-radius: 4px; - font-size: 1.6rem; - height: 35px; - left: 0; - line-height: 35px; - margin-bottom: 10px; - margin-right: 6px; - padding: 0 0 0 35px; - position: relative; - text-align: left; - top: 0; - vertical-align: middle; - width: 100%; - z-index: 1; } - -.faux-input:disabled { - cursor: not-allowed; } - -.faux-input:focus + .datepicker-input, -[data-calendar-state="opened"] + .datepicker-input { - border-color: #0568ae; - box-shadow: 2px 3px 2px -2px rgba(5, 116, 172, 0.35) inset; - outline: 0 none; } - -.form-row.error .error-msg { - display: block; - font-size: 14px; - line-height: 14px; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - position: relative; - padding-left: 18px; - margin-top: 10px; } - -.form-row.error .error-msg > .icon-primary-badgealert { - height: 14px; - width: 14px; - position: absolute; - left: 0; - margin-right: 0; } - -.form-row.error .error-msg > .icon-primary-badgealert:before { - color: #cf2a2a; - font-size: 14px; - left: 0; - line-height: 14px; - position: absolute; - vertical-align: middle; } - -.form-row.error label, -.form-row.error .error-msg, -.form-row.error button.awd-select, -.form-row.error select.awd-select + span, -.form-row.error .checkbox, -.form-row.error .radio, -.form-row.error legend.error, -.form-row.error input, -.form-row.error textarea { - color: #cf2a2a; } - -.form-row.error .btn-group > .btn, -.form-row.error button.awd-select, -.form-row.error .awd-select-list, -.form-row.error select.awd-select + span, -.form-row.error textarea, -.form-row.error input, -.form-row.error .checkbox .skin, -.form-row.error .radio .skin { - border-color: #cf2a2a !important; } - -.form-row.error .checkbox input:checked:not(:disabled) + .skin { - background-color: #cf2a2a; } - -.form-row.error .radio input:checked + .skin:after { - background-color: #cf2a2a; } - -.error [class*="price"], -.error [class*="pricing-"] { - color: #cf2a2a; } - -hr, -.hr-or { - display: block; - height: 1px; - margin: 15px 0; - border: none; - background-repeat: repeat-x; - background-color: #959595; - position: relative; } - -hr.dark { - background-color: #959595; } - -hr.lite { - background-color: #d2d2d2; } - -.hr-or:before { - background-color: #fff; - color: #666; - content: " OR "; - display: block; - font-size: 1.4rem; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - height: 16px; - left: 50%; - line-height: 1.6rem; - margin-left: -15px; - margin-top: -8px; - position: absolute; - text-align: center; - top: 50%; - width: 30px; - z-index: 1111; } - -hr.hr-dotted.dark { - background-color: transparent; - 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"); - background-position: bottom; - background-repeat: repeat-x; - background-size: 4px 1px; - width: 100%; } - -hr.hr-dotted.lite { - background-color: transparent; - 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"); } - -hr.is-vertical.dark, -hr.hr-or.dark, -hr.is-vertical.lite, -hr.hr-or.lite { - display: inline-block; - height: auto; - margin: 0 15px; - min-height: 20px; - width: 1px; } - -hr.is-vertical.dark, -hr.hr-or.dark { - background-color: #959595; } - -hr.is-vertical.lite, -hr.hr-or.lite { - background-color: #d2d2d2; } - -.hr-dotted.is-vertical.dark, -.hr-dotted.is-vertical.lite { - background-color: transparent; - background-repeat: repeat-y; - background-size: 1px 4px; - height: auto; - min-height: 20px; - width: 1px; } - -.hr-dotted.is-vertical.dark { - 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"); } - -.hr-dotted.is-vertical.lite { - 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"); } - -.row-nowrap > .span + hr.is-vertical, -.row > .span + hr.is-vertical { - margin: 0 0 0 -20px; } - -@media (max-width: 767px) { - hr, - .hr-or { - margin: 30px 0; } - hr.full { - margin-left: -15px; - margin-right: -15px; } - .hr-or.is-vertical { - min-height: 1px; - height: 1px; - width: 100%; } - .row-nowrap > .span + hr.is-vertical { - margin: 0 0 0 -15px; } - .row > .span + hr.is-vertical { - min-height: 1px; - height: 1px; - width: 100%; - margin: 0; - display: block; } - .row > .span + hr.is-vertical.lite { - 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; - background-size: 4px 1px; - background-repeat: repeat-x; } - .row > .span + hr.is-vertical.dark { - 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; - background-size: 4px 1px; - background-repeat: repeat-x; } } - -hr.bottom-space-only { - margin-top: 0; } - -.hr-nomargin { - margin: 0; } - -.radio { - position: relative; - min-height: 24px; - font-family: "Omnes-ECOMP-W02", Arial; - font-size: 1.6rem; - margin-bottom: 5px; } - .radio input { - -webkit-tap-highlight-color: transparent; - height: 10px; - margin: 6px; - opacity: 0; - outline: none; - position: absolute; - left: 1px; - top: 1px; - width: 10px; } - .radio input:focus + .skin { - border-color: #0568ae; } - .radio input:focus + .skin:before { - content: ""; - height: 34px; - left: -6px; - top: -6px; - outline: 1px dotted #000000; - position: absolute; - width: 34px; } - .radio input + .skin { - border-radius: 100%; } - .radio input:checked + .skin:after { - background-color: #0568ae; - border-radius: 100%; - border: 3px solid #FFFFFF; - content: ""; - display: block; - height: 16px; - position: absolute; - width: 16px; } - .radio input:disabled + .skin { - cursor: not-allowed; - background-color: #d2d2d2; - border-color: #d2d2d2; - color: #666666; } - .radio input:disabled + .skin + span { - cursor: not-allowed; - color: #666666; } - .radio input:disabled:checked + .skin:after { - background-color: #666666; } - .radio input:invalid + .skin { - border: solid 1px #cf2a2a; } - .radio .skin { - background-color: #FFFFFF; - border: 1px solid #d2d2d2; - border-radius: 3px; - display: inline-block; - height: 24px; - left: 0; - position: absolute; - top: 0; - width: 24px; } - .radio span { - display: inline-block; - margin-left: 34px; - margin-top: 0; - position: relative; - top: 3px; } - .radio label { - font-size: 1.6rem; - font-family: "Omnes-ECOMP-W02", Arial; } - -.radio.inline { - display: inline-block; - margin-bottom: 10px; - vertical-align: middle; - margin-right: 10px; } - .radio.inline:last-child { - margin-right: 0; } - -.radio-box { - border: 1px solid #d2d2d2; - border-radius: 8px; } - .radio-box > [role="radio"] label { - padding: 15px 15px 20px 15px; - display: block; - width: 100%; } - .radio-box > [role="radio"] label .skin + span { - top: 2px; } - .radio-box > [role="radio"] + div { - padding: 0 15px 15px 47px; } - .radio-box > [aria-checked="false"] label > input { - top: 15px; - left: 15px; } - .radio-box > [aria-checked="false"] label .skin { - top: 15px; - left: 15px; } - .radio-box > [aria-checked="true"] label > input { - top: 13px; - left: 13px; } - .radio-box > [aria-checked="true"] label .skin { - top: 13px; - left: 13px; } - -.radio-box.active { - border: 3px solid #0568ae; } - .radio-box.active > [role="radio"] label { - padding: 13px 14px 19px 13px; } - -.checkbox { - position: relative; - min-height: 24px; - font-family: "Omnes-ECOMP-W02", Arial; - font-size: 1.6rem; - margin-bottom: 5px; } - .checkbox input { - -webkit-tap-highlight-color: transparent; - height: 10px; - margin: 6px; - opacity: 0; - outline: none; - position: absolute; - left: 1px; - top: 1px; - width: 10px; } - .checkbox input:focus + .skin { - border-color: #0568ae; } - .checkbox input:focus + .skin:before { - content: ""; - height: 34px; - left: -6px; - top: -6px; - outline: 1px dotted #000000; - position: absolute; - width: 34px; } - .checkbox input:checked:not(:disabled) + .skin { - background-color: #0568ae; - border-color: #0568ae; } - .checkbox input:checked:disabled + .skin:after { - color: #5A5A5A; } - .checkbox input:checked + .skin:after { - height: 24px; - width: 24px; - background-color: transparent; - font-size: 23.4px; - color: #FFFFFF; - line-height: 21px; } - .checkbox input:disabled + .skin { - cursor: not-allowed; - background-color: #d2d2d2; - border-color: #d2d2d2; - color: #666666; } - .checkbox input:disabled + .skin + span { - cursor: not-allowed; - color: #666666; } - .checkbox input:invalid + .skin { - border: solid 1px #cf2a2a; } - .checkbox input:indeterminate + .skin:after { - background-color: transparent; - font-size: 25px; - color: #0574ac; - content: "\e920"; } - .checkbox .skin { - background-color: #fff; - border: 1px solid #d2d2d2; - border-radius: 3px; - display: inline-block; - height: 24px; - width: 24px; - position: absolute; - left: 0; - top: 0; } - .checkbox span { - display: inline-block; - margin-left: 34px; - margin-top: 0; - position: relative; - top: 3px; } - .checkbox label { - font-size: 1.6rem; - font-family: "Omnes-ECOMP-W02", Arial; } - .checkbox input { - z-index: 9999; } - .checkbox input.indeterminate + .skin:after { - font-size: 22px; - color: #0568ae; } - -.checkbox.inline { - display: inline-block; - margin-bottom: 10px; - vertical-align: middle; - margin-right: 10px; } - .checkbox.inline:last-child { - margin-right: 0; } - -.checkbox.checkbox-selectall { - margin: 20px 0 0 24px; } - -.terms-after-checkbox { - margin-top: 15px; } - -.indeterminate-margin { - padding-left: 24px; } - -.tiny-accordion { - border-bottom: 1px solid #d2d2d2; } - -.toggle-header, -.inactive-toggle-header { - border-color: #fff; - color: #0568ae; - cursor: pointer; - display: block; - font-size: 2.0rem; - line-height: 2.2rem; - min-height: 41px; - position: relative; - padding: 16px 55px 16px 15px; } - -.toggle-header.opened { - color: #333333; } - -.tiny-accordion .toggle-header, -.tiny-accordion .inactive-toggle-header { - padding: 16px 55px 16px 15px; - border-top: 1px solid #d2d2d2; } - -.tiny-accordion .toggle-header:focus { - text-decoration: underline; } - -.tiny-accordion.iconleft .toggle-header, -.tiny-accordion.iconleft .inactive-toggle-header { - padding: 15px 15px 15px 50px; } - -.accordion-content { - font-size: 1.4rem; } - -.accordion-content .toggle-header:first-child { - margin-top: 16px; } - -.tiny-accordion .toggle-header + .accordion-content { - padding: 0 50px 15px 15px; } - -.tiny-accordion.iconleft .toggle-header + .accordion-content { - padding: 0 15px 15px 50px; } - -.toggle-header .icon-primary-accordion-plus, -.toggle-header .icon-primary-accordion-minus { - display: inline-block; - font-size: 20px; - margin: 0; - padding: 0; - position: absolute; - right: 15px; - vertical-align: middle; - top: 16px; - font-weight: bold; } - -.tiny-accordion.iconleft .toggle-header .icon-primary-accordion-plus, -.tiny-accordion.iconleft .toggle-header .icon-primary-accordion-minus { - left: 15px; } - -.inactive-toggle-header:hover { - cursor: inherit; } - -.tiny-accordion-to-tabs, -.tiny-tabs { - position: relative; - width: 100%; - margin: 0px; - padding: 0px; } - -.tiny-tabs [class*="icon-primary-accordion-"] { - display: none !important; } - -.tiny-accordion-to-tabs:before, -.tiny-accordion-to-tabs:after, -.tiny-tabs:before, -.tiny-tabs:after { - display: table; - content: ""; - line-height: 0; } - -.tiny-accordion-to-tabs:after, -.tiny-tabs:after { - clear: both; } - -.tiny-accordion-to-tabs:before, -.tiny-accordion-to-tabs:after, -.tiny-tabs:before, -.tiny-tabs:after { - display: table; - content: ""; - line-height: 0; } - -.tiny-accordion-to-tabs:after, -.tiny-tabs:after { - clear: both; } - -.tiny-tabs > .toggle-header { - display: inline-block; - float: left; - border-top: none; - overflow: hidden; - height: 70px; - text-align: center; - background-color: #fff; - border-radius: 0px; - padding: 26px 20px 25px 20px !important; - border-top: 1px solid #fff; - -webkit-filter: none; - filter: none; - background-clip: padding-box; - border-bottom: 1px solid #d2d2d2; - font-weight: normal; - border-right: 1px solid #d2d2d2; - white-space: nowrap; } - -.tiny-tabs .toggle-header + div { - left: 0px; - position: absolute; - top: 69px; - border-top: 1px solid #d2d2d2; - padding: 0; - display: block; - border-bottom: none; - width: 100%; } - -.accordion-pad { - padding-top: 30px; - padding-bottom: 30px; } - -.tiny-tabs .opened { - color: #333333; - border-top: 5px solid #0568ae !important; - padding-top: 22px !important; - border-bottom: none; - background-color: #fff; - -webkit-filter: none; - filter: none; - cursor: default; - z-index: 999; } - -.tiny-tabs .toggle-header:focus { - text-decoration: underline; - outline: thin dotted #666; - outline-offset: 0; } - -.tiny-tabs .toggle-header:first-child { - border-left: none; - margin-left: 0; } - -.tiny-tabs .toggle-header:first-child { - border-left: 1px solid #fff; } - -.tiny-tabs .opened:first-child { - border-left: 1px solid #d2d2d2; } - -.tiny-tabs .toggle-header:nth-last-of-type(2) { - border-right-color: #fff; } - -.tiny-tabs .opened:nth-last-of-type(2) { - border-right: 1px solid #d2d2d2; } - -@media (max-width: 767px) { - .tiny-accordion, - .tiny-accordion-to-tabs { - margin-left: -15px; - margin-right: -15px; - width: auto; } - .tiny-accordion-to-tabs { - display: block; - border-bottom: 1px solid #d2d2d2; } - .tiny-accordion-to-tabs .toggle-header { - display: block; - min-height: 41px; - padding: 16px 50px 16px 15px; - border-top: 1px solid #d2d2d2; } - .tiny-accordion-to-tabs .toggle-header:focus { - text-decoration: underline; } - .tiny-accordion-to-tabs .toggle-header + .accordion-content { - padding: 0 50px 15px 15px; } } - -@media (min-width: 768px) { - .tiny-accordion-to-tabs [class*="icon-primary-accordion-"] { - display: none !important; } - .tiny-accordion-to-tabs > .toggle-header { - display: inline-block; - float: left; - border-top: none; - /*overflow: hidden;*/ - height: 70px; - text-align: center; - background-color: #fff; - border-radius: 0px; - padding: 26px 20px 25px 20px !important; - border-top: 1px solid #fff; - -webkit-filter: none; - filter: none; - background-clip: padding-box; - border-bottom: 1px solid #d2d2d2; - font-weight: normal; - border-right: 1px solid #d2d2d2; - white-space: nowrap; } - .tiny-accordion-to-tabs .toggle-header + div { - left: 0px; - position: absolute; - top: 69px; - border-top: 1px solid #d2d2d2; - padding-top: 30px; - padding-left: 20px; - display: block; - border-bottom: none; - width: 100%; } - .tiny-accordion-to-tabs .opened { - color: #333333; - border-top: 5px solid #0568ae !important; - padding-top: 22px !important; - border-bottom: none; - background-color: #fff; - -webkit-filter: none; - filter: none; - cursor: default; - text-decoration: none; - z-index: 999; } - .tiny-accordion-to-tabs .toggle-header:focus { - text-decoration: underline; - outline: thin dotted #666; - outline-offset: 0px; } - .tiny-accordion-to-tabs .toggle-header:nth-last-of-type(2) { - border-right: none; } - .tiny-accordion-to-tabs .toggle-header:first-child { - border-left: none; - margin-left: 0; } - .tiny-accordion-to-tabs .toggle-header:first-child { - border-left: 1px solid #fff; } - .tiny-accordion-to-tabs .opened:first-child { - border-left: 1px solid #d2d2d2; } - .tiny-accordion-to-tabs .opened:nth-last-of-type(2) { - border-right: 1px solid #d2d2d2; } } - -.toggle-header .tooltip .icon-primary-tooltip { - margin-top: -5px; } - -.accordion-content { - transition: all 0.8s linear; } - -.opaque-content { - opacity: 0; } - -.tiny-tabs .toggle-header { - display: inline-block; - float: left; - border-top: none; - overflow: hidden; - height: 70px; - text-align: center; - background-color: #fff; - border-radius: 0px; - padding: 22px 20px 25px 20px !important; - border-top: 5px solid #fff; - -webkit-filter: none; - filter: none; - background-clip: padding-box; - border-bottom: 1px solid #ccc; - font-weight: normal; - border-right: 1px solid #ccc; - white-space: nowrap; } - -.tiny-tabs .toggle-header:first-child { - margin-left: 0; } - -.tiny-tabs div:first-child .toggle-header { - margin-left: 30px; } - -.tiny-tabs > div .toggle-header.opened { - border-bottom: 0 !important; } - -.tiny-accordion-to-tabs > div > div.toggle-header { - background-clip: padding-box; - background-color: #fff; - border-bottom: 1px solid #ccc; - border-radius: 0; - border-top: 5px solid #fff; - display: inline-block; - filter: none; - float: left; - font-weight: normal; - overflow: hidden; - padding: 22px 20px 21px !important; - text-align: center; - white-space: nowrap; } - -.tiny-accordion-to-tabs .toggle-header:first-child { - margin-left: 0; } - -.tiny-accordion-to-tabs div:first-child .toggle-header { - margin-left: 30px; - border-bottom: 0 !important; } - -.tiny-accordion-to-tabs > div .toggle-header.opened { - border-bottom: 0 !important; } - -@media (max-width: 767px) { - .tiny-accordion-to-tabs { - display: block !important; - border-bottom: 1px solid #ccc !important; } - .tiny-accordion-to-tabs > div > div.toggle-header { - display: block !important; - float: none; - text-align: left; - min-height: 41px !important; - padding: 15px 50px 15px 15px !important; - border-top: 1px solid #ccc; } - .tiny-accordion-to-tabs > div > div.toggle-header:first-child { - margin-left: 0 !important; } - .tiny-accordion-to-tabs > div > div.toggle-header + .accordion-content { - padding: 0 50px 15px 15px; } - .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus { - background-position: 0 0; - background-size: 20px 40px; } - .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus { - background-position: 0 -20px; - background-size: 20px 40px; } - .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus, - .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus { - display: inline-block; - height: 20px; - margin: 0; - padding: 0; - position: absolute; - right: 15px; - vertical-align: middle; - width: 20px; } } - -.alert { - background-color: #5a5a5a; - border-radius: 8px; - color: #fff; - margin-top: 15px; - padding: 0; - position: relative; - border: 0; } - -.alert h3, -.alert h4 { - color: #fff; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-size: 1.6rem; - margin: 0 20px 5px 0; } - -.alert div { - padding: 15px 20px; } - -.alert div:first-child { - border-radius: 8px 0 0 8px; - width: 1%; } - -.alert div:first-child + div { - border: 1px solid transparent; - border-left: none; - border-radius: 0 8px 8px 0; } - -.alert-error { - background-color: #cf2a2a; - border: 1px solid #cf2a2a; } - -.alert-info { - background-color: #44c8f5; - border: 1px solid #44c8f5; } - -.alert-success { - background-color: #c5d63d; - border: 1px solid #c5d63d; } - -.alert [class*="icon-primary-"] { - color: #fff; - font-size: 30px; - margin-right: 0; } - -.alert .close { - height: 30px; - position: absolute; - right: 1px; - top: 1px; - width: 30px; } - -.alert .close:before { - color: #fff; - margin-right: 0; - position: absolute; - right: 9px; - top: 9px; } - -.alert a { - color: #fff; - text-decoration: underline; } - -.alert .close:focus { - outline: 1px dotted #666; } - -.alert p { - font-size: 1.4rem; } - -.alert p:last-child { - margin-bottom: 0; } - -.alert .standalone-link i[class*="icon-primary-"] { - font-size: 20px; - margin-right: 5px; } - -@media (max-width: 767px) { - .alert { - border-radius: 0; - margin: 0 -15px; } - .alert + .alert { - margin-top: 4px; } - .alert div { - padding: 15px 10px; } - .alert div:first-child { - border-radius: 0; - padding: 15px; } - .alert h3, - .alert h4 { - font-size: 1.4rem; } - .alert p { - font-size: 1.2rem; } - .alert .close { - right: 5px; - top: 5px; } - .alert .standalone-link i[class*="icon-primary-"] { - font-size: 16px; } } - -.alert h3 { - margin: 0; - font-size: 16px; } - -.alert p { - font-size: 14px; } - -.alert p a { - color: #FFFFFF; - text-decoration: underline; } - -.alert div:first-child + div { - padding-right: 25px; } - -.alert div:last-child { - padding-right: 20px !important; } - -.alert p [class*="icon-primary-"] { - color: #fff; - font-size: 20px; - margin-right: 0; } - -@media (max-width: 767px) { - .alert h3 { - font-size: 14px; } - .alert div:first-child + div { - padding-right: 20px; } - .alert div:last-child { - padding-right: 15px !important; } - .alert div:first-child { - padding: 15px; } - .alert p { - font-size: 12px; } - .alert p [class*="icon-primary-"] { - font-size: 16px; } } - -.b2b-audio { - width: auto; - margin: 10px auto; - height: 35px; } - .b2b-audio .controls-wrapper { - display: inline-block; - font-size: 25px; - cursor: pointer; } - .b2b-audio .controls-wrapper i { - font-size: 25px; - margin-right: 0px; - color: #444; } - .b2b-audio .controls-wrapper i:hover { - color: #0574AC; } - .b2b-audio .seek-bar-container-wrapper { - display: inline-block; - outline: 0; - min-width: 180px; - margin-right: 10px; - margin-left: 10px; - height: 14px; - padding-top: 5px; } - .b2b-audio .seek-bar-container-wrapper .timing-container { - padding-top: 13px; - color: #333; - font-size: 12px; } - .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-left { - float: left; - line-height: 100%; } - .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-right { - float: right; - line-height: 100%; } - .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-spacer { - clear: both; } - .b2b-audio .seek-bar-tooltip { - text-align: center; - min-width: 76px; } - -.b2b-audio-popover { - width: 22px; } - .b2b-audio-popover .volume-popover { - height: 100px !important; - width: 6px !important; - margin: 7px auto; } - .b2b-audio-popover .min-label { - margin-top: 5px; } - -.b2b-audio-native { - width: auto; - height: auto; } - -.b2b-audio-recorder { - border: 1px solid #ccc; - box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.15); - height: 63px; - min-height: 63px; - min-width: 347px; } - .b2b-audio-recorder .b2b-elapsed-time { - margin: 23px 0 24px 15px; - font-size: 16px; - font-style: italic; - color: #767676; } - .b2b-audio-recorder .b2b-controls { - width: 68px; - cursor: pointer; } - .b2b-audio-recorder .b2b-controls i.icoControls-record { - font-size: 64px; - color: black; - float: right; - margin-right: 10px; } - .b2b-audio-recorder .b2b-controls i.icoControls-record:focus, .b2b-audio-recorder .b2b-controls i.icoControls-record:hover { - color: #0568ae; } - .b2b-audio-recorder .b2b-controls i.icoControls-stop { - font-size: 36px; - color: black; - float: right; - margin-right: 20px; - margin-top: 12px; } - .b2b-audio-recorder .b2b-controls i.icoControls-stop:focus, .b2b-audio-recorder .b2b-controls i.icoControls-stop:hover { - color: #0568ae; } - -.b2b-top-btn { - height: 36px; - width: 36px; - border-radius: 7px; } - -.b2b-top-btn > i { - position: absolute; - top: 13px; - left: 9px; - width: 11px; - height: 18px; } - -.b2b-badge { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - background-color: #5A5A5A; - border-radius: 12px; - color: #FFFFFF; - display: inline-block; - font-size: 1.5rem; - font-weight: normal; - height: 20px; - line-height: 0; - margin-top: 0; - min-width: 20px; - padding: 0 5px; - text-align: center; - vertical-align: baseline; } - .b2b-badge:empty { - display: none; } - -* + .b2b-heading-micro { - margin-top: 20px !important; } - -.b2b-heading-micro { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-weight: normal; - text-rendering: optimizeLegibility; - font-size: 1.2rem !important; - text-transform: uppercase !important; - margin-bottom: 20px !important; - line-height: 1.2 !important; } - -.b2b-no-colors .b2b-badge { - border: 1px solid transparent; } - -.btn > .b2b-badge { - margin-right: 5px; } - -a > .b2b-badge { - margin-right: 6px; - padding-top: 10px; } - -.b2b-badge-urgent { - background-color: #cf2a2a; } - -.bellyband-container { - margin: 0 -15px; } - -.bellyband-group { - width: auto; } - -.bellyband-link { - border-top: 1px solid #d2d2d2; } - -.bellyband-link a { - display: block; - height: 40px; - line-height: 40px; - padding: 0 15px; - position: relative; - text-decoration: none; } - -.bellyband-link a:hover > div span, -.bellyband-link a:focus > div span { - text-decoration: underline; } - -.bellyband-link a:after { - color: #666; - font-size: 2.3rem; - height: 20px; - position: absolute; - right: 5px; - top: 12px; - width: 18px; } - -.dark-bg .bellyband-link a:after { - color: white; } - -.bellyband-link img[src$="svg"].hidden-desktop, -.bellyband-link [class*="icon-primary-"].hidden-desktop { - display: inline-block !important; - float: left; - font-size: 24px; - height: 24px; - margin-right: 5px; - margin-top: 8px; - width: 24px; } - -.dark-bg .bellyband-link [class*="icon-primary-"].hidden-desktop, -.dark-bg .bellyband-link [class*="icon-primary-"].visible-desktop { - color: #fff; } - -.bellyband-link img[src$="svg"].visible-desktop { - display: none !important; } - -.bellyband-link p { - margin-top: -10px; - margin-left: 29px; - font-size: 1.4rem; - color: #666; } - -@media (min-width: 481px) and (max-width: 767px) { - .bellyband-container { - display: flex; - margin: 0; } - .bellyband-group { - align-content: flex-start; - align-items: stretch; - display: inline-flex; - flex-direction: column; - flex-wrap: wrap; - margin-top: 1px; - width: 100%; } - .bellyband-group .row { - display: flex !important; } - .bellyband-link { - padding-top: 0; - position: relative; - border-top: none; - margin-bottom: 20px; - width: 50%; } - .bellyband-link a { - height: inherit; - line-height: inherit; - display: flex; - padding: 0; } - .bellyband-link a:after { - display: none; } - .bellyband-link a span { - display: block; - padding-top: 10px; } - .bellyband-link p { - display: block; - padding: 0 15px 0 0; - margin-bottom: 0; - margin-left: 0; - margin-top: 0; } - .bellyband-link a:focus p { - text-decoration: none; } } - -@media (min-width: 768px) { - .bellyband-group { - margin: 0; - max-width: 100%; - display: flex; - flex-wrap: wrap; - justify-content: center; } - .bellyband-group .row { - display: block; } - .bellyband-group .row .span { - float: none; - margin-right: 0; - margin-bottom: 30px; - display: flex; - justify-content: space-between; } - .bellyband-link { - border-top: none; - flex: 0 0 auto; - margin-right: 0; - margin-bottom: 30px; } - .bellyband-link:last-child { - margin-right: 0; } - .bellyband-link a { - height: auto; - line-height: 1; - text-align: center; } - .bellyband-link a:after { - display: none; } - .bellyband-link img[src$="svg"].hidden-desktop, - .bellyband-link [class*="icon-primary-"].hidden-desktop { - display: none !important; } - .bellyband-link img[src$="svg"].visible-desktop, - .bellyband-link [class*="icon-primary-"].visible-desktop { - display: block !important; - font-size: 50px; - height: 50px; - margin-right: 0; - margin-top: 0; - margin-left: auto; - margin-right: auto; - width: auto; } - .bellyband-link a span { - display: block; - margin-top: 12px; - line-height: 2rem; } - .bellyband-link p { - display: block; - text-align: center; - margin-top: 6px; - margin-left: 0; - padding-left: 0 !important; - color: #666; - line-height: 1.8rem; } } - -@media (max-width: 480px) { - .bellyband-link-tall a { - height: auto; - padding: 0 40px 10px 15px; } - .bellyband-link-tall p { - line-height: 1.8rem; - margin-bottom: 0; } - .bellyband-link-tall > a:after { - margin-top: -8px; - top: 50%; } } - -.b2b-boardstrip { - display: inline-block; - width: 100%; - border-bottom: 1px solid #9d9d9d; - position: relative; - padding-top: 15px; } - .b2b-boardstrip .boardstrip-reel { - margin-bottom: 15px; } - .b2b-boardstrip .boardstrip-item--add { - border: 1px dashed #ccc; - background: #FFFFFF; - color: #0574ac; - width: 140px; - height: 80px; - font-size: 14px; - font-family: "Omnes-ECOMP-W02", Arial; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - position: absolute; - left: 29px; - top: 15px; } - .b2b-boardstrip .boardstrip-item--add:hover, .b2b-boardstrip .boardstrip-item--add:focus { - border: 2px solid #007A3E; - cursor: pointer; } - .b2b-boardstrip .boardstrip-item--add i { - font-size: 14px; - margin-left: auto; - margin-right: auto; - text-align: initial; } - .b2b-boardstrip .boardstrip-item--add .centered { - margin-left: auto; - margin-right: auto; - margin-top: 27px; - margin-bottom: 35px; - display: block; } - .b2b-boardstrip .board-viewport { - float: left; - margin-left: 210px; - max-height: 95px; - position: relative; - height: 95px; - overflow: hidden; - width: 0px; } - .b2b-boardstrip .board-viewport .boardstrip-container { - width: 0px; - margin-left: 0; - left: 0px; - position: absolute; - list-style: none; - -webkit-transition: left 1000ms; - transition: left 1000ms; } - .b2b-boardstrip .board-viewport .board-item { - width: 140px; - height: 80px; - border: 1px solid #ccc; - margin: 0 15px 15px 0; - background-color: #FFFFFF; - border-radius: 3px; - float: left; - overflow: hidden; } - .b2b-boardstrip .board-viewport .board-item:hover, .b2b-boardstrip .board-viewport .board-item:focus { - border: 2px solid #007A3E; - background-color: white; - cursor: pointer; } - .b2b-boardstrip .board-viewport .board-item .board-img { - width: 61px; - height: 40px; - margin: 0 auto; } - .b2b-boardstrip .board-viewport .board-item .board-img img { - max-width: 100%; } - .b2b-boardstrip .board-viewport .board-item .title { - text-align: center; - line-height: 16px; - color: #666; - font-size: 14px; - font-family: "Omnes-ECOMP-W02", Arial; - padding: 10px 0; } - .b2b-boardstrip .board-viewport .board-item.selected { - background-color: #FFFFFF; - border: 2px solid #0574ac; } - .b2b-boardstrip .board-viewport .board-item .board-caret { - cursor: default; - outline: 0; - position: absolute; - bottom: 7px; } - .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-indicator { - border-left: 8px solid transparent; - border-right: 8px solid transparent; - border-bottom: 8px solid #999; - width: 0px; - height: 0px; - position: absolute; - left: 61px; - bottom: -7px; } - .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-arrow-up { - width: 0px; - height: 0px; - border-style: solid; - border-width: 0 8px 8px 8px; - border-color: transparent transparent #FFFFFF transparent; - left: 61px; - position: absolute; } - .b2b-boardstrip .arrow { - font-size: 14px; - cursor: pointer; - color: #0574ac; } - .b2b-boardstrip .arrow:hover { - color: #0574ac; } - .b2b-boardstrip .arrow.disabled { - color: #767676 !important; - cursor: not-allowed; } - .b2b-boardstrip .prev-items { - display: inline-block; - margin-top: auto; - margin-bottom: auto; - margin-right: 15px; - position: absolute; - left: 0; - top: 45px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - -o-user-select: none; - user-select: none; } - .b2b-boardstrip .next-items { - display: inline-block; - margin-top: 30px; - margin-bottom: auto; - margin-left: 10px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - -o-user-select: none; - user-select: none; } - .b2b-boardstrip .centered { - display: table-cell; - text-align: center; - vertical-align: middle; } - -.breadcrumb { - padding: 10px 15px; - height: 40px; - list-style: none; - border-bottom: 1px solid #d2d2d2; - font-size: 1.2rem; - width: 100%; - z-index: 1000; } - -.breadcrumb > li { - position: relative; - display: inline-block; - margin-right: 15px; } - -.breadcrumb > li:after { - font-size: 8px; - margin-right: 0; - right: -8px; - color: #333333; } - -.breadcrumb > li:last-child { - color: #333333; } - -.breadcrumb > li:last-child:after { - content: ""; } - -.breadcrumb li > * { - float: none !important; - margin: 0; } - -.breadcrumb { - padding: 10px 15px !important; } - -/* ARROW */ -/* spanish */ -.datepicker { - background-color: #FFFFFF; - padding: 0; - border-radius: 5px; - direction: ltr; } - .datepicker > div { - display: none; } - .datepicker table { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - margin: 0 0 0 0; } - .datepicker td { - text-align: center; - display: block; - width: 30px; - height: 30px; - border: none; } - .datepicker td span { - display: block; - width: 23%; - height: 54px; - line-height: 54px; - float: left; - margin: 1%; - cursor: pointer; - border-radius: 4px; } - .datepicker td span:hover { - background: #eeeeee; } - .datepicker td span.disabled { - background: none; - color: #5A5A5A; - cursor: default; } - .datepicker td span.disabled:hover { - background: none; - color: #5A5A5A; - cursor: default; } - .datepicker td span.active { - color: #FFFFFF; - background-color: #0568ae; - border-color: #357ebd; } - .datepicker td span.active:hover { - color: #FFFFFF; - background-color: #0568ae; - border-color: #357ebd; } - .datepicker td span.active.disabled { - color: #FFFFFF; - background-color: #0568ae; - border-color: #357ebd; } - .datepicker th { - text-align: center; - display: block; - width: 30px; - height: 30px; - border: none; } - .datepicker tbody:focus { - outline: none; } - .datepicker td.day { - background-color: transparent; - color: #0568ae; - cursor: pointer; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-size: 16px; - height: 34px; - line-height: 30rem; - margin: -2px -1px 0 0; - overflow: hidden; - text-align: center; - width: 42px; } - .datepicker:focus { - outline: 1px dotted #191919; - outline-offset: -2px; } - .datepicker th[tabindex]:focus { - outline-offset: -15px; } - .datepicker td.day.focused { - background: #ededed; - cursor: pointer; } - .datepicker td.day.focused.active { - background-color: #ededed; - color: #0568ae; } - .datepicker td.disabled { - font-family: "Omnes-ECOMP-W02", Arial; - color: #5A5A5A; - cursor: default; } - .datepicker td.disabled:hover { - font-family: "Omnes-ECOMP-W02", Arial; - color: #5A5A5A; - cursor: default; } - .datepicker td.disabled:hover .show-date { - font-family: "Omnes-ECOMP-W02", Arial; - color: #5A5A5A; } - .datepicker td.disabled .show-date { - font-family: "Omnes-ECOMP-W02", Arial; - color: #5A5A5A; } - .datepicker td.today { - color: #FFFFFF; - background-color: #0568ae; } - .datepicker td.today:hover { - color: #FFFFFF; - background-color: #0568ae; - color: #FFFFFF; - background-color: #0568ae; } - .datepicker td.today:active { - color: #FFFFFF; - background-color: #0568ae; } - .datepicker td.today:focus { - color: #FFFFFF; - background-color: #0568ae; } - .datepicker td.today.disabled { - color: #FFFFFF; - background-color: #0568ae; } - .datepicker td.today.active { - color: #FFFFFF; - background-color: #0568ae; } - .datepicker td.today.active:hover { - color: #FFFFFF; } - .datepicker td.selected { - color: #FFFFFF; - background-color: #959595; } - .datepicker td.selected:hover { - color: #FFFFFF; - background-color: #959595; } - .datepicker td.selected.disabled { - color: #FFFFFF; - background-color: #959595; } - .datepicker td.active:not(.new) { - color: #FFFFFF; - border-color: #357ebd; } - .datepicker td.active:not(.new) .show-date { - color: #0568ae; - font-family: "Omnes-ECOMP-W02-Medium", Arial; } - .datepicker td.active:hover:not(.new) { - color: #FFFFFF; - border-color: #357ebd; } - .datepicker td.active:hover:not(.new) .show-date { - color: #0568ae; - font-family: "Omnes-ECOMP-W02-Medium", Arial; } - .datepicker .start-date .show-date { - background-color: #0568ae; - color: #FFFFFF !important; - border-radius: 5px 0 0 5px; - z-index: 1; } - .datepicker .start-date .show-date:before { - background-color: #0568ae; - content: ""; - display: block; - height: 26px; - left: 20px; - position: absolute; - width: 100%; - z-index: -1; } - .datepicker .between-date .show-date { - background-color: #0568ae; - color: #FFFFFF !important; } - .datepicker .between-date .show-date:before { - background-color: #0568ae; - content: ""; - display: block; - height: 26px; - left: 0; - position: absolute; - width: 100%; - z-index: -1; } - .datepicker .between-date:first-child .show-date:before { - background-color: #FFFFFF; - content: ""; - height: 26px; - position: absolute; - left: 0; - width: 8px; } - .datepicker .end-date .show-date { - background-color: #0568ae; - color: #FFFFFF !important; - border-radius: 0 5px 5px 0; } - .datepicker .end-date .show-date:before { - background-color: #0568ae; - content: ""; - display: block; - height: 26px; - left: -20px; - position: absolute; - width: 100%; - z-index: -1; } - .datepicker .end-date:first-child .show-date:after { - background-color: #FFFFFF; - content: ""; - height: 26px; - position: absolute; - left: 0; - width: 8px; } - .datepicker .end-date:first-child .show-date::before { - background-color: #FFFFFF; } - .datepicker tr td.start-date:last-child .show-date:after { - background-color: #FFFFFF; - content: ""; - height: 26px; - position: absolute; - right: 0; - width: 8px; } - .datepicker tr td.start-date:last-child:focus .show-date:after { - height: 30px; - width: 30px; - background-color: transparent; } - .datepicker tr td.start-date:first-child:focus .show-date:after { - height: 30px; - width: 30px; - background-color: transparent; } - .datepicker tr td.between-date:last-child .show-date:after { - background-color: #FFFFFF; - content: ""; - height: 26px; - position: absolute; - right: 0; - width: 8px; } - .datepicker tr td.between-date:last-child:focus .show-date:after { - height: 30px; - width: 30px; - background-color: transparent; } - .datepicker tr td.between-date:first-child:focus .show-date:after { - height: 30px; - width: 30px; - background-color: transparent; } - .datepicker tr td.end-date:last-child:focus .show-date:after { - height: 30px; - width: 30px; - background-color: transparent; } - .datepicker tr td.end-date:first-child:focus .show-date:after { - height: 30px; - width: 30px; - background-color: transparent; } - .datepicker th.datepicker-switch { - width: 198px; - font-size: 20px; - font-weight: normal; - cursor: default !important; } - .datepicker thead tr:first-child th { - cursor: pointer; - height: 60px; - line-height: 60px; } - .datepicker thead tr:first-child th.cw { - cursor: default; - background-color: transparent; } - .datepicker tfoot tr th { - cursor: pointer; - height: 60px; - line-height: 60px; - height: auto; - line-height: normal; } - .datepicker tfoot tr th li { - margin-bottom: 5px; } - .datepicker .prev { - color: transparent; - font-size: 0; - margin: 0 -1px -1px 0; - width: 46px; } - .datepicker .prev i { - color: #0568ae; - position: absolute; - font-size: 27px; - margin: 0; - top: 15px; - left: 8px; } - .datepicker .next { - color: transparent; - font-size: 0; - margin: 0 -1px -1px 0; - width: 46px; } - .datepicker .next i { - color: #0568ae; - position: absolute; - font-size: 27px; - margin: 0; - top: 15px; - right: 8px; } - .datepicker .cw { - font-size: 10px; - width: 12px; - padding: 0 2px 0 5px; - vertical-align: middle; } - .datepicker .due-date .show-date { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - background-color: #cf2a2a; - border-radius: 5px; - color: #FFFFFF !important; } - .datepicker .day.active .show-date:after { - border: 2px solid #0568ae; - border-radius: 7px; - content: ""; - display: block; - height: 30px; - left: 4px; - position: absolute; - top: 0; - width: 30px; } - .datepicker .day:focus .show-date:after { - border: 2px solid #0568ae; - border-radius: 7px; - content: ""; - display: block; - height: 30px; - left: 4px; - position: absolute; - top: 0; - width: 30px; - height: 30px; - left: 4px; - top: 0; - width: 30px; } - .datepicker .due-date.disabled .show-date:after { - border: 2px solid #0568ae; - border-radius: 7px; - content: ""; - display: block; - height: 30px; - left: 4px; - position: absolute; - top: 0; - width: 30px; } - .datepicker .day.due-date:focus .show-date:after { - height: 30px; - left: 4px; - top: 0; - width: 30px; } - .datepicker .due-date.old:after { - visibility: hidden; } - .datepicker .due-date.new:after { - visibility: hidden; } - .datepicker .due-date.active:after { - border-color: #FFFFFF; } - .datepicker .due-date.active.focused { - color: #0568ae !important; } - .datepicker .due-date.active.focused:after { - border-color: #cf2a2a !important; } - .datepicker .dow { - height: 24px; - width: 42px; - font-weight: normal; - position: relative; - overflow: hidden; - color: transparent; - letter-spacing: -6px; - margin: 0 -1px -1px 0; } - .datepicker .dow span[aria-hidden="true"] { - bottom: 0; - color: #5A5A5A; - display: block; - left: 1px; - letter-spacing: 0; - line-height: .9; - margin: 0 auto; - padding: 0; - position: relative; - width: 22px; } - .datepicker .calendar-legend { - margin-top: 3px; - margin-bottom: 20px; } - .datepicker .calendar-legend li { - font-size: 1.4rem; - font-weight: normal; - margin-bottom: 5px; - padding-left: 10px; - padding-top: 5px; - position: relative; } - .datepicker i.legend-due-date { - background-color: #cf2a2a; - border-radius: 5px; - height: 18px; - width: 18px; - margin-right: 8px; - vertical-align: middle; - display: inline-block; } - .datepicker i.legend-selected-date { - background-color: #FFFFFF; - border: 2px solid #0568ae; - border-radius: 5px; - height: 18px; - width: 18px; - margin-right: 8px; - vertical-align: middle; - display: inline-block; } - .datepicker i.legend-selectedisdue { - background-color: #FFFFFF; - border: 2px solid #0568ae; - border-radius: 5px; - display: inline-block; - height: 18px; - margin-right: 8px; - position: relative; - vertical-align: middle; - width: 18px; } - .datepicker i.legend-selectedisdue:after { - background-color: #cf2a2a; - border-radius: 3px; - content: ""; - display: block; - height: 10px; - left: 2px; - position: absolute; - top: 2px; - width: 10px; } - .datepicker .text-left { - width: 100%; } - .datepicker .active.old { - background-color: #ededed !important; - color: #ededed !important; } - -.datepicker-inline { - width: 220px; } - -.datepicker.datepicker-rtl { - direction: rtl; } - .datepicker.datepicker-rtl td span { - float: right; } - -.datepicker-dropdown { - top: 0; - left: 0; } - .datepicker-dropdown:before { - content: " "; - display: inline-block; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-bottom: 10px solid #d2d2d2; - border-top: 0; - border-bottom-color: rgba(0, 0, 0, 0.2); - position: absolute; } - .datepicker-dropdown:after { - content: " "; - display: inline-block; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-bottom: 10px solid #fff; - border-top: 0; - position: absolute; } - -.datepicker-dropdown.datepicker-orient-left:before { - left: 16px; } - -.datepicker-dropdown.datepicker-orient-left:after { - left: 16px; } - -.datepicker-dropdown.datepicker-orient-right:before { - right: 16px; } - -.datepicker-dropdown.datepicker-orient-right:after { - right: 16px; } - -.datepicker-dropdown.datepicker-orient-top:before { - top: -10px; } - -.datepicker-dropdown.datepicker-orient-top:after { - top: -9px; } - -.datepicker-dropdown.datepicker-orient-bottom:before { - bottom: -7px; - border-bottom: 0; - border-top: 7px solid #959595; } - -.datepicker-dropdown.datepicker-orient-bottom:after { - bottom: -6px; - border-bottom: 0; - border-top: 6px solid #fff; } - -.datepicker.days div.datepicker-days { - display: block; } - -.datepicker.months div.datepicker-months { - display: block; } - -.datepicker.years div.datepicker-years { - display: block; } - -.show-date { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - color: #0568ae; - height: 26px; - line-height: 26px; - margin: 4px auto 0; - width: 26px; } - -.input-group.date .input-group-addon i { - cursor: pointer; - width: 16px; - height: 16px; } - -.datepicker.dropdown-menu { - box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7); - position: absolute; - top: 100%; - left: 0; - float: left; - display: none; - margin-top: 13px; - width: 290px; - list-style: none; - background-color: #FFFFFF; - border: 1px solid #d2d2d2; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 5px; - color: #333333; - font-size: 13px; - line-height: 1.428571429; - z-index: 1050; } - .datepicker.dropdown-menu th { - display: block; - float: left; - padding: 0; - position: relative; } - .datepicker.dropdown-menu td { - display: block; - float: left; - padding: 0; - position: relative; } - -.s { - display: block; - height: 20px; - width: 12px; - margin: 0 auto; - background-color: #FFFFFF; - background-repeat: no-repeat; - background-position: -62px 0; } - -.m { - display: block; - height: 20px; - width: 12px; - margin: 0 auto; - background-color: #FFFFFF; - background-repeat: no-repeat; - background-position: -5px 0; } - -.t { - display: block; - height: 20px; - width: 12px; - margin: 0 auto; - background-color: #FFFFFF; - background-repeat: no-repeat; - background-position: -19px 0; } - -.w { - display: block; - height: 20px; - width: 12px; - margin: 0 auto; - background-color: #FFFFFF; - background-repeat: no-repeat; - background-position: -34px 0; } - -.f { - display: block; - height: 20px; - width: 12px; - margin: 0 auto; - background-color: #FFFFFF; - background-repeat: no-repeat; - background-position: -49px 0; } - -.d { - display: block; - height: 20px; - width: 12px; - margin: 0 auto; - background-color: #FFFFFF; - background-repeat: no-repeat; - background-position: 0 0; } - -.l { - display: block; - height: 20px; - width: 12px; - margin: 0 auto; - background-color: #FFFFFF; - background-repeat: no-repeat; - background-position: 0 0; } - -.v { - display: block; - height: 20px; - width: 12px; - margin: 0 auto; - background-color: #FFFFFF; - background-repeat: no-repeat; - background-position: 0 0; } - -.j { - display: block; - height: 20px; - width: 12px; - margin: 0 auto; - background-color: #FFFFFF; - background-repeat: no-repeat; - background-position: 0 0; } - -.b2b-coachmark-label { - z-index: 1060; - opacity: 1; - cursor: not-allowed; - position: relative; } - -.b2b-coachmark-highlight { - border: 1px solid #d3d3d3; - cursor: default; - z-index: 1045; - opacity: 1; - background-color: #ffffff; - border-radius: 10px; - position: relative; - box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25); - padding: 10px; - position: absolute; } - -.b2b-coachmark-highlight-mask { - z-index: 1100; - opacity: .1; } - -.b2b-coachmark-container { - border: 1px solid #cccccc; - width: 316px; - pointer-events: auto; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - font-size: 16px; - -webkit-transition: opacity .2s ease-out; - -moz-transition: opacity .2s ease-out; - transition: opacity .2s ease-out; - background: #fff; - border-radius: 20px; - box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.15); - color: #333; - line-height: 20px; - position: absolute; - top: 50px; - left: -97px; - display: block; - background-color: #ffffff; - z-index: 1050; - opacity: 1; } - .b2b-coachmark-container i.b2b-coachmark-caret { - position: absolute; - top: -12px; - left: 47%; - opacity: 1; - z-index: 1050; } - .b2b-coachmark-container i.b2b-coachmark-caret:before { - content: ""; - border-left: 12px solid transparent; - border-right: 12px solid transparent; - border-bottom: 12px solid #d3d3d3; - position: absolute; - top: -1px; } - .b2b-coachmark-container i.b2b-coachmark-caret:after { - content: ""; - border-left: 12px solid transparent; - border-right: 12px solid transparent; - border-bottom: 12px solid #fff; - position: absolute; } - .b2b-coachmark-container .b2b-coachmark-header { - position: relative; - height: 47px; - overflow: hidden; } - .b2b-coachmark-container .b2b-coachmark-header .corner-button { - box-shadow: 0 -24px 0 0 #f2f2f2 inset; - height: 69px; - position: absolute; - right: -33px; - top: -38px; - transform: rotate(45deg); - width: 69px; } - .b2b-coachmark-container .b2b-coachmark-countlabel { - font-size: 12px; - font-family: "Omnes-ECOMP-W02", Arial; - color: #333333; - margin-left: 20px; - margin-top: 20px; } - .b2b-coachmark-container .b2b-coachmark-content { - padding: 0px 20px 20px 20px; - float: left; } - .b2b-coachmark-container .b2b-coachmark-content .icon-misc-dimmer { - font-size: 32px; - float: left; - margin-right: 10px; - width: 32px; } - .b2b-coachmark-container .b2b-coachmark-content .offscreen-text { - position: absolute; - left: -10000px; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; } - .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-content-header { - font-size: 16px; - color: #333333; - line-height: 18px; - float: left; - width: 220px; } - .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-description { - font-size: 14px; - line-height: 18px; - color: #333333; - width: 100%; - float: left; - margin-top: 15px; } - .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group { - margin-top: 20px; - float: left; - text-align: right; - width: 100%; } - .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group .b2b-coachmark-link { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-size: 15px; - color: #0574ac; - line-height: 18px; - margin-right: 20px; } - .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group button { - font-size: 15px; - margin: 0px; } - -.datepicker { - background-color: #fff; - padding: 0; - border-radius: 5px; - direction: ltr; } - -.datepicker-inline { - width: 220px; } - -.datepicker.datepicker-rtl { - direction: rtl; } - -.datepicker.datepicker-rtl td span { - float: right; } - -.datepicker-dropdown { - top: 0; - left: 0; } - -/* ARROW */ -.datepicker-dropdown:before { - content: " "; - display: inline-block; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-bottom: 10px solid #d2d2d2; - border-top: 0; - border-bottom-color: rgba(0, 0, 0, 0.2); - position: absolute; } - -.datepicker-dropdown:after { - content: " "; - display: inline-block; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-bottom: 10px solid #fff; - border-top: 0; - position: absolute; } - -.datepicker-dropdown.datepicker-orient-left:before, -.datepicker-dropdown.datepicker-orient-left:after { - left: 255px; } - -.datepicker-dropdown.datepicker-orient-right:before, -.datepicker-dropdown.datepicker-orient-right:after { - right: 16px; } - -.datepicker-dropdown.datepicker-orient-top:before { - top: -10px; } - -.datepicker-dropdown.datepicker-orient-top:after { - top: -9px; } - -.datepicker-dropdown.datepicker-orient-bottom:before { - bottom: -7px; - border-bottom: 0; - border-top: 7px solid #959595; } - -.datepicker-dropdown.datepicker-orient-bottom:after { - bottom: -6px; - border-bottom: 0; - border-top: 6px solid #fff; } - -.datepicker > div { - display: none; } - -.datepicker.days div.datepicker-days { - display: block; } - -.datepicker.months div.datepicker-months { - display: block; } - -.datepicker.years div.datepicker-years { - display: block; } - -.datepicker table { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - margin: 0 0 0 0; } - -.datepicker td, -.datepicker th { - text-align: center; - display: block; - width: 30px; - height: 30px; - border: none; } - -.datepicker tbody :focus { - outline: none; } - -.datepicker td.day { - background-color: transparent; - color: #0568ae; - cursor: pointer; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-size: 16px; - height: 34px; - line-height: 30rem; - margin: -2px -1px 0 0; - overflow: hidden; - text-align: center; - width: 42px; } - -.datepicker :focus { - outline: 1px dotted #000; - outline-offset: -2px; } - -.datepicker td.day.focused { - background: #ededed; - cursor: pointer; } - -.datepicker td.day.focused.active { - background-color: #ededed; - color: #0568ae; } - -.datepicker td.disabled, -.datepicker td.disabled:hover { - font-family: "Omnes-ECOMP-W02", Arial; - color: #5a5a5a; - cursor: default; } - -.datepicker td.today, -.datepicker td.today:hover, -.datepicker td.today.disabled { - color: #fff; - background-color: #0568ae; } - -.datepicker td.today.active, -.datepicker td.today:active, -.datepicker td.today:hover, -.datepicker td.today:focus { - color: #fff; - background-color: #0568ae; } - -.datepicker td.today.active:hover { - color: #fff; } - -.datepicker td.selected, -.datepicker td.selected:hover, -.datepicker td.selected.disabled { - color: #ffffff; - background-color: #959595; } - -.datepicker td.active:not(.new), -.datepicker td.active:hover:not(.new) { - color: #ffffff; - border-color: #357ebd; } - -.show-date { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - color: #0568ae; - height: 26px; - line-height: 26px; - margin: 4px auto 0; - width: 26px; } - -.datepicker .start-date .show-date, -.datepicker .between-date .show-date, -.datepicker .end-date .show-date { - background-color: #0568ae; - color: #fff !important; } - -.datepicker .start-date .show-date { - border-radius: 5px 0 0 5px; - z-index: 1; } - -.datepicker .start-date .show-date:before { - background-color: #0568ae; - content: ""; - display: block; - height: 26px; - left: 20px; - position: absolute; - width: 100%; - z-index: -1; } - -.datepicker .between-date .show-date:before { - background-color: #0568ae; - content: ""; - display: block; - height: 26px; - left: 0; - position: absolute; - width: 100%; - z-index: -1; } - -.datepicker .end-date .show-date { - border-radius: 0 5px 5px 0; } - -.datepicker .end-date .show-date:before { - background-color: #0568ae; - content: ""; - display: block; - height: 26px; - left: -20px; - position: absolute; - width: 100%; - z-index: -1; } - -.datepicker .between-date:first-child .show-date:before { - background-color: #fff; - content: ""; - height: 26px; - position: absolute; - left: 0; - width: 8px; } - -.datepicker .end-date:first-child .show-date:after { - background-color: #fff; - content: ""; - height: 26px; - position: absolute; - left: 0; - width: 8px; } - -.datepicker .end-date:first-child .show-date::before { - background-color: #fff; } - -.datepicker tr td.start-date:last-child .show-date:after, -.datepicker tr td.between-date:last-child .show-date:after { - background-color: #fff; - content: ""; - height: 26px; - position: absolute; - right: 0; - width: 8px; } - -.datepicker tr td.start-date:last-child:focus .show-date:after, -.datepicker tr td.end-date:last-child:focus .show-date:after, -.datepicker tr td.between-date:last-child:focus .show-date:after, -.datepicker tr td.start-date:first-child:focus .show-date:after, -.datepicker tr td.end-date:first-child:focus .show-date:after, -.datepicker tr td.between-date:first-child:focus .show-date:after { - height: 30px; - width: 30px; - background-color: transparent; } - -.datepicker td.active:not(.new) .show-date, -.datepicker td.active:hover:not(.new) .show-date { - color: #0568ae; - font-family: "Omnes-ECOMP-W02-Medium", Arial; } - -.datepicker td.disabled .show-date, -.datepicker td.disabled:hover .show-date { - font-family: "Omnes-ECOMP-W02", Arial; - color: #5a5a5a; } - -.datepicker td span { - display: block; - width: 23%; - height: 54px; - line-height: 54px; - float: left; - margin: 1%; - cursor: pointer; - border-radius: 4px; } - -.datepicker td span:hover { - background: #eeeeee; } - -.datepicker td span.disabled, -.datepicker td span.disabled:hover { - background: none; - color: #5a5a5a; - cursor: default; } - -.datepicker td span.active, -.datepicker td span.active:hover, -.datepicker td span.active.disabled { - color: #ffffff; - background-color: #0568ae; - border-color: #357ebd; } - -.datepicker th.datepicker-switch { - width: 198px; - font-size: 20px; - font-weight: normal; - cursor: default !important; } - -.datepicker thead tr:first-child th, -.datepicker tfoot tr th { - cursor: pointer; - height: 60px; - line-height: 60px; } - -.datepicker tfoot tr th { - height: auto; - line-height: normal; } - -.datepicker tfoot tr th li { - margin-bottom: 5px; } - -.datepicker .prev, -.datepicker .next { - color: transparent; - font-size: 0; - margin: 0 -1px -1px 0; - width: 46px; } - -.datepicker .prev i, -.datepicker .next i { - color: #0568ae; - position: absolute; - font-size: 27px; - margin: 0; - top: 15px; } - -.datepicker .prev i { - left: 8px; } - -.datepicker .next i { - right: 8px; } - -.datepicker .cw { - font-size: 10px; - width: 12px; - padding: 0 2px 0 5px; - vertical-align: middle; } - -.datepicker thead tr:first-child th.cw { - cursor: default; - background-color: transparent; } - -.input-group.date .input-group-addon i { - cursor: pointer; - width: 16px; - height: 16px; } - -.datepicker.dropdown-menu { - box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7); - position: absolute; - top: 100%; - left: 0; - float: left; - display: none; - margin-top: 13px; - width: 290px; - list-style: none; - background-color: #ffffff; - border: 1px solid #d2d2d2; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 5px; - color: #333333; - font-size: 13px; - line-height: 1.428571429; - z-index: 1050; } - -.datepicker.dropdown-menu th, -.datepicker.dropdown-menu td { - display: block; - float: left; - padding: 0; - position: relative; } - -.datepicker .due-date .show-date { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - background-color: #cf2a2a; - border-radius: 5px; - color: #fff !important; } - -.datepicker .day.active .show-date:after, -.datepicker .day:focus .show-date:after, -.datepicker .due-date.disabled .show-date:after { - border: 2px solid #0568ae; - border-radius: 7px; - content: ""; - display: block; - height: 30px; - left: 4px; - position: absolute; - top: 0; - width: 30px; } - -.datepicker .day:focus .show-date:after { - height: 30px; - left: 4px; - top: 0; - width: 30px; } - -.datepicker .day.due-date:focus .show-date:after { - height: 30px; - left: 4px; - top: 0; - width: 30px; } - -.datepicker .due-date.old:after, -.datepicker .due-date.new:after { - visibility: hidden; } - -.datepicker .due-date.active:after { - border-color: #fff; } - -.datepicker .due-date.active.focused { - color: #0568ae !important; } - -.datepicker .due-date.active.focused:after { - border-color: #cf2a2a !important; } - -.datepicker .dow { - height: 24px; - width: 42px; - font-weight: normal; - position: relative; - overflow: hidden; - color: transparent; - letter-spacing: -6px; - margin: 0 -1px -1px 0; } - -.datepicker .dow span[aria-hidden="true"] { - bottom: 0; - color: #5a5a5a; - display: block; - left: 1px; - letter-spacing: 0; - line-height: .9; - margin: 0 auto; - padding: 0; - position: relative; - width: 22px; } - -.datepicker .calendar-legend { - margin-top: 3px; - margin-bottom: 20px; } - -.datepicker .calendar-legend li { - font-size: 1.4rem; - font-weight: normal; - margin-bottom: 5px; - padding-left: 10px; - padding-top: 5px; - position: relative; } - -.datepicker i.legend-due-date { - background-color: #cf2a2a; - border-radius: 5px; - height: 18px; - width: 18px; - margin-right: 8px; - vertical-align: middle; - display: inline-block; } - -.datepicker i.legend-selected-date { - background-color: #fff; - border: 2px solid #0568ae; - border-radius: 5px; - height: 18px; - width: 18px; - margin-right: 8px; - vertical-align: middle; - display: inline-block; } - -.datepicker i.legend-selectedisdue { - background-color: #fff; - border: 2px solid #0568ae; - border-radius: 5px; - display: inline-block; - height: 18px; - margin-right: 8px; - position: relative; - vertical-align: middle; - width: 18px; } - -.datepicker i.legend-selectedisdue:after { - background-color: #cf2a2a; - border-radius: 3px; - content: ""; - display: block; - height: 10px; - left: 2px; - position: absolute; - top: 2px; - width: 10px; } - -.datepicker .text-left { - width: 100%; } - -.datepicker .active.old { - background-color: #ededed !important; - color: #ededed !important; } - -.s, -.m, -.t, -.w, -.f, -.d, -.l, -.v, -.j { - display: block; - height: 20px; - width: 12px; - margin: 0 auto; - background-color: white; - background-repeat: no-repeat; } - -.s { - background-position: -62px 0; } - -.m { - background-position: -5px 0; } - -.t { - background-position: -19px 0; } - -.w { - background-position: -34px 0; } - -.f { - background-position: -49px 0; } - -/* spanish */ -.d { - background-position: 0 0; } - -.l { - background-position: 0 0; } - -.v { - background-position: 0 0; } - -.j { - background-position: 0 0; } - -.datepicker-container { - position: relative; } - -.btn-calendar-icon:focus .icon-primary-calendar { - outline: 1px dotted #191919; } - -.btn-calendar-icon:focus { - outline: none; } - -/* remove focus outline when dropdown is opened */ -/*resolve blue focus outline over dropdown with error*/ -select { - margin-right: -1; - max-width: 100%; - height: 36px; - line-height: 25px; - width: auto; - background-color: #FFFFFF; } - -.selectWrap.disabled .icon-primary-down { - color: #767676; } - -.selectWrap.disabled input.awd-select { - z-index: 0; - padding: 10px 45px 10px 15px; - text-indent: 0; } - -.selectWrap.disabled button.awd-select { - z-index: 0; - text-indent: 15px; } - -.selectWrap.disabled:after { - color: #5A5A5A; - cursor: not-allowed; } - -input.awd-select { - background-color: transparent; - border: 1px solid #d2d2d2; - border-radius: 6px; - box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15); - color: #333333; - display: block; - font-family: "Omnes-ECOMP-W02", Arial; - /*font-size: 1.6rem;*/ - height: 36px; - line-height: 0; - margin-bottom: 0; - position: relative; - text-align: left; - top: 0; - width: 100%; - z-index: 10; - padding: 12px 45px 8px 15px; - user-select: none; } - input.awd-select:focus { - border-color: #0568ae !important; - text-overflow: ellipsis; - padding-right: 45px; } - -button.awd-select { - background-color: transparent; - border: 1px solid #d2d2d2; - border-radius: 6px; - box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15); - color: #333333; - display: block; - font-family: "Omnes-ECOMP-W02", Arial; - /*font-size: 1.6rem;*/ - height: 36px; - line-height: 36px; - margin-bottom: 0; - position: relative; - text-align: left; - top: 0; - width: 100%; - z-index: 10; } - button.awd-select:not(.large) { - text-indent: 15px; - white-space: nowrap; - overflow: hidden; - text-overflow: clip; - text-overflow: ellipsis; } - button.awd-select img { - height: 26px; - margin-right: 7px; - margin-top: -10px; - position: relative; - top: 2px; - vertical-align: text-bottom; } - button.awd-select:focus { - border-color: #0568ae !important; } - button.awd-select i { - font-size: 23px; - position: absolute; - right: 33px; - top: 5px; - z-index: 1000; } - -button.awd-select.large { - align-items: center; - display: flex; - height: 60px; - line-height: 20px; - overflow: hidden; - padding-left: 70px; - vertical-align: middle; } - button.awd-select.large img { - height: 40px; - left: 20px; - position: absolute; - top: 20px; - width: 40px; } - -.selectWrap.large { - height: 60px; } - .selectWrap.large .awd-select-list-item { - align-items: center; - display: flex; - height: 60px; - line-height: 20px; - overflow: hidden; - padding-left: 70px; - vertical-align: middle; } - .selectWrap.large .awd-select-list-item img { - height: 40px; - left: 20px; - position: absolute; - top: 20px; - width: 40px; - top: 10px; } - -button.awd-select.active { - border-radius: 6px 6px 0 0; } - button.awd-select.active:focus { - border-color: #d2d2d2 !important; } - -input.awd-select.active { - border-radius: 6px 6px 0 0; } - input.awd-select.active:focus { - border-color: #d2d2d2 !important; } - -.selectWrapper { - position: relative; } - -span.selectWrap input[readonly]:focus { - color: transparent; - text-shadow: 0 0 0 #000; } - -.isIE.ds2-no-colors .awd-select:focus { - outline: 1px dashed transparent; } - -.awd-select-list { - box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); - border-radius: 0 0 6px 6px; - position: absolute; - border: 1px solid #d2d2d2; - border-top: 0; - padding: 0; - background-color: #f2f2f2; - z-index: 1000; - width: 100%; - max-height: 320px; - overflow-y: auto; } - -.awd-select-list-item { - cursor: pointer; - height: 100%; - min-height: 36px; - line-height: 20px; - overflow: hidden; - padding: 8px 15px; - position: relative; - z-index: 1000; } - .awd-select-list-item:hover { - cursor: pointer; - background-color: #d2d2d2; - outline: 1px dashed transparent; } - .awd-select-list-item:focus { - cursor: pointer; - background-color: #d2d2d2; - outline: 1px dashed transparent; } - .awd-select-list-item img { - margin-top: 0; - margin-right: 7px; - height: 26px; - width: 26px; } - -.selectWrap { - border-radius: 6px; - position: relative; - height: 36px; - line-height: 28px; - display: block; - margin: 0; - background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%); - background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); } - .selectWrap:not(.large) .awd-select-list-item:first-child { - margin-top: 15px; } - .selectWrap:not(.large) .awd-select-list-item:last-child { - margin-bottom: 15px; } - .selectWrap .icon-primary-down { - font-size: 23px; - margin-top: -11px; - position: absolute; - right: 4px; - top: 50%; } - .selectWrap + [aria-expanded="true"] { - padding-bottom: 9px; - padding-top: 20px; } - -.awd-select-list-item[data-hover="true"] { - background-color: #d2d2d2; } - -span input.awd-select { - width: 100%; - cursor: pointer; - text-overflow: ellipsis; - padding-right: 45px; } - -li.optgroup-wrapper { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - cursor: default !important; - padding: 0px 15px; } - li.optgroup-wrapper:first-child { - padding-top: 10px; } - li.optgroup-wrapper:hover { - background-color: #f2f2f2; } - -ul.optgroup { - font-family: "Omnes-ECOMP-W02", Arial; - cursor: pointer !important; - margin: 0 -15px; } - ul.optgroup li { - padding: 0 0 0 33px; } - -label + .selectWrap { - margin-top: 4px; } - -.selectorModule { - border-radius: 6px; - position: relative; - height: 36px; - line-height: 28px; - display: block; - margin: 0; - background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%); - background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); } - -.group .selectWrap { - margin: 0 0 10px 0; } - -select.awd-select { - position: relative; - top: 0; - left: 0; - font-size: 16px; - z-index: 1010; - height: 33px; - min-width: 100%; - opacity: 0.01; } - select.awd-select > optgroup { - padding-left: 8px; - font-style: normal; - margin-top: 10px; } - select.awd-select > optgroup:first-child { - margin-top: 0; } - select.awd-select > optgroup > option { - padding-left: 8px; } - select.awd-select > option { - padding-left: 8px; } - select.awd-select + span { - background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%); - background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); - position: absolute; - top: 0; - left: 0; - z-index: 0; - display: block; - border: 1px solid #d2d2d2; - border-radius: 6px; - height: 35px; - line-height: 0; - padding: 18px 45px 15px 15px; - width: 100%; - font-size: 1.6rem; - padding-right: 45px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; } - select.awd-select + span > i { - font-size: 23px; - position: absolute; - right: 33px; - top: 5px; - z-index: 1000; } - select.awd-select + span > i:before { - left: 1px; - position: absolute; - top: -1px; } - select.awd-select:focus + span { - border-color: #0568ae; } - -.isIE select.awd-select + span { - line-height: 1; } - -[data-default-option="true"] { - color: #767676 !important; - font-family: "Omnes-ECOMP-W02-Italic", Arial; } - -.placeholdercolor { - color: #767676 !important; - font-family: "Omnes-ECOMP-W02-Italic", Arial; } - -.filterTank button.awd-select { - border-color: #d2d2d2; - background-color: #333333; - color: #FFFFFF; - color: #333333; } - .filterTank button.awd-select:after { - background-color: #FFFFFF !important; - border-color: #d2d2d2; } - -.utility-bg button.awd-select { - border-color: #d2d2d2; - background-color: #333333; - color: #FFFFFF; - color: #333333; } - .utility-bg button.awd-select:after { - background-color: #FFFFFF !important; - border-color: #d2d2d2; } - -.utility-bg select.awd-select + span { - border-color: #d2d2d2; - border-color: #d2d2d2; - background-color: #333333; - background-color: #333333; - color: #FFFFFF; - color: #FFFFFF; } - .utility-bg select.awd-select + span:after { - background-color: #FFFFFF !important; - background-color: #FFFFFF !important; - border-color: #d2d2d2; - border-color: #d2d2d2; } - -.utility-bg select.awd-select:focus + span { - border-color: #d2d2d2; - border-color: #d2d2d2; - background-color: #333333; - background-color: #333333; - color: #FFFFFF; - color: #FFFFFF; } - .utility-bg select.awd-select:focus + span:after { - background-color: #FFFFFF !important; - background-color: #FFFFFF !important; - border-color: #d2d2d2; - border-color: #d2d2d2; } - -.utility-bg select.awd-select:hover + span { - border-color: #d2d2d2; - border-color: #d2d2d2; - background-color: #333333; - background-color: #333333; - color: #FFFFFF; - color: #FFFFFF; } - .utility-bg select.awd-select:hover + span:after { - background-color: #FFFFFF !important; - background-color: #FFFFFF !important; - border-color: #d2d2d2; - border-color: #d2d2d2; } - -input.awd-select[disabled] { - cursor: not-allowed; - border-color: #d2d2d2; - background-color: #d2d2d2; - background-image: none; - color: #5A5A5A; } - input.awd-select[disabled] + span { - cursor: not-allowed; - border-color: #d2d2d2; - background-color: #d2d2d2; - background-image: none; - color: #5A5A5A; } - -button.awd-select[disabled] { - cursor: not-allowed; - border-color: #d2d2d2; - background-color: #d2d2d2; - background-image: none; - color: #5A5A5A; } - button.awd-select[disabled]:after { - background-color: #d2d2d2 !important; - border-color: #d2d2d2; } - -select.awd-select[disabled] + span { - cursor: not-allowed; - border-color: #d2d2d2; - background-color: #d2d2d2; - background-image: none; - color: #5A5A5A; } - select.awd-select[disabled] + span:after { - background-color: #d2d2d2 !important; - border-color: #d2d2d2; } - -select.awd-select[disabled]:focus + span { - cursor: not-allowed; - border-color: #d2d2d2; - background-color: #d2d2d2; - background-image: none; - color: #5A5A5A; } - -select.awd-select[disabled]:hover + span { - cursor: not-allowed; - border-color: #d2d2d2; - background-color: #d2d2d2; - background-image: none; - color: #5A5A5A; } - -input.awd-select[disabled="disabled"] { - cursor: not-allowed; - border-color: #d2d2d2; - background-color: #d2d2d2; - background-image: none; - color: #5A5A5A; } - input.awd-select[disabled="disabled"] + span { - cursor: not-allowed; - border-color: #d2d2d2; - background-color: #d2d2d2; - background-image: none; - color: #5A5A5A; } - -select.awd-select[disabled="disabled"] + span { - cursor: not-allowed; - border-color: #d2d2d2; - background-color: #d2d2d2; - background-image: none; - color: #5A5A5A; } - select.awd-select[disabled="disabled"] + span:after { - background-color: #d2d2d2 !important; - border-color: #d2d2d2; } - -select.awd-select[disabled="disabled"]:focus + span { - cursor: not-allowed; - border-color: #d2d2d2; - background-color: #d2d2d2; - background-image: none; - color: #5A5A5A; } - select.awd-select[disabled="disabled"]:focus + span:after { - background-color: #d2d2d2 !important; - border-color: #d2d2d2; } - -select.awd-select[disabled="disabled"]:hover + span { - cursor: not-allowed; - border-color: #d2d2d2; - background-color: #d2d2d2; - background-image: none; - color: #5A5A5A; } - select.awd-select[disabled="disabled"]:hover + span:after { - background-color: #d2d2d2 !important; - border-color: #d2d2d2; } - -.ddexpand-wrapper > h2 { - margin-bottom: 11px; } - .ddexpand-wrapper > h2 + p { - margin-bottom: 4px; } - -.ddexpand-wrapper .selectWrap + [aria-expanded="true"] .form-row { - margin-top: 11px; } - -.ddexpand-wrapper .selectWrap + [aria-expanded="true"] .row + .row .form-row { - margin-top: 14px; } - -.modal .awd-select-list { - z-index: 1060 !important; } - -.form-row.error button.awd-select.active:focus { - border-color: #cf2a2a !important; } - -.form-row.error input.awd-select.active:focus { - border-color: #cf2a2a !important; } - -.awd-module-list .module-list-item[aria-selected="true"] { - background-color: #f2f2f2; } - -li.module-list-item[aria-selected="true"]:before { - color: #0568ae; - display: inline-block; - font-family: "icoControls" !important; - font-style: normal; - font-size: 20px; - font-weight: normal; - font-variant: normal; - height: 1em; - margin-right: 7px; - text-transform: none; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - position: relative; - speak: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - width: 1em; - content: "\e907"; - box-sizing: border-box; - display: inline-block; - font-size: 2em; - height: 1em; - position: absolute; - top: 20px; - right: 0px; - vertical-align: middle; - width: 1em; - color: #007a3e; } - -@media (min-width: 768px) { - span[class*="large"] { - max-width: 370px; } - .large { - max-width: 370px; } } - -@media (max-width: 767px) { - .selectWrap.large:after { - right: 5px; } - .selectWrap.large .awd-select-list-item { - padding-right: 41px; } - .selectWrap + div > h4 { - margin-bottom: 0; - font-size: 16px; } } - -/**********************Dropdown Chrome scrolling fix start ********************/ -input.awd-select { - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; } - -/**********************Dropdown Chrome scrolling fix end ********************/ -.mpc-expanders { - border-bottom: 1px solid #e4e4e4; - border-top: 1px solid #e4e4e4; } - -.mpc-expanders + .mpc-expanders { - border-top: 0px; } - -.mpc-expanders .heading-medium { - margin-bottom: 10px; } - -.mpc-expanders .p-small { - margin-top: 5px; } - -.mpc-expander-body { - border-top: 1px solid #e4e4e4; } - -.mpc-expander-body .mpc-expanders { - border-bottom: 1px solid #e4e4e4; - border-top: 0; } - -.mpc-expander-body .mpc-expanders:last-child { - border-bottom: 0px; } - -.ddh-blue { - color: #0574ac; } - -.b2b-dragdrop { - border: 1px dashed #bbb; - border-radius: 5px; - padding: 0; - text-align: center; - color: #bbb; - position: relative; } - -.b2b-dragdrop-over { - background: #0091d9; - color: #006496; } - .b2b-dragdrop-over:after { - content: "Drop the file"; - color: #fff; - width: 80px; - height: 20px; - overflow: hidden; - margin: auto; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; } - -.b2b-file-container { - position: relative; - overflow: hidden; - display: inline-table; - font-weight: 400; } - .b2b-file-container [type=file] { - position: absolute; - cursor: inherit; - display: block; - font-size: 0; - opacity: 0; - height: 0; - width: 0; - left: 0; - top: 0; - -ms-filter: "alpha(Opacity=0)"; } - -.b2b-upload-link { - color: #0568ae; } - -.b2b-flyout { - position: relative; - display: inline-block; - cursor: default; } - -.b2b-flyout-icon { - cursor: pointer; } - .b2b-flyout-icon:focus { - outline: thin dotted #666; - outline-offset: -1px; } - -.b2b-flyout .b2b-flyout-container { - border: 1px solid #d3d3d3; - width: 300px; - padding: 20px; - pointer-events: auto; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - font-size: 16px; - -webkit-transition: opacity .2s ease-out; - -moz-transition: opacity .2s ease-out; - transition: opacity .2s ease-out; - background: #fff; - border-radius: 6px; - box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25); - color: #333; - line-height: 20px; - position: absolute; - top: 35px; - opacity: 0; - z-index: 1010; - display: none; } - .b2b-flyout .b2b-flyout-container.open-flyout { - opacity: 1; - display: block; } - -.b2b-flyout i.b2b-flyout-caret { - position: absolute; - top: -8px; - left: 50%; - opacity: 0; - z-index: 1011; - display: none; } - .b2b-flyout i.b2b-flyout-caret.open-flyout { - opacity: 1; - display: block; } - .b2b-flyout i.b2b-flyout-caret:before { - content: ""; - border-left: 8px solid transparent; - border-right: 8px solid transparent; - border-bottom: 8px solid #d3d3d3; - position: absolute; - top: -1px; } - .b2b-flyout i.b2b-flyout-caret:after { - content: ""; - border-left: 8px solid transparent; - border-right: 8px solid transparent; - border-bottom: 8px solid #fff; - position: absolute; } - -.b2b-flyout .b2b-flyout-container.b2b-flyout-left i.b2b-flyout-caret { - left: 16px !important; } - -.b2b-flyout .b2b-flyout-container.b2b-flyout-right i.b2b-flyout-caret { - left: inherit !important; - right: 30px !important; } - -.b2b-flyout .b2b-flyout-container.b2b-flyout-above { - box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.25); } - .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret { - top: auto; - bottom: 0px; } - .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:before { - top: auto; - bottom: -9px; - border-top: 8px solid #d3d3d3; - border-bottom: none; } - .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:after { - border-top: 8px solid #fff; - border-bottom: none; } - -.b2b-flyout .b2b-flyout-container.b2b-flyout-centerLeft i.b2b-flyout-caret { - left: inherit !important; - right: -7px !important; - top: 8px; - transform: rotate(90deg); } - -.b2b-flyout .b2b-flyout-container.b2b-flyout-centerRight i.b2b-flyout-caret { - left: -8px !important; - top: 296px; - transform: rotate(-90deg); } - -.b2b-flyout .buttons-group { - margin-top: 20px; } - .b2b-flyout .buttons-group .cta-button-group { - width: 100%; - border-top: 1px solid #ccc; - padding: 20px 0 0; } - .b2b-flyout .buttons-group .cta-button-group button { - margin-bottom: 0; } - -.b2b-flyout .heading { - font-size: 20px; - margin-bottom: 10px; } - -.b2b-flyout .body-text { - font-size: 14px; - margin-bottom: 30px; } - -.b2b-footer-wrapper { - width: 100%; - background-color: #222; } - -.b2b-footer-container { - width: 980px; - margin: 0 auto; - padding-top: 15px; } - .b2b-footer-container .footer-columns { - display: inline-block; - text-align: left; - vertical-align: top; } - .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column { - padding-top: 30px; } - .b2b-footer-container .footer-columns.three-column { - width: 33.3%; - padding-left: 75px; } - .b2b-footer-container .footer-columns.four-column { - width: 25%; - padding-left: 75px; } - .b2b-footer-container .footer-columns.five-column { - width: 20%; } - .b2b-footer-container .footer-columns .b2b-footer-header { - color: #009fdb; - font-size: 18px; - font-style: normal; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - line-height: 23.9px; - margin: 0; } - .b2b-footer-container .footer-columns li { - padding: 7.5px 0; } - .b2b-footer-container .footer-columns ul li:first-child { - padding-top: 15px; } - .b2b-footer-container .footer-columns li a { - color: #fff; - font-size: 16px; - font-family: "Omnes-ECOMP-W02", Arial; } - .b2b-footer-container .footer-nav-content { - padding-bottom: 10px; } - .b2b-footer-container .footer-nav-content li { - display: inline; - font-size: 14px; - color: #fff; - vertical-align: middle; } - .b2b-footer-container .footer-nav-content li a { - color: #fff; - font-size: 14px; - vertical-align: middle; - margin-right: 5px; - font-family: "Omnes-ECOMP-W02", Arial; } - -.b2b-footer-wrapper .b2b-footer-container hr { - background: #d2d2d2; - margin-top: 50px; } - -.b2b-footer-wrapper .divider-bottom-footer { - padding: 45px 0 50px 0; } - -.b2b-footer-wrapper .footerLogo { - margin: 10px 0 0 0px; - vertical-align: top; } - .b2b-footer-wrapper .footerLogo div { - display: inline-block; } - .b2b-footer-wrapper .footerLogo .icon-primary-att-globe { - font-size: 40px; } - .b2b-footer-wrapper .footerLogo .logo-title { - color: #fff; - margin-left: 10px; - display: inline-block; - font-size: 26px; - margin-top: 0px; } - -.b2b-footer-wrapper .copyright-text { - color: #fff; - font-size: 11px; - text-align: left; - font-family: "Omnes-ECOMP-W02", Arial; } - .b2b-footer-wrapper .copyright-text a { - color: #fff; - text-decoration: underline; - display: inline-block; } - .b2b-footer-wrapper .copyright-text a:hover { - text-decoration: none; } - -@media (max-width: 768px) { - .b2b-footer-wrapper { - padding: 0 15px; } - .b2b-footer-container { - width: 100%; } - .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column { - width: 50%; } - .b2b-footer-wrapper .divider-bottom-footer { - padding-top: 15px; } - .b2b-footer-wrapper .divider-bottom-footer .footer-links { - width: 100%; } - .b2b-footer-wrapper .footerLogo { - margin: 30px 0 0 0; } - .b2b-footer-wrapper .footerLogo .footer-logo { - margin: 0; - padding-left: 10px; } } - -.b2b-header-tabs { - background-color: #222; - width: 100%; - position: relative; - height: 45px; } - .b2b-header-tabs .icon-primary-att-globe { - color: #0568ae; } - .b2b-header-tabs a:focus { - border: 1px solid white; } - .b2b-header-tabs .header__items { - width: 980px; - margin: 0 auto; - display: block; - list-style: none; - padding: 6px 0px 0px 0px; - border-spacing: 30px 0; } - .b2b-header-tabs .header__item { - display: inline-block; - text-align: left; - width: auto; - font-size: 16px; - font-family: "Omnes-ECOMP-W02", Arial; - cursor: pointer; - padding: 5px 15px; - color: #fff; } - .b2b-header-tabs .header__item.b2b-headermenu { - padding: 0; } - .b2b-header-tabs .header__item.b2b-headermenu:last-child { - background: none; } - .b2b-header-tabs .header__item.b2b-headermenu a.menu__item { - color: #fff; - text-decoration: none; - display: inline-block; - padding: 5px 15px; } - .b2b-header-tabs .header__item.active { - background-color: #fff; - border-radius: 2px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - .b2b-header-tabs .header__item.active a.menu__item { - color: #0578ae; } - .b2b-header-tabs li:focus { - outline: 2px solid #0578ae; } - .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper { - background-color: #fff; - position: absolute; - width: 100%; - left: 0; - top: 42px; - border-bottom: solid 1px #ccc; - -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16); - box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16); - display: none; - z-index: 111; } - .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary { - background-color: #fff; - width: 980px; - margin: 0 auto; } - .b2b-header-tabs .header__item.active .header-secondary-wrapper { - display: block; } - .b2b-header-tabs .header-secondary .header-subitem { - display: inline-block; - width: auto; - margin: 0 15px; } - .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper { - display: block; } - .b2b-header-tabs .header-secondary .header-subitem a.menu__item { - display: inline-block; - padding: 15px 0; - color: #333; } - .b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus { - color: #0578ae; } - -/** Secondary Menu **/ -.b2b-labelhide { - position: absolute; - clip: rect(1px, 1px, 1px, 1px); } - -/** Tertiary Level Menu **/ -.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret { - position: absolute; - z-index: 111; - top: 25px; } - .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after, .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before { - content: ''; - border-left: 8px solid transparent; - border-right: 8px solid transparent; - position: absolute; - -webkit-transition: left .2s ease-out; - -moz-transition: left .2s ease-out; - transition: left .2s ease-out; } - .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after { - border-bottom: 8px solid #fff; - top: 10px; } - .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before { - border-bottom: 8px solid #ccc; - top: 9px; } - -.b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary { - border-top: solid 1px #ccc; } - -.b2b-header-tabs .header-tertiary:after { - content: ''; - clear: both; - display: block; } - -.b2b-header-tabs .header-tertiary li { - display: inline-block; - padding: 0; - float: left; } - .b2b-header-tabs .header-tertiary li a { - color: #333; - display: block; - padding: 10px 15px; } - .b2b-header-tabs .header-tertiary li label { - text-align: left; - display: block; - font-size: 16px; - font-weight: bold; - color: #857B7B; - padding: 15px 0 0 15px; } - -.b2b-header-tabs .header__item.skip { - padding: 0; - display: inline-block; - cursor: default !important; } - .b2b-header-tabs .header__item.skip a { - color: transparent; - font-size: 12px; - line-height: 15px; - text-decoration: none; } - .b2b-header-tabs .header__item.skip a:focus { - color: #fff; - outline: 2px solid #0578ae; } - -.b2b-header-tabs .selectWrap { - min-width: 150px; } - .b2b-header-tabs .selectWrap button.awd-select { - height: 30px; - line-height: 31px; - font-size: 1rem; - display: inline-block; } - .b2b-header-tabs .selectWrap .awd-select-list { - background-color: #fff; - color: #333; - -webkit-transition: opacity .2s ease-out; - -moz-transition: opacity .2s ease-out; - transition: opacity .2s ease-out; - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } - -@media (max-width: 768px) { - .b2b-header-tabs { - padding: 0 15px; } - .b2b-header-tabs .header__items, .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary { - width: 100%; } - .b2b-header-tabs .header__item { - padding: 5px 0; } - .b2b-header-tabs .globe-text { - display: none; } - .b2b-header-tabs .header__item.b2b-headermenu a.menu__item { - padding: 5px 7px 9px 7px; } - .b2b-header-tabs .header__item .header-tertiary-wrapper { - top: 30px; } - .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret { - top: 14px; } - .b2b-header-tabs .header__item .header-secondary-wrapper { - top: 45px; } - .b2b-header-tabs .header__item.profile { - padding-left: 15px; - float: none; } } - -/************* Header - Start *************/ -.b2b-header-tabs { - background-color: #222; - width: 100%; - position: relative; - height: 45px; } - -.b2b-header-tabs .icon-primary-primary-att-globe { - color: #0568ae; - font-size: 34px; - bottom: 1px; } - -/* - *TODO: delete below .icon-primary-att-globel will not be used - *instead the one above, icon-primary-primary-att-globe not available here - */ -.b2b-header-tabs .icon-primary-att-globe { - color: #0568ae; - font-size: 34px; } - -.b2b-header-tabs .globe-text { - margin-left: 20px; - font-size: 2rem; } - -.b2b-header-tabs .header__items { - width: 980px; - margin: 0 auto; - display: block; - list-style: none; - border-spacing: 30px 0; - padding: 3px 0px 0px 0px; } - -.b2b-header-tabs .header__item { - display: inline-block; - text-align: left; - width: auto; - font-size: 14px; - font-family: "Omnes-ECOMP-W02", Arial; - cursor: pointer; - padding: 0 15px 4px 15px; - /*margin-top:-3px;*/ - color: #fff; } - -.b2b-header-tabs .header__item.b2b-headermenu { - padding: 0; } - -.b2b-header-tabs .header__item.b2b-headermenu a.menu__item { - color: #fff; - text-decoration: none; - display: inline-block; - padding: 8px 15px 12px 15px; - font-size: 16px; } - -.b2b-header-tabs .header__item.active { - background-color: #fff; - border-radius: 2px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - -.b2b-header-tabs .header__item.active a.menu__item { - color: #0578ae; } - -.b2b-header-tabs li:focus { - outline: 2px solid #0578ae; } - -/** profile pop Over **/ -.b2b-header-tabs .header__item.profile { - position: relative; - float: right; } - -/** Secondary Menu **/ -.b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper { - background-color: #fff; - position: absolute; - width: 100%; - left: 0; - top: 42px; - border-bottom: solid 1px #ccc; - -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16); - box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16); - display: none; - z-index: 111; } - -.b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary { - background-color: #fff; - width: 980px; - margin: 0 auto; } - -.b2b-header-tabs .header__item.active .header-secondary-wrapper, -.b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper { - display: block; } - -.b2b-header-tabs .header-secondary .header-subitem { - display: inline-block; - width: auto; - margin: 0 15px; } - -.b2b-header-tabs .header-secondary .header-subitem a.menu__item { - display: inline-block; - padding: 15px 0; - color: #333; - font-size: 14px; } - -.b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus { - color: #0578ae; } - -.b2b-label-hide { - position: absolute; - clip: rect(1px, 1px, 1px, 1px); } - -/** Tertiary Level Menu **/ -.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after, -.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before { - content: ''; - border-left: 8px solid transparent; - border-right: 8px solid transparent; - position: absolute; - -webkit-transition: left .2s ease-out; - -moz-transition: left .2s ease-out; - transition: left .2s ease-out; } - -.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret { - position: absolute; - z-index: 111; - top: 25px; } - -.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after { - border-bottom: 8px solid #fff; - top: 10px; } - -.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before { - border-bottom: 8px solid #ccc; - top: 9px; } - -/** Tertiary Level Menu **/ -.b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary { - border-top: solid 1px #ccc; } - -.b2b-header-tabs .header-tertiary:after { - content: ''; - clear: both; - display: block; } - -.b2b-header-tabs .header-tertiary li { - display: inline-block; - padding: 0; - float: left; } - -.b2b-header-tabs .header-tertiary li a { - color: #333; - display: block; - padding: 7px 15px; - max-width: 228px; } - -.b2b-header-tabs .header-tertiary li label { - text-align: left; - display: block; - font-size: 14px !important; - font-weight: bold; - color: #857B7B; - padding: 15px 0 0 15px; } - -/** Quarternary Level Menu **/ -.b2b-header-tabs .header-quarternary { - width: 100%; - float: left; } - -.b2b-header-tabs .header-quarternary li { - padding-left: 15px; - font-family: "Omnes-ECOMP-W02", Arial; - display: none; } - -.b2b-header-tabs .header-quarternary li.active { - display: block; } - -.b2b-header-tabs .header-quarternary li a { - color: #666666; - font-size: 14px; - padding: 0px 10px 10px 10px; } - -/** Skip Navigation**/ -.b2b-header-tabs .header__item.skip { - padding: 0; - display: inline-block; - cursor: default !important; } - -.b2b-header-tabs .header__item.skip a { - color: transparent; - font-size: 12px; - line-height: 15px; - text-decoration: none; } - -.b2b-header-tabs .header__item.skip a:focus { - color: #fff; - outline: 2px solid #0578ae; } - -/** Dropdown css inside Header ****/ -.b2b-header-tabs .selectWrap { - min-width: 150px; } - -.b2b-header-tabs .selectWrap button.awd-select, .b2b-header-tabs .selectWrap input.awd-select { - height: 36px; - line-height: 31px; - font-size: 1rem; - display: inline-block; } - -.b2b-header-tabs .selectWrap .awd-select-list { - background-color: #fff; - color: #333; - -webkit-transition: opacity .2s ease-out; - -moz-transition: opacity .2s ease-out; - transition: opacity .2s ease-out; - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } - -/* - * responsive header media queries - */ -@media screen and (max-width: 1100px) { - .b2b-header-tabs .globe-text { - display: none; } - .b2b-header-tabs .header__item.profile { - padding-left: 15px; - float: none; } - .b2b-header-tabs .header__items { - padding-top: 0px; } } - -@media screen and (max-width: 950px) { - .header__item.profile { - top: 20px; } - .b2b-header-tabs { - height: 90px; } - .header__item .selectWrap { - bottom: 15px; } - .b2b-header-tabs .header__items { - padding-top: 25px; } - .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper { - top: 80px; } - .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret { - top: 35px; } - .b2b-header-tabs .header__item.b2b-headermenu a.menu__item { - padding-bottom: 30px; } - .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary { - margin-top: -28px; } } - -/*************** Header - END ******************/ -.hp-container { - display: block; - max-width: 408px; } - .hp-container i:focus { - outline: thin dotted #666; } - .hp-container .icon-misc-pen { - cursor: pointer; } - .hp-container .icon-misc-trash { - cursor: pointer; } - -.hp-selected { - border-bottom: 1px solid #ccc; - border-bottom: 1px solid #ccc; - margin-bottom: 16px; - padding-bottom: 16px; } - .hp-selected .selected-days { - padding-bottom: 16px; } - .hp-selected .selected-days .day { - padding-top: 10px; - float: left; } - -.hp-checkbox { - padding-top: 20px; - margin: 16px auto 0 auto; } - .hp-checkbox label { - position: relative; - width: 20px; - margin-right: 34px; } - .hp-checkbox label span { - position: absolute; - top: -20px; - left: 0px; - margin-left: 0px; } - -.hp-dropdowns { - margin-top: 15px; - display: flex; - display: -webkit-flex; - display: -ms-flexbox; } - -.hp-buttons { - margin-top: 20px; - display: flex; - display: -webkit-flex; - display: -ms-flexbox; } - -.hp-dropdowns .radio-buttons { - margin-top: 30px; } - .hp-dropdowns .radio-buttons .radio { - margin-right: 15px; } - -@font-face { - font-family: "Omnes-ECOMP-W02"; - src: url("../b2b-angular/fonts/Omnes_ATTW02.eot"); - src: url("../b2b-angular/fonts/Omnes_ATTW02.eot?#iefix") format("embedded-opentype"), url("../b2b-angular/fonts/Omnes_ATTW02.woff") format("woff"), url("../b2b-angular/fonts/Omnes_ATTW02.ttf") format("truetype"); - font-weight: normal; - font-style: normal; } - -@font-face { - font-family: "Omnes-ECOMP-W02-Medium"; - src: url("../b2b-angular/fonts/Omnes_ATTW02Medium.eot"); - src: url("../b2b-angular/fonts/Omnes_ATTW02Medium.eot?#iefix") format("embedded-opentype"), url("../b2b-angular/fonts/Omnes_ATTW02Medium.woff") format("woff"), url("../b2b-angular/fonts/Omnes_ATTW02Medium.ttf") format("truetype"); - font-weight: normal; - font-style: normal; } - -@font-face { - font-family: "Omnes-ECOMP-W02-Italic"; - src: url("../b2b-angular/fonts/Omnes_ATTW02Italic.eot"); - src: url("../b2b-angular/fonts/Omnes_ATTW02Italic.eot?#iefix") format("embedded-opentype"), url("../b2b-angular/fonts/Omnes_ATTW02Italic.woff") format("woff"), url("../b2b-angular/fonts/Omnes_ATTW02Italic.ttf") format("truetype"); - font-weight: normal; - font-style: normal; } - -@font-face { - font-family: "Omnes-ECOMP-W02-Light"; - src: url("../b2b-angular/fonts/Omnes_ATTW02Light.eot"); - src: url("../b2b-angular/fonts/Omnes_ATTW02Light.eot?#iefix") format("embedded-opentype"), url("../b2b-angular/fonts/Omnes_ATTW02Light.woff") format("woff"), url("../b2b-angular/fonts/Omnes_ATTW02Light.ttf") format("truetype"); - font-weight: normal; - font-style: normal; } - -@font-face { - font-family: "Omnes-ECOMP-W02-Bold"; - src: url("../b2b-angular/fonts/Omnes_ATTW02Bold.eot"); - src: url("../b2b-angular/fonts/Omnes_ATTW02Bold.eot?#iefix") format("embedded-opentype"), url("../b2b-angular/fonts/Omnes_ATTW02Bold.woff") format("woff"), url("../b2b-angular/fonts/Omnes_ATTW02Bold.woff2") format("woff2"), url("../b2b-angular/fonts/Omnes_ATTW02Bold.ttf") format("truetype"); - font-weight: normal; - font-style: normal; } - -@font-face { - font-family: "Omnes-ECOMP-W02-Light-Italic"; - src: url("../b2b-angular/fonts/Omnes_ATTW02LightItalic.eot"); - src: url("../b2b-angular/fonts/Omnes_ATTW02LightItalic.eot?#iefix") format("embedded-opentype"), url("../b2b-angular/fonts/Omnes_ATTW02LightItalic.woff") format("woff"), url("../b2b-angular/fonts/Omnes_ATTW02LightItalic.woff2") format("woff2"), url("../b2b-angular/fonts/Omnes_ATTW02LightItalic.ttf") format("truetype"); - font-weight: normal; - font-style: normal; } - -@font-face { - font-family: "Omnes-ECOMP-W02-Medium-Italic"; - src: url("../b2b-angular/fonts/Omnes_ATTW02MediumItalic.eot"); - src: url("../b2b-angular/fonts/Omnes_ATTW02MediumItalic.eot?#iefix") format("embedded-opentype"), url("../b2b-angular/fonts/Omnes_ATTW02MediumItalic.woff") format("woff"), url("../b2b-angular/fonts/Omnes_ATTW02MediumItalic.woff2") format("woff2"), url("../b2b-angular/fonts/Omnes_ATTW02MediumItalic.ttf") format("truetype"); - font-weight: normal; - font-style: normal; } - -@font-face { - font-family: "Omnes-ECOMP-W02-Bold-Italic"; - src: url("../b2b-angular/fonts/Omnes_ATTW02BoldItalic.eot"); - src: url("../b2b-angular/fonts/Omnes_ATTW02BoldItalic.eot?#iefix") format("embedded-opentype"), url("../b2b-angular/fonts/Omnes_ATTW02BoldItalic.woff") format("woff"), url("../b2b-angular/fonts/Omnes_ATTW02BoldItalic.woff2") format("woff2"), url("../b2b-angular/fonts/Omnes_ATTW02BoldItalic.ttf") format("truetype"); - font-weight: normal; - font-style: normal; } - -/* TODO: Build a reference page for these classes */ -.font-regular { - font-family: "Omnes-ECOMP-W02", Arial !important; } - -.font-light { - font-family: "Omnes-ECOMP-W02-Light", Arial !important; } - -.font-italic { - font-family: "Omnes-ECOMP-W02-Italic", Arial !important; } - -.font-light-italic { - font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; } - -.font-medium { - font-family: "Omnes-ECOMP-W02-Medium", Arial !important; } - -.font-medium-italic { - font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; } - -.font-reset { - font-style: normal; - font-variant: normal; - font-weight: normal; - text-transform: none; } - -.b2b-nav-menu { - background-color: #efefef; - border: 1px solid #efefef; - width: 230px; - font-size: 1.4rem; } - -.b2b-subnav-container > ul { - padding: 0px; } - -.b2b-subnav-content { - margin: 0; - margin-bottom: 10px; } - -.b2b-subnav-content > li { - border-bottom: 1px solid #999999; - position: relative; - cursor: pointer; } - -.b2b-subnav-content > li > a { - text-decoration: none; - line-height: 18px; - display: block; - padding: 10px; } - -.b2b-subnav-content > li > a.expand { - color: #333; } - -.b2b-subnav-content > li ul { - overflow: hidden; - max-height: 0; - transition-duration: 0.5s; - transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } - -.b2b-subnav-content > li ul.expand { - transition-duration: 0.7s; - transition-timing-function: ease-in-out; - max-height: 1000px; - overflow: hidden; } - -.b2b-subnav-content > li > a:focus, .b2b-subnav-content > li ul > li > a:focus { - outline: thin dotted #666; } - -.b2b-subnav-content > li ul > li > a { - line-height: 18px; - padding: 8px 0; - display: block; - outline-offset: -4px; - padding-left: 10px; } - -.b2b-icon-primary-plus-minus { - display: inline-block; - height: 20px; - margin-right: 10px; - padding: 0; - position: absolute; - right: 0px; - top: 10px; - vertical-align: middle; - width: 20px; } - -@media (min-width: 320px) and (max-width: 767px) { - .b2b-nav-menu { - background-color: #fff; - border: 1px solid white; - width: 100%; } - .b2b-subnav-content > li { - padding-left: 10px; } - .b2b-subnav-container > ul:first-child { - border-top: 1px solid #999; } - .b2b-icon-primary-plus-minus { - right: 10px; } - .b2b-subnav-content > li li > a.active { - color: #0574ac; - text-decoration: none; - font-family: "Omnes-ECOMP-W02", Arial; } } - -.b2b-list-box-item { - white-space: nowrap; - margin: 1px; - border: 1px solid transparent; - outline: none; - visibility: inherit; - display: inherit; - text-align: left; - overflow: hidden; - cursor: pointer; - padding: 5px 0 5px; - padding-left: 15px; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; } - .b2b-list-box-item:focus { - border: 2px solid #5e8cb3; } - -.b2b-list-box-item--selected { - background-color: #cfdde9; } - -.btn.disabled[ddh-load-button] { - line-height: 46px; - padding: 0 19px 0 18px; } - -.btn.disabled[ddh-load-button] { - color: #666666; } - -.icon-primary-spinner-ddh.large { - height: 50px; - width: 50px; } - -.icon-primary-spinner-ddh.small { - height: 30px; - width: 30px; } - -.icon-primary-spinner-ddh { - -webkit-animation: 1s linear infinite spinner; - animation: 1s linear infinite spinner; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiIgaWQ9InN2Zy1zcGlubmVyIiB4PSIwcHgiIHk9IjBweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgIDxwYXRoIGZpbGw9IiNGNUY1RjUiIGQ9Ik0xOCAzNkM4LjEgMzYgMCAyNy45IDAgMThTOC4xIDAgMTggMHMxOCA4LjEgMTggMTgtOC4xIDE4LTE4IDE4em0wLTMxLjVjLTcuNSAwLTEzLjUgNi0xMy41IDEzLjVTMTAuNiAzMS41IDE4IDMxLjVjNy41IDAgMTMuNS02LjEgMTMuNS0xMy41IDAtNy41LTYtMTMuNS0xMy41LTEzLjV6Ii8+CiAgIDxwYXRoIGZpbGw9IiMwNTY4QUUiIGlkPSJzcGlubmVyIiBkPSJNMzAuNyA1LjNsLTMuMSAzLjJjMi40IDIuNCAzLjkgNS44IDMuOSA5LjUgMCA3LjQtNi4xIDEzLjUtMTMuNSAxMy41UzQuNSAyNS40IDQuNSAxOCAxMC42IDQuNSAxOCA0LjVWMEM4LjEgMCAwIDguMSAwIDE4czguMSAxOCAxOCAxOCAxOC04LjEgMTgtMThjMC01LTItOS41LTUuMy0xMi43eiIgdHJhbnNmb3JtPSIiPiAgICAgIAogICA8L3BhdGg+Cjwvc3ZnPg==); } - -.btn-small .icon-primary-spinner-ddh { - height: 30px !important; - width: 30px !important; } - -.btn-small .icon-primary-spinner { - height: 30px; - width: 30px; } - -.load-backdrop { - position: absolute; - top: 50%; - left: 50%; } - -.small-modal-loader { - width: 420px !important; - height: 212px !important; - text-align: center; } - -.small-modal-loader .icon-primary-spinner { - margin-bottom: 5px; } - -.body.styled-by-modal { - position: fixed; } - -.b2b-modal-backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: -1; } - -.b2b-modal-backdrop.fade { - background-color: #000; - opacity: 0; - filter: alpha(opacity=0); - transition: all 0.3s linear 0s; } - -.b2b-modal-backdrop.fade.in { - z-index: 1040; - opacity: 0.7; - filter: alpha(opacity=70); - background-color: #000; - transition: opacity 0.3s linear 0s; } - -.modalwrapper { - height: 100%; - width: 100%; - left: 0; - overflow-y: hidden; - position: absolute; - right: 0; - padding: 20px; - top: 0; - z-index: -1; } - -.modalwrapper.active { - z-index: 1050; - overflow-y: auto; } - -.modal { - background-clip: padding-box; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 8px; - box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.4); - margin: 0 auto; - /*margin-bottom:10%;*/ - outline: medium none; - /*position: absolute;*/ - height: 0; - min-height: 150px; - overflow: hidden; - /*top: 10%;*/ - width: 100%; - z-index: -1; } - -.modalwrapper.modal-docked .modal { - max-height: 80%; - height: 80%; - overflow: hidden; - top: 0; } - -.modal.fade.in { - position: relative; - height: auto; - overflow: auto; - top: 10%; - z-index: 1060; - transition: opacity .5s linear 0s; } - -.modal.fade.in.modal-landscape { - overflow-y: auto; } - -.modal.fade { - transition: opacity .5s linear 0s; } - -.fade.in { - opacity: 1; } - -.fade { - opacity: 0; } - -.b2b-modal-header { - align-items: center; - border-radius: 8px 8px 0 0; - display: flex; - min-height: 60px; - overflow: hidden; - padding: 30px 46px 30px 30px; - position: relative; } - -.b2b-modal-header > h2 { - line-height: 1; - margin: 0; - padding: 0; } - -.modal-header-portrait { - -webkit-overflow-scrolling: auto; } - -.modal-header-landscape { - -webkit-overflow-scrolling: auto; } - -.b2b-modal-body { - -webkit-overflow-scrolling: touch; - padding: 0 30px 20px; - position: relative; - width: auto; } - -.b2b-modal-body:focus { - outline: 1px dotted #333333; } - -.modal-form { - margin-bottom: 0; } - -.b2b-modal-footer { - background-color: #fff; - width: 100%; - padding: 0 30px; - border-radius: 0; - position: absolute; - bottom: 0; } - -:not(.modal-docked) .b2b-modal-footer { - position: relative; } - -.modal-landscape .b2b-modal-footer { - position: relative; } - -.b2b-modal-footer .cta-button-group { - display: flex; - justify-content: flex-end; - padding: 20px 0 5px; - width: 100%; - border-top: 1px solid #d2d2d2; } - -.b2b-modal-footer .cta-button-group .btn { - margin-left: auto; - margin-right: auto; - float: right; - margin-left: 10px; } - -.b2b-modal-footer .cta-button-group .marginLeft0 { - margin-left: 0px; } - -.b2b-modal-footer .cta-button-group .btn-footer-left { - margin-right: auto; } - -.b2b-modal-footer .cta-button-group .btn + .btn { - margin-right: 0 !important; } - -[class*="modal-"] { - width: 100%; } - -.modal-small { - max-width: 420px; } - -.modal-medium { - max-width: 620px; } - -.modal-large { - max-width: 720px; } - -.modal-xlarge { - max-width: 860px; } - -.modal-jumbo { - max-width: 1000px; } - -.modalwrapper.modal-docked { - height: 100%; - display: flex; - align-items: center; } - -.modalwrapper.modal-docked .b2b-modal-body { - height: 80%; - overflow-y: scroll; - padding-bottom: 60px; } - -.modalwrapper.modal-docked .modal { - max-height: 80%; - height: 80%; - overflow: hidden; - top: 0; } - -.modalwrapper.modal-docked .b2b-modal-body > *:last-child { - margin-bottom: 60px; } - -@media (max-width: 767px) { - .modalwrapper { - padding: 15px; - overflow-x: hidden; } - .modal.fade.in { - top: 0; - right: 0; - left: 0; - margin-bottom: 15px; - border: none; } - .b2b-modal-header { - padding: 20px 46px 20px 15px; } - .b2b-modal-body { - width: 100%; - padding: 0 15px 15px; } - .modalwrapper.modal-docked { - position: absolute; - height: 100%; - padding: 0; } - .modalwrapper.modal-docked .modal.fade.in { - margin-bottom: 0; - width: 100% !important; - max-height: 100%; - height: 100%; - border-radius: 0; } - .modalwrapper.modal-docked .b2b-modal-body { - overflow-y: scroll; - height: 100%; } - .modalwrapper.modal-docked.modal-landscape { - overflow-y: hidden; - position: fixed; } - .modalwrapper.modal-docked.modal-landscape .modal { - overflow-y: scroll; - max-width: 100%; } - .modalwrapper.modal-docked.modal-landscape .b2b-modal-body { - height: auto; - overflow-y: hidden; } - .b2b-modal-footer { - padding: 0 15px; } - .b2b-modal-footer .cta-button-group { - display: block; - padding: 15px 0; } - .b2b-modal-footer .cta-button-group .btn { - float: none; } - .b2b-modal-footer .cta-button-group .btn + .btn { - margin-bottom: 0; } - .b2b-modal-footer .cta-button-group a.visible-phone { - align-items: center; - display: flex !important; - height: 42px; - justify-content: center; } } - -.b2b-modal-footer > .cta-button-group { - line-height: 40px; } - -.ajaxed, -.modal.fade.in .b2b-modal-header, -.modal.fade.in .b2b-modal-body, -.modal.fade.in .b2b-modal-footer { - animation-duration: 0.01s; - -o-animation-duration: 0.01s; - -ms-animation-duration: 0.01s; - -moz-animation-duration: 0.01s; - -webkit-animation-duration: 0.01s; - animation-name: DOMinsertion; - -o-animation-name: DOMinsertion; - -ms-animation-name: DOMinsertion; - -moz-animation-name: DOMinsertion; - -webkit-animation-name: DOMinsertion; } - -.monthselector thead tr th { - min-width: 46px; } - -.monthselector thead tr:after { - content: ""; - position: absolute; - left: 20px; - top: 52px; - height: 1px; - width: 85%; - border-bottom: 1px solid #ccc; } - -.monthselector tbody tr:last-child { - height: 50px; } - -.monthselector td.day { - margin: 1px 4px !important; - width: 64px !important; } - -.monthselector .datepicker-switch { - width: 195px !important; } - -.monthselector .show-date { - width: 30px !important; } - -.monthselector button.faux-input { - width: 100%; } - .monthselector button.faux-input:focus { - border: 1px solid #0574ac; } - .monthselector button.faux-input:disabled { - cursor: not-allowed; } - -.monthselector .cta-button-group { - padding: 0 20px; } - .monthselector .cta-button-group a { - margin-right: 20px; } - -.monthselector .day.active .show-date:after, .monthselector .day:focus .show-date:after, .monthselector .due-date.disabled .show-date:after { - height: 30px; - left: 9px !important; - top: 0; - width: 42px !important; } - -.monthselector .disabled.day:focus .show-date:after { - border: none; } - -.monthselector .icon-primary-calendar { - display: block; } - -.b2b-ml-nav { - padding: 0 10px 0 10px; - width: 320px; } - -.b2b-ml-nav ul { - list-style: none; - list-style-type: none; } - -.b2b-ml-nav a { - display: block; - padding: 0 0 5px 30px; - line-height: 22px; - margin-left: -10px; - color: #0568ae; - font-size: 1.4rem; } - -.b2b-ml-nav a:focus { - outline-offset: 1px; } - -.b2b-ml-nav li:focus { - outline: none; } - -.b2b-ml-nav li:focus > a { - outline: thin dotted #666; - outline-offset: 1px; } - -.b2b-ml-nav ul li { - border-left: 1px solid #ccc; } - -.b2b-ml-nav ul ul { - padding: 0 0 0 20px; } - -.b2b-ml-nav ul > li { - position: relative; - line-height: 18px; } - -.b2b-ml-nav a > span { - background-color: #FFF; - display: inline; - margin: 0; - padding: 0; - position: absolute; - left: -11px; - top: 0; } - -.b2b-ml-nav a > span > i { - font-size: 20px; } - -.b2b-ml-nav a:only-child > span { - left: -6px; - border-radius: 50%; - line-height: 7px; - top: 5px; } - -.b2b-ml-nav a:only-child > span > i { - background-color: inherit; - background: #fff; - font-size: 10px; } - -.b2b-ml-nav ul li:first-child > a:only-child > span { - left: -6px; - border-radius: 50%; - line-height: 12px; - top: 0px; } - -.b2b-ml-nav li a + ul { - display: none; } - -.b2b-ml-nav li a.active + ul { - display: block; } - -.b2b-ml-nav .selected { - color: #333; } - -/*to overide ng-doc inline property for library demo - TODO: Move to docs.css*/ -.b2b-ml-nav a [class^="icon-primary-"], a [class*=" icon-primary-"], a [class^="icon-primary-"]:before, a [class*=" icon-primary-"]:before { - display: inline-block; } - -.b2b-alerts-messages { - background-color: #fff; - border-radius: 8px; - height: auto; } - .b2b-alerts-messages h3 { - color: #333 !important; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - margin-bottom: 0 !important; - margin: 1em 0 5px; - line-height: 27px; - font-size: 18px; } - .b2b-alerts-messages h4 { - color: #333 !important; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - margin-bottom: 0 !important; } - .b2b-alerts-messages .alert-info { - background-color: #0574ac; - border: 0; } - .b2b-alerts-messages .alert-error { - background-color: #cf2a2a; - border: 0; } - .b2b-alerts-messages .alert-success { - background-color: #1b7e28; - border: 0; } - .b2b-alerts-messages div:nth-child(2) { - padding: 0 0 15px 10px; - vertical-align: baseline; } - .b2b-alerts-messages .close:before { - color: #767676; } - .b2b-alerts-messages p { - font-size: 14px; - color: #333; - font-family: "Omnes-ECOMP-W02", Arial; } - .b2b-alerts-messages p a { - color: #333; } - .b2b-alerts-messages .btn-small { - margin-bottom: 0px; } - -.b2b-alerts-success { - border: 1px solid #1b7e28; } - -.b2b-alerts-error { - border: 1px solid #cf2a2a; } - -.b2b-alerts-info { - border: 1px solid #0574ac; } - -/* TODO: Rearange this and move to patches if needed */ -.b2b-breadcrumb-css-override > li { - margin-right: 24px; } - -.b2b-breadcrumb-css-override li > * { - float: left !important; } - -.b2b-css-override ul.nav-tabs { - margin-bottom: 0; } - -.b2b-css-override div.tab-content { - margin-top: 0; - border-top: none; } - -.b2b-css-override .tab-content .prettyprint, .b2b-css-override .usage .prettyprint { - max-height: 500px; - overflow-y: auto; } - -.b2b-top-nav-buttons-css-override { - margin-bottom: 0; - margin-top: 2px; } - -.b2b-auto-width { - width: auto !important; } - -.b2b-toggle-header-active { - color: #0568ae; } - -.b2b-toggle-header-inactive { - color: #333333; } - -.b2b-toggle-header-icon { - cursor: pointer; } - -.tab-content > .tab-pane { - display: none; } - -.tab-content > .active { - display: block; } - -.icon-primary-circle:before { - 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"); - content: ""; - position: absolute; - top: 0; - z-index: 1; } - -.ds2-no-colors .icon-primary-circle:before { - background-image: none; - content: "\e902"; } - -i:focus { - outline: thin dotted #666; } - -.p-col-md-12 { - width: 50%; } - -.pager__item { - border-radius: 0; - cursor: default; - display: inline-block; - margin: 5px; - width: 22px; - height: 23px; - vertical-align: baseline; } - -.pager { - padding-top: 10px; - padding-bottom: 20px; - text-align: center; - margin: 0 auto; } - -.pager__item--input { - color: #067ab4; - max-height: 32px; - max-width: 40px; - padding-left: 0; - padding-right: 0; - text-align: center; - margin-left: 10px; } - -.row.section-row { - margin-bottom: 20px; } - -.pager__item--active { - border-bottom: 2px solid #0574ac; - border-radius: 0; - color: #333333; } - -.pager a.pager__item--active:hover { - cursor: default; } - -.pager a:hover, .pager a:focus { - text-decoration: none; - color: #333333; - cursor: pointer; } - -.pager a.disabled:hover, .pager a.disabled:focus { - cursor: not-allowed; } - -.row.section-row.b2b-page { - display: block; } - -a.pager__item--next:focus, a.pager__item--prev:focus { - text-decoration: none; - border: 0; } - -.pager__item--next, .pager__item--prev { - margin: 5px; - padding: 1.5px 6px 1.5px 6px; } - -.pager .disabled i { - pointer-events: none; - cursor: default; - color: #c4c4c4; } - -.fieldLabel { - color: #666666; } - -.fieldLabel input { - color: #666666; } - -.pSelect { - float: right; - width: 150px; } - -.numericResult { - margin-bottom: 20px; - font-size: 1.6rem; - margin-top: 20px; - display: inline-block; - font-family: "Omnes-ECOMP-W02-Medium", Arial; } - -.mobile-view > .pager__item { - margin: 5px 10px; - width: 24px; - height: 34px; - vertical-align: middle; - line-height: 34px; } - -.fade1, .fadel { - opacity: 0.4; } - -.fade2, .fadesl { - opacity: 0.6; } - -h4#pagination-truncated { - margin-top: 50px; } - -h4#pagination-large-count { - margin-top: 50px; } - -.p-col-md-12 input { - margin-left: 20px; } - -.pager a .icon-primary-right:before { - display: inline-block; } - -.pager a .icon-primary-left:before { - display: inline-block; } - -.page-heading { - background: white none repeat scroll 0 0; - margin-bottom: -12px; - padding-left: 10px; - padding-right: 10px; - position: relative; } - -.numericResult:focus { - outline: 1px dotted #0574ac; } - -.page-heading-group { - color: #ef6f00; - font-family: "Omnes-ECOMP-W02-Medium", Arial; } - -.pager > div > span.fieldLabel { - margin-left: 18px; } - -.pager .fieldLabel .btn-arrow { - top: 0; - left: 10px; - margin-left: -5px; } - -.b2b-p-col-md-12 { - width: 50%; } - .b2b-p-col-md-12 input { - margin-left: 20px; } - -.b2b-pager__item { - border-radius: 0; - cursor: default; - display: inline-block; - margin: 0px 5px 0 5px; - height: 23px; - vertical-align: baseline; } - -.b2b-pager__item--noclick { - pointer-events: none !important; - cursor: default !important; } - -.b2b-pager__item--droppable { - pointer-events: all !important; } - -.b2b-pager { - padding-top: 10px; - padding-bottom: 20px; - text-align: center; - margin: 0 auto; } - .b2b-pager a:hover { - text-decoration: none; - color: #333333; - cursor: pointer; } - .b2b-pager a:focus { - text-decoration: none; - color: #333333; - cursor: pointer; } - .b2b-pager a .icon-primary-right:before { - display: inline-block; } - .b2b-pager a .icon-primary-left:before { - display: inline-block; } - .b2b-pager .disabled i { - pointer-events: none; - cursor: default; - color: #c4c4c4; } - -.b2b-pager__item--input { - color: #067ab4; - max-height: 32px; - max-width: 60px; - padding-left: 0; - padding-right: 0; - text-align: center; - margin-left: 5px; } - -.row.section-row { - margin-bottom: 20px; } - -.b2b-pager__item--active { - border-bottom: 2px solid #0574ac; - border-radius: 0; - color: #333333; } - -.row.section-row.b2b-page { - display: block; } - -a.b2b-pager__item--next:focus { - text-decoration: none; - border: 0; } - -a.b2b-pager__item--next-disabled { - outline: 0; } - -a.b2b-pager__item--next-disabled > [class^="icon-primary-"] { - color: #cccccc; - cursor: not-allowed; - outline: 0; } - -a.b2b-pager__item--prev:focus { - text-decoration: none; - border: 0; } - -a.b2b-pager__item--prev-disabled { - outline: 0; } - -a.b2b-pager__item--prev-disabled > [class^="icon-primary-"] { - color: #cccccc; - cursor: not-allowed; } - -.b2b-pager__item--next { - padding: 1.5px 0px 1.5px 0px; } - -.b2b-pager__item--prev { - padding: 1.5px 0px 1.5px 0px; } - -.fieldLabel { - color: #666666; } - .fieldLabel input { - color: #666666; } - .fieldLabel .btn-arrow { - top: 0; - left: 10px; } - -.b2b-pSelect { - float: right; - width: 150px; } - -.b2b-numericResult { - margin-bottom: 20px; - font-size: 1.6rem; - margin-top: 20px; } - -.b2b-mobile-view > .b2b-pager__item { - margin: 5px 10px; - min-width: 23px; - height: 34px; - vertical-align: middle; - line-height: 34px; } - -.b2b-fade1 { - opacity: 0.4; } - -.b2b-fade2 { - opacity: 0.6; } - -.b2b-fadesl { - opacity: 0.6; } - -h4#b2b-pagination-truncated { - margin-top: 50px; } - -h4#b2b-pagination-large-count { - margin-top: 50px; } - -.b2b-page-heading { - background: white none repeat scroll 0 0; - margin-bottom: -12px; - padding-left: 10px; - padding-right: 10px; - position: relative; } - -.b2b-numericResult:focus { - outline: 1px dotted #0574ac; } - -.b2b-page-heading-group { - color: #ef6f00; - font-family: "Omnes-ECOMP-W02-Medium", Arial; } - -.b2b-pager > div > span.fieldLabel { - margin-left: 18px; } - -.b2b-go-to-page { - margin-top: 14px; } - -.b2b-go-to-page-inline { - display: inline-block; } - -input.b2b-phone-mask-input { - padding-right: 15px; } - input.b2b-phone-mask-input:hover, input.b2b-phone-mask-input:focus { - padding-right: 15px; } - -/************************** Start - Should be removed after the styling in global is fixed *******************/ -input::-ms-clear { - display: none; } - -/************************** End - Should be removed after the styling in global is fixed *******************/ -@media (max-width: 767px) { - input::-ms-clear { - display: block; } } - -.pivot-link-group { - background-color: #5a5a5a; - border-top: 1px solid #959595; } - -.pivot-links > li { - border-bottom: 1px solid #959595; } - -.pivot-links > li > a { - color: #fff; - display: block; - padding: 12px 15px 10px; - line-height: normal; } - -.b2b-profile-block-container { - min-height: 200px; - height: auto; - background-color: #fff; - border-radius: 8px; - border: 1px solid #ccc; - box-shadow: 0px 1px 1px 1px #ccc; - display: inline-table; - margin: 15px 15px; } - -.b2b-profile-block-details p, .b2b-profile-block-details div { - padding: 2px 7px; - font-size: 1.4rem; } - -.b2b-profile-block-details .radio-label, .b2b-profile-block-details a { - font-size: 1.4rem; } - -.b2b-profile-block-details p label, .b2b-profile-block-details p span { - padding-left: 10px; } - -.b2b-profile-block-footer { - margin-bottom: 12px; - margin-top: 5px; - height: 35px; } - -.b2b-profile-block-details p { - word-wrap: break-word; - height: 61px; } - .b2b-profile-block-details p:first-child { - margin-top: 10px; } - .b2b-profile-block-details p:after { - content: ' '; - display: block; - border: 0.2px solid #ccc; - margin-top: 12px; } - -.b2b-profile-block-details .radio { - margin-left: 15px; - height: 30px; } - -.b2b-approval-icon { - color: #1b7e28; - float: right; - position: relative; - left: 10px; } - .b2b-approval-icon i { - color: #1b7e28; - float: right; } - -.b2b-profile-link { - float: right; - position: relative; - left: -4px; } - -a.link-profile { - position: relative; - left: -5px; - float: right; - margin-bottom: 16px; } - -.b2b-profile-block-radio { - position: relative; - top: -5px; } - -.b2b-profile-card { - min-width: 229px; - min-height: 354px; - margin: 10px; - border: solid 1px #CCC; - font-family: "Omnes-ECOMP-W02", Arial; - display: inline-block; - vertical-align: top; } - .b2b-profile-card .top-block { - padding: 15px 20px; - background-color: #e4e4e4; - max-height: 153px; } - .b2b-profile-card .bottom-block { - padding: 15px 20px 15px 20px; - background-color: #fff; } - .b2b-profile-card .profile-image { - background: #e4e4e4; - margin-bottom: 15px; - text-align: center; } - .b2b-profile-card .profile-image .default-img { - display: inline-block; - width: 60px; - height: 60px; - margin-bottom: 10px; - border: 6px solid #fff; - border-radius: 99em; - -webkit-border-radius: 99em; - -moz-border-radius: 99em; - /* background-color: #eee; */ } - -.profile-image img { - display: inline-block; - width: 60px; - height: 60px; - margin-bottom: 10px; - border: 6px solid #fff; - border-radius: 99em; - -webkit-border-radius: 99em; - -moz-border-radius: 99em; - /* background-color: #eee; */ } - -.b2b-profile-card .profile-image .default-img { - font-family: "Omnes-ECOMP-W02", Arial; - color: #333; - background-color: #fff; - font-size: 32px; - line-height: 22px; - padding: 5px; - padding-top: 13px; - width: 60px; - height: 60px; - text-transform: uppercase; } - -.b2b-profile-card .profile-image .name { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-size: 16px; - color: #333; - text-align: center; - margin-bottom: 5px; - margin-top: 5px; - overflow: hidden; - word-break: break-word; - white-space: normal; - text-transform: capitalize; } - -.b2b-profile-card .profile-image .status-icon { - border-radius: 10px; - border: 1px solid #fff; - margin: 0 3px 0 0; - width: 10px; - height: 10px; - display: inline-block; - vertical-align: middle; } - -.b2b-profile-card .profile-image .status { - font-size: 12px; - line-height: 15px; - text-align: center; - margin: 0 15px 0 0; - color: #444; } - -.b2b-profile-card .status .circle { - width: 10px; - height: 10px; - border-radius: 50%; - margin: 30px 6px 0px 20px; - text-align: center; - background-color: #444; } - -.b2b-profile-card .profile-image .status-green { - background-color: #0c0; } - -.b2b-profile-card .profile-image .status-red { - background-color: red; } - -.b2b-profile-card .profile-image .status-blue { - background-color: #00f; } - -.b2b-profile-card .profile-image .status-yellow { - background-color: #ff0; } - -.b2b-profile-card .profile-image .status .status-badge { - margin-left: 5px; - border: dotted 1px #444; - background-color: transparent; - font-weight: 400; - color: #444; - height: 17px; - padding: 0 5px; - font-size: 11px; - padding-left: 5px; - padding-right: 5px; } - -.b2b-profile-card .profile-details { - background: #fff; } - .b2b-profile-card .profile-details label { - display: block; - cursor: text; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-weight: bolder; - font-size: 14px; - color: #333; - padding: 0; - margin: 0; } - .b2b-profile-card .profile-details div { - margin: 0; - font-size: 14px; - color: #333; - padding-bottom: 6.5px; } - -.b2b-profile-card .b2b-add-user { - background: white; - border-style: dotted; - font-size: 16px; - color: #333; - position: relative; } - .b2b-profile-card .b2b-add-user i { - font-size: 30px; - padding-bottom: 15px; } - -.b2b-profile-card .atcenter { - cursor: pointer; - margin-top: 60%; - vertical-align: middle; - text-align: center; } - -.b2b-profile-card .tooltip { - cursor: pointer; } - .b2b-profile-card .tooltip .helpertext { - position: relative; - color: white; } - -.b2b-profile-card .tooltip-wrapper { - position: relative; } - -/* Overrides for tooltip absolute positioning */ -@media (min-width: 1025px) { - .b2b-profile-card .tooltip-size-control { - width: 100% !important; } } - -@-webkit-keyframes progress-bar-stripes { - from { - background-position: 0 0; } - to { - background-position: 80px 0; } } - -@keyframes progress-bar-stripes { - from { - background-position: 0 0; } - to { - background-position: 80px 0; } } - -.progress { - background-color: #e4e4e4; - border-radius: 4px; - height: 14px; - margin-bottom: 20px; - min-width: 250px; - overflow: hidden; - padding: 0; - position: relative; } - -a .progress { - margin-bottom: 0; } - -.progress .bar { - background-color: #666; - border-radius: 4px; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 100%; - width: 0; } - -.progress-arrow { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; } - -.progress-link + .usage-bar { - margin-top: 5px; } - -.progress-success .bar, .progress .bar-success { - background-color: #1b7e28; } - -.progress-warning .bar, .progress .bar-warning { - background-color: #ef6f00; } - -.progress-danger .bar, .progress .bar-danger { - background-color: #cf2a2a; } - -.progress.increment { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; } - -.progress.increment .bar:first-child:not(:last-child) { - border-right: none; - border-radius: 4px 0 0 4px; } - -.progress.increment .bar:last-child:not(:first-child) { - border-left: none; - border-radius: 0 4px 4px 0; } - -.progress.increment .bar + .bar:not(:last-child) { - border-left: none; - border-right: none; - border-radius: 0; } - -.progress.increment .bar:not(:first-child) { - border-left: 1px solid white !important; } - -.usage-bar { - display: table; - float: none; - width: 100%; - margin-bottom: 1px; } - -.usage-bar > .usage-text { - display: table-cell; - width: 1%; } - -.progress + .usage-bar { - margin-top: -15px; } - -.usage-bar .usage-text { - font-size: 1.4rem; } - -.usage-bar .usage-text:first-child { - white-space: nowrap; } - -.usage-bar .usage-text.text-right { - vertical-align: top; - font-size: 1.4rem; - width: auto !important; } - -.usage-bar .usage-text.text-right:before { - content: ""; - display: table; - height: .1em; } - -.usage-bar.billing-cycle .usage-text { - font-size: 1.4rem; } - -.usage-bar.billing-cycle .usage-text.text-right { - vertical-align: bottom; } - -.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"] { - background-color: #1b7e28; } - -.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"] { - background-color: #ef6f00; } - -.progress.autocolor [data-percentage^="9"], .progress.autocolor [data-percentage="100"] { - background-color: #cf2a2a; } - -.b2b-seek-bar-container { - position: relative; } - .b2b-seek-bar-container div { - position: absolute; } - .b2b-seek-bar-container .b2b-seek-bar-track-container { - width: 100%; } - .b2b-seek-bar-container .b2b-seek-bar-track { - width: 100%; - height: 6px; - background-color: #cccccc; - border-radius: 10px; } - .b2b-seek-bar-container .b2b-seek-bar-track-fill { - width: 100%; - height: 6px; - background-color: #cccccc; - border-radius: 10px; - width: 0; - background-color: #157BB2; - transition: width 0s linear; } - -.seek-bar-container .seek-bar-knob-container { - transition: left 0s linear; } - -.b2b-seek-bar-container .b2b-seek-bar-knob { - width: 14px; - height: 14px; - border-radius: 10px; - top: -4px; - left: -8px; - border: 1px solid #cccccc; - background: white; - cursor: pointer; } - -.b2b-seek-bar-container .b2b-seek-bar-knob:focus { - outline: thin dotted #666; } - -.b2b-seek-bar-container.vertical { - width: 100%; - height: 100%; - margin: 0 auto; - position: relative; - border-radius: 10px; } - .b2b-seek-bar-container.vertical .b2b-seek-bar-track-container { - position: relative; - height: 100%; } - .b2b-seek-bar-container.vertical .b2b-seek-bar-track { - position: absolute; - height: 100%; } - .b2b-seek-bar-container.vertical .b2b-seek-bar-track-fill { - position: absolute; - bottom: 0; - height: 0; - width: 100%; } - .b2b-seek-bar-container.vertical .b2b-seek-bar-knob-container { - transition: bottom .01s linear; - position: relative; - bottom: 0; } - .b2b-seek-bar-container.vertical .b2b-seek-bar-knob { - position: absolute; - border-radius: 10px; - top: -7px; - left: -4px; } - -.form-search .search-query { - width: 100% !important; } - -.form-search .well { - margin-top: 0; } - -.form-search > ul.nav > li.section { - min-height: 20px !important; } - -input.b2b-search-input-field { - margin-bottom: 0px; } - -.search-suggestion-list { - background-color: #FFFFFF; - border: 1px solid #ccc; - border-radius: 0 0 6px 6px; - box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); - margin-top: -5px; - max-height: 400px; - overflow-x: hidden; - overflow-y: auto; - padding: 15px 0; - position: absolute; - width: 100%; - z-index: 1000; } - .search-suggestion-list > li.active { - background-color: #cccccc; } - .search-suggestion-list:empty { - display: none; } - -.b2b-search-hightlight { - font-weight: bold; } - -input[type="text"]::-moz-placeholder { - color: #767676; - font-family: "Omnes-ECOMP-W02-Italic", Arial; } - -input[type="text"]:focus { - z-index: 1000; } - -input[type="text"] + .reset-field { - background-color: #FFFFFF; - height: 90%; - top: 5%; } - -.btn-search:focus { - outline: 1px dotted #0574ac; } - -.field-group input:not([type="button"])[disabled] ~ .btn-search { - background-color: #eee; } - -.btn-search[class*="btn"] { - background-color: #FFFFFF; - background-size: 20px 20px; - border-radius: 0 1.5rem 1.5rem 0; - height: 3rem; - min-width: 4.4rem !important; - right: 0.15rem; - top: 0.15rem; - width: 4.4rem; } - -.search-suggestion-wrapper { - margin-bottom: 15px; - position: relative; } - .search-suggestion-wrapper .no-result { - padding: 0px 15px; } - -.search-suggestion-item { - color: #333333; - line-height: 4rem; - padding: 0 15px; - position: relative; - z-index: 1000; } - .search-suggestion-item:hover { - background-color: #e4e4e4; - cursor: pointer; } - .search-suggestion-item:focus { - background-color: #e4e4e4; - cursor: pointer; } - .search-suggestion-item a { - color: #333333; - text-decoration: none; } - -.btn-search i { - color: #767676; } - -input.b2b-search-input-field:focus ~ .btn-search > i, .btn-search:focus > i { - color: #0568ae; } - -button.btn-search[disabled] { - cursor: not-allowed; } - button.btn-search[disabled] i { - color: #767676; } - -.innershadow { - -webkit-background-blend-mode: mutilply; - box-shadow: 0 3px 0 2px rgba(0, 0, 0, 0.08); } - -.linkSelectorModule { - position: relative; - height: 32px; - line-height: 20px; - border: 0px; - width: auto; - display: block; } - .linkSelectorModule .icon-primary-down { - font-size: 23px; - margin-top: -10px; - position: absolute; - top: 50%; - margin-left: -30px; } - .linkSelectorModule .selectModule { - background-color: transparent; - border: none; - color: #0568ae; - cursor: pointer; - border: 1px solid transparent; - box-shadow: none; - padding-right: 35px; - position: relative; - user-select: none; - font-size: 1.6rem; } - .linkSelectorModule .selectModule:focus { - border: 1px dotted #ccc; - box-shadow: none; - -moz-user-select: none; } - .linkSelectorModule .selectModule:hover { - text-decoration: underline; } - .linkSelectorModule .active + .moduleWrapper:before { - background-color: #FFFFFF; - border-color: #d2d2d2; - border-style: solid; - border-width: 1px 1px 0 0; - content: ""; - display: block; - height: 15px; - right: 122px; - margin: 0; - position: absolute; - top: -8px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - width: 15px; } - .linkSelectorModule .moduleWrapper { - top: 40px; } - .linkSelectorModule ul.awd-module-list { - border-radius: 6px 6px 0px 0px; } - -.selectorModule .icon-primary-down { - font-size: 23px; - margin-top: -11px; - position: absolute; - right: 4px; - top: 50%; } - -.selectorModule .selectModule { - border: 1px solid #d2d2d2; - border-radius: 6px; - box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15); - display: block; - width: 100%; - padding-left: 15px; - background-color: transparent; - cursor: pointer; } - .selectorModule .selectModule:focus { - border: 1px solid #0568ae; - -moz-user-select: none; } - .selectorModule .selectModule span.module-data { - position: absolute; - bottom: 6px; - line-height: 20px; } - .selectorModule .selectModule img + span.module-data { - padding-left: 45px; } - -.selectorModule .selectModule.active { - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; } - -.selectorModule .moduleWrapper { - position: absolute; - width: 100% !important; - border-top: none; } - -.selectorModule ul.awd-module-list { - border-radius: 0px 0px 6px 6px; } - -.selectorModule .large > img { - height: 30px; - position: absolute; - width: 30px; - top: 20px; - left: 15px; } - -.selectModule { - background-color: transparent; - font-family: "Omnes-ECOMP-W02", Arial; - color: #333333; - font-size: 1.6rem; - height: 36px; - line-height: 35px; - margin-bottom: 0; - position: relative; - text-align: left; - top: 0; - z-index: 10; - padding: 0px; - margin: 0px; - cursor: pointer; } - -.moduleWrapper { - background-color: #FFFFFF; - position: absolute; - color: #191919; - z-index: 9999; - box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15); - border-radius: 0px 0px 6px 6px; } - .moduleWrapper .module-list-item img { - height: 30px; - position: absolute; - width: 30px; - top: 30px; - left: 15px; - align-self: center; } - .moduleWrapper span { - display: block; - white-space: nowrap; - font-size: 1.5rem; } - -.awd-module-list { - overflow-y: auto; - z-index: 9999; - max-height: 360px; - border: 1px solid #d2d2d2; } - .awd-module-list .module-list-item > .module-data { - overflow: ellipsis; - white-space: nowrap; - line-height: 20px; - font-size: 1.6rem; - border-bottom: 1px dotted #959595; - margin: 0px 15px 0px 15px; - padding-right: 50px; - padding-bottom: 14px; - padding-top: 14px; - align-self: center; - width: 100%; } - .awd-module-list .module-list-item:hover { - background-color: #f2f2f2; } - .awd-module-list .module-list-item:active { - background-color: #f2f2f2; } - .awd-module-list .module-list-item[aria-selected="true"] { - background-color: #f2f2f2; } - -.module-list-item { - cursor: pointer; - overflow: hidden; - position: relative; - overflow: ellipsis; - white-space: nowrap; - z-index: 1000; - color: #191919; - display: flex; } - .module-list-item:last-of-type .module-data { - border-bottom: none; } - .module-list-item img + span.module-data { - padding-left: 45px; } - -.module-groups:first-of-type .module-list-item:last-of-type .module-data { - border-bottom: 1px solid #959595; } - -.module-groupitem { - padding-bottom: 4px; } - -.selectorModule.large { - height: 72px; - vertical-align: middle; - text-align: left; } - .selectorModule.large .moduleWrapper { - top: 71px; } - .selectorModule.large input { - height: 72px; - vertical-align: middle; - text-align: left; } - .selectorModule.large button { - height: 72px; - vertical-align: middle; - text-align: left; } - .selectorModule.large .selectModule img { - left: 15px; - top: 21px; } - -ul.module-groupitem li { - margin: 0 -15px 0 -15px; } - -span.module-data span { - display: block; - line-height: 20px; - font-size: 1.5rem; } - -li.module-groups { - cursor: default !important; - padding: 18px 15px 0px 15px; } - -li.module-list-item[selected]:before { - box-sizing: border-box; - display: inline-block; - font-size: 2em; - height: 1em; - position: absolute; - top: 20px; - right: 0px; - vertical-align: middle; - width: 1em; - color: #007a3e; } - -ul.module-optinalcta { - position: relative; - height: 44px; - margin-top: 0px; - border-bottom: 1px solid #d2d2d2; - border-left: 1px solid #d2d2d2; - border-right: 1px solid #d2d2d2; - border-radius: 0px 0px 6px 6px; } - ul.module-optinalcta li { - position: absolute; - bottom: 10px; } - ul.module-optinalcta a { - text-indent: 15px; - padding: 15px; } - -.b2b-slider-container { - position: relative; } - .b2b-slider-container.slider-disabled { - cursor: not-allowed !important; } - .b2b-slider-container div { - position: absolute; } - .b2b-slider-container .slider-track-container { - width: 100%; - cursor: pointer; } - .b2b-slider-container .slider-track { - width: 100%; - height: 6px; - background-color: #cccccc; - border-radius: 10px; - border: 1px solid #cccccc; } - .b2b-slider-container .slider-track-fill { - width: 100%; - height: 6px; - background-color: #cccccc; - border-radius: 10px; - width: 0; - background-color: #157BB2; - transition: width 0s linear; - border: 1px solid #cccccc; } - .b2b-slider-container .slider-knob-container { - transition: left 0s linear; } - .b2b-slider-container .slider-knob-container.slider-knob-hidden { - display: none !important; } - .b2b-slider-container .slider-knob { - width: 14px; - height: 14px; - border-radius: 10px; - top: -4px; - left: -8px; - border: 1px solid #cccccc; - background: white; - cursor: pointer; } - .b2b-slider-container .slider-knob:focus { - outline: thin dotted #666; } - -.b2b-slider-endpoints-container { - margin-top: 13px; - color: #333; - font-size: 12px; } - .b2b-slider-endpoints-container .b2b-slider-endpoints-left { - float: left; - line-height: 100%; } - .b2b-slider-endpoints-container .b2b-slider-endpoints-right { - float: right; - line-height: 100%; } - .b2b-slider-endpoints-container::after { - clear: both; - content: ""; - display: block; } - -.b2b-slider-container.vertical { - width: 100%; - height: 100%; - margin: 0 auto; - position: relative; - border-radius: 10px; } - .b2b-slider-container.vertical .slider-track-container { - position: relative; - height: 100%; } - .b2b-slider-container.vertical .slider-track { - position: absolute; - height: 100%; } - .b2b-slider-container.vertical .slider-track-fill { - position: absolute; - bottom: 0; - height: 0; - width: 100%; } - .b2b-slider-container.vertical .slider-knob-container { - transition: bottom 0s linear; - position: relative; - bottom: 0; } - .b2b-slider-container.vertical .slider-knob-container.slider-knob-hidden { - display: none !important; } - .b2b-slider-container.vertical .slider-knob { - position: absolute; - border-radius: 10px; - top: -7px; - left: -4px; } - -.icon-primary-spinner { - 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"); - height: 50px; - width: 50px; } - -.icon-primary-spinner.small { - margin-right: 5px; - height: 30px !important; - width: 30px !important; } - -.isIE .icon-primary-spinner, -.isIE .icon-primary-spinner.small { - animation: spinner 1s linear infinite; } - -.ds2-no-colors .icon-primary-spinner { - animation: spinner 1s linear infinite; - border: 5px dotted transparent; - border-radius: 50%; } - -@keyframes spinner { - 0% { - transform: rotate(0deg); } - 100% { - transform: rotate(359deg); } } - -.b2b-status-tracker > .btn-arrow:nth-of-type(1) { - margin-right: 10px; } - -.b2b-status-tracker > .btn-arrow:nth-of-type(2) { - margin-left: 20px; } - -.b2b-status-tracker > .btn-arrow { - height: 20px; - margin-top: 25px; - overflow: visible; } - .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-left { - margin-right: 5px; - color: #0574ac; } - .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-right { - color: #0574ac; } - -.b2b-status-tracker > .b2b-status-tracker-step { - padding: 0; - position: relative; } - -.b2b-status-tracker-step { - margin-left: 5px; } - -.b2b-status-tracker > .b2b-status-tracker-step .b2b-status-tracker-heading { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-size: 14px; - color: #191919; - margin-bottom: 10px; } - -.b2b-status-tracker > .b2b-status-tracker-step.complete > .progress > .progress-bar { - width: 100%; - background-color: #1b7e28; } - -.b2b-status-tracker > .b2b-status-tracker-step.complete .icoControls-approval { - color: #1b7e28; } - -.b2b-status-tracker > .b2b-status-tracker-step.current > .progress > .progress-bar { - width: 100%; - background-color: #333333; } - -.b2b-status-tracker > .b2b-status-tracker-step.current .icon-misc-time { - color: #333333; } - -.b2b-status-tracker > .b2b-status-tracker-step.pending > .progress > .progress-bar { - width: 100%; - background-color: #ffb81c; } - -.b2b-status-tracker > .b2b-status-tracker-step.pending .icoControls-statusokay { - color: #ffb81c; } - -.b2b-status-tracker > .b2b-status-tracker-step.actionRequired > .progress > .progress-bar { - width: 100%; - background-color: #cf2a2a; } - -.b2b-status-tracker > .b2b-status-tracker-step.actionRequired .icoSecurityalerts-alert { - color: #cf2a2a; } - -.b2b-status-tracker > .b2b-status-tracker-step.notAvailable > .progress > .progress-bar { - width: 100%; - background-color: #767676; } - -.b2b-status-tracker > .b2b-status-tracker-step.notAvailable .icoControls-restricted { - color: #767676; } - -.b2b-status-tracker > .b2b-status-tracker-step > .progress { - position: relative; - border-radius: 1.5px; - height: 3px; - margin-bottom: 10px; - background-color: #c5c5c5; } - .b2b-status-tracker > .b2b-status-tracker-step > .progress > .progress-bar { - width: 0; - height: 3px; } - -.b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-estimate { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-size: 14px; - color: #191919; - margin-bottom: 10px; } - -.b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description { - font-family: "Omnes-ECOMP-W02", Arial; - font-size: 12px; - color: #767676; - padding-right: 15px; } - .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description a { - cursor: pointer; } - -.step-indicator { - height: auto; - padding: 40px 0; } - -.step-heading { - color: #333333; - font-family: "Omnes-ECOMP-W02", Arial; - font-size: 3.8rem; - line-height: 0.8; } - -.steps { - display: flex; - height: 5px; - margin-top: 60px; - position: relative; } - -.steps li { - color: #5a5a5a; - flex: 1; - margin-right: 5px; - background-color: #c4c4c4; - outline: 1px solid transparent; } - -.steps li:first-child { - border-radius: 4px 0 0 4px; } - -.steps li:last-child { - margin-right: 0; - border-radius: 0 4px 4px 0; } - -.steps li.step-on, -.steps li.step-done { - background-color: #007a3e; - color: #007a3e; - border: 1px solid transparent; } - -.step-text { - bottom: 29px; - display: inline-block; - font-size: 1.8rem; - margin-top: 0; - position: relative; - white-space: nowrap; } - -.step-on .step-text { - font-family: "Omnes-ECOMP-W02-Medium", Arial; } - -.steps li .step-text[data-large-text]:before { - content: attr(data-large-text) " "; } - -.step-confirmation { - color: #007a3e; - margin-bottom: 30px; } - -.step-confirmation > div { - display: flex; } - -.step-confirmation > div i { - color: #007a3e; - font-size: 50px; - margin-right: 10px; } - -.step-confirmation.centered > div i { - margin-left: -60px; } - -.step-confirmation > div h3 { - font-size: 2.4rem; - margin: 26px 0 20px; } - -.step-confirmation > p { - margin: 0; } - -@media (max-width: 1024px) { - .step-indicator { - padding: 25px 0; } - .steps { - margin-top: 0; } - .step-heading { - font-size: 2.4rem; - margin-bottom: 11px; } - .step-text { - display: none; } - .step-on .step-text { - bottom: 6px; - display: block; - font-size: 1.2rem; - left: 0; - line-height: 1; - margin-top: 10px; - position: absolute; - top: 4px; } - .steps li .step-text[data-sm-text]:before { - content: attr(data-sm-text) " "; - color: #333333; } - .step-confirmation { - margin-top: 30px !important; } } - -@media (max-width: 767px) { - .step-confirmation.centered > div i { - margin-left: 0; } - .step-confirmation.centered > p { - margin-left: 40px; } - .step-confirmation > div h3 { - font-size: 1.8rem; - margin: 13px 0 10px; } - .step-confirmation > div i { - font-size: 30px; - margin-right: 10px; } } - -.step-indicator.vertical { - height: auto; } - -.vertical .step-heading { - font-size: 24px; } - -.vertical .steps { - display: block; - height: inherit; - width: 100%; } - -.vertical .steps li { - align-items: center; - background-color: transparent; - display: flex; - height: 60px; - margin: 0 0 4px; - padding: 0 0 0 20px; - position: relative; } - -.vertical .steps li .step-text { - align-self: center; - color: #0568ae; - display: block; - margin: 0; - position: relative; - font-size: 14px; - top: 0; } - -.vertical .steps li .step-text[data-large-text]:before { - content: attr(data-large-text) " "; } - -.vertical .steps li:after { - background-color: transparent; - border-left: 4px solid #d2d2d2; - content: ""; - height: 60px; - left: 0; - margin: 0; - padding: 0; - position: absolute; - top: 0; - width: 4px; } - -.vertical .steps li.step-on:after, -.vertical .steps li.step-done:after { - border-color: #0568ae; } - -.b2b-step-tracker { - height: auto; - padding: 0px 0px 0px 0px; } - .b2b-step-tracker .btn.btn-left { - margin-right: 10px; } - .b2b-step-tracker .btn.btn-right { - margin-left: 5px; } - .b2b-step-tracker .b2b-left-arrow { - float: left; - margin-top: -5px; } - .b2b-step-tracker .b2b-right-arrow { - float: right; - margin-top: -5px; } - .b2b-step-tracker .b2b-steps { - display: flex; - height: 5px; - margin-top: 30px; - position: relative; } - .b2b-step-tracker .b2b-steps li { - color: #767676; - flex: 1; - margin-right: 5px; - background-color: #767676; - outline: 1px solid transparent; - height: 3px; } - .b2b-step-tracker .b2b-steps li.b2b-step-done { - background-color: #1b7e28; - color: #007a3e; - height: 3px; } - .b2b-step-tracker .b2b-steps li.b2b-step-on { - background-color: #333333; - color: #333333; - height: 3px; - font-family: "Omnes-ECOMP-W02-Medium", Arial; } - .b2b-step-tracker .b2b-steps li .b2b-step-text { - bottom: 29px; - display: inline-block; - font-size: 14px; - margin-top: 0; - position: relative; - white-space: nowrap; } - .b2b-step-tracker .b2b-steps li .b2b-step-text[data-large-text]:before { - content: attr(data-large-text) " "; } - .b2b-step-tracker .b2b-steps li:first-child { - border-radius: 2px 0 0 2px; } - .b2b-step-tracker .b2b-steps li:last-child { - margin-right: 0; - border-radius: 0 2px 2px 0; } - -@media (max-width: 1024px) { - .b2b-step-tracker { - padding: 25px 0; } - .b2b-step-tracker .b2b-steps { - margin-top: 0; } - .b2b-step-tracker .b2b-steps li .b2b-step-text { - display: none; } - .b2b-step-tracker .b2b-steps li .b2b-step-text[data-sm-text]:before { - content: attr(data-sm-text) " "; - color: #333333; } - .b2b-step-tracker .b2b-steps li.b2b-step-on .b2b-step-text { - bottom: 6px; - display: block; - font-size: 10px; - left: 0; - line-height: 1; - margin-top: 10px; - position: absolute; - top: 4px; } } - -.strength-meter-container { - height: 26px; - max-width: 450px; } - -.strength-meter-gauge { - border-radius: 2px; - background-color: #d2d2d2; - height: 5px; - display: block; - position: relative; - outline: 1px solid transparent; } - -.strength-meter-gauge-fill { - height: 100%; - display: block; - border-radius: 2px; - text-indent: -9999px; - width: 0%; - border: 2px solid transparent; } - -.strength-meter-gauge-fill.strength-meter-animate { - transition: width 0.5s linear, background-color 0.5s linear; } - -.strength-meter-animate[style*="20"] { - background-color: #cf2a2a; } - -.strength-meter-animate[style*="20"] + .strength-meter-divider + .strength-meter-content:after { - content: "Unacceptable"; } - -.strength-meter-animate[style*="40"] { - background-color: #ea7400; } - -.strength-meter-animate[style*="40"] + .strength-meter-divider + .strength-meter-content:after { - content: "Weak"; } - -.strength-meter-animate[style*="60"] { - background-color: #ea7400; } - -.strength-meter-animate[style*="60"] + .strength-meter-divider + .strength-meter-content:after { - content: "Fair"; } - -.strength-meter-animate[style*="80"] { - background-color: #007a3e; } - -.strength-meter-animate[style*="80"] + .strength-meter-divider + .strength-meter-content:after { - content: "Good"; } - -.strength-meter-animate[style*="100"] { - background-color: #007a3e; } - -.strength-meter-animate[style*="100"] + .strength-meter-divider + .strength-meter-content:after { - content: "Excellent"; } - -.strength-meter-divider { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - display: flex; - overflow: hidden; } - -.strength-meter-divider span { - background: transparent; - display: block; - flex-grow: 1; - border-right: solid 1px #fff; } - -.strength-meter-divider span:first-child { - border-radius: 2px 0 0 2px; } - -.strength-meter-divider span + .strength-meter-divider span { - border-radius: 0; } - -.strength-meter-divider span:last-child { - border-radius: 0 2px 2px 0; - border-right: 0; } - -.strength-meter-content { - font-size: 14px; - line-height: 1; - padding-top: 7px; - position: absolute; } - -.strength-meter-content:before { - font-family: "Omnes-ECOMP-W02", Arial; - content: "Password strength: "; } - -.strength-meter-content:after { - font-family: "Omnes-ECOMP-W02-Medium", Arial; } - -.strength-meter-container { - height: 26px; - min-width: 290px; - max-width: 450px; } - -.strength-meter-container .strength-meter-gauge { - border-radius: 2px; - background-color: #cccccc; - box-shadow: 0 1px 1px -1px #333 inset; - height: 5px; - display: block; - overflow: hidden; - position: relative; } - -.strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill { - height: 100%; - box-shadow: 0 1px 1px -1px #999 inset; - display: block; - text-indent: -9999px; - width: 0%; } - -.strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill.strength-meter-animate { - transition: width 0ms ease-out, background-color 0ms ease-in; } - -.strength-meter-container > .strength-meter-gauge > .strength-meter-divider { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - display: flex; } - -.strength-meter-container > .strength-meter-gauge > .strength-meter-divider span { - background: transparent; - display: block; - flex-grow: 1; - border-right: solid 1px #fff; } - -.strength-meter-container > .strength-meter-gauge > .strength-meter-divider span:last-child { - border-right: 0; } - -.strength-meter-container > .strength-meter-content { - font-family: "Omnes-ECOMP-W02", Arial; - font-size: 14px; - line-height: 1; - padding-top: 7px; } - -.strength-meter-container > .strength-meter-content:before { - content: none; } - -.strength-meter-container > .strength-meter-content > .strength-meter-content-state { - font-family: "Omnes-ECOMP-W02-Medium", Arial; } - -.btn-switch-label { - display: flex; - align-items: center; } - .btn-switch-label:focus .btn-switch { - outline: 1px dotted #666; - outline-offset: 5px; } - .btn-switch-label input:focus .btn-switch { - outline: 1px dotted #666; - outline-offset: 5px; } - .btn-switch-label > span { - flex: 1; } - -.btn-switch { - background-color: #fff; - border: 1px solid #d2d2d2; - border-radius: 16px; - box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.15) inset, 0 5px 5px -5px rgba(0, 0, 0, 0.15); - height: 32px; - overflow: hidden; - position: relative; - width: 80px; - user-select: none; } - .btn-switch input[type="checkbox"] { - left: 0; - margin: 0; - opacity: 0; - position: absolute; - top: 0; - transition: none; } - .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on .activo { - font: 0px/0 "Omnes-ECOMP-W02", Arial; } - .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on + .btn + .btn-slider-off .inactivo { - font: 0px/0 "Omnes-ECOMP-W02", Arial; } - .btn-switch input:checked + .switch-overlay { - left: 0; - transition: all .3s linear .0s; } - .btn-switch input:checked + .switch-overlay .switch-handle { - background-color: #007a3e; - background: linear-gradient(to bottom, #008744 0%, #007a3e 100%); - transition: background-color 0.3s linear 0s; - border: 1px solid transparent; } - .btn-switch input + .switch-overlay { - left: -48px; - transition: all .3s linear .0s; } - .btn-switch input + .switch-overlay .switch-handle { - background-color: #f2f2f2; - background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%); - transition: background-color 0.3s linear 0s; - border: 1px solid #d2d2d2; } - .btn-switch input[disabled] + .switch-overlay { - left: 0; - width: 100% !important; - background-color: #d2d2d2; - color: #959595; - cursor: not-allowed !important; } - .btn-switch input[disabled] + .switch-overlay .btn-slider-on { - display: none; } - .btn-switch input[disabled] + .switch-overlay .activo { - display: none; } - .btn-switch input[disabled] + .switch-overlay .switch-handle { - display: none; } - .btn-switch input[disabled] + .switch-overlay .btn-slider-off { - left: 0; - text-align: center; - padding: 0; } - .btn-switch input[disabled]:checked + .switch-overlay { - left: 0; - width: 100% !important; - background-color: #fff; } - .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off { - display: none; } - .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off + .inactivo { - display: none; } - .btn-switch input[disabled]:checked + .switch-overlay .switch-handle { - display: none; } - .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-on { - display: block; - text-align: center; - padding: 0; - color: #007a3e !important; - font-weight: bold; } - .btn-switch input[disabled]:checked + .switch-overlay .activo { - display: block; - text-align: center; - padding: 0; - color: #007a3e !important; - font-weight: bold; } - .btn-switch input[disabled]:checked + .btn-slider-on { - display: block; } - .btn-switch input[disabled] + .btn-slider-on + .switch-handle { - width: 100%; - margin: 0; } - .btn-switch input[disabled] + .btn-slider-on + .switch-handle + .btn-slider-off { - display: block; } - .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on { - display: none; } - .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo { - border: medium none; - color: #666; - font: 16px/32px "Omnes-ECOMP-W02", Arial; - height: auto; - margin: 0 auto; - width: auto; } - .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo:before { - display: none; } - .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off { - display: block; - padding: 0; - text-align: center; - color: #333333; } - .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo { - border: medium none; - color: #666; - font: 16px/32px "Omnes-ECOMP-W02", Arial; - height: auto; - margin: 0 auto; - width: auto; } - .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo:before { - display: none; } - .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on { - display: block; - padding: 0; - text-align: center; - color: #007a3e; } - .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off { - display: none; } - .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .activo { - color: #007a3e; - font-weight: bold; } - -.switch-overlay { - border-radius: 16px; - color: black !important; - font-size: 1.6rem; - height: 32px; - left: 0; - position: absolute; - top: -1px; - width: 126px; - overflow: hidden; } - -.btn-slider-on { - left: -1px; - text-align: left; - padding-left: 12px; - display: inline-block; - font-family: "Omnes-ECOMP-W02", Arial; - height: 32px; - line-height: 32px; - position: absolute; - top: 1px; - width: 80px; } - -.btn-slider-off { - display: inline-block; - font-family: "Omnes-ECOMP-W02", Arial; - height: 32px; - line-height: 32px; - position: absolute; - top: 1px; - width: 80px; - right: 1px; - text-align: right; - padding-right: 11px; } - -.switch-handle { - border-radius: 50%; - display: inline-block; - height: 26px; - left: 50px; - position: absolute; - top: 3px; - width: 26px; } - -.activo { - display: block; - font-size: 0.1px; - line-height: 40px; - overflow: hidden; } - .activo:before { - background-image: none; - border-left: 3px solid #007a3e; - content: " "; - height: 18px; - left: 22px; - margin: 2px auto; - position: absolute; - top: 5px; - width: 0; } - -.inactivo { - font-size: 0.1px; - line-height: 40px; } - .inactivo:before { - background-image: none; - border: 3px solid #959595; - border-radius: 100%; - content: " "; - display: block; - position: absolute; - top: 4px; - right: 3px; - height: 16px; - width: 16px; } - -.btn-switch.focused { - outline: 1px dotted #000; - outline-offset: 5px; } - -table { - max-width: 100%; - background-color: transparent; - border-collapse: collapse; - border-spacing: 0; - width: 100%; - margin-bottom: 20px; } - -table caption { - text-align: left; } - -table thead th { - vertical-align: bottom; } - -table th, -table td { - padding: 19px 20px; - line-height: 1; - font-size: 1.4rem; - text-align: left; - vertical-align: top; - word-wrap: break-word; } - -table th { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-size: 1.6rem; - font-weight: normal; - color: #333333; - padding: 13px 20px; } - -table tbody td { - border-left: 1px solid #d2d2d2; - border-top: 1px solid #d2d2d2; } - -table tbody td:first-child { - border-left: none; } - -.tiny-accordion.iconleft.accordion-table-layout .toggle-header, -.tiny-accordion.iconleft.accordion-table-layout .toggle-header + .accordion-content, -.tiny-accordion.iconleft.accordion-table-layout .inactive-toggle-header { - padding: 0 0 0 50px; } - -.faux-table-cell, -.inactive-toggle-header .faux-table-cell { - display: table-cell; - width: 100%; - padding: 13px 0 10px 0; - font-size: 16px; - color: #333333; } - -.accordion-content .faux-table-cell { - display: table-cell; - width: 100%; - padding: 0 0 10px 0; } - -.faux-table-cell:last-child { - text-align: right; - min-width: 100px; - max-width: 150px; - width: 1%; - background-color: #f2f2f2; - color: #333333; - font-size: 14px; - border-left: 1px solid #d2d2d2; - padding: 0 20px 0 10px; } - -.tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded { - opacity: 1; } - -.tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded { - opacity: 0; - transition: opacity .3s linear .2s; } - -@media (max-width: 767px) { - table th, - table td { - padding: 19px 10px; } - table th:first-child, - table td:first-child { - padding: 19px 15px; } } - -.data-row-list ul > li { - 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; } - -table { - border-bottom: 1px solid #d2d2d2; } - -table th, -table td { - padding: 15px 15px 10px; } - -.data-row .col-1 { - white-space: nowrap; - padding: 15px 15px 0 15px; - position: relative; - font-family: "Omnes-ECOMP-W02", Arial; - font-size: 1.4rem; - border-top: 1px solid #d2d2d2; } - -.data-row.has-button .col-1 { - padding: 0; } - -.complex-table .data-row .col-1 { - color: #0568ae; - cursor: pointer; } - -.data-row.opened { - box-shadow: 0 -2px 0 0 #d2d2d2; } - -.data-row.opened td, -.data-row.opened th { - border-left: 1px solid transparent; - border-bottom: 1px solid transparent; } - -.data-row.opened + .data-row-list { - box-shadow: 0 1px 0 0 #d2d2d2; } - -.data-row.opened + .data-row-list > td { - padding-top: 0; } - -.data-row.opened + .data-row-list + .data-row.opened { - box-shadow: 0 -1px 0 0 #d2d2d2; } - -.data-row button { - background-color: transparent; - border: medium none; - border-radius: 0; - color: #0568ae; - font-family: "Omnes-ECOMP-W02", Arial; - font-size: 1.4rem; - left: 0; - margin: 0; - padding: 12px 15px 7px; - position: relative; - text-align: left; - top: 0; - vertical-align: middle; } - -.data-row button:focus { - outline: 1px dotted black; } - -.data-row .col-1 i { - top: -1px; - margin-right: 10px; - display: inline-block !important; } - -.data-row-list th:first-child { - background-color: inherit !important; - border-top: none; - padding: 0 15px 15px; - font-family: "Omnes-ECOMP-W02", Arial; - font-size: 1.4rem; } - -.data-row-list ul { - margin: 0 0 0 30px; } - -.data-row-list ul > li:before { - display: none; } - -.data-row-list ul > li { - /* background-image in tables.less */ - background-position: left 13px; - background-repeat: repeat-x; - background-size: 4px 1px; - display: table; - padding-left: 0; - width: 100%; } - -.data-row-list li div { - display: table-cell; - background-color: white; - float: left; - text-align: left; - padding-left: 0; - padding-right: 7px; } - -.data-row-list li div + div { - float: right; - text-align: right; - padding-right: 0; - padding-left: 7px; } - -.complex-table td:nth-child(1), -.complex-table td:nth-child(2), -.complex-table td:nth-child(3), -.complex-table td:nth-child(4), -.complex-table td:nth-child(5), -.complex-table td:nth-child(6), -.complex-table td:nth-child(7), -.complex-table td:nth-child(8), -.complex-table td:nth-child(9) { - white-space: nowrap; } - -th:nth-child(8) { - word-wrap: break-word; - word-spacing: 0; } - -.align-col-right { - text-align: right; } - -.complex-table th:not(:first-child), -.complex-table td:not(:first-child) { - text-align: right; } - -.striped tbody > tr td { - background-color: transparent !important; } - -.striped tbody > tr.data-row.odd, -.striped tbody > tr.data-row.odd + .data-row-list, -.striped tbody > tr.data-row.odd + .data-row-list li div { - background-color: #f2f2f2 !important; } - -.striped tbody > tr:not('.data-row'):nth-child(even) { - background-color: #f2f2f2; } - -.b2b-table-div .selectWrap { - width: 290px; - position: relative; - display: inline-table; - margin-bottom: 0px; } - -.b2b-external-sort-div { - float: right; - padding-bottom: 25px; } - -.b2b-external-sort-div .sortButton { - font-size: 36px; - border: 1px solid #ccc; - background: #FFF; - border-radius: 6px; - text-align: center; - background: linear-gradient(#fcfcfc, #f2f2f2); - background-blend-mode: multiply; - width: 1em; } - -.b2b-external-sort-label { - padding-bottom: 10px; } - -.b2b-external-sort-div a:hover { - cursor: pointer; } - -.b2b-external-sort-div a:hover, .b2b-external-sort-div a:focus { - text-decoration: none; } - -.b2b-external-sort-label label { - position: relative; } - -.b2b-external-sort-margin { - margin-right: 13px !important; } - -.b2b-table-sorter-icon [class*="icoArrows-"]:before { - font-size: 20px; } - -@media screen and (max-width: 950px) { - .b2b-external-sort-margin .selectWrap { - bottom: 0px !important; } } - -.tablesorter-default .tablesorter-header.sorter-false .tablesorter-header-inner { - background: 0 0; - cursor: default; } - -.tablesorter-default .tablesorter-header .tablesorter-header-inner { - /* background-image: url(images/tables/upanddown.png);*/ - background-position: center right; - background-repeat: no-repeat; - cursor: pointer; - white-space: normal; - display: inline-block; - vertical-align: baseline; - zoom: 1; - *display: inline; - *vertical-align: auto; - /* padding: 0 24px 0 0;*/ } - -.tablesorter-default .tablesorter-header.sorter-false .tablesorter-header-inner { - padding: 0; } - -.tablesorter-default .tablesorter-header.tablesort-sortable .tablesorter-header-inner span { - margin-right: 24px; - display: inline-block; } - -/* -.tablesorter-default thead .headerSortUp .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner { - background-image: url(images/tables/up.png); -} - -.tablesorter-default thead .headerSortDown .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner { - background-image: url(images/tables/down.png); -} -*/ -.tablesorter-default thead .headerSortUp .tablesorter-header-inner, -.tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner, -.tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner, -.tablesorter-default thead .headerSortDown .tablesorter-header-inner, -.tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner, -.tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner { - padding-right: 0; - line-height: 16px; } - -.tablesorter-default thead .headerSortUp .tablesorter-header-inner:after, -.tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner:after, -.tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner:after { - font-family: 'icoPrimary' !important; - speak: none; - font-style: normal; - font-size: 24px; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 14px; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - -moz-user-select: none; - -ms-user-select: none; - -webkit-user-select: none; - user-select: none; - content: "\ea3c"; - /* position: relative;*/ - position: absolute; - text-decoration: inherit; - display: inline-block; - transform: rotate(180deg); - margin-left: -22px; - margin-top: 2px; } - -.tablesorter-default thead .headerSortDown .tablesorter-header-inner:after, -.tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner:after, -.tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner:after { - font-family: 'icoPrimary' !important; - speak: none; - font-style: normal; - font-size: 24px; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 14px; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - -moz-user-select: none; - -ms-user-select: none; - -webkit-user-select: none; - user-select: none; - content: "\ea3c"; - /* position: relative;*/ - position: absolute; - text-decoration: inherit; - display: inline-block; - margin-left: -22px; - margin-top: 2px; } - -.tablesorter-search-highlight { - font-weight: 700; } - -.tablesorter-headerRow th:focus { - outline: thin dotted #666; - outline-offset: -1px; } - -.b2b-table-message { - font-family: "Omnes-ECOMP-W02", Arial; } - .b2b-table-message .b2b-magnify-glass { - 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"); - background-repeat: no-repeat; - background-position: center; - height: 50px; } - .b2b-table-message .b2b-alert { - font-size: 50px; } - .b2b-table-message .b2b-loading-dots { - font-size: 50px; - margin-bottom: 20px; } - .b2b-table-message .b2b-message { - text-align: center; - padding-bottom: 45px; - padding-top: 40px; - border-style: solid; - border-width: 1px; - border-top: none; - padding-bottom: 45px; - border-color: #d2d2d2; - width: 100%; - min-height: 220px; } - .b2b-table-message .b2b-error-title { - font-family: "Omnes-ECOMP-W02", Arial; - color: #444444; - line-height: 26px; - margin-top: 10px; } - .b2b-table-message .b2b-message-title { - color: #444; - font-family: "Omnes-ECOMP-W02", Arial; } - -.b2b-table-scrollbar { - border: 1px solid; - width: 651px; - position: relative; } - .b2b-table-scrollbar .b2b-table-inner-container { - width: 650px; - padding-left: 150px; - overflow-x: scroll; } - .b2b-table-scrollbar th:first-child { - background-color: #FFFFFF; } - .b2b-table-scrollbar td:first-child { - background-color: #FFFFFF; - border-top: 1px solid #cccccc; - border-right: 1px solid #cccccc; - margin-top: -0.5px; } - .b2b-table-scrollbar tr { - th: nth-child(2), td; } - .b2b-table-scrollbar tr :nth-child(2) { - border-left: none; } - .b2b-table-scrollbar tr:last-child > td:first-child { - border-bottom: 1px solid #cccccc; } - -.b2b-scrollbar-arrow-left { - float: left; - margin: 10px; } - -.b2b-scrollbar-arrow-right { - float: right; - clear: right; - margin: 10px; } - .b2b-scrollbar-arrow-right.btn-arrow .btn { - margin-right: 0; } - -.b2b-table-scrollbar ::-webkit-scrollbar { - height: 10px; } - -.b2b-table-scrollbar ::-webkit-scrollbar-thumb { - background: #666666; - border-radius: 5px; } - -.tabs { - margin-left: 0; - margin-bottom: 20px; - list-style: none; } - -.tabs > li > a { - display: block; } - -.tabs > li > a:hover, -.tabs > li > a:focus { - text-decoration: none; - background-color: #d2d2d2; } - -.tabs > .pull-right { - float: right; } - -.tabs:before, -.tabs:after { - display: table; - content: ""; - line-height: 0; } - -.tabs:after { - clear: both; } - -.tabs > li { - float: left; } - -.tabs > li > a { - padding-right: 20px; - padding-left: 20px; - margin-right: 3px; - line-height: 16px; } - -.tabs { - margin: 0; } - -.tabs > li { - margin-bottom: -1px; } - -.tabs > li:first-child { - margin-left: 20px; } - -.tabs > li > a { - padding: 12px 20px; - border: 1px solid #d2d2d2; - border-radius: 6px 6px 0 0; - background-color: #f2f2f2; - color: #5a5a5a; - border-color: #d2d2d2; } - -.tabs > li > a { - margin-right: 6px; } - -.tabs > li > a, -.tabs > li > a:hover, -.tabs > li > a:focus { - background-image: none; - background-color: #ffffff; - color: #5a5a5a; - border-color: #d2d2d2; - border-bottom: 1px solid transparent; - cursor: pointer; } - -.tabs.tabs-justified, -.tabs.promo-tabs { - width: 100%; - border-bottom: 0; - margin-bottom: -1px; } - -.tabs.tabs-justified > li, -.tabs.promo-tabs > li { - display: table-cell; - float: none; - width: 1%; - border-left: 1px solid #d2d2d2; } - -.tabs.tabs-justified > li.active, -.tabs.promo-tabs > li.active { - position: relative; - z-index: 1000; } - -.tabs.tabs-justified > li > a { - padding-right: 5px; - padding-left: 5px; } - -.tabs.tabs-justified > li > a, -.tabs.promo-tabs > li > a { - text-align: center; } - -.tabs.promo-tabs > li > a { - padding: 0; - margin: 0; - border-radius: 0; - border: none; - color: #0568ae; - font-size: 1.2rem; - text-align: center; - padding: 6px 10px 10px; - border-top: 4px solid #e6e6e6; - filter: none; - border-bottom: 1px solid #d2d2d2; - background-color: #f9f9f9; } - -.tabs > li:last-child > a { - margin-right: 0; } - -.tabs.promo-tabs > li.active > a { - color: #333333; - border-top: 4px solid #ea7400; - border-bottom-color: white; - background-color: #fff !important; - filter: none; - cursor: default; } - -.tabs.promo-tabs > li:first-child { - border-left: none; } - -.tabs.promo-tabs > li > a img { - max-width: inherit; - max-height: 39px; - margin: 0 auto 5px auto; - display: block; } - -.tabbable:before, -.tabbable:after { - display: table; - content: ""; - line-height: 0; } - -.tabbable:after { - clear: both; } - -.tab-content { - overflow: auto; - border: 1px solid #e6e6e6; } - -.tabs.promo-tabs + .tab-content { - border: none; - border-bottom: 1px solid #e6e6e6; } - -.tab-content > .tab-pane { - padding: 10px 15px; } - -.tab-content.noborder { - border: none; } - -.tab-content.noborder > .tab-pane { - padding: 0; } - -.tab-content > .tab-pane { - display: none; } - -.tab-content > .active { - display: block; } - -.tabs.promo-tabs > li > a { - font-size: 2.0rem; - height: 70px; - padding: 20px 20px 24px; - background-color: #FFFFFF; - border-top: 5px solid #FFFFFF; - white-space: nowrap; } - -.tabs.promo-tabs > li.active > a { - border-top: 5px solid #0574ac; } - -.tabs.promo-tabs > li > a:hover { - color: #333333; } - -.tabs.promo-tabs > li { - width: auto; } - -.tabs > li[disabled="disabled"] > a:hover { - cursor: not-allowed; } - -.b2b-tags { - background-color: #f2f2f2; - -webkit-transition: all .3s ease-out; - -moz-transition: all .3s ease-out; - transition: all .3s ease-out; - margin: 3px 5px 3px 0; - padding: 2px 15px; - border-radius: 6px; - border: 1px solid #c9c9c9; - display: inline-block; } - .b2b-tags .tags__item { - font-size: 14px; - vertical-align: baseline; - zoom: 1; - color: #333; } - .b2b-tags .tags__item i { - color: #0574ac; - font-size: 14px; - font-weight: bold; - margin-left: 10px; } - .b2b-tags .tags__item i:hover { - cursor: pointer; } - .b2b-tags .tags__item i:focus { - outline: thin dotted #666; } - .b2b-tags .tags__item:last-child { - margin-right: 0; } - .b2b-tags .tags__item:hover { - text-decoration: none; } - .b2b-tags .tags__item:focus { - outline: 1px dotted #666; } - -.tooltip-size-control { - display: block; } - -.tooltip { - display: inline-block; - height: 20px; - vertical-align: middle; - margin: 1px 0 0 7px; } - -p .tooltip { - margin: -3px 7px 0 0; } - -label .tooltip { - margin: 1px 0 0 7px; } - -.tooltip .icon-primary-tooltip { - background: none; - border: none; - display: inline-block; - font-size: 20px; - height: 20px; - margin: 0; - position: relative; - width: 20px; } - -.tooltip .icon-primary-tooltip:before { - top: 0; } - -.tooltip .icon-primary-tooltip:focus { - text-decoration: none; - outline: 1px dotted black; } - -.tooltip.active .icon-primary-tooltip:focus { - outline: none; } - -.tooltip .arrow { - display: none; - border-color: transparent; - border-style: solid; - background-color: #0568ae; - height: 20px; - width: 20px; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - opacity: 0; - transform: rotate(45deg); - z-index: 20; } - -.tooltip.active .icon-primary-tooltip[data-placement="top"] .arrow { - display: block; - bottom: 32px; - top: auto; - border-width: 0 1px 1px 0; } - -.tooltip.active .icon-primary-tooltip[data-placement="bottom"] .arrow { - border-width: 1px 0 0 1px; - display: block; - bottom: -33px; - top: auto; } - -.tooltip.active .arrow { - opacity: 1; } - -.tooltip .closingtooltip { - display: block; } - -.tooltip.active .closingtooltip { - display: none; } - -.tooltip-wrapper { - position: absolute; - margin-top: 20px; - left: 15px; - right: 15px; - display: none; - opacity: 0; - z-index: 1010; - text-align: left; } - -.helpertext { - background-color: #0568ae; - border: 1px solid transparent; - border-radius: 6px; - color: #fff; - display: none; - margin: 0; - padding: 25px; - position: relative; - text-align: left; - width: 100%; - top: 0; - z-index: 1009; } - -.tooltip .helpertext { - position: absolute; } - -.tooltip.active .icon-primary-tooltip[data-placement="bottom"] + .tooltip-wrapper .helpertext { - bottom: inherit; - top: 19px; } - -.tooltip.active .icon-primary-tooltip[data-placement="top"] + .tooltip-wrapper .helpertext { - top: inherit; - bottom: 38px; } - -.tooltip.active .tooltip-wrapper { - opacity: 1; - display: block; - margin-top: 0; } - -.tooltip.active .tooltip-wrapper .helpertext { - display: block; } - -.tooltip-onclick .btn.icon-primary-tooltip { - border: medium none; - box-shadow: none; - color: #0568ae; - font-size: 20px; - height: 34px; - line-height: 36px; - margin: 0; - min-width: 50px; - padding: 0; - position: absolute; - right: 0; - top: 0; } - -.tooltip-onclick .icon-primary-tooltip:before { - display: inline; - position: relative; } - -.tooltip-onclick textarea + .reset-field + .icon-primary-tooltip { - top: 4px; - right: 5px; - min-width: 40px; } - -.tooltip-onclick.active .helpertext:before, -.tooltip-onfocus.active .helpertext:before { - background-color: #0568ae; - border-color: transparent; - border-style: solid; - border-width: 1px 1px 0 0; - content: ""; - display: block; - height: 15px; - left: 17px; - margin: 0; - position: absolute; - top: -7px; - transform: rotate(-45deg); - width: 15px; } - -.tooltip-onclick.active .helpertext { - display: block; - opacity: 1; - margin: 14px 0 0; } - -.tooltip-onclick.active .helpertext:before { - left: inherit; - right: 18px; } - -.tooltip-onclick .reset-field { - right: 37px; } - -.tooltip-onclick .reset-field:before { - position: relative; - top: -1px; } - -.tooltip-onfocus.active .helpertext { - display: block; - margin: 14px 0 10px 0; } - -.popover-title { - display: block; - font-size: 14px; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-weight: bold; - margin-bottom: 8px; - white-space: normal; } - -.popover-content { - display: block; - font-size: 12px; - font-family: "Omnes-ECOMP-W02", Arial; - line-height: 1.5rem; - white-space: normal; } - -.popover-content span, -.popover-content p { - line-height: 1.5rem; } - -.popover-content p:last-child { - margin-bottom: 0; } - -.tooltip .tooltip-element { - position: relative; } - -.tooltip .icon-primary-tooltip:hover { - text-decoration: none; } - -.tooltip.active .tooltip-element[data-placement="top"] .arrow { - display: block; - bottom: 32px; - top: auto; } - -.tooltip.active .tooltip-element[data-placement="bottom"] .arrow { - display: block; - border-color: transparent transparent #0574ac; - bottom: -33px; - top: auto; } - -.tooltip.active .tooltip-element[data-placement="bottom"] + .tooltip-wrapper .helpertext { - bottom: inherit; - top: 19px; } - -.tooltip.active .tooltip-element[data-placement="top"] + .tooltip-wrapper .helpertext { - top: inherit; - bottom: 38px; } - -.b2b-tree { - padding: 0 10px 0 10px; - width: 320px; } - .b2b-tree ul { - list-style: none; - list-style-type: none; } - .b2b-tree a { - display: block; - padding: 0 0 5px 30px; - line-height: 22px; - margin-left: -10px; - font-size: 1.4rem; - outline-offset: -1px; } - .b2b-tree li:focus { - outline: none; } - .b2b-tree li:focus > a { - outline: thin dotted #666; - outline-offset: -1px; } - .b2b-tree ul li { - border-left: 1px solid #ccc; } - .b2b-tree ul li.bg > a { - color: #333; - background-image: url("./style/images/treebg.png"); } - .b2b-tree ul li .b2b-tree-tooltip { - display: none; - position: absolute; - top: -25px; - left: 100%; - white-space: nowrap; - margin-left: 10px; - z-index: 1010; - font-family: "Omnes-ECOMP-W02", Arial; - font-size: 12px; } - .b2b-tree ul li .b2b-tree-tooltip-content { - background-color: #0568ae; - margin-left: 9px; - border-radius: 6px; - color: #fff; - padding: 25px; } - .b2b-tree ul li .b2b-tree-arrow-left { - width: 0; - height: 0; - border-top: 10px solid transparent; - border-bottom: 10px solid transparent; - border-right: 10px solid #0568ae; - position: absolute; - top: 25px; } - .b2b-tree ul li.activeTooltip > a .b2b-tree-tooltip { - display: block; } - .b2b-tree ul ul { - padding: 0 0 0 20px; } - .b2b-tree ul > li { - position: relative; - line-height: 18px; } - .b2b-tree a > span.b2b-tree-node-icon { - background-color: #FFF; - display: inline; - margin: 0; - padding: 0; - position: absolute; - left: -11px; - top: 0; - line-height: 14px; - width: 11px; } - .b2b-tree a > span.b2b-tree-node-icon > i { - font-size: 20px; } - .b2b-tree a:only-child { - color: #0574ac; } - .b2b-tree a:only-child > span.b2b-tree-node-icon { - left: -11px; - border-radius: 50%; - line-height: 7px; - top: 0; } - .b2b-tree a:only-child > span.b2b-tree-node-icon > i { - background-color: inherit; - background: #fff; } - .b2b-tree a > span.b2b-tree-node-icon > i.icon-primary-circle { - background-color: inherit; - background: #fff; - font-size: 10px; } - .b2b-tree a.b2b-locked-node:after { - content: "\ec58"; - float: right; - font-family: 'icoSecurityalerts' !important; } - .b2b-tree a:hover .b2b-locked-node:after { - text-decoration: none; } - .b2b-tree ul li:first-child > a:only-child > span.b2b-tree-node-icon { - left: -11px; - border-radius: 50%; - line-height: 12px; } - .b2b-tree ul li:last-child > a:only-child > span.b2b-tree-node-icon { - height: 27px; - background-color: #fff; } - .b2b-tree li a + ul { - height: 0; - overflow: hidden; } - .b2b-tree li a.active + ul { - height: auto; - overflow: visible; } - .b2b-tree li a.grp { - font-family: "Omnes-ECOMP-W02-Italic", Arial; } - .b2b-tree li a.grp.active { - color: #333; } - .b2b-tree span.end { - left: -6px !important; - top: 5px !important; } - .b2b-tree span.first-link { - width: 3px !important; - height: 15px !important; - top: 0px !important; - left: -2px !important; - background: #fff; } - -.b2b-tree-checkbox { - padding: 0 10px 0 10px; - width: 320px; } - .b2b-tree-checkbox ul { - list-style: none; - list-style-type: none; } - .b2b-tree-checkbox a { - display: block; - padding: 0 0 5px 30px; - line-height: 22px; - margin-left: -10px; - font-size: 14px; - outline-offset: -1px; } - .b2b-tree-checkbox li:focus { - outline: none; } - .b2b-tree-checkbox li:focus > a { - outline: thin dotted #666; - outline-offset: -1px; } - .b2b-tree-checkbox ul li { - border-left: 1px solid #ccc; } - .b2b-tree-checkbox ul ul { - padding: 0 0 0 20px; } - .b2b-tree-checkbox ul > li { - position: relative; - line-height: 18px; } - .b2b-tree-checkbox a > span.nodeIcon { - background-color: #FFF; - display: inline; - margin: 0; - padding: 0; - position: absolute; - left: -11px; - top: 0; - line-height: 14px; - width: 11px; } - .b2b-tree-checkbox a > span.nodeIcon > i { - font-size: 20px; } - .b2b-tree-checkbox a > span.nodeIcon.end { - margin-top: 10px; } - .b2b-tree-checkbox a:only-child { - color: #0574ac; } - .b2b-tree-checkbox a:only-child > span.nodeIcon { - left: -11px; - border-radius: 50%; - line-height: 7px; - top: 0; } - .b2b-tree-checkbox a:only-child > span.nodeIcon > i { - background-color: inherit; - background: #fff; } - .b2b-tree-checkbox a > span.nodeIcon > i.icon-primary-circle { - background-color: inherit; - background: #fff; - font-size: 10px; } - .b2b-tree-checkbox ul li:first-child > a:only-child > span { - left: -11px; - border-radius: 50%; - line-height: 12px; - top: 0px; } - .b2b-tree-checkbox ul li:first-child > a:only-child > span.end { - margin-top: 0px; } - .b2b-tree-checkbox ul li:first-child > a:only-child > span i.icon-primary-circle { - top: 8px; } - .b2b-tree-checkbox ul li:last-child > a:only-child > span { - height: 34px; - background-color: #fff; } - .b2b-tree-checkbox li a + ul { - height: 0; - overflow: hidden; } - .b2b-tree-checkbox li a.active + ul { - height: auto; } - .b2b-tree-checkbox li a.grp { - font-family: "Omnes-ECOMP-W02-Italic", Arial; } - .b2b-tree-checkbox span.end { - left: -6px !important; } - .b2b-tree-checkbox .checkbox { - margin-bottom: 0px; - margin-top: 2px; - font-size: 14px; } - .b2b-tree-checkbox .checkbox input:indeterminate + .skin:after { - content: "\2014"; - padding-left: 2px; - font-family: inherit !important; - line-height: inherit !important; } - .b2b-tree-checkbox span.first-link { - width: 3px !important; - height: 15px !important; - top: 0px !important; - left: -2px !important; - background: #fff; } - -.b2b-widget-window { - width: 147px; - right: 5px; - top: 60px; - position: absolute; - border: 1px solid #ccc; - background-color: #fff; - border-radius: 8px; - z-index: 1000; } - .b2b-widget-window li { - margin: 15px; } - -.b2b-widget-container { - background-color: #fff; - border-radius: 8px; - border: 1px solid #ccc; - position: relative; } - .b2b-widget-container .b2b-widget-header { - font-family: "Omnes-ECOMP-W02", Arial; - color: #333; - height: 55px; - padding-left: 15px; - padding-top: 19px; } - .b2b-widget-container .b2b-widget-header .header { - font-size: 18px; } - .b2b-widget-container .b2b-widget-header-icons { - font-size: 16px; - color: #0574ac; } - -.b2b-widget-header-icons button { - border: none; - background: transparent; - color: #0574ac; } - .b2b-widget-header-icons button:focus { - outline-style: solid; - outline-width: 1px; - outline-color: #0574ac; } - .b2b-widget-header-icons button:first-child { - margin-right: 0px; } - -.b2b-widget-container .b2b-widget-content { - height: 325px; - margin: 0; - padding: 20px; - position: relative; - border-top: 1px solid #ccc; } - -.b2b-widget-content .form-row:first-child { - margin-top: 0; } - -.b2b-widget-header-icons button.icoControls-gear:focus, .b2b-widget-header-icons button.icon-primary-close:focus { - outline: thin dotted #666; } - -.b2b-widget-header .icon-primary-close:before { - content: '-'; - display: inline-block; - margin: 0; - padding: 0; - outline: none; } - -.b2b-widget-window .arrow_box { - background: #fff; - border: 1px solid #ccc; } - -.b2b-widget-window.arrow_box:after, .b2b-widget-window.arrow_box:before { - bottom: 100%; - left: 75%; - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; } - -.b2b-widget-window.arrow_box:after { - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #fff; - border-width: 10px; - margin-left: 1px; } - -.b2b-widget-window.arrow_box:before { - border-color: rgba(204, 204, 204, 0); - border-bottom-color: #ccc; - border-width: 11px; - margin-left: 0px; } - -/************************** Overrides for Filters ***************************/ -.filter-container .filter-header h2 { - line-height: 1 !important; - margin: 0 !important; } - -.filter-container .icon-primary-spinner:before { - content: none; } - -.filter-container .fixed-230-subnav { - margin: 10px !important; - width: inherit !important; } - -.filter-container .unlinked:focus { - outline: thin dotted #666 !important; } - -.filter-container .unlinked.active { - color: inherit !important; } - -.filter-container .fixed-230-subnav a > i { - background: none; } - -.filter-container .fixed-230-subnav ul { - margin: 0 0 10px 10px; } - -/************************** Overrides for Filters ***************************/ -.row .filter-container { - background-color: #fff; } - -.filter-header { - overflow: hidden; - padding: 20px 0; - position: relative; } - -.filter-header h2 { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-size: 2.4rem; - margin-bottom: 0; } - -.filter-selected { - border-top: 1px solid #ccc; - padding-top: 20px; } - -.filter-selected > span { - font-size: 1.3rem; - text-transform: uppercase; } - -.filter-selected > a.clear-all-filters { - float: right; - font-size: 1.4rem; } - -.filter-selected > span, -.filter-selected > a.clear-all-filters { - font-family: "Omnes-ECOMP-W02-Medium", Arial; } - -.filter-selected-group { - padding-top: 15px; } - -.filter-selected-badge { - background-color: #f2f2f2; - border-radius: 15px; - display: inline-block; - font-size: 1.4rem; - margin-bottom: 10px; - padding: 0 0 0 12px; } - -.filter-selected-badge .icoControls-optionsoff { - background: transparent none repeat scroll 0 0; - border: medium none; - font-size: 2.5em; - margin: 0; - padding: 0; } - -.filters .fixed-230-subnav > ng-transclude > div:first-child { - border-top: 1px solid #ccc; } - -.filters .fixed-230-subnav > ng-transclude > div { - border-bottom: 1px solid #ccc; } - -.filter-results { - align-items: center; - border-bottom: 1px solid #ccc; - display: flex; - flex-wrap: wrap; - height: 50px; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - -.filter-results-sortby > span { - text-transform: uppercase; } - -.filter-results-view .icon-primary-content-gridguide { - font-size: 2em; - margin-right: 0; } - -.filter-container .fixed-230-subnav > ng-transclude > div > a { - font-size: 1.8rem; - margin: 0; - padding: 15px 20px 15px 0; - color: #0574ac !important; - cursor: pointer !important; - font-family: "Omnes-ECOMP-W02", Arial !important; - outline-offset: inherit !important; - position: relative; - height: auto; - width: auto; } - -.filter-container .fixed-230-subnav a > i { - right: 0; - top: 15px; } - -.filter-container .fixed-230-subnav .icon-primary-collapsed:before, .filter-container .fixed-230-subnav .icon-primary-expanded:before { - float: right; } - -.filter-container .fixed-230-subnav ul.collapse { - position: inherit; - transition: height 0.5s ease; - height: 0; - overflow: hidden; } - -.filter-container .checkbox .icon-primary-spinner { - height: 24px; - position: absolute; - width: 24px; } - -.fixed-230-subnav.affix { - margin: -28px 0 0; } - -#nav-menu .b2b-menu, -#nav-menu .fixed-230-subnav { - margin: 0; } - -.b2b-menu > li, -.fixed-230-subnav > div { - border-bottom: 1px solid #ccc; - line-height: 4.0rem; } - -.b2b-menu > li:first-child, -.fixed-230-subnav > li:first-child { - border-top: 1px solid #ccc; } - -.b2b-menu div > a, -.fixed-230-subnav div > a { - color: #0574ac; - cursor: pointer; - display: block; - font-family: "Omnes-ECOMP-W02", Arial; - font-size: 1.4rem; - margin: 0; - outline-offset: -1px; - padding: 0 10px; - position: relative; } - -.fixed-230-subnav div > a.live { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - color: #666; } - -.fixed-230-subnav > ng-transclude > div li > a { - display: block; - font-size: 1.4rem; - line-height: 20px; } - -.fixed-230-subnav > ng-transclude > div li > a.active { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - text-decoration: none; - color: #666; } - -#nav-menu .fixed-230-subnav a > i { - top: 10px; } - -.fixed-230-subnav > li > a.active > i:after { - display: none; } - -.b2b-menu ul, -.fixed-230-subnav ul { - margin: 0 0 10px 0; } - -.b2b-menu ul div a, -.fixed-230-subnav ul div a { - padding: 0 10px; } - -.unlinked { - outline: medium none !important; - text-decoration: none !important; } - -@media (max-width: 1024px) { - .filter-container .fixed-230-subnav { - margin: 0 20px; - width: auto; } - .filter-container .fixed-230-subnav > li { - margin: 0; } - .row .filter-container { - display: none; - height: 100%; - left: 0; - position: fixed; - overflow: auto; - top: 0; - transition: all 0.5s ease 0s; - width: 285px; - z-index: 9999; } - .filter-header { - padding-left: 20px; } - .filter-selected { - margin: 0 20px 10px; } } - -.b2b-pane-selector-wrapper { - width: 100%; - display: block; - border-top: solid 1px #ccc; - border-bottom: solid 1px #ccc; } - .b2b-pane-selector-wrapper .side-nav { - width: 20% !important; - display: inline-block; - float: left; } - .b2b-pane-selector-wrapper .pane-container { - width: 80%; - vertical-align: top; - margin: 0; - padding-top: 30px; - border-left: solid 1px #ccc; - font-family: "Omnes-ECOMP-W02", Arial; - display: none; } - .b2b-pane-selector-wrapper .pane-container.active { - display: inline-block; } - .b2b-pane-selector-wrapper .pane-container .pane-container-top { - padding-left: 15px; } - .b2b-pane-selector-wrapper .pane-container .panes { - display: -webkit-flex; - display: flex; - border-top: solid 1px #ccc; - margin-top: 30px; } - .b2b-pane-selector-wrapper .pane-container .panes div.pane-block { - height: inherit; - overflow-y: auto; - border-right: solid 1px #ccc; - position: relative; - flex: 1; - -webkit-flex: 1; - /* Safari 6.1+ */ - -ms-flex: 1; - /* IE 10 */ } - .b2b-pane-selector-wrapper .pane-container .panes div.pane-block:focus { - outline: dotted 1px #333333; } - .b2b-pane-selector-wrapper .pane-container .search-block { - position: relative; - float: right; } - .b2b-pane-selector-wrapper .pane-container .search-block input[type="search"]:focus { - padding-right: 40px; } - .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row p { - margin-top: 15px; } - .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div { - border-bottom: solid 1px #ccc; } - .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row { - display: block; - padding: 19px 14px 19px 14px; - margin-top: 0px; - border: dotted 1px transparent; - border-bottom: solid 1px #ccc; } - .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:focus { - border: dotted 1px #333333 !important; } - .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:last-child { - border-bottom: none; } - .b2b-pane-selector-wrapper .pane-container .panes div.pane-block > .no-content { - text-align: center; - border-bottom: none; - display: block; - position: absolute; - top: 45%; - left: 0; - right: 0; } - .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div:last-child { - border-bottom: none; } - .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row span.margin-chk { - margin: 15px 15px 0px 15px; - float: left; } - .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row .checkbox-selectall { - margin: 0px 0 0 24px !important; } - .b2b-pane-selector-wrapper .side-nav li { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - border: none; - border-top: solid 1px #ccc; - display: block !important; - width: auto !important; - margin-left: 0px !important; } - .b2b-pane-selector-wrapper .side-nav li.active { - background-color: #f6f6f6; - position: inherit !important; } - .b2b-pane-selector-wrapper .side-nav li.active > a { - font-size: 16px; - color: #333; - text-decoration: none; - border: none; - background-color: transparent; - padding: 20px 15px; - display: block; - height: auto; - border-left: 4px solid #0574ac; } - .b2b-pane-selector-wrapper .side-nav li > a { - font-size: 16px; - color: #333; - text-decoration: none; - border: none; - background-color: transparent; - padding: 20px 15px; - display: block; - height: auto; - text-align: left; } - .b2b-pane-selector-wrapper .side-nav li > a:focus { - border-right: dotted 1px #333333; } - .b2b-pane-selector-wrapper .side-nav li:first-child { - border-top: none; - margin-left: none !important; } -/********************* Utility CSS Starts **********************/ -.offscreen-text { - position: absolute; - left: -10000px; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; } - -/********************* Utility CSS Ends **********************/ -/* Fix for alignment issue on Cancel link inside modal */ -.modal-footer > .cta-button-group { - line-height: 40px; } - -/* .att-dark-green { // Not used - color: #007a3e; -} */ -.colors-off-msg { - display: none; } - -button .colors-off-msg { - position: relative; } - -.ds2-no-colors .colors-off-msg { - display: block; } - -.ds2-no-colors [data-colordatatext] button .colors-off-msg { - font-size: 1.1rem; - line-height: normal; - padding: 5px 0; - position: absolute; - top: 0; - white-space: normal; - width: 60px; } - -/* Not used -.make-all-white * { - color: #fff; -} -.make-all-white a { - text-decoration: underline; -} */ -.loader > span { - display: block; - padding-top: 20px; } - -.modal > .loader { - left: 50%; - margin-left: -25px; - margin-top: -25px; - position: absolute; - top: 50%; } - -#pageLevelLoader.modal { - background-color: transparent; - border: none; - box-shadow: none; - top: 40%; } - -.modal.fade .loader { - display: none; } - -.modal.fade.in .loader { - display: block; } - -.btn.disabled[data-loading-text] { - padding: 0 19px 0 18px; - line-height: 46px; } - -.btn.disabled[data-loading-text] img { - position: relative; - top: 2px; } - -/* Seems to already be in docs.css -.fixed-230.leftnav { - position: relative; -} -.fixed-230-subnav { - margin: 10px; -} -.fixed-230-subnav > li:first-child { - border-top: none; -} -.fixed-230-subnav > li { - border-bottom: 1px solid #d2d2d2; -} -.fixed-230-subnav > li > a { - display: block; - font-size: 1.4rem; - line-height: normal; - margin: 0 -9px; - padding: 11px 35px 12px 9px; - outline-offset: 0; - position: relative; -} -.fixed-230-subnav > li > a.live { - color: #333333; - font-family: "Omnes-ECOMP-W02-Medium", Arial; -} -.fixed-230-subnav a > i { - right: 10px; - margin: 0; - position: absolute; - top: 10px; -} -.fixed-230-subnav a > i:after { - display: none; -} -.fixed-230-subnav > li li > a { - display: block; - font-size: 1.4rem; - line-height: 18px; -} -.fixed-230-subnav > li li > a.active { - color: #333333; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - text-decoration: none; -} -.fixed-230-subnav ul { - margin: 0 0 10px; -} */ -.unlinked { - color: #0568ae !important; - font-family: "Omnes-ECOMP-W02", Arial !important; } - -.unlinked.active { - color: inherit !important; } - -/* @media (max-width: 767px) { - .row.has-leftnav { - flex-wrap: wrap; - } - .row.has-leftnav .fluid-space { - padding-right: 0; - } - .row .fixed-230 { - background-color: #fff; - width: auto; - } - .row .leftnav { - background-color: #fff !important; - display: block !important; - } - .fixed-230-subnav { - margin: 10px 0 0; - width: 100%; - } - .fixed-230-subnav > li { - margin-left: -15px; - margin-right: -15px; - } - .fixed-230-subnav > li:first-child { - border-top: 1px solid #d2d2d2; - } - .fixed-230-subnav > li > a { - margin: 0; - } - .fixed-230-subnav a:hover, - .fixed-230-subnav a:focus { - text-decoration: none !important; - } - .fixed-230-subnav > li li > a { - padding: 5px 10px; - } - .fixed-230-subnav > li li > a.active { - color: inherit; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - } -} */ -@keyframes DOMinsertion { - from { - outline-color: transparent; } - to { - outline-color: transparent; } } - -@-moz-keyframes DOMinsertion { - from { - outline-color: transparent; } - to { - outline-color: transparent; } } - -@-webkit-keyframes DOMinsertion { - from { - outline-color: transparent; } - to { - outline-color: transparent; } } - -@-ms-keyframes DOMinsertion { - from { - outline-color: transparent; } - to { - outline-color: transparent; } } - -@-o-keyframes DOMinsertion { - from { - outline-color: transparent; } - to { - outline-color: transparent; } } - -.ajaxed, -.modal.fade.in .modal-header, -.modal.fade.in .modal-body, -.modal.fade.in .modal-footer { - animation-duration: 0.01s; - -o-animation-duration: 0.01s; - -ms-animation-duration: 0.01s; - -moz-animation-duration: 0.01s; - -webkit-animation-duration: 0.01s; - animation-name: DOMinsertion; - -o-animation-name: DOMinsertion; - -ms-animation-name: DOMinsertion; - -moz-animation-name: DOMinsertion; - -webkit-animation-name: DOMinsertion; } - -.dda-css-override ul.nav-tabs { - margin-bottom: 0; } - -.dda-css-override div.tab-content { - margin-top: 0; - border-top: none; } - -.dda-css-override .tab-content .prettyprint, .dda-css-override .usage .prettyprint { - max-height: 500px; - overflow-y: auto; } - -.formsWithinProcessButton { - margin-right: 0px; } - -.heading-sub-section-form { - font-size: 2.4rem; - font-family: "Omnes-ECOMP-W02", Arial; - margin-bottom: 20px; - margin-top: 10px; } - -.heading-small-form { - font-size: 1.6rem; - font-family: "Omnes-ECOMP-W02", Arial; - margin-top: 0px; } - -.icon-primary-form-sizeL { - font-size: 50px; } - -.icon-primary-form-size { - font-size: 30px; } - -.spanformfix { - margin-right: 15px !important; } - -@media (max-width: 767px) { - .heading-sub-section-form { - font-size: 1.8rem; - font-family: "Omnes-ECOMP-W02", Arial; - margin-bottom: 20px; - padding-top: 10px; - margin-top: 30px; } - .heading-small-form { - font-size: 1.4rem; - font-family: "Omnes-ECOMP-W02", Arial; - margin-top: 0px; } } - -@media (max-width: 479px) { - .icon-primary-form-resizeL { - display: none; } - .icon-primary-form-resize { - display: none; } - .heading-center-form { - margin-left: 20px; } } - -@media (min-width: 480px) { - .icon-primary-form-resizeL { - display: none; } - .icon-primary-form-resize { - display: inherit; } - .icon-primary-center-min { - margin-top: 30px; } } - -@media (min-width: 768px) { - .icon-primary-form-resizeL { - display: inherit; - margin-top: 30px; } - .icon-primary-form-resize { - display: none; } - .center-form-align { - margin-top: 35px; } } - -@media (min-width: 1024px) { - .icon-primary-form-resizeL { - display: inherit; - margin-top: 0px; } - .icon-primary-form-resize { - display: none; } - .center-form-align { - margin-top: 5px; } } - -.data-row.has-button td.col-1 { - padding: 0; } - -.tab-content > .tab-pane { - display: none; } - -.tab-content > .active { - display: block; } - -.icon-primary-circle:before { - 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"); - content: ""; - position: absolute; - top: 0; - z-index: 1; } - -.b2b-drag-handle { - cursor: move; - -ms-interpolation-mode: bicubic; - margin-bottom: 40px; - height: 23px; - padding-right: 10px; - float: left; } - -.b2b-drag-over { - background-color: #d1d1d1; } - -.b2-drag-element { - background-color: #e8e8e8; } - -[draggable] { - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - user-select: none; } -/* Flyout inputs color is not aligned */ -textarea, input { - color: #333; } - -.isIE .btn-primary.btn:focus::after, -.isIE .btn-specialty.btn:focus::after, -.isIE .btn-alt.btn:focus::after { - border: 1px dashed #fff !important; } -.b2b-config-section-container { - height: auto; - min-height: 330px; - width: 815px; - background-color: #fff; - border: 1px solid #ccc; - display: inline-table; - border-radius: 6px; } - -.b2b-config-section-first-div { - border-right: 1px solid #ccc; - height: auto; - min-height: 330px; } - -.b2b-config-section-icon-primary-font { - font-size: 50px; - height: 31px; - line-height: 31px; } - -.b2b-config-section-padding { - padding: 20px 20px 15px 15px; - height: auto; } - -.b2b-config-sec-flyout { - position: relative; - left: 10px; - float: right; - color: #0574ac; - font-size: 16px; - font-family: "Omnes-ECOMP-W02", Arial; } - -.b2b-config-sec-divider { - border-bottom: 1px solid #ccc; } - -.b2b-confi-sec-span-border { - border-right: 1px solid; - height: auto; } - -.b2b-config-sec-speed-div { - text-align: center; - margin-top: 20px; } - -.b2b-config-sec-label-font { - font-size: 16px; } - -.b2b-config-sec-expander-main { - padding: 0 5px 0px 15px; } - -.b2b-config-sec-expander-body .b2b-config-vlan-padding { - padding: 5px 15px 10px 0px; } - -.b2b-conif-sec-row-height { - height: 110px; } - -.b2b-config-sec-expander-body { - font-size: 14px; } - .b2b-config-sec-expander-body .b2b-config-vlan-data { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - padding-left: 15px; } - -.b2b-config-sec-expander-body-first-div { - border-top: 1px solid #ccc; } - -.b2b-config-sec-expander-body .tooltip { - position: static; - opacity: 1; } - -.b2b-config-section-container .row > [class*="span"] { - margin-right: 0px; } - -.b2b-config-vlan-icons { - font-size: 16px; - float: right; - margin-right: 0px; } - -.b2b-config-section-container .span6 { - width: 50%; } - -.b2b-config-sec-data-link-style { - position: relative; - left: 95%; - top: 30px; - border-radius: 50%; - width: 23px; - height: 23px; - background: #fff; - border: 1px solid #ccc; - color: #666666; } - -.b2b-config-sec-text-align { - text-align: center; - margin-top: 15px; - margin-bottom: 35px; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-size: 14px; - color: #333333; } - -.b2b-config-port-text-align { - text-align: center; - margin-top: 15px; - margin-bottom: 8px; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-size: 14px; - color: #333333; } - -.b2b-config-port-text-label { - margin-top: 6px; - margin-bottom: 8px; - font-size: 14px; - text-align: center; } - -.b2b-confi-sec-last-div p { - font-size: 14px; - padding: 10px 15px 0 15px; } - -.b2b-confi-sec-router-label { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-size: 16px; - color: #333333; - float: left; - width: 100%; - margin-bottom: 7px; } - -.b2b-config-vlan-label { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-size: 14px; - color: #333333; - margin-top: 1px; - margin-bottom: 9px; } - -.b2b-config-vlan-info { - font-family: "Omnes-ECOMP-W02", Arial; - font-size: 14px; - color: #333333; - margin-bottom: 1px; } - .b2b-config-vlan-info .icon-misc-pen { - padding-left: 7px; } - -.b2b-confi-sec-model-label { - font-family: "Omnes-ECOMP-W02", Arial; - font-size: 14px; - color: #333333; } - -.b2b-confi-sec-router-info { - float: left; - width: 62%; } - -.b2b-config-sec-speed-sec { - border-right: 1px solid #ccc; } - -.b2b-config-sec-speed-label { - font-family: "Omnes-ECOMP-W02", Arial; - font-size: 20px; - color: #333333; - text-align: center; } - .b2b-config-sec-speed-label i { - margin-left: 15px; - font-size: 16px; } - -.b2b-config-sec-yellow-flag-div { - width: 1.6%; - background-color: #ffb18c; } - -.b2b-config-sec-expander-icons { - margin-top: 6px; } - .b2b-config-sec-expander-icons .icon-misc-trash { - margin-right: 10px; } - -.b2b-config-sec-yellow-flag .b2b-config-sec-expander-icons { - left: 40px; } - -.b2b-config-sec-expander-body-icons .icon-misc-pen { - position: relative; - left: 18px; } -.b2b-directory-listing .center { - display: block; - margin: 2em auto; } - -.b2b-directory-listing .listBox { - height: 310px; - width: 450px; - padding-left: 1px; - padding-right: 1px; - font-family: "Omnes-ECOMP-W02", Arial; } - -.b2b-directory-listing .listBox:focus { - outline: thin dotted #666; } - -.b2b-directory-listing .b2b-directory-listing-no-results { - font-weight: bold; } - -.b2b-directory-listing .b2b-directory-listing-list { - font-family: "Omnes-ECOMP-W02", Arial; - color: #5a5a5a; - overflow-x: hidden; - position: relative; - height: 300px; - border: 1px solid #333; - border-radius: 6px; - margin-bottom: 10px; } - -.b2b-directory-listing .b2b-directory-listing-item { - margin: 1px; - border: 1px solid transparent; - outline: none; - text-align: left; - overflow: hidden; - cursor: pointer; - padding-top: 13px; - padding-bottom: 7px; - padding-left: 15px; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - word-wrap: break-word; } - .b2b-directory-listing .b2b-directory-listing-item:focus { - border: 1px #3399FF solid; } - -.b2b-directory-listing .b2b-directory-listing-item-selected { - color: #fff; - background-color: #3399FF; } - -.b2b-directory-listing input[type="text"] { - padding-right: 30px; } - .b2b-directory-listing input[type="text"]:focus, .b2b-directory-listing input[type="text"]:hover { - padding-right: 30px; } - -.b2b-directory-listing .row .btns { - margin-right: 90px; - margin-left: -115px; - margin-top: 100px; } - -.b2b-directory-listing .btn-remove { - margin-right: auto !important; - margin-bottom: 15px; } - .b2b-directory-listing .btn-remove i { - margin-right: 0; - color: #fff; - top: -1px; } - -.b2b-directory-listing .btn-remove-all { - margin-top: 0; - margin-bottom: 61px !important; - /* need to be removed */ - margin-right: auto !important; } - .b2b-directory-listing .btn-remove-all i { - margin-right: 0; - color: #fff; - top: -1px; } - -.b2b-directory-listing .btn-add { - margin-bottom: 15px !important; } - .b2b-directory-listing .btn-add i { - margin-right: 0; - color: #fff; - top: -1px; } - -.b2b-directory-listing .btn-add-all { - margin-top: 0; - margin-bottom: 61px !important; } - .b2b-directory-listing .btn-add-all i { - margin-right: 0; - color: #fff; - top: -1px; } - -.b2b-directory-listing .btn-search[class*="btn"] { - right: 0.09rem; } - -.b2b-directory-listing .btn { - width: 130px; } - -.b2b-directory-listing-disabled { - cursor: not-allowed; } - -.b2b-directory-listing-label-heading { - margin-top: 24px; - padding-bottom: 5px; } - -.b2b-dl-list-box option { - padding-top: 13px; - padding-bottom: 7px; - padding-left: 15px; } - -.b2b-dl-modal-button-div { - padding-top: 110px; - text-align: center; } -.b2b-tmpl-notification-card { - border-radius: 6px; - height: auto; - width: 420px; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 8px; - overflow: hidden; } - .b2b-tmpl-notification-card .b2b-tmpl-card-header { - padding-left: 30px; - font-family: "Omnes-ECOMP-W02", Arial; - color: #333333; - font-size: 24px; - margin-top: 2px; - display: inline-block; - min-height: 60px; - position: relative; } - .b2b-tmpl-notification-card .b2b-tmpl-card-body { - padding: 0 30px 20px; - position: relative; } - .b2b-tmpl-notification-card .b2b-tmpl-card-header-title { - margin-top: 10px; } - .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button { - box-shadow: 0 -50px 0 0 #f2f2f2 inset; - height: 69px; - position: absolute; - border-color: #f2f2f2 #f2f2f2 transparent transparent; - border-style: solid; - border-width: 35px; - height: 0; - right: -295px; - top: -4px; - width: 69px; - /*Old properties */ - box-shadow: none; - transform: none; } - .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close { - height: 48px; - right: -40px; - top: -40px; - width: 48px; - position: relative; - /*Old properties */ - transform: none; } - .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:before { - color: #0568ae; - display: block; - font-size: 20px; - height: auto; - right: -4px; - top: 4px; - width: auto; - /*Old properties */ - left: auto; - height: auto; - bottom: auto; } - .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:focus { - outline: 1px dotted black; } - .b2b-tmpl-notification-card button.close { - -webkit-appearance: none; - moz-appearance: none; - appearance: none; } - .b2b-tmpl-notification-card .b2b-tmpl-card-icon-primary-cirlce { - width: 30px; - height: 30px; - border-radius: 50%; } - .b2b-tmpl-notification-card .b2b-tmpl-card-outer-cirlce { - background: #f0f5f5; - border-radius: 50%; - height: 16px; - width: 16px; - vertical-align: middle; } - .b2b-tmpl-notification-card .b2b-tmpl-card-inner-cirlce { - background: #fff; - width: 22px; - height: 22px; - position: relative; - border-radius: 50%; - display: block; - left: 4px; - top: 4px; - border: 1px solid #767676; } - .b2b-tmpl-notification-card .b2b-tmpl-card-row { - padding-top: 10px; } - .b2b-tmpl-notification-card .b2b-tmpl-card-sub-header { - margin-top: 0px; } - .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item { - background-color: #fff; - margin-top: 25px; - border-top: 1px solid #ccc; } - .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item .cta-button-group { - line-height: 40px; - padding-top: 20px; } - .b2b-tmpl-notification-card .b2b-tmpl-card-edit-section .cta-button-group { - line-height: 40px; - padding-top: 15px; } - .b2b-tmpl-notification-card .b2b-tmpl-card-add-item-container { - padding-top: 30px; } - .b2b-tmpl-notification-card .b2b-tmpl-card-link-active { - pointer-events: none; - cursor: default; - color: #ccc; } - .b2b-tmpl-notification-card .b2b-tmpl-card-cursor:hover { - cursor: pointer; } -.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon { - text-align: center; - margin-top: 91px; } - .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon i { - font-size: 99px; - color: #1b7e28; } - -.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading { - color: #333333; - text-align: center; - margin-top: 20px; } - .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading h1 { - font-size: 38px; } - -.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading { - color: #333333; - text-align: center; } - .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading h5 { - font-size: 18px; } - -.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info { - padding-left: 18%; - font-size: 16px; - margin-top: 20px; } - .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info ul { - list-style-type: disc; - list-style-position: inside; } - .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info li { - padding-top: 5px; } - -.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section { - font-size: 15px; - color: #0574ac; - margin-top: 20px; - text-align: center; - margin-bottom: 55px; } - .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section .b2b-tmpl-order-confirmation-link { - margin-right: 8%; } - .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section a { - cursor: pointer; } -.b2b-tmpl-profile-block-container { - min-height: 200px; - height: auto; - background-color: #fff; - border-radius: 8px; - border: 1px solid #ccc; - box-shadow: 0px 1px 1px 1px #ccc; - display: inline-table; - margin: 15px 15px; } - .b2b-tmpl-profile-block-container .b2b-tmpl-profile-title { - font-weight: bold; } - .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-footer { - margin-bottom: 12px; - margin-top: 5px; - height: 35px; } - .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p { - word-wrap: break-word; - height: 61px; } - .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:first-child { - margin-top: 10px; } - .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:after { - content: ' '; - display: block; - border: 0.2px solid #ccc; - margin-top: 12px; } - .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio { - margin-left: 15px; - height: 30px; } - .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details div { - padding: 2px 7px; - font-size: 14px; } - .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio-label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details a { - font-size: 14px; } - .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p span { - padding-left: 10px; } - .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon { - color: #1b7e28; - float: right; - position: relative; - left: 10px; } - .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon i { - color: #1b7e28; - float: right; } - .b2b-tmpl-profile-block-container .b2b-tmpl-profile-link { - float: right; - position: relative; - left: -4px; } - .b2b-tmpl-profile-block-container a.link-profile { - position: relative; - left: -5px; - float: right; - margin-bottom: 16px; } - .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-radio { - position: relative; - top: -5px; } -.b2b-static-route-container { - padding-left: 32px; - display: inline-block; } - -.b2b-static-route-label-heading { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-size: 16px !important; - color: #333333; - font-style: normal; - text-align: left; } - -label.b2b-static-route-label-heading { - margin-bottom: 12px; - margin-top: 15px; - display: block; } - -#b2b-static-route-input { - margin: 5px 0 5px; } - -.b2b-static-route-list { - margin-bottom: 30px; - width: 216px; - float: left; - margin-right: 20px; - max-height: 540px; - overflow-y: auto; } - .b2b-static-route-list .status-text { - flex: 1; - display: flex; - align-items: center; - outline: 0; } - -.b2b-static-route-list-item { - border: 1px #cccccc solid; - font-family: "Omnes-ECOMP-W02", Arial; - font-size: 14px; - display: flex; - cursor: pointer; } - .b2b-static-route-list-item > .status-bar { - padding: 20px 0 20px; - background-color: #ea7400; - border-radius: 0; - width: 10px; - display: inline-block; - margin-right: 20px; - height: 100%; - float: left; } - .b2b-static-route-list-item > .status-bar:after { - content: '.'; - visibility: hidden; } - .b2b-static-route-list-item > .status-bar-unedited { - padding: 20px 0 20px; - background-color: #ffb81c; - border-radius: 0; - width: 10px; - display: inline-block; - margin-right: 20px; - height: 100%; - float: left; - background-color: transparent; } - .b2b-static-route-list-item > .status-bar-unedited:after { - content: '.'; - visibility: hidden; } - -.b2b-static-route-list-item:focus { - outline: 1px dashed #00f; } - -.b2b-static-route-list-item--selected { - background: #f2f2f2; } - -.b2b-static-route-content { - display: inline-block; } - - .selectWrap::after { - align-items: center; - background-position: 7px 7px; - background-repeat: no-repeat; - background-size: auto 23px; - border-left: 1px solid transparent; - color: #0568ae; - display: flex; - font-size: 23px; - height: 36px; - margin-right: 0; - overflow: hidden; - position: absolute; - right: 0; - text-indent: 7px; - top: 0; - user-select: none; - width: 41px; - z-index: 0; - position: absolute !important; - display: flex !important; -} |