/*Light 300,  Regular 400,  Medium 500,  SemiBold 600,  Bold 700*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

*,*: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 { color: #33393C; font-family: 'Noto Sans', sans-serif !important; font-weight: 400; margin:0; line-height:1; overflow-x: hidden; font-size: 14px; height:100%;}
img { max-width:100%; vertical-align: middle; transition: 0.5s all ease; }
a,button,a:hover { -webkit-transition:.5s all ease; -moz-transition:.5s all ease; -ms-transition:.5s all ease; transition:.5s all ease; text-decoration:none; cursor:pointer; }
a,button,.btn { font-family: 'Noto Sans', sans-serif !important; text-decoration: none; }
button:focus,input:focus,select:focus,textarea:focus,.btn:focus,.btn:active:focus { -webkit-box-shadow:none; box-shadow:none; outline:0; }
a:active { outline:0; }
a:focus { outline:0; }
button { box-shadow:none; cursor:pointer; background-image: none !important; }
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;}
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;}
textarea, input[type="text"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"] { font-family: 'Noto Sans', sans-serif !important; font-style: normal !important; box-shadow: none !important; outline: none !important; }
h1, h2, h3, h4, h5, h6, p { margin: 0; font-family: 'Noto Sans', sans-serif !important; }
p:last-child { margin:0; }
.btn-outline { font-weight: 500; font-size: 14px; background-color: #fff; margin: 5px 0; line-height: 18px; color: #3878F6; outline: none; box-shadow: none; padding: 10px 32px; border: 1px solid #3878F6; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
.btn-outline:hover { background-color: #3878F6; color: #fff; }
.responsive-table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table { width: 100%; border-collapse: collapse; margin-bottom: 14px; }

.container-wrapper { max-width:1330px; margin:0 auto; padding:0 15px; width: 100%; }
.row-grid { display: flex; flex-direction: row; flex-wrap: wrap; margin-left:-15px; margin-right:-15px; }
.no-gap>[class*="col-"]{padding-right:0;padding-left:0;}
.no-gap{margin-right:0!important;margin-left:0!important;}
.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-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%;}
.self-center {align-self: center !important;}
.item-center {align-items: center !important;}
.justify-center {justify-content: center !important;}
.clearfix::after{display:block;clear:both;content:""}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}
ul, ol {list-style: none; padding: 0; margin: 0;}

.t-theme-btn { display: inline-block; border-radius: 6px; background-color: #3878F6; color: #fff; font-family: 'Noto Sans', sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; text-align: center; padding: 10px 25px; cursor: pointer; box-shadow: none; outline: none; border: 0; }
.t-theme-btn:hover {background-color: #215dd5;}

.main-content-wrapper {position: relative; }
.courseware-navigation-tabs { border-bottom: 1px solid #D7D7E9;}

.tabs { padding: 0; margin: 0 -10px; position: relative; display: flex; flex-wrap: wrap;}
.tabs li { padding: 0 10px 17px 10px; margin: 0; position: relative; list-style: none; }
.tabs li a { color: #33393C; font-weight: 400; font-size: 16px; line-height: 22px; padding: 9px 10px; display: inline-block; min-width: 140px; text-align: center; position: relative; }
.tabs li a:hover,
.tabs li.active a { color: #fff; font-weight: 500; background: linear-gradient(0deg, #3878F6, #3878F6), linear-gradient(0deg, #F3F6FD, #F3F6FD), #FFFFFF; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.tabs li a:after { position: absolute; left: 0; bottom: -17px; width: 100%; height: 4px; background: #3878F6; content: ''; pointer-events: none; opacity: 0; border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.tabs li.active a:after,
.tabs li a:hover:after { opacity: 1; }

.content-grid { display: flex; flex-wrap: wrap;}
.content-grid .column-left { flex: 0 0 24.5%; max-width: 24.5%; border-right: 1px solid rgba(217,217,217,0.6); padding-top: 23px; }
.content-grid .column-left h5 { margin-bottom: 10px;}
.content-grid .column-left h6 { margin-bottom: 10px;}
.content-grid .column-left .back-link { display: inline-flex; font-weight: 400; font-size: 12px; line-height: 16px; color: #33393C; opacity: 0.9; }
.content-grid .column-left .back-link img { margin-right: 7px; }
.content-grid h5 { font-weight: 500; font-size: 18px; line-height: 25px; color: #33393C; opacity: 0.9; }
.content-grid h6 { font-weight: 500; font-size: 16px; line-height: 22px; color: #33393C; opacity: 0.9; }
.content-grid .column-middle { flex: 1; max-width: 100%; }
.content-grid .column-middle h5 { margin-bottom: 0px; }
.content-grid .column-middle h5 .number { font-size: 14px; line-height: 19px; color: #474D50; margin-left: 9px; opacity: 1; }
.content-grid .column-middle h5 span { opacity: 0.8; }
.content-grid .column-right { flex: 0 0 18.5%; max-width: 18.5%; padding: 24px 30px; border-left: 1px solid rgba(217,217,217,0.6); }
.content-grid .column-right h5 { margin-bottom: 24px; }

.modules-col { margin-left: -30px;}
.modules-col .modules-row { border-bottom: 1px solid #E8E8E8; }
.modules-col .modules-row .modules-heading { position: relative; padding: 14px 0; }
.modules-col .modules-row .modules-title { font-size: 16px; padding: 12px 52px 12px 54px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; font-weight: 500; margin: 0; line-height: 22px; color: #33393C; position: relative; cursor: pointer; border-left: 4px solid transparent; border-radius: 4px 0px 0px 4px; }
.modules-col .modules-row .modules-title:after { position: absolute; right: 25px; top: 16px; content: ''; width: 12px; height: 16px; background-image: url("/static/sc-theme/assets/images/right-arrow.5b1a7b7a026c.svg"); background-position: center center; background-repeat: no-repeat; transition: all 0.5s ease; }
.modules-col .modules-row .modules-heading.active .modules-title:after { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);}
.modules-col .modules-row .modules-title .count { font-weight: 400; font-size: 14px; line-height: 19px; color: #474D50; }
.modules-col .modules-row .modules-title:before { position: absolute; left: 26px; top: 15px; pointer-events: none; content: ''; width: 17px; height: 17px; background-color: transparent; border: 1px solid #818181; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; transition: all 0.5s ease;}
.modules-col .modules-row .modules-title.selected { background-color: #F5F7F8; border-left-color: #3878F6; }
.modules-col .modules-row .modules-title.active:before { background-color: #3878F6; border-color: #3878F6; }
.modules-col .modules-row .modules-title.filled:before { background-color: #4AA24C; border-color: #4AA24C; background-image: url("/static/sc-theme/assets/images/tickmark-white.44a4d6d3f558.svg"); background-position: center center; background-repeat: no-repeat; }
.modules-col .modules-row:last-child { margin-bottom: 0; border-bottom: none;}
.modules-col .modules-body { display: none; }
.chapter-list > ul { padding: 0; margin: 0 0 14px 0; }
.chapter-list > ul > li { padding: 0; margin: 0 0 10px 0; list-style: none; position: relative; }
.chapter-list > ul > li a { font-weight: 400; font-size: 14px; padding: 12px 10px 12px 56px; line-height: 19px; color: #33393C; display: block; position: relative; border-left: 4px solid transparent; border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; }
.chapter-list > ul > li a:before { position: absolute; left: 26px; top: 50%; margin-top: -7px; content: ''; z-index: 1; width: 14px; height: 14px; background-color: #fff; border: 1px solid #818181; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; transition: all 0.5s ease;}
.chapter-list > ul > li.active a:before { background-color: #3878F6; border-color: #3878F6; }
.chapter-list > ul > li.filled a:before { background-color: #4AA24C; border-color:#4AA24C; background-image: url("/static/sc-theme/assets/images/tickmark-white.44a4d6d3f558.svg"); background-position: center center; background-repeat: no-repeat; }
.chapter-list > ul > li.active a { background-color: #F5F7F8; border-left-color: #3878F6; }
.chapter-list > ul > li:before { position: absolute; left: 36px; top: 0px; content: ''; width: 2px; height: 50%; background-color: rgba(128,128,128,0.3); z-index: 1; }
.chapter-list > ul > li:after { position: absolute; left: 36px; bottom: -10px; content: ''; width: 2px; height: calc(50% + 10px); background-color: rgba(128,128,128,0.3); }
.chapter-list > ul > li:first-child:before,
.chapter-list > ul > li:last-child:after { display: none; }

.modules-headings { background: rgba(245, 247, 248, 0.7); border-bottom: 1px solid #E9E9E9; padding: 24px 32px; }
.modules-headings ul { display: flex; flex-wrap: wrap; margin: 0 -16px; }
.modules-headings ul li { padding: 0 16px; margin-top: 12px; position: relative; display: flex; list-style: none; font-weight: 400; font-size: 14px; line-height: 19px; color: #474D50; }
.modules-headings ul li a { color: #33393C; }
.modules-headings ul li:not(:last-child):after { background: #474D50; height: 12px; width: 1px; position: absolute; right: -1px; top: 4px; content: ''; }
.modules-headings ul li img { margin-right: 6px;}

.middle-content { padding: 32px;}
.content-grid .column-middle .middle-content h5 { margin-bottom: 24px; }

.unit-list > ul { padding: 0; margin: 0 0 14px 0; }
.unit-list > ul > li { padding: 0 0 26px 37px; margin: 0 0 10px 0; list-style: none; position: relative; }
.unit-list > ul > li:last-child { margin-bottom: 0;}
.unit-list > ul > li a { position: relative; }
.unit-list > ul > li a:before { position: absolute; left: -37px; top: 50%; margin-top: -8px; pointer-events: none; content: ''; z-index: 1; width: 17px; height: 17px; background-color: #fff; border: 1px solid #818181; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; transition: all 0.5s ease;}
.unit-list > ul > li.filled a:before { background-color: #4AA24C; border-color: #4AA24C; background-image: url("/static/sc-theme/assets/images/tickmark-white.44a4d6d3f558.svg"); background-position: center center; background-repeat: no-repeat; }
.unit-list > ul > li .title { font-weight: 500; font-size: 16px; margin-bottom: 12px; line-height: 22px; color: #33393C; }
.unit-list > ul > li .title a { color: #33393C; }
.unit-list > ul > li:before { position: absolute; left: 8px; top: 4px; content: ''; width: 2px; height: 50%; background-color: rgba(128,128,128,0.3); z-index: 1; }
.unit-list > ul > li:after { position: absolute; left: 8px; bottom: -14px; content: ''; width: 2px; height: calc(50% + 10px); background-color: rgba(128,128,128,0.3); }
.unit-list > ul > li:last-child:before,
.unit-list > ul > li:last-child:after { display: none; }
.unit-list > ul > li .sub-list { display: flex; flex-wrap: wrap; margin: 0 -16px; }
.unit-list > ul > li .sub-list li { padding: 0 16px; position: relative; min-width: 108px; display: flex; list-style: none; font-weight: 400; font-size: 14px; line-height: 19px; color: #474D50; }
.unit-list > ul > li .sub-list li a { color: #33393C; }
.unit-list > ul > li .sub-list li:not(:last-child):after { background: #474D50; height: 12px; width: 1px; position: absolute; right: -1px; top: 4px; content: ''; }
.unit-list > ul > li .sub-list li img { margin-right: 6px;}

.resources-list { margin: 0; padding: 0;}
.resources-list li { margin: 0 0 14px 0; padding: 0; list-style: none; font-weight: 400; font-size: 14px; line-height: 19px; }
.resources-list li a { text-decoration: underline; color: #474D50; }

.unit-leftlist > ul { padding: 0; margin: 0 0 14px 0; }
.unit-leftlist > ul > li { padding: 0; margin: 0 0 10px 0; list-style: none; position: relative; }
.unit-leftlist > ul > li a { font-weight: 400; font-size: 14px; padding: 12px 10px 12px 54px; line-height: 19px; color: #33393C; display: block; position: relative; border-left: 4px solid transparent; border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; }
.unit-leftlist > ul > li .title { position: relative; margin-bottom: 8px; }
.unit-leftlist > ul > li .title:before { position: absolute; left: -28px; top: 4px; pointer-events: none; content: ''; z-index: 1; width: 14px; height: 14px; background-color: #fff; border: 1px solid #818181; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; transition: all 0.5s ease;}
.unit-leftlist > ul > li.filled .title:before { background-color: #4AA24C; border-color: #4AA24C; background-image: url("/static/sc-theme/assets/images/tickmark-white.44a4d6d3f558.svg"); background-position: center center; background-repeat: no-repeat; }
.unit-leftlist > ul > li.active .title:before { background-color: #F5F7F8; }
.unit-leftlist > ul > li.active a { background-color: #F5F7F8; border-left-color: #3878F6; }
.unit-leftlist > ul > li .sub-list { display: flex; flex-wrap: wrap; margin: 0 -16px; }
.unit-leftlist > ul > li .sub-list li { padding: 0 16px; position: relative; min-width: 100px; margin-bottom: 0; display: flex; list-style: none; font-weight: 400; font-size: 12px; line-height: 16px; color: #474D50; }
.unit-leftlist > ul > li .sub-list li a { color: #474D50; }
.unit-leftlist > ul > li .sub-list li:not(:last-child):after { background: #474D50; height: 12px; width: 1px; position: absolute; right: -1px; top: 3px; content: ''; }
.unit-leftlist > ul > li .sub-list li img { margin-right: 6px; width: 12px;}

.btn-row { display: flex; flex-wrap: wrap; justify-content: space-between; }
.middle-content .btn-row { margin-top: 20px; }

.related-links { padding: 0; margin: 0; }
.related-links li { padding: 0 0 0 20px; position: relative; margin: 0 0 24px 0; list-style: none; font-weight: 400; font-size: 14px; line-height: 19px; color: #474D50; }
.related-links li:before { position: absolute; left: 0; top: 5px; width: 10px; height: 10px; content: ''; background-color: #454545; opacity: 0.7; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.related-links li a { color: #2C6CA5; margin-bottom: 10px; display: inline-block; }

.progress-content { padding: 32px 47px 32px 0; flex: 1; max-width: 100%; }
.progress-content h5 { margin-bottom: 24px; }
.progress-content .heading h5 { font-weight: 600; margin-bottom: 24px; font-size: 20px; line-height: 27px; color: #33393C; opacity: 0.9; }
.progress-content .sub-heading { display: flex; flex-wrap: wrap; margin-bottom: 24px; }
.progress-content .sub-heading h5 { margin-bottom: 0; margin-right: 12px;}

.psummary-section { margin-bottom: 50px;}
.summary-table { background: #FFFFFF; border: 1px solid #F0F0F0; box-shadow: 0px 2px 6px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.05); -moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.05); border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-collapse:initial; border-spacing: 0; }
.summary-table thead tr th { font-weight: 600; font-size: 14px; line-height: 19px; color: #0F0F0F; padding: 15px 30px; text-align: left; border-bottom: 1px solid #D7D7E9; background-color: #F3F1F1; }
.summary-table thead tr th:first-child { border-top-left-radius: 12px;}
.summary-table thead tr th:last-child { border-top-right-radius: 12px;}
.summary-table td { font-weight: 400; font-size: 14px; line-height: 19px; color: #33393C; padding: 15px 30px; text-align: left; opacity: 0.9; }
.summary-table td sup { font-size: 12px;}
.summary-table th.text-right,
.summary-table td.text-right { text-align: right;}
.summary-table tbody tr:nth-child(2n) { background-color: #F8F7F6; }
.summary-table tfoot { background-color: #FFFDEF;}
.summary-table tfoot tr td { font-weight: 500;}
.summary-table tfoot tr td:first-child { border-bottom-left-radius: 12px;}
.summary-table tfoot tr td:last-child { border-bottom-right-radius: 12px;}
.table-btmtext { font-weight: 400; font-size: 14px; line-height: 19px; color: #33393C;  opacity: 0.9; }
.table-btmtext a { color: #2C6CA5; text-decoration: underline; }
.table-btmtext sup { font-size: 12px;}


.grades-row { background: #FFFFFF; border: 1px solid #F0F0F0; margin-bottom: 24px; box-shadow: 0px 2px 6px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.05); -moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.05); border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; }
.grades-row .grades-head { display: flex; flex-wrap: wrap; }
.grades-row .grades-head .column { padding: 15px 30px; font-weight: 600; font-size: 14px; line-height: 19px; color: #0F0F0F; background: #F3F1F1; border-bottom: 1px solid #D7D7E9; }
.grades-row .grades-head .week-col { width: calc(100% - 210px); }
.grades-row .grades-head .score-col { width: 210px; }
.grades-row > ul { margin: 0; padding: 0;}
.grades-row > ul > li { list-style: none;}
.grades-row > ul > li:nth-child(2n) { background-color: #F8F7F6; }
.grades-row > ul > li .grades-titlerow { display: flex; flex-wrap: wrap; position: relative; }
.grades-row > ul > li .grades-titlerow.active .right-arrow { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
.grades-row > ul > li .grades-titlerow .column { padding: 15px 30px; font-weight: 500; font-size: 14px; line-height: 19px; color: #2C6CA5; opacity: 0.9; }
.grades-row > ul > li .grades-titlerow .left-col { width: calc(100% - 210px); }
.grades-row > ul > li .grades-titlerow .right-col { width: 210px; padding-right: 50px; }
.grades-row > ul > li .grades-titlerow .right-arrow { position: absolute; right: 20px; top: 15px; cursor: pointer; width: 20px; height: 20px; background-image: url("/static/sc-theme/assets/images/right-arrow.5b1a7b7a026c.svg"); background-position: center center; background-repeat: no-repeat; background-size: 10px; transition: all 0.5s ease; }
.grades-row > ul > li .grades-bodyrow { padding: 15px 30px; display: none; }
.grades-row > ul > li .grades-bodyrow .content { display: flex; flex-wrap: wrap; }
.grades-row > ul > li .grades-bodyrow .content label { font-weight: 400; font-size: 14px; line-height: 19px; color: #33393C; opacity: 0.9; margin-right: 18px; }
.grades-row > ul > li .grades-bodyrow .content ul { padding: 0; margin: 0 -7px; display: flex; flex-wrap: wrap; }
.grades-row > ul > li .grades-bodyrow .content ul li { padding: 0 7px; margin: 0; list-style: none; font-weight: 400; font-size: 14px; line-height: 19px; color: #33393C; opacity: 0.9; }

.progress-colsection { margin-bottom: 50px;}
.progress-colsection .row-grid { margin-left: -20px; margin-right: -20px; }
.progress-colsection .row-grid [class*="col-"] { padding-left: 20px; padding-right: 20px; margin-bottom: 24px; }
.progress-colsection .progress-colcontent { background: #FFFFFF; height: 100%; padding: 24px 36px; border: 1px solid #E7E3E3; box-shadow: 0px 2px 26px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 2px 26px rgba(0,0,0,0.05); -moz-box-shadow: 0px 2px 26px rgba(0,0,0,0.05); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.progress-colsection .progress-colcontent .title { display: flex; flex-wrap: wrap; margin-bottom: 14px; }
.progress-colsection .progress-colcontent .title h6 { font-weight: 400; line-height: 22px; font-size: 16px; margin-right: 6px; color: #555353; opacity: 1; }

.progress-row { display: flex; flex-wrap: wrap; align-items: center;}
.progress-row .percent { font-weight: 700; font-size: 24px; line-height: 36px; color: #555353; display: flex; }
.progress-row .percent sub { opacity: 0.8; margin-left: 6px; bottom: -2px; position: relative; font-weight: 400; font-size: 70%; }
.progress-col { height: 16px; width: 100%; position: relative; overflow: hidden; background: rgba(56, 120, 246, 0.12); flex: 1; margin-left: 24px; border-radius: 64px; -webkit-border-radius: 64px; -moz-border-radius: 64px;}
.progress-col .fill { position: absolute; left: 0; top: 0; height: 100%; background-color: #3878F6; opacity: 0.9; transition: all 0.5s ease; }
.progress-col.red .fill { background-color: #EB3338; opacity: 0.7; }

.warning-message { background-color: #FFFDEF; font-weight: 400; font-size: 14px; line-height: 19px; color: #33393C; display: flex; justify-content: center; align-items: center; text-align: center; border: 1px solid #F0CC00; padding: 13px 36px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; }
.warning-message img { margin-right: 20px;}

.discussion-topfilter { padding: 13px 0; border-bottom: 1px solid #E7EAF1; }
.discussion-topfilter-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.discussion-topfilter-leftcol { display: flex; flex-wrap: wrap; margin: 5px 0; }
.discussion-topfilter-leftcol .radio-col { margin: 5px 10px 5px 0px; }
.discussion-topfilter-leftcol .radio-col { position: relative; }
.discussion-topfilter-leftcol .radio-col input[type="radio"] { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; }
.discussion-topfilter-leftcol .radio-col label { font-style: normal; font-family: 'Noto Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 18px; color: #727782; margin: 0; cursor: pointer; padding: 4px 14px 4px 40px; display: inline-block; border: 1px solid #E7EAF1; border-radius: 67px; -webkit-border-radius: 67px; -moz-border-radius: 67px; }
.discussion-topfilter-leftcol .radio-col label:before { content: ""; position: absolute; top: 6px; left: 14px; display: inline-block; width: 16px; height: 16px; border: 1px solid #727782; border-radius: 20px; background-color: #fff; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; }
.discussion-topfilter-leftcol .radio-col label:after { content: ""; display: inline-block; position: absolute; top: 9px; left: 17px; right: 0; bottom: 0; width: 10px;height: 10px; z-index: 1; opacity: 0; background-color: #3878F6; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.discussion-topfilter-leftcol .radio-col input[type="radio"]:checked ~ label { border-color: #3878F6; color: #3878F6; }
.discussion-topfilter-leftcol .radio-col input[type="radio"]:checked ~ label::before { border-color:#3878F6; }
.discussion-topfilter-leftcol .radio-col input[type="radio"]:checked ~ label::after { opacity: 1; }
.discussion-topfilter-rightcol { display: flex; flex-wrap: wrap; margin: 5px 0;}
.search-col { position: relative; width: 313px; }
.search-col .search-field { border: 1px solid #D7D7E9; width: 100%; padding: 6px 10px 6px 50px; height: 40px; font-weight: 400; font-family: 'Noto Sans', sans-serif !important; font-size: 14px; color: #33393C; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.search-col .search-btn { width: 50px; height: 40px; background-image: url("/static/sc-theme/assets/images/search-icon.1fe23143712d.svg") !important; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; outline: none; box-shadow: none; background-color: transparent; border: none; }
.discussion-topfilter-rightcol .add-btn { border-left: 1px solid #D7D7E9; padding-left: 15px; margin-left: 15px; }

.content-section h4 { font-weight: 600; font-size: 20px; line-height: 27px; color: #33393C; opacity: 0.9; margin-bottom: 20px; }
.dates-content { padding: 30px 0; }
.dates-content h4 { margin-bottom: 35px;}
.date-list > ul { padding: 0; margin: 0 0 14px 0; }
.date-list > ul > li { padding: 0 0 26px 37px; margin: 0 0 10px 0; list-style: none; position: relative; }
.date-list > ul > li:last-child { margin-bottom: 0;}
.date-list > ul > li p { font-weight: 500; font-size: 14px; line-height: 19px; color: #474D50; }
.date-list > ul > li:before { position: absolute; left: 8px; top: 4px; content: ''; width: 2px; height: 50%; background-color: rgba(128,128,128,0.3); z-index: 1; }
.date-list > ul > li:after { position: absolute; left: 8px; bottom: -14px; content: ''; width: 2px; height: calc(50% + 10px); background-color: rgba(128,128,128,0.3); }
.date-list > ul > li .title { font-weight: 500; font-size: 16px; line-height: 22px; display: flex; color: #33393C; margin-bottom: 12px; position: relative; }
.date-list > ul > li .title:before { position: absolute; left: -37px; top: 50%; margin-top: -8px; pointer-events: none; content: ''; z-index: 1; width: 17px; height: 17px; background-color: #fff; border: 1px solid #818181; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; transition: all 0.5s ease;}
.date-list > ul > li.start .title:before { background-color: #3878F6; border-color: #3878F6; }
.date-list > ul > li.due .title:before { background-color: #FFFDEF; border-color: #F0CC00; }
.date-list > ul > li.today .title:before { background-color: #E1EBFE; border-color: #3878F6; }
.date-list > ul > li:last-child:before,
.date-list > ul > li:last-child:after { display: none; }
.date-list > ul > li .blue-label { font-weight: 400; font-size: 12px; margin-left: 12px; line-height: 15px; display: inline-block; color: #3878F6; padding: 3px 13px 4px; background: rgba(56, 120, 246, 0.15); border: 1px solid #3878F6; border-radius: 41px; -webkit-border-radius: 41px; -moz-border-radius: 41px; }



/*--Discussion Start--*/
.discussion-nodata { max-width: 350px; margin: 0 auto; text-align: center; padding: 130px 15px 80px 15px; }
.discussion-nodata > img { margin-bottom: 10px;}
.discussion-nodata h6 { font-weight: 500; font-size: 16px; line-height: 22px; letter-spacing: -0.01em; color: #33393C; margin-bottom: 6px; }
.discussion-nodata p { font-weight: 400; font-size: 16px; line-height: 22px; letter-spacing: -0.01em; color: #707477; margin-bottom: 20px; }
.discussion-nodata .btn-outline { display: inline-block; padding: 10px 25px;}

.discussion-topfilter-leftcol .filter-col { margin-right: 10px; display: flex; align-items: center; position: relative; }
.discussion-topfilter-leftcol .filter-col .filter-icon { cursor: pointer; position: relative; }
.discussion-topfilter-leftcol .filter-col .filter-icon .label { position: absolute; right: -10px; top: -10px; min-width: 18px; background: #007AFF; border: 1px solid #FFFFFF; line-height: 16px; text-align: center; color: #fff; font-size: 12px; font-weight: 400; border-radius: 10px; }
.discussion-topfilter-leftcol .filter-col .filter-toggle { display: none; z-index: 11; padding: 24px 30px 15px 30px; position: absolute; min-width: 330px; left: 0; top: 100%; background: #FFFFFF; border: 1px solid rgba(235, 235, 236, 0.8); box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.07); border-radius: 10px; }
.discussion-topfilter-leftcol .filter-col .filter-toggle .heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.discussion-topfilter-leftcol .filter-col .filter-toggle .heading h5 { font-weight: 500; font-size: 18px; line-height: 25px; color: #33393C; }
.discussion-topfilter-leftcol .filter-col .filter-toggle .clear-filter { font-weight: 500; font-size: 15px; line-height: 20px; color: #3878F6; }
.filter-togglerow { border-bottom: 1px solid #EBECEC; }
.filter-togglelist .filter-togglerow:last-child { border-bottom: none;}
.filter-togglerow .filter-toggle-heading { padding: 15px 0; }
.filter-togglerow .filter-toggle-heading .filter-toggle-title { font-weight: 400; font-size: 15px; line-height: 20px; color: #545657; position: relative; cursor: pointer; }
.filter-togglerow .filter-toggle-heading .filter-toggle-title .label { display: inline-block; min-width: 18px; background: #007AFF; border: 1px solid #FFFFFF; line-height: 16px; text-align: center; color: #fff; font-size: 12px; font-weight: 400; border-radius: 10px; }
.filter-togglerow .filter-toggle-heading .filter-toggle-title:after { position: absolute; right: 0; top: 5px; background-image: url("/static/sc-theme/assets/images/down-arrow.6824d588e15a.svg"); background-position: center center; background-repeat: no-repeat; width: 15px; height: 10px; content: ''; }
.filter-togglerow .filter-toggle-heading.active .filter-toggle-title:after { transform: rotate(180deg); }
.filter-togglerow .filter-toggle-body { display: none; padding: 5px 0; }
.filter-togglerow .filter-toggle-body .type-list { padding: 0; margin: 0; }
.filter-togglerow .filter-toggle-body .type-list > li { padding: 0; margin: 0 0 12px 0; list-style: none; }
.filter-togglerow .filter-toggle-body .type-list > li .check-col { position: relative; }
.filter-togglerow .filter-toggle-body .type-list > li .check-col input[type="checkbox"] { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; }
.filter-togglerow .filter-toggle-body .type-list > li .check-col label { font-style: normal; font-family: 'Noto Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 18px; color: #545657; margin: 0; cursor: pointer; padding: 0px 0px 0px 24px; }
.filter-togglerow .filter-toggle-body .type-list > li .check-col label:before { content: ""; position: absolute; top: 1px; left: 0px; display: inline-block; width: 16px; height: 16px; border: 1px solid #B3B3B3; border-radius: 4px; background-color: #fff; }
.filter-togglerow .filter-toggle-body .type-list > li .check-col label:after { content: ""; position: absolute; top: 1px; left: 0px; width: 16px;height: 16px; z-index: 1; opacity: 0; background-image: url("/static/sc-theme/assets/images/tickmark-white.44a4d6d3f558.svg"); background-position: center center; background-repeat: no-repeat; }

.filter-togglerow .filter-toggle-body .type-list > li .check-col input[type="checkbox"]:checked ~ label:before { border-color:#3878F6; background-color: #3878F6; }
.filter-togglerow .filter-toggle-body .type-list > li .check-col input[type="checkbox"]:checked ~ label:after { opacity: 1; }
.filter-togglerow .filter-toggle-body p { line-height: 18px; margin-bottom: 16px;}

.discussion-gridsection { display: flex; flex-wrap: wrap; }
.discussion-leftcol { flex: 0 0 25%; max-width:25%; border-right: 1px solid #E9E9E9; padding-bottom: 30px; }
.discussion-leftcol .discussion-list { padding: 0; margin: 0 0 0 -15px; }
.discussion-leftcol .discussion-list > li { padding: 10px 15px; margin: 0; position: relative; min-height: 102px; display: flex; flex-direction: column; justify-content: center; }
.discussion-leftcol .discussion-list > li.active { background-color: #EAF4FD; }
.discussion-leftcol .discussion-list > li.active:before { position: absolute; right: 0; top: 0; content: ''; width: 4px; height: 100%; background-color: #3878F6; border-radius: 4px 0px 0px 4px; }
.discussion-leftcol .discussion-list > li h6 { font-weight: 500; font-size: 14px; line-height: 19px; color: #545657; margin-bottom: 10px; }
.discussion-leftcol .discussion-list > li h6 a { color: #545657; }
.discussion-leftcol .posted-list { margin: 0 -8px; padding: 0; display: flex; flex-wrap: wrap; }
.discussion-leftcol .posted-list > li { margin: 0; padding: 0 8px; position: relative; display: flex; flex-wrap: wrap; align-items: center; font-weight: 400; font-size: 14px; line-height: 19px; text-transform: capitalize; color: #545657; opacity: 0.9; }
.discussion-leftcol .posted-list > li .image { width: 22px; height: 22px; margin-right: 8px; }
.discussion-leftcol .posted-list > li .image > img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 40px; border: 1px solid #fff; margin-right: 8px; }
.discussion-leftcol .posted-list > li:not(:last-child):before { position: absolute; right: 0; top: 6px; width: 1px; height: 12px; background-color: #808080; content: ''; }

.discussion-rightcol { flex: 0 0 75%; max-width:75%; padding: 34px 0 34px 34px; }
.discussion-rightcol .heading { display: flex; flex-wrap: wrap; margin-bottom: 28px; justify-content: space-between; }
.discussion-rightcol .heading h5 { font-weight: 500; font-size: 18px; line-height: 25px; color: #33393C; opacity: 0.9; padding-right: 10px; }
.discussion-rightcol .heading .right-nav > ul { padding: 0; margin: 0 -8px; display: flex; flex-wrap: wrap; align-items: center; }
.discussion-rightcol .heading .right-nav > ul > li { list-style: none; padding: 0 8px; position: relative; }
.discussion-rightcol .heading .right-nav .sub-menu { cursor: pointer; }
.discussion-rightcol .heading .right-nav .dropdown-menu { padding: 12px 16px; display: none; background: #FFFFFF; border: 1px solid #E5E6E7; box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.05); border-radius: 8px; position: absolute; min-width: 176px; right: 0; top: 100%; margin-top: 10px; z-index: 11; }
.discussion-rightcol .heading .right-nav .dropdown-menu > ul { margin: 0; padding: 0; }
.discussion-rightcol .heading .right-nav .dropdown-menu > ul > li { font-weight: 400; font-size: 14px; line-height: 19px; color: #33393C; margin-bottom: 16px; }
.discussion-rightcol .heading .right-nav .dropdown-menu > ul > li > a { color: #33393C; display: inline-block; }
.discussion-rightcol .heading .right-nav .dropdown-menu > ul > li:last-child { margin-bottom: 0; }
.discussion-rightcol .heading .right-nav .dropdown-menu > ul > li > a.delete { color: #FF575C; }
.discussion-rightcol .reply-row { display: flex; flex-wrap: wrap; margin-bottom: 36px; }
.discussion-rightcol .reply-row .image { width: 40px; height: 40px; }
.discussion-rightcol .reply-row .image > img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 4px; border: 1px solid #E7EAF1; }
.discussion-rightcol .reply-row .content { padding-left: 20px; width: calc(100% - 40px); }
.discussion-rightcol .reply-row .content .text-field { padding: 5px 15px; font-size: 16px; color: #6D7277; width: 100%; height: 40px; border: 1px solid #E7EAF1; border-radius: 8px; }
.discussion-rightcol .contents { margin-bottom: 40px; }
.discussion-rightcol .contents p { font-weight: 400; font-size: 16px; line-height: 22px; color: #000000; opacity: 0.6; margin-bottom: 22px; }
.list-discussion { margin: 0; padding: 0;}
.list-discussion li { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap;}
.list-discussion li .image { width: 40px; height: 40px; margin-right: 20px; }
.list-discussion li .image > img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 4px; border: 1px solid #E7EAF1; }
.list-discussion li .content { width: calc(100% - 60px);  border-bottom: 1px solid #E7EAF1; padding-bottom: 20px; margin-bottom: 20px; }
.list-discussion li .content .name { font-weight: 500; font-size: 14px; line-height: 19px; color: #464E5F; }
.list-discussion li .content .time { font-size: 14px; line-height: 19px; color: #808080; margin-bottom: 15px; }
.list-discussion li .content P { font-weight: 400; font-size: 16px; line-height: 22px; color: #000000; opacity: 0.6; display: inline; }
.list-discussion li .content .view-more { font-weight: 500; font-size: 14px; line-height: 19px; color: #464E5F; }
.list-discussion li:last-child .content { border-bottom: none;}

.addnew-discussion .form-group { margin-bottom: 40px;}
.addnew-discussion .form-group label { display: block; font-weight: 500; font-size: 16px; line-height: 22px; color: #33393C; margin-bottom: 15px; }
.addnew-discussion .form-group .input-field { padding: 6px 16px; width: 100%; height: 40px; border: 1px solid #E7EAF1; font-weight: 400; font-size: 16px; line-height: 22px; color: #33393C; border-radius: 8px; transition: all 0.5s ease; }
.addnew-discussion .form-group .input-field:focus { border-color: #3878F6; }
.addnew-discussion .form-group textarea.input-field { height: 120px; resize: none; }
.addnew-discussion .form-group select.input-field { background-image: url("/static/sc-theme/assets/images/select-arrow.a15ad6baec5f.svg"); background-position: right 12px center; background-repeat: no-repeat; -webkit-appearance: none; appearance: none; }
.addnew-discussion .form-group .t-theme-btn { display: inline-flex; align-items: center; }
.addnew-discussion .form-group .t-theme-btn > img { margin-left: 8px;}

.discussion-leftcol .topics-list { padding: 0; margin: 0 0 0 -15px; }
.discussion-leftcol .topics-list > li { padding: 15px; margin: 0; min-height: 90px; position: relative; display: flex; flex-direction: column; justify-content: center; }
.discussion-leftcol .topics-list > li.active { background-color: #EAF4FD; }
.discussion-leftcol .topics-list > li.active:before { position: absolute; right: 0; top: 0; content: ''; width: 4px; height: 100%; background-color: #3878F6; border-radius: 4px 0px 0px 4px; }
.discussion-leftcol .topics-list > li h6 { font-weight: 500; font-size: 14px; line-height: 19px; color: #545657; margin-bottom: 10px; }
.discussion-leftcol .topics-list > li h6 a { color: #545657; }
.discussion-leftcol .topics-list .title { background: #EAF4FD; font-weight: 600; font-size: 16px; line-height: 22px; color: #545657; padding: 8px 15px; }
.discussion-leftcol .topics-list .title a { color: #545657; }

.discussion-leftcol .topics-countlist { margin: 0 -8px; padding: 0; display: flex; flex-wrap: wrap; }
.discussion-leftcol .topics-countlist > li { margin: 0; padding: 0 8px; position: relative; display: flex; flex-wrap: wrap; align-items: center; font-weight: 400; font-size: 14px; line-height: 19px; text-transform: capitalize; color: #545657; opacity: 0.9; }
.discussion-leftcol .topics-countlist > li .image { margin-right: 8px; }
.discussion-leftcol .topics-countlist > li:not(:last-child):before { position: absolute; right: 0; top: 6px; width: 1px; height: 12px; background-color: #808080; content: ''; }

.topics-nodata { display: flex; align-items: center; height: 100%; }
.topics-nodata .discussion-nodata { padding: 0;}

.discussion-droprow { background: #F0F0F0; padding: 5px 0; border-bottom: 1px solid #E7EAF1; }

.topics-dropdown-row { position: relative; display: flex; align-items: center; margin: 0 -8px; }
.topics-dropdown-row > li { display: inline-flex; align-items: center; justify-content: center; padding: 0 8px; }
.topics-dropdown-row > li.back-topics:after { display: none; }
.topics-dropdown-row > li:not(:last-child):after { position: absolute; right: -3px; top: 6px; content: '/'; }
.topics-dropdown-row > li > a { display: inline-block; padding: 6px 0; position: relative; text-align: center; background-color: transparent; color: #191919; }
.topics-dropdown-row > li.has-dropdown > a { padding: 6px 20px 6px 0; }
.topics-dropdown-row > li.has-dropdown > a:after { position: absolute; right: 0; top: 8px; content: ''; width: 12px; height: 10px; background-image: url("/static/sc-theme/assets/images/down-arrow.6824d588e15a.svg"); background-position: right center; background-repeat: no-repeat; }
.topics-dropdown-row .dropdown-group { position: relative; }
.topics-dropdown-row .dropdown-group .dropdown-menu { position: absolute; top: 100%; left: 0; background: #fff; border-radius: 8px; border: 1px solid #eee; box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1); min-width: 360px; z-index: 1000; display: none; }
.topics-dropdown-row .dropdown-group .dropdown-menu { padding: 12px 16px; display: none; background: #FFFFFF; border: 1px solid #E5E6E7; box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.05); border-radius: 8px; position: absolute; min-width: 270px; right: 0; top: 100%; margin-top: 5px; z-index: 11; }
.topics-dropdown-row .dropdown-group .dropdown-menu > li { font-weight: 400; font-size: 14px; line-height: 19px; color: #33393C; margin-bottom: 16px; }
.topics-dropdown-row .dropdown-group .dropdown-menu > li > a { color: #33393C; display: inline-block; }
.topics-dropdown-row .dropdown-group .dropdown-menu > li:last-child { margin-bottom: 0; }
.topics-dropdown-row .dropdown-group .dropdown-menu > li > a.delete { color: #FF575C; }

.discussion-leftcol .learners-list { padding: 0; margin: 0 0 0 -15px; }
.discussion-leftcol .learners-list > li { padding: 15px; margin: 0; min-height: 90px; position: relative; display: flex; flex-direction: column; justify-content: center; }
.discussion-leftcol .learners-list > li.active { background-color: #EAF4FD; }
.discussion-leftcol .learners-list > li.active:before { position: absolute; right: 0; top: 0; content: ''; width: 4px; height: 100%; background-color: #3878F6; border-radius: 4px 0px 0px 4px; }
.discussion-leftcol .learners-list .learners-name { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 15px; font-weight: 400; font-size: 14px; line-height: 19px; text-transform: capitalize; color: #545657; opacity: 0.9; }
.discussion-leftcol .learners-list .learners-name a { color: #545657; }
.discussion-leftcol .learners-list .learners-name .image { width: 24px; height: 24px; margin-right: 8px; }
.discussion-leftcol .learners-list .learners-name .image > img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 40px; border: 1px solid #fff; margin-right: 8px; }



/*--Learner Notes Start--*/
.notes-topfilter-leftcol { display: flex; flex-wrap: wrap; align-items: center; margin: 5px 0; }
.notes-topfilter-leftcol h5 { font-weight: 600; font-size: 20px; line-height: 27px; color: #33393C; opacity: 0.9; margin-right: 35px; }
.viewnote-sort { display: flex; flex-wrap: wrap; align-items: center;}
.viewnote-sort label { font-weight: 400; font-size: 16px; line-height: 24px; color: #545657; margin-right: 10px; }
.viewnote-sort .select-menu { min-width: 223px; }
.select2-container--default .select2-selection--single { border: 1px solid #D7D7E9; height: auto; border-radius: 6px; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single { border-top-left-radius: 6px; border-top-right-radius: 6px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 30px; font-weight: 400; font-size: 16px; color: #545657; padding: 4px 30px 4px 12px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; width: 12px; right: 12px; background-image: url("/static/sc-theme/assets/images/select-arrow.a15ad6baec5f.svg"); background-position: center center; background-repeat: no-repeat; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { display: none;}
.select2-search--dropdown { display: none;}
.custom_dropdown { background: #FFFFFF; border: 1px solid #E5E6E7; box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.05); border-radius: 8px; overflow: hidden; }
.select2-container--open .custom_dropdown.select2-dropdown--below { border-top: 1px solid #E5E6E7; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.select2-container--open .custom_dropdown.select2-dropdown--above { border-bottom: 1px solid #E5E6E7; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.custom_dropdown .select2-results__option { line-height: 24px; font-weight: 400; font-size: 16px; color: #545657; padding: 6px 12px;}
.select2-container--default .custom_dropdown .select2-results__option[aria-selected=true],
.select2-container--default .custom_dropdown .select2-results__option--highlighted[aria-selected] { background-color: #3878F6; color: #fff; }
.discussion-nodata.large { max-width: 600px; }
.discussion-nodata.large p a { color: #3878F6; font-weight: 600; }
.discussion-nodata.bookmark { max-width: 560px; }
.learner-note-content { padding: 16px 0; }
.page-count { font-weight: 400; font-size: 14px; line-height: 19px; color: #33393C; opacity: 0.9; margin-bottom: 24px; }
.notes-row { display: flex; flex-wrap: wrap; margin-bottom: 16px; }
.notes-row .notes-leftcol { flex: 0 0 73%; max-width: 73%; }
.notes-row .card-col { background: #FFFFFF; overflow: hidden; border: 1px solid #F0F0F0; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05); border-radius: 12px; height: 100%; }
.notes-row .card-col .card-heading { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; background: #F3F1F1; padding: 10px 30px; border-bottom: 1px solid #D7D7E9; }
.notes-row .card-col .card-heading h6 { font-weight: 600; font-size: 14px; line-height: 19px; color: #0F0F0F; margin: 5px 0; }
.notes-row .card-col .card-body { padding: 15px 30px; }
.notes-row .card-col .card-body h6 { font-weight: 500; font-size: 14px; line-height: 19px; color: #0E0F0F; opacity: 0.9; margin-bottom: 9px; }
.notes-row .card-col .card-body p { font-weight: 400; font-size: 14px; line-height: 19px; color: #33393C; opacity: 0.9; margin-bottom: 12px; }
.notes-row .notes-rightcol { flex: 0 0 27%; max-width: 27%; padding-left: 40px; }
.notes-row .notes-rightlist > ul { margin: 0; padding: 0; }
.notes-row .notes-rightlist > ul > li { margin: 0 0 12px 0; padding: 0; list-style: none; font-weight: 400; font-size: 14px; line-height: 19px; color: #474D50; opacity: 0.9; }
.notes-row .notes-rightlist > ul > li h6 { font-weight: 500; font-size: 14px; line-height: 19px; color: #0E0F0F; opacity: 0.9; margin-bottom: 5px; }
.notes-row .notes-rightlist > ul > li p { font-weight: 400; font-size: 14px; line-height: 19px; color: #474D50; opacity: 0.9; margin-bottom: 5px; }
.notes-row .notes-rightlist > ul > li p a { color: #3878F6; }
.breadcrumbs { padding: 0; margin: 2px 0; display: flex; flex-wrap: wrap; }
.breadcrumbs > li { padding: 0; margin: 0; list-style: none; position: relative; display: flex; align-items: center;  }
.breadcrumbs > li > a { font-weight: 400; font-size: 14px; line-height: 19px; color: #545657; }
.breadcrumbs > li > a:hover { color: #3878F6; }
.breadcrumbs > li.active { font-weight: 500; }
.breadcrumbs > li:not(:last-child):after { padding: 0 10px; content: ""; background-image: url("/static/sc-theme/assets/images/right-arrow2.40a09354e6ab.svg"); background-position: center center; background-repeat: no-repeat; height: 16px; width: 12px; }
.learner-bookmark-content { padding: 16px 0; }


.bookmark-row { background: #FFFFFF; overflow: hidden; border: 1px solid #F0F0F0; margin-bottom: 16px; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05); border-radius: 12px; height: 100%; }
.bookmark-row .bookmark-heading { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; background: #F3F1F1; padding: 10px 30px; border-bottom: 1px solid #D7D7E9; }
.bookmark-row .bookmark-heading h6 { font-weight: 600; font-size: 14px; line-height: 19px; color: #0F0F0F; margin: 5px 0; }
.bookmark-row .bookmark-heading > ul { padding: 0; margin: 0; display: flex; flex-wrap: wrap; width: calc(100% - 100px); }
.bookmark-row .bookmark-heading > ul > li { padding: 0; position: relative; list-style: none; font-weight: 600; font-size: 14px; line-height: 19px; color: #0F0F0F; margin: 5px 0; }
.bookmark-row .bookmark-heading > ul > li:not(:last-child):after { padding: 0 10px; content: ""; background-image: url("/static/sc-theme/assets/images/right-arrow2.40a09354e6ab.svg"); background-position: center center; background-repeat: no-repeat; }
.bookmark-row .bookmark-heading .view { display: inline-flex; align-items: center; font-weight: 500; font-size: 14px; line-height: 19px; color: #0F0F0F; }
.bookmark-row .bookmark-heading .view img { margin-left: 6px;}
.bookmark-row .bookmark-body { padding: 15px 30px; }
.bookmark-row .bookmark-body h6 { font-weight: 500; font-size: 14px; line-height: 19px; color: #0E0F0F; opacity: 0.9; margin-bottom: 9px; }
.bookmark-row .bookmark-body p { font-weight: 400; font-size: 14px; line-height: 19px; color: #474D50; opacity: 0.9; margin-bottom: 12px; }
.bookmark-row .bookmark-body p:last-child { margin-bottom: 0; }
.bookmark-row .bookmark-body p span { font-weight: 500; color: #0E0F0F; }



/*--Responsive-Media--*/
@media (max-width: 1375px) {
    .modules-col { margin-left: 0px; }
    .modules-col .modules-row .modules-title { padding: 12px 40px; }
    .modules-col .modules-row .modules-title:before { left: 12px;}
    .modules-col .modules-row .modules-title:after { right: 15px;}
    .unit-leftlist > ul > li a { padding: 12px 10px 12px 40px;}
    .chapter-list > ul > li a { padding: 12px 10px 12px 38px;}
    .chapter-list > ul > li a:before { left: 12px;}
    .chapter-list > ul > li:after,
    .chapter-list > ul > li:before { left: 22px;}
}

@media (max-width: 1199px) {
    
}

@media (max-width: 991px) {
    .tabs li a { min-width: 80px;}
    .modules-headings,
    .middle-content,
    .content-grid .column-right { padding: 20px;}
    .content-grid .column-left { padding-top: 20px;}
    .progress-content { padding: 20px 20px 20px 0; }
    .progress-colsection .row-grid { margin-left: -15px; margin-right: -15px; }
    .progress-colsection .row-grid [class*="col-"] { padding-left: 15px; padding-right: 15px; }
    .progress-colsection .progress-colcontent { padding: 20px 15px; }
    .progress-content-block .content-grid .progress-content { flex: 0 0 70%; max-width: 70%; }
    .progress-content-block .content-grid .column-right { flex: 0 0 30%; max-width: 30%; }
    .summary-table thead tr th,
    .summary-table td { padding: 15px;}
    .grades-row .grades-head .column { padding: 15px;}
    .grades-row .grades-head .week-col { width: calc(100% - 160px); }
    .grades-row .grades-head .score-col { width: 160px; }
    .grades-row > ul > li .grades-titlerow .column { padding: 15px;}
    .grades-row > ul > li .grades-titlerow .left-col { width: calc(100% - 160px); }
    .grades-row > ul > li .grades-titlerow .right-col { width: 160px; padding-right: 50px;}
    .grades-row > ul > li .grades-bodyrow { padding: 15px;}

    .discussion-topfilter-leftcol .radio-col { margin: 5px 6px 5px 0px; }
    .discussion-topfilter-leftcol .radio-col label { padding: 4px 14px 4px 32px; }
    .discussion-topfilter-leftcol .radio-col label:before { left: 10px; }
    .discussion-topfilter-leftcol .radio-col label:after { left: 13px; }
    .search-col { width: 200px; }
    .discussion-topfilter-rightcol .add-btn { padding-left: 10px; margin-left: 10px;}

    .discussion-leftcol { flex: 0 0 30%; max-width: 30%; }
    .discussion-rightcol { flex: 0 0 70%; max-width: 70%; padding: 15px 0 15px 15px; }
    .discussion-rightcol .heading h5 { width: 100%; padding-right: 0;}
    .discussion-rightcol .heading .right-nav { margin-top: 12px;}
    .notes-row .card-col .card-heading { padding: 15px; }
    .notes-row .card-col .card-body { padding: 15px; }
    .notes-row .notes-rightcol { padding-left: 20px; }
    .bookmark-row .bookmark-heading { padding: 15px; }
    .bookmark-row .bookmark-body { padding: 15px; }
}

@media (max-width: 767px) {
    .content-grid .column-left { flex: 0 0 100%; max-width: 100%; border-right:none; margin-bottom: 30px; }
    .content-grid .column-middle { flex: 0 0 100%; max-width: 100%; margin-bottom: 30px; }
    .content-grid .column-right { flex: 0 0 100%; max-width: 100%; border-left:none; padding: 0; margin-bottom: 20px; }
    .modules-headings { margin-bottom: 20px; padding: 15px;}
    .middle-content { padding: 0;}
    .unit-list > ul > li { padding: 0 0 20px 28px;}
    .unit-list > ul > li a:before { left: -28px; }
    .modules-col .modules-row .modules-heading { padding: 8px 0; }
    .modules-col .modules-row .modules-title { padding: 12px 25px 12px 40px; }
    .modules-col .modules-row .modules-title:after { right: 0; }
    .progress-content-block .content-grid .progress-content { flex: 0 0 100%; max-width: 100%; padding: 20px 0; }
    .progress-content-block .content-grid .column-right { flex: 0 0 100%; max-width: 100%; }
    .date-list > ul > li { padding: 0 0 20px 28px;}
    .date-list > ul > li .title:before { left: -28px; }

    .discussion-gridsection { margin-bottom: 30px;}
    .discussion-leftcol { flex: 0 0 100%; max-width: 100%; border-right: none; }
    .discussion-rightcol { flex: 0 0 100%; max-width: 100%; padding: 0px; }
    .discussion-leftcol .learners-list,
    .discussion-leftcol .discussion-list,
    .discussion-leftcol .topics-list { margin: 0 -15px; }
    .discussion-topfilter-leftcol .filter-col .filter-toggle { left: auto; right: 0; padding: 15px; width: 100%; min-width: 280px;}
    .discussion-rightcol .heading .right-nav .dropdown-menu { left: 8px; right: auto;}
    .topics-dropdown-row .dropdown-group .dropdown-menu { min-width: 260px; }

    .discussion-topfilter-row.notes .discussion-topfilter-rightcol { width: 100%; }
    .discussion-topfilter-row.notes .discussion-topfilter-rightcol .search-col { width: 100%; }
    .notes-row .notes-leftcol { flex: 0 0 100%; max-width: 100%; margin-bottom: 15px; }
    .notes-row .notes-rightcol { flex: 0 0 100%; max-width: 100%; padding-left: 0px; }
}

@media (max-width: 639px) {
    
}

@media (max-width: 575px) {
    .tabs li { width: 100%; padding: 0 10px; }
    .tabs li a { min-width: 1px; display: block; text-align: left;}
    .tabs li a:after { display: none;}
    .progress-colsection .row-grid [class*="col-"] { flex: 0 0 100%; max-width: 100%; }
    .grades-row .grades-head .week-col { width: calc(100% - 90px); }
    .grades-row .grades-head .score-col { width: 90px; }
    .grades-row > ul > li .grades-titlerow .left-col { width: calc(100% - 90px); }
    .grades-row > ul > li .grades-titlerow .right-col { width: 90px; padding-right: 30px; }
    .grades-row > ul > li .grades-titlerow .right-arrow { right: 10px; }
    .summary-table { width: 575px; }
    .discussion-topfilter-leftcol { width: 100%; }
    .discussion-topfilter-leftcol .filter-col { width: 100%; margin: 10px 0px 0px 0px; }
    .discussion-topfilter-leftcol .filter-col .filter-toggle { margin-top: 5px;}
    .discussion-topfilter-rightcol { width: 100%; justify-content: space-between; }
    .search-col { width: calc(100% - 100px); }
    .discussion-topfilter-rightcol .add-btn { border-left: 0; padding-left: 0; margin-left: 0;}
    .discussion-topfilter-rightcol .add-btn .t-theme-btn { padding: 10px 15px; }
    .topics-dropdown-row { align-items: flex-start; flex-direction: column; margin: 0; }
    .topics-dropdown-row > li { padding: 0; }
    .topics-dropdown-row > li:not(:last-child):after { display: none; }
    .topics-dropdown-row .dropdown-group { justify-content: flex-start; width: 100%; padding: 0;}
    .addnew-discussion .row-grid [class*="col-"] { flex: 0 0 100%; max-width: 100%; }
    .addnew-discussion .form-group { margin-bottom: 20px; }
    .addnew-discussion .form-group label { margin-bottom: 10px; }
    .viewnote-sort .select-menu { width: 100%; }
    .discussion-topfilter-row.notes .notes-topfilter-leftcol { width: 100%; }
    .viewnote-sort { width: 100%; }
    .viewnote-sort label { margin: 0 0 10px 0; }
    .notes-topfilter-leftcol h5 { margin: 0 0 10px 0; }
}

@media (max-width: 479px) {
    
}

@media (max-width: 375px) {
    
}