:root {
  --primary-color: #25aae1;
  --hover-color: #14b7fb;
  --secondary-color: #09295d;
}

.main-slider .n2-ss-slider .n2-ss-layer[data-sstype="col"].overlay-section {
  position: absolute;
  right: -100px;
  top: -100px;
  width: 100%;
  height: calc(100% - 100px);
  transform: rotate(-11.25deg);
  overflow: hidden;
  border-radius: 60px;
  box-shadow: -15px 12px 0px 0px #e5e6e7;
}

.main-slider .n2-ss-slider .n2-ss-layer-row-inner {
  position: static;
  flex-flow: column;
}

.main-slider .n2-ss-slider .n2-ss-layer[data-sstype="col"],
.main-slider .n2-ss-slider .n2-ss-layer[data-pm="normal"],
.main-slider .n2-ss-slider .n2-ss-layer[data-sstype="content"],
.main-slider .n2-ss-slider .n2-ss-layer[data-sstype="slide"],
.main-slider .n2-ss-slider .n2-ss-layers-container,
.main-slider .n2-ss-slider .n2-ss-section-main-content {
  position: static;
}

.main-slider .n2-ss-layer.overlay-section .n2-ss-layer-col {
  /* height: 100%; */
  /* position: absolute; */
  /* right: 0; */
  /* top: 0; */
  /* width: 100%; */
  display: block;
}

.main-slider .n2-ss-layer.overlay-section .n2-ss-layer-col .slider-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  background: #000;
  opacity: 0.4;
}

.main-slider .n2-ss-layer.overlay-section .n2-ss-item-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.main-slider .n2-ss-layer.overlay-section .n2-ss-layer.slider-img {
  width: 100% !important;
  height: 100% !important;
}

.main-slider .n2-ss-layer.overlay-section .n2-ss-item-image {
  width: 100%;
  height: 100%;
  transform: rotate(11.25deg) scale(1.3);
}

section.elementor-section.logos_section .elementor-container {
  padding: 15px 20px;
  background: #fff;
  box-shadow: 0px 4px 20px rgba(117, 41, 141, 0.05);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

section.elementor-section.logos_section .elementor-container .elementor-column {
  width: auto;
}

@media (max-width: 768px) {
  section.elementor-section.logos_section .elementor-container .elementor-column {
    width: 33%;
  }
}

@media (max-width: 767px) {
  section.elementor-section.logos_section .elementor-container .elementor-column {
    width: 50%;
    padding: 10px;
  }
}

.elementor-element .fluentform-widget-wrapper form.frm-fluent-form .ff-el-group.ff_submit_btn_wrapper {
  margin-bottom: 0;
}

form.frm-fluent-form .fluentform .ff-el-input--label {
  margin-bottom: 10px;
  display: block;
}

form.frm-fluent-form .fluentform .ff-el-input--label label {
  display: block;
}

.search-wrap .search_box input[type="search"],
.widget .search_form-inner .search,
.search_form-inner input {
  background: #fff;
  margin: 0;
  border-radius: 4px 8px 8px 4px;
  box-shadow: 0 10px 8px rgb(0 0 0 / 5%);
}

.header-top .navbar .navbar-nav > li.users-wp-login-nav a {
  padding: 8px 30px;
  color: #fff;
  height: auto;
  line-height: 20px;
  background-color: #75298d;
  border-radius: 30px;
}

.navbar .navbar-nav > li.users-wp-login-nav a:hover {
  opacity: 80%;
}

body:not(.logged-in) .navbar .navbar-nav > li.adv_dash {
  display: none;
}

.navbar .navbar-nav > li.users-wp-login-nav {
  padding: 0;
}

.header-top.is_stuck .navbar .navbar-nav > li.users-wp-login-nav a:hover {
  background: #75298d;
  border-color: #75298d;
}

.header-top:not(.is_stuck) .navbar .navbar-nav > li.users-wp-login-nav a:hover {
  background: #75298d;
  border-color: #75298d;
  color: #fff;
}

.navbar .navbar-nav > li.users-wp-login-nav a:before {
  display: none;
}

.llms-full-description,
.llms-author-info.bio {
  max-height: 500px;
  height: auto;
  overflow: hidden;
  position: relative;
  transition: 0.4s ease all;
  display: block !important;
}

.llms-author-info.bio {
  max-height: 150px;
}

.llms-full-description.expand_content,
.llms-author-info.bio.expand_content {
  max-height: 99999px;
}

.llms-full-description.expand_content:after,
.llms-author-info.bio.expand_content:after {
  display: none;
}

a.read_more_btn,
a.post_author_btn {
  display: table;
  padding: 0;
}

.llms-full-description:after,
.llms-author-info.bio:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 75px;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), #fbfbfb);
  bottom: 0px;
  left: 0;
}

.llms-author-info.bio:after {
  height: 50px;
}

.single-course .breadcrumbs,
.course_top {
  width: 58.333333%;
}

.single-course .breadcrumbs,
.course_top {
  width: 58.333333%;
}

.single-course .breadcrumbs {
  margin-bottom: 20px;
}

.course_top {
  text-align: left;
}

.course_top .llms-title {
  font-size: 36px;
  color: #fff;
}

.course_top_wrap {
  position: relative;
  z-index: 2;
}

ul.course_meta_list {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
}

ul.course_meta_list li.post_meta {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 15px 0 0;
}

ul.course_meta_list li.post_meta i {
  color: #fff;
  font-size: 16px;
  line-height: 1;
  padding: 0px;
  margin: 0 8px 0 0;
  position: relative;
  top: -2px;
}

ul.course_meta_list li.post_meta span.post_value {
  font-size: 13px;
  line-height: 16px;
  color: #fff;
}

ul.course_meta_list li.post_meta ul {
  list-style-type: none;
  color: #fff;
}

ul.course_meta_list li.post_meta ul li {
  color: #fff;
  font-size: 15px;
}

ul.course_meta_list li.post_meta ul li a {
  color: #fff;
  font-size: 13px;
}

ul.course_meta_list li.post_meta ul li a:hover {
  color: rgb(255 255 255 / 70%);
}

.single-course .bread_crumb {
  padding: 50px 0;
}

.elementor-shortcode .main-logo img.sticky_logo {
  display: none;
}

.course_desc {
  margin: 30px 0 0;
}

.course_details_right {
  position: relative;
  top: -215px;
  z-index: 100;
}

.llms-video-wrapper .center-video {
  background: #3e3e3e;
}

.llms-full-description h2 {
  font-size: 24px;
}

.llms-full-description ul {
  list-style-type: none;
}

.llms-full-description ul > li {
  padding-left: 24px;
  position: relative;
  margin-bottom: 10px;
}

.llms-full-description ul > li:before {
  content: "\ea5b";
  font-family: "LineIcons";
  font-size: 16px;
  display: block;
  position: absolute;
  left: 0;
  width: 20px;
}

.llms-full-description ul:not(:last-child) {
  margin-bottom: 20px;
}

a.read_more_btn.less_btn,
a.post_author_btn.less_btn {
  margin: 10px 0 0px;
}

.llms-syllabus-wrapper {
  margin: 30px 0;
  text-align: left;
  border: 1px solid #d0d0d0;
}

.llms-syllabus-wrapper .llms-section-title {
  margin: 0;
  padding: 20px 20px;
  font-size: 24px;
  line-height: 1;
  background: #efefef;
  border-bottom: 1px solid #d0d0d0;
}

.llms-syllabus-wrapper .llms-lesson-preview {
  width: 100%;
  margin: 0;
}

.llms-syllabus-wrapper .llms-lesson-preview a.llms-lesson-link {
  background: none;
  box-shadow: none;
  border-bottom: 1px solid #d0d0d0;
  min-height: 0;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  align-items: center;
}

.llms-lesson-preview .llms-extra {
  text-align: right;
}

.llms-syllabus-wrapper {
  margin: 30px 0;
  text-align: left;
  border: 1px solid #d0d0d0;
}

.llms-syllabus-wrapper .llms-section-title {
  margin: 0;
  padding: 20px 20px;
  font-size: 24px;
  line-height: 1;
  background: #efefef;
  border-bottom: 1px solid #d0d0d0;
}

