body a.btn:focus,
body a.btn:hover,
body button:focus,
body button:hover {
    outline: 0 !important;
    box-shadow: none !important
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-message .u-field-message-notification a,
.xmodule_display.xmodule_SequenceBlock .sequence-nav ol li button.active .icon::before,
body.discussion .has-breadcrumbs .breadcrumbs .all-topics,
body.view-courseware .xmodule_display.xmodule_HtmlBlock a {
    color: #ff001b
}

/*css new custom 24/06/2025*/

.course-rating {
  margin: 30px 15px 30px 0px;
}

.course-rating .title {
    font-size: 30px;
    padding: 13px 0 30px;
    margin-bottom: 0;
    color: #1a1a1a;
    line-height: 36px;
    position: relative; /* Supports pseudo-element positioning */
    font-weight: 500;
}

.course-rating .title::after {
    content: '';
    position: absolute;
    bottom: 8px; /* Adjusted to sit within padding, closer to text */
    left: 0;
    width: 22px; /* Slightly wider for visibility */
    height: 3px; /* Slightly thicker for prominence */
    background-color: #333; /* Matches title color for consistency */
}

.course-rating-content {
  display: flex;
  max-width: 900px;
  margin: 30px 15px 30px 0px;
  flex-wrap: wrap;
}

.average-rating {
  flex-shrink: 0;
  margin-right: 100px;
  width: 250px;
  display: flex;
  flex-direction: column;
}

.average-rating .rating-box {
    box-shadow: 0 0 20px rgba(51, 51, 51, 0.1);
    height: 250px;
}

.rating-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: 500;
  margin: 0 0 15px;
  color: #666;
}

