.page-node-type-course main,
.page-node-type-course-content main,
.page-node-type-quiz main,
.page-node-type-course-pack-session main,
.path-node.dark-mode main {
    padding-top:0;
}
.page-node-type-course-collection.dark-mode main {
    padding-top: 50px;
}
.course-collection-header {
    width: 100%;
    padding: 15px 28px;
    background: #F5F5F5;
}

.dark-mode .course-collection-header {
    background: #222;
}

.course-collection-header .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.course-collection-header .collection-header-left {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.course-collection-header .collection-header-right {
    width: 100%;
    display: flex;
}

.course-collection-header .collection-logo {
    height: auto;
    max-height: 40px;
    width: auto;
    max-width: 100%;
    margin-bottom: 15px;
    display: block;
}

.dark-mode .course-collection-header .collection-logo {
    filter: brightness(0) invert(1);
}

.course-collection-header .collection-name {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
}

.dark-mode .course-collection-header .collection-name {
    color: #BBB;
}

.course-collection-header .collection-header-button {
    height: 30px;
    display: inline-block;
    color: #FFF;
    background-color: #028BFF;
    border: 0.5px solid #C5C5C5;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    padding: 6px 20px;
    margin: 10px auto;
}

.dark-mode .course-collection-header .collection-header-button {
    background-color: #666;
}

.quiz-progress-wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap:10px;
}

.quiz-progress-wrap .quiz-progress-bar-main {
    width: 100%;
    background-color: #F5F5F5;
    border:0.5px solid #C5C5C5;
    border-radius: 24px;
    height: 12px;
    margin-top:3px;
    overflow: hidden;
    margin-bottom: 30px;
}

.quiz-progress-wrap .quiz-progress-bar {
    background-color: #1B2F73;
    height: 100%;
}

.quiz-progress-wrap .quiz-progress-numeric {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.dark-mode .quiz-progress-wrap .quiz-progress-numeric {
    color:#333;
}

.form-submit {
    display: block;
    background-color: #1B2F73;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    border-radius: 16px;
    width: 100%;
    height: 56px;
    text-align: center;
    padding:0;
    background-image: none;
}

#hmpcme-core-event-eval .form-submit {
    margin:0 auto;  
}


.course-progress-buttons {
    overflow: hidden;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    gap:10px;
}

.course-progress-buttons .nav-button{
    display: inline-block;
    width: auto;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-size: 13px 12.6px;
}

.course-progress-buttons .next-step {
    background-color: #028BFF;
    color: #FFF;
    padding: 13px 50px 13px 30px;
    background-image: url(../img/arrow-right-white.svg);
    background-position: right 30px top 15px;  
}

.course-progress-buttons .prev-step {
    background-color: #F5F5F5;
    border: 0.5px solid #C5C5C5;
    color: #333;
    padding: 13px 30px 13px 50px;
    background-image: url(../img/arrow-left-black.svg);
    background-position: left 30px top 15px;  
}

.quiz-navigation-wrapper {
    overflow: hidden;
    margin: 30px 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap:10px;
}

.quiz-navigation-wrapper .quiz-navigation-button {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    border-radius: 16px;
    height: 55px;
    width: 50%;
    max-width: 180px;
    background-repeat: no-repeat;
    background-size: 15.6px 15.2px;
}

.quiz-navigation-wrapper .quiz-next-button,
.quiz-navigation-wrapper .quiz-submit-button {
    background-color: #1B2F73;
    border: 0.5px solid #1B2F73;
    color: #FFF;
    padding: 0px 50px 0px 30px;
    background-image: url(../img/arrow-right-white.svg);
    background-position: right 15px top 19px;  
    float: right;
}

.quiz-navigation-wrapper .quiz-previous-button {
    background-color: #F5F5F5;
    border: 0.5px solid #C5C5C5;
    color: #333;
    padding: 0px 30px 0px 50px;
    background-image: url(../img/arrow-left-black.svg);
    background-position: left 15px top 19px;  
    float: left;
}

.course-main h1,
.course-main h2,
.course-main h3,
.course-main h4,
.course-main h5,
.course-main h6 {
    color: #1B2F73;
}

#course-navigation-sidebar-toggle {
    position: fixed;
    bottom:20px;
    left: 20px;
    width:56px;
    height: 56px;
    border: 1.17px solid #C5C5C5;
    border-radius: 100%;
    background-color: #FFF;
    cursor: pointer;
    background-image: url(../img/list.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 28px 28px;
    z-index: 10006;
}

