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

   1 .navbar {
   2         display: none;
   3 }
   4 .navbar-fixed-bottom .dropdown .caret {
   5         border-top-color: currentColor; border-bottom-color: rgb(0, 0, 0); border-top-width: 0px; border-bottom-width: 4px; border-top-style: dotted; border-bottom-style: solid; content: "";
   6 }
   7 .navbar-fixed-bottom .dropdown .dropdown-menu {
   8         top: auto; bottom: 100%; margin-bottom: 1px;
   9 }
  10 @media all and (min-width:768px)
  11 {
  12 .navbar-right .dropdown-menu {
  13         left: auto; right: 0px;
  14 }
  15 }
  16 .navbar {
  17         margin-bottom: 20px; min-height: 50px;
  18 }
  19 .navbar::after {
  20         display: table; content: " ";
  21 }
  22 .navbar::before {
  23         display: table; content: " ";
  24 }
  25 .navbar::after {
  26         clear: both;
  27 }
  28 @media all and (min-width:768px)
  29 {
  30 .navbar {
  31         border-radius: 6px;
  32 }
  33 }
  34 .navbar-header::after {
  35         display: table; content: " ";
  36 }
  37 .navbar-header::before {
  38         display: table; content: " ";
  39 }
  40 .navbar-header::after {
  41         clear: both;
  42 }
  43 @media all and (min-width:768px)
  44 {
  45 .navbar-header {
  46         float: left;
  47 }
  48 }
  49 .navbar-collapse {
  50         padding-right: 10px; padding-left: 10px; border-top-color: transparent; border-top-width: 1px; border-top-style: solid; -ms-overflow-x: visible; max-height: 340px; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.1); -webkit-overflow-scrolling: touch;
  51 }
  52 .navbar-collapse::after {
  53         display: table; content: " ";
  54 }
  55 .navbar-collapse::before {
  56         display: table; content: " ";
  57 }
  58 .navbar-collapse::after {
  59         clear: both;
  60 }
  61 .in.navbar-collapse {
  62         -ms-overflow-y: auto;
  63 }
  64 @media all and (min-width:768px)
  65 {
  66 .navbar-collapse {
  67         width: auto; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; box-shadow: none;
  68 }
  69 .collapse.navbar-collapse {
  70         height: auto !important; overflow: visible !important; padding-bottom: 0px; display: block !important;
  71 }
  72 .in.navbar-collapse {
  73         -ms-overflow-y: auto;
  74 }
  75 .navbar-collapse :first-child.navbar-left.navbar-nav {
  76         margin-left: -10px;
  77 }
  78 .navbar-collapse :last-child.navbar-right.navbar-nav {
  79         margin-right: -10px;
  80 }
  81 .navbar-collapse :last-child.navbar-text {
  82         margin-right: 0px;
  83 }
  84 }
  85 .container > .navbar-collapse {
  86         margin-right: -10px; margin-left: -10px;
  87 }
  88 .container > .navbar-header {
  89         margin-right: -10px; margin-left: -10px;
  90 }
  91 @media all and (min-width:768px)
  92 {
  93 .container > .navbar-collapse {
  94         margin-right: 0px; margin-left: 0px;
  95 }
  96 .container > .navbar-header {
  97         margin-right: 0px; margin-left: 0px;
  98 }
  99 }
 100 .navbar-static-top {
 101         border-width: 0px 0px 1px; z-index: 1000;
 102 }
 103 @media all and (min-width:768px)
 104 {
 105 .navbar-static-top {
 106         border-radius: 0px;
 107 }
 108 }
 109 .navbar-fixed-bottom {
 110         left: 0px; right: 0px; position: fixed; z-index: 1030;
 111 }
 112 .navbar-fixed-top {
 113         left: 0px; right: 0px; position: fixed; z-index: 1030;
 114 }
 115 @media all and (min-width:768px)
 116 {
 117 .navbar-fixed-bottom {
 118         border-radius: 0px;
 119 }
 120 .navbar-fixed-top {
 121         border-radius: 0px;
 122 }
 123 }
 124 .navbar-fixed-top {
 125         border-width: 0px 0px 1px; top: 0px;
 126 }
 127 .navbar-fixed-bottom {
 128         border-width: 1px 0px 0px; bottom: 0px; margin-bottom: 0px;
 129 }
 130 .navbar-brand {
 131         float: left;
 132 }
 133 .navbar-brand:focus {
 134         text-decoration: none;
 135 }
 136 .navbar-brand:hover {
 137         text-decoration: none;
 138 }
 139 @media all and (min-width:768px)
 140 {
 141 .navbar > .container .navbar-brand {
 142         margin-left: -10px;
 143 }
 144 }
 145 .navbar-toggle {
 146         padding: 9px 10px; border-radius: 6px; border: 1px solid transparent; margin-top: 8px; margin-right: 10px; margin-bottom: 8px; float: right; position: relative; background-color: transparent;
 147 }
 148 .navbar-toggle .icon-bar {
 149         border-radius: 1px; width: 22px; height: 2px; display: block;
 150 }
 151 .navbar-toggle .icon-bar + .icon-bar {
 152         margin-top: 4px;
 153 }
 154 @media all and (min-width:768px)
 155 {
 156 .navbar-toggle {
 157         display: none;
 158 }
 159 }
 160 .navbar-nav {
 161         margin: 7.5px -10px;
 162 }
 163 .navbar-nav > li > a {
 164         line-height: 20px; padding-top: 10px; padding-bottom: 10px;
 165 }
 166 @media all and (max-width:767px)
 167 {
 168 .navbar-nav .open .dropdown-menu {
 169         border: 0px currentColor; width: auto; margin-top: 0px; float: none; position: static; box-shadow: none; background-color: transparent;
 170 }
 171 .navbar-nav .open .dropdown-menu .dropdown-header {
 172         padding: 5px 15px 5px 25px;
 173 }
 174 .navbar-nav .open .dropdown-menu > li > a {
 175         padding: 5px 15px 5px 25px;
 176 }
 177 .navbar-nav .open .dropdown-menu > li > a {
 178         line-height: 20px;
 179 }
 180 .navbar-nav .open .dropdown-menu > li > a:focus {
 181         background-image: none;
 182 }
 183 .navbar-nav .open .dropdown-menu > li > a:hover {
 184         background-image: none;
 185 }
 186 }
 187 @media all and (min-width:768px)
 188 {
 189 .navbar-nav {
 190         margin: 0px; float: left;
 191 }
 192 .navbar-nav > li {
 193         float: left;
 194 }
 195 .navbar-nav > li > a {
 196         padding-top: 15px; padding-bottom: 15px;
 197 }
 198 }
 199 @media all and (min-width:768px)
 200 {
 201 .navbar-left {
 202         float: left !important;
 203 }
 204 .navbar-right {
 205         float: right !important;
 206 }
 207 }
 208 .navbar-form {
 209         margin: 8px -10px; padding: 10px; border-top-color: transparent; border-bottom-color: transparent; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.1), 0px 1px 0px rgba(255,255,255,0.1); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
 210 }
 211 @media all and (max-width:767px)
 212 {
 213 .navbar-form .form-group {
 214         margin-bottom: 5px;
 215 }
 216 }
 217 @media all and (min-width:768px)
 218 {
 219 .navbar-form {
 220         border: 0px currentColor; width: auto; padding-top: 0px; padding-bottom: 0px; margin-right: 0px; margin-left: 0px; box-shadow: none; -webkit-box-shadow: none;
 221 }
 222 }
 223 .navbar-nav > li > .dropdown-menu {
 224         margin-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px;
 225 }
 226 .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
 227         border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
 228 }
 229 .pull-right.navbar-nav > li > .dropdown-menu {
 230         left: auto; right: 0px;
 231 }
 232 .navbar-nav > li > .pull-right.dropdown-menu {
 233         left: auto; right: 0px;
 234 }
 235 .navbar-btn {
 236         margin-top: 8px; margin-bottom: 8px;
 237 }
 238 .navbar-text {
 239         margin-top: 15px; margin-bottom: 15px; float: left;
 240 }
 241 @media all and (min-width:768px)
 242 {
 243 .navbar-text {
 244         margin-right: 10px; margin-left: 10px;
 245 }
 246 }
 247 .navbar-default {
 248         border-color: rgb(231, 231, 231); background-color: rgb(248, 248, 248);
 249 }
 250 .navbar-default .navbar-brand {
 251         color: rgb(119, 119, 119);
 252 }
 253 .navbar-default .navbar-brand:focus {
 254         color: rgb(94, 94, 94); background-color: transparent;
 255 }
 256 .navbar-default .navbar-brand:hover {
 257         color: rgb(94, 94, 94); background-color: transparent;
 258 }
 259 .navbar-default .navbar-nav > li > a {
 260         color: rgb(119, 119, 119);
 261 }
 262 .navbar-default .navbar-text {
 263         color: rgb(119, 119, 119);
 264 }
 265 .navbar-default .navbar-nav > li > a:focus {
 266         color: rgb(51, 51, 51); background-color: transparent;
 267 }
 268 .navbar-default .navbar-nav > li > a:hover {
 269         color: rgb(51, 51, 51); background-color: transparent;
 270 }
 271 .navbar-default .navbar-nav > .active > a {
 272         color: rgb(85, 85, 85); background-color: rgb(231, 231, 231);
 273 }
 274 .navbar-default .navbar-nav > .active > a:focus {
 275         color: rgb(85, 85, 85); background-color: rgb(231, 231, 231);
 276 }
 277 .navbar-default .navbar-nav > .active > a:hover {
 278         color: rgb(85, 85, 85); background-color: rgb(231, 231, 231);
 279 }
 280 .navbar-default .navbar-nav > .disabled > a {
 281         color: rgb(204, 204, 204); background-color: transparent;
 282 }
 283 .navbar-default .navbar-nav > .disabled > a:focus {
 284         color: rgb(204, 204, 204); background-color: transparent;
 285 }
 286 .navbar-default .navbar-nav > .disabled > a:hover {
 287         color: rgb(204, 204, 204); background-color: transparent;
 288 }
 289 .navbar-default .navbar-toggle {
 290         border-color: rgb(221, 221, 221);
 291 }
 292 .navbar-default .navbar-toggle:focus {
 293         background-color: rgb(221, 221, 221);
 294 }
 295 .navbar-default .navbar-toggle:hover {
 296         background-color: rgb(221, 221, 221);
 297 }
 298 .navbar-default .navbar-toggle .icon-bar {
 299         background-color: rgb(204, 204, 204);
 300 }
 301 .navbar-default .navbar-collapse {
 302         border-color: rgb(231, 231, 231);
 303 }
 304 .navbar-default .navbar-form {
 305         border-color: rgb(231, 231, 231);
 306 }
 307 .navbar-default .navbar-nav > .dropdown > a:focus .caret {
 308         border-top-color: rgb(51, 51, 51); border-bottom-color: rgb(51, 51, 51);
 309 }
 310 .navbar-default .navbar-nav > .dropdown > a:hover .caret {
 311         border-top-color: rgb(51, 51, 51); border-bottom-color: rgb(51, 51, 51);
 312 }
 313 .navbar-default .navbar-nav > .open > a {
 314         color: rgb(85, 85, 85); background-color: rgb(231, 231, 231);
 315 }
 316 .navbar-default .navbar-nav > .open > a:focus {
 317         color: rgb(85, 85, 85); background-color: rgb(231, 231, 231);
 318 }
 319 .navbar-default .navbar-nav > .open > a:hover {
 320         color: rgb(85, 85, 85); background-color: rgb(231, 231, 231);
 321 }
 322 .navbar-default .navbar-nav > .open > a .caret {
 323         border-top-color: rgb(85, 85, 85); border-bottom-color: rgb(85, 85, 85);
 324 }
 325 .navbar-default .navbar-nav > .open > a:focus .caret {
 326         border-top-color: rgb(85, 85, 85); border-bottom-color: rgb(85, 85, 85);
 327 }
 328 .navbar-default .navbar-nav > .open > a:hover .caret {
 329         border-top-color: rgb(85, 85, 85); border-bottom-color: rgb(85, 85, 85);
 330 }
 331 .navbar-default .navbar-nav > .dropdown > a .caret {
 332         border-top-color: rgb(119, 119, 119); border-bottom-color: rgb(119, 119, 119);
 333 }
 334 @media all and (max-width:767px)
 335 {
 336 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 337         color: rgb(119, 119, 119);
 338 }
 339 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
 340         color: rgb(51, 51, 51); background-color: transparent;
 341 }
 342 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
 343         color: rgb(51, 51, 51); background-color: transparent;
 344 }
 345 .navbar-default .navbar-nav .open .dropdown-menu > .active > a {
 346         color: rgb(85, 85, 85); background-color: rgb(231, 231, 231);
 347 }
 348 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
 349         color: rgb(85, 85, 85); background-color: rgb(231, 231, 231);
 350 }
 351 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
 352         color: rgb(85, 85, 85); background-color: rgb(231, 231, 231);
 353 }
 354 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a {
 355         color: rgb(204, 204, 204); background-color: transparent;
 356 }
 357 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
 358         color: rgb(204, 204, 204); background-color: transparent;
 359 }
 360 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
 361         color: rgb(204, 204, 204); background-color: transparent;
 362 }
 363 }
 364 .navbar-default .navbar-link {
 365         color: rgb(119, 119, 119);
 366 }
 367 .navbar-default .navbar-link:hover {
 368         color: rgb(51, 51, 51);
 369 }
 370 .navbar-inverse {
 371         border-color: rgb(9, 9, 9); background-color: rgb(34, 34, 34);
 372 }
 373 .navbar-inverse .navbar-brand {
 374         color: rgb(153, 153, 153);
 375 }
 376 .navbar-inverse .navbar-brand:focus {
 377         color: rgb(255, 255, 255); background-color: transparent;
 378 }
 379 .navbar-inverse .navbar-brand:hover {
 380         color: rgb(255, 255, 255); background-color: transparent;
 381 }
 382 .navbar-inverse .navbar-nav > li > a {
 383         color: rgb(153, 153, 153);
 384 }
 385 .navbar-inverse .navbar-text {
 386         color: rgb(153, 153, 153);
 387 }
 388 .navbar-inverse .navbar-nav > li > a:focus {
 389         color: rgb(255, 255, 255); background-color: transparent;
 390 }
 391 .navbar-inverse .navbar-nav > li > a:hover {
 392         color: rgb(255, 255, 255); background-color: transparent;
 393 }
 394 .navbar-inverse .navbar-nav > .active > a {
 395         color: rgb(255, 255, 255); background-color: rgb(9, 9, 9);
 396 }
 397 .navbar-inverse .navbar-nav > .active > a:focus {
 398         color: rgb(255, 255, 255); background-color: rgb(9, 9, 9);
 399 }
 400 .navbar-inverse .navbar-nav > .active > a:hover {
 401         color: rgb(255, 255, 255); background-color: rgb(9, 9, 9);
 402 }
 403 .navbar-inverse .navbar-nav > .disabled > a {
 404         color: rgb(68, 68, 68); background-color: transparent;
 405 }
 406 .navbar-inverse .navbar-nav > .disabled > a:focus {
 407         color: rgb(68, 68, 68); background-color: transparent;
 408 }
 409 .navbar-inverse .navbar-nav > .disabled > a:hover {
 410         color: rgb(68, 68, 68); background-color: transparent;
 411 }
 412 .navbar-inverse .navbar-toggle {
 413         border-color: rgb(51, 51, 51);
 414 }
 415 .navbar-inverse .navbar-toggle:focus {
 416         background-color: rgb(51, 51, 51);
 417 }
 418 .navbar-inverse .navbar-toggle:hover {
 419         background-color: rgb(51, 51, 51);
 420 }
 421 .navbar-inverse .navbar-toggle .icon-bar {
 422         background-color: rgb(255, 255, 255);
 423 }
 424 .navbar-inverse .navbar-collapse {
 425         border-color: rgb(16, 16, 16);
 426 }
 427 .navbar-inverse .navbar-form {
 428         border-color: rgb(16, 16, 16);
 429 }
 430 .navbar-inverse .navbar-nav > .open > a {
 431         color: rgb(255, 255, 255); background-color: rgb(9, 9, 9);
 432 }
 433 .navbar-inverse .navbar-nav > .open > a:focus {
 434         color: rgb(255, 255, 255); background-color: rgb(9, 9, 9);
 435 }
 436 .navbar-inverse .navbar-nav > .open > a:hover {
 437         color: rgb(255, 255, 255); background-color: rgb(9, 9, 9);
 438 }
 439 .navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
 440         border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255);
 441 }
 442 .navbar-inverse .navbar-nav > .dropdown > a .caret {
 443         border-top-color: rgb(153, 153, 153); border-bottom-color: rgb(153, 153, 153);
 444 }
 445 .navbar-inverse .navbar-nav > .open > a .caret {
 446         border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255);
 447 }
 448 .navbar-inverse .navbar-nav > .open > a:focus .caret {
 449         border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255);
 450 }
 451 .navbar-inverse .navbar-nav > .open > a:hover .caret {
 452         border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255);
 453 }
 454 @media all and (max-width:767px)
 455 {
 456 .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
 457         border-color: rgb(9, 9, 9);
 458 }
 459 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
 460         color: rgb(153, 153, 153);
 461 }
 462 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
 463         color: rgb(255, 255, 255); background-color: transparent;
 464 }
 465 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
 466         color: rgb(255, 255, 255); background-color: transparent;
 467 }
 468 .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a {
 469         color: rgb(255, 255, 255); background-color: rgb(9, 9, 9);
 470 }
 471 .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
 472         color: rgb(255, 255, 255); background-color: rgb(9, 9, 9);
 473 }
 474 .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
 475         color: rgb(255, 255, 255); background-color: rgb(9, 9, 9);
 476 }
 477 .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a {
 478         color: rgb(68, 68, 68); background-color: transparent;
 479 }
 480 .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
 481         color: rgb(68, 68, 68); background-color: transparent;
 482 }
 483 .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
 484         color: rgb(68, 68, 68); background-color: transparent;
 485 }
 486 }
 487 .navbar-inverse .navbar-link {
 488         color: rgb(153, 153, 153);
 489 }
 490 .navbar-inverse .navbar-link:hover {
 491         color: rgb(255, 255, 255);
 492 }
 493 .navbar {
 494         background: rgb(0, 0, 0); border-radius: 0px; border: 0px currentColor; left: 0px; top: 0px; height: 50px; right: 0px; color: rgb(248, 248, 248); font-size: 0.75rem; position: fixed; z-index: 2000;
 495 }
 496 .navbar-brand {
 497         background: url("images/7c6bc6a4.logo.png") no-repeat 0px; padding: 0px 0px 0px 40px; color: rgb(248, 248, 248); line-height: 50px; font-size: 0.75rem; font-weight: 400; margin-left: 0px !important; display: block;
 498 }
 499 .nav {
 500         list-style: none; margin: 0px; padding: 0px;
 501 }
 502 .navbar li {
 503         margin: 0px; float: left;
 504 }
 505 .navbar li:first-child {
 506         margin-left: 0px;
 507 }
 508 .navbar li > a {
 509         padding: 0px 10px; height: 50px; color: rgb(187, 187, 187); line-height: 50px; display: block; box-sizing: border-box; -moz-box-sizing: border-box;
 510 }
 511 .navbar li.active > a {
 512         border-bottom-color: rgb(252, 65, 30); border-bottom-width: 4px; border-bottom-style: solid;
 513 }
 514 .navbar li > a:focus {
 515         background-color: rgb(24, 24, 24);
 516 }
 517 .navbar li > a:hover {
 518         background-color: rgb(24, 24, 24);
 519 }
 520 .navbar li.active > a {
 521         color: rgb(248, 248, 248);
 522 }
 523 .navbar li > a:hover {
 524         color: rgb(248, 248, 248);
 525 }
 526 .navbar .dropdown {
 527         margin: 0px 0px 0px 10px; position: relative;
 528 }
 529 .navbar .dropdown:hover > a {
 530         transition:none; background-color: rgb(71, 71, 71); -webkit-transition: none; -moz-transition: none;
 531 }
 532 .navbar .dropdown:hover .dropdown-menu {
 533         display: block;
 534 }
 535 .navbar .dropdown-menu {
 536         list-style: none; margin: 0px; padding: 0px; border-radius: 0px; border: 0px currentColor; display: none; position: absolute; min-width: 120px;
 537 }
 538 .pull-right .dropdown-menu {
 539         left: auto; top: 100%; right: 0px; background-color: rgb(71, 71, 71);
 540 }
 541 .navbar .dropdown-menu li {
 542         margin: 0px; width: 100%; float: none; display: block;
 543 }
 544 .navbar .dropdown-menu li a:hover {
 545         background-color: rgb(252, 65, 30);
 546 }
 547 .modals {
 548         left: 50%; top: 50%; margin-top: -200px; margin-left: -190px; display: none; position: fixed; z-index: 100;
 549 }
 550 .modal__informative {
 551         background: rgb(242, 242, 242); padding: 35px; border-radius: 5px; border: 1px solid rgb(230, 230, 230); width: 380px; box-shadow: 0px 2px 5px 0px #bebebe;
 552 }
 553 .modal__warning {
 554         background: rgb(242, 242, 242); padding: 35px; border-radius: 5px; border: 1px solid rgb(230, 230, 230); width: 380px; box-shadow: 0px 2px 5px 0px #bebebe;
 555 }
 556 .modal__informative {
 557         color: rgb(21, 123, 178);
 558 }
 559 .modal__informative .modal__header--icon {
 560         background: url("images/304303dd.icon-informative-modal.png") no-repeat center;
 561 }
 562 .modal__warning {
 563         color: rgb(237, 111, 32);
 564 }
 565 .modal__warning .modal__header--icon {
 566         background: url("images/fff33e38.icon-warning-modal.png") no-repeat center;
 567 }
 568 .modal__header {
 569         display: inline-table; position: relative;
 570 }
 571 .modal__header h2 {
 572         margin: 0px; width: 220px; display: inline-block;
 573 }
 574 .modal__header .modal__header--icon {
 575         width: 110px; height: 65px; bottom: 0px; display: inline-block; position: absolute;
 576 }
 577 .modal__header .modal__header--close {
 578         top: -24px; right: -112px; color: rgb(136, 136, 136); font-size: 28px; position: absolute; cursor: pointer;
 579 }
 580 .modal__header .modal__header--close:hover {
 581         color: rgb(68, 68, 68);
 582 }
 583 .modal__content {
 584         color: rgb(0, 0, 0); padding-top: 8px;
 585 }
 586 .modal__footer {
 587         padding-top: 35px;
 588 }
 589 .modal__footer a {
 590         margin-right: 5px;
 591 }
 592 .modal-open {
 593         padding-right: 17px;
 594 }
 595 .modal-open .navbar {
 596         padding-right: 17px;
 597 }
 598 .navbar .body-color-selector > a {
 599         color: rgb(111, 111, 111);
 600 }
 601 .navbar .body-color-selector-item {
 602         padding: 0px 10px; height: 50px; box-sizing: border-box; -moz-box-sizing: border-box;
 603 }
 604 .navbar .body-color-selector-color {
 605         border-radius: 100%; width: 25px; height: 25px; text-indent: -9999px; margin-top: 12px; float: right; background-color: rgb(218, 218, 218);
 606 }
 607