@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

:root {
    --themeOrange: #DF6E12;
    --themeGreen: #00944D;
    --themeBlue: #042CB0;
    --black: #000000;
    --black1: #111111;
    --black2: #222222;
    --black3: #333333;
    --black4: #444444;
    --black5: #555555;
    --black6: #666666;
    --black7: #777777;
    --black8: #888888;
    --black9: #999999;
    --lightOrange: #FDF2E9;
    --white: #ffffff;
    --white1: #f1f1f1;
    --white2: #f2f2f2;
    --white3: #f3f3f3;
    --white4: #f4f4f4;
    --white5: #f5f5f5;
    --white6: #f6f6f6;
    --white7: #f7f7f7;
    --white8: #f8f8f8;
    --white9: #f9f9f9;
    --white10: #f0f0f0;
    --dark: #1E1E1E;
    --red: #FF0000;
    --lightBg: #E6EAF7;
    --lightBorder: #ECECEC;
    --lightBorder2: #EAEAEA;
    --grey: #cccccc;
    --success: #06BE66;
    --alertGreen: #009C4D;
    --alertRed: #E90038;
    --yellow: #f5b920;

    --themeOrange-rgb: 239, 126, 34;
    --themeGreen-rgb: 0, 148, 77;
    --themeBlue-rgb: 4, 44, 176;
    --black6-rgb: 102, 102, 102;
    --black-rgb: 0, 0, 0;
    --white-rgb: 255, 255, 255;
    --dark-rgb: 30, 30, 30;

    --figtreeFont: "Figtree", sans-serif !important;

    --fs-8: 8px;
    --fs-10: 10px;
    --fs-12: 12px;
    --fs-14: 14px;
    --fs-16: 16px;
    --fs-18: 18px;
    --fs-20: 20px;
    --fs-22: 22px;
    --fs-24: 24px;
    --fs-26: 26px;
    --fs-28: 28px;
    --fs-30: 30px;
    --fs-32: 32px;
    --fs-34: 34px;
    --fs-36: 36px;

    --fw-100: 100;
    --fw-200: 200;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;
    --fw-900: 900;
}


*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html,body {scroll-behavior: smooth;padding: 0;margin: 0;}

body {font-family: var(--figtreeFont);font-size: var(--fs-14);background-color: var(--white);line-height: normal;}

img {max-width: 100%;vertical-align: middle;transition: 0.2s all ease;}

a {color: var(--black6);}
a,button {-webkit-transition: .3s all ease;-moz-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;text-decoration: none;cursor: pointer;}
a,button,.btn {font-family: var(--figtreeFont) !important;text-decoration: none !important;}
button:focus,input:focus,select:focus,textarea:focus,.btn:focus,.btn:active:focus {-webkit-box-shadow: none;box-shadow: none;outline: 0;text-shadow: none;}
a:active {outline: 0;text-shadow: none;}
:focus {outline: 0;text-shadow: none;}
button {box-shadow: none;cursor: pointer;background-image: none !important;text-shadow: none;}
input {-webkit-transition: 0.2s all ease-in-out;-moz-transition: 0.2s all ease-in-out;-ms-transition: 0.2s all ease-in-out;transition: 0.2s all ease-in-out;text-shadow: none;}
button,input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;text-shadow: none !important;box-shadow: none !important;outline: none !important;background-image: none !important;letter-spacing: 0;}
button,input,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;margin: 0;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
textarea {-webkit-appearance: none;overflow: auto;resize: vertical;}
textarea,input[type="text"],input[type="url"],input[type="email"],input[type="password"],input[type="tel"] {font-family: var(--figtreeFont) !important;font-style: normal !important;box-shadow: none !important;outline: none !important;}

strong {font-weight: 700;}
h1,h2,h3,h4,h5,h6,p {margin: 0;font-family: var(--figtreeFont) !important;}
p+p {margin-top: 15px;}
h1,h2,h3,h4,h5,h6 {color: var(--black3);font-style: normal;line-height: normal; font-family: inherit;}

h1, .h1 {font-size: 40px;font-weight: var(--fw-700);}
h2, .h2 {font-size: 36px;font-weight: var(--fw-700);}
h3, .h3 {font-size: 24px;font-weight: var(--fw-700);}
h4, .h4 {font-size: 20px;font-weight: var(--fw-600);}
h5, .h5 {font-size: 18px;font-weight: var(--fw-600);}
h6, .h6 {font-size: 16px;font-weight: var(--fw-600);}

p {font-size: var(--fs-14);font-weight: 400;line-height: normal;}
ul,ol {list-style: none;padding: 0;margin: 0;}

.container-wrapper-full {max-width: 100%;margin: 0 auto;padding: 0 10px;}
.container-wrapper {max-width: 1296px;margin: 0 auto;padding: 0 15px;width: 100%;}

.row-grid {display: flex;flex-direction: row;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;gap: 20px 0;}
.no-gap {margin-right: 0 !important;margin-left: 0 !important;}
.no-gap>[class*="col-"] {padding-right: 0;padding-left: 0;}
.col, .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {position: relative;padding-left: 15px;padding-right: 15px;}
.col {flex: 1 0 0;}
.col-1 {flex: 0 0 8.33%;max-width: 8.33%;}
.col-2 {flex: 0 0 16.66%;max-width: 16.66%;}
.col-3 {flex: 0 0 25%;max-width: 25%;}
.col-4 {flex: 0 0 33.33%;max-width: 33.33%;}
.col-5 {flex: 0 0 41.66%;max-width: 41.66%;}
.col-6 {flex: 0 0 50%;max-width: 50%;}
.col-7 {flex: 0 0 58.33%;max-width: 58.33%;}
.col-8 {flex: 0 0 66.66%;max-width: 66.66%;}
.col-9 {flex: 0 0 75%;max-width: 75%;}
.col-10 {flex: 0 0 83.33%;max-width: 83.33%;}
.col-11 {flex: 0 0 91.66%;max-width: 91.66%;}
.col-12 {flex: 0 0 100%;max-width: 100%;}

.d-flex-row {display: flex;flex-flow: row wrap;}
.d-flex-col {display: flex;flex-direction: column;}

.as-center {align-self: center !important;}
.ai-start {align-items: start !important;}
.ai-center {align-items: center !important;}
.ai-end {align-items: end !important;}

.jc-start {justify-content: start !important;}
.jc-center {justify-content: center !important;}
.jc-end {justify-content: end !important;}

.clearfix::after {display: block;clear: both;content: ""}

.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}

.m-auto {margin: 0 auto !important;}
.d-none {display: none !important;}
.m0 {margin: 0 !important;}
.p0 {padding: 0 !important;}

.di-flex {display: inline-flex !important;}
.di-block {display: inline-block !important;}
.d-block {display: block !important;}

.f-18 {font-size: var(--fs-18) !important;}
.f-16 {font-size: var(--fs-16) !important;}
.f-14 {font-size: var(--fs-14) !important;}
.f-12 {font-size: var(--fs-12) !important;}
.f-10 {font-size: var(--fs-10) !important;}

.font-x-bold {font-weight: var(--fw-800) !important;}
.font-bold {font-weight: var(--fw-700) !important;}
.font-semi-bold {font-weight: var(--fw-600) !important;}
.font-medium {font-weight: var(--fw-500) !important;}
.font-normal {font-weight: var(--fw-400) !important;}
.font-light {font-weight: var(--fw-300) !important;}

.border-radius-none {border-radius: none !important;}

.border-0 {border: 0 !important;}
.border-top-0 {border-top: 0 !important;}
.border-bottom-0 {border-bottom: 0 !important;}
.border-left-0 {border-left: 0 !important;}
.border-right-0 {border-right: 0 !important;}

.m-4 {margin: 4px !important;}
.mt-4 {margin-top: 4px !important;}
.mb-4 {margin-bottom: 4px !important;}
.ml-4 {margin-left: 4px !important;}
.mr-4 {margin-right: 4px !important;}

.p-4 {padding: 4px !important;}
.pt-4 {padding-top: 4px !important;}
.pb-4 {padding-bottom: 4px !important;}
.pl-4 {padding-left: 4px !important;}
.pr-4 {padding-right: 4px !important;}

.g-4 {gap: 4px !important;}
.gy-4 {gap: 4px 0  !important;}
.gx-4 {gap: 0 4px !important;}

.m-5 {margin: 5px !important;}
.mt-5 {margin-top: 5px !important;}
.mb-5 {margin-bottom: 5px !important;}
.ml-5 {margin-left: 5px !important;}
.mr-5 {margin-right: 5px !important;}

.p-5 {padding: 5px !important;}
.pt-5 {padding-top: 5px !important;}
.pb-5 {padding-bottom: 5px !important;}
.pl-5 {padding-left: 5px !important;}
.pr-5 {padding-right: 5px !important;}

.g-5 {gap: 5px !important;}
.gy-5 {gap: 5px 0  !important;}
.gx-5 {gap: 0 5px !important;}

.m-8 {margin: 8px !important;}
.mt-8 {margin-top: 8px !important;}
.mb-8 {margin-bottom: 8px !important;}
.ml-8 {margin-left: 8px !important;}
.mr-8 {margin-right: 8px !important;}

.p-8 {padding: 8px !important;}
.pt-8 {padding-top: 8px !important;}
.pb-8 {padding-bottom: 8px !important;}
.pl-8 {padding-left: 8px !important;}
.pr-8 {padding-right: 8px !important;}

.g-8 {gap: 8px !important;}
.gy-8 {gap: 8px 0  !important;}
.gx-8 {gap: 0 8px !important;}

.mt-0 {margin-top: 0px !important;}
.mb-0 {margin-bottom: 0px !important;}
.ml-0 {margin-left: 0px !important;}
.mr-0 {margin-right: 0px !important;}

.m-10 {margin: 10px !important;}
.mt-10 {margin-top: 10px !important;}
.mb-10 {margin-bottom: 10px !important;}
.ml-10 {margin-left: 10px !important;}
.mr-10 {margin-right: 10px !important;}

.pt-0 {padding-top: 0px !important;}
.pb-0 {padding-bottom: 0px !important;}
.pl-0 {padding-left: 0px !important;}
.pr-0 {padding-right: 0px !important;}

.p-10 {padding: 10px !important;}
.pt-10 {padding-top: 10px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pl-10 {padding-left: 10px !important;}
.pr-10 {padding-right: 10px !important;}

.g-10 {gap: 10px !important;}
.gy-10 {gap: 10px 0  !important;}
.gx-10 {gap: 0 10px !important;}

.m-15 {margin: 15px !important;}
.mt-15 {margin-top: 15px !important;}
.mb-15 {margin-bottom: 15px !important;}
.ml-15 {margin-left: 15px !important;}
.mr-15 {margin-right: 15px !important;}

.p-15 {padding: 15px !important;}
.pt-15 {padding-top: 15px !important;}
.pb-15 {padding-bottom: 15px !important;}
.pl-15 {padding-left: 15px !important;}
.pr-15 {padding-right: 15px !important;}

.g-15 {gap: 15px !important;}
.gy-15 {gap: 15px 0  !important;}
.gx-15 {gap: 0 15px !important;}

.m-20 {margin: 20px !important;}
.mt-20 {margin-top: 20px !important;}
.mb-20 {margin-bottom: 20px !important;}
.ml-20 {margin-left: 20px !important;}
.mr-20 {margin-right: 20px !important;}

.p-20 {padding: 20px !important;}
.pt-20 {padding-top: 20px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pl-20 {padding-left: 20px !important;}
.pr-20 {padding-right: 20px !important;}

.g-20 {gap: 20px !important;}
.gy-20 {gap: 20px 0  !important;}
.gx-20 {gap: 0 20px !important;}

.m-30 {margin: 30px !important;}
.mt-30 {margin-top: 30px !important;}
.mb-30 {margin-bottom: 30px !important;}
.ml-30 {margin-left: 30px !important;}
.mr-30 {margin-right: 30px !important;}

.p-30 {padding: 30px !important;}
.pt-30 {padding-top: 30px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pl-30 {padding-left: 30px !important;}
.pr-30 {padding-right: 30px !important;}

.g-30 {gap: 30px !important;}
.gy-30 {gap: 30px 0  !important;}
.gx-30 {gap: 0 30px !important;}

.bg-transparent {background: transparent !important;}

.w-auto {width: auto !important;}
.minw-auto {min-width: auto !important;}
.w-100 {width: 100% !important;}
.minw-100 {min-width: 100% !important;}
.maxw-100 {max-width: 100% !important;}

.h-auto {height: auto !important;}
.minh-auto {min-height: auto !important;}
.h-100 {height: 100% !important;}
.minh-100 {min-height: 100% !important;}
.maxh-100 {max-height: 100% !important;}

a svg * {transition: 0.2s all ease;}
.btn-row {display: flex;align-items: center;flex-wrap: wrap;gap: 10px;justify-content: center;}

.primary-brand-btn {display: inline-flex;align-items: center;justify-content: center;color: var(--white);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-700);font-size: var(--fs-16);line-height: 20px;text-transform: uppercase;background: var(--themeOrange);padding: 9px 30px;border: 1px solid transparent;border-radius: 10px;gap: 14px;}
.primary-brand-btn:hover {color: var(--white);background-color: var(--themeOrange);}
.primary-brand-btn:disabled {color: var(--white);}

.primary-outline-btn {display: inline-flex;align-items: center;justify-content: center;color: var(--themeOrange);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-700);font-size: var(--fs-16);line-height: 20px;text-transform: uppercase;background: var(--white);padding: 9px 30px;border: 1px solid var(--themeOrange);border-radius: 10px;gap: 14px;}
.primary-outline-btn:hover {color: var(--themeOrange);background-color: var(--white);}
.primary-outline-btn:disabled {color: var(--themeOrange);}

a, a:hover, a:not(.btn), a:focus, button, button:hover, button:not(.btn), button:focus, .btn-link:focus, .btn-link:hover {text-decoration: none !important; text-shadow: none !important;}

.color-0 {color: var(--black) !important;}
.color-1 {color: var(--black1) !important;}
.color-3 {color: var(--black3) !important;}
.color-6 {color: var(--black6) !important;}

.tc-orange {color: var(--themeOrange) !important;}
.tc-blue {color: var(--themeBlue) !important;}
.tc-grey {color: var(--lightBorder2) !important;}

svg, svg * {-webkit-transition: 0.2s all ease-in-out;-moz-transition: 0.2s all ease-in-out;-ms-transition: 0.2s all ease-in-out;transition: 0.2s all ease-in-out;}

body, h1, h2, h3, h4, h5, h6, p, label {font-family: var(--figtreeFont) !important;}
/*-----*/
.bodyBg {background: var(--lightBg);}
body.bodyBg .window-wrap {background: var(--lightBg);}

/*---inner-pages---*/

.btn-primary, .btn-primary, .btn-brand {display: inline-flex;color: var(--white) !important;font-family: var(--figtreeFont) !important;font-style: normal !important;font-weight: var(--fw-700) !important;font-size: 16px;line-height: 20px;text-transform: uppercase;background: var(--themeOrange) !important;padding: 10px 30px;border-radius: 10px;border: 0 !important;align-items: center;justify-content: center; text-transform: uppercase !important;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-brand:hover, .btn-brand:focus {background: var(--themeOrange); color: var(--white); box-shadow: none !important; outline: none !important;}

.btn-primary-line {display: inline-flex;color: var(--themeOrange) !important;font-family: var(--figtreeFont) !important;font-style: normal !important;font-weight: var(--fw-700) !important;font-size: 16px;line-height: 20px;text-transform: capitalize;padding: 9px 30px;background: var(--white);border-radius: 10px;border: 1px solid var(--themeOrange) !important;align-items: center;justify-content: center; text-transform: uppercase !important;}
.btn-primary-line:hover, .btn-primary-line:focus, .btn-primary-line:active {background: transparent !important;}

.wrapper-preview-menu {display: none;}
.content-wrapper {position: relative;max-width: 100%;padding: 0 !important;margin: 0 !important;width: 100%;}
.course-view.page-content-container {position: relative;padding: 0;border: 0;background: var(--white);box-shadow: 0px 0px 20px rgba(209, 209, 209, 0.3);border-radius: 10px;overflow: hidden;max-width: 100%;}
.course-view.page-content-container .page-header {display: flex; flex-direction: row; align-items: center; justify-content: space-between;padding: 30px 30px 20px;border-bottom: 1px solid var(--grey); flex-wrap: nowrap;}
.course-view.page-content-container .page-header .page-header-main .page-title {margin: 0;color: var(--black);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-600);font-size: 18px;line-height: 22px;}

.course-view.page-content-container .page-header .page-header-main {width: calc(100% - 175px);}

.course-info-details ul {display: flex; flex-direction: row; align-items: center; flex-wrap: wrap;margin: 15px 0 0 0;}
.course-info-details ul > li {color: var(--black);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-400);font-size: 14px;line-height: 17px; margin-right: 32px;display: inline-flex; align-items: center;}
.course-info-details ul > li .icon {display: inline-flex; width: 11px; margin-right: 10px;}
.course-info-details ul > li:last-child {margin-right: 0;}

.course-view.page-content-container .page-content {display: block; padding: 20px 30px;}
.course-sidebar {display: none;}
.course-outline #expand-collapse-outline-all-button {display: none;}
.action-resume-course .icon {display: inline-flex; align-items: center; margin-right: 14px;}

.course-outline .block-tree .section {border-bottom: 1px solid var(--grey);}
.course-outline .block-tree .section .section-name {padding: 20px 200px 20px 0; position: relative; display: flex; flex-direction: row;align-items: center;flex-wrap: wrap;}
/* .course-outline .block-tree .section .section-name[aria-expanded="true"] {background: var(--white9);} */
.course-outline .block-tree .section .section-name .cheveron-icon {position: absolute; right: 0; width: 12px; z-index: 100;transition: 0.3s all ease;}
.course-outline .block-tree .section .section-name .cheveron-icon img {width: 12px;}

.course-outline .block-tree .section .section-name .button-check {position: absolute;right: 106px;display: flex;flex-direction: row;align-items: center;font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-400);font-size: 14px;line-height: 17px;color: var(--success);}
.course-outline .block-tree .section .section-name .button-check .check-icon {margin-right: 9px; display: inline-flex; align-items: center;}

.course-outline .block-tree .section .section-name[aria-expanded="true"] .cheveron-icon {transform: rotate(-180deg);}
.course-outline .block-tree .section:first-child .section-name {padding-top: 0;}
.course-outline .block-tree .section:last-child {border-bottom: 0;}