.rating-box {
  background: #fff;
  text-align: center;
  padding: 34px 30px 38px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.average-value {
  font-size: 64px;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 12px;
  color: #e76b5d;
}

.review-star {
  text-align: center;
}

.tm-star-rating {
  font-size: 18px;
  font-family: 'Font Awesome 5 Free';
  display: flex;
  justify-content: center;
  gap: 6px;
  width: 180px; /* 5 stars * 20px + 4 gaps * 5px = 120px */
  overflow: hidden;
}

.tm-star-rating .fas.fa-star,
.tm-star-rating .fas.fa-star-half-alt {
  color: #f6b500;
  font-weight: 900;
  flex: 0 0 auto;
}

.tm-star-rating .far.fa-star {
  color: #ababab;
  font-weight: 400;
  flex: 0 0 auto;
}

.review-amount {
  margin: 18px 0 0;
  font-size: 18px;
  color: #666;
}

.detailed-rating {
  flex-grow: 1;
}

.detailed-rating .rating-title {
  margin: 0 0 42px;
}

.rating-rated-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.rating-point {
  flex-shrink: 0;
  margin: 0 22px 0 0;
}

.rating-point .tm-star-rating {
  font-size: 12px;
  width: 100px; /* 5 stars * 16px + 4 gaps * 5px = 100px */
}

.rating-progress {
  flex-grow: 1;
}

.progress {
  height: 6px;
  border-radius: 2px;
  background: #eee;
  margin: 0;
}

.progress-bar {
  background-color: #e76b5d;
}

.rating-count {
  flex-shrink: 0;
  font-size: 15px;
  font-weight: 500;
  color: #ababab;
  margin: 0 0 0 5px;
  text-align: left;
  min-width: 25px;
}

.course-reviews-area {
  max-width: 900px;
  margin: 30px 15px 15px 30px;
}

.course-reviews-list {
  list-style: none;
  padding-right: 10px; /* Space for scrollbar */
}

/* Apply scrollbar styles only when .scrollable is present */
.reviews-list-wrapper.scrollable .course-reviews-list {
  max-height: 600px; /* Approx height for 5 reviews (120px per review) */
  overflow-y: auto; /* Enable vertical scrollbar when content exceeds max-height */
}

/* Custom scrollbar styling for better appearance */
.reviews-list-wrapper.scrollable .course-reviews-list::-webkit-scrollbar {
  width: 8px;
}

.reviews-list-wrapper.scrollable .course-reviews-list::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.reviews-list-wrapper.scrollable .course-reviews-list::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

.reviews-list-wrapper.scrollable .course-reviews-list::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Custom scrollbar styling for better appearance */
.course-reviews-list::-webkit-scrollbar {
  width: 8px;
}

.course-reviews-list::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.course-reviews-list::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

.course-reviews-list::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.review {
  padding: 20px 15px 15px 0px;
  border-bottom: 1px solid #eee;
  margin: 10px 64px 0 216px;
}

.review-container {
  display: flex;
  flex-wrap: wrap;
}

.review-author {
  width: 100px;
  margin-right: 20px;
}

.review-author img {
    width: 100px;
    height: 100px;
    background: transparent;
    border-radius: 50%;
}

.review-content {
  position: relative;
  flex: 1;
  margin-left: 60px;
}

.review-content .title {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #333;
}

.review-stars-rated {
  position: absolute;
  top: 0;
  right: 0;
}

.course-reviews-area .review-container .review-content .review-stars {
  width: 120px; /* 5 stars * 20px + 4 gaps * 5px = 120px */
  height: 20px;
  font-size: 11px;
  font-family: 'Font Awesome 5 Free';
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
  overflow: hidden;
  line-height: 1;
}

.course-reviews-area .review-container .review-content .review-stars .star-item {
  flex: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  line-height: 20px;
}

.course-reviews-area .review-container .review-content .review-stars .fas.fa-star {
  color: #f6b500;
  font-weight: 900;
}

.course-reviews-area .review-container .review-content .review-stars .far.fa-star {
  color: #ababab;
  font-weight: 400;
}

/*end*/


.footer .footer-rightBg {
    bottom: 55px;
    width: 159px;
}

.navbar-default .right-nav .navbar-nav li a.about {
    line-height: 40px
}

.active>.dropdown-menu,
.verification-process.step-select-track .register-choice .copy-inline,
.xmodule_display.xmodule_ProblemBlock div.problem .action,
.xmodule_display.xmodule_ProblemBlock div.problem .action .problem-action-buttons-wrapper {
    display: block
}

.wrapper-preview-menu {
    background-color: #c8c8c8
}

body.view-in-course .wrapper-course-material .course-material {
    padding: 10px 0 0
}

.wrapper-course-material .course-tabs .tab {
    float: left
}

.search-bar .search-button {
    background: 0 0;
    color: red
}

.course-wrapper .course-content {
    padding: 4px 0 40px 3%
}

.course-wrapper main {
    padding: 0
}

.xmodule_display.xmodule_SequenceBlock .sequence-nav {
    margin-bottom: 5px;
    border: 1px solid #535353;
    height: 33px
}

.course-content .bookmark-button {
    background: 0 0;
    padding: 0;
    border: none;
    position: absolute;
    right: 0;
    top: -92px !important
}

.course-content .bookmark-button:focus,
.course-content .bookmark-button:hover {
    background: 0 0;
    border: none;
    color: #202020;
    outline: 0
}

.xmodule_display.xmodule_SequenceBlock .sequence-nav ol li+li {
    border-left: 1px solid #1a1a1a
}

.xmodule_display.xmodule_SequenceBlock .sequence-nav ol li button {
    height: 30px;
    background: #fff
}

.navbar-default .right-nav .navbar-nav li .dropdown-menu>li>a:focus,
.navbar-default .right-nav .navbar-nav li .dropdown-menu>li>a:hover,
.verification-process .navbar-default .navbar-nav>li>a:focus,
.verification-process .navbar-default .navbar-nav>li>a:hover,
.xmodule_display.xmodule_SequenceBlock .sequence-nav ol li button.active {
    border: none
}

.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup legend {
    font-size: 17px
}

.xmodule_display.xmodule_ProblemBlock div.problem .action .problem-action-button-wrapper {
    background: #b0b0b0;
    border-color: #b0b0b0;
    color: #202020;
    margin-right: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 18px !important
}

.discussion .action-button,
.verification-process .container,
.xmodule_display.xmodule_ProblemBlock div.problem button.btn-brand:focus,
.xmodule_display.xmodule_ProblemBlock div.problem button.btn-brand:hover {
    background: inherit
}

.gradebook-wrapper,
.view-student-notes .wrapper-student-notes,
body.view-in-course .date-wrapper,
div.book-wrapper {
    margin-bottom: 31px
}

.instructor-dashboard-content-2 .data-download-nav .nav-item .btn-link,
.instructor-dashboard-content-2 .instructor-nav .nav-item .btn-link {
    color: #202020;
    text-transform: uppercase
}

.instructor-dashboard-content-2 .data-download-nav .nav-item .btn-link.active-section,
.instructor-dashboard-content-2 .instructor-nav .nav-item .btn-link.active-section {
    border: none;
    color: #ff001b;
    text-decoration: none
}

.instructor-dashboard-content-2 .data-download-nav .nav-item .btn-link:focus,
.instructor-dashboard-content-2 .data-download-nav .nav-item .btn-link:hover,
.instructor-dashboard-content-2 .instructor-nav .nav-item .btn-link:focus,
.instructor-dashboard-content-2 .instructor-nav .nav-item .btn-link:hover {
    border: none;
    color: #ff001b;
    text-decoration: none !important
}

.wiki-wrapper section.wiki .breadcrumbs-header {
    height: 80px !important;
    background: #d9d9d9 !important
}

.discussion-user-profile-board a,
.footer-text a:focus,
.footer-text a:hover,
.wiki-wrapper section.wiki .nav-tabs a,
section.wiki .breadcrumb li a,
section.wiki .breadcrumb li::after {
    color: #ff001b !important
}

section.wiki .btn.btn-primary {
    background-color: #202020 !important;
    background-image: none !important;
    border-color: #202020 !important
}

.footer-text a {
    color: inherit !important
}

.panel-title a,
.panel-title a:focus,
.panel-title a:hover {
    text-decoration: none;
    color: #ff001b
}

.instructor-dashboard-content-2 .wrap-instructor-info a,
.verification-process .ebc-warning p {
    color: #fff
}

.verification-process.step-select-track .register-choice .action-select input,
.verification-process.step-select-track .register-choice .action-select input:focus,
.verification-process.step-select-track .register-choice .action-select input:hover {
    background: red;
    box-shadow: none
}

.course-bookmarks .bookmarks-results-list .bookmarks-results-list-item:focus,
.course-bookmarks .bookmarks-results-list .bookmarks-results-list-item:hover,
.discussion .action-button.action-follow:focus,
.discussion .action-button.action-follow:hover,
.input-group .form-control:focus,
.section.section-upgrade,
.verification-process.step-select-track .register-choice-audit,
.verification-process.step-select-track .register-choice-certificate {
    border-color: red
}

.about-block .ebc-courses,
.course-bookmarks .bookmarks-results-list .bookmarks-results-list-item,
.course-bookmarks .bookmarks-results-list .bookmarks-results-list-item::before,
.course-bookmarks .bookmarks-results-list .bookmarks-results-list-item:hover .list-item-breadcrumbtrail,
.edx-notes-wrapper .annotator-editor .annotator-controls .annotator-cancel,
.edx-notes-wrapper .annotator-editor .annotator-controls .annotator-cancel:focus,
.edx-notes-wrapper .annotator-editor .annotator-controls .annotator-cancel:hover,
.edx-notes-wrapper .annotator-wrapper.annotator-wrapper .annotator-outer.annotator-viewer .annotator-controls button::before,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management-supplemental .link-cross-reference,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .toggle-cohort-management-discussions,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .toggle-cohort-management-secondary,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .wrapper-tabs .tab .toggle-button,
.page-banner .user-messages .user-messages-ul .message-content a,
.profile-wrapper .course-info>.chapters>section .hd a,
.u-field.mode-placeholder:hover span,
.verification-process .content-main>.title,
.verification-process.step-select-track .register-choice .wrapper-copy-inline .important-note-msg b,
.view-profile .wrapper-profile-section-container-two .u-field.mode-placeholder:hover .u-field-title,
.view-profile .wrapper-profile-section-container-two .u-field.mode-placeholder:hover i,
.xmodule_display.xmodule_SequenceBlock .sequence-nav ol li button .fa-bookmark,
.xmodule_display.xmodule_VideoBlock .video .subtitles .subtitles-menu li span,
body.view-statictab .xmodule_display.xmodule_StaticTabBlock a,
div.gradebook-wrapper section.gradebook-content .student-table tr:nth-child(odd) td a {
    color: red
}

.verification-process.step-select-track .register-choice .action-select .purchase-btn {
    padding: 6px 20px;
    background: red;
    font-size: 16px;
    color: #fff;
    font-weight: 700
}

.empty-dashboard-message a.btn,
.empty-dashboard-message a.btn:active,
.empty-dashboard-message a.btn:focus,
.empty-dashboard-message a.btn:hover {
    background-color: #ff001b;
    border: 1px solid #ff001b
}

.empty-dashboard-message a {
    box-shadow: 0 1px 8px 0 rgb(0 0 0 / 10%);
    box-sizing: border-box;
    color: #fff;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    letter-spacing: 1px;
    margin-top: 5px;
    margin-left: 5px;
    padding: 15px 20px
}

.xmodule_display.xmodule_ProblemBlock div.problem .notification {
    max-width: inherit !important
}

.navbar-nav>li .dropdown-menu>li {
    position: relative;
    display: list-item;
    text-transform: inherit;
    font-size: 14px;
}

.deshboard-page .deshboard-tab .tab-nav li {
    width: 33.33%
}

.deshboard-page .course-slide .message-upsell {
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px
}

.deshboard-page .course-slide .message-upsell .wrapper-extended {
    display: flex;
    flex-flow: column wrap;
    color: #00262b
}

.deshboard-page .course-slide .message-upsell .wrapper-extended .wrapper-icon-message {
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap
}

.deshboard-page .course-slide .message-upsell .wrapper-extended .wrapper-icon-message svg {
    flex-shrink: 0;
    width: 43px;
    height: 43px;
    margin-left: -5px
}

.deshboard-page .course-slide .message-upsell .wrapper-extended .wrapper-icon-message .message-copy {
    font-size: 14px;
    line-height: 20.72px;
    min-width: 15rem;
    flex: 2;
    margin: 2px 0 0
}

.discussion-module .btn,
.wmd-prompt-dialog .btn {
    color: #ff001b !important;
    border-color: #ff001b !important
}

.discussion-module .btn:focus,
.discussion-module .btn:hover,
.wmd-prompt-dialog .btn:focus,
.wmd-prompt-dialog .btn:hover {
    border-color: #ff001b !important;
    background-color: #ff001b !important
}

.forum-nav-thread-list-wrapper {
    border: 1px solid #999292
}

.account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link:focus,
.account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link:hover,
.search-bar .cancel-button,
.search-bar .cancel-button:focus,
.search-bar .cancel-button:hover,
.search-bar .search-button:focus,
.search-bar .search-button:hover {
    background: red
}

.courseware-bookmarks-button .bookmarks-list-button {
    font-weight: 700 !important;
    color: #fff !important;
    text-shadow: none !important
}

body.discussion .forum-search .search-input {
    background: #fff;
    height: 40px;
    line-height: 40px
}

body.discussion .forum-search .search-button,
body.discussion .forum-search .search-button:active,
body.discussion .new-post-btn,
body.discussion .new-post-btn:active {
    color: #ffff;
    border: 1px solid #ff001b !important;
    background: #ff001b !important;
    box-shadow: none;
    outline: 0
}

body.discussion .forum-nav-browse-menu-wrapper {
    background: #ffff
}

body.discussion #new-link-image-ok {
    color: #ffff !important;
    background: #ff001b
}

