.lesson-card {
  border-radius: 15px !important;
}

.gradient-a {
  height: 200px;
  background: linear-gradient(60deg, #d1c51f, #ca7f2899);
}

.gradient-b {
  height: 200px;
  background: linear-gradient(60deg, #7f8aca, #ae9fea99);
}

.gradient-c {
  height: 200px;
  background: linear-gradient(10deg, #bd7fca, #b1304c99);
}
.gradient-d {
  height: 200px;
  background: linear-gradient(10deg, #1e3155, #92102cbd);
}
.gradient-e {
  height: 200px;
  background: linear-gradient(90deg, #62ce4dc9, #54d6ba99);
}

.left-lesson-sidebar {
  margin-top: 12%;
  text-align: -webkit-center;
  padding-top: 170px;
}

.left-lesson-icon {
  width: min-content;
  border-radius: 50%;
  margin: 5px;
}

.lesson-style {
  margin-top: 2%;
  margin-bottom: 5%;
}

#moveToTop {
  display: inline;
}

.scrollToTopButton {
  display: -webkit-inline-box;
}

.card-header {
  background-color: #d9edff;
}

/* Excercises  */

body.dragging,
body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

ul.list-sortable li.placehlder {
  position: relative;
  /** More li styles **/
}

ul.list-sortable li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
}

/* Excercises */
.drag-and-drop-icon {
  color: cornflowerblue;
  vertical-align: middle;
}

.question {
  font-size: 1.2rem;
}

.form-control {
  display: block;
  color: darkcyan;
}

.hilite {
  color: white;
  background-color: rgb(48, 91, 191);
}

/* Color assign. Markup. RegExp. Further options of color change required */
mark {
  background: #ffffff;
  color: #4341ac;
  border-bottom: 1px dashed currentColor;
  font-weight: 400;

}

mark:hover {
  background: #e9e7f5c9;
  color: #484eb5;
  border-bottom: 3px solid currentColor;
  font-weight: 600;
}

.check-answer-button {
  font-family: 'Roboto', sans-serif;
  zoom: 2 !important;
  border-bottom-width: 3px !important;
  border-bottom: 2px solid lightgray !important;
  border-bottom-left-radius: 7px !important;
  border-bottom-right-radius: 7px !important;
  border-right: inset !important;
}

.input-answer {
  margin: 5px;
}
.sample-answer {
  zoom: 1.7;
  font-weight: 500;
}
.pair-sentences-sample-answer {
  zoom: 1.7;
  font-weight: 500;
}
.select-question {
  font-weight: 500;
  zoom: 1.7;
}
.excercise-description {
  font-size: large;
}
@media only screen and (max-width: 767px) {
  td {
    display: inline-block;
  }
  .check-answer-button {
    font-family: 'Roboto', sans-serif;
    zoom: 1 !important;
    border-bottom-width: 3px !important;
    border-bottom: 2px solid lightgray !important;
    border-bottom-left-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
    border-right: inset !important;
  }
}
.fill-the-gap {
  font-weight: 500;
}
.question-icon {
  zoom: 2;
  color: cornflowerblue;
}
