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