body.discussion #new-link-image-cancel:hover {
    color: #ffff !important
}

.discussion.inline-discussion .new-post-article .add-post-cancel {
    color: #ff001b;
    border-color: #ff001b;
    min-width: auto
}

.wmd-button-bar-js-post-body-undefined button,
.wmd-panel button.wmd-button {
    background: inherit;
    margin: 0
}

.discussion-module .new-post-btn,
.discussion-user-threads .new-post-btn {
    color: #fff;
    text-shadow: none;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    word-wrap: break-word;
    white-space: nowrap;
    border-radius: 3px;
    padding: 6px;
    margin: 0
}

.discussion-module .new-post-btn:focus,
.discussion-module .new-post-btn:hover {
    text-decoration: none !important;
    color: #ff001b;
    border-color: #ff001b;
    background: #fff !important
}

.course-content .bookmark-button.bookmarked:focus,
.course-content .bookmark-button.bookmarked:hover,
.search-bar .cancel-button:focus,
.search-bar .cancel-button:hover,
.search-bar .search-button:focus,
.search-bar .search-button:hover {
    background: #ff001b !important
}

.discussion.inline-discussion .inline-thread .forum-nav-bar .all-posts-btn {
    background: inherit;
    color: #ff001b
}

.course-bookmarks.courseware-results-wrapper,
.discussion-user-profile-board .page-content,
.discussion.inline-discussion .inline-thread,
main.search-results {
    background: #fff
}

.discussion .actions-dropdown .action-list-item {
    background: inherit;
    border: none
}

.course-message .message-content .goal-options-container .goal-option.dismissible:focus,
.course-message .message-content .goal-options-container .goal-option.dismissible:hover,
.discussion .comments .comment-form .discussion-submit-comment,
.discussion-module .forum-new-post-form .submit,
.discussion-user-profile-board .add-response button {
    color: #fff !important
}

#course_info .enrollment-wrapper table,
.discussion-user-profile-board .page-content .course-content {
    width: 100%
}

.discussion-user-profile-board .discussion-submit-post {
    background: red;
    border-radius: 0;
    color: #fff !important;
    font-size: 12px
}

.course-content .bookmark-button.bookmarked {
    background-color: #ff001b;
    color: #fff;
    border: none;
    padding: 0 12px;
    top: -93px !important
}

.new-entity-div .courses-paths.new-paths .courses-col {
    overflow: visible;
    border-radius: 12px;
    z-index: 1000
}

.new-entity-div .courses-paths.new-paths .courses-col::before {
    content: '';
    display: block;
    position: absolute;
    background: #9f9fa0;
    top: -5px;
    left: -5px;
    border: 1px solid #555456;
    width: 100%;
    height: 100%;
    z-index: -1
}

.new-entity-div .courses-paths.new-paths .courses-col::after {
    content: '';
    display: block;
    position: absolute;
    background: #9f9fa0;
    top: -10px;
    left: -10px;
    border: 1px solid #555456;
    width: 100%;
    height: 100%;
    z-index: -2
}

.new-entity-div .courses-paths.new-paths .courses-col .level-text {
    bottom: 5px
}

.deshboard-page .course-slide .path-details p.tip {
    font-size: 14px
}

.xmodule_display.xmodule_SequenceBlock .sequence-nav button.active,
.xmodule_display.xmodule_SequenceBlock .sequence-nav button.focused,
.xmodule_display.xmodule_SequenceBlock .sequence-nav button:active,
.xmodule_display.xmodule_SequenceBlock .sequence-nav button:hover,
.xmodule_display.xmodule_SequenceBlock .sequence-nav-button.active,
.xmodule_display.xmodule_SequenceBlock .sequence-nav-button.focused,
.xmodule_display.xmodule_SequenceBlock .sequence-nav-button:active,
.xmodule_display.xmodule_SequenceBlock .sequence-nav-button:hover {
    border-bottom-color: red
}

.section.section-upgrade .btn-upgrade {
    background-color: red;
    color: #fff;
    font-family: Choplin-SemiBold;
    font-size: 15px;
    min-width: 160px;
    text-transform: uppercase;
    line-height: 25px
}

#welcome-message-content a,
.course-message .message-content .goal-options-container .goal-option.dismissible,
.course-updates .all-updates .updates-article .article-content a,
.date-summary-container .date-summary .date-summary-link a,
.date-summary-container .date-summary a,
.discussion .action-button.action-follow .action-label,
.discussion .actions-dropdown .action-list-item:focus,
.discussion .actions-dropdown .action-list-item:hover,
.discussion .post-label.post-label-following,
.discussion-body .discussion-article a,
.discussion-body .discussion-article a:focus,
.discussion-body .discussion-article a:hover,
.discussion-response .response-header-content .username,
.enrollment-status-link-wrapper a,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management-settings .form-cancel,
.instructor-dashboard-wrapper-2 section.idash-section#data_download .problem-browser .block-browser a,
.instructor-dashboard-wrapper-2 section.idash-section#student_admin .action-type-container a,
.instructor-dashboard-wrapper-2 section.idash-section#student_admin .progress-link-wrapper a,
.search-results .search-load-next,
.section-handouts a,
.wmd-prompt-dialog .field-group .field .field-hint a,
.xmodule_display.xmodule_SequenceBlock .sequence-nav ol li button .check-circle .fa-check-circle {
    color: red !important
}

.discussion .action-button.action-follow.is-checked .action-icon,
.discussion .action-button.action-follow:focus .action-icon,
.discussion .action-button.action-follow:hover .action-icon {
    background-color: red;
    border: 1px solid red
}