#course-navigation-sidebar {
    position: fixed;
    top:0;
    left:-100%;
    height: 100vh;
    width: 70%;
    overflow-y: scroll;
    background-color: #FFF;
    z-index: 10005;
    transition: 0.5s linear;
    padding:30px 0;
}

.dark-mode #course-navigation-sidebar {
    background-color: #000;
}

#course-navigation-sidebar.active {
    top:0;
    left:0;
    transition: 0.5s linear;
}

.course-nav-button {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #1B2F73;
    padding:5px 15px;
}

#course-navigation,
#course-downloads {
    padding: 0 15px;
    list-style: none;
}

#course-downloads .file-download {
    background-color: #F5F5F5;
    border-radius: 12px;
    padding: 10px 12px 10px 42px;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    color: #1B2F73;
    display: block;
    height: 36px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: top 8px left 12px;
    text-wrap: nowrap;
    overflow: hidden;
    margin-bottom: 4px;
}

.file-download.pdf {
    background-image: url("../img/pdf.svg");   
}

.file-download.ppt {
    background-image: url("../img/play.svg");   
}

.file-download.file {
    background-image: url("../img/file.svg");   
}

#course-navigation .course-nav-row a,
#course-navigation .course-nav-row span{
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 13px 30px 11px 12px;
    border-bottom: 0.5px solid #C5C5C5;
    background-image: url("../img/arrow-right-gray.svg");   
    background-size: 6.6px 11.2px;
    background-repeat: no-repeat;
    background-position: top 17px right 12px;
    opacity: 0.7;
}

.dark-mode #course-navigation .course-nav-row a,
.dark-mode #course-navigation .course-nav-row span {
    background-image: url("../img/arrow-right-cyan.svg");   

}

#course-navigation .course-nav-row.active-step a {
    color:#1B2F73;
    opacity: 1;
}

.dark-mode #course-navigation .course-nav-row.active-step a {
    color:#FFF;
}

#course-navigation .course-nav-row.completed a {
    background-image: url("../img/check.svg");   
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: top 11px right 4px;
}

.dark-mode #course-navigation .course-nav-row.completed a {
    background-image: url("../img/check-cyan.svg");       
}

#course-navigation .course-nav-row:last-of-type {
    border-bottom: none;
}

.course-content,
#quiz-form-wrapper {
    margin-bottom: 30px;
    width: 100%;
    padding: 25px;
    background-image: url("../img/quiz-bg.png");
    background-size: cover;
}
#quiz-form-wrapper .form-text {
    max-width: 100%;
}

.course-content h1,
#quiz-form-wrapper h1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.dark-mode .course-content h1,
.dark-mode #quiz-form-wrapper h1 {
    color: #1B2F73;
}

.course-content {
    position: relative;
}
.course-content iframe {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
}

.pre-eval-notes {
    margin:0;
}

.question-wrapper h2 {
    color: #333;
}

.question-wrapper {
    background-color: #FFF;
    border-radius: 24px;
    border: 0.5px solid #C5C5C5;
    padding: 15px;
    margin-bottom: 30px;
}

.question-wrapper legend,
.question-wrapper h2{
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom:15px;
}

.dark-mode .question-wrapper legend {
    color: #333;
}

.form-item-access-code,
.question-wrapper fieldset {
    margin-bottom: 30px;
}
.question-wrapper fieldset.likert-question,
.question-wrapper fieldset.type-faculty_eval,
.question-wrapper fieldset.type-learning_objectives_eval {
    margin-bottom: 10px;
}
.question-wrapper .form-item-message a {
    color: rgb(0, 161, 228);
    font-weight: bold;
}
#edit-submit-credits .form-submit {
    display: inline-block;
    padding: 10px 25px;
    height: auto;
}
.js-form-type-checkbox {
    margin-bottom: 10px;
}

.question-wrapper .type-faculty_eval legend,
.question-wrapper .type-learning_objectives_eval legend,
.question-wrapper .type-likert legend {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #028BFF;
}

.question-wrapper .js-form-type-textarea label {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    opacity: 0.75;
    color: #333;
    margin-bottom: 10px;
}

.question-wrapper .js-form-type-textarea textarea {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #C5C5C5;
    width: 100%;
    height: 116px;
}

#form-quiz-wrapper .type-multiple_choice .form-item,
#form-quiz-wrapper .type-true_false .form-item {
    border: 1px solid #333333;
    background-color: #FFF;
    border-radius: 8px;
    height: auto;
    padding: 12px;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 8px;
}