.llms-syllabus-wrapper .llms-lesson-preview {
  width: 100%;
  margin: 0;
}

.llms-syllabus-wrapper .llms-lesson-preview a.llms-lesson-link {
  background: none;
  box-shadow: none;
  border-bottom: 1px solid #d0d0d0;
  min-height: 0;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 15px 20px;
}

.llms-lesson-preview .llms-extra {
  text-align: right;
  order: 2;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row-reverse;
  width: 150px;
}

.llms-lesson-preview .llms-extra + .llms-main {
  order: 1;
  width: calc(100% - 150px);
}

.llms-lesson-preview .llms-lesson-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
}

.llms-lesson-preview .llms-lesson-counter {
  font-weight: 600;
  margin: 0;
}

.llms-lesson-preview .llms-icon-free {
  margin-right: 15px;
}

.llms-syllabus-wrapper {
  margin: 30px 0;
  text-align: left;
  border: 1px solid #d0d0d0;
}

.llms-lesson-preview.is-incomplete .llms-lesson-complete,
.llms-lesson-preview.is-complete .llms-lesson-complete {
  margin: 0 10px 0 0;
  font-size: 24px;
  line-height: 1;
}

.llms-syllabus-wrapper .llms-section-title {
  margin: 0;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 1;
  background: #efefef;
  border-bottom: 1px solid #d0d0d0;
}

.llms-syllabus-wrapper .llms-lesson-preview {
  width: 100%;
  margin: 0;
}

.llms-syllabus-wrapper .llms-lesson-preview a.llms-lesson-link {
  background: none;
  box-shadow: none;
  border-bottom: 1px solid #d0d0d0;
  min-height: 0;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px 15px;
}

.llms-lesson-preview .llms-extra {
  text-align: right;
  order: 2;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row-reverse;
  width: auto;
}

.llms-lesson-preview .llms-extra + .llms-main {
  order: 1;
  width: auto;
}

.llms-lesson-preview .llms-lesson-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
}

.llms-lesson-preview .llms-lesson-counter {
  font-weight: 600;
  margin: 0;
}

.llms-lesson-preview .llms-icon-free {
  margin-right: 15px;
}

.course_reviews .llms_review {
  padding: 15px 20px !important;
  background: transparent !important;
  border: 1px solid #d0d0d0;
}

.course_reviews .llms_review h5 {
  font-size: 20px !important;
  margin: 0 0 5px;
  font-style: italic;
}

.course_reviews .llms_review h6 {
  font-size: 16px !important;
  color: #25aae1 !important;
}

.pagination_area {
  position: fixed;
  margin: 0;
  top: 50%;
  width: 100%;
  left: 0;
  transform: translateY(-50%);
  z-index: 2;
}

.pagination_area nav.navigation.post-navigation {
  margin: 0;
}

.pagination_area nav.navigation.post-navigation a {
  width: 40px;
  height: 40px;
  background: #25aae1;
  display: block;
  text-align: center;
  line-height: 40px;
}

.pagination_area nav.navigation.post-navigation a span {
  font-size: 20px;
  color: #fff;
  line-height: 40px;
}

.pagination_area nav.navigation.post-navigation a label {
  position: absolute;
  display: block;
  margin: 0;
  white-space: nowrap;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: inherit;
}

.pagination_area nav.navigation.post-navigation a:hover label {
  left: 50px;
  opacity: 1;
  visibility: visible;
}

.course_details_right img {
  max-width: 100%;
  height: auto;
}

.course_details_area {
  padding: 0 0 40px;
}

.pagination_area nav.navigation.post-navigation .nav-next a label {
  left: auto;
  right: 0;
}

.pagination_area nav.navigation.post-navigation .nav-next a:hover label {
  right: 50px;
}

div#review_box {
  padding: 30px;
  background: #f0f0f0;
  border: 1px solid #ddd;
}

div#review_box > h3 {
  font-size: 24px;
  line-height: 1;
}

#review_box input[type="submit"] {
  border-radius: 0;
  margin: 10px 0 0;
  padding: 10px 20px;
  font-size: 16px;
}

#thank_you_box h2 {
  font-size: 20px;
  margin: 15px 0 0;
}

.price_info {
  padding: 0 0 50px;
  background: #f0f0f0;
  border: none;
  position: relative;
}

.pricing_table .llms-access-plan-featured {
  line-height: 0;
}

.pricing_table .llms-access-plan-content {
  background: none;
  margin: 0;
}

.llms-access-plan-price {
  font-size: 40px;
  line-height: 1;
  color: #2295ff;
}

.llms-access-plan-pricing .llms-price-currency-symbol {
  font-size: 75%;
  vertical-align: baseline;
}

.llms-access-plan-description {
  padding: 10px 30px;
  text-align: left;
}

.llms-access-plan-trial,
.llms-access-plan-schedule,
.llms-access-plan-sale-end,
.llms-access-plan-expiration {
  font-weight: 600;
  font-size: 18px;
  color: #000;
}

.llms-access-plan-content .llms-access-plan-pricing {
  padding: 20px 30px 0;
  text-align: left;
}

.llms-access-plan-footer .llms-access-plan-pricing {
  padding: 0;
  line-height: 0;
}

.llms-access-plan .llms-access-plan-footer,
.llms-access-plan .llms-access-plan-content {
  background: none;
  border: none;
  padding: 0;
  text-align: center;
}

a.llms-button-action {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #25aae1;
  font-weight: 600;
  width: 100%;
  padding: 15px 30px;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
}

a.llms-button-action:hover,
a.llms-button-action:focus,
a.llms-button-action.clicked,
a.llms-button-action:active {
  background: #0893cd;
  color: #fff;
}

.course_information {
  padding: 20px 30px 20px;
}

.course_information .llms-meta-title {
  font-size: 21px;
  margin: 0 0 5px;
}

.course_information .llms-meta > p {
  font-weight: 600;
}

.course_information .llms-meta > p span,
.course_information .llms-meta > p a {
  font-weight: 400;
}

.pricing_table .llms-access-plan-content .llms-access-plan-title {
  background: #3e3e3e;
  padding: 15px 30px;
  font-size: 18px;
}

.post_author {
  margin: 30px 0 0;
  position: relative;
}

.course_details_area .site-main {
  position: relative;
  z-index: 12;
}

.llms-instructor-info .llms-instructors .llms-author {
  margin: 0;
  padding: 30px 30px 50px;
  background: none;
  border: 1px solid #d0d0d0;
  text-align: left;
}

.llms-instructor-info .llms-instructors .llms-author .avatar {
  border: 2px solid #2295ff;
  margin: 0 20px 20px 0;
  float: left;
  width: 70px;
}

.llms-instructor-info .llms-instructors .llms-author .llms-author-info.bio {
  display: block;
  clear: both;
  font-size: 15px;
  margin: 20px 0 0;
}

.llms-instructor-info .llms-instructors .llms-author .llms-author-info.name {
  font-size: 18px;
  text-transform: uppercase;
  display: inline-block;
  margin: 12px 0 0;
  line-height: 1;
  padding-bottom: 5px;
  border-bottom: 2px solid #2295ff;
}

.llms-instructor-info .llms-instructors .llms-author .llms-author-info.label {
  font-size: 15px;
  font-weight: 600;
  color: #888;
  display: table;
  margin: 10px 0 0;
}

a.post_author_btn {
  position: absolute;
  bottom: 0;
  padding: 0 30px 30px;
}

.llms-instructor-info .llms-instructors .llms-author .llms-author-info.bio.expand_content {
  margin-bottom: 10px;
}

.llms-loop-item-content {
  background: #fff;
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  transition: 0.5s ease all;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
}

.llms-loop-item-content:hover {
  box-shadow: 0 0 10px rgb(0 0 0 / 2%);
  background: #fff;
}

.llms-loop-item-content .feat_area {
  width: 300px;
  margin-right: 20px;
  position: relative;
  display: flex;
  min-height: 200px;
}

.llms-loop-item-content .content_area {
  width: calc(100% - 320px);
  padding: 30px 15px;
}

