﻿body {
  overflow: auto;
}

#root {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
#root .container {
  margin-left: auto !important;
  margin-right: auto !important;
}

.bg-menu-top-dark .container {
  padding-top: 0;
  margin: auto;
  margin-top: 0;
  max-width: 1440px;
}

.footer-bottom {
  margin: auto;
  width: 100%;
  max-width: 1440px;
}

body:not(.akamai) {
  background-color: #0a121d;
}
body:not(.akamai) .footer-bottom {
  max-width: 1410px;
}

#wrapper, #commercial-self-service {
  padding-top: 20px;
  overflow: auto !important;
}

body.akamai {
  height: unset;
}
body.akamai #root {
  display: none;
}
body.akamai #wrapper .footer-logo {
  margin-bottom: 0;
}

#footer {
  width: 100%;
}
#footer .container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.btn-outline-black {
  color: #000 !important;
  background-color: transparent !important;
  border-color: #000 !important;
  opacity: 1 !important;
}

.col-sm-6 {
  -ms-flex: 0 0 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
}

.footer-logo {
  width: unset;
  height: unset;
}

.modal .form-group {
  padding-right: 15px;
  padding-left: 15px;
}

section.main-container-inner {
  padding: unset;
  padding-top: 100px;
}

#pushpushgo-container, .fixed-bottom {
  display: none !important;
}

.fixed-bottom {
  z-index: 100;
}

.modal .close {
  padding-top: 0 !important;
  top: 0;
  font-size: unset !important;
}

#footer {
  order: 5;
}

#cookie_bar .container {
  margin-left: auto !important;
  margin-right: auto !important;
}

.jcf-text-white .jcf-select .jcf-select-opener:after {
  content: unset;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  /*Fix for https://github.com/twbs/bootstrap/issues/25686 overflow: hidden;*/
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#AccountPopover:hover {
  border-color: transparent;
}

.clear-error-modal .modal-header-row button.close {
  top: 30px !important;
  right: 26px !important;
  position: absolute !important;
}

span.inbox-icon {
  display: inline-block;
  position: relative;
  margin-top: 5px;
  margin-left: 20px;
}
span.inbox-icon i {
  display: inline-block;
  position: relative;
}
span.inbox-icon span.badge {
  border-radius: 50% !important;
  display: inline-block;
  position: absolute;
  top: -9px;
  left: -10px;
}

.no-select, span.select span.select-container, span.select li {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
  padding: 2.635px 4.2px;
  font-size: 12px;
}

@media only screen and (max-width: 992px) {
  .main-container {
    padding-top: 130px !important;
  }
}
@media only screen and (max-width: 1400px) {
  #footer .container,
  .bg-menu-top-dark .container,
  .bg-menu-top-dark .container-fluid,
  .bg-menu-top-dark .container-xl,
  .bg-menu-top-dark .container-md {
    max-width: unset;
  }
}
@media only screen and (min-width: 1500px) {
  #footer .container {
    max-width: 1440px;
  }
}
header[id=header]:after {
  position: unset;
}
