.panel-primary > .panel-heading {
  background-color: #f99d1c;
  border-color: #f99d1c;
  font-size: 17px;
  font-weight: bold;
  padding: 0 15px;
}

body {
  background-color: transparent;
  font-family: open sans, sans-serif;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container {
  position: fixed;
  top: 40px;
  left: 0;
  right: 0;
}

h2 {
  font-family: open sans, sans-serif;
  display: flex;
  align-items: center;
  margin: 0;
}

h2 i {
  margin-right: 15px;
}

.panel-heading .row {
  display: flex;
  align-items: center;
  min-height: 80px;
}

.panel-heading .col-sm-8,
.panel-heading .col-sm-4 {
  display: flex;
  align-items: center;
}

.panel-heading .col-sm-4 {
  justify-content: flex-end;
}

.logo_container.float-right {
  float: none;
}

.panel-primary {
  border-color: #f99d1c;
}

a {
  color: #f99d1c;
}

.logo_container {
  padding-top: 20px;
}

.logo_container a {
  margin: 0 auto;
}

.logo_container img {
  filter: grayscale(100%) brightness(0) invert(1);
  width: 180px;
}

.error-image {
  display: block;
  width: 100% \9;
  max-width: 60%;
  margin-right: 2rem;
  height: auto;
  margin-top: 50px;
}

.message-block {
  margin-top: 30px;
  margin-left: 2rem;
  font-size: 17px;
}

.rounded-corners {
  border-radius: 15px;
}

.rounded-top {
  border-radius: 11px 11px 0 0;
}

.border-width-2 {
  border-width: 2px;
}

.float-right {
  float: right;
}

li {
  list-style-type: "-";
  padding-left: 10px;
}

.fa-exclamation-triangle {
  font-size: 40px;
}

.modal {
  left: 50%;
  transform: translateX(-50%);
}

.modal-stack-trace {
  max-height: 50vh;
  overflow-y: auto;
  font-size: 12px;
  background-color: #f5f5f5;
  padding: 15px;
  border-radius: 4px;
}

.text-block-404 {
  text-align: left;
}