#grade-info table#submissions a.button,
#sga-content a.button,
.instructor-dashboard-wrapper-2 section.idash-section#discussions_management .discussions-nav .divided-discussion-text,
.instructor-dashboard-wrapper-2 section.idash-section#student_admin .action-type-container blockquote,
body.discussion .view-discussion-home .label-settings {
    color: #000
}

body.discussion .discussion-body .reply-post-control .discussion-submit-post {
    color: #ffff;
    border: 1px solid #ff001b;
    background: #ff001b
}

body.discussion #file-upload-proxy,
body.discussion #file-upload-proxy:focus,
body.discussion #file-upload-proxy:hover {
    color: #fff !important;
    border-color: #ff001b !important;
    background: #ff001b !important;
    margin: 15px 0
}

.courseware-results.search-results ol.search-result-list {
    background: #fff;
    border-top: none;
    padding: 20px 10px;
    border-bottom: 1px solid #e4e4e4
}

.search-results .search-results-item .result-type {
    bottom: 20px;
    top: inherit
}

div.book-wrapper section.book-sidebar {
    box-sizing: border-box;
    padding: 10px 0;
    border-radius: 3px 0 0 3px;
    border: 1px solid #c8c8c8;
    border-right: none;
    width: 180px
}

body.view-in-course .instructor-dashboard-wrapper-2,
body.view-in-course .static_tab_wrapper {
    margin-bottom: 30px !important
}

div.book-wrapper {
    background: #d8d8d8;
    border-width: 48px 55px;
    border-color: #202020;
    border-style: solid
}

.ecommerce-wrapper span.tip .add,
.ecommerce-wrapper span.tip .add:focus,
.instructor-dashboard-wrapper-2 .customBrowseBtn .file-browse .browse,
.proctoring-wrapper span.tip .add,
.proctoring-wrapper span.tip .add:focus {
    border-color: red;
    background: red;
    text-shadow: none;
    box-shadow: none;
    outline: 0
}

.instructor-dashboard-wrapper-2 .customBrowseBtn .file-browse .browse {
    padding: 2px 10px
}

.course-message .message-content .goal-options-container .goal-option,
.course-message .message-content .goal-options-container .goal-option:not(.dismissible):first-of-type {
    border-color: red;
    color: red;
    font-family: Choplin-SemiBold;
    text-transform: uppercase;
    font-size: 11px
}

.course-message .message-content .goal-options-container .goal-option:focus,
.course-message .message-content .goal-options-container .goal-option:hover,
.course-message .message-content .goal-options-container .goal-option:not(.dismissible):first-of-type:focus,
.course-message .message-content .goal-options-container .goal-option:not(.dismissible):first-of-type:hover {
    color: #fff;
    background: red
}

.courses-col .course_instructor span.instructor {
    font-family: 'Open Sans' !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.hover-content .hover-content-col .learn-more:focus,
.hover-content .hover-content-col .learn-more:hover {
    color: #f9b232 !important
}

.path-row .pathvideo-content a.abt-link {
    color: red !important;
    display: inline-block;
    margin: 5px 0 0;
    font-size: 18px;
    text-decoration: underline
}

.path_enrollment_mode_form #register_error {
    padding-top: 25px;
    color: red;
    font-weight: 600
}

#gradebook-content-div {
    background: #fafafa !important;
    padding: 0 !important
}

.forum-nav-thread.never-read .forum-nav-thread-link {
    border-left: 3px solid red;
    color: red
}

#grade-info table#submissions a,
#grade-info table#submissions a:focus,
#grade-info table#submissions a:hover,
#sga-content a,
#sga-content a:focus,
#sga-content a:hover,
.forum-nav-thread .forum-nav-thread-link:focus .fa-comments,
.forum-nav-thread .forum-nav-thread-link:hover .fa-comments,
.verification-process.step-select-track .register-choice .wrapper-copy-inline .important-note-msg a,
.verification-process.step-select-track .register-choice .wrapper-copy-inline .important-note-msg a:focus,
.verification-process.step-select-track .register-choice .wrapper-copy-inline .important-note-msg a:hover {
    color: red;
    text-decoration: none !important
}

.wrapper-preview-menu .preview-menu a.btn:active {
    background-color: #1a1a1a;
    border-color: #1a1a1a
}

.page-header .page-header-secondary .btn-primary:active {
    background-color: red;
    color: #fff
}

.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields .u-field.u-field-country,
.wrapper-profile-sections .learner-achievements {
    display: none
}

.u-field.mode-placeholder:hover,
.view-profile .profile-image-field .image-wrapper .u-field-upload-button:focus,
.view-profile .profile-image-field .image-wrapper .u-field-upload-button:hover,
.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one,
.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields .u-field:not(.u-field-readonly):not(:last-child):hover.mode-placeholder,
.view-profile .wrapper-profile-section-container-two .u-field.mode-placeholder:hover {
    border-color: red
}

.window-wrap .content-wrapper {
    margin-top: 0
}

.course-content .bookmark-button:focus,
.course-content .bookmark-button:hover,
.support-table a.certificate-link:focus,
.support-table a.certificate-link:hover {
    text-decoration: none !important
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .message .action-create {
    text-shadow: none;
    box-shadow: none
}

form#wiki_revision .CodeMirror:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea:focus {
    border-color: #ff001b
}

.instructor-dashboard-wrapper-2 section.idash-section#discussions_management .form-submit,
.instructor-dashboard-wrapper-2 section.idash-section#discussions_management .form-submit:focus:not(:disabled),
.instructor-dashboard-wrapper-2 section.idash-section#discussions_management .form-submit:hover:not(:disabled) {
    background: #ff001b !important;
    border-color: #ff001b !important
}

.instructor-dashboard-wrapper-2 section.idash-section#certificates .btn-blue {
    color: #fff;
    text-shadow: none;
    box-shadow: none;
    padding: 8px 10px
}

.instructor-dashboard-wrapper-2 section.idash-section#certificates .btn-blue:hover {
    padding: 8px 10px
}

.verification-process.step-select-track .register-choice-certificate .deco-ribbon {
    background: url("/static/ebc-theme/images/verified-ribbon.7f7be9a83c49.png") no-repeat
}

.ebc-subscription-status .ebc-warning.trial-warning a {
    font-weight: 700;
    text-decoration: underline
}

.account-settings-sections .section .account-settings-section-body .u-field .field select~.icon-caret-down::after {
    border-top: 7px solid #ff001b
}

.course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item a:focus,
.course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item a:hover,
.hover-content .hover-content-col .learn-more:focus,
.hover-content .hover-content-col .learn-more:hover,
.profile-wrapper .course-info>.chapters>section .hd a:focus,
.profile-wrapper .course-info>.chapters>section .hd a:hover,
.view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-message .u-field-message-notification a:focus,
.view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-message .u-field-message-notification a:hover {
    text-decoration: none
}