.llms-loop-item-content .llms-loop-title {
  padding: 0;
  margin: 0 0 10px;
}

.llms-loop-item-content .llms-progress {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.llms-loop-item-content .llms-progress .llms-progress-barr {
  background: none;
  border-bottom: 1px solid #25aae1;
}

.llms-loop-item-content .llms-progress .llms-progress-bar .progress-bar-complete {
  background: #25aae1;
}

.llms-loop-item-content .llms-loop-title > a {
  color: inherit;
}

.llms-loop-item-content .llms-loop-title > a:hover {
  color: #25aae1;
}

.llms-loop-item-content .content_area .llms-loop-item-footer > div {
  padding: 0;
}

.llms-loop-item-content .content_area .llms-loop-item-footer .llms-author {
  color: #464040;
  font-size: 16px;
  font-weight: 600;
  line-height: 40px;
  margin: 0;
  width: 100%;
}

.llms-loop-item-content .content_area .llms-loop-item-footer .llms-author img.avatar {
  width: 30px;
  height: 30px;
  object-fit: cover;
}

.llms-loop-item-content .content_area .llms-loop-item-footer .llms-difficulty p,
.llms-loop-item-content .content_area .llms-loop-item-footer .llms-course-length p {
  font-size: 15px;
  font-weight: 600;
}

.llms-loop-item-content .content_area .llms-loop-item-footer .llms-difficulty span.difficulty,
.llms-loop-item-content .content_area .llms-loop-item-footer .llms-course-length span.length {
  font-size: 15px;
  font-weight: 400;
}

.llms-loop-item-content .content_area .llms-loop-item-footer {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  align-items: center;
}

.llms-loop-item-content .content_area .llms-loop-item-footer .llms-meta {
  margin-right: 15px;
}

.course_main {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  margin: 50px -15px;
}

.course_main ul.llms-loop-list {
  margin: 0;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}

li.llms-loop-item {
  margin: 0 0 30px;
  float: none;
  display: block;
}

.llms-loop-item-content .feat_area > a {
  display: block;
}

.llms-loop-item-content .feat_area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.elementor-shortcode ul.llms-loop-list {
  margin: 0 -15px;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}

.elementor-shortcode ul.llms-loop-list > li.llms-loop-item {
  width: calc(100% / 3);
  padding: 0 15px;
}

.elementor-shortcode ul.llms-loop-list > li.llms-loop-item .feat_area {
  width: 100%;
  margin: 0;
  display: block;
  height: 240px;
}

.elementor-shortcode ul.llms-loop-list > li.llms-loop-item .content_area {
  width: 100%;
  padding: 20px;
}

.elementor-shortcode ul.llms-loop-list > li.llms-loop-item .feat_area > a {
  display: block;
  width: 100%;
  height: 100%;
}

.elementor-shortcode ul.llms-loop-list > li.llms-loop-item .content_area .llms-loop-title {
  font-size: 20px;
}

.elementor-shortcode ul.llms-loop-list > li.llms-loop-item .llms-loop-item-content {
  height: 100%;
  align-items: flex-start;
}

.llms-pagination ul li .page-numbers {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0;
  display: block;
  text-decoration: none;
  border: 1px solid #25aae1;
  color: #25aae1;
  font-size: 18px;
  text-decoration: none;
}

.llms-pagination ul li .page-numbers:hover,
.llms-pagination ul li .page-numbers.current {
  background: #25aae1;
  color: #fff;
}

.llms-pagination ul li .page-numbers.next,
.llms-pagination ul li .page-numbers.prev {
  width: auto;
}

.llms-pagination ul {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
}

.llms-pagination ul::before {
  display: none;
}

.llms-form-field.type-submit button:not(.auto) {
  background: #25aae1;
  border-radius: 3px;
  padding: 12px 30px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 20px;
}

.llms-login .llms-form-field.type-checkbox,
.llms-login .llms-form-field.type-html {
  line-height: 44px;
}

.login_btn {
  padding: 10px 10px 0;
}

.login_btn > a {
  font-size: 16px;
  font-weight: 600;
  position: relative;
  padding-bottom: 5px;
}

#llms_lost_password + span a:after,
.login_btn > a:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 2px;
  left: 0;
  bottom: 0;
  transition: 0.4s ease all;
  background: #25aae1;
}

#llms_lost_password + span a:hover:after,
.login_btn > a:hover:after {
  width: 100%;
}

.llms-form-field.type-checkbox input {
  position: relative;
  top: 1px;
}

h4.llms-form-heading {
  font-size: 24px;
  position: relative;
  margin: 0 0 30px;
  padding: 0 10px 15px;
}

h4.llms-form-heading:after {
  content: "";
  display: block;
  position: absolute;
  width: 50px;
  height: 2px;
  background: #25aae1;
  bottom: 0;
}

.page-dashboard.lost_pass_page footer#colophon {
  display: block;
}

form.llms-lost-password-form {
  padding: 30px;
  width: 700px;
  max-width: 100%;
  margin: 0 auto;
  background: #fff;
  border: none;
  box-shadow: 0 0 10px rgb(0 0 0 / 1%);
}

form.llms-lost-password-form button.llms-button-action {
  background: #25aae1;
  border-radius: 3px;
  padding: 12px 30px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 20px;
  color: #fff;
}

.llms-form-field.type-submit button:not(.auto):hover,
form.llms-lost-password-form button.llms-button-action:hover {
  color: #fff;
  background: #0893cd;
}

#llms_lost_password + span a {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  position: relative;
  padding-bottom: 5px;
}

.elementor-shortcode nav.llms-pagination {
  display: none;
}

h2.sect_title {
  font-size: 24px;
}

.course_reviews #old_reviews > hr {
  display: none;
}

.llms-access-plan.on-sale span.price-regular {
  font-size: 24px;
  color: #3e3e3e;
  font-weight: 400;
}

.post_author .llms-meta-title {
  font-size: 20px;
}

.header-top.header_sticky.is_stuck {
  box-shadow: 0 0 8px rgb(0 0 0 / 15%);
}

.page-checkout .llms-notice {
  border: none;
}

.llms-checkout-section {
  border: none;
}

.llms-checkout-cols-2 .llms-checkout-col.llms-col-1 {
  width: calc(60% - 15px);
  margin-right: 15px;
}

.llms-checkout-cols-2 .llms-checkout-col.llms-col-2 {
  margin-left: 15px;
  width: calc(40% - 15px);
}

.llms-checkout-section-content.llms-form-fields {
  padding: 10px;
}

/* Course Single Template Styles  */

body.waystone_temp_page .bg_overlay {
  background: #0d793d;
  opacity: 0.9;
}

.waystone_temp .course_details_right {
  top: -300px;
}

.waystone_temp .llms-access-plan-price {
  color: #00bf00;
}

.waystone_temp .llms-meta > p > a {
  color: #00bf00;
}

.waystone_temp .llms-meta > p > a:hover {
  color: #0d793d;
}

.waystone_temp a.llms-button-action {
  background: #00bf00;
}

.waystone_temp a.llms-button-action:hover {
  background: #0d793d;
}

.waystone_temp .llms-instructor-info .llms-instructors .llms-author .avatar {
  border-color: #00bf00;
  background: #00bf00;
}

.waystone_temp .llms-instructor-info .llms-instructors .llms-author .llms-author-info.name {
  border-bottom-color: #00bf00;
}

.waystone_temp a.read_more_btn,
.waystone_temp a.post_author_btn {
  color: #00bf00;
}

.waystone_temp a.read_more_btn:hover,
.waystone_temp a.post_author_btn:hover {
  color: #0d793d;
}

.waystone_temp .llms-lesson-preview .llms-icon-free {
  background: #00bf00;
}

.waystone_temp #review_box input[type="submit"] {
  background: #00bf00;
}

.waystone_temp #review_box input[type="submit"]:hover {
  background: #0d793d;
}

.biz_logo {
  position: relative;
  z-index: 111;
  background: #fff;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 50px;
  border: 2px solid #00bf00;
  width: 244px;
  margin: 0 0 15px;
}

.biz_logo img {
  width: auto;
  max-width: 100%;
}

.card--group-profile-members {
  display: block !important;
}

