ecomp-portal-BE/war/static/ebz/header_new.css

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