.course-wrapper .course-content div.timed-exam button.gated-sequence a,
.course-wrapper .course-content div.timed-exam button.gated-sequence a:focus,
.course-wrapper .course-content div.timed-exam button.gated-sequence a:hover,
.date-wrapper .timeline-title a,
.date-wrapper .timeline-title a:focus,
.date-wrapper .timeline-title a:hover,
.edx-notes-wrapper .annotator-adder button::after,
.edx-notes-wrapper .annotator-adder button:focus::after,
.edx-notes-wrapper .annotator-adder button:hover::after,
.group-row .group-subscriptions a,
.group-row .group-subscriptions a:focus,
.group-row .group-subscriptions a:hover,
.instructor-dashboard-content-2 .report-generation-status .msg a,
.instructor-dashboard-content-2 .report-generation-status .msg a:focus,
.instructor-dashboard-content-2 .report-generation-status .msg a:hover,
.view-student-notes .placeholder-cta-copy a,
.view-student-notes .placeholder-cta-copy a:focus,
.view-student-notes .placeholder-cta-copy a:hover {
    color: red;
    text-decoration: none
}

.course-outline .block-tree .section .section-name .section-title,
.course-outline .block-tree .section ol.outline-item .subsection .subsection-title {
    font-family: 'Open Sans', sans-serif
}
section.about-course.new_section .detail-box .detail-category:first-child label,
section.about-course.new_section .detail-box .detail-category:first-child span,
section.about-course.new_section .detail-box .detail-category:first-child .icon{
    color: #fff;
}
.new-vc-content .detail-box .detail-category label,
section.about-course.new_section .detail-box .detail-category label,
section.about-course.new_section .detail-box .detail-category span {
    text-shadow: none
}
section.about-course.new_section .detail-box .detail-category.price-text{
    margin-bottom: 0;
}
section.about-course.new_section .detail-box .detail-category.price-text label,
section.about-course.new_section .detail-box .detail-category.price-text span{
    text-transform: inherit;
    font-size: inherit;
    line-height: inherit;
}
section.about-course.new_section .detail-box .detail-category.price-text .price_text,
section.about-course.new_section .detail-box .detail-category.price-text .offer_text{
    width: 200px;
    vertical-align: top;
    display: inline-block;
    margin: -20px 0 1px
}

.wrap-instructor-info .instructor-info-action:focus,
.wrap-instructor-info .instructor-info-action:hover,
.wrap-instructor-info .instructor-info-action:visited {
    text-decoration: none;
    color: #fff !important
}

.instructor-dashboard-wrapper-2 .file-download-link a:focus,
.instructor-dashboard-wrapper-2 .file-download-link a:hover,
div.gradebook-wrapper section.gradebook-content .student-table td a,
div.gradebook-wrapper section.gradebook-content .student-table td a:focus,
div.gradebook-wrapper section.gradebook-content .student-table td a:hover {
    color: red;
    text-decoration: none;
    outline: 0
}

.bookmarks-empty {
    margin-bottom: 20px
}

.proctored_exam_status .exam-timer,
.view-student-notes .placeholder,
.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input:focus+label,
.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input:hover+label,
.xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:focus+label,
.xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:hover+label {
    border-color: red
}

.xmodule_display.xmodule_ProblemBlock div.problem .action .problem-action-btn:active,
.xmodule_display.xmodule_ProblemBlock div.problem .action .problem-action-btn:focus,
.xmodule_display.xmodule_ProblemBlock div.problem .action .problem-action-btn:hover {
    color: red !important;
    text-decoration: none !important
}

.course-outline .block-tree .outline-button .complete-checkmark,
.edx-notes-wrapper .annotator-wrapper .annotator-editor.annotator-outer button.annotator-save,
.view-student-notes .title-search-container .search-notes-submit {
    background-color: red;
    border-color: red
}

.pgn__form-checkbox input[type=checkbox] {
    accent-color: #ff0000
}

.course-updates .all-updates {
    background: #fff;
    padding: 15px
}

.date-summary-container .date-summary .right-column .heading a {
    font-size: 1.2rem
}

#mce_33 .mce-container {
    width: 475px !important
}

.ecommerce-wrapper span.tip .add:hover:not(:disabled),
.mce-primary,
.mce-primary button,
.mce-primary button:focus,
.mce-primary button:hover,
.proctoring-wrapper span.tip .add:hover:not(:disabled) {
    background: red;
    border-color: red;
    outline: 0;
    box-shadow: none
}

.mce-textbox.mce-focus,
.mce-textbox:focus {
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(225 89 122 / 85%);
    border-color: red
}

#mce_33 .mce-label,
.mce-container-body.mce-abs-layout {
    overflow: visible
}

#modalContainer .modal-header,
.allowance-table td a,
.allowance-table td a:focus,
.allowance-table td a:hover,
.course-wrapper .course-content div.timed-exam .exam-action-button,
.course-wrapper .course-content div.timed-exam .exam-action-button:hover,
.exam-attempts-table a.remove-attempt,
.exam-attempts-table a.remove-attempt:hover,
.proctored_exam_status .exam-timer a,
.proctored_exam_status .exam-timer a:hover,
.proctored_exam_status .js-toggle-show-more,
.proctored_exam_status .js-toggle-show-more:hover {
    color: red !important;
    text-decoration: none
}

#modalContainer table.compact #addNewAllowance,
#modalContainer table.compact #editAllowance {
    color: #fff;
    background: red;
    box-shadow: none;
    text-shadow: none;
    padding: 15px
}

.course-wrapper .course-content div.timed-exam .exam-action-button.btn-pl-primary,
.course-wrapper .course-content div.timed-exam .exam-action-button.btn-pl-primary:focus,
.course-wrapper .course-content div.timed-exam .exam-action-button.btn-pl-primary:hover,
.proctored_exam_status .exam-timer .exam-button-turn-in-exam,
.proctored_exam_status .exam-timer .exam-button-turn-in-exam:focus,
.proctored_exam_status .exam-timer .exam-button-turn-in-exam:hover,
.proctored_exam_status .exam-timer .exam-timer-clock #toggle_timer,
.proctored_exam_status .exam-timer .exam-timer-clock #toggle_timer:focus,
.proctored_exam_status .exam-timer .exam-timer-clock #toggle_timer:hover {
    background: red;
    box-shadow: none;
    color: #fff !important
}

.proctored_exam_status.is-fixed {
    width: 80%
}

.account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link {
    color: red;
    border-color: red
}

.account-settings-sections .section .account-settings-section-body .u-field .field .field-label {
    font-weight: 400
}

.account-settings-sections .section .account-settings-section-body .u-field.u-field-dropdown .u-field-value .u-field-title {
    font-size: 1rem;
    line-height: 1;
    margin-bottom: .625rem
}

.page-content-container .page-header .page-header-secondary {
    margin-left: auto
}

body.view-student-notes .notes-content-container {
    background: #fafafa;
    padding: 0 !important
}

.edx-notes-wrapper .annotator-wrapper.annotator-wrapper .annotator-outer.annotator-viewer .annotator-controls button:focus::before,
.edx-notes-wrapper .annotator-wrapper.annotator-wrapper .annotator-outer.annotator-viewer .annotator-controls button:hover::before {
    color: red;
    background: 0 0
}

.path-content .path-heading-side .encourse-btn:focus,
.path-content .path-heading-side .encourse-btn:hover,
.path-row .access-path .subscribe-btn a:focus,
.path-row .access-path .subscribe-btn a:hover {
    text-decoration: none;
    outline: 0
}

