input[type="number"] {
   width:150px;
}

.button {
  padding: 0 15px;
  color: #d4470f;
  }

.button:hover {
  color: #E57B29;
  }

.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #d4470f;
  border-color: #d4470f;
}

.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color:#E57B29;
  border-color: #E57B29;
}

.header {
  color: #fff;
  background-color: #d4470f;
  margin-top:.5em;
}

.logo {
  width: 3.22em;
  height: .9em;
  margin-top: .12em;
  margin-left: .25em;
  margin-right: .25em;
}

.personal {
  /* color:#f5a623; */
  color:#E57B29;
}

.bg {
	background-color:#f6f6f6;
}

.commentary {
  background-color:white;
  padding: 5px;
  overflow-y: auto;
  max-height:100px;
}

#searchBox {
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
}

.footer {
  position: fixed;
  bottom: 5px;
  width: 100%;
}

.above-footer {
  /* margin-top:20px; */
  position:absolute;
  top:0px;
  bottom:60px;
  left:0px;
  right:0px;
  min-width:20px;
  overflow-y:scroll;
}

.hideonmobile {
  display:none;
}

.hideallonmobile {
  display:none;
}

.tightonmobile {
  max-width:30px;
}

.hidenotmobile {
  display:inline;
}

.tightishonmobile {
  max-width:70px;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}

.downish {
  position: absolute;
  top: 20%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-20%);
  -webkit-transform: translateX(-50%) translateY(-20%);
  transform: translateX(-50%) translateY(-20%);
}

@media (min-width: 550px) {
  .splitonmobile {
    min-width:250px;
  }
  .hideonmobile {
    display:table-cell;
  }
  .hideallonmobile {
    display:inline;
  }
  .hidenotmobile {
    display:none;
  }
  .tightonmobile {
    max-width:250px;
  }
  .tightishonmobile {
    max-width:140px;
  }
}

th,
td {
  padding-left: 0px;
}