.modal-dialog.modal-lg {
  width: 80%;
}

.remove-row {
  cursor: pointer;
}

.list-row-column {
  padding: 4px;
  font-size: 15px;
}

.list-row-column img {
  height: 25px;
  width: auto;
}

.list-row {
  border-bottom: 1px solid #ddd;
}

.list-options {
  display: none;
  padding: 8px;
  background: #eee;
}

.loader-spinner {
  display: none;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 80px;
  height: 80px;
  margin: 30px auto;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 3s linear infinite;
}

.green-bg {
  background-color: #008000;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.hide-it {
  display: none;
}

.messages-box {
  z-index: 1200;
  position: fixed;
  width: 100%;
  left: 25%;
  top: 0;
}

.messages-box .alert {
  width: 50%;
}

.button-bar {
  margin-top: 5px;
}

#module-content-container {
  display: flex;
}

#module-list-container {
  flex-basis: 80%;
}

#module-filter-container {
  padding-left: 5px;
  flex-basis: 20%;
}

#module-filter-container .filter-content-container {
  border: 1px solid #dddddd;
  margin-bottom: 8px;
}

#module-filter-container .filter-content-container .filter-label {
  background-color: #dddddd;
  height: 24px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  cursor: pointer;
}

#module-filter-container .filter-content-container .filter-search .form-group {
  margin-bottom: 0;
}

#module-filter-container .filter-content-container .filter-content {
  max-height: 160px;
  overflow: auto;
}

#module-filter-container .filter-content-container .filter-content .filter-option {
  padding: 3px;
}

.panel .panel-heading.condensed {
  padding: 1px;
}
.panel .panel-heading.lineups-bench-header {
  border-top: 1px solid #ddd;
}

.small-text {
  font-size: 70%;
}

td.has-active-match {
  color: red;
  font-weight: bold;
}
