.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-ATT-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-ATT-W02"; src: url("fonts/Omnes_ATTW02.eot"); src: url("fonts/Omnes_ATTW02.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02.woff") format("woff"), url("fonts/Omnes_ATTW02.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Omnes-ATT-W02-Medium"; src: url("fonts/Omnes_ATTW02Medium.eot"); src: url("fonts/Omnes_ATTW02Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02Medium.woff") format("woff"), url("fonts/Omnes_ATTW02Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Omnes-ATT-W02-Italic"; src: url("fonts/Omnes_ATTW02Italic.eot"); src: url("fonts/Omnes_ATTW02Italic.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02Italic.woff") format("woff"), url("fonts/Omnes_ATTW02Italic.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Omnes-ATT-W02-Light"; src: url("fonts/Omnes_ATTW02Light.eot"); src: url("fonts/Omnes_ATTW02Light.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02Light.woff") format("woff"), url("fonts/Omnes_ATTW02Light.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Omnes-ATT-W02-Bold"; src: url("fonts/Omnes_ATTW02Bold.eot"); src: url("fonts/Omnes_ATTW02Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02Bold.woff") format("woff"), url("fonts/Omnes_ATTW02Bold.woff2") format("woff2"), url("fonts/Omnes_ATTW02Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Omnes-ATT-W02-Light-Italic"; src: url("fonts/Omnes_ATTW02LightItalic.eot"); src: url("fonts/Omnes_ATTW02LightItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02LightItalic.woff") format("woff"), url("fonts/Omnes_ATTW02LightItalic.woff2") format("woff2"), url("fonts/Omnes_ATTW02LightItalic.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Omnes-ATT-W02-Medium-Italic"; src: url("fonts/Omnes_ATTW02MediumItalic.eot"); src: url("fonts/Omnes_ATTW02MediumItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02MediumItalic.woff") format("woff"), url("fonts/Omnes_ATTW02MediumItalic.woff2") format("woff2"), url("fonts/Omnes_ATTW02MediumItalic.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Omnes-ATT-W02-Bold-Italic"; src: url("fonts/Omnes_ATTW02BoldItalic.eot"); src: url("fonts/Omnes_ATTW02BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02BoldItalic.woff") format("woff"), url("fonts/Omnes_ATTW02BoldItalic.woff2") format("woff2"), url("fonts/Omnes_ATTW02BoldItalic.ttf") format("truetype"); font-weight: normal; font-style: normal; } /* TODO: Build a reference page for these classes */ .font-regular { font-family: "Omnes-ATT-W02" !important; } .font-light { font-family: "Omnes-ATT-W02-Light" !important; } .font-italic { font-family: "Omnes-ATT-W02-Italic" !important; } .font-light-italic { font-family: "Omnes-ATT-W02-Light-Italic" !important; } .font-medium { font-family: "Omnes-ATT-W02-Medium" !important; } .font-medium-italic { font-family: "Omnes-ATT-W02-Medium-Italic" !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-ATT-W02-Light"; 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("fonts/icons/icoPrimary.eot?timestamp=@@timestamp"); src: url("fonts/icons/icoPrimary.eot?timestamp=@@timestamp#iefix") format("embedded-opentype"), url("data:font/woff2; charset=utf-8;base64,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") format("woff2"), url("data:application/font-woff; charset=utf-8;base64,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") format("woff"), url("fonts/icons/icoPrimary.ttf?timestamp=@@timestamp") format("truetype"); font-weight: normal; font-style: normal; } [class*="icon-"], .nav-links a:after, .b2b-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' !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; } [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-"]:before, [class*="icon-"]: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-att-globe:before, .cssIcon-globe:before { content: "\e900"; color: #44c7f5; } .icon-hamburger:before { content: "\e903"; } .icon-secure:before { content: "\e918"; } .icon-secureL:before { content: "\e919"; } .icon-padlockopen:before { content: "\e916"; } .icon-padlockopenL:before { content: "\e917"; } .icon-shoppingcart:before { content: "\e914"; } .icon-shoppingcartL:before { content: "\e915"; } .icon-print:before { content: "\e921"; } .icon-printL:before { content: "\e922"; } .icon-mobilesmartphone:before { content: "\e908"; } .icon-mobilesmartphoneL:before { content: "\e90c"; } .icon-tablet:before { content: "\e904"; } .icon-tabletL:before { content: "\e905"; } .icon-tv:before { content: "\e906"; } .icon-tvL:before { content: "\e907"; } .icon-calendar { width: 100% !important; } .icon-calendar:before { content: "\e91a"; z-index: 1; } .icon-calendarL:before { content: "\e91b"; } .icon-star:before { content: "\e96c"; } .icon-close:before, .close:before, .reset-field:before { content: "\e910"; } .icon-down:before { content: "\ea3c"; } .checkbox input.indeterminate + .skin:after, .icon-subtractminimize:before { content: "\e920"; } .icon-add-maximize:before { content: "\e91f"; } .icon-check:before, .checkbox input:checked + .skin:after { content: "\e912"; } .icon-questionmark:before { content: "\e90f"; } .icon-badgealert:before, .form-row.error .error-msg:before { content: "\e90e"; } .icon-approval:before { content: "\e925"; } .icon-flat-info:before { content: "\e927"; } .icon-alert:before { content: "\e913"; } .icon-tooltip:before, .icon-flat-faq:before { content: "\e90d"; } .icon-tooltip { font-size: 20px; } .nav-links a:after, .b2b-bellyband-link a:after, .breadcrumb > li:after, .icon-right:before { content: "\ea3c"; transform: rotate(-90deg); } .icon-left:before { content: "\ea3c"; transform: rotate(90deg); } .icon-accordion-plus:after, .icon-collapsed:after, .icon-accordion-minus:after, .icon-expanded:after { content: ""; position: absolute; top: 0; z-index: 1; } .icon-accordion-minus, .icon-expanded, .icon-accordion-plus, .icon-collapsed { font-size: 20px !important; } :not(.ds2-no-colors) .icon-accordion-minus:before, :not(.ds2-no-colors) .icon-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-accordion-plus:before, :not(.ds2-no-colors) .icon-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-accordion-minus:before, .ds2-no-colors .icon-expanded:before { background-image: none; content: "\e901"; } .ds2-no-colors .icon-accordion-minus:after, .ds2-no-colors .icon-expanded:after { content: "\e902"; } .ds2-no-colors .icon-accordion-plus:before, .ds2-no-colors .icon-collapsed:before { background-image: none; content: "\e90b"; } .ds2-no-colors .icon-accordion-plus:after, .ds2-no-colors .icon-collapsed:after { content: "\e911"; } .icon-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-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-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-"] [class*="icon-"] { display: inline-block; float: left; font-size: 1em; margin-left: -1em; position: absolute; } [class*="icon-"].white, [class^="ico"][class*="-"].white { color: #fff; } [class*="icon-"].black, [class^="ico"][class*="-"].black { color: #000; } [class*="icon-"].blue, [class^="ico"][class*="-"].blue { color: #0568ae; } [class*="icon-"].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-ATT-W02-Light"; margin-bottom: 40px; } .heading-major-section { font-size: 3rem !important; font-family: "Omnes-ATT-W02-Light"; margin-bottom: 40px !important; } .heading-sub-section { font-size: 2.4rem !important; font-family: "Omnes-ATT-W02"; margin-bottom: 40px; } .heading-group { font-size: 2rem !important; font-family: "Omnes-ATT-W02-Medium"; color: #ea7400; margin-bottom: 20px !important; } .heading-medium { font-size: 2rem !important; font-family: "Omnes-ATT-W02"; margin-bottom: 20px; } .heading-medium-emphasis { font-size: 2rem !important; font-family: "Omnes-ATT-W02-Medium"; margin-bottom: 20px; } .heading-small { font-size: 1.8rem !important; font-family: "Omnes-ATT-W02"; margin-bottom: 20px; } .heading-small-emphasis { font-size: 1.8rem !important; font-family: "Omnes-ATT-W02-Medium"; margin-bottom: 20px; } .heading-micro { font-size: 1.3rem !important; font-family: "Omnes-ATT-W02-Medium"; 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-ATT-W02-Light-Italic"; 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-ATT-W02-Medium"; 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-ATT-W02"; margin-bottom: 30px; } .heading-major-section { font-size: 2rem; font-family: "Omnes-ATT-W02"; margin-bottom: 30px; } .heading-sub-section { font-size: 2rem; font-family: "Omnes-ATT-W02"; margin-bottom: 20px; } .heading-medium { font-size: 2rem; font-family: "Omnes-ATT-W02"; margin-bottom: 20px; } .heading-medium-emphasis { font-size: 2rem; font-family: "Omnes-ATT-W02"; margin-bottom: 20px; } .heading-small { font-size: 1.6rem; font-family: "Omnes-ATT-W02"; margin-bottom: 10px; } .heading-small-emphasis { font-size: 1.6rem; font-family: "Omnes-ATT-W02-Medium"; 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-"] { font-size: 16px; top: 2px; } .standalone-link.large { font-size: 1.8rem; } .standalone-link.large i[class*="icon-"] { 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-ATT-W02-Medium"; font-weight: normal; } i, em { font-family: "Omnes-ATT-W02-Italic"; 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-ATT-W02-Medium"; } .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-ATT-W02-Medium"; 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-"].icon-small { font-size: 24px; top: -2px; } .btn i[class*="icon-"].icon-medium { font-size: 30px; top: -2px; } .btn i[class*="icon-"].icon-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-ATT-W02"; 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-ATT-W02"; 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-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-left:before { position: absolute; font-size: 1.6rem; left: 1px; top: 9px; } .btn-arrow .btn .icon-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-right:before { position: absolute; font-size: 1.6rem; left: 17px; top: 9px; } .btn-arrow .btn.btn-primary .icon-left { color: #fff; } .btn-arrow .btn.btn-primary .icon-right { color: #fff; } .btn-arrow .btn.btn-alt .icon-left { color: #fff; } .btn-arrow .btn.btn-alt .icon-right { color: #fff; } .btn-arrow .btn.btn-secondary { border: 1px solid #d2d2d2; } .btn-arrow .btn.btn-secondary .icon-left { color: #0568ae; } .btn-arrow .btn.btn-secondary .icon-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-left:before { font-size: 10px; top: 4px; left: 0; } .btn-arrow .btn.btn-small .icon-right:before { font-size: 10px; top: 4px; left: 10px; } .btn-arrow .btn.btn-large .icon-left:before { font-size: 112%; top: 12px; left: 23px; } .btn-arrow .btn.btn-large .icon-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-ATT-W02"; 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-left { color: #fff !important; } .btn-arrow[disabled] .icon-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-left { color: #fff !important; } .btn-arrow.disabled .icon-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-"] { 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-left:before { left: -1px; } .isMobile .btn-arrow .btn.btn-large .icon-left:before { left: 24px; } .isMobile .btn-arrow .btn.btn-large .icon-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-ATT-W02"; 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-subtractminimize { font-size: 30px !important; color: #0568ae !important; } .btn-spinbutton-toggle .icon-add-maximize { font-size: 30px !important; color: #0568ae !important; } .btn-spinbutton-toggle .btn[disabled].icon-subtractminimize { background-color: #d2d2d2; color: #767676 !important; } .btn-spinbutton-toggle .btn[disabled].icon-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-tooltip + .reset-field, .tooltip-onclick textarea + .reset-field, .tooltip-onclick textarea + .icon-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-tooltip + .reset-field:after, .tooltip-onclick textarea + .reset-field:after, .tooltip-onclick textarea + .icon-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-tooltip + .reset-field { right: 50px !important; } .tooltip-onclick textarea + .reset-field, .tooltip-onclick textarea + .icon-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-ATT-W02-Medium"; 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-tooltip.active + .error-msg { margin-top: -11px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .error .tooltip-onclick .icon-tooltip.active + .error-msg + .helpertext { margin: 0 0 10px; } .error .tooltip-onclick .icon-tooltip.active + .error-msg + .helpertext:before, .error .tooltip-onclick .icon-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-ATT-W02-Medium"; } 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-ATT-W02-Italic"; font-style: normal; opacity: 1; } select:-moz-placeholder, textarea:-moz-placeholder, input:-moz-placeholder { color: #5a5a5a; font-family: "Omnes-ATT-W02-Italic"; font-style: normal; opacity: 1; } select::-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder { color: #5a5a5a; font-family: "Omnes-ATT-W02-Italic"; font-style: normal; opacity: 1; } select:-ms-input-placeholder, textarea:-ms-input-placeholder, input:-ms-input-placeholder { color: #5a5a5a; font-family: "Omnes-ATT-W02-Italic"; transition: none; opacity: 1; } select:placeholder, textarea:placeholder, input:placeholder { color: #5a5a5a; font-family: "Omnes-ATT-W02-Italic"; 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-calendar.disabled, span.icon-calendar.readonly { cursor: not-allowed; background-color: #f2f2f2; box-shadow: none; } i.icon-calendar.disabled input, span.icon-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-ATT-W02"; } 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-calendar:before { position: absolute; color: #0568ae; } .btn-calendar-icon .icon-calendar.disabled { background-color: #f2f2f2; } .btn-calendar-icon .icon-calendar.disabled:before { color: #959595; } span.icon-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-ATT-W02-Medium"; position: relative; padding-left: 18px; margin-top: 10px; } .form-row.error .error-msg > .icon-badgealert { height: 14px; width: 14px; position: absolute; left: 0; margin-right: 0; } .form-row.error .error-msg > .icon-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-ATT-W02-Medium"; 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-ATT-W02"; 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-ATT-W02"; } .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-ATT-W02"; 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; -webkit-text-fill-color: white; } .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-ATT-W02"; } .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-accordion-plus, .toggle-header .icon-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-accordion-plus, .tiny-accordion.iconleft .toggle-header .icon-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-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-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-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-accordion-plus { background-position: 0 0; background-size: 20px 40px; } .tiny-accordion-to-tabs > div > div.toggle-header .icon-accordion-minus { background-position: 0 -20px; background-size: 20px 40px; } .tiny-accordion-to-tabs > div > div.toggle-header .icon-accordion-plus, .tiny-accordion-to-tabs > div > div.toggle-header .icon-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-ATT-W02-Medium"; 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-"] { 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-"] { 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-"] { 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-"] { 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-"] { 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-disabled { pointer-events: none; } .b2b-audio-disabled .controls-wrapper { cursor: default; } .b2b-audio-disabled .controls-wrapper i { color: #808080; } .b2b-audio-disabled .controls-wrapper i:hover { color: #808080; } .b2b-audio-disabled .b2b-flyout { color: #808080; } .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.icon-controls-record { font-size: 64px; color: black; float: right; margin-right: 10px; } .b2b-audio-recorder .b2b-controls i.icon-controls-record:focus, .b2b-audio-recorder .b2b-controls i.icon-controls-record:hover { color: #0568ae; } .b2b-audio-recorder .b2b-controls i.icon-controls-stop { font-size: 36px; color: black; float: right; margin-right: 20px; margin-top: 12px; } .b2b-audio-recorder .b2b-controls i.icon-controls-stop:focus, .b2b-audio-recorder .b2b-controls i.icon-controls-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-ATT-W02-Medium"; 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-ATT-W02-Medium"; 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; } .b2b-bellyband-container { margin: 0; } .b2b-bellyband-container:after { clear: both; content: ""; display: table; } .b2b-bellyband-container:after { clear: both; content: ""; display: table; } .b2b-bellyband-link { border-top: 1px solid #d2d2d2; padding: 0 15px; position: relative; } .b2b-bellyband-link a { display: block; height: 40px; line-height: 40px; text-decoration: none; } .b2b-bellyband-link a:hover > div span, .b2b-bellyband-link a:focus > div span { text-decoration: underline; } .b2b-bellyband-link .icon-right { display: none; } .bg-att-digital-black { background-color: #191919; } .bg-att-digital-black a span { text-decoration: underline; } .bg-att-digital-black .make-all-white *, .bg-att-digital-black a:after { color: white; } .ds2-pad { margin: 0 -20px; padding: 20px; } .b2b-bellyband-link img[src$="svg"].hidden-desktop, .b2b-bellyband-link [class*="icon-"].hidden-desktop { display: inline-block !important; float: left; font-size: 24px; height: 24px; margin-right: 5px; margin-top: 8px; width: 24px; } .bg-att-digital-black .b2b-bellyband-link [class*="icon-"].hidden-desktop, .bg-att-digital-black .b2b-bellyband-link [class*="icon-"].visible-desktop { color: #fff; } .b2b-bellyband-link img[src$="svg"].visible-desktop { display: none !important; } .b2b-bellyband-link p { margin-top: -10px; margin-left: 29px; font-size: 1.4rem; color: #5a5a5a; } @media (min-width: 768px) { .b2b-bellyband-group { margin: 0; max-width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } .b2b-bellyband-group .row { display: block; } .b2b-bellyband-group .row .span { float: none; margin-right: 0; margin-bottom: 30px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .b2b-bellyband-link { border-top: none; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 0; margin-bottom: 30px; } .b2b-bellyband-link:last-child { margin-right: 0; } .b2b-bellyband-link a { height: auto; line-height: 1; text-align: center; } .b2b-bellyband-link a:after { display: none; } .b2b-bellyband-link img[src$="svg"].hidden-desktop, .b2b-bellyband-link [class*="icon-"].hidden-desktop { display: none !important; } .b2b-bellyband-link img[src$="svg"].visible-desktop, .b2b-bellyband-link [class*="icon-"].visible-desktop { display: block !important; font-size: 50px; height: 50px; margin-right: 0; margin-top: 0; margin-left: auto; margin-right: auto; width: auto; } .b2b-bellyband-link a span { display: block; margin-top: 12px; line-height: 2rem; } .b2b-bellyband-link p { display: block; text-align: center; margin-top: 6px; margin-left: 0; padding-left: 0 !important; line-height: 1.8rem; } } @media (min-width: 480px) and (max-width: 767px) { .b2b-bellyband-container { display: -ms-flexbox; display: flex; margin: 0; } .b2b-bellyband-group { -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-align: stretch; align-items: stretch; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1px; width: 100%; } .b2b-bellyband-group.span6-sm .span12-sm { margin-right: 10px; } .b2b-bellyband-group.span6-sm + .span6-sm .b2b-bellyband-link { margin-left: 10px; } .b2b-bellyband-link { padding-top: 0; padding-left: 0; position: relative; border-top: none; margin-bottom: 20px; width: 50%; } .b2b-bellyband-link a { height: auto; line-height: inherit; display: -ms-flexbox; display: flex; padding: 0; } .b2b-bellyband-link a:after { display: none; } .b2b-bellyband-link a span { display: block; padding-top: 10px; } .b2b-bellyband-link p { display: block; padding: 0 15px 0 29px; margin-bottom: 0; margin-left: 0; margin-top: 0; } .b2b-bellyband-link a + p { margin-top: -2px; } .b2b-bellyband-link a:focus p { text-decoration: none; } .b2b-bellyband-group > [class*="span"]:empty { display: none; } } @media (max-width: 479px) { .b2b-bellyband-container { margin: 0 -15px; } .b2b-bellyband-link { padding: 0 0 0 15px; } .b2b-bellyband-link .icon-right { color: #959595; display: block; font-size: 24px; position: absolute; right: 0; margin-top: -12px; top: 50%; } .bg-att-digital-black .b2b-bellyband-link .icon-right { color: #fff; } .b2b-bellyband-link > a { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; line-height: 1; margin-top: 0; height: 40px; } .b2b-bellyband-link > a span { -ms-flex: 1 1 auto; flex: 1 1 auto; } .b2b-bellyband-link img[src$="svg"].hidden-desktop, .b2b-bellyband-link [class*="icon-"].hidden-desktop { margin-top: 0; } .b2b-bellyband-container.border-bottom { border-top: 1px solid #d2d2d2; } .b2b-bellyband-container.border-bottom .b2b-bellyband-link { border-bottom: 1px solid #d2d2d2; border-top: none; } .b2b-bellyband-link-tall a { height: auto; padding: 8px 0; outline-offset: -3px; } .b2b-bellyband-link p { line-height: 1.8rem; margin-bottom: 0; padding-right: 40px; padding-bottom: 10px; } .b2b-bellyband-link-tall > a:after { margin-top: -8px; top: 50%; } .b2b-bellyband-group > [class*="span"]:empty { display: none; } } .b2b-boardstrip { display: inline-block; width: 980px; position: relative; padding-top: 15px; } .b2b-boardstrip .boardstrip-reel { margin-bottom: 15px; } .b2b-boardstrip .offscreen-text { position: fixed; } .b2b-boardstrip .boardstrip-item--add { border: 1px dashed #ccc; background: #FFFFFF; color: #0574ac; width: 195px; height: 42px; font-size: 12px; font-family: "Omnes-ATT-W02"; -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: 30px; max-height: 72px; position: relative; height: 72px; 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; margin-top: 15px; } .b2b-boardstrip .board-viewport .board-item { width: 195px; height: 42px; border: 1px solid #ccc; margin: 0 15px 15px 0; background-color: #FFFFFF; border-radius: 10px; float: left; overflow: hidden; outline: 0; padding: 0 9px; } .b2b-boardstrip .board-viewport .board-item:focus { border: 1px dashed #0568ae; background-color: white; cursor: pointer; border-radius: 10px; } .b2b-boardstrip .board-viewport .board-item:hover { border: 2px solid green; background-color: white; cursor: pointer; border-radius: 10px; } .b2b-boardstrip .board-viewport .board-item .board-img { width: 61px; height: 40px; margin: 5px 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: 12px; font-family: "Omnes-ATT-W02-Medium"; padding: 13px 0; -webkit-text-stroke: 1px; -webkit-text-stroke-color: #0568ae; color: #0568ae; margin: -1px 0px 0px 0px; } .b2b-boardstrip .board-viewport .board-item .title a { text-decoration: none; outline: 0; } .b2b-boardstrip .board-viewport .board-item.selected { background-color: #FFFFFF; border: 2px solid #0574ac; -webkit-text-stroke: 4px; padding: 0 6px; } .b2b-boardstrip .board-viewport .board-item .board-caret { cursor: default; outline: 0; position: absolute; bottom: 7px; display: none; } .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; -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-ATT-W02-Medium"; 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-ATT-W02"; color: #5A5A5A; cursor: default; } .datepicker td.disabled:hover { font-family: "Omnes-ATT-W02"; color: #5A5A5A; cursor: default; } .datepicker td.disabled:hover .show-date { font-family: "Omnes-ATT-W02"; color: #5A5A5A; } .datepicker td.disabled .show-date { font-family: "Omnes-ATT-W02"; 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-ATT-W02-Medium"; } .datepicker td.active:hover:not(.new) { color: #FFFFFF; border-color: #357ebd; } .datepicker td.active:hover:not(.new) .show-date { color: #0568ae; font-family: "Omnes-ATT-W02-Medium"; } .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-ATT-W02-Medium"; 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-ATT-W02-Medium"; 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-ATT-W02"; 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-ATT-W02-Medium"; 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-ATT-W02-Medium"; 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-ATT-W02"; 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-ATT-W02-Medium"; 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-ATT-W02-Medium"; } .datepicker td.disabled .show-date, .datepicker td.disabled:hover .show-date { font-family: "Omnes-ATT-W02"; 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-ATT-W02-Medium"; 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-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-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-ATT-W02"; 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-ATT-W02"; 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-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-ATT-W02-Medium"; 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-ATT-W02"; cursor: pointer !important; margin: 0 -15px; } ul.optgroup li { padding: 9px 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-ATT-W02-Italic"; } .placeholdercolor { color: #767676 !important; font-family: "Omnes-ATT-W02-Italic"; } .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; } .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-toggler] { cursor: pointer; } .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-ATT-W02-Medium"; 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-ATT-W02"; } .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-ATT-W02"; } .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 { vertical-align: top; margin-top: 20px; } .b2b-footer-wrapper .footerLogo div { display: inline-block; } .b2b-footer-wrapper .footerLogo .icon-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-ATT-W02"; } .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-container { padding: 0 20px; 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-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-ATT-W02"; 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-att-globe { color: #0568ae; font-size: 34px; bottom: 1px; } /* *TODO: delete below .icon-att-globel will not be used *instead the one above, icon-primary-att-globe not available here */ .b2b-header-tabs .icon-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-ATT-W02"; 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-ATT-W02"; 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-ATT-W02"; src: url("fonts/Omnes_ATTW02.eot"); src: url("fonts/Omnes_ATTW02.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02.woff") format("woff"), url("fonts/Omnes_ATTW02.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Omnes-ATT-W02-Medium"; src: url("fonts/Omnes_ATTW02Medium.eot"); src: url("fonts/Omnes_ATTW02Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02Medium.woff") format("woff"), url("fonts/Omnes_ATTW02Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Omnes-ATT-W02-Italic"; src: url("fonts/Omnes_ATTW02Italic.eot"); src: url("fonts/Omnes_ATTW02Italic.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02Italic.woff") format("woff"), url("fonts/Omnes_ATTW02Italic.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Omnes-ATT-W02-Light"; src: url("fonts/Omnes_ATTW02Light.eot"); src: url("fonts/Omnes_ATTW02Light.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02Light.woff") format("woff"), url("fonts/Omnes_ATTW02Light.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Omnes-ATT-W02-Bold"; src: url("fonts/Omnes_ATTW02Bold.eot"); src: url("fonts/Omnes_ATTW02Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02Bold.woff") format("woff"), url("fonts/Omnes_ATTW02Bold.woff2") format("woff2"), url("fonts/Omnes_ATTW02Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Omnes-ATT-W02-Light-Italic"; src: url("fonts/Omnes_ATTW02LightItalic.eot"); src: url("fonts/Omnes_ATTW02LightItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02LightItalic.woff") format("woff"), url("fonts/Omnes_ATTW02LightItalic.woff2") format("woff2"), url("fonts/Omnes_ATTW02LightItalic.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Omnes-ATT-W02-Medium-Italic"; src: url("fonts/Omnes_ATTW02MediumItalic.eot"); src: url("fonts/Omnes_ATTW02MediumItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02MediumItalic.woff") format("woff"), url("fonts/Omnes_ATTW02MediumItalic.woff2") format("woff2"), url("fonts/Omnes_ATTW02MediumItalic.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Omnes-ATT-W02-Bold-Italic"; src: url("fonts/Omnes_ATTW02BoldItalic.eot"); src: url("fonts/Omnes_ATTW02BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Omnes_ATTW02BoldItalic.woff") format("woff"), url("fonts/Omnes_ATTW02BoldItalic.woff2") format("woff2"), url("fonts/Omnes_ATTW02BoldItalic.ttf") format("truetype"); font-weight: normal; font-style: normal; } /* TODO: Build a reference page for these classes */ .font-regular { font-family: "Omnes-ATT-W02" !important; } .font-light { font-family: "Omnes-ATT-W02-Light" !important; } .font-italic { font-family: "Omnes-ATT-W02-Italic" !important; } .font-light-italic { font-family: "Omnes-ATT-W02-Light-Italic" !important; } .font-medium { font-family: "Omnes-ATT-W02-Medium" !important; } .font-medium-italic { font-family: "Omnes-ATT-W02-Medium-Italic" !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-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-plus-minus { right: 10px; } .b2b-subnav-content > li li > a.active { color: #0574ac; text-decoration: none; font-family: "Omnes-ATT-W02"; } } .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; } .b2b-reorder-list-item { font-size: 14px; color: #191919; margin: 10px 15px 1px 1px; float: right; width: 96%; height: 40px; white-space: nowrap; outline: none; visibility: inherit; display: inherit; text-align: left; overflow: hidden; cursor: pointer; padding-left: 15px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .b2b-reorder-list { float: left; outline: 0px none; overflow-x: hidden; width: 400px; position: relative; height: 500px; border: 1px solid #cccccc; margin-bottom: 10px; } .list-item-index { width: 26px; float: left; padding-top: 10px; } .list-item-content { width: 316px; border: 1px solid #cccccc; border-radius: 4px; float: right; height: 40px; text-align: left; padding: 10px 0px 5px 10px; } .list-item-content:hover { border: 2px dotted #0568ae; } .b2b-reorder-list-btngroup { width: 185px; float: left; margin-left: 30px; margin-top: 120px; text-align: center; } .b2b-reorder-list-btngroup button { width: 185px; margin-bottom: 30px; text-align: left; } .b2b-reorder-list-item--disabled { background-color: #f2f2f2; cursor: not-allowed; } .b2b-reorder-list-item--disabled:hover { border: 1px solid #cccccc; } .b2b-reorder-list-item--focussed { border: 2px solid #0568ae; } .b2b-reorder-list-item--selected { background-color: #71c5e8; } .seperator { margin-left: 8px; margin-right: 8px; } .seperator:after { content: '|'; } .b2b-list-header { font-size: 14px; margin-bottom: 20px; font-weight: bold; } .b2b-list-header2 { font-size: 16px; margin-bottom: 3px; font-weight: bold; } .b2b-list-header2 span { margin-left: 10px; } .btn.disabled[ddh-load-button] { line-height: 46px; padding: 0 19px 0 18px; } .btn.disabled[ddh-load-button] { color: #666666; } .icon-spinner-ddh.large { height: 50px; width: 50px; } .icon-spinner-ddh.small { height: 30px; width: 30px; } .icon-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-spinner-ddh { height: 30px !important; width: 30px !important; } .btn-small .icon-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-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 .btn-footer-margin-left { margin-left: 0px; } .b2b-modal-footer .cta-button-group .btn-footer-right { margin-right: auto; } .b2b-modal-footer .cta-modal-footer-flex { justify-content: flex-start; } .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%; top: -30px; } .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-calendar { display: block; padding-top: 8px; } .Monthpicker-input { background-color: white !important; } .field-group input:not([type="button"])[disabled] { background-color: #d2d2d2 !important; } .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-"], a [class*=" icon-"], a [class^="icon-"]:before, a [class*=" icon-"]: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-ATT-W02-Medium"; margin-bottom: 0 !important; margin: 1em 0 5px; line-height: 27px; font-size: 18px; } .b2b-alerts-messages h4 { color: #333 !important; font-family: "Omnes-ATT-W02-Medium"; 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-ATT-W02"; } .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-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-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-att-w02-medium"; } .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-right:before { display: inline-block; } .pager a .icon-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-ATT-W02-Medium"; } .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-right:before { display: inline-block; } .b2b-pager a .icon-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-"] { 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-"] { 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-ATT-W02-Medium"; } .b2b-pager > div > span.fieldLabel { margin-left: 18px; } .b2b-go-to-page { margin-top: 14px; } .b2b-go-to-page-inline { display: inline-block; } .b2b-pages-with-input .b2b-go-to-page { margin-top: 0px; } 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-ATT-W02"; 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-ATT-W02"; 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-ATT-W02-Medium"; 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-ATT-W02-Medium"; 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-ATT-W02-Italic"; } 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-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-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-ATT-W02"; 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-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-spinner.small { margin-right: 5px; height: 30px !important; width: 30px !important; } .isIE .icon-spinner, .isIE .icon-spinner.small { animation: spinner 1s linear infinite; } .ds2-no-colors .icon-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-left { margin-right: 5px; color: #0574ac; } .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-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-ATT-W02-Medium"; 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 .icon-controls-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 .icon-controls-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 .icon-securityalerts-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 .icon-controls-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-ATT-W02-Medium"; font-size: 14px; color: #191919; margin-bottom: 10px; } .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description { font-family: "Omnes-ATT-W02"; 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-ATT-W02"; 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-ATT-W02-Medium"; } .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-ATT-W02-Medium"; } .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-ATT-W02"; content: "Password strength: "; } .strength-meter-content:after { font-family: "Omnes-ATT-W02-Medium"; } .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-ATT-W02"; 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-ATT-W02-Medium"; } .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-ATT-W02"; } .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on + .btn + .btn-slider-off .inactivo { font: 0px/0 "Omnes-ATT-W02"; } .btn-switch input[type="button"] { left: 0; margin: 0; opacity: 0; position: absolute; top: 0; transition: none; } .btn-switch input[type="button"] + .switch-overlay .btn-slider-on .activo { font: 0px/0 "Omnes-ATT-W02"; } .btn-switch input[type="button"] + .switch-overlay .btn-slider-on + .btn + .btn-slider-off .inactivo { font: 0px/0 "Omnes-ATT-W02"; } .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: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-ATT-W02"; 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-ATT-W02"; 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: 100%; overflow: hidden; } .btn-slider-on { left: -22px; text-align: left; padding-left: 0px; display: inline-block; font-family: "Omnes-ATT-W02"; height: 32px; line-height: 32px; position: absolute; top: 1px; width: 80px; } .btn-slider-off { display: inline-block; font-family: "Omnes-ATT-W02"; height: 32px; line-height: 32px; position: absolute; top: 1px; width: 80px; right: 0px; text-align: right; padding-left: 50%; padding-right: 0px; } .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-ATT-W02-Medium"; 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-ATT-W02"; 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 .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-ATT-W02"; 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 .b2b-external-sort-margin .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; height: 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*="icon-arrows-"]:before { font-size: 20px; vertical-align: middle; } @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-ATT-W02"; } .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-ATT-W02"; color: #444444; line-height: 26px; margin-top: 10px; } .b2b-table-message .b2b-message-title { color: #444; font-family: "Omnes-ATT-W02"; } .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-tooltip { background: none; border: none; display: inline-block; font-size: 20px; height: 20px; margin: 0; position: relative; width: 20px; } .tooltip .icon-tooltip:before { top: 0; } .tooltip .icon-tooltip:focus { text-decoration: none; outline: 1px dotted black; } .tooltip.active .icon-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-tooltip[data-placement="top"] .arrow { display: block; bottom: 32px; top: auto; border-width: 0 1px 1px 0; } .tooltip.active .icon-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-tooltip[data-placement="bottom"] + .tooltip-wrapper .helpertext { bottom: inherit; top: 19px; } .tooltip.active .icon-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-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-tooltip:before { display: inline; position: relative; } .tooltip-onclick textarea + .reset-field + .icon-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-ATT-W02-Medium"; font-weight: bold; margin-bottom: 8px; white-space: normal; } .popover-content { display: block; font-size: 12px; font-family: "Omnes-ATT-W02"; 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-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"); margin-left: 15px; padding-left: 5px; } .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-ATT-W02"; 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-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-ATT-W02-Italic"; } .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-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-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-ATT-W02-Italic"; } .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-ATT-W02"; 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.icon-controls-gear:focus, .b2b-widget-header-icons button.icon-close:focus { outline: thin dotted #666; } .b2b-widget-header .icon-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-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-ATT-W02-Medium"; 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-ATT-W02-Medium; } .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 .icon-controls-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-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-ATT-W02" !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-collapsed:before, .filter-container .fixed-230-subnav .icon-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-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-ATT-W02"; font-size: 1.4rem; margin: 0; outline-offset: -1px; padding: 0 10px; position: relative; } .fixed-230-subnav div > a.live { font-family: "Omnes-ATT-W02-Medium"; 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-ATT-W02-Medium"; 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-ATT-W02"; 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-ATT-W02-Medium"; 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-ATT-W02-Medium"; } .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-ATT-W02-Medium"; text-decoration: none; } .fixed-230-subnav ul { margin: 0 0 10px; } */ .unlinked { color: #0568ae !important; font-family: "Omnes-ATT-W02" !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-ATT-W02-Medium"; } } */ @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-ATT-W02"; margin-bottom: 20px; margin-top: 10px; } .heading-small-form { font-size: 1.6rem; font-family: "Omnes-ATT-W02"; margin-top: 0px; } .icon-form-sizeL { font-size: 50px; } .icon-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-ATT-W02"; margin-bottom: 20px; padding-top: 10px; margin-top: 30px; } .heading-small-form { font-size: 1.4rem; font-family: "Omnes-ATT-W02"; margin-top: 0px; } } @media (max-width: 479px) { .icon-form-resizeL { display: none; } .icon-form-resize { display: none; } .heading-center-form { margin-left: 20px; } } @media (min-width: 480px) { .icon-form-resizeL { display: none; } .icon-form-resize { display: inherit; } .icon-center-min { margin-top: 30px; } } @media (min-width: 768px) { .icon-form-resizeL { display: inherit; margin-top: 30px; } .icon-form-resize { display: none; } .center-form-align { margin-top: 35px; } } @media (min-width: 1024px) { .icon-form-resizeL { display: inherit; margin-top: 0px; } .icon-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-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; font-size: 36px; } a.b2b-drag-handle:hover, a.b2b-drag-handle:focus { outline: 1px solid #0568ae; text-decoration: none !important; } .b2b-drag-over { border-bottom: 4px solid #0568ae; } .b2b-drag-element { background-color: #e8e8e8; } .hide-drag-icon { display: 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-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-ATT-W02"; } .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-ATT-W02-Medium"; 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-ATT-W02-Medium"; font-size: 14px; color: #333333; } .b2b-config-port-text-align { text-align: center; margin-top: 15px; margin-bottom: 8px; font-family: "Omnes-ATT-W02-Medium"; 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-ATT-W02-Medium"; font-size: 16px; color: #333333; float: left; width: 100%; margin-bottom: 7px; } .b2b-config-vlan-label { font-family: "Omnes-ATT-W02-Medium"; font-size: 14px; color: #333333; margin-top: 1px; margin-bottom: 9px; } .b2b-config-vlan-info { font-family: "Omnes-ATT-W02"; 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-ATT-W02"; 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-ATT-W02"; 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: #ffb81c; } .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-ATT-W02"; } .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-ATT-W02"; 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-ATT-W02"; 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-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-ATT-W02-Medium"; 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-ATT-W02"; 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; }