/**

   * Table of Contents:

   *

   * 1 - STYLE

   * 2 - ARCHIVE

   * 3 - PAGE

*/

/****/

/*------------------------------------------------------------------*\  

            1 - STYLE                                                                   

\*------------------------------------------------------------------*/

.course-loop-title .title {

  font-size: 21px;

  line-height: 30px;

  margin: 8px 0 8px;

}



.course-loop-price {

  font-size: 15px;

  font-weight: 700;

  color: #1E2744;

}



.course-loop-price .price {

  display: inline-block;

}



.course-loop-price .price ins {

  text-decoration: none;

}



.course-loop-price .price del {

  float: right;

  margin-left: 6px;

  display: inline-block;

  font-size: 14px;

  font-weight: 400;

  color: var(--e-global-color-text);

}



.tutor-course-loop {

  max-width: 500px;

  margin: 0 auto;

}



.tutor-course-loop .featured-label {

  position: absolute;

  top: 15px;

  left: 25px;

  font-size: 10px;

  text-transform: uppercase;

  font-weight: 700;

  line-height: 22px;

  padding: 2px 10px 0;

  letter-spacing: 1px;

  border-radius: 6px;

  background: var(--e-global-color-primary);

  color: #fff;

  z-index: 11;

}



.tutor-course-loop .tutor-star-rating-group {

  font-size: 14px;

}



.tutor-course-loop .tutor-rating-count {

  font-size: 14px;

  padding-left: 2px;

}



.tutor-courses .tutor-pagination, .tutor-courses-wrap .tutor-pagination {

  width: calc(100% - 30px);

  margin-left: 15px;

  margin-right: 15px;

}



.tutor-rating-wishlist {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.tutor-rating-wishlist .tutor-loop-rating-wrap {

  background: #fff;

  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);

  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);

  padding: 4px 15px 2px;

  border-radius: 30px;

  display: inline-block;

}



.tutor-rating-wishlist .tutor-loop-rating-wrap .content-inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.tutor-rating-wishlist .tutor-course-wishlist a {

  color: #1E2744;

  background: #fff;

  width: 36px;

  height: 36px;

  border-radius: 50%;

  text-align: center;

  line-height: 38px;

  display: inline-block;

  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);

  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);

}



.tutor-rating-wishlist .tutor-course-wishlist a .icon {

  font-family: "Font Awesome 5 Free" !important;

}



.tutor-rating-wishlist .tutor-course-wishlist a.has-wish-listed {

  background: var(--e-global-color-primary) !important;

  color: #fff !important;

}



.tutor-rating-wishlist .tutor-course-wishlist a.has-wish-listed .icon:before {

  font-weight: 900 !important;

}



.tutor-rating-wishlist .tutor-course-wishlist a.updating-icon:before {

  position: relative;

  top: -2px;

  left: 2px;

}



.tutor-rating-wishlist .tutor-course-wishlist a.updating-icon .icon {

  display: none;

}



.course-loop-information {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.course-loop-information > div {

  margin-right: 15px;

  color: var(--e-global-color-text);

  font-size: 14px;

}



.course-loop-information > div i {

  margin-right: 6px;

  color: var(--e-global-color-primary);

}



.course-loop-information > div:last-child {

  margin-right: 0;

}



.course-loop-meta .content-inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-weight: 500;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  font-size: 15px;

}



.course-loop-meta .content-inner a {

  color: var(--e-global-color-primary);

  line-height: 16px;

}



.course-loop-meta .content-inner a.cat-link {

  color: var(--wellearn-link-color);

}



.course-loop-meta .content-inner a:hover {

  text-decoration: underline !important;

}



.course-loop-meta .content-inner .author-avatar {

  display: inline-block;

  margin-right: 8px;

  height: 36px;

}



.course-loop-meta .content-inner .tutor-avatar {

  -webkit-box-shadow: none;

  box-shadow: none;

  border: 2px solid #E2DFEB;

}



.course-block.tutor-course-loop {

  display: block;

  border: none;

  margin-bottom: 30px;

}



.course-block.tutor-course-loop .course-header {

  position: relative;

  padding: 0 12px;

  z-index: 9;

  margin-bottom: -120px;

}



.course-block.tutor-course-loop .course-header img {

  border-radius: 18px;

}



.course-block.tutor-course-loop .tutor-rating-wishlist {

  position: absolute;

  bottom: -16px;

  left: 30px;

  right: 30px;

  z-index: 11;

}



.course-block.tutor-course-loop .course-content {

  padding: 155px 28px 30px;

  position: relative;

  z-index: 1;

  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);

  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);

  border: 1px solid rgba(0, 0, 0, 0.06);

  background: #fff;

  border-radius: 18px;

}



@media (max-width: 767px) {

  .course-block.tutor-course-loop .course-content {

    padding-left: 15px;

    padding-right: 15px;

  }

}



.course-block.tutor-course-loop .course-content .course-loop-meta {

  position: relative;

}



.course-block.tutor-course-loop .tagline {

  margin: 5px 0 10px;

  line-height: 26px;

}



.course-block.tutor-course-loop .course-loop-footer {

  font-size: 14px;

  position: relative;

  color: var(--e-global-color-text);

  overflow: hidden;

  padding-top: 20px;

}



.course-block.tutor-course-loop .course-loop-footer .content-inner {

  background: #F5F6FA;

  border-radius: 6px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 0 0 0 15px;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.course-block.tutor-course-loop .course-loop-footer .course-action .btn-purchase, .course-block.tutor-course-loop .course-loop-footer .course-action .added_to_cart {

  display: inline-block;

  font-weight: 700;

  position: relative;

  text-align: center;

  font-size: 14px;

  width: 100%;

  padding: 0 15px 2px;

  line-height: 36px;

  background: var(--e-global-color-secondary);

  color: #fff;

  border-radius: 6px;

  top: -10px;

  -webkit-transition: all 0.35s;

  transition: all 0.35s;

}



.course-block.tutor-course-loop .course-loop-footer .course-action .btn-purchase:after, .course-block.tutor-course-loop .course-loop-footer .course-action .added_to_cart:after {

  content: "\f193";

  font-family: "wicomoon" !important;

  position: relative;

  top: 2px;

  z-index: 11;

  font-size: 14px;

  margin-left: 4px;

}



.course-block.tutor-course-loop .course-loop-footer .course-action .btn-purchase.loading:before, .course-block.tutor-course-loop .course-loop-footer .course-action .added_to_cart.loading:before {

  background: none;

}



.course-block.tutor-course-loop .course-loop-footer .course-action .btn-purchase.loading:after, .course-block.tutor-course-loop .course-loop-footer .course-action .added_to_cart.loading:after {

  background: url("../images/preloader-2.gif") center center no-repeat rgba(255, 255, 255, 0.92);

}



.course-block.tutor-course-loop .course-loop-footer .course-action .btn-purchase:hover, .course-block.tutor-course-loop .course-loop-footer .course-action .added_to_cart:hover {

  background: var(--e-global-color-primary);

}



.course-block.tutor-course-loop .course-loop-footer .course-action .added_to_cart {

  line-height: 42px;

}



.course-block.tutor-course-loop .course-loop-footer .course-action .added_to_cart:before {

  display: none;

}



.course-block.tutor-course-loop .course-loop-footer .course-action .added_to_cart:after {

  content: "\f061";

  font-family: "Font Awesome 5 Free";

  margin: 0 0 0 5px;

}



.course-block.tutor-course-loop .course-loop-footer .course-action .btn-purchase.added {

  display: none;

}



.course-block-plus {

  display: block;

  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);

  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);

  border: none;

  margin-bottom: 30px;

  border-radius: 5px;

  overflow: hidden;

  position: relative;

}



.course-block-plus .course-header {

  position: relative;

}



.course-block-plus .course-header .link-overlay {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

  width: 100%;

  height: 100%;

  border-radius: 10px;

}



.course-block-plus .course-content {

  padding: 12px 28px 25px;

  z-index: 99;

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  -webkit-transition: all 0.35s;

  transition: all 0.35s;

}



.course-block-plus .course-content:after {

  content: '';

  width: 100%;

  height: calc(100% + 15px);

  border-radius: 20px 20px 0 0;

  position: absolute;

  bottom: -30px;

  left: 0;

  z-index: -1;

  background: #fff;

  opacity: 0;

  -webkit-transition: all 0.35s;

  transition: all 0.35s;

}



.course-block-plus .course-content .tutor-rating-wishlist {

  position: absolute;

  top: -36px;

  left: 30px;

  right: 30px;

  z-index: 11;

}



.course-block-plus .course-content .tutor-rating-wishlist .tutor-loop-rating-wrap {

  background: rgba(0, 0, 0, 0.5);

  -webkit-transition: all 0.35s;

  transition: all 0.35s;

}



.course-block-plus .course-content .tutor-rating-wishlist .tutor-loop-rating-wrap .tutor-rating-count {

  color: #fff;

}



.course-block-plus .course-content .tutor-rating-wishlist .tutor-course-wishlist a {

  background: rgba(0, 0, 0, 0.5);

  color: #fff;

}



.course-block-plus .course-content .course-loop-meta {

  position: relative;

}



.course-block-plus .course-loop-meta {

  color: rgba(255, 255, 255, 0.68);

}



.course-block-plus .course-loop-meta a {

  color: #fff;

}



.course-block-plus .course-loop-meta a.cat-link {

  color: #fff;

}



.course-block-plus .author-avatar .tutor-avatar {

  width: 30px;

  height: 30px;

}



.course-block-plus .title {

  font-size: 20px;

  line-height: 28px;

  margin-top: 2px;

  font-weight: 600;

}



.course-block-plus .title a {

  color: #fff;

}



.course-block-plus .course-loop-information > div {

  color: rgba(255, 255, 255, 0.68);

}



.course-block-plus .tagline {

  margin: 5px 0 10px;

  line-height: 26px;

}



.course-block-plus .course-loop-footer {

  padding: 10px 0 0;

  font-size: 14px;

  position: relative;

  color: var(--e-global-color-text);

  overflow: hidden;

}



.course-block-plus .course-loop-footer .content-inner {

  background: #F5F6FA;

  border-radius: 6px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 0 0 0 15px;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;
  
  display: none;
}

.course-block-plus:hover .course-loop-footer .content-inner {
  background: #F5F6FA;

  border-radius: 6px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 0 0 0 15px;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.course-block-plus .course-loop-footer .course-action .btn-purchase, .course-block-plus .course-loop-footer .course-action .added_to_cart {

  display: inline-block;

  font-weight: 700;

  position: relative;

  text-align: center;

  font-size: 14px;

  width: 100%;

  padding: 0 15px 2px;

  line-height: 36px;

  background: var(--e-global-color-secondary);

  color: #fff;

  border-radius: 6px;

  -webkit-transition: all 0.35s;

  transition: all 0.35s;

}



.course-block-plus .course-loop-footer .course-action .btn-purchase:after, .course-block-plus .course-loop-footer .course-action .added_to_cart:after {

  content: "\f193";

  font-family: "wicomoon" !important;

  position: relative;

  top: 2px;

  z-index: 11;

  font-size: 14px;

  margin-left: 4px;

}



.course-block-plus .course-loop-footer .course-action .btn-purchase.loading:before, .course-block-plus .course-loop-footer .course-action .added_to_cart.loading:before {

  background: none;

}



.course-block-plus .course-loop-footer .course-action .btn-purchase.loading:after, .course-block-plus .course-loop-footer .course-action .added_to_cart.loading:after {

  background: url("../images/preloader-2.gif") center center no-repeat rgba(255, 255, 255, 0.92);

}



.course-block-plus .course-loop-footer .course-action .btn-purchase:hover, .course-block-plus .course-loop-footer .course-action .added_to_cart:hover {

  background: var(--e-global-color-primary);

}



.course-block-plus .course-loop-footer .course-action .added_to_cart {

  line-height: 42px;

}



.course-block-plus .course-loop-footer .course-action .added_to_cart:before {

  display: none;

}



.course-block-plus .course-loop-footer .course-action .added_to_cart:after {

  content: "\f061";

  font-family: "Font Awesome 5 Free";

  margin: 0 0 0 5px;

}



.course-block-plus .course-loop-footer .course-action .btn-purchase.added {

  display: none;

}



.course-block-plus:hover .course-content:after {

  opacity: 1;

  bottom: 0;

}



.course-block-plus:hover .course-content .course-loop-meta {

  color: var(--e-global-color-text);

}



.course-block-plus:hover .course-content .course-loop-meta a {

  color: var(--e-global-color-accent);

}



.course-block-plus:hover .course-content .course-loop-meta a:hover {

  color: var(--e-global-color-primary);

}



.course-block-plus:hover .course-content .title a {

  color: var(--e-global-color-accent);

}



.course-block-plus:hover .course-content .title a:hover {

  color: var(--e-global-color-primary);

}



.course-block-plus:hover .course-content .course-loop-information > div {

  color: var(--e-global-color-text);

}



.course-block-plus:hover .course-content .tutor-rating-wishlist .tutor-loop-rating-wrap {

  background: #fff;

  -webkit-transition: all 0.35s;

  transition: all 0.35s;

}



.course-block-plus:hover .course-content .tutor-rating-wishlist .tutor-loop-rating-wrap .tutor-rating-count {

  color: var(--e-global-color-text);

}



.course-block-plus:hover .course-content .tutor-rating-wishlist .tutor-course-wishlist a {

  background: #fff;

  color: #1E2744;

}



.course-block-3 {

  display: block;

  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);

  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);

  border: none;

  margin-bottom: 30px;

  background: #fff;

  border-radius: 10px;

  overflow: hidden;

}



.course-block-3 .course-header {

  position: relative;

}



.course-block-3 .course-content {

  padding: 18px 28px 0;

  position: relative;

  z-index: 1;

}



.course-block-3 .course-content:after {

  content: '';

  width: 100%;

  height: 20px;

  border-radius: 20px 20px 0 0;

  position: absolute;

  bottom: 100%;

  left: 0;

  z-index: 1;

  background: #fff;

  margin-bottom: -1px;

}



.course-block-3 .course-content .course-loop-meta {

  position: relative;

}



.course-block-3 .tutor-rating-wishlist {

  position: absolute;

  top: -36px;

  left: 30px;

  right: 30px;

  z-index: 11;

}



.course-block-3 .course-loop-footer {

  font-size: 14px;

  position: relative;

  color: var(--e-global-color-text);

  overflow: hidden;

  padding: 10px 0 0;

}



.course-block-3 .course-loop-footer .content-inner {

  border-top: 1px solid #E2DFEB;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 5px 0 5px;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.course-block-3 .course-loop-footer .course-action .btn-purchase, .course-block-3 .course-loop-footer .course-action .added_to_cart {

  display: inline-block;

  font-weight: 700;

  position: relative;

  text-align: center;

  font-size: 14px;

  width: 100%;

  line-height: 36px;

  color: var(--e-global-color-accent);

  -webkit-transition: all 0.35s;

  transition: all 0.35s;

}



.course-block-3 .course-loop-footer .course-action .btn-purchase:after, .course-block-3 .course-loop-footer .course-action .added_to_cart:after {

  content: "\f193";

  font-family: "wicomoon" !important;

  position: relative;

  top: 2px;

  z-index: 11;

  font-size: 14px;

  margin-left: 4px;

}



.course-block-3 .course-loop-footer .course-action .btn-purchase.loading:before, .course-block-3 .course-loop-footer .course-action .added_to_cart.loading:before {

  background: none;

}



.course-block-3 .course-loop-footer .course-action .btn-purchase.loading:after, .course-block-3 .course-loop-footer .course-action .added_to_cart.loading:after {

  background: url("../images/preloader-2.gif") center center no-repeat rgba(255, 255, 255, 0.92);

}



.course-block-3 .course-loop-footer .course-action .btn-purchase:hover, .course-block-3 .course-loop-footer .course-action .added_to_cart:hover {

  color: var(--e-global-color-primary);

}



.course-block-3 .course-loop-footer .course-action .added_to_cart {

  line-height: 42px;

}



.course-block-3 .course-loop-footer .course-action .added_to_cart:before {

  display: none;

}



.course-block-3 .course-loop-footer .course-action .added_to_cart:after {

  content: "\f061";

  font-family: "Font Awesome 5 Free";

  margin: 0 0 0 5px;

}



.course-block-3 .course-loop-footer .course-action .btn-purchase.added {

  display: none;

}



.course-block-list {

  border-bottom: 1px solid #E2DFEB;

  padding: 30px 20px;

  background: #fff;

  -webkit-transition: all 0.35s;

  transition: all 0.35s;

  -moz-transition: all 0.35s;

  -ms-transition: all 0.35s;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



@media (max-width: 991.98px) {

  .course-block-list {

    display: block;

  }

}



.course-block-list:hover {

  -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.08);

  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.08);

  z-index: 9;

}



.course-block-list > div {

  float: left;

}



.course-block-list > div.course-title {

  width: 40%;

}



.course-block-list > div.course-title .title {

  font-size: 16px;

  line-height: 24px;

  padding-right: 10px;

  margin: 0;

}



@media (max-width: 991.98px) {

  .course-block-list > div.course-title {

    width: 55%;

  }

}



@media (max-width: 580px) {

  .course-block-list > div.course-title {

    width: 100%;

  }

}



.course-block-list > div.course-category {

  width: 19%;

}



.course-block-list > div.course-category a {

  color: var(--e-global-color-primary);

}



@media (max-width: 991.98px) {

  .course-block-list > div.course-category {

    width: 22%;

  }

}



@media (max-width: 580px) {

  .course-block-list > div.course-category {

    width: 100%;

  }

}



.course-block-list > div.course-teacher {

  width: 17%;

  font-size: 16px;

}



@media (max-width: 991.98px) {

  .course-block-list > div.course-teacher {

    width: 23%;

  }

}



@media (max-width: 580px) {

  .course-block-list > div.course-teacher {

    width: 100%;

  }

}



.course-block-list > div.content-action {

  width: 24%;

}



@media (max-width: 991.98px) {

  .course-block-list > div.content-action {

    width: 100%;

    margin-top: 10px;

  }

  .course-block-list > div.content-action > div {

    margin-right: 15px;

    float: left;

  }

}



.course-block-list > div.content-action .price {

  float: left;

  padding-top: 5px;

}



.course-block-list > div.content-action .price > div {

  display: inline-block;

  color: var(--e-global-color-primary);

  font-size: 16px;

  font-weight: 700;

}



.course-block-list > div.content-action .enroll {

  float: right;

}



@media (max-width: 991.98px) {

  .course-block-list > div.content-action .enroll {

    float: left;

  }

}



.course-block-list > div.content-action .enroll .btn-purchase, .course-block-list > div.content-action .enroll .added_to_cart {

  display: inline-block;

  color: #fff;

  font-weight: 700;

  position: relative;

  text-align: center;

  font-size: 10px;

  text-transform: uppercase;

  letter-spacing: 1px;

  width: 100%;

  line-height: 26px;

  background: var(--e-global-color-primary);

  padding: 0 12px;

  border-radius: 6px;

}



.course-block-list > div.content-action .enroll .btn-purchase:before, .course-block-list > div.content-action .enroll .added_to_cart:before {

  content: "\f149";

  font-family: "wicomoon" !important;

  position: relative;

  top: 3px;

  z-index: 11;

  color: #fff;

  font-size: 15px;

  margin-right: 6px;

  font-weight: 500;

}



.course-block-list > div.content-action .enroll .btn-purchase.loading:before, .course-block-list > div.content-action .enroll .added_to_cart.loading:before {

  background: none;

}



.course-block-list > div.content-action .enroll .btn-purchase.loading:after, .course-block-list > div.content-action .enroll .added_to_cart.loading:after {

  background: url("../images/preloader-2.gif") center center no-repeat rgba(255, 255, 255, 0.92);

}



.course-block-list > div.content-action .enroll .added_to_cart:before {

  display: none;

}



.course-block-list > div.content-action .enroll .added_to_cart:after {

  content: "\f061";

  font-family: "Font Awesome 5 Free";

  margin: 0 0 0 5px;

}



.course-block-list > div.content-action .enroll .btn-purchase.added {

  display: none;

}



.gva-course-list .list-course-content {

  border-radius: 10px;

  overflow: hidden;

}



.gva-course-list .list-course-content .item:last-child .course-block-list {

  border-bottom: none;

}



.tutor-accordion-item .tutor-accordion-item-header {

  font-size: 17px;

  color: var(--e-global-color-accent);

}



.tutor-accordion-item .tutor-course-content-list .tutor-course-content-list-item {

  padding: 10px 16px;

}



.tutor-accordion-item .tutor-course-content-list .tutor-course-content-list-item .tutor-course-content-list-item-icon {

  color: var(--e-global-color-primary);

  font-size: 18px;

}



.tutor-accordion-item .tutor-course-content-list .tutor-course-content-list-item .tutor-course-content-list-item-title {

  font-size: 15px;

  color: var(--e-global-color-text);

}



.tutor-accordion-item .tutor-course-content-list .tutor-course-content-list-item .tutor-icon-lock-line {

  color: #BD3232;

}



.tutor-review-individual-item .tutor-review-user-info {

  padding-left: 0;

}



@media screen {

  body.tutor_instructor.logged-in.admin-bar:not(.administrator) {

    margin-top: -32px !important;

  }

}



@media screen and (max-width: 782px) {

  body.tutor_instructor.logged-in.admin-bar:not(.administrator) {

    margin-top: -46px !important;

  }

}



:root {

  --tutor-primary-color: var(--e-global-color-primary);

  --tutor-primary-hover-color: var(--e-global-color-primary);

  --tutor-text-color: #757783;

  --tutor-light-color: #757783;

  --tutor-primary-button-color: var(--e-global-color-primary);

  --tutor-danger-button-color: #F44337;

  --tutor-success-button-color: var(--e-global-color-primary);

  --tutor-warning-button-color: #ED9700;

  --tutor-text-size: 16px;

}



.tutor-wrap {

  color: var(--e-global-color-text);

}



.tutor-wrap img {

  max-width: 100%;

  height: auto;

}



.tutor-custom-list-style {

  list-style: none;

  margin: 0;

  padding: 0;

}



.tutor-custom-list-style li {

  position: relative;

  margin-bottom: 6px;

  line-height: 26px;

  padding-left: 28px;

}



.tutor-custom-list-style li:before {

  content: "\f00c";

  position: absolute;

  left: 0;

  font-family: 'Font Awesome 5 Free' !important;

  color: var(--tutor-primary-color);

  font-size: 14px;

  font-weight: 900;

  top: 8px;

}



.ui-slider {

  position: relative;

  text-align: left;

}



.ui-slider .ui-slider-handle {

  position: absolute;

  z-index: 2;

  width: 15px;

  height: 15px;

  top: -6.5px;

  cursor: pointer;

}



.ui-slider .ui-slider-range {

  position: absolute;

  z-index: 1;

  font-size: .7em;

  display: block;

  border: 0;

  background-position: 0 0;

}



.ui-slider-horizontal {

  height: .8em;

}



.ui-slider-horizontal .ui-slider-range {

  top: 0;

  height: 100%;

}



.ui-slider-horizontal .ui-slider-range-min {

  left: 0;

}



.ui-slider-horizontal .ui-slider-range-max {

  right: 0;

}



.ui-slider-vertical {

  width: .8em;

  height: 100px;

}



.ui-slider-vertical .ui-slider-handle {

  left: -.3em;

  margin-left: 0;

  margin-bottom: -.6em;

}



.ui-slider-vertical .ui-slider-range {

  left: 0;

  width: 100%;

}



.ui-slider-vertical .ui-slider-range-min {

  bottom: 0;

}



.ui-slider-vertical .ui-slider-range-max {

  top: 0;

}



.tutor-styled-radio > span {

  position: relative;

  padding-left: 30px;

  cursor: pointer;

}



.tutor-styled-radio > span:before {

  content: '';

  height: 18px;

  width: 18px;

  background: #F1F3F7;

  border: 1px solid #DCDFE5;

  border-radius: 50%;

  position: absolute;

  top: 50%;

  margin-top: -9px;

  left: 0;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: 200ms;

  transition: 200ms;

}



.tutor-styled-radio > input {

  display: none !important;

}



.tutor-styled-radio > input:checked + span::before {

  border: 5px solid var(--tutor-primary-color);

}



/**

 * Important Layout Styles

 */

.tutor-container {

  margin-right: auto;

  margin-left: auto;

  width: 100%;

  padding: 0 15px;

}



@media (max-width: 1399px) and (max-width: 1201px) {

  .tutor-container {

    max-width: 1200px;

  }

}



@media (max-width: 1200px) {

  .tutor-container {

    max-width: 100%;

  }

}



.tutor-row {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-right: -15px;

  margin-left: -15px;

}



.tutor-col-auto,

.tutor-col,

.tutor-col-3,

.tutor-col-4,

.tutor-col-5,

.tutor-col-6,

.tutor-col-7,

.tutor-col-8,

.tutor-col-9 {

  position: relative;

  width: 100%;

  min-height: 1px;

  padding-right: 15px;

  padding-left: 15px;

}



.tutor-col {

  -ms-flex-preferred-size: 0;

  flex-basis: 0;

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  max-width: 100%;

}



.tutor-col-auto {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: auto;

  max-width: none;

}



.tutor-col-3 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 25%;

  flex: 0 0 25%;

  max-width: 25%;

}



.tutor-col-4 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 33.333333%;

  flex: 0 0 33.333333%;

  max-width: 33.333333%;

}



.tutor-col-5 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 41.666667%;

  flex: 0 0 41.666667%;

  max-width: 41.666667%;

}



.tutor-col-6 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 50%;

  flex: 0 0 50%;

  max-width: 50%;

}



.tutor-col-7 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 58.333333%;

  flex: 0 0 58.333333%;

  max-width: 58.333333%;

}



.tutor-col-8 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 66.666666%;

  flex: 0 0 66.666666%;

  max-width: 66.666666%;

}



.tutor-col-9 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 75%;

  flex: 0 0 75%;

  max-width: 75%;

}



.tutor-align-items-center {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



@media (max-width: 991px) {

  .tutor-col-auto,

  .tutor-col,

  .tutor-col-3,

  .tutor-col-4,

  .tutor-col-6,

  .tutor-col-8,

  .tutor-col-9 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

  .tutor-col-md-100 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

}



@media (max-width: 767px) {

  .tutor-col-auto,

  .tutor-col,

  .tutor-col-3,

  .tutor-col-4,

  .tutor-col-6,

  .tutor-col-8,

  .tutor-col-9 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

}



.tutor-segment-title, .tutor-single-course-segment .tutor-segment-title {

  font-size: 20px;

  line-height: 24px;

  margin-bottom: 15px;

  color: var(--e-global-color-accent);

}



.tutor-single-course-segment {

  margin-bottom: 30px;

}



.tutor-leadinfo-top-meta {

  font-size: 14px;

  margin-bottom: 10px;

}



.tutor-leadinfo-top-meta span {

  display: inline-block;

  margin-right: 10px;

}



.tutor-leadinfo-top-meta span i::before {

  margin-left: 0;

}



.tutor-leadinfo-top-meta i {

  margin-right: 4px;

}



.tutor-single-course-rating {

  color: #F8C51C;

  font-size: 16px;

}



.tutor-single-course-rating .tutor-single-rating-count {

  color: var(--e-global-color-text);

  font-weight: 500;

}



.tutor-single-course-rating .tutor-single-rating-count i {

  color: var(--tutor-light-color);

  font-style: normal;

  display: inline-block;

  margin-left: 4px;

}



.tutor-course-header-h1 {

  font-size: 36px;

  line-height: 46px;

  color: var(--e-global-color-text);

  font-weight: 500;

  margin: 0 0 29px;

  padding: 0;

}



@media (max-width: 767px) {

  .tutor-course-header-h1 {

    font-size: 26px;

    line-height: 36px;

  }

}



.tutor-course-summery {

  margin-bottom: 40px;

}



/*tutor course meta*/

.tutor-single-course-meta {

  color: var(--e-global-color-text);

}



.tutor-single-course-meta ul {

  list-style: none;

  margin: 0;

  padding: 10px 0;

  line-height: 21px;

}



.tutor-single-course-meta ul:before, .tutor-single-course-meta ul:after {

  content: " ";

  display: table;

}



.tutor-single-course-meta ul:after {

  clear: both;

}



.tutor-single-course-meta ul li {

  float: left;

  vertical-align: top;

  margin-right: 40px;

  margin-top: 5px;

  margin-bottom: 5px;

  min-width: 95px;

}



@media (max-width: 575px) {

  .tutor-single-course-meta ul li {

    margin-right: 10px;

  }

}



.tutor-single-course-meta ul li:last-child {

  margin-right: 0;

}



.tutor-single-course-meta ul.tutor-meta-top ul {

  padding-top: 0;

  padding-bottom: 15px;

}



.tutor-single-course-meta .tutor-single-course-avatar img {

  height: 21px;

  width: 21px;

  display: block;

  border-radius: 50%;

  margin-right: 3px;

}



.tutor-single-course-meta ul li .tutor-single-course-avatar span {

  height: 21px;

  width: 21px;

  font-size: 9px;

  text-align: center;

  line-height: 21px;

  border-radius: 50%;

  display: block;

  color: #ffffff;

}



.tutor-single-course-meta ul li > div {

  display: inline-block;

  vertical-align: top;

}



.tutor-single-course-meta ul li strong {

  margin: 0;

  display: inline-block;

  line-height: 21px;

  font-weight: 400;

  color: var(--tutor-light-color);

  font-size: var(--tutor-text-size);

}



.tutor-single-course-meta.tutor-lead-meta ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



@media (max-width: 991px) {

  .tutor-single-course-meta.tutor-lead-meta {

    border-bottom: none;

  }

  .tutor-single-course-meta.tutor-lead-meta ul {

    padding-bottom: 0;

  }

  .tutor-single-course-meta.tutor-lead-meta ul li {

    margin: 5px;

    padding: 5px 15px;

    border: 1px solid #ddd;

    border-radius: 4px;

  }

}



/*.tutor-course-topics-wrap*/

.tutor-course-topics-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  border-bottom: 1px solid #E2DFEB;

  padding-bottom: 15px;

  margin-bottom: 35px;

}



.tutor-course-topics-header .tutor-segment-title {

  margin: 0;

  font-size: 24px;

}



.tutor-course-topics-header .tutor-course-topics-header-right span:not(:first-child) {

  margin-left: 45px;

}



.tutor-course-topics-contents .tutor-course-title {

  cursor: pointer;

}



.tutor-course-topics-contents .tutor-course-title h4 > i {

  font-size: 15px;

  line-height: 25px;

  float: left;

  margin-right: 10px;

}



.tutor-course-topics-contents .tutor-course-title h4 > i:before {

  content: "\e914";

}



.tutor-course-topics-contents .tutor-active h4 > i:before {

  content: "\e941";

}



.tutor-course-topics-contents .tutor-course-topic {

  margin-bottom: 30px;

  overflow: hidden;

}



.tutor-course-lesson h5 {

  margin-bottom: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-top: 0;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.tutor-course-lesson h5 .icon {

  vertical-align: text-top;

  margin-right: 18px;

  color: #fff;

  display: block;

  width: 35px;

  height: 35px;

  background-color: var(--e-global-color-primary);

  border-radius: 50%;

  text-align: center;

  line-height: 35px;

}



.tutor-course-lesson h5 .icon.tutor-icon-doubt {

  background: var(--e-global-color-secondary);

  color: #1E2744;

}



.tutor-course-lesson h5 .lesson-preview-icon i {

  margin-left: 10px;

  color: var(--e-global-color-text);

}



.tutor-course-lesson h5 .lesson-meta {

  margin-left: auto;

  padding-left: 5px;

  color: var(--e-global-color-text);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.tutor-course-lesson .lesson-preview-title {

  -webkit-box-flex: 1;

  -ms-flex: 1 0 0px;

  flex: 1 0 0;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}



table.course-single-gradebooks .datetime {

  margin: 0;

  font-size: 80%;

}



.tutor-course-lessons .tutor-course-lesson h5 i.tutor-lesson-thumbnail-icon {

  height: 35px;

  width: 45px;

  border-radius: 3px;

  text-align: center;

  line-height: 35px;

  color: #fff;

  margin-right: 10px;

  position: relative;

  z-index: 1;

  overflow: hidden;

  font-size: 20px;

  background-position: center center !important;

  background-size: cover !important;

}



.tutor-course-lessons .tutor-course-lesson h5 i.tutor-lesson-thumbnail-icon:after {

  position: absolute;

  content: '';

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background: rgba(0, 0, 0, 0.5);

  z-index: -1;

}



/* ***********************      */

/* Single Lesson  */

/************************       */

/*lesson list*/

.tutor-single-lesson-button-group,

.tutor-topics-lesson-list .tutor-topics-in-single-lesson {

  border-radius: 4px;

  margin-bottom: 30px;

  border: 1px solid #e8eff1;

}



.tutor-single-lesson-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

  width: 100%;

}



.tutor-lesson-sidebar {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 400px;

  flex: 0 0 400px;

  position: relative;

}



@media (max-width: 991px) {

  .tutor-lesson-sidebar {

    position: absolute;

    left: 0;

    top: 70px;

    width: 400px;

    max-width: 95%;

    height: calc(100% - 70px);

    z-index: 9;

    background: #fff;

    overflow-y: auto;

    display: none;

  }

}



.tutor-lesson-sidebar .lessons-sidebar-ovelay {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 99;

  background: rgba(0, 0, 0, 0.6);

}



.tutor-spotlight-mode .tutor-lesson-sidebar {

  position: fixed;

  left: 0;

  width: 400px;

  height: 100vh;

  overflow-y: scroll;

  background: #f4f8fa;

  z-index: 11;

}



.tutor-spotlight-mode .tutor-course-single-sidebar-wraper .tutor-sidebar-tabs-wrap .tutor-sidebar-tabs-content {

  height: calc(100vh - 105px) !important;

}



.tutor-spotlight-mode #tutor-single-entry-content {

  padding-left: 400px !important;

  min-height: calc(100vh - 46px);

}



.tutor-spotlight-mode #tutor-single-entry-content.sidebar-hidden {

  padding-left: 0;

}



@media (max-width: 991px) {

  .tutor-spotlight-mode .tutor-lesson-sidebar {

    position: absolute;

    width: 350px;

    height: auto;

  }

  .tutor-spotlight-mode #tutor-single-entry-content {

    padding-left: 0;

  }

}



.admin-bar .tutor-spotlight-mode .tutor-lesson-sidebar {

  height: calc(100vh - 32px);

  overflow: hidden;

}



.tutor-single-entry-content {

  -webkit-box-flex: 999;

  -ms-flex-positive: 999;

  flex-grow: 999;

}



.tutor-single-lesson-button-group .tutor-single-lesson-button a,

.tutor-topics-in-single-lesson .tutor-single-lesson-items a {

  padding: 15px 90px 15px 18px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  color: var(--e-global-color-text);

  position: relative;

  border-top: 1px solid #E2DFEB;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.tutor-single-lesson-button-group .tutor-single-lesson-button:first-child a {

  border-top: none;

}



.tutor-lessons-under-topic .tutor-single-lesson-items.active a {

  background: rgba(233, 235, 238, 0.35);

}



.tutor-lessons-under-topic .tutor-single-lesson-items.active a .lesson_title {

  color: var(--e-global-color-primary);

}



.tutor-topics-in-single-lesson {

  margin-bottom: 5px;

  background-color: #ffffff;

  padding: 0;

}



.tutor-topics-in-single-lesson .tutor-single-lesson-items a span {

  margin: 0;

  display: inline;

}



.tutor-topics-in-single-lesson .tutor-single-lesson-items .lesson_title {

  font-size: 15px;

  display: inline-block;

  line-height: 24px;

  padding-top: 2px;

  color: #1E2744;

}



.tutor-topics-in-single-lesson .tutor-topics-title {

  position: relative;

}



.tutor-topics-in-single-lesson .tutor-topics-title button {

  position: absolute;

  right: 15px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  padding: 0 5px;

  font-size: 16px;

  background: transparent;

  border: none;

  color: var(--e-global-color-text);

}



.tutor-topics-in-single-lesson.tutor-topic-active .tutor-topics-title button i::before {

  content: "\e941";

}



.tutor-topics-in-single-lesson .tutor-topics-title h3 {

  margin: 0;

  padding: 15px 36px 15px 20px;

  font-size: 16px;

  color: var(--tutor-primary-color);

}



.tutor-topics-in-single-lesson .tutor-topics-title h3 {

  cursor: pointer;

  line-height: 30px;

}



span.toggle-information-icon {

  background: var(--e-global-color-primary);

  color: #fff;

  height: 15px;

  width: 15px;

  text-align: center;

  display: inline-block;

  line-height: 18px;

  font-size: 12px;

  border-radius: 50%;

  margin-left: 10px;

  position: relative;

  top: -2px;

}



.tutor-topics-in-single-lesson .tutor-topics-title h3 i {

  font-size: 10px;

  margin-left: 6px;

}



.tutor-topics-in-single-lesson .tutor-topics-tutor-loop-rating-wraptitle h3 i {

  font-size: 10px;

  vertical-align: middle;

  display: inline-block;

  padding: 5px;

  color: #c7c7c7;

  -webkit-transition: 300ms;

  transition: 300ms;

  cursor: pointer;

}



.tutor-topics-in-single-lesson .tutor-topics-title h3 i:hover {

  color: var(--tutor-primary-color);

}



.tutor-single-lesson-button-group .tutor-single-lesson-button a > i:first-child,

.tutor-topics-in-single-lesson .tutor-single-lesson-items a > i:first-child {

  color: #c7c7c7;

  line-height: 22px;

  display: inline-block;

  vertical-align: middle;

  margin-right: 10px;

}



.tutor-topics-in-single-lesson .tutor-single-lesson-items a > i:first-child {

  width: 32px;

  height: 32px;

  background: var(--e-global-color-primary);

  color: #fff;

  text-align: center;

  line-height: 32px;

  border-radius: 50%;

  font-size: 15px;

}



.tutor-topics-in-single-lesson .tutor-single-lesson-items a > i:first-child.tutor-icon-doubt {

  background: var(--e-global-color-secondary);

  color: #1E2744;

}



.tutor-topics-in-single-lesson .tutor-single-lesson-items a > i.tutor-icon-doubt {

  color: var(--tutor-primary-color);

}



.tutor-topics-in-single-lesson .tutor-topics-summery {

  display: none;

  padding: 0 20px 20px;

  font-size: 15px;

}



.tutor-lessons-under-topic .tutor-lesson-right-icons {

  position: absolute;

  right: 15px;

  top: 14px;

  font-size: 12px;

}



.tutor-lessons-under-topic .tutor-lesson-right-icons .tutor-play-duration {

  position: relative;

  top: 2px;

}



.tutor-lessons-under-topic .tutor-lesson-right-icons .tutor-lesson-complete {

  height: 16px;

  width: 16px;

  border: 1px solid #e8eff1;

  border-radius: 50%;

  font-size: 9px;

  display: inline-block;

  line-height: 16px;

  text-align: center;

  margin: 0;

  vertical-align: middle;

  margin-left: 8px;

}



.tutor-lessons-under-topic .tutor-single-lesson-items.active .tutor-lesson-right-icons .tutor-lesson-complete {

  border-color: #E2DFEB;

}



.tutor-lessons-under-topic .tutor-single-lesson-items.active .tutor-lesson-right-icons .tutor-lesson-complete.tutor-done,

.tutor-lessons-under-topic .tutor-lesson-right-icons .tutor-lesson-complete.tutor-done {

  background: var(--tutor-success-button-color);

  border-color: var(--tutor-success-button-color);

  color: #fff;

}



.tutor-lessons-under-topic .tutor-lesson-right-icons i {

  font-style: normal;

}



.tutor-single-page-top-bar {

  background-color: var(--tutor-primary-color);

  height: 70px;

  margin-bottom: 50px;

  color: #ffffff;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding-right: 15px;

  align-items: center;

}



.tutor-single-page-top-bar a {

  color: #ffffff;

  vertical-align: middle;

  display: inline-block;

  overflow: hidden;

}



.tutor-single-page-top-bar a.tutor-topbar-home-btn i {

  margin-top: 5px;

}



.tutor-single-page-top-bar .tutor-single-lesson-segment form,

.tutor-single-page-top-bar .tutor-single-lesson-segment {

  margin-bottom: 0;

}



.tutor-topbar-home-btn i {

  margin-right: 7px;

}



.tutor-topbar-home-btn {

  margin-left: 20px;

}



@media screen and (max-width: 546px) {

  .tutor-topbar-home-btn {

    margin-left: 10px;

  }

}



.tutor-single-page-top-bar .tutor-single-lesson-segment button.course-complete-button {

  background: transparent;

  color: #fff;

  padding-bottom: 13px;

  cursor: pointer;

  border: 1px solid #fff;

  font-size: 12px;

}



.tutor-single-page-top-bar .tutor-single-lesson-segment button.course-complete-button i {

  font-size: 14px;

}



.tutor-single-page-top-bar .tutor-single-lesson-segment button.course-complete-button i::before {

  display: block;

  padding-top: 2px;

}



.tutor-single-page-top-bar .tutor-single-lesson-segment button.course-complete-button:hover {

  color: #fff;

  background: var(--tutor-primary-hover-color);

  border-color: var(--tutor-primary-hover-color);

}



.tutor-single-page-top-bar a:hover {

  color: #ffffff;

}



.tutor-single-page-top-bar .tutor-topbar-content-title-wrap {

  text-align: center;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  -webkit-box-flex: 999999;

  -ms-flex-positive: 999999;

  flex-grow: 999999;

}



.tutor-single-page-top-bar .tutor-hide-sidebar-bar {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

}



.tutor-single-page-top-bar .tutor-topbar-mark-to-done {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

}



@media (max-width: 767px) {

  .tutor-single-page-top-bar .tutor-topbar-content-title-wrap {

    display: none;

  }

  .tutor-single-page-top-bar .tutor-single-lesson-segment button.course-complete-button {

    padding: 9px 14px;

  }

}



@media (max-width: 767px) {

  .tutor-single-page-top-bar .tutor-single-lesson-segment button.course-complete-button {

    padding: 7px 12px;

    font-size: 14px;

  }

}



.tutor-single-page-top-bar .tutor-topbar-content-title-wrap i {

  vertical-align: middle;

  line-height: 1;

  margin-right: 3px;

}



.tutor-lesson-content-area,

.tutor-quiz-single-wrap {

  margin: 0 auto;

  padding: 0 15px 50px;

  max-width: 980px;

}



.tutor-lesson-sidebar-hide-bar {

  background-color: var(--tutor-primary-hover-color);

  color: #ffffff;

  padding: 0 12px;

  display: inline-block;

  line-height: 70px;

}



@media only screen and (max-width: 546px) {

  .tutor-lesson-sidebar-hide-bar {

    padding: 0 10px;

  }

}



.tutor-single-page-top-bar a.tutor-lesson-sidebar-hide-bar i {

  font-size: 26px;

  display: block;

  padding: 0;

}



@media only screen and (max-width: 546px) {

  .tutor-single-page-top-bar a.tutor-lesson-sidebar-hide-bar i {

    font-size: 19px;

  }

}



.tutor-sidebar-tabs-wrap {

  border-top: 1px solid #E2DFEB;

}



.tutor-sidebar-tabs-wrap .tutor-sidebar-tabs-content {

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.tutor-tabs-btn-group {

  height: 70px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.tutor-tabs-btn-group a {

  background-color: #f1f6f8;

  color: var(--e-global-color-text);

  display: block;

  line-height: 70px;

  width: 100%;

  text-align: center;

  border: 1px solid #E2DFEB;

  border-top: none;

}



.tutor-tabs-btn-group a span, .tutor-tabs-btn-group a i {

  font-size: 24px;

  display: inline-block;

  vertical-align: top;

  line-height: 70px;

}



.tutor-tabs-btn-group a i {

  color: var(--tutor-primary-color);

}



.tutor-tabs-btn-group a span {

  font-size: 15px;

  padding-left: 3px;

}



.tutor-tabs-btn-group a.active, .tutor-tabs-btn-group a:focus {

  background-color: #ffffff;

  border: none;

  outline: none;

}



/*video*/

.tutor-single-lesson-segment {

  margin-bottom: 35px;

}



.tutor-single-lesson-wrap {

  background: #f4f8fa;

}



.tutor-lesson-video-wrap .plyr--video {

  border-radius: 4px;

}



#tutor-lesson-sidebar-qa-tab-content {

  background-color: #ffffff;

  padding: 20px;

}



#tutor-lesson-sidebar-qa-tab-content .tutor-add-question-wrap {

  border-top: 1px solid #e8eff1;

  padding-top: 25px;

}



#tutor-lesson-sidebar-qa-tab-content .tutor-add-question-wrap h3 {

  color: #1E2744;

  font-size: 18px;

}



#tutor-lesson-sidebar-qa-tab-content .tutor-add-question-wrap button.tutor_ask_question_btn {

  display: block;

  width: 100%;

  background-color: var(--tutor-primary-color);

  border-color: var(--tutor-primary-color);

}



#tutor-lesson-sidebar-qa-tab-content .tutor_question_answer_wrap .tutor_original_question {

  margin-bottom: 20px;

  margin-top: 20px;

}



.tutor-lesson-sidebar-emptyqa-wrap {

  text-align: center;

  padding: 50px 20px;

  color: var(--e-global-color-text);

}



.tutor-lesson-sidebar-emptyqa-wrap h3 {

  margin: 0;

  padding: 0 0 25px;

}



.tutor-lesson-sidebar-emptyqa-wrap i {

  font-size: 150px;

  color: #e8eff1;

  line-height: 0.8;

}



/*attachment*/

.tutor-attachments-wrap {

  margin: -3px -3px 15px -3px;

}



.tutor-attachments-wrap .tutor-lesson-attachment {

  display: inline-block;

  border: 1px solid #e8eff1;

  border-radius: 4px;

  padding: 10px 16px 10px 12px;

  overflow: hidden;

  background: #F5F6FA;

  margin: 3px;

  -webkit-transition: 300ms;

  transition: 300ms;

}



.tutor-attachments-wrap .tutor-lesson-attachment:hover {

  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);

}



.tutor-attachments-wrap .tutor-attachment-icon {

  font-size: 30px;

  float: left;

  color: var(--e-global-color-text);

}



.tutor-attachments-wrap .tutor-attachment-icon i {

  display: block;

}



.tutor-attachment-info {

  padding-left: 10px;

  float: left;

}



.tutor-attachment-info span {

  display: block;

  font-size: 14px;

  line-height: 16px;

  color: var(--e-global-color-text);

}



.tutor-attachment-info span + span {

  font-size: 11px;

  color: var(--tutor-light-color);

}



/*course status*/

.tutor-progress-bar-wrap {

  width: 100%;

  margin: 0 0 30px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.tutor-progress-bar {

  height: 8px;

  color: #000000;

  line-height: 25px;

  position: relative;

  background: #f1f1f1;

  -ms-flex-preferred-size: 0;

  flex-basis: 0;

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  max-width: 100%;

  border-radius: 30px;

  margin-top: 7.5px;

}



.tutor-progress-bar .tutor-progress-filled {

  background-color: var(--tutor-primary-color);

  height: 8px;

  border-radius: 30px;

  width: var(--tutor-progress-left);

}



.tutor-dashboard-content-inner .tutor-progress-bar {

  margin-top: 9.5px;

  height: 5px;

}



.tutor-dashboard-content-inner .tutor-progress-bar .tutor-progress-filled {

  height: 5px;

}



.tutor-progress-bar .tutor-progress-filled:after {

  content: "";

  position: absolute;

  height: 15px;

  width: 15px;

  border: 7.5px solid var(--tutor-primary-color);

  border-radius: 50%;

  background: #fff;

  left: var(--tutor-progress-left);

  -webkit-transform: translateY(-50%) translateX(-50%);

  transform: translateY(-50%) translateX(-50%);

  top: 50%;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



.tutor-progress-percent {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: auto;

  max-width: none;

  padding-left: 20px;

}



.tutor-course-purchase-box {

  margin-bottom: 0;

}



.tutor-price-preview-box .tutor-course-purchase-box button {

  display: block;

  width: 100%;

  background: var(--tutor-primary-color);

  border-radius: 3px;

  text-transform: uppercase;

  font-weight: 700;

  cursor: pointer;

}



.tutor-price-preview-box .tutor-course-purchase-box button i {

  margin-right: 8px;

}



.tutor-price-preview-box .tutor-course-enrolled-wrap,

.tutor-price-preview-box .tutor-course-login-wrap,

.tutor-price-preview-box .tutor-course-login-wrap form,

.tutor-course-purchase-box form {

  margin-bottom: 0;

}



.tutor-price-preview-box .tutor-course-material-includes-wrap {

  margin-bottom: 25px;

}



.tutor-alert-warning.tutor-instructor-alert {

  padding: 25px 25px 15px;

}



.tutor-lead-info-btn-group .tutor-course-complete-form-wrap {

  display: block;

  margin-top: 15px;

}



.tutor-lead-info-btn-group .tutor-course-complete-form-wrap form {

  margin: 0;

}



.tutor-lead-info-btn-group a.tutor-button,

.tutor-lead-info-btn-group .tutor-course-complete-form-wrap button {

  display: block;

  padding: 18px 20px;

  border: none;

  text-align: center;

  border-radius: 4px;

  text-transform: uppercase;

  line-height: 1;

  -webkit-transition: 300ms;

  transition: 300ms;

  font-weight: 700;

}



.tutor-lead-info-btn-group a.tutor-button,

.tutor-lead-info-btn-group .tutor-course-complete-form-wrap {

  width: 100%;

  text-align: center;

  display: block;

}



@media (max-width: 991px) {

  .tutor-lead-info-btn-group a.tutor-button,

  .tutor-lead-info-btn-group .tutor-course-complete-form-wrap {

    width: auto;

  }

}



.tutor-lead-info-btn-group .tutor-course-complete-form-wrap button {

  display: block;

  width: 100%;

}



.tutor-single-add-to-cart-box .tutor-enroll-form {

  margin: 0;

}



.tutor-single-add-to-cart-box .tutor-enroll-form .tutor-course-enroll-wrap {

  padding: 0;

}



.tutor-single-add-to-cart-box .tutor-enroll-form .tutor-course-enroll-wrap button {

  display: block;

  width: 100%;

  text-align: center;

}



.tutor-single-add-to-cart-box.cart-required-login {

  position: relative;

}



.tutor-single-add-to-cart-box.cart-required-login:before {

  position: absolute;

  content: "";

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 99;

  cursor: pointer;

}



/*******************/

/*tutor review form*/

/*******************/

.tutor-course-enrolled-review-wrap .write-course-review-link-btn {

  color: #fff;

  background-color: var(--tutor-primary-color);

  border-color: var(--tutor-primary-color);

  display: inline-block;

  padding: 15px 30px;

  border-radius: 4px;

  text-transform: capitalize;

  line-height: 1;

  -webkit-transition: 300ms;

  transition: 300ms;

}



.tutor-course-enrolled-review-wrap .write-course-review-link-btn:hover {

  background-color: var(--tutor-primary-hover-color);

  border-color: var(--tutor-primary-hover-color);

}



.tutor-course-enrolled-review-wrap .tutor-form-group {

  margin-bottom: 10px;

}



.tutor-course-enrolled-review-wrap .tutor-form-group textarea {

  height: 120px;

  background: #f7f7f7;

  border: 1px solid #ddd;

  -webkit-box-shadow: none;

  box-shadow: none;

  border-radius: 4px;

  line-height: 1.5;

  text-indent: 0;

  padding: 15px;

}



.tutor-write-review-form {

  margin-top: 30px;

}



/*******************/

/*end tutor review form*/

/*******************/

.tutor-form-row {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-left: -15px;

  margin-right: -15px;

}



.tutor-form-col-4,

.tutor-form-col-6,

.tutor-form-col-12 {

  padding-left: 15px;

  padding-right: 15px;

}



.tutor-form-col-6 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 50%;

  flex: 0 0 50%;

  max-width: 50%;

}



.tutor-form-col-12 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  max-width: 100%;

}



.tutor-form-col-4 {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 33.3333%;

  flex: 0 0 33.3333%;

  max-width: 33.3333%;

}



@media (max-width: 768px) {

  .tutor-form-row {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .tutor-form-col-4,

  .tutor-form-col-6,

  .tutor-form-col-12 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

}



ul.tutor-required-fields {

  list-style: none;

  padding: 10px;

  margin: 0;

}



.tutor-star-rating-group {

  color: #ecb63d;

  display: inline-block;

  text-align: left;

  font-size: 15px;

}



.tutor-star-rating-group .tutor-icon-star-line:before {

  content: "\e916";

  color: #D9DADC;

}



.tutor-icon-star-half {

  position: relative;

}



.tutor-icon-star-half:before {

  content: "\e916";

  color: #D9DADC;

}



.tutor-icon-star-half:after {

  content: "\e916";

  color: #ecb63d;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

  width: calc(50% - 1px);

  overflow: hidden;

}



@media (max-width: 546px) {

  .tutor-write-review-box .tutor-star-rating-group {

    font-size: 26px;

    display: block;

    text-align: center;

  }

}



.tutor-write-review-box .tutor-star-rating-group i {

  margin-right: 4px;

  cursor: pointer;

}



.tutor-queston-and-answer-wrap {

  margin: 20px 0;

}



.tutor-question-top {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  margin-bottom: 20px;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

  -ms-flex-direction: row-reverse;

  flex-direction: row-reverse;

}



.tutor-ask-question-btn {

  text-align: right;

}



.tutor-question-search-form {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 75%;

  flex: 0 0 75%;

}



.tutor-question-search-form form {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.tutor-question-search-form input[type="text"] {

  max-width: 60%;

}



.tutor-add-question-wrap {

  margin: 20px 0;

}



.tutor-add-question-wrap .tutor-form-group {

  margin-bottom: 10px;

}



.tutor_question_cancel {

  margin-right: 5px;

}



.updating-icon:before {

  font-family: "tutor";

  margin-right: 5px;

  content: "\e91d";

  -webkit-animation: spin 1s steps(8) infinite;

  animation: spin 1s steps(8) infinite;

  display: inline-block;

}



.loading-lesson .tutor-lesson-video-wrap:before {

  font-family: "tutor";

  content: "\e91d";

  -webkit-animation: spin 2s infinite linear;

  animation: spin 2s infinite linear;

  display: inline-block;

  z-index: 9;

  position: absolute;

  left: 50%;

  top: 50%;

  font-size: 50px;

  margin-left: -25px;

  margin-top: -12px;

}



.loading-lesson .tutor-lesson-video-wrap:after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  background: rgba(255, 255, 255, 0.8);

  width: 100%;

  height: 100%;

}



.tutor-lesson-video-wrap {

  position: relative;

}



/**

Course question and answer

 */

/* ********************* */

/* Question and Answer */

/* ********************* */

/*.tutor-question-wrap{*/

/*}*/

.tutor_question_area {

  padding: 22px 25px 20px;

  background: #F5F6FA;

  border-radius: 4px;

}



.tutor_question_area strong {

  color: #1E2744;

}



.tutor_question_area p:last-child {

  margin-bottom: 0;

}



.tutor_add_answer_row {

  text-align: right;

  margin-top: 20px;

}



.tutor_add_answer_row .tutor-form-group:last-child {

  margin-top: 20px;

}



.tutor_admin_answers_list_wrap + .tutor_add_answer_row,

.tutor_admin_answers_list_wrap {

  margin-left: 50px;

}



@media (max-width: 991px) {

  .tutor_admin_answers_list_wrap + .tutor_add_answer_row,

  .tutor_admin_answers_list_wrap {

    margin-left: 30px;

  }

}



.tutor_original_question {

  margin-bottom: 30px;

}



.tutor_admin_answers_list_wrap .tutor_individual_answer {

  margin-bottom: 40px;

}



.tutor_admin_answers_list_wrap .tutor_question_area {

  background: #edf9f1;

}



.question-top-meta .tutor-question-avater a {

  display: inline-block;

}



.question-top-meta .tutor-question-avater a span {

  height: 50px;

  width: 50px;

  border-radius: 50%;

  display: block;

  line-height: 50px;

  text-align: center;

  font-size: 17px;

}



.question-top-meta .tutor-question-avater a img {

  width: 50px;

  height: 50px;

  border-radius: 50%;

}



.question-top-meta {

  overflow: hidden;

  margin-bottom: 20px;

}



.question-top-meta .tutor-question-avater {

  float: left;

}



.question-top-meta .review-meta {

  float: left;

  margin-bottom: 0;

  margin-left: 15px;

  padding-top: 5px;

}



.question-top-meta .review-meta a {

  display: block;

  font-size: 16px;

  color: var(--e-global-color-text);

  line-height: 20px;

}



.question-top-meta .review-meta span {

  color: var(--tutor-light-color);

  vertical-align: text-top;

  display: block;

  font-size: 14px;

  line-height: 24px;

}



.tutor_wp_editor_wrap .tutor-form-group a.tutor-button {

  margin-right: 6px;

}



/*anouncement*/

.tutor-no-announcements {

  text-align: center;

}



.tutor-announcement-meta {

  margin-bottom: 10px;

  font-size: 13px;

}



.tutor-announcement {

  border: 1px solid #eee;

  padding: 20px;

  margin-top: 30px;

  border-radius: 4px;

}



.announcement-delete-btn {

  float: right;

}



.announcement-delete-btn a {

  color: var(--tutor-light-color);

  -webkit-transition: 300ms;

  transition: 300ms;

}



.announcement-delete-btn a:hover {

  color: red;

}



.tutor-announcement-title-wrap h3 {

  color: var(--e-global-color-text);

  font-weight: 500;

  margin-bottom: 10px;

}



/* ********************* */

/* Single Quiz */

/* ********************* */

.tutor-quiz-header .tutor-quiz-badge {

  background: var(--e-global-color-secondary);

  color: #1E2744;

  display: inline-block;

  padding: 8px 12px 6px;

  border-radius: 4px;

  line-height: 1;

  text-transform: uppercase;

  font-size: 12px;

  font-weight: 700;

}



.tutor-quiz-header .quiz-title {

  font-size: 28px;

}



.tutor-quiz-header .course-title {

  font-size: 18px;

}



.tutor-quiz-header .tutor-quiz-meta {

  list-style: none;

  margin: 25px 0 25px;

  padding: 15px 0;

  border-top: 1px solid #E2DFEB;

  border-bottom: 1px solid #E2DFEB;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.tutor-quiz-header .tutor-quiz-meta li {

  display: inline-block;

}



.tutor-quiz-header .tutor-quiz-meta li strong {

  display: block;

  color: #1E2744;

  font-weight: 400;

}



@media (max-width: 767px) {

  .tutor-quiz-header .tutor-quiz-meta {

    display: block;

    border: none;

    padding: 0;

  }

  .tutor-quiz-header .tutor-quiz-meta li {

    display: block;

    margin: 5px;

    border: none;

    padding: 0;

    border-radius: 0;

  }

  .tutor-quiz-header .tutor-quiz-meta li strong {

    display: inline-block;

    margin-right: 5px;

  }

}



@media (max-width: 1199.98px) {

  .tutor-quiz-attempt-history {

    display: block;

    width: 100%;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

  }

}



.tutor-quiz-attempt-history-title {

  font-size: 18px;

  color: var(--tutor-light-color);

  line-height: 23px;

  font-weight: 500;

  margin-bottom: 15px;

  margin-top: 70px;

}



.tutor-quiz-attempt-history table {

  border-collapse: collapse;

  border-radius: 4px;

  margin-bottom: 0;

}



.tutor-quiz-attempt-history th {

  font-weight: 400;

}



.tutor-quiz-attempt-history table,

.tutor-quiz-attempt-history th,

.tutor-quiz-attempt-history td {

  border: 1px solid #e8eff1;

  padding: 10px !important;

}



.tutor-quiz-attempt-history table span.result-fail,

.tutor-quiz-attempt-history table span.result-pass {

  display: inline-block;

  color: #fff;

  border-radius: 2px;

  width: 47px;

  height: 26px;

  line-height: 26px;

  text-align: center;

}



.tutor-quiz-attempt-history table span.result-fail {

  background: #df3247;

}



.tutor-quiz-attempt-history table span.result-pass {

  background: var(--tutor-success-button-color);

}



.tutor-quiz-attempt-history table span.result-review-required {

  background: #f5b30d;

  padding: 3px 5px;

  color: #fff;

  border-radius: 2px;

  text-align: center;

  font-size: 90%;

}



.quiz-head-meta-info {

  color: var(--e-global-color-primary);

  font-weight: 700;

}



.quiz-head-meta-info #tutor-quiz-time-update {

  color: var(--e-global-color-primary);

}



.quiz-head-meta-info span {

  color: var(--e-global-color-text);

}



#tutor-quiz-attempt-questions-wrap {

  margin-bottom: 35px;

}



.tutor-quiz-single-wrap .question-description {

  color: var(--e-global-color-text);

}



.quiz-attempt-single-question {

  margin-bottom: 30px;

}



.quiz-attempt-single-question .question-text {

  font-size: 20px;

}



.fill-in-the-blank-field .fill-in-the-blank-text-input {

  display: inline;

  border-top: none;

  border-left: none;

  border-right: none;

  border-bottom: 1px dashed;

  background-color: transparent;

  padding: 0px;

  border-radius: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

  margin: 0 10px;

}



.fill-in-the-blank-field .fill-in-the-blank-text-input:focus {

  background: none;

  outline: none;

}



.tutor-quiz-answers-wrap {

  margin-bottom: 30px;

}



.tutor-quiz-answers-wrap textarea {

  background: transparent;

  border: 1px solid #d4dadb;

  height: 175px;

  border-radius: 5px;

  -webkit-box-shadow: none;

  box-shadow: none;

  min-width: 100%;

  margin-bottom: 5px;

}



.tutor-quiz-answers-wrap textarea:focus {

  background: transparent;

  outline: none !important;

}



.tutor-quiz-answers-wrap p {

  margin: 0;

  line-height: 26px;

}



.quiz-answer-input-body .quiz-answer-image-wrap {

  margin-top: 10px;

  margin-bottom: 10px;

  max-width: 200px;

}



.quiz-answer-image-wrap img {

  max-width: 100%;

  height: auto;

}



.tutor-quiz-answers-wrap label {

  display: block;

  margin-bottom: 15px;

  cursor: pointer;

}



.tutor-quiz-answers-wrap label.answer-view-image,

.tutor-quiz-answers-wrap label.answer-view-text_image {

  text-align: center;

  margin: 0 10px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  max-width: 25%;

}



.quiz-answer-input-bottom {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  line-height: 20px;

}



.quiz-answer-input-bottom.wrong-answer {

  color: #e27c89;

}



.quiz-answer-input-bottom.wrong-answer .quiz-answer-input-field {

  border: 1px solid #e27c89;

  padding: 5px 10px;

}



.quiz-answer-input-bottom.right-answer {

  color: #86b324;

}



.quiz-answer-input-bottom.right-answer .quiz-answer-input-field {

  border: 1px solid #bbd58c;

  padding: 5px 10px;

}



.wrong-right-text {

  padding: 5px 10px;

}



.tutor-quiz-answers-wrap label input {

  display: none;

}



.tutor-quiz-answers-wrap label input + span {

  width: 20px;

  height: 20px;

  border: 1px solid #dedede;

  display: inline-block;

  border-radius: 2px;

  position: relative;

  margin-right: 5px;

}



.tutor-quiz-answers-wrap label input:checked + span {

  background: var(--tutor-primary-color);

  border-color: var(--tutor-primary-color);

}



.tutor-quiz-answers-wrap label input:checked + span:after {

  content: "\e90f";

  position: absolute;

  font-family: "tutor";

  color: #fff;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  font-size: 11px;

  line-height: 1;

}



.tutor-quiz-answers-wrap label input[type="radio"] + span {

  content: "";

  border-radius: 50%;

  margin-right: 4px;

  vertical-align: top;

  font-size: 1em;

}



.tutor-quiz-answers-wrap label input[type="radio"] + span:after {

  content: "";

  height: 8px;

  width: 8px;

  background: #fff;

  border-radius: 50%;

  left: 50%;

}



.question-type-ordering-item {

  border: 1px solid #d4dadb;

  padding: 10px;

  margin-bottom: 10px;

  width: 250px;

  background-color: #fff;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.question-type-ordering-item.ui-sortable-placeholder {

  background-color: transparent;

}



.question-type-ordering-item .answer-title {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.question-type-ordering-item .answer-sorting-bar {

  cursor: pointer;

}



.quiz-answer-item-matching {

  padding: 10px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 25%;

}



.answer-type-matching .quiz-answer-matching-items-wrap .quiz-answer-item-matching {

  display: inline-block;

  max-width: none;

  width: 25%;

  padding: 0 10px;

  vertical-align: top;

}



@media (max-width: 767px) {

  .answer-type-matching .quiz-answer-matching-items-wrap .quiz-answer-item-matching {

    width: 50%;

  }

}



@media (max-width: 575px) {

  .answer-type-matching .quiz-answer-matching-items-wrap .quiz-answer-item-matching {

    width: 100%;

  }

}



.answer-type-matching .quiz-answer-matching-items-wrap {

  margin: 0 -10px;

}



.quiz-answer-matching-droppable {

  height: 48px;

  min-width: 200px;

  border: 1px dashed #d4dadb;

}



.quiz-draggable-answer-item {

  padding: 10px 20px;

  border: 1px solid #d4dadb;

  margin-right: 10px;

  margin-bottom: 10px;

  background-color: #fff;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

}



.quiz-draggable-answer-item .draggable-answer-title {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.quiz-draggable-rand-answers {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-bottom: 80px;

}



.drop-hover {

  display: none;

}



.quiz-answer-matching-droppable .drop-hover {

  background-color: #eeeeee;

  height: 100%;

  width: 100%;

  display: inline-block;

  float: left;

}



.quiz-answer-matching-droppable .quiz-draggable-answer-item {

  width: 100%;

  max-width: 100%;

}



.quiz-draggable-answer-item .draggable-answer-icon {

  margin-left: 15px;

}



.answer-type-image_matching .quiz-answer-item-matching {

  /*display: inline-block;

      width: 190px;

      margin-right: 10px;*/

  display: block;

}



.answer-type-image_matching .quiz-answer-matching-items-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-left: -10px;

  margin-right: -10px;

}



.answer-type-image_matching .quiz-answer-matching-droppable {

  width: 100%;

  min-width: 100%;

}



.answer-type-image_matching img {

  width: 100%;

  height: auto;

}



.tutor-quiz-questions-pagination ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



.tutor-quiz-questions-pagination ul li {

  display: inline-block;

}



.tutor-quiz-questions-pagination ul li a {

  background-color: var(--tutor-primary-color);

  padding: 7px 13px;

  display: block;

  border-radius: 50%;

  margin-right: 10px;

  color: #ffffff;

}



.tutor-quiz-questions-pagination ul li a:hover,

.tutor-quiz-questions-pagination ul li a.active {

  background-color: var(--tutor-primary-color);

}



.quiz-image-answering-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  margin-left: -10px;

  margin-right: -10px;

}



.quiz-image-answering-wrap img {

  max-width: 100%;

  height: auto;

}



.quiz-image-answering-answer {

  margin-right: 10px;

  margin-left: 10px;

  width: 15%;

}



.quiz-image-answering-image-wrap {

  margin-bottom: 20px;

}



.tutor-quiz-answers-wrap .quiz-image-answering-input-field-wrap input {

  width: 100%;

  display: block;

  border: 1px solid #d4dadb;

  -webkit-box-shadow: none;

  box-shadow: none;

  background: transparent;

  border-radius: 2px;

  height: 42px;

}



.tutor-quiz-answers-wrap .quiz-image-answering-input-field-wrap input:focus {

  background: transparent;

  outline-offset: 0 !important;

}



/**

* Pagination

*/

.tutor-next-previous-pagination-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.tutor-next-previous-pagination-wrap a {

  color: #1E2744;

  font-weight: 700;

}



.tutor-next-previous-pagination-wrap a:hover {

  color: var(--e-global-color-primary);

}



/**

Icon Css

 */

.tutor-course-loop a,

.tutor-widget-course a {

  text-decoration: none !important;

}



.tutor-course-header {

  position: relative;

}



.tutor-course-loop-header-meta {

  position: absolute;

  left: 0;

  top: 13px;

  width: 100%;

  padding-left: 13px;

  padding-right: 13px;

  overflow: hidden;

}



.tutor-course-loop-header-meta .tutor-course-wishlist {

  float: right;

  background: #fff;

  font-size: 19px;

  padding: 5px 5px;

  border-radius: 3px;

  -webkit-transition: 300ms;

  transition: 300ms;

}



.tutor-course-loop-header-meta .tutor-course-wishlist a {

  display: block;

  color: var(--tutor-primary-color);

  -webkit-transition: 300ms;

  transition: 300ms;

}



.tutor-course-loop-header-meta .tutor-course-wishlist:hover {

  background: var(--tutor-primary-color);

}



.tutor-course-loop-header-meta .tutor-course-wishlist:hover a {

  color: #fff;

}



.tutor-course-loop-header-meta .tutor-course-wishlist a:focus {

  outline: none;

}



.tutor-course-loop-header-meta .tutor-course-wishlist a.has-wish-listed:before {

  content: "\e908";

}



.tutor-course-loop-header-meta .tutor-course-wishlist a.updating-icon:before {

  content: "\e91d";

  margin-right: 0;

}



.tutor-course-loop-level {

  display: inline-block;

  background: #9013fe;

  padding: 0 7px;

  color: #fff;

  font-size: 12px;

  line-height: 20px;

  border-radius: 2px;

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);

}



.tutor-course-loop p {

  margin: 0;

}



.tutor-course-loop .tutor-course-header a,

.tutor-course-loop .tutor-course-header a img {

  display: block;

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

}



.tutor-loop-course-container {

  padding: 25px 19px;

}



.tutor-loop-rating-wrap {

  color: #f8c51c;

  margin-bottom: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}



.tutor-loop-rating-wrap .tutor-ratings-stars > * {

  margin: 0 1px;

  font-size: 14px;

}



.tutor-single-course-rating .tutor-ratings-stars {

  display: inline-block;

}



.tutor-rating-count {

  color: var(--e-global-color-text);

  margin-left: 3px;

  font-weight: 500;

}



.tutor-rating-count .number {

  color: #fff;

  background: var(--e-global-color-secondary);

  padding: 6px 10px 6px;

  display: inline-block;

  line-height: 1;

  border-radius: 3px;

  font-size: 13px;

  font-weight: 600;

  margin-left: 10px;

  position: relative;

  top: -1px;

}



.tutor-loop-rating-wrap i:before, .tutor-star-rating-group i:before {

  margin-right: 2px;

  margin-left: 0;

}



.tutor-course-loop-title h2 {

  font-size: 20px;

  line-height: 28px;

  font-weight: 600;

  margin-bottom: 17px;

}



.tutor-course-loop-title h2 a {

  color: var(--e-global-color-text);

}



.tutor-course-loop-title h2 a:hover {

  color: var(--tutor-primary-color);

}



.tutor-course-loop-meta {

  margin-bottom: 15px;

  color: var(--e-global-color-text);

  font-size: var(--tutor-text-size);

}



.tutor-course-loop-meta > div {

  display: inline-block;

}



.tutor-course-loop-meta > div i {

  font-size: 16px;

  margin-right: 4px;

}



.tutor-course-loop-meta > div i,

.tutor-course-loop-meta > div span {

  vertical-align: middle;

}



.tutor-course-loop-meta > div + div {

  margin-left: 10px;

}



.tutor-loop-course-footer {

  padding: 15px;

  border-top: 1px solid rgba(0, 0, 0, 0.05);

  color: #838791;

  font-size: 12px;

  line-height: 25px;

  border-bottom-left-radius: 4px;

  border-bottom-right-radius: 4px;

  font-weight: 400;

}



.tutor-loop-course-footer:after {

  content: "";

  display: table;

  clear: both;

}



.tutor-loop-course-footer span.woocommerce-Price-currencySymbol {

  vertical-align: top;

}



.tutor-course-loop-price {

  color: #1E2744;

  font-size: 15px;

  font-weight: 700;

}



.tutor-course-loop-price .price del {

  font-weight: 400;

  color: var(--e-global-color-text);

}



.tutor-course-loop-price .price del span {

  text-decoration: line-through;

  color: var(--tutor-light-color);

}



.tutor-course-loop-price .price del > span {

  margin-right: 6px;

}



.tutor-course-loop-price .price del + ins {

  background: transparent;

  margin-left: 0;

  text-decoration: none;

}



.tutor-course-loop-price > .price {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  font-weight: 600;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.tutor-course-loop-price > .price .subscription-details {

  font-size: 15px;

  margin-left: 4px;

  font-weight: 400;

}



.tutor-course-loop-price > .price .subscription-details + .tutor-loop-cart-btn-wrap {

  margin-left: 0;

  margin-top: 4px;

  font-size: 14px;

}



.tutor-course-loop-price > .price .tutor-loop-cart-btn-wrap a {

  color: var(--e-global-color-text);

  position: relative;

  line-height: 20px;

  vertical-align: top;

  display: block;

  font-weight: 400;

  background: transparent;

  padding: 0;

}



.tutor-course-loop-price > .price .tutor-loop-cart-btn-wrap a:before {

  position: relative;

  top: -2px;

}



.tutor-course-loop-price > .price .tutor-loop-cart-btn-wrap a:hover {

  color: var(--tutor-primary-color);

}



.tutor-course-loop-price > .price .tutor-loop-cart-btn-wrap,

.tutor-course-loop-price .tutor-public-course-start-learning {

  margin-left: auto;

}



.tutor-course-loop-price > .price .tutor-loop-cart-btn-wrap, .tutor-course-loop-price > .price .tutor-loop-cart-btn-wrap a,

.tutor-course-loop-price .tutor-public-course-start-learning,

.tutor-course-loop-price .tutor-public-course-start-learning a {

  color: var(--e-global-color-text);

  font-weight: 400;

}



.tutor-course-loop-price > .price .tutor-loop-cart-btn-wrap:hover, .tutor-course-loop-price > .price .tutor-loop-cart-btn-wrap a:hover,

.tutor-course-loop-price .tutor-public-course-start-learning:hover,

.tutor-course-loop-price .tutor-public-course-start-learning a:hover {

  color: var(--tutor-primary-color);

}



.tutor-course-loop-price > .price .tutor-loop-cart-btn-wrap a.added {

  display: none;

}



.tutor-course-loop-price > .price .tutor-loop-cart-btn-wrap a::before {

  content: "\e915";

  font-family: "tutor" !important;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 20px;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  margin-right: 5px;

  vertical-align: top;

  color: var(--tutor-primary-color);

}



.tutor-course-booked-fully {

  margin-left: auto;

}



.tutor-course-booked-fully > * {

  display: inline-block;

  vertical-align: middle;

}



.tutor-course-booked-fully img {

  width: 24px;

  height: 24px;

}



/* Standard syntax */

@-webkit-keyframes mymove {

  from {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@keyframes mymove {

  from {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



/* layout*/

.tutor-course-col-4 {

  width: 25%;

}



.tutor-course-col-3 {

  width: 33.33%;

}



.tutor-course-col-2 {

  width: 50%;

}



.tutor-course-col-1 {

  width: 100%;

}



.tutor-course-col-1 .tutor-course-loop {

  width: 100%;

}



.tutor-course-col-5 {

  width: 20%;

}



.tutor-course-col-6 {

  width: 16.66%;

}



@media (max-width: 991px) {

  .tutor-course-col-6,

  .tutor-course-col-5,

  .tutor-course-col-4,

  .tutor-course-col-3,

  .tutor-course-col-2 {

    width: 50%;

  }

}



@media (max-width: 575px) {

  .tutor-course-col-6,

  .tutor-course-col-5,

  .tutor-course-col-4,

  .tutor-course-col-3,

  .tutor-course-col-2 {

    width: 100%;

  }

}



.tutor-course-filter-wrap {

  margin-bottom: 50px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.tutor-course-filter-form {

  display: inline-block;

  margin: 0;

}



.tutor-loop-course-bottom {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  height: 100%;

}



.clearfix:before,

.clearfix:after {

  display: block;

  clear: both;

  content: "";

}



.tutor-text-mute {

  font-weight: 400;

}



.tutor-loop-author {

  overflow: hidden;

  font-size: var(--tutor-text-size);

}



.tutor-loop-author .tutor-single-course-avatar img {

  width: 25px;

  height: 25px;

  display: block;

  border-radius: 50%;

  margin-right: 6px;

}



.tutor-loop-author .tutor-single-course-avatar .tutor-text-avatar {

  height: 25px;

  width: 25px;

  display: inline-block;

  border-radius: 50%;

  text-align: center;

  line-height: 25px;

  font-size: 11px;

  margin-right: 6px;

}



.tutor-loop-author > div {

  display: inline-block;

  float: left;

}



.tutor-loop-author > div a {

  color: var(--e-global-color-text);

  font-weight: 500;

  -webkit-transition: 300ms;

  transition: 300ms;

}



.tutor-loop-author > div a:hover {

  color: var(--tutor-primary-color);

}



.tutor-loop-author > div span {

  display: inline-block;

  margin: 0 2px 0 2px;

  color: var(--tutor-light-color);

  line-height: 25px;

  font-weight: 400;

}



.tutor-course-lising-category a:not(:last-child):after {

  content: ", ";

  margin-right: 5px;

}



/**

Topicstutor-course-title

 */

.tutor-course-enrolled-wrap {

  margin: 0 -20px -20px !important;

  padding: 12px 20px;

  overflow: hidden;

  border-top: 1px solid #dcdfe5;

  font-size: 14px;

}



.tutor-course-enrolled-wrap p {

  font-weight: 600;

  margin: 0;

}



.tutor-course-enrolled-wrap p i {

  padding-right: 9px;

  float: left;

  font-size: 20px;

  line-height: 20px;

}



.tutor-course-enrolled-wrap p i,

.tutor-course-enrolled-wrap p span {

  color: var(--tutor-success-button-color);

}



/**

Notice and others message

Alert Box Css

 */

.tutor-notice-warning {

  background-color: #fcf8e3;

  border-color: #faebcc;

  padding: 20px;

  margin-bottom: 10px;

}



.tutor-info-msg,

.tutor-success-msg,

.tutor-warning-msg,

.tutor-error-msg {

  margin: 10px 0;

  padding: 10px;

  border-radius: 3px 3px 3px 3px;

}



.tutor-info-msg {

  color: var(--tutor-primary-color);

  background-color: #bef;

}



.tutor-success-msg {

  color: var(--tutor-success-button-color);

  background-color: #dff2bf;

}



.tutor-warning-msg {

  color: #9f6000;

  background-color: #feefb3;

}



.tutor-error-msg {

  color: #d8000c;

  background-color: #fbdcdc;

  border: 1px solid #d8000c;

}



/**

End Alert box css

 */

.cart-required-login,

.cart-required-login a,

.cart-required-login form {

  cursor: pointer;

}



.single_add_to_cart_button,

a.tutor-button,

.tutor-button,

a.tutor-btn,

.tutor-btn {

  color: #fff;

  background-color: var(--e-global-color-primary);

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 12px 22px;

  border-radius: 8px;

  line-height: 20px;

  font-size: 15px;

  font-weight: 700;

  cursor: pointer;

  -webkit-transition: all 0.35s;

  transition: all 0.35s;

  overflow: hidden;

  vertical-align: top;

}



.single_add_to_cart_button i,

a.tutor-button i,

.tutor-button i,

a.tutor-btn i,

.tutor-btn i {

  line-height: 20px;

  margin-right: 8px;

  font-size: 16px;

}



.single_add_to_cart_button.btn-sm,

a.tutor-button.btn-sm,

.tutor-button.btn-sm,

a.tutor-btn.btn-sm,

.tutor-btn.btn-sm {

  padding: 9px 14px;

  line-height: 19px;

}



a.tutor-button.bordered-button,

.tutor-button.bordered-button,

a.tutor-btn.bordered-btn,

.tutor-btn.bordered-btn {

  color: var(--tutor-primary-button-color);

  border: 1px solid var(--tutor-primary-button-color);

  background-color: transparent !important;

}



a.tutor-button.default-btn,

.tutor-button.default-btn,

a.tutor-btn.default-btn,

.tutor-btn.default-btn {

  color: #393c40;

  border: 1px solid #b8babe;

  background: var(--tutor-primary-button-color);

}



a.tutor-button.default-btn i,

.tutor-button.default-btn i,

a.tutor-btn.default-btn i,

.tutor-btn.default-btn i {

  color: #fff;

}



a.tutor-button.default-btn:hover,

.tutor-button.default-btn:hover,

a.tutor-btn.default-btn:hover,

.tutor-btn.default-btn:hover {

  border-radius: 0 10px 20px rgba(0, 0, 0, 0.1);

  color: #fff;

}



a.tutor-button.default-btn:hover i,

.tutor-button.default-btn:hover i,

a.tutor-btn.default-btn:hover i,

.tutor-btn.default-btn:hover i {

  color: #fff;

}



a.tutor-button:hover,

.tutor-button:hover,

a.tutor-btn:hover,

.tutor-btn:hover {

  background-color: var(--e-global-color-primary);

  border-color: var(--tutor-primary-button-color);

  color: #fff;

  -webkit-filter: brightness(0.9);

  filter: brightness(0.9);

}



a.tutor-button.bordered-button:hover,

.tutor-button.bordered-button:hover,

a.tutor-btn.bordered-btn:hover,

.tutor-btn.bordered-btn:hover {

  border: 1px solid var(--tutor-primary-button-color);

  background-color: var(--tutor-primary-button-color) !important;

  color: #fff !important;

}



a.tutor-button.button-light,

.tutor-button.button-light {

  color: #b1b8c9;

  background-color: #dae4e6;

  border: 1px solid #dae4e6;

}



a.tutor-button.button-light:hover,

.tutor-button.button-light:hover {

  color: #939bae;

  background-color: #e8eff1;

  border: 1px solid #e8eff1;

}



.tutor-button.tutor-danger {

  background-color: var(--tutor-danger-button-color);

  border-color: #e53935;

}



.tutor-button.tutor-danger:hover {

  background-color: var(--tutor-danger-button-color);

  border-color: var(--tutor-danger-button-color);

  -webkit-filter: brightness(0.9);

  filter: brightness(0.9);

}



.tutor-button.tutor-success {

  background: var(--tutor-success-button-color);

  border-color: var(--tutor-success-button-color);

}



.tutor-button.tutor-success:hover {

  background: var(--tutor-success-button-color);

  border-color: var(--tutor-success-button-color);

  -webkit-filter: brightness(0.9);

  filter: brightness(0.9);

}



.tutor-button.tutor-warning {

  background: var(--tutor-warning-button-color);

  border-color: var(--tutor-warning-button-color);

}



.tutor-button.tutor-warning:hover {

  background: var(--tutor-warning-button-color);

  border-color: var(--tutor-warning-button-color);

  -webkit-filter: brightness(0.9);

  filter: brightness(0.9);

}



.course-enrolled-nav-wrap {

  border-bottom: 1px solid #E2DFEB;

  margin-bottom: 45px;

}



.tutor-button:disabled,

.tutor-button[disabled],

.tutor-button:disabled:hover,

.tutor-button[disabled]:hover {

  display: block;

  border: 0px;

  background-color: #DCDCE1;

  color: #737787;

  cursor: default;

}



.tutor-button span {

  font-size: 12px;

  display: block;

}



.tutor-button-block {

  width: 100%;

  text-align: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.tutor-wrap {

  width: 100%;

}



.tutor-wrap nav.course-enrolled-nav ul {

  list-style: none;

  margin: 0 0 -1px;

  padding: 0;

}



.tutor-wrap nav.course-enrolled-nav ul li {

  display: inline-block;

}



.tutor-wrap nav.course-enrolled-nav ul li a {

  display: block;

  font-size: 16px;

  padding: 5px 0 10px;

  margin-right: 20px;

  color: var(--e-global-color-text);

  font-weight: 700;

  border-bottom: 2px solid transparent;

}



.tutor-wrap nav.course-enrolled-nav ul li:not(:first-child) a {

  margin-left: 20px;

}



.tutor-wrap nav.course-enrolled-nav ul li.active a {

  border-bottom: 2px solid var(--tutor-primary-color);

  color: #1E2744;

}



@media (max-width: 575px) {

  .tutor-wrap nav.course-enrolled-nav ul li {

    display: inline-block;

  }

  .tutor-wrap nav.course-enrolled-nav ul li:not(:first-child) a,

  .tutor-wrap nav.course-enrolled-nav ul li a {

    padding: 8px;

    margin: 0;

  }

  .tutor-wrap nav.course-enrolled-nav ul li.active a {

    border: none;

    color: var(--tutor-primary-color);

  }

}



.tutor-updating-message i {

  display: none;

}



.tutor-profile-photo-upload-wrap {

  width: 200px;

  height: auto;

  margin-bottom: 70px;

  position: relative;

}



.tutor-profile-photo-upload-wrap img {

  width: 100%;

  height: auto;

  display: block;

}



a.tutor-profile-photo-upload-btn,

button.tutor-profile-photo-upload-btn {

  position: absolute;

  top: 100%;

  background-color: var(--tutor-primary-color);

  color: #fff;

  display: block;

  width: 100%;

  text-align: CENTER;

  padding: 9px 0;

}



a.tutor-profile-photo-upload-btn:hover,

button.tutor-profile-photo-upload-btn:hover {

  background-color: var(--tutor-primary-hover-color);

  color: #fff;

}



.tutor-profile-photo-delete-btn {

  position: absolute;

  color: #ff000c;

  right: 10px;

  top: 10px;

}



/**

Instructor

 */

.single-instructor-wrap {

  border: 1px solid #E2DFEB;

  margin-bottom: 30px;

  border-radius: 10px;

}



.single-instructor-wrap .single-instructor-top {

  padding: 20px;

  border-bottom: 1px solid #E2DFEB;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



@media (max-width: 767px) {

  .single-instructor-wrap .single-instructor-top {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

}



.single-instructor-wrap .single-instructor-top h3,

.single-instructor-wrap .single-instructor-top h4 {

  margin: 0;

  padding: 0;

}



.single-instructor-wrap .tutor-instructor-left {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  padding-right: 30px;

}



@media (max-width: 767px) {

  .single-instructor-wrap .tutor-instructor-left {

    width: 100%;

    margin-bottom: 15px;

  }

}



.single-instructor-wrap .instructor-avatar {

  float: left;

  padding-top: 10px;

}



.single-instructor-wrap .instructor-avatar img {

  max-width: 50px;

  height: auto;

  border-radius: 50%;

}



.single-instructor-wrap .instructor-name {

  float: left;

  padding-left: 12px;

  max-width: 180px;

}



.single-instructor-wrap .single-instructor-bottom {

  padding: 15px 20px;

  text-align: right;

  overflow: hidden;

}



@media (max-width: 767px) {

  .single-instructor-wrap .single-instructor-bottom {

    text-align: left;

  }

}



.single-instructor-wrap .single-instructor-bottom p {

  margin: 0;

}



.single-instructor-wrap .single-instructor-bottom .ratings {

  float: left;

}



.single-instructor-wrap .single-instructor-bottom .ratings i {

  margin-right: 4px;

}



.single-instructor-wrap .single-instructor-bottom .courses,

.single-instructor-wrap .single-instructor-bottom .students {

  display: inline-block;

  margin-left: 20px;

}



.single-instructor-wrap .single-instructor-bottom .courses i,

.single-instructor-wrap .single-instructor-bottom .students i {

  font-size: 18px;

  display: inline-block;

  margin-right: 2px;

  vertical-align: middle;

}



.single-instructor-wrap .single-instructor-bottom .ratings .rating-total-meta {

  color: #bac0cf;

}



.single-instructor-wrap .single-instructor-bottom .ratings .rating-generated {

  color: #f8c51c;

}



.tutor-dashboard-pagination-results-stats {

  margin: 10px 0 30px;

}



.statement-address {

  margin: 10px 0;

  color: #555;

}



.statement-order-completed {

  background: var(--tutor-success-button-color);

  color: #fff;

  padding: 2px 5px;

  border: none;

}



/* ********************* */

/*start global login form*/

/* ********************* */

.tutor-login-wrap {

  max-width: 580px;

  padding: 40px 55px;

  margin: 100px auto;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  border-radius: 10px;

  border: 1px solid #E2DFEB;

}



@media (max-width: 1024px) {

  .tutor-login-wrap {

    padding: 30px 35px;

    margin: 70px auto;

  }

}



.tutor-login-wrap form {

  margin: 0;

}



.tutor-login-wrap .tutor-login-title {

  margin-bottom: 25px;

  padding: 0 40px;

  text-align: center;

}



.tutor-login-form-wrap {

  max-width: 450px;

  margin: auto;

}



.tutor-login-form-wrapper .tutor-btn-ghost, .tutor-login-form-wrapper .tutor-btn-link {

  padding: 3px 12px !important;

  font-weight: 500;

  font-size: 14px;

  background: var(--e-global-color-secondary);

}



.tutor-login-form-wrap p {

  margin-bottom: 0;

}



.tutor-login-form-wrap label {

  display: block !important;

  margin-bottom: 4px;

}



.tutor-login-form-wrap .tutor-alert {

  margin-bottom: 20px;

}



.tutor-login-form-wrap input[type="password"],

.tutor-login-form-wrap input[type="text"] {

  width: 100%;

  display: block;

  border: 1px solid #e8eff1;

  -webkit-box-shadow: none;

  box-shadow: none;

  margin-bottom: 20px;

  border-radius: 4px;

  background: #eceef4;

  line-height: 48px;

  padding: 0;

  text-indent: 15px;

}



.tutor-login-form-wrap input[type="password"]:focus,

.tutor-login-form-wrap input[type="text"]:focus {

  background: #ffffff;

  border-color: var(--tutor-primary-color);

}



.tutor-login-form-wrap input::-webkit-input-placeholder {

  color: #b0b6c8;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.tutor-login-form-wrap input::-moz-placeholder {

  color: #b0b6c8;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.tutor-login-form-wrap input:-ms-input-placeholder {

  color: #b0b6c8;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.tutor-login-form-wrap input:-moz-placeholder {

  color: #b0b6c8;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.tutor-login-rememeber-wrap {

  overflow: hidden;

  text-align: right;

  margin-bottom: 30px;

}



.tutor-login-rememeber-wrap p {

  display: inline-block;

  float: left;

}



.tutor-login-rememeber-wrap p,

.tutor-login-rememeber-wrap label {

  margin: 0;

}



.tutor-login-form-wrap input[type="submit"] {

  color: #fff;

  background-color: var(--tutor-primary-button-color);

  border-color: var(--tutor-primary-button-color);

  padding: 15px 30px;

  border-radius: 4px;

  text-transform: uppercase;

  line-height: 1;

  display: block;

  width: 100%;

  -webkit-transition: 300ms;

  transition: 300ms;

}



.tutor-login-form-wrap input[type="checkbox"] {

  margin-right: 4px;

}



.tutor-form-register-wrap {

  text-align: center;

  margin-top: 15px;

}



/*course login*/

.tutor-course-login-wrap h4 {

  font-size: 42px;

  line-height: 1.2;

  margin-bottom: 20px;

  color: var(--e-global-color-text);

}



.tutor-cart-box-login-form {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: fixed;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.6);

  z-index: 99;

  top: 0;

  left: 0;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.login-overlay-close {

  position: absolute;

  background: transparent;

  width: 100%;

  height: 100%;

  z-index: -1;

}



.course-login-title {

  margin-bottom: 50px;

}



.tutor-cart-box-login-form .tutor-cart-box-login-form-inner {

  background: #fff;

  padding: 50px 40px;

  position: relative;

  width: 400px;

  font-size: 16px;

  font-weight: 400;

  max-height: 90%;

  overflow: auto;

}



.tutor-cart-box-login-form-inner button.tutor-popup-form-close {

  position: absolute;

  padding: 0;

  margin: 0;

  border: none;

  background-color: transparent;

  top: 14px;

  right: 20px;

  opacity: 0.4;

  cursor: pointer;

  -webkit-transition: 300ms;

  transition: 300ms;

  color: var(--e-global-color-text);

}



.tutor-cart-box-login-form-inner button.tutor-popup-form-close:hover {

  color: red;

}



/* ********************* */

/*start registration form*/

/* ********************* */

.tutor-option-field-row label,

.tutor-form-group label {

  display: block;

  margin-bottom: 10px;

}



.tutor-option-field textarea,

.tutor-option-field select,

.tutor-option-field input[type="text"],

.tutor-option-field input[type="number"],

.tutor-option-field input[type="pas.tutor-dashboard-content-innersword"],

.tutor-form-group textarea,

.tutor-form-group select,

.tutor-form-group input[type="text"],

.tutor-form-group input[type="number"],

.tutor-form-group input[type="password"] {

  width: 100%;

  display: block;

  border: 1px solid #dcdfe5;

  -webkit-box-shadow: none;

  box-shadow: none;

  margin-bottom: 20px;

  border-radius: 4px;

  background: #ffffff;

  line-height: 48px;

  padding: 0;

  text-indent: 15px;

  -webkit-transition: 300ms;

  transition: 300ms;

  font-size: 16px;

}



.tutor-form-group {

  position: relative;

}



.tutor-form-group span.tutor-input-prepand {

  position: absolute;

  height: calc(100% - 2px);

  font-size: 21px;

  line-height: 50px;

  padding: 0 12px;

  background: transparent;

  border-right: 1px solid #dcdfe5;

  top: 1px;

}



.tutor-form-group span.tutor-input-prepand + input {

  padding-left: 35px;

}



.tutor-course-builder-form-elem {

  margin-bottom: 20px;

}



.tutor-option-field .select2-container,

.tutor-form-group .select2-container {

  margin-bottom: 20px;

  width: 100% !important;

}



.tutor-option-field .select2-container ul.select2-selection__rendered,

.tutor-form-group .select2-container ul.select2-selection__rendered {

  padding: 4px 9px;

  display: block;

}



.tutor-option-field .select2-container li.select2-selection__choice,

.tutor-form-group .select2-container li.select2-selection__choice {

  background: #ebeef0;

  color: #606c8f;

  line-height: 29px;

  border-radius: 3px;

  padding: 0 9px;

  margin: 5px;

  border: none;

  font-weight: 600;

}



.tutor-option-field .select2-container .select2-search__field,

.tutor-form-group .select2-container .select2-search__field {

  padding: 8px 3px 8px 6px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  margin: 0;

}



.tutor-option-field .select2-container .select2-search__field::-webkit-input-placeholder,

.tutor-form-group .select2-container .select2-search__field::-webkit-input-placeholder {

  color: #abafb6;

}



.tutor-option-field .select2-container .select2-search__field::-moz-placeholder,

.tutor-form-group .select2-container .select2-search__field::-moz-placeholder {

  color: #abafb6;

}



.tutor-option-field .select2-container .select2-search__field:-ms-input-placeholder,

.tutor-form-group .select2-container .select2-search__field:-ms-input-placeholder {

  color: #abafb6;

}



.tutor-option-field .select2-container .select2-search__field:-moz-placeholder,

.tutor-form-group .select2-container .select2-search__field:-moz-placeholder {

  color: #abafb6;

}



.tutor-option-field .select2-container .select2-selection--single,

.tutor-option-field .select2-container .select2-selection--multiple,

.tutor-form-group .select2-container .select2-selection--single,

.tutor-form-group .select2-container .select2-selection--multiple {

  border-color: #dcdfe5;

}



.tutor-option-field .select2-container.select2-container--focus .select2-selection--single,

.tutor-option-field .select2-container.select2-container--focus .select2-selection--multiple,

.tutor-form-group .select2-container.select2-container--focus .select2-selection--single,

.tutor-form-group .select2-container.select2-container--focus .select2-selection--multiple {

  border-color: var(--tutor-primary-color);

}



.tutor-option-field textarea,

.tutor-form-group textarea {

  line-height: 26px;

  text-indent: 0;

  padding: 15px;

  height: 180px;

}



.tutor-option-field textarea:focus,

.tutor-form-group textarea:focus,

.tutor-option-field input:focus,

.tutor-form-group input:focus {

  outline: none;

}



.tutor-dashboard-course-builder-wrap .tutor-option-field textarea,

.tutor-dashboard-course-builder-wrap .tutor-form-group textarea {

  height: 100px;

}



.tutor-option-field textarea:focus,

.tutor-option-field input:not([type="submit"]):focus,

.tutor-form-group textarea:focus,

.tutor-form-group input:not([type="submit"]):focus {

  background: #ffffff;

  border-color: var(--tutor-primary-color);

}



.tutor-option-field textarea::-webkit-input-placeholder,

.tutor-option-field input::-webkit-input-placeholder,

.tutor-form-group textarea::-webkit-input-placeholder,

.tutor-form-group input::-webkit-input-placeholder {

  color: #b0b6c8;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.tutor-option-field textarea::-moz-placeholder,

.tutor-option-field input::-moz-placeholder,

.tutor-form-group textarea::-moz-placeholder,

.tutor-form-group input::-moz-placeholder {

  color: #b0b6c8;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.tutor-option-field textarea:-ms-input-placeholder,

.tutor-option-field input:-ms-input-placeholder,

.tutor-form-group textarea:-ms-input-placeholder,

.tutor-form-group input:-ms-input-placeholder {

  color: #b0b6c8;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.tutor-option-field textarea:-moz-placeholder,

.tutor-option-field input:-moz-placeholder,

.tutor-form-group textarea:-moz-placeholder,

.tutor-form-group input:-moz-placeholder {

  color: #b0b6c8;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.tutor-option-field select,

.tutor-form-group select {

  /*-webkit-appearance: none;*/

  /*-moz-appearance: none;*/

  /*appearance: none;*/

  padding: 2px 5px;

  height: 50px;

}



.tutor-form-group.tutor-reg-form-btn-wrap {

  text-align: right;

}



/*option field*/

.tutor-option-field p.desc {

  margin: -10px 0 20px;

  font-size: 13px;

  font-style: italic;

  opacity: 0.7;

}



.tutor-option-field:last-child .tutor-option-field p.desc {

  margin-bottom: 0;

}



.tutor-option-gorup-fields-wrap .tutor-lesson-video-runtime {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.tutor-option-gorup-fields-wrap .tutor-lesson-video-runtime .tutor-option-group-field {

  padding-right: 30px;

}



.select2-container--default .select2-selection--single .select2-selection__rendered {

  line-height: 46px;

}



.select2-container--default .select2-selection--single .select2-selection__arrow {

  height: 46px;

}



.select2-container .select2-selection--single .select2-selection__rendered {

  padding-left: 13px;

  font-size: 16px;

}



.select2-container .select2-selection--single {

  height: 48px;

}



.select2-container .select2-selection--multiple {

  min-height: 50px;

}



/* ********************* */

/* Tutor Price Preview Box */

/* ********************* */

.tutor-price-box-thumbnail .tutor-single-lesson-segment {

  margin-bottom: 0;

}



.tutor-price-box-description h6 {

  font-size: 23px;

  margin: 15px 0 5px;

}



.tutor-price-box-description ul {

  list-style: none;

}



.tutor-course-purchase-box a {

  display: block;

  text-align: center;

  margin-top: 6px;

}



.tutor-price-preview-box .price .subscription-details {

  font-size: var(--tutor-text-size);

  display: block;

  margin-top: 12px;

  line-height: 1.2em;

}



/* ************************ */

/* Tutor Course Review Wrap */

/* ************************ */

.tutor-course-reviews-wrap {

  border: 1px solid #e8eff1;

  border-radius: 4px;

}



.tutor-course-avg-rating-total {

  color: var(--tutor-light-color);

}



.tutor-course-avg-rating-total span {

  color: var(--e-global-color-text);

}



.tutor-review-individual-item {

  border-top: 1px solid #E2DFEB;

  padding: 30px;

  overflow: hidden;

}



@media (max-width: 1024px) {

  .tutor-review-individual-item {

    padding: 30px 15px;

  }

}



.course-avg-rating-wrap {

  padding: 30px;

}



@media (max-width: 1024px) {

  .course-avg-rating-wrap {

    padding: 30px 15px;

  }

}



.tutor-review-individual-item .review-left {

  width: 68px;

  float: left;

  overflow: hidden;

  padding-top: 8px;

}



.tutor-review-individual-item .review-content {

  padding-left: 70px;

}



.tutor-review-individual-item .review-content .tutor-review-user-info {

  width: 100%;

  float: left;

}



.tutor-review-individual-item .review-content .tutor-review-user-info .name {

  font-size: 18px;

  font-weight: 700;

  color: #1E2744;

  text-transform: capitalize;

}



.tutor-review-individual-item .review-content .tutor-review-user-info .review-meta {

  color: var(--e-global-color-primary);

  font-size: 14px;

  position: relative;

  top: -1px;

  margin-left: 3px;

}



.tutor-review-individual-item .review-content .individual-review-rating-wrap {

  margin: 2px 0 0;

}



.tutor-review-individual-item .review-content .individual-review-rating-wrap .tutor-star-rating-group {

  font-size: 14px;

}



.tutor-review-individual-item .review-content .review-quote {

  line-height: 32px;

}



.tutor-review-individual-item .review-content .review-quote p {

  margin: 0;

}



@media (max-width: 991px) {

  .tutor-review-individual-item .review-left {

    width: 100%;

    float: none;

    margin-bottom: 25px;

  }

  .tutor-review-individual-item .review-content {

    padding-left: 0;

  }

}



@media (max-width: 991px) {

  .tutor-single-course-sidebar {

    margin-top: 30px;

  }

}



.tutor-review-individual-item .review-avatar {

  width: 80px;

  float: left;

}



.tutor-review-individual-item .review-avatar img {

  border-radius: 50%;

  margin: 0;

  border: none;

  max-width: 100%;

  height: auto;

}



.review-avatar .tutor-text-avatar,

.tutor-dashboard-avater .tutor-text-avatar,

.instructor-avatar .tutor-text-avatar {

  border-radius: 50%;

  width: 80px;

  height: 80px;

  text-align: center;

  display: block;

  line-height: 86px;

  color: #ffffff;

  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);

  font-size: 30px;

  font-weight: 700;

}



.tutor-review-individual-item .tutor-review-name {

  font-size: 16px;

  font-weight: 600;

}



.tutor-review-individual-item .review-meta {

  color: var(--tutor-light-color);

}



.individual-review-rating-wrap {

  color: #f8c51c;

}



.individual-review-rating-wrap i,

.course-avg-rating-html i {

  margin-right: 4px;

  color: #f8c51c;

}



.course-rating-meter {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.course-rating-meter i.tutor-icon-star-full {

  color: #f8c51c;

}



.rating-meter-bar-wrap {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.rating-meter-col {

  margin: 0 3px;

}



.course-rating-meter {

  margin-bottom: 10px;

}



.course-rating-meter:last-child {

  margin-bottom: 0;

}



.rating-meter-bar {

  height: 5px;

  width: 100%;

  background: #e8eff1;

  margin-top: 11px;

  border-radius: 15px;

  overflow: hidden;

}



.rating-meter-fill-bar {

  background: #f8c51c;

  height: 5px;

}



.rating-meter-col.rating-text-col {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

}



/* ********************* */

/* Tutor Course Tags */

/* ********************* */

.tutor-course-tags {

  margin: -5px;

}



.tutor-course-tags a {

  padding: 6px 15px;

  background: #e8eff1;

  display: inline-block;

  margin: 5px;

  color: var(--e-global-color-text);

  border-radius: 2px;

  -webkit-transition: 300ms;

  transition: 300ms;

}



.tutor-course-tags a:hover {

  color: #000;

}



.certificate-download-btn {

  margin-top: 20px;

  display: -webkit-box !important;

  display: -ms-flexbox !important;

  display: flex !important;

  text-align: center;

  text-transform: uppercase !important;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



/* ********************************** */

/* Addon Support Course Prerequisites */

/* ********************************** */

#tutor-single-entry-content .tutor-course-prerequisites {

  padding: 60px;

}



.prerequisites-course-lists {

  padding: 0;

  list-style: none;

  margin: 0;

}



.prerequisites-course-lists li a {

  padding: 13px 15px;

  border: 1px solid #dcdfe5;

  margin-bottom: 20px;

  border-radius: 4px;

  font-weight: 500;

  color: var(--tutor-primary-color);

  font-size: 16px;

}



.prerequisites-course-lists li:first-child {

  padding: 13px 40px 13px 60px;

  border: 1px solid #f7e5b9;

  margin-bottom: 20px;

  border-radius: 4px;

  font-weight: 500;

  background: #fffff5;

  color: #b39f70;

  position: relative;

}



.prerequisites-course-lists li:first-child > span {

  position: absolute;

  left: 20px;

  top: 13px;

}



.prerequisites-course-lists li .prerequisites-course-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.prerequisites-course-feature-image img {

  width: 70px;

  border-radius: 2px;

  height: auto;

  margin: 0 !important;

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.08);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0.08);

}



.prerequisites-course-lists li .prerequisites-course-title {

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  padding-left: 15px;

  -webkit-transition: 300ms;

  transition: 300ms;

}



.prerequisites-course-lists li a:hover .prerequisites-course-title {

  color: var(--tutor-primary-color);

}



.prerequisites-course-checkmark {

  line-height: 24px;

  height: 24px;

  text-transform: uppercase;

  font-size: 12px;

  font-weight: 700;

  min-width: 107px;

}



.prerequisites-course-checkmark i {

  height: 24px;

  width: 24px;

  background: #dbdddd;

  color: #dbdddd;

  display: inline-block;

  text-align: center;

  border-radius: 2px;

  margin-right: 3px;

}



.prerequisites-course-checkmark.is-complete i {

  background: var(--tutor-success-button-color);

  color: #fff;

}



/*

social share

*/

.tutor-single-course-meta ul li.tutor-social-share {

  float: right;

  margin-right: 0;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



@media (max-width: 575px) {

  .tutor-single-course-meta ul li.tutor-social-share {

    display: none;

  }

}



.tutor-single-course-meta ul li.tutor-social-share button {

  margin: 0;

  border: none;

  background: transparent;

  color: var(--tutor-light-color);

  -webkit-transition: 300ms;

  transition: 300ms;

  padding: 0 4px;

  cursor: pointer;

}



.tutor-single-course-meta ul li.tutor-social-share button:hover {

  color: var(--tutor-primary-color);

}



/**

 * Tutor Front-End Modal

 */

.tutor-frontend-modal {

  position: fixed;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  z-index: 999999;

}



.tutor-frontend-modal .tutor-frontend-modal-overlay {

  background: rgba(0, 0, 0, 0.7);

  height: 100%;

  width: 100%;

  position: fixed;

  left: 0;

  top: 0;

  z-index: -1;

  cursor: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.852 12.004L.23 22.7a.764.764 0 0 0 0 1.076.75.75 0 0 0 1.068 0L12 13l10.703 10.778a.75.75 0 0 0 1.069 0 .764.764 0 0 0 0-1.076L13.148 12.004l10.63-10.706a.764.764 0 0 0 0-1.075.752.752 0 0 0-1.067 0L12 11.008 1.289.223a.752.752 0 0 0-1.068 0 .764.764 0 0 0 0 1.076l10.631 10.705z' fill='%23F0576A' fill-rule='evenodd'/%3E%3C/svg%3E"), auto;

}



.tutor-frontend-modal .tutor-frontend-modal-content {

  position: relative;

  background: #fff;

  padding: 60px;

  width: 90%;

  max-width: 750px;

  max-height: 90%;

  overflow-y: auto;

}



@media (max-width: 768px) {

  .tutor-frontend-modal .tutor-frontend-modal-content {

    padding: 40px;

  }

}



@media (max-width: 540px) {

  .tutor-frontend-modal .tutor-frontend-modal-content {

    padding: 20px;

  }

}



button.tm-close.tutor-icon-line-cross {

  position: absolute;

  right: 23px;

  top: 23px;

  background: transparent;

  padding: 0;

  font-size: 24px;

  border: none;

  color: var(--tutor-light-color);

}



button.tm-close.tutor-icon-line-cross:hover {

  color: red;

}



.label-order-status {

  padding: 3px 5px;

  border-radius: 3px;

}



.label-status-completed {

  background-color: #4bd863;

  color: #ffffff;

}



.label-status-cancelled {

  background-color: #fd6a03;

  color: #ffffff;

}



.label-status-on-hold {

  background-color: #db5382;

  color: #ffffff;

}



.tutor-lesson-content-area h2 {

  margin-bottom: 25px;

  margin-top: 20px;

  font-weight: 500;

}



.assignment-result-wrap {

  text-align: center;

  padding: 10px 0;

}



.submitted-assignment-grade-pass {

  color: var(--tutor-success-button-color);

}



.submitted-assignment-grade-failed {

  color: red;

}



.received-marks {

  color: var(--tutor-primary-color);

}



.tutor-dashboard-course-builder-wrap .tutor-form-row {

  margin-top: 20px;

  margin-bottom: 20px;

}



.video_source_wrap_html5 {

  width: 100px;

  text-align: center;

}



.video-poster-img img {

  max-width: 200px;

  height: auto;

}



/*Assignment Information*/

.tutor-assignment-information {

  font-size: 16px;

}



.tutor-assignment-information ul {

  padding: 0;

  margin: 0 0 22px;

  list-style: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.tutor-assignment-information ul li strong {

  font-weight: 700;

}



.tutor-assignment-attachment-upload-wrap .tutor-form-group {

  display: inline-block;

}



.tutor-assignment-attachment-upload-wrap .tutor-form-group label + input {

  display: none;

}



.tutor-assignment-attachment-upload-wrap .tutor-form-group label {

  padding: 15px 17px;

  border: 1px solid #dcdfe5;

  overflow: hidden;

  margin-right: 15px;

  border-radius: 4px;

  cursor: pointer;

}



.tutor-assignment-attachment-upload-wrap .tutor-form-group label i {

  font-size: 30px;

  line-height: 30px;

  float: left;

  margin-right: 12px;

}



.tutor-assignment-attachment-upload-wrap .tutor-form-group label span {

  line-height: 30px;

}



.tutor-assignment-attachment-upload-wrap {

  margin-bottom: 40px;

}



/**

* Course adding page

* Course Builder

*/

#tutor-course-topics a {

  text-decoration: none;

}



#tutor-course-topics .tutor-topics-wrap {

  border-bottom: 1px solid #f6f8fa;

  padding-bottom: 0;

  margin: 0;

}



.tutor-untopics-lessons .course-content-item,

.course-contents .course-content-item {

  padding: 10px 12px 10px 25px;

  border-bottom: 1px solid #d9d9d9;

  background-color: #ebeef0;

}



.tutor-untopics-lessons .course-content-item .tutor-lesson-top,

.course-contents .course-content-item .tutor-lesson-top {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.tutor-untopics-lessons .course-content-item .tutor-lesson-top a:last-child,

.course-contents .course-content-item .tutor-lesson-top a:last-child {

  margin-left: auto;

}



.tutor-untopics-lessons .course-content-item .tutor-lesson-top a.open-tutor-lesson-modal,

.course-contents .course-content-item .tutor-lesson-top a.open-tutor-lesson-modal {

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

}



.tutor-untopics-lessons .course-content-item .tutor-lesson-top a,

.course-contents .course-content-item .tutor-lesson-top a {

  color: #393c40;

  font-weight: 400;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.tutor-untopics-lessons .course-content-item .tutor-lesson-top i,

.course-contents .course-content-item .tutor-lesson-top i {

  padding-right: 7px;

  color: #393c40;

}



.tutor-untopics-lessons .course-content-item .tutor-lesson-top .tutor-updating-message i,

.course-contents .course-content-item .tutor-lesson-top .tutor-updating-message i {

  display: none;

}



.tutor-untopics-lessons .course-content-item .tutor-lesson-top i.tutor-icon-garbage:hover,

.course-contents .course-content-item .tutor-lesson-top i.tutor-icon-garbage:hover {

  color: red;

}



.tutor-lessons.ui-sortable {

  min-height: 20px;

}



#tutor-course-topics .drop-lessons p {

  margin: 0;

}



#tutor-course-topics .course-content-item:hover {

  background-color: #ebeef0;

}



#tutor-course-topics .tutor-lessons {

  padding-left: 0;

}



#tutor-course-topics .tutor-lesson-top,

#tutor-course-topics .tutor-lesson-top i {

  font-size: 15px;

}



#tutor-course-topics .tutor-lesson-top .open-tutor-quiz-modal i {

  display: inline-block;

  vertical-align: middle;

  margin-right: 5px;

}



#tutor-course-topics .tutor-lesson-top {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



#tutor-course-topics .tutor-lesson-top .open-tutor-lesson-modal,

.tutor-quiz .open-tutor-quiz-modal,

.course-content-item .open-tutor-assignment-modal {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



#tutor-course-topics .tutor-lesson-top i.tutor-icon-move {

  margin-right: 10px;

  cursor: ns-resize;

}



.rtl #tutor-course-topics .tutor-lesson-top i.tutor-icon-move {

  margin-right: 0;

  margin-left: 10px;

}



#tutor-course-topics .tutor-lesson-top i.tutor-icon-pencil {

  margin: 0 10px;

}



#tutor-course-topics .tutor-lesson-top a {

  color: #393c40;

}



#tutor-course-topics .tutor-lesson-top a.tutor-updating-message i {

  display: none;

}



.course-move-handle {

  cursor: row-resize;

}



.new-topic-btn-wrap {

  padding: 20px;

}



p.course-empty-content {

  padding-left: 20px;

  padding-right: 20px;

}



.tutor_btn_lg {

  line-height: 45px;

  background-color: var(--tutor-primary-color);

  color: #ffffff;

  padding: 0 20px;

  display: inline-block;

  border-radius: 2px;

  font-weight: 300;

  border: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  cursor: pointer;

}



.tutor_btn_lg:focus {

  -webkit-box-shadow: none;

  box-shadow: none;

  border: none;

  outline: none;

}



.tutor_btn_lg:focus,

.tutor_btn_lg:hover {

  background-color: var(--tutor-primary-color);

  color: #ffffff;

}



.ui-sortable-placeholder {

  visibility: visible;

  background-color: #dddd;

}



.tutor-untopics-lessons {

  border: 1px solid #eee;

  padding: 20px;

  margin: 0 -1px -1px;

  background-color: #fbfbfb;

}



.tutor-untopics-lessons h3 {

  font-weight: 300;

}



.tutor-untopics-lessons .tutor-lessons {

  padding-left: 0 !important;

}



.create-new-lesson-wrap {

  text-align: center;

}



.tutor-metabox-add-topics .tutor-option-field-row:last-child,

.tutor-topics-edit-form .tutor-option-field-row:last-child {

  border-bottom: none;

}



.tutor-metabox-add-topics .tutor-option-field-row textarea {

  height: 120px;

}



.topic-edit-icon {

  cursor: pointer;

}



.tutor-topic-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-size: 16px;

  font-weight: 300;

  margin: 0;

  line-height: 45px;

  padding-left: 15px;

}



.rtl .tutor-topic-title {

  padding-left: 0;

  padding-right: 15px;

}



.tutor-topic-title a {

  color: #393c40;

}



.tutor-topic-title .topic-inner-title {

  -webkit-box-flex: 1;

  -ms-flex: 1 0 auto;

  flex: 1 0 auto;

  cursor: pointer;

  max-width: calc(100% - 137px);

  font-weight: 400;

  font-size: 16px;

}



.tutor-topic-title span {

  padding: 0 5px;

}



.tutor-topic-title span.expand-collapse-wrap {

  border-left: 1px solid #e7e7e7;

}



.tutor-topic-title span.expand-collapse-wrap a {

  display: block;

  padding: 0 13px;

}



.topic-delete-btn {

  float: right;

}



.text-muted {

  color: #cccccc;

}



.topic-delete-btn a {

  padding: 0 10px;

}



.topic-delete-btn a:hover {

  color: #ff0000;

}



.topic-delete-btn .dashicons {

  width: 12px;

  height: 12px;

  font-size: 12px;

}



#tutor-course-topics {

  position: relative;

}



#tutor-course-topics .inside {

  padding: 0;

  margin: 0;

}



#tutor-course-topics a:focus {

  -webkit-box-shadow: none;

  box-shadow: none;

}



#tutor-course-topics .toggle-indicator:before {

  margin-top: 20px;

}



.tutor-topics-wrap:nth-child(2n) {

  background: #f6f8fa;

}



#tutor-course-content-wrap {

  border: 1px solid #ddd;

  margin-top: 20px;

}



#tutor-course-content-wrap .tutor-topics-edit-form,

#tutor-course-content-wrap .tutor-metabox-add-topics {

  border-left: none;

  border-right: none;

  margin-top: 0;

}



#tutor-course-content-wrap .tutor-topics-wrap .tutor-topics-body {

  background: #ebeef0;

  padding: 0px;

}



/*

.tutor-course-builder-btn-group button + button{

  margin-left: 10px;

}*/

.tutor-course-builder-button {

  line-height: 35px;

  color: #393c40;

  display: inline-block;

  padding: 0 20px;

  border-radius: 4px;

  margin-right: 10px;

  border: 1px solid #d3d4d5;

  background-color: #f2f2f2;

  cursor: pointer;

  vertical-align: top;

  -webkit-transition: 300ms;

  transition: 300ms;

  font-weight: 400;

}



.tutor-course-builder-button i {

  line-height: 35px;

  display: inline-block;

  vertical-align: top;

  margin-right: 6px;

}



.tutor-course-builder-button.tutor-updating-message i {

  display: none;

}



.tutor-course-builder-button.tutor-btn-lg {

  line-height: 40px;

}



.tutor-add-quiz-button-wrap {

  padding: 15px 20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.tutor-add-quiz-button-wrap > * + * {

  margin-left: 15px;

}



.tutor-course-builder-button.active {

  color: #fff;

  background: var(--tutor-primary-color);

  border-color: var(--tutor-primary-color);

}



.tutor-course-builder-button:hover {

  -webkit-filter: brightness(0.9);

  filter: brightness(0.9);

}



.tutor-btn-lg i {

  color: var(--tutor-primary-color);

  vertical-align: top;

  margin-right: 5px;

  font-size: 16px;

  display: inline-block;

  line-height: 40px;

}



.tutor-course-builder-button.active i,

.tutor-course-builder-button:hover i {

  color: #fff;

}



.tutor-course-builder-button.tutor-success {

  background: var(--tutor-success-button-color);

  border-color: var(--tutor-success-button-color);

  color: #fff;

}



/**

End Course Builder

 */

/**

Updating Messsage

 */

.tutor-updating-message:before {

  display: inline-block;

  font-family: "tutor";

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  vertical-align: top;

  content: "\e91d";

  -webkit-animation: spin 2s infinite linear;

  animation: spin 2s infinite linear;

  margin-right: 6px;

}



/**

Lesson Edit Modal

 */

.lesson-modal-close-wrap a {

  background: #ffffff;

  width: 50px;

  height: 59px;

  display: inline-block;

  text-align: center;

  line-height: 57px;

  color: #3a3d42;

  font-size: 15px;

  position: absolute;

  right: 0;

  top: 0;

}



.lesson-modal-close-wrap a:hover {

  color: red;

}



.lesson-modal-form-wrap .lesson-modal-field-row {

  padding: 10px 0;

}



.lesson-modal-field.tutor-lesson-modal-title-wrap {

  width: 95%;

}



.lesson-modal-field-row input[type="text"] {

  background-color: #fff;

  border: 1px solid #ddd;

  border-radius: 3px;

  -webkit-box-shadow: none;

  box-shadow: none;

  color: #333;

  display: inline-block;

  vertical-align: middle;

  padding: 7px 12px;

  margin: 0 10px 0 0;

  min-width: 400px;

  min-height: 35px;

}



.tutor-lesson-modal-title-wrap input {

  width: 100%;

}



.lesson-modal-form-wrap .tutor-option-field-row {

  padding: 10px 0;

}



.lesson-modal-form-wrap .tutor-option-field-row:last-child {

  border-bottom: none;

}



.lesson-modal-form-wrap {

  /*padding-bottom: 48px;*/

}



.tutor-lesson-modal-wrap .modal-footer {

  padding: 10px 20px;

  background-color: #fff;

  width: 100%;

  position: sticky;

  bottom: 0;

  position: -webkit-sticky;

}



.tutor-option-field .tutor-lesson-edit-feature-img {

  width: 100px;

  position: relative;

}



.tutor-option-field .tutor-lesson-edit-feature-img img {

  width: 100%;

  height: auto;

}



a.tutor-lesson-thumbnail-delete-btn {

  position: absolute;

  top: 0;

  right: 0;

  color: red;

  background: #fff;

  padding: 3px 5px;

  border-radius: 5px;

}



.tutor-get-pro-text {

  color: #e02424;

}



.updating-icon:before {

  font-family: "tutor";

  content: "\e91d";

  -webkit-animation: spin 1s linear infinite;

  animation: spin 1s linear infinite;

  display: inline-block;

}



.tutor-notice-warning {

  background-color: #fcf8e3;

  border-color: #faebcc;

  padding: 20px;

  margin-bottom: 10px;

}



/**

END: Lesson Modal

 */

/**

Quiz Modal

 */

.tutor-modal-wrap {

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: -1;

  background-color: rgba(0, 0, 0, 0.5);

}



.tutor-modal-wrap.show {

  display: -webkit-box !important;

  display: -ms-flexbox !important;

  display: flex !important;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  z-index: 99999;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.tutor-modal-wrap.loading .tutor-modal-content:before {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  display: block;

  content: "";

  z-index: 9;

  background: url("../images/spinner.gif") no-repeat center center;

}



.tutor-modal-wrap .tutor-modal-content {

  max-height: 90%;

  overflow-y: auto;

  overflow-x: hidden;

  background-color: #fff;

  max-width: 730px;

  margin: 0;

  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

  position: relative;

  -webkit-transition: all 200ms ease-out;

  transition: all 200ms ease-out;

  width: 90%;

}



.admin-bar .tutor-modal-wrap .tutor-modal-content {

  max-height: calc(90% - 32px);

  margin-top: 32px;

}



.tutor-modal-wrap .modal-footer {

  padding: 20px 0;

  border-top: 1px solid #eee;

}



.tutor-modal-wrap .modal-footer.has-padding {

  padding: 20px 15px;

}



.tutor-modal-wrap .modal-container {

  padding: 20px 20px 0;

}



.tutor-modal-wrap.tutor-instructors-modal-wrap .modal-container p {

  margin-top: 0;

}



.tutor-modal-wrap .modal-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 15px 20px;

  border-bottom: 1px solid #eeeff1;

}



.tutor-modal-wrap .modal-title {

  -ms-flex-preferred-size: 0;

  flex-basis: 0;

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

}



.tutor-modal-wrap .modal-header h1 {

  padding: 0;

  margin: 0;

  font-size: 23px;

  line-height: 30px;

}



.modal-container .modal-classic-btn-wrap {

  position: absolute;

  right: 45px;

  top: 14px;

}



.modal-container .modal-classic-btn-wrap a {

  color: var(--tutor-primary-color);

}



.tutor-modal-wrap .modal-header h1::before,

.tutor-modal-wrap .modal-header h1::after {

  display: none;

}



.tutor-modal-wrap .search-bar {

  -ms-flex-preferred-size: 0;

  flex-basis: 0;

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  padding-top: 20px;

  padding-left: 20px;

  padding-right: 20px;

}



.tutor-modal-wrap .search-bar input[type="text"] {

  width: 100%;

  border: 1px solid #eee;

  -webkit-box-shadow: none;

  box-shadow: none;

  padding: 10px;

}



.tutor-modal-wrap .modal-close-wrap a.modal-close-btn {

  width: 50px;

  height: 50px;

  background: #000;

  display: inline-block;

  text-align: center;

  line-height: 47px;

  color: #fff;

  font-size: 25px;

  position: absolute;

  right: 0;

}



.tutor-modal-wrap.tutor-quiz-builder-modal-wrap .modal-title {

  -ms-flex-preferred-size: 0;

  flex-basis: 0;

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

}



.tutor-modal-wrap.tutor-quiz-builder-modal-wrap .modal-close-wrap a.modal-close-btn {

  background: #ffffff;

  width: 20px;

  height: 20px;

  display: inline-block;

  text-align: center;

  line-height: 28px;

  color: #3a3d42;

  font-size: 22px;

  position: relative;

}



.tutor-modal-wrap.tutor-quiz-builder-modal-wrap .modal-header {

  padding: 15px 20px;

  border-bottom: 1px solid #eeeff1;

}



.tutor-modal-wrap.tutor-quiz-builder-modal-wrap .modal-header h1 {

  padding: 0;

}



.tutor-modal-wrap.tutor-quiz-builder-modal-wrap .modal-container {

  background-color: #f1f1f1;

  padding: 0;

}



#tutor-quiz-modal-tab-items-wrap {

  background-color: #fff;

  font-size: 0;

  overflow: hidden;

}



#tutor-quiz-builder-modal-tabs-container {

  padding: 20px;

}



#tutor-quiz-modal-tab-items-wrap .tutor-quiz-modal-tab-item {

  padding: 15px 25px;

  display: inline-block;

  color: #393c40;

  border-left: 1px solid #f1f1f1;

  overflow: hidden;

  line-height: 17px;

  vertical-align: middle;

  font-size: 14px !important;

}



#tutor-quiz-modal-tab-items-wrap .tutor-quiz-modal-tab-item.active {

  background-color: #f1f1f1;

}



#tutor-quiz-modal-tab-items-wrap .tutor-quiz-modal-tab-item i {

  float: left;

  font-size: 17px;

  line-height: 1;

  margin-right: 5px;

}



#tutor-quiz-modal-tab-items-wrap .tutor-quiz-modal-tab-item.active i {

  color: var(--tutor-primary-color);

}



.quiz-modal-tab-navigation-btn {

  padding: 10px 20px;

  border-radius: 3px;

}



.quiz-modal-btn-next,

.quiz-modal-btn-next:focus,

.quiz-modal-btn-first-step,

.quiz-modal-btn-first-step:focus,

.quiz-modal-question-save-btn,

.quiz-modal-question-save-btn:focus,

.quiz-modal-settings-save-btn,

.quiz-modal-settings-save-btn:focus {

  background-color: var(--tutor-primary-color);

  color: #ffffff;

}



.quiz-modal-btn-next:hover,

.quiz-modal-btn-first-step:hover,

.quiz-modal-question-save-btn:hover,

.quiz-modal-settings-save-btn:hover {

  color: #ffffff;

}



.quiz-modal-btn-cancel,

.quiz-modal-btn-back {

  color: #4b5981;

  border: 1px solid #d4dadb;

}



.tutor-quiz-builder-form-row .quiz-form-warning {

  color: #e88e06;

}



.tutor-assignment-builder-modal-wrap .modal-container {

  padding: 10px;

}



.assignment-modal-form-wrap .tutor-option-field.tutor-assignment-modal-title-wrap {

  margin: 0;

}



.tutor-quiz-question-answers-form {

  background-color: #fff;

  padding: 20px;

  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

  border: 1px solid #dedede;

  border-radius: 3px;

  margin-bottom: 20px;

}



.advanced-options-tab-item {

  float: right;

}



.tutor-course-builder-wrap {

  border: 1px dashed #dcdfe5;

}



/** Tutor Quiz Modal Form */

.tutor-quiz-builder-modal-tabs-notice {

  background: #d8d8d8;

  line-height: 20px;

  padding: 10px 30px;

  color: #a4a4a4;

}



.tutor-quiz-builder-modal-tabs-notice a {

  color: #a4a4a4;

  text-decoration: underline;

}



/* .tutor-quiz-builder-group */

.tutor-quiz-builder-group {

  margin-bottom: 25px;

}



.tutor-quiz-builder-group > p.warning {

  color: red;

  font-size: 12px;

}



.tutor-quiz-builder-group > p.help {

  color: #a4a4a4;

  font-size: 12px;

  margin-top: 7px;

}



.tutor-quiz-builder-group > h4 {

  color: #393c40;

  font-weight: 600;

  margin: 0 0 15px;

}



.tutor-quiz-builder-row {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-left: -10px;

  margin-right: -10px;

}



.tutor-quiz-builder-col {

  padding-left: 10px;

  padding-right: 10px;

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

}



.tutor-quiz-builder-col.auto-width {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

}



.tutor-quiz-builder-group textarea,

.tutor-quiz-builder-group input[type="text"],

.tutor-quiz-builder-group input[type="email"],

.tutor-quiz-builder-group input[type="number"],

.tutor-quiz-builder-group input[type="password"] {

  line-height: 40px;

  padding: 5px 0;

  text-indent: 15px;

  background: #fff;

  display: inline-block;

  border: 1px solid #dedede;

  border-radius: 3px;

  -webkit-box-shadow: none;

  box-shadow: none;

  height: 40px;

  margin: 0;

  width: 100%;

  color: #393c40;

}



.tutor-quiz-builder-group textarea:focus,

.tutor-quiz-builder-group input[type="text"]:focus,

.tutor-quiz-builder-group input[type="email"]:focus,

.tutor-quiz-builder-group input[type="number"]:focus,

.tutor-quiz-builder-group input[type="password"]:focus {

  border-color: var(--tutor-primary-color);

}



.tutor-quiz-builder-group textarea {

  height: 80px;

  resize: none;

  text-indent: 0;

  padding: 11px 15px;

  line-height: 22px;

}



.tutor-quiz-builder-group textarea[name="quiz_description"] {

  height: 150px;

}



.tutor-quiz-builder-group select {

  border: 1px solid #ccc;

  -webkit-box-shadow: none;

  box-shadow: none;

  height: 42px !important;

  padding: 0 12px !important;

  margin: 0;

}



.tutor-quiz-builder-modal-control-btn-group {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-top: 20px;

}



.question_form_inner {

  padding: 0 20px 20px;

  margin-top: 0;

}



.tutor-quiz-builder-modal-control-btn-group .quiz-builder-btn-group-left {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.tutor-quiz-builder-modal-control-btn-group .quiz-modal-tab-navigation-btn {

  display: inline-block;

}



.tutor-quiz-builder-modal-control-btn-group .quiz-modal-tab-navigation-btn:not(:last-child) {

  margin-right: 6px;

}



.modal-container .tutor-quiz-add-question-btn {

  border: 1px solid #c6c9cf;

  padding: 10px 15px;

  color: #393c40;

  display: inline-block;

  border-radius: 3px;

}



.modal-container .tutor-quiz-add-question-btn i {

  color: var(--tutor-primary-color);

  line-height: 16px;

  margin-right: 3px;

}



.quiz-form-field-col {

  margin-right: 20px;

}



.quiz-form-field-col.result-fail {

  width: 100%;

}



.quiz-modal-switch-field {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-top: 30px;

}



.quiz-modal-switch-field label.btn-switch {

  margin-right: 20px;

  position: relative;

  vertical-align: top;

}



label.btn-switch input:checked + .btn-slider {

  background-color: var(--tutor-success-button-color);

}



.btn-switch + span {

  line-height: 24px;

  display: inline-block;

  margin-left: 8px;

  font-weight: 700;

  vertical-align: top;

}



.tutor-select {

  position: relative;

}



.tutor-select .select-header {

  border: 1px solid #dedede;

  margin: 0;

  padding: 10px;

  width: 100%;

  -webkit-box-shadow: none;

  box-shadow: none;

  background-color: #fff;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  cursor: pointer;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border-radius: 3px;

}



.tutor-select .select-header .lead-option {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.tutor-select .select-header .select-dropdown {

  line-height: 22px;

}



.tutor-select .select-header .lead-option .question-type-pro {

  display: none;

}



.tutor-select .tutor-select-options {

  border: 1px solid #dedede;

  background-color: #fff;

  padding: 22px 10px 8px;

  width: calc(100% - 22px);

  position: absolute;

  font-size: 0;

  z-index: 9;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);

  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);

  top: 55px;

  border-radius: 3px;

}



.tutor-select .tutor-select-options .tutor-select-option {

  width: calc(33.3333% - 22px);

  display: inline-block;

  padding: 9px;

  cursor: pointer;

  position: relative;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  margin: 0 11px 15px;

  border: 1px solid #e2e2e2;

  border-radius: 3px;

  font-size: 13px;

}



.tutor-select .tutor-select-options .tutor-select-option:hover {

  border-color: var(--tutor-primary-color);

}



.question-type-pro {

  color: #fff;

  font-size: 9px;

  right: 11px;

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}



i.tutor-icon-block {

  padding: 0;

  color: #fff;

  border-radius: 3px;

  margin-right: 2px;

  display: inline-block;

  width: 22px;

  height: 22px;

  text-align: center;

  line-height: 22px;

}



i.tutor-icon-block.tutor-icon-short-ans {

  background-color: #f37512;

}



i.tutor-icon-block.tutor-icon-image-ans {

  background-color: #a322f9;

}



i.tutor-icon-block.tutor-icon-yes-no {

  background-color: var(--tutor-primary-color);

}



i.tutor-icon-block.tutor-icon-multiple-choice {

  background-color: #9034a9;

}



i.tutor-icon-block.tutor-icon-mark {

  background-color: #00b890;

}



i.tutor-icon-block.tutor-icon-open-ended {

  background-color: #fe3129;

}



i.tutor-icon-block.tutor-icon-fill-gaps {

  background-color: #ffbf00;

}



i.tutor-icon-block.tutor-icon-answer-shorting {

  background-color: #f80089;

}



i.tutor-icon-block.tutor-icon-assesment {

  background-color: #274055;

}



i.tutor-icon-block.tutor-icon-matching {

  background-color: #8a4a1b;

}



i.tutor-icon-block.tutor-icon-image-matching {

  background-color: #f37512;

}



i.tutor-icon-block.tutor-icon-ordering {

  background-color: var(--tutor-primary-color);

}



i.tutor-icon-block.tutor-icon-plus-square-button,

i.tutor-icon-block.tutor-icon-plus {

  background-color: var(--tutor-success-button-color);

}



.create-lesson-in-topic-btn i.tutor-icon-block.tutor-icon-plus {

  background-color: var(--tutor-primary-color);

}



a.back-to-quiz-questions-btn {

  font-size: 16px;

  font-weight: 300;

  color: #393c40;

  margin-bottom: 10px;

  display: block;

}



a.back-to-quiz-questions-btn.tutor-updating-message i {

  display: none;

}



.modal-container .quiz-questions-form {

  padding: 20px;

}



#quiz-builder-tab-advanced-options .tutor-quiz-builder-form-cols-row .quiz-form-field-col:first-child {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 150px;

  flex: 0 0 150px;

}



.question-form-header {

  margin-bottom: 20px;

}



.quiz-question-form-body {

  margin-bottom: 25px;

}



.quiz-builder-question-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 15px;

}



.quiz-builder-question {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  background: #fff;

  padding: 10px;

  border: 1px solid #e2e2e2;

  border-radius: 3px;

  max-width: calc(100% - 52px);

}



.quiz-builder-question .question-sorting {

  margin-right: 10px;

  line-height: 22px;

}



.quiz-builder-question .question-sorting i {

  display: block;

  line-height: 24px;

}



.quiz-builder-question .question-edit-icon {

  line-height: 22px;

}



.quiz-builder-question .question-edit-icon .tutor-quiz-open-question-form.tutor-updating-message i {

  display: none;

}



.quiz-builder-question .question-title {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

  line-height: 22px;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

  margin-right: 10px;

}



.quiz-builder-question .question-icon {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 155px;

  flex: 0 0 155px;

}



.quiz-builder-qustion-trash a {

  display: block;

  padding: 0 0 0 10px;

  font-size: 20px;

  color: rgba(57, 60, 64, 0.4);

  line-height: 44px;

}



.tutor-quiz-builder-modal-wrap .tutor-field-type-slider {

  border: 1px solid #dedede;

  padding: 20px 70px 20px 10px;

  background-color: #ffffff;

  position: relative;

  border-radius: 4px;

}



.tutor-quiz-builder-modal-wrap .tutor-field-type-slider .ui-widget-content {

  background: var(--tutor-primary-color);

  border: none;

  height: 4px;

  border-radius: 4px;

}



.tutor-quiz-builder-modal-wrap .tutor-field-type-slider .ui-widget-header {

  background: #dedede;

  border-radius: 4px;

}



.tutor-quiz-builder-modal-wrap .tutor-field-type-slider .ui-widget-content .ui-state-default {

  background: var(--tutor-primary-color);

  border: 1px solid var(--tutor-primary-color);

  border-radius: 50%;

  margin-top: -2px;

}



.tutor-quiz-builder-modal-wrap .tutor-field-type-slider .tutor-field-type-slider-value {

  font-size: 16px;

  font-weight: 600;

  background: var(--tutor-primary-color);

  position: absolute;

  right: 5px;

  top: 50%;

  margin: 0;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  line-height: 34px;

  width: 43px;

  text-align: center;

  border-radius: 4px;

  color: #fff;

}



.tutor-quiz-builder-modal-wrap .tutor-field-type-slider .tutor-field-type-slider-value:before {

  content: "";

  position: absolute;

  border: 7px solid transparent;

  top: 50%;

  border-right-color: var(--tutor-primary-color);

  right: 100%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}



.tutor-quiz-answer-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.tutor-quiz-answer {

  background-color: #fff;

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

  padding: 10px 15px;

  border: 1px solid #dedede;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  line-height: 22px;

  border-radius: 3px;

  margin-bottom: 15px;

}



.tutor-quiz-answer .tutor-quiz-answer-edit a {

  display: block;

  padding: 0px 9px;

}



.tutor-quiz-answer-trash-wrap a.answer-trash-btn {

  padding: 0 10px;

  display: inline-block;

  line-height: 44px;

}



span.tutor-quiz-answer-title {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.tutor-quiz-answer-media .option-media-preview {

  margin-bottom: 20px;

}



.tutor-quiz-answer-media .option-media-preview img {

  max-width: 80px;

  height: auto;

}



.tutor-question-answer-image {

  margin-right: 10px;

}



.tutor-question-answer-image img {

  max-height: 25px;

  width: auto;

}



button#quiz-answer-save-btn,

button#quiz-answer-edit-btn {

  background-color: var(--tutor-success-button-color);

  color: #fff;

  padding: 10px 15px;

  border: none;

  cursor: pointer;

}



button#quiz-answer-save-btn:hover,

button#quiz-answer-edit-btn:hover {

  background-color: var(--tutor-success-button-color);

}



/**

Tutor Media Upload

 */

.tutor-media-upload-wrap {

  border: 1px solid #dedede;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 130px;

}



.tutor-media-upload-wrap img {

  max-width: 100%;

}



.tutor-media-preview {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.tutor-media-upload-btn {

  display: block;

  padding: 10px;

  font-size: 50px;

  line-height: 50px;

  text-align: center;

  color: #dedede;

}



.tutor-media-upload-trash-wrap {

  border-left: 1px solid #dedede;

}



.tutor-media-upload-trash {

  color: #dedede;

  display: block;

  line-height: 50px;

  padding: 12px;

}



.tutor-quiz-answers-form-footer.tutor-quiz-builder-form-row {

  margin-top: 40px;

  margin-bottom: 10px;

}



/**

#End Quiz Modal

*/

/* Start Tutor FrontEnd Course Builder*/

.tutor-metabox-add-topics,

.tutor-topics-edit-form {

  background-color: #f7f7f7;

  border: 1px solid #dcdfe5;

  margin-top: 25px;

  padding: 20px;

}



.tutor-course-builder-section {

  margin-bottom: 60px;

}



.tutor-course-builder-section-title h3 {

  font-size: 20px;

  font-weight: 700;

  color: #1d1f37;

  position: relative;

  overflow: hidden;

  z-index: 1;

  margin: 0 0 25px;

  cursor: pointer;

}



.tutor-course-builder-section-title h3::after {

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  height: 1px;

  background: var(--tutor-primary-color);

  z-index: -1;

}



.tutor-course-builder-section-title h3 span,

.tutor-course-builder-section-title h3 i {

  float: left;

  background-color: #fff;

  font-size: 20px;

  line-height: 20px;

}



.tutor-course-builder-section-title h3 i {

  color: var(--tutor-primary-color);

  font-size: 14px;

}



.tutor-course-builder-section-title h3 span {

  padding: 0 15px 0 9px;

}



.tutor-frontend-builder-item-scope {

  margin-bottom: 30px;

}



.tutor-frontend-builder-item-scope:last-child {

  margin-bottom: 0;

}



.tutor-builder-item-heading {

  font-weight: 500;

  line-height: 21px;

  margin-bottom: 10px;

  display: block;

}



.builder-course-thumbnail-upload-wrap > div {

  font-size: var(--tutor-text-size);

  line-height: 25px;

  margin-bottom: 20px;

  font-weight: 400;

}



.builder-course-thumbnail-img-src {

  position: relative;

}



.builder-course-thumbnail-img-src .tutor-course-thumbnail-delete-btn {

  font-size: 10px;

  position: absolute;

  top: -4px;

  left: -4px;

  color: #e53935;

  -webkit-transition: 300ms;

  transition: 300ms;

  border-radius: 50%;

  width: 20px;

  height: 20px;

  line-height: 20px;

  background: #fff;

  text-align: center;

}



.builder-course-thumbnail-img-src .tutor-course-thumbnail-delete-btn i {

  line-height: 20px;

}



.tutor-course-builder-header {

  text-align: right;

  font-size: 12px;

}



.tutor-course-builder-section .course-empty-content {

  margin: 15px 0;

}



.tutor-course-builder-section .tutor-course-builder-header a {

  color: #393c40;

}



.tutor-course-builder-section .tutor-course-builder-header a:first-child {

  padding-right: 7px;

}



.tutor-course-builder-section .tutor-course-builder-header a:last-child {

  padding-left: 7px;

}



.tutor-course-builder-section .tutor-course-builder-header {

  margin-top: -15px;

}



.tutor-course-builder-section .new-topic-btn-wrap {

  padding: 0;

  margin-top: 20px;

}



/*

    Tutor Instructor

*/

.tutor-course-available-instructors {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.tutor-course-available-instructors .added-instructor-item {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 calc(50% - 15px);

  flex: 0 0 calc(50% - 15px);

  max-width: calc(50% - 15px);

  border: 1px solid #dcdfe5;

  padding: 13px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  border-radius: 4px;

  position: relative;

  margin-bottom: 30px;

}



.tutor-course-available-instructors .added-instructor-item .instructor-control {

  position: absolute;

  right: 14px;

  top: 50%;

  font-size: 12px;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  opacity: 0;

  -webkit-transition: 300ms;

  transition: 300ms;

}



.tutor-course-available-instructors .added-instructor-item .instructor-control a {

  color: red;

}



.tutor-course-available-instructors .added-instructor-item:hover .instructor-control {

  opacity: 1;

}



.tutor-course-available-instructors .added-instructor-item .instructor-icon {

  height: 45px;

  width: 45px;

  overflow: hidden;

  border-radius: 50px;

  margin-right: 15px;

}



.tutor-course-available-instructors .added-instructor-item .instructor-icon img {

  width: 100%;

}



.tutor-course-available-instructors .added-instructor-item .instructor-name {

  position: relative;

}



.tutor-course-available-instructors .added-instructor-item .instructor-name img {

  display: inline-block;

  margin-left: 10px;

  width: 18px;

}



.tutor-course-available-instructors .added-instructor-item .instructor-name img:hover + i.instructor-name-tooltip {

  opacity: 1;

}



.tutor-course-available-instructors .added-instructor-item i.instructor-name-tooltip {

  -webkit-transition: 300ms;

  transition: 300ms;

  opacity: 0;

  position: absolute;

  bottom: 34px;

  right: 9px;

  background: #2a344f;

  -webkit-transform: translateX(50%);

  transform: translateX(50%);

  color: #fff;

  font-size: 12px;

  font-style: normal;

  padding: 0 8px;

  border-radius: 15px;

  line-height: 20px;

  z-index: 1;

}



.tutor-course-available-instructors .added-instructor-item i.instructor-name-tooltip::before {

  content: "";

  position: absolute;

  border: 5px solid #2a344f;

  bottom: -3px;

  left: 50%;

  margin-left: -5px;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  z-index: -1;

}



.tutor-course-available-instructors .added-instructor-item:nth-child(2n) {

  margin-left: 30px;

}



/* End Tutor FrontEnd Course Builder*/

.tutor-addons-list .plugin-icon {

  height: 120px !important;

  width: auto !important;

}



.btn-switch {

  display: inline-block;

  height: 22px;

  position: relative;

  width: 40px;

}



.btn-switch input {

  display: none;

}



.btn-slider {

  background-color: #ccc;

  bottom: 0;

  cursor: pointer;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  -webkit-transition: 0.4s;

  transition: 0.4s;

}



.btn-slider:before {

  background-color: #fff;

  bottom: 3px;

  content: "";

  height: 16px;

  left: 4px;

  position: absolute;

  -webkit-transition: 0.4s;

  transition: 0.4s;

  width: 16px;

}



input:checked + .btn-slider {

  background-color: var(--tutor-primary-color);

}



input:checked + .btn-slider:before {

  -webkit-transform: translateX(16px);

  transform: translateX(16px);

}



.btn-slider.btn-round {

  border-radius: 34px;

}



.btn-slider.btn-round:before {

  border-radius: 50%;

}



.tutor-video-embeded-wrap {

  position: relative;

  padding-bottom: 56.25%;

  height: 0;

  overflow: hidden;

  max-width: 100%;

}



.tutor-video-embeded-wrap iframe,

.tutor-video-embeded-wrap object,

.tutor-video-embeded-wrap embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



/**

Frontend Course Builder

 */

/**

Video MetaBox

 */

.select2-selection__rendered [class^="tutor-icon-"] {

  display: inline-block;

  vertical-align: top;

  margin-right: 6px;

}



.select2-results__options [class^="tutor-icon-"] {

  color: var(--tutor-primary-color);

  display: inline-block;

  vertical-align: top;

  margin-right: 6px;

}



.select2-results__option--highlighted [class^="tutor-icon-"] {

  color: #fff;

}



.tutor-video-metabox-wrap {

  margin-bottom: 50px;

}



.video-metabox-source-input-wrap {

  padding: 30px;

  background-color: #F5F6FA;

  border: 1px solid #dcdfe5;

  border-radius: 3px;

}



.video-metabox-source-html5-upload {

  background-color: #fff;

  text-align: center;

  padding: 40px 20px;

  border: 1px solid #dcdfe5;

  border-radius: 3px;

}



.video-metabox-source-html5-upload p {

  margin-bottom: 5px;

}



.tutor-video-metabox-wrap p {

  margin: 0;

  padding: 0;

}



.video-metabox-source-html5-upload .video-upload-icon i {

  font-size: 50px;

  color: var(--tutor-primary-color);

}



.video_source_upload_wrap_html5 {

  margin-top: 10px;

}



.video-metabox-source-html5-poster {

  padding-top: 30px;

}



.video_source_wrap_html5 {

  width: 100%;

}



.builder-course-thumbnail-upload-wrap .button-transparent {

  float: right;

  background: transparent !important;

}



.builder-course-thumbnail-upload-wrap .button-transparent:hover {

  background: var(--tutor-primary-color) !important;

}



.html5-video-poster {

  height: 100px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.html5-video-poster .tutor-builder-course-video-poster-text {

  text-align: left;

  padding-left: 20px;

}



.html5-video-poster .tutor-builder-course-video-poster-text h5 {

  font-size: 14px;

  font-weight: 700;

  margin: 0 0 6px;

  line-height: 1;

}



.html5-video-poster .tutor-builder-course-video-poster-text span {

  font-size: 14px;

  font-weight: 400;

}



.html5-video-poster img {

  height: 100%;

  width: auto;

}



.no-memberhsip-msg-wrap p {

  margin: 0;

}



.content-drip-message-wrap.tutor-error-msg {

  margin: 40px 50px;

}



/**

Content Drip (Pro)

 */

.content-drip-message-wrap {

  margin: 120px;

}



.content-drip-wrap-flex {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.content-drip-wrap-flex .content-drip-left {

  margin-right: 50px;

}



.content-drip-wrap-flex ul {

  margin: 0;

  list-style-position: inside;

}



.content-drip-wrap-flex ul li a {

  color: var(--tutor-primary-color);

}



/**

END Content Drip

 */

/**

* Alert CSS

* since v.1.4.1

 */

.tutor-alert {

  border: 1px solid #f8a201;

  background: #fffff2;

  position: relative;

  border-radius: 3px;

  padding: 20px 25px 20px 95px;

  color: #a86d00;

  margin-bottom: 20px;

}



.tutor-alert p {

  margin-bottom: 10px;

}



.tutor-alert p:last-child {

  margin: 0;

}



.tutor-alert.tutor-alert-info {

  border: 1px solid #13aaf6;

  background: #eaf8ff;

  color: #0586c7;

}



.tutor-alert.tutor-alert-info::before {

  content: "\e96c";

  background: #13aaf6;

}



.tutor-alert.tutor-alert-danger {

  border: 1px solid #fe1a1a;

  background: #fff2f2;

  color: #a50000;

}



.tutor-alert.tutor-alert-success {

  border: 1px solid #69bc0d;

  background: #f6fff2;

  color: #3d7400;

}



.tutor-alert::before {

  content: "\e95f";

  position: absolute;

  font-size: 30px;

  font-family: "tutor" !important;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  width: 70px;

  top: 0;

  left: 0;

  text-align: center;

  background: #f8a201;

  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  color: #ffffff;

}



.tutor-alert.tutor-alert-danger::before {

  content: "\e913";

  background: #fe1a1a;

}



.tutor-alert.tutor-alert-success::before {

  content: "\e90f";

  background: #69bc0d;

}



.tutor-alert-content p {

  margin: 0;

}



/**

END Alert CSS

 */

/**

GradeBook

 */

.gradename-bg {

  text-align: center;

  color: #ffffff;

  height: 32px;

  min-width: 32px;

  font-size: 16px;

  line-height: 32px;

  padding: 0 8px;

  display: inline-block;

  border-radius: 20px;

  font-weight: bold;

  margin-right: 7px;

}



.gradename-outline {

  text-align: center;

  height: 32px;

  min-width: 32px;

  font-size: 16px;

  line-height: 26px;

  padding: 0 8px;

  display: inline-block;

  border-radius: 20px;

  border: 2px solid;

  margin-right: 7px;

}



.generate-course-gradebook-btn-wrap {

  margin: 10px 0;

}



.gradebook-result-for-label {

  margin: 0;

  padding: 4px 7px;

  background-color: #e8eff1;

  display: inline-block;

  margin-bottom: 10px;

}



table.course-single-gradebooks {

  border-spacing: 0;

  width: 100%;

  border-collapse: collapse;

  border: 1px solid #dcdfe5;

}



table.course-single-gradebooks th {

  padding: 1em 1.41575em;

  text-align: left;

  vertical-align: top;

  border-bottom: 1px solid #dcdfe5;

}



table.course-single-gradebooks th {

  font-weight: 600;

}



table.course-single-gradebooks thead th {

  background-color: rgba(220, 223, 229, 0.14);

  padding: 1.41575em;

  vertical-align: middle;

}



table.course-single-gradebooks tbody td {

  border-bottom: 1px solid #dcdfe5;

  background-color: #ffffff !important;

}



table.course-single-gradebooks a {

  color: #4b5981;

}



.text-label {

  margin: 0;

  padding: 4px 7px;

  background-color: #e8eff1;

  display: inline-block;

  border-radius: 3px;

}



.text-label.submitted-assignment-grade-pass {

  background-color: #86b223;

  color: #ffffff;

}



.text-label.submitted-assignment-grade-failed {

  background-color: #d71830;

  color: #ffffff;

}



/**

* END Gradebook

*/

/**

* Tutor BuddyPress Addon CSS

*/

.tutor-bp-message-recipient-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 20px;

}



.tutor-bp-recipient-info-wrap {

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

}



.tutor-bp-message-recipient-avatar-wrap img {

  width: 70px;

  height: 70px;

  border-radius: 50%;

}



.tutor-bp-message-recipient-avatar-wrap {

  margin-right: 35px;

}



.tutor-bp-message-recipient-header .tutor-bp-thread-recipient-name h3 {

  margin: 10px 0 8px !important;

  font-size: 22px;

  font-weight: 600;

  line-height: 28px;

}



.tutor-bp-message-recipient-header .tutor-bp-thread-recipient-name h4 {

  margin: 0 0 20px !important;

  font-size: 16px;

  line-height: 1;

  font-weight: 500;

}



.tutor-bp-enrolled-courses-wrap {

  margin: 0;

}



.tutor-bp-enrolled-courses-wrap .tutor-bp-enrolled-total-course-notice {

  font-weight: 400;

  color: #1c294b;

  margin: 10px 0 8px !important;

}



.tutor-bp-enrolled-courses-wrap ul {

  padding: 0 0 0 17px;

  margin: 0;

  color: #50616f;

}



.tutor-bp-enrolled-courses-wrap ul li a {

  line-height: 1.7;

  display: block;

  color: #54616d;

  padding-left: 10px;

}



.tutor-bp-enrolled-courses-wrap ul li a:hover {

  color: var(--tutor-primary-color);

  opacity: 1;

  -webkit-transition: 300ms;

  transition: 300ms;

  text-decoration: underline !important;

}



/**

* END Tutor BuddyPress

*/

/**

* Oxygen Integration CSS

 */

.oxy-tutor-element {

  width: 100%;

}



/**

* END Oxygen Integration CSS

 */

.tutor-forgot-password-form, .tutor-reset-password-form {

  max-width: 520px;

  padding: 15px;

  margin: 0 auto;

  padding: 15px !important;

}



/* *********************** */

/* Tutor Dashboard */

/* *********************** */

.tutor-dashboard-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding-bottom: 20px;

  margin-bottom: 16px;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-top: 35px;

  border-bottom: 1px solid #E2DFEB;

  -webkit-transition: all 0.35s;

  transition: all 0.35s;

}



.tutor-dashboard-header .user-info .tutor-dashboard-header-avatar {

  width: 80px;

  float: left;

}



.tutor-dashboard-header .user-info .tutor-dashboard-header-avatar img {

  display: block;

  width: 80px;

  height: 80px;

  border-radius: 50%;

}



.tutor-dashboard-header .user-info .tutor-dashboard-header-info {

  padding-left: 95px;

}



.tutor-dashboard-header .user-info .tutor-dashboard-header-info .display-name {

  font-size: 18px;

  font-weight: 700;

  color: #1E2744;

}



.tutor-dashboard-header .user-info .tutor-dashboard-header-info .tutor-dashboard-header-ratings {

  margin: 6px 0;

}



.tutor-dashboard-header .user-info .tutor-dashboard-header-info .tutor-dashboard-header-ratings .number {

  background: #F5F6FA;

  padding: 5px 10px 2px;

  color: #1E2744;

  font-size: 14px;

}



body.admin-bar .tutor-dashboard-header {

  margin-top: 60px;

}



body.header-is-fixed .tutor-dashboard-header {

  margin-top: 10px;

}



@media (max-width: 1024px) {

  body.header-is-fixed .tutor-dashboard-header {

    margin-top: 60px;

  }

}



.tutor-dashboard-header-info {

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  padding-left: 24px;

}



.tutor-dashboard-header-button {

  padding-top: 15px;

}



.tutor-dashboard-header-display-name h4 {

  font-size: 30px;

  margin-top: 0px;

  margin-bottom: 10px;

  line-height: 34px;

}



.tutor-dashboard-header-stats {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  line-height: 25px;

}



.tutor-dashboard-header-stats > div:not(:first-child) {

  margin-left: 30px;

}



.tutor-dashboard-social-icons {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.tutor-dashboard-social-icons h4 {

  margin: 0 10px 0 0;

  font-size: var(--tutor-text-size);

  line-height: 25px;

}



.tutor-dashboard-social-icons a {

  display: inline-block;

  font-size: 12px;

  padding: 0 5px;

  line-height: 25px;

  color: #393c40;

  -webkit-transition: 300ms;

  transition: 300ms;

}



.tutor-dashboard-social-icons a:hover {

  color: var(--tutor-primary-color);

}



/* End dashboard header */

/* Dashboard profile completion warning */

.tutor-profile-completion-warning {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 20px 0;

  border-bottom: 1px solid #dcdfe5;

  line-height: 26px;

}



.tutor-profile-completion-warning .profile-completion-warning-icon {

  margin-top: 10px;

}



.tutor-profile-completion-warning .profile-completion-warning-icon span {

  font-size: 18px;

  color: #ed9700;

  padding-right: 10px;

}



.tutor-profile-completion-warning .profile-completion-warning-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

}



.tutor-profile-completion-warning .profile-completion-warning-content h4 {

  font-size: 20px;

  line-height: 30px;

  margin: 0;

  padding: 0;

  width: 100%;

}



.tutor-profile-completion-warning .profile-completion-warning-content p {

  margin-bottom: 10px;

  font-size: 14px;

  font-weight: 300;

  color: #737787;

}



.tutor-profile-completion-warning .profile-completion-warning-content p a {

  font-weight: 400;

  color: #3e64de;

}



.tutor-profile-completion-warning .profile-completion-warning-content .profile-completion-warning-details {

  -ms-flex-positive: 1;

  -webkit-box-flex: 1;

  flex-grow: 1;

}



.tutor-profile-completion-warning .profile-completion-warning-content .profile-completion-warning-details ul {

  margin: 0;

  list-style: none;

}



.tutor-profile-completion-warning .profile-completion-warning-content .profile-completion-warning-details ul li {

  display: inline;

  position: relative;

  padding-left: 16px;

  color: #737787;

}



.tutor-profile-completion-warning .profile-completion-warning-content .profile-completion-warning-details ul li:not(:last-child) {

  margin-right: 21px;

}



.tutor-profile-completion-warning .profile-completion-warning-content .profile-completion-warning-details ul li::before {

  content: "\2022";

  position: absolute;

  color: #f44337;

  font-weight: bold;

  display: inline-block;

  left: 0;

}



.tutor-profile-completion-warning .profile-completion-warning-content .profile-completion-warning-details ul li span {

  color: #3f435b;

}



.tutor-profile-completion-warning .profile-completion-warning-content .profile-completion-warning-status p span {

  font-weight: 400;

}



.tutor-profile-completion-warning .profile-completion-warning-content .profile-completion-warning-status .tutor-progress-bar-wrap .tutor-progress-bar {

  height: 6px;

  border-radius: 8.5px;

  background-color: #ededf0;

}



.tutor-profile-completion-warning .profile-completion-warning-content .profile-completion-warning-status .tutor-progress-bar-wrap .tutor-progress-filled {

  height: 6px;

  border-radius: 3px;

  background-color: #ed9700;

}



.tutor-profile-completion-warning .profile-completion-warning-content .profile-completion-warning-status .tutor-progress-bar-wrap .tutor-progress-filled::after {

  display: none;

}



/* End dashboard profile completion warning */

/**

 * Dashboard Table

 */

.tutor-dashboard-info-table tr td {

  padding: 20px 15px 15px;

}



.tutor-dashboard-info-table tr td a {

  font-weight: 700;

  font-size: 15px;

  line-height: 24px;

  display: inline-block;

}



.tutor-dashboard-info-table span.pending, .tutor-dashboard-info-table span.pass, .tutor-dashboard-info-table span.fail {

  color: #fff;

  font-size: 14px;

  line-height: 18px;

  padding: 1px 6px;

  border-radius: 2px;

}



.tutor-dashboard-info-table span.pending {

  background-color: #f5a623;

}



.tutor-dashboard-info-table span.fail {

  background-color: #d71830;

}



.tutor-dashboard-info-table span.pass {

  background-color: var(--tutor-success-button-color);

}



/**

 * Tutor Dashboard Review

 */

.tutor-dashboard-single-review {

  border: 1px solid #dcdfe5;

  border-radius: 4px;

  margin-bottom: 30px;

}



.tutor-dashboard-review-heading {

  padding: 10px 20px;

  border-bottom: 1px solid #dcdfe5;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.individual-dashboard-review-body {

  padding: 10px 20px;

}



.tutor-dashboard-review-title {

  font-size: 18px;

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  font-weight: 300;

}



.tutor-dashboard-review-title a {

  font-weight: 500;

  color: var(--tutor-primary-color);

}



.tutor-dashboard-review-title a:hover {

  color: var(--tutor-primary-hover-color);

}



.tutor-dashboard-review-links {

  white-space: nowrap;

  font-weight: 400;

}



.tutor-dashboard-review-links a {

  color: #8c94a8;

  margin-left: 10px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  font-size: 14px;

}



.tutor-dashboard-review-links a i {

  line-height: inherit;

  font-size: 14px;

  margin-right: 5px;

}



.individual-dashboard-review-body .review-meta {

  font-size: 85%;

  margin: 0;

  color: #8c94a8;

}



.individual-star-rating-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.tutor-edit-review-modal-wrap .modal-close-wrap a.modal-close-btn {

  color: #222222;

  background: none;

  font-size: 20px;

  top: 8px;

}



.tutor-modal-wrap form {

  margin-bottom: 20px;

}



/* dashboard content */

.tutor-dashboard-info-cards {

  padding: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  list-style: none;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.tutor-dashboard-info-cards .tutor-dashboard-info-card {

  padding: 15px;

  width: 33.333%;

  line-height: 26px;

}



@media (max-width: 1200px) {

  .tutor-dashboard-info-cards .tutor-dashboard-info-card {

    width: 50%;

  }

}



@media (max-width: 560px) {

  .tutor-dashboard-info-cards .tutor-dashboard-info-card {

    width: 100%;

  }

}



.tutor-dashboard-info-cards .tutor-dashboard-info-card:nth-child(1) p {

  background: var(--e-global-color-primary);

}



.tutor-dashboard-info-cards .tutor-dashboard-info-card:nth-child(2) p {

  background: #377DFF;

}



.tutor-dashboard-info-cards .tutor-dashboard-info-card:nth-child(3) p {

  background: #043E95;

}



.tutor-dashboard-info-cards .tutor-dashboard-info-card:nth-child(4) p {

  background: #F3605D;

}



.tutor-dashboard-info-cards .tutor-dashboard-info-card:nth-child(5) p {

  background: #5CB85C;

}



.tutor-dashboard-info-cards .tutor-dashboard-info-card:nth-child(6) p {

  background: #ECC311;

}



.tutor-dashboard-info-cards .tutor-dashboard-info-card p {

  margin: 0;

  padding: 20px 20px 6px;

  background: #282c36;

  color: #ffffff;

  border-radius: 6px;

}



.tutor-dashboard-info-cards .tutor-dashboard-info-card p span.tutor-dashboard-info-val {

  display: block;

  font-weight: 700;

  font-size: 30px;

  line-height: 1.618;

}



.tutor-dashboard-info-cards .tutor-dashboard-info-card p span span {

  display: inline-block;

}



.tutor-dashboard-info-cards .tutor-dashboard-info-card p > * {

  vertical-align: middle;

}



/* dashboard quiz attempts */

.tutor-dashboard-content > h2 {

  margin-bottom: 20px;

}



.prev-btn {

  font-size: 16px;

  line-height: 1.88;

  color: #3f435b;

}



.prev-btn span {

  font-size: 18px;

  font-weight: 800;

  color: #3e64de;

  margin-right: 7px;

}



.tutor-dashboard-content .tutor-quiz-attempt-history tr th,

.tutor-dashboard-content .tutor-quiz-attempt-history tr td {

  vertical-align: middle;

  border: none;

}



.tutor-dashboard-content .tutor-quiz-attempt-history tr td:first-child {

  padding: 25px 10px 20px !important;

}



.tutor-dashboard-content .tutor-quiz-attempt-history table span.result-fail,

.tutor-dashboard-content .tutor-quiz-attempt-history table span.result-pass {

  width: auto;

  height: auto;

  line-height: 19px;

  padding: 0 6.5px;

  margin-right: 4px;

}



.label-course-status {

  background-color: #cccccc;

  padding: 6px 10px;

  color: #ffffff;

  font-size: 12px;

  text-transform: capitalize;

  border-radius: 4px;

}



.label-course-publish {

  background-color: var(--tutor-success-button-color);

}



.tutor-dashboard-content .quiz-attempt-answers-wrap table th {

  font-size: 14px;

  font-weight: 400;

  line-height: 1.5;

  letter-spacing: 0.12px;

  color: #737787;

  padding: 15px 15px;

}



/* quiz attempt history (common table) */

.tutor-dashboard-content .tutor-quiz-attempt-history table thead tr,

.single-quiz-page.tutor-quiz-attempt-history table thead tr {

  background-color: #fafbfc;

}



.tutor-dashboard-content .tutor-quiz-attempt-history table tr,

.single-quiz-page.tutor-quiz-attempt-history table tr {

  border: 0;

  background-color: #fff;

}



.tutor-dashboard-content .tutor-quiz-attempt-history table tr:first-child,

.single-quiz-page.tutor-quiz-attempt-history table tr:first-child {

  background-color: #fafbfc;

}



.tutor-dashboard-content .tutor-quiz-attempt-history table th,

.tutor-dashboard-content .tutor-quiz-attempt-history table td,

.single-quiz-page.tutor-quiz-attempt-history table th,

.single-quiz-page.tutor-quiz-attempt-history table td {

  vertical-align: middle;

}



.tutor-dashboard-content .tutor-quiz-attempt-history table th:first-child,

.tutor-dashboard-content .tutor-quiz-attempt-history table td:first-child,

.single-quiz-page.tutor-quiz-attempt-history table th:first-child,

.single-quiz-page.tutor-quiz-attempt-history table td:first-child {

  width: 62%;

}



.tutor-dashboard-content .tutor-quiz-attempt-history table th:nth-child(2), .tutor-dashboard-content .tutor-quiz-attempt-history table th:nth-child(4),

.tutor-dashboard-content .tutor-quiz-attempt-history table td:nth-child(2),

.tutor-dashboard-content .tutor-quiz-attempt-history table td:nth-child(4),

.single-quiz-page.tutor-quiz-attempt-history table th:nth-child(2),

.single-quiz-page.tutor-quiz-attempt-history table th:nth-child(4),

.single-quiz-page.tutor-quiz-attempt-history table td:nth-child(2),

.single-quiz-page.tutor-quiz-attempt-history table td:nth-child(4) {

  width: 11%;

}



.tutor-dashboard-content .tutor-quiz-attempt-history table th:nth-child(3), .tutor-dashboard-content .tutor-quiz-attempt-history table th:nth-child(5), .tutor-dashboard-content .tutor-quiz-attempt-history table th:nth-child(6),

.tutor-dashboard-content .tutor-quiz-attempt-history table td:nth-child(3),

.tutor-dashboard-content .tutor-quiz-attempt-history table td:nth-child(5),

.tutor-dashboard-content .tutor-quiz-attempt-history table td:nth-child(6),

.single-quiz-page.tutor-quiz-attempt-history table th:nth-child(3),

.single-quiz-page.tutor-quiz-attempt-history table th:nth-child(5),

.single-quiz-page.tutor-quiz-attempt-history table th:nth-child(6),

.single-quiz-page.tutor-quiz-attempt-history table td:nth-child(3),

.single-quiz-page.tutor-quiz-attempt-history table td:nth-child(5),

.single-quiz-page.tutor-quiz-attempt-history table td:nth-child(6) {

  width: 9%;

}



.tutor-dashboard-content .tutor-quiz-attempt-history table th,

.single-quiz-page.tutor-quiz-attempt-history table th {

  font-size: 15px;

  font-weight: 700;

  line-height: 1.14;

}



.tutor-dashboard-content .tutor-quiz-attempt-history table th:nth-child(n + 3),

.single-quiz-page.tutor-quiz-attempt-history table th:nth-child(n + 3) {

  text-align: center;

}



.tutor-dashboard-content .tutor-quiz-attempt-history table td,

.single-quiz-page.tutor-quiz-attempt-history table td {

  background-color: #fff;

  font-size: 14px;

  font-weight: 400;

}



.tutor-dashboard-content .tutor-quiz-attempt-history table td .course a,

.single-quiz-page.tutor-quiz-attempt-history table td .course a {

  font-size: 15px;

}



.tutor-dashboard-content .tutor-quiz-attempt-history table td:nth-child(n + 3),

.single-quiz-page.tutor-quiz-attempt-history table td:nth-child(n + 3) {

  font-weight: 500;

  text-align: center;

  padding-left: 3px !important;

  padding-right: 3px !important;

}



.tutor-dashboard-content .tutor-quiz-attempt-history table td:last-child,

.single-quiz-page.tutor-quiz-attempt-history table td:last-child {

  padding-left: 0px !important;

  padding-right: 0px !important;

}



.tutor-dashboard-content .tutor-quiz-attempt-history table td a,

.single-quiz-page.tutor-quiz-attempt-history table td a {

  font-weight: 500;

  color: #4b5981;

  text-decoration: underline;

  word-break: initial;

}



.tutor-dashboard-content .tutor-quiz-attempt-history table td .course a,

.single-quiz-page.tutor-quiz-attempt-history table td .course a {

  font-weight: 600;

  line-height: 1.6;

  text-decoration: none;

  display: inline-block;

}



.tutor-dashboard-content .tutor-quiz-attempt-history table td .course-meta,

.single-quiz-page.tutor-quiz-attempt-history table td .course-meta {

  display: inline-block;

  margin-top: 5px;

  font-size: 14px;

  line-height: 24px;

}



.tutor-dashboard-content .tutor-quiz-attempt-history table td .course-meta span:nth-child(2),

.single-quiz-page.tutor-quiz-attempt-history table td .course-meta span:nth-child(2) {

  margin: 0 18px 0 0;

}



.tutor-dashboard-content .tutor-quiz-attempt-history table td .student,

.single-quiz-page.tutor-quiz-attempt-history table td .student {

  font-weight: 600;

  line-height: 1.29;

  color: #4b5981;

}



.tutor-dashboard-content .tutor-quiz-attempt-history table td .student-meta,

.single-quiz-page.tutor-quiz-attempt-history table td .student-meta {

  display: inline-block;

  margin-top: 5px;

}



.single-quiz-page.tutor-quiz-attempt-history table {

  margin-bottom: 30px;

}



.tutor-dashboard-content .tutor-quiz-attempt-history table a {

  color: var(--tutor-primary-color);

  font-weight: 700;

  line-height: 24px;

}



.tutor-dashboard-content .tutor-quiz-attempt-history table a:hover {

  color: var(--tutor-primary-hover-color);

}



.tutor-dashboard-content .tutor-quiz-attempt-history table a:hover {

  color: var(--tutor-primary-color);

}



.tutor-dashboard-item-group {

  padding: 25px;

  border: 1px solid #dcdfe5;

  border-radius: 4px;

  margin-bottom: 30px;

}



.tutor-dashboard-item-group > h4 {

  font-size: 20px;

  color: var(--tutor-primary-color);

  font-weight: 500;

}



.tutor-dashboard-item-group > h4:hover {

  color: var(--tutor-primary-hover-color);

}



/* Dashboard Assignment */

.tutor-dashboard-assignment-submitted-table tr td {

  text-align: center;

}



.tutor-dashboard-assignment-submitted-table tr td a {

  color: #8c94a8;

  -webkit-transition: 300ms;

  transition: 300ms;

}



.tutor-dashboard-assignment-submitted-table tr td a:hover {

  color: var(--tutor-primary-color);

}



.tutor-dashboard-assignment-submitted-table tr td,

.tutor-dashboard-assignment-submitted-table tr th {

  border: 1px solid #dcdfe5;

}



/* Dashboard Assignment Review */

.tutor-assignment-review-header {

  margin-bottom: 30px;

}



.tutor-assignment-review-header h3 {

  margin-bottom: 10px;

  line-height: 28px;

}



.tutor-assignment-evaluate-wraps h3,

.tutor-assignment-review-header h3 a {

  font-size: 22px;

  font-weight: 700;

  color: var(--e-global-color-text);

  display: block;

}



.tutor-assignment-review-header p {

  margin: 0;

  color: var(--e-global-color-text);

  font-weight: 700;

}



.tutor-assignment-review-header p a {

  font-weight: 400;

  color: var(--e-global-color-text);

}



.tutor-assignment-review-header a {

  -webkit-transition: 300ms;

  transition: 300ms;

}



.tutor-assignment-review-header a:hover {

  color: var(--tutor-primary-color);

}



.tutor-dashboard-assignment-review {

  background: rgba(220, 223, 229, 0.14);

  border: 1px solid #dcdfe5;

  padding: 25px;

  font-weight: 400;

  border-radius: 4px;

  margin-bottom: 40px;

}



.tutor-dashboard-assignment-review h5,

.tutor-dashboard-assignment-review h4 {

  font-size: 16px;

  line-height: 23px;

  font-weight: 700;

  color: var(--e-global-color-text);

}



.tutor-dashboard-assignment-review h5 {

  margin-bottom: 15px;

}



.tutor-dashboard-assignment-files {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: -9px;

}



.tutor-dashboard-assignment-files .uploaded-files {

  background-color: #fff;

  border: 1px solid #dcdfe5;

  border-radius: 4px;

  margin: 9px;

  -webkit-transition: 300ms;

  transition: 300ms;

}



.tutor-dashboard-assignment-files .uploaded-files:hover {

  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

}



.tutor-dashboard-assignment-files .uploaded-files a i {

  margin-right: 12px;

  color: #606c8f;

  float: left;

  font-size: 28px;

  line-height: 28px;

}



.tutor-dashboard-assignment-files .uploaded-files a {

  color: var(--tutor-primary-color);

  display: block;

  overflow: hidden;

  line-height: 28px;

  padding: 15px 17px;

}



.tutor-dashboard-assignment-files .uploaded-files a:hover {

  color: var(--tutor-primary-hover-color);

}



.tutor-assignment-evaluate-row {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.tutor-assignment-evaluate-row .tutor-option-field-label {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 135px;

  flex: 0 0 135px;

}



.tutor-assignment-evaluate-row .tutor-option-field {

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

}



.tutor-assignment-evaluate-row .tutor-option-field-label label {

  display: block;

  padding-top: 12px;

}



.tutor-option-field-label label br {

  display: none;

}



.tutor-option-field-label label p {

  margin: 0;

  display: inline-block;

}



.tutor-assignment-evaluate-row textarea,

.tutor-assignment-evaluate-row .tutor-option-field input {

  border: 1px solid #dcdfe5;

  height: 50px;

  padding: 0 15px;

  border-radius: 4px;

  width: 100px;

  background-color: #fff;

}



.tutor-assignment-evaluate-row textarea {

  height: 165px;

  width: 100%;

}



.tutor-assignment-evaluate-row {

  margin-bottom: 60px;

}



.tutor-assignment-evaluate-row p.desc {

  margin-bottom: 0;

  margin-top: 6px;

  font-style: italic;

}



/* end dashboard content*/

/*  dashboard profile*/

.tutor-dashboard-profile .tutor-dashboard-profile-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.tutor-dashboard-profile .tutor-dashboard-profile-item .heading {

  min-width: 190px;

}



@media (max-width: 480px) {

  .tutor-dashboard-profile .tutor-dashboard-profile-item {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .tutor-dashboard-profile .tutor-dashboard-profile-item .heading {

    min-width: 100%;

    width: 100%;

    font-weight: 700;

    margin-bottom: 6px;

  }

}



.tutor-dashboard-profile .tutor-dashboard-profile-item .content {

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

}



.tutor-dashboard-profile .tutor-dashboard-profile-item .content small {

  font-size: inherit;

  font-style: italic;

  /*color: #999;*/

}



.tutor-dashboard-profile .tutor-dashboard-profile-item .content small a {

  color: var(--tutor-primary-color);

}



.tutor-dashboard-profile .tutor-dashboard-profile-item .content small a:hover {

  color: var(--tutor-primary-hover-color);

}



/* end dashboard profile*/

.tutor-dashboard-avater img {

  width: 70px;

  height: 70px;

  display: block;

  border-radius: 50%;

}



.tutor-dashboard-student-info h4 {

  font-size: 18px;

  color: var(--tutor-light-color);

  margin-bottom: 0;

}



.tutor-dashboard-student-info h4 a {

  color: var(--e-global-color-text);

}



.tutor-dashboard-user-role {

  font-weight: 400;

}



.tutor-dashboard-inline-links {

  margin-bottom: 30px;

}



.tutor-dashboard-inline-links ul {

  margin: 0;

  padding: 0;

  border-bottom: 1px solid #dfe1e5;

}



.tutor-dashboard-inline-links ul li {

  display: inline-block;

}



.tutor-dashboard-inline-links ul li a {

  display: block;

  padding: 5px 10px;

  color: var(--wellearn-link-color);

  margin-bottom: -1px;

  border-bottom: 1px solid transparent;

}



.tutor-dashboard-inline-links ul li a:hover {

  color: var(--tutor-primary-color);

  border-bottom: 1px solid var(--tutor-primary-color);

  padding-bottom: 4px;

}



.tutor-dashboard-inline-links ul li.active a {

  color: var(--tutor-primary-color);

  border-bottom: 1px solid var(--tutor-primary-color);

  padding-bottom: 4px;

}



.tutor-dashboard-inline-links ul li:first-child {

  margin-left: 0;

}



@media (max-width: 767px) {

  .tutor-dashboard-student-meta ul {

    display: block;

    border: none;

    padding: 0;

  }

  .tutor-dashboard-student-meta ul li {

    display: inline-block;

    color: var(--e-global-color-text);

    margin: 5px;

    border: 1px solid #dddddd;

    padding: 5px 10px;

    border-radius: 4px;

  }

}



.tutor-dashboard-student-meta ul li strong {

  display: block;

  color: var(--tutor-light-color);

  font-weight: 400;

}



.tutor-dashboard-permalinks li.active a {

  background-color: var(--tutor-primary-color);

  color: #ffffff;

}



.tutor-dashboard-permalinks li.active a:hover {

  background-color: var(--tutor-primary-hover-color);

}



@media (max-width: 991px) {

  .tutor-dashboard-student .tutor-col-3,

  .tutor-dashboard-student .tutor-col-9 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

  .profile-completion-warning-details {

    margin-bottom: 10px;

  }

}



.tutor-dashboard-permalinks a {

  display: block;

  color: var(--e-global-color-text);

  padding: 8px 12px;

  line-height: 26px;

  font-size: 15px;

  font-weight: 500;

}



.tutor-dashboard-permalinks a:before {

  content: "\e96a";

  font-family: "tutor" !important;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: inherit;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  margin-right: 6px;

  vertical-align: middle;

  color: var(--tutor-primary-color);

  font-size: 19px;

  position: relative;

  top: -2px;

}



.tutor-dashboard-permalinks a:hover::before {

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  color: var(--tutor-primary-hover-color);

}



.tutor-dashboard-permalinks li.active a:before {

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  color: #fff;

}



.tutor-dashboard-menu-bio a:before,

.tutor-dashboard-menu-my-profile a:before {

  content: "\e9a5";

}



.tutor-dashboard-menu-enrolled-courses a:before {

  content: "\e9ef";

}



.tutor-dashboard-menu-courses_taken a:before,

.tutor-dashboard-menu-my-courses a:before {

  content: "\e9a2";

}



.tutor-dashboard-menu-announcements a:before {

  content: "\e9c4";

}



.tutor-dashboard-menu-wishlist a:before {

  content: "\e98f";

}



.tutor-dashboard-menu-reviews a:before {

  content: "\e9e5";

}



.tutor-dashboard-menu-my-quiz-attempts a:before {

  content: "\e9ce";

}



.tutor-dashboard-menu-quiz-attempts a:before {

  content: "\e9cd";

}



.tutor-dashboard-menu-question-answer a:before {

  content: "\e9cd";

}



.tutor-dashboard-menu-earning a:before {

  content: "\e96b";

}



.tutor-dashboard-menu-withdraw a:before {

  content: "\e9f3";

}



.tutor-dashboard-menu-settings a:before {

  content: "\e9da";

}



.tutor-dashboard-menu-logout a:before {

  content: "\e962";

}



.tutor-dashboard-menu-purchase_history a:before {

  content: "\e951";

}



.tutor-dashboard-menu-assignments a:before {

  content: "\e98b";

}



.tutor-dashboard-menu-add-course a:before {

  content: "\e95e";

}



.tutor-dashboard-content {

  padding-top: 30px;

}



.quiz-attempts-title, .tutor-quiz-attempt-history-title {

  font-size: 22px;

  font-weight: 600;

  line-height: 1.27;

  color: #4b5981;

  margin-bottom: 31px;

}



/** Earning Report */

.tutor-date-range-filter-wrap {

  margin: 15px 0 20px;

  font-size: 12px;

}



.report-top-sub-menu {

  margin: 0 10px 5px 0;

  display: inline-block;

  font-size: 0;

}



.report-top-sub-menu a {

  text-decoration: none;

  padding: 5px 8px;

  border: 1px solid #d7dadf;

  color: #aaaeb3;

  white-space: nowrap;

  display: inline-block;

  font-size: 12px;

}



.report-top-sub-menu a:not(:first-child) {

  margin-left: -1px;

}



.report-top-sub-menu a:hover {

  background: #edf0f9;

  color: #333;

}



.report-top-sub-menu a.active {

  background-color: var(--tutor-primary-color);

  color: #ffffff;

  border: 1px solid var(--tutor-primary-hover-color);

}



/** Menu divider/separator */

.tutor-dashboard-menu-divider {

  height: 1px;

  margin: 10px 0;

  overflow: hidden;

  background-color: #dcdfe5;

}



.tutor-dashboard-menu-divider-header {

  color: #acacac;

  padding: 10px 20px;

  cursor: default;

}



.tutor-date-range-wrap {

  display: inline-block;

}



.report-date-range-form {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 0;

  max-width: 370px;

}



.date-range-input {

  position: relative;

}



.date-range-input input {

  border-radius: 0 !important;

  margin: 0 !important;

  border-right: none !important;

  font-size: 14px;

}



.date-range-input:last-child {

  margin-right: 0;

}



.date-range-input:last-child button {

  border-radius: 0;

}



.date-range-input input {

  border: 1px solid #d7dadf;

  -webkit-box-shadow: none;

  box-shadow: none;

  line-height: 29px;

  margin: 0;

  padding-right: 30px;

  padding-top: 0;

  padding-bottom: 0;

  width: 100%;

}



.date-range-input input[type="text"] {

  border: 1px solid #d7dadf;

  -webkit-box-shadow: none;

  box-shadow: none;

  line-height: 29px;

  margin: 0;

  padding-right: 30px;

  padding-top: 0;

  padding-bottom: 0;

  width: 100%;

}



.date-range-input i.tutor-icon-calendar {

  position: absolute;

  right: 10px;

  top: 7px;

}



.date-range-input button {

  background-color: var(--tutor-primary-color);

  color: #ffffff;

  border: none;

  line-height: 30px;

  padding: 0 15px;

}



.date-range-input button:hover {

  background-color: var(--tutor-primary-hover-color);

}



.report-download-csv-icon {

  float: right;

}



.report-download-csv-icon a {

  text-decoration: none;

}



.tutor-dashboard-statement-table-wrap {

  overflow-x: auto;

}



table.tutor-dashboard-statement-table p {

  margin: 0;

  padding: 0;

}



table.tutor-dashboard-statement-table p.small-text {

  font-size: 12px;

  color: #666666;

}



/** ENd earning report **/

.tutor-mycourse-thumbnail {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 250px;

  flex: 0 0 250px;

  background-size: cover;

  background-position: center;

}



.tutor-mycourse-content {

  padding: 20px;

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.tutor-mycourse-content h3 {

  margin: 0 0 9px;

}



.tutor-mycourse-content h3 a:hover {

  color: var(--tutor-primary-color);

}



@media (max-width: 580px) {

  .tutor-mycourse-thumbnail {

    height: 200px;

    min-width: 100%;

    width: 100%;

  }

  .tutor-mycourse-content {

    min-width: 100%;

    width: 100%;

  }

  .profile-completion-warning-details li {

    display: block !important;

  }

}



.tutor-mycourse-rating {

  color: #f8c51c;

  font-size: 14px;

}



.tutor-mycourse-rating i {

  margin-right: 4px;

}



.tutor-mycourse-view, .tutor-mycourse-edit, .tutor-mycourse-delete {

  color: var(--tutor-light-color);

  -webkit-transition: 300ms;

  transition: 300ms;

}



.tutor-mycourse-view i, .tutor-mycourse-edit i, .tutor-mycourse-delete i {

  line-height: inherit;

  display: inline-block;

  vertical-align: top;

  color: var(--tutor-primary-color);

}



.tutor-mycourse-view:hover, .tutor-mycourse-edit:hover, .tutor-mycourse-delete:hover {

  color: var(--tutor-primary-color);

}



.tutor-dashboard-content-inner .tutor-mycourse-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 30px;

  border: 1px solid #dcdfe5;

  border-radius: 4px;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  overflow: hidden;

  position: relative;

}



.tutor-dashboard-content-inner .tutor-mycourse-wrap .tutor-course-status h4 {

  display: none;

}



.tutor-dashboard-content-inner .tutor-mycourse-wrap .tutor-mycourse-rating {

  margin-bottom: 3px;

}



.tutor-dashboard-content-inner .tutor-mycourse-wrap .tutor-mycourse-rating a {

  font-weight: 400;

  margin-left: 5px;

  color: #8c94a8;

}



.tutor-dashboard-content-inner .tutor-mycourse-wrap .tutor-mycourse-rating a:hover {

  color: var(--tutor-primary-color);

}



.tutor-dashboard-content-inner .tutor-mycourse-wrap p:last-child {

  margin-bottom: 0;

}



@media (max-width: 580px) {

  .tutor-dashboard-content-inner .tutor-mycourse-wrap {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

}



.tutor-mycourse-content .mycourse-footer {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-size: 15px;

}



.tutor-mycourse-content .mycourse-footer a {

  color: var(--e-global-color-text);

}



.tutor-mycourse-content .mycourse-footer a i {

  color: var(--e-global-color-primary);

  font-size: 14px;

  margin-right: 2px;

}



.tutor-mycourse-content .mycourse-footer a i.tutor-icon-garbage {

  color: #1E2744;

}



.tutor-mycourse-content .mycourse-footer a:hover {

  color: var(--e-global-color-primary);

}



.tutor-mycourse-content .mycourse-footer .tutor-mycourses-stats {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.tutor-dashboard-content-inner .tutor-mycourses-stats > * {

  margin-right: 8px;

}



.tutor-mycourse-status {

  margin-right: 15px;

}



.tutor-dashboard-content-inner h3 a {

  font-size: 18px;

  line-height: 26px;

  display: block;

}



.tutor-dashboard-content-inner .tutor-course-metadata ul {

  display: block;

  list-style: none;

  margin: 0 0 10px;

  padding: 0;

}



.tutor-dashboard-content-inner .tutor-progress-bar-wrap {

  margin-bottom: 0;

}



.tutor-dashboard-content-inner .tutor-course-metadata li {

  display: inline-block;

  color: var(--tutor-light-color);

  margin-left: 20px;

}



.tutor-dashboard-content-inner .tutor-course-metadata li:first-child {

  margin-left: 0;

}



.tutor-dashboard-content-inner .tutor-course-metadata li span {

  color: var(--e-global-color-text);

  margin-left: 5px;

}



/**

UI DatePicker

 */

.ui-datepicker {

  background-color: #fff;

  border: 1px solid #eeeeee;

  display: none;

  margin-top: 4px;

  padding: 5px;

  width: 180px;

}



.ui-datepicker a {

  text-decoration: none;

}



.ui-datepicker a:hover {

  text-decoration: none;

  color: #2a6496;

  -webkit-transition: color 0.1s ease-in-out;

  transition: color 0.1s ease-in-out;

}



.ui-datepicker td:hover a {

  color: #2a6496;

  -webkit-transition: color 0.1s ease-in-out;

  transition: color 0.1s ease-in-out;

}



.ui-datepicker .ui-datepicker-header {

  margin-bottom: 4px;

  text-align: center;

}



.ui-datepicker .ui-datepicker-title {

  font-weight: 700;

}



.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {

  cursor: default;

  font-family: "tutor";

  -webkit-font-smoothing: antialiased;

  font-style: normal;

  font-weight: normal;

  height: 20px;

  line-height: 1;

  margin-top: 2px;

  width: 30px;

}



.ui-datepicker .ui-datepicker-prev {

  float: left;

  text-align: left;

}



.ui-datepicker .ui-datepicker-next {

  float: right;

  text-align: right;

}



.ui-datepicker .ui-datepicker-prev:before {

  content: "\e921";

}



.ui-datepicker .ui-datepicker-next:before {

  content: "\e903";

}



.ui-datepicker .ui-icon {

  display: none;

}



.ui-datepicker .ui-datepicker-calendar {

  table-layout: fixed;

  width: 100%;

}



.ui-datepicker .ui-datepicker-calendar th {

  text-align: center;

  padding: 0;

}



.ui-datepicker .ui-datepicker-calendar td {

  text-align: center;

  padding: 0;

  border-radius: 4px;

  -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;

  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;

}



.ui-datepicker .ui-datepicker-calendar td:hover {

  background-color: #eee;

  cursor: pointer;

}



.ui-datepicker .ui-datepicker-calendar td a {

  text-decoration: none;

}



.ui-datepicker .ui-datepicker-current-day {

  background-color: #4289cc;

}



.ui-datepicker .ui-datepicker-current-day a {

  color: #fff;

}



.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {

  background-color: #fff;

  cursor: default;

}



.ui-datepicker-calendar .ui-state-default {

  border: none;

  background: none;

}



.ui-datepicker-calendar .ui-state-default.ui-state-highlight {

  background: #eeeeee;

  padding: 3px;

  display: block;

}



.tutor-table {

  width: 100%;

}



.tutor-stretched-link::after {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1;

  pointer-events: auto;

  content: "";

  background-color: rgba(0, 0, 0, 0);

}



.sr-only {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  margin: -1px;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  white-space: nowrap;

  border: 0;

}



/**

 * Tutor Course Delete Popup

 */

.tutor-course-delete-popup {

  text-align: center;

  font-size: 16px;

  line-height: 25px;

  font-weight: 400;

  color: #8C94A8;

}



.tutor-course-delete-popup img {

  width: 110px;

  margin: 0 auto;

}



.tutor-course-delete-popup h3 {

  font-weight: 500;

  font-size: 30px;

  margin: 15px  0 25px;

}



.tutor-modal-button-group {

  margin-top: 55px;

}



.tutor-modal-button-group button {

  line-height: 30px;

  padding: 10px 25px;

  color: #C7CCDA;

  border: 2px solid #DDDFE7;

  border-radius: 2px;

  background: #fff;

  min-width: 220px;

  text-align: center;

  text-transform: uppercase;

  -webkit-transition: 300ms;

  transition: 300ms;

}



.tutor-modal-button-group button + button {

  margin-left: 20px;

}



.tutor-modal-button-group button.tutor-danger {

  background: #F0576A;

  border-color: #F0576A;

  color: #ffffff;

}



.tutor-modal-button-group button:hover {

  background: #fff;

  color: #333;

  border-color: #333;

}



.tutor-modal-button-group button.tutor-danger:hover {

  background: #cd4a5a;

  border-color: #cd4a5a;

  color: #ffffff;

}



@media (max-width: 768px) {

  .tutor-modal-button-group {

    margin-top: 20px;

  }

  .tutor-modal-button-group button {

    padding: 5px 20px;

    min-width: auto;

    margin-bottom: 6px;

  }

}



/**

Withdraw Method

 */

.withdraw-method-select-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: 0 -15px 40px;

}



.withdraw-method-select-wrap .withdraw-method-select {

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  padding: 0 15px;

  margin-bottom: 30px;

}



.withdraw-method-select-wrap .withdraw-method-select label {

  display: block;

  padding: 20px;

  margin: 0;

  cursor: pointer;

  overflow: hidden;

  border: 1px solid #DCDFE5;

  border-radius: 4px;

  position: relative;

}



.withdraw-method-select-wrap .withdraw-method-select input:checked + label {

  border-color: var(--tutor-success-button-color);

  -webkit-box-shadow: 0 0 0 1px var(--tutor-success-button-color);

  box-shadow: 0 0 0 1px var(--tutor-success-button-color);

}



.withdraw-method-select-wrap .withdraw-method-select label:after {

  content: '\e90f';

  position: absolute;

  right: -1px;

  top: -1px;

  border: 1px solid #DCDFE5;

  height: 22px;

  width: 22px;

  text-align: center;

  line-height: 22px;

  color: transparent;

}



.withdraw-method-select-wrap .withdraw-method-select input:checked + label:after {

  color: #fff;

  background: var(--tutor-success-button-color);

  border-color: var(--tutor-success-button-color);

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  font-size: 13px;

}



.withdraw-method-select-wrap .withdraw-method-select p {

  margin: 0;

}



.withdraw-method-select-wrap .withdraw-method-select label > p {

  font-size: 20px;

  font-weight: 600;

  color: var(--tutor-primary-color);

}



.withdraw-method-select-wrap .withdraw-method-select label span {

  color: #B0B6C8;

  font-weight: 400;

}



.withdraw-method-form {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: 0 -15px;

}



.withdraw-method-form > div {

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  min-width: 50%;

  padding: 0 15px 20px;

}



.withdraw-method-form > div.withdraw-account-save-btn-wrap {

  width: 100%;

}



@media (max-width: 480px) {

  .withdraw-method-form > div {

    width: 100%;

  }

}



.withdraw-form-field-amount input[type='text'] {

  border: 1px solid #DCDFE5;

  display: block;

  width: 100%;

  background: transparent;

  -webkit-box-shadow: none;

  box-shadow: none;

  border-radius: 4px;

}



.withdraw-method-forms-wrap .withdraw-method-form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), .withdraw-method-forms-wrap .withdraw-method-form textarea {

  border: 1px solid #DCDFE5;

  display: block;

  width: 100%;

  background: transparent;

  -webkit-box-shadow: none;

  box-shadow: none;

  border-radius: 4px;

}



label[for="tutor_withdraw_amount"] {

  margin-bottom: 7px;

  display: block;

}



.withdraw-form-field-amount input[type='text'] {

  margin-bottom: 10px;

  height: 45px;

}



.withdraw-method-forms-wrap .withdraw-method-form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):focus {

  border-color: var(--tutor-primary-color);

  outline: none;

}



.withdraw-method-forms-wrap .withdraw-method-form textarea {

  min-height: 80px;

}



.withdraw-method-forms-wrap .withdraw-method-form textarea:focus {

  border-color: var(--tutor-primary-color);

  outline: none;

}



.withdraw-method-forms-wrap .withdraw-method-form label {

  color: #989EAF;

  margin-bottom: 8px;

  display: block;

}



.withdraw-method-forms-wrap .withdraw-method-form .withdraw-field-desc {

  font-size: 12px;

  margin: 5px 0 0;

  font-style: italic;

}



.submitted-assignment-title a, .submitted-assignment-title h3 {

  margin-bottom: 20px;

}



.submitted-assignments-sorting-wrap {

  margin-bottom: 30px;

}



.submitted-assignments-sorting-wrap .tutor-form-group {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-preferred-size: 35% !important;

  flex-basis: 35% !important;

}



.submitted-assignments-sorting-wrap .tutor-form-group label, .submitted-assignments-sorting-wrap .tutor-form-group select {

  margin-bottom: 0;

}



.submitted-assignments-sorting-wrap .tutor-form-group label {

  -ms-flex-preferred-size: 35%;

  flex-basis: 35%;

}



.submitted-assignments-sorting-wrap .tutor-form-group select {

  height: 40px;

}



.tutor-dashboard-assignment-table .student-column {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.tutor-dashboard-assignment-table .student-column .student-avatar {

  width: 34px;

  margin-right: 10px;

}



.tutor-dashboard-assignment-table .student-column .student-avatar img {

  border-radius: 50%;

}



.tutor-dashboard-assignment-table .student-column .student-avatar span {

  display: block;

  width: 34px;

  height: 34px;

  line-height: 34px;

  border-radius: 50%;

  font-size: 12px;

  text-align: center;

}



.tutor-dashboard-assignment-table .student-column .student-details h4, .tutor-dashboard-assignment-table .student-column .student-details p {

  line-height: 1.3;

  margin-bottom: 0;

}



.tutor-dashboard-assignment-table span.review-required, .tutor-dashboard-assignment-table span.result-pass, .tutor-dashboard-assignment-table span.result-fail {

  background: #df3247;

  font-size: 14px;

  font-weight: bold;

  color: #fff;

  padding: 4px 11px;

  border-radius: 2px;

}



.tutor-dashboard-assignment-table span.result-pass {

  background: var(--tutor-success-button-color);

}



.tutor-dashboard-assignment-table span.review-required {

  background: #f5b30d;

}



.tutor-assignment-review-header p span {

  font-weight: 400;

  color: var(--e-global-color-text);

}



.tutor-assignment-submitted-page {

  border-bottom: none;

}



.tutor-assignment-submitted-page .assignment-info {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.tutor-assignment-submitted-page .assignment-info p {

  margin-right: 15px;

}



.tutor-assignment-submitted-page h3 {

  margin: 5px 0;

}



.tutor-dashboard-assignment-submitted-content {

  margin-top: 30px;

  margin-bottom: 50px;

}



.tutor-dashboard-assignment-review .tutor-assignment-evaluate-row {

  margin-bottom: 30px;

}



.tutor-dashboard-assignment-review .tutor-assignment-evaluate-row .input-mark {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.tutor-dashboard-assignment-review .tutor-assignment-evaluate-row .input-mark input {

  margin: 0;

}



.tutor-dashboard-assignment-review .tutor-assignment-evaluate-row .input-mark p {

  margin-top: 0;

  margin-left: 15px;

}



.tutor-announcement-content-wrap {

  text-align: left !important;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.tutor-announcement-content-wrap p {

  margin: 0;

}



.tutor-dashboard-announcement-sorting-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-column-gap: 15px;

  column-gap: 15px;

  padding: 30px 30px 0;

  border: 1px solid #E2DFEB;

  border-bottom: 0;

  background: #fff;

  border-radius: 10px 10px 0 0;

}



.tutor-dashboard-announcement-sorting-wrap label {

  color: #1E2744;

  font-weight: 700;

}



.tutor-dashboard-announcement-sorting-wrap div:nth-child(1) {

  -ms-flex-preferred-size: 50%;

  flex-basis: 50%;

}



.tutor-dashboard-announcement-sorting-wrap div:nth-child(2) {

  -ms-flex-preferred-size: 20%;

  flex-basis: 20%;

}



.tutor-dashboard-announcement-sorting-wrap div:nth-child(3) {

  -ms-flex-preferred-size: 30%;

  flex-basis: 30%;

}



.tutor-announcement-table-wrap {

  padding: 0 30px 30px;

  background: #fff;

  border-radius: 0 0 10px 10px;

  border: 1px solid #E2DFEB;

  border-top: 0;

}



.tutor-dashboard-announcement-table {

  border-spacing: 0;

  border-collapse: collapse;

  border: none;

}



.tutor-dashboard-announcement-table thead th, .tutor-dashboard-announcement-table thead td {

  background-color: #F5F7FC;

}



.tutor-dashboard-announcement-table tbody tr:last-child {

  border-bottom: 1px solid #E2DFEB;

}



.tutor-dashboard-announcement-table tbody td:first-child {

  padding-left: 10px;

  line-height: 24px;

  font-size: 15px;

}



.tutor-dashboard-announcement-table tbody tr {

  border-bottom: 1px solid #E2DFEB;

}



.tutor-dashboard-announcement-table th, .tutor-dashboard-announcement-table td {

  border: 0;

  vertical-align: middle;

}



.tutor-dashboard-announcement-table th h4, .tutor-dashboard-announcement-table td h4 {

  font-size: 16px;

  margin-bottom: 0;

}



.tutor-dashboard-announcement-table th p, .tutor-dashboard-announcement-table th a {

  font-size: 13px;

  margin-bottom: 0;

}



.tutor-dashboard-announcement-table td p, .tutor-dashboard-announcement-table td a {

  font-size: 13px;

  margin-bottom: 0;

}



.tutor-dashboard-announcement-table th:last-child, .tutor-dashboard-announcement-table td:last-child {

  padding-right: 30px;

}



.tutor-dashboard-announcement-table th {

  padding: 15px 0;

  background-color: #F5F7FC;

}



.tutor-dashboard-announcement-table td {

  padding: 15px 0;

}



.tutor-dashboard-announcement-table th:first-child {

  padding-left: 40px;

}



.tutor-dashboard-announcement-table th:last-child {

  padding-right: 40px;

}



.tutor-announcement-datepicker {

  position: relative;

}



.tutor-announcement-datepicker input {

  position: absolute;

}



.tutor-announcement-datepicker i {

  position: absolute;

  top: 50%;

  right: 10px;

  color: #3e64de;

}



.tutor-announcement-buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.tutor-announcement-buttons li {

  list-style: none;

}



.tutor-dropdown {

  position: relative;

  cursor: pointer;

  margin-left: 20px;

}



.tutor-dropdown .tutor-icon-action {

  padding: 5px 10px;

  margin-right: -10px;

}



.tutor-dropdown .tutor-icon-action:hover {

  background: #f3f3f3;

  border-radius: 50%;

}



.tutor-dropdown.show .tutor-dropdown-menu {

  display: block !important;

}



.tutor-dropdown-menu {

  min-width: 140px;

  background: #353535;

  color: white;

  width: 100%;

  position: absolute;

  top: 40px;

  right: -13px;

  display: none;

  border-radius: 5px;

  padding: 0;

  margin: 0;

}



.tutor-dropdown-menu:before {

  content: "";

  position: absolute;

  right: 10px;

  background: linear-gradient(-45deg, transparent 50%, black 50%);

  height: 10px;

  width: 10px;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  top: -4px;

}



.tutor-dropdown-menu li {

  list-style: none !important;

  padding: 5px 15px 5px 15px;

  cursor: pointer;

}



.tutor-dropdown-menu li:first-child {

  border-top-left-radius: 6px;

  border-top-right-radius: 6px;

}



.tutor-dropdown-menu li:last-child {

  border-bottom-left-radius: 6px;

  border-bottom-right-radius: 6px;

}



.tutor-dropdown-menu li:hover {

  background-color: #6b6b6b;

}



.tutor-dropdwown-menu li i {

  padding-right: 4px;

}



.tutor-announcements-update-form .tutor-option-field-row input[type="text"], .tutor-announcements-update-form textarea {

  width: 100%;

  margin-top: 8px;

}



.tutor-announcements-form .tutor-option-field-row input[type="text"], .tutor-announcements-form textarea {

  width: 100%;

  margin-top: 8px;

}



.tutor-announcements-form select {

  width: 100%;

  max-width: 100% !important;

  padding: 7px 12px;

  margin-top: 8px;

}



.tutor-announcements-update-form select {

  width: 100%;

  max-width: 100% !important;

  padding: 7px 12px;

  margin-top: 8px;

}



.tutor-announcements-update-form .tutor-option-field-row {

  border: none !important;

}



.tutor-announcements-form .tutor-option-field-row {

  border: none !important;

}



.tutor-announcement-modal-content {

  border-radius: 20px;

}



.tutor-announcement-modal-footer-buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.tutor-announcement-cancel-btn {

  background: #e8e8e8 !important;

  border-radius: 3px !important;

  color: #7a7a7a !important;

}



/*announcemnets details modal*/

.tutor-announcement-details-modal-content > a {

  cursor: pointer;

  padding: 20px;

  float: right;

}



.modal-container.tutor-announcement-details-container {

  padding: 45px 70px !important;

}



.balance-info .tutor-announcement-big-icon {

  margin-right: 10px;

}



.tutor-announcement-big-icon {

  font-size: 32px;

  width: 76px;

  height: 76px;

  border-radius: 100%;

  background: #e9edfb;

  text-align: center;

  color: #3e64de;

}



.tutor-announcement-big-icon .tutor-icon-speaker {

  position: relative !important;

  top: 30% !important;

}



.tutor-announcement-detail-content {

  margin-top: 35px;

}



.tutor-announcement-detail-content h3 {

  font-size: 24px;

  font-weight: bold;

  color: #161616;

}



.tutor-announcement-detail-content p {

  font-style: normal;

  font-weight: normal;

  font-size: 16px;

  color: #7a7a7a;

  margin-top: 15px;

  margin-bottom: 10px;

}



.tutor-detail-course-content-wrap {

  background-color: #f3f3f3;

}



.tutor-detail-course-content {

  padding: 30px 70px 70px;

}



.tutor-detail-course-info-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  margin-bottom: 50px;

}



.tutor-announce-detail-popup-button-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.announcement-detail-edit-delete-button > .tutor-announcement-delete {

  background: #e8e8e8 !important;

  color: #7a7a7a !important;

}



.tutor-border-none {

  border: none !important;

}



.announcement-detail-edit-delete-button {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 10px;

}



.announcement-detail-edit-delete-button > button {

  padding: 10px 20px !important;

}



.tutor-announcement-detail-course-info p, .tutor-announcement-detail-date-info p {

  font-size: 16px;

  color: #161616;

  font-weight: 700;

  max-width: 95%;

}



.tutor-announcements-modal-wrap .tutor-modal-content {

  max-width: 660px !important;

}



.tutor-announcements-modal-wrap .modal-footer {

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.tutor-quiz-attempt-history td:last-child {

  text-align: center;

}



.tutor-quiz-attempt-history td:last-child a {

  display: block;

  padding: 10px;

}



.attempt-review-title {

  font-size: 18px;

  color: var(--tutor-text-size);

  font-weight: 600;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 60px;

}



.attempt-review-title i {

  margin-right: 12px;

  color: var(--tutor-primary-color);

}



.tutor-quiz-attempt-info-row .attempt-view-bottom, .tutor-quiz-attempt-info-row .attempt-view-top {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.tutor-quiz-attempt-info-row .attempt-view-bottom .attempt-info-col, .tutor-quiz-attempt-info-row .attempt-view-top .attempt-info-col {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  max-width: 30%;

}



.tutor-quiz-attempt-info-row .attempt-view-bottom .attempt-info-col {

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}



.tutor-quiz-attempt-info-row .attempt-info-content span.result-review-required, .tutor-quiz-attempt-info-row .attempt-info-content span.result-pass, .tutor-quiz-attempt-info-row .attempt-info-content span.result-fail {

  background: #df3247;

  font-size: 14px;

  font-weight: 400;

  color: #fff;

  padding: 1px 4px;

  margin-right: 13px;

  border-radius: 2px;

}



.tutor-quiz-attempt-info-row .attempt-info-content span.result-pass {

  background: var(--tutor-success-button-color);

}



.tutor-quiz-attempt-info-row .attempt-info-content span.result-review-required {

  background: #f5b30d;

}



.tutor-quiz-attempt-info-row .attempt-info-content h4, .tutor-quiz-attempt-info-row .attempt-info-content h5 {

  font-size: 14px;

  line-height: 25px;

  margin: 0;

  color: #7a7f85;

  font-weight: 400;

}



.tutor-quiz-attempt-info-row .attempt-info-content h4 {

  font-weight: 700;

  color: var(--e-global-color-text);

  margin-top: 7px;

}



.tutor-quiz-attempt-info-row .attempt-info-content h4 a {

  font-weight: 700;

  color: var(--e-global-color-text);

  margin-top: 7px;

}



.tutor-quiz-attempt-info-row .attempt-view-top {

  padding-bottom: 30px;

  margin-bottom: 30px;

  border-bottom: 1px solid #dcdfe5;

}



.tutor-quiz-attempt-info-row .attempt-view-bottom {

  margin-bottom: 60px;

}



.attempt-user-details {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.attempt-user-details .attempt-user-avatar {

  padding-right: 20px;

}



.attempt-user-details .attempt-user-avatar img {

  display: block;

  width: 70px;

  height: 70px;

  border-radius: 50%;

}



.attempt-user-details .attempt-info-content h4 {

  font-size: 18px;

}



.attempt-review-notice-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 60px;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.attempt-review-notice-wrap p {

  margin: 0;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.attempt-review-notice-wrap p.attempt-review-notice i {

  font-size: 16px;

  color: #f5c813;

  margin-right: 9px;

}



.attempt-review-notice-wrap p.attempt-review-at > span {

  color: var(--tutor-primary-color);

  margin-right: 7px;

  font-size: 16px;

}



.attempt-review-notice-wrap p > strong {

  font-weight: 400;

  margin-right: 5px;

}



.quiz-attempt-answers-wrap {

  background: #fff;

  margin: 0 0 1.5em;

}



.quiz-attempt-answers-wrap .attempt-answers-header {

  padding: 30px 20px;

}



.quiz-attempt-answers-wrap .attempt-answers-header h3 {

  font-size: 20px;

  line-height: 1.5;

  color: #3f435b;

}



.quiz-attempt-answers-wrap .tutor-instructor-feedback-wrap {

  padding-left: 20px;

  padding-right: 20px;

  padding-bottom: 20px;

}



.quiz-attempt-answers-wrap table {

  border-collapse: collapse;

  border: none;

}



.quiz-attempt-answers-wrap table tr {

  background-color: #fff;

}



.quiz-attempt-answers-wrap table tr:first-child {

  background-color: #f7f7f9;

  border-top: 1px solid #eaeaea;

  border-bottom: 1px solid #eaeaea !important;

}



.quiz-attempt-answers-wrap table tr:not(:first-child) {

  border-top: 1px solid #dcdce1;

}



.quiz-attempt-answers-wrap table tr:not(:last-child) {

  border-bottom: 1px solid #dcdce1;

}



.quiz-attempt-answers-wrap table th {

  font-size: 12px;

  text-transform: inherit;

  padding: 17px 20px;

  vertical-align: middle;

  border: none;

  font-size: 14px;

  line-height: 1.71;

  letter-spacing: normal;

  color: #393c40;

}



.quiz-attempt-answers-wrap table td {

  padding: 17px 20px;

  vertical-align: middle;

  border: none;

  font-size: 14px;

  line-height: 1.71;

  letter-spacing: normal;

  color: #393c40;

}



.quiz-attempt-answers-wrap table th p, .quiz-attempt-answers-wrap table td p {

  margin: 0;

}



.quiz-attempt-answers-wrap table th .tutor-icon-block, .quiz-attempt-answers-wrap table td .tutor-icon-block {

  font-size: 14px;

  width: 30px;

  height: 30px;

  line-height: 30px;

}



.quiz-attempt-answers-wrap table .quiz-manual-review-action {

  border: 1px solid #d4dadb;

  color: #d4dadb;

  height: 30px;

  width: 30px;

  border-radius: 2px;

  font-size: 13px;

  display: inline-block;

  text-align: center;

  line-height: 30px;

  -webkit-transition: 300ms;

  transition: 300ms;

}



.quiz-attempt-answers-wrap table .quiz-manual-review-action:first-child:hover {

  border: 1px solid var(--tutor-success-button-color);

  color: var(--tutor-success-button-color);

}



.quiz-attempt-answers-wrap table .quiz-manual-review-action:last-child:hover {

  border: 1px solid #df3247;

  color: #df3247;

}



.quiz-attempt-answers-wrap table .quiz-manual-review-action:not(:last-child) {

  margin-right: 17px;

}



.tutor-quiz-attempt-review-wrap .attempt-answers-header {

  background: #fff;

  padding: 20px;

  margin-top: 20px;

}



.tutor-quiz-attempt-review-wrap .attempt-answers-header a {

  color: #3f435b;

}



.tutor-quiz-attempt-review-wrap .attempt-answers-header > p {

  color: #737787;

  margin-top: 10px;

  margin-bottom: 0;

}



.tutor-quiz-attempt-review-wrap .attempt-answers-header h3 {

  font-size: 20px;

  line-height: 1.5;

  color: #3f435b;

}



.tutor-quiz-attempt-review-wrap .instructor-feedback-content {

  padding: 0px 20px 10px 20px;

}



.tutor-quiz-attempt-review-wrap .instructor-feedback-content > p {

  margin-bottom: 1em;

}



.tutor-quiz-attempt-review-wrap table {

  border-collapse: collapse;

  border: none;

}



.tutor-quiz-attempt-review-wrap table tr {

  background-color: #fff;

}



.tutor-quiz-attempt-review-wrap table tr:first-child {

  background-color: #f7f7f9;

  border-top: 1px solid #eaeaea;

  border-bottom: 1px solid #eaeaea;

}



.tutor-quiz-attempt-review-wrap table tr:first-child th, .tutor-quiz-attempt-review-wrap table tr:first-child td {

  padding-top: 14px;

  padding-bottom: 14px;

}



.tutor-quiz-attempt-review-wrap table tr:not(:first-child) {

  border-top: 1px solid #dcdce1;

}



.tutor-quiz-attempt-review-wrap table tr:not(:first-child) th, .tutor-quiz-attempt-review-wrap table tr:not(:first-child) td {

  padding-top: 20px;

  padding-bottom: 20px;

}



.tutor-quiz-attempt-review-wrap table tr:not(:last-child) {

  border-bottom: 1px solid #dcdce1;

}



.tutor-quiz-attempt-review-wrap table th, .tutor-quiz-attempt-review-wrap table td {

  border: none;

  vertical-align: top;

  font-size: 14px;

  font-weight: 400;

  line-height: 1.71;

  padding: 15px 6px;

}



.tutor-quiz-attempt-review-wrap table th:first-child, .tutor-quiz-attempt-review-wrap table td:first-child {

  padding: 12px;

}



.tutor-quiz-attempt-review-wrap table th:last-child, .tutor-quiz-attempt-review-wrap table td:last-child {

  padding: 12px 10px;

}



.tutor-quiz-attempt-review-wrap .quiz-attempt-answers-wrap table th:nth-child(3), .tutor-quiz-attempt-review-wrap .quiz-attempt-answers-wrap table th:nth-child(4) {

  width: 28%;

}



.tutor-quiz-attempt-review-wrap .quiz-attempt-answers-wrap table td:nth-child(3), .tutor-quiz-attempt-review-wrap .quiz-attempt-answers-wrap table td:nth-child(4) {

  width: 28%;

}



.tutor-quiz-attempt-review-wrap span.result-review-required, .tutor-quiz-attempt-review-wrap span.result-pass, .tutor-quiz-attempt-review-wrap span.result-fail {

  background: #df3247;

  font-size: 14px;

  font-weight: bold;

  color: #fff;

  padding: 4px 11px;

  border-radius: 2px;

}



.tutor-quiz-attempt-review-wrap span.result-pass {

  background: var(--tutor-success-button-color);

}



.tutor-quiz-attempt-review-wrap span.result-review-required {

  background: #f5b30d;

}



.tutor-quiz-attempt-review-wrap .tooltip-btn[data-tooltip] {

  position: relative;

  z-index: 2;

  cursor: pointer;

}



.quiz-attempt-answers-wrap .tooltip-btn[data-tooltip] {

  position: relative;

  z-index: 2;

  cursor: pointer;

}



.tutor-quiz-attempt-review-wrap .tooltip-btn[data-tooltip]:before, .tutor-quiz-attempt-review-wrap .tooltip-btn[data-tooltip]:after {

  visibility: hidden;

  opacity: 0;

  pointer-events: none;

  -webkit-transform: translateY(15px);

  transform: translateY(15px);

  -webkit-transition: 0.15s ease;

  transition: 0.15s ease;

}



.quiz-attempt-answers-wrap .tooltip-btn[data-tooltip]:before, .quiz-attempt-answers-wrap .tooltip-btn[data-tooltip]:after {

  visibility: hidden;

  opacity: 0;

  pointer-events: none;

  -webkit-transform: translateY(15px);

  transform: translateY(15px);

  -webkit-transition: 0.15s ease;

  transition: 0.15s ease;

}



.tutor-quiz-attempt-review-wrap .tooltip-btn[data-tooltip]:before, .quiz-attempt-answers-wrap .tooltip-btn[data-tooltip]:before {

  content: attr(data-tooltip);

  position: absolute;

  bottom: 40px;

  left: 50%;

  margin-bottom: 0px;

  margin-left: -60px;

  min-width: 122px;

  text-align: center;

  padding: 4px 7px;

  font-size: 14px;

  line-height: 1.2;

  font-weight: 300;

  border-radius: 12px;

  background-color: #3f435b;

  color: #fff;

  z-index: 99999;

}



.tutor-quiz-attempt-review-wrap .tooltip-btn[data-tooltip]:after, .quiz-attempt-answers-wrap .tooltip-btn[data-tooltip]:after {

  position: absolute;

  content: "";

  bottom: 34px;

  left: 50%;

  margin-left: -10px;

  border-top: 8px solid #3f435b;

  border-right: 10px solid transparent;

  border-left: 10px solid transparent;

}



.tutor-quiz-attempt-review-wrap .active[data-tooltip]:before, .tutor-quiz-attempt-review-wrap .active[data-tooltip]:after, .tutor-quiz-attempt-review-wrap .active[data-tooltip]:before, .tutor-quiz-attempt-review-wrap .active[data-tooltip]:after {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateY(0px);

  transform: translateY(0px);

}



.quiz-attempt-answers-wrap .active[data-tooltip]:before, .quiz-attempt-answers-wrap .active[data-tooltip]:after, .quiz-attempt-answers-wrap .active[data-tooltip]:before, .quiz-attempt-answers-wrap .active[data-tooltip]:after {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateY(0px);

  transform: translateY(0px);

}



.tutor-status-blocked-context i, .tutor-status-approved-context i, .quiz-correct-answer-text i, .quiz-incorrect-answer-text i {

  font-size: 14px;

  height: 20px;

  width: 20px;

  text-align: center;

  line-height: 20px;

  background: #7bbc30;

  color: #fff;

  display: inline-block;

  border-radius: 2px;

  margin-right: 6px;

}



.tutor-status-blocked-context i, .quiz-incorrect-answer-text i {

  background: #f44337;

  font-size: 10px;

  font-weight: 900;

}



.answer-image-matched-wrap {

  display: block;

}



.answer-image-matched-wrap .image-matching-item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.answer-image-matched-wrap .image-matching-item:not(:last-child) {

  margin-bottom: 12px;

}



.answer-image-matched-wrap .image-matching-item img {

  max-width: 35px;

}



.answer-image-matched-wrap .image-matching-item .dragged-caption {

  font-size: 14px;

  margin-left: 12px;

}



.correct-answer-wrap .matching-type {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.correct-answer-wrap .text-image-type {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.correct-answer-wrap .text-image-type:not(:last-child) {

  margin-bottom: 12px;

}



.correct-answer-wrap .text-image-type .image {

  margin-right: 12px;

}



.correct-answer-wrap .text-image-type img {

  max-width: 35px;

}



#tutor_profile_cover_photo_editor {

  height: 344px;

  position: relative;

}



#tutor_profile_cover_photo_editor #tutor_photo_meta_area {

  text-align: right;

  padding-left: 190px;

  margin-top: 16px;

}



#tutor_profile_cover_photo_editor #tutor_photo_meta_area > img {

  display: inline-block;

  vertical-align: middle;

}



#tutor_profile_cover_photo_editor #tutor_photo_meta_area > span {

  display: inline-block;

  vertical-align: middle;

  white-space: nowrap;

  font-style: normal;

  font-weight: normal;

  font-size: 13px;

  line-height: 18px;

  color: #7A7A7A;

}



#tutor_profile_cover_photo_editor #tutor_photo_meta_area > span > span {

  color: black;

}



#tutor_profile_cover_photo_editor #tutor_photo_meta_area > span.loader-area {

  display: none;

}



#tutor_profile_cover_photo_editor #tutor_cover_area {

  height: 245px;

  background-color: #E9EDFB;

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  border-radius: 6px;

  position: relative;

  overflow: hidden;

}



#tutor_profile_cover_photo_editor #tutor_cover_area .tutor_overlay {

  height: 70%;

  position: absolute;

  left: 0;

  bottom: 0;

  right: 0;

  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.6)));

  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.6));

}



#tutor_profile_cover_photo_editor #tutor_cover_area .tutor_cover_uploader {

  background: #3E64DE;

  border-radius: 3px;

  color: white;

  border: none;

  cursor: pointer;

  font-style: normal;

  font-weight: 600;

  font-size: 12px;

  color: #FFFFFF;

  position: absolute;

  padding: 8px 20px;

  right: 22px;

  bottom: 22px;

}



#tutor_profile_cover_photo_editor #tutor_cover_area .tutor_cover_uploader:hover {

  background: #2f52c4;

}



#tutor_profile_cover_photo_editor #tutor_cover_area .tutor_cover_uploader > span {

  margin-left: 6px;

}



#tutor_profile_cover_photo_editor #tutor_cover_area .tutor_cover_deleter {

  position: absolute;

  color: white;

  background: rgba(0, 0, 0, 0.247);

  text-align: center;

  width: 36px;

  border-radius: 50%;

  font-size: 17px;

  line-height: 40px;

  height: 36px;

  right: 22px;

  top: 22px;

  cursor: pointer;

}



#tutor_profile_cover_photo_editor #tutor_cover_area .tutor_cover_deleter:hover {

  background: rgba(0, 0, 0, 0.438);

}



#tutor_profile_cover_photo_editor #tutor_profile_area {

  width: 142px;

  height: 142px;

  left: 35px;

  top: 145px;

  border-radius: 50%;

  border: 5px solid white;

  position: absolute;

  overflow: hidden;

  background-color: #E9EDFB;

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

}



#tutor_profile_cover_photo_editor #tutor_profile_area .tutor_overlay {

  position: absolute;

  right: 0;

  left: 0;

  bottom: 0;

  background: rgba(0, 0, 0, 0.253);

  padding: 0;

  height: 37px;

  cursor: pointer;

  color: white;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  display: -o-flex;

  display: -ms-flex;

  display: -moz-flex;

  display: -webkit-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -o-align-items: center;

  -ms-align-items: center;

  -moz-align-items: center;

  -webkit-align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -o-justify-content: center;

  -ms-justify-content: center;

  -moz-justify-content: center;

  -webkit-justify-content: center;

}



#tutor_profile_cover_photo_editor #tutor_profile_area .tutor_overlay:hover {

  background: rgba(0, 0, 0, 0.411);

}



#tutor_profile_cover_photo_editor #tutor_pp_option {

  position: absolute;

  background: #353535;

  width: 157px;

  top: 294px;

  left: 27px;

  border-radius: 6px;

  color: white;

  z-index: 99;

  display: none;

}



#tutor_profile_cover_photo_editor #tutor_pp_option span {

  display: block;

  padding: 5px 10px;

  cursor: pointer;

  overflow: hidden;

  font-style: normal;

  font-weight: normal;

  font-size: 16px;

  line-height: 26px;

  color: #FFFFFF;

}



#tutor_profile_cover_photo_editor #tutor_pp_option span:first-of-type {

  border-top-left-radius: 6px;

  border-top-right-radius: 6px;

}



#tutor_profile_cover_photo_editor #tutor_pp_option span:last-of-type {

  border-bottom-left-radius: 6px;

  border-bottom-right-radius: 6px;

}



#tutor_profile_cover_photo_editor #tutor_pp_option span:hover {

  background: #6b6b6b;

}



#tutor_profile_cover_photo_editor #tutor_pp_option .up-arrow {

  text-align: center;

  height: 0;

}



#tutor_profile_cover_photo_editor #tutor_pp_option .up-arrow i {

  display: inline-block;

  width: 0;

  height: 0;

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

  position: relative;

  top: -17px;

  border-bottom: 5px solid #353535;

}



#tutor_profile_cover_photo_editor #tutor_pp_option > *:not(:last-child) {

  position: relative;

  z-index: 1;

}



#tutor_profile_cover_photo_editor #tutor_pp_option > div:last-child {

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background: transparent;

  z-index: 0;

  z-index: 0;

}



#tutor_profile_cover_photo_editor.pop-up-opened #tutor_pp_option {

  display: block;

}



#tutor_profile_cover_photo_editor #tutor_photo_dialogue_box {

  display: none;

}



@media (max-width: 492px) {

  #tutor_profile_cover_photo_editor #tutor_photo_meta_area {

    padding-left: 120px;

  }

}



@media (max-width: 432px) {

  #tutor_profile_cover_photo_editor #tutor_cover_area .tutor_cover_uploader > span {

    display: none;

  }

}



@media (max-width: 688px) {

  #tutor_profile_cover_photo_editor #tutor_profile_area {

    width: 120px;

    height: 120px;

    left: 31px;

    top: 168px;

  }

}



@media (max-width: 688px) {

  #tutor_profile_cover_photo_editor #tutor_pp_option {

    top: 294px;

    left: 10px;

  }

}



.tutor-user-public-profile {

  margin-top: 0;

}



.tutor-user-public-profile .photo-area {

  overflow: hidden;

  height: 415px;

  margin-top: 0;

}



.tutor-user-public-profile .photo-area .cover-area {

  position: relative;

  overflow: hidden;

  border-radius: 10px;

}



.tutor-user-public-profile .photo-area .cover-area > div:first-child {

  height: 375px;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}



.tutor-user-public-profile .photo-area .cover-area > div:last-child {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  height: 90%;

  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.36)));

  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.36));

}



.tutor-user-public-profile .photo-area .pp-area {

  position: relative;

  top: -150px;

  padding-left: 50px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-align: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.tutor-user-public-profile .photo-area .pp-area .profile-pic {

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  display: inline-block;

  border: 8px solid white;

  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

}



.tutor-user-public-profile .photo-area .pp-area .profile-name {

  padding-left: 25px;

  padding-bottom: 35px;

}



.tutor-user-public-profile .photo-area .pp-area .profile-name h3 {

  font-size: 22px;

  line-height: 38px;

  color: #FFFFFF;

  margin: 0;

}



.tutor-user-public-profile .photo-area .pp-area .profile-name > span {

  font-style: normal;

  font-size: 16px;

  color: rgba(255, 255, 255, 0.8);

  margin-right: 10px;

}



.tutor-user-public-profile .photo-area .pp-area .profile-name > span > span {

  color: white;

}



.tutor-user-public-profile .photo-area .pp-area .profile-rating-media {

  text-align: right;

  padding-right: 30px;

  padding-bottom: 35px;

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.tutor-user-public-profile .photo-area .pp-area .profile-rating-media .tutor-rating-container {

  font-size: 16px;

}



.tutor-user-public-profile .photo-area .pp-area .profile-rating-media .tutor-rating-container .ratings {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.tutor-user-public-profile .photo-area .pp-area .profile-rating-media .tutor-rating-container .ratings > span {

  margin-left: 8px;

}



.tutor-user-public-profile .photo-area .pp-area .profile-rating-media .tutor-rating-container .tutor-star-rating-group {

  letter-spacing: 2px;

}



.tutor-user-public-profile .photo-area .pp-area .profile-rating-media .tutor-rating-container .rating-digits {

  color: white;

}



.tutor-user-public-profile .photo-area .pp-area .profile-rating-media .tutor-rating-container .rating-total-meta {

  color: rgba(255, 255, 255, 0.8);

}



.tutor-user-public-profile .photo-area .pp-area .tutor-social-container {

  margin-top: 5px;

  text-align: right;

}



.tutor-user-public-profile .photo-area .pp-area .tutor-social-container a {

  display: inline-block;

  margin-left: 20px;

  color: whitesmoke;

  cursor: pointer;

  text-decoration: none;

  font-size: 16px;

}



.tutor-user-public-profile .photo-area .pp-area .tutor-social-container a:hover {

  color: white;

}



.tutor-user-public-profile.tutor-user-public-profile-pp-circle .profile-pic {

  border-radius: 50%;

  height: 153px;

  width: 153px;

}



.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .photo-area {

  overflow: initial;

}



.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .photo-area .profile-pic {

  border-radius: 10px;

  height: 200px;

  width: 153px;

}



.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .photo-area .profile-name, .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .photo-area .profile-rating-media {

  padding-bottom: 75px;

}



.tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .tutor-user-profile-sidebar {

  margin-top: 79px;

}



.tutor-user-public-profile.tutor-user-public-profile-no-cp .photo-area {

  height: auto;

}



.tutor-user-public-profile.tutor-user-public-profile-no-cp .cover-area {

  display: none;

}



.tutor-user-public-profile.tutor-user-public-profile-no-cp .pp-area {

  top: 0;

}



.tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-pic {

  border-radius: 50%;

  height: 153px;

  width: 153px;

}



.tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-name {

  padding-top: 49px;

}



.tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-name h3 {

  color: #161616 !important;

}



.tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-name > span > span {

  color: black !important;

}



.tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-rating-media {

  position: absolute;

  left: 226px;

  top: 15px;

}



.tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-rating-media .rating-digits {

  color: #161616 !important;

}



.tutor-user-public-profile.tutor-user-public-profile-no-cp .tutor-rating-container {

  text-align: left;

}



.tutor-user-public-profile.tutor-user-public-profile-no-cp .tutor-social-container {

  text-align: left !important;

  margin-top: 5px !important;

}



.tutor-user-public-profile.tutor-user-public-profile-no-cp .tutor-social-container a {

  margin-left: 0 !important;

  margin-right: 20px;

  color: #757575 !important;

}



.tutor-user-public-profile.tutor-user-public-profile-no-cp .tutor-social-container a:hover {

  color: #161616 !important;

}



.tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-rating-media {

  width: calc(100% - 157px);

}



.tutor-user-public-profile.tutor-user-public-profile-no-cp .tutor-social-container {

  position: absolute;

  right: 36px;

  left: auto;

}



.tutor-user-public-profile .tutor-user-profile-sidebar {

  padding: 15px;

  width: 223px;

  float: left;

}



.tutor-user-public-profile .tutor-user-profile-content, .tutor-user-public-profile .zl-user-profile-content {

  padding: 50px 0 30px !important;

}



.tutor-user-public-profile .tutor-user-profile-content > h3, .tutor-user-public-profile .zl-user-profile-content > h3 {

  font-size: 22px;

  line-height: 32px;

  color: #1E2744;

  font-weight: 600;

  margin: 0 0 10px;

}



.tutor-user-public-profile .tutor-user-profile-content .tutor-courses, .tutor-user-public-profile .zl-user-profile-content .tutor-courses {

  margin-bottom: 30px;

}



.tutor-user-public-profile .tutor-user-profile-content {

  width: 100%;

  max-width: 1200px;

  margin: 0 auto;

  float: none;

  clear: both;

}



.tutor-user-public-profile .tutor-user-profile-content p {

  color: var(--e-global-color-text);

}



@media (min-width: 768px) {

  .tutor-user-public-profile .content-for-mobile {

    display: none;

  }

  .tutor-user-public-profile .content-for-desktop {

    display: block;

  }

}



@media (max-width: 767px) {

  .tutor-user-public-profile .content-for-mobile {

    display: block;

    margin: 22px 0 0 0;

    padding: 0 !important;

  }

  .tutor-user-public-profile .content-for-desktop {

    display: none;

  }

  .tutor-user-public-profile.tutor-user-public-profile-pp-circle .photo-area, .tutor-user-public-profile.tutor-user-public-profile-no-cp .photo-area, .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .photo-area {

    height: auto;

  }

  .tutor-user-public-profile.tutor-user-public-profile-pp-circle .photo-area .cover-area > div:first-child, .tutor-user-public-profile.tutor-user-public-profile-no-cp .photo-area .cover-area > div:first-child, .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .photo-area .cover-area > div:first-child {

    height: 220px;

  }

  .tutor-user-public-profile.tutor-user-public-profile-pp-circle .pp-area, .tutor-user-public-profile.tutor-user-public-profile-no-cp .pp-area, .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .pp-area {

    padding-left: 0 !important;

    top: -82px !important;

    flex-wrap: wrap;

    -o-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -o-justify-content: center;

    -ms-justify-content: center;

    -moz-justify-content: center;

    -webkit-justify-content: center;

  }

  .tutor-user-public-profile.tutor-user-public-profile-pp-circle .profile-name, .tutor-user-public-profile.tutor-user-public-profile-pp-circle .profile-rating-media {

    width: 100% !important;

    text-align: center !important;

  }

  .tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-name, .tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-rating-media {

    width: 100% !important;

    text-align: center !important;

  }

  .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .profile-name, .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .profile-rating-media {

    width: 100% !important;

    text-align: center !important;

  }

  .tutor-user-public-profile.tutor-user-public-profile-pp-circle .profile-name > span > span, .tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-name > span > span, .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .profile-name > span > span {

    color: black !important;

  }

  .tutor-user-public-profile.tutor-user-public-profile-pp-circle .profile-name > span:nth-of-type(2) > span, .tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-name > span:nth-of-type(2) > span, .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .profile-name > span:nth-of-type(2) > span {

    color: #C4C4C4 !important;

  }

  .tutor-user-public-profile.tutor-user-public-profile-pp-circle .profile-name h3, .tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-name h3, .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .profile-name h3 {

    color: #161616 !important;

    font-size: 30px !important;

  }

  .tutor-user-public-profile.tutor-user-public-profile-pp-circle .rating-digits, .tutor-user-public-profile.tutor-user-public-profile-no-cp .rating-digits {

    color: #161616 !important;

  }

  .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .rating-digits {

    color: #161616 !important;

  }

  .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .pp-area {

    top: -98px !important;

  }

  .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .profile-pic {

    height: 160px !important;

    width: 153px !important;

  }

  .tutor-user-public-profile.tutor-user-public-profile-no-cp .pp-area, .tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-rating-media, .tutor-user-public-profile.tutor-user-public-profile-no-cp .tutor-social-container, .tutor-user-public-profile.tutor-user-public-profile-no-cp .ratings {

    position: static !important;

    top: 0 !important;

    text-align: center !important;

  }

  .tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-name {

    padding: 0 !important;

  }

  .tutor-user-public-profile .tutor-social-container {

    margin: 15px 0 0 0 !important;

  }

  .tutor-user-public-profile .tutor-social-container a {

    color: #7A7A7A !important;

  }

  .tutor-user-public-profile .profile-name {

    padding: 0 !important;

  }

  .tutor-user-public-profile.tutor-user-public-profile-pp-circle .pp-area, .tutor-user-public-profile.tutor-user-public-profile-pp-rectangle .pp-area {

    margin-top: -83px !important;

    position: relative !important;

    top: 0 !important;

  }

  .tutor-user-public-profile .tutor-user-profile-sidebar {

    margin-top: 0 !important;

  }

  .tutor-user-public-profile.tutor-user-public-profile-no-cp .pp-area {

    -webkit-box-pack: left !important;

    -ms-flex-pack: left !important;

    justify-content: left !important;

    -o-justify-content: left !important;

    -ms-justify-content: left !important;

    -moz-justify-content: left !important;

    -webkit-justify-content: left !important;

  }

  .tutor-user-public-profile.tutor-user-public-profile-no-cp .pp-area * {

    text-align: left !important;

  }

}



@media (max-width: 800px) {

  .tutor-user-public-profile.tutor-user-public-profile-no-cp .pp-area {

    padding-left: 0 !important;

  }

  .tutor-user-public-profile.tutor-user-public-profile-no-cp .profile-rating-media {

    left: 178px !important;

  }

  .tutor-user-public-profile .tutor-user-profile-sidebar, .tutor-user-public-profile .tutor-user-profile-content {

    width: 100%;

    float: none;

  }

}



.tutor-dashboard-builder-header {

  padding: 10px 0px;

  border-bottom: 2px solid #DCDFE5;

  position: fixed;

  top: 0px;

  background: #fff;

  width: 100%;

  z-index: 99;

}



.tutor-dashboard-builder-header .tutor-row {

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.tutor-dashboard-builder-header .tutor-button {

  white-space: nowrap;

  margin-left: auto;

}



.tutor-dashboard-builder-header .tutor-dashboard-builder-header-left {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.tutor-dashboard-builder-header .tutor-dashboard-builder-header-left .tutor-dashboard-builder-logo {

  padding: 0 25px;

  position: relative;

}



.tutor-dashboard-builder-header .tutor-dashboard-builder-header-left .tutor-dashboard-builder-logo img {

  max-height: 32px;

}



.tutor-dashboard-builder-header .tutor-dashboard-builder-header-left button {

  margin: 0;

  padding: 0px 25px;

  line-height: 30px;

  border: none;

  border-left: 1px solid #DCDFE5;

  background: transparent;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  color: var(--e-global-color-text);

  -webkit-transition: 300ms;

  transition: 300ms;

  font-weight: 500;

  white-space: nowrap;

}



.tutor-dashboard-builder-header .tutor-dashboard-builder-header-left button i {

  font-size: 24px;

  line-height: 30px;

  margin-right: 9px;

}



.tutor-dashboard-builder-header .tutor-dashboard-builder-header-left button:hover {

  color: var(--tutor-primary-color);

  background: transparent;

}



.tutor-dashboard-builder-header .tutor-dashboard-builder-header-left button:hover i {

  color: var(--tutor-primary-color);

}



.tutor-dashboard-builder-header .tutor-dashboard-builder-header-right {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.tutor-dashboard-builder-header .tutor-dashboard-builder-header-right a {

  color: var(--e-global-color-text);

  font-weight: 500;

  line-height: 36px;

  padding: 0 25px;

  -webkit-transition: 300ms;

  transition: 300ms;

  white-space: nowrap;

}



.tutor-dashboard-builder-header .tutor-dashboard-builder-header-right a i {

  font-size: 36px;

  line-height: 36px;

  display: inline-block;

  vertical-align: top;

  padding-right: 9px;

}



.tutor-dashboard-builder-header .tutor-dashboard-builder-header-right a:hover {

  color: var(--tutor-primary-color);

}



@media (max-width: 991px) {

  .tutor-dashboard-builder-header {

    position: static;

  }

}



@media (max-width: 991px) {

  .tutor-dashboard-builder-header .tutor-row .tutor-col-auto {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

  .tutor-dashboard-builder-header .tutor-row .tutor-col-auto:first-child {

    margin-bottom: 15px;

  }

}



@media (max-width: 991px) {

  .tutor-dashboard-builder-header .tutor-button {

    padding: 6px 10px;

  }

}



@media (max-width: 991px) {

  .tutor-dashboard-builder-header .tutor-dashboard-builder-header-left button {

    border-left: none;

  }

}



.tutor-frontend-course-builder-section {

  padding: 113px 0 45px;

  background-color: #ffffff;

}



@media (max-width: 991px) {

  .tutor-frontend-course-builder-section {

    padding-top: 60px;

  }

  .tutor-frontend-course-builder-section .tutor-col-8, .tutor-frontend-course-builder-section .tutor-col-4 {

    width: 100%;

    max-width: 100%;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

  }

}



.admin-bar .tutor-dashboard-builder-header {

  top: 32px;

}



@media (max-width: 783px) {

  .admin-bar .tutor-dashboard-builder-header {

    top: 46px;

  }

}



.tutor-course-builder-upload-tips {

  position: fixed;

  max-width: 370px;

}



.tutor-course-builder-upload-tips .tutor-course-builder-tips-title {

  font-size: 16px;

  color: #8C94A8;

  font-weight: 700;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.tutor-course-builder-upload-tips .tutor-course-builder-tips-title i {

  font-size: 24px;

  color: var(--tutor-primary-color);

  margin-right: 11px;

}



.tutor-course-builder-upload-tips ul {

  margin: 0;

  padding: 0 0 0 35px;

  list-style: none;

}



.tutor-course-builder-upload-tips ul li {

  position: relative;

  margin-bottom: 8px;

  line-height: 24px;

}



.tutor-course-builder-upload-tips ul li::after {

  content: '';

  position: absolute;

  height: 8px;

  width: 8px;

  border-radius: 50%;

  background: #DCDFE5;

  left: -26px;

  top: 9px;

}



@media (max-width: 991px) {

  .tutor-course-builder-upload-tips {

    position: static;

  }

}



/*

 * Course Level Meta

 */

.tutor-course-level-meta {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.tutor-course-level-meta label {

  margin: 0 40px 0 0;

  font-weight: 600;

}



.tutor-frontend-builder-course-price .tutor-form-group input {

  margin-bottom: 0;

}



.tutor-frontend-builder-course-price .tutor-styled-radio {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



/*

 * Course Builder Attachments

 */

.tutor-course-builder-attachements {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-left: -30px;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.tutor-course-builder-attachements .tutor-added-attachment {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 calc(25% - 30px);

  flex: 0 0 calc(25% - 30px);

  max-width: calc(25% - 30px);

  border: 1px solid #DCDFE5;

  padding: 35px 20px 20px;

  position: relative;

  text-align: center;

  margin-left: 30px;

  margin-bottom: 30px;

  border-radius: 4px;

  -webkit-transition: 300ms;

  transition: 300ms;

  min-width: 120px;

}



.tutor-course-builder-attachements .tutor-added-attachment i {

  font-size: 58px;

  line-height: 58px;

  margin-bottom: 25px;

  display: block;

}



.tutor-course-builder-attachements .tutor-added-attachment .tutor-delete-attachment {

  position: absolute;

  height: 22px;

  width: 22px;

  border: 1px solid #DCDFE5;

  text-align: center;

  line-height: 22px;

  top: -1px;

  right: -1px;

  font-size: 10px;

  border-top-right-radius: 4px;

  color: transparent;

  -webkit-transition: 300ms;

  transition: 300ms;

}



.tutor-course-builder-attachements .tutor-added-attachment:hover {

  border-color: #D71830;

  color: #D71830;

}



.tutor-course-builder-attachements .tutor-added-attachment:hover .tutor-delete-attachment {

  border-color: #D71830;

  color: #D71830;

}



.tutor-course-builder-attachements .tutor-added-attachment span {

  display: block;

}



.tutor-course-builder-attachements .tutor-added-attachment span a {

  font-size: 14px;

  display: block;

  line-height: 20px;

  color: #606C8F;

}



@media (max-width: 480px) {

  .tutor-course-builder-attachements .tutor-added-attachment {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 calc(50% - 30px);

    flex: 0 0 calc(50% - 30px);

    max-width: calc(50% - 30px);

  }

}



.tutor-course-builder-btn-group {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



/**

Course Settings Tabs

 */

#tutor-metabox-course-settings-tabs {

  background-color: #fff;

  border: 1px solid #e5e5e5;

  margin: 1em 0;

}



.inside #tutor-metabox-course-settings-tabs {

  border: 0;

  margin: 0;

}



.settings-tabs-heading {

  padding: 1em;

  border-bottom: 1px solid #e5e5e5;

}



.settings-tabs-heading h3 {

  font-size: 14px;

  margin: 0;

  line-height: 1.4;

}



.course-settings-tabs-container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.course-settings-tabs-container .settings-tabs-navs-wrap {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 200px;

  flex: 0 0 200px;

  background: #F5F5F5;

}



.settings-tabs-navs-wrap .settings-tabs-navs {

  margin: 0;

  list-style: none;

}



.settings-tabs-navs-wrap .settings-tabs-navs li {

  margin: 0;

}



.settings-tabs-navs-wrap .settings-tabs-navs li a {

  display: block;

  padding-top: 10px;

  padding-bottom: 10px;

  padding-left: 15px;

  padding-right: 15px;

  color: #23282d;

  text-decoration: none;

  background: #F5F5F5;

  text-transform: capitalize;

  border-bottom: 1px solid #e5e5e5;

  border-left: 3px solid transparent;

}



.settings-tabs-navs-wrap .settings-tabs-navs li:last-child a {

  border-bottom: none;

}



.settings-tabs-navs-wrap .settings-tabs-navs li a:focus {

  -webkit-box-shadow: none;

  box-shadow: none;

}



.settings-tabs-navs-wrap .settings-tabs-navs li.active a {

  background-color: #ffffff;

  border-bottom: 1px solid #e5e5e5;

  color: var(--tutor-primary-color);

  border-left: 3px solid var(--tutor-primary-color);

}



.course-settings-tabs-container .settings-tabs-container {

  padding: 1em;

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.tutor-field-radio p {

  margin-top: 0;

}



/**

Content Drip (Pro)

 */

.lesson-modal-form-wrap .lesson-content-drip-wrap {

  padding: 10px;

  border: 1px solid #e4e4e4;

}



.lesson-modal-form-wrap .lesson-content-drip-wrap h3 {

  margin: 0 0 10px 0;

}



.select2-dropdown.increasezindex {

  z-index: 9999999999999;

}



.tutor-topic-title i.tutor-icon-move {

  line-height: unset;

}



.select2-selection__rendered [class^="tutor-icon-"] {

  vertical-align: middle;

}



@media (min-width: 992px) {

  .tutor-option-tooltip.tutor-option-field {

    position: relative;

  }

  .tutor-option-tooltip.tutor-option-field p.desc {

    position: absolute;

    left: calc(100% + 16px);

    background: #2A344F;

    width: 160px;

    padding: 10px 13px;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 300ms;

    transition: 300ms;

    z-index: 98;

    top: 10px;

    color: #fff;

    border-radius: 12px;

    font-size: 12px;

    font-style: normal;

  }

  .tutor-option-tooltip.tutor-option-field p.desc::before {

    content: url("data:image/svg+xml,%3Csvg width='14' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8.139C5.339 5.482 8.671 2.903 9.998.403c1.99-3.75 5.481 21.94 1.567 16.037C8.955 12.505 5.1 9.738 0 8.139z' fill='%232A344F' fill-rule='evenodd'/%3E%3C/svg%3E");

    position: absolute;

    left: -10px;

    top: 16px;

  }

  .tutor-option-tooltip.tutor-option-field:hover p.desc, .tutor-option-tooltip.tutor-option-field input:focus + p.desc, .tutor-option-tooltip.tutor-option-field textarea:focus + p.desc {

    opacity: 1;

    visibility: visible;

  }

}



.tutor-instructor-pending-content {

  text-align: center;

}



.tutor-instructor-pending-content a {

  margin-top: 26px;

}



.tutor-instructor-pending-content img {

  margin-bottom: 69px;

  border-radius: 10px;

}



.tutor-instructor-thankyou-text h2 {

  line-height: 48px;

  font-size: 40px;

  font-style: normal;

  font-weight: 500;

  letter-spacing: 0px;

  color: #161616;

  margin-bottom: 26px;

}



.tutor-instructor-extra-text {

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  letter-spacing: 0px;

  color: #525252;

  line-height: 30px;

}



.tutor-frontend-dashboard-withdrawal h4 {

  margin-bottom: 25px;

}



.withdraw-history-table-title h4 {

  margin-top: 45px;

}



.tutor-frontend-dashboard-withdrawal .withdraw-page-current-balance {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  border: 1px solid #DCDBDC;

  border-radius: 6px;

  padding: 25px 20px 25px 20px;

  margin-bottom: 15px;

}



.tutor-frontend-dashboard-withdrawal .withdraw-page-current-balance .balance-info {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.tutor-frontend-dashboard-withdrawal .withdraw-page-current-balance .balance-info img {

  margin-right: 15px;

}



.tutor-frontend-dashboard-withdrawal .withdraw-page-current-balance .balance-info small {

  font-size: 16px;

}



.tutor-frontend-dashboard-withdrawal .withdraw-page-current-balance .balance-info p {

  font-size: 18px;

  line-height: 26px;

  margin: 0;

  color: #1E2744;

}



.tutor-frontend-dashboard-withdrawal .withdraw-page-current-balance .make-withdraw a {

  text-decoration: none;

  background: #3E64DE;

  border-radius: 3px;

  display: inline-block;

  padding: 8px 18px;

  font-weight: 500;

  font-size: 16px;

  color: white;

  cursor: pointer;

}



.tutor-frontend-dashboard-withdrawal .withdraw-page-current-balance .make-withdraw a:hover, .tutor-frontend-dashboard-withdrawal .withdraw-page-current-balance .make-withdraw a:focus, .tutor-frontend-dashboard-withdrawal .withdraw-page-current-balance .make-withdraw a:active {

  text-decoration: none;

  background: #3E64DE;

  border-radius: 3px;

  display: inline-block;

  padding: 8px 18px;

  font-weight: 500;

  font-size: 16px;

  color: white;

  cursor: pointer;

}



.tutor-frontend-dashboard-withdrawal .withdraw-page-current-balance .make-withdraw a:hover {

  background: #2548bb;

}



.tutor-frontend-dashboard-withdrawal h4 {

  font-weight: 500;

  font-size: 24px;

}



.tutor-frontend-dashboard-withdrawal .withdrawal-preference {

  font-size: 15px;

  color: #7A7A7A;

}



.tutor-frontend-dashboard-withdrawal .inline-image-text > img {

  width: 23px;

  display: inline-block !important;

}



.tutor-frontend-dashboard-withdrawal .inline-image-text > * {

  vertical-align: middle;

}



.tutor-frontend-dashboard-withdrawal .inline-image-text.is-inline-block > * {

  display: inline-block;

}



.tutor-frontend-dashboard-withdrawal .inline-image-text a {

  text-decoration: underline;

  color: #444;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap {

  display: none;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap > div {

  width: 100%;

  height: 100%;

  padding: 15px;

  overflow: hidden;

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: 9999999999;

  background: rgba(0, 0, 0, 0.589);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  display: -o-flex;

  display: -ms-flex;

  display: -moz-flex;

  display: -webkit-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -o-align-items: center;

  -ms-align-items: center;

  -moz-align-items: center;

  -webkit-align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -o-justify-content: center;

  -ms-justify-content: center;

  -moz-justify-content: center;

  -webkit-justify-content: center;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap > div > div {

  display: inline-block;

  max-height: 100%;

  width: 100%;

  max-width: 690px;

  background: white;

  overflow: auto;

  border-radius: 15px;

  position: relative;

  padding: 0;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap > div > div > div {

  padding: 50px 70px;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap > div > div > div:first-child > .tutor-icon-line-cross {

  position: absolute;

  cursor: pointer;

  top: 30px;

  right: 30px;

  font-size: 20px;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap > div > div > div:first-child tr, .tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap > div > div > div:first-child td, .tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap > div > div > div:first-child table, .tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap > div > div > div:first-child tbody {

  border: none;

  margin: 0;

  padding: 0;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap > div > div > div:first-child h3 {

  margin: 7px 0px;

  font-weight: 600;

  padding: 0;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap > div > div > div:last-child {

  border-top: 1px solid #E8E8E8;

  background: #F3F3F3;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap .withdraw-form-field-amount {

  border: 1px solid #BABABA;

  border-radius: 6px;

  background: white;

  height: 43px;

  overflow: hidden;

  margin-bottom: 12px;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap .withdraw-form-field-amount > span {

  display: block;

  text-align: center;

  width: 40px;

  float: left;

  height: 100%;

  background: #f3f3f3;

  border-right: 1px solid #BABABA;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap .withdraw-form-field-amount > span > span {

  font-size: 18px;

  font-weight: bold;

  display: inline-block;

  line-height: 41px;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap .withdraw-form-field-amount input {

  border: none;

  outline: 0;

  height: 100%;

  width: calc(100% - 40px);

  display: inline-block;

  margin: 0;

  padding: 0;

  padding-left: 7px;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap .withdraw-form-field-amount input:focus, .tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap .withdraw-form-field-amount input:active {

  border: none;

  outline: 0;

  height: 100%;

  width: calc(100% - 40px);

  display: inline-block;

  margin: 0;

  padding: 0;

  padding-left: 7px;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap .tutor-withdraw-button-container {

  margin: 50px 0 0;

  overflow: auto;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap .tutor-withdraw-button-container > button:last-child {

  float: right;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap .tutor-withdraw-form-response {

  position: fixed;

  left: 50px;

  bottom: 50px;

  border: 1px solid #E8E8E8;

  background: white;

  border-radius: 10px;

  margin: 0;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap .tutor-withdraw-form-response:empty {

  display: none;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap .tutor-withdraw-form-response > * {

  background: white;

  border: none;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap .tutor-withdraw-form-response img {

  width: 34px;

  margin: 5px 13px;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap .tutor-withdraw-form-response b {

  font-weight: 600;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap .tutor-withdraw-form-response span {

  color: #333333;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap button.close-withdraw-form-btn {

  background: #F3F3F3;

  border: 1px solid #DCDBDC;

  color: #7A7A7A;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap button.close-withdraw-form-btn:hover {

  background: #e6e6e6;

}



.tutor-frontend-dashboard-withdrawal .tutor-earning-withdraw-form-wrap .tutor-withdrawal-pop-up-success img {

  display: inline-block !important;

}



.tutor-frontend-dashboard-withdrawal table.withdrawals-history {

  border: 1px solid #DCDBDC;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  position: relative;

}



.tutor-frontend-dashboard-withdrawal table.withdrawals-history th {

  background: #F3F3F3;

  padding: 10px;

  border: none;

  font-weight: normal;

  font-size: 13px;

  text-align: left;

  vertical-align: middle;

}



.tutor-frontend-dashboard-withdrawal table.withdrawals-history td {

  padding: 10px;

  border: none;

  font-weight: normal;

  font-size: 13px;

  text-align: left;

  vertical-align: middle;

}



.tutor-frontend-dashboard-withdrawal table.withdrawals-history th, .tutor-frontend-dashboard-withdrawal table.withdrawals-history td {

  border-bottom: 1px solid #DCDBDC;

  border-collapse: collapse;

}



.tutor-frontend-dashboard-withdrawal table.withdrawals-history th:first-child, .tutor-frontend-dashboard-withdrawal table.withdrawals-history td:first-child {

  padding: 10px 0 15px 15px;

}



.tutor-frontend-dashboard-withdrawal table.withdrawals-history th:last-child, .tutor-frontend-dashboard-withdrawal table.withdrawals-history td:last-child {

  text-align: right;

  padding-right: 15px;

  width: 50px;

}



.tutor-frontend-dashboard-withdrawal table.withdrawals-history th:nth-child(4), .tutor-frontend-dashboard-withdrawal table.withdrawals-history td:nth-child(4) {

  width: 105px;

}



.tutor-frontend-dashboard-withdrawal table.withdrawals-history .withdraw-method-name {

  line-height: 20px;

  font-size: 15px;

  display: block;

}



.tutor-frontend-dashboard-withdrawal table.withdrawals-history small {

  font-size: 13px;

}



.tutor-frontend-dashboard-withdrawal .tutor-status-text-container .tool-tip-container {

  position: relative;

  display: inline-block;

  height: 24px;

  cursor: pointer;

}



.tutor-frontend-dashboard-withdrawal .tutor-status-text-container .tool-tip-container img {

  display: inline-block !important;

  width: 16px;

}



.tutor-frontend-dashboard-withdrawal .tutor-status-text {

  display: inline-block;

  font-weight: bold;

  font-size: 13px;

  color: #FFFFFF;

  background: gray;

  border-radius: 2px;

  padding: 3px 9px;

}



.tutor-frontend-dashboard-withdrawal .tutor-status-text.status-approved {

  background: #24A148;

}



.tutor-frontend-dashboard-withdrawal .tutor-status-text.status-pending {

  background: #ED9700;

}



.tutor-frontend-dashboard-withdrawal .tutor-status-text.status-rejected {

  background: #F44337;

}



.tutor-tooltip-inside .tooltip {

  position: absolute;

  z-index: 2;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  width: 0;

  height: 0;

  padding: 0;

  cursor: default;

  color: #fff;

  font-size: 14px;

  font-size: 1.4rem;

  line-height: normal;

  text-align: center;

  white-space: nowrap;

  border-width: 0;

  border-style: solid;

  border-color: #6d6e71;

  border-top-color: #373739;

  background-color: #373739;

  opacity: 0;

  -webkit-transition: opacity .3s ease-in .3s;

  transition: opacity .3s ease-in .3s;

  font-size: 13px;

  color: #FFFFFF;

  height: auto;

  text-align: center;

  white-space: normal;

  font-size: 12px;

  background: #353535;

  border-radius: 10px;

  padding: 7px;

  left: 50%;

  -webkit-transform: translate(-50%, 0);

  transform: translate(-50%, 0);

  top: 110%;

  top: calc(100% + 13px);

}



.tutor-tooltip-inside .tooltip.isVisible {

  overflow: visible;

  clip: auto;

  width: 150px;

  height: auto;

  padding: 10px 15px;

  border-width: 1px;

  opacity: 1;

}



.tutor-tooltip-inside .tooltip.tip-bottom, .tutor-tooltip-inside .tooltip.tip-top {

  left: 50%;

  -webkit-transform: translate(-50%, 0);

  transform: translate(-50%, 0);

}



.tutor-tooltip-inside .tooltip.tip-bottom, .tutor-tooltip-inside .tooltip.tip-bottom-left, .tutor-tooltip-inside .tooltip.tip-bottom-right {

  top: 110%;

  top: calc(100% + 13px);

}



.tutor-tooltip-inside .tooltip.tip-top, .tutor-tooltip-inside .tooltip.tip-top-left, .tutor-tooltip-inside .tooltip.tip-top-right {

  top: auto;

  bottom: 110%;

  bottom: calc(100% + 13px);

}



.tutor-tooltip-inside .tooltip.tip-bottom-left, .tutor-tooltip-inside .tooltip.tip-bottom-right, .tutor-tooltip-inside .tooltip.tip-top-left, .tutor-tooltip-inside .tooltip.tip-top-right {

  -webkit-transform: none;

  transform: none;

}



.tutor-tooltip-inside .tooltip.tip-bottom-left, .tutor-tooltip-inside .tooltip.tip-top-left {

  right: 50%;

  left: auto;

  margin-right: -25px;

}



.tutor-tooltip-inside .tooltip.tip-bottom-right, .tutor-tooltip-inside .tooltip.tip-top-right {

  margin-left: -25px;

}



.tutor-tooltip-inside .tooltip.tip-left, .tutor-tooltip-inside .tooltip.tip-right {

  top: 50%;

  -webkit-transform: translate(0, -50%);

  transform: translate(0, -50%);

}



.tutor-tooltip-inside .tooltip.tip-left {

  right: 110%;

  right: calc(100% + 13px);

  left: auto;

}



.tutor-tooltip-inside .tooltip.tip-right {

  left: 110%;

  left: calc(100% + 13px);

}



.tutor-tooltip-inside .tooltip:after {

  content: ' ';

  display: block;

  position: absolute;

  width: 0;

  height: 0;

  border-width: 10px;

  border-style: solid;

  pointer-events: none;

  left: 50%;

  margin-left: -10px;

}



.tutor-tooltip-inside .tooltip.tip-bottom:after, .tutor-tooltip-inside .tooltip.tip-top:after {

  left: 50%;

  margin-left: -10px;

}



.tutor-tooltip-inside .tooltip:after, .tutor-tooltip-inside .tooltip.tip-bottom:after, .tutor-tooltip-inside .tooltip.tip-bottom-left:after, .tutor-tooltip-inside .tooltip.tip-bottom-right:after {

  top: -20px;

  border-color: transparent transparent #373739 transparent;

}



.tutor-tooltip-inside .tooltip.tip-top:after, .tutor-tooltip-inside .tooltip.tip-top-left:after, .tutor-tooltip-inside .tooltip.tip-top-right:after {

  top: auto;

  bottom: -20px;

  border-color: #373739 transparent transparent transparent;

}



.tutor-tooltip-inside .tooltip.tip-bottom-left:after, .tutor-tooltip-inside .tooltip.tip-bottom-right:after, .tutor-tooltip-inside .tooltip.tip-top-left:after, .tutor-tooltip-inside .tooltip.tip-top-right:after {

  margin-left: 0;

}



.tutor-tooltip-inside .tooltip.tip-bottom-left:after, .tutor-tooltip-inside .tooltip.tip-top-left:after {

  right: 15px;

  left: auto;

}



.tutor-tooltip-inside .tooltip.tip-bottom-right:after, .tutor-tooltip-inside .tooltip.tip-top-right:after {

  left: 15px;

}



.tutor-tooltip-inside .tooltip.tip-left:after, .tutor-tooltip-inside .tooltip.tip-right:after {

  top: 50%;

  margin-top: -10px;

  margin-left: auto;

}



.tutor-tooltip-inside .tooltip.tip-left:after {

  right: -20px;

  left: auto;

  border-color: transparent transparent transparent #373739;

}



.tutor-tooltip-inside .tooltip.tip-right:after {

  left: -20px;

  border-color: transparent #373739 transparent transparent;

}



.tutor-instructor-list {

  outline: none;

  cursor: pointer;

  text-decoration: none !important;

  background: #FFFFFF;

  border: 1px solid #DCDBDC;

  border-radius: 6px;

}



.tutor-instructor-list:focus, .tutor-instructor-list:active {

  outline: none;

  cursor: pointer;

  text-decoration: none !important;

  background: #FFFFFF;

  border: 1px solid #DCDBDC;

  border-radius: 6px;

}



.tutor-instructor-list .tutor-instructor-profile-photo, .tutor-instructor-list .tutor-instructor-cover-photo {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

}



.tutor-instructor-list .tutor-instructor-profile-photo {

  border-radius: 50%;

  width: 60px;

  height: 60px;

}



.tutor-instructor-list .tutor-instructor-name {

  font-style: normal;

  font-weight: 500;

  font-size: 24px;

  color: #161616;

  margin: 0;

}



.tutor-instructor-list .tutor-instructor-course-count {

  margin-bottom: 10px;

}



.tutor-instructor-list .tutor-instructor-course-count > span {

  font-style: normal;

  font-weight: 500;

  font-size: 15px;

  color: #161616;

}



.tutor-instructor-list .tutor-instructor-course-count > span:last-child {

  color: #808080;

}



.tutor-instructor-list .tutor-instructor-rating * {

  font-size: 16px;

}



.tutor-instructor-list .tutor-instructor-rating .rating-digits {

  color: #161616;

}



.tutor-instructor-list .tutor-instructor-rating .rating-total-meta {

  color: #7A7A7A;

}



.tutor-instructor-list.tutor-instructor-list-pp-cp .tutor-instructor-cover-photo {

  width: 100%;

  height: 153px;

}



.tutor-instructor-list.tutor-instructor-list-pp-cp .tutor-instructor-profile-photo {

  border: 4px solid white;

  margin: -31px 15px 0;

}



.tutor-instructor-list.tutor-instructor-list-pp-cp .tutor-instructor-name, .tutor-instructor-list.tutor-instructor-list-pp-cp .tutor-instructor-course-count, .tutor-instructor-list.tutor-instructor-list-pp-cp .tutor-instructor-rating {

  padding: 0 15px;

}



.tutor-instructor-list.tutor-instructor-list-pp-top-full .tutor-instructor-cover-photo {

  display: none;

}



.tutor-instructor-list.tutor-instructor-list-pp-top-full .tutor-instructor-profile-photo {

  border-radius: 0%;

  width: 100%;

  height: 160px;

}



.tutor-instructor-list.tutor-instructor-list-pp-top-full .tutor-instructor-name, .tutor-instructor-list.tutor-instructor-list-pp-top-full .tutor-instructor-course-count, .tutor-instructor-list.tutor-instructor-list-pp-top-full .tutor-instructor-rating {

  padding: 0 15px;

}



.tutor-instructor-list.tutor-instructor-list-pp-top-full .tutor-instructor-name {

  margin-top: 15px;

}



.tutor-instructor-list.tutor-instructor-list-pp-top-left {

  padding: 15px;

}



.tutor-instructor-list.tutor-instructor-list-pp-top-left .tutor-instructor-cover-photo {

  display: none;

}



.tutor-instructor-list.tutor-instructor-list-pp-left-full .tutor-instructor-cover-photo, .tutor-instructor-list.tutor-instructor-list-pp-left-middle .tutor-instructor-cover-photo {

  display: none;

}



.tutor-instructor-list.tutor-instructor-list-pp-left-full .tutor-instructor-profile-photo, .tutor-instructor-list.tutor-instructor-list-pp-left-middle .tutor-instructor-profile-photo {

  border-radius: 0%;

  height: 102px;

  width: 102px;

  top: 0px;

  position: absolute;

}



.tutor-instructor-list.tutor-instructor-list-pp-left-full .tutor-instructor-name, .tutor-instructor-list.tutor-instructor-list-pp-left-full .tutor-instructor-course-count, .tutor-instructor-list.tutor-instructor-list-pp-left-full .tutor-instructor-rating {

  margin-left: 118px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  width: calc(100% - 110px);

  display: inline-block;

  position: relative;

  top: 6px;

}



.tutor-instructor-list.tutor-instructor-list-pp-left-middle .tutor-instructor-name, .tutor-instructor-list.tutor-instructor-list-pp-left-middle .tutor-instructor-course-count, .tutor-instructor-list.tutor-instructor-list-pp-left-middle .tutor-instructor-rating {

  margin-left: 118px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  width: calc(100% - 110px);

  display: inline-block;

  position: relative;

  top: 6px;

}



.tutor-instructor-list.tutor-instructor-list-pp-left-full .tutor-instructor-rating {

  top: 7px;

  position: relative;

}



.tutor-instructor-list.tutor-instructor-list-pp-left-middle .tutor-instructor-rating {

  top: 7px;

  position: relative;

}



.tutor-instructor-list.tutor-instructor-list-pp-left-middle .tutor-instructor-profile-photo {

  border-radius: 50%;

  height: 82px;

  width: 82px;

  margin: 10px;

}



.tutor-instructor-list.tutor-instructor-list-pp-left-middle .tutor-instructor-name {

  top: 11px;

}



.tutor-instructor-list.tutor-instructor-list-pp-left-middle .tutor-instructor-course-count {

  top: 46px;

}



.tutor-instructor-filter {

  overflow: auto;

}



.tutor-instructor-filter > div {

  float: left;

  padding: 0 15px;

}



.tutor-instructor-filter > div:first-child {

  width: 220px;

}



.tutor-instructor-filter .tutor-instructor-filter-result .keyword-field {

  padding: 5px;

  border: 1px solid #BABABA;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border-radius: 6px;

  margin-bottom: 30px;

}



.tutor-instructor-filter .tutor-instructor-filter-result .keyword-field i {

  padding: 0 5px;

  color: #3E64DE;

  font-size: 16px;

}



.tutor-instructor-filter .tutor-instructor-filter-result .keyword-field input {

  font-size: 16px;

  border: none;

  background: transparent;

  padding: 0;

  width: calc(100% - 40px);

  outline: 0;

}



.tutor-instructor-filter .tutor-instructor-filter-result .keyword-field input:hover, .tutor-instructor-filter .tutor-instructor-filter-result .keyword-field input:active {

  outline: 0;

}



.tutor-instructor-filter .tutor-instructor-filter-result .mobile-filter-container > div {

  width: calc(100% - 25px);

  display: inline-block;

}



.tutor-instructor-filter .tutor-instructor-filter-result .mobile-filter-container > i {

  vertical-align: middle;

  display: inline-block;

  margin-left: 5px;

  cursor: pointer;

}



.tutor-instructor-filter .tutor-instructor-filter-result .mobile-filter-popup {

  z-index: 9999999999;

  position: fixed;

  left: 0;

  bottom: 0;

  right: 0;

  top: 0;

  background: rgba(0, 0, 0, 0.493);

}



.tutor-instructor-filter .tutor-instructor-filter-result .mobile-filter-popup:not(.is-opened) {

  display: none;

}



.tutor-instructor-filter .tutor-instructor-filter-result .mobile-filter-popup > div {

  position: fixed;

  left: 0;

  bottom: 0;

  right: 0;

  background: white;

  border-top-left-radius: 10px;

  border-top-right-radius: 10px;

  height: 70%;

  overflow: hidden;

}



.tutor-instructor-filter .tutor-instructor-filter-result .mobile-filter-popup > div > div:first-child {

  bottom: auto;

  top: 0;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  padding: 18px;

  background: white;

}



.tutor-instructor-filter .tutor-instructor-filter-result .mobile-filter-popup > div > div:last-child {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  padding: 18px;

  background: white;

}



.tutor-instructor-filter .tutor-instructor-filter-result .mobile-filter-popup > div > div:first-child {

  bottom: auto;

  top: 0;

}



.tutor-instructor-filter .tutor-instructor-filter-result .mobile-filter-popup > div > div:nth-child(2) {

  overflow-x: hidden;

  overflow-y: auto;

  height: 100%;

  padding: 72px 18px;

}



.tutor-instructor-filter .tutor-instructor-filter-result .mobile-filter-popup > div > div:last-child {

  text-align: center;

}



.tutor-instructor-filter .tutor-instructor-filter-result .mobile-filter-popup > div > div:last-child button {

  width: 100%;

  text-align: center;

  display: block;

}



.tutor-instructor-filter .tutor-instructor-filter-result .mobile-filter-popup + .selected-cate-list > span {

  display: inline-block;

  background: #161616;

  color: white;

  border-radius: 50px;

  padding: 2px 12px;

  font-size: 13px;

  margin: 0 7px 7px 0;

}



.tutor-instructor-filter .tutor-instructor-filter-result .mobile-filter-popup + .selected-cate-list > span:last-child {

  background: transparent;

  color: #161616;

  cursor: pointer;

}



.tutor-instructor-filter .tutor-instructor-filter-result .mobile-filter-popup + .selected-cate-list > span > span {

  font-size: 10px;

  margin-left: 5px;

  cursor: pointer;

}



.tutor-instructor-filter .tutor-instructor-filter-result .mobile-filter-popup .expand-instructor-filter {

  width: 60px;

  height: 6px;

  background: #C4C4C4;

  border-radius: 50px;

  margin: 0 auto;

  cursor: ns-resize;

}



.tutor-instructor-filter .tutor-category-text > span:nth-of-type(1) {

  font-style: normal;

  font-weight: bold;

  font-size: 16px;

  text-transform: uppercase;

  color: #353535;

}



.tutor-instructor-filter .tutor-category-text > span:nth-of-type(2) {

  cursor: pointer;

  float: right;

  font-style: normal;

  font-weight: normal;

  font-size: 16px;

  line-height: 26px;

  color: #7A7A7A;

}



.tutor-instructor-filter .tutor-category-text > span:nth-of-type(2) i {

  font-size: 10px;

  margin-right: 5px;

}



@media (min-width: 768px) {

  .tutor-instructor-filter > div:last-child {

    padding: 0 15px;

    width: calc(100% - 250px);

  }

}



@media (min-width: 768px) {

  .tutor-instructor-filter .tutor-instructor-filter-result .mobile-filter-popup .is-opened {

    display: none;

  }

}



@media (max-width: 767px) {

  .tutor-instructor-filter .tutor-instructor-filter-sidebar, .tutor-instructor-filter .filter-pc {

    display: none;

  }

}



@media (min-width: 768px) {

  .tutor-instructor-filter .filter-mobile {

    display: none;

  }

  .tutor-instructor-filter .tutor-instructor-filter-result {

    width: 100%;

  }

}



.tutor-instructor-rejection-notice {

  width: 100%;

  clear: both;

  margin: 41px 0 0 0;

  background: #FFF7F7;

  padding: 16.5px;

  border-radius: 6px;

  border: 1px solid #FDD9D7;

}



.tutor-instructor-rejection-notice span {

  color: #C62828;

  font-size: 16px;

  font-weight: 400;

}



.tutor-instructor-rejection-notice span i {

  color: #F44337;

  font-size: 27px;

  display: inline-block;

  margin-right: 14px;

}



.tutor-instructor-rejection-notice a {

  float: right;

  color: #F44337;

  cursor: pointer;

  font-weight: bold;

}



.tutor-instructor-rejection-notice a:hover {

  color: #e41304;

}



.tutor-toast-parent {

  position: fixed;

  right: 25px;

  bottom: 50px;

  right: 50px;

  left: auto;

  max-height: 400px;

  width: 350px;

  overflow-x: hidden;

  overflow-y: auto;

  background: transparent;

  z-index: 99999999;

}



.tutor-toast-parent:empty {

  display: none;

}



.tutor-toast-parent > div {

  background: white;

  padding: 10px;

  margin: 15px;

  border-radius: 15px;

  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.363);

  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.363);

  border: 1px solid #E8E8E8;

  background: white;

  border: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  display: -o-flex;

  display: -ms-flex;

  display: -moz-flex;

  display: -webkit-flex;

  -ms-flex-line-pack: center;

  align-content: center;

  -o-align-content: center;

  -ms-align-content: center;

  -moz-align-content: center;

  -webkit-align-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -o-align-items: center;

  -ms-align-items: center;

  -moz-align-items: center;

  -webkit-align-items: center;

}



.tutor-toast-parent > div > div {

  padding: 8px;

}



.tutor-toast-parent > div > div:nth-child(1), .tutor-toast-parent > div > div:nth-child(3) {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -o-justify-content: center;

  -ms-justify-content: center;

  -moz-justify-content: center;

  -webkit-justify-content: center;

}



.tutor-toast-parent > div > div:nth-child(2) {

  -webkit-box-flex: 1;

  flex: 1;

  -o-flex: 1;

  -ms-flex: 1;

  -moz-flex: 1;

  -webkit-flex: 1;

}



.tutor-toast-parent > div img {

  width: 100%;

  height: auto;

}



.tutor-toast-parent > div b {

  font-weight: 600;

  display: block;

}



.tutor-toast-parent > div span {

  color: #333333;

}



.tutor-toast-parent > div i {

  cursor: pointer;

  font-size: 14px;

}



/* Only reusable function, or code allowed here. No direct css please. */

html.tutor-component-popup-opened, body.tutor-component-popup-opened {

  overflow: hidden !important;

}



.tutor-component-popup-container {

  width: calc(100% - 30px);

  height: 100%;

  padding: 15px;

  overflow: hidden;

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: 9999999999;

  background: rgba(0, 0, 0, 0.589);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  display: -o-flex;

  display: -ms-flex;

  display: -moz-flex;

  display: -webkit-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -o-align-items: center;

  -ms-align-items: center;

  -moz-align-items: center;

  -webkit-align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -o-justify-content: center;

  -ms-justify-content: center;

  -moz-justify-content: center;

  -webkit-justify-content: center;

}



.tutor-component-popup-container > div {

  display: inline-block;

  max-height: 100%;

  width: auto;

  max-width: 100%;

  background: white;

  overflow: auto;

  border-radius: 15px;

  position: relative;

  padding: 0;

}



.tutor-component-popup-container > div.tutor-component-popup-40 {

  padding: 40px;

}



.tutor-component-popup-container > div img.tutor-pop-icon {

  display: block;

  margin: 0 auto;

}



.tutor-component-popup-container > div h3 {

  margin: 7px 0 30px 0;

  font-style: normal;

  font-weight: normal;

  font-size: 30px;

  text-align: center;

  color: #212327;

  line-height: 32px;

}



.tutor-component-popup-container > div p {

  margin: 5px 0 30px;

  text-align: center;

  max-width: 560px;

  word-wrap: break-word;

}



.tutor-component-popup-container > div .tutor-component-button-container {

  text-align: center;

}



.tutor-component-popup-container > div .tutor-component-button-container button {

  margin: 5px;

}



.tutor-component-three-col-action {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  display: -o-flex;

  display: -ms-flex;

  display: -moz-flex;

  display: -webkit-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -o-align-items: center;

  -ms-align-items: center;

  -moz-align-items: center;

  -webkit-align-items: center;

  border: 1px solid #DCDBDC;

  border-radius: 6px;

  padding: 25px 35px 25px 30px;

  margin-bottom: 15px;

}



.tutor-component-three-col-action > *:first-child {

  margin-right: 15px;

}



.tutor-component-three-col-action > div:nth-child(2) {

  -webkit-box-flex: 1;

  flex: 1;

  -o-flex: 1;

  -ms-flex: 1;

  -moz-flex: 1;

  -webkit-flex: 1;

}



.tutor-component-three-col-action > div:nth-child(2) small {

  font-size: 16px;

}



.tutor-component-three-col-action > div:nth-child(2) p {

  font-size: 20px;

  line-height: 26px;

  margin: 0;

}



.tutor-pagination div.tutor-pagination-numbers {

  list-style: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 11px;

  padding: 0;

  margin: 0;

}



@media (max-width: 767.98px) {

  .tutor-pagination div.tutor-pagination-numbers {

    margin-top: 10px;

    gap: 10px;

  }

}



.tutor-pagination div.tutor-pagination-numbers a {

  text-decoration: none;

  color: inherit;

}



.tutor-pagination div.tutor-pagination-numbers .page-numbers {

  color: var(--tutor-body-color);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  position: relative;

  padding: 0 5px;

}



.tutor-pagination div.tutor-pagination-numbers .page-numbers:hover {

  color: var(--tutor-color-primary);

}



.tutor-pagination div.tutor-pagination-numbers .page-numbers a {

  padding: 1px 6px;

}



.tutor-pagination div.tutor-pagination-numbers .page-numbers.prev, .tutor-pagination div.tutor-pagination-numbers .page-numbers.next {

  padding: 0;

  width: 32px;

  height: 32px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  background: rgba(var(--tutor-color-primary-rgb), 0.1);

  border-radius: 6px;

  -webkit-transition: all 150ms linear;

  transition: all 150ms linear;

}



.tutor-pagination div.tutor-pagination-numbers .page-numbers.prev:hover, .tutor-pagination div.tutor-pagination-numbers .page-numbers.next:hover {

  color: var(--tutor-color-white);

  background: var(--tutor-color-primary);

}



@media (min-width: 1200px) {

  .tutor-pagination div.tutor-pagination-numbers .page-numbers {

    --margin: 32px

    ;

  }

  .tutor-pagination div.tutor-pagination-numbers .page-numbers.prev {

    margin-right: var(--margin);

  }

  .tutor-pagination div.tutor-pagination-numbers .page-numbers.next {

    margin-left: var(--margin);

  }

}



.tutor-pagination div.tutor-pagination-numbers .page-numbers:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 2px;

  background: var(--tutor-color-primary);

  bottom: calc(0% - 12px);

  left: 0;

  -webkit-transform: scaleY(0);

  transform: scaleY(0);

  -webkit-transform-origin: bottom;

  transform-origin: bottom;

  -webkit-transition: -webkit-transform 100ms linear;

  transition: -webkit-transform 100ms linear;

  transition: transform 100ms linear;

  transition: transform 100ms linear, -webkit-transform 100ms linear;

}



.tutor-pagination div.tutor-pagination-numbers .page-numbers.current {

  color: var(--tutor-color-primary);

}



.tutor-pagination div.tutor-pagination-numbers .page-numbers.current:before {

  -webkit-transform: scaleY(1);

  transform: scaleY(1);

}



/*------------------------------------------------------------------*\  

            2 - ARCHIVE                                                                   

\*------------------------------------------------------------------*/

.tutor-widget-course-loop {

  width: 33.33%;

  float: left;

  padding: 0 15px;

}



.tutor-widget-course-loop .tutor-card {

  border: none;

}



.course-results-col-3 {

  margin: 0 -15px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.course-results-col-3 > .item-course {

  padding: 0 15px;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 33.33%;

  flex: 0 0 33.33%;

  width: 33.33%;

}



@media (max-width: 1024px) {

  .course-results-col-3 > .item-course {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    width: 50%;

  }

}



@media (max-width: 660px) {

  .course-results-col-3 > .item-course {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    width: 0 0 100%;

  }

}



/*------------------------------------------------------------------*\  

            3 - FILTER                                                                   

\*------------------------------------------------------------------*/

.course-filter_search .content-inner {

  position: relative;

}



.course-filter_search .content-inner input {

  width: 100%;

  font-size: 14px;

  font-weight: 500;

}



.course-filter_search .content-inner i {

  position: absolute;

  right: 15px;

  top: 50%;

  margin-top: -10px;

  z-index: 11;

}



.tutor-course-filter-wrapper {

  overflow: visible;

}



.tutor-course-filter-wrapper .tutor-course-filter-container {

  overflow: visible;

  padding: 0;

}



.tutor-course-filter-wrapper .filter-course-results {

  padding: 0;

}



.tutor-course-filter-wrapper .filter-course-results .tutor-container {

  padding: 0;

  max-width: 100%;

}



.tutor-course-filter-wrapper .filter-course-results .tutor-course-filter {

  padding: 0 !important;

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

  border: none !important;

  margin-bottom: 0 !important;

}



.el-course-filter .tutor-form-check-input[type="checkbox"]:checked {

  border-color: var(--e-global-color-primary);

  background-color: var(--e-global-color-primary) !important;

  background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.922 5.7a.627.627 0 01-.127-.194.72.72 0 010-.5.6.6 0 01.127-.195l.905-.867a.562.562 0 01.425-.195.592.592 0 01.25.05.665.665 0 01.207.145l2.73 2.734L11.295.82a.658.658 0 01.202-.145.613.613 0 01.484.002.568.568 0 01.191.143l.905.88a.6.6 0 01.127.195.72.72 0 010 .5.628.628 0 01-.127.194l-7.2 7.163a.575.575 0 01-.195.147.655.655 0 01-.5 0 .575.575 0 01-.195-.147L.922 5.7z' fill='%23fff'/%3E%3C/svg%3E") !important;

  background-repeat: no-repeat;

  background-position: 50% 50%;

}



.el-course-filter.disable-pagination .tutor-ui-pagination {

  display: none !important;

}



.el-course-filter .checkbox-filter-content ul {

  padding: 0;

  margin: 0;

}



.el-course-filter .checkbox-filter-content .tutor-list-item {

  margin-bottom: 6px;

}



.el-course-filter .checkbox-filter-content .tutor-list-item:last-child {

  margin-bottom: 0 !important;

}



.el-course-filter .checkbox-filter-content label .tutor-form-check-input {

  width: 20px;

  height: 20px;

  position: relative;

  top: 4px;

  margin-right: 5px;

}



.el-course-filter.filter-layout-top .filter-top, .el-course-filter.filter-layout-top .btn-control-sidebar {

  display: none !important;

}



.el-course-filter.filter-layout-top .tutor-course-filter-wrapper .tutor-course-filter-container {

  background: none !important;

  width: 100%;

  position: relative !important;

  right: 0 !important;

}



.el-course-filter.filter-layout-top .course-filter-form {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-left: -5px;

  margin-right: -5px;

  margin-bottom: 15px;

}



.el-course-filter.filter-layout-top .course-filter-form > div {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 calc( 100% / 3);

  flex: 0 0 calc( 100% / 3);

  max-width: calc( 100% / 3);

  padding-right: 15px;

  padding-left: 15px;

  padding-top: 0;

  margin-bottom: 15px;

}



@media (max-width: 800px) {

  .el-course-filter.filter-layout-top .course-filter-form > div {

    -webkit-box-flex: 0 !important;

    -ms-flex: 0 0 50% !important;

    flex: 0 0 50% !important;

    max-width: 50% !important;

  }

}



@media (max-width: 360px) {

  .el-course-filter.filter-layout-top .course-filter-form > div {

    -webkit-box-flex: 0 !important;

    -ms-flex: 0 0 100% !important;

    flex: 0 0 100% !important;

    max-width: 100% !important;

  }

}



.el-course-filter.filter-layout-top .course-filter-form > div .show-results, .el-course-filter.filter-layout-top .course-filter-form > div input {

  background: none;

}



.el-course-filter.filter-layout-top .course-filter-form.search-cols-5 > div {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 calc( 100% / 5);

  flex: 0 0 calc( 100% / 5);

  max-width: calc( 100% / 5);

}



.el-course-filter.filter-layout-top .course-filter-form.search-cols-4 > div {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 calc( 100% / 4);

  flex: 0 0 calc( 100% / 4);

  max-width: calc( 100% / 4);

}



.el-course-filter.filter-layout-top .course-filter-form.search-cols-3 > div {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 calc( 100% / 3);

  flex: 0 0 calc( 100% / 3);

  max-width: calc( 100% / 3);

}



.el-course-filter.filter-layout-top .course-filter-form.search-cols-2 > div {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 calc( 100% / 2);

  flex: 0 0 calc( 100% / 2);

  max-width: calc( 100% / 2);

}



.el-course-filter.filter-layout-top .course-filter-form.search-cols-1 > div {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  max-width: 100%;

}



@media (max-width: 800px) {

  .el-course-filter.filter-layout-top .course-filter-form.search-cols-1 > div {

    -webkit-box-flex: 0 !important;

    -ms-flex: 0 0 100% !important;

    flex: 0 0 100% !important;

    max-width: 100% !important;

  }

}



.el-course-filter.filter-layout-top .course-filter-form .tutor-clear-all-filter {

  display: none !important;

}



.el-course-filter.filter-layout-top .filter-course-results {

  width: 100%;

}



.el-course-filter.filter-layout-top .filter-course-results .tutor-container {

  padding: 0;

}



.el-course-filter.filter-layout-top.layout-boxed .tutor-course-filter {

  background: #fff;

  border-radius: 12px;

  padding: 28px 20px 0;

  margin-bottom: 45px;

  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);

  border: 1px solid rgba(0, 0, 0, 0.06);

}



@media (max-width: 1024px) {

  .el-course-filter.filter-layout-top.layout-boxed .tutor-course-filter {

    margin-bottom: 30px;

  }

}



.el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  margin: 0 -15px;

}



.el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .filter-sidebar-overlay {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');

  -webkit-filter: url(#blur-filter);

  filter: url(#blur-filter);

  -webkit-filter: blur(3px);

  filter: blur(3px);

  z-index: 11;

}



.el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .filter-sidebar-overlay.open {

  display: block;

}



.el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .tutor-course-filter-container {

  width: 28%;

  padding: 0 15px;

  -webkit-box-ordinal-group: 2;

  -ms-flex-order: 1;

  order: 1;

}



.el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .tutor-course-filter-container .filter-top {

  display: none;

}



@media (max-width: 1024px) {

  .el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .tutor-course-filter-container {

    position: fixed;

    top: 0;

    right: -360px;

    z-index: 99;

    background: #fff;

    max-width: 100%;

    height: 100%;

    width: 350px;

    overflow-y: scroll;

    border-left: 1px solid #E2DFEB;

    padding: 0 25px 25px;

    -webkit-transition: all 0.35s;

    transition: all 0.35s;

  }

  .el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .tutor-course-filter-container .course-filter-form {

    padding: 0 !important;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    border: 0 !important;

  }

  .el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .tutor-course-filter-container.open {

    right: 0;

  }

  .el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .tutor-course-filter-container .filter-top {

    display: block;

    text-align: left;

    background: #F5F6FA;

    margin-left: -25px;

    margin-right: -25px;

    margin-bottom: 30px;

    padding: 10px 25px 6px;

  }

  .el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .tutor-course-filter-container .filter-top .btn-close-filter {

    display: inline-block;

    border-radius: 10px;

    color: #1E2744;

    font-size: 20px;

  }

}



.el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .tutor-course-filter-container .course-filter-form {

  padding: 30px;

  -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.06);

  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.06);

  border: 1px solid rgba(0, 0, 0, 0.06);

  border-radius: 10px;

}



@media (max-width: 991.98px) {

  .el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .tutor-course-filter-container .course-filter-form {

    padding: 30px 20px;

  }

}



.el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .tutor-course-filter-container .course-filter-form > div {

  margin-bottom: 25px;

}



.el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .tutor-course-filter-container .course-filter-form > div:last-child {

  margin-bottom: 0;

}



.el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .tutor-course-filter-container .course-filter-form > div .title-field {

  margin-bottom: 6px;

}



.el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .tutor-course-filter-container .course-filter-form > div .title-field i {

  color: var(--e-global-color-primary);

}



.el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .tutor-course-filter-container .course-filter-form > div.course-filter_search .title-field {

  display: none;

}



.el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .tutor-course-filter-container .course-filter-form > div .checkbox-filter-content .content-inner > * {

  margin-bottom: 8px;

}



.el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .tutor-course-filter-container .course-filter-form > div .checkbox-filter-content .content-inner > *:last-child {

  margin-bottom: 0;

}



.el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .filter-course-results {

  width: 72%;

  padding: 0 15px;

  -webkit-box-ordinal-group: 3;

  -ms-flex-order: 2;

  order: 2;

}



.el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .filter-course-results .btn-control-sidebar {

  display: none;

  width: auto;

  padding: 0 0 20px;

  font-size: 16px;

  background: none;

  color: var(--e-global-color-primary);

}



.el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .filter-course-results .btn-control-sidebar i {

  font-size: 18px;

  margin-right: 6px;

  position: relative;

  top: 1px;

}



@media (max-width: 1024px) {

  .el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .filter-course-results {

    width: 100%;

  }

  .el-course-filter.course-filter-sidebar .tutor-course-filter-wrapper .filter-course-results .btn-control-sidebar {

    display: inline-block;

  }

}



.el-course-filter.filter-layout-right .tutor-course-filter-wrapper .tutor-course-filter-container {

  -webkit-box-ordinal-group: 3;

  -ms-flex-order: 2;

  order: 2;

}



.el-course-filter.filter-layout-right .tutor-course-filter-wrapper .filter-course-results {

  -webkit-box-ordinal-group: 2;

  -ms-flex-order: 1;

  order: 1;

}



.course-filter-form label.title-field {

  color: var(--e-global-color-text) !important;

  font-size: 15px;

  display: block;

  line-height: 20px;

}



.course-filter-form .course-filter_search .input-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding-bottom: 10px;

  border-bottom: 1px solid #E2DFEB;

}



.course-filter-form .course-filter_search .input-wrap .input-icon {

  -webkit-box-flex: 0;

  -ms-flex: 0 0 40px;

  flex: 0 0 40px;

  font-size: 26px;

  padding-top: 10px;

  color: var(--e-global-color-primary);

}



.course-filter-form .course-filter_search .input-wrap .input-content input {

  border: none;

  padding: 0;

  color: var(--e-global-color-accent);

  font-weight: 500;

  line-height: 28px;

}



.course-filter-form .course-filter_search .input-wrap .input-content input::-webkit-input-placeholder {

  color: var(--e-global-color-accent);

  font-weight: 500 !important;

}



.course-filter-form .course-filter_search .input-wrap .input-content input::-moz-placeholder {

  color: var(--e-global-color-accent);

  font-weight: 500 !important;

  opacity: 1;

}



.course-filter-form .course-filter_search .input-wrap .input-content input:-ms-input-placeholder {

  color: var(--e-global-color-accent);

  font-weight: 500 !important;

}



.course-filter-form .course-filter_search .input-wrap .input-content input:-moz-placeholder {

  font-weight: 500 !important;

  opacity: 1;

}



.course-filter-form.select-filter-dropdow .course-checkbox-filter, .course-filter-form.select-filter-dropdow .course-filter_search {

  position: relative;

}



@media (max-width: 710px) {

  .course-filter-form.select-filter-dropdow .course-checkbox-filter, .course-filter-form.select-filter-dropdow .course-filter_search {

    margin-top: 10px;

  }

}



.course-filter-form.select-filter-dropdow .course-checkbox-filter .input-wrap, .course-filter-form.select-filter-dropdow .course-filter_search .input-wrap {

  display: block;

  padding-bottom: 10px;

  border-bottom: 1px solid #E2DFEB;

  position: relative;

}



.course-filter-form.select-filter-dropdow .course-checkbox-filter .input-wrap .input-icon, .course-filter-form.select-filter-dropdow .course-filter_search .input-wrap .input-icon {

  width: 40px;

  font-size: 26px;

  padding-top: 10px;

  color: var(--e-global-color-primary);

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

}



.course-filter-form.select-filter-dropdow .course-checkbox-filter .input-wrap .input-content, .course-filter-form.select-filter-dropdow .course-filter_search .input-wrap .input-content {

  padding-left: 40px;

}



.course-filter-form.select-filter-dropdow .course-checkbox-filter .show-results, .course-filter-form.select-filter-dropdow .course-filter_search .show-results {

  background: #FFF;

  border-radius: 4px;

  width: 100%;

  padding: 0;

  font-weight: 500;

  color: var(--e-global-color-accent);

  white-space: nowrap;

  overflow: hidden;

  cursor: pointer;

  font-size: 16px;

  position: relative;

}



.course-filter-form.select-filter-dropdow .course-checkbox-filter .show-results:after, .course-filter-form.select-filter-dropdow .course-filter_search .show-results:after {

  content: '';

  width: 12px;

  height: 12px;

  background-image: url("../images/down-arrow.svg") !important;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 12px;

  border: none;

  position: absolute;

  top: 50%;

  right: 5px;

  margin-top: -5px;

  -webkit-transition: all 0.35s;

  transition: all 0.35s;

  z-index: 15;

}



.course-filter-form.select-filter-dropdow .course-checkbox-filter .show-results:before, .course-filter-form.select-filter-dropdow .course-filter_search .show-results:before {

  content: '';

  width: 85px;

  height: 100%;

  position: absolute;

  top: 0;

  right: 0;

  background: -webkit-gradient(linear, right top, left top, color-stop(20%, #fff), color-stop(100%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));

  background: linear-gradient(270deg, #fff 20%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);

  z-index: 11;

}



.course-filter-form.select-filter-dropdow .course-checkbox-filter .show-results .content-inner, .course-filter-form.select-filter-dropdow .course-filter_search .show-results .content-inner {

  overflow: hidden;

}



.course-filter-form.select-filter-dropdow .course-checkbox-filter .show-results .content-inner > span, .course-filter-form.select-filter-dropdow .course-filter_search .show-results .content-inner > span {

  position: relative;

}



.course-filter-form.select-filter-dropdow .course-checkbox-filter .show-results .content-inner > span:after, .course-filter-form.select-filter-dropdow .course-filter_search .show-results .content-inner > span:after {

  content: ', ';

}



.course-filter-form.select-filter-dropdow .course-checkbox-filter .show-results .content-inner > span:last-child:after, .course-filter-form.select-filter-dropdow .course-filter_search .show-results .content-inner > span:last-child:after {

  display: none;

}



.course-filter-form.select-filter-dropdow .course-checkbox-filter .checkbox-filter-content, .course-filter-form.select-filter-dropdow .course-filter_search .checkbox-filter-content {

  position: absolute;

  top: 100%;

  left: 5px;

  right: 5px;

  background: #fff;

  padding: 20px;

  border-radius: 4px;

  z-index: 99;

  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);

  border: 1px solid rgba(0, 0, 0, 0.06);

  -webkit-transform: rotateX(-90deg);

  transform: rotateX(-90deg);

  -webkit-transition: all 0.35s;

  transition: all 0.35s;

  margin-top: -3px;

}



.course-filter-form.select-filter-dropdow .course-checkbox-filter .checkbox-filter-content label, .course-filter-form.select-filter-dropdow .course-filter_search .checkbox-filter-content label {

  color: var(--e-global-color-text);

  font-size: 14px;

  display: block;

  width: 100%;

}



.course-filter-form.select-filter-dropdow .course-checkbox-filter.active .show-results:after, .course-filter-form.select-filter-dropdow .course-filter_search.active .show-results:after {

  -webkit-transform: rotate(-180deg);

  transform: rotate(-180deg);

}



.course-filter-form.select-filter-dropdow .course-checkbox-filter.active .checkbox-filter-content, .course-filter-form.select-filter-dropdow .course-filter_search.active .checkbox-filter-content {

  -webkit-transform: rotateX(0deg);

  transform: rotateX(0deg);

}



.course-filter-form.select-filter-dropdow .course-checkbox-filter.field-checkbox-amenities .show-results, .course-filter-form.select-filter-dropdow .course-filter_search.field-checkbox-amenities .show-results {

  display: none;

}



.course-filter-form.select-filter-dropdow .course-checkbox-filter.field-checkbox-amenities .checkbox-filter-content, .course-filter-form.select-filter-dropdow .course-filter_search.field-checkbox-amenities .checkbox-filter-content {

  opacity: 1;

  position: static;

  -webkit-transform: rotateX(0deg);

  transform: rotateX(0deg);

  border: none;

  padding: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

  margin-top: 0;

}



.course-filter-form.select-filter-list .input-wrap .input-icon {

  display: none;

}



.course-filter-form.select-filter-list .input-wrap .title-field {

  font-weight: 600;

  font-family: var(--wellearn-heading-font-family);

  color: var(--e-global-color-accent) !important;

  margin-bottom: 15px !important;

  display: block;

}



.course-filter-form.select-filter-list .input-wrap .title-field i {

  display: inline !important;

  color: var(--e-global-color-primary);

  margin-right: 5px;

}



.course-filter-form.select-filter-list .course-checkbox-filter .show-results {

  display: none;

}



.course-filter-form.select-filter-list .course-checkbox-filter .checkbox-filter-content label {

  width: 100%;

  display: block;

  color: var(--e-global-color-text);

}



.course-filter-form.select-filter-list .tutor-clear-all-filter a {

  font-size: 14px;

  padding: 10px 18px 8px;

  background: var(--e-global-color-primary);

  color: #fff;

  border-radius: 6px;

}



.course-filter-form.select-filter-list .tutor-clear-all-filter a i {

  font-size: 12px;

  margin-right: 4px;

}



.tutor-course-filter-wrap {

  margin-bottom: 30px;

}



.tutor-course-filter-wrap .tutor-course-archive-results-wrap {

  font-size: 16px;

  color: #1E2744;

}



.tutor-course-filter-wrap .tutor-course-archive-filters-wrap select {

  background-color: #FFF !important;

  padding: 3px 40px 0 25px !important;

  max-width: 100%;

  line-height: 38px;

  color: var(--e-global-color-text);

  font-size: 15px !important;

  border: 1px solid rgba(0, 0, 0, 0.08) !important;

  border-radius: 4px !important;

}



.archive-course-sidebar {

  margin-top: 30px;

}



.filter-layout-top .archive-course-sidebar {

  display: none;

}



.order-disable .tutor-course-filter-wrap {

  display: none;

}



.course-archive {

  padding-top: 80px;

  padding-bottom: 60px;

}



@media (max-width: 1024px) {

  body.admin-bar .course-filter-sidebar .tutor-course-filter-container {

    padding-top: 30px !important;

  }

}



@media (max-width: 1024px) and (max-width: 782px) {

  body.admin-bar .course-filter-sidebar .tutor-course-filter-container {

    padding-top: 45px !important;

  }

}



@media (max-width: 1024px) and (max-width: 600px) {

  body.admin-bar.header-is-fixed .course-filter-sidebar .tutor-course-filter-container {

    padding-top: 0 !important;

  }

}



@media (max-width: 1024px) {

  body.open-filter-sidebar .wp-site-header, body.open-overlay .wp-site-header {

    z-index: 11;

  }

}



.tutor-courses-loop-wrap .tutor-empty-state {

  width: 100%;

}



/*------------------------------------------------------------------*\  

            4 - PROFILE                                                                   

\*------------------------------------------------------------------*/

.profile-block {

  border: 1px solid #E2DFEB;

  padding: 40px 30px;

  border-radius: 10px;

  text-align: center;

  margin-bottom: 30px;

}



.profile-block .user-avatar {

  max-width: 210px;

  border-radius: 50%;

  overflow: hidden;

  display: inline-block;

}



.profile-block .user-avatar img {

  border-radius: 50%;

}



.profile-block .profile-content .profile-name {

  font-size: 20px;

  margin: 15px 0 2px;

}



.profile-block .profile-content .profile-sub {

  font-size: 12px;

  text-transform: uppercase;

  color: var(--e-global-color-primary);

  letter-spacing: 1px;

  line-height: 26px;

}



.profile-block .profile-content .tutor-loop-rating-wrap {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.profile-block .profile-content .tutor-loop-rating-wrap .tutor-rating-count {

  margin-left: 6px;

}



.profile-block .profile-content .tutor-loop-rating-wrap .number {

  font-size: 12px;

  margin-left: 2px;

  padding: 6px 8px 6px 6px;

}



.profile-block .profile-content .profile-bio {

  font-size: 16px;

  line-height: 26px;

  padding: 12px 0 5px;

}



.profile-block .profile-content .meta-bottom {

  background: #F1F2F6;

  font-size: 14px;

  padding: 10px 20px;

  margin-top: 20px;

  border-radius: 10px;

}



.profile-block .profile-content .meta-bottom .content-inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.profile-block .profile-content .meta-bottom .content-inner .profile-socials {

  position: relative;

  top: 3px;

}



.profile-block .profile-content .meta-bottom .content-inner .profile-socials a {

  color: #757783;

  margin-left: 12px;

}



.profile-block .profile-content .meta-bottom .content-inner .profile-socials a:first-child() {

  margin-left: 0;

}



.profile-block .profile-content .meta-bottom .content-inner .profile-socials a:hover {

  color: var(--e-global-color-primary);

}



.z-register-page .custom-breadcrumb {

  display: none;

}



.z-register-page #wp-main-content {

  background: #F1F2F6;

  padding: 100px 0 70px;

}



@media (max-width: 991.98px) {

  .z-register-page #wp-main-content {

    padding: 60px 0 30px;

  }

}



.z-register-page #wp-content {

  background: #F1F2F6;

}



.z-register-page h1.title {

  display: none;

}



.z-register-page .z-register-form {

  border-radius: 4px;

  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

  overflow: hidden;

  background: #fff;

}



.z-register-page .z-register-form:before, .z-register-page .z-register-form:after {

  content: " ";

  display: table;

}



.z-register-page .z-register-form:after {

  clear: both;

}



.z-register-page .z-register-form .register-content-left {

  position: relative;

  background: #EFF6FE;

  padding-bottom: 50px;

}



@media (max-width: 830px) {

  .z-register-page .z-register-form .register-content-left {

    display: none;

  }

}



.z-register-page .z-register-form .register-content-left .img-register {

  display: inline-block;

  position: relative;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}



.z-register-page .z-register-form .register-content-left .content-inner {

  padding: 30px;

}



.z-register-page .z-register-form .register-content-left .content-inner .title {

  margin: 0;

}



.z-register-page .z-register-form .register-content-left .quick-login {

  position: absolute;

  bottom: 50px;

  left: 0;

  width: 100%;

  z-index: 11;

  padding: 0 20px;

  text-align: center;

}



.z-register-page .z-register-form .register-content-left .quick-login .text {

  display: inline-block;

  margin-right: 10px;

  color: #1E2744;

}



.z-register-page .z-register-form .register-content-left .quick-login .login-link {

  top: 11px;

}



.z-register-page .z-register-form .register-form-content {

  padding: 50px 50px;

}



@media (max-width: 830px) {

  .z-register-page .z-register-form .register-form-content {

    width: 100% !important;

  }

}



@media (max-width: 992px) {

  .z-register-page .z-register-form .register-form-content {

    padding: 50px 30px;

  }

}



@media (max-width: 450px) {

  .z-register-page .z-register-form .register-form-content {

    padding: 50px 15px;

  }

}



.z-register-page .z-register-form .register-form-content .form-title {

  font-size: 26px;

  margin: 0 0 5px;

}



.z-register-page .z-register-form .register-form-content .form-links {

  margin: 30px 0 25px;

}



.z-register-page .z-register-form .register-form-content .form-links a {

  width: 48%;

  margin-right: 2%;

  display: inline-block;

  background: #E3EBF9;

  padding: 10px 10px 8px;

  border-radius: 10px;

  text-align: center;

  font-size: 14px;

  text-transform: uppercase;

  letter-spacing: 1px;

  font-weight: 700;

  margin-bottom: 10px;

}



@media (max-width: 450px) {

  .z-register-page .z-register-form .register-form-content .form-links a {

    font-size: 12px;

    line-height: 20px;

  }

}



.z-register-page .z-register-form .register-form-content .form-links a:last-child {

  margin-right: 0;

}



.z-register-page .z-register-form .register-form-content .form-links a.active {

  background: var(--e-global-color-primary);

  color: #fff;

}



.z-register-page .z-register-form .register-form-content .tutor-form-group label {

  color: #1E2744;

  margin-bottom: 2px;

  font-size: 15px;

}



.z-register-page .z-register-form .register-form-content .tutor-form-group input {

  margin-bottom: 25px;

}



.z-register-page .z-register-form .register-form-content .tutor-reg-form-btn-wrap {

  text-align: left !important;

}



.z-register-page .z-register-form .nsl-container {

  text-align: left !important;

}



/*------------------------------------------------------------------*\  

            5 - SINGLE                                                                   

\*------------------------------------------------------------------*/

.tutor-single-course-meta.tutor-meta-top {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



@media (max-width: 767px) {

  .tutor-single-course-meta.tutor-meta-top {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

}



.tutor-single-course-author-meta {

  padding: 0;

  margin: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  font-weight: 500;

}



@media (max-width: 680px) {

  .tutor-single-course-author-meta {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-bottom: 20px;

  }

}



.tutor-single-course-author-meta .author-information {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.tutor-single-course-author-meta .author-information .course-avatar {

  width: 38px;

}



.tutor-single-course-author-meta .author-information .course-avatar img {

  width: 100%;

  border-radius: 50%;

}



.tutor-single-course-author-meta .author-information .course-avatar .tutor-text-avatar {

  width: 38px;

  height: 38px;

  line-height: 38px;

  display: inline-block;

  border-radius: 50%;

  text-align: center;

}



.tutor-single-course-author-meta .author-information .course-author-name {

  display: inline-block;

  padding: 0 0 0 15px;

}



.tutor-single-course-author-meta .author-information .course-author-name a {

  font-size: 15px;

  color: var(--e-global-color-primary);

}



.tutor-single-course-author-meta .line {

  padding: 0 10px;

  font-weight: 400;

  color: #e0e2e9;

}



.tutor-single-course-author-meta .course-last-update {

  font-size: 15px;

}



.course-single-title {

  font-size: 26px;

  margin: 18px 0 12px;

}



@media (max-width: 1024px) {

  .course-single-title {

    font-size: 22px;

  }

}



.course-single-top-meta {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



@media (max-width: 767px) {

  .course-single-top-meta {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

}



.course-single-top-meta .tutor-single-course-rating {

  margin-right: 20px;

}



@media (max-width: 767px) {

  .course-single-top-meta .course-total-enrolled {

    margin-right: 30px;

  }

}



.course-single-top-meta .course-total-enrolled .icon {

  color: var(--e-global-color-primary);

}



.course-single-top-meta .course-category {

  margin-left: auto;

}



@media (max-width: 767px) {

  .course-single-top-meta .course-category {

    margin-left: 0;

  }

}



.course-single-top-meta .course-category .icon {

  color: var(--e-global-color-primary);

  margin-right: 6px;

}



.course-single-top-meta .course-category a {

  font-size: 16px;

}



.course-single-action {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.course-single-action .tutor-social-share {

  display: inline-block;

  margin-left: 10px;

}



.course-single-share {

  position: relative;

}



.course-single-share .course-share-content {

  position: absolute;

  bottom: 100%;

  right: 0;

  z-index: 11;

  min-width: 210px;

  background: #fff;

  text-align: center;

  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);

  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);

  border: 1px solid #E2DFEB;

  padding: 20px;

  border-radius: 6px;

  margin-bottom: 16px;

  display: none;

}



.course-single-share .course-share-content:after {

  content: '';

  position: absolute;

  top: 100%;

  right: 45px;

  width: 16px;

  height: 16px;

  border-width: 8px;

  border-style: solid;

  border-color: #fff transparent transparent transparent;

  display: block;

}



.course-single-share .course-share-content .tutor-social-share-wrap {

  border: none;

  display: inline-block;

  width: auto;

  margin: 0;

  padding: 0;

  font-size: 14px;

}



.course-single-share .course-share-content .tutor-social-share-wrap button {

  border-radius: 6px;

  border: 1px solid #E2DFEB;

  background: #fff;

  width: 32px;

  height: 32px;

  line-height: 36px;

  text-align: center;

  display: inline-block;

  margin: 0 5px;

}



.course-single-share .course-share-content .tutor-social-share-wrap button:hover {

  background: var(--e-global-color-primary);

  color: #fff;

}



.course-single-share.open-share .course-share-content {

  display: block;

}



.tutor-social-share .tutor-course-share-btn {

  padding: 8px 20px 8px !important;

  background: var(--e-global-color-primary);

  color: #fff;

  display: inline-block;

}



.single-course-sidebar .course-single-thumbnail {

  border-radius: 0;

  background: #F1F2F6;

}



.single-course-sidebar .course-single-thumbnail iframe {

  height: 185px;

}



.single-course-sidebar .course-single-thumbnail img {

  width: 100%;

}



.single-course-sidebar .tutor-course-single-pricing {

  text-align: center;

}



.single-course-sidebar .tutor-add-to-cart-button .tutor-icon-cart-filled {

  display: none;

}



.single-course-sidebar .amount {

  font-size: 22px;

  font-weight: 600;

  color: #1E2744;

}



@media (max-width: 1024px) {

  .single-course-sidebar .tutor-card .tutor-card-footer {

    padding: 30px 15px;

  }

}



.single-course-sidebar .tutor-card .tutor-card-footer .tutor-ul li {

  color: var(--e-global-color-text);

}



.single-course-sidebar .tutor-card .tutor-card-footer .tutor-ul li [class*="tutor-icon"] {

  color: var(--e-global-color-secondary);

  font-size: 18px;

}



.single-course-sidebar .tutor-card .tutor-card-footer .tutor-ul li .tutor-meta-value {

  color: var(--e-global-color-text);

  font-weight: 400;

}



.single-course-sidebar .tutor-price-preview-box {

  padding: 0;

  overflow: hidden;

  margin-bottom: 30px;

  border: none !important;

}



.single-course-sidebar .tutor-price-preview-box .price-meta {

  background: #F1F2F6;

  padding: 45px 30px;

  text-align: center;

}



.single-course-sidebar .tutor-price-preview-box .price-meta .price {

  font-size: 30px;

  font-weight: 700;

  color: #1E2744;

  margin-bottom: 15px;

  display: inline-block;

}



.single-course-sidebar .tutor-price-preview-box .price-meta .price del {

  font-size: 16px;

  color: var(--e-global-color-text);

  font-weight: 400;

  float: right;

  margin-left: 6px;

  position: relative;

  top: 3px;

}



.single-course-sidebar .tutor-price-preview-box .price-meta .price ins {

  text-decoration: none;

}



.single-course-sidebar .tutor-price-preview-box .tutor-single-course-segment {

  border-top: 0;

  border-radius: 0 0 10px 10px;

}



.single-course-sidebar .tutor-single-course-segment, .single-course-sidebar .course-single-meta {

  padding: 30px;

  border: 1px solid #E2DFEB;

  border-radius: 10px;

  margin-bottom: 30px;

  margin-top: 30px;

}



@media (max-width: 1024px) {

  .single-course-sidebar .tutor-single-course-segment, .single-course-sidebar .course-single-meta {

    padding: 30px 15px;

  }

}



.single-course-sidebar .tutor-single-course-segment .tutor-segment-title, .single-course-sidebar .course-single-meta .tutor-segment-title {

  font-size: 18px;

  font-weight: 700;

}



.single-course-sidebar .tutor-single-course-segment ul li, .single-course-sidebar .course-single-meta ul li {

  font-size: 16px;

  padding-top: 5px;

  padding-bottom: 5px;

}



.single-course-sidebar .course-single-meta .meta-item {

  border-bottom: 1px solid #E2DFEB;

  padding-bottom: 20px;

  margin-bottom: 20px;

  font-size: 16px;

}



.single-course-sidebar .course-single-meta .meta-item:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

  border: 0;

}



.single-course-sidebar .course-single-meta .meta-item .icon {

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background: #F1F2F6;

  color: var(--e-global-color-primary);

  line-height: 42px;

  text-align: center;

  display: inline-block;

  margin-right: 6px;

  -webkit-transition: all 0.35s;

  transition: all 0.35s;

}



.single-course-sidebar .course-single-meta .meta-item .value {

  color: #1E2744;

}



.single-course-sidebar .course-single-meta .meta-item:hover .icon {

  background: var(--e-global-color-primary);

  color: #fff;

}



.single-course-topics-wrap {

  padding: 45px 25px;

  border: 1px solid #E2DFEB;

  border-radius: 10px;

}



@media (max-width: 991.98px) {

  .single-course-topics-wrap {

    padding: 30px;

  }

}



.single-course-topics-wrap .tutor-course-topics-header .tutor-course-topics-header-right .tutor-meta-value {

  margin-left: 1px;

}



.single-course-topics-wrap .tutor-course-topics-contents .tutor-course-topic {

  border: none;

  margin-bottom: 30px;

}



.single-course-topics-wrap .tutor-course-topics-contents .tutor-course-topic:last-child {

  border: none;

  margin-bottom: 0;

  padding-bottom: 0;

}



.single-course-topics-wrap .tutor-course-topics-contents .tutor-course-topic:last-child .tutor-course-lessons .tutor-course-lesson:last-child {

  margin-bottom: 0;

}



.single-course-topics-wrap .tutor-course-topics-contents .tutor-course-topic .tutor-topics-summery {

  padding: 22px 0 0;

}



.single-course-topics-wrap .tutor-course-topics-contents .tutor-course-topic.tutor-active {

  border-bottom: 0;

  margin-bottom: 0;

}



.single-course-topics-wrap .tutor-course-topics-contents .tutor-course-topic.tutor-active .tutor-course-title h4 {

  color: var(--e-global-color-primary);

}



.single-course-topics-wrap .tutor-course-topics-contents .tutor-course-topic .tutor-course-title {

  background: #F1F2F6;

}



.single-course-topics-wrap .tutor-course-topics-contents .tutor-course-topic .tutor-course-title h4 {

  font-size: 18px;

  position: relative;

  margin: 0;

  -webkit-transition: all 0.35s;

  transition: all 0.35s;

  color: #1E2744 !important;

  font-weight: 600;

}



.single-course-topics-wrap .tutor-course-topics-contents .tutor-course-topic .tutor-course-title h4 .tutor-icon-plus {

  position: absolute;

  top: 0;

  right: 0;

  z-index: 1;

}



.single-course-topics-wrap .tutor-course-topics-contents .tutor-course-topic .tutor-course-title h4:hover {

  color: var(--e-global-color-primary);

}



.single-course-topics-wrap .tutor-course-topics-contents .tutor-course-topic .tutor-course-lessons .tutor-course-lesson {

  padding: 20px 0;

}



.single-course-topics-wrap .tutor-course-topics-contents .tutor-course-topic .tutor-course-lessons .tutor-course-lesson h5 {

  font-size: 16px;

  font-weight: 400;

}



.sc-segment-block {

  padding: 30px;

  border: 1px solid #E2DFEB;

  border-radius: 10px;

}



.sc-segment-block .tutor-add-question-wrap {

  margin-bottom: 0;

}



.sc-segment-block .tutor_question_answer_wrap {

  margin-top: 35px;

}



.sc-segment-block .tutor_question_answer_wrap .question-top-meta .review-meta a {

  color: var(--e-global-color-accent);

  font-weight: 700;

  text-transform: capitalize;

}



.course-benefits-wrap {

  color: var(--e-global-color-accent);

}



.course-benefits-wrap .tutor-segment-title {

  font-weight: 700;

}



.course-benefits-wrap .tutor-course-benefits-items li {

  margin-bottom: 12px;

}



.course-benefits-wrap .tutor-course-benefits-items li:before {

  top: 2px;

}



.course-single-instructors {

  margin-top: 50px;

  margin-bottom: 50px;

}



.course-single-instructors .single-instructor-wrap .single-instructor-top {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.course-single-instructors .single-instructor-wrap .single-instructor-top .tutor-instructor-left {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  border-right: 1px solid #E2DFEB;

  padding-right: 20px;

  margin-right: 20px;

}



@media (max-width: 768px) {

  .course-single-instructors .single-instructor-wrap .single-instructor-top .tutor-instructor-left {

    border: none;

  }

}



.course-single-instructors .single-instructor-wrap .single-instructor-top .tutor-instructor-left .instructor-name h3 {

  font-size: 18px;

}



.tutor-course-reviews-wrap .course-rating-meter .rating-label {

  min-width: 95px;

  font-weight: 500;

}



.tutor-course-reviews-wrap .course-rating-meter .rating-meter-fill-bar {

  background: var(--e-global-color-primary);

}



.tutor-course-reviews-wrap .course-avg-rating-wrap .avg-rating-content {

  padding: 40px 50px 30px;

  background: #F5F6FA;

  border-radius: 10px;

  text-align: center;

}



@media (max-width: 1024px) {

  .tutor-course-reviews-wrap .course-avg-rating-wrap .avg-rating-content {

    padding: 30px 15px 30px;

  }

}



@media (max-width: 767px) {

  .tutor-course-reviews-wrap .course-avg-rating-wrap .avg-rating-content {

    margin-top: 20px;

  }

}



.tutor-course-reviews-wrap .course-avg-rating-wrap .avg-rating-content .course-avg-rating {

  font-size: 60px;

  color: var(--e-global-color-primary);

  line-height: 60px;

}



.tutor-course-reviews-wrap .course-avg-rating-wrap .avg-rating-content .avg-rating-total {

  text-transform: uppercase;

  font-size: 12px;

  color: #1E2744;

  font-weight: 700;

  letter-spacing: 1px;

}



.tutor-single-lesson-wrap .tutor-lesson-sidebar .tutor-topics-in-single-lesson .tutor-topics-title h3 {

  color: #1E2744;

  font-weight: 700;

}



.tutor-single-lesson-wrap .tutor-lesson-sidebar .tutor-topics-in-single-lesson .tutor-topics-title .tutor-topics-summery {

  padding: 20px;

}



.tutor-single-lesson-wrap .tutor-lesson-sidebar .tutor-queston-and-answer-wrap .tutor-question-wrap .question-top-meta .review-meta a {

  font-weight: 700;

  color: #1E2744;

}



.tutor-single-lesson-wrap .tutor-lesson-sidebar .tutor-queston-and-answer-wrap .tutor-question-wrap .question-top-meta .review-meta .tutor-text-mute {

  font-size: 12px;

}



.tutor-single-lesson-wrap .tutor-lesson-sidebar .tutor-queston-and-answer-wrap .tutor-question-wrap .tutor_question_area {

  padding: 15px 15px 12px;

}



.tutor-single-lesson-wrap .tutor-lesson-sidebar .tutor-queston-and-answer-wrap .tutor-question-wrap .tutor_question_area p {

  margin: 0;

}



.tutor-course-topic-single-body {

  max-width: 1170px;

  margin: 0 auto;

  padding: 0 15px;

  width: 100%;

}



.tutor-spotlight-mode.tutor-course-single-sidebar-hidden #tutor-single-entry-content {

  padding-left: 20px !important;

}



.course-single-thumbnail iframe {

  width: 100%;

  height: 440px;

  border: none;

  background: #fff;

  border-radius: 6px;

}



.main-sc-layout-1 .custom-breadcrumb {

  height: 390px;

}



@media (max-width: 860px) {

  .main-sc-layout-1 .custom-breadcrumb {

    height: 200px;

  }

}



.main-sc-layout-1 .custom-breadcrumb:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 80%;

  mix-blend-mode: multiply;

  background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0)));

  background-image: linear-gradient(to top, black, rgba(0, 0, 0, 0));

  z-index: 1;

}



.main-sc-layout-1 .custom-breadcrumb .breadcrumb-main {

  display: none;

}



.main-sc-layout-1 .main-page-content {

  padding-top: 0 !important;

  margin-top: -245px;

  padding-bottom: 90px;

  position: relative;

  z-index: 11;

}



@media (max-width: 1024px) {

  .main-sc-layout-1 .main-page-content {

    padding-bottom: 50px;

  }

}



@media (max-width: 860px) {

  .main-sc-layout-1 .main-page-content {

    margin-top: 50px;

    padding-bottom: 80px;

  }

}



.main-sc-layout-1 .main-page-content #wp-content {

  background: none;

}



.sc-layout-1 .tutor-single-course-lead-info {

  margin-bottom: 50px;

  min-height: 250px;

}



@media (max-width: 860px) {

  .sc-layout-1 .tutor-single-course-lead-info {

    min-height: auto;

  }

}



@media (min-width: 860px) {

  .sc-layout-1 .tutor-single-course-lead-info .tutor-single-course-meta .course-author-name a, .sc-layout-1 .tutor-single-course-lead-info .tutor-single-course-meta .course-last-update {

    color: #fff !important;

  }

}



.sc-layout-1 .tutor-single-course-lead-info .course-single-title {

  margin: 8px 0 15px;

}



@media (min-width: 860px) {

  .sc-layout-1 .tutor-single-course-lead-info .course-single-title {

    color: #fff !important;

  }

}



.sc-layout-1 .tutor-single-course-lead-info .course-single-top-meta .course-category, .sc-layout-1 .tutor-single-course-lead-info .course-single-top-meta .course-total-enrolled {

  color: var(--e-global-color-secondary) !important;

}



.sc-layout-1 .tutor-single-course-lead-info .course-single-top-meta .course-category i, .sc-layout-1 .tutor-single-course-lead-info .course-single-top-meta .course-category a, .sc-layout-1 .tutor-single-course-lead-info .course-single-top-meta .course-total-enrolled i, .sc-layout-1 .tutor-single-course-lead-info .course-single-top-meta .course-total-enrolled a {

  color: var(--e-global-color-secondary) !important;

}



.sc-layout-1 .tutor-single-course-lead-info .tutor-course-status .tutor-segment-title {

  margin: 10px 0 0;

  font-size: 15px;

  font-weight: 400;

}



@media (min-width: 860px) {

  .sc-layout-1 .tutor-single-course-lead-info .tutor-course-status .tutor-segment-title {

    color: #fff;

  }

}



.sc-layout-1 .tutor-single-course-lead-info .tutor-course-status .tutor-progress-percent {

  font-weight: 700;

}



@media (min-width: 860px) {

  .sc-layout-1 .tutor-single-course-lead-info .tutor-course-status .tutor-progress-percent {

    color: #fff;

  }

}



.sc-layout-1 .single-course-description {

  padding: 30px;

  border: 1px solid #E2DFEB;

  border-radius: 10px;

  margin-bottom: 30px;

}



@media (max-width: 1024px) {

  .sc-layout-1 .single-course-description {

    padding: 20px 15px;

  }

}



.sc-layout-1 .single-course-sidebar .course-single-thumbnail {

  overflow: hidden;

  border-radius: 10px 10px 0 0;

}



.sc-layout-1 .single-course-sidebar .course-single-thumbnail > div {

  margin-bottom: 0;

}



.sc-layout-1 .single-course-sidebar .course-single-thumbnail .tutor-course-thumbnail img {

  width: 100%;

}



.sc-layout-1 .single-course-sidebar .tutor-course-single-pricing {

  text-align: center;

}



.sc-layout-1 .single-course-sidebar .tutor-card {

  border: 1px solid #E2DFEB;

  border-radius: 0 0 10px 10px;

}



.sc-layout-1 .single-course-sidebar .tutor-price-preview-box {

  border-radius: 0 !important;

}



.sc-layout-2 {

  padding: 65px 0 70px;

}



@media (max-width: 1024px) {

  .sc-layout-2 {

    padding: 25px 0 30px;

  }

}



.sc-layout-2 .tutor-lesson-video-wrap {

  margin-bottom: 0;

}



.sc-layout-2 .single-course-description {

  padding: 45px 30px 30px;

  border: 1px solid #E2DFEB;

  border-top: 0;

  border-radius: 0 0 10px 10px;

  margin-bottom: 30px;

}



@media (max-width: 1200px) {

  .sc-layout-2 .single-course-description {

    padding: 30px;

  }

}



@media (max-width: 1024px) {

  .sc-layout-2 .single-course-description {

    padding: 25px 15px 20px;

  }

}



.sc-layout-2 .course-single-top-meta .course-category, .sc-layout-2 .course-single-top-meta .course-total-enrolled {

  color: var(--e-global-color-secondary) !important;

}



.sc-layout-2 .course-single-top-meta .course-category i, .sc-layout-2 .course-single-top-meta .course-category a, .sc-layout-2 .course-single-top-meta .course-total-enrolled i, .sc-layout-2 .course-single-top-meta .course-total-enrolled a {

  color: var(--e-global-color-secondary) !important;

}



.sc-layout-2 .course-single-thumbnail {

  border-radius: 10px 10px 0 0;

  overflow: hidden;

}



.sc-layout-2 .single-course-sidebar .price-meta {

  border-radius: 10px 10px 0 0;

}



.sc-layout-2 .single-course-sidebar .tutor-price-preview-box {

  margin-bottom: 0;

}



.sc-layout-3 {

  padding: 65px 0 70px;

  position: relative;

  z-index: 11;

}



@media (max-width: 1024px) {

  .sc-layout-3 {

    padding: 25px 0 30px;

  }

}



.sc-layout-3 .single-course-description {

  padding: 45px 30px 30px;

  border: 1px solid #E2DFEB;

  border-radius: 10px;

  margin-bottom: 30px;

}



@media (max-width: 1200px) {

  .sc-layout-3 .single-course-description {

    padding: 30px;

  }

}



@media (max-width: 1024px) {

  .sc-layout-3 .single-course-description {

    padding: 20px 15px;

  }

}



.sc-layout-3 .single-course-description .tutor-single-course-lead-info {

  border-bottom: 1px solid #E2DFEB;

  padding-bottom: 28px;

}



.sc-layout-3 .single-course-sidebar {

  margin-top: -180px;

}



@media (max-width: 1024px) {

  .sc-layout-3 .single-course-sidebar {

    margin-top: -90px;

  }

}



@media (max-width: 992px) {

  .sc-layout-3 .single-course-sidebar {

    margin-top: 0;

  }

}



.sc-layout-3 .single-course-sidebar .course-single-thumbnail {

  border-radius: 10px 10px 0 0;

  overflow: hidden;

}



.sc-layout-3 .single-course-sidebar .course-single-thumbnail > div {

  margin-bottom: 0;

}



.sc-layout-3 .single-course-sidebar .tutor-price-preview-box, .sc-layout-3 .single-course-sidebar .tutor-sidebar-card {

  border-radius: 0 0 10px 10px;

  border-top: 0;

}



.sc-layout-4 {

  padding: 65px 0 70px;

}



@media (max-width: 1024px) {

  .sc-layout-4 {

    padding: 25px 0 30px;

  }

}



.sc-layout-4 .course-single-thumbnail {

  border-radius: 10px 10px 0 0;

  overflow: hidden;

}



.sc-layout-4 .course-single-thumbnail > div {

  margin-bottom: 0;

}



.sc-layout-4 .single-course-description {

  padding: 30px;

  margin-bottom: 30px;

  border-radius: 0 0 10px 10px;

  border: 1px solid #E2DFEB;

  border-top: 0;

}



.sc-layout-4 .single-course-sidebar .tutor-price-preview-box {

  margin-bottom: 0;

  border-radius: 10px 10px 0 0;

}



.sc-layout-4 .single-course-sidebar .tutor-price-preview-box .price-meta {

  border-radius: 10px 10px 0 0;

}



body.single-lesson .tutor-sidebar-tabs-wrap .tutor-sidebar-tabs-content #tutor-lesson-sidebar-tab-content, body.single-tutor_quiz .tutor-sidebar-tabs-wrap .tutor-sidebar-tabs-content #tutor-lesson-sidebar-tab-content {

  display: block !important;

  padding-bottom: 120px;

}



body.single-lesson .tutor-sidebar-tabs-wrap .tutor-sidebar-tabs-content #tutor-lesson-sidebar-tab-content .tutor-topics-in-single-lesson, body.single-tutor_quiz .tutor-sidebar-tabs-wrap .tutor-sidebar-tabs-content #tutor-lesson-sidebar-tab-content .tutor-topics-in-single-lesson {

  margin-bottom: 20px;

}



body.single-lesson .tutor-sidebar-tabs-wrap .tutor-sidebar-tabs-content #tutor-lesson-sidebar-tab-content .tutor-topics-in-single-lesson .tutor-topics-title, body.single-tutor_quiz .tutor-sidebar-tabs-wrap .tutor-sidebar-tabs-content #tutor-lesson-sidebar-tab-content .tutor-topics-in-single-lesson .tutor-topics-title {

  border: none;

  background: #F1F2F6;

  border: 0;

  padding: 15px 20px;

  color: #1E2744;

}



body.single-lesson .tutor-sidebar-tabs-wrap .tutor-sidebar-tabs-content #tutor-lesson-sidebar-tab-content .tutor-topics-in-single-lesson .tutor-topics-title .text-medium-h6, body.single-tutor_quiz .tutor-sidebar-tabs-wrap .tutor-sidebar-tabs-content #tutor-lesson-sidebar-tab-content .tutor-topics-in-single-lesson .tutor-topics-title .text-medium-h6 {

  font-size: 15px;

  font-weight: 700;

}



body.single-lesson .tutor-sidebar-tabs-wrap .tutor-sidebar-tabs-content #tutor-lesson-sidebar-tab-content .tutor-topics-in-single-lesson .tutor-topics-title i, body.single-tutor_quiz .tutor-sidebar-tabs-wrap .tutor-sidebar-tabs-content #tutor-lesson-sidebar-tab-content .tutor-topics-in-single-lesson .tutor-topics-title i {

  font-size: 26px;

}



body.single-lesson .tutor-sidebar-tabs-wrap .tutor-sidebar-tabs-content #tutor-lesson-sidebar-tab-content .tutor-topics-in-single-lesson .tutor-topics-title .tutor-topics-title-info, body.single-tutor_quiz .tutor-sidebar-tabs-wrap .tutor-sidebar-tabs-content #tutor-lesson-sidebar-tab-content .tutor-topics-in-single-lesson .tutor-topics-title .tutor-topics-title-info {

  display: none;

}



body.single-lesson .tutor-sidebar-tabs-wrap .tutor-sidebar-tabs-content #tutor-lesson-sidebar-tab-content .tutor-topics-in-single-lesson .tutor-lessons-under-topic, body.single-tutor_quiz .tutor-sidebar-tabs-wrap .tutor-sidebar-tabs-content #tutor-lesson-sidebar-tab-content .tutor-topics-in-single-lesson .tutor-lessons-under-topic {

  padding: 0;

}



body.single-lesson .tutor-sidebar-tabs-wrap .tutor-sidebar-tabs-content #tutor-lesson-sidebar-tab-content .tutor-topics-in-single-lesson .tutor-lessons-under-topic .tutor-single-lesson-a, body.single-tutor_quiz .tutor-sidebar-tabs-wrap .tutor-sidebar-tabs-content #tutor-lesson-sidebar-tab-content .tutor-topics-in-single-lesson .tutor-lessons-under-topic .tutor-single-lesson-a {

  padding: 15px 18px;

}



body.single-lesson .tutor-sidebar-tabs-wrap .tutor-sidebar-tabs-content #tutor-lesson-sidebar-tab-content .tutor-topics-in-single-lesson .tutor-lessons-under-topic .tutor-single-lesson-items-left, body.single-tutor_quiz .tutor-sidebar-tabs-wrap .tutor-sidebar-tabs-content #tutor-lesson-sidebar-tab-content .tutor-topics-in-single-lesson .tutor-lessons-under-topic .tutor-single-lesson-items-left {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.single-tutor_quiz .tutor-spotlight-mode .tutor-quiz-wrapper {

  display: block !important;

  max-width: 1000px;

  margin: 0 auto;

  padding: 15px;

}



.single-tutor_quiz .tutor-spotlight-mode #tutor-single-entry-content {

  padding-left: 0 !important;

}



.single-lesson .tutor-topbar-item.tutor-topbar-mark-to-done {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 255px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.single-lesson .tutor-topbar-item.tutor-topbar-mark-to-done .tutor-iconic-btn {

  margin-top: 6px;

}



.tutor-course-single-sidebar-wrapper .tutor-course-single-sidebar-title {

  background: var(--e-global-color-secondary);

}



.tutor-course-single-sidebar-wrapper .tutor-course-single-sidebar-title span {

  color: #fff;

  font-size: 18px;

  font-weight: 600;

  font-family: var(--wellearn-heading-font-family);

}



.tutor-course-single-sidebar-wrapper .tutor-course-topic-title {

  font-size: 15px;

  font-family: var(--wellearn-heading-font-family);

}



.tutor-course-single-sidebar-wrapper .tutor-accordion-item-body {

  display: none;

}



.tutor-course-single-sidebar-wrapper .tutor-accordion-item-body.show {

  display: block;

}



.tutor-course-single-content-wrapper .tutor-course-topic-single-header .tutor-iconic-btn {

  background: rgba(0, 0, 0, 0.38);

  line-height: 32px;

}



.tutor-course-single-content-wrapper .tutor-course-topic-single-footer a {

  font-size: 14px;

}



.tutor-course-single-content-wrapper .tutor-course-topic-single-footer a[disabled] {

  color: rgba(0, 0, 0, 0.6);

}



@media (min-width: 1200px) {

  .tutor-course-single-content-wrapper #tutor-course-spotlight-overview .tutor-col-xl-8 {

    width: 86%;

  }

}



/*------------------------------------------------------------------*\  

            6 - DASHBOARD                                                                   

\*------------------------------------------------------------------*/

.zl-dashboard-page {

  position: relative;

  min-height: 100vh;

  max-width: 100%;

}



.zl-dashboard-page .dashboard-main-content .dashboard-sidebar-overlay {

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 9;

  background: rgba(0, 0, 0, 0.5);

  display: none;

}



@media (max-width: 1024px) {

  .zl-dashboard-page .dashboard-main-content .dashboard-sidebar-overlay.open {

    display: block;

  }

}



.zl-dashboard-page .dashboard-main-content .dashboard-left-menu {

  width: 360px;

  max-width: 100%;

  position: fixed;

  left: 0;

  top: 0;

  height: 100%;

  z-index: 11;

  background: #fff;

  overflow: hidden;

  overflow-y: scroll;

  padding: 0 30px 30px;

  -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05);

  box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05);

  -webkit-transition: all 0.35s;

  transition: all 0.35s;

  border-right: 1px solid #E2DFEB;

}



@media (max-width: 1024px) {

  .zl-dashboard-page .dashboard-main-content .dashboard-left-menu {

    left: -380px;

  }

  .zl-dashboard-page .dashboard-main-content .dashboard-left-menu.open {

    left: 0;

  }

}



.zl-dashboard-page .dashboard-main-content .dashboard-left-menu .close-sidebar-control {

  display: none;

  width: 100%;

  margin-bottom: 15px;

}



@media (max-width: 1024px) {

  .zl-dashboard-page .dashboard-main-content .dashboard-left-menu .close-sidebar-control {

    display: block;

  }

}



.zl-dashboard-page .dashboard-main-content .dashboard-left-menu .close-sidebar-control .close-sidebar {

  background: #E63C2E;

  border-radius: 30px;

  color: #fff;

  padding: 5px 15px 4px;

  font-size: 14px;

}



.zl-dashboard-page .dashboard-main-content .dashboard-left-menu .close-sidebar-control .close-sidebar i {

  font-size: 12px;

  margin-right: 5px;

}



.zl-dashboard-page .dashboard-main-content .dashboard-left-menu .tutor-dashboard-permalinks {

  list-style: none;

  padding: 0;

}



.zl-dashboard-page .dashboard-main-content .dashboard-left-menu .tutor-dashboard-permalinks li a {

  -webkit-transition: none;

  transition: none;

  color: var(--e-global-color-text);

  margin-bottom: 2px;

}



.zl-dashboard-page .dashboard-main-content .dashboard-left-menu .tutor-dashboard-permalinks li a:before {

  color: var(--e-global-color-text);

}



.zl-dashboard-page .dashboard-main-content .dashboard-left-menu .tutor-dashboard-permalinks li:hover a, .zl-dashboard-page .dashboard-main-content .dashboard-left-menu .tutor-dashboard-permalinks li.active a {

  background: #E8F0FA;

  color: var(--e-global-color-primary);

  border-radius: 10px;

}



.zl-dashboard-page .dashboard-main-content .dashboard-left-menu .tutor-dashboard-permalinks li:hover a:before, .zl-dashboard-page .dashboard-main-content .dashboard-left-menu .tutor-dashboard-permalinks li.active a:before {

  color: var(--e-global-color-primary);

}



.zl-dashboard-page .dashboard-main-content .tutor-dashboard-content {

  padding-left: 360px;

}



@media (max-width: 1024px) {

  .zl-dashboard-page .dashboard-main-content .tutor-dashboard-content {

    padding-left: 0;

  }

}



.zl-dashboard-page .dashboard-main-content .tutor-dashboard-content .dashboard-content-inner {

  padding: 30px 60px 0;

}



@media (max-width: 1200px) {

  .zl-dashboard-page .dashboard-main-content .tutor-dashboard-content .dashboard-content-inner {

    padding: 30px 20px 0;

  }

}



@media (max-width: 1024px) {

  .zl-dashboard-page .dashboard-main-content .tutor-dashboard-content .dashboard-content-inner {

    padding: 30px 15px 0;

  }

}



.zl-dashboard-page .dashboard-main-content .tutor-dashboard-content .dashboard-content-inner h3 {

  margin-top: 0;

}



.zl-dashboard-page .dashboard-main-content .tutor-dashboard-content .dashboard-content-inner #wp-footer {

  margin: 60px 0 30px;

  padding: 20px 20px 20px;

  text-align: center;

  background: #F5F6FA;

  color: #1E2744;

  border-radius: 10px;

}



.zl-dashboard-page .tutor-dashboard-content-inner, .zl-dashboard-page .tutor-quiz-attempt-history {

  background: #fff;

  border-radius: 10px;

  margin-bottom: 30px;

}



.zl-dashboard-page .dashboard-content-inner {

  max-width: 1400px;

  margin: 0 auto;

}



.zl-dashboard-page .tutor-dashboard-info-cards {

  padding-bottom: 50px;

  margin: 0 -15px;

}



.zl-dashboard-page table.tutor-table, .zl-dashboard-page table.tutor-dashboard-info-table, .zl-dashboard-page .tutor-dashboard-info-table-wrap table {

  border: 1px solid #E2DFEB !important;

  border-radius: 10px;

}



.zl-dashboard-page table.tutor-table th, .zl-dashboard-page table.tutor-table thead tr td, .zl-dashboard-page table.tutor-dashboard-info-table th, .zl-dashboard-page table.tutor-dashboard-info-table thead tr td, .zl-dashboard-page .tutor-dashboard-info-table-wrap table th, .zl-dashboard-page .tutor-dashboard-info-table-wrap table thead tr td {

  background: #F5F7FC;

  color: #1E2744;

  border: 0;

  padding: 15px 15px;

  font-weight: 700;

  font-size: 15px;

}



.zl-dashboard-page table.tutor-table th:first-child, .zl-dashboard-page table.tutor-table thead tr td:first-child, .zl-dashboard-page table.tutor-dashboard-info-table th:first-child, .zl-dashboard-page table.tutor-dashboard-info-table thead tr td:first-child, .zl-dashboard-page .tutor-dashboard-info-table-wrap table th:first-child, .zl-dashboard-page .tutor-dashboard-info-table-wrap table thead tr td:first-child {

  min-width: 180px;

}



.zl-dashboard-page table.tutor-table td, .zl-dashboard-page table.tutor-dashboard-info-table td, .zl-dashboard-page .tutor-dashboard-info-table-wrap table td {

  border: none !important;

}



.zl-dashboard-page table.tutor-table tr, .zl-dashboard-page table.tutor-dashboard-info-table tr, .zl-dashboard-page .tutor-dashboard-info-table-wrap table tr {

  border-bottom: 1px solid #E2DFEB;

}



@media screen and (max-width: 767px) {

  .zl-dashboard-page .tutor-dashboard-info-table-wrap, .zl-dashboard-page .tutor-quiz-attempt-history, .zl-dashboard-page .tutor-announcement-table-wrap {

    width: 100%;

    margin-bottom: 19.5px;

    overflow-y: hidden;

    overflow-x: auto;

    -ms-overflow-style: -ms-autohiding-scrollbar;

    -webkit-overflow-scrolling: touch;

  }

  .zl-dashboard-page .tutor-dashboard-info-table-wrap table tr[id*="tutor-dashboard-question"] td, .zl-dashboard-page .tutor-quiz-attempt-history table tr[id*="tutor-dashboard-question"] td, .zl-dashboard-page .tutor-announcement-table-wrap table tr[id*="tutor-dashboard-question"] td {

    font-size: 14px;

    line-height: 24px;

  }

  .zl-dashboard-page .tutor-dashboard-info-table-wrap .table-question-answer tr th:nth-child(1), .zl-dashboard-page .tutor-quiz-attempt-history .table-question-answer tr th:nth-child(1), .zl-dashboard-page .tutor-announcement-table-wrap .table-question-answer tr th:nth-child(1) {

    min-width: 150px;

  }

  .zl-dashboard-page .tutor-dashboard-info-table-wrap .table-question-answer tr th:nth-child(3), .zl-dashboard-page .tutor-quiz-attempt-history .table-question-answer tr th:nth-child(3), .zl-dashboard-page .tutor-announcement-table-wrap .table-question-answer tr th:nth-child(3) {

    min-width: 180px;

  }

  .zl-dashboard-page .tutor-quiz-attempt-history table tr th:first-child {

    min-width: 200px;

  }

  .zl-dashboard-page .tutor-announcement-table-wrap table tr th:first-child {

    min-width: 95px;

  }

  .zl-dashboard-page .tutor-announcement-table-wrap table tr th:nth-child(2) {

    min-width: 320px;

  }

  .zl-dashboard-page .tutor-announcement-table-wrap .tutor-announcement-date {

    font-size: 13px;

  }

  .zl-dashboard-page .tutor-announcement-table-wrap .tutor-announcement-content p {

    line-height: 20px;

    margin-top: 5px;

  }

}



.zl-dashboard-page .tutor-quiz-attempt-history table, .zl-dashboard-page .tutor-quiz-attempt-history th, .zl-dashboard-page .tutor-quiz-attempt-history td {

  border: none;

}



@media (max-width: 700px) {

  .zl-dashboard-page .tutor-quiz-attempt-history .course {

    line-height: 24px;

  }

  .zl-dashboard-page .tutor-quiz-attempt-history .course-meta span:nth-child(2), .zl-dashboard-page .tutor-quiz-attempt-history .course-meta span:nth-child(3) {

    display: none;

  }

}



.zl-dashboard-page .course-wishlist .course-block-3 {

  max-width: 380px;

}



.zl-dashboard-page .course-wishlist .course-block-3 .course-content {

  padding-left: 18px;

  padding-right: 18px;

}



.zl-dashboard-page .course-wishlist .course-block-3 .course-loop-footer {

  padding-left: 18px;

  padding-right: 18px;

}



.zl-dashboard-page .course-wishlist .course-block-3 .course-loop-footer .coruse-duration {

  display: none;

}



.zl-dashboard-page .tutor-frontend-dashboard-withdrawal .withdraw-page-current-balance {

  padding: 20px;

}



@media (max-width: 600px) {

  .zl-dashboard-page .tutor-frontend-dashboard-withdrawal .withdraw-page-current-balance {

    display: block;

  }

  .zl-dashboard-page .tutor-frontend-dashboard-withdrawal .withdraw-page-current-balance .balance-info {

    margin-bottom: 20px;

  }

}



.zl-dashboard-page .tutor-dashboard-profile .heading {

  color: #1E2744;

  font-weight: 700;

}



.zl-dashboard-page .sidebar-mobile {

  display: none;

}



@media (max-width: 1024px) {

  .zl-dashboard-page .sidebar-mobile {

    display: block;

  }

}



.zl-dashboard-page .sidebar-mobile .dashboard-control-sidebar {

  padding: 0;

  background: none;

  color: var(--e-global-color-primary);

  font-size: 12px;

  border-radius: 0;

  margin-bottom: 10px;

  letter-spacing: 2px;

}



.zl-dashboard-page .sidebar-mobile .dashboard-control-sidebar i {

  font-size: 22px;

  position: relative;

  top: 3px;

}



.dashboard-settings .tutor-dashboard-content-inner {

  padding: 0;

  border: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

}



.tutor-dashboard-my-courses {

  margin-top: 10px;

}



.tutor-dashboard-my-courses > .tutor-fs-5 {

  display: none;

}



.tutor-screen-frontend-dashboard .wp-site-header {

  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);

  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);

}



.tutor-screen-frontend-dashboard .copyright-dashboard {

  background: #F5F6FA;

  padding: 20px;

  line-height: 22px;

  text-align: center;

  font-weight: 500;

  color: var(--e-global-color-accent);

  margin-top: 100px;

}