ul.info_list {
  list-style-type: none;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}

ul.info_list li.info_txt {
  width: 25%;
  text-align: center;
  padding: 20px 30px;
  font-weight: 600;
  color: #fff;
}

ul.info_list li:nth-child(even) {
  background: rgb(0 0 0 / 15%);
}

ul.info_list li.info_txt label {
  display: block;
  font-size: 30px;
  line-height: 1.1;
  font-weight: 400;
}

ul.info_list li.info_txt span {
  font-size: 40px;
  line-height: 1;
  color: rgb(20, 183, 251);
}

.map_info {
  background: #28406d;
}

.card--group-profile-members {
  display: block !important;
}

.uwp_widget_register .card-body h3.card-title {
  font-size: 24px;
  position: relative;
  margin: 0 0 30px;
  padding: 0 0 15px;
  font-weight: 600;
}

.uwp_widget_register .card-body h3.card-title:after {
  content: "";
  display: block;
  position: absolute;
  width: 50px;
  height: 2px;
  background: #25aae1;
  bottom: 0;
}

/* -----------------Courses page-----------------  */

/* move course id next to the userID/username */

.conveywp_body .view-courses .llms-loop-item-content .content_area .llms-loop-item-footer .llms-author {
  flex: 0 0 50%;
}

.conveywp_body .view-courses .llms-loop-item-content .content_area .llms-loop-item-footer .course_id {
  flex: 0 0 50%;
  text-align: right;
}

.conveywp_body .view-courses .llms-loop-item-content .content_area .llms-loop-item-footer .llms-meta.llms-enroll-date {
  width: 100%;
}

/* -----------------Groups page----------------- */

/* place groupid under group name */

.conveywp_body .llms-groups-card-list .llms-group a {
  position: relative;
  padding: 23px 0 23px 115px;
  height: 100%;
}

.conveywp_body .llms-groups-card-list .llms-group a .llms-group-logo {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100px;
  margin: 0 15px 0 0;
}

.conveywp_body .llms-groups-card-list .llms-group a .course_id.group_id {
  margin-left: 0px;
  color: #0b224e;
}

/* -----------------Groups single----------------- */

/* banner overlay color */

.conveywp_body .type-llms_group .llms-group-profile-header .llms-group-banner:after {
  background: linear-gradient(0deg, rgb(9 41 93 / 100%), transparent);
}

/* group member count and group id */

.conveywp_body .type-llms_group .llms-group-name .group_info {
  display: flex;
  gap: 15px;
}

.conveywp_body .type-llms_group .llms-group-profile-header .llms-group-name span.members-count,
.conveywp_body .type-llms_group .llms-group-profile-header .llms-group-name span.course_id {
  background: rgba(0, 0, 0, 0.3);
}

/* -----------------Become a corporate form----------------- */

.conveywp_body.page-become-a-corporate .card-body {
  padding: 0;
}

.conveywp_body.page-become-a-corporate .card {
  border: none;
}

/* -----------------Become a corporate button----------------- */

.conveywp_body .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
  width: auto;
}

.conveywp_body .wp-block-buttons > .wp-block-button.wp-block-button__width-25 .wp-block-button__link {
  text-transform: uppercase;
  display: block;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  background-color: #25aae1 !important;
}

.conveywp_body .wp-block-buttons > .wp-block-button.wp-block-button__width-25 .wp-block-button__link:hover {
  background-color: #14b7fb !important;
}

/* -----------------Group single----------------- */

/* Dashboard nav */

.conveywp_body .llms-student-dashboard .llms-sd-items {
  overflow-y: auto;
  width: 100%;
  margin-right: 0;
  height: 100%;
}

.conveywp_body .llms-student-dashboard .llms-sd-items li {
  width: 100%;
  float: none;
  line-height: normal;
  height: auto;
}

.conveywp_body header.llms-sd-header nav.llms-sd-nav::-webkit-scrollbar,
.conveywp_body .saml_filter_form .select2-container--default .select2-selection::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

/* edit info field*/

.conveywp_body .llms-group-content .llms-group-card.card--group-profile-about .llms-group-card-text.ql-bubble {
  padding: 10px;
}

/* members filter button */

.conveywp_body .saml_filter_form .saml_submit_search button {
  background-color: #25aae1;
  border-color: #25aae1;
}

.conveywp_body .saml_filter_form .saml_submit_search button:hover {
  background-color: #14b7fb;
  border-color: #14b7fb;
}

/* show entries dropdown */

.conveywp_body .saml_members_wrapper div.dataTables_length label {
  justify-content: flex-end;
}

.conveywp_body .saml_members_wrapper div.dataTables_length {
  margin-bottom: 15px;
}

/* name column */

.conveywp_body .saml_member_table thead tr th:first-child {
  width: 100px !important;
}

/* table action button */

.conveywp_body .saml_member_table tbody button.saml-core-view-button {
  text-transform: lowercase;
  border: none;
  font-weight: 600;
  font-size: 0;
  line-height: 25px;
  width: 25px;
  height: 25px;
  padding: 0;
  border-radius: 50%;
}

.conveywp_body .saml_member_table tbody button.saml-core-view-button:hover {
  opacity: 0.7;
}

.conveywp_body .saml_member_table tbody button.saml-core-view-button::before {
  content: "\f00d";
  font-family: "FontAwesome";
  font-size: 16px;
  border-radius: 50%;
  height: 100%;
  width: 100%;
}

/* popup close button */

.conveywp_body .mfp-content .employee_detail_wrap.text-center.white-popup {
  padding-top: 44px;
}

/* table links */

.conveywp_body .saml_member_table tbody td a {
  color: #25aae1;
  font-size: 16px;
  font-weight: 600;
}

/* table footer  */

.conveywp_body .saml_member_table tfoot tr th {
  text-align: center;
}

/* pagination buttons */

.conveywp_body .llms-group-main .dataTables_paginate .pagination li.paginate_button:hover {
  background-color: #14b7fb !important;
  border-color: #14b7fb !important;
}

.conveywp_body .llms-group-main .dataTables_paginate .pagination li.paginate_button.next {
  border: none;
  margin-left: 0;
}

.conveywp_body .llms-group-main .dataTables_paginate .pagination li.paginate_button.next:hover {
  background-color: transparent !important;
  color: #25aae1 !important;
}

.conveywp_body .llms-group-main .dataTables_paginate .pagination li.paginate_button:not(.next):hover {
  background-color: #25aae1 !important;
  border-color: #25aae1 !important;
  color: #fff !important;
}

.conveywp_body .llms-group-main .dataTables_paginate .pagination li.paginate_button:active {
  box-shadow: none;
  background: none;
  color: #25aae1 !important;
}

.conveywp_body .llms-group-main .dataTables_paginate .pagination li.paginate_button:not(.next) {
  border-radius: 50%;
  padding: 0;
  color: #25aae1 !important;
  border: 1px solid #25aae1;
  width: 40px;
  margin-right: 10px;
  height: 40px;
  line-height: 40px;
}

.conveywp_body .llms-group-main .dataTables_paginate .pagination li.paginate_button.active {
  color: #fff !important;
}

.conveywp_body .saml_filter_form .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  /* line-height: 50px; */
  /* height: 50px; */
  padding: 0;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  width: calc(100% + 8px);
}

.conveywp_body .select2-container .select2-search--inline .select2-search__field {
  margin-top: 0;
}

span.select2-container--default.select2-container--focus .select2-selection--multiple {
  padding: 10px 20px 10px 15px;
}

span.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  width: calc(50% - 14px);
  height: 24px;
}

/* custom courses icon */

.conveywp_body .llms-group-card ul.custom-courses {
  list-style: none;
}

.conveywp_body .llms-group-card ul.custom-courses li a::before {
  content: "\f02d";
  font-family: fontawesome;
  margin-right: 10px;
  color: #25aae1;
}

.llms-group-card-main.load_more_member {
  position: static;
}

/*  Employee Search CSS  */

.saml_members input:focus {
  box-shadow: none;
  border: solid 1px #e8e8e8;
}

.saml_members a {
  text-decoration: none;
}

.saml_filter_form {
  padding: 20px 0;
}

