/*Version March 3 2023 11:07PM*/ /************************************Override Default CSS**************************************************/ /************************************Reusable CSS**************************************************/ /* Fix for the focus outline issue in Features Summary right side box link */ .accss-custom-styles-init .accss-custom-display-inline-block a, .accss-custom-styles-init a.accss-custom-display-inline-block, .accss-custom-styles-init .display-inline-block, .accss-custom-styles-init #details.active .closeDetails.inline-block, .accss-custom-styles-init .phone-prices .phone.options ul.colours /*ACCSS 2990*/ { display: inline-block; } .accss-custom-styles-init .display-init { display: initial !important; } .accss-custom-styles-init .accss-overflow-hidden { overflow: hidden; } .accss-custom-styles-init .top-overlay { z-index: 99; position: relative } /*reusable transparent marker*/ .accss-custom-styles-init ul.accss-transparent-bullet li::marker { color: transparent; } /*ACCSS 3081*/ .accss-custom-styles-init .accss-enable-overflow-visible, .accss-custom-styles-init #memberupdatesarchive.contents.accss-enable-overflow-visible .section.accss-focus-outline-override-bgwhite-elem { overflow: visible !important; } /* END - Fix for the focus outline issue in Features Summary right side box link */ /* Fix for inner black border in input */ .accss-custom-styles-init input.accss-blue-border-input:focus, select.accss-blue-border-input:focus { border: 1px solid #257fa3 !important; box-shadow: 0 0 3px 2px #257FA3, 0 0 1px 1px #257FA3 !important; } /*Element display block override*/ .accss-custom-styles-init .accss-display-block { display: block !important; } .accss-custom-styles-init .accss-display-inline-block { display: inline-block !important; } /*element display override*/ .accss-custom-styles-init .inline-block-on-focus[href]:focus, .accss-custom-styles-init .inline-block-on-focus[href]:active { display: inline-block; } .accss-custom-styles-init .accss-display-contents { display: contents; } /* Reusable flex styles*/ .accss-custom-styles-init .d-flex { display: flex; } .accss-custom-styles-init .justify-content-center { justify-content: center; } /*Element display block override*/ .accss-custom-styles-init .accss-display-none { display: none !important; } /*Z index positioning*/ .accss-custom-styles-init .z-index-10 { z-index: 10; } /*Positioning*/ .accss-custom-styles-init .pos-rel { position: relative !important; } /*ACCSS-7502*/ .accss-custom-styles-init .accss-width-25-percent{ width: 25%; } .accss-custom-styles-init .accss-width-50-percent { width: 50%; } /*ACCSS-3402 - element target just apply on parent apply both classes below */ .accss-custom-styles-init .accss-display-inline-block-parent a { display: inline-block !important; } /* Plans/postpaid Fix for issue outling having padding in bottom JBT */ .accss-custom-styles-init #planList .accss-display-inline-block-parent a { height: auto; } .accss-custom-styles-init .accss-select-phone .iconContainer .icon { margin-left: 5px !important; } .accss-custom-styles-init .accss-select-phone .iconContainer a { margin-left: 20px; padding-top: 2px; display: inline-block; } .accss-custom-styles-init .slider-unit .ui-slider-horizontal { background: none repeat scroll 0 0 #949596 !important; } /*Mozila only adding display inline block in the link itself to fix the focus*/ @-moz-document url-prefix() { /*For cutting of focus*/ .accss-custom-styles-init .moz-clone-box-decoration-break a[href]:focus { box-decoration-break: clone; } } /*End of ACCSS-3402*/ .accss-custom-styles-init .chrome-clone-box-decoration-break a[href]:focus { -webkit-box-decoration-break: clone; } /*ACCSS-2224*/ .accss-custom-styles-init .accss-position-absolute { position: absolute !important; } .accss-custom-styles-init .accss-custom-min-height17 { min-height: 17px !important; } /*ACCSS-2157*/ .accss-custom-styles-init .accss-box-shadow-none { box-shadow: none !important; } .accss-custom-styles-init #master-container #content a.accss-box-shadow-none:focus { box-shadow: none !important; } /* ACCSS-2925*/ .accss-custom-styles-init .text-align-left { text-align: left; } .accss-custom-styles-init .phoneBoxes .copy a { display: inline-block } /*ACCSS-3269*/ .accss-custom-styles-init .accss-display-inline-block { display: inline-block; } /* ACCSS-2666 */ .accss-custom-styles-init .accss-custom-link-style a:not(.ajaxFancybox):not(.ng-hide):focus, .accss-custom-styles-init .accss-custom-link-style a:not(.ajaxFancybox):not(.ng-hide):active { outline: none; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; } /* END OF ACCSS-2666 */ /*Mozila only adding display inline block in the link itself to fix the focus*/ @-moz-document url-prefix() { .accss-custom-styles-init .accss-display-inline-block-moz { display: inline-block; } } /*Mobile firefox display inline*/ @media screen and (max-width:800px) { @-moz-document url-prefix() { .accss-custom-styles-init .accss-display-inline-block-moz-sm { display: inline-block; } .accss-custom-styles-init ul.standard-list li { margin-left: 18px; } } .accss-custom-styles-init .mar-5-800 { margin: 5px !important; } .accss-custom-styles-init .display-inline-block-mob-container a[href] { display: inline-block; } .accss-custom-styles-init .accss-pad-md-10-bottom{ padding-bottom: 10px!important; } } /*Desktop firefox*/ @media screen and (min-width:905px) { @-moz-document url-prefix() { .accss-custom-styles-init .override-links-outline-before .find-a-store-link > a[href]:focus::before { left: -4px; } } } /*Reusable margin*/ .accss-custom-styles-init .margin-bottom-14 { margin-bottom: 14px !important; } .accss-custom-styles-init .margin-bottom-0 { margin-bottom: 0; } /*3019*/ /*Reusuable padding*/ .accss-custom-styles-init .padL-0 { padding-left: 0 !important } .accss-custom-styles-init .padL-6 { padding-left: 6px !important; } .accss-custom-styles-init .padT-0 { padding-top: 0 !important } .accss-custom-styles-init .padT-5 { padding-top: 5px !important; } .accss-custom-styles-init .pad-4-bottom { padding-bottom: 4px; } /*Reusable background color*/ .accss-custom-styles-init .accss-bg-white { background-color: #fff !important; } .accss-custom-styles-init .accss-bg-black { background-color: #000 !important; } /* Reusable Styles for font sizes */ .accss-custom-styles-init .fontS-14 { font-size: 14px !important; } .accss-custom-styles-init .fontS-18 { font-size: 18px !important; } .accss-custom-styles-init .fontS-20 { font-size: 20px !important; } .accss-custom-styles-init .fontS-22 { font-size: 22px !important; } .accss-custom-styles-init .fontS-24 { font-size: 24px !important; } .accss-custom-styles-init .fontS-26 { font-size: 26px !important; } .accss-custom-styles-init .fontS-30 { font-size: 30px !important; } /*Sepcial case text style*/ .accss-custom-styles-init .accss-capital-normal-front { font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: 700 !important; } /* Reusable lineheight */ .accss-custom-styles-init .lineheight-inherit { line-height: inherit !important; } /* Reusable Styles for Text alignments */ .accss-custom-styles-init .text-left { text-align: left !important; } .accss-custom-styles-init .text-center { text-align: center } /*Reusable widths*/ .accss-custom-styles-init .width-auto { width: auto !important } .accss-custom-styles-init .width-20 { width: 20% } .accss-custom-styles-init .width-70 { width: 70px; } /* Reusable CSS to replace frameborder="0"*/ .accss-custom-styles-init .frameborder-0 iframe { border: 0; overflow: hidden; } /*text color override or resusable font colors*/ .accss-custom-styles-init .white-on-bg-dark { color: #fff; } .accss-custom-styles-init .font-black { color: #000 !important; } .accss-custom-styles-init .accss-txt-blue-override { color: #007cad; } .accss-custom-styles-init .text-red-white-bg { color: #CC0000 !important; } .accss-custom-styles-init .text-light-blue-bg-dark { color: #7AD9FF !important; } /*link color override - used !important to override the default color of links*/ /*bg-#fff*/ .accss-custom-styles-init .links-blue-on-bg-white, .accss-custom-styles-init #Accordion a.ui-state-hover.links-blue-on-bg-white-hover:hover, .accordion a.ui-state-hover.links-blue-on-bg-white-hover:hover, .accss-custom-styles-init .accss-link-override-white-bg a[href]:not(.btnBasic):not([role=button]) { color: #4E4AE4 !important; } .accss-custom-styles-init .links-blue-on-bg-white:focus, .accss-custom-styles-init .links-blue-on-bg-white:hover, .accss-custom-styles-init .links-blue-on-bg-white:active, .accss-custom-styles-init .accss-link-override-white-bg a[href]:not(.btnBasic):not([role=button]):focus, .accss-custom-styles-init .accss-link-override-white-bg a[href]:not(.btnBasic):not([role=button]):hover, .accss-custom-styles-init .accss-link-override-white-bg a[href]:not(.btnBasic):not([role=button]):active { color: #086D96 !important; } .accss-custom-styles-init .links-blue-on-bg-gray, .accss-custom-styles-init #Accordion a.ui-state-hover.links-blue-on-bg-grey-hover:hover, .accordion a.ui-state-hover.links-blue-on-bg-grey-hover:hover, .accss-custom-styles-init .links-on-bg-gray-container a[href] { color: #086D96 !important; text-decoration: underline!important; } .accss-custom-styles-init .links-blue-on-bg-gray:focus, .accss-custom-styles-init .links-blue-on-bg-gray:hover, .accss-custom-styles-init .links-blue-on-bg-gray:active, .accss-custom-styles-init .links-on-bg-gray-container a[href]:focus, .accss-custom-styles-init .links-on-bg-gray-container a[href]:active, .accss-custom-styles-init .links-on-bg-gray-container a[href]:hover { color: #0d5f7d !important; text-decoration: none !important; } /*#333*/ .accss-custom-styles-init .links-blue-on-bg-darkgray, .accss-custom-styles-init .links-on-bg-darkgray-container a[href], .accss-custom-styles-init .phonePriceInner .phonePriceInnerInfo .editLink.hide-on-narrow a[href], .accss-custom-styles-init .plan .planInner .planInnerInfo .editLink.hide-on-narrow a[href] { color: #47A3D7 !important; } .accss-custom-styles-init .links-blue-on-bg-darkgray:focus, .accss-custom-styles-init .links-blue-on-bg-darkgray:hover, .accss-custom-styles-init .links-blue-on-bg-darkgray:active, .accss-custom-styles-init .links-on-bg-darkgray-container a[href]:focus, .accss-custom-styles-init .links-on-bg-darkgray-container a[href]:active { color: #4FA6D8 !important; } /*bg-#fff*/ /* Header issue 1325461 */ img.contrastRatioColor{filter: invert(100%) sepia(50%) saturate(0%) hue-rotate(121deg) brightness(100%) contrast(108%);} img.contrastRatioColorDarker {filter: invert(100%) sepia(50%) saturate(0%) hue-rotate(121deg) brightness(60%) contrast(108%);} .accss-custom-styles-init .links-gray-on-bg-white.underlined:hover, .accss-custom-styles-init .links-gray-on-bg-white.underlined:focus, .accss-custom-styles-init .links-gray-on-bg-white.underlined:active { color: #4A4A4A !important; text-decoration: none; } /*bg-#000*/ .accss-custom-styles-init .links-blue-on-bg-black, /*ACCSS-2950*/ .accss-custom-styles-init .links-blue-on-bg-black-container a { color: #0080B3 !important; } .accss-custom-styles-init .links-blue-on-bg-black:hover, .accss-custom-styles-init .links-blue-on-bg-black:focus, .accss-custom-styles-init .links-blue-on-bg-black:active, /*ACCSS-2950*/ .accss-custom-styles-init .links-blue-on-bg-black-container a:hover, .accss-custom-styles-init .links-blue-on-bg-black-container a:focus, .accss-custom-styles-init .links-blue-on-bg-black-container a:active { color: #17A1D3 !important; } /*bg-D8D8D8*/ .accss-custom-styles-init .links-blue-on-dark-bg-gray2 { color: #265F78 !important; } /*ACCSS-2735*/ /*Accss-2189*/ .accss-custom-styles-init .accss-button-blue-on-bg-white { background-color: #007CAD; border-color: #007CAD; } .accss-custom-styles-init .accss-button-blue-on-bg-white:hover { background-color: #0075A3; border-color: #0075A3; } /*Class override for underline Links inside Paragraph*/ /*ACCSS 2269*/ .accss-custom-styles-init .underline-links-paragraph-container a:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a), .accss-custom-styles-init .accordion-toup-menu p a, /* JBT for topupmenu accordion paragraph underlinelink*/ .accss-custom-styles-init .underline-links-paragraph, .accss-custom-styles-init .infoContainer .makeEverybodyBuddy a, .accss-custom-styles-init .underline-links-paragraph-container a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a), .accss-custom-styles-init .underline-links-shopindex-container a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.tabs ul a) { text-decoration: underline !important; } .accss-custom-styles-init .underline-links-paragraph-container a:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):hover, .accss-custom-styles-init .underline-links-paragraph-container a:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init .accordion-toup-menu p a:hover, .accss-custom-styles-init .accordion-toup-menu p a:focus, /* JBT for topupmenu accordion paragraph underlinelink*/ .accss-custom-styles-init .underline-links-paragraph:hover, .accss-custom-styles-init .underline-links-paragraph:focus, .accss-custom-styles-init a.text-underline-none, .accss-custom-styles-init .text-underline-none a, .accss-custom-styles-init .text-underline-none, .accss-custom-styles-init .underline-links-shopindex-container a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.tabs ul a):hover, .accss-custom-styles-init .underline-links-shopindex-container a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.tabs ul a):focus { text-decoration: none !important; } /*override links tih target blank icon*/ .accss-custom-styles-init [role="main"] a[target="_blank"]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a), .accss-custom-styles-init .accordion-toup-menu p a, .accss-custom-styles-init .underline-links-paragraph, .accss-custom-styles-init .infoContainer .makeEverybodyBuddy a, .accss-custom-styles-init .underline-links-paragraph-container a[href][target="_blank"]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a){ text-decoration:none!important; } .accss-custom-styles-init .accordion-toup-menu p a, .accss-custom-styles-init .underline-links-paragraph, .accss-custom-styles-init .infoContainer .makeEverybodyBuddy a, .accss-custom-styles-init .underline-links-paragraph-container a[href][target="_blank"]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):hover, .accss-custom-styles-init .accordion-toup-menu p a, .accss-custom-styles-init .underline-links-paragraph, .accss-custom-styles-init .infoContainer .makeEverybodyBuddy a, .accss-custom-styles-init .underline-links-paragraph-container a[href][target="_blank"]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init .accordion-toup-menu p a, .accss-custom-styles-init .underline-links-paragraph, .accss-custom-styles-init .infoContainer .makeEverybodyBuddy a, .accss-custom-styles-init .underline-links-paragraph-container a[href][target="_blank"]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active{ text-decoration: underline !important; } /* CONTENT - FOCUS OUTLINE - Not applied temporarily - Will remove or uncomment depends on focus outline approval - CATH */ /* background-color: #FFFFFF - white */ .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem a[onclick]:focus, .accss-custom-styles-init #content_table .btnHolder.Wrapper a[href]:active, .accss-custom-styles-init #content_table .btnHolder.Wrapper a[href]:focus, /*To apply in greymarket-phone-menu page JBT*/ .accss-custom-styles-init #master-container #content .content-area .contents .section.accss-bonus a:focus, /*ACCSS 3015 Support/bonus JBT*/ .accss-custom-styles-init #topUp a[href]:active, .accss-custom-styles-init #topUp a[href]:focus, /*to apply in topup-menu page JBT*/ .accss-custom-styles-init .rateboxList.accss-ratebox-outline:focus, .accss-custom-styles-init .rateboxList.accss-ratebox-outline:active, /* plans/postpaid ratebox outline JBT*/ .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem a[role=button]:focus, .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem a[role=button]:active, /* JBT */ .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem select:focus, .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem select:active, .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem button:focus, .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem button:active, .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem input:not([type=radio], [name=topupAmount]):focus, .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem input:not([type=radio], [name=topupAmount]):active, .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem [tabindex="0"]:focus, .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem [tabindex="0"]:active, .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem input:not([type=radio],[name=topupAmount]):focus, .accss-custom-styles-init .accss-focus-outline-override-specific-elem input:not([type=radio],[name=topupAmount]):active, .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem textarea:focus, .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem a[href]#kw-toggle-option:focus, .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem a[href]#kw-toggle-option:active, .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem#modemChoice a[href].modemStart:focus, .accss-custom-styles-init .accss-with-focus-transparent:focus, .accss-custom-styles-init .accss-with-focus-fit-width:focus, .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem a[href].btnBasic:focus, .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem a[href].btnBasic:active, .accss-custom-styles-init #family-DATASMRT .btnLightbg.dataInfo a[href].btnBasic:focus, .accss-custom-styles-init #family-DATASMRT .btnLightbg.dataInfo a[href].btnBasic:active { outline: none !important; box-shadow: 0 0 0px 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; -webkit-box-decoration-break: clone; } /* BGwhite focus outline without padding for links in paragraph only*/ .accss-custom-styles-init #topUp a:not(.btnBasic):active, .accss-custom-styles-init #topUp a:not(.btnBasic)[href]:focus, /*to apply in topup-menu page JBT*/ .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem p a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem p a[href]:active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-bgwhite-elem a[href]:not(.btnBasic):not([role=button]):not(a[href].modemStart):not(a[href]#kw-toggle-option):not([role=tab]):not([role=tab] a):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-bgwhite-elem a[href]:not(.btnBasic):not([role=button]):not(a[href].modemStart):not(a[href]#kw-toggle-option):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-bgwhite-elem a[href].accss-accordion-header[role=button]:focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-bgwhite-elem a[href].accss-accordion-header[role=button]:active { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3 !important; -webkit-box-decoration-break: clone; } .accss-custom-styles-init .accss-focus-pseudo-outline-override ul.accss-focus-pseudo-outline-override-no-tabindex.tab-parent li.tab-child:focus, .accss-custom-styles-init .accss-focus-pseudo-outline-override ul.accss-focus-pseudo-outline-override-no-tabindex.tab-parent li.tab-child:active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-bgwhite-elem #faq_menu.fix-tab-issues .accss-add-focus-outline a[href]:focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-bgwhite-elem #faq_menu.fix-tab-issues .accss-add-focus-outline a[href]:active { box-shadow: none !important; } /* background-color: #333333 - dark grey*/ .accss-custom-styles-init .accss-focus-outline-override-dark-grey-bg a[onclick]:focus, .accss-custom-styles-init .accss-focus-outline-override-dark-grey-bg button:focus, .accss-custom-styles-init .accss-focus-outline-override-dark-grey-bg button:active, .accss-custom-styles-init .accss-focus-outline-override-dark-grey-bg input:focus, .accss-custom-styles-init .accss-focus-outline-override-dark-grey-bg input:active, .accss-custom-styles-init .accss-focus-outline-override-dark-grey-bg [tabindex="0"]:focus, .accss-custom-styles-init .accss-focus-outline-override-dark-grey-bg [tabindex="0"]:active { outline: none !important; box-shadow: 0 0 0px 3px #333, 0 0 2px 3px #333, 0 0 4px 5px #47A3D7, 0 0 2px 5px #47A3D7 !important; -webkit-box-decoration-break: clone; } /*dark grey focus outline without padding for links in paragraph only*/ .accss-custom-styles-init .accss-focus-outline-override-dark-grey-bg p a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override-dark-grey-bg p a[href]:active, .accss-custom-styles-init .accss-focus-outline-override-dark-grey-bg a.closeBtn[role=button]:focus, .accss-custom-styles-init .accss-focus-outline-override-dark-grey-bg a.closeBtn[role=button]:active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-dark-grey-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-dark-grey-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active { outline: none !important; box-shadow: 0 0 3px 2px #47A3D7, 0 0 3px 2px #47A3D7; -webkit-box-decoration-break: clone; } /* background-color: #EAEAEA - dark grey2*/ .accss-custom-styles-init .accss-focus-outline-override-dark-grey2-bg a[onclick]:focus, .accss-custom-styles-init .accss-focus-outline-override-dark-grey2-bg button:focus, .accss-custom-styles-init .accss-focus-outline-override-dark-grey2-bg button:active, .accss-custom-styles-init .accss-focus-outline-override-dark-grey2-bg input:focus, .accss-custom-styles-init .accss-focus-outline-override-dark-grey2-bg input:active, .accss-custom-styles-init .accss-focus-outline-override-dark-grey2-bg [tabindex="0"]:focus, .accss-custom-styles-init .accss-focus-outline-override-dark-grey2-bg [tabindex="0"]:active { outline: none !important; box-shadow: 0 0 0px 3px #EAEAEA, 0 0 2px 3px #EAEAEA, 0 0 4px 5px #0070A1, 0 0 2px 5px #0070A1 !important; -webkit-box-decoration-break: clone; } /*dark grey2 focus outline without padding for links in paragraph only*/ .accss-custom-styles-init .accss-focus-outline-override-dark-grey2-bg p a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override-dark-grey2-bg p a[href]:active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-dark-grey2-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-dark-grey2-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active { outline: none !important; box-shadow: 0 0 3px 2px #0070A1, 0 0 3px 2px #0070A1; -webkit-box-decoration-break: clone; } /* background-color: #000000 - black */ .accss-custom-styles-init .accss-focus-outline-override-black-bg a[onclick]:focus, .accss-custom-styles-init .accss-focus-outline-override-black-bg button:focus, .accss-custom-styles-init .accss-focus-outline-override-black-bg button:active, .accss-custom-styles-init .accss-focus-outline-override-black-bg input:focus, .accss-custom-styles-init .accss-focus-outline-override-black-bg input:active, .accss-custom-styles-init .accss-focus-outline-override-black-bg [tabindex="0"]:focus, .accss-custom-styles-init .accss-focus-outline-override-black-bg [tabindex="0"]:active { outline: none !important; box-shadow: 0 0 0px 3px #000, 0 0 2px 3px #000, 0 0 4px 5px #47a3d7, 0 0 2px 5px #47a3d7 !important; -webkit-box-decoration-break: clone; } .accss-custom-styles-init #bottom-info-support-forumBanner .contents .box-sizing-content a:focus { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3; -webkit-box-decoration-break: clone; } /*black focus outline without padding for links in paragraph only*/ .accss-custom-styles-init .accss-focus-outline-override-black-bg p a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override-black-bg p a[href]:active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-black-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-black-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3; -webkit-box-decoration-break: clone; } /* background-color: #cc0000 - red */ .accss-custom-styles-init .accss-focus-outline-override-red-bg a[onclick]:focus, .accss-custom-styles-init .accss-focus-outline-override-red-bg button:focus, .accss-custom-styles-init .accss-focus-outline-override-red-bg button:active, .accss-custom-styles-init .accss-focus-outline-override-red-bg input:focus, .accss-custom-styles-init .accss-focus-outline-override-red-bg input:active, .accss-custom-styles-init .accss-focus-outline-override-red-bg [tabindex="0"]:focus, .accss-custom-styles-init .accss-focus-outline-override-red-bg [tabindex="0"]:active, .accss-custom-styles-init #emailsignupform .accss-focus-outline-override-red-bg #emailfield:focus, .accss-custom-styles-init #emailsignupform .accss-focus-outline-override-red-bg #emailfield:active { outline: none !important; box-shadow: 0 0 0px 3px #cc0000, 0 0 2px 3px #cc0000, 0 0 4px 5px #c5ffff, 0 0 2px 5px #c5ffff !important; -webkit-box-decoration-break: clone; } /*red focus outline without padding for links in paragraph only*/ .accss-custom-styles-init .accss-focus-outline-override-red-bg p a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override-red-bg p a[href]:active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-red-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-red-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active, .accss-custom-styles-init .accss-focus-outline-override-red-bg a.accss-custom-btn-focus-outline:focus, .accss-custom-styles-init .accss-focus-outline-override-red-bg a.accss-custom-btn-focus-outline:active, .accss-custom-styles-init .accss-focus-outline-override-red-bg a.accss-custom-btn-focus-outline:hover { outline: none !important; box-shadow: 0 0 3px 2px #c5ffff, 0 0 3px 2px #c5ffff; -webkit-box-decoration-break: clone; } /*red bg override focus*/ .accss-custom-styles-init #master-container #content .accss-focus-red-bg-override-container .accss-focus-outline-override a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init #master-container #content .accss-focus-red-bg-override-container .accss-focus-outline-override a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active, .accss-custom-styles-init #master-container #content .accss-focus-red-bg-override-container.accss-focus-outline-override a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init #master-container #content .accss-focus-red-bg-override-container.accss-focus-outline-override a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active, .accss-custom-styles-init #master-container #content .accss-focus-red-bg-override-container .accss-focus-outline-override p a[href]:focus, .accss-custom-styles-init #master-container #content .accss-focus-red-bg-override-container .accss-focus-outline-override p a[href]:active, .accss-custom-styles-init #master-container #content .accss-focus-outline-override a.accss-focus-red-bg-override-elem[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init #master-container #content .accss-focus-outline-override a.accss-focus-red-bg-override-elem[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active, .accss-custom-styles-init #master-container #content .accss-focus-outline-override .accss-focus-red-bg-override-container a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init #master-container #content .accss-focus-outline-override .accss-focus-red-bg-override-container a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active { outline: none !important; box-shadow: 0 0 3px 2px #c5ffff, 0 0 3px 2px #c5ffff !important; -webkit-box-decoration-break: clone; } /* background-color: #EFEFEF- light grey*/ .accss-custom-styles-init .accss-focus-outline-override-light-grey-bg a[onclick]:focus, .accss-custom-styles-init .accss-focus-outline-override-light-grey-bg button:focus, .accss-custom-styles-init .accss-focus-outline-override-light-grey-bg button:active, .accss-custom-styles-init .accss-focus-outline-override-light-grey-bg input:focus, .accss-custom-styles-init .accss-focus-outline-override-light-grey-bg input:active, .accss-custom-styles-init .accss-focus-outline-override-light-grey-bg select:focus, .accss-custom-styles-init .accss-focus-outline-override-light-grey-bg select:active, .accss-custom-styles-init .accss-focus-outline-override-light-grey-bg [tabindex="0"]:focus, .accss-custom-styles-init .accss-focus-outline-override-light-grey-bg [tabindex="0"]:active, .accss-custom-styles-init .accss-focus-outline-override-light-grey-bg-element:focus, .accss-custom-styles-init .accss-focus-outline-override-light-grey-bg-element:active { outline: none !important; box-shadow: 0 0 0px 3px #EFEFEF, 0 0 2px 3px #EFEFEF, 0 0 4px 5px #0070A1, 0 0 2px 5px #0070A1 !important; -webkit-box-decoration-break: clone; } /*light grey focus outline without padding for links in paragraph only*/ .accss-custom-styles-init .accss-focus-outline-override-light-grey-bg p a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override-light-grey-bg p a[href]:active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-light-grey-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-light-grey-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active { outline: none !important; box-shadow: 0 0 3px 2px #0070A1, 0 0 3px 2px #0070A1 !important; -webkit-box-decoration-break: clone; } /* background-color: #fafafa- light grey2*/ .accss-custom-styles-init .accss-focus-outline-override-light-grey2-bg a[onclick]:focus, .accss-custom-styles-init .accss-focus-outline-override-light-grey2-bg button:focus, .accss-custom-styles-init .accss-focus-outline-override-light-grey-bg button:active, .accss-custom-styles-init .accss-focus-outline-override-light-grey2-bg input:focus, .accss-custom-styles-init .accss-focus-outline-override-light-grey-bg input:active, .accss-custom-styles-init .accss-focus-outline-override-light-grey2-bg select:focus, .accss-custom-styles-init .accss-focus-outline-override-light-grey-bg select:active, .accss-custom-styles-init .accss-focus-outline-override-light-grey2-bg [tabindex="0"]:focus, .accss-custom-styles-init .accss-focus-outline-override-light-grey-bg [tabindex="0"]:active, .accss-custom-styles-init .accss-focus-outline-override-light-grey2-bg-element:focus, .accss-custom-styles-init .accss-focus-outline-override-light-grey-bg-element:active { outline: none !important; box-shadow: 0 0 0px 3px #fafafa, 0 0 2px 3px #fafafa, 0 0 4px 5px #0070A1, 0 0 2px 5px #0070A1 !important; -webkit-box-decoration-break: clone; } /*light grey2 focus outline without padding for links in paragraph only*/ .accss-custom-styles-init .accss-focus-outline-override-light-grey2-bg p a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override-light-grey2-bg p a[href]:active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-light-grey2-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-light-grey2-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active { outline: none !important; box-shadow: 0 0 3px 2px #0070A1, 0 0 3px 2px #0070A1; -webkit-box-decoration-break: clone; } /* background-color: #E5E5E5 - grey*/ .accss-custom-styles-init .accss-focus-outline-override-grey-bg a[onclick]:focus, .accss-custom-styles-init .accss-focus-outline-override-grey-bg button:focus, .accss-custom-styles-init .accss-focus-outline-override-grey-bg button:active, .accss-custom-styles-init .accss-focus-outline-override-grey-bg input:focus, .accss-custom-styles-init .accss-focus-outline-override-grey-bg input:active, .accss-custom-styles-init .accss-focus-outline-override-grey-bg [tabindex="0"]:focus, .accss-custom-styles-init .accss-focus-outline-override-grey-bg [tabindex="0"]:active, .accss-custom-styles-init .accss-focus-outline-override-grey-bg-element:focus, .accss-custom-styles-init .accss-focus-outline-override-grey-bg-element:active { outline: none !important; box-shadow: 0 0 0px 3px #E5E5E5, 0 0 2px 3px #E5E5E5, 0 0 4px 5px #0070A1, 0 0 2px 5px #0070A1 !important; -webkit-box-decoration-break: clone; } /*grey focus outline without padding for links in paragraph only*/ .accss-custom-styles-init .accss-focus-outline-override-grey-bg p a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override-grey-bg p a[href]:active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-grey-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-grey-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active { outline: none !important; box-shadow: 0 0 3px 2px #0070A1, 0 0 3px 2px #0070A1; -webkit-box-decoration-break: clone; } /* background-color: #f5f5f5 - grey2*/ .accss-custom-styles-init .accss-focus-outline-override-grey-bg2-elem a[onclick]:focus, .accss-custom-styles-init .accss-focus-outline-override-grey-bg2-elem select:focus, .accss-custom-styles-init .accss-focus-outline-override-grey-bg2-elem select:active, .accss-custom-styles-init .accss-focus-outline-override-grey-bg2-elem button:focus, .accss-custom-styles-init .accss-focus-outline-override-grey-bg2-elem button:active, .accss-custom-styles-init .accss-focus-outline-override-grey-bg2-elem input:focus, .accss-custom-styles-init .accss-focus-outline-override-grey-bg2-elem input:active, .accss-custom-styles-init .accss-focus-outline-override-grey-bg2-elem [tabindex="0"]:focus, .accss-custom-styles-init .accss-focus-outline-override-grey-bg2-elem [tabindex="0"]:active { outline: none !important; box-shadow: 0 0 0px 3px #f5f5f5, 0 0 2px 3px #f5f5f5, 0 0 4px 5px #0070A1, 0 0 2px 5px #0070A1 !important; -webkit-box-decoration-break: clone; } /*grey2 focus outline without padding for links in paragraph only*/ .accss-custom-styles-init .accss-focus-outline-override-grey-bg2-elem p a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override-grey-bg2-elem p a[href]:active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-grey-bg2-elem a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-grey-bg2-elem a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active { outline: none !important; box-shadow: 0 0 3px 2px #0070A1, 0 0 3px 2px #0070A1; -webkit-box-decoration-break: clone; } /* no padding */ .accss-custom-styles-init .accss-focus-outline-override a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init .accss-focus-outline-override a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active, .accss-custom-styles-init .accss-focus-outline-override a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override a[href]:active, .accss-custom-styles-init .accss-focus-outline-override button:focus, .accss-custom-styles-init .accss-focus-outline-override button:active, .accss-custom-styles-init .accss-focus-outline-override input:focus, .accss-custom-styles-init .accss-focus-outline-override input:active, .accss-custom-styles-init .accss-focus-outline-override select:focus, .accss-custom-styles-init .accss-focus-outline-override select:active, .accss-custom-styles-init .accss-focus-outline-override [tabindex="0"]:focus, .accss-custom-styles-init .accss-focus-outline-override [tabindex="0"]:active, /* Phones Summary Regression */ .accss-custom-phones-summary-select-option-mobile:active, .accss-focus-outline-override .accss-custom-phones-summary-select-option-mobile:focus { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3; -webkit-box-decoration-break: clone; } /*Mozilla fixes for cutting focus in box shadows*/ @-moz-document url-prefix() { /*Custom classes in all background colors*/ .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem p a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem p a[href]:active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-bgwhite-elem a[href]:not(.btnBasic):not([role=button]):not([role=button], a):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-bgwhite-elem a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-dark-grey-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-dark-grey-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-dark-grey2-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-dark-grey2-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-black-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-black-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-red-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-red-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-light-grey-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-light-grey-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-light-grey2-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-light-grey2-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-grey-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-grey-bg a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-grey-bg2-elem a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-grey-bg2-elem a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-bgwhite-elem a[href].accss-accordion-header[role=button]:focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-bgwhite-elem a[href].accss-accordion-header[role=button]:active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override a[href].accss-accordion-header[role=button]:focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override a[href].accss-accordion-header[role=button]:active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override a[href]:not(.btnBasic):not([role=button]):not([role=button], a):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override p a:not(p a.editphone)[href]:focus, .accss-custom-styles-init .accss-focus-outline-override p a:not(p a.editphone)[href]:active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override-bgwhite-elem a[href]:not(.btnBasic):not([role="button"]):not(a[href].modemStart):not(a[href]#kw-toggle-option):not([role="tab"]):not([role="tab"] a):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3 !important; box-decoration-break: clone; } /*for pseudo focus in firefox*/ .accss-custom-styles-init .accss-focus-pseudo-outline-override a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus::after, .accss-custom-styles-init .accss-focus-pseudo-outline-override a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active::after, .accss-custom-styles-init .accss-focus-outline-override p a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override p a[href]:active, .accss-custom-styles-init [role="main"] .accss-focus-outline-override a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init [role="main"] .accss-focus-outline-override a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active { box-decoration-break: clone; } /*Issue in firefox radio button missing focusoutline when focus JBT*/ .accss-custom-styles-init ul li input[type="radio"]:active, .accss-custom-styles-init ul li input[type="radio"]:focus, .accss-custom-styles-init #phonePrices .smartcareBox input[type="radio"]:active, .accss-custom-styles-init #phonePrices .smartcareBox input[type="radio"]:focus { width: 12px; outline: none !important; box-shadow: 0 0 0px 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; } } /* IE rendering engine has an issue dealing with box-shadow directly applied to elements. use outline transparent in focus to hide weird artifacts being left-out on blur */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem a[href]:active, .accss-custom-styles-init .accss-focus-outline-override-dark-grey-bg a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override-dark-grey-bg a[href]:active, .accss-custom-styles-init .accss-focus-outline-override-dark-grey2-bg a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override-dark-grey-bg a[href]:active, .accss-custom-styles-init .accss-focus-outline-override-black-bg a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override-black-bg a[href]:active, .accss-custom-styles-init .accss-focus-outline-override-red-bg a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override-red-bg a[href]:active, .accss-custom-styles-init .accss-focus-outline-override-light-grey-bg a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override-light-grey-bg a[href]:active, .accss-custom-styles-init .accss-focus-outline-override-grey-bg a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override-grey-bg a[href]:active, .accss-custom-styles-init .accss-focus-outline-override a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override a[href]:active { outline: 7px solid transparent !important; } } /* pseudo before padding, any background color */ .accss-custom-styles-init .ratebox.accss-ratebox-outline, .accss-custom-styles-init .accss-focus-pseudo-outline-override a[href], .accss-custom-styles-init .accss-focus-pseudo-outline-override input[type=radio], .accss-custom-styles-init .accss-focus-pseudo-outline-override input:not([type=radio]), .accss-custom-styles-init .accss-focus-pseudo-outline-override .accss-with-focus, .accss-custom-styles-init .accss-with-focus, .accss-custom-styles-init .accss-focus-pseudo-outline-override [tabindex="0"]:focus, .accss-custom-styles-init .accss-focus-pseudo-outline-override [tabindex="0"]:active, /*Special case for radio button radius focus background*/ .accss-custom-styles-init .accss-focus-outline-override input[type=radio] { position: relative; outline: none !important; box-shadow: none !important; } .accss-custom-styles-init .accss-focus-pseudo-outline-override a[href]:focus::before, .accss-custom-styles-init .accss-focus-pseudo-outline-override a[href]:active::before, .accss-custom-styles-init .accss-focus-pseudo-outline-override input[type=radio]:focus::before, .accss-custom-styles-init .accss-focus-pseudo-outline-override input[type=radio]:active::before, .accss-custom-styles-init .accss-focus-pseudo-outline-override input:not([type=radio]):focus::before, .accss-custom-styles-init .accss-focus-pseudo-outline-override input:not([type=radio]):active::before, .accss-custom-styles-init .accss-focus-pseudo-outline-override [tabindex="0"]:focus::before, .accss-custom-styles-init .accss-focus-pseudo-outline-override [tabindex="0"]:active::before, .accss-custom-styles-init .accss-with-focus-pseudo-after:focus::after, /*Special case for radio button radius focus background*/ .accss-custom-styles-init .accss-focus-outline-override input[type=radio]:focus::after, .accss-custom-styles-init .accss-focus-outline-override input[type=radio]:active::after, .accss-custom-styles-init .accss-focus-pseudo-outline-override .accss-with-focus:focus::before, .accss-custom-styles-init .accss-with-focus:focus::before { content: ''; height: calc(100% + 6px); width: calc(100% + 6px); position: absolute; top: -3px; left: -3px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; } /*custom focus outline for plans postpaid*/ .accss-custom-styles-init .ratebox.accss-ratebox-outline:focus::before, .accss-custom-styles-init .ratebox.accss-ratebox-outline:active::before { content: ''; height: calc(100% + 14px); width: calc(100% + 6px); position: absolute; top: -3px; left: -3px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2 } /*remove padding in a tag only*/ .accss-custom-styles-init .accss-focus-pseudo-outline-override a[href]:not(.btnBasic):not([role=button]):not([role=tab], a):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus::after, .accss-custom-styles-init .accss-focus-pseudo-outline-override a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):active::after { content: ''; height: calc(100% + 0px); width: calc(100% + 2px); position: absolute; top: 1px; left: 0px; display: block; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; } /* pseudo no padding, any background color for elem*/ .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem, .accss-custom-styles-init .accss-custom-link-style a.accss-focus-pseudo-outline-override-elem:not(.ajaxFancybox):focus, .accss-custom-styles-init .accss-custom-link-style a.accss-focus-pseudo-outline-override-elem:not(.ajaxFancybox):active { position: relative; outline: none !important; box-shadow: none !important; } .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem:focus::before, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem:active::before { content: ''; height: calc(100% + 6px); width: calc(100% + 6px); position: absolute; top: -3px; left: -3px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; } /* BUTTON OVERRIDE pseudo focus outline with padding, any background color for elem*/ .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.btn-with-pad:focus::before, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.btn-with-pad:active::before, /* Phones Summary Buttons */ .accss-custom-styles-init .accss-phone-subtype-container #phoneFilter-tabpanel a.btnBasic.btnBlock.accss-focus-pseudo-outline-override-elem.grayBtn-gray-bg:focus::before, .accss-custom-styles-init .accss-phone-subtype-container #phoneFilter-tabpanel a.btnBasic.btnBlock.accss-focus-pseudo-outline-override-elem.grayBtn-gray-bg:active::before { height: calc(100% + 10px); width: calc(100% + 10px); top: -5px; left: -5px; border-radius: 5px; } /*Focus override button with red bg*/ .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.redBtn-red-bg.btn-with-pad:active::before, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.redBtn-red-bg:focus::before, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.redBtn-red-bg:active::before, .accss-custom-styles-init .accss-focus-pseudo-outline-override a.accss-focus-pseudo-outline-override-elem.redBtn-red-bg[href]:focus::before, .accss-custom-styles-init .accss-focus-pseudo-outline-override a.accss-focus-pseudo-outline-override-elem.redBtn-red-bg[href]:active::before { box-shadow: 0 0 3px 1px #c5ffff, 0 0 3px 2px #c5ffff !important; height: calc(100% + 10px); width: calc(100% + 10px); top: -5px; left: -5px; border-radius: 5px } .accss-custom-styles-init .accss-focus-pseudo-outline-override a.accss-focus-pseudo-outline-override-elem.redBtn-red-bg[href]:focus, .accss-custom-styles-init .accss-focus-pseudo-outline-override a.accss-focus-pseudo-outline-override-elem.redBtn-red-bg[href]:active, .accss-custom-styles-init .accss-focus-pseudo-outline-override a.accss-focus-pseudo-outline-override-elem.redBtn-gray-bg[href]:focus, .accss-custom-styles-init .accss-focus-pseudo-outline-override a.accss-focus-pseudo-outline-override-elem.redBtn-gray-bg[href]:active { box-shadow: none !important; } /*Focus override button with gray bg*/ .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.redBtn-gray-bg.btn-with-pad:active::before, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.redBtn-gray-bg:focus::before, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.redBtn-gray-bg:active::before, .accss-custom-styles-init .accss-focus-pseudo-outline-override a.accss-focus-pseudo-outline-override-elem.redBtn-gray-bg[href]:focus::before, .accss-custom-styles-init .accss-focus-pseudo-outline-override a.accss-focus-pseudo-outline-override-elem.redBtn-gray-bg[href]:active::before { box-shadow: 0 0 3px 1px #47a3d7, 0 0 3px 2px #47a3d7 !important; height: calc(100% + 10px); width: calc(100% + 10px); top: -5px; left: -5px; border-radius: 5px } /* BUTTON OVERRIDE FOR FOCUS OUTLINE HOVER*/ /*White button in white Background*/ .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.whiteBtn-white-bg:focus, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.whiteBtn-white-bg:active, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.whiteBtn-white-bg:hover, /*Dark and Light Gray button in gray Background*/ .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.grayBtn-gray-bg:focus, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.grayBtn-gray-bg:active, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.grayBtn-gray-bg:hover { color: #fff !important; background-color: #333; border-color: #333; text-decoration: none !important; } /*Black button in white Background*/ .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.whiteBtn-black-bg:focus, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.whiteBtn-black-bg:active, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.whiteBtn-black-bg:hover { color: #000; background-color: #fff; border-color: #fff; text-decoration: none !important; } /*Red button in red Background*/ .accss-focus-outline-override-red-bg .redBtn-red-bg:focus, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.redBtn-red-bg:focus, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.redBtn-red-bg:active, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.redBtn-red-bg:hover { color: #000; background-color: #eee; border-color: #eee; text-decoration: none !important; } /*White button in white Background*/ .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.whiteBtn-gray-bg:focus, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.whiteBtn-gray-bg:active, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.whiteBtn-gray-bg:hover { color: #000; background-color: #999; border-color: #999; text-decoration: none !important; } /*Red button with light red focus and hover in Black or white bacground*/ .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.redBtn-whte-blck-bg:focus, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.redBtn-whte-blck-bg:active, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.redBtn-whte-blck-bg:hover { background-color: #eb0000; border-color: #eb0000; color: #fff; text-decoration: none !important; } /*Black button in black Background*/ .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.blackBtn-black-bg:focus, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.blackBtn-black-bg:active, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.blackBtn-black-bg:hover { color: #000; background-color: #eee; border-color: #eee; text-decoration: none !important; } /*red button in gray Background*/ .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.redBtn-gray-bg:focus, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.redBtn-gray-bg:active, .accss-custom-styles-init .accss-focus-pseudo-outline-override-elem.redBtn-gray-bg:hover { background-color: #eb0000; border-color: #eb0000; color: #fff; text-decoration: none !important; } /*ACCORDION REUSABLE FOCUS OUTLINE OVERRIDES*/ .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem.accss-accordion-group a.accss-accordion-header[href], .accss-custom-styles-init #Accordion.accss-focus-outline-override-bgwhite-elem.accss-accordion-group a.accss-accordion-header[href], .accss-custom-styles-init #Accordion.accss-focus-outline-override-dark-grey2-bg.accss-accordion-group a.accss-accordion-header[href], .accss-custom-styles-init #accordion2.accss-focus-outline-override-dark-grey2-bg.accss-accordion-group a.accss-accordion-header[href], /*For no padding focus*/ .accss-custom-styles-init .accss-focus-outline-override.accss-accordion-group a.accss-accordion-header[href], .accss-custom-styles-init #Accordion.accss-focus-outline-override.accss-accordion-group a.accss-accordion-header[href] { height: auto !important; min-height: 22px; display: inline-block; } .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem.accss-accordion-group a.accss-accordion-header.ui-state-active[href], /*For no padding focus*/ .accss-custom-styles-init .accss-focus-outline-override.accss-accordion-group a.accss-accordion-header.ui-state-active[href], .accss-custom-styles-init #Accordion.accss-focus-outline-override-dark-grey2-bg.accss-accordion-group a.accss-accordion-header.ui-state-active[href] { margin-bottom: 23px !important; padding-bottom: 0; } /*For no padding focus*/ .accss-custom-styles-init #master-container #content .contents .section.accss-focus-outline-override a:focus, .accss-custom-styles-init #master-container #content .accss-focus-outline-override a:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus, .accss-custom-styles-init #master-container #content .accss-focus-outline-override a[href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3 !important; box-decoration-break: clone; -webkit-box-decoration-break: clone; } /*BREADCRUMBS REUSABLE FOCUS OUTLINE OVERRIDES*/ .accss-custom-styles-init #masthead .bread-crumb.accss-focus-pseudo-outline-override, .accss-custom-styles-init #masthead .bread-crumb.accss-focus-pseudo-outline-override > ul { overflow: visible; } /* Forms border color contrast fix */ .accss-custom-styles-init .border-on-bg-white input, .accss-custom-styles-init .border-on-bg-white select, .accss-custom-styles-init .border-on-bg-white textarea { border-color: #757575 !important; } @media (min-width:1003px) and (max-width:1300px) { .accss-custom-styles-init .bread-crumb.accss-focus-pseudo-outline-override.support-breadcrumbs ul li:first-of-type { margin-left: 5px; } } .accss-custom-styles-init #masthead .bread-crumb.accss-focus-pseudo-outline-override::after { content: ""; clear: both; display: table; } .accss-custom-styles-init.overflow-visible-on .overflow-visible-md { overflow: visible; } /* Overflow visible */ /*.accss-custom-styles-init .accss-overflow-visible { overflow: visible; }*/ @media screen and (max-width: 1000px) { /*ACCSS 3161*/ .accss-custom-styles-init.overflow-visible-on .accss-width-auto-sm { width: auto; } .accss-custom-styles-init.overflow-visible-on .overflow-visible-sm { overflow: visible; } .accss-custom-styles-init .width100-1000 { width: 100%; max-width: 100%; } } @media screen and (max-width: 800px) { .accss-custom-styles-init.overflow-visible-on .overflow-visible-xs { overflow: visible; } .accss-custom-styles-init .accss-mb-margin-top-17 /*ACCSS 3039 firstbill JBT*/ { margin-top: 17px; } .accss-custom-styles-init .carouselBtnContainer .prev img, .accss-custom-styles-init .carouselBtnContainer .next img { width: 30px; } .accss-custom-styles-init #Accordion a.accord-trigger-focus-width, .accss-custom-styles-init #accordion2 a.accord-trigger-focus-width { margin: 0 2px 11px 2px !important; } .accss-custom-styles-init h2.old-related-answers-style { float: none; height: auto; } .accss-custom-styles-init .fix-list-with-heading { display: block !important; margin: 35px 0; } .accss-custom-styles-init .fix-list-with-heading #related-content { margin: 0px; padding-top: 0px !important; } .accss-custom-styles-init .section .fix-list-with-heading ul#related-content li, .accss-custom-styles-init ul#related-content li { margin-top: 12px !important; } .accss-custom-styles-init .section .fix-list-with-heading ul#related-content li a, .accss-custom-styles-init ul#related-content li a { display: unset !important; } .accss-custom-styles-init .recycling-environmental ul, .accss-custom-styles-init .accss-label-scripty.min-width-255 { margin: 0px !important; } .accss-custom-styles-init .accss-scripty-container.recycling-environmental #anchors li { padding-left: 0px !important; } .accss-custom-styles-init .recycling-environmental li:before { content: "\2022"; font-size: 18px; vertical-align: middle; padding-right: 14px; } .fr.accss-custom-styles-init .min-width-255 { min-width: 100% !important; } .accss-custom-styles-init #Repairs_exchangesSelector .ebill-explained li { padding-left: 0 !important } .accss-custom-styles-init .ebill-explained ul { margin-bottom: 0px !important; } .accss-custom-styles-init .recycling-environmental, .accss-custom-styles-init .ebill-explained { margin-top: 25px !important; margin-bottom: 25px !important } } /* MyAccount change-password-menu /accss-cpm fix for resposive -JBT */ @media screen and (max-width:690px) { .accss-cpm .inputRow input { width: 100% !important; } .accss-cpm.inputContainer { overflow: visible; display: table; } .offersList .nomoneydowntile.item .image { max-height: none !important; } } @media screen and (max-width: 1023px) and (min-width: 691px) { .accss-cpm.inputContainer .inputRow input { width: 270px; } } /*ACCSS-t911*/ .accss-custom-styles-init .margin-25-top { margin-top: 25px !important; } /*ACCSS-3423*/ .accss-custom-styles-init .margin-16-top { margin-top: 16px; } /*fix the cutting focus in the left side tabs */ .accss-custom-styles-init .accss-add-focus-outline a[href] span, .accss-custom-styles-init .accss-add-focus-outline a[href] { position: relative; outline: none !important; box-shadow: none !important; display: block; margin-right: 20px; } /*ACCSS-3126*/ .accss-custom-styles-init .accss-add-focus-outline a[href]:focus span::before, .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem .accss-custom-support-index-faq-menu-container ul li:focus a span::before { content: ''; height: calc(75% + 5px); width: calc(100% + 6px); position: absolute; top: 4px; left: -3px; display: inline-block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; } /*For Text zoom JBT*/ .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem .accss-custom-support-index-faq-menu-container ul li:focus span.accss-text-zoom::before { height: calc(100% - 10px) !important; width: 85% !important; } /*For Mozilla browser Text zoom*/ @-moz-document url-prefix() { @media screen and (min-width: 1400px) { /*Home phone*/ .accss-text-zoom.accss-custom-styles-init .phoneHubBg .battery { background-position: 0 13px; } body:not([zoom="110"]).accss-text-zoom.accss-custom-styles-init #master-container #content .content-area .contents .info.home-phone-banner { margin-bottom: 250px; } /*Home phone end*/ } @media screen and (min-width: 1000px) and (max-width: 1399px) { /*Home phone*/ .accss-text-zoom.accss-custom-styles-init .phoneHubBg .battery { background-position: 0 13px; } body:not([zoom="110"]):not([zoom="120"]).accss-text-zoom.accss-custom-styles-init #masthead-subhead .info.home-phone-banner p:first-of-type { margin-top: 250px; } body:not([zoom="110"]):not([zoom="120"]).fr.accss-text-zoom.accss-custom-styles-init #masthead-subhead .info.home-phone-banner p:first-of-type { margin-top: 350px; } body[zoom="120"].accss-text-zoom.accss-custom-styles-init #masthead-subhead .info.home-phone-banner p:first-of-type { margin-top: 350px; } body[zoom="200"].fr.accss-text-zoom.accss-custom-styles-init #master-container #content .content-area .contents .info.home-phone-banner, body[zoom="190"].fr.accss-text-zoom.accss-custom-styles-init #master-container #content .content-area .contents .info.home-phone-banner { padding-top: 10px !important; } /*Home phone end*/ } @media screen and (min-width: 1000px) { /*Canada long distance*/ .accss-text-zoom.accss-custom-styles-init .accss-scripty-container ul.Wrapper li { margin-right: 10px; } .accss-text-zoom.accss-custom-styles-init #masthead-subhead.content-area { height: auto; min-height: 250px; } /*Canada long distance and International Roaming rates rates-end*/ /*plans postpaid */ .accss-text-zoom.accss-custom-styles-init #whyChooseUsTout.planTout.darkTout { word-break: break-word; } .accss-text-zoom.accss-custom-styles-init .ratebox .rateboxInner { height: 85%; } /*end plans postpaid */ /*Home phone*/ body:not([zoom="110"]):not([zoom="120"]):not([zoom="130"]):not([zoom="140"]).accss-text-zoom.accss-custom-styles-init #tech-specs div div span.battery { background-position: 0 20px; } body:not([zoom="110"]):not([zoom="120"]):not([zoom="130"]):not([zoom="140"]).accss-text-zoom.accss-custom-styles-init #tech-specs div div span.phones { background-position: 0 -40px; } body:not([zoom="110"]):not([zoom="120"]):not([zoom="130"]):not([zoom="140"]).accss-text-zoom.accss-custom-styles-init #tech-specs div div span.portable { background-position: 0 -110px; } /*Home phone end*/ /*hot offers index*/ .accss-text-zoom.accss-custom-styles-init .focus-outline-fix-hot-offers-index li a span { white-space: unset !important; } body[zoom="200"].accss-text-zoom.accss-custom-styles-init .Wrapper.focus-outline-fix-hot-offers-index, body[zoom="190"].accss-text-zoom.accss-custom-styles-init .Wrapper.focus-outline-fix-hot-offers-index { height: 160px !important; } body[zoom="160"].accss-text-zoom.accss-custom-styles-init .Wrapper.focus-outline-fix-hot-offers-index, body[zoom="170"].accss-text-zoom.accss-custom-styles-init .Wrapper.focus-outline-fix-hot-offers-index, body[zoom="180"].accss-text-zoom.accss-custom-styles-init .Wrapper.focus-outline-fix-hot-offers-index { height: 100px !important; } body[zoom="150"].accss-text-zoom.accss-custom-styles-init .Wrapper.focus-outline-fix-hot-offers-index, body[zoom="140"].accss-text-zoom.accss-custom-styles-init .Wrapper.focus-outline-fix-hot-offers-index, body[zoom="130"].accss-text-zoom.accss-custom-styles-init .Wrapper.focus-outline-fix-hot-offers-index, body[zoom="120"].accss-text-zoom.accss-custom-styles-init .Wrapper.focus-outline-fix-hot-offers-index, body[zoom="110"].accss-text-zoom.accss-custom-styles-init .Wrapper.focus-outline-fix-hot-offers-index { height: 70px !important; } /*hot offers index end*/ /*Home index*/ .accss-text-zoom.accss-custom-styles-init .standingInner .ctaContainer { height: auto !important; padding-bottom: 20px; } .accss-text-zoom.accss-custom-styles-init #hot-momma .item.hmitem.hmphone .standingInner .innerPad .ctaContainer p.legal, .accss-text-zoom.accss-custom-styles-init #tertiary-tout .item.promoitem.tbbanner .tb.btnBlackbg p.legal, .accss-text-zoom.accss-custom-styles-init #hot-momma .item.hmitem.hmphone .standingInner .innerPad .ctaContainer { position: unset; } .accss-text-zoom.accss-custom-styles-init .item.hmitem.hmphone .standingInner .innerPad h2 { word-break: break-word; } /*Home index end*/ /* Order Internet */ .accss-text-zoom.accss-custom-styles-init .accss-order-int-fix-flex { flex-wrap: wrap; } .accss-text-zoom.accss-custom-styles-init .accss-order-int-fix-flex .flex-gt-xs-15, .layout-gt-xs-row > .flex-gt-xs-15, .accss-text-zoom.accss-custom-styles-init .accss-order-int-fix-flex .flex-gt-xs-25, .layout-gt-xs-row > .flex-gt-xs-25 { flex: 1 1 30%; max-width: 100%; } .accss-text-zoom.accss-custom-styles-init .accss-order-int-fix-flex .flex-gt-xs-50, .layout-gt-xs-row > .flex-gt-xs-50 { flex: 1 1 50%; max-width: 48%; } .accss-text-zoom.accss-custom-styles-init .accss-order-int-fix-flex .flex-gt-xs-20, .layout-gt-xs-row > .flex-gt-xs-20 { flex: 1 1 20%; max-width: 22%; } /* END - Order Internet */ } @media screen and (min-width: 1083px) { /*Heading Nav*/ .accss-text-zoom.accss-custom-styles-init ul.subnav.nav-dropdown-menu { width: auto !important; min-width: 252px; } /*Heading Nav*/ /*Red box Global*/ .accss-text-zoom.accss-custom-styles-init #cta-bar .Wrapper.btnRedbg { display: flex !important; } .accss-text-zoom.accss-custom-styles-init #cta-bar .box { display: flex !important; height: auto !important; } body:not(.fr).accss-text-zoom.accss-custom-styles-init #cta-bar .box .inner { margin: 10px auto !important; } body.fr.accss-text-zoom.accss-custom-styles-init #cta-bar .box .inner { margin: 20px auto 10px auto !important; } /*Red box Global*/ /*Global Masterhead-subhead banner Hotoffer-mobileplans,TV index*/ .accss-text-zoom.accss-custom-styles-init #masthead-subhead:not(.content-area.tabbed) { height: 100% !important; } .accss-text-zoom.accss-custom-styles-init #masthead-subhead .contents { height: 100% !important; } /*Global Master head banner */ /*Global Image container Hot offers BYOP, TV index*/ /*Image Container*/ .accss-text-zoom.accss-custom-styles-init .imgContainer { position: unset !important; } .accss-text-zoom.accss-custom-styles-init #section5.content-area { height: 100% !important; } /*Global Image container Hot offers BYOP, TV index*/ /*Hot offers BYOP*/ /*Hot offers BYOP*/ /*Hot Offers Mobile plans*/ /*Hot Offers Mobile plans*/ /*Hot offers index*/ .accss-text-zoom.accss-custom-styles-init #shopTheWay .contents { display: inline; } .accss-text-zoom.accss-custom-styles-init ul.Wrapper focus-outline-fix-hot-offers-index li { width: 67.938rem !important; } body:not([zoom="190"]):not([zoom="200"]).fr.accss-text-zoom.accss-custom-styles-init .nomoneydowntile.item, body:not([zoom="190"]):not([zoom="200"]).fr.accss-text-zoom.accss-custom-styles-init .item.show-phone, body.en.accss-text-zoom.accss-custom-styles-init .nomoneydowntile.item, body.en.accss-text-zoom.accss-custom-styles-init .item.show-phone { height: auto !important; } body[zoom="190"].fr.accss-text-zoom.accss-custom-styles-init .nomoneydowntile.item, body[zoom="190"].fr.accss-text-zoom.accss-custom-styles-init .item.show-phone, body[zoom="200"].fr.accss-text-zoom.accss-custom-styles-init .nomoneydowntile.item, body[zoom="200"].fr.accss-text-zoom.accss-custom-styles-init .item.show-phone { height: 100% !important; padding-top: 20px; } .accss-text-zoom.accss-custom-styles-init .promoitem .tc:last-child { width: auto !important; } body[zoom="150"].accss-text-zoom.accss-custom-styles-init .phoneSection .phone.ng-isolate-scope, body[zoom="160"].accss-text-zoom.accss-custom-styles-init .phoneSection .phone.ng-isolate-scope, body[zoom="170"].accss-text-zoom.accss-custom-styles-init .phoneSection .phone.ng-isolate-scope, body[zoom="180"].accss-text-zoom.accss-custom-styles-init .phoneSection .phone.ng-isolate-scope, body[zoom="190"].accss-text-zoom.accss-custom-styles-init .phoneSection .phone.ng-isolate-scope, body[zoom="200"].accss-text-zoom.accss-custom-styles-init .phoneSection .phone.ng-isolate-scope { width: auto !important; } .accss-text-zoom.accss-custom-styles-init #master-container #content .content-area .accss-hot-offers-contentsPanel .contents { max-width: 1300px !important; } .accss-text-zoom.accss-custom-styles-init .installmentContainer .installmentBox span:first-child { height: auto !important; } .accss-text-zoom.accss-custom-styles-init div.inner a.accss-focus-pseudo-outline-override-elem.btn-with-pad.btnBasic.btnSecond { margin-bottom: 10px; } .accss-text-zoom.accss-custom-styles-init a.accss-focus-pseudo-outline-override-elem.btn-with-pad.btnApple { width: auto; margin-bottom: 10px; } .accss-text-zoom.accss-custom-styles-init .installmentContainer a.btnBasic.btnSecond { width: 145px; } body[zoom="160"].accss-text-zoom.accss-custom-styles-init ul.Wrapper.focus-outline-fix-hot-offers-index, body[zoom="170"].accss-text-zoom.accss-custom-styles-init ul.Wrapper.focus-outline-fix-hot-offers-index, body[zoom="180"].accss-text-zoom.accss-custom-styles-init ul.Wrapper.focus-outline-fix-hot-offers-index, body[zoom="190"].accss-text-zoom.accss-custom-styles-init ul.Wrapper.focus-outline-fix-hot-offers-index, body[zoom="200"].accss-text-zoom.accss-custom-styles-init ul.Wrapper.focus-outline-fix-hot-offers-index { display: flex; } body[zoom="160"].accss-text-zoom.accss-custom-styles-init ul.Wrapper.focus-outline-fix-hot-offers-index li, body[zoom="170"].accss-text-zoom.accss-custom-styles-init ul.Wrapper.focus-outline-fix-hot-offers-index li, body[zoom="180"].accss-text-zoom.accss-custom-styles-init ul.Wrapper.focus-outline-fix-hot-offers-index li, body[zoom="190"].accss-text-zoom.accss-custom-styles-init ul.Wrapper.focus-outline-fix-hot-offers-index li, body[zoom="200"].accss-text-zoom.accss-custom-styles-init ul.Wrapper.focus-outline-fix-hot-offers-index li { flex: auto; } .accss-text-zoom.accss-custom-styles-init #master-container #content .content-area .accss-hot-offers-contentsPanel .contents { max-width: 1300px !important; } .accss-text-zoom.accss-custom-styles-init .installmentContainer .installmentBox span:first-child { height: auto !important; } .accss-text-zoom.accss-custom-styles-init div.inner a.accss-focus-pseudo-outline-override-elem.btn-with-pad.btnBasic.btnSecond { margin-bottom: 10px; } .accss-text-zoom.accss-custom-styles-init a.accss-focus-pseudo-outline-override-elem.btn-with-pad.btnApple { width: auto; margin-bottom: 10px; } .accss-text-zoom.accss-custom-styles-init .installmentContainer a.btnBasic.btnSecond { width: 145px; } body:not([zoom="110"]):not([zoom="180"]):not([zoom="190"]):not([zoom="200"]).accss-text-zoom.accss-custom-styles-init p.mainText { min-width: 280px; } body[zoom="180"].accss-text-zoom.accss-custom-styles-init p.mainText, body[zoom="190"].accss-text-zoom.accss-custom-styles-init p.mainText, body[zoom="200"].accss-text-zoom.accss-custom-styles-init p.mainText { min-width: 330px; } body[zoom="180"].accss-text-zoom.accss-custom-styles-init .Wrapper .lockupGiftcard, body[zoom="190"].accss-text-zoom.accss-custom-styles-init .Wrapper .lockupGiftcard, body[zoom="200"].accss-text-zoom.accss-custom-styles-init .Wrapper .lockupGiftcard { min-width: 320px; } .accss-text-zoom.accss-custom-styles-init .phoneSection .phone { width: auto !important; } /*Hot offers index end*/ /*Internet Index*/ .accss-text-zoom.accss-custom-styles-init .tbbanner[data-bannerid="masthead-subhead"] .clearfix.contents { height: 34.333rem !important; } .accss-text-zoom.accss-custom-styles-init #accss-accord-legal-stuff { height: auto !important; padding-bottom: 5px; } .accss-text-zoom.accss-custom-styles-init .speedboxes .speedbox .uploadLink { box-decoration-break: clone; } .accss-text-zoom.accss-custom-styles-init .accss-custom-black-bg #extra.content-area { height: auto !important; } .accss-text-zoom.accss-custom-styles-init #master-container #content .content-area .contents .info:not(.home-phone-banner) { display: inline-block; } body:not([zoom="110"]):not([zoom="120"]):not([zoom="130"]):not([zoom="140"]).accss-text-zoom.accss-custom-styles-init #master-container #content .content-area .contents .info:not(.home-phone-banner) { margin-bottom: 100px; } body:not([zoom="110"]):not([zoom="120"]):not([zoom="130"]):not([zoom="140"]).accss-text-zoom.accss-custom-styles-init #master-container #content .content-area .contents .tb .tc .legal { position: unset } /*Internet Index end*/ /*Logon Smart*/ .accss-text-zoom.accss-custom-styles-init .my-account-info { display: inline-block; } .accss-text-zoom.accss-custom-styles-init .my-account-info li { display: inline-block; } .accss-text-zoom.my-account-will-letyou > li { line-height: unset; } .accss-text-zoom.accss-custom-styles-init #loginAAMSpt1 .registration { height: auto; } .accss-text-zoom.accss-custom-styles-init .smartLogin .input-field a[href]#tooltipIndicator { display: inline-flex !important; } /*Logon Smart*/ /* Feature summary*/ .accss-text-zoom.accss-custom-styles-init .tabs ul.accss-featuretabs li { height: 3.5rem; } .accss-text-zoom.accss-custom-styles-init .tabs ul.accss-featuretabs li:nth-child(3) a { padding-top: 10px; padding-bottom: 16px; } .accss-text-zoom.accss-custom-styles-init .tabs ul.accss-featuretabs li:nth-child(2) a { padding-top: 10px; padding-bottom: 16px; } .accss-text-zoom.accss-custom-styles-init .tabs ul.accss-featuretabs li a { padding-bottom: 9px; } /* Feature summary end*/ /*Support Index*/ body[zoom="150"].accss-text-zoom.accss-custom-styles-init #master-container #content .content-area:not(#phoneList):not(#big-daddy):not(#hot-momma):not(.accss-tv-banner) .contents:not(.prov-selection):not(#featured-benefits):not(.selected-benefits), body[zoom="160"].accss-text-zoom.accss-custom-styles-init #master-container #content .content-area:not(#big-daddy):not(#hot-momma):not(.accss-tv-banner) .contents:not(.prov-selection):not(#featured-benefits):not(.selected-benefits) { max-width: 1000px; } body[zoom="170"].accss-text-zoom.accss-custom-styles-init #master-container #content .content-area:not(#big-daddy):not(#hot-momma):not(.accss-tv-banner) .contents:not(.prov-selection):not(#featured-benefits):not(.selected-benefits), body[zoom="180"].accss-text-zoom.accss-custom-styles-init #master-container #content .content-area:not(#big-daddy):not(#hot-momma):not(.accss-tv-banner) .contents:not(.prov-selection):not(#featured-benefits):not(.selected-benefits) { max-width: 1100px; } body[zoom="190"].accss-text-zoom.accss-custom-styles-init #master-container #content .content-area:not(#big-daddy):not(#hot-momma):not(.accss-tv-banner) .contents:not(.prov-selection):not(#featured-benefits):not(.selected-benefits), body[zoom="200"].accss-text-zoom.accss-custom-styles-init #master-container #content .content-area:not(#big-daddy):not(#hot-momma):not(.accss-tv-banner) .contents:not(.prov-selection):not(#featured-benefits):not(.selected-benefits) { max-width: 1200px; } .accss-text-zoom.accss-custom-styles-init .accss-custom-support-index-faq-menu-container ul li:focus span::before { width: 87% !important; } /*Support Index end*/ /* Feature summary*/ .accss-text-zoom.accss-custom-styles-init .tabs ul.accss-featuretabs li { height: 3.5rem; } .accss-text-zoom.accss-custom-styles-init .tabs ul.accss-featuretabs li:nth-child(3) a { padding-top: 10px; padding-bottom: 16px; } .accss-text-zoom.accss-custom-styles-init .tabs ul.accss-featuretabs li:nth-child(2) a { padding-top: 10px; padding-bottom: 16px; } .accss-text-zoom.accss-custom-styles-init .tabs ul.accss-featuretabs li a { padding-bottom: 9px; } /* Change my buddies*/ .accss-text-zoom.accss-custom-styles-init h2.ultra.underline.accss-h3-support-accss-style.margin-25-top.pad-4-bottom { height: auto; width: auto; } /* Support sim */ .accss-text-zoom.accss-custom-styles-init #contactlist-plans ul li { height: auto; } /*Mobile-plans*/ .accss-text-zoom.accss-custom-styles-init #masthead-subhead .contents { height: 100%; } /*Plans monthly*/ .accss-text-zoom.accss-custom-styles-init .planContent .plan { flex: auto !important; width: auto; } .accss-text-zoom.accss-custom-styles-init .planContent .plan .price { position: unset; margin-bottom: 10px; } .accss-text-zoom.accss-custom-styles-init .planContent .planInner .planInnerInfo { width: 100%; } .accss-text-zoom.accss-custom-styles-init .planInfo .inner div:last-child { width: 100%; } /*Plans monthly end*/ /* International Roaming rates*/ .accss-text-zoom.accss-custom-styles-init .tabs ul li#international-roaming-rates-tab { width: 520px; } .accss-text-zoom.accss-custom-styles-init .tabs ul li#us-roaming-rates-tab { width: 350px; } body:not([zoom="110"]):not([zoom="120"]):not([zoom="130"]):not([zoom="140"]).accss-text-zoom.accss-custom-styles-init .tabs ul li { height: 69px !important; } body:not([zoom="110"]):not([zoom="120"]):not([zoom="130"]):not([zoom="140"]).accss-text-zoom.accss-custom-styles-init .tabs ul li a { padding-bottom: 3px; } .accss-text-zoom.accss-custom-styles-init .tabs ul { display: inline-block } .accss-text-zoom.accss-custom-styles-init .accss-scripty-container ul#related-content { width: 100%; } .accss-text-zoom.accss-custom-styles-init .accss-scripty-container #anchors li, .accss-text-zoom.accss-custom-styles-init #related-content li { margin-right: 10px; } .accss-text-zoom.accss-custom-styles-init #byopbanner .contents .tc p.legal { position: unset; } /* International Roaming rates end*/ /*home index*/ .accss-text-zoom.accss-custom-styles-init #hot-momma .item.hmitem.hmphone .standingInner .innerPad { height: 100%; } .accss-text-zoom.accss-custom-styles-init .item.promoitem.tbbanner .tb.btnBlackbg .tc:first-child { width: 50%; padding: 20px 0px; } .accss-text-zoom.accss-custom-styles-init.fr .standingInner .ctaContainer { height: 100% !important; } /*home index end*/ /*TV index */ .accss-text-zoom.accss-custom-styles-init .alacarteListing .item { height: auto !important; } .accss-custom-styles-init #compatableDevices .inner { width: 100%; } body:not([zoom="110"]):not([zoom="120"]).accss-text-zoom.accss-custom-styles-init #compatableDevices .inner .deviceList { grid-template-columns: repeat(auto-fill,minmax(180px, 1fr)); } .accss-text-zoom.accss-custom-styles-init #optionsLightbox .alacarteListing .item { flex: auto; width: 210px !important; } .accss-text-zoom.accss-custom-styles-init .contents .info a#tooltipMoreInfoModal { height: auto; } .accss-text-zoom.accss-custom-styles-init #channels .box.tb { padding-right: 10px; } .accss-text-zoom.accss-custom-styles-init #crave .accss-tv-chromecast-h3-style { word-break: break-word; } /*TV index end*/ /*change plans*/ .accss-text-zoom.accss-custom-styles-init ul.accss-changeplan-tablist li { width: auto; height: auto } /*phone accss*/ .accss-text-zoom.accss-custom-styles-init .main-center-container.ng-scope #masthead-subhead-features.content-area.accessibilityTitle { height: auto; } .accss-text-zoom.accss-custom-styles-init #phoneFilter #HS_HEARINGORSPEECH .selector a { margin-right: 10px; } .accss-text-zoom.accss-custom-styles-init #phoneFilter #HS_KEYFEATURES .selector a { word-break: break-word; margin-right: 15px; } .accss-text-zoom.accss-custom-styles-init .main-center-container.ng-scope #masthead-subhead-features.content-area.accessibilityTitle .contents.clearfix.accss-overflow-visible-focus.accss-focus-outline-override-specific-elem { height: auto; } .accss-text-zoom.accss-custom-styles-init .left-rail.ng-scope #phoneFilter .selections ul li label.desktop { word-break: break-word; } .accss-text-zoom.accss-custom-styles-init .center-main-container .contents.clearfix.accss-overflow-visible-focus { width: 90% !important; max-width: none; display: flex; } .accss-text-zoom.accss-custom-styles-init .content-area.ng-scope .contents .content-rail.accss-overflow-visible-focus { width: auto; max-width: none; float: right; } .accss-text-zoom.accss-custom-styles-init #accss-phone-desc { width: 50%; } .accss-text-zoom.accss-custom-styles-init .content-area.ng-scope .contents .content-rail.accss-overflow-visible-focus .phone-list .phone { width: auto; height: auto; } .accss-text-zoom.accss-custom-styles-init .phone.accss-focus-pseudo-outline-override-phoneaccss .phoneTitle { height: auto; } .accss-text-zoom.accss-custom-styles-init .phone.accss-focus-pseudo-outline-override-phoneaccss .phoneHolder a { margin: 0 0 0 90px; } .accss-text-zoom.accss-custom-styles-init .phone.accss-focus-pseudo-outline-override-phoneaccss .phoneCompare { height: auto; } .accss-text-zoom.accss-custom-styles-init .phone.accss-focus-pseudo-outline-override-phoneaccss .installmentContainer .installmentBox { width: 85%; } /*END phone accss*/ /*################################################TEXT ZOOM CSS ONLY ###########################################*/ /*TEXT ZOOMING start */ /*Media screen 1281PX end*/ } @media screen and (min-width: 1085px) and (max-width: 1550px) { .accss-text-zoom.accss-custom-styles-init .lockup .borderedContainer .largeText { display: flex; flex-wrap: wrap; align-items: start; min-width: auto !important; } .accss-text-zoom.accss-custom-styles-init span sup { margin-top: 0.6em; margin-bottom: 10px; top: 0px !important; } /*Phone details start*/ .accss-text-zoom.accss-custom-styles-init .accss-order-fixed-phone-deets { position: inherit !important; } .accss-text-zoom.accss-custom-styles-init .phone .phoneTitle { height: auto !important; } .accss-text-zoom.accss-custom-styles-init .sweetPay.choicebox .tb:nth-child(2) .tr .tc:nth-child(3) { width: 60% !important; } .accss-text-zoom.accss-custom-styles-init .quick-specs-content .item { padding: 0 0 15px 130px; } /*Phone details end*/ } /*Mozilla Text Zoom end*/ } .accss-custom-styles-init span.text-zoom { font-size: 10px; } @media screen and (max-width: 1183px) { .accss-text-zoom.accss-custom-styles-init .phone-list .similarHandsets .accss-phone-details-mobile-phone-focus:first-of-type .phoneTitle { color: #fff; } .accss-text-zoom.accss-custom-styles-init .phone-list .similarHandsets .accss-phone-details-mobile-phone-focus .phoneTitle { color: #000; } } /*Chrome Text Zoom */ @media screen and (min-width: 1400px) { /*Home phone*/ .accss-text-zoom-chrome.accss-custom-styles-init .phoneHubBg .battery { background-position: 0 13px; } body:not([zoom="110"]).accss-text-zoom-chrome.accss-custom-styles-init #master-container #content .content-area .contents .info.home-phone-banner { margin-bottom: 250px; } /*Home phone end*/ } @media screen and (min-width: 1000px) and (max-width: 1399px) { /*Home phone*/ .accss-text-zoom-chrome.accss-custom-styles-init .phoneHubBg .battery { background-position: 0 13px; } body:not([zoom="110"]):not([zoom="120"]).accss-text-zoom-chrome.accss-custom-styles-init #masthead-subhead .info.home-phone-banner p:first-of-type { margin-top: 250px; } body:not([zoom="110"]):not([zoom="120"]).fr.accss-text-zoom-chrome.accss-custom-styles-init #masthead-subhead .info.home-phone-banner p:first-of-type { margin-top: 350px; } body[zoom="120"].accss-text-zoom-chrome.accss-custom-styles-init #masthead-subhead .info.home-phone-banner p:first-of-type { margin-top: 350px; } body[zoom="200"].fr.accss-text-zoom-chrome.accss-custom-styles-init #master-container #content .content-area .contents .info.home-phone-banner, body[zoom="190"].fr.accss-text-zoom-chrome.accss-custom-styles-init #master-container #content .content-area .contents .info.home-phone-banner { padding-top: 10px !important; } /*Home phone end*/ } @media screen and (min-width: 1281px) { .accss-text-zoom-chrome.accss-custom-styles-init #shopTheWay .contents { display: inline; } .accss-text-zoom-chrome.accss-custom-styles-init ul.Wrapper.focus-outline-fix-hot-offers-index { display: flex; } .accss-text-zoom-chrome.accss-custom-styles-init ul.Wrapper.focus-outline-fix-hot-offers-index li { flex: auto; } .accss-text-zoom-chrome.accss-custom-styles-init #master-container #content .content-area .accss-hot-offers-contentsPanel .contents { max-width: 1300px !important; } .accss-text-zoom-chrome.accss-custom-styles-init .installmentContainer .installmentBox span:first-child { height: auto !important; } .accss-text-zoom-chrome.accss-custom-styles-init div.inner a.accss-focus-pseudo-outline-override-elem.btn-with-pad.btnBasic.btnSecond { margin-bottom: 10px; } .accss-text-zoom-chrome.accss-custom-styles-init a.accss-focus-pseudo-outline-override-elem.btn-with-pad.btnApple { width: auto; margin-bottom: 10px; } .accss-text-zoom-chrome.accss-custom-styles-init .installmentContainer a.btnBasic.btnSecond { width: 145px; } body:not([zoom="110"]):not([zoom="180"]):not([zoom="190"]):not([zoom="200"]).accss-text-zoom-chrome.accss-custom-styles-init p.mainText { min-width: 280px; } body[zoom="180"].accss-text-zoom-chrome.accss-custom-styles-init p.mainText, body[zoom="190"].accss-text-zoom-chrome.accss-custom-styles-init p.mainText, body[zoom="200"].accss-text-zoom-chrome.accss-custom-styles-init p.mainText { min-width: 330px; } body[zoom="180"].accss-text-zoom-chrome.accss-custom-styles-init .Wrapper .lockupGiftcard, body[zoom="190"].accss-text-zoom-chrome.accss-custom-styles-init .Wrapper .lockupGiftcard, body[zoom="200"].accss-text-zoom-chrome.accss-custom-styles-init .Wrapper .lockupGiftcard { min-width: 320px; } /*Heading Nav*/ .accss-text-zoom-chrome.accss-custom-styles-init ul.subnav.nav-dropdown-menu { width: auto !important; min-width: 252px; } /*Heading Nav*/ /*home index*/ .accss-text-zoom-chrome.accss-custom-styles-init #hot-momma .item.hmitem.hmphone .standingInner .innerPad { height: 100%; } body[zoom="180"].accss-text-zoom-chrome.accss-custom-styles-init .promoitem .tc:last-child, body[zoom="190"].accss-text-zoom-chrome.accss-custom-styles-init .promoitem .tc:last-child, body[zoom="200"].accss-text-zoom-chrome.accss-custom-styles-init .promoitem .tc:last-child { width: auto; } .accss-text-zoom-chrome.accss-custom-styles-init #master-container #content .content-area .contents .bditem.item.tbbanner .tc .info { display: inline-block; } body:not([zoom="110"]):not([zoom="120"]):not([zoom="130"]):not([zoom="140"]).accss-text-zoom-chrome.accss-custom-styles-init #master-container #content .content-area .contents .bditem.item.tbbanner .tc .info { margin-bottom: 100px; } .accss-text-zoom-chrome.accss-custom-styles-init #hot-momma .item.hmitem.hmphone .standingInner .innerPad { height: auto !important; } .accss-text-zoom-chrome.accss-custom-styles-init .item.promoitem.tbbanner .tb.btnBlackbg .tc:first-child { width: 50%; padding: 20px 0px; } /*Home index end*/ /*TV Index*/ .accss-text-zoom-chrome.accss-custom-styles-init #channels .box.tb { padding-right: 10px; } .accss-text-zoom-chrome.accss-custom-styles-init #crave .accss-tv-chromecast-h3-style { word-break: break-word; } } /* media 1281px end*/ @media screen and (min-width: 1085px) and (max-width: 1550px) { /*Home Index*/ .accss-text-zoom-chrome.accss-custom-styles-init .lockup .borderedContainer .largeText { display: flex; flex-wrap: wrap; align-items: start; min-width: auto !important; } .accss-text-zoom-chrome.accss-custom-styles-init span sup { margin-top: 0.6em; margin-bottom: 10px; top: 0px !important; } .accss-text-zoom-chrome.accss-custom-styles-init .item.promoitem.tbbanner .tb.btnBlackbg .tc:first-child { width: 50%; padding: 20px 0px; } /*Home index end*/ } /* Media 1085px and 1550px end */ @media screen and (min-width:1000px) { /*Canada long distance*/ .accss-text-zoom-chrome.accss-custom-styles-init #masthead-subhead.content-area { height: auto; min-height: 250px; } .accss-text-zoom-chrome.accss-custom-styles-init .accss-scripty-container ul.Wrapper li { margin-right: 10px; } /*Canada long distance -end*/ /*plans postpaid */ body: not([zoom="110"]):not([zoom="120"]):not([zoom="130"]):not([zoom="140"]).accss-text-zoom-chrome.accss-custom-styles-init #whyChooseUsTout.planTout.darkTout { word-break: break-word; } body:not([zoom="110"]):not([zoom="120"]):not([zoom="130"]):not([zoom="140"]).accss-text-zoom-chrome.accss-custom-styles-init .ratebox .rateboxInner { height: 85%; } body:not([zoom="110"]):not([zoom="120"]):not([zoom="130"]):not([zoom="140"]).accss-text-zoom-chrome.accss-custom-styles-init .bditem.item.tbbanner .legal { position: initial; } /*end plans postpaid */ /*Home phone*/ body:not([zoom="110"]):not([zoom="120"]):not([zoom="130"]):not([zoom="140"]).accss-text-zoom-chrome.accss-custom-styles-init #tech-specs div div span.battery { background-position: 0 20px; } body:not([zoom="110"]):not([zoom="120"]):not([zoom="130"]):not([zoom="140"]).accss-text-zoom-chrome.accss-custom-styles-init #tech-specs div div span.phones { background-position: 0 -40px; } body:not([zoom="110"]):not([zoom="120"]):not([zoom="130"]):not([zoom="140"]).accss-text-zoom-chome.accss-custom-styles-init #tech-specs div div span.portable { background-position: 0 -110px; } /*Home phone end*/ /*Red box Global*/ .accss-text-zoom-chrome.accss-custom-styles-init #cta-bar .Wrapper.btnRedbg { display: flex !important; } .accss-text-zoom-chrome.accss-custom-styles-init #cta-bar .box { flex: auto; height: auto !important; } body:not(.fr).accss-text-zoom-chrome.accss-custom-styles-init #cta-bar .box .inner { margin: 10px auto !important; } body.fr.accss-text-zoom-chrome.accss-custom-styles-init #cta-bar .box .inner { padding-bottom: 20px; } /*Red box Global*/ .accss-text-zoom-chrome.accss-custom-styles-init .standingInner .ctaContainer { height: auto !important; padding-bottom: 20px; } .accss-text-zoom-chrome.accss-custom-styles-init #hot-momma .item.hmitem.hmphone .standingInner .innerPad { height: auto !important; } .accss-text-zoom-chrome.accss-custom-styles-init #hot-momma .item.hmitem.hmphone .standingInner .innerPad .ctaContainer p.legal, .accss-text-zoom-chrome.accss-custom-styles-init #tertiary-tout .item.promoitem.tbbanner .tb.btnBlackbg p.legal, .accss-text-zoom-chrome.accss-custom-styles-init #hot-momma .item.hmitem.hmphone .standingInner .innerPad .ctaContainer { position: unset; } body:not([zoom="110"]):not([zoom="120"]):not([zoom="130"]):not([zoom="140"]).accss-text-zoom-chrome.accss-custom-styles-init #master-container #content .content-area .contents .tb .tc .legal { position: unset; } .accss-text-zoom-chrome.accss-custom-styles-init .item.hmitem.hmphone .standingInner .innerPad h2 { word-break: break-word; } /*hot offers index*/ .accss-text-zoom-chrome.accss-custom-styles-init .focus-outline-fix-hot-offers-index li a span { white-space: unset !important; } body[zoom="200"].accss-text-zoom-chrome.accss-custom-styles-init .Wrapper.focus-outline-fix-hot-offers-index, body[zoom="190"].accss-text-zoom-chrome.accss-custom-styles-init .Wrapper.focus-outline-fix-hot-offers-index { height: 160px !important; } body[zoom="160"].accss-text-zoom-chrome.accss-custom-styles-init .Wrapper.focus-outline-fix-hot-offers-index, body[zoom="170"].accss-text-zoom-chrome.accss-custom-styles-init .Wrapper.focus-outline-fix-hot-offers-index, body[zoom="180"].accss-text-zoom-chrome.accss-custom-styles-init .Wrapper.focus-outline-fix-hot-offers-index { height: 100px !important; } body[zoom="150"].accss-text-zoom-chrome.accss-custom-styles-init .Wrapper.focus-outline-fix-hot-offers-index, body[zoom="140"].accss-text-zoom-chrome.accss-custom-styles-init .Wrapper.focus-outline-fix-hot-offers-index, body[zoom="130"].accss-text-zoom-chrome.accss-custom-styles-init .Wrapper.focus-outline-fix-hot-offers-index, body[zoom="120"].accss-text-zoom-chrome.accss-custom-styles-init .Wrapper.focus-outline-fix-hot-offers-index, body[zoom="110"].accss-text-zoom-chrome.accss-custom-styles-init .Wrapper.focus-outline-fix-hot-offers-index { height: 70px !important; } /*hot offers index end*/ /*Plans monthly*/ .accss-text-zoom-chrome.accss-custom-styles-init .planContent .plan { flex: auto !important; width: auto; } .accss-text-zoom-chrome.accss-custom-styles-init .planContent .planInner { display: flex !important; height: 100% !important; margin-bottom: 20px; } .accss-text-zoom-chrome.accss-custom-styles-init .planContent .planInner .planInnerInfo .info { word-break: break-all; } .accss-text-zoom-chrome.accss-custom-styles-init .planContent .plan .price { position: unset; margin-bottom: 10px; } .accss-text-zoom-chrome.accss-custom-styles-init .planContent .planInner .planInnerInfo { width: 100%; } .accss-text-zoom-chrome.accss-custom-styles-init .planInfo .inner div:last-child { width: 100%; } .accss-text-zoom-chrome.accss-custom-styles-init #simChoice .flexBox.accss-plans-container .box .tb .tc .ctaTb { width: auto !important; max-width: 400px; } .accss-text-zoom-chrome.accss-custom-styles-init #simChoice .flexBox.accss-plans-container .box .tc .ctaTb .tc:first-child { padding-right: 7px; } /*Plans monthly end*/ /*Phone details start*/ .accss-text-zoom-chrome.accss-custom-styles-init .accss-order-fixed-phone-deets { position: inherit !important; } .accss-text-zoom-chrome.accss-custom-styles-init .phone .phoneTitle { height: auto !important; } .accss-text-zoom-chrome.accss-custom-styles-init .tb .tr .tc:first-child { padding-right: 20px !important; } .accss-text-zoom-chrome.accss-custom-styles-init .phone-list .similarHandsets .accss-phone-details-mobile-phone-focus:first-of-type .phoneTitle { color: #fff; } .accss-text-zoom-chrome.accss-custom-styles-init .phone-list .similarHandsets .accss-phone-details-mobile-phone-focus .phoneTitle { color: #000; } .accss-text-zoom-chrome.accss-custom-styles-init .sweetPay.choicebox .tb:nth-child(2) .tr .tc:nth-child(3) { width: 60% !important; } .accss-text-zoom-chrome.accss-custom-styles-init .quick-specs-content .item { padding: 0 0 15px 130px; } /*Phone details end*/ /* Order Internet */ .accss-text-zoom-chrome.accss-custom-styles-init .accss-order-int-fix-flex { flex-wrap: wrap; } .accss-text-zoom-chrome.accss-custom-styles-init .accss-order-int-fix-flex .flex-gt-xs-15, .layout-gt-xs-row > .flex-gt-xs-15, .accss-text-zoom-chrome.accss-custom-styles-init .accss-order-int-fix-flex .flex-gt-xs-25, .layout-gt-xs-row > .flex-gt-xs-25 { flex: 1 1 30%; max-width: 100%; } .accss-text-zoom-chrome.accss-custom-styles-init .accss-order-int-fix-flex .flex-gt-xs-50, .layout-gt-xs-row > .flex-gt-xs-50 { flex: 1 1 50%; max-width: 48%; } .accss-text-zoom-chrome.accss-custom-styles-init .accss-order-int-fix-flex .flex-gt-xs-20, .layout-gt-xs-row > .flex-gt-xs-20 { flex: 1 1 20%; max-width: 22%; } /* END - Order Internet */ } /* media 100px end*/ /*Chrome Text zoom end*/ .accss-custom-styles-init .accss-add-focus-outline a:focus { position: relative; } .accss-custom-styles-init .accss-add-focus-outline a[href]:focus, .accss-custom-styles-init #master-container #content .accss-focus-outline-override a.with-padding:focus { box-shadow: none !important; } /*ACCSS-2370 - can be used on Slack carousel with image acting as a link this will apply an outline to that selected image just add this class to the parent accss-slack-image-outline*/ .accss-custom-styles-init .accss-slack-image-outline a { display: inline-block; margin-top: 5px; margin-bottom: 5px; } .accss-custom-styles-init .focus-padding-5:focus { padding: 5px 0px } /* Adding a padding on left and right by 5px*/ .accss-custom-styles-init .padLR-5 { padding-left: 5px !important; padding-right: 5px !important; } /* Adding a margin by 5px*/ .accss-custom-styles-init .mar-0 { margin: 0 !important; } /* Adding a margin by 5px*/ .accss-custom-styles-init .mar-5 { margin: 5px !important; } /* Adding a margin different pixels*/ .accss-custom-styles-init .marT-5 { margin-top: 5px !important; } .accss-custom-styles-init .marT-10 { margin-top: 10px !important; } .accss-custom-styles-init .marT-13 { margin-top: 13px !important; } .accss-custom-styles-init .marB-5 { margin-bottom: 5px !important; } .accss-custom-styles-init .marB-7 { margin-bottom: 8px !important; } .accss-custom-styles-init .marB-8 { margin-bottom: 8px !important; } .accss-custom-styles-init .marB-10 { margin-bottom: 10px !important; } .accss-custom-styles-init .marB-15 { margin-bottom: 15px !important; } .accss-custom-styles-init .marB-1em { margin-bottom: 1em !important; } .accss-custom-styles-init .marR-5 { margin-right: 5px !important; } .accss-custom-styles-init .marL-5 { margin-left: 5px !important; } .accss-custom-styles-init .marR-3 { margin-right: 3px !important; } .accss-custom-styles-init .marL-3 { margin-left: 3px !important; } .accss-custom-styles-init .marT-3 { margin-bottom: 3px !important; } .accss-custom-styles-init .marB-3 { margin-bottom: 3px !important; } /* Adding a margin on left and right by 5px*/ .accss-custom-styles-init .marL-20 { margin-left: 20px !important; } .accss-custom-styles-init .marLR-5 { margin-left: 5px !important; margin-right: 5px !important; } /* Adding a margin on top and bottom by 2px*/ .accss-custom-styles-init .marTB-2 { margin-top: 2px !important; margin-bottom: 2px !important; } /* Adding a margin on top and bottom by 10px*/ .accss-custom-styles-init .marTB-10 { margin-top: 10px !important; margin-bottom: 10px !important; } /* Adding a margin on left and right by ypx*/ .accss-custom-styles-init .mar-7 { margin: 0 7px !important; } .accss-custom-styles-init .marT-15 { margin-top: 15px !important; } .accss-custom-styles-init .marT-23 { margin-top: 23px !important; } .accss-custom-styles-init .marT-25 { margin-top: 25px !important; } @media screen and (max-width: 1183px) { .accss-text-zoom-chrome.accss-custom-styles-init .phone-list .similarHandsets .accss-phone-details-mobile-phone-focus:first-of-type .phoneTitle { color: #fff; } .accss-text-zoom-chrome.accss-custom-styles-init .phone-list .similarHandsets .accss-phone-details-mobile-phone-focus .phoneTitle { color: #000; } } @media screen and (max-width: 913px) and (min-width: 800px) { .accss-custom-styles-init .phone-list .similarHandsets .accss-phone-details-mobile-phone-focus:first-of-type .phoneTitle { color: #fff; } .accss-custom-styles-init .phone-list .similarHandsets .accss-phone-details-mobile-phone-focus .phoneTitle { color: #000; } } @media screen and (max-width: 800px) { .accss-custom-styles-init .mar-3em-xs { margin: 3em auto !important } .accss-custom-styles-init .section.mar-3em-xs { margin: 3em auto !important } } .accss-custom-styles-init .mar-3em { margin: 3em auto !important } .accss-custom-styles-init .font-weight-600 { font-weight: 600 !important; } .accss-custom-styles-init .padT-2 { padding-top: 2px !important; } .accss-custom-styles-init .padT-16 { padding-top: 16px !important; } .accss-custom-styles-init .padB-0 { padding-bottom: 0px !important } .accss-custom-styles-init .padB-5 { padding-bottom: 5px !important } .accss-custom-styles-init .marB-0 { margin-bottom: 0px !important; } .accss-custom-styles-init .marB-20 { margin-bottom: 20px !important; } .accss-custom-styles-init .marB-30 { margin-bottom: 30px !important; } /* ACCSS-1950 - Set float to none */ .accss-custom-styles-init .accss-custom-float-none { float: none !important; } /* ACCSS-1950 - Set bg color of button to black */ .accss-custom-styles-init .accss-custom-btn-transparent:focus, .accss-custom-styles-init .accss-custom-btn-transparent:active, .accss-custom-styles-init .accss-custom-btn-transparent:hover { background-color: #000; color: #fff; } /* ACCSS-1964 - Set width to 100% */ .accss-custom-styles-init .accss-custom-width-100, .accss-custom-styles-init .border-on-bg-white textarea { width: 100%; } /* ACCSS-2746 - Set border-radius of element to 3px */ .accss-custom-styles-init .accss-custom-border-radius-3px { border-radius: 3px; } .accss-custom-styles-init .accss-no-boreder-top { border-top: 0 !important; } /* ACCSS-2184 - Remove text underline when element is focused */ .accss-custom-styles-init .accss-custom-no-text-underline-on-focus:focus, .accss-custom-styles-init .accss-custom-no-text-underline-on-focus:active, .accss-custom-styles-init .accss-custom-no-text-underline-on-focus:hover { text-decoration: none; } /* Will remove reading of Blank on tables via Screen reader*/ .accss-custom-styles-init .table-remove-blank, .accss-custom-styles-init .table-remove-blank th, .accss-custom-styles-init .table-remove-blank th p, .accss-custom-styles-init .table-remove-blank th li, .accss-custom-styles-init .table-remove-blank th strong, .accss-custom-styles-init .table-remove-blank td, .accss-custom-styles-init .table-remove-blank td ul, .accss-custom-styles-init .table-remove-blank td p, .accss-custom-styles-init .table-remove-blank td li, .accss-custom-styles-init .table-remove-blank td strong { content: ""; } /* ACCSS-5370 */ .accss-custom-styles-init .marT-8 { margin-top: 8px !important; } /* 422077 */ .accss-custom-styles-init .padding-0 { padding: 0px !important; } /* 422076 */ .accss-custom-styles-init .accss-custom-show-blocked-focus input:focus, .accss-custom-styles-init .accss-custom-show-blocked-focus input:active, .accss-custom-styles-init .accss-custom-show-blocked-focus input:hover { position: relative !important; z-index: 9999 !important; } .accss-custom-styles-init .accss-custom-margin-left-neg-10 { margin-left: -10px; } .accss-custom-styles-init .accss-custom-padding-left-10 { padding-left: 10px; } .accss-custom-styles-init .accss-custom-margin-bottom-45 { margin-bottom: 45px; } /* ACCSS-4680 */ .accss-custom-styles-init .accss-z-index-999 { z-index: 999; } /* FAQ - disable add table scroll on mobile */ @media screen and (max-width: 400px) { .accss-custom-styles-init .accss-overflow-x-hidden-sm { overflow-x: hidden; } .accss-custom-styles-init .accss-overflow-x-auto-sm { overflow-x: auto; } } .accss-custom-styles-init .accss-outline-none { outline: none !important; } /*Support heading h4 style equivalent to storng tag*/ .accss-custom-styles-init .accss-strong-basic-h4 { font-weight: 700; font-size: 16px; color: #333; text-transform: unset; line-height: 1.2em; margin-bottom: 0; } /* ACCSS-7564 */ @media screen and (max-width: 1280px) { .accss-custom-styles-init .accss-force-md-position-static { position: static !important; } } /* For overflowed placeholder text */ .accss-custom-styles-init .accss-placeholder-overflow input:placeholder-shown { text-overflow: ellipsis; color: #000000; } .accss-custom-styles-init .accss-text-color-red { color: #ED0C0C !important; } /* Reusable footnote */ .accss-custom-styles-init [aria-describedby="footnote-label"] { counter-increment: footnotes; text-decoration: none !important; cursor: default; outline: none; color: inherit !important; } .accss-custom-styles-init [aria-describedby="footnote-label"]:focus::after { outline: #257fa3 solid 1px; outline-offset: 2px; } .accss-custom-styles-init [aria-describedby="footnote-label"]::after { content: ''counter(footnotes)''; vertical-align: super; font-size: 0.5em; margin-left: 2px; color: #007cad; text-decoration: underline; cursor: pointer; } /* End Reusable footnote */ /* For links with icon */ .accss-custom-styles-init .accss-link-with-icon a[target="_blank"]:after { display: inline-block; content: ""; width: 16px; height: 16px; background: url(/assets/icons/svg/arrow-up-right-from-square-solid.svg) no-repeat; vertical-align: bottom; margin-left: 5px; } /************************************END -Reusable CSS*********************************************/ /************************************Virgin Login Global Nav,Virgin Home Login and Virgin Myaccount Login CSS*********************************************/ /*Start - Virgin Myaccount Postpaid and Prepaid Login*/ /* Fix the focus outlines of icons on pages with bootstrap */ .accss-custom-styles-init ul.utility-nav img { vertical-align: middle; } /*ACCSS-1358, ACCSS-2947 home log in*/ .accss-custom-styles-init .content-area.home-login .accss-accordion-group .accord-content a[href] { text-decoration: underline !important; } .accss-custom-styles-init .content-area.home-login .accss-accordion-group .accord-content a[href]:focus, .accss-custom-styles-init .content-area.home-login .accss-accordion-group .accord-content a[href]:hover { text-decoration: none !important; } .accss-custom-styles-init .content-area.home-login .accss-accordion-group.accss-focus-outline-override-bgwhite-elem a[href]:focus { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3 !important; } .accss-custom-styles-init #navRow1 .myaccount a[href].headlogin { color: rgba(51,51,51,1); } .accss-custom-styles-init .box .box1.equalbox, .accss-custom-styles-init .box .box2 .equalbox { height: auto !important; } /*ACCSS 1003*/ .accss-custom-styles-init .myvirgin-logo { display: inline-block; float: left; margin-top: 1em; /*ACCSS 1935*/ } .accss-custom-styles-init .myvirgin-logo .logo { margin-right: 0; margin-top: 0; /*ACCSS 1935*/ padding-top: 0; } .accss-custom-styles-init ul.accordion li { /*fix for accordion focus outline edge cutting cuase by
  • css from common.css JBT*/ overflow: visible !important; } /*Mobile logo override*/ .accss-custom-styles-init .mobileHeaderOnly-content .myvirgin-logo { margin-left: 5px; } /*ACCSS-6014 and ACCSS-5801 - applied the css for the updated id*/ #myaccount-deets-mobile h3 { display: none; } #myaccount-deets-mobile { color: #333; } #myaccount-deets-mobile #loginIdMobile.field-locked { border: 1px solid #aaaaaa; display: inline-block; float: left; font-size: 14px; height: 30px; letter-spacing: -0.6px; margin-left: 0px; margin-right: 8px; margin-bottom: 10px; outline: medium none; padding: 0 7px; width: 244px; margin-top: 10px; } #myaccount-deets-mobile .input-field label { display: block; } #myaccount-deets-mobile input#loginIdMobile::placeholder { color: #cccccc; } #myaccount-deets-mobile .input-field label img { cursor: pointer; margin-top: 3px; vertical-align: bottom; } /*Override outline color for login pages*/ .accss-custom-styles-init header .myAccountmenusup li a[href]:focus, .accss-custom-styles-init header .myAccountmenusup li a[href]:active, /*Override outline color for mobile panel button and logo of login pages*/ .accss-custom-styles-init .mobileHeaderOnly-content a[href].mobile-menu-button:focus, .accss-custom-styles-init .mobileHeaderOnly-content a[href].mobile-menu-button:active, .accss-custom-styles-init .mobileHeaderOnly a.myvirgin-logo[href]:focus, .accss-custom-styles-init .mobileHeaderOnly a.myvirgin-logo[href]:active { outline: none !important; box-shadow: 0 0 0px 3px #000, 0 0 2px 3px #000, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3; } /*Override outline color for mobile panel menus of login pages*/ .accss-custom-styles-init .mobileHeaderOnly .flyoutMenu > li > a[href]:focus, .accss-custom-styles-init .mobileHeaderOnly .flyoutMenu > li > a[href]:active, .accss-custom-styles-init .mobileHeaderOnly .flyoutMenusup a[href]:focus, .accss-custom-styles-init .mobileHeaderOnly .flyoutMenusup a[href]:active { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3; } /*Override outline color for login pages*/ .accss-custom-styles-init .accss-focus-outline-override .registration a[href]#register:focus, .accss-custom-styles-init .accss-focus-outline-override .registration a[href]#register:active, .accss-custom-styles-init .accss-focus-outline-override .promotion-wrapper a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override .promotion-wrapper a[href]:active, .accss-custom-styles-init .accss-focus-outline-override .postpaid-login-button button.btnBasic:focus, .accss-custom-styles-init .accss-focus-outline-override .postpaid-login-button button.btnBasic:active, .accss-custom-styles-init .accss-focus-outline-override .postpaid-start-again a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override .postpaid-start-again a[href]:active, /*Override outline color for Prepaid pages nav*/ .accss-custom-styles-init #navigation-bar.accss-prepaid-nav .navBox .main-inner-nav ul li > a[href]:focus, .accss-custom-styles-init #navigation-bar.accss-prepaid-nav .navBox .main-inner-nav ul li > a[href]:active { outline: none !important; box-shadow: 0 0 0px 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3; } /*underline override for prepaid nav desktop and mobile version*/ .accss-custom-styles-init #navigation-bar.accss-prepaid-nav .navBox .main-inner-nav ul li > a[href], .accss-custom-styles-init .mobileHeaderOnly .flyoutMenu .subnav .list li a[href] { text-decoration: underline; } .accss-custom-styles-init #navigation-bar.accss-prepaid-nav .navBox .main-inner-nav ul li > a[href]:focus, .accss-custom-styles-init #navigation-bar.accss-prepaid-nav .navBox .main-inner-nav ul li > a[href]:active, .accss-custom-styles-init #navigation-bar.accss-prepaid-nav .navBox .main-inner-nav ul li > a[href]:hover, .accss-custom-styles-init .mobileHeaderOnly .flyoutMenu .subnav .list li a[href]:focus, .accss-custom-styles-init .mobileHeaderOnly .flyoutMenu .subnav .list li a[href]:hover, .accss-custom-styles-init .mobileHeaderOnly .flyoutMenu .subnav .list li a[href]:active { text-decoration: none; } .accss-custom-styles-init .accss-focus-outline-override .smartLogin .input-field a[href]:focus, .accss-focus-outline-override .smartLogin .input-field a[href]:active, .accss-custom-styles-init .accss-focus-outline-override .smartLogin .input-field input:focus { box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3; box-decoration-break: clone; } /*Override outline color for tooltip of login pages*/ .accss-custom-styles-init .accss-focus-outline-override .smartLogin .input-field .expandable-tooltip-closebtn:focus, .accss-custom-styles-init .accss-focus-outline-override .smartLogin .input-field .expandable-tooltip-closebtn:focus { box-shadow: 0 0 0px 3px #e4e5e7, 0 0 2px 3px #e4e5e7, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3; } /*Override outline color for tooltip of login pages*/ .accss-custom-styles-init .accss-focus-outline-override .smartLogin .input-field a[href]#tooltipIndicator:focus { display: inline-block; } /*Override button color and bg on focus/hover for login pages*/ .accss-custom-styles-init .accss-focus-outline-override .registration a[href]#register:focus, .accss-custom-styles-init .accss-focus-outline-override .registration a[href]#register:active, .accss-custom-styles-init .accss-focus-outline-override .registration a[href]#register:hover { color: #fff !important; background-color: #333; border-color: #333 !important; text-decoration: none; } /*Override focus of myaccount login footer*/ .accss-custom-styles-init footer .myAccountContainer a[href]:focus { outline: none !important; box-shadow: 0 0 0px 3px #2d2d2d, 0 0 2px 3px #2d2d2d, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; } /*Override outline color for logo of prepaid pages nav*/ .accss-custom-styles-init #page:not(.accss-focus-outline-override) header a[href].myvirgin-logo:focus, .accss-custom-styles-init #page:not(.accss-focus-outline-override) header a[href].myvirgin-logo:active, .accss-custom-styles-init #page:not(.accss-focus-outline-override) .mobileHeaderOnly-content a[href].myvirgin-logo:focus, .accss-custom-styles-init #page:not(.accss-focus-outline-override) .mobileHeaderOnly-content a[href].myvirgin-logo:active { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3; } /*Prepaid Pages Mobile Nav bar Mobile button Menus links outline overrides*/ .accss-custom-styles-init .mobileHeaderOnly .flyoutMenu > li .subnav ul.list > li > a[href]:focus, .accss-custom-styles-init .mobileHeaderOnly .flyoutMenu > li .subnav ul.list > li > a[href]:active { outline: none !important; box-shadow: 0 0 0px 3px #eaeaea, 0 0 2px 3px #eaeaea, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3; display: inline-block; } .accss-custom-styles-init .mobileHeaderOnly .flyoutMenu > li > a[href]:focus { margin: 3px; padding: 7px 12px; } .accss-custom-styles-init .mobileHeaderOnly .flyoutMenusup li { height: 100%; } .accss-custom-styles-init .mobileHeaderOnly .flyoutMenusup a[href]:focus, .accss-custom-styles-init .mobileHeaderOnly .flyoutMenusup a[href]:active { height: calc(100% - 23px); } /*ACCSS-3336 - search place holder color contrast*/ .accss-custom-styles-init #navbarSearchTextfield::placeholder { opacity: 1; color: #676363; } /*Prepaid pages nav bar focus outline overrides*/ .accss-custom-styles-init #navigation-bar.accss-prepaid-nav { z-index: 2; } .accss-custom-styles-init #navigation-bar.accss-prepaid-nav .navBox.active .main-inner-nav { z-index: -2; } .accss-custom-styles-init #navigation-bar.accss-prepaid-nav .navBox:hover .main-inner-nav { z-index: -1; } /*added this to fix the outline looks header links*/ .accss-custom-styles-init header .myAccountmenusup { margin-top: 5px; } .accss-custom-styles-init header .myAccountmenusup li { margin: 14px 18px 14px 18px; } .accss-custom-styles-init header .myAccountmenusup li a { padding: 0; margin: 0; } /*added this to fix the outline looks footer links - moving the links a little bit so outline will not be cutoff*/ .accss-custom-styles-init footer .myAccountContainer { overflow: visible; } /*Smartlogin container*/ /*ACCSS 1137,1124,1138*/ .accss-custom-styles-init .smartLogin a.no-text-undeline, .accss-custom-styles-init .smartLogin a.no-text-undeline > span { color: #4E4AE4; text-decoration: underline; } .accss-custom-styles-init .smartLogin a.no-text-undeline:focus, .accss-custom-styles-init .smartLogin a.no-text-undeline:focus > span, .accss-custom-styles-init .smartLogin a.no-text-undeline:hover, .accss-custom-styles-init .smartLogin a.no-text-undeline:hover > span, .accss-custom-styles-init .smartLogin a.no-text-undeline:active, .accss-custom-styles-init .smartLogin a.no-text-undeline:active > span { color: #086D96; text-decoration: none; } /*Smartlogin container*/ /*special case for this since its using !important*/ .accss-custom-styles-init .smartLogin .postpaid-start-again a { color: #4E4AE4 !important; text-decoration: underline; } .accss-custom-styles-init .smartLogin .postpaid-start-again a:focus, .accss-custom-styles-init .smartLogin .postpaid-start-again a:hover, .accss-custom-styles-init .smartLogin .postpaid-start-again a:active { color: #086D96 !important; text-decoration: none; } /*ACCSS 1170*/ /*added this to fix alignment of the tooltip*/ .accss-custom-styles-init .tooltipLogin-content span.content-wrapper { width: 95%; display: block; font-weight: normal; } /*ACCSS 1439*/ .accss-custom-styles-init .tooltipLogin-content span.content-wrapper strong { font-weight: bold; } .accss-custom-styles-init .tooltipLogin-content .closeLoginTooltip, .accss-custom-styles-init .accss-ccsubmit-tooltipClose { width: auto; min-width: 15px; } /*Promotion wrapper container*/ /*special case for this since its using !important*/ .accss-custom-styles-init .promotion-wrapper a.no-text-undeline { color: #4E4AE4 !important; text-decoration: underline; } .accss-custom-styles-init .promotion-wrapper a.no-text-undeline:focus, .accss-custom-styles-init .promotion-wrapper a.no-text-undeline:hover, .accss-custom-styles-init .promotion-wrapper a.no-text-undeline:active { color: #086D96 !important; text-decoration: none; } /*MyAccount - Forgot password identify*/ .accss-custom-styles-init .accss-old-forgetLoginPassword-h2 { color: #242424; font-size: 30px; line-height: 30px; padding-bottom: 18px; } /*ACCSS 1376*/ .accss-custom-styles-init .smartLogin h2.myaccount-postpaid-login-title, .accss-custom-styles-init .smartLogin h1.myaccount-postpaid-login-title { width: 310px; padding-bottom: 32px; font-size: 26px; font-style: normal; line-height: 120%; } /*ACCSS-2104*/ .accss-custom-styles-init .prepaid-login-box-container h1 { font-size: 26px; } .accss-custom-styles-init .grecaptcha-badge { z-index: 2; } /*Regression myAccount*/ .accss-custom-styles-init #main-content-container .myAccountProductServicesInfo #main-servicescontent-container .accss-accord-button-title a.editphone { display: inline-block; } .accss-custom-styles-init .mobileHeaderOnly .flyoutMenusup a[href]:focus { height: calc(100% - 24px); } @media screen and (max-width: 1023px) { .accss-custom-styles-init .mobileHeaderOnly .flyoutMenusup > li > a { width: 99%; } } .accss-custom-styles-init #myaccount_content .btnHolder .btnBasic.btnTransparent { margin-right: 3px; } /*END - Virgin Myaccount Postpaid and Prepaid Login*/ /*START - Virgin First/Home Login Global Nav overrides*/ .accss-custom-styles-init .override-links-outline-before a[href], .accss-custom-styles-init .override-tabindex-outline-before div[tabindex="0"]:not(.mainLink), .accss-custom-styles-init .override-tabindex-outline-before li[tabindex="0"][role="option"], .accss-custom-styles-init .override-logo-outline, .accss-custom-styles-init .override-links-outline-before.accss-footer-support .mainlinks [tabindex="0"] { position: relative; } .accss-custom-styles-init .override-links-outline-before .ProvinceList li > a[href] { position: static; } .accss-custom-styles-init .override-logo-outline:focus { display: inline-block; } .accss-custom-styles-init .override-links-outline-before a.accss-custom-searchclosebtn[href] { position: absolute; } .accss-custom-styles-init .override-links-outline-before a[href]:focus, .accss-custom-styles-init .override-links-outline-before a[href]:active, .accss-custom-styles-init .override-tabindex-outline-before div[tabindex="0"]:not(.mainLink):focus, .accss-custom-styles-init .override-tabindex-outline-before div[tabindex="0"]:not(.mainLink):active, .accss-custom-styles-init .override-tabindex-outline-before li[tabindex="0"][role="option"]:focus, .accss-custom-styles-init .override-tabindex-outline-before li[tabindex="0"][role="option"]:active, .accss-custom-styles-init .override-logo-outline:focus, .accss-custom-styles-init .override-logo-outline:active, .accss-custom-styles-init .override-links-outline-before.accss-footer-support .mainlinks [tabindex="0"]:focus, .accss-custom-styles-init .override-links-outline-before.accss-footer-support [tabindex="0"]:active { outline: none !important; } .accss-custom-styles-init .override-links-outline-before a:not(.override-logo-mobile-outline)[href]:focus::before, .accss-custom-styles-init .override-links-outline-before a:not(.override-logo-mobile-outline)[href]:active::before, .accss-custom-styles-init .override-tabindex-outline-before div[tabindex="0"]:not(.mainLink):focus::before, .accss-custom-styles-init .override-tabindex-outline-before div[tabindex="0"]:not(.mainLink):active::before, .accss-custom-styles-init .override-tabindex-outline-before li[tabindex="0"][role="option"]:focus::before, .accss-custom-styles-init .override-tabindex-outline-before li[tabindex="0"][role="option"]:active::before, .accss-custom-styles-init .override-logo-outline:focus::before, .accss-custom-styles-init .override-logo-outline:active::before, .accss-custom-styles-init .override-links-outline-before.accss-footer-support .mainlinks [tabindex="0"]:focus::before, .accss-custom-styles-init .override-links-outline-before.accss-footer-support [tabindex="0"]:active::before { content: ''; height: calc(100% + 6px); width: calc(100% + 6px); position: absolute; top: -3px; left: -3px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3; z-index: 2; } /*For focus small line height of footer*/ @media (min-width:765px) and (max-width:1268px) { .accss-custom-styles-init .override-links-outline-before .no-pad-focus-sm-footer a:not(.override-logo-mobile-outline)[href]:focus::before, .accss-custom-styles-init .override-links-outline-before .no-pad-focus-sm-footer a:not(.override-logo-mobile-outline)[href]:active::before { content: ''; height: 100%; width: calc(100% + 6px); position: absolute; top: 1px; left: -3px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3; z-index: 2; } } .accss-custom-styles-init .override-links-outline-before a[tabindex="-1"][href]:focus::before, .accss-custom-styles-init .override-links-outline-before a[tabindex="-1"][href]:active::before { box-shadow: none; } .accss-custom-styles-init .override-logo-outline:focus::before, .accss-custom-styles-init .override-logo-outline:active::before { top: 3px; left: -4px; height: calc(100% + 2px); } .accss-custom-styles-init .override-tabindex-outline-before.accss-province-selector li[tabindex="0"]:focus::before, .accss-custom-styles-init .override-tabindex-outline-before.accss-province-selector li[tabindex="0"]:active::before { height: calc(100%); width: calc(100%); top: 0; left: -10px; } .accss-custom-styles-init .override-links-outline-before .nav-dropdown-menu li > a[href]:focus::before, .accss-custom-styles-init .override-links-outline-before .nav-dropdown-menu li > a[href]:active::before { height: calc(100% + -2px); width: calc(100% + 1px); top: 1px; left: -2px; } .accss-custom-styles-init .override-links-outline-before .appointments > a[href]:focus::before, .accss-custom-styles-init .override-links-outline-before .appointments > a[href]:active::before { margin-top: -4px } .accss-custom-styles-init .override-links-outline-before .find-a-store-link > a[href]:focus::before, .accss-custom-styles-init .override-links-outline-before .find-a-store-link > a[href]:active::before { margin-top: -3px; } .accss-custom-styles-init .override-links-outline-before li.cart a[href]:focus::before, .accss-custom-styles-init .override-links-outline-before li.cart a[href]:active::before { /*top: -6px;*/ } .accss-custom-styles-init .override-links-outline-before li.cart.hasitems a[href]:focus::before, .accss-custom-styles-init .override-links-outline-before li.cart.hasitems a[href]:active::before { width: calc(100% + 5px); } .accss-custom-styles-init .magic-box-input input::placeholder { opacity: 1; color: #555; } .accss-custom-styles-init .magic-box-input input::-webkit-input-placeholder { opacity: 1; color: #555; } .accss-custom-styles-init .magic-box-input input:-ms-input-placeholder { opacity: 1; color: #555; } /*Virgin First Login Footer Overrides*/ /*Virgin First Login Defects Overrides - used !important to override the default color of links*/ .accss-custom-styles-init .loginInfo a[href].blue-on-darkbg { color: #00A8EB !important; } .accss-custom-styles-init .loginInfo a[href].blue-on-darkbg:focus, .accss-custom-styles-init .loginInfo a[href].blue-on-darkbg:hover, .accss-custom-styles-init .loginInfo a[href].blue-on-darkbg:active { color: #57CFFF !important; } .accss-custom-styles-init p.mobile-app-link { display: inline-block; float: left; height: 51px; width: 47%; margin: 3px 0 20px 5px; } .accss-custom-styles-init p.mobile-app-link > a { display: inline-block; } .accss-custom-styles-init p.mobile-app-link > a img { margin: 0; } .accss-custom-styles-init .override-links-outline-before .socialLinks li > a[href]:focus { display: inline-block; } /*Accss 2171*/ .accss-custom-styles-init .footer-skip-link { position: absolute; top: 0; background: #eee; color: #333; text-decoration: none; padding: 10px; display: inline-block; z-index: 200; font-size: 16px; left: -500px; } .accss-custom-styles-init .footer-skip-link:focus { left: 0; } .accss-custom-styles-init .override-links-outline.footer-skip-link:focus, .accss-custom-styles-init .skip-link:focus { outline: none !important; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3; } .accss-custom-styles-init .override-links-outline input.searchsubmit:focus, .accss-custom-styles-init .override-links-outline input.searchsubmit:active { outline: none !important; box-shadow: 0 0 0px 3px #eaeaea, 0 0 2px 3px #eaeaea, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; } .accss-custom-styles-init .override-links-outline input#searchField:focus, .accss-custom-styles-init .override-links-outline input#searchField:active, .accss-custom-styles-init .override-links-outline input#navbarSearchTextfield:focus, .accss-custom-styles-init .override-links-outline input#navbarSearchTextfield:active { outline: none !important; box-shadow: inset 0 0 3px 1px #257fa3, inset 0 0 3px 2px #257fa3; } .accss-custom-styles-init .override-links-outline input#navbarMobileSearchTextfield:focus, .accss-custom-styles-init .override-links-outline input#navbarMobileSearchTextfield:active { outline: none !important; box-shadow: 0 0 0px 3px #000, 0 0 2px 3px #000, 0 0 4px 6px #257fa3, 0 0 2px 5px #257fa3 !important; } .accss-custom-styles-init .prov-selection.override-tabindex-outline-before .topNav .nav-dropdown-trigger[tabindex="0"]:focus, .accss-custom-styles-init .prov-selection.override-tabindex-outline-before .topNav .nav-dropdown-trigger[tabindex="0"]:active { z-index: 1000; } .accss-custom-styles-init #navRow1 .override-links-outline input#searchField:focus, .accss-custom-styles-init #navRow1 .override-links-outline input#searchField:active, .accss-custom-styles-init #navRow1 .override-links-outline input#navbarSearchTextfield:focus, .accss-custom-styles-init #navRow1 .override-links-outline input#navbarSearchTextfield:active { width: 100%; } /*ACCSS 1433 search close button*/ .accss-custom-styles-init .accss-custom-searchclosebtn { box-sizing: content-box; position: absolute; bottom: 12px; right: 45px; width: auto; height: auto; padding: 0; } .accss-custom-styles-init .accss-custom-show-display { display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; } .accss-custom-styles-init .accss-custom-hide-display, .accss-custom-styles-init .back2top-hide-desktop { display: none; } /*Global nav coveo saerch focus fixes for support*/ /*Desktop version*/ .accss-custom-styles-init .accss-gp-global-nav #navRow1 #searchBar .CoveoSearchbox .magic-box .magic-box-clear:focus svg { box-shadow: 0 0 0px 3px #eaeaea, 0 0 2px 3px #eaeaea, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; } .accss-custom-styles-init .accss-gp-global-nav #navRow1 #searchBar .CoveoSearchbox .magic-box .magic-box-clear { position: relative; top: -2px; } .accss-custom-styles-init .accss-gp-global-nav #navRow1 .CoveoSearchbox .CoveoSearchButton { border-radius: 0; } .accss-custom-styles-init .accss-gp-global-nav #navRow1 #searchBar .CoveoSearchButton { width: auto; border: none; display: flex; height: 20px; align-self: center; } .accss-custom-styles-init .accss-gp-global-nav #navRow1 .CoveoSearchbox .CoveoSearchButton:focus { outline: none !important; box-shadow: 0 0 0px 3px #eaeaea, 0 0 2px 3px #eaeaea, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; } .accss-custom-styles-init .accss-gp-global-nav #navRow1 #searchBar .CoveoSearchbox .magic-box .magic-box-input > input:focus { box-shadow: 0 0 3px 3px #257fa3, 0 0 2px 2px #257fa3 !important; } /*search button*/ .accss-custom-styles-init .accss-gp-global-nav #navRow2 .CoveoSearchbox .CoveoSearchButton:focus { outline: none !important; box-shadow: inset 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3 !important; } /*close button*/ .accss-custom-styles-init .accss-gp-global-nav #navRow2 .magic-box.magic-box-notEmpty .magic-box-clear { display: flex; align-items: center; justify-content: center; position: relative; top: -1px; } .accss-custom-styles-init .accss-gp-global-nav #navRow2 .magic-box.magic-box-notEmpty .magic-box-clear:focus { box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3 !important; } /*Mobile coveo search input focus fixes*/ .accss-custom-styles-init #navRow1 .utility-nav { z-index: 501; /*z-index:100;*/ position: inherit; } .accss-custom-styles-init .home-page-by-default-on { z-index: 50; position: absolute; } .accss-custom-styles-init .wayToShop .accss-additional-phone-savings a { text-decoration: none !important; } .accss-custom-styles-init .wayToShop .accss-additional-phone-savings a:focus, .accss-custom-styles-init .wayToShop .accss-additional-phone-savings a:hover { text-decoration: underline !important; } /*END - Virgin First/Home Login Global Nav overrides*/ /*Other Changes*/ /*For the desktop view*/ @media screen and (min-width: 1024px) { .accss-custom-styles-init .hidden-desktop { display: none; } } /*For the tablet and mobile view*/ @media screen and (max-width: 1023px) { .accss-custom-styles-init .hidden-xs-sm { display: none; } /*ACCSS 1935*/ .accss-custom-styles-init .myvirgin-logo .logo { padding-top: 0; } /*hide the left border of the element*/ .accss-custom-styles-init .accss-focus-outline-override .smartLogin.leftBorder { border-left: none; } .accss-custom-styles-init .accss-focus-outline-override .promotion-wrapper { overflow: visible } /*added this to transfer the background to the added mobile menu panel logo wrapper*/ .accss-custom-styles-init .mobileHeaderOnly .panel-logo-wrapper { height: 78px; background: #000000; } .accss-custom-styles-init .mobileHeaderOnly .panel-logo-wrapper .myvirgin-logo { display: inline-block; /*ACCSS 1935*/ margin-top: 0; margin: 10px 0 7px 1%; } /*ACCSS 1935*/ .accss-custom-styles-init .mobileHeaderOnly .panel-logo-wrapper .myvirgin-logo .logoMobile { margin: 0; } } @media screen and (min-width: 966px) { .accss-custom-styles-init .loginInfo .blue-on-darkbg > a[href] { color: #00A8EB !important; } .accss-custom-styles-init .loginInfo .blue-on-darkbg > a[href]:focus, .accss-custom-styles-init .loginInfo .blue-on-darkbg > a[href]:hover, .accss-custom-styles-init .loginInfo .blue-on-darkbg > a[href]:active { color: #57CFFF !important; } .accss-custom-styles-init .accss-marginLB-7 { margin-bottom: 7px; margin-left: 7px; } } /*For the Desktop view of Virgin Home Global Nav*/ @media screen and (min-width: 901px) { .accss-custom-styles-init .prov-selection.override-links-outline-before .topNav .mainLink.spacing-override { padding: 20px; } .accss-custom-styles-init .prov-selection.override-links-outline-before .topNav .mainLink.spacing-override.has-subnav { padding-right: 40px; } .accss-custom-styles-init #navRow2 .override-tabindex-outline-before ul li.mainLink.spacing-override:not(.has-subnav) > a { padding: 0; width: 100%; } .accss-custom-styles-init #navRow2 .override-tabindex-outline-before ul li.mainLink.has-subnav.spacing-override .nav-dropdown-trigger[tabindex="0"] { padding: 0; width: calc(100% + 20px); } .accss-custom-styles-init #navRow2 .override-tabindex-outline-before ul li.mainLink.has-subnav.spacing-override .nav-dropdown-trigger[tabindex="0"] > .drop-arrow, .accss-custom-styles-init #navRow2 .override-tabindex-outline-before ul li.mainLink.has-subnav.spacing-override .nav-dropdown-trigger[tabindex="0"] > .up-arrow { top: 43%; right: 0; transform: translateY(-43%); } .accss-custom-styles-init .override-tabindex-outline-before .mainLink:not(.spacing-override) .nav-dropdown-trigger[tabindex="0"]:focus::before, .accss-custom-styles-init .override-tabindex-outline-before .mainLink:not(.spacing-override) .nav-dropdown-trigger[tabindex="0"]:active::before, .accss-custom-styles-init .prov-selection.override-links-outline-before .topNav .mainLink:not(.spacing-override) > a[href]:focus::before, .accss-custom-styles-init .prov-selection.override-links-outline-before .topNav .mainLink:not(.spacing-override) > a[href]:active::before { height: 100%; width: 100%; left: 0; top: 0; } .accss-custom-styles-init .override-tabindex-outline-before .spacing-override .nav-dropdown-trigger[tabindex="0"]:focus::before, .accss-custom-styles-init .override-tabindex-outline-before .spacing-override .nav-dropdown-trigger[tabindex="0"]:active::before, .accss-custom-styles-init .prov-selection.override-links-outline-before .topNav .mainLink.spacing-override > a[href]:focus::before, .accss-custom-styles-init .prov-selection.override-links-outline-before .topNav .mainLink.spacing-override > a[href]:active::before { width: calc(100% + 12px); left: -5px; } } /*For the tablet and mobile view of Virgin Home Global Nav*/ @media screen and (max-width: 900.98px) { .accss-custom-styles-init .override-logo-mobile-outline { display: inline-block; } .accss-custom-styles-init .override-logo-mobile-outline:focus::before, .accss-custom-styles-init .override-logo-mobile-outline:active::before { content: ''; height: 91%; width: 91%; position: absolute; top: 3px; left: 3px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3; z-index: 1; } .accss-custom-styles-init .override-links-outline input.searchsubmit:focus, .accss-custom-styles-init .override-links-outline input.searchsubmit:active { box-shadow: 0 0 0px 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; } .accss-custom-styles-init #navRow2 { z-index: 1100; } .accss-custom-styles-init #navRow1 .override-links-outline-before .utility-nav li.appointments { -moz-filter: none; -ms-filter: none; -webkit-filter: none; filter: none; } .accss-custom-styles-init .override-links-outline-before .utility-nav li.appointments > a[href] > img { -moz-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(187deg) brightness(101%) contrast(100%); -ms-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(187deg) brightness(101%) contrast(100%); -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(187deg) brightness(101%) contrast(100%); filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(187deg) brightness(101%) contrast(100%); } img.contrastRatioColorDarker { -moz-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(187deg) brightness(101%) contrast(100%); -ms-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(187deg) brightness(101%) contrast(100%); -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(187deg) brightness(101%) contrast(100%); filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(187deg) brightness(101%) contrast(100%); } .accss-custom-styles-init .override-links-outline-before .appointments > a[href]:focus::before, .accss-custom-styles-init .override-links-outline-before .appointments > a[href]:active::before { height: calc(100% + 12px); top: -11px; } .accss-custom-styles-init .override-links-outline-before .find-a-store-link > a[href]:focus::before, .accss-custom-styles-init .override-links-outline-before .find-a-store-link > a[href]:active::before { height: calc(100% + 8px); width: calc(100% + -25px); top: -3px; left: 13px; } @-moz-document url-prefix() { .accss-custom-styles-init .override-links-outline-before .find-a-store-link > a[href]:focus::before, .accss-custom-styles-init .override-links-outline-before .find-a-store-link > a[href]:active::before { height: calc(100% + 12px) !important; width: calc(100% + 24px) !important; top: 0 !important; left: 13px !important; } } .accss-custom-styles-init .override-links-outline-before a.menu-link.accss-mobile-menu-button[href]:focus::before, .accss-custom-styles-init .override-links-outline-before a.menu-link.accss-mobile-menu-button[href]:active::before { width: 93%; left: 0px; } .accss-custom-styles-init .override-tabindex-outline-before .topNav .nav-dropdown-trigger[tabindex="0"]:focus::before, .accss-custom-styles-init .override-tabindex-outline-before .topNav .nav-dropdown-trigger[tabindex="0"]:active::before { height: 87%; width: calc(100% + 10px); top: 3px; left: 5px; } .accss-custom-styles-init .prov-selection.override-links-outline-before .topNav .mainLink > a[href]:focus::before, .accss-custom-styles-init .prov-selection.override-links-outline-before .topNav .mainLink > a[href]:active::before, .accss-custom-styles-init .override-tabindex-outline-before .topNav .nav-dropdown-trigger[tabindex="0"] + .subnav li > a:focus::before, .accss-custom-styles-init .override-tabindex-outline-before .topNav .nav-dropdown-trigger[tabindex="0"] + .subnav li > a:active::before { height: 87%; width: 87%; top: 3px; left: 5px; } .accss-custom-styles-init .override-tabindex-outline-before .topNav .nav-dropdown-trigger[tabindex="0"] + .subnav li > a:focus::before, .accss-custom-styles-init .override-tabindex-outline-before .topNav .nav-dropdown-trigger[tabindex="0"] + .subnav li > a:active::before { width: 91%; } .accss-custom-styles-init .planDropDown .accss-margin0-tablet.fit2:nth-child(2) { margin: 0; } /* ACCSS-1933,2171 - Hide skip link in mobile and tablet */ .accss-custom-styles-init .skip-link, .accss-custom-styles-init .footer-skip-link { display: none; } } /*IE10 + CSS here*/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .accss-custom-styles-init .override-links-outline-before .appointments > a[href]:focus::before, .accss-custom-styles-init .override-links-outline-before .appointments > a[href]:active::before { height: calc(100% + 24px); top: -22px; } .accss-custom-styles-init .override-links-outline-before .find-a-store-link > a[href]:focus::before, .accss-custom-styles-init .override-links-outline-before .find-a-store-link > a[href]:active::before { height: calc(100% + 7px); top: -8px; } /*Fix outline issue in ie for login pages*/ .accss-custom-styles-init .accss-focus-outline-override .registration a[href]#register:focus, .accss-custom-styles-init .accss-focus-outline-override .registration a[href]#register:active, .accss-custom-styles-init .accss-focus-outline-override .promotion-wrapper a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override .promotion-wrapper a[href]:active, .accss-custom-styles-init .accss-focus-outline-override .smartLogin .input-field a[href]:focus, .accss-focus-outline-override .smartLogin .input-field a[href]:active, .accss-custom-styles-init .accss-focus-outline-override .postpaid-start-again a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override .postpaid-start-again a[href]:active { outline: 7px solid transparent !important; } .accss-custom-styles-init .accss-focus-pseudo-outline-override.home-login input[type=checkbox]:focus, .accss-custom-styles-init .accss-focus-pseudo-outline-override.home-login input[type=checkbox]:active, .accss-custom-styles-init button#login-button.accss-focus-pseudo-outline-override-elem.btn-with-pad:focus, .accss-custom-styles-init button#login-button.accss-focus-pseudo-outline-override-elem.btn-with-pad:active { box-shadow: 0 0 0px 3px #333, 0 0 2px 3px #333, 0 0 4px 5px #47A3D7, 0 0 2px 5px #47A3D7 !important; } } /*IE10 + CSS here and on mobile and tablet only*/ @media all and (max-width: 900.98px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { .accss-custom-styles-init .override-links-outline-before .find-a-store-link > a[href]:focus::before, .accss-custom-styles-init .override-links-outline-before .find-a-store-link > a[href]:active::before { height: calc(100% + 5px); top: -2px; } } /*Mozilla only css here*/ @-moz-document url-prefix() { .accss-custom-styles-init.shop .override-links-outline-before .find-a-store-link > a[href]:focus::before, .accss-custom-styles-init .override-links-outline-before .find-a-store-link > a[href]:active::before { height: calc(100% + 13px); width: calc(100% + 22px); top: -7px; } } @media all and (max-width: 900px) and (min--moz-device-pixel-ratio:0) { .accss-custom-styles-init .border-separate-moz-sm { border-collapse: separate !important; border-spacing: 0; } } .accss-custom-styles-init h2.accss-mobile-plans-old-strong { font-weight: 700 !important; font-style: normal; line-height: 1.2em; font-size: 16px; color: #333; font-family: GraphikWeb,Arial,Helvetica,sans-serif; margin-bottom: 0; } .accss-custom-styles-init h3.accss-mobile-plans-old-strong { font-weight: 700 !important; font-style: normal; line-height: 1.2em; font-size: 16px; color: #333; font-family: GraphikWeb,Arial,Helvetica,sans-serif; margin-bottom: 0; text-transform: capitalize; } /* AE - MYAccount myrate-menu fix*/ .accss-custom-styles-init #deviceNav .reset-tab-focus ul.subLinks li .toggle { position: relative !important; top: 1px !important; border-bottom: none !important; } .accss-custom-styles-init .old-h2-li-style { font-size: 1.1em; padding-bottom: 20px; width: 100%; } .accss-custom-styles-init .old-h3-li-style { font-size: 1.3em; width: 100%; margin: 0 0 0.83em; } .accss-custom-styles-init legend.old-h3-css { font-size: 1.3em; margin: 0 0 1em; font-family: VMUltramagneticNormalRegular; line-height: 1em; } .accss-custom-styles-init .field1 a.showField { display: inline-block; margin-top: 5px; } .accss-custom-styles-init footer #footer.fixFooter { padding: 0 !important; margin: 0; display: block; height: 100% !important; position: initial; } /*ACCSS-3053 and 3057 fixed the wrapping for text in mobile*/ @media (max-width:768px) { .accss-custom-styles-init #footer[role=contentinfo] .contents.override-links-outline-before .lastRow.accss-word-wrap ul li a, .accss-custom-styles-init.fr #footer[role=contentinfo] .contents.override-links-outline-before .lastRow ul li a { white-space: pre-wrap; } .accss-custom-styles-init #footer[role=contentinfo] .override-links-outline-before.accss-footer-support .lastRow.no-pad-focus-sm-footer a[href]:not(.override-logo-mobile-outline)[href] { display: inline-block; max-width: 90%; } .accss-custom-styles-init.fr #footer[role=contentinfo] .contents.override-links-outline-before .lastRow ul li { line-height: initial !important; } } .accss-custom-styles-init.fr #footer[role=contentinfo] .contents.override-links-outline-before .lastRow ul li { line-height: 2em; } /*START ECHAT fcous custom class*/ .virgin-style.eChat-bot-container:focus::before, .virgin-style.echat-GA-Container:focus::before { content: ''; height: calc(100% + 8px); width: calc(100% + 8px); position: absolute; top: -4px; left: -4px; display: block; box-shadow: 0 0 0px 2px #257FA3, 0 0 0px 2px #257FA3; z-index: 1; border-radius: 50%; } a:focus.virgin-style.eChat-bot-container { outline: none !important; } .virgin-style.echat-GA-Container[tabindex] { position: fixed; z-index: 10000; height: 80px; width: 80px; bottom: 95px; right: 15px; display: flex !important; outline: 0; background: none; } /*END ECHAT fcous custom class*/ /*Global header change span tags into div and get the styles mobile*/ @media screen and (max-width:900px) { .accss-custom-styles-init #navRow2 ul li.mainLink.has-subnav .nav-dropdown-trigger { padding: 10px 20px !important; } .accss-custom-styles-init #navRow2 ul li.mainLink.has-subnav .nav-dropdown-trigger { color: #fff; text-decoration: none; padding: 20px; height: 100%; width: calc(100% - 40px); display: block; white-space: nowrap; } .accss-custom-styles-init #navRow2 ul li.mainLink.has-subnav .nav-dropdown-trigger { width: calc(100% - 60px); padding-right: 40px; cursor: pointer; } .accss-custom-styles-init #navRow2 ul li.mainLink.has-subnav .nav-dropdown-trigger:hover { text-decoration: underline; } } .accss-custom-styles-init #navRow2 .nav-dropdown-trigger .drop-arrow:after, .accss-custom-styles-init #navRow2 .nav-dropdown-trigger .up-arrow:after { top: 0 !important; margin-left: -11px; } /* ACCSS-6474 Focus fix for close button province selector tooltip*/ .accss-custom-styles-init #vmcheader .home-page-by-default-on .home-page-by-default-on-close:focus::before { display: none; } .accss-custom-styles-init #vmcheader .home-page-by-default-on .home-page-by-default-on-close:focus { box-shadow: 0 0 3px 1px #47a3d7, 0 0 3px 2px #47a3d7; } /*sso site midner cosmetic issue in Mobile fixes*/ @media screen and (max-width: 900px) { .accss-custom-styles-init #vmcheader #subNavRow2 .myaccountmobile .sso { color: #fff; display: flex; flex-direction: column; margin-right: 10px; margin-left: 18px; margin-bottom: 10px; border: 0; } .accss-custom-styles-init #vmcheader #subNavRow2 .myaccountmobile .sso a, .accss-custom-styles-init #vmcheader #subNavRow2 .myaccountmobile .headlogout { padding-left: 0px; } .accss-custom-styles-init #vmcheader #subNavRow2 .myaccountmobile .headlogout, .accss-custom-styles-init #vmcheader #subNavRow2 .myaccountmobile .sso a { text-decoration: underline; } .accss-custom-styles-init #vmcheader #subNavRow2 .myaccountmobile .headlogout:focus, .accss-custom-styles-init #vmcheader #subNavRow2 .myaccountmobile .headlogout:hover, .accss-custom-styles-init #vmcheader #subNavRow2 .myaccountmobile .sso a:focus, .accss-custom-styles-init #vmcheader #subNavRow2 .myaccountmobile .sso a:hover { text-decoration: none; } #navRow1 .menu-link { display: block; padding: 9px 20px; margin-top: 8px; margin-bottom: 6px; } .accss-custom-styles-init .override-links-outline-before a:not(.override-logo-mobile-outline)[href]:focus::before, .accss-custom-styles-init .override-links-outline-before a:not(.override-logo-mobile-outline)[href]:active::before { height: calc(100% + -5px); width: calc(100% + -3px); position: absolute; top: 3px; left: 3px; } } /*MOZILLA province selector tooltip*/ @-moz-document url-prefix() { /*Mobile province selector tooltip positioning*/ @media screen and (max-width:900px) { .accss-custom-styles-init .home-page-by-default-on { background-position: 100px -11px; height: 45px; padding-top: 0; } .accss-custom-styles-init.fr .home-font-on-message { margin-left: 52px !important; } .accss-custom-styles-init.fr .home-page-by-default-on { padding-left: 19px !important; } .accss-custom-styles-init.fr .home-page-by-default-on, accss-custom-styles-init .home-page-by-default-on-fr { background-position: 98px -10px; height: 45px; padding-top: 0; } } .accss-custom-styles-init.fr .home-font-on-message { margin-left: 60px; } .accss-custom-styles-init.fr .home-page-by-default-on { padding-left: 58px; } /*Province selector zooming dynamic container*/ .accss-custom-styles-init.fr .home-font-on-message { margin-left: 51px; padding-left: 15px; } .accss-custom-styles-init .home-font-on-message { background: #000; } .accss-custom-styles-init.fr .home-font-on-message, .home-font-on-message-fr { width: 269px; } .accss-custom-styles-init .home-font-on-message { width: 277px; } .accss-custom-styles-init.fr .home-page-by-default-on-close, .accss-custom-styles-init .home-page-by-default-on-close, .home-font-on-message-fr .home-page-by-default-on-close { top: 89px; left: 394px; position: absolute !important; } } /*CHROME province selector tooltip*/ /*Mobile province selector tooltip positioning*/ @media screen and (max-width:900px) { .accss-custom-styles-init .home-page-by-default-on { background-position: 100px -11px; height: 45px; padding-top: 0; } .accss-custom-styles-init.fr .home-font-on-message { margin-left: 52px !important; } .accss-custom-styles-init.fr .home-page-by-default-on { padding-left: 19px !important; } .accss-custom-styles-init.fr .home-page-by-default-on, accss-custom-styles-init .home-page-by-default-on-fr { background-position: 98px -10px; height: 45px; padding-top: 0; } .accss-custom-styles-init.fr .home-page-by-default-on-close, .home-font-on-message-fr .home-page-by-default-on-close { top: 36px !important; left: 392px !important; position: absolute !important; } .accss-custom-styles-init .home-page-by-default-on-close { top: 35px !important; left: 389px !important; position: absolute !important; } } .accss-custom-styles-init.fr .home-font-on-message { margin-left: 60px; } .accss-custom-styles-init.fr .home-page-by-default-on { padding-left: 58px; } /*Province selector zooming dynamic container*/ .accss-custom-styles-init.fr .home-font-on-message { margin-left: 51px; padding-left: 15px; } .accss-custom-styles-init .home-font-on-message { background: #000; } .accss-custom-styles-init.fr .home-font-on-message, .home-font-on-message-fr { width: 269px; } .accss-custom-styles-init .home-font-on-message { width: 277px; } @media screen and (max-width:900px) { .accss-custom-styles-init.fr .home-font-on-message, .home-font-on-message-fr { width: 257px !important; margin-left: 89px !important; } } .accss-custom-styles-init.fr .home-page-by-default-on-close, .home-font-on-message-fr .home-page-by-default-on-close { top: 83px; left: 394px; position: absolute !important; } .accss-custom-styles-init .home-page-by-default-on-close { top: 89px; left: 394px; position: absolute !important; } .accss-custom-styles-init .home-page-by-default-on-close { top: 81px; left: 389px; position: absolute !important; } /*province selector shop*/ .accss-custom-styles-init.shop .home-page-by-default-on { position:absolute; right:0; } .accss-custom-styles-init.shop .home-font-on-message { color: #fff; width: 304px; margin-top: 10px; padding: 0 10px 10px; border-radius: 4%; } .accss-custom-styles-init.shop .home-page-by-default-on-close { width: 19px; height: 19px; float: right; margin-right: 2px; margin-top: -36px; } .accss-custom-styles-init.shop .home-page-by-default-on { background-image: url(/assets/images/home-page-by-default-on.png); z-index: 1000; } .accss-custom-styles-init.shop .home-page-by-default-on { background-position: 100px 37px; height: 55px; margin-left: 555px; padding-left: 86px; padding-top: 54px; width: 378px; position: absolute; margin-top: 11px; background-repeat: no-repeat; } .accss-custom-styles-init.shop.fr .home-font-on-message { width: 304px; margin-left:-1px; } @media screen and (max-width:900px){ .accss-custom-styles-init.shop.fr .home-font-on-message { width: 304px!important; margin-left:-1px!important; } .accss-custom-styles-init.shop .home-page-by-default-on { padding-left: 86px!important; padding-top: 54px; width: 378px; } } @media screen and (max-width:900px) { .accss-custom-styles-init.shop .home-page-by-default-on-close { margin-top: 9px; } } @media screen and (max-width:365px) { .accss-custom-styles-init.shop .home-page-by-default-on { width: 341px; } } /*Search focus input after searching*/ /*zoom text fix for the tab navigaiton check usage*/ .accss-custom-styles-init .accss-prepaid-nav.accss-nav-wrapper .navBox span { height: auto; } .accss-custom-styles-init .accss-prepaid-nav.accss-nav-wrapper .navBox a[href]#myServices + .Wrapper.main-inner-nav { position: initial; margin-bottom: 0; margin-left: -164px; border: 1px solid #ccc; border-radius: 10px 10px 0 0; margin-top: 30px; } .accss-custom-styles-init .accss-prepaid-nav.accss-nav-wrapper .navBox a[href]#topup + .Wrapper.main-inner-nav { position: initial; margin-bottom: 0; margin-left: -328px; border: 1px solid #ccc; border-radius: 10px 10px 0 0; margin-top: 30px; } .accss-custom-styles-init .accss-prepaid-nav.accss-nav-wrapper .navBox a[href]#myprofile + .Wrapper.main-inner-nav { position: relative; margin-bottom: 0; margin-left: -492px; z-index: 10; border: 1px solid #ccc; border-radius: 10px 10px 0 0; margin-top: 30px; } .accss-custom-styles-init #main-content-container #content_table .mainHeading { /*margin-top: 12px;*/ } .accss-custom-styles-init .navBox .Wrapper.main-inner-nav { top: 0 !important; } /*table color contrast fix*/ .accss-custom-styles-init #myaccount_content #usage-check-table-new tr.usage-type th, .accss-custom-styles-init #myaccount_content #usage-check-table-new tr.usage-type td { /*border-top: 1px solid #949596;*/ } .accss-custom-styles-init #myaccount_content #usage-check-table-new table { /*border: 1px solid #949596;*/ } /************************************END - Virgin Login Global Nav,Virgin Home Login and Virgin Myaccount Login CSS*********************************************/ /************************************Page Specific CSS***************************************************/ /*ACCSS 2947 - Home login outline overrides*/ .accss-custom-styles-init .section4 h2.home-login-oldh1 { font-size: 30px !important; } .accss-custom-styles-init.fr .section4 h2.home-login-oldh1 { line-height: 1.4em; } .accss-custom-styles-init .accss-focus-pseudo-outline-override.home-login .tooltip-button:focus, .accss-custom-styles-init .accss-focus-pseudo-outline-override.home-login .tooltip-button:active { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3; } .accss-custom-styles-init .accss-focus-pseudo-outline-override.home-login input#loginId:focus, .accss-custom-styles-init .accss-focus-pseudo-outline-override.home-login input#loginId:active, /* ACCSS-3330 */ .accss-custom-styles-init .accss-focus-pseudo-outline-override.accss-custom-shop-index-fancybox input:focus, .accss-custom-styles-init .accss-focus-pseudo-outline-override.accss-custom-shop-index-fancybox input:active { box-shadow: 0 0 0px 3px #333, 0 0 2px 3px #333, 0 0 4px 5px #47A3D7, 0 0 2px 5px #47A3D7 !important; } .accss-custom-styles-init .accss-focus-pseudo-outline-override.home-login .expandable-tooltip-closebtn { position: absolute; } .accss-custom-styles-init .accss-focus-pseudo-outline-override.home-login .mobile .google-play-override:focus::after { width: calc(50% + 1px); height: calc(100% + -6px); top: 1px; left: -2px; } .accss-custom-styles-init .accss-focus-pseudo-outline-override.home-login .mobile .app-store-override:focus::after { width: calc(55% + 6px); height: calc(100% + -8px); top: 1px; left: -2px; } @media screen and (max-width: 640.98px) { .accss-custom-styles-init .accss-focus-pseudo-outline-override.home-login input#loginId:focus, .accss-custom-styles-init .accss-focus-pseudo-outline-override.home-login input#loginId:active, .accss-custom-styles-init .accss-focus-pseudo-outline-override.home-login input#loginIdMobile:focus, .accss-custom-styles-init .accss-focus-pseudo-outline-override.home-login input#loginIdMobile:active { box-shadow: 0 0 0px 3px #eaeaea, 0 0 2px 3px #eaeaea, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; } .accss-custom-styles-init.overflow-visible-on #section3.home-login { display: flex; } .accss-custom-styles-init .carouselBtnContainer .prev img, .accss-custom-styles-init .carouselBtnContainer .next img { width: 100%; } } @media screen and (min-width: 641px) and (max-width: 965.98px) { .accss-custom-styles-init .accss-focus-pseudo-outline-override.home-login input#loginId:focus, .accss-custom-styles-init .accss-focus-pseudo-outline-override.home-login input#loginId:active { box-shadow: 0 0 0px 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; } } /*ACCSS 2157*/ .accss-custom-styles-init .overflow-visible-internet-index li { overflow: visible; } /*ACCSS 1191*/ .accss-custom-styles-init span.text-underline { text-decoration: underline; } .accss-custom-styles-init .table li.title h2.accss-custom-title { border-bottom: 1px solid #B7B7B7; padding-bottom: 4px; padding-top: 20px; width: 100%; } /*ACCSS 1176*/ .accss-custom-styles-init .table-reset-pad0-border0 { padding: 0; border: 0; } /*ACCSS-3334 focus outline fix*/ .accss-display-flex li a { display: flex; } /*ACCSS 1436 focus outline*/ .accss-custom-styles-init .ratebox:focus .rateboxInner { border-color: #333; } /*ACCSS 1464 focus outline overlapping in content*/ .accss-custom-styles-init .dropNotice .padding-right-50 { padding-right: 50px; } /* ACCSS-1938 */ .accss-custom-styles-init ul.mainInnerNav li a:hover { color: #131C35; /*text-decoration: underline;*/ } /* ACCSS 2444 focus outline padding fix*/ .accss-custom-styles-init #moreInfo .accss-legal-stuff-outline-spacing { margin-bottom: 33px; padding-bottom: 0; height: 22px; } /*ACCSS-1978 - add top level heading*/ .accss-custom-styles-init .mainHeading h1.old-h2-css { font-size: 1.5em; margin: 0 0 30px; } .accss-custom-styles-init h2.old-h3-css { font-size: 1.3em; margin: 0 0 1em; } /*ACCSS-1981 - change the color of the prepaid main inner nav links*/ .accss-custom-styles-init #navigation-bar.override-innernav-links .navBox ul.mainInnerNav li > a:not(.active) { color: #131C35 !important; font-weight: normal; } .accss-custom-styles-init #navigation-bar.override-innernav-links .navBox ul.mainInnerNav li > a[href] { /*text-decoration: underline;*/ } .accss-custom-styles-init #navigation-bar.override-innernav-links .navBox ul.mainInnerNav li > a[href]:focus, .accss-custom-styles-init #navigation-bar.override-innernav-links .navBox ul.mainInnerNav li > a[href]:hover { text-decoration: none !important; } /*ACCSS-1444 fixes targetted custom class in the component*/ .accss-custom-styles-init .right-rail ul.accss-side-nav-parent li.accss-side-nav-last-child { padding-bottom: 0px !important; } /* ACCSS-1143 - Override heading style after heading level changed */ .accss-custom-styles-init .accss-section .override-heading-2 { margin: 0 0 1em; font-size: 20px; margin-block-start: 1em; margin-block-end: 1em; } /*ACCSS-1075 override on the link color contrast*/ .accss-custom-styles-init .phone .phoneCompare .compare a { color: #595959; } .accss-custom-styles-init .phone .phoneCompare .compare a.compareLink { cursor: pointer; color: #007cad !important; } /*ACCSS-1201 added focus outline on slider thumb*/ .accss-slider-container .slider-unit .ui-slider .ui-slider-handle:focus { outline: 2px solid black; } /*ACCSS-7508*/ #imeiNumber .failed { color: #cc0000 !important; } /* ACCSS-2572 - Fixed top level heading missing on the page */ .accss-custom-styles-init .old-h2-style-interactive-guides { font-size: 30px; padding: 75px 0 55px; } .accss-custom-styles-init #modemChoice p.old-h3-style-interactive-guides { font-size: 26px; margin: 0 0 1em; line-height: 1em; font-weight: normal !important; color: #242424; } .accss-custom-styles-init #modemChoice p.old-h3-style-interactive-guides, .accss-custom-styles-init #modemChoice h3 { padding: 20px 0 20px !important; } .accss-custom-styles-init #modemChoice a.modemStart { margin-bottom: 30px; } .accss-custom-styles-init h1.old-h2-shop-style { margin-bottom: 0; font-size: 26px; color: #000; display: inline-block; font-family: VMUltramagneticNormalRegular; font-weight: normal; margin: 0 0 0.83em 0; } .accss-custom-styles-init h2.old-h3-shop-email-print-container { font-size: 1.3em; color: #333; font-family: VMUltramagneticNormalRegular; font-weight: normal; margin: 0 0 1em 0; } /*ACCSS-2957 focus outline*/ .accss-custom-styles-init .accss-members-lounge-outline { display: table !important; margin-bottom: 10px; height: 25px !important; } .accss-custom-styles-init .accss-custom-pad-b-10 { padding-bottom: 10px !important; } /*ACCSS-5250*/ .accss-custom-styles-init h2.accss-old-p-returning-equipment { font-size: 14px; text-transform: none; line-height: 1.2em; margin: 0 0 1em 0; } .accss-custom-styles-init .wordbreak-text { word-break: break-all; } /*ACCSS 3041 - support-getting-started-prepaid fab phones override*/ @media screen and (max-width: 965px) { .accss-custom-styles-init #section2 .fab-phone-override { margin: 20px 0; } .accss-custom-styles-init #section2 .fab-phone-override > img { margin: 0; } .accss-custom-styles-init .back2top-hide-desktop { display: block; } .accss-custom-styles-init .standard-table a { word-break: break-word; } } /*ACCSS 3039 firstbill JBT*/ @media screen and (max-width: 471.00px) { .accss-custom-styles-init .accss-mb-disp-blck a /*Reuseable Mobile view */ { display: block; } .accss-custom-styles-init .accss-mb-pos-absolute a /*Reuseable Mobile view */ { position: absolute; } .accss-custom-styles-init .accss-firstbill-mb { padding-bottom: 14px; } .accss-custom-styles-init .accss-firstbill-mb a:focus { margin-left: 7px; } .standard-list li a.accss-firstbill-mb.accss-li-a { display: block; width: 270px; padding-bottom: 2px; } /*Reusable for wordbreak links */ .accss-custom-styles-init .wordbreak { word-break: break-all; } .accss-custom-styles-init .accss-wordbreak-word { word-break: break-word; } @media screen and (max-width: 300.00px) { .standard-list li a.accss-firstbill-mb.accss-li-a { display: block; width: 200px; } } } /*Firstbill Calendar grey BG color contrast issue JBT*/ .accss-custom-styles-init .calenderContainer table.calendar td:not(.darkGray):not(.red) .number { color: #595959 !important; } /* ACCSS-1417 */ .accss-custom-styles-init .accss-tablist .accss-tab { position: relative; outline: none !important; } .accss-custom-styles-init .accss-tablist .accss-tab:focus::before { content: ''; height: calc(100% + 6px); width: calc(100% + 6px); position: absolute; top: -3px; left: -3px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3; z-index: 1; } @media screen and (max-width: 900px) { .accss-custom-styles-init .accss-tablist .accss-tab:focus::before { height: calc(100% + 0px); width: calc(100% + -6px); top: 0px; left: 3px; } } /*tabs in gray background focus*/ .accss-custom-styles-init .accss-tablist.bg-gray-tabs .accss-tab:focus::before { content: ''; height: calc(100% + 6px); width: calc(100% + 6px); position: absolute; top: -3px; left: -3px; display: block; box-shadow: 0 0 3px 1px #00648f, 0 0 3px 2px #00648f !important; z-index: 1; } /* ACCSS-2082 Old heading styles for General pages FAQ*/ .accss-custom-styles-init .content-area h2.old-h3-style-faq { font-weight: normal !important; width: 100%; padding-top: 1px; padding-bottom: 4px; border-bottom: 1px solid #b7b7b7; margin: 0 0 1em; font-size: 20px; } .accss-custom-styles-init #support_bottom h2.old-h3-style-faq.scripty { font-size: 24px; padding: 0; border-bottom: none; } .fr.accss-custom-styles-init #support_bottom h2.old-h3-style-faq.scripty { font-size: 22px; padding: 0; border-bottom: none; } .accss-custom-styles-init #support_bottom h2.old-h3-style-faq { padding-top: 8px; font-size: 24px; margin-bottom: 15px; border-bottom: none; } .accss-custom-styles-init h3.old-strong-style-faq { font-size: 14px; text-transform: none; } /* ACCSS-2086 set all th and td of a table to vertical-align top can be reused on some pages that have HTML format error*/ .accss-custom-styles-init .vertical-table-top th, .accss-custom-styles-init .vertical-table-top td { vertical-align: top; } /* ACCSS-2539 - Parent Apply the old h3 css for coverage maps page*/ .accss-custom-styles-init .old-h3-coverage-maps-css { font-size: 35px; margin: 0 0 1em; } /* ACCSS-2216 - Parent task Fixed the heading issues of support support/index.html?topic=bills_services*/ .accss-custom-styles-init .old-h3-style-support-index { font-size: 1.8em; margin: 0 0 1em; } /*ACCSS 3310 - Changed h3 to h2 for homephone page*/ .accss-custom-styles-init h2.homephone-oldh3-css { font-size: 24px; margin: 0 0 1em; } /*ACCSS 3310 - Changed h2 to h3 for homephone page*/ .accss-custom-styles-init #pay-options h3.homephone-oldh2-css { font-size: 24px; padding-left: 35px; margin: 0; } @media screen and (max-width: 800px) { /*ACCSS 3310 - Changed h2 to h3 for homephone page*/ .accss-custom-styles-init #pay-options h3.homephone-oldh2-css { padding: 50px 0 40px; margin: 0 30px; border-bottom: 1px solid #e1e1e1; } .accss-custom-styles-init #pay-options .lto h3.homephone-oldh2-css { padding: 50px 0 10px; margin: 0 30px; border-bottom: none; } /* ACCSS 3902 - Decrease bottom padding in mobile for phone details */ .accss-custom-styles-init #order-bar .accss-order-fixed-phone-deets .tb + div, .order-fixed .tb + div { padding-bottom: 20px !important; position: unset !important; } } @media screen and (max-width: 480px) { .accss-custom-styles-init .bannerCommunityContainer .width-sm-480 { width: auto; max-width: 344px; } .accss-custom-styles-init .accss-display-inline-block-parent a.desktop { display: none !important; } /*ACCSS 3310 - Changed h3 to h2 for homephone page*/ .accss-custom-styles-init h2.homephone-oldh3-css { font-size: 30px; margin-bottom: 0; } /*ACCSS 3310 - Changed h2 to h3 for homephone page*/ .accss-custom-styles-init #pay-options h3.homephone-oldh2-css { padding-left: 0; text-align: center; } } /*ACCSS 3312 - why choose us switch virgin mobile accordion overrides*/ .accss-custom-styles-init #accordion1.accss-focus-outline-override-bgwhite-elem.accss-accordion-group.whychooseus-switch a.accss-accordion-header[href], .accss-custom-styles-init #accordion2.accss-focus-outline-override-bgwhite-elem.accss-accordion-group.whychooseus-switch a.accss-accordion-header[href], .accss-custom-styles-init #accordion3.accss-focus-outline-override-bgwhite-elem.accss-accordion-group.whychooseus-switch a.accss-accordion-header[href] { height: auto !important; } /*ACCSS-1482 support Index preferences */ .accss-custom-styles-init .accss-support-pref-h3-styles { color: #000; font-size: 22px; text-transform: none; padding: 0 0 15px 0; margin: 0 0 0 0; font-family: arial !important; font-weight: bold !important; border-bottom: none !important } /* ACCSS-3107 */ .accss-custom-styles-init .accss-custom-focus-support-sim { min-height: 25px !important; margin-bottom: 10px !important; height: auto !important; display: inline-block !important; } .accss-custom-styles-init #Accordion a.accss-custom-focus-support-sim.ui-state-default, .accss-custom-styles-init #Accordion a.accss-custom-focus-support-sim.ui-state-active, .accss-custom-styles-init #Accordion2 a.accss-custom-focus-support-sim.ui-state-default, .accss-custom-styles-init #Accordion2 a.accss-custom-focus-support-sim.ui-state-active, .accss-custom-styles-init #Accordion3 a.accss-custom-focus-support-sim.ui-state-default, .accss-custom-styles-init #Accordion3 a.accss-custom-focus-support-sim.ui-state-active, .accss-custom-styles-init #Accordion4 a.accss-custom-focus-support-sim.ui-state-default, .accss-custom-styles-init #Accordion4 a.accss-custom-focus-support-sim.ui-state-active { height: auto !important; min-height: 15px !important; padding-bottom: 3px; } /*ACCSS - 7434 JBT */ .accss-custom-styles-init p.ultra.accss-h1-style-sim { font-size: 48px !important; color: #fff; font-family: VMUltramagneticNormalRegular; line-height: 1em; font-weight: normal !important; padding-top: 0px !important; margin-bottom: 0px !important; } .accss-custom-styles-init p.subline.accss-marginLB-7.accss-h2-style-sim { color: #fff; font-size: 16px !important; margin-top: 15px !important; padding-top: 0px !important; font-weight: normal; text-transform: none; font-family: VMUltramagneticNormalRegular; line-height: 1em; font-weight: normal !important; } .accss-custom-styles-init .accss-h3-style-sim { font-size: 1.7em; margin: 0 0 10px; color: #333; } .accss-custom-styles-init .Wrapper h2.accss-h3-style-sim { padding: 0px !important; margin: 0px !important; } .accss-custom-styles-init #faq h2.accss-h3-style-sim { font-size: 24px; font-family: VMUltramagneticNormalRegular; margin: 0 0 16px 0; } .accss-custom-styles-init .sim-name.accss-h4-style-sim { font-size: 1em !important; font-weight: bold !important; text-transform: capitalize; font-family: GraphikWeb, Arial, Helvetica, sans-serif; margin-bottom: 0px !important; line-height: inherit; } .accss-custom-styles-init #contactlist-plans h3.ultra { font-size: 26px; margin-bottom: 0; } /*support accessibility*/ /*ACCSS - 3229 - Fix the focus outline cutting in mobile version support accessibility page*/ @media (min-width: 800px) { .accss-custom-styles-init .content-area .accss-overflow-hidden-sm-md { overflow: hidden; } } @media (min-width: 320px) { .accss-custom-styles-init .content-area .accss-overflow-init-static-sm-md { overflow: visible; } } @media screen and (max-width: 1000px) { .accss-custom-styles-init .content-area .accss-overflow-init-static-sm { overflow: visible; } .accss-custom-styles-init .content-area .section.accss-overflow-init-static-sm .contents { overflow: visible; } .accss-custom-styles-init .step-container { /*display: none;*/ } } /*ACCSS-2914 - styles of headings*/ .accss-custom-styles-init .accss-h3-support-accss-style { font-weight: normal !important; margin: 0 0 1em !important; line-height: 1em; width: 100%; padding-top: 1px; padding-bottom: 7px; font-size: 20px; border-bottom: 1px solid #b7b7b7; } /*3305*/ .accss-custom-styles-init .accss-h3-support-accss-style.phone-icon, .accss-custom-styles-init .accss-h3-support-accss-style.computer-icon { font-weight: normal !important; margin: 0 0 1em; line-height: 1em; width: auto; padding-top: 1px; padding-bottom: 0px; font-size: 20px; } /*Button Focus and hover state*/ .accss-custom-styles-init .accessibilityBanner .seePhones .btnBasic.btnSecond:hover, .accss-custom-styles-init .accessibilityBanner .seePhones .btnBasic.btnSecond:focus { background-color: #333; color: #fff; } /*ways to pay*/ /*ACCSS 1066 - applied the fix for focus in the content trigger only accordion*/ .accss-custom-styles-init #Accordion a.accord-trigger-focus-width { height: auto !important; margin: 0 2px 13px 2px; min-height: 22px; display: inline-block; width: auto; } .accss-custom-styles-init .accss-with-focus-fit-width { width: fit-content; height: auto !important; min-height: 24px; } .accss-custom-styles-init #Accordion a.ui-accordion-header-active, .accss-custom-styles-init .accordion-toup-menu a.ui-accordion-header-active { padding-bottom: 0px; } /*ACCSS-3147 - ways to pay french version 2nd table 1st column*/ .accss-custom-styles-init.fr .accss-focus-outline-override.underline-links-paragraph-container #hp3 .topSection { height: 280px; } /*ACCSS 3301 - Fixed the heading levels as per ADD - added custom class */ .accss-custom-styles-init .accss-h3-style-default-gen-page { font-size: 20px; margin: 0 0 1em; line-height: 1em; } .accss-custom-styles-init .accss-h3-style-default-gen-page[aria-level="2"] { font-size: 20px; font-family: VMUltramagneticNormalRegular; font-weight: normal; } /*ACCSS 2537 and 2223*/ .accss-custom-styles-init .accessibilityBanner .seePhones .btnBasic.btnSecond:focus, .accss-custom-styles-init .subscribe-box-login .loginDiv .btnBasic.btnBlock.formfancy:focus { text-decoration: none !important; } /*3301 - support bottom h3 styles*/ .accss-custom-styles-init .accss-h3-style-support-bottom { font-size: 24px; margin-bottom: 15px; padding-top: 8px; line-height: 1em; font-weight: normal !important; color: #242424; } /*ACCSS-3324*/ .accss-custom-styles-init #DownloadAppAd_content .old-h2-style-support-index { font-size: 18px; } /*ACCSS 3305 - Fix heading order beased in ADD*/ /*upgrade phone*/ .accss-custom-styles-init .accss-h3-style-upgrade-phone { margin: 0 0 1em; font-size: 20px; line-height: 1em; font-weight: normal !important; width: 100%; padding-top: 1px; padding-bottom: 4px; border-bottom: 1px solid #b7b7b7; } /*ACCSS-2468*/ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .accss-custom-styles-init .accss-text-lowercase { text-transform: lowercase; } /*ACCSS-5823*/ .accss-custom-styles-init .accss-topupInterac-confirm-focus-outline:focus { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3; height: calc(25% + 10px); width: calc(90% + 10px); top: -5px; left: -5px; } .accss-custom-styles-init .accss-topup-interac-h3 { color: #c00; font-family: VMUltramagneticNormalRegular; font-size: 1.5em; font-weight: normal; padding-top: 12px; margin: 0 0 0.67em; } /*ACCSS-6061*/ .accss-custom-styles-init .accss-old-h2-topup-sc-confirm { line-height: 1em; font-weight: normal !important; font-size: 22px !important; font-stretch: condensed; word-spacing: 3px; padding-bottom: 5px; } .accss-custom-styles-init .topupnowsc-h2 { font-size: 22px !important; font-stretch: condensed; word-spacing: 3px; float: none; padding-bottom: 0; } @media screen and (max-width:375px) { .accss-custom-styles-init .accss-box-width-auto .box { width: auto !important; } .accss-custom-styles-init .accss-box-width-auto .box.box3 { margin-right: 10px; } } .accss-custom-styles-init fieldset > .btn.btnBasic.btnBlock#print[role=button]:focus { border-color: #999; background-color: #999; text-decoration: none; } /*Prepaid Rates*/ /*ACCSS-2755 - heading levels*/ .accss-custom-styles-init .accss-h3-prepaid-rate-accss-style { font-weight: normal !important; margin-bottom: 0; border-bottom: 3px solid #000; font-size: 20px; line-height: 1em; width: 100%; padding-top: 1px; padding-bottom: 4px; } /*ACCSS-3269 - Focus for focus outline*/ .accss-custom-styles-init .fancybox-overlay .fancybox-close:focus::after, .accss-custom-styles-init .fancybox-close:focus::after { content: ''; height: calc(100% + 6px); width: calc(100% + 6px); position: absolute; top: -3px; left: -3px; display: block; box-shadow: 0 0 3px 1px #47A3D7, 0 0 3px 2px #47A3D7; z-index: 2; } .accss-custom-styles-init .calculator-button a:focus { outline: none !important; box-shadow: 0 0 0px 3px #E5E5E5, 0 0 2px 3px #E5E5E5, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; text-decoration: none; color: #0d5f7d; } .accss-custom-styles-init .calculator-button a:hover { text-decoration: none; } .accss-custom-styles-init .fancybox-overlay .fancybox-close:focus, .accss-custom-styles-init .fancybox-close:focus { outline: none !important; } .accss-custom-styles-init #related-content a:focus { box-shadow: 0 0 0px 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; outline: none !important; text-decoration: none; } .accss-custom-styles-init .accss-overflow-visible-focus { overflow: visible !important; } /*For modal input*/ .accss-custom-styles-init .accss-overflow-visible-focus { overflow: visible !important; } .accss-custom-styles-init .accss-background-transparent-override .navBox { background-color: transparent; } .accss-custom-styles-init .accss-background-color-black { background-color: #222 !important; } @media screen and (max-width: 640px) { .accss-custom-styles-init .accss-overflow-visible-focus { overflow: visible; } .wayToShop h2.old-h3-additional-phone-savings-css + ul { width: 100% !important; float: none; border: none !important; } .accss-custom-styles-init .accss-featuretabs a { padding-bottom: 5px; } .fr.accss-custom-styles-init ul#featuretabs #ROAM a { padding-bottom: 5px !important; } .navBox a:hover, .navBox a.accss-border-none-override { border-bottom: none; } .accss-custom-styles-init .old-h1-hot-offers-nominate-myaccount-css { margin-bottom: 50px; } .accss-custom-styles-init #carousel .old-h1-hot-offers-nominate-myaccount-css { margin-bottom: 0px; } /* support/911 page / Close button overlap text in mobile - JBT */ .contents.accss-focus-outline-override-dark-grey-bg .closeBox { top: 5px !important; } .accss-custom-styles-init .d-inline-block-640 { display: inline-block !important; } } @media screen and (max-width: 800px) { .accss-custom-styles-init .accss-overflow-visible-focus { overflow: visible; } .accss-custom-styles-init #related-content li a, .accss-custom-styles-init #anchors.accss-focus-outline-override-bgwhite-elem li a { text-decoration: none; display: inline; } .accss-custom-styles-init #related-content li a { line-height: 1.4em; margin-top: 12px !important; } } @media screen and (max-width: 1000px) { .accss-custom-styles-init .accss-overflow-visible-focus { overflow: visible; } } @media screen and (max-width:670px) { .accss-custom-styles-init #rates-tables.rt-line-height-xs tbody tr td { line-height: 1.2; } } /*ACCSS-2151 - Support accessibility support bottom*/ .accss-custom-styles-init #bottom-info-support #support_bottom .tout.accss-focus-outline-override-light-grey-bg a { color: #016D98 !important } .accss-custom-styles-init #bottom-info-support #support_bottom .tout.accss-focus-outline-override-light-grey-bg a:hover, .accss-custom-styles-init #bottom-info-support #support_bottom .tout.accss-focus-outline-override-light-grey-bg a:focus { color: #0d5f7d !important; } .accss-custom-styles-init .old-h4-css-phones-summary { font-size: 22px; color: #fff; text-align: center; font-family: VMUltramagneticNormalRegular; font-weight: 400; padding-bottom: .3em; line-height: 1em; } /*ACCSS - legal-privacy header h3 to h2 heading tag*/ .accss-custom-styles-init h2.legal-privacy-oldh3-css { font-size: 20px; margin: 0 0 1em; } .accss-custom-styles-init h2.underline.legal-privacy-oldh3-css { width: 100%; padding-top: 1px; padding-bottom: 4px; border-bottom: 1px solid #b7b7b7; } /*ACCSS - commitment-to-privacy header h3 to h2 heading tag*/ .accss-custom-styles-init h2.commitment-to-privacy-oldh3-css { font-size: 20px; margin: 0 0 1em; } .accss-custom-styles-init h2.underline.commitment-to-privacy-oldh3-css { width: 100%; padding-top: 1px; padding-bottom: 4px; border-bottom: 1px solid #b7b7b7; } /*Smartcare*/ /*ACCSS-2498 for accordion focus width*/ .accss-custom-styles-init #Accordion a.accord-trigger-focus-width, .accss-custom-styles-init #accordion2 a.accord-trigger-focus-width { height: auto !important; margin: 0 2px 13px 2px; min-height: 22px; display: inline-block; width: auto; } .accss-custom-styles-init .tablesaw-bar .tablesaw-advance .tablesaw-nav-btn.btn.btn-micro:focus, .accss-custom-styles-init .tablesaw-bar .tablesaw-advance .tablesaw-nav-btn.btn.btn-micro:active { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3 !important; } /*Removing the double list style*/ .accss-custom-styles-init .no-bullet-direct-li > li { list-style: none !important; margin-left: 0 !important; } .accss-custom-styles-init #Accordion a.ui-accordion-header-active.accss-accord-no-padding, .accss-custom-styles-init #accordion2 a.ui-accordion-header-active.accss-accord-no-padding { padding-bottom: 0px; } /*ACCSS-1096 - added custom class to override the color of the links*/ .accss-custom-styles-init .accss-text-bg-blue-override { color: #007CAD } /*ACCSS - 3309 - Added custom class to copy the inline style of the table*/ .accss-custom-styles-init table.accss-table-saw { padding: 0px; border-spacing: 0; border-collapse: collapse; } .accss-custom-styles-init table.accss-table-saw thead th { vertical-align: top !important; } .accss-custom-styles-init table.accss-table-saw tbody .accss-center-align { vertical-align: center !important; } /*ACCSS-2497 fix the cutting focus in the left side tabs - Security privacy*/ .accss-custom-styles-init .accss-privacy-security-tabs-container a[href] span { display: inline-block; } .accss-custom-styles-init .accss-privacy-security-tabs-container a[href] span, .accss-custom-styles-init .accss-privacy-security-tabs-container a[href] { position: relative; outline: none !important; box-shadow: none !important; } .accss-custom-styles-init .accss-privacy-security-tabs-container a[href]:focus span::before { content: ''; height: calc(100% + 6px); width: calc(100% + 6px); position: absolute; top: -3px; left: -3px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; } .accss-custom-styles-init .accss-privacy-security-tabs-container a:focus { position: relative; } /*ACCSS-3390 apply h3 styles for span text in hot-offers-accessories*/ .accss-custom-styles-init .accss-span-hot-offers { margin-bottom: 5px !important; font-size: 16px !important; margin: 0 0 1em; line-height: 1em; font-weight: normal !important; color: #242424; padding: 0; display: block; } .accss-custom-styles-init .accss-focus-sec-privacy-dropdown select:focus { outline: none !important; box-shadow: 0 0 0px 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; } /*ACCSS heading role h3 style for hot offers byop*/ .accss-custom-styles-init #masthead-subhead .info p.accss-h3-bnnr-hot-offr-byop { margin-bottom: 5px; font-size: 16px; line-height: 1em; font-weight: normal !important; } .accss-custom-styles-init #masthead-subhead .info p.accss-h3-bnnr-hot-offr-byop:last-child { font-size: 20px; } .accss-custom-styles-init #steps .box ul li .copy .accss-h4-steps-hot-offr-byop { font-size: 22px; font-family: VMUltramagneticNormalRegular; color: #000; font-weight: normal; padding-bottom: 12px; } .accss-custom-styles-init .accss-h3-hot-offr-byop { font-size: 22px; font-family: VMUltramagneticNormalRegular; color: #fff; font-weight: normal; } .accss-custom-styles-init #shop-online .accss-h3-hot-offr-byop { text-align: center; padding-bottom: .3em; } .accss-custom-styles-init #cta-bar .box .accss-h3-redftr-hot-offr-byop { color: inherit; font-weight: normal; font-family: VMUltramagneticNormalRegular; font-size: 26px; line-height: 1em; margin-bottom: 16px; text-align: center; } .accss-custom-styles-init #steps .simNotice .accss-h3-hot-offr-byop { margin: 0 0 1em; } /*ACCSS-2913 for h4 styles in hot offers accessories*/ .accss-custom-styles-init .accss-h4-hot-offr-accessories { color: #000; font-size: 22px; margin-bottom: 8px; font-family: VMUltramagneticNormalRegular; font-weight: normal } .accss-custom-styles-init .accessory-list .item.fullWidth .accss-h4-hot-offr-accessories { font-size: 28px; } .accss-custom-styles-init .accessory-list .item.noImage div.accss-h4-hot-offr-accessories { color: #fff; font-size: 26px; line-height: 1.3em; display: block; } .accss-custom-styles-init .info.btnBlackbg .techsupport a.redBtn-white-black-bg:focus { text-decoration: none; } /*ACCSS-2818 TV Index - 2711*/ /*000*/ .accss-custom-styles-init .accss-links-light-blue-bg-black-container a { color: #00A8EB !important; } .accss-custom-styles-init .accss-links-light-blue-bg-black { color: #00A8EB !important; } .accss-custom-styles-init .accss-links-light-blue-bg-black:focus, .accss-custom-styles-init .accss-links-light-blue-bg-black:hover, .accss-custom-styles-init .accss-links-light-blue-bg-black:active { color: #14BDFF !important; } /*ACCSS-6601*/ .accss-custom-styles-init .coveo-search-button-black-bg { color: #14BDFF !important; } /*Red text in gray background #EAEAEA*/ .accss-custom-styles-init .accss-red-txt-gray-bg { color: #A40101 !important; } .accss-custom-styles-init .accss-red-txt-gray-bg-2 { color: #ff6e6e !important; } .accss-custom-styles-init #channels .info .moreInfo { color: #016D98 !important; } .accss-custom-styles-init #channels .info .moreInfo:hover, .accss-custom-styles-init #channels .info .moreInfo:focus { color: #0D5F7D !important; } .accss-custom-styles-init #chromecast-banner .inner .accss-tv-chromecast-h3-style { line-height: 1.3em; margin-bottom: 10px; color: #242424; font-size: 26px; font-family: VMUltramagneticNormalRegular; font-weight: normal; } .accss-custom-styles-init .accss-tv-h3-style, .accss-custom-styles-init #crave .accss-tv-chromecast-h3-style { font-size: 28px; font-family: VMUltramagneticNormalRegular; font-weight: normal; line-height: 1em; margin-bottom: 20px; margin: 0 0 1em; } .accss-custom-styles-init #crave .accss-tv-chromecast-h3-style { margin-bottom: 20px; } .accss-custom-styles-init #cta-bar .box .accss-h3-redftr-redbg { color: inherit; font-weight: 400; font-family: VMUltramagneticNormalRegular; font-size: 22px; line-height: 1em; margin-bottom: 16px; } .accss-custom-styles-init .accss-tv-h3-style.accss-clr-white { color: #fff; } .accss-custom-styles-init .accss-tv-h3-style.accss-font-size-16 { font-size: 16px; } .accss-custom-styles-init .accss-tv-h3-style.accss-font-size-20 { font-size: 20px; } .accss-custom-styles-init .margin-5-bottom { margin-bottom: 5px !important; } /*ACCSS-3426*/ .accss-custom-styles-init #chromecast.dropNotice .closeBox .closeBtn:focus, .accss-custom-styles-init #chromecast.dropNotice .closeBox .closeBtn:active { outline: none !important; box-shadow: 0 0 3px 2px #47A3D7, 0 0 3px 2px #333333 !important; } .accss-custom-styles-init #chromecast.dropNotice .accss-focus-pseudo-outline-override a[href].closeBtn:focus::before { display: none; } .accss-custom-styles-init #channels .info .moreInfo { height: 24px; } .accss-custom-styles-init #channels .info .moreInfo:focus, .accss-custom-styles-init #channels .info .lightbox .closeBtn { text-decoration: none; } /*ACCSS-2711*/ .accss-custom-styles-init #channels .info .moreInfo { color: #016D98 !important; } .accss-custom-styles-init #channels .info .moreInfo:hover, .accss-custom-styles-init #channels .info .moreInfo:focus { color: #0d5f7d !important; } @media screen and (max-width:767.98px) { .accss-custom-styles-init #apps .info a.display-inline-block:focus { position: relative; } .accss-custom-styles-init .section.accss-focus-outline-override.underline-links-paragraph-container .old-h3-additional-phone-savings-css + p + .standard-list + p + table { width: 100%; } .accss-custom-styles-init .mobile-marLR-5 { margin-left: 5px !important; margin-right: 5px !important; } } .accss-custom-styles-init #offersList #iphone12mini .accss-h3-hot-offr, .accss-custom-styles-init #offersList .show-phone .accss-h3-hot-offr { font-size: 28px; margin-bottom: 20px; } /*PHONE DETAILS*/ /*FOCUS IN THE PHONE DETAILS*/ .accss-custom-styles-init #phoneInfo .promoContainer .gtkAccord.single-accord { display: inline-block !important; height: auto; width: auto; min-width: 20%; padding-bottom: 2px; margin-top: 15px; } .accss-custom-styles-init #phoneInfo .promoContainer .accss-accord-button.gtkAccord.ng-hide { display: none !important; } .accss-custom-styles-init #phoneInfo .promoContainer .accss-gtkAccord-content { margin-top: 5px; } #phonePrices .accss-phone-price input[type=radio] + label { outline: none !important; -webkit-box-decoration-break: clone; width: 0px; padding: 0px 6px 0px 6px; left: 9px; right: 7px; height: 10px; margin: 0px; border-radius: 50%; position: relative; top: 5px; } #phonePrices .accss-phone-price input[type=radio]:focus + label{ box-shadow: 0 0 0px 3px #EFEFEF, 0 0 2px 3px #EFEFEF, 0 0 4px 5px #0070A1, 0 0 2px 5px #0070A1 !important; } #phonePrices .accss-phone-price input[type=radio] + label::before { float: none; margin-left: 0px; margin-top: 0px; left: -5%; position: absolute; top: -87%; transform: translateY(50%); } .accss-custom-styles-init .accss-colours-elem, .accss-custom-styles-init .accss-memory-elem { overflow: visible; } /*check it out button*/ .accss-custom-styles-init #master-container #content .accss-focus-outline-override a[href].accss-check-it-button:focus { box-shadow: none !important; } .accss-custom-styles-init #master-container .underline-links-paragraph-container a[href].accss-check-it-button { text-decoration: none !important; margin-bottom: 5px !important; } .accss-custom-styles-init #quickspecs-container h2.style-h3-ph-details { color: #fff; padding-bottom: 20px; font-size: 36px; } .accss-custom-styles-init .promoTitle { font-size: 15px; } .accss-custom-styles-init h3.accss-phone-details-old-h4-title { font-size: 15px; margin: 0 0 20px 0; } .accss-custom-styles-init h2.accss-phone-details-old-h3-modal { font-size: 22px; padding-bottom: 0; margin-bottom: 15px; } .accss-custom-styles-init .accss-phonetitle-height { height: auto !important; } .accss-custom-styles-init .accss-width-100-important { width: 100% !important; } .accss-custom-styles-init .order #order-bar .oneClickAction a:focus, .accss-custom-styles-init .order #order-bar .oneClickAction a:active, .accss-custom-styles-init .order-fixed .oneClickAction a:focus, .accss-custom-styles-init .order-fixed .oneClickAction a:active { outline: none !important; box-shadow: 0 0 0px 3px #221f1f, 0 0 2px 3px #221f1f, 0 0 4px 5px #47A3D7, 0 0 2px 5px #47A3D7 !important; text-decoration: none !important; background-color: #3fbff2; border-color: #3fbff2; } /*PHONE DETAILS END*/ .accss-custom-styles-init .content-area .old-h4-members-lounge-css { font-size: 18px; color: #fff; margin-bottom: 1em; font-family: VMUltramagneticNormalRegular; font-weight: normal; line-height: inherit } /*ACCSS-7502*/ .accss-custom-styles-init .accss-whychooseus-height-auto { height: auto !important; min-height: 641px !important; } #section1 .box .header { min-height: 70px !important; height: auto !important; } #section2 .box .header { min-height: 70px !important; height: auto !important; } /*ACCSS 3408 - why choose us h3 to h2 heading tag*/ .accss-custom-styles-init h2.whychooseus-index-oldh3-css, .accss-custom-styles-init #masthead-subhead h1.whychooseus-index-oldh3-css, .accss-custom-styles-init .old-h3-step-by-step-tv-tutorials { font-size: 22px; margin: 0 0 1em; } .accss-custom-styles-init #masthead-subhead h1.whychooseus-index-oldh3-css { font-size: 35px; } .accss-custom-styles-init h3.whychooseus-index-oldh4-css { font-size: 22px; color: #fff; font-family: VMUltramagneticNormalRegular; font-weight: normal !important; margin-bottom: 0.5em; } .accss-custom-styles-init .old-h3-minimum-system-requirements-css { margin-top: 25px; margin-bottom: 20px; font-weight: normal !important; padding-top: 1px; padding-bottom: 4px; border-bottom: 1px solid #b7b7b7; } /*Support - Download-myaccount-app*/ .accss-custom-styles-init .download-link-width { width: initial !important; } /*Support - Commitment-to-privacy*/ .accss-custom-styles-init ul.modified-height a { padding-top: 0px !important; line-height: 56px !important; height: 56px !important; } /*AE - Support Fixes */ .accss-custom-styles-init .with-border-caption { border: 1px solid #000000; } .accss-custom-styles-init #left-side-tabs.fix-tab-issues ul li { min-height: 56px; height: 100%; } .accss-custom-styles-init #left-side-tabs.fix-tab-issues ul li a { line-height: normal; min-height: 40px; height: 100%; } .accss-custom-styles-init .icon-margin-top::after { margin-top: 5px; } .accss-custom-styles-init .ul-nomargin-nopadding-noliststyles { list-style: none; margin: 0; padding: 0; } .accss-custom-styles-init .fix-zoom-text .accss-h3-style-support-bottom { margin-bottom: 8px; } .accss-custom-styles-init #support_bottom .fix-zoom-text .tout ul li { height: auto; position: relative; margin-top: 0px; } .accss-custom-styles-init #support_bottom .fix-zoom-text .toutlast ul li:last-child { width: 210px !important; } .accss-custom-styles-init .old-h4-hot-momma-old-css { color: #333; padding-bottom: 5px; font-size: 16px; font-family: VMUltramagneticNormalRegular; font-weight: normal; } .accss-custom-styles-init .fix-table-read { display: block !important; } .accss-custom-styles-init #email-capture .tb.fix-table-read .tc .tb .tc:first-child { width: 100%; } .accss-custom-styles-init h2.old-h3-style-faq { width: auto !important; } .accss-custom-styles-init .table-heading-style { background-color: #eaeaea; font-weight: bold; padding-top: 20px; padding-bottom: 20px; } .accss-custom-styles-init h2.underline.fontS-20 { padding-bottom: 4px; border-bottom: 1px solid #b7b7b7; margin: 0 0 1em; } .fr.accss-custom-styles-init .old-h3-byop-exclusive-offers-css.fontS-20 { padding-top: 5px; } .accss-custom-styles-init #modemChoice img { margin-top: 10px; } .accss-custom-styles-init .min-width-255 { min-width: 255px; } .fr.accss-custom-styles-init .min-width-255 { min-width: 367px; } .accss-custom-styles-init .accss-label-scripty.min-width-255 { padding-right: 10px; } .accss-custom-styles-init .accss-scripty-container.recycling-environmental #anchors li { padding-right: 3px; } .accss-custom-styles-init #Repairs_exchangesSelector .ebill-explained li:first-child { padding-left: 0 !important } .accss-custom-styles-init .recycling-environmental li { list-style: none !important; } .accss-custom-styles-init .recycling-environmental li:not(:first-child):before { content: "\2022"; font-size: 18px; vertical-align: middle; padding-right: 14px; } .accss-custom-styles-init .width-687 { width: 687px; } .accss-custom-styles-init .recycling-environmental #anchors, .accss-custom-styles-init #Repairs_exchangesSelector .ebill-explained #anchors { margin-top: 0px; } .accss-custom-styles-init ul#Accordion.no-accordion-style { border-top: none; padding-bottom: 0; margin-top: 0; } .accss-custom-styles-init #Accordion.no-accordion-style li { padding: 0; border-bottom: none; } .accss-custom-styles-init .stepbystep-function a { padding: 2px; } .accss-custom-styles-init #Accordion.no-accordion-style.accss-focus-outline-override.accss-accordion-group a.accss-accordion-header[href] { min-height: initial; display: block; } .accss-custom-styles-init .inactive-link { color: #333 !important; } .accss-custom-styles-init .accss-scripty-container #anchors a { display: inline; } .accss-custom-styles-init .subscribe-box-login .loginDiv.caslbadge { display: block !important } .accss-custom-styles-init #deviceNav .selected { margin-left: -5px; margin-right: -5px; } .accss-custom-styles-init .members-lounge-banner-fix { margin: 50px 3px 50px 50px; float: right; } .accss-custom-styles-init .members-lounge-banner-fix a { display: flex } /* Fix links inside accordions that has min-height: 22px that messes the focus outlines*/ .accss-custom-styles-init .fix-min-height-accordions { min-height: initial !important; margin-bottom: 18px !important; } /* fix the headings of preferences index */ .accss-custom-styles-init .old-h3-style-preferences-index { color: #000; text-transform: none; padding: 0 0 15px 0 !important; margin: 0 !important; font-family: Arial !important; font-weight: bold !important; font-size: 22px; border-bottom: none !important; } .accss-custom-styles-init .modified-filterbox li { padding: 19px 16px; } .accss-custom-styles-init .modified-filterbox li.active, .accss-custom-styles-init .modified-filterbox li:hover { border-bottom: 3px solid #e10a0a; } .accss-custom-styles-init .modified-filterbox a { padding: 0; border-bottom: none; } .accss-custom-styles-init .modified-filterbox li.active a, .accss-custom-styles-init .modified-filterbox li:hover a { color: #e10a0a !important; } .accss-custom-styles-init .old-h4-internet-index { padding-bottom: 0.7em; color: #fff; font-size: 16px !important; line-height: 1em; font-weight: normal !important; margin-bottom: 0 !important } /* re apply all the styles to fix duplicate id for hot-offers Index page*/ .accss-custom-styles-init .offerListFix .contents { max-width: 1220px; width: 100%; } .accss-custom-styles-init .offerListFix .items { width: 100%; background-color: #000; border-radius: 3px; overflow: hidden; color: #fff; margin: 0 0 17px; height: 400px; } .accss-custom-styles-init .offerListFix { padding: 15px 0; background: #1c1c1c; background: -moz-linear-gradient(top, #1c1c1c 0%, #333333 100%); background: -webkit-linear-gradient(top, #1c1c1c 0%,#333333 100%); background: linear-gradient(to bottom, #1c1c1c 0%,#333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#333333',GradientType=0 ); } .accss-custom-styles-init .offerListFix .item.whiteBg, .accss-custom-styles-init .offerListFix .item.btnLightbg { background-color: #fff; color: #000; } .accss-custom-styles-init .offerListFix .item .copy { width: calc(100% - 835px); display: table; height: 100%; } .accss-custom-styles-init .offerListFix .item .copy { float: left; display: table; height: 100%; } .accss-custom-styles-init .offerListFix .item .copy .inner { display: table-cell; vertical-align: middle; padding: 0 0 0 56px; position: relative; } .accss-custom-styles-init .offerListFix .nomoneydowntile.item .image { display: table; text-align: right; border-radius: 3px; } .accss-custom-styles-init .offerListFix .nomoneydowntile.item .image { height: calc(100% - 60px); padding: 30px; width: 770px; display: table; } .accss-custom-styles-init .offerListFix .item .image { width: 747px; height: 100%; overflow: hidden; position: relative; } .accss-custom-styles-init .offerListFix .nomoneydowntile.item .tc:first-child { width: 512px; text-align: center; vertical-align: middle; } .accss-custom-styles-init .offerListFix .nomoneydowntile.item .tc { display: table-cell; } .accss-custom-styles-init .offerListFix .nomoneydowntile.item .image img { border-radius: 5px; } .accss-custom-styles-init .offerListFix .nomoneydowntile.item .image .lockupGiftcard { display: table-cell; padding: 0 0 0 30px; vertical-align: middle; text-align: left; position: relative; } @media screen and (max-width: 640px) { .accss-custom-styles-init .offerListFix .nomoneydowntile.item .image { display: block; width: auto; } .accss-custom-styles-init .offerListFix .nomoneydowntile.item .image .lockupGiftcard { width: auto; margin: 0 auto; padding: 20px 0; display: block; text-align: center; } } @media screen and (max-width: 700px) { #offersList #iphone-se.nomoneydowntile.item .tc:first-child { padding: 0; text-align: center; width: 100%; } } @media screen and (max-width: 790px) { .accss-custom-styles-init .container-fix { display: flex !important; } .accss-custom-styles-init .container-fix .item { flex: 50% !important; max-width: 50% !important; width: auto !important; margin: 0 auto 25px !important; } .accss-custom-styles-init .container-fix .item a { max-width: fit-content; margin: 0 auto; } } @media screen and (max-width: 1100px) { .accss-custom-styles-init .offerListFix .items { margin: 0 auto 18px; height: auto; max-width: 687px; } .accss-custom-styles-init .offerListFix { padding: 0; } .accss-custom-styles-init .offerListFix #iphone-se.nomoneydowntile.item .copy { width: 100%; } .accss-custom-styles-init .offerListFix .copy, #offersList .item .image { width: 100%; padding: 0; } .accss-custom-styles-init .offerListFix .item .copy, #offersList .item .image { float: none; } .accss-custom-styles-init .offerListFix .item .copy .inner { padding: 50px 25px; text-align: center; } .accss-custom-styles-init .offerListFix .item#iphone-se .image { width: 100%; padding: 0 0 25px; } .accss-custom-styles-init .offerListFix .nomoneydowntile.item .image { width: 100%; padding: 0; text-align: center; } .accss-custom-styles-init .offerListFix #iphone-se.nomoneydowntile.item .tc:first-child { padding-left: 200px; } .accss-custom-styles-init .offerListFix .nomoneydowntile.item .image .lockupGiftcard { padding: 0 15px; } } @media screen and (max-width: 1200px) { .accss-custom-styles-init .offerListFix .item .copy .inner { padding: 0 10%; } .accss-custom-styles-init .members-lounge-banner-fix { float: unset; margin: 0 auto; padding: 50px 3px; max-width: 687px; } } /* End of duplicate ID fix*/ /* Section to fix the related answers section structure*/ .accss-custom-styles-init h2.old-related-answers-style { font-size: 24px; list-style: none; color: inherit; padding-right: 18px; line-height: 1.5em; } .accss-custom-styles-init .fix-list-with-heading ul#related-content li a { margin-top: 0px; } .accss-custom-styles-init .fix-list-with-heading { display: flex; padding: 65px 0px; } .accss-custom-styles-init .fix-list-with-heading #related-content { padding: 5px 0px 0px 0px; margin-top: 0px !important; } .accss-custom-styles-init #Accordion a.ui-state-active, .accss-custom-styles-init #accordion2 a.ui-state-active, .accss-custom-styles-init .accordion-toup-menu a.ui-state-active { margin-bottom: 10px !important; } /* End of Section to fix the related answers section structure */ /*ACCSS 3413 - focus outline fix*/ .accss-custom-styles-init .accss-sitemap-outline-fix a { display: table; margin-bottom: 10px; } .accss-custom-styles-init .accss-sitemap-outline-fix h3 h2 { margin-bottom: 0 !important; } .accss-custom-styles-init .accss-sitemap-margin-bottom-23 { margin-bottom: 23px; } /*ACCSS 3053 - h4 to h2 heading tag*/ .accss-custom-styles-init h2.old-h4-css.self-install-heading { font-size: 22px; font-family: VMUltramagneticNormalRegular; font-weight: normal; margin-bottom: 20px; color: #fff; } /*ACCSS 3053 - h3 to h2 heading tag*/ .accss-custom-styles-init h3.old-h4-css.self-install-heading { font-size: 22px; font-family: VMUltramagneticNormalRegular; font-weight: normal !important; margin-bottom: 20px; color: #333; } /*ACCSS 3056 - change h3 to h2 tag for connecting modem page*/ .accss-custom-styles-init h2.conmodem-old-h3-css { margin-top: 25px; margin-bottom: 20px; } /*ACCSS 3491 - canada wide calling h3 to h2 heading tag*/ /*ACCSS 3056 - change h3 to h2 tag for connecting modem page*/ /*ACCSS 3076 - change h3 to h2 tag for legal website page*/ .accss-custom-styles-init h2.legalweb-old-h3-css, .accss-custom-styles-init h2.conmodem-old-h3-css, .accss-custom-styles-init h2.wide-calling-oldh3-css { font-size: 20px; margin: 0 0 1em; } /*ACCSS 3056 - change h3 to h2 tag for connecting modem page*/ /*ACCSS 3076 - change h3 to h2 tag for legal website page*/ .accss-custom-styles-init h2.underline.legalweb-old-h3-css, .accss-custom-styles-init h2.underline.conmodem-old-h3-css { width: 100%; padding-top: 1px; padding-bottom: 4px; border-bottom: 1px solid #b7b7b7; } /* ACCSS-2915 heading order fix*/ .accss-custom-styles-init .content-area .old-h3-additional-phone-savings-css { margin: 0 0 1em; font-size: 22px; font-family: VMUltramagneticNormalRegular; } .accss-custom-styles-init #cta-bar .box .old-h3-additional-phone-savings-css { margin-bottom: 7px; } .accss-custom-styles-init .wayToShop h2.old-h3-additional-phone-savings-css + ul { width: calc(45% - 1px); border-right: 1px solid #555; margin-right: 4%; } .accss-custom-styles-init .focus-padding-5:focus { padding: 5px 0px } /* End of ACCSS-2915 fix */ /* ACCSS-2920 */ .accss-custom-styles-init .old-h2-free-movies-css { font-size: 30px; padding-bottom: 30px; } .accss-custom-styles-init .old-h4-free-movies-css { font-size: 15px; margin-bottom: 20px; } .accss-custom-styles-init .old-p-free-movies-css { color: #FFFFFF; width: 63%; font-weight: 400; line-height: 1.2em; margin: 0 auto 20px; } /* End of ACCSS-2920 fix*/ /* ACCSS-2921 */ .accss-custom-styles-init .old-h4-hot-offers-index-css { font-size: 22px; color: #fff; text-align: center; font-family: VMUltramagneticNormalRegular; font-weight: normal; padding-bottom: .3em; line-height: 1em; } .accss-custom-styles-init ul.focus-outline-fix-hot-offers-index { padding-bottom: 100px !important; } .accss-custom-styles-init .focus-outline-fix-hot-offers-index li { position: relative; padding-bottom: 20px; } .accss-custom-styles-init .focus-outline-fix-hot-offers-index a { position: absolute; } .accss-custom-styles-init .focus-outline-fix-hot-offers-index li a span { white-space: nowrap; } .accss-custom-styles-init .old-h3-hot-offers-index-css { margin: 0 0 1em; font-family: VMUltramagneticNormalRegular; color: inherit; font-weight: normal; line-height: 1em } .accss-custom-styles-init .old-h3-hot-offers-index-css-2 { color: inherit; font-size: 28px; font-family: VMUltramagneticNormalRegular; font-weight: normal; line-height: 1em; margin-bottom: 20px; } .accss-custom-styles-init #offerSection #topOffers .tb.accss-focus-pseudo-outline-override #myAccountLogin a[href]:focus::after { height: calc(100% + 10px); width: calc(100% + 10px); top: -5px; left: -5px; border-radius: 5px; } .accss-custom-styles-init .installmentContainer a.mobileBtn { margin-bottom: 5px; } .accss-custom-styles-init .accss-bordr-button-blck-bg .installmentContainer a.mobileBtn { position: relative; outline: none; } .accss-custom-styles-init .accss-bordr-button-blck-bg .installmentContainer a.mobileBtn:focus::after { content: ''; height: calc(100% + 10px); width: calc(100% + 10px); top: -5px; left: -5px; border-radius: 5px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; position: absolute; } .accss-custom-styles-init .accss-bordr-button-blck-bg .installmentContainer a.mobileBtn:focus { color: #000; background-color: #eee; border-color: #eee; text-decoration: none; } @media screen and (max-width: 700px) { .accss-custom-styles-init ul.focus-outline-fix-hot-offers-index { display: flex; flex-direction: column; padding-bottom: 0px !important; } } /* End of ACCS-2921 Fix*/ /*ACCSS-2933*/ .accss-custom-styles-init .old-h1-hot-offers-nominate-myaccount-css { font-size: 41px; color: inherit; margin-bottom: 15px; line-height: 1em; } .accss-custom-styles-init #account .info .old-h1-hot-offers-nominate-myaccount-css { margin-top: 415px; margin-bottom: 15px; } .accss-custom-styles-init #members .old-h1-hot-offers-nominate-myaccount-css { margin-bottom: 130px; } .accss-custom-styles-init #download .old-h1-hot-offers-nominate-myaccount-css { margin-bottom: 50px; } .accss-custom-styles-init .old-p-hot-offers-nominate-myaccount-css { font-size: 41px; line-height: 1em; margin-bottom: 15px; font-family: VMUltramagneticNormalRegular; } /* End of ACCS-2933 Fix*/ /* ACCSS-2937*/ .accss-custom-styles-init .old-h4-hot-offers-tcl10 { margin-bottom: 12px; line-height: 1.2em; } .accss-custom-styles-init .old-p-hot-offers-tcl10 { width: 58%; margin: 0 auto 20px; } /* End of ACCSS-2937*/ /* ACCSS-2941 */ .accss-custom-styles-init .old-h4-internet-getting-started-css { color: #cc0000; font-size: 18px; padding: 7px 0 15px; } /* ACCSS-3143*/ .accss-custom-styles-init .list-bubble a { color: #333; } .accss-custom-styles-init .bubble-info a { color: #484848; } .accss-custom-styles-init .list-bubble a[tabindex="-1"] { position: relative; outline: none !important; box-shadow: none !important; } .accss-custom-styles-init .old-h4-support-vbr-lookbook-css { font-size: 28px; line-height: 1em; font-family: Ultramagnetic; } .accss-custom-styles-init .old-h4-support-vbr-lookbook-css-2 { padding: 25px 0 12px 23px; font-size: 22px; color: #000; } .accss-custom-styles-init .old-h4-support-vbr-lookbook-css-3 { color: #000; font-size: 26px; } .accss-custom-styles-init .list-bubble a:focus::after { content: ''; height: calc(100% + 11px) !important; width: calc(100% + 19px) !important; position: absolute; top: -19px !important; left: -20px !important; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; border-radius: 50%; padding: 10px; } /*ACCSS-2940*/ .accss-custom-styles-init a[href].blue-on-darkbg { color: #00A8EB !important; } .accss-custom-styles-init a[href].blue-on-darkbg:focus, .accss-custom-styles-init a[href].blue-on-darkbg:hover, .accss-custom-styles-init a[href].blue-on-darkbg:active { color: #57CFFF !important; } .accss-custom-styles-init .accss-h3-hot-offr { font-weight: normal; font-family: VMUltramagneticNormalRegular; font-size: 22px; line-height: 1em; margin-bottom: 5px; color: inherit; } .accss-custom-styles-init .accss-h3-hot-offr.accss-phone-list { color: #fff; font-weight: normal; font-family: VMUltramagneticNormalRegular; font-size: 28px; line-height: 1em; margin-bottom: 5px; float: left; } .accss-custom-styles-init .accss-h3-hot-offr.accss-phone-list + a { float: right; } .accss-custom-styles-init .accss-h3-redftr-hot-offr-byop.txtSize22 { font-size: 22px !important; } .accss-custom-styles-init .redftr-second-heading { margin-top: 16px; display: block; } .accss-custom-styles-init #topOffers #upgrade .inner a.btnBasic.btnSecond:focus { position: relative; outline: none !important; box-shadow: none !important; } .accss-custom-styles-init #topOffers #upgrade .inner a.btnBasic.btnSecond:focus { color: #000; background-color: #eee; border-color: #eee; text-decoration: none; } .accss-custom-styles-init #topOffers #upgrade .inner a.btnBasic.btnSecond:focus::after { content: ""; height: calc(100% + 10px); width: calc(100% + 10px); top: -5px; left: -5px; border-radius: 5px; position: absolute; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; } .accss-custom-styles-init #phone-list #phones a.blue-on-darkbg.underline-links-paragraph { overflow: visible; } .accss-custom-styles-init #phone-list #phones a[href].blue-on-darkbg.underline-links-paragraph:focus, .accss-custom-styles-init #phone-list #phones a[href].blue-on-darkbg.underline-links-paragraph:hover { outline: none !important; box-shadow: 0 0 0px 3px #333, 0 0 2px 3px #333, 0 0 4px 5px #47A3D7, 0 0 2px 5px #47A3D7 !important; } .accss-custom-styles-init #offersList #iphone12 a[href]:focus img { outline: none !important; box-shadow: 0 0 0px 3px #000, 0 0 2px 3px #000, 0 0 4px 5px #257FA3, 0 0 2px 5px #257FA3 !important; } .accss-custom-styles-init #offersList #iphone12 a[href]:focus { outline: none !important; } /*ACCSS-3106*/ /*support shop with confidence*/ .accss-custom-styles-init .links-blue-on-bg-gray, .accss-custom-styles-init .links-blue-on-bg-gray-container a[href]:not(.btnBasic):not([role=button]) { color: #016D98 !important; } .accss-custom-styles-init .links-blue-on-bg-gray:focus, .accss-custom-styles-init .links-blue-on-bg-gray:hover, .accss-custom-styles-init .links-blue-on-bg-gray:active, .accss-custom-styles-init .links-blue-on-bg-gray-container a[href]:not(.btnBasic):not([role=button]):focus, .accss-custom-styles-init .links-blue-on-bg-gray-container a[href]:not(.btnBasic):not([role=button]):hover, .accss-custom-styles-init .links-blue-on-bg-gray-container a[href]:not(.btnBasic):not([role=button]):active { color: #0d5f7d !important; } .accss-custom-styles-init .home-index-carousel-fix .accss-display-flex { display: flex !important; } .accss-custom-styles-init .benefits-carousel a.linkTrack.accss-display-flex.ng-hide:not(.ng-hide-animate) { display: none !important; } .accss-custom-styles-init .accss-display-flex { display: flex; } @media screen and (max-width: 1000px) { .accss-custom-styles-init .accss-flex-column-xs { display: flex; flex-direction: column; } } .accss-custom-styles-init .accss-support-bottom-white a:focus p.accss-h3-section-css { outline: none !important; box-shadow: 0 0 0px 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; } .accss-custom-styles-init .accss-support-bottom-white a { outline: none !important; } .accss-custom-styles-init .accss-support-bottom-white .accss-h3-section-css { line-height: 1.2em !important; } /*ACCSS-2961*/ @media screen and (max-width:1000px) { .accss-custom-styles-init #benefits-app .intro .Wrapper a:first-child { display: inline-block !important; } } /* ACCSS-2923 Fix*/ .accss-custom-styles-init .old-h3-hot-offers-internet-special-offer-css { font-size: 26px; color: inherit; display: inline-block; margin-bottom: 15px; font-family: VMUltramagneticNormalRegular; font-weight: normal; } .accss-custom-styles-init #modem .old-h3-hot-offers-internet-special-offer-css { font-size: 30px; line-height: 1.2em; } .accss-custom-styles-init #section0 .old-h3-hot-offers-internet-special-offer-css { line-height: 1em; color: #fff; max-width: 450px; margin: 0 auto 20px; } .accss-custom-styles-init .headline.old-p-hot-offers-internet-special-offer-css { width: 63%; margin: 0 auto 20px; color: #FFFFFF; line-height: 1.2em; font-weight: normal; } .accss-custom-styles-init #cta-bar .box .old-h3-hot-offers-internet-special-offer-css { font-size: 22px; line-height: 1em; } .accss-custom-styles-init .old-h4-hot-offers-internet-special-offer-css { font-size: 24px; margin-bottom: 10px; } .accss-custom-styles-init #cta-bar .btnRedbg .box .inner .old-h3-hot-offers-internet-special-offer-css { } .fr.accss-custom-styles-init ul#featuretabs #ROAM a { padding-bottom: 12px; } /* End of ACCSS-2923 fix*/ /* ACCSS-2932 Fix*/ .accss-custom-styles-init #masthead-subhead .old-h3-byop-exclusive-offers-css.accss-font-size-20 { font-size: 20px; } .accss-custom-styles-init #masthead-subhead .old-h3-hot-offers-mobile-plans-banner-css { font-family: VMUltramagneticNormalRegular; font-weight: normal; font-size: 14px; margin-bottom: 5px; line-height: 1em; color: inherit; } .accss-custom-styles-init #masthead-subhead .old-h2-hot-offers-mobile-plans-banner-css { font-family: VMUltramagneticNormalRegular; font-weight: normal; font-size: 50px; margin: 0; line-height: 1em; color: inherit; padding-bottom: 0 !important; } .accss-custom-styles-init #masthead-subhead .old-h2-hot-offers-mobile-plans-banner-css sup { font-size: 25%; top: -2.2em; } .accss-custom-styles-init #masthead-subhead .old-h2-hot-offers-mobile-plans-banner-css span { font-size: 50%; line-height: 1em; } /* End of ACCSS-2932 fix*/ /* ACCSS-1964 - Added CSS for Payment Info table */ .accss-custom-styles-init .accss-custom-payment-info-table { border: 0; } /*ACCSS - 2524 - 1142*/ .accss-custom-styles-init .accss-featuretabs { z-index: 1; overflow: visible; } .accss-custom-styles-init .accss-featuretabs.accss-focus-pseudo-outline-override a[href]:focus::after, .accss-custom-styles-init .accss-featuretabs.accss-focus-pseudo-outline-override a[href]:active::after { top: -8px; } /*ACCSS - 2524 - 3481*/ .accss-custom-styles-init .accss-featurestab-panel h2.old-bundlewrapH3-css { font-size: 20px; height: 20px; margin: 0 0 1em; } .accss-custom-styles-init .accss-featurestab-panel h3.old-bundlewrapP-css { color: #333; font-size: 14px; margin-bottom: 10px; float: none; line-height: 1.2em; height: auto; text-transform: none; } .accss-custom-styles-init #shop-online h2.old-shoponlineH3-css { font-size: 18px; font-family: VMUltramagneticNormalRegular; font-weight: 400; margin: 0; line-height: normal; } .accss-custom-styles-init #shop-online h3.old-shoponlineH4-css { color: initial; float: none; margin: 0 auto; font-size: 16px; text-align: center; font-family: VMUltramagneticNormalRegular; font-weight: 400; padding-bottom: .3em; line-height: 1em; } @media screen and (max-width: 1000px) { .accss-custom-styles-init #frmFeatures .content-area .contents { overflow: visible; } .fr.accss-custom-styles-init ul#featuretabs #ROAM a { padding-top: 21px; padding-bottom: 0px; } } /*ACCSS 3437 & 3438 - Fixing the focus cutting of the input */ .accss-custom-styles-init #content_table .row.accss-inblock-profile-payment-recur .col1 .content, .accss-custom-styles-init #content_table .row.accss-inblock-profile-payment-recur .col2 .content, .accss-custom-styles-init #content_table .row.accss-inblock-profile-payment-recur .col3 .content, .accss-custom-styles-init #content_table .rowHeading .content.accss-inblock-profile-payment-recur, .accss-custom-styles-init .inputContainer.cutting-edge, /* ACCSS-3021 JBT*/ .accss-custom-styles-init #content_table .row.accss-inblock-profile-payment-recur .inputContainer { display: inline-block; } .accss-custom-styles-init .inputContainer.cutting-edge-table /*ACCSS-3022 Contact-mobility*/ { display: table } .accss-custom-styles-init #content_table .row.accss-inblock-profile-payment-recur .col1 .inputContainer, .accss-custom-styles-init #content_table .row.accss-inblock-profile-payment-recur .col2 .inputContainer, .accss-custom-styles-init #content_table .row.accss-inblock-profile-payment-recur .col3 .inputContainer, .accss-custom-styles-init #content_table .rowHeading .content.accss-inblock-profile-payment-recur .inputContainer, .accss-custom-styles-init .inputContainer.cutting-edge, /* ACCSS-3021 JBT*/ .accss-custom-styles-init .inputContainer.cutting-edge-table, /* ACCSS-3022 Contact-mobility */ .accss-custom-styles-init #content_table .row.accss-inblock-profile-payment-recur .inputContainer { overflow: visible; } /*ACCSS-3050*/ .accss-custom-styles-init #anchors a[href]:focus, .accss-custom-styles-init #anchors a[href]:active { text-decoration: none; outline: none !important; box-shadow: 0 0 0px 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; } .accss-custom-styles-init #anchors a[href] { text-decoration: underline; } .accss-custom-styles-init #anchors a[href]:hover { text-decoration: none; } /*ACCSS-3050 - for the focus of tabs*/ .accss-custom-styles-init #tabs .tabs #us-roaming-rates-tab.phone-details-tab a, .accss-custom-styles-init #tabs .tabs ul li.phone-details-tab a, /* ACCSS-3020 JBT */ .accss-custom-styles-init #tabs .tabs #international-roaming-rates-tab.phone-details-tab a { position: relative; } .accss-custom-styles-init #tabs .tabs #us-roaming-rates-tab.phone-details-tab a:focus, .accss-custom-styles-init #tabs .tabs ul li.phone-details-tab a:focus, /* ACCSS-3020 JBT */ .accss-custom-styles-init #tabs .tabs #international-roaming-rates-tab.phone-details-tab a:focus { outline: none !important; } .accss-custom-styles-init #tabs .tabs #us-roaming-rates-tab.phone-details-tab a:focus::after, .accss-custom-styles-init #tabs .tabs ul li.phone-details-tab a:focus::after, /* ACCSS-3020 JBT */ .accss-custom-styles-init #tabs .tabs #international-roaming-rates-tab.phone-details-tab a:focus::after { content: ''; height: calc(100% + -10px); width: calc(100% + -6px); top: -2px; left: 3px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 100; position: absolute; } .accss-custom-styles-init #tabs .tabs ul li.phone-details-tab a.accss-focus-after:focus::after { height: calc(100%) !important; } @media screen and (max-width:640px) { .accss-custom-styles-init #tabs .tabs #us-roaming-rates-tab.phone-details-tab a:focus::after, .accss-custom-styles-init #tabs .tabs #international-roaming-rates-tab.phone-details-tab a:focus::after { content: ''; height: calc(100% + -6px); width: calc(100% + -6px); top: -2px; left: 3px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 100; position: absolute; } .accss-custom-styles-init #tabs .tabs ul li#us-roaming-rates-tab, .accss-custom-styles-init #tabs .tabs ul li#international-roaming-rates-tab { margin-bottom: 0px !important; } } @media screen and (max-width:800px) { .accss-custom-styles-init #tabs .tabs ul li#us-roaming-rates-tab, .accss-custom-styles-init #tabs .tabs ul li#international-roaming-rates-tab, .accss-custom-styles-init .ebill-explained .accss-label-scripty { margin-bottom: 0px !important; } .accss-custom-styles-init #tabs .contents .tabs { margin-bottom: -2px; } } @media screen and (max-width:1000px) { .accss-custom-styles-init #tabs .tabs ul li#us-roaming-rates-tab, .accss-custom-styles-init #tabs .tabs ul li#international-roaming-rates-tab { margin-bottom: 0px !important; } .accss-custom-styles-init #tabs .contents .tabs { margin-bottom: -2px; } } @media (min-width:1000px) { .accss-custom-styles-init #tabs .contents .tabs { margin-bottom: -0.6px !important; } } /*ACCSS-4779*/ .accss-custom-styles-init .accss-label-scripty { font-size: 24px; line-height: 34px; list-style: none; color: inherit; padding: 0px 18px 0px 0px; margin: 0 0 1em; } .accss-custom-styles-init .accss-label-scripty.related-heading { padding: 65px 18px 65px 0px; margin: 0; } .accss-custom-styles-init .accss-scripty-container #anchors, .accss-custom-styles-init .accss-scripty-container #related-content { margin-left: 0; } .accss-custom-styles-init .accss-scripty-container #anchors li:nth-child(1), .accss-custom-styles-init .accss-scripty-container #related-content li:nth-child(1) { list-style: none; margin-left: 0 } .accss-custom-styles-init .accss-scripty-container #anchors li, .accss-custom-styles-init .accss-scripty-container #related-content li { padding-left: 4px } .accss-custom-styles-init .accss-scripty-container #anchors li, .accss-custom-styles-init .accss-scripty-container #related-content li { list-style: disc; padding-right: 24px; } @media screen and (max-width:800px) { .accss-custom-styles-init .accss-scripty-container #anchors li:nth-child(1), .accss-custom-styles-init .accss-scripty-container #related-content li:nth-child(1) { list-style: disc; } .accss-custom-styles-init .accss-scripty-container, .accss-custom-styles-init .accss-scripty-container.related-elem { display: flex; align-items: flex-start !important; flex-direction: column; } .accss-custom-styles-init .accss-scripty-container { margin: 0 0 5px 0; } .accss-custom-styles-init .accss-scripty-container #anchors, .accss-custom-styles-init .accss-scripty-container #related-content { margin: 0; margin-left: 16px; margin-bottom: 25px; } .accss-custom-styles-init .accss-label-scripty.related-heading { padding: 62px 14px 0px 0px; margin: 35px 0 0 0; } .accss-custom-styles-init .accss-scripty-container #related-content { margin-top: 0; padding-top: 0; } .accss-custom-styles-init .accss-label-scripty { margin: 0 0 1em; } } .accss-custom-styles-init .accss-scripty-container { display: flex; align-items: flex-end; } .accss-custom-styles-init .accss-scripty-container.related-elem, .accss-custom-styles-init .accss-scripty-container.recycling-environmental { display: flex; align-items: flex-start; } /*Custom scripty for zones*/ .accss-custom-styles-init .accss-scripty-container.-zones { align-items: flex-start; margin: 20px 0 20px 0; } @media screen and (min-width: 800px) { .accss-custom-styles-init .accss-scripty-container.-zones #anchors { margin: 0 !important; } } .accss-custom-styles-init .accss-scripty-container.-zones .accss-label-scripty { margin: 0 !important; } /*ACCSS-2936*/ .accss-custom-styles-init .accss-nowrap { white-space: nowrap; } .accss-custom-styles-init #plans.accss-expandable-button-container #accssMoreInfoAccord { height: 23px; } .accss-custom-styles-init .margin-7-bottom { margin-bottom: 7px !important; } /*ACCSS-3030*/ .accss-custom-styles-init .accss-benefits-app-logo-focus a[href]:first-child { margin-right: 10px; } .accss-custom-styles-init #masthead-subhead .accss-benefits-app-logo-focus.Wrapper img:first-child, .accss-custom-styles-init #section5 .accss-benefits-app-logo-focus.Wrapper img:first-child { margin-right: 0px; } @media screen and (max-width: 420px) { /* Fix the logo's width on 320px */ .accss-custom-styles-init ul.utility-nav img.logo { max-width: 90px; } .accss-custom-styles-init #wpa-devices { width: 100% !important; } .accss-custom-styles-init .fontS-28-mobile { font-size: 28px !important; } .accss-custom-styles-init #masthead-subhead .accss-benefits-app-logo-focus.Wrapper img:first-child, .accss-custom-styles-init #section5 .accss-benefits-app-logo-focus.Wrapper img:first-child { margin: 0; } .accss-custom-styles-init .accss-benefits-app-logo-focus a[href]:first-child { margin: 0 0 13px; } .accss-custom-styles-init .field1 #card1 { width: 100%; } } .accss-custom-styles-init .accss-ovflw-vsbl-no-list-contnt li ul li { overflow: visible; list-style: none !important; } /*ACCSS-3099*/ .accss-custom-styles-init .accss-focus-left-tabs-container a[href] span { display: inline-block; } .accss-custom-styles-init .fix-tab-issues.accss-focus-pseudo-outline-override a[href]:focus, .accss-custom-styles-init .fix-tab-issues.accss-focus-pseudo-outline-override a[href]:hover { text-decoration: none; } .accss-custom-styles-init .accss-focus-left-tabs-container a[href] span, .accss-custom-styles-init .accss-focus-left-tabs-container a[href] { position: relative; outline: none !important; box-shadow: none !important; } .accss-custom-styles-init .accss-focus-left-tabs-container a[href]:focus span::before { content: ''; height: calc(100% + 6px); width: calc(100% + 6px); position: absolute; top: -3px; left: -3px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; } .accss-custom-styles-init .accss-focus-left-tabs-container a:focus { position: relative; } /*Drop down focus*/ .accss-custom-styles-init .accss-focus-left-tabs-dropdown select:focus { outline: none !important; box-shadow: 0 0 0px 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; } /*ACCSS-2980 button focus cutting*/ .accss-custom-styles-init #benefits-app.content-area .contents.accss-focus-outline-override-red-bg { overflow: visible; } /*ACCSS-ACCSS-3064,ACCSS-3068, ACCSS-3056 heading for the modem*/ .accss-custom-styles-init.internetSupport #modemChoice .accss-modem-h3 { font-size: 26px; padding: 20px 0 20px; line-height: 1em; font-weight: normal !important; color: #242424; } .accss-custom-styles-init #mainInfo .steveSpecific .btnBasic.btnSecond.accss-focus-pseudo-outline-override-elem.whiteBtn-white-bg { text-decoration: none !important; } .accss-custom-styles-init #mainInfo .steveSpecific .section { overflow: visible; display: block; } .accss-custom-styles-init.internetSupport #modemChoice h1 { font-size: 30px; padding: 75px 0 55px; } /*for French version modem*/ .accss-custom-styles-init.fr.internetSupport #modemChoice h1 { font-size: 30px; padding: 63px 0 55px; } /* ACCSS-3403 copied styles of h2 */ .accss-custom-styles-init .accss-phoneAccss-h2 { padding: 29px 0 10px 0 !important; font-size: 44px !important; color: #333; margin-bottom: 0; } /* ACCSS-3403 copied styles of h3*/ .accss-custom-styles-init .accss-phoneAccss-h3 { font-size: 18px !important; font-weight: 400 !important; margin-bottom: 0 !important; padding: 0; line-height: normal !important; } /* ACCSS-3403 copied styles of h4*/ .accss-custom-styles-init .accss-phoneAccss-h4 { color: initial; float: none; margin: 0 auto; font-size: 16px !important; text-align: center; padding-bottom: .3em; line-height: 1em; } /*Custom Focus Outline for Phone ACCSS page*/ .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss a[href], .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss [tabindex="0"], .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss input[type=checkbox], .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss-filters input[type=checkbox], .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss-filters [tabindex="0"]:not(.close) { position: relative; outline: none !important; box-shadow: none !important; } @-moz-document url-prefix() { .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss-filters input[type=checkbox]:focus { outline: none !important; box-shadow: 0 0 0px 3px #f5f5f5, 0 0 2px 3px #f5f5f5, 0 0 4px 5px #0070A1, 0 0 2px 5px #0070A1 !important; } } .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss a[href].accss-custom-display-block:focus::after, .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss a[href].accss-custom-display-block:active::after { content: ''; height: calc(100% + 10px); width: calc(100%); position: absolute; top: 0; left: 0; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; } .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss a[href]:focus::after, .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss a[href]:active::after, .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss [tabindex="0"]:focus::after, .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss [tabindex="0"]:active::after { content: ''; height: calc(100%); width: calc(100%); position: absolute; top: 0; left: 0; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; } .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss-filters [tabindex="0"]:focus::after, .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss-filters [tabindex="0"]:active::after { content: ''; height: calc(100% - 4px); width: calc(100% - 4px); position: absolute; top: 2px; left: 4px; display: block; box-shadow: 0 0 0px 3px #f5f5f5, 0 0 2px 3px #f5f5f5, 0 0 4px 5px #0070A1, 0 0 2px 5px #0070A1 !important; z-index: 2; } @media screen and (max-width: 770px) { .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss a[href].accss-custom-display-block:focus::after, .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss a[href].accss-custom-display-block:active::after { content: ''; height: calc(100% + 5px); width: calc(100%); position: absolute; top: 0; left: 0; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; } } @media screen and (max-width: 1000px) { .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss-filters [tabindex="0"]:focus::after, .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss-filters [tabindex="0"]:active::after { content: ''; height: calc(100% - 4px); width: calc(100% - 0px); position: absolute; top: 2px; left: 0px; display: block; box-shadow: 0 0 0px 3px #f5f5f5, 0 0 2px 3px #f5f5f5, 0 0 4px 5px #0070A1, 0 0 2px 5px #0070A1 !important; z-index: 2; } @-moz-document url-prefix() { .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss-filters [tabindex="0"]:focus::after, .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss-filters [tabindex="0"]:active::after { content: ''; height: calc(100% - 2px); width: calc(100% - 0px); position: absolute; top: -1px; left: 0px; display: block; box-shadow: 0 0 0px 3px #f5f5f5, 0 0 2px 3px #f5f5f5, 0 0 4px 5px #0070A1, 0 0 2px 5px #0070A1 !important; z-index: 2; } } .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss-filters .close { outline: none !important; box-shadow: none !important; } .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss-filters .close:focus::after, .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss-filters .close:active::after { content: ''; height: calc(100% - 0px); width: calc(100% - 0px); position: absolute; top: 0px; left: 0px; display: block; box-shadow: 0 0 0px 3px #f5f5f5, 0 0 2px 3px #f5f5f5, 0 0 4px 5px #0070A1, 0 0 2px 5px #0070A1 !important; z-index: 2; } } .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss-filters input[type=checkbox]:focus::after, .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss-filters input[type=checkbox]:active::after { content: ''; height: calc(100% + 2px); width: calc(100% + 2px); position: absolute; top: -1px; left: -1px; display: block; box-shadow: 0 0 0px 3px #f5f5f5, 0 0 2px 3px #f5f5f5, 0 0 4px 5px #0070A1, 0 0 2px 5px #0070A1 !important; z-index: 2; } .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss input[type=checkbox]:focus, .accss-custom-styles-init .accss-focus-pseudo-outline-override-phoneaccss input[type=checkbox]:active { box-shadow: 0 0 0 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; } .accss-custom-styles-init .accss-phone-focus { position: relative; outline: none !important; box-shadow: none !important; } .accss-custom-styles-init .accss-phone-focus:focus:after, .accss-custom-styles-init .accss-phone-focus:active::after { content: ''; height: calc(100%); width: calc(100%); position: absolute; top: 0; left: 0; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; } @media screen and (max-width: 1100px) { .accss-custom-styles-init .accss-phone-focus { position: relative; outline: none !important; box-shadow: none !important; } .accss-custom-styles-init .accss-phone-focus:focus:after, .accss-custom-styles-init .accss-phone-focus:active::after { content: ''; height: calc(100%); width: calc(100% + 6px); position: absolute; top: 0px; left: 2px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; } .accss-custom-styles-init .accss-mr-10 { margin-right: 10px; } } @media screen and (max-width: 1100px) { .accss-custom-styles-init .accss-phone-focus2 { position: relative; outline: none !important; box-shadow: none !important; } .accss-custom-styles-init .accss-phone-focus2:focus:after, .accss-custom-styles-init .accss-phone-focus2:active::after { content: ''; height: calc(100% + -4px); width: calc(100% + -6px); position: absolute; top: 2px; left: 3px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; } .accss-custom-styles-init .accss-mr-10 { margin-right: 10px; } .accss-custom-styles-init a.accss-phone-focus2 { display: block; } } .accss-custom-styles-init .phone .phoneBrief { margin-top: 0px; } .accss-custom-styles-init .accss-add-attr a { text-decoration: underline !important; } .accss-custom-styles-init .accss-add-attr a:hover, .accss-custom-styles-init .accss-add-attr a:focus { text-decoration: none !important; } /*END Custom Focus Outline for Phone ACCSS page*/ /*Fix for checkbox focus outline in Phone ACCSS page*/ .accss-custom-styles-init .content-rail .phone-list .item .phoneOptions ul.colours .cream.active { background-position: -651px -22px !important; } .accss-custom-styles-init .content-rail .phone-list .item .phoneOptions ul.colours .lavender.active { background-position: -597px -22px !important; } .accss-custom-styles-init .content-rail .phone-list .item .phoneOptions ul.colours .black.active { background-position: -449px -22px !important; } .accss-custom-styles-init .content-rail .phone-list .item .phoneOptions ul.colours .white.active { background-position: -59px -22px !important; } .accss-custom-styles-init .content-rail .phone-list .item .phoneOptions ul.colours .silver.active { background-position: -389px -22px !important; } .accss-custom-styles-init .content-rail .phone-list .item .phoneOptions content-rail .phone-list .item .phoneOptions ul.colours .navy.active { background-position: -625px -22px !important; } .accss-custom-styles-init .content-rail .phone-list .item .phoneOptions ul.colours .blue.active { background-position: -119px -22px !important; } .accss-custom-styles-init .content-rail .phone-list .item .phoneOptions ul.colours .cream { background-position: -650px 3px !important; } .accss-custom-styles-init .content-rail .phone-list .item .phoneOptions ul.colours .lavender { background-position: -596px 3px !important; } .accss-custom-styles-init .content-rail .phone-list .item .phoneOptions ul.colours .black { background-position: -449px 3px !important; } .accss-custom-styles-init .content-rail .phone-list .item .phoneOptions ul.colours .white { background-position: -59px 3px !important; } .accss-custom-styles-init .content-rail .phone-list .item .phoneOptions ul.colours .silver { background-position: -389px 3px !important; } .accss-custom-styles-init .content-rail .phone-list .item .phoneOptions ul.colours .navy { background-position: -624px 3px !important; } .accss-custom-styles-init .content-rail .phone-list .item .phoneOptions ul.colours .blue { background-position: -11 9px 3px !important; } /*END Fix for checkbox focus outline in Phone ACCSS page*/ /*//Fix for tooltip showing below the phone accss page*/ .accss-custom-styles-init .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /*Support pages ACCSS 3103,3015 Roam-sweet & Bonus JBT (Start) */ .accss-custom-styles-init #intro .contents p a /* ACCSS 3103 Support/roam-sweet/ Colorcontrtast Red Background JBT */ { color: #C2EEFF !important; } .accss-custom-styles-init #intro .contents p a:focus, .accss-custom-styles-init #intro .contents p a:hover /* ACCSS 3103 Support/roam-sweet/ Colorcontrtast Red Background JBT */ { color: #FFFFFF !important; } /* Accordion Focusoutline */ .accss-custom-styles-init #master-container #content .contents .section ul#accordion li a /*ACCSS - 3015*/ { height: auto !important; width: auto; margin: 0 2px 13px 2px; min-height: 22px; } .accss-custom-styles-init #master-container #content .contents .section ul#accordion div ul li a[href], .accss-custom-styles-init #master-container #content .contents .section ul#accordion div p a[href], .accss-custom-styles-init #master-container #content .contents .section ul#Accordion div ul li a[href], .accss-custom-styles-init #master-container #content .contents .section ul#Accordion div p a[href] { margin: 0 0px 0px 0px; min-height: 0 !important; } .accss-custom-styles-init #master-container #content .contents .section ul#Accordion div ul li { margin-bottom: 13px; } .accss-custom-styles-init #master-container #content .contents .section ul#accordion li, /*ACCSS - 3015*/ .accss-custom-styles-init .phone-prices .phone.options ul.memorysize, /*ACCSS - 2990*/ .accss-custom-styles-init .phone-prices .phone.options ul.colours /*ACCSS - 2990*/ { overflow: visible !important; } /*Support pages ACCSS 3103,3015 Roam-sweet & Bonus JBT (End) */ /*ACCSS-3369*/ .accss-custom-styles-init .otherWays .plansInclude #contactlist-internet a[href].btnBasic.btnSecond:focus::after { content: ''; height: calc(100% + 10px); width: calc(100% + 10px); top: -5px; left: -5px; border-radius: 5px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; } .accss-custom-styles-init .otherWays .plansInclude #contactlist-internet a[href].btnBasic.btnSecond:focus, .accss-custom-styles-init .otherWays .plansInclude #contactlist-internet a[href].btnBasic.btnSecond:hover { color: #fff; background-color: #333; border-color: #333; text-decoration: none !important; } .accss-custom-styles-init #plans .contents.btnLightbg.accss-focus-pseudo-outline-override .underline-links-paragraph-container a[href].fancybox { color: #016D98 !important; } .accss-custom-styles-init #plans .contents.btnLightbg.accss-focus-pseudo-outline-override .underline-links-paragraph-container a[href].fancybox:hover, .accss-custom-styles-init #plans .contents.btnLightbg.accss-focus-pseudo-outline-override .underline-links-paragraph-container a[href].fancybox:focus { color: #0d5f7d !important; } /*copied styles of h2*/ .accss-custom-styles-init .data-support-H2-ready { padding-top: 1px; padding-bottom: 4px; border-bottom: 1px solid #b7b7b7; margin: 0 0 1em; font-size: 20px; } /*copied styles of h2*/ .accss-custom-styles-init .data-support-H2-faq { font-size: 20px; margin: 0 0 1em; } /*ACCSS-3397 and ACCSS-3399*/ .accss-custom-styles-init .right-rail .right-rail-content a[href], .accss-custom-styles-init .right-rail .right-rail-content a, .accss-custom-styles-init .content-rail .news-item a[href], .accss-custom-styles-init .content-rail .news-item table a[href] span, .accss-custom-styles-init .news-item a { text-decoration: underline; color: #007CAD !important; } .accss-custom-styles-init .right-rail .right-rail-content a[href]:focus, .accss-custom-styles-init .content-rail .news-item a[href]:focus, .accss-custom-styles-init .content-rail .news-item table a[href] span:focus, .accss-custom-styles-init .right-rail .right-rail-content a[href]:hover, .accss-custom-styles-init .content-rail .news-item a[href]:hover, .accss-custom-styles-init .content-rail .news-item a[href] span:hover, .accss-custom-styles-init .news-item a:hover, .accss-custom-styles-init .news-item a:focus { text-decoration: none !important; color: #0d5f7d !important; } /*For links which causes overflow in mobile*/ .accss-custom-styles-init .content-rail .news-item a[href], .accss-custom-styles-init .content-rail .news-item p, .accss-custom-styles-init .news-item a[href] { word-break: break-word; } .accss-custom-styles-init .right-rail .right-rail-content a[href]:focus, .accss-custom-styles-init .content-rail .news-item a[href]:focus, .accss-custom-styles-init .right-rail-content.accss-archive-media-releases a:focus, .accss-custom-styles-init .right-rail-content.accss-archive-media-releases a:active, .accss-custom-styles-init .news-item a:focus, .accss-custom-styles-init .news-item a:active { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3 !important; text-decoration: none !important; -webkit-box-decoration-break: clone; } @-moz-document url-prefix() { .accss-custom-styles-init .right-rail .right-rail-content a[href]:focus, .accss-custom-styles-init .content-rail .news-item a[href]:focus, .accss-custom-styles-init .right-rail-content.accss-archive-media-releases a:focus, .accss-custom-styles-init .right-rail-content.accss-archive-media-releases a:active, .accss-custom-styles-init .news-item a:focus, .accss-custom-styles-init .news-item a:active { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3 !important; text-decoration: none !important; box-decoration-break: clone; } } /*ACCSS-2524*/ .accss-custom-styles-init .tabs ul#featuretabs li a[href]:focus::after { content: ''; height: calc(100% + -6px); width: calc(100% + -6px); top: -2px; left: 3px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 100; position: absolute; } .accss-custom-styles-init .tabs ul#featuretabs li a[href]:focus { outline: none !important; } .accss-custom-styles-init .tabs ul#featuretabs li a[href] { position: relative; } .accss-custom-styles-init .tabs-content .one-tab.family-DATASMRT a[href]:focus, .accss-custom-styles-init .tabs-content .one-tab.family-LD a[href]:focus, .accss-custom-styles-init .tabs-content .one-tab.family-ROAM a[href]:focus, .accss-custom-styles-init .tabs-content .one-tab.family-TEXT a[href]:focus, .accss-custom-styles-init .featureRightSideBox a[href]:focus, .accss-custom-styles-init .tabs-content .one-tab.family-ROAM input:focus { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3 !important; text-decoration: none; box-decoration-break: clone; } .accss-custom-styles-init .tabs-content .one-tab.family-DATASMRT a[href], .accss-custom-styles-init .tabs-content .one-tab.family-LD a[href], .accss-custom-styles-init .tabs-content .one-tab.family-ROAM a[href], .accss-custom-styles-init .tabs-content .one-tab.family-TEXT a[href], .accss-custom-styles-init .featureRightSideBox a[href] { text-decoration: underline; } .accss-custom-styles-init .tabs-content .one-tab.family-DATASMRT a[href]:hover, .accss-custom-styles-init .tabs-content .one-tab.family-LD a[href]:hover, .accss-custom-styles-init .tabs-content .one-tab.family-ROAM a[href]:hover, .accss-custom-styles-init .tabs-content .one-tab.family-TEXT a[href]:hover, .accss-custom-styles-init .featureRightSideBox a[href]:hover { text-decoration: none; } .accss-custom-styles-init .tabs-content .one-tab.family-DATASMRT a[href].btnBasic.btnSecond { position: relative; } .accss-custom-styles-init .tabs-content .one-tab.family-DATASMRT a[href].btnBasic.btnSecond:focus { box-shadow: none !important; } .accss-custom-styles-init .tabs-content .one-tab.family-DATASMRT a[href].btnBasic.btnSecond:focus::after { content: ''; height: calc(100% + 10px); width: calc(100% + 10px); top: -5px; left: -5px; border-radius: 5px; position: absolute; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; } .accss-custom-styles-init .tabs-content .one-tab.family-DATASMRT a[href].btnBasic.btnSecond { text-decoration: none; } .accss-custom-styles-init .tabs-content .one-tab.family-DATASMRT a[href].btnBasic.btnSecond:focus, .accss-custom-styles-init .tabs-content .one-tab.family-DATASMRT a[href].btnBasic.btnSecond:hover, .accss-custom-styles-init .tabs-content .one-tab.family-DATASMRT a[href].btnBasic.btnSecond:active { color: #fff; background-color: #333; border-color: #333; text-decoration: none !important; } /*ACCSS 3026*/ .accss-custom-styles-init #master-container #content .contents .section a.btnBasic.accss-data-support-btn { text-decoration: none !important; } /*ACCSS 3026*/ .accss-custom-styles-init #master-container #content .contents .section a.btnBasic.accss-data-support-btn:focus, .accss-custom-styles-init #master-container #content .contents .section a.btnBasic.accss-data-support-btn:hover, .accss-custom-styles-init #master-container #content .contents .section a.btnBasic.accss-data-support-btn:active, /*ACCSS 2950*/ .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem.quicklinksholder .quicklinks a:focus, .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem.quicklinksholder .quicklinks a:hover, .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem.quicklinksholder .quicklinks a:active, /*ACCSS 2942*/ .accss-custom-styles-init .internet-index-btnFocus:focus, .accss-custom-styles-init .internet-index-btnFocus:hover, .accss-custom-styles-init .internet-index-btnFocus:active, /*ACCSS 2944*/ .accss-custom-styles-init .addressSearchBox.accss-focus-outline-override-bgwhite-elem .buttonContainer #checkservicearea:focus, .accss-custom-styles-init .addressSearchBox.accss-focus-outline-override-bgwhite-elem .buttonContainer #checkservicearea:hover, .accss-custom-styles-init .addressSearchBox.accss-focus-outline-override-bgwhite-elem .buttonContainer #checkservicearea:active { background-color: #eb0000; border-color: #eb0000; color: #fff; text-decoration: none !important; } /* ACCSS-3016*/ .accss-custom-styles-init .tablesaw th, .tablesaw td { line-height: 1.2em !important; } /*ACCSS 3026*/ @media screen and (max-width: 950px) { .accss-custom-styles-init .period-select { margin-left: 5px !important; } .accss-custom-styles-init .main-content { /*JBT topup menu having padding left*/ padding-left: 0px !important; } } /*ACCSS 2996*/ .accss-custom-styles-init .sim-details-h3 { line-height: 1em; font-weight: normal !important; margin: 0 0 1em; font-size: 20px; margin-bottom: 0; } /*ACCSS 2996*/ .accss-custom-styles-init .sim-details-h4 { margin: 0 0 20px 0; line-height: 1em; font-weight: normal !important; font-size: 15px; } /*ACCSS 2996*/ .accss-custom-styles-init #optionslightbox.addalineoptionsbox .overlay.btnLightbg .innerlay .tb .tc:nth-child(1) a:focus, .accss-custom-styles-init #optionslightbox.addalineoptionsbox .overlay.btnLightbg .innerlay .tb .tc:nth-child(1) a:active { outline: none !important; text-decoration: none; position: relative !important; box-shadow: none !important; } accss-custom-styles-init #optionslightbox.addalineoptionsbox .overlay.btnLightbg .innerlay .tb .tc:nth-child(1) a:active::after, .accss-custom-styles-init #optionslightbox.addalineoptionsbox .overlay.btnLightbg .innerlay .tb .tc:nth-child(1) a:focus::after { content: ''; height: calc(100% + 0px); width: calc(100% + 0px); position: absolute !important; top: 1px; left: -4px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; text-decoration: none; border: 0; } /*ACCSS 2996*/ .accss-custom-styles-init #optionslightbox.addalineoptionsbox .overlay.btnLightbg .innerlay .tb .tc:nth-child(3) a { text-decoration: none; position: relative !important; outline: none !important; box-shadow: none !important; } /*ACCSS 2996*/ .accss-custom-styles-init #optionslightbox.addalineoptionsbox .overlay.btnLightbg .innerlay .tb .tc:nth-child(3) a:focus::after, .accss-custom-styles-init #optionslightbox.addalineoptionsbox .overlay.btnLightbg .innerlay .tb .tc:nth-child(3) a:active::after { content: ''; height: calc(100% + 0px); width: calc(100% + 0px); position: absolute !important; top: 1px; left: -4px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; text-decoration: none; border: 0; } /*ACCSS 2969*/ .accss-custom-styles-init #benefits.content-area #featured-benefits.contents { overflow: visible; } /*ACCSS 2969*/ .accss-custom-styles-init #benefits.content-area #featured-benefits.contents .benefits-carousel .visible-buttons button:focus, .accss-custom-styles-init #benefits.content-area #featured-benefits.contents .benefits-carousel .visible-buttons button:active { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3; } /*ACCSS 2969*/ .accss-custom-styles-init #covidBanner.dropNotice .content-area.btnLightbg .contents .closeBox .closeBtn:focus, .accss-custom-styles-init #covidBanner.dropNotice .content-area.btnLightbg .contents .closeBox .closeBtn:active { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3; } /*ACCSS 2950*/ .accss-custom-styles-init #archiveList a.archive { text-decoration: underline; } /*ACCSS 2950*/ .accss-custom-styles-init #archiveList a.archive:focus, .accss-custom-styles-init #archiveList a.archive:hover, .accss-custom-styles-init #archiveList a.archive:active { text-decoration: none; } /*ACCSS 2950*/ .accss-custom-styles-init #archiveList a:focus, .accss-custom-styles-init #archiveList a:hover, .accss-custom-styles-init #archiveList a:active { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3 !important; } /*ACCSS 2950*/ .accss-custom-styles-init .archive-list-h3 { margin: 0 0 5px; font-size: 22px; } /*ACCSS-2944*/ .accss-custom-styles-init #checkAvailabilityLightbox .tc:last-child a { width: 98%; margin: auto; } /*ACCSS-2944*/ .accss-custom-styles-init #checkAvailabilityLightbox .inputBoxCantFindAddress { padding-right: 0 !important; margin-right: 10px !important; } /*ACCSS-2944*/ .accss-custom-styles-init .order-internet-h4 { font-family: VMUltramagneticNormalRegular; color: #000; font-size: 22px; float: left; font-weight: 400; } /*ACCSS-2944*/ .accss-custom-styles-init .order-internet-h5 { font-family: VMUltramagneticNormalRegular; color: #000; font-size: 16px !important; margin-bottom: 25px !important; font-weight: 400; } /*ACCSS-2944*/ @media screen and (max-width:395px) { .accss-custom-styles-init .tb .tc.accss-focus-outline-override-bgwhite-elem .inputBox { width: auto !important; } .accss-custom-styles-init .table-font-resize td { font-size: 11px } /* Fix prepaid rates modal width*/ .accss-custom-styles-init .fixed-width-calculator, .accss-custom-styles-init .fixed-width-calculator input { width: auto !important; } } /*ACCSS 3009*/ .accss-custom-styles-init .fee911-h3 { width: 100%; padding-top: 1px; padding-bottom: 4px; border-bottom: 1px solid #b7b7b7; margin: 0 0 1em; font-size: 20px; } /* ACCSS-3102 - Roam Sweet Roam Options Accordion */ .accss-custom-styles-init .accss-roam-sweet-roam-accordion-link { height: auto !important; min-height: 22px; display: inline-block; width: auto; } /*ACCSS-2952 copy styles of h2*/ .accss-custom-styles-init .avis-h2 { font-size: 15px; margin-bottom: 0.5em; color: #fff; line-height: 1em; font-weight: normal !important; } /*ACCSS 2952 copy styles of h2 spread*/ .accss-custom-styles-init .avis-h2-spread { margin: 0 0 1em; font-size: 20px; } /*ACCSS-3033 - fixed the bullet issue shows in accordion content*/ .accss-custom-styles-init #master-container #content .contents .section ul#accordion > li { list-style: none !important; } /*ACCSS-3025 covid 19 update*/ .accss-custom-styles-init .accss-covid-pg-old-h3-style { color: #242424; font-family: VMUltramagneticNormalRegular; font-size: 26px; font-weight: normal; } .accss-custom-styles-init .accss-covid-pg-old-h3-style.ultra { line-height: 1em; font-weight: normal !important; } .accss-custom-styles-init .content-area .accss-covid-pg-old-h3-style { margin: 0 0 1em; } .accss-custom-styles-init .accss-covid-pg-old-h4-style { font-family: VMUltramagneticNormalRegular; color: #242424; font-size: 18px; font-weight: normal; margin-bottom: 10px; } .accss-custom-styles-init .accss-covid-carousel .slick-next { top: 47% !important; background-position: 15px -61px !important; } /*ACCCSS-3042 getting started*/ .accss-custom-styles-init .accss-h3-style-default-gen-page.txt-font-size-26, .accss-custom-styles-init .txt-font-size-26 { font-size: 26px !important; } .accss-custom-styles-init .margin-20-bottom { margin-bottom: 20px !important; } .accss-custom-styles-init .margin-5-bottom { margin-bottom: 5px !important; } /*ACCSS-3141 us roaming rates*/ .accss-custom-styles-init .accss-h3-thick-border-accss-style { font-weight: normal !important; margin-bottom: 0; border-bottom: 3px solid #000; font-size: 20px; line-height: 1em !important; width: 100%; padding-top: 1px; padding-bottom: 4px; } /*ACCSS 3090*/ .accss-custom-styles-init .accss-partial-h3 { font-size: 20px; padding-top: 1px; padding-bottom: 4px; border-bottom: 1px solid #b7b7b7; margin: 0 0 5px !important; } .accss-custom-styles-init #memberupdatesarchive.contents.accss-enable-overflow-visible .section.accss-focus-outline-override-bgwhite-elem a[href]:focus, .accss-custom-styles-init #memberupdatesarchive.contents.accss-enable-overflow-visible .section.accss-focus-outline-override-bgwhite-elem a[href]:active { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3 !important; } /*ACCSS-3141 adjust the line height of the back link to fix focus*/ .accss-custom-styles-init #rates-tables a[href].back2top, .accss-custom-styles-init #rates-table-short-tables a[href].back2top, .accss-custom-styles-init.en #rates-tables .us-rates a[href].back2top, .accss-custom-styles-init.fr #rates-tables .us-rates a[href].back2top, .accss-custom-styles-init .height-auto { line-height: inherit; height: auto; } /*ACCSS-5215 - width 100 percent xxs*/ @media (max-width:418px) { .accss-custom-styles-init .width100-xxs { width: 100% !important; } } /*data support regression issue fix for focus outline*/ .accss-custom-styles-init .sliders-container.accss-slider-container table.accss-focus-outline-override-black-bg .legal .reset:focus, .accss-custom-styles-init .sliders-container.accss-slider-container table.accss-focus-outline-override-black-bg .legal .reset:active { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3 !important; } /*ACCSS-2949 fixed the focus for the breaking focus of the firefox issue 19*/ .accss-custom-styles-init .right-rail-content .VMC-description#vmcDescription-short a:focus { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3 !important; } .accss-custom-styles-init .right-rail-content .VMC-description#vmcDescription-short a[href] { display: inline-block; } /*ACCSS-3141*/ .accss-custom-styles-init .faq-wireless-closeBtn a:focus { outline: none !important; box-shadow: 0 0 3px 3px #47A3D7, 0 0 3px 2px #333333 !important; color: #8ADEFF !important; } .accss-custom-styles-init .accss-focus-pseudo-outline-override .bannerBox .bannerInfoBox a[href]:focus::before { display: none; } .accss-custom-styles-init .faq-wireless-closeBtn a { color: #7AD9FF !important; } .accss-custom-styles-init .dropNotice#shopearly .accss-focus-pseudo-outline-override a[href]:focus::after, .accss-custom-styles-init .dropNotice#shopearly .accss-focus-pseudo-outline-override a[href]:focus::before { display: none; } @-moz-document url-prefix() { .accss-custom-styles-init .sliders-container.accss-slider-container table.accss-focus-outline-override-black-bg .legal a.reset { display: inline-block; } } /* ACCSS-5196 */ .accss-custom-styles-init .legal-previous-privacy-bread-crumb-container { overflow: visible !important; height: 15px !important; } /*START fix for faq lost or stolen page */ .accss-custom-styles-init .faq-lost-stolen-h3style { padding-bottom: 4px; border-bottom: 1px solid #b7b7b7; margin: 0 0 1em; font-size: 20px; } .accss-custom-styles-init h2#TopFAQ.ultra.faq-los-h3-style { font-size: 20px; } @media screen and (min-width: 769px) { .accss-custom-styles-init .accss-accordion-group.accss-focus-outline-override.accss-height a { margin-bottom: 13px !important; } } .accss-custom-styles-init .back2top:focus, .accss-custom-styles-init .back2top:active { outline: none !important; box-shadow: 0 0 0px 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; text-decoration: none !important; } .accss-custom-styles-init .back2top { text-decoration: underline !important; } .accss-custom-styles-init .back2top:hover { text-decoration: none !important; } .accss-custom-styles-init #Accordion + .section.accss-scripty-container.related-elem.faq-los-related-elem h2 { margin-top: 27px; margin-bottom: 66px; padding: 65px 14px 65px 0px; } .accss-custom-styles-init #Accordion + .section.accss-scripty-container.related-elem.faq-los-related-elem ul#related-content { margin-top: 26px; margin-bottom: 65px; } .accss-custom-styles-init .accss-scripty-container.faq-los-related-elem #related-content li { padding-right: 23px; } @media screen and (max-width: 800px) { .accss-custom-styles-init #Accordion + .section.accss-scripty-container.related-elem.faq-los-related-elem h2 { padding: 0; margin: 91px 0 0 0; } .accss-custom-styles-init #Accordion + .section.accss-scripty-container.related-elem.faq-los-related-elem ul#related-content { padding-bottom: 105px; margin: 0; margin-left: 15px; margin-bottom: 25px; margin-top: 1px; } .accss-custom-styles-init .accss-scripty-container.faq-los-related-elem #related-content li, .accss-custom-styles-init .ebill-explained li a { padding-left: 4px; } } /*END fix for faq lost or stolen page */ /*ACCSS-4904*/ .accss-custom-styles-init .tax-exempt-h3styles { margin-top: 25px; margin-bottom: 20px; padding-top: 1px; padding-bottom: 4px; border-bottom: 1px solid #b7b7b7; font-size: 20px; } /*ACCSS-5354*/ .accss-custom-styles-init .collectAndUseData-h3Styles { margin: 0 0 1em; font-size: 20px; display: inline; font-family: VMUltramagneticNormalRegular; font-weight: normal !important; } /*ACCSS-5482*/ .accss-custom-styles-init .wireless-public-h3Styles, /*ACCSS-5482*/ .accss-custom-styles-init .collectAndUseData-GotQ-h3Styles { font-size: 20px; font-weight: normal !important; margin: 0 0 1em; } .accss-custom-styles-init .accss-LostOrStolen-label-styles { font-size: 24px; list-style: none; color: inherit; line-height: 1.5em; font-weight: 100; } .accss-custom-styles-init .faq-wireless-closeBtn { left: 94% } /*ACCSS-5299*/ .accss-custom-related-links-container { padding: 65px 0; display: flex; } .accss-custom-related-links-container h2 { float: left; margin-right: 18px; } .accss-custom-related-links-container ul { padding: 0; margin-top: -5px; } .accss-custom-related-links-container li:first-child { list-style: none; } .accss-custom-related-links-container li:nth-child(2) { list-style: inside disc; } /*END - ACCSS-5299*/ /* ACCSS-4755 */ .accss-custom-styles-init .accss-custom-wireless-code-consumer-header { margin: 0 0 1em !important; width: 100% !important; padding-top: 1px !important; padding-bottom: 4px !important; border-bottom: 1px solid #b7b7b7 !important; } /* ACCSS-4766 */ .accss-custom-styles-init .accss-scripty-container.related-elem .accss-custom-support-sim-header-links { color: inherit; font-size: 24px; padding-right: 18px; } /*Fix for sim page heading styles*/ .accss-custom-styles-init .accss-h3-sim { padding: 0 19px 0 0; margin-bottom: 0 !important; font-size: 26px; } /*Fix for sim page heading styles*/ .accss-custom-styles-init .accss-h4-sim { margin: 0 0 1em; color: #242424; font-size: 20px; margin-bottom: 14px; } /*Regression issue fix for the extra padding chevron link*/ .accss-custom-styles-init .accss-chevron-no-pad-container a[href].chevron { padding-right: 0; } /*ACCSS-ACCSS-4812, 4810, 4808, 4807*/ .accss-custom-styles-init #choiceBoxes.accss-current-button .btnLightbg.btnInactive:active, .accss-custom-styles-init #choiceBoxes.accss-current-button .btnLightbg.btnInactive:focus { background-color: transparent; border-color: #9c9c9c; color: #9c9c9c; cursor: not-allowed !important; } .accss-custom-styles-init .fontS-16 { font-size: 16px !important; } .accss-custom-styles-init .accss-txt-capital { text-transform: uppercase !important; } .accss-custom-styles-init .accss-h4-fonts-16 { font-size: 16px !important; text-transform: uppercase !important; font-family: VMUltramagneticNormalRegular; font-weight: normal; } /*regression testingfocus issues install proram*/ .accss-custom-styles-init #selfInstall .choicesContainer .choices.accss-tablist .accss-tab:focus::before { display: none !important; } .accss-custom-styles-init .accss-custom-support-sim-accordion li > a.ui-state-active { padding-bottom: 0px !important; } /* ACCSS-5374 */ .accss-custom-styles-init h2.accss-canada-rates-heading { font-size: 20px !important; border-bottom: 3px solid #000 !important; padding-top: 1px !important; padding-bottom: 4px !important; margin-bottom: 0px !important; } /*tfs #545717*/ .accss-custom-styles-init a.accss-canada-box-decoration { box-decoration-break: clone; -webkit-box-decoration-break: clone; } .accss-custom-styles-init a.accss-canada-box-decoration:focus { box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 1px #257fa3 !important; } /*canada long distance text zoom*/ .accss-custom-styles-init a.accss-canada-text-zoom { float: right; position: static; } /*tfs #545718*/ .accss-custom-styles-init .calculator-button a.fbox { min-width: 140px !important; min-height: 44px !important; height: auto !important; width: auto !important; } .accss-custom-styles-init .accss-canada-long-distance .accss-scripty-container #anchors { margin: 0 0 25px 0 !important; } /*ACCSS 5330*/ .accss-custom-styles-init .accss-table-how-we-collect th p { margin-top: 10px; margin-left: 10px; } /*ACCSS 5330*/ .accss-custom-styles-init .accss-table-how-we-collect th.first { border-top: 2px solid #272727; background-color: #eaeaea; } @media screen and (max-width:460px) { .accss-custom-styles-init .accss-table-how-we-collect tr th.first { padding: 10px 10px; } .accss-custom-styles-init .accss-table-how-we-collect tr th.first:first-of-type { padding: 4px 10px; } .accss-custom-styles-init .accss-table-how-we-collect tr th.first:last-of-type { word-break: break-all; width: 23%; padding: 10px 10px; } .accss-custom-styles-init .prev-position-fix { left: -10px; } .accss-custom-styles-init .next-position-fix { right: -10px; } } .accss-custom-styles-init .accss-onetime-fee-table { border-top: 0 !important; } .accss-custom-styles-init .accss-support-bottom-white .accss-icon-width { flex-basis: 22%; } .accss-custom-styles-init .accss-support-bottom-white .accss-text-width { flex-basis: 78%; } .accss-custom-styles-init .accss-onetime-fee-table th.first { border-top: 2px solid #272727; background-color: #eaeaea; padding: 4px 10px; text-align: left; border-right: 1px solid #c9c9c9; } .accss-custom-styles-init .accss-onetime-fee-table th p { margin-top: 10px; margin-left: 10px; } .accss-custom-styles-init .accss-onetime-fee-table th:not(:first-child) { text-align: center; } .accss-custom-styles-init #data .back2top.lineheight-inherit.marT-8 { margin-top: 0 !important; } /*ACCSS-4939 added customc lass for removing text transform*/ .accss-custom-styles-init .text-transform-none { text-transform: none !important; } .accss-custom-styles-init .accss-h1-style { color: #FFFFFF; font-size: 48px; margin-bottom: 10px; font-family: VMUltramagneticNormalRegular; line-height: 1em; font-weight: normal !important; } @media screen and (max-width: 800px) { .accss-custom-styles-init .accss-h1-style { font-size: 3em; } } @media screen and (max-width: 640px) { .accss-custom-styles-init .accss-h1-style { font-size: 2.5em; } } /*ACCSS-4827 - focus tooltip of trade in phone*/ .accss-custom-styles-init .accss-trade-right-tooltip-focus .tooltipblue.tooltip-button.expandable-tooltip:focus img { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3; } .accss-custom-styles-init .accss-trade-right-tooltip-focus .tooltipblue.tooltip-button.expandable-tooltip:focus { outline: none !important; box-shadow: none !important; } /*ACCSS-4858 - fixed the duplicate id issue in the page*/ .accss-custom-styles-init #change-rate-plans-table-v2 { margin: 40px 0; } .accss-custom-styles-init #change-rate-plans-table-v2 td, .accss-custom-styles-init #change-rate-plans-table-v2 th { padding: 30px !important; } .accss-custom-styles-init #change-rate-plans-table-v2 td.none { border-bottom: none; border-right: none; padding: 0 !important; } .accss-custom-styles-init #change-rate-plans-table-v2.oldtable td, .accss-custom-styles-init #change-rate-plans-table-v2.oldtable th { padding: 30px 0px; } .accss-custom-styles-init #change-rate-plans-table-v2 td span.ultra, .accss-custom-styles-init #change-rate-plans-table-v2 th span.ultra, .accss-custom-styles-init #change-rate-plans-table th span.ultra { font-size: 20px !important; } .accss-custom-styles-init #change-rate-plans-table-v2 th { font-size: 14px; color: #333; text-align: center; font-family: VMUltramagneticNormalRegular; line-height: 1em; } .accss-custom-styles-init #change-rate-plans-table-v2 td, .accss-custom-styles-init #change-rate-plans-table-v2 th { text-align: center; vertical-align: middle; border-bottom: 1px dashed #CDCDCD; border-right: 1px dashed #CDCDCD; color: #000; padding: 0px 5px; } .accss-custom-styles-init #change-rate-plans-table-v2 td.left, .accss-custom-styles-init #change-rate-plans-table-v2 th.left { text-align: left; padding: 30px 0; color: #333; } .accss-custom-styles-init #change-rate-plans-table-v2 td:last-child, .accss-custom-styles-init #change-rate-plans-table-v2 th:last-child { border-right: none; } .accss-custom-styles-init #change-rate-plans-table-v2 td.noborder, .accss-custom-styles-init #change-rate-plans-table-v2 th.noborder { border: none; } .accss-custom-styles-init #change-rate-plans-table-v2 td span.ultra, .accss-custom-styles-init #change-rate-plans-table-v2 th span.ultra { font-size: 24px; line-height: 1em; color: #333; } .accss-custom-styles-init #change-rate-plans-table-v2 td.left span.ultra, .accss-custom-styles-init #change-rate-plans-table-v2 th.left span.ultra { font-size: 30px; } .accss-custom-styles-init #change-rate-plans-table-v2 td.silver, .accss-custom-styles-init #change-rate-plans-table-v2 th.silver, .accss-custom-styles-init #change-rate-plans-table th.silver { background-color: #d3d3d3; } .accss-custom-styles-init #change-rate-plans-table-v2 td.gold, .accss-custom-styles-init #change-rate-plans-table-v2 th.gold, .accss-custom-styles-init #change-rate-plans-table th.gold { background-color: #cc9933; } .accss-custom-styles-init #change-rate-plans-table-v2 td.platinum, .accss-custom-styles-init #change-rate-plans-table-v2 th.platinum, .accss-custom-styles-init #change-rate-plans-table th.platinum { background-color: #666666; } .accss-custom-styles-init #change-rate-plans-table-v2 td.gold span.ultra, .accss-custom-styles-init #change-rate-plans-table-v2 td.platinum span.ultra, .accss-custom-styles-init #change-rate-plans-table-v2 td.platinum-light span.ultra, .accss-custom-styles-init #change-rate-plans-table-v2 th.gold span.ultra, .accss-custom-styles-init #change-rate-plans-table-v2 th.platinum span.ultra, .accss-custom-styles-init #change-rate-plans-table-v2 th.platinum-light span.ultra, .accss-custom-styles-init #change-rate-plans-table th.gold span.ultra, .accss-custom-styles-init #change-rate-plans-table th.platinum span.ultra, .accss-custom-styles-init #change-rate-plans-table th.platinum-light span.ultra { color: #fff; } .accss-custom-styles-init #change-rate-plans-table-v2 td.silver-light, .accss-custom-styles-init #change-rate-plans-table-v2 th.silver-light, .accss-custom-styles-init #change-rate-plans-table th.silver-light { background-color: #f5f5f5; } .accss-custom-styles-init #change-rate-plans-table-v2 td.gold-light, .accss-custom-styles-init #change-rate-plans-table-v2 th.gold-light, .accss-custom-styles-init #change-rate-plans-table th.gold-light { background-color: #faf5ea; } .accss-custom-styles-init #change-rate-plans-table-v2 td.platinum-light, .accss-custom-styles-init #change-rate-plans-table-v2 th.platinum-light, .accss-custom-styles-init #change-rate-plans-table th.platinum-light { background-color: #909599; } .accss-custom-styles-init #change-rate-plans-table-v2 td span.gold, .accss-custom-styles-init #change-rate-plans-table-v2 th span.gold, .accss-custom-styles-init #change-rate-plans-table th span.gold { color: #cc9933; } .accss-custom-styles-init #change-rate-plans-table-v2 td span.platinum, .accss-custom-styles-init #change-rate-plans-table-v2 th span.platinum, .accss-custom-styles-init #change-rate-plans-table th span.platinum { color: #666666; } .accss-custom-styles-init #change-rate-plans-table th { text-align: center; vertical-align: middle; border-bottom: 1px dashed #CDCDCD; border-right: 1px dashed #CDCDCD; color: #000; } .accss-custom-styles-init #change-rate-plans-table th.none { border-bottom: none; border-right: none; padding: 0 !important; } .accss-custom-styles-init #change-rate-plans-table th:last-child { border-right: none; } .accss-custom-styles-init #change-rate-plans-table th { line-height: normal; } .accss-custom-styles-init #change-rate-plans-table th span.ultra { line-height: 1em; } @media screen and (max-width: 471.00px) { .accss-custom-styles-init #change-rate-plans-table-v2 td, .accss-custom-styles-init #change-rate-plans-table-v2 th { padding: 15px !important; } } .accss-custom-styles-init #change-rate-plans-table.oldtable.accss-change-plan td { word-break: break-word; } /*Pseudo for contact us page tabs only mobile and dekstop*/ .accss-custom-styles-init .accss-focus-pseudo-outlne-contactus-tab [tabindex="0"] { position: relative; } .accss-custom-styles-init .accss-focus-pseudo-outlne-contactus-tab [tabindex="0"]:focus { outline: none !important; } .accss-custom-styles-init .accss-focus-pseudo-outlne-contactus-tab [tabindex="0"]:focus::after { content: ''; height: calc(100% + 6px); width: calc(100% + +6px); position: absolute; top: -3px; left: -3px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; } /*Mobile focus tab contact us page*/ @media screen and (max-width:900px) { .accss-custom-styles-init .accss-focus-pseudo-outlne-contactus-tab [tabindex="0"]:focus::after { content: ''; height: calc(100% - 8px); width: calc(100% + -8px); top: 4px; left: 4px; } } /*Regresison issue #21 userguides*/ .accss-custom-styles-init #filterBox #phoneFilter .filterlabel { margin-bottom: -12px; display: block; } .accss-custom-styles-init .accss-old-h3-style-p { text-align: center; font-size: 14px; margin: 8px 0 25px; font-family: VMUltramagneticNormalRegular; line-height: 1em; font-weight: normal !important; color: #242424; } /* ACCSS-4818 */ .accss-custom-styles-init .accss-interactive-guides-modem-container { display: flex; padding: 0px 80px; } .accss-custom-styles-init .accss-interactive-guides-modem-col { flex: 1; } @media screen and (max-width: 640px) { .accss-custom-styles-init .accss-interactive-guides-modem-container { display: block; } } /* END - ACCSS-4818 */ /* ACCSS-5915 */ .accss-custom-styles-init .accss-your-email-preferences { padding-top: 3px; } .accss-custom-styles-init .accss-customer-profile-hot-offers-label { margin-top: 11px; } .accss-custom-styles-init .accss-customer-profile-hot-offers { margin-top: -26px; } .accss-custom-styles-init .accss-customer-profile-hot-offers li:first-child { margin-left: 107px !important; } .accss-custom-styles-init .accss-customer-profile-hot-offers-label-2 { padding-left: 0px; margin-top: 8px; } .accss-custom-styles-init .accss-custom-margin-top-9 { margin-left: 9px !important; } .accss-custom-styles-init .accss-custom-margin-left-4 { margin-top: 4px; } /* END - ACCSS-5915 */ /* ACCSS-5697 */ .accss-custom-styles-init .accss-custom-display-block strong { display: block !important; } /* END - ACCSS-5697 */ /* Regression Issue 56 */ .accss-custom-styles-init .accss-customer-profile-sms-survey-preferences { line-height: 1em !important; font-weight: normal !important; text-transform: uppercase !important; margin-bottom: 10px !important; padding: 0 !important; font-family: VMUltramagneticNormalRegular !important; } /*ACCSS-4617 for plus with purpose headings*/ .accss-custom-styles-init .accss-h3-style-heading { font-size: 22px; color: #fff; font-family: VMUltramagneticNormalRegular; font-weight: normal !important; margin-bottom: 0.5em; } /*plus with purpose 400% zoom fix*/ @media screen and (max-width: 334px) { .accss-custom-styles-init #stats .statsList .box { width: auto !important; } } /*plus with purpose 200% text zoom */ .accss-custom-styles-init .accss-word-break-heading { word-break: break-word; } /* ACCSS-4726 */ .accss-custom-styles-init #shop-online h4 { font-size: 22px; color: #fff; text-align: center; font-family: VMUltramagneticNormalRegular; font-weight: 400; padding-bottom: 0.3em; line-height: 1em; } /* ACCSS-4680 */ .accss-custom-styles-init .accss-phone-subtype-container .filterBar.phoneSubFilter { padding-top: 3px; } /* ACCSS-3353 */ .accss-custom-styles-init .filterBar ul li a:hover, .accss-custom-styles-init .filterBar ul li a:active, .accss-custom-styles-init .filterBar ul li a:focus, .accss-custom-styles-init .filterBar ul li a.selected, .accss-custom-styles-init .filterBox ul li a.selectedview { color: #CD2027 !important; border-color: #CD2027 !important; text-decoration: none !important; } .accss-custom-styles-init .accss-custom-phone-content #checkout-form .row.cart-phone .phoneDetails h2, .accss-custom-styles-init .accss-custom-phone-content .accss-styles-shop-index-phone-name-old-h2 { font-size: 1em; margin: 0 0 1.33em 0; } /* ACCSS-2106 */ .accss-custom-phone-review iframe { display: none; width: 0px; height: 0px; } /*MEDIA RELEASES - regression fixes - issue 14 and 41 */ table.accss-news-article-contact-table.-two-column tr td { flex-basis: 40%; } table.accss-news-article-contact-table { width: 100%; } table.accss-newsarticle-cntct-table-two-rows br { display: none; } table.accss-newsarticle-cntct-table-two-rows { width: 100%; display: flex; margin-top: 5px; } table.accss-newsarticle-cntct-table-two-rows tbody { width: 100%; } table.accss-newsarticle-cntct-table-two-rows tr { display: flex; flex-direction: row; } table.accss-newsarticle-cntct-table-two-rows tr td { display: flex; flex-basis: 100%; width: auto; flex-direction: column; margin-right: 10px; } table.accss-newsarticle-cntct-table-two-rows tr td p { word-break: break-word; } @media screen and (max-width:531px) { table.accss-newsarticle-cntct-table-two-rows tr td p { min-height: 35px; } } @media screen and (max-width:650px) { table.accss-news-article-contact-table br { display: none; } table.accss-news-article-contact-table { width: 100%; display: flex; margin-top: 5px; } table.accss-news-article-contact-table tbody { display: flex; flex-direction: column; } table.accss-news-article-contact-table tr { display: flex; width: auto; flex-wrap: wrap; } table.accss-news-article-contact-table tr td { display: flex; flex-basis: 30%; width: auto; flex-wrap: wrap; margin-right: 10px; } table.accss-news-article-contact-table tr td p { word-break: break-word; } } @media screen and (max-width:353px) { table.accss-news-article-contact-table tr td { display: flex; flex-basis: 26%; width: auto; flex-wrap: wrap; margin-right: 10px; } } /*MEDIA RELEASES - regression fixes - issue 30 and 31 */ table.accss-newsarticle-cntct-table-two-rows br { display: none; } table.accss-newsarticle-cntct-table-two-rows { width: 100%; display: flex; margin-top: 5px; } table.accss-newsarticle-cntct-table-two-rows tbody { width: 100%; } table.accss-newsarticle-cntct-table-two-rows tr { display: flex; flex-direction: row; } table.accss-newsarticle-cntct-table-two-rows tr td { display: flex; flex-basis: 100%; width: auto; flex-direction: column; margin-right: 10px; } table.accss-newsarticle-cntct-table-two-rows tr td p { word-break: break-word; } @media screen and (max-width:531px) { table.accss-newsarticle-cntct-table-two-rows tr td p { min-height: 35px; } } /*Tv index banner mobile position*/ @media screen and (max-width: 800px) { .accss-custom-styles-init #masthead-subhead.generic .info.banner-info, .accss-custom-styles-init.fr #masthead-subhead.generic .info.banner-info { width: 95%; margin: 0 10px; } } /*ACCSS 4614*/ .accss-custom-styles-init .prepaid-plans-h3 { margin: 0 5%; padding-bottom: 20px; font-size: 20px; font-weight: 700; } /*ACCSS 4614*/ .accss-custom-styles-init .prepaid-plans-p-h3 { font-size: 16px; color: #333; line-height: 1.2em; margin: 0 0 1em; font-family: GraphikWeb,Arial,Helvetica,sans-serif; font-weight: normal; padding: 0; } /*ACCSS 4614*/ .accss-custom-styles-init .p-styles-sim-details-redbg { /* margin-bottom: 8px; */ font-size: 22px; /* line-height: 1.2em; */ text-align: left; color: #fff; background: #e10a0a none; font-family: VMUltramagneticNormalRegular; font-weight: normal; } /*ACCSS 4614*/ .accss-custom-styles-init .p-styles-sim-details-whitebg { /* margin-bottom: 8px; */ font-size: 22px; /* line-height: 1.2em; */ text-align: left; color: #000; background: #fff none; font-family: VMUltramagneticNormalRegular; font-weight: normal; } /*Monthly Plans JBT*/ .accss-custom-styles-init .simchoiceTb.ctaTb .tc p { font-size: inherit !important; } /*ACCSS 5672*/ @media screen and (max-width: 477px) { .accss-custom-styles-init .accss-scnow-submit-width { width: 100% !important; } .accss-custom-styles-init .accss-box-width-auto .box.box2 { height: 100% !important; } .accss-custom-styles-init .accss-box-width-auto .box.box2 a, .accss-custom-styles-init .accss-box-width-auto .box.box3 a { line-height: 1.5em; } } /*ACCSS-4578 - added fix for color contrast*/ .accss-custom-styles-init .channel-html .q026EF2 { color: #fff !important; } .accss-custom-styles-init .channel-html h1.visually-hidden-text { color: #fff !important; } /*Regression fixes 17, 5 july 28 release*/ .accss-custom-styles-init #tabCopyContainer.accss-focus-outline-override #tab1Copy a[href].btnBasic.btnSecond.btn-with-pad:focus { box-shadow: none !important; } .accss-custom-styles-init .pricingbox .internet-index-btnFocus:focus { background-color: #eb0000; border-color: #eb0000; color: #fff; text-decoration: none !important; outline: none !important; box-shadow: none !important; } .accss-custom-styles-init .pricingbox a.internet-index-btnFocus { position: relative; } .accss-custom-styles-init .pricingbox .internet-index-btnFocus:focus::before, .accss-custom-styles-init .pricingbox .internet-index-btnFocus:active::before { content: ''; height: calc(100% + 6px); width: calc(100% + 6px); position: absolute; top: -3px; left: -3px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; } .accss-custom-styles-init .pricingbox .internet-index-btnFocus.btnBasic:focus::before, .accss-custom-styles-init .pricingbox .internet-index-btnFocus:active::before { height: calc(100% + 10px); width: calc(100% + 10px); top: -5px; left: -5px; border-radius: 5px } /*News media releases heading hierarchy fixes*/ .accss-custom-styles-init .news-item h2.news-article-body-head, .accss-custom-styles-init .news-item h3.news-article-body-head { font-size: 14px; line-height: 18px; text-transform: inherit; margin: 0 0 1em 0; } .accss-custom-styles-init .news-item h3.news-article-head-days { font-size: 22px; font-weight: 700; margin: 0; } .accss-custom-styles-init .news-item h3.news-article-head-normal-h3 { font-size: 14px; font-weight: 700; margin: 0; text-transform: none; } .accss-custom-styles-init .news-item h3.news-article-head-daysV2 { font-size: 14px; font-weight: 700; margin: 0; } .accss-custom-styles-init .news-item h4.news-article-head-4 { font-size: 14px; line-height: 18px; margin: 0 0 1em 0; text-transform: initial; } @media screen and (max-width:470px) { .accss-custom-styles-init .accss-table-cell-xs { display: table-cell; } } .accss-custom-styles-init .old-h1-home-index { font-size: 26px !important; margin-bottom: 25px; font-family: VMUltramagneticNormalRegular; padding-bottom: 20px !important; font-weight: normal; line-height: 1em; } /* ACCSS-3353 */ .accss-custom-styles-init #shop-online .inner.btnBlackbg h2 { font-size: 22px; color: #fff; text-align: center; font-family: VMUltramagneticNormalRegular; font-weight: 400; padding-bottom: 0.3em; line-height: 1em; } /* ACCSS - SLNO 25 - custom style to hide slider items outline */ .accss-custom-styles-init slick.accss-home-slider-focus-outline a[href]:focus, .accss-custom-styles-init slick.accss-home-slider-focus-outline a[href]:active { outline: none !important; } /* ACCSS - SLNO 25 - custom style to specify the focus outline for next and previous buttons on slider */ .accss-custom-styles-init slick.accss-home-slider-focus-outline button:focus, .accss-custom-styles-init slick.accss-home-slider-focus-outline button:active { outline: none !important; box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3 !important; } /* ACCSS - SLNO 19 - Added custom style to match the old h1 style */ .accss-custom-styles-init .accss-pre-loved-phones-h2-style { font-size: 41px !important; padding-bottom: 20px !important; } /*Added fixes for the support options*/ .accss-custom-styles-init #support-options .accss-support-options li a { width: auto; margin-left: 5%; } /*accss-2184*/ .accss-custom-styles-init ul.chkbox_preferences.accss-chkbox-preferences li input[type="checkbox"] { width: 15px; margin: 0 6px 0 0; } /*iphone 13 hot offers updated grid contianer in mobile*/ @media only screen and (max-width: 734px) { .accss-custom-styles-init .accss-grid-container-mobile { --columns: 3; --grid-column: 3; } .accss-custom-styles-init .accss-grid-container-mobile .compare-column-2 { display: block; order: 3; } } /* ACCSS-4633 */ .accss-custom-styles-init .accss-shop-index-header-logo { padding-top: 10px; margin-top: -10px; } .accss-custom-styles-init .accss-custom-phone-content .accss-custom-phone-summary-cart-icon { margin-bottom: 0px !important; } /* Scan 1 - 9, Fix for old h1 style */ .accss-custom-styles-init .accss-old-h1-style-hot-offers { font-size: 26px; margin-bottom: 25px; font-family: VMUltramagneticNormalRegular; color: inherit; font-weight: normal; line-height: 1em; } /* Scan 1 - 8, Fix for color contrast issue */ .accss-custom-styles-init .accss-custom-black-bg { background: #000000; } /* Scan 3 - 1, Fix for get member benefits color contrast */ .accss-custom-black-bg #section5 { background: #000 url(/assets/images/kernels-vip-bg.jpg) no-repeat center top; } .accss-custom-styles-init .accss-tv-options-lightbox .accss-focus-outline-override [tabindex="0"]:focus { z-index: 100; } /*fix cutting form focus input mobile tv channels modal*/ @media screen and (max-width:640px) { .accss-custom-styles-init #optionsLightbox.accss-tv-options-lightbox { margin: 8px; } } /*audit 4.4 - fix for heading levels in tv channels modal*/ .accss-custom-styles-init .accss-tv-options-lightbox .tv-channels-h4-style-modal { font-size: 16px; margin-bottom: 0; padding: 30px 25px; font-weight: normal; font-family: VMUltramagneticNormalRegular; line-height: 1em; color: inherit; } @media screen and (max-width:600px) { .accss-custom-styles-init .accss-tv-options-lightbox .tv-channels-h4-style-modal { padding: 30px 5px; word-break: break-word; } } .accss-custom-styles-init .hot-offers-old-h4 { color: inherit; font-size: 14px; font-family: VMUltramagneticNormalRegular; font-weight: normal; line-height: 1em !important; margin-bottom: 5px !important; padding: 0; } .accss-custom-styles-init .accss-cursor-auto { cursor: auto; } .accss-custom-styles-init .phoneImage .accss-hot-offers-phones { position: relative; display: inline-block; } .accss-custom-styles-init .accss-custom-support-index-side-tablist-two-line-item a { padding-top: 0px !important; height: 100% !important; } .accss-custom-styles-init .accss-custom-support-index-side-tablist-two-line-item a span { height: 100%; vertical-align: middle; display: flex !important; align-items: center; justify-content: center; padding-bottom: 3px; } /* Internet Index - Fix for focus outline override for tabs disregarding the tabindex */ .accss-custom-styles-init .accss-focus-pseudo-outline-override ul.accss-focus-pseudo-outline-override-no-tabindex.tab-parent li.tab-child:focus::before { content: ''; height: calc(100% + 6px); width: calc(100% + 6px); position: absolute; top: -3px; left: -3px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; } /* Audit Support Index */ .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem .accss-custom-support-index-faq-menu-container [tabindex="0"]:focus, .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem .accss-custom-support-index-faq-menu-container [tabindex="0"]:active { outline: none !important; box-shadow: none !important; } /* Audit Internet Index - Fix for SR issue */ .accss-custom-styles-init .accss-int-index-modal-container .tablet-inner h3.active:after { content: '' !important; display: none !important; } .accss-custom-styles-init .accss-int-index-modal-container .tablet-inner h3.active span:after { content: '__'; display: block; color: #cc0000; line-height: 0em; font-family: arial; } .accss-custom-styles-init .accss-int-index-modal-old-h3 { padding-top: 45px; text-align: center; font-size: 24px; color: #fff; } .accss-custom-styles-init .accss-int-index-modal-old-h2 { display: none; } .accss-custom-styles-init .accss-int-index-modal-old-h2.active { display: block; font-size: 30px !important; font-family: VMUltramagneticNormalRegular; font-weight: normal; color: #fff; text-align: left !important; padding-top: 0 !important; } /* ACCSS-6539 */ .accss-custom-styles-init .accss-custom-support-index-faq-menu-container ul li { position: relative; min-height: 61px !important; height: auto !important; line-height: 20px !important; } .accss-custom-styles-init .accss-custom-support-index-faq-menu-container ul li:hover { cursor: pointer; } .accss-custom-styles-init .accss-custom-support-index-faq-menu-container ul li > span { font-weight: bold; color: #333; display: block; height: 100% !important; width: calc(100% - 20px); background-color: #eee; line-height: inherit; margin-top: 1px; border-bottom: 1px solid #d7d7d7; display: flex; align-items: center; min-height: 50px !important; padding: 5px 20px; word-break: break-word; } .accss-custom-styles-init .accss-custom-support-index-faq-menu-container ul li.active span, .accss-custom-styles-init .accss-custom-support-index-faq-menu-container ul li:hover span { color: #fff !important; background-color: #333 !important; } .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem .accss-custom-support-index-faq-menu-container ul li:focus span::before { content: ''; /* height: calc(75% + 5px); width: calc(78% + 6px); */ width: 85%; height: calc(100% - 10px); position: absolute; top: 4px; left: 16px; display: inline-block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; } /* END - ACCSS-6539 */ .accss-custom-styles-init .old-h1-hot-offersIndex { font-family: VMUltramagneticNormalRegular; font-size: 26px; margin-bottom: 25px; color: inherit; font-weight: 400; } /* ACCSS-3329 */ @media screen and (max-width: 640px) { .accss-custom-styles-init #phoneContent .phoneInfo .clearcartMobile { display: inline-block; } } .accss-custom-styles-init #moreInfo .trigger-show-content.accss-display-inline-block-parent ul a, .accss-custom-styles-init #moreInfo .moreInfoBox.accss-display-inline-block-parent ul a { display: initial !important; } /*News media releases icon overlapping issue right rail*/ .accss-custom-styles-init .right-rail .right-rail-content .VMC-description .news-anchor a::after { margin-top: 3px; } /* Internet index French header button focus outline fix */ @media screen and (min-width: 330px) { .accss-custom-styles-init .accss-focus-pseudo-outline-override a[href].accss-internet-indx-cht-btn-fr:focus::before { width: calc(100% + 50px); } } @media screen and (max-width: 450px) { .hot-offers-filterBox.filterBox label { margin-right: 0 !important; } #filterBar .hot-offers-filterBox .dropdownFilter .tc { display: table-row !important; } #filterBar .hot-offers-filterBox .dropdownFilter .tb { margin-left: 20px !important; } } /* Hot offers - fix for btnApple button focus outline */ .accss-custom-styles-init .accss-hot-offers-iphone-14-pro .btnApple.accss-focus-pseudo-outline-override-elem.whiteBtn-black-bg:focus { color: #000 !important; } .accss-custom-styles-init .fancybox-inner #wpa-devices { width: 100% !important; } /* ACCSS-4633 */ .accss-custom-styles-init .accss-custom-shop-index-logo { margin-top: -10px; padding-top: 10px; } /* ACCSS-2006 */ .accss-custom-styles-init .accss-custom-shop-index-ship-to-content { position: fixed; top: -200px; background: #eee; color: #333; text-decoration: none; padding: 10px; display: inline-block; z-index: 200; font-size: 16px; } .accss-custom-styles-init .accss-custom-shop-index-ship-to-content:active, .accss-custom-styles-init .accss-custom-shop-index-ship-to-content:focus, .accss-custom-styles-init .accss-custom-shop-index-ship-to-content:hover { top: 0 !important; left: 45% !important; text-decoration: none !important; } /* END - ACCSS-2006 */ /*AE - Support Fixes */ .accss-custom-styles-init #wpa-devices { height: 100% !important; max-height: 600px; max-width: 600px; } /* SHOP INDEX */ .accss-custom-styles-init #phonePrices .level2 .fancybox.sectionTitleLink { display: inline-block; } /* PHONE SUMMARY */ @media (min-width:1000px) and (max-width:1200px) { .accss-custom-styles-init .filterBox ul, .accss-custom-styles-init .filterBar ul { margin-left: 3px; } } /* Regression Issue 30 */ .accss-custom-styles-init .override-links-outline-before .find-a-store-link > a.accss-custom-shop-index-location-icon:focus::before, .accss-custom-styles-init .override-links-outline-before .find-a-store-link > a.accss-custom-shop-index-location-icon:active::before { top: -2px !important; left: -4px !important; } @media screen and (max-width: 901px) { .accss-custom-styles-init .override-links-outline-before .find-a-store-link > a.accss-custom-shop-index-location-icon:focus::before, .accss-custom-styles-init .override-links-outline-before .find-a-store-link > a.accss-custom-shop-index-location-icon:active::before { top: -2px !important; left: -5px !important; height: calc(100% + 13px) !important; width: calc(100% + 8px) !important; } } /* END - Regression Issue 30 */ /* Regression Issue 34*/ .accss-custom-styles-init .accss-custom-phone-content #reviewContent:last-child #checkout-form .row.cart-phone { overflow: visible !important; } /* Regression Issue 20*/ .accss-custom-styles-init .accss-shop-index-navigation-bar-margin .navBox a { border-bottom: none !important; } .accss-custom-styles-init .accss-shop-index-navigation-bar-margin .navBox a.active { padding-bottom: 0px; } .accss-custom-styles-init .accss-shop-index-navigation-bar-margin .navBox.accss-custom-shop-index-inactive-navbox { border-bottom: 3px solid #392D2D; } .accss-custom-styles-init .accss-shop-index-navigation-bar-margin .navBox.accss-custom-shop-index-inactive-navbox:hover { border-bottom: 3px solid #CC0000; } /* Regression Issue 27 */ @media screen and (max-width: 800px) { .accss-custom-styles-init .accss-shop-index-navigation-bar-margin { overflow: visible; } } .accss-custom-styles-init #contactUsBox div a { display: inline-block; } .accss-custom-styles-init #footer .contents { overflow: visible !important; } .accss-custom-styles-init #phonePricesList .phonePriceInner .infoBox .priceLevel a:focus, .accss-custom-styles-init #phonePricesList .phonePriceInner .infoBox .priceLevel a:active, .accss-custom-styles-init #phonePricesList .phonePriceInner .infoBox .priceLevel a:hover { color: #4FA6D8 !important; } .accss-custom-styles-init #main-container #reviewContent #checkout-form .row.heading.Wrapper .content > .ultra { margin-bottom: 0; font-size: 26px; color: #000; } /*regression fix issue 24 oct15 release*/ @media (min-width:1201px) and (max-width:1338px) { .accss-custom-styles-init .contents.accss-focus-outline-override-black-bg .lockupGiftcard .lockup.prov-on { max-width: none; width: auto; margin-left: 6%; } } @media (min-width:1201px) and (max-width:1359px) { .fr.accss-custom-styles-init .contents.accss-focus-outline-override-black-bg .lockupGiftcard .lockup.prov-on { max-width: none; width: auto; margin-left: 6%; } } @media (min-width:1201px) and (max-width:1234px) { .fr.accss-custom-styles-init #masthead-subhead .info + .tb { float: none; } } /* END regression fix issue 24 oct15 release*/ /*ACCSS 7375*/ .accss-custom-styles-init modalwindow.accssmobileTooltip { margin-left: 20px; } .accss-custom-styles-init tooltip.accssdesktopTooltip { margin-left: 20px; } /* 545795 - Select box placeholder*/ .accss-custom-styles-init .accss-order-int-span-placeholder md-select-value.md-select-placeholder { color: #4e4e4e; } /* START fix for 7626*/ @media screen and (max-width: 341px) { .accss-custom-styles-init .content-rail.accss-features-content { margin-top: 316px; } .fr.accss-custom-styles-init .content-rail.accss-features-content { margin-top: 350px; } } @media screen and (max-width: 1000px) and (min-width: 358px) { .accss-custom-styles-init .content-rail.accss-features-content { margin-top: 272px; } .fr.accss-custom-styles-init .content-rail.accss-features-content { margin-top: 350px; } } @media screen and (max-width: 357px) and (min-width: 342px) { .accss-custom-styles-init .content-rail.accss-features-content { margin-top: 297px; } .fr.accss-custom-styles-init .content-rail.accss-features-content { margin-top: 350px; } } @media screen and (max-width: 1000px) { .accss-custom-styles-init .contentContainer.accss-features-content-container { position: relative; } .accss-custom-styles-init .right-rail.accss-features-rail { position: absolute; top: 0; left: 0; } .accss-custom-styles-init .content-rail.accss-features-content { z-index: 9; } } /* END fix for 7626*/ /* ACCSS-7534 - Fix for content cropped */ @media screen and (max-width: 350px) { .accss-custom-styles-init #plans.accss-plans-cut-400-fix .box { width: 100%; margin-left: 0; } } /* TFS#545498 */ .accss-custom-styles-init .accss-custom-phones-summary-per-month-text { width: 0px; height: 0px; overflow: hidden; } .accss-custom-styles-init .accss-custom-phones-summary-per-month-old-sup { top: -0.75em; position: relative; font-size: 50%; display: initial !important; } /*ACCSS-7423*/ .bannerBox a.links-blue-on-dark-bg-gray[target="_blank"]:after, .bannerBox a.accss-new-window-gray-bg[target="_blank"]:after { background: url("/assets/icons/svg/arrow-up-right-from-square-solid-bg-gray-911.svg") no-repeat !important; } /* ACCSS-7548 */ .accss-custom-styles-init .accss-custom-phones-summary-items .tile-title { display: inline-block !important; } .accss-custom-styles-init .accss-custom-phones-summary-items .tile-title .phoneTitle { margin-bottom: 0px !important; } /* ACCSS-7530 */ .accss-custom-styles-init .accss-additional-phone-savings a { padding: 5px 0 7px; } /* ACCSS-7627 */ @media screen and (max-width: 408px) { .accss-custom-styles-init .pay-per-use-rates table.ppud-table .col1 { padding-left: 3px !important; padding-right: 5px !important; } .accss-custom-styles-init .ppud-table td.col1 { padding-left: 0 !important; max-width: 0 !important; word-break: break-word; } .accss-custom-styles-init .ppud-table .col1, .ppud-table .col2, .ppud-table .col3, .ppud-table .col4 { padding: 20px 5px !important; } .accss-custom-styles-init #ZoneLookup-roaming { width: 110px !important; margin-left: 1px !important; } .accss-custom-styles-init #ZoneLookupZoneLabel { width: auto; } .accss-custom-styles-init .zoneLookupTool { margin-bottom: 45px; } } .accss-custom-styles-init .filterBar ul li a { text-decoration: none !important; } /*ACCSS-7553 and ACCSS-7554 fixed zooming content*/ @media screen and (max-width: 800px) { .accss-custom-styles-init .accss-home-phone-benefits.benefitsBg { height: 100% !important; } } /*Tv index ACCSS-7447*/ .accss-custom-styles-init .Wrapper.btnBlackbg.accss-tv-banner:after, .accss-custom-styles-init .clearfix.accss-tv-banner:after { display: none !important; } @media (min-width:1000px) and (max-width:1200px) { .accss-custom-styles-init ul.hot-offers-index-text-zoom-fix li { width: 30% !important; } } @media (min-width:700px) and (max-width:1000px) { .accss-custom-styles-init ul.hot-offers-index-text-zoom-fix li { margin-bottom: 35px !important; } .accss-custom-styles-init ul.hot-offers-index-text-zoom-fix { display: flex; flex-direction: column; max-width: 400px; margin: 0 auto; } } /*ACCSS-7552 - fix for home phone banner overlapped color contrast issue*/ @media (min-width: 701px) and (max-width: 1002px) { .accss-custom-styles-init .home-phone-banner .legal { color: #000; } } @media (min-width: 701px) and (max-width: 863px) { .accss-custom-styles-init .info.home-phone-banner a.btnBasic.btnSecond { margin-bottom: 42px !important; } } /*TFS# 545322*/ .accss-custom-styles-init h2.accss-install-program-h4 { font-family: VMUltramagneticNormalRegular; font-weight: normal; font-size: 28px; color: #000; margin-bottom: 15px; } /* ACCSS-7531 */ .accss-custom-styles-init .accss-goodtoknow-columns { width: 100% !important; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } @media screen and (max-width: 800px) { .accss-custom-styles-init .accss-goodtoknow-columns { -webkit-column-count: unset; -moz-column-count: unset; column-count: unset; } } /* TFS# 545704 */ .accss-custom-styles-init .accss-bill-explainer-old-ul { margin-bottom: 15px; } .accss-custom-styles-init .accss-bill-explainer-old-ul span:last-child { display: block; float: left; width: 85%; line-height: 1.2em; } /* ACCSS-7645 */ .accss-custom-styles-init .accss-custom-3g-rates-table, .accss-custom-styles-init .accss-custom-3g-rates-table th, .accss-custom-styles-init .accss-custom-3g-rates-table td { border-color: #949596; } /* ACCSS-7644 */ .accss-custom-styles-init .accss-custom-3g-rates-table th { text-align: center; background-color: transparent; line-height: 1.2em; } .accss-custom-styles-init .accss-custom-3g-rates-table td { line-height: 1.2em; } .accss-custom-styles-init .accss-custom-3g-rates-table tbody th { padding-left: 40px; } /* END - ACCSS-7644 */ /*ACCSS-7453 - fix for the logos in tv index zoom in 400%*/ .accss-custom-styles-init .info .accss-androidtv-svg { width: 90px; height: 15px; } .accss-custom-styles-init .info .accss-appletv-svg { width: 39px; height: 18px; } .accss-custom-styles-init .info .accss-firetv-svg { width: 44px; height: 18px; } /*Home phone ACCSS-7555*/ .accss-custom-styles-init #plan-box > .mainContent .text .accss-transparent-bullet.Wrapper ul li { list-style: disc !important; } .accss-custom-styles-init #plan-box > .mainContent .text .accss-transparent-bullet.Wrapper ul li::marker { color: transparent !important; } .accss-custom-styles-init .content-area.phoneHubBg, .accss-custom-styles-init.fr .content-area.phoneHubBg { height: 100%; padding-bottom: 80px; } .accss-custom-styles-init .content-area.homePhoneBannerContainer { height: 100% !important; min-height: 525px; } .accss-custom-styles-init .benefitTiles .slick-track:before, .accss-custom-styles-init .benefitTiles .slick-track:after { display: none !important; } .accss-custom-styles-init .accss-custom-support-index-bottom .tout ul { display: flex; flex-wrap: wrap; } .accss-custom-styles-init .accss-custom-support-index-bottom .tout ul li { float: none !important; } .accss-custom-styles-init .accss-custom-support-index-bottom ul li.frenchNewLine { margin: 0 0 0 53px !important; position: relative !important; } .accss-custom-styles-init .accss-custom-support-bottom-community-forum .communityForumFaqLink { position: relative !important; margin-left: 40px !important; display: inline-block !important; } .accss-custom-styles-init .accss-custom-support-bottom-community-forum .communityForumFaqLink .forumLinkImg { position: absolute !important; left: -40px !important; } @media screen and (max-width: 480px) { .accss-custom-styles-init .accss-custom-3g-rates-table th { padding: 20px 10px !important; } } @media screen and (max-width: 395px) { .accss-custom-styles-init .accss-custom-3g-rates-table th { font-size: 11px !important; } } @media screen and (max-width: 900px) { .accss-custom-styles-init .accss-custom-support-index-bottom ul li:nth-child(2) { padding-right: 10px !important; } .accss-custom-styles-init .accss-custom-support-index-bottom ul li:last-child { padding-left: 5px; } } /* AB - Regression 17 */ @media screen and (max-width: 640px) { .accss-custom-styles-init .accss-int-index-header-link-fix.tbbanner .tb:first-child .tc { display: inline-block !important; } } /* Audit Links - Why Choose Us */ .accss-custom-styles-init #master-container #content #more .contents > .fbox > .box { width: auto; flex: 0 1 220px; } .accss-custom-styles-init #master-container #content #more .contents > .fbox > .box > .ctaContainer { left: 50% !important; transform: translateX(-50%); } .accss-custom-styles-init #content > .prov-selection > #mobility > .contents, .accss-custom-styles-init #content > .prov-selection > #internet-tv > .contents, .accss-custom-styles-init #content > .prov-selection > #benefits > .contents, .accss-custom-styles-init #content > .prov-selection > #more > .contents { width: auto; } @media screen and (max-width: 1100px) { .accss-custom-styles-init #master-container #content #more .contents > .fbox > .box { flex: 0 1 auto; width: 400px; } } @media screen and (max-width: 900px) { .accss-custom-styles-init #master-container #content #more .contents > .fbox > .box { width: 40%; max-width: 400px; } } @media screen and (max-width: 700px) { .accss-custom-styles-init #master-container #content #more .contents > .fbox > .box { width: 100%; max-width: 400px; } } @media screen and (max-width: 640px) { .accss-custom-styles-init #master-container #content #more .contents > .fbox > .box { width: 90%; max-width: 480px; } .accss-custom-styles-init #master-container #content #more .contents > .fbox > .box > .ctaContainer { transform: none; } } /* END - Audit Links - Why Choose Us */ /*TV index audit defects top and middle banner carousel*/ /*Slick banner ACCSS-6500*/ .accss-custom-styles-init .accss-tv-banner .slickButtons, .accss-custom-styles-init .accss-tv-banner .slickButtonsMobile { left: 42%; cursor: pointer; align-items: center; position: absolute; display: block; width: 100%; top: 85%; } .accss-custom-styles-init .accss-tv-banner .slickButtons .playIcon, .accss-custom-styles-init .accss-tv-banner .slickButtonsMobile .playIcon { display: block; background: url(/assets/icons/VP-play-buttton.svg); width: 44px; height: 55px; border: none; } .accss-custom-styles-init .accss-tv-banner .slickButtons .pauseIcon, .accss-custom-styles-init .accss-tv-banner .slickButtonsMobile .pauseIcon { display: block; background: url(/assets/icons/VP-pause.svg); width: 44px; height: 55px; border: none; } /*focus*/ .accss-custom-styles-init .accss-tv-banner .slickButtons .playIcon:focus, .accss-custom-styles-init .accss-tv-banner .slickButtonsMobile .playIcon:focus, .accss-custom-styles-init .accss-tv-banner .slickButtons .pauseIcon:focus, .accss-custom-styles-init .accss-tv-banner .slickButtonsMobile .pauseIcon:focus { box-shadow: 0 0 3px 2px #257fa3, 0 0 3px 2px #257fa3; outline: none !important; } @media (min-width:768px) and (max-width:1024px) { .accss-custom-styles-init .accss-tv-banner .slickButtons { left: 63%; top: 530px; } } @media (min-width:1024px) and (max-width:1120px) { .accss-custom-styles-init .accss-tv-banner .slickButtons { left: 51%; top: 504px; } } @media (min-width:1121px) and (max-width:1280px) { .accss-custom-styles-init .accss-tv-banner .slickButtons { left: 55%; top: 506px; } } @media (min-width:580px) and (max-width: 800px) { .accss-custom-styles-init .accss-tv-banner .slickButtonsMobile { left: 1%; top: 0%; position: relative; display: block; } .accss-custom-styles-init .accss-tv-banner .slickButtonsMobile { order: 1; } .accss-custom-styles-init .accss-tv-banner .benefitScroller .carousel.slick-slider { order: 2; } .accss-custom-styles-init #masthead-subhead .benefitScroller { display: flex; flex-direction: column; } } @media screen and (max-width: 579px) { .accss-custom-styles-init .accss-tv-banner .slickButtonsMobile { left: 2%; display: block; position: relative; } .accss-custom-styles-init #masthead-subhead .benefitScroller { display: flex; flex-direction: column; } .accss-custom-styles-init .accss-tv-banner .slickButtonsMobile { order: 1; } .accss-custom-styles-init .accss-tv-banner .benefitScroller .carousel.slick-slider { order: 2; } } @media screen and (max-width: 800px) { .accss-custom-styles-init #masthead-subhead .benefitScroller { margin-top: 95px; } .accss-custom-styles-init .accss-tv-banner .slickButtons { display: none; } } /*French version*/ /*pause andplay button top banner*/ @media (min-width:1000px) and (max-width:1180px) { .accss-custom-styles-init.fr .accss-tv-banner .slickButtons { left: 72%; top: 503px; } } @media (min-width:1181px) and (max-width:1280px) { .accss-custom-styles-init.fr .accss-tv-banner .slickButtons { left: 77%; top: 503px; } } @media (min-width:1300px) { .accss-custom-styles-init.fr .accss-tv-banner .slickButtons { left: 60%; top: 503px; } } /* END - Audit Links - Benefits Members Lounge */ /* Audit Links - Mobile Plans Internet Pckages */ .accss-custom-styles-init .accss-custom-zoom-text-internet-packages, .accss-custom-styles-init .accss-custom-zoom-text-internet-packages .contents { min-height: 525px; height: auto !important; } .accss-custom-styles-init .accss-custom-internet-packes-calltoorder { min-height: 144px; height: auto !important; } .accss-custom-styles-init .accss-custom-zoom-text-member-packes-benefits-app > .contents { min-height: 563.5px; position: relative } .accss-custom-styles-init .accss-custom-zoom-text-member-packes-benefits-app > .contents > img { position: absolute; bottom: 0; left: 0; } .accss-custom-styles-init #packagesList .item > .tb > .tc .ultra > span { word-break: break-all; } .accss-custom-styles-init #calltoorder { min-height: 144px; height: auto; } .accss-custom-styles-init #calltoorder { min-height: 144px; height: auto; } @media screen and (max-width: 424px) { .accss-custom-styles-init .tc.b1 .tb .tc.speedboxes { width: auto !important; min-width: 0 !important; } } /* END - Audit Links - Mobile Plans Internet Pckages */ /* ACCSS-7763 */ .accss-custom-styles-init .accss-order-int-existing-member-fix { margin-bottom: 10px; } .accss-custom-styles-init .accss-order-int-existing-member-fix a { display: inline !important; padding-bottom: 0 !important; } /* ACCSS-7761 */ .accss-custom-styles-init .accss-order-int-p-to-h2 { font-family: inherit; font-size: 16px; text-transform: none; padding-left: 34px; margin: 15px 0; } /* ACCSS-7754 */ @media screen and (min-width: 991px) { .accss-custom-styles-init .accss-order-int-2-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } /*ACCSS-7651 Fixed the accessibility issue color contast table global*/ .accss-custom-styles-init .standard-table { border: 1px solid #949596; } .accss-custom-styles-init .standard-table td.first { border-top: 2px solid #949596; } .accss-custom-styles-init .standard-table tr { border-bottom: 1px solid #949596; } .accss-custom-styles-init .standard-table td, .accss-custom-styles-init .standard-table th { border-right: 1px solid #949596; } /* ACCSS-7642 */ .accss-custom-styles-init #moreInfo .accss-mobile-plans-h3 { color: #333; text-transform: capitalize; font-size: 16px; font-family: GraphikWeb, Arial, Helvetica, sans-serif; font-weight: 700 !important; font-style: normal; margin-bottom: 0px !important; line-height: 1.2em; display: inline-block; } .accss-custom-styles-init #moreInfo .accss-mobile-plans-h3 + .standard-list { margin-top: 1em; } /*ACCSS-7490*/ .accss-custom-styles-init .tablesaw thead { border: 1px solid #949596; } .accss-custom-styles-init .section table.tablesaw-swipe.table-smartcare td { padding: 10px; } /* ACCSS-7653 */ .accss-custom-styles-init .accss-group-messaging-old-ul { margin: 0 0 0.5em; display: flex; } .accss-custom-styles-init .accss-group-messaging-old-ul .accss-bullet { font-size: 22px; margin-right: 22px; } /*Data calculator issue overlaping in mobile and zooming*/ .accss-custom-styles-init .calc_input_wrapper #choices > label { margin-bottom: 5px; } .accss-custom-styles-init.data-calculator.fr .sliders-container { width: auto; } .accss-custom-styles-init.data-calculator .calc_header { min-height: 110px; height: auto; } /*Data calculator issue overlaping in mobile and zooming*/ .accss-custom-styles-init .calc_input_wrapper #choices > label { margin-bottom: 5px; } .accss-custom-styles-init.data-calculator.fr .sliders-container { width: auto; } .accss-custom-styles-init.data-calculator .calc_header { min-height: 110px; height: auto; } .accss-custom-styles-init .sliders-container table:first-child tr th[scope=row] { font-size: 14px; font-weight: normal; text-align: left; padding: 20px 0 25px; } /*data calculator total usage*/ @media screen and (max-width: 950px) { .accss-custom-styles-init .sliders-container table:first-child tr th[scope=row] { display: block; border-top: 1px solid #eaeaea; padding-top: 25px; margin-top: 25px; } .accss-custom-styles-init .slider-unit td:nth-of-type(6):before { content: "Estimated total: "; } .accss-custom-styles-init.fr .slider-unit td:nth-of-type(6):before { content: "Total approximatif : "; } } .accss-custom-styles-init .accssTotalContainer { padding: 10px 20px 20px 20px; } .accss-custom-styles-init .accssTotalContainer .mTotal { padding: 0px } .accss-custom-styles-init .accssTotalUsage { display: flex; align-items: baseline; justify-content: space-between; position: relative; } .accss-custom-styles-init .accssTotalUsage #total-data-usage { position: absolute; top: -15px; right: 0; } .accss-custom-styles-init .accssTotalUsage #total-data-usage { padding: 25px 30px 0 0; } @media (min-width: 641px) and (max-width: 950px) { .accss-custom-styles-init .accssTotalContainer .mTotal { padding: 0 } .accss-custom-styles-init .accssTotalUsage #total-data-usage { position: absolute; top: -9px; right: 0; padding: 25px 30px 0 0; } } @media screen and (max-width: 640px) { .accss-custom-styles-init .accssTotalContainer { padding: 0px 10px 13px 10px; } .accss-custom-styles-init .accssTotalUsage #total-data-usage { top: -25px; } } .accss-custom-styles-init .accssTotalUsage .ultra { width: 70%; } /*data calculator mobile hide caption tag*/ @media screen and (max-width: 950px) { .accss-custom-styles-init .sliders-container > table > caption { display: none; } } .accss-custom-styles-init ul.standard-list.change-name-list { margin-left: -32px; margin-top: .5em; } .accss-custom-styles-init ul.standard-list.change-name-list li { margin-left: 20px !important; margin-bottom: 1em !important; } .accss-custom-styles-init ul#Accordion .accord-content ul li.mybenefitsapp-list { list-style: none !important; margin: 0 0 1em 0 !important; } /* ACCSS-7564 */ @media screen and (max-width: 1280px) { .accss-custom-styles-init .accss-custom-phone-content #ctaRow { position: static; } } /*regression issue getting started*/ .accss-custom-styles-init .getting-started-container .ctaCallout { line-height: 1.4em; } /*internet index*/ .accss-custom-styles-init .internetproduct { width: auto; } .accss-custom-styles-init .accss-focus-outline-override #uploadspeedBtn_0, .accss-custom-styles-init .accss-focus-outline-override #uploadspeedBtn_1, .accss-custom-styles-init .accss-focus-outline-override #uploadspeedBtn_2 { color: #757575 !important; } /*tv banner*/ .accss-custom-styles-init .btnBlackbg.accss-tv-banner { margin: 15px 5px !important; } /*Contact us new design page*/ .accss-custom-styles-init [role="main"] .socialCtaContainer .underline-links-paragraph-container a[target="_blank"][href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a) { text-decoration: underline !important; } .accss-custom-styles-init [role="main"] .socialCtaContainer .underline-links-paragraph-container a[target="_blank"][href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):hover, .accss-custom-styles-init [role="main"] .socialCtaContainer .underline-links-paragraph-container a[target="_blank"][href]:not(.btnBasic):not([role=button]):not([role=tab]):not(.skip-link):not(.footer-skip-link):not(.addalineoptionsbox a):not(.bannerCommunityContainer a):not(.tabs ul a):focus { text-decoration: none !important; } .accss-custom-styles-init .contact-tabs .tab-option:focus { outline: none !important; box-shadow: 0 0 0px 3px #000, 0 0 2px 3px #000, 0 0 4px 5px #47a3d7, 0 0 2px 5px #47a3d7 !important; } /* MyAccount focus outline fix */ @media screen and (max-width: 1023px) { .accss-custom-styles-init ul.flyoutMenusup.accss-myAcc-flyout-fix-focus { height: 56px; } .accss-custom-styles-init ul.flyoutMenusup.accss-myAcc-flyout-fix-focus li { width: 33%; } .accss-custom-styles-init ul.flyoutMenusup.accss-myAcc-flyout-fix-focus li:not(:nth-child(3n)) { border-right: 1px solid #d6d6d6; } .accss-custom-styles-init ul.flyoutMenusup.accss-myAcc-flyout-fix-focus li:not(:nth-child(3n)) a { border-right: none; } } /* MyAccount to fix width on zoom */ @media screen and (max-width: 400px) { .accss-custom-styles-init .accss-myAcc-fix-width.welcome-container .accountDetailsBox .topupBalancebox .balanceBox .topUpBalaceDetail, .accss-custom-styles-init .accss-myAcc-fix-width.myAccountProductInfo .productInfo .productPhoneInfo { width: 100%; } } /* ACCSS-7726 Order Internet - Fix for flex */ .accss-custom-styles-init .accss-order-int-fix-flex .flex-gt-xs-15, .layout-gt-xs-row > .flex-gt-xs-15 { flex: 1 1 22%; max-width: 22%; } @media screen and (max-width:1000px) { .accss-custom-styles-init .accss-order-int-fix-flex { flex-wrap: wrap; } .accss-custom-styles-init .accss-order-int-fix-flex .flex-gt-xs-15, .layout-gt-xs-row > .flex-gt-xs-15 { flex: 1 1 21%; max-width: 100%; } .accss-custom-styles-init .accss-order-int-fix-flex .flex-gt-xs-25, .layout-gt-xs-row > .flex-gt-xs-25 { flex: 1 1 40%; max-width: 100%; } } /*footer for provide feedback*/ .accss-custom-styles-init .accss-footer-support .firstRow a.fdback-button { cursor: pointer; } .accss-custom-styles-init .accss-sup-roam-sweet-fix-focus{ position: relative; z-index: 2; } /* Shop index edit link on mobile */ @media screen and (max-width:640px) { .accss-custom-styles-init .accss-custom-phone-content #phonePrices .sectionTitle .editLink.hide-on-wide{ float: none; } } /* Regression - Phones Summary - CP */ .accss-custom-styles-init .md-select-menu-container { max-height: 384px; height: 100%; } .accss-custom-styles-init .md-select-menu-container > md-select-menu { height: 100%; } .accss-custom-styles-init .md-select-menu-container > md-select-menu > md-content { height: 100%; overflow-y: auto !important; } /*OWL CAROUSEL banner ACCSS-6833*/ .accss-custom-styles-init #channels .channelScroller .owlButtons { cursor: pointer; align-items: center; position: relative; display: block; display: flex; justify-content: center; position: absolute; bottom: -21px; transform: translate(-50%, -50%); left: 50%; } .accss-custom-styles-init #channels .channelScroller .owlButtons .playIcon { display: block; background: url(/assets/icons/VP-play-buttton.svg); width: 32px; height: 40px; background-color: #eaeaea; border: 1px solid black; } .accss-custom-styles-init #channels .channelScroller .owlButtons .pauseIcon { display: block; background: url(/assets/icons/VP-pause.svg); width: 32px; height: 40px; background-color: #eaeaea; border: 1px solid black; } .accss-custom-styles-init #channels .channelScroller .owlButtons:focus { outline: none !important; box-shadow: 0 0 3px 2px #0070A1 !important; } .accss-custom-styles-init #channels .channelScroller .owl-nav button { width: 35px; height: 41px; } .accss-custom-styles-init #channels .channelScroller .owl-nav .owl-prev { margin-right: 60px; } .accss-custom-styles-init #channels .channelScroller { padding-bottom: 10px; } /*ACCSS 3426 - fix for channelscroll button outline*/ .accss-custom-styles-init #channels .channelScroller .owl-nav button { position: relative; outline: none !important; box-shadow: none !important; border: 1px solid black; } .accss-custom-styles-init #channels .channelScroller .owl-nav button:focus::after, .accss-custom-styles-init #channels .channelScroller .owl-nav button:active::after { content: ''; height: calc(100%); width: calc(100%); position: absolute; top: 0px; left: 0px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; } /*ACCSS 3426 - fix for channelscroll button outline*/ .accss-custom-styles-init #channels .channelScroller .owl-nav button { position: relative; outline: none !important; box-shadow: none !important; border: 1px solid black; } .accss-custom-styles-init #channels .channelScroller .owl-nav button:focus::after, .accss-custom-styles-init #channels .channelScroller .owl-nav button:active::after { content: ''; height: calc(100%); width: calc(100%); position: absolute; top: 0px; left: 0px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; } /************************************END - Page Specific CSS*********************************************/ /************************************Page Prepaid - Specific CSS***************************************************/ /*Prepaid nav*/ .accss-custom-styles-init .accss-nav-wrapper a[href]:not(.btnBasic):not([role=button]):not(.active) { color: #007CAD; } .accss-custom-styles-init .accss-nav-wrapper a[href]:not(.btnBasic):not([role=button]):not(.active):hover { color: #0d5f7d; } .accss-custom-styles-init .accss-nav-wrapper a[href]:not(.btnBasic):not([role=button]):not(.active):hover, .accss-custom-styles-init .accss-nav-wrapper a[href]:not(.btnBasic):not([role=button]):not(.active):focus { color: #3f3f3f; } /*ACCSS-1390*/ .accss-custom-style-margin-top-0 { margin-top: 0 !important; } /*My account prepaid buttons*/ .accss-custom-styles-init #myaccount_content .btnHolder.Wrapper.accss-focus-outline-override-bgwhite-elem .btnBasic.btnTransparent:focus, .accss-custom-styles-init #myaccount_content .btnHolder.Wrapper.accss-focus-outline-override-bgwhite-elem .btnBasic.btnTransparent:hover { color: #fff; background-color: #333; border-color: #333; text-decoration: none; } .accss-custom-styles-init #myaccount_content .btnHolder.Wrapper.accss-focus-outline-override-bgwhite-elem input[type="submit"].btnBasic:focus { background-color: #eb0000; border-color: #eb0000; color: #fff; text-decoration: none; } .accss-custom-style-margin-top-25 { margin-top: 25px; } .accss-custom-style-margin-tb-10 #anchors li a { margin-top: 10px; margin-bottom: 10px; line-height: 1.2em; } /*ACCSS-3300*/ .accss-custom-styles-init .accss-table-fix-spacing { padding: 5px; border: 0; } .accss-custom-styles-init .accss-table-fix-spacing td { padding-right: 15px; vertical-align: top; } .accss-custom-styles-init .accss-table-fix-spacing td p { text-align: left; } .accss-custom-styles-init .accss-text-decoration-underline { text-decoration: underline; } .accss-custom-styles-init .accss-focus-relative .choicebox:nth-child(2) { position: relative; } .accss-custom-styles-init .accss-custom-margin-tb-10 { margin-bottom: 10px; margin-top: 10px; line-height: 1.3em !important; } .accss-custom-styles-init .accss-custom-display-table { display: table !important; } /*ACCSS-1946 and 1980*/ .accss-custom-styles-init .loststoleninfo a { color: #007CAD !important; text-decoration: underline !important; } .accss-custom-styles-init .loststoleninfo a:hover { text-decoration: none !important; color: #0d5f7d !important; } /* ACCSS-1390*/ div.regular-rate { width: 115px !important; margin-right: 10px; } /* ACCSS-2832 - Change font of lang to uppercase in global nav */ #navRow2 .languageSelector { font-weight: bold; } /*ACCSS-2061 and ACCSS-2714*/ .accss-custom-styles-init .accss-h2-style { font-size: 1.5em; margin: 0 0 30px; line-height: 1em; } .accss-custom-styles-init .accss-h3-style { font-size: 1.3em; margin: 0 0 1em; } .accss-custom-styles-init .accss-custom-display-block { display: block; } .accss-custom-styles-init .accss-custom-space-phoneStick { padding-right: 0 !important; margin-bottom: 30px; } .accss-custom-styles-init .accss-custom-pad-b-30 { padding-bottom: 30px; } .accss-custom-styles-init .accss-custom-overflow-unset { overflow: unset !important; } /* ACCSS-1390 */ #saver-calculator-container form { overflow: visible !important; } /*ACCSS-2608*/ @media screen and (max-width:1024px) { .accss-custom-styles-init .accss-h2-style-sm { font-size: 1.5em; margin: 0 0 0.83em; line-height: 1em; } } .accss-custom-styles-init .accss-h2-style-sm { margin: 0 0 0.83em; font-size: 1.5em; } /*Prepaid landing*/ .accss-custom-styles-init #currentServices #accssPrepaidAccordTitle4, .accss-custom-styles-init .accountDetailsBox .welcomeMessage a { text-decoration: underline; } .accss-custom-styles-init #currentServices #accssPrepaidAccordTitle4:hover, .accss-custom-styles-init #currentServices #accssPrepaidAccordTitle4:focus, .accss-custom-styles-init .accountDetailsBox .welcomeMessage a:focus, .accss-custom-styles-init .accountDetailsBox .welcomeMessage a:hover { text-decoration: none; } /*ACCSS-2063*/ .accss-custom-styles-init #divNewRatePlan .newPlanCol1 .red_link { text-align: right; } /*Override for plus sign prepaid color contrast*/ .accss-custom-styles-init #main-servicescontent-container .viewPlanDetailsSign { color: #007CAD; } /*ACCSS-2610 and 1945*/ .accss-custom-styles-init #openHideCheckUsage div.collapsebtncheckusage { display: inline-block; } .accss-custom-styles-init .accss-simple-accordion-group .accss-accord-button.collapsebtncheckusage.Wrapper:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .accss-custom-styles-init .welcome-container #errorMessageDiv .redErrorIcon a, .accss-custom-styles-init #main-servicescontent-container a[title=Remove] { text-decoration: underline; } .accss-custom-styles-init .welcome-container #errorMessageDiv .redErrorIcon a:hover, .accss-custom-styles-init .welcome-container #errorMessageDiv .redErrorIcon a:focus .accss-custom-styles-init #main-servicescontent-container a[title=Remove]:hover, .accss-custom-styles-init #main-servicescontent-container a[title=Remove]:focus { text-decoration: none; } .accss-custom-styles-init #main-servicescontent-container a[title=Remove]:focus { outline: none !important; box-shadow: 0 0 0px 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; } .accss-custom-styles-init #main-servicescontent-container a[title=Remove]:focus::after { display: none !important; box-shadow: none !important; } .accss-custom-styles-init #currentServices .detailsList ul li { list-style: disc; padding-bottom: 8px; margin-bottom: 0; } .accss-custom-styles-init #currentServices .detailsList { margin: 3px 0 0 0; background: #F3F2F0; border-radius: 16px; width: calc(100% - 25px); padding: 14px 25px 8px; } /*ACCSS-5978 TFS#430131*/ .accss-prepaid-nav.accss-nav-wrapper .navBox:hover .main-inner-nav { display: none; background: #fff; z-index: 2; } .accss-prepaid-nav.accss-nav-wrapper .navBox.active:hover .main-inner-nav { display: block !important; } /*Special case for radio button radius focus background*/ .accss-custom-styles-init .accss-focus-outline-override #divNewRatePlan .radio-listing input[type=radio]:focus::after, .accss-custom-styles-init .accss-focus-outline-override #divNewRatePlan .radio-listing input[type=radio]:active::after, .accss-custom-styles-init .accss-focus-outline-override .accss-topupCC-rad input[type=radio]:focus::after, .accss-custom-styles-init .accss-focus-outline-override .accss-topupCC-rad input[type=radio]:active::after, /* ACCSS 3239 focus outline for radio button */ .accss-custom-styles-init .accss-focus-outline-override .loststoleninfo input[type=radio]:focus::after, .accss-custom-styles-init .accss-focus-outline-override .loststoleninfo input[type=radio]:active::after, /* ACCSS-1950 - Focus outline for radio button */ .accss-custom-styles-init .accss-focus-outline-override .accss-customer-profile-online-marketing-container input[type=radio]:focus::after, .accss-custom-styles-init .accss-focus-outline-override .accss-customer-profile-online-marketing-container input[type=radio]:active::after { border-radius: 50%; } /*Elements that needs transparent background with a small padding on the element*/ .accss-custom-styles-init .accss-focus-outline-override-specific-elem a[href]:focus, .accss-custom-styles-init .accss-focus-outline-override-specific-elem a[href]:active, .accss-custom-styles-init .accss-focus-outline-override-specific-elem input:not([type=radio]):focus, .accss-custom-styles-init .accss-focus-outline-override-specific-elem input:not([type=radio]):active, .accss-custom-styles-init .accss-with-focus-transparent:focus, .accss-custom-styles-init .accss-with-focus-fit-width:focus { outline: none !important; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; } /*ACCORDION OUTLINE*/ .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem #Accordion a.accss-accordion-header.accordion-vmc[href], .accss-custom-styles-init #accordion.accss-focus-outline-override-bgwhite-elem a.accss-accordion-header.accordion-vmc[href] { width: auto; } .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem #Accordion a.accss-accordion-header[href], .accss-custom-styles-init #accordion.accss-focus-outline-override-bgwhite-elem a.accss-accordion-header[href] { height: auto !important; margin: 0 2px 13px 2px; min-height: 22px; display: inline-block; } /*ACCSS-3084 and ACCSS-4631 - Fix the content list link space*/ .accss-custom-styles-init ul#Accordion .accord-content ul li a[href] { display: initial; min-height: 0; margin: 0 !important; padding: 0 !important; line-height: normal; } .accss-custom-styles-init ul#Accordion .accord-content ul li { margin: 0px 0px 13px 20px !important; } /*Custom space for outline of related content*/ .accss-custom-space-related-content li a { display: inline-block; line-height: 1.5 !important; margin: 6px 0; } /*Used for elements need fit content width focus*/ .accss-custom-styles-init .accss-with-focus-fit-width { width: fit-content; height: auto; } /* IE10+ CSS styles go here */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .accss-custom-styles-init .accss-with-focus-fit-width { width: fit-content; display: table; } /*ACCSS-1998 for gen page phone info - phone details*/ .accss-custom-styles-init #phoneInfo .sectionContainer a { width: fit-content; display: table; } /*ACCSS-3239*/ .accss-custom-styles-init .accss-focus-outline-override .loststoleninfo input[type=radio]:focus, /*Radio Button Focus Outlines for prepaid topup*/ .accss-custom-styles-init .accss-focus-outline-override .accss-topupCC-rad input[type=radio]:focus { outline: none !important; box-shadow: 0 0 0px 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; border-radius: 50%; } } /*Special case for radio button with radius focus prepaid pages*/ .accss-custom-styles-init .accss-focus-outline-override #divNewRatePlan .radio-listing input[type=radio] { width: 12px; margin-right: 10px; margin-left: 0; } @media (min-width:464px) and (max-width:992.98px) { .accss-custom-styles-init .accss-focus-outline-override #divNewRatePlan .radio-listing input[type=radio] { width: 12px; margin-right: 13px; margin-left: 7px; } } @media screen and (max-width:463.98px) { .accss-custom-styles-init .accss-focus-outline-override #divNewRatePlan .radio-listing input[type=radio] { width: 12px; margin-right: 7px; margin-left: 0px; } } /*ACCSS 2375 - Special case button in prepaid landing*/ .accss-custom-styles-init .accountDetailsBox .topupBalancebox .topUpBalance a.btnBasic:focus { outline: none !important; box-shadow: 0 0 0px 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; } .accss-custom-styles-init #content_table .myAccountProductInfo .productPhoneInfo a, .accss-custom-styles-init #content_table .myAccountProductInfo .productPhoneInfo .bottomLinks a, .accss-custom-styles-init #content_table .myAccountProductServicesInfo #main-servicescontent-container a.editphone, .accss-custom-styles-init .interac_Terms { text-decoration: underline; } .accss-custom-styles-init #content_table .myAccountProductInfo .productPhoneInfo a:hover, .accss-custom-styles-init #content_table .myAccountProductInfo .productPhoneInfo .bottomLinks a:hover, .accss-custom-styles-init #content_table .myAccountProductServicesInfo #main-servicescontent-container a.editphone:hover, .accss-custom-styles-init #content_table .myAccountProductInfo .productPhoneInfo a:focus, .accss-custom-styles-init #content_table .myAccountProductInfo .productPhoneInfo .bottomLinks a:focus, .accss-custom-styles-init #content_table .myAccountProductServicesInfo #main-servicescontent-container a.editphone:focus { text-decoration: none; } .accss-custom-styles-init #content_table .myPromotionBox .myPromotionDetailsContainer a:focus::after { content: ''; height: calc(100% + 6px); width: calc(100% + 6px); position: absolute; top: -3px; left: -3px; display: block; box-shadow: 0 0 3px 1px #257fa3, 0 0 3px 2px #257fa3 !important; z-index: 2; } .accss-custom-styles-init #content_table .myPromotionBox .myPromotionDetailsContainer a:focus { outline: none !important; } .accss-custom-styles-init #content_table .myPromotionBox .myPromotionDetailsContainer a { position: relative; } /*ACCSS-5985, 5988 TFS BUG 430140 and 430143*/ .accss-custom-styles-init #errorMessageDiv.error-main-container .er_mesgbox a[href] { color: #4E4AE4 !important; text-decoration: underline; font-weight: bold; } .accss-custom-styles-init #errorMessageDiv.error-main-container .er_mesgbox a[href]:hover, .accss-custom-styles-init #errorMessageDiv.error-main-container .er_mesgbox a[href]:focus { color: #0d5f7d !important; text-decoration: none !important; } .accss-custom-styles-init .myPromotionDetailsContainer #openHideMyPromotionDetails .myPromotionTitle .collapsebtnmyPromotionUsage a { color: #4E4AE4 !important; } .accss-custom-styles-init .myPromotionDetailsContainer #openHideMyPromotionDetails .myPromotionTitle .collapsebtnmyPromotionUsage a:hover, .accss-custom-styles-init .myPromotionDetailsContainer #openHideMyPromotionDetails .myPromotionTitle .collapsebtnmyPromotionUsage a:focus { color: #0d5f7d !important; font-weight: bold; } /*Overflow change to "visible" - fix for topup-menu "Start here" button JBT*/ .accss-custom-styles-init #topUp #section2.accss-overflow-initial { overflow: visible; } /*Topup-menu accordion Focusoutline JBT (Start) */ .accss-custom-styles-init #topUp #section3 a.accordion-vmc[href] { width: auto; } .accss-custom-styles-init #topUp #section3 a.accordion-vmc[href] { height: auto !important; margin: 0 2px 13px 2px; min-height: 22px; display: inline-block; } /*Topup-menu accordion Focusoutline JBT (End) */ /* JBT Topup-menu Underline links, Support/roam-sweet underlinelink and color contrast White BG (Start)*/ .accss-custom-styles-init .accss-link-override-white-bg .content p a, .accss-custom-styles-init .accss-link-override-white-bg span.underline-links-paragraph-container a:hover, .accss-custom-styles-init .accss-link-override-white-bg span.underline-links-paragraph-container a:focus, .accss-custom-styles-init .contents #tabContents a:not(.ui-accordion-header), /* ACCSS 3103 Support/roam-sweet JBT*/ .accss-custom-styles-init #master-container #content .content-area .contents .section.accss-bonus a:not(.ui-accordion-header), /*ACCSS 3015 Support/Bonus JBT*/ .accss-custom-styles-init .accss-accordion-list p a, .accss-custom-styles-init .tableHolder table tr:nth-child(52) td.col2 a[href], .accss-custom-styles-init .tableHolder table tr:nth-child(52) td.col3 a[href] { text-decoration: underline !important; } .accss-custom-styles-init .accss-link-override-white-bg .content p a:hover, .accss-custom-styles-init .accss-link-override-white-bg .content p a:focus, .accss-custom-styles-init .accss-first-bill .openheader a, /*ACCSS 3039 Support/First-bill JBT*/ .accss-custom-styles-init #master-container #content .content-area .contents .section.accss-bonus a:hover, /*ACCSS 3015 Support/Bonus JBT*/ .accss-custom-styles-init #master-container #content .content-area .contents .section.accss-bonus a:focus, /*ACCSS 3015 Support/Bonus JBT*/ .accss-custom-styles-init #intro .contents a:focus, .accss-custom-styles-init #intro .contents a:hover, /* ACCSS 3103 Support/roam-sweet JBT*/ .accss-custom-styles-init #bottom-info-support-forumBanner .contents .box-sizing-content a:focus, .accss-custom-styles-init #bottom-info-support-forumBanner .contents .box-sizing-content a:hover, /* Tracking-your-usage banner JBT*/ .accss-custom-styles-init .accss-accordion-list p a:hover, .accss-custom-styles-init .accss-accordion-list p a:focus, .accss-custom-styles-init .accss-link-override-white-bg span.underline-links-paragraph-container a, .accss-custom-styles-init .tableHolder table tr:nth-child(52) td.col2 a[href]:focus, .accss-custom-styles-init .tableHolder table tr:nth-child(52) td.col2 a[href]:hover, .accss-custom-styles-init .tableHolder table tr:nth-child(52) td.col3 a[href]:focus, .accss-custom-styles-init .tableHolder table tr:nth-child(52) td.col3 a[href]:hover { text-decoration: none !important; } /*for accordion Paragraph line and span colapsable contrast color topup menu*/ .accss-custom-styles-init .accss-accordion-list p a { color: #4E4AE4; } .accss-custom-styles-init .accss-accordion-list p a:hover, .accss-custom-styles-init .accss-accordion-list p a:focus { color: #0d5f7d; } .accss-custom-styles-init span.collapsebtnmyPromotionUsage a, .accss-custom-styles-init .myPromotionTitle span { color: #4E4AE4 !important; font-weight: bold; } .accss-custom-styles-init ul.accordion-listing li a.accordion-vmc.active { color: #333 !important; font-weight: bold; } /*JBT Topup-menu Underline links, Support/roam-sweet underlinelink and color contrast White BG (End) */ /*Fix override for the issue in prepaid page radio group associated with focus fix - rate plan services ld/other*/ .accss-custom-styles-init .accss-focus-outline-override #divNewRatePlan ul.radio-listing li, /*ACCSS 3239*/ .accss-custom-styles-init .accss-focus-outline-override .loststoleninfo ul.radio-listing li { display: flex; } /*For related content footer*/ .accss-custom-styles-init #related-content li a:focus, .accss-custom-styles-init #anchors.accss-focus-outline-override-bgwhite-elem li a:focus { box-shadow: 0 0 0px 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; outline: none !important; text-decoration: none; } .accss-custom-styles-init #anchors.accss-focus-outline-override-bgwhite-elem li a:hover, .accss-custom-styles-init #related-content li a:hover { text-decoration: none; } @media (min-width:800px) { .accss-custom-styles-init #anchors.accss-focus-outline-override-bgwhite-elem li a, .accss-custom-styles-init #related-content li a { text-decoration: underline; } .accss-custom-styles-init #related-content li a { line-height: 1.4em; margin-top: 5px; } } /*ACCSS-2013 Modified the fieldset borders*/ .accss-custom-styles-init fieldset.fieldset-group-modified { border: none; margin: 0 0 10px 0; padding: 0 0 10px 0; } /*TFS-422035 Payment-set-autotopup-menu JBT */ .accss-custom-styles-init .accss-h2-style-paymenu { font-size: 1.5em; margin: 0 0 30px; } .accss-custom-styles-init .accss-h3-style-paymenu { font-size: 1.3em; margin: 0 0 1em; } @-moz-document url-prefix() { /*ACCSS 3239*/ .accss-custom-styles-init .accss-focus-outline-override .loststoleninfo input[type=radio]:focus, /*radiobutton for topup*/ .accss-custom-styles-init .accss-focus-outline-override .accss-topupCC-rad input[type=radio]:focus { outline: none !important; box-shadow: 0 0 0px 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; } /*Myaccount editphone Double focusoutline issue in firefox - JBT*/ .accss-custom-styles-init #content_table .myAccountProductServicesInfo #main-servicescontent-container a.editphone:focus { box-shadow: none !important; } /*find a store icon in text zoom*/ .accss-custom-styles-init .override-links-outline-before .find-a-store-link > a[href]:focus::before, .accss-custom-styles-init .override-links-outline-before .find-a-store-link > a[href]:active::before { height: calc(100% + 8px); width: calc(100% + 1px); top: -3px; } } .accss-custom-styles-init .accss-focus-outline-override .loststoleninfo .radio-listing input[type=radio] { width: 13px; margin-right: 10px; margin-left: 7px; } /*Prepaid topup pm switch override heading style after heading level changed*/ .accss-custom-styles-init .accss-focus-outline-override .prepaid-topup-heading { margin: 0 0 30px; line-height: 1em; font-weight: normal !important; font-size: 1.5em; } /*Prepaid top up sc inline elements */ .accss-custom-styles-init .topupInlineElements { display: inline-flex; } /* Prepaid Top up CC copy styles of headings to text*/ .accss-custom-styles-init .ultra.prepaid-topup-heading3 { line-height: 1em; font-weight: normal !important; font-size: 1.3em; margin: 0 0 1em; color: #333; padding: 0; display: block; } .accss-custom-styles-init .prepaid-topup-heading3 { font-size: 1.3em; margin: 0 0 1em; color: #333; display: block; font-weight: bold; } /*Prepaid topup-menu H1 font size JBT*/ .accss-custom-styles-init .innerPadding.topUp h1.ultra { font-size: 1.5em; margin: 0 0 0.83em; } /*topup-menu buttom padding for button JBT*/ #lowBalance.columns.Wrapper { padding-bottom: 26.600px; } /*My account prepaid buttons next and back*/ .accss-custom-styles-init #myaccount_content .btnHolder.Wrapper .btnBasic.btnTransparent:focus, .accss-custom-styles-init #myaccount_content .btnHolder.Wrapper .btnBasic.btnTransparent:hover { color: #fff; background-color: #333; border-color: #333; text-decoration: none; } .accss-custom-styles-init #myaccount_content .btnHolder.Wrapper input[type="submit"].btnBasic:focus { background-color: #eb0000; border-color: #eb0000; color: #fff; text-decoration: none; outline: none !important; box-shadow: 0 0 0px 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #257fa3, 0 0 2px 5px #257fa3 !important; } /* ACCSS-1950 - Customer profile multiple inline textbox */ .accss-custom-styles-init .accss-customer-profile-multiple-inline-textbox { margin-right: 1px !important; float: none !important; } /* ACCSS-1950 - Customer profile hot offers */ .accss-custom-styles-init .accss-custom-hot-offers-container { margin-left: -10px; padding-left: 10px; } /* ACCSS-1950 - Customer profile online marketing radio button container */ .accss-custom-styles-init .accss-customer-profile-online-marketing-container { margin-top: -10px; padding-top: 10px !important; margin-bottom: 1em !important; padding-bottom: 10px !important; } /* ACCSS-6160 - Top up PAD */ .accss-custom-styles-init .accss-topupPad-txtContent { display: block; line-height: 1.3em; margin-bottom: 1em; } /*ACCSS-3630 Chekcusage h1 font JBT */ .accss-custom-styles-init h1.usage-h2-font { font-size: 1.5em; margin: 0 0 30px; } /* TFS-410699,410714 tracking-your-usage JBT */ .accss-custom-styles-init h2.tracking-h3-font { font-size: 20px; margin: 0 0 1em; } .accss-custom-styles-init h2.accss-h3-margin-top-25 { margin-top: 25px; margin-bottom: 20px; } .accss-custom-styles-init h2.underline.tracking-h3-font { width: 100%; padding-top: 1px; padding-bottom: 4px; border-bottom: 1px solid #b7b7b7; } /* Accordion issue*/ .accss-custom-styles-init ul.accss-accordion-roam-sweet, .accss-custom-styles-init ul.accss-accordion-change-rate { list-style-type: none; } .accss-custom-styles-init ul.accss-accordion-roam-sweet li, .accss-custom-styles-init ul.accss-accordion-change-rate li { overflow: visible; } .accss-custom-styles-init ul.accss-accordion-change-rate a { height: auto !important; margin: 0 2px 13px 2px; min-height: 22px; display: inline-block; } .accss-custom-styles-init h2.accss-h3-style-firstbill, .accss-custom-styles-init h2.accss-h3-style-ITMPS { width: 100%; padding-top: 1px; padding-bottom: 4px; border-bottom: 1px solid #b7b7b7; font-size: 20px; margin: 0 0 1em; } .accss-custom-styles-init h2.accss-h3-style-internetindex { display: block; padding: 0; margin: 0 0 1em; margin-bottom: 5px; font-size: 16px; color: #fff; } /*ACCSS 3384 copy styles of h1 in terms and condition */ .accss-custom-styles-init .termsh1Styles { color: #c00; font-size: 1.5em; font-weight: normal; padding-top: 12px; font-family: VMUltramagneticNormalRegular; line-height: 1em; margin: 0 0 0.67em; } /*ACCSS 3384 copy styles of h3 in terms and condition */ .accss-custom-styles-init .termsh3toh4 { color: #cc0000; font-family: VMUltramagneticNormalRegular !important; font-size: 18px; font-weight: normal !important; line-height: 23px; margin: 0 !important; display: block; } @media screen and (max-width: 640px) { /* ACCSS-3089 - 30px Padding top */ .accss-custom-styles-init .accss-custom-order-checker-padding-top-30 { padding-top: 30px !important; margin-top: 0px !important; } } /*TFS 430108 Topup-now buttons getting cut when mobile view / JBT */ @media screen and (max-width:1023px) { .topUp-content-area .combBox { display: block !important; } } /*Logon smart*/ .accss-custom-styles-init h1.accss-not-registered { font-size: 26px; padding: 0 0 0 0; word-spacing: 3px; width: 372px; } .accss-custom-styles-init h2.myaccount-postpaid-login-title { word-spacing: 0 !important; } /*TFS 430044 color contrast issue for topup page*/ .accss-custom-styles-init #topUp .step-container .step-blue-background .ultra.step-white-text[aria-current="true"] { /*color: #313030;*/ } /*TFS 422012 border color contrast*/ .accss-custom-styles-init .accss-topupCC-rad fieldset[role="presentation"] input[name="otherAmount"][type="text"] { /*border: solid thin #575555 !important;*/ } /*Added color contrast fix for anchor tags in top up by card page*/ .accss-custom-styles-init .dynamicFields.underline-links-paragraph-container.accss-link-override-white-bg.accss-focus-outline-override-bgwhite-elem a { color: #4E4AE4; font-weight: 600; } /* support/911 page / Close button not properly aligned in Mozila - JBT */ .contents.accss-focus-outline-override-dark-grey-bg .closeBox { right: 20px; top: 15px; height: 100%; } /* ACCSS roam-sweet-roam */ .accss-h3-style-rsr { font-size: 20px; } .roambox .accss-h3-style-rsr { margin-bottom: 20px; } .accss-h2-style-rsr { font-size: 22px; } .planbox .accss-h2-style-rsr { margin-bottom: 0px; } .accss-tbl-memup tr th:first-child { text-align: left; padding-left: 21px; padding-right: 21px; border: 1px solid #c9c9c9; } .accss-tbl-memup tr th { text-align: center; border: 1px solid #c9c9c9; padding: 20px 10px; } .accss-tbl-memup.standard-table tbody tr:first-child td { background-color: #fff; font-weight: normal; } .accss-tbl-memup.standard-table tbody tr td:first-child { font-weight: bold; } .accss-custom-styles-init .accss-memup-m-r43 { margin-right: 43px !important; } .accss-custom-styles-init .accss-memup-m-r9 { margin-right: 9px !important; } .roambox .accss-h3-style-rsr, .goodtoknow .accss-h3-style-rsr { margin-bottom: 20px; } .goodtoknow .accss-h3-style-rsr { } /*ACCSS-3069 Find store JBT */ .accss-custom-styles-init ul#searchFormTable li#searchFormTableInput li:first-child { padding-right: 4px; } /*ACCSS-5011 Find store JBT*/ .accss-custom-styles-init .accss-h3-style-fs { color: inherit; font-weight: 400; font-family: VMUltramagneticNormalRegular; font-size: 22px; line-height: 1em; margin-bottom: 16px !important; } /* First bill JBT*/ .accss-custom-styles-init .accss-h1-style-fbll { font-size: 24px; margin: 0 !important; } .accss-custom-styles-init .accss-h3-style-fbll { font-size: 20px; } .accss-custom-styles-init h2.accss-h3-style-fbll.underline { width: 100%; padding-top: 1px; padding-bottom: 4px; border-bottom: 1px solid #b7b7b7; margin-bottom: 20px; } .accss-custom-styles-init .pro-rationCalender .prorationCalender .calenderContainerMobile a[href] { text-decoration: none !important } /* ACCSS-5905 */ .accss-custom-styles-init h1.accss-payment-info-heading { font-size: 32px !important; margin: 0 0 0 0; letter-spacing: -0.6px; text-transform: inherit; padding-bottom:16px; } /* ACCSS-5918 */ .accss-custom-styles-init h2.accss-payment-info-why-register { font-size: 1.3em !important; margin: 0 0 1em !important; } /* ACCSS-5920 */ .accss-custom-checkMyPromotionUsageContent { padding: 12px 0 10px 33px !important; } /* ACCSS-4757 */ .accss-custom-styles-init h2.accss-imei-ajax-heading { font-size: 32px !important; line-height: 30px !important; padding-bottom: 10px !important; text-transform: uppercase !important; margin: 15px 0px 0px !important; } .accss-custom-styles-init #complaintctrl form .formBox div.labelRow label:not(.accss-contact-phone):before { content: "* "; color: #333; } .accss-custom-styles-init p.accss-required-field { font-style: italic; } .accss-custom-styles-init .topUp-content-area #hrefAU, .accss-custom-styles-init .topUp-content-area #hrefPad { /*Topup button overlapping on text -JBT*/ margin-bottom: 8px; } .accss-custom-styles-init .topUp-content-area #openHideMyPromotionDetails { /* topup promotion overlapping */ padding-bottom: 5px; } /* Greymarket Foucs outline overlap on text in mobile - JBT*/ @media screen and (max-width:640px) { .accss-custom-styles-init div#choosephone label { margin-top: 7px !important; } } /*Myaccount Payment-cc-save-add Focusoverlapping JBT start*/ @media screen and (max-width:590px) { .accss-custom-styles-init .singlefield-line.row.column1 .countryCode { width: 85% !important; } .accss-custom-styles-init .State.errorBox { width: 97% !important; } .accss-custom-styles-init .postalCode.errorBox { width: 95% !important; } } @media screen and (max-width:340px) { .accss-custom-styles-init .singlefield-line.row.column1 .countryCode { width: 82% !important; } .accss-custom-styles-init .State.errorBox { width: 90% !important; margin-left: 5px; } .accss-custom-styles-init .postalCode.errorBox { width: 95% !important; } .accss-custom-styles-init .container-fix .item { flex: 100% !important; max-width: 100% !important; } } .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem .tooltipIndicator { top: -1px; } /*Myaccount Payment-cc-save-add Focusoverlapping JBT end*/ /*ACCSS-5750*/ .accss-custom-styles-init .creditCardInformationContainer .inputContainer .inputRow input, .accss-custom-styles-init #myaccount_edit_list_form_box input, .accss-custom-styles-init .f-l > input, .accss-custom-styles-init .expiryDate select.month_style, .accss-custom-styles-init .expiryDate select.year_style, .accss-custom-styles-init .addressContainer select.State, .accss-custom-styles-init .accss-order-int-fields-border-color input, .accss-custom-styles-init .accss-order-int-fields-border-color md-select { border: 1px solid #949596; } .accss-custom-styles-init .accss-order-int-fields-border-color-force input { border: 1px solid #949596 !important; } /* ACCSS-7352 */ .accss-custom-styles-init .accss-support-pref-fields-border-color input { border: 1px solid #949596 !important; } /*regression issues fixes*/ .accss-custom-styles-init a.myvirgin-logo { margin-left: 5px; } /*Payment history topup*/ @media screen and (max-width:350px) { .accss-custom-styles-init .paymentHistoryTable tbody tr td strong { width: 20%; } } @media (min-width:351px) and (max-width:450px) { .accss-custom-styles-init .paymentHistoryTable tbody tr td strong { width: 19%; word-break: break-word; } } /*Button additional space in myaccount fixing focus overlapping*/ .accss-custom-styles-init #content_table #divNewRatePlan .btnHolder.Wrapper.accss-focus-outline-override-bgwhite-elem a[href].btnBasic.btnTransparent#btnBack, .accss-custom-styles-init .content-container.accss-focus-outline-override #content_table .btnHolder.Wrapper a[href].btnBasic.btnTransparent#btnBack, .accss-custom-styles-init #content_table .btnHolder.Wrapper a[href].btnBasic.btnTransparent#btnCancel, .accss-custom-styles-init #content_table .btnHolder.Wrapper a[href].btnBasic.btnTransparent#btnBack { margin-right: 3px; } /* focus outline for cc */ .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem.accss-topupCC-rad label { margin-left: 3px; } .accss-custom-styles-init .accss-focus-outline-override-bgwhite-elem.accss-topupCC-rad fieldset:nth-child(2) input[name="otherAmount"][type="text"] { margin-left: 5px; } .accss-custom-styles-init .inputHolder > div.accss-focus-outline-override-bgwhite-elem.accss-topupCC-rad + fieldset.accss-focus-outline-override-bgwhite-elem select#labelNewCard { margin-left: 10px; } /* focus outline for confirm termsAndCond label */ .accss-custom-styles-init div.accss-focus-outline-override-bgwhite-elem > input[type=checkbox]#chkTermsAndCond + label { margin-left: 5px; } /* focus outline for sc */ @media screen and (max-width:460px) { .accss-custom-styles-init .topupInlineElements a.showField, .accss-custom-styles-init .topupInlineElements a.hideField { margin-top: 10px; } /* Hot offers mobile plan - Fix for mobile overlapping */ .accss-custom-styles-init .accss-content-mobile-width .speedbox { width: 42%; } .accss-custom-styles-init .accss-content-mobile-width .speedbox h4 { font-size: 13px; } } .accss-custom-styles-init .topupInlineElements input { margin-top: 10px !important; } @media screen and (max-width:759px) { .accss-custom-styles-init .topup-secure-amountContainer.margBottom15 > div.fieldTitle { width: 100%; } } /*Topup PAD page fix regression issue*/ @media screen and (max-width:1023px) { .accss-custom-styles-init div#topUp + ul.topupConditions + div.topupConditionsBtn { width: 80% !important; } } /*Prepaid landing overflow content fixes*/ .accss-custom-styles-init .accountDetailsBox .welcomeMessage, .accss-custom-styles-init .accountDetailsBox .topupBalancebox, .accss-custom-styles-init .myAccountProductServicesInfo, .accss-custom-styles-init .myAccountProductInfo { flex-basis: 50%; width: auto; } @media screen and (max-width: 800px) { .accss-custom-styles-init .prepaidLandingSecondRow { display: flex !important; flex-direction: column; } } .accss-custom-styles-init .prepaidLandingSecondRow { display: flex !important; } .accss-custom-styles-init .prepaidLandingSecondRow { display: flex; } .accss-custom-styles-init .myAccountProductServicesInfo .heading#openHideCheckUsage { padding: 0 !important; margin-top: 0; } @media screen and (max-width: 800px) { .accss-custom-styles-init .welcome-container .accountDetailsBox .topupBalancebox .balanceBox { float: left; width: 100% !important; padding-left: 0; } } /*ACCSS-5751 - applied fixes for the change esn start tooltip content*/ .accss-custom-styles-init .phoneStickCol1.accss-custom-pad-b-30 .inputContainer .tooltip-content#accss-tooltip-content { margin-bottom: 10px; } /*ACCSS-6536*/ @media screen and (max-width: 400px) { .speedbox div.moreinfo#upload-more-info-1, .speedbox div.moreinfo#upload-more-info-2, .speedbox div.moreinfo#upload-more-info-3 { width: 50%; } } /*Fix for dropdown arrow overlapping in 400% Zoom (Plans/postpaid) -JBT */ @media screen and (max-width: 340px) and (min-width: 308px) { .accss-custom-styles-init .planDropDownHeader .planDropDownHeaderInner .chevron { position: initial !important; } } @media screen and (max-width: 265px) and (min-width: 235px) { .accss-custom-styles-init .planDropDownHeader .planDropDownHeaderInner .chevron { position: initial !important; } } @media screen and (max-width: 200px) { .accss-custom-styles-init .planDropDownHeader .planDropDownHeaderInner .chevron { position: initial !important; } } .accss-custom-styles-init .ratebox.accss-ratebox-outline { padding-bottom: 12px; transition: box-shadow 0.0s ease-in-out !important; } @media screen and (max-width: 1089px) and (min-width: 901px) { .accss-custom-styles-init .ratebox.accss-ratebox-outline { padding-bottom: 10px; } } @media screen and (max-width: 900px) and (min-width:305px) { .accss-custom-styles-init .rateboxList.accss-ratebox-outline { padding-bottom: 3px; } } @media screen and (max-width: 304px) { .accss-custom-styles-init .rateboxList.accss-ratebox-outline { padding-bottom: 41px; } .accss-custom-styles-init .accss-phone-details-mobile-phone-focus { width: auto !important; min-width: calc(25% - ((100% / 4) * 0.10)) !important; padding: 0px calc(25% * 0.05) !important; } } @media screen and (max-width: 800px) and (min-width: 641px) { .accss-custom-styles-init .rateboxList.accss-ratebox-outline { width: -webkit-calc(100% - 2%); width: -moz-calc(100% - 2%); width: calc(100% - 2%); margin-left: 1%; } } @media screen and (max-width: 382px) { /*TV index modal close button JBT*/ .accss-custom-styles-init #optionsLightbox .btnContainer a.btnBasic { margin-right: 0px !important; margin-bottom: 5px; } } @media screen and (max-width: 1000px) { /*Support sim zoom 400 issue JBT*/ .accss-custom-styles-init #contactlist-plans ul li { height: auto !important; } } /*ACCSS - 8178,8189 WIFI calling JBT */ .accss-custom-styles-init #termsandconditions.accss-wifi-cal-tac { outline: none; } .accss-custom-styles-init h3.accss-wifical-p-style { font-size: 16px; color: #333; text-transform: none; line-height: 1.2em; font-family: GraphikWeb, Arial, Helvetica, sans-serif; } .accss-custom-styles-init .Wrapper .copy a[href] { -webkit-box-decoration-break: clone; } /*Hof offers Index text overlapping on French JBT */ .accss-custom-styles-init a.accss-focus-pseudo-outline-override-elem.redBtn-red-bg.btn-with-pad.btnBasic.btnSecond[data-linkname="Shop phones"] { line-height: 18px; } /*plans monthly*/ #simChoice .flexBox.accss-plans-container .box .tb { height: auto !important; } /************************************END Page Prepaid - Specific CSS***************************************************/