#form-quiz-wrapper .type-multiple_choice .js-form-type-radio:hover,
#form-quiz-wrapper .type-multiple_choice .js-form-type-radio.active,
#form-quiz-wrapper .type-true_false .js-form-type-radio:hover,
#form-quiz-wrapper .type-true_false .js-form-type-radio.active {
    border: 1px solid #028BFF;
    background-color: #028BFF;
    color: #FFF;
}

.form-wrapper .form-item input {
    position: relative;
    top:3px;
    margin-right: 5px;
    cursor: pointer;
}

.form-wrapper .form-item label {
    display: inline;
}

.dark-mode .form-wrapper .form-item label,
.dark-mode .course-content,
.dark-mode .course-content a{
    color: #333;
}

#course-front-matter-space h1,
.course-content h1,
.course-content h2,
.course-content h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 20px;   
}

#form-credits-wrapper .form-item-credit-type,
#form-credits-wrapper .form-item-cert-types  {
    margin-bottom: 30px;
}

#form-credits-wrapper .form-item-credit-type select,
#form-credits-wrapper .form-item-cert-types select {
    border: 1px solid #C5C5C5;
    height: 56px;
    border-radius: 16px;
    background-color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
    max-width: 420px;
}

.faculty-eval {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap:10px;
    margin-bottom: 15px;
}

.faculty-eval img {
    height: 64px;
    width: 64px;
    object-fit: cover;
    border-radius: 100%;
}

.faculty-eval .fac-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #028BFF;
}

.faculty-eval .fac-details {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

.eval-notes {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding: 0 15px;
}

.eval-notes .eval-good {
    margin-left:-30px;
}

fieldset.type-faculty_eval .fieldset-wrapper > div,
fieldset.type-learning_objectives_eval .fieldset-wrapper > div,
fieldset.type-likert .fieldset-wrapper > div {
    width: 100%;
    height: 12px;
    border-radius: 24px;
    border: 0.5px solid #C5C5C5;
    background-color: #F5F5F5;
    overflow: visible;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0 15px;
    margin-bottom: 40px;
}

fieldset.type-faculty_eval .fieldset-wrapper .form-item,
fieldset.type-learning_objectives_eval .fieldset-wrapper .form-item,
fieldset.type-likert .fieldset-wrapper .form-item {
    position: relative;
    top:-4px;
}

fieldset.type-faculty_eval .fieldset-wrapper .form-item input,
fieldset.type-learning_objectives_eval .fieldset-wrapper .form-item input,
fieldset.type-likert .fieldset-wrapper .form-item input {
    top:0;
    margin: 0;
    opacity: 0;
}

fieldset.type-faculty_eval .fieldset-wrapper .form-item input:checked,
fieldset.type-learning_objectives_eval .fieldset-wrapper .form-item input:checked,
fieldset.type-likert .fieldset-wrapper .form-item input:checked {
    transform: scale(2);
    opacity: 1;
}

fieldset.type-faculty_eval .fieldset-wrapper .form-item label,
fieldset.type-learning_objectives_eval .fieldset-wrapper .form-item label,
fieldset.type-likert .fieldset-wrapper .form-item label {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    margin-top:5px;

}

#course-front-matter-space h2 {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin-top:30px;
}

.dark-mode #course-front-matter-space h1 {
    color: #CCC;
}

.dark-mode #course-front-matter-space h2 {
    color: #BBB;    
}

#course-front-matter-space p {
    margin-bottom: 8px;
}

#course-front-matter-space ul {
    margin-top:15px;
}

#front-matter span,
#front-matter p,
#front-matter li { 
    background: none !important;
    color: #333 !important;
}

.dark-mode #front-matter span,
.dark-mode #front-matter p,
.dark-mode #front-matter li { 
    color: #FFF !important;
}

/** Course Completion Progress Bar **/
#course-content-space .circular-progress-outer {
    position: relative;
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 30px;
}
  
#course-content-space .progress-circle {
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: flex; /* Flexbox for centering */
    justify-content: center; /* Horizontal centering */
    align-items: center; /* Vertical centering */
}
  
#course-content-space .inner-circle {
    position: absolute;
    top: 15%; /* Adjust for thickness */
    left: 15%; /* Adjust for thickness */
    width: 70%; /* Adjust for thickness */
    height: 70%; /* Adjust for thickness */
    background: #fff; /* Match background to create the cutout */
    border-radius: 50%;
}
  
 #course-content-space .progress-text {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
    z-index: 1; /* Ensure it's above the inner-circle */
}

#course-content-space #edit-completion-text {
    text-align: center;
    color: #333;
}

