body {
  font-size: 1em;
  margin: 0;
  padding: 0;
  -ms-overflow-style: none; 
  scrollbar-width: none;  
}

body::-webkit-scrollbar {
  display: none;
}

pre,
.alert-pre {
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;

  margin: 0;
  padding: 0;
}

.jumbotron {
  margin: 5em auto 0 auto;
}

.process-console {
  resize: both;

  background:#343a40;
  position: relative;
  color: white;
  opacity: .9;

  margin: 0 auto;
  padding: 5em 2.5em 0 2.5em !important;
  display: block !important; 

  width: 100%;
  min-width: 100%;
  max-width: 1400px;

  height: 200px;
  min-height: 200px;

  overflow: scroll;
  border: none;
}

.process-console::after {
  content: " ";
  display: block; 
  position: absolute;
  bottom: 0;
  right: 0;
  left: unset;
  top: unset;
  width: 50px;
  height: 50px;
  background: linear-gradient(to bottom right, transparent 50%, #343a40 50%, #FFF 90%, #FFF 100%);
}

.process-console  .process-console--inner-container {
  position: unset;
  max-width: 1400px;
  margin: 0 auto;
}

.process-console hr {
  background: #FFF;
}

/* Main Styling */

nav .container,
main.container {
  width: 100%;
  max-width: 1400px;  
}

main.container {
  margin: 0 auto;
  padding: 0 1em;
}

main.container .component {
  margin: 0;
  padding: 1em 0;
}

main.container h1,
main.container h2,
main.container h3,
main.container p,
main.container table{
  padding: 0;
  margin: 0;
  line-height: 1.5em;

}

main.container table tr:hover {
  background: #FFF !important;
  transition:.25s;
} 

.footer {
  
}

.footer .footer--inner-container {
  display: flex;
  padding: 2.5em 1em 1em 1em;
}

.footer .footer--inner-container div {
  flex: 1 1 50%;
}

.footer .footer--inner-container div:nth-child(1) p {
  text-align: left;
}
.footer .footer--inner-container div:nth-child(2) p {
  text-align: right;
}