.course-outline .block-tree .section .section-name .section-title {color: var(--black3);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-700);font-size: 14px;line-height: 17px;padding: 0;}
.course-outline .block-tree .section .section-name .section-title .number-digit {display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: var(--white); box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1); border-radius: 90px; text-align: center; font-family: var(--figtreeFont);color: var(--black3);font-style: normal;font-weight: var(--fw-700);font-size: 14px;line-height: 17px; margin-right: 10px;}
.course-outline .block-tree .section ol.outline-item {background: var(--white9);margin: 0 -30px;padding: 10px 30px;}
.course-outline .block-tree .section ol.outline-item .subsection {background: transparent;border: 0;margin: 0; padding: 10px 0 10px 40px;}

.course-outline .block-tree .outline-button {padding: 0 0 20px 0;}
.course-outline .block-tree .outline-button:last-child {padding-bottom: 0;}
.course-outline .block-tree .section ol.outline-item .subsection .subsection-title {color: var(--black);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-500);font-size: 14px;line-height: 17px; display: block;display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;}
.course-outline .block-tree .section ol.outline-item .subsection .subsection-title .button-check {margin-left: 10px;}
.course-outline .block-tree .section ol.outline-item .subsection .subsection-text .details {color: var(--black);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-400);font-size: 12px;line-height: 14px;margin-top: 5px;}

.course-view .section-update-message {display: none;}


[data-testid="instructor-toolbar"] {display: none;}

.main-course-content .unit .unit-iframe-wrapper {margin: 0 !important;}
.main-course-content .unit .unit-iframe-wrapper .content-wrapper {padding: 0 !important;}

.content-wrapper, .course-wrapper main {padding: 0;}

/*---courseware---*/
.hd-2, .xblock .xblock h2 {color: var(--black);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-600);font-size: 20px;line-height: 24px;}
.hd-3, .xblock .xblock h3 {color: var(--black);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-600);font-size: 18px;line-height: 22px;}

.xmodule_display.xmodule_HtmlBlock h2 {letter-spacing: normal; text-transform: capitalize; font-size: 16px;}
.xmodule_display.xmodule_HtmlBlock * {line-height: 1;}

body.view-in-course, .window-wrap {background: var(--white);}
.content-wrapper .container-footer {display: none;}
body.view-in-course .container {max-width: 100%; width: 100%;}
body.view-in-course .course-wrapper {display: flex; flex-direction: row; flex-wrap: wrap;}
body.view-in-course .course-wrapper .course-index {width: 355px;background:var(--white9); padding: 0 30px; border: 0; display: block;}
body.view-in-course .course-wrapper .course-index .wrapper-course-modes {display: none;}

body.view-in-course .course-wrapper .course-content, body.view-in-course .course-wrapper .courseware-results-wrapper {width: calc(100% - 355px);padding: 0;display: block;margin: 0;}
body.view-in-course .course-wrapper .course-content {padding: 0;}
body.view-in-course .course-wrapper .courseware-results-wrapper .courseware-results {padding: 0;}

.course-index .accordion .course-navigation [id*="main_section_"], .course-index .accordion .course-navigation .main-section-navigation {border-bottom: 1px solid var(--grey); padding: 18px 0;}

.course-index .accordion .course-navigation [id*="main_section_"]:last-of-type, .course-index .accordion .course-navigation .main-section-navigation:last-of-type {border-bottom: 0;}

.course-index .accordion .course-navigation .button-chapter {background: transparent !important;padding: 0;box-shadow: none !important;position: relative;}
.course-index .accordion .course-navigation .button-chapter .group-heading {padding: 0 55px 0 0; color: var(--black3);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-700);font-size: 14px;line-height: 22px;}
.course-index .accordion .course-navigation .button-chapter.active .group-heading {font-weight: var(--fw-700); color: var(--black3);}
.group-heading .plus-icon, .group-heading .minus-icon  {display: none !important;}
/* .course-index .accordion .course-navigation .button-chapter .group-heading::after {content: '';display: inline-flex;align-items: center;position: absolute;right: 0;top: 0;width: 12px;height: 12px;background-image: url('');} */
.group-heading .button-check, .accordion-nav .button-check {position: absolute !important;right: 39px !important;top: 0 !important;background: transparent !important;width: 13px !important;height: 13px !important;line-height: 1 !important;}
.course-index .accordion .course-navigation .button-chapter .group-heading .icon {position: relative;left: auto;right: 0;top: 2px;}
.course-index .accordion .course-navigation .button-chapter .group-heading::after {content: '';display: inline-flex;align-items: center;width: 10px;height: 10px;background-image: url("/static/nsdc-theme/images/cheveron-black-down.svg");background-size: 10px;background-repeat: no-repeat;background-position: center right;position: absolute;top: 5px;right: 0; transition: 0.3s all ease;}
.course-index .accordion .course-navigation .button-chapter.is-open .group-heading::after {transform: rotate(-180deg);}

.course-index .accordion .course-navigation .chapter-content-container {background: transparent; border: 0 !important;}
.course-index .accordion .course-navigation .chapter-content-container .chapter-menu {padding: 0; margin-top: 10px;}
.course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item {margin: 0 !important;padding: 0 !important;}

.course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item a {background: transparent; border-radius: 10px; padding: 10px 25px 10px 10px;color: var(--black);font-size: 14px;font-weight: var(--fw-400);line-height: 20px;margin-bottom: 5px; position: relative;}
.course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item:last-child a {margin-bottom: 0;}
.course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item a .accordion-display-name {font-weight: var(--fw-500); display: inline-flex; align-items: center;}
.course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item a .subtitle {font-weight: var(--fw-400); margin-top: 5px;}
.course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item a .subtitle span {color: var(--black);}
.course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item a:hover, .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item.active a {background: var(--lightBg); color: var(--themeBlue);}
.course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item.active a .subtitle, .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item.active a .subtitle span {color: var(--themeBlue);}
.course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item.graded .menu-icon {bottom: 13px; right: 10px; color: var(--themeBlue);}
.course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item .accordion-nav .button-check {    position: absolute !important;right: 10px !important;top: 13px !important;display: inline-flex !important;align-items: center;margin-left: 5px;}
.course-wrapper main {padding: 0;}

.title-desk-header {display: flex;flex-direction: row;align-items: center;justify-content: space-between;flex-wrap: nowrap;margin-bottom: 20px;}
.title-desk-header .title-head {display: flex; flex-direction: row; align-items: center; width: calc(100% - 206px); padding-right: 15px; justify-content: space-between;}
.title-desk-header .bookmark-button-wrapper .bookmark-button {color: var(--themeOrange); outline: none !important;width: 30px;height: 30px;display: inline-flex;align-items: center;justify-content: center;background: var(--white1) !important;border-radius: 90px;border: 0;box-shadow: none;}
.title-desk-header .bookmark-button-wrapper .bookmark-button.bookmarked svg path {fill: var(--themeOrange);}
.title-desk-header .bookmark-button-wrapper {margin: 0;}
.title-desk-header .bookmark-button::before {padding: 0; display: none;}
.title-desk-header .bookmark-button-wrapper .bookmark-text {display: none;}

.xmodule_display.xmodule_SequenceBlock .sequence-nav {margin: 0;justify-content: flex-end;height: auto;}
.xmodule_display.xmodule_SequenceBlock .sequence-nav-button {border: 0 !important;min-width: auto;font-style: normal;font-weight: var(--fw-700);font-size: 14px;line-height: 17px;color: var(--black);padding: 0 !important;background: transparent !important;border-radius: 0 !important; display: inline-flex;}
.xmodule_display.xmodule_SequenceBlock .sequence-nav-button .icon {width: 16px;}
.xmodule_display.xmodule_SequenceBlock .sequence-nav-button.button-previous {margin-right: 20px;}
.xmodule_display.xmodule_SequenceBlock .sequence-nav-button.button-previous .sequence-nav-button-label {padding-left: 15px;}
.xmodule_display.xmodule_SequenceBlock .sequence-nav-button.button-next .sequence-nav-button-label {padding-right: 15px;}
.sequence-list-wrapper {display: none;}

.course-wrapper .course-content .xblock.xblock-student_view-vertical, .course-wrapper .course-content .xblock.xblock-public_view-vertical, .course-wrapper .courseware-results-wrapper .xblock.xblock-student_view-vertical, .course-wrapper .courseware-results-wrapper .xblock.xblock-public_view-vertical {max-width: 100%;}

.xmodule_display.xmodule_HtmlBlock p {font-size: 14px !important; font-weight: var(--fw-500); color: var(--black3); line-height: 17px !important;}
.xmodule_display.xmodule_HtmlBlock p+p, .xmodule_display.xmodule_HtmlBlock ul+p, .xmodule_display.xmodule_HtmlBlock ol+p {margin-bottom: 15px;}

.course-wrapper .course-content .vert-mod .vert, .course-wrapper .courseware-results-wrapper .vert-mod .vert {border-bottom: 1px solid var(--grey);}

.xblock-student_view-video .hd-2 {margin-bottom: 20px}
.xmodule_display.xmodule_VideoBlock .video {margin: 0;padding: 0;border-radius: 10px;border: 0;overflow: hidden;background: var(--white);}
.wrapper-download-video {background: var(--white9); padding: 15px; margin: 0 !important;}
.btn-link {line-height: 1;}

.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls {background: var(--black3);color: var(--white)}
.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .control {background: var(--black3);color: var(--white)}
.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .slider {background: rgba(255, 255, 255, 0.3);border: 0;height: 3px}
.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .slider .ui-slider-handle {background: var(--themeBlue);border-color: var(--themeBlue);border-radius: 0;top: 0}

.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .slider .ui-slider-handle:focus,.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .slider .ui-slider-handle:hover {background: var(--themeBlue); border-color: var(--themeBlue);}
.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .slider .ui-widget-header {top: 0;left: 0;background: var(--themeOrange);border-color: var(--themeOrange)}
.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container .volume-slider .ui-slider-handle {background: var(--themeOrange);border-color: var(--themeOrange)}
.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container .volume-slider .ui-slider-range {background: var(--themeOrange);border-color: var(--themeOrange);left: 0}

.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container .volume-slider .ui-slider-handle:hover,
.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container .volume-slider .ui-slider-handle:focus {background: var(--themeOrange);border-color: var(--themeOrange)}

.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container .volume-slider {background: var(--white);border-color: var(--black3)}
.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li.is-active .speed-option,
.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li.is-active .control-lang {border-color: var(--themeOrange);color: var(--themeOrange)}
.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .control:active,
.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .is-active.control,
.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .active.control {color: var(--white)}
.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .control .icon.icon-hd {color: var(--white);}

.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .vcr .vidtime {color: var(--white)}
.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .secondary-controls .toggle-transcript.is-active {color: var(--themeOrange)}
.xmodule_display.xmodule_VideoBlock .video .subtitles .subtitles-menu li {color: var(--black3)}
.xmodule_display.xmodule_VideoBlock .video .subtitles .subtitles-menu li.current {color: var(--black1)}
.xmodule_display.xmodule_VideoBlock .video .subtitles .subtitles-menu li.spacing:first-child {height: auto !important}
.xmodule_display.xmodule_VideoBlock .video .subtitles .subtitles-menu li.spacing>a.transcript-start {display: block;padding-bottom: 15px}
.xmodule_display.xmodule_VideoBlock .video .subtitles a {color: var(--themeBlue)}
.xmodule_display.xmodule_VideoBlock .video .video-wrapper {margin-right: 0;width: 65%}
.xmodule_display.xmodule_VideoBlock .video .subtitles {width: 35%;background: var(--white9);padding: 10px}
.xmodule_display.xmodule_VideoBlock .video .video-wrapper .closed-captions.is-visible {color: var(--white);border-radius: 10px;}


.wrap-instructor-info .instructor-info-action {color: var(--themeOrange);background: var(--white);font-size: 10px;border: 1px solid var(--themeOrange); border-radius: 10px;}
.wrap-instructor-info .instructor-info-action:hover {background: var(--themeOrange);color: var(--white);}
.video-download-button {color: var(--themeBlue) !important; font-weight: var(--fw-400);}

.xmodule_display.xmodule_ProblemBlock .problem-header {margin-bottom: 5px;}
.xmodule_display.xmodule_ProblemBlock div.problem-progress {font-size: 12px; font-weight: var(--fw-400); color: var(--black6); line-height: 14px;}
.xmodule_display.xmodule_ProblemBlock div.problem-progress.hide-problem-progress {display: none;}
.xmodule_display.xmodule_ProblemBlock div.problem, .xmodule_display.xmodule_ProblemBlock div.problem p {font-size: 14px; font-weight: var(--fw-400); line-height: 17px;}
.xmodule_display.xmodule_ProblemBlock div.problem .question-description {color: var(--black3); font-size: 100%;}

.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup legend+.question-description {margin-top: 0;}

.base_image_container {margin-top: 15px;}

.protex-absolute-panel {max-width: 100%; width: 100% !important; background: var(--white9) !important;}
.protex-caption-panel {padding: 10px !important;margin: 0 !important;border: 1px solid var(--lightBorder2) !important;font-family: var(--figtreeFont) !important;font-size: 14px !important;font-weight: var(--fw-500) !important;color: var(--black) !important;background-color: var(--lightBg) !important;}

.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input[type="radio"], .xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input[type="checkbox"] {opacity: 0;visibility: hidden;margin: 0;display: none;}
.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup label, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup label {padding: 14px 20px 14px 52px;border-radius: 10px;font-size: 14px;color: var(--black3);border: 1px solid var(--lightBorder2);border-width: 1px !important;text-shadow: none;}
.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input+label.choicegroup_correct, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input+label.choicegroup_correct, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup .choicegroup input+label.choicetextgroup_correct, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input+label.choicetextgroup_correct, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup .choicegroup input+section.choicetextgroup_correct, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input+section.choicetextgroup_correct, .xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input:focus+label.choicegroup_correct, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:focus+label.choicegroup_correct, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup .choicegroup input:focus+label.choicetextgroup_correct, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:focus+label.choicetextgroup_correct, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup .choicegroup input:focus+section.choicetextgroup_correct, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:focus+section.choicetextgroup_correct, .xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input:hover+label.choicegroup_correct, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:hover+label.choicegroup_correct, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup .choicegroup input:hover+label.choicetextgroup_correct, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:hover+label.choicetextgroup_correct, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup .choicegroup input:hover+section.choicetextgroup_correct, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:hover+section.choicetextgroup_correct {border-color: var(--themeOrange);}
.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input:focus+label, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:focus+label, .xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input:hover+label, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:hover+label {border-color: var(--grey);}
.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup label::after, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup label::after {margin: 0;}

.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup label, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup label {display: flex;align-items: center;gap: 10px;flex-wrap: wrap;}

.xmodule_display.xmodule_ProblemBlock div.problem .notification {margin-top: 25px;}

.xblock .field input[type="checkbox"] + label::before {content: '';width: 20px;height: 20px;border-radius: 4px;border: 1px solid var(--lightBorder2);position: absolute;left: 20px;top: 14px;z-index: 1;background-color: var(--white);transition: 0.3s all ease-in-out;}
.xblock .field input[type="checkbox"]:checked + label::before {border-color: var(--themeOrange);background-color: var(--themeOrange);}
.xblock .field input[type="checkbox"]:checked + label::after {content: '';display: inline-flex;position: absolute;left: 26px;top: 15px;width: 7px;height: 14px;border: solid var(--white);border-width: 0 2px 2px 0;transform: rotate(45deg);margin: 0 auto;z-index: 10;border-radius: 0;transition: 0.3s all ease-in-out;}
.xblock .field input[type="checkbox"]:checked + label {font-weight: var(--fw-600);}

.xblock .field input[type="radio"] + label::before {content: '';width: 20px;height: 20px;border-radius: 45px;border: 1px solid var(--lightBorder2);position: absolute;left: 20px;top: 14px;z-index: 1;background-color: var(--white);transition: 0.3s all ease-in-out;}
.xblock .field input[type="radio"]:checked + label::before {border-color: var(--themeOrange);background-color: var(--themeOrange);}
.xblock .field input[type="radio"]:checked + label::after {content: '';display: block;position: absolute;transition: 0.3s all ease-in-out;width: 8px;height: 8px;background: var(--themeOrange);top: 16px;left: 22px;z-index: 10;border-radius: 100%;border: 4px solid var(--white);box-sizing: content-box;}
.xblock .field input[type="radio"]:checked + label {font-weight: var(--fw-600);}

.xmodule_display.xmodule_ProblemBlock div.problem .action .problem-action-btn.btn-link {color: var(--themeOrange) !important; font-size: 14px; font-weight: var(--fw-400); text-transform: uppercase;}
.xmodule_display.xmodule_ProblemBlock div.problem .action .problem-action-btn.btn-link:hover {color: var(--themeOrange) !important;}
.xmodule_display.xmodule_ProblemBlock div.problem .action .submit-attempt-container {padding-bottom: 0;}

.xmodule_display.xmodule_ProblemBlock div.problem .indicator-container {margin-left: 0;}
.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input+label.choicegroup_correct .status-icon::after, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input+label.choicegroup_correct .status-icon::after, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup .choicegroup input+label.choicetextgroup_correct .status-icon::after, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input+label.choicetextgroup_correct .status-icon::after, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup .choicegroup input+section.choicetextgroup_correct .status-icon::after, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input+section.choicetextgroup_correct .status-icon::after, .xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input:focus+label.choicegroup_correct .status-icon::after, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:focus+label.choicegroup_correct .status-icon::after, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup .choicegroup input:focus+label.choicetextgroup_correct .status-icon::after, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:focus+label.choicetextgroup_correct .status-icon::after, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup .choicegroup input:focus+section.choicetextgroup_correct .status-icon::after, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:focus+section.choicetextgroup_correct .status-icon::after, .xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input:hover+label.choicegroup_correct .status-icon::after, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:hover+label.choicegroup_correct .status-icon::after, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup .choicegroup input:hover+label.choicetextgroup_correct .status-icon::after, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:hover+label.choicetextgroup_correct .status-icon::after, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup .choicegroup input:hover+section.choicetextgroup_correct .status-icon::after, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:hover+section.choicetextgroup_correct .status-icon::after {color: var(--success);font-weight: var(--fw-400);}
.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input+label.choicegroup_incorrect, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input+label.choicegroup_incorrect, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup .choicegroup input+label.choicetextgroup_incorrect, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input+label.choicetextgroup_incorrect, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup .choicegroup input+section.choicetextgroup_incorrect, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input+section.choicetextgroup_incorrect, .xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input:focus+label.choicegroup_incorrect, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:focus+label.choicegroup_incorrect, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup .choicegroup input:focus+label.choicetextgroup_incorrect, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:focus+label.choicetextgroup_incorrect, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup .choicegroup input:focus+section.choicetextgroup_incorrect, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:focus+section.choicetextgroup_incorrect, .xmodule_display.xmodule_ProblemBlock div.problem .choicegroup input:hover+label.choicegroup_incorrect, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:hover+label.choicegroup_incorrect, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup .choicegroup input:hover+label.choicetextgroup_incorrect, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:hover+label.choicetextgroup_incorrect, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup .choicegroup input:hover+section.choicetextgroup_incorrect, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup input:hover+section.choicetextgroup_incorrect {border-color: var(--alertRed);font-weight: var(--fw-400);}
.xmodule_display.xmodule_ProblemBlock div.problem .indicator-container .status.correct .status-icon::after {color: var(--success);font-weight: var(--fw-400);}
.xmodule_display.xmodule_ProblemBlock div.problem .indicator-container .status.incorrect .status-icon::after {color: var(--alertRed);font-weight: var(--fw-400);}

