/* ==== Overriding GrpahQL-Docs ==== */
._38MtHDcUga2pYTxIRJJZ8o {
  max-width: 100%;
}

/* ==== Overriding Apigee styles ==== */
body {
  display: flex;
  flex-direction: column;
  height: 100vh;
  margin: 0;
  padding-top: 50px;
}

header {
  position: fixed;
  top: 0;
  width: 100%;
}

.navbar {
  margin-bottom: 0;
}

.navbar.navbar-default {
  background-color: white;
  border-color: white;
  display: flex;
  padding-left: 10%;
  padding-right: 10%;
}


.navbar-default .navbar-brand {
  padding-left: 0;
}

@media (max-width: 768px) {
  body ul.navbar-nav {
    background-color: white;
    border-color: white;
  }
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
body .navbar-default ul.nav li a:hover {
  background-color: #202055;
}

.navbar-nav {
  width: 100%;
}

.navbar-nav li:last-child,
.navbar-nav li:nth-last-child(2),
.navbar-nav li:nth-last-child(3) {
  float: right;
}

#userOptions li {
  float: none;
}

body .navbar-default ul.nav li a {
  color: #da7500;
  font-size: 16px;
}

body .navbar-default ul.nav li a.current-page-link {
  background-color: #202055;
  color: #fff;
  font-weight: 500;
}

#userOptions #emailAddress {
  color: #da7500;
  font-size: 16px;
}

#bs-example-navbar-collapse-1 {
  flex-grow: 10;
  padding-left: 0;
  padding-right: 0;
}

footer {
  display: none;
}

.custom-footer {
  background-color: #202055;
  margin: 0;
  min-height: 80px;
  padding: 0;
  position: relative;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

#userOptions .dropdown-menu {
  background-color:  rgb(237, 237, 237);
}

body a {
  color: #da7500;
}

body a[name]:before {
  content: '';
  display: block;
  height: 100px;
  margin-top: -100px;
}

#mainPageContent {
  margin: 0;
  padding: 0;
  display: flex;
  flex-grow: 10;
}

.root {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.home-page {
  min-height: 400px;
}

.show-pointer {
  cursor: pointer;
}

.health-container-body .service-name{
  border-right: 1px black solid;
}

.service-name{
  position: absolute;
  top:0;
  bottom:0;
  left: 0;
  right: 25%;
  text-indent: 3%;
  font-size: large;
  background-color: #fff;
  color: #000;
}

.service-status {
  position: absolute;
  top:0;
  bottom:0;
  left: 75%;
  right: 0;
  text-align: center;
}

.table>thead>tr.health-container-row {
  background-color: #f5f5f5;
}

.health-container-row {
  height: 60px;
}

.table>tbody>tr.health-container-row>td,
.table>thead>tr.health-container-row>th {
  padding: 20px;
  white-space: nowrap;
  font-weight: 500;
}

.health-container-row .fa {
  width: 25px;
}

.column-wrap-content {
  width: 1px;
}


/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  .navbar-brand
  {
    margin-top: 5px;
  }

  .navbar.navbar-default {
    padding-left: 1% ;
    padding-right:  1%;
  }

  .navbar-nav li:last-child, .navbar-nav li:nth-last-child(2), .navbar-nav li:nth-last-child(3)
  {
    float: none;
  }

  .navbar-nav li a
  {
    text-indent: 10px;
  }

  body ul.navbar-nav {
    background-color:  rgb(237, 237, 237);
  }

  body .navbar-default ul.nav li a.current {
    background-color: #da7500;
  }

  body .navbar-default ul.nav li a {
    color:#202055;
  }
}

/* ==== Overriding prism (syntax highlighting) styles ==== */
code[class*=language-],
pre[class*=language-] {
  white-space: pre-wrap;
}

/* Overriding CSS for the field error messages in the login and create account form (below email) */
#login-form .form-group .login-form-error,
#enroll-form .form-errors .login-form-error {
  display:none
}
