.tim-row {
  margin-bottom: 20px;
}

.tim-white-buttons {
  background-color: #777777;
}

.typography-line {
  padding-left: 25%;
  margin-bottom: 35px;
  position: relative;
  display: block;
  width: 100%;
}

.typography-line span {
  bottom: 10px;
  color: #c0c1c2;
  display: block;
  font-weight: 400;
  font-size: 13px;
  line-height: 13px;
  left: 0;
  position: absolute;
  width: 260px;
  text-transform: none;
}

.tim-row {
  padding-top: 60px;
}

.tim-row h3 {
  margin-top: 0;
}

.offline-doc .page-header {
  display: flex;
  align-items: center;
}

.offline-doc .footer {
  position: absolute;
  width: 100%;
  background: transparent;
  bottom: 0;
  color: #fff;
  z-index: 1;
}

@media all and (min-width: 992px) {
  .sidebar .nav>li.active-pro {
    position: absolute;
    width: 100%;
    bottom: 10px;
  }
  .nav-bottom {
    margin-bottom: 90px;
  }
}

.card.card-upgrade .card-category {
  max-width: 530px;
  margin: 0 auto;
}

.progress {
    margin: 0 0 15px;
    padding:0;
    width:95%;
    height:15px;
    overflow:hidden;
    background:#e5e5e5;
    border-radius:6px;
  }

  .bar {
      position:relative;
    float:left;
    min-width:1%;
    height:100%;
    background:cornflowerblue;
  }

  .percent {
      position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    margin:0;
    font-family:tahoma,arial,helvetica;
    font-size:12px;
    color:white;
  }

  .assignment-card-title {
    margin: auto 0;
  }

  .assignment-card-title h4 {
      margin-bottom:0;
  }

  .progress-label {
      font-size: 10px;
  }

  .stacked-avatar-container {
      height: 100%;
      align-items: center;
      display: flex;
  }

  .stacked-avatar-container-inner {
    overflow: hidden;
}


  .stacked-avatar-container-inner div {
    width:40px;
    height:40px;
    border-radius:100px;
    position:absolute;
  }

  .stacked-avatar-container p {
    color:white;
    text-align:center;
    font-weight: bold;
    font-size:16px;
  }

  .stacked-avatar-container .photo:hover{
      z-index: 2;
  }

  .point {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }

  .round {
    transition: all 1s ease-in-out;

    /* SVG */
    fill: none;
    stroke: cornflowerblue;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-dasharray: 0 999;
  }

  .round text{
      stroke-width:0.01;
  }

  .photo {
      display: inline-block;
      height: 45px;
      width: 45px;
      border-radius: 50%;
      vertical-align: middle;
      overflow: hidden;
  }

  .grouped-cards {
    margin-bottom:10px;
  }

  .grouped-card-title {
    margin-top: 40px;
  }

  .grouped-card-title .caret {
    right: 25px;
  }

  .card-tag {
    margin: 0.5em;
    float: left;
    border-radius: 5px;
    padding: 0.75rem;
    max-height: 44px;
    min-height: 44px;
    font-size: .825rem;
}

.list-group {
    flex-direction: row;
}

.teacher_image {
    display: flex;
}

.teacher_image img {
    border-radius: 50%;
    max-width: 135px;
    max-height: 135px;
    margin: 0 auto;
}

img.icon-unsubmitted {
    filter: grayscale(1);
}

.profile-setup-page .sidebar,
.profile-setup-page .navbar {
    display: none;
}

.blue-hightlight::before {
    content: "";
    width: 6px;
    height: 6px;
    margin-bottom:3px;
    background-color: cornflowerblue;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
 }

 .green-highlight::before {
    content: "";
    width: 6px;
    height: 6px;
    margin-bottom:3px;
    background-color: rgba(0,217,146,1);
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
 }

 .question-holder {
    transition: background-color 0.3s ease;
 }

 .question-holder:hover {
    background-color: cornflowerblue;
}

.assignment_results .question-selected, .assignment_results .selected-submission-response {
    background-color: #fd5d93;
}

.assignment_results .correct-submission-response {
    background: rgba(0,217,146,1); /* cw todo, make sure this is all part of a palette */
}

.assignment_results .selected-submission-response.correct-submission-response {
    background: rgba(0,217,146,1)
}

.taking_assignment .question-selected {
    background-color: cornflowerblue;
}

.cornflower {
    color: cornflowerblue;
}

.pointer {
    cursor: pointer;
}

.border-left-success {
    border-left: 3px solid rgba(0,217,146,1);
}

.border-left-danger {
    border-left: 3px solid #fd5d93;
}

.border-left-neutral {
    border-left: 3px solid cornflowerblue;
}

.border-left-student {
    border-left: 3px solid #ffa500;
}

.notification_delete:hover {
    background: lightgray;
}

.last-five-results {
    margin-bottom: 0;
    max-width: 20%;
    border: 1px solid rgba(0,0,0,0.25);
    border-bottom: 0;
}

.progress .percent-missed-bar {
    background: #fd5d93;
}

td a {
    color: rgba(255, 255, 255, 0.7);
}

.sidebar .nav h5 {
    letter-spacing: .1rem;
    transition: 300ms;
}

.sidebar .nav .nav-link-text {
    font-size: 11px;
}

.current_menu_item {
    color: white;
}

.current_sub_menu_item {
    font-weight: 600;
}

.editable-title {
    background: none;
    border: none;
    outline: none;
    font-size: 1.0625rem;
}

.editable-title:focus {
    outline: none;
}

.popper-tooltip {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    color: rgb(58,58,58);
    z-index: 10000;
}

.current_page {
    color: white;
    /* font-size: 12px; */
    margin: 0 auto;
}