/*
Index
-------------
1.Header
2.Sidebar
3.Home
4.Banner Alignment
5.Metadata library
6.Channels, Learning path, courses and awards
7.Advance Search
8.Filter icons CSS
9.Channels Detail
10.Learning path Detail
11.Login & User Registration
12.Forgot password
13.Package List - with login
14.Package List - with out login
15.Category packages - with login
16.Category packages - with out login
17.Shopping Cart
18.User payment steps - with login
19.User payment steps - with out login
20.Billing address - with login
21.Billing address with out login
22.Review Order - with login
23.Review Order - with out login
24.Payment - with login
25.Payment - with out login
26.Confirmation
27.Confirmation - with out login
28.Redeem package popup
29.Category package details popup (info icon poup)
30.Subscribe Message popup
31.Purchase license flow popup
32.Free Subscribe Message popup
33.Purchase Order Confirmation popup
34.Terms and conditions popup
35.Cancel redeem license key confirmation popup
36.Thank you for signing up popup
37.Awards - Overview
38.Awards - Leaderboard
39.Awards - Trophy Case
40.Awards - Info popup
41.Awards - all type popups
42.Self Registration Payment Mode
43.Courses
44.My Profile
45.Change password
46.Subscription
47.Video Assessment 
48.Notification
49.Activity Dashboard
50.Learning Path Viewer
51.Take Survey
52.Subscription
Common Styles
New Tiles
*/

/* 1.Header
--------------------- */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,600&display=swap");
span, p, a, body, h1, h2, h3, h4, h5, h6, span {
  font-family: "Montserrat", sans-serif  !important;
}
header {
  background: #ffffff; /* this will change the Website Masthead Color (top menu background color) */
  padding: 17px !important;
}
header.main-header.self-reg {
  background: #ffffff; /* this will change the Website Masthead Color (top menu background color) Self Registration */
}
nav.header-menu ul li a,
.mobile-cart-login li.cart-menu a,
.mobile-cart-login li.my-acnt a {
  color: #0A1B2D; /* this will change the top menu text color */
}

nav.header-menu ul li a.active,
nav.header-menu ul li a:hover {
  color: #000000; /* this will change the top menu text rollover color */
}
.search-inner-blk .btn.btn-default {
  background: #ffffff; /* this will change the search Library background color */
  color: #0A1B2D; /* this will change the search Library text color */
}
.search-inner-blk .btn.btn-default:after {
  border-top-color: #d4d2d2; /* this will change the search Library dropdown arrow color */
}
header .input-group .form-control,
.main-banner .input-group .form-control,
.banner-search .input-group .form-control,
.col-md-12.search-blk .form-control {
  background-color: #ffffff; /* this will change the search text box background color */
  color: #000000; /* this will change the search text box text color */
}
.logo img {
    max-width: 100%;
    height: auto;
    display: block;
    max-height: 45px;
}
.search-inner-blk .input-group-btn .btn.btn-default {
  background-color: #0A1B2D; /* this will change the search icon background color */
  color: #ffffff; /* this will change the search icon color */
}
.search-inner-blk .input-group-btn .btn.btn-default:hover {
  background-color: #65E3FF; /* this will change the search icon background rollover color */
  color: #ffffff; /* this will change the search icon rollover color */
}
ul li.my-acnt .hdrgt_menu ul li a {
  color: #222 !important; /* this will change the profile dropdown menus color */
  border-bottom: 2px solid rgb(217, 217, 217);
  font-size: 14px;
  padding: 4% 0% 4% 5%;
  width: 100%;
  font-weight: 500;
  font-family: "Montserrat", sans-serif  !important;
}
ul li.my-acnt .hdrgt_menu ul li:hover a,
ul li.my-acnt .hdrgt_menu ul li a:hover {
  color: #ffffff !important; /* this will change the profile dropdown menus hover text color */
  background-color:#670038; /* this will change the profile dropdown menus hover background color */
}
ul li.my-acnt .hdrgt_menu ul li a.upgrd-btn {
  background: #0A1B2D; /* this will change the upgrade button background color */
  color: #ffffff; /* this will change the upgrade button text color */
  padding: 4% 0% 4% 0%;
  width: 50%;
  margin: 15px 15px 15px 70px;
}
ul li.my-acnt .hdrgt_menu ul li a.upgrd-btn:hover {
  background: #ffffff; /* this will change the upgrade button hover background color */
  color: #0A1B2D !important; /* this will change the upgrade button hover text color */
  border: 1px solid #0A1B2D;
}
.hdrgt_main .hdrgt_menulink span {
  background: #c9e1fa; /* this will change the header profile no-image background color */
  color: #0a1b2d; /* this will change the header profile no-image text color */
}
.hdrgt_menulink:after {
  border-top-color: #000000; /* this will change the header profile dropdown arrow color */
}

/* 2.Sidebar */
nav.header-menu ul.navbar-nav.page-menu,
.closemobilemenu {
  background: #0A1B2D; /* this will change the  "Left-nav menu" background color */
}
nav.header-menu ul.navbar-nav.page-menu li a {
  border-color: #0A1B2D; /* this will change the  "Left-nav menu" border color */
  color: #ffffff !important; /* this will change the  "Left-nav menu" icon color */
}
nav.header-menu ul.navbar-nav.page-menu li a.active,
nav.header-menu ul li a.active,
nav.header-menu .navbar-nav.page-menu li a.nav-link.active {
  color: #ffffff !important; /* this will change the  "Left-nav menu" active menu color */
  background: #f8f8f8; /* this will change the  "Left-nav menu" active menu background color */
}
nav.header-menu ul.navbar-nav.page-menu li a:hover {
  color: #65E3FF !important; /* this will change the  "Left-nav menu" active menu color */
}

/* 3.Home
--------------------- */
.home-tab-block .tab-tops {
  background: #3a3a3a; /* this will change the slide menu background color */
}
.home-tab-block .tabs-menu li a.tab-link {
  color: #ffffff; /* this will change the slide menu text color */
}
.home-tab-block .tabs-menu li a.tab-link:hover,
.tabs-menu .current a.tab-link {
  color: #65E3FF; /* this will change the slide menu text rollover and active color */
}
.home-tab-block .tabs-menu li.current a.tab-link:after {
  border-color: #65E3FF; /* this will change the slide menu text underline color */
}
.home-tab-block .tab-tops .bx-wrapper .bx-prev::before,
.home-tab-block .tab-tops .bx-wrapper .bx-next::before {
  color: #ffffff; /* this will change the slide menu arrows color */
}
.home-tab-block .tab-tops .bx-wrapper .bx-prev:hover::before,
.home-tab-block .tab-tops .bx-wrapper .bx-next:hover::before {
  color: #ffffff; /* this will change the slide menu arrows color */
}
.home-slide-content h3 {
  color: #0A1B2D; /* this will change the slide title color */
}
.slide-outer-box {
  background: #ffffff; /* this will change the slide content box background color */
  border: 1px solid #c7c7c7;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.25);
  border-radius: 0px;
  min-height: 323px;
     min-width: 256px;
    max-width: 256px;
}
.search-form input {
    border: 1px solid #ddd !important;
    width: 100%;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 10px;
    color: #666;
    background: #fff;
    height: 40px;
}
.slide-outer-box.islp {
  background: #ffffff; /* this will change the slide content box background color */
  border: 1px solid #c7c7c7;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.25);
  border-radius: 0px;
  min-height: 323px;
  /* min-width:270px; */
  /* max-width: 270px; */
  min-width: 256px;
  max-width:256px;
}
.slide-outer-box.islp:after {
  content: none;
}
.result-list-view .title-col h4 a,
.videosection .video-cont h4 a {
  color: #000000;
  font-weight: 500;
  font-size: 14px;
  font-family: "Montserrat", sans-serif  !important;
}
.result-list-view .title-col h4 a:hover,
.videosection .video-cont h4 a:hover {
  color: #0A1B2D; /* this will change the slide content box text rollover color */
}
body,
.right-content-section {
  background: #fff !important; /* this will change the home page background color */
}
.package-wrap .owl-nav div.owl-next:before,
.videosection .owl-nav div.owl-next:before,
.videosection .bx-wrapper .bx-next:before,
.package-wrap .owl-nav div.owl-prev:before,
.videosection .owl-nav div.owl-prev:before,
.videosection .bx-wrapper .bx-prev:before {
  background: #ffffff; /* this will change the slider arrow background color */
  color:#670038; /* this will change the slider arrow color */
}

/* 4.Banner Alignment
---------------------*/
.main-banner {
  margin: 2%;

  /* background: aliceblue; */
  background-position: bottom;
  /* width: 100%!important; */
  background-attachment: repeat;
  background-color: #3a3a3a;
}
.banner-search {
  /* background-position: left top; */ /*this will show the Full Banner from the Left*/
  background-position: right top; /*this will show the Full Banner from the Right*/
}

/* 5.Metadata library
--------------------- */
.popup-tab-block .tab-left {
  background: #e7e7e7; /* this will change the metadata left column background color */
}
.popup-tab-block .tab-vertical li a {
  color: #191321; /* this will change the metadata left column text color */
}
.popup-tab-block .tab-vertical li.current,
.popup-tab-block .tab-vertical li:hover {
  background: #3f4b50; /* this will change the metadata left column text rollover and active button background color */
}
.tab-vertical .current a,
.tab-vertical li:hover a {
  color: #ffffff; /* this will change the metadata left column text rollover text color */
}
.tab-left .mCSB_scrollTools .mCSB_draggerRail {
  background: #999999; /* this will change the metadata left column scrollbar background color */
}
.tab-left .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #ffffff; /* this will change the metadata left column scrollbar active scroll color */
}
.tab-right .mCSB_scrollTools .mCSB_draggerRail {
  background: #bbbbbb; /* this will change the metadata right column scrollbar background color */
}
.tab-right .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #333333; /* this will change the metadata right column scrollbar active scroll color */
}
.col-md-10.tab-right {
  background: #ffffff; /* this will change the metadata right column background color */
}
.tabright-content li h3 a {
  color: #000000; /* this will change the metadata right column tags text color */
}
.tabright-content li h3 a:hover {
  color: #0A1B2D; /* this will change the metadata right column tags rollover text color */
}
.tabright-content li a {
  color: #000000; /* this will change the metadata right column sub tags text color */
}
.tabright-content li a:hover {
  color: #0A1B2D; /* this will change the metadata right column sub tags rollover text color */
}
.cls-btn a {
  background: #0A1B2D; /* this will change the metadata left column close button background color */
  color: #ffffff; /* this will change the metadata left column close button text color */
}
.cls-btn a:hover {
  background: #0A1B2D; /* this will change the metadata left column close button background rollover color */
  color: #ffffff; /* this will change the metadata left column close button text rollover color */
}

/* 6.Channels, Learning path, courses and awards 
--------------------- */
.channel_bc li,
.awards-section h2 {
  color: #000000; /* this will change the channels, learningpath, courses and awards title color */
  font-weight: 700;
  font-size: 15px!important;
  line-height: 22px;
  
 font-family: "Montserrat", sans-serif  !important;
}
.channel_bc li a {
    display: inline-block;
    font-size: 18px;
    color: #2f3a48;
}
.tab-header > ul:after,
.awards-tab-menu {
  border-color: #cccccc; /* this will change the channels, learningpath, courses and awards menu border-bottom color */
}
.chnl-tab-link,
.awards-tab-menu li {
  color: #000; /* this will change the channels, learningpath, courses and awards category title color */
  color: #2d2d2d;
  font-size: 12px;
  /* border-bottom: 4px solid #000; */
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "Montserrat", sans-serif  !important;
}
li.current .chnl-tab-link,
.awards-tab-menu li.active {
  color: #2d2d2d; /* this will change the channels learningpath, courses and awards category title rollover color */
  /* font-size: 12px; */
  border-bottom: 4px solid #670038; /* this will change the learningpath, courses and awards category title rollover border color */
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "Montserrat", sans-serif  !important;
}
.tab-header .chnl-tab-link:hover:after,
.tab-header li.current .chnl-tab-link:after {
  border-color: #0A1B2D; /* this will change the channels and learning path category title underline color */
}
.sortby_main label {
  color: #000;
    font-weight: normal;
    font-size: 11px;
    margin-top: 12px;
    margin-right: 8px;

}
.group-select button,
a.sortby_menulink,
a.selectall_menulink {
  background-color: #ffffff; /* this will change the channels and learning path Sort by filter background color */
  color: #0A1B2D; /* this will change the channels and learning path Sort by filter text color */
}
.dashboard-sub-menu li:before {
    background: #fff;
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    top: 13px;
    left: 0;
}
.group-select .dropdown-toggle:after {
  color: #000; /* this will change the "Sort By - Select" arrow color */
      margin-top: -10px;
}

.page-title-wrap .content-view-button {
    margin-top: 10px;
}
.group-select .bootstrap-select.btn-group .dropdown-menu li a span.text {
  color: #0A1B2D !important; /* this will change the "Sort By - Select option" color */
}
.group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li.selected
  a
  span.text,
.group-select .bootstrap-select.btn-group .dropdown-menu li a:hover span.text {
  color: #000 !important; /* this will change the "Sort By - Select option" active and hover color */
  font-weight: 600;
}
.group-select .bootstrap-select.btn-group .dropdown-menu {
  background: #ffffff; /* this will change the "Sort By - Select" dropdown background color */
  border-color: #cccccc; /* this will change the "Sort By - Select" dropdown border color */
}
.chl-list-view-blk .circle-prog-bar, .list-view-blk .circle-prog-bar {
    float: right;
    width: 160px;
    margin-top: 8px;
    color: #670038;
    display: none;
}
.btn-group>.btn:first-child {
        margin-left: 0;
    padding-left: 10px;
    padding-top: 13px;
    border: 1px solid #ccc !important;
    font-size: 11px;
    height: 40px;
}


.search-form input {
  border-color: #808080;
  border-radius: 0;
  background: #ffffff; /* this will change the "Search box" background color */
  font-size: 11px;
  /* width: 200px; */
  border: 1px solid #ccc !important;
}
.dashboard-search .check-box label {
    font-size: 12px !important;
    margin-top: 10px;
    user-select: none;
    padding-top: 0px;
    padding-left: 31px;
}
.back-category a {
  color: #ffffff;
}
.demo-version {
  background: #aedaf0; /* this will change the Demo message background color */
}
.demo-version p {
  color: #3a5865; /* this will change the Demo message text color */
}
.demo-version .upgrade-btn,
#demo-message .upgrade-btn {
  background: #0A1B2D; /* this will change the Demo message upgrade button background color */
  border-color: #0A1B2D; /* this will change the Demo message upgrade button border color */
  color: #ffffff; /* this will change the Demo message upgrade button text color */
}
.demo-version .upgrade-btn:hover,
#demo-message .upgrade-btn:hover {
  background: #0A1B2D; /* this will change the Demo message upgrade button background hover color */
  border-color: #0A1B2D; /* this will change the Demo message upgrade button border hover color */
  color: #ffffff; /* this will change the Demo message upgrade button text hover color */
}
#demo-message .modal-header h4 {
  color: #333333; /* this will change the Demo Popup title color */
}
#demo-message p {
  color: #3a5865; /* this will change the Demo Popup text color */
}
#demo-message .modal-header .close {
  color: #000000; /* this will change the Demo Popup close button color */
}
#more-info-box .modal-header h4 {
  color: #333333; /* this will change the "Content Info" Popup title color */
  margin-bottom:0px !important;
}
#more-info-box ul li {
  color: #666666; /* this will change the "Content Info" Popup list color */
}
#more-info-box ul li span {
  color: #444444; /* this will change the "Content Info" Popup list label color */
}
#more-info-box .launch-pop-wrap a {
  background: #670038; /* this will change the "Content Info" Popup button background color */
  color: #ffffff; /* this will change the "Content Info" Popup button text color */
}
#more-info-box .launch-pop-wrap a:hover {
  background: #333333; /* this will change the "Content Info" Popup button hover background color */
  color: #ffffff; /* this will change the "Content Info" Popup button hover text color */
}
#more-info-box .tags-list li a {
  background: #ececec; /* this will change the "Content Info" Popup content list background color */
  color: #737373; /* this will change the "Content Info" Popup content list text color */
}
.new-tail-description {
  color: #454545; /* this will change the "Content Desctiption" text color */
}

/* 7.Advance Search
--------------------- */
.search-sidebar-fixed {
  background: #e7e7e7; /* this will change the advance search left column background color */
}
.search-sidebar-fixed h2.results-title {
  color: #26313f; /* this will change the advance search left column title color */
}
.filter-category h4.panel-title a {
  color: #191321; /* this will change the advance search metadata category text color */
}
.filter-category h4.panel-title a:hover,
.filter-category h4.panel-title a:focus {
  color: #ffffff; /* this will change the advance search metadata category text rollover color */
}
.search-sidebar-fixed form label {
  color: #454545; /* this will change the advance search left column tag text color */
}
.search-sidebar-fixed form input[type="checkbox"]:checked + label.disable,
.search-sidebar-fixed form .active input[type="checkbox"] label.disable,
.filter-category label.disable {
  color: #d0cdcd; /* this will change the advance search left column unselected (disabled) tag text color */
}
.search-sidebar-fixed form label.selected {
  color: #000000; /* this will change the advance search left column tag selected text color */
}
.search-sidebar-fixed .btn-outline-primary {
  color: #0A1B2D; /* this will change the advance search reset button text color */
  background: #ffffff; /* this will change the advance search reset button text background color */
}
.search-sidebar-fixed .btn-outline-primary:hover,
.search-sidebar-fixed .btn-outline-primary:focus {
  background: #ffffff; /* this will change the advance search reset button rollover background color */
  color: #0A1B2D; /* this will change the advance search reset button rollover text color */
  border-color: #0A1B2D; /* this will change the advance search reset button rollover border color */
}
.grid-layout .group-select .dropdown-menu {
  background-color: #ffffff; /* this will change the advance search sort by & filter by content type dropdown background color */
}
.grid-layout
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li
  a
  span.text {
  color: #888d90 !important; /* this will change the advance search sort by & filter by content type dropdown text color */
}
.filter-scroll .mCSB_scrollTools .mCSB_draggerRail {
  background: #999999; /* this will change the advance search scrollbar background color */
}
.filter-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #ffffff; /* this will change the advance search scrollbar active bar color */
}

/* 8.Filter icons CSS 
--------------------- */
.filter-category .panel-subtitle span.active:after,
.filter-category .panel-heading h4 a:after {
  border-left-color: #0A1B2D; /* this will change the advance search filter right arrow */
}
.filter-category .panel-subtitle span.active.opened:after,
.filter-category .panel-heading.opened h4 a:after {
  border-top-color: #0A1B2D; /* this will change the advance search filter down arrow */
}
.search-sidebar-fixed form label:before {
  background: #ffffff; /* this will change the advance search checkbox color */
}
.search-sidebar-fixed form label.selected:before {
  background-color: #0A1B2D; /* this will change the advance search checkbox selected color */
}

/* 9.Channels Detail 
--------------------- */
.bread-crumbs-section {
  background: #26313f; /* this will change the Channel name bar background color */
}
.breadcrumb-item {
  color: #d7d8d6; /* this will change the Channel name bar text(Back to Channel Default) color */
}
.breadcrumb-item:hover {
  color: #ffffff; /* this will change the Channel name bar text(Back to Channel Default) hover color */
}
.breadcrumb-item.active {
  color: #ffffff; /* this will change the Channel name bar text(Channel name) color */
}
.breadcrumb-item + .breadcrumb-item:before {
  color: #ffffff; /* this will change the breadcrumb arrow color */
}
.tab-header-detail .chnl-tab-link {
  color: #8297b1; /* this will change the Overview, Ratings, Comments, Tags menu options text color */
}
.tab-header-detail .chnl-tab-link:hover:after,
.tab-header-detail li.current .chnl-tab-link:after {
  border-color: #0A1B2D; /* this will change the Overview, Ratings, Comments, Tags menu options border color */
}
.tab-header-detail li.current .chnl-tab-link,
.tab-header-detail .chnl-tab-link:hover {
  color: #0A1B2D; /* this will change the Overview, Ratings, Comments, Tags menu options text active color */
  border-color: #0A1B2D; /* this will change the Overview, Ratings, Comments, Tags menu options border color */
}
.description_content,
.description_content p,
.description_content li,
.description_short_content,
.description_short_content p,
.description_short_content li {
  color: #4d5259; /* this will change the Description text color */
}
.sidebar-tab-heading {
  color: #4d5259; /* this will change the Breakdown text color */
}
.progress-bar {
  background-color: #670038; /* this will change the progress bar color */
}
.progress-text p {
  color: #4d5259; /* this will change the rating total count number color */
}
.leave-comment-blk input {
  background: #ffffff; /* this will change the comment box background color */
}
.form-control:focus {
  color: #4d5259; /* this will change the comment box text color */
}
.leave-comment-blk .cmnt-btn {
  background: #0A1B2D; /* this will change the comment submit button background color */
  color: #ffffff; /* this will change the comment submit button text color */
  border-color: #0A1B2D; /* this will change the comment submit button border color */
}
.leave-comment-blk .cmnt-btn:hover {
  background: #000000; /* this will change the comment submit button hover background color */
  color: #ffffff; /* this will change the comment submit button hover text color */
  border-color: #000000; /* this will change the comment submit button hover border color */
}
.videosection span.viewcount {
  color: #3e3e3e; /* this will change the view/views text color */
  font-weight: 500;
  font-size: 12px;
}

.user-ratings p.total-count {
  color: #0A1B2D; /* this will change the Ratings count text color */
  font-weight: 700;
}
.content-lock {
  background: #670038; /* this will change the DEMO Lock Icon background color */
  color: #ffffff; /* this will change the DEMO Lock Icon color */
}
.videosection .v-name,
.img-col .v-name {
  background: #670038; /* this will change the Demo, Free label background color */
  color: #ffffff; /* this will change the Demo, Free label text color */
}
.videosection span.v-timing {
  color: #7d7c7c; /* this will change the Content Duration text color */
}
.content-status-grid-overdue {
  color: #f00000; /* this will change the overdue text color */
}
.tags-content-inner a {
  background: #0A1B2D; /* this will change the Tags background color */
  color: #ffffff; /* this will change the Tags text color */
}
.tags-content-inner a:hover {
  background: #999999; /* this will change the Tags rollover background color */
  color: #ffffff; /* this will change the Tags rollover text color */
}
.troubleshooting-stripe {
  background:#670038 ; /* this will change the Content name bar background color */
}
.troubleshooting-stripe .stripe-title {
  color: #ffffff; /* this will change the Content name bar text color */
}
.stripe-close-btn {
  color: #ffffff; /* this will change the close button color */
}
.channel-content-header .user-ratings p.total-count,
.channel-content-header .viewcount {
  color: #99aabf; /* this will change the Content name bar Subscribed/View count/Rating count text color */
}
.comments-content-inner .comments_actions a,
.cmmnt_rply_lnk {
  color: #670038; /* this will change the channels and learning path Comment Action link color */
}
.comments-content-inner .comments_actions a:hover,
.cmmnt_rply_lnk:hover {
  color: #000000; /* this will change the channels and learning path Comment Action link hover color */
}
.author-details span {
  background: #670038; /* this will change the author background color */
  color: #ffffff; /* this will change the author text color */
}
#confirm-commentdelete p {
  color: #454545; /* this will change the "delete comment" popup text color */
}
#confirm-commentdelete .confirmdiv a.conform-print-btn {
  background-color: #b5b8b9; /* this will change the "delete comment" popup YES button background color */
  color: #ffffff; /* this will change the "delete comment" popup YES button text color */
}
#confirm-commentdelete .confirmdiv a.cancel-print-btn {
  background-color: #b5b8b9; /* this will change the "delete comment" popup No button background color */
  color: #ffffff; /* this will change the "delete comment" popup No button text color */
}
#confirm-commentdelete .confirmdiv a.conform-print-btn:hover {
  background-color: #000000; /* this will change the "delete comment" popup YES button hover background color */
  color: #ffffff; /* this will change the "delete comment" popup YES button hover text color */
}
#confirm-commentdelete .confirmdiv a.cancel-print-btn:hover {
  background-color: #000000; /* this will change the "delete comment" popup No button hover background color */
  color: #ffffff; /* this will change the "delete comment" popup No button hover text color */
}

/* 10.Learning path Detail 
--------------------- */
.back-button i {
  color: #a09999; /* this will change the left arrow color */
}
.back-button {
  border-color: #a09999; /* this will change the left arrow circle color */
}
.back-text {
  color: #212529; /* this will change the back text color */
}
.lp-detail-description {
  background: #ffffff; /* this will change the description color */
}
.lp-detail-description-wrap h1 {
  color: #000000; /* this will change the Learning Path title color */
}
.lp-detail-description-scroll {
  color: #000000; /* this will change the Learning Path description color */
}
.lp-detail-description-wrap .user-ratings p.total-count {
  color: #fff; /* this will change the Ratings count text color */
}
.lp-detail-top-section {
  background: #ffffff; /* this will change the Learning Path info box background color */
}
.lp-detail-top-section li {
  color: #212529; /* this will change the (Section, Pieces of content, Required, Enrolled) text color */
  border-color: #dee0e4; /* this will change the border right color */
}
.lp-detail-top-section a.user-like-btn i {
  color: #868484; /* this will change the "Favorite icon" color */
}
.lp-tabs-menu {
  border-color: #394b62; /* this will change the tab border color */
}
.brand-box.lp-last-viewed-content {
  background-color: #f2fdff;
}/* this will change the Continue where you left off background color */

.brand-box.lp-last-viewed-content h3 {
  color: #777; /* this will change the Continue where you left off text color */
}

.video-js .vjs-mute-control .vjs-icon-placeholder, .vjs-icon-volume-high {
    font-family: VideoJS !important;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .vjs-icon-pause {
    font-family: VideoJS !important;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play {
    font-family: VideoJS !important;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-tech {
    object-fit: contain !important;
}

.brand-box {
  background-color: #fff; /* this will change the section background color */
}
.third-nav li {
  color: #212529; /* this will change the Estimate Time & Pieces of content color */
  border-color: #b1b1b1; /* this will change the border left of Estimate Time & Pieces of content color */
}
.lp-detail-section-content {
  border-color: #868686; /* this will change the border color bewteen section title and content */
}
.lp-detail-section-lists.lpgreybg {
  background: #fafafa; /* this will change the alternative background color for section content */
}
.cetrify {
  color: #333; /* this will change the Certificate text color */
  font-family: "Montserrat", sans-serif  !important;

}
.certificate-lock-icon i {
  color: #666; /* this will change the Certificate lock icon color */
}
.lp-detail-inner-sec .lp-content-free,
.lp-detail-inner-sec .v-name {
  background: #f59a53; /* this will change the LP content demo and free background color */
  color: #fff; /* this will change the LP content demo and free text color */
}
span.btn-info-dark {
  background-color: #394b62; /* this will change LP content the reguired background color */
  color: #fff; /* this will change LP content the reguired text color */
}
.lp-detail-inner-sec .content-lock i {
  color: #666; /* this will change LP lock icon color */
}
.lp-content-action a.btn-resume,
.lp-content-action a.btn-completed {
    border: none;
  background:#670038 ; /* this will change the backgroung color for Completed, Resume & Watch Again button color */
  color: #fff; /* this will change the text color for Completed, Resume & Watch Again button text color */
}
.lp-content-action a.btn-completed:hover,
.lp-content-action a.btn-resume:hover {
  background: #fff; /* this will change the backgroung color for Completed, Resume & Watch Again button color */
  color: #0A1B2D; /* this will change the text color for Completed, Resume & Watch Again color */
}
.lp-detail-tabs .lp-tabs-menu li a {
  color: #0A1B2D; /* this will change the tab default text color */
  font-family: "Montserrat", sans-serif  !important;
}
.lp-detail-tabs .lp-tabs-menu li a:hover {
  color: #0A1B2D; /* this will change the tab default text hover color */
}
.lp-detail-tabs .lp-tabs-menu li a.active {
  border-color: #670038; /* this will change the active border color */
  color: #670038; /* this will change the active text color */
  background: #ffffff; /* this will change the active background color */
}
.lp-detail-section-list h3 {
  color: #5f5d5d; /* this will change the section color */
  font-family: "Montserrat", sans-serif  !important;

}
.lp-detail-section-list .lp-desc-more-btn {
  color: #0A1B2D;
}
.lp-detail-section-list .lp-desc-more-btn:hover {
  color: #0A1B2D;
}
.lp-detail-section-list h3 i {
  color: #5f5d5d; /* this will change the section arrow color */
}
.lp-detail-section-lists h4,
.lp-detail-section-lists h4 a {
  color: #000000; /* this will change the section content name color */
}
.lp-detail-section-lists h4 a:hover {
  color: #0A1B2D; /* this will change the section content name hover color */
}
.lp-progress-bar span,
.content-progress-all {
  background: #670038; /* this will change the progress bar color */
}
.lp-progress-bar span span,
.content-progress-all span {
  background: #65E3FF; /* this will change the progress active bar color */
}
.lp-progress-bar label {
  color: #000000; /* this will change the viewed percentage text color */
}
.lp-content-progress p {
  color: #0A1B2D; /* this will change the "Required" text color */
}
.content-required {
  border-color: #dddddd; /* this will change the "Required Icon" border color */
  color: #ff0000; /* this will change the "Required Icon" color */
}
.content-completed {
  border-color: #93da46; /* this will change the "Completed Icon" border color */
  color: #93da46; /* this will change the "Completed Icon" color */
}
.lp-trophy-completed {
  color: #bbbbbb; /* this will change the "Certificate" text color */
}
.lp-trophy-completed.lp-completed {
  color: #555555; /* this will change the "Certificate" text active color */
}
.lp-trophy-completed i {
  color: #bbbbbb; /* this will change the "Certificate" trophy color */
}
.lp-trophy-completed.lp-completed i {
  color: #ffc600; /* this will change the "Certificate" trophy active color */
}
#lp-certificate-message #completionMessage {
  color: #0A1B2D; /* this will change the Certificate completion popup header color */
}
#lp-certificate-message p {
  color: #000; /* this will change the Certificate completion popup test color */
  font-family: "Montserrat", sans-serif  !important;
}
.lp-content-action a {
  background: #ffffff; /* this will change the view button background color */
  color: #0A1B2D; /* this will change the view button text color */
  border-color: #0A1B2D; /* this will change the view button border color */
  font-family: "Montserrat", sans-serif  !important;
}
.lp-content-action a:hover {
  background: #ffffff; /* this will change the view button background hover color */
  color: #0A1B2D; /* this will change the view button text hover color */
  border-color: #0A1B2D; /* this will change the view button hover border color */
}
.lp-view-all-btn {
  background: #0A1B2D; /* this will change the Expand all button background color */
  color: #ffffff; /* this will change the Expand all button text color */
}
.lp-view-all-btn:hover {
  background: #000000; /* this will change the view all button background hover color */
  color: #ffffff; /* this will change the view all button text hover color */
}
.lp-comment-img span {
  background: #0A1B2D; /* this will change the commnet user text background color */
  color: #ffffff; /* this will change the commnet user text color */
}
.lp-comment-text h3 {
  color:#670038 ; /* this will change the commnet user name color */
}
.lp-comment-text p {
  color: #000000; /* this will change the commnet text color */
}
.lp-comment-action label {
  color: #000000; /* this will change the commnet date color */
}
.lp-comment-action a {
  color: #0A1B2D; /* this will change the commnet action button text color */
  border-color: #0A1B2D; /* this will change the commnet action button border color */
}
.lp-comment-action a:hover,
.lp-comment-action a:focus {
  color: #000000; /* this will change the commnet action button text hover color */
  border-color: #000000; /* this will change the commnet action button border hover color */
}
.lp-comment-form label {
  color: #000000; /* this will change the Leave a comment text color */
}
.lp-comment-form input[type="submit"],
.lp-comments .comment_reply .cmnt-btn {
  background: #670038; /* this will change the submit button background color */
  color: #ffffff; /* this will change the submit button text color */
  border-color: #670038; /* this will change the submit button border color */
}
.lp-comment-form input[type="submit"]:hover,
.lp-comments .comment_reply .cmnt-btn:hover {
  background: #670038; /* this will change the submit button hover background color */
  color: #ffffff; /* this will change the submit button hover text color */
  border-color: #670038; /* this will change the submit button hover border color */
}
.lp-comments .comment_reply a.cmmnt_delete_lnk {
  background: #b5b8b9; /* this will change the cancel button background color */
  color: #ffffff; /* this will change the cancel button text color */
  border-color: #b5b8b9; /* this will change the cancel button border color */
}
.lp-comments .comment_reply a.cmmnt_delete_lnk:hover {
  background: #000000; /* this will change the cancel button hover background color */
  color: #ffffff; /* this will change the cancel button hover text color */
  border-color: #000000; /* this will change the cancel button hover border color */
}
.lp-detail-description .circle-prog-bar svg circle {
  stroke: #670038; /* this will change the content "Lp Progress Circle" color */
}
.lp-detail-description .circle-prog-bar {
  color: #0A1B2D; /* this will change the content "Lp Progress Circle" color */
}
.lp-viewer-title span {
  color: #666666; /* this will change the content "Previous & Next" arrow color */
}
.lp-viewer-title span:hover {
  color: #670038; /* this will change the content "Previous & Next" arrow hover color */
}
.expand-screen-btn {
  background: #670038; /* this will change the "Hide & Show side pannel" icon background color */
  color: #ffffff; /* this will change the "Hide & Show side pannel" icon color */
}
.expand-screen-btn:hover {
  background: #670038; /* this will change the "Hide & Show side pannel" icon hover background color */
  color: #ffffff; /* this will change the "Hide & Show side pannel" icon hover color */
}
.full-screen-wrap .exit-fill-screen,
.full-screen-wrap .full-screen {
  color: #0A1B2D; /* this will change the content "Full Screen" icon color */
}
.full-screen-wrap .exit-fill-screen:hover,
.full-screen-wrap .full-screen:hover {
  color: #000000; /* this will change the content "Full Screen" icon hover color */
}
.others-default-launch a {
  background: #0A1B2D; /* this will change the SCORM "Click here to launch" button background color */
  color: #ffffff; /* this will change the SCORM "Click here to launch" button text color */
}
.others-default-launch a:hover {
  background: #000000; /* this will change the SCORM "Click here to launch" button hover background color */
  color: #ffffff; /* this will change the SCORM "Click here to launch" button hover text color */
}
.live-labs-wrap a.launch-live-btn {
  background: #0A1B2D; /* this will change the ZIP "Click here to download" button background color */
  color: #ffffff; /* this will change the ZIP "Click here to download" button text color */
}
.live-labs-wrap a.launch-live-btn:hover {
  background: #000000; /* this will change the ZIP "Click here to download" button hover background color */
  color: #ffffff; /* this will change the ZIP "Click here to download" button hover text color */
}
.assessment-question {
  background-color: #ffffff; /* this will change the QUIZ box background color */
  box-shadow: 0 0 5px #000000; /* this will change the QUIZ box box-shadow color */
}
.assessment-question-top {
  background-color: #0A1B2D; /* this will change the QUIZ header background color */
}
.assessment-viewer-wrap {
  background-color: #b9e4f5; /* this will change the QUIZ section background color */
}
.assessment-viewer-wrap h2 {
  color: #333333; /* this will change the QUIZ title color */
}
.assessment-viewer-wrap p {
  color: #444444; /* this will change the QUIZ question count text color */
}
.assessment-viewer-wrap p.retake-available {
  color: #444444; /* this will change the QUIZ retake available text color */
}
.assessment-result-wrap {
  background-color: #b9e4f5; /* this will change the QUIZ result section background color */
}
.assessment-result-wrap p {
  color: #444444; /* this will change the QUIZ result section text color */
}
.quiz-success-message {
  color: #444444; /* this will change the QUIZ result section success message text color */
}
.assessment-result-btn a {
  background-color: #0A1B2D; /* this will change the QUIZ-Retake button background color */
  border-bottom-color: #0A1B2D; /* this will change the QUIZ-Retake button border color */
  color: #ffffff; /* this will change the QUIZ-Retake button text color */
}
.assessment-btn.assessment-begin-btn {
  background-color: #0A1B2D; /* this will change the QUIZ-Begin button background color */
  border-bottom-color: #0A1B2D; /* this will change the QUIZ-Begin button border color */
  color: #ffffff; /* this will change the QUIZ-Begin button text color */
}
.assessment-btn.assessment-resume-btn {
  background-color: #670038; /* this will change the QUIZ-Resume button background color */
  border-bottom-color: #670038; /* this will change the QUIZ-Resume button border color */
  color: #ffffff; /* this will change the QUIZ-Resume button text color */
}
.assessment-btn.assessment-startover-btn {
  background-color: #670038; /* this will change the QUIZ-StartOver button background color */
  border-bottom-color: #670038; /* this will change the QUIZ-StartOver button border color */
  color: #ffffff; /* this will change the QUIZ-StartOver button text color */
}
span.next-question-btn,
span.next-question-btn.disable-btn {
  background-color: #0A1B2D; /* this will change the QUIZ next button background color */
  border-bottom-color: #0A1B2D; /* this will change the QUIZ next button border color */
  color: #ffffff; /* this will change the QUIZ next button text color */
}
span.next-question-btn.disable-btn {
  opacity: 0.8;
}
span.pre-question-btn {
  border-color: #0A1B2D; /* this will change the QUIZ  previous button border color */
  color: #0A1B2D; /* this will change the QUIZ  previous button text color */
}
.assessment-question-list
  .radio-button
  input[type="radio"]:checked
  + label:before,
.assessment-question-list
  .radio-button
  input[type="checkbox"]:checked
  + label:before {
  background-color: #0A1B2D; /* this will change the QUIZ  Radio button 'checked' background color */
  border-color: #0A1B2D; /* this will change the QUIZ  Radio button 'checked' border color */
}
.assessment-progress {
  background: #caddd4; /* this will change the QUIZ  progress bar background color */
}
.assessment-progress-status {
  background: #2ccc83; /* this will change the QUIZ  progress bar active background color */
}
.correct-answer {
  background: #0A1B2D; /* this will change the QUIZ  Correct Answer background color */
  color: #ffffff; /* this will change the QUIZ  Correct Answer text color */
}
.no-correct-answer {
  background: #e06767; /* this will change the QUIZ  Wrong Answer background color */
  color: #ffffff; /* this will change the QUIZ  Wrong Answer text color */
}
#save-quiz-popup .modal-header h4 {
  color: #333333; /* this will change the QUIZ Save Popup popup title color */
}
#save-quiz-popup .modal-header .close {
  color: #b5b8b9; /* this will change the QUIZ Save Popup popup close icon color */
  opacity: 1; /* this will change the QUIZ Save Popup popup close icon opacity */
}
#save-quiz-popup .modal-header .close:hover {
  color: #0A1B2D; /* this will change the QUIZ Save Popup popup close icon hover color */
  opacity: 1; /* this will change the QUIZ Save Popup popup close icon hover opacity */
}
#save-quiz-popup a.save-exit {
  background-color: #b5b8b9; /* this will change the Save Popup - Save & Exit" button background color */
  color: #ffffff; /* this will change the "Save Popup - Save & Exit" button color */
}
#save-quiz-popup a.exit {
  background-color: #b5b8b9; /* this will change the "Save Popup - Exit without Saving" button background color */
  color: #ffffff; /* this will change the "Save Popup - Exit without Saving" button color */
}
#save-quiz-popup a.save-exit:hover {
  background-color: #000000; /* this will change the Save Popup - Save & Exit" button hover background color */
  color: #ffffff; /* this will change the "Save Popup - Save & Exit" button hover color */
}
#save-quiz-popup a.exit:hover {
  background-color: #000000; /* this will change the "Save Popup - Exit without Saving" button hover background color */
  color: #ffffff; /* this will change the "Save Popup - Exit without Saving" button hover color */
}
.submission-icons span {
  color: #0A1B2D; /* this will change the VIDEO ASSESSMENT  'Record a video & Upload a file' icon color */
}
.submission-icons span .labletext {
  color: #545454; /* this will change the VIDEO ASSESSMENT  'Record a video & Upload a file' text color */
}
.submission-form .text-area-outer {
  border-color: #b7b6b6; /* this will change the VIDEO ASSESSMENT  comment textarea border color */
}
.submission-form textarea {
  color: #5f5f5f; /* this will change the VIDEO ASSESSMENT  comment textarea text color */
}
.submission-form .saveanswer {
  background: #000000; /* this will change the VIDEO ASSESSMENT  save answer button background color */
  color: #ffffff; /* this will change the VIDEO ASSESSMENT  save answer button color */
}
.submission-form .submit-btn {
  background: #0A1B2D; /* this will change the VIDEO ASSESSMENT  submit button background color */
  color: #ffffff; /* this will change the VIDEO ASSESSMENT  submit button color */
}
.submission-form .saveanswer:hover {
  background: #666666; /* this will change the VIDEO ASSESSMENT  save answer button hover background color */
  color: #ffffff; /* this will change the VIDEO ASSESSMENT  save answer button hover color */
}
.submission-form .submit-btn:hover {
  background: #666666; /* this will change the VIDEO ASSESSMENT  submit button hover background color */
  color: #ffffff; /* this will change the VIDEO ASSESSMENT  submit button hover color */
}
.submitedlist p span.download-icon,
.submitedlist p.viewvideocomment {
  color: #807e7e; /* this will change the VIDEO ASSESSMENT  uploaded file text color */
}
.submitedlist p span.download-icon:hover,
.submitedlist p.viewvideocomment:hover {
  color: #0A1B2D !important; /* this will change the VIDEO ASSESSMENT  uploaded file hover text color */
}
.remove-files {
  color: #807e7e !important; /* this will change the VIDEO ASSESSMENT  uploaded file remove icon color */
}
.remove-files:hover {
  color: #0A1B2D !important; /* this will change the VIDEO ASSESSMENT  uploaded file hover remove icon color */
}
#confirmSubmit p {
  color: #555555; /* this will change the VIDEO ASSESSMENT  confirm submit popup text color */
}
#confirmSubmit .modal-body a {
  color: #fff; /* this will change the VIDEO ASSESSMENT  confirm submit popup button color */
  background: #b5b8b9; /* this will change the VIDEO ASSESSMENT  confirm submit popup button background color */
}
#confirmSubmit .modal-body a:hover {
  color: #fff; /* this will change the VIDEO ASSESSMENT  confirm submit popup button hover text color */
  background: #000000; /* this will change the VIDEO ASSESSMENT  confirm submit popup button hover background color */
}
.lp-detail-tabs .tab-content h3 {
  color: #828181; /* this will change the VIDEO ASSESSMENT  Grading Criteria title color */
}
.lp-detail-tabs .tab-content ul li span {
  color: #0A1B2D; /* this will change the VIDEO ASSESSMENT  Grading Criteria point's text color */
}
.lp-detail-tabs .tab-content ul li {
  color: #828181; /* this will change the VIDEO ASSESSMENT  Grading Criteria point description text color */
}
.lp-detail-tabs .tab-content .dropdown-menu p {
  color: #828181; /* this will change the VIDEO ASSESSMENT  Grading Criteria's popup description text color */
}
p.submitedon {
  color: #555555; /* this will change the  VIDEO ASSESSMENT "Submitted" date text color */
}
p.viewvideocomment i {
  color: #0A1B2D; /* this will change the  VIDEO ASSESSMENT video comments file icon color */
}

/* 11.Login & User Registration 
--------------------- */
.user-language {
  color: #ffffff; /* this will change the language selectbox label text color */
}
/* .login-wrapper{
  overflow:hidden;
} */
.login-wrap h1 {
  color: #ffffff; /* this will change the title color */
}
.login-wrap label {
  color: #ffffff; /* this will change the lable text color */
}
.login-wrap .field-wrap input,
.login-wrap .field-wrap .select_box select {
  background: #ffffff; /* this will change the input-field background-color */
  color: #000000; /* this will change the  input-field text color */
  border-color: #bbbbbb; /* this will change the  input-field border color */
}
.login-wrap .forgot-password {
  color: #0A1B2D; /* this will change the  "Forgot Password?" text color */
}
.login-wrap .forgot-password:hover {
  color: #b5b8b9; /* this will change the  "Forgot Password?" hover text color */
}
.login-wrap .login-btn {
  background: #0A1B2D; /* this will change the Signup & Login button background-color */
  color: #ffffff; /* this will change the  Signup & Login button text color */
}
.login-wrap .login-btn:hover {
  background: #ffffff; /* this will change the Signup & Login button hover background-color */
  color: #000000; /* this will change the  Signup & Login button hover text color */
}
.login-page-wrap.registeration-page-wrap .reset-btn-wrap a {
  color: #0A1B2D; /* this will change the  BackToLogin button text color */
}
.login-page-wrap.registeration-page-wrap .reset-btn-wrap a:hover {
  color: #0A1B2D; /* this will change the  BackToLogin button hover text color */
}
.login-wrap .registeration-link {
  color: #3d7ec3;
  /* text-decoration: underline; */
  border: 1px solid #7a7a7a;
  padding: 10px;
  font-size: 12px;
  color: #2e2e2e;
  font-weight: 500;
  font-family: "Montserrat", sans-serif  !important;
}

.login-wrap .registeration-link:hover {
  color: #ffffff; /* this will change the  "New user? Sign up & Purchase License Flow" hover text color */
}
.login-default-msg {
  color: #ffffff; /* this will change the  "Login description" text color */
  text-align: center;
  background-color: #e2f6fc;
  font-size: 11px;
  padding: 10px;
}
.cancel-license-wrap span {
  color: #d0cdcd; /* this will change the  "Cancel license purchase" text color */
}
.cancel-license-wrap span:hover {
  color: #b5b8b9; /* this will change the  "Cancel license purchase" text hover color */
}
.terms-condition-wrap p {
  color: #ffffff; /* this will change the  "Powered by Content Raven" text color */
}
.terms-condition-wrap a {
  font-size: 12px!important;
  color: #333;
}
.assessments-page-category {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.terms-condition-wrap a:hover {
  color: #ffffff; /* this will change the  "Terms & Conditions" hover text color */
}
.back-login a {
  color: #0A1B2D; /* this will change the  "Back To Login" text color */
}
.text-valid,
.login-page-wrap.registeration-page-wrap .error_msg {
  color: #f00000; /* this will change the error text color - bellow each required input field */
}
.login-alert-message {
  color: #000000; /* this will change the alert message color (popup) */
}
#logout-alert .pay-update-cart a {
  background: #b5b8b9; /* this will change the alert message button background color (logout popup) */
  color: #ffffff; /* this will change the alert message button text color (logout popup) */
}
#logout-alert .pay-update-cart a:hover {
  background: #670038; /* this will change the alert message button hover background color (logout popup) */
  color: #ffffff; /* this will change the alert message button hover text color (logout popup) */
}
#logout-alert .modal-header .close {
  color: #454545; /* this will change the alert message close icon (logout popup) */
}
.login-results-fail,
.login-results p.error {
  color: #f00000; /* this will change the error message text color - (The user name or password is incorrect) */
  background: #ffffff; /* this will change the error message background color - (The user name or password is incorrect) */
  border-color: #ffffff; /* this will change the error message border color - (The user name or password is incorrect) */
}

/* 12.Forgot password 
--------------------- */
#forgot-password .modal-header h4 {
  color: #333333; /* this will change the  "Forgot password - popup" Title text color */
}
#forgot-password .field-wrap label {
  color: #000000; /* this will change the  "Forgot password - popup" Primary Email Address lable text color */
}
#forgot-password .feedback-form .field-wrap input {
  border-color: #bbbbbb; /* this will change the  "Forgot password - popup" input border color */
  color: #55595c; /* this will change the  "Forgot password - popup" input text color */
  background: #ffffff; /* this will change the  "Forgot password - popup" input background color */
}
#forgot-password .forgot-pass-btn {
  background: #0A1B2D; /* this will change the  "Forgot password - popup" Send button background color */
  color: #ffffff; /* this will change the  "Forgot password - popup" Send button text color */
}
#forgot-password .forgot-pass-btn:hover {
  background: #b5b8b9; /* this will change the  "Forgot password - popup" Send button hover background color */
  color: #ffffff; /* this will change the  "Forgot password - popup" Send button hover text color */
}
#forgot-password .forgot-pass-btn.close {
  background: #d0cdcd; /* this will change the  "Forgot password - popup" Cancel button background color */
  color: #ffffff; /* this will change the  "Forgot password - popup" Cancel button text color */
}
#forgot-password .forgot-pass-btn.close:hover {
  background: #b5b8b9; /* this will change the  "Forgot password - popup" Cancel button hover background color */
  color: #ffffff; /* this will change the  "Forgot password - popup" Cancel button hover text color */
}

/* 13.Package List -  with login
--------------------- */
.package-heading h2 {
  color: #26313f; /* this will change the package header title color */
}
.package-filter .sortby_main label {
  color: #454545; /* this will change the sort by title color */
}
.package-filter .group-select button {
  background-color: #ffffff; /* this will change the "Sort By" button background color */
  color: #0A1B2D !important; /* this will change the "Sort By" button text color */
}
.package-filter .group-select .bootstrap-select.btn-group .dropdown-menu {
  border-color: #cccccc; /* this will change the "Sort By" dropdown border color */
  background: #ffffff; /* this will change the "Sort By" dropdown background color */
}
.package-filter
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li
  a
  span.text {
  color: #0A1B2D !important; /* this will change the "Sort By" dropdown text color */
}
.package-filter
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li.selected
  a
  span.text,
.package-filter
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li
  a:hover
  span.text {
  color: #0A1B2D !important; /* this will change the "Sort By" dropdown active text color */
}
.package-filter .date-range-form input.form-control,
.package-filter .search-inner-blk input.form-control {
  background: #ffffff; /* this will change the "Sort By" From To Date background color */
  color: #454545; /* this will change the "Sort By" From To Date color */
}
.date-range-form span.clear-date {
  color: #0A1B2D; /* this will change the clear date text color */
}
.package-slide-wrap {
  background: #ffffff; /* this will change the package list background color */
}
.package-slide-wrap:hover {
  border-color: #8dd5f3; /* this will change the package list hover border color */
}
.package-slide-wrap h3 {
  color: #444444; /* this will change the package name color */
  background: #f2f3f6; /* this will change the package name background color */
}
.package-slide-wrap:hover h3 {
  color: #0A1B2D; /* this will change the package hover name color */
}
.package-slide-wrap .package-price {
  color: #444444; /* this will change the package cost color */
}
.package-slide-wrap .package-desc {
  color: #000000; /* this will change the package description color */
}
.package-days-top p span,
.package-start-wrap .package-days span {
  color: #000000; /* this will change the package access/duration label text color */
}
.package-days-top {
  color: #000000; /* this will change the package access/duration text color */
}
.package-slide-wrap .package-start {
  background: #0A1B2D; /* this will change the package add to cart/Subscribe button background color */
  color: #ffffff; /* this will change the package add to cart/Subscribe button text color */
}
.package-slide-wrap .package-start:hover {
  background: #0A1B2D; /* this will change the package add to cart/Subscribe button background hover color */
  color: #ffffff; /* this will change the package add to cart/Subscribe button text hover color */
}
.package-wrap .owl-dot {
  background: #ffffff; /* this will change the package bottom circle background color */
  border-color: #0A1B2D; /* this will change the package bottom circle border color */
}
.package-wrap .owl-dot.active {
  background: #0A1B2D; /* this will change the package bottom active background color */
}
.redeem-license a {
  color: #0A1B2D; /* this will change the package bottom purchase license text color */
}
.redeem-license a:hover {
  color: #333333; /* this will change the package bottom purchase license text hover color */
}
.cart-items-package h4 {
  color: #0db90d; /*this will change the package top ordered list "Added in cart" text color */
}
.cart-items-package {
  background: #ffffff; /*this will change the package top ordered list "Added in cart" box background color */
  border-color: #c1c4c5; /*this will change the package top ordered list "Added in cart" box border color */
}
.cart-items-package .cart-item-title p.cart-title {
  color: #000000; /*this will change the package top ordered list package title text color */
}
.cart-items-package button.close {
  color: #888d90; /*this will change the package top ordered list close icon color */
  opacity: 1; /*this will change the package top ordered list close icon  opacity */
}
.cart-items-package button.close:hover {
  color: #0A1B2D; /*this will change the package top ordered list close icon hover color */
}
.cart-items-package .cart-item-title p.cart-title-amt {
  color: #000000; /*this will change the package top ordered list package amount text color */
}
.cart-item-total p.order-sum {
  color: #000000; /*this will change the package top ordered list package subtotal text color */
}
.cart-item-total p.order-item {
  color: #000000; /*this will change the package top ordered list package count text color */
}
.cart-item-total p.order-item span {
  color: #0A1B2D; /*this will change the package top ordered list package count color */
}
.cart-item-btn .edit-cart-btn {
  color: #0A1B2D; /*this will change the package top ordered list "Edit your cart" text color */
  background: #ffffff; /*this will change the package top ordered list "Edit your cart" text background color */
  border-color: #0A1B2D; /*this will change the package top ordered list "Edit your cart" text border color */
}
.cart-item-btn .proceed-cart-btn {
  color: #ffffff; /*this will change the package top ordered list "Proceed to Checkout" text color */
  background: #0A1B2D; /*this will change the package top ordered list "Proceed to Checkout" text background color */
  border-color: #0A1B2D; /*this will change the package top ordered list "Proceed to Checkout" text border color */
}
.cart-item-btn .edit-cart-btn:hover {
  color: #ffffff; /*this will change the package top ordered list "Edit your cart" hover text color */
  background: #000000; /*this will change the package top ordered list "Edit your cart" hover text background color */
  border-color: #000000; /*this will change the package top ordered list "Edit your cart" hover text border color */
}
.cart-item-btn .proceed-cart-btn:hover {
  color: #ffffff; /*this will change the package top ordered list "Proceed to Checkout" hover text color */
  background: #000000; /*this will change the package top ordered list "Proceed to Checkout" hover text background color */
  border-color: #000000; /*this will change the package top ordered list "Proceed to Checkout" hover text border color */
}
.nopackages-available {
  color: #d0cdcd; /*this will change the "No package available" text color */
}
.package-purchase {
  border-top-color: #83c339; /*this will change the "Purchased Tick icon" background color */
  color: #ffffff; /*this will change the "Purchased Tick icon" color */
}

/* 14.Package List - with out login
--------------------- */
.user-package-section .package-heading h2 {
  color: #ffffff; /* this will change the package header title color */
}
.user-package-section .package-filter .sortby_main label {
  color: #000000; /* this will change the sort by title color */
}
.user-package-section .package-filter .group-select button {
  background-color: #ffffff; /* this will change the "Sort By" button background color */
  color: #0A1B2D !important; /* this will change the "Sort By" button text color */
}
.user-package-section
  .package-filter
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu {
  border-color: #cccccc; /* this will change the "Sort By" dropdown border color */
  background: #ffffff; /* this will change the "Sort By" dropdown background color */
}
.user-package-section
  .package-filter
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li
  a
  span.text {
  color: #0A1B2D !important; /* this will change the "Sort By" dropdown text color */
}
.user-package-section
  .package-filter
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li.selected
  a
  span.text,
.user-package-section
  .package-filter
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li
  a:hover
  span.text {
  color: #0A1B2D !important; /* this will change the "Sort By" dropdown active text color */
}
.user-package-section .package-filter .date-range-form input.form-control,
.user-package-section .package-filter .search-inner-blk input.form-control {
  background: #ffffff; /* this will change the "Sort By" From To Date background color */
  color: #454545; /* this will change the "Sort By" From To Date color */
}
.user-package-section .date-range-form span.clear-date {
  color: #0A1B2D; /* this will change the clear date text color */
}
.user-package-section .package-slide-wrap {
  background: #ffffff; /* this will change the package list background color */
}
.user-package-section .package-slide-wrap:hover {
  border-color: #8dd5f3; /* this will change the package list hover border color */
}
.user-package-section .package-slide-wrap h3 {
  color: #444444; /* this will change the package name color */
  background: #f2f3f6; /* this will change the package name background color */
}
.user-package-section .package-slide-wrap:hover h3 {
  color: #0A1B2D; /* this will change the package hover name color */
}
.user-package-section .package-slide-wrap .package-price {
  color: #444444; /* this will change the package cost color */
}
.user-package-section .package-slide-wrap .package-desc {
  color: #000000; /* this will change the package description color */
}
.user-package-section .package-days-top p span,
.user-package-section .package-start-wrap .package-days span {
  color: #000000; /* this will change the package access/duration label text color */
}
.user-package-section .package-days-top {
  color: #000000; /* this will change the package access/duration text color */
}
.user-package-section .package-slide-wrap .package-start {
  background: #0A1B2D; /* this will change the package add to cart/Subscribe button background color */
  color: #ffffff; /* this will change the package add to cart/Subscribe button text color */
}
.user-package-section .package-slide-wrap .package-start:hover {
  background: #000000; /* this will change the package add to cart/Subscribe button background hover color */
  color: #ffffff; /* this will change the package add to cart/Subscribe button text hover color */
}
.user-package-section .package-wrap .owl-dot {
  background: #ffffff; /* this will change the package bottom circle background color */
  border-color: #0A1B2D; /* this will change the package bottom circle border color */
}
.user-package-section .package-wrap .owl-dot.active {
  background: #0A1B2D; /* this will change the package bottom active background color */
}
.user-package-section .redeem-license a {
  color: #0A1B2D; /* this will change the package bottom purchase license text color (Received a License Key? Click Here) */
}
.user-package-section .redeem-license a:hover {
  color: #333333; /* this will change the package bottom purchase license text hover color (Received a License Key? Click Here) */
}
.user-package-section .cart-items-package h4 {
  color: #0db90d; /*this will change the package top ordered list "Added in cart" text color */
}
.user-package-section .cart-items-package {
  background: #ffffff; /*this will change the package top ordered list "Added in cart" box background color */
  border-color: #c1c4c5; /*this will change the package top ordered list "Added in cart" box border color */
}
.user-package-section .cart-items-package .cart-item-title p.cart-title {
  color: #333333; /*this will change the package top ordered list package title text color */
}
.user-package-section .cart-items-package button.close {
  color: #888d90; /*this will change the package top ordered list close icon color */
  opacity: 1; /*this will change the package top ordered list close icon  opacity */
}
.user-package-section .cart-items-package button.close:hover {
  color: #0A1B2D; /*this will change the package top ordered list close icon hover color */
}
.user-package-section .cart-items-package .cart-item-title p.cart-title-amt {
  color: #000000; /*this will change the package top ordered list package amount text color */
}
.user-package-section .cart-item-total p.order-sum {
  color: #000000; /*this will change the package top ordered list package subtotal text color */
}
.user-package-section .cart-item-total p.order-item {
  color: #000000; /*this will change the package top ordered list package count text color */
}
.user-package-section .cart-item-total p.order-item span {
  color: #0A1B2D; /*this will change the package top ordered list package count color */
}
.user-package-section .cart-item-btn .edit-cart-btn {
  color: #0A1B2D; /*this will change the package top ordered list "Edit your cart" text color */
  background: #ffffff; /*this will change the package top ordered list "Edit your cart" text background color */
  border-color: #0A1B2D; /*this will change the package top ordered list "Edit your cart" text border color */
}
.user-package-section .cart-item-btn .proceed-cart-btn {
  color: #ffffff; /*this will change the package top ordered list "Proceed to Checkout" text color */
  background: #0A1B2D; /*this will change the package top ordered list "Proceed to Checkout" text background color */
  border-color: #0A1B2D; /*this will change the package top ordered list "Proceed to Checkout" text border color */
}
.user-package-section .cart-item-btn .edit-cart-btn:hover {
  color: #ffffff; /*this will change the package top ordered list "Edit your cart" hover text color */
  background: #000000; /*this will change the package top ordered list "Edit your cart" hover text background color */
  border-color: #000000; /*this will change the package top ordered list "Edit your cart" hover text border color */
}
.user-package-section .cart-item-btn .proceed-cart-btn:hover {
  color: #ffffff; /*this will change the package top ordered list "Proceed to Checkout" hover text color */
  background: #000000; /*this will change the package top ordered list "Proceed to Checkout" hover text background color */
  border-color: #000000; /*this will change the package top ordered list "Proceed to Checkout" hover text border color */
}
.user-package-section .nopackages-available {
  color: #d0cdcd; /*this will change the "No package available" text color */
}
.user-package-section .package-purchase {
  border-top-color: #670038; /*this will change the "Purchased Tick icon" background color */
  color: #ffffff; /*this will change the "Purchased Tick icon" color */
}

/* 15.Category packages - with login 
--------------------- */
.find-your-paths h2 {
  color: #000000; /* this will change the category text color */
}
.find-your-paths .cat-desc {
  color: #444444; /* this will change the category description color */
}
.find-your-paths .close-your-path {
  color: #444444; /* this will change the category package list close icon color */
}
.path-list {
  background: #ffffff; /* this will change the category package list background color */
}
.path-list-left > h3 {
  color: #000000; /* this will change the category package title text color */
  background: #dee0e9; /* this will change the category package title background color */
}
.paths-lists h3 span.p-cost {
  color: #670038; /* this will change the category package cost text color */
}
.paths-lists h3 span.p-name label {
  color: #000000; /* this will change the category package course start and end date text color */
}
.path-list-package-content {
  color: #000000; /* this will change the category package description text color */
}
.path-list-content .desc-tags h4,
.list-package-tags h3 {
  color: #000000; /* this will change the category package channel/learning path/subscription title text color */
}
.list-package-tags li {
  background: #999999; /* this will change the category package channel/learning path tag background color */
  color: #ffffff; /* this will change the category package channel/learning path tag text color */
}
.list-package-tags.purchase-packages .tags-list li:hover {
  background: #666666; /* this will change the category package channel/learning path tag background hover color */
}
.path-list .view-more-btn {
  color: #0A1B2D; /* this will change the category package view more/view less text color */
}
.path-list a.get-started-btn {
  color: #ffffff; /* this will change the category package "Add To Cart" button text color */
  background-color: #670038; /* this will change the category package "Add To Cart" button background color */
}
.path-list a.get-started-btn:hover {
  color: #ffffff; /* this will change the category package "Add To Cart" button hover text color */
  background-color: #000000; /* this will change the category package "Add To Cart" button hover background color */
}
.path-list .view-more-btn:hover {
  color: #d0cdcd; /* this will change the category package view more/view less text hover color */
}
.subscription-list li,
.long-desc-wrap {
  color: #000000; /* this will change the category package subscription list text color */
}
.subscription-list li span,
span.desc-label {
  color: #000000; /* this will change the category package subscription list label text color */
}
.add-cart-txt {
  color: #670038; /* this will change the "Added in cart" text color */
}

/* 16.Category packages - with out login 
--------------------- */
.user-package-section .find-your-paths h2 {
  color: #ffffff; /* this will change the category text color */
}
.user-package-section .find-your-paths .cat-desc {
  color: #ffffff; /* this will change the category description color */
}
.user-package-section .find-your-paths .close-your-path {
  color: #ffffff; /* this will change the category package list close icon color */
}
.user-package-section .path-list {
  background: #ffffff; /* this will change the category package list background color */
}
.user-package-section .path-list-left > h3 {
  color: #000000; /* this will change the category package title text color */
  background: #dee0e9; /* this will change the category package title background color */
}
.user-package-section .paths-lists h3 span.p-cost {
  color: #670038; /* this will change the category package cost text color */
}
.user-package-section .paths-lists h3 span.p-name label {
  color: #000000; /* this will change the category package course start and end date text color */
}
.user-package-section .path-list-package-content {
  color: #000000; /* this will change the category package description text color */
}
.user-package-section .path-list-content .desc-tags h4 {
  color: #ffffff; /* this will change the category package channel/learning path/subscription title text color */
}
.user-package-section .list-package-tags h3 {
  color: #000000; /* this will change the category package channel/learning path/subscription title text color */
}
.user-package-section .list-package-tags li {
  background: #999999; /* this will change the category package channel/learning path tag background color */
  color: #ffffff; /* this will change the category package channel/learning path tag text color */
}
.user-package-section .list-package-tags.purchase-packages .tags-list li:hover {
  background: #666666; /* this will change the category package channel/learning path tag background hover color */
}
.user-package-section .path-list .view-more-btn {
  color: #0A1B2D; /* this will change the category package view more/view less text color */
}
.user-package-section .path-list a.get-started-btn {
  color: #ffffff; /* this will change the category package "Add To Cart" button text color */
  background-color: #670038; /* this will change the category package "Add To Cart" button background color */
}
.user-package-section .path-list a.get-started-btn:hover {
  color: #ffffff; /* this will change the category package "Add To Cart" button hover text color */
  background-color: #000000; /* this will change the category package "Add To Cart" button hover background color */
}
.user-package-section .path-list .view-more-btn:hover {
  color: #d0cdcd; /* this will change the category package view more/view less text hover color */
}
.user-package-section .subscription-list li,
.user-package-section .long-desc-wrap {
  color: #000000; /* this will change the category package subscription list text color */
}
.user-package-section .subscription-list li span,
.user-package-section span.desc-label {
  color: #000000; /* this will change the category package subscription list label text color */
}
.user-package-section .back-login a {
  color: #00a9e4; /* this will change the back to login text color */
}
.user-package-section .back-login a:hover {
  color: #ffffff; /* this will change the back to login hover text color */
}
.user-package-section .add-cart-txt {
  color: #670038; /* this will change the "Added in cart" text color */
}

/* 17.Shopping Cart 
--------------------- */
li.cart-menu a.nav-link,
li.cart-menu a.nav-link:hover {
  color: #b1adad; /* this will change the cart icon color */
}
li.cart-menu a.nav-link span.spnCartCount {
  background: #670038; /* this will change the cart count background color */
  color: #ffffff; /* this will change the cart count text color */
}
.cart-header-section h2 {
  color: #0A1B2D; /* this will change the shopping cart text color */
}
.user-view-cart .cart-header-section h2 {
  color: #ffffff; /* this will change the shopping cart text color (with out login) */
}
.cart-empty-msg {
  color: #000000; /* this will change the shopping cart empty message text color */
}
.cart-empty-msg a {
  color: #0A1B2D; /* this will change the shopping cart empty message "Click Here" link text  color */
}
.user-package-section .cart-empty-msg {
  color: #ffffff; /* this will change the shopping cart empty message text color (with out login) */
}
.user-package-section .cart-empty-msg a {
  color: #d0cdcd; /* this will change the shopping cart empty message "Click Here" link text  color (with out login) */
}
.checkout-lists {
  background: #ffffff; /* this will change the shopping cart package list background color */
  color: #000000; /* this will change the shopping cart package list text color */
}
.total-checkout-bar {
  background: #ffffff; /* this will change the total cart background color */
}
.total-checkout-bar h3 {
  color: #000000; /* this will change the order summary text color */
}
.total-checkout-bar .total-price-list p,
.total-checkout-bar .total-qty {
  color: #000000; /* this will change the Total Qty 1 Items/Sub-Total/Total text color */
}
.total-checkout-bar .total-price-list .pay-update-cart a {
  color: #ffffff; /* this will change the Checkout button text color */
  background: #670038; /* this will change the Checkout button background color */
}
.total-checkout-bar .total-price-list .pay-update-cart a:hover {
  color: #ffffff; /* this will change the Checkout button hover text color */
  background: #666666; /* this will change the Checkout button background hover color */
}
.total-checkout-bar .total-price-list .pay-update-cart a:first-child {
  color: #ffffff; /* this will change the Continue Shopping button text color */
  background: #670038; /* this will change the Continue Shopping button background color */
}
.total-checkout-bar .total-price-list .pay-update-cart a:first-child:hover {
  color: #ffffff; /* this will change the Continue Shopping button hover text color */
  background: #666666; /* this will change the Continue Shopping button background hover color */
}

/* 18.User payment steps - with login
--------------------- */
.payment-steps li {
  color: #b5b8b9; /* this will change the payment step text color */
}
.payment-steps li .step-count {
  color: #333333; /* this will change the payment step count text color */
  background: #ffffff; /* this will change the payment step background color */
  border-color: #dddddd; /* this will change the payment step border color */
}
.payment-steps li.active .step-count {
  color: #ffffff; /* this will change the payment step count text color */
}
.payment-steps li.active {
  color: #333333; /* this will change the payment step count text color */
}
.payment-steps li.active span {
  background: #6ec159; /* this will change the payment step count background color */
  border-color: #6ec159; /* this will change the payment step count border color */
}
.last-step:after,
.step-line:before,
.step-line:after {
  background: #dddddd; /* this will change the payment step line color */
}
#button-pay,
.payment-user-info-wrap span.next-step {
  background: #670038; /* this will change the review order button background color */
  color: #ffffff; /* this will change the review order button text color */
}
#button-pay:hover,
.payment-user-info-wrap span.next-step:hover {
  background: #000000; /* this will change the review order button  hover background color */
  color: #ffffff; /* this will change the review order button hover text color */
}

/* 19.User payment steps - with out login 
--------------------- */
.user-package-section .payment-steps li {
  color: #d0cdcd; /* this will change the payment step text color */
}
.user-package-section .payment-steps li .step-count {
  color: #b5b8b9; /* this will change the payment step count text color */
  background: #ffffff; /* this will change the payment step background color */
  border-color: #b5b8b9; /* this will change the payment step border color */
}
.user-package-section .payment-steps li.active .step-count {
  color: #ffffff; /* this will change the payment step count text color */
}
.user-package-section .payment-steps li.active {
  color: #ffffff; /* this will change the payment step count text color */
}
.user-package-section .payment-steps li.active span {
  background: #b5b8b9; /* this will change the payment step count background color */
  border-color: #b5b8b9; /* this will change the payment step count border color */
}
.user-package-section .last-step:after,
.user-package-section .step-line:before,
.user-package-section .step-line:after {
  background: #d0cdcd; /* this will change the payment step line color */
}
.user-package-section #button-pay,
.user-package-section .payment-user-info-wrap span.next-step {
  background: #b5b8b9; /* this will change the review order button background color */
  color: #ffffff; /* this will change the review order button text color */
}
.user-package-section #button-pay:hover,
.user-package-section .payment-user-info-wrap span.next-step:hover {
  background: #000000; /* this will change the review order button background hover color */
  color: #ffffff; /* this will change the review order button text hover color */
}

/* 20.Billing address - with login
--------------------- */
.payment-user-info label {
  color: #000000; /* this will change the label text color */
}
.payment-col select,
.payment-col input,
.payment-user-info .payment-col select,
.payment-user-info .payment-col input {
  background: #ffffff; /* this will change the input/select background color */
  color: #000000; /* this will change the input/select text color */
}

/* 21.Billing address with out login 
--------------------- */
.user-package-section .payment-user-info label {
  color: #ffffff; /* this will change the label text color */
}
.user-package-section .payment-col select,
.user-package-section .payment-col input,
.user-package-section .payment-user-info .payment-col select,
.user-package-section .payment-user-info .payment-col input {
  background: #ffffff; /* this will change the input/select background color */
  color: #000000; /* this will change the input/select text color */
}

/* 22.Review Order - with login
--------------------- */
.payment-review-info .billing-adr h3 {
  color: #333333; /* this will change the Billing address title text color */
}
.payment-review-info .billing-adr p {
  color: #666666; /* this will change the address text color */
}
.payment-cart-item h3 {
  color: #333333; /* this will change the Cart items title text color */
}
.payment-cart-item li {
  background: #ffffff; /* this will change the Cart items package list background color */
}
.payment-cart-item h4 {
  color: #555555; /* this will change the Cart items package title text color */
}
.cart-package-info {
  color: #555555; /* this will change the Cart items package text color */
}

/* 23.Review Order - with out login 
--------------------- */
.user-package-section .payment-review-info .billing-adr h3 {
  color: #ffffff; /* this will change the Billing address title text color */
}
.user-package-section .payment-review-info .billing-adr p {
  color: #ffffff; /* this will change the address text color */
}
.user-package-section .payment-cart-item h3 {
  color: #ffffff; /* this will change the Cart items title text color */
}
.user-package-section .payment-cart-item li {
  background: #ffffff; /* this will change the Cart items package list background color */
}
.user-package-section .payment-cart-item h4 {
  color: #000000; /* this will change the Cart items package title text color */
}
.user-package-section .cart-package-info {
  color: #555555; /* this will change the Cart items package text color */
}

/* 24.Payment - with login 
--------------------- */
.payment-user-type-left li {
  color: #b5b8b9; /* this will change the payment title text color */
}
.payment-user-type-left li:hover,
.payment-user-type-left li.active {
  color: #670038; /* this will change the payment title text active/hover color */
}
.payment-user-card label {
  color: #000000; /* this will change the payment label (Card Number, Card Number, Cvv) color */
}
.input-wrapper {
  background: #ffffff; /* this will change the payment input background color */
}

/* 25.Payment - with out login 
--------------------- */
.user-package-section .payment-user-type-left li {
  color: #ffffff; /* this will change the payment title text color */
}
.user-package-section .payment-user-type-left li:hover,
.user-package-section .payment-user-type-left li.active {
  color: #ffffff; /* this will change the payment title text active/hover color */
}
.user-package-section .payment-user-card label {
  color: #ffffff; /* this will change the payment label color */
}
.user-package-section .input-wrapper {
  background: #ffffff; /* this will change the payment input background color */
}

/* 26.Confirmation - with login 
--------------------- */

.payment-confirmation .payment-success span {
  border-color: #30d968; /* this will change the Payment Successful Icon border color */
  color: #30d968; /* this will change the Payment Successful Icon color */
}
.payment-confirmation .payment-fail span {
  border-color: #f00000; /* this will change the Payment fail Icon border color */
  color: #f00000; /* this will change the Payment fail Icon color */
}
.payment-confirmation .payment-success p.pay-success-txt {
  color: #30d968 !important; /* this will change the Payment Successful text color */
}
.payment-confirmation .payment-fail p,
.payment-confirmation .payment-success p {
  color: #000000 !important; /* this will change the Payment Amount/Confirmation Number text color */
}
.pay-success-home a {
  background: #670038; /* this will change the home button background color */
  color: #ffffff; /* this will change the home button text color */
}
.pay-success-home a:hover {
  background: #000000; /* this will change the home button background hover color */
  color: #ffffff; /* this will change the home button hover text color */
}

/* 27.Confirmation - with out login 
--------------------- */
.user-package-section .payment-confirmation .payment-success span {
  border-color: #ffffff; /* this will change the Payment Successful Icon border color */
}
.user-package-section .payment-confirmation .payment-fail span {
  border-color: #f00000; /* this will change the Payment fail Icon border color */
}
.user-package-section .payment-confirmation .payment-success p.pay-success-txt {
  color: #ffffff !important; /* this will change the Payment Successful text color */
}
.user-package-section .payment-confirmation .payment-fail p,
.user-package-section .payment-confirmation .payment-success p {
  color: #ffffff !important; /* this will change the Payment Amount/Confirmation Number text color */
}
.user-package-section .pay-success-home a {
  background: #b5b8b9; /* this will change the Login button background color */
  color: #ffffff; /* this will change the Login button text color */
}
.user-package-section .pay-success-home a:hover {
  background: #000000; /* this will change the Login button background hover color */
  color: #ffffff; /* this will change the Login button hover text color */
}

/* 28.Redeem package popup 
--------------------- */
#add-redeem-license-key .modal-header h4 {
  color: #000000; /* this will change the title text color */
}
#add-redeem-license-key .license-key-wrap label {
  color: #000000; /* this will change the label  text color */
}
#add-redeem-license-key .license-key-wrap input[type="text"] {
  color: #000000; /* this will change the input color */
  border-color: #000000; /* this will change the input border color */
}
#add-redeem-license-key .license-key-wrap .license-submit-btn {
  background: #b5b8b9; /* this will change the submit button background color */
  color: #ffffff; /* this will change the submit button text color */
}
#add-redeem-license-key .license-key-wrap .license-submit-btn:hover {
  background: #000000; /* this will change the submit button hover background color */
  color: #ffffff; /* this will change the submit button hover text color */
}

/* 29.Category package details popup (info icon poup) 
--------------------- */
#category-package-details h4,
#package-details h4 {
  color: #000000; /* this will change the title text color */
}
#category-package-details .long-desc-wrap p,
#package-details .long-desc-wrap p {
  color: #000000; /* this will change the description text color */
}
#category-package-details .tags-list li,
#package-details .tags-list li {
  color: #ffffff; /* this will change the Tags text color */
  background: #999999; /* this will change the Tags background color */
}
.package-slide-wrap a.user-info-btn {
  color: #670038; /* this will change the "info icon" color */
}
.package-slide-wrap a.user-info-btn:hover {
  color: #670038; /* this will change the "info icon" hover color */
}

/* 30.Subscribe Message - popup 
--------------------- */
#subscribe-message .modal-header h4 {
  color: #000000; /* this will change the  "Subscribe Message - popup" title color */
}
#subscribe-message .modal-body .order-confirmation-msg {
  color: #000000; /* this will change the  "Subscribe Message - popup" message text color */
}
#subscribe-message .popup-btn-wrap a[title="Yes"] {
  background: #670038; /* this will change the  "Subscribe Message - popup" Yes button background color */
  color: #ffffff; /* this will change the  "Subscribe Message - popup" Yes button text color */
}
#subscribe-message .popup-btn-wrap a[title="Yes"]:hover {
  background: #888888; /* this will change the  "Subscribe Message - popup" Yes button hover background color */
  color: #ffffff; /* this will change the  "Subscribe Message - popup" Yes button hover text color */
}
#subscribe-message .popup-btn-wrap a[title="No"],
#subscribe-message .popup-btn-wrap a[title="Cancel"] {
  background: #670038; /* this will change the  "Subscribe Message - popup" No button background color */
  color: #ffffff; /* this will change the  "Subscribe Message - popup" No button text color */
}
#subscribe-message .popup-btn-wrap a[title="No"]:hover,
#subscribe-message .popup-btn-wrap a[title="Cancel"]:hover {
  background: #888888; /* this will change the  "Subscribe Message - popup" No button hover background color */
  color: #ffffff; /* this will change the  "Subscribe Message - popup" No button hover text color */
}

/* 31.Purchase license flow popup 
--------------------- */
#redeem-license-key .modal-header h4 {
  color: #000000; /* this will change the title text color */
}
#redeem-license-key .modal-body .order-confirmation-msg {
  color: #000000; /* this will change the message text color */
}
#redeem-license-key .pay-update-cart a[title="Yes"] {
  background: #b5b8b9; /* this will change the  "Purchase license flow - popup" Yes button background color */
  color: #ffffff; /* this will change the  "Purchase license flow - popup" Yes button text color */
}
#redeem-license-key .pay-update-cart a[title="Yes"]:hover {
  background: #000000; /* this will change the  "Purchase license flow - popup" Yes button hover background color */
  color: #ffffff; /* this will change the  "Purchase license flow - popup" Yes button hover text color */
}
#redeem-license-key .pay-update-cart a[title="No"] {
  background: #b5b8b9; /* this will change the  "Purchase license flow - popup" No button background color */
  color: #ffffff; /* this will change the  "Purchase license flow - popup" No button text color */
}
#redeem-license-key .pay-update-cart a[title="No"]:hover {
  background: #000000; /* this will change the  "Purchase license flow - popup" No button hover background color */
  color: #ffffff; /* this will change the  "Purchase license flow - popup" No button hover text color */
}

/* 32.Free Subscribe Message popup 
--------------------- */
#free-subscribe-message .modal-header h4 {
  color: #000000; /* this will change the  "Free Subscribe Message - popup" title text color */
}
#free-subscribe-message .order-confirmation-msg p {
  color: #000000; /* this will change the  "Free Subscribe Message - popup" message text color */
}

/* 33.Purchase Order Confirmation popup 
--------------------- */
#proceedcheckout-setting .modal-header h4 {
  color: #000000; /* this will change the  "Purchase Order Confirmation - popup" title text color */
}
#proceedcheckout-setting .modal-body .order-confirmation-msg {
  color: #000000; /* this will change the  "Purchase Order Confirmation - popup" message text color */
}
#proceedcheckout-setting .pay-update-cart a {
  background: #670038; /* this will change the  "Purchase Order Confirmation - popup" button background color */
  color: #ffffff; /* this will change the  "Purchase Order Confirmation - popup" button text color */
}
#proceedcheckout-setting .pay-update-cart a:hover {
  background: #670038; /* this will change the  "Purchase Order Confirmation - popup" button hover background color */
  color: #ffffff; /* this will change the  "Purchase Order Confirmation - popup" button hover text color */
}

/* 34.Terms and conditions popup 
--------------------- */
#terms-conditions .modal-header h4 {
  color: #000000; /* this will change the  "Terms and conditions - popup" title text color */
}
#terms-conditions .modal-body,
#terms-conditions .modal-body p {
  color: #000000; /* this will change the  "Terms and conditions - popup" description text color */
}
#terms-conditions .modal-body a {
  color: #670038; /* this will change the  "Terms and conditions - popup" description link text color */
}
#terms-conditions .modal-body a:hover {
  color: #b5b8b9; /* this will change the  "Terms and conditions - popup" description link text hover color */
}
#terms-conditions .pay-update-cart a {
  background: #670038; /* this will change the  "Terms and conditions - popup" button background color */
  color: #ffffff; /* this will change the  "Terms and conditions - popup" button text color */
}
#terms-conditions .pay-update-cart a:hover {
  background: #b5b8b9; /* this will change the  "Terms and conditions - popup" button background hover color */
  color: #ffffff; /* this will change the  "Terms and conditions - popup" button text hover color */
}

/* 35.Cancel redeem license key confirmation popup 
--------------------- */
#cancel-redeem-license-key .modal-header h4 {
  color: #000000; /* this will change the  "Cancel redeem license key - popup" title text color */
}
#cancel-redeem-license-key .modal-body .order-confirmation-msg {
  color: #000000; /* this will change the  "Cancel redeem license key - popup" description text color */
}
#cancel-redeem-license-key .pay-update-cart a {
  background: #84b125; /* this will change the  "Cancel redeem license key - popup" button background color */
  color: #ffffff; /* this will change the  "Cancel redeem license key - popup" button text color */
}
#cancel-redeem-license-key .pay-update-cart a:hover {
  background: #84b125; /* this will change the  "Cancel redeem license key - popup" button background color */
  color: #ffffff; /* this will change the  "Cancel redeem license key - popup" button text color */
}

/* 36.Thank you for signing up popup 
--------------------- */
#registeration-message .success_modal p {
  color: #000000; /* this will change the  "Thank you for signing up - popup" text color */
}
#registeration-message .modal_ok_btn {
  background: #670038; /* this will change the  "Thank you for signing up - popup" button background color */
  color: #ffffff; /* this will change the  "Thank you for signing up - popup" button text color */
}
#registeration-message .modal_ok_btn:hover {
  background: #000000; /* this will change the  "Thank you for signing up - popup" button hover background color */
  color: #ffffff; /* this will change the  "Thank you for signing up - popup" button hover text color */
}

/* 37.Awards - Overview */
.points-levels {
  color: #67686b; /* this will change the  "Awards - overview" point & level text color */
}
.level-bar {
  background: #d0cdcd; /* this will change the  "Awards - overview" level bar default background color*/
}
.level-bar-filled {
  background: #a8da05; /* this will change the  "Awards - overview" level bar filled background color*/
}
.overview-box li {
  background: #ffffff; /* this will change the  "Awards - overview" box background color*/
  border-color: #cccccc; /* this will change the  "Awards - overview" box border-bottom color*/
  box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 13%);
  border-radius: 2px;
}
.overview-box li h3 {
  color: #67686b; /* this will change the  "Awards - overview" box title color*/
}
.overview-box li h4 {
  color: #67686b; /* this will change the  "Awards - overview" box text color*/
}
.overview-box li a {
   /* this will change the  "Awards - overview" box link text color*/
  color: #000;
    border: 1px solid #5F5F60;
    padding: 6px 15px 6px 15px;
    font-weight: 500;
}

/* 38.Awards - Leaderboard */
.leaderboard-top-rank h3 {
  color: #67686b; /* this will change the  "Awards - Leaderboard" title text color */
}
.leaderboard-top-rank .bootstrap-select button {
  background: #ffffff; /* this will change the  "Awards - Leaderboard" select-box background color */
  color: #0fa9e6; /* this will change the  "Awards - Leaderboard" select-box text color */
}
.leaderboard-top-rank .bootstrap-select .dropdown-toggle:after {
  border-top-color: #b5b0b0; /* this will change the  "Awards - Leaderboard" select-box arrow color */
}
.leaderboard-top-rank .bootstrap-select .dropdown-menu {
  background: #ffffff; /* this will change the  "Awards - Leaderboard" select-box dropdown background color */
  border-color: #cccccc; /* this will change the  "Awards - Leaderboard" select-box dropdown border color */
}
.leaderboard-top-rank .bootstrap-select .dropdown-menu li a {
  color: #0A1B2D; /* this will change the  "Awards - Leaderboard" select-box dropdown text color */
}
.leaderboard-top-rank .bootstrap-select .dropdown-menu li.selected a,
.leaderboard-top-rank .bootstrap-select .dropdown-menu li:hover a {
  color: #2693ff; /* this will change the  "Awards - Leaderboard" select-box dropdown active text color */
}
.lb-date-filter {
  color: #676565; /* this will change the  "Awards - Leaderboard" date input field text color */
}
.date-group button {
  background: #0A1B2D; /* this will change the  "Awards - Leaderboard" date update button background color */
  color: #ffffff; /* this will change the  "Awards - Leaderboard" date update button color */
}
.rank-lists li {
  background: #ffffff; /* this will change the  "Awards - Leaderboard" list background color */
  border-color: #dddddd; /* this will change the  "Awards - Leaderboard"  list border color */
}
.rank-lists li,
.rank-lists li p {
  color: #67686b; /* this will change the  "Awards - Leaderboard"  list text color */
}
.users-list-scroll li.selecteduser,
.all-users-list li:hover {
  background: #f9f4e5; /* this will change the  "Awards - Leaderboard" list hover background color */
  border-color: #c8c8ca; /* this will change the  "Awards - Leaderboard"  list hover border color */
}
.users-list-scroll li.currentuser {
  background: #ece5ce; /* this will change the  "Awards - Leaderboard" currentuser list background color */
  box-shadow: 5px 2px 5px #9c9b96; /* this will change the  "Awards - Leaderboard" currentuser list box-shadow color */
}
.rank-lists.rank-list-head li {
  color: #333333; /* this will change the  "Awards - Leaderboard"  list header text color */
}
.rank-lists.rank-list-head li .sortbycolunm.active {
  color: #0fa9e6; /* this will change the  "Awards - Leaderboard"  list header text active color */
}
.user-details-popup {
  background: #ffffff; /* this will change the  "Awards - Leaderboard"  sidebar background color */
  border-color: #dddddd; /* this will change the  "Awards - Leaderboard"  sidebar border color */
}
.user-details-close span {
  color: #5f5d5d; /* this will change the  "Awards - Leaderboard"  sidebar close icon color */
  border-color: #b7b2b2; /* this will change the  "Awards - Leaderboard"  sidebar close icon border color */
}
.rank-lists .user-image span,
.user-details-meta .user-details-img span {
  background: #0A1B2D; /* this will change the  "Awards - Leaderboard"  no-image background color */
  color: #ffffff; /* this will change the  "Awards - Leaderboard"  no-image text color */
}
.user-details-meta h3 {
  color: #444444; /* this will change the  "Awards - Leaderboard" sidebar username text color */
}
.user-details-meta p {
  color: #444444; /* this will change the  "Awards - Leaderboard" sidebar emailid text color */
}
ul.user-details-points {
  border-color: #dddddd; /* this will change the  "Awards - Leaderboard" sidebar point & level border top color */
  color: #444444; /* this will change the  "Awards - Leaderboard" sidebar point & level text color */
}
.user-details-badges h2 {
  color: #444444; /* this will change the  "Awards - Leaderboard" sidebar badges heading text color */
}
.user-details-badges ul li {
  box-shadow: 0px 1px 2px #cccccc; /* this will change the  "Awards - Leaderboard" sidebar badges box-shadow color */
  background: #ffffff; /* this will change the  "Awards - Leaderboard" sidebar badges background color */
}
.user-details-badges ul li h3 {
  color: #67686b; /* this will change the  "Awards - Leaderboard" sidebar badges title text color */
}
.user-details-badges ul li p {
  color: #67686b; /* this will change the  "Awards - Leaderboard" sidebar badges description text color */
}

/*39.Awards - Trophy Case*/
.trophycase-list li {
  background: #ffffff; /* this will change the  "Awards - Trophy Case" box background color */
  border-color: #cccccc; /* this will change the  "Awards - Trophy Case" box border color */
}
.trophycase-list li h3 {
  color: #444444; /* this will change the  "Awards - Trophy Case" badge title color */
}
.trophycase-list li p {
  color: #444444; /* this will change the  "Awards - Trophy Case" badge description color */
}
.trophycase-list li h4 {
  color: #a7a4a4; /* this will change the  "Awards - Trophy Case" badge completed on date text color */
}
.trophycase-list li .tick-icon {
  background: #9fcd06; /* this will change the  "Awards - Trophy Case" badge tick icon background */
  color: #ffffff; /* this will change the  "Awards - Trophy Case" badge tick icon color */
}
.trophycase-list li .lock-icon {
  color: #000000; /* this will change the  "Awards - Trophy Case" badge lock icon color */
}

/*40.Awards - Info popup*/
.awards-section .modal-header .close {
  color: #5f5d5d; /* this will change the  "Awards"  popup close icon color */
  border-color: #b7b2b2; /* this will change the  "Awards"  popup close icon border color */
}
.awards-section .modal-header .close:hover {
  color: #5f5d5d; /* this will change the  "Awards"  popup close icon hover color */
  border-color: #b7b2b2; /* this will change the  "Awards"  popup close icon hover border color */
}
.awards-section .modal-header h4 {
  color: #000000; /* this will change the  "Awards   popup title text color */
}
.awards-section .modal-body h3 {
  color: #000000; /* this will change the  "Awards"  popup subtitle text color */
}
.awards-section .modal-body p {
  color: #454545; /* this will change the  "Awards"  popup text color */
}
.awards-section .modal-footer button {
  color: #ffffff; /* this will change the  "Awards"  popup button text color */
  background: #00a9e4; /* this will change the  "Awards"  popup button background color */
}
.awards-section .modal-footer button:hover {
  color: #ffffff; /* this will change the  "Awards"  popup button hover text color */
  background: #00a9e4; /* this will change the  "Awards"  popup button hover background color */
}

/*41.Awards - all type popups*/
.preview-popup .close-btn {
  color: #5f5d5d; /* this will change the  "Awards - all type popups"  close icon color */
  border-color: #b7b2b2; /* this will change the  "Awards - all type popups"  close icon border color */
}
.preview-popup .modal-body h2 span {
  color: #000000; /* this will change the  "Awards - all type popups"  message text color */
}
.preview-popup .modal-body h3 {
  color: #454545; /* this will change the   "Awards - all type popups" description text & rewarded text color */
}
.preview-popup .modal-body h2 strong,
.preview-popup .modal-body h3 strong {
  color: #454545; /* this will change the  "Awards - all type popups"  Point text color */
}
.preview-popup .level-bar {
  background: #d0cdcd; /* this will change the  "Awards - all type popups" level bar default background color*/
  color: #000000; /* this will change the  "Awards - all type popups" level bar text color */
}
.preview-popup .level-bar-filled {
  background: #670038; /* this will change the  "Awards - all type popups" level bar filled background color*/
}
.preview-popup .popup-button .buttonprimary {
  color: #ffffff; /* this will change the   "Awards - all type popups" button text color */
  background: #670038; /* this will change the   "Awards - all type popups" button background color */
}
.preview-popup .popup-button .checkbox label {
  color: #000000; /* this will change the  "Awards - all type popups" dont show again check box text color */
}

/*42.Self Registration Payment Mode*/
.payment-method-popup .close {
  color: #333333; /* this will change the  close button color */
}
.payment-method-popup .modal-title {
  color: #333333; /* this will change the  title color */
}
.payment-method-popup .modal-body ul li {
  color: #333333; /* this will change the  options color */
}
.payment-method-popup .radio-button label:before {
  background: #ffffff; /* this will change the radio-button background color */
  border-color: #dddddd; /* this will change the radio-button border color */
}
.payment-method-popup .radio-button i {
  color: transparent; /* this will change the radio-button tick icon color */
}
.payment-method-popup .radio-button input[type="radio"]:checked + label:before {
  background-color: #670038; /* this will change the radio-button active background color */
  border-color: #670038; /* this will change the radio-button active border color */
}
.payment-method-popup .radio-button input[type="radio"]:checked + label i {
  color: #ffffff; /* this will change the radio-button active tick icon color */
}
.payment-method-popup .payment-info-icon i {
  border-color: #670038; /* this will change the info icon border color */
  color: #670038 !important; /* this will change the info icon color */
}
.payment-info-desc {
  border-color: #cccccc; /* this will change the info description border color */
  background-color: #ffffff; /* this will change the info description background color */
  color: #333333; /* this will change the info description text color */
}
.payment-method-popup .modal-footer a {
  color: #ffffff; /* this will change the button text color */
  background-color: #670038; /* this will change the button background color */
  border-color: #670038; /* this will change the button border color */
}
.payment-method-popup .modal-footer a:hover {
  color: #670038; /* this will change the button hover text color */
  background-color: #ffffff; /* this will change the button hover background color */
  border-color: #670038; /* this will change the button hover border color */
}

/*43.Courses*/
.view-all-courses {
  background: #670038; /* this will change the "view all courses" button background color */
  color: #ffffff; /* this will change the "view all courses" button text color */
  border-color: #670038; /* this will change the "view all courses" button border color */
}
.view-all-courses:hover {
  background: #ffffff; /* this will change the "view all courses" button hover background color */
  color: #670038; /* this will change the "view all courses" button hover text color */
  border-color: #670038; /* this will change the "view all courses" button hover border color */
}
.course-section .prof-sub-header .sub-visible-content {
  background: #b5b8b9; /* this will change the "courses list" header background color */
  color: #fff; /* this will change the "courses list" header text color */
}
.course-section .assesment-list .lp-content-list {
  border-top-color: #b5b8b9; /* this will change the "courses list" border color */
}
.course-section .assesment-list .lp-content-list-tit h3,
.course-section .class-list > div {
  color: #464545; /* this will change the "courses list" text color */
}
.class-list .lp-content-action a {
  background: #ffffff; /* this will change the  "courses list" view button background color */
  color: #670038; /* this will change the "courses list" view button text color */
  border-color: #670038; /* this will change the "courses list" view button border color */
}
.class-list .lp-content-action a:hover {
  background: #670038; /* this will change the "courses list" view button background hover color */
  color: #ffffff; /* this will change the "courses list" view button text hover color */
  border-color: #670038; /* this will change the "courses list" view button border color */
}

/*44.My Profile*/
.prof-upgrd-btn {
  background: #0A1B2D; /* this will change the "upgrade" button background color */
  color: #ffffff; /* this will change the "upgrade" button text color */
  border-color: #0A1B2D; /* this will change the "upgrade" button border color */
}
.prof-upgrd-btn:hover {
  background: #0A1B2D; /* this will change the "upgrade" button hover background color */
  color: #ffffff; /* this will change the "upgrade" button hover text color */
  border-color: #0A1B2D; /* this will change the "upgrade" button hover border color */
}
.right_prof_sec .form-group input,
.right_prof_sec .form-group select {
  background: #ffffff; /* this will change the input-field background-color */
  color: #000000; /* this will change the  input-field text color */
  border-color: #000000; /* this will change the  input-field border color */
}
.contact-info-form .right_prof_sec label {
  color: #26313f; /* this will change the label color */
}
.left_prof_sec .delete-logo {
  color:#670038 ; /* this will change the "Remove" thump text color */
}
.right_prof_sec .reset-btn {
  background: #ffffff; /* this will change the "change password" button background color */
  color: #9f9f9f; /* this will change the "change password" button text color */
  border-color: #9f9f9f; /* this will change the "change password" button border color */
}
.right_prof_sec .reset-btn:hover {
  background: #ffffff; /* this will change the "change password" button hover background color */
  color: #670038; /* this will change the "change password" button hover text color */
  border-color: #670038; /* this will change the "change password" button hover border color */
}
.contact-info-form .save-btn {
  background: #b5b8b9; /* this will change the "save changes" button background color */
  color: #fff; /* this will change the "save changes" button text color */
  border-color: #b5b8b9; /* this will change the "save changes" button border color */
}
.contact-info-form .save-btn:hover {
  background: #670038; /* this will change the "save changes" button hover background color */
  color: #fff; /* this will change the "save changes" button hover text color */
  border-color:#670038; /* this will change the "save changes" hover button border color */
}

/* 45.Change password 
--------------------- */
#change_password .modal-header h4 {
  color: #000000; /* this will change the  "Change password - popup" Title text color */
}
#change_password .chng_pswd_frm .form-control.code-input {
  box-shadow: 0 2px 0 #670038; /* this will change the  "Change password - popup" input border color */
  color: #55595c; /* this will change the  "Change password - popup" input text color */
  background: #ffffff; /* this will change the  "Change password - popup" input background color */
}
#change_password .submit-btn {
  background: #b5b8b9; /* this will change the "Change password - popup" button background color */
  color: #fff; /* this will change the "Change password - popup" button text color */
  border-color: #b5b8b9; /* this will change the "Change password - popup" button border color */
}
#change_password .submit-btn:hover {
  background: #670038; /* this will change the "Change password - popup" button hover background color */
  color: #fff; /* this will change the "Change password - popup" button hover text color */
  border-color: #670038; /* this will change the "Change password - popup" hover button border color */
}

/*46.Subscription*/
.prof-sub-header .sub-visible-content {
  background: #ffffff;
  border-bottom: 2px solid #eceeef;
  border-top: 2px solid #eceeef;
}
.prof-sub-header .sub-visible-content p {
  color:#2d2d2d; /* this will change the "subscription list" header text color */
  font-family: "Montserrat", sans-serif  !important;
}
.sub-visible-content *,
.sub-visible-content p,
.sub-visible-content span {
  color: #2c2c2c; /* this will change the "subscription list" list text color */
 

}
.sub-visible-content {
  background: #ffffff; /* this will change the "subscription list" list background color */
}
.sub-hidden-content {
  border-top-color: #eceeef; /* this will change the "subscription list" list detail border color */
  background: #ffffff; /* this will change the "subscription list" list detail background color */
}
.sub-hidden-content * {
  color: #2c2c2c !important; /* this will change the "subscription list" detail text color */
}
.sub-visible-content .subsribed-type i {
  color: #000000; /* this will change the "Subscription Type Icon" color */
}
.show-dtl-btn,
.hide-dtl-btn {
  color: #454545; /* this will change the "Show & Hide" button text color */
  border-color: #b5b8b9; /* this will change the "Show & Hide" button border color */
}
.show-dtl-btn:hover,
.hide-dtl-btn:hover {
  color: #ffffff; /* this will change the "Show & Hide" button hover text color */
  border-color: #670038;
    background-color: #670038; /* this will change the "Show & Hide" button hover background color */
}

/*47.Video Assessment */
.assesment-box .info-box {
  background: #ffffff; /* this will change the "Video Assessment" Box background color */
  border-color: #ffffff; /* this will change the "Video Assessment" Box border color */
}
.assesment-box .current .info-box {
  background: #ffffff; /* this will change the "Video Assessment" active Box background color */
  border-color: #670038; /* this will change the "Video Assessment" active Box border color */
}
.assesment-box .info-box h2 {
  color: #6c6d6f; /* this will change the "Video Assessment" Box text color */
}
.assesment-box .info-box i {
  color: #670038; /* this will change the "Video Assessment" Box icon color */
}
.assesment-box .info-box h2 span {
  color: #670038; /* this will change the "Video Assessment" Box count color */
}
.assesment-box span.avg-score {
  color: #670038; /* this will change the "Video Assessment" Box Avg Score text color */
}
.assesment-list .bootstrap-select.btn-group .dropdown-menu li a span.text {
  color: #454545; /* this will change the "Sort By - Select option" color */
}
.assesment-list
  .bootstrap-select.btn-group
  .dropdown-menu
  li.selected
  a
  span.text,
.assesment-list
  .bootstrap-select.btn-group
  .dropdown-menu
  li
  a:hover
  span.text {
  color: #0A1B2D; /* this will change the "Sort By - Select option" hover color */
}
.assesment-list .bootstrap-select .dropdown-toggle::after {
  border-top-color: #0A1B2D; /* this will change the "Sort By - Select option" arrow color */
}
.assesment-list .bootstrap-select.btn-group .dropdown-menu {
  border-color: #cccccc; /* this will change the "Sort By" dropdown border color */
  background: #ffffff; /* this will change the "Sort By" dropdown background color */
}
.assesment-list .bootstrap-select button {
  background: #ffffff; /* this will change the "Sort By" menu background color */
  border-color: #cccccc; /* this will change the "Sort By" menu  border color */
  color: #454545; /* this will change the "Sort By" menu  text color */
}
.assesment-list .prof-sub-header .sub-visible-content {
  background: #414550; /* this will change the "Video Assessment" list header background color */
  color: #ffffff; /* this will change the "Video Assessment" list header text color */
}
.assesment-list .sub-visible-content *,
.assesment-list .sub-visible-content p {
  color: #ffffff; /* this will change the "Video Assessment" list header text color */
}
.assesment-list .lp-content-list h3 {
  color: #464545; /* this will change the "Video Assessment" list title color */
}
.assesment-list .lp-content-list p {
  color: #9e9e9e; /* this will change the "Video Assessment" contents list color */
}
.assesment-list .graded-points {
  color: #828181; /* this will change the "Video Assessment" Assigned Date & Due Date color */
}
.assesment-list .lp-content-action a {
  background: #ffffff; /* this will change the view button background color */
  color: #670038; /* this will change the view button text color */
  border-color: #670038; /* this will change the view button border color */
}
.assesment-list .lp-content-action a:hover {
  background: #670038; /* this will change the view button background hover color */
  color: #ffffff; /* this will change the view button text hover color */
  border-color: #670038; /* this will change the view button hover border color */
}
.vassessment-cbox label {
  color: #ffffff; /* this will change the video comment label color */
}
.vassessment-cbox textarea {
  background: #ffffff; /* this will change the video comment textarea background color */
  color: #454545; /* this will change the video comment textarea color */
  border-color: #cccccc; /* this will change the video comment textarea border color */
}
.vassessment-cbox span {
  background: #670038; /* this will change the video comment button background color */
  color: #ffffff; /* this will change the video comment button text color */
}
.vassessment-cbox span:hover {
  background: #000000; /* this will change the video comment button hover background color */
  color: #ffffff; /* this will change the video comment button hover text color */
}
.vassessment-cbox span.comment-cancel-btn {
  color: #670038; /* this will change the video comment close icon color */
  background: none;
}
.vassessment-cbox #learnervideocommandlimit {
  color: #ffffff; /* this will change the video comment limot text color */
}
.lp-content-action span {
  color: #670038; /* this will change the "Awaiting feedback" text color */
}
.assesment-list .lp-content-list p.manditoryfields {
  color: #f00000 !important; /* this will change the "Expired" text color */
}
#launchModal .modal-header h4 {
  color: #333333; /* this will change the "Video assessment" launch popup title color */
}
#launchModal .modal-header .close {
  color: #454545; /* this will change the "Video assessment" launch popup close icon color */
}
#launchModal.assess-dash-popup p a {
  color: #454545; /* this will change the "Video assessment" launch popup content list color */
}
#launchModal.assess-dash-popup p a:hover {
  color: #670038; /* this will change the "Video assessment" launch popup content list hover color */
}
.lp-detail-tabs .lp-tabs-menu li a span {
  color: #454545; /* this will change the "Open - waiting for review tab" tab color */
}
.lp-result-img span.no-img {
  background: #670038; /* this will change the "Open - waiting for review tab" profile background color */
  color: #fff; /* this will change the "Open - waiting for review tab" profile text color */
}
.assess-detail .lp-detail-tabs .tab-content h3 {
  color: #828181; /* this will change the "Open - waiting for review tab" title text color */
}
.assess-detail .lp-result-list .lp-result-name p {
  color: #828181; /* this will change the submited date text color */
}
.assess-detail .feedback-btn {
  color: #670038; /* this will change the "Open - waiting for review tab" feedback button color */
  border-color: #670038; /* this will change the "Open - waiting for review tab" feedback button border color */
}
.assess-detail .feedback-btn:hover {
  color: #ffffff; /* this will change the "Open - waiting for review tab" feedback button hover color */
  border-color: #670038; /* this will change the "Open - waiting for review tab" feedback button hover border color */
  background: #670038; /* this will change the "Open - waiting for review tab" feedback button hover background color */
}
.lp-detail-content p.text-red {
  color: #ad634a !important; /* this will change the "Open - waiting for review tab" overdue days text color */
}
.vjs-marker {
  background: #670038 !important; /* this will change the video assessment video marker color */
}
.video-js .vjs-play-progress {
  background-color: #e8e1e1 !important; /* this will change the video assessment video progress background color */
}
.video-js .vjs-big-play-button {
  border-color: #670038; /* this will change the video Play icon border color */
  color: #670038; /* this will change the video Play icon color */
  background-color: #ffffff; /* this will change the video Play icon background color */
}
.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
  border-color: #528001; /* this will change the video Play icon hover border color */
  color: #528001; /* this will change the video Play icon hover color */
  background-color: #ffffff; /* this will change the video Play icon hover background color */
}
.video-js .vjs-control {
  color: #ffffff; /* this will change the video Play Pause icon hover color (progress bar) */
}
.video-js .vjs-progress-holder .vjs-play-progress {
  color: #ffffff; /* this will change the video progress bar handle color */
}

/*Assessment grading section*/
.learner_grader_desc h3,
.learnersubmissions-title,
.assess-title {
  color: #616060; /* this will change the "Grader grading section" title color */
}
.learner_grader_desc .assess-feedback-description {
  background: #ffffff; /* this will change the "Learner & Grader description" background color */
}
.assess-feedback-description.lp-result-list a.accordion-toggle {
  color: #0A1B2D; /* this will change the View more & View less text color */
}
/*Learner Submission*/
.assess-feedback-description {
  background: #d0e3f5; /* this will change the Learner Submission section background color */
}
.lp-result-list-right {
  background: #ffffff; /* this will change the Learner Submission section background color */
}
.lp-result-list.assess-feedback-description .lp-result-name h3 {
  color: #616060; /* this will change the "Learner Submission" Name text color */
}
.lp-result-list.assess-feedback-description .lp-result-name p {
  color: #616060; /* this will change the "Learner Submission" submited date text color */
}
.assess-detail .lp-details-content > div p.learner-description {
  color: #616060; /* this will change the "Learner Submission" description text color */
}
.gradepoint-lists h4 {
  color: #616060; /* this will change the "Learner Submission" gradepoint text color */
}
.gradepoint-lists .info-icon-circle {
  color: #670038; /* this will change the "Learner Submission" gradepoint info icon color */
}
.gradepoint-list-items {
  background: #ffffff; /* this will change the "Learner Submission" gradepoint popup background color */
}
.gradepoint-list-items p label {
  color: #616060; /* this will change the "Learner Submission" gradepoint popup criteria color */
}
.gradepoint-list-items p span {
  color: #616060; /* this will change the "Learner Submission" gradepoint popup criteria point color */
}
.feedback-btn {
  color: #670038; /* this will change the "Learner Re-Submission" feedback button color */
  border-color: #670038; /* this will change the "Learner Re-Submission" feedback button border color */
}
.feedback-btn:hover {
  color: #ffffff; /* this will change the "Learner Re-Submission" feedback button hover color */
  border-color: #670038; /* this will change the "Learner Re-Submission" feedback button hover border color */
  background: #670038; /* this will change the "Learner Re-Submission" feedback button hover background color */
}

/*Feedback section*/
.assess-feedback-section-in {
  background: #ffffff; /* this will change the Feedback section background color */
}
.feedback-tab-menu ul li > label {
  color: #616060; /* this will change the Feedback section criteria name text color */
}
.pointslider-slide .noUi-target {
  border-color: #d3d3d3; /* this will change the Feedback section slider default border color */
  background: #dcdcdc; /* this will change the Feedback section slider default background color */
}
.pointslider-slide .noUi-horizontal .noUi-connect {
  background: #670038; /* this will change the Feedback section slider active background color */
}
.pointslider-slide .noUi-horizontal .noUi-handle {
  border-color: #670038; /* this will change the Feedback section slider Handle color */
}
.pointslider-slide .noUi-pips {
  color: #999999; /* this will change the Feedback section slider point count color */
}
.feedback-pop {
  border-color: #e2e0e0; /* this will change the Feedback section slider popup border color */
  background: #ffffff; /* this will change the Feedback section slider popup background color */
  box-shadow: 1px 2px 4px #e2e2e2; /* this will change the Feedback section slider popup box-shadow color */
}
.feedback-pop h2 {
  color: #807e7e; /* this will change the Feedback section slider popup title color */
}
.feedback-pop .clarity-info span {
  color: #670038; /* this will change the Feedback section slider popup point color */
}
.feedback-tab-menu ul li .clarity-info label {
  color: #616060; /* this will change the Feedback section slider popup point description color */
}
.feedback-pop .close-popup {
  color: #b4b1b1; /* this will change the Feedback section slider popup close icon color */
}
.feedback-pop .close-popup:hover {
  color: #670038; /* this will change the Feedback section slider popup close icon hover color */
}
.criteria-total {
  color: #670038; /* this will change the Feedback section criteria total points color */
  border-color: #dcdcdc; /* this will change the Feedback section criteria total points border color */
}
.feedback-tab-menu ul li label i {
  color: #cfcfcf; /* this will change the Feedback section criteria description icon color */
}
.feedback-tab-menu ul li label .dropdown-menu p {
  color: #616060; /* this will change the Feedback section criteria description text color */
}
.re-submission.checkbox label {
  color: #828181; /* this will change the Require Re-Submission text color */
}
.re-submission.checkbox .cbox {
  border-color: #670038; /* this will change the Require Re-Submission check box border color */
  color: #670038; /* this will change the Require Re-Submission check box checked color */
}
.assess-feedback-section-in .submitedlist p {
  color: #807e7e; /* this will change the Feedback section uploaded files color */
}

/*48.Notification*/
.notification-bell {
  color: #020202; /* this will change the notification bell icon color */
margin-top: 2px;}
.notification-bell span.spnCartCount {
  background: #0A1B2D; /* this will change the notification count background color */
  color: #ffffff; /* this will change the notification count text color */
}
a.read-notifi-link {
  background: #b5b8b9; /* this will change the "Read all" notification background color */
  color: #fff; /* this will change the "Read all" notification text color */
}
a.read-notifi-link:hover {
  background: #670038; /* this will change the "Read all" notification hover background color */
  color: #fff; /* this will change the "Read all" notification hover text color */
}
.notification-lists-wrap li {
  background: #ffffff; /* this will change the list background color */
  border-top-color: #eeeeee; /* this will change the list border color */
}
.notification-lists-wrap .user-text,
.top-notification-lists .user-text {
  color: #670038; /* this will change the type icon color */
}
.notify-user-content {
  color: #777777; /* this will change the content color */
}
.notifi-time {
  color: #aaaaaa; /* this will change the time text color */
}
.notify-user-content .notification-list-title,
.top-notification-lists .notify-user-content {
  color: #333333; /* this will change the title color */
}
.notification-lists-wrap li .view-notifi-link {
  background: #b5b8b9; /* this will change the view button background color */
  color: #ffffff; /* this will change the view button color */
}
.notification-lists-wrap li .view-notifi-link:hover {
  background: #670038; /* this will change the view button background color */
  color: #ffffff; /* this will change the view button color */
}
.notification-lists-head h3 {
  color: #000; /* this will change the Notification dropdown head title color */
}
.top-notification-lists a.all-notification {
  color: #0A1B2D; /* this will change the Notification dropdown "See all notifications" link color */
}
.top-notification-lists .notifylist-close {
  color: #777777; /* this will change the Notification dropdown list close icon color */
}
.top-notification-lists .notifylist-close:hover {
  color: #000000; /* this will change the Notification dropdown list close icon hover color */
}

/*49.Activity Dashboard*/
.assesment-box-left,
.assesment-box-right {
  background: #ffffff; /* this will change the Activity Dashboard box background color */
  box-shadow: 0px 2px 2px 1px #cccccc; /* this will change the Activity Dashboard box shadow color */
}
.assesment-box-left h3,
.assesment-box-right h3 {
  color: #aaaaaa; /* this will change the Activity Dashboard box title color */
}
.mydashboard-section .assesment-box .info-box h2 {
  color: #6c6d6f; /* this will change the "Video Assessment" Box text color */
}
.mydashboard-section .assesment-box .info-box i {
  color: #abafb1; /* this will change the "Video Assessment" Box icon color */
}
.mydashboard-section .assesment-box .current .info-box i,
.mydashboard-section .assesment-box .info-box:hover i {
  color: #0A1B2D; /* this will change the "Video Assessment" active Box icon color */
}
.mydashboard-section .assesment-box .info-box h2 span {
  color: #abafb1; /* this will change the "Video Assessment" Box count color */
}
.mydashboard-section .assesment-box .current .info-box h2 span,
.mydashboard-section .assesment-box .info-box:hover h2 span {
  color: #0A1B2D; /* this will change the "Video Assessment" active Box count color */
}

/* 50 Learning path Viewer
--------------------------*/
.view-close {
  color: #696969; /* this will change the close icon color */
}
.view-close-text {
  color: #000; /* this will change the close text color */
}
.btn-outline-blue {
  color: #65E3FF; /* this will change the view full path border color */
  border-color: #65E3FF; /* this will change the view full path text color */
}
.btn-outline-blue:hover {
  color: #65E3FF; /* this will change the view full path border color on hover */
  border-color: #65E3FF; /* this will change the view full path text color on hover */
}
.lp-detail-inner-sec h2 {
  color: #212529; /* this will change the next/previous content title color */
}
.lp-next-content .next-arrow,
.lp-previous-content .next-arrow {
  color: #670038; /* this will change the next/previous arrow color */
}
.lp-next-content .view-close-text,
.lp-previous-content .view-close-text {
  color: #ffffff; /* this will change the NEXT/PREV arrow text color */
}
.lp-detail-desc-wrap .lp-detail-inner-sec h2 {
  color: #212529; /* this will change the Learning path content title color */
}
.desc-nav li {
  color: #212529; /* this will change the Time/Status/Enrolled text color */
  border-color: #ddd; /* this will change the border color */
}
.cont-complete {
  color: #059c05; /* this will change the Completed/In progress text color */
}
.cont-not-start {
  color: #ff244a; /* this will change the Not started text color */
}
.sidebar-tab-heading {
  color: #4d5259; /* this will change the Description text color */
}
.lp-viewer-section .lp-video-assessment-wrap .lp-detail-inner-sec h2 {
  color: #333; /* this will change the assessment title text color */
}

/* 51 Take Survey
--------------------------*/
.take-servey-page .troubleshooting-stripe {
  background: #26313f; /* this will change the Survey title bar background color */
}
.take-servey-page .troubleshooting-stripe .stripe-title {
  color: #ffffff; /* this will change the Survey title text color */
}
.take-servey-page .stripe-close-btn {
  color: #ffffff; /* this will change the Close button color */
}
.servey-lists-wrap {
  background: #ffffff; /* this will change the Question background color */
}
.servey-list h3 {
  color: #333333; /* this will change the Question title color */
}
.servey-list span.required-servey {
  color: #ff0000; /* this will change the Question required(*) color */
}
.other-comments input,
.servey-list-input input,
.servey-list-input textarea {
  border-color: #cccccc; /* this will change the border color for Input & Textarea */
  background: #ffffff; /* this will change the background color for Input & Textarea */
}
.servey-list .max-length-txt {
  color: #999999; /* this will change the text color for Maximum character limit */
}
.matrix-choice-lists .checkmark,
.multiple-choice .custom-check-box .checkmark {
  background-color: #ffffff; /* this will change the border color for check box and radio buttom */
  border-color: #bbbbbb; /* this will change the background color for check box and radio buttom */
}
.custom-check-box input:checked ~ .checkmark {
  background-color: #2196f3; /* this will change the border color for selected check box and radio buttom */
  border-color: #2196f3; /* this will change the border color for selected check box and radio buttom */
}
.custom-check-box .checkmark:after {
  border-color: #ffffff; /* this will change the tick color for check box and radio buttom */
}
.multiple-choice .custom-check-box {
  color: #555555; /* this will change the option text color for check box and radio buttom */
}
.other-comments label {
  color: #333333; /* this will change the Other comment label color */
}
.promoter-score-head .score-left-txt,
.promoter-score-head .score-right-txt {
  color: #555555; /* this will change the Promoter score label color (Not at all likely, Extremely likely) */
}
.promoter-score span.first-box,
.promoter-score span {
  background: #ffffff; /* this will change the Promoter score box color */
  border-color: #dddddd; /* this will change the Promoter score box border color */
  color: #333333; /* this will change the Promoter score number color */
}
.promoter-score span.score-active,
.promoter-score span:hover {
  background: #209ed1; /* this will change the Promoter score background color for On hover and selected */
  color: #ffffff; /* this will change the Promoter score number color for On hover and selected */
}
.matrix-choice-clm-list {
  color: #555555; /* this will change the Matrix choice column text color */
}
.matrix-choice-row {
  color: #555555; /* this will change the Matrix choice row text color */
}
.matrix-choice-lists.even {
  background: #e0e0e0; /* this will change the Matrix choice row alternative background color */
}
.survey-submit span {
  color: #ffffff; /* this will change the Survey submit button text color */
  background: #670038; /* this will change the Survey submit button background color */
}
.survey-submit span:hover {
  color: #ffffff; /* this will change the Survey submit button text color on hover */
  background: #666666; /* this will change the Survey submit button background color on hover */
}

/* 52.Subscription
--------------------------*/
.subscription-new-design .package-filter h4.panel-title a {
  color: #3c3c3c; /* this will change the filter title text color */
}
.subscription-new-design .package-filter h4.panel-title a i {
  color: #6d6b6b; /* this will change the filter title icon color */
}
.subscription-new-design .package-filter h4.panel-title a,
.subscription-new-design .package-filter .collapse.in,
.subscription-new-design .package-filter .panel-group {
  border-color: #cecbcb; /* this will change the filter border color */
}
.subscription-new-design .checkbox-css {
  color: #757575; /* this will change the checkbox label text color */
}
.subscription-new-design .checkmark {
  border-color: #670038; /* this will change the checkbox border color */
  background-color: #ffffff; /* this will change the checkbox background color */
}
.subscription-new-design input:checked ~ .checkmark {
  background-color: #670038; /* this will change the checkbox active background color */
}
.subscription-new-design .checkbox-css .checkmark:after,
.subscription-new-design .checkbox-css .checkmark:before {
  border-color: #ffffff; /* this will change the checkbox checked icon color */
}
.subscription-new-design .selecting-option label.checkbox-css {
  color: #ffffff; /* this will change the Learning Type tags color */
  background-color: #929191; /* this will change the Learning Type tags background color */
}
.subscription-new-design .selecting-option label.selected.checkbox-css {
  color: #ffffff; /* this will change the Learning Type selected tags color */
  background-color: #414141; /* this will change the Learning Type selected tags background color */
}
.subscription-new-design
  .selecting-option
  .checkbox-css
  input:checked
  ~ .checkmark:before,
.subscription-new-design
  .selecting-option
  .checkbox-css
  input:checked
  ~ .checkmark:after {
  border-color: #ffffff; /* this will change the Learning Type selected tags close icon color */
}
.subscription-new-design .package-filter .form-control {
  background-color: #ffffff; /* this will change the textbox background color */
  color: #454545; /* this will change the textbox text color */
}
.subscription-new-design .package-filter form > span i {
  color: #bcbec1; /* this will change the textbox icon color */
}
.subscription-new-design .package-filter .ng5-slider .ng5-slider-bar {
  background: #d8e0f3; /* this will change the range slider default background color */
}
.subscription-new-design
  .package-filter
  .ng5-slider
  .ng5-slider-active.ng5-slider-pointer:after,
.subscription-new-design .package-filter .ng5-slider .ng5-slider-selection {
  background: #670038; /* this will change the range slider active background color */
}
.subscription-new-design .package-filter .ng5-slider .ng5-slider-pointer {
  background: #ffffff; /* this will change the range slider handle color */
}
.subscription-new-design .package-filter .ng5-slider .ng5-slider-bubble,
.subscription-new-design
  .package-filter
  .ng5-slider
  .ng5-slider-bubble.ng5-slider-limit {
  color: #454545; /* this will change the range slider price text color */
}
.subscription-new-design .resetfilter {
  background: #670038; /* this will change the filter reset button background color */
  color: #ffffff; /* this will change the filter reset button text color */
}
.subscription-new-design .resetfilter:hover {
  background: #666666; /* this will change the filter reset button hover background color */
  color: #ffffff; /* this will change the filter reset button hover text color */
}
.subscription-new-design .find-your-paths,
.subscription-new-design .path-list,
.subscription-new-design .path-list .view-more-btn {
  background: #ffffff; /* this will change the package, session, course list section background color */
}
.subscription-new-design .path-list-left .session-info li {
  color: #5a5959; /* this will change the package, session icons (learnig type, seats available, start date, end date, access) color */
}
.subscription-new-design .path-list-right .p-cost {
  color: #5a5959; /* this will change the package, session, course cost color */
}

/*Common Styles*/
a.user-info-btn {
  color: #0A1B2D; /* this will change the "info icon" color */
  margin-left:5px;
  margin-top:2px;
}
a.user-info-btn:hover {
  color: #0A1B2D; /* this will change the "info icon" hover color */
}
.remove-from-cart {
  color: #ec2323; /* this will change the "Remove icon" color */
}
.remove-from-cart:hover {
  color: #670038; /* this will change the "Remove icon"  hover color */
}
.content-view-button a {
  color: #000; /* this will change the "List & Grid view icon" color */
 
}
.content-view-button a:hover,
.content-view-button a.active {
  color: #0A1B2D; /* this will change the "List & Grid view icon" hover and active color */
}
a.user-like-btn,
a.user-like-btn i,
#more-info-box h2.more-info-title i {
  color: #888888; /* this will change the "Favorite icon" color */
  opacity: 1;
  margin-top: 1px;
}
.back-to-top a {
  background: #0A1B2D; /* this will change the "Back To Top" icon background color */
  color: #ffffff; /* this will change the "Back To Top" icon color */
}

/*New Tiles*/
a.user-info-btn-new {
  color: #888888; /* this will change the "info icon text" color*/
}
a.user-info-btn-new span {
  background-color: #888888; /* this will change the "info icon" background color*/
  margin-right: 18px;
}
a.user-info-btn-new:hover {
  color: #888d90; /* this will change the "info icon text" hover color*/
}
a.user-info-btn-new:hover span {
  background-color: #888888; /* this will change the "info icon" hover background color*/
}
span.more-info-icon {
  color: #9e9c9c; /* this will change the "more info dots icon" color*/
  display: flex;
  margin-bottom: 12px;
}
span.more-info-icon:hover {
  color: #670038 !important; /* this will change the "more info dots icon" hover color*/
}
#more-info-box h2.more-info-title {
  color: #454545; /* this will change the "More Info" Popup More Info text color */
  font-size: 18px;
  font-weight: bold;
  font-family:  "Montserrat", sans-serif  !important;
}

.videosection .content-status-grid.cont-notstarted,
.cont-notstarted-label {
  color: #fff; /* this will change the "Not Started" text color */
  background: #670038; /* this will change the "Not Started" background color */
  border-radius: 0px;
  margin-left: 0%;
  top: 31%;
  padding: 2px 8px 2px 8px;
  /* font-weight: 500; */
  font-size: 10px;
  position: absolute;
}

.videosection .content-status-grid.cont-inprogress,
.cont-inprogress-label {
  color: #fff; /* this will change the "In Progress" text color */
  background:#670038 ; /* this will change the "In Progress" background color */
  border-radius: 0px;
  margin-left: 0%;
  top: 31%;
  padding: 2px 8px 2px 8px;
  /* font-weight: 500; */
  font-size: 10px;
  position: absolute;
}

.videosection .content-status-grid.cont-completed,
.cont-completed-label {
  color: #fff; /* this will change the "Completed" text color */
  background: #670038; /* this will change the "Completed" background color */
  border-radius: 0px;
  margin-left: 0%;
  top: 31%;
  padding: 2px 8px 2px 8px;
  font-weight: 500;
  font-size: 12px;
  position: absolute;
}

.videosection .content-status-grid.cont-enrolled,
.cont-enrolled-label {
  color: #fff; /* this will change the "Enrolled" text color */
  background: #670038; /* this will change the "Enrolled" background color */
  border-radius: 0px;
  margin-left: 0%;
  top: 31%;
  padding: 2px 8px 2px 8px;
  /* font-weight: 500; */
  font-size: 10px;
  position: absolute;
}

.content-status-list-due.cont-notstarted {
  color: #fff; /* this will change the "Not Started" text color */
  background: #670038; /* this will change the "Not Started" background color */
  border-radius: 0px;
  margin-left: 0%;
  margin-top: 32%;
  padding: 2px 8px 2px 8px;
  font-weight: 500;
  font-size: 10px;
}

.content-status-list-due.cont-inprogress {
  color: #fff; /* this will change the "In Progress" text color */
  background: #670038; /* this will change the "In Progress" background color */
  border-radius: 0px;
  margin-left: 40%;
  margin-top: 32%;
  padding: 2px 8px 2px 8px;

  font-size: 11px;
}

.content-status-list-due.cont-enrolled {
    color: #fff;
    background: #000;
    border-radius: 0px;
    margin-left: 0%;
    margin-top: 32%;
    padding: 2px 8px 2px 8px;
    font-weight: 500;
    font-size: 12px;
}

.content-status-list-due.cont-enrolled {
  color: #fff; /* this will change the "Enrolled" text color */
  background: #670038; /* this will change the "Enrolled" background color */
  border-radius: 0px;
  margin-left: 0%;
  margin-top: 32%;
  padding: 2px 8px 2px 8px;
  font-weight: 500;
  font-size: 12px;
}
.cont-progress-bar > label {
  background: #e4e4e4; /* this will change the "progrss bar default background color */
}
.cont-progress-bar label label {
      background:#670038 ; /* this will change the "progrss bar completed % background color */
}
.overdue-text {
  color: #12d440; /* this will change the due date text color */
}

/*Resume video document popup*/
#video-alert .modal-header h4 {
  color: #000000; /* this will change the  Resume video - popup title color */
}
#video-alert .modal-header .close {
  color: #000000; /* this will change the  Resume video - popup close icon color */
  opacity: 1; /* this will change the  Resume video - popup close icon opcity */
}
#video-alert .video-alert-btn a {
  background: #670038; /* this will change the  Resume video - button background color */
  color: #ffffff; /* this will change the  Resume video - button text color */
}
#video-alert .video-alert-btn a:hover {
  background: #333333; /* this will change the  Resume video - button hover background color */
  color: #ffffff; /* this will change the  Resume video - button hover text color */
}
.contact-info-form label
{
  font-family: "Montserrat", sans-serif  !important;
}
.lp-detail-top-section small
{
  font-family: "Montserrat", sans-serif  !important;
}
.sidebar-tab-heading
{
  font-family: "Montserrat", sans-serif  !important;
}
.awards-section p.no-data-found, .lp-content-list p.no-data-found, .lp-detail-content p.no-data-found
{
  font-family: "Montserrat", sans-serif  !important;
}
.lp-detail-section-lists h4, .lp-detail-section-lists h4 a
{
  font-family: "Montserrat", sans-serif  !important;
}
#lp-certificate-message #completionMessage, #lp-certificate-message #completionMessage *, #lp-certificate-message h3
{
  font-family: "Montserrat", sans-serif  !important;
}
.asses-title
{
  font-family: "Montserrat", sans-serif  !important;
}
.learner-title
{
  font-family: "Montserrat", sans-serif  !important;
}
.assesmentv3 .description_content p
{
  font-family: "Montserrat", sans-serif  !important;
}
.assesmentv3 .rubric-content-wrapper .learner-title
{
  font-family: "Montserrat", sans-serif  !important;
}
.learner-list-title
{
  font-family: "Montserrat", sans-serif  !important;
}
.assesmentv3 .learner-list .learner-criteria-desc
{
  font-family: "Montserrat", sans-serif  !important;
}
#assessmentLpViewer .modal-header .close, #assessmentViewer .modal-header .close, #assessmentViewer1 .modal-header .close, #assessmentViewer2 .modal-header .close, #assessmentViewer3 .modal-header .close
{
  color:#670038 ;
}
.modal-header h4
{
  font-family: "Montserrat", sans-serif  !important;
}
/* .show-channel-list-btn
{
    top:100px !important;
} */
/* .tab-header li, .tab-header-detail li
{
    margin-bottom:1px !important;
    gomathi
} */
.channel_detail_list .result-list-view>ul .content-list-view-blk.content-status-list-overdue-wrap, .content-status-list-overdue-wrap
{
    padding-bottom: 0px !important;
}

/* Banner Responsive CSS */
@media only screen and (min-width: 320px) {
  .home-banner-slider-wrap.main-banner {
    min-height: auto !important;
  }
  .home-banner-slider-wrap.main-banner .bx-wrapper,
  .home-banner-slider-wrap.main-banner .bx-viewport {
    max-height: 100% !important;
    height: 100% !important;
  }
}
@media only screen and (min-width: 1600px) {
  .home-banner-slider-wrap.main-banner,
  .home-banner-slider-wrap .main-banner {
    height: 45vh;
    background-position: bottom !important;
  }
}
.home-banner-slider-wrap.main-banner .bx-wrapper,
.home-banner-slider-wrap.main-banner .bx-viewport {
  height: 100% !important;
}

@media only screen and (min-width: 1025px) and (max-width: 1599px) {
  .home-banner-slider-wrap.main-banner,
  .home-banner-slider-wrap .main-banner {
    height: 40vh;
    background-position: bottom !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .home-banner-slider-wrap.main-banner,
  .home-banner-slider-wrap .main-banner {
    height: 17vh;
    background-position: bottom !important;
  }
}
@media only screen and (max-width: 767px) {
  .main-banner {
    height: 10vh !important;
  }
}
/* Banner Responsive CSS */
@media only screen and (min-width: 320px) {
  .home-banner-slider-wrap.main-banner {
    min-height: auto !important;
  }
  .home-banner-slider-wrap.main-banner .bx-wrapper,
  .home-banner-slider-wrap.main-banner .bx-viewport {
    max-height: 100% !important;
    height: 100% !important;
  }
  .main-banner {
    min-height: auto !important;
  }
  .main-banner .bx-wrapper,
  .main-banner .bx-viewport {
    max-height: 100% !important;
    height: 100% !important;
  }
}
@media only screen and (min-width: 1600px) {
  .home-banner-slider-wrap.main-banner,
  .home-banner-slider-wrap .main-banner {
    height: 45vh;
    background-position: bottom !important;
  }
  .main-banner {
    height: 45vh;
    background-position: bottom !important;
  }
  .home-banner-slider-wrap.main-banner .bx-wrapper,
  .home-banner-slider-wrap.main-banner .bx-viewport {
    height: 100% !important;
  }
  .main-banner .bx-wrapper,
  .main-banner .bx-viewport {
    height: 100% !important;
  }
}

/* New design */
.cr-top-menu nav.header-menu {
  clear: none;
}
.cr-top-menu header,
.cr-top-menu-v3 header {
  height: 63px;
}
.cr-top-menu header .logo,
.cr-top-menu-v3 header .logo {
  /* margin: 14px 40px -11px 5px !important; */
}
.logo {
    font-size: 10px;
    height: 45px;
    overflow: hidden;
    float: left;
    margin: 0 40px;
    max-width: 200px;
}
.cr-top-menu ul.navbar-nav.page-menu li a,
.cr-top-menu-v3 ul.navbar-nav.page-menu li a {
  font-weight: 500 !important;
  /* border-bottom: 5px solid transparent; */
  color:#5d5d5d;
  /* text-transform: uppercase; */
  /* letter-spacing: 2px; */
}
.navbar-nav .dropdown a.dropbtn {
  font-weight: 400;
  color: white;
  display: none;
}
.cr-top-menu ul.navbar-nav.page-menu li a.active,
.cr-top-menu ul.navbar-nav.page-menu li a:hover,
.cr-top-menu-v3 ul.navbar-nav.page-menu li a.active,
.cr-top-menu-v3 ul.navbar-nav.page-menu li a:hover {
  border-color: #c4c4c4;
  color:#552447;
  border-color: #670038;
  font-weight: 500 !important; 
}
.cr-top-menu ul.navbar-nav.page-menu li a.active,
.cr-top-menu-v3 ul.navbar-nav.page-menu li a.active{
  padding: 0px 7px 8px 2px !important;
}

.nav-item .hdrgt_main .hdrgt_menu {
  width: 280px;
}
.cr-top-menu,
.cr-top-menu-v3 {
  background: #fff;
}
.page-title-wrap .language-filter {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #000;
}
.language-filter .mat-select-value {
  font-weight: 500;
  color: #000;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  font-weight: 500;
  color: #000;
}
.mat-select-arrow,
.mat-select-disabled .mat-select-value {
  color: #000;
}
.slide-outer-box .video-post {
  padding-top: 115px;
}

.slide-outer-box span.difficulty-tag {
  border-radius: 0px;
  padding: 2px 8px 2px 8px;
  /* font-weight: 500; */
  font-size: 10px;
  color: #fff;
  background:#670038;
  margin-top: -35%;
  float: right;
  position: relative;
  margin-left: 52%;
}
.slide-outer-box span.category-tag {
  color: #fff;
  background: #000;
  border-radius: 0px;
  margin-left: 0%;
  margin-top: 0%;
  padding: 2px 8px 2px 8px;
  font-weight: 500;
  font-size: 12px;
  float: right;
  display: none;
}
.slide-outer-box span.card-tag-assist,
.slide-outer-box .card-tags {
  font-weight: 500;
  font-size: 12px;
  color: #3e3e3e;
  display: none;
}
.slide-outer-box .video-inner-blk .video-cont h4 {
  padding-bottom: 47px;
}
.language-filter .mat-form-field-infix {
    border: 1px solid #bfbfbf;
    background: transparent;
    width: 150px;
    padding: 6px;
    border-radius: 0px;
    height: 40px !important;
    padding-left: 9px;
    font-size: 11px;
    padding-top: 11px;
}
.group-select button,
a.selectall_menulink,
a.sortby_menulink {
  box-shadow: none;
  padding-top: 6px;
  height: 30px;
  border: 1px solid #808080;
}
.chl-list-view-blk .content-list-view-blk {
    /* filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); */
    border: 1px solid #d2d2d2 !important;
    height: 114px;
    background: #f8f9fa;
}
.chl-list-view-blk .content-list-view-blk:hover {
  border: 1px solid #3c3c3c;
}
.lp-detail-content .title-col p > span,
.title-col p > span {
  font-size: 11px;
  color: #737373;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
}
.result-list-view .like-info-col.list-col a.user-like-btn {
    margin-top: 33px;
}
.result-list-view .like-info-col.list-col a.user-info-btn-new, .result-list-view .like-info-col.list-col a.user-like-btn {
    font-size: 0;
    margin: 32px 10px 0 0;
    line-height: 15px;
}
/* .show-channel-list-btn {
  top: 103px;
} */
.chl-list-view-blk .show-channel-list-btn span {
  border: 1px solid #c4c4c4;
  background: #c4c4c4;
  color: #000;
}
.chl-list-view-blk .show-channel-list-btn span:hover {
  color: #000;
  border-color: #000;
  background: #fff;
}
.chl-list-view-blk .channel-content-lists:before {
  background: #000;
  top: 11px;
}
.chl-list-view-blk .channel-content-lists {
  padding-top: 38px;
}
.chl-list-view-blk .channel-content-lists li {
  height: 93px;
  border-radius: 5px;
  border: 1px solid #d5d5d5;
}
.channel-content-lists .title-col {
  margin-top: 18px;
}
.more-info-action-col .action-btns {
  width: auto;
  margin-top: 22px;
}
.more-info-action-col .action-btns .action-btn {
  background: #fff;
  color: #000;
  border: 1px solid #670038;
  border-radius: 4px;
  font-size: 11px;
  padding: 6px 12px 6px;
}
.learning-path-top-sec {
  background: #670038;
}
.cr-top-menu,
.cr-top-menu-v3 {
  padding-top: 5px;
}
.video-cont .viewcount {
  color: #3e3e3e;
  font-weight: 600;
  font-size: 12px;
}

span.viewcount.duration-count {
  color: #000;
  font-weight: 500;
  font-size: 11px;
  margin-left: 0px;
}
.videosection span.viewcount span {
  color: #3e3e3e;
  font-weight: 500;
  font-size: 12px;
}
.languageFilterForm label {
    margin-right: 8px;
    font-size: 11px;
    font-weight: 400;
}
.language-info-icon {
  padding-left: 10px !important;
}
.class-calendar .fc-button-primary:not(:disabled).fc-button-active,
.class-calendar .fc-button-primary:not(:disabled):active {
  background-color: #ffffff !important;
  color: #670038 !important;
  border-color: #670038 !important;
}
.class-calendar .fc-button-primary.fc-next-button,
.class-calendar .fc-button-primary.fc-next-button:focus,
.class-calendar .fc-button-primary.fc-prev-button,
.class-calendar .fc-button-primary.fc-prev-button:focus {
  color: #0A1B2D;
}
.class-calendar .fc-unthemed td.fc-today .fc-day-number:after {
  background: #0A1B2D;
}
.cr-top-menu .top-notification-lists {
  width: 370px;
  top: 63px;
}
.top-notification-lists a.all-notification {
  color: #0A1B2D !important;
  padding: 15px 10px !important;
  font-weight: 600;
}
.slide-outer-box:hover {
  box-shadow: 0px 7px 28px rgb(32 33 36 / 30%);
}
.learning-path-top-description .breadcrumb-list-1 .icon-svg path {
  stroke: #fff;
}
.page-breadcrump li a,
.page-breadcrump li span {
  color: #fff;

  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
}
.page-breadcrump li:after {
  color: #fff;
}
.learning-path-top-left .custom-page-name {
  color: #fff;
  font-family: "Montserrat", sans-serif  !important;
}
.learning-path-top-sec h1 {
  color: #fff;
  font-size: 22px;
  margin-bottom: 26px;

  font-family: "Montserrat", sans-serif  !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
}
.learning-path-meta-info li.lp-updated-date > svg {
  width: 18px;
}
.learning-path-meta-info li svg,
.learning-path-meta-info li,
.learning-path-progress-text-wrap svg,
.learning-path-progress-text-wrap {
  fill: #fff;
  color: #fff;
  font-weight: 300;
}
.lp-precetage-txt {
  color: #fff;
}
.lp-detail-view-enabled .lp-detail-tabs .lp-tabs-menu li a {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 1px;
    text-align: left;
    font-family: "Montserrat", sans-serif  !important;
}
.lp-detail-view-enabled .lp-detail-tabs .lp-tabs-menu li a.active {
  color: #670038;
  border-bottom: 4px solid #670038;
}
.lp-detail-view-enabled .lp-detail-tabs .lp-tabs-menu li a:hover {
  color: #0A1B2D;
}
.lp-detail-tabs .lp-tabs-menu {
  border-color: #ccc;
  margin-bottom: 25px;
}
.lp-detail-view-enabled .long-description h1:after,
.lp-detail-view-enabled .long-description h2:after,
.lp-detail-view-enabled .long-description h3:after,
.lp-detail-view-enabled .long-description h4:after,
.lp-detail-view-enabled .long-description h5:after,
.lp-detail-view-enabled .long-description h6:after,
.lp-detail-view-enabled .lp-details-info h3:after {
  background:#670038;
  width: 13px;
  height: 13px;
}
.lp-detail-view-enabled .lp-details-info-list h5 {
  color: #0a1b2d;
  font-weight: 600;

  font-family: "Montserrat", sans-serif  !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0.06em;
  text-align: left;
}
.lp-detail-content .lp-details-info-list p {
  font-size: 12px;
  color: #000;
  font-weight: 500;
}
.lp-detail-view-enabled .lp-detail-icon svg {
  fill: #0A1B2D;
}
.lp-detail-icon {
  background: #ececec;
}
.lp-detail-content p {
  line-height: 21px;
  color: #000 !important;
  font-size: 14px;
  margin-bottom: 4px;

  font-family: "Montserrat", sans-serif  !important;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-align: left;
}
.lp-detail-content p a {
  color: #0A1B2D;
  font-weight: 600;
}
.lp-detail-content .long-description ul li:after {
  color: #0A1B2D;
}
.lp-detail-content .long-description ul li {
  color: #000;
}
.lp-detail-section-lists h4,
.lp-detail-section-lists h4 a {
  margin-top: 8px;
  color: #000;
}
.cr-page-channeldetail .chl-list-view-blk .title-col h4 a,
.cr-page-channeldetail .result-list-view .title-col h4 a,
.lp-detail-view-enabled .lp-detail-section-lists h4,
.lp-detail-view-enabled .lp-detail-section-lists h4 a {
  color: #000;
}
.lp-detail-section-list.open .brand-box-top i.fa-minus {
  color: #0A1B2D;
}
.brand-box-top .module-count {
  color: #0A1B2D;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.lp-detail-view-enabled .lp-content-action a:hover,
.lp-detail-view-enabled .lp-content-action a.btn-resume:hover,
.lp-detail-view-enabled .lp-content-action a.btn-completed:hover {
  background: #0A1B2D;
  color: #fff;
  border-color: #0A1B2D;
}
.lp-detail-view-enabled .lp-detail-tab-info h3 {
  color: #000000;

  font-family: "Montserrat", sans-serif  !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
}
.lp-detail-tab-info .sec-count {
 color: #555555;
  font-weight: 600;
}
.lp-detail-view-enabled .lp-detail-tab-info .start-learn {
  background:#670038;
  padding: 10px 0;
  font-size: 12px;
  margin-bottom: 16px;
  border: 1px solid #670038;
  border-radius: 1px;

  font-family: "Montserrat", sans-serif  !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0.05em;
}
.lp-detail-view-enabled .lp-detail-tab-info .start-learn:hover {
  background: #fff;
  border: 1px solid #670038;
  color: #670038;
  font-weight: 600;
}
.lp-detail-view-enabled .lp-detail-tab-btn span {
  border-color: #0A1B2D;
  color: #656565;
  /* background: #fff; */


  font-family: "Montserrat", sans-serif  !important;
font-size: 11px;
font-style: normal;
font-weight: 600;
line-height: 14px;
letter-spacing: 0em;

}
.lp-detail-view-enabled .lp-detail-tab-btn span:hover {
  border-color: #0A1B2D;
  color: #000;
  /* background: #fff; */
}
.lp-detail-view-enabled a.user-like-btn.active.favorite-txt span i,
.lp-detail-view-enabled a.user-like-btn.favorite-txt span:hover i {
  color: #0A1B2D;
}
.lp-detail-view-enabled .lp-detail-tab-btn span:hover i {
  color: #0A1B2D;
}
.lp-viewer-head-wrap .lp-viewer-head {
  background-color: #0A1B2D;
}
.cr-top-menu .viewer-section {
  margin-top: -62px;
}
.view-close-text,
.lp-back-btn .view-close-text {
  color: #fff;
  font-family: "Montserrat", sans-serif  !important;
}
.lp-next-content .view-close-text,
.lp-previous-content .view-close-text {
  color: #fff;
}
.view-close-text:hover,
.lp-back-btn .view-close-text:hover {
  color: #fff;
}
.lp-next-content .view-close-text,
.lp-previous-content .view-close-text:hover {
  color: #fff;
}
.sec-expand-icon i {
  color: #0A1B2D;
}
.lp-detail-section-list .brand-box {
  border: 1px solid #b4b4b4;
  box-shadow: none;
}
.lp-viewer-section .stripe-sidebar.show-sidebar {
  border: 0.5px solid #0A1B2D;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 50%);
}
.stripe-sidebar {
  padding-top: 20px;
}
.lp-viewer-section .stripe-sidebar {
  width: 24.5%;
}
.hide-lp-desc:hover {
  color: #0A1B2D;
  border-color: #0A1B2D;
}
.show-lp-desc:hover {
  background: #0A1B2D;
  color: #fff;
}
.save-notes-btn{
  color: #ffffff !important;
}
.save-notes-btn,
.save-notes-btn:focus {
  background: #670038 !important;
}
.lp-certificate-wrap .certificate-icon-wrap span {
  border: 1px solid #000;
  color: #000;
  font-family: "Montserrat", sans-serif  !important;
  font-weight: 600;
}
.lp-certificate-wrap .certificate-icon-wrap span:hover {
  background: #670038;
  color: #fff;
  border: 1px solid #670038;
}
.lp-detail-tab-info li {
  color: #000;
  font-weight: 500;
}
.modal-content .slidering a {
  color: #0A1B2D;
}
.slidering .fa-link {
  border: 2px solid #0A1B2D;
}
.uitube-alert-btn a {
  background: #0A1B2D !important;
}
.learning-path-top-description .short-description {
  color: #fff;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
}
.channel_detail_list .result-list-view > ul .chl-list-view-blk {
  margin-bottom: 20px;
}
.upgrade-btn {
  background: #0A1B2D;
  border: 2px solid #0A1B2D;
}
.upgrade-btn:hover {
  background: #fff;
  color: #0A1B2D;
}
.login-btn-header,
.login-register-btn a,
.login-wrap .login-btn {
     background:#670038;
     
     color: #ffffff !important;
     font-size: 13px !important;
     border-radius: 0px;
     padding: 6px 17px !important;
    font-family: "Montserrat", sans-serif  !important;
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #0A1B2D;
}
.login-register-btn {
    float: right;
    /* margin-top: 8px; */
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #0A1B2D;
}
.lp-detail-page .lp-detail-section-wraps .lp-detail-tags-lists span {
    text-decoration: none;
    background: #ffffff;
    color: #252525;
    border: 1px solid #ababab;
    border-radius: 30px;
    padding: 6px 10px 6px 10px;
    font-size: 8px;
}
.lp-detail-page .lp-detail-section-wraps .lp-detail-tags-lists span:hover {
  background-color: #fff;
  color: #0A1B2D;
}
.lp-detail-tab-content.group-select
  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 80%;
  border: 1px solid #000;
}
.cr-page-channeldetail .channel-detail-blk .chl-list-view-blk .img-col {
  margin: 34px 10px 0 15px;
}
.cr-page-channeldetail
  .lp-detail-view-enabled
  .channel-detail-blk
  .chl-list-view-blk
  .title-col {
  margin: 26px 0px;
}
.slider-scroll-wrap {
  height: auto;
}
.owl-carousel.owl-drag .owl-item {
  margin-right: 30px;
}
.cr-top-menu span.top-menu-search, .cr-top-menu-v3 span.top-menu-search{
  color: #fff;
  display: none;
}
.dropbtn{
  font-family: "Montserrat", sans-serif  !important;
}
.chl-enroll-btn{
  color: #000;
    border: 1px solid #000;
    border-radius: 4px;
}
.chl-enroll-btn:hover{
  color: #fff;
    border: 1px solid #0A1B2D;
    border-radius: 4px;
    background: #0A1B2D;
}
.lp-detail-view-enabled .lp-enroll-wrap p.enroll-msg{
  font-family: "Montserrat", sans-serif  !important;
}
.cr-page-channeldetail header, .cr-page-learningpath header{
  background: white;
}
/* .cr-top-menu header, .cr-top-menu-v3 header{
  border-bottom: 3px solid #ccc;
} */
.mydashboard-section .videosection .content-status-grid.cont-inprogress, .cont-inprogress-label {
  color: #000;
  background: #F0B352;
  border-radius: 4px;
  margin-left: 0%;
  top: 86%;
  padding: 1px 10px 1px 10px;
  font-weight: 500;
  font-size: 10px;
  position: absolute;
  left: 6.5%;
  display: none;
}
.mydashboard-section .videosection .videosection .content-status-grid.cont-notstarted,
.cont-notstarted-label{
  color: #000;
  background: #F0B352;
  border-radius: 4px;
  margin-left: 0%;
  top: 86%;
  padding: 1px 10px 1px 10px;
  font-weight: 500;
  font-size: 10px;
  position: absolute;
  
}
.mydashboard-section .videosection .content-status-grid.cont-completed,
.cont-completed-label{
  color: #000;
  background: #F0B352;
  border-radius: 4px;
  margin-left: 0%;
  top: 86%;
  padding: 1px 10px 1px 10px;
  font-weight: 500;
  font-size: 10px;
  position: absolute;
  left: 6.5%;
}
.mydashboard-section .videosection .content-status-grid.cont-enrolled,
.cont-enrolled-label{
  color: #000;
  background: #F0B352;
  border-radius: 4px;
  margin-left: 0%;
  top: 86%;
  padding: 1px 10px 1px 10px;
  font-weight: 500;
  font-size: 10px;
  position: absolute;
  left: 6.5%;
  display: none;
}

.search-form input {
    border: 1px solid #ddd;
    width: 100%;
    padding: 5px 48px 5px 5px;
    border-radius: 3px;
    font-size: 14px;
    color: #666;
    background: #fff;
    height: 40px;
}
.transcript-link{
  color: #000 !important;
}
.overview-box li h3 label{
  font-family: "Montserrat", sans-serif  !important;
}
.reset-btn-loader .login-loader, .submit-loader{
  background-color: #000;
  }
 .login-register-btn a:hover, a.login-btn-header:hover {
    color: black !important;
    background-color: white !important;
    border: 1px solid #000;
   
}

.showing-results.page-full-view .search-grid-col {
width:17.65%;
}
.search-sidebar-fixed {
background: #ffffff;
padding-top: 0;
padding-left: 29px;
padding-right: 0;
top: 214px;
position: absolute;
margin-left: 0;
}

.content-view-button {
    text-align: center;
    
    margin-top: 18px;
}

.advance-search-page .channel_bc {
margin-top: 0;
margin-left: 0;
padding-left: 0px;
}
.showing-results.page-full-view .search-grid-col {
width: 20%;
}
.videosection .video-cont h4 {
min-height: 90px;
}
.advance-search-page .result-grid-view {
margin-top: 20px;
}
.search-filter-icon,
.results-title{
display: none;
}
.search-sidebar-fixed .reset-btn input, 
.search-sidebar-fixed .reset-btn input:hover,
.search-sidebar-fixed .reset-btn input:focus {
height: auto;
border: none;
width: auto;
background: none;
color: #222121;
}
.showing-results.page-full-view{
margin-left: 300px;
padding-top:30px;
padding-left: 0;
padding-right: 0;
}
.search-sidebar-fixed form.search-form {
margin: 15px 0 25px 0;
width: 100%;
display: block;
}
.filter-category .panel-heading,
.filter-category .panel-subtitle,
.filter-category .panel-collapse{
border:none
}
.filter-category .panel-heading h4:before {
position: absolute;
content: "";

top: 20px;
z-index: -1;
left: 0;
right:0;
}
.filter-category h4.panel-title a {
color: #222121;
font-size: 14px;
display: inline;
background: #fff;
padding-right: 20px;
font-weight: 500;
font-family: "Montserrat", sans-serif  !important;

}


.search-sidebar-fixed form label:before {
background: #fff;
border: 1px solid #aaaaaa;
border-radius: 0;
padding-right: 10px;
margin-top: 2px;
}
.filter-category .panel.panel-default {
margin-bottom: 15px;
}
.filter-scroll .mCSB_scrollTools .mCSB_draggerRail {
background: #c0c0c0;
}
.search-sidebar-fixed form label.selected:before {
background-color: #053055;
border-color: #053055;
}
.filter-category h4.panel-title a:hover, 
.filter-category h4.panel-title a:focus {
color: #053055;
}
.search-sidebar-fixed .btn-outline-primary{
color: #053055;
}
.search-sidebar-fixed .btn-outline-primary:hover, 
.search-sidebar-fixed .btn-outline-primary:focus{
background-color: #053055;
}
.search-sidebar-fixed form label{
margin:10px 0;
}
.group-select button, 
a.sortby_menulink, 
a.selectall_menulink {
box-shadow: none;
border: 1px solid #fff;
color: #202124;
font-size: 13px;
}
.group-select .bootstrap-select.btn-group 
.dropdown-menu li a span.text {
color: #454545 !important;
}
.group-select .bootstrap-select.btn-group .dropdown-menu li.selected a span.text, 
.group-select .bootstrap-select.btn-group .dropdown-menu li a:hover span.text,
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
color: #670038 !important;
}
.filter-scroll .mCSB_scrollTools .mCSB_draggerRail,
.filter-scroll .mCustomScrollBox:hover>.mCSB_scrollTools .mCSB_draggerRail {
width: 6px;
}
.filter-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.filter-scroll .mCustomScrollBox:hover>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:4px;
}
.result-list-view .content-lock i {
font-size: 10px;
}
.result-list-view .content-lock {
top: 0px;
left: 0px;
border-radius: 0;
height: 20px;
}
.result-list-view .videosection .v-name, 
.result-list-view .img-col .v-name {
position: absolute;
left: 0;
top: 0;
margin: 0;
border-radius: 0;
}
.channel-count, .videosection .slide-outer-box.islp span.viewcount.duration-count, .search-filter i {
    display: block;
}

.search-filter i {
    top: 1px !important;
    right: 0px !important;
    background: #670038 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 14px !important;
    padding-bottom: 10px !important;
    color: #fff !important;
}

.filter-category .panel-subtitle span:after, .filter-category .panel-heading h4 a:after, .filter-category .panel-subtitle span.active.opened:after, .filter-category .panel-heading.opened h4 a:after, .filter-category .panel-subtitle span.active:after {
    width: 8px;
    height: 8px;
    border-radius: 0;
    right: 5px;
    top: 5px;
    border: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    cursor: poRoboto;
    transform: rotate(-45deg);
}
.search-sidebar-fixed .reset-btn {
    position: absolute;
    top: 55px;
    right: 1px;
    z-index: 1;
}

.filter-category .panel-subtitle span.active.opened:after, .filter-category .panel-heading.opened h4 a:after {
    transform: rotate(135deg);
    top: 8px;
}

.group-select button, a.selectall_menulink, a.sortby_menulink {
    box-shadow: none;
    padding-top: 6px;
    height: 30px;
    border: 1px solid #808080;
}
.showing-results.page-full-view .search-grid-col {
width:20%;	
}

.advance-search-page .search-text-info {
    margin: 0;
    text-align: left;
    font-weight: bold;
    color: black;
    margin-left: 14px;
}
.cr-top-menu ul.navbar-nav.page-menu li a.active.deactive, .cr-top-menu-v3 ul.navbar-nav.page-menu li a.active.deactive{
  color: #fff;
}

.page-title-wrap.new-page-title-wrap {
    padding: 30px 20px 20px 20px;
    border-bottom: 1px solid #ccc;
}

.advance-search-page .search-text-info {
  margin: 0;
  text-align: left;
  margin-left: 14px;
  min-width: 120px;
  width: 155px;
}

.advance-search-page .result-grid-view {
margin-top: 20px;
}
.advance-search-page .result-list-view {
margin-left: 5px;
margin-top: 22px;
}
.cr-user-notlogged .dropdown {
    display: none;
}
.cr-top-menu ul.navbar-nav.page-menu .dropdown li a{
	color:#000000 !important;
	padding:0 15px;
}
.cr-top-menu ul.navbar-nav.page-menu .dropdown-content li {
	display:block !important;
}
.cr-top-menu ul.navbar-nav.page-menu .dropdown-content {
	padding-top:10px;
}

.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    font-size: 12px;
    border-top: 1px solid #eceeef;
}

.subscription-page .user_subsc_list li {
  box-shadow: none;
}

.user-language select {
  cursor: pointer;
  border: 1px solid #b8b8b8;
  box-shadow: 0 6px 5px -8px #999;
  margin-left: 170px;
}
.selected-tags-list li{
  border: 1px solid #0000004a;
  color: #000000bf;
  font-size: 11px;
}
.selected-tags-list-outer{
  display: flex;
  flex-wrap: wrap;
    align-items: center;
}
ul.selected-tags-list{
  margin-top: 0px;
  width: auto;
}
::selection{
  color: #ffffff;
  background: #3399FF;
}
.no-data-found
{
  font-family: "Montserrat", sans-serif  !important;
}
.check-box input[type=checkbox]:checked+label:before, .check-box input[type=radio]:checked+label:before, .radio-button input[type=checkbox]:checked+label:before, .radio-button input[type=radio]:checked+label:before
{
  background-color:#670038 ;
  border-color:#670038 ;
}
.certificate-icon-wrap span:hover
{
  color: #670038;
}
.assesmentv3 .lp-btn-outline:focus, .assesmentv3 .lp-btn-outline:hover
{
  border-color: #670038 !important;
  color: #670038 !important ;
}
.remaining-small-txt
{
  font-family: "Montserrat", sans-serif  !important;
}
.text-area-md label
{
  font-family: "Montserrat", sans-serif  !important;
}
.assesmentv3 .lp-btn-primary
{
  color: #ffffff !important ;
  background-color:#670038;
}
.assesmentv3 .lp-btn
{
  font-family: "Montserrat", sans-serif  !important;
}
.assesmentv3 .submission-container .submitedon
{
  font-family: "Montserrat", sans-serif  !important;
}
.assessment-viewer-wrap h2
{
  font-family: "Montserrat", sans-serif  !important;
}
.assessment-result-btn a, .assessment-viewer-wrap .assessment-btn
{
  background-color:#670038 ;
  border-bottom: 3px solid  #670038;
}
.selected-tags-list li:hover
{
  color:#670038 ;
  
}
.cont-completed-label, .content-status-list-due.cont-completed, .videosection .content-status-grid.cont-completed
{
 color: white;
 background-color: #670038;
 font-size: 11px;
 padding:2px 8px 2px 8px ;
 border-radius: 0px;
 margin-left: 0%;
 font-weight:500;
 
}
.fas.fa-redo:hover
{
    color: #0A1B2D !important;
}
.assessments-page-category.transcript-wrap .transcript-download-csv:hover .fa-download
{
    color: #0A1B2D !important;
}
/* .show-channel-list-btn
{
  top:99px !important;
} */
.show-channel-list-btn
{
  top:99px !important;
}

@media screen and (min-width: 1451px) and (max-width: 1750px) {
.showing-results.page-full-view .search-grid-col {
    width:25% !important;
}
}
@media screen and (min-width: 1280px) and (max-width: 1400px) {
.advance-search-page .showing-results.page-full-view .search-grid-col {
    width: 33% !important;
}
}
@media screen and (min-width: 100px) and (max-width: 768px) {
  .result-list-view .channel-content-lists .title-col,
  .chl-list-view-blk .channel-content-lists .title-col,
  .channel-detail-blk .chl-list-view-blk .title-col {
    margin-bottom: -26px;
    width: 100%;
  }
  .cont-status-col span.content-status-list-due {
    padding: 2px 8px 2px 8px;
    
    
  }
  .show-channel-list-btn
  {
    top:100px !important;
  }
  /* .list-view-blk .content-list-view-blk, .chl-list-view-blk .content-list-view-blk
  {
    padding-left:2px !important;
  } */
  .showing-results.page-full-view {
    margin-left: 0;
    padding-top: 0;
}
.cr-top-menu ul.navbar-nav.page-menu li a, 
.cr-top-menu-v3 ul.navbar-nav.page-menu li a {
	color:#000000 !important;
}
.cr-top-menu ul.navbar-nav.page-menu li a.active, 
.cr-top-menu ul.navbar-nav.page-menu li a:hover, 
.cr-top-menu-v3 ul.navbar-nav.page-menu li a.active, 
.cr-top-menu-v3 ul.navbar-nav.page-menu li a:hover {
color:#000 !important;	
}
.cr-top-menu .search-sidebar-fixed {
    height: 100vh !important;
}
.search-sidebar-fixed {
    background: #ffffff;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    top: 55px;
    position: absolute;
    z-index: 9;
    padding-bottom: 15px;
    margin-left: -300px;
    width: 300px;
    border: 1px solid #ccc;
    border-left: none;
}
.search-sidebar-fixed .search-filter-icon {
    display: block;
    background: #fff;
    border: 1px solid #ccc;
    border-left: none;
    top:70px;
}
.lp-detail-view-enabled .lp-detail-tab-info h3, .lp-detail-view-enabled .lp-detail-tab-info .sec-count {
  display: inline-block !important;
}
.lp-detail-view-enabled .lp-detail-tab-info {
  padding-top: 20px !important;
}
.page-breadcrump {
  padding-top: 12px;
}

} 

@media screen and (min-width: 100px) and (max-width: 600px) {
.advance-search-page .showing-results.page-full-view .search-grid-col {
    width: 100% !important;
}
.advance-search-page .page-title-wrap .sortby_main, .advance-search-page .selectall_main {
    float: left !important;
    min-width: 100% !important;
}
/* .advance-search-page .selectall_main .group-select {
	margin-left:48px;
} */
.page-title-wrap .language-filter {
    float: left;
    margin-right: 0;
    margin-top: 10px;
}
.sortby_main .group-select {
    float: left;
    width:100%;
}
.advance-search-page .sortby_main label, .advance-search-page .languageFilterForm label {
display: none;
}
.language-filter .form-control.mat-form-field {
  border: none;
  width: auto;
  min-width: 244px;
  background-color: transparent;
  margin-left: 20px;
}
.header-mobile-search {
	display:none;
}
 .notification-bell {
	background: transparent;
    border: 0;
    font-size: 16px;
    margin-top: 0px;
 }
 .mobile-menu-slide span {
   background: #fff;
 }
 .mydashboard-section .tab-header > ul {
	 white-space: nowrap;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    bottom: -6px;
 }
 /* .mydashboard-section .content-view-button {
	 display:none;
 } */
 /* G change */
 .dashboard-search .search-form {
	 margin:10px 0;
 }
 .user-language select {
  margin-left:0px;
 }
 #login-form-wrap {
   padding:24px !important;
 }
 .hdrgt_main {
   margin-right: 10px !important;
 }
 .cr-page-myprofile .language-filter .form-control.mat-form-field {
   margin-left: 0 !important;
 }
 /* .page-title-wrap .content-view-button {
   display: none;
 } */
 .sortby_main label {
   display: none;
 }
 a.user-info-btn {
   margin-left: 8px;
 }
}

@media screen and (min-width: 1019px) and (max-width: 1100px) {
.advance-search-page .showing-results.page-full-view .search-grid-col {
  width: 50% !important;
}
}
@media screen and (min-width: 600px) and (max-width: 1020px) {
.advance-search-page .showing-results.page-full-view .search-grid-col {
  width: 50% !important;
}
.page-title-wrap .language-filter {
  margin-top: 10px;
}

}

@media screen and (min-width: 1021px) and (max-width: 1100px) {
.showing-results.page-full-view .search-grid-col {
width: 50% !important;
}
}
@media only screen and (max-width: 1024px){
.advance-search-page .showing-results.page-full-view .search-grid-col {
width: 50%;
}

 .cr-login-register-uiversion-1 .login-page-wrap.registeration-page-wrap .login-wrap #registration_form, .cr-uiversion-3 .login-page-wrap.registeration-page-wrap .login-wrap #registration_form
{
  width: 100% !important;
} 
.cr-login-register-uiversion-1 .login-page-wrap.registeration-page-wrap .login-wrap #registration_form, .cr-login-register-uiversion-1 .login-wrap #login-form-wrap, .cr-uiversion-3 .login-page-wrap.registeration-page-wrap .login-wrap #registration_form, .cr-uiversion-3 .login-wrap #login-form-wrap
{
  padding:40px 21px !important;
}
/* .list-view-blk .content-list-view-blk, .chl-list-view-blk .content-list-view-blk
{
    padding-left: 0px !important;
} */
/* div.content-list-view-blk .cont-status-col span.content-status-list-due
{
    margin-top:20px !important;
} */

div.content-list-view-blk .cont-status-col span.content-status-list-due
{
  margin-top:8px !important;
}
.tab-header li
{
  min-height:39px !important;
}
}

.advance-search-page span.viewcount{
  display: none;
}
.advance-search-page span.cont-count-list{
  display: none;
}
.advance-search-page span.duration-count{
  display: unset !important;
}
.new-dashboard .slide-outer-box .duration-count{
  display: none;
}
.new-dashboard .cont-count-list{
  display: none;
}
.new-dashboard .slide-outer-box span.viewcount{
  display: none;
}
.videosection .slide-outer-box span.viewcount.duration-count{
  display: block;
}
.cr-top-menu ul.navbar-nav.page-menu, .cr-top-menu-v3 ul.navbar-nav.page-menu
{
  width: calc(98% - 380px) !important;
}
.cr-top-menu header, .cr-top-menu-v3 header
{
  border-bottom: none !important;
}
/*
Index
-------------
1.Header
2.Sidebar
3.Home
4.Banner Alignment
5.Metadata library
6.Channels, Learning path, courses and awards
7.Advance Search
8.Filter icons CSS
9.Channels Detail
10.Learning path Detail
11.Login & User Registration
12.Forgot password
13.Package List - with login
14.Package List - with out login
15.Category packages - with login
16.Category packages - with out login
17.Shopping Cart
18.User payment steps - with login
19.User payment steps - with out login
20.Billing address - with login
21.Billing address with out login
22.Review Order - with login
23.Review Order - with out login
24.Payment - with login
25.Payment - with out login
26.Confirmation
27.Confirmation - with out login
28.Redeem package popup
29.Category package details popup (info icon poup)
30.Subscribe Message popup
31.Purchase license flow popup
32.Free Subscribe Message popup
33.Purchase Order Confirmation popup
34.Terms and conditions popup
35.Cancel redeem license key confirmation popup
36.Thank you for signing up popup
37.Awards - Overview
38.Awards - Leaderboard
39.Awards - Trophy Case
40.Awards - Info popup
41.Awards - all type popups
42.Self Registration Payment Mode
43.Courses
44.My Profile
45.Change password
46.Subscription
47.Video Assessment 
48.Notification
49.Activity Dashboard
50.Learning Path Viewer
51.Take Survey
52.Subscription
Common Styles
New Tiles
*/

/* 1.Header
--------------------- */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,600&display=swap");
span, p, a, body, h1, h2, h3, h4, h5, h6, span {
  font-family: "Montserrat", sans-serif  !important;
}
header {
  background: #ffffff; /* this will change the Website Masthead Color (top menu background color) */
  padding: 17px !important;
}
header.main-header.self-reg {
  background: #ffffff; /* this will change the Website Masthead Color (top menu background color) Self Registration */
}
nav.header-menu ul li a,
.mobile-cart-login li.cart-menu a,
.mobile-cart-login li.my-acnt a {
  color: #0A1B2D; /* this will change the top menu text color */
}

nav.header-menu ul li a.active,
nav.header-menu ul li a:hover {
  color: #000000; /* this will change the top menu text rollover color */
}
.search-inner-blk .btn.btn-default {
  background: #ffffff; /* this will change the search Library background color */
  color: #0A1B2D; /* this will change the search Library text color */
}
.search-inner-blk .btn.btn-default:after {
  border-top-color: #d4d2d2; /* this will change the search Library dropdown arrow color */
}
header .input-group .form-control,
.main-banner .input-group .form-control,
.banner-search .input-group .form-control,
.col-md-12.search-blk .form-control {
  background-color: #ffffff; /* this will change the search text box background color */
  color: #000000; /* this will change the search text box text color */
}
.logo img {
    max-width: 100%;
    height: auto;
    display: block;
    max-height: 45px;
}
.search-inner-blk .input-group-btn .btn.btn-default {
  background-color: #0A1B2D; /* this will change the search icon background color */
  color: #ffffff; /* this will change the search icon color */
}
.search-inner-blk .input-group-btn .btn.btn-default:hover {
  background-color: #65E3FF; /* this will change the search icon background rollover color */
  color: #ffffff; /* this will change the search icon rollover color */
}
ul li.my-acnt .hdrgt_menu ul li a {
  color: #222 !important; /* this will change the profile dropdown menus color */
  border-bottom: 2px solid rgb(217, 217, 217);
  font-size: 14px;
  padding: 4% 0% 4% 5%;
  width: 100%;
  font-weight: 500;
  font-family: "Montserrat", sans-serif  !important;
}
ul li.my-acnt .hdrgt_menu ul li:hover a,
ul li.my-acnt .hdrgt_menu ul li a:hover {
  color: #ffffff !important; /* this will change the profile dropdown menus hover text color */
  background-color:#670038; /* this will change the profile dropdown menus hover background color */
}
ul li.my-acnt .hdrgt_menu ul li a.upgrd-btn {
  background: #0A1B2D; /* this will change the upgrade button background color */
  color: #ffffff; /* this will change the upgrade button text color */
  padding: 4% 0% 4% 0%;
  width: 50%;
  margin: 15px 15px 15px 70px;
}
ul li.my-acnt .hdrgt_menu ul li a.upgrd-btn:hover {
  background: #ffffff; /* this will change the upgrade button hover background color */
  color: #0A1B2D !important; /* this will change the upgrade button hover text color */
  border: 1px solid #0A1B2D;
}
.hdrgt_main .hdrgt_menulink span {
  background: #c9e1fa; /* this will change the header profile no-image background color */
  color: #0a1b2d; /* this will change the header profile no-image text color */
}
.hdrgt_menulink:after {
  border-top-color: #000000; /* this will change the header profile dropdown arrow color */
}

/* 2.Sidebar */
nav.header-menu ul.navbar-nav.page-menu,
.closemobilemenu {
  background: #0A1B2D; /* this will change the  "Left-nav menu" background color */
}
nav.header-menu ul.navbar-nav.page-menu li a {
  border-color: #0A1B2D; /* this will change the  "Left-nav menu" border color */
  color: #ffffff !important; /* this will change the  "Left-nav menu" icon color */
}
nav.header-menu ul.navbar-nav.page-menu li a.active,
nav.header-menu ul li a.active,
nav.header-menu .navbar-nav.page-menu li a.nav-link.active {
  color: #ffffff !important; /* this will change the  "Left-nav menu" active menu color */
  background: #f8f8f8; /* this will change the  "Left-nav menu" active menu background color */
}
nav.header-menu ul.navbar-nav.page-menu li a:hover {
  color: #65E3FF !important; /* this will change the  "Left-nav menu" active menu color */
}

/* 3.Home
--------------------- */
.home-tab-block .tab-tops {
  background: #3a3a3a; /* this will change the slide menu background color */
}
.home-tab-block .tabs-menu li a.tab-link {
  color: #ffffff; /* this will change the slide menu text color */
}
.home-tab-block .tabs-menu li a.tab-link:hover,
.tabs-menu .current a.tab-link {
  color: #65E3FF; /* this will change the slide menu text rollover and active color */
}
.home-tab-block .tabs-menu li.current a.tab-link:after {
  border-color: #65E3FF; /* this will change the slide menu text underline color */
}
.home-tab-block .tab-tops .bx-wrapper .bx-prev::before,
.home-tab-block .tab-tops .bx-wrapper .bx-next::before {
  color: #ffffff; /* this will change the slide menu arrows color */
}
.home-tab-block .tab-tops .bx-wrapper .bx-prev:hover::before,
.home-tab-block .tab-tops .bx-wrapper .bx-next:hover::before {
  color: #ffffff; /* this will change the slide menu arrows color */
}
.home-slide-content h3 {
  color: #0A1B2D; /* this will change the slide title color */
}
.slide-outer-box {
  background: #ffffff; /* this will change the slide content box background color */
  border: 1px solid #c7c7c7;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.25);
  border-radius: 0px;
  min-height: 323px;
     min-width: 256px;
    max-width: 256px;
}
.search-form input {
    border: 1px solid #ddd !important;
    width: 100%;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 10px;
    color: #666;
    background: #fff;
    height: 40px;
}
.slide-outer-box.islp {
  background: #ffffff; /* this will change the slide content box background color */
  border: 1px solid #c7c7c7;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.25);
  border-radius: 0px;
  min-height: 323px;
  /* min-width:270px; */
  /* max-width: 270px; */
  min-width: 256px;
  max-width:256px;
}
.slide-outer-box.islp:after {
  content: none;
}
.result-list-view .title-col h4 a,
.videosection .video-cont h4 a {
  color: #000000;
  font-weight: 500;
  font-size: 14px;
  font-family: "Montserrat", sans-serif  !important;
}
.result-list-view .title-col h4 a:hover,
.videosection .video-cont h4 a:hover {
  color: #0A1B2D; /* this will change the slide content box text rollover color */
}
body,
.right-content-section {
  background: #fff !important; /* this will change the home page background color */
}
.package-wrap .owl-nav div.owl-next:before,
.videosection .owl-nav div.owl-next:before,
.videosection .bx-wrapper .bx-next:before,
.package-wrap .owl-nav div.owl-prev:before,
.videosection .owl-nav div.owl-prev:before,
.videosection .bx-wrapper .bx-prev:before {
  background: #ffffff; /* this will change the slider arrow background color */
  color:#670038; /* this will change the slider arrow color */
}

/* 4.Banner Alignment
---------------------*/
.main-banner {
  margin: 2%;

  /* background: aliceblue; */
  background-position: bottom;
  /* width: 100%!important; */
  background-attachment: repeat;
  background-color: #3a3a3a;
}
.banner-search {
  /* background-position: left top; */ /*this will show the Full Banner from the Left*/
  background-position: right top; /*this will show the Full Banner from the Right*/
}

/* 5.Metadata library
--------------------- */
.popup-tab-block .tab-left {
  background: #e7e7e7; /* this will change the metadata left column background color */
}
.popup-tab-block .tab-vertical li a {
  color: #191321; /* this will change the metadata left column text color */
}
.popup-tab-block .tab-vertical li.current,
.popup-tab-block .tab-vertical li:hover {
  background: #3f4b50; /* this will change the metadata left column text rollover and active button background color */
}
.tab-vertical .current a,
.tab-vertical li:hover a {
  color: #ffffff; /* this will change the metadata left column text rollover text color */
}
.tab-left .mCSB_scrollTools .mCSB_draggerRail {
  background: #999999; /* this will change the metadata left column scrollbar background color */
}
.tab-left .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #ffffff; /* this will change the metadata left column scrollbar active scroll color */
}
.tab-right .mCSB_scrollTools .mCSB_draggerRail {
  background: #bbbbbb; /* this will change the metadata right column scrollbar background color */
}
.tab-right .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #333333; /* this will change the metadata right column scrollbar active scroll color */
}
.col-md-10.tab-right {
  background: #ffffff; /* this will change the metadata right column background color */
}
.tabright-content li h3 a {
  color: #000000; /* this will change the metadata right column tags text color */
}
.tabright-content li h3 a:hover {
  color: #0A1B2D; /* this will change the metadata right column tags rollover text color */
}
.tabright-content li a {
  color: #000000; /* this will change the metadata right column sub tags text color */
}
.tabright-content li a:hover {
  color: #0A1B2D; /* this will change the metadata right column sub tags rollover text color */
}
.cls-btn a {
  background: #0A1B2D; /* this will change the metadata left column close button background color */
  color: #ffffff; /* this will change the metadata left column close button text color */
}
.cls-btn a:hover {
  background: #0A1B2D; /* this will change the metadata left column close button background rollover color */
  color: #ffffff; /* this will change the metadata left column close button text rollover color */
}

/* 6.Channels, Learning path, courses and awards 
--------------------- */
.channel_bc li,
.awards-section h2 {
  color: #000000; /* this will change the channels, learningpath, courses and awards title color */
  font-weight: 700;
  font-size: 15px!important;
  line-height: 22px;
  
 font-family: "Montserrat", sans-serif  !important;
}
.channel_bc li a {
    display: inline-block;
    font-size: 18px;
    color: #2f3a48;
}
.tab-header > ul:after,
.awards-tab-menu {
  border-color: #cccccc; /* this will change the channels, learningpath, courses and awards menu border-bottom color */
}
.chnl-tab-link,
.awards-tab-menu li {
  color: #000; /* this will change the channels, learningpath, courses and awards category title color */
  color: #2d2d2d;
  font-size: 12px;
  /* border-bottom: 4px solid #000; */
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "Montserrat", sans-serif  !important;
}
li.current .chnl-tab-link,
.awards-tab-menu li.active {
  color: #2d2d2d; /* this will change the channels learningpath, courses and awards category title rollover color */
  /* font-size: 12px; */
  border-bottom: 4px solid #670038; /* this will change the learningpath, courses and awards category title rollover border color */
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "Montserrat", sans-serif  !important;
}
.tab-header .chnl-tab-link:hover:after,
.tab-header li.current .chnl-tab-link:after {
  border-color: #0A1B2D; /* this will change the channels and learning path category title underline color */
}
.sortby_main label {
  color: #000;
    font-weight: normal;
    font-size: 11px;
    margin-top: 12px;
    margin-right: 8px;

}
.group-select button,
a.sortby_menulink,
a.selectall_menulink {
  background-color: #ffffff; /* this will change the channels and learning path Sort by filter background color */
  color: #0A1B2D; /* this will change the channels and learning path Sort by filter text color */
}
.dashboard-sub-menu li:before {
    background: #fff;
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    top: 13px;
    left: 0;
}
.group-select .dropdown-toggle:after {
  color: #670038 !important; /* this will change the "Sort By - Select" arrow color */
      margin-top: -10px;
}

.page-title-wrap .content-view-button {
    margin-top: 10px;
}
.group-select .bootstrap-select.btn-group .dropdown-menu li a span.text {
  color: #0A1B2D !important; /* this will change the "Sort By - Select option" color */
}
.group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li.selected
  a
  span.text,
.group-select .bootstrap-select.btn-group .dropdown-menu li a:hover span.text {
  color: #000 !important; /* this will change the "Sort By - Select option" active and hover color */
  font-weight: 600;
}
.group-select .bootstrap-select.btn-group .dropdown-menu {
  background: #ffffff; /* this will change the "Sort By - Select" dropdown background color */
  border-color: #cccccc; /* this will change the "Sort By - Select" dropdown border color */
}
.chl-list-view-blk .circle-prog-bar, .list-view-blk .circle-prog-bar {
    float: right;
    width: 160px;
    margin-top: 8px;
    color: #670038;
    display: none;
}
.btn-group>.btn:first-child {
        margin-left: 0;
    padding-left: 10px;
    padding-top: 13px;
    border: 1px solid #ccc !important;
    font-size: 11px;
    height: 40px;
}


.search-form input {
  border-color: #808080;
  border-radius: 0;
  background: #ffffff; /* this will change the "Search box" background color */
  font-size: 11px;
  /* width: 200px; */
  border: 1px solid #ccc !important;
}
.dashboard-search .check-box label {
    font-size: 12px !important;
    margin-top: 10px;
    user-select: none;
    padding-top: 0px;
    padding-left: 31px;
}
.back-category a {
  color: #ffffff;
}
.demo-version {
  background: #aedaf0; /* this will change the Demo message background color */
}
.demo-version p {
  color: #3a5865; /* this will change the Demo message text color */
}
.demo-version .upgrade-btn,
#demo-message .upgrade-btn {
  background: #0A1B2D; /* this will change the Demo message upgrade button background color */
  border-color: #0A1B2D; /* this will change the Demo message upgrade button border color */
  color: #ffffff; /* this will change the Demo message upgrade button text color */
}
.demo-version .upgrade-btn:hover,
#demo-message .upgrade-btn:hover {
  background: #0A1B2D; /* this will change the Demo message upgrade button background hover color */
  border-color: #0A1B2D; /* this will change the Demo message upgrade button border hover color */
  color: #ffffff; /* this will change the Demo message upgrade button text hover color */
}
#demo-message .modal-header h4 {
  color: #333333; /* this will change the Demo Popup title color */
}
#demo-message p {
  color: #3a5865; /* this will change the Demo Popup text color */
}
#demo-message .modal-header .close {
  color: #000000; /* this will change the Demo Popup close button color */
}
#more-info-box .modal-header h4 {
  color: #333333; /* this will change the "Content Info" Popup title color */
  margin-bottom:0px !important;
}
#more-info-box ul li {
  color: #666666; /* this will change the "Content Info" Popup list color */
}
#more-info-box ul li span {
  color: #444444; /* this will change the "Content Info" Popup list label color */
}
#more-info-box .launch-pop-wrap a {
  background: #670038; /* this will change the "Content Info" Popup button background color */
  color: #ffffff; /* this will change the "Content Info" Popup button text color */
}
#more-info-box .launch-pop-wrap a:hover {
  background: #333333; /* this will change the "Content Info" Popup button hover background color */
  color: #ffffff; /* this will change the "Content Info" Popup button hover text color */
}
#more-info-box .tags-list li a {
  background: #ececec; /* this will change the "Content Info" Popup content list background color */
  color: #737373; /* this will change the "Content Info" Popup content list text color */
}
.new-tail-description {
  color: #454545; /* this will change the "Content Desctiption" text color */
}

/* 7.Advance Search
--------------------- */
.search-sidebar-fixed {
  background: #e7e7e7; /* this will change the advance search left column background color */
}
.search-sidebar-fixed h2.results-title {
  color: #26313f; /* this will change the advance search left column title color */
}
.filter-category h4.panel-title a {
  color: #191321; /* this will change the advance search metadata category text color */
}
.filter-category h4.panel-title a:hover,
.filter-category h4.panel-title a:focus {
  color: #ffffff; /* this will change the advance search metadata category text rollover color */
}
.search-sidebar-fixed form label {
  color: #454545; /* this will change the advance search left column tag text color */
}
.search-sidebar-fixed form input[type="checkbox"]:checked + label.disable,
.search-sidebar-fixed form .active input[type="checkbox"] label.disable,
.filter-category label.disable {
  color: #d0cdcd; /* this will change the advance search left column unselected (disabled) tag text color */
}
.search-sidebar-fixed form label.selected {
  color: #000000; /* this will change the advance search left column tag selected text color */
}
.search-sidebar-fixed .btn-outline-primary {
  color: #0A1B2D; /* this will change the advance search reset button text color */
  background: #ffffff; /* this will change the advance search reset button text background color */
}
.search-sidebar-fixed .btn-outline-primary:hover,
.search-sidebar-fixed .btn-outline-primary:focus {
  background: #ffffff; /* this will change the advance search reset button rollover background color */
  color: #0A1B2D; /* this will change the advance search reset button rollover text color */
  border-color: #0A1B2D; /* this will change the advance search reset button rollover border color */
}
.grid-layout .group-select .dropdown-menu {
  background-color: #ffffff; /* this will change the advance search sort by & filter by content type dropdown background color */
}
.grid-layout
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li
  a
  span.text {
  color: #888d90 !important; /* this will change the advance search sort by & filter by content type dropdown text color */
}
.filter-scroll .mCSB_scrollTools .mCSB_draggerRail {
  background: #999999; /* this will change the advance search scrollbar background color */
}
.filter-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #ffffff; /* this will change the advance search scrollbar active bar color */
}

/* 8.Filter icons CSS 
--------------------- */
.filter-category .panel-subtitle span.active:after,
.filter-category .panel-heading h4 a:after {
  border-left-color: #0A1B2D; /* this will change the advance search filter right arrow */
}
.filter-category .panel-subtitle span.active.opened:after,
.filter-category .panel-heading.opened h4 a:after {
  border-top-color: #0A1B2D; /* this will change the advance search filter down arrow */
}
.search-sidebar-fixed form label:before {
  background: #ffffff; /* this will change the advance search checkbox color */
}
.search-sidebar-fixed form label.selected:before {
  background-color: #0A1B2D; /* this will change the advance search checkbox selected color */
}

/* 9.Channels Detail 
--------------------- */
.bread-crumbs-section {
  background: #26313f; /* this will change the Channel name bar background color */
}
.breadcrumb-item {
  color: #d7d8d6; /* this will change the Channel name bar text(Back to Channel Default) color */
}
.breadcrumb-item:hover {
  color: #ffffff; /* this will change the Channel name bar text(Back to Channel Default) hover color */
}
.breadcrumb-item.active {
  color: #ffffff; /* this will change the Channel name bar text(Channel name) color */
}
.breadcrumb-item + .breadcrumb-item:before {
  color: #ffffff; /* this will change the breadcrumb arrow color */
}
.tab-header-detail .chnl-tab-link {
  color: #8297b1; /* this will change the Overview, Ratings, Comments, Tags menu options text color */
}
.tab-header-detail .chnl-tab-link:hover:after,
.tab-header-detail li.current .chnl-tab-link:after {
  border-color: #0A1B2D; /* this will change the Overview, Ratings, Comments, Tags menu options border color */
}
.tab-header-detail li.current .chnl-tab-link,
.tab-header-detail .chnl-tab-link:hover {
  color: #0A1B2D; /* this will change the Overview, Ratings, Comments, Tags menu options text active color */
  border-color: #0A1B2D; /* this will change the Overview, Ratings, Comments, Tags menu options border color */
}
.description_content,
.description_content p,
.description_content li,
.description_short_content,
.description_short_content p,
.description_short_content li {
  color: #4d5259; /* this will change the Description text color */
}
.sidebar-tab-heading {
  color: #4d5259; /* this will change the Breakdown text color */
}
.progress-bar {
  background-color: #670038; /* this will change the progress bar color */
}
.progress-text p {
  color: #4d5259; /* this will change the rating total count number color */
}
.leave-comment-blk input {
  background: #ffffff; /* this will change the comment box background color */
}
.form-control:focus {
  color: #4d5259; /* this will change the comment box text color */
}
.leave-comment-blk .cmnt-btn {
  background: #0A1B2D; /* this will change the comment submit button background color */
  color: #ffffff; /* this will change the comment submit button text color */
  border-color: #0A1B2D; /* this will change the comment submit button border color */
}
.leave-comment-blk .cmnt-btn:hover {
  background: #000000; /* this will change the comment submit button hover background color */
  color: #ffffff; /* this will change the comment submit button hover text color */
  border-color: #000000; /* this will change the comment submit button hover border color */
}
.videosection span.viewcount {
  color: #3e3e3e; /* this will change the view/views text color */
  font-weight: 500;
  font-size: 12px;
}

.user-ratings p.total-count {
  color: #0A1B2D; /* this will change the Ratings count text color */
  font-weight: 700;
}
.content-lock {
  background: #670038; /* this will change the DEMO Lock Icon background color */
  color: #ffffff; /* this will change the DEMO Lock Icon color */
}
.videosection .v-name,
.img-col .v-name {
  background: #670038; /* this will change the Demo, Free label background color */
  color: #ffffff; /* this will change the Demo, Free label text color */
}
.videosection span.v-timing {
  color: #7d7c7c; /* this will change the Content Duration text color */
}
.content-status-grid-overdue {
  color: #f00000; /* this will change the overdue text color */
}
.tags-content-inner a {
  background: #0A1B2D; /* this will change the Tags background color */
  color: #ffffff; /* this will change the Tags text color */
}
.tags-content-inner a:hover {
  background: #999999; /* this will change the Tags rollover background color */
  color: #ffffff; /* this will change the Tags rollover text color */
}
.troubleshooting-stripe {
  background:#670038 ; /* this will change the Content name bar background color */
}
.troubleshooting-stripe .stripe-title {
  color: #ffffff; /* this will change the Content name bar text color */
}
.stripe-close-btn {
  color: #ffffff; /* this will change the close button color */
}
.channel-content-header .user-ratings p.total-count,
.channel-content-header .viewcount {
  color: #99aabf; /* this will change the Content name bar Subscribed/View count/Rating count text color */
}
.comments-content-inner .comments_actions a,
.cmmnt_rply_lnk {
  color: #670038; /* this will change the channels and learning path Comment Action link color */
}
.comments-content-inner .comments_actions a:hover,
.cmmnt_rply_lnk:hover {
  color: #000000; /* this will change the channels and learning path Comment Action link hover color */
}
.author-details span {
  background: #670038; /* this will change the author background color */
  color: #ffffff; /* this will change the author text color */
}
#confirm-commentdelete p {
  color: #454545; /* this will change the "delete comment" popup text color */
}
#confirm-commentdelete .confirmdiv a.conform-print-btn {
  background-color: #b5b8b9; /* this will change the "delete comment" popup YES button background color */
  color: #ffffff; /* this will change the "delete comment" popup YES button text color */
}
#confirm-commentdelete .confirmdiv a.cancel-print-btn {
  background-color: #b5b8b9; /* this will change the "delete comment" popup No button background color */
  color: #ffffff; /* this will change the "delete comment" popup No button text color */
}
#confirm-commentdelete .confirmdiv a.conform-print-btn:hover {
  background-color: #000000; /* this will change the "delete comment" popup YES button hover background color */
  color: #ffffff; /* this will change the "delete comment" popup YES button hover text color */
}
#confirm-commentdelete .confirmdiv a.cancel-print-btn:hover {
  background-color: #000000; /* this will change the "delete comment" popup No button hover background color */
  color: #ffffff; /* this will change the "delete comment" popup No button hover text color */
}

/* 10.Learning path Detail 
--------------------- */
.back-button i {
  color: #a09999; /* this will change the left arrow color */
}
.back-button {
  border-color: #a09999; /* this will change the left arrow circle color */
}
.back-text {
  color: #212529; /* this will change the back text color */
}
.lp-detail-description {
  background: #ffffff; /* this will change the description color */
}
.lp-detail-description-wrap h1 {
  color: #000000; /* this will change the Learning Path title color */
}
.lp-detail-description-scroll {
  color: #000000; /* this will change the Learning Path description color */
}
.lp-detail-description-wrap .user-ratings p.total-count {
  color: #fff; /* this will change the Ratings count text color */
}
.lp-detail-top-section {
  background: #ffffff; /* this will change the Learning Path info box background color */
}
.lp-detail-top-section li {
  color: #212529; /* this will change the (Section, Pieces of content, Required, Enrolled) text color */
  border-color: #dee0e4; /* this will change the border right color */
}
.lp-detail-top-section a.user-like-btn i {
  color: #868484; /* this will change the "Favorite icon" color */
}
.lp-tabs-menu {
  border-color: #394b62; /* this will change the tab border color */
}
.brand-box.lp-last-viewed-content {
  background-color: #f2fdff;
}/* this will change the Continue where you left off background color */

.brand-box.lp-last-viewed-content h3 {
  color: #777; /* this will change the Continue where you left off text color */
}

.video-js .vjs-mute-control .vjs-icon-placeholder, .vjs-icon-volume-high {
    font-family: VideoJS !important;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .vjs-icon-pause {
    font-family: VideoJS !important;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play {
    font-family: VideoJS !important;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-tech {
    object-fit: contain !important;
}

.brand-box {
  background-color: #fff; /* this will change the section background color */
}
.third-nav li {
  color: #212529; /* this will change the Estimate Time & Pieces of content color */
  border-color: #b1b1b1; /* this will change the border left of Estimate Time & Pieces of content color */
}
.lp-detail-section-content {
  border-color: #868686; /* this will change the border color bewteen section title and content */
}
.lp-detail-section-lists.lpgreybg {
  background: #fafafa; /* this will change the alternative background color for section content */
}
.cetrify {
  color: #333; /* this will change the Certificate text color */
  font-family: "Montserrat", sans-serif  !important;

}
.certificate-lock-icon i {
  color: #666; /* this will change the Certificate lock icon color */
}
.lp-detail-inner-sec .lp-content-free,
.lp-detail-inner-sec .v-name {
  background: #f59a53; /* this will change the LP content demo and free background color */
  color: #fff; /* this will change the LP content demo and free text color */
}
span.btn-info-dark {
  background-color: #394b62; /* this will change LP content the reguired background color */
  color: #fff; /* this will change LP content the reguired text color */
}
.lp-detail-inner-sec .content-lock i {
  color: #666; /* this will change LP lock icon color */
}
.lp-content-action a.btn-resume,
.lp-content-action a.btn-completed {
    border: none;
  background:#670038 ; /* this will change the backgroung color for Completed, Resume & Watch Again button color */
  color: #fff; /* this will change the text color for Completed, Resume & Watch Again button text color */
}
.lp-content-action a.btn-completed:hover,
.lp-content-action a.btn-resume:hover {
  background: #fff; /* this will change the backgroung color for Completed, Resume & Watch Again button color */
  color: #0A1B2D; /* this will change the text color for Completed, Resume & Watch Again color */
}
.lp-detail-tabs .lp-tabs-menu li a {
  color: #0A1B2D; /* this will change the tab default text color */
  font-family: "Montserrat", sans-serif  !important;
}
.lp-detail-tabs .lp-tabs-menu li a:hover {
  color: #0A1B2D; /* this will change the tab default text hover color */
}
.lp-detail-tabs .lp-tabs-menu li a.active {
  border-color: #670038; /* this will change the active border color */
  color: #670038; /* this will change the active text color */
  background: #ffffff; /* this will change the active background color */
}
.lp-detail-section-list h3 {
  color: #5f5d5d; /* this will change the section color */
  font-family: "Montserrat", sans-serif  !important;

}
.lp-detail-section-list .lp-desc-more-btn {
  color: #0A1B2D;
}
.lp-detail-section-list .lp-desc-more-btn:hover {
  color: #0A1B2D;
}
.lp-detail-section-list h3 i {
  color: #5f5d5d; /* this will change the section arrow color */
}
.lp-detail-section-lists h4,
.lp-detail-section-lists h4 a {
  color: #000000; /* this will change the section content name color */
}
.lp-detail-section-lists h4 a:hover {
  color: #0A1B2D; /* this will change the section content name hover color */
}
.lp-progress-bar span,
.content-progress-all {
  background: #670038; /* this will change the progress bar color */
}
.lp-progress-bar span span,
.content-progress-all span {
  background: #65E3FF; /* this will change the progress active bar color */
}
.lp-progress-bar label {
  color: #000000; /* this will change the viewed percentage text color */
}
.lp-content-progress p {
  color: #0A1B2D; /* this will change the "Required" text color */
}
.content-required {
  border-color: #dddddd; /* this will change the "Required Icon" border color */
  color: #ff0000; /* this will change the "Required Icon" color */
}
.content-completed {
  border-color: #93da46; /* this will change the "Completed Icon" border color */
  color: #93da46; /* this will change the "Completed Icon" color */
}
.lp-trophy-completed {
  color: #bbbbbb; /* this will change the "Certificate" text color */
}
.lp-trophy-completed.lp-completed {
  color: #555555; /* this will change the "Certificate" text active color */
}
.lp-trophy-completed i {
  color: #bbbbbb; /* this will change the "Certificate" trophy color */
}
.lp-trophy-completed.lp-completed i {
  color: #ffc600; /* this will change the "Certificate" trophy active color */
}
#lp-certificate-message #completionMessage {
  color: #0A1B2D; /* this will change the Certificate completion popup header color */
}
#lp-certificate-message p {
  color: #000; /* this will change the Certificate completion popup test color */
  font-family: "Montserrat", sans-serif  !important;
}
.lp-content-action a {
  background: #ffffff; /* this will change the view button background color */
  color: #0A1B2D; /* this will change the view button text color */
  border-color: #0A1B2D; /* this will change the view button border color */
  font-family: "Montserrat", sans-serif  !important;
}
.lp-content-action a:hover {
  background: #ffffff; /* this will change the view button background hover color */
  color: #0A1B2D; /* this will change the view button text hover color */
  border-color: #0A1B2D; /* this will change the view button hover border color */
}
.lp-view-all-btn {
  background: #0A1B2D; /* this will change the Expand all button background color */
  color: #ffffff; /* this will change the Expand all button text color */
}
.lp-view-all-btn:hover {
  background: #000000; /* this will change the view all button background hover color */
  color: #ffffff; /* this will change the view all button text hover color */
}
.lp-comment-img span {
  background: #0A1B2D; /* this will change the commnet user text background color */
  color: #ffffff; /* this will change the commnet user text color */
}
.lp-comment-text h3 {
  color:#670038 ; /* this will change the commnet user name color */
}
.lp-comment-text p {
  color: #000000; /* this will change the commnet text color */
}
.lp-comment-action label {
  color: #000000; /* this will change the commnet date color */
}
.lp-comment-action a {
  color: #0A1B2D; /* this will change the commnet action button text color */
  border-color: #0A1B2D; /* this will change the commnet action button border color */
}
.lp-comment-action a:hover,
.lp-comment-action a:focus {
  color: #000000; /* this will change the commnet action button text hover color */
  border-color: #000000; /* this will change the commnet action button border hover color */
}
.lp-comment-form label {
  color: #000000; /* this will change the Leave a comment text color */
}
.lp-comment-form input[type="submit"],
.lp-comments .comment_reply .cmnt-btn {
  background: #670038; /* this will change the submit button background color */
  color: #ffffff; /* this will change the submit button text color */
  border-color: #670038; /* this will change the submit button border color */
}
.lp-comment-form input[type="submit"]:hover,
.lp-comments .comment_reply .cmnt-btn:hover {
  background: #670038; /* this will change the submit button hover background color */
  color: #ffffff; /* this will change the submit button hover text color */
  border-color: #670038; /* this will change the submit button hover border color */
}
.lp-comments .comment_reply a.cmmnt_delete_lnk {
  background: #b5b8b9; /* this will change the cancel button background color */
  color: #ffffff; /* this will change the cancel button text color */
  border-color: #b5b8b9; /* this will change the cancel button border color */
}
.lp-comments .comment_reply a.cmmnt_delete_lnk:hover {
  background: #000000; /* this will change the cancel button hover background color */
  color: #ffffff; /* this will change the cancel button hover text color */
  border-color: #000000; /* this will change the cancel button hover border color */
}
.lp-detail-description .circle-prog-bar svg circle {
  stroke: #670038; /* this will change the content "Lp Progress Circle" color */
}
.lp-detail-description .circle-prog-bar {
  color: #0A1B2D; /* this will change the content "Lp Progress Circle" color */
}
.lp-viewer-title span {
  color: #666666; /* this will change the content "Previous & Next" arrow color */
}
.lp-viewer-title span:hover {
  color: #670038; /* this will change the content "Previous & Next" arrow hover color */
}
.expand-screen-btn {
  background: #670038; /* this will change the "Hide & Show side pannel" icon background color */
  color: #ffffff; /* this will change the "Hide & Show side pannel" icon color */
}
.expand-screen-btn:hover {
  background: #670038; /* this will change the "Hide & Show side pannel" icon hover background color */
  color: #ffffff; /* this will change the "Hide & Show side pannel" icon hover color */
}
.full-screen-wrap .exit-fill-screen,
.full-screen-wrap .full-screen {
  color: #0A1B2D; /* this will change the content "Full Screen" icon color */
}
.full-screen-wrap .exit-fill-screen:hover,
.full-screen-wrap .full-screen:hover {
  color: #000000; /* this will change the content "Full Screen" icon hover color */
}
.others-default-launch a {
  background: #0A1B2D; /* this will change the SCORM "Click here to launch" button background color */
  color: #ffffff; /* this will change the SCORM "Click here to launch" button text color */
}
.others-default-launch a:hover {
  background: #000000; /* this will change the SCORM "Click here to launch" button hover background color */
  color: #ffffff; /* this will change the SCORM "Click here to launch" button hover text color */
}
.live-labs-wrap a.launch-live-btn {
  background: #0A1B2D; /* this will change the ZIP "Click here to download" button background color */
  color: #ffffff; /* this will change the ZIP "Click here to download" button text color */
}
.live-labs-wrap a.launch-live-btn:hover {
  background: #000000; /* this will change the ZIP "Click here to download" button hover background color */
  color: #ffffff; /* this will change the ZIP "Click here to download" button hover text color */
}
.assessment-question {
  background-color: #ffffff; /* this will change the QUIZ box background color */
  box-shadow: 0 0 5px #000000; /* this will change the QUIZ box box-shadow color */
}
.assessment-question-top {
  background-color: #670038 !important; /* this will change the QUIZ header background color */
}
.assessment-viewer-wrap {
  background-color: #b9e4f5; /* this will change the QUIZ section background color */
}
.assessment-viewer-wrap h2 {
  color: #333333; /* this will change the QUIZ title color */
}
.assessment-viewer-wrap p {
  color: #444444; /* this will change the QUIZ question count text color */
}
.assessment-viewer-wrap p.retake-available {
  color: #444444; /* this will change the QUIZ retake available text color */
}
.assessment-result-wrap {
  background-color: #b9e4f5; /* this will change the QUIZ result section background color */
}
.assessment-result-wrap p {
  color: #444444; /* this will change the QUIZ result section text color */
}
.quiz-success-message {
  color: #444444; /* this will change the QUIZ result section success message text color */
}
.assessment-result-btn a {
  background-color: #0A1B2D; /* this will change the QUIZ-Retake button background color */
  border-bottom-color: #0A1B2D; /* this will change the QUIZ-Retake button border color */
  color: #ffffff; /* this will change the QUIZ-Retake button text color */
}
.assessment-btn.assessment-begin-btn {
  background-color: #0A1B2D; /* this will change the QUIZ-Begin button background color */
  border-bottom-color: #0A1B2D; /* this will change the QUIZ-Begin button border color */
  color: #ffffff; /* this will change the QUIZ-Begin button text color */
}
.assessment-btn.assessment-resume-btn {
  background-color: #670038; /* this will change the QUIZ-Resume button background color */
  border-bottom-color: #670038; /* this will change the QUIZ-Resume button border color */
  color: #ffffff; /* this will change the QUIZ-Resume button text color */
}
.assessment-btn.assessment-startover-btn {
  background-color: #670038; /* this will change the QUIZ-StartOver button background color */
  border-bottom-color: #670038; /* this will change the QUIZ-StartOver button border color */
  color: #ffffff; /* this will change the QUIZ-StartOver button text color */
}
span.next-question-btn,
span.next-question-btn.disable-btn {
  background-color: #0A1B2D; /* this will change the QUIZ next button background color */
  border-bottom-color: #0A1B2D; /* this will change the QUIZ next button border color */
  color: #ffffff; /* this will change the QUIZ next button text color */
}
span.next-question-btn.disable-btn {
  opacity: 0.8;
}
span.pre-question-btn {
  border-color: #0A1B2D; /* this will change the QUIZ  previous button border color */
  color: #0A1B2D; /* this will change the QUIZ  previous button text color */
}
.assessment-question-list
  .radio-button
  input[type="radio"]:checked
  + label:before,
.assessment-question-list
  .radio-button
  input[type="checkbox"]:checked
  + label:before {
  background-color: #0A1B2D; /* this will change the QUIZ  Radio button 'checked' background color */
  border-color: #0A1B2D; /* this will change the QUIZ  Radio button 'checked' border color */
}
.assessment-progress {
  background: #caddd4; /* this will change the QUIZ  progress bar background color */
}
.assessment-progress-status {
  background: #2ccc83; /* this will change the QUIZ  progress bar active background color */
}
.correct-answer {
  background: #0A1B2D; /* this will change the QUIZ  Correct Answer background color */
  color: #ffffff; /* this will change the QUIZ  Correct Answer text color */
}
.no-correct-answer {
  background: #e06767; /* this will change the QUIZ  Wrong Answer background color */
  color: #ffffff; /* this will change the QUIZ  Wrong Answer text color */
}
#save-quiz-popup .modal-header h4 {
  color: #333333; /* this will change the QUIZ Save Popup popup title color */
}
#save-quiz-popup .modal-header .close {
  color: #b5b8b9; /* this will change the QUIZ Save Popup popup close icon color */
  opacity: 1; /* this will change the QUIZ Save Popup popup close icon opacity */
}
#save-quiz-popup .modal-header .close:hover {
  color: #0A1B2D; /* this will change the QUIZ Save Popup popup close icon hover color */
  opacity: 1; /* this will change the QUIZ Save Popup popup close icon hover opacity */
}
#save-quiz-popup a.save-exit {
  background-color: #b5b8b9; /* this will change the Save Popup - Save & Exit" button background color */
  color: #ffffff; /* this will change the "Save Popup - Save & Exit" button color */
}
#save-quiz-popup a.exit {
  background-color: #b5b8b9; /* this will change the "Save Popup - Exit without Saving" button background color */
  color: #ffffff; /* this will change the "Save Popup - Exit without Saving" button color */
}
#save-quiz-popup a.save-exit:hover {
  background-color: #000000; /* this will change the Save Popup - Save & Exit" button hover background color */
  color: #ffffff; /* this will change the "Save Popup - Save & Exit" button hover color */
}
#save-quiz-popup a.exit:hover {
  background-color: #000000; /* this will change the "Save Popup - Exit without Saving" button hover background color */
  color: #ffffff; /* this will change the "Save Popup - Exit without Saving" button hover color */
}
.submission-icons span {
  color: #0A1B2D; /* this will change the VIDEO ASSESSMENT  'Record a video & Upload a file' icon color */
}
.submission-icons span .labletext {
  color: #545454; /* this will change the VIDEO ASSESSMENT  'Record a video & Upload a file' text color */
}
.submission-form .text-area-outer {
  border-color: #b7b6b6; /* this will change the VIDEO ASSESSMENT  comment textarea border color */
}
.submission-form textarea {
  color: #5f5f5f; /* this will change the VIDEO ASSESSMENT  comment textarea text color */
}
.submission-form .saveanswer {
  background: #000000; /* this will change the VIDEO ASSESSMENT  save answer button background color */
  color: #ffffff; /* this will change the VIDEO ASSESSMENT  save answer button color */
}
.submission-form .submit-btn {
  background: #0A1B2D; /* this will change the VIDEO ASSESSMENT  submit button background color */
  color: #ffffff; /* this will change the VIDEO ASSESSMENT  submit button color */
}
.submission-form .saveanswer:hover {
  background: #666666; /* this will change the VIDEO ASSESSMENT  save answer button hover background color */
  color: #ffffff; /* this will change the VIDEO ASSESSMENT  save answer button hover color */
}
.submission-form .submit-btn:hover {
  background: #666666; /* this will change the VIDEO ASSESSMENT  submit button hover background color */
  color: #ffffff; /* this will change the VIDEO ASSESSMENT  submit button hover color */
}
.submitedlist p span.download-icon,
.submitedlist p.viewvideocomment {
  color: #807e7e; /* this will change the VIDEO ASSESSMENT  uploaded file text color */
}
.submitedlist p span.download-icon:hover,
.submitedlist p.viewvideocomment:hover {
  color: #0A1B2D !important; /* this will change the VIDEO ASSESSMENT  uploaded file hover text color */
}
.remove-files {
  color: #807e7e !important; /* this will change the VIDEO ASSESSMENT  uploaded file remove icon color */
}
.remove-files:hover {
  color: #0A1B2D !important; /* this will change the VIDEO ASSESSMENT  uploaded file hover remove icon color */
}
#confirmSubmit p {
  color: #555555; /* this will change the VIDEO ASSESSMENT  confirm submit popup text color */
}
#confirmSubmit .modal-body a {
  color: #fff; /* this will change the VIDEO ASSESSMENT  confirm submit popup button color */
  background: #b5b8b9; /* this will change the VIDEO ASSESSMENT  confirm submit popup button background color */
}
#confirmSubmit .modal-body a:hover {
  color: #fff; /* this will change the VIDEO ASSESSMENT  confirm submit popup button hover text color */
  background: #000000; /* this will change the VIDEO ASSESSMENT  confirm submit popup button hover background color */
}
.lp-detail-tabs .tab-content h3 {
  color: #828181; /* this will change the VIDEO ASSESSMENT  Grading Criteria title color */
}
.lp-detail-tabs .tab-content ul li span {
  color: #0A1B2D; /* this will change the VIDEO ASSESSMENT  Grading Criteria point's text color */
}
.lp-detail-tabs .tab-content ul li {
  color: #828181; /* this will change the VIDEO ASSESSMENT  Grading Criteria point description text color */
}
.lp-detail-tabs .tab-content .dropdown-menu p {
  color: #828181; /* this will change the VIDEO ASSESSMENT  Grading Criteria's popup description text color */
}
p.submitedon {
  color: #555555; /* this will change the  VIDEO ASSESSMENT "Submitted" date text color */
}
p.viewvideocomment i {
  color: #0A1B2D; /* this will change the  VIDEO ASSESSMENT video comments file icon color */
}

/* 11.Login & User Registration 
--------------------- */
.user-language {
  color: #ffffff; /* this will change the language selectbox label text color */
}
/* .login-wrapper{
  overflow:hidden;
} */
.login-wrap h1 {
  color: #ffffff; /* this will change the title color */
}
.login-wrap label {
  color: #ffffff; /* this will change the lable text color */
}
.login-wrap .field-wrap input,
.login-wrap .field-wrap .select_box select {
  background: #ffffff; /* this will change the input-field background-color */
  color: #000000; /* this will change the  input-field text color */
  border-color: #bbbbbb; /* this will change the  input-field border color */
}
.login-wrap .forgot-password {
  color: #0A1B2D; /* this will change the  "Forgot Password?" text color */
}
.login-wrap .forgot-password:hover {
  color: #b5b8b9; /* this will change the  "Forgot Password?" hover text color */
}
.login-wrap .login-btn {
  background: #0A1B2D; /* this will change the Signup & Login button background-color */
  color: #ffffff; /* this will change the  Signup & Login button text color */
}
.login-wrap .login-btn:hover {
  background: #ffffff; /* this will change the Signup & Login button hover background-color */
  color: #000000; /* this will change the  Signup & Login button hover text color */
}
.login-page-wrap.registeration-page-wrap .reset-btn-wrap a {
  color: #0A1B2D; /* this will change the  BackToLogin button text color */
}
.login-page-wrap.registeration-page-wrap .reset-btn-wrap a:hover {
  color: #0A1B2D; /* this will change the  BackToLogin button hover text color */
}
.login-wrap .registeration-link {
  color: #3d7ec3;
  /* text-decoration: underline; */
  border: 1px solid #7a7a7a;
  padding: 10px;
  font-size: 12px;
  color: #2e2e2e;
  font-weight: 500;
  font-family: "Montserrat", sans-serif  !important;
}

.login-wrap .registeration-link:hover {
  color: #ffffff; /* this will change the  "New user? Sign up & Purchase License Flow" hover text color */
}
.login-default-msg {
  color: #ffffff; /* this will change the  "Login description" text color */
  text-align: center;
  background-color: #e2f6fc;
  font-size: 11px;
  padding: 10px;
}
.cancel-license-wrap span {
  color: #d0cdcd; /* this will change the  "Cancel license purchase" text color */
}
.cancel-license-wrap span:hover {
  color: #b5b8b9; /* this will change the  "Cancel license purchase" text hover color */
}
.terms-condition-wrap p {
  color: #ffffff; /* this will change the  "Powered by Content Raven" text color */
}
.terms-condition-wrap a {
  font-size: 12px!important;
  color: #333;
}
.assessments-page-category {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.terms-condition-wrap a:hover {
  color: #ffffff; /* this will change the  "Terms & Conditions" hover text color */
}
.back-login a {
  color: #0A1B2D; /* this will change the  "Back To Login" text color */
}
.text-valid,
.login-page-wrap.registeration-page-wrap .error_msg {
  color: #f00000; /* this will change the error text color - bellow each required input field */
}
.login-alert-message {
  color: #000000; /* this will change the alert message color (popup) */
}
#logout-alert .pay-update-cart a {
  background: #b5b8b9; /* this will change the alert message button background color (logout popup) */
  color: #ffffff; /* this will change the alert message button text color (logout popup) */
}
#logout-alert .pay-update-cart a:hover {
  background: #670038; /* this will change the alert message button hover background color (logout popup) */
  color: #ffffff; /* this will change the alert message button hover text color (logout popup) */
}
#logout-alert .modal-header .close {
  color: #454545; /* this will change the alert message close icon (logout popup) */
}
.login-results-fail,
.login-results p.error {
  color: #f00000; /* this will change the error message text color - (The user name or password is incorrect) */
  background: #ffffff; /* this will change the error message background color - (The user name or password is incorrect) */
  border-color: #ffffff; /* this will change the error message border color - (The user name or password is incorrect) */
}

/* 12.Forgot password 
--------------------- */
#forgot-password .modal-header h4 {
  color: #333333; /* this will change the  "Forgot password - popup" Title text color */
}
#forgot-password .field-wrap label {
  color: #000000; /* this will change the  "Forgot password - popup" Primary Email Address lable text color */
}
#forgot-password .feedback-form .field-wrap input {
  border-color: #bbbbbb; /* this will change the  "Forgot password - popup" input border color */
  color: #55595c; /* this will change the  "Forgot password - popup" input text color */
  background: #ffffff; /* this will change the  "Forgot password - popup" input background color */
}
#forgot-password .forgot-pass-btn {
  background: #0A1B2D; /* this will change the  "Forgot password - popup" Send button background color */
  color: #ffffff; /* this will change the  "Forgot password - popup" Send button text color */
}
#forgot-password .forgot-pass-btn:hover {
  background: #b5b8b9; /* this will change the  "Forgot password - popup" Send button hover background color */
  color: #ffffff; /* this will change the  "Forgot password - popup" Send button hover text color */
}
#forgot-password .forgot-pass-btn.close {
  background: #d0cdcd; /* this will change the  "Forgot password - popup" Cancel button background color */
  color: #ffffff; /* this will change the  "Forgot password - popup" Cancel button text color */
}
#forgot-password .forgot-pass-btn.close:hover {
  background: #b5b8b9; /* this will change the  "Forgot password - popup" Cancel button hover background color */
  color: #ffffff; /* this will change the  "Forgot password - popup" Cancel button hover text color */
}

/* 13.Package List -  with login
--------------------- */
.package-heading h2 {
  color: #26313f; /* this will change the package header title color */
}
.package-filter .sortby_main label {
  color: #454545; /* this will change the sort by title color */
}
.package-filter .group-select button {
  background-color: #ffffff; /* this will change the "Sort By" button background color */
  color: #0A1B2D !important; /* this will change the "Sort By" button text color */
}
.package-filter .group-select .bootstrap-select.btn-group .dropdown-menu {
  border-color: #cccccc; /* this will change the "Sort By" dropdown border color */
  background: #ffffff; /* this will change the "Sort By" dropdown background color */
}
.package-filter
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li
  a
  span.text {
  color: #0A1B2D !important; /* this will change the "Sort By" dropdown text color */
}
.package-filter
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li.selected
  a
  span.text,
.package-filter
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li
  a:hover
  span.text {
  color: #0A1B2D !important; /* this will change the "Sort By" dropdown active text color */
}
.package-filter .date-range-form input.form-control,
.package-filter .search-inner-blk input.form-control {
  background: #ffffff; /* this will change the "Sort By" From To Date background color */
  color: #454545; /* this will change the "Sort By" From To Date color */
}
.date-range-form span.clear-date {
  color: #0A1B2D; /* this will change the clear date text color */
}
.package-slide-wrap {
  background: #ffffff; /* this will change the package list background color */
}
.package-slide-wrap:hover {
  border-color: #8dd5f3; /* this will change the package list hover border color */
}
.package-slide-wrap h3 {
  color: #444444; /* this will change the package name color */
  background: #f2f3f6; /* this will change the package name background color */
}
.package-slide-wrap:hover h3 {
  color: #0A1B2D; /* this will change the package hover name color */
}
.package-slide-wrap .package-price {
  color: #444444; /* this will change the package cost color */
}
.package-slide-wrap .package-desc {
  color: #000000; /* this will change the package description color */
}
.package-days-top p span,
.package-start-wrap .package-days span {
  color: #000000; /* this will change the package access/duration label text color */
}
.package-days-top {
  color: #000000; /* this will change the package access/duration text color */
}
.package-slide-wrap .package-start {
  background: #0A1B2D; /* this will change the package add to cart/Subscribe button background color */
  color: #ffffff; /* this will change the package add to cart/Subscribe button text color */
}
.package-slide-wrap .package-start:hover {
  background: #0A1B2D; /* this will change the package add to cart/Subscribe button background hover color */
  color: #ffffff; /* this will change the package add to cart/Subscribe button text hover color */
}
.package-wrap .owl-dot {
  background: #ffffff; /* this will change the package bottom circle background color */
  border-color: #0A1B2D; /* this will change the package bottom circle border color */
}
.package-wrap .owl-dot.active {
  background: #0A1B2D; /* this will change the package bottom active background color */
}
.redeem-license a {
  color: #0A1B2D; /* this will change the package bottom purchase license text color */
}
.redeem-license a:hover {
  color: #333333; /* this will change the package bottom purchase license text hover color */
}
.cart-items-package h4 {
  color: #0db90d; /*this will change the package top ordered list "Added in cart" text color */
}
.cart-items-package {
  background: #ffffff; /*this will change the package top ordered list "Added in cart" box background color */
  border-color: #c1c4c5; /*this will change the package top ordered list "Added in cart" box border color */
}
.cart-items-package .cart-item-title p.cart-title {
  color: #000000; /*this will change the package top ordered list package title text color */
}
.cart-items-package button.close {
  color: #888d90; /*this will change the package top ordered list close icon color */
  opacity: 1; /*this will change the package top ordered list close icon  opacity */
}
.cart-items-package button.close:hover {
  color: #0A1B2D; /*this will change the package top ordered list close icon hover color */
}
.cart-items-package .cart-item-title p.cart-title-amt {
  color: #000000; /*this will change the package top ordered list package amount text color */
}
.cart-item-total p.order-sum {
  color: #000000; /*this will change the package top ordered list package subtotal text color */
}
.cart-item-total p.order-item {
  color: #000000; /*this will change the package top ordered list package count text color */
}
.cart-item-total p.order-item span {
  color: #0A1B2D; /*this will change the package top ordered list package count color */
}
.cart-item-btn .edit-cart-btn {
  color: #0A1B2D; /*this will change the package top ordered list "Edit your cart" text color */
  background: #ffffff; /*this will change the package top ordered list "Edit your cart" text background color */
  border-color: #0A1B2D; /*this will change the package top ordered list "Edit your cart" text border color */
}
.cart-item-btn .proceed-cart-btn {
  color: #ffffff; /*this will change the package top ordered list "Proceed to Checkout" text color */
  background: #0A1B2D; /*this will change the package top ordered list "Proceed to Checkout" text background color */
  border-color: #0A1B2D; /*this will change the package top ordered list "Proceed to Checkout" text border color */
}
.cart-item-btn .edit-cart-btn:hover {
  color: #ffffff; /*this will change the package top ordered list "Edit your cart" hover text color */
  background: #000000; /*this will change the package top ordered list "Edit your cart" hover text background color */
  border-color: #000000; /*this will change the package top ordered list "Edit your cart" hover text border color */
}
.cart-item-btn .proceed-cart-btn:hover {
  color: #ffffff; /*this will change the package top ordered list "Proceed to Checkout" hover text color */
  background: #000000; /*this will change the package top ordered list "Proceed to Checkout" hover text background color */
  border-color: #000000; /*this will change the package top ordered list "Proceed to Checkout" hover text border color */
}
.nopackages-available {
  color: #d0cdcd; /*this will change the "No package available" text color */
}
.package-purchase {
  border-top-color: #83c339; /*this will change the "Purchased Tick icon" background color */
  color: #ffffff; /*this will change the "Purchased Tick icon" color */
}

/* 14.Package List - with out login
--------------------- */
.user-package-section .package-heading h2 {
  color: #ffffff; /* this will change the package header title color */
}
.user-package-section .package-filter .sortby_main label {
  color: #000000; /* this will change the sort by title color */
}
.user-package-section .package-filter .group-select button {
  background-color: #ffffff; /* this will change the "Sort By" button background color */
  color: #0A1B2D !important; /* this will change the "Sort By" button text color */
}
.user-package-section
  .package-filter
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu {
  border-color: #cccccc; /* this will change the "Sort By" dropdown border color */
  background: #ffffff; /* this will change the "Sort By" dropdown background color */
}
.user-package-section
  .package-filter
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li
  a
  span.text {
  color: #0A1B2D !important; /* this will change the "Sort By" dropdown text color */
}
.user-package-section
  .package-filter
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li.selected
  a
  span.text,
.user-package-section
  .package-filter
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li
  a:hover
  span.text {
  color: #0A1B2D !important; /* this will change the "Sort By" dropdown active text color */
}
.user-package-section .package-filter .date-range-form input.form-control,
.user-package-section .package-filter .search-inner-blk input.form-control {
  background: #ffffff; /* this will change the "Sort By" From To Date background color */
  color: #454545; /* this will change the "Sort By" From To Date color */
}
.user-package-section .date-range-form span.clear-date {
  color: #0A1B2D; /* this will change the clear date text color */
}
.user-package-section .package-slide-wrap {
  background: #ffffff; /* this will change the package list background color */
}
.user-package-section .package-slide-wrap:hover {
  border-color: #8dd5f3; /* this will change the package list hover border color */
}
.user-package-section .package-slide-wrap h3 {
  color: #444444; /* this will change the package name color */
  background: #f2f3f6; /* this will change the package name background color */
}
.user-package-section .package-slide-wrap:hover h3 {
  color: #0A1B2D; /* this will change the package hover name color */
}
.user-package-section .package-slide-wrap .package-price {
  color: #444444; /* this will change the package cost color */
}
.user-package-section .package-slide-wrap .package-desc {
  color: #000000; /* this will change the package description color */
}
.user-package-section .package-days-top p span,
.user-package-section .package-start-wrap .package-days span {
  color: #000000; /* this will change the package access/duration label text color */
}
.user-package-section .package-days-top {
  color: #000000; /* this will change the package access/duration text color */
}
.user-package-section .package-slide-wrap .package-start {
  background: #0A1B2D; /* this will change the package add to cart/Subscribe button background color */
  color: #ffffff; /* this will change the package add to cart/Subscribe button text color */
}
.user-package-section .package-slide-wrap .package-start:hover {
  background: #000000; /* this will change the package add to cart/Subscribe button background hover color */
  color: #ffffff; /* this will change the package add to cart/Subscribe button text hover color */
}
.user-package-section .package-wrap .owl-dot {
  background: #ffffff; /* this will change the package bottom circle background color */
  border-color: #0A1B2D; /* this will change the package bottom circle border color */
}
.user-package-section .package-wrap .owl-dot.active {
  background: #0A1B2D; /* this will change the package bottom active background color */
}
.user-package-section .redeem-license a {
  color: #0A1B2D; /* this will change the package bottom purchase license text color (Received a License Key? Click Here) */
}
.user-package-section .redeem-license a:hover {
  color: #333333; /* this will change the package bottom purchase license text hover color (Received a License Key? Click Here) */
}
.user-package-section .cart-items-package h4 {
  color: #0db90d; /*this will change the package top ordered list "Added in cart" text color */
}
.user-package-section .cart-items-package {
  background: #ffffff; /*this will change the package top ordered list "Added in cart" box background color */
  border-color: #c1c4c5; /*this will change the package top ordered list "Added in cart" box border color */
}
.user-package-section .cart-items-package .cart-item-title p.cart-title {
  color: #333333; /*this will change the package top ordered list package title text color */
}
.user-package-section .cart-items-package button.close {
  color: #888d90; /*this will change the package top ordered list close icon color */
  opacity: 1; /*this will change the package top ordered list close icon  opacity */
}
.user-package-section .cart-items-package button.close:hover {
  color: #0A1B2D; /*this will change the package top ordered list close icon hover color */
}
.user-package-section .cart-items-package .cart-item-title p.cart-title-amt {
  color: #000000; /*this will change the package top ordered list package amount text color */
}
.user-package-section .cart-item-total p.order-sum {
  color: #000000; /*this will change the package top ordered list package subtotal text color */
}
.user-package-section .cart-item-total p.order-item {
  color: #000000; /*this will change the package top ordered list package count text color */
}
.user-package-section .cart-item-total p.order-item span {
  color: #0A1B2D; /*this will change the package top ordered list package count color */
}
.user-package-section .cart-item-btn .edit-cart-btn {
  color: #0A1B2D; /*this will change the package top ordered list "Edit your cart" text color */
  background: #ffffff; /*this will change the package top ordered list "Edit your cart" text background color */
  border-color: #0A1B2D; /*this will change the package top ordered list "Edit your cart" text border color */
}
.user-package-section .cart-item-btn .proceed-cart-btn {
  color: #ffffff; /*this will change the package top ordered list "Proceed to Checkout" text color */
  background: #0A1B2D; /*this will change the package top ordered list "Proceed to Checkout" text background color */
  border-color: #0A1B2D; /*this will change the package top ordered list "Proceed to Checkout" text border color */
}
.user-package-section .cart-item-btn .edit-cart-btn:hover {
  color: #ffffff; /*this will change the package top ordered list "Edit your cart" hover text color */
  background: #000000; /*this will change the package top ordered list "Edit your cart" hover text background color */
  border-color: #000000; /*this will change the package top ordered list "Edit your cart" hover text border color */
}
.user-package-section .cart-item-btn .proceed-cart-btn:hover {
  color: #ffffff; /*this will change the package top ordered list "Proceed to Checkout" hover text color */
  background: #000000; /*this will change the package top ordered list "Proceed to Checkout" hover text background color */
  border-color: #000000; /*this will change the package top ordered list "Proceed to Checkout" hover text border color */
}
.user-package-section .nopackages-available {
  color: #d0cdcd; /*this will change the "No package available" text color */
}
.user-package-section .package-purchase {
  border-top-color: #670038; /*this will change the "Purchased Tick icon" background color */
  color: #ffffff; /*this will change the "Purchased Tick icon" color */
}

/* 15.Category packages - with login 
--------------------- */
.find-your-paths h2 {
  color: #000000; /* this will change the category text color */
}
.find-your-paths .cat-desc {
  color: #444444; /* this will change the category description color */
}
.find-your-paths .close-your-path {
  color: #444444; /* this will change the category package list close icon color */
}
.path-list {
  background: #ffffff; /* this will change the category package list background color */
}
.path-list-left > h3 {
  color: #000000; /* this will change the category package title text color */
  background: #dee0e9; /* this will change the category package title background color */
}
.paths-lists h3 span.p-cost {
  color: #670038; /* this will change the category package cost text color */
}
.paths-lists h3 span.p-name label {
  color: #000000; /* this will change the category package course start and end date text color */
}
.path-list-package-content {
  color: #000000; /* this will change the category package description text color */
}
.path-list-content .desc-tags h4,
.list-package-tags h3 {
  color: #000000; /* this will change the category package channel/learning path/subscription title text color */
}
.list-package-tags li {
  background: #999999; /* this will change the category package channel/learning path tag background color */
  color: #ffffff; /* this will change the category package channel/learning path tag text color */
}
.list-package-tags.purchase-packages .tags-list li:hover {
  background: #666666; /* this will change the category package channel/learning path tag background hover color */
}
.path-list .view-more-btn {
  color: #0A1B2D; /* this will change the category package view more/view less text color */
}
.path-list a.get-started-btn {
  color: #ffffff; /* this will change the category package "Add To Cart" button text color */
  background-color: #670038; /* this will change the category package "Add To Cart" button background color */
}
.path-list a.get-started-btn:hover {
  color: #ffffff; /* this will change the category package "Add To Cart" button hover text color */
  background-color: #000000; /* this will change the category package "Add To Cart" button hover background color */
}
.path-list .view-more-btn:hover {
  color: #d0cdcd; /* this will change the category package view more/view less text hover color */
}
.subscription-list li,
.long-desc-wrap {
  color: #000000; /* this will change the category package subscription list text color */
}
.subscription-list li span,
span.desc-label {
  color: #000000; /* this will change the category package subscription list label text color */
}
.add-cart-txt {
  color: #670038; /* this will change the "Added in cart" text color */
}

/* 16.Category packages - with out login 
--------------------- */
.user-package-section .find-your-paths h2 {
  color: #ffffff; /* this will change the category text color */
}
.user-package-section .find-your-paths .cat-desc {
  color: #ffffff; /* this will change the category description color */
}
.user-package-section .find-your-paths .close-your-path {
  color: #ffffff; /* this will change the category package list close icon color */
}
.user-package-section .path-list {
  background: #ffffff; /* this will change the category package list background color */
}
.user-package-section .path-list-left > h3 {
  color: #000000; /* this will change the category package title text color */
  background: #dee0e9; /* this will change the category package title background color */
}
.user-package-section .paths-lists h3 span.p-cost {
  color: #670038; /* this will change the category package cost text color */
}
.user-package-section .paths-lists h3 span.p-name label {
  color: #000000; /* this will change the category package course start and end date text color */
}
.user-package-section .path-list-package-content {
  color: #000000; /* this will change the category package description text color */
}
.user-package-section .path-list-content .desc-tags h4 {
  color: #ffffff; /* this will change the category package channel/learning path/subscription title text color */
}
.user-package-section .list-package-tags h3 {
  color: #000000; /* this will change the category package channel/learning path/subscription title text color */
}
.user-package-section .list-package-tags li {
  background: #999999; /* this will change the category package channel/learning path tag background color */
  color: #ffffff; /* this will change the category package channel/learning path tag text color */
}
.user-package-section .list-package-tags.purchase-packages .tags-list li:hover {
  background: #666666; /* this will change the category package channel/learning path tag background hover color */
}
.user-package-section .path-list .view-more-btn {
  color: #0A1B2D; /* this will change the category package view more/view less text color */
}
.user-package-section .path-list a.get-started-btn {
  color: #ffffff; /* this will change the category package "Add To Cart" button text color */
  background-color: #670038; /* this will change the category package "Add To Cart" button background color */
}
.user-package-section .path-list a.get-started-btn:hover {
  color: #ffffff; /* this will change the category package "Add To Cart" button hover text color */
  background-color: #000000; /* this will change the category package "Add To Cart" button hover background color */
}
.user-package-section .path-list .view-more-btn:hover {
  color: #d0cdcd; /* this will change the category package view more/view less text hover color */
}
.user-package-section .subscription-list li,
.user-package-section .long-desc-wrap {
  color: #000000; /* this will change the category package subscription list text color */
}
.user-package-section .subscription-list li span,
.user-package-section span.desc-label {
  color: #000000; /* this will change the category package subscription list label text color */
}
.user-package-section .back-login a {
  color: #00a9e4; /* this will change the back to login text color */
}
.user-package-section .back-login a:hover {
  color: #ffffff; /* this will change the back to login hover text color */
}
.user-package-section .add-cart-txt {
  color: #670038; /* this will change the "Added in cart" text color */
}

/* 17.Shopping Cart 
--------------------- */
li.cart-menu a.nav-link,
li.cart-menu a.nav-link:hover {
  color: #b1adad; /* this will change the cart icon color */
}
li.cart-menu a.nav-link span.spnCartCount {
  background: #670038; /* this will change the cart count background color */
  color: #ffffff; /* this will change the cart count text color */
}
.cart-header-section h2 {
  color: #0A1B2D; /* this will change the shopping cart text color */
}
.user-view-cart .cart-header-section h2 {
  color: #ffffff; /* this will change the shopping cart text color (with out login) */
}
.cart-empty-msg {
  color: #000000; /* this will change the shopping cart empty message text color */
}
.cart-empty-msg a {
  color: #0A1B2D; /* this will change the shopping cart empty message "Click Here" link text  color */
}
.user-package-section .cart-empty-msg {
  color: #ffffff; /* this will change the shopping cart empty message text color (with out login) */
}
.user-package-section .cart-empty-msg a {
  color: #d0cdcd; /* this will change the shopping cart empty message "Click Here" link text  color (with out login) */
}
.checkout-lists {
  background: #ffffff; /* this will change the shopping cart package list background color */
  color: #000000; /* this will change the shopping cart package list text color */
}
.total-checkout-bar {
  background: #ffffff; /* this will change the total cart background color */
}
.total-checkout-bar h3 {
  color: #000000; /* this will change the order summary text color */
}
.total-checkout-bar .total-price-list p,
.total-checkout-bar .total-qty {
  color: #000000; /* this will change the Total Qty 1 Items/Sub-Total/Total text color */
}
.total-checkout-bar .total-price-list .pay-update-cart a {
  color: #ffffff; /* this will change the Checkout button text color */
  background: #670038; /* this will change the Checkout button background color */
}
.total-checkout-bar .total-price-list .pay-update-cart a:hover {
  color: #ffffff; /* this will change the Checkout button hover text color */
  background: #666666; /* this will change the Checkout button background hover color */
}
.total-checkout-bar .total-price-list .pay-update-cart a:first-child {
  color: #ffffff; /* this will change the Continue Shopping button text color */
  background: #670038; /* this will change the Continue Shopping button background color */
}
.total-checkout-bar .total-price-list .pay-update-cart a:first-child:hover {
  color: #ffffff; /* this will change the Continue Shopping button hover text color */
  background: #666666; /* this will change the Continue Shopping button background hover color */
}

/* 18.User payment steps - with login
--------------------- */
.payment-steps li {
  color: #b5b8b9; /* this will change the payment step text color */
}
.payment-steps li .step-count {
  color: #333333; /* this will change the payment step count text color */
  background: #ffffff; /* this will change the payment step background color */
  border-color: #dddddd; /* this will change the payment step border color */
}
.payment-steps li.active .step-count {
  color: #ffffff; /* this will change the payment step count text color */
}
.payment-steps li.active {
  color: #333333; /* this will change the payment step count text color */
}
.payment-steps li.active span {
  background: #6ec159; /* this will change the payment step count background color */
  border-color: #6ec159; /* this will change the payment step count border color */
}
.last-step:after,
.step-line:before,
.step-line:after {
  background: #dddddd; /* this will change the payment step line color */
}
#button-pay,
.payment-user-info-wrap span.next-step {
  background: #670038; /* this will change the review order button background color */
  color: #ffffff; /* this will change the review order button text color */
}
#button-pay:hover,
.payment-user-info-wrap span.next-step:hover {
  background: #000000; /* this will change the review order button  hover background color */
  color: #ffffff; /* this will change the review order button hover text color */
}

/* 19.User payment steps - with out login 
--------------------- */
.user-package-section .payment-steps li {
  color: #d0cdcd; /* this will change the payment step text color */
}
.user-package-section .payment-steps li .step-count {
  color: #b5b8b9; /* this will change the payment step count text color */
  background: #ffffff; /* this will change the payment step background color */
  border-color: #b5b8b9; /* this will change the payment step border color */
}
.user-package-section .payment-steps li.active .step-count {
  color: #ffffff; /* this will change the payment step count text color */
}
.user-package-section .payment-steps li.active {
  color: #ffffff; /* this will change the payment step count text color */
}
.user-package-section .payment-steps li.active span {
  background: #b5b8b9; /* this will change the payment step count background color */
  border-color: #b5b8b9; /* this will change the payment step count border color */
}
.user-package-section .last-step:after,
.user-package-section .step-line:before,
.user-package-section .step-line:after {
  background: #d0cdcd; /* this will change the payment step line color */
}
.user-package-section #button-pay,
.user-package-section .payment-user-info-wrap span.next-step {
  background: #b5b8b9; /* this will change the review order button background color */
  color: #ffffff; /* this will change the review order button text color */
}
.user-package-section #button-pay:hover,
.user-package-section .payment-user-info-wrap span.next-step:hover {
  background: #000000; /* this will change the review order button background hover color */
  color: #ffffff; /* this will change the review order button text hover color */
}

/* 20.Billing address - with login
--------------------- */
.payment-user-info label {
  color: #000000; /* this will change the label text color */
}
.payment-col select,
.payment-col input,
.payment-user-info .payment-col select,
.payment-user-info .payment-col input {
  background: #ffffff; /* this will change the input/select background color */
  color: #000000; /* this will change the input/select text color */
}

/* 21.Billing address with out login 
--------------------- */
.user-package-section .payment-user-info label {
  color: #ffffff; /* this will change the label text color */
}
.user-package-section .payment-col select,
.user-package-section .payment-col input,
.user-package-section .payment-user-info .payment-col select,
.user-package-section .payment-user-info .payment-col input {
  background: #ffffff; /* this will change the input/select background color */
  color: #000000; /* this will change the input/select text color */
}

/* 22.Review Order - with login
--------------------- */
.payment-review-info .billing-adr h3 {
  color: #333333; /* this will change the Billing address title text color */
}
.payment-review-info .billing-adr p {
  color: #666666; /* this will change the address text color */
}
.payment-cart-item h3 {
  color: #333333; /* this will change the Cart items title text color */
}
.payment-cart-item li {
  background: #ffffff; /* this will change the Cart items package list background color */
}
.payment-cart-item h4 {
  color: #555555; /* this will change the Cart items package title text color */
}
.cart-package-info {
  color: #555555; /* this will change the Cart items package text color */
}

/* 23.Review Order - with out login 
--------------------- */
.user-package-section .payment-review-info .billing-adr h3 {
  color: #ffffff; /* this will change the Billing address title text color */
}
.user-package-section .payment-review-info .billing-adr p {
  color: #ffffff; /* this will change the address text color */
}
.user-package-section .payment-cart-item h3 {
  color: #ffffff; /* this will change the Cart items title text color */
}
.user-package-section .payment-cart-item li {
  background: #ffffff; /* this will change the Cart items package list background color */
}
.user-package-section .payment-cart-item h4 {
  color: #000000; /* this will change the Cart items package title text color */
}
.user-package-section .cart-package-info {
  color: #555555; /* this will change the Cart items package text color */
}

/* 24.Payment - with login 
--------------------- */
.payment-user-type-left li {
  color: #b5b8b9; /* this will change the payment title text color */
}
.payment-user-type-left li:hover,
.payment-user-type-left li.active {
  color: #670038; /* this will change the payment title text active/hover color */
}
.payment-user-card label {
  color: #000000; /* this will change the payment label (Card Number, Card Number, Cvv) color */
}
.input-wrapper {
  background: #ffffff; /* this will change the payment input background color */
}

/* 25.Payment - with out login 
--------------------- */
.user-package-section .payment-user-type-left li {
  color: #ffffff; /* this will change the payment title text color */
}
.user-package-section .payment-user-type-left li:hover,
.user-package-section .payment-user-type-left li.active {
  color: #ffffff; /* this will change the payment title text active/hover color */
}
.user-package-section .payment-user-card label {
  color: #ffffff; /* this will change the payment label color */
}
.user-package-section .input-wrapper {
  background: #ffffff; /* this will change the payment input background color */
}

/* 26.Confirmation - with login 
--------------------- */

.payment-confirmation .payment-success span {
  border-color: #30d968; /* this will change the Payment Successful Icon border color */
  color: #30d968; /* this will change the Payment Successful Icon color */
}
.payment-confirmation .payment-fail span {
  border-color: #f00000; /* this will change the Payment fail Icon border color */
  color: #f00000; /* this will change the Payment fail Icon color */
}
.payment-confirmation .payment-success p.pay-success-txt {
  color: #30d968 !important; /* this will change the Payment Successful text color */
}
.payment-confirmation .payment-fail p,
.payment-confirmation .payment-success p {
  color: #000000 !important; /* this will change the Payment Amount/Confirmation Number text color */
}
.pay-success-home a {
  background: #670038; /* this will change the home button background color */
  color: #ffffff; /* this will change the home button text color */
}
.pay-success-home a:hover {
  background: #000000; /* this will change the home button background hover color */
  color: #ffffff; /* this will change the home button hover text color */
}

/* 27.Confirmation - with out login 
--------------------- */
.user-package-section .payment-confirmation .payment-success span {
  border-color: #ffffff; /* this will change the Payment Successful Icon border color */
}
.user-package-section .payment-confirmation .payment-fail span {
  border-color: #f00000; /* this will change the Payment fail Icon border color */
}
.user-package-section .payment-confirmation .payment-success p.pay-success-txt {
  color: #ffffff !important; /* this will change the Payment Successful text color */
}
.user-package-section .payment-confirmation .payment-fail p,
.user-package-section .payment-confirmation .payment-success p {
  color: #ffffff !important; /* this will change the Payment Amount/Confirmation Number text color */
}
.user-package-section .pay-success-home a {
  background: #b5b8b9; /* this will change the Login button background color */
  color: #ffffff; /* this will change the Login button text color */
}
.user-package-section .pay-success-home a:hover {
  background: #000000; /* this will change the Login button background hover color */
  color: #ffffff; /* this will change the Login button hover text color */
}

/* 28.Redeem package popup 
--------------------- */
#add-redeem-license-key .modal-header h4 {
  color: #000000; /* this will change the title text color */
}
#add-redeem-license-key .license-key-wrap label {
  color: #000000; /* this will change the label  text color */
}
#add-redeem-license-key .license-key-wrap input[type="text"] {
  color: #000000; /* this will change the input color */
  border-color: #000000; /* this will change the input border color */
}
#add-redeem-license-key .license-key-wrap .license-submit-btn {
  background: #b5b8b9; /* this will change the submit button background color */
  color: #ffffff; /* this will change the submit button text color */
}
#add-redeem-license-key .license-key-wrap .license-submit-btn:hover {
  background: #000000; /* this will change the submit button hover background color */
  color: #ffffff; /* this will change the submit button hover text color */
}

/* 29.Category package details popup (info icon poup) 
--------------------- */
#category-package-details h4,
#package-details h4 {
  color: #000000; /* this will change the title text color */
}
#category-package-details .long-desc-wrap p,
#package-details .long-desc-wrap p {
  color: #000000; /* this will change the description text color */
}
#category-package-details .tags-list li,
#package-details .tags-list li {
  color: #ffffff; /* this will change the Tags text color */
  background: #999999; /* this will change the Tags background color */
}
.package-slide-wrap a.user-info-btn {
  color: #670038; /* this will change the "info icon" color */
}
.package-slide-wrap a.user-info-btn:hover {
  color: #670038; /* this will change the "info icon" hover color */
}

/* 30.Subscribe Message - popup 
--------------------- */
#subscribe-message .modal-header h4 {
  color: #000000; /* this will change the  "Subscribe Message - popup" title color */
}
#subscribe-message .modal-body .order-confirmation-msg {
  color: #000000; /* this will change the  "Subscribe Message - popup" message text color */
}
#subscribe-message .popup-btn-wrap a[title="Yes"] {
  background: #670038; /* this will change the  "Subscribe Message - popup" Yes button background color */
  color: #ffffff; /* this will change the  "Subscribe Message - popup" Yes button text color */
}
#subscribe-message .popup-btn-wrap a[title="Yes"]:hover {
  background: #888888; /* this will change the  "Subscribe Message - popup" Yes button hover background color */
  color: #ffffff; /* this will change the  "Subscribe Message - popup" Yes button hover text color */
}
#subscribe-message .popup-btn-wrap a[title="No"],
#subscribe-message .popup-btn-wrap a[title="Cancel"] {
  background: #670038; /* this will change the  "Subscribe Message - popup" No button background color */
  color: #ffffff; /* this will change the  "Subscribe Message - popup" No button text color */
}
#subscribe-message .popup-btn-wrap a[title="No"]:hover,
#subscribe-message .popup-btn-wrap a[title="Cancel"]:hover {
  background: #888888; /* this will change the  "Subscribe Message - popup" No button hover background color */
  color: #ffffff; /* this will change the  "Subscribe Message - popup" No button hover text color */
}

/* 31.Purchase license flow popup 
--------------------- */
#redeem-license-key .modal-header h4 {
  color: #000000; /* this will change the title text color */
}
#redeem-license-key .modal-body .order-confirmation-msg {
  color: #000000; /* this will change the message text color */
}
#redeem-license-key .pay-update-cart a[title="Yes"] {
  background: #b5b8b9; /* this will change the  "Purchase license flow - popup" Yes button background color */
  color: #ffffff; /* this will change the  "Purchase license flow - popup" Yes button text color */
}
#redeem-license-key .pay-update-cart a[title="Yes"]:hover {
  background: #000000; /* this will change the  "Purchase license flow - popup" Yes button hover background color */
  color: #ffffff; /* this will change the  "Purchase license flow - popup" Yes button hover text color */
}
#redeem-license-key .pay-update-cart a[title="No"] {
  background: #b5b8b9; /* this will change the  "Purchase license flow - popup" No button background color */
  color: #ffffff; /* this will change the  "Purchase license flow - popup" No button text color */
}
#redeem-license-key .pay-update-cart a[title="No"]:hover {
  background: #000000; /* this will change the  "Purchase license flow - popup" No button hover background color */
  color: #ffffff; /* this will change the  "Purchase license flow - popup" No button hover text color */
}

/* 32.Free Subscribe Message popup 
--------------------- */
#free-subscribe-message .modal-header h4 {
  color: #000000; /* this will change the  "Free Subscribe Message - popup" title text color */
}
#free-subscribe-message .order-confirmation-msg p {
  color: #000000; /* this will change the  "Free Subscribe Message - popup" message text color */
}

/* 33.Purchase Order Confirmation popup 
--------------------- */
#proceedcheckout-setting .modal-header h4 {
  color: #000000; /* this will change the  "Purchase Order Confirmation - popup" title text color */
}
#proceedcheckout-setting .modal-body .order-confirmation-msg {
  color: #000000; /* this will change the  "Purchase Order Confirmation - popup" message text color */
}
#proceedcheckout-setting .pay-update-cart a {
  background: #670038; /* this will change the  "Purchase Order Confirmation - popup" button background color */
  color: #ffffff; /* this will change the  "Purchase Order Confirmation - popup" button text color */
}
#proceedcheckout-setting .pay-update-cart a:hover {
  background: #670038; /* this will change the  "Purchase Order Confirmation - popup" button hover background color */
  color: #ffffff; /* this will change the  "Purchase Order Confirmation - popup" button hover text color */
}

/* 34.Terms and conditions popup 
--------------------- */
#terms-conditions .modal-header h4 {
  color: #000000; /* this will change the  "Terms and conditions - popup" title text color */
}
#terms-conditions .modal-body,
#terms-conditions .modal-body p {
  color: #000000; /* this will change the  "Terms and conditions - popup" description text color */
}
#terms-conditions .modal-body a {
  color: #670038; /* this will change the  "Terms and conditions - popup" description link text color */
}
#terms-conditions .modal-body a:hover {
  color: #b5b8b9; /* this will change the  "Terms and conditions - popup" description link text hover color */
}
#terms-conditions .pay-update-cart a {
  background: #670038; /* this will change the  "Terms and conditions - popup" button background color */
  color: #ffffff; /* this will change the  "Terms and conditions - popup" button text color */
}
#terms-conditions .pay-update-cart a:hover {
  background: #b5b8b9; /* this will change the  "Terms and conditions - popup" button background hover color */
  color: #ffffff; /* this will change the  "Terms and conditions - popup" button text hover color */
}

/* 35.Cancel redeem license key confirmation popup 
--------------------- */
#cancel-redeem-license-key .modal-header h4 {
  color: #000000; /* this will change the  "Cancel redeem license key - popup" title text color */
}
#cancel-redeem-license-key .modal-body .order-confirmation-msg {
  color: #000000; /* this will change the  "Cancel redeem license key - popup" description text color */
}
#cancel-redeem-license-key .pay-update-cart a {
  background: #84b125; /* this will change the  "Cancel redeem license key - popup" button background color */
  color: #ffffff; /* this will change the  "Cancel redeem license key - popup" button text color */
}
#cancel-redeem-license-key .pay-update-cart a:hover {
  background: #84b125; /* this will change the  "Cancel redeem license key - popup" button background color */
  color: #ffffff; /* this will change the  "Cancel redeem license key - popup" button text color */
}

/* 36.Thank you for signing up popup 
--------------------- */
#registeration-message .success_modal p {
  color: #000000; /* this will change the  "Thank you for signing up - popup" text color */
}
#registeration-message .modal_ok_btn {
  background: #670038; /* this will change the  "Thank you for signing up - popup" button background color */
  color: #ffffff; /* this will change the  "Thank you for signing up - popup" button text color */
}
#registeration-message .modal_ok_btn:hover {
  background: #000000; /* this will change the  "Thank you for signing up - popup" button hover background color */
  color: #ffffff; /* this will change the  "Thank you for signing up - popup" button hover text color */
}

/* 37.Awards - Overview */
.points-levels {
  color: #67686b; /* this will change the  "Awards - overview" point & level text color */
}
.level-bar {
  background: #d0cdcd; /* this will change the  "Awards - overview" level bar default background color*/
}
.level-bar-filled {
  background: #a8da05; /* this will change the  "Awards - overview" level bar filled background color*/
}
.overview-box li {
  background: #ffffff; /* this will change the  "Awards - overview" box background color*/
  border-color: #cccccc; /* this will change the  "Awards - overview" box border-bottom color*/
  box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 13%);
  border-radius: 2px;
}
.overview-box li h3 {
  color: #67686b; /* this will change the  "Awards - overview" box title color*/
}
.overview-box li h4 {
  color: #67686b; /* this will change the  "Awards - overview" box text color*/
}
.overview-box li a {
   /* this will change the  "Awards - overview" box link text color*/
  color: #000;
    border: 1px solid #5F5F60;
    padding: 6px 15px 6px 15px;
    font-weight: 500;
}

/* 38.Awards - Leaderboard */
.leaderboard-top-rank h3 {
  color: #67686b; /* this will change the  "Awards - Leaderboard" title text color */
}
.leaderboard-top-rank .bootstrap-select button {
  background: #ffffff; /* this will change the  "Awards - Leaderboard" select-box background color */
  color: #0fa9e6; /* this will change the  "Awards - Leaderboard" select-box text color */
}
.leaderboard-top-rank .bootstrap-select .dropdown-toggle:after {
  border-top-color: #b5b0b0; /* this will change the  "Awards - Leaderboard" select-box arrow color */
}
.leaderboard-top-rank .bootstrap-select .dropdown-menu {
  background: #ffffff; /* this will change the  "Awards - Leaderboard" select-box dropdown background color */
  border-color: #cccccc; /* this will change the  "Awards - Leaderboard" select-box dropdown border color */
}
.leaderboard-top-rank .bootstrap-select .dropdown-menu li a {
  color: #0A1B2D; /* this will change the  "Awards - Leaderboard" select-box dropdown text color */
}
.leaderboard-top-rank .bootstrap-select .dropdown-menu li.selected a,
.leaderboard-top-rank .bootstrap-select .dropdown-menu li:hover a {
  color: #2693ff; /* this will change the  "Awards - Leaderboard" select-box dropdown active text color */
}
.lb-date-filter {
  color: #676565; /* this will change the  "Awards - Leaderboard" date input field text color */
}
.date-group button {
  background: #0A1B2D; /* this will change the  "Awards - Leaderboard" date update button background color */
  color: #ffffff; /* this will change the  "Awards - Leaderboard" date update button color */
}
.rank-lists li {
  background: #ffffff; /* this will change the  "Awards - Leaderboard" list background color */
  border-color: #dddddd; /* this will change the  "Awards - Leaderboard"  list border color */
}
.rank-lists li,
.rank-lists li p {
  color: #67686b; /* this will change the  "Awards - Leaderboard"  list text color */
}
.users-list-scroll li.selecteduser,
.all-users-list li:hover {
  background: #f9f4e5; /* this will change the  "Awards - Leaderboard" list hover background color */
  border-color: #c8c8ca; /* this will change the  "Awards - Leaderboard"  list hover border color */
}
.users-list-scroll li.currentuser {
  background: #ece5ce; /* this will change the  "Awards - Leaderboard" currentuser list background color */
  box-shadow: 5px 2px 5px #9c9b96; /* this will change the  "Awards - Leaderboard" currentuser list box-shadow color */
}
.rank-lists.rank-list-head li {
  color: #333333; /* this will change the  "Awards - Leaderboard"  list header text color */
}
.rank-lists.rank-list-head li .sortbycolunm.active {
  color: #0fa9e6; /* this will change the  "Awards - Leaderboard"  list header text active color */
}
.user-details-popup {
  background: #ffffff; /* this will change the  "Awards - Leaderboard"  sidebar background color */
  border-color: #dddddd; /* this will change the  "Awards - Leaderboard"  sidebar border color */
}
.user-details-close span {
  color: #5f5d5d; /* this will change the  "Awards - Leaderboard"  sidebar close icon color */
  border-color: #b7b2b2; /* this will change the  "Awards - Leaderboard"  sidebar close icon border color */
}
.rank-lists .user-image span,
.user-details-meta .user-details-img span {
  background: #0A1B2D; /* this will change the  "Awards - Leaderboard"  no-image background color */
  color: #ffffff; /* this will change the  "Awards - Leaderboard"  no-image text color */
}
.user-details-meta h3 {
  color: #444444; /* this will change the  "Awards - Leaderboard" sidebar username text color */
}
.user-details-meta p {
  color: #444444; /* this will change the  "Awards - Leaderboard" sidebar emailid text color */
}
ul.user-details-points {
  border-color: #dddddd; /* this will change the  "Awards - Leaderboard" sidebar point & level border top color */
  color: #444444; /* this will change the  "Awards - Leaderboard" sidebar point & level text color */
}
.user-details-badges h2 {
  color: #444444; /* this will change the  "Awards - Leaderboard" sidebar badges heading text color */
}
.user-details-badges ul li {
  box-shadow: 0px 1px 2px #cccccc; /* this will change the  "Awards - Leaderboard" sidebar badges box-shadow color */
  background: #ffffff; /* this will change the  "Awards - Leaderboard" sidebar badges background color */
}
.user-details-badges ul li h3 {
  color: #67686b; /* this will change the  "Awards - Leaderboard" sidebar badges title text color */
}
.user-details-badges ul li p {
  color: #67686b; /* this will change the  "Awards - Leaderboard" sidebar badges description text color */
}

/*39.Awards - Trophy Case*/
.trophycase-list li {
  background: #ffffff; /* this will change the  "Awards - Trophy Case" box background color */
  border-color: #cccccc; /* this will change the  "Awards - Trophy Case" box border color */
}
.trophycase-list li h3 {
  color: #444444; /* this will change the  "Awards - Trophy Case" badge title color */
}
.trophycase-list li p {
  color: #444444; /* this will change the  "Awards - Trophy Case" badge description color */
}
.trophycase-list li h4 {
  color: #a7a4a4; /* this will change the  "Awards - Trophy Case" badge completed on date text color */
}
.trophycase-list li .tick-icon {
  background: #9fcd06; /* this will change the  "Awards - Trophy Case" badge tick icon background */
  color: #ffffff; /* this will change the  "Awards - Trophy Case" badge tick icon color */
}
.trophycase-list li .lock-icon {
  color: #000000; /* this will change the  "Awards - Trophy Case" badge lock icon color */
}

/*40.Awards - Info popup*/
.awards-section .modal-header .close {
  color: #5f5d5d; /* this will change the  "Awards"  popup close icon color */
  border-color: #b7b2b2; /* this will change the  "Awards"  popup close icon border color */
}
.awards-section .modal-header .close:hover {
  color: #5f5d5d; /* this will change the  "Awards"  popup close icon hover color */
  border-color: #b7b2b2; /* this will change the  "Awards"  popup close icon hover border color */
}
.awards-section .modal-header h4 {
  color: #000000; /* this will change the  "Awards   popup title text color */
}
.awards-section .modal-body h3 {
  color: #000000; /* this will change the  "Awards"  popup subtitle text color */
}
.awards-section .modal-body p {
  color: #454545; /* this will change the  "Awards"  popup text color */
}
.awards-section .modal-footer button {
  color: #ffffff; /* this will change the  "Awards"  popup button text color */
  background: #00a9e4; /* this will change the  "Awards"  popup button background color */
}
.awards-section .modal-footer button:hover {
  color: #ffffff; /* this will change the  "Awards"  popup button hover text color */
  background: #00a9e4; /* this will change the  "Awards"  popup button hover background color */
}

/*41.Awards - all type popups*/
.preview-popup .close-btn {
  color: #5f5d5d; /* this will change the  "Awards - all type popups"  close icon color */
  border-color: #b7b2b2; /* this will change the  "Awards - all type popups"  close icon border color */
}
.preview-popup .modal-body h2 span {
  color: #000000; /* this will change the  "Awards - all type popups"  message text color */
}
.preview-popup .modal-body h3 {
  color: #454545; /* this will change the   "Awards - all type popups" description text & rewarded text color */
}
.preview-popup .modal-body h2 strong,
.preview-popup .modal-body h3 strong {
  color: #454545; /* this will change the  "Awards - all type popups"  Point text color */
}
.preview-popup .level-bar {
  background: #d0cdcd; /* this will change the  "Awards - all type popups" level bar default background color*/
  color: #000000; /* this will change the  "Awards - all type popups" level bar text color */
}
.preview-popup .level-bar-filled {
  background: #670038; /* this will change the  "Awards - all type popups" level bar filled background color*/
}
.preview-popup .popup-button .buttonprimary {
  color: #ffffff; /* this will change the   "Awards - all type popups" button text color */
  background: #670038; /* this will change the   "Awards - all type popups" button background color */
}
.preview-popup .popup-button .checkbox label {
  color: #000000; /* this will change the  "Awards - all type popups" dont show again check box text color */
}

/*42.Self Registration Payment Mode*/
.payment-method-popup .close {
  color: #333333; /* this will change the  close button color */
}
.payment-method-popup .modal-title {
  color: #333333; /* this will change the  title color */
}
.payment-method-popup .modal-body ul li {
  color: #333333; /* this will change the  options color */
}
.payment-method-popup .radio-button label:before {
  background: #ffffff; /* this will change the radio-button background color */
  border-color: #dddddd; /* this will change the radio-button border color */
}
.payment-method-popup .radio-button i {
  color: transparent; /* this will change the radio-button tick icon color */
}
.payment-method-popup .radio-button input[type="radio"]:checked + label:before {
  background-color: #670038; /* this will change the radio-button active background color */
  border-color: #670038; /* this will change the radio-button active border color */
}
.payment-method-popup .radio-button input[type="radio"]:checked + label i {
  color: #ffffff; /* this will change the radio-button active tick icon color */
}
.payment-method-popup .payment-info-icon i {
  border-color: #670038; /* this will change the info icon border color */
  color: #670038 !important; /* this will change the info icon color */
}
.payment-info-desc {
  border-color: #cccccc; /* this will change the info description border color */
  background-color: #ffffff; /* this will change the info description background color */
  color: #333333; /* this will change the info description text color */
}
.payment-method-popup .modal-footer a {
  color: #ffffff; /* this will change the button text color */
  background-color: #670038; /* this will change the button background color */
  border-color: #670038; /* this will change the button border color */
}
.payment-method-popup .modal-footer a:hover {
  color: #670038; /* this will change the button hover text color */
  background-color: #ffffff; /* this will change the button hover background color */
  border-color: #670038; /* this will change the button hover border color */
}

/*43.Courses*/
.view-all-courses {
  background: #670038; /* this will change the "view all courses" button background color */
  color: #ffffff; /* this will change the "view all courses" button text color */
  border-color: #670038; /* this will change the "view all courses" button border color */
}
.view-all-courses:hover {
  background: #ffffff; /* this will change the "view all courses" button hover background color */
  color: #670038; /* this will change the "view all courses" button hover text color */
  border-color: #670038; /* this will change the "view all courses" button hover border color */
}
.course-section .prof-sub-header .sub-visible-content {
  background: #b5b8b9; /* this will change the "courses list" header background color */
  color: #fff; /* this will change the "courses list" header text color */
}
.course-section .assesment-list .lp-content-list {
  border-top-color: #b5b8b9; /* this will change the "courses list" border color */
}
.course-section .assesment-list .lp-content-list-tit h3,
.course-section .class-list > div {
  color: #464545; /* this will change the "courses list" text color */
}
.class-list .lp-content-action a {
  background: #ffffff; /* this will change the  "courses list" view button background color */
  color: #670038; /* this will change the "courses list" view button text color */
  border-color: #670038; /* this will change the "courses list" view button border color */
}
.class-list .lp-content-action a:hover {
  background: #670038; /* this will change the "courses list" view button background hover color */
  color: #ffffff; /* this will change the "courses list" view button text hover color */
  border-color: #670038; /* this will change the "courses list" view button border color */
}

/*44.My Profile*/
.prof-upgrd-btn {
  background: #0A1B2D; /* this will change the "upgrade" button background color */
  color: #ffffff; /* this will change the "upgrade" button text color */
  border-color: #0A1B2D; /* this will change the "upgrade" button border color */
}
.prof-upgrd-btn:hover {
  background: #0A1B2D; /* this will change the "upgrade" button hover background color */
  color: #ffffff; /* this will change the "upgrade" button hover text color */
  border-color: #0A1B2D; /* this will change the "upgrade" button hover border color */
}
.right_prof_sec .form-group input,
.right_prof_sec .form-group select {
  background: #ffffff; /* this will change the input-field background-color */
  color: #000000; /* this will change the  input-field text color */
  border-color: #000000; /* this will change the  input-field border color */
}
.contact-info-form .right_prof_sec label {
  color: #26313f; /* this will change the label color */
}
.left_prof_sec .delete-logo {
  color:#670038 ; /* this will change the "Remove" thump text color */
}
.right_prof_sec .reset-btn {
  background: #ffffff; /* this will change the "change password" button background color */
  color: #9f9f9f; /* this will change the "change password" button text color */
  border-color: #9f9f9f; /* this will change the "change password" button border color */
}
.right_prof_sec .reset-btn:hover {
  background: #ffffff; /* this will change the "change password" button hover background color */
  color: #670038; /* this will change the "change password" button hover text color */
  border-color: #670038; /* this will change the "change password" button hover border color */
}
.contact-info-form .save-btn {
  background: #b5b8b9; /* this will change the "save changes" button background color */
  color: #fff; /* this will change the "save changes" button text color */
  border-color: #b5b8b9; /* this will change the "save changes" button border color */
}
.contact-info-form .save-btn:hover {
  background: #670038; /* this will change the "save changes" button hover background color */
  color: #fff; /* this will change the "save changes" button hover text color */
  border-color:#670038; /* this will change the "save changes" hover button border color */
}

/* 45.Change password 
--------------------- */
#change_password .modal-header h4 {
  color: #000000; /* this will change the  "Change password - popup" Title text color */
}
#change_password .chng_pswd_frm .form-control.code-input {
  box-shadow: 0 2px 0 #670038; /* this will change the  "Change password - popup" input border color */
  color: #55595c; /* this will change the  "Change password - popup" input text color */
  background: #ffffff; /* this will change the  "Change password - popup" input background color */
}
#change_password .submit-btn {
  background: #b5b8b9; /* this will change the "Change password - popup" button background color */
  color: #fff; /* this will change the "Change password - popup" button text color */
  border-color: #b5b8b9; /* this will change the "Change password - popup" button border color */
}
#change_password .submit-btn:hover {
  background: #670038; /* this will change the "Change password - popup" button hover background color */
  color: #fff; /* this will change the "Change password - popup" button hover text color */
  border-color: #670038; /* this will change the "Change password - popup" hover button border color */
}

/*46.Subscription*/
.prof-sub-header .sub-visible-content {
  background: #ffffff;
  border-bottom: 2px solid #eceeef;
  border-top: 2px solid #eceeef;
}
.prof-sub-header .sub-visible-content p {
  color:#2d2d2d; /* this will change the "subscription list" header text color */
  font-family: "Montserrat", sans-serif  !important;
}
.sub-visible-content *,
.sub-visible-content p,
.sub-visible-content span {
  color: #2c2c2c; /* this will change the "subscription list" list text color */
 

}
.sub-visible-content {
  background: #ffffff; /* this will change the "subscription list" list background color */
}
.sub-hidden-content {
  border-top-color: #eceeef; /* this will change the "subscription list" list detail border color */
  background: #ffffff; /* this will change the "subscription list" list detail background color */
}
.sub-hidden-content * {
  color: #2c2c2c !important; /* this will change the "subscription list" detail text color */
}
.sub-visible-content .subsribed-type i {
  color: #000000; /* this will change the "Subscription Type Icon" color */
}
.show-dtl-btn,
.hide-dtl-btn {
  color: #454545; /* this will change the "Show & Hide" button text color */
  border-color: #b5b8b9; /* this will change the "Show & Hide" button border color */
}
.show-dtl-btn:hover,
.hide-dtl-btn:hover {
  color: #ffffff; /* this will change the "Show & Hide" button hover text color */
  border-color: #670038;
    background-color: #670038; /* this will change the "Show & Hide" button hover background color */
}

/*47.Video Assessment */
.assesment-box .info-box {
  background: #ffffff; /* this will change the "Video Assessment" Box background color */
  border-color: #ffffff; /* this will change the "Video Assessment" Box border color */
}
.assesment-box .current .info-box {
  background: #ffffff; /* this will change the "Video Assessment" active Box background color */
  border-color: #670038; /* this will change the "Video Assessment" active Box border color */
}
.assesment-box .info-box h2 {
  color: #6c6d6f; /* this will change the "Video Assessment" Box text color */
}
.assesment-box .info-box i {
  color: #670038; /* this will change the "Video Assessment" Box icon color */
}
.assesment-box .info-box h2 span {
  color: #670038; /* this will change the "Video Assessment" Box count color */
}
.assesment-box span.avg-score {
  color: #670038; /* this will change the "Video Assessment" Box Avg Score text color */
}
.assesment-list .bootstrap-select.btn-group .dropdown-menu li a span.text {
  color: #454545; /* this will change the "Sort By - Select option" color */
}
.assesment-list
  .bootstrap-select.btn-group
  .dropdown-menu
  li.selected
  a
  span.text,
.assesment-list
  .bootstrap-select.btn-group
  .dropdown-menu
  li
  a:hover
  span.text {
  color: #0A1B2D; /* this will change the "Sort By - Select option" hover color */
}
.assesment-list .bootstrap-select .dropdown-toggle::after {
  border-top-color: #0A1B2D; /* this will change the "Sort By - Select option" arrow color */
}
.assesment-list .bootstrap-select.btn-group .dropdown-menu {
  border-color: #cccccc; /* this will change the "Sort By" dropdown border color */
  background: #ffffff; /* this will change the "Sort By" dropdown background color */
}
.assesment-list .bootstrap-select button {
  background: #ffffff; /* this will change the "Sort By" menu background color */
  border-color: #cccccc; /* this will change the "Sort By" menu  border color */
  color: #454545; /* this will change the "Sort By" menu  text color */
}
.assesment-list .prof-sub-header .sub-visible-content {
  background: #414550; /* this will change the "Video Assessment" list header background color */
  color: #ffffff; /* this will change the "Video Assessment" list header text color */
}
.assesment-list .sub-visible-content *,
.assesment-list .sub-visible-content p {
  color: #ffffff; /* this will change the "Video Assessment" list header text color */
}
.assesment-list .lp-content-list h3 {
  color: #464545; /* this will change the "Video Assessment" list title color */
}
.assesment-list .lp-content-list p {
  color: #9e9e9e; /* this will change the "Video Assessment" contents list color */
}
.assesment-list .graded-points {
  color: #828181; /* this will change the "Video Assessment" Assigned Date & Due Date color */
}
.assesment-list .lp-content-action a {
  background: #ffffff; /* this will change the view button background color */
  color: #670038; /* this will change the view button text color */
  border-color: #670038; /* this will change the view button border color */
}
.assesment-list .lp-content-action a:hover {
  background: #670038; /* this will change the view button background hover color */
  color: #ffffff; /* this will change the view button text hover color */
  border-color: #670038; /* this will change the view button hover border color */
}
.vassessment-cbox label {
  color: #ffffff; /* this will change the video comment label color */
}
.vassessment-cbox textarea {
  background: #ffffff; /* this will change the video comment textarea background color */
  color: #454545; /* this will change the video comment textarea color */
  border-color: #cccccc; /* this will change the video comment textarea border color */
}
.vassessment-cbox span {
  background: #670038; /* this will change the video comment button background color */
  color: #ffffff; /* this will change the video comment button text color */
}
.vassessment-cbox span:hover {
  background: #000000; /* this will change the video comment button hover background color */
  color: #ffffff; /* this will change the video comment button hover text color */
}
.vassessment-cbox span.comment-cancel-btn {
  color: #670038; /* this will change the video comment close icon color */
  background: none;
}
.vassessment-cbox #learnervideocommandlimit {
  color: #ffffff; /* this will change the video comment limot text color */
}
.lp-content-action span {
  color: #670038; /* this will change the "Awaiting feedback" text color */
}
.assesment-list .lp-content-list p.manditoryfields {
  color: #f00000 !important; /* this will change the "Expired" text color */
}
#launchModal .modal-header h4 {
  color: #333333; /* this will change the "Video assessment" launch popup title color */
}
#launchModal .modal-header .close {
  color: #454545; /* this will change the "Video assessment" launch popup close icon color */
}
#launchModal.assess-dash-popup p a {
  color: #454545; /* this will change the "Video assessment" launch popup content list color */
}
#launchModal.assess-dash-popup p a:hover {
  color: #670038; /* this will change the "Video assessment" launch popup content list hover color */
}
.lp-detail-tabs .lp-tabs-menu li a span {
  color: #454545; /* this will change the "Open - waiting for review tab" tab color */
}
.lp-result-img span.no-img {
  background: #670038; /* this will change the "Open - waiting for review tab" profile background color */
  color: #fff; /* this will change the "Open - waiting for review tab" profile text color */
}
.assess-detail .lp-detail-tabs .tab-content h3 {
  color: #828181; /* this will change the "Open - waiting for review tab" title text color */
}
.assess-detail .lp-result-list .lp-result-name p {
  color: #828181; /* this will change the submited date text color */
}
.assess-detail .feedback-btn {
  color: #670038; /* this will change the "Open - waiting for review tab" feedback button color */
  border-color: #670038; /* this will change the "Open - waiting for review tab" feedback button border color */
}
.assess-detail .feedback-btn:hover {
  color: #ffffff; /* this will change the "Open - waiting for review tab" feedback button hover color */
  border-color: #670038; /* this will change the "Open - waiting for review tab" feedback button hover border color */
  background: #670038; /* this will change the "Open - waiting for review tab" feedback button hover background color */
}
.lp-detail-content p.text-red {
  color: #ad634a !important; /* this will change the "Open - waiting for review tab" overdue days text color */
}
.vjs-marker {
  background: #670038 !important; /* this will change the video assessment video marker color */
}
.video-js .vjs-play-progress {
  background-color: #e8e1e1 !important; /* this will change the video assessment video progress background color */
}
.video-js .vjs-big-play-button {
  border-color: #670038; /* this will change the video Play icon border color */
  color: #670038; /* this will change the video Play icon color */
  background-color: #ffffff; /* this will change the video Play icon background color */
}
.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
  border-color: #528001; /* this will change the video Play icon hover border color */
  color: #528001; /* this will change the video Play icon hover color */
  background-color: #ffffff; /* this will change the video Play icon hover background color */
}
.video-js .vjs-control {
  color: #ffffff; /* this will change the video Play Pause icon hover color (progress bar) */
}
.video-js .vjs-progress-holder .vjs-play-progress {
  color: #ffffff; /* this will change the video progress bar handle color */
}

/*Assessment grading section*/
.learner_grader_desc h3,
.learnersubmissions-title,
.assess-title {
  color: #616060; /* this will change the "Grader grading section" title color */
}
.learner_grader_desc .assess-feedback-description {
  background: #ffffff; /* this will change the "Learner & Grader description" background color */
}
.assess-feedback-description.lp-result-list a.accordion-toggle {
  color: #0A1B2D; /* this will change the View more & View less text color */
}
/*Learner Submission*/
.assess-feedback-description {
  background: #d0e3f5; /* this will change the Learner Submission section background color */
}
.lp-result-list-right {
  background: #ffffff; /* this will change the Learner Submission section background color */
}
.lp-result-list.assess-feedback-description .lp-result-name h3 {
  color: #616060; /* this will change the "Learner Submission" Name text color */
}
.lp-result-list.assess-feedback-description .lp-result-name p {
  color: #616060; /* this will change the "Learner Submission" submited date text color */
}
.assess-detail .lp-details-content > div p.learner-description {
  color: #616060; /* this will change the "Learner Submission" description text color */
}
.gradepoint-lists h4 {
  color: #616060; /* this will change the "Learner Submission" gradepoint text color */
}
.gradepoint-lists .info-icon-circle {
  color: #670038; /* this will change the "Learner Submission" gradepoint info icon color */
}
.gradepoint-list-items {
  background: #ffffff; /* this will change the "Learner Submission" gradepoint popup background color */
}
.gradepoint-list-items p label {
  color: #616060; /* this will change the "Learner Submission" gradepoint popup criteria color */
}
.gradepoint-list-items p span {
  color: #616060; /* this will change the "Learner Submission" gradepoint popup criteria point color */
}
.feedback-btn {
  color: #670038; /* this will change the "Learner Re-Submission" feedback button color */
  border-color: #670038; /* this will change the "Learner Re-Submission" feedback button border color */
}
.feedback-btn:hover {
  color: #ffffff; /* this will change the "Learner Re-Submission" feedback button hover color */
  border-color: #670038; /* this will change the "Learner Re-Submission" feedback button hover border color */
  background: #670038; /* this will change the "Learner Re-Submission" feedback button hover background color */
}

/*Feedback section*/
.assess-feedback-section-in {
  background: #ffffff; /* this will change the Feedback section background color */
}
.feedback-tab-menu ul li > label {
  color: #616060; /* this will change the Feedback section criteria name text color */
}
.pointslider-slide .noUi-target {
  border-color: #d3d3d3; /* this will change the Feedback section slider default border color */
  background: #dcdcdc; /* this will change the Feedback section slider default background color */
}
.pointslider-slide .noUi-horizontal .noUi-connect {
  background: #670038; /* this will change the Feedback section slider active background color */
}
.pointslider-slide .noUi-horizontal .noUi-handle {
  border-color: #670038; /* this will change the Feedback section slider Handle color */
}
.pointslider-slide .noUi-pips {
  color: #999999; /* this will change the Feedback section slider point count color */
}
.feedback-pop {
  border-color: #e2e0e0; /* this will change the Feedback section slider popup border color */
  background: #ffffff; /* this will change the Feedback section slider popup background color */
  box-shadow: 1px 2px 4px #e2e2e2; /* this will change the Feedback section slider popup box-shadow color */
}
.feedback-pop h2 {
  color: #807e7e; /* this will change the Feedback section slider popup title color */
}
.feedback-pop .clarity-info span {
  color: #670038; /* this will change the Feedback section slider popup point color */
}
.feedback-tab-menu ul li .clarity-info label {
  color: #616060; /* this will change the Feedback section slider popup point description color */
}
.feedback-pop .close-popup {
  color: #b4b1b1; /* this will change the Feedback section slider popup close icon color */
}
.feedback-pop .close-popup:hover {
  color: #670038; /* this will change the Feedback section slider popup close icon hover color */
}
.criteria-total {
  color: #670038; /* this will change the Feedback section criteria total points color */
  border-color: #dcdcdc; /* this will change the Feedback section criteria total points border color */
}
.feedback-tab-menu ul li label i {
  color: #cfcfcf; /* this will change the Feedback section criteria description icon color */
}
.feedback-tab-menu ul li label .dropdown-menu p {
  color: #616060; /* this will change the Feedback section criteria description text color */
}
.re-submission.checkbox label {
  color: #828181; /* this will change the Require Re-Submission text color */
}
.re-submission.checkbox .cbox {
  border-color: #670038; /* this will change the Require Re-Submission check box border color */
  color: #670038; /* this will change the Require Re-Submission check box checked color */
}
.assess-feedback-section-in .submitedlist p {
  color: #807e7e; /* this will change the Feedback section uploaded files color */
}

/*48.Notification*/
.notification-bell {
  color: #020202; /* this will change the notification bell icon color */
margin-top: 2px;}
.notification-bell span.spnCartCount {
  background: #0A1B2D; /* this will change the notification count background color */
  color: #ffffff; /* this will change the notification count text color */
}
a.read-notifi-link {
  background: #670038 !important; /* this will change the "Read all" notification background color */
  color: #fff !important; /* this will change the "Read all" notification text color */
}
a.read-notifi-link:hover {
  background: #fff !important; /* this will change the "Read all" notification hover background color */
  color: #670038 !important; /* this will change the "Read all" notification hover text color */
  border: 1px solid #670038 !important;
}
.notification-lists-wrap li {
  background: #ffffff; /* this will change the list background color */
  border-top-color: #eeeeee; /* this will change the list border color */
}
.notification-lists-wrap .user-text,
.top-notification-lists .user-text {
  color: #670038; /* this will change the type icon color */
}
.notify-user-content {
  color: #777777; /* this will change the content color */
}
.notifi-time {
  color: #aaaaaa; /* this will change the time text color */
}
.notify-user-content .notification-list-title,
.top-notification-lists .notify-user-content {
  color: #333333; /* this will change the title color */
}
.notification-lists-wrap li .view-notifi-link {
  background: #b5b8b9; /* this will change the view button background color */
  color: #ffffff; /* this will change the view button color */
}
.notification-lists-wrap li .view-notifi-link:hover {
  background: #670038; /* this will change the view button background color */
  color: #ffffff; /* this will change the view button color */
}
.notification-lists-head h3 {
  color: #000; /* this will change the Notification dropdown head title color */
}
.top-notification-lists a.all-notification {
  color: #0A1B2D; /* this will change the Notification dropdown "See all notifications" link color */
}
.top-notification-lists .notifylist-close {
  color: #777777; /* this will change the Notification dropdown list close icon color */
}
.top-notification-lists .notifylist-close:hover {
  color: #000000; /* this will change the Notification dropdown list close icon hover color */
}

/*49.Activity Dashboard*/
.assesment-box-left,
.assesment-box-right {
  background: #ffffff; /* this will change the Activity Dashboard box background color */
  box-shadow: 0px 2px 2px 1px #cccccc; /* this will change the Activity Dashboard box shadow color */
}
.assesment-box-left h3,
.assesment-box-right h3 {
  color: #aaaaaa; /* this will change the Activity Dashboard box title color */
}
.mydashboard-section .assesment-box .info-box h2 {
  color: #6c6d6f; /* this will change the "Video Assessment" Box text color */
}
.mydashboard-section .assesment-box .info-box i {
  color: #abafb1; /* this will change the "Video Assessment" Box icon color */
}
.mydashboard-section .assesment-box .current .info-box i,
.mydashboard-section .assesment-box .info-box:hover i {
  color: #0A1B2D; /* this will change the "Video Assessment" active Box icon color */
}
.mydashboard-section .assesment-box .info-box h2 span {
  color: #abafb1; /* this will change the "Video Assessment" Box count color */
}
.mydashboard-section .assesment-box .current .info-box h2 span,
.mydashboard-section .assesment-box .info-box:hover h2 span {
  color: #0A1B2D; /* this will change the "Video Assessment" active Box count color */
}

/* 50 Learning path Viewer
--------------------------*/
.view-close {
  color: #696969; /* this will change the close icon color */
}
.view-close-text {
  color: #000; /* this will change the close text color */
}
.btn-outline-blue {
  color: #65E3FF; /* this will change the view full path border color */
  border-color: #65E3FF; /* this will change the view full path text color */
}
.btn-outline-blue:hover {
  color: #65E3FF; /* this will change the view full path border color on hover */
  border-color: #65E3FF; /* this will change the view full path text color on hover */
}
.lp-detail-inner-sec h2 {
  color: #212529; /* this will change the next/previous content title color */
}
.lp-next-content .next-arrow,
.lp-previous-content .next-arrow {
  color: #670038; /* this will change the next/previous arrow color */
}
.lp-next-content .view-close-text,
.lp-previous-content .view-close-text {
  color: #ffffff; /* this will change the NEXT/PREV arrow text color */
}
.lp-detail-desc-wrap .lp-detail-inner-sec h2 {
  color: #212529; /* this will change the Learning path content title color */
}
.desc-nav li {
  color: #212529; /* this will change the Time/Status/Enrolled text color */
  border-color: #ddd; /* this will change the border color */
}
.cont-complete {
  color: #059c05; /* this will change the Completed/In progress text color */
}
.cont-not-start {
  color: #ff244a; /* this will change the Not started text color */
}
.sidebar-tab-heading {
  color: #4d5259; /* this will change the Description text color */
}
.lp-viewer-section .lp-video-assessment-wrap .lp-detail-inner-sec h2 {
  color: #333; /* this will change the assessment title text color */
}

/* 51 Take Survey
--------------------------*/
.take-servey-page .troubleshooting-stripe {
  background: #26313f; /* this will change the Survey title bar background color */
}
.take-servey-page .troubleshooting-stripe .stripe-title {
  color: #ffffff; /* this will change the Survey title text color */
}
.take-servey-page .stripe-close-btn {
  color: #ffffff; /* this will change the Close button color */
}
.servey-lists-wrap {
  background: #ffffff; /* this will change the Question background color */
}
.servey-list h3 {
  color: #333333; /* this will change the Question title color */
}
.servey-list span.required-servey {
  color: #ff0000; /* this will change the Question required(*) color */
}
.other-comments input,
.servey-list-input input,
.servey-list-input textarea {
  border-color: #cccccc; /* this will change the border color for Input & Textarea */
  background: #ffffff; /* this will change the background color for Input & Textarea */
}
.servey-list .max-length-txt {
  color: #999999; /* this will change the text color for Maximum character limit */
}
.matrix-choice-lists .checkmark,
.multiple-choice .custom-check-box .checkmark {
  background-color: #ffffff; /* this will change the border color for check box and radio buttom */
  border-color: #bbbbbb; /* this will change the background color for check box and radio buttom */
}
.custom-check-box input:checked ~ .checkmark {
  background-color: #2196f3; /* this will change the border color for selected check box and radio buttom */
  border-color: #2196f3; /* this will change the border color for selected check box and radio buttom */
}
.custom-check-box .checkmark:after {
  border-color: #ffffff; /* this will change the tick color for check box and radio buttom */
}
.multiple-choice .custom-check-box {
  color: #555555; /* this will change the option text color for check box and radio buttom */
}
.other-comments label {
  color: #333333; /* this will change the Other comment label color */
}
.promoter-score-head .score-left-txt,
.promoter-score-head .score-right-txt {
  color: #555555; /* this will change the Promoter score label color (Not at all likely, Extremely likely) */
}
.promoter-score span.first-box,
.promoter-score span {
  background: #ffffff; /* this will change the Promoter score box color */
  border-color: #dddddd; /* this will change the Promoter score box border color */
  color: #333333; /* this will change the Promoter score number color */
}
.promoter-score span.score-active,
.promoter-score span:hover {
  background: #209ed1; /* this will change the Promoter score background color for On hover and selected */
  color: #ffffff; /* this will change the Promoter score number color for On hover and selected */
}
.matrix-choice-clm-list {
  color: #555555; /* this will change the Matrix choice column text color */
}
.matrix-choice-row {
  color: #555555; /* this will change the Matrix choice row text color */
}
.matrix-choice-lists.even {
  background: #e0e0e0; /* this will change the Matrix choice row alternative background color */
}
.survey-submit span {
  color: #ffffff; /* this will change the Survey submit button text color */
  background: #670038; /* this will change the Survey submit button background color */
}
.survey-submit span:hover {
  color: #ffffff; /* this will change the Survey submit button text color on hover */
  background: #666666; /* this will change the Survey submit button background color on hover */
}

/* 52.Subscription
--------------------------*/
.subscription-new-design .package-filter h4.panel-title a {
  color: #3c3c3c; /* this will change the filter title text color */
}
.subscription-new-design .package-filter h4.panel-title a i {
  color: #6d6b6b; /* this will change the filter title icon color */
}
.subscription-new-design .package-filter h4.panel-title a,
.subscription-new-design .package-filter .collapse.in,
.subscription-new-design .package-filter .panel-group {
  border-color: #cecbcb; /* this will change the filter border color */
}
.subscription-new-design .checkbox-css {
  color: #757575; /* this will change the checkbox label text color */
}
.subscription-new-design .checkmark {
  border-color: #670038; /* this will change the checkbox border color */
  background-color: #ffffff; /* this will change the checkbox background color */
}
.subscription-new-design input:checked ~ .checkmark {
  background-color: #670038; /* this will change the checkbox active background color */
}
.subscription-new-design .checkbox-css .checkmark:after,
.subscription-new-design .checkbox-css .checkmark:before {
  border-color: #ffffff; /* this will change the checkbox checked icon color */
}
.subscription-new-design .selecting-option label.checkbox-css {
  color: #ffffff; /* this will change the Learning Type tags color */
  background-color: #929191; /* this will change the Learning Type tags background color */
}
.subscription-new-design .selecting-option label.selected.checkbox-css {
  color: #ffffff; /* this will change the Learning Type selected tags color */
  background-color: #414141; /* this will change the Learning Type selected tags background color */
}
.subscription-new-design
  .selecting-option
  .checkbox-css
  input:checked
  ~ .checkmark:before,
.subscription-new-design
  .selecting-option
  .checkbox-css
  input:checked
  ~ .checkmark:after {
  border-color: #ffffff; /* this will change the Learning Type selected tags close icon color */
}
.subscription-new-design .package-filter .form-control {
  background-color: #ffffff; /* this will change the textbox background color */
  color: #454545; /* this will change the textbox text color */
}
.subscription-new-design .package-filter form > span i {
  color: #bcbec1; /* this will change the textbox icon color */
}
.subscription-new-design .package-filter .ng5-slider .ng5-slider-bar {
  background: #d8e0f3; /* this will change the range slider default background color */
}
.subscription-new-design
  .package-filter
  .ng5-slider
  .ng5-slider-active.ng5-slider-pointer:after,
.subscription-new-design .package-filter .ng5-slider .ng5-slider-selection {
  background: #670038; /* this will change the range slider active background color */
}
.subscription-new-design .package-filter .ng5-slider .ng5-slider-pointer {
  background: #ffffff; /* this will change the range slider handle color */
}
.subscription-new-design .package-filter .ng5-slider .ng5-slider-bubble,
.subscription-new-design
  .package-filter
  .ng5-slider
  .ng5-slider-bubble.ng5-slider-limit {
  color: #454545; /* this will change the range slider price text color */
}
.subscription-new-design .resetfilter {
  background: #670038; /* this will change the filter reset button background color */
  color: #ffffff; /* this will change the filter reset button text color */
}
.subscription-new-design .resetfilter:hover {
  background: #666666; /* this will change the filter reset button hover background color */
  color: #ffffff; /* this will change the filter reset button hover text color */
}
.subscription-new-design .find-your-paths,
.subscription-new-design .path-list,
.subscription-new-design .path-list .view-more-btn {
  background: #ffffff; /* this will change the package, session, course list section background color */
}
.subscription-new-design .path-list-left .session-info li {
  color: #5a5959; /* this will change the package, session icons (learnig type, seats available, start date, end date, access) color */
}
.subscription-new-design .path-list-right .p-cost {
  color: #5a5959; /* this will change the package, session, course cost color */
}

/*Common Styles*/
a.user-info-btn {
  color: #0A1B2D; /* this will change the "info icon" color */
  margin-left:5px;
  margin-top:2px;
}
a.user-info-btn:hover {
  color: #0A1B2D; /* this will change the "info icon" hover color */
}
.remove-from-cart {
  color: #ec2323; /* this will change the "Remove icon" color */
}
.remove-from-cart:hover {
  color: #670038; /* this will change the "Remove icon"  hover color */
}
.content-view-button a {
  color: #000; /* this will change the "List & Grid view icon" color */
 
}
.content-view-button a:hover,
.content-view-button a.active {
  color: #0A1B2D; /* this will change the "List & Grid view icon" hover and active color */
}
a.user-like-btn,
a.user-like-btn i,
#more-info-box h2.more-info-title i {
  color: #888888; /* this will change the "Favorite icon" color */
  opacity: 1;
  margin-top: 1px;
}
.back-to-top a {
  background: #0A1B2D; /* this will change the "Back To Top" icon background color */
  color: #ffffff; /* this will change the "Back To Top" icon color */
}

/*New Tiles*/
a.user-info-btn-new {
  color: #888888; /* this will change the "info icon text" color*/
}
a.user-info-btn-new span {
  background-color: #888888; /* this will change the "info icon" background color*/
  margin-right: 18px;
}
a.user-info-btn-new:hover {
  color: #888d90; /* this will change the "info icon text" hover color*/
}
a.user-info-btn-new:hover span {
  background-color: #888888; /* this will change the "info icon" hover background color*/
}
span.more-info-icon {
  color: #9e9c9c; /* this will change the "more info dots icon" color*/
  display: flex;
  margin-bottom: 12px;
}
span.more-info-icon:hover {
  color: #00a9e4; /* this will change the "more info dots icon" hover color*/
}
#more-info-box h2.more-info-title {
  color: #454545; /* this will change the "More Info" Popup More Info text color */
  font-size: 18px;
  font-weight: bold;
  font-family:  "Montserrat", sans-serif  !important;
}

.videosection .content-status-grid.cont-notstarted,
.cont-notstarted-label {
  color: #fff; /* this will change the "Not Started" text color */
  background: #670038; /* this will change the "Not Started" background color */
  border-radius: 0px;
  margin-left: 0%;
  top: 31%;
  padding: 2px 8px 2px 8px;
  /* font-weight: 500; */
  font-size: 10px;
  position: absolute;
}

.videosection .content-status-grid.cont-inprogress,
.cont-inprogress-label {
  color: #fff; /* this will change the "In Progress" text color */
  background:#670038 ; /* this will change the "In Progress" background color */
  border-radius: 0px;
  margin-left: 0%;
  top: 31%;
  padding: 2px 8px 2px 8px;
  /* font-weight: 500; */
  font-size: 10px;
  position: absolute;
}

.videosection .content-status-grid.cont-completed,
.cont-completed-label {
  color: #fff; /* this will change the "Completed" text color */
  background: #670038; /* this will change the "Completed" background color */
  border-radius: 0px;
  margin-left: 0%;
  top: 31%;
  padding: 2px 8px 2px 8px;
  font-weight: 500;
  font-size: 12px;
  position: absolute;
}

.videosection .content-status-grid.cont-enrolled,
.cont-enrolled-label {
  color: #fff; /* this will change the "Enrolled" text color */
  background: #670038; /* this will change the "Enrolled" background color */
  border-radius: 0px;
  margin-left: 0%;
  top: 31%;
  padding: 2px 8px 2px 8px;
  /* font-weight: 500; */
  font-size: 10px;
  position: absolute;
}

.content-status-list-due.cont-notstarted {
  color: #fff; /* this will change the "Not Started" text color */
  background: #670038; /* this will change the "Not Started" background color */
  border-radius: 0px;
  margin-left: 0%;
  margin-top: 32%;
  padding: 2px 8px 2px 8px;
  font-weight: 500;
  font-size: 10px;
}

.content-status-list-due.cont-inprogress {
  color: #fff; /* this will change the "In Progress" text color */
  background: #670038; /* this will change the "In Progress" background color */
  border-radius: 0px;
  margin-left: 40%;
  margin-top: 32%;
  padding: 2px 8px 2px 8px;

  font-size: 11px;
}

.content-status-list-due.cont-enrolled {
    color: #fff;
    background: #000;
    border-radius: 0px;
    margin-left: 0%;
    margin-top: 32%;
    padding: 2px 8px 2px 8px;
    font-weight: 500;
    font-size: 12px;
}

.content-status-list-due.cont-enrolled {
  color: #fff; /* this will change the "Enrolled" text color */
  background: #670038; /* this will change the "Enrolled" background color */
  border-radius: 0px;
  margin-left: 0%;
  margin-top: 32%;
  padding: 2px 8px 2px 8px;
  font-weight: 500;
  font-size: 12px;
}
.cont-progress-bar > label {
  background: #e4e4e4; /* this will change the "progrss bar default background color */
}
.cont-progress-bar label label {
      background:#670038 ; /* this will change the "progrss bar completed % background color */
}
.overdue-text {
  color: #12d440; /* this will change the due date text color */
}

/*Resume video document popup*/
#video-alert .modal-header h4 {
  color: #000000; /* this will change the  Resume video - popup title color */
}
#video-alert .modal-header .close {
  color: #000000; /* this will change the  Resume video - popup close icon color */
  opacity: 1; /* this will change the  Resume video - popup close icon opcity */
}
#video-alert .video-alert-btn a {
  background: #670038; /* this will change the  Resume video - button background color */
  color: #ffffff; /* this will change the  Resume video - button text color */
}
#video-alert .video-alert-btn a:hover {
  background: #333333; /* this will change the  Resume video - button hover background color */
  color: #ffffff; /* this will change the  Resume video - button hover text color */
}
.contact-info-form label
{
  font-family: "Montserrat", sans-serif  !important;
}
.lp-detail-top-section small
{
  font-family: "Montserrat", sans-serif  !important;
}
.sidebar-tab-heading
{
  font-family: "Montserrat", sans-serif  !important;
}
.awards-section p.no-data-found, .lp-content-list p.no-data-found, .lp-detail-content p.no-data-found
{
  font-family: "Montserrat", sans-serif  !important;
}
.lp-detail-section-lists h4, .lp-detail-section-lists h4 a
{
  font-family: "Montserrat", sans-serif  !important;
}
#lp-certificate-message #completionMessage, #lp-certificate-message #completionMessage *, #lp-certificate-message h3
{
  font-family: "Montserrat", sans-serif  !important;
}
.asses-title
{
  font-family: "Montserrat", sans-serif  !important;
}
.learner-title
{
  font-family: "Montserrat", sans-serif  !important;
}
.assesmentv3 .description_content p
{
  font-family: "Montserrat", sans-serif  !important;
}
.assesmentv3 .rubric-content-wrapper .learner-title
{
  font-family: "Montserrat", sans-serif  !important;
}
.learner-list-title
{
  font-family: "Montserrat", sans-serif  !important;
}
.assesmentv3 .learner-list .learner-criteria-desc
{
  font-family: "Montserrat", sans-serif  !important;
}
#assessmentLpViewer .modal-header .close, #assessmentViewer .modal-header .close, #assessmentViewer1 .modal-header .close, #assessmentViewer2 .modal-header .close, #assessmentViewer3 .modal-header .close
{
  color:#670038 ;
}
.modal-header h4
{
  font-family: "Montserrat", sans-serif  !important;
}
/* .show-channel-list-btn
{
    top:100px !important;
} */
/* .tab-header li, .tab-header-detail li
{
    margin-bottom:1px !important;
    gomathi
} */
.channel_detail_list .result-list-view>ul .content-list-view-blk.content-status-list-overdue-wrap, .content-status-list-overdue-wrap
{
    padding-bottom: 0px !important;
}

/* Banner Responsive CSS */
@media only screen and (min-width: 320px) {
  .home-banner-slider-wrap.main-banner {
    min-height: auto !important;
  }
  .home-banner-slider-wrap.main-banner .bx-wrapper,
  .home-banner-slider-wrap.main-banner .bx-viewport {
    max-height: 100% !important;
    height: 100% !important;
  }
}
@media only screen and (min-width: 1600px) {
  .home-banner-slider-wrap.main-banner,
  .home-banner-slider-wrap .main-banner {
    height: 45vh;
    background-position: bottom !important;
  }
}
.home-banner-slider-wrap.main-banner .bx-wrapper,
.home-banner-slider-wrap.main-banner .bx-viewport {
  height: 100% !important;
}

@media only screen and (min-width: 1025px) and (max-width: 1599px) {
  .home-banner-slider-wrap.main-banner,
  .home-banner-slider-wrap .main-banner {
    height: 40vh;
    background-position: bottom !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .home-banner-slider-wrap.main-banner,
  .home-banner-slider-wrap .main-banner {
    height: 17vh;
    background-position: bottom !important;
  }
}
@media only screen and (max-width: 767px) {
  .main-banner {
    height: 10vh !important;
  }
}
/* Banner Responsive CSS */
@media only screen and (min-width: 320px) {
  .home-banner-slider-wrap.main-banner {
    min-height: auto !important;
  }
  .home-banner-slider-wrap.main-banner .bx-wrapper,
  .home-banner-slider-wrap.main-banner .bx-viewport {
    max-height: 100% !important;
    height: 100% !important;
  }
  .main-banner {
    min-height: auto !important;
  }
  .main-banner .bx-wrapper,
  .main-banner .bx-viewport {
    max-height: 100% !important;
    height: 100% !important;
  }
}
@media only screen and (min-width: 1600px) {
  .home-banner-slider-wrap.main-banner,
  .home-banner-slider-wrap .main-banner {
    height: 45vh;
    background-position: bottom !important;
  }
  .main-banner {
    height: 45vh;
    background-position: bottom !important;
  }
  .home-banner-slider-wrap.main-banner .bx-wrapper,
  .home-banner-slider-wrap.main-banner .bx-viewport {
    height: 100% !important;
  }
  .main-banner .bx-wrapper,
  .main-banner .bx-viewport {
    height: 100% !important;
  }
}

/* New design */
.cr-top-menu nav.header-menu {
  clear: none;
}
.cr-top-menu header,
.cr-top-menu-v3 header {
  height: 63px;
}
.cr-top-menu header .logo,
.cr-top-menu-v3 header .logo {
  /* margin: 14px 40px -11px 5px !important; */
}
.logo {
    font-size: 10px;
    height: 45px;
    overflow: hidden;
    float: left;
    margin: 0 40px;
    max-width: 200px;
}
.cr-top-menu ul.navbar-nav.page-menu li a,
.cr-top-menu-v3 ul.navbar-nav.page-menu li a {
  font-weight: 500 !important;
  border-bottom: 5px solid transparent;
  color:#5d5d5d;
  /* text-transform: uppercase; */
  /* letter-spacing: 2px; */
}
.navbar-nav .dropdown a.dropbtn {
  font-weight: 400;
  color: white;
  display: none;
}
.cr-top-menu ul.navbar-nav.page-menu li a.active,
.cr-top-menu ul.navbar-nav.page-menu li a:hover,
.cr-top-menu-v3 ul.navbar-nav.page-menu li a.active,
.cr-top-menu-v3 ul.navbar-nav.page-menu li a:hover {
  border-color: #c4c4c4;
  color:#552447;
  border-color: #670038;
  padding-bottom: 8px !important;
}

.nav-item .hdrgt_main .hdrgt_menu {
  width: 280px;
}
.cr-top-menu,
.cr-top-menu-v3 {
  background: #fff;
}
.page-title-wrap .language-filter {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #000;
}
.language-filter .mat-select-value {
  font-weight: 500;
  color: #000;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  font-weight: 500;
  color: #000;
}
.mat-select-arrow,
.mat-select-disabled .mat-select-value {
  color: #000;
}
.slide-outer-box .video-post {
  padding-top: 115px;
}

.slide-outer-box span.difficulty-tag {
  border-radius: 0px;
  padding: 2px 8px 2px 8px;
  /* font-weight: 500; */
  font-size: 10px;
  color: #fff;
  background:#670038;
  margin-top: -35%;
  float: right;
  position: relative;
  margin-left: 52%;
}
.slide-outer-box span.category-tag {
  color: #fff;
  background: #000;
  border-radius: 0px;
  margin-left: 0%;
  margin-top: 0%;
  padding: 2px 8px 2px 8px;
  font-weight: 500;
  font-size: 12px;
  float: right;
  display: none;
}
.slide-outer-box span.card-tag-assist,
.slide-outer-box .card-tags {
  font-weight: 500;
  font-size: 12px;
  color: #3e3e3e;
  display: none;
}
.slide-outer-box .video-inner-blk .video-cont h4 {
  padding-bottom: 47px;
}
.language-filter .mat-form-field-infix {
    border: 1px solid #bfbfbf;
    background: transparent;
    width: 150px;
    padding: 6px;
    border-radius: 0px;
    height: 40px !important;
    padding-left: 9px;
    font-size: 11px;
    padding-top: 11px;
}
.group-select button,
a.selectall_menulink,
a.sortby_menulink {
  box-shadow: none;
  padding-top: 6px;
  height: 30px;
  border: 1px solid #808080;
}
.chl-list-view-blk .content-list-view-blk {
    /* filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); */
    border: 1px solid #d2d2d2 !important;
    height: 114px;
    background: #f8f9fa;
}
.chl-list-view-blk .content-list-view-blk:hover {
  border: 1px solid #3c3c3c;
}
.lp-detail-content .title-col p > span,
.title-col p > span {
  font-size: 11px;
  color: #737373;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
}
.result-list-view .like-info-col.list-col a.user-like-btn {
    margin-top: 33px;
}
.result-list-view .like-info-col.list-col a.user-info-btn-new, .result-list-view .like-info-col.list-col a.user-like-btn {
    font-size: 0;
    margin: 32px 10px 0 0;
    line-height: 15px;
}
/* .show-channel-list-btn {
  top: 103px;
} */
.chl-list-view-blk .show-channel-list-btn span {
  border: 1px solid #c4c4c4;
  background: #c4c4c4;
  color: #000;
}
.chl-list-view-blk .show-channel-list-btn span:hover {
  color: #000;
  border-color: #000;
  background: #fff;
}
.chl-list-view-blk .channel-content-lists:before {
  background: #000;
  top: 11px;
}
.chl-list-view-blk .channel-content-lists {
  padding-top: 38px;
}
.chl-list-view-blk .channel-content-lists li {
  height: 93px;
  border-radius: 5px;
  border: 1px solid #d5d5d5;
}
.channel-content-lists .title-col {
  margin-top: 18px;
}
.more-info-action-col .action-btns {
  width: auto;
  margin-top: 22px;
}
.more-info-action-col .action-btns .action-btn {
  background: #fff;
  color: #000;
  border: 1px solid #670038;
  border-radius: 4px;
  font-size: 11px;
  padding: 6px 12px 6px;
}
.learning-path-top-sec {
  background: #670038;
}
.cr-top-menu,
.cr-top-menu-v3 {
  padding-top: 5px;
}
.video-cont .viewcount {
  color: #3e3e3e;
  font-weight: 600;
  font-size: 12px;
}

span.viewcount.duration-count {
  color: #000;
  font-weight: 500;
  font-size: 11px;
  margin-left: 0px;
}
.videosection span.viewcount span {
  color: #3e3e3e;
  font-weight: 500;
  font-size: 12px;
}
.languageFilterForm label {
    margin-right: 8px;
    font-size: 11px;
    font-weight: 400;
}
.language-info-icon {
  padding-left: 10px !important;
}
.class-calendar .fc-button-primary:not(:disabled).fc-button-active,
.class-calendar .fc-button-primary:not(:disabled):active {
  background-color: #0A1B2D;
  border-color: #0A1B2D;
}
.class-calendar .fc-button-primary.fc-next-button,
.class-calendar .fc-button-primary.fc-next-button:focus,
.class-calendar .fc-button-primary.fc-prev-button,
.class-calendar .fc-button-primary.fc-prev-button:focus {
  color: #0A1B2D;
}
.class-calendar .fc-unthemed td.fc-today .fc-day-number:after {
  background: #0A1B2D;
}
.cr-top-menu .top-notification-lists {
  width: 370px;
  top: 63px;
}
.top-notification-lists a.all-notification {
  color: #0A1B2D !important;
  padding: 15px 10px !important;
  font-weight: 600;
}
.slide-outer-box:hover {
  box-shadow: 0px 7px 28px rgb(32 33 36 / 30%);
}
.learning-path-top-description .breadcrumb-list-1 .icon-svg path {
  stroke: #fff;
}
.page-breadcrump li a,
.page-breadcrump li span {
  color: #fff;

  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
}
.page-breadcrump li:after {
  color: #fff;
}
.learning-path-top-left .custom-page-name {
  color: #fff;
  font-family: "Montserrat", sans-serif  !important;
}
.learning-path-top-sec h1 {
  color: #fff;
  font-size: 22px;
  margin-bottom: 26px;

  font-family: "Montserrat", sans-serif  !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
}
.learning-path-meta-info li.lp-updated-date > svg {
  width: 18px;
}
.learning-path-meta-info li svg,
.learning-path-meta-info li,
.learning-path-progress-text-wrap svg,
.learning-path-progress-text-wrap {
  fill: #fff;
  color: #fff;
  font-weight: 300;
}
.lp-precetage-txt {
  color: #fff;
}
.lp-detail-view-enabled .lp-detail-tabs .lp-tabs-menu li a {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 1px;
    text-align: left;
    font-family: "Montserrat", sans-serif  !important;
}
.lp-detail-view-enabled .lp-detail-tabs .lp-tabs-menu li a.active {
  color: #670038;
  border-bottom: 4px solid #670038;
}
.lp-detail-view-enabled .lp-detail-tabs .lp-tabs-menu li a:hover {
  color: #0A1B2D;
}
.lp-detail-tabs .lp-tabs-menu {
  border-color: #ccc;
  margin-bottom: 25px;
}
.lp-detail-view-enabled .long-description h1:after,
.lp-detail-view-enabled .long-description h2:after,
.lp-detail-view-enabled .long-description h3:after,
.lp-detail-view-enabled .long-description h4:after,
.lp-detail-view-enabled .long-description h5:after,
.lp-detail-view-enabled .long-description h6:after,
.lp-detail-view-enabled .lp-details-info h3:after {
  background:#670038;
  width: 13px;
  height: 13px;
}
.lp-detail-view-enabled .lp-details-info-list h5 {
  color: #0a1b2d;
  font-weight: 600;

  font-family: "Montserrat", sans-serif  !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0.06em;
  text-align: left;
}
.lp-detail-content .lp-details-info-list p {
  font-size: 12px;
  color: #000;
  font-weight: 500;
}
.lp-detail-view-enabled .lp-detail-icon svg {
  fill: #0A1B2D;
}
.lp-detail-icon {
  background: #ececec;
}
.lp-detail-content p {
  line-height: 21px;
  color: #000 !important;
  font-size: 14px;
  margin-bottom: 4px;

  font-family: "Montserrat", sans-serif  !important;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-align: left;
}
.lp-detail-content p a {
  color: #0A1B2D;
  font-weight: 600;
}
.lp-detail-content .long-description ul li:after {
  color: #0A1B2D;
}
.lp-detail-content .long-description ul li {
  color: #000;
}
.lp-detail-section-lists h4,
.lp-detail-section-lists h4 a {
  margin-top: 8px;
  color: #000;
}
.cr-page-channeldetail .chl-list-view-blk .title-col h4 a,
.cr-page-channeldetail .result-list-view .title-col h4 a,
.lp-detail-view-enabled .lp-detail-section-lists h4,
.lp-detail-view-enabled .lp-detail-section-lists h4 a {
  color: #000;
}
.lp-detail-section-list.open .brand-box-top i.fa-minus {
  color: #0A1B2D;
}
.brand-box-top .module-count {
  color: #0A1B2D;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.lp-detail-view-enabled .lp-content-action a:hover,
.lp-detail-view-enabled .lp-content-action a.btn-resume:hover,
.lp-detail-view-enabled .lp-content-action a.btn-completed:hover {
  background: #0A1B2D;
  color: #fff;
  border-color: #0A1B2D;
}
.lp-detail-view-enabled .lp-detail-tab-info h3 {
  color: #000000;

  font-family: "Montserrat", sans-serif  !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
}
.lp-detail-tab-info .sec-count {
 color: #555555;
  font-weight: 600;
}
.lp-detail-view-enabled .lp-detail-tab-info .start-learn {
  background:#670038;
  padding: 10px 0;
  font-size: 12px;
  margin-bottom: 16px;
  border: 1px solid #670038;
  border-radius: 1px;

  font-family: "Montserrat", sans-serif  !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0.05em;
}
.lp-detail-view-enabled .lp-detail-tab-info .start-learn:hover {
  background: #fff;
  border: 1px solid #670038;
  color: #670038;
  font-weight: 600;
}
.lp-detail-view-enabled .lp-detail-tab-btn span {
  border-color: #0A1B2D;
  color: #656565;
  /* background: #fff; */


  font-family: "Montserrat", sans-serif  !important;
font-size: 11px;
font-style: normal;
font-weight: 600;
line-height: 14px;
letter-spacing: 0em;

}
/* .lp-detail-view-enabled .lp-detail-tab-btn span:hover {
  border-color: 1px solid #670038 !important;
  color: #670038 !important; */
  /* background: #fff; */
/* } */
.lp-detail-view-enabled a.user-like-btn.active.favorite-txt span i,
.lp-detail-view-enabled a.user-like-btn.favorite-txt span:hover i {
  color: #0A1B2D;
}
.lp-detail-view-enabled .lp-detail-tab-btn span:hover i {
  color: #0A1B2D;
}
.lp-viewer-head-wrap .lp-viewer-head {
  background-color: #0A1B2D;
}
.cr-top-menu .viewer-section {
  margin-top: -62px;
}
.view-close-text,
.lp-back-btn .view-close-text {
  color: #fff;
  font-family: "Montserrat", sans-serif  !important;
}
.lp-next-content .view-close-text,
.lp-previous-content .view-close-text {
  color: #fff;
}
.view-close-text:hover,
.lp-back-btn .view-close-text:hover {
  color: #fff;
}
.lp-next-content .view-close-text,
.lp-previous-content .view-close-text:hover {
  color: #fff;
}
.sec-expand-icon i {
  color: #0A1B2D;
}
.lp-detail-section-list .brand-box {
  border: 1px solid #b4b4b4;
  box-shadow: none;
}
.lp-viewer-section .stripe-sidebar.show-sidebar {
  border: 0.5px solid #0A1B2D;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 50%);
}
.stripe-sidebar {
  padding-top: 20px;
}
.lp-viewer-section .stripe-sidebar {
  width: 24.5%;
}
.hide-lp-desc:hover {
  color: #0A1B2D;
  border-color: #0A1B2D;
}
.show-lp-desc:hover {
  background: #0A1B2D;
  color: #fff;
}
.save-notes-btn,
.save-notes-btn:focus {
  background: #670038 !important;
}
.lp-certificate-wrap .certificate-icon-wrap span {
  border: 1px solid #000;
  color: #000;
  font-family: "Montserrat", sans-serif  !important;
  font-weight: 600;
}
.lp-certificate-wrap .certificate-icon-wrap span:hover {
  background: #670038;
  color: #fff;
  border: 1px solid #670038;
}
.lp-detail-tab-info li {
  color: #000;
  font-weight: 500;
}
.modal-content .slidering a {
  color: #0A1B2D;
}
.slidering .fa-link {
  border: 2px solid #0A1B2D;
}
.uitube-alert-btn a {
  background: #0A1B2D !important;
}
.learning-path-top-description .short-description {
  color: #fff;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
}
.channel_detail_list .result-list-view > ul .chl-list-view-blk {
  margin-bottom: 20px;
}
.upgrade-btn {
  background: #0A1B2D;
  border: 2px solid #0A1B2D;
}
.upgrade-btn:hover {
  background: #fff;
  color: #0A1B2D;
}
.login-btn-header,
.login-register-btn a,
.login-wrap .login-btn {
     background:#670038;
     
     color: #ffffff !important;
     font-size: 13px !important;
     border-radius: 0px;
     padding: 6px 17px !important;
    font-family: "Montserrat", sans-serif  !important;
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #0A1B2D;
}
.login-register-btn {
    float: right;
    /* margin-top: 8px; */
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #0A1B2D;
}
.lp-detail-page .lp-detail-section-wraps .lp-detail-tags-lists span {
    text-decoration: none;
    background: #ffffff;
    color: #252525;
    border: 1px solid #ababab;
    border-radius: 30px;
    padding: 6px 10px 6px 10px;
    font-size: 8px;
}
.lp-detail-page .lp-detail-section-wraps .lp-detail-tags-lists span:hover {
  background-color: #fff;
  color: #0A1B2D;
}
.lp-detail-tab-content.group-select
  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 80%;
  border: 1px solid #000;
}
.cr-page-channeldetail .channel-detail-blk .chl-list-view-blk .img-col {
  margin: 34px 10px 0 15px;
}
.cr-page-channeldetail
  .lp-detail-view-enabled
  .channel-detail-blk
  .chl-list-view-blk
  .title-col {
  margin: 26px 0px;
}
.slider-scroll-wrap {
  height: auto;
}
.owl-carousel.owl-drag .owl-item {
  margin-right: 30px;
}
.cr-top-menu span.top-menu-search, .cr-top-menu-v3 span.top-menu-search{
  color: #fff;
  display: none;
}
.dropbtn{
  font-family: "Montserrat", sans-serif  !important;
}
.chl-enroll-btn{
  color: #000;
    border: 1px solid #000;
    border-radius: 4px;
}
.chl-enroll-btn:hover{
  color: #fff;
    border: 1px solid #0A1B2D;
    border-radius: 4px;
    background: #0A1B2D;
}
.lp-detail-view-enabled .lp-enroll-wrap p.enroll-msg{
  font-family: "Montserrat", sans-serif  !important;
}
.cr-page-channeldetail header, .cr-page-learningpath header{
  background: white;
}
/* .cr-top-menu header, .cr-top-menu-v3 header{
  border-bottom: 3px solid #ccc;
} */
.mydashboard-section .videosection .content-status-grid.cont-inprogress, .cont-inprogress-label {
  color: #000;
  background: #F0B352;
  border-radius: 4px;
  margin-left: 0%;
  top: 86%;
  padding: 1px 10px 1px 10px;
  font-weight: 500;
  font-size: 10px;
  position: absolute;
  left: 6.5%;
  display: none;
}
.mydashboard-section .videosection .videosection .content-status-grid.cont-notstarted,
.cont-notstarted-label{
  color: #000;
  background: #F0B352;
  border-radius: 4px;
  margin-left: 0%;
  top: 86%;
  padding: 1px 10px 1px 10px;
  font-weight: 500;
  font-size: 10px;
  position: absolute;
  
}
.mydashboard-section .videosection .content-status-grid.cont-completed,
.cont-completed-label{
  color: #000;
  background: #F0B352;
  border-radius: 4px;
  margin-left: 0%;
  top: 86%;
  padding: 1px 10px 1px 10px;
  font-weight: 500;
  font-size: 10px;
  position: absolute;
  left: 6.5%;
}
.mydashboard-section .videosection .content-status-grid.cont-enrolled,
.cont-enrolled-label{
  color: #000;
  background: #F0B352;
  border-radius: 4px;
  margin-left: 0%;
  top: 86%;
  padding: 1px 10px 1px 10px;
  font-weight: 500;
  font-size: 10px;
  position: absolute;
  left: 6.5%;
  display: none;
}

.search-form input {
    border: 1px solid #ddd;
    width: 100%;
    padding: 5px 48px 5px 5px;
    border-radius: 3px;
    font-size: 14px;
    color: #666;
    background: #fff;
    height: 40px;
}
.transcript-link{
  color: #000 !important;
}
.overview-box li h3 label{
  font-family: "Montserrat", sans-serif  !important;
}
.reset-btn-loader .login-loader, .submit-loader{
  background-color: #000;
  }
 .login-register-btn a:hover, a.login-btn-header:hover {
    color: black !important;
    background-color: white !important;
    border: 1px solid #000;
   
}

.showing-results.page-full-view .search-grid-col {
width:17.65%;
}
.search-sidebar-fixed {
background: #ffffff;
padding-top: 0;
padding-left: 29px;
padding-right: 0;
top: 214px;
position: absolute;
margin-left: 0;
}

.content-view-button {
    text-align: center;
    
    margin-top: 18px;
}

.advance-search-page .channel_bc {
margin-top: 0;
margin-left: 0;
padding-left: 0px;
}
.showing-results.page-full-view .search-grid-col {
width: 20%;
}
.videosection .video-cont h4 {
min-height: 90px;
}
.advance-search-page .result-grid-view {
margin-top: 20px;
}
.search-filter-icon,
.results-title{
display: none;
}
.search-sidebar-fixed .reset-btn input, 
.search-sidebar-fixed .reset-btn input:hover,
.search-sidebar-fixed .reset-btn input:focus {
height: auto;
border: none;
width: auto;
background: none;
color: #222121;
}
.showing-results.page-full-view{
margin-left: 300px;
padding-top:30px;
padding-left: 0;
padding-right: 0;
}
.search-sidebar-fixed form.search-form {
margin: 15px 0 25px 0;
width: 100%;
display: block;
}
.filter-category .panel-heading,
.filter-category .panel-subtitle,
.filter-category .panel-collapse{
border:none
}
.filter-category .panel-heading h4:before {
position: absolute;
content: "";

top: 20px;
z-index: -1;
left: 0;
right:0;
}
.filter-category h4.panel-title a {
color: #222121;
font-size: 14px;
display: inline;
background: #fff;
padding-right: 20px;
font-weight: 500;
font-family: "Montserrat", sans-serif  !important;

}


.search-sidebar-fixed form label:before {
background: #fff;
border: 1px solid #aaaaaa;
border-radius: 0;
padding-right: 10px;
margin-top: 2px;
}
.filter-category .panel.panel-default {
margin-bottom: 15px;
}
.filter-scroll .mCSB_scrollTools .mCSB_draggerRail {
background: #c0c0c0;
}
.search-sidebar-fixed form label.selected:before {
background-color: #053055;
border-color: #053055;
}
.filter-category h4.panel-title a:hover, 
.filter-category h4.panel-title a:focus {
color: #053055;
}
.search-sidebar-fixed .btn-outline-primary{
color: #053055;
}
.search-sidebar-fixed .btn-outline-primary:hover, 
.search-sidebar-fixed .btn-outline-primary:focus{
background-color: #053055;
}
.search-sidebar-fixed form label{
margin:10px 0;
}
.group-select button, 
a.sortby_menulink, 
a.selectall_menulink {
box-shadow: none;
border: 1px solid #fff;
color: #202124;
font-size: 13px;
}
.group-select .bootstrap-select.btn-group 
.dropdown-menu li a span.text {
color: #454545 !important;
}
.group-select .bootstrap-select.btn-group .dropdown-menu li.selected a span.text, 
.group-select .bootstrap-select.btn-group .dropdown-menu li a:hover span.text,
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
color: #670038 !important;
}
.filter-scroll .mCSB_scrollTools .mCSB_draggerRail,
.filter-scroll .mCustomScrollBox:hover>.mCSB_scrollTools .mCSB_draggerRail {
width: 6px;
}
.filter-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.filter-scroll .mCustomScrollBox:hover>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:4px;
}
.result-list-view .content-lock i {
font-size: 10px;
}
.result-list-view .content-lock {
top: 0px;
left: 0px;
border-radius: 0;
height: 20px;
}
.result-list-view .videosection .v-name, 
.result-list-view .img-col .v-name {
position: absolute;
left: 0;
top: 0;
margin: 0;
border-radius: 0;
}
.channel-count, .videosection .slide-outer-box.islp span.viewcount.duration-count, .search-filter i {
    display: block;
}

/* .search-filter i {
    top: 1px !important;
    right: 0px !important;
    background: #670038 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 14px !important;
    padding-bottom: 10px !important;
    color: #fff !important;
    height: 28px;
} */

.filter-category .panel-subtitle span:after, .filter-category .panel-heading h4 a:after, .filter-category .panel-subtitle span.active.opened:after, .filter-category .panel-heading.opened h4 a:after, .filter-category .panel-subtitle span.active:after {
    width: 8px;
    height: 8px;
    border-radius: 0;
    right: 5px;
    top: 5px;
    border: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    cursor: poRoboto;
    transform: rotate(-45deg);
}
.search-sidebar-fixed .reset-btn {
    position: absolute;
    top: 55px;
    right: 1px;
    z-index: 1;
}

.filter-category .panel-subtitle span.active.opened:after, .filter-category .panel-heading.opened h4 a:after {
    transform: rotate(135deg);
    top: 8px;
}

.group-select button, a.selectall_menulink, a.sortby_menulink {
    box-shadow: none;
    padding-top: 6px;
    height: 30px;
    border: 1px solid #808080;
}
.showing-results.page-full-view .search-grid-col {
width:20%;	
}

.advance-search-page .search-text-info {
    margin: 0;
    text-align: left;
    font-weight: bold;
    color: black;
    margin-left: 14px;
}
.cr-top-menu ul.navbar-nav.page-menu li a.active.deactive, .cr-top-menu-v3 ul.navbar-nav.page-menu li a.active.deactive{
  color: #fff;
}

.page-title-wrap.new-page-title-wrap {
    padding: 30px 20px 20px 20px;
    border-bottom: 1px solid #ccc;
}

.advance-search-page .search-text-info {
  margin: 0;
  text-align: left;
  margin-left: 14px;
  min-width: 120px;
  width: 155px;
}

.advance-search-page .result-grid-view {
margin-top: 20px;
}
.advance-search-page .result-list-view {
margin-left: 5px;
margin-top: 22px;
}
.cr-user-notlogged .dropdown {
    display: none;
}
.cr-top-menu ul.navbar-nav.page-menu .dropdown li a{
	color:#000000 !important;
	padding:0 15px;
}
.cr-top-menu ul.navbar-nav.page-menu .dropdown-content li {
	display:block !important;
}
.cr-top-menu ul.navbar-nav.page-menu .dropdown-content {
	padding-top:10px;
}

.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    font-size: 12px;
    border-top: 1px solid #eceeef;
}

.subscription-page .user_subsc_list li {
  box-shadow: none;
}

.user-language select {
  cursor: pointer;
  border: 1px solid #b8b8b8;
  box-shadow: 0 6px 5px -8px #999;
  margin-left: 170px;
}
.selected-tags-list li{
  border: 1px solid #0000004a;
  color: #000000bf;
  font-size: 11px;
}
.selected-tags-list-outer{
  display: flex;
  flex-wrap: wrap;
    align-items: center;
}
ul.selected-tags-list{
  margin-top: 0px;
  width: auto;
}
::selection{
  color: rgb(37 221 177);
}
.no-data-found
{
  font-family: "Montserrat", sans-serif  !important;
}
.check-box input[type=checkbox]:checked+label:before, .check-box input[type=radio]:checked+label:before, .radio-button input[type=checkbox]:checked+label:before, .radio-button input[type=radio]:checked+label:before
{
  background-color:#670038 ;
  border-color:#670038 ;
}
.certificate-icon-wrap span:hover
{
  color: #670038;
}
.assesmentv3 .lp-btn-outline:focus, .assesmentv3 .lp-btn-outline:hover
{
  border-color: #670038 !important;
  color: #670038 !important ;
}
.remaining-small-txt
{
  font-family: "Montserrat", sans-serif  !important;
}
.text-area-md label
{
  font-family: "Montserrat", sans-serif  !important;
}
.assesmentv3 .lp-btn-primary
{
  color: #ffffff !important ;
  background-color:#670038;
}
.assesmentv3 .lp-btn
{
  font-family: "Montserrat", sans-serif  !important;
}
.assesmentv3 .submission-container .submitedon
{
  font-family: "Montserrat", sans-serif  !important;
}
.assessment-viewer-wrap h2
{
  font-family: "Montserrat", sans-serif  !important;
}
.assessment-result-btn a, .assessment-viewer-wrap .assessment-btn
{
  background-color:#670038 ;
  border-bottom: 3px solid  #670038;
}
.selected-tags-list li:hover
{
  color:#670038 ;
  
}
.cont-completed-label, .content-status-list-due.cont-completed, .videosection .content-status-grid.cont-completed
{
 color: white;
 background-color: #670038;
 font-size: 11px;
 padding:2px 8px 2px 8px ;
 border-radius: 0px;
 margin-left: 0%;
 font-weight:500;
 
}
.fas.fa-redo:hover
{
    color: #0A1B2D !important;
}
.assessments-page-category.transcript-wrap .transcript-download-csv:hover .fa-download
{
    color: #0A1B2D !important;
}
/* .show-channel-list-btn
{
  top:99px !important;
} */
.show-channel-list-btn
{
  top:99px !important;
}

@media screen and (min-width: 1451px) and (max-width: 1750px) {
.showing-results.page-full-view .search-grid-col {
    width:25% !important;
}
}
@media screen and (min-width: 1280px) and (max-width: 1400px) {
.advance-search-page .showing-results.page-full-view .search-grid-col {
    width: 33% !important;
}
}
@media screen and (min-width: 100px) and (max-width: 768px) {
  .result-list-view .channel-content-lists .title-col,
  .chl-list-view-blk .channel-content-lists .title-col,
  .channel-detail-blk .chl-list-view-blk .title-col {
    margin-bottom: -26px;
    width: 100%;
  }
  .cont-status-col span.content-status-list-due {
    padding: 2px 8px 2px 8px;
    
    
  }
  .show-channel-list-btn
  {
    top:100px !important;
  }
  /* .list-view-blk .content-list-view-blk, .chl-list-view-blk .content-list-view-blk
  {
    padding-left:2px !important;
  } */
  .showing-results.page-full-view {
    margin-left: 0;
    padding-top: 0;
}
.cr-top-menu ul.navbar-nav.page-menu li a, 
.cr-top-menu-v3 ul.navbar-nav.page-menu li a {
	color:#000000 !important;
}
.cr-top-menu ul.navbar-nav.page-menu li a.active, 
.cr-top-menu ul.navbar-nav.page-menu li a:hover, 
.cr-top-menu-v3 ul.navbar-nav.page-menu li a.active, 
.cr-top-menu-v3 ul.navbar-nav.page-menu li a:hover {
color:#000 !important;	
}
.cr-top-menu .search-sidebar-fixed {
    height: 100vh !important;
}
.search-sidebar-fixed {
    background: #ffffff;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    top: 55px;
    position: absolute;
    z-index: 9;
    padding-bottom: 15px;
    margin-left: -300px;
    width: 300px;
    border: 1px solid #ccc;
    border-left: none;
}
.search-sidebar-fixed .search-filter-icon {
    display: block;
    background: #fff;
    border: 1px solid #ccc;
    border-left: none;
    top:70px;
}
.lp-detail-view-enabled .lp-detail-tab-info h3, .lp-detail-view-enabled .lp-detail-tab-info .sec-count {
  display: inline-block !important;
}
.lp-detail-view-enabled .lp-detail-tab-info {
  padding-top: 20px !important;
}
.page-breadcrump {
  padding-top: 12px;
}

} 

@media screen and (min-width: 100px) and (max-width: 600px) {
.advance-search-page .showing-results.page-full-view .search-grid-col {
    width: 100% !important;
}
.advance-search-page .page-title-wrap .sortby_main, .advance-search-page .selectall_main {
    float: left !important;
    min-width: 100% !important;
}
/* .advance-search-page .selectall_main .group-select {
	margin-left:48px;
} */
.page-title-wrap .language-filter {
    float: left;
    margin-right: 0;
    margin-top: 10px;
}
.sortby_main .group-select {
    float: left;
    width:100%;
}
.advance-search-page .sortby_main label, .advance-search-page .languageFilterForm label {
display: none;
}
.language-filter .form-control.mat-form-field {
  border: none;
  width: auto;
  min-width: 244px;
  background-color: transparent;
  margin-left: 20px;
}
.header-mobile-search {
	display:none;
}
 .notification-bell {
	background: transparent;
    border: 0;
    font-size: 16px;
    margin-top: 0px;
 }
 .mobile-menu-slide span {
   background: #fff;
 }
 .mydashboard-section .tab-header > ul {
	 white-space: nowrap;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    bottom: -6px;
 }
 /* .mydashboard-section .content-view-button {
	 display:none;
 } */
 /* G change */
 .dashboard-search .search-form {
	 margin:10px 0;
 }
 .user-language select {
  margin-left:0px;
 }
 #login-form-wrap {
   padding:24px !important;
 }
 .hdrgt_main {
   margin-right: 10px !important;
 }
 .cr-page-myprofile .language-filter .form-control.mat-form-field {
   margin-left: 0 !important;
 }
 /* .page-title-wrap .content-view-button {
   display: none;
 } */
 .sortby_main label {
   display: none;
 }
 a.user-info-btn {
   margin-left: 8px;
 }
}

@media screen and (min-width: 1019px) and (max-width: 1100px) {
.advance-search-page .showing-results.page-full-view .search-grid-col {
  width: 50% !important;
}
}
@media screen and (min-width: 600px) and (max-width: 1020px) {
.advance-search-page .showing-results.page-full-view .search-grid-col {
  width: 50% !important;
}
.page-title-wrap .language-filter {
  margin-top: 10px;
}

}

@media screen and (min-width: 1021px) and (max-width: 1100px) {
.showing-results.page-full-view .search-grid-col {
width: 50% !important;
}
}
@media only screen and (max-width: 1024px){
.advance-search-page .showing-results.page-full-view .search-grid-col {
width: 50%;
}

 .cr-login-register-uiversion-1 .login-page-wrap.registeration-page-wrap .login-wrap #registration_form, .cr-uiversion-3 .login-page-wrap.registeration-page-wrap .login-wrap #registration_form
{
  width: 100% !important;
} 
.cr-login-register-uiversion-1 .login-page-wrap.registeration-page-wrap .login-wrap #registration_form, .cr-login-register-uiversion-1 .login-wrap #login-form-wrap, .cr-uiversion-3 .login-page-wrap.registeration-page-wrap .login-wrap #registration_form, .cr-uiversion-3 .login-wrap #login-form-wrap
{
  padding:40px 21px !important;
}
/* .list-view-blk .content-list-view-blk, .chl-list-view-blk .content-list-view-blk
{
    padding-left: 0px !important;
} */
/* div.content-list-view-blk .cont-status-col span.content-status-list-due
{
    margin-top:20px !important;
} */

div.content-list-view-blk .cont-status-col span.content-status-list-due
{
  margin-top:8px !important;
}
.tab-header li
{
  min-height:39px !important;
}
}

.advance-search-page span.viewcount{
  display: none;
}
.advance-search-page span.cont-count-list{
  display: none;
}
.advance-search-page span.duration-count{
  display: unset !important;
}
.new-dashboard .slide-outer-box .duration-count{
  display: none;
}
.new-dashboard .cont-count-list{
  display: none;
}
.new-dashboard .slide-outer-box span.viewcount{
  display: none;
}
.videosection .slide-outer-box span.viewcount.duration-count{
  display: block;
}
.cr-top-menu ul.navbar-nav.page-menu, .cr-top-menu-v3 ul.navbar-nav.page-menu
{
  width: calc(98% - 380px) !important;
}
.cr-top-menu header, .cr-top-menu-v3 header
{
  border-bottom: none !important;
}
/*
Index
-------------
1.Header
2.Sidebar
3.Home
4.Banner Alignment
5.Metadata library
6.Channels, Learning path, courses and awards
7.Advance Search
8.Filter icons CSS
9.Channels Detail
10.Learning path Detail
11.Login & User Registration
12.Forgot password
13.Package List - with login
14.Package List - with out login
15.Category packages - with login
16.Category packages - with out login
17.Shopping Cart
18.User payment steps - with login
19.User payment steps - with out login
20.Billing address - with login
21.Billing address with out login
22.Review Order - with login
23.Review Order - with out login
24.Payment - with login
25.Payment - with out login
26.Confirmation
27.Confirmation - with out login
28.Redeem package popup
29.Category package details popup (info icon poup)
30.Subscribe Message popup
31.Purchase license flow popup
32.Free Subscribe Message popup
33.Purchase Order Confirmation popup
34.Terms and conditions popup
35.Cancel redeem license key confirmation popup
36.Thank you for signing up popup
37.Awards - Overview
38.Awards - Leaderboard
39.Awards - Trophy Case
40.Awards - Info popup
41.Awards - all type popups
42.Self Registration Payment Mode
43.Courses
44.My Profile
45.Change password
46.Subscription
47.Video Assessment 
48.Notification
49.Activity Dashboard
50.Learning Path Viewer
51.Take Survey
52.Subscription
Common Styles
New Tiles
*/

/* 1.Header
--------------------- */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,600&display=swap");
span, p, a, body, h1, h2, h3, h4, h5, h6, span {
  font-family: "Montserrat", sans-serif  !important;
}
header {
  background: #ffffff; /* this will change the Website Masthead Color (top menu background color) */
  padding: 17px !important;
}
header.main-header.self-reg {
  background: #ffffff; /* this will change the Website Masthead Color (top menu background color) Self Registration */
}
nav.header-menu ul li a,
.mobile-cart-login li.cart-menu a,
.mobile-cart-login li.my-acnt a {
  color: #0A1B2D; /* this will change the top menu text color */
}

nav.header-menu ul li a.active,
nav.header-menu ul li a:hover {
  color: #000000; /* this will change the top menu text rollover color */
}
.search-inner-blk .btn.btn-default {
  background: #ffffff; /* this will change the search Library background color */
  color: #0A1B2D; /* this will change the search Library text color */
}
.search-inner-blk .btn.btn-default:after {
  border-top-color: #d4d2d2; /* this will change the search Library dropdown arrow color */
}
header .input-group .form-control,
.main-banner .input-group .form-control,
.banner-search .input-group .form-control,
.col-md-12.search-blk .form-control {
  background-color: #ffffff; /* this will change the search text box background color */
  color: #000000; /* this will change the search text box text color */
}
.logo img {
    max-width: 100%;
    height: auto;
    display: block;
    max-height: 45px;
    background-color: #ffffff;
}
.search-inner-blk .input-group-btn .btn.btn-default {
  background-color: #670038 !important; /* this will change the search icon background color */
  color: #ffffff; /* this will change the search icon color */
}
.search-inner-blk .input-group-btn .btn.btn-default:hover {
  background-color: #65E3FF; /* this will change the search icon background rollover color */
  color: #ffffff; /* this will change the search icon rollover color */
}
ul li.my-acnt .hdrgt_menu ul li a {
  color: #670038 !important; /* this will change the profile dropdown menus color */
  border-bottom: 2px solid rgb(217, 217, 217);
  font-size: 14px;
  padding: 4% 0% 4% 5%;
  width: 100%;
  font-weight: 500;
  font-family: "Montserrat", sans-serif  !important;
}
ul li.my-acnt .hdrgt_menu ul li:hover a,
ul li.my-acnt .hdrgt_menu ul li a:hover {
  color: #ffffff !important; /* this will change the profile dropdown menus hover text color */
  background-color:#670038; /* this will change the profile dropdown menus hover background color */
}
ul li.my-acnt .hdrgt_menu ul li a.upgrd-btn {
  background:#ffffff !important; /* this will change the upgrade button background color */
  color: #670038 !important; /* this will change the upgrade button text color */
  padding: 4% 0% 4% 0%;
  width: 50%;
  margin: 15px 15px 15px 70px;
  border: 1px solid #670038 !important;
}
ul li.my-acnt .hdrgt_menu ul li a.upgrd-btn:hover {
  background: #670038 !important; /* this will change the upgrade button hover background color */
  color: #ffffff !important; /* this will change the upgrade button hover text color */
  border: 1px solid #670038 !important;
}
.hdrgt_main .hdrgt_menulink span {
  background: #c9e1fa; /* this will change the header profile no-image background color */
  color: #0a1b2d; /* this will change the header profile no-image text color */
}
.hdrgt_menulink:after {
  border-top-color: #ffffff !important; /* this will change the header profile dropdown arrow color */
}

/* 2.Sidebar */
nav.header-menu ul.navbar-nav.page-menu,
.closemobilemenu {
  background: #0A1B2D; /* this will change the  "Left-nav menu" background color */
}
nav.header-menu ul.navbar-nav.page-menu li a {
  border-color: #0A1B2D; /* this will change the  "Left-nav menu" border color */
  color: #ffffff !important; /* this will change the  "Left-nav menu" icon color */
}
nav.header-menu ul.navbar-nav.page-menu li a.active,
nav.header-menu ul li a.active,
nav.header-menu .navbar-nav.page-menu li a.nav-link.active {
  color: #ffffff !important; /* this will change the  "Left-nav menu" active menu color */
  background: #f8f8f8; /* this will change the  "Left-nav menu" active menu background color */
}
nav.header-menu ul.navbar-nav.page-menu li a:hover {
  color: #65E3FF !important; /* this will change the  "Left-nav menu" active menu color */
}

/* 3.Home
--------------------- */
.home-tab-block .tab-tops {
  background: #3a3a3a; /* this will change the slide menu background color */
}
.home-tab-block .tabs-menu li a.tab-link {
  color: #ffffff; /* this will change the slide menu text color */
}
.home-tab-block .tabs-menu li a.tab-link:hover,
.tabs-menu .current a.tab-link {
  color: #65E3FF; /* this will change the slide menu text rollover and active color */
}
.home-tab-block .tabs-menu li.current a.tab-link:after {
  border-color: #65E3FF; /* this will change the slide menu text underline color */
}
.home-tab-block .tab-tops .bx-wrapper .bx-prev::before,
.home-tab-block .tab-tops .bx-wrapper .bx-next::before {
  color: #ffffff; /* this will change the slide menu arrows color */
}
.home-tab-block .tab-tops .bx-wrapper .bx-prev:hover::before,
.home-tab-block .tab-tops .bx-wrapper .bx-next:hover::before {
  color: #ffffff; /* this will change the slide menu arrows color */
}
.home-slide-content h3 {
  color: #0A1B2D; /* this will change the slide title color */
}
.slide-outer-box {
  background: #ffffff; /* this will change the slide content box background color */
  border: 1px solid #c7c7c7;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.25);
  border-radius: 0px;
  min-height: 323px;
     min-width: 256px;
    max-width: 256px;
}
.search-form input {
    border: 1px solid #ddd !important;
    width: 100%;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 10px;
    color: #666;
    background: #fff;
    height: 40px;
}
.slide-outer-box.islp {
  background: #ffffff; /* this will change the slide content box background color */
  border: 1px solid #c7c7c7;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.25);
  border-radius: 0px;
  min-height: 323px;
  /* min-width:270px; */
  /* max-width: 270px; */
  min-width: 256px;
  max-width:256px;
}
.slide-outer-box.islp:after {
  content: none;
}
.result-list-view .title-col h4 a,
.videosection .video-cont h4 a {
  color: #000000;
  font-weight: 500;
  font-size: 14px;
  font-family: "Montserrat", sans-serif  !important;
}
.result-list-view .title-col h4 a:hover,
.videosection .video-cont h4 a:hover {
  color: #0A1B2D; /* this will change the slide content box text rollover color */
}
body,
.right-content-section {
  background: #fff !important; /* this will change the home page background color */
}
.package-wrap .owl-nav div.owl-next:before,
.videosection .owl-nav div.owl-next:before,
.videosection .bx-wrapper .bx-next:before,
.package-wrap .owl-nav div.owl-prev:before,
.videosection .owl-nav div.owl-prev:before,
.videosection .bx-wrapper .bx-prev:before {
  background: #ffffff; /* this will change the slider arrow background color */
  color:#670038; /* this will change the slider arrow color */
}

/* 4.Banner Alignment
---------------------*/
.main-banner {
  margin: 2%;

  /* background: aliceblue; */
  background-position: bottom;
  /* width: 100%!important; */
  background-attachment: repeat;
  background-color: #3a3a3a;
}
.banner-search {
  /* background-position: left top; */ /*this will show the Full Banner from the Left*/
  background-position: right top; /*this will show the Full Banner from the Right*/
}

/* 5.Metadata library
--------------------- */
.popup-tab-block .tab-left {
  background: #e7e7e7; /* this will change the metadata left column background color */
}
.popup-tab-block .tab-vertical li a {
  color: #191321; /* this will change the metadata left column text color */
}
.popup-tab-block .tab-vertical li.current,
.popup-tab-block .tab-vertical li:hover {
  background: #3f4b50; /* this will change the metadata left column text rollover and active button background color */
}
.tab-vertical .current a,
.tab-vertical li:hover a {
  color: #ffffff; /* this will change the metadata left column text rollover text color */
}
.tab-left .mCSB_scrollTools .mCSB_draggerRail {
  background: #999999; /* this will change the metadata left column scrollbar background color */
}
.tab-left .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #ffffff; /* this will change the metadata left column scrollbar active scroll color */
}
.tab-right .mCSB_scrollTools .mCSB_draggerRail {
  background: #bbbbbb; /* this will change the metadata right column scrollbar background color */
}
.tab-right .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #333333; /* this will change the metadata right column scrollbar active scroll color */
}
.col-md-10.tab-right {
  background: #ffffff; /* this will change the metadata right column background color */
}
.tabright-content li h3 a {
  color: #000000; /* this will change the metadata right column tags text color */
}
.tabright-content li h3 a:hover {
  color: #0A1B2D; /* this will change the metadata right column tags rollover text color */
}
.tabright-content li a {
  color: #000000; /* this will change the metadata right column sub tags text color */
}
.tabright-content li a:hover {
  color: #0A1B2D; /* this will change the metadata right column sub tags rollover text color */
}
.cls-btn a {
  background: #0A1B2D; /* this will change the metadata left column close button background color */
  color: #ffffff; /* this will change the metadata left column close button text color */
}
.cls-btn a:hover {
  background: #0A1B2D; /* this will change the metadata left column close button background rollover color */
  color: #ffffff; /* this will change the metadata left column close button text rollover color */
}

/* 6.Channels, Learning path, courses and awards 
--------------------- */
.channel_bc li,
.awards-section h2 {
  margin-top: 10px !important;
  color: #000000; /* this will change the channels, learningpath, courses and awards title color */
  font-weight: 700;
  font-size: 15px!important;
  line-height: 22px;
  
 font-family: "Montserrat", sans-serif  !important;
}
.channel_bc li a {
    display: inline-block;
    font-size: 18px;
    color: #2f3a48;
}
.tab-header > ul:after,
.awards-tab-menu {
  border-color: #cccccc; /* this will change the channels, learningpath, courses and awards menu border-bottom color */
}
.chnl-tab-link,
.awards-tab-menu li {
  color: #000; /* this will change the channels, learningpath, courses and awards category title color */
  color: #2d2d2d;
  font-size: 12px;
  /* border-bottom: 4px solid #000; */
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "Montserrat", sans-serif  !important;
}
li.current .chnl-tab-link,
.awards-tab-menu li.active {
  color: #2d2d2d; /* this will change the channels learningpath, courses and awards category title rollover color */
  /* font-size: 12px; */
  border-bottom: 4px solid #670038; /* this will change the learningpath, courses and awards category title rollover border color */
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "Montserrat", sans-serif  !important;
}
.tab-header .chnl-tab-link:hover:after,
.tab-header li.current .chnl-tab-link:after {
  border-color: #0A1B2D; /* this will change the channels and learning path category title underline color */
}
.sortby_main label {
  color: #000;
  font-weight: normal;
  font-size: 11px;
  margin-top: 15px;
  margin-right: 8px;
}
.group-select button,
a.sortby_menulink,
a.selectall_menulink {
  background-color: #ffffff; /* this will change the channels and learning path Sort by filter background color */
  color: #0A1B2D; /* this will change the channels and learning path Sort by filter text color */
}
.dashboard-sub-menu li:before {
    background: #fff;
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    top: 13px;
    left: 0;
}
.group-select .dropdown-toggle:after {
  color: #000; /* this will change the "Sort By - Select" arrow color */
      margin-top: -10px;
}

.page-title-wrap .content-view-button {
    margin-top: 10px;
}
.group-select .bootstrap-select.btn-group .dropdown-menu li a span.text {
  color: #0A1B2D !important; /* this will change the "Sort By - Select option" color */
}
.group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li.selected
  a
  span.text,
.group-select .bootstrap-select.btn-group .dropdown-menu li a:hover span.text {
  color: #000 !important; /* this will change the "Sort By - Select option" active and hover color */
  font-weight: 600;
}
.group-select .bootstrap-select.btn-group .dropdown-menu {
  background: #ffffff; /* this will change the "Sort By - Select" dropdown background color */
  border-color: #cccccc; /* this will change the "Sort By - Select" dropdown border color */
}
.chl-list-view-blk .circle-prog-bar, .list-view-blk .circle-prog-bar {
    float: right;
    width: 160px;
    margin-top: 8px;
    color: #670038;
    display: none;
}
.btn-group>.btn:first-child {
        margin-left: 0;
    padding-left: 10px;
    padding-top: 13px;
    border: 1px solid #ccc !important;
    font-size: 11px;
    height: 40px;
}


.search-form input {
  border-color: #808080;
  border-radius: 0;
  background: #ffffff; /* this will change the "Search box" background color */
  font-size: 11px;
  /* width: 200px; */
  border: 1px solid #ccc !important;
}
.dashboard-search .check-box label {
    font-size: 12px !important;
    margin-top: 6px !important;
    user-select: none;
    padding-top: 0px;
    padding-left: 31px;
}
.back-category a {
  color: #ffffff;
}
.demo-version {
  background: #aedaf0; /* this will change the Demo message background color */
}
.demo-version p {
  color: #3a5865; /* this will change the Demo message text color */
}
.demo-version .upgrade-btn,
#demo-message .upgrade-btn {
  background: #0A1B2D; /* this will change the Demo message upgrade button background color */
  border-color: #0A1B2D; /* this will change the Demo message upgrade button border color */
  color: #ffffff; /* this will change the Demo message upgrade button text color */
}
.demo-version .upgrade-btn:hover,
#demo-message .upgrade-btn:hover {
  background: #0A1B2D; /* this will change the Demo message upgrade button background hover color */
  border-color: #0A1B2D; /* this will change the Demo message upgrade button border hover color */
  color: #ffffff; /* this will change the Demo message upgrade button text hover color */
}
#demo-message .modal-header h4 {
  color: #333333; /* this will change the Demo Popup title color */
}
#demo-message p {
  color: #3a5865; /* this will change the Demo Popup text color */
}
#demo-message .modal-header .close {
  color: #000000; /* this will change the Demo Popup close button color */
}
#more-info-box .modal-header h4 {
  color: #333333; /* this will change the "Content Info" Popup title color */
  margin-bottom:0px !important;
}
#more-info-box ul li {
  color: #666666; /* this will change the "Content Info" Popup list color */
}
#more-info-box ul li span {
  color: #444444; /* this will change the "Content Info" Popup list label color */
}
#more-info-box .launch-pop-wrap a {
  background: #670038; /* this will change the "Content Info" Popup button background color */
  color: #ffffff; /* this will change the "Content Info" Popup button text color */
}
#more-info-box .launch-pop-wrap a:hover {
  border: 1px solid #670038 !important;
  background: #ffffff !important; /* this will change the "Content Info" Popup button hover background color */
  color: #670038 !important; /* this will change the "Content Info" Popup button hover text color */
}
#more-info-box .tags-list li a {
  background: #ececec; /* this will change the "Content Info" Popup content list background color */
  color: #737373; /* this will change the "Content Info" Popup content list text color */
}
.new-tail-description {
  color: #454545; /* this will change the "Content Desctiption" text color */
}

/* 7.Advance Search
--------------------- */
.search-sidebar-fixed {
  background: #e7e7e7; /* this will change the advance search left column background color */
}
.search-sidebar-fixed h2.results-title {
  color: #26313f; /* this will change the advance search left column title color */
}
.filter-category h4.panel-title a {
  color: #191321; /* this will change the advance search metadata category text color */
}
.filter-category h4.panel-title a:hover,
.filter-category h4.panel-title a:focus {
  color: #ffffff; /* this will change the advance search metadata category text rollover color */
}
.search-sidebar-fixed form label {
  color: #454545; /* this will change the advance search left column tag text color */
}
.search-sidebar-fixed form input[type="checkbox"]:checked + label.disable,
.search-sidebar-fixed form .active input[type="checkbox"] label.disable,
.filter-category label.disable {
  color: #d0cdcd; /* this will change the advance search left column unselected (disabled) tag text color */
}
.search-sidebar-fixed form label.selected {
  color: #000000; /* this will change the advance search left column tag selected text color */
}
.search-sidebar-fixed .btn-outline-primary {
  color: #0A1B2D; /* this will change the advance search reset button text color */
  background: #ffffff; /* this will change the advance search reset button text background color */
}
.search-sidebar-fixed .btn-outline-primary:hover,
.search-sidebar-fixed .btn-outline-primary:focus {
  background: #ffffff; /* this will change the advance search reset button rollover background color */
  color: #0A1B2D; /* this will change the advance search reset button rollover text color */
  border-color: #0A1B2D; /* this will change the advance search reset button rollover border color */
}
.grid-layout .group-select .dropdown-menu {
  background-color: #ffffff; /* this will change the advance search sort by & filter by content type dropdown background color */
}
.grid-layout
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li
  a
  span.text {
  color: #888d90 !important; /* this will change the advance search sort by & filter by content type dropdown text color */
}
.filter-scroll .mCSB_scrollTools .mCSB_draggerRail {
  background: #999999; /* this will change the advance search scrollbar background color */
}
.filter-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #ffffff; /* this will change the advance search scrollbar active bar color */
}

/* 8.Filter icons CSS 
--------------------- */
.filter-category .panel-subtitle span.active:after,
.filter-category .panel-heading h4 a:after {
  border-left-color: #0A1B2D; /* this will change the advance search filter right arrow */
}
.filter-category .panel-subtitle span.active.opened:after,
.filter-category .panel-heading.opened h4 a:after {
  border-top-color: #0A1B2D; /* this will change the advance search filter down arrow */
}
.search-sidebar-fixed form label:before {
  background: #ffffff; /* this will change the advance search checkbox color */
}
.search-sidebar-fixed form label.selected:before {
  background-color: #0A1B2D; /* this will change the advance search checkbox selected color */
}

/* 9.Channels Detail 
--------------------- */
.bread-crumbs-section {
  background: #26313f; /* this will change the Channel name bar background color */
}
.breadcrumb-item {
  color: #d7d8d6; /* this will change the Channel name bar text(Back to Channel Default) color */
}
.breadcrumb-item:hover {
  color: #ffffff; /* this will change the Channel name bar text(Back to Channel Default) hover color */
}
.breadcrumb-item.active {
  color: #ffffff; /* this will change the Channel name bar text(Channel name) color */
}
.breadcrumb-item + .breadcrumb-item:before {
  color: #ffffff; /* this will change the breadcrumb arrow color */
}
.tab-header-detail .chnl-tab-link {
  color: #8297b1; /* this will change the Overview, Ratings, Comments, Tags menu options text color */
}
.tab-header-detail .chnl-tab-link:hover:after,
.tab-header-detail li.current .chnl-tab-link:after {
  border-color: #0A1B2D; /* this will change the Overview, Ratings, Comments, Tags menu options border color */
}
.tab-header-detail li.current .chnl-tab-link,
.tab-header-detail .chnl-tab-link:hover {
  color: #670038 !important; /* this will change the Overview, Ratings, Comments, Tags menu options text active color */
  border-color: #670038 !important; /* this will change the Overview, Ratings, Comments, Tags menu options border color */
}
.description_content,
.description_content p,
.description_content li,
.description_short_content,
.description_short_content p,
.description_short_content li {
  color: #4d5259; /* this will change the Description text color */
}
.sidebar-tab-heading {
  color: #4d5259; /* this will change the Breakdown text color */
}
.progress-bar {
  background-color: #670038; /* this will change the progress bar color */
}
.progress-text p {
  color: #4d5259; /* this will change the rating total count number color */
}
.leave-comment-blk input {
  background: #ffffff; /* this will change the comment box background color */
}
.form-control:focus {
  color: #4d5259; /* this will change the comment box text color */
}
.leave-comment-blk .cmnt-btn {
  background: #0A1B2D; /* this will change the comment submit button background color */
  color: #ffffff; /* this will change the comment submit button text color */
  border-color: #0A1B2D; /* this will change the comment submit button border color */
}
.leave-comment-blk .cmnt-btn:hover {
  background: #000000; /* this will change the comment submit button hover background color */
  color: #ffffff; /* this will change the comment submit button hover text color */
  border-color: #000000; /* this will change the comment submit button hover border color */
}
.videosection span.viewcount {
  color: #3e3e3e; /* this will change the view/views text color */
  font-weight: 500;
  font-size: 12px;
}

.user-ratings p.total-count {
  color: #0A1B2D; /* this will change the Ratings count text color */
  font-weight: 700;
}
.content-lock {
  background: #670038; /* this will change the DEMO Lock Icon background color */
  color: #ffffff; /* this will change the DEMO Lock Icon color */
}
.videosection .v-name,
.img-col .v-name {
  background: #670038; /* this will change the Demo, Free label background color */
  color: #ffffff; /* this will change the Demo, Free label text color */
}
.videosection span.v-timing {
  color: #7d7c7c; /* this will change the Content Duration text color */
}
.content-status-grid-overdue {
  color: #f00000; /* this will change the overdue text color */
}
.tags-content-inner a {
  background: #0A1B2D; /* this will change the Tags background color */
  color: #ffffff; /* this will change the Tags text color */
}
.tags-content-inner a:hover {
  background: #999999; /* this will change the Tags rollover background color */
  color: #ffffff; /* this will change the Tags rollover text color */
}
.troubleshooting-stripe {
  background:#670038 ; /* this will change the Content name bar background color */
}
.troubleshooting-stripe .stripe-title {
  color: #ffffff; /* this will change the Content name bar text color */
}
.stripe-close-btn {
  color: #ffffff; /* this will change the close button color */
}
.channel-content-header .user-ratings p.total-count,
.channel-content-header .viewcount {
  color: #99aabf; /* this will change the Content name bar Subscribed/View count/Rating count text color */
}
.comments-content-inner .comments_actions a,
.cmmnt_rply_lnk {
  color: #670038; /* this will change the channels and learning path Comment Action link color */
}
.comments-content-inner .comments_actions a:hover,
.cmmnt_rply_lnk:hover {
  color: #000000; /* this will change the channels and learning path Comment Action link hover color */
}
.author-details span {
  background: #670038; /* this will change the author background color */
  color: #ffffff; /* this will change the author text color */
}
#confirm-commentdelete p {
  color: #454545; /* this will change the "delete comment" popup text color */
}
#confirm-commentdelete .confirmdiv a.conform-print-btn {
  background-color: #b5b8b9; /* this will change the "delete comment" popup YES button background color */
  color: #ffffff; /* this will change the "delete comment" popup YES button text color */
}
#confirm-commentdelete .confirmdiv a.cancel-print-btn {
  background-color: #b5b8b9; /* this will change the "delete comment" popup No button background color */
  color: #ffffff; /* this will change the "delete comment" popup No button text color */
}
#confirm-commentdelete .confirmdiv a.conform-print-btn:hover {
  background-color: #000000; /* this will change the "delete comment" popup YES button hover background color */
  color: #ffffff; /* this will change the "delete comment" popup YES button hover text color */
}
#confirm-commentdelete .confirmdiv a.cancel-print-btn:hover {
  background-color: #000000; /* this will change the "delete comment" popup No button hover background color */
  color: #ffffff; /* this will change the "delete comment" popup No button hover text color */
}

/* 10.Learning path Detail 
--------------------- */
.back-button i {
  color: #a09999; /* this will change the left arrow color */
}
.back-button {
  border-color: #a09999; /* this will change the left arrow circle color */
}
.back-text {
  color: #212529; /* this will change the back text color */
}
.lp-detail-description {
  background: #ffffff; /* this will change the description color */
}
.lp-detail-description-wrap h1 {
  color: #000000; /* this will change the Learning Path title color */
}
.lp-detail-description-scroll {
  color: #000000; /* this will change the Learning Path description color */
}
.lp-detail-description-wrap .user-ratings p.total-count {
  color: #fff; /* this will change the Ratings count text color */
}
.lp-detail-top-section {
  background: #ffffff; /* this will change the Learning Path info box background color */
}
.lp-detail-top-section li {
  color: #212529; /* this will change the (Section, Pieces of content, Required, Enrolled) text color */
  border-color: #dee0e4; /* this will change the border right color */
}
.lp-detail-top-section a.user-like-btn i {
  color: #868484; /* this will change the "Favorite icon" color */
}
.lp-tabs-menu {
  border-color: #394b62; /* this will change the tab border color */
}
.brand-box.lp-last-viewed-content {
  background-color: #f2fdff;
}/* this will change the Continue where you left off background color */

.brand-box.lp-last-viewed-content h3 {
  color: #777; /* this will change the Continue where you left off text color */
}

.video-js .vjs-mute-control .vjs-icon-placeholder, .vjs-icon-volume-high {
    font-family: VideoJS !important;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .vjs-icon-pause {
    font-family: VideoJS !important;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play {
    font-family: VideoJS !important;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-tech {
    object-fit: contain !important;
}

.brand-box {
  background-color: #fff; /* this will change the section background color */
}
.third-nav li {
  color: #212529; /* this will change the Estimate Time & Pieces of content color */
  border-color: #b1b1b1; /* this will change the border left of Estimate Time & Pieces of content color */
}
.lp-detail-section-content {
  border-color: #868686; /* this will change the border color bewteen section title and content */
}
.lp-detail-section-lists.lpgreybg {
  background: #fafafa; /* this will change the alternative background color for section content */
}
.cetrify {
  color: #333; /* this will change the Certificate text color */
  font-family: "Montserrat", sans-serif  !important;

}
.certificate-lock-icon i {
  color: #666; /* this will change the Certificate lock icon color */
}
.lp-detail-inner-sec .lp-content-free,
.lp-detail-inner-sec .v-name {
  background: #f59a53; /* this will change the LP content demo and free background color */
  color: #fff; /* this will change the LP content demo and free text color */
}
span.btn-info-dark {
  background-color: #394b62; /* this will change LP content the reguired background color */
  color: #fff; /* this will change LP content the reguired text color */
}
.lp-detail-inner-sec .content-lock i {
  color: #666; /* this will change LP lock icon color */
}
.lp-content-action a.btn-resume,
.lp-content-action a.btn-completed {
  border: 1px solid #670038 !important;
  background:#670038 !important; /* this will change the backgroung color for Completed, Resume & Watch Again button color */
  color: #fff !important; /* this will change the text color for Completed, Resume & Watch Again button text color */
}
.lp-content-action a.btn-completed:hover,
.lp-content-action a.btn-resume:hover {
  background: #fff; /* this will change the backgroung color for Completed, Resume & Watch Again button color */
  color: #0A1B2D; /* this will change the text color for Completed, Resume & Watch Again color */
}
.lp-detail-tabs .lp-tabs-menu li a {
  color: #0A1B2D; /* this will change the tab default text color */
  font-family: "Montserrat", sans-serif  !important;
}
.lp-detail-tabs .lp-tabs-menu li a:hover {
  color: #0A1B2D; /* this will change the tab default text hover color */
}
.lp-detail-tabs .lp-tabs-menu li a.active {
  border-color: #670038; /* this will change the active border color */
  color: #670038; /* this will change the active text color */
  background: #ffffff; /* this will change the active background color */
}
.lp-detail-section-list h3 {
  color: #5f5d5d; /* this will change the section color */
  font-family: "Montserrat", sans-serif  !important;

}
.lp-detail-section-list .lp-desc-more-btn {
  color: #0A1B2D;
}
.lp-detail-section-list .lp-desc-more-btn:hover {
  color: #0A1B2D;
}
.lp-detail-section-list h3 i {
  color: #5f5d5d; /* this will change the section arrow color */
}
.lp-detail-section-lists h4,
.lp-detail-section-lists h4 a {
  color: #000000; /* this will change the section content name color */
}
.lp-detail-section-lists h4 a:hover {
  color: #0A1B2D; /* this will change the section content name hover color */
}
.lp-progress-bar span,
.content-progress-all {
  background: #670038!important; /* this will change the progress bar color */
}
.lp-progress-bar span span,
.content-progress-all span {
  background: #670038!important; /* this will change the progress active bar color */
}
.lp-progress-bar label {
  color: #000000; /* this will change the viewed percentage text color */
}
.lp-content-progress p {
  color: #0A1B2D; /* this will change the "Required" text color */
}
.content-required {
  border-color: #dddddd; /* this will change the "Required Icon" border color */
  color: #ff0000; /* this will change the "Required Icon" color */
}
.content-completed {
  border-color: #93da46; /* this will change the "Completed Icon" border color */
  color: #93da46; /* this will change the "Completed Icon" color */
}
.lp-trophy-completed {
  color: #bbbbbb; /* this will change the "Certificate" text color */
}
.lp-trophy-completed.lp-completed {
  color: #555555; /* this will change the "Certificate" text active color */
}
.lp-trophy-completed i {
  color: #bbbbbb; /* this will change the "Certificate" trophy color */
}
.lp-trophy-completed.lp-completed i {
  color: #ffc600; /* this will change the "Certificate" trophy active color */
}
#lp-certificate-message #completionMessage {
  color: #670038 !important; /* this will change the Certificate completion popup header color */
}
#lp-certificate-message p {
  color: #000; /* this will change the Certificate completion popup test color */
  font-family: "Montserrat", sans-serif  !important;
}
.lp-content-action a {
  background: #ffffff !important; /* this will change the view button background color */
  color: #670038 !important; /* this will change the view button text color */
  border-color: 1px solid #670038 !important; /* this will change the view button border color */
  font-family: "Montserrat", sans-serif  !important;
}
.lp-content-action a:hover {
  background: #ffffff; /* this will change the view button background hover color */
  color: #0A1B2D; /* this will change the view button text hover color */
  border-color: #0A1B2D; /* this will change the view button hover border color */
}
.lp-view-all-btn {
  background: #670038 !important; /* this will change the Expand all button background color */
  color: #ffffff !important; /* this will change the Expand all button text color */
}
.lp-view-all-btn:hover {
  background: #000000; /* this will change the view all button background hover color */
  color: #ffffff; /* this will change the view all button text hover color */
}
.lp-comment-img span {
  background: #0A1B2D; /* this will change the commnet user text background color */
  color: #ffffff; /* this will change the commnet user text color */
}
.lp-comment-text h3 {
  color:#670038 ; /* this will change the commnet user name color */
}
.lp-comment-text p {
  color: #000000; /* this will change the commnet text color */
}
.lp-comment-action label {
  color: #000000; /* this will change the commnet date color */
}
.lp-comment-action a {
  color: #0A1B2D; /* this will change the commnet action button text color */
  border-color: #0A1B2D; /* this will change the commnet action button border color */
}
.lp-comment-action a:hover,
.lp-comment-action a:focus {
  color: #000000; /* this will change the commnet action button text hover color */
  border-color: #000000; /* this will change the commnet action button border hover color */
}
.lp-comment-form label {
  color: #000000; /* this will change the Leave a comment text color */
}
.lp-comment-form input[type="submit"],
.lp-comments .comment_reply .cmnt-btn {
  background: #670038; /* this will change the submit button background color */
  color: #ffffff; /* this will change the submit button text color */
  border-color: #670038; /* this will change the submit button border color */
}
.lp-comment-form input[type="submit"]:hover,
.lp-comments .comment_reply .cmnt-btn:hover {
  background: #670038; /* this will change the submit button hover background color */
  color: #ffffff; /* this will change the submit button hover text color */
  border-color: #670038; /* this will change the submit button hover border color */
}
.lp-comments .comment_reply a.cmmnt_delete_lnk {
  background: #b5b8b9; /* this will change the cancel button background color */
  color: #ffffff; /* this will change the cancel button text color */
  border-color: #b5b8b9; /* this will change the cancel button border color */
}
.lp-comments .comment_reply a.cmmnt_delete_lnk:hover {
  background: #000000; /* this will change the cancel button hover background color */
  color: #ffffff; /* this will change the cancel button hover text color */
  border-color: #000000; /* this will change the cancel button hover border color */
}
.lp-detail-description .circle-prog-bar svg circle {
  stroke: #670038; /* this will change the content "Lp Progress Circle" color */
}
.lp-detail-description .circle-prog-bar {
  color: #0A1B2D; /* this will change the content "Lp Progress Circle" color */
}
.lp-viewer-title span {
  color: #666666; /* this will change the content "Previous & Next" arrow color */
}
.lp-viewer-title span:hover {
  color: #670038; /* this will change the content "Previous & Next" arrow hover color */
}
.expand-screen-btn {
  background: #670038; /* this will change the "Hide & Show side pannel" icon background color */
  color: #ffffff; /* this will change the "Hide & Show side pannel" icon color */
}
.expand-screen-btn:hover {
  background: #670038; /* this will change the "Hide & Show side pannel" icon hover background color */
  color: #ffffff; /* this will change the "Hide & Show side pannel" icon hover color */
}
.full-screen-wrap .exit-fill-screen,
.full-screen-wrap .full-screen {
  color: #0A1B2D; /* this will change the content "Full Screen" icon color */
}
.full-screen-wrap .exit-fill-screen:hover,
.full-screen-wrap .full-screen:hover {
  color: #000000; /* this will change the content "Full Screen" icon hover color */
}
.others-default-launch a {
  background: #0A1B2D; /* this will change the SCORM "Click here to launch" button background color */
  color: #ffffff; /* this will change the SCORM "Click here to launch" button text color */
}
.others-default-launch a:hover {
  background: #000000; /* this will change the SCORM "Click here to launch" button hover background color */
  color: #ffffff; /* this will change the SCORM "Click here to launch" button hover text color */
}
.live-labs-wrap a.launch-live-btn {
  background: #0A1B2D; /* this will change the ZIP "Click here to download" button background color */
  color: #ffffff; /* this will change the ZIP "Click here to download" button text color */
}
.live-labs-wrap a.launch-live-btn:hover {
  background: #000000; /* this will change the ZIP "Click here to download" button hover background color */
  color: #ffffff; /* this will change the ZIP "Click here to download" button hover text color */
}
.assessment-question {
  background-color: #ffffff; /* this will change the QUIZ box background color */
  box-shadow: 0 0 5px #000000; /* this will change the QUIZ box box-shadow color */
}
.assessment-question-top {
  background-color: #0A1B2D; /* this will change the QUIZ header background color */
}
.assessment-viewer-wrap {
  background-color: #b9e4f5; /* this will change the QUIZ section background color */
}
.assessment-viewer-wrap h2 {
  color: #333333; /* this will change the QUIZ title color */
}
.assessment-viewer-wrap p {
  color: #444444; /* this will change the QUIZ question count text color */
}
.assessment-viewer-wrap p.retake-available {
  color: #444444; /* this will change the QUIZ retake available text color */
}
.assessment-result-wrap {
  background-color: #b9e4f5; /* this will change the QUIZ result section background color */
}
.assessment-result-wrap p {
  color: #444444; /* this will change the QUIZ result section text color */
}
.quiz-success-message {
  color: #444444; /* this will change the QUIZ result section success message text color */
}
.assessment-result-btn a {
  background-color: #0A1B2D; /* this will change the QUIZ-Retake button background color */
  border-bottom-color: #0A1B2D; /* this will change the QUIZ-Retake button border color */
  color: #ffffff; /* this will change the QUIZ-Retake button text color */
}
.assessment-btn.assessment-begin-btn {
  background-color: #0A1B2D; /* this will change the QUIZ-Begin button background color */
  border-bottom-color: #0A1B2D; /* this will change the QUIZ-Begin button border color */
  color: #ffffff; /* this will change the QUIZ-Begin button text color */
}
.assessment-btn.assessment-resume-btn {
  background-color: #670038; /* this will change the QUIZ-Resume button background color */
  border-bottom-color: #670038; /* this will change the QUIZ-Resume button border color */
  color: #ffffff; /* this will change the QUIZ-Resume button text color */
}
.assessment-btn.assessment-startover-btn {
  background-color: #670038; /* this will change the QUIZ-StartOver button background color */
  border-bottom-color: #670038; /* this will change the QUIZ-StartOver button border color */
  color: #ffffff; /* this will change the QUIZ-StartOver button text color */
}
span.next-question-btn,
span.next-question-btn.disable-btn {
  background-color: #670038 !important; /* this will change the QUIZ next button background color */
  border-bottom-color: #670038 !important; /* this will change the QUIZ next button border color */
  color: #ffffff; /* this will change the QUIZ next button text color */
}
span.next-question-btn.disable-btn {
  opacity: 0.8;
}
span.pre-question-btn {
  border-color: #670038 !important; /* this will change the QUIZ  previous button border color */
  color: #670038 !important; /* this will change the QUIZ  previous button text color */
}
.assessment-question-list
  .radio-button
  input[type="radio"]:checked
  + label:before,
.assessment-question-list
  .radio-button
  input[type="checkbox"]:checked
  + label:before {
  background-color: #670038 !important; /* this will change the QUIZ  Radio button 'checked' background color */
  border-color: #670038 !important; /* this will change the QUIZ  Radio button 'checked' border color */
}
.assessment-progress {
  background: #caddd4; /* this will change the QUIZ  progress bar background color */
}
.assessment-progress-status {
  background: #2ccc83; /* this will change the QUIZ  progress bar active background color */
}
.correct-answer {
  background: #670038 !important; /* this will change the QUIZ  Correct Answer background color */
  color: #ffffff; /* this will change the QUIZ  Correct Answer text color */
}
.no-correct-answer {
  background: #670038 !important; /* this will change the QUIZ  Wrong Answer background color */
  color: #ffffff; /* this will change the QUIZ  Wrong Answer text color */
}
#save-quiz-popup .modal-header h4 {
  color: #333333; /* this will change the QUIZ Save Popup popup title color */
}
#save-quiz-popup .modal-header .close {
  color: #b5b8b9; /* this will change the QUIZ Save Popup popup close icon color */
  opacity: 1; /* this will change the QUIZ Save Popup popup close icon opacity */
}
#save-quiz-popup .modal-header .close:hover {
  color: #0A1B2D; /* this will change the QUIZ Save Popup popup close icon hover color */
  opacity: 1; /* this will change the QUIZ Save Popup popup close icon hover opacity */
}
#save-quiz-popup a.save-exit {
  background-color: #b5b8b9; /* this will change the Save Popup - Save & Exit" button background color */
  color: #ffffff; /* this will change the "Save Popup - Save & Exit" button color */
}
#save-quiz-popup a.exit {
  background-color: #b5b8b9; /* this will change the "Save Popup - Exit without Saving" button background color */
  color: #ffffff; /* this will change the "Save Popup - Exit without Saving" button color */
}
#save-quiz-popup a.save-exit:hover {
  background-color: #000000; /* this will change the Save Popup - Save & Exit" button hover background color */
  color: #ffffff; /* this will change the "Save Popup - Save & Exit" button hover color */
}
#save-quiz-popup a.exit:hover {
  background-color: #000000; /* this will change the "Save Popup - Exit without Saving" button hover background color */
  color: #ffffff; /* this will change the "Save Popup - Exit without Saving" button hover color */
}
.submission-icons span {
  color: #0A1B2D; /* this will change the VIDEO ASSESSMENT  'Record a video & Upload a file' icon color */
}
.submission-icons span .labletext {
  color: #545454; /* this will change the VIDEO ASSESSMENT  'Record a video & Upload a file' text color */
}
.submission-form .text-area-outer {
  border-color: #b7b6b6; /* this will change the VIDEO ASSESSMENT  comment textarea border color */
}
.submission-form textarea {
  color: #5f5f5f; /* this will change the VIDEO ASSESSMENT  comment textarea text color */
}
.submission-form .saveanswer {
  background: #000000; /* this will change the VIDEO ASSESSMENT  save answer button background color */
  color: #ffffff; /* this will change the VIDEO ASSESSMENT  save answer button color */
}
.submission-form .submit-btn {
  background: #0A1B2D; /* this will change the VIDEO ASSESSMENT  submit button background color */
  color: #ffffff; /* this will change the VIDEO ASSESSMENT  submit button color */
}
.submission-form .saveanswer:hover {
  background: #666666; /* this will change the VIDEO ASSESSMENT  save answer button hover background color */
  color: #ffffff; /* this will change the VIDEO ASSESSMENT  save answer button hover color */
}
.submission-form .submit-btn:hover {
  background: #666666; /* this will change the VIDEO ASSESSMENT  submit button hover background color */
  color: #ffffff; /* this will change the VIDEO ASSESSMENT  submit button hover color */
}
.submitedlist p span.download-icon,
.submitedlist p.viewvideocomment {
  color: #807e7e; /* this will change the VIDEO ASSESSMENT  uploaded file text color */
}
.submitedlist p span.download-icon:hover,
.submitedlist p.viewvideocomment:hover {
  color: #0A1B2D !important; /* this will change the VIDEO ASSESSMENT  uploaded file hover text color */
}
.remove-files {
  color: #807e7e !important; /* this will change the VIDEO ASSESSMENT  uploaded file remove icon color */
}
.remove-files:hover {
  color: #0A1B2D !important; /* this will change the VIDEO ASSESSMENT  uploaded file hover remove icon color */
}
#confirmSubmit p {
  color: #555555; /* this will change the VIDEO ASSESSMENT  confirm submit popup text color */
}
#confirmSubmit .modal-body a {
  color: #ffffff !important; /* this will change the VIDEO ASSESSMENT  confirm submit popup button color */
  background: #670038 !important; /* this will change the VIDEO ASSESSMENT  confirm submit popup button background color */
}
#confirmSubmit .modal-body a:hover {
  color: #670038 !important; /* this will change the VIDEO ASSESSMENT  confirm submit popup button hover text color */
  background: #ffffff !important; /* this will change the VIDEO ASSESSMENT  confirm submit popup button hover background color */
  border: 1px solid #670038 !important;
}
.lp-detail-tabs .tab-content h3 {
  color: #828181; /* this will change the VIDEO ASSESSMENT  Grading Criteria title color */
}
.lp-detail-tabs .tab-content ul li span {
  color: #0A1B2D; /* this will change the VIDEO ASSESSMENT  Grading Criteria point's text color */
}
.lp-detail-tabs .tab-content ul li {
  color: #828181; /* this will change the VIDEO ASSESSMENT  Grading Criteria point description text color */
}
.lp-detail-tabs .tab-content .dropdown-menu p {
  color: #828181; /* this will change the VIDEO ASSESSMENT  Grading Criteria's popup description text color */
}
p.submitedon {
  color: #555555; /* this will change the  VIDEO ASSESSMENT "Submitted" date text color */
}
p.viewvideocomment i {
  color: #0A1B2D; /* this will change the  VIDEO ASSESSMENT video comments file icon color */
}

/* 11.Login & User Registration 
--------------------- */
.user-language {
  color: #ffffff; /* this will change the language selectbox label text color */
}
/* .login-wrapper{
  overflow:hidden;
} */
.login-wrap h1 {
  color: #ffffff; /* this will change the title color */
}
.login-wrap label {
  color: #ffffff; /* this will change the lable text color */
}
.login-wrap .field-wrap input,
.login-wrap .field-wrap .select_box select {
  background: #ffffff; /* this will change the input-field background-color */
  color: #000000; /* this will change the  input-field text color */
  border-color: #bbbbbb; /* this will change the  input-field border color */
}
.login-wrap .forgot-password {
  color: #0A1B2D; /* this will change the  "Forgot Password?" text color */
}
.login-wrap .forgot-password:hover {
  color: #b5b8b9; /* this will change the  "Forgot Password?" hover text color */
}
.login-wrap .login-btn {
  background: #0A1B2D; /* this will change the Signup & Login button background-color */
  color: #ffffff; /* this will change the  Signup & Login button text color */
}
.login-wrap .login-btn:hover {
  background: #ffffff; /* this will change the Signup & Login button hover background-color */
  color: #000000; /* this will change the  Signup & Login button hover text color */
}
.login-page-wrap.registeration-page-wrap .reset-btn-wrap a {
  color: #0A1B2D; /* this will change the  BackToLogin button text color */
}
.login-page-wrap.registeration-page-wrap .reset-btn-wrap a:hover {
  color: #0A1B2D; /* this will change the  BackToLogin button hover text color */
}
.login-wrap .registeration-link {
  color: #3d7ec3;
  /* text-decoration: underline; */
  border: 1px solid #7a7a7a;
  padding: 10px;
  font-size: 12px;
  color: #2e2e2e;
  font-weight: 500;
  font-family: "Montserrat", sans-serif  !important;
}

.login-wrap .registeration-link:hover {
  color: #ffffff; /* this will change the  "New user? Sign up & Purchase License Flow" hover text color */
}
.login-default-msg {
  color: #ffffff; /* this will change the  "Login description" text color */
  text-align: center;
  background-color: #e2f6fc;
  font-size: 11px;
  padding: 10px;
}
.cancel-license-wrap span {
  color: #d0cdcd; /* this will change the  "Cancel license purchase" text color */
}
.cancel-license-wrap span:hover {
  color: #b5b8b9; /* this will change the  "Cancel license purchase" text hover color */
}
.terms-condition-wrap p {
  color: #ffffff; /* this will change the  "Powered by Content Raven" text color */
}
.terms-condition-wrap a {
  font-size: 12px!important;
  color: #333;
}
.assessments-page-category {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.terms-condition-wrap a:hover {
  color: #ffffff; /* this will change the  "Terms & Conditions" hover text color */
}
.back-login a {
  color: #0A1B2D; /* this will change the  "Back To Login" text color */
}
.text-valid,
.login-page-wrap.registeration-page-wrap .error_msg {
  color: #f00000; /* this will change the error text color - bellow each required input field */
}
.login-alert-message {
  color: #000000; /* this will change the alert message color (popup) */
}
#logout-alert .pay-update-cart a {
  border: 1px solid #670038 !important;
  background: #ffffff !important; /* this will change the alert message button background color (logout popup) */
  color: #670038 !important; /* this will change the alert message button text color (logout popup) */
}
#logout-alert .pay-update-cart a:hover {
  border: 1px solid #670038 !important;
  background: #670038 !important; /* this will change the alert message button hover background color (logout popup) */
  color: #ffffff !important; /* this will change the alert message button hover text color (logout popup) */
}
#logout-alert .modal-header .close {
  color: #454545; /* this will change the alert message close icon (logout popup) */
}
.login-results-fail,
.login-results p.error {
  color: #f00000; /* this will change the error message text color - (The user name or password is incorrect) */
  background: #ffffff; /* this will change the error message background color - (The user name or password is incorrect) */
  border-color: #ffffff; /* this will change the error message border color - (The user name or password is incorrect) */
}

/* 12.Forgot password 
--------------------- */
#forgot-password .modal-header h4 {
  color: #333333; /* this will change the  "Forgot password - popup" Title text color */
}
#forgot-password .field-wrap label {
  color: #000000; /* this will change the  "Forgot password - popup" Primary Email Address lable text color */
}
#forgot-password .feedback-form .field-wrap input {
  border-color: #bbbbbb; /* this will change the  "Forgot password - popup" input border color */
  color: #55595c; /* this will change the  "Forgot password - popup" input text color */
  background: #ffffff; /* this will change the  "Forgot password - popup" input background color */
}
#forgot-password .forgot-pass-btn {
  background: #0A1B2D; /* this will change the  "Forgot password - popup" Send button background color */
  color: #ffffff; /* this will change the  "Forgot password - popup" Send button text color */
}
#forgot-password .forgot-pass-btn:hover {
  background: #b5b8b9; /* this will change the  "Forgot password - popup" Send button hover background color */
  color: #ffffff; /* this will change the  "Forgot password - popup" Send button hover text color */
}
#forgot-password .forgot-pass-btn.close {
  background: #d0cdcd; /* this will change the  "Forgot password - popup" Cancel button background color */
  color: #ffffff; /* this will change the  "Forgot password - popup" Cancel button text color */
}
#forgot-password .forgot-pass-btn.close:hover {
  background: #b5b8b9; /* this will change the  "Forgot password - popup" Cancel button hover background color */
  color: #ffffff; /* this will change the  "Forgot password - popup" Cancel button hover text color */
}

/* 13.Package List -  with login
--------------------- */
.package-heading h2 {
  color: #26313f; /* this will change the package header title color */
}
.package-filter .sortby_main label {
  color: #454545; /* this will change the sort by title color */
}
.package-filter .group-select button {
  background-color: #ffffff; /* this will change the "Sort By" button background color */
  color: #0A1B2D !important; /* this will change the "Sort By" button text color */
}
.package-filter .group-select .bootstrap-select.btn-group .dropdown-menu {
  border-color: #cccccc; /* this will change the "Sort By" dropdown border color */
  background: #ffffff; /* this will change the "Sort By" dropdown background color */
}
.package-filter
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li
  a
  span.text {
  color: #0A1B2D !important; /* this will change the "Sort By" dropdown text color */
}
.package-filter
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li.selected
  a
  span.text,
.package-filter
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li
  a:hover
  span.text {
  color: #0A1B2D !important; /* this will change the "Sort By" dropdown active text color */
}
.package-filter .date-range-form input.form-control,
.package-filter .search-inner-blk input.form-control {
  background: #ffffff; /* this will change the "Sort By" From To Date background color */
  color: #454545; /* this will change the "Sort By" From To Date color */
}
.date-range-form span.clear-date {
  color: #0A1B2D; /* this will change the clear date text color */
}
.package-slide-wrap {
  background: #ffffff; /* this will change the package list background color */
}
.package-slide-wrap:hover {
  border-color: #8dd5f3; /* this will change the package list hover border color */
}
.package-slide-wrap h3 {
  color: #444444; /* this will change the package name color */
  background: #f2f3f6; /* this will change the package name background color */
}
.package-slide-wrap:hover h3 {
  color: #0A1B2D; /* this will change the package hover name color */
}
.package-slide-wrap .package-price {
  color: #444444; /* this will change the package cost color */
}
.package-slide-wrap .package-desc {
  color: #000000; /* this will change the package description color */
}
.package-days-top p span,
.package-start-wrap .package-days span {
  color: #000000; /* this will change the package access/duration label text color */
}
.package-days-top {
  color: #000000; /* this will change the package access/duration text color */
}
.package-slide-wrap .package-start {
  background: #0A1B2D; /* this will change the package add to cart/Subscribe button background color */
  color: #ffffff; /* this will change the package add to cart/Subscribe button text color */
}
.package-slide-wrap .package-start:hover {
  background: #0A1B2D; /* this will change the package add to cart/Subscribe button background hover color */
  color: #ffffff; /* this will change the package add to cart/Subscribe button text hover color */
}
.package-wrap .owl-dot {
  background: #ffffff; /* this will change the package bottom circle background color */
  border-color: #0A1B2D; /* this will change the package bottom circle border color */
}
.package-wrap .owl-dot.active {
  background: #0A1B2D; /* this will change the package bottom active background color */
}
.redeem-license a {
  color: #0A1B2D; /* this will change the package bottom purchase license text color */
}
.redeem-license a:hover {
  color: #333333; /* this will change the package bottom purchase license text hover color */
}
.cart-items-package h4 {
  color: #0db90d; /*this will change the package top ordered list "Added in cart" text color */
}
.cart-items-package {
  background: #ffffff; /*this will change the package top ordered list "Added in cart" box background color */
  border-color: #c1c4c5; /*this will change the package top ordered list "Added in cart" box border color */
}
.cart-items-package .cart-item-title p.cart-title {
  color: #000000; /*this will change the package top ordered list package title text color */
}
.cart-items-package button.close {
  color: #888d90; /*this will change the package top ordered list close icon color */
  opacity: 1; /*this will change the package top ordered list close icon  opacity */
}
.cart-items-package button.close:hover {
  color: #0A1B2D; /*this will change the package top ordered list close icon hover color */
}
.cart-items-package .cart-item-title p.cart-title-amt {
  color: #000000; /*this will change the package top ordered list package amount text color */
}
.cart-item-total p.order-sum {
  color: #000000; /*this will change the package top ordered list package subtotal text color */
}
.cart-item-total p.order-item {
  color: #000000; /*this will change the package top ordered list package count text color */
}
.cart-item-total p.order-item span {
  color: #0A1B2D; /*this will change the package top ordered list package count color */
}
.cart-item-btn .edit-cart-btn {
  color: #0A1B2D; /*this will change the package top ordered list "Edit your cart" text color */
  background: #ffffff; /*this will change the package top ordered list "Edit your cart" text background color */
  border-color: #0A1B2D; /*this will change the package top ordered list "Edit your cart" text border color */
}
.cart-item-btn .proceed-cart-btn {
  color: #ffffff; /*this will change the package top ordered list "Proceed to Checkout" text color */
  background: #0A1B2D; /*this will change the package top ordered list "Proceed to Checkout" text background color */
  border-color: #0A1B2D; /*this will change the package top ordered list "Proceed to Checkout" text border color */
}
.cart-item-btn .edit-cart-btn:hover {
  color: #ffffff; /*this will change the package top ordered list "Edit your cart" hover text color */
  background: #000000; /*this will change the package top ordered list "Edit your cart" hover text background color */
  border-color: #000000; /*this will change the package top ordered list "Edit your cart" hover text border color */
}
.cart-item-btn .proceed-cart-btn:hover {
  color: #ffffff; /*this will change the package top ordered list "Proceed to Checkout" hover text color */
  background: #000000; /*this will change the package top ordered list "Proceed to Checkout" hover text background color */
  border-color: #000000; /*this will change the package top ordered list "Proceed to Checkout" hover text border color */
}
.nopackages-available {
  color: #d0cdcd; /*this will change the "No package available" text color */
}
.package-purchase {
  border-top-color: #83c339; /*this will change the "Purchased Tick icon" background color */
  color: #ffffff; /*this will change the "Purchased Tick icon" color */
}

/* 14.Package List - with out login
--------------------- */
.user-package-section .package-heading h2 {
  color: #ffffff; /* this will change the package header title color */
}
.user-package-section .package-filter .sortby_main label {
  color: #000000; /* this will change the sort by title color */
}
.user-package-section .package-filter .group-select button {
  background-color: #ffffff; /* this will change the "Sort By" button background color */
  color: #0A1B2D !important; /* this will change the "Sort By" button text color */
}
.user-package-section
  .package-filter
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu {
  border-color: #cccccc; /* this will change the "Sort By" dropdown border color */
  background: #ffffff; /* this will change the "Sort By" dropdown background color */
}
.user-package-section
  .package-filter
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li
  a
  span.text {
  color: #0A1B2D !important; /* this will change the "Sort By" dropdown text color */
}
.user-package-section
  .package-filter
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li.selected
  a
  span.text,
.user-package-section
  .package-filter
  .group-select
  .bootstrap-select.btn-group
  .dropdown-menu
  li
  a:hover
  span.text {
  color: #0A1B2D !important; /* this will change the "Sort By" dropdown active text color */
}
.user-package-section .package-filter .date-range-form input.form-control,
.user-package-section .package-filter .search-inner-blk input.form-control {
  background: #ffffff; /* this will change the "Sort By" From To Date background color */
  color: #454545; /* this will change the "Sort By" From To Date color */
}
.user-package-section .date-range-form span.clear-date {
  color: #0A1B2D; /* this will change the clear date text color */
}
.user-package-section .package-slide-wrap {
  background: #ffffff; /* this will change the package list background color */
}
.user-package-section .package-slide-wrap:hover {
  border-color: #8dd5f3; /* this will change the package list hover border color */
}
.user-package-section .package-slide-wrap h3 {
  color: #444444; /* this will change the package name color */
  background: #f2f3f6; /* this will change the package name background color */
}
.user-package-section .package-slide-wrap:hover h3 {
  color: #0A1B2D; /* this will change the package hover name color */
}
.user-package-section .package-slide-wrap .package-price {
  color: #444444; /* this will change the package cost color */
}
.user-package-section .package-slide-wrap .package-desc {
  color: #000000; /* this will change the package description color */
}
.user-package-section .package-days-top p span,
.user-package-section .package-start-wrap .package-days span {
  color: #000000; /* this will change the package access/duration label text color */
}
.user-package-section .package-days-top {
  color: #000000; /* this will change the package access/duration text color */
}
.user-package-section .package-slide-wrap .package-start {
  background: #0A1B2D; /* this will change the package add to cart/Subscribe button background color */
  color: #ffffff; /* this will change the package add to cart/Subscribe button text color */
}
.user-package-section .package-slide-wrap .package-start:hover {
  background: #000000; /* this will change the package add to cart/Subscribe button background hover color */
  color: #ffffff; /* this will change the package add to cart/Subscribe button text hover color */
}
.user-package-section .package-wrap .owl-dot {
  background: #ffffff; /* this will change the package bottom circle background color */
  border-color: #0A1B2D; /* this will change the package bottom circle border color */
}
.user-package-section .package-wrap .owl-dot.active {
  background: #0A1B2D; /* this will change the package bottom active background color */
}
.user-package-section .redeem-license a {
  color: #0A1B2D; /* this will change the package bottom purchase license text color (Received a License Key? Click Here) */
}
.user-package-section .redeem-license a:hover {
  color: #333333; /* this will change the package bottom purchase license text hover color (Received a License Key? Click Here) */
}
.user-package-section .cart-items-package h4 {
  color: #0db90d; /*this will change the package top ordered list "Added in cart" text color */
}
.user-package-section .cart-items-package {
  background: #ffffff; /*this will change the package top ordered list "Added in cart" box background color */
  border-color: #c1c4c5; /*this will change the package top ordered list "Added in cart" box border color */
}
.user-package-section .cart-items-package .cart-item-title p.cart-title {
  color: #333333; /*this will change the package top ordered list package title text color */
}
.user-package-section .cart-items-package button.close {
  color: #888d90; /*this will change the package top ordered list close icon color */
  opacity: 1; /*this will change the package top ordered list close icon  opacity */
}
.user-package-section .cart-items-package button.close:hover {
  color: #0A1B2D; /*this will change the package top ordered list close icon hover color */
}
.user-package-section .cart-items-package .cart-item-title p.cart-title-amt {
  color: #000000; /*this will change the package top ordered list package amount text color */
}
.user-package-section .cart-item-total p.order-sum {
  color: #000000; /*this will change the package top ordered list package subtotal text color */
}
.user-package-section .cart-item-total p.order-item {
  color: #000000; /*this will change the package top ordered list package count text color */
}
.user-package-section .cart-item-total p.order-item span {
  color: #0A1B2D; /*this will change the package top ordered list package count color */
}
.user-package-section .cart-item-btn .edit-cart-btn {
  color: #0A1B2D; /*this will change the package top ordered list "Edit your cart" text color */
  background: #ffffff; /*this will change the package top ordered list "Edit your cart" text background color */
  border-color: #0A1B2D; /*this will change the package top ordered list "Edit your cart" text border color */
}
.user-package-section .cart-item-btn .proceed-cart-btn {
  color: #ffffff; /*this will change the package top ordered list "Proceed to Checkout" text color */
  background: #0A1B2D; /*this will change the package top ordered list "Proceed to Checkout" text background color */
  border-color: #0A1B2D; /*this will change the package top ordered list "Proceed to Checkout" text border color */
}
.user-package-section .cart-item-btn .edit-cart-btn:hover {
  color: #ffffff; /*this will change the package top ordered list "Edit your cart" hover text color */
  background: #000000; /*this will change the package top ordered list "Edit your cart" hover text background color */
  border-color: #000000; /*this will change the package top ordered list "Edit your cart" hover text border color */
}
.user-package-section .cart-item-btn .proceed-cart-btn:hover {
  color: #ffffff; /*this will change the package top ordered list "Proceed to Checkout" hover text color */
  background: #000000; /*this will change the package top ordered list "Proceed to Checkout" hover text background color */
  border-color: #000000; /*this will change the package top ordered list "Proceed to Checkout" hover text border color */
}
.user-package-section .nopackages-available {
  color: #d0cdcd; /*this will change the "No package available" text color */
}
.user-package-section .package-purchase {
  border-top-color: #670038; /*this will change the "Purchased Tick icon" background color */
  color: #ffffff; /*this will change the "Purchased Tick icon" color */
}

/* 15.Category packages - with login 
--------------------- */
.find-your-paths h2 {
  color: #000000; /* this will change the category text color */
}
.find-your-paths .cat-desc {
  color: #444444; /* this will change the category description color */
}
.find-your-paths .close-your-path {
  color: #444444; /* this will change the category package list close icon color */
}
.path-list {
  background: #ffffff; /* this will change the category package list background color */
}
.path-list-left > h3 {
  color: #000000; /* this will change the category package title text color */
  background: #dee0e9; /* this will change the category package title background color */
}
.paths-lists h3 span.p-cost {
  color: #670038; /* this will change the category package cost text color */
}
.paths-lists h3 span.p-name label {
  color: #000000; /* this will change the category package course start and end date text color */
}
.path-list-package-content {
  color: #000000; /* this will change the category package description text color */
}
.path-list-content .desc-tags h4,
.list-package-tags h3 {
  color: #000000; /* this will change the category package channel/learning path/subscription title text color */
}
.list-package-tags li {
  background: #999999; /* this will change the category package channel/learning path tag background color */
  color: #ffffff; /* this will change the category package channel/learning path tag text color */
}
.list-package-tags.purchase-packages .tags-list li:hover {
  background: #666666; /* this will change the category package channel/learning path tag background hover color */
}
.path-list .view-more-btn {
  color: #0A1B2D; /* this will change the category package view more/view less text color */
}
.path-list a.get-started-btn {
  color: #ffffff; /* this will change the category package "Add To Cart" button text color */
  background-color: #670038; /* this will change the category package "Add To Cart" button background color */
}
.path-list a.get-started-btn:hover {
  color: #ffffff; /* this will change the category package "Add To Cart" button hover text color */
  background-color: #000000; /* this will change the category package "Add To Cart" button hover background color */
}
.path-list .view-more-btn:hover {
  color: #d0cdcd; /* this will change the category package view more/view less text hover color */
}
.subscription-list li,
.long-desc-wrap {
  color: #000000; /* this will change the category package subscription list text color */
}
.subscription-list li span,
span.desc-label {
  color: #000000; /* this will change the category package subscription list label text color */
}
.add-cart-txt {
  color: #670038; /* this will change the "Added in cart" text color */
}

/* 16.Category packages - with out login 
--------------------- */
.user-package-section .find-your-paths h2 {
  color: #ffffff; /* this will change the category text color */
}
.user-package-section .find-your-paths .cat-desc {
  color: #ffffff; /* this will change the category description color */
}
.user-package-section .find-your-paths .close-your-path {
  color: #ffffff; /* this will change the category package list close icon color */
}
.user-package-section .path-list {
  background: #ffffff; /* this will change the category package list background color */
}
.user-package-section .path-list-left > h3 {
  color: #000000; /* this will change the category package title text color */
  background: #dee0e9; /* this will change the category package title background color */
}
.user-package-section .paths-lists h3 span.p-cost {
  color: #670038; /* this will change the category package cost text color */
}
.user-package-section .paths-lists h3 span.p-name label {
  color: #000000; /* this will change the category package course start and end date text color */
}
.user-package-section .path-list-package-content {
  color: #000000; /* this will change the category package description text color */
}
.user-package-section .path-list-content .desc-tags h4 {
  color: #ffffff; /* this will change the category package channel/learning path/subscription title text color */
}
.user-package-section .list-package-tags h3 {
  color: #000000; /* this will change the category package channel/learning path/subscription title text color */
}
.user-package-section .list-package-tags li {
  background: #999999; /* this will change the category package channel/learning path tag background color */
  color: #ffffff; /* this will change the category package channel/learning path tag text color */
}
.user-package-section .list-package-tags.purchase-packages .tags-list li:hover {
  background: #666666; /* this will change the category package channel/learning path tag background hover color */
}
.user-package-section .path-list .view-more-btn {
  color: #0A1B2D; /* this will change the category package view more/view less text color */
}
.user-package-section .path-list a.get-started-btn {
  color: #ffffff; /* this will change the category package "Add To Cart" button text color */
  background-color: #670038; /* this will change the category package "Add To Cart" button background color */
}
.user-package-section .path-list a.get-started-btn:hover {
  color: #ffffff; /* this will change the category package "Add To Cart" button hover text color */
  background-color: #000000; /* this will change the category package "Add To Cart" button hover background color */
}
.user-package-section .path-list .view-more-btn:hover {
  color: #d0cdcd; /* this will change the category package view more/view less text hover color */
}
.user-package-section .subscription-list li,
.user-package-section .long-desc-wrap {
  color: #000000; /* this will change the category package subscription list text color */
}
.user-package-section .subscription-list li span,
.user-package-section span.desc-label {
  color: #000000; /* this will change the category package subscription list label text color */
}
.user-package-section .back-login a {
  color: #00a9e4; /* this will change the back to login text color */
}
.user-package-section .back-login a:hover {
  color: #ffffff; /* this will change the back to login hover text color */
}
.user-package-section .add-cart-txt {
  color: #670038; /* this will change the "Added in cart" text color */
}

/* 17.Shopping Cart 
--------------------- */
li.cart-menu a.nav-link,
li.cart-menu a.nav-link:hover {
  color: #000; /* this will change the cart icon color */
}
li.cart-menu a.nav-link span.spnCartCount {
  background: #670038; /* this will change the cart count background color */
  color: #ffffff; /* this will change the cart count text color */
}
.cart-header-section h2 {
  color: #0A1B2D; /* this will change the shopping cart text color */
}
.user-view-cart .cart-header-section h2 {
  color: #ffffff; /* this will change the shopping cart text color (with out login) */
}
.cart-empty-msg {
  color: #000000; /* this will change the shopping cart empty message text color */
}
.cart-empty-msg a {
  color: #0A1B2D; /* this will change the shopping cart empty message "Click Here" link text  color */
}
.user-package-section .cart-empty-msg {
  color: #ffffff; /* this will change the shopping cart empty message text color (with out login) */
}
.user-package-section .cart-empty-msg a {
  color: #670038 !important; /* this will change the shopping cart empty message "Click Here" link text  color (with out login) */
}
.checkout-lists {
  background: #ffffff; /* this will change the shopping cart package list background color */
  color: #000000; /* this will change the shopping cart package list text color */
}
.total-checkout-bar {
  background: #ffffff; /* this will change the total cart background color */
}
.total-checkout-bar h3 {
  color: #000000; /* this will change the order summary text color */
}
.total-checkout-bar .total-price-list p,
.total-checkout-bar .total-qty {
  color: #000000; /* this will change the Total Qty 1 Items/Sub-Total/Total text color */
}
.total-checkout-bar .total-price-list .pay-update-cart a {
  color: #ffffff; /* this will change the Checkout button text color */
  background: #670038; /* this will change the Checkout button background color */
}
.total-checkout-bar .total-price-list .pay-update-cart a:hover {
  color: #ffffff; /* this will change the Checkout button hover text color */
  background: #666666; /* this will change the Checkout button background hover color */
}
.total-checkout-bar .total-price-list .pay-update-cart a:first-child {
  color: #ffffff; /* this will change the Continue Shopping button text color */
  background: #670038; /* this will change the Continue Shopping button background color */
}
.total-checkout-bar .total-price-list .pay-update-cart a:first-child:hover {
  color: #ffffff; /* this will change the Continue Shopping button hover text color */
  background: #666666; /* this will change the Continue Shopping button background hover color */
}

/* 18.User payment steps - with login
--------------------- */
.payment-steps li {
  color: #b5b8b9; /* this will change the payment step text color */
}
.payment-steps li .step-count {
  color: #333333; /* this will change the payment step count text color */
  background: #ffffff; /* this will change the payment step background color */
  border-color: #dddddd; /* this will change the payment step border color */
}
.payment-steps li.active .step-count {
  color: #ffffff; /* this will change the payment step count text color */
}
.payment-steps li.active {
  color: #333333; /* this will change the payment step count text color */
}
.payment-steps li.active span {
  background: #6ec159; /* this will change the payment step count background color */
  border-color: #6ec159; /* this will change the payment step count border color */
}
.last-step:after,
.step-line:before,
.step-line:after {
  background: #dddddd; /* this will change the payment step line color */
}
#button-pay,
.payment-user-info-wrap span.next-step {
  background: #670038; /* this will change the review order button background color */
  color: #ffffff; /* this will change the review order button text color */
}
#button-pay:hover,
.payment-user-info-wrap span.next-step:hover {
  background: #000000; /* this will change the review order button  hover background color */
  color: #ffffff; /* this will change the review order button hover text color */
}

/* 19.User payment steps - with out login 
--------------------- */
.user-package-section .payment-steps li {
  color: #d0cdcd; /* this will change the payment step text color */
}
.user-package-section .payment-steps li .step-count {
  color: #b5b8b9; /* this will change the payment step count text color */
  background: #ffffff; /* this will change the payment step background color */
  border-color: #b5b8b9; /* this will change the payment step border color */
}
.user-package-section .payment-steps li.active .step-count {
  color: #ffffff; /* this will change the payment step count text color */
}
.user-package-section .payment-steps li.active {
  color: #ffffff; /* this will change the payment step count text color */
}
.user-package-section .payment-steps li.active span {
  background: #b5b8b9; /* this will change the payment step count background color */
  border-color: #b5b8b9; /* this will change the payment step count border color */
}
.user-package-section .last-step:after,
.user-package-section .step-line:before,
.user-package-section .step-line:after {
  background: #d0cdcd; /* this will change the payment step line color */
}
.user-package-section #button-pay,
.user-package-section .payment-user-info-wrap span.next-step {
  background: #b5b8b9; /* this will change the review order button background color */
  color: #ffffff; /* this will change the review order button text color */
}
.user-package-section #button-pay:hover,
.user-package-section .payment-user-info-wrap span.next-step:hover {
  background: #000000; /* this will change the review order button background hover color */
  color: #ffffff; /* this will change the review order button text hover color */
}

/* 20.Billing address - with login
--------------------- */
.payment-user-info label {
  color: #000000; /* this will change the label text color */
}
.payment-col select,
.payment-col input,
.payment-user-info .payment-col select,
.payment-user-info .payment-col input {
  background: #ffffff; /* this will change the input/select background color */
  color: #000000; /* this will change the input/select text color */
}

/* 21.Billing address with out login 
--------------------- */
.user-package-section .payment-user-info label {
  color: #ffffff; /* this will change the label text color */
}
.user-package-section .payment-col select,
.user-package-section .payment-col input,
.user-package-section .payment-user-info .payment-col select,
.user-package-section .payment-user-info .payment-col input {
  background: #ffffff; /* this will change the input/select background color */
  color: #000000; /* this will change the input/select text color */
}

/* 22.Review Order - with login
--------------------- */
.payment-review-info .billing-adr h3 {
  color: #333333; /* this will change the Billing address title text color */
}
.payment-review-info .billing-adr p {
  color: #666666; /* this will change the address text color */
}
.payment-cart-item h3 {
  color: #333333; /* this will change the Cart items title text color */
}
.payment-cart-item li {
  background: #ffffff; /* this will change the Cart items package list background color */
}
.payment-cart-item h4 {
  color: #555555; /* this will change the Cart items package title text color */
}
.cart-package-info {
  color: #555555; /* this will change the Cart items package text color */
}

/* 23.Review Order - with out login 
--------------------- */
.user-package-section .payment-review-info .billing-adr h3 {
  color: #ffffff; /* this will change the Billing address title text color */
}
.user-package-section .payment-review-info .billing-adr p {
  color: #ffffff; /* this will change the address text color */
}
.user-package-section .payment-cart-item h3 {
  color: #ffffff; /* this will change the Cart items title text color */
}
.user-package-section .payment-cart-item li {
  background: #ffffff; /* this will change the Cart items package list background color */
}
.user-package-section .payment-cart-item h4 {
  color: #000000; /* this will change the Cart items package title text color */
}
.user-package-section .cart-package-info {
  color: #555555; /* this will change the Cart items package text color */
}

/* 24.Payment - with login 
--------------------- */
.payment-user-type-left li {
  color: #b5b8b9; /* this will change the payment title text color */
}
.payment-user-type-left li:hover,
.payment-user-type-left li.active {
  color: #670038; /* this will change the payment title text active/hover color */
}
.payment-user-card label {
  color: #000000; /* this will change the payment label (Card Number, Card Number, Cvv) color */
}
.input-wrapper {
  background: #ffffff; /* this will change the payment input background color */
}

/* 25.Payment - with out login 
--------------------- */
.user-package-section .payment-user-type-left li {
  color: #ffffff; /* this will change the payment title text color */
}
.user-package-section .payment-user-type-left li:hover,
.user-package-section .payment-user-type-left li.active {
  color: #ffffff; /* this will change the payment title text active/hover color */
}
.user-package-section .payment-user-card label {
  color: #ffffff; /* this will change the payment label color */
}
.user-package-section .input-wrapper {
  background: #ffffff; /* this will change the payment input background color */
}

/* 26.Confirmation - with login 
--------------------- */

.payment-confirmation .payment-success span {
  border-color: #30d968; /* this will change the Payment Successful Icon border color */
  color: #30d968; /* this will change the Payment Successful Icon color */
}
.payment-confirmation .payment-fail span {
  border-color: #f00000; /* this will change the Payment fail Icon border color */
  color: #f00000; /* this will change the Payment fail Icon color */
}
.payment-confirmation .payment-success p.pay-success-txt {
  color: #30d968 !important; /* this will change the Payment Successful text color */
}
.payment-confirmation .payment-fail p,
.payment-confirmation .payment-success p {
  color: #000000 !important; /* this will change the Payment Amount/Confirmation Number text color */
}
.pay-success-home a {
  background: #670038; /* this will change the home button background color */
  color: #ffffff; /* this will change the home button text color */
}
.pay-success-home a:hover {
  background: #000000; /* this will change the home button background hover color */
  color: #ffffff; /* this will change the home button hover text color */
}

/* 27.Confirmation - with out login 
--------------------- */
.user-package-section .payment-confirmation .payment-success span {
  border-color: #ffffff; /* this will change the Payment Successful Icon border color */
}
.user-package-section .payment-confirmation .payment-fail span {
  border-color: #f00000; /* this will change the Payment fail Icon border color */
}
.user-package-section .payment-confirmation .payment-success p.pay-success-txt {
  color: #ffffff !important; /* this will change the Payment Successful text color */
}
.user-package-section .payment-confirmation .payment-fail p,
.user-package-section .payment-confirmation .payment-success p {
  color: #ffffff !important; /* this will change the Payment Amount/Confirmation Number text color */
}
.user-package-section .pay-success-home a {
  background: #b5b8b9; /* this will change the Login button background color */
  color: #ffffff; /* this will change the Login button text color */
}
.user-package-section .pay-success-home a:hover {
  background: #000000; /* this will change the Login button background hover color */
  color: #ffffff; /* this will change the Login button hover text color */
}

/* 28.Redeem package popup 
--------------------- */
#add-redeem-license-key .modal-header h4 {
  color: #000000; /* this will change the title text color */
}
#add-redeem-license-key .license-key-wrap label {
  color: #000000; /* this will change the label  text color */
}
#add-redeem-license-key .license-key-wrap input[type="text"] {
  color: #000000; /* this will change the input color */
  border-color: #000000; /* this will change the input border color */
}
#add-redeem-license-key .license-key-wrap .license-submit-btn {
  background: #670038 !important; /* this will change the submit button background color */
  color: #ffffff !important; /* this will change the submit button text color */
}
#add-redeem-license-key .license-key-wrap .license-submit-btn:hover {
  background: #ffffff !important; /* this will change the submit button hover background color */
  color: #670038 !important; /* this will change the submit button hover text color */
  border: 1px solid #670038 !important;
}

/* 29.Category package details popup (info icon poup) 
--------------------- */
#category-package-details h4,
#package-details h4 {
  color: #000000; /* this will change the title text color */
}
#category-package-details .long-desc-wrap p,
#package-details .long-desc-wrap p {
  color: #000000; /* this will change the description text color */
}
#category-package-details .tags-list li,
#package-details .tags-list li {
  color: #ffffff; /* this will change the Tags text color */
  background: #999999; /* this will change the Tags background color */
}
.package-slide-wrap a.user-info-btn {
  color: #670038; /* this will change the "info icon" color */
}
.package-slide-wrap a.user-info-btn:hover {
  color: #670038; /* this will change the "info icon" hover color */
}

/* 30.Subscribe Message - popup 
--------------------- */
#subscribe-message .modal-header h4 {
  color: #000000; /* this will change the  "Subscribe Message - popup" title color */
}
#subscribe-message .modal-body .order-confirmation-msg {
  color: #000000; /* this will change the  "Subscribe Message - popup" message text color */
}
#subscribe-message .popup-btn-wrap a[title="Yes"] {
  background: #670038; /* this will change the  "Subscribe Message - popup" Yes button background color */
  color: #ffffff; /* this will change the  "Subscribe Message - popup" Yes button text color */
}
#subscribe-message .popup-btn-wrap a[title="Yes"]:hover {
  background: #888888; /* this will change the  "Subscribe Message - popup" Yes button hover background color */
  color: #ffffff; /* this will change the  "Subscribe Message - popup" Yes button hover text color */
}
#subscribe-message .popup-btn-wrap a[title="No"],
#subscribe-message .popup-btn-wrap a[title="Cancel"] {
  background: #670038; /* this will change the  "Subscribe Message - popup" No button background color */
  color: #ffffff; /* this will change the  "Subscribe Message - popup" No button text color */
}
#subscribe-message .popup-btn-wrap a[title="No"]:hover,
#subscribe-message .popup-btn-wrap a[title="Cancel"]:hover {
  background: #888888; /* this will change the  "Subscribe Message - popup" No button hover background color */
  color: #ffffff; /* this will change the  "Subscribe Message - popup" No button hover text color */
}

/* 31.Purchase license flow popup 
--------------------- */
#redeem-license-key .modal-header h4 {
  color: #000000; /* this will change the title text color */
}
#redeem-license-key .modal-body .order-confirmation-msg {
  color: #000000; /* this will change the message text color */
}
#redeem-license-key .pay-update-cart a[title="Yes"] {
  background: #b5b8b9; /* this will change the  "Purchase license flow - popup" Yes button background color */
  color: #ffffff; /* this will change the  "Purchase license flow - popup" Yes button text color */
}
#redeem-license-key .pay-update-cart a[title="Yes"]:hover {
  background: #000000; /* this will change the  "Purchase license flow - popup" Yes button hover background color */
  color: #ffffff; /* this will change the  "Purchase license flow - popup" Yes button hover text color */
}
#redeem-license-key .pay-update-cart a[title="No"] {
  background: #b5b8b9; /* this will change the  "Purchase license flow - popup" No button background color */
  color: #ffffff; /* this will change the  "Purchase license flow - popup" No button text color */
}
#redeem-license-key .pay-update-cart a[title="No"]:hover {
  background: #000000; /* this will change the  "Purchase license flow - popup" No button hover background color */
  color: #ffffff; /* this will change the  "Purchase license flow - popup" No button hover text color */
}

/* 32.Free Subscribe Message popup 
--------------------- */
#free-subscribe-message .modal-header h4 {
  color: #000000; /* this will change the  "Free Subscribe Message - popup" title text color */
}
#free-subscribe-message .order-confirmation-msg p {
  color: #000000; /* this will change the  "Free Subscribe Message - popup" message text color */
}

/* 33.Purchase Order Confirmation popup 
--------------------- */
#proceedcheckout-setting .modal-header h4 {
  color: #000000; /* this will change the  "Purchase Order Confirmation - popup" title text color */
}
#proceedcheckout-setting .modal-body .order-confirmation-msg {
  color: #000000; /* this will change the  "Purchase Order Confirmation - popup" message text color */
}
#proceedcheckout-setting .pay-update-cart a {
  background: #670038; /* this will change the  "Purchase Order Confirmation - popup" button background color */
  color: #ffffff; /* this will change the  "Purchase Order Confirmation - popup" button text color */
}
#proceedcheckout-setting .pay-update-cart a:hover {
  background: #670038; /* this will change the  "Purchase Order Confirmation - popup" button hover background color */
  color: #ffffff; /* this will change the  "Purchase Order Confirmation - popup" button hover text color */
}

/* 34.Terms and conditions popup 
--------------------- */
#terms-conditions .modal-header h4 {
  color: #000000; /* this will change the  "Terms and conditions - popup" title text color */
}
#terms-conditions .modal-body,
#terms-conditions .modal-body p {
  color: #000000; /* this will change the  "Terms and conditions - popup" description text color */
}
#terms-conditions .modal-body a {
  color: #670038; /* this will change the  "Terms and conditions - popup" description link text color */
}
#terms-conditions .modal-body a:hover {
  color: #b5b8b9; /* this will change the  "Terms and conditions - popup" description link text hover color */
}
#terms-conditions .pay-update-cart a {
  background: #670038; /* this will change the  "Terms and conditions - popup" button background color */
  color: #ffffff; /* this will change the  "Terms and conditions - popup" button text color */
}
#terms-conditions .pay-update-cart a:hover {
  background: #b5b8b9; /* this will change the  "Terms and conditions - popup" button background hover color */
  color: #ffffff; /* this will change the  "Terms and conditions - popup" button text hover color */
}

/* 35.Cancel redeem license key confirmation popup 
--------------------- */
#cancel-redeem-license-key .modal-header h4 {
  color: #000000; /* this will change the  "Cancel redeem license key - popup" title text color */
}
#cancel-redeem-license-key .modal-body .order-confirmation-msg {
  color: #000000; /* this will change the  "Cancel redeem license key - popup" description text color */
}
#cancel-redeem-license-key .pay-update-cart a {
  background: #84b125; /* this will change the  "Cancel redeem license key - popup" button background color */
  color: #ffffff; /* this will change the  "Cancel redeem license key - popup" button text color */
}
#cancel-redeem-license-key .pay-update-cart a:hover {
  background: #84b125; /* this will change the  "Cancel redeem license key - popup" button background color */
  color: #ffffff; /* this will change the  "Cancel redeem license key - popup" button text color */
}

/* 36.Thank you for signing up popup 
--------------------- */
#registeration-message .success_modal p {
  color: #000000; /* this will change the  "Thank you for signing up - popup" text color */
}
#registeration-message .modal_ok_btn {
  background: #670038; /* this will change the  "Thank you for signing up - popup" button background color */
  color: #ffffff; /* this will change the  "Thank you for signing up - popup" button text color */
}
#registeration-message .modal_ok_btn:hover {
  background: #000000; /* this will change the  "Thank you for signing up - popup" button hover background color */
  color: #ffffff; /* this will change the  "Thank you for signing up - popup" button hover text color */
}

/* 37.Awards - Overview */
.points-levels {
  color: #67686b; /* this will change the  "Awards - overview" point & level text color */
}
.level-bar {
  background: #d0cdcd; /* this will change the  "Awards - overview" level bar default background color*/
}
.level-bar-filled {
  background: #a8da05; /* this will change the  "Awards - overview" level bar filled background color*/
}
.overview-box li {
  background: #ffffff; /* this will change the  "Awards - overview" box background color*/
  border-color: #cccccc; /* this will change the  "Awards - overview" box border-bottom color*/
  box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 13%);
  border-radius: 2px;
}
.overview-box li h3 {
  color: #67686b; /* this will change the  "Awards - overview" box title color*/
}
.overview-box li h4 {
  color: #67686b; /* this will change the  "Awards - overview" box text color*/
}
.overview-box li a {
   /* this will change the  "Awards - overview" box link text color*/
  color: #000;
    border: 1px solid #5F5F60;
    padding: 6px 15px 6px 15px;
    font-weight: 500;
}

/* 38.Awards - Leaderboard */
.leaderboard-top-rank h3 {
  color: #67686b; /* this will change the  "Awards - Leaderboard" title text color */
}
.leaderboard-top-rank .bootstrap-select button {
  background: #ffffff; /* this will change the  "Awards - Leaderboard" select-box background color */
  color: #0fa9e6; /* this will change the  "Awards - Leaderboard" select-box text color */
}
.leaderboard-top-rank .bootstrap-select .dropdown-toggle:after {
  border-top-color: #b5b0b0; /* this will change the  "Awards - Leaderboard" select-box arrow color */
}
.leaderboard-top-rank .bootstrap-select .dropdown-menu {
  background: #ffffff; /* this will change the  "Awards - Leaderboard" select-box dropdown background color */
  border-color: #cccccc; /* this will change the  "Awards - Leaderboard" select-box dropdown border color */
}
.leaderboard-top-rank .bootstrap-select .dropdown-menu li a {
  color: #0A1B2D; /* this will change the  "Awards - Leaderboard" select-box dropdown text color */
}
.leaderboard-top-rank .bootstrap-select .dropdown-menu li.selected a,
.leaderboard-top-rank .bootstrap-select .dropdown-menu li:hover a {
  color: #2693ff; /* this will change the  "Awards - Leaderboard" select-box dropdown active text color */
}
.lb-date-filter {
  color: #676565; /* this will change the  "Awards - Leaderboard" date input field text color */
}
.date-group button {
  background: #0A1B2D; /* this will change the  "Awards - Leaderboard" date update button background color */
  color: #ffffff; /* this will change the  "Awards - Leaderboard" date update button color */
}
.rank-lists li {
  background: #ffffff; /* this will change the  "Awards - Leaderboard" list background color */
  border-color: #dddddd; /* this will change the  "Awards - Leaderboard"  list border color */
}
.rank-lists li,
.rank-lists li p {
  color: #67686b; /* this will change the  "Awards - Leaderboard"  list text color */
}
.users-list-scroll li.selecteduser,
.all-users-list li:hover {
  background: #f9f4e5; /* this will change the  "Awards - Leaderboard" list hover background color */
  border-color: #c8c8ca; /* this will change the  "Awards - Leaderboard"  list hover border color */
}
.users-list-scroll li.currentuser {
  background: #ece5ce; /* this will change the  "Awards - Leaderboard" currentuser list background color */
  box-shadow: 5px 2px 5px #9c9b96; /* this will change the  "Awards - Leaderboard" currentuser list box-shadow color */
}
.rank-lists.rank-list-head li {
  color: #333333; /* this will change the  "Awards - Leaderboard"  list header text color */
}
.rank-lists.rank-list-head li .sortbycolunm.active {
  color: #0fa9e6; /* this will change the  "Awards - Leaderboard"  list header text active color */
}
.user-details-popup {
  background: #ffffff; /* this will change the  "Awards - Leaderboard"  sidebar background color */
  border-color: #dddddd; /* this will change the  "Awards - Leaderboard"  sidebar border color */
}
.user-details-close span {
  color: #5f5d5d; /* this will change the  "Awards - Leaderboard"  sidebar close icon color */
  border-color: #b7b2b2; /* this will change the  "Awards - Leaderboard"  sidebar close icon border color */
}
.rank-lists .user-image span,
.user-details-meta .user-details-img span {
  background: #0A1B2D; /* this will change the  "Awards - Leaderboard"  no-image background color */
  color: #ffffff; /* this will change the  "Awards - Leaderboard"  no-image text color */
}
.user-details-meta h3 {
  color: #444444; /* this will change the  "Awards - Leaderboard" sidebar username text color */
}
.user-details-meta p {
  color: #444444; /* this will change the  "Awards - Leaderboard" sidebar emailid text color */
}
ul.user-details-points {
  border-color: #dddddd; /* this will change the  "Awards - Leaderboard" sidebar point & level border top color */
  color: #444444; /* this will change the  "Awards - Leaderboard" sidebar point & level text color */
}
.user-details-badges h2 {
  color: #444444; /* this will change the  "Awards - Leaderboard" sidebar badges heading text color */
}
.user-details-badges ul li {
  box-shadow: 0px 1px 2px #cccccc; /* this will change the  "Awards - Leaderboard" sidebar badges box-shadow color */
  background: #ffffff; /* this will change the  "Awards - Leaderboard" sidebar badges background color */
}
.user-details-badges ul li h3 {
  color: #67686b; /* this will change the  "Awards - Leaderboard" sidebar badges title text color */
}
.user-details-badges ul li p {
  color: #67686b; /* this will change the  "Awards - Leaderboard" sidebar badges description text color */
}

/*39.Awards - Trophy Case*/
.trophycase-list li {
  background: #ffffff; /* this will change the  "Awards - Trophy Case" box background color */
  border-color: #cccccc; /* this will change the  "Awards - Trophy Case" box border color */
}
.trophycase-list li h3 {
  color: #444444; /* this will change the  "Awards - Trophy Case" badge title color */
}
.trophycase-list li p {
  color: #444444; /* this will change the  "Awards - Trophy Case" badge description color */
}
.trophycase-list li h4 {
  color: #a7a4a4; /* this will change the  "Awards - Trophy Case" badge completed on date text color */
}
.trophycase-list li .tick-icon {
  background: #9fcd06; /* this will change the  "Awards - Trophy Case" badge tick icon background */
  color: #ffffff; /* this will change the  "Awards - Trophy Case" badge tick icon color */
}
.trophycase-list li .lock-icon {
  color: #000000; /* this will change the  "Awards - Trophy Case" badge lock icon color */
}

/*40.Awards - Info popup*/
.awards-section .modal-header .close {
  color: #5f5d5d; /* this will change the  "Awards"  popup close icon color */
  border-color: #b7b2b2; /* this will change the  "Awards"  popup close icon border color */
}
.awards-section .modal-header .close:hover {
  color: #5f5d5d; /* this will change the  "Awards"  popup close icon hover color */
  border-color: #b7b2b2; /* this will change the  "Awards"  popup close icon hover border color */
}
.awards-section .modal-header h4 {
  color: #000000; /* this will change the  "Awards   popup title text color */
}
.awards-section .modal-body h3 {
  color: #000000; /* this will change the  "Awards"  popup subtitle text color */
}
.awards-section .modal-body p {
  color: #454545; /* this will change the  "Awards"  popup text color */
}
.awards-section .modal-footer button {
  color: #ffffff; /* this will change the  "Awards"  popup button text color */
  background: #00a9e4; /* this will change the  "Awards"  popup button background color */
}
.awards-section .modal-footer button:hover {
  color: #ffffff; /* this will change the  "Awards"  popup button hover text color */
  background: #00a9e4; /* this will change the  "Awards"  popup button hover background color */
}

/*41.Awards - all type popups*/
.preview-popup .close-btn {
  color: #5f5d5d; /* this will change the  "Awards - all type popups"  close icon color */
  border-color: #b7b2b2; /* this will change the  "Awards - all type popups"  close icon border color */
}
.preview-popup .modal-body h2 span {
  color: #000000; /* this will change the  "Awards - all type popups"  message text color */
}
.preview-popup .modal-body h3 {
  color: #454545; /* this will change the   "Awards - all type popups" description text & rewarded text color */
}
.preview-popup .modal-body h2 strong,
.preview-popup .modal-body h3 strong {
  color: #454545; /* this will change the  "Awards - all type popups"  Point text color */
}
.preview-popup .level-bar {
  background: #d0cdcd; /* this will change the  "Awards - all type popups" level bar default background color*/
  color: #000000; /* this will change the  "Awards - all type popups" level bar text color */
}
.preview-popup .level-bar-filled {
  background: #670038; /* this will change the  "Awards - all type popups" level bar filled background color*/
}
.preview-popup .popup-button .buttonprimary {
  color: #ffffff; /* this will change the   "Awards - all type popups" button text color */
  background: #670038; /* this will change the   "Awards - all type popups" button background color */
}
.preview-popup .popup-button .checkbox label {
  color: #000000; /* this will change the  "Awards - all type popups" dont show again check box text color */
}

/*42.Self Registration Payment Mode*/
.payment-method-popup .close {
  color: #333333; /* this will change the  close button color */
}
.payment-method-popup .modal-title {
  color: #333333; /* this will change the  title color */
}
.payment-method-popup .modal-body ul li {
  color: #333333; /* this will change the  options color */
}
.payment-method-popup .radio-button label:before {
  background: #ffffff; /* this will change the radio-button background color */
  border-color: #dddddd; /* this will change the radio-button border color */
}
.payment-method-popup .radio-button i {
  color: transparent; /* this will change the radio-button tick icon color */
}
.payment-method-popup .radio-button input[type="radio"]:checked + label:before {
  background-color: #670038; /* this will change the radio-button active background color */
  border-color: #670038; /* this will change the radio-button active border color */
}
.payment-method-popup .radio-button input[type="radio"]:checked + label i {
  color: #ffffff; /* this will change the radio-button active tick icon color */
}
.payment-method-popup .payment-info-icon i {
  border-color: #670038; /* this will change the info icon border color */
  color: #670038 !important; /* this will change the info icon color */
}
.payment-info-desc {
  border-color: #cccccc; /* this will change the info description border color */
  background-color: #ffffff; /* this will change the info description background color */
  color: #333333; /* this will change the info description text color */
}
.payment-method-popup .modal-footer a {
  color: #ffffff; /* this will change the button text color */
  background-color: #670038; /* this will change the button background color */
  border-color: #670038; /* this will change the button border color */
}
.payment-method-popup .modal-footer a:hover {
  color: #670038; /* this will change the button hover text color */
  background-color: #ffffff; /* this will change the button hover background color */
  border-color: #670038; /* this will change the button hover border color */
}

/*43.Courses*/
.view-all-courses {
  background: #670038; /* this will change the "view all courses" button background color */
  color: #ffffff; /* this will change the "view all courses" button text color */
  border-color: #670038; /* this will change the "view all courses" button border color */
}
.view-all-courses:hover {
  background: #ffffff; /* this will change the "view all courses" button hover background color */
  color: #670038; /* this will change the "view all courses" button hover text color */
  border-color: #670038; /* this will change the "view all courses" button hover border color */
}
.course-section .prof-sub-header .sub-visible-content {
  background: #b5b8b9; /* this will change the "courses list" header background color */
  color: #fff; /* this will change the "courses list" header text color */
}
.course-section .assesment-list .lp-content-list {
  border-top-color: #b5b8b9; /* this will change the "courses list" border color */
}
.course-section .assesment-list .lp-content-list-tit h3,
.course-section .class-list > div {
  color: #464545; /* this will change the "courses list" text color */
}
.class-list .lp-content-action a {
  background: #ffffff; /* this will change the  "courses list" view button background color */
  color: #670038; /* this will change the "courses list" view button text color */
  border-color: #670038; /* this will change the "courses list" view button border color */
}
.class-list .lp-content-action a:hover {
  background: #670038; /* this will change the "courses list" view button background hover color */
  color: #ffffff; /* this will change the "courses list" view button text hover color */
  border-color: #670038; /* this will change the "courses list" view button border color */
}

/*44.My Profile*/
.prof-upgrd-btn {
  background: #0A1B2D; /* this will change the "upgrade" button background color */
  color: #ffffff; /* this will change the "upgrade" button text color */
  border-color: #0A1B2D; /* this will change the "upgrade" button border color */
}
.prof-upgrd-btn:hover {
  background: #0A1B2D; /* this will change the "upgrade" button hover background color */
  color: #ffffff; /* this will change the "upgrade" button hover text color */
  border-color: #0A1B2D; /* this will change the "upgrade" button hover border color */
}
.right_prof_sec .form-group input,
.right_prof_sec .form-group select {
  background: #ffffff; /* this will change the input-field background-color */
  color: #000000; /* this will change the  input-field text color */
  border-color: #000000; /* this will change the  input-field border color */
}
.contact-info-form .right_prof_sec label {
  color: #26313f; /* this will change the label color */
}
.left_prof_sec .delete-logo {
  color:#670038 ; /* this will change the "Remove" thump text color */
}
.right_prof_sec .reset-btn {
  background: #ffffff; /* this will change the "change password" button background color */
  color: #9f9f9f; /* this will change the "change password" button text color */
  border-color: #9f9f9f; /* this will change the "change password" button border color */
}
.right_prof_sec .reset-btn:hover {
  background: #ffffff; /* this will change the "change password" button hover background color */
  color: #670038; /* this will change the "change password" button hover text color */
  border-color: #670038; /* this will change the "change password" button hover border color */
}
.contact-info-form .save-btn {
  background: #b5b8b9; /* this will change the "save changes" button background color */
  color: #fff; /* this will change the "save changes" button text color */
  border-color: #b5b8b9; /* this will change the "save changes" button border color */
}
.contact-info-form .save-btn:hover {
  background: #670038; /* this will change the "save changes" button hover background color */
  color: #fff; /* this will change the "save changes" button hover text color */
  border-color:#670038; /* this will change the "save changes" hover button border color */
}

/* 45.Change password 
--------------------- */
#change_password .modal-header h4 {
  color: #000000; /* this will change the  "Change password - popup" Title text color */
}
#change_password .chng_pswd_frm .form-control.code-input {
  box-shadow: 0 2px 0 #670038; /* this will change the  "Change password - popup" input border color */
  color: #55595c; /* this will change the  "Change password - popup" input text color */
  background: #ffffff; /* this will change the  "Change password - popup" input background color */
}
#change_password .submit-btn {
  background: #b5b8b9; /* this will change the "Change password - popup" button background color */
  color: #fff; /* this will change the "Change password - popup" button text color */
  border-color: #b5b8b9; /* this will change the "Change password - popup" button border color */
}
#change_password .submit-btn:hover {
  background: #670038; /* this will change the "Change password - popup" button hover background color */
  color: #fff; /* this will change the "Change password - popup" button hover text color */
  border-color: #670038; /* this will change the "Change password - popup" hover button border color */
}

/*46.Subscription*/
.prof-sub-header .sub-visible-content {
  background: #ffffff;
  border-bottom: 2px solid #eceeef;
  border-top: 2px solid #eceeef;
}
.prof-sub-header .sub-visible-content p {
  color:#2d2d2d; /* this will change the "subscription list" header text color */
  font-family: "Montserrat", sans-serif  !important;
}
.sub-visible-content *,
.sub-visible-content p,
.sub-visible-content span {
  color: #2c2c2c; /* this will change the "subscription list" list text color */
 

}
.sub-visible-content {
  background: #ffffff; /* this will change the "subscription list" list background color */
}
.sub-hidden-content {
  border-top-color: #eceeef; /* this will change the "subscription list" list detail border color */
  background: #ffffff; /* this will change the "subscription list" list detail background color */
}
.sub-hidden-content * {
  color: #2c2c2c !important; /* this will change the "subscription list" detail text color */
}
.sub-visible-content .subsribed-type i {
  color: #000000; /* this will change the "Subscription Type Icon" color */
}
.show-dtl-btn,
.hide-dtl-btn {
  color: #454545; /* this will change the "Show & Hide" button text color */
  border-color: #b5b8b9; /* this will change the "Show & Hide" button border color */
}
.show-dtl-btn:hover,
.hide-dtl-btn:hover {
  color: #ffffff; /* this will change the "Show & Hide" button hover text color */
  border-color: #670038;
    background-color: #670038; /* this will change the "Show & Hide" button hover background color */
}

/*47.Video Assessment */
.assesment-box .info-box {
  background: #ffffff; /* this will change the "Video Assessment" Box background color */
  border-color: #ffffff; /* this will change the "Video Assessment" Box border color */
}
.assesment-box .current .info-box {
  background: #ffffff; /* this will change the "Video Assessment" active Box background color */
  border-color: #670038; /* this will change the "Video Assessment" active Box border color */
}
.assesment-box .info-box h2 {
  color: #6c6d6f; /* this will change the "Video Assessment" Box text color */
}
.assesment-box .info-box i {
  color: #670038; /* this will change the "Video Assessment" Box icon color */
}
.assesment-box .info-box h2 span {
  color: #670038; /* this will change the "Video Assessment" Box count color */
}
.assesment-box span.avg-score {
  color: #670038; /* this will change the "Video Assessment" Box Avg Score text color */
}
.assesment-list .bootstrap-select.btn-group .dropdown-menu li a span.text {
  color: #454545; /* this will change the "Sort By - Select option" color */
}
.assesment-list
  .bootstrap-select.btn-group
  .dropdown-menu
  li.selected
  a
  span.text,
.assesment-list
  .bootstrap-select.btn-group
  .dropdown-menu
  li
  a:hover
  span.text {
  color: #0A1B2D; /* this will change the "Sort By - Select option" hover color */
}
.assesment-list .bootstrap-select .dropdown-toggle::after {
  border-top-color: #0A1B2D; /* this will change the "Sort By - Select option" arrow color */
}
.assesment-list .bootstrap-select.btn-group .dropdown-menu {
  border-color: #cccccc; /* this will change the "Sort By" dropdown border color */
  background: #ffffff; /* this will change the "Sort By" dropdown background color */
}
.assesment-list .bootstrap-select button {
  background: #ffffff; /* this will change the "Sort By" menu background color */
  border-color: #cccccc; /* this will change the "Sort By" menu  border color */
  color: #454545; /* this will change the "Sort By" menu  text color */
}
.assesment-list .prof-sub-header .sub-visible-content {
  background: #414550; /* this will change the "Video Assessment" list header background color */
  color: #ffffff; /* this will change the "Video Assessment" list header text color */
}
.assesment-list .sub-visible-content *,
.assesment-list .sub-visible-content p {
  color: #ffffff; /* this will change the "Video Assessment" list header text color */
}
.assesment-list .lp-content-list h3 {
  color: #464545; /* this will change the "Video Assessment" list title color */
}
.assesment-list .lp-content-list p {
  color: #9e9e9e; /* this will change the "Video Assessment" contents list color */
}
.assesment-list .graded-points {
  color: #828181; /* this will change the "Video Assessment" Assigned Date & Due Date color */
}
.assesment-list .lp-content-action a {
  background: #ffffff; /* this will change the view button background color */
  color: #670038; /* this will change the view button text color */
  border-color: #670038; /* this will change the view button border color */
}
.assesment-list .lp-content-action a:hover {
  background: #670038; /* this will change the view button background hover color */
  color: #ffffff; /* this will change the view button text hover color */
  border-color: #670038; /* this will change the view button hover border color */
}
.vassessment-cbox label {
  color: #ffffff; /* this will change the video comment label color */
}
.vassessment-cbox textarea {
  background: #ffffff; /* this will change the video comment textarea background color */
  color: #454545; /* this will change the video comment textarea color */
  border-color: #cccccc; /* this will change the video comment textarea border color */
}
.vassessment-cbox span {
  background: #670038; /* this will change the video comment button background color */
  color: #ffffff; /* this will change the video comment button text color */
}
.vassessment-cbox span:hover {
  background: #000000; /* this will change the video comment button hover background color */
  color: #ffffff; /* this will change the video comment button hover text color */
}
.vassessment-cbox span.comment-cancel-btn {
  color: #670038; /* this will change the video comment close icon color */
  background: none;
}
.vassessment-cbox #learnervideocommandlimit {
  color: #ffffff; /* this will change the video comment limot text color */
}
.lp-content-action span {
  color:#670038; /* this will change the "Awaiting feedback" text color */
}
.assesment-list .lp-content-list p.manditoryfields {
  color: #f00000 !important; /* this will change the "Expired" text color */
}
#launchModal .modal-header h4 {
  color: #333333; /* this will change the "Video assessment" launch popup title color */
}
#launchModal .modal-header .close {
  color: #454545; /* this will change the "Video assessment" launch popup close icon color */
}
#launchModal.assess-dash-popup p a {
  color: #454545; /* this will change the "Video assessment" launch popup content list color */
}
#launchModal.assess-dash-popup p a:hover {
  color: #670038; /* this will change the "Video assessment" launch popup content list hover color */
}
.lp-detail-tabs .lp-tabs-menu li a span {
  color: #454545; /* this will change the "Open - waiting for review tab" tab color */
}
.lp-result-img span.no-img {
  background: #670038; /* this will change the "Open - waiting for review tab" profile background color */
  color: #fff; /* this will change the "Open - waiting for review tab" profile text color */
}
.assess-detail .lp-detail-tabs .tab-content h3 {
  color: #828181; /* this will change the "Open - waiting for review tab" title text color */
}
.assess-detail .lp-result-list .lp-result-name p {
  color: #828181; /* this will change the submited date text color */
}
.assess-detail .feedback-btn {
  color: #670038; /* this will change the "Open - waiting for review tab" feedback button color */
  border-color: #670038; /* this will change the "Open - waiting for review tab" feedback button border color */
}
.assess-detail .feedback-btn:hover {
  color: #ffffff; /* this will change the "Open - waiting for review tab" feedback button hover color */
  border-color: #670038; /* this will change the "Open - waiting for review tab" feedback button hover border color */
  background: #670038; /* this will change the "Open - waiting for review tab" feedback button hover background color */
}
.lp-detail-content p.text-red {
  color: #ad634a !important; /* this will change the "Open - waiting for review tab" overdue days text color */
}
.vjs-marker {
  background: #670038 !important; /* this will change the video assessment video marker color */
}
.video-js .vjs-play-progress {
  background-color: #e8e1e1 !important; /* this will change the video assessment video progress background color */
}
.video-js .vjs-big-play-button {
  border-color: #670038; /* this will change the video Play icon border color */
  color: #670038; /* this will change the video Play icon color */
  background-color: #ffffff; /* this will change the video Play icon background color */
}
.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
  border-color: #528001; /* this will change the video Play icon hover border color */
  color: #528001; /* this will change the video Play icon hover color */
  background-color: #ffffff; /* this will change the video Play icon hover background color */
}
.video-js .vjs-control {
  color: #ffffff; /* this will change the video Play Pause icon hover color (progress bar) */
}
.video-js .vjs-progress-holder .vjs-play-progress {
  color: #ffffff; /* this will change the video progress bar handle color */
}

/*Assessment grading section*/
.learner_grader_desc h3,
.learnersubmissions-title,
.assess-title {
  color: #616060; /* this will change the "Grader grading section" title color */
}
.learner_grader_desc .assess-feedback-description {
  background: #ffffff; /* this will change the "Learner & Grader description" background color */
}
.assess-feedback-description.lp-result-list a.accordion-toggle {
  color: #0A1B2D; /* this will change the View more & View less text color */
}
/*Learner Submission*/
.assess-feedback-description {
  background: #d0e3f5; /* this will change the Learner Submission section background color */
}
.lp-result-list-right {
  background: #ffffff; /* this will change the Learner Submission section background color */
}
.lp-result-list.assess-feedback-description .lp-result-name h3 {
  color: #616060; /* this will change the "Learner Submission" Name text color */
}
.lp-result-list.assess-feedback-description .lp-result-name p {
  color: #616060; /* this will change the "Learner Submission" submited date text color */
}
.assess-detail .lp-details-content > div p.learner-description {
  color: #616060; /* this will change the "Learner Submission" description text color */
}
.gradepoint-lists h4 {
  color: #616060; /* this will change the "Learner Submission" gradepoint text color */
}
.gradepoint-lists .info-icon-circle {
  color: #670038; /* this will change the "Learner Submission" gradepoint info icon color */
}
.gradepoint-list-items {
  background: #ffffff; /* this will change the "Learner Submission" gradepoint popup background color */
}
.gradepoint-list-items p label {
  color: #616060; /* this will change the "Learner Submission" gradepoint popup criteria color */
}
.gradepoint-list-items p span {
  color: #616060; /* this will change the "Learner Submission" gradepoint popup criteria point color */
}
.feedback-btn {
  color: #670038; /* this will change the "Learner Re-Submission" feedback button color */
  border-color: #670038; /* this will change the "Learner Re-Submission" feedback button border color */
}
.feedback-btn:hover {
  color: #ffffff; /* this will change the "Learner Re-Submission" feedback button hover color */
  border-color: #670038; /* this will change the "Learner Re-Submission" feedback button hover border color */
  background: #670038; /* this will change the "Learner Re-Submission" feedback button hover background color */
}

/*Feedback section*/
.assess-feedback-section-in {
  background: #ffffff; /* this will change the Feedback section background color */
}
.feedback-tab-menu ul li > label {
  color: #616060; /* this will change the Feedback section criteria name text color */
}
.pointslider-slide .noUi-target {
  border-color: #d3d3d3; /* this will change the Feedback section slider default border color */
  background: #dcdcdc; /* this will change the Feedback section slider default background color */
}
.pointslider-slide .noUi-horizontal .noUi-connect {
  background: #670038; /* this will change the Feedback section slider active background color */
}
.pointslider-slide .noUi-horizontal .noUi-handle {
  border-color: #670038; /* this will change the Feedback section slider Handle color */
}
.pointslider-slide .noUi-pips {
  color: #999999; /* this will change the Feedback section slider point count color */
}
.feedback-pop {
  border-color: #e2e0e0; /* this will change the Feedback section slider popup border color */
  background: #ffffff; /* this will change the Feedback section slider popup background color */
  box-shadow: 1px 2px 4px #e2e2e2; /* this will change the Feedback section slider popup box-shadow color */
}
.feedback-pop h2 {
  color: #807e7e; /* this will change the Feedback section slider popup title color */
}
.feedback-pop .clarity-info span {
  color: #670038; /* this will change the Feedback section slider popup point color */
}
.feedback-tab-menu ul li .clarity-info label {
  color: #616060; /* this will change the Feedback section slider popup point description color */
}
.feedback-pop .close-popup {
  color: #b4b1b1; /* this will change the Feedback section slider popup close icon color */
}
.feedback-pop .close-popup:hover {
  color: #670038; /* this will change the Feedback section slider popup close icon hover color */
}
.criteria-total {
  color: #670038; /* this will change the Feedback section criteria total points color */
  border-color: #dcdcdc; /* this will change the Feedback section criteria total points border color */
}
.feedback-tab-menu ul li label i {
  color: #cfcfcf; /* this will change the Feedback section criteria description icon color */
}
.feedback-tab-menu ul li label .dropdown-menu p {
  color: #616060; /* this will change the Feedback section criteria description text color */
}
.re-submission.checkbox label {
  color: #828181; /* this will change the Require Re-Submission text color */
}
.re-submission.checkbox .cbox {
  border-color: #670038; /* this will change the Require Re-Submission check box border color */
  color: #670038; /* this will change the Require Re-Submission check box checked color */
}
.assess-feedback-section-in .submitedlist p {
  color: #807e7e; /* this will change the Feedback section uploaded files color */
}

/*48.Notification*/
.notification-bell {
  color: #020202; /* this will change the notification bell icon color */
margin-top: 2px;}
.notification-bell span.spnCartCount {
  background:#ffffff !important; /* this will change the notification count background color */
  color:  #670038 !important; /* this will change the notification count text color */
}
a.read-notifi-link {
  background: #670038 !important; /* this will change the "Read all" notification background color */
  color: #ffffff !important; /* this will change the "Read all" notification text color */
}
a.read-notifi-link:hover {
  background: #670038; /* this will change the "Read all" notification hover background color */
  color: #fff; /* this will change the "Read all" notification hover text color */
}
.notification-lists-wrap li {
  background: #ffffff; /* this will change the list background color */
  border-top-color: #eeeeee; /* this will change the list border color */
}
.notification-lists-wrap .user-text,
.top-notification-lists .user-text {
  color: #670038; /* this will change the type icon color */
}
.notify-user-content {
  color: #777777; /* this will change the content color */
}
.notifi-time {
  color: #aaaaaa; /* this will change the time text color */
}
.notify-user-content .notification-list-title,
.top-notification-lists .notify-user-content {
  color: #333333; /* this will change the title color */
}
.notification-lists-wrap li .view-notifi-link {
  background: #ffffff !important; /* this will change the view button background color */
  color: #670038 !important; /* this will change the view button color */
  border: 1px solid #670038 !important;
}
.notification-lists-wrap li .view-notifi-link:hover {
  background: #670038 !important; /* this will change the view button background color */
  color: #ffffff !important; /* this will change the view button color */
}
.notification-lists-head h3 {
  color: #670038 !important; /* this will change the Notification dropdown head title color */
}
.top-notification-lists a.all-notification {
  color: #0A1B2D; /* this will change the Notification dropdown "See all notifications" link color */
}
.top-notification-lists .notifylist-close {
  color: #777777; /* this will change the Notification dropdown list close icon color */
}
.top-notification-lists .notifylist-close:hover {
  color: #000000; /* this will change the Notification dropdown list close icon hover color */
}

/*49.Activity Dashboard*/
.assesment-box-left,
.assesment-box-right {
  background: #ffffff; /* this will change the Activity Dashboard box background color */
  box-shadow: 0px 2px 2px 1px #cccccc; /* this will change the Activity Dashboard box shadow color */
}
.assesment-box-left h3,
.assesment-box-right h3 {
  color: #aaaaaa; /* this will change the Activity Dashboard box title color */
}
.mydashboard-section .assesment-box .info-box h2 {
  color: #6c6d6f; /* this will change the "Video Assessment" Box text color */
}
.mydashboard-section .assesment-box .info-box i {
  color: #abafb1; /* this will change the "Video Assessment" Box icon color */
}
.mydashboard-section .assesment-box .current .info-box i,
.mydashboard-section .assesment-box .info-box:hover i {
  color: #0A1B2D; /* this will change the "Video Assessment" active Box icon color */
}
.mydashboard-section .assesment-box .info-box h2 span {
  color: #abafb1; /* this will change the "Video Assessment" Box count color */
}
.mydashboard-section .assesment-box .current .info-box h2 span,
.mydashboard-section .assesment-box .info-box:hover h2 span {
  color: #0A1B2D; /* this will change the "Video Assessment" active Box count color */
}

/* 50 Learning path Viewer
--------------------------*/
.view-close {
  color: #696969; /* this will change the close icon color */
}
.view-close-text {
  color: #000; /* this will change the close text color */
}
.btn-outline-blue {
  color: #ffffff !important; /* this will change the view full path border color */
  border-color: #ffffff !important; /* this will change the view full path text color */
}
.btn-outline-blue:hover {
  color: #65E3FF; /* this will change the view full path border color on hover */
  border-color: #65E3FF; /* this will change the view full path text color on hover */
}
.lp-detail-inner-sec h2 {
  color: #212529; /* this will change the next/previous content title color */
}
.lp-next-content .next-arrow,
.lp-previous-content .next-arrow {
  color: #670038; /* this will change the next/previous arrow color */
}
.lp-next-content .view-close-text,
.lp-previous-content .view-close-text {
  color: #ffffff; /* this will change the NEXT/PREV arrow text color */
}
.lp-detail-desc-wrap .lp-detail-inner-sec h2 {
  color: #212529; /* this will change the Learning path content title color */
}
.desc-nav li {
  color: #212529; /* this will change the Time/Status/Enrolled text color */
  border-color: #ddd; /* this will change the border color */
}
.cont-complete {
  color: #059c05; /* this will change the Completed/In progress text color */
}
.cont-not-start {
  color: #ff244a; /* this will change the Not started text color */
}
.sidebar-tab-heading {
  color: #4d5259; /* this will change the Description text color */
}
.lp-viewer-section .lp-video-assessment-wrap .lp-detail-inner-sec h2 {
  color: #333; /* this will change the assessment title text color */
}

/* 51 Take Survey
--------------------------*/
.take-servey-page .troubleshooting-stripe {
  background: #26313f; /* this will change the Survey title bar background color */
}
.take-servey-page .troubleshooting-stripe .stripe-title {
  color: #ffffff; /* this will change the Survey title text color */
}
.take-servey-page .stripe-close-btn {
  color: #ffffff; /* this will change the Close button color */
}
.servey-lists-wrap {
  background: #ffffff; /* this will change the Question background color */
}
.servey-list h3 {
  color: #333333; /* this will change the Question title color */
}
.servey-list span.required-servey {
  color: #ff0000; /* this will change the Question required(*) color */
}
.other-comments input,
.servey-list-input input,
.servey-list-input textarea {
  border-color: #cccccc; /* this will change the border color for Input & Textarea */
  background: #ffffff; /* this will change the background color for Input & Textarea */
}
.servey-list .max-length-txt {
  color: #999999; /* this will change the text color for Maximum character limit */
}
.matrix-choice-lists .checkmark,
.multiple-choice .custom-check-box .checkmark {
  background-color: #ffffff; /* this will change the border color for check box and radio buttom */
  border-color: #bbbbbb; /* this will change the background color for check box and radio buttom */
}
.custom-check-box input:checked ~ .checkmark {
  background-color: #2196f3; /* this will change the border color for selected check box and radio buttom */
  border-color: #2196f3; /* this will change the border color for selected check box and radio buttom */
}
.custom-check-box .checkmark:after {
  border-color: #ffffff; /* this will change the tick color for check box and radio buttom */
}
.multiple-choice .custom-check-box {
  color: #555555; /* this will change the option text color for check box and radio buttom */
}
.other-comments label {
  color: #333333; /* this will change the Other comment label color */
}
.promoter-score-head .score-left-txt,
.promoter-score-head .score-right-txt {
  color: #555555; /* this will change the Promoter score label color (Not at all likely, Extremely likely) */
}
.promoter-score span.first-box,
.promoter-score span {
  background: #ffffff; /* this will change the Promoter score box color */
  border-color: #dddddd; /* this will change the Promoter score box border color */
  color: #333333; /* this will change the Promoter score number color */
}
.promoter-score span.score-active,
.promoter-score span:hover {
  background: #209ed1; /* this will change the Promoter score background color for On hover and selected */
  color: #ffffff; /* this will change the Promoter score number color for On hover and selected */
}
.matrix-choice-clm-list {
  color: #555555; /* this will change the Matrix choice column text color */
}
.matrix-choice-row {
  color: #555555; /* this will change the Matrix choice row text color */
}
.matrix-choice-lists.even {
  background: #e0e0e0; /* this will change the Matrix choice row alternative background color */
}
.survey-submit span {
  color: #ffffff; /* this will change the Survey submit button text color */
  background: #670038; /* this will change the Survey submit button background color */
}
.survey-submit span:hover {
  color: #ffffff; /* this will change the Survey submit button text color on hover */
  background: #666666; /* this will change the Survey submit button background color on hover */
}

/* 52.Subscription
--------------------------*/
.subscription-new-design .package-filter h4.panel-title a {
  color: #3c3c3c; /* this will change the filter title text color */
}
.subscription-new-design .package-filter h4.panel-title a i {
  color: #6d6b6b; /* this will change the filter title icon color */
}
.subscription-new-design .package-filter h4.panel-title a,
.subscription-new-design .package-filter .collapse.in,
.subscription-new-design .package-filter .panel-group {
  border-color: #cecbcb; /* this will change the filter border color */
}
.subscription-new-design .checkbox-css {
  color: #757575; /* this will change the checkbox label text color */
}
.subscription-new-design .checkmark {
  border-color: #670038; /* this will change the checkbox border color */
  background-color: #ffffff; /* this will change the checkbox background color */
}
.subscription-new-design input:checked ~ .checkmark {
  background-color: #670038; /* this will change the checkbox active background color */
}
.subscription-new-design .checkbox-css .checkmark:after,
.subscription-new-design .checkbox-css .checkmark:before {
  border-color: #ffffff; /* this will change the checkbox checked icon color */
}
.subscription-new-design .selecting-option label.checkbox-css {
  color: #ffffff; /* this will change the Learning Type tags color */
  background-color: #929191; /* this will change the Learning Type tags background color */
}
.subscription-new-design .selecting-option label.selected.checkbox-css {
  color: #ffffff; /* this will change the Learning Type selected tags color */
  background-color: #414141; /* this will change the Learning Type selected tags background color */
}
.subscription-new-design
  .selecting-option
  .checkbox-css
  input:checked
  ~ .checkmark:before,
.subscription-new-design
  .selecting-option
  .checkbox-css
  input:checked
  ~ .checkmark:after {
  border-color: #ffffff; /* this will change the Learning Type selected tags close icon color */
}
.subscription-new-design .package-filter .form-control {
  background-color: #ffffff; /* this will change the textbox background color */
  color: #454545; /* this will change the textbox text color */
}
.subscription-new-design .package-filter form > span i {
  color: #bcbec1; /* this will change the textbox icon color */
}
.subscription-new-design .package-filter .ng5-slider .ng5-slider-bar {
  background: #d8e0f3; /* this will change the range slider default background color */
}
.subscription-new-design
  .package-filter
  .ng5-slider
  .ng5-slider-active.ng5-slider-pointer:after,
.subscription-new-design .package-filter .ng5-slider .ng5-slider-selection {
  background: #670038; /* this will change the range slider active background color */
}
.subscription-new-design .package-filter .ng5-slider .ng5-slider-pointer {
  background: #ffffff; /* this will change the range slider handle color */
}
.subscription-new-design .package-filter .ng5-slider .ng5-slider-bubble,
.subscription-new-design
  .package-filter
  .ng5-slider
  .ng5-slider-bubble.ng5-slider-limit {
  color: #454545; /* this will change the range slider price text color */
}
.subscription-new-design .resetfilter {
  background: #670038; /* this will change the filter reset button background color */
  color: #ffffff; /* this will change the filter reset button text color */
}
.subscription-new-design .resetfilter:hover {
  background: #666666; /* this will change the filter reset button hover background color */
  color: #ffffff; /* this will change the filter reset button hover text color */
}
.subscription-new-design .find-your-paths,
.subscription-new-design .path-list,
.subscription-new-design .path-list .view-more-btn {
  background: #ffffff; /* this will change the package, session, course list section background color */
}
.subscription-new-design .path-list-left .session-info li {
  color: #5a5959; /* this will change the package, session icons (learnig type, seats available, start date, end date, access) color */
}
.subscription-new-design .path-list-right .p-cost {
  color: #5a5959; /* this will change the package, session, course cost color */
}

/*Common Styles*/
a.user-info-btn {
  color: #0A1B2D; /* this will change the "info icon" color */
  margin-left:5px;
  margin-top:2px;
}
a.user-info-btn:hover {
  color: #0A1B2D; /* this will change the "info icon" hover color */

}
.remove-from-cart {
  color: #ec2323; /* this will change the "Remove icon" color */
}
.remove-from-cart:hover {
  color: #670038; /* this will change the "Remove icon"  hover color */
}
.content-view-button a {
  color: #670038 !important; /* this will change the "List & Grid view icon" color */
 
}
.content-view-button a:hover,
.content-view-button a.active {
  color: #670038 !important; /* this will change the "List & Grid view icon" hover and active color */
}
a.user-like-btn,
a.user-like-btn i,
#more-info-box h2.more-info-title i {
  color: #670038 !important; /* this will change the "Favorite icon" color */
  opacity: 1;
  margin-top: 1px;
}
.back-to-top a {
  background: #670038 !important; /* this will change the "Back To Top" icon background color */
  color: #ffffff; /* this will change the "Back To Top" icon color */
}

/*New Tiles*/
a.user-info-btn-new {
  color: #888888; /* this will change the "info icon text" color*/
}
a.user-info-btn-new span {
  background-color: #888888; /* this will change the "info icon" background color*/
  margin-right: 18px;
}
a.user-info-btn-new:hover {
  color: #888d90; /* this will change the "info icon text" hover color*/
}
a.user-info-btn-new:hover span {
  background-color: #888888; /* this will change the "info icon" hover background color*/
}
span.more-info-icon {
  color: #9e9c9c; /* this will change the "more info dots icon" color*/
  display: flex;
  margin-bottom: 12px;
}
span.more-info-icon:hover {
  color: #00a9e4; /* this will change the "more info dots icon" hover color*/
}
#more-info-box h2.more-info-title {
  color: #454545; /* this will change the "More Info" Popup More Info text color */
  font-size: 18px;
  font-weight: bold;
  font-family:  "Montserrat", sans-serif  !important;
}

.videosection .content-status-grid.cont-notstarted,
.cont-notstarted-label {
  color: #fff; /* this will change the "Not Started" text color */
  background: #670038; /* this will change the "Not Started" background color */
  border-radius: 0px;
  margin-left: 0%;
  top: 31%;
  padding: 2px 8px 2px 8px;
  /* font-weight: 500; */
  font-size: 10px;
  position: absolute;
}

.videosection .content-status-grid.cont-inprogress,
.cont-inprogress-label {
  color: #fff; /* this will change the "In Progress" text color */
  background:#670038 ; /* this will change the "In Progress" background color */
  border-radius: 0px;
  margin-left: 0%;
  top: 31%;
  padding: 2px 8px 2px 8px;
  /* font-weight: 500; */
  font-size: 10px;
  position: absolute;
}

.videosection .content-status-grid.cont-completed,
.cont-completed-label {
  color: #fff; /* this will change the "Completed" text color */
  background: #670038; /* this will change the "Completed" background color */
  border-radius: 0px;
  margin-left: 0%;
  top: 31%;
  padding: 2px 8px 2px 8px;
  font-weight: 500;
  font-size: 12px;
  position: absolute;
}

.videosection .content-status-grid.cont-enrolled,
.cont-enrolled-label {
  color: #fff; /* this will change the "Enrolled" text color */
  background: #670038; /* this will change the "Enrolled" background color */
  border-radius: 0px;
  margin-left: 0%;
  top: 31%;
  padding: 2px 8px 2px 8px;
  /* font-weight: 500; */
  font-size: 10px;
  position: absolute;
}

.content-status-list-due.cont-notstarted {
  color: #fff; /* this will change the "Not Started" text color */
  background: #670038; /* this will change the "Not Started" background color */
  border-radius: 0px;
  /* margin-left: 10%; */
  margin-top: 10% !important;
  padding: 2px 8px 2px 8px;
  font-weight: 500;
  font-size: 10px;
}

.content-status-list-due.cont-inprogress {
  color: #fff; /* this will change the "In Progress" text color */
  background: #670038; /* this will change the "In Progress" background color */
  border-radius: 0px;
  margin-left: 0%;
  margin-top: 32%;
  padding: 2px 8px 2px 8px;

  font-size: 11px;
}

.content-status-list-due.cont-enrolled {
    color: #fff;
    background: #000;
    border-radius: 0px;
    margin-left: 0%;
    margin-top: 32%;
    padding: 2px 8px 2px 8px;
    font-weight: 500;
    font-size: 12px;
}

.content-status-list-due.cont-enrolled {
  color: #fff; /* this will change the "Enrolled" text color */
  background: #670038; /* this will change the "Enrolled" background color */
  border-radius: 0px;
  /* margin-left: 9%; */
  margin-top: 11% !important;
  padding: 2px 8px 2px 8px;
  font-weight: 500;
  font-size: 12px;
}
.cont-progress-bar > label {
  background: #e4e4e4; /* this will change the "progrss bar default background color */
}
.cont-progress-bar label label {
      background: #670038!important; /* this will change the "progrss bar completed % background color */
}
.overdue-text {
  color: #12d440; /* this will change the due date text color */
}

/*Resume video document popup*/
#video-alert .modal-header h4 {
  color: #000000; /* this will change the  Resume video - popup title color */
}
#video-alert .modal-header .close {
  color: #000000; /* this will change the  Resume video - popup close icon color */
  opacity: 1; /* this will change the  Resume video - popup close icon opcity */
}
#video-alert .video-alert-btn a {
  background: #670038; /* this will change the  Resume video - button background color */
  color: #ffffff; /* this will change the  Resume video - button text color */
}
#video-alert .video-alert-btn a:hover {
  border: 1px solid #670038 !important;
  background: #ffffff !important; /* this will change the  Resume video - button hover background color */
  color: #670038 !important; /* this will change the  Resume video - button hover text color */
}
.contact-info-form label
{
  font-family: "Montserrat", sans-serif  !important;
}
.lp-detail-top-section small
{
  font-family: "Montserrat", sans-serif  !important;
}
.sidebar-tab-heading
{
  font-family: "Montserrat", sans-serif  !important;
}
.awards-section p.no-data-found, .lp-content-list p.no-data-found, .lp-detail-content p.no-data-found
{
  font-family: "Montserrat", sans-serif  !important;
}
.lp-detail-section-lists h4, .lp-detail-section-lists h4 a
{
  font-family: "Montserrat", sans-serif  !important;
}
#lp-certificate-message #completionMessage, #lp-certificate-message #completionMessage *, #lp-certificate-message h3
{
  font-family: "Montserrat", sans-serif  !important;
}
.asses-title
{
  font-family: "Montserrat", sans-serif  !important;
}
.learner-title
{
  font-family: "Montserrat", sans-serif  !important;
}
.assesmentv3 .description_content p
{
  font-family: "Montserrat", sans-serif  !important;
}
.assesmentv3 .rubric-content-wrapper .learner-title
{
  font-family: "Montserrat", sans-serif  !important;
}
.learner-list-title
{
  font-family: "Montserrat", sans-serif  !important;
}
.assesmentv3 .learner-list .learner-criteria-desc
{
  font-family: "Montserrat", sans-serif  !important;
}
#assessmentLpViewer .modal-header .close, #assessmentViewer .modal-header .close, #assessmentViewer1 .modal-header .close, #assessmentViewer2 .modal-header .close, #assessmentViewer3 .modal-header .close
{
  color:#670038 ;
}
.modal-header h4
{
  font-family: "Montserrat", sans-serif  !important;
}
/* .show-channel-list-btn
{
    top:100px !important;
} */
/* .tab-header li, .tab-header-detail li
{
    margin-bottom:1px !important;
    gomathi
} */
.channel_detail_list .result-list-view>ul .content-list-view-blk.content-status-list-overdue-wrap, .content-status-list-overdue-wrap
{
    padding-bottom: 0px !important;
}

/* Banner Responsive CSS */
@media only screen and (min-width: 320px) {
  .home-banner-slider-wrap.main-banner {
    min-height: auto !important;
  }
  .home-banner-slider-wrap.main-banner .bx-wrapper,
  .home-banner-slider-wrap.main-banner .bx-viewport {
    max-height: 100% !important;
    height: 100% !important;
  }
}
@media only screen and (min-width: 1600px) {
  .home-banner-slider-wrap.main-banner,
  .home-banner-slider-wrap .main-banner {
    height: 45vh;
    background-position: bottom !important;
  }
}
.home-banner-slider-wrap.main-banner .bx-wrapper,
.home-banner-slider-wrap.main-banner .bx-viewport {
  height: 100% !important;
}

@media only screen and (min-width: 1025px) and (max-width: 1599px) {
  .home-banner-slider-wrap.main-banner,
  .home-banner-slider-wrap .main-banner {
    height: 40vh;
    background-position: bottom !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .home-banner-slider-wrap.main-banner,
  .home-banner-slider-wrap .main-banner {
    height: 17vh;
    background-position: bottom !important;
  }
}
@media only screen and (max-width: 767px) {
  .main-banner {
    height: 10vh !important;
  }
}
/* Banner Responsive CSS */
@media only screen and (min-width: 320px) {
  .home-banner-slider-wrap.main-banner {
    min-height: auto !important;
  }
  .home-banner-slider-wrap.main-banner .bx-wrapper,
  .home-banner-slider-wrap.main-banner .bx-viewport {
    max-height: 100% !important;
    height: 100% !important;
  }
  .main-banner {
    min-height: auto !important;
  }
  .main-banner .bx-wrapper,
  .main-banner .bx-viewport {
    max-height: 100% !important;
    height: 100% !important;
  }
}
@media only screen and (min-width: 1600px) {
  .home-banner-slider-wrap.main-banner,
  .home-banner-slider-wrap .main-banner {
    height: 45vh;
    background-position: bottom !important;
  }
  .main-banner {
    height: 45vh;
    background-position: bottom !important;
  }
  .home-banner-slider-wrap.main-banner .bx-wrapper,
  .home-banner-slider-wrap.main-banner .bx-viewport {
    height: 100% !important;
  }
  .main-banner .bx-wrapper,
  .main-banner .bx-viewport {
    height: 100% !important;
  }
}

/* New design */
.cr-top-menu nav.header-menu {
  clear: none;
}
.cr-top-menu header,
.cr-top-menu-v3 header {
  height: 75px !important;
}
.cr-top-menu header .logo,
.cr-top-menu-v3 header .logo {
  /* margin: 14px 40px -11px 5px !important; */
}
.logo {
    font-size: 10px;
    height: 45px;
    overflow: hidden;
    float: left;
    margin: 0 40px;
    max-width: 200px;
}
.cr-top-menu ul.navbar-nav.page-menu li a,
.cr-top-menu-v3 ul.navbar-nav.page-menu li a {
  font-weight: 600 !important;
  border-bottom: 5px solid transparent;
  color:#5d5d5d;
  /* text-transform: uppercase; */
  /* letter-spacing: 2px; */
}
.navbar-nav .dropdown a.dropbtn {
  font-weight: 600;
  color: white;
  display: none;
}
.cr-top-menu ul.navbar-nav.page-menu li a.active,
.cr-top-menu ul.navbar-nav.page-menu li a:hover,
.cr-top-menu-v3 ul.navbar-nav.page-menu li a.active,
.cr-top-menu-v3 ul.navbar-nav.page-menu li a:hover {
  border-color: #c4c4c4;
  color:#552447;
  border-color: #670038;
}

.nav-item .hdrgt_main .hdrgt_menu {
  width: 280px;
}
.cr-top-menu,
.cr-top-menu-v3 {
  background: #fff;
}
.page-title-wrap .language-filter {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #670038 !important;
}
.language-filter .mat-select-value {
  font-weight: 500;
  color: #000;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  font-weight: 500;
  color: #000;
}
.mat-select-arrow,
.mat-select-disabled .mat-select-value {
  color: #670038 !important;
}
.slide-outer-box .video-post {
  padding-top: 115px;
}

.slide-outer-box span.difficulty-tag {
  border-radius: 0px;
  padding: 2px 8px 2px 8px;
  /* font-weight: 500; */
  font-size: 10px;
  color: #fff;
  background:#670038;
  margin-top: -35%;
  float: right;
  position: relative;
  margin-left: 52%;
}
.slide-outer-box span.category-tag {
  color: #fff;
  background: #000;
  border-radius: 0px;
  margin-left: 0%;
  margin-top: 0%;
  padding: 2px 8px 2px 8px;
  font-weight: 500;
  font-size: 12px;
  float: right;
  display: none;
}
.slide-outer-box span.card-tag-assist,
.slide-outer-box .card-tags {
  font-weight: 500;
  font-size: 12px;
  color: #3e3e3e;
  display: none;
}
.slide-outer-box .video-inner-blk .video-cont h4 {
  padding-bottom: 47px;
}
.language-filter .mat-form-field-infix {
    border: 1px solid #bfbfbf;
    background: transparent;
    width: 150px;
    padding: 6px;
    border-radius: 0px;
    height: 40px !important;
    padding-left: 9px;
    font-size: 11px;
    padding-top: 11px;
}
.group-select button,
a.selectall_menulink,
a.sortby_menulink {
  box-shadow: none;
  padding-top: 6px;
  height: 30px;
  border: 1px solid #808080;
}
.chl-list-view-blk .content-list-view-blk {
    /* filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); */
    border: 1px solid #d2d2d2 !important;
    height: 114px;
    background: #f8f9fa;
}
.chl-list-view-blk .content-list-view-blk:hover {
  border: 1px solid #3c3c3c;
}
.lp-detail-content .title-col p > span,
.title-col p > span {
  font-size: 11px;
  color: #737373;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
}
.result-list-view .like-info-col.list-col a.user-like-btn {
    margin-top: 33px;
}
.result-list-view .like-info-col.list-col a.user-info-btn-new, .result-list-view .like-info-col.list-col a.user-like-btn {
    font-size: 0;
    margin: 32px 10px 0 0;
    line-height: 15px;
}
/* .show-channel-list-btn {
  top: 103px;
} */
.chl-list-view-blk .show-channel-list-btn span {
  border: 1px solid #c4c4c4;
  background: #c4c4c4;
  color: #000;
}
.chl-list-view-blk .show-channel-list-btn span:hover {
  color: #000;
  border-color: #000;
  background: #fff;
}
.chl-list-view-blk .channel-content-lists:before {
  background: #000;
  top: 11px;
}
.chl-list-view-blk .channel-content-lists {
  padding-top: 38px;
}
.chl-list-view-blk .channel-content-lists li {
  height: 93px;
  border-radius: 5px;
  border: 1px solid #d5d5d5;
}
.channel-content-lists .title-col {
  margin-top: 18px;
}
.more-info-action-col .action-btns {
  width: 185px;
  margin-top: 22px;
}
.more-info-action-col .action-btns .action-btn {
  background: #670038 !important;
  color: #ffffff !important;
  border: 1px solid #670038;
  border-radius: 4px;
  font-size: 11px;
  padding: 6px 12px 6px;
}
.more-info-action-col .action-btns .action-btn:hover{
  background: #ffffff !important;
  color: #670038 !important;
  border: 1px solid #670038 !important;
}
.learning-path-top-sec {
  background: #670038;
}
.cr-top-menu,
.cr-top-menu-v3 {
  padding-top: 5px;
}
.video-cont .viewcount {
  color: #3e3e3e;
  font-weight: 600;
  font-size: 12px;
}

span.viewcount.duration-count {
  color: #000;
  font-weight: 500;
  font-size: 11px;
  margin-left: 0px;
}
.videosection span.viewcount span {
  color: #3e3e3e;
  font-weight: 500;
  font-size: 12px;
}
.languageFilterForm label {
    margin-right: 8px;
    font-size: 11px;
    font-weight: 400;
}
.language-info-icon {
  padding-left: 10px !important;
}
.class-calendar .fc-button-primary:not(:disabled).fc-button-active,
.class-calendar .fc-button-primary:not(:disabled):active {
  background-color: #0A1B2D;
  border-color: #0A1B2D;
}
.class-calendar .fc-button-primary.fc-next-button,
.class-calendar .fc-button-primary.fc-next-button:focus,
.class-calendar .fc-button-primary.fc-prev-button,
.class-calendar .fc-button-primary.fc-prev-button:focus {
  color: #0A1B2D;
}
.class-calendar .fc-unthemed td.fc-today .fc-day-number:after {
  background: #0A1B2D;
}
.cr-top-menu .top-notification-lists {
  width: 370px;
  top: 63px;
}
.top-notification-lists a.all-notification {
  color: #670038 !important;
  padding: 15px 10px !important;
  font-weight: 600;
}
.slide-outer-box:hover {
  box-shadow: 0px 7px 28px rgb(32 33 36 / 30%);
}
.learning-path-top-description .breadcrumb-list-1 .icon-svg path {
  stroke: #fff;
}
.page-breadcrump li a,
.page-breadcrump li span {
  color: #fff;

  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
}
.page-breadcrump li:after {
  color: #fff;
}
.learning-path-top-left .custom-page-name {
  color: #fff;
  font-family: "Montserrat", sans-serif  !important;
}
.learning-path-top-sec h1 {
  color: #fff;
  font-size: 22px;
  margin-bottom: 26px;

  font-family: "Montserrat", sans-serif  !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
}
.learning-path-meta-info li.lp-updated-date > svg {
  width: 18px;
}
.learning-path-meta-info li svg,
.learning-path-meta-info li,
.learning-path-progress-text-wrap svg,
.learning-path-progress-text-wrap {
  fill: #fff;
  color: #fff;
  font-weight: 300;
}
.lp-precetage-txt {
  color: #fff;
}
.lp-detail-view-enabled .lp-detail-tabs .lp-tabs-menu li a {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 1px;
    text-align: left;
    font-family: "Montserrat", sans-serif  !important;
}
.lp-detail-view-enabled .lp-detail-tabs .lp-tabs-menu li a.active {
  color: #670038;
  border-bottom: 4px solid #670038;
}
.lp-detail-view-enabled .lp-detail-tabs .lp-tabs-menu li a:hover {
  color: #0A1B2D;
}
.lp-detail-tabs .lp-tabs-menu {
  border-color: #ccc;
  margin-bottom: 25px;
}
.lp-detail-view-enabled .long-description h1:after,
.lp-detail-view-enabled .long-description h2:after,
.lp-detail-view-enabled .long-description h3:after,
.lp-detail-view-enabled .long-description h4:after,
.lp-detail-view-enabled .long-description h5:after,
.lp-detail-view-enabled .long-description h6:after,
.lp-detail-view-enabled .lp-details-info h3:after {
  background:#670038;
  width: 13px;
  height: 13px;
}
.lp-detail-view-enabled .lp-details-info-list h5 {
  color: #0a1b2d;
  font-weight: 600;

  font-family: "Montserrat", sans-serif  !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0.06em;
  text-align: left;
}
.lp-detail-content .lp-details-info-list p {
  font-size: 12px;
  color: #000;
  font-weight: 500;
}
.lp-detail-view-enabled .lp-detail-icon svg {
  fill: #0A1B2D;
}
.lp-detail-icon {
  background: #ececec;
}
.lp-detail-content p {
  line-height: 21px;
  color: #000 !important;
  font-size: 14px;
  margin-bottom: 4px;

  font-family: "Montserrat", sans-serif  !important;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-align: left;
}
.lp-detail-content p a {
  color: #0A1B2D;
  font-weight: 600;
}
.lp-detail-content .long-description ul li:after {
  color: #0A1B2D;
}
.lp-detail-content .long-description ul li {
  color: #000;
}
.lp-detail-section-lists h4,
.lp-detail-section-lists h4 a {
  margin-top: 8px;
  color: #000;
}
.cr-page-channeldetail .chl-list-view-blk .title-col h4 a,
.cr-page-channeldetail .result-list-view .title-col h4 a,
.lp-detail-view-enabled .lp-detail-section-lists h4,
.lp-detail-view-enabled .lp-detail-section-lists h4 a {
  color: #000;
}
.lp-detail-section-list.open .brand-box-top i.fa-minus {
  color: #0A1B2D;
}
.brand-box-top .module-count {
  color: #0A1B2D;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.lp-detail-view-enabled .lp-content-action a:hover,
.lp-detail-view-enabled .lp-content-action a.btn-resume:hover,
.lp-detail-view-enabled .lp-content-action a.btn-completed:hover {
  background: #670038 !important;
  color: #ffffff !important;
  border-color: #670038 !important;
}
.lp-detail-view-enabled .lp-detail-tab-info h3 {
  color: #000000;

  font-family: "Montserrat", sans-serif  !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
}
.lp-detail-tab-info .sec-count {
 color: #555555;
  font-weight: 600;
}
.lp-detail-view-enabled .lp-detail-tab-info .start-learn {
  background:#670038;
  color: #ffffff !important;
  padding: 10px 0;
  font-size: 12px;
  margin-bottom: 16px;
  border: 1px solid #670038;
  border-radius: 1px;

  font-family: "Montserrat", sans-serif  !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0.05em;
}
.lp-detail-view-enabled .lp-detail-tab-info .start-learn:hover {
  background: #fff;
  border: 1px solid #670038;
  color: #670038;
  font-weight: 500;
}
.lp-detail-view-enabled .lp-detail-tab-btn span {
  border-color: #670038 !important;
  color: #670038 !important;
  /* background: #ffffff !important; */
  font-family: "Montserrat", sans-serif  !important;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0em;

}
.lp-detail-view-enabled .lp-detail-tab-btn span:hover{
 color: #ffffff !important;
} 


/* .lp-detail-view-enabled .lp-detail-tab-btn span:hover {
  border-color: #670038 !important;
  color: #ffffff !important;
  background: #670038 !important;
} */
.lp-detail-view-enabled a.user-like-btn.active.favorite-txt span i,
.lp-detail-view-enabled a.user-like-btn.favorite-txt span:hover i {
  color: #0A1B2D;
}
.lp-detail-view-enabled .lp-detail-tab-btn span:hover i {
  color: #0A1B2D;
}
.lp-viewer-head-wrap .lp-viewer-head {
  background-color: #670038 !important;
  color: #ffffff !important;
}
.cr-top-menu .viewer-section {
  margin-top: -62px;
}
.view-close-text,
.lp-back-btn .view-close-text {
  color: #fff;
  font-family: "Montserrat", sans-serif  !important;
}
.lp-next-content .view-close-text,
.lp-previous-content .view-close-text {
  color: #fff;
}
.view-close-text:hover,
.lp-back-btn .view-close-text:hover {
  color: #fff;
}
.lp-next-content .view-close-text,
.lp-previous-content .view-close-text:hover {
  color: #fff;
}
.sec-expand-icon i {
  color: #0A1B2D;
}
.lp-detail-section-list .brand-box {
  border: 1px solid #b4b4b4;
  box-shadow: none;
}
.lp-viewer-section .stripe-sidebar.show-sidebar {
  border: 0.5px solid #0A1B2D;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 50%);
}
.stripe-sidebar {
  padding-top: 20px;
}
.lp-viewer-section .stripe-sidebar {
  width: 24.5%;
}
.hide-lp-desc:hover {
  color: #0A1B2D;
  border-color: #0A1B2D;
}
.show-lp-desc:hover {
  background: #0A1B2D;
  color: #fff;
}
.save-notes-btn,
.save-notes-btn:focus {
  background: #670038 !important;
}
.lp-certificate-wrap .certificate-icon-wrap span {
  border: 1px solid #670038 !important;
  color: #670038 !important;
  font-family: "Montserrat", sans-serif  !important;
  font-weight: 600;
}
.lp-certificate-wrap .certificate-icon-wrap span:hover {
  background: #670038;
  color: #ffffff !important;
  border: 1px solid #670038;
}
.lp-detail-tab-info li {
  color: #000;
  font-weight: 500;
}
.modal-content .slidering a {
  color: #0A1B2D;
}
.slidering .fa-link {
  border: 2px solid #0A1B2D;
}
.uitube-alert-btn a {
  background: #670038 !important;
}
.learning-path-top-description .short-description {
  color: #fff;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
}
.channel_detail_list .result-list-view > ul .chl-list-view-blk {
  margin-bottom: 20px;
}
.upgrade-btn {
  background: #0A1B2D;
  border: 2px solid #0A1B2D;
}
.upgrade-btn:hover {
  background: #fff;
  color: #0A1B2D;
}

.login-btn-header,
.login-register-btn a,
.login-wrap .login-btn {
     background:#670038;
     
     color: #ffffff !important;
     font-size: 14px !important;
     border-radius: 0px;
     padding: 6px 17px !important;
    font-family: "Montserrat", sans-serif  !important;
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #670038 !important;
}
.login-register-btn {
    float: right;
    margin-top: 11px !important;
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #0A1B2D;
}
.lp-detail-page .lp-detail-section-wraps .lp-detail-tags-lists span {
    text-decoration: none;
    background: #ffffff;
    color: #000 !important;
    border: 1px solid #ababab;
    border-radius: 30px;
    padding: 6px 10px 6px 10px;
    font-size: 8px;
}
.lp-detail-page .lp-detail-section-wraps .lp-detail-tags-lists span:hover {
  background-color: #fff;
  color: #0A1B2D;
}
.lp-detail-tab-content.group-select
  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 80%;
  border: 1px solid #000;
}
.cr-page-channeldetail .channel-detail-blk .chl-list-view-blk .img-col {
  margin: 34px 10px 0 15px;
}
.cr-page-channeldetail
  .lp-detail-view-enabled
  .channel-detail-blk
  .chl-list-view-blk
  .title-col {
  margin: 26px 0px;
}
.slider-scroll-wrap {
  height: auto;
}
.owl-carousel.owl-drag .owl-item {
  margin-right: 30px;
}
.cr-top-menu span.top-menu-search, .cr-top-menu-v3 span.top-menu-search{
  color: #fff;
  display: none;
}
.dropbtn{
  font-family: "Montserrat", sans-serif  !important;
}
.chl-enroll-btn{
  color: #000;
    border: 1px solid #000;
    border-radius: 4px;
}
.chl-enroll-btn:hover{
  color: #fff;
    border: 1px solid #0A1B2D;
    border-radius: 4px;
    background: #0A1B2D;
}
.lp-detail-view-enabled .lp-enroll-wrap p.enroll-msg{
  font-family: "Montserrat", sans-serif  !important;
}
.cr-page-channeldetail header, .cr-page-learningpath header{
  background: white;
}
/* .cr-top-menu header, .cr-top-menu-v3 header{
  border-bottom: 3px solid #ccc;
} */
.mydashboard-section .videosection .content-status-grid.cont-inprogress, .cont-inprogress-label {
  color: #000;
  background: #F0B352;
  border-radius: 4px;
  margin-left: 0%;
  top: 86%;
  padding: 1px 10px 1px 10px;
  font-weight: 500;
  font-size: 10px;
  position: absolute;
  left: 6.5%;
  display: none;
}
.mydashboard-section .videosection .videosection .content-status-grid.cont-notstarted,
.cont-notstarted-label{
  color: #ffffff !important;
  background: #670038 !important;
  border-radius: 4px;
  margin-left: 0%;
  top: 86%;
  padding: 1px 10px 1px 10px;
  font-weight: 500;
  font-size: 10px;
  position: absolute;
  
}
.mydashboard-section .videosection .content-status-grid.cont-completed,
.cont-completed-label{
  color: #000;
  background: #F0B352;
  border-radius: 4px;
  margin-left: 0%;
  top: 86%;
  padding: 1px 10px 1px 10px;
  font-weight: 500;
  font-size: 10px;
  position: absolute;
  left: 6.5%;
}
.mydashboard-section .videosection .content-status-grid.cont-enrolled,
.cont-enrolled-label{
  color: #000;
  background: #F0B352;
  border-radius: 4px;
  margin-left: 0%;
  top: 86%;
  padding: 1px 10px 1px 10px;
  font-weight: 500;
  font-size: 10px;
  position: absolute;
  left: 6.5%;
  display: none;
}

.search-form input {
    border: 1px solid #ddd;
    width: 100%;
    padding: 5px 48px 5px 5px;
    border-radius: 3px;
    font-size: 14px;
    color: #666;
    background: #fff;
    height: 40px;
}
.transcript-link{
  color: #000 !important;
}
.overview-box li h3 label{
  font-family: "Montserrat", sans-serif  !important;
}
.reset-btn-loader .login-loader, .submit-loader{
  background-color: #000;
  }
 .login-register-btn a:hover, a.login-btn-header:hover {
    color: black !important;
    background-color: white !important;
    border: 1px solid #000;
   
}

.showing-results.page-full-view .search-grid-col {
width:17.65%;
}
.search-sidebar-fixed {
background: #ffffff;
padding-top: 0;
padding-left: 29px;
padding-right: 0;
top: 214px;
position: absolute;
margin-left: 0;
}

.content-view-button {
    text-align: center;
    
    margin-top: 18px;
}

.advance-search-page .channel_bc {
margin-top: 0;
margin-left: 0;
padding-left: 0px;
}
.showing-results.page-full-view .search-grid-col {
width: 20%;
}
.videosection .video-cont h4 {
min-height: 90px;
}
.advance-search-page .result-grid-view {
margin-top: 20px;
}
.search-filter-icon,
.results-title{
display: none;
}
.search-sidebar-fixed .reset-btn input, 
.search-sidebar-fixed .reset-btn input:hover,
.search-sidebar-fixed .reset-btn input:focus {
height: auto;
border: none;
width: auto;
background: none;
color: #222121;
}
.showing-results.page-full-view{
margin-left: 300px;
padding-top:30px;
padding-left: 0;
padding-right: 0;
}
.search-sidebar-fixed form.search-form {
margin: 15px 0 25px 0;
width: 100%;
display: block;
}
.filter-category .panel-heading,
.filter-category .panel-subtitle,
.filter-category .panel-collapse{
border:none
}
.filter-category .panel-heading h4:before {
position: absolute;
content: "";

top: 20px;
z-index: -1;
left: 0;
right:0;
}
.filter-category h4.panel-title a {
color: #222121;
font-size: 14px;
display: inline;
background: #fff;
padding-right: 20px;
font-weight: 500;
font-family: "Montserrat", sans-serif  !important;

}


.search-sidebar-fixed form label:before {
background: #fff;
border: 1px solid #aaaaaa;
border-radius: 0;
padding-right: 10px;
margin-top: 2px;
}
.filter-category .panel.panel-default {
margin-bottom: 15px;
}
.filter-scroll .mCSB_scrollTools .mCSB_draggerRail {
background: #c0c0c0;
}
.search-sidebar-fixed form label.selected:before {
background-color: #053055;
border-color: #053055;
}
.filter-category h4.panel-title a:hover, 
.filter-category h4.panel-title a:focus {
color: #053055;
}
.search-sidebar-fixed .btn-outline-primary{
color: #053055;
}
.search-sidebar-fixed .btn-outline-primary:hover, 
.search-sidebar-fixed .btn-outline-primary:focus{
background-color: #053055;
}
.search-sidebar-fixed form label{
margin:10px 0;
}
.group-select button, 
a.sortby_menulink, 
a.selectall_menulink {
box-shadow: none;
border: 1px solid #fff;
color: #202124;
font-size: 13px;
}
.group-select .bootstrap-select.btn-group 
.dropdown-menu li a span.text {
color: #454545 !important;
}
.group-select .bootstrap-select.btn-group .dropdown-menu li.selected a span.text, 
.group-select .bootstrap-select.btn-group .dropdown-menu li a:hover span.text,
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
color: #670038 !important;
}
.filter-scroll .mCSB_scrollTools .mCSB_draggerRail,
.filter-scroll .mCustomScrollBox:hover>.mCSB_scrollTools .mCSB_draggerRail {
width: 6px;
}
.filter-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.filter-scroll .mCustomScrollBox:hover>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:4px;
}
.result-list-view .content-lock i {
font-size: 10px;
}
.result-list-view .content-lock {
top: 0px;
left: 0px;
border-radius: 0;
height: 20px;
}
.result-list-view .videosection .v-name, 
.result-list-view .img-col .v-name {
position: absolute;
left: 0;
top: 0;
margin: 0;
border-radius: 0;
}
.channel-count, .videosection .slide-outer-box.islp span.viewcount.duration-count, .search-filter i {
    display: block;
}

.search-filter i {
    top: 0px !important;
    right: 0px !important;
    background: #670038 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 9px !important;
    padding-bottom: 10px !important;
    color: #fff !important;
    height: 34px !important;
}

.filter-category .panel-subtitle span:after, .filter-category .panel-heading h4 a:after, .filter-category .panel-subtitle span.active.opened:after, .filter-category .panel-heading.opened h4 a:after, .filter-category .panel-subtitle span.active:after {
    width: 8px;
    height: 8px;
    border-radius: 0;
    right: 5px;
    top: 5px;
    border: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    cursor: poRoboto;
    transform: rotate(-45deg);
}
.search-sidebar-fixed .reset-btn {
    position: absolute;
    top: 55px;
    right: 1px;
    z-index: 1;
}

.filter-category .panel-subtitle span.active.opened:after, .filter-category .panel-heading.opened h4 a:after {
    transform: rotate(135deg);
    top: 8px;
}

.group-select button, a.selectall_menulink, a.sortby_menulink {
    box-shadow: none;
    padding-top: 6px;
    height: 30px;
    border: 1px solid #808080;
}
.showing-results.page-full-view .search-grid-col {
width:20%;	
}

.advance-search-page .search-text-info {
    margin: 0;
    text-align: left;
    font-weight: bold;
    color: black;
    margin-left: 14px;
}
.cr-top-menu ul.navbar-nav.page-menu li a.active.deactive, .cr-top-menu-v3 ul.navbar-nav.page-menu li a.active.deactive{
  color: #fff;
}

.page-title-wrap.new-page-title-wrap {
    padding: 30px 20px 10px 20px;
    border-bottom: 1px solid #ccc;
}

.advance-search-page .search-text-info {
  margin: 0;
  text-align: left;
  margin-left: 14px;
  min-width: 120px;
  width: 155px;
}

.advance-search-page .result-grid-view {
margin-top: 20px;
}
.advance-search-page .result-list-view {
margin-left: 5px;
margin-top: 22px;
}
.cr-user-notlogged .dropdown {
    display: none;
}
.cr-top-menu ul.navbar-nav.page-menu .dropdown li a{
	color:#000000 !important;
	padding:0 15px;
}
.cr-top-menu ul.navbar-nav.page-menu .dropdown-content li {
	display:block !important;
}
.cr-top-menu ul.navbar-nav.page-menu .dropdown-content {
	padding-top:10px;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #fff;
}

.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    font-size: 12px;
    border-top: 1px solid #fff;
}

.subscription-page .user_subsc_list li {
  box-shadow: none;
}

.user-language select {
  cursor: pointer;
  border: 1px solid #b8b8b8;
  box-shadow: 0 6px 5px -8px #999;
  margin-left: 170px;
}
.selected-tags-list li{
  border: 1px solid #0000004a;
  color: #000000bf;
  font-size: 11px;
}
.selected-tags-list-outer{
  display: flex;
  flex-wrap: wrap;
    align-items: center;
}
ul.selected-tags-list{
  margin-top: 0px;
  width: auto;
}
::selection{
  color: rgb(37 221 177);
}
.no-data-found
{
  font-family: "Montserrat", sans-serif  !important;
}
.check-box input[type=checkbox]:checked+label:before, .check-box input[type=radio]:checked+label:before, .radio-button input[type=checkbox]:checked+label:before, .radio-button input[type=radio]:checked+label:before
{
  background-color:#670038 ;
  border-color:#670038 ;
}
.certificate-icon-wrap span:hover
{
  color: #670038;
}
.assesmentv3 .lp-btn-outline:focus, .assesmentv3 .lp-btn-outline:hover
{
  border-color: #670038 !important;
  color: #670038 !important ;
}
.remaining-small-txt
{
  font-family: "Montserrat", sans-serif  !important;
}
.text-area-md label
{
  font-family: "Montserrat", sans-serif  !important;
}
.assesmentv3 .lp-btn-primary
{
  color: #ffffff !important ;
  background-color:#670038;
}
.assesmentv3 .lp-btn
{
  font-family: "Montserrat", sans-serif  !important;
}
.assesmentv3 .submission-container .submitedon
{
  font-family: "Montserrat", sans-serif  !important;
}
.assessment-viewer-wrap h2
{
  font-family: "Montserrat", sans-serif  !important;
}
.assessment-result-btn a, .assessment-viewer-wrap .assessment-btn
{
  background-color:#670038 ;
  border-bottom: 3px solid  #670038;
}
.selected-tags-list li:hover
{
  color:#670038 ;
  
}
.cont-completed-label, .content-status-list-due.cont-completed, .videosection .content-status-grid.cont-completed
{
 color: white;
 background-color: #670038;
 font-size: 11px;
 padding:2px 8px 2px 8px ;
 border-radius: 0px;
 margin-left: 0%;
 font-weight:500;
 
}
.fas.fa-redo:hover
{
    color: #0A1B2D !important;
}
.assessments-page-category.transcript-wrap .transcript-download-csv:hover .fa-download
{
    color: #0A1B2D !important;
}
/* .show-channel-list-btn
{
  top:99px !important;
} */
.show-channel-list-btn
{
  top: 105px !important;
}

@media screen and (min-width: 1451px) and (max-width: 1750px) {
.showing-results.page-full-view .search-grid-col {
    width:25% !important;
}
}
@media screen and (min-width: 1280px) and (max-width: 1400px) {
.advance-search-page .showing-results.page-full-view .search-grid-col {
    width: 33% !important;
}
}
@media screen and (min-width: 100px) and (max-width: 768px) {
  .result-list-view .channel-content-lists .title-col,
  .chl-list-view-blk .channel-content-lists .title-col,
  .channel-detail-blk .chl-list-view-blk .title-col {
    margin-bottom: -26px;
    width: 100%;
  }
  .cont-status-col span.content-status-list-due {
    padding: 2px 8px 2px 8px;
    
    
  }
  .show-channel-list-btn
  {
    top:100px !important;
  }
  /* .list-view-blk .content-list-view-blk, .chl-list-view-blk .content-list-view-blk
  {
    padding-left:2px !important;
  } */
  .showing-results.page-full-view {
    margin-left: 0;
    padding-top: 0;
}
.cr-top-menu ul.navbar-nav.page-menu li a, 
.cr-top-menu-v3 ul.navbar-nav.page-menu li a {
	color:#000000 !important;
}
.cr-top-menu ul.navbar-nav.page-menu li a.active, 
.cr-top-menu ul.navbar-nav.page-menu li a:hover, 
.cr-top-menu-v3 ul.navbar-nav.page-menu li a.active, 
.cr-top-menu-v3 ul.navbar-nav.page-menu li a:hover {
color:#000 !important;	
}
.cr-top-menu .search-sidebar-fixed {
    height: 100vh !important;
}
.search-sidebar-fixed {
    background: #ffffff;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    top: 55px;
    position: absolute;
    z-index: 9;
    padding-bottom: 15px;
    margin-left: -300px;
    width: 300px;
    border: 1px solid #ccc;
    border-left: none;
}
.search-sidebar-fixed .search-filter-icon {
    display: block;
    background: #fff;
    border: 1px solid #ccc;
    border-left: none;
    top:70px;
}
.lp-detail-view-enabled .lp-detail-tab-info h3, .lp-detail-view-enabled .lp-detail-tab-info .sec-count {
  display: inline-block !important;
}
.lp-detail-view-enabled .lp-detail-tab-info {
  padding-top: 20px !important;
}
.page-breadcrump {
  padding-top: 12px;
}

} 

@media screen and (min-width: 100px) and (max-width: 600px) {
.advance-search-page .showing-results.page-full-view .search-grid-col {
    width: 100% !important;
}
.advance-search-page .page-title-wrap .sortby_main, .advance-search-page .selectall_main {
    float: left !important;
    min-width: 100% !important;
}
/* .advance-search-page .selectall_main .group-select {
	margin-left:48px;
} */
.page-title-wrap .language-filter {
    float: left;
    margin-right: 0;
    margin-top: 10px;
}
.sortby_main .group-select {
    float: left;
    width:100%;
}
.advance-search-page .sortby_main label, .advance-search-page .languageFilterForm label {
display: none;
}
.language-filter .form-control.mat-form-field {
  border: none;
  width: auto;
  min-width: 244px;
  background-color: transparent;
  margin-left: 20px;
}
.header-mobile-search {
	display:none;
}
 .notification-bell {
	background: transparent;
    border: 0;
    font-size: 16px;
    margin-top: 0px;
 }
 .mobile-menu-slide span {
   background: #fff;
 }
 .mydashboard-section .tab-header > ul {
	 white-space: nowrap;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    bottom: -6px;
 }
 /* .mydashboard-section .content-view-button {
	 display:none;
 } */
 /* G change */
 .dashboard-search .search-form {
	 margin:10px 0;
 }
 .user-language select {
  margin-left:0px;
 }
 #login-form-wrap {
   padding:24px !important;
 }
 .hdrgt_main {
   margin-right: 10px !important;
 }
 .cr-page-myprofile .language-filter .form-control.mat-form-field {
   margin-left: 0 !important;
 }
 /* .page-title-wrap .content-view-button {
   display: none;
 } */
 .sortby_main label {
   display: none;
 }
 a.user-info-btn {
   margin-left: 8px;
 }
}

@media screen and (min-width: 1019px) and (max-width: 1100px) {
.advance-search-page .showing-results.page-full-view .search-grid-col {
  width: 50% !important;
}
}
@media screen and (min-width: 600px) and (max-width: 1020px) {
.advance-search-page .showing-results.page-full-view .search-grid-col {
  width: 50% !important;
}
.page-title-wrap .language-filter {
  margin-top: 10px;
}

}

@media screen and (min-width: 1021px) and (max-width: 1100px) {
.showing-results.page-full-view .search-grid-col {
width: 50% !important;
}
}
@media only screen and (max-width: 1024px){
.advance-search-page .showing-results.page-full-view .search-grid-col {
width: 50%;
}

 .cr-login-register-uiversion-1 .login-page-wrap.registeration-page-wrap .login-wrap #registration_form, .cr-uiversion-3 .login-page-wrap.registeration-page-wrap .login-wrap #registration_form
{
  width: 100% !important;
} 
.cr-login-register-uiversion-1 .login-page-wrap.registeration-page-wrap .login-wrap #registration_form, .cr-login-register-uiversion-1 .login-wrap #login-form-wrap, .cr-uiversion-3 .login-page-wrap.registeration-page-wrap .login-wrap #registration_form, .cr-uiversion-3 .login-wrap #login-form-wrap
{
  padding:40px 21px !important;
}
/* .list-view-blk .content-list-view-blk, .chl-list-view-blk .content-list-view-blk
{
    padding-left: 0px !important;
} */
/* div.content-list-view-blk .cont-status-col span.content-status-list-due
{
    margin-top:20px !important;
} */

div.content-list-view-blk .cont-status-col span.content-status-list-due
{
  margin-top:8px !important;
}
.tab-header li
{
  min-height:39px !important;
}
}

.advance-search-page span.viewcount{
  display: none;
}
.advance-search-page span.cont-count-list{
  display: none;
}
.advance-search-page span.duration-count{
  display: unset !important;
}
.new-dashboard .slide-outer-box .duration-count{
  display: none;
}
.new-dashboard .cont-count-list{
  display: none;
}
.new-dashboard .slide-outer-box span.viewcount{
  display: none;
}
.videosection .slide-outer-box span.viewcount.duration-count{
  display: block;
}
.cr-top-menu ul.navbar-nav.page-menu, .cr-top-menu-v3 ul.navbar-nav.page-menu
{
  width: calc(92% - 380px) !important;
}
.cr-top-menu header, .cr-top-menu-v3 header
{
  border-bottom: none !important;
}
.pagecontenttitlewrapper
{
  background:#670038 !important;
}
.card-action-button:hover
{
  background: #670038;
    border-color: #670038;
    color: #fff;
}

.cr-top-menu ul.navbar-nav.page-menu li a{
    font: 26px/41px 'OpenSansSemiBold';
}

.cr-top-menu ul.navbar-nav.page-menu li{
    margin-top: 12px;
}
.cr-uiversion-3 .assessments-page-category .tab-header .chnl-tab-link{
  color: #670038 !important;
}
.dashboardViewStatus-wrapper .mat-select-trigger .mat-select-arrow{
  margin-top: 3px !important;
}
.cr-uiversion-3 .learning-path-top-sec {
  background-color: #670038 !important;
}
.cr-uiversion-3 .lp-detail-section-wraps .lp-detail-tab-left .download-icon{
  border: 1px solid #670038 !important;
  background-color: #ffffff !important;
  color: #670038 !important;
}
.cr-uiversion-3 .detail-addtocartcard-wrap .action-link.download-link:hover, .cr-uiversion-3 .lp-detail-section-wraps .lp-detail-tab-left .download-icon:hover{
  background-color: #670038 !important;
  color: #ffffff !important;
  border: 1px solid #670038 !important;
}
.cr-uiversion-3 .lp-detail-section-wraps .lp-detail-tab-left .lp-detail-icon svg{
  fill: #670038 !important;
}
.cr-uiversion-3 .lp-detail-section-wraps .lp-detail-tab-left .lp-details-info-list h5{
  color: #670038 !important;
}
.cr-uiversion-3 .lp-detail-section-wraps .fav-share-icon-text:hover{
  background-color: #670038 !important;
  color: #ffffff !important;
  border: 1px solid #670038 !important;
}
.cr-uiversion-3 .lp-detail-section-wraps .fav-share-icon-text:hover svg{
  fill:  #fff !important;
  color: #fff !important;
 }
.cr-uiversion-3 .lp-detail-section-wraps .fav-share-icon-text{
  border: 1px solid #670038 !important;
  background-color: #ffffff !important;
  color: #670038 !important;
}
.cr-uiversion-3 .lp-detail-section-wraps .fav-share-icon-text:active svg{
  fill: #670038 !important;
  color:#670038 !important;
}

.cr-uiversion-3 li.cart-menu a.nav-link{
  color: #ffffff !important;
  /* margin: 4px; */
  /* margin-top: -5px !important; */
  top: 10px !important;
}
.cr-uiversion-3 .notification-bell {
  color: #ffffff !important;
  top: 8px;
}
.cr-uiversion-3 .hdrgt_main .hdrgt_menulink span{
  background-color: #ffffff !important;
  color: #670038 !important;
  border: 2px solid #670038 !important;
  line-height: 25px;
}
/* .cr-filters .sortby-wrapper ul.dropdown-menu li.active a{
  color: #670038 !important;
} */
.hdrgt_main{
  top: 10px !important;
}
.channel-content-lists:before{
  background-color: #670038 !important;
}
.fav-share-icon-text .card-action-icons, .ng-star-inserted{
  border-color: #fff !important;
}
.cr-uiversion-3 .lp-detail-section-wraps .lp-detail-tab-left .lp-tabs-menu li a{
  color: #670038 !important;
  
}
.cr-uiversion-3 .lp-detail-section-wraps .lp-detail-tab-left .lp-tabs-menu li.active{
  border-bottom: 3px solid #670038 !important;
}
.cr-uiversion-3 .lp-detail-section-wraps .start-learn:hover{
  background: #ffffff !important;
  border-color: #670038 !important;
  color: #670038 !important;
}
.lp-complete-popup a{
  background-color: #670038 !important;
  color: #ffffff !important;
}
.purchase-options-wrap ul.purchase-options-listing li .label-badge{
  background-color: #670038 !important;
}
.cr-uiversion-3 .purchase-options-check{
  background-color: #670038 !important;
}
.purchase-options-wrap ul.purchase-options-listing li.active .action-link{
  background-color: #670038 !important;
  color: #ffffff !important;
}
.choose-plan-wrap ul.choose-plan-listing li.active, .detail-classes-wrap ul.detail-classes-listing li.active, .purchase-options-wrap ul.purchase-options-listing li.active{
  border-color: #670038 !important;
}
.purchase-options-wrap ul.purchase-options-listing li .cost-txt{
  color: #670038 !important;
}
.cr-uiversion-3 .login-wrap .login-btn{
  background-color: #670038 !important;
  color: #ffffff !important;
}
.cr-category .category-txt-wrapper .reset-txt{
  color: #670038 !important;
}
.mat-option{
  color: #670038 !important;
}
.cr-filters .mat-select-value .mat-select-value-text{
  color: #670038 !important;
}
/* .fav-share-icon-text .ng-star-inserted svg{
  color: #670038 !important;
} */
.cr-uiversion-3 .cart-header-section{
  background-color: #670038 !important;
}
.cr-filters .sortby-wrapper .btn-group.rs-dropdown.open .filter-icon, .cr-filters .sortby-wrapper .filter-icon:hover{
  background-color: #670038 !important;
  color: #ffffff !important;
}
.cr-uiversion-3 .login-btn-header, .cr-uiversion-3 .login-register-btn a{
  background-color: #ffffff !important;
  color: #670038 !important;
  border: 1px solid #670038 !important;
}
/* .far{
  padding: 16px !important;
  margin-left: -17px !important;
} */
.cr-uiversion-3 ul li.my-acnt .hdrgt_menu ul li a {
  /* background-color: #670038 !important; */
  color: #670038 !important;
}
.ng-star-inserted{
  fill: #fff !important;
  }
.cr-uiversion-3 .learning-path-top-sec .learning-path-top-left .lp-updated-date>svg{
  fill: #fff !important;
}
     
.glyphicons::before{
  color: #670038 !important;
}
.cr-uiversion-3.cr-page-notifications .navbar-nav.user-profile-menu-list .notification-bell i.fa-bell{
  color: #ffffff !important;
}
.cr-uiversion-3 .awards-tab-menu li.active:after{
  background-color: #670038 !important;
}
.cr-uiversion-3 .awards-tab-menu li{
  color: #670038 !important;
}
.cr-uiversion-3 .lp-detail-section-wraps .lp-detail-tab-left .lp-detail-section-list .brand-box .sec-expand-icon i{
  color: #670038 !important;
}
.cr-uiversion-3 .cr-top-menu-v3 ul.navbar-nav.page-menu li a{
  color: #ffffff !important;
  /* font-size: 12px; */
  line-height: 52px !important;
}
.cr-uiversion-3 .cr-top-menu-v3 header{
  background-color: #670038 !important;
}
.cr-uiversion-3 .cr-top-menu-v3 ul.navbar-nav.page-menu li a:hover:after{
background-color: #670038!important;
bottom: 10px !important;
height: 3px !important;
width: 84%;
}
/* .cr-uiversion-3 .hdrgt_main .hdrgt_menulink span{
  border: 1px solid #ffffff !important;
} */
.cr-uiversion-3 .cr-top-menu-v3 ul.navbar-nav.page-menu li a.active:after{
  background-color: #ffffff !important;
  height: 3px !important;
  width: 84%;
  bottom: 10px !important;
  font-size: 14px;
}
/* .cr-uiversion-3 .cr-top-menu-v3 ul.navbar-nav.page-menu li a.active:after, .cr-uiversion-3 .cr-top-menu-v3 ul.navbar-nav.page-menu li a:hover:after{
  border-color: 1px solid #fff !important;
} */
/* .cr-uiversion-3 .cr-top-menu-v3 ul.navbar-nav.page-menu li a:hover{
  width: 86%;
  height: 4px;
} */

.show-channel-list-btn span{
  color: #670038 !important;
  border: 1px solid #670038 !important;
  margin-top: -16px !important;
  height: 22px;
  width: 22px;
}
.cr-uiversion-3 .lp-detail-section-wraps .lp-detail-tab-left .lp-tabs-menu li.active a.active{
  color: #670038 !important;
}
/* .cont-status-col span{
  margin-top: 14% !important;
} */
#more-info-box .modal-header h4 span.content-status-grid{
    font-size: 11px;
    padding: 1px 7px;
    border-radius: 3px;
    float: right;
    position: absolute;
    right: 0;
    top: 0px;
}
.cr-uiversion-3 .lp-detail-section-wraps .lp-detail-tab-right .lp-detail-tab-info .sec-count{
  color: #670038 !important;
}
.cr-uiversion-3 .lp-detail-section-wraps .lp-detail-tab-left .lp-detail-section-list .brand-box .module-count{
  color: #670038 !important;
}
.cr-uiversion-3.cr-page-userviewcart .navbar-nav.user-profile-menu-list .nav-link i.fa-shopping-cart{
  color: #ffffff !important;
}
.notifi-main .notification-bell .spnCartCount{
  padding: 1px !important;
}
.cr-uiversion-3 .learning-path-top-sec{
  margin-top: 22px;
}
.dashboard-search .check-box input[type=checkbox]:checked+label:before{
  color: #670038 !important;
  border: 1px solid #670038;
}
.cont-completed-label{
  margin-left: 78% !important;
}
.cr-uiversion-3 .slide-outer-box{
  min-height: 323px !important;
}
.assessment-question .question-count{
  background-color: #670038 !important;
}
.cr-uiversion-3 .activity-dashboard-page .result-list-view ul>li .more-info-action-col span>svg{
  margin: 26px 6px 0px 0px;
}
.assess-name:hover{
  color: #670038 !important;
}
.assess-name{
  color: #8a97a0 !important;
}
.assessment-table tr.mat-header-row{
  background-color: #670038 !important;
}
.download-assessment{
  background-color: #670038 !important;
}
.assessment-icons-lists span i{
  color: #670038 !important;
}
.mat-checkbox-inner-container-no-side-margin{
  background-color: #670038 !important;
}
.assessments-page-category.transcript-wrap .transcript-download-csv{
  color: #670038 !important;
  margin: 0px 10px 6px 10px;
}
.breadcrumb-item i,.vassessmentBack a{
  color: #670038 !important;
}
.assesmentv3 a i{
  color: #670038 !important;
}
#confirmdownload .pay-update-cart a{
  background-color: #670038 !important;
  color: #ffffff !important;
}
#confirmdownload .pay-update-cart a:hover{
  background-color: #ffffff !important;
  color: #670038 !important;
  border: 1px solid #670038 !important;
}
.lp-assessment-action a:hover{
  color:#ffffff !important;
  background-color: #670038 !important;
  border: 1px solid #670038 !important;
}
.lp-assessment-action a{
  color: #670038 !important;
  border: 1px solid #670038 !important;
}
.cr-uiversion-3 .search-form input{
  padding: 6px 25px 13px 6px !important;
}
.class-calendar .fc-button-primary{
  background-color: #670038 !important;
  color: #ffffff !important;
  border: 1px solid #670038 !important;
}
/* .content-desc-info .ng-star-inserted{
  top: 10px !important;
} */


ul.format-list .hide-hsf-custom
{
    display: none !important;
}

/* Start Menu Active Fix for static Page  */
.cr-uiversion-3 .cr-top-menu-v3 ul.navbar-nav.page-menu li.menu-id-3,
.cr-uiversion-3 .cr-top-menu-v3 ul.navbar-nav.page-menu li.menu-id-2,
.cr-uiversion-3 .cr-top-menu-v3 ul.navbar-nav.page-menu li.menu-id-43

{
	
	display: none !important;
} 


.cr-uiversion-3 .cr-top-menu-v3 ul.navbar-nav.page-menu li:nth-last-child(1),
.cr-uiversion-3 .cr-top-menu-v3 ul.navbar-nav.page-menu li:nth-last-child(2)

{
  display: none !important;
}


.languageFilterForm .mat-form-field-infix .mat-select-trigger .mat-select-arrow {
margin-top: 2px !important;

}
.cr-uiversion-3 .learningpath-top-container{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.cr-uiversion-3 .learning-path-top-sec{
  border-radius: 0px;
}
.cr-uiversion-3 .language-filter .mat-form-field-infix{
  height: 40px !important;
}

.cr-uiversion-3 .assessments-page-category .tab-header ul:first-child {
    border-bottom: 1px solid #fff;
}


.cr-uiversion-3 .assesment-box .info-box {
    background: #f6f6f6;

}
.cr-uiversion-3 .lp-detail-section-wraps .lp-detail-tab-left .lp-tabs-menu li:last-child {
  display:none;
}

.content-list-view-blk{
    border: 1px solid #c8c8c8 !important;
}
.videosection .content-status-newgrid{
  background-color: #D0DCBA;
  color: #000000;
  margin-left: 15px;
  margin-top: 20px;
}
.content-status-list-newdue{
    margin: 0px 0 0 0px;
    margin-top: 38px;
    background-color: #D0DCBA;
    color: #000000;
    margin-left: -13px;
}
.calender-event .box-one .one{
    width: 15px !important;
    height: 15px !important;
    margin-top: 0px !important;
}
.one-text{
    font-size: 11px !important;
    font-weight: 600 !important;
}
.calender-event .box-two .two{
    width: 15px !important;
    height: 15px !important;
    margin-top: 0px !important;
}
.two-text{
    font-size: 11px !important;
    font-weight: 600 !important;
}
@media screen and (min-width: 1100px) and (max-width: 1400px) {
    .advance-search-page .title-col {
        width: 310px !important;
    }
    .content-status-list-due {
        margin-top: 34% !important;
    }
   
}

@media screen and (min-width: 1451px) and (max-width: 1750px){
    .result-list-view .title-col{
        width: 500px !important;
    }
}
.chl-enroll-btn{
    margin-top: 20px;
}
.department-list-wraper{
    margin: unset;
    margin-top: 17px;
}
.department-griddropdown{
    top: 160px !important;
    right: 16% !important;
}
.search-grid-col .department-list-wraper{
    margin: 15px 0 0 12px !important;
}
.activity-dashboard-page .cont-progress-bar .department-list-wraper{
   margin: 15px 0 0 15px !important; 
   
}
.assessments-page-category table td .department-list-wraper .department-griddropdown .tab-header li{
    float: unset !important;

}
.assessments-page-category table td .department-list-wraper .department-griddropdown{
    top:22px !important;
    /* right: 22% !important; */
}
.table-responsive table td .department-list-wraper .department-griddropdown{
    /* right: 37% !important; */
}
.activity-dashboard-page .cont-progress-bar .department-list-wraper .department-griddropdown{
    right: 22% !important;
    top:157px !important;
}
.result-grid-view .department-list-wraper{
    margin: 0 0 0 15px !important;
}
.cont-progress-bar .department-list-wraper{
    margin: 12px 0 0 15px !important;
}
.class-list-new-view .department-list-wraper .department-dropdown{
    right: 47% !important;
}
.class-calendar .department-griddropdown{
    top: 64px !important;
    right: 1% !important;
}
.department-list-wraper span{
    font-size: 10px;
    color: #000000;
    font-family: "Montserrat", sans-serif  !important;
    font-weight: 400;
    padding:3px 6px;
    border-radius: 6px;
    margin-right:5px ;
    /* margin-left:5px ; */
}
.cont-progress-bar .department-list-wraper span{
    margin-left: unset !important;
}