.saml_filter_form .col {
  padding: 5px;
  margin-bottom: 0;
}

.saml_members .container {
  max-width: 800px;
  padding: 0 10px;
}

.saml_filter_holder .row {
  margin: 0 -5px;
}

.saml_filter_form .place_hold {
  position: absolute;
  z-index: 1;
  width: auto;
  height: 100%;
  padding: 10px 20px;
  color: #000;
  line-height: 30px;
}

.saml_filter_form .nice-select,
.saml_filter_form input {
  /* min-height: 50px; */
  line-height: 20px;
  color: #101010;
  font-size: 16px;
}

.saml_filter_form .saml_submit_search button {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  position: relative;
  text-align: center;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  color: #fff;
  width: 100%;
  transition: all 0.3s ease;
  line-height: 20px;
  padding: 15px;
}

.saml_filter_form .saml_submit_search button:hover {
  background: var(--hover-color);
  border-color: var(--hover-color);
}

.saml_member_table thead th,
.saml_member_table tbody td {
  text-align: center;
}

.saml_member_table tbody td a.remove_member {
  color: #ee3838;
  font-size: 18px;
}

.saml_member_table tbody tr td:last-child a.remove_member {
  position: relative;
}

.saml_member_table tbody td a.remove_member::after {
  content: "remove member";
  font-size: 14px;
  text-transform: none;
  color: #fff;
  font-weight: 500;
  background-color: #000;
  padding: 6px;
  width: 130px;
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}

.saml_member_table tbody td a.remove_member:hover::after {
  visibility: visible;
  opacity: 1;
}

.saml_members_wrapper {
  padding-top: 20px;
  width: 100%;
}

span.select2.select2-container.select2-container--default {
  width: 100% !important;
  height: 52px;
}

/* .saml_filter_form .select2-container--default .select2-selection {
    height: 50px;
    overflow: hidden;
    padding: 0;
}

.saml_filter_form .select2-container--default .select2-selection .select2-selection--multiple {
    padding: 5px;
}

.saml_filter_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
}

span.select2-search.select2-search--inline {
    height: 100%;
    display: inline-block;
} */

.saml_filter_form .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px;
}

.saml_member_table td ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.saml_member_table tbody tr > * {
  vertical-align: middle;
}

span.selection {
  display: block;
  height: 50px;
  overflow: hidden;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  margin: 0;
}

.select2-container .select2-selection--multiple {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 20px 10px 15px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered li {
  display: block;
  margin-top: 0;
}

.select2-container--default .select2-search--inline .select2-search__field {
  line-height: 38px;
  margin: 0;
  height: 100%;
}

.select2-container .select2-selection--multiple .select2-selection__rendered > li {
  margin: 5px 0 0px;
}

.select2-container--default .select2-selection--single {
  height: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 50px;
}

.vbox-content {
  text-align: center;
  width: 50%;
  position: relative;
  overflow: hidden;
  padding: 20px 4%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  margin: auto;
}

.employee_detail_wrap {
  padding: 50px 50px;
}

.employee_detail_wrap .flex_wrap_employee {
  margin-top: 15px;
}

.flex_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.title_wrap {
  display: flex;
  align-items: center;
}

.title_wrap h3 {
  font-weight: 700;
  margin: 0;
}

.employee_detail_wrap .flex_wrap_employee p {
  margin: 0;
  font-weight: 400;
}

.employee_detail_wrap .flex_wrap_employee span {
  margin-right: 30px;
  font-weight: 700;
}

.venobox-link_employee {
  color: #000;
  font-weight: 400;
}

.venobox-link_employee:hover {
  text-decoration: underline;
}

.vbox-close {
  top: 0;
  right: 0;
}

/* imp */

.vbox-backdrop {
  background-color: #f5f5f5 !important;
}

.vbox-child {
  box-shadow: 0 0 5px rgb(0 0 0 / 2%), 0 6px 6px rgb(0 0 0 / 2%);
}

p.job_title {
  margin: 0 0 0 15px;
  padding-left: 20px;
  position: relative;
}

p.job_title:before {
  content: "/";
  display: inline-block;
  font-size: 25px;
  line-height: 1;
  position: absolute;
  left: 0;
  top: -2px;
}

.details_list ul {
  list-style-type: none;
  padding: 0;
  margin: 20px 0 30px;
}

.details_list ul > li {
  margin-bottom: 6px;
}

.details_list ul > li label {
  font-weight: 700;
  margin: 0;
}

.emp_courses .title_wrap h3 {
  font-size: 18px;
  margin-bottom: 0;
}

h3.emp_title {
  color: #0062cc;
}

.vbox-inline.vbox-child {
  border-radius: 10px;
}

/* Groups Page Style */

/* Group title style */

.group-header {
  padding: 20px 0 10px 0;
  border-bottom: 1px solid #e0e0e0;
  font-size: 24px;
  gap: 10px;
}

/* Group Title Icon */

.group-header .group-icon {
  color: #b0b0b0;
}

.group-header .group-title h3 {
  font-size: 24px;
  font-weight: 700;
  color: #1a1818;
}

.employee-info .employee-header {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--primary-color);
}

.employee-header h3 {
  color: var(--primary-color);
  font-weight: 700;
  font-size: 21px;
}

.empl-entries-info span {
  font-size: 16px;
  color: #333333;
  font-weight: 500;
  /* line-height: 24px; */
}

.empl-table .row {
  margin: 0;
  align-items: center;
}

.empl-table .row:first-child {
  border: 1px solid gray;
  border-left: none;
  border-right: none;
}

.empl-table .row .col {
  padding: 10px 0px;
  text-align: center;
}

.empl-table .row.table-caption .col {
  font-weight: 700;
}

.add-member-btn a.btn.btn-primary {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  fill: #ffffff;
  color: #ffffff;
  background-color: var(--primary-color);
  border-radius: 5px;
  padding: 10px 16px 8px;
  border: none;
  margin: 0 10px 10px 0;
}

.add-member-btn a.btn.btn-primary:hover {
  background-color: var(--hover-color);
}

.bulk-report-from .row {
  border: 1px solid #e0e0e0;
  align-items: center;
}

.course-wrapper {
  gap: 20px;
  align-items: center;
}

.col-5 {
  padding: 25px;
  border-right: 1px solid #e0e0e0;
}

.field-title h4 {
  color: #464040;
  font-size: 16px;
  margin-bottom: 0;
}

.course-wrapper .add-course a {
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 600;
}

.course-wrapper .add-course a:hover {
  text-decoration: none;
  color: #0778a6;
}

.course-selection select {
  font-size: 14px;
  font-weight: 400;
  padding: 15px;
  color: #495057;
  border: 1px solid #e0e0e0;
}

.option-wrap .col-border {
  border: 1px solid #e0e0e0;
}

.option-wrap .select2-container--default .select2-selection--single {
  border-radius: 0;
  border: 1px solid #e0e0e0;
}

/* .table-wrapper table {
  width: 100%;
} */

.modal-title h4 {
  font-size: 16px;
  font-weight: 400;
}

.modal-header {
  border-bottom: 0;
  /* padding: 0;
  padding-right: 20px; */
}

.form-control-file {
  border: 1px solid #e0e0e0;
  padding: 10px;
  width: 50%;
}

.import-title h5 {
  font-size: 16px;
  font-weight: 400;
}

.import-title p {
  color: #888888;
  font-size: 14px;
}

/* Select 2 Multiselect CSS */

ul.select2-results__options[aria-multiselectable="true"] .select2-results__option {
  padding-right: 20px;
  vertical-align: middle;
  line-height: 20px;
  padding: 5px 10px 5px 36px;
  position: relative;
}

ul.select2-results__options[aria-multiselectable="true"] .select2-results__option:before {
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  border: 1px solid #e9e9e9;
  border-radius: 0;
  background-color: #fff;
  margin-right: 0;
  vertical-align: middle;
  position: absolute;
  left: 10px;
  line-height: 16px;
}

ul.select2-results__options[aria-multiselectable="true"] .select2-results__option[aria-selected="true"]::before {
  font-family: "FontAwesome";
  content: "\f00c";
  color: #fff;
  background-color: var(--primary-color);
  border-color: transparent;
  display: inline-block;
  padding-left: 0;
  font-size: 10px;
  text-align: center;
}