.xmodule_display.xmodule_ProblemBlock div.problem .notification {line-height: 1; padding: 8px 10px 8px 0; max-width: 100%; float: none;}
.xmodule_display.xmodule_ProblemBlock div.problem .notification .notification-message {margin-bottom: 0; font-size: 14px; color: var(--black3);}
.xmodule_display.xmodule_ProblemBlock div.problem .notification .icon {top: 0;}
.xmodule_display.xmodule_ProblemBlock div.problem .notification.success {border-color: var(--success); border-width: 2px; }
.xmodule_display.xmodule_ProblemBlock div.problem .notification.success .icon {color: var(--success);}
.xmodule_display.xmodule_ProblemBlock div.problem .notification.general {border-color: var(--themeBlue); border-width: 2px;}
.xmodule_display.xmodule_ProblemBlock div.problem .notification.general .icon {color: var(--themeBlue);}
.xmodule_display.xmodule_ProblemBlock div.problem .notification.warning {border-color: var(--themeOrange); border-width: 2px; }
.xmodule_display.xmodule_ProblemBlock div.problem .notification.warning .icon {color: var(--themeOrange);}
.xmodule_display.xmodule_ProblemBlock div.problem .notification.error {border-color: var(--alertRed); border-width: 2px;}
.xmodule_display.xmodule_ProblemBlock div.problem .notification.error .icon {color: var(--alertRed);}
.xmodule_display.xmodule_ProblemBlock div.problem .notification .notification-btn-wrapper {display: none;}

.xmodule_display.xmodule_ProblemBlock .problem .capa_inputtype.textline input[type="text"], .xmodule_display.xmodule_ProblemBlock .problem .inputtype.formulaequationinput input[type="text"], .xmodule_display.xmodule_ProblemBlock div.problem select {color: var(--black3);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-400);font-size: 16px;line-height: 19px;border: 1px solid var(--lightBorder2);border-radius: 5px;padding: 9px 20px;outline: none;box-shadow: none;}
.xmodule_display.xmodule_ProblemBlock div.problem select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url("/static/nsdc-theme/images/md-chevron-down.svg");background-size: 20px;background-repeat: no-repeat;background-position: center right 10px; padding-right: 40px;}
.xmodule_display.xmodule_ProblemBlock div.problem select:focus, .xmodule_display.xmodule_ProblemBlock div.problem select option:focus {font-weight: var(--fw-600);}
.xmodule_display.xmodule_ProblemBlock .problem .capa_inputtype.textline .correct input[type="text"], .xmodule_display.xmodule_ProblemBlock .problem .inputtype.formulaequationinput .correct input[type="text"], .xmodule_display.xmodule_ProblemBlock div.problem .correct select {border-color: var(--success);}
.xmodule_display.xmodule_ProblemBlock .problem .capa_inputtype.textline>.correct .status .status-icon::after, .xmodule_display.xmodule_ProblemBlock .problem .inputtype.formulaequationinput>.correct .status .status-icon::after {color: var(--success);}
.xmodule_display.xmodule_ProblemBlock div.problem div div.equation span.MathJax_CHTML, .xmodule_display.xmodule_ProblemBlock div.problem div div.equation span.MathJax, .xmodule_display.xmodule_ProblemBlock div.problem div div.equation span.MathJax_SVG {background: var(--white9);border: 1px solid var(--grey);font-size: 12px;font-weight: var(--fw-500);border-radius: 5px;font-family: var(--figtreeFont);}
.xmodule_display.xmodule_ProblemBlock div.problem .notification.problem-hint {border-color: var(--grey); border-radius: 10px; padding: 10px 20px;}
.xmodule_display.xmodule_ProblemBlock div.problem .notification.problem-hint li {color: var(--black3);}
.xmodule_display.xmodule_ProblemBlock div.problem .notification.problem-hint .icon {display: none;}

.openassessment * {font-family: var(--figtreeFont) !important;}
.openassessment .ui-slidable__container .fa {font: normal normal normal 14px/1 FontAwesome !important;}
.openassessment span {color: var(--black3); font-size: 14px; line-height: 16px;}
.openassessment .ui-slidable__container .ui-slidable:not([disabled]) {color: var(--black3);}
.openassessment .openassessment__steps__step {border: 1px solid var(--grey);border-radius: 6px;border-top-width: 2px;padding: 10px 15px;}
.openassessment .openassessment__steps__step .step__status {top: -26px;}
.openassessment .openassessment__steps__step .step__status .step__status__value {border-radius: 5px;padding: 5px;background: var(--white9);position: relative;}
.openassessment .is--in-progress.openassessment__steps__step {border-top-color: var(--themeBlue);}
.openassessment .openassessment__steps__step.is--in-progress .step__status__value {background: var(--themeBlue);}
.openassessment .openassessment__steps__step .step__status .copy {font-size: 12px;text-transform: uppercase;letter-spacing: 0;color: var(--black3) !important;}
.openassessment .openassessment__steps__step.is--in-progress .step__status__value .copy, .openassessment .openassessment__steps__step.is--in-progress .step__status__value .icon {color: var(--white) !important;}
.openassessment .openassessment__steps__step .step__title, .openassessment .openassessment__steps__step .step__title .step__counter, .openassessment .openassessment__steps .openassessment__steps__step .step__header .step__title .step__label, .openassessment .step--grade .step__title .grade__value, .openassessment .step--grade .step__title .step__label, .openassessment .step--grade .step__title .grade__value__title  {color: var(--black3);font-size: 14px;font-weight: var(--fw-600);}
.openassessment .openassessment__steps .openassessment__steps__step .step__header .step__title .step__counter:before {color: var(--black3);font-size: 14px;font-weight: var(--fw-600);}
.openassessment .openassessment__steps__step .step__title .wrapper--copy {border-left: 1px solid var(--grey);padding-left: 10px;margin-left: 10px;}
.openassessment .openassessment__steps__step .step__instruction {color: var(--black3);font-size: 14px;line-height: 16px;font-weight: var(--fw-400);margin-bottom: 20px;padding: 15px;}
.openassessment .step--grade .grade__value__description {color: var(--black3);font-size: 14px;line-height: 16px;font-weight: var(--fw-400);}
.openassessment .step--response .response__submission {background: var(--white9);border-radius: 6px;}
.openassessment .submission__answer__part__prompt {border-radius: 6px;box-shadow: none;background: var(--white);color: var(--black3);font-size: 14px;font-weight: var(--fw-400);padding: 15px;border: 1px solid var(--grey);border-left: 5px solid var(--grey);}
.openassessment .submission__answer__part__prompt__copy {color: var(--black3);font-size: 14px;line-height: 16px;}
.openassessment .step--response .response__submission__content .submission__answer__part__text textarea {background: var(--white);color: var(--black3);font-size: 14px;padding: 15px;border: 1px solid var(--grey);border-radius: 6px;font-weight: var(--fw-400);min-height: 100px;}
.openassessment .step--peer-assessment .peer-assessment__assessment .response__submission__label, .openassessment .step--response .response__submission__actions .response__submission__label, .openassessment .step--response .response__submission__content .response__submission__label, .openassessment .step--self-assessment .self-assessment__assessment .response__submission__label {color: var(--black3);font-size: 14px;text-transform: capitalize;line-height: 16px;font-weight: var(--fw-600);letter-spacing: 0;display: inline-block;vertical-align: middle;margin-left: 10px;}

.discussion-show.btn-primary {height: auto;border-radius: 10px;background: transparent !important;color: var(--themeOrange) !important;border: 1px solid var(--themeOrange) !important;padding: 8px 15px;text-transform: capitalize;}
.discussion-show.btn-primary i {display: none;}
.discussion-show.btn-primary:hover, .discussion-show.btn-primary:active, .discussion-show.btn-primary:focus {background: var(--themeOrange) !important;color: var(--white) !important;border-color: var(--themeOrange) !important;}

.course-wrapper .c-filter-side {max-width: 400px;}

.wrapper-problem-response > div {color: var(--black3);font-size: var(--fs-16);font-weight: var(--fw-600);margin-bottom: 15px;}

/*--discussion-page---*/

.grey-header-title {display: flex;flex-direction: row;align-items: center;justify-content: space-between;	flex-wrap: wrap;background: var(--white9);padding: 20px 30px;margin-bottom: 0;}
.grey-header-title .title-wrapper {padding-right: 15px; width: calc(100% - 322px);}
.grey-header-title .title-wrapper .page-title {color: var(--black);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-600);font-size: 18px;line-height: 20px;margin-bottom: 0;}
.grey-header-title .title-wrapper .page-title span {font-size: 14px;font-weight: var(--fw-400);display: inline-block;vertical-align: middle; margin-right: 4px;line-height: 22px;}

.grey-header-title .wrapper-search-content {width: 322px;position: relative;}
.grey-header-title .wrapper-search-content .search-form {position: relative; display: block;}


.grey-header-title .wrapper-search-content .search-form .field-input {width: 100%;display: block;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;padding: 16px 50px 16px 20px;right: 0;color: var(--black3);font-size: 14px;line-height: 18px;font-weight: var(--fw-400);box-shadow: none !important;border: 0 !important;background-color: var(--white) !important;box-shadow: 0px 0px 20px rgba(4, 44, 176, 0.05) !important;border-radius: 10px;min-height: 50px;}
.grey-header-title .wrapper-search-content .search-form .field-label {display: none !important;}
.grey-header-title .wrapper-search-content .search-form .field-input::-webkit-input-placeholder {color: var(--black6);opacity: 1;}
.grey-header-title .wrapper-search-content .search-form .field-input:-moz-placeholder {color: var(--black6);opacity: 1;}
.grey-header-title .wrapper-search-content .search-form .field-input:-ms-input-placeholder {color: var(--black6);opacity: 1;}
.grey-header-title .wrapper-search-content .search-form .field-input::placeholder {color: var(--black6);opacity: 1;}
/*.grey-header-title .wrapper-search-content .search-form .search-button {position: absolute;right: 5px;top: 50%;min-width: 125px;background: var(--themeOrange) !important;border-radius: 10px;color: var(--white) !important;font-size: 16px;text-transform: uppercase;line-height: 18px;padding: 11px 15px;border: 0 !important;outline: none !important;box-shadow: none !important;transform: translateY(-50%);text-align: center;display: inline-block;z-index: 100;font-weight: var(--fw-700);}*/
.wrapper-search-content .search-form .search-button {position: absolute;top: 0;height: 100%;width: 18px;background: transparent;padding: 0;right: 23px; border: 0; outline: 0; box-shadow: none !important; border-radius: 0; line-height: 1; z-index: 100;}

.discussion-board .grey-header-title .title-wrapper {width: calc(100% - 487px);}
.discussion-board .wrapper-search-content  {width: 487px; display: flex; flex-direction: row; align-items: center; justify-content: flex-end;}
.discussion-board .wrapper-search-content .forum-search.search-form {width: 100%;margin: 0;}
.discussion-board .wrapper-search-content .forum-actions {margin-left: 10px;}
.discussion-board .wrapper-search-content .forum-actions .btn-primary {min-width: 155px;}

.all-topic-main .breadcrumbs {margin: 0 0 32px 0;}
.all-topic-main .breadcrumbs .nav-item {margin: 0; display: inline-flex; align-items: center;}
.all-topic-main .has-breadcrumbs .breadcrumbs .all-topics {font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-500);font-size: 16px;line-height: 19px;color: var(--black3);padding: 0;cursor: pointer;display: inline-flex;align-items: center;}
.all-topic-main .has-breadcrumbs .breadcrumbs .all-topics:hover {color: var(--themeOrange);}
.all-topic-main .has-breadcrumbs .breadcrumbs .all-topics .fa {margin-right: 13px;}
.all-topic-main .has-breadcrumbs .breadcrumbs .all-topics .icon {margin-right: 10px;width: 24px;height: 24px;}
.all-topic-main .has-breadcrumbs .breadcrumbs .all-topics .icon svg {width: 24px; height: 24px;}
.all-topic-main .has-breadcrumbs .breadcrumbs .all-topics:hover .icon svg * {stroke: var(--themeOrange);}

.course-view.discussion-board.page-content-container .page-content {padding: 30px;}

.discussion-body, .discussion-module {flex-wrap: wrap; align-items: flex-start;}
.discussion-body .forum-nav {width: 345px; padding: 20px; border: 1px solid var(--grey); border-radius: 10px; position: relative;max-width: 100%; position: sticky; position: -webkit-sticky; top: 0; padding-bottom: 0; overflow: hidden;}
.discussion-body .discussion-column {width: calc(100% - 345px); margin: 0; padding-left: 20px;}
.discussion-body .forum-nav-browse-menu-wrapper {background: transparent; border: 0;}
.discussion-body .forum-nav-browse-menu-wrapper .forum-nav-browse-filter {padding: 0; border: 0; max-width: 100%; margin-bottom: 20px;}
.forum-nav-browse-filter .field-label-text {display: none;}
.forum-nav-browse-filter .forum-nav-browse-filter-input {background: var(--white)FFF;box-shadow: 0px 0px 20px rgba(209, 209, 209, 0.3) !important;border-radius: 10px !important;padding: 11px 30px 12px 10px !important;border: 0;outline: none;font-family: var(--figtreeFont);color: var(--black);font-style: normal;font-weight: var(--fw-400);font-size: 14px !important;line-height: 17px;box-sizing: border-box;}
.forum-nav-browse-filter .forum-nav-browse-filter-input::-webkit-input-placeholder {color: var(--black6);opacity: 1;}
.forum-nav-browse-filter .forum-nav-browse-filter-input:-moz-placeholder {color: var(--black6);opacity: 1;}
.forum-nav-browse-filter .forum-nav-browse-filter-input:-ms-input-placeholder {color: var(--black6);opacity: 1;}
.forum-nav-browse-filter .forum-nav-browse-filter-input::placeholder {color: var(--black6);opacity: 1;}
.forum-nav-browse-filter .icon {position: absolute; right: 11px; top: 50%; transform: translateY(-50%);margin: 0;font-size: 18px;width: 18px;height: 18px;}
.forum-nav-browse-filter .icon svg {width: 18px; height: 18px}

.forum-nav-browse-menu {max-height: 508px; overflow-y: auto;}
.forum-nav-browse-menu .forum-nav-browse-menu-item .forum-nav-browse-title {display: block;color: var(--black3);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-500);font-size: 14px;line-height: 16px;padding: 11px 30px 11px 12px;border: 0;background-color: var(--lightBg);box-shadow: 0px 0px 20px rgba(209, 209, 209, 0.3);border-radius: 5px;margin-bottom: 10px;background-image: url("/static/nsdc-theme/images/arrow-narrow-right.svg");background-repeat: no-repeat;background-position: center right 12px;background-size: 16px;}
.forum-nav-browse-title:hover, .forum-nav-browse-title:focus, .forum-nav-browse-title.is-focused {background-color: var(--lightOrange) !important;background-image: url("/static/nsdc-theme/images/arrow-narrow-right.svg") !important;background-repeat: no-repeat !important;background-position: center right 12px !important;background-size: 16px !important;}

.forum-nav-browse-menu .forum-nav-browse-menu-all .forum-nav-browse-title {background: var(--themeOrange);color: var(--white)BFB;border-radius: 10px;border: 0;max-width: 200px;font-weight: var(--fw-700);font-size: 16px;line-height: 18px;padding: 11px 30px;text-align: center;text-transform: uppercase;margin-bottom: 20px;}
.forum-nav-browse-menu .forum-nav-browse-menu-item.forum-nav-browse-menu-all .forum-nav-browse-title:hover {background: var(--themeOrange) !important;color: var(--white);}

.forum-nav-browse-menu .forum-nav-browse-menu-item.forum-nav-browse-menu-following .icon {color: var(--themeOrange); top: 11px; left: 11px; display: none;}
.forum-nav-browse-menu .forum-nav-browse-menu-item.forum-nav-browse-menu-following .icon svg {width: 14px; height: 14px;}
.forum-nav-browse-menu .forum-nav-browse-menu-item.forum-nav-browse-menu-following .fa-star:before {content: "\f006";}
.forum-nav-browse-menu .forum-nav-browse-menu-item.forum-nav-browse-menu-following .forum-nav-browse-title {background: var(--white);color: var(--themeOrange);border-radius: 10px;border: 1px solid var(--themeOrange);max-width: 236px;font-weight: var(--fw-700);font-size: 16px;line-height: 18px;padding: 10px 20px;text-align: center;text-transform: uppercase;margin-bottom: 20px;}
.forum-nav-browse-menu .forum-nav-browse-menu-item.forum-nav-browse-menu-following .forum-nav-browse-title:hover {background: var(--themeOrange) !important; color: var(--white)BFB !important;}

.discussion.inline-discussion .inline-threads, .discussion.inline-discussion .inline-thread {border: 0; border-radius: 0;}
.forum-nav-thread-list-wrapper .forum-nav-refine-bar {background: transparent;border: 0;border-radius: 0;padding: 0;}
.forum-nav-thread-list-wrapper .forum-nav-refine-bar .c-filter-side {display: flex;flex-direction: row;align-items: stretch;flex-wrap: wrap;margin: 0 -6px 20px -6px;}
.forum-nav-thread-list-wrapper .forum-nav-refine-bar .c-filter-side .forum-nav-filter-main {flex: 0 0 50%; max-width: 50%; padding: 0 6px;}
.forum-nav-thread-list-wrapper .forum-nav-refine-bar .c-filter-side .forum-nav-sort {flex: 0 0 50%; max-width: 50%; padding: 0 6px;}
.forum-nav-filter-main-control, .forum-nav-filter-cohort-control, .forum-nav-sort-control {border: 1px solid transparent;background: var(--white)FFF;box-shadow: 0px 0px 20px rgba(209, 209, 209, 0.3);border-radius: 10px;display: block;width: 100%;color: var(--black6);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-400);font-size: 12px;line-height: 18px;padding: 10px 25px 10px 10px;outline: none !important;transition: 0.2s all linear;text-transform: capitalize;-webkit-appearance: none;-moz-appearance: none;appearance: none;    background-image: url("/static/nsdc-theme/images/md-chevron-down.svg");background-size: 20px;background-repeat: no-repeat;background-position: center right 10px;}
.forum-nav-filter-main-control option, .forum-nav-filter-cohort-control option, .forum-nav-sort-control option {color: var(--black3) !important;}
.forum-nav-filter-main-control:focus, .forum-nav-filter-cohort-control:focus, .forum-nav-sort-control:focus {color: var(--black3); font-weight: var(--fw-500);}
.forum-nav-refine-bar .add_post_btn_container {display: none !important;}