.path-content .path-heading-side .encourse-btn {
    font-family: Choplin-SemiBold
}

.path-content .path-heading-side .encourse-btn:focus,
.path-content .path-heading-side .encourse-btn:hover {
    color: #fff;
    outline: 0
}

.my-certificates-page .table {
    border-collapse: collapse;
    width: 100%
}

.my-certificates-page .table td,
.my-certificates-page .table th {
    border: 1px solid #ddd;
    text-align: left;
    padding: 8px
}

.my-certificates-page .table tr:nth-child(2n) {
    background-color: #ddd
}

.courses-col .course_instructor h4 {
    -webkit-line-clamp: 3
}

.verification-process.step-select-track .register-choice .wrapper-copy-inline .important-note-msg {
    padding-top: 20px
}

#courseHome-weeklyLearningGoal {
    word-wrap: break-word;
    background-clip: initial;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .375rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
    margin-bottom: 1rem !important
}

#individual_endorsements .quote-row .quote-thumb .img_wrapper {
    display: inline-block
}

#individual_endorsements .quote-row .quote-thumb .img_wrapper img {
    position: absolute
}

.custom-navbar-header {
    display: block !important
}

.custom-navbar-header .links-div {
    margin: 0 10px
}

.custom-navbar-header .links-div li {
    padding: 0 10px
}

.custom-navbar-header .links-div li.about-li {
    padding-right: 40px
}

#header .navbar-nav>li,
.header-search .search-field {
    text-transform: initial
}

.custom-navbar-header .links-div li a.bold {
    font-weight: 700
}

.course-message .message-content button {
    color: red;
    font-weight: 700;
    text-decoration: none;
    padding: 0
}

.alert-warning .message-content a,
.vert-mod .courseware-enroll-btn {
    color: red !important;
    font-weight: 700;
    text-decoration: none;
    padding: 0;
    background: 0 0 !important;
    border: none !important;
    outline: 0 !important
}

.path-content .path-content-subtitle {
    float: left;
    width: 81%
}

.path-content .path-content-subtitle h2 {
    font-size: 33px;
    line-height: 36px;
    font-family: 'Open Sans', sans-serif;
}

.courses-page .clear-all:focus,
.courses-page .clear-all:hover {
    text-decoration: none;
    color: red
}

::-webkit-input-placeholder {
    text-transform: initial !important
}

:-moz-placeholder {
    text-transform: initial !important
}

::-moz-placeholder {
    text-transform: initial !important
}

:-ms-input-placeholder {
    text-transform: initial !important
}

.pgn__card-header {
    display: flex;
    justify-content: space-between;
    padding: 0 1.25rem
}

.pgn__card-header .pgn__card-header-content {
    display: flex;
    flex-direction: column;
    margin-top: 1.5rem;
    overflow: auto;
    text-align: start;
    width: 100%
}

.pgn__card-header .pgn__card-header-title,
.pgn__card-header .pgn__card-header-title-md,
.pgn__card-header .pgn__card-header-title-sm {
    color: #000;
    font-weight: 700;
    text-align: start
}

.pgn__card-header .pgn__card-header-title-sm {
    font-size: 16px;
    line-height: 23.68px;
    font-family: Choplin-Medium
}

.pgn__card-header .pgn__card-header-subtitle,
.pgn__card-header .pgn__card-header-subtitle-md,
.pgn__card-header .pgn__card-header-subtitle-sm {
    color: #454545;
    margin-top: .25rem
}

.pgn__card-header .pgn__card-header-subtitle-sm {
    font-size: 13px
}

.pgn__card-section {
    flex-grow: 1;
    padding: 1.25rem;
    text-align: start;
    color: #454545 !important
}

#courseHome-weeklyLearningGoal .small,
#courseHome-weeklyLearningGoal small {
    font-size: 87.5%;
    font-weight: 400
}

.flag-button-container {
    --margin: 1rem;
    --modifier: calc(20rem - 100%);
    display: flex;
    flex-wrap: wrap;
    margin: calc(var(--margin)*-1)
}

.flag-button {
    background-color: #fff;
    border: 1px solid #e9e6e4;
    border-radius: .2rem;
    box-shadow: 0 0 0 2px #e9e6e4;
    cursor: pointer
}

.flag-button-selected {
    border: 1px solid #8598aa;
    box-shadow: 0 0 0 2px #8598aa;
    pointer-events: none
}

.flag-button-container>* {
    flex-basis: calc(var(--modifier)*999);
    flex-grow: 1;
    margin: var(--margin)
}

#courseHome-weeklyLearningGoal .pt-3,
#courseHome-weeklyLearningGoal .py-3 {
    padding-top: 1rem !important
}

.flex-column {
    flex-direction: column !important
}

.d-inline-flex {
    display: inline-flex !important
}

.pgn__form-checkbox,
.pgn__form-radio,
.pgn__form-switch {
    display: inline-flex
}

.pgn__form-checkbox .pgn__form-label,
.pgn__form-radio .pgn__form-label,
.pgn__form-switch .pgn__form-label {
    align-items: center;
    display: block;
    display: flex;
    margin-bottom: 0;
    line-height: 16px;
    padding-left: 5px;
    cursor: pointer
}

.pgn__card-section.is-muted {
    background-color: #f8f7f6
}

.align-content-between {
    align-content: space-between !important
}

.w-100 {
    width: 100% !important
}

.m-1\.5 {
    margin: .375rem !important
}

.pt-3\.5,
.py-3\.5 {
    padding-top: 1.25rem !important
}

.pb-3\.5,
.py-3\.5 {
    padding-bottom: 1.25rem !important
}

.content-text.timer {
    font-size: 11px !important
}

.flag-button-selected .content-text {
    font-weight: 700 !important
}

@media (min-width:1200px) {
    .deshboard-page .course-slide .message-upsell .wrapper-extended {
        flex-flow: nowrap
    }
}

@media (max-width:767px) {
    .custom-navbar-header .links-div {
        float: none;
        text-align: left;
        margin: 0
    }

    .custom-navbar-header .links-div li,
    .navbar-default .right-nav .navbar-nav li#subscribe a {
        display: inline-block
    }

    .header-search {
        width: auto
    }

    .custom-navbar-header .links-div li.about-li {
        padding-right: 10px
    }
}

.custom-navbar-header li.dropdown-submenu button.dropdown-toggle {
    font-weight: 700;
    background: 0 0;
    color: #fff;
    border: none;
    padding: 10px 0;
    text-decoration: none;
    box-shadow: none !important;
    text-shadow: none !important;
    letter-spacing: 0
}

.navbar-nav>li.notification {
    margin-left: 17px
}

.instructors-content p.designation {
    font-family: Choplin-Book;
    text-transform: capitalize;
    margin-bottom: 0;
    font-size: 17px
}

.instructors-row .instructors-content h4.name {
    margin: 4px 0
}