span.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #eaeaea;
}

span.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #9da9ae;
  color: #fff;
}

span.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #d8d8d8;
  border-width: 1px;
}

span.select2-container--default .select2-selection--multiple {
  border: 1px solid #e0e0e0;
  overflow: inherit;
  /* height: 100%; */
  min-height: 51px;
  border-radius: 0;
  width: 100%;
}

.select2-container .select2-search--inline .select2-search__field {
  height: auto;
}

.select2-container--open .select2-dropdown--below {
  border-radius: 0;
  padding: 0;
}

.select2-selection .select2-selection--multiple:after {
  content: "hhghgh";
}

ul.select2-results__options[aria-multiselectable="true"] .select2-results__option[role="group"]:before {
  display: none;
}

span.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 5px 10px;
  overflow: visible;
  height: auto;
  width: 100%;
  margin: -2px -4px;
  display: block;
}

span.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  max-width: 100%;
  margin: 2px 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

span.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline {
  max-width: 100%;
  width: auto;
  overflow: inherit;
  display: block;
  float: left;
  margin: 0;
}

span.select2-container--default .select2-selection--multiple .select2-selection__rendered:after {
  content: "";
  display: block;
  clear: both;
}

.title_wrap {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 20px;
}

/* remove employee modal */

#removeEmployeeModal button.close.position-absolute {
  padding: 0;
  margin: 0;
  right: 0;
  top: 0;
  height: 40px;
  line-height: 40px;
  width: 40px;
  text-align: center;
  font-size: 16px;
}

.courses-wrap .course-5,
.courses-wrap .course-6,
.courses-wrap .course-7 {
  display: none;
}

/* navbar styles */

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
  background: #eaeaea;
  position: relative;
}

.nav-tabs:after {
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  height: 100%;
  background: #eaeaea;
  left: 0;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  z-index: -1;
}

.nav-tabs .nav-link {
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 400;
  width: 100%;
}

.nav-tabs .nav-link.active {
  border-bottom: 1px solid;
  background: #fff;
  color: var(--primary-color);
}

.form-control {
  /* padding: 15px; */
  line-height: 20px;
  height: 52px;
  border-radius: 0;
}

.add-modal .nav-link {
  width: 100%;
  padding: 20px;
  font-size: 20px;
  font-weight: 600;
  border: 1px solid var(--primary-color);
  border-radius: 0;
}

.modal-body {
  padding: 0;
}

.add-modal .tab-content {
  padding: 20px;
}

.modal-dialog.modal-xl {
  width: 983px;
  max-width: 100%;
}

span.select2.select2-container.select2-container--default .selection {
  height: 100%;
}

ul.select2-selection__rendered {
  flex: 0 0 100%;
  height: 100%;
}

span.select2-search.select2-search--inline {
  flex: 0 0 100%;
}

ul.select2-results__options[aria-multiselectable="true"] .select2-results__option.select2-results__option--selected::before {
  font-family: "FontAwesome";
  content: "\f00c";
  color: #fff;
  background-color: var(--primary-color);
  border-color: transparent;
  display: inline-block;
  padding-left: 0;
  font-size: 10px;
  text-align: center;
}

/* Group courses */

.group-course-list .group-course-list-item a {
  color: var(--primary-color);
  text-decoration: none;
  transition: all 0.3s ease;
}

.group-course-list .group-course-list-item a:hover {
  color: var(--hover-color);
}

/* Employee table */

a.employee-link {
  text-decoration: none;
  color: inherit;
  font-weight: 500;
  transition: all 0.3s ease;
}

a.employee-link:hover {
  color: var(--primary-color);
}

.empl-table .row:nth-of-type(even):not(:first-child) {
  background: rgb(0 0 0 / 5%);
}

.empl-table .row > div {
  text-align: center;
  padding: 10px;
}

button.remove-employee.btn {
  padding: 0;
  border: none;
}

button.remove-employee.btn:focus {
  box-shadow: none;
}

.select2-container--open span.select2-selection.select2-selection--multiple {
  overflow-y: scroll;
}

/* reset filters */

button#reset-search-filter {
  background-color: transparent;
  border: none;
  color: var(--primary-color);
  padding: 0;
  font-weight: 700;
  /* margin-top: 10px; */
}

button#reset-search-filter:focus {
  box-shadow: none;
}

button#reset-search-filter:hover {
  color: var(--primary-color);
}

/* Add employee tabs */

.add-modal ul.nav-pills li {
  flex: 0 0 50%;
  max-width: 50%;
}

.add-modal .nav-pills .nav-link.active {
  background-color: var(--primary-color);
}

/* repeater fields row */

.option-wrap .row.field {
  margin: 0;
}

.option-wrap .field > div {
  display: flex;
  height: 66px;
  align-items: center;
  justify-content: center;
}

.option-wrap .field .buttons-wrap a {
  padding: 0;
  font-size: 18px;
  width: auto;
}

.option-wrap .field .buttons-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.option-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-right: 0;
  width: 100%;
}

.option-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
}

/* datepickers buttons */

/* Add employee button */

.modal-footer button.add-btn,
.conveywp_body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.modal-footer button.add-btn:hover {
  background-color: var(--hover-color);
  border-color: var(--hover-color);
}

/* remove field button */

.option-wrap .field:first-child a.remove-field {
  display: none;
}

/* -------------------------------- 
Product Tour
xnugget info
-------------------------------- */

.cd-nugget-info {
  position: absolute;
  width: 60%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cd-nugget-info h1 {
  color: #fefffb;
  font-size: 2.4rem;
  margin: 0.6em 0;
}

.cd-nugget-info .cd-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  border-radius: 50em;
  background: #ff962c;
  padding: 1em 2em;
  color: #fefffb;
  font-weight: bold;
  font-size: 1.4rem;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.cd-nugget-info .cd-btn:active {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}

.no-touch .cd-nugget-info .cd-btn:hover,
.cd-nugget-info .cd-btn:focus {
  outline: none;
  background: #ffa346;
}

@media only screen and (min-width: 1100px) {
  .cd-nugget-info h1 {
    font-size: 4.2rem;
    font-weight: 300;
  }
  .cd-nugget-info .cd-btn {
    font-size: 1.6rem;
  }
}

/* -------------------------------- 
  
  Main Components 
  
  -------------------------------- */

.cd-tour-wrapper {
  position: fixed;
  z-index: 2;
  height: 90%;
  width: 90%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  transition: opacity 0.4s 0s, visibility 0s 0.4s;
}

.cd-tour-wrapper::before {
  /* never visible - this is used in jQuery to check the current MQ */
  display: none;
  content: "mobile";
}

.cd-tour-wrapper.active {
  /* start tour */
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0s;
  transition: opacity 0.4s 0s, visibility 0s 0s;
}

@media only screen and (min-width: 600px) {
  .cd-tour-wrapper {
    max-width: 500px;
    max-height: 600px;
  }
}

@media only screen and (min-width: 1100px) {
  .cd-tour-wrapper {
    /* reset style */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: none;
    max-height: none;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-tour-wrapper::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }
  .cd-tour-wrapper.active {
    visibility: hidden;
  }
}

.cd-single-step {
  /* tour single step */
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  background-color: #fefffb;
  border-radius: 4px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  opacity: 0;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.4s 0s, opacity 0s 0.4s;
  -moz-transition: -moz-transform 0.4s 0s, opacity 0s 0.4s;
  transition: transform 0.4s 0s, opacity 0s 0.4s;
}

.cd-single-step > span {
  /* dot indicator - visible on desktop version only */
  position: relative;
  z-index: 1;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: inherit;
  background: #ff962c;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
  /* replace text with background images */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  /* hide on mobile */
  display: none;
}

.cd-single-step::after {
  /* this is used to create the pulse animation */
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: inherit;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* hide on mobile */
  display: none;
}

.active .cd-single-step {
  /* tour started */
  -webkit-transform: scale(1) translateX(100%);
  -moz-transform: scale(1) translateX(100%);
  -ms-transform: scale(1) translateX(100%);
  -o-transform: scale(1) translateX(100%);
  transform: scale(1) translateX(100%);
  -webkit-transition: -webkit-transform 0.4s 0s, opacity 0.4s 0s;
  -moz-transition: -moz-transform 0.4s 0s, opacity 0.4s 0s;
  transition: transform 0.4s 0s, opacity 0.4s 0s;
}

.active .cd-single-step.move-left {
  -webkit-transform: scale(1) translateX(-100%);
  -moz-transform: scale(1) translateX(-100%);
  -ms-transform: scale(1) translateX(-100%);
  -o-transform: scale(1) translateX(-100%);
  transform: scale(1) translateX(-100%);
}

.active .cd-single-step.is-selected {
  /* visible step */
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.4s 0s;
  -moz-transition: -moz-transform 0.4s 0s;
  transition: transform 0.4s 0s;
}

@media only screen and (min-width: 1100px) {
  .cd-single-step {
    /* reset style */
    height: auto;
    width: auto;
    top: auto;
    left: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    border-radius: 50%;
    visibility: hidden;
    opacity: 1;
    background-color: transparent;
    box-shadow: none;
    -webkit-transition: visibility 0s 0.4s;
    -moz-transition: visibility 0s 0.4s;
    transition: visibility 0s 0.4s;
  }
  .cd-single-step:nth-of-type(1) {
    /* set tour points positions */
    bottom: 40%;
    right: 30%;
  }
  .cd-single-step:nth-of-type(2) {
    bottom: 60%;
    right: 48%;
  }
  .cd-single-step:nth-of-type(3) {
    top: 28%;
    left: 20%;
  }
  .cd-single-step > span,
  .cd-single-step::after {
    display: block;
  }
  .active .cd-single-step,
  .active .cd-single-step.move-left {
    -webkit-transition: visibility 0s 0.4s;
    -moz-transition: visibility 0s 0.4s;
    transition: visibility 0s 0.4s;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-single-step.is-selected {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
  }
  .cd-single-step.is-selected > span {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .cd-single-step.is-selected::after {
    -webkit-animation: cd-pulse 2s infinite;
    -moz-animation: cd-pulse 2s infinite;
    animation: cd-pulse 2s infinite;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }
  .cd-single-step.is-selected .cd-more-info {
    opacity: 1;
  }
}

@-webkit-keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #ff962c;
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 150, 44, 0);
  }
}

