:root {
  --blue: #6495ED;
  --success: #00d992;
  --danger: #ff9f89;
  --student: #ffa500;
  --neutral: #878787;
}

.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;
  }
}

@media all and (max-width: 480px) {
  .assignment-nav-tabs a {
    font-size: 0.8rem;
    padding: 0.4rem 0.8rem;
  }
}

@media all and (max-width: 574px) {
  .avatar-row {
    margin-bottom: 0 !important;
  }
}

@media all and (max-width: 768px) {
  .button-group-left,
  .button-group-left a,
  .button-group-left button,
  .button-right,
  .button-right a,
  .button-right button,
  .button-right form {
    width: 100% !important;
    display: block !important;
    margin-bottom: 1rem;
  }

  .modal.show .modal-dialog {
    -webkit-transform: translate(0, 5vh);
    transform: translate(0, 5vh);
    margin-bottom:100px;
  }
}

.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: var(--blue);
}

.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;
}

.assignment-card h4 {
  font-weight:400;
  font-size: 1.3rem;
  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: #6495ED;
  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: var(--blue);
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
}

.green-highlight::before {
  content: "";
  width: 6px;
  height: 6px;
  margin-bottom: 3px;
  background-color: var(--success);
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}

.orange-highlight::before {
  content: "";
  width: 6px;
  height: 6px;
  margin-bottom: 3px;
  background-color: var(--student);
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}

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

.question-holder:hover,
.prelim-question-holder:hover {
  background-color: var(--blue);
}

.assignment_results .question-selected,
.assignment_results .selected-submission-response {
  background-color: var(--danger);
}

.taking_assignment.alert.alert-danger {
  background: var(--danger) !important;
}

.assignment_results .correct-submission-response {
  background: var(--blue);
}

.assignment_results .selected-submission-response.correct-submission-response {
  background: var(--success);
}

.correct_prelim_answer.prelim-question-selected {
  background-color: var(--success) !important;
}

.incorrect_prelim_answer.prelim-question-selected {
  background-color: var(--danger) !important;
}

.taking_assignment .question-selected,
.taking_assignment .prelim-question-selected {
  background-color: var(--blue);
}

.rounded-lg {
  border-radius: 1rem;
}


.assignment-card {
  background: rgba(46, 46, 69, 1);
  background: linear-gradient(90deg, rgba(46, 46, 69, 1) 0%, rgba(72, 74, 101, 1) 100%);
  border: none;
  box-shadow: 0px 20px 20px -3px rgba(0, 0, 0, 0.3);
  color: white;
}

.cornflower {
  color: var(--blue);
}

.cornflower-gradient {
  background: hsla(219, 79%, 66%, 1);

  background: linear-gradient(90deg, hsla(219, 79%, 66%, 1) 0%, hsla(219, 66%, 55%, 1) 100%);

  background: -moz-linear-gradient(90deg, hsla(219, 79%, 66%, 1) 0%, hsla(219, 66%, 55%, 1) 100%);

  background: -webkit-linear-gradient(90deg, hsla(219, 79%, 66%, 1) 0%, hsla(219, 66%, 55%, 1) 100%);
}

.green-gradient {
  background: hsla(160, 78%, 41%, 1);

  background: linear-gradient(90deg, hsla(160, 78%, 41%, 1) 0%, hsla(160, 100%, 43%, 1) 100%);

  background: -moz-linear-gradient(90deg, hsla(160, 78%, 41%, 1) 0%, hsla(160, 100%, 43%, 1) 100%);

  background: -webkit-linear-gradient(90deg, hsla(160, 78%, 41%, 1) 0%, hsla(160, 100%, 43%, 1) 100%);
}

.pointer {
  cursor: pointer;
}

.border-left-success {
  border-left: 3px solid var(--success);
}

.border-left-danger {
  border-left: 3px solid var(--danger);
}

.border-left-neutral {
  border-left: 3px solid var(--blue);
}

.border-left-student {
  border-left: 3px solid var(--student);
}

.border-left-grey {
  border-left: 3px solid var(--neutral);
}

.button-row {
  display: flex;
  justify-content: space-between;
}

.button-group-left {
  display: flex;
  justify-content: flex-start;
}

.button-right {
  display: flex;
  justify-content: flex-end;
}

.btn-lg {
  transition: all 0.5s ease;
}

.btn-lg:hover i {
  transform: translateY(-3px);
}

.student-button {
  background: transparent;
  border: 2px solid var(--student);
}

.student-button:hover {
  background: var(--student) !important;
  border: 2px solid white !important;
}

.assignment-button {
  background: transparent;
  border: 2px solid var(--success);
}

.assignment-button:hover {
  background: var(--success) !important;
  border: 2px solid white !important;
}

.class-button {
  background: transparent;
  border: 2px solid var(--blue);
}

.class-button:hover {
  background: var(--blue) !important;
  border: 2px solid white !important;
}

.delete-button {
  background: transparent;
  border: 2px solid red;
}

.delete-button:hover {
  background: red !important;
  border: 2px solid white !important;
}

.button-icon {
  transition: all 0.5s ease;
  font-size: 0.7rem;
  margin-right: 0.75rem;
}

.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: var(--danger);
}

.badge-unearned {
  opacity: 0.2;
}

.transition-opacity {
  transition: opacity 0.5s ease-in-out;
}

.smaller-text {
  font-size: 0.8rem;
}

.xxl-text {
  line-height: 1.1;
  font-size: 120px;
}

.border-more-rounded {
  border-radius: 1rem;
}

.button-on-white {
  font-weight: 400;
  background: transparent
}

.button-on-white:hover {
  background: #212529 !important;
  color: white !important;
}

.background-dark {
  background: rgba(1, 1, 1, 0.5);
}

.translucent {
  opacity: 0.5;
}

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;
}