.path-user #block-hmpeducation-tabs ul li {
    background: #f5f5f5;
    border: 1px solid #afafaf;
    display: inline-block;
    border-radius: 2px;
    padding: 8px 12px;
    list-style: none;
}
/* Logged out form */
.user-form {
    width: 100%;
    max-width: 625px;
    margin: 0 auto;
}
#hmpcme-open-access-form .form-item,
.user-form .form-item  {
    margin-bottom:15px;
}

#hmpcme-open-access-form .form-item label
.user-form .form-item label {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    display: block;
}

#hmpcme-open-access-form .form-item input[type=text],
#hmpcme-open-access-form .form-item input[type=number],
.user-form .form-item input[type=text],
.user-form .form-item input[type=number] {
    border: 1px solid #C5C5C5;
    height: 56px;
    border-radius: 16px;  
    padding: 16px;
    width: 100%;
}

#hmpcme-open-access-form .form-item input[type=checkbox],
.user-form .form-item input[type=checkbox] {
    float: left;
    margin-right: 8px;
}

#hmpcme-open-access-form .npi-lookup-link,
.user-form .npi-lookup-link {
    float: right;
    color:#028BFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-decoration: underline;
}

#user-dob {
    display: block;
    border: 1px solid #C5C5C5;
    height: 56px;
    border-radius: 16px;  
    padding: 16px;
    width: 100%;
    max-width: 420px;
}

#course-content-space{
    width: 100%;
    border-collapse: collapse;
    display: block;
    overflow-y: scroll;
}

#course-content-space thead th {
    background-color: #028BFF;
    padding: 6px 12px 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    color: #FFF;
    height: 36px;
}

#course-content-space #claimed-certs thead th {
    height: auto;
    background-color: transparent;
    padding: 0;
}

#course-content-space td {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    padding: 8px;
}

#course-content-space #claimed-certs td {
    font-size: 16px;
    line-height: 20px;
}

#course-content-space td.sub-status {
    color: #F39C12;
}

#course-content-space tbody tr {
    border-bottom: 1px solid #C5C5C5;
}

#course-content-space tbody tr:last-of-type{
    border-bottom: none;
}

#course-content-space thead th:first-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px;}
#course-content-space thead th:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px;}

#course-content-space .state-selector,
#course-content-space .license-number,
#course-content-space .submit-credits {
    height: 36px;
    border: 1px solid #C5C5C5;
    border-radius: 12px;
    padding: 1px 12px 0;
}

#course-content-space .state-selector {
    appearance: none;
    background-image: url("../img/arrow-down.svg");   
    background-size: 11.2px 6.6px;
    background-repeat: no-repeat;
    background-position: top 14px right 10px;
}

#course-content-space .submit-credits {
    border: 1px solid #028BFF;
    background-color: #028BFF;
    color: #FFF;
    display: inline-block;
    padding: 12px 16px;

}

.certificate-claim-submit.form-submit {
    width: auto;
    padding:0 20px;
}

.page-node-type-course #course-front-matter-space {
    margin-top: 45px;
}
.page-node-type-course #course-front-matter-space .course-progress-buttons {
    display: none;
}
#products-table {
    width: 100%;
}
.expiration-information {
    padding: 8px 15px;
    background: #EEEEEE;
    border-radius: 8px;
}

#hmpcme-add-eval-form,
.eval-table,
#edit-course-steps,
#hmpcme-core-basic-reports,
.hmpcme-course-clone-quiz {
    margin: 10px auto;
    width: 950px;
    max-width: auto;
    padding: 20px;
}
.eval-table thead,
#edit-course-steps thead,
#hmpcme-core-basic-reports thead ,
.hmpcme-course-clone-quiz thead {
    border-bottom: 4px solid #000;
}
.eval-table tr,
#edit-course-steps tr,
#hmpcme-core-basic-reports tr,
.hmpcme-course-clone-quiz tr {
    border-bottom: 2px solid #afafaf;
}
.eval-table td,
#edit-course-steps td,
#hmpcme-core-basic-reports td,
.hmpcme-course-clone-quiz td {
    border-right: 1px solid #afafaf;
    padding: 10px 15px;
}
.eval-table td:last-child,
#edit-course-steps td:last-child,
#hmpcme-core-basic-reports td:last-child ,
.hmpcme-course-clone-quiz td:last-child {
    border: none;
}
#hmpcme-core-basic-reports .js-form-item-start,
#hmpcme-core-basic-reports .js-form-item-end {
    display: inline-block;
    margin-right: 15px;
}
.question-image {
    width: 100%;
    margin-bottom: 10px;
}
.question-image img {
    width: auto;
    height: auto;
    max-width: 100%;
}