@-moz-keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #ff962c;
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 150, 44, 0);
  }
}

@keyframes cd-pulse {
  0% {
    box-shadow: 0 0 0 0 #ff962c;
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 150, 44, 0);
  }
}

.cd-single-step .cd-more-info {
  z-index: 1;
  padding: 1.5em;
  width: 100%;
}

.cd-single-step .cd-more-info::after {
  clear: both;
  content: "";
  display: table;
}

.cd-single-step .cd-more-info::before {
  /* triangle next to the step description - hidden on mobile */
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  border: 6px solid transparent;
  display: none;
}

.cd-single-step .cd-more-info h2 {
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 0.4em;
}

.cd-single-step .cd-more-info p {
  font-size: 1.3rem;
  line-height: 1.6;
  margin-bottom: 1.4em;
  font-family: Georgia, serif;
  color: #7f7f7d;
}

.cd-single-step .cd-more-info img {
  margin-bottom: 1.4em;
}

.cd-single-step .cd-more-info .cd-close {
  /* 'X' icon to skip the tour */
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  /* replace text with background images */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.cd-single-step .cd-more-info .cd-close::after,
.cd-single-step .cd-more-info .cd-close:before {
  /* these are the 2 lines of the 'X' icon */
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 2px;
  width: 16px;
  border-radius: 4em;
  background-color: #cbccc8;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cd-single-step .cd-more-info .cd-close::after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.cd-single-step .cd-more-info .cd-close::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.cd-single-step .cd-more-info span {
  /* step count e.g. 1 of 3*/
  float: left;
  padding-top: 0.1em;
  font-size: 1.3rem;
  font-family: Georgia, serif;
}

@media only screen and (min-width: 1100px) {
  .cd-single-step .cd-more-info {
    position: absolute;
    width: 340px;
    border-radius: 4px;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15);
    opacity: 0;
    background-color: #fefffb;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
    border-color: #fefffb;
  }
  .cd-single-step .cd-more-info p {
    margin-bottom: 2.5em;
  }
  .cd-single-step .cd-more-info img {
    display: none;
  }
  .cd-single-step .cd-more-info::before {
    /* triangle next to the step description - hidden on mobile */
    display: block;
  }
  .cd-single-step .cd-more-info.left {
    right: calc(100% + 15px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .cd-single-step .cd-more-info.right {
    left: calc(100% + 15px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .cd-single-step .cd-more-info.left,
  .cd-single-step .cd-more-info.right {
    top: 50%;
  }
  .cd-single-step .cd-more-info.top {
    bottom: calc(100% + 15px);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .cd-single-step .cd-more-info.bottom {
    top: calc(100% + 15px);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .cd-single-step .cd-more-info.top,
  .cd-single-step .cd-more-info.bottom {
    left: 50%;
  }
  .cd-single-step .cd-more-info.left::before,
  .cd-single-step .cd-more-info.right::before {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .cd-single-step .cd-more-info.top::before,
  .cd-single-step .cd-more-info.bottom::before {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .cd-single-step .cd-more-info.left::before {
    border-left-color: inherit;
    left: 100%;
  }
  .cd-single-step .cd-more-info.right::before {
    border-right-color: inherit;
    right: 100%;
  }
  .cd-single-step .cd-more-info.top::before {
    border-top-color: inherit;
    top: 100%;
  }
  .cd-single-step .cd-more-info.bottom::before {
    border-bottom-color: inherit;
    bottom: 100%;
  }
  .is-selected .cd-single-step .cd-more-info {
    opacity: 1;
  }
}

.cd-tour-nav {
  float: right;
}

.cd-tour-nav::after {
  clear: both;
  content: "";
  display: table;
}

.cd-tour-nav li {
  display: inline-block;
  /* float: left; */
}

.cd-tour-nav li:first-of-type {
  margin-right: 1.5em;
}

.cd-tour-nav a {
  font-size: 1.3rem;
  color: #222d33;
  font-weight: bold;
}

.cd-tour-nav a.inactive {
  /* item not clickable */
  color: #cbccc8;
  cursor: not-allowed;
}

.cd-cover-layer {
  /* background cover layer - visible when tour is activated */
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  transition: opacity 0.4s 0s, visibility 0s 0.4s;
}

.cd-cover-layer.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0s;
  transition: opacity 0.4s 0s, visibility 0s 0s;
}

@media only screen and (min-width: 1100px) {
  .cd-cover-layer.is-visible {
    opacity: 0;
    -webkit-animation: cd-fade-in 2.1s;
    -moz-animation: cd-fade-in 2.1s;
    animation: cd-fade-in 2.1s;
  }
}

@-webkit-keyframes cd-fade-in {
  0%,
  100% {
    opacity: 0;
  }
  14%,
  40% {
    opacity: 1;
  }
}

@-moz-keyframes cd-fade-in {
  0%,
  100% {
    opacity: 0;
  }
  14%,
  40% {
    opacity: 1;
  }
}

@keyframes cd-fade-in {
  0%,
  100% {
    opacity: 0;
  }
  14%,
  40% {
    opacity: 1;
  }
}

/* -------------------------------- 
  
  xapp prototype - no need to import this in production 
  
  -------------------------------- */

.cd-app-screen {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 90%;
  height: 80%;
  background: #222d33;
  border-radius: 4px;
  box-shadow: 0 10px 60px #08151d;
}

.cd-app-screen::before,
.cd-app-screen::after {
  content: "";
  position: absolute;
}

.cd-app-screen::before {
  top: 0;
  left: 0;
  height: 40px;
  width: 100%;
  background: #fefffb;
  border-radius: 4px 4px 0 0;
}

.cd-app-screen::after {
  top: 14px;
  left: 20px;
  height: 12px;
  width: 60px;
  background: #e4e5e1;
  border-radius: 3px;
}

/* Employee popup name and designation */

.conveywp_body .employee_detail_wrap .emp_details .title_wrap.mb-3.text-left {
  display: flex;
  justify-content: start;
}

/* Employee popup load courses button */

.conveywp_body .employee_detail_wrap .emp_courses button.load_more_courses {
  color: #fff;
  border: none;
  background-color: #25aae1;
  padding: 10px 20px;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 600;
}

.conveywp_body .employee_detail_wrap .emp_courses button.load_more_courses:hover {
  background-color: #14b7fb;
}

/* Reports tab */

/* generate report button */

.conveywp_body .llms-group-card .llms-group-card-action.generate_report {
  margin-right: 20px;
}

.conveywp_body .llms-group-card .llms-group-card-action.generate_report:hover {
  background-color: #14b7fb;
}

/* download report buttons */

.conveywp_body #tableActions.bulk_actions button.dt-button:hover {
  background: #14b7fb;
}

/* ---------------- Settings ------------------ */

#update-custom-group-settings .llms-form-field {
  padding-left: 0;
  padding-right: 0;
}

/* Groups add employee form tabs */

.conveywp_body .group_modal_wap .employee_tabs {
  position: absolute;
  width: 100%;
}

/* Generated report total entries */

.conveywp_body .llms-group-profile .llms-group-card-main .dataTables_wrapper .dataTables_info {
  text-align: left;
}

.conveywp_body h3.llms-group-card-title.download_report {
  margin-top: 10px;
}

/* Course catalog pagination */

.conveywp_body .llms-pagination ul li .page-numbers:not(.prev, .next) {
  border-radius: 50%;
  padding: 0;
}

.conveywp_body .llms-pagination ul li .page-numbers.next,
.conveywp_body .llms-pagination ul li .page-numbers.prev {
  border: none;
}

.conveywp_body .llms-pagination ul li .page-numbers.next:hover,
.conveywp_body .llms-pagination ul li .page-numbers.prev:hover {
  background: transparent;
  color: #14b7fb;
}

/* Course catalog search filters */

.conveywp_body .course_main #sidebar.lifter_sidebar {
  padding-top: 0;
}

.conveywp_body #sidebar.lifter_sidebar section {
  padding: 0;
}

.conveywp_body #sidebar ul li h4 {
  line-height: inherit;
  padding: 15px 30px;
  position: relative;
}

.conveywp_body #sidebar ul li h4:hover {
  cursor: pointer;
}

.conveywp_body .searchandfilter ul > li > ul:not(.children) {
  padding: 0 30px;
  margin-bottom: 20px;
}

.conveywp_body #sidebar .searchandfilter li[class^="sf-field-taxonomy-course"] {
  margin: 0;
  padding: 0;
}

