@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans&family=Nunito:wght@800&display=swap');

body {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 300;
}

input {
  font-family: 'Nunito Sans', sans-serif;
}

select {
  font-family: 'Nunito Sans', sans-serif;
}

.team-composer-bold {
  font-family: 'Nunito', sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 30px;
}

.team-composer-bold-inline {
  font-family: 'Nunito', sans-serif;
  font-style: normal;
  font-weight: 800;
}

.navbar {
  padding: 0px;
}

.tc-blue {
  color: #0095da;
}

.tc-blue-background {
  background-color: #0095da;
}

/*This is modifying the btn-primary colors but you could create your own .btn-something class as well*/
.tc-btn-blue {
  color: #fff;
  background-color: #0095da;
  border-color: #357ebd; /*set the color you want here*/
}
.tc-btn-blue:hover, .tc-btn-blue:focus, .tc-btn-blue:active, .tc-btn-blue.active, .open>.dropdown-toggle.tc-btn-blue {
  color: #fff;
  background-color: #006d9e;
  border-color: #285e8e; /*set the color you want here*/
}

.tc-green {
  color: #39B54A;
}

.tc-green-background {
  background-color: #39B54A;
}

.tc-red {
  color: #f26522;
}

.tc-yellow {
  color: #fbcc31;
}

.tc-grey {
  color: #9e9e9e;
}

.tc-grey-background {
  background-color: #9e9e9e;
}


.tc-blue-hover {
  color: #006d9e;
}

.tc-red-hover {
  color: #b9450b;
}

.tc-yellow-hover {
  color: #deb400;
}

.tc-green-hover {
  color: #2e923c;
}

.form-border {
  border: 1px solid #dadce0;
  border-radius: .5rem;
}

hr.red-divider{
  border-top: 1px solid #F26522;
}

.list-group-item.active {
  background-color: #0095da;
  border-color: #0095da;
}

.assignment-list {
  padding-left: 20px;
  margin-bottom: 1rem;
}

.assignment-list li {
  margin-bottom: 0.5rem;
}