epsdk-app-onap/src/main/webapp/app/fusion/external/ebz/ebz_header/header.css

   1 /* Generated by F12 developer tools. This might not be an accurate representation of the original source file */\r
   2 @font-face {\r
   3         font-family: clearviewatt;\r
   4         src: url(sandbox/styles/clearviewatt/clvatt-book-webfont.eot?#iefix) format("embedded-opentype"), url(../sandbox/styles/clearviewatt/clvatt-book-webfont.woff) format("woff"), url(sandbox/styles/clearviewatt/clvatt-book-webfont.ttf) format("truetype"), url(sandbox/styles/clearviewatt/clvatt-book-webfont.svg#clearviewattregular) format("svg");\r
   5         font-weight: normal;\r
   6         font-style: normal;\r
   7 }\r
   8 @font-face {\r
   9         font-family: clearviewattregular;\r
  10         src: url(sandbox/styles/clearviewatt/clvatt-book-webfont.eot?#iefix) format("embedded-opentype"), url(../sandbox/styles/clearviewatt/clvatt-book-webfont.woff) format("woff"), url(clearviewatt/clvatt-book-webfont.ttf) format("truetype"), url(clearviewatt/clvatt-book-webfont.svg#clearviewattregular) format("svg");\r
  11         font-weight: normal;\r
  12         font-style: normal;\r
  13 }\r
  14 @font-face {\r
  15         font-family: clearviewatt_italic;\r
  16         src: url(./webfonts/clvatt-book_ital-webfont.eot?#iefix) format("embedded-opentype"), url(./webfonts/clvatt-book_ital-webfont.woff) format("woff"), url(./webfonts/clvatt-book_ital-webfont.ttf) format("truetype"), url(./webfonts/clvatt-book_ital-webfont.svg#clearviewattitalic) format("svg");\r
  17         font-weight: normal;\r
  18         font-style: italic;\r
  19 }\r
  20 @font-face {\r
  21         font-family: clearviewatt_lt;\r
  22         src: url(./webfonts/clvatt-light-webfont.eot?#iefix) format("embedded-opentype"), url(./webfonts/clvatt-light-webfont.woff) format("woff"), url(./webfonts/clvatt-light-webfont.ttf) format("truetype"), url(./webfonts/clvatt-light-webfont.svg#clearviewatt_ltregular) format("svg");\r
  23         font-weight: normal;\r
  24         font-style: normal;\r
  25 }\r
  26 @font-face {\r
  27         font-family: clearviewattlight_italic;\r
  28         src: url(./webfonts/clvatt-light_ital-webfont.eot?#iefix) format("embedded-opentype"), url(./webfonts/clvatt-light_ital-webfont.woff) format("woff"), url(./webfonts/clvatt-light_ital-webfont.ttf) format("truetype"), url(./webfonts/clvatt-light_ital-webfont.svg#clearviewatt_ltitalic) format("svg");\r
  29         font-weight: normal;\r
  30         font-style: italic;\r
  31 }\r
  32 @font-face {\r
  33         font-family: clearviewatt_ltbold;\r
  34         src: url(sandbox/styles/clearviewatt/clearviewatt-bold-webfont.eot?#iefix) format("embedded-opentype"), url(../sandbox/styles/clearviewatt/clearviewatt-bold-webfont.woff) format("woff"), url(../sandbox/styles/clearviewatt/clearviewatt-bold-webfont.ttf) format("truetype"), url(../sandbox/styles/clearviewatt/clearviewatt-bold-webfont.svg#clearviewatt_ltbold) format("svg");\r
  35         font-weight: bold;\r
  36         font-style: normal;\r
  37 }\r
  38 @font-face {\r
  39         font-family: clearviewatt_ltbold_italic;\r
  40         src: url(./webfonts/clvatt-bold_ital-webfont.eot?#iefix) format("embedded-opentype"), url(./webfonts/clvatt-bold_ital-webfont.woff) format("woff"), url(./webfonts/clvatt-bold_ital-webfont.ttf) format("truetype"), url(./webfonts/clvatt-bold_ital-webfont.svg#clearviewatt_ltbold_italic) format("svg");\r
  41         font-weight: bold;\r
  42         font-style: italic;\r
  43 }\r
  44 @font-face {\r
  45         font-family: omnes_attlight;\r
  46         src: url(omnesatt/omnesatt-light-webfont.eot?#iefix) format("embedded-opentype"), url(omnesatt/omnesatt-light-webfont.woff) format("woff"), url(omnesatt/omnesatt-light-webfont.ttf) format("truetype"), url(omnesatt/omnesatt-light-webfont.svg#omnes_attlight) format("svg");\r
  47         font-weight: normal;\r
  48         font-style: normal;\r
  49 }\r
  50 @font-face {\r
  51         font-family: omnes_attlight_italic;\r
  52         src: url(./webfonts/omnesatt-lightitalic-webfont.eot?#iefix) format("embedded-opentype"), url(./webfonts/omnesatt-lightitalic-webfont.woff) format("woff"), url(./webfonts/omnesatt-lightitalic-webfont.ttf) format("truetype"), url(./webfonts/omnesatt-lightitalic-webfont.svg#omnes_attlight_italic) format("svg");\r
  53         font-weight: normal;\r
  54         font-style: italic;\r
  55 }\r
  56 @font-face {\r
  57         font-family: omnes_attmedium;\r
  58         src: url(./webfonts/omnesatt-medium-webfont.eot?#iefix) format("embedded-opentype"), url(./webfonts/omnesatt-medium-webfont.woff) format("woff"), url(./webfonts/omnesatt-medium-webfont.ttf) format("truetype"), url(./webfonts/omnesatt-medium-webfont.svg#omnes_attmedium) format("svg");\r
  59         font-weight: normal;\r
  60         font-style: normal;\r
  61 }\r
  62 @font-face {\r
  63         font-family: omnes_attmedium_italic;\r
  64         src: url(./webfonts/omnesatt-mediumitalic-webfont.eot?#iefix) format("embedded-opentype"), url(./webfonts/omnesatt-mediumitalic-webfont.woff) format("woff"), url(./webfonts/omnesatt-mediumitalic-webfont.ttf) format("truetype"), url(./webfonts/omnesatt-mediumitalic-webfont.svg#omnes_attmedium_italic) format("svg");\r
  65         font-weight: normal;\r
  66         font-style: italic;\r
  67 }\r
  68 @font-face {\r
  69         font-family: omnes_attregular;\r
  70         src: url(./webfonts/omnesatt-regular-webfont.eot?#iefix) format("embedded-opentype"), url(./webfonts/omnesatt-regular-webfont.woff) format("woff"), url(./webfonts/omnesatt-regular-webfont.ttf) format("truetype"), url(./webfonts/omnesatt-regular-webfont.svg#omnes_att_regularregular) format("svg");\r
  71         font-weight: normal;\r
  72         font-style: normal;\r
  73 }\r
  74 @font-face {\r
  75         font-family: omnes_attregular_italic;\r
  76         src: url(./webfonts/omnesatt-regularitalic-webfont.eot?#iefix) format("embedded-opentype"), url(./webfonts/omnesatt-regularitalic-webfont.woff) format("woff"), url(./webfonts/omnesatt-regularitalic-webfont.ttf) format("truetype"), url(./webfonts/omnesatt-regularitalic-webfont.svg#omnes_attregular_italic) format("svg");\r
  77         font-weight: normal;\r
  78         font-style: italic;\r
  79 }\r
  80 @font-face {\r
  81         font-family: radio_attregular;\r
  82         src: url(./webfonts/radioatt-regular-webfont.eot?#iefix) format("embedded-opentype"), url(./webfonts/radioatt-regular-webfont.woff) format("woff"), url(./webfonts/radioatt-regular-webfont.ttf) format("truetype"), url(./webfonts/radioatt-regular-webfont.svg#radio_attregular) format("svg");\r
  83         font-weight: normal;\r
  84         font-style: normal;\r
  85 }\r
  86 @font-face {\r
  87         font-family: atticons;\r
  88         src: url(icons/fonts/atticons.eot?#iefix) format("embedded-opentype"), url(icons/fonts/atticons.woff) format("woff"), url(icons/fonts/atticons.ttf) format("truetype"), url(icons/fonts/atticons.svg#atticons) format("svg");\r
  89         font-weight: normal;\r
  90         font-style: normal;\r
  91 }\r
  92 .bui-global-btn {\r
  93         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:;\r
  94 }\r
  95 .bui-global-btn-small {\r
  96         height: 30px !important; min-width: 60px;\r
  97 }\r
  98 .bui-global-btn-primary {\r
  99         border-color: rgb(53, 128, 189); color: rgb(255, 255, 255) !important; background-color: rgb(6, 122, 180);\r
 100 }\r
 101 .bui-global-btn-primary:hover {\r
 102         background-color: rgb(25, 157, 223);\r
 103 }\r
 104 .bui-global-btn-primary:active {\r
 105         border-color: rgb(40, 97, 141); background-color: rgb(50, 120, 177);\r
 106 }\r
 107 .bui-global-btn-hero {\r
 108         color: rgb(255, 255, 255); background-color: rgb(239, 111, 0);\r
 109 }\r
 110 .bui-global-btn-hero:hover {\r
 111         background-color: rgb(252, 179, 20);\r
 112 }\r
 113 .bui-global-btn-hero:active {\r
 114         background-color: rgb(255, 114, 0);\r
 115 }\r
 116 .bui-global-btn-secondary {\r
 117         color: rgb(255, 255, 255); background-color: rgb(102, 102, 102);\r
 118 }\r
 119 .bui-global-btn-secondary:hover {\r
 120         background-color: rgb(187, 187, 187);\r
 121 }\r
 122 .bui-global-btn-secondary:active {\r
 123         background-color: rgb(102, 102, 102);\r
 124 }\r
 125 .bui-global-btn-disabled {\r
 126         color: rgb(153, 153, 153) !important; cursor: pointer; background-color: rgb(221, 221, 221);\r
 127 }\r
 128 .bui-global-btn-disabled:hover {\r
 129         background-color: rgb(221, 221, 221);\r
 130 }\r
 131 .bui-global-btn-disabled:active {\r
 132         background-color: rgb(221, 221, 221);\r
 133 }\r
 134 .bui-global-links {\r
 135         transition:0.3s ease-in-out; color: rgb(6, 122, 180); text-decoration: none;\r
 136 }\r
 137 .bui-global-links:hover {\r
 138         color: rgb(25, 157, 223); text-decoration: underline;\r
 139 }\r
 140 .bui-global-links:active {\r
 141         text-decoration: none; coloe: #199ddf;\r
 142 }\r
 143 .att-global-fonts-common {\r
 144         margin: 0px; text-transform: none;\r
 145 }\r
 146 .att-global-fonts-popup-header {\r
 147         margin: 0px; text-transform: none; line-height: 10px; font-family: clearviewatt_ltbold; font-size: 11px; font-weight: 100;\r
 148 }\r
 149 .att-global-fonts-popup-content {\r
 150         margin: 0px; text-transform: none; line-height: 15px; font-family: clearviewattregular; font-size: 14px;\r
 151 }\r
 152 a.reg-logout-btn {\r
 153         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;\r
 154 }\r
 155 a.reg-logout-btn:hover {\r
 156         background-color: rgb(187, 187, 187);\r
 157 }\r
 158 a.reg-logout-btn:active {\r
 159         background-color: rgb(102, 102, 102);\r
 160 }\r
 161 ul.reg-Details-table > li {\r
 162         line-height: 0px !important;\r
 163 }\r
 164 ul.reg-Details-table {\r
 165         margin: 0px; padding: 0px;\r
 166 }\r
 167 #reg-header-snippet {\r
 168         width: inherit; height: auto; overflow: hidden; clear: both; background-color: rgb(250, 250, 250);\r
 169 }\r
 170 #reg-header-snippet .reg-profilePicture {\r
 171         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);\r
 172 }\r
 173 #reg-header-snippet .reg-profilePicture #reg-profileImage {\r
 174         width: 100%; clear: both; margin-left: 15px;\r
 175 }\r
 176 #reg-header-snippet .reg-profilePicture #reg-myprofile-link {\r
 177         text-align: left; margin-top: 18px;\r
 178 }\r
 179 #reg-header-snippet .reg-profilePicture #reg-myprofile-link a {\r
 180         transition:0.3s ease-in-out; color: rgb(6, 122, 180); line-height: 15px; padding-left: 21px; font-size: 14px; text-decoration: none;\r
 181 }\r
 182 #reg-header-snippet .reg-profilePicture #reg-myprofile-link a:hover {\r
 183         color: rgb(25, 157, 223); text-decoration: underline;\r
 184 }\r
 185 #reg-header-snippet .reg-profilePicture #reg-myprofile-link a:active {\r
 186         text-decoration: none; coloe: #199ddf;\r
 187 }\r
 188 #reg-header-snippet .reg-profilePicture #reg-companyProfile-link {\r
 189         margin-top: 14px;\r
 190 }\r
 191 #reg-header-snippet .reg-profilePicture #reg-companyProfile-link a {\r
 192         transition:0.3s ease-in-out; color: rgb(6, 122, 180); line-height: 15px; font-size: 14px; text-decoration: none;\r
 193 }\r
 194 #reg-header-snippet .reg-profilePicture #reg-companyProfile-link a:hover {\r
 195         color: rgb(25, 157, 223); text-decoration: underline;\r
 196 }\r
 197 #reg-header-snippet .reg-profilePicture #reg-companyProfile-link a:active {\r
 198         text-decoration: none; coloe: #199ddf;\r
 199 }\r
 200 #reg-header-snippet .reg-profilePicture #reg-logout-div {\r
 201         margin-top: 38px;\r
 202 }\r
 203 #reg-header-snippet .reg-profilePicture #reg-logout-div form.reg-logoutForm {\r
 204         margin: 0px;\r
 205 }\r
 206 #reg-header-snippet .reg-profileDetails {\r
 207         padding: 11px 20px 20px; width: 199px; margin-bottom: 0px; border-bottom-width: 0px; float: left; min-height: 220px; background-color: rgb(255, 255, 255);\r
 208 }\r
 209 #reg-header-snippet .reg-profileDetails .reg-userName-table {\r
 210         height: 70px; display: table; min-height: 70px;\r
 211 }\r
 212 #reg-header-snippet .reg-profileDetails .reg-userName-table #reg-userName-table-row {\r
 213         text-align: left; clear: both; display: table-row; min-height: inherit;\r
 214 }\r
 215 #reg-header-snippet .reg-profileDetails .reg-userName-table #reg-userName-table-row #reg-userName-table-cell {\r
 216         height: inherit; vertical-align: middle; display: table-cell; -ms-word-wrap: break-word; min-height: inherit;\r
 217 }\r
 218 #reg-header-snippet .reg-profileDetails .reg-userName-table #reg-userName-table-row #reg-userName-table-cell #reg-userName {\r
 219         width: 8em; color: rgb(68, 68, 68); overflow: hidden; font-weight: normal; float: left; white-space: normal;\r
 220 }\r
 221 #reg-header-snippet .reg-profileDetails .reg-userEmail-label {\r
 222         text-align: left; clear: both; margin-top: 21px;\r
 223 }\r
 224 #reg-header-snippet .reg-profileDetails .reg-userEmail-label .reg-userEmail-label-spn {\r
 225         margin: 0px; color: rgb(68, 68, 68); text-transform: none; line-height: 10px; font-family: clearviewatt_ltbold; font-size: 11px; font-weight: 100;\r
 226 }\r
 227 #reg-header-snippet .reg-profileDetails .reg-userEmail-value {\r
 228         text-align: left; clear: both; margin-top: 5px;\r
 229 }\r
 230 #reg-header-snippet .reg-profileDetails .reg-userEmail-value .reg-userEmail-value-spn {\r
 231         margin: 0px; color: rgb(102, 102, 102); text-transform: none; line-height: 15px; font-family: clearviewattregular; font-size: 14px;\r
 232 }\r
 233 #reg-header-snippet .reg-profileDetails .reg-userRole-label {\r
 234         text-align: left; clear: both; margin-top: 20px;\r
 235 }\r
 236 #reg-header-snippet .reg-profileDetails .reg-userRole-label .reg-userRole-label-spn {\r
 237         margin: 0px; color: rgb(68, 68, 68); text-transform: none; line-height: 10px; font-family: clearviewatt_ltbold; font-size: 11px; font-weight: 100;\r
 238 }\r
 239 #reg-header-snippet .reg-profileDetails .reg-userRole-value {\r
 240         text-align: left; clear: both; margin-top: 6px;\r
 241 }\r
 242 #reg-header-snippet .reg-profileDetails .reg-userRole-value .reg-userRole-value-spn {\r
 243         margin: 0px; color: rgb(102, 102, 102); text-transform: none; line-height: 15px; font-family: clearviewattregular; font-size: 14px;\r
 244 }\r
 245 #reg-header-snippet .reg-profileDetails .reg-userCompany-label {\r
 246         text-align: left; clear: both; margin-top: 19px;\r
 247 }\r
 248 #reg-header-snippet .reg-profileDetails .reg-userCompany-label .reg-userCompany-spn {\r
 249         margin: 0px; color: rgb(68, 68, 68); text-transform: none; line-height: 10px; font-family: clearviewatt_ltbold; font-size: 11px; font-weight: 100;\r
 250 }\r
 251 #reg-header-snippet .reg-profileDetails .reg-userCompany-value {\r
 252         text-align: left; clear: both; margin-top: 5px;\r
 253 }\r
 254 #reg-header-snippet .reg-profileDetails .reg-userCompany-value .reg-userCompany-spn {\r
 255         margin: 0px; color: rgb(102, 102, 102); text-transform: none; line-height: 15px; font-family: clearviewattregular; font-size: 14px; -ms-word-wrap: break-word;\r
 256 }\r
 257 .bui-global-transitions-hover {\r
 258         border: 1px solid rgb(187, 187, 187); z-index: 90;\r
 259 }\r
 260 .bui-global-transitions-focus {\r
 261         outline: 0px; border: 1px solid rgb(25, 157, 223) !important; z-index: 100; box-shadow: none; -webkit-box-shadow: none;\r
 262 }\r
 263 .bui-global-transitions-login-page {\r
 264         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;\r
 265 }\r
 266 .bui-global-transitions-login-page:hover {\r
 267         border: 1px solid rgb(187, 187, 187); z-index: 90;\r
 268 }\r
 269 .bui-global-transitions-login-page:focus {\r
 270         outline: 0px; border: 1px solid rgb(25, 157, 223) !important; z-index: 100; box-shadow: none; -webkit-box-shadow: none;\r
 271 }\r
 272 li#anchor ul.column {\r
 273         display: none;\r
 274 }\r
 275 li#anchor:hover ul.column {\r
 276         display: block;\r
 277 }\r
 278 .login-icon {\r
 279         width: 27px; height: 27px; vertical-align: middle; display: inline-block; background-image: url("../images/common/header/login-icon.png"); background-repeat: no-repeat;\r
 280 }\r
 281 .bui-reg-one-line-layout * {\r
 282         display: inline-block;\r
 283 }\r
 284 .popbox {\r
 285         margin: 0px auto; text-align: center; position: relative;\r
 286 }\r
 287 .collapse {\r
 288         position: relative;\r
 289 }\r
 290 .box {\r
 291         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; \r
 292 }\r
 293 .box * {\r
 294         box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;\r
 295 }\r
 296 .box ::after {\r
 297         box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;\r
 298 }\r
 299 .box ::before {\r
 300         box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;\r
 301 }\r
 302 .box a.close {\r
 303         color: red; font-family: arial; font-size: 12px; text-decoration: underline;\r
 304 }\r
 305 .box .arrow {\r
 306         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;\r
 307 }\r
 308 .standard-input-error-msg-class {\r
 309         background: url("../images/common/header/exclamation-error.png") no-repeat 337px rgb(231, 229, 230) !important;\r
 310 }\r
 311 .box-form {\r
 312         padding-top: 10px; padding-bottom: 0px; padding-left: 16px;\r
 313 }\r
 314 .control-text-popup {\r
 315         border-radius: 3px 3px 0px 0px !important; width: 200px !important;\r
 316 }\r
 317 .control-label-password {\r
 318         line-height: 10px !important; padding-top: 3px !important;\r
 319 }\r
 320 .control-label-checkbox {\r
 321         line-height: 15px; padding-top: 5px;\r
 322 }\r
 323 .placeholder-class {\r
 324         color: rgb(139, 139, 139) !important;\r
 325 }\r
 326 .forgot-userid-password {\r
 327         font-size: 10px !important; font-weight: normal !important;\r
 328 }\r
 329 .header-login-label {\r
 330         color: rgb(255, 255, 255); font-size: 13px; maxlength: 10;\r
 331 }\r
 332 .ellipsis-header-name {\r
 333         overflow: hidden; padding-top: 0px; margin-top: 0px; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 100px; ms-text-overflow: ellipsis;\r
 334 }\r
 335 #generic-image {\r
 336         padding: 100px; background-image: url("../images/common/header/placerimage.jpg"); background-repeat: no-repeat;\r
 337 }\r
 338 .bui-reg-horizontal-rule {\r
 339         width: 100%; height: 1.25px; clear: both; background-color: rgb(231, 230, 230);\r
 340 }\r
 341 .bui-reg-horizontal-rule-margin {\r
 342         margin-top: 20px; margin-bottom: 20px;\r
 343 }\r
 344 .password-horizontal-rule-margin {\r
 345         margin-top: 5px; margin-bottom: 5px;\r
 346 }\r
 347 .requiredInformation {\r
 348         font-size: 11px;\r
 349 }\r
 350 .header-login-window {\r
 351         height: 100px;\r
 352 }\r
 353 .header-login-window-image {\r
 354         padding: 18px;\r
 355 }\r
 356 .header-login-window-name {\r
 357         line-height: 1.5em; overflow: hidden; padding-top: 18px; padding-right: 18px; font-family: clearviewatt_ltbold; font-size: 16px;\r
 358 }\r
 359 .header-login-window-role {\r
 360         font-family: clearviewattregular; font-size: 12px;\r
 361 }\r
 362 .header-login-window-logout {\r
 363         background: rgb(231, 229, 230); height: 27px; line-height: 27px; font-family: clearviewatt_ltbold; font-size: 11px; z-index: 10001;\r
 364 }\r
 365 .header-login-window-logout a {\r
 366         color: rgb(103, 103, 103);\r
 367 }\r
 368 .header-login-name {\r
 369         width: auto; line-height: 50px; padding-right: 23px; padding-left: 3px; float: left; cursor: pointer;\r
 370 }\r
 371 .error-msg-box {\r
 372         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);\r
 373 }\r
 374 .header_login_field_border_error {\r
 375         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;\r
 376 }\r
 377 .header_login_field_border_error:hover {\r
 378         border: 1px solid rgb(255, 69, 57) !important;\r
 379 }\r
 380 .header_login_field_3sides_error {\r
 381         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;\r
 382 }\r
 383 .header_login_field_3sides_error:hover {\r
 384         border: 1px solid rgb(255, 69, 57) !important;\r
 385 }\r
 386 .header_login_field_wrapper_border_error {\r
 387         background: url("../images/common/header/icon-error.png") no-repeat 118px rgb(255, 255, 255) !important;\r
 388 }\r
 389 .error-msg-class {\r
 390         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;\r
 391 }\r
 392 .regFormInputLoginText {\r
 393         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;\r
 394 }\r
 395 .regFormInputLoginPassword {\r
 396         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;\r
 397 }\r
 398 .header-login-button {\r
 399         height: 20px; min-width: 10px !important; box-shadow: none;\r
 400 }\r
 401 #headerLoginFormID #header_login_title {\r
 402         color: rgb(68, 68, 68); font-family: clearviewattregular; font-size: 14px; margin-top: 25px;\r
 403 }\r
 404 #headerLoginFormID #header_login_id {\r
 405         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;\r
 406 }\r
 407 #headerLoginFormID #header_login_id:hover {\r
 408         border: 1px solid rgb(187, 187, 187); z-index: 90;\r
 409 }\r
 410 #headerLoginFormID #header_login_id:focus {\r
 411         outline: 0px; border: 1px solid rgb(25, 157, 223) !important; z-index: 100; box-shadow: none; -webkit-box-shadow: none;\r
 412 }\r
 413 #headerLoginFormID #header_password {\r
 414         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;\r
 415 }\r
 416 #headerLoginFormID #header_password:hover {\r
 417         border: 1px solid rgb(187, 187, 187); z-index: 90;\r
 418 }\r
 419 #headerLoginFormID #header_password:focus {\r
 420         outline: 0px; border: 1px solid rgb(25, 157, 223) !important; z-index: 100; box-shadow: none; -webkit-box-shadow: none;\r
 421 }\r
 422 #headerLoginFormID #header_login_block {\r
 423         height: 30px; margin-top: 15px;\r
 424 }\r
 425 #headerLoginFormID #header_login_block #header_login_button {\r
 426         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;\r
 427 }\r
 428 #headerLoginFormID #header_login_block #header_login_button:hover {\r
 429         background-color: rgb(25, 157, 223);\r
 430 }\r
 431 #headerLoginFormID #header_login_block #header_login_button:active {\r
 432         border-color: rgb(40, 97, 141); background-color: rgb(50, 120, 177);\r
 433 }\r
 434 #headerLoginFormID #remember_me_component {\r
 435         padding-left: 30px; margin-top: 11px;\r
 436 }\r
 437 #headerLoginFormID #remember_me_component #rememberme_header_label {\r
 438         margin-top: 4px;\r
 439 }\r
 440 #headerLoginFormID #remember_me_component #remember-me {\r
 441         color: rgb(102, 102, 102); font-family: clearviewattregular; font-size: 12px; font-weight: normal;\r
 442 }\r
 443 #headerLoginFormID #forgot_username_component {\r
 444         text-align: left; padding-top: 30px; padding-bottom: 30px; padding-left: 30px; clear: both;\r
 445 }\r
 446 #headerLoginFormID #forgot_username_component .regular {\r
 447         color: rgb(68, 68, 68); font-family: clearviewattregular; font-size: 12px;\r
 448 }\r
 449 #headerLoginFormID #forgot_username_component .link {\r
 450         color: rgb(6, 122, 180); font-family: clearviewattregular; font-size: 12px;\r
 451 }\r
 452 .footerContainer {\r
 453         background: 0px 0px rgb(6, 122, 180); margin: 0px auto; width: 100%;\r
 454 }\r
 455 .footerContainer .footerWrapper { \r
 456         margin: 0px auto; width: 100%; background-color: rgb(6, 122, 180);\r
 457 }\r
 458 .footerContainer .footerWrapper .footerItem {\r
 459         margin: auto; width: 100%; height: 60px; color: rgb(255, 255, 255); line-height: 1; overflow: hidden; font-family: clearview_att_regular; font-size: 12px;\r
 460 }\r
 461 .footerContainer .footerWrapper .footerItem .divider {\r
 462         width: 100px; margin-top: 10px; margin-bottom: 10px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;\r
 463 }\r
 464 .footerContainer .footerWrapper .footerItem .customerSupport {\r
 465         width: 160px; margin-left: 30px; float: left;\r
 466 }\r
 467 .footerContainer .footerWrapper .footerItem .customerSupport .customerHelp {\r
 468         font-size: 14px; margin-top: 45px; margin-bottom: 20px;\r
 469 }\r
 470 .footerContainer .footerWrapper .footerItem .customerSupport a {\r
 471         color: rgb(255, 255, 255) !important;\r
 472 }\r
 473 .footerContainer .footerWrapper .footerItem .customerSupport a:hover {\r
 474         text-decoration: none;\r
 475 }\r
 476 .footerContainer .footerWrapper .footerItem .legalInfo {\r
 477         width: 160px; float: left;\r
 478 }\r
 479 .footerContainer .footerWrapper .footerItem .legalInfo .legal {\r
 480         font-size: 14px; margin-top: 45px; margin-bottom: 20px;\r
 481 }\r
 482 .footerContainer .footerWrapper .footerItem .legalInfo a {\r
 483         color: rgb(255, 255, 255) !important;\r
 484 }\r
 485 .footerContainer .footerWrapper .footerItem .legalInfo a:hover {\r
 486         text-decoration: none;\r
 487 }\r
 488 .footerContainer .footerWrapper .footerItem .subscribeSection {\r
 489         width: 295px; float: left;\r
 490 }\r
 491 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeSave {\r
 492         font-size: 14px; margin-top: 45px; margin-bottom: 20px;\r
 493 }\r
 494 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection {\r
 495         overflow: hidden; margin-top: 15px;\r
 496 }\r
 497 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .emailAddress {\r
 498         width: 170px; float: left;\r
 499 }\r
 500 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .emailAddress input {\r
 501         padding: 5px 10px 5px 5px; width: 152px; color: rgb(255, 255, 255) !important; background-color: rgb(6, 122, 180);\r
 502 }\r
 503 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .subscribeBtn {\r
 504         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);\r
 505 }\r
 506 .footerContainer .footerWrapper .footerItem .socialMedia {\r
 507         margin-left: 0px; float: left;\r
 508 }\r
 509 .footerContainer .footerWrapper .footerItem .socialMedia .followAtt {\r
 510         font-size: 14px; margin-top: 45px; margin-bottom: 20px;\r
 511 }\r
 512 .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds {\r
 513         margin-top: 20px; margin-left: -8px;\r
 514 }\r
 515 .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span {\r
 516         margin: 0px; padding: 5px; font-size: 30px;\r
 517 }\r
 518 .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span a {\r
 519         margin: 0px; padding: 0px; color: rgb(255, 255, 255);\r
 520 }\r
 521 .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span a:hover {\r
 522         text-decoration: none;\r
 523 }\r
 524 .footerContainer .footerWrapper .dividerBottom {\r
 525         margin: auto; width: 920px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;\r
 526 }\r
 527 .footerContainer .footerWrapper .feedbackSection {\r
 528         margin: auto; width: 920px; display: none;\r
 529 }\r
 530 .footerContainer .footerWrapper .feedbackSection .dividerTop {\r
 531         margin: auto; width: 920px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;\r
 532 }\r
 533 .footerContainer .footerWrapper .feedbackSection .feedbackContent {\r
 534         margin: 30px auto;\r
 535 }\r
 536 .footerContainer .footerWrapper .feedbackSection .feedbackContent #feedbackForm {\r
 537         height: 120px;\r
 538 }\r
 539 .footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackInfo {\r
 540         width: 270px; color: rgb(255, 255, 255); font-family: clearview_att_regular; font-size: 12px; margin-top: -5px; margin-right: 30px; float: left;\r
 541 }\r
 542 .footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackTextSection .feedbackText {\r
 543         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;\r
 544 }\r
 545 .footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackTextSection .feedbackSubmitButton {\r
 546         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);\r
 547 }\r
 548 .footerContainer .footerWrapper .feedbackResultMsg {\r
 549         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;\r
 550 }\r
 551 .footerContainer .footerWrapper .feedbackResultMsg #feedbackMsgCheck {\r
 552         font-size: 20px; margin-right: 20px;\r
 553 }\r
 554 .footerContainer .footerWrapper #feedbackResultDivider {\r
 555         display: none;\r
 556 }\r
 557 .footerContainer .footerWrapper .feedbackButtonDiv {\r
 558         margin: auto; max-width: 110px;\r
 559 }\r
 560 .footerContainer .footerWrapper .feedbackButtonDiv .feedbackButton {\r
 561         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;\r
 562 }\r
 563 .footerContainer .footerWrapper .feedbackButtonDiv .closeFeedbackButton {\r
 564         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;\r
 565 }\r
 566 .footerContainer .footerWrapper .feedbackButtonDiv .feedbackButton span {\r
 567         padding-left: 10px; background-image: none; \r
 568 }\r
 569 .footerContainer .footerWrapper .feedbackButtonDiv .closeFeedbackButton span {\r
 570         padding-left: 10px; background-image: none;\r
 571 }\r
 572 .footerContainer .footerWrapper .attFooterInfo {\r
 573         margin: auto; width: 100%; color: rgb(255, 255, 255); overflow: hidden; font-family: clearview_att_regular; font-size: 12px;\r
 574 }\r
 575 .footerContainer .footerWrapper .attFooterInfo a {\r
 576         margin: 0px; padding: 0px; color: rgb(255, 255, 255); text-decoration: underline;\r
 577 }\r
 578 .footerContainer .footerWrapper .attFooterInfo .footerLastSection {\r
 579         overflow: hidden;\r
 580 }\r
 581 .footerContainer .footerWrapper .attFooterInfo span {\r
 582         padding-right: 5px; padding-left: 3px; border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid;\r
 583 }\r
 584 .footerContainer .footerWrapper .attFooterInfo span:last-child {\r
 585         border: currentColor;\r
 586 }\r
 587 /* .footerContainer .footerWrapper .attFooterInfo .attLogo {\r
 588         background: url("../images/footer-attolympiclogo.png") repeat-x 0px 0px; width: 150px; height: 77px; margin-right: 0px; float: left;\r
 589 } */\r
 590 .footerContainer .footerWrapper .attFooterInfo .attQuality {\r
 591         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;\r
 592 }\r
 593 .footerContainer .footerWrapper .attFooterInfo .attAdvertise {\r
 594         width: 64%; float: right;\r
 595 }\r
 596 .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy {\r
 597         margin-top: 17px;\r
 598 }\r
 599 .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a {\r
 600         text-decoration: underline;\r
 601 }\r
 602 .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a span {\r
 603         padding: 0px;\r
 604 }\r
 605 .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a:hover {\r
 606         text-decoration: underline;\r
 607 }\r
 608 [data-icon]::before {\r
 609         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;\r
 610 }\r
 611 [class^='icon-'] {\r
 612         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;\r
 613 }\r
 614 [class*=' icon-'] {\r
 615         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;\r
 616 }\r
 617 .icon-wireless-outline::before {\r
 618         content: "\e600";\r
 619 }\r
 620 .icon-wireless-dashboard::before {\r
 621         content: "\e601";\r
 622 }\r
 623 .icon-website-hosting-outline::before {\r
 624         content: "\e602";\r
 625 }\r
 626 .icon-volume-up::before {\r
 627         content: "\e603";\r
 628 }\r
 629 .icon-volume-mute::before {\r
 630         content: "\e604";\r
 631 }\r
 632 .icon-volume-down::before {\r
 633         content: "\e605";\r
 634 }\r
 635 .icon-video::before {\r
 636         content: "\e606";\r
 637 }\r
 638 .icon-video-tutorials::before {\r
 639         content: "\e607";\r
 640 }\r
 641 .icon-video-tutorials-outline::before {\r
 642         content: "\e608";\r
 643 }\r
 644 .icon-video-outline::before {\r
 645         content: "\e609";\r
 646 }\r
 647 .icon-user::before {\r
 648         content: "\e60a";\r
 649 }\r
 650 .icon-user-small::before {\r
 651         content: "\e60b";\r
 652 }\r
 653 .icon-user-outline::before {\r
 654         content: "\e60c";\r
 655 }\r
 656 .icon-user-large-outline::before {\r
 657         content: "\e60d";\r
 658 }\r
 659 .icon-upgrades::before {\r
 660         content: "\e60e";\r
 661 }\r
 662 .icon-upgrades-outline::before {\r
 663         content: "\e60f";\r
 664 }\r
 665 .icon-unlimited-nights-weekends-outline::before {\r
 666         content: "\e610";\r
 667 }\r
 668 .icon-unlimited-minutes-outline::before {\r
 669         content: "\e611";\r
 670 }\r
 671 .icon-unlimited-messaging-outline::before {\r
 672         content: "\e612";\r
 673 }\r
 674 .icon-unlimited-m2m-outline::before {\r
 675         content: "\e613";\r
 676 }\r
 677 .icon-unlimited-calling::before {\r
 678         content: "\e614";\r
 679 }\r
 680 .icon-tv-packages-outline::before {\r
 681         content: "\e615";\r
 682 }\r
 683 .icon-travel-minutes-outline::before {\r
 684         content: "\e616";\r
 685 }\r
 686 .icon-trash::before {\r
 687         content: "\e617";\r
 688 }\r
 689 .icon-tollfree-outline::before {\r
 690         content: "\e618";\r
 691 }\r
 692 .icon-tiles::before {\r
 693         content: "\e619";\r
 694 }\r
 695 .icon-tiles-small::before {\r
 696         content: "\e61a";\r
 697 }\r
 698 .icon-tickets::before {\r
 699         content: "\e61b";\r
 700 }\r
 701 .icon-tickets-returned::before {\r
 702         content: "\e61c";\r
 703 }\r
 704 .icon-tickets-referred::before {\r
 705         content: "\e61d";\r
 706 }\r
 707 .icon-tickets-outline::before {\r
 708         content: "\e61e";\r
 709 }\r
 710 .icon-tickets-open::before {\r
 711         content: "\e61f";\r
 712 }\r
 713 .icon-tickets-escalate::before {\r
 714         content: "\e620";\r
 715 }\r
 716 .icon-tickets-contested::before {\r
 717         content: "\e621";\r
 718 }\r
 719 .icon-tickets-closed::before {\r
 720         content: "\e622";\r
 721 }\r
 722 .icon-tickets-cleared::before {\r
 723         content: "\e623";\r
 724 }\r
 725 .icon-tickets-arquived::before {\r
 726         content: "\e624";\r
 727 }\r
 728 .icon-tickets-active::before {\r
 729         content: "\e625";\r
 730 }\r
 731 .icon-technical-specifications::before {\r
 732         content: "\e626";\r
 733 }\r
 734 .icon-tech-support::before {\r
 735         content: "\e627";\r
 736 }\r
 737 .icon-tech-support-outline::before {\r
 738         content: "\e628";\r
 739 }\r
 740 .icon-tablet::before {\r
 741         content: "\e629";\r
 742 }\r
 743 .icon-tablet-outline::before {\r
 744         content: "\e62a";\r
 745 }\r
 746 .icon-support::before {\r
 747         content: "\e62b";\r
 748 }\r
 749 .icon-support-outline::before {\r
 750         content: "\e62c";\r
 751 }\r
 752 .icon-star::before {\r
 753         content: "\e62d";\r
 754 }\r
 755 .icon-sort::before {\r
 756         content: "\e62e";\r
 757 }\r
 758 .icon-social-outline::before {\r
 759         content: "\e62f";\r
 760 }\r
 761 .icon-smartphone::before {\r
 762         content: "\e630";\r
 763 }\r
 764 .icon-smartphone-outline::before {\r
 765         content: "\e631";\r
 766 }\r
 767 .icon-signout-outline::before {\r
 768         content: "\e632";\r
 769 }\r
 770 .icon-sign-out::before {\r
 771         content: "\e633";\r
 772 }\r
 773 .icon-shop::before {\r
 774         content: "\e634";\r
 775 }\r
 776 .icon-shop-outline::before {\r
 777         content: "\e635";\r
 778 }\r
 779 .icon-shared-outline::before {\r
 780         content: "\e636";\r
 781 }\r
 782 .icon-shared-minutes-outline::before {\r
 783         content: "\e637";\r
 784 }\r
 785 .icon-share::before {\r
 786         content: "\e638";\r
 787 }\r
 788 .icon-settings::before {\r
 789         content: "\e639";\r
 790 }\r
 791 .icon-send-invoice-outline::before {\r
 792         content: "\e63a";\r
 793 }\r
 794 .icon-see-more::before {\r
 795         content: "\e63b";\r
 796 }\r
 797 .icon-see-less::before {\r
 798         content: "\e63c";\r
 799 }\r
 800 .icon-search::before {\r
 801         content: "\e63d";\r
 802 }\r
 803 .icon-search-small::before {\r
 804         content: "\e63e";\r
 805 }\r
 806 .icon-screen-calls-outline::before {\r
 807         content: "\e63f";\r
 808 }\r
 809 .icon-save-time-outline::before {\r
 810         content: "\e640";\r
 811 }\r
 812 .icon-saas-enablement-outline::before {\r
 813         content: "\e641";\r
 814 }\r
 815 .icon-s-beam::before {\r
 816         content: "\e642";\r
 817 }\r
 818 .icon-s-beam-outline::before {\r
 819         content: "\e643";\r
 820 }\r
 821 .icon-rollover-outline::before {\r
 822         content: "\e644";\r
 823 }\r
 824 .icon-rollover-minutes::before {\r
 825         content: "\e645";\r
 826 }\r
 827 .icon-reviews-outline::before {\r
 828         content: "\e646";\r
 829 }\r
 830 .icon-reports::before {\r
 831         content: "\e647";\r
 832 }\r
 833 .icon-reports-outline::before {\r
 834         content: "\e648";\r
 835 }\r
 836 .icon-recommendation-tool::before {\r
 837         content: "\e649";\r
 838 }\r
 839 .icon-receivers-outline::before {\r
 840         content: "\e64a";\r
 841 }\r
 842 .icon-productivity-outline::before {\r
 843         content: "\e64b";\r
 844 }\r
 845 .icon-print::before {\r
 846         content: "\e64c";\r
 847 }\r
 848 .icon-plus::before {\r
 849         content: "\e64d";\r
 850 }\r
 851 .icon-plus-outline::before {\r
 852         content: "\e64e";\r
 853 }\r
 854 .icon-play::before {\r
 855         content: "\e64f";\r
 856 }\r
 857 .icon-platform-as-service-outline::before {\r
 858         content: "\e650";\r
 859 }\r
 860 .icon-plans::before {\r
 861         content: "\e651";\r
 862 }\r
 863 .icon-plans-outline::before {\r
 864         content: "\e652";\r
 865 }\r
 866 .icon-pie-chart::before {\r
 867         content: "\e653";\r
 868 }\r
 869 .icon-photos::before {\r
 870         content: "\e654";\r
 871 }\r
 872 .icon-photos-outline::before {\r
 873         content: "\e655";\r
 874 }\r
 875 .icon-phone-data-outline::before {\r
 876         content: "\e656";\r
 877 }\r
 878 .icon-payments::before {\r
 879         content: "\e657";\r
 880 }\r
 881 .icon-payments-outline::before {\r
 882         content: "\e658";\r
 883 }\r
 884 .icon-pause::before {\r
 885         content: "\e659";\r
 886 }\r
 887 .icon-password::before {\r
 888         content: "\e65a";\r
 889 }\r
 890 .icon-password-outline::before {\r
 891         content: "\e65b";\r
 892 }\r
 893 .icon-overview::before {\r
 894         content: "\e65c";\r
 895 }\r
 896 .icon-overview-small::before {\r
 897         content: "\e65d";\r
 898 }\r
 899 .icon-overages::before {\r
 900         content: "\e65e";\r
 901 }\r
 902 .icon-overages-outline::before {\r
 903         content: "\e65f";\r
 904 }\r
 905 .icon-outage-outline::before {\r
 906         content: "\e660";\r
 907 }\r
 908 .icon-orders::before {\r
 909         content: "\e661";\r
 910 }\r
 911 .icon-orders-outline::before {\r
 912         content: "\e662";\r
 913 }\r
 914 .icon-optional-applications-outline::before {\r
 915         content: "\e663";\r
 916 }\r
 917 .icon-office-at-hand-outline::before {\r
 918         content: "\e664";\r
 919 }\r
 920 .icon-offers::before {\r
 921         content: "\e665";\r
 922 }\r
 923 .icon-offers-outline::before {\r
 924         content: "\e666";\r
 925 }\r
 926 .icon-notifications::before {\r
 927         content: "\e667";\r
 928 }\r
 929 .icon-notifications-outline::before {\r
 930         content: "\e668";\r
 931 }\r
 932 .icon-normal-screen::before {\r
 933         content: "\e669";\r
 934 }\r
 935 .icon-nights-weekends-outline::before {\r
 936         content: "\e66a";\r
 937 }\r
 938 .icon-new-requests-outline::before {\r
 939         content: "\e66b";\r
 940 }\r
 941 .icon-network::before {\r
 942         content: "\e66c";\r
 943 }\r
 944 .icon-network-dashboard::before {\r
 945         content: "\e66d";\r
 946 }\r
 947 .icon-netbook::before {\r
 948         content: "\e66e";\r
 949 }\r
 950 .icon-netbook-outline::before {\r
 951         content: "\e66f";\r
 952 }\r
 953 .icon-music::before {\r
 954         content: "\e670";\r
 955 }\r
 956 .icon-music-video::before {\r
 957         content: "\e671";\r
 958 }\r
 959 .icon-music-video-outline::before {\r
 960         content: "\e672";\r
 961 }\r
 962 .icon-music-outline::before {\r
 963         content: "\e673";\r
 964 }\r
 965 .icon-modem::before {\r
 966         content: "\e674";\r
 967 }\r
 968 .icon-modem-outline::before {\r
 969         content: "\e675";\r
 970 }\r
 971 .icon-mobile-insurance::before {\r
 972         content: "\e676";\r
 973 }\r
 974 .icon-mobile-insurance-outline::before {\r
 975         content: "\e677";\r
 976 }\r
 977 .icon-mobile-2-mobile-outline::before {\r
 978         content: "\e678";\r
 979 }\r
 980 .icon-missed-calls-outline::before {\r
 981         content: "\e679";\r
 982 }\r
 983 .icon-minutes::before {\r
 984         content: "\e67a";\r
 985 }\r
 986 .icon-minutes-outline::before {\r
 987         content: "\e67b";\r
 988 }\r
 989 .icon-messaging::before {\r
 990         content: "\e67c";\r
 991 }\r
 992 .icon-messaging-toolkit-outline::before {\r
 993         content: "\e67d";\r
 994 }\r
 995 .icon-messaging-outline::before {\r
 996         content: "\e67e";\r
 997 }\r
 998 .icon-messaging-email::before {\r
 999         content: "\e67f";\r
1000 }\r
1001 .icon-messaging-email-outline::before {\r
1002         content: "\e680";\r
1003 }\r
1004 .icon-message-small::before {\r
1005         content: "\e681";\r
1006 }\r
1007 .icon-maintenance::before {\r
1008         content: "\e682";\r
1009 }\r
1010 .icon-location-pin::before {\r
1011         content: "\e683";\r
1012 }\r
1013 .icon-location-pin-small::before {\r
1014         content: "\e684";\r
1015 }\r
1016 .icon-local-search::before {\r
1017         content: "\e685";\r
1018 }\r
1019 .icon-local-long-distance-outline::before {\r
1020         content: "\e686";\r
1021 }\r
1022 .icon-list::before {\r
1023         content: "\e687";\r
1024 }\r
1025 .icon-learn::before {\r
1026         content: "\e688";\r
1027 }\r
1028 .icon-learn-outline::before {\r
1029         content: "\e689";\r
1030 }\r
1031 .icon-laptop::before {\r
1032         content: "\e68a";\r
1033 }\r
1034 .icon-landline::before {\r
1035         content: "\e68b";\r
1036 }\r
1037 .icon-landline-outline::before {\r
1038         content: "\e68c";\r
1039 }\r
1040 .icon-invoices::before {\r
1041         content: "\e68d";\r
1042 }\r
1043 .icon-invoices-outline::before {\r
1044         content: "\e68e";\r
1045 }\r
1046 .icon-inventory::before {\r
1047         content: "\e68f";\r
1048 }\r
1049 .icon-intranet-outline::before {\r
1050         content: "\e690";\r
1051 }\r
1052 .icon-interpreter::before {\r
1053         content: "\e691";\r
1054 }\r
1055 .icon-interpreter-outline::before {\r
1056         content: "\e692";\r
1057 }\r
1058 .icon-internet::before {\r
1059         content: "\e693";\r
1060 }\r
1061 .icon-internet-outline::before {\r
1062         content: "\e694";\r
1063 }\r
1064 .icon-internet-24-outline::before {\r
1065         content: "\e695";\r
1066 }\r
1067 .icon-internet-18-outline::before {\r
1068         content: "\e696";\r
1069 }\r
1070 .icon-international-outline::before {\r
1071         content: "\e697";\r
1072 }\r
1073 .icon-international-long-distance-outline::before {\r
1074         content: "\e698";\r
1075 }\r
1076 .icon-international-data-outline::before {\r
1077         content: "\e699";\r
1078 }\r
1079 .icon-installation-outline::before {\r
1080         content: "\e69a";\r
1081 }\r
1082 .icon-information::before {\r
1083         content: "\e69b";\r
1084 }\r
1085 .icon-info-success::before {\r
1086         content: "\e69c";\r
1087 }\r
1088 .icon-info-alert::before {\r
1089         content: "\e69d";\r
1090 }\r
1091 .icon-info-alert-outline::before {\r
1092         content: "\e69e";\r
1093 }\r
1094 .icon-included-checkmark::before {\r
1095         content: "\e69f";\r
1096 }\r
1097 .icon-included-checkmark-outline::before {\r
1098         content: "\e6a0";\r
1099 }\r
1100 .icon-hotspot::before {\r
1101         content: "\e6a1";\r
1102 }\r
1103 .icon-hotspot-outline::before {\r
1104         content: "\e6a2";\r
1105 }\r
1106 .icon-hotspot-access-outline::before {\r
1107         content: "\e6a3";\r
1108 }\r
1109 .icon-home::before {\r
1110         content: "\e6a4";\r
1111 }\r
1112 .icon-help::before {\r
1113         content: "\e6a5";\r
1114 }\r
1115 .icon-help-outline::before {\r
1116         content: "\e6a6";\r
1117 }\r
1118 .icon-hd::before {\r
1119         content: "\e6a7";\r
1120 }\r
1121 .icon-hd-outline::before {\r
1122         content: "\e6a8";\r
1123 }\r
1124 .icon-hamburger::before {\r
1125         content: "\e6a9";\r
1126 }\r
1127 .icon-group-outline::before {\r
1128         content: "\e6aa";\r
1129 }\r
1130 .icon-gps::before {\r
1131         content: "\e6ab";\r
1132 }\r
1133 .icon-gps-outline::before {\r
1134         content: "\e6ac";\r
1135 }\r
1136 .icon-go-paperless-email-outline::before {\r
1137         content: "\e6ad";\r
1138 }\r
1139 .icon-global-messaging-outline::before {\r
1140         content: "\e6ae";\r
1141 }\r
1142 .icon-gamepad-outline::before {\r
1143         content: "\e6af";\r
1144 }\r
1145 .icon-game-devices::before {\r
1146         content: "\e6b0";\r
1147 }\r
1148 .icon-full-screen::before {\r
1149         content: "\e6b1";\r
1150 }\r
1151 .icon-forward-calls-outline::before {\r
1152         content: "\e6b2";\r
1153 }\r
1154 .icon-forum::before {\r
1155         content: "\e6b3";\r
1156 }\r
1157 .icon-forum-outline::before {\r
1158         content: "\e6b4";\r
1159 }\r
1160 .icon-filter::before {\r
1161         content: "\e6b5";\r
1162 }\r
1163 .icon-extras::before {\r
1164         content: "\e6b6";\r
1165 }\r
1166 .icon-extras-outline::before {\r
1167         content: "\e6b7";\r
1168 }\r
1169 .icon-erase::before {\r
1170         content: "\e6b8";\r
1171 }\r
1172 .icon-envelope::before {\r
1173         content: "\e6b9";\r
1174 }\r
1175 .icon-envelope-outline::before {\r
1176         content: "\e6ba";\r
1177 }\r
1178 .icon-enterprise-messaging-outline::before {\r
1179         content: "\e6bb";\r
1180 }\r
1181 .icon-edit::before {\r
1182         content: "\e6bc";\r
1183 }\r
1184 .icon-duplicate::before {\r
1185         content: "\e6bd";\r
1186 }\r
1187 .icon-dropdown-up::before {\r
1188         content: "\e6be";\r
1189 }\r
1190 .icon-dropdown-down::before {\r
1191         content: "\e6bf";\r
1192 }\r
1193 .icon-download::before {\r
1194         content: "\e6c0";\r
1195 }\r
1196 .icon-download-outline::before {\r
1197         content: "\e6c1";\r
1198 }\r
1199 .icon-disputes::before {\r
1200         content: "\e6c2";\r
1201 }\r
1202 .icon-detailed-billing::before {\r
1203         content: "\e6c3";\r
1204 }\r
1205 .icon-detailed-billing-outline::before {\r
1206         content: "\e6c4";\r
1207 }\r
1208 .icon-desktop-outline::before {\r
1209         content: "\e6c5";\r
1210 }\r
1211 .icon-data::before {\r
1212         content: "\e6c6";\r
1213 }\r
1214 .icon-data-outline::before {\r
1215         content: "\e6c7";\r
1216 }\r
1217 .icon-data-additional-outline::before {\r
1218         content: "\e6c8";\r
1219 }\r
1220 .icon-compare::before {\r
1221         content: "\e6c9";\r
1222 }\r
1223 .icon-cloud-storage-outline::before {\r
1224         content: "\e6ca";\r
1225 }\r
1226 .icon-cloud-outline::before {\r
1227         content: "\e6cb";\r
1228 }\r
1229 .icon-cloud-computing-outline::before {\r
1230         content: "\e6cc";\r
1231 }\r
1232 .icon-cloud-backup::before {\r
1233         content: "\e6cd";\r
1234 }\r
1235 .icon-cloud-backup-outline::before {\r
1236         content: "\e6ce";\r
1237 }\r
1238 .icon-circle-information-outline::before {\r
1239         content: "\e6cf";\r
1240 }\r
1241 .icon-circle-action-plus-outline::before {\r
1242         content: "\e6d0";\r
1243 }\r
1244 .icon-circle-action-minus-outline::before {\r
1245         content: "\e6d1";\r
1246 }\r
1247 .icon-circle-action-empty::before {\r
1248         content: "\e6d2";\r
1249 }\r
1250 .icon-circle-action-delete-outline::before {\r
1251         content: "\e6d3";\r
1252 }\r
1253 .icon-circle-action-close::before {\r
1254         content: "\e6d4";\r
1255 }\r
1256 .icon-circle-action-check-outline::before {\r
1257         content: "\e6d5";\r
1258 }\r
1259 .icon-circle-action-remove::before {\r
1260         content: "\e6d6";\r
1261 }\r
1262 .icon-circle-action-add::before {\r
1263         content: "\e6d7";\r
1264 }\r
1265 .icon-chip-outline::before {\r
1266         content: "\e6d8";\r
1267 }\r
1268 .icon-chevron-up::before {\r
1269         content: "\e6d9";\r
1270 }\r
1271 .icon-chevron-right::before {\r
1272         content: "\e6da";\r
1273 }\r
1274 .icon-chevron-left::before {\r
1275         content: "\e6db";\r
1276 }\r
1277 .icon-chevron-down::before {\r
1278         content: "\e6dc";\r
1279 }\r
1280 .icon-checkbox-checkmark::before {\r
1281         content: "\e6dd";\r
1282 }\r
1283 .icon-chat::before {\r
1284         content: "\e6de";\r
1285 }\r
1286 .icon-chat-small::before {\r
1287         content: "\e6df";\r
1288 }\r
1289 .icon-case-studies::before {\r
1290         content: "\e6e0";\r
1291 }\r
1292 .icon-cart::before {\r
1293         content: "\e6e1";\r
1294 }\r
1295 .icon-cart-small::before {\r
1296         content: "\e6e2";\r
1297 }\r
1298 .icon-camera::before {\r
1299         content: "\e6e3";\r
1300 }\r
1301 .icon-camera-outline::before {\r
1302         content: "\e6e4";\r
1303 }\r
1304 .icon-calendar-outline::before {\r
1305         content: "\e6e5";\r
1306 }\r
1307 .icon-business::before {\r
1308         content: "\e6e6";\r
1309 }\r
1310 .icon-business-tv::before {\r
1311         content: "\e6e7";\r
1312 }\r
1313 .icon-business-tv-outline::before {\r
1314         content: "\e6e8";\r
1315 }\r
1316 .icon-business-tv-additional-packs-outline::before {\r
1317         content: "\e6e9";\r
1318 }\r
1319 .icon-business-outline::before {\r
1320         content: "\e6ea";\r
1321 }\r
1322 .icon-business-center::before {\r
1323         content: "\e6eb";\r
1324 }\r
1325 .icon-business-center-outline::before {\r
1326         content: "\e6ec";\r
1327 }\r
1328 .icon-bundles::before {\r
1329         content: "\e6ed";\r
1330 }\r
1331 .icon-bundles-outline::before {\r
1332         content: "\e6ee";\r
1333 }\r
1334 .icon-billing::before {\r
1335         content: "\e6ef";\r
1336 }\r
1337 .icon-billing-history-outline::before {\r
1338         content: "\e6f0";\r
1339 }\r
1340 .icon-billing-dashboard::before {\r
1341         content: "\e6f1";\r
1342 }\r
1343 .icon-bd-maps::before {\r
1344         content: "\e6f2";\r
1345 }\r
1346 .icon-basicphone::before {\r
1347         content: "\e6f3";\r
1348 }\r
1349 .icon-basicphone-outline::before {\r
1350         content: "\e6f4";\r
1351 }\r
1352 .icon-barcode-outline::before {\r
1353         content: "\e6f5";\r
1354 }\r
1355 .icon-bar-chart-vertical::before {\r
1356         content: "\e6f6";\r
1357 }\r
1358 .icon-bar-chart-horizontal::before {\r
1359         content: "\e6f7";\r
1360 }\r
1361 .icon-arrow-up::before {\r
1362         content: "\e6f8";\r
1363 }\r
1364 .icon-arrow-up-right::before {\r
1365         content: "\e6f9";\r
1366 }\r
1367 .icon-arrow-up-left::before {\r
1368         content: "\e6fa";\r
1369 }\r
1370 .icon-arrow-up-circle::before {\r
1371         content: "\e6fb";\r
1372 }\r
1373 .icon-arrow-right::before {\r
1374         content: "\e6fc";\r
1375 }\r
1376 .icon-arrow-right-circle::before {\r
1377         content: "\e6fd";\r
1378 }\r
1379 .icon-arrow-left::before {\r
1380         content: "\e6fe";\r
1381 }\r
1382 .icon-arrow-left-circle::before {\r
1383         content: "\e6ff";\r
1384 }\r
1385 .icon-arrow-down::before {\r
1386         content: "\e700";\r
1387 }\r
1388 .icon-arrow-down-right::before {\r
1389         content: "\e701";\r
1390 }\r
1391 .icon-arrow-down-left::before {\r
1392         content: "\e702";\r
1393 }\r
1394 .icon-arrow-down-circle::before {\r
1395         content: "\e703";\r
1396 }\r
1397 .icon-arrow-double-right::before {\r
1398         content: "\e704";\r
1399 }\r
1400 .icon-arrow-double-left::before {\r
1401         content: "\e705";\r
1402 }\r
1403 .icon-apps-media::before {\r
1404         content: "\e706";\r
1405 }\r
1406 .icon-apps-media-outline::before {\r
1407         content: "\e707";\r
1408 }\r
1409 .icon-apps-marketplace::before {\r
1410         content: "\e708";\r
1411 }\r
1412 .icon-apps-marketplace-outline::before {\r
1413         content: "\e709";\r
1414 }\r
1415 .icon-analytics::before {\r
1416         content: "\e70a";\r
1417 }\r
1418 .icon-alt-media-subscription-outline::before {\r
1419         content: "\e70b";\r
1420 }\r
1421 .icon-all-locations::before {\r
1422         content: "\e70c";\r
1423 }\r
1424 .icon-all-devices::before {\r
1425         content: "\e70d";\r
1426 }\r
1427 .icon-all-devices-outline::before {\r
1428         content: "\e70e";\r
1429 }\r
1430 .icon-alarms::before {\r
1431         content: "\e70f";\r
1432 }\r
1433 .icon-alarms-outline::before {\r
1434         content: "\e710";\r
1435 }\r
1436 .icon-address-ip-outline::before {\r
1437         content: "\e711";\r
1438 }\r
1439 .icon-addons::before {\r
1440         content: "\e712";\r
1441 }\r
1442 .icon-addons-outline::before {\r
1443         content: "\e713";\r
1444 }\r
1445 .icon-additional-services::before {\r
1446         content: "\e714";\r
1447 }\r
1448 .icon-additional-minutes-outline::before {\r
1449         content: "\e715";\r
1450 }\r
1451 .icon-add-widget::before {\r
1452         content: "\e716";\r
1453 }\r
1454 .icon-activity-feed::before {\r
1455         content: "\e717";\r
1456 }\r
1457 .icon-accessories::before {\r
1458         content: "\e718";\r
1459 }\r
1460 .icon-accessories-outline::before {\r
1461         content: "\e719";\r
1462 }\r
1463 .icon-foundation-account::before {\r
1464         content: "\e71a";\r
1465 }\r
1466 .icon-billing-account::before {\r
1467         content: "\e71b";\r
1468 }\r
1469 .headerContainer {\r
1470         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;\r
1471 }\r
1472 .icon-infinite::before {\r
1473         content: "\e71c";\r
1474 }\r
1475 .headerContentContainer .primaryMenuContainer {\r
1476         font-family: clearview_att_regular; font-size: 18px;\r
1477 }\r
1478 .icon-social-business-community::before {\r
1479         content: "\e71d";\r
1480 }\r
1481 .icon-social-facebook::before {\r
1482         content: "\e71e";\r
1483 }\r
1484 .icon-social-feed::before {\r
1485         content: "\e71f";\r
1486 }\r
1487 .icon-social-google-plus::before {\r
1488         content: "\e720";\r
1489 }\r
1490 .icon-social-linkedin::before {\r
1491         content: "\e721";\r
1492 }\r
1493 .icon-social-network-exchange::before {\r
1494         content: "\e722";\r
1495 }\r
1496 .icon-social-twitter-bird::before {\r
1497         content: "\e723";\r
1498 }\r
1499 .icon-social-twitter::before {\r
1500         content: "\e724";\r
1501 }\r
1502 .icon-social-youtube::before {\r
1503         content: "\e725";\r
1504 }\r
1505 .icon-blocked::before {\r
1506         content: "\e726";\r
1507 }\r
1508 .icon-talk-text::before {\r
1509         content: "\e727";\r
1510 }\r
1511 .icon-blocked::before {\r
1512         content: "\e726";\r
1513 }\r
1514 .icon-group::before {\r
1515         content: "\e72c";\r
1516 }\r
1517 .icon-group-create::before {\r
1518         content: "\e72b";\r
1519 }\r
1520 .headerContentContainer {\r
1521         margin: auto; width: 100%; height: 50px; margin-top:5px;\r
1522 }\r
1523 .headerContentContainer .primaryMenuContainer .linkToRegistration {\r
1524         color: rgb(255, 255, 255); float: right;\r
1525 }\r
1526 .headerContentContainer .primaryMenuContainer .ATTLogo {\r
1527         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;\r
1528 }\r
1529 .headerContentContainer .primaryMenuContainer .attHomeContainer {\r
1530         float: left; cursor: pointer;\r
1531 }\r
1532 .headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR {\r
1533         font-family: clearviewatt_ltbold; margin-right: 4px; margin-left: 2px; float: left;\r
1534 }\r
1535 .headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR a {\r
1536         color: rgb(255, 255, 255); font-family: clearviewatt_ltbold; font-size: 18px; text-decoration: none;\r
1537 }\r
1538 .headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR a:hover {\r
1539         color: rgb(191, 231, 251); text-decoration: none;\r
1540 }\r
1541 .headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR a:active {\r
1542         color: rgb(191, 231, 251); text-decoration: none;\r
1543 }\r
1544 .headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR:hover {\r
1545         margin-top: -2px;\r
1546 }\r
1547 .headerContentContainer .primaryMenuContainer .attHomeContainer .businessCenterR:active {\r
1548         margin-top: -2px;\r
1549 }\r
1550 .headerContentContainer .primaryMenuContainer .primaryMenuOptionsContainer .primaryMenuOptionLink {\r
1551         color: rgb(255, 255, 255); font-family: clearviewatt; font-size: 18px; text-decoration: none; margin-left: 20px; float: left; cursor: pointer;\r
1552 }\r
1553 /* .primaryMenuOptionLink { */\r
1554 /*      width: 8em; text-overflow: clip; text-overflow: ellipsis; text-overflow: "\85"; white-space: nowrap;  */\r
1555 /* } */\r
1556 .headerContentContainer .primaryMenuContainer .primaryMenuOptionsContainer .primaryMenuOptionLink:hover {\r
1557         color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px;\r
1558 }\r
1559 .headerContentContainer .primaryMenuContainer .primaryMenuOptionsContainer .primaryMenuOptionLink:focus {\r
1560         color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px;\r
1561 }\r
1562 .headerContentContainer .primaryMenuContainer .primaryMenuOptionsContainer .primaryMenuOptionLink:active {\r
1563         color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px;\r
1564 }\r
1565 .headerContentContainer .primaryMenuContainer .pageNameContainer .pageName {\r
1566         color: rgb(255, 255, 255); font-family: clearviewatt_ltbold; font-size: 18px; text-decoration: none; margin-left: 30px; float: left; cursor: pointer;\r
1567 }\r
1568 .headerContentContainer .primaryMenuContainer .pageNameContainer .pageName:hover {\r
1569         color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px;\r
1570 }\r
1571 .headerContentContainer .primaryMenuContainer .pageNameContainer .pageName:active {\r
1572         color: rgb(191, 231, 251); text-decoration: none; margin-top: -2px;\r
1573 }\r
1574 .headerContentContainer .primaryMenuContainer .selectedOptionIndicator {\r
1575         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;\r
1576 }\r
1577 .headerContentContainer .primaryMenuContainer .loginIcon {\r
1578         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;\r
1579 }\r
1580 .headerContentContainer .primaryMenuContainer .loginIcon:hover {\r
1581         background-position: -10px -10px; margin-top: 12px;\r
1582 }\r
1583 .headerContentContainer .primaryMenuContainer .loginIcon:focus {\r
1584         background-position: -10px -10px; margin-top: 12px;\r
1585 }\r
1586 .headerContentContainer .primaryMenuContainer .icon-cart {\r
1587         background-position: -1000px; color: rgb(255, 255, 255); line-height: 50px; font-size: 18px; margin-right: 34px; float: left; position: relative; cursor: pointer;\r
1588 }\r
1589 .headerContentContainer .primaryMenuContainer .icon-cart:hover {\r
1590         color: rgb(191, 231, 251); margin-top: -2px;\r
1591 }\r
1592 .headerContentContainer .primaryMenuContainer .headerIconContainer {\r
1593         height: 50px; float: right; position: relative;\r
1594 }\r
1595 .headerContentContainer .primaryMenuContainer .headerIconContainer .loginName {\r
1596         line-height: 50px; font-family: clearviewatt; font-size: 12px; margin-right: 31px; float: left; position: relative;\r
1597 }\r
1598 .headerContentContainer .primaryMenuContainer .headerIconContainer .chatIcon {\r
1599         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;\r
1600 }\r
1601 .headerContentContainer .primaryMenuContainer .headerIconContainer .chatIcon:hover {\r
1602         background-position: -3px -4px; margin-top: 14px;\r
1603 }\r
1604 .headerContentContainer .primaryMenuContainer .headerIconContainer .chatIcon:focus {\r
1605         background-position: -3px -4px; margin-top: 14px;\r
1606 }\r
1607 .headerContentContainer .primaryMenuContainer .headerIconContainer .searchIcon {\r
1608         background-position: -1000px; color: rgb(255, 255, 255); line-height: 50px; margin-right: 31px; float: left; position: relative; cursor: pointer;\r
1609 }\r
1610 .headerContentContainer .primaryMenuContainer .headerIconContainer .searchIcon:hover {\r
1611         color: rgb(191, 231, 251); margin-top: -2px;\r
1612 }\r
1613 .selectedPrimaryMenuOption {\r
1614         color: rgb(255, 255, 255); font-family: clearviewatt_ltbold !important;\r
1615 }\r
1616 .secondaryTopMenuContainer .secondaryMenuContentContainer .thirdMenuContainer .thirdFourthMenuContainer {\r
1617          \r
1618 }\r
1619 .secondaryTopMenuContainer {\r
1620         color: rgb(102, 102, 102); line-height: 50px; font-family: clearviewatt; \r
1621         font-size: 16px; float: left; background-color: rgb(255, 255, 255);  z-index: 1000;\r
1622         top: 57px; margin: 0 auto 10; height: auto; margin-left: 201px; padding-right: 10px;\r
1623         /*      width: 100%;  margin-top: 50px; margin-bottom: 50px; */\r
1624 }\r
1625 .secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption {\r
1626         overflow: hidden; float: left; cursor: pointer;\r
1627 }\r
1628 .secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .selectionDiv {\r
1629         top: -4px; height: 4px; position: relative; background-color: rgb(6, 122, 180);\r
1630 }\r
1631 .secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .secondaryMenuOptionLink {\r
1632         outline: 0px; color: rgb(102, 102, 102); text-decoration: none;\r
1633 }\r
1634 .secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .secondaryMenuOptionLink:hover {\r
1635         font-weight: bold; font-size: 16px; text-decoration: none;\r
1636 }\r
1637 .secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption .secondaryMenuOptionLink:focus {\r
1638         font-weight: bold; font-size: 16px; text-decoration: none;\r
1639 }\r
1640 .secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption {\r
1641         outline: 0px; color: rgb(102, 102, 102); text-decoration: none;\r
1642 }\r
1643 .secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption {\r
1644         font-family: clearviewatt_ltbold; font-size: 16px; text-decoration: none;\r
1645 }\r
1646 .secondaryTopMenuContainer .secondaryMenuContentContainer .secondaryMenuOption {\r
1647         font-family: clearviewatt_ltbold; font-size: 16px; text-decoration: none;\r
1648 }\r
1649 .selectedSecondaryMenuOption {\r
1650         font-family: clearviewatt_ltbold; font-size: 16px;\r
1651 }\r
1652 \r
1653 .secondThirdFourthContainer {\r
1654         display: block;\r
1655 }\r
1656 \r
1657 .thirdSubmenuOptionLink a:hover:after, .headerMenus selected {\r
1658         outline: 0;\r
1659         font-weight: bold;\r
1660         !important;\r
1661 }\r
1662 \r
1663 .thirdSubmenuContainer {\r
1664     font-family: clearviewatt;\r
1665     font-size: 14px;\r
1666     float: left;\r
1667     background-color: rgb(255, 255, 255);\r
1668     left: 0;\r
1669 /*     top: 90px; */\r
1670 /*     margin-left: 201px; */\r
1671     padding-right: 10px;\r
1672     display: inline-flex;\r
1673     width: auto;\r
1674     position: relative;\r
1675 }\r
1676 .fourthMenuContainer {\r
1677         font-family: clearviewatt; \r
1678         font-size: 14px; \r
1679         float: left; \r
1680         background-color: rgb(255, 255, 255); \r
1681         width: auto; \r
1682         margin-top: -20px;\r
1683         margin-bottom: 30px; \r
1684     position: relative;\r
1685 }\r
1686 .thirdMenuContainer .thirdMenuContentContainer .thirdSubmenuOption {\r
1687         cursor: pointer;\r
1688 }\r
1689 .thirdMenuContainer .thirdMenuContentContainer .thirdSubmenuOption .selectionThirdDiv {\r
1690         !important; top: -4px; height: 4px; position: relative; background-color: rgb(6, 122, 180);\r
1691 }\r
1692 .thirdMenuContainer .thirdMenuContentContainer .thirdSubmenuOption {\r
1693         !important; outline: 0px; color: rgb(102, 102, 102); text-decoration: none; !important; \r
1694 }\r
1695 .thirdMenuContainer .thirdMenuContentContainer .thirdSubmenuOption {\r
1696         !important; font-family: clearviewatt_ltbold; font-size: 14px; text-decoration: none; font-weight: bold; !important; \r
1697 }\r
1698 .thirdMenuContainer .thirdMenuContentContainer .thirdSubmenuOption {\r
1699         !important; font-family: clearviewatt_ltbold; font-size: 14px; text-decoration: none; !important; \r
1700 }\r
1701 .selectedThirdMenuOption {\r
1702 /*      font-family: clearviewatt_ltbold; font-size: 14px; */\r
1703 }\r
1704 \r
1705 .fourthMenuContainer .fourthMenuContentContainer {\r
1706         margin: auto; width: 100%;\r
1707 }\r
1708 .fourthMenuContainer .fourthMenuContentContainer .fourthSubmenuOption {\r
1709         overflow: hidden; float: left; cursor: pointer;\r
1710 }\r
1711 .fourthMenuContainer .fourthMenuContentContainer .fourthSubmenuOption .selectionFourthDiv {\r
1712         top: -4px; height: 4px; position: relative; background-color: rgb(6, 122, 180);\r
1713 }\r
1714 .fourthMenuContainer .fourthMenuContentContainer .fourthSubmenuOption .fourthSubmenuOptionLink {\r
1715         outline: 0px; color: rgb(102, 102, 102); text-decoration: none;\r
1716 }\r
1717 .fourthMenuContainer .fourthMenuContentContainer .fourthSubmenuOption .fourthSubmenuOptionLink:hover {\r
1718         font-family: clearviewatt_ltbold; font-size: 14px; text-decoration: none;\r
1719 }\r
1720 .fourthMenuContainer .fourthMenuContentContainer .fourthSubmenuOption .fourthSubmenuOptionLink:focus {\r
1721         font-family: clearviewatt_ltbold; font-size: 14px; text-decoration: none;\r
1722 }\r
1723 .selectedfourthMenuOption {\r
1724 /*      font-family: clearviewatt_ltbold; font-size: 14px; */\r
1725 }\r
1726 \r
1727 .homePageNameHighlight {\r
1728         font-family: clearviewatt_ltbold; font-size: 16px;\r
1729 }\r
1730 .megaMenuContainer {\r
1731         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);\r
1732 }\r
1733 .megaMenuContentContainer {\r
1734         margin: auto; width: 100%;\r
1735 }\r
1736 .megaMenuContentContainer .megaMenuTable {\r
1737         width: 100%;\r
1738 }\r
1739 .megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn {\r
1740         vertical-align: top;\r
1741 }\r
1742 .megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer {\r
1743         margin-bottom: 32px; float: left;\r
1744 }\r
1745 .megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryTitle {\r
1746         color: rgb(68, 68, 68); font-family: clearviewatt_ltbold; font-size: 14px; margin-top: 36px; margin-bottom: 22px;\r
1747 }\r
1748 .megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryOptionLink {\r
1749         outline: 0px; color: rgb(68, 68, 68); font-family: clearviewatt; font-size: 12px; text-decoration: none; margin-bottom: 13px;\r
1750 }\r
1751 .megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryOptionLink:hover {\r
1752         color: rgb(25, 157, 223); text-decoration: none;\r
1753 }\r
1754 .megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryOptionLink:focus {\r
1755         color: rgb(25, 157, 223); text-decoration: none;\r
1756 }\r
1757 .megaMenuContentContainer .megaMenuTable .megaMenuRow .categoryContainerColumn .categoryContainer .categoryOptionLink:active {\r
1758         color: rgb(25, 157, 223); text-decoration: none;\r
1759 }\r
1760 .megaMenuContentContainer .megaMenuTable .megaMenuSecondRow .categoryTitle {\r
1761         margin-top: 4px !important;\r
1762 }\r
1763 .addMargin {\r
1764         margin-top: 50px;\r
1765 }\r
1766 .contents {\r
1767         padding-top: 100px;\r
1768 }\r
1769 .megaMenuContentContainer .megaMenuTable li {\r
1770         float: left;\r
1771 }\r
1772 .megaMenuContentContainer ul {\r
1773         margin: 0px;\r
1774 }\r
1775 .unselectable {\r
1776         -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -khtml-user-select: none;\r
1777 }\r
1778 .chatBox {\r
1779         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;\r
1780 }\r
1781 .chatBox .arrow {\r
1782         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;\r
1783 }\r
1784 .chatBox-header {\r
1785         padding: 0px 25px; width: 250px; height: 85px; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;\r
1786 }\r
1787 .chatBox-heading {\r
1788         left: 25px; top: 18px; color: rgb(68, 68, 68); line-height: 28px; font-family: omnes_attlight; font-size: 24px; position: absolute;\r
1789 }\r
1790 .chatBox-question {\r
1791         left: 25px; top: 53px; color: rgb(68, 68, 68); line-height: 16.8px; font-family: clearviewatt; font-size: 13px; position: absolute;\r
1792 }\r
1793 .circle_close_chat {\r
1794         top: 22px; right: 20px; color: rgb(68, 68, 68); font-size: 14px; position: absolute; cursor: pointer;\r
1795 }\r
1796 .chatBox-body {\r
1797         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;\r
1798 }\r
1799 .chat-option {\r
1800         height: 35px; line-height: 45px; margin-bottom: 10px; position: relative;\r
1801 }\r
1802 .chat-option .hr-chatbox {\r
1803         margin: 10px 0px; padding: 0px; border: 0px currentColor !important; width: inherit; height: 1px; display: block;\r
1804 }\r
1805 .chat-icon-info {\r
1806         top: 15px; right: 6px; font-size: 16px; position: absolute;\r
1807 }\r
1808 .chat-option > span {\r
1809         left: 10px; top: 0px; position: absolute; cursor: pointer;\r
1810 }\r
1811 .chat-option > span {\r
1812         left: 10px; top: 0px; position: absolute;\r
1813 }\r
1814 .chat-option > span:hover {\r
1815         color: rgb(6, 122, 180);\r
1816 }\r
1817 \r
1818 .box1 {\r
1819   min-width: 260px;\r
1820   /* min-height:165px;  */\r
1821 \r
1822   height: auto;\r
1823   width: auto;\r
1824   z-index: 1000;\r
1825   display: none;\r
1826   background: #FFF;\r
1827   border: solid 1px #BBBBBB;\r
1828   /* border-radius:5px; */\r
1829 \r
1830   box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);\r
1831   position: relative;\r
1832 }\r
1833 .box1 *,\r
1834 .box1 :after,\r
1835 .box1 :before {\r
1836   -webkit-box-sizing: content-box;\r
1837   -moz-box-sizing: content-box;\r
1838   box-sizing: content-box;\r
1839 }\r
1840 .box1 a.close {\r
1841   color: red;\r
1842   font-size: 12px;\r
1843   font-family: arial;\r
1844   text-decoration: underline;\r
1845 }\r
1846 .box1 .arrow {\r
1847   width: 0;\r
1848   height: 0;\r
1849   border-left: 8px solid transparent;\r
1850   border-right: 8px solid transparent;\r
1851   border-bottom: 8px solid #FFF;\r
1852   position: absolute;\r
1853   left: 1px;\r
1854   top: -8px;\r
1855   z-index: 1001;\r
1856 }\r
1857 .headerContentContainer .primaryMenuContainer .headerIconContainer .popbox .box1 ul {\r
1858   margin-left: 0px;\r
1859 }\r
1860 \r
1861 .logo-image {\r
1862           .att-logo;\r
1863           display: inline-block;\r
1864           vertical-align: middle;\r
1865           margin-top: -3px;\r
1866       }\r
1867       \r
1868 .megamenu-tabs .megamenu__item {\r
1869         padding: 0 0;\r
1870 }\r
1871 .megamenu-tabs .megamenu__item span {\r
1872     font-size: 18px;\r
1873 }\r
1874 \r
1875 .submenu-tabs {\r
1876    line-height:50px;\r
1877 \r
1878 }\r
1879 .submenu-tabs .sub__menu{\r
1880         top:54px;\r
1881 }\r
1882 \r
1883 .top-megamenu .megamenu-tabs ul{\r
1884         width:98%;\r
1885         list-style: none;\r
1886 }\r
1887 .top-megamenu .megamenu-tabs ul li {\r
1888     display: inline-block;\r
1889     text-align: left;\r
1890 \r
1891 }\r
1892 \r
1893 .favorites-icon-active {\r
1894   color: #fbb313;\r
1895 }\r
1896 \r
1897 .favorites-icon-inactive {\r
1898   color: #666666;\r
1899 }\r
1900 .favorites-window {\r
1901   width: 100%;\r
1902   height: auto;\r
1903   //margin: auto;\r
1904   font-size: 14px !important;\r
1905   display: flex;\r
1906   font-family: clearview_att_regular;\r
1907   margin-top: 25px;\r
1908   margin-left: 25px;\r
1909   z-index: 1000;\r
1910 \r
1911   a:link, a:active, a:hover {\r
1912     margin-left: 3px;\r
1913     margin-right: 20px;\r
1914     text-decoration: none;\r
1915   }\r
1916 }\r
1917 \r
1918  .favoritesLargeText {\r
1919    font-weight: 400;\r
1920    font-family: clearview_att_bold !important;\r
1921    font-size: 18px;\r
1922    text-align: center;\r
1923  }\r
1924 \r
1925 \r
1926 .favorites-window-empty {\r
1927   width: 100%;\r
1928   height: auto;\r
1929   display:flex;\r
1930   justify-content:center;\r
1931   align-items:center;\r
1932   margin: auto;\r
1933   text-align: center;\r
1934 \r
1935 }\r
1936 \r
1937 .favoritesNormalText {\r
1938   font-size: 14px;\r
1939   text-align: center;\r
1940   color: #666666\r
1941 }\r
1942 \r
1943 .columns{\r
1944   column-count: 5;\r
1945   line-height: 15px;\r
1946   column-gap: 40px;\r
1947   column-rule: 2px outset #666666;\r
1948 \r
1949 }\r
1950 \r
1951 .columns-div {\r
1952   min-width: 90%;\r
1953   margin-top: -5px;\r
1954 \r
1955 }\r