.forum-nav-thread-list {max-height: 450px;overflow-y: auto;border: 0;padding: 0; margin: 0 -20px; border-top: 1px solid var(--grey);}
.forum-nav-thread-list::-webkit-scrollbar, .forum-nav-browse-menu::-webkit-scrollbar {width: 5px;}
.forum-nav-thread-list::-webkit-scrollbar-track, .forum-nav-browse-menu::-webkit-scrollbar-track {background: var(--white); border-radius: 40px;}
.forum-nav-thread-list::-webkit-scrollbar-thumb, .forum-nav-browse-menu::-webkit-scrollbar-thumb {background: var(--black6); border-radius: 40px;}
.forum-nav-thread-list::-webkit-scrollbar-thumb:hover, .forum-nav-browse-menu::-webkit-scrollbar-thumb:hover {background: var(--black6); }

.forum-nav-thread-list .forum-nav-thread {border-bottom: 1px solid var(--grey); outline: none;}
.forum-nav-thread-list .forum-nav-thread:last-child {border-bottom: 0;}
.forum-nav-thread .forum-nav-thread-link {background: var(--white9);padding: 21px 21px 0 21px;border: 0 !important;display: block; position: relative;color: unset;}
.forum-nav-thread .forum-nav-thread-link:hover, .forum-nav-thread .forum-nav-thread-link.is-active {background: var(--lightOrange) !important;}
.forum-nav-thread-wrapper-1 {display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-start;margin: 0 0 20px 0;max-width: 100%;}
.forum-nav-thread-wrapper-1 .icon {width: 18px;}
.forum-nav-thread-wrapper-1 .icon > svg, .forum-nav-thread-wrapper-1 .icon > img {width: 18px;}
.forum-nav-thread-wrapper-1 .thread-content {padding-left: 13px;width: calc(100% - 18px);}
.forum-nav-thread-title {font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-600);font-size: 14px;line-height: 17px;color: var(--black3);text-transform: capitalize;margin-bottom: 10px;}
.forum-nav-thread-list .thread-preview-body {font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-400);font-size: 12px;line-height: 14px;color: var(--black6);}
.thread-controller.forum-nav-thread-wrapper-2 {width: 100%;max-width: 100%;text-align: left;min-width: 100%;white-space: normal;display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;}
.forum-nav-thread-list .forum-nav-thread-labels {margin: 0; display: flex; flex-direction: row; align-items: center; flex-wrap: wrap;}
.forum-nav-thread-list .forum-nav-thread-labels .post-label {margin: 0 20px 22px 0;font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-400) !important;font-size: 12px !important;line-height: 14px !important;color: var(--black6) !important;display: inline-flex;align-items: center;}
.forum-nav-thread-list .forum-nav-thread-labels .post-label:last-child {margin-right: 0;}
.forum-nav-thread-list .forum-nav-thread-labels .post-label .icon-img {display: inline-flex; align-items: center; margin-right: 10px;}
.forum-nav-thread-list .forum-nav-thread-labels .post-label .icon-img img {height: 13px;}
.forum-nav-thread-votes-count, .forum-nav-thread-comments-count {margin: 0;padding: 0;background: transparent;font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-400);font-size: 12px;line-height: 14px;color: var(--black6); display: inline-flex !important; align-items: center;}


.search-alert  {display: flex;flex-direction: row;align-items: center;margin: 15px 0;flex-wrap: wrap;}
.search-alert .search-alert-content {padding-right: 15px;width: calc(100% - 10px);}
.search-alert .search-alert-content p {font-family: var(--figtreeFont);color: var(--black3);margin-bottom: 0;font-size: 12px;font-weight: var(--fw-400);line-height: 14px;}
.search-alert .search-alert-controls {width: 10px;}
.search-alert .search-alert-controls .control-dismiss {padding: 0;border: 0;box-shadow: none;color: var(--black3);font-size: 14px;margin-left: 0;cursor: pointer;}
.search-alert .search-alert-controls .control-dismiss img {width: 10px;}

.view-discussion-home {padding: 0;}
.view-discussion-home .home-header {border-bottom: 1px solid var(--grey);}
.view-discussion-home .label-settings {font-size: 12px;color: var(--black3);padding: 10px 0;}
.view-discussion-home .home-helpgrid {border-color: var(--grey);box-shadow: none;border-radius: 8px;}
.view-discussion-home .helpgrid-row .row-title {padding: 15px 15px;background-color: var(--white6);font-size: 12px;font-weight: var(--fw-500);color: var(--black);}
.view-discussion-home .helpgrid-row .row-item-full, .view-discussion-home .helpgrid-row .row-item {color: var(--black3);font-size: 12px;}
.view-discussion-home .helpgrid-row .row-item-full .icon, .view-discussion-home .helpgrid-row .row-item .icon {font-size: 16px;}
.view-discussion-home .helpgrid-row {border-color: var(--grey);}
.view-discussion-home .helpgrid-row .row-item-full, .view-discussion-home .helpgrid-row .row-item {margin-bottom: 0;}
.view-discussion-home .helpgrid-row .row-item-full .notification-checkbox {padding: 0;border: 0;}
.discussion-column .new-post-article {margin-top: 0;}
.new-post-article .forum-new-post-form {padding: 0;}
.thread-title {font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-700);font-size: 18px;line-height: 22px;color: var(--black3); margin-bottom: 20px;}
.forum-new-post-form .post-field, .edit-post-form .post-field {margin-bottom: 24px;}

.forum-new-post-form .post-field .field-label .field-label-text, .edit-post-form .post-field .field-label .field-label-text {color: var(--black3);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-700);font-size: 14px;line-height: 17px;margin-bottom: 10px;}
.forum-new-post-form .post-field .field-help, .edit-post-form .post-field .field-help, .field-label-text {color: var(--black6);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-500);font-size: 14px;line-height: 17px;margin: 0 0 12px 0 !important;}
.forum-new-post-form .post-field .field-help .required, .edit-post-form .post-field .field-help .required{color: var(--alertRed);}

.forum-new-post-form .post-type-label,.edit-post-form .post-type-label {margin: 0 20px 0 0; position: relative;}
.forum-new-post-form .field-label [type="radio"].field-input, .edit-post-form .post-field .field-label [type="radio"].field-input {position: absolute;top: 0;left: 0;right: 0;width: 100%;opacity: 0;visibility: hidden;z-index: -1;}
.forum-new-post-form .field-label .field-input-label {font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-400);font-size: 14px;line-height: 17px;color: var(--black6);position: relative;display: block;padding: 0 0 0 27px;cursor: pointer;transition: 0.3s all ease-in-out;text-transform: capitalize;}
.forum-new-post-form .field-label .field-input-label .icon {display: none !important;}
.forum-new-post-form .field-label [type="radio"].field-input:checked + .field-input-label {color: var(--black3);}
.forum-new-post-form .field-label [type="radio"].field-input + .field-input-label::before {content: '';position: absolute;top: 50%;left: 0;width: 20px;height: 20px;margin-top: -10px;border-radius: 100%;border: 2px solid var(--grey);background-color: var(--white);display: inline-block;transition: 0.3s all ease-in-out;}
.forum-new-post-form .field-label [type="radio"].field-input:checked + .field-input-label::before {border-color: var(--themeOrange);}
.forum-new-post-form .field-label [type="radio"].field-input:checked + .field-input-label::after {content: '';position: absolute;left: 5px;top: 50%;width: 10px;height: 10px;margin-top: -5px;border-radius: 100%;border: 0;background-color: var(--themeOrange);display: inline-block;transition: 0.3s all ease-in-out;}

.forum-new-post-form .field-label [type="checkbox"].field-input, .edit-post-form .post-field .field-label [type="radio"].field-input {position: absolute;top: 0;left: 0;right: 0;width: 100%;opacity: 0;visibility: hidden;z-index: -1;}
.forum-new-post-form .field-label [type="checkbox"].field-input:checked + .field-input-label {color: var(--black3);}
.forum-new-post-form .field-label [type="checkbox"].field-input + .field-input-label::before {content: '';position: absolute;top: 50%;left: 0;width: 20px;height: 20px;margin-top: -10px;border-radius: 4px;border: 1px solid var(--grey);background-color: var(--white);display: inline-block;transition: 0.3s all ease-in-out;}
.forum-new-post-form .field-label [type="checkbox"].field-input:checked + .field-input-label::before {border-color: var(--themeOrange); background-color: var(--themeOrange);}
.forum-new-post-form .field-label [type="checkbox"].field-input:checked + .field-input-label::after {content: '';position: absolute;left: 6px;top: 0;width: 8px;height: 14px;border: solid var(--white);border-width: 0 2px 2px 0;transform: rotate(45deg);margin: 0 auto;z-index: 10;transition: 0.3s all ease-in-out;}

.forum-new-post-form input[type=text].field-input, .edit-post-form input[type=text].field-input, .forum-new-post-form select.field-input, .edit-post-form select.field-input {border: 1px solid var(--grey) !important;border-radius: 5px;box-sizing: border-box;padding: 11px 20px !important;font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-400);font-size: 14px;line-height: 17px;color: var(--black);background-color: var(--white);box-shadow: none !important;outline: none !important;}
.forum-new-post-form input.field-input::-webkit-input-placeholder {color: var(--black9);opacity: 1;}
.forum-new-post-form input.field-input:-moz-placeholder {color: var(--black9);opacity: 1;}
.forum-new-post-form input.field-input:-ms-input-placeholder {color: var(--black9);opacity: 1;}
.forum-new-post-form input.field-input::placeholder {color: var(--black9);opacity: 1;}
.forum-new-post-form .post-topic.field-input, .edit-post-form .post-topic.field-input {max-width: 360px;}
.forum-new-post-form select.field-input, .edit-post-form select.field-input {-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url("/static/nsdc-theme/images/md-chevron-down.svg");background-size: 24px;background-repeat: no-repeat;background-position: center right 11px;padding: 11px 40px 11px 20px;}
.forum-new-post-form .post-field .field-label .js-post-title, .edit-post-form .post-field .field-label .js-post-title {width: 100%; max-width: 360px;}

.wmd-input {border: 1px solid var(--grey) !important;border-radius: 10px 10px 0 0;box-sizing: border-box;padding: 11px 20px !important;font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-400);font-size: 14px;line-height: 17px;color: var(--black);background-color: var(--white);outline: none !important;box-shadow: none !important;}
.js-post-body.editor {margin: 15px 0 0 0;}
.wmd-preview-container {border-radius: 0 0 10px 10px;border: 0;padding: 13px 20px;box-shadow: none;background-color: var(--white1);border: 1px solid var(--grey);border-top: 0;overflow: hidden;}
.wmd-preview-label, .wmd-preview-container .wmd-preview {color: var(--black);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-400);font-size: 12px;line-height: 14px;padding: 0;background: transparent;}
.wmd-preview {width: 100%; margin: 0;}
.wmd-preview-container .wmd-preview p {margin-bottom: 0; margin-top: 5px;}

.wmd-prompt-background {background: var(--black); opacity: 0.8;}
.wmd-prompt-dialog {bottom: auto;padding: 50px 30px 30px;box-shadow: 0px 0px 20px rgba(209, 209, 209, 0.3);border-radius: 10px;background: var(--white);width: 100% !important;max-width: 500px !important;left: 0 !important;right: 0 !important;margin: 0 auto !important;top: 50%;transform: translateY(-50%);}
.wmd-prompt-dialog h4 {color: var(--black);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-600);font-size: 18px;line-height: 22px;text-align: left;margin-bottom: 40px;}
.wmd-prompt-dialog .field .field-label {margin-bottom: 0;display: block;position: absolute;top: -10px;background: var(--white);padding: 4px 7px;font-family: 'Figtree';font-style: normal;font-weight: var(--fw-400);font-size: 12px;line-height: 14px;left: 16px;display: inline-flex;align-items: center;}
.wmd-prompt-dialog .field .field-label svg {margin-left: 6px;}
.wmd-prompt-dialog .input-text {border: 1px solid var(--grey);border-radius: 5px;background: var(--white);color: var(--black3);font-size: 16px;line-height: 18px;font-weight: var(--fw-400);font-style: normal;padding: 15px 20px;height: auto;width: 100%;font-family: 'Figtree',sans-serif !important;}
.wmd-prompt-dialog .field {margin-bottom: 30px;position: relative;}
.wmd-prompt-dialog .input-text::-webkit-input-placeholder {color: var(--black9);}
.wmd-prompt-dialog .input-text:-moz-placeholder {color: var(--black9);}
.wmd-prompt-dialog .input-text:-ms-input-placeholder {color: var(--black9);}
.wmd-prompt-dialog .input-text::placeholder {color: var(--black9);}
.wmd-prompt-dialog .field-middle-text {font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-500);font-size: 16px;line-height: 20px;text-transform: capitalize;color: var(--black);margin: -20px 0 10px 0;text-align: center;}
.wmd-prompt-dialog .form-actions {display: flex;flex-direction: row;align-items: center;justify-content: center;flex-wrap: wrap;margin-top: -10px;}
.wmd-prompt-dialog .form-actions .btn {padding: 8px 15px;font-size: 14px;font-weight: var(--fw-700);margin: 0 10px;text-transform: uppercase;min-width: 124px;text-align: center;box-shadow: none; height: auto;}
.wmd-prompt-dialog .field .field-label.label-inline {position: relative;top: 0;left: 0;padding: 0;}
.wmd-prompt-dialog .input-text.has-error {border-color: var(--alertRed);}
.wmd-prompt-dialog .field-message.has-error {width: 100%;margin: 15px 0;background: transparent;padding: 0;border: 0;color: var(--alertRed);font-family: var(--figtreeFont);line-height: 1.25;font-size: 14px;}

.imageupload-field {position: relative;}
.imageupload-field .input-text {padding-left: 115px; font-size: 12px}
.imageupload-field .btn-choose-file {position: absolute;top: 13px;left: 20px;right: 0;max-width: 85px;font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-500);font-size: 12px;line-height: 14px;color: var(--black6);padding: 5px 10px;border: 1px solid var(--black9);box-shadow: 0px 0px 20px rgba(209, 209, 209, 0.3);border-radius: 5px; height: auto;}

.field-checkbox input[type="checkbox"] {display: none;}
.field-checkbox .field-input-label {color: var(--black);font-size: 12px;line-height: 14px;display: block;position: relative;padding-left: 30px;}
.field-checkbox .field-input-label::before {content: '';display: inline-flex;width: 20px;height: 20px;background: var(--white)FFF;border: 1px solid var(--lightBorder2);border-radius: 4px;align-items: center;margin-right: 10px;transition: 0.3s all ease-in-out;position: absolute;left: 0;top: 0;}
.field-checkbox input[type="checkbox"]:checked + .field-input-label::before {background: var(--themeOrange);border-color: var(--themeOrange);}
.field-checkbox input[type="checkbox"]:checked + .field-input-label::after {content: '';position: absolute;left: 6px;top: 0;width: 8px;height: 14px;border: solid var(--white);border-width: 0 2px 2px 0;transform: rotate(45deg);margin: 0 auto;z-index: 10;transition: 0.3s all ease-in-out;}
.field-label .field-input:checked+.field-input-label {color: var(--black)}


.forum-new-post-form .post-options, .edit-post-form .post-options {margin: 10px 0;}

.reply-post-control button {margin-right: 15px;}
.reply-post-control button:last-child {margin-right: 0;}
.reply-post-control .btn-link {display: inline-flex;color: var(--themeOrange) !important;font-family: var(--figtreeFont) !important;font-style: normal !important;font-weight: var(--fw-700) !important;font-size: 16px;line-height: 20px;text-transform: capitalize;padding: 9px 30px;background: var(--white);border-radius: 10px;border: 1px solid var(--themeOrange) !important;}
.reply-post-control .post-update, .reply-post-control .post-cancel {margin-top: 0; float: none; margin-left: 0;}
.reply-post-control .loading-animation {display: none;}

.alert {display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;padding: 10px 15px;box-shadow: none;border-radius: 6px;border: 1px solid var(--grey);background: var(--white9);}
.alert .alert-icon {background: transparent;padding: 0;width: 20px; color: var(--black3)}
.alert .alert-message {width: calc(100% - 20px); padding-left: 10px;}
.alert .alert-title {color: var(--black3); font-size: 16px; font-weight: var(--fw-600);}
.alert .alert-copy {color: var(--black3);font-size: 14px;font-weight: var(--fw-500);line-height: 16px;margin: 0;}

.alert.alert-error .alert-icon {color: var(--alertRed);}
.alert.alert-error .alert-copy {color: var(--alertRed);}
.alert.alert-success .alert-icon {color: var(--alertGreen);}
.alert.alert-success .alert-copy {color: var(--alertGreen);}
.alert.alert-warning .alert-icon {color: var(--themeBlue);}
.alert.alert-warning .alert-copy {color: var(--themeBlue);}

.alert-information {margin-bottom: 20px;}
.pattern-library-shim.alert-information {border: 1px solid var(--themeBlue);box-shadow: none;background: var(--lightBg);color: var(--themeBlue);}
.pattern-library-shim.alert-information .alert-icon {background-color: var(--themeBlue);}
.pattern-library-shim .alert-message p {color: var(--black);}

.thread-content-wrapper .discussion-post {border: 1px solid var(--grey);border-radius: 10px;padding: 20px;margin-bottom: 20px;}
.discussion-post .post-header-content,.discussion-post .post-body {max-width: 100%;padding: 0;}
.discussion-post .post-header-content .post-title {font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-700);font-size: 16px;line-height: 19px;color: var(--black3);}
.discussion-article .posted-details {font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-500);font-size: 12px;line-height: 14px;color: var(--black9);margin: 5px 0 10px 0;}
.discussion-article .posted-details .username {color: var(--black9); display: inline-flex; margin-right: 10px;}
.discussion-article .posted-details .timeago {display: inline-flex; align-items: center;}
.discussion-post .post-header-content .timeago {color: var(--black9);display: inline-flex;}
.discussion-post .post-body p {font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-400);font-size: 12px;line-height: 14px;color: var(--black6);}

