diff options
Diffstat (limited to 'ecomp-sdk-app/src/main/webapp/app/fusion/external/ebz/ebz_header/header.css')
| -rw-r--r-- | ecomp-sdk-app/src/main/webapp/app/fusion/external/ebz/ebz_header/header.css | 1866 |
1 files changed, 1866 insertions, 0 deletions
diff --git a/ecomp-sdk-app/src/main/webapp/app/fusion/external/ebz/ebz_header/header.css b/ecomp-sdk-app/src/main/webapp/app/fusion/external/ebz/ebz_header/header.css new file mode 100644 index 000000000..6e387806d --- /dev/null +++ b/ecomp-sdk-app/src/main/webapp/app/fusion/external/ebz/ebz_header/header.css @@ -0,0 +1,1866 @@ +/* Generated by F12 developer tools. This might not be an accurate representation of the original source file */ + +.bui-global-btn { + padding: 8px 20px; border-radius: 6px; border: 0px currentColor; transition:background-color 0.3s ease-out; height: auto; text-align: center; color: rgb(255, 255, 255) !important; line-height: 1; font-size: 14px; text-decoration: none !important; vertical-align: middle; display: inline-block; position: relative; cursor: pointer; box-sizing: border-box; background-color:; +} +.bui-global-btn-small { + height: 30px !important; min-width: 60px; +} +.bui-global-btn-primary { + border-color: rgb(53, 128, 189); color: rgb(255, 255, 255) !important; background-color: rgb(6, 122, 180); +} +.bui-global-btn-primary:hover { + background-color: rgb(25, 157, 223); +} +.bui-global-btn-primary:active { + border-color: rgb(40, 97, 141); background-color: rgb(50, 120, 177); +} +.bui-global-btn-hero { + color: rgb(255, 255, 255); background-color: rgb(239, 111, 0); +} +.bui-global-btn-hero:hover { + background-color: rgb(252, 179, 20); +} +.bui-global-btn-hero:active { + background-color: rgb(255, 114, 0); +} +.bui-global-btn-secondary { + color: rgb(255, 255, 255); background-color: rgb(102, 102, 102); +} +.bui-global-btn-secondary:hover { + background-color: rgb(187, 187, 187); +} +.bui-global-btn-secondary:active { + background-color: rgb(102, 102, 102); +} +.bui-global-btn-disabled { + color: rgb(153, 153, 153) !important; cursor: pointer; background-color: rgb(221, 221, 221); +} +.bui-global-btn-disabled:hover { + background-color: rgb(221, 221, 221); +} +.bui-global-btn-disabled:active { + background-color: rgb(221, 221, 221); +} +.bui-global-links { + transition:0.3s ease-in-out; color: rgb(6, 122, 180); text-decoration: none; +} +.bui-global-links:hover { + color: rgb(25, 157, 223); text-decoration: underline; +} +.bui-global-links:active { + text-decoration: none; coloe: #199ddf; +} +.att-global-fonts-common { + margin: 0px; text-transform: none; +} +.att-global-fonts-popup-header { + margin: 0px; text-transform: none; line-height: 10px; font-family: clearviewatt_ltbold; font-size: 11px; font-weight: 100; +} +.att-global-fonts-popup-content { + margin: 0px; text-transform: none; line-height: 15px; font-family: clearviewattregular; font-size: 14px; +} +a.reg-logout-btn { + padding: 8px 20px; border-radius: 6px; border: currentColor !important; transition:background-color 0.3s ease-out; width: 94px !important; height: auto; text-align: center; color: rgb(255, 255, 255) !important; line-height: 1; font-family: clearviewattregular; font-size: 14px; text-decoration: none !important; vertical-align: middle; display: inline-block; position: relative; cursor: pointer; box-sizing: border-box; background-color: rgb(102, 102, 102); -moz-box-sizing: border-box; valign: middle; +} +a.reg-logout-btn:hover { + background-color: rgb(187, 187, 187); +} +a.reg-logout-btn:active { + background-color: rgb(102, 102, 102); +} +ul.reg-Details-table > li { + line-height: 0px !important; +} +ul.reg-Details-table { + margin: 0px; padding: 0px; +} +#reg-header-snippet { + width: inherit; height: auto; overflow: hidden; clear: both; background-color: rgb(250, 250, 250); +} +#reg-header-snippet .reg-profilePicture { + padding: 20px 20px 17px; width: 109px; margin-bottom: 0px; border-right-color: rgb(211, 211, 211); border-right-width: 1px; border-right-style: solid; float: left; background-color: rgb(250, 250, 250); +} +#reg-header-snippet .reg-profilePicture #reg-profileImage { + width: 100%; clear: both; margin-left: 15px; +} +#reg-header-snippet .reg-profilePicture #reg-myprofile-link { + text-align: left; margin-top: 18px; +} +#reg-header-snippet .reg-profilePicture #reg-myprofile-link a { + transition:0.3s ease-in-out; color: rgb(6, 122, 180); line-height: 15px; padding-left: 21px; font-size: 14px; text-decoration: none; +} +#reg-header-snippet .reg-profilePicture #reg-myprofile-link a:hover { + color: rgb(25, 157, 223); text-decoration: underline; +} +#reg-header-snippet .reg-profilePicture #reg-myprofile-link a:active { + text-decoration: none; coloe: #199ddf; +} +#reg-header-snippet .reg-profilePicture #reg-companyProfile-link { + margin-top: 14px; +} +#reg-header-snippet .reg-profilePicture #reg-companyProfile-link a { + transition:0.3s ease-in-out; color: rgb(6, 122, 180); line-height: 15px; font-size: 14px; text-decoration: none; +} +#reg-header-snippet .reg-profilePicture #reg-companyProfile-link a:hover { + color: rgb(25, 157, 223); text-decoration: underline; +} +#reg-header-snippet .reg-profilePicture #reg-companyProfile-link a:active { + text-decoration: none; coloe: #199ddf; +} +#reg-header-snippet .reg-profilePicture #reg-logout-div { + margin-top: 38px; +} +#reg-header-snippet .reg-profilePicture #reg-logout-div form.reg-logoutForm { + margin: 0px; +} +#reg-header-snippet .reg-profileDetails { + padding: 11px 20px 20px; width: 199px; margin-bottom: 0px; border-bottom-width: 0px; float: left; min-height: 220px; background-color: rgb(255, 255, 255); +} +#reg-header-snippet .reg-profileDetails .reg-userName-table { + height: 70px; display: table; min-height: 70px; +} +#reg-header-snippet .reg-profileDetails .reg-userName-table #reg-userName-table-row { + text-align: left; clear: both; display: table-row; min-height: inherit; +} +#reg-header-snippet .reg-profileDetails .reg-userName-table #reg-userName-table-row #reg-userName-table-cell { + height: inherit; vertical-align: middle; display: table-cell; -ms-word-wrap: break-word; min-height: inherit; +} +#reg-header-snippet .reg-profileDetails .reg-userName-table #reg-userName-table-row #reg-userName-table-cell #reg-userName { + width: 8em; color: rgb(68, 68, 68); overflow: hidden; font-weight: normal; float: left; white-space: normal; +} +#reg-header-snippet .reg-profileDetails .reg-userEmail-label { + text-align: left; clear: both; margin-top: 21px; +} +#reg-header-snippet .reg-profileDetails .reg-userEmail-label .reg-userEmail-label-spn { + margin: 0px; color: rgb(68, 68, 68); text-transform: none; line-height: 10px; font-family: clearviewatt_ltbold; font-size: 11px; font-weight: 100; +} +#reg-header-snippet .reg-profileDetails .reg-userEmail-value { + text-align: left; clear: both; margin-top: 5px; +} +#reg-header-snippet .reg-profileDetails .reg-userEmail-value .reg-userEmail-value-spn { + margin: 0px; color: rgb(102, 102, 102); text-transform: none; line-height: 15px; font-family: clearviewattregular; font-size: 14px; +} +#reg-header-snippet .reg-profileDetails .reg-userRole-label { + text-align: left; clear: both; margin-top: 20px; +} +#reg-header-snippet .reg-profileDetails .reg-userRole-label .reg-userRole-label-spn { + margin: 0px; color: rgb(68, 68, 68); text-transform: none; line-height: 10px; font-family: clearviewatt_ltbold; font-size: 11px; font-weight: 100; +} +#reg-header-snippet .reg-profileDetails .reg-userRole-value { + text-align: left; clear: both; margin-top: 6px; +} +#reg-header-snippet .reg-profileDetails .reg-userRole-value .reg-userRole-value-spn { + margin: 0px; color: rgb(102, 102, 102); text-transform: none; line-height: 15px; font-family: clearviewattregular; font-size: 14px; +} +#reg-header-snippet .reg-profileDetails .reg-userCompany-label { + text-align: left; clear: both; margin-top: 19px; +} +#reg-header-snippet .reg-profileDetails .reg-userCompany-label .reg-userCompany-spn { + margin: 0px; color: rgb(68, 68, 68); text-transform: none; line-height: 10px; font-family: clearviewatt_ltbold; font-size: 11px; font-weight: 100; +} +#reg-header-snippet .reg-profileDetails .reg-userCompany-value { + text-align: left; clear: both; margin-top: 5px; +} +#reg-header-snippet .reg-profileDetails .reg-userCompany-value .reg-userCompany-spn { + margin: 0px; color: rgb(102, 102, 102); text-transform: none; line-height: 15px; font-family: clearviewattregular; font-size: 14px; -ms-word-wrap: break-word; +} +.bui-global-transitions-hover { + border: 1px solid rgb(187, 187, 187); z-index: 90; +} +.bui-global-transitions-focus { + outline: 0px; border: 1px solid rgb(25, 157, 223) !important; z-index: 100; box-shadow: none; -webkit-box-shadow: none; +} +.bui-global-transitions-login-page { + background: 0px 0px rgb(250, 250, 250); border-radius: 3px; border: 1px solid rgb(211, 211, 211); transition:border 0.3s ease-in-out; color: rgb(68, 68, 68); font-family: clearviewattregular; box-shadow: none !important; +} +.bui-global-transitions-login-page:hover { + border: 1px solid rgb(187, 187, 187); z-index: 90; +} +.bui-global-transitions-login-page:focus { + outline: 0px; border: 1px solid rgb(25, 157, 223) !important; z-index: 100; box-shadow: none; -webkit-box-shadow: none; +} +li#anchor ul.column { + display: none; +} +li#anchor:hover ul.column { + display: block; +} +.login-icon { + width: 27px; height: 27px; vertical-align: middle; display: inline-block; background-image: url("../images/common/header/login-icon.png"); background-repeat: no-repeat; +} +.bui-reg-one-line-layout * { + display: inline-block; +} +.popbox { + margin: 0px auto; text-align: center; position: relative; +} +.collapse { + position: relative; +} +.box { + background: rgb(255, 255, 255); border: 1px solid rgb(187, 187, 187); width: auto; height: auto; display: none; position: relative; z-index: 0; min-width: 260px; +} +.box * { + box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; +} +.box ::after { + box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; +} +.box ::before { + box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; +} +.box a.close { + color: red; font-family: arial; font-size: 12px; text-decoration: underline; +} +.box .arrow { + left: 1px; top: -8px; width: 0px; height: 0px; border-right-color: transparent; border-bottom-color: rgb(255, 255, 255); border-left-color: transparent; border-right-width: 8px; border-bottom-width: 8px; border-left-width: 8px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute; z-index: 1001; +} +.standard-input-error-msg-class { + background: url("../images/common/header/exclamation-error.png") no-repeat 337px rgb(231, 229, 230) !important; +} +.box-form { + padding-top: 10px; padding-bottom: 0px; padding-left: 16px; +} +.control-text-popup { + border-radius: 3px 3px 0px 0px !important; width: 200px !important; +} +.control-label-password { + line-height: 10px !important; padding-top: 3px !important; +} +.control-label-checkbox { + line-height: 15px; padding-top: 5px; +} +.placeholder-class { + color: rgb(139, 139, 139) !important; +} +.forgot-userid-password { + font-size: 10px !important; font-weight: normal !important; +} +.header-login-label { + color: rgb(255, 255, 255); font-size: 13px; maxlength: 10; +} +.ellipsis-header-name { + overflow: hidden; padding-top: 0px; margin-top: 0px; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 100px; ms-text-overflow: ellipsis; +} +#generic-image { + padding: 100px; background-image: url("../images/common/header/placerimage.jpg"); background-repeat: no-repeat; +} +.bui-reg-horizontal-rule { + width: 100%; height: 1.25px; clear: both; background-color: rgb(231, 230, 230); +} +.bui-reg-horizontal-rule-margin { + margin-top: 20px; margin-bottom: 20px; +} +.password-horizontal-rule-margin { + margin-top: 5px; margin-bottom: 5px; +} +.requiredInformation { + font-size: 11px; +} +.header-login-window { + height: 100px; +} +.header-login-window-image { + padding: 18px; +} +.header-login-window-name { + line-height: 1.5em; overflow: hidden; padding-top: 18px; padding-right: 18px; font-family: clearviewatt_ltbold; font-size: 16px; +} +.header-login-window-role { + font-family: clearviewattregular; font-size: 12px; +} +.header-login-window-logout { + background: rgb(231, 229, 230); height: 27px; line-height: 27px; font-family: clearviewatt_ltbold; font-size: 11px; z-index: 10001; +} +.header-login-window-logout a { + color: rgb(103, 103, 103); +} +.header-login-name { + width: auto; line-height: 50px; padding-right: 23px; padding-left: 3px; float: left; cursor: pointer; +} +.error-msg-box { + border-radius: 3px; width: 200px; height: 35px; color: rgb(255, 255, 255); line-height: 35px; font-size: 12px; margin-top: 15px; margin-left: 30px; background-color: rgb(255, 69, 57); +} +.header_login_field_border_error { + background: url("../images/common/header/icon-error.png") no-repeat 118px rgb(255, 255, 255) !important; border: 1px solid rgb(255, 69, 57) !important; z-index: 100; +} +.header_login_field_border_error:hover { + border: 1px solid rgb(255, 69, 57) !important; +} +.header_login_field_3sides_error { + background: url("../images/common/header/icon-error.png") no-repeat 118px rgb(255, 255, 255) !important; border-right-color: rgb(255, 69, 57) !important; border-bottom-color: rgb(255, 69, 57) !important; border-left-color: rgb(255, 69, 57) !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; +} +.header_login_field_3sides_error:hover { + border: 1px solid rgb(255, 69, 57) !important; +} +.header_login_field_wrapper_border_error { + background: url("../images/common/header/icon-error.png") no-repeat 118px rgb(255, 255, 255) !important; +} +.error-msg-class { + background: url("../images/common/header/exclamation-error.png") no-repeat 178px rgb(255, 255, 255) !important; border-color: rgb(177, 11, 59) !important; color: rgb(179, 10, 60) !important; font-size: 10px; box-shadow: inset 0px 0px 3px #b10b3b, 0px 0px 3px #b10b3b !important; +} +.regFormInputLoginText { + background: no-repeat 100% -22px rgb(250, 250, 250); padding: 10px; width: 200px; height: 20px; color: rgb(68, 68, 68); font-size: 12px; display: block; +} +.regFormInputLoginPassword { + background: no-repeat 100% -22px rgb(250, 250, 250); padding: 10px; width: 200px; height: 20px; color: rgb(68, 68, 68); font-size: 12px; display: block; +} +.header-login-button { + height: 20px; min-width: 10px !important; box-shadow: none; +} +#headerLoginFormID #header_login_title { + color: rgb(68, 68, 68); font-family: clearviewattregular; font-size: 14px; margin-top: 25px; +} +#headerLoginFormID #header_login_id { + background: url("../images/common/header/icon-username.png") no-repeat 10px rgb(250, 250, 250) !important; padding: 10px 10px 10px 36px; border-radius: 3px 3px 0px 0px !important; border: 1px solid rgb(211, 211, 211); transition:border 0.3s ease-in-out; width: 200px; height: 32px; color: rgb(68, 68, 68); font-family: clearviewattregular; font-size: 12px; margin-top: 15px; margin-bottom: 10px !important; margin-left: 30px; display: block; box-shadow: none !important; +} +#headerLoginFormID #header_login_id:hover { + border: 1px solid rgb(187, 187, 187); z-index: 90; +} +#headerLoginFormID #header_login_id:focus { + outline: 0px; border: 1px solid rgb(25, 157, 223) !important; z-index: 100; box-shadow: none; -webkit-box-shadow: none; +} +#headerLoginFormID #header_password { + background: url("../images/common/header/icon-password.png") no-repeat 10px rgb(250, 250, 250) !important; padding: 10px 10px 10px 36px; border-radius: 0px 0px 3px 3px !important; border: 1px solid rgb(211, 211, 211); transition:border 0.3s ease-in-out; width: 200px; height: 32px; color: rgb(68, 68, 68); font-family: clearviewattregular; font-size: 12px; margin-top: -11px; margin-bottom: 0px; margin-left: 30px; display: block; box-shadow: none !important; +} +#headerLoginFormID #header_password:hover { + border: 1px solid rgb(187, 187, 187); z-index: 90; +} +#headerLoginFormID #header_password:focus { + outline: 0px; border: 1px solid rgb(25, 157, 223) !important; z-index: 100; box-shadow: none; -webkit-box-shadow: none; +} +#headerLoginFormID #header_login_block { + height: 30px; margin-top: 15px; +} +#headerLoginFormID #header_login_block #header_login_button { + padding: 8px 20px; border-radius: 6px; border: 0px rgb(53, 128, 189); transition:background-color 0.3s ease-out; width: 80px; height: 30px !important; text-align: center; color: rgb(255, 255, 255) !important; line-height: 1; font-size: 14px; text-decoration: none !important; margin-left: 25px; vertical-align: middle; float: left; display: inline-block; position: relative; cursor: pointer; min-width: 60px; box-sizing: border-box; background-color: rgb(6, 122, 180); -moz-box-sizing: border-box; valign: middle; +} +#headerLoginFormID #header_login_block #header_login_button:hover { + background-color: rgb(25, 157, 223); +} +#headerLoginFormID #header_login_block #header_login_button:active { + border-color: rgb(40, 97, 141); background-color: rgb(50, 120, 177); +} +#headerLoginFormID #remember_me_component { + padding-left: 30px; margin-top: 11px; +} +#headerLoginFormID #remember_me_component #rememberme_header_label { + margin-top: 4px; +} +#headerLoginFormID #remember_me_component #remember-me { + color: rgb(102, 102, 102); font-family: clearviewattregular; font-size: 12px; font-weight: normal; +} +#headerLoginFormID #forgot_username_component { + text-align: left; padding-top: 30px; padding-bottom: 30px; padding-left: 30px; clear: both; +} +#headerLoginFormID #forgot_username_component .regular { + color: rgb(68, 68, 68); font-family: clearviewattregular; font-size: 12px; +} +#headerLoginFormID #forgot_username_component .link { + color: rgb(6, 122, 180); font-family: clearviewattregular; font-size: 12px; +} +.footerContainer { + background: 0px 0px rgb(6, 122, 180); margin: 0px auto; width: 100%; +} +.footerContainer .footerWrapper { + margin: 0px auto; width: 100%; padding-bottom: 25px; background-color: rgb(6, 122, 180); +} +.footerContainer .footerWrapper .footerItem { + margin: auto; width: 100%; height: 60px; color: rgb(255, 255, 255); line-height: 1; overflow: hidden; font-family: clearview_att_regular; font-size: 12px; +} +.footerContainer .footerWrapper .footerItem .divider { + width: 100px; margin-top: 10px; margin-bottom: 10px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; +} +.footerContainer .footerWrapper .footerItem .customerSupport { + width: 160px; margin-left: 30px; float: left; +} +.footerContainer .footerWrapper .footerItem .customerSupport .customerHelp { + font-size: 14px; margin-top: 45px; margin-bottom: 20px; +} +.footerContainer .footerWrapper .footerItem .customerSupport a { + color: rgb(255, 255, 255) !important; +} +.footerContainer .footerWrapper .footerItem .customerSupport a:hover { + text-decoration: none; +} +.footerContainer .footerWrapper .footerItem .legalInfo { + width: 160px; float: left; +} +.footerContainer .footerWrapper .footerItem .legalInfo .legal { + font-size: 14px; margin-top: 45px; margin-bottom: 20px; +} +.footerContainer .footerWrapper .footerItem .legalInfo a { + color: rgb(255, 255, 255) !important; +} +.footerContainer .footerWrapper .footerItem .legalInfo a:hover { + text-decoration: none; +} +.footerContainer .footerWrapper .footerItem .subscribeSection { + width: 295px; float: left; +} +.footerContainer .footerWrapper .footerItem .subscribeSection .subscribeSave { + font-size: 14px; margin-top: 45px; margin-bottom: 20px; +} +.footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection { + overflow: hidden; margin-top: 15px; +} +.footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .emailAddress { + width: 170px; float: left; +} +.footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .emailAddress input { + padding: 5px 10px 5px 5px; width: 152px; color: rgb(255, 255, 255) !important; background-color: rgb(6, 122, 180); +} +.footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .subscribeBtn { + border-radius: 1px 5px 5px 1px; top: 1px; width: 95px; height: 30px; text-align: center; right: 7px; color: rgb(6, 122, 180); font-size: 14px; vertical-align: middle; float: left; position: relative; cursor: pointer; background-color: rgb(255, 255, 255); +} +.footerContainer .footerWrapper .footerItem .socialMedia { + margin-left: 0px; float: left; +} +.footerContainer .footerWrapper .footerItem .socialMedia .followAtt { + font-size: 14px; margin-top: 45px; margin-bottom: 20px; +} +.footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds { + margin-top: 20px; margin-left: -8px; +} +.footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span { + margin: 0px; padding: 5px; font-size: 30px; +} +.footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span a { + margin: 0px; padding: 0px; color: rgb(255, 255, 255); +} +.footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span a:hover { + text-decoration: none; +} +.footerContainer .footerWrapper .dividerBottom { + margin: auto; width: 920px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; +} +.footerContainer .footerWrapper .feedbackSection { + margin: auto; width: 920px; display: none; +} +.footerContainer .footerWrapper .feedbackSection .dividerTop { + margin: auto; width: 920px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; +} +.footerContainer .footerWrapper .feedbackSection .feedbackContent { + margin: 30px auto; +} +.footerContainer .footerWrapper .feedbackSection .feedbackContent #feedbackForm { + height: 120px; +} +.footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackInfo { + width: 270px; color: rgb(255, 255, 255); font-family: clearview_att_regular; font-size: 12px; margin-top: -5px; margin-right: 30px; float: left; +} +.footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackTextSection .feedbackText { + padding: 10px; border-radius: 5px; border: 1px solid rgb(255, 255, 255); width: 500px; height: 100px; color: rgb(255, 255, 255); font-family: clearview_att_regular; font-size: 14px; float: left; cursor: text; background-color: rgb(6, 122, 180); resize: none; +} +.footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackTextSection .feedbackSubmitButton { + padding: 5px; border-radius: 5px; border: currentColor; width: 82px; color: rgb(6, 122, 180); font-family: clearview_att_regular; font-size: 14px; margin-top: 92px; margin-left: 16px; cursor: pointer; background-color: rgb(255, 255, 255); +} +.footerContainer .footerWrapper .feedbackResultMsg { + margin: 0px auto; width: 100%; text-align: center; color: rgb(255, 255, 255); line-height: 70px; font-family: clearview_att_regular; font-size: 18px; display: none; +} +.footerContainer .footerWrapper .feedbackResultMsg #feedbackMsgCheck { + font-size: 20px; margin-right: 20px; +} +.footerContainer .footerWrapper #feedbackResultDivider { + display: none; +} +.footerContainer .footerWrapper .feedbackButtonDiv { + margin: auto; max-width: 110px; +} +.footerContainer .footerWrapper .feedbackButtonDiv .feedbackButton { + background: rgb(255, 255, 255); margin: -1px auto auto; padding: 5px 10px; border-radius: 0px 0px 5px 5px; border: currentColor; color: rgb(6, 122, 180); font-family: clearview_att_regular; font-size: 14px; cursor: pointer; +} +.footerContainer .footerWrapper .feedbackButtonDiv .closeFeedbackButton { + background: rgb(255, 255, 255); margin: -1px auto auto; padding: 5px 10px; border-radius: 0px 0px 5px 5px; border: currentColor; color: rgb(6, 122, 180); font-family: clearview_att_regular; font-size: 14px; cursor: pointer; +} +.footerContainer .footerWrapper .feedbackButtonDiv .feedbackButton span { + padding-left: 10px; background-image: none; +} +.footerContainer .footerWrapper .feedbackButtonDiv .closeFeedbackButton span { + padding-left: 10px; background-image: none; +} +.footerContainer .footerWrapper .attFooterInfo { + margin: auto; width: 100%; color: rgb(255, 255, 255); overflow: hidden; font-family: clearview_att_regular; font-size: 12px; +} +.footerContainer .footerWrapper .attFooterInfo a { + margin: 0px; padding: 0px; color: rgb(255, 255, 255); text-decoration: underline; +} +.footerContainer .footerWrapper .attFooterInfo .footerLastSection { + overflow: hidden; margin-top: 40px; +} +.footerContainer .footerWrapper .attFooterInfo span { + padding-right: 5px; padding-left: 3px; border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid; +} +.footerContainer .footerWrapper .attFooterInfo span:last-child { + border: currentColor; +} +.footerContainer .footerWrapper .attFooterInfo .attLogo { + width: 150px; height: 77px; margin-right: 0px; margin-left: 17px; float: left; +} +.footerContainer .footerWrapper .attFooterInfo .attQuality { + background: url("../images/common/footer/footer-consumerinfo.png") repeat-x 0px 0px; top: -5px; width: 79px; height: 82px; margin-right: 103px; float: left; position: relative; +} +.footerContainer .footerWrapper .attFooterInfo .attAdvertise { + width: 64%; float: right; +} +.footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy { + margin-top: 17px; +} +.footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a { + text-decoration: underline; +} +.footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a span { + padding: 0px; +} +.footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a:hover { + text-decoration: underline; +} +[data-icon]::before { + text-transform: none; line-height: 1; font-family: "atticons"; font-variant: normal; font-weight: normal; content: attr(data-icon); speak: none; -webkit-font-smoothing: antialiased; +} +[class^='icon-'] { + text-transform: none; line-height: 1; font-family: "atticons"; font-style: normal; font-variant: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; +} +[class*=' icon-'] { + text-transform: none; line-height: 1; font-family: "atticons"; font-style: normal; font-variant: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; +} +.icon-wireless-outline::before { + content: "\e600"; +} +.icon-wireless-dashboard::before { + content: "\e601"; +} +.icon-website-hosting-outline::before { + content: "\e602"; +} +.icon-volume-up::before { + content: "\e603"; +} +.icon-volume-mute::before { + content: "\e604"; +} +.icon-volume-down::before { + content: "\e605"; +} +.icon-video::before { + content: "\e606"; +} +.icon-video-tutorials::before { + content: "\e607"; +} +.icon-video-tutorials-outline::before { + content: "\e608"; +} +.icon-video-outline::before { + content: "\e609"; +} +.icon-user::before { + content: "\e60a"; +} +.icon-user-small::before { + content: "\e60b"; +} +.icon-user-outline::before { + content: "\e60c"; +} +.icon-user-large-outline::before { + content: "\e60d"; +} +.icon-upgrades::before { + content: "\e60e"; +} +.icon-upgrades-outline::before { + content: "\e60f"; +} +.icon-unlimited-nights-weekends-outline::before { + content: "\e610"; +} +.icon-unlimited-minutes-outline::before { + content: "\e611"; +} +.icon-unlimited-messaging-outline::before { + content: "\e612"; +} +.icon-unlimited-m2m-outline::before { + content: "\e613"; +} +.icon-unlimited-calling::before { + content: "\e614"; +} +.icon-tv-packages-outline::before { + content: "\e615"; +} +.icon-travel-minutes-outline::before { + content: "\e616"; +} +.icon-trash::before { + content: "\e617"; +} +.icon-tollfree-outline::before { + content: "\e618"; +} +.icon-tiles::before { + content: "\e619"; +} +.icon-tiles-small::before { + content: "\e61a"; +} +.icon-tickets::before { + content: "\e61b"; +} +.icon-tickets-returned::before { + content: "\e61c"; +} +.icon-tickets-referred::before { + content: "\e61d"; +} +.icon-tickets-outline::before { + content: "\e61e"; +} +.icon-tickets-open::before { + content: "\e61f"; +} +.icon-tickets-escalate::before { + content: "\e620"; +} +.icon-tickets-contested::before { + content: "\e621"; +} +.icon-tickets-closed::before { + content: "\e622"; +} +.icon-tickets-cleared::before { + content: "\e623"; +} +.icon-tickets-arquived::before { + content: "\e624"; +} +.icon-tickets-active::before { + content: "\e625"; +} +.icon-technical-specifications::before { + content: "\e626"; +} +.icon-tech-support::before { + content: "\e627"; +} +.icon-tech-support-outline::before { + content: "\e628"; +} +.icon-tablet::before { + content: "\e629"; +} +.icon-tablet-outline::before { + content: "\e62a"; +} +.icon-support::before { + content: "\e62b"; +} +.icon-support-outline::before { + content: "\e62c"; +} +.icon-star::before { + content: "\e62d"; +} +.icon-sort::before { + content: "\e62e"; +} +.icon-social-outline::before { + content: "\e62f"; +} +.icon-smartphone::before { + content: "\e630"; +} +.icon-smartphone-outline::before { + content: "\e631"; +} +.icon-signout-outline::before { + content: "\e632"; +} +.icon-sign-out::before { + content: "\e633"; +} +.icon-shop::before { + content: "\e634"; +} +.icon-shop-outline::before { + content: "\e635"; +} +.icon-shared-outline::before { + content: "\e636"; +} +.icon-shared-minutes-outline::before { + content: "\e637"; +} +.icon-share::before { + content: "\e638"; +} +.icon-settings::before { + content: "\e639"; +} +.icon-send-invoice-outline::before { + content: "\e63a"; +} +.icon-see-more::before { + content: "\e63b"; +} +.icon-see-less::before { + content: "\e63c"; +} +.icon-search::before { + content: "\e63d"; +} +.icon-search-small::before { + content: "\e63e"; +} +.icon-screen-calls-outline::before { + content: "\e63f"; +} +.icon-save-time-outline::before { + content: "\e640"; +} +.icon-saas-enablement-outline::before { + content: "\e641"; +} +.icon-s-beam::before { + content: "\e642"; +} +.icon-s-beam-outline::before { + content: "\e643"; +} +.icon-rollover-outline::before { + content: "\e644"; +} +.icon-rollover-minutes::before { + content: "\e645"; +} +.icon-reviews-outline::before { + content: "\e646"; +} +.icon-reports::before { + content: "\e647"; +} +.icon-reports-outline::before { + content: "\e648"; +} +.icon-recommendation-tool::before { + content: "\e649"; +} +.icon-receivers-outline::before { + content: "\e64a"; +} +.icon-productivity-outline::before { + content: "\e64b"; +} +.icon-print::before { + content: "\e64c"; +} +.icon-plus::before { + content: "\e64d"; +} +.icon-plus-outline::before { + content: "\e64e"; +} +.icon-play::before { + content: "\e64f"; +} +.icon-platform-as-service-outline::before { + content: "\e650"; +} +.icon-plans::before { + content: "\e651"; +} +.icon-plans-outline::before { + content: "\e652"; +} +.icon-pie-chart::before { + content: "\e653"; +} +.icon-photos::before { + content: "\e654"; +} +.icon-photos-outline::before { + content: "\e655"; +} +.icon-phone-data-outline::before { + content: "\e656"; +} +.icon-payments::before { + content: "\e657"; +} +.icon-payments-outline::before { + content: "\e658"; +} +.icon-pause::before { + content: "\e659"; +} +.icon-password::before { + content: "\e65a"; +} +.icon-password-outline::before { + content: "\e65b"; +} +.icon-overview::before { + content: "\e65c"; +} +.icon-overview-small::before { + content: "\e65d"; +} +.icon-overages::before { + content: "\e65e"; +} +.icon-overages-outline::before { + content: "\e65f"; +} +.icon-outage-outline::before { + content: "\e660"; +} +.icon-orders::before { + content: "\e661"; +} +.icon-orders-outline::before { + content: "\e662"; +} +.icon-optional-applications-outline::before { + content: "\e663"; +} +.icon-office-at-hand-outline::before { + content: "\e664"; +} +.icon-offers::before { + content: "\e665"; +} +.icon-offers-outline::before { + content: "\e666"; +} +.icon-notifications::before { + content: "\e667"; +} +.icon-notifications-outline::before { + content: "\e668"; +} +.icon-normal-screen::before { + content: "\e669"; +} +.icon-nights-weekends-outline::before { + content: "\e66a"; +} +.icon-new-requests-outline::before { + content: "\e66b"; +} +.icon-network::before { + content: "\e66c"; +} +.icon-network-dashboard::before { + content: "\e66d"; +} +.icon-netbook::before { + content: "\e66e"; +} +.icon-netbook-outline::before { + content: "\e66f"; +} +.icon-music::before { + content: "\e670"; +} +.icon-music-video::before { + content: "\e671"; +} +.icon-music-video-outline::before { + content: "\e672"; +} +.icon-music-outline::before { + content: "\e673"; +} +.icon-modem::before { + content: "\e674"; +} +.icon-modem-outline::before { + content: "\e675"; +} +.icon-mobile-insurance::before { + content: "\e676"; +} +.icon-mobile-insurance-outline::before { + content: "\e677"; +} +.icon-mobile-2-mobile-outline::before { + content: "\e678"; +} +.icon-missed-calls-outline::before { + content: "\e679"; +} +.icon-minutes::before { + content: "\e67a"; +} +.icon-minutes-outline::before { + content: "\e67b"; +} +.icon-messaging::before { + content: "\e67c"; +} +.icon-messaging-toolkit-outline::before { + content: "\e67d"; +} +.icon-messaging-outline::before { + content: "\e67e"; +} +.icon-messaging-email::before { + content: "\e67f"; +} +.icon-messaging-email-outline::before { + content: "\e680"; +} +.icon-message-small::before { + content: "\e681"; +} +.icon-maintenance::before { + content: "\e682"; +} +.icon-location-pin::before { + content: "\e683"; +} +.icon-location-pin-small::before { + content: "\e684"; +} +.icon-local-search::before { + content: "\e685"; +} +.icon-local-long-distance-outline::before { + content: "\e686"; +} +.icon-list::before { + content: "\e687"; +} +.icon-learn::before { + content: "\e688"; +} +.icon-learn-outline::before { + content: "\e689"; +} +.icon-laptop::before { + content: "\e68a"; +} +.icon-landline::before { + content: "\e68b"; +} +.icon-landline-outline::before { + content: "\e68c"; +} +.icon-invoices::before { + content: "\e68d"; +} +.icon-invoices-outline::before { + content: "\e68e"; +} +.icon-inventory::before { + content: "\e68f"; +} +.icon-intranet-outline::before { + content: "\e690"; +} +.icon-interpreter::before { + content: "\e691"; +} +.icon-interpreter-outline::before { + content: "\e692"; +} +.icon-internet::before { + content: "\e693"; +} +.icon-internet-outline::before { + content: "\e694"; +} +.icon-internet-24-outline::before { + content: "\e695"; +} +.icon-internet-18-outline::before { + content: "\e696"; +} +.icon-international-outline::before { + content: "\e697"; +} +.icon-international-long-distance-outline::before { + content: "\e698"; +} +.icon-international-data-outline::before { + content: "\e699"; +} +.icon-installation-outline::before { + content: "\e69a"; +} +.icon-information::before { + content: "\e69b"; +} +.icon-info-success::before { + content: "\e69c"; +} +.icon-info-alert::before { + content: "\e69d"; +} +.icon-info-alert-outline::before { + content: "\e69e"; +} +.icon-included-checkmark::before { + content: "\e69f"; +} +.icon-included-checkmark-outline::before { + content: "\e6a0"; +} +.icon-hotspot::before { + content: "\e6a1"; +} +.icon-hotspot-outline::before { + content: "\e6a2"; +} +.icon-hotspot-access-outline::before { + content: "\e6a3"; +} +.icon-home::before { + content: "\e6a4"; +} +.icon-help::before { + content: "\e6a5"; +} +.icon-help-outline::before { + content: "\e6a6"; +} +.icon-hd::before { + content: "\e6a7"; +} +.icon-hd-outline::before { + content: "\e6a8"; +} +.icon-hamburger::before { + content: "\e6a9"; +} +.icon-group-outline::before { + content: "\e6aa"; +} +.icon-gps::before { + content: "\e6ab"; +} +.icon-gps-outline::before { + content: "\e6ac"; +} +.icon-go-paperless-email-outline::before { + content: "\e6ad"; +} +.icon-global-messaging-outline::before { + content: "\e6ae"; +} +.icon-gamepad-outline::before { + content: "\e6af"; +} +.icon-game-devices::before { + content: "\e6b0"; +} +.icon-full-screen::before { + content: "\e6b1"; +} +.icon-forward-calls-outline::before { + content: "\e6b2"; +} +.icon-forum::before { + content: "\e6b3"; +} +.icon-forum-outline::before { + content: "\e6b4"; +} +.icon-filter::before { + content: "\e6b5"; +} +.icon-extras::before { + content: "\e6b6"; +} +.icon-extras-outline::before { + content: "\e6b7"; +} +.icon-erase::before { + content: "\e6b8"; +} +.icon-envelope::before { + content: "\e6b9"; +} +.icon-envelope-outline::before { + content: "\e6ba"; +} +.icon-enterprise-messaging-outline::before { + content: "\e6bb"; +} +.icon-edit::before { + content: "\e6bc"; +} +.icon-duplicate::before { + content: "\e6bd"; +} +.icon-dropdown-up::before { + content: "\e6be"; +} +.icon-dropdown-down::before { + content: "\e6bf"; +} +.icon-download::before { + content: "\e6c0"; +} +.icon-download-outline::before { + content: "\e6c1"; +} +.icon-disputes::before { + content: "\e6c2"; +} +.icon-detailed-billing::before { + content: "\e6c3"; +} +.icon-detailed-billing-outline::before { + content: "\e6c4"; +} +.icon-desktop-outline::before { + content: "\e6c5"; +} +.icon-data::before { + content: "\e6c6"; +} +.icon-data-outline::before { + content: "\e6c7"; +} +.icon-data-additional-outline::before { + content: "\e6c8"; +} +.icon-compare::before { + content: "\e6c9"; +} +.icon-cloud-storage-outline::before { + content: "\e6ca"; +} +.icon-cloud-outline::before { + content: "\e6cb"; +} +.icon-cloud-computing-outline::before { + content: "\e6cc"; +} +.icon-cloud-backup::before { + content: "\e6cd"; +} +.icon-cloud-backup-outline::before { + content: "\e6ce"; +} +.icon-circle-information-outline::before { + content: "\e6cf"; +} +.icon-circle-action-plus-outline::before { + content: "\e6d0"; +} +.icon-circle-action-minus-outline::before { + content: "\e6d1"; +} +.icon-circle-action-empty::before { + content: "\e6d2"; +} +.icon-circle-action-delete-outline::before { + content: "\e6d3"; +} +.icon-circle-action-close::before { + content: "\e6d4"; +} +.icon-circle-action-check-outline::before { + content: "\e6d5"; +} +.icon-circle-action-remove::before { + content: "\e6d6"; +} +.icon-circle-action-add::before { + content: "\e6d7"; +} +.icon-chip-outline::before { + content: "\e6d8"; +} +.icon-chevron-up::before { + content: "\e6d9"; +} +.icon-chevron-right::before { + content: "\e6da"; +} +.icon-chevron-left::before { + content: "\e6db"; +} +.icon-chevron-down::before { + content: "\e6dc"; +} +.icon-checkbox-checkmark::before { + content: "\e6dd"; +} +.icon-chat::before { + content: "\e6de"; +} +.icon-chat-small::before { + content: "\e6df"; +} +.icon-case-studies::before { + content: "\e6e0"; +} +.icon-cart::before { + content: "\e6e1"; +} +.icon-cart-small::before { + content: "\e6e2"; +} +.icon-camera::before { + content: "\e6e3"; +} +.icon-camera-outline::before { + content: "\e6e4"; +} +.icon-calendar-outline::before { + content: "\e6e5"; +} +.icon-business::before { + content: "\e6e6"; +} +.icon-business-tv::before { + content: "\e6e7"; +} +.icon-business-tv-outline::before { + content: "\e6e8"; +} +.icon-business-tv-additional-packs-outline::before { + content: "\e6e9"; +} +.icon-business-outline::before { + content: "\e6ea"; +} +.icon-business-center::before { + content: "\e6eb"; +} +.icon-business-center-outline::before { + content: "\e6ec"; +} +.icon-bundles::before { + content: "\e6ed"; +} +.icon-bundles-outline::before { + content: "\e6ee"; +} +.icon-billing::before { + content: "\e6ef"; +} +.icon-billing-history-outline::before { + content: "\e6f0"; +} +.icon-billing-dashboard::before { + content: "\e6f1"; +} +.icon-bd-maps::before { + content: "\e6f2"; +} +.icon-basicphone::before { + content: "\e6f3"; +} +.icon-basicphone-outline::before { + content: "\e6f4"; +} +.icon-barcode-outline::before { + content: "\e6f5"; +} +.icon-bar-chart-vertical::before { + content: "\e6f6"; +} +.icon-bar-chart-horizontal::before { + content: "\e6f7"; +} +.icon-arrow-up::before { + content: "\e6f8"; +} +.icon-arrow-up-right::before { + content: "\e6f9"; +} +.icon-arrow-up-left::before { + content: "\e6fa"; +} +.icon-arrow-up-circle::before { + content: "\e6fb"; +} +.icon-arrow-right::before { + content: "\e6fc"; +} +.icon-arrow-right-circle::before { + content: "\e6fd"; +} +.icon-arrow-left::before { + content: "\e6fe"; +} +.icon-arrow-left-circle::before { + content: "\e6ff"; +} +.icon-arrow-down::before { + content: "\e700"; +} +.icon-arrow-down-right::before { + content: "\e701"; +} +.icon-arrow-down-left::before { + content: "\e702"; +} +.icon-arrow-down-circle::before { + content: "\e703"; +} +.icon-arrow-double-right::before { + content: "\e704"; +} +.icon-arrow-double-left::before { + content: "\e705"; +} +.icon-apps-media::before { + content: "\e706"; +} +.icon-apps-media-outline::before { + content: "\e707"; +} +.icon-apps-marketplace::before { + content: "\e708"; +} +.icon-apps-marketplace-outline::before { + content: "\e709"; +} +.icon-analytics::before { + content: "\e70a"; +} +.icon-alt-media-subscription-outline::before { + content: "\e70b"; +} +.icon-all-locations::before { + content: "\e70c"; +} +.icon-all-devices::before { + content: "\e70d"; +} +.icon-all-devices-outline::before { + content: "\e70e"; +} +.icon-alarms::before { + content: "\e70f"; +} +.icon-alarms-outline::before { + content: "\e710"; +} +.icon-address-ip-outline::before { + content: "\e711"; +} +.icon-addons::before { + content: "\e712"; +} +.icon-addons-outline::before { + content: "\e713"; +} +.icon-additional-services::before { + content: "\e714"; +} +.icon-additional-minutes-outline::before { + content: "\e715"; +} +.icon-add-widget::before { + content: "\e716"; +} +.icon-activity-feed::before { + content: "\e717"; +} +.icon-accessories::before { + content: "\e718"; +} +.icon-accessories-outline::before { + content: "\e719"; +} +.icon-foundation-account::before { + content: "\e71a"; +} +.icon-billing-account::before { + content: "\e71b"; +} +.headerContainer { + left: 0px; top: 0px; width: 100%; color: rgb(255, 255, 255); line-height: 50px; position: fixed; z-index: 999; background-color: rgb(6, 122, 180); height: 55px; +} +.icon-infinite::before { + content: "\e71c"; +} +.headerContentContainer .primaryMenuContainer { + font-family: clearview_att_regular; font-size: 18px; +} +.icon-social-business-community::before { + content: "\e71d"; +} +.icon-social-facebook::before { + content: "\e71e"; +} +.icon-social-feed::before { + content: "\e71f"; +} +.icon-social-google-plus::before { + content: "\e720"; +} +.icon-social-linkedin::before { + content: "\e721"; +} +.icon-social-network-exchange::before { + content: "\e722"; +} +.icon-social-twitter-bird::before { + content: "\e723"; +} +.icon-social-twitter::before { + content: "\e724"; +} +.icon-social-youtube::before { + content: "\e725"; +} +.icon-blocked::before { + content: "\e726"; +} +.icon-talk-text::before { + content: "\e727"; +} +.icon-blocked::before { + content: "\e726"; +} +.icon-group::before { + content: "\e72c"; +} +.icon-group-create::before { + content: "\e72b"; +} +.headerContentContainer { + margin: auto; width: 100%; height: 50px; margin-top:5px; +} +.headerContentContainer .primaryMenuContainer .linkToRegistration { + color: rgb(255, 255, 255); float: right; +} +.headerContentContainer .primaryMenuContainer .ATTLogo { + background: url("../images/common/header/attLogo.png") no-repeat -10px -10px; width: 36px; height: 36px; margin-top: 7px; margin-right: 35px; margin-left: 10px; float: left; +} +.headerContentContainer .primaryMenuContainer .attHomeContainer { + float: left; cursor: pointer; +} +.headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR { + font-family: clearviewatt_ltbold; margin-right: 4px; margin-left: 2px; float: left; +} +.headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR a { + color: rgb(255, 255, 255); font-family: clearviewatt_ltbold; font-size: 18px; text-decoration: none; +} +.headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR a:hover { + color: rgb(191, 231, 251); text-decoration: none; +} +.headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR a:active { + color: rgb(191, 231, 251); text-decoration: none; +} +.headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR:hover { + margin-top: -2px; +} +.headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR:active { + margin-top: -2px; +} +.headerContentContainer .primaryMenuContainer .primaryMenuOptionsContainer .primaryMenuOptionLink { + color: rgb(255, 255, 255); font-family: clearviewatt; font-size: 18px; text-decoration: none; margin-left: 20px; float: left; cursor: pointer; +} +/* .primaryMenuOptionLink { */ +/* width: 8em; text-overflow: clip; text-overflow: ellipsis; text-overflow: "…"; white-space: nowrap; */ +/* } */ +.headerContentContainer .primaryMenuContainer .primaryMenuOptionsContainer .primaryMenuOptionLink:hover { + color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px; +} +.headerContentContainer .primaryMenuContainer .primaryMenuOptionsContainer .primaryMenuOptionLink:focus { + color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px; +} +.headerContentContainer .primaryMenuContainer .primaryMenuOptionsContainer .primaryMenuOptionLink:active { + color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px; +} +.headerContentContainer .primaryMenuContainer .pageNameContainer .pageName { + color: rgb(255, 255, 255); font-family: clearviewatt_ltbold; font-size: 18px; text-decoration: none; margin-left: 30px; float: left; cursor: pointer; +} +.headerContentContainer .primaryMenuContainer .pageNameContainer .pageName:hover { + color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px; +} +.headerContentContainer .primaryMenuContainer .pageNameContainer .pageName:active { + color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px; +} +.headerContentContainer .primaryMenuContainer .selectedOptionIndicator { + border-width: 0px 8px 8px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); width: 0px; height: 0px; margin-top: 43px; position: absolute; +} +.headerContentContainer .primaryMenuContainer .loginIcon { + background: url("") no-repeat -10px -41px; width: 16px; height: 21px; color: rgb(255, 255, 255); line-height: 50px; font-size: 18px; margin-top: 14px; margin-right: 10px; float: left; position: relative; cursor: pointer; +} +.headerContentContainer .primaryMenuContainer .loginIcon:hover { + background-position: -10px -10px; margin-top: 12px; +} +.headerContentContainer .primaryMenuContainer .loginIcon:focus { + background-position: -10px -10px; margin-top: 12px; +} +.headerContentContainer .primaryMenuContainer .icon-cart { + background-position: -1000px; color: rgb(255, 255, 255); line-height: 50px; font-size: 18px; margin-right: 34px; float: left; position: relative; cursor: pointer; +} +.headerContentContainer .primaryMenuContainer .icon-cart:hover { + color: rgb(191, 231, 251); margin-top: -2px; +} +.headerContentContainer .primaryMenuContainer .headerIconContainer { + height: 50px; float: right; position: relative; +} +.headerContentContainer .primaryMenuContainer .headerIconContainer .loginName { + line-height: 50px; font-family: clearviewatt; font-size: 12px; margin-right: 31px; float: left; position: relative; +} +.headerContentContainer .primaryMenuContainer .headerIconContainer .chatIcon { + background: url("../images/headerChatIcon.png") no-repeat -3px -3px; width: 18px; height: 19px; color: rgb(255, 255, 255); line-height: 50px; margin-top: 16px; margin-right: 32px; float: left; position: relative; cursor: pointer; +} +.headerContentContainer .primaryMenuContainer .headerIconContainer .chatIcon:hover { + background-position: -3px -4px; margin-top: 14px; +} +.headerContentContainer .primaryMenuContainer .headerIconContainer .chatIcon:focus { + background-position: -3px -4px; margin-top: 14px; +} +.headerContentContainer .primaryMenuContainer .headerIconContainer .searchIcon { + background-position: -1000px; color: rgb(255, 255, 255); line-height: 50px; margin-right: 31px; float: left; position: relative; cursor: pointer; +} +.headerContentContainer .primaryMenuContainer .headerIconContainer .searchIcon:hover { + color: rgb(191, 231, 251); margin-top: -2px; +} +.selectedPrimaryMenuOption { + color: rgb(255, 255, 255); font-family: clearviewatt_ltbold !important; +} +.secondaryTopMenuContainer .secondaryMenuContentContainer .thirdMenuContainer .thirdFourthMenuContainer { + +} +.secondaryTopMenuContainer { + color: rgb(102, 102, 102); line-height: 50px; font-family: clearviewatt; + font-size: 16px; float: left; background-color: rgb(255, 255, 255); z-index: 1000; + top: 57px; margin: 0 auto 10; height: auto; margin-left: 201px; padding-right: 10px; + /* width: 100%; margin-top: 50px; margin-bottom: 50px; */ +} +.secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption { + overflow: hidden; float: left; cursor: pointer; +} +.secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .selectionDiv { + top: -4px; height: 4px; position: relative; background-color: rgb(6, 122, 180); +} +.secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .secondaryMenuOptionLink { + outline: 0px; color: rgb(102, 102, 102); text-decoration: none; +} +.secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .secondaryMenuOptionLink:hover { + font-weight: bold; font-size: 16px; text-decoration: none; +} +.secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .secondaryMenuOptionLink:focus { + font-weight: bold; font-size: 16px; text-decoration: none; +} +.secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption { + outline: 0px; color: rgb(102, 102, 102); text-decoration: none; +} +.secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption { + font-family: clearviewatt_ltbold; font-size: 16px; text-decoration: none; +} +.secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption { + font-family: clearviewatt_ltbold; font-size: 16px; text-decoration: none; +} +.selectedSecondaryMenuOption { + font-family: clearviewatt_ltbold; font-size: 16px; +} + +.secondThirdFourthContainer { + display: block; +} + +.thirdSubmenuOptionLink a:hover:after, .headerMenus selected { + outline: 0; + font-weight: bold; + !important; +} + +.thirdSubmenuContainer { + font-family: clearviewatt; + font-size: 14px; + float: left; + background-color: rgb(255, 255, 255); + left: 0; +/* top: 90px; */ +/* margin-left: 201px; */ + padding-right: 10px; + display: inline-flex; + width: auto; + position: relative; +} +.fourthMenuContainer { + font-family: clearviewatt; + font-size: 14px; + float: left; + background-color: rgb(255, 255, 255); + width: auto; + margin-top: -20px; + margin-bottom: 30px; + position: relative; +} +.thirdMenuContainer .thirdMenuContentContainer .thirdSubmenuOption { + cursor: pointer; +} +.thirdMenuContainer .thirdMenuContentContainer .thirdSubmenuOption .selectionThirdDiv { + !important; top: -4px; height: 4px; position: relative; background-color: rgb(6, 122, 180); +} +.thirdMenuContainer .thirdMenuContentContainer .thirdSubmenuOption { + !important; outline: 0px; color: rgb(102, 102, 102); text-decoration: none; !important; +} +.thirdMenuContainer .thirdMenuContentContainer .thirdSubmenuOption { + !important; font-family: clearviewatt_ltbold; font-size: 14px; text-decoration: none; font-weight: bold; !important; +} +.thirdMenuContainer .thirdMenuContentContainer .thirdSubmenuOption { + !important; font-family: clearviewatt_ltbold; font-size: 14px; text-decoration: none; !important; +} +.selectedThirdMenuOption { +/* font-family: clearviewatt_ltbold; font-size: 14px; */ +} + +.fourthMenuContainer .fourthMenuContentContainer { + margin: auto; width: 100%; +} +.fourthMenuContainer .fourthMenuContentContainer .fourthSubmenuOption { + overflow: hidden; float: left; cursor: pointer; +} +.fourthMenuContainer .fourthMenuContentContainer .fourthSubmenuOption .selectionFourthDiv { + top: -4px; height: 4px; position: relative; background-color: rgb(6, 122, 180); +} +.fourthMenuContainer .fourthMenuContentContainer .fourthSubmenuOption .fourthSubmenuOptionLink { + outline: 0px; color: rgb(102, 102, 102); text-decoration: none; +} +.fourthMenuContainer .fourthMenuContentContainer .fourthSubmenuOption .fourthSubmenuOptionLink:hover { + font-family: clearviewatt_ltbold; font-size: 14px; text-decoration: none; +} +.fourthMenuContainer .fourthMenuContentContainer .fourthSubmenuOption .fourthSubmenuOptionLink:focus { + font-family: clearviewatt_ltbold; font-size: 14px; text-decoration: none; +} +.selectedfourthMenuOption { +/* font-family: clearviewatt_ltbold; font-size: 14px; */ +} + +.homePageNameHighlight { + font-family: clearviewatt_ltbold; font-size: 16px; +} +.megaMenuContainer { + width: 100%; overflow: auto; margin-top: 101px; position: fixed; z-index: 3000; height: 55px; max-height: 500px; opacity: 1; background-color: rgb(255, 255, 255); +} +.megaMenuContentContainer { + margin: auto; width: 100%; +} +.megaMenuContentContainer .megaMenuTable { + width: 100%; +} +.megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn { + vertical-align: top; +} +.megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer { + margin-bottom: 32px; float: left; +} +.megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryTitle { + color: rgb(68, 68, 68); font-family: clearviewatt_ltbold; font-size: 14px; margin-top: 36px; margin-bottom: 22px; +} +.megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryOptionLink { + outline: 0px; color: rgb(68, 68, 68); font-family: clearviewatt; font-size: 12px; text-decoration: none; margin-bottom: 13px; +} +.megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryOptionLink:hover { + color: rgb(25, 157, 223); text-decoration: none; +} +.megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryOptionLink:focus { + color: rgb(25, 157, 223); text-decoration: none; +} +.megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryOptionLink:active { + color: rgb(25, 157, 223); text-decoration: none; +} +.megaMenuContentContainer .megaMenuTable .megaMenuSecondRow .categoryTitle { + margin-top: 4px !important; +} +.addMargin { + margin-top: 50px; +} +.contents { + padding-top: 100px; +} +.megaMenuContentContainer .megaMenuTable li { + float: left; +} +.megaMenuContentContainer ul { + margin: 0px; +} +.unselectable { + -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -khtml-user-select: none; +} +.chatBox { + background: rgb(242, 242, 242); border: 1px solid rgb(187, 187, 187); top: 50px; width: 250px; right: 30px; display: none; position: absolute; z-index: 1000; min-height: 145px; box-sizing: border-box; box-shadow: 0px 4px 4px rgba(0,0,0,0.25); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; +} +.chatBox .arrow { + left: 233px; top: -8px; width: 0px; height: 0px; border-right-color: transparent; border-bottom-color: rgb(255, 255, 255); border-left-color: transparent; border-right-width: 8px; border-bottom-width: 8px; border-left-width: 8px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute; z-index: 1001; +} +.chatBox-header { + padding: 0px 25px; width: 250px; height: 85px; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; +} +.chatBox-heading { + left: 25px; top: 18px; color: rgb(68, 68, 68); line-height: 28px; font-family: omnes_attlight; font-size: 24px; position: absolute; +} +.chatBox-question { + left: 25px; top: 53px; color: rgb(68, 68, 68); line-height: 16.8px; font-family: clearviewatt; font-size: 13px; position: absolute; +} +.circle_close_chat { + top: 22px; right: 20px; color: rgb(68, 68, 68); font-size: 14px; position: absolute; cursor: pointer; +} +.chatBox-body { + padding: 0px 15px; width: 250px; color: rgb(68, 68, 68); font-size: 12px; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; +} +.chat-option { + height: 35px; line-height: 45px; margin-bottom: 10px; position: relative; +} +.chat-option .hr-chatbox { + margin: 10px 0px; padding: 0px; border: 0px currentColor !important; width: inherit; height: 1px; display: block; +} +.chat-icon-info { + top: 15px; right: 6px; font-size: 16px; position: absolute; +} +.chat-option > span { + left: 10px; top: 0px; position: absolute; cursor: pointer; +} +.chat-option > span { + left: 10px; top: 0px; position: absolute; +} +.chat-option > span:hover { + color: rgb(6, 122, 180); +} + +.box1 { + min-width: 260px; + /* min-height:165px; */ + + height: auto; + width: auto; + z-index: 1000; + display: none; + background: #FFF; + border: solid 1px #BBBBBB; + /* border-radius:5px; */ + + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); + position: relative; +} +.box1 *, +.box1 :after, +.box1 :before { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +.box1 a.close { + color: red; + font-size: 12px; + font-family: arial; + text-decoration: underline; +} +.box1 .arrow { + width: 0; + height: 0; + border-left: 8px solid transparent; + border-right: 8px solid transparent; + border-bottom: 8px solid #FFF; + position: absolute; + left: 1px; + top: -8px; + z-index: 1001; +} +.headerContentContainer .primaryMenuContainer .headerIconContainer .popbox .box1 ul { + margin-left: 0px; +} + +.logo-image { + .att-logo; + display: inline-block; + vertical-align: middle; + margin-top: -3px; + } + +.megamenu-tabs .megamenu__item { + padding: 0 0; +} +.megamenu-tabs .megamenu__item span { + font-size: 18px; +} + +.submenu-tabs { + line-height:50px; + +} +.submenu-tabs .sub__menu{ + top:54px; +} + +.top-megamenu .megamenu-tabs ul{ + width:98%; + list-style: none; +} +.top-megamenu .megamenu-tabs ul li { + display: inline-block; + text-align: left; + +} + +.favorites-icon-active { + color: #fbb313; +} + +.favorites-icon-inactive { + color: #666666; +} +.favorites-window { + width: 100%; + height: auto; + //margin: auto; + font-size: 14px !important; + display: flex; + font-family: clearview_att_regular; + margin-top: 25px; + margin-left: 25px; + z-index: 1000; + + a:link, a:active, a:hover { + margin-left: 3px; + margin-right: 20px; + text-decoration: none; + } +} + + .favoritesLargeText { + font-weight: 400; + font-family: Arial !important; + font-size: 18px; + text-align: center; + } + + +.favorites-window-empty { + width: 100%; + height: auto; + display:flex; + justify-content:center; + align-items:center; + margin: auto; + text-align: center; + +} + +.favoritesNormalText { + font-size: 14px; + text-align: center; + color: #666666 +} + +.columns{ + column-count: 5; + line-height: 15px; + column-gap: 40px; + column-rule: 2px outset #666666; + +} + +.columns-div { + min-width: 90%; + margin-top: -5px; + +} |