@media screen and (max-width: 480px) {
  .nav {
    padding-left: 2px;
    padding-right: 2px;
  }
  .nav li {
    display: block !important;
    width: 100%;
    margin: 0px;
  }
  .nav li.active {
    border-bottom: 1px solid #ddd !important;
    margin: 0px;
  }
}
.nav-pills {
  li.active {
    a {
      background-color: $blue1;
      &:hover {
        background: $blue1;
      }
      &:focus {
        background: $blue1;
      }
    }
  }
  li {
    a {
      background-color: $main_color;
      color: $blue1;
      &:hover {
        background: $hover_color;
        color: $button_color;
      }
    }
  }
}
.well {
  background: $main_color;
}

.task-status {
  ul,li {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0.4em;
  }
}

.task-status-complete {
  display: flex;
  flex-direction: row;
  gap: 3em;
}

.list-group-item-management {
  border-color: $hover_color;
  border-right-color: white;
  border-left-color: white;
}

.panel-primary {
  .panel-heading {
    background-color: $blue1;
    background-image: none;
  }

  border-color: $hover_color;
}
.indexprogress {
  width: 40%;
}

.panel-title {
  color: white;
}

.topMargin {
  margin-top: 30px;
}

.panel-heading .accordion-toggle:after {
  /* symbol for "opening" panels */
  font-family: "Glyphicons Halflings";
  content: "\e114";
  position: absolute;
  right: 30px;
  color: $blue1;
}
.panel-heading .accordion-toggle.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\e080";
}
.panel-heading-toggle {
  padding-right: 40px;
}

.manage-ts-options {
  padding-left: 20px;
}