.discussion-post .post-header-actions {float: none;margin: 22px 0 10px 0;}
.discussion-post .post-header-actions .post-actions-list {display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;}
.discussion-post .post-header-actions .post-actions-list > li {display: inline-flex;align-items: center;margin: 0 24px 0 0;}
.discussion-post .post-header-actions .post-actions-list > li:last-child {margin-right: 0}
.discussion-post .post-context {color: var(--black6);font-size: 12px;line-height: 14px;}
.discussion-post .post-context > a {color: var(--themeOrange);}
.discussion-post .post-context > a:hover {color: var(--black);}
.discussion-post .post-context .group-visibility-label {margin: 5px 0 0 0;}
.discussion-post .post-labels {margin: 10px 0;}
.discussion-post .post-label {margin: 0 10px 0 0;}
.discussion-post .post-label.post-label-pinned {color: var(--themeOrange); margin: 0}

.discussion .discussion-post .action-button, .discussion-response .action-button {border: 0 !important;padding: 0 !important; display: flex; align-items: center; cursor: pointer;}
.discussion .discussion-post .action-button .action-icon, .discussion-response .action-button .action-icon {background: transparent !important;color: var(--themeBlue) !important;border: 0 !important;padding: 0 !important;width: auto;height: auto;margin-right: 10px;display: inline-flex; align-items: center;}
.discussion .discussion-post .action-button .action-icon img, .discussion-response .action-button .action-icon img {height: 20px;}
.discussion .discussion-post .action-button .action-icon svg, .discussion-response .action-button .action-icon svg {width: 20px; height: 20px;}
.discussion .discussion-post .action-button.is-checked .action-icon svg *, .discussion-response .action-button.is-checked .action-icon svg * {fill: var(--themeOrange);stroke: var(--themeOrange);}

.discussion .discussion-post .action-button .action-label, .discussion .discussion-post .action-list-item .action-label, .discussion-response .action-button .action-label, .discussion-response .action-list-item .action-label {display: inline-flex;align-items: center;float: none; padding: 0; font-size: 12px; font-weight: var(--fw-400); border-radius: 0; line-height: 14px; font-family: var(--figtreeFont); color: var(--black3);}
.discussion .discussion-post .action-button.action-follow.is-checked .action-icon, .discussion .discussion-post .action-button.action-follow:hover .action-icon, .discussion .discussion-post .action-button.action-follow:focus .action-icon, .discussion-response .action-button.action-follow.is-checked .action-icon, .discussion-response .action-button.action-follow:hover .action-icon, .discussion-response .action-button.action-follow:focus .action-icon {border: 0;background: transparent;}
.discussion .discussion-post .action-button.action-more, .discussion-response .action-button.action-more {padding: 0;}
.discussion .discussion-post .action-button.action-more:hover .action-icon, .discussion .discussion-post .action-button.action-more:focus .action-icon, .discussion-response .action-button.action-more:hover .action-icon, .discussion-response .action-button.action-more:focus .action-icon {border: 0;color: var(--black3); background: transparent;}
.discussion .discussion-post .actions-item.is-disabled .action-button, .discussion-response .actions-item.is-disabled .action-button {cursor: not-allowed;}
.discussion .discussion-post .actions-item.is-disabled .action-button .action-label, .discussion-response .actions-item.is-disabled .action-button .action-label {color: var(--black6);}
.discussion .discussion-post .actions-item.is-disabled .action-button .action-icon, .discussion-response .actions-item.is-disabled .action-button .action-icon {opacity: 0.5;}

.discussion .actions-dropdown {min-width: 104px;}
.discussion .actions-dropdown .actions-dropdown-list {background: var(--white)FFF;box-shadow: 0px 0px 20px rgba(4, 44, 176, 0.1);border-radius: 0px 0px 10px 10px;border: 0;margin: 9px 0 0 0;padding: 10px;}
.discussion .actions-dropdown .actions-dropdown-list::before,.discussion .actions-dropdown .actions-dropdown-list::after {display: none;}
.discussion .actions-dropdown .action-list-item {padding: 10px 0; border: 0; margin: 0; cursor: pointer; text-align: left;}
.discussion .actions-dropdown .action-list-item .action-label {color: var(--black3);font-size: 14px;font-weight: var(--fw-500);line-height: 16px;}
.discussion .actions-dropdown .action-list-item:hover .action-label {color: var(--themeOrange);}
.discussion .actions-dropdown .action-list-item .action-icon {display: none !important;}
.discussion .actions-dropdown .action-list-item.is-checked.action-pin {color: var(--themeOrange);}

.discussion-reply-new .add-response {color: var(--black);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-600);font-size: 16px;line-height: 20px;margin-bottom: 15px; padding: 0;display: block;}

.thread-responses-wrapper, .post-extended-content {padding: 0;}
.response-count {color: var(--black3);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-400);font-size: 12px;line-height: 14px;float: none;border-top: 1px solid var(--grey); padding-top: 30px; margin-top: 30px;}

.discussion.inline-discussion .inline-thread .forum-nav-bar {padding: 0 0 15px 0;}
.discussion.inline-discussion .inline-thread .forum-nav-bar .all-posts-btn {color: var(--black3) !important; font-size: 14px; line-height: 16px; padding: 0; border: 0; margin: 0;}
.discussion.inline-discussion .inline-thread .forum-nav-bar .all-posts-btn .icon {margin: 0; color: var(--black3);}

.thread-responses-wrapper .responses .forum-response {border: 0;border-bottom: 1px solid var(--grey);margin: 0;box-shadow: none;border-radius: 0;padding: 20px 0;}
.thread-responses-wrapper .responses .discussion-response {padding: 0;}
.discussion .user-label-staff, .discussion .user-label-community-ta {color: var(--black9);}
.discussion-response .response-body {padding: 0;color: var(--black3);font-size: 12px;line-height: 16px;margin-bottom: 0;}

.thread-responses-wrapper .responses .forum-response .comments {padding-left: 30px;}


.discussion-response .response-header-actions {float: none;margin: 22px 0 10px 0;position: relative;top: 0; right: auto;}
.discussion-response .response-header-actions .response-actions-list {display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;}
.discussion-response .response-header-actions .response-actions-list > li {display: inline-flex;align-items: center;margin: 0 24px 0 0;}
.discussion-response .response-header-actions .response-actions-list > li:last-child {margin-right: 0}

.discussion-response .response-header-content {display: none;}

.discussion .comments {border: 0;box-shadow: none;background: transparent;overflow: hidden;margin-top: 15px;}
.discussion .comments>li {border-color: var(--grey);padding: 20px 0 0 0;}
.discussion-comment .response-body {padding: 0;margin: 0; width: 100%; display: block;}
.discussion .comments .comment-form .discussion-submit-comment {float: none;margin: 20px 0 0 0;}
.discussion-comment .comment-actions-list {top: 0; right: auto; position: relative; float: none; margin: 20px 0;}
.discussion-comment .comment-actions-list > li {margin: 0 !important;}
.discussion-comment .comment-actions-list .action-button {padding: 0;display: flex;align-items: center;border: 0; cursor: pointer;}
.discussion-comment .comment-actions-list .action-button .action-icon {border: 0;background: transparent !important;border: 0 !important;padding: 0 !important;width: auto;height: auto;margin-right: 10px;display: inline-flex;align-items: center;}
.discussion-comment .comment-actions-list .action-button .action-icon svg {width: 20px; height: 20px;}
.discussion-comment .comment-actions-list .action-button .action-label {display: inline-flex;align-items: center;float: none;padding: 0;font-size: 12px;font-weight: var(--fw-400);border-radius: 0;line-height: 14px;font-family: var(--figtreeFont);color: var(--black3);} 

.discussion .comments .comment-form {padding: 0;}


.response-pagination .response-display-count {color: var(--black3);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-500);font-size: 12px;line-height: 14px;}
.discussion-body .bottom-post-status, .discussion-module .bottom-post-status {padding: 20px 0;font-size: 16px;color: var(--black3);font-weight: var(--fw-600);line-height: 18px;}

/*-----*/
.discussion-user-profile-board .page-content {padding: 30px !important;}
.discussion-user-profile-board .discussion-profile-info {font-size: 14px; color: var(--black3); font-weight: var(--fw-400); margin-right: 15px;}
.discussion-user-profile-board .discussion-user-info .user-name {font-size: 14px; font-weight: var(--fw-400); margin-right: 5px;}
.discussion-user-profile-board .discussion-user-info .user-name > a {color: var(--black); font-weight: var(--fw-500);}
.discussion-user-profile-board .discussion-user-info .discussion-profile-info {margin-right: 0; font-size: 12px; font-weight: var(--fw-400);}
.discussion-user-profile-board .discussion-user-info .discussion-profile-info .user-roles {font-style: normal;}
.discussion-user-profile-board .discussion-profile-info > span {font-weight: var(--fw-600);}

.discussion-user-profile-board .discussion-column {max-width: 100%; width: 100%; margin: 0;}
.discussion-user-profile-board .discussion-column .c-add-post-header {max-width: 400px;}
.discussion-user-profile-board .inline-thread .forum-nav-bar, .discussion.inline-discussion .inline-thread .forum-content {padding: 0 !important;border: 0;}
.discussion-user-profile-board .inline-thread .forum-nav-bar .all-posts-btn {font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-600);font-size: 16px !important;line-height: 19px !important;color: var(--black3) !important;text-transform: capitalize;padding: 0 !important;margin-bottom: 20px !important;}
.discussion-user-profile-board .inline-thread .forum-nav-bar .all-posts-btn .icon {display: none;}

.discussion-user-profile-board .discussion-user-threads .forum-nav-thread-list-wrapper {padding: 20px;border: 1px solid var(--grey);border-radius: 10px;position: relative;max-width: 100%;}
.discussion-user-profile-board .discussion-user-threads {display: flex;flex-direction: row;flex-wrap: wrap;}
.discussion-user-profile-board .discussion-user-threads .inline-threads {width: 345px; position: sticky; top: 0;}
.discussion-user-profile-board .discussion-user-threads .inline-thread {width: calc(100% - 345px);padding-left: 20px;}

/*---Course Updates--*/

.course-updates .all-updates .updates-article {margin: 0;border-bottom: 1px solid var(--grey);padding: 0 0 14px 0;margin-bottom: 15px;}
.course-updates .all-updates .updates-article .date {font-weight: var(--fw-400);font-size: 12px;line-height: 1;color: var(--black); line-height: 14px;}
.course-updates .all-updates .updates-article br {display: none;}
.course-updates .all-updates .updates-article .article-content h1,
.course-updates .all-updates .updates-article .article-content h2,
.course-updates .all-updates .updates-article .article-content h3,
.course-updates .all-updates .updates-article .article-content h4,
.course-updates .all-updates .updates-article .article-content h5,
.course-updates .all-updates .updates-article .article-content h6 {color: var(--themeBlue);font-weight: var(--fw-600);font-size: 16px; line-height: 19px; margin-bottom: 15px;}

.course-updates .all-updates .updates-article .article-content, .course-updates .all-updates .updates-article .article-content p {color: var(--black3);font-size: 14px;font-weight: var(--fw-400);line-height: 17px;}
.course-updates .all-updates .updates-article .article-content p + p {margin-bottom: 15px;}
.course-updates .all-updates .updates-article .article-content a {color: var(--black3);font-size: 14px;font-weight: var(--fw-700);line-height: 17px;}

.course-updates .all-updates .updates-article .article-content a:hover {color: var(--themeOrange);}
/*---notes-page---*/

.notes-page-wrapper .container {padding: 0; max-width: 100%; min-width: 100%}
.notes-page-wrapper .custom-notes-container {border: 0;display: block;width: 100%;background: var(--white);box-shadow: 0px 0px 20px rgba(209, 209, 209, 0.3);border-radius: 10px;overflow: hidden;margin-bottom: 30px;}
.view-student-notes .wrapper-student-notes {padding-bottom: 0;}
.view-student-notes .wrapper-student-notes .student-notes {padding: 0;display: block;}
.view-student-notes .title-search-container {display: flex;flex-direction: row;align-items: center;justify-content: space-between;	flex-wrap: wrap;background: var(--white9);padding: 20px 30px;margin-bottom: 0;}
.view-student-notes .title-search-container .wrapper-title {float: none;width: calc(100% - 322px);padding-right: 15px;}
.view-student-notes .title-search-container .wrapper-title .page-title {color: var(--black);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-600);font-size: 18px;line-height: 20px;}
.view-student-notes .title-search-container .wrapper-title .page-title span {font-size: 14px;font-weight: var(--fw-400);display: inline-block;vertical-align: middle; margin-right: 4px;line-height: 22px;}

.view-student-notes .title-search-container .wrapper-notes-search {float: none;width: 322px;position: relative;}
.view-student-notes .title-search-container .wrapper-notes-search form {position: relative;}
.view-student-notes .title-search-container .search-notes-input {width: 100%;display: block;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;padding: 16px 50px 16px 20px;right: 0;color: var(--black3);font-size: 14px;line-height: 18px;font-weight: var(--fw-400);box-shadow: none !important;border: 0 !important;background-color: var(--white) !important;box-shadow: 0px 0px 20px rgba(4, 44, 176, 0.05) !important;border-radius: 10px;min-height: 50px;}
.view-student-notes .title-search-container .search-notes-input::-webkit-input-placeholder {color: var(--black6);opacity: 1;}
.view-student-notes .title-search-container .search-notes-input:-moz-placeholder {color: var(--black6);opacity: 1;}
.view-student-notes .title-search-container .search-notes-input:-ms-input-placeholder {color: var(--black6);opacity: 1;}
.view-student-notes .title-search-container .search-notes-input::placeholder {color: var(--black6);opacity: 1;}
/*.view-student-notes .title-search-container .search-notes-submit {position: absolute;right: 5px;top: 50%;min-width: 125px;background: var(--themeOrange) !important;border-radius: 10px;color: var(--white) !important;font-size: 16px;text-transform: uppercase;line-height: 18px;padding: 11px 15px;border: 0 !important;outline: none !important;box-shadow: none !important;transform: translateY(-50%);text-align: center;}*/
.view-student-notes .title-search-container .search-button.search-notes-submit {position: absolute;top: 0;height: 100%;width: 18px;background: transparent;padding: 0;right: 23px; border: 0; outline: 0; box-shadow: none !important; border-radius: 0;line-height: 1;z-index: 100;}

.view-student-notes .wrapper-tabs .tab-panel, .view-student-notes .wrapper-tabs .inline-error, .view-student-notes .wrapper-tabs .ui-loading {border-top: 0;}.view-student-notes .wrapper-tabs {padding: 45px 30px 40px;}
.view-student-notes .wrapper-tabs .tab-panel.note-group {width: 100%;max-width: 100%;}
.view-student-notes .wrapper-tabs .search-tools {margin: 0 0 30px 0 !important;color: var(--black3);font-size: 14px;font-weight: var(--fw-500);display: none;}
.view-student-notes .wrapper-tabs .search-tools span {font-weight: var(--fw-600);}
.view-student-notes .note-group .note {margin: 0 0 20px 0;border-bottom: 1px solid var(--grey);padding-bottom: 14px;}
.view-student-notes .note-group .note:last-of-type {margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}
.view-student-notes .note-group .note.custom-note-text .reference {width: 100%;display: block;position: relative;padding-left: 36px;}
.view-student-notes .note-group .note.custom-note-text .reference .icon {position: absolute;left: 0; top: 2px;}
.reference .custom-note-box h3 {color: var(--themeBlue);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-700);font-size: 14px;line-height: 17px;margin-bottom: 10px;}
.reference .date-time-note {display: flex;flex-direction: row;align-items: center;margin-bottom: 20px;flex-wrap: wrap;}
.reference .date-time-note .times {color: var(--black);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-500);font-size: 12px;line-height: 1;padding-right: 5px;border-right: 1px solid var(--black);margin-right: 5px;display: inline-flex;align-items: center;}
.reference .date-time-note .date {line-height: 1;}
.reference .date-time-note .date p {font-weight: var(--fw-500);font-size: 12px;line-height: 1;color: var(--black);}.reference .reference-unit-link {font-family: var(--figtreeFont) !important;font-style: normal !important;display: inline-block !important;padding-right: 30px !important;font-weight: var(--fw-700) !important;font-size: 14px !important;line-height: 17px !important;color: var(--black3)  !important;background-image: url("/static/nsdc-theme/images/arrow-narrow-right.svg");background-repeat: no-repeat;background-position: center right;background-size: 16px;}
.reference .title-box .reference-unit-link:hover {color: var(--themeOrange) !important;}
.reference .title-box .tag-desc {font-size: 14px;font-weight: var(--fw-500);color: var(--black);margin: -5px 0;line-height: 17px;}

.view-student-notes #no-results-panel p {color: var(--black3); font-size: 16px; font-weight: var(--fw-500); margin: 10px 0;}

/*--Bookmark--*/
.course-bookmarks .search-results {max-width: 100%}
.course-bookmarks .search-results .search-count {font-size: 14px; font-weight: var(--fw-600); color: var(--black); margin-bottom: 30px;}
.course-view.bookmarks-page-view.page-content-container .page-content {padding: 30px;}

.course-bookmarks .bookmarks-results-list {padding-top: 0;}
.course-bookmarks .bookmarks-results-list .bookmarks-results-list-item {padding: 0 15px 24px 40px;border: 0;border-bottom: 1px solid var(--grey);margin-bottom: 20px;position: relative;}
.course-bookmarks .bookmarks-results-list .bookmarks-results-list-item:hover {border-color: var(--grey);}
.course-bookmarks .bookmarks-results-list .bookmarks-results-list-item::before {position: absolute;left: 0;top: 0;width: 24px;height: 24px;border-radius: 90px;background: var(--white);border: 0;color: var(--themeOrange);font-size: 14px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.course-bookmarks .bookmarks-results-list .list-item-left-section {display: block;width: 100%;}
.course-bookmarks .bookmarks-results-list .list-item-left-section .list-item-breadcrumbtrail {color: var(--themeBlue);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-700);font-size: 14px;line-height: 22px;margin-bottom: 10px;}
.course-bookmarks .bookmarks-results-list .bookmarks-results-list-item:hover .list-item-breadcrumbtrail {color: var(--themeBlue) !important;}
.course-bookmarks .bookmarks-results-list .list-item-date {color: var(--black);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-400);font-size: 12px;line-height: 14px;margin: 0 0 18px 0;}
.course-bookmarks .bookmarks-results-list .list-item-right-section {position: relative;left: 0;bottom: 0;}
.course-bookmarks .bookmarks-results-list .list-item-right-section {font-family: var(--figtreeFont);font-style: normal;display: inline-block;padding-right: 30px;font-weight: var(--fw-700);font-size: 14px;line-height: 17px;color: var(--black3);background-image: url("/static/nsdc-theme/images/arrow-narrow-right.svg");background-repeat: no-repeat;background-position: center right;background-size: 16px;margin-bottom: 0;}
.course-bookmarks .bookmarks-results-list .bookmarks-results-list-item:hover .list-item-right-section {color: var(--themeOrange);}
.course-bookmarks .bookmarks-results-list .list-item-right-section .icon {display: none;}

