#view-debugMode-button {
	position: absolute;
}

.pull-right-column {
	float: right;
}

.info-column {
	background-color: lightgray;
    float: left;
    height: 100%;
    max-width: 75%;
    min-width: 75%;
    padding: 4%;
}

.info-column-large {
	max-width: 60%;
    min-width: 60%;
}

.chat-column {
    height: 100%;
    padding: 0.9375rem 0 0.625rem 0;
    text-align: left;
    min-width: 25%;
    max-width: 25%;
    float: right;
}

.chat-column-large {
	min-width: 40%;
	max-width: 40%;
}

.dma-load-bar {
    position: absolute;
    margin-top: 1px;
    width: 100%;
    height: 2px;
    background-color: #fdba2c;
}

.bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 100%;
  left: 50%;
  text-align: center;
}
.bar:nth-child(1) {
  background-color: #ffbf4f; /*#da4733;*/
  animation: loading 3s linear infinite;
}
.bar:nth-child(2) {
  background-color: #fafafa; /*fff; #3b78e7;*/
  animation: loading 3s linear 1s infinite;
}
.bar:nth-child(3) {
  background-color: #ffbf4f; /*#da4733;*/
  animation: loading 3s linear 2s infinite;
}

@keyframes loading {
    from {left: 50%; width: 0;z-index:100;}
    33.3333% {left: 0; width: 100%;z-index: 10;}
    to {left: 0; width: 100%;}
}