.instructors-content p.bio {
    margin-top: 4px
}
#programme-progress .programme-card img{width: 100%;}
#programme-progress .programme-subtitle h2{font-size: 33px;line-height: 36px;font-family: 'Open Sans', sans-serif;}
#programme-progress .enrolled-courses-sections {background: #ededed;padding: 35px 0 30px;}
#programme-progress .enrolled-courses-sections table{width: 100%;}
#programme-progress .enrolled-courses-sections table th{font-size: 16px;font-family: Choplin-Book;line-height: 21px;background: #d9d9d9;}
#programme-progress .enrolled-courses-sections table a{color: #ff001b;}
#programme-progress .enrolled-courses-sections table td{font-family: 'Open Sans',sans-serif;font-size: 14px;}
#programme-progress .enrolled-courses-sections table td, .enrolled-courses-sections table th {border: 2px solid #c5c2c2;text-align: left;padding: 8px;}
#programme-progress .programme-cert{padding-top: 15px;text-align: right;}
#programme-progress .programme-cert .certificate-btn{max-height: 33px;text-align: center;display: inline-block;padding: 6px 52px 6px 20px;line-height: 21px;background: red;font-family: Choplin-SemiBold;text-transform: uppercase;font-size: 12px;color: #fff;}
#programme-progress .programme-cert .certificate-btn:after{position: absolute;content: '';background-color: #1a1a1a;right: 15px;bottom: 0;width: 33px;height: 33px;line-height: 33px;background-image: url("/static/ebc-theme/images/white-arrow-right.a7015bed3d63.svg");background-position: center center;background-repeat: no-repeat;}
.banner-content-row .backend.banner-content{width: 50%;color: #fff;}
.banner-content-row .backend.banner-content h1{margin-bottom: 20px;font-size: 45px;width: 100%;font-family: Choplin-Book;color: rgb(255 255 236);line-height: 57px;}
.banner-content-row .backend.banner-content p{font-size: 16px;}
.banner-content-row .backend.banner-content p b{font-weight: 600;}
.banner-content-row .backend.banner-content hr {border: 0;background: red;width: 30px;height: 4px;margin: 20px 0;}
.banner-content-row .backend.banner-content .btn{border-radius: 5px;color: #fff;font-family: 'Open Sans';text-transform: none;}
.banner-content-row .backend.banner-content .btn.primary{background: red;}
.banner-content-row .backend.banner-content .btn.secondary{background-color: rgb(255 255 255 / 30%);margin-left: 15px;}
.banner-content-row .backend.banner-content .banner-buttons{padding-top: 15px;}
.banner{padding-top: 500px;}
.banner .banner-image{min-height: 500px; max-height: 500px;}
.banner-content-row{top: 210px;}
.custom-navbar-header .links-div li.dropdown-submenu{background-color: rgb(255 255 255 / 12%);border-radius: 5px;font-weight: 600;}
.header-search .search-field{background-color: rgb(255 255 255 / 12%);border-radius: 5px;}
.header-search{width: 360px;}
.navbar-default .right-nav .navbar-nav li#subscribe a{background-color: rgb(255 255 255 / 12%);padding: 0 20px;border-radius: 5px;font-weight: normal;}
#header .navbar-nav>li{padding: 0 8px;}
#header .right-nav .navbar-nav>li{    padding: 0 17px;}
#header .right-nav .navbar-nav>li.user-dropdown-new{margin-right: 17px;}
#header .right-nav .navbar-nav li.notification {width: 24px;text-align: center;font-size: 16px;padding: 6px 0 !important;position: relative;margin-left: 0px;    margin: 0 8px !important;}
#header .navbar-nav li.bold{font-weight: 600;}
.new_course {background-color: #1a1a1a;}
.vjs-title-bar .vjs-button.vjs-share-control, .vjs-social-overlay .vjs-control.vjs-close-button{background: none;color: inherit;border: none;}
.xmodule_display.xmodule_HtmlBlock *{line-height: 2;}
.course-wrapper .course-content .vjs-social-overlay .vjs-social-title{margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;font-size: 1.25em;font-weight: 700;line-height: 1.33333;margin-bottom: 0.33333em !important;}
.vjs-social-overlay .vjs-social-share-link{font-family: VideoJS;font-weight: 400;font-style: normal;color: #fff;}
.vjs-errors-ok-button{background-color: #000;border: 1px #999 solid;color: #999;font-size: 14px;line-height: 1.4em;}
.vjs-errors-headline{  font-size: 14px !important;font-weight: 700 !important;font-family: inherit !important;line-height: initial!important; color: #fff;}
#playerContainer .vjs-control-bar button{background: none;color: #fff !important;}
#playerContainer .vjs-time-control.vjs-current-time,
#playerContainer .vjs-time-control.vjs-time-divider,
#playerContainer .vjs-time-control.vjs-duration,
#playerContainer .vjs-time-control .vjs-current-time-display,
#playerContainer .vjs-time-control.vjs-time-divider span,
#playerContainer .vjs-time-control .vjs-duration-display{line-height: 3em;}
#playerContainer .vjs-menu-button-popup .vjs-menu .vjs-menu-content{color: #fff !important;padding: 0;margin: 0;}
.xmodule_display.xmodule_SequenceBlock .sequence-nav button.active, .xmodule_display.xmodule_SequenceBlock .sequence-nav button.focused, .xmodule_display.xmodule_SequenceBlock .sequence-nav button:active, .xmodule_display.xmodule_SequenceBlock .sequence-nav button:hover, .xmodule_display.xmodule_SequenceBlock .sequence-nav-button.active, .xmodule_display.xmodule_SequenceBlock .sequence-nav-button.focused, .xmodule_display.xmodule_SequenceBlock .sequence-nav-button:active, .xmodule_display.xmodule_SequenceBlock .sequence-nav-button:hover{background: #fff;}
.wrapper-course-material .course-tabs .tab a,
.course-index .accordion .course-navigation .button-chapter .group-heading,
.course-wrapper .course-content .vert-mod .xblock h3{font-family: 'Open Sans', sans-serif !important;font-weight: 600 !important;text-transform: capitalize;}
.course-wrapper .course-content .vert-mod .xblock h3{text-transform: inherit;}

.header-tabs{padding-top: 15px;}
.header-tabs ul.header-nav {margin: 0;padding: 0;margin-bottom: -7px;}
.header-tabs ul.header-nav li{list-style: none;display: inline-block;padding-right: 30px;}
.header-tabs ul.header-nav li a{color: #fff !important;font-size: 14px;line-height: 20px;padding: 0 5px;padding-bottom: 9px;border-bottom: 5px solid transparent;}
.header-tabs ul.header-nav li a.active{font-weight: 600;border-bottom: 5px solid red;}
.header-tabs ul.header-nav li a:hover, .header-tabs ul.header-nav li a:focus{border-bottom: 5px solid red; text-decoration: none;}

.content-footer-div {padding: 20px;background-color: #f9f9f9;border: 1px solid #ddd;margin: 20px 0;}
.course-details-div {display: flex;align-items: center;}
.course-details-div .img {margin-right: 20px;}
.course-image {height: auto; max-height: 135px;}
.course-title {max-width: 100%;}
.course-title .title {    font-weight: bold;margin: 0 0 10px !important;display: block;line-height: 28px;font-size: 20px;color: #1a1a1a;font-family: choplinlight;}
.course-title .description {font-size: 0.9em;color: #555;margin: 0;}
.course-process {display: flex;align-items: center;justify-content: flex-end;height: 100%;}
.content-footer-div .btn-block {display: flex;align-items: center;    justify-content: flex-end;}
.content-footer-div .course-btn {background: red;color: #fff !important;font-weight: 600;padding: 10px 20px;text-decoration: none;border-radius: 5px;}
.content-footer-div .course-btn:hover {text-decoration: none;}
.course-header a.header-link{color: #1a1a1a;font-family: 'Open Sans', sans-serif;}
.course-header a.header-link:hover, #course-header a:focus, #course-header a:visited{color: #1a1a1a; text-decoration: underline;}
#courseware-content-preview .course-content .hd-2, 
#courseware-content-preview .course-content .xblock .xblock h2{font-family: 'Open Sans', sans-serif;}
#courseware-content-preview .course-content{padding-left: 0}
.left-nav .navbar-nav > li .dropdown-menu > li::after{top: 7px;}
.course-title .course-header{padding: 10px 0;}
.search-facets-lists .Tags{display: none;}
.about-course .skills-content .skill-head h4 {
    text-transform: inherit;
    margin-bottom: 16px;
}

.about-course .skills-content .tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.about-course .skills-content ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    list-style: none;
    overflow: hidden;
}

.about-course .skills-content ul.expanded {
    max-height: none;
}

.about-course .skills-content ul li span {
    display: inline-flex;
    align-items: center;
    border: 2px solid #a9a2a2;
    border-radius: 11px;
    padding: 2px 10px;
    font-size: 14px;
}

.about-course .skills-content ul li span a {
    color: #d3cccc !important;
}

#toggle-container {
    display: none;
}

.about-course .skills-content ul.expanded + #toggle-container {
    display: block;
}

#toggle-tags {
    cursor: pointer;
    background: none;
    border: none;
    color: red;
    text-decoration: none;
}
#toggle-tags:hover, #toggle-tags:focus{
    text-decoration: underline;
}
.about-course .skills-content ul li span:hover, .about-course .skills-content ul li span:focus{border-color: #c7c1c1}
.about-course .skills-content ul li span:hover a, .about-course .skills-content ul li span:focus a{color: #e9e5e5 !important; font-weight: 600;}
.notification-popup .trial-plan-warning h3{
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 18px;
    margin: 0;
    margin-bottom: 10px;
    color: #fff;
}
.notification-popup .trial-plan-warning .upgrade-btn{
    padding: 6px 20px !important;
    background: red;
    color: #fff !important;
    font-size: 12px;
    text-shadow: none;
    box-shadow: none;
    font-weight: 600;
    text-decoration: none !important;
    border: 1px solid;
}
.notification-popup .trial-plan-warning .upgrade-btn:hover,
.notification-popup .trial-plan-warning .upgrade-btn:focus{
    text-decoration: none !important;
}
.notification-popup .trial-plan-warning .upgrade-div{
    margin: 0;
}
#auditEnrollmentLimit-popup.popup-modal {display: none;position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.4);padding-top: 60px;}
#auditEnrollmentLimit-popup .popup-content {padding: 35px;width: 100%;background: #1a1a1a;border-radius: 0;bottom: auto;position: relative;text-align: center;margin: 5% auto;max-width: 630px;}
#auditEnrollmentLimit-popup .popup-content .inner-wrapper{background: #d9d9d9;padding: 25px; text-align: left;}
#auditEnrollmentLimit-popup .popup-content .inner-wrapper p{font-size: 16px; color: #1a1a1a;}
#auditEnrollmentLimit-popup .popup-content .inner-wrapper a{font-weight: bold;text-decoration: underline;color: red !important;}
#auditEnrollmentLimit-popup .popup-content .inner-wrapper a:hover, .popup-content .inner-wrapper a:focus{text-decoration: none; border: none;}
#auditEnrollmentLimit-popup .popup-content .inner-wrapper .close-button {cursor: pointer;position: absolute;right: 39px;top: 28px;z-index: 100;color: #313131;transition: all 0.15s ease-out 0s;font-size: 24px;font-weight: bold;}
#auditEnrollmentLimit-popup .popup-content .inner-wrapper h3{font-family: 'Open Sans', sans-serif;font-weight: bold;font-size: 18px;margin: 0;margin-bottom: 10px;}
#auditEnrollmentLimit-popup .popup-content .inner-wrapper .upgrade-btn{    padding: 6px 20px !important;background: red;color: #fff !important;font-size: 12px;text-shadow: none;box-shadow: none;font-weight: 600;text-decoration: none !important;}
.announcement-notes marquee p{margin: 0; line-height: normal;}
.announcement-notes marquee a, .announcement-notes marquee a:hover, .announcement-notes marquee a:focus{text-decoration: none !important;}
#feedback_instructor .paragon-styles .pgn__data-table td a button{background: none;border: none;color: #ff001b;display: inline-block;word-wrap: break-word;white-space: normal;text-align: left;font-weight: 600;font-family: 'Open Sans';text-transform: inherit;padding-left: 0;font-size: 12px;}
.course-section{padding: 1.5em 0;}


@media (max-width: 767px) {
    .course-details-div {flex-direction: column;align-items: flex-start;}
    .course-details-div .img {margin-bottom: 10px;}
    .course-process {margin-top: 10px;justify-content: center;}
    #courseware-content-preview .course-content{padding: 0 15px;}
    .content-footer-div .btn-block{justify-content: space-around;}
}

@media (max-width: 992px){
    #programme-progress .enrolled-courses-sections .table-container{overflow-x: scroll;}
    .banner-content-row .backend.banner-content{width: 100%}
    .banner-content-row .backend.banner-content h1{font-size: 32px;line-height: 45px;}
    .banner-content-row .backend.banner-content p {font-size: 14px;}
    .banner .banner-image{background-repeat: no-repeat;background-position: center center;background-size: cover;}
}
@media (max-width: 768px) {
    .header-tabs ul.header-nav li{padding-right: 22px;}
    .header-tabs{padding-bottom: 20px; padding-top: 0}
}
@media (max-width: 721px){
    .banner .banner-image{min-height: 410px;max-height: 410px;}
    .banner{padding-top: 410px;}
}
@media (max-width: 375px){
    .banner-content-row .backend.banner-content h1 {font-size: 21px;        line-height: 25px;}
    .banner-content-row .backend.banner-content p {font-size: 12px;}
    .banner-content-row .backend.banner-content .btn{font-size: 12px;}
    .banner-content-row .backend.banner-content .btn.secondary{margin-top: 5px; margin-left: 0;}
    .banner {height: 450px;background: #000;}
}
@media (min-width: 576px) {
    .container, #footer .container {width: 540px;}
}

@media (min-width: 768px) {
    .container, #footer .container {width: 720px;}
    .deshboard-page .container {width: 750px;}
}

@media (min-width: 992px) {
    .container, #footer .container {width: 960px;}
    .deshboard-page .container {width: 970px;}
}

@media (min-width: 1200px) {
    .container, #footer .container {width: 1140px;}
    .deshboard-page .container {width: 1055px;}
}

@media (min-width: 1400px) {
    .container, #footer .container {width: 1245px;}
    .deshboard-page .container {width: 1055px;}
}