body {
  background-color: aliceblue;
  color: black;
}

body.dark-mode {
  background-color: black;
  color: aliceblue;
}

#darkModeSection {
  position:absolute;
  top: 5px;
  right: 5px;
}
#darkModeSection #darkMode {

}

#rawList {
  margin: 50px;
}
#rawList textarea {
  resize: none;
}
#target button[type=submit] {
  margin-left: 5px;
  margin-bottom: 20px;
}

#rosterActions {
  float: right;
  margin-top: 25px;
  margin-right: 15px;
}

#rosterGVGActions {
	display: none;
  float: right;
  margin-top: 25px;
  margin-right: 15px;
}

.highlight {
  background-color: #d1e7dd !important;
}
.job-icon {
  height: 20px;
  width: 20px;
  margin-top: -4px;
}
#counter {
  margin: 10px;
}
#add-player {
	margin-left: 25px;
}

#roster {
  display: none;
  margin-left: 25px;
  margin-top: 13px;
  width: 950px;
float: left;
}
#roster .job-container {
  float: left;
  margin: 13px;
}
#roster .job-container .team-container > div.list-group-item {
  width: 210px;
}
/*#roster .form-check-input {
  margin-top: 10px;
  margin-left: -18px;
  float: left;
}*/
#signups {
  display: none;
	float: left;
	overflow-y: scroll;
	height: 760px;
} 
#signups .job-container {
  float: left;
  margin: 10px;
}
#signups .job-container div {
  width: 175px;
}
.team > .list-group-item {
  padding: 0.25rem 1rem;
  cursor: all-scroll;
}
.list-group-item.highlighted, .list-group-item.highlighted.dark-mode {
	background-color: #ffc107;
}
.list-group-item.dark-mode {
	background-color: aliceblue;
}

.ge-icons {
	display: none;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
}