.text-primary {
  color: var(--color-primary) !important;
}

.bg-primary {
  background-color: var(--color-primary) !important;
}

.bg-primary-soft, .badge-primary-soft {
  background: rgb(var(--rgb-primary) / 0.1);
  color: var(--color-primary);
}

.header-menu-items .header-menu-link:hover,
.header-menu-items .header-menu-link.active {
  color: var(--color-primary);
  text-decoration: none;
}

.header-menu-link-circle.active {
  background: rgb(var(--rgb-primary) / 0.1);
  color: var(--color-primary);
}

.sidebar-menu-items.active .sidebar-menu-link,
.sidebar-menu-items .sidebar-menu-link:hover {
  color: var(--color-primary);
  text-decoration: none;
}

.sub-menu-items .sub-menu-link:hover {
  color: var(--color-primary);
  text-decoration: none;
}

.nav-pills .nav-item.theme-primary .nav-link:hover {
  background: rgb(var(--rgb-primary) / 0.1);
  color: var(--color-primary) !important;
}

#file-profile-picture-block label {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary);
  text-align: center;
  color: var(--color-on-primary) !important;
  border: none;
  border-radius: 0.5rem;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: #fff !important;
  color: var(--color-primary) !important;
}

#login-page .left-block,
#register-page .left-block {
  background-image: linear-gradient(
    45deg,
    var(--gradient-primary-start) 0%,
    var(--gradient-primary-end) 100%
  ) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.breadcrumb .breadcrumb-item.active {
  color: var(--color-primary);
}

.btn-primary-soft {
  background: rgb(var(--rgb-primary) / 0.1);
  color: var(--color-primary);
}

.btn-primary-soft:focus,
.btn-primary-soft:hover {
  background: rgb(var(--rgb-primary) / 0.15);
  color: var(--color-primary);
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  color: var(--color-primary);
  border-color: transparent transparent var(--color-primary);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--color-primary);
  border-color: transparent transparent var(--color-primary);
  background: transparent;
}

#header-block .progress-circle:after {
  background: rgb(var(--rgb-primary) / 0.1);
  color: var(--color-primary);
  border: 2px solid transparent;
}

#header-block .progress-circle .progress-value {
  color: var(--color-primary);
}

#header-block .progress-circle.done:after {
  background-color: var(--color-primary);
  color: var(--color-on-primary);
}

.message-container.right .message {
  background-color: var(--color-primary) !important;
  color: var(--color-on-primary) !important;
  margin-right: 0 !important;
  margin-left: auto;
}

#chat-input:focus + span i {
  box-shadow: none;
  color: var(--color-primary);
}

.data-list .items-link.unread {
  border-left: 4px solid var(--color-primary);
  background-color: #F5F5F5;
}

.btn-remove-value-input:hover i {
  color: var(--color-danger);
}

.discussion-comment-status a:hover,
.discussion-headings-status a:hover {
  color: var(--color-primary);
}

.btn-toggle-password.active,
.btn-toggle-password:hover {
  color: var(--color-primary);
}

.exam-nav-block .exam-nav-questions:hover,
.exam-nav-block .exam-nav-questions.active,
.exam-nav-block .exam-nav-questions.done {
  background: var(--color-primary) !important;
}

.exam-answer-items.active {
  background: rgb(var(--rgb-primary) / 0.1);
  color: var(--color-primary);
}

#form-exam .card .exam-answer-items:not(.not-active).active {
  background: rgb(var(--rgb-primary) / 0.1);
  color: var(--color-primary);
}

.bg-square {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-image: linear-gradient(
    90deg,
    var(--gradient-primary-start) 0%,
    var(--gradient-primary-end) 100%
  ) !important;
}

ul.pagination li.active a {
  color: var(--color-primary) !important;
  background: transparent !important;
}

.category-items.active .category-link,
.profile-navbar-items.active .profile-navbar-link,
.knowledge-base-groups-items.active .knowledge-base-groups-link {
  background: rgb(var(--rgb-primary) / 0.1);
  color: var(--color-primary);
}

.sub-category-items.active .sub-category-link,
.sub-category-items .sub-category-link:hover {
  background: transparent;
  color: var(--color-primary);
}

.lr-sub-topics a:hover,
.lr-sub-quiz a:hover {
  color: var(--color-primary) !important;
}

#faqs-list .collapse-header .btn:not(.collapsed) {
  color: var(--color-primary) !important;
}

.faqs-header-block {
  background-image: linear-gradient(
    90deg,
    var(--gradient-primary-start) 0%,
    var(--gradient-primary-end) 100%
  ) !important;
}

/* Button - start */
.btn-primary {
  color: var(--btn-primary-text);
  background-color: var(--btn-primary-bg);
  border-color: var(--btn-primary-border);
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: var(--btn-primary-text);
  background-color: var(--btn-primary-bg);
  border-color: var(--btn-primary-border);
}
.btn-primary:hover,
.btn-primary.hover {
  background-color: var(--btn-primary-bg-hover);
  border-color: var(--btn-primary-bg-hover);
}
.btn-primary:focus,
.btn-primary.focus {
  background-color: var(--btn-primary-bg-hover);
  border-color: var(--btn-primary-bg-hover);
  box-shadow: 0 0 0 var(--state-focus-ring-size)
    rgb(var(--rgb-primary) / var(--state-focus-ring-opacity));
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
  color: var(--btn-primary-text);
  background-color: var(--btn-primary-bg-active);
  border-color: var(--btn-primary-bg-active);
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 var(--state-focus-ring-size)
    rgb(var(--rgb-primary) / var(--state-focus-ring-opacity));
}

.btn-outline-primary {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: var(--color-primary);
  background-color: transparent;
}
.btn-outline-primary:hover {
  color: var(--color-on-primary);
  background-color: var(--btn-primary-bg);
  border-color: var(--btn-primary-bg);
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 var(--state-focus-ring-size)
    rgb(var(--rgb-primary) / var(--state-focus-ring-opacity));
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
  color: var(--color-on-primary);
  background-color: var(--btn-primary-bg);
  border-color: var(--btn-primary-bg);
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 var(--state-focus-ring-size)
    rgb(var(--rgb-primary) / var(--state-focus-ring-opacity));
}

a, .btn-link {
  color: var(--btn-link-text);
}
.btn-link.no-deco:hover {
  text-decoration: none !important;
}
a:hover, .btn-link:hover {
  color: var(--btn-link-text-hover);
}

.page-404 {
  background-image: linear-gradient(
    90deg,
    var(--gradient-primary-start) 0%,
    var(--gradient-primary-end) 100%
  ) !important;
}

.discussion-comment.focus,
.discussion-comment-reply-items.focus {
  background: rgb(var(--rgb-primary) / 0.1) !important;
}

.card-course .progress-tumbnail .progress-bar {
  background-color: var(--color-primary);
}

.bootstrap-select .dropdown-menu .dropdown-item.active:hover {
  background-color: var(--color-primary) !important;
}

.competency-content .tags {
  background-color: var(--color-primary) !important;
}

ul.pagination li.active a {
  color: var(--color-on-primary) !important;
  background: var(--color-primary) !important;
  border: 1px solid var(--color-primary) !important;
}

.border-primary {
  border-color: var(--color-primary) !important;
}

.badge-primary {
  background-color: var(--color-primary);
  color: var(--color-on-primary);
}

.progress-bar {
  background-color: var(--color-primary);
}

.alert-primary {
  background-color: rgb(var(--rgb-primary) / .1);
  border-color: rgb(var(--rgb-primary) / .3);
  color: var(--color-primary);
}