.conveywp_body #sidebar ul li h4::after {
  content: "\2b";
  font-size: 20px;
  position: absolute;
  right: 15px;
  line-height: 20px;
  text-align: center;
  width: 20px;
  top: 50%;
  height: 20px;
  font-family: "FontAwesome";
  transform: translateY(-50%);
  transition: all 0.3s ease;
}

.conveywp_body #sidebar ul li .open::after {
  transform: translateY(-50%) rotate(45deg);
}

/* course id copy tooltip */

.course_id .id-tooltip {
  position: absolute;
  top: initial;
  bottom: -25px;
  color: #fff;
  background-color: #333;
  width: 150px;
  text-align: center;
  transition: all 0.3s ease;
  left: 35px;
  line-height: 25px;
  font-size: 14px;
  opacity: 0;
}

.course_id {
  position: relative;
}

.id_txt:hover + .id-tooltip {
  opacity: 1;
}

/* Employee limit reached message */

.limit_txt_wrap {
  display: flex;
  gap: 30px;
}

.limit_txt_wrap .alert_icon i {
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  background-color: #ff5a5a;
  color: #fff;
}

.alert_txt p {
  font-size: 20px;
}

.single-llms_group .select2-container .select2-results__option--highlighted,
.single-llms_group .select2-container .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
  background-color: var(--secondary-color);
}

/* datepicker styles */

.conveywp_body .ui-date-picker .ui-datepicker-header a.ui-state-hover {
  background: var(--primary-color);
  border-color: var(--primary-color);
}

.ui-datepicker-prev::after,
.ui-datepicker-next::after {
  font-family: "FontAwesome";
  font-family: 14px;
}

.ui-datepicker-prev::after {
  content: "\f137";
}

.ui-datepicker-next::after {
  content: "\f138";
}

.conveywp_body .acf-ui-datepicker .ui-widget-header .ui-icon {
  display: none;
}

.conveywp_body .acf-ui-datepicker .ui-datepicker .ui-widget-header a {
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  text-decoration: none;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: white;
  width: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  line-height: 26px;
  transition: all 0.3s ease;
}

.conveywp_body .acf-ui-datepicker .ui-datepicker .ui-widget-header a:hover,
.conveywp_body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default.ui-state-hover {
  background-color: var(--hover-color);
  border-color: var(--hover-color);
}

button.remove-employee.btn:hover {
  color: #e12525;
}

.conveywp_body .acf-ui-datepicker .ui-widget-content .ui-state-hover {
  border-color: var(--secondary-color);
  background-color: var(--secondary-color);
  color: #fff;
}

.conveywp_body .acf-ui-datepicker .ui-widget-content .ui-state-highlight {
  border-color: var(--secondary-color) !important;
  background-color: var(--secondary-color) !important;
  color: #fff;
}

.conveywp_body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-default {
  color: #fff;
}

.page-numbers a:not(.next, .prev) {
  width: 40px;
  display: block;
  height: 40px;
  border: 1px solid #25aae1;
  line-height: 38px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
}

.page-numbers span.current {
  background-color: var(--primary-color);
  color: #fff;
}

.page-numbers a:not(.current, .next, .prev):hover {
  background-color: var(--primary-color);
  color: #fff;
}

.page-numbers a.prev:hover,
.page-numbers a.next:hover {
  text-decoration: underline;
}

.page-numbers {
  margin-top: 20px;
}

.page-numbers.prev {
  margin-right: 10px;
}

.single-llms_group .details_wrap .emp_details h3.emp_title {
  width: auto;
}

p.bulk_note {
  font-size: 15px;
  margin: 15px 0;
}

.bulk_wrap .bulk_note i {
  display: inline;
  font-size: 20px;
  color: #44c553;
}

.bulk_wrap .bulk_note i:hover {
  color: #444;
}

.single-lesson.single nav.navigation.post-navigation,
.single-llms_quiz.single nav.navigation.post-navigation {
  display: none;
}

.single-lesson .blog_desc {
  position: relative;
}

a#llms_start_quiz {
  bottom: 0;
  left: 260px;
}

a#llms-start-assignment {
  left: 0;
}

.llms-lesson-button-wrapper + nav.llms-course-navigation {
  margin-bottom: 50px;
}

button.llms-start-quiz-button,
.llms-quiz-ui .llms-quiz-nav button {
  text-transform: uppercase;
  font-weight: 600;
}

.llms-question-wrapper ol.llms-question-choices li.llms-choice label {
  display: block;
}

.llms-question-wrapper ol.llms-question-choices li.llms-choice .llms-choice-text {
  margin: 0;
}

.header-top .header_usermenu {
  width: max-content;
  justify-content: flex-end;
  height: 100%;
}

/* courses content area */

.post-type-archive-course .course_main {
  margin-top: 20px;
}

/* Lesson Content */

.single-lesson div#blog_sec {
  flex: 0 0 70%;
  max-width: 70%;
}

/* Lesson sidebar */

.lesson_sidebar .widget {
  margin-top: 60px;
  margin-bottom: 20px;
  list-style-type: none;
  padding: 30px;
  background-color: #f4f4f4;
}

.lesson_sidebar h2.widgettitle {
  font-size: 25px;
}

.lesson_sidebar .llms-widget-syllabus .section-title {
  font-size: 16px;
}

.lesson_sidebar ul.llms-lesson li {
  display: flex;
  align-items: center;
  gap: 5px;
}

.lesson_sidebar .widget li a {
  padding-bottom: 5px;
}