.course-bookmarks .pagination.pagination-full {margin: 85px auto 0 auto;display: flex;flex-direction: row;align-items: stretch;justify-content: center;flex-wrap: wrap;}
.course-bookmarks .pagination .pagination-form {display: inline-flex;}
.course-bookmarks .pagination .nav-item {display: inline-flex;align-items: stretch;}
.course-bookmarks .pagination .current-page {position: absolute;left: 0;z-index: 1000;margin: 0;padding: 0;height: 100%;display: inline-flex;align-items: center;justify-content: center;}
.course-bookmarks .pagination .nav-link {cursor: pointer;}
.course-bookmarks .pagination .nav-link, .course-bookmarks .pagination .pagination-form .page-number-input,.course-bookmarks .pagination .current-page,.course-bookmarks .pagination .page-number-input, .pagination .total-pages {width: 50px;height: 50px;background: var(--white)FFF;box-shadow: 0px 0px 20px rgba(209, 209, 209, 0.3);border-radius: 10px;text-align: center;display: inline-flex;flex-direction: row;align-items: center;justify-content: center;color: var(--black);border: 0;margin: 0 5px;padding: 0; font-size: 14px;}
.course-bookmarks .pagination .page-divider {display: none;}


/*--take-notes--*/

.edx-notes-wrapper .annotator-adder button {border: 1px solid var(--lightBorder2) !important;background: var(--white9) !important;padding: 0 !important;box-shadow: 0px 0px 20px rgba(209, 209, 209, 0.3) !important;width: 35px;height: 35px;}
.edx-notes-wrapper .annotator-adder button::before {left: 10px;background: var(--white9);border: 1px solid var(--lightBorder2) !important;bottom: -5px; z-index: -1;}
.edx-notes-wrapper .annotator-adder button::after {font-size: 28px;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;content: "\f14b";padding: 5px;color: var(--themeOrange) !important;}
.edx-notes-wrapper .annotator-widget {border: 1px solid var(--lightBorder2) !important;background: var(--white9) !important;padding: 0 !important;box-shadow: 0px 0px 20px rgba(209, 209, 209, 0.3) !important;border-radius: 5px;}

.edx-notes-wrapper .annotator-widget::after {background: none;border: 8px solid var(--white9);width: 10px;height: 10px;border-bottom-color: transparent;border-left-color: transparent;border-right-color: transparent;bottom: -16px;z-index: -1;}
.edx-notes-wrapper .annotator-viewer .annotator-controls {top: auto;}
.edx-notes-wrapper .annotator-viewer .annotator-controls .annotator-edit::before, .edx-notes-wrapper .annotator-viewer .annotator-controls .annotator-delete::before, .edx-notes-wrapper .annotator-viewer .annotator-controls .annotator-close::before {color: var(--themeOrange) !important; top: 0;}
.edx-notes-wrapper .annotator-viewer .annotator-note, .edx-notes-wrapper .annotator-viewer .annotator-note:first-of-type {padding: 0 !important;color: var(--black3) !important;font-size: 14px !important;}

.edx-notes-wrapper .annotator-editor {top: auto !important;}
.edx-notes-wrapper .annotator-editor .annotator-item textarea, .edx-notes-wrapper .annotator-editor .annotator-item input {padding: 10px !important;background: var(--white) !important;box-shadow: none !important;color: var(--black3) !important;font-size: 12px;border-radius: 5px;border: 1px solid var(--lightBorder2);}
.edx-notes-wrapper .annotator-editor .annotator-controls {background: var(--white9) !important; border-top: 1px solid var(--lightBorder2) !important;}
.edx-notes-wrapper .annotator-wrapper .annotator-editor.annotator-outer button.annotator-save {background: var(--themeOrange) !important;color: var(--white) !important;font-size: 14px !important;font-weight: var(--fw-600) !important;border-radius: 5px;box-shadow: none !important;border: 0 !important;line-height: 17px;padding: 8px 12px !important;}
.edx-notes-wrapper .annotator-wrapper .annotator-editor.annotator-outer button.annotator-cancel {font-size: 14px !important;color: var(--black3) !important; line-height: 17px; padding: 8px 12px !important;}
.edx-notes-wrapper .annotator-editor .annotator-widget::after {background: var(--white9);border: 0;display: none;}

.annotator-notice, .annotator-filter *, .annotator-widget * {font-family: var(--figtreeFont) !important;}

.popup-notes .annotator-outer {position: fixed;bottom: 130px;left: auto;right: 60px;z-index: 1040;width: 100%;padding: 0;margin: 0;height: auto;background: var(--white9);max-width: 300px;box-shadow: 0px 0px 20px rgba(209, 209, 209, 0.3);border-radius: 10px;padding: 20px;border: 1px solid var(--lightBorder2); display: none;}
.popup-notes .annotator-outer ul {list-style: none !important;padding: 0 !important;margin: 0 !important;}
.popup-notes .annotator-outer textarea {padding: 10px !important;background: var(--white) !important;box-shadow: none !important;color: var(--black3) !important;font-size: 14px !important;border-radius: 5px !important;border: 1px solid var(--lightBorder2) !important;font-style: normal !important;}
.popup-notes .annotator-control {margin-top: 15px;} 
.popup-notes .annotator-control .save-note {background: var(--themeOrange) !important;color: var(--white) !important;font-size: 14px !important;font-weight: var(--fw-600) !important;border-radius: 5px;box-shadow: none !important;border: 0 !important;line-height: 17px;padding: 8px 12px !important;}
.popup-notes .annotator-control .save-note:hover {background: var(--themeOrange);color: var(--white);}
.popup-notes .annotator-control .cancel-note {font-size: 14px;color: var(--black3) !important;line-height: 17px;padding: 8px 12px !important;background: transparent !important;border: 0;font-weight: var(--fw-400);}

.nav-utilities {right: 60px;bottom: 40px;}
.nav-utilities .wrapper-utility {margin: 0;}
.nav-utilities .utility-control-button {position: relative;width: 78px;height: 78px;background-color: var(--white) !important;box-shadow: 0px 0px 20px rgba(4, 44, 176, 0.1) !important;border-radius: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;color: var(--black);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-400);font-size: 12px;line-height: 14px;text-align: center;padding: 0 12px;}
.nav-utilities .utility-control:hover, .nav-utilities .utility-control:active {background: var(--white);}
.nav-utilities .utility-control-button > img {display: block;margin-bottom: 5px;}

/*--Exam Timed---*/

.course-wrapper .course-content div.timed-exam, .course-wrapper .course-content div.proctored-exam, .course-wrapper .courseware-results-wrapper div.timed-exam, .course-wrapper .courseware-results-wrapper div.proctored-exam {color: var(--black);padding: 20px;box-shadow: none;border-radius: 10px;border: 0;overflow: hidden;background: var(--lightBg);}
.course-wrapper .course-content div.timed-exam h3, .course-wrapper .course-content div.proctored-exam h3, .course-wrapper .courseware-results-wrapper div.timed-exam h3, .course-wrapper .courseware-results-wrapper div.proctored-exam h3 {color: var(--black);font-family: var(--figtreeFont);font-weight: var(--fw-600);font-size: 20px;line-height: 24px;}
.course-wrapper .course-content div.proctored-exam hr, .course-wrapper .courseware-results-wrapper div.proctored-exam hr {border-bottom: 1px solid var(--grey);border-top: 0;}
.course-wrapper .timed-exam p {font-size: 14px;color: var(--black3);}
.course-wrapper .timed-exam p strong {font-weight: var(--fw-500);}
.course-wrapper .timed-exam button.gated-sequence.start-timed-exam > a {color: var(--themeBlue) !important;font-weight: var(--fw-500) !important;}
.course-wrapper .timed-exam + .footer-sequence {border-bottom: 0;}
.course-wrapper .timed-exam + .footer-sequence h4 {font-size: 18px;font-weight: var(--fw-600);color: var(--black);}
.course-wrapper .timed-exam + .footer-sequence p {color: var(--black3);font-size: 14px;font-weight: var(--fw-400);}

.proctored_exam_status .exam-timer {padding: 20px;border-radius: 10px;margin-bottom: 20px;border: 1px solid transparent !important;color: var(--black3);display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: center;flex-wrap: wrap;background: var(--white9);}
.proctored_exam_status .exam-timer.low-time {background: var(--white9) !important; border-color: var(--themeOrange) !important;}
.proctored_exam_status .exam-timer .exam-text {font-size: 14px;color: var(--black);line-height: 22px;}
.proctored_exam_status .exam-timer .exam-button-turn-in-exam, .proctored_exam_status .exam-timer .exam-timer-clock #toggle_timer {border-radius: 6px !important;}
.proctored_exam_status .exam-timer .exam-timer-clock {border-radius: 6px;background: var(--white);}
.proctored_exam_status .exam-timer .turn_in_exam {margin: 0;}
.proctored_exam_status .exam-timer .exam-timer-clock b {font-weight: var(--fw-500);padding: 0 4px;}
.proctored_exam_status .exam-timer a, .proctored_exam_status .exam-timer.low-time a {color: var(--themeBlue);}
.proctored_exam_status .exam-timer .exam-text .btn-link {color: var(--themeBlue) !important;font-weight: var(--fw-400);}
.proctored_exam_status .exam-timer .exam-timer-clock h3 {font-size: 12px;font-weight: var(--fw-500);}

.proctored_exam_status.is-fixed {left: 0; right: 0; box-shadow: none;} 
.proctored_exam_status.is-fixed .exam-timer {margin-bottom: 0; box-shadow: 0px 0px 20px rgba(209,209,209,0.3); border-radius: 0 0 10px 10px;}
.proctored_exam_status .exam-timer.low-time .pull-right .exam-timer-clock {border-color: var(--themeOrange);color: var(--black);}

.exam-action-button.btn-pl-primary {display: inline-flex !important;color: var(--white) !important;font-family: var(--figtreeFont) !important;font-style: normal !important;font-weight: var(--fw-700) !important;font-size: 14px !important;line-height: 20px !important;background: var(--themeOrange) !important;padding: 10px 15px !important;border-radius: 10px !important;border: 0 !important;align-items: center;justify-content: center;}
.exam-action-button.btn-secondary {display: inline-flex !important;color: var(--themeOrange) !important;font-family: var(--figtreeFont) !important;font-style: normal !important;font-weight: var(--fw-500) !important;font-size: 14px !important;line-height: 20px !important;background: var(--lightOrange) !important;padding: 10px 15px !important;border-radius: 10px !important;border: 1px solid var(--themeOrange) !important;align-items: center;justify-content: center;margin-right: 0 !important;}

.course-completion-dialog {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1072;overflow: hidden;outline: 0;}
.course-completion-dialog.show {display: block;}
.course-completion-dialog .dialog-box {max-width: 400px;margin: 1.5rem auto;min-height: calc(100% - (1.5rem * 2));transition: -webkit-transform .3s ease-out;transition: transform .3s ease-out;transition: transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform: translate(0,-25%);transform: translate(0,-25%);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.course-completion-dialog.show .dialog-box {-webkit-transform: translate(0,0);transform: translate(0,0);}
.course-completion-dialog .dialog-box .dialog-content {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;pointer-events: auto;background-color: var(--white);border-radius: 15px;outline: 0;padding: 30px; text-align: center;}
.course-completion-dialog .dialog-box .completion-img img {width: 200px;margin: 0 auto;display: block;}
.course-completion-dialog .dialog-box .dialog-content h4 {color: var(--black);font-family: var(--figtreeFont);font-style: normal;font-weight: var(--fw-600);font-size: 20px;line-height: 30px;margin: 15px 0;text-align: center;}

body.completion-dialog-open::after {content: '';display: block;position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);transition: 0.2s all ease-in-out; z-index: 1070;}

/*---Search Page---*/
.search-page-view main.search-results {max-width: 100%;}

/*---*/

.done_onoffswitch_wrapper {justify-content: flex-start !important;}

/*--WMD Editor Design--*/
.wmd-spacer2 {left: 145px;}
.wmd-spacer3 {left: 275px;}

/*--Pagination Current Page --*/

.pagination .total-pages.current_page, .pagination .total-pages:hover {color: var(--themeOrange); font-weight: bold; cursor: pointer;}

/*---*/

/*-------- New Window Popup for LTI ------------*/

.ui-dialog {z-index: 1000;}
.ui-dialog .ui-dialog-titlebar-close span {top: 0; left: 0; margin: 0;}

/*--------*/

/*--Assessment Page --*/

