.center {
  margin: auto;
}

.middle {
  vertical-align: middle;
}

.container {
  margin-bottom: 60px;
}

.navbar-right {
  position: absolute;
  right: 10px;
}

.navbar-nav {
  margin: 8px 0px 0px 0px;
}

.navbar-nav > li {
  padding: 0px 5px;
}

@media (max-width: 768px) {
  .navbar-right {
    position: unset;
    right: unset;
  }

  .navbar-nav {
    margin: 0px 0px 0px 20px;
  }

  .navbar-nav > li {
    padding: 2px 0px;
  }
}

.navbars { margin-right: 0px !important}

.table {
  overflow: scroll;
}

td > .btn, td > a > .btn, .add-player-btn {
  padding: 1px 4px;
}

.add-player-btn {
  margin-left: 10px;
}

div.prompt-entry {
  margin:4px;
}

div.prompt-entry > span {
  margin-right:5px;
}

.table > tbody > tr > td {
  padding: 2px 0px;
}

.refresh-button {
  margin-left: 10px;
}

input {
  border: 1px solid lightgrey;
  background-color: transparent;
}

input[validate=error] {
  border: 1px solid lightcoral;
  background-color: transparent;
}

input[validate=warning] {
  border: 1px solid lightyellow;
  background-color: transparent;
}

input[type="checkbox"] {
  margin: 4px 0px 0px;
  margin-top: 1px;
}

input[type=checkbox][disabled] {
  cursor: default !important;
  background-color: black;
  border-color: #eee;
    color: #ccc;
}

.footer-buttons {
  position:fixed;
  z-index:10;
  bottom:0;
  width:100%;
  padding: 10px 0px 10px 0px;
  border-top: 2px solid black;
  background-color: white;
}

.filter-bar {
  margin: 5px 0px;
  width:300px;
}

table {
  table-layout: fixed;
}

td, th {
  overflow: hidden;
}

td {
  word-wrap: break-word;
  vertical-align: middle !important;
}

td > span, td > s {
  margin-left: 2px;
}

td > span[type=checkbox], td > s[type=checkbox] {
  margin-left: 0px;
}

.left-margin {
  margin-left: 6px;
}

.center {
  text-align: center;
}

td > input, td > button, td > select {
  margin-left: 1px;
}

th.narrow, td.narrow {
  width: 50px;
}

td.narrow > input, td.narrow > button, td.narrow > select {
  width: 47px;
}

.small {
  font-size: inherit;
}

th.small, td.small {
  width: 75px;
}

td.small > input, td.small > button, td.small > select {
  width: 72px;
}

th.medium, td.medium {
  width: 100px;
}

td.medium > input, td.medium > button, td.medium > select {
  width: 97px;
}

th.large, td.large {
  width: 125px;
}

td.large > input, td.large > button, td.large > select {
  width: 122px;
}

th.xlarge, td.xlarge {
  width: 150px;
}

td.xlarge > input, td.xlarge > button, td.xlarge > select {
  width: 147px;
}

th.huge, td.huge {
  width: 200px;
}

td.huge > input, td.huge > button, td.huge > select {
  width: 197px;
}

th.massive, td.massive {
  width: 300px;
}

td.massive > input, td.massive > button, td.massive > select {
  width: 297px;
}

.form-error {
  color: red;
}