.table-responsive {width: 100%; overflow-x: auto;}
.assessment-view .table {width: 100%;border: 1px solid var(--lightBorder2);font-family: var(--figtreeFont);border-spacing: 0; margin-bottom: 20px;}
.assessment-view .table th, .assessment-view .table td {font-size: 14px;padding: 10px;border: 1px solid var(--lightBorder2); word-wrap: break-word;}
.assessment-view .table th {font-weight: var(--fw-600);}
.assessment-view .table td {font-weight: var(--fw-400);}
.marks-obtained {display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.marks-obtained p {margin: 0;}

.assesment-accordion-group {width: 100%;flex: 0 0 100%;max-width: 100%;}
.assesment-accordion-group .assesment-accordion {margin-bottom: 30px}
.assesment-accordion-group .assesment-title {cursor: pointer;padding: 15px;background: var(--lightBg);border-radius: 10px;color: var(--black3);font-weight: var(--fw-500);font-size: 16px;position: relative;z-index: 100;}
.assesment-accordion-group .assesment-title::after {content: '';position: absolute;top: 50%;right: 15px;margin-top: -1px;width: 16px;height: 2px;background: var(--black3);z-index: 10;transition: 0.2s all ease;}
.assesment-accordion-group .assesment-title::before {content: '';position: absolute;top: 50%;right: 22px;margin-top: -8px;width: 2px;height: 16px;background: var(--black3);z-index: 10;transition: 0.2s all ease;}
.assesment-accordion-group .assesment-accordion.active .assesment-title::before, .assesment-accordion-group .assesment-title.active::before {opacity: 0;}
.assesment-accordion-group .assesment-title.active, .assesment-accordion-group .assesment-accordion.active .assesment-title {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.assesment-accordion-group .assesment-content {padding: 15px;display: none;border: 1px solid var(--lightBorder2);border-radius: 0 0 10px 10px;border-top: 0;}
.certificate-btn-group {display: flex; flex-direction: row; flex-wrap: wrap;}
.certificate-btn-group .btn-primary {display: inline-flex; margin-right: 15px; margin-bottom: 10px;text-shadow: none;box-shadow: none;border-radius: 10px;}
.assesment-btn-group .btn-primary {display: inline-flex; margin-right: 10px; margin-bottom: 10px;text-shadow: none;box-shadow: none;border-radius: 10px;}
.assesment-btn-group p{ margin-bottom: 15px; }
.assessment-view .msg-confirm {display: none;background: var(--white9);border-top: 2px solid var(--alertGreen);color: var(--alertGreen);}
.assessment-view .msg {border-radius: 1px;padding: 10px 15px;font-weight: var(--fw-600);margin: 15px 0;}

.report-downloads-table .report-download-file ul {display: block;margin: 20px 0;border: 1px solid var(--lightBorder2);border-radius: 10px;padding: 20px;max-height: 200px;overflow-y: auto;}
.report-downloads-table .report-download-file ul > li {display: block;width: 100%; border-bottom: 1px solid var(--lightBorder2); padding: 10px 0;}
.report-downloads-table .report-download-file ul > li:first-child {padding-top: 0;}
.report-downloads-table .report-download-file ul > li:last-child {padding-bottom: 0; border-bottom: 0;}
.report-downloads-table .report-download-file ul > li > a {color: var(--black3);font-size: 16px;line-height: 24px;}
.report-downloads-table .report-download-file ul > li > a:hover {color: var(--themeOrange);}

/*--assessment and progress report--*/

.progress-graph-container {padding: 50px 0; width: 100%; max-width: 90%; margin: 0 auto;}
.progress-info-block {position: relative;background: linear-gradient(270deg, rgba(0,255,86,1) 0%, rgba(126,255,0,1) 25%, rgba(241,255,0,1) 50%, rgba(233, 30, 99, 1) 75%, rgba(156, 39, 176, 1) 100%);border-radius: 0;height: 60px;width: 100%;}
.assessment-info {position: absolute; text-align: center; transform: translateX(-50%); top: -20px;}
.assessment-info.pre-assesment {left: 0;}
.assessment-info.post-assesment {left: 0;display: flex;flex-direction: column-reverse;align-items: center; top: auto;bottom: -20px;}
.assessment-info span {border: 30px solid var(--black);border-top: 0 solid transparent;border-left: 15px solid transparent;border-right: 15px solid transparent;display: inline-flex;}
.assessment-info h6 {color: var(--black);font-weight: var(--fw-600);font-size: 12px;line-height: 1;margin: 0 0 8px 0;padding: 0 2px;max-width: 150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background-color: var(--white);}
.assessment-info.post-assesment h6 {margin: 8px 0 0 0;}
.assessment-info h6 > span {border: 0 !important;display: block;}
.assessment-info.post-assesment span {border-bottom: 0 solid transparent; border-top: 30px solid var(--black);}
.progress-info-bar {display: flex;align-items: center;justify-content: space-between;color: var(--black);font-weight: var(--fw-600);font-size: 14px;line-height: 1;margin-top: 25px;}

body.view-report, body.view-report .window-wrap {background-color: var(--white9) !important;}
body.view-report .window-wrap .grey-header-title {background-color: var(--lightBorder) !important;}
.assessment-report-section {position: relative;background: transparent !important;border: 0 !important;box-shadow: none !important;padding: 50px 0;}
.assessment-report-section .section-title {color: var(--black3);font-family: var(--figtreeFont);	font-size: 22px;font-style: normal;font-weight: var(--fw-600);line-height: 26px;margin-bottom: 20px;}
.report-row-grid {display: flex;flex-flow: row wrap;}
.report-row-grid .assessment-report-filter {width: 277px;}
.report-row-grid .assessment-report-details {width: calc(100% - 277px);padding: 0 0 0 20px;}

.search-filter-box {position: relative;margin-bottom: 20px;}
.assessment-report-filter .field-control {font-family: var(--figtreeFont);	padding: 23px 20px 23px 20px;width: 100%;border: 0;border-radius: 10px;background: var(--white);box-shadow: 0px 0px 20px 0px rgba(209, 209, 209, 0.30);color: var(--black3);font-size: 14px;font-weight: var(--fw-400);box-sizing: border-box !important;line-height: 1.25;min-height: 70px;transition: 0.3s all ease;}
.assessment-report-filter .field-control:focus {outline: 0;}
.field-control::-webkit-input-placeholder {color: var(--black6);}
.field-control:-moz-placeholder {color: var(--black6);}
.field-control:-ms-input-placeholder {color: var(--black6);}
.field-control::placeholder {color: var(--black6);}
.search-filter-box .field-control {padding-right: 45px;}
.search-filter-box .search-btn {position: absolute;top: 50%;right: 20px;width: 24px;height: 24px;margin-top: -12px;z-index: 10;border: 0 !important;padding: 0 !important;box-shadow: none !important;background: transparent !important;}

.assessment-report-filter .assessment-level {position: relative;}
.assessment-report-filter .assessment-level::before {content: '';display: inline-flex;width: 24px;height: 24px;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12H4.6C4.03995 12 3.75992 12 3.54601 12.109C3.35785 12.2049 3.20487 12.3578 3.10899 12.546C3 12.7599 3 13.0399 3 13.6V19.4C3 19.9601 3 20.2401 3.10899 20.454C3.20487 20.6422 3.35785 20.7951 3.54601 20.891C3.75992 21 4.03995 21 4.6 21H9M9 21H15M9 21L9 8.6C9 8.03995 9 7.75992 9.10899 7.54601C9.20487 7.35785 9.35785 7.20487 9.54601 7.10899C9.75992 7 10.0399 7 10.6 7H13.4C13.9601 7 14.2401 7 14.454 7.10899C14.6422 7.20487 14.7951 7.35785 14.891 7.54601C15 7.75992 15 8.03995 15 8.6V21M15 21H19.4C19.9601 21 20.2401 21 20.454 20.891C20.6422 20.7951 20.7951 20.6422 20.891 20.454C21 20.2401 21 19.9601 21 19.4V4.6C21 4.03995 21 3.75992 20.891 3.54601C20.7951 3.35785 20.6422 3.20487 20.454 3.10899C20.2401 3 19.9601 3 19.4 3H16.6C16.0399 3 15.7599 3 15.546 3.10899C15.3578 3.20487 15.2049 3.35785 15.109 3.54601C15 3.75992 15 4.03995 15 4.6V8' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-size: 100%;background-position: center left;background-repeat: no-repeat;position: absolute;top: 50%;left: 20px;margin-top: -12px;}					
.assessment-report-filter select.field-control {appearance: none; -webkit-appearance: none; -moz-appearance: none;padding-right: 45px;padding-left: 55px;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-size: 24px;background-position: center right 20px;background-repeat: no-repeat;}

.report-list {display: flex; justify-content: flex-end; margin-bottom: 20px;}
.report-list ul {display: flex;gap: 10px;flex-flow: row wrap;}
.report-list ul > li > .btn {background-color: transparent;}
.report-list ul > li > .btn:hover {background-color: var(--white) !important;}

.assessment-report-block {position: relative;padding: 20px;border-radius: 10px;background: var(--white);box-shadow: 0px 0px 20px 0px rgba(209, 209, 209, 0.30);}
.assessment-report-block .table-responsive {width: 100%;overflow-x: auto;}
.assessment-report-block .table {border-collapse: separate;border-spacing: 0 10px;}
.assessment-report-block .table thead {background: var(--lightBg);box-shadow: 0px 0px 10px 0px rgba(209, 209, 209, 0.30);border-radius: 10px;}
.assessment-report-block .table thead tr > th, .assessment-report-block .table tbody tr > td {font-family: var(--figtreeFont);font-size: 14px;font-style: normal;font-weight: var(--fw-500);line-height: normal;vertical-align: middle;padding: 10px;text-align: left;}
.assessment-report-block .table thead tr > th strong, .assessment-report-block .table tbody tr > td strong {font-weight: var(--fw-600);}
.assessment-report-block .table thead tr > th:first-child {border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.assessment-report-block .table thead tr > th:last-child {border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.assessment-report-block .table tbody tr {background: var(--white);box-shadow: 0px 0px 10px 0px rgba(4, 44, 176, 0.05);}
.assessment-report-block .table tbody tr:hover {background: var(--lightOrange);}
.assessment-report-block .table tbody tr > td {padding: 5px 10px;}
.assessment-report-block .table tbody tr > td:first-child {border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.assessment-report-block .table tbody tr > td:last-child {border-top-right-radius: 10px;border-bottom-right-radius: 10px;}

.pagination-nav {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;margin: 20px 0 30px 0; gap: 10px;}
.pagination-nav > li {display: inline-flex;}
.pagination-nav > li > a {display: inline-flex;align-items: center;justify-content: center;color: var(--black6);font-family: var(--figtreeFont);font-size: 14px;font-style: normal;font-weight: var(--fw-400);line-height: normal;width: 50px;height: 50px;flex-shrink: 0;border-radius: 10px;background: var(--white);box-shadow: 0px 0px 20px 0px rgba(209, 209, 209, 0.30);}
.pagination-nav > li > a:hover > svg * {stroke: var(--themeOrange);} 
.pagination-nav > li > a:hover {color: var(--themeOrange);}
.pagination-nav > li.active > a, .pagination-nav > li > a.active {color: var(--themeOrange);font-weight: var(--fw-700);}
.pagination-nav > li.disabled > a, .pagination-nav > li > a.disabled {opacity: 0.5; cursor: not-allowed; pointer-events: none;}

.card-block {position: relative;padding: 20px;border-radius: 10px;background: var(--white);box-shadow: 0px 0px 20px 0px rgba(209, 209, 209, 0.30); margin-bottom: 30px;}
.card-block .report-msg {font-size: 16px; color: var(--black3); font-weight: var(--fw-600); margin: 15px 0;}
.card-block .card-block-title {color: var(--black3);font-family: var(--figtreeFont);font-size: 18px;font-style: normal;font-weight: var(--fw-600);line-height: 24px;margin-bottom: 20px;}

.download-report-list > li {padding: 15px 0;border-bottom: 1px solid var(--grey);}
.download-report-list > li:first-child {padding-top: 0;}
.download-report-list > li:last-child {padding-bottom: 0;border-bottom: 0;}
.download-report-list > li > a {position: relative;font-family: var(--figtreeFont);color: var(--black3);font-size: 14px;line-height: 22px;font-weight: var(--fw-600);padding-left: 28px;}
.download-report-list > li > a::before {content: '';display: inline-flex;width: 18px;height: 18px;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 2.26953V6.40007C14 6.96012 14 7.24015 14.109 7.45406C14.2049 7.64222 14.3578 7.7952 14.546 7.89108C14.7599 8.00007 15.0399 8.00007 15.6 8.00007H19.7305M9 15L12 18M12 18L15 15M12 18L12 12M14 2H8.8C7.11984 2 6.27976 2 5.63803 2.32698C5.07354 2.6146 4.6146 3.07354 4.32698 3.63803C4 4.27976 4 5.11984 4 6.8V17.2C4 18.8802 4 19.7202 4.32698 20.362C4.6146 20.9265 5.07354 21.3854 5.63803 21.673C6.27976 22 7.11984 22 8.8 22H15.2C16.8802 22 17.7202 22 18.362 21.673C18.9265 21.3854 19.3854 20.9265 19.673 20.362C20 19.7202 20 18.8802 20 17.2V8L14 2Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-position: center;background-size: 100%;position: absolute;top: 0;left: 0;}
.download-report-list > li > a:hover {color: var(--themeOrange);}

/*-----*/
.xblock.xmodule_display.xmodule_HtmlBlock .best-practice {padding: 0 !important;box-shadow: none !important;margin: 20px 0 !important;}
.xblock.xmodule_display.xmodule_HtmlBlock a {color: var(--themeOrange) !important;}
.xblock.xmodule_display.xmodule_HtmlBlock .assessment-table ul li::marker, .xblock.xmodule_display.xmodule_HtmlBlock .table-demox ul li::marker, .xblock.xmodule_display.xmodule_HtmlBlock ul li::marker {color: var(--themeOrange) !important;}
.xblock.xmodule_display.xmodule_HtmlBlock ul li strong {color: var(--black1) !important;}
.xblock.xmodule_display.xmodule_ProblemBlock, .xblock.xblock-student_view-drag-and-drop-v2, .xblock.xblock-student_view-openassessment, .xblock.xblock-student_view-edx_sga, .xblock.xblock-student_view-staffgradedxblock, .xblock.xblock-student_view-lti, .xblock.xblock-student_view-annotatable, .xblock.xblock-student_view-poll, .xblock.xblock-student_view-survey, .xblock.xmodule_display.xmodule_HtmlBlock .single-select .boxed-row {box-shadow: none !important;padding: 20px 0 !important;margin: 0 !important;}
.xblock.xmodule_display.xmodule_HtmlBlock .course-structure .boxed-image {box-shadow: none !important;padding: 20px !important;margin: 20px 0 !important;border: 1px solid var(--lightBorder2);border-radius: 8px;}
.xblock.xmodule_display.xmodule_HtmlBlock .callout, .xblock.xmodule_display.xmodule_HtmlBlock .try-it {padding: 30px !important;border-radius: 10px;}
.xblock.xmodule_display.xmodule_HtmlBlock .callout {margin: 20px 0 !important;}

.xblock.xmodule_display.xmodule_HtmlBlock a[download] {padding-inline: 0 !important;background: transparent !important;border-radius: 0 !important;display: inline-flex;color: #0451c9 !important;}

.assessment-header {background-color: var(--black3) !important;}
.assessment-header::before {background-color: var(--themeOrange) !important;}

.xmodule_display.xmodule_HtmlBlock .table-demox tr th {background-color: var(--lightBg) !important; border: 1px solid var(--grey) !important;padding: 10px !important;font-size: var(--fs-16) !important;font-weight: var(--fw-600) !important;color: var(--black3) !important;}
.xmodule_display.xmodule_HtmlBlock .table-demox tr td {border: 1px solid var(--grey) !important;}

.xblock.xmodule_display.xmodule_ProblemBlock h3, .xblock.xblock-student_view-drag-and-drop-v2 h3, .xblock.xblock-student_view-openassessment h3, .xblock.xblock-student_view-staffgradedxblock h3, .xblock.xblock-student_view-lti h3, .xblock.xblock-student_view-annotatable h3, .xblock.xblock-student_view-poll h3, .xblock.xblock-student_view-survey h3 {color: var(--black) !important;}
.xblock--drag-and-drop .drag-container {background-color: var(--lightBg);}

.green-icon {color: var(--alertGreen) !important;}
.red-icon {color: var(--alertRed) !important;}

.xblock.xmodule_display.xmodule_HtmlBlock ul li strong {color: var(--themeOrange);}
.btn-link .show-label {color: var(--themeBlue) !important;}
.openassessment .list--actions .action--submit, .openassessment .openassessment_student_info_form .action--submit-username {background: var(--themeBlue) !important;border-color: var(--themeBlue) !important;}

.xblock.xmodule_display.xmodule_HtmlBlock .blue-text {color: var(--themeBlue) !important;}

/*--New-Structure-Changes-Bookmark-NotesList--*/
.edx-take-notes {position: fixed;right: 60px;bottom: 40px;z-index: 100;width: 300px;display: flex;flex-direction: column-reverse;justify-content: flex-end;align-items: flex-end;gap: 50px;}

.take-notes-btn {width: 78px;height: 78px;background-color: var(--white);box-shadow: 0px 0px 20px rgba(4, 44, 176, 0.1);border-radius: 100%;display: flex;text-align: center;flex-direction: column;align-items: center;justify-content: center;color: var(--black);font-style: normal;font-weight: var(--fw-400);font-size: var(--fs-12);line-height: 14px;padding: 0 12px;border: 0;outline: none;}
.take-notes-group {position: absolute;bottom: 100%;left: auto;right: 0;z-index: 1040;width: 100%;padding: 0;margin: 0 0 50px 0;height: auto;background: var(--white9);max-width: 100%;border-radius: 10px;padding: 20px;border: 1px solid var(--lightBorder2);box-shadow: 0px 0px 20px rgba(209, 209, 209, 0.3);opacity: 0;visibility: hidden;transition: 0.3s all ease-in-out;}
.take-notes-group.open {opacity: 1;visibility: visible;}
.take-notes-group textarea.field-control {display: block;width: 100%;padding: 10px;background: var(--white);box-shadow: none;color: var(--black3);font-size: var(--fs-14);border-radius: 5px;border: 1px solid var(--lightBorder2);font-style: normal;min-height: 5.5em;}

.notes-btn-group {margin-top: 15px;display: flex;flex-wrap: wrap;}
.notes-btn-group .primary-brand-btn {padding: 8px 12px;font-size: var(--fs-14);font-weight: var(--fw-600);border-radius: 5px;text-transform: capitalize;line-height: 17px;}
.notes-btn-group .cancel-note {display: inline-flex;align-items: center;justify-content: center;text-align: center;color: var(--black3);font-size: var(--fs-14);line-height: 17px;padding: 8px 12px;background: transparent;border: 0;font-weight: var(--fw-400);}

.search-field-block {position: relative;width: 322px;max-width: 100%;}
.search-field-block .field-control {display: block;width: 100%;padding: 16px 50px 16px 20px;right: 0;background-color: var(--white);color: var(--black3);font-size: var(--fs-14);line-height: 18px;font-weight: var(--fw-400);border: 0;box-shadow: 0px 0px 20px rgba(4, 44, 176, 0.05);border-radius: 10px;min-height: 50px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.search-field-block .search-btn {position: absolute;top: 50%;transform: translateY(-50%);right: 23px;background-color: transparent;border: 0;outline: none;display: inline-flex;width: 18px;height: 18px;padding: 0;color: var(--black);}
.search-field-block .search-btn:hover {color: var(--themeOrange);}

.pagination-group {display: flex;justify-content: center;flex-flow: row wrap;gap: 10px;}
.pagination-group > .page-item > a {display: inline-flex;align-items: center;justify-content: center;text-align: center;width: 50px;height: 50px;color: var(--black);font-size: var(--fs-14);background: var(--white);box-shadow: 0px 0px 20px rgba(209, 209, 209, 0.3);border-radius: 10px;border: 0;padding: 0;}
.pagination-group > .page-item > a img {width: 6px;}
.pagination-group > .page-item.active > a, .pagination-group > .page-item > a.active, .pagination-group > .page-item > a:hover {color: var(--themeOrange);}

.bookmarks-list {display: flex;flex-direction: column;gap: 20px 0;}
.bookmarks-list .bookmark-item {position: relative;padding: 0 15px 24px 0;border: 0;gap: 16px;display: flex;align-items: flex-start;border-bottom: 1px solid var(--grey);}
.bookmarks-list .bookmark-item .icon {color: var(--themeOrange);display: inline-flex;align-items: center;justify-content: center;width: 18px;height: 18px;background-color: transparent;border-radius: 100%;margin-top: 3px;}
.bookmarks-list .bookmark-item .icon > img, .bookmarks-list .bookmark-item .icon > svg {width: 10px;}
.bookmarks-list .bookmark-item .content {flex: 1 0 0;}
.bookmarks-list .bookmark-item h6 {font-size: var(--fs-14);font-weight: var(--fw-700);color: var(--themeBlue);line-height: 22px;margin-bottom: 10px;}
.bookmarks-list .bookmark-item p {color: var(--black);font-size: var(--fs-12);font-weight: var(--fw-400);line-height: 14px;margin: 0 0 18px 0;}
.bookmarks-list .bookmark-item .view-link {color: var(--black3);font-weight: var(--fw-700);font-size: var(--fs-14);line-height: 17px;display: inline-flex;align-items: center;gap: 12px;}
.bookmarks-list .bookmark-item .view-link::after {content: '';display: block;width: 100%;height: 100%;position: absolute;inset: 0;}
.bookmarks-list .bookmark-item .view-link img {height: 10px;}
.bookmarks-list .bookmark-item:hover .view-link {color: var(--themeOrange);}

.course-bookmarks-block .pagination-footer {margin-top: 85px;}

.seprator-triangle {content: '';display: inline-flex;background-image: url("/static/sidh_theme/images/right-trianlge.7ab13561730c.svg");background-repeat: no-repeat;background-position: center;background-size: 100% 100%;width: 10px;height: 10px;margin: 0 2px;display: inline-flex;align-items: center;justify-content: center;}

.video-take-notes {position: relative;z-index: 100;width: 300px;}
.video-take-notes .take-notes-group {margin: 0;}

.course-view-section {padding: 40px 0;position: relative;}
.course-card-content {position: relative;background: var(--white);border-radius: 10px;overflow: hidden;box-shadow: 0px 0px 20px rgba(209,209,209,0.3);}
.course-card-content .head-block {position: relative;display: flex;flex-flow: row wrap;align-items: center;justify-content: space-between;padding: 20px 30px;border-bottom: 1px solid var(--grey);gap: 15px;background-color: var(--white9);}
.course-card-content .head-block .page-course-title {flex: 1 0 0;} 
.course-card-content .head-block .page-course-title h5 {color: var(--black);}
.course-card-content .head-block h5 span {font-weight: var(--fw-400);font-size: var(--fs-14);}
.course-card-content .content-block {padding: 30px;}


/*-----*/

.course-notes-block .bookmarks-list .bookmark-item .icon > img,.course-notes-block .bookmarks-list .bookmark-item .icon > svg {width: 16px;}
.course-notes-block .bookmarks-list .bookmark-item:last-child {border-bottom: 0;padding-bottom: 0;}

/*--Media-Query---*/

@media (min-width: 768px) {
    .header-wrapper .page-header-search {display: block !important;}
}

@media (max-width: 1200px) {
    .logo-header-wrap .header-logo .msde-logo {margin-right: 0;}
    .logo-header-wrap {padding-right: 15px; margin-right: 0;}
    .header-wrapper .navbar-nav > li > a {padding: 0 10px !important;}
    .header-wrapper .navbar-nav > li > a .icon {margin-right: 6px;}

    .header-wrapper .page-header-search, .bell-notification, .search-icon-xs, .language_dropdown .custom-lang-selector {margin-right: 15px;}
}

@media (max-width: 991px) {
    .header-wrapper {padding: 0;}
    .toggler-menu-btn {display: inline-flex; align-items: center;}        
    .header-logo .msde-logo {display: none !important;}
    .logo-header-wrap {padding-right: 0; border-right: 0;}

    .header-wrapper .container-wrapper {padding: 0;}
    .header-wrapper .inner-header {padding: 20px 15px;}
    .header-wrapper .navbar.course-tabs {position: absolute; top: 100%; left: 0; right: 0; width: 100%; z-index: 1040; background: var(--white); display: none;}
    .header-wrapper .navbar-nav {flex-direction: column; align-items: flex-start; width: 100%; padding: 0 15px;}
    .header-wrapper .navbar-nav > li > a {padding: 10px 0 !important;}
    .header-wrapper .navbar-nav > li > a .icon {margin-right: 15px; width: 20px;}
    .user-info-progress .user-name {display: none;}

    body.view-in-course .course-wrapper .course-index {width: 100%; flex: 0 0 100%; max-width: 100%;}
    body.view-in-course .course-wrapper .course-content, body.view-in-course .course-wrapper .courseware-results-wrapper {width: 100%; flex: 0 0 100%; max-width: 100%;}

    .discussion-body .forum-nav, .discussion-user-profile-board .discussion-user-threads .inline-threads {width: 300px;}
    .discussion-body .discussion-column, .discussion-user-profile-board .discussion-user-threads .inline-thread{width: calc(100% - 300px);}

    .xmodule_display.xmodule_VideoBlock .video .video-wrapper {width: 70%;}
    .xmodule_display.xmodule_VideoBlock .video .subtitles {width: 30%;}

    .xmodule_display.xmodule_VideoBlock .video .video-wrapper .btn-play {display: none;}
}

@media (max-width: 767px) {

	.btn-primary, .btn-brand, .btn-primary-line  {font-size: 14px;line-height: 17px;padding: 10px 20px;} 

    .header-wrapper .page-header-secondary .search-icon-xs {display: block;}
    .header-wrapper .page-header-search {position: absolute;top: 100%;left: 0;right: 0;width: 100%;max-width: 100% !important;padding: 8px 15px;z-index: 1040;margin: 0 auto;border-top: 1px solid var(--lightBorder2);background: var(--white9);display: none;}
    .course-view.page-content-container .page-header {padding: 20px;}
    .course-view.page-content-container .page-header .page-header-main {padding-right: 15px;}
    .course-outline .block-tree .section {margin: 0; width: 100%;}
    .page-header .form-actions {margin-top: 0;}
    .page-header .form-actions .btn-primary  {font-size: 14px;padding: 8px 13px;border-radius: 5px;}
    .action-resume-course .icon {width: 10px;margin-right: 13px;}
    .action-resume-course .icon img {width: 10px;}
    .course-view.page-content-container .page-header .page-header-main .page-title {font-size: 16px;}
    .course-info-details ul {flex-direction: column; align-items: flex-start;}
    .course-info-details ul > li {font-size: 12px; line-height: 14px; padding-bottom: 10px; margin-right: 0;}
    .course-info-details ul > li:last-child {padding-bottom: 0;}

    .course-view.page-content-container .page-content {padding: 20px;}
    .course-outline .block-tree .section .section-name .section-title {font-size: 12px; font-weight: var(--fw-500);}
    .course-outline .block-tree .section .section-name {padding: 15px 100px 15px 0;}
    .course-outline .block-tree .section ol.outline-item {margin: 0 -20px; padding: 7px 20px;}
    .course-outline .block-tree .section .section-name .section-title .number-digit {width: 24px; height: 24px; font-size: 12px;}
    .course-outline .block-tree .section .section-name .cheveron-icon img {width: 10px;}
    .course-outline .block-tree .section .section-name .button-check .check-icon {margin-right: 5px; width: 13px;}
    .course-outline .block-tree .section .section-name .button-check {right: 22px; font-size: 10px; line-height: 12px;}

    .course-outline .block-tree .section ol.outline-item .subsection {padding: 7px 0 7px 40px;}
    .course-outline .block-tree .section ol.outline-item .subsection .subsection-title {font-size: 12px; font-weight: var(--fw-400);}

    .course-outline .block-tree .section ol.outline-item .subsection .subsection-title .button-check {margin-left: 5px; display: inline-flex; align-items: center;}
    .course-outline .block-tree .section ol.outline-item .subsection .subsection-title .button-check img {width: 13px;}

    .course-index .accordion .course-navigation [id*="main_section_"], .course-index .accordion .course-navigation .main-section-navigation {padding: 10px 0;}
    .group-heading .button-check, .accordion-nav .button-check {right: 20px !important;}
    .course-index .accordion .course-navigation .button-chapter .group-heading {font-size: 12px; line-height: 18px; font-weight: var(--fw-500); padding-right: 40px;}
    .course-index .accordion .course-navigation .button-chapter.active .group-heading {font-weight: var(--fw-500);}
    .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item a {padding: 5px 15px 5px 10px; font-size: 12px; line-height: 14px;}
    .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item .accordion-nav .button-check {top: 5px !important;}

    body.view-in-course .course-wrapper .course-index {padding: 0 20px;}

    .hd-2, .xblock .xblock h2 {font-size: 14px; line-height: 17px;}
    .xmodule_display.xmodule_HtmlBlock p {font-size: 14px !important; font-weight: var(--fw-400); color: var(--black3); line-height: 18px !important;}
    .xmodule_display.xmodule_ProblemBlock div.problem-progress {font-size: 14px; font-weight: var(--fw-400); color: var(--black3); line-height: 18px;}
    .xmodule_display.xmodule_ProblemBlock div.problem, .xmodule_display.xmodule_ProblemBlock div.problem p {font-size: 14px; line-height: 18px;}
    .hd-3, .xblock .xblock h3,.xmodule_display.xmodule_HtmlBlock h2 {font-size: 14px; line-height: 17px;}
    .title-desk-header .title-head {width: calc(100% - 60px); padding-right: 5px;}
    .xmodule_display.xmodule_SequenceBlock .sequence-nav-button.button-previous {margin-right: 15px;}
    .xmodule_display.xmodule_SequenceBlock .sequence-nav-button .icon {transform: rotate(90deg);}
    .title-desk-header .bookmark-button-wrapper .bookmark-button {width: 24px; height: 24px;}

    .xmodule_display.xmodule_VideoBlock .video .wrapper-downloads .hd {font-size: 14px;}
    .xmodule_display.xmodule_VideoBlock .video .wrapper-downloads .wrapper-download-video .video-sources {font-size: 12px;}

    .xmodule_display.xmodule_HtmlBlock p+p, .xmodule_display.xmodule_HtmlBlock ul+p, .xmodule_display.xmodule_HtmlBlock ol+p {margin-bottom: 20px;}
    .xmodule_display.xmodule_HtmlBlock p+p, .xmodule_display.xmodule_HtmlBlock ul+p, .xmodule_display.xmodule_HtmlBlock ol+p {margin-top: 15px;}

    .course-wrapper .course-content .vert-mod .vert, .course-wrapper .courseware-results-wrapper .vert-mod .vert {padding-bottom: 20px; margin-bottom: 20px;}
    .xblock-student_view-discussion {padding-top: 10px;}
	.xmodule_display.xmodule_ProblemBlock div.problem .notification .notification-message {font-size: 12px;}
	.xmodule_display.xmodule_ProblemBlock div.problem .action .problem-action-btn.btn-link {font-size: 12px;}

    .view-student-notes .title-search-container {padding: 20px;}
    .view-student-notes .title-search-container .wrapper-title, .grey-header-title .title-wrapper, .discussion-board .grey-header-title .title-wrapper {width: 100%; padding-right: 0;}
    .view-student-notes .title-search-container .wrapper-notes-search, .grey-header-title .wrapper-search-content {width: 100%; margin: 15px auto 0 auto; padding: 0;}
    .view-student-notes .title-search-container .search-notes-input, .grey-header-title .wrapper-search-content .search-form .field-input {font-size: 14px; line-height: 18px; padding: 11px 35px 11px 10px; min-height: auto;border-radius: 5px;}
    .grey-header-title .wrapper-search-content .search-form .search-button, .view-student-notes .title-search-container .search-button.search-notes-submit {right: 13px;}
    .grey-header-title .wrapper-search-content .search-form .search-button svg, .view-student-notes .title-search-container .search-button.search-notes-submit svg {width: 13px; height: 13px;}

    .view-student-notes .title-search-container .wrapper-title .page-title {font-size: 16px;}
    .view-student-notes .wrapper-tabs {padding: 20px;}
    .view-student-notes .note-group .note {padding-left: 0; margin-bottom: 20px; padding-bottom: 20px;}
    .view-student-notes .note-group .note.custom-note-text .reference {padding-left: 30px;}
    .reference .date-time-note { margin-bottom: 15px;}
    .reference .date-time-note .times {font-size: 12px;}
    
    .nav-utilities {right: 30px; bottom: 30px;}
    .nav-utilities .utility-control-button {width: 50px; height: 50px; padding: 10px; font-size: 10px; line-height: 1;}
    .nav-utilities .utility-control-button > img {width: 14px; margin-bottom: 3px;}
    .popup-notes .annotator-outer {padding: 10px;right: 30px;bottom: 90px; max-width: 250px;}
    .popup-notes .annotator-outer textarea, .edx-notes-wrapper .annotator-editor .annotator-item textarea, .edx-notes-wrapper .annotator-editor .annotator-item input {font-size: 12px !important;}
    .edx-notes-wrapper .annotator-wrapper .annotator-editor.annotator-outer button.annotator-save, .popup-notes .annotator-control .save-note {font-size: 12px !important; padding: 6px 10px !important;}
    .edx-notes-wrapper .annotator-wrapper .annotator-editor.annotator-outer button.annotator-cancel, .popup-notes .annotator-control .cancel-note {font-size: 12px !important;}
    
    .grey-header-title {padding: 20px;}    
    .grey-header-title .title-wrapper .page-title {font-size: 16px;}
    .course-view.bookmarks-page-view.page-content-container .page-content {padding: 20px;}
    .course-bookmarks .search-results .search-count {margin-bottom: 15px;}
    .course-bookmarks .bookmarks-results-list .bookmarks-results-list-item {padding: 0 20px 20px 30px; margin-bottom: 20px;}
    .course-bookmarks .bookmarks-results-list .bookmarks-results-list-item::before {width: 20px; height: 20px; font-size: 12px;}
    .course-bookmarks .bookmarks-results-list .list-item-date {margin-bottom: 15px;}

    .course-bookmarks .pagination.pagination-full {margin-top: 30px;}
    .course-bookmarks .pagination .nav-link, .course-bookmarks .pagination .pagination-form .page-number-input, .course-bookmarks .pagination .current-page, .course-bookmarks .pagination .page-number-input, .pagination .total-pages {width: 30px; height: 30px;}

    .course-updates .all-updates .updates-article .article-content h1, .course-updates .all-updates .updates-article .article-content h2, .course-updates .all-updates .updates-article .article-content h3, .course-updates .all-updates .updates-article .article-content h4, .course-updates .all-updates .updates-article .article-content h5, .course-updates .all-updates .updates-article .article-content h6 {font-size: 14px;}
    .course-updates .all-updates .updates-article .article-content, .course-updates .all-updates .updates-article .article-content p, .course-updates .all-updates .updates-article .article-content a {font-size: 12px;}

    .discussion-body .forum-nav, .discussion-user-profile-board .discussion-user-threads .inline-threads {width: 100%;}
    .discussion-body .discussion-column, .discussion-user-profile-board .discussion-user-threads .inline-thread{width: 100%; padding-left: 0;}
	.forum-nav-thread-list-wrapper .forum-nav-refine-bar .c-filter-side {margin: 0 0 15px 0;}

    body.view-in-course .course-wrapper .course-content {padding: 0;}
    .forum-nav-thread-wrapper-1 .icon {width: 18px;}
    .forum-nav-thread-wrapper-1 .icon > svg, .forum-nav-thread-wrapper-1 .icon > img {width: 18px;}
    .forum-nav-thread-wrapper-1 .thread-content {padding-left: 13px; width: calc(100% - 18px);}
    .forum-nav-thread-list .forum-nav-thread-labels .post-label .icon-img {margin-right: 5px;}

    .discussion-board .wrapper-search-content .forum-actions .btn-primary {min-width: 111px; padding: 8px 20px;}

    .course-view.discussion-board.page-content-container .page-content {padding: 20px;}
    .all-topic-main .breadcrumbs {margin-bottom: 22px;}
	.all-topic-main .has-breadcrumbs .breadcrumbs .all-topics .icon {width: 18px; height: 15px;}
	.all-topic-main .has-breadcrumbs .breadcrumbs .all-topics .icon svg {width: 18px; height: 12px;}
    .all-topic-main .has-breadcrumbs .breadcrumbs .all-topics {font-size: 14px; line-height: 17px;}

    .forum-nav-browse-menu .forum-nav-browse-menu-all .forum-nav-browse-title,.forum-nav-browse-menu .forum-nav-browse-menu-item.forum-nav-browse-menu-following .forum-nav-browse-title {padding: 8px 15px; border-radius: 10px; font-size: 12px; line-height: 15px; }
    .forum-nav-browse-menu .forum-nav-browse-menu-all .forum-nav-browse-title {max-width: 145px;}
    .forum-nav-browse-menu .forum-nav-browse-menu-item.forum-nav-browse-menu-following .forum-nav-browse-title {max-width: 172px;}

    .forum-nav-browse-menu .forum-nav-browse-menu-item .forum-nav-browse-title {font-size: 12px; padding: 8px 30px 8px 10px;}

    .new-post-article .forum-new-post-form {margin-bottom: 20px;}

    .xmodule_display.xmodule_VideoBlock .video .video-wrapper {width: 100%;}
    .xmodule_display.xmodule_VideoBlock .video .subtitles {width: 100%;}

    .alert-information {margin-bottom: 15px;}

    .report-row-grid .assessment-report-filter {width: 100%;}
    .report-row-grid .assessment-report-details {width: 100%; padding: 30px 0 0 0;}
    .report-list {justify-content: flex-start;}
    .assessment-report-filter .field-control {padding: 20px; min-height: auto;}
    .pagination-nav > li > a {width: 35px; height: 35px;}

    .course-bookmarks-block .course-card-content .head-block {padding: 20px;}
    .course-bookmarks-block .course-card-content .content-block {padding: 20px;}
    .course-bookmarks-block .mb-30 {margin-bottom: 15px !important;}

    .bookmarks-list .bookmark-item {padding-bottom: 20px;gap: 10px;}

    .course-bookmarks-block .pagination-footer {margin-top: 30px;}
    .pagination-group > .page-item > a {width: 30px;height: 30px;}

    .course-bookmarks-block .course-card-content .head-block {flex-direction: column;align-items: flex-start;}
    .search-field-block {width: 100%;}
    .search-field-block .field-control {font-size: 14px;line-height: 18px;padding: 11px 35px 11px 10px;min-height: auto;border-radius: 5px;}
    .search-field-block .search-btn {right: 13px;width: 13px;height: 13px;}
    .search-field-block .search-btn svg {width: 100%;height: 100%;}

    .edx-take-notes {right: 20px;bottom: 30px;width: 250px;}
    .video-take-notes {width: 250px;}
    .take-notes-btn {width: 50px;height: 50px;font-size: var(--fs-10);padding: 10px;line-height: 1;}
    .take-notes-group {padding: 10px;margin: 0 0 20px 0;}

    .course-view-section {padding: 20px 0;}
    .course-card-content .head-block {padding: 20px;}
    .course-card-content .head-block .primary-brand-btn .icon {width: 10px;gap: 10px;}
    .course-card-content .content-block {padding: 20px;}
}

@media (max-width: 575px) {
    .custom-lang-selector .select2-container--default .select2-selection--single {padding-left: 0; background-image: none;}
	.group-heading .button-check, .accordion-nav .button-check {width: 10px; height: 10px;}
	.btn-primary, .btn-brand, .btn-primary-line  {font-size: 12px;line-height: 14px;padding: 8px 20px;} 
    .logo-header-wrap .header-logo .skill-india-logo {height: 25px;}
    .course-outline .block-tree .section .section-name .section-title {position: relative; padding-left: 40px;}
    .edx-notes-wrapper .annotator-wrapper .annotator-editor.annotator-outer button.annotator-cancel, .course-outline .block-tree .section .section-name .section-title .number-digit {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
	
	.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup label, .xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup label {padding: 14px 20px 14px 46px;}
	.xblock .field input[type="checkbox"] + label::before {width: 16px;height: 16px;}
	.xblock .field input[type="checkbox"]:checked + label::after {left: 25px;top: 15px;width: 6px;height: 11px;}

	.xblock .field input[type="radio"] + label::before {width: 16px; height: 16px;}
	.xblock .field input[type="radio"]:checked + label::after {width: 6px;height: 6px;border: 3px solid var(--white);}

	.discussion-show.btn-primary {margin-bottom: 15px}
	.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .control {padding: 5px 7px; font-size: 12px;}
	.xmodule_display.xmodule_VideoBlock .video .video-wrapper .video-controls .vcr .vidtime {font-size: 12px;}

    .forum-nav-thread-list-wrapper .forum-nav-refine-bar .c-filter-side .forum-nav-filter-main {max-width: 100%; flex: 0 0 100%; margin-bottom: 10px; padding: 0;}
    .forum-nav-thread-list-wrapper .forum-nav-refine-bar .c-filter-side .forum-nav-sort {max-width: 100%; flex: 0 0 100%; padding: 0;}

    .forum-nav-filter-main-control, .forum-nav-filter-cohort-control, .forum-nav-sort-control {font-size: 12px; line-height: 14px;}

    .wmd-prompt-dialog {max-width: 90% !important; padding: 30px 20px;}
    .wmd-prompt-dialog h4 {font-size: 14px; line-height: 17px; margin-bottom: 30px;}
    .wmd-prompt-dialog .form-actions .btn {font-size: 12px; line-height: 14px; padding: 8px 20px; min-width: 84px;}
    .c-dropdown.select2-dropdown {min-width: 100px !important;}

    .nav-utilities {bottom: 75px;}
}

@media (max-width: 479px) {
	/*    .discussion-board .wrapper-search-content .forum-actions*/

    .progress-info-block {height: 30px;}
    .assessment-info span {border: 30px solid var(--black);border-top: 0 solid transparent;border-left: 15px solid transparent;border-right: 15px solid transparent;display: inline-flex;}
    .progress-info-bar {font-size: 10px;}
}

@media (max-width: 375px) {
    .view-student-notes .title-search-container .wrapper-notes-search, .view-student-notes .title-search-container .wrapper-notes-search, .grey-header-title .wrapper-search-content {padding: 0;}
}