/*====================================== reset.css is here ========================================*/
@font-face {font-family: "CentraNo2 Bold";src: url("/fonts/CentraNo2/CentraNo2-Bold.eot");src:url("/fonts/CentraNo2/CentraNo2-Bold.woff") format("woff"), url("/fonts/CentraNo2/CentraNo2-Bold.woff2") format("woff2"); font-weight: normal; font-style: normal;}
@font-face {font-family: "CentraNo2 Medium";src: url("/fonts/CentraNo2/CentraNo2-Medium.eot");src:url("/fonts/CentraNo2/CentraNo2-Medium.woff") format("woff"), url("/fonts/CentraNo2/CentraNo2-Medium.woff2") format("woff2"); font-weight: normal; font-style: normal;}
@font-face {font-family: "CentraNo2";src: url("/fonts/CentraNo2/CentraNo2-Book.eot");src:url("/fonts/CentraNo2/CentraNo2-Book.woff") format("woff"), url("/fonts/CentraNo2/CentraNo2-Book.woff2") format("woff2"); font-weight: normal; font-style: normal;}
*{margin:0;padding:0;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;max-width: 100%; height: auto;}
figure{display: block; margin: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none; margin: 0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}
.clearfix:after {display: block;content: "";clear: both;}
.clrflt{clear:both;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
.no_bor { border: 0 !important;}
l{box-sizing:border-box;padding: 0 0 0 0;}
header,nav,section,article,aside,footer,hgroup {display: block;}
a{display:inline-block;color:#000;font-size: 13px;line-height: 18px;}
a,a:hover{text-decoration: none; outline: none;}
figure{line-height:0;}
/**************************************************************************************/
h1{font-size: 67px;line-height: 68px;color: #000;font-weight: 900;margin: 0;}
:not.splash-page h2{font-size: 50px;line-height: 48px;color: #fff;font-weight: normal;letter-spacing: 7px;}
h3, .question-details h3 p, .discussion-post-page h3 p{font-size: 36px;line-height: 50px;color: #212121;font-weight: 400;margin: 0;font-family: 'Merriweather', serif;}
.question-details h3 p:not(:first-child), .discussion-post-page h3 p:not(:first-child) {margin-top: 20px;}
.question-details h4 p {font-size: 10pt; font-family: 'Muli', sans-serif; line-height: 24px; font-weight: 600; color: #DD167B; text-align: left}
h4{font-size: 32px;line-height: 34px;font-weight: 500;margin: 0;text-align: center;color: #212121;}
h5{font-size:24px;line-height: 38px;margin: 0;font-weight: bold;color: #26222d;text-align: center;font-family: 'Merriweather', serif;}
h6{font-size: 16px;line-height: 20px;margin: 0;font-weight: bold;font-family: 'Muli', sans-serif; color: #212121; }
p{font-size: 16px;line-height: 18px;font-weight: normal;color: #3d3942;margin: 0;}
/*======================================================= Index page ======================================================*/
/* fonts */
/* Design */
html { height: 100%;}
body {font-size: 14px; height: 100%; font-weight: normal;font-family: 'Muli', sans-serif; }
.wrapper{margin:0 auto;height: 100%;min-height: 100%;height: auto;position:relative;transition: all ease-in-out 1s;-webkit-transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;padding: 0px 0 0 0;max-width: 100%;}
.wrapper{margin:0 auto;height: 100%;min-height: 100%;height: auto;position:relative;transition: all ease-in-out 1s;-webkit-transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;padding: 72px 0 0 0;max-width: 100%;}
.container {max-width:100%;display: block;margin: 0 auto; padding: 0;}
.content-page .wrapper{padding: 0;}
.splash-page .wrapper{padding: 0}
.no-nav .wrapper {padding: 0}
.no-nav .review-lft {margin-top: 0}
.content-container {padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* header start here */
header {position: relative;top: 0;right: 0;left: 0;z-index: 99;background: #fff;}
header.head {position: fixed;top: 0;right: 0;left: 0;z-index: 999999;background: #fff;padding: 0;}
header.content-head {padding-left: 40px; padding-right: 40px; background-color: transparent;}
.review-page header.head{padding: 0;}
.review-page.preview-mode header.head, .class-page.preview-mode header.head, .review-page.guest-mode header.head, .review-page.top-bar-navigation-mode header.head, .assignment-instructor-dashboard.top-bar-navigation-mode header.head, .class-page.top-bar-navigation-mode header.head, .flashcard-mode-page.top-bar-navigation-mode header.head {top: 40px;}
.assignment-builder.edit-mode header.head {top: 40px;}
.header-content {padding: 36px 41px 14px 57px;}
input { outline: none; border: 0;}
.log-info { display: inline-block; float: right;}
.log-info a {font-size: 14px; line-height: 16px;color: #DD167B;font-weight: 600;}
.login {display: inline-block;vertical-align: middle;margin: 2px 14px 0 0;}
.login a {position: relative;font-weight: 600;padding: 0 24px 0 28px;}
.login a:after {content: '';position: absolute;top: 0;left: 0;background: url(../images/login-icon.svg) no-repeat left;background-size: contain;width: 19px;height: 16px;}
.splash-get-started {display: inline-block; }
.overlay-hover {position: absolute;top: -2px;background: #FFF;text-align: left;padding: 17px 13px 3px 21px;left: -1px;width: 138px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);border-radius: 3px;display: none !important;}
.overlay-hover a {font-size: 14px; color: #212121;padding: 0;text-align: left;text-transform: capitalize;font-weight: 600}
.overlay-hover a:hover{color: #705AF4;}
.overlay-hover ul {}
.overlay-hover ul li {padding: 0 0 20px 0;}
.overlay-hover ul li:first-child { padding: 0 0 17px 0;}
.overlay-hover ul li:first-child h6 {text-transform: uppercase;font-size: 10px;line-height: 14px;font-weight: 700;color: #666666;}
.overlay-hover > a.close {position: absolute;right: 5px;top: 5px; color: #212121;font-size: 12px;display: none; }
/* header end here */
a:focus{outline: none;}
/* logo content start here */
.open-class-main-logo {text-align: center;padding: 67px 0 30px 0;position: relative;max-width: 1416px;margin: 0 auto;}
.open-class-main-logo a figure img {z-index: 99999;}
.open-class-main-logo a { display: inline-block; position: relative;}
.open-class-main-logo:after {content: '';position: absolute;top: 215px;left: 149px;background: url(../images/bg3.png) no-repeat center;width: 50px;height: 123px;background-size: contain; z-index: -1;}
.open-class-main-logo:before {content: '';position: absolute;top: 177px;right: 89px;background: url(../images/bg4.png) no-repeat center;width: 261px;height:242px;background-size: contain;}
.logo-txt {position: relative;padding: 19px 0;}
.logo-txt:after {content: '';position: absolute;top: 53%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);width: 420px;height: 1px;right: 49px;background-image: linear-gradient(to right, #c0abeb, #e7e7e7);}
.logo-txt:before {content: '';position: absolute;top: 53%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);width: 420px;height: 1px;left: 48px;background-image: linear-gradient(to right, #e7e7e7, #c0abeb);}
.logo-txt p {display: inline-block;color: #2b292e;padding: 0 10px 0 0;font-family: 'Merriweather', serif;}
.background-content {position: relative;text-align: center;height: 188px;}
.background-content span {display: block;width: 1px;height: 118px;margin: 0 auto;position: absolute;top: 55%;left: 0;right: 0;transform: translateY(-50%);background-image: linear-gradient(to right, #e7e7e7, #c0abeb);}
.background-content:after {content: '';position: absolute;top: 9px;left: 0;background: url(../images/bg1.png) no-repeat center;width: 386px;height: 173px;background-size: contain;}
.background-content:before {content: '';position: absolute;top: 9px;right: 0;background: url(../images/bg2.png) no-repeat center;width: 386px;height:173px;background-size: contain;}
.splash-pillars-intro {margin: 20px 53px 30px 53px !important; position: relative;}
.splash-pillars-intro .splash-pillars-intro-text {width: 40%; display: block; position: absolute; right: 5%; top: 0;}
.splash-pillars-intro .splash-pillars-intro-text h3 {font-size: 20px;line-height: 22px;color: #212121;font-weight: 400;margin: 0 0 20px 0;font-family: 'Merriweather', serif;}
.splash-pillars-intro .splash-pillars-intro-text p {font-size: 10pt; line-height: 20px;color: #666666; font-weight: normal;}
.splash-pillars-intro .splash-pillars-intro-text p a {display: inline; font-size: 10pt; line-height: 20px;}
.splash-pillars-intro ul.how-it-works-ul {display: inline-block; width: 50%; margin-right: 5%;}
ul.how-it-works-ul {padding-top: 10px; margin-bottom: 10px;}
ul.how-it-works-ul li {position: relative; padding-left: 40px; color: #666666; font-weight: 600;}
ul.how-it-works-ul li:first-child {padding-bottom: 55px;}
ul.how-it-works-ul li:first-child:after {content: ""; position: absolute; width: 1px; height: calc(100% - 20px); left: 10px; top:20px; background-color: #999999;}
.how-it-works-step {display: inline-block; position: absolute; top: 0; left: 0; height: 20px; width: 20px; color: #ffffff; border-radius: 10px; padding-left: 7px; padding-top: 2px; font-size: 9pt;}
.how-it-works-step.one {background-color: #FFD44F;}
.how-it-works-step.two {background-color: #1999EA;}
.splash-pillars {padding: 19px 0 81px 0;width: 98%;margin: 0 auto;}
.splash-pillars ul.splash-pillars-ul {display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;}
.splash-pillars ul.splash-pillars-ul li { width: 33.33%;}
.splash-pillars h5 {position: relative;padding: 0 0 32px 0;margin: 0 0 44px 0;font-weight: 400}
.splash-pillars h5:after {content: '';position: absolute;top: 100%;width: 117.5px;height: 2px;left: 0;right: 0;margin: 0 auto;background-image: linear-gradient(to right, #fcf7e3 0%, #fcd34f 48%, #fcf7e3);}
.pillar-icon {}
.splash-pillars p {padding: 0 0 24px 0;margin: 0 auto;font-weight: 600;line-height: 24px;font-size: 15px;}
.splash-pillars p a {color: #DD167B; display: inline; font-size: 15px;}
.splash-pillars-main { padding: 0 53px;}
.splash-pillars-main.cnt2{padding: 0 69px;}
.splash-pillars-main.cnt2 h5:after {background-image: linear-gradient(to right, #f2e1ea, #f14da0 48%, #f2e1ea);}
.splash-pillars-main.cnt3 h5:after {background-image: linear-gradient(to right, #dde6ed, #3a9dec 48%, #dde6ed);}
.pillar-icon {width: 47px;height: 47px;margin: 0 auto 45px;display: block;}
.rounded-purple-button, .centered-button, .continue-and-next-buttons {position: relative;text-align: center;z-index: 9}
.continue-and-next-buttons .main-btn {display: inline-block;}
.next-assignment-button {max-width: 200px; vertical-align: middle;}
.splash-bottom-section {margin-top: 80px;}
.splash-bottom-section h4 {padding: 0 0 44px 0;line-height: 33px; font-size: 18pt; font-family: 'Merriweather', serif;font-weight: 400;}
.splash-bottom-section.demo-video-section .demo-video-container {width: calc(100% - 40px); max-width: 800px; height: 400px; margin: auto; text-align: center;}
.welcome-page .demo-video-container {width: calc(100% - 40px);padding-top: 40px; max-width: 800px; height: 400px; margin: auto; text-align: center;}
.content-page .demo-video-container {width: calc(100% - 40px);padding: 40px 0; max-width: 800px; height: 450px; margin: auto; text-align: center;}
.centered-button{ margin-top: 40px; margin-bottom: 40px; }
.main-btn a{font-size: 14px;line-height:20px;color: #705AF4;border: solid 1px #705AF4;padding: 23px 21px 20px 0;border-radius: 32px;position: relative;width: 246px;font-weight: 600;position: relative;}
.main-btn.save-and-continue a {padding-right: 50px; padding-left: 30px; white-space: nowrap; width: auto;}
.main-btn a:hover { background: #705AF4; color: #fff;}
.main-btn.pink a:hover { background: #DD167B; color: #fff;}
.main-btn a:after {content: "\f178";font-family: 'FontAwesome';font-size: 13px;position: absolute;top: 53%;right: 28px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.pink-loader-long {border: 6px solid transparent; border-top: 6px solid #DD167B; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; position: absolute; top: 15px;left: 125px; display: none;}
.rounded-purple-button:after {content: '';position: absolute;top: 49.7%;left: 0;width: 35.9%;height: 1px;background-image: linear-gradient(to right, #e7e7e7, #c0abeb);}
.rounded-purple-button:before {content: '';position: absolute;top: 50%;right: 0;width: 35.8%;height: 1px;background-image: linear-gradient(to right,#c0abeb , #e7e7e7);z-index: 1;}
.continue-and-next-buttons:after {content: '';position: absolute;top: 49.7%;left: 0;width: calc(50% - 240px);height: 1px;background: #e7e7e7;}
.continue-and-next-buttons:before {content: '';position: absolute;top: 50%;right: 0;width: calc(50% - 240px);height: 1px;background: #e7e7e7; z-index: 1;}
.main-btn {position: relative;margin: 0 auto;}
.flogo {display: inline-block;float: left;width: 125px;}
.footer-content {padding: 29px 43px 24px 39px;}
.footer-content p {color: #666666;font-size: 13px;line-height: 15px;font-weight: 600;}
.footerlinks {display: block;float: left;width: calc(100% - 340px);text-align: center;padding: 6px 0 0 0;}
.footerlinks ul li {display: inline-block;padding: 0 19px;}
.footerlinks ul li:first-child { padding: 0 15px;}
.footerlinks ul li a {color: #212121; font-weight: 600; font-size: 13px;line-height: 15px;}
.footerlinks ul li a:hover{color: #705AF4}
.copyright {display: inline-block;float: right;padding: 6px 0 0 0; width: 212px; text-align: right;}
footer { border-top: solid 1px #e7e7e7;}
/* class start here */
.header-inner .header-inner-top {width: 100%; display: inline-block; position: relative;}
.flashcard-mode-header-inner {height: 78.5px}
.header-inner-top.top-aligned {vertical-align: top}
.header-inner .header-inner-bottom {width: 100%; display: inline-block; margin-top: 10px; position: relative; text-align: center;}
.assignment-builder-tabbed-menu {position: relative; display: inline-block;}
.assignment-builder-tabbed-menu li {display: inline-block; cursor: pointer; color: #666666; font-family: 'Muli', sans-serif; font-weight: bold; font-size: 10.5pt; position: relative;}
.assignment-builder-tabbed-menu li.active {color: #705AF4;}
.assignment-builder-tabbed-menu li:not(:last-child) {margin-right: 20px;}
.assignment-builder-tabbed-menu .assignment-builder-tabbed-menu-highlighter {display: block; position: absolute; bottom: -15px; left: 0; width: 0; height: 3px; border-top-left-radius: 2px; border-top-right-radius: 2px; background-color: #705AF4; transition: all ease-in-out 300ms; -webkit-transition: all ease-in-out 300ms;-ms-transition: all ease-in-out 300ms;-o-transition: all ease-in-out 300ms;-moz-transition: all ease-in-out 300ms;}
.header-inner, .discussions-header-inner {padding: 21px 37px 15px 46px;border-bottom: solid 1px #e7e7e7;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;width: 100%;-webkit-justify-content: space-between;justify-content: space-between;}
.header-inner.center {text-align: center;}
.hlogo-centered {display: inline-block; margin: 0 auto;}
.h-logo {display: inline-block;padding: 0 13px 0 0;float: left;}
.h-logo-icon {display: inline-block;float: left; position: relative;}
.head-left-third {height: 30px !important;}
.head-left-third .h-logo-icon {display: inline-block !important; text-align: left; float: none; vertical-align: top}
.review-page .h-logo {padding: 0;}
.character-a {position: relative;padding: 0 0 0 27px; }
.h-logo figure img{width: 100%;}
.character-a:after {content: '';position: absolute;top: 50%;transform: translateY(-50%);height:48px;width: 1px;background-image: linear-gradient(to bottom, #f2f2f2, #e7e7e7 53%, #f2f2f2);left: 0;}
.head-right, .discussions-head-right {position: relative;text-align: right; margin-left: 10px; width: 300px; display: inline-block;}
.head-left-third, .head-center-third, .head-right-third {width: 33.33% !important; display: inline-block; margin: 0 !important; vertical-align: top}
.head-right-third {position: relative;text-align: right;}
.head-right-half {position: relative;text-align: right; margin-left: 10px; width: 180px; display: inline-block;}
.head-right .iconless-standard-btn, .head-right-half .iconless-standard-btn, .head-right-third .iconless-standard-btn {display: inline-block;}
.head-right .iconless-standard-btn a, .head-right-half .iconless-standard-btn a, .head-right-third .iconless-standard-btn a {padding: 0;}
.head-right a, .head-right-half a, .head-right-third a {color: #212121;font-weight: bold;font-size: 13px;line-height: 15px;padding: 0 17px 0 0;position: relative;text-align: right; white-space: nowrap; overflow: hidden;}
.head-right:hover .headright-hover { display: block !important;}
.head-right a.headright-settings {color: #666666; font-weight: normal; text-align: right;}
.head-right a.headright-settings:after {content: ""; background: url(../images/account-settings-icon.svg) no-repeat; background-size: contain; height: 12px; width: 12px; position: absolute; right: 0; top: 1px;}
.head-left, .discussions-head-left {display: inline-block;float: left;width: 200px; min-width: 200px; margin-right: 10px; display: flex;display: -webkit-flex; align-items: center;-webkit-align-items: center;}
.head-left-half{display: inline-block;float: left;width: calc(100% - 236px); display: flex;display: -webkit-flex; align-items: center;-webkit-align-items: center;}
.head-middle {width: calc(100% - 400px);padding: 0 0 0 0;text-align: center;align-items: center; position: relative; vertical-align: top;}
.long-logo .head-left {width: 315px;}
.long-logo .head-middle {width: calc(100% - 630px); min-width: 200px;}
.long-logo .head-right {width: 315px;}
.long-logo .head-right.portal-options {width: 315px;}
.medium-long-logo .head-left {width: 250px;}
.medium-long-logo .head-middle {width: calc(100% - 555px); min-width: 200px;}
.medium-long-logo .head-right {width: 250px;}
.medium-long-logo .head-right.portal-options {width: 250px;}
.head-middle.assignment-builder-title {padding: 0; width: calc(100% - 420px); text-align: center;}
.head-middle.review{padding: 0; width: calc(100% - 276px);}
.assignment-instructor-dashboard .head .head-left, .assignment-instructor-dashboard .head .head-right {width: 200px !important;}
.assignment-instructor-dashboard .head.three-additional-options .head-left, .assignment-instructor-dashboard .head.three-additional-options .head-right, .lesson-metrics .head.three-additional-options .head-left, .lesson-metrics .head.three-additional-options .head-right {width: 204px !important;}
.assignment-instructor-dashboard .head.four-additional-options .head-left, .assignment-instructor-dashboard .head.four-additional-options .head-right, .lesson-metrics .head.four-additional-options .head-left, .lesson-metrics .head.four-additional-options .head-right {width: 238px !important;}
.assignment-instructor-dashboard .head.five-additional-options .head-left, .assignment-instructor-dashboard .head.five-additional-options .head-right, .lesson-metrics .head.five-additional-options .head-left, .lesson-metrics .head.five-additional-options .head-right {width: 272px !important;}
.assignment-instructor-dashboard .head-middle.assignment-instructor-dashboard-title, .lesson-metrics .head-middle.assignment-instructor-dashboard-title {width: calc(100% - 400px) !important;}
.assignment-instructor-dashboard .head.three-additional-options .head-middle.assignment-instructor-dashboard-title, .lesson-metrics .head.three-additional-options .head-middle.assignment-instructor-dashboard-title {width: calc(100% - 408px) !important;}
.assignment-instructor-dashboard .head.four-additional-options .head-middle.assignment-instructor-dashboard-title, .lesson-metrics .head.four-additional-options .head-middle.assignment-instructor-dashboard-title {width: calc(100% - 476px) !important;}
.assignment-instructor-dashboard .head.five-additional-options .head-middle.assignment-instructor-dashboard-title, .lesson-metrics .head.five-additional-options .head-middle.assignment-instructor-dashboard-title {width: calc(100% - 544px) !important;}
.head-middle .current-displayed-class-item {display: inline-block; max-width: 100%; }
.navbar-edit-class-settings-button {display: inline-block; position: relative; cursor: pointer; margin-right: 6px;}
.navbar-edit-class-settings-button-icon:before {content:"\f044"; font-family: 'Font Awesome 5 Free'; font-size: 9pt; color: #666666; line-height: 30px; font-weight: 900}
.head-middle .current-displayed-class-item span.current-selection { font-weight: bold; text-align: center; cursor: pointer; padding-bottom: 32px; font-size: 10pt !important; vertical-align: top; line-height: 30px;}
.head-middle .current-displayed-class-item span.current-selection:after {content:"\f107";font-family: 'FontAwesome';font-size: 15px;line-height: 14px;position: relative; margin-left: 10px; color: #36b1ff; line-height: 30px;}
.head-middle .current-displayed-class-item .options-overlay-menu {display: none; position: absolute; top: 100%; left: 50%; width: 80%; max-width: 500px; padding: 17px 0 10px 0; line-height: 10px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);border-radius: 3px; background-color: #fff; z-index: 999; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform:translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.head-middle .current-displayed-class-item .options-overlay-menu .header-text, .head-right .headright-hover .header-text, .question-code-test-case-inout-title-selector-options .header-text, .class-notifications-overlay-title {text-align: left; font-weight: bold;font-family: 'Muli', sans-serif; color: #666666; padding: 0px 21px 4px 21px; font-size: 7pt; letter-spacing: 0.5px; text-transform: uppercase; cursor: default; margin-bottom: 4px;}
.options-overlay-menu.classes p {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 10pt; margin-bottom: 8px; text-align: center;}
.head-middle .current-displayed-class-item .options-overlay-menu:hover {display: block;}
.head-middle .current-displayed-class-item:hover .options-overlay-menu {display: block;}
.head-middle .current-displayed-class-item:hover span.current-selection:after {content: "\f106";}
.head-middle .current-displayed-class-item .class-additional-options {margin-top: 4px; padding: 0px 21px 0px 21px;}
.head-middle .current-displayed-class-item .class-additional-options li {text-align: left; display: inline-block; padding: 0 !important;}
.head-middle .current-displayed-class-item .class-additional-options li:not(:first-child) {margin-top: 4px;}
.head-middle .current-displayed-class-item .class-additional-options li a {color: #DD167B; text-align: left; font-weight: 600 !important; font-size: 10pt; padding: 0 !important; margin: 0 !important;}
.head-middle .current-displayed-class-item .class-additional-options li.add-class-button {float: left;}
.head-middle .current-displayed-class-item .class-additional-options li.edit-class-button {float: right;}
.head-middle .current-displayed-class-item .class-additional-options li.add-class-button a:before {content: "+"; margin-right: 4px; font-size: 13pt;}
.head-middle .current-displayed-class-item .class-additional-options li.edit-class-button a:before {content: ""; display: inline-block; position: relative; margin-right: 4px; background: url(../images/edit-pencil-icon.svg)no-repeat;background-size: contain; height: 10px; width: 10px;}
.head-middle .header-quiz-title {font-family: 'Muli', sans-serif; font-size: 10.5pt; color: #212121; text-align: center; font-weight: 600}
.head-middle .header-quiz-title .info-indicator:hover, .pending-indicator .info-indicator:hover {border-color: #DD167B; color: #DD167B;}
.quiz-time-remaining-display-value {display: inline;}
.head-middle .header-quiz-attributes {display: block; text-align: center;}
.header-quiz-attribute {display: inline-block; font-family: 'Muli', sans-serif; font-size: 9pt; color: #666666; font-weight: normal; position: relative;}
.header-quiz-attribute:not(:last-child) {margin-right: 20px;}
.header-quiz-attribute:not(:last-child):after {content: ""; position: absolute; right: -10px; top: 2px; height: calc(100% - 4px); width: 1px; background-color: #666666; display: block;}
.header-quiz-attribute.warning {color: #eb1f48;}
.headright-hover {position: absolute;top: 100%;right: 0;background: #fff;padding: 17px 0 10px 0;box-shadow: 0px 1px 1px 1px #efefef;width: 137px;border-radius: 6px;display: none;z-index: 9999;text-align: left;left: auto}
.headright-hover span {font-size: 11px;text-transform: uppercase; cursor: default;}
.headright-hover ul {padding: 10px 0 0 0;}
.headright-hover ul li {padding: 0 !important; margin: 0;}
.headright-hover ul li:not(:last-child) {margin-bottom: 10px;}
.headright-hover.droup-contant ul li{background: rgba(0, 0, 0, 0.12);}
.headright-hover ul li > a {font-size: 13px;padding: 1px 0 0 21px;line-height: 16px;text-transform: none;}
.headright-hover ul li a:hover{color: #705AF4;}
.navigation-lt { display: inline-block;}
.navigation-lt.short {width: calc(100% - 120px);}
.navigation-rt { display: inline-block; float: right; width: 100px; margin-left: 20px; }
.navigation-lt h3 {padding: 0 0 19px 0;}
.navigation-lt h3 em {font-family: 'Merriweather', serif;font-size: 28px;line-height: 28px;padding: 0 17px 0 30px;}
.navigation-lt span {display: inline-block;padding: 0 0 6px 4px;color: #212121;font-size: 15px;}
.navigation-lt strong {position: relative;color: #212121;text-align:justify;font-size: 15px;font-weight: bold;padding: 0 0 4px 0;cursor: pointer;}
.navigation-lt strong:hover:after{display: block}
.navigation-lt strong:after {content: '';position: absolute; top: 100%; width: 100%; height: 2px; background-image: linear-gradient(to right, #fcf7e3, #fcd34f 48%, #fcf7e3); left: 0; right: 0; margin: 0 auto;display: none;}
.enrolled-indication {display: inline-block;float: right;padding: 19px 14px 0 0;}
.enrolled-indication small {position: relative;color: #DD167B;font-size: 13px;line-height: 14px;font-weight: 600;padding: 0 0 0 27px;}
.enrolled-indication small:after {content: '';position: absolute;top: 0;left: 0;width: 17px;height: 17px;background: url(../images/enrolled-icon.png) no-repeat center;background-size: contain;}
.navigation {max-width: 1200px; width: 100%; margin: 0 auto;display: block;padding: 40px}
.main-content-scrollable {position: fixed; display: block; left: 0; right: 0; max-width: 100%; overflow-y: scroll; overflow-x: hidden;}
.main-content-scrollable.dark, .static-content-page-main-container.dark {background-color: rgba(0,0,0,0.04)}
.navigation-main { padding: 0 0 0px 0;}
.navigation-main > p, .navigation-main > p a {font-family: 'Merriweather', serif;font-weight: 400;font-size: 18px;line-height: 36px;color: #212121;padding: 54px 0 0px 0;letter-spacing: -0.1px;}
.navigation-main > p a {display: inline; color: #705AF4}
.navigation-main-content { }
.navigation-main-content-sections {padding: 0;}
.navigation-main-content-header {margin-bottom: 40px;}
.classes-page .main-content-scrollable {background-color: #e7e7e7}
.classes-page-enrollments-list-sections {background-color: #ffffff; border-radius: 20px; padding: 40px}
.classes-page-enrollments-list-sections h1 {font-family: 'Muli', sans-serif; font-weight: bold; font-size: 22pt; line-height: 34px; color: #212121}
.classes-page-enrollments-list-sections h5 {font-family: 'Muli', sans-serif; font-weight: bold; font-size: 11pt; line-height: 20px; color: #666666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-box-pack: center; overflow: hidden; text-overflow: ellipsis; }
.classes-page-enrollments-list-sections p {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 11pt; color: #666666}
.classes-page-enrollments-list-section-title {margin-bottom: 20px}
.classes-page-enrollments-list-section-subtitle {margin-bottom: 20px}
.classes-page-enrollments-list-section-item {width: 25%; padding: 10px; display: inline-block; vertical-align: top}
.classes-page-enrollments-list-section-item-body {padding: 10px; border: 1px solid #e7e7e7; border-radius: 4px; width: 100%;}
.classes-page-enrollments-list-section-item-body:hover {background-color: rgba(0, 0, 0, 0.1);}
.classes-page-enrollments-list-section-item-title-container {margin-top: 8px; height: 40px; display: flex; align-items: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.classes-page-enrollments-list-section-item-image-container .missing-figure {padding-top: 100%; width: 100%; background-color: #666666; position: relative;}
.classes-page-enrollments-list-section-item-image-container .missing-figure:before {content: "\f03e"; font-family: "FontAwesome"; vertical-align: middle; font-size: 20pt; position: absolute; top: calc(50% - 14px); left: calc(50% - 14px); width: 28px; height: 28px; line-height: 28px; color: #ffffff}
.classes-page-enrollments-list-section-item-image-container figure {aspect-ratio: 1/1}
.classes-page-enrollments-list-section-item-image-container figure img {object-fit: cover; width: 100%; height: 100%; object-position: center;}
.classes-page-enrollments-list-section-item-add-class-button-container, .add-item-button-container {text-align: left; margin-top: 20px}
.classes-page-enrollments-list-section-item-add-class-button, .add-item-button {cursor: pointer; display: inline-block; position: relative;}
.classes-page-weekly-class-link-section {margin-bottom: 20px; text-align: right;}
.classes-page-weekly-class-link-button {color: #1CB9EB; border: 1px solid #1CB9EB; border-radius: 30px; padding: 10px 20px; font-weight: 600}
.classes-page-weekly-class-link-button:hover {background-color: #1CB9EB; color: #ffffff; border: 1px solid #1CB9EB;}
.classes-page-weekly-class-link-button:after {content: "\f178"; font-family: 'FontAwesome';font-size: 13px; margin-left: 6px;}
.classes-page-enrollments-list-section-item-image-container {position: relative; display: block}
.classes-display-image-buttons-container {position: absolute; right: 26px; top: 26px; z-index: 2}
.classes-display-image-button {display: inline-block; text-align: center; margin-left: 6px; height: 30px; width: 30px; border-radius: 30px; background-color: rgba(0, 0, 0, 0.5); cursor: pointer;}
.classes-display-image-button:hover {background-color: rgba(0, 0, 0, 0.8)}
.classes-display-image-button-icon:before {font-family: 'FontAwesome';font-size: 11pt; display: inline-block; line-height:30px; color:#ffffff}
.classes-display-image-button-remove .classes-display-image-button-icon:before {content:"\f1f8"}
.classes-display-image-button-change .classes-display-image-button-icon:before {content:"\f0ec"}
.classes-page-enrollments-list-section-item {position: relative;}
.edit-enrollments-section-body {position: relative; min-height: 140px}
.edit-enrollments-section-body-add-enrollments-section {position: relative;}
.admin-panel-classes-list-container {position: relative;}
.class-list-student-li-action-button {display: inline-block; margin-left: 4px; border-radius: 4px; padding: 2px 4px; border: 1px solid #1CB9EB; cursor: pointer;}
.class-list-student-li-action-button:hover {background-color: #1CB9EB}
.class-list-student-li-action-button:hover span {color: #ffffff}
.class-list-student-li-action-button span {font-family: 'Muli', sans-serif; color: #1CB9EB; font-size: 9pt; line-height: 14px; font-weight: normal;}
.class-list-student-li-action-button span:before {content: "+"; font-weight: bold; font-size: 10pt; line-height: 14px; margin-right: 4px}

.header-page-title span {font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt; color: #212121}
.discussions-logo:before {content: "\f4ad"; font-family: 'Font Awesome 5 Free';font-size: 12pt; margin-right: 4px}
.discussions-logo {font-family: 'Oswald', sans-serif; font-weight: 600; color: #36b1ff; font-size: 12pt; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.flashcard-mode-logo em {background-color: #705AF4; color: #ffffff; padding: 4px}
.flashcard-mode-logo {font-family: 'Oswald', sans-serif; font-weight: 600; color: #705AF4; font-size: 12pt; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.flashcard-mode-head-right .info-indicator:hover {color: #705AF4; border-color: #705AF4}
.flashcard-mode-question-type-filters-section {margin-bottom: 20px}
.flashcard-mode-question-type-filters-section-title-container {position: relative;}
.flashcard-mode-question-type-filters-section-title {color: #999999; text-transform: uppercase; font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: 600; line-height: 30px; margin-bottom: 10px;}
.flashcard-mode-question-type-filters-section-select-all-button {position: absolute; right: 0; top: 0; line-height: 30px; cursor: pointer; font-size: 9pt; color: #36b1ff; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.flashcard-mode-question-type-filters-section-select-all-button:hover {font-weight: 600}
.flashcard-mode-question-type-filters-section-title-container:after {content: "";position: absolute; left: 0; top: 100%; right: 0; height: 1px; display: block; background-color: #e7e7e7}
.flashcard-mode-question-type-filter-item {color: #999999; font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: 600; position: relative; line-height: 30px; margin-bottom: 0 !important}
.flashcard-mode-question-type-filter-item:hover {color: #666666}
.flashcard-mode-question-type-filter-item.active {color: #705AF4}
.flashcard-mode-question-type-filter-item.active:hover {color:#eb1f48 !important}
.flashcard-mode-question-type-filter-item.active:after {content: "\f00d"; font-family: 'Font Awesome 5 Free';font-size: 8pt; border: 1px solid #705AF4; border-radius: 20px; height: 18px; width: 18px; line-height: 16px; text-align: center; margin-top: 4px; position: absolute; right: 0}
.flashcard-mode-question-type-filter-item.active:hover:after {border: 1px solid #eb1f48}
.flashcard-mode-question-type-filters-sections-title {color: #212121; font-family: 'Muli', sans-serif; font-weight: bold; font-size: 14pt; margin-bottom: 20px}
.flashcard-progress-container-bottom {margin-top: 4px; height: 20px}
.flashcard-progress-bar-subtext {color: #666666; font-size: 9pt; font-family: 'Muli', sans-serif; font-weight: normal; display: inline-block; line-height: 20px; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.flashcard-prev-button {display: inline-block; margin-right: 10px; cursor: pointer; position: relative;}
.flashcard-next-button {display: inline-block; margin-left: 10px; cursor: pointer; position: relative;}
.flashcard-prev-button.disabled:after, .flashcard-next-button.disabled:before {color: transparent; cursor: default;}
.flashcard-prev-button:after {content: "\f177"; font-family: 'FontAwesome';font-size: 18pt; line-height: 20px; color: #999999; vertical-align: middle;}
.flashcard-next-button:before {content: "\f178"; font-family: 'FontAwesome';font-size: 18pt; line-height: 20px; color: #705AF4; vertical-align: middle;}
.flashcard-empty-state-icon:before {content: ""; position: relative; display: block; margin: 0 auto 20px auto; text-align: center; background: url(../images/no-assignments-icon.svg) no-repeat; background-size: contain; width: 300px; height: 300px; opacity: 0.5;}
.flashcard-empty-state-container {display: block; text-align: center; margin-top: 80px}
.flashcard-empty-state-text {margin-top: 40px; font-family: 'Muli', sans-serif; font-weight: normal; color: #666666}
.flashcard-container {padding: 80px 80px 40px 20px}
.flashcard-container-left {display: inline-block; vertical-align: top; width: 80px; margin-right: 20px; text-align: center; padding-top: 2px}
.flashcard-container-body {display: inline-block; vertical-align: top; width: calc(100% - 100px)}
.flashcard-star-button, .flashcard-options-button {cursor: pointer; text-align: center; display: inline-block; position: relative;}
.flashcard-star-button:after {content: "\f005"; font-family: 'Font Awesome 5 Free';font-size: 24pt; display: inline-block; line-height:38px; color:#999999; font-weight:900}
.flashcard-star-button:hover:after, .flashcard-star-button.active:after {color: #FFD34F}
.flashcard-options-button-container {margin-top: 10px}
.flashcard-options-button:after {content: "\f141"; font-family: 'Font Awesome 5 Free';font-size: 15pt; display: inline-block; line-height:38px; color:#666666; font-weight:900}
.flashcard-options-button:hover:after {color: #212121}
.flashcard-show-answer-button-container {margin-top: 10px}
.flashcard-show-answer-button {cursor: pointer; font-family: 'Muli', sans-serif; font-weight: 600; color: #1CB9EB; font-size: 10pt; border: 1px solid #1CB9EB; border-radius: 20px; padding: 10px}
.flashcard-show-answer-button:hover {background-color: #1CB9EB; color: #ffffff}
.flashcard-solution-container {margin-top: 10px; position: relative; display: none}
.flashcard-solution-container-title:before {content: ""; background-color: #e7e7e7; display: block; position: absolute; left: 0; height: 1px; top: 10px; width: calc(50% - 40px)}
.flashcard-solution-container-title:after {content: ""; background-color: #e7e7e7; display: block; position: absolute; right: 0; height: 1px; top: 10px; width: calc(50% - 40px)}
.flashcard-solution-container-title {font-family: 'Muli', sans-serif; margin-bottom: 40px; font-weight: 600; color: #666666; text-align: center;}
.flashcard-short-answer-field-solution-container {padding: 10px; border-radius: 4px; border: 1px solid #e7e7e7}
.flashcard-short-answer-field-solution-container-title, .flashcard-multiple-choice-options-title, .flashcard-multiple-choice-option-explanation-title {font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt; color: #666666; margin-bottom: 10px}
.flashcard-short-answer-field-solution-container-accepted-answers {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 9pt; color: #666666;}
.flashcard-short-answer-field-solution-container:not(:first-child) {margin-top: 10px}
.flashcard-multiple-choice-option-container {padding: 10px; border-radius: 8px; border: 1px solid #e7e7e7; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);}
.flashcard-multiple-choice-option-container.unselected {cursor: pointer;}
.flashcard-multiple-choice-option-wrapper:not(:first-child) {margin-top: 10px}
.flashcard-multiple-choice-option-container.correct {background-color: rgba(28, 185, 235, 0.1); border: 1px solid transparent;}
.flashcard-multiple-choice-option-container.incorrect {background-color: rgba(235, 31, 72, 0.1); border: 1px solid transparent;}
.flashcard-multiple-choice-option-letter {display: inline-block; width: 20px; margin-right: 10px; text-align: center; color: #666666; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 9pt; vertical-align: top; margin-top: 8px; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.flashcard-multiple-choice-option-body {display: inline-block; width: calc(100% - 30px)}
.flashcard-multiple-choice-options-wrapper {margin-bottom: 40px}
.flashcard-multiple-choice-option-prefix span {font-size: 9.5pt; font-weight: bold; font-family: 'Muli', sans-serif;}
.flashcard-multiple-choice-option-prefix.correct span {color: rgba(28, 185, 235, 1)}
.flashcard-multiple-choice-option-prefix.incorrect span {color: rgba(235, 31, 72, 1)}
.flashcard-multiple-choice-option-explanation-container {margin-top: 6px; padding: 10px; background: rgba(255, 255, 255, 0.6); border-radius: 8px;}
.flashcard-multiple-choice-option-prefix {margin-bottom: 6px}
.flashcard-container .question-code-test-case-body, .flashcard-container .question-code-unit-test-body, .flashcard-container .student-response-text-area-section {margin-bottom: 40px}

.new-discussion-class-title-container {margin-bottom: 20px;}
.new-discussion-class-title-container span {border-radius: 8px; padding: 10px; background-color: #e7e7e7; color: #666666; font-weight: 600}
.new-discussion-title-container {position: relative; padding: 10px 0; margin-bottom: 20px}
.new-discussion-title-container:after {content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 1px; background-color: #e7e7e7; display: block;}
.new-discussion-title-textarea {font-family: 'Merriweather', serif; font-size: 12pt; font-weight: normal; color: #212121; width: 100%; line-height: 30px}
.new-discussion-body-container, .discussion-responses-new-response-container, .discussion-responses-edit-response-container {border: 1px solid #e7e7e7; padding: 10px; border-radius: 8px; margin-bottom: 20px}
.discussions-editor-toolbar .oc-text-editor-toolbar-main-options, .lesson-question-editor-toolbar .oc-text-editor-toolbar-main-options {text-align: center; position: relative;}
.discussions-editor-toolbar .oc-text-editor-toolbar-main-options:after, .lesson-question-editor-toolbar .oc-text-editor-toolbar-main-options:after {content:"";position: absolute; left: 0; right: 0; top: 100%; height: 1px; background-color: #e7e7e7; display: block;}
.new-discussion-body-container .oc-text-editor-content {min-height: 190px !important}
.oc-text-editor-content {cursor: text}
.discussion-responses-new-response-container .oc-text-editor-content, .discussion-responses-edit-response-container .oc-text-editor-content {min-height: 70px !important}
.new-discussion-additional-options-container {margin-bottom: 20px; position: relative; padding-bottom: 20px}
.new-discussion-additional-options-container:after {content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 1px; background-color: #e7e7e7; display: block;}
.new-discussion-additional-option {display: inline-block; padding: 10px 20px; border-radius: 40px; cursor: pointer; background-color: rgba(54, 177, 255, .15); position: relative;}
.new-discussion-additional-option-title {color: #36b1ff; font-weight: 600}
.new-discussion-additional-option[data-type="type"] .new-discussion-additional-option-title:before {content:"\f0c3"; font-family: 'Font Awesome 5 Free'; margin-right: 10px}
.new-discussion-additional-option[data-type="tags"] .new-discussion-additional-option-title:before {content:"\f02b"; font-family: 'Font Awesome 5 Free'; margin-right: 10px}
.new-discussion-additional-option[data-type="pinned"] .new-discussion-additional-option-title:before {content:"\f08d"; font-family: 'Font Awesome 5 Free'; margin-right: 10px}
.new-discussion-additional-option[data-type="disable-responses"] .new-discussion-additional-option-title:before {content:"\f4b3"; font-family: 'Font Awesome 5 Free'; margin-right: 10px}
.new-discussion-additional-option.active {background-color: #36b1ff;}
.new-discussion-additional-option.active .new-discussion-additional-option-title {color: #ffffff}
.new-discussion-additional-option[data-type="pinned"].active .new-discussion-additional-option-title:after, .new-discussion-additional-option[data-type="disable-responses"].active .new-discussion-additional-option-title:after {content:"\f00d"; font-family: 'Font Awesome 5 Free'; margin-left: 10px}
.new-discussion-additional-option:not(:last-child) {margin-right: 4px}
.new-discussion-additional-option:not(.active):hover, .new-discussion-additional-option:not(.active).selected {background-color: rgba(54, 177, 255, .3);}
.new-discussion-additional-option.destructive:not(.active) {background-color: rgba(235, 31, 72, .15);}
.new-discussion-additional-option.destructive:not(.active):hover {background-color: rgba(235, 31, 72, .3);}
.new-discussion-additional-option.destructive:not(.active) .new-discussion-additional-option-title {color: #eb1f48}
.new-discussion-additional-option.destructive.active {background-color: #eb1f48;}
.new-discussion-additional-option.destructive.active .new-discussion-additional-option-title {color: #ffffff}
.new-discussion-additional-option.selected .new-discussion-additional-option-overlay {display: block;}
.new-discussion-additional-option-overlay.hide {display: none !important}
.new-discussion-additional-option-overlay {position: absolute; bottom: calc(100% + 4px); left: 0; width: 200px; max-height: 350px; overflow: scroll; display: none; background-color: #ffffff; z-index: 3; border-radius: 3px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); cursor: default; text-align: left;}
.new-discussion-additional-option-overlay.align-right {left: unset; right: 0; }
.new-discussion-additional-option-overlay.no-padding {bottom: 100%}
.new-discussion-additional-option-overlay-title, .new-discussion-additional-option-overlay-list-title, .modal-dropdown-options-title {padding: 10px}
.new-discussion-additional-option-overlay-title span, .new-discussion-additional-option-overlay-list-title span, .modal-dropdown-options-title span {font-family: 'Muli', sans-serif; font-size: 8pt; text-transform: uppercase; font-weight: 600; color: #666666}
.new-discussion-additional-option-overlay-search-bar {padding: 10px; position: relative;}
.new-discussion-additional-option-overlay-search-bar:before {content:"\f002"; font-family: 'FontAwesome'; position: absolute; left: 10px; top: 12px; display: block; color: #999999}
.new-discussion-additional-option-overlay-search-bar:after {content:""; position: absolute; left: 10px; right: 10px; height: 1px; top: 100%; background-color: #e7e7e7; display: block;}
.new-discussion-additional-option-overlay-search-bar input {margin-left: 20px; font-family: 'Muli', sans-serif; font-weight: normal; font-size: 10pt; color: #212121}
.new-discussion-additional-option-overlay-search-bar {cursor: text;}
.new-discussion-additional-option-overlay-option, .modal-dropdown-option {cursor: pointer; padding: 10px}
.new-discussion-additional-option-overlay-option:hover, .modal-dropdown-option:hover {background-color: rgba(54, 177, 255, .15)}
.new-discussion-additional-option-overlay-option span, .new-discussion-additional-option-overlay-list-item span, .modal-dropdown-option span {font-family: 'Muli', sans-serif; font-weight: 600; color: #212121; font-size: 10pt}
.new-discussion-additional-option-overlay-list-label-item span {font-family: 'Muli', sans-serif; font-weight: normal; color: #666666; font-size: 10pt}
.new-discussion-additional-option-overlay-list.current .new-discussion-additional-option-overlay-list-item span:before {content:"\f00d"; font-family: 'Font Awesome 5 Free'; margin-right: 10px; color: #eb1f48; font-size: 9pt;}
.new-discussion-additional-option-overlay-list-item span:before {content:"\2b"; font-family: 'Font Awesome 5 Free'; margin-right: 10px; color: #36b1ff; font-size: 13pt}
.new-discussion-additional-option-overlay-option.checked span:before, .modal-dropdown-option.checked span:before {content:"\f00c"; font-family: 'Font Awesome 5 Free'; color: #36b1ff; margin-right: 10px}
.new-discussion-additional-option-overlay-list-item {padding: 10px; cursor: pointer; position: relative; word-wrap: break-word;}
.new-discussion-additional-option-overlay-list-label-item {padding: 10px;cursor: default;position: relative;}
.new-discussion-additional-option-overlay-list-item:not(.label):hover {background-color: rgba(54, 177, 255, .15)}
.new-discussion-additional-option-overlay-list.current .new-discussion-additional-option-overlay-list-item:hover {background-color: rgba(235, 31, 72, .15)}
.new-discussion-additional-option-overlay-list-container.empty {display: none}
.new-discussion-additional-option-overlay-list {position: relative; min-height: 40px}
.new-discussion-additional-option-overlay-list.loading li {display: none}
.new-discussion-additional-option-overlay-list.loading:after {content: ""; border: 3px solid transparent; border-top: 3px solid #36b1ff; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 8px);left:calc(50% - 8px); display: block;}
.new-discussion-post-button-container {text-align: right;}
.new-discussion-post-as-container {display: inline-block;}
.new-discussion-post-as-container .small-dropdown-option-select-container:hover .new-discussion-additional-option-overlay {display: block;}
.new-discussion-post-button, .new-discussion-save-changes-button, .discussions-post-response-button, .discussions-save-response-edits-button {margin-left: 20px; border: 1px solid #36b1ff; border-radius: 40px; display: inline-block; padding: 20px; cursor: pointer; position: relative;}
.new-discussion-post-button span, .new-discussion-save-changes-button span, .discussions-post-response-button span, .discussions-save-response-edits-button span {color: #36b1ff; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt}
.new-discussion-post-button:hover, .new-discussion-save-changes-button:hover, .discussions-post-response-button:hover, .discussions-save-response-edits-button:hover {background-color: #36b1ff}
.new-discussion-post-button:hover span, .new-discussion-save-changes-button:hover span, .discussions-post-response-button:hover span, .discussions-save-response-edits-button:hover span {color: #ffffff}
.new-discussion-post-button.loading, .new-discussion-save-changes-button.loading, .discussions-post-response-button.loading, .discussions-save-response-edits-button.loading {background-color: #ffffff !important; cursor: default;}
.new-discussion-post-button.loading:after, .new-discussion-save-changes-button.loading:after, .discussions-post-response-button.loading:after, .discussions-save-response-edits-button.loading:after {content: ""; border: 3px solid transparent; border-top: 3px solid #36b1ff; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 8px);left:calc(50% - 8px); display: block;}
.new-discussion-post-button.loading span, .new-discussion-save-changes-button.loading span, .discussions-post-response-button.loading span, .discussions-save-response-edits-button.loading span {opacity: 0}
#class-page-discussions-page .discussions-list {border: 1px solid #e7e7e7; padding: 0 10px; background-color: #ffffff; border-radius: 10px}
#class-page-discussions-page .discussion-item:last-child {border-bottom: 0px}
#class-page-discussions-page .start-discussion-button {display: inline-block; width: unset; padding: 8px 20px; border-radius: 100px}
#class-page-discussions-page .start-discussion-button .build-assignment-button-title {font-size: 10pt}
.discussions-list-container {position: relative; width: 100%; display: block;}
.class-roster-container {position: relative;}
.class-roster-container.loading {height: 400px}
.class-roster-container.loading:after {content: ""; border: 6px solid transparent; border-top: 6px solid #36b1ff; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; position: absolute; top: 100px;left:calc(50% - 15px); display: block;}
.discussions-list-container.loading {margin-bottom: 200px}
.discussions-list-container.loading:after {content: ""; border: 6px solid transparent; border-top: 6px solid #36b1ff; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; position: absolute; top: calc(100% + 85px);left:calc(50% - 15px); display: block;}
.discussion-item {display: block; padding: 20px 10px; border-bottom: 1px solid #e7e7e7; position: relative;}
.discussion-item .discussion-item-title {display: inline;}
.discussion-item .discussion-item-title span {font-family: 'Muli', sans-serif; font-size: 14pt; line-height: 26px; font-weight: normal; color: #36b1ff; vertical-align: middle;}
.discussion-item .discussion-item-title:hover span {text-decoration: underline;}
.discussion-item .discussion-item-title {vertical-align: middle;}
/*.discussion-item:hover:before {content: ""; position: absolute; left: 0; top: 10px; bottom: 10px; width: 2px; background-color: #666666; display: block;}*/
.discussion-item:before {content: ""; position: absolute; left: 0px; top: 10px; bottom: 10px; right: 0px; border-radius: 10px; background-color: #ffffff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); display: block; z-index: -1}
.discussion-item[data-unread='true'] .discussion-item-title span {font-weight: bold;}
.discussion-item[data-unread='true'] .discussion-item-title:before {content: "\f111"; font-family: 'Font Awesome 5 Free'; margin-right: 10px; font-size:7pt; line-height: 4px; font-weight:bold; color: #36b1ff }
.discussion-item-bottom {margin-top: 6px}
.discussion-posted-by-section span, .discussion-last-update-section span, .discussion-edited-by-section span {font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: normal; color: #666666}
.discussion-posted-by-section, .discussion-edited-by-section {display: inline-block;}
.discussion-edited-by-section {margin-left: 4px}
.discussion-last-update-section {float: right;}
.discussion-item-top {margin-bottom: 10px}
.discussion-item-indicator {display: inline-block; font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: 600; color: #666666}
.discussion-item-indicator:not(:last-child) {margin-right: 20px}
.discussions-side-bar .discussion-item .discussion-item-indicator:not(:last-child) {margin-right: 10px}
.discussion-item-indicator[data-type='pinned']:before {content: "\f08d"; font-family: 'Font Awesome 5 Free'; margin-right: 4px}
.discussion-item-indicator[data-type='instructor-led']:before {content: "\f5d1"; font-family: 'Font Awesome 5 Free'; margin-right: 4px}
.discussion-item-indicator[data-type='resolved']:before {content: "\f14a"; font-family: 'Font Awesome 5 Free'; margin-right: 4px}
.discussion-item-indicator[data-type='note']:before {content: "\f249"; font-family: 'Font Awesome 5 Free'; margin-right: 4px}
.discussion-item-indicator[data-type='announcement']:before {content: "\f0a1"; font-family: 'Font Awesome 5 Free'; margin-right: 4px}
.discussion-item-indicator[data-type='discussion']:before {content: "\f086"; font-family: 'Font Awesome 5 Free'; margin-right: 4px}
.discussion-item-indicator[data-type='question']:before {content: "\f059"; font-family: 'Font Awesome 5 Free'; margin-right: 4px}
.discussion-item-left {display: inline-block; width: calc(100% - 164px); margin-right: 4px; vertical-align: top}
.discussion-item-right {display: inline-block; width:160px; vertical-align: top; text-align: right;}
.discussion-item-response-count {text-align: center; width: 100px; display: inline-block; border-radius: 4px; background-color: #666666; padding: 4px}
.discussion-item-response-count-value {font-weight: bold; font-family: 'Muli', sans-serif; font-size: 12pt; color: #ffffff; margin-bottom: 4px}
.discussion-item-response-count-label {font-weight: normal; font-family: 'Muli', sans-serif; font-size: 10pt; color: #ffffff}
.discussion-item-tags-section {margin-top: 10px}
.discussion-item-tag {display: inline-block; cursor: pointer; padding: 2px 4px; border: 1px solid #36b1ff; border-radius: 4px;}
.discussion-item-tag span {color: #36b1ff; font-family: 'Muli', sans-serif; font-size: 9pt}
.discussion-item-tag:not(:last-child) {margin-right: 4px}
.discussion-item-tag:hover {background-color: #36b1ff}
.discussion-item-tag:hover span {color: #ffffff}
.discussions-list-load-more-button-container {margin-top: 20px}
.discussions-list-load-more-button {font-family: 'Muli', sans-serif; font-size: 10pt; color: #36b1ff; cursor: pointer; display: inline-block;}
.discussions-search-and-filters-container {margin-bottom: 20px; vertical-align: top;}
.catalog-search-bar {margin-bottom: 20px}
.discussions-search-bar, .catalog-search-bar {width: 100%; position: relative; display: inline-block; cursor: text; background-color: #F9F9F9;border-radius: 4px;padding: 16px;border: 1px solid #e7e7e7; position: relative; vertical-align: top}
.discussions-search-bar:before, .catalog-search-bar:before {content: ""; background: url(/images/search-icon.svg) no-repeat left; background-size: contain; width: 14px; height: 15px; position: absolute; top: 18px; left: 18px;}
.discussions-search-bar input, .catalog-search-bar input {margin-left: 36px; font-family: 'Muli', sans-serif; font-weight: normal; font-size: 11pt; color: #212121; width: calc(100% - 20px); background-color: transparent;}
.discussions-filters-button-container {margin-top: 20px}
.discussions-filters-button {cursor: pointer; display: inline-block;}
.discussions-filters-button span {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 9.5pt; color: #666666;}
.discussions-filters-button span:after {content: "";background: url(/images/filter-icon.svg) no-repeat left;background-size: contain; vertical-align: middle; width: 34px; height: 14px; position: relative; display: inline-block; margin-left: 10px;}
.discussions-filters-button:hover span {text-decoration: underline;}
.discussions-search-and-filters-container.show-filters .discussions-filters-button span:after {content: "";background: url(/images/filter-active-icon.svg) no-repeat left;background-size: contain; vertical-align: middle; width: 34px; height: 14px; position: relative; display: inline-block; margin-left: 10px;}
.discussions-filter {display: inline-block; vertical-align: top; width: calc(25% - 15px)}
.discussions-filter:not(:first-child) {margin-left: 20px}
.discussions-filter-title span {font-family: 'Muli', sans-serif; color: #999999; font-size: 9pt; text-transform: uppercase; font-weight: 600; line-height: 30px;}
.discussions-filter-title {position: relative;margin-bottom: 10px;}
.discussions-filter-title:after {content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 1px; background-color: #999999}
.discussions-filters-container {margin-top: 10px; display: none; background-color: #F9F9F9; padding: 20px; border-radius: 10px; border: 1px solid #e7e7e7}
.discussions-search-and-filters-container.show-filters .discussions-filters-container {display: block;}
.discussions-filter-option {cursor: pointer; position: relative; padding: 0 !important; margin: 0 !important}
.discussions-filter-option span {font-family: 'Muli', sans-serif; font-weight: 600; font-size: 9pt; line-height: 30px; color: #999999}
.discussions-filter-label-option {cursor: default !important; margin: 0 !important}
.discussions-filter-label-option span {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 9pt; line-height: 30px; color: #212121}
.discussions-filter-option:hover span {color: #666666}
.discussions-filter-option.active span {color: #705AF4}
.discussions-filter-option.active:hover span {color:#eb1f48 !important}
.discussions-filter-option.active:after {content: "\f00d"; font-family: 'Font Awesome 5 Free';font-size: 8pt; font-weight: 900; color: #705AF4; border: 1px solid #705AF4; border-radius: 20px; height: 18px; width: 18px; line-height: 16px; text-align: center; margin-top: 4px; position: absolute; right: 0}
.discussions-filter-option.active:hover:after {border: 1px solid #eb1f48; color: #eb1f48}
.discussions-filter-search {cursor: text; position: relative; padding: 2px 4px; background-color: #ffffff; border: 1px solid #e7e7e7; border-radius: 10px; margin-bottom: 2px; margin-top: 2px}
.discussions-filter-search input {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 9pt; line-height: 20px; color: #666666; background-color: transparent; margin-left: 20px;}
.discussions-filter-search:before {content: ""; background: url(/images/search-icon.svg) no-repeat left; background-size: contain; width: 14px; height: 15px; position: absolute; top: 5px; left: 4px;}
.discussions-filter-options {position: relative;}
.discussions-filter-options.loading li {display: none}
.catalog-assignments-list-message span {font-family: 'Muli', sans-serif; font-size: 11pt; font-weight: normal; color: #666666}
.catalog-assignments-list {position: relative;}
.catalog-assignments-list.loading {margin-bottom: 200px; min-height: 1px}
.catalog-assignments-list.loading:after {content: ""; border: 6px solid transparent; border-top: 6px solid #705AF4; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; position: absolute; top: calc(100% + 35px);left:calc(50% - 15px); display: block;}
.discussions-filter-options.loading {height: 60px}
.discussions-filter-options.loading:after {content: ""; border: 3px solid transparent; border-top: 3px solid #705AF4; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 8px);left:calc(50% - 8px); display: block;}
.discussions-message {margin-top: 40px; font-family: 'Muli', sans-serif; font-size: 11pt; font-weight: normal; color: #666666}
.discussion-item.active {background-color: rgba(54, 177, 255, 0.2);}
.discussions-side-bar .build-assignment-buttons-container {padding: 20px 20px 0 20px; margin-bottom: 0}
.discussions-side-bar .discussions-search-and-filters-container {padding: 14px; margin-bottom: 0}
.discussions-side-bar .discussions-search-bar-container.with-create-button .start-discussion-button .build-assignment-button-title {text-align: center; font-family: 'Muli', sans-serif; color: #ffffff; font-weight: bold; font-size: 10pt; display: block;}
.discussions-side-bar .discussions-search-bar-container.with-create-button .start-discussion-button {padding: 14px 4px; width: 80px !important; display: inline-block;}
.discussions-side-bar .discussions-search-bar-container.with-create-button .discussions-search-bar input {font-size: 10pt}
.discussions-side-bar .discussions-search-bar-container.with-create-button .discussions-search-bar {border-radius: 10px; padding: 14px; width: calc(100% - 90px); margin-right: 10px; display: inline-block;}
.discussions-side-bar .discussions-search-bar-container.with-create-button .discussions-search-bar:before {content: ""; background: url(/images/search-icon.svg) no-repeat left; background-size: contain; width: 14px; height: 15px; position: absolute; top: 16px; left: 18px;}
.discussions-side-bar .discussions-filters-button-container {margin-top: 10px}
.discussions-side-bar .discussions-filter {width: 100%; margin: 0}
.discussions-side-bar .discussions-filter:not(.active) {display: none}
.discussions-filters-section-option span {font-family: 'Muli', sans-serif; color: #999999; font-size: 9pt; text-transform: uppercase; font-weight: 600; line-height: 30px;}
.discussions-filters-section-option.active span {color: #705AF4}
.discussions-filters-section-option:not(.active):hover span {color: #666666}
.discussions-filters-section-option {display: inline-block; cursor: pointer;}
.discussions-filters-section-option:not(:last-child) {margin-right: 20px}
.discussions-filters-sections-selector {position: relative;margin-bottom: 10px;}
.discussions-filters-sections-selector:after {content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 1px; background-color: #999999}
.discussions-side-bar .discussions-filter-title {display: none}
.discussions-side-bar .discussions-filters-container {padding: 4px 10px}
.discussions-side-bar .no-discussions-message {padding: 20px; color: #999999}
.discussions-side-bar .discussion-item {padding: 10px}
.discussions-side-bar .discussion-item:first-child {border-top: 1px solid #e7e7e7;}
.discussions-side-bar .discussion-item:before {display: none}
.discussions-side-bar .discussion-item-right {display: none}
.discussions-side-bar .discussion-item-left {width: 100%}
.discussions-side-bar .discussion-item-tags-section {display: none}
.discussions-side-bar .discussion-last-update-section {display: inline-block; float: unset; margin-left: 20px;}
.discussions-side-bar .discussions-message {padding: 0 20px; text-align: center; margin-top: 10px; font-weight: normal; color: #666666}
.discussions-side-bar .discussion-item:not(.active) {cursor: pointer;}
.discussions-side-bar .discussion-item.active {cursor: default;}
.discussions-side-bar .discussion-item:not(.active):hover {background-color: rgba(0, 0, 0, 0.05);}
.discussions-side-bar .discussion-item-title {cursor: unset;}
.discussions-side-bar .discussion-item-title:hover span {text-decoration: none;}
.discussion-page-main-body {padding: 40px; position: relative;}
.discussion-page-main-body.loading {height: 500px}
.discussion-page-main-body.loading:after {content: ""; border: 6px solid transparent; border-top: 6px solid #36b1ff; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 15px);left:calc(50% - 15px); display: block;}
.discussion-main-post-title-container, .discussion-main-post-body-container, .discussion-main-post .discussion-item-top {margin-bottom: 30px}
.discussion-main-post .discussion-posted-by-section span, .discussion-main-post .discussion-edited-by-section span {font-size: 10pt;}
.discussion-main-post .discussion-edited-by-section span {font-style: italic;}
.discussion-main-post .discussion-item-tag span {font-size: 10pt;}
.discussion-main-post .discussion-item-tags-section {margin-top: 10px}
.discussion-main-post-bottom {position: relative; border-bottom: 1px solid #e7e7e7;}
.discussion-main-post-bottom {padding: 0 0 20px 0}
.discussion-post-edit-button {color: #705AF4; cursor: pointer; float: right;}
.discussion-post-edit-button:before {content: "\f044"; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right: 4px;}
.discussion-post-edit-button:hover span {text-decoration: underline;}
.delete-discussion-button-container {margin-top: 20px; text-align: right;}
.delete-discussion-button {border: 1px solid #eb1f48; border-radius: 40px; display: inline-block; padding: 20px; cursor: pointer; position: relative;}
.delete-discussion-button span {color: #eb1f48; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt}
.delete-discussion-button:hover {background-color: #eb1f48}
.delete-discussion-button:hover span {color: #ffffff}
.edit-discussion-back-button-container {margin-bottom: 40px}
.edit-discussion-back-button {cursor: pointer;}
.edit-discussion-back-button span {color: #705AF4; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt}
.edit-discussion-back-button:before {content: "\f30a"; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right: 4px; color: #705AF4;}
.edit-discussion-back-button:hover span {text-decoration: underline;}
.discussion-responses-disabled-container {margin-top: 40px; margin-bottom: 40px}
.discussion-responses-disabled-container p {text-align: center; color: #eb1f48; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt}
.discussion-responses-disabled-container p:before {content:"\f4b3";font-family: 'Font Awesome 5 Free'; margin-right: 10px}
.discussion-responses-section-top-response-count {}
.discussion-responses-section-top {padding: 20px 0; border-bottom: 1px solid #e7e7e7; display: flex; justify-content: space-between;}
.discussion-responses-new-response-container {margin-top: 40px}
.discussion-responses-section-top-response-count span {font-family: 'Muli', sans-serif; font-weight: 600; color: #666666; font-size: 10pt; line-height: 33px}
.discussions-add-reaction-button, .discussions-toggle-subscription-button, .discussions-toggle-endorsement-button, .discussions-toggle-reply-button {cursor: pointer; padding: 6px 8px; background-color: #e7e7e7; border-radius: 10px; border: 1px solid #e7e7e7}
.discussions-add-reaction-button span, .discussions-toggle-endorsement-button span, .discussions-toggle-reply-button {font-family: 'Muli', sans-serif; font-weight: 600; color: #666666; font-size: 10pt}
.discussions-add-reaction-button:hover span, .discussion-reaction-section.active .discussions-add-reaction-button span, .discussions-toggle-endorsement-button:hover span, .discussions-toggle-reply-button:hover span, .discussions-toggle-reply-button.active span {color: #212121;}
.discussions-toggle-reply-button span:before {content:"\f3e5";font-family: 'Font Awesome 5 Free'; margin-right: 4px}
.discussions-add-reaction-button:hover, .discussion-reaction-section.active .discussions-add-reaction-button, .discussions-toggle-subscription-button:hover, .discussions-toggle-endorsement-button:hover, .discussions-toggle-reply-button:hover, .discussions-toggle-reply-button.active {border: 1px solid #666666}
.discussion-reaction-section {position: relative; display: inline-block;}
.discussion-reaction-section.active .discussion-reaction-options-container {display: block;}
.discussion-reaction-options-container {position: absolute; left: 0; bottom: calc(100% + 4px); border-radius: 3px; padding: 4px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); border-radius: 10px; background-color: #ffffff; white-space: nowrap; display: none}
.discussion-reaction-options-section-options {display: inline-block;text-align: center;}
.discussion-reaction-options-section {display: inline-block; min-width: 130px; text-align: center; position: relative;}
.discussion-reaction-options-section:not(:last-child) {margin-right: 8px; }
.discussion-reaction-options-section:not(:last-child):after {content: ""; position: absolute; left: calc(100% + 4px); top: 2px; bottom: 2px; width: 1px; background-color: #e7e7e7; display: block;}
.discussion-reaction-options-section-option {display: inline-block; width: 30px; height: 30px; cursor: pointer; position: relative; border-radius: 10px }
.discussion-reaction-options-section-option:not(:last-child) {margin-right: 4px}
.discussion-reaction-options-section-option span {font-size: 14pt; line-height: 30px; position: absolute; left: 5px}
.discussion-reaction-options-section-option:hover {background-color: rgba(54, 177, 255, 0.2);}
.discussion-reaction-options-section-option[data-type='negative']:hover {background-color: rgba(235, 31, 72, 0.2);}
.discussion-reaction-options-section-title {text-align: center; margin-bottom: 4px; cursor: default;}
.discussion-reaction-options-section-title span {font-family: 'Muli', sans-serif; color: #999999; font-size: 9pt; text-transform: uppercase; font-weight: 600;}
.discussion-reaction-options-section-options {background-color: #ffffff; border-radius: 10px; vertical-align: top}
.discussion-reaction-options-section-option-row {height: 30px;}
.discussion-reaction-options-section-option-row:not(:first-child) {margin-top: 4px}
.discussion-toggle-subscription-section, .discussion-toggle-endorsement-section {display: inline-block; margin-left: 4px}
.discussion-toggle-reply-section {display: inline-block;}
.discussion-button {position: relative;}
.discussion-button em {color: #666666}
.discussion-button:not(.active):hover em {color: #212121}
.discussions-toggle-subscription-button.active em {color: #FFAC1C}
.discussions-toggle-subscription-button em:before {content:"\f0f3";font-family: 'Font Awesome 5 Free'; font-weight: 900}
.private-reactions-info-indicator {margin-left: 3px !important}
.private-reactions-info-indicator:hover {color: #36b1ff; border-color: #36b1ff}
.discussions-current-reactions-container {display: inline-block;}
.discussions-current-reaction-item {margin-right: 4px; display: inline-block; cursor: pointer; padding: 6px 8px; border-radius: 10px; background-color: #e7e7e7; border: 1px solid #e7e7e7}
.discussions-current-reaction-item:not(.active):hover {border-color: #666666}
.discussions-current-reaction-item.active {border: 1px solid #36b1ff; background-color: rgba(54, 177, 255, 0.2);}
.discussions-current-reaction-item.active[data-type='negative'] {border-color: #eb1f48; background-color: rgba(235, 31, 72, 0.2);}
.discussions-current-reaction-item-text {margin-left: 6px; font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: 600; color: #666666}
.discussions-current-reaction-item[data-count='1'] .discussions-current-reaction-item-text {display: none}
.discussions-current-reaction-item:nth-child(-n+2) .discussion-button-explanation {left: 0 !important; -webkit-transform: unset;-ms-transform: unset;-moz-transform:unset;-o-transform: unset;transform: unset;}
.discussion-reactions-section-container {display: inline-block;}
.discussions-current-reaction-item.active .reactions-explanation span[data-self='true'] {display: inline}
.discussions-current-reaction-item.active .reactions-explanation span[data-self='false'] {display: none}
.discussions-current-reaction-item:not(.active) .reactions-explanation span[data-self='true'] {display: none}
.discussions-current-reaction-item:not(.active) .reactions-explanation span[data-self='false'] {display: inline}
.reactions-explanation {height: unset !important; width: 160px; text-align: center;}
.reactions-explanation span {white-space: initial !important;}
.discussion-responses-new-response-section[data-parentresponseid=""] {margin-bottom: 100px}
.discussion-responses-response-items-section {margin-top: 40px}
.discussion-responses-response-items-section {border-left: 1px solid #36b1ff}
.discussion-response-item {padding-left: 20px; }
.discussion-response-item-top-author {display: inline-block; margin-right: 16px}
.discussion-response-item-top-author-indicator {display: inline-block; margin-right: 4px; position: relative;}
.discussion-response-item-top-author-indicator .discussion-response-item-top-author-indicator-icon {color: #36b1ff; display: block;}
.discussion-response-item-top-author-indicator.original-post-indicator .discussion-response-item-top-author-indicator-icon:before {content: "\f52d"; font-family: 'Font Awesome 5 Free'; font-weight: 900}
.discussion-response-item-top-author-indicator.instructor-indicator .discussion-response-item-top-author-indicator-icon:before {content: "\f5d1"; font-family: 'Font Awesome 5 Free'; font-weight: 900}
.discussion-response-item-top-author span {font-family: 'Muli', sans-serif; font-weight: 600; color: #36b1ff; font-size: 10pt}
.discussion-response-item-top-posted-date, .discussion-response-item-top-edited-by {display: inline-block; position: relative;}
.discussion-response-item-top-edited-by {margin-left: 4px}
.discussion-response-item-top-endorsement {margin-bottom: 12px}
.lesson-content-text-item.discussion-response-item-body-container {min-height: unset !important; padding: 10px; background: rgba(54, 177, 255, 0.1); border-radius: 10px;}
.discussion-response-item:not(:first-child) {padding-top: 40px}
.discussion-response-item-top-posted-date span, .discussion-response-item-top-edited-by span {font-family: 'Muli', sans-serif; font-weight: normal; color: #666666; font-size: 10pt}
.discussion-response-item-top-edited-by span {font-style: italic;}
.discussion-response-item-top-endorsement span {font-family: 'Muli', sans-serif; font-weight: 600; color: #666666; font-size: 10pt}
.discussion-response-item-top-endorsement span:before {content:"\f5a2";font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right: 6px}
.discussion-response-item-top-posted-date span:before {content:'\f111'; top: 7px; left: -10px; font-family: 'Font Awesome 5 Free'; font-size:3pt; line-height: 4px; font-weight:bold; color: #999999; position:absolute; }
.discussion-response-item-top {margin-bottom: 10px}
.discussion-response-item-bottom {margin-top: 10px; display: flex; justify-content: space-between;}
.discussion-response-item-bottom-left {display: inline-block;}
.discussion-response-item-top.right-align {text-align: right;}
.discussion-response-item-edit-response-cancel-button {display: inline-block; cursor: pointer;}
.discussion-response-item-edit-response-button {float: right; cursor: pointer;}
.discussion-response-item-edit-response-button span, .discussion-response-item-edit-response-cancel-button span {font-family: 'Muli', sans-serif; font-weight: 600; color: #705AF4; font-size: 9pt}
.discussion-response-item-edit-response-button:hover span, .discussion-response-item-edit-response-cancel-button:hover span {text-decoration: underline;}
.discussion-response-item-edit-response-button:before {content: "\f044"; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right: 4px; font-size: 9pt; color: #705AF4;}
.discussion-response-item-edit-response-cancel-button:before {content: "\f00d"; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right: 4px; font-size: 9pt; color: #705AF4;}

.class-page-progressions-message, .metrics-students-list-message, .class-page-grades-message {margin-top: 40px; text-align: center;}
.class-page-grades-message.error, .class-page-progressions-message.error, .metrics-students-list-message.error {color: #eb1f48;}
.class-page-grades-table-container {width: 100%; position: relative; border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: scroll; max-height: 500px}
.class-page-grades-table {min-width: 100%}
.class-page-grades-table-header {height: 40px; display: block; white-space: nowrap; background-color: #36b1ff; position: sticky; position: -webkit-sticky; top: 0; z-index: 9999}
.class-page-grades-table-header tr {min-width: 100%; position: absolute;}
.class-page-grades-table-name-item {position: sticky !important; position: -webkit-sticky !important; left: 0; z-index: 999}
.class-page-grades-table-header-item.first {position: sticky !important; position: -webkit-sticky !important; top: 0; left: 0 !important; z-index: 9999}
.class-page-grades-table-item {min-width: 200px; display: inline-block; padding: 0 14px; text-align: center; vertical-align: middle; white-space: normal; height: 40px; overflow: hidden; position: relative;}
.class-page-grades-table-item span {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}
.class-page-grades-table-header-item {background-color: #36b1ff;}
.class-page-grades-table-header-item span {font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt; color: #ffffff; line-height: 38px;}
.class-page-grades-table-title-item {border-top-left-radius: 4px;}
.class-page-grades-table-row {display: block; height: 40px; white-space: nowrap;}
.class-page-grades-table-grade-item span, .class-page-grades-table-name-item span {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 10pt; color: #212121; line-height: 38px;}
.class-page-grades-table-grade-item span a, .class-page-grades-table-grade-item span a small {color: #36b1ff !important}
.class-page-grades-table-empty-item span {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 10pt; color: #666666; line-height: 38px;}
.class-page-grades-table-name-item span {font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt; color: #212121; line-height: 38px;}
.class-page-grades-table-name-profile-link {font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt; color: #36b1ff; line-height: 38px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%}
.class-page-grades-table-header-item span a {text-decoration: underline; cursor: pointer; color: #ffffff; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 38px;}
.class-page-grades-table-header-item:not(:last-child):after {content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 1px; display: block; background-color: #ffffff;}
.class-page-grades-table-body-item:not(:last-child):after {content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 1px; display: block; background-color: #e7e7e7;}
.class-page-grades-table-grade-item small, .class-page-grades-table-name-item span {color: #666666; margin-left: 1px;}
.class-page-grades-table-row:hover .class-page-grades-table-body-item {background-color: #D7EFFF !important;}
.class-page-grades-table-row.gray .class-page-grades-table-body-item {background-color: #F2F2F2;}
.class-page-grades-table-row .class-page-grades-table-body-item {background-color: #ffffff;}
.class-page-grades-table.one-item .class-page-grades-table-item {width: 100%}
.class-page-grades-table.two-items .class-page-grades-table-item {width: 50%}
.class-page-grades-table.two-items .class-page-grades-table-scrollable-container {margin-left: max(200px, 50%); width: 50%}
.class-page-grades-table.two-items .class-page-grades-table-scrollable-container .class-page-grades-table-item {width: 100%}
.class-page-grades-table.three-items .class-page-grades-table-item {width: 33.33%}
.class-page-grades-table.three-items .class-page-grades-table-scrollable-container {margin-left: max(200px, 33.33%); width: 66.67%}
.class-page-grades-table.three-items .class-page-grades-table-scrollable-container .class-page-grades-table-item {width: 50%}
.class-page-grades-table.four-items .class-page-grades-table-item {width: 25% !important}
.class-page-grades-table.four-items .class-page-grades-table-scrollable-container {margin-left: max(200px, 25%); width: 75%}
.class-page-grades-table.four-items .class-page-grades-table-scrollable-container .class-page-grades-table-item {width: 33.33%}
.class-page-grades-table.five-items .class-page-grades-table-item {width: 20%}
.class-page-grades-table.five-items .class-page-grades-table-scrollable-container {margin-left: max(200px, 20%); width: 80%}
.class-page-grades-table.five-items .class-page-grades-table-scrollable-container .class-page-grades-table-item {width: 25%}
.class-page-grades-table.six-items .class-page-grades-table-item {width: 16.67%}
.class-page-grades-table.six-items .class-page-grades-table-scrollable-container {margin-left: max(200px, 16.67%); width: 83.33%}
.class-page-grades-table.six-items .class-page-grades-table-scrollable-container .class-page-grades-table-item {width: 20%}
.class-page-grades-table.seven-items .class-page-grades-table-item {width: 14.28%}
.class-page-grades-table.seven-items .class-page-grades-table-scrollable-container {margin-left: max(200px, 14.28%); width: 85.72%}
.class-page-grades-table.seven-items .class-page-grades-table-scrollable-container .class-page-grades-table-item {width: 16.66%}
.class-page-grades-table.eight-items .class-page-grades-table-item {width: 12.5%}
.class-page-grades-table.eight-items .class-page-grades-table-scrollable-container {margin-left: max(200px, 12.5%); width: 87.5%}
.class-page-grades-table.eight-items .class-page-grades-table-scrollable-container .class-page-grades-table-item {width: 14.28%}
.class-page-grades-table.nine-items .class-page-grades-table-item {width: 11.11%}
.class-page-grades-table.nine-items .class-page-grades-table-scrollable-container {margin-left: max(200px, 11.11%); width: 88.89%}
.class-page-grades-table.nine-items .class-page-grades-table-scrollable-container .class-page-grades-table-item {width: 12.5%}
.class-page-grades-table.ten-or-more-items .class-page-grades-table-item {width: 10%}
.class-page-grades-table.ten-or-more-items .class-page-grades-table-scrollable-container {margin-left: max(200px, 10%); width: 90%}
.class-page-grades-table.ten-or-more-items .class-page-grades-table-scrollable-container .class-page-grades-table-item {width: 11.11%}
.class-page-grades-table-option-buttons {display: block; margin-bottom: 20px;}
.class-page-grades-table-option-button {display: inline-block; padding: 4px 10px; border-radius: 20px; border: 1px solid #36b1ff; color: #36b1ff; cursor: pointer;}
.class-page-grades-table-option-button:hover, .class-page-export-button-container a:hover {background-color: #D7EFFF;}
.class-page-grades-table-option-button:not(:last-child) {margin-right: 4px;}
.class-page-grades-table-option-button.active {background-color: #36b1ff; color: #ffffff}
.class-page-grades-table-option-buttons-title {display: inline-block; margin-right: 4px; font-family: 'Muli', sans-serif; font-size: 9pt; color: #999999; font-weight: normal;}
.class-page-export-button-container {display: inline-block; float: right;}
.class-page-export-button-container a {display: inline-block; padding: 4px 10px; border-radius: 20px; border: 1px solid #36b1ff; color: #36b1ff; cursor: pointer;}
.class-page-export-button-container a:before {content:"\f019";font-family: 'FontAwesome'; margin-right: 6px}
.class-page-navigation {display: block; margin-bottom: 40px}
.class-page-navigation-items {text-align: center;}
.class-page-navigation-item {display: inline-block; width: 200px; text-align: center; position: relative; padding: 4px}
.class-page-navigation-item.active {cursor: default;}
.class-page-navigation-item.has-notifications .class-page-navigation-item-title span:before {content: "\f111"; font-family: 'Font Awesome 5 Free'; margin-right: 10px; font-size:7pt; line-height: 4px; font-weight:bold; color: #36b1ff }
.class-page-navigation-item:not(:first-child) {margin-left: 80px}
.class-page-navigation-item-title {margin-bottom: 4px}
.class-page-navigation-item-title span {font-size: 14pt; font-family: 'Muli', sans-serif; font-weight: 600; color: #666666}
.class-page-navigation-item:not(.active):hover {background-color: #e7e7e7; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor: pointer;}
.class-page-navigation-item.active .class-page-navigation-item-title span {color: #36b1ff}
.class-page-navigation-item:after {content: ""; top: 100%; left: 0; right: 0; height: 2px; background-color: #666666; display: block; position: absolute; border-radius: 2px}
.class-page-navigation-item.active:after {background-color: #36b1ff;}
.class-page-navigation-item-subtitle {margin-bottom: 4px}
.class-page-navigation-item-subtitle span {font-size: 9pt; font-family: 'Muli', sans-serif; font-weight: normal; color: #666666}
.class-page-navigation-section {margin-bottom: 20px}
.class-page-navigation-section.has-unread-discussions .class-page-navigation-section-title span:before {content: "\f111"; font-family: 'Font Awesome 5 Free'; color: #36b1ff; font-weight: 900; font-size: 6pt; position: absolute; top: 5px; left: 0}
.class-page-navigation-section.has-unread-discussions .class-page-navigation-section-title span {margin-left: 14px}
.class-page-navigation-section.has-unread-discussions .class-page-navigation-section-page-option[data-page='class-page-discussions-page'] .class-page-navigation-section-page-option-title span:before {content: "\f111"; font-family: 'Font Awesome 5 Free'; color: #36b1ff; font-weight: 900; font-size: 6pt; position: absolute; top: 18px; left: 10px}
.class-page-navigation-section.has-unread-discussions .class-page-navigation-section-page-option[data-page='class-page-discussions-page'] .class-page-navigation-section-page-option-title span {margin-left: 14px}
.class-page-navigation-section-progress-show-selector {display: inline-block; float: right;}
.class-page-navigation-section-progress-show-selector-option {display: inline-block; cursor: pointer;}
.class-page-navigation-section-progress-show-selector-option span {line-height: 32px; font-size: 9pt; font-family: 'Muli', sans-serif; font-weight: normal; color: #999999}
.class-page-navigation-section-progress-show-selector-option.active span, .class-page-navigation-section-progress-show-selector-option:hover span {color: #212121}
.class-page-navigation-section-progress-show-selector-option:not(:last-child) {margin-right: 10px}
.class-page-navigation-section-page-selector {display: inline-block; position: relative; padding: 4px 0}
.class-page-navigation-section-page-selector.selectable {cursor: pointer;}
.class-page-navigation-section-page-selector.selectable:hover .class-page-navigation-section-title span:after {content: "\f077"}
.class-page-navigation-section-page-selector.selectable .class-page-navigation-section-title span:after {content: "\f078";font-family: 'FontAwesome'; margin-left: 4px; font-size: 8pt; line-height: 20px; color: #2B3138; vertical-align: top}
.class-page-navigation-section-page-options-menu {display: none; position: absolute; left: 0; width: 200px; top: 100%; background-color: #ffffff; z-index: 3; border-radius: 6px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);}
.class-page-navigation-section-page-options-menu.close {display: none !important}
.class-page-navigation-section-page-selector:hover .class-page-navigation-section-page-options-menu {display: block;}
.class-page-navigation-section-page-option {padding: 12px; position: relative;}
.class-page-navigation-section-page-option:not(:last-child) {border-bottom: 1px solid #e7e7e7;}
.class-page-navigation-section-page-option:hover {background-color: rgba(54, 177, 255, .1);}
.class-page-navigation-section-page-option.selected:before {content:"\f00c"; font-family: 'Font Awesome 5 Free'; font-weight: 600; color: #36b1ff; position: absolute; top: 14px; left: 12px}
.class-page-navigation-section-page-option.selected .class-page-navigation-section-page-option-title, .class-page-navigation-section-page-option.selected .class-page-navigation-section-page-option-subtitle {margin-left: 20px}
.class-page-discussions-page-top {display: block; margin-bottom: 20px}
.class-page-open-discussions-link {font-weight: 600; color: #36b1ff; font-family: 'Muli', sans-serif; font-size: 10pt;}
.class-page-open-discussions-link:after {content:"\f061"; font-family: 'Font Awesome 5 Free'; font-weight: 600; margin-left: 4px}

.class-page-navigation-section-title {position: relative;}
.class-page-navigation-section-title span, .class-page-navigation-section-page-option-title span {font-size: 11pt; font-family: 'Muli', sans-serif; font-weight: 600; color: #2B3138}
.class-page-navigation-section-page-option-subtitle {margin-top: 4px}
.class-page-navigation-section-page-option-subtitle span {font-size: 9pt; font-family: 'Muli', sans-serif; font-weight: normal; color: #666666}
.class-page-body-content {background-color: #F7F7F7}
.discussions-modal-start-by-options {display: block; text-align: center; margin: 40px 0}
.discussions-modal-start-by-option, .build-field-selectable-option, .assignments-browser-filter-option {display: inline-block; padding: 10px 20px; border-radius: 40px; cursor: pointer; color: #36b1ff; background-color: rgba(54, 177, 255, .15); font-weight: 600}
.discussions-modal-start-by-option:hover, .build-field-selectable-option:hover, .assignments-browser-filter-option:hover {background-color: rgba(54, 177, 255, .3);}
.discussions-modal-start-by-option.active, .build-field-selectable-option.active, .assignments-browser-filter-option.active {background-color: #36b1ff; color: #ffffff;}
.assignments-browser-filter-option.active:before {content:"\f00c"; font-family: 'Font Awesome 5 Free'; color: #ffffff; margin-right: 10px}
.discussions-modal-start-by-option:not(:first-child), .build-field-selectable-option:not(:first-child), .assignments-browser-filter-option:not(:first-child) {margin-left: 10px}
.subject-matter-input {border: none !important; width: 100%; margin: 0 0 7px 0 !important;  --tag-inset-shadow-size: 0; --tag-pad: 0; --placeholder-color: #757575 !important; --placeholder-color-focus: #757575 !important; --tag-bg: #36b1ff !important; --tag-hover: #36b1ff !important; --tag-text-color: #ffffff !important; --tag-remove-btn-color: #ffffff !important; --tag-remove-bg: #eb1f48 !important}
.subject-matter-input .tagify__input {padding-left: 0; margin-left: 0}
.tagify--hasMaxTags .tagify__input {display: none;}
.tagify--hasMaxTags {cursor: default !important;}
.tagify--loading .tagify__input::after {margin-top: 3px !important}
.tagify__dropdown {z-index: 99999999999 !important; border: 0 !important}
.blue-dropdown .tagify__dropdown__item{ display: inline-block !important; border-radius: 4px !important; padding: 4px 8px; margin: 4px; background-color: rgba(54, 177, 255, .15) !important; color: #36b1ff; transition: 0s; }
.blue-dropdown .tagify__dropdown__item--active{ color: #36b1ff !important; }
.blue-dropdown .tagify__dropdown__item:hover{ background-color: rgba(54, 177, 255, .3) !important }
.tagify__dropdown__wrapper {border-radius: 4px !important; border: 1px solid #e7e7e7 !important}
.discussions-modal-description-container p {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 9pt; color: #666666}
.class-sidebar-and-main-content-container {display: block; position: relative; width: 100%}
.class-sidebar-and-main-content-container .class-sidebar {position: fixed; display: block; padding: 20px; left: 0; width: 260px; overflow-y: scroll; overflow-x: hidden; border-right: 1px solid #e7e7e7}
.class-sidebar-and-main-content-container .main-content-scrollable {left: 260px;}
.class-sidebar-section-header span {font-family: 'Muli', sans-serif; text-transform: uppercase; font-size: 9pt; font-weight: bold; color: #666666; cursor: default;}
.class-sidebar-section-description span {font-family: 'Muli', sans-serif; font-weight: normal; color: #666666; font-size: 10pt; color: #666666}
.class-sidebar-section-header, .class-sidebar-section-description {margin-bottom: 10px}
.class-sidebar-section-description {display: none}
.class-sidebar-section-item.active .class-sidebar-section-description {display: block}
.class-sidebar-section-item.active .info-indicator {color: #1999EA; border-color: #1999EA}
.class-sidebar-section-option {padding: 8px}
.class-sidebar-section-option:not(:last-child) {border-bottom: 1px solid #e7e7e7; padding-bottom: 12px; margin-bottom: 4px}
.class-sidebar-section-option-a {color: #666666; font-size: 11pt; font-weight: 600; position: relative; padding-left: 28px}
.class-sidebar-section-option-a:hover {color: #705AF4}
.class-sidebar-section-option-a.admin:before {content:"\f0ad"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position:absolute; left: 2px; top: 0px }
.class-sidebar-section-option-a.build:before {content:"\f055"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position:absolute; left: 0px; top: 0px }
.class-sidebar-section-option-a.view:before {content:"\f06e"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position:absolute; left: 0px; top: 0px }
.class-sidebar-section-option-a.discussions:before {content:"\f4ad"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position:absolute; left: 0px; top: 0px }
.class-sidebar-section-option-a.grades:before {content:"\f005"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position:absolute; left: 0px; top: 0px }
.class-sidebar-section-option-a.progressions:before {content:"\f828"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position:absolute; left: 0px; top: 0px }
.class-sidebar-section-option-a.flashcards:before {content:"\f518"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position:absolute; left: 0px; top: 0px }
.class-sidebar-section-option-a.catalog:before {content:"\f0eb"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position:absolute; left: 0px; top: 0px }
.class-sidebar-section-option-a.generate:before {content:"\e2ca"; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; left: 0px; top: 0px}
.class-sidebar-section-option-a.share:before {content:"\f06b"; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; left: 0px; top: 0px}
.class-sidebar-section-option-a.support:before {content:"\f562"; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; left: 0px; top: 0px}
.class-sidebar-section-option-a.enable:before {content:"\f058"; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; left: 0px; top: 0px}
body[data-license='free'] .class-sidebar-section-option-a.lock-license-required[data-free='locked']:after, body[data-license='standard'] .class-sidebar-section-option-a.lock-license-required[data-standard='locked']:after, body[data-license='pro'] .class-sidebar-section-option-a.lock-license-required[data-pro='locked']:after, .class-sidebar-section-option-a.locked:after {content:"\f0e7"; font-size: 8pt; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-left: 8px; color: #666666}
body[data-license='free'] .class-sidebar-section-option-a.lock-license-required[data-free='unlocked']:after, body[data-license='standard'] .class-sidebar-section-option-a.lock-license-required[data-standard='unlocked']:after, body[data-license='pro'] .class-sidebar-section-option-a.lock-license-required[data-pro='unlocked']:after, body[data-license='school'] .class-sidebar-section-option-a.lock-license-required[data-school='unlocked']:after, .class-sidebar-section-option-a.locked:after {content:"\f0e7"; font-size: 8pt; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-left: 8px; color: #666666}
.class-sidebar-section-item {margin-bottom: 20px}
.modal-menu-options.two-options .modal-menu-option {width: 50%}
.modal-menu-option {text-align: center; display: inline-block; padding: 8px; cursor: pointer;}
.modal-menu-option.active {border-bottom: 2px solid #705AF4; cursor: default;}
.modal-menu-option span {color: #705AF4; font-family: 'Muli', sans-serif; font-weight: normal; font-size: 10pt}
.modal-menu-option.active span, .modal-menu-option:hover span {font-weight: 600}
.modal-refer-via-email-section-input-container {width: 100%;}
.modal-refer-via-email-section-input {width: 100%}
.generate-assignment-modal-menu-container {text-align: center; margin-bottom: 20px}
.generate-assignment-modal-menu {border: 1px solid #705AF4; display:inline-block; margin: 0 !important; padding: 0 !important; border-radius: 20px; overflow: hidden;}
.generate-assignment-modal-menu-item {display: inline-block; margin: 0 !important; padding: 8px !important; cursor: pointer;; text-align: center; width: 100px}
.generate-assignment-modal-menu-item:not(.active):hover {background-color: rgba(112, 90, 244, 0.1);}
.generate-assignment-modal-menu-item.active {background-color: #705AF4; cursor: default;}
.generate-assignment-modal-menu-item span {color: #705AF4}
.generate-assignment-modal-menu-item.active span {color: #ffffff}
.generate-assignment-modal-body {margin-bottom: 20px}
.generate-assignment-modal-body-section-title, .generate-assignment-modal-body-section-subtitle {margin-bottom: 20px}
.generate-assignment-modal-body-section-title span {font-family: 'Muli', sans-serif; font-size: 12pt; font-weight: 600; color: #212121}
.generate-assignment-modal-body-section-title span small {font-size: 8pt; color: #666666; margin-left: 4px}
.generate-assignment-modal-body-section-info {display: none}
.generate-assignment-modal-body-section.active .generate-assignment-modal-body-section-info {display: block}
.generate-assignment-modal-body-section-subtitle span {font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: normal; color: #666666; line-height: 24px}
.generate-assignment-modal-body-section-examples {margin-bottom: 24px;}
.generate-assignment-modal-body-section-example-container {vertical-align: top;}
.generate-assignment-modal-body-section-example-container:not(:last-child) {margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #e7e7e7;}
.generate-assignment-modal-body-section-example:first-child {margin-right: 10px}
.generate-assignment-modal-body-section-example {display: inline-block; width: calc(50% - 5px); text-align: center; vertical-align: top}
.generate-assignment-modal-body-section-example span {font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: normal; color: #666666; line-height: 24px}
.generate-assignment-modal-body-section-example.positive span {color: #36b1ff}
.generate-assignment-modal-body-section-example.positive span:before {content:"\f058";font-family: 'FontAwesome'; margin-right: 6px}
.generate-assignment-modal-body-section-example.negative span {color: #eb1f48}
.generate-assignment-modal-body-section-example.negative span:before {content:"\f057";font-family: 'FontAwesome'; margin-right: 6px}
.generate-assignment-modal-info-section {margin-bottom: 20px}
.generate-assignment-modal-info-section span {font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: normal; color: #666666; line-height: 24px}
.generate-assignment-modal-body-section-resource-upload-selector {display: block}
.generate-assignment-modal-body-section-resource-upload-existing-button-container {display: inline-block; margin-top: 10px; position: relative;}
.generate-assignment-modal-body-section-resource-upload-existing-overlay {position: absolute; display: none; bottom: calc(100% + 2px); left: 0; width: 320px; background-color: #ffffff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); z-index: 999; border-radius: 4px; overflow: hidden; padding: 10px}
.generate-assignment-modal-body-section-resource-upload-existing-button-container.active .generate-assignment-modal-body-section-resource-upload-existing-overlay {display: block;}
.generate-assignment-modal-body-section-resource-upload-selected, .generate-assignment-modal-body-section-resource-upload-existing {display: none; padding: 10px; border-radius: 10px; border: 2px dashed #999999;}
.generate-assignment-modal-body-section-resource-upload-container.has-file .generate-assignment-modal-body-section-resource-upload-selector {display: none}
.generate-assignment-modal-body-section-resource-upload-container.has-file .generate-assignment-modal-body-section-resource-upload-existing {display: none}
.generate-assignment-modal-body-section-resource-upload-container.has-file .generate-assignment-modal-body-section-resource-upload-selected {display: block}
.generate-assignment-modal-body-section-resource-upload-container.has-file .generate-assignment-modal-body-section-resource-upload-existing-button-container {display: none}
.generate-assignment-modal-body-section-resource-upload-container.has-existing-resource .generate-assignment-modal-body-section-resource-upload-selector {display: none}
.generate-assignment-modal-body-section-resource-upload-container.has-existing-resource .generate-assignment-modal-body-section-resource-upload-existing {display: block}
.generate-assignment-modal-body-section-resource-upload-container.has-existing-resource .generate-assignment-modal-body-section-resource-upload-selected {display: none}
.generate-assignment-modal-body-section-resource-upload-container.has-existing-resource .generate-assignment-modal-body-section-resource-upload-existing-button-container {display: none}
.generate-assignment-modal-body-section-resource-upload-selected-file, .generate-assignment-modal-body-section-resource-upload-selected-resource {display: inline-block; padding: 4px 8px; background-color: #e7e7e7; border-radius: 4px}
.generate-assignment-modal-body-section-resource-upload-selected-file span, .generate-assignment-modal-body-section-resource-upload-selected-resource span {font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: normal; color: #212121;}
.generate-assignment-modal-body-section-resource-upload-selected-file-remove-button, .generate-assignment-modal-body-section-resource-upload-selected-resource-remove-button {margin-left: 4px; display: inline-block; cursor: pointer; color: #666666}
.generate-assignment-modal-body-section-resource-upload-selected-file-remove-button:after, .generate-assignment-modal-body-section-resource-upload-selected-resource-remove-button:after {content:"\f00d";font-family: 'Font Awesome 5 Free'; font-weight: 900}
.generate-assignment-modal-body-section-resource-upload-selected-file-remove-button:hover, .generate-assignment-modal-body-section-resource-upload-selected-resource-remove-button:hover {color: #eb1f48}
.generate-assignment-modal-body-section-resource-upload-selected-file-container {margin-bottom: 10px}
.generate-assignment-modal-body-section-resource-field {margin-bottom: 10px}
.generate-assignment-modal-body-section-resource-field-title {margin-bottom: 10px}
.generate-assignment-modal-body-section-resource-field-title span {font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: 600; color: #666666;}
.generate-assignment-modal-body-section-resource-field-input-container {border-bottom: 1px solid #e7e7e7;padding-bottom: 10px}
.generate-assignment-modal-body-section-resource-field-input {width: 100%; font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: normal; color: #212121}
.generate-assignment-modal-body-section-resource-field-switch-container .build-field-toggle {margin-bottom: 10px !important}
.generate-assignment-modal-body-section-resource-field-reference-input-container {display: block}
.generate-assignment-modal-body-section-resource-field-switch-container.active .generate-assignment-modal-body-section-resource-field-reference-input-container {display: none}
.generate-assignment-modal-body-section-resource-upload-existing-button {display: inline-block; cursor: pointer;}
.generate-assignment-modal-body-section-resource-upload-existing-button span {font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: normal; color: #666666; text-decoration: underline;}
.generate-assignment-modal-body-section-resource-upload-existing-button span:hover {color: #36b1ff}
.generate-assignment-modal-body-section-resource-upload-existing-overlay-search {display: block; margin-bottom: 4px; position: relative; cursor: text; border-bottom: 1px solid #e7e7e7; padding-bottom: 10px}
.generate-assignment-modal-body-section-resource-upload-existing-overlay-search:before {content:"\f002"; font-family: 'FontAwesome'; position: absolute; left: 0px; top: 2px; display: block; color: #999999}
.generate-assignment-modal-body-section-resource-upload-existing-overlay-search-input {margin-left: 20px; width: calc(100% - 20px); background-color: transparent;}
.generate-assignment-modal-body-section-resource-upload-existing-overlay-search-results {position: relative;}
.generate-assignment-modal-body-section-resource-upload-existing-overlay-search-results.loading {height: 60px}
.generate-assignment-modal-body-section-resource-upload-existing-overlay-search-results.loading:after {content: ""; border: 3px solid transparent; border-top: 3px solid #666666; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 8px);left:calc(50% - 8px); display: block;}
.generate-assignment-modal-body-section-resource-upload-existing-overlay-search-results-none-label {padding: 0; margin: 0; font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: normal; color: #666666}
.generate-assignment-modal-body-section-resource-upload-existing-overlay-resource-item-container {margin-top: 10px}
.generate-assignment-modal-body-section-resource-upload-existing-overlay-resource-item {word-wrap: break-word}

.modal-content h3 .generate-icon {display: inline-block; color: #666666; font-size: 10pt; height: 34px; width: 24px; position: relative; vertical-align: top}
.modal-large-action-button-confirm .generate-icon {display: inline-block; color: #ffffff; font-size: 10pt; height: 34px; width: 24px; position: relative; vertical-align: top}
.modal-large-action-button-confirm.loading .generate-icon {display: none}
.modal-large-action-button-confirm.destructive {background-color: #eb1f48}
.generate-icon:after {content:"\e2ca"; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; left: 0; top: 0}
.generate-assignment-modal-body-section-title-container input {padding: 20px; border: 1px solid #e7e7e7; border-radius: 4px; width: 100%}
.generate-assignment-modal-body-section-learning-objective-item {margin-bottom: 10px !important}
.generate-assignment-modal-body-section-learning-objective-item-title-container {background-color: rgba(54, 177, 255, 0.1); border-radius: 20px; display: inline-block; width: calc(100% - 170px); margin-right: 10px; margin-bottom: 10px; vertical-align: top; position: relative;}
.generate-assignment-modal-questions-learning-objective-selector-and-types-container {margin-bottom: 10px}
.generate-assignment-modal-questions-learning-objective-selector-container {display: inline-block; width: calc(100% - 170px); margin-right: 10px; vertical-align: top; position: relative;}
.generate-assignment-modal-questions-learning-objective-selector-container.active .generate-assignment-modal-questions-learning-objective-selector-overlay {display: block}
.generate-assignment-modal-questions-learning-objective-selector-overlay {position: absolute; left: 16px; right: 16px; padding: 4px; background-color: #ffffff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); display: none; top: calc(100% + 4px); z-index: 999}
.generate-assignment-modal-questions-learning-objective-selector-options {padding: 0 !important; margin: 0 !important}
.generate-assignment-modal-questions-learning-objective-selector-option {padding: 4px; cursor: pointer; background-color: rgba(0, 0, 0, 0.04); border-radius: 4px}
.generate-assignment-modal-questions-learning-objective-selector-option span {font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: 600; color: #212121;}
.generate-assignment-modal-questions-learning-objective-selector-option.selected, .generate-assignment-modal-questions-learning-objective-selector-option:hover {background-color: #36b1ff}
.generate-assignment-modal-questions-learning-objective-selector-option.selected span, .generate-assignment-modal-questions-learning-objective-selector-option:hover span {color: #ffffff}
.generate-assignment-modal-questions-learning-objective-selector-current {padding: 10px 20px; border-radius: 20px; position: relative; background-color: rgba(54, 177, 255, 0.1);}
.generate-assignment-modal-questions-learning-objective-selector-current-title {padding: 4px 8px; border-radius: 4px; background-color: #36b1ff; cursor: pointer; position: relative;}
.generate-assignment-modal-questions-learning-objective-selector-current-title span {min-height: 12px; vertical-align: top; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 9pt; color: #ffffff}
.generate-assignment-modal-questions-learning-objective-selector-current-title:after {content:"\f107";font-family: 'FontAwesome';font-size: 11pt; color: #ffffff; position: absolute; right: 12px; top: 5px}
.generate-assignment-modal-questions-learning-objective-selector-container.active .generate-assignment-modal-questions-learning-objective-selector-current-title:after {content:"\f106"}
.generate-assignment-modal-body-section-learning-objective-item-number {display: inline-block; position: relative; vertical-align: top; font-weight: 600; color: #212121; font-family: 'Muli', sans-serif; font-size: 9pt; height: 20px; text-align: center; width: 20px; margin: 10px 0 10px 10px; border: 2px solid #36b1ff; border-radius: 20px; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.generate-assignment-modal-body-section-learning-objective-item.loading .generate-assignment-modal-body-section-learning-objective-item-number {color: transparent;}
.generate-assignment-modal-body-section-learning-objective-item.loading .generate-assignment-modal-body-section-learning-objective-item-number:after {content: ""; border: 2px solid transparent; border-top: 2px solid #36b1ff; border-radius: 50%; width: 10px; height: 10px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 5px);left:calc(50% - 5px); display: block;}
.generate-assignment-learning-objective-input-container {display: inline-block; position: relative; vertical-align: top; width: calc(100% - 80px); margin: 10px}
.generate-assignment-learning-objective-input-container.has-value {margin: 6px 10px 4px 10px}
.generate-assignment-learning-objective-input {background-color: transparent; vertical-align: top; height: 20px; padding: 0; width: 100%}
.generate-assignment-learning-objective-input-container.has-value .generate-assignment-learning-objective-input {display: none}
.generate-assignment-learning-objective-value {display: none}
.generate-assignment-learning-objective-input-container.has-value .generate-assignment-learning-objective-value {display: inline-block;}
.generate-assignment-modal-body-section-learning-objective-item-remove-button {display: inline-block; vertical-align: top; height: 20px; width: 20px; margin: 10px 10px 10px 0; border-radius: 20px; color: #eb1f48; cursor: pointer; text-align: center;}
.generate-assignment-modal-body-section-learning-objective-item-remove-button:hover {background-color: rgba(235, 31, 72, 0.1)}
.generate-assignment-modal-body-section-learning-objective-item-remove-button:before {content: "x"}
.generate-assignment-modal-body-section-learning-objective-item-question-types-container {display: inline-block; width: 160px}
.generate-assignment-modal-body-section-learning-objective-item-question-types-container .modal-dropdown-selected {width: 160px; text-align: right; border: 1px solid #e7e7e7; margin: 0 !important; padding: 10px}
.generate-assignment-modal-body-section-learning-objective-item-question-types-container .modal-dropdown-selected span {color: #666666; white-space: pre}
.generate-assignment-modal-body-section-learning-objective-item-question-types-container .modal-dropdown-options-container {left: unset; right: 0}
.modal-dropdown-options-container.long {width: 280px}
.generate-assignment-learning-objective-question-count {display: inline}
.generate-assignment-modal-body-section-resource-upload-container {margin-bottom: 20px}
.generate-assignment-modal-body-section-resource-upload-icon {margin-bottom: 10px; color: #666666;}
.generate-assignment-modal-body-section-resource-upload-icon:before {content: "\f0ee"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 26pt}
.generate-assignment-modal-body-section-resource-upload {text-align: center; padding: 40px; border: 2px dashed #999999; cursor: pointer; height: 209px}
.generate-assignment-modal-body-section-resource-upload-drag-and-drop, .generate-assignment-modal-body-section-resource-upload-or, .generate-assignment-modal-body-section-resource-upload-choose-file {font-family: 'Muli', sans-serif; font-size: 14pt; color: #666666; font-weight: 600; line-height: 30px}
.generate-assignment-modal-body-section-resource-upload-choose-file {color: #36b1ff}
.generate-assignment-modal-body-section-resource-upload-supported-file-types {font-family: 'Muli', sans-serif; font-size: 9pt; color: #999999; font-weight: normal;}
.max-file-size.exceeded {color: #eb1f48}
.generate-assignment-modal-body-section-resource-file {display: none}
.generate-assignment-modal-body-section-resource-upload-default-state {display: block; pointer-events: none; }
.generate-assignment-modal-body-section-resource-upload-dragover-state {display: none; pointer-events: none; margin-top:24px }
.generate-assignment-modal-body-section-resource-upload-container.dragover .generate-assignment-modal-body-section-resource-upload-default-state {display: none}
.generate-assignment-modal-body-section-resource-upload-container.dragover .generate-assignment-modal-body-section-resource-upload-dragover-state {display: block}
.generate-assignment-modal-body-section-resource-upload-container.dragover .generate-assignment-modal-body-section-resource-upload, .generate-assignment-modal-body-section-resource-upload:hover {background-color: rgba(54, 177, 255, 0.1)}
.modal-search-results-overlay {position: absolute; left: 0; right: 0; padding: 4px; background-color: #ffffff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); display: none; top: calc(100% + 4px); z-index: 999}
.modal-search-results-overlay-results {padding: 0 !important}
.modal-search-results-overlay-item-container {padding: 4px; display: inline-block;}
.modal-search-results-overlay-item {cursor: pointer; border: 1px solid #36b1ff; padding: 4px 8px; border-radius: 4px; margin: 0; word-break:break-word;}
.generate-assignment-learning-objective-value {background-color: #36b1ff; padding: 4px 8px; border: 1px solid #36b1ff; border-radius: 4px;}
.generate-assignment-learning-objective-value-title {display: table-cell; word-break: break-word; max-width: calc(100% - 26px);}
.generate-assignment-learning-objective-value span {color: #ffffff; vertical-align: top; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 9pt;max-width: calc(100% - 26px)}
.generate-assignment-learning-objective-value-remove-button:before {content: "\f00d"; font-family: 'FontAwesome';font-size: 7pt; line-height: 17px; vertical-align: top}
.generate-assignment-learning-objective-value-remove-button:hover {background-color: rgba(235, 31, 72, 0.1)}
.generate-assignment-learning-objective-value-spacer {display: table-cell; width: 6px}
.generate-assignment-learning-objective-value-remove-button-container {text-align: center; display: table-cell; width: 17px;vertical-align: top}
.generate-assignment-learning-objective-value-remove-button {cursor: pointer; vertical-align: top; text-align: center; display: block; width: 17px; height: 17px; border-radius: 20px;color: #ffffff}
.modal-search-results-overlay-item span {color: #36b1ff; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 9pt}
.modal-search-results-overlay-item span:after {content: "+"; margin-left: 4px; font-weight: bold}
.modal-search-results-overlay-item:hover, .generate-assignment-learning-objective-value {background-color: #36b1ff}
.modal-search-results-overlay-item:hover span {color: #ffffff}
.generate-assignment-modal-body-section-learning-objective-prompt-container {display: block; width: 100%; margin-top: 10px; display: none}
.generate-assignment-modal-body-section-learning-objective-item.show-prompt .generate-assignment-modal-body-section-learning-objective-prompt-container, .generate-assignment-modal-questions-learning-objective-container.show-prompt .generate-assignment-modal-body-section-learning-objective-prompt-container {display: block}
.generate-assignment-modal-body-section-learning-objectives-list {padding: 0 !important; margin: 0 0 16px 0 !important}
.generate-assignment-modal-body-section-learning-objective-add-prompt-button {display: inline-block; margin-right: 4px; height: 20px; width: 14px; cursor: pointer; vertical-align: top; position: relative;}
.generate-assignment-modal-body-section-learning-objective-add-prompt-button.active .generate-assignment-modal-body-section-learning-objective-add-prompt-button-icon {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); background-color: #eb1f48}
.generate-assignment-modal-body-section-learning-objective-add-prompt-button-icon {display: block; height: 14px; width: 14px; text-align: center; margin-top: 3px; border-radius: 10px; background-color: #999999; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.generate-assignment-modal-body-section-learning-objective-add-prompt-button-icon:hover {background-color: #666666}
.generate-assignment-modal-body-section-learning-objective-add-prompt-button-icon span:before {content: "\2b"; font-family: 'FontAwesome'; font-size: 900; line-height: 15px; font-size: 7pt; color: #ffffff; vertical-align: top}
.generate-assignment-modal-body-section-learning-objective-question-count-title, .generate-assignment-modal-body-section-learning-objective-coding-language-title {display: inline-block; height: 20px; margin-right: 4px; vertical-align: top}
.generate-assignment-modal-body-section-learning-objective-question-count-title span, .generate-assignment-modal-body-section-learning-objective-coding-language-title span {font-family: 'Muli', sans-serif; line-height: 18px; font-weight: 600; font-size: 9pt; color: #666666}
.generate-assignment-modal-body-section-learning-objective-question-count-selector, .generate-assignment-modal-body-section-learning-objective-coding-language-selector {display: inline-block; vertical-align: top; position: relative;}
.generate-assignment-modal-body-section-learning-objective-question-count-selector-values {display: none}
.generate-assignment-modal-body-section-learning-objective-question-count-selector.active .generate-assignment-modal-body-section-learning-objective-question-count-selector-values {display: inline-block;}
.generate-assignment-modal-body-section-learning-objective-question-count-selector.active .generate-assignment-modal-body-section-learning-objective-question-count-selected-value {display: none}
.generate-assignment-modal-body-section-learning-objective-question-count-selected-value, .generate-assignment-modal-body-section-learning-objective-question-count-selector-value.active, .generate-assignment-modal-body-section-learning-objective-question-count-selector-value:hover {display: inline-block; height: 20px; width: 20px; border-radius: 20px; background-color: #36b1ff; text-align: center; cursor: pointer;}
.generate-assignment-modal-body-section-learning-objective-question-count-selected-value span, .generate-assignment-modal-body-section-learning-objective-question-count-selector-value.active span, .generate-assignment-modal-body-section-learning-objective-question-count-selector-value:hover span {line-height: 18px; color: #ffffff; font-family: 'Muli', sans-serif; font-size: 9pt; color: #ffffff; font-weight: bold}
.generate-assignment-modal-body-section-learning-objective-question-count-container, .generate-assignment-modal-body-section-learning-objective-coding-language-container {height: 20px; display: inline-block;}
.generate-assignment-modal-body-section-learning-objective-coding-language-container {margin-left: 10px; display: none}
.generate-assignment-modal-body-section-learning-objective-item[data-coding='true'] .generate-assignment-modal-body-section-learning-objective-coding-language-container {display: inline-block;}
.generate-assignment-modal-questions-learning-objective-container[data-coding='true'] .generate-assignment-modal-body-section-learning-objective-coding-language-container {display: inline-block;}
.generate-assignment-modal-body-section-learning-objective-question-count-selector-value {display: inline-block; position: relative; height: 20px; width: 20px; border-radius: 20px; background-color: #ffffff; border: 1px solid #36b1ff; text-align: center; cursor: pointer; margin-right: 6px; vertical-align: top}
.generate-assignment-modal-body-section-learning-objective-question-count-selector-value:not(:last-child):after{content: "";position: absolute; top: 9.5px; height: 1px; width: 7px; left: 100%; background-color: #36b1ff}
.generate-assignment-modal-body-section-learning-objective-question-count-selector-value span {line-height: 18px; font-family: 'Muli', sans-serif; font-size: 9pt; color: #36b1ff; font-weight: normal; vertical-align: top}
.generate-assignment-modal-body-section-learning-objective-coding-language-selected-value {padding: 0 8px; background-color: #36b1ff; border-radius:4px; cursor:pointer; height:20px }
.generate-assignment-modal-body-section-learning-objective-coding-language-selected-value span {color: #ffffff; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 9pt; line-height: 18px}
.generate-assignment-modal-body-section-learning-objective-coding-language-selected-value span:after {content:"\f107";font-family: 'FontAwesome';font-size: 9pt;line-height: 18px;position: relative; margin-left: 4px; color: #ffffff;}
.generate-assignment-modal-body-section-learning-objective-coding-language-selector.active .generate-assignment-modal-body-section-learning-objective-coding-language-selected-value span:after {content:"\f106"}
.generate-assignment-modal-body-section-learning-objective-coding-language-selector-values {position: absolute; top: calc(100% + 2px); left: calc(50% - 160px); width: 320px; display: none; background-color: #f9f9f9; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); z-index: 999; border-radius: 4px; overflow: hidden;}
.generate-assignment-modal-body-section-learning-objective-coding-language-selector.active .generate-assignment-modal-body-section-learning-objective-coding-language-selector-values {display: block;}
.generate-assignment-modal-body-section-learning-objective-coding-language-selector-values-row {display: inline-block; width: 100%; vertical-align: top}
.generate-assignment-modal-body-section-learning-objective-coding-language-selector-value-container {padding: 4px; display: inline-block; width: 80px}
.generate-assignment-modal-body-section-learning-objective-coding-language-selector-value, .generate-assignment-modal-body-section-resource-upload-existing-overlay-resource-item {background-color: rgba(0, 0, 0, 0.04); padding: 4px; cursor: pointer; text-align: center; border-radius: 4px}
.generate-assignment-modal-body-section-learning-objective-coding-language-selector-value.active, .generate-assignment-modal-body-section-learning-objective-coding-language-selector-value:hover, .generate-assignment-modal-body-section-resource-upload-existing-overlay-resource-item:hover {background-color: #36b1ff}
.generate-assignment-modal-body-section-learning-objective-coding-language-selector-value.active span, .generate-assignment-modal-body-section-learning-objective-coding-language-selector-value:hover span, .generate-assignment-modal-body-section-resource-upload-existing-overlay-resource-item:hover span {color: #ffffff}
.generate-assignment-modal-body-section-learning-objective-coding-language-selector-value span, .generate-assignment-modal-body-section-resource-upload-existing-overlay-resource-item span {font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: 600; color: #212121}
.generate-assignment-modal-body-section-learning-objectives-add-button-container {}
.generate-assignment-modal-body-section-learning-objectives-add-button {display: inline-block; cursor: pointer;}
.generate-assignment-modal-body-section-learning-objectives-add-button span {color: #666666; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt}
.generate-assignment-modal-body-section-learning-objectives-add-button:hover span {color: #36b1ff}
.generate-assignment-modal-body-section-learning-objectives-add-button span:before {content:"\f055"; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right: 4px}
.generate-assignment-modal-body-section {margin-bottom: 20px}

.changelog-list, .content-assignments-list {margin-top: 40px;}
.changelog-list-item, .content-assignments-list-item {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e7e7e7;}
.changelog-list-item-title, .content-assignments-list-item-title {font-family: 'Muli', sans-serif; font-weight: 600; font-size: 14pt; color: #212121}
.changelog-list-item-details-container, .content-assignments-list-item-details-container {display: block; width: 100%; margin-top: 10px;}
.changelog-list-item-type-indicator {display: inline-block; vertical-align: top; height: 24px; padding-left: 8px; padding-right: 8px; border-radius: 4px; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 9.5pt; color: #ffffff; background-color: #666666;}
.changelog-list-item-type-indicator.feature {background-color: #36b1ff;}
.changelog-list-item-type-indicator.bug-fix {background-color: #eb1f48;}
.changelog-list-item-type-indicator:after {content: "Change"; line-height: 22px; vertical-align: top;}
.changelog-list-item-type-indicator.bug-fix:after {content: "Bug Fix"; line-height: 22px;vertical-align: top;}
.changelog-list-item-type-indicator.feature:after {content: "Feature"; line-height: 22px;vertical-align: top;}
.changelog-list-item-type-indicator:before {content: "";background: url(/images/change-icon.svg)no-repeat center;width: 20px;height: 20px; margin-top: 2px; background-size: contain; position: relative; display: inline-block; margin-right: 4px;}
.changelog-list-item-type-indicator.bug-fix:before {content: "";background: url(/images/bug-icon.svg)no-repeat center;width: 16px;height: 16px; margin-top: 4px; background-size: contain; position: relative; display: inline-block; margin-right: 6px;}
.changelog-list-item-type-indicator.feature:before {content: "";background: url(/images/lightning-icon.svg)no-repeat center;width: 12px;height: 16px; margin-top: 4px; background-size: contain; position: relative; display: inline-block; margin-right: 6px;}
.changelog-list-item-description, .content-assignments-list-item-description {margin-top: 20px;}
.changelog-list-item-description, .changelog-list-item-description p, .content-assignments-list-item-description, .content-assignments-list-item-description p {font-family: 'Muli', sans-serif; color: #666666; font-size: 10pt; font-weight: normal;}
.changelog-list-item-date-added, .content-assignments-list-item-date-added {font-family: 'Muli', sans-serif; display: inline-block; color: #999999; font-size: 10pt; font-weight: lighter; font-style: italic;}
.content-assignments-list-item-date-added {margin-top: 10px}
.content-assignments-list-item-read-more-button {font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt; color: #36b1ff}
.content-assignments-list-item-read-more-button:after {content: "\f178"; font-family: 'FontAwesome';font-size: 13px; margin-left: 6px;}
.peer-responses-load-more-button-container {padding-top: 20px; position: relative; border-top: 1px solid #e7e7e7; margin-bottom: 50px;}
.changelog-load-more-container, .content-assignments-list-load-more-container {padding-top: 20px; position: relative;}
.changelog-load-more-button, .content-assignments-list-load-more-button {cursor: pointer; font-family: 'Muli', sans-serif; font-size: 10pt; color: #DD167B}
.peer-responses-load-more-button {cursor: pointer; font-family: 'Muli', sans-serif; font-size: 10pt; color: #666666;}
.changelog-loader-container, .content-assignments-list-loader-container {position: relative; width: 100%; height: 200px; display: block;}
.peer-responses-loader-container {position: relative; width: 100%; height: 100px; display: block; margin-bottom: 50px;}

.navigation-section-top {position: relative;padding: 0;display: flex; align-items: center;-webkit-align-items: center;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.navigation-section-title {display: inline-block; margin-bottom: 20px;}
.navigation-section-title h5, .assignment-builder-main-section h5 {padding: 0 0 0 0px;position: relative;text-align: left;font-weight: 600;color: #666666;font-family: 'Muli', sans-serif;font-size: 11pt; vertical-align: middle; line-height: 16px;}
.navigation-section-tip {margin-bottom: 20px;}
.navigation-section-tip span {font-family: 'Muli', sans-serif; font-size: 9pt; color: #666666; font-weight: normal;}
.headright-hover.discuss{display: block; position: static; top: 0; right: 0; background: none; padding: 0;box-shadow: none; border-radius: 0px; width: auto; z-index: 9; }
.headright-hover.discuss span{ color: #666666;font-size: 10px;line-height: 12px;font-weight: 700;font-family: 'Muli', sans-serif;padding: 10px 10px;display: block;cursor: auto;}
.headright-hover.discuss ul li a{ background: none; color: #212121;padding: 0;background: none !important;font-size: 12px;line-height: 12px;font-weight: 700;font-family: 'Muli', sans-serif;}
.headright-hover.discuss ul li:hover {background: #f8f7fc !important; }
.headright-hover.discuss ul li{padding: 8px 10px;}
.content-documentation ol.class-page-documentation-steps-ol li {width: 100%; margin-left: 20px;}
.assignment-attributes {max-width: 100%; position: relative; height: 40px;}
.assignment-attributes strong:after{content:'';position: absolute;left: 0;top: 8px;background: #fcd34f;width:18px;height: 2px; }
.assignment-attributes strong small {font-size: 11px;}
.assignment-attributes strong { color: #424242;font-size: 13px;font-weight: 600;position: relative;padding: 0 0 0 30px;display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform:translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);overflow: hidden; position: absolute;}
.assignment-attributes strong.due-date-indicator {bottom: 0;color: #666666;font-size: 13px; font-weight: 400;padding: 0 0 0 22px;}
.assignment-attributes strong.due-date-indicator:after{content:'';position: absolute;left: 2px;top: 2px;background: url(../images/clock-icon.svg)no-repeat;background-size: contain;width:14px;height: 14px; }
.assignment-attributes strong.note-indicator {bottom: 0;color: #666666;font-size: 13px; font-weight: 400;padding: 0 0 0 22px; width: 100%;}
.assignment-attributes strong.note-indicator:after{content:'';position: absolute;left: 2px;top: 2px;background: url(../images/note-icon.svg)no-repeat;background-size: contain;width:14px;height: 14px; }
.main-btn.new a{width: 187px;padding: 21px 0 15px 15px;border: solid 1px #DD167B;color:#DD167B;text-align: center;margin: 0 0 49px;}
.main-btn.new a:hover{background:#DD167B;color: #fff; }
.main-btn.new{margin: 0;text-align: left;display: inline-block;}
.main-btn.new a:after{ content: "''";right: auto; left: 31px;background: url(../images/plus-icon.png)no-repeat;width:10px;height: 10px;font-size: 0; font-weight: 300;}
.main-btn.new a:hover:after{ background: url(../images/plus-hover-icon.png)no-repeat;width:10px;height: 10px;font-size: 0; font-weight: 300;}
.navigation-section-top.discuss{padding: 15px 0 25px 0;}
.navigation-section-notes.factors{padding: 0 0 56px 57px; }
.navigation-section-notes.factors strong{padding: 0 0 6px 32px;}
.navigation-section-notes span img{margin: 0 17px 0 0}
.navigation-section.bottom{padding: 0 0 30px;}
.navigation-section-action {display: inline-block; float: right; width: 131px; margin-left: 20px;}
.navigation-section-action.long {width: 180px;}
.plus-btn, .edit-btn, .invite-btn, .sync-btn {width: auto; height: 40px; border: 1px solid #DD167B; background: transparent; border-radius: 40px; cursor: pointer; padding: 0px 20px; }
.metrics-btn {width: auto; height: 36px; border: 1px solid #561EB6; background: transparent; border-radius: 40px; cursor: pointer; padding: 0px 18px;}
.plus-btn:hover, .edit-btn:hover, .invite-btn:hover, .sync-btn:hover {background: #DD167B;}
.metrics-btn:hover {background: #561EB6;}
.plus-btn a, .invite-btn a {color: #DD167B; height: 100%; width: 100%; font-size: 9pt; font-family: 'Muli', sans-serif;font-weight: 600; vertical-align: middle; text-align: center; white-space: nowrap;}
.edit-btn a, .sync-btn a {color: #DD167B; height: 100%; font-size: 9pt; font-family: 'Muli', sans-serif;font-weight: 600; vertical-align: middle; text-align: center; white-space: nowrap;}
.metrics-btn a {color: #561EB6; height: 100%; width: 100%; font-size: 9pt; font-family: 'Muli', sans-serif;font-weight: 600; vertical-align: middle; text-align: center; white-space: nowrap;}
.plus-btn a {line-height: 32px;}
.edit-btn a, .invite-btn a, .sync-btn a {line-height: 40px;}
.metrics-btn a {line-height: 34px;}
.plus-btn a:after {content: "+"; font-size: 14pt; padding-left: 10px;}
.sync-btn a:after {content: "";background: url(/images/sync-pink-icon.svg)no-repeat;width: 23px;height: 19px;background-size: contain; position: relative; display: inline-block; top: 6px; margin-left: 10px;}
.edit-btn a:after {content: "";background: url(/images/edit-pink-icon.svg)no-repeat;width: 26px;height: 19px;background-size: contain; position: relative; display: inline-block; top: 6px; margin-left: 10px;}
.metrics-btn a:before {content: "";background: url(/images/metrics-icon.svg)no-repeat;width: 18px;height: 16px;background-size: contain; position: relative; display: inline-block; top: 4px; margin-right: 10px;}
.sync-btn:hover a:after {background: url(/images/sync-white-icon.svg)no-repeat;width: 23px; height: 19px; background-size: contain;}
.edit-btn:hover a:after {background: url(/images/edit-icon.svg)no-repeat;width: 26px; height: 19px; background-size: contain;}
.invite-btn a:after {content: "";background: url(/images/invite-pink-icon.svg)no-repeat;width: 20px;height: 17px;background-size: contain; position: relative; display: inline-block; top: 4px; margin-left: 10px;}
.invite-btn:hover a:after {background: url(/images/invite-white-icon.svg)no-repeat;width: 20px; height: 17px; background-size: contain;}
.metrics-btn:hover a:before {background: url(/images/metrics-white-icon.svg)no-repeat;width: 18px; height: 16px; background-size: contain;}
.plus-btn:hover a, .edit-btn:hover a, .invite-btn:hover a, .metrics-btn:hover a, .sync-btn:hover a {color: #fff;}
.build-form:not(.relative-adjust) .build-saved-text-indicator {float: left; display: none;}
.login-box-bottom {display: block; height: 40px;}
.login-box-bottom-a {height: 20px; margin: 10px 0;color: #DD167B;font-family: 'Muli', sans-serif; font-weight: normal; font-size: 9pt;}
.login-forgot-password-a {display: inline-block; position: relative; margin: 10px 0; color: #DD167B;font-family: 'Muli', sans-serif; font-weight: normal; font-size: 9pt;}
.build-save-button {display: block;}
.build-save-button .iconless-standard-btn {margin-right: 0; margin-left: auto;}
.iconless-standard-btn { width: min-content; height: 40px; border: 1px solid #DD167B; background: transparent; border-radius: 40px; cursor: pointer; padding: 0px 20px; position: relative; }
.iconless-standard-btn a {color: #DD167B; height: 100%; width: 100%; font-size: 9pt; line-height: 36px; font-family: 'Muli', sans-serif;font-weight: 600; vertical-align: middle; text-align: center; white-space: nowrap;}
.iconless-standard-btn:hover a {color: #fff;}
.iconless-standard-btn:hover {background: #DD167B;}
.iconless-standard-btn.purple a {color: #705AF4;}
.iconless-standard-btn.purple:hover a {color: #fff;}
.iconless-standard-btn.purple {border: 1px solid #705AF4;}
.iconless-standard-btn.purple:hover {background: #705AF4;}
.iconless-standard-btn.destructive a {color: #eb1f48; text-transform: uppercase;}
.iconless-standard-btn.destructive:hover a {color: #fff;}
.iconless-standard-btn.destructive {border: 1px solid #eb1f48;}
.iconless-standard-btn.destructive:hover {background: #eb1f48;}
/* Review Page start here */
.assignment-auto-save-top-bar {position: absolute; top:0; left:0; width: 100%; height: 40px; background-color: #36b1ff; display: flex; justify-content: space-between; align-items: center; padding: 0 20px 0 20px;}
.assignment-auto-save-top-bar .text-div {line-height: 40px; white-space: pre; color: #ffffff; font-family: 'Muli', sans-serif; font-size: 10pt; text-align: center;}
.assignment-preview-top-bar, .assignment-guest-top-bar, .navigation-top-bar {position: fixed; top:0; left:0; width: 100%; height: 40px; background-color: #36b1ff; display: block; text-align: center; z-index: 9999999;}
.assignment-preview-top-bar span, .assignment-guest-top-bar span, .navigation-top-bar span, .assignment-guest-top-bar span a, .navigation-top-bar span a, .assignment-preview-top-bar span a {line-height: 40px; white-space: pre; color: #ffffff; font-family: 'Muli', sans-serif; font-size: 10pt; display: inline;}
.assignment-guest-top-bar span a, .navigation-top-bar span a, .assignment-preview-top-bar span a {text-decoration: underline;}
.navigation-top-bar-show-on-small-span {display: none !important}
.assignment-preview-top-bar-underline-menu {display: inline;}
.assignment-preview-top-bar-underline-menu li {display: inline; position: relative;}
.assignment-preview-top-bar-underline-menu li:not(:last-child):after {content:"|"; display: inline; margin-left: 4px; margin-right: 4px;}
.assignment-preview-top-bar .question-preview-selector {display: inline-block; width: 200px; margin-left: 10px; border: 2px solid #ffffff; height: 24px; border-radius: 6px; margin-top: 8px;}
.assignment-preview-top-bar.three .question-preview-selector {width: 260px !important;}
.assignment-preview-top-bar .question-preview-selector .question-preview-selector-item {display: inline-block; cursor: pointer; width: 50%; padding: 0; margin: 0; text-align: center; line-height: 20px; font-family: 'Muli', sans-serif; font-size: 9pt; color: #ffffff; font-weight: normal;}
.assignment-preview-top-bar.three .question-preview-selector .question-preview-selector-item {width: 33.33% !important;}
.assignment-preview-top-bar .question-preview-selector .question-preview-selector-item:hover {background-color: rgba(255,255,255,0.2);}
.assignment-preview-top-bar .question-preview-selector .question-preview-selector-item:first-child {border-right: 1px solid #ffffff}
.assignment-preview-top-bar .question-preview-selector .question-preview-selector-item:last-child {border-left: 1px solid #ffffff}
.assignment-preview-top-bar .question-preview-selector .question-preview-selector-item.active {cursor: default; font-weight: bold; color: #36b1ff; background-color: #ffffff}
.top-bar-back {display: inline-block; float: left; height: 40px; margin-left: 20px}
.top-bar-back a {font-weight: 600; font-family: 'Muli', sans-serif; font-size: 10pt; color: #ffffff; line-height: 40px}
.top-bar-back a:before {content: "\f177"; font-family: 'FontAwesome';font-size: 13px; margin-right: 4px;}
.top-bar-right {display: inline-block; float: right;margin-right: 20px; height: 40px}
.navigation-top-bar-classes-selector-current-class {padding-left: 8px; padding-right: 8px; background-color: #ffffff; border-radius: 4px; height: 24px; margin-top: 8px; cursor: pointer; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); position: relative;}
.navigation-top-bar-classes-selector-current-class:hover {background-color: #e9f3ff}
.navigation-top-bar-classes-selector-current-class span {color: #36b1ff; font-weight: 600; font-family: 'Muli', sans-serif; font-size: 10pt; line-height: 22px}
.navigation-top-bar-classes-selector-current-class span:after {content: "\f0d7"; font-family: 'FontAwesome'; margin-left: 4px}
.navigation-top-bar-classes-selector-container.active .navigation-top-bar-classes-selector-current-class span:after {content: "\f0d8"; font-family: 'FontAwesome'; margin-left: 4px}
.navigation-top-bar-classes-selector-overlay {display: none; position: absolute; top: calc(100% - 4px); right: 20px; width: 200px; max-height: 300px; overflow: scroll; background-color: #ffffff; border-radius: 3px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); border: 1px solid #e7e7e7;}
.navigation-top-bar-classes-selector-container.active .navigation-top-bar-classes-selector-overlay {display: block}
.navigation-top-bar-classes-selector-item a {width: 100%; padding: 10px; font-family: 'Muli', sans-serif; font-size: 10pt; color: #36b1ff; font-weight: normal;}
.navigation-top-bar-classes-selector-item a:hover {background-color: #e9f3ff}
.navigation-top-bar-classes-selector-item.active a {font-weight: bold}
.review-page {padding: 0 0;}
@media (min-width: 767px) {
	.review-lft-rlt-vertical-scroll-stack.full-page .review-lft {display: none;}
	.review-lft-rlt-vertical-scroll-stack.full-page .review-rlt {width: 100%;}
	.review-lft-rlt-vertical-scroll-stack.full-page .question-details h3 p{font-size: 24px;line-height: 30px;}
	.review-lft-rlt-vertical-scroll-stack.full-page .question-details h3:after {display: none;}
	.review-lft-rlt-vertical-scroll-stack.full-page .review-learning-content {padding: 45px 45px 0 45px;}
	.review-lft-rlt-vertical-scroll-stack.full-page .quiz-score-section {margin-bottom: 45px;}
}
.review-lft.no-padding, .review-rlt.no-padding {padding: 0 !important}
.review-lft {margin-top: 69px; height: calc(100% - 69px);}
.review-lft p {display: inline-block;padding: 0 0 10px 0;font-size: 14px;line-height:16px;color: #212121;font-family: 'Muli', sans-serif;font-weight: 600;padding: 0 0 42px;}
.vertical-scroll p {display: inline-block;padding: 0 0 10px 0;font-size: 14px;line-height:24px;color: #212121;font-family: 'Muli', sans-serif;font-weight: 600;padding: 0 0 42px;}
.review-lft p em{color: #f41084;}
.review-lft{width: 23.8%;padding: 58px 25px 0 40px;float: left;border-right: 1px solid #e7e7e7;position: fixed;height: 100%;top: 0;overflow: auto;}
.review-lft p a{font-size: 14px;line-height:16px;color: #212121;font-family: 'Muli', sans-serif;font-weight: 600;}
.sidebar-history{}
.review-main-content{display: none}
.review-lft ul{font-family: 'Muli', sans-serif; font-weight: 600; font-size: 16px;line-height:18px;color: #212121;}
.review-lft ul a {width: 100%; position: relative;}
.review-lft ul a.has-comment:after {content: ""; position: absolute; left: -14px; top: 9px; width: 5px; height: 5px; border-radius: 10px; background-color: #DD167B; display: block;}
.review-lft ul a.has-comment li p span:after, .review-lft ul a.has-comment li .quiz-question-button-li-body span:after {content: ""; width: 5px; height: 5px; border-radius: 10px; background-color: #DD167B; display: none; margin-left: 4px; vertical-align: middle;}
.review-lft ul li{padding: 0 35px 0 0; margin-bottom: 30px; display: flex;display:-webkit-flex;position: relative; cursor: pointer;}
.review-lft ul li.active p em, .review-lft ul li.active .quiz-question-button-li-body em{color: #DD167B}
.review-lft ul li.locked {cursor: default;}
.review-lft ul li p, .quiz-question-button-li-body {display: flex;display:-webkit-flex}
.review-lft ul li.active p span, .review-lft ul li.active .quiz-question-button-li-body span{color: #212121;}
.review-lft ul li.unknown:not(.resubmitted) p small, .review-lft ul li.unknown:not(.resubmitted) .quiz-question-button-li-body small {background: url(/images/question-status-unknown-icon.svg)no-repeat !important;background-size: cover !important;}
.review-lft ul li.unknown:not(.resubmitted).active p small, .review-lft ul li.unknown:not(.resubmitted).active .quiz-question-button-li-body small{background: url(/images/question-status-unknown-active-icon.svg)no-repeat !important;background-size: cover !important;}
.review-lft ul li.active p small, .review-lft ul li.active .quiz-question-button-li-body small{background: url(/images/assignment-complete-active-icon.png)no-repeat;background-size: cover;}
.review-lft ul li.incorrect p small, .review-lft ul li.incorrect .quiz-question-button-li-body small{background: url(/images/assignment-incorrect-icon.svg)no-repeat;background-size: cover;}
.review-lft ul li.half-correct p small, .review-lft ul li.half-correct .quiz-question-button-li-body small{background: url(/images/half-faded-icon.svg)no-repeat left;background-size: contain; height:13px; width: 16px;}
.review-lft ul li.incorrect.active p small, .review-lft ul li.incorrect.active .quiz-question-button-li-body small{background: url(/images/assignment-incorrect-active-icon.svg)no-repeat;background-size: cover;}
.review-lft ul li.half-correct.active p small, .review-lft ul li.half-correct.active .quiz-question-button-li-body small{background: url(/images/half-icon.svg)no-repeat left;background-size: contain;}
.review-lft ul li.locked p small, .review-lft ul li.locked .quiz-question-button-li-body small{background: url(/images/lock-icon.svg)no-repeat;background-size: contain; width: 12px; height: 15px;}
.review-lft ul li p, .quiz-question-button-li-body {padding: 0;}
.review-lft ul li p small, .quiz-question-button-li-body small{position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform:translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);right: 1px;background: url(/images/assignment-complete-inactive-icon.png)no-repeat;width: 15px;height: 15px;background-size: cover;}
.review-lft ul li p span, .quiz-question-button-li-body span{position: relative;padding: 0 0 0 17px;font-size: 14px;line-height: 21px;font-weight: 600;color: #888888;letter-spacing: 0.2px;font-family: 'Muli', sans-serif;}
.review-lft ul li:hover p span, .review-lft ul li:hover .quiz-question-button-li-body span {color: #212121;}
.review-lft ul li p em, .review-lft ul li .quiz-question-button-li-body em {color: #888888;}
.quiz-question-button-li-body span p {display: inline-block !important; line-height: 21px !important; color: inherit;}
.review-page.question-feedback .review-rlt {margin-top: 40px;}
.review-rlt{display: inline-block;width: 76.2%; padding: 0 0 77px; position: fixed; right: 0; overflow-x: hidden !important;}
.review-rlt.short {padding: 0;}
.assignment-expand-shrink-main-content-button {position: relative; margin-left: 4px; width: 20px; height: 20px; display: inline-block; cursor: pointer;}
.assignment-expand-shrink-main-content-button:after {content: "";background: url(/images/expand-page-icon.svg) no-repeat center;background-size: contain; display: inline-block; width: 14px; height: 14px; right: 3px; top: 3px; position: absolute; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.assignment-expand-shrink-main-content-button:hover:after {width: 18px; height: 18px; right: 1px; top: 1px}
.review-lft-rlt-vertical-scroll-stack.full-page .assignment-expand-shrink-main-content-button:after {content: "";background: url(/images/shrink-page-icon.svg) no-repeat center;background-size: contain; display: inline-block; width: 14px; height: 14px; right: 3px; top: 3px; position: absolute; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.review-lft-rlt-vertical-scroll-stack.full-page .assignment-expand-shrink-main-content-button:hover:after {width: 18px; height: 18px; right: 1px; top: 1px}
.review-learning-content{padding: 100px 156px 0 156px; }
.review-main-section{opacity: 0.3; -webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-ms-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;}
.review-main-section.active{opacity: 1; filter: alpha(opacity=50);}
.review-main-section ul li span em {margin: 0px 6px;}
.review-main-section .educators-choice em { vertical-align: middle; display: inline-block; padding: 0px 11px 0 0;}
.review-main-section .question-attribute-review-question em{ vertical-align: middle; display: inline-block; padding: 2px 11px 0 0;}
.review-main-section .educators-choice small {color: #DD167B;display: inline-block;}
.review-main-section .question-attribute-review-question small {color: #705AF4;display: inline-block;}
.review-main-section > .educators-choice .review-assignment-question-attribute-title {position: relative; cursor: pointer;font-family: 'Muli', sans-serif;font-weight: 600;font-size: 13px;line-height: 32px;color: #DD167B;vertical-align: middle;}
.review-main-section > .question-attribute-review-question .review-assignment-question-attribute-title {position: relative; cursor: pointer; font-family: 'Muli', sans-serif;font-weight: 600;font-size: 13px;line-height: 32px;color: #705AF4;vertical-align: middle;}
.question-attribute-review-question .review-assignment-question-attribute-title:after {content: ""; position: absolute; left:0; top:calc(100% + 2px); height:1px; width:100%; background-color: #705AF4; display: block;}
.educators-choice .review-assignment-question-attribute-title:after {content: ""; position: absolute; left:0; top:calc(100% + 2px); height:1px; width:100%; background-color: #DD167B; display: block;}
.review-assignment-question-attribute-overlay {display: none; position: absolute; left: calc(100% + 10px); top: 50%; width: 400px; padding: 10px; border: 1px solid #e7e7e7; background-color: #ffffff; z-index: 3; border-radius: 3px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform:translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.educators-choice  .review-assignment-question-attribute-overlay {width: 364px;}
.review-assignment-question-attribute-overlay span {font-size: 9pt; color: #666666;}
.review-assignment-question-attribute {position: relative; margin-bottom: 35px; display: inline-block; cursor: pointer;}
.review-assignment-question-attribute:hover .review-assignment-question-attribute-overlay {display: block}
.question-details {padding-bottom: 41px; position: relative; }
.question-description p {color: #626262; font-size: 12pt;}
.question-description p:not(:last-child) {margin-bottom: 10px;}
.question-description.lesson p {color: #626262; font-size: 11pt;}
.question-description.lesson {margin-bottom: 20px;}
.open-ended-question-field-container.view-only {overflow: hidden;}
.open-ended-question-field-container.view-only textarea {display: none}
.open-ended-question-field-container.view-only .oc-text-editor {display: none}
.open-ended-question-field-container.view-only .open-ended-question-field-value {display: block}
.open-ended-question-field-container .open-ended-question-field-value {display: none; background-color: #F7F7F7 !important}
.open-ended-question-field-container {border: 1px solid #e7e7e7; border-radius: 10px; display: block; position: relative}
.open-ended-question-field-value {width: 100%; position: relative; display: block; background-color: transparent; padding: 10px; min-height: 40px !important; line-height: 20px; width: 100%; border: none;overflow: auto;outline: none;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;resize: none;}
.open-ended-question-field-value p {font-family: 'Muli', sans-serif; font-size: 14px; font-weight: normal;}
.review-main-section h3{position: relative;color: #212121;padding: 0 0 20px 0;line-height: 59px;}
.lesson-content-item h3:after {display: none}
.review-main-section h3:after{content: '';position: absolute;top: 25px;left: -157px;width: 79px;height: 1px;background-image: linear-gradient(to right, #f1f1f1, #e7e7e7 48%, #f1f1f1);}
.primary-content{float: left;width: 78%;}
.primary-content p{font-family: 'Muli', sans-serif;font-weight: 400;font-size: 16px;line-height:23px;color: #212121;padding: 0 0 27px 0;}
.primary-content .question-code-editor-resize-bar {margin-bottom: 27px}
.primary {border-radius: 6px; padding: 10px; margin-bottom: 50px;}
.peer-responses-list .primary:not(:last-child) {border-bottom: 1px solid #e7e7e7; padding-bottom: 50px;}
.peer-responses-sort-results-section {padding: 10px; margin-bottom: 10px;}
.primary-content a{font-family: 'Muli', sans-serif; font-weight: 400; font-size: 14px;line-height:16px;color: #1999ea;}
.primary-content a i{color: #1999ea;font-size: 15px;}
.primary-inn{float: left;width: 22%;}
.primary-inn span{font-family: 'Muli', sans-serif;font-weight: 600;font-size: 14px;line-height:16px;color: #212121;display: block;padding: 0 5px 7px 0;}
.primary-inn em{font-family: 'Muli', sans-serif;font-weight: 700;font-size: 10px;line-height: 12px;color: #666666;padding: 0 0 6px 0;display: block;position: relative;margin: 0 0 10px;}
.primary-inn em:after{content:'' ;position: absolute;top: 100%;width: 30px;height: 2px;left: 0; background: #fcd34f;}
.primary-inn.my-response em:after{content:'' ;position: absolute;top: 100%;width: 30px;height: 2px;left: 0; background: #DD167B;}
.primary-inn.peer-response em:after{content:'' ;position: absolute;top: 100%;width: 30px;height: 2px;left: 0; background: #36b1ff;}
.primary-inn small{font-family: 'Muli', sans-serif; font-weight: 400; font-size: 12px;color: #DD167B;display: block; padding-left: 26px; margin-bottom: 8px; position: relative;}
.primary-inn small.instructor-endorsed-award {line-height: 15px; height: 17px}
.primary-inn small.frequently-upvoted-award {color: #36b1ff; line-height: 17px; height: 19px}
.primary-inn small.instructor-endorsed-award:before {content: '';left: 0;width: 14px;height: 17px;background: url(../images/instructor-endorsed-icon.svg) no-repeat center;background-size: contain; position: absolute; top: 0; left: 1px; display: block;}
.primary-inn small.frequently-upvoted-award:before {content: '';left: 0;width: 18px;height: 19px;background: url(../images/upvote-award-icon.svg) no-repeat center;background-size: contain; position: absolute; top: 0; left: 0; display: block;}
.assignment-builder-question-text-field-container-markdown-preview-container {vertical-align: top !important;}
.mastery-question-explanation-text p:not(:last-child), .mastery-question-explanation-text blockquote:not(:last-child), .mastery-question-explanation-text ul:not(:last-child), .metrics-question-response-item-name ul:not(:last-child), .metrics-question-response-item-name blockquote:not(:last-child), .review-main-section h3 blockquote:not(:last-child), .markdown-preview-container blockquote:not(:last-child), .assignment-builder-question-text-field-container-markdown-preview-container blockquote:not(:last-child), .student-input-preview blockquote, .assignment-builder-lesson-text-section-preview blockquote, .lesson-content-text-item blockquote, .oc-markdown blockquote {margin-bottom: 10px}
.metrics-question-response-item-page-section .markdown-container p:not(:last-child), .metrics-question-response-item-page-section .markdown-container blockquote:not(:last-child), .metrics-question-response-item-page-section .markdown-container ul li:not(:last-child), .metrics-question-response-item-page-section .markdown-container ul:not(:last-child), .review-main-section ul:not(:last-child), .metrics-question-response-item-page-section h3 blockquote:not(:last-child), .metrics-question-response-item-page-section h3 ul li:not(:last-child), .metrics-question-response-item-page-section h3 ul:not(:last-child) {margin-bottom: 4px !important;}
.quiz-question-option-explanation-body p:not(:last-child), .quiz-question-option-explanation-body blockquote:not(:last-child), .quiz-question-option-explanation-body ul:not(:last-child), .markdown-preview-container ul:not(:last-child), .assignment-builder-question-text-field-container-markdown-preview-container ul:not(:last-child), .student-input-preview ul:not(:last-child), .assignment-builder-lesson-text-section-preview ul:not(:last-child), .lesson-content-text-item ul:not(:last-child), .oc-markdown ul:not(.oc-text-editor-toolbar-option-text-colors-list):not(:last-child) {margin-bottom: 10px}
.primary-content-main p:last-child, .quiz-question-option-text p:last-child, .quiz-question-option-explanation-body p:last-child, .quiz-question-option-explanation-body p:last-child, .markdown-preview-container p:last-child, .assignment-builder-question-text-field-container-markdown-preview-container p:last-child, .student-input-preview p:last-child, .assignment-builder-lesson-text-section-preview p:last-child, .lesson-content-text-item p:last-child, .oc-markdown p:last-child {margin:0 !important; padding: 0 !important;}
.primary-content-main p:not(:last-child), .quiz-question-option-text p:not(:last-child), .quiz-question-option-explanation-body p:not(:last-child), .quiz-question-option-explanation-body p:not(:last-child), .markdown-preview-container p:not(:last-child), .assignment-builder-question-text-field-container-markdown-preview-container p:not(:last-child), .student-input-preview p:not(:last-child), .assignment-builder-lesson-text-section-preview p:not(:last-child), .oc-markdown p:not(:last-child) {margin-bottom: 10px; padding: 0 !important;}
.ql-editor pre {padding: 8px !important}
.lesson-content-text-item p:not(:last-child), .oc-markdown p:not(:last-child) {margin-bottom: 30px; padding: 0 !important;}
.lesson-content-item-container {position: relative;}
.lesson-section-link {display: block; width: 20px; height: 20px; background-color: red; position: absolute; background: url(../images/link-light-icon.svg) no-repeat left;background-size: contain; width: 18px; height: 18px; left: -30px; top: 8px; cursor: pointer;}
.lesson-section-link:hover {background: url(../images/link-dark-icon.svg) no-repeat left;background-size: contain;}
.lesson-assignments-navigation {position: fixed; height: 20px; display: block; width: 100%; bottom: 0; background-color: #ffffff; height: 60px; border-top: 1px solid #e7e7e7;}
.metrics-assignments-navigation, .assignment-builder-assignments-navigation {margin: 50px 0px; position: relative; height: 20px; display: block; width: 100%;}
.lesson-assignments-navigation-prev, .lesson-assignments-navigation-next {position: absolute; display: block; height: 20px; line-height: 20px; top: 0; max-width: calc(50% - 4px)}
.lesson-assignments-navigation-prev a, .lesson-assignments-navigation-next a, .next-assignment-button a {color: #705AF4; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 11pt; }
.lesson-assignments-navigation-next a:after, .next-assignment-button a:after, .next-assignment-button-full a span:after {content: "\f178"; font-family: 'FontAwesome';font-size: 13px; margin-left: 6px;}
.lesson-assignments-navigation-next.locked a {color: #666666; cursor: default;}
.lesson-assignments-navigation-next.locked a:after {content: "\f023"; font-family: 'FontAwesome';font-size: 13px; margin-left: 6px;}
.lesson-assignments-navigation-prev a:before {content: "\f177"; font-family: 'FontAwesome';font-size: 13px; margin-right: 6px;}
.lesson-assignments-navigation-prev a, .assignment-builder-assignments-navigation .lesson-assignments-navigation-next a {color: #666666;}
.lesson-assignments-navigation-prev {left: 20px; top: 18px}
.lesson-assignments-navigation-next {right: 20px; top: 18px}
.lesson-assignments-navigation-next.locked a:hover + .hover-tip {display: block;}
.hover-tip {position: absolute; right: 0; bottom: 24px; display: none; white-space: nowrap; background-color: rgba(0, 0, 0, 0.7); color: #ffffff; border-radius: 4px; padding: 4px;}
.quiz-question-option-explanation-body ul {padding: 0 !important;}
.next-assignment-button {display: inline-block; margin-left: 20px;}
.next-assignment-button-full.center {text-align: center}
.next-assignment-button-full {display: block; height: 40px; width: 100%; margin-top: 80px;}
.next-assignment-button-full a {display: inline-block; height: 40px; margin: 0 auto;}
.next-assignment-button-full a span {color: #705AF4; line-height: 38px; height: 40px; padding: 0 20px; display: inline-block; padding-bottom: 0}
.next-assignment-button-full a:hover span {color: #ffffff;}
.next-assignment-button-full a:hover {background-color: #705AF4}
.next-assignment-button-full a {border: 1px solid #705AF4; border-radius: 20px;}
.markdown-preview-container.markdown-action-preview-header strong, .markdown-preview-container.markdown-action-preview-mini-header strong {font-weight: bolder; color: black;}
.markdown-preview-container.markdown-action-preview-header strong em, .markdown-preview-container.markdown-action-preview-header em strong, .markdown-preview-container.markdown-action-preview-mini-header strong em, .markdown-preview-container.markdown-action-preview-mini-header em strong {font-weight: bolder; color: black; font-style: italic;}
.primary-content-answer em, .markdown-preview-container em, .assignment-builder-question-text-field-container-markdown-preview-container em, .student-input-preview em, .assignment-builder-lesson-text-section-preview em, .lesson-content-text-item em, .oc-markdown em, .review-main-section h3 em, .metrics-question-response-item-name em, .question-description em, .hint-text em, .mastery-question-explanation-text em, .quiz-question-option-explanation-body em, .metrics-question-response-item-page-section .markdown-container em, .metrics-question-response-item-page-section h3 em {font-style: italic;}
.mastery-question-header h6 em {font-style: italic; font-weight: inherit;padding: 0 !important; margin: 0 !important}
.mastery-question-type-explanation {margin: 40px 0 30px 0; font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: bold; text-transform: uppercase; color: #666666;}
.question-code-title {margin-bottom: 30px; font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: bold; text-transform: uppercase; color: #666666;}
.mastery-question-submit-button-container {margin-bottom: 60px; margin-top: 10px}
.lesson-mc-question-submit-button-container, .lesson-mc-question-undo-button-container {margin-top: 20px; }
.lesson-question-submit-button-subtext {display: block; margin-top: 20px; font-family: 'Muli', sans-serif; color: #666666; font-size: 10pt; font-weight: 600;}
.lesson-question-submit-button-subtext span {}
.lesson-question-undo-button {display: inline-block; position: relative; cursor: pointer;}
.lesson-question-undo-button span {color: #DD167B; font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: 600;}
.lesson-question-undo-button span:hover {text-decoration: underline;}
.mastery-question-submit-button {display: inline-block; border: 1px solid #DD167B; height: 40px; border-radius: 20px; cursor: pointer; padding: 0 15px; position: relative;}
.mastery-question-submit-button.loading:after {content: ""; border: 3px solid transparent; border-top: 3px solid #666666; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 8px);left:calc(50% - 8px); display: block;}
.mastery-question-submit-button.loading span {opacity: 0}
.mastery-question-submit-button.disabled {border-color: #666666; cursor: default;}
.mastery-question-submit-button:not(.disabled):hover {background-color: #DD167B}
.mastery-question-submit-button span {color: #DD167B; font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: 600; line-height: 40px}
.mastery-question-submit-button.disabled span {color: #666666;}
.mastery-question-submit-button:not(.disabled):hover span {color: #ffffff;}
.lesson-view-student-responses-section {margin-top: 20px; position: relative;}
.lesson-view-student-responses-section-title {font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: 600; color: #666666}
.lesson-view-student-responses-section-items {margin-top: 20px;}
.lesson-view-student-responses-section-item:before {content: ""; position: absolute; top: 10px; left: 4px; width: 2px; height: calc(100% - 20px); display: block; background-color: #36b1ff;}
.lesson-view-student-responses-section-item {display: block; width: 100%; padding: 10px 0 10px 12px; position: relative;}
.lesson-view-student-responses-section-item:not(:last-child) {border-bottom: 1px solid #e7e7e7;}
.lesson-view-student-responses-section-item-body p {font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: normal; color: #666666}
.lesson-view-student-responses-section-item-footer {margin-top: 10px;}
.lesson-view-student-responses-section-item-footer:before {content: "\2014"; margin-right: 4px; color: #999999}
.lesson-view-student-responses-section-item-footer-link {font-weight: 600; color: #36b1ff; cursor: pointer;}
.lesson-view-student-responses-section-load-more-button-container {padding-top: 20px; position: relative; border-top: 1px solid #e7e7e7;}
.lesson-view-student-responses-section-load-more-button {cursor: pointer; font-family: 'Muli', sans-serif; font-size: 10pt; color: #DD167B}
.lesson-view-student-responses-section-load-more-button-container.loading .lesson-view-student-responses-section-load-more-button {display: none;}
.lesson-view-student-responses-section-load-more-button-container.loading:after {content: "";border: 3px solid transparent; border-top: 3px solid #666666; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 7.5px) !important; left: 4px !important; display: block;}
.lesson-view-student-responses-section.unloaded .lesson-view-student-responses-section-load-more-button-container {display: none;}
.lesson-view-student-responses-section.unloaded .lesson-view-student-responses-section-items {height: 60px; position: relative;}
.lesson-view-student-responses-section.unloaded .lesson-view-student-responses-section-items:after {content: "";border: 4px solid transparent; border-top: 4px solid #666666; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 10px) !important; left: calc(50% - 10px) !important; display: block;}
.lesson-view-student-responses-section-message {display: block; width: 100%;}
.lesson-view-student-responses-section-message span {font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: normal; color: #666666}
strong em, em strong {font-stretch: italic !important; font-weight: bold !important;}
h3 strong em, h3 em strong {font-stretch: italic !important; font-weight: bolder !important;}
br {display: block !important}
.mastery-question-option-answer-text {display: inline-block; width: calc(100% - 50px);}
.mastery-question-option-answer-text ul li p, .mastery-question-explanation-text ul li p, .metrics-question-response-item-mastery-question-option-answer ul li p {display: inline-block;}
.lesson-item-question-title ul li p, .lesson-item-question-title ol li p {display: inline;}
.mastery-question-option-answer-text ol li p, .mastery-question-explanation-text ol li p, .metrics-question-response-item-mastery-question-option-answer ol li p {display: inline-block;}
.mastery-question-option-answer-text p em, .metrics-question-response-item h3 em, .metrics-question-response-item-mastery-question-option-answer p em, .quiz-question-option-text p em, .primary-content-main p em, .lesson-item-question-title em {font-style: italic; font-weight: inherit;padding: 0 !important; margin: 0 !important; color: #212121 !important}
.primary-content-answer code, .markdown-preview-container code, .assignment-builder-question-text-field-container-markdown-preview-container code, .student-input-preview code, .assignment-builder-lesson-text-section-preview code, .lesson-content-text-item code, .oc-markdown code, .metrics-question-response-item h3 code, .metrics-question-response-item-page-section .markdown-container code, .review-main-section h3 code, .question-details h3 code, .discussion-post-page h3 code, .metrics-question-response-item-name code, .question-description code, .hint-text code, .mastery-question-header h6 code, .mastery-question-option-answer-text p code, .metrics-question-response-item-mastery-question-option-answer p code, .mastery-question-explanation-text code, .quiz-question-option-explanation-body code, .quiz-question-option-text p code, .primary-content-main p code, .metrics-question-response-item-page-section h3 code, .lesson-item-question-title p code, .lesson-item-question-title code {background-color: #ECECEC; padding-left: 2px; padding-right: 2px;}
.lesson-item-question-title p, .lesson-item-question-title ul li, .lesson-item-question-title ol li {line-height: 24px;}
.lesson-item-question-title a {font-size: inherit; font-family: inherit; display: inline; color: #1999ea;}
pre {background-color: #ECECEC; padding: 8px;line-height: 20px !important; font-size: 10pt !important;}
.review-main-section h3 a, .markdown-preview-container a, .assignment-builder-question-text-field-container-markdown-preview-container a, .student-input-preview a, .assignment-builder-lesson-text-section-preview a, .lesson-content-text-item a, .oc-markdown a, .metrics-question-response-item h3 a, .metrics-question-response-item-page-section .markdown-container a, .metrics-question-response-item-name a, .question-description a, .hint-text a, .mastery-question-header h6 a, .metrics-question-response-item-page-section h3 a {color: #1999ea !important; display: inline; font-family: inherit; font-size: inherit; line-height: inherit; display: inline;}
.mastery-question-explanation-text a, .quiz-question-option-explanation-body a {color: inherit; text-decoration: underline; display: inline; font-family: inherit; font-size: inherit; line-height: inherit; display: inline;}
.mastery-question-option-answer-text p a, .metrics-question-response-item-mastery-question-option-answer p a, .quiz-question-option-text p a, .primary-content-main p a, .markdown-preview-disable-links a, .metrics-question-response-item h3 a {color: inherit; display: inline; font-family: inherit; font-size: inherit;pointer-events: none; }
.review-main-section h3 a:hover, .markdown-preview-container a:hover, .assignment-builder-question-text-field-container-markdown-preview-container a:hover, .student-input-preview a:hover, .assignment-builder-lesson-text-section-preview a:hover, .lesson-content-text-item a:hover, .oc-markdown a:hover, .metrics-question-response-item h3 a:hover, .metrics-question-response-item-name a:hover, .primary-content-answer a:hover, .metrics-question-response-item-page-section .markdown-container a:hover, .question-description a:hover, .hint-text a:hover, .mastery-question-header h6 a:hover, .metrics-question-response-item-page-section h3 a:hover {text-decoration: underline;}
.markdown-preview-container.markdown-action-preview-header blockquote, .markdown-preview-container.markdown-action-preview-header ul, .markdown-preview-container.markdown-action-preview-header ol, .markdown-preview-container.markdown-action-preview-mini-header blockquote, .markdown-preview-container.markdown-action-preview-mini-header ul, .markdown-preview-container.markdown-action-preview-mini-header ol {white-space: normal;}
.primary-content-answer blockquote {padding-left: 18px; position: relative; margin-bottom: 27px;}
.review-main-section h3 blockquote, .markdown-preview-container blockquote, .assignment-builder-question-text-field-container-markdown-preview-container blockquote, .student-input-preview blockquote, .assignment-builder-lesson-text-section-preview blockquote, .lesson-content-text-item blockquote, .oc-markdown blockquote, .metrics-question-response-item-name blockquote, .question-description blockquote, .hint-text blockquote, .mastery-question-header h6 blockquote, .metrics-question-response-item h3 blockquote, .mastery-question-option-answer-text blockquote, .metrics-question-response-item-mastery-question-option-answer blockquote, .quiz-question-option-text blockquote, .primary-content-main blockquote, .mastery-question-explanation-text blockquote, .quiz-question-option-explanation-body blockquote, .metrics-question-response-item-page-section .markdown-container blockquote, .metrics-question-response-item-page-section h3 blockquote {padding-left: 18px; position: relative; color: #777777;}
.question-description blockquote, .hint-text blockquote, .mastery-question-option-answer-text blockquote, .metrics-question-response-item-mastery-question-option-answer blockquote, .quiz-question-option-text blockquote, .primary-content-main blockquote {margin-bottom: 10px;}
.quiz-question-option-text p:last-child, .primary-content-main p:last-child {margin: 0 !important; padding: 0 !important;}
.primary-content-answer blockquote:before, .markdown-preview-container blockquote:before, .assignment-builder-question-text-field-container-markdown-preview-container blockquote:before, .student-input-preview blockquote:before, .assignment-builder-lesson-text-section-preview blockquote:before, .lesson-content-text-item blockquote:before, .oc-markdown blockquote:before, .metrics-question-response-item-page-section .markdown-container blockquote:before, .review-main-section h3 blockquote:before, .metrics-question-response-item-name blockquote:before, .question-description blockquote:before, .hint-text blockquote:before, .mastery-question-header h6 blockquote:before, .metrics-question-response-item h3 blockquote:before, .mastery-question-option-answer-text blockquote:before, .metrics-question-response-item-mastery-question-option-answer blockquote:before, .quiz-question-option-text blockquote:before, .primary-content-main blockquote:before, .mastery-question-explanation-text blockquote:before, .quiz-question-option-explanation-body blockquote:before, .metrics-question-response-item-page-section h3 blockquote:before {content: ""; position: absolute; left:0; top:0; height:100%; width: 4px; background-color: #36b1ff}
.primary-content-answer blockquote p, .markdown-preview-container blockquote p, .assignment-builder-question-text-field-container-markdown-preview-container blockquote p, .student-input-preview blockquote p, .assignment-builder-lesson-text-section-preview blockquote p, .lesson-content-text-item blockquote p, .oc-markdown blockquote p, .metrics-question-response-item-page-section .markdown-container blockquote p, .mastery-question-option-answer-text blockquote p, .review-main-section h3 blockquote p, .metrics-question-response-item-mastery-question-option-answer blockquote p, .quiz-question-option-text blockquote p, .primary-content-main blockquote p, .mastery-question-explanation-text blockquote p, .quiz-question-option-explanation-body blockquote p, .metrics-question-response-item-page-section blockquote p {color: #777777 !important;}
.primary-content-answer blockquote p:last-child {padding-bottom: 0;}
.primary-content-answer ul, .primary-content-answer ol {padding: 0 !important; margin-bottom: 27px !important;}
.review-main-section h3 ul, .metrics-question-response-item-name ul, .question-description ul, .hint-text ul, .mastery-question-header h6 ul, .metrics-question-response-item h3 ul, .mastery-question-option-answer-text ul, .metrics-question-response-item-mastery-question-option-answer ul, .quiz-question-option-text ul, .primary-content-main ul, .mastery-question-explanation-text ul, .quiz-question-option-explanation-body ul, .metrics-question-response-item-page-section h3 ul, .markdown-preview-container ul, .assignment-builder-question-text-field-container-markdown-preview-container ul, .student-input-preview ul, .assignment-builder-lesson-text-section-preview ul, .lesson-content-text-item ul, .oc-markdown ul:not(.oc-text-editor-toolbar-option-text-colors-list) {padding: 0;}
.review-main-section h3 ol, .metrics-question-response-item-name ol, .question-description ol, .hint-text ol, .mastery-question-header h6 ol, .metrics-question-response-item h3 ol, .mastery-question-option-answer-text ol, .metrics-question-response-item-mastery-question-option-answer ol, .quiz-question-option-text ol, .primary-content-main ol, .mastery-question-explanation-text ol, .quiz-question-option-explanation-body ol, .metrics-question-response-item-page-section h3 ol, .markdown-preview-container ol, .assignment-builder-question-text-field-container-markdown-preview-container ol, .student-input-preview ol, .assignment-builder-lesson-text-section-preview ol, .lesson-content-text-item ol, .oc-markdown ol, .lesson-item-question-title ol {padding: 0; list-style-type: decimal;}
.mastery-question-option-answer-text ul:last-child, .mastery-question-option-answer-text ol:last-child, .metrics-question-response-item-mastery-question-option-answer ul:last-child, .metrics-question-response-item-mastery-question-option-answer ol:last-child, .quiz-question-option-text ul:last-child, .quiz-question-option-text ol:last-child, .primary-content-main ul:last-child, .primary-content-main ol:last-child, .mastery-question-option-answer-text blockquote:last-child, .metrics-question-response-item-mastery-question-option-answer blockquote:last-child {margin: 0; padding-top: 0 !important; padding-bottom: 0 !important}
.quiz-question-option-text ul:not(:last-child), .primary-content-main ul:not(:last-child) {margin-bottom: 10px; padding: 0 !important;}
.quiz-question-option-text ol:not(:last-child), .primary-content-main ol:not(:last-child) {margin-bottom: 10px; padding: 0 !important;}
.quiz-question-option-text blockquote p:not(:last-child), .primary-content-main blockquote p:not(:last-child) {margin-bottom: 10px}
.quiz-question-option-text blockquote p:last-child, .primary-content-main blockquote p:last-child {margin-bottom: 0}
.review-main-section h3 ul li, .metrics-question-response-item-name ul li, .question-description ul li, .hint-text ul li, .mastery-question-header h6 ul li, .metrics-question-response-item h3 ul li, .mastery-question-option-answer-text ul li, .metrics-question-response-item-mastery-question-option-answer ul li, .quiz-question-option-text ul li, .primary-content-main ul li, .mastery-question-explanation-text ul li, .quiz-question-option-explanation-body ul li, .metrics-question-response-item-page-section .markdown-container ul li, .metrics-question-response-item-page-section h3 ul li, .markdown-preview-container ul li, .assignment-builder-question-text-field-container-markdown-preview-container ul li, .student-input-preview ul li, .assignment-builder-lesson-text-section-preview ul li, .lesson-content-text-item ul li, .oc-markdown ul:not(.oc-text-editor-toolbar-option-text-colors-list) li {display: block !important; width: 100% !important;font-family: inherit;font-weight: inherit;font-size: inherit;line-height:inherit;color: inherit;}
.review-main-section h3 ol li, .metrics-question-response-item-name ol li, .question-description ol li, .hint-text ol li, .mastery-question-header h6 ol li, .metrics-question-response-item h3 ol li, .mastery-question-option-answer-text ol li, .metrics-question-response-item-mastery-question-option-answer ol li, .quiz-question-option-text ol li, .primary-content-main ol li, .mastery-question-explanation-text ol li, .quiz-question-option-explanation-body ol li, .metrics-question-response-item-page-section .markdown-container ol li, .metrics-question-response-item-page-section h3 ol li, .markdown-preview-container ol li, .assignment-builder-question-text-field-container-markdown-preview-container ol li, .student-input-preview ol li, .assignment-builder-lesson-text-section-preview ol li, .lesson-content-text-item ol li, .oc-markdown ol li {display: block !important; width: 100% !important;font-family: inherit;font-weight: inherit;font-size: inherit;line-height:inherit;color: inherit; display:list-item !important; list-style-position: inside}
.quiz-question-option-explanation-body ul li, .quiz-question-option-explanation-body ol li {font-size: 11pt;}
.question-description ul li, .question-description ol li {color: #626262;}
.primary-content-answer ul li, .primary-content-answer ol li {display: inline-block !important; width: 100% !important; font-family: 'Muli', sans-serif;font-weight: 400;font-size: 16px;line-height:23px;color: #212121;}
.primary-content-answer ul li:not(:last-child), .review-main-section h3 ul li:not(:last-child), .metrics-question-response-item-name ul li:not(:last-child), .question-description ul li:not(:last-child), .hint-text ul li:not(:last-child), .mastery-question-option-answer-text ul li:not(:last-child), .metrics-question-response-item-mastery-question-option-answer ul li:not(:last-child), .quiz-question-option-text ul li:not(:last-child), .primary-content-main ul li:not(:last-child), .mastery-question-explanation-text ul li:not(:last-child), .quiz-question-option-explanation-body ul li:not(:last-child) {margin-bottom: 10px}
.primary-content-answer ol li:not(:last-child), .review-main-section h3 ol li:not(:last-child), .metrics-question-response-item-name ol li:not(:last-child), .question-description ol li:not(:last-child), .hint-text ol li:not(:last-child), .mastery-question-option-answer-text ol li:not(:last-child), .metrics-question-response-item-mastery-question-option-answer ol li:not(:last-child), .quiz-question-option-text ol li:not(:last-child), .primary-content-main ol li:not(:last-child), .mastery-question-explanation-text ol li:not(:last-child), .quiz-question-option-explanation-body ol li:not(:last-child) {margin-bottom: 10px}
.markdown-preview-container ul li:not(:last-child), .assignment-builder-question-text-field-container-markdown-preview-container ul li:not(:last-child), .student-input-preview ul li:not(:last-child), .assignment-builder-lesson-text-section-preview ul li:not(:last-child), .lesson-content-text-item ul li:not(:last-child), .oc-markdown ul:not(.oc-text-editor-toolbar-option-text-colors-list) li:not(:last-child) {margin-bottom: 4px}
.markdown-preview-container ol li:not(:last-child), .assignment-builder-question-text-field-container-markdown-preview-container ol li:not(:last-child), .student-input-preview ol li:not(:last-child), .assignment-builder-lesson-text-section-preview ol li:not(:last-child), .lesson-content-text-item ol li:not(:last-child), .oc-markdown ol li:not(:last-child) {margin-bottom: 4px}
.markdown-preview-container strong em, .assignment-builder-question-text-field-container-markdown-preview-container strong em, .student-input-preview strong em, .assignment-builder-lesson-text-section-preview strong em, .lesson-content-text-item strong em, .oc-markdown strong em {font-weight: bold; font-style: italic;}
.mastery-question-option-answer-text ul li, .metrics-question-response-item-mastery-question-option-answer ul li, .metrics-question-response-item-page-section .markdown-container ul li {margin: 0 !important; padding: 0 !important;}
.mastery-question-option-answer-text ol li, .metrics-question-response-item-mastery-question-option-answer ol li, .metrics-question-response-item-page-section .markdown-container ol li {margin: 0 !important; padding: 0 !important; display:list-item !important; list-style-position: inside}
.mastery-question-option-answer-text ul li:not(:last-child), .mastery-question-option-answer-text ol li:not(:last-child) {margin-bottom: 10px !important}
.primary-content-answer ul li:before {content:'\2022'; color: #626262; font-family: 'Muli', sans-serif; font-size: 16px; line-height: 23px; margin-right: 12px;}
.review-main-section h3 ul li:before, .metrics-question-response-item-name ul li:before, .question-description ul li:before, .hint-text ul li:before, .mastery-question-header h6 ul li:before, .metrics-question-response-item h3 ul li:before, .mastery-question-option-answer-text ul li:before, .metrics-question-response-item-mastery-question-option-answer ul li:before, .quiz-question-option-text ul li:before, .primary-content-main ul li:before, .mastery-question-explanation-text ul li:before, .quiz-question-option-explanation-body ul li:before, .metrics-question-response-item-page-section .markdown-container ul li:before, .metrics-question-response-item-page-section h3 ul li:before, .markdown-preview-container ul li:before, .assignment-builder-question-text-field-container-markdown-preview-container ul li:before, .student-input-preview ul li:before, .assignment-builder-lesson-text-section-preview ul li:before, .lesson-content-text-item ul li:before, .oc-markdown ul:not(.oc-text-editor-toolbar-option-text-colors-list) li:before, .lesson-item-question-title ul li:before {content:'\2022'; color: inherit; font-family: 'Muli', sans-serif; font-size: inherit; line-height: inherit; margin-right: 12px;}
.review-main-section h3 ul li > ul li:before, .metrics-question-response-item-name ul li > ul li:before, .question-description ul li > ul li:before, .hint-text ul li > ul li:before, .mastery-question-header h6 ul li > ul li:before, .metrics-question-response-item h3 ul li > ul li:before, .mastery-question-option-answer-text ul li > ul li:before, .metrics-question-response-item-mastery-question-option-answer ul li > ul li:before, .quiz-question-option-text ul li > ul li:before, .primary-content-main ul li > ul li:before, .mastery-question-explanation-text ul li > ul li:before, .quiz-question-option-explanation-body ul li > ul li:before, .metrics-question-response-item-page-section .markdown-container ul li > ul li:before, .metrics-question-response-item-page-section h3 ul li > ul li:before, .markdown-preview-container ul li > ul li:before, .assignment-builder-question-text-field-container-markdown-preview-container ul li > ul li:before, .student-input-preview ul li > ul li:before, .assignment-builder-lesson-text-section-preview ul li > ul li:before, .lesson-content-text-item ul li > ul li:before, .oc-markdown ul:not(.oc-text-editor-toolbar-option-text-colors-list) li > ul li:before, .primary-content-answer ul li > ul li:before {content:'\25E6'; color: inherit; font-family: 'Muli', sans-serif; font-size: inherit; line-height: inherit; margin-right: 12px;}
.review-main-section h3 ul li > ul li > ul li:before, .metrics-question-response-item-name ul li > ul li > ul li:before, .question-description ul li > ul li > ul li:before, .hint-text ul li > ul li > ul li:before, .mastery-question-header h6 ul li > ul li > ul li:before, .metrics-question-response-item h3 ul li > ul li > ul li:before, .mastery-question-option-answer-text ul li > ul li > ul li:before, .metrics-question-response-item-mastery-question-option-answer ul li > ul li > ul li:before, .quiz-question-option-text ul li > ul li > ul li:before, .primary-content-main ul li > ul li > ul li:before, .mastery-question-explanation-text ul li > ul li > ul li:before, .quiz-question-option-explanation-body ul li > ul li > ul li:before, .metrics-question-response-item-page-section .markdown-container ul li > ul li > ul li:before, .metrics-question-response-item-page-section h3 ul li > ul li > ul li:before, .markdown-preview-container ul li > ul li > ul li:before, .assignment-builder-question-text-field-container-markdown-preview-container ul li > ul li > ul li:before, .student-input-preview ul li > ul li > ul li:before, .assignment-builder-lesson-text-section-preview ul li > ul li > ul li:before, .lesson-content-text-item ul li > ul li > ul li:before, .oc-markdown ul:not(.oc-text-editor-toolbar-option-text-colors-list) li > ul li > ul li:before, .primary-content-answer ul li > ul li > ul li:before {content:'\25AA'; color: inherit; font-family: 'Muli', sans-serif; font-size: inherit; line-height: inherit; margin-right: 12px;}
.primary-content-answer a {font-family: 'Muli', sans-serif; font-weight: 400; font-size: 16px;line-height:23px;color: #1999ea; display: inline;}
.review-main-section h5, .quiz-change-answer-section h5{font-family: 'Merriweather', serif; font-weight: bold; font-size:12px;line-height:14px;color: #212121;padding: 0 0 67px 0;position: relative;}
.review-main-section h5:before{content: '';position: absolute;top: 6px;left: -157px;width: 100px;height: 1px;background-image: linear-gradient(to right, #f1f1f1, #e7e7e7 48%, #f1f1f1);}
.review-main-section h5:after{content: '';position: absolute;top: 6px;right: -157px;width: 100px;height: 1px;background-image: linear-gradient(to left, #f1f1f1, #e7e7e7 48%, #f1f1f1);}
.quiz-change-answer-section h5:before {content: '';position: absolute;top: 6px;left: -157px;width: 100px;height: 1px;background-image: linear-gradient(to right, #f1f1f1, #e7e7e7 48%, #f1f1f1);}
.quiz-change-answer-section h5:after{content: '';position: absolute;top: 6px;right: -157px;width: 100px;height: 1px;background-image: linear-gradient(to left, #f1f1f1, #e7e7e7 48%, #f1f1f1);}
.review-main-section h6{font-family: 'Merriweather', serif; font-weight: 400; font-size:24px;line-height:30px;color: #212121;padding: 0 0 67px 0;position: relative;}
.review-main-section h6 small {color: #626262;}
.review-main-section h6:after{content: '';position: absolute;top: 14px;left: -157px;width: 79px;height: 1px;background-image: linear-gradient(to right, #f1f1f1, #e7e7e7 48%, #f1f1f1);}
.review-main-section h6 em{padding: 0 50px 0 0;}
.review-main-section h6 em img{position: absolute;}
.help{float:left;}
.review-btn{float: right;display: -wenkit-flex;text-align: right;width: 69%;}
.review-btn.solo{width: 280px;}
.question-actionable-section {display: block; vertical-align: middle; height: 65px; text-align: left}
.skip-question-button-container {display: inline-block; vertical-align: middle; height: 65px;}
.skip-question-button {color: #705AF4;font-family: 'Muli', sans-serif; font-weight: 600; cursor: pointer; line-height: 65px}
.skip-question-button:after {content: "\f04e"; font-family: 'FontAwesome';font-size: 13px; margin-left: 4px;}
.main-btn.splash-page a{color: #DD167B;font-family: 'Muli', sans-serif;font-weight: 600;text-align: center;display: block;margin: 0 auto;}
.thumbs.long{width: 100%;}
.thumbs{display: flex;float: left;width: 42%;padding: 5px 0 0 0;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.thumbs p{font-size: 13px !important;line-height: 100% !important;color: #212121 !important;font-family: 'Merriweather', serif !important;font-weight: 700 !important;padding: 0 20px 0 0 !important; margin-bottom: 0 !important;}
.thumbs-inn p{text-align: left;font-size: 16px;line-height: 16px;color: #212121;font-family: 'Merriweather', serif;font-weight: 700;padding: 0 20px 0 0;}
.thumbs a{padding: 1px 10px;vertical-align: top; }
.thumbs a:hover { transform: scale(1.1);}
.thumbs-bottom {display: block; clear: both; width: 100%; margin-top: 6px;}
.thumbs-bottom small {position: relative; display: inline-block; bottom: 0; color: #626262;}
.response-inn{display: flex;display: -webkit-flex; flex-wrap: wrap;}
.main-btn.new.add{margin: 0 0 0 15px;}
.main-btn.new.add a {width: 157px;margin: 0;padding: 19px 0;}
.thumbs a img{vertical-align: top;}
.main-btn.full{border: none;margin: 0 11px;padding:0 ;}
.main-btn.full a{width: 194px;margin: 0;padding: 19px 0;}
.primary > ul{position: relative;padding: 0 0 19px 0;}
.primary ul li{display: inline;}
.primary ul li span.primary-span {display: inline;color: #212121; font-family: 'Muli', sans-serif;font-weight: 600;font-size: 14px;line-height: 16px;}
.primary ul li span.primary-span em{display: inline;color: #fcd34f;}
.primary ul.bottom-resource{padding: 0; margin-top: 10px; margin-bottom: 15px; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.primary ul.bottom-resource {position: relative; width: 100%; display: block;}
.primary .resource-item.slide ul li.page-number span:before{content:"Slide ";}
.primary .resource-item.publication-page ul li.page-number span:before{content:"Page ";}
.resource-item figure {position: relative; display: block;}
.pdf-resource-canvas-container {position: relative;}
.pdf-resource-canvas {position: relative; max-height: 800px; max-width: 100%; margin: 0 auto; display: block;}
.pdf-resource-canvas-text-layer-container {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.pdf-resource-canvas-text-layer {position: relative; max-height: 800px; max-height: 100%; max-width: 100%; z-index: 999; margin: 0 auto; overflow: hidden;opacity: 1;line-height: 1.0;}
.pdf-resource-canvas-text-layer > div, .pdf-resource-canvas-text-layer > span {color: transparent;position: absolute;white-space: pre;cursor: text;transform-origin: 0% 0%;}
.resource-item figure .resource-image {position: relative; max-height: 800px; max-width: 100%; width: auto; height: auto; margin: 0 auto; display: block;}
.primary ul li.page-number span{color: #626262; cursor: default;}
.primary ul li a.view-full-resource{color: #DD167B;font-family: 'Muli', sans-serif;font-weight: 600;font-size: 14px;line-height: 16px;position: absolute;right: 4px;top: 0px;padding: 0 20px 0 0;}
.notification.mobile-show{display: none;}
.primary ul li a.view-full-resource:after{ content: "\f178"; font-family: 'FontAwesome';font-size: 13px;position: absolute;top: 53%;right: -2px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform:translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.main-btn.full a:after{display: none;}
.main-btn.add a:after{display: none;}
.main-btn.full-in a{padding: 16px 0 17px 27px;margin: 0;width: 157px;}
.main-btn.add-in a{width: 164px;padding: 17px 0 17px 35px;margin: 0;}
.main-btn.add-in{margin: 0;}
.main-btn.add-in{margin: 0 0px 0 29px;}
.main-btn.full-in a:after{content: ''; background: url(../images/download-hover-icon.png)no-repeat;width: 16px;height: 17px;top: 51%;}
.main-btn.full-in a:hover:after{background: url(../images/download-icon.png)no-repeat;width: 16px;height: 17px;}
.main-btn.full-in a:hover:after{width: 16px;height: 17px;}
.main-btn.add-in a:after{content: '';background: url(../images/edit-pink-icon.svg)no-repeat;width: 26px;height: 19px;background-size: contain;}
.main-btn.add-in a:hover:after{background: url(../images/edit-icon.svg)no-repeat;width: 26px;height: 19px;background-size: contain;}
.main-btn.add-in a:hover:after{width: 26px;height: 19px;background-size: contain;}
.main-btn.view{border: none;margin: 0 auto;}
.main-btn.view a{color: #705AF4;width: 217px;border: solid 1px #705AF4;margin: 0 0 0 8px;padding: 22px 0;}
.main-btn.view.pink a {color: #DD167B;width: 217px;border: solid 1px #DD167B;margin: 0 0 0 8px;padding: 22px 0;}
.main-btn.view a:hover{color: #fff;}
.main-btn.view a:after{display: none;}
.review-main-section.lecture h6{padding: 0 0 29px 0;}
.review-main-section.lecture figure{margin: 0 0 20px;}
.review-main-section.lecture figure a img{width: 100%;}
.youtube-iframe-container, .external-iframe-container, .video-iframe-container {width: 100%; height: 450px;}
.video-resource-container {width: 100%; max-height: 500px; height: auto !important; height: 450px;}
.resource-item {position: relative;}
.rounded-purple-button.review-btm{margin: 0px 0 69px;}
.rounded-purple-button.review-btm:after{background: #e7e7e7;}
.rounded-purple-button.review-btm:before{background: #e7e7e7;}
.review-main-content > p{margin: 0 auto;text-align: center;color: #212121;font-size: 16px;line-height: 18px;}
.head-right.close {align-content: right;}
.head-right.close a:after{display: none;}
.head-right.close a{font-size: 10px;line-height: 12px;font-family: 'Muli', sans-serif;font-weight: 900;color: #424242;text-transform: uppercase;letter-spacing: 0.9px;padding: 0 0 0 0;}
.head-right.close a i{font-size: 10px;color: #bbbbbb;}
footer p{}
.resource-bottom.active .response-inn {display: none;}
.vertical-scroll {overflow: visible;padding: 0 0 25px 0;}
.lesson-grade .progress-container {width: 128px; float: right;}
.progress-container {text-align: center; white-space: nowrap; overflow: hidden;}
.progress-container.left {text-align: left;}
.progress-bar {}
.lesson-progress-bar-text {width: 100%; display: block; margin-top: 4px; text-align: center; font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: normal; color: #666666}
.lesson-progress-bar-text span {font-family: 'Muli', sans-serif; font-size: 9pt !important; font-weight: normal !important; color: #666666 !important}
.progress-bar progress {-webkit-appearance: none; width:128px;-moz-appearance: none;appearance: none;border: 1px solid #36b1ff;background-color: white;border-radius: 10px; height: 13px; -webkit-transition: border 2s; transition: border 2s; -ms-transition: border 2s; -o-transition: border 2s;-moz-transition: border 2s;}
.progress-bar progress::-moz-progress-bar {background: #36b1ff; border: 2px solid white; border-radius: 10px; height: 11px; -webkit-transition: background 2s; transition: background 2s; -ms-transition: background 2s; -o-transition: background 2s;-moz-transition: background 2s;}
.progress-bar progress::-webkit-progress-bar {background: #ffffff; border: 1px solid #36b1ff; border-radius: 10px; height: 11px; -webkit-transition: border 2s; transition: border 2s; -ms-transition: border 2s; -o-transition: border 2s;-moz-transition: border 2s;}
.progress-bar progress::-webkit-progress-value {background: #36b1ff; border: 2px solid #ffffff; border-radius: 10px; -webkit-transition: width 2s, background 2s; transition: width 2s, background 2s; -ms-transition: width 2s, background 2s; -o-transition: width 2s, background 2s;-moz-transition: width 2s, background 2s;}
.flashcard-progress-bar progress {-webkit-appearance: none; width:128px;-moz-appearance: none;appearance: none;border: 1px solid #705AF4;background-color: white;border-radius: 10px; height: 13px; -webkit-transition: border 300ms; transition: border 300ms; -ms-transition: border 300ms; -o-transition: border 300ms;-moz-transition: border 300ms;}
.flashcard-progress-bar progress::-moz-progress-bar {background: #705AF4; border: 2px solid white; border-radius: 10px; height: 11px; -webkit-transition: background 300ms; transition: background 300ms; -ms-transition: background 300ms; -o-transition: background 300ms;-moz-transition: background 300ms;}
.flashcard-progress-bar progress::-webkit-progress-bar {background: #ffffff; border: 1px solid #705AF4; border-radius: 10px; height: 11px; -webkit-transition: border 300ms; transition: border 300ms; -ms-transition: border 300ms; -o-transition: border 300ms;-moz-transition: border 300ms;}
.flashcard-progress-bar progress::-webkit-progress-value {background: #705AF4; border: 2px solid #ffffff; border-radius: 10px; -webkit-transition: width 300ms, background 300ms; transition: width 300ms, background 300ms; -ms-transition: width 300ms, background 300ms; -o-transition: width 300ms, background 300ms;-moz-transition: width 300ms, background 300ms;}
.progress-bar.mastery-quarter-1 progress {border: 1px solid #EB3983;}
.progress-bar.mastery-quarter-1 progress::-moz-progress-bar {background: #EB3983;}
.progress-bar.mastery-quarter-1 progress::-webkit-progress-bar {border: 1px solid #EB3983;}
.progress-bar.mastery-quarter-1 progress::-webkit-progress-value {background: #EB3983;}
.progress-bar.mastery-quarter-2 progress {border: 1px solid #FFAF52;}
.progress-bar.mastery-quarter-2 progress::-moz-progress-bar {background: #FFAF52;}
.progress-bar.mastery-quarter-2 progress::-webkit-progress-bar {border: 1px solid #FFAF52;}
.progress-bar.mastery-quarter-2 progress::-webkit-progress-value {background: #FFAF52;}
.progress-bar.mastery-quarter-3 progress {border: 1px solid #F9D467;}
.progress-bar.mastery-quarter-3 progress::-moz-progress-bar {background: #F9D467;}
.progress-bar.mastery-quarter-3 progress::-webkit-progress-bar {border: 1px solid #F9D467;}
.progress-bar.mastery-quarter-3 progress::-webkit-progress-value {background: #F9D467;}
.progress-bar.mastery-quarter-4 progress {border: 1px solid #00E5A1;}
.progress-bar.mastery-quarter-4 progress::-moz-progress-bar {background: #00E5A1;}
.progress-bar.mastery-quarter-4 progress::-webkit-progress-bar {border: 1px solid #00E5A1;}
.progress-bar.mastery-quarter-4 progress::-webkit-progress-value {background: #00E5A1;}
.progress-bar.mastery-complete progress {border: 1px solid #36b1ff;}
.progress-bar.mastery-complete progress::-moz-progress-bar {background: #36b1ff;}
.progress-bar.mastery-complete progress::-webkit-progress-bar {border: 1px solid #36b1ff;}
.progress-bar.mastery-complete progress::-webkit-progress-value {background: #36b1ff;}
.assignment-builder-resource-upload-progress, .assignment-builder-lesson-resource-upload-progress, .lesson-file-upload-progress {-webkit-appearance: none; width:128px;-moz-appearance: none;appearance: none;border: 1px solid #999999;background-color: white;border-radius: 4px; height: 8px; vertical-align: middle;}
.assignment-builder-resource-upload-progress::-webkit-progress-bar, .assignment-builder-lesson-resource-upload-progress::-webkit-progress-bar, .lesson-file-upload-progress::-webkit-progress-bar {background: transparent; border-radius: 3px; height: 6px;}
.assignment-builder-resource-upload-progress::-webkit-progress-value, .assignment-builder-lesson-resource-upload-progress::-webkit-progress-value, .lesson-file-upload-progress::-webkit-progress-value {background: #999999; border-radius: 3px; -webkit-transition: width 300ms;}
.assignment-builder-resource-upload-progress-value, .assignment-builder-lesson-resource-upload-progress-value, .lesson-file-upload-progress-value {font-size: 10pt; color: #999999; margin-left: 6px; font-weight: normal;}
.progress-container span{font-size: 13px;line-height: 18px;margin: 0 auto; margin-left: 6px; color: #212121;font-weight: 700;position: relative;z-index: 1;}
.modal-body .progress-container span {display: inline-block; width: calc(100% - 128px) !important; white-space: break-spaces; vertical-align: top;}
.progress-container span small {font-weight: normal; margin-left: 4px;}
.retake-assignment-link {display: inline; color:#DD167B; font-size: 9.5pt; margin-left: 6px;}
.retake-assignment-link:hover {text-decoration: underline;}
.navigation-section-list-right span.style small{font-size: 11px;}
.navigation-section-list-right span small{font-size: 11px;}
.navigation-section {margin-bottom: 200px}
.mastery-question-header {border-left-width: 2px; border-left-style: solid; border-left-color: #e5e5e5; }
.mastery-question-header.correct {border-left-color: #36b1ff; }
.mastery-question-header.incorrect {border-left-color: #eb1f48; }
.mastery-question-header h6 {color: #626262; line-height: 40px; padding: 0; margin-left: 20px; height: 100%; font-weight: lighter;}
.mastery-question-header h6 p, .mastery-question-header h6 ul li {color: #626262; line-height: 40px; padding: 0;font-weight: lighter; font-size: 13pt;}
.mastery-question-header h6:after {display: none;}
.mastery-question-header .mastery-question-explanation {margin: 10px 0 10px 20px; font-size: 16px; line-height: 20px;}
.mastery-question-header.correct .mastery-question-explanation p, .mastery-question-header.correct .mastery-question-explanation ul li {color: #36b1ff;}
.mastery-question-header.incorrect .mastery-question-explanation p, .mastery-question-header.incorrect .mastery-question-explanation ul li {color: #eb1f48;}
.mastery-question-explanation ul:last-child {margin:0 !important; padding:0 !important;}
.mastery-question-score-explanation-container {border: 1px solid #e7e7e7; border-radius: 4px; display: inline-block; padding: 5px; margin-top: 20px; position: relative;}
.mastery-question-score-explanation {margin-left: 20px;}
.mastery-question-score-explanation span {font-size: 10pt; font-family: 'Muli', sans-serif; color: #666666; line-height: 20px;}
.mastery-question-score-explanation:before {content: "";background: url(/images/lightning-yellow-icon.svg)no-repeat center;width: 14px;height: 21px; background-size: contain; position: absolute; top:4px; left: 6px; display: block;}
.mastery-question-answers ul li {margin: 20px 0; padding: 4px; position: relative;}
.question-feedback .quiz-question-option-explanation-body ul li {margin: 0 !important;}
/* .mastery-question-answers ul li.mastery-question-answer-open:hover {background-color: #e9f3ff; border: 1px solid #cdeaff;} */
.mastery-question-answers ul li.mastery-question-answer-open.selected:not(.loading) {background-color: #e9f3ff; border: 1px solid #cdeaff;}
.blue-loader-small {border: 3px solid transparent; border-top: 3px solid #36b1ff; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: 6px;left: 6px; display: none;}
.mastery-question-answer-open.loading .blue-loader-small {display: block}
.quiz-question-option-item.loading .blue-loader-small {display: block; left: 3px; top: 5px}
.mastery-question-answers.disabled ul li.mastery-question-answer-open, .quiz-question-options-list.disabled .quiz-question-option-item {background-color: transparent !important; border-color: transparent !important; cursor: default !important;}
.mastery-question-answers.disabled ul li.mastery-question-answer-open span img {opacity: 0;}
.mastery-question-answers ul li span.mastery-question-answer-body {font-size: 16px;line-height: 18px;font-weight: normal;color: #3d3942; font-family: 'Muli', sans-serif; width: 100%;}
.mastery-question-answers ul li span.mastery-question-answer-body span {width: calc(100% - 48px);}
.mastery-question-answers ul li span.mastery-question-answer-body small {color: #626262; margin-right: 10px; float: left;}
.mastery-question-answers ul li span.mastery-question-answer-body img {position: relative; float: left; margin-right: 10px; top: 2px;left: 2px;width: 15px;height: 15px; pointer-events: none;}
.mastery-question-answers ul li.mastery-question-answer-open {display: block; border: 1px solid transparent; border-radius: 3px;}
.mastery-question-answers ul li.mastery-question-answer-incorrect {display: block; background-color: #ffe9e9; border: 1px solid #ffcdcd; cursor: default;}
.review-mastery-question.correct .mastery-question-answers ul li.mastery-question-answer-incorrect {background-color: #F3F3F3;border: 1px solid #e7e7e7}
.review-mastery-question.correct .mastery-question-answer-incorrect .mastery-question-option-select-button {background: url(/images/mc-incorrect-gray-icon.svg) no-repeat left;background-size: contain; height: 16px; width:16px; margin-right: 10px; top: 2px; position: relative; float: left; display: inline-block;}
.review-mastery-question.correct .mastery-mc-multiple .mastery-question-answer-incorrect .mastery-question-option-select-button {background: url(/images/mc-incorrect-gray-sharp-icon.svg) no-repeat left;background-size: contain; height: 16px; width:16px; margin-right: 10px; top: 2px; position: relative; float: left; display: inline-block;}
.mastery-question-answers ul li.mastery-question-answer-correct {display: block; background-color: #e9f3ff; border: 1px solid #cdeaff; cursor: default;}
.mastery-question-answers ul li.mastery-question-answer-incorrect span {}
.mastery-question-answers ul li.mastery-question-answer-correct span {}
.mastery-question-answers.disabled .mastery-question-option-select-button, .quiz-question-options-list.disabled .quiz-question-option-is-answer-button {cursor: default !important; -webkit-touch-callout: none !important;-webkit-user-select: none !important; -khtml-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important;}
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="radio"],input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="button"], input[type="submit"], textarea, button, select {-webkit-appearance: none; /*Safari/Chrome*/-moz-appearance: none; /*Firefox*/-ms-appearance: none; /*IE*/-o-appearance: none; /*Opera*/}
input[type="text"]:disabled, input[type="number"]:disabled {background-color: #F7F7F7; border-radius: 4px; padding: 4px 10px;}
input:disabled::-webkit-input-placeholder, textarea:disabled::-webkit-input-placeholder{color:#F7F7F7;}
input:disabled:-moz-placeholder, textarea:disabled:-moz-placeholder {color:#F7F7F7;}
input:disabled::-moz-placeholder, textarea:disabled::-moz-placeholder {color:#F7F7F7;}
input:disabled:-ms-input-placeholder, textarea:disabled:-ms-input-placeholder {color:#F7F7F7;}
textarea:disabled {background-color: #F7F7F7; border: none !important;}
.navigation-section-search input{cursor: pointer;}
.navigation-section-search.tutorials.active input{border-bottom: 1px solid #d8d8d8; }
.navigation-section-search.library.active1 input{border-bottom: 1px solid #d8d8d8; }
.navigation-section-search.started.active2 input{border-bottom: 1px solid #d8d8d8; }
.navigation-section-search input{border-bottom: 1px solid transparent;height: 29px;text-transform: capitalize;padding: 0 0 4px;width: 177px;padding: 11px 22px 8px 7px;}
.head-right.close a img{vertical-align: middle;margin: 0 0 2px;}
.navigation-section-search > a.close1{display: none;color: #c7c7c7;}
.navigation-section-search > a.close2{display: none;color: #c7c7c7;}
.navigation-main-content-sections.mobile-show{display: none;}
.review-page .head-right, .discussions-head-right {width: 200px; min-width: 109px; padding: 0;}
.review-confetti-canvas {position: absolute; overflow: hidden !important; display: block; pointer-events: none; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99999999; -ms-overflow-style: none; scrollbar-width: none;}
.review-confetti-canvas::-webkit-scrollbar {display: none;}
.head-right.quiz-grade {width: 122px;}
.head-right .completed-indicator:before {color: #36b1ff; font-size: 12pt; margin-right: 4px}
.completed-indicator:before {content:"\f058";font-family: 'FontAwesome';font-size: 15pt;position: relative; color: #ffffff;}
.pending-indicator:before {content:"\f017";font-family: 'FontAwesome'; margin-right: 4px; color: #666666; display: inline-block; width:16px;}
.pending-indicator .info-indicator {vertical-align: top}
.completed-indicator {font-family: 'Muli', sans-serif; font-size: 10pt; line-height: 14px; color: #36b1ff; font-weight: 600;}
.pending-indicator {font-family: 'Muli', sans-serif; font-size: 10pt; line-height: 14px; color: #666666; font-weight: 600;}
.review-page .head-left, .discussions-head-left {width: 200px; min-width: 138px;}
.modal {display: none; position: fixed; z-index: 9999999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.75);}
.modal-content-action-buttons {display: block; text-align: center; margin-bottom: 10px;}
.modal-content-action-button {display: block; width: 100%; height: 100px; cursor: pointer; background-color: #BBABE2; border-radius: 10px; padding: 0 10px;}
.modal-content-action-button:hover {background-color: #9A81D2;}
.modal-content-action-button:not(:last-child) {margin-bottom: 10px;}
.modal-content-action-button span {font-family: 'Muli', sans-serif; font-size: 15pt; font-weight: 600; color: #ffffff; line-height: 100px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: calc(100% - 20px);}
.modal-content {position: absolute; background-color: #fefefe;margin: auto;padding: 56px 32px 0 32px;border: 1px solid #888;max-width: 600px !important; width:70%; top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); border-radius: 20px; overflow: scroll; max-height: 95%; max-width: 95%; scrollbar-width: none; -ms-overflow-style: none;}
.modal-content.wide {width: 80% !important; max-width: 2000px !important}
.modal-content.semi-wide {max-width: 700px !important}
.modal-content:after {content: ""; display: block; padding-bottom: 56px;} /* Fixes bug for full height modals in Firefox */
.modal-content::-webkit-scrollbar {width: 0px; height:0px; background: transparent;}
.modal-content h3 {font-family: 'Merriweather', serif !important;font-size: 24px !important;line-height: 34px !important; padding-bottom: 18px !important; font-weight: 400 !important; word-wrap: break-word;}
.modal-content h3.centered {text-align: center;}
.modal-content h3 p {font-family: 'Merriweather', serif;font-size: 24px;line-height: 30px; padding:0;} /* Needed due to mathjax bug */
.modal-top-cancel-button {position: absolute; top:20px; right:20px; height: 20px; line-height: 18px; cursor: pointer; font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: normal; color: #666666}
.modal-top-cancel-button:after {content: "";background: url(/images/close-x-icon.svg) no-repeat left; background-size: contain; background-position: center center;vertical-align: top; margin-left: 6px; position: relative; display: inline-block; width: 10px; height: 20px;}
.assignments-browser-list-message span {font-family: 'Muli', sans-serif; font-size: 10pt; color: #666666;}
.assignments-browser-list-message {text-align: center; display: none; margin-bottom: 10px}
.assignments-browser-list-container.empty:not(.loading) .assignments-browser-list-message {display: block}
.assignments-browser-list-container {margin-top: 10px}
.assignments-browser-list-container.empty.loading .assignments-browser-list-message {display: none}
.assignments-browser-list-container.empty.loading .assignments-browser-list {position: relative; height: 200px}
.assignments-browser-list {padding-bottom: 0 !important}
.assignments-browser-list-container.empty.loading .assignments-browser-list:after {content: ""; border: 6px solid transparent; border-top: 6px solid #36b1ff; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 15px) !important; left: calc(50% - 15px) !important; display: block;}
.assignments-browser-list-item {padding: 20px; border-radius: 4px; border: 1px solid #e7e7e7; margin-bottom: 10px !important; cursor: pointer; position: relative;}
.assignments-browser-list-item.active:after {content: "";width: 0px; height: 0px; border-style: solid; border-width: 0 38px 38px 0; border-color: transparent #ffffff transparent transparent; transform: rotate(0deg); position: absolute; right: 2px; top: 2px}
.assignments-browser-list-item.active:before {content: "\2b"; font-family: 'FontAwesome'; font-size: 12pt; right: 6px; top: 6px; font-weight: 900; color: #705AF4; position: absolute; z-index: 2}
.assignments-browser-list-item.active {background-color: #705AF4; border-color: #705AF4}
.assignments-browser-list-item:hover {border-color: #705AF4}
.assignments-browser-list-item-top {display: block; margin-bottom: 10px}
.assignments-browser-list-item-bottom {display: block}
.assignments-browser-list-item-title span {font-family: 'Merriweather', serif;font-size: 18px;line-height: 24px; padding-bottom: 10px; color: #666666}
.assignments-browser-list-item.active span, .assignments-browser-list-item.active a {color: #ffffff !important}
.assignments-browser-list-item-attribute {position: relative;display: inline-block;}
.assignments-browser-list-item-attributes .assignments-browser-list-item-attribute:not(:last-child) {padding-right: 10px; margin-right: 10px;}
.assignments-browser-list-item.active .assignments-browser-list-item-attributes .assignments-browser-list-item-attribute:not(:last-child):after {background-color: #ffffff}
.assignments-browser-list-item-attributes .assignments-browser-list-item-attribute:not(:last-child):after {content: ""; display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 1px; background-color: #e7e7e7}
.assignments-browser-list-item-attribute-questions span, .assignments-browser-list-item-attribute-authors span, .assignments-browser-list-item-attribute-date span {font-family: 'Muli', sans-serif; font-size: 9pt; color: #666666;}
.assignments-browser-list-item-attributes-row {display: block}
.assignments-browser-list-item-attributes-row:not(:last-child) {margin-bottom: 10px}
.assignments-browser-list-item-attribute-demo a {font-family: 'Muli', sans-serif; font-size: 9pt; color: #705AF4; font-weight: 600; position: relative;}
.assignments-browser-list-item-attribute-demo a:hover:before {content: ""; display: block; position: absolute; left: 0; width: calc(100% - 17px); height: 1px; top: 100%; background-color: #705AF4}
.assignments-browser-list-item.active .assignments-browser-list-item-attribute-demo a:hover:before {background-color: #ffffff}
.assignments-browser-list-item-attribute-demo a:after {content: "\f35d"; margin-left: 4px; font-family: 'Font Awesome 6 Free'; font-weight:900 }
.modal-content .modal-body p, .modal-content .modal-body p a, .modal-content .modal-body ul.contribute-to-resource-pool-ul li, .modal-content .modal-body ul.modal-text-list li {font-size: 14px;line-height: 24px;font-family: 'Muli', sans-serif; padding-bottom: 18px; word-wrap: break-word;}
.modal-content .modal-body p a, .modal-content .modal-body ul.contribute-to-resource-pool-ul li a {color: #DD167B; display: inline;}
.modal-content .modal-body ul.contribute-to-resource-pool-ul, .modal-content .modal-body ul.modal-text-list {margin: 0 !important;}
.modal-content .modal-body ul.contribute-to-resource-pool-ul li:before {content:'\2022'; color: #626262; font-family: 'Muli', sans-serif; font-size: 9pt; margin-right: 20px;}
.modal-content .modal-body ul.modal-text-list li:before {content:'\2022'; color: #626262; font-family: 'Muli', sans-serif; font-size: 9pt; margin-right: 10px;}
.modal-content .modal-body ul.contribute-to-resource-pool-ul li, .modal-content .modal-body ul.modal-text-list li {color: #626262; margin: 0 0 10px 0 !important; padding: 0;}
.modal-content .modal-body ul.contribute-to-resource-pool-ul li:last-child, .modal-content .modal-body ul.modal-text-list li:last-child {margin: 0 !important;}
.modal-content .modal-body ul {padding-bottom: 18px;}
.modal-content .modal-body ul li:not(:last-child) {margin-bottom: 4px;}
.modal-content .modal-body ul li .use-topic-suggestion-toggle span {font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: 600; color: #212121;}
.modal-content .modal-body ul li .use-topic-suggestion-toggle .switch {margin-right: 4px;}
.modal-content .modal-buttons { width: 100%; display: flex; justify-content: flex-end; flex-wrap: wrap;}
.modal-content .main-btn.new.add { margin: 10px 0 0 10px; }
.modal-content .modal-action-button { display: none; }
.modal-back-button-container.top-left {position: absolute; left: 40px; top:0}
.modal-back-button {margin-top: 30px; font-size: 10pt; font-family: 'Muli', sans-serif; font-weight: normal; color: #666666}
.modal-back-button:before {content: "\f177"; font-family: 'FontAwesome';font-size: 10pt; margin-right: 4px;}
.modal-content .main-btn.new.add.action a { color: #705AF4;border: solid 1px #705AF4; }
.modal-content .main-btn.new.add.action a:hover { background: #705AF4; color: #fff;}
.modal-content .main-btn.new.add.action.destructive a { color: #eb1f48;border: solid 1px #eb1f48; text-transform: uppercase;}
.modal-content .main-btn.new.add.action.destructive a:hover { background: #eb1f48; color: #fff;}
.modal-content .main-btn.new.add.action.destructive .purple-loader-center { border-top: 6px solid #eb1f48; }
.modal-content .modal-body h3 {font-family: 'Merriweather', serif;font-size: 18px;line-height: 20px; padding-bottom: 10px;}
.modal-content .modal-body.show-breakdown-modal-content span, .assignment-breakdown-topics-ul span{font-size: 13px;line-height: 18px;margin: 0 auto; margin-left: 6px; color: #212121;font-weight: 700;position: relative;z-index: 1;}
.modal-content .modal-body.show-breakdown-modal-content span small, .assignment-breakdown-topics-ul span small {font-weight: normal; margin-left: 4px;}
.modal-content p.modal-info-text {color: #666666; font-size: 9.5pt; line-height: 24px; font-weight: normal;font-family: 'Muli', sans-serif; position: relative;}
.modal-content p.modal-info-text:after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #e7e7e7; margin-bottom: 10px;}
.modal-content p.modal-info-title {font-weight: 600; font-size: 9.5pt;}
.modal-content .modal-small-tip {margin-top: 20px}
.modal-content .modal-small-tip span {color: #666666; font-size: 9pt; font-weight: normal;font-family: 'Muli', sans-serif; position: relative;}
.modal-relogin-button-container {display: block; height: 40px; width: 100%; text-align: center;}
.modal-relogin-button {width: 100%; height: 40px; display: inline-block; margin: 0; padding: 0; text-align: center; font-family: 'Muli', sans-serif; font-size: 10pt; line-height: 40px; font-weight: 600; color: #ffffff; background-color: #999999; border-radius: 10px;}
.modal-relogin-button:hover {background-color: #666666}
.assignment-privacy-type {font-weight: bold; text-transform: uppercase; position: relative;}
.assignment-privacy-type-open {color: #36b1ff;}
.assignment-privacy-type-open:before {content: ""; width: 16px; height: 16px; background: url(../images/openclass-icon.svg)no-repeat;background-size: contain; display: inline-block; vertical-align: middle; margin-right: 2px;}
.assignment-privacy-type-private {color: #666666;}
.assignment-privacy-type-private:before {content: ""; width: 16px; height: 16px; background: url(../images/openclass-inactive-icon.svg)no-repeat;background-size: contain; display: inline-block; vertical-align: middle; margin-right: 2px;}
.modal-privacy-select-ul li, .select-ul li {border-radius: 15px; background-color: #e7e7e7; display: inline-block; padding: 0 12px; line-height: 30px; height: 30px; cursor: pointer;}
.modal-privacy-select-ul li.checked, .select-ul li.checked {background-color: #999999; color: #ffffff; position: relative;}
.modal-privacy-select-ul li.checked:before, .select-ul li.checked:before {content: ""; width: 16px; height: 16px; background: url(../images/check-icon.svg)no-repeat;background-size: contain; display: inline-block; vertical-align: middle; margin-right: 4px;}
.modal-privacy-select-ul li:hover, .select-ul li:hover {background-color: #d7d7d7}
.modal-privacy-select-ul li.checked:hover, .select-ul li.checked:hover {background-color: #777777}
.select-ul li:not(:first-child) {margin-left: 6px}
.modal-header {font-family: 'Muli', sans-serif; font-weight: bold; font-size: 12pt; color: #212121; text-align: left; display: inline-block;}
.modal-description {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 9pt; color: #666666; padding-bottom: 10px !important}
.modal-option-container {display: block; position: relative;}
.modal-learning-objective-tip:before {content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 100%; display: block; background-color: #36b1ff;}
.modal-learning-objective-tip {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 9pt; color: #999999; margin-bottom: 20px !important; padding-bottom: 0 !important; padding-left: 8px; position: relative;}
.modal-learning-objective-delivery-style-select {display: inline-block; position: relative; border: 1px solid #36b1ff; height: 30px; margin-top: 4px; width: 200px; float: right; border-radius: 8px; overflow: hidden;}
.modal-learning-objective-delivery-style-select:after {content: "";position: absolute;left:calc(50% - 0.5px); top:0; height: 100%; width: 1px; background-color: #36b1ff; display: block;}
.modal-learning-objective-delivery-style-select li {color: #36b1ff; display: inline-block; width: 50%; text-align: center; line-height: 28px; cursor: pointer;}
.modal-learning-objective-delivery-style-select li.active {color: #ffffff; background-color: #36b1ff}
.modal-learning-objective-delivery-style-select li:not(.active):hover {background-color: rgba(51, 154, 230, 0.2)}
.learning-objective-modal-relationship-section:not(:last-child) {margin-bottom: 10px;}
.learning-objective-modal-relationship-section p {padding-bottom: 0 !important;}
.learning-objective-relationship-overlay {display: none; position: absolute; top: 100%; width: 200px; left: calc(50% - 100px); height: 90px; border: 1px solid #e7e7e7; background-color: #ffffff; z-index: 3; border-radius: 3px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);}
.learning-objective-relationship-overlay.force-close, .sort-results-overlay.force-close {display: none !important}
.learning-objective-relationship-overlay-options {height: 100%; display: block; padding: 0 !important;}
.learning-objective-relationship-overlay-options li {display: inline-block; width: 100%; height: 33.33%; line-height: 22px; text-align: left; margin: 0 !important; padding: 4px 10px !important; font-size: 10 !important; color: #212121; font-weight: 600 !important}
.learning-objective-relationship-overlay-options li.active:before {content:"\f00c"; font-family: 'Font Awesome 5 Free'; color: #DD167B; margin-right: 10px}
.learning-objective-relationship-overlay-options li:hover {background-color: rgba(86, 40, 179, 0.04)}
.learning-objective-relationship-container {display: inline-block; cursor: pointer; margin: 0 4px; position: relative; width: 153px; text-align: center; vertical-align: middle;}
.learning-objective-relationship-selected-option {color: #36b1ff;}
.learning-objective-relationship-selected-option:after {content:"\f107";font-family: 'FontAwesome';font-size: 15px;line-height: 14px;position: relative; margin-left: 10px; color: #36b1ff; line-height: 30px; margin-left: 4px}
.learning-objective-relationship-container:hover .learning-objective-relationship-selected-option:after {content: "\f106";}
.learning-objective-relationship-text {color: #666666; display: block;}
.learning-objective-relationship-text em {font-weight: lighter; border-radius: 4px; border: 1px solid #999999; padding: 2px 4px; display: inline-block; width: calc(50% - 85px); vertical-align: middle; text-align: center;}
.learning-objective-relationship-container:hover .learning-objective-relationship-overlay {display: block}
/* .review-page .question-details figure img {max-width: 300px;} */
.flashcard-title {margin-bottom: 20px}
.review-page .question-details figure, .question-details figure {padding-bottom: 30px; padding-top: 30px;}
.review-page .question-details figure span {display: block; /*max-width: 300px;*/ line-height: 20px; text-align: center; margin-top: 10px;}
.question-figure-container figure {padding-bottom: 30px; padding-top: 30px;}
.question-figure-container figure span {display: block; /*max-width: 300px;*/ line-height: 20px; text-align: center; margin-top: 10px;}
.review-page .feedback-navigation {width: 76.2%; right: 0; height: 40px; overflow: hidden; position: fixed; border-bottom: solid 1px #e7e7e7; background-color: #fff; z-index: 99999;}
.feedback-navigation-short-span {display: none;}
.feedback-navigation-long-span {display: inline;}
.review-page .feedback-navigation ul li {text-align: center; color: #705AF4; font-family: 'Muli', sans-serif; font-size: 9pt; display: inline-block; height: 100%; margin-top: 10px; white-space: nowrap;}
.review-page .feedback-navigation.five ul li {width: 20%;}
.review-page .feedback-navigation.four ul li {width: 25%;}
.review-page .feedback-navigation.three ul li {width: 33.33%;}
.review-page .feedback-navigation ul li:not(:last-child):after {content: "";width: 1px;height: 20px;background-image: linear-gradient(to bottom, #f1f1f1, #e7e7e7 48%, #f1f1f1); margin: 0 auto; float: right;}
.review-page .feedback-navigation.five ul li:not(:last-child):after {left: 20%;}
.review-page .feedback-navigation.four ul li:not(:last-child):after {left: 25%;}
.review-page .feedback-navigation.three ul li:not(:last-child):after {left: 33.33%;}
.review-page .feedback-navigation ul li.active {font-weight: bolder; font-size: 9pt;}
.review-page .feedback-navigation ul li a {color: #705AF4; font-family: 'Muli', sans-serif; font-size: 9pt;}
.review-page .info-button {display: inline-block; line-height: 17px; height: 20px; width: 20px; margin-left: 6px; border-radius: 50%; font-style: italic; font-size: 10pt; border-style: solid; border-color: #CAC9C9; border-width: 1px; cursor: pointer; color: #CAC9C9; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; text-align: center; }
.review-page .info-button:hover {border-color: #DD167B; color: #DD167B;}
.white-info-indicator:before {content:"i";}
.white-info-indicator {display: inline-block; line-height: 15px; height: 16px; width: 16px; margin-left: 6px; border-radius: 50%; font-style: italic; font-size: 9pt; border-style: solid; border-color: #ffffff; border-width: 1px; cursor: pointer; color: #ffffff; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; text-align: center;}
/* ================================= ASSIGNMENT OVERVIEW START  ==================================== */
.assignment-overview-wrapper {position: absolute; left: 0; top: 0; width: 100%;}
.assignment-overview-container {position: relative; width: 100%; margin-top: 50px;}
.assignment-overview {position: relative; max-width: 900px; width: 70%; left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform:translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);overflow: hidden;}
.assignment-info {width: 100%; overflow: hidden;}
.assignment-info h1 {font-weight: normal;font-size: 34px;text-align: center;color: #212121;line-height: 38px;font-family: 'Merriweather', sans-serif; padding-bottom: 40px;}
.assignment-info p {font-weight: normal;font-size: 14px;text-align: center;color: #212121;line-height: 30px;font-family: 'Merriweather', sans-serif;}
.assignment-info:after{content: '';width: 240px;height: 2px;background-image: linear-gradient(to right, #fcf7e3, #fcd34f 48%, #fcf7e3); left: calc(50% - 120px); margin: 0 auto; margin-top: 40px; display: block;}
.assignment-info-bottom {padding-top: 40px; margin-bottom: 10px; overflow: hidden;}
.assignment-info-bottom .left {padding: 0; width: 60%; display: inline-block;}
.assignment-info-bottom .left:before {content: '';left: 0;width: 20px;height: 20px;background: url(../images/info-icon.svg) no-repeat center;background-size: contain; display: inline-block; float: left;}
.assignment-info-bottom .left p {color: #212121; font-family: 'Muli', sans-serif; font-size: 11pt;line-height: 22px; margin-left: 50px;}
.assignment-info-bottom .left p b {font-weight: 620;}
.assignment-info-bottom .left p:not(:last-child) {padding-bottom: 20px;}
.assignment-info-bottom .right {padding: 0; margin-left: 50px; width: calc(40% - 50px); display: inline-block; float: right;}
.assignment-info-bottom .right h1 {text-transform: uppercase;font-weight: bold;font-size: 10px;text-align: left;color: #666666;line-height: 20px;font-family: 'Muli', sans-serif; padding-bottom: 10px;}
.assignment-info-bottom ul li:before {content:'\2022'; color: #3FC0E0; font-family: 'Muli', sans-serif; font-size: 9pt; margin-right: 20px;}
.assignment-info-bottom ul li {font-weight: normal;font-size: 12px;text-align: left;color: #212121;line-height: 24px;font-family: 'Merriweather', sans-serif;}
.assignment-info-bottom ul li:not(:last-child) {padding-bottom: 12px;}
.assignment-overview-container .begin-assignment-button {position: relative; display: block; width: 100%; left:0; margin-top: 60px;}
.switch {position: relative;display: inline-block; width: 30px; height: 19px;}
.switch input[type="checkbox"] { opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #e0e0e0;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 15px;width: 15px;left: 2px;bottom: 2px;background-color: #929292;-webkit-transition: .4s;transition: .4s;}
.switch input[type="checkbox"]:checked + .slider {background-color: #c0e5ff;}
.switch input[type="checkbox"]:checked + .slider:before {background-color: #30a8ff;}
.switch input[type="checkbox"]:focus + .slider {box-shadow: 0 0 1px #2196F3;}
.switch input[type="checkbox"]:checked + .slider:before {-webkit-transform: translateX(11px);-ms-transform: translateX(11px);transform: translateX(11px);}
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}
.main-btn.pink-forward a { color: #DD167B;border: solid 1px #DD167B; }
.main-btn.pink-forward a:hover { background: #DD167B; color: #fff;}
/* ================================= VIEW RESOURCE START  ==================================== */
.view-resource-wrapper {position: absolute; left: 0; top: 0; width: 100%;}
.view-resource-container {position: relative; width: 100%; margin-top: 50px;}
.view-resource-overview {position: relative; max-width: 900px; width: 70%; left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform:translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.resource-info {position: relative;}
.resource-info h1 {font-weight: normal;font-size: 34px;text-align: left;color: #212121;line-height: 50px;font-family: 'Merriweather', sans-serif; margin-bottom: 40px;}
.resource-info h1 small {color: #626262;}
.resource-info p {font-weight: normal;font-size: 14px;text-align: left;color: #212121;line-height: 30px;font-family: 'Merriweather', sans-serif; padding-bottom: 40px;}
.review-page.resource .main-content-scrollable {overflow-x: visible;}
.resource-info .additional-options-btn:before {content: "";position: absolute;bottom: 2px;left: 2px; background: url(../images/settings-dots-icon.svg) no-repeat left;background-size: contain;width: 4px;height: 16px;}
.resource-info .additional-options-btn {display: inline-block; position: relative; margin-left: 10px; cursor: pointer;}
.resource-info .additional-options-btn .options-overlay-menu {display: none; position: absolute; top: -20px; left: -4px; padding: 17px 13px 3px 21px; line-height: 10px; width: 170px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);border-radius: 3px; background-color: #fff; z-index: 999}
.resource-info .additional-options-btn:hover .options-overlay-menu {display: block;}
.resource-info .additional-options-btn .options-overlay-menu:hover {display: block; cursor: default;}
/* ================================= LESSON START  ==================================== */
.lesson-wrapper {padding: 50px; position: relative;}
.lesson-wrapper .lesson-container {position: relative; margin-bottom: 200px; max-width: 1000px; width: 90%; left: 50%; background: #ffffff;border-radius: 10px;padding: 40px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform:translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.lesson-wrapper .lesson-container:after {content:"\2022 \2022 \2022"; letter-spacing: 20px; display: block; position: absolute; left: 0; width: 100%; text-align: center; bottom: -100px; color: #666666; }
.lesson-wrapper h1 {font-weight: normal;font-size: 34px;text-align: left;color: #212121;line-height: 50px;font-family: 'Merriweather', sans-serif; margin-bottom: 0px;}
.lesson-wrapper .lesson-title .author-byline {margin-top: 20px}
.lesson-wrapper .lesson-title {margin-bottom: 60px}
.lesson-content-item {margin-bottom: 40px !important; width: 100%;}
.pink-highlighter-menu {margin-bottom: 40px; text-align: center}
.pink-highlighter-menu-option {font-family: 'Muli', sans-serif; font-size: 10pt; color: #DD167B; font-weight: 600; display: inline-block; padding: 8px 16px; border-radius: 30px; cursor: pointer; transition: background ease-in-out 300ms; -webkit-transition: background ease-in-out 300ms;-ms-transition: background ease-in-out 300ms;-o-transition: background ease-in-out 300ms;-moz-transition: background ease-in-out 300ms; }
.pink-highlighter-menu-option:not(.selected):hover {background-color: rgba(221, 22, 123, 0.2); }
.pink-highlighter-menu-option.selected {color: #ffffff; background-color: #DD167B;}
.pink-highlighter-menu-option:not(:first-child) {margin-left: 20px}
.lesson-metrics-section {position: relative;}
.lesson-metrics-section.unloaded, .lesson-metrics-section.loading {height: 400px}
.lesson-metrics-section.unloaded:after, .lesson-metrics-section.loading:after {content: ""; border: 6px solid transparent; border-top: 6px solid #DD167B; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 15px) !important; left: calc(50% - 15px) !important; display: block;}
.lesson-metrics-section.error span {color: #eb1f48;}
.lesson-metrics-section .lesson-metrics-title {font-family: 'Merriweather', serif; font-size: 12pt; color: #212121;}
.lesson-metrics-student-item {width: 100%; display: block; border-bottom: 1px solid #e7e7e7;}
.lesson-metrics-student-item.four-sections .lesson-metrics-student-item-section {width: 25%}
.lesson-metrics-student-item.five-sections .lesson-metrics-student-item-section {width: 20%}
.lesson-metrics-student-item.six-sections .lesson-metrics-student-item-section {width: 16.66%}
.lesson-metrics-student-item-section {display: inline-block; padding: 10px 4px; text-align: center; white-space: normal; vertical-align: middle;}
.lesson-metrics-student-item-section span {font-family: 'Muli', sans-serif; font-size: 10pt; color:  #666666; word-break: break-word;}
.lesson-metrics-student-item-section span small {margin-left: 2px}
.lesson-metrics-student-item-section.link span, .lesson-metrics-student-item-section.link a {color: #36b1ff; cursor: pointer;}
.lesson-metrics-student-item-section.link h5 {color: #666666; display: block; font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: 600; line-height: 10pt; margin-bottom: 4px;}
.lesson-metrics-student-item-edit-button {display: inline-block; cursor: pointer; position: relative; text-align: center; width: 20px; height: 20px; line-height: 20px}
.lesson-metrics-student-item-edit-button:hover:before {font-size: 14pt;}
.lesson-metrics-student-item-edit-button:before {content:"\f044"; font-family: 'FontAwesome';font-size: 11pt; color: #DD167B}
.metrics-students-list .error-container {text-align: center; margin-top: 20px;}
.oc-text-editor-toolbar-option-content-error-container {margin-bottom: 10px}
.metrics-students-list .error-container span, .oc-text-editor-toolbar-option-content-error-container span {color: #eb1f48;line-height: 40px; font-family: 'Muli', sans-serif; font-size: 10pt;}
.metrics-filters {display: block; width: 100%; height: 40px; border-bottom: 1px solid #e7e7e7; margin-top: 40px; position: sticky; position: -webkit-sticky; background-color: #ffffff; top: 0}
.metrics-filter {line-height: 40px}
.metrics-filters.four-filters .metrics-filter {width: 25%}
.metrics-filters.five-filters .metrics-filter {width: 20%}
.metrics-filters.six-filters .metrics-filter {width: 16.66%}
.metrics-filter {display: inline-block; text-align: center; cursor: pointer; position: relative;}
.metrics-filter:not(.static):hover span {font-weight: 600;}
.metrics-filter span {color: #DD167B; font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: normal;}
.metrics-filter.static {cursor: default;}
.metrics-filter.static span {color: #666666}
.metrics-filter.down span, .metrics-filter.up span {font-weight: 600;}
.metrics-filter.down span:after {content: '';position: relative; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #666666; display:inline-block; margin-left: 4px;margin-bottom: 2px;}
.metrics-filter.up span:after {content: '';position: relative; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #666666; display:inline-block; margin-left: 4px; margin-bottom: 2px;}
.metrics-filter:not(:last-child):after {content: "";position: absolute; right: 0; top: 0; bottom: 0; width: 1px; background-color: #e7e7e7; display: block;}
.lesson-metrics-can-load-more-section {margin-top: 20px;}
.lesson-metrics-can-load-more-section span {cursor: pointer; color: #DD167B; font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: 600}
.question-metrics-response-navigator {margin-bottom: 40px !important; width: 100%; margin: auto; background-color: rgba(86, 40, 179, 0.04); padding: 20px; border-radius: 10px;}
.question-metrics-response-navigator-title {display: inline-block; width: calc(100% - 120px); margin-right: 10px; margin-left: 10px; text-align: center;}
.question-metrics-response-navigator-title span {font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: 600; color: #666666}
.lesson-metrics-prev-button {display: inline-block; width: 50px; text-align: left;}
.lesson-metrics-next-button {display: inline-block; width: 50px; text-align: right;}
.lesson-metrics-prev-button.disabled span, .lesson-metrics-next-button.disabled span{color: #B5B5B5; cursor: default;}
.lesson-metrics-prev-button span, .lesson-metrics-next-button span {font-size: 13px;line-height: 12px;font-family: 'Muli', sans-serif;font-weight: 700; color: #705AF4; cursor: pointer;}
.lesson-metrics-next-button span:after {content: "\f178"; font-family: 'FontAwesome';font-size: 13px; margin-left: 6px;}
.lesson-metrics-prev-button span:before {content: "\f177"; font-family: 'FontAwesome';font-size: 13px; margin-right: 4px;}
.assignment-learner-reset-button-container {margin-bottom: 20px; text-align: center;}
.assignment-learner-reset-button {display: inline-block; border: 1px solid #705AF4; padding: 10px 20px; cursor: pointer; border-radius: 20px}
.assignment-learner-reset-button span {font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt; color: #705AF4}
.assignment-learner-reset-button:hover {background-color: #705AF4}
.assignment-learner-reset-button:hover span {color: #ffffff}
/* ================================= MASTERY ACHIEVED START  ==================================== */
.mastery-achieved-wrapper {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.mastery-achieved-container {position: absolute; text-align: center; width: 100%; max-height: 90%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.mastery-achieved-icon {padding-bottom: 56px;}
.mastery-achieved-container h1 {font-family: 'Merriweather', serif;font-size: 28px;line-height: 28px; color: #212121; font-weight: lighter; margin-bottom: 20px;}
.mastery-achieved-container span {font-weight: bold; font-family: 'Muli', sans-serif; font-size: 9pt; color: #212121; margin-left: 20px; margin-right: 20px; }
.mastery-achieved-container span:after {content: ''; width: 240px; height: 2px; background-image: linear-gradient(to right, #fcf7e3, #fcd34f 48%, #fcf7e3); left: 0; right: 0; margin: 0 auto; margin-top: 48px; margin-bottom: 48px; display: block;}
.mastery-achieved-container .continue-assignment-button {position: relative; display: block; width: 100%; left:0; padding-bottom: 10px; margin-top: 0px;}
/* ================================= ASSIGNMENT COMPLETED START  ==================================== */
.assignment-completed-wrapper {position: relative; left: 0; top: 0; width: 100%; height: 100%; min-height: 320px; overflow: hidden;}
.assignment-completed-container {position: absolute; text-align: center; width: 100%; left: 0; top: 100px;}
.assignment-completed-icon {padding-bottom: 56px;}
.assignment-completed-container h1 {font-family: 'Merriweather', serif;font-size: 28px;line-height: 28px; color: #212121; font-weight: lighter; margin-bottom: 20px;}
.assignment-completed-container span {font-weight: bold; font-family: 'Muli', sans-serif; font-size: 9pt; color: #212121; margin-left: 20px; margin-right: 20px; padding-bottom: 48px;}
/* ================================= REVIEW ASSIGNMENT QUESTION START ==================================== */
.free-response-field {width: 100%; margin-bottom: 30px; position: relative;}
.free-response-field.preview-enabled-free-response-field {}
.free-response-field:before {content: '';position: relative;top: 0;left: 0;width: 100%;height: 1px;background: #e7e7e7;z-index: 1; display: block;}
/* .free-response-field:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%; pointer-events: none; background: transparent; border-style: solid; border-color: #e7e7e7; border-width: 1px 1px 0 1px; z-index: 1; display: block;} */
.free-response-field:after {content: '';position: absolute;bottom:0;left: 0;width: 100%;height: 80px; background: rgba(0, 0, 0, 0); border-style: solid; border-color: #e7e7e7; border-width: 0 1px 1px 1px; z-index: 1; display: block;pointer-events: none;}
.free-response-field textarea:not(.oc-text-editor-toolbar-option-content-input):not(.oc-text-editor-raw-editor) {padding: 16px 30px 4px 30px !important; min-height: 200px; margin-top: 34px; line-height: 20px; width: 100%; border: none;overflow: auto;outline: none;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;resize: none;}
.free-response-field.preview-enabled-free-response-field textarea {height: 50%; border-bottom: 1px solid #e7e7e7;}
.preview-enabled-free-response-field .student-input-preview {display: block !important;}
.free-response-field .student-input-preview {min-height: 50%; padding: 10px 30px 16px 30px; cursor: default; overflow: scroll; display: none}
.assignment-builder-lesson-text-section-preview {display: none; padding: 16px 30px 16px 30px !important; cursor: default;}
/*.lesson-content-text-item {cursor: text;}*/
.assignment-builder-lesson-text-section-preview .free-response-preview {min-height: 40px !important;}
.assignment-builder-lesson-text-section-preview p, .lesson-content-text-item p, .oc-markdown p {padding: 0; margin: 0; font-family: 'Merriweather', serif !important; font-size: 11pt !important; line-height: 30px !important; display: inline-block;}
.assignment-builder-lesson-text-section-preview p a, .lesson-content-text-item p a, .oc-markdown p a {font-family: inherit !important; font-size: inherit !important; line-height: inherit !important;}
.oc-markdown li {font-family: 'Merriweather', serif !important; font-size: 11pt !important; line-height: 30px !important;}
.oc-markdown li p, .lesson-content-text-item li p {display: inline !important;}
.oc-markdown font p {color: inherit !important;}
.oc-text-editor, .ql-container, .ql-editor.ql-blank:before {font-family: 'Merriweather', serif !important;}
.ql-editor.ql-blank:before {left: 36px !important; top: 38px}
.ql-container.ql-snow {border: 0 !important}
.ql-toolbar.ql-snow {border: 0 !important}
.assignment-builder-text-section-editor-toolbar .oc-text-editor-toolbar-main-options {display: inline-block; width: calc(100% - 109px); text-align: center;}
.oc-text-editor-toolbar-option.disabled {cursor: not-allowed; opacity: 0.5}
.oc-text-editor-toolbar-option.disabled .oc-text-editor-toolbar-option-icon {background-color: #ffffff !important}
.oc-text-editor-toolbar-option.disabled .oc-text-editor-toolbar-option-icon:hover + .oc-text-editor-toolbar-option-description {display: none}
.assignment-builder-text-section-editor-toolbar .oc-text-editor-toolbar-additional-options {display: inline-block; margin-left: 4px}
.oc-text-editor-toolbar-option button {border: none; background: none}
.oc-text-editor-toolbar-option-text-type .oc-text-editor-toolbar-option-icon span {display: inline-block; line-height: 30px; width: 120px; color: #074F66}
.oc-text-editor-toolbar-option-custom .oc-text-editor-toolbar-option-icon span {display: inline-block; font-family: 'Inconsolata'; line-height: 30px; color: #074F66}
.oc-text-editor-toolbar-option-raw .oc-text-editor-toolbar-option-icon span {display: inline-block; font-family: 'Muli'; font-size: 9pt; line-height: 30px; color: #074F66}
.oc-text-editor-toolbar-option-text-type .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-custom .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-raw .oc-text-editor-toolbar-option-icon {padding: 4px 8px; border-radius: 4px}
.oc-text-editor-toolbar-option-text-type:hover .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-custom:hover .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-raw:hover .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option.active.oc-text-editor-toolbar-option-text-type .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option.active.oc-text-editor-toolbar-option-more-font-options .oc-text-editor-toolbar-option-icon {background-color: rgba(0, 0, 0, 0.2);}
.oc-text-editor-toolbar-option-bold .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-delete .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-versions .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-table .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-panel .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-image .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-italic .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-more-font-options .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-text-color .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-bullet-list .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-numbered-list .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-link .oc-text-editor-toolbar-option-icon {display: inline-block; position: relative; height: 38px; width: 38px; border-radius: 4px; text-align: center;}
.oc-text-editor-toolbar-option-italic, .oc-text-editor-toolbar-option-more-font-options, .oc-text-editor-toolbar-option-numbered-list, .oc-text-editor-toolbar-option-image, .oc-text-editor-toolbar-option-table, .oc-text-editor-toolbar-option-panel, .oc-text-editor-toolbar-option-custom, .oc-text-editor-toolbar-option-raw, .oc-text-editor-toolbar-option-delete {margin-left: 4px}
.oc-text-editor-toolbar-option-bold .oc-text-editor-toolbar-option-icon:before {content:"\f032"; font-family: 'FontAwesome';font-size: 11pt; display: inline-block; line-height:38px; color:#074F66 }
.oc-text-editor-toolbar-option-delete .oc-text-editor-toolbar-option-icon:before {content:"\f1f8"; font-family: 'FontAwesome';font-size: 11pt; display: inline-block; line-height:38px; color:#074F66 }
.oc-text-editor-toolbar-option-versions .oc-text-editor-toolbar-option-icon:before {content:"\f126"; font-family: 'Font Awesome 5 Free';font-size: 11pt; display: inline-block; line-height:38px; color:#074F66; font-weight:900 }
.oc-text-editor-toolbar-option-table .oc-text-editor-toolbar-option-icon:before {content:"\f0ce"; font-family: 'FontAwesome';font-size: 11pt; display: inline-block; line-height:38px; color:#074F66}
.oc-text-editor-toolbar-option-panel .oc-text-editor-toolbar-option-icon:before {content:"\f05a"; font-family: 'FontAwesome';font-size: 11pt; display: inline-block; line-height:38px; color:#074F66}
.oc-text-editor-toolbar-option-link .oc-text-editor-toolbar-option-icon:before {content:"\f0c1"; font-family: 'FontAwesome';font-size: 11pt; display: inline-block; line-height:38px; color:#074F66 }
.oc-text-editor-toolbar-option-image .oc-text-editor-toolbar-option-icon:before {content:"\f03e"; font-family: 'FontAwesome';font-size: 11pt; display: inline-block; line-height:38px; color:#074F66 }
.oc-text-editor-toolbar-option-bullet-list .oc-text-editor-toolbar-option-icon:before {content:"\f0ca"; font-family: 'FontAwesome';font-size: 11pt; display: inline-block; line-height:38px; color:#074F66 }
.oc-text-editor-toolbar-option-numbered-list .oc-text-editor-toolbar-option-icon:before {content:"\f0cb"; font-family: 'FontAwesome';font-size: 11pt; display: inline-block; line-height:38px; color:#074F66 }
.oc-text-editor-toolbar-option-text-color .oc-text-editor-toolbar-option-icon {color: #212121}
.oc-text-editor-toolbar-option-text-color .oc-text-editor-toolbar-option-icon.white {background-color: #074F66;}
.oc-markdown-item-toolbar-option-text-color .oc-text-editor-toolbar-option-icon.white {background-color: #074F66}
.oc-markdown-item-toolbar-option-text-color.white {background-color: #074F66 !important}
.oc-markdown-item-toolbar-option-background-color.white {background-color: #074F66 !important}
.oc-text-editor-toolbar-option-text-color .oc-text-editor-toolbar-option-icon:before {content:"\f53f"; font-family: 'Font Awesome 5 Free';font-size: 11pt; display: inline-block; line-height:38px; font-weight:900 }
.oc-text-editor-toolbar-option-italic .oc-text-editor-toolbar-option-icon:before {content:"\f033"; font-family: 'FontAwesome';font-size: 11pt; display: inline-block; line-height:38px; color:#074F66 }
.oc-text-editor-toolbar-option-more-font-options .oc-text-editor-toolbar-option-icon:before {content:"\f141"; font-family: 'FontAwesome';font-size: 11pt; display: inline-block; line-height:38px; color:#074F66 }
.oc-text-editor-toolbar-option-bold:hover .oc-text-editor-toolbar-option-icon:not(.ql-active), .oc-text-editor-toolbar-option-delete:hover .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-versions:hover .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-table:hover .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-panel:hover .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-image:not(.selected):hover .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-link:not(.selected):hover .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-italic:hover .oc-text-editor-toolbar-option-icon:not(.ql-active), .oc-text-editor-toolbar-option-more-font-options:hover .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-text-color:hover .oc-text-editor-toolbar-option-icon:not(.white), .oc-text-editor-toolbar-option-text-color.active .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-bullet-list:hover .oc-text-editor-toolbar-option-icon:not(.ql-active), .oc-text-editor-toolbar-option-numbered-list:hover .oc-text-editor-toolbar-option-icon:not(.ql-active), .oc-text-editor-toolbar-option-link.active .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-image.active .oc-text-editor-toolbar-option-icon {background-color: rgba(0, 0, 0, 0.2);}
.oc-text-editor-toolbar-option-bold.selected .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-raw.selected .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-image.selected .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-link.selected .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-italic.selected .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-bullet-list.selected .oc-text-editor-toolbar-option-icon, .oc-text-editor-toolbar-option-numbered-list.selected .oc-text-editor-toolbar-option-icon {background-color: #074F66;}
.oc-text-editor-toolbar-option-bold.selected .oc-text-editor-toolbar-option-icon:before, .oc-text-editor-toolbar-option-image.selected .oc-text-editor-toolbar-option-icon:before, .oc-text-editor-toolbar-option-link.selected .oc-text-editor-toolbar-option-icon:before, .oc-text-editor-toolbar-option-italic.selected .oc-text-editor-toolbar-option-icon:before, .oc-text-editor-toolbar-option-bullet-list.selected .oc-text-editor-toolbar-option-icon:before, .oc-text-editor-toolbar-option-numbered-list.selected .oc-text-editor-toolbar-option-icon:before {color: #ffffff;}
.oc-text-editor-toolbar-option-icon.ql-active, .oc-text-editor-toolbar-option-icon.ql-active, .oc-text-editor-toolbar-option-icon.ql-active, .oc-text-editor-toolbar-option-icon.ql-active, .oc-text-editor-toolbar-option-icon.ql-active, .oc-text-editor-toolbar-option-icon.ql-active, .oc-text-editor-toolbar-option-icon.ql-active {background-color: #074F66;}
.oc-text-editor-toolbar-option-icon.ql-active:before, .oc-text-editor-toolbar-option-icon.ql-active:before, .oc-text-editor-toolbar-option-icon.ql-active:before, .oc-text-editor-toolbar-option-icon.ql-active:before, .oc-text-editor-toolbar-option-icon.ql-active:before, .oc-text-editor-toolbar-option-icon.ql-active:before {color: #ffffff;}
.oc-text-editor-toolbar-option-raw.selected .oc-text-editor-toolbar-option-icon span {color: #ffffff}
.oc-text-editor-toolbar-options-separator {display: inline-block; width: 1px; height: 20px; position: relative; margin: 0 12px; vertical-align: middle;}
.oc-text-editor-toolbar-options-separator:before {content:""; position: absolute; left: 0; top: 0; height: 100%; width: 1px; background-color: #e7e7e7}
.oc-text-editor-toolbar-option-more-font-options-list button, .oc-text-editor-toolbar-option-text-type-options button {display: block; width: 100%}
.ql-editor p, .ql-editor ol, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {margin-bottom: 30px !important};
.oc-text-editor-custom-preview {all: initial !important}
.oc-markdown-custom-container-preview-layer {white-space: normal !important;}
.oc-markdown-custom-container-preview-layer p, .oc-markdown-custom-container-preview-layer ol, .oc-markdown-custom-container-preview-layer pre, .oc-markdown-custom-container-preview-layer blockquote, .oc-markdown-custom-container-preview-layer h1, .oc-markdown-custom-container-preview-layer h2, .oc-markdown-custom-container-preview-layer h3, .oc-markdown-custom-container-preview-layer h4, .oc-markdown-custom-container-preview-layer h5, .oc-markdown-custom-container-preview-layer h6 {margin-bottom: 0 !important};
.oc-text-editor-toolbar-option-text-type-options button span, .oc-text-editor-toolbar-option-more-font-options-list button span {line-height: 30px; color: #074F66}
.oc-text-editor-toolbar-option-text-type-options button.ql-active, .oc-text-editor-toolbar-option-more-font-options-list button.ql-active {background-color: #074F66}
.oc-text-editor-toolbar-option-text-type-options button.ql-active span, .oc-text-editor-toolbar-option-more-font-options-list button.ql-active span {color: #ffffff !important; line-height: 30px;}
.oc-text-editor-toolbar-option-more-font-options-list button span {font-family: 'Muli', sans-serif; font-size: 11pt; font-weight: normal; line-height: 30px; color: #074F66}
.oc-text-editor-toolbar-option-text-type-options button[data-type="p"] span, .oc-text-editor-toolbar-option-text-type .oc-text-editor-toolbar-option-icon[data-type="p"] span {font-family: 'Merriweather', serif !important; font-size: 11pt !important; line-height: 30px; color: #074F66}
.oc-text-editor-toolbar-option-more-font-options-list button[data-type="underline"] span {text-decoration: underline; line-height: 30px; color: #074F66}
.oc-text-editor-toolbar-option-more-font-options-list button[data-type="strikethrough"] span {text-decoration: line-through; line-height: 30px; color: #074F66}
.oc-text-editor-toolbar-option-more-font-options-list button[data-type="code"] span {font-family: monospace,serif; line-height: 30px; color: #074F66}
.oc-text-editor-toolbar-option-text-type-options button[data-type="h1"] span, .oc-text-editor-toolbar-option-text-type .oc-text-editor-toolbar-option-icon[data-type="h1"] span {font-family: 'Merriweather', serif; font-size: 16pt; font-weight: 600; line-height: 30px; color: #074F66}
.oc-text-editor-toolbar-option-text-type-options button[data-type="h2"] span, .oc-text-editor-toolbar-option-text-type .oc-text-editor-toolbar-option-icon[data-type="h2"] span {font-family: 'Merriweather', serif; font-size: 14pt; font-weight: 600; line-height: 30px; color: #074F66}
.oc-text-editor-toolbar-option-text-type-options button[data-type="h3"] span, .oc-text-editor-toolbar-option-text-type .oc-text-editor-toolbar-option-icon[data-type="h3"] span {font-family: 'Merriweather', serif; font-size: 12pt; font-weight: 600; line-height: 30px; color: #074F66}
.oc-markdown-image-container {position: relative; display: block; margin-bottom: 30px}
.oc-markdown-image-container img {border: 1px solid transparent; min-width: 200px !important; max-width: 100% !important}
.oc-markdown-image-container.active img {border: 1px solid #1CB9EB}
.oc-markdown-item-toolbar {position: absolute; top: calc(100% + 16px); left: 0; background-color: white; display: block; padding: 4px 10px; border-radius: 10px; border: 1px solid #e7e7e7; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); z-index: 1}
.oc-markdown-table-top-toolbar {position: absolute; bottom: calc(100% + 24px); display: block; width: 100%;}
.oc-markdown-table-right-toolbar {position: absolute; left: calc(100% + 4px); bottom: 0; display: block; height: 100%;}
.oc-markdown-table-top-toolbar-container {position: relative;}
.oc-markdown-table-right-toolbar-container {position: relative; height: 100%}
.oc-markdown-item-table-toolbar-option-select-all-container {position: absolute; display: block;}
.oc-markdown-item-table-toolbar-option-select-all {cursor: pointer; position: relative; display: block; width: 100%; height: 100%}
.oc-markdown-item-table-toolbar-option-select-all-container.vertical {height: 6px; top: 7px}
.oc-markdown-item-table-toolbar-option-select-all-container.vertical.active {height: 20px; top: -20px}
.oc-markdown-item-table-toolbar-option-select-all .oc-markdown-item-table-toolbar-option-icon {display: block; width: 100%; height: 100%; background-color: #e7e7e7; border-radius: 6px;}
.oc-markdown-item-table-toolbar-option-select-all-container.active .oc-markdown-item-table-toolbar-option-delete {display: inline-block}
.oc-markdown-item-table-toolbar-option-select-all-container.active .oc-markdown-item-table-toolbar-option-select-all {display: none}
.oc-markdown-item-table-toolbar-option-delete {cursor: pointer; position: relative; display: none; width: 20px; height: 20px}
.oc-markdown-item-table-toolbar-option-delete.vertical {position: absolute;left: 50%;-ms-transform: translateX(-50%);transform: translateX(-50%);}
.oc-markdown-item-table-toolbar-option-delete.horizontal {position: absolute;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);}
.oc-markdown-item-table-toolbar-option-delete .oc-markdown-item-table-toolbar-option-icon {display: block; width: 100%; height: 100%; background-color: #666666; border-radius: 4px; position: relative;}
.oc-markdown-item-table-toolbar-option-delete .oc-markdown-item-table-toolbar-option-icon:after {content: ""; background: url(/images/white-close-x-icon.svg) no-repeat;background-size: contain; width: 10px; height: 10px; position: absolute; left: 5px; top: 5px; display: block;}
.oc-markdown-item-table-toolbar-option-delete:hover .oc-markdown-item-table-toolbar-option-icon {background-color: #eb1f48}
.oc-markdown-item-table-toolbar-option-select-all-container.horizontal {width: 6px; left: 7px}
.oc-markdown-item-table-toolbar-option-select-all-container.horizontal.active {width: 20px; left: 20px}
.oc-markdown-item-table-toolbar-option-select-all.horizontal .oc-markdown-item-table-toolbar-option-icon {display: block; width: 100%; height: 100%; background-color: #e7e7e7; border-radius: 6px;}
.oc-markdown-item-table-toolbar-option-select-all:hover .oc-markdown-item-table-toolbar-option-icon {background-color: #1CB9EB}
.oc-markdown-item-table-toolbar-option {position: absolute; display: block; width: 20px; height: 20px; cursor: pointer; border-radius: 10px}
.oc-markdown-item-table-toolbar-option .oc-markdown-item-table-toolbar-option-icon {position: absolute; width: 6px; height: 6px; background-color: #1CB9EB; border-radius: 6px; left: calc(50% - 3px); top: calc(50% - 3px)}
.oc-markdown-item-table-toolbar-option:hover .oc-markdown-item-table-toolbar-option-icon {position: absolute; width: 20px; height: 20px; text-align: center; background-color: #1CB9EB; border-radius: 10px; left: calc(50% - 10px); top: calc(50% - 10px)}
.oc-markdown-item-table-toolbar-option:hover .oc-markdown-item-table-toolbar-option-icon:after {content: "\2b"; font-family: 'FontAwesome'; color: #ffffff; font-size: 10pt; text-align: center; width: 20px; height: 20px; line-height: 20px}
.oc-markdown-item-toolbar.wide {width: 100%}
.oc-markdown-item-toolbar-option {display: inline-block; cursor:pointer; border-radius:4px; vertical-align:top; padding:4px; position:relative; }
.oc-markdown-item-toolbar-option:hover {background-color: rgba(0,0,0,0.1)}
.oc-markdown-item-toolbar-option span {font-family: 'Muli', sans-serif; font-size: 11pt; font-weight: 600; color: #666666}
.oc-markdown-item-toolbar-option-icon {color: #666666; width: 20px; text-align: center;}
.oc-text-editor-toolbar-colors-container {display: inline-block; vertical-align: top}
.oc-markdown-item-toolbar-option-panel-type-note, .oc-markdown-item-toolbar-option-panel-type-success, .oc-markdown-item-toolbar-option-panel-type-warning, .oc-markdown-item-toolbar-option-panel-type-error, .oc-markdown-item-toolbar-option-panel-type-info {}
.oc-markdown-item-toolbar-option-delete .oc-markdown-item-toolbar-option-icon:after {content: "\f1f8"; font-family:'FontAwesome';font-size: 12pt}
.oc-markdown-item-toolbar-option-text-align-left .oc-markdown-item-toolbar-option-icon:after {content: "\f036"; font-family:'FontAwesome';font-size: 12pt}
.oc-markdown-item-toolbar-option-text-align-center .oc-markdown-item-toolbar-option-icon:after {content: "\f037"; font-family:'FontAwesome';font-size: 12pt}
.oc-markdown-item-toolbar-option-text-align-right .oc-markdown-item-toolbar-option-icon:after {content: "\f038"; font-family:'FontAwesome';font-size: 12pt}
.oc-markdown-item-toolbar-option-bold .oc-markdown-item-toolbar-option-icon:after {content: "\f032"; font-family:'FontAwesome';font-size: 12pt}
.oc-markdown-item-toolbar-option-text-color .oc-markdown-item-toolbar-option-icon:after {content:"\f53f"; font-family: 'Font Awesome 5 Free';font-size: 12pt; font-weight:900}
.oc-markdown-item-toolbar-option-background-color .oc-markdown-item-toolbar-option-icon:after {content:"\f0c8"; font-family: 'Font Awesome 5 Free';font-size: 12pt; font-weight:900}
.oc-markdown-item-toolbar-option-toggle-message .oc-markdown-item-toolbar-option-icon:after {content: "\f27a"; font-family:'FontAwesome';font-size: 12pt}
.oc-markdown-item-toolbar-option-paragraph-above .oc-markdown-item-toolbar-option-icon:after {content: ""; background: url(/images/add-before-icon.svg) no-repeat center; background-position: center center; background-size: contain;width: 17px; height: 13px;position: relative; display: inline-block;}
.oc-markdown-item-toolbar-option-paragraph-below .oc-markdown-item-toolbar-option-icon:after {content: ""; background: url(/images/add-after-icon.svg) no-repeat center; background-position: center center; background-size: contain;width: 17px; height: 13px;position: relative; display: inline-block;}
.oc-markdown-item-toolbar-option-paragraph-below, .oc-markdown-item-toolbar-option-panel-type-note, .oc-markdown-item-toolbar-option-panel-type-success, .oc-markdown-item-toolbar-option-panel-type-warning, .oc-markdown-item-toolbar-option-panel-type-error, .oc-markdown-item-toolbar-option-text-align-center, .oc-markdown-item-toolbar-option-text-align-right, .oc-markdown-item-toolbar-option-text-color, .oc-markdown-item-toolbar-option-background-color {margin-left: 4px}
.oc-markdown-item-toolbar-option-panel-type-info .oc-markdown-item-toolbar-option-icon:after {content: "\f05a"; font-family:'FontAwesome';font-size: 12pt}
.oc-markdown-item-toolbar-option-panel-type-note .oc-markdown-item-toolbar-option-icon:after {content: "\f249"; font-family:'FontAwesome';font-size: 12pt}
.oc-markdown-item-toolbar-option-panel-type-success .oc-markdown-item-toolbar-option-icon:after {content: "\f058"; font-family:'FontAwesome';font-size: 12pt}
.oc-markdown-item-toolbar-option-panel-type-warning .oc-markdown-item-toolbar-option-icon:after {content: "\f071"; font-family:'FontAwesome';font-size: 12pt}
.oc-markdown-item-toolbar-option-panel-type-error .oc-markdown-item-toolbar-option-icon:after {content: "\f057"; font-family:'FontAwesome';font-size: 12pt}
.oc-markdown-item-toolbar-option-panel-type.selected, .oc-markdown-item-toolbar-option-toggle-message.selected, .oc-markdown-item-toolbar-option-text-align-left.selected, .oc-markdown-item-toolbar-option-text-align-center.selected, .oc-markdown-item-toolbar-option-text-align-right.selected, .oc-markdown-item-toolbar-option-bold.selected {background-color: #666666}
.oc-markdown-item-toolbar-option-panel-type.selected .oc-markdown-item-toolbar-option-icon:after, .oc-markdown-item-toolbar-option-toggle-message.selected .oc-markdown-item-toolbar-option-icon:after, .oc-markdown-item-toolbar-option-text-align-left.selected .oc-markdown-item-toolbar-option-icon:after, .oc-markdown-item-toolbar-option-text-align-center.selected .oc-markdown-item-toolbar-option-icon:after, .oc-markdown-item-toolbar-option-text-align-right.selected .oc-markdown-item-toolbar-option-icon:after, .oc-markdown-item-toolbar-option-bold.selected .oc-markdown-item-toolbar-option-icon:after {color: #ffffff}
.oc-markdown-item-toolbar-option-back .oc-markdown-item-toolbar-option-icon:after {content: "\f00c"; font-family:'FontAwesome';font-size: 12pt}
.oc-markdown-item-toolbar-top {display: block}
.oc-markdown-item-toolbar-bottom {display: block; border-top: 1px solid #e7e7e7; padding: 10px; margin-top: 4px}
.oc-markdown-item-toolbar-bottom span {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 9pt; color: #666666}
.oc-markdown-custom-container {position: relative; display: block; margin-bottom: 30px; min-height: 40px; width: 100%; background-color: #ffffff}
.oc-markdown-custom-container-empty {min-height: 200px; background-color: #e7e7e7}
.oc-markdown-custom-container, .oc-markdown-panel-container, .oc-markdown-table-container {border: 1px solid transparent; background-color: transparent;}
.oc-markdown-custom-container.active, .oc-markdown-panel-container.active, .oc-markdown-table-container.active {border: 1px solid #1CB9EB; background-color: #ffffff;}
.oc-text-editor-content .oc-markdown-custom-container:not(.active):hover .oc-markdown-custom-container-preview-layer {pointer-events:none}
.oc-markdown-panel-container {position: relative; display: block; margin-bottom: 30px; border-radius: 4px;}
.oc-markdown-panel-main-container {overflow: hidden; border-radius: 4px}
.oc-markdown-panel-title-container {background-color: #CCDEF7; padding: 8px; position: relative;}
.oc-markdown-panel-container[data-type="note"] .oc-markdown-panel-title-container {background-color: #DDCCF7; padding: 8px; position: relative;}
.oc-markdown-panel-container[data-type="success"] .oc-markdown-panel-title-container {background-color: #CDF7CC; padding: 8px; position: relative;}
.oc-markdown-panel-container[data-type="warning"] .oc-markdown-panel-title-container {background-color: #F7EFCC; padding: 8px; position: relative;}
.oc-markdown-panel-container[data-type="error"] .oc-markdown-panel-title-container {background-color: #F7CCCC; padding: 8px; position: relative;}
.oc-markdown-panel-body-container {background-color: #F1F1F1; padding: 8px}
.oc-markdown-panel-title-container:before {content:"\f05a"; font-family: 'FontAwesome'; font-size: 16pt; line-height: 16pt; position: absolute; left: 10px; top: 10px; color: #0047A9}
.oc-markdown-panel-container[data-type="note"] .oc-markdown-panel-title-container:before {content:"\f249"; font-family: 'FontAwesome'; font-size: 16pt; position: absolute; left: 10px; top: 10px; color: #5800A9}
.oc-markdown-panel-container[data-type="success"] .oc-markdown-panel-title-container:before {content:"\f058"; font-family: 'FontAwesome'; font-size: 16pt; position: absolute; left: 10px; top: 10px; color: #1BA900}
.oc-markdown-panel-container[data-type="warning"] .oc-markdown-panel-title-container:before {content:"\f071"; font-family: 'FontAwesome'; font-size: 16pt; position: absolute; left: 10px; top: 10px; color: #EFA03D}
.oc-markdown-panel-container[data-type="error"] .oc-markdown-panel-title-container:before {content:"\f057"; font-family: 'FontAwesome'; font-size: 16pt; position: absolute; left: 10px; top: 10px; color: #eb1f48}
.oc-text-editor-panel-title-input, .oc-markdown-panel-title-text {line-height: 25.5px; min-height: 25.5px; font-family: 'Muli', sans-serif; margin-left: 30px; width: calc(100% - 30px); font-size: 11pt; font-weight: 600; color: #212121; background-color: transparent;}
.oc-text-editor-panel-body-input, .oc-markdown-panel-body-text, .oc-text-editor-table-data-input, .oc-text-editor-table-data-text {line-height: 25.5px !important; min-height: 25.5px; font-family: 'Muli', sans-serif; width: 100%; font-size: 10pt; color: #212121; background-color: transparent;}
.oc-text-editor-table-data-text {min-height: 26px !important; line-height: 25.5px !important; display: inline-block;}
.oc-markdown-resizable-container {position: relative; display: inline-block;}
.oc-markdown-resize-bar-bottom {position: absolute; top: 100%; height: 12px; background-color: #e7e7e7; width: 100%; display: block; cursor: ns-resize}
.oc-markdown-resize-bar-bottom:after {content: ""; background: url(/images/gray-grabbable-horizontal-icon.svg) no-repeat center; background-position: center center; background-size: contain;width: 22px; height: 8px;position: absolute; display: block; top: 1px; left: calc(50% - 11px)}
.oc-text-editor-alt-text-input-container {display: inline-block; width: 360px; height: 25.5px; line-height: 25.5px}
.oc-text-editor-custom-input-container {display: inline-block; width: calc(100% - 53px); vertical-align: top}
.oc-text-editor-custom-input, .oc-text-editor-alt-text-input {line-height: 25.5px; max-height: 200px; font-family: 'Muli', sans-serif; font-size: 10pt; color: #212121}
.oc-text-editor-custom-input {min-height: 51px}
.oc-markdown-item-toolbar-top.wide {width: 100%}
.oc-markdown-table-container {position: relative; display: block; margin-bottom: 30px;}
.oc-markdown-item-table-toolbar-option-highlighter.vertical {position: absolute; height: calc(100% + 6px); background-color: #1CB9EB; display: none; top: -6px; width: 4px}
.oc-markdown-item-table-toolbar-option-highlighter.horizontal {position: absolute; width: calc(100% + 6px); background-color: #1CB9EB; display: none; right: -6px; height: 4px}
.oc-markdown-item-table-toolbar-option-highlighter.active {display: block;}
.oc-markdown-table-main-container table {width: 100%}
.oc-markdown-table-main-container table tr td {border: 1px solid #e7e7e7; padding: 4px;}
.oc-text-editor-content .oc-markdown-table-main-container table tr td {cursor: text;}
.oc-markdown-table-main-container table tr td.oc-text-editor-selected {border: 2px solid #1CB9EB !important}
.lesson-content-text-item p, .oc-markdown p {display: block !important; min-height: 30px}
.assignment-builder-lesson-text-section-preview p a, .lesson-content-text-item p a, .oc-markdown p a {padding: 0; margin: 0; font-size: 11pt; line-height: 30px !important; display: inline; color: #DD167B;}
.assignment-builder-lesson-text-section:not(.active) .assignment-builder-lesson-text-section-preview {display: block !important; cursor: text; padding-top: 50px !important; padding-bottom: 14px !important;}
.assignment-builder-lesson-text-section:not(.active).clearable .assignment-builder-lesson-text-section-preview:before {content: "Enter text here..."; position: absolute; font-family: 'Merriweather', serif; color: #666666;font-size: 11pt; line-height: 30px !important; min-height: 40px !important;}
.assignment-builder-lesson-text-section.active .preview-enabled-free-response-field .assignment-builder-lesson-text-section-preview {display: block !important;}
.assignment-builder-lesson-text-section.active .preview-enabled-free-response-field .assignment-builder-lesson-text-section-preview {display: block !important;}
.assignment-builder-lesson-text-section:not(.active) .assignment-builder-lesson-text-section-preview-p {display: none}
.assignment-builder-lesson-text-section:not(.active) .free-response-text-area {display: none !important;}
.assignment-builder-lesson-text-section p, .assignment-builder-question-resource-viewer-text-value p {margin-bottom: 30px !important; display: block}
.student-input-preview {min-height: 200px !important;}
.student-input-preview p {padding: 0; margin: 0; font-size: 9pt;}
.student-input-preview p a {padding: 0; margin: 0; font-size: 9pt; color: #DD167B;}
p.student-input-preview-title-p {color: #666666; margin-bottom: 10px;}
p.assignment-builder-lesson-text-section-preview-p {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 9pt; color: #666666; margin: 0 !important;}
p.below-free-response-field-hint {padding: 0; margin-bottom: 16px; font-size: 9pt;}
p.below-free-response-field-hint a {padding: 0; margin: 0; font-size: 9pt; color: #DD167B;}
.question-hint {margin: 60px 0;}
.hint-toggle {margin: auto;}
.hint-toggle figure {display: inline-block;}
.hint-toggle figure a span {color: #705AF4; font-weight: bold; font-family: 'Muli', sans-serif; font-size: 9pt; vertical-align: top;}
.hint-toggle figure a img {margin: 3px 8px 0 0;}
.hint-toggle small {color: #626262; margin-left: 6px; vertical-align: top; line-height: 16px;}
.hint-text-wrapper {display: none; width: 100%; clear: both;}
.hint-text-container {display: inline-block; }
.hint-text-outer-styling {content: '';position: relative;top: 0; left: 25px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #e7e7e7; display:block;}
.hint-text-inner-styling {content: '';position: relative;top: 1px; left: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid white; display:block;}
.hint-text {border-style: solid; border-color: #e7e7e7; border-radius: 4px; border-width: 1px; padding: 4px 8px; min-width: 62px;}
.hint-text p {font-size: 11pt; color:#212121;}
.hint-text p:not(:last-child) {margin-bottom: 10px}
.review-main-content.end-line-included p.bottom-text:before {content: '';position: relative;top: 0;left: 0;width: 100%;height: 1px;background: #e7e7e7;z-index: 1; display: block; margin-bottom: 70px;}
/* ================================= LOGIN PAGE START ==================================== */
.login-page .wrapper { background-color: #ffffff; overflow: hidden;}
.login-page .wrapper .main-body { background-color: #2e2f2f; position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; height: 100%; overflow: hidden;}
.login-page .login-container { background-color: #eaecec; border-radius: 8px; bottom: 0; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); display: block; height: 50%; left: 0; margin: auto; min-height: 400px; min-width: 400px; position: absolute; right: 0; top: 0; width: 50%; z-index: 1;}
.login-page .login-container img { bottom: 50%; height: 130px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: auto;}
.login-page .login-container p { color: #575757; font-family: 'Muli', sans-serif; font-size: 11pt; position: absolute; left: 6%; top: calc(50% - 40px)}
.login-page .login-container form { display: inline-block; height: 70px; left: 20pt; right: 20pt; position: absolute; text-align: left; top: 50%;}
.login-page .login-container form p { color: #575757; font-family: 'Muli', sans-serif; font-size: 10pt; margin: 0px; position: absolute; left: calc(56% + 42px); top: calc(56% + 73px);}
.login-page .login-container form input { border: none; border-radius: 4px; font-family: 'Muli', sans-serif; font-size: 12pt; outline: none; margin-top: 8px; padding: 1%; top: 0px; width: 100%;}
.login-page .login-submit {background-color: #0a88fe;border-radius: 20px;color: #ffffff;cursor: pointer;display: inline-block;font-family: 'Muli', sans-serif;font-size: 12pt;height: 24px;left: 6%;padding: 6px;position: absolute;text-align: center;top: calc(56% + 80px);width: 50%;}
.login-btn{float: right;/* display: flex; */display: -wenkit-flex;text-align: right; position: absolute; bottom: 20px; right: 20px; padding: 1%;}
.main-btn.login {margin: 0 0 0 15px;}
.main-btn.login a{width: 157px;margin: 0;padding: 19px 0;border: solid 1px #DD167B;color:#DD167B;text-align: center;}
.main-btn.login a:hover{background:#DD167B;color: #fff; }
.main-btn.login a:after{display: none;}
.main-btn.disabled a, .iconless-standard-btn.disabled a, .assignment-builder-question-composer-add-question-button.disabled a, .assignment-builder-question-composer-save-draft-button.disabled a {color: transparent !important; background: transparent !important; cursor: default !important;}
.main-btn.locked a {color: #666666 !important;border: 1px solid #666666 !important; cursor: default !important; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none;}
.iconless-standard-btn.disabled, .assignment-builder-question-composer-add-question-button.disabled, .assignment-builder-question-composer-save-draft-button.disabled {background: transparent; cursor: default !important;}
.main-btn.disabled a:hover, .iconless-standard-btn.disabled a:hover, .assignment-builder-question-composer-add-question-button.disabled a:hover, .assignment-builder-question-composer-save-draft-button.disabled a:hover {color:transparent; background: transparent;}
.class-page-loader-container {width: 100%; height: 300px; position: relative;}
.pink-loader {border: 6px solid transparent; border-top: 6px solid #DD167B; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; position: absolute; top: 15px;left: 62px; display: none;}
.full-page-purple-loader {border: 6px solid transparent; border-top: 6px solid #705AF4; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 15px); left: calc(50% - 15px); display: none}
.purple-loader-center {border: 6px solid transparent; border-top: 6px solid #705AF4; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 15px) !important; left: calc(50% - 15px) !important; display: none;}
.pink-loader-center {border: 6px solid transparent; border-top: 6px solid #DD167B; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 15px) !important; left: calc(50% - 15px) !important; display: none;}
.blue-loader-center {border: 6px solid transparent; border-top: 6px solid #36b1ff; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 15px) !important; left: calc(50% - 15px) !important; display: none;}
.gray-loader-center {border: 6px solid transparent; border-top: 6px solid #666666; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 15px) !important; left: calc(50% - 15px) !important; display: none;}
.gray-loader-left {border: 4px solid transparent; border-top: 4px solid #666666; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 10px) !important; left: 0 !important; display: none;}
.pink-loader-small-center {border: 4px solid transparent; border-top: 4px solid #DD167B; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 10px) !important; left: calc(50% - 10px) !important; display: none;}
.purple-loader-small-center {border: 4px solid transparent; border-top: 4px solid #705AF4; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 10px) !important; left: calc(50% - 10px) !important; display: none;}
.pink-loader-tiny-positionless {border: 3px solid transparent; border-top: 3px solid #DD167B; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: 0; left: 0; display: none;}
.blue-loader-tiny-positionless {border: 3px solid transparent; border-top: 3px solid #36b1ff; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: 0; left: 0; display: none;}
.pink-loader-build-hint {border: 2px solid transparent; border-top: 2px solid #DD167B; border-radius: 50%; width: 10px; height: 10px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 5px) !important; left: 68px;}
@keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}
/* ================================= WELCOME PAGE START ==================================== */
.agree-to-legal-form {margin-top: 50px;}
.agree-to-legal-form p {line-height: 28px;}
.agree-to-legal-form p a {display: inline; color: #DD167B; font-weight: inherit; font-size: inherit; line-height: inherit; font-family: inherit;}
/* ================================= CONTENT PAGE START ==================================== */
.content-page-header {height: 40px; vertical-align: middle;}
.content-top-logo {position: relative; height: 32px; display: inline-block; margin-top: 4px;}
.main-content-area {position: relative; margin-top: 100px; margin-left: 10%; margin-right: 10%;}
.content-page-main-container {height: auto; width: 100%; padding-top: 46px; padding-left: 40px; padding-right: 40px; padding-bottom: 100px;}
.static-content-page-main-container {position: fixed; overflow-y: scroll; height: auto; width: 100%; padding-top: 46px; padding-left: 40px; padding-right: 40px; padding-bottom: 40px;}
.content-page .maincontent {overflow-y: hidden; overflow-x: hidden;}
.content-page h4 {font-family: 'Merriweather', serif;font-size: 28px;line-height: 38px; color: #212121; font-weight: lighter; margin-bottom: 40px; text-align: left;}
.content-page h1 {font-size: 28pt; line-height: 60px; font-family: "CentraNo2 Bold", sans-serif; color: #212121;}
.content-page h1 em {color: #705AF4;}
.content-page h2 {font-size: 18pt; line-height: 40px; font-family: "CentraNo2 Bold", sans-serif; color: #212121; margin-bottom: 14px}
.content-page em {font-style: italic;}
.contact-institutional-licenses-section {margin-top: 40px}
.contact-institutional-licenses-section ul {margin-left: 40px; margin-bottom: 20px}
.contact-institutional-licenses-section ul li {margin-bottom: 6px;}
.contact-institutional-licenses-section ul li b {color: #666666;}
.contact-institutional-licenses-section ul li:before {content:"•"; padding-right: 10px;}
.contact-institutional-licenses-section ul li {line-height: 30px; padding-left: 6em initial; }
.contact-pricing-items {display: block;}
.contact-pricing-item {display: inline-block; width: 25%; vertical-align: top}
.contact-pricing-item-body.current .contact-pricing-item-action-button {-webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none;}
.contact-pricing-item-body {padding: 20px; margin: 10px; border-radius: 10px; border: 1px solid #e7e7e7; cursor: pointer;}
.contact-pricing-item-body.active {cursor: default; border: 1px solid transparent;}
.contact-pricing-item-body.active span, .contact-pricing-item-body.active span small {color: #ffffff}
.contact-pricing-item-body.active .contact-pricing-item-details li span:before, .contact-pricing-item-body.active .contact-pricing-item-title span, .contact-pricing-item-body.active .contact-pricing-item-current-license span {color: #ffffff !important}
.contact-pricing-item.pink .contact-pricing-item-body:hover {border-color: #DD167B}
.contact-pricing-item.yellow .contact-pricing-item-body:hover {border-color: #FFD34F}
.contact-pricing-item.blue .contact-pricing-item-body:hover {border-color: #36b1ff}
.contact-pricing-item.purple .contact-pricing-item-body:hover {border-color: #705AF4}
.contact-pricing-item-title, .contact-pricing-item-price, .contact-pricing-item-current-license, .contact-pricing-item-trial, .contact-pricing-item-price-detail {margin-bottom: 10px}
.contact-pricing-item-description, .contact-pricing-item-details {margin-bottom: 20px; padding-bottom: 0 !important}
.contact-pricing-item-title span {font-family: 'Muli', sans-serif; font-weight: bold; font-size: 13pt; color: #212121}
.contact-pricing-item-current-license span:before {content: "\f4d6"; font-family: 'Font Awesome 5 Free'; margin-right: 4px; font-weight: 900}
.contact-pricing-item-current-license span {font-family: 'Muli', sans-serif; font-weight: bold; font-size: 10pt; color: #212121}
.contact-pricing-item.pink .contact-pricing-item-title span, .contact-pricing-item.pink .contact-pricing-item-details li span:before, .contact-pricing-item.pink .contact-pricing-item-body.active .contact-pricing-item-action-button span {color: #DD167B}
.contact-pricing-item.yellow .contact-pricing-item-title span, .contact-pricing-item.yellow .contact-pricing-item-details li span:before, .contact-pricing-item.yellow .contact-pricing-item-body.active .contact-pricing-item-action-button span {color: #FFD34F}
.contact-pricing-item.blue .contact-pricing-item-title span, .contact-pricing-item.blue .contact-pricing-item-details li span:before, .contact-pricing-item.blue .contact-pricing-item-body.active .contact-pricing-item-action-button span {color: #36b1ff}
.contact-pricing-item.purple .contact-pricing-item-title span, .contact-pricing-item.purple .contact-pricing-item-details li span:before, .contact-pricing-item.purple .contact-pricing-item-body.active .contact-pricing-item-action-button span {color: #705AF4}
.contact-pricing-item.pink .contact-pricing-item-action-button, .contact-pricing-item.pink .contact-pricing-item-body.active {background-color: #DD167B}
.contact-pricing-item.yellow .contact-pricing-item-action-button, .contact-pricing-item.yellow .contact-pricing-item-body.active {background-color: #FFD34F}
.contact-pricing-item.blue .contact-pricing-item-action-button, .contact-pricing-item.blue .contact-pricing-item-body.active {background-color: #36b1ff}
.contact-pricing-item.purple .contact-pricing-item-action-button, .contact-pricing-item.purple .contact-pricing-item-body.active {background-color: #705AF4}
.contact-pricing-item-trial span {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 10pt; color: #666666}
.contact-pricing-item-price span {font-family: 'Muli', sans-serif; font-weight: bold; font-size: 15pt; color: #212121}
.contact-pricing-item-price span small {font-weight: normal; color: #666666; font-size: 11pt}
.contact-pricing-item-price-detail span {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 10pt; color: #666666}
.contact-pricing-item-description span {font-family: 'Muli', sans-serif; font-weight: bold; font-size: 10pt; color: #666666}
.contact-pricing-item-details li {margin-bottom: 10px}
.contact-pricing-item-details li span {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 10pt; color: #666666}
.contact-pricing-item-details li span:before {content: "\f00c"; font-family: 'Font Awesome 5 Free'; color: #DD167B; margin-right: 10px; font-weight: 900}
.contact-pricing-item-details li.existing span:before {content: "\f060"; font-family: 'Font Awesome 5 Free'; color: #DD167B; margin-right: 10px; font-weight: 900}
.contact-pricing-item-action-button {text-align: center; border-radius: 8px; width: 100%; padding: 8px; background-color: #666666}
.contact-pricing-item-body.active .contact-pricing-item-action-button {background-color: #ffffff}
.contact-pricing-item-action-button span {font-family: 'Muli', sans-serif; font-weight: bold; font-size: 12pt; color: #ffffff}
.full-page-separator {margin-bottom: 40px; display: block; width: 100%; height: 1px; background-color: #e7e7e7}
.contact-pricing-billing-cycle-container {margin-bottom: 20px; text-align: center;}
.contact-pricing-billing-cycle {border: 1px solid #e7e7e7; border-radius: 20px;display: inline-block;}
.contact-pricing-billing-cycle-option {display: inline-block; padding: 8px 12px; border-radius: 20px; cursor: pointer;}
.contact-pricing-billing-cycle-option.selected {background-color: #36b1ff; cursor: default;}
.contact-pricing-billing-cycle-option span {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 11pt; color: #666666}
.contact-pricing-billing-cycle-option span em {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 9pt;}
.contact-pricing-billing-cycle-option.selected span {color: #ffffff; font-weight: bold;}
.contact-pricing-billing-cycle-option-discount-value {display: inline}
.contact-pricing-billing-cycle-option-discount-value:after {content: "%"; font-size: 6pt}
.contact-pricing-cancel-license-button, .contact-pricing-undo-cancelation-license-button, .contact-pricing-update-default-billing-button {display: inline; cursor: pointer; font-family: inherit; font-size: inherit; font-weight: inherit; text-decoration: underline; color: #666666; margin-left: 4px}
.contact-pricing-update-default-billing-button {margin-left: 0}
body[data-license='free'] .lock-license-required[data-free='locked'] .switch, body[data-license='standard'] .lock-license-required[data-standard='locked'] .switch, body[data-license='pro'] .lock-license-required[data-standard='pro'] .switch {-webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none;}
body[data-license='free'] .lock-license-required[data-free='locked'] .locked-feature-indicator:hover .locked-feature-indicator-description, body[data-license='standard'] .lock-license-required[data-standard='locked'] .locked-feature-indicator:hover .locked-feature-indicator-description, body[data-license='pro'] .lock-license-required[data-standard='pro'] .locked-feature-indicator:hover .locked-feature-indicator-description {display: block;}
.assignment-builder-question-retrieval-type-option.lock-license-required:before {content: "\f0e7"; font-family: 'Font Awesome 5 Free'; font-size: 9pt; color: #ffffff; margin-right: 6px; font-weight: 900;}
.assignment-builder-question-mastery-question-type-option.lock-license-required:before {content: "\f0e7"; font-family: 'Font Awesome 5 Free'; font-size: 9pt; color: #ffffff; margin-right: 6px; font-weight: 900;}
.assignment-builder-add-content-actions-menu-item.lock-license-required span:after {content: "\f0e7"; font-family: 'Font Awesome 5 Free'; font-size: 9pt; color: #666666; margin-left: 6px; font-weight: 900;}
.assignment-builder-add-resource-native-video-button.lock-license-required span:before {content: "\f0e7"; font-family: 'Font Awesome 5 Free'; font-size: 9pt; color: #ffffff; margin-right: 6px; font-weight: 900;}
.locked-feature-indicator {display: inline-block; position: relative;}
.locked-feature-indicator-icon:before {content: "\f0e7"; font-family: 'Font Awesome 5 Free'; font-size: 9pt; color: #666666; margin-right: 6px; font-weight: 900; display: inline-block;}

.content-page h5 {font-family: 'Merriweather', serif;font-size: 13pt; color: #212121; font-weight: 600; margin-bottom: 20px; text-align: left;}
.content-page h4 b {color: #705AF4;}
.content-page p {line-height: 26px;}
.content-page p a {display: inline; line-height: 26px; font-family: inherit; font-size: inherit; color: #DD167B;}
.content-page ul.cog-principles {margin: 30px 0px 10px 0px;}
.content-page ul.cog-principles li {border-left: 2px solid #626262; padding-left: 10px; margin-bottom: 40px;}
.content-page ul.cog-principles li em {color: #626262; font-family: 'Muli', sans-serif; font-size: 24pt; font-weight: bold; margin-bottom: 20px; display: block;}
.content-page ul.cog-principles li .figure-container {display: inline-block; width: 240px; padding-left: 20px; vertical-align: top;}
.content-page ul.cog-principles li .figure-container.long {width: 280px;}
.content-page ul.cog-principles li .principle-subheader-and-text-container {display: inline-block; width: calc(100% - 240px);}
.content-page ul.cog-principles li .principle-subheader-and-text-container.short {width: calc(100% - 280px);}
.content-page ul.cog-principles li figure img {padding-bottom: 10px;}
.content-page ul.cog-principles li figure {vertical-align: top; text-align: center;}
.content-page ul.cog-principles li .principle-subheader {margin-bottom: 10px; margin-top: 10px;}
.content-page ul.cog-principles li .principle-subheader p {color: #705AF4; text-transform: uppercase; font-size: 10pt; font-weight: bold;}
.content-page ul.cog-principles li .principle-text p {color: #626262; font-size: 10pt; line-height: 18px; display: inline;}
.content-page ul.cog-principles li .principle-text p span {color: #000; font-size: 9pt; line-height: 18px; display: inline; vertical-align: top;}
.content-page h3 {font-family: 'Muli', serif;font-size: 24px;line-height: 28px; color: #212121; font-weight: bold; margin-bottom: 20px; text-align: left;}
ul.reference-list li {margin-bottom: 10px;}
ul.reference-list li p:before {content:"•"; padding-right: 10px;}
ul.reference-list li p {line-height: 30px; padding-left: 6em initial; }
ul.reference-list li p:first-of-type {text-indent: -4em; margin-left: 4em;}
ul.reference-list li p a {display: inline; color: #705AF4;}
.content-page .main-content-area p {font-size: 11pt; margin-bottom: 15px;}
.content-page .main-content-area a.mission-careers-button, .content-page a.research-get-in-touch-button, .content-standard-link {color: #DD167B; font-size: 10.5pt; display: inline; font-weight: inherit; line-height: inherit;}
.content-page .main-content-area p a.content-link {color: #DD167B; font-size: 15px; display: inline !important;}
a.openclass-prize-a {color: #DD167B; font-size: inherit; display: inline !important;}
.links-page-list {display: block; margin-top: 20px}
.links-page-list-item {display: block; margin-bottom: 10px; text-align: center;}
.links-page-list-item a {padding: 10px 20px; border-radius: 20px; background-color: #705AF4; color: #ffffff; font-family: 'Muli', sans-serif; font-size: 11pt; font-weight: normal;}
.links-page-list-item a:hover {background-color: #8573F4}
/* ================================= CATALOG START ===================================== */
.catalog-assignments-list-item, .catalog-assignment-subjects-list-item {cursor: pointer; width: 100%; position: relative;}
.catalog-assignments-list-item:not(:last-child), .catalog-assignment-subjects-list-item:not(:last-child) {margin-bottom: 40px}
.catalog-assignments-list, .catalog-assignments-subject-list {margin: 40px 0;}
.catalog-assignments-list-item-title, .catalog-subjects-list-item-title, .catalog-assignment-subjects-list-item-title {font-family: 'Merriweather', serif; font-size: 13pt; color: #666666; line-height: 30px; position: relative; display: inline-block;}
.catalog-assignments-list-item-title:after, .catalog-assignment-subjects-list-item-title:after {content: '';position: absolute; top: 100%; width: 100%; height: 2px; background-image: linear-gradient(to right, #fcf7e3, #fcd34f 48%, #fcf7e3); left: 0; right: 0; margin: 0 auto;display: none;}
.catalog-assignments-list-item:hover .catalog-assignments-list-item-title:after, .catalog-assignment-subjects-list-item:hover .catalog-assignment-subjects-list-item-title:after {display: block;}
.catalog-assignments-list-item:hover .catalog-assignments-list-item-title, .catalog-assignments-list-item:hover .catalog-assignments-list-item-author, .catalog-assignments-list-item:hover .catalog-assignments-lsit-item-questions, .catalog-assignments-list-item:hover .catalog-assignments-list-item-number, .catalog-assignment-subjects-list-item:hover .catalog-assignment-subjects-list-item-title {color: #212121;}
.catalog-assignments-list-item-author, .author-byline {position: relative; padding-left: 32px; margin: 10px 0; font-size: 10pt; font-weight: 600; font-family: 'Muli', sans-serif; color: #666666;}
.catalog-assignments-list-item-author:before, .author-byline:before {content:'';position: absolute;left: 0;top: 8px;background: #fcd34f;width:18px;height: 2px;}
.catalog-assignments-lsit-item-questions {font-family: 'Muli', sans-serif; color: #666666;}
.catalog-assignments-list-item-number, .catalog-assignment-subjects-list-item-number {position: absolute;top:4px;left:0;font-family: 'Merriweather', serif; font-size: 13pt; color: #666666;}
.catalog-assignments-list-item-body, .catalog-assignment-subjects-list-item-body {padding-left: 40px}
.catalog-subjects-list-item {display: block}
.catalog-subjects-list-item-title {cursor: pointer;}
.catalog-subjects-list-item:not(:last-child) {margin-bottom: 10px}
.catalog-subjects-list-item-title:hover {color: #705AF4;}
/* ================================= BUILD CONTENT JOBS START ==================================== */
.content-careers-header-images {position: relative; width: 100%;}
.content-careers-header-images figure.content-careers-header-images-main {width: calc(56.5% - 20px); display: block;}
.content-careers-header-images figure.content-careers-header-images-top-right {position: absolute; top: 0; right: 0; width: calc(43.5% - 20px)}
.content-careers-header-images figure.content-careers-header-images-bottom-right {position: absolute; bottom: 0; right: 0; width: calc(43.5% - 20px)}
.content-careers-guiding-principles {margin-top: 40px;}
.content-careers-guiding-principles h3, .content-careers-open-positions h3, .content-careers-apply h3, h3.content-default {font-family: 'Merriweather', serif;font-size: 24px;line-height: 28px; color: #212121; font-weight: 400; margin-bottom: 20px; text-align: left;}
.content-careers-guiding-principles p a {display: inline; font-size: inherit; line-height: inherit; color: #DD167B; font-weight: inherit;}
ul.content-careers-guiding-principles {margin-left: 50px; margin-bottom: 40px;}
ul.content-careers-guiding-principles li {position: relative;}
ul.content-careers-guiding-principles li:not(:last-child) {padding-bottom: 55px;}
ul.content-careers-guiding-principles li:not(:last-child):after {content: ""; position: absolute; width: 1px; height: calc(100% - 20px); left: 10px; top:20px; background-color: #999999;}
ul.content-careers-guiding-principles li .guiding-principle-number {display: inline-block; position: absolute; top: 0; left: 0; height: 20px; width: 20px; color: #ffffff; border-radius: 10px; padding-left: 7px; padding-top: 2px; font-size: 9pt;}
ul.content-careers-guiding-principles li .guiding-principle-number.one {background-color: #FFD44F;}
ul.content-careers-guiding-principles li .guiding-principle-number.two {background-color: #1999EA;}
ul.content-careers-guiding-principles li .guiding-principle-number.three {background-color: #DD167B;}
ul.content-careers-guiding-principles li .guiding-principles-content {margin-left: 50px; max-width: 500px;}
ul.content-careers-guiding-principles li .guiding-principles-content h4 {font-size: 16pt; font-weight: 400; line-height: 20px; margin-bottom: 10px;}
ul.content-careers-guiding-principles li .guiding-principles-content span {font-size: 9pt; color: #666666; line-height: 18px;}
ul.content-careers-open-positions-ul li.content-careers-open-positions-ul-li {width: calc(33.33% - 20px); border: solid 1px #e7e7e7; border-radius: 10px; display: inline-block; margin-right: 20px; padding: 10px; vertical-align: top; }
ul.content-careers-open-positions-ul li.content-careers-open-positions-ul-li.last-in-row {margin: 0;}
ul.content-careers-open-positions-ul li.content-careers-open-positions-ul-li .content-careers-apply-button {float: right; margin-top: 10px;}
ul.content-careers-open-positions-ul li.content-careers-open-positions-ul-li .content-careers-open-position-title {font-family: 'Merriweather', serif;font-size: 13pt;line-height: 20px; color: #212121; font-weight: 400; text-align: center; margin-bottom: 10px;}
ul.content-careers-open-positions-ul li.content-careers-open-positions-ul-li h5 {text-align: left; font-weight: 600;font-family: 'Muli', sans-serif; color: #626262; font-size: 9pt; line-height: 16px; margin-bottom: 4px;}
ul.content-careers-open-positions-ul li.content-careers-open-positions-ul-li ul li, ul.content-careers-open-positions-ul li.content-careers-open-positions-ul-li span {font-family: 'Muli', sans-serif; color: #212121; font-size: 9.5pt; line-height: 20px}
ul.content-careers-open-positions-ul li.content-careers-open-positions-ul-li ul li:before {content:'\2022'; color: #626262; font-family: 'Muli', sans-serif; font-size: 9pt; margin-right: 20px;}
ul.content-careers-open-positions-ul li.content-careers-open-positions-ul-li .content-careers-open-position-perks {margin-top: 6px;}
ul.content-careers-open-positions-ul li.content-careers-open-positions-ul-li .content-careers-open-position-tasks {margin-top: 6px;}
.content-careers-apply {margin-top: 40px;}
/* ================================= BUILD CONTENT QA START ==================================== */
ul.content-qa-checks-process li {display: inline-block; width: calc(33.33% - 20px); position: relative; vertical-align: top;}
ul.content-qa-checks-process li:not(:last-child) {margin-right: 20px;}
ul.content-qa-checks-process li .content-qa-checks-process-number {display: block; position: absolute; top: 0; left: calc(50% - 30px); width: 60px; height: 60px; background-color: #FFD44F; color: #ffffff; border-radius: 30px; padding-left: 22px; padding-top: 10px; font-size: 20pt;}
ul.content-qa-checks-process li .content-qa-checks-process-content {margin-top: 70px;}
ul.content-qa-checks-process li .content-qa-checks-process-content h4 {position: relative; width: 240px; margin-left: calc(50% - 120px); text-align: center; font-family: 'Merriweather', serif; color: #626262; font-size: 12pt; font-weight: 400; line-height: 28px; margin-bottom: 10px;}
ul.content-qa-checks-process li .content-qa-checks-process-content h4:after {content: ""; position: absolute; width: 30px; height: 1px; bottom: -10px; left: calc(50% - 15px); display: block; background-color: #999999;}
ul.content-qa-checks-process li .content-qa-checks-process-content .content-qa-checks-process-content-description {margin-top: 20px; text-align: center;}
ul.content-qa-checks-process li .content-qa-checks-process-content .content-qa-checks-process-content-description span {font-size: 9pt; color: #666666; line-height: 18px; text-align: center;}
.content-qa-main-text p a, .content-accessibility-main-text p a {display: inline; font-size: inherit; line-height: inherit; color: #DD167B; font-weight: inherit;}
.openclass-prize-submissions {list-style: decimal inside none;}
.openclass-prize-submission {margin-bottom: 10px; border-bottom: 1px solid #e7e7e7; padding-bottom: 10px;}
.openclass-prize-submission .openclass-prize-submission-team-name {font-weight: bold; display: inline-block; color: #212121;}
.openclass-prize-submission-score {display: inline-block; text-align: right; float:right;}
.openclass-prize-submission-details {font-size: 9pt; line-height: 18px; color: #666666; display: block;}
.openclass-prize-submission-bottom {margin-top: 6px;}
/* ================================= BUILD CONTENT DOCUMENTATION ==================================== */
.content-documentation-steps-ol {list-style: decimal inside none;}
.content-documentation-steps-ol li {color: #3d3942; line-height: 26px; font-size: inherit; font-size: 11pt; margin-bottom: 15px; padding: 0;}
.content-documentation-steps-ol li a {color: #DD167B; font-size: inherit; line-height: inherit; display: inline;}
.documentation-table-of-contents {width: 100%; border: 1px solid #e7e7e7; border-radius: 10px; padding: 20px; margin-bottom: 20px;}
.documentation-table-of-contents h3 {text-align: center; font-size: 11pt;line-height: 18px;margin: 0 0 10px 0;font-weight: bold;font-family: 'Muli', sans-serif; color: #212121;}
.documentation-table-of-contents ul li {color: #626262; line-height: 20px;}
.documentation-table-of-contents ul li ul {margin-left: 30px; margin-top: 10px; margin-bottom: 10px;}
.documentation-table-of-contents ul li ul li:before {content:'-'; position: absolute; color: #626262; font-family: 'Muli', sans-serif; font-size: 9pt; top: 0px; left: -14px;}
.documentation-table-of-contents ul li ul li {margin-left: 12px; position: relative;}
.documentation-table-of-contents ul li a {color: #DD167B; line-height: 20px;}
.documentation-table-of-contents ul li:before {content:'\2022'; color: #626262; font-family: 'Muli', sans-serif; font-size: 9pt; margin-right: 20px;}
.documentation-table-of-contents ul li:not(:last-child) {margin-bottom: 4px;}
.documentation-table-of-contents ul li ul li:not(:last-child) {margin-bottom: 1px;}
.content-documentation h1, .content-legal h1 {font-weight: bold;font-family: 'Muli', sans-serif; color: #212121; font-size: 18pt;}
.content-documentation h2, .content-legal h2 {font-weight: bold;font-family: 'Muli', sans-serif; color: #212121; font-size: 14pt; letter-spacing: 0.5px;}
.content-documentation h3, .content-legal h3 {font-weight: bold;font-family: 'Muli', sans-serif; color: #212121; font-size: 12pt;}
.content-legal h5 {font-weight: normal;font-family: 'Muli', sans-serif; color: #212121; font-size: 12pt; text-align: left; text-decoration: underline;}
.content-legal ul:not(.content-legal-inset-ul):not(.indented-list) {list-style: disc inside none;}
.content-legal ul:not(.content-legal-inset-ul):not(.indented-list) li {color: #3d3942; line-height: 20px; font-family: 'Muli', sans-serif; line-height: 26px; font-size: 11pt; margin-bottom: 15px; padding: 0;}
.indented-list {margin-left: 20px; margin-bottom: 20px}
.indented-list li {list-style: none;font-family: 'Muli', sans-serif; line-height: 26px; font-size: 11pt; margin-bottom: 15px; padding: 0;color: #3d3942;}
.content-documentation-steps-ol li .documentation-figure {margin: 4px 0 4px 20px;}
.content-documentation-steps-ol li .documentation-figure img {max-width: 100%; width: 350px; height: auto;}
.content-documentation-steps-ol li .documentation-figure.full img {width: 100%;}
.content-documentation-steps-ol li .content-documentation-steps-ol, .content-documentation-steps-ol li .content-documentation-notes-ul {margin-left: 20px; margin-top: 10px;}
.content-documentation-steps-ol li .content-documentation-notes-ul li:before {content:'\2022'; color: #212121; font-family: 'Muli', sans-serif; font-size: 10pt; margin-right: 4px;}
.content-documentation a, .content-legal a {color: #DD167B;}
.content-documentation p a, .content-legal p a {color: #DD167B; font-size: inherit; font-weight: inherit; display: inline; line-height: inherit;}
.content-documentation ol.content-documentation-inset-ol {list-style: decimal inside none; margin-left: 20px; margin-bottom: 20px;}
.content-documentation ol.content-documentation-inset-ol li, .content-documentation ul.content-documentation-inset-ul li, .content-legal ul.content-legal-inset-ul li {line-height: 26px; color: #666666;}
.content-documentation ul.content-documentation-inset-ul, .content-legal ul.content-legal-inset-ul {list-style: disc inside none; margin-left: 20px; margin-bottom: 20px;}
.content-documentation-inset-example {line-height: 16pt; color: #666666; font-size: 9.5pt; margin-left: 18px; border-left: 1px solid #666666; padding-left: 10px; margin-top: 8px; margin-bottom: 8px;}
ul.content-horizontal-menu li {display: inline-block; text-align: center;}
ul.content-horizontal-menu.legal-top-menu li {width: 33.33%; padding: 0; margin: 0;}
ul.content-horizontal-menu.legal-top-menu {position: relative; margin-top: 30px; margin-bottom: 60px;}
ul.content-horizontal-menu.legal-top-menu:after {content: '';position: absolute;bottom: -40px;left: 25%;width: 50%;height: 1px;background-image: linear-gradient(to right, #f1f1f1, #e7e7e7 48%, #f1f1f1);}
ul.content-horizontal-menu li:not(:last-child) {border-right: 1px solid #999999;}
/* ================================= BUILD CONTENT LOGIN ==================================== */
.content-login-box, .content-create-account-box, .content-reset-password-box, .content-box {max-width: 600px; width: 100%; left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform:translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); display: block; position: relative; border: solid 1px #e7e7e7; padding: 30px;}
.content-create-account-box-top-text, .content-login-box-top-text {margin-bottom: 40px !important;}
.content-create-account-box-main-info-p {color: #666666; font-size: 10pt !important;}
.content-create-account-box-main-info-p a {color: #DD167B; display: inline;}
.content-create-account-box-extra-message-p, .content-login-box-extra-message-p {color: #666666; font-size: 10pt !important; margin-top: 10px;}
.content-create-account-box-extra-message-p.error, .content-login-box-extra-message-p.error {color: #eb1f48;}
.content-create-account-box-extra-message-p.success, .content-login-box-extra-message-p.success {color: #36b1ff;}
.create-account-terms-privacy-agree p, .subscribe-emails-toggle p {color: #666666; font-size: 10pt !important; margin-bottom: 26px !important;}
.create-account-terms-privacy-agree p a {color: #DD167B;}
.upgrade-class-subscription-agreement-agree-toggle-container {margin-top: 10px;}
.invoice-subscription-agreement-agree-toggle-container {margin-top: 20px;}
.invoice-subscription-agreement-agree-toggle-container p {color: #666666 !important; font-size: 9.5pt !important}
.upgrade-class-subscription-agreement-agree-toggle-container p a, .invoice-subscription-agreement-agree-toggle-container p a {color: #DD167B; font-size: inherit; font-weight: inherit; line-height: inherit; display: inline;}
.upgrade-class-warning-message, .upgrade-class-warning-message, .modal-warning-message {color: #eb1f48; font-size: 9.5pt; font-weight: normal; font-family: 'Muli', sans-serif; margin-bottom: 20px;}
.invoice-warning-message {color: #eb1f48; font-size: 11pt; font-weight: normal; font-family: 'Muli', sans-serif; margin-bottom: 20px;}
.invoice-paid-message {font-size: 13pt; font-weight: 600; color: #705AF4; font-family: 'Muli', sans-serif;}
.login-or-create-options-ul {max-width: 600px; width: 100%; left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform:translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); display: block; position: relative; border: solid 1px #e7e7e7;}
.login-or-create-options-ul li {height: 100px; text-align: center; cursor: pointer; vertical-align: middle;}
.login-or-create-options-ul li:hover {background-color: rgba(86, 40, 179, 0.04);}
.login-or-create-options-ul li:not(:first-child) {border-top: 1px solid #e7e7e7}
.login-or-create-options-ul li span {font-family: 'Merriweather', serif; font-weight: normal; font-size: 12pt; vertical-align: middle; line-height: 100px;}
/* ================================= BUILD NAVIGATION PAGE START ==================================== */
.build-page {margin-bottom: 100px;}
.build-dropdown {position: relative;display: block;}
.build-dropdown-content { display: none;position: absolute;background-color: #f9f9f9;width: 100%;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);padding: 12px 16px;z-index: 1; max-height: 240px; overflow-y: scroll; z-index:9999 }
.build-dropdown-content.short {max-height: 200px;}
.build-dropdown-content.shortest {max-height: 150px;}
.build-dropdown:not(.disabled):not(.close-click):hover .build-dropdown-content, .build-dropdown.active .build-dropdown-content {display: block;}
.build-dropdown:not(.disabled):not(.close-click):hover .build-dropdown-selected:after, .build-dropdown.active .build-dropdown-selected:after {border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 6px solid #a1a1a0; border-top: 0px solid transparent;}
.build-dropdown-selected.disabled:after {display: none;}
.build-dropdown-selected.disabled {cursor: default;}
.build-header-content h3 {padding-bottom: 20px;}
.build-header-content span {font-family: 'Merriweather', serif;font-weight: 400;font-size: 18px;line-height: 36px;color: #212121;padding: 54px 0 0px 0;letter-spacing: -0.1px;}
.build-header-content {padding-bottom: 60px;}
.build-field-title {font-size: 13px;line-height: 20px;margin: 0;font-weight: 600;font-family: 'Muli', sans-serif; color: #626262; margin-bottom: 12px; cursor: default;}
.build-field-title a {color: #DD167B; font-size: 11px;}
.assignment-builder-resource-add-author-fields {margin-top: 20px}
.build-dropdown-selected.none-selected:before {color: #999999;}
.placeholder-text {display: none}
.build-dropdown-selected-class.none-selected .placeholder-text {display: inline;color: #999999;}
.build-dropdown-selected-ticket-subject.none-selected:before {content: "Select a ticket subject";}
.build-dropdown-selected {font-size: 13px;line-height: 20px;margin: 0;font-weight: normal;font-family: 'Muli', sans-serif; color: #212121; margin-bottom: 12px; cursor: pointer;}
.build-dropdown-selected.initial-value {color: #666666;}
.build-dropdown-content.hidden {display: none !important;}
.build-dropdown.disabled .build-dropdown-selected {color: #626262; cursor: default;}
.build-dropdown.disabled .build-dropdown-selected:after {display: none;}
.build-field-selectable-assistance-description {margin-top: 20px}
.build-field-selectable-assistance-description span {font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: normal; color: #666666}
.build-field {border-bottom: 1px solid #e7e7e7; width: 100%; margin-bottom: 30px; position: relative;}
.build-field-selectable-container {width: 100%; margin-bottom: 30px; position: relative;}
.build-field-disabled {border-bottom: none; margin-bottom: 10px;}
.build-field-disabled .below-build-field-hint {display: none !important;}
.build-field-text-area textarea:focus + .below-build-field-hint {display: block;}
.build-field-growable-text-area textarea:focus + .below-build-field-hint {display: block;}
.build-field-growable-text-area textarea.focused + .below-build-field-hint{display:block;}
.build-field input[type="text"]:focus + .below-build-field-hint, .build-field input[type="number"]:focus + .below-build-field-hint, .build-field input[type="password"]:focus + .below-build-field-hint {display: block;}
.build-field input[type="text"].focused + .below-build-field-hint, .build-field input[type="number"].focused + .below-build-field-hint, .build-field input[type="password"].focused + .below-build-field-hint {display: block;}
.below-build-field-hint:hover  {display: block;}
.below-build-field-hint {position: absolute; left: 0; bottom: -18px; font-size: 8pt; font-weight: 400;font-family: 'Muli', sans-serif; color: #626262; cursor: default; white-space: nowrap; display: none;}
.oc-text-editor-toolbar-option-content-upload-file-input-hint {display: block; margin-top: 8px; font-size: 8pt; font-weight: 400;font-family: 'Muli', sans-serif; color: #626262; cursor: default; white-space: nowrap; text-align: left;}
.below-build-field-hint a {font-size: 8pt; font-weight: 400; font-family: 'Muli', sans-serif; cursor: pointer; color: #DD167B; }
#mastery-question-modal-below-build-field-hint {bottom: 5px;}
.build-field.build-dropdown:not(.full) {width: 33.33%;}
.build-field.half.on-right {width: calc(50% - 10px); margin-left: 10px; display: inline-block}
.build-field.half.on-left {width: calc(50% - 10px); margin-right: 10px; display: inline-block}

.build-dropdown-selected:after {content:""; display: block; position: absolute; bottom: 18px; right: 0px; width: 0; height: 0; border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 6px solid #a1a1a0; border-bottom: 0px solid transparent;}
.build-dropdown-content {padding: 0 !important;}
.build-dropdown-content ul {padding: 0 !important;}
.build-dropdown-content ul li span {font-size: 13px;line-height: 20px;margin: 0;font-weight: normal;font-family: 'Muli', sans-serif; color: #212121; margin-bottom: 12px;}
.build-dropdown-content ul li{cursor: pointer; margin: 0; padding: 10px;}
.build-dropdown-content ul li.disabled{cursor: default;}
.build-dropdown-content ul li:not(.disabled):hover {background-color:#e7e7e7;}
.build-field-growable-text-area textarea {min-height: 20px;height: 20px;padding:0;font-size: 13px;line-height: 20px;margin: 0;font-weight: normal;font-family: 'Muli', sans-serif; color: #212121; margin-bottom: 12px; width: 100%; border: none;overflow: auto;outline: none;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;resize: none;}
.build-field input[type="text"], .build-field input[type="password"], .build-field input[type="number"] {font-size: 13px;line-height: 20px;margin: 0;font-weight: normal;font-family: 'Muli', sans-serif; color: #212121; margin-bottom: 12px; width: 100%;}
.build-field-text-area {margin-bottom: 30px; position: relative;}
.build-field-text-area textarea, .generate-assignment-modal-body-section-learning-objective-prompt-textarea {padding: 14px; font-size: 13px;line-height: 20px;margin: 0;font-weight: normal;font-family: 'Muli', sans-serif; color: #212121; line-height: 20px; height: 140px; width: 100%; border: none;overflow: auto;outline: none;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;resize: none; border: 1px solid #e7e7e7; border-radius: 6px;}
.build-form-section-header {position: relative; max-width: 100% !important;}
.build-form-section-header h4, .assignment-dashboard-questions-header h4 {max-width: 100% !important; text-align: left;font-family: 'Merriweather', serif;font-weight: 400;font-size: 24px;line-height: 42px;color: #212121;padding: 30px 0 20px 0;letter-spacing: -0.1px; display: inline-block;}
.build-form-section-header h4 p {text-align: left;font-family: 'Merriweather', serif;font-weight: 400;font-size: 24px;line-height: 42px;color: #212121;padding: 0; margin: 0; letter-spacing: -0.1px; display: inline-block;} /* Unfortunately necessary due to MathJax bug */
.build-form-section-header small {font-size: 13px;line-height: 20px;margin: 0;font-weight: 600;font-family: 'Muli', sans-serif; color: #212121;}
.build-form-section-header span, .assignment-dashboard-questions-header span, .build-form .build-field-sub-section-header span, .modal-class-adjust-section span.info-span {display: block; margin-top: 10px; color: #626262; font-size: 10pt; line-height: 20px;}
.modal-class-adjust-section span.info-span {margin-bottom: 20px;}
span.warning {color: #eb1f48 !important;}
.build-form-section-header {margin-bottom: 40px;}
.build-form span:not(.tagify__tag-text):not(.tagify__input) {font-size: 14px;line-height: 24px;margin: 0;font-weight: normal;font-family: 'Muli', sans-serif; color: #212121; margin-bottom: 12px;}
.build-form span a {color: #DD167B;}
.build-form .build-field-sub-section-header {margin-bottom: 20px;}
.build-form .build-field-sub-section-header h5 {text-align: left;font-family: 'Merriweather', serif;font-weight: 500;font-size: 12pt;line-height: 16px;color: #212121;letter-spacing: -0.1px; display: block;}
.build-adjust-order {margin-bottom: 30px; position: relative;}
.build-adjust-order.dragging {background:#EEEDEF; border-radius: 10px;}
.build-adjust-order.dragging .build-movable-block {width: calc(100% - 40px); left: 20px;}
.build-adjust-order.dragging .build-movable-block:not(.active) {padding: 0px 4px; color: #626262;}
.build-movable-block {width: 100%; padding: 8px 4px; background: #ffffff; border: 1px solid #e7e7e7; border-radius: 6px; position: absolute; cursor: move; cursor: grab;cursor: -moz-grab;cursor: -webkit-grab;}
.build-movable-block:active {cursor: grabbing;cursor: -moz-grabbing;cursor: -webkit-grabbing;}
.build-movable-block .movable-block-title:before {content: ""; background: url(../images/movable-block-icon.svg)no-repeat;width: 9px;height: 13px; display: inline-block; position: absolute; top: calc(50% - 6.5px); left: 10px;}
.build-movable-block.active .movable-block-title:before {content: ""; background: url(../images/movable-block-active-icon.svg)no-repeat;width: 9px;height: 13px; display: inline-block; position: absolute; top: calc(50% - 6.5px); left: 10px;}
.build-movable-block.active .movable-block-title {font-weight: bold; color: #705AF4;}
.build-movable-block .movable-block-title {margin: 10px 110px 10px 40px; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none;}
.build-movable-block .movable-block-links {position: absolute; display: block; top: 50%; right: 20px; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform:translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.build-movable-block .movable-block-links li {display: inline-block;}
.build-movable-block .movable-block-links li a {font-weight: bold; color: #705AF4;}
.build-adjust-order.dragging .build-movable-block .movable-block-links {display: none;}
.build-form.relative-adjust .build-save-button {position: absolute; bottom: 0; right: 0;}
.build-form.relative-adjust .build-revert-button {position: absolute; bottom: 11px; right: 140px; display: none;}
.build-form.relative-adjust .build-saved-text-indicator {position: absolute; bottom: 11px; left: 0px; display: none;}
.build-revert-button a {color: #626262; font-size: 9pt;}
.build-saved-text-indicator span {color: #626262; font-size: 9pt;}
.build-form.relative-adjust {position: relative;}
.build-form.relative-adjust.disabled {-webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none;}
/* ================================= ASSIGNMENT BUILDER PAGE START ==================================== */
.assignment-builder-overview {width: 23.8%; border-right: solid 1px #e7e7e7; position: fixed; left: 0; bottom: 0; z-index: 999; background-color: #ffffff;}
.assignment-builder-overview .additional-options-btn:before {content: "";position: absolute;bottom: 12px;left: 2px; background: url(../images/settings-dots-icon.svg) no-repeat left;background-size: contain;width: 4px;height: 16px;}
.assignment-builder-overview .additional-options-btn {display: inline-block; position: absolute; left:134px; top: 10px; height: 40px; width: 8px; cursor: pointer;}
.assignment-builder-overview .additional-options-btn:hover + .options-overlay-menu {display: block;}
.assignment-builder-overview .options-overlay-menu {display: none; position: absolute; left: 136px; bottom: 50px; padding: 17px 13px 3px 21px; width: 200px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);border-radius: 3px; background-color: #fff; z-index: 999}
.assignment-builder-undertagged-topics-list-item {margin-bottom: 10px !important; display: block; border-radius: 4px; border: 1px solid #e7e7e7; padding: 4px;}
.assignment-builder-undertagged-topics-list-item-title {font-family: 'Muli', sans-serif; font-size: 10.5pt; font-weight: 600; color: #212121; margin-bottom: 6px;}
.assignment-builder-undertagged-topics-list-item-description {font-family: 'Muli', sans-serif; font-size: 9.5pt; font-weight: normal; color: #666666;}
.options-overlay-menu:hover {display: block;}
.options-overlay-menu:not(.classes) span {font-size: 11px !important; color: #212121; text-transform: uppercase; cursor: default;font-family: 'Muli', sans-serif;}
.options-overlay-menu ul li {padding: 0 0 20px 0;}
.options-overlay-menu ul li:first-child { padding: 0 0 17px 0;}
.options-overlay-menu a {font-size: 14px; color: #212121;padding: 0;text-align: left;font-weight: 600; font-family: 'Muli', sans-serif;}
.options-overlay-menu .options-delete-button-li a:hover, .options-overlay-menu .options-unenroll-button-li a:hover{color: #eb1f48;}
.options-overlay-menu a:hover{color: #705AF4;}
.options-overlay-menu ul li > a {font-size: 13px;padding: 0 0 0 26px;line-height: 16px;}
.options-overlay-menu ul li.options-delete-button-li a {content: ""; background: url(../images/trash-icon.svg) no-repeat left;background-size: contain;}
.options-overlay-menu ul li.options-delete-button-li a:hover{content: ""; background: url(../images/trash-hover-icon.svg) no-repeat left;background-size: contain;}
.remove-student-button, .remove-instructor-button, .remove-mentor-button {display: inline-block; cursor: pointer; position: relative;}
.remove-student-button:before, .remove-instructor-button:before, .remove-mentor-button:before {content: ""; background: url(../images/unenroll-icon.svg) no-repeat left;background-size: contain; position: absolute; left: 4px; top: -11px; width: 13px; height: 13px; display: block;}
.remove-student-button:hover:before, .remove-instructor-button:hover:before, .remove-mentor-button:hover:before {content: ""; background: url(../images/unenroll-hover-icon.svg) no-repeat left;background-size: contain;}
.change-user-role-button {color: #36b1ff; display: inline-block; cursor: pointer; font-weight: normal;}
.change-user-role-button:hover {text-decoration: underline;}
.class-change-user-role-section {margin-bottom: 40px; margin-top: 30px;}
.change-user-role-button-container {display: inline-block; position: relative;}
.change-user-role-button-container:before {content: "|"; cursor: default; margin-left: 4px; margin-right: 4px; color: #212121;}
.options-overlay-menu ul li.options-unpublish-button-li a {content: ""; background: url(../images/unpublish-icon.svg) no-repeat left;background-size: contain;}
.options-overlay-menu ul li.options-unpublish-button-li a:hover{content: ""; background: url(../images/unpublish-hover-icon.svg) no-repeat left;background-size: contain;}
.options-overlay-menu ul {padding: 18px 0 0 0;}
.assignment-builder-overview .last-saved-indicator {display: block;}
.assignment-builder-overview .last-saved-indicator p:before {content: "Last saved:"; margin-right: 4px;}
.assignment-builder-overview .last-saved-indicator p {padding: 10px; font-weight: 600;font-family: 'Muli', sans-serif; color: #888888; line-height: 20px; font-size: 9pt; text-align: left;}
.assignment-builder-overview .iconless-standard-btn {margin: 10px 10px 0 10px; display: inline-block;}
.assignment-header-title {color: #888888; font-weight: 600;}
.assignment-header-above-title {color: #888888; font-size: 8pt; margin-bottom: 4px;}
.assignment-header-bold-title {font-weight: 700; font-size: 10.5pt; color: #212121;}
.below-build-field-hint-suggestions-list {display: inline;}
.below-build-field-hint-suggestions-list ul {display: inline;}
.below-build-field-hint-suggestions-list ul li {display: inline; font-weight: 400;font-family: 'Muli', sans-serif; color: #626262;}
.below-build-field-hint-suggestions-list ul li:not(:last-child):after {content: ","; margin-right: 4px;}
.below-build-field-hint-suggestions-list ul li a {display: inline; line-height: 12px; font-size: 8pt; padding: 0; margin: 0; font-weight: 400;font-family: 'Muli', sans-serif; color: #DD167B; cursor: pointer;}
.build-current-question-pool .header-text {border-bottom: solid 1px #e7e7e7; padding: 0 0 16px 0;}
.build-current-question-pool .header-text span {font-weight: 600;font-family: 'Muli', sans-serif; color: #626262; font-size: 10pt;}
.build-current-question-pool .header-text span a.header-info {float: right; color: #DD167B; cursor: pointer; font-weight: normal;}
.build-form .build-form-empty {margin: 40px 0;}
.build-form .build-form-loading {height: 50px; position: relative;}
.build-form-boxed-section {border: solid 1px #e7e7e7; padding: 30px; margin-top: 80px; position: relative;}
.build-form-boxed-section .build-form-section-header {margin: 0 0 40px 0;}
.build-form-boxed-section .build-form-section-header h4 {padding: 0;}
.new-assignment-question {position: relative; margin-bottom: 40px; width: 100%;}
.new-assignment-question:hover .new-assignment-question-action-toggle .question-action-button {display: block}
.new-assignment-question-action-toggle:hover .question-action-button {display: block}
.new-assignment-question-action-toggle {position: absolute; height: 100%; top: 0; left:-156px; width: 156px; display: block;}
.new-assignment-question:before {content: ""; width: 2px; height: 100%; background-color: #e7e7e7; position: absolute; left: -20px;}
.new-assignment-added-question:before {background-color: #fed746;}
.new-assignment-question-action-toggle .question-action-button {content:""; position: absolute; right: 34px; height: 34px; width: 34px; border-radius: 50%; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); background-color: #e7e7e7; color: #ffffff; cursor: pointer; display: none;}
.new-assignment-added-question .new-assignment-question-action-toggle .question-action-button {background-color: #fed746;}
.new-assignment-question-action-toggle .question-action-button:after {content: "+"; font-size: 22pt; line-height: 28px; position: absolute; font-family: 'Muli', sans-serif; left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform:translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); }
.new-assignment-added-question .new-assignment-question-action-toggle .question-action-button:after {content: "-";}
.new-assignment-question-title {font-family: 'Merriweather', serif;font-size: 16px;line-height: 24px;}
.new-assignment-question-title .additional-options-btn:before {content: "";position: absolute;bottom: 1px;left: 2px; background: url(../images/settings-dots-icon.svg) no-repeat left;background-size: contain;width: 3px;height: 12px;}
.new-assignment-question-title .additional-options-btn {display: inline-block; position: relative; margin-left: 6px; width: 7px; cursor: pointer;}
.new-assignment-question-title .additional-options-btn .options-overlay-menu {display: none; position: absolute; top: -18px; left: 0px; padding: 17px 13px 3px 21px; line-height: 10px; width: 170px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);border-radius: 3px; background-color: #fff; z-index: 999}
.new-assignment-question-title .additional-options-btn:hover .options-overlay-menu {display: block;}
.new-assignment-question-title .additional-options-btn .options-overlay-menu:hover {display: block; cursor: default;}
.new-assignment-question-author {position: relative; padding-left: 32px; margin: 10px 0;}
.new-assignment-question-author strong {font-size: 13px;}
.new-assignment-question-author:after {content:'';position: absolute;left: 0;top: 8px;background: #fcd34f;width:18px;height: 2px;}
.expand-question-button, .expand-question-responses-button {color: #705AF4; font-weight: 600;}
.expand-question-button:after, .expand-question-responses-button:after {content: "\f175";font-family: 'FontAwesome';font-size: 12px; margin-left: 6px; font-weight: normal;}
.build-form-load-more-button {position: relative; height: 20px; display: none;}
.build-form-load-more-button a {color: #DD167B;}
.build-form-load-more-button.blue a {color: #36b1ff;}
.build-form-export-csv-button {position: relative; height: 20px; margin-top: 10px; display: none;}
.build-form-export-csv-button a {color: #DD167B;}
.new-assignment-question-content {width: calc(100% - 150px); display: inline-block; margin-right: 10px;}
.new-assignment-question-content .toggle {margin: 10px 0;}
.new-assignment-question-metrics {width: 140px; display: inline-block; vertical-align: top;}
.new-assignment-question-attributes { margin-top: 10px; }
.new-assignment-question-attributes ul li {text-align: right; color: #DD167B;font-weight: 600;font-size: 12px; line-height: 14px;}
.new-assignment-question-attributes ul li:not(:last-child) {margin-bottom: 6px;}
.new-assignment-question-attributes ul li img {margin-right: 9px;}
.new-assignment-question-expandable, .assignment-builder-displayed-question-expandable {display: none;}
.new-assignment-question h3, .assignment-dashboard-full-question-content h3 {color: #888888; font-size: 9.5pt !important;line-height: 18px;font-weight: 600;font-family: 'Muli', sans-serif !important; margin-bottom: 4px !important; margin-top: 10px !important; padding: 0 !important;}
.new-assignment-question span, .assignment-dashboard-full-question-content span {font-size: 10pt; line-height: 12px;}
.new-assignment-question span p, .assignment-dashboard-full-question-content span p {font-size: inherit; padding: 0 !important; margin: 0 !important; font: inherit; line-height: 18px; letter-spacing: inherit; margin-bottom: 4px; color: inherit;}
.question-features-ul li, .assignment-builder-displayed-question-features-ul li {position: relative;}
.question-features-ul li span, .assignment-builder-displayed-question-features-ul li span {margin-left: 20px; font-weight: 600; font-size: 9pt; color: #705AF4; font-family: 'Muli', sans-serif;}
.question-features-ul-math-li:before, .assignment-builder-displayed-question-features-ul-math-li:before {content:""; display: block; margin-right: 20px;position: absolute; top: 1px; left: 0; background: url(../images/math-icon.svg)no-repeat;background-size: contain;width:14px;height: 12px;}
.question-features-ul-uploads-li:before, .assignment-builder-displayed-question-features-ul-uploads-li:before {content:""; display: block; position: absolute; top: 2px; left: 0; background: url(../images/upload-icon.svg)no-repeat;background-size: contain;width:14px;height: 15px;}
.new-assignment-question-features-ul-uploads-li {margin-left: 20px;}
.new-assignment-question-resources ul li:not(:last-child) {margin-bottom: 4px;}
.new-assignment-question-resources ul li:before {content:'\2022'; color: #626262; font-family: 'Muli', sans-serif; font-size: 9pt; margin-right: 20px;}
.new-assignment-question-resources ul li b {cursor: default; color: #212121; font-weight: bold; display: inline; font-size: 8pt;}
.new-assignment-question-resources ul li a {cursor: pointer; color: #626262; font-weight: 600; display: inline;}
.new-assignment-question-resources ul li small {cursor: default; color: #888888; font-weight: normal; margin-left: 4px;}
.new-assignment-question-figures ul li figure, .assignment-dashboard-question-response-item-figures ul li figure, ul.new-assignment-question-solution-image-uploads li figure, ul.question-feedback-image-uploads-ul li figure, ul.assignment-dashboard-question-response-item-image-uploads-ul li figure, .assignment-builder-displayed-question-figure figure  {max-width: 100%; overflow: hidden; position: relative; display: block; margin-top: 4px;}
.new-assignment-question-figures ul li figure img, .assignment-dashboard-question-response-item-figures ul li figure img, ul.new-assignment-question-solution-image-uploads li figure img, ul.question-feedback-image-uploads-ul li figure img, ul.assignment-dashboard-question-response-item-image-uploads-ul li figure img, .assignment-builder-displayed-question-figure figure img  { max-width: 100%; max-height: 375px; display: block; margin-left: auto; margin-right: auto;}
.new-assignment-question-figures ul li span, .assignment-dashboard-question-response-item-figures ul li span, ul.new-assignment-question-solution-image-uploads li span, ul.question-feedback-image-uploads-ul li span, ul.assignment-dashboard-question-response-item-image-uploads-ul li span, .assignment-builder-displayed-question-figure span {display: block; line-height: 20px; text-align: center; width: 100%; margin-top: 5px; position: relative; font-weight: normal; overflow: auto; word-wrap: break-word;}
ul.question-feedback-image-uploads-ul li, ul.assignment-dashboard-question-response-item-image-uploads-ul li {margin: 4px; max-width: 100%;}
.new-assignment-question-topics ul li {display: inline-block; color: #705AF4;background-color: #ffffff; border: 1px solid #705AF4; padding: 1px 8px;border-radius: 4px;font-size: 13px;line-height: 20px;font-weight: normal;font-family: 'Muli', sans-serif; cursor: pointer; margin-right: 4px; margin-bottom: 4px;}
.new-assignment-question-topics ul li.disabled {cursor: default;}
.new-assignment-question-topics ul li:not(.disabled):hover {background-color: #705AF4; color: #ffffff;}
.new-assignment-question-mastery-question-options ul li {margin: 4px 0; padding: 4px 2px; border-radius: 3px; font-size: 10pt;line-height: 18px;font-weight: normal;color: #3d3942; font-family: 'Muli', sans-serif; display: block;}
.new-assignment-question-mastery-question-options ul li span {width: 100%;}
.new-assignment-question-mastery-question-options ul li span small {vertical-align:top; color: #626262; font-size: 10pt; margin-right: 10px; float: left; line-height: 18px;}
.new-assignment-question-mastery-question-options ul li span img {position: relative; float: left; margin-right: 10px; top: 2px;left: 2px;width: 15px;height: 15px; pointer-events: none;}
.new-assignment-question-mastery-question-options ul li.new-assignment-question-mastery-question-option-correct {display: block; background-color: #e9f3ff; border: 1px solid #cdeaff; cursor: default;}
.new-assignment-question-mastery-question-options ul li span p {width: calc(100% - 50px); display: inline-block; line-height: 18px; margin: 0; padding: 0;}
.mastery-question-option-answer-text p:not(:last-child) {margin-bottom: 10px;}
.new-assignment-question-mastery-question-option-explanation {margin-top: 4px; font-size: 9pt; color: #888888;}
#added-questions-build-form {margin-top: 40px; margin-bottom: 10px;}
.build-field-add-object, .build-field-toggle, .build-field-file, .build-field-drop-down {border: solid 0px transparent;}
.build-field-drop-down.keep-bottom-border {border-bottom: 1px solid #e7e7e7; padding-bottom: 10px;}
.build-field-object-input {border: dashed 1px #DD167B; padding: 14px; width: 180px; height: 54px; text-align: center; cursor: pointer; display: inline-block;}
.build-field-object-input span {color: #DD167B; font-size: 9pt;}
.build-field-object-input span:before {content: "+"; font-size: 14pt; padding-right: 10px; line-height: 14px;}
.build-field-object-input:hover {border: solid 1px #DD167B; background-color: #DD167B;}
.build-field-object-input:hover span {color: #ffffff;}
.build-form-boxed-section-back-button {cursor: pointer; position: absolute; display: block; height: 18px; width: 20px; bottom: 39px; left: 30px; display: none;}
.build-form-boxed-section-back-button a:before {content: "";position: absolute;top: 0;right: 0;background: url(../images/back-arrow-icon.svg) no-repeat left;background-size: contain;width: 20px;height: 14px;}
.build-field-title small.active {color: #DD167B;}
.build-field-title a.build-field-preview-button {float: right; font-size: 9pt; font-weight: normal; color: #DD167B; display: none;}
.build-field-toggle .toggle.left-right-align span.main-label-text {margin-right: 4px; margin-bottom: 8px; width: calc(100% - 38px); height: 20px; line-height: 20px; display: inline-block;}
.drop-down {display: flex; align-items: center; width: 100%}
.build-field-drop-down .left-right-align.drop-down span.main-label-text {float: left; margin-right: 4px; margin-bottom: 0; width: calc(100% - 190px); line-height: 20px;}
.build-field-drop-down .left-right-align.drop-down span.main-label-text:not(.dynamic-height) {height: 20px;}
.build-field-toggle .toggle span, .new-assignment-question-content .toggle span {font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: 600; color: #212121;}
.build-field-drop-down .drop-down span {font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: 600; color: #212121;}
.build-field-toggle .toggle span a, .new-assignment-question-content .toggle span a {font-size: 8.5pt;}
.build-field-toggle .toggle:not(.left-right-align) .switch, .new-assignment-question-content .toggle:not(.left-right-align) .switch {margin-right: 4px;}
.build-field-toggle .toggle.left-right-align .switch {display: inline-block; margin-left: 4px;}
.build-field-toggle + .build-field-toggle {margin-top: -20px;} /* When build fields follow each other, move the next one a bit closer */
span.slider.round {padding: 0 !important; margin: 0 !important;}
#modal-error-message, .modal-error-message {margin-bottom: 10px !important; color: #eb1f48; position: relative; display: block;}
#modal-success-message, .modal-success-message {margin-bottom: 10px !important; color: #36b1ff; position: relative; display: block;}
.modal-message {margin-bottom: 10px !important; color: #666666; position: relative; display: block;}
.additional-style-sheet {display: none}
.build-field-add-object ul.new-question-figure-ul, .build-field-add-object ul.new-question-instructor-solution-image-upload-ul, .build-field-add-object ul.student-question-image-uploads-ul {display: inline-block; vertical-align: top; position: relative;}
.build-field-add-object ul.new-question-figure-ul li, .build-field-add-object ul.new-question-instructor-solution-image-upload-ul li, .build-field-add-object ul.student-question-image-uploads-ul li {margin: 0 10px 10px 0; display: inline-block; vertical-align: top;}
.build-field-add-object ul.new-question-figure-ul li.new-question-figure, .build-field-add-object ul.new-question-instructor-solution-image-upload-ul li.new-question-instructor-solution-image, .build-field-add-object ul.student-question-image-uploads-ul li.student-question-image-li {width: 180px; border: solid 1px #e7e7e7; padding: 4px; height: 54px; position: relative; overflow: hidden;}
.build-field-add-object ul.new-question-figure-ul li.new-question-figure img, .build-field-add-object ul.new-question-instructor-solution-image-upload-ul li.new-question-instructor-solution-image img, .build-field-add-object ul.student-question-image-uploads-ul li.student-question-image-li img {height: 44px; max-width: 100px; display: inline-block; float: left; margin-right: 4px;}
.build-field-add-object ul.new-question-figure-ul li.new-question-figure span, .build-field-add-object ul.new-question-instructor-solution-image-upload-ul li.new-question-instructor-solution-image span, .build-field-add-object ul.student-question-image-uploads-ul li.student-question-image-li span {margin-right: 4px; line-height: 12px; overflow: hidden; max-height: calc(100% - 8px); position: relative; display: block; color: #626262; font-weight: bold; font-family: 'Muli', sans-serif; font-size: 9pt; word-break: break-all; top: 50%; transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);}
.build-field-add-object ul.new-question-figure-ul li.new-question-figure .remove-new-question-figure-button, .build-field-add-object ul.new-question-instructor-solution-image-upload-ul li.new-question-instructor-solution-image .remove-new-question-instructor-solution-image-button, .build-field-add-object ul.student-question-image-uploads-ul li.student-question-image-li .remove-question-student-image-button {position: absolute; right: 2px; top: 2px; width: 8px; height: 8px; cursor: pointer;}
.build-field-add-object ul.new-question-figure-ul li.new-question-figure .remove-new-question-figure-button a:before, .build-field-add-object ul.new-question-instructor-solution-image-upload-ul li.new-question-instructor-solution-image .remove-new-question-instructor-solution-image-button a:before, .build-field-add-object ul.student-question-image-uploads-ul li.student-question-image-li .remove-question-student-image-button a:before {content: "";position: absolute;top: 2px;right: 2px;background: url(/images/close-x-icon.svg) no-repeat left;background-size: contain;width: 100%;height: 100%;}
.new-question-resource-select-type {padding: 0 !important; margin: 10px 0;}
.new-question-resource-select-type li {border: dashed 2px #DD167B; display: flex; height: 100px; cursor: pointer; padding: 0 !important; margin: 0 !important;}
.new-question-resource-select-type li:hover {border: solid 2px #DD167B; background-color: #DD167B;}
.new-question-resource-select-type li:hover + li {border-top: solid 2px transparent;}
.new-question-resource-select-type li:hover h3 {color: #fff;}
.new-question-resource-select-type li:not(:last-child) {border-bottom: solid 0 transparent;}
.new-question-resource-select-type li h3 {margin: auto; padding: 0 !important; color: #DD167B; vertical-align: middle; text-align: center; justify-content: center; font-weight: 500; font-family: 'Muli', sans-serif; font-size: 14pt;}
.build-field-input-to-input input[type="text"] {display: inline-block; width: 38px;}
.build-field-input-to-input-separator {display: inline-block; margin: 0 4px;}
.build-field-input-to-input {width: 110px;}
.build-field-full-name input[type="text"] {display: inline-block; width: calc(25% - 16px);}
.build-field-full-name-separator {display: inline-block; margin: 0 4px;}
.build-field-affiliation input[type="text"] {display: inline-block; width: calc(50% - 16px);}
.build-field-affiliation-separator {display: inline-block; margin: 0 4px;}
.new-question-resource-ul li:before {content:'\2022'; color: #626262; font-family: 'Muli', sans-serif; font-size: 9pt; margin-right: 20px;}
.new-question-resource-ul li:last-child {margin-bottom: 10px;}
.new-question-resource-ul li {color: #626262; font-weight: normal; margin-bottom: 4px;}
.new-question-resource-ul li small {color: #888888; font-weight: normal; margin-left: 2px;}
.new-question-resource-ul li b {color: #212121; font-size: 8pt; font-weight: bold;}
.new-question-resource-ul li .remove-new-question-resource-button {cursor: pointer; position: relative; margin-left: 4px; width: 8px; height: 18px; display: inline-block; }
.new-question-resource-ul li .remove-new-question-resource-button a:before {content: "";background: url(/images/close-x-icon.svg) no-repeat left;background-size: contain;width: 8px; height: 8px; position: absolute; top:5px; right:0;}
.multi-search-field {position: relative;}
.multi-search-field input[type="text"] {margin-left: 24px; width: calc(100% - 24px); font-size: 10.5pt; background-color: transparent;}
.multi-search-field input[type="text"]::placeholder {color: #999999;}
.multi-search-field:not(.searching):before {content: "";background: url(/images/search-icon.svg) no-repeat left;background-size: contain;width: 14px; height: 15px; position: absolute; top:2px; left:0;}
.multi-search-field.searching .pink-loader-tiny-positionless {display: block;}
.multi-search-field.searching .blue-loader-tiny-positionless {display: block;}
li.new-question-resource-existing-li:not(:last-child) {margin-bottom: 10px !important;}
li.new-question-resource-existing-li {position: relative; padding: 4px; border: 1px solid transparent;}
li.new-question-resource-existing-li .new-question-resource-select-button {background: url(../images/mc-open-icon.svg?v=2) no-repeat left;background-size: contain; height: 16px; width:16px; margin-right: 20px; position: absolute; top: 5px; left: 4px; display: block; cursor: pointer;}
li.new-question-resource-existing-li .new-question-resource-select-button:hover, li.new-question-resource-existing-li.selected .new-question-resource-select-button {background: url(../images/mc-correct-and-hover-icon.svg?v=3) no-repeat left;background-size: contain; height: 16px; width:16px; cursor: pointer;}
li.new-question-resource-existing-li.selected {background-color: #e9f3ff; border: 1px solid #cdeaff;}
li.new-question-resource-existing-li .new-question-resource-existing-li-title-content {display: inline-block; margin-left: 30px;}
li.new-question-resource-existing-li .new-question-resource-existing-li-title-content a {cursor: pointer; color: #626262; font-weight: 600; display: inline;}
li.new-question-resource-existing-li .new-question-resource-existing-li-title-content small {cursor: default; color: #888888; font-weight: normal; margin-left: 4px;}

.mastery-question-option-select-button {background: url(../images/mc-open-icon.svg?v=2) no-repeat left;background-size: contain; height: 16px; width:16px; margin-right: 10px; top: 2px; position: relative; float: left; display: inline-block; cursor: default; z-index: 99999999}
.mastery-mc-multiple .mastery-question-option-select-button {background: url(../images/mc-open-sharp-icon.svg) no-repeat left;background-size: contain; height: 16px; width:16px; margin-right: 10px; top: 2px; position: relative; float: left; display: inline-block; cursor: default; z-index: 99999999}
.mastery-question-answer-open.loading .mastery-question-option-select-button {background: transparent;}
.quiz-question-option-item.loading .quiz-question-option-is-answer-button {background: transparent !important;}

.mastery-question-answers:not(.disabled) .mastery-question-answer-open:not(.loading) .mastery-question-option-select-button {cursor: pointer;}
.mastery-question-answers:not(.disabled) .mastery-question-answer-open:not(.loading) .mastery-question-option-select-button:hover, .mastery-question-answer-correct .mastery-question-option-select-button, .mastery-question-answers:not(.disabled) .mastery-question-answer-open.selected:not(.loading) .mastery-question-option-select-button {background: url(../images/mc-correct-and-hover-icon.svg?v=3) no-repeat left;background-size: contain; height: 16px; width:16px; margin-right: 10px; top: 2px; position: relative; float: left; display: inline-block;}
.mastery-mc-multiple.mastery-question-answers:not(.disabled) .mastery-question-answer-open:not(.loading) .mastery-question-option-select-button:hover, .mastery-mc-multiple .mastery-question-answer-correct .mastery-question-option-select-button, .mastery-mc-multiple.mastery-question-answers:not(.disabled) .mastery-question-answer-open.selected:not(.loading) .mastery-question-option-select-button {background: url(../images/mc-correct-and-hover-sharp-icon.svg) no-repeat left;background-size: contain; height: 16px; width:16px; margin-right: 10px; top: 2px; position: relative; float: left; display: inline-block;}
.mastery-question-answer-incorrect .mastery-question-option-select-button {background: url(/images/mc-incorrect-icon.svg?v=2) no-repeat left;background-size: contain; height: 16px; width:16px; margin-right: 10px; top: 2px; position: relative; float: left; display: inline-block;}
.mastery-mc-multiple .mastery-question-answer-incorrect .mastery-question-option-select-button {background: url(/images/mc-incorrect-sharp-icon.svg?v=2) no-repeat left;background-size: contain; height: 16px; width:16px; margin-right: 10px; top: 2px; position: relative; float: left; display: inline-block;}
.new-question-resource-existing-post-content-build-fields .build-field {margin-top: 20px;}
.build-field-mastery-question-options .build-field-toggle {margin-bottom: 10px;}
ul.build-field-mastery-question-options-inputs {padding-bottom: 5px !important;}
li.new-question-mastery-question-option-li {position: relative !important; padding: 4px; border: 1px solid transparent; border-radius: 3px;}
li.new-question-mastery-question-option-li.selected {background-color: #e9f3ff; border: 1px solid #cdeaff;}
li.new-question-mastery-question-option-li .new-question-mastery-question-option-li-title-content {margin-left: 30px;}
li.new-question-mastery-question-option-li .new-question-mastery-question-option-li-title-content small {display: inline-block; color: #626262; margin-right: 10px; cursor: default;}
li.new-question-mastery-question-option-li .new-question-mastery-question-option-li-title-content .expandable-with-text {min-height: 20px; height: 20px; border: none;overflow: auto;outline: none;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;resize: none;}
li.new-question-mastery-question-option-li .new-question-mastery-question-option-li-title-content .new-question-mastery-question-li-title-input {display: inline-block !important; width: calc(100% - 30px) !important; background: transparent; margin-bottom: 3px !important;}
li.new-question-mastery-question-option-li .new-question-mastery-question-is-answer-button {background: url(../images/mc-open-icon.svg?v=2) no-repeat left;background-size: contain; height: 16px; width:16px; margin-right: 20px; position: absolute !important; top: 7px !important; left: 4px !important; display: block; cursor: pointer;}
li.new-question-mastery-question-option-li .new-question-mastery-question-is-answer-button:hover, li.new-question-mastery-question-option-li.selected .new-question-mastery-question-is-answer-button {background: url(../images/mc-correct-and-hover-icon.svg?v=3) no-repeat left;background-size: contain; height: 16px; width:16px; cursor: pointer;}
.build-field-add-remove-option-buttons {display: block; margin-left: auto; margin-right: 0; text-align: right; margin-top: 10px;}
.build-field-add-option-button, .build-field-remove-option-button {width: 26px; height: 26px; border-radius: 50%; border: 1px solid #DD167B; background: transparent; cursor: pointer; display: inline-block; margin-right: 0; margin-left: 4px;}
.build-field-add-option-button:hover, .build-field-remove-option-button:hover {background: #DD167B;}
.build-field-remove-option-button a:after {content: "-"; font-size: 16pt; color: #DD167B; padding-right: 6.5px; line-height: 18px;}
.build-field-add-option-button a:after {content: "+"; font-size: 14pt; color: #DD167B; padding-right: 6px; line-height: 20px;}
.build-field-add-option-button:hover a:after, .build-field-remove-option-button:hover a:after {color: #fff;}
.build-field-mastery-question-options {border-bottom: solid 0 transparent;}
li.new-question-mastery-question-option-li .new-question-mastery-question-option-li-explanation-section {margin-left: 30px; display: none;}
li.new-question-mastery-question-option-li.explanation-active .new-question-mastery-question-option-li-explanation-section {display: block;}
textarea.expandable-with-text {min-height: 20px; height: 20px; border: none;overflow: auto;outline: none;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;resize: none;}
textarea.new-question-mastery-question-option-explanation-input {padding: 0; font-size: 13px;line-height: 20px;margin: 0;font-weight: normal;font-family: 'Muli', sans-serif; color: #212121; line-height: 20px; height: 20px; margin-bottom: 4px; width: 100%; border: none;overflow: auto;outline: none;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;resize: none; border-radius: 6px; background: transparent;}
.new-question-mastery-question-option-explanation-title {display: block; font-family: 'Muli', sans-serif; font-weight: bold; font-size:8.5pt;line-height:14px;color: #626262; margin: 4px 0;}
ul.new-question-added-mastery-question-ul li.new-question-added-mastery-question-li {border: 1px solid #e7e7e7; border-radius: 6px; padding: 16px; position: relative; }
ul.new-question-added-mastery-question-ul li.new-question-added-mastery-question-li .new-question-added-mastery-question-title { font-size: 10pt; color: #212121; line-height: 16px; margin-bottom: 14px; }
ul.new-question-added-mastery-question-options-ul li.new-question-added-mastery-question-option-li {position: relative !important; padding: 4px; border: 1px solid transparent; border-radius: 3px;}
ul.new-question-added-mastery-question-options-ul li.new-question-added-mastery-question-option-li:after {content: ""; background: url(../images/mc-open-icon.svg?v=2) no-repeat left;background-size: contain; height: 16px; width:16px; left:4px; top:6px; position: absolute; display: block;}
ul.new-question-added-mastery-question-options-ul li.new-question-added-mastery-question-option-li.selected:after {content: ""; background: url(../images/mc-correct-and-hover-icon.svg?v=3) no-repeat left;background-size: contain;}
ul.new-question-added-mastery-question-options-ul li.new-question-added-mastery-question-option-li.selected {background-color: #e9f3ff; border: 1px solid #cdeaff;}
ul.new-question-added-mastery-question-options-ul li.new-question-added-mastery-question-option-li:not(:last-child) {margin-bottom: 4px;}
ul.new-question-added-mastery-question-options-ul li.new-question-added-mastery-question-option-li .new-question-added-mastery-question-option-li-title-content {margin-left: 30px;}
ul.new-question-added-mastery-question-options-ul li.new-question-added-mastery-question-option-li small {display: inline-block; vertical-align: top; color: #626262; margin-right: 10px; line-height: 18px;}
ul.new-question-added-mastery-question-options-ul li.new-question-added-mastery-question-option-li .new-question-added-mastery-question-option-answer { font-size: 10pt; color: #212121; line-height: 16px; display: inline-block; width: calc(100% - 30px); background: transparent; margin-bottom: 3px; }
ul.new-question-added-mastery-question-ul li.new-question-added-mastery-question-li .new-question-added-mastery-question-option-explanation {margin-top: 4px; font-size: 9pt; color: #888888;}
ul.new-question-added-mastery-question-ul li.new-question-added-mastery-question-li .remove-new-question-added-mastery-question-button {cursor: pointer; position: absolute; width: 8px; height: 8px; display: block; top: 4px; right: 4px; }
ul.new-question-added-mastery-question-ul li.new-question-added-mastery-question-li .remove-new-question-added-mastery-question-button a:before {content: "";background: url(/images/close-x-icon.svg) no-repeat left;background-size: contain;width: 8px; height: 8px; position: absolute; top: 4px; right: 4px; display: block;}
li.question-metrics-mastery-question-option-li {position: relative !important; padding: 4px; border: 1px solid transparent; border-radius: 3px;}
li.question-metrics-mastery-question-option-li.incorrect {background-color: #ffe9e9; border: 1px solid #ffcdcd;}
li.question-metrics-mastery-question-option-li:after {content: ""; height: 16px; width:16px; left:4px; top:6px; position: absolute; display: block;}
li.question-metrics-mastery-question-option-li.incorrect:after {content: ""; background: url(/images/mc-incorrect-icon.svg?v=2) no-repeat left;background-size: contain;}
li.question-metrics-mastery-question-option-li.correct:after {content: ""; background: url(/images/mc-correct-and-hover-icon.svg?v=3) no-repeat left;background-size: contain;}
li.question-metrics-mastery-question-option-li.correct {background-color: #e9f3ff; border: 1px solid #cdeaff;}
li.question-metrics-mastery-question-option-li .question-metrics-mastery-question-option-li-title-content {margin-left: 30px; display: inline-block;}
li.question-metrics-mastery-question-option-li .question-metrics-mastery-question-option-li-title-content .question-metrics-mastery-question-option-answer {display: inline-block;}
li.question-metrics-mastery-question-option-li .question-metrics-mastery-question-option-li-title-content small {display: inline-block; color: #626262; margin-right: 10px; cursor: default;}
li.question-metrics-mastery-question-option-li .question-metrics-mastery-question-option-accuracy {margin-top: 4px; font-size: 9pt; color: #888888;}
.compose-new-question-wrapper {position: absolute; left: 10%; top: 0; width: 80%; height: auto;}
.compose-new-question-wrapper .build-form-boxed-section {margin-bottom: 100px;}
#assignment-publishing-details-note {margin-top: 60px; display: block; color: #212121; line-height: 22px;}
#assignment-due-date-details-note {margin-top: 20px; display: block; color: #212121; line-height: 22px;}
.new-assignment-question-mastery-question-options-shuffled-text, .new-question-mastery-question-options-shuffled-text {font-style: italic; font-size: 8pt; font-weight: normal;}
.build-form-section-header-text-with-search {display: inline-block; width: 100%;}
.build-form-section-header-text-with-search h4 {float: left;}
.build-form-section-header-search.white {background-color: #ffffff}
.build-form-section-header-search {background-color: #F9F9F9; border-radius: 4px; padding: 16px; border: 1px solid #e7e7e7; cursor: text; margin-bottom: 20px;}
.build-form-section-header-text-with-search .build-form-section-header-search {float: right; width: 240px; margin-left: 10px; margin-top: 42px; transition: width 0.3s;-webkit-transition: width 0.3s;-ms-transition: width 0.3s;-o-transition: width 0.3s;-moz-transition: width 0.3s;}
.search-filter-button {cursor: pointer;}
.search-filter-button:before {content: "";background: url(/images/filter-icon.svg) no-repeat left;background-size: contain;width: 34px; height: 14px; position: absolute; top:2px; right:0;}
.build-form-section-header-search:hover .search-filter-button:before {content: "";background: url(/images/filter-active-icon.svg) no-repeat left;background-size: contain;}
.search-overlay {display: none; position: absolute; right: 0; top: 30px; width: 240px; padding: 17px 13px 17px 21px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);border-radius: 3px; background-color: #fff; z-index: 999; transition: width 0.3s;-webkit-transition: width 0.3s;-ms-transition: width 0.3s;-o-transition: width 0.3s;-moz-transition: width 0.3s;}
.search-overlay .search-header-text {font-weight: bold;font-family: 'Muli', sans-serif; color: #666666; font-size: 7pt; letter-spacing: 0.5px; text-transform: uppercase; cursor: default; margin-bottom: 4px;}
.build-form-section-header-search:hover .search-overlay {display: block;}
.build-form-section-header-search.active .search-overlay {width: 300px; transition: width 0.3s;-webkit-transition: width 0.3s;-ms-transition: width 0.3s;-o-transition: width 0.3s;-moz-transition: width 0.3s;}
.build-form-section-header-search.active {width: 300px; transition: width 0.3s;-webkit-transition: width 0.3s;-ms-transition: width 0.3s;-o-transition: width 0.3s;-moz-transition: width 0.3s;}
.checkmarked-items-in-overlay-ul li {position: relative; cursor: pointer; padding: 6px 0px; margin: 0;}
.checkmarked-items-in-overlay-ul li.checked span:before {content:"\f00c"; font-family: 'Font Awesome 5 Free'; color: #DD167B; margin-right: 10px}
.checkmarked-items-in-overlay-ul li.checked span {margin-left: 22px;}
.checkmarked-items-in-overlay-ul li span {color: #212121; font-size: 9pt; font-weight: 600; margin: 0; padding: 0; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.checkmarked-items-in-overlay-ul li span small {color: #666666; font-size: 8pt; font-weight: normal;}
.build-field-title a.build-field-preview-button:hover + .preview-overlay {display: block;}
.preview-overlay:hover {display: block;}
.preview-overlay {display: none; position: absolute; right: 0; bottom: 50px; width: 300px; max-width: 40%; padding: 10px 8px 10px 8px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);border-radius: 3px; background-color: #fff; z-index: 999;}
.preview-overlay p {padding: 0; margin: 0; font-size: 8pt;}
/* ================================= ASSIGNMENT DASHBOARD START  ==================================== */
.assignment-dashboard-wrapper {position: absolute; left: 0; top: 0; width: 100%;}
.assignment-dashboard-container {position: relative; width: 100%; margin-top: 20px;}
.assignment-dashboard {position: relative; width: 90%; left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform:translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);overflow: hidden;}
.assignment-dashboard-assignment-info {width: 100%; overflow: hidden; position: relative;}
.assignment-dashboard-assignment-info .title-info {width: calc(100% - 120px); display: inline-block; float: left;}
.assignment-dashboard-assignment-info.top-two-buttons .title-info {width: calc(100% - 265px);}
.head-right.top-two-buttons {width: 265px !important;}
.assignment-dashboard-assignment-info .title-info h1 {font-weight: normal;font-size: 22px;text-align: left;color: #212121;line-height: 26px;font-family: 'Merriweather', sans-serif; padding-bottom: 10px;}
.assignment-dashboard-assignment-info .title-info .is-published-info .published-indicator {content: ""; display: inline-block; position: relative; width: 10px; height: 10px; border-radius: 5px; margin-right: 8px; margin-bottom: 0px; background-color: #36b1ff;}
.assignment-dashboard-assignment-info .title-info .is-published-info .published-indicator:before {content: ""; position: absolute; top: 1px; left: 1px; display: block; pointer-events: none; border: 1px solid #fff; border-radius: 4px; width: 8px; height: 8px; background: none;}
.assignment-dashboard-assignment-info .title-info .is-published-info .published-indicator.inactive {background-color: #eb1f48;}
.assignment-dashboard-assignment-info .title-info .is-published-info span {color: #626262;}
.assignment-dashboard-assignment-info .assignment-dashboard-top-buttons-container {width: 100px !important; display: block; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.assignment-dashboard-assignment-info.top-two-buttons .assignment-dashboard-top-buttons-container {width: 245px !important; display: block; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.assignment-dashboard-assignment-info.top-two-buttons .assignment-dashboard-top-buttons-container .edit-btn {margin-left: 0px; display: inline-block !important;}
.assignment-dashboard-assignment-info.top-two-buttons .assignment-dashboard-top-buttons-container .sync-btn {margin-right: 5px; display: inline-block !important;}
.assignment-instructor-dashboard-actions {vertical-align: middle;}
.assignment-instructor-dashboard-sync-button, .assignment-instructor-dashboard-edit-button {height: 40px; display: inline-block; padding: 0 20px !important; color: #DD167B !important; border: 1px solid #DD167B; border-radius: 40px; font-size: 9pt !important; line-height: 40px !important; font-family: 'Muli', sans-serif;font-weight: 600 !important; vertical-align: middle; text-align: center; white-space: nowrap; cursor: pointer;}
.assignment-instructor-dashboard-sync-button:hover, .assignment-instructor-dashboard-edit-button:hover {background-color: #DD167B !important; color: #ffffff !important;}
.assignment-dashboard-main-content {width: 100%; border: solid 1px #e7e7e7; padding: 30px; margin-top: 20px; margin-bottom: 50px; border-radius: 14px; position: relative; overflow: hidden;}
.assignment-dashboard-graphs-container {width: calc(30% - 15px); margin-right: 15px; float: left; position: relative;}
.assignment-dashboard-questions-container {width: calc(70% - 15px); margin-left: 15px; float: right; position: relative;}
.assignment-dashboard-about {margin-bottom: 30px;}
.assignment-dashboard-load-more-button.left {text-align: left;}
.assignment-dashboard-load-more-button {position: relative; height: 20px; text-align: right; margin-top: 4px; display: none;}
.assignment-dashboard-load-more-button a {color: #DD167B;}
.assignment-dashboard-question-response-item {border: solid 1px #e7e7e7; padding: 10px; border-radius: 8px; margin-bottom: 10px;}
.assignment-dashboard-question-response-item-name {font-family: 'Merriweather', serif;font-size: 16px;line-height: 24px; color:#212121;}
.assignment-dashboard-question-response-item-details {font-family: 'Muli', sans-serif; font-size: 9pt; line-height: 14px; color: #626262; margin-top: 6px;}
.assignment-dashboard-question-response-item-figures, .metrics-question-response-item-figures {margin-top: 6px;}
.assignment-dashboard-question-response-item-figures ul li:not(:first-child) figure, .metrics-question-response-item-figures ul li:not(:first-child) figure {margin-top: 6px;}
.metrics-question-response-item-page-section .metrics-question-response-item-figures {margin-bottom: 6px; margin-top: 0;}
.metrics-question-response-item-page-section .metrics-question-response-item-figures ul li:first-child figure {margin-top: 0;}
.assignment-dashboard-question-response-item .expand-question-responses-button {margin-top: 6px;}
.assignment-dashboard-questions-header h4 {padding: 0;}
.assignment-dashboard-questions-header span {margin-bottom: 24px;}
.assignment-dashboard-question-response-item-student-responses-items {display: none;}
.assignment-dashboard-question-response-item-student-responses-header-text {font-weight: 600; margin-top: 6px; font-family: 'Muli', sans-serif; font-size: 10pt; color: #626262;}
.assignment-dashboard-question-response-item-student-responses-items {margin-top: 6px;}
.assignment-dashboard-question-response-item-student-responses-items-bottom-anonymous-text {margin-top: 6px; font-family: 'Muli', sans-serif; font-size: 9pt; color: #626262; font-style: italic;}
.assignment-dashboard-question-response-item-student-responses-items-pagination {position: relative; display: block; width: 100%; margin: 10px 0;}
.assignment-dashboard-question-response-item-student-responses-items-pagination-prev {width: 50px; display: block; position: absolute; left: 0; top: calc(50% - 8px); cursor: pointer;}
.assignment-dashboard-question-response-item-student-responses-items-pagination-prev span, .assignment-dashboard-question-response-item-student-responses-items-pagination-next span {font-size: 13px;line-height: 12px;font-family: 'Muli', sans-serif;font-weight: 700; color: #705AF4; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.assignment-dashboard-question-response-item-student-responses-items-pagination-prev span {margin-left: 20px;}
.assignment-dashboard-question-response-item-student-responses-items-pagination-prev span:before { content: "\f177"; font-family: 'FontAwesome';font-size: 13px;position: absolute;top: 55%;left: 0px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform:translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.assignment-dashboard-question-response-item-student-responses-items-pagination-prev.disabled span {color: #B5B5B5;}
.assignment-dashboard-question-response-item-student-responses-items-pagination-prev.disabled {cursor: default;}
.assignment-dashboard-question-response-item-student-responses-items-pagination-next {width: 50px; display: block; position: absolute; right:0; top: calc(50% - 8px);cursor: pointer;}
.assignment-dashboard-question-response-item-student-responses-items-pagination-next span {margin-right: 20px;}
.assignment-dashboard-question-response-item-student-responses-items-pagination-next span:after{ content: "\f178"; font-family: 'FontAwesome';font-size: 13px;position: absolute;top: 55%;right: 0px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform:translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.assignment-dashboard-question-response-item-student-responses-items-pagination-next.disabled span {color: #B5B5B5;}
.assignment-dashboard-question-response-item-student-responses-items-pagination-next.disabled {cursor: default;}
.assignment-dashboard-question-response-item-student-responses-items-pagination-content {width: calc(100% - 120px); display: block; position: relative; margin-left: 60px;}
.assignment-dashboard-question-response-item-top-section-left {display: inline-block; width: calc(100% - 150px); vertical-align:top;}
.assignment-dashboard-question-response-item-top-section-right {display: inline-block; width: 150px; vertical-align:top;}
.assignment-dashboard-question-response-item-top-section-right .iconless-standard-btn {float: right;}
.assignment-dashboard-full-question-content ul {margin: 0 !important; padding: 0 !important;}
.assignment-dashboard-students-list {border: solid 1px #e7e7e7; padding: 10px; border-radius: 8px; margin-bottom: 10px;}
.assignment-dashboard-list-header {font-family: 'Muli', sans-serif; font-size: 10pt; color: #212121; font-weight: 600;}
.assignment-dashboard-students-list p {margin-top: 6px; font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: normal; color: #212121;}
.assignment-dashboard-students-list .assignment-dashboard-students-list-ul {margin-top: 6px;}
.assignment-dashboard-students-list-ul li:not(:first-child) {margin-top: 2px;}
.assignment-dashboard-students-list-ul li:before {content:'\2022'; color: #626262; font-family: 'Muli', sans-serif; font-size: 10pt; margin-right: 20px;}
.assignment-dashboard-students-list-ul li a {color: #DD167B;}
.assignment-dashboard-graph-header {font-family: 'Muli', sans-serif; font-size: 10pt; color: #212121; font-weight: 600; text-align: center; margin-bottom: 12px;}
.assignment-dashboard-graph {margin-bottom: 30px;}
.assignment-dashboard-quarter-split-graph {display: inline-block; width: 50%;}
.assignment-dashboard-below-graph-text {font-family: 'Muli', sans-serif; font-size: 8pt; color: #212121; text-align: center; margin-top: 6px;}
ul.dashboard-graphs-toggle-menu {text-align: center;}
ul.dashboard-graphs-toggle-menu li {display: inline-block; margin: 0 10px;}
ul.dashboard-graphs-toggle-menu li a.active-graph {color: #212121; font-weight: 600; font-size: 9pt; cursor: default;}
ul.dashboard-graphs-toggle-menu li a {color: #DD167B; font-weight: normal; font-size: 9pt;}
.assignment-dashboard-graph-bottom-text {color: #616161; font-size: 16pt; margin-top: 10px; text-align: center;}
/* ================================= MASTERY TOPICS CATALOG ==================================== */
.mastery-topics-catalog-list ul {margin-bottom: 40px;}
.mastery-topics-catalog-list ul li .mastery-topics-catalog-result-name {display: inline-block; width: calc(100% - 150px); vertical-align: middle; font-family: 'Merriweather', serif; font-size: 11pt; color: #705AF4;}
.mastery-topics-catalog-list ul li .mastery-topics-catalog-result-name:before {content: ""; display: inline-block; background: url(/images/decoration-arrow-icon.svg)no-repeat;width: 6px;height: 12px;background-size: contain; position: relative; display: inline-block; vertical-align: middle; margin-right: 10px;}
.mastery-topics-catalog-list ul li {vertical-align: middle;}
.mastery-topics-catalog-list ul li:not(:last-child) {margin-bottom: 20px;}
.mastery-topics-catalog-list ul li .mastery-topics-catalog-result-count {display: inline-block; width: 130px; margin-left: 20px; text-align: right; color: #DD167B;font-weight: 600;font-size: 12px;vertical-align: middle;line-height: 13px;}
.build-field-topics-current {margin-bottom: 10px; margin-top: 10px;}
.build-field-topics-current b {color: #666666; font-size: 9pt; font-weight: bold; margin-right: 4px;}
.build-field-topics-current span {color: #666666; font-size: 9pt; font-weight: normal;}
.mastery-topics-catalog-list-selectable ul li {display: inline-block; color: #36b1ff;background-color: #ffffff; border: 1px solid #36b1ff; padding: 1px 8px;border-radius: 4px;font-size: 13px;line-height: 20px;font-weight: normal;font-family: 'Muli', sans-serif; cursor: pointer; margin-right: 4px; margin-bottom: 4px;}
.mastery-topics-catalog-list-selectable ul li:hover {background-color: #36b1ff; color: #ffffff;}
.mastery-topics-catalog-list-selectable ul li .mastery-topics-catalog-result-name:after {content: "+";color: #36b1ff;padding: 0px 2px; margin-left: 2px;}
.mastery-topics-catalog-list-selectable ul li:hover .mastery-topics-catalog-result-name:after {color: #ffffff;}
.new-assignment-selected-mastery-topics-list, .new-question-selected-mastery-topics-list {display: inline-block; margin-top: 4px;}
.new-assignment-selected-mastery-topics-list ul li, .new-question-selected-mastery-topics-list ul li {display: inline-block; color: #705AF4;background-color: #ffffff; border: 1px solid #705AF4; padding: 1px 8px;border-radius: 4px;font-size: 13px;line-height: 20px;font-weight: normal;font-family: 'Muli', sans-serif; cursor: pointer; margin-right: 4px; margin-bottom: 4px;}
.new-assignment-selected-mastery-topics-list ul li:hover, .new-question-selected-mastery-topics-list ul li:hover {background-color: #705AF4; color: #ffffff;}
.new-assignment-selected-mastery-topics-list ul li .new-assignment-topics-list-li-name:after, .new-question-selected-mastery-topics-list ul li .new-question-topics-list-li-name:after {content: "x";color: #705AF4;padding: 0px 2px; margin-left: 2px;}
.new-assignment-selected-mastery-topics-list ul li:hover .new-assignment-topics-list-li-name:after, .new-question-selected-mastery-topics-list ul li:hover .new-question-topics-list-li-name:after {color: #ffffff;}
/* ================================= NEW ASSIGNMENT BUILDER ==================================== */
.assignment-instructor-dashboard-title-status .is-published-info .published-indicator {content: ""; display: inline-block; position: relative; width: 10px; height: 10px; border-radius: 5px; margin-right: 8px; margin-bottom: -1px; background-color: #36b1ff;}
.assignment-instructor-dashboard-title-status .is-published-info .published-indicator:before {content: ""; position: absolute; top: 1px; left: 1px; display: block; pointer-events: none; border: 1px solid #fff; border-radius: 4px; width: 8px; height: 8px; background: none;}
.assignment-instructor-dashboard-title-status .is-published-info .published-indicator.inactive {background-color: #eb1f48;}
.assignment-instructor-dashboard-title-status .is-published-info span {color: #626262; font-size: 9pt;}
.assignment-instructor-dashboard-title-name {font-family: 'Merriweather', serif; color: #212121; font-size: 11pt;}
.assignment-instructor-dashboard-main-container {margin: 0px 40px; padding: 20px 0;}
.assignment-instructor-dashboard-top-metrics-item {width: calc(25% - 7px); height: 171px; margin-right: 9px; border: 1px solid #e7e7e7; border-radius: 4px; display: inline-block; position: relative; padding: 16px; vertical-align: top;}
.assignment-instructor-dashboard-top-metrics-item:last-child {margin-right: 0px;}
.assignment-instructor-dashboard-top-metrics-item.half {width: calc(50% - 5px) !important;}
.assignment-instructor-dashboard-top-metrics-item.half.left {margin: 0 5px 0 0 !important;}
.assignment-instructor-dashboard-top-metrics-item.half.right {margin: 0 0 0 5px !important;}
.assignment-instructor-dashboard-top-metrics-item-top {display: block;}
.assignment-instructor-dashboard-top-metrics-item-top-title {display: inline-block; font-weight: bold; font-size: 10pt; color: #212121;}
.assignment-instructor-dashboard-top-metrics-item-top-details {display: inline-block; float: right; font-size: 10pt; color: #666666; cursor: pointer; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.assignment-instructor-dashboard-top-metrics-item-value {display: block; width: 100%; text-align: center; font-size: 50pt; color: #DD167B; font-weight: 900; overflow: hidden; margin: 10px 0;}
.assignment-instructor-dashboard-top-metrics-item-value small {font-size: 20pt !important; margin-left: 2px; font-weight: 900 !important;}
.assignment-instructor-dashboard-top-metrics-item-change {display: block; text-align: center; color: #666666; font-size: 9pt;}
.assignment-instructor-dashboard-top-metrics-item-change-value {display: inline; font-weight: bold;}
.assignment-instructor-dashboard-top-metrics-item-change-value.positive {color: #3FB428;}
.assignment-instructor-dashboard-top-metrics-item-change-value.negative {color: #eb1f48;}
.assignment-instructor-dashboard-details-menu {margin: 4px 0;}
.assignment-instructor-dashboard-details-menu li {display: inline-block; width: 33.33%; text-align: center; font-size: 9pt; color: #DD167B; cursor: pointer;}
.assignment-instructor-dashboard-details-menu.half li {width: 50%;}
.assignment-instructor-dashboard-details-menu li.active {font-weight: bold; cursor: default;}
.assignment-instructor-dashboard-details-menu li .assignment-instructor-dashboard-details-menu-button-value {display: inline;}
.assignment-instructor-dashboard-top-metrics-item-names-list {overflow: scroll; display: block; height: 94px;}
.assignment-instructor-dashboard-top-metrics-item-names-list li:not(.assignment-instructor-dashboard-completion-rate-item-details-list-loader):before {content:'\2022'; color: #626262; font-family: 'Muli', sans-serif; font-size: 10pt; margin-right: 20px;}
.assignment-instructor-dashboard-top-metrics-item-names-list li:not(.assignment-instructor-dashboard-completion-rate-item-details-list-loader) {color: #666666; font-family: 'Muli', sans-serif; font-size: 9pt; margin-bottom: 2px;}
.assignment-metrics-student-name-item span {color: #36b1ff !important; font-family: 'Muli', sans-serif; font-size: 9pt; cursor: pointer;}
.assignment-metrics-student-name-item span:hover {text-decoration: underline;}
.assignment-metrics-student-name-item-reviewed-indicator {display: inline-block; vertical-align: middle; position: relative;}
.assignment-metrics-student-name-item-reviewed-indicator:before {content: ""; background: url(/images/has-been-reviewed-icon.svg) no-repeat center; background-position: center center; background-size: contain;width: 12px; height: 12px;position: relative; display: inline-block; margin-left: 4px;}
.assignment-instructor-dashboard-main-metrics-page-responses-filter-by-students {margin-bottom: 20px}
.assignment-instructor-dashboard-main-metrics-page-responses-filter-by-students-title {font-family: 'Muli', sans-serif; font-size: 9pt; color: #666666; font-weight: 600; margin-left: 0; display: inline-block; margin-right: 4px}
.assignment-instructor-dashboard-main-metrics-page-responses-filter-by-students-options-button {display: inline-block; position: relative; width: 16px; height: 20px; margin-left: 4px; cursor: pointer; vertical-align: bottom;}
.assignment-instructor-dashboard-main-metrics-page-responses-filter-by-students-options-button:before {content: ""; background: url(/images/options-dots-icon.svg) no-repeat left; background-position: center center; background-size: contain;width: 16px; height: 4px;position: absolute; display: block; top: 8px; left: 0;}
.assignment-instructor-dashboard-main-metrics-page-responses-filter-by-students-options-button.purple:before {content: ""; background: url(/images/options-dots-purple-icon.svg) no-repeat left; background-position: center center; background-size: contain;width: 16px; height: 4px;position: absolute; display: block; top: 8px; left: 0;}
.assignment-instructor-dashboard-main-metrics-page-responses-filter-by-students-item {display: inline-block;border: 1px solid #36b1ff; border-radius: 3px; font-family: 'Muli', sans-serif; font-size: 9.5pt; font-weight: normal; color: #36b1ff; height: 20px; padding: 0 4px; line-height: 18px; cursor: pointer;}
.assignment-instructor-dashboard-main-metrics-page-responses-filter-by-students-item:after {content: ""; background: url(/images/blue-close-x-icon.svg) no-repeat left; background-position: center center; background-size: contain;width: 8px; height: 8px;position: relative; display: inline-block; margin-left: 6px}
.assignment-instructor-dashboard-main-metrics-page-responses-filter-by-students-item:hover {background-color: #36b1ff; color: #ffffff;}
.assignment-instructor-dashboard-main-metrics-page-responses-filter-by-students-item:hover:after {background: url(/images/white-close-x-icon.svg) no-repeat left;}
.assignment-instructor-dashboard-top-metrics-item-names-list li.assignment-instructor-dashboard-completion-rate-item-details-list-loader {border: 3px solid transparent; border-top: 3px solid #DD167B; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: relative; margin-left: 26px; margin-top: 8px;}
.assignment-instructor-dashboard-top-metrics-item-names-list li small {margin-left: 4px;}
.assignment-instructor-dashboard-top-metrics-item-names-list-parent p {color: #666666; font-family: 'Muli', sans-serif; font-size: 9pt;}
.assignment-instructor-dashboard-top-metrics-item-loader {display: block; position: absolute; width: 102px; left: calc(50% - 51px); height: 94px; top: calc(50% - 47px); text-align: left; font-size: 50pt; color: #DD167B; font-weight: 900; overflow: hidden; cursor: default; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.assignment-instructor-dashboard-metrics-item-details-content.graph {position: relative; width: 100%; height: 126px; margin-top: 4px;}
.assignment-instructor-dashboard-main-metrics {position: relative; display: block; margin-top: 20px; min-height: 300px;}
.assignment-instructor-dashboard-main-metrics-menu {display: block; position: relative; z-index: 0; margin-bottom: 20px;}
.assignment-instructor-dashboard-main-metrics-menu li {display: inline-block; cursor: pointer; font-family: 'Muli', sans-serif; font-size: 10pt; color: #DD167B; font-weight: bold; padding: 4px 8px 0 8px; transition: color 0.5s ease; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.assignment-instructor-dashboard-main-metrics-menu li:not(:last-child) {margin-right: 20px;}
.assignment-instructor-dashboard-main-metrics-menu li.active {color: #ffffff;}
.assignment-instructor-dashboard-main-metrics-menu-highlighter {background-color: #DD167B; width: 79px; height: 26px; top: 0; left: 0; border-radius: 13px; position: absolute; z-index: -1;}
.assignment-instructor-dashboard-main-metrics-page {margin-top: 0px;}
.assignment-instructor-dashboard-main-metrics-page-header {font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: 600; color: #666666; margin-bottom: 10px; margin-top: 10px;}
.assignment-instructor-dashboard-main-metrics-page-header-value {display: inline;}
.assignment-instructor-dashboard-main-metrics-page-overview-alerts p {font-family: 'Muli', sans-serif; font-size: 10pt; color: #212121; text-align: left;}
#assignment-instructor-dashboard-main-metrics-page-overview-mastery-topics-performance p, .assignment-instructor-dashboard-main-metrics-page p, .metrics-question-response-item-page p {font-family: 'Muli', sans-serif; font-size: 10pt; color: #666666; text-align: left;}
.assignment-instructor-dashboard-main-metrics-page-overview-learning-objectives-performance-graph-container, .assignment-instructor-dashboard-completion-graph-container {width: 20%; min-width: 240px; padding: 10px; display: inline-block; vertical-align: top;}
.metrics-section-indicator-container {display: block}
.metrics-section-indicator {display: inline-block; font-family: 'Muli', sans-serif; font-size: 10pt; background-color: #DD167B; color: #ffffff; font-weight: bold; padding: 8px 12px; border-radius: 20px; transition: color 0.5s ease; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.metrics-learning-objectives-list {text-align: left; display: block; margin-top: 20px; margin-bottom: 0px}
.metrics-learning-objectives-list-item {display: inline-block; position: relative; border-radius: 20px; border: 1px solid #705AF4; padding: 14px; text-align: center; cursor: pointer; margin-bottom: 10px}
.metrics-learning-objectives-list-item:hover {background-color: rgba(112, 90, 244, 0.1)}
.metrics-learning-objectives-list-item.selected {background-color: #705AF4}
.metrics-learning-objectives-list-item.selected .metrics-learning-objectives-list-item-title {color: #ffffff}
.metrics-learning-objectives-list-item.selected .metrics-learning-objectives-list-item-title:before {content: "\f00c"; font-family: 'FontAwesome'; margin-right: 8px}
.metrics-learning-objectives-list-item:not(:last-child) {margin-right: 10px}
.metrics-learning-objectives-list-item-title {font-family: 'Muli', sans-serif; font-weight: 600; color: #212121; font-size: 10pt}
.metrics-learning-objectives-list-item-accuracy-items {display: none; position: absolute; background-color: rgba(0, 0, 0, 0.7); overflow: hidden; border-radius: 4pt; padding: 8px; z-index: 999; top: calc(100% + 6px); left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform:translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.metrics-learning-objectives-list-item-accuracy-item {color: #ffffff; width: 260px}
.metrics-question-horizontal-stack {display: block; vertical-align: middle; height: 30px; margin-bottom: 4px}
.metrics-question-section-title {display: inline-block; cursor: default; vertical-align: middle;}
.metrics-question-section-title span {font-family: 'Muli', sans-serif; font-weight: bold; font-size: 9pt; line-height: 26px; color: #999999; text-transform: uppercase; letter-spacing: 0.5px;}
.metrics-question-top-right {display: inline-block; float: right;}
.metrics-question-learning-objective-indicator {display: inline-block; vertical-align: middle; padding: 6px 8px; border-radius: 8px; background-color: #705AF4;}
.metrics-question-learning-objective-indicator span {font-family: 'Muli', sans-serif; font-weight: 600; font-size: 9pt; color: #ffffff}
.metrics-question-expand-button {display: inline-block; margin-left: 10px; cursor: pointer; height: 30px; vertical-align: top;}
.metrics-question-expand-button span {line-height: 30px; color: #1CB9EB; font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: 600; display: inline-block; width: 96px; text-align: center;}
.metrics-question-expand-button span:after {content:"Expand question"}
.metrics-question-response-item.active .metrics-question-expand-button span {display: none}
.metrics-question-expand-button-icon {display: inline-block; margin-left: 8px; height: 30px; vertical-align: top; text-align: center;line-height: 30px; color: #1CB9EB; width: 16px}
.metrics-question-expand-button-icon:after {content: "\f065"; font-family: 'FontAwesome';font-size: 12pt; line-height: 30px; color: #1CB9EB;width: 16px;}
.metrics-question-response-item.active .metrics-question-expand-button-icon {margin-left: 0}
.metrics-question-response-item.active .metrics-question-expand-button-icon:after {content: "\f066";}
.metrics-question-response-item:not(.active):not(.filtering-by-student):hover .metrics-question-expand-button-icon:after {font-size: 14pt;line-height: 30px;width: 16px;}
.metrics-question-response-item.active .metrics-question-expand-button:hover .metrics-question-expand-button-icon:after {font-size: 14pt;line-height: 30px;width: 16px;}
.metrics-question-response-item:hover .metrics-question-expand-button span {font-weight: bold}
.metrics-question-subsection-title {display: inline-block;}
.metrics-question-subsection-title span {font-family: 'Muli', sans-serif; font-weight: bold; font-size: 9.5pt; line-height: 26px; color: #1CB9EB;}
.metrics-question-subsection {margin-top: 10px}
.metrics-question-response-item:not(.active):not(.filtering-by-student) .metrics-question-active-only {display: none}
.metrics-question-subsection-subtitle {display: inline-block; margin-left: 10px}
.metrics-question-subsection-subtitle span {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 9pt; line-height: 26px; color: #999999;}
.metrics-question-subsection-learners-mentioned-list, .metrics-question-subsection-key-points-list {margin-top: 8px; margin-bottom: 8px}
.metrics-question-mentioned-key-points-list-item {padding: 10px; border-radius: 4px; display: inline-block; background-color: rgba(17, 219, 255, 0.2);}
.metrics-question-mentioned-key-points-list-item:not(:last-child) {margin-right: 8px; margin-bottom: 8px}
.metrics-question-mentioned-key-points-list-item span {font-family: 'Muli', sans-serif; font-size: 9pt; color: #212121}
.metrics-question-subsection-key-points-list-item:not(:last-child) {margin-bottom: 10px}
.metrics-question-subsection-key-points-list-item-key-point-container {padding: 10px; border-radius: 4px; display: inline-block; background-color: rgba(17, 219, 255, 0.2); vertical-align: top; max-width: calc(100% - 266px) !important}
.metrics-question-subsection-key-points-list-item-key-point-container.loading {max-width: calc(100% - 324px) !important}
.metrics-question-subsection-key-points-list-item-answered-by-container {padding: 10px 0; height:52px; width: 256px; border-radius: 4px; display: inline-block; vertical-align: top; margin-left: 10px; position: relative;}
.metrics-question-subsection-key-points-list-item-key-point-container.blue, .metrics-question-mentioned-key-points-list-item.blue {background-color: rgba(17, 219, 255, 0.2)}
.metrics-question-subsection-key-points-list-item-key-point-container.purple, .metrics-question-mentioned-key-points-list-item.purple {background-color: rgba(86, 40, 179, 0.2)}
.metrics-question-subsection-key-points-list-item-key-point-container.yellow, .metrics-question-mentioned-key-points-list-item.yellow {background-color: rgba(255, 212, 79,0.2)}
.metrics-question-subsection-key-points-list-item-key-point-container.pink, .metrics-question-mentioned-key-points-list-item.pink {background-color: rgba(255, 17, 132, 0.2)}
.metrics-question-subsection-key-points-list-item-key-point-container.edit-mode .metrics-question-subsection-key-points-list-item-key-point-input {display: inline-block;}
.metrics-question-subsection-key-points-list-item-key-point-container.edit-mode .metrics-question-subsection-key-points-list-item-key-point-preview {display: none}
.metrics-question-subsection-key-points-list-item-key-point-input {display: none;  max-width: calc(100% - 28px) !important}
.metrics-question-subsection-key-points-list-item-key-point-preview {cursor: text; display: inline-block; max-width: calc(100% - 28px); height: 24px; vertical-align: top; white-space: nowrap; position: relative;}
.metrics-question-subsection-key-points-list-item-key-point-preview span, .metrics-question-subsection-key-points-list-item-key-point-input {background-color: transparent; vertical-align: top; font-family: 'Muli', sans-serif; font-weight: normal; color: #212121; font-size: 10pt; line-height: 24px}
.metrics-question-subsection-key-points-list-item-key-point-preview span {white-space: nowrap; overflow: hidden; display: block; margin-right: 20px}
.metrics-question-subsection-key-points-list-item-answered-by-container span {background-color: transparent; font-family: 'Muli', sans-serif; font-weight: normal; color: #212121; line-height: 24px; font-size: 10pt; position: relative;}
.metrics-question-subsection-key-points-list-item-answered-by-container.loading {width: 314px;}
.metrics-question-subsection-key-points-list-item-answered-by-container.loading:before {content: "";border: 3px solid transparent; border-top: 3px solid #666666; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: 14px;left: 0px;}
.metrics-question-subsection-key-points-list-item-answered-by-container.loading span {margin-left: 20px}
.metrics-question-subsection-key-points-list-item-answered-by-container.blue span em {color: rgba(17, 219, 255, 1); font-weight: bold}
.metrics-question-subsection-key-points-list-item-answered-by-container.purple span em {color: rgba(86, 40, 179, 1); font-weight: bold}
.metrics-question-subsection-key-points-list-item-answered-by-container.yellow span em {color:rgba(255, 212, 79,1); font-weight: bold}
.metrics-question-subsection-key-points-list-item-answered-by-container.pink span em {color: rgba(255, 17, 132, 1); font-weight: bold}
.metrics-question-subsection-key-points-list-item-key-point-preview span:after {content: ""; background: url(../images/small-edit-icon.svg) no-repeat left;background-size: contain; width: 13px; position: absolute; right: 0; background-position: center center; vertical-align: top; margin-top: 3px; height: 18px; display: inline-block; margin-left: 6px;}
.metrics-question-subsection-learners-mentioned-list-item {border: 1px solid #1CB9EB; padding: 4px 8px; min-width: 140px; text-align: center; display: inline-block; border-radius: 4px; cursor: pointer; position: relative;}
.metrics-question-response-item.active .metrics-question-subsection-learners-mentioned-list-item:hover {background-color: rgba(28, 185, 235, 0.1)}
.metrics-question-subsection-learners-mentioned-list-item span {color: #1CB9EB; font-family: 'Muli', sans-serif; font-size: 9pt; line-height: 18px}
.metrics-question-subsection-learners-mentioned-list-item {margin-right: 8px; margin-bottom: 8px}
.metrics-question-section-separator {position: relative; margin-top: 4px; margin-bottom: 4px; width: 100%; height: 1px; background-color: #e7e7e7}
.metrics-question-response-item-name-container {display: inline-block; width:calc(100% - 82px); }
.metrics-question-response-item-name-container .metrics-question-section-title {margin-bottom: 4px}
.metrics-question-response-item-accuracy-container {margin-left: 10px; width: 72px; display: inline-block; vertical-align: top}
.metrics-question-response-item-accuracy {padding-top: 6px; padding-bottom: 6px; background-color: #D2FBD6; border-radius: 10px; text-align: center}
.metrics-question-response-item-accuracy.green {background-color: #D2FBD6;}
.metrics-question-response-item-accuracy.yellow {background-color: #FBF3D2;}
.metrics-question-response-item-accuracy.red {background-color: #FBD2D2;}
.metrics-question-response-item-accuracy span {font-weight: bold; color: #212121; font-family: 'Muli', sans-serif; font-size: 10pt}
.metrics-question-responses-filter-dismiss-button {display: inline-block; margin-left: 4px; border-radius: 4px; border: 1px solid #1CB9EB; padding: 4px 8px; cursor: pointer;}
.metrics-question-responses-filter-dismiss-button:hover {background-color: #1CB9EB}
.metrics-question-responses-filter-dismiss-button:hover span {color: #ffffff}
.metrics-question-responses-filter-dismiss-button span {display: inline-block; color: #1CB9EB; font-family: 'Muli', sans-serif; font-size: 9pt; line-height: 18px}
.metrics-question-responses-filter-dismiss-button span:after {content: "\f00d"; font-family: 'FontAwesome';font-size: 9pt; margin-left: 4px}
.metrics-question-responses-filter-dismiss-button span:after {content: ""; background: url(/images/blue-close-x-icon.svg) no-repeat left; background-position: center center; background-size: contain;width: 8px; height: 8px;position: relative; display: inline-block; margin-left: 6px}
.metrics-question-responses-filter-dismiss-button:hover span:after {background: url(/images/white-close-x-icon.svg) no-repeat left;}
.metrics-question-response-item-mastery-question-options-ul {margin-top: 10px}
.metrics-question-subsection-key-points-message-container {margin-top: 10px; margin-bottom: 10px}
.metrics-question-subsection-key-points-message-container span {font-family: 'Muli', sans-serif; font-size: 10pt; color: #666666; font-weight: normal;}
/*.metrics-learning-objectives-list-item:hover .metrics-learning-objectives-list-item-accuracy-items {display: block}*/
.metrics-learning-objectives-list-item-accuracy-item-title {margin-right: 4px;font-size: 9pt}
.metrics-learning-objectives-list-item-accuracy-item-value {font-size: 9pt; font-weight: 600}
.metrics-question-mastery-question-details-container {margin-top: 10px}
.metrics-question-responses-section {margin-bottom: 10px}
.doughnut-chart-container {position: relative;}
.doughnut-chart-center-container {position: absolute; left: 0; width: 100%; top: 0; height: 100%; cursor: default; text-align: center; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.doughnut-chart-center {position: absolute; left: 0; width: 100%; text-align: center; top: 50%; transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);}
.doughnut-chart-center-value {font-family: 'Muli', sans-serif; font-size: 40pt; color: #2A313A; font-weight: 600; position: relative; display: inline-block;}
.doughnut-chart-center-value:after {content: "%"; position: absolute; left: calc(100% + 2px); top: -8px; display: block; color: #97A2B1; font-size: 20pt; font-weight: lighter;}
.doughnut-chart-center-title {font-family: 'Muli', sans-serif; font-size: 13pt; color: #999999; font-weight: normal; margin-top: 6px;}
.below-graph-text {font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: 600; color: #212121; text-align: center; margin-top: 20px;}
.below-graph-text.light {font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: normal; color: #666666; text-align: center; margin-top: 20px;}
.below-graph-text.light b {color: rgba(112, 90, 244, 1);}
.assignment-instructor-dashboard-main-metrics-page-cumulative-retention-graph-container {height: 400px; display: block;}
.assignment-instructor-dashboard-main-metrics-page .sort-results-container {margin-top: 20px;}
.sort-results-container {position: relative; padding-bottom: 20px; display: inline-block;}
.sort-results-current {font-size: 9.5pt; display: inline; color: #666666; cursor: pointer;}
.sort-results-filter-button {cursor: pointer; position: relative; display: inline-block;}
.sort-results-filter-button:before {content: "";background: url(/images/filter-icon.svg) no-repeat left;background-size: contain; vertical-align: middle; width: 34px; height: 14px; position: relative; display: inline-block; margin-left: 10px;}
.sort-results-container:hover .sort-results-filter-button:before {content: "";background: url(/images/filter-active-icon.svg) no-repeat left;background-size: contain;}
.sort-results-overlay {display: none; position: absolute; left: 0; top: 30px; width: 240px; padding: 17px 0 10px 0; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);border-radius: 3px; background-color: #fff; z-index: 999999 !important; transition: width 0.3s;-webkit-transition: width 0.3s;-ms-transition: width 0.3s;-o-transition: width 0.3s;-moz-transition: width 0.3s; text-align: left;}
.build-field-drop-down .sort-results-overlay, .small-dropdown-option-select-container .sort-results-overlay {top: 30px; width: 160px; left: auto; right: 0;}
.sort-results-overlay .sort-results-overlay-header-text {font-weight: bold;font-family: 'Muli', sans-serif; color: #666666; padding: 0px 13px 4px 21px; font-size: 7pt; letter-spacing: 0.5px; text-transform: uppercase; cursor: default; margin-bottom: 4px;}
.sort-results-container:hover .sort-results-overlay {display: block;}
.drop-down.disabled .sort-results-overlay:hover {display: none;}
.drop-down.disabled .modal-option-drop-down-selected:hover + .sort-results-overlay {display: none;}
.sort-results-overlay:hover {display: block;}
.sort-results-overlay.close {display: none;}
.sort-results-overlay.wide {width: 180px}
.archived-classes-ul {max-height: 180px; overflow-y: scroll; margin: 0 !important; padding: 0 !important; border: 1px solid #e7e7e7; border-radius: 10px}
.archived-classes-ul a:after {content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 100%; height: 1px; background-color: #e7e7e7}
.archived-classes-ul a:hover {background-color: rgba(0, 0, 0, 0.04)}
.archived-classes-ul a {position: relative; display: block; line-height: 30px; cursor: pointer !important; padding: 6px 21px 6px 21px !important; margin: 0 !important; text-align: left;}
.archived-classes-ul a span {color: #212121; font-size: 11pt !important; font-weight: normal; margin: 0 !important; padding: 0 !important; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer;}
.assignment-builder-modal-option-drop-down-options-container .sort-results-overlay-checkmarked-items-in-overlay-ul, .modal-option-drop-down-options-container .sort-results-overlay-checkmarked-items-in-overlay-ul {max-height: 180px; overflow-y: scroll;}
.modal-option-drop-down-options-container {position: relative;}
.modal-option-drop-down-options-container.left-align .modal-option-drop-down-selected {text-align: left;}
.modal-option-drop-down-options-container.left-align .sort-results-overlay {left: 0; right: auto;}
.sort-results-overlay-checkmarked-items-in-overlay-ul {margin: 0 !important; padding: 0 !important;}
.sort-results-overlay-checkmarked-items-in-overlay-ul li:hover {background-color: rgba(86, 40, 179, 0.04)}
.sort-results-overlay-checkmarked-items-in-overlay-ul li {position: relative; cursor: pointer !important; padding: 6px 13px 6px 21px !important; margin: 0 !important; text-align: left; display: block !important;}
.current-displayed-class-item .sort-results-overlay-checkmarked-items-in-overlay-ul a.checked:before {top: 12px;}
.sort-results-overlay-checkmarked-items-in-overlay-ul li.checked span:before {content:"\f00c"; font-family: 'Font Awesome 5 Free'; color: #DD167B; margin-right: 10px}
.sort-results-overlay-checkmarked-items-in-overlay-ul li span {color: #212121; font-size: 9pt !important; font-weight: 600 !important; margin: 0 !important; padding: 0 !important; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer;}
.current-displayed-class-item .sort-results-overlay-checkmarked-items-in-overlay-ul li {padding: 12px 13px 12px 21px !important;}
.current-displayed-class-item .sort-results-overlay-checkmarked-items-in-overlay-ul li span {font-size: 10pt !important;}
.current-displayed-class-item .sort-results-overlay-checkmarked-items-in-overlay-ul {max-height: 300px; overflow-y: scroll;}
.sort-results-overlay-checkmarked-items-in-overlay-ul li span small {color: #666666; font-size: 8pt; font-weight: normal;}
.sort-results-overlay-checkmarked-items-in-overlay-ul a:hover {background-color: rgba(86, 40, 179, 0.04)}
.sort-results-overlay-checkmarked-items-in-overlay-ul a {position: relative; display: block; line-height: 12px; cursor: pointer !important; padding: 6px 13px 6px 21px !important; margin: 0 !important; text-align: left;}
.sort-results-overlay-checkmarked-items-in-overlay-ul a.checked span:before {content:"\f00c"; font-family: 'Font Awesome 5 Free'; color: #DD167B; margin-right: 10px}
.sort-results-overlay-checkmarked-items-in-overlay-ul a span {color: #212121; font-size: 9pt !important; font-weight: 600 !important; margin: 0 !important; padding: 0 !important; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer;}
.current-displayed-class-item .sort-results-overlay-checkmarked-items-in-overlay-ul a {padding: 12px 13px 12px 21px !important;}
.current-displayed-class-item .sort-results-overlay-checkmarked-items-in-overlay-ul a span {font-size: 10pt !important; line-height: 20px}
.sort-results-overlay-checkmarked-items-in-overlay-ul a span small {color: #666666; font-size: 8pt; font-weight: normal;}
.assignment-instructor-dashboard-main-metrics-page-responses-results {position: relative; min-height: 300px;}
.metrics-question-response-item:not(:last-child) {margin-bottom: 10px;}
.metrics-question-response-item {border-radius: 10px; padding: 10px; position: relative; display: inline-block; width: 100%; border: 1px solid #e7e7e7; cursor: pointer;}
.quiz-metrics .metrics-question-response-item {cursor: default;}
.metrics-question-response-item.active {cursor: default;}
.metrics-question-response-item.filtering-by-student {cursor: default;}
.metrics-question-response-item.filtering-by-student .metrics-question-responses-section {margin-top: 10px}
.metrics-question-response-item.active {border: 1px solid #1CB9EB;}
.metrics-quiz-question-options {margin: 10px 0;}
.metrics-quiz-question-options .quiz-question-option-item-static:not(:last-child) {margin-bottom: 4px;}
.metrics-question-response-item h3, .metrics-question-response-item h3 p {font-family: 'Merriweather', serif;font-size: 16px;line-height: 24px; color:#212121;}
.metrics-question-response-item-top-section, .lesson-item-question-top {vertical-align: top;}
.metrics-question-response-item-top-section h3, .lesson-item-question-top .lesson-item-question-title {display: inline-block; width: calc(100% - 100px);}
.metrics-question-response-item-top-section .metrics-question-student-accuracy, .lesson-item-question-top .quiz-question-accuracy {width: 90px; margin-left: 10px; display: inline-block; text-align: right; vertical-align: top; color: #666666; font-weight: 600; font-family: 'Muli', sans-serif; font-size: 11pt;}
.quiz-question-accuracy-value {color: #666666; font-weight: 600; font-family: 'Muli', sans-serif; font-size: 11pt;}
.quiz-question-accuracy-label {color: #666666; font-weight: 600; font-family: 'Muli', sans-serif; font-size: 8pt; margin-left: 1px;}
.metrics-question-response-item-top-section .metrics-question-student-accuracy:after {content: "% accuracy"; font-size: 8pt; margin-left: 1px;}
.metrics-question-response-item-name, .metrics-question-response-item-name p {font-family: 'Merriweather', serif;font-size: 16px;line-height: 24px; color:#212121;}
.metrics-question-response-item-top-section-left {display: inline-block; width: 100%;}
.metrics-question-response-item-top-section-right {display: inline-block; width: 87px; margin-left: 10px; vertical-align: top; position: relative;}
.metrics-question-response-item-quick-actions:hover .metrics-question-response-item-quick-actions-button:after {transform: rotate(180deg);}
.metrics-question-response-item-quick-actions-button {color: #666666; font-size: 9pt; cursor: pointer; margin-top: 4px; margin-right: 12px; padding-bottom: 6px; text-align: right;}
.metrics-question-response-item-quick-actions-button:after {content: "";background: url(/images/gray-arrow-down-icon.svg) no-repeat left;background-size: contain; display: inline-block; width: 8px; height: 16px; right: 0; top: 4px; position: absolute;}
.metrics-question-quick-actions-overlay {display: none; position: absolute; top: 24px; right: 0px; padding: 6px 21px 6px 21px; line-height: 10px; width: 170px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);border-radius: 3px; background-color: #fff; z-index: 999}
.metrics-question-response-item-quick-actions:hover .metrics-question-quick-actions-overlay {display: block;}
.metrics-question-quick-actions-overlay:hover {display: block;}
.metrics-question-quick-actions-overlay-list li {height: 30px; line-height: 30px; vertical-align: middle; cursor: pointer; color: #212121; position:relative; padding-left: 20px; font-weight: 600; font-family: 'Muli', sans-serif; font-size: 10pt;}
.metrics-question-quick-actions-overlay-list li.remove-button:hover {color: #eb1f48;}
.metrics-question-quick-actions-overlay-list li.remove-button:before {content: ""; background: url(../images/trash-icon.svg) no-repeat left;background-size: contain; width: 13px; height: 16px; position: absolute; display: inline-block; top: 7px; left: 0;}
.metrics-question-quick-actions-overlay-list li.remove-button:hover:before {content: ""; background: url(../images/trash-hover-icon.svg) no-repeat left;background-size: contain;}
.metrics-question-quick-actions-overlay-list li.edit-button:hover {color: #705AF4;}
.metrics-question-quick-actions-overlay-list li.edit-button:before {content: ""; background: url(../images/small-edit-icon.svg) no-repeat left;background-size: contain; width: 13px; height: 14px; position: absolute; display: inline-block; top: 8px; left: 0;}
.metrics-question-quick-actions-overlay-list li.edit-button:hover:before {content: ""; background: url(../images/small-edit-hover-icon.svg) no-repeat left;background-size: contain;}
.metrics-question-response-item-details {font-family: 'Muli', sans-serif; font-size: 9pt; line-height: 14px; color: #626262; margin-top: 10px;}
.metrics-question-response-item-figures ul li figure {max-width: 100%; overflow: hidden; position: relative; display: inline-block; margin-top: 10px; border: 1px solid #e7e7e7; background-color: #ffffff; padding-bottom: 5px;}
.metrics-question-response-item-figures ul li figure img {max-width: 100%; max-height: 375px; display: block;}
.metrics-question-response-item-figures ul li span {display: block; line-height: 18px; font-size: 10pt; text-align: center; width: 100%; margin-top: 5px; position: relative; font-weight: normal; overflow: auto; word-wrap: break-word; color: #212121;}
.metrics-question-response-item-menu-container {position: relative;}
.metrics-question-response-item-menu {margin-top: 10px; margin-bottom: 10px;}
.metrics-question-response-item-menu li {display: inline-block; width: calc(25% - 9px); text-align: center; cursor: pointer; font-size: 10pt; color: #705AF4;}
.metrics-question-response-item-menu li.active {font-weight: bold;}
.metrics-question-response-item-menu li:not(:last-child) {margin-right: 12px;}
.metrics-question-response-item-menu-container .metrics-question-response-item-menu-highlighter {background-color: #705AF4; width: calc(25% - 9px); height: 2px; bottom: -10px; left: 0; position: absolute; z-index: -1;}
.metrics-question-response-item-metrics-likes {color: #2CB461;}
.metrics-question-response-item-metrics-likes:before {content: ""; background: url(../images/liked-icon.svg) no-repeat left;background-size: contain; width: 19px; height: 22px; display: block; position: absolute; left: 0; top: 0;}
.metrics-question-response-item-metrics-dislikes {color: #EB1F48;}
.metrics-question-response-item-metrics-dislikes:before {content: ""; background: url(../images/disliked-icon.svg) no-repeat left;background-size: contain; width: 19px; height: 18px; display: block; position: absolute; left: 0; top: 2px;}
.metrics-question-response-item-metrics {display: inline-block;}
.lesson-content-resource-item .metrics-question-response-item-metrics-likes-container {margin-bottom: 10px;}
.lesson-item-question .metrics-question-response-item-metrics-likes-container {margin-top: 0; margin-bottom: 20px;}
.metrics-question-response-item-metrics-likes-container {display: block; margin-top: 10px;}
.metrics-question-response-item-metrics li:not(:last-child) {margin-right: 8px;}
.metrics-question-response-item-metrics li {display: inline-block; height: 22px; line-height: 22px; padding-left: 24px; position: relative;}
.metrics-question-response-item-metrics-likes-helper-text {display: inline-block; margin-left: 8px; font-size: 10px; line-height: 22px; height: 20px; vertical-align: top; color: #999999;}
.metrics-question-response-item-author {position: relative; padding-left: 32px; margin-top: 10px; font-family: 'Muli', sans-serif; color: #666666;}
.metrics-question-response-item-author strong {font-size: 13px; font-weight: 600;}
.metrics-question-response-item-author:after {content:'';position: absolute;left: 0;top: 8px;background: #fcd34f;width:18px;height: 2px;}
.metrics-question-response-item-page {margin-top: 20px; display: none;}
.metrics-question-response-item-page:not(.blurred) {margin-bottom: 10px;}
.metrics-question-response-item-page.blurred {height: 50px; overflow-y: hidden; -webkit-filter: blur(5px);-moz-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);filter: blur(5px); border-radius: 5px; cursor: pointer; opacity: 0.3;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.metrics-question-subsection .metrics-question-response-item-page-section {margin-bottom: 10px}
.metrics-question-response-item-page-section:not(:first-child) {margin-top: 10px;}
.metrics-question-response-item-page-section {background-color: rgba(86, 40, 179, 0.04); border-radius: 6px; padding: 10px;}
.metrics-question-response-item-page-section-info {margin-bottom: 10px;}
.metrics-question-response-item-page-section h3, .metrics-question-response-item-page-section h3 p, .resource-header-container {font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: 600; color: #3E374D; line-height: 14px; min-height: 14px; margin-bottom: 10px;}
.resource-header-container {margin-bottom: 20px;}
.resource-header-title {display: inline-block; width:calc(100% - 160px)}
.resource-header-pagination-current-page-number {display: inline;}
.metrics-question-response-item-page-section h3 small, .metrics-question-response-item-page-section-top-pagination-buttons small, .resource-header-title .resource-header-pagination-current-page, .resource-header-pagination-buttons small {color: #666666; margin-left: 6px; font-weight: normal;}
.metrics-question-response-item-page-section p, .metrics-question-response-item-page-section {font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: normal; color: #212121;}
.metrics-question-response-expand-button {position: absolute; bottom: 18px; left: 10px; width: calc(100% - 20px); font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: bold; color: #1999EA; text-align: center; pointer-events: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.metrics-question-response-expand-button:before {content: "\f063"; font-family: 'FontAwesome';font-size: 9pt; font-weight: lighter; margin-right: 4px;}
.metrics-question-response-expand-button:after {content: "\f063"; font-family: 'FontAwesome';font-size: 9pt; font-weight: lighter; margin-left: 4px;}
.metrics-question-response-item-features-item:not(:last-child) {margin-bottom: 6px;}
.metrics-question-response-item-features-math, .metrics-question-response-item-features-uploads {position: relative;}
.metrics-question-response-item-features-math span, .metrics-question-response-item-features-uploads span {margin-left: 20px;}
.metrics-question-response-item-features-math:before {content:""; display: block; margin-right: 20px;position: absolute; top: 1px; left: 0; background: url(../images/math-gray-icon.svg)no-repeat;background-size: contain;width:14px;height: 12px;}
.metrics-question-response-item-features-uploads:before {content:""; display: block; position: absolute; top: 2px; left: 0; background: url(../images/upload-gray-icon.svg)no-repeat;background-size: contain;width:14px;height: 15px;}
.assignment-instructor-dashboard-displayed-resource {position: relative;}
.assignment-instructor-dashboard-displayed-resource-page-number {position: absolute; bottom: 4px; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform:translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.metrics-question-response-item-mastery-question-option-li {position: relative !important; padding: 4px; border: 1px solid transparent; border-radius: 3px;}
.metrics-question-response-item-mastery-question-option-li.incorrect {background-color: #ffe9e9; border: 1px solid #ffcdcd;}
.metrics-question-response-item-mastery-question-option-li:after {content: ""; height: 16px; width:16px; left:4px; top:6px; position: absolute; display: block;}
.mastery-mc-multiple .metrics-question-response-item-mastery-question-option-li.incorrect:after {content: ""; background: url(/images/mc-incorrect-sharp-icon.svg) no-repeat left;background-size: contain;}
.metrics-question-response-item-mastery-question-option-li.incorrect:after {content: ""; background: url(/images/mc-incorrect-icon.svg?v=2) no-repeat left;background-size: contain;}
.mastery-mc-multiple .metrics-question-response-item-mastery-question-option-li.incorrect:after {content: ""; background: url(/images/mc-incorrect-sharp-icon.svg) no-repeat left;background-size: contain;}
.metrics-question-response-item-mastery-question-option-li.correct:after {content: ""; background: url(/images/mc-correct-and-hover-icon.svg?v=3) no-repeat left;background-size: contain;}
.mastery-mc-multiple .metrics-question-response-item-mastery-question-option-li.correct:after {content: ""; background: url(/images/mc-correct-and-hover-sharp-icon.svg) no-repeat left;background-size: contain;}
.metrics-question-response-item-mastery-question-option-li.correct {background-color: #e9f3ff; border: 1px solid #cdeaff;}
.metrics-question-response-item-mastery-question-option-li .metrics-question-response-item-mastery-question-option-li-title-content {margin-left: 30px; font-size: 10pt; display: inline-block; vertical-align: top; position: relative; width: 100%;}
.metrics-question-response-item-mastery-question-option-li .metrics-question-response-item-mastery-question-option-li-title-content .metrics-question-response-item-mastery-question-option-answer, .metrics-question-response-item-mastery-question-option-answer p, .metrics-question-response-item-mastery-question-option-answer ul li {font-size: 10pt; display: inline-block;}
.metrics-question-response-item-mastery-question-option-answer {width: calc(100% - 25px) !important;}
.metrics-question-response-item-mastery-question-option-answer p:not(:last-child) {margin-bottom: 10px}
.metrics-question-response-item-mastery-question-option-answer p {display: block}
.metrics-question-response-item-mastery-question-option-li .metrics-question-response-item-mastery-question-option-li-title-content small {display: inline-block; color: #626262; font-size: 10pt; margin-right: 10px; cursor: default; vertical-align: top;}
.metrics-question-response-item-mastery-question-option-li .metrics-question-response-item-mastery-question-option-accuracy {margin-top: 4px !important; font-size: 9pt; color: #888888;}
.metrics-question-response-item-mastery-question-option-accuracy {margin-top: 8px; font-size: 9pt; color: #888888;}
.metrics-question-response-item-mastery-question-option-li:not(:last-child) {margin-bottom: 6px;}
.metrics-question-response-item-page-section-responses-value {display: inline;}
.metrics-question-response-item-page-section-top-pagination-buttons, .resource-header-pagination-buttons {display: inline-block;float: right;}
.metrics-question-response-item-page-section-top-pagination-button, .resource-header-pagination-button {display: inline; cursor: pointer;}
.metrics-question-response-item-page-section-top-pagination-button span, .resource-header-pagination-button span {font-size: 13px;line-height: 12px;font-family: 'Muli', sans-serif;font-weight: 700; color: #705AF4; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.metrics-question-response-item-page-section-top-pagination-button.disabled span, .resource-header-pagination-button.disabled span {color: #B5B5B5;}
.metrics-question-response-item-page-section-top-pagination-button.disabled, .resource-header-pagination-button.disabled {cursor: default;}
.metrics-question-response-item-page-section-top-pagination-prev-button span:before, .resource-header-pagination-button.resource-prev-button span:before, .standard-prev-button span:before {content: "\f177"; font-family: 'FontAwesome';font-size: 13px; margin-right: 4px;}
.metrics-question-response-item-page-section-top-pagination-next-button span:after, .resource-header-pagination-button.resource-next-button span:after, .standard-next-button span:after {content: "\f178"; font-family: 'FontAwesome';font-size: 13px; margin-left: 6px;}
.metrics-question-response-item-page-section-top-pagination-next-button, .resource-header-pagination-button.resource-next-button {margin-left: 6px;}
.metrics-question-response-add-feedback-container:not(.first):before, .metrics-question-response-add-score-container:not(.first):before, .metrics-peer-response-share-section:before, .metrics-question-response-key-points-mentioned-container:before {content:"";position: absolute; left:0; top:0; right:0; height: 1px; background-color: #999999;}
.metrics-question-response-add-feedback-container, .metrics-question-response-add-score-container, .metrics-question-response-key-points-mentioned-container {margin-top: 20px; width: 100%; display: block; position: relative; padding-top: 20px}
.metrics-question-response-add-score-container.first, .metrics-question-response-add-feedback-container.first {margin-top: 0; padding-top: 0}
.metrics-peer-response-share-section {margin-top: 12px; width: 100%; display: block; position: relative; padding-top: 20px}
.metrics-question-response-add-feedback-container.lesson-metrics, .metrics-question-response-add-score-container.lesson-metrics {margin-top: 30px !important;}
.metrics-question-response-add-feedback-container.quiz-metrics:before, .metrics-question-response-add-feedback-container.lesson-metrics:before, .metrics-question-response-add-score-container.lesson-metrics:before {display: none;}
.metrics-question-response-add-feedback-container.quiz-metrics, .metrics-question-response-add-feedback-container.lesson-metrics {background-color: rgba(86, 40, 179, 0.04);border-radius: 4px; padding: 10px; margin-bottom: 10px; margin-top: 10px;}
.metrics-question-response-add-feedback-container.has-feedback-mode .metrics-response-submit-feedback-button, .metrics-question-response-add-score-container.has-score-mode .metrics-response-submit-score-button {display: none;}
.metrics-question-response-add-feedback-container.has-feedback-mode .metrics-response-submit-file-upload-feedback-button, .metrics-question-response-add-score-container.has-score-mode .metrics-response-submit-file-upload-score-button, .metrics-question-response-add-score-container.has-score-mode .metrics-response-submit-question-score-button {display: none}
.metrics-question-response-add-feedback-container.has-feedback-mode .metrics-response-add-feedback-input, .metrics-question-response-add-score-container.has-score-mode .metrics-response-add-score-input {display: none;}
.metrics-question-response-add-score-container.has-score-mode .metrics-response-add-score-value-container {display: inline-block;}
.metrics-question-response-add-feedback-container.has-feedback-mode .metrics-question-response-current-feedback-section, .metrics-question-response-add-score-container.has-score-mode .metrics-question-response-current-score-section {display: block}
.metrics-question-response-add-feedback-container.loading .metrics-question-response-current-feedback-section-top-delete-button, .metrics-question-response-add-feedback-container.loading .metrics-question-file-upload-current-feedback-section-top-delete-button, .metrics-question-response-add-score-container.loading .metrics-question-response-current-score-section-top-delete-button, .metrics-question-response-add-score-container.loading .metrics-question-file-upload-current-score-section-top-delete-button {display: none}
.metrics-question-response-add-feedback-container.loading .metrics-question-response-current-feedback-section-top-loader, .metrics-question-response-add-score-container.loading .metrics-question-response-current-score-section-top-loader {display: inline-block;}
.lesson-content-file-upload-item .metrics-question-response-current-feedback-section, .lesson-content-file-upload-item .metrics-question-response-current-score-section {margin-bottom: 10px}
.metrics-peer-response-share-section-title span { font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: normal; color: #666666; font-style: italic; }
.metrics-peer-response-option-buttons {margin-top: 10px;}
.metrics-peer-response-share-endorse-button, .metrics-peer-response-share-hide-button {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 9pt; position: relative; padding-left: 18px; cursor: pointer; display: inline-block;}
.metrics-peer-response-share-endorse-button.endorsed, .metrics-peer-response-share-hide-button.hidden {font-weight: bold;}
.metrics-peer-response-share-endorse-button:hover, .metrics-peer-response-share-hide-button:hover {text-decoration: underline;}
.metrics-peer-response-share-endorse-button {color: #DD167B}
.metrics-peer-response-share-hide-button {color: #eb1f48}
.metrics-peer-response-share-endorse-button:before {content: '';width: 13px;height: 15px;background: url(../images/instructor-endorsed-outline-icon.svg) no-repeat center;background-size: contain; position: absolute; top: 1px; left: 1px; display: block;}
.metrics-peer-response-share-endorse-button.endorsed:before {content: '';width: 13px;height: 15px;background: url(../images/instructor-endorsed-icon.svg) no-repeat center;background-size: contain; position: absolute; top: 1px; left: 1px; display: block;}
.metrics-peer-response-share-hide-button:before {content: '';width: 15px;height: 12px;background: url(../images/peer-response-hide-icon.svg) no-repeat center;background-size: contain; position: absolute; top: 2.5px; left: 0; display: block;}
.metrics-peer-response-share-hide-button.hidden:before {content: '';width: 15px;height: 12px;background: url(../images/peer-response-hide-bold-icon.svg) no-repeat center;background-size: contain; position: absolute; top: 2.5px; left: 0; display: block;}
.metrics-peer-response-share-endorse-button-container {display: block; margin-bottom: 8px;}
.metrics-peer-response-share-hide-button-container {display: block;}
.metrics-question-response-current-feedback-section {display: none; background-color: rgba(86, 40, 179, 0.04); border-radius: 4px; padding: 10px;}
.metrics-question-response-current-feedback-section-top {display: block; margin-bottom: 10px; height: 16px;}
.metrics-question-response-current-feedback-section-top-author {display: inline-block; font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: normal; color: #212121; height: 16px; line-height: 16px; width: calc(100% - 26px);}
.metrics-question-response-current-feedback-section-top-loader {display: none; position: relative;width: 16px; height: 16px; margin-left: 10px; cursor: pointer;}
.metrics-question-response-current-feedback-section-top-loader:before {content: "";border: 3px solid transparent; border-top: 3px solid #666666; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: 2.5px;right: 2.5px;}
.metrics-question-response-current-feedback-section-top-delete-button, .metrics-question-file-upload-current-feedback-section-top-delete-button {display: inline-block;position: relative;width: 16px; height: 16px; margin-left: 10px; cursor: pointer;}
.metrics-question-response-current-feedback-section-top-delete-button:before, .metrics-question-file-upload-current-feedback-section-top-delete-button:before {content: "";position: absolute;top: 2px;right: 2px;background: url(/images/close-x-icon.svg) no-repeat left;background-size: contain;width: 12px; height: 12px;}
.metrics-question-response-current-feedback-section-top-delete-button:hover:before, .metrics-question-file-upload-current-feedback-section-top-delete-button:hover:before {content: "";position: absolute;top: 0;right: 0;background: url(/images/close-x-icon.svg) no-repeat left;background-size: contain;width: 16px; height: 16px;}
.metrics-question-response-current-feedback-section-content, .metrics-question-response-current-feedback-section-content p {font-size: 9pt;line-height: 14px;font-weight: normal;font-family: 'Muli', sans-serif; color: #666666;}
.metrics-question-response-add-feedback-title, .metrics-question-response-add-score-title, .metrics-question-response-key-points-mentioned-title {font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: 600; color: #3E374D; line-height: 14px; min-height: 14px; margin-bottom: 10px;}
.metrics-question-response-add-feedback-subtitle, .metrics-question-response-add-score-subtitle {font-size: 9pt;line-height: 14px;margin: 0 0 6px 0;font-weight: normal;font-family: 'Muli', sans-serif; color: #666666; margin-bottom: 10px}
.metrics-response-add-feedback-input {width: 100%; padding: 10px; height: 20px; border-radius: 4px; font-size: 9pt; font-family: 'Muli', sans-serif; color: #212121; margin-bottom: 10px}
.metrics-response-add-score-input {width: 68px; display: inline-block; padding: 10px; height: 20px; border-radius: 4px; font-size: 9pt; font-family: 'Muli', sans-serif; color: #212121; margin-bottom: 10px}
.metrics-response-add-score-value-container {display: none}
.metrics-response-show-score-value-container {display: inline-block;}

.metrics-response-add-score-suffix, .metrics-response-show-score-suffix {display: inline-block; margin-left: 10px}
.metrics-response-add-score-suffix span, .metrics-response-show-score-suffix span {font-family: 'Muli', sans-serif; font-size: 12pt; color: #212121; font-weight: 600}
.metrics-response-add-score-value, .metrics-response-show-score-value {font-family: 'Muli', sans-serif; font-size: 15pt; color: #212121; font-weight: 600; color: #705AF4; cursor: text;}
.metrics-response-add-score-value:after {content: ""; background: url(../images/small-edit-icon.svg) no-repeat left;background-size: contain; width: 13px; height: 13px; position: relative; background-position: center center; vertical-align: top; display: inline-block; margin-left: 6px; margin-top: 6px}
.metrics-response-add-score-suffix span:before, .metrics-response-show-score-suffix span:before {content: "/"; margin-right: 6px; color: #999999; font-weight: lighter;}
.metrics-response-submit-feedback-button-container, .metrics-response-submit-file-upload-feedback-button-container {text-align: right}
.metrics-response-submit-feedback-button, .metrics-response-submit-file-upload-score-button, .metrics-response-submit-question-score-button, .metrics-response-submit-file-upload-feedback-button {display: inline-block; height: 40px; line-height: 40px; cursor: pointer; background-color: #705AF4; border-radius: 20px; padding: 0 20px; font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: 600; color: #ffffff;}
.metrics-response-submit-feedback-button:hover, .metrics-response-submit-file-upload-score-button:hover, .metrics-response-submit-question-score-button:hover, .metrics-response-submit-file-upload-feedback-button:hover {background-color: #8573F4}
.metrics-response-submit-feedback-button.loading, .metrics-response-submit-file-upload-score-button.loading, .metrics-response-submit-question-score-button.loading, .metrics-response-submit-file-upload-feedback-button.loading {color: transparent; background-color: #666666; cursor: default; position: relative; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.metrics-response-submit-feedback-button.loading:after, .metrics-response-submit-file-upload-score-button.loading:after, .metrics-response-submit-question-score-button.loading:after, .metrics-response-submit-file-upload-feedback-button.loading:after {content: ""; border: 3px solid transparent; border-top: 3px solid #ffffff; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 7.5px);right: calc(50% - 7.5px); display: block;}
.question-individual-feedback-section {background-color: rgba(86, 40, 179, 0.04);border-radius: 4px; padding: 20px; width: 100%; margin-bottom: 100px}
.question-individual-feedback-section.lesson-feedback {margin-bottom: 0 !important; margin-top: 20px !important;}
.question-individual-feedback-section-title {margin-bottom: 10px; color: #666666;font-family: 'Muli', sans-serif;font-weight: 600; font-size: 10pt;}
.question-individual-feedback-section-content, .question-individual-feedback-section-content p {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 11pt; color: #212121;}
.question-individual-feedback-section-content {padding-left: 14px; position: relative;}
.question-individual-feedback-section-content:before {content: ""; position: absolute;left:0; top: 0; width: 2px; height: 100%; background-color: #705AF4}
.assignment-builder-main-container {height: auto; width: 100%;}
.assignment-builder-main-container .assignment-builder-back-container {display: inline-block; position: relative;width: 100px; color: #212121; height: auto;}
.assignment-builder-main-container .assignment-builder-content-container {display: inline-block; position: relative; width: calc(100% - 200px);}
.assignment-builder-main-container .assignment-builder-next-container {display: inline-block; position: relative;width: 100px; height: auto;}
.assignment-builder-footer {padding-bottom: 70px; margin-top: 50px;}
.assignment-builder-footer p.bottom-text {text-align: center;}
.assignment-builder-footer p.bottom-text:before {content: '';position: relative;top: 0;left: 0;width: 100%;height: 1px;background: #e7e7e7;z-index: 1; display: block; margin-bottom: 70px;}
.assignment-builder-content-container .assignment-builder-content-header {padding: 20px 0;  margin-top: 50px; margin-bottom: 50px; line-height: 40px; font-size: 30pt; font-family: 'Merriweather', serif;font-weight: 400; text-align: center;}
.assignment-builder-upload-area {width: 80%; height: 450px; margin-top: 50px; margin-bottom: 50px; border: dashed 3px #DD167B; padding: 14px; position: relative; margin-left: 10%; cursor: pointer;}
.assignment-builder-upload-area .assignment-builder-upload-area-text-lines {top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); position: absolute;}
.assignment-builder-upload-area .assignment-builder-upload-area-text-lines .assignment-builder-upload-area-text-line {text-align: center; color: #DD167B;font-size: 22pt;line-height: 38px;font-weight: bold; text-transform: uppercase;font-family: 'Muli', sans-serif;}
.assignment-builder-upload-area .assignment-builder-upload-area-text-lines .assignment-builder-upload-area-text-line.two {margin: 50px 0;}
.assignment-builder-upload-area.highlight {border-color: #705AF4;}
.assignment-builder-upload-area.highlight .assignment-builder-upload-area-text-lines .assignment-builder-upload-area-text-line {color: #705AF4;}
.assignment-builder-save .iconless-standard-btn {text-align: center !important;}
.assignment-builder-left-of-save-draft-button {display: inline-block;}
.head-right.assignment-builder-save, .head-right-half.assignment-builder-save, .head-right-third.assignment-builder-save {width: 226px; padding: 0;}
.head-right.portal-options {width: 200px; padding: 0;}
.assignment-builder-left-of-save-draft-button {margin-right: 6px; vertical-align: middle; max-width: 98px;}
.assignment-builder-autosave-indicator {border: 1px solid #818181; padding: 5px; border-radius: 30px; font-family: 'Muli', sans-serif; text-transform: uppercase;font-size: 6pt; font-weight: bold; color: #575757;}
.assignment-builder-last-saved-date {position: relative; height: 26px; line-height: 26px; font-family: 'Muli', sans-serif; font-size: 9pt; color: #666666; text-align: left; z-index: 10; vertical-align: top; display: inline-block;}
.assignment-builder-last-saved-date-container {margin-left: 10px; width: 100%; height: 26px !important; display: inline-block; vertical-align: top; text-align: center;}
.assignment-builder-save-button-container {position: relative;width: 54px; height: 26px; display: inline-block; margin-left: 10px}
.assignment-builder-save-loader {border: 3px solid transparent; border-top: 3px solid #36b1ff; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: 5px;left: calc(50% - 7.5px); display: none;}
.assignment-builder-save-button {display: block; width: 90px; border-radius: 4px; background-color: #36b1ff; cursor: pointer; text-align: center; width: 50px; padding-top: 2px; padding-bottom: 2px; position: absolute; top: 2px; left: 2px; transition: all ease-in-out 100ms !important; -webkit-transition: all ease-in-out 100ms !important;-ms-transition: all ease-in-out 100ms !important;-o-transition: all ease-in-out 100ms !important;-moz-transition: all ease-in-out 100ms !important;}
.assignment-builder-save-button:hover {top: 0; left: 0; width: 54px; padding-top: 4px; padding-bottom: 4px;}
.assignment-builder-save-button span {color: #ffffff; font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: 600; text-align: center}
.assignment-builder-save-button:hover span {font-size: 9.5pt}
.assignment-builder-save-button-container.loading .assignment-builder-save-button {display: none}
.assignment-builder-save-button-container.loading .assignment-builder-save-loader {display: block !important}
.build-form-switch-a {color: #DD167B; font-size: 9pt; font-family: 'Muli', sans-serif;font-weight: lighter; margin-bottom: 10px;}
.build-form-switch-a:hover {text-decoration: underline;}
.modal-select-options-ul .modal-select-option-li:not.long {display: inline-block; width: calc(50% - 6px); height: 130px; position: relative; border: 1px solid #817f7f; border-radius: 10px; cursor: pointer; }
.modal-select-options-ul .modal-select-option-li.long {display: inline-block; width: calc(33.33% - 8px); margin: 0; height: 34px; background-color: #BBABE2; position: relative; border-radius: 10px; cursor: pointer; vertical-align: middle; text-align: center;}
.modal-select-options-ul .modal-select-option-li.long.first-in-row {margin-right: 8px;}
.modal-select-options-ul .modal-select-option-li.long.last-in-row {margin-left: 8px;}
.modal-select-options-ul .modal-select-option-li.long.top-row {margin-bottom: 10px;}
.modal-select-options-ul .modal-select-option-li.long:hover {background-color: #9A81D2;}
.modal-select-options-ul .modal-select-option-li.long span {color: #ffffff; vertical-align: top; height: 30px; line-height: 30px;font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt;}
.modal-select-options-ul .modal-select-option-li.long:hover span {color: #ffffff;}
.modal-selection-option-icon-container {display: inline-block; margin: 4px; width: 30px; height: calc(100% - 8px); position: relative;}
.modal-select-option-li-premium span:before {content:""; vertical-align: top; background: url(/images/premium-class-icon.svg)no-repeat;width: 16px;height: 30px;background-size: contain; background-position: center center; display: inline-block; margin-right: 6px;}
.modal-select-option-text {font-family: 'Muli', sans-serif; font-size: 9pt; color: #282828; text-align: center; margin-left: 4px; margin-right: 4px; width: calc(100% - 8px);}
li.assignment-builder-resource-existing-li:not(:last-child), li.assignment-builder-add-lesson-li:not(:last-child), li.assignment-builder-learning-objective-existing-li:not(:last-child) {margin-bottom: 10px !important;}
li.assignment-builder-resource-existing-li, li.assignment-builder-add-lesson-li, li.assignment-builder-learning-objective-existing-li {position: relative; padding: 4px; border: 1px solid transparent;}
li.assignment-builder-resource-existing-li .assignment-builder-resource-select-button, li.assignment-builder-add-lesson-li .assignment-builder-add-lesson-select-button, li.assignment-builder-learning-objective-existing-li .assignment-builder-learning-objective-select-button {background: url(../images/mc-open-icon.svg?v=2) no-repeat left;background-size: contain; height: 16px; width:16px; margin-right: 20px; position: absolute; top: 5px; left: 4px; display: block; cursor: pointer;}
li.assignment-builder-resource-existing-li .assignment-builder-resource-select-button:hover, li.assignment-builder-resource-existing-li.selected .assignment-builder-resource-select-button, li.assignment-builder-add-lesson-li .assignment-builder-add-lesson-select-button:hover, li.assignment-builder-add-lesson-li.selected .assignment-builder-add-lesson-select-button, li.assignment-builder-learning-objective-existing-li .assignment-builder-learning-objective-select-button:hover, li.assignment-builder-learning-objective-existing-li.selected .assignment-builder-learning-objective-select-button {background: url(../images/mc-correct-and-hover-icon.svg?v=3) no-repeat left;background-size: contain; height: 16px; width:16px; cursor: pointer;}
li.assignment-builder-resource-existing-li.selected, li.assignment-builder-add-lesson-li.selected, li.assignment-builder-learning-objective-existing-li.selected {background-color: #e9f3ff; border: 1px solid #cdeaff;}
li.assignment-builder-resource-existing-li .assignment-builder-resource-existing-li-title-content, li.assignment-builder-add-lesson-li .assignment-builder-add-lesson-li-title-content, li.assignment-builder-learning-objective-existing-li .assignment-builder-learning-objective-existing-li-title-content {display: inline-block; margin-left: 30px;}
li.assignment-builder-resource-existing-li .assignment-builder-resource-existing-li-title-content a, li.assignment-builder-add-lesson-li .assignment-builder-add-lesson-li-title-content a {cursor: pointer; color: #626262; font-weight: 600; display: inline;}
.assignment-builder-learning-objective-existing-li-title-content {font-family: 'Muli', sans-serif; font-weight: 600; color: #666666; font-size: 10pt;}
li.assignment-builder-resource-existing-li .assignment-builder-resource-existing-li-title-content small, li.assignment-builder-add-lesson-li .assignment-builder-add-lesson-li-title-content small, li.assignment-builder-learning-objective-existing-li .assignment-builder-learning-objective-existing-li-title-content small {cursor: default; color: #888888; font-weight: normal; margin-left: 4px;}
li.assignment-builder-resource-existing-li.video .assignment-builder-resource-existing-li-title-content em:before {content: ""; display: inline-block; position: relative; vertical-align: middle; margin-left: 2px;margin-right: 4px; background: url(../images/resource-video-icon.svg)no-repeat;background-size: contain; background-position: center; width: 12px; height: 12px;}
li.assignment-builder-resource-existing-li.document .assignment-builder-resource-existing-li-title-content em:before {content: ""; display: inline-block; position: relative; vertical-align: middle; margin-left: 2px;margin-right: 4px; background: url(../images/resource-document-icon.svg)no-repeat;background-size: contain; background-position: center; width: 12px; height: 12px;}
li.assignment-builder-resource-existing-li.external .assignment-builder-resource-existing-li-title-content em:before {content: ""; display: inline-block; position: relative; vertical-align: middle; margin-left: 2px;margin-right: 4px; background: url(../images/resource-link-icon.svg)no-repeat;background-size: contain; background-position: center; width: 12px; height: 12px;}
li.assignment-builder-resource-existing-li.image .assignment-builder-resource-existing-li-title-content em:before {content: ""; display: inline-block; position: relative; vertical-align: middle; margin-left: 2px;margin-right: 4px; background: url(../images/resource-image-icon.svg)no-repeat;background-size: contain; background-position: center; width: 12px; height: 12px;}
.assignment-builder-resource-existing-post-content-build-fields .build-field {margin-top: 20px;}
.assignment-builder-below-upload-area, .assignment-builder-above-upload-area {width: 80%; margin-left: 10%;}
.assignment-builder-skip-adding-resources-button a, .assignment-builder-skip-setting-due-date-button a {color: #DD167B; font-size: 9pt; font-family: 'Muli', sans-serif;font-weight: bold; cursor: pointer;}
.assignment-builder-skip-adding-resources-button a:after, .assignment-builder-skip-setting-due-date-button a:after { content: "\f178"; font-family: 'FontAwesome';font-size: 13px; margin-left: 4px;}
.assignment-builder-current-resources-title, .assignment-builder-add-questions-to-resources-current-questions-title, .assignment-builder-add-questions-to-resources-current-question-drafts-title, .assignment-builder-add-recommended-questions-suggestions-title, .assignment-builder-add-recommended-questions-added-suggestions-title {font-size: 13pt; font-family: 'Muli', sans-serif;font-weight: 600; color: #666666; margin-bottom: 10px;}
.assignment-builder-next-step-button {cursor: pointer; z-index: 9999; text-transform: uppercase; font-family: 'Muli', sans-serif; font-size: 18pt; font-weight: bold; color: #FFD44F; text-align: center; position: fixed; top: calc(50% - 10px); right: 16px;-webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.assignment-builder-next-step-button:before {content: ""; background: url(../images/assignment-step-next-icon.svg) no-repeat center; background-size: contain; height: 36px; width: 69px; display: block; margin-bottom: 5px;}
.assignment-builder-next-step-button.done {cursor: pointer; z-index: 9999; text-transform: uppercase; font-family: 'Muli', sans-serif; font-size: 18pt; font-weight: bold; color: #FFD44F; text-align: center; position: fixed; top: calc(50% - 20px); right: 18px;-webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.assignment-builder-next-step-button.done:before {content: ""; background: url(../images/assignment-step-done-icon.svg) no-repeat center; background-size: contain; height: 53px; width: 65px; display: block;}
.assignment-builder-previous-step-button {cursor: pointer; z-index: 9999; text-transform: uppercase; font-family: 'Muli', sans-serif; font-size: 18pt; font-weight: bold; color: #C4C4C4; text-align: center; position: fixed; top: calc(50% - 10px); left: 16px;-webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.assignment-builder-previous-step-button:before {content: ""; background: url(../images/assignment-step-back-icon.svg) no-repeat center; background-size: contain; height: 36px; width: 69px; display: block; margin-bottom: 5px;}
.assignment-builder-movable-content-page {position: absolute; top: 0; left: 0; width: calc(100% - 40px); height: inherit; margin: 0 20px;}
.assignment-builder-input-growable-text-area textarea {min-height: 80px;height: 80px;padding:0;font-size: 50pt;line-height: 70px;margin: 0;font-weight: normal;font-family: 'Muli', sans-serif; color: #666666; width: 100%; text-align: center; border: none;overflow: auto;outline: none;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;resize: none;}
.assignment-builder-input-growable-text-area-question-large {border-bottom: 1px solid #e7e7e7; width: 100%; margin-bottom: 6px; position: relative;}
.assignment-builder-input-growable-text-area-question-large textarea {min-height: 32px;height: 32px;padding:0 0 2px 0;font-size: 16pt;line-height: 28px;margin: 0;font-weight: normal;font-family: 'Merriweather', sans-serif; color: #212121; width: 100%; text-align: left; border: none;overflow: auto;outline: none;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;resize: none;}
.assignment-builder-question-composer-standard-text {border-bottom: 1px solid #e7e7e7; width: 100%; margin-bottom: 6px; position: relative;}
.assignment-builder-question-composer-standard-text textarea {min-height: 20px;height: 20px;padding:0 0 2px 0;font-size: 9pt;line-height: 16px;margin: 0;font-weight: normal;font-family: 'Muli', sans-serif; color: #666666; width: 100%; text-align: left; border: none;overflow: auto;outline: none;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;resize: none;}
.assignment-builder-input-growable-text-area-question-small {border-bottom: 1px solid #e7e7e7; width: 100%; margin-bottom: 6px; position: relative;}
.assignment-builder-input-growable-text-area-question-small textarea {min-height: 18px;height: 18px;padding:0 0 2px 0;font-size: 10pt;line-height: 16px;margin: 0;font-weight: normal;font-family: 'Merriweather', sans-serif; color: #212121; width: 100%; text-align: left; border: none;overflow: auto;outline: none;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;resize: none;}
.assignment-builder-input-growable-text-area-small textarea {min-height: 40px;height: 40px;padding:0;font-size: 25pt;line-height: 35px;margin: 0;font-weight: normal;font-family: 'Muli', sans-serif; color: #666666; width: 100%; text-align: center; border: none;overflow: auto;outline: none;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;resize: none;}
.assignment-builder-small-header {padding: 20px 0;  margin-top: 30px; margin-bottom: 30px; line-height: 24px; font-size: 12pt; font-family: 'Merriweather', serif;font-weight: 400; text-align: center;}
.assignment-builder-resource-to-add-questions-li {font-family: 'Muli', sans-serif; font-size: 9pt; color: #666666; display: block;}
.assignment-builder-resource-to-add-questions-li .assignment-builder-resource-to-add-questions-li-title {font-family: 'Muli', sans-serif; font-size: 9pt; color: #666666;}
.assignment-builder-resource-to-add-questions-li.active .assignment-builder-resource-to-add-questions-li-title {color: #212121; font-weight: bold;}
.assignment-builder-resource-to-add-questions-li-numbers-ul {display: block; margin: 10px 0;}
.assignment-builder-resource-to-add-questions-li-numbers-ul li {display: inline-block; width: 10%; min-width: 40px; text-align: center; color: #666666; margin: 4px 0; position: relative; cursor: pointer;}
.assignment-builder-resource-to-add-questions-li-numbers-ul li:hover {font-weight: bold;}
.assignment-builder-resource-to-add-questions-li-numbers-ul li:not(.last-in-row) {border-right: 1px solid #cacdcc;}
.assignment-builder-resource-to-add-questions-li-numbers-ul li:not(.last-in-column):before {content:""; position: absolute; bottom: -4px; left: 0; width: 100%; height: 1px; color: #cacdcc; background-color: #cacdcc;}
.assignment-builder-resource-to-add-questions-li-numbers-ul li:not(.last-in-column):not(.processing):not(.last-in-row):after {width: calc(100% + 1px);}
.assignment-builder-resource-to-add-questions-li-numbers-ul li.active {font-weight: bold; color: #212121; }
.assignment-builder-resource-to-add-questions-li-numbers-ul li.processing {color: transparent !important; cursor: default;}
.assignment-builder-resource-to-add-questions-li-numbers-ul li.processing:after {content: ""; border: 2px solid transparent; border-top: 2px solid #666666; border-radius: 50%; width: 16px; height: 16px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 8px) !important; left: calc(50% - 8px) !important; display: block;}
.assignment-builder-resource-to-add-questions-li-numbers-ul li.long {width: 100%; text-align: left;}
.assignment-builder-resource-to-add-questions-li-numbers-ul li.has-questions {color: #3FB428;}
.assignment-builder-resource-to-add-questions-li-numbers-ul li.has-drafts:after {content:"*";}
.assignment-builder-resource-to-add-questions-none-button-li {display: inline-block; width: auto; border: 1px solid #818181; padding: 5px 10px; border-radius: 30px; font-family: 'Muli', sans-serif; font-size: 8pt; color: #666666; cursor: pointer;}
.assignment-builder-resource-to-add-questions-none-button-li:not(.active):hover {background-color: #666666; border: 1px solid #666666; color: #ffffff;}
.assignment-builder-resource-to-add-questions-none-button-li.active {cursor: default; border: 0; padding: 0;font-weight: bold; font-size: 9pt; color: #212121; margin-bottom: 20px;}
.assignment-builder-add-questions-to-resources-current-resource {position: relative; width: 100%; min-height: 300px;}
.assignment-builder-add-questions-to-resources-current-resource-displayed {position: relative; width: 100%; margin-top: 20px;}
.assignment-builder-displayed-resource-figure, .assignment-instructor-dashboard-displayed-resource-figure {position: relative; width: 80%; margin-left: 10%; height: auto; background-color: #ffffff;}
.assignment-builder-displayed-resource-image, .assignment-instructor-dashboard-displayed-resource-image {position: relative; width: 100%; height: auto;}
.assignment-builder-youtube-iframe-container, .assignment-builder-external-iframe-container, .assignment-instructor-dashboard-youtube-iframe-container, .assignment-instructor-dashboard-video-iframe-container, .assignment-instructor-dashboard-external-iframe-container {width: 80%; margin-left: 10%; height:450px;}
.assignment-instructor-dashboard-video-container {height: 450px;width: 80%; margin-left: 10%; position: relative; max-height:450px;}
.assignment-builder-displayed-resource-pagination-buttons, .assignment-instructor-dashboard-displayed-resource-pagination-buttons {position: relative; margin-top: 20px; width: 80%; margin-left: 10%;}
.assignment-instructor-dashboard-displayed-resource-pagination-buttons {height: 20px;}
.assignment-builder-displayed-resource-pagination-buttons .assignment-builder-displayed-resource-pagination-prev-button, .assignment-instructor-dashboard-displayed-resource-pagination-buttons .assignment-instructor-dashboard-displayed-resource-pagination-prev-button {text-align: left; margin: 0 auto; float: left; cursor: pointer;}
.assignment-builder-displayed-resource-pagination-buttons span, .assignment-instructor-dashboard-displayed-resource-pagination-buttons span, .standard-prev-button span, .standard-next-button span {font-size: 13px;line-height: 12px;font-family: 'Muli', sans-serif;font-weight: 700; color: #705AF4; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.assignment-builder-displayed-resource-pagination-buttons .assignment-builder-displayed-resource-pagination-prev-button.disabled span, .standard-prev-button.disabled span, .assignment-instructor-dashboard-displayed-resource-pagination-buttons .assignment-instructor-dashboard-displayed-resource-pagination-prev-button.disabled span {color: #B5B5B5;}
.assignment-builder-displayed-resource-pagination-buttons .assignment-builder-displayed-resource-pagination-prev-button.disabled, .standard-prev-button.disabled, .assignment-instructor-dashboard-displayed-resource-pagination-buttons .assignment-instructor-dashboard-displayed-resource-pagination-prev-button.disabled {cursor: default !important;}
.assignment-builder-displayed-resource-pagination-buttons .assignment-builder-displayed-resource-pagination-next-button.disabled span, .standard-next-button.disabled span, .assignment-instructor-dashboard-displayed-resource-pagination-buttons .assignment-instructor-dashboard-displayed-resource-pagination-next-button.disabled span {color: #B5B5B5; cursor: default;}
.assignment-builder-displayed-resource-pagination-buttons .assignment-builder-displayed-resource-pagination-next-button.disabled, .standard-next-button.disabled, .assignment-instructor-dashboard-displayed-resource-pagination-buttons .assignment-instructor-dashboard-displayed-resource-pagination-next-button.disabled {cursor: default !important;}
.assignment-builder-displayed-resource-pagination-buttons .assignment-builder-displayed-resource-pagination-prev-button span:before, .standard-prev-button span:before, .assignment-instructor-dashboard-displayed-resource-pagination-buttons .assignment-instructor-dashboard-displayed-resource-pagination-prev-button span:before{ content: "\f177"; font-family: 'FontAwesome';font-size: 13px; margin-right: 4px;}
.assignment-builder-displayed-resource-pagination-buttons .assignment-builder-displayed-resource-pagination-next-button, .assignment-instructor-dashboard-displayed-resource-pagination-buttons .assignment-instructor-dashboard-displayed-resource-pagination-next-button {text-align: right; margin: 0 auto; float: right; cursor: pointer;}
.assignment-builder-displayed-resource-pagination-buttons .assignment-builder-displayed-resource-pagination-next-button span:after, .standard-next-button span:after, .assignment-instructor-dashboard-displayed-resource-pagination-buttons .assignment-instructor-dashboard-displayed-resource-pagination-next-button span:after{ content: "\f178"; font-family: 'FontAwesome';font-size: 13px; margin-left: 4px;}
.assignment-builder-displayed-resource-add-question-button-container {text-align: center; display: inline-block; position: relative; margin-left: 10%; width: 80%; height: 50px;}
.assignment-builder-displayed-resource-add-question-button {text-align: center; display: inline-block; position: absolute; top: 10px; height: 40px; border: 1px solid #DD167B; background: transparent; border-radius: 40px; padding: 0px 20px; cursor: pointer; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform:translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); }
.assignment-builder-displayed-resource-add-question-button.has-pagination {top: -24px;}
.assignment-builder-displayed-resource-add-question-button.active {border-color: transparent; cursor: default;}
.assignment-builder-displayed-resource-add-question-button.active a {text-decoration: underline; cursor: default;}
.assignment-builder-displayed-resource-add-question-button a {color: #DD167B; font-size: 9pt; line-height: 36px; font-family: 'Muli', sans-serif;font-weight: 600; vertical-align: middle; text-align: center; white-space: nowrap;}
.assignment-builder-displayed-resource-add-question-button:not(.active):hover a {color: #fff;}
.assignment-builder-displayed-resource-add-question-button:not(.active):hover {background: #DD167B;}
.assignment-builder-long-response-text-area textarea {font-size: 9pt;line-height: 20px;margin: 0;font-weight: normal;font-family: 'Muli', sans-serif; color: #666666; line-height: 16px; height: 140px; width: 100%; border: none;overflow: auto;outline: none;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;resize: none;}
.assignment-builder-question-composer-controls {display: inline-block; width: 100%;}
.assignment-builder-question-composer-controls .assignment-builder-question-composer-control-li {display: inline; font-size: 8pt; font-weight: normal;font-family: 'Muli', sans-serif; cursor: pointer; position: relative; padding-left: 18px; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.assignment-builder-question-composer-controls .assignment-builder-question-composer-control-li:hover {text-decoration: underline;}
.assignment-builder-question-composer-controls .assignment-builder-question-composer-control-li.add-button {color: #DD167B;}
.assignment-builder-question-composer-controls .assignment-builder-question-composer-control-li.add-button:before {content: ""; left: 0; top: 1px; position: absolute; width: 14px; height: 14px; border-radius: 7px; background-color: #DD167B; color: #ffffff;}
.assignment-builder-question-composer-controls .assignment-builder-question-composer-control-li.add-button:after {content: "+"; left: 3.5px; top: -0.5px; position: absolute; font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: normal; color: #ffffff;}
.assignment-builder-question-composer-controls .assignment-builder-question-composer-control-li.toggle-button {color: #705AF4;}
.assignment-builder-question-composer-controls .assignment-builder-question-composer-control-li.toggle-button:before {content: ""; position: absolute; left: 0; top: 1px; display: inline-block; width: 14px; height: 14px; border-radius: 7px; background-color: #705AF4; color: #ffffff;}
.assignment-builder-question-composer-controls .assignment-builder-question-composer-control-li.toggle-button:after {content: ""; position: absolute; left: 2px; top: 3px; display: inline-block; width: 10px; height: 10px; border-radius: 5px; border: 1.5px solid #ffffff; background-color: #ffffff; color: #ffffff;}
.assignment-builder-question-composer-controls .assignment-builder-question-composer-control-li.toggle-button.active:after {content: ""; position: absolute; left: 2px; top: 3px; display: inline-block; width: 10px; height: 10px; border-radius: 5px; border: 1.5px solid #ffffff; background-color: #705AF4; color: #ffffff;}
.assignment-builder-question-composer-controls .assignment-builder-question-composer-control-li:not(:last-child) {margin-right: 8px;}
.assignment-builder-question-composer-mastery-question-details {font-size: 8pt; font-weight: normal;font-family: 'Muli', sans-serif; color: #666666; margin: 20px 0;}
.assignment-builder-question-composer-mastery-question-option-explanation-title {display: block; font-family: 'Muli', sans-serif; font-weight: bold; font-size:8.5pt;line-height:14px;color: #626262; margin: 4px 0;}
li.assignment-builder-question-composer-mastery-question-option-li {position: relative !important; padding: 4px; border: 1px solid transparent; border-radius: 3px; font-size: 10pt;}
li.assignment-builder-question-composer-mastery-question-option-li.selected {background-color: #e9f3ff; border: 1px solid #cdeaff;}
li.assignment-builder-question-composer-mastery-question-option-li .assignment-builder-question-composer-mastery-question-option-li-title-content {margin-left: 30px;}
li.assignment-builder-question-composer-mastery-question-option-li .assignment-builder-question-composer-mastery-question-option-li-title-content small {display: inline-block; color: #626262; margin-right: 10px; cursor: default;}
li.assignment-builder-question-composer-mastery-question-option-li .assignment-builder-question-composer-mastery-question-option-li-title-content .expandable-with-text {min-height: 20px; height: 20px; border: none;overflow: auto;outline: none;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;resize: none;}
li.assignment-builder-question-composer-mastery-question-option-li .assignment-builder-question-composer-mastery-question-option-li-title-content .assignment-builder-question-composer-mastery-question-li-title-input {color: #666666; display: inline-block !important; width: calc(100% - 30px) !important; background: transparent; }
li.assignment-builder-question-composer-mastery-question-option-li .assignment-builder-question-composer-mastery-question-is-answer-button {background: url(../images/mc-open-icon.svg?v=2) no-repeat left;background-size: contain; height: 16px; width:16px; margin-right: 20px; position: absolute !important; top: 7px !important; left: 4px !important; display: block; cursor: pointer;}
li.assignment-builder-question-composer-mastery-question-option-li .assignment-builder-question-composer-mastery-question-is-answer-button:hover, li.assignment-builder-question-composer-mastery-question-option-li.selected .assignment-builder-question-composer-mastery-question-is-answer-button {background: url(../images/mc-correct-and-hover-icon.svg?v=3) no-repeat left;background-size: contain; height: 16px; width:16px; cursor: pointer;}
li.assignment-builder-question-composer-mastery-question-option-li .assignment-builder-question-composer-mastery-question-option-li-explanation-section {margin-left: 30px; display: none;}
li.assignment-builder-question-composer-mastery-question-option-li.explanation-active .assignment-builder-question-composer-mastery-question-option-li-explanation-section {display: block;}
textarea.assignment-builder-question-composer-mastery-question-option-explanation-input {color: #666666; padding: 0; margin: 0; height: 20px; margin-bottom: 4px; width: 100%; border: none;overflow: auto;outline: none;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;resize: none; border-radius: 6px; background: transparent;}
.assignment-builder-question-composer-add-question-button-container {display: inline-block; position: relative; height: 46px;}
.assignment-builder-question-composer-add-question-button {text-align: center; display: inline-block; border: 1px solid #705AF4; background: transparent; border-radius: 23px; padding: 0px 20px; cursor: pointer; }
.assignment-builder-question-composer-add-question-button a {color: #705AF4; font-size: 11pt; font-weight: bold; line-height: 46px; font-family: 'Muli', sans-serif;font-weight: 600; vertical-align: middle; text-align: center; white-space: nowrap;}
.assignment-builder-question-composer-add-question-button:not(.disabled):hover {background: #705AF4;}
.assignment-builder-question-composer-add-question-button:not(.disabled):hover a {color: #ffffff;}
.assignment-builder-question-composer-save-draft-button-container {display: inline-block; position: relative; height: 36px; margin-top: 10px;}
.assignment-builder-question-composer-save-draft-button {text-align: center; display: inline-block; border: 1px solid #DD167B; background: transparent; border-radius: 23px; padding: 0px 20px; height: 36px; cursor: pointer; margin-left: 4px;}
.assignment-builder-question-composer-save-draft-button a {color: #DD167B; height: 100%; width: 100%; font-size: 9pt; line-height: 36px; font-family: 'Muli', sans-serif;font-weight: 600; vertical-align: middle; text-align: center; white-space: nowrap;}
.assignment-builder-question-composer-save-draft-button:not(.disabled):hover {background: #DD167B;}
.assignment-builder-question-composer-save-draft-button:not(.disabled):hover a {color: #ffffff;}
.assignment-builder-question-composer-textarea-title, .assignment-builder-displayed-question-section h3 {font-size: 8pt;line-height: 14px;margin: 0;font-weight: bold;font-family: 'Muli', sans-serif; color: #626262; margin-bottom: 4px; cursor: default;}
.assignment-builder-input-growable-text-area-question-large .assignment-builder-input-math-preview, .assignment-builder-input-growable-text-area-question-small .assignment-builder-input-math-preview {min-height: 22px;}
.assignment-builder-input-growable-text-area-question-large .assignment-builder-input-math-preview .assignment-builder-input-preview-p, .assignment-builder-input-growable-text-area-question-small .assignment-builder-input-math-preview .assignment-builder-input-preview-p {font-size: 12pt;line-height: 18px;margin: 0 0 6px 0;font-weight: normal;font-family: 'Merriweather', sans-serif; color: #666666;}
.assignment-builder-question-composer-standard-text .assignment-builder-input-math-preview, .assignment-builder-question-composer-long-response-text-area .assignment-builder-input-math-preview {min-height: 16px;}
.assignment-builder-question-composer-standard-text .assignment-builder-input-math-preview .assignment-builder-input-preview-p, .assignment-builder-question-composer-long-response-text-area .assignment-builder-input-math-preview .assignment-builder-input-preview-p {font-size: 9pt;line-height: 14px;margin: 0 0 6px 0;font-weight: normal;font-family: 'Muli', sans-serif; color: #666666;}
.assignment-builder-input-math-preview {cursor: default; display: none;}
.assignment-builder-input-math-preview p {min-height: 22px; padding: 0; margin: 0; font-size: 8pt; color: #888888;}
.assignment-builder-question-composer:not(.math-enabled) textarea:focus + .assignment-builder-input-math-preview{display: none;}
.assignment-builder-question-composer.math-enabled textarea:focus + .assignment-builder-input-math-preview{display: block;}
ul.assignment-builder-question-composer-figures-ul {display: inline-block; vertical-align: top; position: relative; max-width: 100%;}
ul.assignment-builder-question-composer-figures-ul li {margin: 0 10px 10px 0; display: inline-block; vertical-align: top;}
ul.assignment-builder-question-composer-figures-ul li.assignment-builder-question-composer-figure {width: 180px; border: solid 1px #e7e7e7; padding: 4px; height: 54px; position: relative; overflow: hidden;}
ul.assignment-builder-question-composer-figures-ul li.assignment-builder-question-composer-figure img {height: 44px; max-width: 100px; display: inline-block; float: left; margin-right: 4px;}
.assignment-builder-question.active ul.assignment-builder-question-composer-figures-ul li.assignment-builder-question-composer-figure, .auto-expand-all-fields ul.assignment-builder-question-composer-figures-ul li.assignment-builder-question-composer-figure {width: 8000px; max-width: 100%; height: 410px;}
.assignment-builder-question.active ul.assignment-builder-question-composer-figures-ul li.assignment-builder-question-composer-figure img, .auto-expand-all-fields ul.assignment-builder-question-composer-figures-ul li.assignment-builder-question-composer-figure img {height: 360px; max-width: calc(100% - 30px); position: absolute; top: 15px; left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.assignment-builder-question.active ul.assignment-builder-question-composer-figures-ul li.assignment-builder-question-composer-figure span, .auto-expand-all-fields ul.assignment-builder-question-composer-figures-ul li.assignment-builder-question-composer-figure span {top: 380px; text-align: center; transform: none;-ms-transform: none;-moz-transform: none;-webkit-transform: none;-o-transform: none;}
ul.assignment-builder-question-composer-figures-ul li.assignment-builder-question-composer-figure span {margin-right: 4px; line-height: 12px; overflow: hidden; max-height: calc(100% - 8px); position: relative; display: block; color: #626262; font-weight: bold; font-family: 'Muli', sans-serif; font-size: 9pt; word-break: break-all; top: 50%; transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);}
ul.assignment-builder-question-composer-figures-ul li.assignment-builder-question-composer-figure .assignment-builder-question-composer-figure-remove-button {position: absolute; right: 2px; top: 2px; width: 8px; height: 8px; cursor: pointer;}
ul.assignment-builder-question-composer-figures-ul li.assignment-builder-question-composer-figure .assignment-builder-question-composer-figure-remove-button:hover {position: absolute; right: 0px; top: 0px; width: 12px; height: 12px; cursor: pointer;}
ul.assignment-builder-question-composer-figures-ul li.assignment-builder-question-composer-figure .assignment-builder-question-composer-figure-remove-button a:before, ul.assignment-builder-question-composer-figures-ul li.assignment-builder-question-composer-figure .assignment-builder-question-composer-figure-remove-button:before {content: "";position: absolute;top: 2px;right: 2px;background: url(/images/close-x-icon.svg) no-repeat left;background-size: contain;width: 100%;height: 100%;}
#assignment-builder-question-composer-question-figures-container {border-bottom: 1px solid #e7e7e7; width: 100%; margin-bottom: 6px; position: relative;}
.assignment-builder-question-composer-bottom-text {margin-top: 20px; font-family: 'Muli', sans-serif; color: #666666; font-size: 9pt; font-weight: normal; text-align: left;}
.assignment-builder-add-questions-to-resources-current-questions-ul, .assignment-builder-add-questions-to-resources-current-question-drafts-ul, .assignment-builder-add-recommended-questions-suggestions-ul, .assignment-builder-add-recommended-questions-added-suggestions-ul, .assignment-builder-preview-questions-ul {margin-bottom: 20px;}
.assignment-builder-question-current-question-li {border-radius: 10px; padding: 10px; position: relative; display: inline-block; width: 100%; border: 1px solid #e7e7e7;}
.assignment-builder-question-current-question-li:not(:last-child) {margin-bottom: 10px;}
.assignment-builder-question-current-question-li-title {font-size: 16pt;line-height: 28px;margin: 0;font-weight: normal;font-family: 'Merriweather', sans-serif; color: #212121; width: 100%; text-align: left;}
.assignment-builder-question-current-question-li-main {display: inline-block; width: calc(100% - 156px); margin-right: 10px;}
.assignment-builder-question-current-question-li.full-width .assignment-builder-question-current-question-li-main {width: 100%; margin: 0;}
.assignment-builder-question-current-question-li-right {display: inline-block; width: 146px; vertical-align: top;}
.assignment-builder-question-current-question-li-author {position: relative; padding-left: 32px; margin: 10px 0;}
.assignment-builder-question-author {position: relative; padding-left: 32px; margin: 6px 0;}
.assignment-builder-question-author strong {font-family: 'Muli', sans-serif; color: #666666; font-size: 9pt; font-weight: normal; line-height: 12px; }
.assignment-builder-question-current-question-li-author strong {font-size: 13px;}
.assignment-builder-question-current-question-li-author:after, .assignment-builder-question-author:after {content:'';position: absolute;left: 0;top: 8px;background: #fcd34f;width:18px;height: 2px;}
.assignment-builder-question-current-question-li-show-full {color: #52c8ec; font-weight: 600;}
.assignment-builder-question-current-question-li-show-full:after {content: "\f175";font-family: 'FontAwesome';font-size: 12px; margin-left: 6px; font-weight: normal;}
.assignment-builder-displayed-question-additional-options-btn:before {content: "";position: absolute;bottom: 2px;left: 2px; background: url(../images/settings-dots-icon.svg) no-repeat left;background-size: contain;width: 4px;height: 16px;}
.class-list-student-additional-options-btn:before {content: "";position: absolute;bottom: -2px;left: 2px; background: url(../images/settings-dots-icon.svg) no-repeat left;background-size: contain;width: 4px;height: 16px;}
.assignment-builder-displayed-question-additional-options-btn, .class-list-student-additional-options-btn {display: inline-block; position: relative; margin-left: 10px; cursor: pointer;}
.assignment-builder-displayed-question-additional-options-btn .options-overlay-menu {display: none; position: absolute; top: -20px; left: -4px; padding: 17px 13px 3px 21px; line-height: 10px; width: 170px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);border-radius: 3px; background-color: #fff; z-index: 999}
.class-list-student-additional-options-btn .options-overlay-menu {display: none; position: absolute; top: -20px; left: -4px; padding: 0px 13px 3px 21px; line-height: 10px; width: 170px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);border-radius: 3px; background-color: #fff; z-index: 999}
.assignment-builder-displayed-question-additional-options-btn:hover .options-overlay-menu, .class-list-student-additional-options-btn:hover .options-overlay-menu {display: block;}
.assignment-builder-displayed-question-additional-options-btn .options-overlay-menu:hover, .class-list-student-additional-options-btn .options-overlay-menu:hover {display: block; cursor: default;}
.assignment-builder-displayed-question-section:not(:last-child) {margin-bottom: 8px;}
.assignment-builder-displayed-question-section span, .assignment-builder-displayed-question-section span p {font-size: 10pt;line-height: 18px;margin: 0;font-weight: normal;font-family: 'Muli', sans-serif; color: #212121; }
.assignment-builder-displayed-question-mastery-question-options ul li {margin: 4px 0; padding: 4px 2px; border-radius: 3px; font-size: 10pt;line-height: 18px;font-weight: normal;color: #3d3942; font-family: 'Muli', sans-serif; display: block;}
.assignment-builder-displayed-question-mastery-question-options ul li span {width: 100%;}
.assignment-builder-displayed-question-mastery-question-options ul li span small {vertical-align:top; color: #626262; font-size: 10pt; margin-right: 10px; float: left; line-height: 18px;}
.assignment-builder-displayed-question-mastery-question-options ul li span img {position: relative; float: left; margin-right: 10px; top: 2px;left: 2px;width: 15px;height: 15px; pointer-events: none;}
.assignment-builder-displayed-question-mastery-question-options ul li.assignment-builder-displayed-question-mastery-question-option-correct {display: block; background-color: #e9f3ff; border: 1px solid #cdeaff; cursor: default;}
.assignment-builder-displayed-question-mastery-question-options ul li span span {width: calc(100% - 50px); display: inline-block; line-height: 18px; margin: 0; padding: 0;}
.assignment-builder-displayed-question-mastery-question-option-explanation {margin-top: 4px; font-size: 9pt; color: #888888;}
.assignment-builder-title-name {position: relative; width: 100%; display: inline-block;}
.assignment-builder-title-name span, .assignment-builder-title-name-input {position: relative;font-weight: bold;font-family: 'Merriweather', serif; color: #212121;font-size: 11pt; min-height: 30px; line-height: 30px; cursor: text; vertical-align: top; white-space: pre-wrap; word-wrap: break-word; width: 100%; }
.head-left-half .assignment-builder-title-name span, .head-left-half .assignment-builder-title-name-input, .head-left-third .assignment-builder-title-name span, .head-left-third .assignment-builder-title-name-input  {text-align: left}
.head-left-half .assignment-builder-title-input-container {margin-left: 10px !important; position: relative;}
.head-left-third .assignment-builder-title-input-container {margin-left: 10px !important; position: relative; display: inline-block; width: calc(100% - 42px);}
.assignment-builder-title-name.clearable span {color: #999999;}
.assignment-builder-title-name span:after {content: ""; background: url(../images/small-edit-icon.svg) no-repeat left;background-size: contain; width: 13px; position: relative; background-position: center center; vertical-align: top; height: 30px; display: inline-block; margin-left: 6px;}
.assignment-builder-title-name span:hover:before {width: 100%;}
.assignment-builder-title-name span:before {content: ""; bottom: -4px; left: 0; width: 0; height: 1px; display: block; position: absolute; background-color: #212121; transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s;-ms-transition: all ease-in-out 1s;-o-transition: all ease-in-out 1s;-moz-transition: all ease-in-out 1s;}
.head-left .assignment-builder-title-name-input {width: 100%; text-align: center}
.head-left-half .assignment-builder-title-name-input, .head-left-third .assignment-builder-title-name-input {text-align: left}
.assignment-builder-title-input-container .assignment-builder-title-name-input {display: none;}
.assignment-builder-title-input-container .assignment-builder-title-name {display: block;}
.assignment-builder-title-input-container.active .assignment-builder-title-name-input {display: block;}
.assignment-builder-title-input-container.active .assignment-builder-title-name {display: none;}
.assignment-builder-title-name-input:active {display: block;}
.assignment-builder-title-name-input {display: none;}
.sorting .assignment-builder-lesson-resource-selector {height: 50px !important; overflow: hidden; margin-bottom: 40px !important}
.sorting .assignment-builder-lesson-text-section {height: 160px !important; overflow: hidden; margin-bottom: 40px !important}
/*.overview-mode .assignment-builder-lesson-resource-selector.added-resource {height: 50px !important; overflow: hidden;}*/
/*.overview-mode .assignment-builder-lesson-text-section:not(.active) {height: 106px !important; overflow: hidden;}*/
.assignment-builder-question-resource-selection-select-all-container {display: inline-block; cursor: pointer !important; text-align: center; height: 100%; width: 100px; vertical-align: top; padding-top: 27px; margin-right: 10px;}
.assignment-builder-question-resource-selection-select-all-title {text-align: center; display: inline-block; margin-bottom: 10px; width: 90px; font-family: 'Muli', sans-serif; font-weight: normal; font-size: 10pt; color: #666666;}
.assignment-builder-lesson-resource-selector, .lesson-content-resource-item, .lesson-content-file-upload-item-body, .metrics-question-response-item-body {width: 100%; position: relative; display: block; background-color: #F3F3F3; padding: 16px 30px 20px 30px; border-radius: 10px; margin-bottom: 10px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);}
.metrics-question-response-item-body {margin-top: 30px}
.assignment-builder-lesson-file-upload-section {width: 100%; position: relative; display: block; background-color: #F3F3F3; padding: 20px 30px 20px 30px; border-radius: 10px; margin-bottom: 10px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);}
.lesson-content-resource-item .author-byline {margin: 0 0 10px 0 !important; display: none}
.assignment-builder-lesson-resource-selector .grabbable, .assignment-builder-lesson-file-upload-section .grabbable {position: absolute; top: 0; left: 0; height: 100%; width: 30px; background-color: transparent; cursor: grab;cursor: -moz-grab;cursor: -webkit-grab; z-index: 2}
.assignment-builder-lesson-resource-selector .grabbable:before {content: "\f58e"; font-family: 'Font Awesome 5 Free'; position: absolute; left: 0; top: calc(50% - 8px); color: #666666; font-weight: 900; vertical-align: middle; text-align: center; height: 100%; width:30px; display: block;}
.assignment-builder-lesson-resource-selector.added-resource .grabbable:before, .assignment-builder-lesson-file-upload-section .grabbable:before {content: "\f58e"; font-family: 'Font Awesome 5 Free'; position: absolute; left: 0; top: calc(50% - 8px); color: #DD167B; font-weight: 900; vertical-align: middle; text-align: center; height: 100%; width:30px; display: block;}
.assignment-builder-lesson-resource-top {width: 100%;}
.assignment-builder-lesson-resource-top .assignment-builder-lesson-resource-left, .assignment-builder-lesson-file-upload-left {display: inline-block; width: calc(100% - 76px)}
.assignment-builder-lesson-resource-top .assignment-builder-lesson-resource-right, .assignment-builder-lesson-file-upload-right {display: inline-block; width: 66px; margin-left: 10px; vertical-align: top;}
.assignment-builder-lesson-file-upload-section .file-upload-field {text-align: left; line-height: 33.5px}
.assignment-builder-lesson-file-upload-section .file-upload-field span {font-family: 'Muli', sans-serif; color: #666666; cursor: default; font-weight: 600; font-size: 10pt;}
.assignment-builder-lesson-file-upload-section .file-upload-field span:before {content: "\f093"; font-family: 'FontAwesome'; margin-right: 10px}
.assignment-builder-lesson-file-upload-left {display: inline-block;}
.assignment-builder-lesson-resource-top.wide-right .assignment-builder-lesson-resource-left {width: calc(100% - 66px)}
.assignment-builder-lesson-resource-top.wide-right .assignment-builder-lesson-resource-right {display: inline-block; width: 56px; margin-left: 10px; vertical-align: top;}

.assignment-builder-lesson-remove-resource-button-container, .assignment-builder-lesson-remove-file-upload-button-container, .assignment-builder-lesson-file-upload-settings-button-container {display: inline-block;}
.assignment-builder-lesson-resource-top.wide-right .assignment-builder-lesson-resource-right .assignment-builder-lesson-remove-resource-button-container, .assignment-builder-lesson-file-upload-right .assignment-builder-lesson-file-upload-settings-button-container {margin-right: 6px;}
.assignment-builder-lesson-resource-selector-title, .lesson-content-resource-item-title, .assignment-builder-lesson-resource-selector-title-input, .lesson-content-file-upload-item-title {text-align: left; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 11pt; color: #666666; cursor: default; margin-bottom: 20px; background-color: transparent;}
.assignment-builder-lesson-resource-selector-title:not(.disable-edit) {cursor: text;}
.assignment-builder-lesson-resource-selector-title {min-height: 20px;}
.assignment-builder-lesson-resource-selector-title:not(.disable-edit):after {content: ""; background: url(../images/small-edit-icon.svg) no-repeat left;background-size: contain; width: 13px; height: 14px; position: relative; display: inline-block; margin-left: 2px;}
.lesson-content-resource-item-title, .lesson-content-file-upload-item-title {margin-bottom: 10px; cursor: text !important;}
.lesson-content-file-upload-input-upload-button-container {display: block; margin-top: 10px}
.lesson-content-file-upload-input-upload-button {display: inline-block; background-color: #1CB9EB; padding: 8px 20px; border-radius: 40px; cursor: pointer;}
.lesson-content-file-upload-input-upload-button.disabled {background-color: #666666; cursor: default;}
.lesson-content-file-upload-input-upload-button span {color: #ffffff; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt}
.lesson-content-file-upload-input-upload-button span:after {content: "\f178"; font-family: 'FontAwesome'; margin-left: 6px;}
.lesson-content-file-uploads-list-header-left, .lesson-content-file-uploads-list-header-right {display: inline-block; width: 50%; height: 30px; text-align: center; background-color: #1CB9EB;}
.lesson-content-file-uploads-list-header-left span, .lesson-content-file-uploads-list-header-right span {color: #ffffff; font-size: 10pt; font-weight: 600; font-family: 'Muli', sans-serif; line-height: 30px}
.lesson-content-file-uploads-list-header-left {border-top-left-radius: 10px}
.lesson-content-file-uploads-list-header-right {border-top-right-radius: 10px}
.lesson-content-file-uploads-list-item-left, .lesson-content-file-uploads-list-item-right {display: inline-block; width: 50%; text-align: center; padding: 10px 4px; vertical-align: top}
.lesson-content-file-uploads-list-item-left .lesson-content-file-uploads-list-item-student-name {font-size: 10pt; font-weight: 600; font-family: 'Muli', sans-serif; color: #1CB9EB; cursor: pointer;}
.lesson-content-file-uploads-list-item-left .lesson-content-file-uploads-list-item-student-name small {margin-left: 4px; font-weight: normal;}
.lesson-content-file-uploads-list-item:nth-child(even) {background-color: rgba(255, 255, 255, 0.3);}
.lesson-content-file-uploads-list-item:nth-child(odd) {background-color: rgba(17, 219, 255, 0.05);}
.lesson-content-file-uploads-list-item {}
.lesson-content-file-download-link {cursor: pointer; display: inline-block; text-decoration: underline; color: #1CB9EB; font-family: 'Muli', sans-serif; font-size:10pt; }
.lesson-content-file-download-remove-button {display: inline-block; cursor: pointer;}
.lesson-content-file-download-remove-button:after {content: ""; background: url(/images/gray-close-x-icon.svg) no-repeat left; background-position: center center; background-size: contain;width: 10px; height: 10px;position: relative; margin-left: 4px; display: inline-block; color: #999999;}
.lesson-content-file-uploads-list-items-load-more-container, .assignments-browser-list-load-more-button-container {margin-top: 10px; position: relative; height: 20px}
.lesson-content-file-uploads-list-items-load-more-container.loading:before, .assignments-browser-list-load-more-button-container.loading:before {content: ""; display: block; top: calc(50% - 9px); left: 0px; border: 2px solid #1CB9EB; border-top: 2px solid transparent; border-radius: 50%; width: 18px; height: 18px; animation: spin 800ms linear infinite; position: absolute;}
.lesson-content-file-uploads-list-items-load-more-button, .assignments-browser-list-load-more-button {cursor: pointer; font-family: 'Muli', sans-serif; font-size: 10pt; color: #1CB9EB; font-weight: 600;}
.assignments-browser-list-load-more-button {display: inline-block;}
.lesson-content-file-uploads-list-items-load-more-container.loading .lesson-content-file-uploads-list-items-load-more-button, .assignments-browser-list-load-more-button-container.loading .assignments-browser-list-load-more-button {display: none}
.lesson-content-file-upload-show-score-section {margin-top: 10px}
.lesson-content-file-upload-show-score-section.first {margin-top: 0}
.lesson-content-file-upload-show-score-section-heading {margin-bottom: 4px}
.lesson-content-file-upload-show-score-section-heading h5 {font-family: 'Muli', sans-serif; font-size: 11pt; font-weight: 600; color: #666666; text-align: left; line-height: 18px; margin-bottom: 8px}
.lesson-content-file-upload-show-score-section p {font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: normal; color: #212121;}
.lesson-content-error-container, .lesson-content-message-container {margin-bottom: 10px}
.lesson-content-error-container span {color:#eb1f48}
.lesson-content-message-container span {color:#212121}
.assignment-builder-lesson-resource-selector-ul {padding: 0px;}
.assignment-builder-lesson-resource-selector-ul-li {display: inline-block; vertical-align: top; width: calc(33.33% - 10px); height: 40px; text-align: center; min-width: 140px; border-radius: 4px; background-color: #BBABE2; display: inline-block; cursor: pointer;}
.assignment-builder-lesson-resource-selector-ul-li:hover {background-color: #9A81D2;}
.assignment-builder-lesson-resource-selector-ul-li.top-row {margin-bottom: 15px}
.assignment-builder-lesson-resource-selector-ul-li.first-in-row {margin-right: 15px;}
.assignment-builder-lesson-resource-selector-ul-li.last-in-row {margin-left: 15px;}
.assignment-builder-lesson-resource-selector-ul-li span {color: #ffffff; vertical-align: top; height: 40px; line-height: 40px;font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt;}
.assignment-builder-lesson-resource-excerpt, .lesson-resource-excerpt {margin-left: 4px;}
.assignment-builder-lesson-text-section {margin-bottom: 10px; position: relative; background-color: #ffffff}
.assignment-builder-lesson-text-section .grabbable {position: absolute; top: 34px; left: 0; height: calc(100% - 34px); width: 30px; background-color: transparent; cursor: grab;cursor: -moz-grab;cursor: -webkit-grab; z-index: 2}
.assignment-builder-lesson-text-section.clearable .grabbable:before {content: "\f58e"; font-family: 'Font Awesome 5 Free'; position: absolute; left: 0; top: calc(50% - 8px); color: #666666; font-weight: 900; vertical-align: middle; text-align: center; height: calc(100% - 10px); width:30px; display: block;}
.assignment-builder-lesson-text-section .grabbable:before {content: "\f58e"; font-family: 'Font Awesome 5 Free'; position: absolute; left: 0; top: calc(50% - 8px); color: #DD167B; font-weight: 900; vertical-align: middle; text-align: center; height: calc(100% - 10px); width:30px; display: block;}
.assignment-builder-lesson-text-section .free-response-text-area {font-family: 'Merriweather', serif; color: #212121;font-size: 11pt; line-height: 30px !important; min-height: 40px !important; background-color: transparent;}
.assignment-builder-lesson-text-section-preview .free-response-preview, .lesson-content-text-item, .assignment-builder-question-resource-viewer-text-value {min-height: 40px; font-family: 'Merriweather', serif; color: #212121;font-size: 11pt; line-height: 30px !important; min-height: 40px !important; background-color: transparent; }
.assignment-builder-question-resource-viewer-text-value p {line-height: 30px !important}
.free-response-preview h1, .lesson-content-text-item h1, .oc-markdown h1, .assignment-builder-question-resource-viewer-text-value h1 {font-family: 'Merriweather', serif; color: #212121;font-size: 16pt; font-weight: 600; line-height: 30px; margin-bottom: 30px}
.free-response-preview h2, .lesson-content-text-item h2, .oc-markdown h2, .assignment-builder-question-resource-viewer-text-value h2 {font-family: 'Merriweather', serif; color: #212121;font-size: 14pt; font-weight: 600; line-height: 30px; margin-bottom: 30px}
.free-response-preview h3, .lesson-content-text-item h3, .oc-markdown h3, .assignment-builder-question-resource-viewer-text-value h3 {font-family: 'Merriweather', serif; color: #212121;font-size: 12pt; font-weight: 600; line-height: 30px; margin-bottom: 30px}
.assignment-builder-question-resource-selection-item-text-value h1 {font-family: 'Merriweather', serif; color: #212121;font-size: 12pt; font-weight: 600; line-height: 24px; margin-bottom: 10px}
.assignment-builder-question-resource-selection-item-text-value h2 {font-family: 'Merriweather', serif; color: #212121;font-size: 11pt; font-weight: 600; line-height: 24px; margin-bottom: 10px}
.assignment-builder-question-resource-selection-item-text-value h3 {font-family: 'Merriweather', serif; color: #212121;font-size: 10pt; font-weight: 600; line-height: 24px; margin-bottom: 10px}
.free-response-preview > ul, .lesson-content-text-item > ul, .oc-markdown > ul, .assignment-builder-question-resource-viewer-text-value > ul {margin-bottom: 30px !important;}
.free-response-preview > ul li ul, .lesson-content-text-item > ul li ul, .oc-markdown > ul li ul, .oc-markdown > ol li ul, .assignment-builder-question-resource-viewer-text-value > ul li ul, .markdown-preview-container.markdown-action-preview-header > ul li ul, .review-main-section h3 > ul li ul, .metrics-question-response-item-name > ul li ul, .question-description > ul li ul, .hint-text > ul li ul, .mastery-question-header h6 > ul li ul, .metrics-question-response-item h3 > ul li ul, .mastery-question-option-answer-text > ul li ul, .metrics-question-response-item-mastery-question-option-answer > ul li ul, .quiz-question-option-text > ul li ul, .primary-content-main > ul li ul, .mastery-question-explanation-text > ul li ul, .quiz-question-option-explanation-body > ul li ul, .metrics-question-response-item-page-section .markdown-container > ul li ul, .metrics-question-response-item-page-section h3 > ul li ul, .markdown-preview-container > ul li ul, .assignment-builder-question-text-field-container-markdown-preview-container > ul li ul, .student-input-preview > ul li ul, .assignment-builder-lesson-text-section-preview > ul li ul, .lesson-content-text-item > ul li ul, .primary-content-answer > ul li ul {margin: 10px 0 0 20px !important;}
.free-response-preview pre:not(:last-child), .lesson-content-text-item pre:not(:last-child), .oc-markdown pre:not(:last-child), .assignment-builder-question-resource-viewer-text-value pre:not(:last-child) {margin-bottom: 30px !important;}
.free-response-preview > ul li:not(:last-child), .lesson-content-text-item > ul li:not(:last-child), .oc-markdown > ul li:not(:last-child), .assignment-builder-question-resource-viewer-text-value > ul li:not(:last-child) {margin-bottom: 15px !important;}
.assignment-builder-lesson-text-section .free-response-field {margin: 0 !important;}
.assignment-builder-lesson-text-section .free-response-field:after {display: none;}
.assignment-builder-lesson-text-section .free-response-field:before {display: none;}
.free-response-field-content {padding: 16px 30px}
.assignment-builder-lesson-text-section .markdown-actions {border-top: none; border-left: none; border-right: none}
.assignment-builder-lesson-text-section {border-radius: 10px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);}
.assignment-builder-lesson-resource-viewer-iframe {width: 100%; height: 400px;}
.assignment-builder-lesson-resource-viewer-iframe-container, .assignment-builder-lesson-resource-viewer-videojs-container, .lesson-resource-viewer-iframe-container, .lesson-resource-viewer-videojs-container {width: 100%; padding-bottom: 56.25%; position: relative;}
.assignment-builder-lesson-resource-viewer-iframe, .assignment-builder-lesson-resource-viewer-videojs, .lesson-resource-viewer-iframe, .lesson-resource-viewer-videojs {position: absolute !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;}
.assignment-builder-lesson-displayed-resource-video-excerpt-selector-container {display: block; margin-top: 20px}
.assignment-builder-lesson-displayed-resource-video-excerpt-selector {position: relative; display: block; width: 100%; text-align: center;}
.assignment-builder-lesson-displayed-resource-video-excerpt-text {display: inline-block; width: 100%; margin-bottom: 6px; line-height: 20px; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt; color: #666666; margin-right: 4px}
.assignment-builder-lesson-displayed-resource-video-excerpt-start {display: inline-block; line-height: 22px; background-color: transparent; font-family: 'Muli', sans-serif; font-weight: normal; font-size: 11pt; color: #212121; width: 50px; text-align: center; background-color: rgba(231,231,231); border-radius: 4px; padding: 4px;}
.assignment-builder-lesson-displayed-resource-video-excerpt-input-separator {display: inline-block; line-height: 30px; font-family: 'Muli', sans-serif; font-weight: normal; font-size: 10pt; color: #666666; margin: 0 4px;}
.assignment-builder-lesson-displayed-resource-video-excerpt-end {display: inline-block; line-height: 22px; background-color: transparent; font-family: 'Muli', sans-serif; font-weight: normal; font-size: 11pt; color: #212121; width: 50px; text-align: center; background-color: rgba(231,231,231); border-radius: 4px; padding: 4px;}
.assignment-builder-lesson-displayed-resource-excerpt-selector-container {display: block; margin-top: 20px;}
.assignment-builder-lesson-displayed-resource-excerpt-selector-title {text-align: left; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt; color: #666666; cursor: default; margin-bottom: 10px}
.assignment-builder-lesson-displayed-resource-excerpt-selector {display: block; position: relative; overflow: scroll; background-color: rgba(231,231,231); padding: 6px 6px 2px 6px; border-radius: 4px; }
.assignment-builder-lesson-displayed-resource-page-handling {display: block; height: 20px; text-align: center; vertical-align: center; margin: 10px 0;}
.assignment-builder-lesson-displayed-resource-page-handling .standard-prev-button {display: inline-block; cursor: pointer; margin-right: 10px}
.assignment-builder-lesson-displayed-resource-page-handling .standard-next-button {display: inline-block; cursor: pointer; margin-left: 10px}
.assignment-builder-lesson-displayed-resource-figure.faded .pdf-resource-canvas {opacity: 0.5;}
.current-page-number-title {display: inline-block; min-width: 40px}
.back-to-class-button {color: #705AF4; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt; position: relative;}
.back-to-class-button:before {content: "\f177"; font-family: 'FontAwesome';font-size: 10pt; margin-right: 4px;}
.back-to-class-button-container {display: block;margin-bottom: 20px}
.upgrade-class-body, .update-billing-body, .file-upload-body {margin-top: 20px;}
.upgrade-class-page h3, .update-billing-page h3 {font-family: 'Merriweather', serif; color: #212121;font-size: 20pt; margin-bottom: 20px;}
.upgrade-class-body p, .update-billing-body p {color: #666666; font-size: 10pt; line-height: 24px; margin: 0 !important;}
.upgrade-class-body .bullet-ul {margin-left: 10px; margin-top: 4px; padding-bottom: 0 !important;}
.upgrade-class-body .bullet-ul li {color: #666666; font-size: 10pt; line-height: 24px; margin: 0 !important;}
.upgrade-class-details-section {position: relative; display: block; overflow:auto; }
.upgrade-class-details-section-policies {width: 400px; float: right; display: inline-block; padding: 10px; border: 1px solid #e7e7e7; border-radius: 4px; max-width: 40%;}
.upgrade-class-details-section-policies h4 {text-align: center; font-family: 'Muli', sans-serif; font-size: 12pt; font-weight: bold; color: #212121;}
.upgrade-class-subscription-input-title, .modal-billing-input-title, .update-billing-subscription-input-title, .invoice-subscription-input-title {font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt; color: #666666;}
.upgrade-class-modal-input-container {display: block; vertical-align: top; margin-bottom: 20px;}
.upgrade-class-modal-input-title {display: inline-block; vertical-align: top; width: calc(100% - 155px); line-height: 30px; line-height: 30px; margin-right: 5px; font-family: 'Muli', sans-serif; font-weight: lighter; font-size: 12pt; color: #666666;}
.upgrade-class-modal-input-value {font-family: 'Muli', sans-serif; vertical-align: top; font-weight: 600; font-size: 20pt; color: #666666; display: inline-block; width: 150px; line-height: 30px; height: 30px; text-align: center;}
.upgrade-class-modal-calculations-container {position: relative; padding-top: 20px;}
.upgrade-class-modal-calculations-container:before {content: ""; position: absolute; top: 0; left: 0; height: 1px; width: 100%; background-color: #e7e7e7; display: block;}
.upgrade-class-modal-calculations-container {margin-bottom: 20px;}
.upgrade-class-modal-calculations-container .upgrade-class-modal-input-container {display: inline-block; width: 33.33%; margin-bottom: 0;}
.upgrade-class-modal-calculations-container .upgrade-class-modal-input-container .upgrade-class-modal-input-title {display: block; width: 100%; margin: 0; text-align: center; padding: 0 4px; font-size: 10pt;}
.upgrade-class-modal-calculations-container .upgrade-class-modal-input-container .upgrade-class-modal-input-value {display: block; margin: 0; width: 100%; font-size: 15pt; text-align: center; padding: 0 4px; color: #705AF4;}
.upgrade-class-modal-calculations-container .upgrade-class-modal-input-container
.upgrade-class-quote {margin-top: 20px; font-family: 'Muli', sans-serif; font-weight: normal; font-size: 11pt; color: #666666; line-height: 20px;}
.upgrade-class-value, .upgrade-class-total-value-student, .upgrade-class-total-value, .upgrade-class-start-date, .upgrade-class-end-date {display: inline;}
.upgrade-class-start-date {width: 88px; text-align: center; border-bottom: 1px solid #666666; color: #666666; font-weight: 600;}
.upgrade-to-premium-ul-li {display: inline-block; width: 25%; cursor: pointer;}
.upgrade-to-premium-ul-li:hover .upgrade-to-premium-icon {background-color: rgba(231,231,231,1);}
.upgrade-to-premium-ul-li.active .upgrade-to-premium-icon {background-color: rgba(231,231,231,1);}
.upgrade-to-premium-ul-li-title {text-align: center; font-family: 'Muli', sans-serif; font-weight: lighter; color: #3E374D; font-size: 10pt;}
.upgrade-to-premium-ul-li.active .upgrade-to-premium-ul-li-title {font-weight: 600}
.upgrade-to-premium-icon {position: relative; border-radius: 40px; background-color: rgba(231,231,231,0); display: inline-block; width: 80px; height: 80px; margin: 0 calc(50% - 40px); transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.upgrade-to-premium-assignments-icon:after {content: ""; position: absolute; left: 15px; top: 15px; background: url(../images/premium-assignments-icon.svg) no-repeat center;background-size: contain; height: 50px; width:50px; display: block;}
.upgrade-to-premium-coding-icon:after {content: ""; position: absolute; left: 15px; top: 15px; background: url(../images/premium-coding-icon.svg) no-repeat center;background-size: contain; height: 50px; width:50px; display: block;}
.upgrade-to-premium-videos-icon:after {content: ""; position: absolute; left: 15px; top: 15px; background: url(../images/premium-video-icon.svg) no-repeat center;background-size: contain; height: 50px; width:50px; display: block;}
.upgrade-to-premium-support-icon:after {content: ""; position: absolute; left: 15px; top: 15px; background: url(../images/premium-support-icon.svg) no-repeat center;background-size: contain; height: 50px; width:50px; display: block;}
.upgrade-to-premium-ul-li.active .upgrade-to-premium-assignments-icon:after {content: ""; position: absolute; left: 15px; top: 15px; background: url(../images/premium-assignments-active-icon.svg) no-repeat center;background-size: contain; height: 50px; width:50px; display: block;}
.upgrade-to-premium-assignments-icon:before {display: none; content: url(../images/premium-assignments-active-icon.svg);}
.upgrade-to-premium-ul-li.active .upgrade-to-premium-coding-icon:after {content: ""; position: absolute; left: 15px; top: 15px; background: url(../images/premium-coding-active-icon.svg) no-repeat center;background-size: contain; height: 50px; width:50px; display: block;}
.upgrade-to-premium-coding-icon:before {display: none; content: url(../images/premium-coding-active-icon.svg);}
.upgrade-to-premium-ul-li.active .upgrade-to-premium-videos-icon:after {content: ""; position: absolute; left: 15px; top: 15px; background: url(../images/premium-video-active-icon.svg) no-repeat center;background-size: contain; height: 50px; width:50px; display: block;}
.upgrade-to-premium-videos-icon:before {display: none; content: url(../images/premium-video-active-icon.svg);}
.upgrade-to-premium-ul-li.active .upgrade-to-premium-support-icon:after {content: ""; position: absolute; left: 15px; top: 15px; background: url(../images/premium-support-active-icon.svg) no-repeat center;background-size: contain; height: 50px; width:50px; display: block;}
.upgrade-to-premium-support-icon:before {display: none; content: url(../images/premium-support-active-icon.svg);}
.upgrade-to-premium-feature-description p {color: #666666; font-size: 10pt !important; padding: 0 !important;}
.upgrade-to-premium-feature-description .off-teal p b {color: #1B5F81;}
.upgrade-to-premium-feature-description .off-red p b {color: #C22758;}
.upgrade-to-premium-feature-description .off-purple p b {color: #63259F;}
.upgrade-to-premium-feature-description .off-green p b {color: #1B644B;}
.upgrade-to-premium-feature-description .bullet-ul {margin-left: 10px; margin-top: 4px; padding-bottom: 0 !important;}
.upgrade-to-premium-feature-description .bullet-ul li {color: #666666; font-size: 10pt; line-height: 24px; margin: 0 !important;}
.modal-billing-full-name-container .modal-billing-input-title, .modal-billing-dropdown-container .modal-dropdown-selected {margin-bottom: 4px}
.modal-billing-form.light {background-color: #ffffff; padding: 0;}
.modal-billing-form {background-color: rgba(86, 40, 179, 0.04); display: block; border-radius: 20px; padding: 40px; display: inline-block; width: 100%;}
.upgrade-class-subscription-form, .update-billing-subscription-form, .invoice-subscription-form, .file-upload-form {background-color: rgba(86, 40, 179, 0.04); display: block; border-radius: 20px; padding: 40px; display: inline-block; min-width: calc(60% - 20px);}
.upgrade-class-subscription-form {float: left; display: inline-block; width: calc(100% - 420px);}
.update-billing-subscription-form, .invoice-subscription-form, .file-upload-form {max-width: 600px; margin: 0 auto; display: block;}
.upgrade-class-subscription-form h4, .update-billing-subscription-form h4, .invoice-subscription-form h4, .file-upload-form h4 {text-align: left; font-family: 'Muli', sans-serif; font-size: 16pt; font-weight: bold; color: #212121; margin-bottom: 20px;}
.invoice-subscription-form p {font-family: 'Muli', sans-serif; font-size: 11pt; line-height: 20px; font-weight: normal; color: #212121; margin-bottom: 20px}
.upgrade-class-subscription-form .arrows-ul {margin-bottom: 20px;}
.invoice-arrows-ul {margin-bottom: 20px}
.upgrade-class-subscription-form .upgrade-to-premium-actions, .invoice-subscription-form .invoice-actions {margin-top: 20px;}
.upgrade-class-card-element, .invoice-card-element, .upgrade-class-subscription-form input, .invoice-subscription-form input, .update-billing-card-element, .update-billing-subscription-form input, .modal-billing-form input {height: 40px; margin: 10px 0; padding: 10px 12px;width: 100%;color: #32325d;background-color: white;border: 1px solid transparent;border-radius: 4px;box-shadow: 0 1px 3px 0 #e6ebf1;-webkit-transition: box-shadow 150ms ease;transition: box-shadow 150ms ease;}
.modal-dropdown-selected {height: 40px; margin: 10px 0; padding: 10px 12px;display: inline-block; cursor: pointer; color: #32325d;background-color: white;border: 1px solid transparent;border-radius: 4px;box-shadow: 0 1px 3px 0 #e6ebf1;-webkit-transition: box-shadow 150ms ease;transition: box-shadow 150ms ease;}.upgrade-class-card-element--focus, .invoice-card-element--focus, .update-billing-card-element--focus {box-shadow: 0 1px 3px 0 #cfd7df;}
.modal-dropdown-selected span:after {content:"\f107";font-family: 'FontAwesome';font-size: 15px;line-height: 14px;position: relative; margin-left: 10px; color: #36b1ff;}
.modal-dropdown.active .modal-dropdown-selected span:after {content:"\f106";}
.modal-dropdown-options-container {display: none; position: absolute; left: 0; top: 100%; background-color: #ffffff; z-index: 3; border-radius: 3px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); cursor: default; text-align: left; width: 200px}
.modal-dropdown {position: relative;}
.modal-dropdown-options {padding: 0 !important; margin: 0 !important}
.modal-dropdown.active .modal-dropdown-options-container {display: block;}
.upgrade-class-card-element--invalid, .invoice-card-element--invalid, .update-billing-card-element--invalid {border-color: #fa755a;}
.upgrade-class-card-element--webkit-autofill, .invoice-card-element--webkit-autofill, .update-billing-card-element--webkit-autofill {background-color: #fefde5 !important;}
.bullet-ul li:before {content:'\2022'; font-family: 'Muli', sans-serif; font-size: 9pt; margin-right: 10px; color: #666666;}
.arrows-ul li:not(.loading):before {content:""; background: url(../images/arrow-right-icon.svg) no-repeat center;background-size: contain; height: 12px; width:12px; margin-right: 6px; display: inline-block;}
.arrows-ul li {font-family: 'Muli', sans-serif; font-size: 10pt; color: #666666;}
.arrows-ul li:not(:last-child) {margin-bottom: 6px;}
.arrows-ul li.loading:before {content: ""; border: 3px solid transparent; border-top: 3px solid #666666; border-radius: 50%; width: 12px; height: 12px; animation: spin 1s linear infinite; position: relative; margin-right: 6px; display: inline-block;}
.upgrade-to-premium-feature-description {position: relative; padding: 20px 0; margin-bottom: 20px; margin-top: 8px;}
.upgrade-to-premium-feature-description:before {content: ""; width: 30%; height: 1px; display: block; background-color: #e7e7e7; left: 35%; top: 0; position: absolute;}
.upgrade-to-premium-feature-description:after {content: ""; width: 30%; height: 1px; display: block; background-color: #e7e7e7; left: 35%; bottom: 0; position: absolute;}
.current-subscription-exists:not(.edit-current-subscription) .upgrade-class-details-section, .upgrade-class-subscription-form .upgrade-class-details-section {display: none;}
.edit-current-subscription .upgrade-class-current-subscription-container {display: none;}
.edit-current-subscription-cancel-button-container {display: none; margin-bottom: 20px; height: 20px; text-align: right;}
.edit-current-subscription .edit-current-subscription-cancel-button-container {display: block;}
.edit-current-subscription-cancel-button {text-align: right; cursor: pointer; float: right; font-family: "Muli", sans-serif; line-height: 20px; font-size: 11pt; color: #666666; font-weight: normal; vertical-align: top;}
.edit-current-subscription-cancel-button:after {content: "";background: url(/images/close-x-icon.svg) no-repeat left; background-size: contain; background-position: center center;vertical-align: top; margin-left: 6px; position: relative; display: inline-block; width: 10px; height: 20px;}
.upgrade-class-current-subscription-container {display: block; border: 1px solid #e7e7e7; padding: 20px; border-radius: 6px;max-width: 600px; margin: 0 auto;}
.upgrade-class-current-subscription-title {font-family: 'Muli', sans-serif; font-size: 16pt; color: #212121; font-weight: 600; margin-bottom: 10px;}
.upgrade-class-current-subscription-detail {display: block;}
.upgrade-class-current-subscription-detail:not(:last-child) {margin-bottom: 6px;}
.upgrade-class-current-subscription-adjust-buttons-container {margin-top: 20px; position: relative; padding-top: 20px}
.upgrade-class-current-subscription-adjust-buttons-container:before {content: ""; position: absolute; top: 0; left: 0; height: 1px; width: 100%; background-color: #e7e7e7; display: block;}
.upgrade-class-current-subscription-detail .upgrade-class-current-subscription-detail-left {display: inline; text-align: left; color: #666666; font-weight: normal;font-family: 'Muli', sans-serif; font-size: 10pt;}
.upgrade-class-current-subscription-detail .upgrade-class-current-subscription-detail-right {display: inline; text-align: right; float: right; color: #666666; font-weight: bold; font-family: 'Muli', sans-serif; font-size: 10pt;}
.upgrade-class-current-subscription-detail .upgrade-class-current-subscription-detail-right.warning {color: #eb1f48}
.upgrade-class-current-subscription-container p.warning {margin-bottom: 10px !important; font-family: 'Muli', sans-serif; font-weight: normal; font-size: 10pt; color: #eb1f48;}
.upgrade-class-current-subscription-container p.warning a {display: inline !important; font-family: inherit !important; font-size: inherit !important; color: inherit !important; text-decoration: underline;}
.upgrade-class-current-subscription-adjust-button a {color: #DD167B; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt; text-align: center; }
.upgrade-class-current-subscription-adjust-button {display: inline-block; width: 100%; text-align: left;}
.upgrade-class-current-subscription-adjust-button:not(:last-child) {margin-bottom: 6px;}
.assignment-builder-publish-button, .class-page-options-upgrade-button, .quiz-submit-button, .assignment-dashboard-edit-button, .assignment-dashboard-send-button {padding: 0 !important;display: inline-block; width: 90px; text-align: center !important; height: 30px; background-color: #FFD44F; border-radius: 4px; cursor: pointer; position: absolute !important; right: 0; top: 0; transition: all ease-in-out 100ms !important; -webkit-transition: all ease-in-out 100ms !important;-ms-transition: all ease-in-out 100ms !important;-o-transition: all ease-in-out 100ms !important;-moz-transition: all ease-in-out 100ms !important;}
.assignment-dashboard-send-button {background-color: #705AF4;}
.class-page-options-upgrade-button, .quiz-submit-button {background-color: #705AF4;}
.quiz-submit-button.inactive, .assignment-dashboard-edit-button {background-color: #999999}
.quiz-submit-button-container, .quiz-grade-container {position: relative; height: 30px;}
.quiz-grade-value span.score-value {font-family: 'Muli', sans-serif; font-weight: 600; color: #666666; font-size: 14pt; line-height: 30px; vertical-align: middle; }
.quiz-grade-value span.subtitle {margin-right:4px; color: #666666 !important; font-size: 8pt; line-height: 30px; vertical-align: middle;}
.quiz-grade-value span.score-value:after {content: "%"; font-size: 8pt;margin-left: 1px}
.quiz-grade-value.success span.score-value {color: #36b1ff;}
.quiz-grade-value.failure span.score-value {color: #eb1f48;}
.assignment-builder-publish-button span, .class-page-options-upgrade-button span, .quiz-submit-button span, .assignment-dashboard-edit-button span, .assignment-dashboard-send-button span {color: #ffffff; height: 30px; line-height: 30px;font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.assignment-builder-publish-button:hover, .class-page-options-upgrade-button:hover, .quiz-submit-button:hover, .assignment-dashboard-edit-button:hover, .assignment-dashboard-send-button:hover {height: 36px; width: 96px; right: -3px; top: -3px;}
.assignment-builder-publish-button:hover span, .class-page-options-upgrade-button:hover span, .quiz-submit-button:hover span, .assignment-dashboard-edit-button:hover span, .assignment-dashboard-send-button:hover span {line-height: 36px; height: 36px; font-size: 10.5pt;}
.assignment-builder-publish-button.scheduled, .class-page-options-upgrade-button.scheduled {background-color: #D3208F;}
.assignment-builder-publish-button.unpublish, .class-page-options-upgrade-button.unpublish {background-color: #eb1f48;}
.assignment-builder-publish-button.published, .class-page-options-upgrade-button.published {background-color: #36b1ff;}
.top-bar-back-to-page-button {color: #ffffff; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt; position: relative;}
.top-bar-back-to-page-button:before {content: "\f177"; font-family: 'FontAwesome';font-size: 10pt; margin-right: 4px;}
.assignment-builder-publish-button {display: inline-block; width: 90px; text-align: center; height: 30px; background-color: #FFD44F; border-radius: 4px; cursor: pointer; position: absolute; right: 0; top: 0; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.assignment-builder-publish-button span {color: #ffffff; height: 30px; line-height: 30px;font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.assignment-builder-publish-button:hover {height: 36px; width: 96px; right: -3px; top: -3px;}
.assignment-builder-publish-button:hover span {line-height: 36px; height: 36px; font-size: 10.5pt;}
.assignment-builder-publish-button.scheduled {background-color: #D3208F;}
.assignment-builder-publish-button.unpublish {background-color: #eb1f48;}
.assignment-builder-publish-button.published {background-color: #36b1ff;}
.maincontent.highlight .assignment-builder-resource-upload-area, .assignment-builder-resource-upload-area.highlight {padding: 140px 20px;}
.assignment-builder-resource-upload-area {cursor: pointer; width: 100%; padding: 20px; position: relative; text-align: center; border: 2px dashed #DD167B; margin-bottom: 40px;transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.assignment-builder-resource-upload-area span {text-align: center; font-family: 'Muli', sans-serif; color: #DD167B; font-weight: 600; font-size: 11pt; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.assignment-builder-resource-upload-area:not(.highlight):hover span {color: #ffffff; z-index: 1;}
.assignment-builder-resource-upload-area:not(.highlight):hover {border-style: solid; background-color: #DD167B;}
.assignment-builder-resource-upload-area.highlight {border-color: #705AF4;}
.assignment-builder-resource-upload-area.highlight span {color: #705AF4;}
.assignment-builder-main-section {max-width: 1200px; width: 100%; margin: 0 auto;display: block;padding: 40px 40px 120px 40px}
.assignment-builder-intro-section {margin-bottom: 40px;}
.assignment-builder-intro-section p {font-family: 'Muli', sans-serif; font-size: 11pt; color: #666666; line-height: 20px;}
.assignment-builder-intro-section p .show-walkthrough-video-button {color: #1999EA; font-weight: 600; display: inline;}
.assignment-builder-intro-section p.collapse-walkthrough-video-button-container {text-align: center;}
.assignment-builder-intro-section p .collapse-walkthrough-video-button {color: #1999EA; font-weight: 600; display: inline;}
.assignment-builder-walkthrough-container-container {width: 100%; max-width: 700px; margin: 10px auto; position: relative;}
.assignment-builder-walkthrough-container {position: relative; width: 100%; height: 0; padding-bottom: 48%}
.assignment-builder-walkthrough-container iframe {position: absolute;left:0;top:0;width: 100%;height:100%;}
.assignment-builder-resource-upload-section {}
.assignment-builder-questions-section {}
.assignment-builder-topics-section {margin-bottom: 40px}
.assignment-builder-topics-description, .assignment-builder-questions-description {font-family: 'Muli', sans-serif; font-size: 10pt; color: #666666; line-height: 20px;}
.assignment-builder-section-description {font-family: 'Muli', sans-serif; font-size: 10pt; color: #666666; line-height: 20px; margin-bottom: 40px}
.assignment-builder-section-description a {color: #36b1ff; font-weight: 600; display: inline}
.assignment-builder-questions-description {margin-bottom: 20px}
.assignment-builder-generate-questions-button {position: fixed; display: block; height: 60px; width: 60px; border-radius: 30px; background-color: #705AF4; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); bottom: 40px; right: 40px; cursor: pointer; text-align: center;}
.assignment-builder-generate-questions-button:before {content:"\e2ca"; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 14pt; color: #ffffff; position: relative; line-height: 58px}
.assignment-builder-generate-questions-button:hover {background-color: #8573F4}
.assignment-builder-section-filter-by-topic {margin-bottom: 20px}
.assignment-builder-section-filter-by-topic-title {font-family: 'Muli', sans-serif; font-size: 10pt; color: #666666; font-weight: 600; display: inline-block; margin-right: 4px}
.assignment-builder-section-filter-by-topic-list {display: inline-block;}
.assignment-builder-section-filter-by-topic-list-main {display: inline;}
.assignment-builder-section-filter-by-topic-list.selected .assignment-builder-section-filter-by-topic-list-item:not(.selected) {display: none}
.assignment-builder-topics-list-item-difficulty, .assignment-builder-topics-list-item-question-count {height: 20px;}
.assignment-builder-topics-list-item-question-count {margin-top: 4px}
.assignment-builder-topics-list-item-difficulty-title, .assignment-builder-topics-list-item-question-count-title {font-family: 'Muli', sans-serif; font-size: 9.5pt; color: #666666; margin-right: 4px; line-height: 20px;}
.assignment-builder-topics-list-item-difficulty-description, .assignment-builder-topics-list-item-question-count-description {font-family: 'Muli', sans-serif; font-size: 9pt; color: #666666; margin-left: 4px; line-height: 20px;}
.assignment-builder-topics-list-item-question-count-value {font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: 600; color: #212121; margin-left: 2px; line-height: 20px;}
.topics-difficulty-slider {-webkit-appearance: none; width: 160px;height: 4px;border-radius: 5px; background: #d3d3d3;outline: none;opacity: 0.7;-webkit-transition: .2s;transition: opacity .2s;}
.topics-difficulty-slider::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 20px;height: 20px;border-radius: 50%;background: #705AF4;cursor: pointer; transition: background ease-in-out 300ms; -webkit-transition: background ease-in-out 300ms;-ms-transition: background ease-in-out 300ms;-o-transition: background ease-in-out 300ms;-moz-transition: background ease-in-out 300ms;}
.topics-difficulty-slider::-moz-range-thumb {width: 20px;height:20px;border-radius: 50%;background: #705AF4;cursor: pointer; transition: background ease-in-out 300ms; -webkit-transition: background ease-in-out 300ms;-ms-transition: background ease-in-out 300ms;-o-transition: background ease-in-out 300ms;-moz-transition: background ease-in-out 300ms;}
.non-mastery .topics-difficulty-slider::-webkit-slider-thumb {background: #999999;}
.non-mastery .topics-difficulty-slider::-moz-range-thumb {background: #999999;}
.assignment-builder-add-content-button-container {margin-top: 10px; margin-bottom: 10px; text-align: center; position: relative;}
.assignment-builder-add-content-button {cursor: pointer; font-family: 'Muli', sans-serif; font-size: 10pt; line-height: 14px; font-weight: normal; width: 16px; height: 16px; display: inline-block; border-radius: 10px; background-color: #999999; color: #ffffff;transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.assignment-builder-add-content-button:before {content:"+"}
.assignment-builder-add-content-button:hover {background-color: #666666}
.assignment-builder-add-content-button-container.active.multiple-menus[data-activemenu='main'] .assignment-builder-add-content-actions-menu[data-name='main'] {display: block}
.assignment-builder-add-content-button-container.active.multiple-menus[data-activemenu='lesson'] .assignment-builder-add-content-actions-menu[data-name='lesson'] {display: block}
.assignment-builder-add-content-button-container.active.multiple-menus[data-activemenu='quiz'] .assignment-builder-add-content-actions-menu[data-name='quiz'] {display: block}
.assignment-builder-add-content-button-container.active.multiple-menus[data-activemenu='review'] .assignment-builder-add-content-actions-menu[data-name='review'] {display: block}
.assignment-builder-add-content-actions-menu {display: none; position: absolute; left: calc(50% - 100px); top: 24px; padding: 8px; width: 200px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);border-radius: 3px; background-color: #fff; z-index: 999; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
.assignment-builder-add-content-button-container:not(.multiple-menus).active .assignment-builder-add-content-actions-menu {display: block}
.assignment-builder-add-content-button-container.active .assignment-builder-add-content-button {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); background: #eb1f48}
.assignment-builder-add-content-button-container.active .assignment-builder-add-content-button:hover {background-color: #A8102F}
.assignment-builder-add-content-actions-menu-title {text-align: left; font-weight: bold;font-family: 'Muli', sans-serif; color: #666666; padding: 0px 0px 4px 0px; font-size: 7pt; letter-spacing: 0.5px; text-transform: uppercase; cursor: default; margin-bottom: 4px;}
.assignment-builder-add-content-actions-menu-subtitle {text-align: left; font-weight: normal;font-family: 'Muli', sans-serif; color: #666666; font-size: 9pt; cursor: default; margin-bottom: 4px;}
.assignment-builder-add-content-actions-menu-item {height: 30px; text-align: left; cursor: pointer; padding: 4px}
.assignment-builder-add-content-actions-menu-item:hover {background-color: rgba(86, 40, 179, 0.04);}
.assignment-builder-add-content-actions-menu-item span {line-height: 20px; color: #705AF4; font-weight: 600;font-family: 'Muli', sans-serif; font-size: 10pt}
.assignment-builder-add-content-actions-menu-item.add-text-button span:before {content: "\f031"; font-family: 'FontAwesome'; margin-right: 10px}
.assignment-builder-add-content-actions-menu-item.add-question-button span:before {content: "\f059"; font-family: 'FontAwesome'; margin-right: 10px}
.assignment-builder-add-content-actions-menu-item.add-resource-button span:before {content: "\f02d"; font-family: 'FontAwesome'; margin-right: 10px}
.assignment-builder-add-content-actions-menu-item.add-file-upload-button span:before {content: "\f093"; font-family: 'FontAwesome'; margin-right: 10px}
.assignment-builder-add-content-actions-menu-item.add-learning-objective-button span:before {content: "\f140"; font-family: 'FontAwesome'; margin-right: 10px}
.assignment-builder-add-content-actions-menu-item.add-lesson-button span:before {content: "\f15c"; font-size: 9pt; font-family: 'FontAwesome'; margin-right: 10px}
.assignment-builder-add-content-actions-menu-item.add-header-button span:before {content: "\f1dc"; font-family: 'FontAwesome'; margin-right: 10px}
.assignment-builder-add-content-actions-menu-item.add-quiz-button span:before {content: "\f059"; font-family: 'FontAwesome'; margin-right: 10px}
.assignment-builder-add-content-actions-menu-item.add-review-button span:before {content: "\f5da"; font-family: 'FontAwesome'; margin-right: 10px}
.assignment-builder-add-content-actions-menu-item.add-lesson-build-button span:before, .assignment-builder-add-content-actions-menu-item.add-quiz-build-button span:before, .assignment-builder-add-content-actions-menu-item.add-review-build-button span:before {content: "\f055"; font-size: 9pt; font-family: 'FontAwesome'; margin-right: 10px}
.assignment-builder-add-content-actions-menu-item.add-lesson-generate-button span:before, .assignment-builder-add-content-actions-menu-item.add-quiz-generate-button span:before, .assignment-builder-add-content-actions-menu-item.add-review-generate-button span:before {content: "\e2ca"; font-size: 7.5pt; font-family: 'FontAwesome'; margin-right: 10px}
.assignment-builder-add-content-actions-menu-item.add-lesson-browse-button span:before, .assignment-builder-add-content-actions-menu-item.add-quiz-browse-button span:before, .assignment-builder-add-content-actions-menu-item.add-review-browse-button span:before {content: "\f002"; font-size: 9pt; font-family: 'FontAwesome'; margin-right: 10px}
.assignment-builder-main-content-section {margin-bottom: 80px}
.grab-state .assignment-builder-add-content-button-container {opacity: 0}
.select-state .assignment-builder-add-content-button-container {display: none}
.assignment-builder-add-button {margin-top: 10px;}
.select-assignments-options-button {display: inline-block; position: relative; cursor: pointer; width: 22px; height: 22px; margin-left: 20px;}
.select-assignments-options-button:before {content: ""; background: url(/images/gray-options-icon.svg) no-repeat left;background-size: contain; height: 6px; width:22px; display: block;position: absolute;top: 8px; left: 0px;}
.select-options-buttons-container {margin-left: 20px; display: inline-block; vertical-align: top;}
.select-options-button.destructive {border: 1px solid #eb1f48;}
.select-options-button.destructive span {color: #eb1f48;}
.select-options-button.destructive:hover {background-color: #eb1f48;}
.select-options-button {display: inline-block; border-radius: 20px; height: 22px; padding: 0 10px; border: 1px solid #705AF4; cursor: pointer;}
.select-options-button:not(:first-child) {margin-left: 10px;}
.select-options-button span {line-height: 20px; color: #705AF4; font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: 600;}
.select-options-button:hover {background-color: #705AF4;}
.select-options-button:hover span {color: #ffffff !important}
.class-page-top-options-section {display: block; margin-bottom: 20px;}
.class-page-intro-section {margin-bottom: 40px}
.class-page-intro-section-title span {font-family: 'Muli', sans-serif; font-weight: 600; font-size: 22pt; color: #2B3138}
.class-page-add-header-button-container, .class-page-select-assignments-button-container {display: inline-block;}
.class-page-select-assignments-button-container {margin-right: 6px;}
.class-page-select-assignments-button {position: relative; padding-left: 18px;}
.class-page-intro-section-body {margin-top: 20px}
.class-page-intro-section-body span {font-family: 'Muli', sans-serif; font-size: 10pt; color: #666666; font-weight: normal; text-align: center;}
.class-page-intro-section-body-link {font-family: 'Muli', sans-serif; font-size: 10pt; line-height: 24px; display: inline; cursor: pointer; text-decoration: underline; color: #666666}
.class-page-intro-section-body-link:hover {text-decoration: underline;}
.class-page-intro-section-body.instructor-body {font-family: 'Muli', sans-serif; font-size: 10pt; line-height: 24px; color: #666666}
.class-page-flashcard-mode-link-instructor {font-weight: bold; color: #705AF4}
.class-page-flashcard-mode-link {margin-left: 4px; font-weight: bold; color: #705AF4}
.class-page-flashcard-mode-link:after {content: "\f178"; font-family: 'FontAwesome';font-size: 13px; margin-left: 6px;}
.assignment-builder-add-button span, .class-page-add-header-button, .class-page-select-assignments-button, .classes-page-enrollments-list-section-item-add-class-button span, .add-item-button span {cursor: pointer; font-family: 'Muli', sans-serif; font-size: 9.5pt; color: #DD167B; font-weight: normal;}
.assignment-builder-add-button span:hover, .class-page-add-header-button:hover, .class-page-select-assignments-button:hover, .classes-page-enrollments-list-section-item-add-class-button:hover span, .add-item-button:hover span {font-weight: bold}
.assignment-builder-add-button span:hover:before, .class-page-add-header-button:hover:before, .class-page-select-assignments-button:hover:before, .classes-page-enrollments-list-section-item-add-class-button:hover span:before, .add-item-button:hover span:before {background-color: #DD167B; color: #ffffff;}
.assignment-builder-add-button span:before, .class-page-add-header-button:before, .classes-page-enrollments-list-section-item-add-class-button span:before, .add-item-button span:before {content: '+'; display: inline-block; height:16px; width: 16px; margin-right: 4px; line-height: 12px; text-align: center; color: #DD167B; font-size: 11pt; font-weight: 600; font-style: 'Muli', sans-serif; border-radius: 10px; border: 1px solid #DD167B;}
.class-page-select-assignments-button:before {content: "\f00c"; font-family: 'FontAwesome'; height:14px; width: 14px; line-height: 12px; text-align: center; font-weight: 600; color: #DD167B; font-size: 9pt; font-weight: 600; font-style: 'Muli', sans-serif; border-radius: 2px; border: 1px solid #DD167B; display: block; position: absolute;top: 1px; left: 0px}
.class-page-select-assignments-button.select-mode:before {content: ""; font-family: 'FontAwesome'; height:14px; width: 14px; line-height: 12px; text-align: center; font-weight: 600; color: #DD167B; font-size: 9pt; font-weight: 600; font-style: 'Muli', sans-serif; border-radius: 2px; border: 1px solid #DD167B; display: block; position: absolute; top: 1px; left: 0px}
.assignment-builder-current-resources-display {display: block;}
.assignment-builder-current-resources-display.inactive {display: none;}
.assignment-builder-current-resources-title, .assignment-builder-questions-title, .assignment-builder-topics-title {margin-bottom: 20px;}
.assignment-builder-topics-list-item:first-child {margin-top: 10px;}
.assignment-builder-added-resource, .assignment-builder-question, .assignment-builder-topics-list-item, .assignment-builder-pending-generation-item {border-radius: 10px; padding: 14px; display: block;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); overflow: visible; cursor: pointer; position: relative;}
.assignment-builder-question {background-color: #ffffff;}
.assignment-builder-pending-generation-item {position: relative; cursor: default; background-color: #ffffff; background: url(/images/generation-background.svg)}
/*.assignment-builder-question.mc-question .grabbable {display: none}*/
.assignment-builder-question .grabbable, .assignment-builder-pending-generation-item .grabbable {position: absolute; top: 0; left: 0; height: 100%; width: 26px; background-color: transparent; cursor: grab;cursor: -moz-grab;cursor: -webkit-grab; z-index: 2}
.assignment-builder-question.locked textarea, .assignment-builder-question.locked .assignment-builder-question-code-editor, .assignment-builder-question.locked .assignment-builder-question-code-language-selector, .assignment-builder-question.locked h6, .assignment-builder-question.locked .assignment-builder-question-mastery-question-is-answer-button, .assignment-builder-question.locked .assignment-builder-question-mastery-question-option-input-container, .assignment-builder-question.locked .assignment-builder-question-mastery-question-options-shuffled-container, , .assignment-builder-question.locked .assignment-builder-question-mastery-question-code-quality-check-toggle-container, .assignment-builder-question.locked .assignment-builder-question-name-input-container h6, .assignment-builder-question.locked .assignment-builder-question-text-field-container-markdown-preview-container, .assignment-builder-question.locked .assignment-builder-question-text-field-container {pointer-events: none;}

.assignment-builder-standard-review .coding-question, .assignment-builder-standard-review .coding-question-unit-tests {pointer-events: none}
.assignment-builder-standard-review .coding-question .assignment-builder-question-mastery-question-add-option-button, .assignment-builder-standard-review .coding-question .assignment-builder-question-mastery-question-add-explanation-button, .assignment-builder-standard-review .coding-question .assignment-builder-question-mastery-question-remove-option-button, .assignment-builder-standard-review .coding-question .assignment-builder-question-mastery-question-short-answer-field-remove-button, .assignment-builder-standard-review .coding-question .assignment-builder-question-composer-figure-remove-button, .assignment-builder-standard-review .coding-question .assignment-builder-remove-question-button {pointer-events: none; display: none !important;}
.assignment-builder-standard-review .coding-question-unit-tests .assignment-builder-question-mastery-question-add-option-button, .assignment-builder-standard-review .coding-question-unit-tests .assignment-builder-question-mastery-question-add-explanation-button, .assignment-builder-standard-review .coding-question-unit-tests .assignment-builder-question-mastery-question-remove-option-button, .assignment-builder-standard-review .coding-question-unit-tests .assignment-builder-question-mastery-question-short-answer-field-remove-button, .assignment-builder-standard-review .coding-question-unit-tests .assignment-builder-question-composer-figure-remove-button, .assignment-builder-standard-review .coding-question-unit-tests .assignment-builder-remove-question-button {pointer-events: none; display: none !important;}
.assignment-builder-standard-review .coding-question h6:after, .assignment-builder-standard-review .coding-question-unit-tests h6:after {content: ""; display: none !important;}
.assignment-builder-standard-review .coding-question:after, .assignment-builder-standard-review .coding-question-unit-tests:after,, .assignment-builder-standard-review .premium-resource:after {content:""; display:block; position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 999;border-radius: 10px; background-color: rgba(255,255,255,0.7)}
.assignment-builder-standard-review .coding-question:before, .assignment-builder-standard-review .coding-question-unit-tests:before  {content:"You must upgrade your class to use coding questions."; font-family: 'Muli', sans-serif; font-size: 13pt; font-weight: 600; display: block; position: absolute; z-index: 9999; left: 30px; right: 30px; text-align: center; top: 50%; color: #705AF4; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}

.assignment-builder-standard-review .mastery-coding-test-cases, .assignment-builder-standard-review .mastery-coding-unit-tests {pointer-events: none}
.assignment-builder-standard-review .mastery-coding-test-cases .assignment-builder-question-mastery-question-add-option-button, .assignment-builder-standard-review .mastery-coding-test-cases .assignment-builder-question-mastery-question-add-explanation-button, .assignment-builder-standard-review .mastery-coding-test-cases .assignment-builder-question-mastery-question-remove-option-button, .assignment-builder-standard-review .mastery-coding-test-cases .assignment-builder-question-mastery-question-short-answer-field-remove-button, .assignment-builder-standard-review .mastery-coding-test-cases .assignment-builder-question-composer-figure-remove-button, .assignment-builder-standard-review .mastery-coding-test-cases .assignment-builder-remove-question-button {pointer-events: none; display: none !important;}
.assignment-builder-standard-review .mastery-coding-unit-tests .assignment-builder-question-mastery-question-add-option-button, .assignment-builder-standard-review .mastery-coding-unit-tests .assignment-builder-question-mastery-question-add-explanation-button, .assignment-builder-standard-review .mastery-coding-unit-tests .assignment-builder-question-mastery-question-remove-option-button, .assignment-builder-standard-review .mastery-coding-unit-tests .assignment-builder-question-mastery-question-short-answer-field-remove-button, .assignment-builder-standard-review .mastery-coding-unit-tests .assignment-builder-question-composer-figure-remove-button, .assignment-builder-standard-review .mastery-coding-unit-tests .assignment-builder-remove-question-button {pointer-events: none; display: none !important;}
.assignment-builder-standard-review .mastery-coding-test-cases h6:after, .assignment-builder-standard-review .mastery-coding-unit-tests h6:after {content: ""; display: none !important;}
.assignment-builder-standard-review .mastery-coding-test-cases:after, .assignment-builder-standard-review .mastery-coding-unit-tests:after,, .assignment-builder-standard-review .premium-resource:after {content:""; display:block; position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 999;border-radius: 10px; background-color: rgba(255,255,255,0.7)}
.assignment-builder-standard-review .mastery-coding-test-cases:before, .assignment-builder-standard-review .mastery-coding-unit-tests:before  {content:"You must upgrade your class to use coding questions."; font-family: 'Muli', sans-serif; font-size: 13pt; font-weight: 600; display: block; position: absolute; z-index: 9999; left: 30px; right: 30px; text-align: center; top: 50%; color: #705AF4; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}

.assignment-builder-standard-review .premium-resource:before {content:"You must upgrade your class to use native videos."; font-family: 'Muli', sans-serif; font-size: 13pt; font-weight: 600; display: block; position: absolute; z-index: 9999; left: 30px; right: 30px; text-align: center; top: 50%; color: #705AF4; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.assignment-builder-standard-review .premium-resource {pointer-events: none}
.assignment-builder-question.unadded-recommended .assignment-builder-question-main {opacity: 0.5}
.assignment-builder-question.unadded-recommended:hover .assignment-builder-question-main {opacity: 1}
.assignment-builder-question.locked .assignment-builder-question-mastery-question-add-option-button, .assignment-builder-question.locked .assignment-builder-question-mastery-question-add-explanation-button, #assignment-builder-crowdsource-questions-list .assignment-builder-question.locked .assignment-builder-remove-question-button, #assignment-builder-crowdsource-questions-list .assignment-builder-question.locked .assignment-builder-clone-question-button, #assignment-builder-crowdsource-questions-list .assignment-builder-question.locked .assignment-builder-question-generate-similar-button, #assignment-builder-crowdsource-questions-list .assignment-builder-question.locked .assignment-builder-options-question-button, .assignment-builder-question.locked .assignment-builder-question-mastery-question-remove-option-button, .assignment-builder-question.locked .assignment-builder-question-mastery-question-short-answer-field-remove-button, .assignment-builder-question.locked .assignment-builder-question-composer-figure-remove-button, #assignment-builder-crowdsource-questions-list .assignment-builder-add-content-button-container {pointer-events: none; display: none !important;}
.tex-preview {display: none; background-color: rgba(0, 0, 0, 0.7); color: #ffffff; position: absolute; top: calc(100% + 4px); width: 100%; padding: 4px; left: 0; display: block; z-index: 9999999999; min-height: 46px;}
.tex-preview:before {content: "\\([inline TeX]\\) or $$[display TeX]$$"; font-size: 8pt; color: #e7e7e7;}
.tex-preview p {color: #ffffff;font-size: 9pt; word-wrap: break-word; font-family: 'Muli', sans-serif;}
.assignment-builder-question.include-tex textarea:focus + .tex-preview {display: block;}
.assignment-builder-question.include-tex textarea:not(:focus) + .tex-preview {display: none;}
.assignment-builder-question.include-tex input:focus + .tex-preview {display: block;}
.assignment-builder-question.include-tex input:not(:focus) + .tex-preview {display: none;}
.assignment-builder-question:not(.include-tex) .tex-preview {display: none;}
.assignment-builder-question.active {overflow: visible; cursor: default;}
.assignment-builder-added-resource:last-child {margin-bottom: 40px;}
.assignment-builder-question-mastery-question-options-shuffled-container, .assignment-builder-question-mastery-question-short-answer-fields-max-attempts-container {display: inline-block; float: right; position: relative; vertical-align: top;}
.assignment-builder-question-mastery-question-code-quality-check-toggle-container {display: inline-block; position: relative; height: 20px; vertical-align: top; margin-top: 10px;}
.assignment-builder-question-mastery-question-short-answer-fields-max-attempts-container {width: 136px;}
.assignment-builder-question-mastery-question-short-answer-fields-max-attempts-container input {width: 8px; margin-left: 4px; text-align: right;}
.assignment-builder-question-mastery-question-short-answer-fields-max-attempts-container input:invalid {color: #eb1f48;}
.assignment-builder-question-mastery-question-options-shuffled-container span, .assignment-builder-question-mastery-question-code-quality-check-toggle-container span, .assignment-builder-question-mastery-question-short-answer-fields-max-attempts-container span {display: inline-block; font-family: 'Muli', sans-serif; font-weight: 600; color: #666666; vertical-align: top;}
.assignment-builder-question-mastery-question-options-shuffled-container .toggle input, .assignment-builder-question-mastery-question-code-quality-check-toggle-container .toggle input {position: absolute !important;top:0 !important;right:0 !important;width:30px !important;height:19px !important;z-index: 999 !important;opacity: 0 !important; cursor: pointer !important;}
.assignment-builder-question-mastery-question-options-shuffled-container .toggle, .assignment-builder-question-mastery-question-code-quality-check-toggle-container .toggle {display: inline-block; margin-left: 6px; height: 19px !important; position: relative;}
.assignment-builder-question-mastery-question-bottom-options, .assignment-builder-question-mastery-question-short-answer-fields-bottom {margin-top: 4px; min-height: 19px}

.assignment-builder-questions-load-more-button-container, .catalog-items-load-more-button-container {margin-top: 20px}
.catalog-items-load-more-button span {font-family: 'Muli', sans-serif; font-size: 10pt; color: #705AF4; cursor: pointer; display: inline-block;}
.assignment-builder-questions-load-more-button {font-family: 'Muli', sans-serif; font-size: 10pt; color: #DD167B; cursor: pointer; display: inline-block;}
.catalog-item {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #e7e7e7}
.catalog-item a {font-family: 'Muli', sans-serif; font-size: 14pt; color: #705AF4; cursor: pointer; font-weight: 600}
.catalog-item a:hover {text-decoration: underline;}

.assignment-builder-question-mastery-question-short-answer-fields {margin-top: 10px; margin-bottom: 10px}
.assignment-builder-question-mastery-question-short-answer-field {display: block; padding: 10px; border-radius: 4px; border: 1px solid #e7e7e7;}
.assignment-builder-question-mastery-question-short-answer-field.empty-required-warning .assignment-builder-question-mastery-question-short-answer-field-title {color: #eb1f48;}
.assignment-builder-question-mastery-question-short-answer-field:not(:first-child) {margin-top: 10px}
.assignment-builder-question-mastery-question-short-answer-field-title {font-family: 'Muli', sans-serif; font-weight: 600; color: #666666;font-size: 9pt; margin-bottom: 4px; display: inline-block;float: left}
.assignment-builder-question-mastery-question-short-answer-field-helper-description {margin-bottom: 10px; display: none;}
.assignment-builder-question-mastery-question-short-answer-field-helper-description.active {display: block;}
.assignment-builder-question-mastery-question-short-answer-field-helper-description span {font-family: 'Muli', sans-serif; font-weight: normal; color: #eb1f48;font-size: 9pt; display: inline-block;}
.assignment-builder-question-mastery-question-short-answer-field-helper-description span:before {content: "\f071"; font-family: 'FontAwesome'; margin-right: 6px;}
.assignment-builder-question-name-helper-description {margin-top: 10px; display: none;}
.assignment-builder-question-name-input-container.active .assignment-builder-question-name-helper-description.active {display: block;}
.assignment-builder-question-name-helper-description span {font-family: 'Muli', sans-serif; font-weight: normal; color: #ff9966;font-size: 9pt; display: inline-block;}
.assignment-builder-question-name-helper-description span:before {content: "\f071"; font-family: 'FontAwesome'; margin-right: 6px;}
.assignment-builder-question-mastery-question-short-answer-field-value-entry {width: 100%;}
.assignment-builder-question-mastery-question-short-answer-field-top {display: block; height: 26px; position: relative;}
.assignment-builder-question-mastery-question-short-answer-field-value-entry-container {width: 100%; display: block; position: relative;}
.assignment-builder-question-mastery-question-short-answer-field-value {display: inline-block; padding: 4px 44px 4px 4px; border: 1px solid #666666; border-radius: 4px; margin-bottom: 4px; margin-right: 4px; position: relative;}
.assignment-builder-question-mastery-question-short-answer-field-value.destructive {border: 1px solid #eb1f48; background-color: #eb1f48}
.assignment-builder-question-mastery-question-short-answer-field-value-title {font-family: 'Muli', sans-serif; font-weight: lighter; color: #666666; font-size: 10pt}
.assignment-builder-question-mastery-question-short-answer-field-value.destructive .assignment-builder-question-mastery-question-short-answer-field-value-title {color: #ffffff;}
.assignment-builder-question-mastery-question-short-answer-field-match-type-button {width: 18px; height: 18px; display: block; position: absolute; top: 4px; right: 22px; cursor: pointer}
.assignment-builder-question-mastery-question-short-answer-field-match-type-button.approximate:after {content:""; background: url(../images/approximate-icon.svg) no-repeat left;background-size: contain; height: 16px; width:16px; display: block;position: absolute;top: 1px; left: 1px;}
.assignment-builder-question-mastery-question-short-answer-field-match-type-button.exact:after {content:""; background: url(../images/exact-icon.svg) no-repeat left;background-size: contain; height: 16px; width:16px; display: block;position: absolute;top: 1px; left: 1px;}
.assignment-builder-question-mastery-question-short-answer-field-value.destructive .assignment-builder-question-mastery-question-short-answer-field-match-type-button.approximate:after {content:""; background: url(../images/approximate-white-icon.svg) no-repeat left;background-size: contain; height: 16px; width:16px; display: block;position: absolute;top: 1px; left: 1px;}
.assignment-builder-question-mastery-question-short-answer-field-value.destructive .assignment-builder-question-mastery-question-short-answer-field-match-type-button.exact:after {content:""; background: url(../images/exact-white-icon.svg) no-repeat left;background-size: contain; height: 16px; width:16px; display: block;position: absolute;top: 1px; left: 1px;}
.assignment-builder-question-mastery-question-short-answer-field-match-type-button-helper {display: none; position: absolute; bottom: 100%; padding: 4px; width: 180px; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); background-color: rgba(0,0,0,0.8); border-radius: 2px; z-index: 999999}
.assignment-builder-question-mastery-question-short-answer-field-match-type-button-helper .assignment-builder-question-mastery-question-short-answer-field-match-type-button-helper-title {color: #ffffff; font-family: 'Muli', sans-serif; font-weight: bold; font-size: 10pt}
.assignment-builder-question-mastery-question-short-answer-field-match-type-button-helper .assignment-builder-question-mastery-question-short-answer-field-match-type-button-helper-body {color: #ffffff; font-family: 'Muli', sans-serif; font-weight: normal; font-size: 9pt; margin-top: 4px}
.assignment-builder-question-mastery-question-short-answer-field-value-remove-button {position: absolute; top: 8px; right: 8px; cursor: pointer; height: 10px; width: 10px; display: block}
.assignment-builder-question-mastery-question-short-answer-field-value-remove-button:after {content: ""; background: url(/images/gray-close-x-icon.svg) no-repeat left; background-position: center center; background-size: contain;width: 10px; height: 10px;position: absolute; right: 0px; top: 0px; display: block; color: #999999;}
.assignment-builder-question-mastery-question-short-answer-field-value.destructive .assignment-builder-question-mastery-question-short-answer-field-value-remove-button:after {content: ""; background: url(/images/white-close-x-icon.svg) no-repeat left; background-position: center center; background-size: contain;width: 10px; height: 10px;position: absolute; right: 0px; top: 0px; display: block;}
.assignment-builder-question-mastery-question-short-answer-field-match-type-button:hover .assignment-builder-question-mastery-question-short-answer-field-match-type-button-helper {display: block}
.assignment-builder-question-mastery-question-short-answer-field-match-type-button.approximate .assignment-builder-question-mastery-question-short-answer-field-match-type-button-helper-title:after {content: "Approximate match";}
.assignment-builder-question-mastery-question-short-answer-field-match-type-button.approximate .assignment-builder-question-mastery-question-short-answer-field-match-type-button-helper-body:after {content: "Scores responses that are 80% similar as correct.";}
.assignment-builder-question-mastery-question-short-answer-field-match-type-button.exact .assignment-builder-question-mastery-question-short-answer-field-match-type-button-helper-title:after {content: "Exact match";}
.assignment-builder-question-mastery-question-short-answer-field-match-type-button.exact .assignment-builder-question-mastery-question-short-answer-field-match-type-button-helper-body:after {content: "Scores responses that are exact matches as correct.";}
.mastery-question-short-answer-response-field, .metrics-question-response-item-mastery-question-short-answer-field-li, .quiz-question-short-answer-field {border: 1px solid #e7e7e7; padding: 10px; border-radius: 10px; display: block !important;}
.mastery-question-short-answer-response-field.incorrect, .quiz-question-short-answer-field.incorrect, .metrics-question-response-item-mastery-question-short-answer-field-li.incorrect {border: 1px solid #eb1f48;}
.mastery-question-short-answer-response-field.correct, .quiz-question-short-answer-field.correct, .metrics-question-response-item-mastery-question-short-answer-field-li.correct {border: 1px solid #36b1ff;}
.mastery-question-short-answer-response-field:not(:first-child), .metrics-question-response-item-mastery-question-short-answer-field-li:not(:first-child), .quiz-question-short-answer-field:not(:first-child), .primary-content-main:not(:first-child) {margin-top: 10px}
.mastery-question-short-answer-response-field-title, .metrics-question-response-item-mastery-question-short-answer-field-li-title, .quiz-question-short-answer-field-title, .primary-content-main-title {font-family: 'Muli', sans-serif; font-weight: 600; color: #666666;font-size: 9pt; margin-bottom: 4px; cursor: default;}
.metrics-question-response-item-mastery-question-short-answer-field-li-title {color: #212121;}
.mastery-question-short-answer-response-field.correct .mastery-question-short-answer-response-field-title, .quiz-question-short-answer-field.correct .quiz-question-short-answer-field-title, .metrics-question-response-item-mastery-question-short-answer-field-li.correct .metrics-question-response-item-mastery-question-short-answer-field-li-title {color: #36b1ff;}
.mastery-question-short-answer-response-field.incorrect .mastery-question-short-answer-response-field-title, .quiz-question-short-answer-field.incorrect .quiz-question-short-answer-field-title, .metrics-question-response-item-mastery-question-short-answer-field-li.incorrect .metrics-question-response-item-mastery-question-short-answer-field-li-title {color: #eb1f48;}
.mastery-question-short-answer-response-field-input, .quiz-question-short-answer-field-input, .metrics-question-response-item-mastery-question-short-answer-field-li-input {width: 100%;}
.metrics-question-response-item-mastery-question-short-answer-field-li-input.white {background-color: #ffffff !important;}
.mastery-question-short-answer-response-fields {margin-top: 20px}
.mastery-question-short-answer-accepted-answers-container, .metrics-question-response-item-mastery-question-short-answer-field-li-accepted-answers-container {margin-top: 4px}
.mastery-question-short-answer-accepted-answers-title, .metrics-question-response-item-mastery-question-short-answer-field-li-accepted-answers-title {display: inline;font-family: 'Muli', sans-serif; font-weight: 600; color: #666666;font-size: 9pt;}
.mastery-question-short-answer-accepted-answers-value, .metrics-question-response-item-mastery-question-short-answer-field-li-accepted-answers-value {display: inline; margin-left: 4px;font-family: 'Muli', sans-serif; font-weight: normal; color: #666666;font-size: 9pt;}
.metrics-question-response-item .metrics-question-response-item-mastery-question-short-answer-fields-ul {margin: 10px 0}
.metrics-question-response-item .metrics-code-editor-container {margin: 10px 0;}
.mastery-question-short-answer-response-field-input-container:not(:first-child) {margin-top: 10px;}
.mastery-question-short-answer-response-field-input-title {font-family: 'Muli', sans-serif; font-size: 9pt; color: #666666; font-weight: 600; margin-bottom: 4px}
.primary-content .mastery-question-short-answer-response-fields {margin-top: 0}

.auto-expand-all-fields .assignment-builder-question-resource-selection-section, .auto-expand-all-fields .assignment-builder-question.active .assignment-builder-question-resource-selection-section {display: block; height: 142px !important;}
.auto-expand-all-fields .assignment-builder-question, .auto-expand-all-fields .assignment-builder-question.active {margin-bottom: 152px !important;}
.auto-expand-all-fields .assignment-builder-question-mastery-question-type-selector {display: inline-block;}
.auto-expand-all-fields .assignment-builder-question-mastery-question-short-answer-field-save-accepted-answer-button-container {display: block;}
.assignment-builder.lesson-builder .assignment-builder-question-resource-selection-section {display: none !important;}
.assignment-builder-question-mastery-question-short-answer-field-save-accepted-answer-button-container {display: none;}
.assignment-builder-question-mastery-question-short-answer-field-save-accepted-answer-button {font-size: 9pt; font-weight: 600; line-height: 20px;background-color: #DD167B;font-family: 'Muli', sans-serif; color: #ffffff; vertical-align: middle; border-radius: 4px;padding: 3px 8px 3px 8px; border: 1px solid #DD167B; margin-top: 10px; cursor: pointer; position: relative;}
.assignment-builder-question-mastery-question-short-answer-field-save-accepted-answer-button.disabled {background-color: #ffffff; color: #666666; border: 1px solid #666666; cursor: default;}
.assignment-builder-question-mastery-question-generate-distractors-container {display: none; margin: 10px 0 4px 10px; position: relative;}
.assignment-builder-question-mastery-question-generate-distractors-button.locked {background-color: #ffffff; color: #666666; border: 1px solid #666666; cursor: default;}
.assignment-builder-question-mastery-question-generate-distractors-button.locked:before {content: "\f023"; font-family: 'FontAwesome'; margin-right: 6px;}
.assignment-builder-question-mastery-question-generate-distractors-button {font-size: 9pt; font-weight: 600; line-height: 20px;background-color: #DD167B;font-family: 'Muli', sans-serif; color: #ffffff; vertical-align: middle; border-radius: 4px;padding: 3px 8px 3px 8px; border: 1px solid #DD167B; cursor: pointer; position: relative;}
.assignment-builder-question-mastery-question-generate-distractors-button:before {content: "\f01e"; font-family: 'FontAwesome'; margin-right: 6px;}
.assignment-builder-question-mastery-question-generate-distractors-button.loading {cursor: default;}
.assignment-builder-question-mastery-question-generate-distractors-button.loading:before {content: ""; margin-right: 16px;}
.assignment-builder-question-mastery-question-generate-distractors-button.loading:after {content: ""; border: 3px solid transparent; border-top: 3px solid #ffffff; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: 4px;left: 4px; display: block;}
.assignment-builder-question-resource-selection-section {display: none; cursor: default; overflow: hidden; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); position: absolute; top: 100% !important; width: calc(100% - 17px); left: 17px; background-color: #333333; color: #ffffff; z-index: 999999999; opacity: 1; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.assignment-builder-question-resource-add-button {margin: 2px 20px 4px 10px !important; display: inline-block; max-width: 100%; overflow-x: scroll; overflow-y: hidden; white-space:nowrap; -ms-overflow-style: none; height: 100px !important;}
.assignment-builder-question-resource-add-button span {line-height: 94px; cursor: pointer; font-family: 'Muli', sans-serif; font-size: 9.5pt; color: #ffffff; font-weight: normal;}
.assignment-builder-question-resource-add-button span:hover {font-weight: bold}
.assignment-builder-question-resource-add-button span:hover:before {background-color: #ffffff; color: #333333;}
.assignment-builder-question-resource-add-button span:before {content: '+'; display: inline-block; height:16px; width: 16px; margin-right: 4px; line-height: 12px; text-align: center; color: #ffffff; font-size: 11pt; font-weight: 600; font-style: 'Muli', sans-serif; border-radius: 10px; border: 1px solid #ffffff;}
/*.assignment-builder-question.has-resources.active {border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-bottom: 46px !important;}*/
.assignment-builder:not(.lesson-builder):not(.auto-expand-all-fields) .assignment-builder-question.active:not(.show-resource-select) {border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-bottom: 46px !important;}
.assignment-builder-question.active.show-resource-select, .assignment-builder.resource-viewer .assignment-builder-question.active {margin-bottom: 152px !important;}
.assignment-builder-question.active .assignment-builder-question-resource-selection-section {display: block; height: 36px !important;}
.assignment-builder-question.active.show-resource-select .assignment-builder-question-resource-selection-section, .assignment-builder.resource-viewer .assignment-builder-question.active .assignment-builder-question-resource-selection-section {height: 142px !important;}
.assignment-builder-question-resource-selection-section-title, .assignment-builder-question-resources-selected-count {padding: 8px !important; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 9pt; display: inline-block; position: relative !important;}
.assignment-builder-question-resource-selection-section-top {display: block; position: absolute; left:0; top: 0; width: 100%; height: 36px;}
.assignment-builder-question-resources-selected-count:after {content: "selected"; margin-left: 2px;}
.assignment-builder-question-resources-selected-count {text-align: right; float: right;}
.assignment-builder-question-resource-selection-items {margin: 2px 10px 4px 10px !important; display: inline-block; max-width: 100%; overflow-x: scroll; overflow-y: hidden; white-space:nowrap; -ms-overflow-style: none; height: 100px !important;}
.assignment-builder-question-resource-selection-items::-webkit-scrollbar {display: none;}
.assignment-builder-question-resource-selection-item {display: inline-block; height: 100px; position: relative; cursor: pointer;}
.assignment-builder-question-resource-selection-item.lesson-text {width: 200px; white-space: normal;}
.assignment-builder-question-resource-selection-item-text-container-wrapper {background-color: #ffffff; width: 100%; height: 100%; position: relative;}
.assignment-builder-question-resource-selection-item-text-container {padding: 10px 10px 0 10px; height: calc(100% - 10px); -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.assignment-builder-question-resource-selection-item-text-value {overflow: hidden; position: relative;}
.assignment-builder-question-resource-selection-item-text-value p, .assignment-builder-question-resource-selection-item-text-value {overflow: hidden; color: #212121 !important; font-family: 'Merriweather', serif !important; font-size: 10pt !important; line-height: 20px !important;}
.assignment-builder-question-resource-selection-item:not(:last-child) {margin-right: 10px;}
.assignment-builder-question-resource-selection-item canvas {display: block; width: 100px; height: 100px; overflow: hidden; pointer-events:none;margin: none;padding: none;border: none;}
.assignment-builder-question-resource-selection-item figure, .assignment-builder-question-resource-selection-item video {display: block; height: 100px; overflow: hidden; pointer-events:none;margin: none;padding: none;border: none;}
.assignment-builder-question-resource-selection-item figure img {}
.assignment-builder-question-resource-selection-item.image {width: 200px;}
.assignment-builder-question-resource-selection-item.youtube figure, .assignment-builder-question-resource-selection-item.panopto iframe, .assignment-builder-question-resource-selection-item.s3-video video {width: 200px; height: 100px;}
.assignment-builder-question-resource-selection-item.link iframe {width: 200px; height: 100px;}
.assignment-builder-question-resource-selection-item:before {content: ""; position: absolute; left:0; top:0; width: 100%; height: 100%; background-color: #999999; opacity: 0.5; z-index: 2; display: block;}
.assignment-builder-question-resource-selection-item.selected:before {opacity: 0;}
.assignment-builder-question-resource-selection-item.selected {background-color: rgba(153, 153, 153, 0.5);}
.assignment-builder-question-resource-selection-item:after {content: ""; position: absolute; left: 2px; bottom: 2px; width: 16px; height: 16px; background-color: #e7e7e7; border-radius: 8px; border: 1px solid #666666; display: block; z-index: 3; opacity: 1;}
.assignment-builder-question-resource-selection-item.selected:after, .assignment-builder-question-resource-selection-item:hover:after {content: ""; position: absolute; left: 2px; bottom: 2px; background: url(../images/mc-correct-and-hover-icon.svg?v=3) no-repeat left;background-size: contain; height: 16px; width:16px; display: block; z-index: 3; opacity: 1;}
.assignment-builder-question-resource-selection-select-all-button:after {content: ""; position: relative; text-align: center; margin: 0 auto; width: 20px; height: 20px; background-color: #e7e7e7; border-radius: 10px; border: 1px solid #666666; display: block; z-index: 3; opacity: 1;}
.assignment-builder-question-resource-selection-select-all-container.selected .assignment-builder-question-resource-selection-select-all-button:after, .assignment-builder-question-resource-selection-select-all-container:hover .assignment-builder-question-resource-selection-select-all-button:after {content: ""; position: relative; background: url(../images/mc-correct-and-hover-icon.svg?v=3) no-repeat left;background-size: contain; height: 20px; width:20px; display: block; z-index: 3; opacity: 1;}
.assignment-builder-question-resource-viewer {display: none; cursor: default; position: absolute; bottom: 20px; left: 17px; width: calc(100% - 17px); height: 400px;}
.assignment-builder-question-resource-viewer-canvas, .assignment-builder-question-resource-viewer figure img, .assignment-builder-question-resource-viewer iframe, .assignment-builder-question-resource-viewer .assignment-builder-question-resource-viewer-video-container, .assignment-builder-question-resource-viewer-text-container {position: absolute; max-height: 400px !important; max-width: calc(100% - 17px) !important; bottom: 20px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.assignment-builder-question-resource-viewer-text-value {background-color: #ffffff; width: 100%; height: 100%; padding: 20px; overflow-y: scroll;}
.assignment-builder-question-resource-viewer iframe, .assignment-builder-question-resource-viewer .assignment-builder-question-resource-viewer-video-container, .assignment-builder-question-resource-viewer-text-container {height: 400px; width: 800px; cursor: pointer;}
.assignment-builder.resource-viewer > div {z-index: 1 !important}
.assignment-builder.resource-viewer .assignment-builder-last-saved-date {z-index: 0 !important;}
.assignment-builder.resource-viewer .assignment-builder-question-resource-viewer {z-index: 9999999;}
.assignment-builder.resource-viewer .assignment-builder-question.active .assignment-builder-question-resource-viewer-background {display: block; }
.assignment-builder.resource-viewer .tex-preview {z-index: 1;}
.assignment-builder.resource-viewer header:after {content: ""; position: absolute; left:0; top: 0; height: 100%; width: 100%; display: block; background-color: rgba(0,0,0,0.75); z-index: 999999; cursor: default;}
.assignment-builder.resource-viewer .assignment-auto-save-top-bar:after {content: ""; position: absolute; left:0; top: 0; height: 100%; width: 100%; display: block; background-color: rgba(0,0,0,0.75); z-index: 999999; cursor: default;}
.assignment-builder-question-resource-viewer-background {display: none;position: absolute; left: calc(-50vw + 50%); top: -99999px; width: 100vw; height: 999999px; background-color: rgba(0,0,0,0.75); z-index: 9999998; cursor: default;}
.assignment-builder.resource-viewer .maincontent {overflow-y: hidden;}
.assignment-builder.resource-viewer.actionable-resource-viewer .resource-viewer-close-button {position: absolute; top: 100px; right: 100px; background-color: #ffffff; display: block; z-index: 999999999999; cursor: pointer;}
.assignment-builder.resource-viewer.actionable-resource-viewer .resource-viewer-close-button:after {content: "";background: url(/images/close-x-icon.svg) no-repeat left; background-position: center center; background-size: contain;width: 20px; height: 20px; position: absolute; top: 10px; right: 10px; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.assignment-builder.resource-viewer.actionable-resource-viewer .resource-viewer-close-button {transform-origin: center; width: 40px !important; height: 40px !important; background-color: #ffffff; border-radius: 20px !important; display: block !important; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.assignment-builder.resource-viewer.actionable-resource-viewer .resource-viewer-close-button:hover:after {content: "";background: url(/images/close-x-icon.svg) no-repeat left; background-position: center center; background-size: contain;width: 25px; height: 25px; position: absolute; top: 12.5px; right: 12.5px;}
.assignment-builder.resource-viewer.actionable-resource-viewer .resource-viewer-close-button:hover {width: 50px !important; height: 50px !important; border-radius: 25px !important; position: absolute !important; right: 95px; top: 95px; display: block !important;}
.resource-viewer-close-button {display: none;}
.assignment-builder-question-resource-video-excerpt-container {display: inline-block; position: relative; width: 160px; height: 100px; vertical-align: top;}
.assignment-builder-question-resource-video-excerpt {display: block; position: absolute; left:0; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.assignment-builder-question-resource-excerpt-text {font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: bold; color: #ffffff; text-align: center; margin-bottom: 4px;}
.assignment-builder-question-resource-video-excerpt input {width: calc(50% - 10px); display: inline-block; text-align: center; background-color: rgba(255, 255, 255, 0.3); color: #ffffff; padding: 4px; border-radius: 8px;}
.assignment-builder-question-resource-video-excerpt input::placeholder {color: #e7e7e7;}
.assignment-builder-question-resource-video-excerpt-input-separator {width: 14px; display: inline-block; text-align: center; margin: 0 3px;}
.assignment-builder-question-resources-container {overflow-x: scroll !important; overflow-y: hidden; white-space: nowrap; display: block; position: absolute; left: 0; top: 36px; width: 100%; height: 100px;}
.assignment-builder-question-resources-container-items {display: inline-block;}
.assignment-builder-question-resource {position: relative;display: inline-block;}
.assignment-builder-question-resources-container .assignment-builder-question-resource:not(:first-child) {padding-left: 10px; margin-left: 10px;}
.assignment-builder-question-resources-container .assignment-builder-question-resource:not(:first-child):before {content: ""; position: absolute; left: 0; top: 25%; height: 50%; width: 1px; display: block; background-color: #e7e7e7;}
.assignment-builder-question-resources-container .assignment-builder-question-resource-lesson .assignment-builder-question-resource:not(:first-child) {padding-left: 0; margin-left: 0;}
.assignment-builder-question-resources-container .assignment-builder-question-resource-lesson .assignment-builder-question-resource:not(:first-child):before {display: none}
/*.assignment-builder-question-resources-container::-webkit-scrollbar {display: none !important;}*/

/* Assignment builder recommended questions */
.assignment-builder-show-recommended-questions-button {height: 40px; margin-top: 20px; width: 100%; background-color: #DD167B; border-radius: 4px; position: relative; display: block; text-align: center; cursor: pointer; vertical-align: middle;transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.assignment-builder-show-recommended-questions-button span {line-height: 40px; height: 40px; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt; color: #ffffff; vertical-align: middle;}
.assignment-builder-show-recommended-questions-button span:before {content: ""; width: 20px; height: 20px; background: url(../images/openclass-icon.svg)no-repeat;background-size: contain; background-position: center; margin-right: 10px; display: inline-block; vertical-align: middle;}
.assignment-builder-show-recommended-questions-button:hover {background-color: #705AF4}

.assignment-builder-added-resource h6, .assignment-builder-topics-list-item h6, .assignment-builder-question h6, .assignment-builder-question h6 p, .assignment-builder-question-name-input, .assignment-builder-topics-list-item-title-input, .assignment-builder-topics-list-item-title-input-container h6, .assignment-builder-added-resource-title-input {font-size: 13pt; line-height: 24px; font-family: 'Merriweather', serif; font-weight: 600; color: #212121;}
.assignment-builder-pending-generation-item h6, .assignment-builder-pending-generation-item h6 p {font-size: 13pt; line-height: 24px; font-family: 'Merriweather', serif; font-weight: 600; color: #ffffff;}
.assignment-builder-pending-generation-item-bottom {margin-top: 10px; padding-left: 20px; position: relative;}
.assignment-builder-pending-generation-item-bottom span {font-family: 'Muli', sans-serif; font-weight: 600; color: #ffffff; font-size: 9pt}
.assignment-builder-pending-generation-item-bottom span:before {content:"\e2ca"; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 9pt; color: #ffffff; margin-right: 6px}
.assignment-builder-topics-list-item-title-input-container h6 {font-size: 13pt; line-height: 28px !important; font-family: 'Merriweather', serif; font-weight: 600; color: #212121;}
.assignment-builder-question-name-input::placeholder {color: #999999;}
.assignment-builder-added-resource.in-progress:not(.upload-error) h6 {color: #999999 !important;}
.assignment-builder-added-resource.in-progress:not(.upload-error) h6:before {content: "Uploading ";}
.assignment-builder-added-resource.in-progress.upload-error h6 {color: #eb1f48 !important;}
.assignment-builder-resource-upload-body-error {color: #eb1f48; font-family: 'Muli', sans-serif; font-weight: normal; font-size: 10pt;}
.assignment-builder-added-resource.resource .assignment-builder-added-resource-left h6 {cursor: text;}
.assignment-builder-question:not(.locked) h6:after, .assignment-builder-added-resource.resource .assignment-builder-added-resource-left h6:after {content: ""; background: url(../images/small-edit-icon.svg) no-repeat left;background-size: contain; width: 13px; height: 14px; position: relative; display: inline-block; margin-left: 6px;}
.assignment-builder-question.locked:not(.by-author-locked) h6:after {content: "\f023"; font-family: 'FontAwesome'; margin-left: 6px;}
.assignment-builder-question h6 {cursor: text; display: inline; position: relative;}
/*.assignment-builder-question h6:before {content: ""; bottom: -4px; left: 0; width: 0; height: 1px; display: block; position: absolute; background-color: #212121; transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s;-ms-transition: all ease-in-out 1s;-o-transition: all ease-in-out 1s;-moz-transition: all ease-in-out 1s;}*/
/*.assignment-builder-question h6:hover:before {width: 100%;}*/
.assignment-builder-question-text-field-container-markdown-preview-container.clearable, .assignment-builder-question-text-field-container-markdown-preview-container.clearable p {color: #999999 !important;}
.assignment-builder-question:not(.locked) .assignment-builder-question-name-input-container, .assignment-builder-question-text-field-container-markdown-preview-container {cursor: text;}
.assignment-builder-question-text-field-container .assignment-builder-question-text-field-container-markdown-preview-container {display: inline-block;}
.assignment-builder-question-text-field-container .markdown-input-container {display: none;}
.assignment-builder-question-text-field-container.active > .assignment-builder-question-text-field-container-markdown-preview-container {display: none !important;}
.assignment-builder-question-text-field-container.active > .markdown-input-container {display: block !important;}
.assignment-builder-question-name-input-container, .assignment-builder-topics-list-item-title-input-container, .assignment-builder-added-resource-title-input-container, .assignment-builder-lesson-resource-selector-title-input-container {position: relative; overflow: hidden; white-space: pre-wrap; word-wrap: break-word; width: 100%; display: inline-block;}
.assignment-builder-topics-list-item:not(.locked) .assignment-builder-topics-list-item-title-input-container h6 {cursor: text;}
.assignment-builder-topics-list-item.locked {cursor: default;}
.assignment-builder-topics-list-item.locked .assignment-builder-topics-list-item-title-input-container {pointer-events: none;}
.assignment-builder-topics-list-item.locked .assignment-builder-topics-list-item-difficulty {pointer-events: none;}
.assignment-builder-topics-list-item:not(.locked) .assignment-builder-topics-list-item-title-input-container h6:after {content: ""; background: url(../images/small-edit-icon.svg) no-repeat left;background-size: contain; width: 13px; height: 14px; position: relative; display: inline-block; margin-left: 6px;}
.assignment-builder-topics-list-item.locked .assignment-builder-topics-list-item-title-input-container h6:after {content: "\f023"; font-family: 'FontAwesome'; margin-left: 6px;}

.assignment-builder-question-topics-section {margin-top: 14px; overflow: scroll; display: none}
.assignment-builder-question.active .assignment-builder-question-topics-section {display: block;}
.assignment-builder-question-topics-section-header {display: inline-block; font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: normal; color: #666666; margin-right: 4px}
.assignment-builder-question-topics-section-selected-topics, .assignment-builder-question-topics-section-unselected-topics {display: inline-block;}
.assignment-builder-question-topics-section-selected-topic-item, .assignment-builder-section-filter-by-topic-list-item, .static-topic {display: inline-block; color: #705AF4; border-radius: 3px; height: 20px; padding: 0 4px; line-height: 18px; font-family: 'Muli', sans-serif; font-size: 9.5pt; font-weight: normal !important; border: 1px solid #705AF4; cursor: pointer; margin-right: 4px;}
.static-topic {cursor: default; color: #705AF4 !important;}
.assignment-builder-question-topics-section-selected-topic-item:hover, .assignment-builder-section-filter-by-topic-list-item:hover {background-color: #705AF4; color: #ffffff;}
.assignment-builder-section-filter-by-topic-list-item.untagged {color: #666666; border: 1px solid #666666;}
.assignment-builder-section-filter-by-topic-list-item.untagged:hover {background-color: #666666; color: #ffffff;}
.assignment-builder-question-topics-section-selected-topics .assignment-builder-question-topics-section-selected-topic-item, .assignment-builder-section-filter-by-topic-list-item.selected {background-color: #705AF4; color: #ffffff;}
.assignment-builder-section-filter-by-topic-list-item.untagged.selected {background-color: #666666; color: #ffffff;}
.assignment-builder-question-topics-section-selected-topics .assignment-builder-question-topics-section-selected-topic-item:after, .assignment-builder-section-filter-by-topic-list-item.selected:after {content: "";background: url(/images/dismiss-topic-white-icon.svg) no-repeat left; background-size: contain; background-position: center center;vertical-align: top; margin-left: 6px; position: relative; display: inline-block; width: 8px; height: 8px; margin-top: 6px;}
.assignment-builder-question-topics-section-unselected-topics .assignment-builder-question-topics-section-selected-topic-item:after {content: "";background: url(/images/add-topic-purple-icon.svg) no-repeat left; background-size: contain; background-position: center center;vertical-align: top; margin-left: 6px; position: relative; display: inline-block; width: 8px; height: 8px; margin-top: 6px;}
.assignment-builder-question-topics-section-unselected-topics .assignment-builder-question-topics-section-selected-topic-item:before {background: url(/images/add-topic-white-icon.svg); display: inline; width: 0; height: 0;}
.assignment-builder-question-topics-section-unselected-topics .assignment-builder-question-topics-section-selected-topic-item:hover:after {background: url(/images/add-topic-white-icon.svg) no-repeat left;background-size: contain; background-position: center center;vertical-align: top;}
.assignment-builder-question-topics-section-create-new-topic-button {display: inline-block; color: #666666; border-radius: 3px; height: 20px; padding: 0 4px; line-height: 18px; font-family: 'Muli', sans-serif; font-weight: normal; border: 1px solid #666666; cursor: pointer;}
.assignment-builder-question-topics-section-create-new-topic-button:after {content: "";background: url(/images/add-topic-gray-icon.svg) no-repeat left; background-size: contain; background-position: center center;vertical-align: top; margin-left: 6px; position: relative; display: inline-block; width: 8px; height: 8px; margin-top: 6px;}
.assignment-builder-question-topics-section-create-new-topic-button:hover:after {background: url(/images/add-topic-white-icon.svg) no-repeat left;background-size: contain; background-position: center center;vertical-align: top;}
.assignment-builder-question-topics-section-create-new-topic-button:hover {background-color: #666666; color: #ffffff;}
.assignment-builder-question-topics-hint-span {font-family: 'Muli', sans-serif; color: #666666; font-weight: normal; display: none; font-size: 9pt; margin-right: 6px}
.assignment-builder-question-topics-section.empty .assignment-builder-question-topics-hint-span {display: inline}

.assignment-builder.review-builder .assignment-builder-question.active .assignment-builder-question-name-input-container {width: calc(100% - 185px);}
.auto-expand-all-fields .assignment-builder-question .assignment-builder-question-name-input-container {width: calc(100% - 185px);}
.assignment-builder-question-retrieval-type {width: 165px; margin: 0 10px; display: none; cursor: pointer; vertical-align: top; position: relative; color: #ffffff;border-radius: 4px;box-shadow: 0 1px 3px 0 #e6ebf1;-webkit-transition: box-shadow 150ms ease;transition: box-shadow 150ms ease;}
.auto-expand-all-fields.assignment-builder-premium-review.review-builder .assignment-builder-question-retrieval-type {display: inline-block;}
.assignment-builder-question-mastery-question-type-selector {display: none;width: 234px; margin: 10px 0 4px 0; cursor: pointer; vertical-align: top; position: relative; color: #ffffff; border-radius: 4px; box-shadow: 0 1px 3px 0 #e6ebf1;-webkit-transition: box-shadow 150ms ease;transition: box-shadow 150ms ease;}
.assignment-builder-question-retrieval-type-selected, .assignment-builder-question-retrieval-type-option {font-size: 9pt; font-weight: 600; line-height: 20px;background-color: #BBABE2;font-family: 'Muli', sans-serif; color: #ffffff; cursor: pointer; vertical-align: middle;}
.assignment-builder-question-retrieval-type-selected {border-radius: 4px;padding: 4px 8px 4px 34px;}
.assignment-builder-question-retrieval-type-selected:after, .assignment-builder-question-mastery-question-type-selected:after {content:""; display: block; position: absolute; top: calc(50% - 3px); right: 8px; width: 0; height: 0; border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 6px solid #ffffff; border-bottom: 0px solid transparent;}
.assignment-builder-question-retrieval-type.active .assignment-builder-question-retrieval-type-selected:after, .assignment-builder-question-mastery-question-type-selector.active .assignment-builder-question-mastery-question-type-selected:after {border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 6px solid #ffffff; border-top: 0px solid transparent;}
.assignment-builder-question-retrieval-type-selected:before {content:""; background: url(/images/premium-class-icon.svg)no-repeat;width: 20px;height: 16px;background-size: contain; background-position: center center; position: absolute; display: block; top: calc(50% - 8px); left: 8px;}
.assignment-builder-question-retrieval-type-options {position: absolute; display: none; overflow: hidden; top: 100%; left: 0; width: 100%; height: 90px; background-color: #A3A3A3; z-index: 999999}
.assignment-builder-question-retrieval-type-option:hover {background-color: #7A7A7A;}
.assignment-builder-premium-review.review-builder .assignment-builder-question.active .assignment-builder-question-retrieval-type {display: inline-block;}
.assignment-builder-question.active .assignment-builder-question-mastery-question-type-selector, .assignment-builder-question.active .assignment-builder-question-mastery-question-short-answer-field-save-accepted-answer-button-container, .assignment-builder-question.draft.active.mastery-mc-single .assignment-builder-question-mastery-question-generate-distractors-container, .assignment-builder-question.draft.active.mastery-mc-multiple .assignment-builder-question-mastery-question-generate-distractors-container {display: inline-block;}
.assignment-builder-question-retrieval-type.active, .assignment-builder-question-mastery-question-type-selector.active {border: 0;border-bottom-left-radius: 0; border-bottom-right-radius: 0;box-shadow: 0;}
.assignment-builder-question-retrieval-type.active .assignment-builder-question-retrieval-type-options, .assignment-builder-question-mastery-question-type-selector.active .assignment-builder-question-mastery-question-type-options {display: block;}
.assignment-builder-question-retrieval-type-option {margin: 0; width: 100%; text-align: center; line-height: 30px; padding: 0; background-color: #A3A3A3;}
.assignment-builder-question-mastery-question-type-selected {font-size: 9pt; font-weight: 600; line-height: 20px;background-color: #666666;font-family: 'Muli', sans-serif; color: #ffffff; cursor: pointer; vertical-align: middle; border-radius: 4px;padding: 4px 8px 4px 8px;}
.assignment-builder-question-mastery-question-type-options {position: absolute; display: none; overflow: hidden; top: 100%; left: 0; width: 100%; height: 120px; background-color: #A3A3A3; z-index: 999999; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.assignment-builder-review-question .assignment-builder-question-mastery-question-type-options {height: 60px;}
.assignment-builder-lesson-question .assignment-builder-question-mastery-question-type-options {height: 180px;}
.assignment-builder-review-question .assignment-builder-question-mastery-question-type-option-coding-test-cases, .assignment-builder-review-question .assignment-builder-question-mastery-question-type-option-coding-unit-tests, .assignment-builder-review-question .assignment-builder-question-mastery-question-type-option-open-ended, .assignment-builder-quiz-question .assignment-builder-question-mastery-question-type-option-open-ended {display: none;}
.assignment-builder-question-mastery-question-type-option:hover {background-color: #7A7A7A;}
.assignment-builder-question-mastery-question-type-option {margin: 0; width: 100%; text-align: center; line-height: 30px; padding: 0; background-color: #A3A3A3;font-size: 9pt; font-weight: 600; line-height: 20px;background-color: #BBABE2;font-family: 'Muli', sans-serif; color: #ffffff; cursor: pointer; vertical-align: middle; margin: 0; width: 100%; text-align: center; line-height: 30px; padding: 0; background-color: #A3A3A3;}
.mastery-mc-single .assignment-builder-question-mastery-question-type-option-mc-single {display: none}
.mastery-mc-multiple .assignment-builder-question-mastery-question-type-option-mc-multiple {display: none}
.mastery-short-answer .assignment-builder-question-mastery-question-type-option-short-answer {display: none}
.mastery-coding-test-cases .assignment-builder-question-mastery-question-type-option-coding-test-cases {display: none;}
.mastery-coding-unit-tests .assignment-builder-question-mastery-question-type-option-coding-unit-tests {display: none;}
.mastery-open-ended .assignment-builder-question-mastery-question-type-option-open-ended {display: none}
.mastery-web-dev .assignment-builder-question-mastery-question-type-option-web-dev {display: none}
.assignment-builder-question-mastery-question-type-specific {display: none}
.mastery-short-answer .assignment-builder-question-mastery-question-type-specific.short-answer-mastery-question {display: block}
.mastery-open-ended .assignment-builder-question-mastery-question-type-specific.open-ended-mastery-question {display: block}
.mastery-web-dev .assignment-builder-question-mastery-question-type-specific.web-dev-mastery-question {display: block}
.mastery-coding-test-cases .assignment-builder-question-mastery-question-type-specific.coding-mastery-question, .mastery-coding-unit-tests .assignment-builder-question-mastery-question-type-specific.coding-mastery-question {display: block;}
.mastery-mc-single .assignment-builder-question-mastery-question-type-specific.multiple-choice-mastery-question, .mastery-mc-multiple .assignment-builder-question-mastery-question-type-specific.multiple-choice-mastery-question {display: block}
.free-response .assignment-builder-question-retrieval-type-option-free-response {display: none;}
.coding-question .free-response-only {display: none !important;}
.coding-question .open-ended-only {display: none !important}
.coding-question .web-dev-only {display: none !important;}
.web-dev-question .free-response-only {display: none !important;}
.web-dev-question .open-ended-only {display: none !important}
.coding-question-unit-tests .free-response-only {display: none !important;}
.coding-question-unit-tests .web-dev-only {display: none !important;}
.coding-question-unit-tests .open-ended-only {display: none !important}
.mc-question .free-response-only {display: none !important}
.mc-question:not(.mastery-open-ended) .open-ended-only {display: none !important}
.mc-question .coding-only {display: none !important}
.mc-question .web-dev-only {display: none !important}
.mc-question .assignment-builder-question-mastery-question-input-container {display: none !important}
.mc-question .assignment-builder-question-mastery-question-primer {display: none !important;}
.free-response .web-dev-only {display: none !important;}
.free-response .coding-only {display: none !important;}
.web-dev-question .coding-only {display: none !important;}
.coding-question .assignment-builder-question-retrieval-type-option-coding, .mastery-coding-test-cases .assignment-builder-question-retrieval-type-option-coding {display: none;}
.coding-question-unit-tests .assignment-builder-question-retrieval-type-option-coding-unit-tests, .mastery-coding-unit-tests .assignment-builder-question-retrieval-type-option-coding-unit-tests {display: none}
.web-dev-question .assignment-builder-question-retrieval-type-option-web-dev {display: none}
.coding-question-unit-tests:not(.unit-tests-active) .assignment-builder-question-code-input-right, .mastery-coding-unit-tests:not(.unit-tests-active) .assignment-builder-question-code-input-right {display: none}
.assignment-builder-question-retrieval-type-options {border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.assignment-builder-question-retrieval-type.active .assignment-builder-question-retrieval-type-selected:before {display: none;}
.assignment-builder-question-retrieval-type.active .assignment-builder-question-retrieval-type-selected, .assignment-builder-question-mastery-question-type-selector.active .assignment-builder-question-mastery-question-type-selected {margin: 0; text-align: center; border-bottom-right-radius: 0; border-bottom-left-radius: 0; padding: 4px 8px;}
.assignment-builder-question-retrieval-type.active .assignment-builder-question-retrieval-type-selected:hover {background-color: #9A81D2;}
.assignment-builder-question-mastery-question-type-selector.active .assignment-builder-question-mastery-question-type-selected:hover {background-color: #555555;}
.assignment-builder-question-name-input-container .assignment-builder-question-name-input, .assignment-builder-topics-list-item-title-input-container .assignment-builder-topics-list-item-title-input, .assignment-builder-added-resource-title-input-container .assignment-builder-added-resource-title-input, .assignment-builder-lesson-resource-selector-title-input-container .assignment-builder-lesson-resource-selector-title-input {display: none;}
.assignment-builder-question-name-input-container h6, .assignment-builder-question-name-input-container h6 p, .assignment-builder-topics-list-item-title-input-container h6 {display: inline; line-height: 30px}
.assignment-builder-question-name-input-container.clearable h6:not(.empty-required-warning), .assignment-builder-question-name-input-container.clearable h6:not(.empty-required-warning) p, .assignment-builder-topics-list-item-title-input-container.clearable h6 {color: #999999 !important;}
.assignment-builder-question-name-input-container.active .assignment-builder-question-name-input, .assignment-builder-topics-list-item-title-input-container.active .assignment-builder-topics-list-item-title-input, .assignment-builder-added-resource-title-input-container.active .assignment-builder-added-resource-title-input, .assignment-builder-lesson-resource-selector-title-input-container.active .assignment-builder-lesson-resource-selector-title-input {display: block; width: 100%;}
.assignment-builder-topics-list-item-title-input {line-height: 28px}
.assignment-builder-question-name-input-container.active h6, .assignment-builder-question-name-input-container.active h6 p, .assignment-builder-topics-list-item-title-input-container.active h6, .assignment-builder-added-resource-title-input-container.active h6, .assignment-builder-lesson-resource-selector-title-input-container.active .assignment-builder-lesson-resource-selector-title {display: none;}
.assignment-builder-added-resource-main, .assignment-builder-question-main, .assignment-builder-topics-list-item-main, .assignment-builder-pending-generation-item-main {position: relative; padding-left: 20px;}
.assignment-builder-added-resource-main:before, .assignment-builder-topics-list-item-main:before {content: ""; width: 2px; height: 100%; position: absolute; left: 3px; top: 0px; background-color: #1999EA; display: block; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.assignment-builder-question-main:before {content: ""; width: 0px; height: 100%; position: absolute; left: 3px; top: 0px; background-color: #1999EA; display: block; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.assignment-builder-pending-generation-item-main:before {content: ""; width: 0px; height: 100%; position: absolute; left: 3px; top: 0px; background-color: #ffffff; display: block; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.assignment-builder-topics-list-item.non-mastery .assignment-builder-topics-list-item-main:before {background-color: #666666 !important}
.assignment-builder-added-resource.in-progress .assignment-builder-added-resource-main:before {background-color: #666666 !important}
.assignment-builder-topics-list-item-main:not(.non-mastery):before {background-color: #705AF4 !important}
.assignment-builder-added-resource.in-progress {cursor: default;}
.assignment-builder-question-main:before {background-color: #DD167B;}
.assignment-builder-question.draft .assignment-builder-question-main:before {background-color:#666666;}
.assignment-builder-pending-generation-item-main:before {background-color:#ffffff;}
.assignment-builder-question.unadded-recommended .assignment-builder-question-main:before {background-color:#705AF4 !important; content: ""; border-bottom-left-radius: 10px; border-top-left-radius: 10px; width: 50px !important; height: calc(100% + 28px) !important; position: absolute; left: -47px !important; top: -14px !important; display: block;}
.assignment-builder-added-resource:hover .assignment-builder-added-resource-main:before, .assignment-builder-topics-list-item:hover .assignment-builder-topics-list-item-main:before, .assignment-builder-question:hover .assignment-builder-question-main:before, .assignment-builder-pending-generation-item:hover .assignment-builder-pending-generation-item:before {content: ""; border-bottom-left-radius: 10px; border-top-left-radius: 10px; width: 17px; height: calc(100% + 28px); position: absolute; left: -14px; top: -14px; display: block;}
.assignment-builder-question .grabbable:hover + .assignment-builder-question-main:before, .assignment-builder-pending-generation-item .grabbable:hover .assignment-builder-pending-generation-item-main:before {width: 0px !important;}
.assignment-builder-question.active .assignment-builder-question-main:before {content: ""; border-bottom-left-radius: 10px; border-top-left-radius: 10px; width: 50px; height: calc(100% + 28px); position: absolute; left: -47px; top: -14px; display: block;}
.assignment-builder-question:hover .assignment-builder-question-main:before {background-color: #DD167B}
.assignment-builder-question.draft:hover .assignment-builder-question-main:before {background-color: #666666}
.assignment-builder-pending-generation-item-main:before {background-color: #ffffff}
.assignment-builder-added-resource-left, .assignment-builder-topics-list-item-left {width: calc(100% - 40px); display: inline-block; vertical-align: top;}
.assignment-builder-added-resource.wide-right .assignment-builder-added-resource-left {width: calc(100% - 66px); display: inline-block; vertical-align: top;}
.assignment-builder-question-left {width: calc(100% - 102px); display: inline-block; vertical-align: top;}
.assignment-builder-question.draft .assignment-builder-question-left {width: calc(100% - 102px);}
.overview-mode .assignment-builder-question:not(.active) .assignment-builder-question-body {display: none;}
.assignment-builder-added-resource-right, .assignment-builder-topics-list-item-right {width: 30px; height: 30px; display: inline-block; margin-left: 10px; vertical-align: top; position: relative;}
.assignment-builder-added-resource.wide-right .assignment-builder-added-resource-right {width: 56px}
.assignment-builder-added-resource.wide-right .assignment-builder-added-resource-right .assignment-builder-remove-added-resource-button {margin-right: 6px; display: inline-block;}
.assignment-builder-question-right {width: 92px; height: 30px; display: inline-block; margin-left: 10px; vertical-align: top; position: relative; text-align: left;}
.assignment-builder-question.draft .assignment-builder-question-right {width: 92px;}
.assignment-builder-question-additional-options.active, .assignment-builder-added-resource:hover .assignment-builder-resource-additional-options.active, .assignment-builder-lesson-resource-additional-options.active, .assignment-builder-lesson-file-upload-additional-options.active {display: block;}
.assignment-builder-question-additional-options, .assignment-builder-resource-additional-options {position: absolute; z-index: 10; top: 34px; right: 0; width: 114px; background-color: #ffffff; display: none; padding: 6px 21px 6px 21px; line-height: 10px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);border-radius: 3px;}
.assignment-builder-lesson-resource-additional-options, .assignment-builder-lesson-file-upload-additional-options {position: absolute; z-index: 10; top: 44px; right: 30px; width: 114px; background-color: #ffffff; display: none; padding: 6px 21px 6px 21px; line-height: 10px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);border-radius: 3px;}
.assignment-builder-resource-additional-options-list, .assignment-builder-lesson-resource-additional-options-list, .assignment-builder-lesson-file-upload-additional-options-list {list-style-type: none;}
.assignment-builder-question-additional-options-list li, .assignment-builder-resource-additional-options-list li, .assignment-builder-lesson-resource-additional-options-list li, .assignment-builder-lesson-file-upload-additional-options-list li {height: 30px; line-height: 30px; vertical-align: middle; cursor: pointer; color: #212121; position:relative; padding-left: 20px; font-weight: 600; font-family: 'Muli', sans-serif; font-size: 10pt;}
.assignment-builder-question-additional-options-list li.assignment-builder-link-question-button:hover {color: #705AF4;}
.assignment-builder-question-additional-options-list li.assignment-builder-link-question-button:before {content: "\f0c1"; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 10pt; color: #666666; position: absolute; display: inline-block; top: 1px; left: -2px;}
.assignment-builder-question-additional-options-list li.assignment-builder-link-question-button:hover:before {color: #705AF4}
.assignment-builder-question-additional-options-list li.assignment-builder-question-versions-button:hover {color: #705AF4;}
.assignment-builder-question-additional-options-list li.assignment-builder-question-versions-button:before {content: "\f126"; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 10pt; color: #666666; position: absolute; display: inline-block; top: 1px; left: 0;}
.assignment-builder-question-additional-options-list li.assignment-builder-question-versions-button:hover:before {color: #705AF4}
.assignment-builder-question-additional-options-list li.assignment-builder-delete-question-button:hover {color: #eb1f48;}
.assignment-builder-question-additional-options-list li.assignment-builder-delete-question-button:before {content: "\f2ed"; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 10pt; color: #666666; position: absolute; display: inline-block; top: 1px; left: 0;}
.assignment-builder-question-additional-options-list li.assignment-builder-delete-question-button:hover:before {color: #eb1f48}
.assignment-builder-question-additional-options-list li.assignment-builder-question-score-settings-button:hover {color: #705AF4;}
.assignment-builder-question-additional-options-list li.assignment-builder-question-score-settings-button:before {content:"\f56b";font-family: 'Font Awesome 5 Free';font-size: 10pt;background-size: contain;width: 13px; height: 14px; position: absolute; top:2px; left:0px; color: #212121}
.assignment-builder-question-additional-options-list li.assignment-builder-question-score-settings-button:hover:before {color: #705AF4}
.assignment-builder-resource-additional-options-list li.assignment-builder-delete-resource-button:hover, .assignment-builder-lesson-resource-additional-options-list li.assignment-builder-delete-resource-button:hover, .assignment-builder-lesson-file-upload-additional-options-list li.assignment-builder-delete-file-upload-button:hover {color: #eb1f48;}
.assignment-builder-resource-additional-options-list li.assignment-builder-delete-resource-button:before, .assignment-builder-lesson-resource-additional-options-list li.assignment-builder-delete-resource-button:before, .assignment-builder-lesson-file-upload-additional-options-list li.assignment-builder-delete-file-upload-button:before {content: ""; background: url(../images/trash-icon.svg) no-repeat left;background-size: contain; width: 13px; height: 14px; position: absolute; display: inline-block; top: 8px; left: 0;}
.assignment-builder-resource-additional-options-list li.assignment-builder-delete-resource-button:after, .assignment-builder-lesson-resource-additional-options-list li.assignment-builder-delete-resource-button:after, .assignment-builder-lesson-file-upload-additional-options-list li.assignment-builder-delete-file-upload-button:after {display: none; background: url(../images/trash-hover-icon.svg) no-repeat left;}
.assignment-builder-resource-additional-options-list li.assignment-builder-delete-resource-button:hover:before, .assignment-builder-lesson-resource-additional-options-list li.assignment-builder-delete-resource-button:hover:before, .assignment-builder-lesson-file-upload-additional-options-list li.assignment-builder-delete-file-upload-button:hover:before {content: ""; background: url(../images/trash-hover-icon.svg) no-repeat left;background-size: contain;}
.assignment-builder-remove-added-resource-button, .assignment-builder-lesson-remove-resource-button, .assignment-builder-lesson-remove-file-upload-button, .assignment-builder-remove-question-button, .assignment-builder-remove-topic-button, .assignment-builder-clone-question-button, .assignment-builder-question-generate-similar-button, .assignment-builder-lesson-file-upload-settings-button {position: relative; cursor: pointer; width: 30px; height: 30px; background-color: #ffffff; border-radius: 15px; transition: background-color ease-in-out 100ms; -webkit-transition: background-color ease-in-out 100ms;-ms-transition: background-color ease-in-out 100ms;-o-transition: background-color ease-in-out 100ms;-moz-transition: background-color ease-in-out 100ms;}
.assignment-builder-options-question-button, .assignment-builder-options-resource-button, .assignment-builder-lesson-options-resource-button, .assignment-builder-lesson-options-file-upload-button {display: inline-block; position: relative; cursor: pointer; width: 20px; height: 30px;}
.assignment-builder-clone-question-button {display: inline-block; margin-right: 6px; position: relative; }
.assignment-builder-remove-question-button {display: inline-block; margin-right: 6px; position: relative;}
.assignment-builder-question-generate-similar-button {display: none; margin-right: 6px; position: relative;}
.assignment-builder-quiz-question.published.mastery-mc-multiple .assignment-builder-question-generate-similar-button, .assignment-builder-quiz-question.published.mastery-mc-single .assignment-builder-question-generate-similar-button, .assignment-builder-quiz-question.published.mastery-coding-test-cases .assignment-builder-question-generate-similar-button, .assignment-builder-quiz-question.published.mastery-coding-unit-tests .assignment-builder-question-generate-similar-button, .assignment-builder-lesson-question.published.mastery-mc-single .assignment-builder-question-generate-similar-button, .assignment-builder-lesson-question.published.mastery-mc-multiple .assignment-builder-question-generate-similar-button, .assignment-builder-lesson-question.published.mastery-coding-test-cases .assignment-builder-question-generate-similar-button, .assignment-builder-lesson-question.published.mastery-coding-unit-tests .assignment-builder-question-generate-similar-button, .assignment-builder-review-question.published.free-response .assignment-builder-question-generate-similar-button, .assignment-builder-review-question.published.coding-question .assignment-builder-question-generate-similar-button {display: inline-block;}
.assignment-builder-quiz-question.published.mastery-mc-multiple .assignment-builder-question-right, .assignment-builder-quiz-question.published.mastery-mc-single .assignment-builder-question-right, .assignment-builder-quiz-question.published.mastery-coding-test-cases .assignment-builder-question-right, .assignment-builder-quiz-question.published.mastery-coding-unit-tests .assignment-builder-question-right, .assignment-builder-lesson-question.published.mastery-mc-single .assignment-builder-question-right, .assignment-builder-lesson-question.published.mastery-mc-multiple .assignment-builder-question-right, .assignment-builder-lesson-question.published.mastery-coding-test-cases .assignment-builder-question-right, .assignment-builder-lesson-question.published.mastery-coding-unit-tests .assignment-builder-question-right, .assignment-builder-review-question.published.free-response .assignment-builder-question-right, .assignment-builder-review-question.published.coding-question .assignment-builder-question-right {width: 128px}
.assignment-builder-quiz-question.published.mastery-mc-multiple .assignment-builder-question-left, .assignment-builder-quiz-question.published.mastery-mc-single .assignment-builder-question-left, .assignment-builder-quiz-question.published.mastery-coding-test-cases .assignment-builder-question-left, .assignment-builder-quiz-question.published.mastery-coding-unit-tests .assignment-builder-question-left, .assignment-builder-lesson-question.published.mastery-mc-multiple .assignment-builder-question-left, .assignment-builder-lesson-question.published.mastery-mc-single .assignment-builder-question-left, .assignment-builder-lesson-question.published.mastery-coding-test-cases .assignment-builder-question-left, .assignment-builder-lesson-question.published.mastery-coding-unit-tests .assignment-builder-question-left, .assignment-builder-review-question.published.free-response .assignment-builder-question-left, .assignment-builder-review-question.published.coding-question .assignment-builder-question-left {width: calc(100% - 138px); }
.assignment-builder-question.draft .assignment-builder-question-generate-similar-button {display: none;}
.assignment-builder-added-resource:hover .assignment-builder-remove-added-resource-button, .assignment-builder-lesson-remove-resource-button, .assignment-builder-lesson-remove-file-upload-button, .assignment-builder-lesson-file-upload-settings-button, .assignment-builder-topics-list-item:hover .assignment-builder-remove-topic-button, .assignment-builder-question:hover .assignment-builder-remove-question-button, .assignment-builder-question.active .assignment-builder-remove-question-button, .assignment-builder-question:hover .assignment-builder-clone-question-button, .assignment-builder-question.active .assignment-builder-clone-question-button, .assignment-builder-question:hover .assignment-builder-question-generate-similar-button, .assignment-builder-question.active .assignment-builder-question-generate-similar-button {background-color: #e7e7e7}
.assignment-builder-lesson-remove-resource-button, .assignment-builder-lesson-remove-file-upload-button, .assignment-builder-lesson-file-upload-settings-button {background-color: transparent !important}
.assignment-builder-added-resource:not(:last-child), .assignment-builder-topics-list-item:not(:last-child), .assignment-builder-question:not(:last-child) {margin-bottom: 10px;}
.assignment-builder-question:last-child {margin-bottom: 20px;}
.assignment-builder-remove-added-resource-button:hover, .assignment-builder-lesson-remove-resource-button:hover, .assignment-builder-lesson-remove-file-upload-button:hover, .assignment-builder-lesson-file-upload-settings-button:hover, .assignment-builder-remove-topic-button:hover, .assignment-builder-remove-question-button:hover, .assignment-builder-clone-question-button:hover, .assignment-builder-question-generate-similar-button:hover {background-color: #D0D0D0 !important;}
.assignment-builder-remove-added-resource-button:before, .assignment-builder-lesson-remove-resource-button:before, .assignment-builder-lesson-remove-file-upload-button:before, .assignment-builder-remove-topic-button:before, .assignment-builder-remove-question-button:before {content: "";background: url(/images/close-x-icon.svg) no-repeat left;background-size: contain;width: 10px; height: 10px; position: absolute; top:10px; right:10px;}
.assignment-builder-lesson-file-upload-settings-button {text-align: center;}
.assignment-builder-lesson-file-upload-settings-button:before {content:"\f013";font-family: 'FontAwesome';font-size: 14pt;background-size: contain;width: 30px; height: 30px; line-height: 30px; position: absolute; top:0px; right:0px; color: #666666}
.assignment-builder-clone-question-button:before {content: "";background: url(/images/clone-icon.svg) no-repeat left;background-size: contain;width: 10px; height: 10px; position: absolute; top:10px; right:10px;}
.assignment-builder-question-generate-similar-button:before {content:"\e2ca"; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 10pt; color: #666666; position: absolute; top:6px; right:7.5px;}
.assignment-builder-options-question-button:before, .assignment-builder-options-resource-button:before, .assignment-builder-lesson-options-resource-button:before, .assignment-builder-lesson-options-file-upload-button:before {content: "";background: url(/images/question-settings-icon.svg) no-repeat left;background-size: contain;width: 4px;height: 16px;position: absolute;top:7px;right:8px;}
.assignment-builder-added-resource-attributes li {margin: 4px 0 0 0; padding: 0; height: 12px;}
.version-history-list-loader-container {position: relative; height: 20px; width: 100%; margin-top: 20px; margin-bottom: 20px}
.version-history-list {padding-bottom: 0 !important; margin-bottom: 20px !important}
.version-history-list-message-container span {font-family: 'Muli', sans-serif; color: #212121; font-size: 10pt; font-weight: normal;}
.version-history-list li {margin-bottom: 10px !important}
.version-history-list li a {font-family: 'Muli', sans-serif; color: #666666; font-size: 10pt; font-weight: normal; text-decoration: underline; cursor: pointer;}
.question-versions-difference-section, .text-section-versions-difference-section, .assignment-versions-difference-section {margin-bottom: 20px}
.question-versions-difference-section-title, .assignment-versions-difference-section-title {font-family: 'Muli', sans-serif; color: #eb1f48; font-size: 10pt; font-weight: bold; margin-bottom: 10px}
.assignment-versions-difference-section-warning {font-family: 'Muli', sans-serif; color: #212121; font-size: 10pt; font-weight: normal; margin-top: 10px}
.question-versions-difference-section-body-current {display: inline-block; width:calc(50% - 5px); margin-right: 5px; vertical-align: top}
.question-versions-difference-section-body-selected {display: inline-block; width:calc(50% - 5px); margin-left: 5px; vertical-align: top}
.text-section-versions-difference-section-body-current, .text-section-versions-difference-section-body-selected {display: block;}
.text-section-versions-difference-section-body-selected {margin-top: 10px}
.assignment-versions-difference-section-items {padding-bottom: 0 !important}
.assignment-versions-difference-section-items li {background-color: rgba(0, 0, 0, 0.04); border-radius: 4px; padding: 8px}
.assignment-versions-difference-section-items li:not(:last-child) {margin-bottom: 8px !important}
.assignment-versions-difference-section-items li .lesson-content-text-item {min-height: 30px !important}
.question-versions-difference-section-body-current-title, .question-versions-difference-section-body-selected-title, .text-section-versions-difference-section-body-current-title, .text-section-versions-difference-section-body-selected-title {font-family: 'Muli', sans-serif; color: #666666; font-size: 9pt; font-weight: bold; margin-bottom: 4px}
.question-versions-difference-section-body-current-value, .question-versions-difference-section-body-selected-value, .text-section-versions-difference-section-body-current-value, .text-section-versions-difference-section-body-selected-value {font-family: 'Muli', sans-serif; color: #212121; font-size: 10pt; font-weight: normal; background-color: rgba(0, 0, 0, 0.04); border-radius: 4px; padding: 8px}
.question-versions-difference-section-body-current-value p, .question-versions-difference-section-body-selected-value p, .text-section-versions-difference-section-body-current-value p, .text-section-versions-difference-section-body-selected-value p {padding-bottom: 0 !important}
strong.assignment-builder-added-resource-type {position: relative; font-family: 'Muli', sans-serif; color: #666666; font-size: 9pt; font-weight: normal; line-height: 12px; vertical-align: top;}
strong.assignment-builder-added-resource-type.video:before {content: ""; display: inline-block; position: relative; vertical-align: top; margin-right: 4px; background: url(../images/resource-video-icon.svg)no-repeat;background-size: contain; background-position: center; width: 12px; height: 12px;}
strong.assignment-builder-added-resource-type.document:before {content: ""; display: inline-block; position: relative; vertical-align: top; margin-right: 4px; background: url(../images/resource-document-icon.svg)no-repeat;background-size: contain; background-position: center center; width: 12px; height: 12px;}
strong.assignment-builder-added-resource-type.image:before {content: ""; display: inline-block; position: relative; vertical-align: top; margin-right: 4px; background: url(../images/resource-image-icon.svg)no-repeat;background-size: contain; background-position: center center; width: 12px; height: 12px;}
strong.assignment-builder-added-resource-type.link:before {content: ""; display: inline-block; position: relative; vertical-align: top; margin-right: 4px; background: url(../images/resource-link-icon.svg)no-repeat;background-size: contain; background-position: center center; width: 12px; height: 12px;}
strong.assignment-builder-added-resource-type.lesson:before {content: ""; display: inline-block; position: relative; vertical-align: top; margin-right: 4px; background: url(../images/resource-lesson-icon.svg)no-repeat;background-size: contain; background-position: center center; width: 12px; height: 12px;}
.assignment-builder-add-question-button span {font-family: 'Muli', sans-serif; color: #999999; font-size: 9pt; font-weight: normal; cursor: pointer; position: relative; padding-bottom: 3px;}
.assignment-builder-add-question-button span:after {content: ""; background-color: #999999; position: absolute; top: calc(100% - 1px); left: 0; width: 100%; height: 1px;}
.assignment-builder-add-question-button span:hover {color: #212121;}
.assignment-builder-add-question-button span:hover:after {background-color: #212121;}
.assignment-builder-question-bottom {display: block;}
.assignment-builder-question-code-input-left {display: inline-block; width: calc(100% - 240px); min-width: 50%; min-width: 350px; position: relative;}
.coding-question-unit-tests:not(.unit-tests-active) .assignment-builder-question-code-input-left, .mastery-coding-unit-tests:not(.unit-tests-active) .assignment-builder-question-code-input-left {width: 100%;}
.assignment-builder-question-reset-button {position: absolute; cursor: pointer; display: none; border-radius: 4px; top: 48px; z-index: 99; right: 8px; width: 80px; height: 24px; line-height: 24px; text-align: center; font-family: 'Muli', sans-serif; color: #ffffff; font-weight: 600; font-size: 10pt; background-color: #36b1ff; cursor: pointer;}
.assignment-builder-question-delete-unit-test-button {position: absolute; cursor: pointer; display: none; border-radius: 4px; top: 48px; z-index: 99; right: 8px; width: 80px; height: 24px; line-height: 24px; text-align: center; font-family: 'Muli', sans-serif; color: #ffffff; font-weight: 600; font-size: 10pt; background-color: #eb1f48; cursor: pointer;}
.question-code-reset-button {position: absolute; cursor: pointer; display: block; border-radius: 4px; top: 8px; right: 0; width: 80px; height: 24px; line-height: 24px; text-align: center; font-family: 'Muli', sans-serif; color: #ffffff; font-weight: 600; font-size: 10pt; background-color: #36b1ff; cursor: pointer;}
.assignment-builder-question-reset-button:hover, .question-code-reset-button:hover {background-color: #1879c1}
.assignment-builder-question-delete-unit-test-button:hover {background-color: #C51639}
.assignment-builder-question-code-input-right {display: inline-block; width: 240px; max-width: 50%; max-width: calc(100% - 350px); height: 190px; text-align: center; vertical-align: top; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid #e7e7e7; overflow: scroll;}
.assignment-builder-question.active .assignment-builder-question-code-input-right {height: 340px;}
.assignment-builder-question-test-cases-top {height: 40px; display: block; padding: 0 10px; border-bottom: 1px solid #e7e7e7;}
.assignment-builder-question-test-cases-title {font-family: 'Muli', sans-serif; color: #666666; font-size: 9pt; font-weight: lighter; text-align: left; height: 40px; line-height: 40px; display: inline-block; float: left;}
.assignment-builder-question-test-cases-input {position: relative; height: calc(100% - 40px); overflow-y: scroll; -ms-overflow-style: none;}
.assignment-builder-question-test-cases-input::-webkit-scrollbar {display: none;}
.assignment-builder-question-test-cases-execute-button {height: 20px; display: none; cursor: pointer; color: #DD167B; font-family: 'Muli', sans-serif; line-height: 20px; font-weight: 600; text-align: center; font-size: 10pt; float: right; margin-top: 10px;}
.assignment-builder-question-test-cases-execute-button:hover {opacity: 0.5;}
.assignment-builder-question-test-cases-execute-button:after {content: "\f178"; font-family: 'FontAwesome'; font-size: 10pt; margin-left: 6px;}
.assignment-builder-question-test-cases-input-add-button:before {content: "+"; position: absolute; line-height: 20px; top: 0; width: 18px; left: 0; height: 20px; line-height: 16px;}
.assignment-builder-question-test-cases-input-add-button {margin: 5px auto; cursor: pointer; font-family: 'Muli', sans-serif; font-weight: normal; font-size: 11pt; width: 20px; height: 20px; display: none; color: #DD167B; border: 1px solid #DD167B; border-radius: 10px; position: relative;}
.assignment-builder-question.active .assignment-builder-question-test-cases-input-add-button {display: inline-block;}
.assignment-builder-question-test-cases-input-add-button:hover {opacity: 0.5;}
.assignment-builder-question-test-cases-info {display: none; font-family: 'Muli', sans-serif; font-weight: normal; color: #666666; margin-bottom: 10px;}
.assignment-builder-question.active .assignment-builder-question-test-cases-info {display: block;}
.assignment-builder-question-code-input-container {margin-top: 10px;}
.assignment-builder-question-test-cases-input-item {position: relative; border-bottom: 1px solid #e7e7e7;}
.coding-question-table th {padding: 4px; font-weight: bold; text-align: center; color: #212121}
.coding-question-table td {padding: 4px; text-align: center;color: #212121}
.coding-question-table tr:nth-child(odd) {background-color: #ffffff;}
.coding-question-table tr:nth-child(even) {background-color: #dddddd;}
.assignment-builder-question-test-cases-input-case-inout {width: 100%; display: inline-block; padding: 4px; position: relative; vertical-align: top;}
.assignment-builder-question-test-cases-input-case-regex, .assignment-builder-question-test-cases-input-case-stdout {border-top: 1px solid #e7e7e7; display: none}
.assignment-builder-question-test-cases-input-item-container[data-mode="regex-mode"] .assignment-builder-question-test-cases-input-case-regex {display: block}
.assignment-builder-question-test-cases-input-case-stdout {display: none;}
.assignment-builder-question-test-cases-input-item.output-loading .assignment-builder-question-test-cases-input-case-stdout, .assignment-builder-question-test-cases-input-item.output-exists .assignment-builder-question-test-cases-input-case-stdout {display: inline-block;}
.assignment-builder-question-test-cases-input-case-inout-title {color: #666666; font-family: 'Muli', sans-serif; font-size: 8pt; text-align: left; font-weight: lighter; line-height: 12px; height: 12px; margin-bottom: 4px;}
.assignment-builder-question-test-cases-input-case-stdout.success .assignment-builder-question-test-cases-input-case-inout-title {color: #36b1ff}
.assignment-builder-question-test-cases-input-case-stdout.success .assignment-builder-question-test-cases-input-case-inout-title:after {content: " - Passes Regex"}
.assignment-builder-question-test-cases-input-case-stdout.failure .assignment-builder-question-test-cases-input-case-inout-title {color: #eb1f48}
.assignment-builder-question-test-cases-input-case-stdout.failure .assignment-builder-question-test-cases-input-case-inout-title:after {content: " - Fails Regex"}
.assignment-builder-question-test-cases-input-case-inout-textarea {color: #212121; width: 100%; min-height: 32px; position: relative;}
.assignment-builder-question-test-cases-input-case-inout-textarea.error, .assignment-builder-question-unit-test-code-editor-out-value.error {color: #eb1f48;}
.assignment-builder-question-test-cases-input-item.output-loading .assignment-builder-question-test-cases-input-case-stdout-textarea, .question-code-test-case-container.output-loading .assignment-builder-question-test-cases-input-case-stdout-value, .question-code-test-case-container.output-loading .question-code-test-case-stdout-textarea {color: transparent;}
.assignment-builder-question-test-cases-input-item.output-loading .assignment-builder-question-test-cases-input-case-stdout:after {content: ""; border: 3px solid transparent; border-top: 3px solid #999999; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: calc(50% + 0.5px);left: 4px; display: block;}
.question-code-unit-test-body-actual-value {position: relative;}
.question-code-unit-test-body-container.output-loading .question-code-unit-test-body-actual-value:after {content: ""; border: 3px solid transparent; border-top: 3px solid #999999; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: 2px; left: 0; display: block;}
.assigndment-builder-question-test-cases-input-item.output-loading:after {content: ""; border: 3px solid transparent; border-top: 3px solid #999999; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: calc(50% + 0.5px);right: calc(25% - 7.5px); display: block;}
.question-code-test-case-container.output-loading .question-code-test-case-stdout-textarea:after {content: ""; border: 3px solid transparent; border-top: 3px solid #999999; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: 0;left: 0; display: block;}
.assignment-builder-question-test-cases-input-item-include-toggle-container {text-align: left; padding: 4px; border-bottom: 1px solid #e7e7e7}
.assignment-builder-question-test-cases-input-item-include-toggle-container span {color: #212121; font-weight: normal; margin-left: 4px;}
.assignment-builder-question-test-cases-input-case-stdout .assignment-builder-question-test-cases-input-case-inout-textarea, .question-code-test-case-stdin-textarea.disabled {pointer-events: none;}
.question-code-test-case-stdin {border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7; padding: 4px 10px 10px 10px !important}
.question-code-test-case-stdout.test-case-correct .question-code-test-case-inout-title:after {content: ""; background: url(/images/mc-correct-and-hover-icon.svg?v=3) no-repeat left;background-size: contain; height: 14px; width:14px; left:48px; top:-1px; position: absolute; display: block;}
.question-code-unit-test-body-right.unit-test-correct .question-code-unit-test-body-title:after, .question-code-unit-test-body-section-actual.unit-test-correct .question-code-unit-test-body-title:after {content: ""; background: url(/images/mc-correct-and-hover-icon.svg?v=3) no-repeat left;background-size: contain; height: 14px; width:14px; left:80px; top:-1px; position: absolute; display: block;}
.question-code-test-case-stdout.test-case-correct .question-code-test-case-inout-title, .question-code-unit-test-body-right.unit-test-correct .question-code-unit-test-body-title, .question-code-unit-test-body-section-actual.unit-test-correct .question-code-unit-test-body-title {color: #36b1ff;}
.question-code-test-case-stdout.test-case-incorrect .question-code-test-case-inout-title:after {content: ""; background: url(/images/mc-incorrect-icon.svg?v=2) no-repeat left;background-size: contain; height: 14px; width:14px; left:48px; top:-1px; position: absolute; display: block;}
.question-code-unit-test-body-right.unit-test-incorrect .question-code-unit-test-body-title:after, .question-code-unit-test-body-section-actual.unit-test-incorrect .question-code-unit-test-body-title:after {content: ""; background: url(/images/mc-incorrect-icon.svg?v=2) no-repeat left;background-size: contain; height: 14px; width:14px; left:80px; top:-1px; position: absolute; display: block;}
.question-code-test-case-stdout.test-case-incorrect .question-code-test-case-inout-title, .question-code-unit-test-body-right.unit-test-incorrect .question-code-unit-test-body-title, .question-code-unit-test-body-section-actual.unit-test-incorrect .question-code-unit-test-body-title {color: #eb1f48;}
.assignment-builder-question-code-menu-tabs {white-space: nowrap;overflow: scroll;-ms-overflow-style: none; scrollbar-width: none; height: 41px !important;}
.assignment-builder-question-code-menu-tabs::-webkit-scrollbar {display: none;}
.assignment-builder-question-code-menu-tabs, .question-code-menu-tabs {width: 100%; display: block; height: 41px; text-align: left; padding-left: 40px !important; padding-bottom: 0 !important;}
.question-code-menu-unit-test-tabs-container {width: 100%; background-color: #e7e7e7;}
.question-code-menu-unit-test-tabs-container .question-code-menu-tab {background-color: #C8C8C8; border-top: 0; border-left: 0; border-right: 0;}
.question-code-menu-unit-test-tabs-container .question-code-menu-tab span {color: #212121 !important}
.question-code-menu-unit-test-tabs-container .question-code-menu-tab.active {border-top: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7}
.execute-code-container {display: block; margin: 0; text-align: center;}
.execute-code-button {padding: 10px 20px; width: 100%; font-family: 'Muli', sans-serif; font-size: 12pt; color: #ffffff; background-color: #36b1ff; display: inline-block; cursor: pointer;}
.execute-code-button:hover {background-color: #1879c1;}
.execute-code-button:after {content: "\f178"; font-family: 'FontAwesome';font-size: 13px; margin-left: 6px;}
.question-code-menu-tabs {width: calc(100% - 90px) !important; overflow: scroll; white-space: nowrap;-ms-overflow-style: none; scrollbar-width: none;}
.question-feedback .question-code-menu-tabs, .question-code-menu-tabs.full {width: 100% !important;}
.question-code-menu-tabs::-webkit-scrollbar {display: none;}
.assignment-builder-question-code-menu-tab, .question-code-menu-tab {display:inline-block; cursor: pointer; text-align: center; width: 120px; height: 40px; background-color: #EBEBEB; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid #e7e7e7; border-bottom: 1px solid transparent; position: relative;}
.question-code-menu-tab {display: inline-block !important;cursor: default;}
.coding-unit-tests .question-code-menu-tab {cursor: pointer;}
.web-dev-question .question-code-menu-tab {cursor: pointer;}
.assignment-builder-question-code-menu-tab:not(:last-child), .question-code-menu-tab:not(:last-child) {margin-right: 10px}
.assignment-builder-question-code-menu-tab span, .question-code-menu-tab span {font-family: 'Muli', sans-serif; line-height: 40px !important; color: #212121 !important; font-size: 9.5pt !important; font-weight: lighter !important; text-align: center !important;}
.assignment-builder-question-code-menu-tab.active span, .question-code-menu-tab.active span {color: #36b1ff !important; font-weight: normal !important;}
.assignment-builder-question-code-menu-tab.active, .question-code-menu-tab.active {background-color: #F9F9F9}
.assignment-builder-question-code-menu-tab:not(.active):hover {background-color: #CECBCB}
.assignment-builder-question-code-menu-tab.active:after, .question-code-menu-tab.active:after {content: ""; display: block; bottom: -2px; left: 0; width: 100%; height: 1px; background-color: #F9F9F9; z-index: 999; position: absolute;}
.assignment-builder-question-unit-test-menu-tab {display: none}
.coding-question-unit-tests .assignment-builder-question-unit-test-menu-tab, .mastery-coding-unit-tests .assignment-builder-question-unit-test-menu-tab {display: inline-block;}
.assignment-builder-question-code-editor-container {position: relative; width: 100%; height: 150px; border: 1px solid #e7e7e7; border-right: 0px solid transparent}
.assignment-builder-question-code-input-full .assignment-builder-question-code-editor-container {border-right: 1px solid #e7e7e7}
.assignment-builder-question-code-input-full {position: relative;}
.assignment-builder-question-code-input-full:not(:last-child) {margin-bottom: 10px}
.coding-question-unit-tests:not(.unit-tests-active) .assignment-builder-question-code-editor-container, .mastery-coding-unit-tests:not(.unit-tests-active) .assignment-builder-question-code-editor-container {border-right: 1px solid #e7e7e7}
.assignment-builder-question-add-unit-test-button {display: none; cursor: pointer; position: relative; margin-right: 10px}
.assignment-builder-question-add-database-file-button {display: none; cursor: pointer; position: relative; margin-right: 10px}
.assignment-builder-question-db-file-code-menu-tab {display: none}
.sql-mode .assignment-builder-question-db-file-code-menu-tab {display: inline-block}
.sql-mode .assignment-builder-question-add-database-file-button {display: inline-block;}
.assignment-builder-question-add-unit-test-button span, .assignment-builder-question-add-database-file-button span {color: #DD167B; font-family: "Muli", sans-serif; font-size: 9.5pt; font-weight: normal;}
.assignment-builder-question-add-database-file-button.remove-database-file span {color: #212121;}
.assignment-builder-question-add-unit-test-button span:before, .assignment-builder-question-add-database-file-button span:before {content: '+'; display: inline-block; height:16px; width: 16px; margin-right: 4px; line-height: 12px; text-align: center; color: #DD167B; font-size: 11pt; font-weight: 600; font-style: 'Muli', sans-serif; border-radius: 10px; border: 1px solid #DD167B;}
.assignment-builder-question-add-database-file-button.remove-database-file span:before {content: '+'; transform: rotateY(0deg) rotate(45deg); color: #212121; border: 1px solid #212121;}
.assignment-builder-question-add-unit-test-button span:hover, .assignment-builder-question-add-database-file-button span:hover {font-weight: 600}
.assignment-builder-question-add-unit-test-button span:hover:before, .assignment-builder-question-add-database-file-button span:hover:before {background-color: #DD167B; color: #ffffff;}
.assignment-builder-question-add-database-file-button.remove-database-file span:hover:before {background-color: #212121; color: #ffffff;}
.assignment-builder-question-unit-test-menu-tabs {display: none; margin-right: 10px}
.coding-question-unit-tests .assignment-builder-question-unit-test-menu-tabs, .mastery-coding-unit-tests .assignment-builder-question-unit-test-menu-tabs {display: inline-block;}
.coding-question-unit-tests .assignment-builder-question-add-unit-test-button, .mastery-coding-unit-tests .assignment-builder-question-add-unit-test-button {display: inline-block;}
.metrics-code-editor-container {position: relative; width: 100%; height: 300px; border: 1px solid #e7e7e7;}
.metrics-code-editor {position: absolute; top:0;left:0;width:100%;height:100%; z-index: 999;}
.question-code-editor-container {position: relative; width: 100%; height: 336px; min-height: 336px; border: 1px solid #e7e7e7; overflow: scroll;}
.question-code-editor-container.small {height: 120px; min-height: 120px;}
.question-code-editor-resize-bar {position: relative; height: 12px; background-color: #e7e7e7; width: 100%; display: block; cursor: ns-resize}
.question-code-editor-resize-bar:after {content: ""; background: url(/images/gray-grabbable-horizontal-icon.svg) no-repeat center; background-position: center center; background-size: contain;width: 22px; height: 8px;position: absolute; display: block; top: 1px; left: calc(50% - 11px)}
.question-code-editor-scrollable-container {position: absolute; overflow: scroll; top: 0; left: 0; width: 100%; height: 100%; }

.question-code-input-section {margin-bottom: 30px; position: relative; display: block;}
.question-code-input-section-header {height: 40px; position: relative; display: block;}
.question-code-language-label {position: absolute; display: block; right:0; bottom: 0; background-color: #999999; z-index: 999;}
.question-code-language-label span {font-family: 'Muli', sans-serif; color: #ffffff; font-size: 9pt; font-weight: lighter; position: relative; display: block; text-align: right; padding: 2px 4px 2px 4px;}
.question-code-editor, .assignment-builder-question-requirements-input-container, .assignment-builder-question-web-dev-code-preview-container, .question-web-dev-code-preview-container {position: absolute; top:0;left:0;width:100%;height:100%;}
.question-code-editor {min-height: 100%;}
.assignment-builder-question-web-dev-code-preview-container {display: none;}
.assignment-builder-question-web-dev-code-preview-container iframe, .question-web-dev-code-preview-container iframe {position: relative; width: 100%; height: 100%; background-color: #ffffff}
.assignment-builder-question-requirements-input-container {display: none; z-index: 9}
.assignment-builder-question-requirements-input {font-family: 'Inconsolata', sans-serif; color: #212121; padding: 20px 20px 40px 20px; display: block; border: none;overflow: auto;outline: none;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;resize: none; position: absolute; left:0; top:0; width:100%; height:100%;}
.assignment-builder-question-requirements-input-container:before {content:"Email support@openclass.ai to request additional dependencies."; display: block; text-align: center; position: absolute; bottom: 10px; left: 2px; right: 2px; z-index: 999; font-family: 'Muli', sans-serif; color: #212121; font-size: 9.5; font-weight: 600;}
.question-code-test-case-body, .question-code-unit-test-body {display: block; position: relative; border: 1px solid #e7e7e7; margin-top: 40px;}
.question-code-test-case-body.manual .question-code-test-case-expected-stdout {display: none;}
.enlargable-code-container {position: relative; background-color: #ffffff; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in;}
.enlargable-code-overlay {display: none; position: absolute; width: 500px; height: 500px; z-index: 999999999; text-align: center; max-width: 75vw; max-height: 75vh; top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); background-color: #ffffff;}
.enlargable-code-container:hover .enlargable-code-overlay {display: block}
.enlargable-code-overlay img {position: absolute; top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.enlargable-code-display {}
.question-code-test-case-container {display: inline-block; width: 100%; vertical-align: middle; position: relative; }
.question-code-unit-test-body-container {display: block; width: 100%;}
.question-code-test-case-run-button-container {width: 100px; vertical-align: top; display: inline-block; padding: 10px;}
.question-code-test-case-run-button, .question-code-unit-test-body-execute-button {display: block; width: 100px; background-color: #DD167B; color: #ffffff; font-family: 'Muli', sans-serif; font-weight: bold; cursor: pointer; border-radius: 8px; height: 40px; line-height: 40px; text-transform: uppercase; text-align: center; }
.question-code-test-case-run-button:hover, .question-code-unit-test-body-execute-button:hover {background-color: #C40D6A}
.question-code-test-case-run-button.cancel-button, .question-code-unit-test-body-execute-button.cancel-button, .execute-code-button.cancel-button {background-color: #888888;}
.question-code-test-case-run-button.cancel-button:hover, .question-code-unit-test-body-execute-button.cancel-button:hover, .execute-code-button.cancel-button:hover {background-color: #999999}
.execute-code-button.cancel-button:after {display: none;}
.question-code-unit-test-body-description {padding: 4px;}
.question-code-unit-test-body-description span {font-size: 9pt; font-weight: normal; color: #666666; font-family: 'Muli', sans-serif}
.question-code-unit-test-body-bottom {padding: 4px;}
.question-code-unit-test-body-section {width: 100%; display: block; padding: 10px;}
.question-code-unit-test-body-left {display: inline-block;width: 100px; margin-right: 10px}
.question-code-test-case-inout {width: 100%; display: block; padding: 10px; position: relative;}
.question-code-test-case-inout-title, .question-code-unit-test-body-title {color: #666666; font-family: 'Muli', sans-serif; font-size: 8pt; text-align: left; font-weight: lighter; line-height: 12px; height: 12px; margin-bottom: 4px; position: relative;}
.question-code-unit-test-body-center, .question-code-unit-test-body-right {vertical-align: top; display: inline-block;width: calc(50% - 60px);}
.question-code-unit-test-body-stdout-value {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 10pt; color: #212121; overflow: scroll; min-height: 17px;}
.question-code-unit-test-body-stdout-value.empty, .assignment-builder-question-unit-test-code-editor-out-value.empty, .assignment-builder-question-test-cases-input-case-stdout-value.empty, .question-code-test-case-stdout-textarea.empty, .question-code-test-case-expected-stdout-textarea.empty {color: #999999; font-weight: lighter}
.question-code-against-test-case-item-element-value.empty, .question-code-against-test-case-item-element-value.empty-input {font-weight: lighter}
.question-code-unit-test-body-stdout-value.empty:after, .question-code-against-test-case-item-element-value.empty:after, .assignment-builder-question-unit-test-code-editor-out-value.empty:after, .assignment-builder-question-test-cases-input-case-stdout-value.empty:after, .question-code-test-case-stdout-textarea.empty:after, .question-code-test-case-expected-stdout-textarea.empty:after {content: "(No output)";}
.question-code-against-test-case-item-element-value.empty-input:after {content: "(No input)"}
.question-code-unit-test-body-right {margin-left: 10px}
.question-code-unit-test-body-title {}
.question-code-test-case-inout-title-selector {display: inline-block; position: relative; padding: 2px 0;}
.question-code-test-case-inout-title-selector .question-code-test-case-inout-title {cursor: pointer; padding: 2px 0;}
.question-code-test-case-inout-title-selector .question-code-test-case-inout-title:after {content:"\f107";font-family: 'FontAwesome';font-size: 9pt;}
.question-code-test-case-inout-title-selector:hover .question-code-test-case-inout-title:after {content:"\f106";font-family: 'FontAwesome';font-size: 9pt;}
.question-code-test-case-inout-title-selector:hover .question-code-test-case-inout-title-selector-options {display: block;}
.question-code-test-case-inout-title-selector-options {display: none; position: absolute; bottom: 18px; width: 240px; background-color: #ffffff; border: 1px solid #e7e7e7; z-index: 999; padding: 17px 0 10px 0; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);border-radius: 3px;}
.question-code-test-case-inout-title-selector-options.close {display: none !important;}
.question-code-test-case-inout-textarea {color: #212121; width: 100%; min-height: 32px; position: relative; overflow: scroll; max-height: 300px; cursor: text;}
.question-code-test-case-inout-textarea.error, .question-code-unit-test-body-stdout-value.error {color: #eb1f48;}
.question-code-test-case-inout-textarea, .question-code-against-test-case-item-element-value, .question-code-unit-test-body-stdout-value, .assignment-builder-question-unit-test-code-editor-out-value, .assignment-builder-question-test-cases-input-case-stdout-value {font-family: 'Inconsolata' !important; font-size: 11pt !important; line-height: 18px; cursor: text;}
.question-code-test-case-inout-textarea em, .question-code-against-test-case-item-element-value em, .question-code-unit-test-body-stdout-value em, .assignment-builder-question-unit-test-code-editor-out-value em, .assignment-builder-question-test-cases-input-case-stdout-value em {display: inline-block; width: 8px; position: relative; cursor: text; vertical-align: top}
.question-code-test-case-inout-textarea em:after, .question-code-against-test-case-item-element-value em:after, .question-code-unit-test-body-stdout-value em:after, .assignment-builder-question-unit-test-code-editor-out-value em:after, .assignment-builder-question-test-cases-input-case-stdout-value em:after {content: "\f111"; font-family: 'Font Awesome 5 Free'; position: absolute; top: 8px; left: 2px; color: #e7e7e7; font-weight: 900; font-size: 3pt; line-height: 2px}
.question-code-against-test-case-item-element-value em:after {opacity: 0.8}
.question-code-against-test-case-item-element-value em.code-break:after {color: #ffffff !important}
.question-code-test-case-inout-textarea em.code-break:after, .question-code-against-test-case-item-element-value em.code-break:after, .question-code-unit-test-body-stdout-value em.code-break:after, .assignment-builder-question-unit-test-code-editor-out-value em.code-break:after, .assignment-builder-question-test-cases-input-case-stdout-value em.code-break:after {content: "\e331"; font-family: 'Font Awesome 6 Pro'; position: absolute; top: 8px; left: 2px; color: #666666; font-weight: 900; font-size: 6pt; line-height: 2px}
.question-code-against-test-cases-title {font-family: 'Muli', sans-serif; color: #212121; font-size: 11pt; font-weight: 600; margin-bottom: 10px;}
.question-code-against-test-cases-title.success-message {color: #36b1ff;}
.question-code-against-test-cases-title.failure-message {color: #eb1f48;}
.question-code-against-test-cases-list {display: block; position: relative; margin-bottom: 30px;}
.metrics-question-response-item-page-response-container .question-code-against-test-cases-list {margin-bottom: 0 !important;}
.metrics-question-response-item-page-response-container .question-code-against-test-cases-container {margin-top: 10px !important;}
.lesson-item-question .question-code-against-test-cases-container {margin-top: 10px !important;}
.question-code-against-test-case-item-li {display: inline-block; width: 100%; padding: 10px; border-radius: 4px; box-shadow: 0 1px 3px 0 #e6ebf1;-webkit-transition: box-shadow 150ms ease;transition: box-shadow 150ms ease;}
.question-code-against-test-case-item-li:not(:last-child) {margin-bottom: 10px;}
.question-code-against-test-case-item-li.success-case {background-color: #36b1ff;}
.question-code-against-test-case-item-li.failure-case {background-color: #eb1f48;}
.question-code-against-test-case-item-li.success-case .question-code-against-test-case-item-icon {content: ""; vertical-align: top; background: url(../images/test-case-success-icon.svg) no-repeat center;background-size: contain; background-position: center center; width: 50px; height: 50px; position: relative;}
.question-code-against-test-case-item-li.failure-case .question-code-against-test-case-item-icon {content: ""; vertical-align: top; background: url(../images/test-case-failure-icon.svg) no-repeat center;background-size: contain; background-position: center center; width: 50px; height: 50px; position: relative;}
.question-code-against-test-case-item-li.long .question-code-against-test-case-item-element {display: block; width: 100%; overflow: scroll;}
.question-code-against-test-case-item-li.long .question-code-against-test-case-item-element:not(:first-child) {margin-top: 6px;}
.question-code-against-test-case-item-icon:after {content: ""; position: absolute; display: block; left: 0px; top: 0px; height: 50px; width: 50px; border-radius: 28px; border: 2px solid #ffffff;}
.question-code-against-test-case-item-icon {display: inline-block; width: 50px; height: 50px; margin-right: 10px; position: relative;}
.question-code-against-test-case-item-details {display: inline-block; vertical-align: top; width: calc(100% - 60px); position: relative; max-height: 300px; overflow: scroll;}
.question-code-against-test-case-item-element {position: relative; vertical-align: top; background-color: rgba(0,0,0,0.1); border-radius: 4px; padding: 4px; display: inline-block; width: calc(33.33% - 4px);}
.question-code-against-test-case-item-element:not(:last-child) {margin-right: 6px}
.question-code-against-test-case-item-element-title {color: #ffffff; font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: lighter; margin-bottom: 2px}
.question-code-against-test-case-item-element-value {color: #ffffff; font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: 600; word-wrap: break-word;}

.markdown-input-container {position: relative;}
.markdown-enabled-input.active, .markdown-enabled-input.markdown-preview-mode-active {padding-top: 28px;}
.auto-expand-all-fields .markdown-enabled-input.active, .auto-expand-all-fields .markdown-enabled-input.markdown-preview-mode-active {padding-top: 0;}
.auto-expand-all-fields .markdown-enabled-input.active .markdown-actions, .auto-expand-all-fields .markdown-enabled-input.markdown-preview-mode-active .markdown-actions {display: none !important}

.question-code-solution-label {margin-bottom: 10px;}
.question-code-solution-label span {font-family: 'Muli', sans-serif; font-size: 11pt; color: #666666; font-weight: 600;}


.markdown-actions {height: 24px; padding: 2px; position: absolute; left: 0; top: 0; display: none; border: 1px solid #e7e7e7; vertical-align: top}
.free-response-field .markdown-actions {height: 34px !important; width: 100% !important;}
.assignment-builder-lesson-text-section .free-response-field .markdown-action-item-container {width: 10% !important;}
.free-response-field .markdown-action-item-container {height: 100% !important; width: 10% !important; margin: 0 !important; cursor: pointer; text-align: center;}
.free-response-field .markdown-action-item, .free-response-field .markdown-action-preview {margin-top: 7px !important; margin-bottom: 7px !important}
.free-response-field .markdown-action-item {height: 14px; width: 100%;}
.free-response-field .markdown-action-item-container .markdown-action-preview {width: 100%;}
.free-response-field .markdown-action-item-container .markdown-action-preview:before {font-size: 14.5pt !important;}
.free-response-field .markdown-action-item-container:hover .markdown-action-preview:before {font-size: 16.5pt !important;}
.markdown-enabled-input.active .markdown-actions, .markdown-enabled-input.markdown-preview-mode-active .markdown-actions {display: block}
.markdown-action-item-container:hover .markdown-action-item, .markdown-action-item-container:hover .markdown-preview-item {height: 16px; width: 20px; margin-top: 2px; margin-bottom: 2px;}
.free-response-field .markdown-action-item-container:hover .markdown-action-item, .free-response-field .markdown-action-item-container:hover .markdown-preview-item {height: 18px !important; width: 100% !important; margin-top: 6px !important; margin-bottom:6px !important;}
.markdown-action-item {height: 12px; width:20px; margin-top: 4px; margin-bottom: 4px;}
.markdown-preview-mode-active .markdown-action-item {pointer-events: none;}
.markdown-action-bold {cursor: pointer; background: url(../images/markdown-bold-icon.svg) no-repeat center;background-size: contain; position: relative; display: inline-block;}
.markdown-action-delete {cursor: pointer; background: url(../images/markdown-delete-icon.svg) no-repeat center;background-size: contain; position: relative; display: inline-block;}
.markdown-action-italic {cursor: pointer; background: url(../images/markdown-italic-icon.svg) no-repeat center;background-size: contain; position: relative; display: inline-block;}
.markdown-action-quote {cursor: pointer; background: url(../images/markdown-quote-icon.svg) no-repeat center;background-size: contain; position: relative; display: inline-block;}
.markdown-action-list {cursor: pointer; background: url(../images/markdown-bullets-icon.svg) no-repeat center;background-size: contain; position: relative; display: inline-block;}
.markdown-action-code {cursor: pointer; background: url(../images/markdown-code-icon.svg) no-repeat center;background-size: contain; position: relative; display: inline-block;}
.markdown-action-link {cursor: pointer; background: url(../images/markdown-link-icon.svg) no-repeat center;background-size: contain; position: relative; display: inline-block;}
.markdown-action-inline-tex {cursor: pointer; background: url(../images/markdown-inline-tex-icon.svg) no-repeat center;background-size: contain; position: relative; display: inline-block;}
.markdown-action-version-control {cursor: pointer; background: url(/images/text-version-control-icon.svg) no-repeat center;background-size: contain; position: relative; display: inline-block;}
.markdown-action-display-tex {cursor: pointer; background: url(../images/markdown-display-tex-icon.svg) no-repeat center;background-size: contain; position: relative; display: inline-block;}
.markdown-action-preview {position: relative; display: inline-block; cursor: pointer; height: 12px; width:20px; margin-top: 4px; margin-bottom: 4px;}
.markdown-action-preview:before {content:"\f06e";font-family: 'FontAwesome';font-size: 13pt;position: absolute; color: #34495E; top:0; vertical-align: top; height: 100%; width: 100%; line-height: 12px; left:0; width: 100%; text-align: center; cursor: pointer; display: block;}
.markdown-action-item-container:hover .markdown-action-preview:before {font-size: 14.5pt;}
.markdown-preview-mode-active .markdown-action-preview:before, .free-response-field.preview-enabled-free-response-field .markdown-action-preview:before {color: #36b1ff;}
.markdown-action-item-container {position: relative; width: 20px; height: 16px; display: inline-block; margin-right: 4px; vertical-align: top;}
.markdown-action-item-container:hover .markdown-action-item-description {display: block;}
.markdown-preview-mode-active .markdown-action-item-container:not(.markdown-preview-item-container) .markdown-action-item-description {display: none !important}
.markdown-action-item:hover + .markdown-action-item-description, .markdown-preview-item:hover + .markdown-action-item-description {display: block;}
.markdown-action-item-description {position: absolute; display: none; background-color: rgba(0, 0, 0, 0.7); height: 24px;overflow: hidden; border-radius: 4pt; padding: 2px 4px; z-index: 999; top: calc(100% + 8px); left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform:translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.markdown-action-item-description span {font-family: 'Muli', sans-serif; font-size: 9pt; color: #ffffff; display: block; width: 100%; height: 20px;line-height: 20px; vertical-align: middle; white-space: pre; }
.markdown-action-separator {position: relative; width: 1px; height: 20px; margin: 0 4px; display: inline-block;}
.markdown-action-separator:before {content:""; position: absolute; top:2px; left:0; width: 1px; height:16px; background-color: #e7e7e7; display: block;}
.markdown-preview-container {display:none;}
.markdown-preview-container:not(.mastery-question-option-markdown-preview-container) {width: 100% !important;}
.mastery-question-option-markdown-preview-container {width: calc(100% - 180px) !important;}
.markdown-enabled-input.markdown-preview-mode-active .markdown-preview-container {display: block;}
.markdown-enabled-input.markdown-preview-mode-active textarea {display: none !important}
.markdown-preview-container:not(.markdown-action-preview-header):not(.markdown-action-preview-mini-header) p {font-family: 'Muli', sans-serif; color: #212121; font-size: 9pt; width: 100%; background-color: transparent; line-height: 15px; min-height: 20px;}
.markdown-preview-container.markdown-action-preview-header p, .markdown-preview-container.markdown-action-preview-header ul li {font-size: 13pt; line-height: 24px; font-family: 'Merriweather', serif; font-weight: 600; color: #212121;}
.markdown-preview-container.markdown-action-preview-mini-header p, .markdown-preview-container.markdown-action-preview-mini-header ul li {font-family: 'Merriweather', serif; font-weight: normal; color: #212121; font-size: 10pt;width: 100%; background-color: transparent;}
.markdown-action-item-container.full-separator-before:before {content: "";position: absolute; left: 0; top: 0; height: 100%; width: 1px; background-color: #e7e7e7; display: block;}
.markdown-action-item-container.half-separator-before:before {content: "";position: absolute; left: 0; top: 25%; height: 50%; width: 1px; background-color: #e7e7e7; display: block;}
.oc-text-editor-content {outline: 0px solid transparent; min-height: 40px; padding: 20px}
.oc-text-editor-toolbar-options {padding: 10px 0}
.oc-text-editor-toolbar-option {display: inline-block; cursor: pointer; position: relative; vertical-align: middle; font-family: 'Muli', sans-serif;}
.oc-text-editor .oc-markdown-panel-title-text:empty:before {content: "Enter a title here..."; color: #666666}
.oc-text-editor .oc-markdown-panel-body-text:empty:before {content: "Enter a message here..."; color: #666666}
.oc-text-editor-activatable-overlay {position: absolute; display: none; top: 0; left: 0; right: 0; bottom: 0; overflow: block;}
.oc-text-editor-activatable-overlay.active {display: block}
.oc-text-editor-activatable-overlay-body {position: relative; width: 100%; display: block;}
.oc-text-editor-activatable-overlay-element {position: absolute; z-index: 999;}
.oc-text-editor-toolbar-option.active .oc-text-editor-toolbar-option-content {display: block; z-index: 999}
.oc-text-editor-toolbar-option-content {display: none; position: absolute; width: 140px; top: calc(100% + 6px); background-color: #ffffff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);border-radius: 3px;}
.oc-text-editor-toolbar-option-content:not(.right) {left:0}
.oc-text-editor-toolbar-option-content.right {right: 0;}
.oc-text-editor-toolbar-option-content-upload-file-input {width: 100%; overflow: hidden;}
.oc-text-editor-toolbar-option-selector {display: block; border-radius: 20px; border: 2px solid #074F66; overflow: hidden; margin-bottom: 10px}
.oc-text-editor-toolbar-option-selector-option {display: inline-block; width: 50%; height: 20px; background-color: transparent; text-align: center; position: relative;}
.oc-text-editor-toolbar-option-selector-option span {color: #074F66}
.oc-text-editor-toolbar-option-selector-option:not(.active) {cursor: pointer;}
.oc-text-editor-toolbar-option-selector-option:not(.active):hover {background: rgba(0, 0, 0, 0.2);}
.oc-text-editor-toolbar-option-selector-option.active {background-color: #074F66}
.oc-text-editor-toolbar-option-selector-option.active span {color: #ffffff}
.oc-text-editor-toolbar-option-selector-option:not(:first-child):before {content: ""; position: absolute; left:0; top:0; bottom: 0; width: 1px; background-color: #074F66; display: block}
.oc-text-editor-toolbar-option-description, .classes-display-image-button-description {display: none; position: absolute; bottom: calc(100% + 4px); position: absolute; display: none; background-color: rgba(0, 0, 0, 0.7); height: 24px;overflow: hidden; border-radius: 4pt; padding: 2px 4px; z-index: 999; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform:translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.oc-text-editor-toolbar-option-description span, .classes-display-image-button-description span {display: block; white-space: nowrap; font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: normal; color: #ffffff !important; height: 20px;line-height: 20px; vertical-align: middle;}
.oc-text-editor-toolbar-option-icon:hover + .oc-text-editor-toolbar-option-description, .oc-markdown-toolbar-option-icon:hover + .oc-text-editor-toolbar-option-description, .oc-markdown-item-toolbar-option:hover .oc-text-editor-toolbar-option-description, .oc-markdown-item-table-toolbar-option:hover .oc-text-editor-toolbar-option-description, .oc-markdown-item-table-toolbar-option-select-all:hover .oc-text-editor-toolbar-option-description, .oc-markdown-item-table-toolbar-option-delete:hover .oc-text-editor-toolbar-option-description {display: block}
.classes-display-image-button-icon:hover + .classes-display-image-button-description, .classes-display-image-button:hover .classes-display-image-button-description {display: block}
.oc-text-editor-toolbar-option-text-type .oc-text-editor-toolbar-option-icon {color: #666666}
.oc-text-editor-toolbar-option-text-type.active .oc-text-editor-toolbar-option-icon:after {content: "\f077";}
.oc-text-editor-toolbar-option-text-type .oc-text-editor-toolbar-option-icon:after {content: "\f078";font-family: 'FontAwesome'; margin-left: 4px; font-size: 9pt; line-height: 30px; color: #074F66; vertical-align: top}
.oc-text-editor-toolbar-option-text-type-options button, .oc-text-editor-toolbar-option-more-font-options-list li, .oc-text-editor-toolbar-option-more-font-options-list button {padding: 4px 8px; background: #ffffff}
.oc-text-editor-toolbar-option-text-type-options button:not(.ql-active):hover, .oc-text-editor-toolbar-option-more-font-options-list li:not(.selected):hover, .oc-text-editor-toolbar-option-more-font-options-list button:not(.ql-active):hover {background-color: rgba(0, 0, 0, 0.04);}
.oc-text-editor-toolbar-option-text-colors-list button, .oc-text-editor-toolbar-option-text-colors-list li {display: inline-block; width: 28px; height: 28px; padding: 1px; background-color: #ffffff; border: 1px solid #ffffff; border-radius: 4px; position: relative; cursor: pointer;}
.oc-text-editor-toolbar-option-text-colors-list-item-body {border-radius: 4px; display: block; width: 24px; height: 24px; border:1px solid #e7e7e7; position: relative;}
.oc-text-editor-toolbar-option-text-colors-list button:hover, .oc-text-editor-toolbar-option-text-colors-list li:hover {border:1px solid #e7e7e7}
.oc-text-editor-toolbar-option-text-colors-list button:not(:nth-child(7n)), .oc-text-editor-toolbar-option-text-colors-list li:not(:nth-child(7n)) {margin-right: 2px}
.oc-text-editor-toolbar-option-text-color .oc-text-editor-toolbar-option-content {width: 216px; cursor: default;}
.oc-text-editor-toolbar-option-link .oc-text-editor-toolbar-option-content {width: 216px; cursor: default; padding: 10px}
.oc-text-editor-toolbar-option-image .oc-text-editor-toolbar-option-content {width: 216px; cursor: default; padding: 10px}
.oc-text-editor-toolbar-option-content-link-input, .oc-text-editor-toolbar-option-content-image-link-input, .oc-text-editor-toolbar-option-content-image-alt-text-input, .oc-text-editor-toolbar-option-content-display-text-input {display: inline-block; height: 20px; line-height: 20px !important; width: calc(100% - 28px) !important; margin-left: 8px !important;}
.oc-text-editor-alt-text-input, .oc-text-editor-custom-input, .oc-text-editor-panel-title-input, .oc-text-editor-panel-body-input, .oc-text-editor-table-data-input, .oc-text-editor-raw-editor {border: none;overflow: auto;outline: none;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;resize: none;}
.oc-text-editor-alt-text-input, .oc-text-editor-custom-input {width: 100%; height: 100%}
.oc-text-editor-toolbar-option-content-link-input-container, .oc-text-editor-toolbar-option-content-image-link-input-container, .oc-text-editor-toolbar-option-content-image-alt-text-input-container, .oc-text-editor-toolbar-option-content-display-text-input-container {display: inline-block; height: 20px; width: 100%; position: relative; cursor: text;}
.oc-text-editor-toolbar-option-content-image-alt-text-input-container {display: inline-block; width: 100%; position: relative; cursor: text;}
.oc-text-editor-toolbar-option-content-link-input-container:before, .oc-text-editor-toolbar-option-content-image-link-input-container:before {content:"\f0c1"; font-family: 'FontAwesome';font-size: 11pt; display: inline-block; width: 20px; text-align: center; color:#999999; line-height: 20px; height: 20px}
.oc-text-editor-toolbar-option-content-link-input-container, .oc-text-editor-toolbar-option-content-image-link-input-container {margin-bottom: 10px}
.oc-text-editor-toolbar-option-content-link-input-container:after, .oc-text-editor-toolbar-option-content-image-link-input-container:after, .oc-text-editor-toolbar-option-content-upload-file-container-build-field-file:after {content: ""; position: absolute; left: 0; right: 0; height: 1px; top: calc(100% + 5px); background-color: #e7e7e7; display: block;}
.oc-text-editor-toolbar-option-content-upload-file-container-build-field-file {margin-bottom: 10px}
.oc-text-editor-toolbar-option-content-display-text-input-container:before {content:"\54"; font-family: 'FontAwesome';font-size: 11pt; display: inline-block; width: 20px; text-align: center; color:#999999; line-height: 20px; height: 20px}
.oc-text-editor-toolbar-option-content-image-alt-text-input-container:before {content:"\f06e"; font-family: 'Font Awesome 5 Free';font-size: 11pt; display: inline-block; width: 20px; text-align: center; color:#999999; line-height: 20px; height: 20px}
.oc-text-editor-toolbar-option-content-image-alt-text-input-wrapper {position: relative;}
.oc-text-editor-toolbar-option-text-colors-list {padding: 4px; width: 216px}
.oc-text-editor-toolbar-option-text-colors-list button.ql-active .oc-text-editor-toolbar-option-text-colors-list-item-body:after, .oc-text-editor-toolbar-option-text-colors-list li.selected .oc-text-editor-toolbar-option-text-colors-list-item-body:after {content: "\f00c"; font-family: 'FontAwesome'; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; line-height: 22px; color: #ffffff}
.oc-text-editor-toolbar-option-text-colors-list button[data-color="#ffffff"].ql-active .oc-text-editor-toolbar-option-text-colors-list-item-body:after, .oc-text-editor-toolbar-option-text-colors-list li[data-color="#ffffff"].selected .oc-text-editor-toolbar-option-text-colors-list-item-body:after {color: #212121}
.oc-text-editor-toolbar-option-insert-button-container {text-align: center; display: block; margin-top: 10px}
.oc-text-editor-toolbar-option-insert-button {display: block; cursor: pointer; background-color: #074F66; padding: 4px; border-radius: 4px; position: relative;}
.oc-text-editor-toolbar-option-insert-button.disabled, .oc-text-editor-toolbar-option-insert-button.loading {background-color: #666666; cursor: not-allowed}
.oc-text-editor-toolbar-option-insert-button span {font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: 600; color: #ffffff}
.oc-text-editor-toolbar-option-insert-button span:after {content: "\f178"; font-family: 'FontAwesome';font-size: 9pt; margin-left: 6px;}
.oc-text-editor-toolbar-option-insert-button.loading span {color: transparent;}
.oc-text-editor-toolbar-option-insert-button.loading span:after {color: transparent;}
.oc-text-editor-toolbar-option-insert-button.loading:after {content: ""; border: 3px solid transparent; border-top: 3px solid #ffffff; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; left: calc(50% - 7.5px); -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform:translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); top: 5px; display: block;}
.oc-text-editor-raw-editor {width: 100%}
.oc-text-editor-content {display: block; max-height: 400px; overflow: scroll;}
.oc-text-editor-content-container {position: relative;}
.oc-text-editor-content-container.raw-editor .oc-text-editor-content-placeholder {display: none !important}
.oc-text-editor-content-placeholder {display: none; position: absolute; top: 20px; left: 20px; font-family: 'Merriweather', serif !important; font-size: 11pt !important; line-height: 30px !important; color: #999999; pointer-events: none; user-select: none;}
.oc-text-editor-content-container.empty .oc-text-editor-content-placeholder {display: block}
.oc-text-editor-raw-editor {display: none}
.oc-text-editor-content-container.raw-editor .oc-text-editor-raw-editor {display: block !important}
.oc-text-editor-content-container.raw-editor .oc-text-editor-content {display: none !important}
.oc-markdown font a {color: inherit !important;}

.assignment-builder-question.active .assignment-builder-question-code-editor-container {height: 300px;}
.assignment-builder-question-code-editor {position: absolute; top:0;left:0;width:100%;height:100%;}
.assignment-builder-question-test-cases-section {display: none; width: 100%;}
.coding-question .assignment-builder-question-test-cases-section, .mastery-coding-test-cases .assignment-builder-question-test-cases-section {display: inline-block;}
.assignment-builder-question-unit-tests-section {display: none; width:232px;}
.coding-question-unit-tests .assignment-builder-question-unit-tests-section, .mastery-coding-unit-tests .assignment-builder-question-unit-tests-section {display: inline-block;}
.assignment-builder-question-unit-test-code-editor-description {position: relative; width: 100%; margin-top: 4px; padding: 4px; display: inline-block; margin-top: 10px; font-family: 'Muli', sans-serif; color: #666666; font-size: 9pt}
.assignment-builder-question-unit-test-code-editor-out {display: none; padding: 4px; border-bottom: 1px solid #e7e7e7; position: relative;}
.assignment-builder-question-unit-test-code-editor-out.loading {height: 45px; width: 100%}
.assignment-builder-question-unit-test-code-editor-out.loading:after {content: ""; border: 3px solid transparent; border-top: 3px solid #999999; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: 22.5px;left: 4px; display: block;}
.assignment-builder-question-unit-test-code-editor-out-title {font-family: 'Muli', sans-serif; font-size: 9pt; color: #666666; font-weight: 600; text-align: left}
.assignment-builder-question-unit-test-code-editor-out-value, .assignment-builder-question-test-cases-input-case-stdout-value {text-align: left; word-wrap: break-word;}
.assignment-builder-question-test-cases-input-case-stdout-value {min-height: 18px}
.custom-html-style-editor-container {position: relative; width: 100%;height: 300px;}
.custom-html-style-editor {position: absolute; top:0;left:0;width:100%;height:100%;}
.assignment-builder-question-code-language-selector {position: absolute; display: none; right:0; bottom: 0; background-color: #999999; z-index: 999; cursor: pointer; width: 74px;}
.assignment-builder-question-code-language-selector.active {width: 74px;}
.assignment-builder-question-code-language-selector-selected {font-family: 'Muli', sans-serif; color: #ffffff; font-size: 9pt; font-weight: lighter; position: relative; display: block; text-align: left; padding: 2px 4px 2px 4px;}
.assignment-builder-question-code-language-selector.active .assignment-builder-question-code-language-selector-selected:hover {background-color: #666666;}
.assignment-builder-question-code-language-selector.active .assignment-builder-question-code-language-selector-selected {background-color: #999999; text-align: left;}
.assignment-builder-question-code-language-selector-option {padding: 2px 4px; font-family: 'Muli', sans-serif; color: #ffffff; font-size: 9pt; font-weight: lighter; text-align: left; background-color: #999999;}
.assignment-builder-question-code-language-selector-option:hover {background-color: #666666;}
.assignment-builder-question-code-language-selector-selected:after {content:"\f107";font-family: 'FontAwesome';font-size: 9pt;line-height: 14px;position: absolute; right: 4px; top: 4px; color: #ffffff;}
.assignment-builder-question-code-language-selector.active .assignment-builder-question-code-language-selector-selected:after {content:"\f106";}
.assignment-builder-question-code-language-selector-options {position: absolute; bottom: 22px; right: 0; display: none; width: 74px;}
.assignment-builder-question-code-language-selector.active .assignment-builder-question-code-language-selector-options {display: block;}
.python-mode .assignment-builder-question-code-language-selector-option.python-mode, .java-mode .assignment-builder-question-code-language-selector-option.java-mode, .javascript-mode .assignment-builder-question-code-language-selector-option.javascript-mode, .go-mode .assignment-builder-question-code-language-selector-option.go-mode, .c-mode .assignment-builder-question-code-language-selector-option.c-mode, .cpp-mode .assignment-builder-question-code-language-selector-option.cpp-mode, .csharp-mode .assignment-builder-question-code-language-selector-option.csharp-mode, .r-mode .assignment-builder-question-code-language-selector-option.r-mode, .swift-mode .assignment-builder-question-code-language-selector-option.swift-mode, .matlab-mode .assignment-builder-question-code-language-selector-option.matlab-mode, .bash-mode .assignment-builder-question-code-language-selector-option.bash-mode, .sql-mode .assignment-builder-question-code-language-selector-option.sql-mode, .racket-mode .assignment-builder-question-code-language-selector-option.racket-mode, .dart-mode .assignment-builder-question-code-language-selector-option.dart-mode, .haskell-mode .assignment-builder-question-code-language-selector-option.haskell-mode, .prolog-mode .assignment-builder-question-code-language-selector-option.prolog-mode, .perl-mode .assignment-builder-question-code-language-selector-option.perl-mode, .ruby-mode .assignment-builder-question-code-language-selector-option.ruby-mode, .php-mode .assignment-builder-question-code-language-selector-option.php-mode {display: none;}
.assignment-builder-question.active .assignment-builder-question-code-language-selector {display: block;}
.assignment-builder-question-solution-input, .assignment-builder-question-description-input, .assignment-builder-question-hint-input, .assignment-builder-question-mastery-question-option-explanation-input, .assignment-builder-question-mastery-question-option-input {font-family: 'Muli', sans-serif; color: #212121; font-size: 9pt; width: 100%; background-color: transparent;}
.assignment-builder-question-textarea-title {font-family: 'Muli', sans-serif; color: #666666; font-size: 9pt; margin-bottom: 2px; font-weight: lighter;}
.assignment-builder-question-mastery-question-option-input-container .assignment-builder-question-textarea-title:before {content: "Why is this option incorrect?";}
.assignment-builder-question-mastery-question-option-input-container.selected .assignment-builder-question-textarea-title:before {content: "Why is this option correct?";}
.assignment-builder-question-solution-input-container, .assignment-builder-question-description-input-container, .assignment-builder-question-hint-input-container, .assignment-builder-question-composer-question-figures-container, .assignment-builder-question-composer-mastery-question-figures-container, .assignment-builder-question-composer-solution-figures-container, .assignment-builder-question-resources-input-container {margin-top: 10px; position: relative; background-color: transparent;}
.assignment-builder-question-mastery-question-option-explanation-container {margin-top: 4px;}
.assignment-builder-question-solution-input-container:after, .assignment-builder-question-description-input-container:after, .assignment-builder-question-hint-input-container:after {content: ""; top: calc(100% + 4px); left: 0; width: 100%; height: 1px; background-color: #e7e7e7; display: block; position: absolute;}
.assignment-builder-question-mastery-question-input-container {margin-top: 14px; width: 100%; position: relative;}
.assignment-builder-question-mastery-question-input {font-family: 'Merriweather', serif; font-weight: normal; color: #212121; font-size: 10pt;width: 100%; background-color: transparent;}
.assignment-builder-question-mastery-question-primer {margin-top: 20px; font-family: 'Muli', sans-serif; color: #666666; font-weight: normal; font-size: 9pt;}
.assignment-builder-question-web-dev-primer {margin: 20px 0; font-family: 'Muli', sans-serif; color: #666666; font-weight: normal; font-size: 9pt;}
.assignment-builder-question-mastery-question-options {position: relative; display: inline-block; width: 100%;}
.assignment-builder-question-mastery-question-option-input-container {margin-top: 6px; width: 100%; position: relative; padding: 4px; border: 1px solid transparent; border-radius: 3px;}
.assignment-builder-question-mastery-question-option-input-container:first-child {margin-top: 10px;}
.assignment-builder-question-mastery-question-option-input, .assignment-builder-question-text-field-container-markdown-preview-container {background-color: transparent;}
.assignment-builder-question-mastery-question-option-input {width: calc(100% - 142px);}
.assignment-builder-question-mastery-question-is-answer-button {cursor: pointer; background: url(../images/mc-open-icon.svg?v=2) no-repeat left;background-size: contain; height: 16px; width:16px; margin-right: 20px; position: absolute !important; top: 5px !important; left: 4px !important; display: block; cursor: pointer;}
.mastery-mc-multiple .assignment-builder-question-mastery-question-is-answer-button {cursor: pointer; background: url(../images/mc-open-sharp-icon.svg?v=2) no-repeat left;background-size: contain; height: 16px; width:16px; margin-right: 20px; position: absolute !important; top: 5px !important; left: 4px !important; display: block; cursor: pointer;}
.assignment-builder-question-mastery-question-is-answer-button:hover, .assignment-builder-question-mastery-question-option-input-container.selected .assignment-builder-question-mastery-question-is-answer-button {background: url(../images/mc-correct-and-hover-icon.svg?v=3) no-repeat left;background-size: contain; height: 16px; width:16px; cursor: pointer;}
.mastery-mc-multiple .assignment-builder-question-mastery-question-is-answer-button:hover, .mastery-mc-multiple .assignment-builder-question-mastery-question-option-input-container.selected .assignment-builder-question-mastery-question-is-answer-button {background: url(../images/mc-correct-and-hover-sharp-icon.svg?v=3) no-repeat left;background-size: contain; height: 16px; width:16px; cursor: pointer;}
.assignment-builder-question-mastery-question-option-input-container small {cursor: default; color: #888888; font-weight: normal; position: absolute; display: block; top: 4px; left: 28px; cursor: pointer;}
.assignment-builder-question-mastery-question-option-input-container.selected {background-color: #e9f3ff; border: 1px solid #cdeaff;}
.assignment-builder-question-mastery-question-remove-option-button, .assignment-builder-question-test-cases-input-case-remove-button, .assignment-builder-question-mastery-question-short-answer-field-remove-button {cursor: pointer;}
.assignment-builder-question-test-cases-input-case-remove-button {display: none;}
.assignment-builder-question.active .assignment-builder-question-test-cases-input-case-remove-button {display: block;}
.assignment-builder-question-mastery-question-remove-option-button:before {content: "\f056";font-family: 'FontAwesome';position: absolute; right: 0; top: 6px; width: 20px; height: 20px; display: block; color: #999999; }
.assignment-builder-question-mastery-question-short-answer-field-remove-button:before {content: "\f056";font-family: 'FontAwesome';position: absolute; right: -4px; top: 0px; width: 20px; height: 20px; display: block; color: #999999; }
.assignment-builder-question-test-cases-input-case-remove-button:before {content: "\f056";z-index: 999;font-family: 'FontAwesome';position: absolute; right: 0; top: 2px; width: 20px; height: 20px; display: block; color: #999999; }
.assignment-builder-question-mastery-question-remove-option-button:hover:before, .assignment-builder-question-mastery-question-short-answer-field-remove-button:hover:before, .assignment-builder-question-test-cases-input-case-remove-button:hover:before {color: #eb1f48;}
.assignment-builder-question-mastery-question-remove-option-button:hover:before {font-size: 13pt; top: 6px; right: 2px;}
.assignment-builder-question-mastery-question-short-answer-field-remove-button:hover:before {font-size: 13pt; top: 0px; right: -2px;}
.assignment-builder-question-test-cases-input-case-remove-button:hover:before {font-size: 13pt; top: 2px; right: 0;}
.assignment-builder-question-mastery-question-add-explanation-button {position: absolute;cursor: pointer; display: block; right: 30px; top: 5px; text-align: right; height: 20px; color: #999999; font-size: 9pt;}
.assignment-builder-question-mastery-question-add-explanation-button:hover {color: #212121;}
.assignment-builder-question-mastery-question-add-option-button, .assignment-builder-question-mastery-question-short-answer-add-field-button {display: inline-block;}
.assignment-builder-question-mastery-question-add-option-button span, .assignment-builder-question-mastery-question-short-answer-add-field-button span {font-family: 'Muli', sans-serif; color: #999999; font-size: 9pt;cursor: pointer;}
.assignment-builder-question-mastery-question-add-option-button span:hover, .assignment-builder-question-mastery-question-short-answer-add-field-button span:hover {color: #212121;}
.assignment-builder-question .assignment-builder-question-tooltip {visibility: hidden; overflow: visible !important; padding: 0; position: absolute; height: 100%; visibility: hidden; right: calc(100% - 17px); width: 50px; top: 0; border-bottom-left-radius: 10px; border-top-left-radius: 10px; opacity: 0; transition: opacity ease-in-out 0.5s; -webkit-transition: opacity ease-in-out 0.5s;-ms-transition: opacity ease-in-out 0.5s;-o-transition: opacity ease-in-out 0.5s;-moz-transition: opacity ease-in-out 0.5s; transition-delay: 100ms;}
.assignment-builder-question.unadded-recommended .assignment-builder-question-add-recommended-options {cursor: pointer; overflow: visible !important; z-index: 10; padding: 0; position: absolute; height: 100%; right: calc(100% - 17px); width: 50px; top: 0; border-bottom-left-radius: 10px; border-top-left-radius: 10px; display: block; }
.assignment-builder-question.unadded-recommended .assignment-builder-remove-question-button, .assignment-builder-question.locked .assignment-builder-remove-question-button, .assignment-builder-question.unadded-recommended .assignment-builder-clone-question-button, .assignment-builder-question.locked .assignment-builder-clone-question-button, .assignment-builder-question.unadded-recommended .assignment-builder-question-generate-similar-button, .assignment-builder-question.locked .assignment-builder-question-generate-similar-button, .assignment-builder-question.locked .assignment-builder-options-question-button {cursor: pointer;}
.assignment-builder-question.unadded-recommended, .assignment-builder-question.locked {cursor: default;}
.assignment-builder-question.active:not(.unadded-recommended) .assignment-builder-question-tooltip {visibility: visible; opacity: 1; z-index: 10}
.assignment-builder-question.active.mc-question .assignment-builder-question-tooltip .tooltip-button {height: 50% !important;}
.assignment-builder-question.active.mc-question .tooltip-button:not(.tooltip-button-quiz) {display: none;}
.assignment-builder-question-tooltip .tooltip-button { cursor: pointer; width: 100%; height: 14.285714285% !important; padding: 0 !important; margin: 0 !important; vertical-align: top; position: relative; display: inline-block;}
.assignment-builder-question-tooltip .tooltip-button:hover {background-color: #E7539E;}
.assignment-builder-question.draft .assignment-builder-question-tooltip .tooltip-button:hover {background-color: #999999;}
.assignment-builder-question.draft .tooltip-button.active {background-color: #999999}
.assignment-builder-question-add-recommended-option {height: 100%; position: relative; background-color: #705AF4;}
.assignment-builder-question-add-recommended-option:first-child {border-top-left-radius: 10px;}
.assignment-builder-question-add-recommended-option:last-child {border-bottom-left-radius: 10px; }
.assignment-builder-question-add-recommended-option:hover {background-color: #8460CD;}
.assignment-builder-question-add-recommended-option:first-child:after {content:""; width: 100%; position: absolute;left:0; top: calc(100% - 1px); height: 1px; display: block; background-color: #ffffff}
.assignment-builder-question-add-recommended-option:before {content: ""; color: #ffffff; text-align: center; font-family: "FontAwesome"; vertical-align: middle; font-size: 14pt; width: 20px; height: 20px; text-align: center; position: absolute; top: calc(50% - 10px); left: calc(50% - 10px);}
.assignment-builder-question-add-recommended-option.add-option:before {content: "\f067";}
.assignment-builder-question-add-recommended-option.dismiss-option:before {content: "\f068";}
.tooltip-button.active {background-color: #E7539E}
.tooltip-button:first-child, .assignment-builder-question.active.mc-question .tooltip-add-description-button {border-top-left-radius: 10px;}
.tooltip-button:last-child, .assignment-builder-question.active.mc-question .tooltip-add-image-mastery-question-button {border-bottom-left-radius: 10px; }
.tooltip-icon {position: relative; width: 100%; height: 100%; top: 0; left: 0; margin: 0; padding: 0;}
.tooltip-icon:before {content: ""; color: #ffffff; text-align: center; font-family: "FontAwesome"; vertical-align: middle; font-size: 14pt; width: 20px; height: 20px; text-align: center; position: absolute; top: calc(50% - 10px); left: calc(50% - 10px);}
.tooltip-icon.add-image-question:before, .assignment-builder-question.active.mc-question .tooltip-icon.add-image-mastery-question:before {content: "\f03e"; vertical-align: bottom !important; text-align: right !important; font-size: 11pt;width: 30px;top: calc(50% - 5px); left: calc(50% - 19px);}
.assignment-builder-question.active:not(.mc-question) .tooltip-icon.add-image-mastery-question:before {content: "\f03e"; vertical-align: bottom !important; text-align: right !important; font-size: 11pt;width: 30px;top: calc(50% - 5px); left: calc(50% - 19px);}
.tooltip-icon.add-image-solution:before {content: "\f03e";vertical-align: bottom !important; text-align: right !important;font-size: 11pt;width: 30px;top: calc(50% - 5px); left: calc(50% - 19px);}
.tooltip-icon.enable-image-uploads:before {content: "\f03e";vertical-align: bottom !important; text-align: right !important;font-size: 11pt; width: 30px;top: calc(50% - 5px); left: calc(50% - 19px);}
.tooltip-icon.enable-image-uploads:after {content: "\f067"; text-align: left; color: #ffffff; font-family: "FontAwesome"; font-size: 8pt; width: 10px; height: 10px; position: absolute; bottom: calc(50% + 5px); right: calc(50% + 4px);}
.tooltip-icon.require-question:before {content: "\f005";}
.tooltip-icon.add-image-question:after, .assignment-builder-question.active.mc-question .tooltip-icon.add-image-mastery-question:after {content: "\f128"; text-align: left; color: #ffffff; font-family: "FontAwesome"; font-size: 8pt; width: 10px; height: 10px; position: absolute; bottom: calc(50% + 5px); right: calc(50% + 4px);}
.assignment-builder-question.active:not(.mc-question) .tooltip-icon.add-image-mastery-question:after {content: "MQ"; text-align: left; color: #ffffff; font-family: 'Muli', sans-serif; font-weight: bolder; font-size: 6pt; width: 10px; height: 10px; position: absolute; bottom: calc(50% + 7px); right: calc(50% + 5px);}
.tooltip-icon.add-image-solution:after {content: "\f058"; text-align: left; color: #ffffff; font-family: "FontAwesome"; font-size: 8pt; width: 10px; height: 10px; position: absolute; bottom: calc(50% + 5px); right: calc(50% + 4px);}
.tooltip-icon.add-hint:before {content: "\f059";}
.tooltip-icon.add-description:before {content: ""; background: url(../images/tool-feather-icon.svg) no-repeat center;background-size: contain; background-position: center center; width: 16px; height: 16px; top: calc(50% - 8px); left: calc(50% - 8px);}
.tooltip-icon.math:before {content: ""; background: url(../images/tool-math-icon.svg) no-repeat center;background-size: contain; background-position: center center; width: 16px; height: 16px; top: calc(50% - 8px); left: calc(50% - 8px);}
.tooltip-icon.lock:before {content: "\f023";}
.tooltip-icon.more:before {content: "\f141";}
.assignment-builder-question-add-recommended-option:hover .tooltip-description  {display: block;}
.tooltip-icon:hover + .tooltip-description  {display: block;}
.tooltip-description {position: absolute; display: none; background-color: rgba(0, 0, 0, 0.7); height: 24px;overflow: hidden; border-radius: 4pt; padding: 2px 4px; z-index: 999; top: calc(50% - 12px); left: calc(100% + 4px);}
.tooltip-description span {font-family: 'Muli', sans-serif; font-size: 9pt; color: #ffffff; display: block; width: 100%; height: 20px;line-height: 20px; vertical-align: middle; white-space: pre; }
.assignment-builder-modal-option-drop-down {vertical-align: middle;}
.assignment-builder-modal-option-drop-down .sort-results-overlay {display: none; background-color: #ffffff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);border-radius: 3px; padding: 17px 0 10px 0; width: 220px; position: absolute; top: 30px; right: 0; left: auto;}
.small-dropdown-option-select-container .sort-results-overlay {display: none; background-color: #ffffff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);border-radius: 3px; padding: 17px 0 10px 0; width: 180px; position: absolute; top: 30px; right: 0; left: auto;}
.assignment-builder-modal-option-drop-down {position: relative;}
.assignment-builder-modal-option-drop-down .sort-results-overlay:hover, .small-dropdown-option-select-container .sort-results-overlay:hover {display: block;}
.assignment-builder-modal-option-drop-down .assignment-builder-modal-option-drop-down-selected:hover + .sort-results-overlay, .modal-option-drop-down-selected:hover + .sort-results-overlay, .small-dropdown-option-select-current:hover + .sort-results-overlay {display: block;}
.assignment-builder-modal-option-drop-down-selected, .assignment-builder-modal-option-selected {text-align: right; vertical-align: middle; display: inline-block; width: 185px; height: 30px;font-family: 'Muli', sans-serif; font-size: 9pt;color: #212121; font-weight: 600; cursor: pointer;}
.modal-option-drop-down-selected {text-align: right; vertical-align: middle; display: inline-block; width: 185px; height: 30px;font-family: 'Muli', sans-serif; font-size: 9pt;color: #212121; font-weight: 600; cursor: pointer;}
.assignment-builder-modal-option-drop-down-selected:after, .modal-option-drop-down-selected:after, .assignment-builder-modal-option-selected:after, .small-dropdown-option-select-current:after {content:"\f107";font-family: 'FontAwesome';font-size: 15px;line-height: 14px;position: relative; margin-left: 10px; color: #36b1ff; line-height: 30px;}
.small-dropdown-option-select-current:after {margin-left: 4px;}
.assignment-builder-modal-option-drop-down-options-container, .modal-option-drop-down-options-container, .assignment-builder-modal-option-date-selector-container {display: inline-block;}
.assignment-builder-modal-option-drop-down-options-container:hover .assignment-builder-modal-option-drop-down-selected:after, .modal-option-drop-down-options-container:hover .modal-option-drop-down-selected:after, .small-dropdown-option-select-container:hover .small-dropdown-option-select-current:after, .assignment-builder-modal-option-date-selector-container:hover .assignment-builder-modal-option-selected:after {content:"\f106"}
.drop-down.disabled .modal-option-drop-down-options-container .modal-option-drop-down-selected:after {content: ""}
.drop-down.disabled .modal-option-drop-down-selected {cursor: default;}
.drop-down.disabled {background-color: #e7e7e7; border-radius: 4px; padding-left: 8px; padding-right: 8px;}
.assignment-builder-modal-option-drop-down .assignment-builder-modal-option-title {text-align: left; vertical-align: middle; width: calc(100% - 190px); display: inline-block; line-height: 30px; }
.assignment-builder-modal-option-drop-down .sort-results-overlay-checkmarked-items-in-overlay-ul li span {text-transform: none;}
.assignment-builder-settings-section, .class-show-locked-toggle-section, .class-default-language-section, .class-discussions-start-by-section, .class-mentors-section, .class-instructors-section, .class-current-mentors-section, .class-allow-guest-viewers-toggle-section, .class-enable-mastery-certifications-toggle-section, .class-allow-catalog-toggle-section, .class-subscribe-digest-toggle-section, .class-learner-digest-enabled-toggle-section, .class-discussions-enabled-toggle-section, .class-flashcard-mode-enabled-toggle-section {margin-bottom: 10px;}
.class-default-language-section .modal-content-info, .class-discussions-start-by-section .modal-content-info, .class-mentors-section .modal-content-info, .class-instructors-section .modal-content-info, .class-current-mentors-section .modal-content-info {margin-top: 2px !important}
.assignment-builder-all-encompassing-section, .assignment-builder-peer-response-sharing-enabled-section, .assignment-builder-skip-enabled-section, .user-settings-data-consent-section, .assignment-builder-email-notifications-section, .assignment-builder-content-locked-initially-section, .assignment-builder-file-upload-settings-scored-section, .assignment-builder-file-upload-settings-points-section, .assignment-builder-shuffle-all-questions-enabled-section, .assignment-builder-custom-note-section {min-height: 30px}
.assignment-builder-custom-note-input-container, .assignment-builder-custom-description-input-container {display: none; margin-top: 14px; border: 1px solid #e7e7e7; padding: 6px 4px 4px 4px; border-radius: 4px;}
.assignment-builder-custom-note-section.custom-note-enabled .assignment-builder-custom-note-input-container, .assignment-builder-custom-description-section.custom-description-enabled .assignment-builder-custom-description-input-container {display: block}
.assignment-builder-custom-note-input, .assignment-builder-custom-description-input {width: 100%; }
.assignment-builder-custom-note-input, .assignment-builder-custom-description-input {font-family: 'Muli', sans-serif; color: #666666; font-size: 9pt; width: 100%; background-color: transparent;}
.learning-objective-modal-delivery-style-section {margin-bottom: 10px}
.assignment-builder-settings-section.active .info-indicator, .learning-objective-modal-delivery-style-section.active .info-indicator, .assignment-builder-settings-section.active .info-indicator, .class-show-locked-toggle-section.active .info-indicator, .class-default-language-section.active .info-indicator, .class-discussions-start-by-section.active .info-indicator, .class-mentors-section.active .info-indicator, .class-instructors-section.active .info-indicator, .class-current-mentors-section.active .info-indicator, .class-allow-guest-viewers-toggle-section.active .info-indicator, .class-enable-mastery-certifications-toggle-section.active .info-indicator, .class-allow-catalog-toggle-section.active .info-indicator, .question-peer-sharing-option-title-container .info-indicator:hover, .class-subscribe-digest-toggle-section.active .info-indicator, .class-flashcard-mode-enabled-toggle-section.active .info-indicator, .class-learner-digest-enabled-toggle-section.active .info-indicator, .class-discussions-enabled-toggle-section.active .info-indicator, .mastery-question-score-explanation-container .info-indicator:hover, .key-points-info-indicator:hover, .generate-assignment-modal-body-section.active .info-indicator {color: #1999EA; border-color: #1999EA}
.assignment-builder-settings-section .assignment-builder-content-info, .learning-objective-modal-delivery-style-section .modal-learning-objective-delivery-style-content-info, .learning-objective-modal-relationships-section .modal-learning-objective-relationships-content-info, .assignment-builder-settings-section .modal-content-info, .class-show-locked-toggle-section .modal-content-info, .class-default-language-section .modal-content-info, .class-discussions-start-by-section .modal-content-info, .class-mentors-section .modal-content-info, .class-instructors-section .modal-content-info, .class-current-mentors-section .modal-content-info, .class-allow-guest-viewers-toggle-section .modal-content-info, .class-enable-mastery-certifications-toggle-section .modal-content-info, .class-allow-catalog-toggle-section .modal-content-info, .user-settings-data-consent-section .modal-content-info, .class-subscribe-digest-toggle-section .modal-content-info, .class-flashcard-mode-enabled-toggle-section .modal-content-info, .class-learner-digest-enabled-toggle-section .modal-content-info, .class-discussions-enabled-toggle-section .modal-content-info {display: none;}
.assignment-builder-settings-section.active .assignment-builder-content-info, .learning-objective-modal-delivery-style-section.active .modal-learning-objective-delivery-style-content-info, .learning-objective-modal-relationships-section.active .modal-learning-objective-relationships-content-info, .assignment-builder-settings-section.active .assignment-builder-settings-section, .class-show-locked-toggle-section.active .modal-content-info, .class-default-language-section.active .modal-content-info, .class-discussions-start-by-section.active .modal-content-info, .class-mentors-section.active .modal-content-info, .class-instructors-section.active .modal-content-info, .class-current-mentors-section.active .modal-content-info, .class-allow-guest-viewers-toggle-section.active .modal-content-info, .class-enable-mastery-certifications-toggle-section.active .modal-content-info, .class-allow-catalog-toggle-section.active .modal-content-info, .user-settings-data-consent-section.active .modal-content-info, .class-subscribe-digest-toggle-section.active .modal-content-info, .class-flashcard-mode-enabled-toggle-section.active .modal-content-info, .class-learner-digest-enabled-toggle-section.active .modal-content-info, .class-discussions-enabled-toggle-section.active .modal-content-info {display: block;}
.modal-flashcard-mode-link {color: #705AF4 !important}
.class-mentors-list-section {margin-bottom: 10px; position: relative;}
.class-mentors-list-section.loading {height: 60px;}
.class-mentors-list-section.loading:after {content: ""; display: block; top: calc(50% - 15px); left: calc(50% - 15px); border: 3px solid #DD167B; border-top: 3px solid transparent; border-radius: 50%; width: 24px; height: 24px; animation: spin 800ms linear infinite; position: absolute;}
.class-mentors-list-section.loading .class-mentors-list-section-content {display: none}
.class-mentors-students-list-container {margin-bottom: 20px}
.modal-list-ul {width: 100%; display: block; position: relative; padding: 0 !important;}
.modal-list-ul li {display: inline-block; margin: 2px;}
.modal-list-ul li.title {font-family: 'Muli', sans-serif; font-size: 9pt; color: #666666; font-weight: 600; margin-left: 0;}
.modal-list-ul li.label {font-family: 'Muli', sans-serif; font-size: 9pt; color: #666666; font-weight: lighter;}
.modal-list-ul li.loading {position: relative; height: 15px; width: 15px; vertical-align: top; margin-left: 4px}
.modal-list-ul li.loading:before {content: ""; border: 3px solid transparent; border-top: 3px solid #36b1ff; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: 0; left: 0; display: block}
.modal-list-ul li.item {border: 1px solid #705AF4; border-radius: 3px; font-family: 'Muli', sans-serif; font-size: 9.5pt; font-weight: normal; color: #705AF4; height: 20px; padding: 0 4px; line-height: 18px; cursor: pointer;}
.modal-list-ul li.item:hover {background-color: #705AF4; color: #ffffff;}
.modal-list-ul.selected-list li.item:after {content: ""; background: url(/images/purple-close-x-icon.svg) no-repeat left; background-position: center center; background-size: contain;width: 8px; height: 8px;position: relative; display: inline-block; margin-left: 6px}
.modal-list-ul.selected-list li.item:hover:after {background: url(/images/white-close-x-icon.svg) no-repeat left;}
.modal-list-ul.suggested-list {margin-top: 10px}
.modal-list-ul.suggested-list li.item {border: 1px solid #36b1ff; color: #36b1ff;}
.modal-list-ul.suggested-list li.item:hover {background-color: #36b1ff; color: #ffffff;}
.modal-list-ul.suggested-list li.item:after {content: "";background: url(/images/add-blue-icon.svg) no-repeat left; background-size: contain; background-position: center center;vertical-align: top; margin-left: 6px; position: relative; display: inline-block; width: 8px; height: 8px; margin-top: 6px;}
.modal-list-ul.suggested-list li.item:hover:after {background: url(/images/add-topic-white-icon.svg) no-repeat left; background-size: contain; background-position: center center;}
.modal-normal-list {margin-left: 20px;}
.modal-normal-list li {font-family: 'Muli', sans-serif; font-size: 14px; color: #3d3942; font-weight: normal;}
.modal-normal-list li:before {content:'\2022'; margin-right: 4px;}
.modal-normal-list li:not(:last-child) {margin-bottom: 10px;}
.class-mentors-students-list-container-search-field {width: 100%; height: 20px; vertical-align: top; margin-top: 10px; position: relative;}
.class-mentors-students-list-container-search-field:after, .modal-search-field:after, .multi-search-field.underline:after {content:""; position: absolute; top: calc(100% + 4px); height: 1px; width: 100%; background-color: #e7e7e7; display: block}
.class-mentors-students-list-container-search-field-icon, .modal-search-field-icon {background: url(/images/search-icon.svg) no-repeat left;background-size: contain;width: 14px; margin-top: 2px; height: 15px; display: inline-block; margin-right: 10px}
.class-mentors-students-list-container-search-field-input, .modal-search-field-input {width: calc(100% - 24px); height: 20px; vertical-align: top}
.modal-search-field {width: 100%; height: 20px; vertical-align: top; margin-bottom: 10px; position: relative;}
.assignment-builder-individual-settings-list {margin-top:20px;}
.assignment-builder-individual-settings-section-loader {height: 0px;}
.assignment-builder-individual-settings-section-loader.loading {height: 80px; position: relative; color: transparent; cursor: default;}
.assignment-builder-individual-settings-section-loader.loading:before {content: ""; border: 6px solid transparent; border-top: 6px solid #DD167B; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 15px);left: calc(50% - 15px); display: block;}
.assignment-builder-individual-settings-list-item-header {display: block; margin-bottom: 20px}
.assignment-builder-individual-settings-list-item-header-title {display: inline-block; height: 20px; width: calc(100% - 30px); font-size: 11pt; font-weight: bold; color: #212121}
.assignment-builder-individual-settings-list-item-header-remove-button {display: inline-block; height: 20px; width: 20px; margin-left: 10px; position: relative; cursor: pointer}
.assignment-builder-individual-settings-list-item-header-remove-button:before {content: "";position: absolute;top: 4px;right: 4px;background: url(/images/close-x-icon.svg) no-repeat left;background-size: contain;width: 12px;height: 12px;transition: all linear 50ms; -webkit-transition: all linear 50ms;-ms-transition: all linear 50ms;-o-transition: all linear 50ms;-moz-transition: all linear 50ms;}
.assignment-builder-individual-settings-list-item-header-remove-button:hover:before {content: "";position: absolute;top: 2px;right: 2px;background: url(/images/close-x-icon.svg) no-repeat left;background-size: contain;width: 16px;height: 16px;}

.modal-learning-objective-relationships-content-info, .modal-learning-objective-delivery-style-content-info {margin-top: 10px;}
.learning-objective-modal-relationship-sections-container {margin-top: 10px;}
.assignment-builder-publish-date-section .assignment-builder-content-info {margin-top: 0 !important; margin-bottom: 24px !important;}
.assignment-builder-content-info-ul {margin: 8px 0 0 0 !important; padding: 0 !important}
.assignment-builder-content-info-ul li {margin: 0; padding: 0; position: relative;}
.assignment-builder-content-info-ul li span {margin-left: 22px; display: inline-block;}
.assignment-builder-content-info-ul li:not(:last-child) {margin-bottom: 4px !important}
.assignment-builder-content-info-ul li:before {content:'\2022'; color: #626262; font-family: 'Muli', sans-serif; font-size: 9pt; position: absolute; top: -1px; left: 6px;}
.assignment-builder-question-test-cases-type-section-current {padding: 4px; background-color: #666666}
.assignment-builder-question-test-cases-type-section-current-value {display: inline-block; font-family: 'Muli', sans-serif; font-size: 9pt; color: #ffffff; font-weight: 600; text-decoration: underline; cursor: pointer}
.info-indicator {display: inline-block; cursor: pointer; margin-bottom: 4px; line-height: 14px; height: 16px; width: 16px; margin-left: 6px; border-radius: 50%; font-style: italic; font-size: 10pt; border-style: solid; border-color: #CAC9C9; border-width: 1px; color: #CAC9C9; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; text-align: center;}
.assignment-builder-question-test-cases-type-section-current-info-indicator {display: inline-block; cursor: pointer; line-height: 14px; height: 16px; width: 16px; margin-left: 6px; border-radius: 50%; font-style: italic; font-size: 10pt; border-style: solid; border-color: #ffffff; border-width: 1px; color: #ffffff; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; text-align: center;}
.info-indicator:after, .assignment-builder-question-test-cases-type-section-current-info-indicator:after {content: "i";}
.assignment-builder-question-test-cases-type-section {position: relative;}
.assignment-builder-question-test-cases-type-section-select-menu {display: none; position: absolute; top: 100%}
.assignment-builder-question-test-cases-input-item-container.select-mode .assignment-builder-question-test-cases-type-section-select-menu {display: block !important}
.assignment-builder-question-test-cases-input-item-container[data-mode="exact-mode"] .assignment-builder-question-test-cases-type-section-select-menu-item[data-mode="exact-mode"] {display: none}
.assignment-builder-question-test-cases-input-item-container[data-mode="regex-mode"] .assignment-builder-question-test-cases-type-section-select-menu-item[data-mode="regex-mode"] {display: none}
.assignment-builder-question-test-cases-type-section-select-menu {background-color: #ffffff; width: 100%; z-index: 9999999}
.assignment-builder-question-test-cases-type-section-select-menu-item {height: 26px; line-height: 26px; background-color: #999999; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 9pt; color: #ffffff; cursor: pointer;}
.assignment-builder-question-test-cases-type-section-select-menu-item:hover {background-color: #888888}
.assignment-builder-due-date-section .assignment-builder-modal-option-title {width: calc(100% - 180px); display: inline-block;}
.assignment-builder-due-date-section .assignment-builder-modal-option-selected {width: 175px; display: inline-block;}
.assignment-builder-modal-option-date-selector-container {position: relative;}
.assignment-builder-modal-option-date-selector-container .date-picker-overlay {display: none; background-color: #ffffff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);border-radius: 3px; padding: 10px; position: absolute; top: 30px; right: 0; left: auto; z-index: 999;}
.assignment-builder-modal-option-date-selector-container:hover .date-picker-overlay {display: block;}
.assignment-builder-modal-switch-options-header {font-weight: 600; color: #666666; padding-bottom: 8px !important;}
.assignment-builder-modal-switch-options:not(:last-child) {margin-bottom: 10px}
.assignment-builder-modal-switch-options .assignment-builder-modal-switch-option {position: relative;}
.assignment-builder-modal-switch-options .assignment-builder-modal-switch-option a {text-decoration: underline;font-size: 9.5pt !important;}
.assignment-builder-modal-switch-options .assignment-builder-modal-switch-option small {margin-left: 4px; color: #666666;}
.assignment-builder-modal-switch-options .assignment-builder-modal-switch-option:not(:last-child) {margin-bottom: 10px;}
.assignment-builder-set-date-input-values {margin: 10px 0 0 0; width: calc(100% - 62px); display: inline-block;}
.date-picker-overlay .assignment-builder-set-date-input-value, .date-picker-overlay .assignment-builder-set-time-input-value {display: inline-block; width: calc(50% - 11px); text-align: center; font-family: 'Muli', sans-serif; font-size: 9pt;color: #666666; font-weight: 600;}
.date-picker-overlay .assignment-builder-set-date-at {margin: 0px 4px;}
.date-picker-overlay.hide-overlay {display: none !important;}
.assignment-builder-set-date-save-button {display: inline-block; margin-left: 4px; width: 58px; color: #1999EA; text-align: left; font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: 600; cursor: pointer;}
.assignment-builder-set-date-never-button {width: 100%; margin-bottom: 4px;text-align: right;}
.assignment-builder-set-date-never-button span {color: #DD167B; text-align: right; font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: 600; cursor: pointer;}
#assignment-builder-due-date-set-time-input {z-index: 999}
.assignment-builder-full-credit-threshold-section .assignment-builder-modal-option-title, .assignment-builder-file-upload-settings-points-section .assignment-builder-modal-option-title, .assignment-builder-late-policy-24h-section .assignment-builder-modal-option-title, .assignment-builder-late-policy-48h-section .assignment-builder-modal-option-title, .assignment-builder-late-policy-beyond-section .assignment-builder-modal-option-title, .assignment-builder-random-subset-count-section .assignment-builder-modal-option-title, .assignment-builder-time-limit-value-section .assignment-builder-modal-option-title {width: calc(100% - 59px); display: inline-block; line-height: 30px;}
.assignment-builder-due-date-section .assignment-builder-modal-option-title {width: calc(100% - 180px); display: inline-block; line-height: 30px;}
.assignment-builder-partial-credit-section, .assignment-builder-resubmit-incorrect-only-section, .assignment-builder-resubmit-enabled-section, .assignment-builder-enforce-time-limit-section, .assignment-builder-ask-mc-as-retrieval-section, .assignment-builder-hide-final-feedback-section,  .assignment-builder-hide-solutions-section, .assignment-builder-custom-description-section, .assignment-builder-random-subset-section, .assignment-builder-skill-verification-quiz-section {min-height: 30px;}
.assignment-builder-premium-settings-section .main-label-text:before {content:""; background: url(/images/premium-class-icon.svg)no-repeat;width: 14px;height: 20px;background-size: contain; background-position: center center; position: relative; display: inline-block; margin-right: 6px; vertical-align: top;}
.assignment-builder-full-credit-threshold-section .assignment-builder-options-modal-input-container, .assignment-builder-file-upload-settings-points-section .assignment-builder-options-modal-input-container, .assignment-builder-late-policy-24h-section .assignment-builder-options-modal-input-container, .assignment-builder-late-policy-48h-section .assignment-builder-options-modal-input-container, .assignment-builder-late-policy-beyond-section .assignment-builder-options-modal-input-container, .assignment-builder-random-subset-count-section .assignment-builder-options-modal-input-container, .assignment-builder-time-limit-value-section .assignment-builder-options-modal-input-container {display: inline-block; margin-left: 10px; width: 49px; vertical-align: middle;}
.assignment-builder-due-date-section .assignment-builder-options-modal-multiple-inputs-container, .assignment-builder-due-date-section .assignment-builder-options-modal-date-never-input-container {display: inline-block; margin-left: 10px; width: 170px; vertical-align: middle; position: relative;}
.assignment-builder-options-modal-date-input-container {display: inline-block; width: 80px; height: 18px; vertical-align: middle; }
.assignment-builder-options-modal-time-input-container {display: inline-block; width: 72px; height: 18px; vertical-align: middle; }
.assignment-builder-options-modal-date-never-input-container {height: 18px;}
.assignment-builder-options-modal-input-container:not(.active) .assignment-builder-options-modal-input {display: none;}
.assignment-builder-options-modal-input-container.active .assignment-builder-options-modal-input {display: block; width: 100%; position: relative;}
.assignment-builder-options-modal-value {cursor: text; height: 100%}
.assignment-builder-options-modal-value-static {cursor: default; display: inline-block; width: 18px; text-align: center;}
.assignment-builder-options-modal-value-static span {font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: normal; color: #666666;}
.assignment-builder-options-modal-input-container:not(.active) .assignment-builder-options-modal-value {display: block;}
.assignment-builder-options-modal-input-container.active .assignment-builder-options-modal-value {display: none;}
.assignment-builder-options-modal-input-container:not(.active) .assignment-builder-options-modal-value:after, .assignment-builder-options-modal-date-never-input-container .assignment-builder-options-modal-value:after, .assignment-builder-question-mastery-question-open-ended-points-value-container span:after {content: ""; background: url(../images/small-edit-icon.svg) no-repeat left;background-position: center center; background-size: contain; width: 11px; height: 11px; position: relative; display: inline-block; margin-left: 4px;}
.assignment-builder-options-modal-value span, .assignment-builder-options-modal-input, .assignment-builder-question-mastery-question-open-ended-points-value-container span, .assignment-builder-question-mastery-question-open-ended-points-value-container input {font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: 600; color: #212121; vertical-align: middle; height: 100%;}
.assignment-builder-options-modal-time-input-container .assignment-builder-options-modal-input {padding-left: 3px; padding-top: 0.5px;}
.assignment-builder-options-modal-value span, .assignment-builder-question-mastery-question-open-ended-points-value-container span, .assignment-builder-question-mastery-question-open-ended-points-value-container input {line-height: 18px;}
.assignment-builder-options-modal-value.last {float: right;}
#assignment-builder-full-credit-threshold-value:after, #assignment-builder-late-policy-24h-value:after, #assignment-builder-late-policy-48h-value:after, #assignment-builder-late-policy-beyond-value:after {content: "%";}
.assignment-builder-full-credit-threshold-section, .assignment-builder-late-policy-24h-section, .assignment-builder-late-policy-48h-section, .assignment-builder-late-policy-beyond-section, .assignment-builder-random-subset-count-section, .assignment-builder-time-limit-value-section {margin-bottom: 10px;}

.assignment-builder-title-question-count {font-weight: normal;font-family: 'Muli', sans-serif; color: #eb1f48;font-size: 8pt; margin-top: 4px;}
.assignment-builder-title-question-count.has-minimum-recommended {color: #3FB428;}
.assignment-builder-question-composer-discard-button-container {text-align: right; margin-bottom: 4px;}
.assignment-builder-question-composer-discard-button {display: inline-block;}
.assignment-builder-question-composer-discard-button a {font-weight: normal;font-family: 'Muli', sans-serif; color: #666666;font-size: 11pt;}
.assignment-builder-question-composer-discard-button:hover a {text-decoration: underline;}
.assignment-builder-question-composer-discard-button a:after {content: ""; display: inline-block; background: url(/images/discard-icon.svg)no-repeat;width: 14px;height: 14px;background-size: contain; position: relative; display: inline-block; vertical-align: middle; margin-left: 6px;}
.assignment-builder-add-questions-to-resources-current-question-drafts-container, .assignment-builder-add-recommended-questions-suggestions-container {margin-top: 10px;}
.assignment-builder-select-options-ul {display: block; width: 100%;}
.assignment-builder-select-options-ul .assignment-builder-select-option-li {display: inline-block; height: 150px; position: relative; border: 1px solid #817f7f; border-radius: 10px; cursor: pointer; vertical-align: top; }
.assignment-builder-select-options-ul.three .assignment-builder-select-option-li {width: calc(33.33% - 30px); margin-left: 15px; margin-right: 15px;}
.assignment-builder-select-options-ul.two .assignment-builder-select-option-li {width: calc(50% - 10px);}
.assignment-builder-select-options-ul.two .assignment-builder-select-option-li.left {margin-right: 10px;}
.assignment-builder-select-options-ul.two .assignment-builder-select-option-li.right {margin-left: 10px;}
.assignment-builder-select-options-ul.two .assignment-builder-select-option-li.top {margin-bottom: 20px;}
.assignment-builder-selection-option-icon-container {display: inline-block; margin: 12px 12px 4px 12px; width: calc(100% - 24px); height: 80px; position: relative;}
.assignment-builder-select-option-text {font-family: 'Muli', sans-serif; font-size: 9pt; line-height: 14px; color: #282828; text-align: center; margin-left: 4px; margin-right: 4px; width: calc(100% - 8px); vertical-align: middle; height: 40px;display: -webkit-flex;display: flex;align-items: center;justify-content: center; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.assignment-builder-select-option-li:hover .assignment-builder-select-option-text {font-weight: bold;}
#assignment-builder-select-option-private-icon:after {content:'';position: absolute;width: 100%; height: 100%; background: url(../images/person-icon.svg)no-repeat;background-size: contain; background-position: center;}
.assignment-builder-select-option-li.active .assignment-builder-selection-option-icon-container #assignment-builder-select-option-private-icon:after {content:'';position: absolute;width: 100%; height: 100%; background: url(../images/person-active-icon.svg)no-repeat;background-size: contain; background-position: center;}
#assignment-builder-select-option-institution-icon:after {content:'';position: absolute;width: 100%; height: 100%; background: url(../images/institution-icon.svg)no-repeat;background-size: contain; background-position: center;}
.assignment-builder-select-option-li.active .assignment-builder-selection-option-icon-container #assignment-builder-select-option-institution-icon:after {content:'';position: absolute;width: 100%; height: 100%; background: url(../images/institution-active-icon.svg)no-repeat;background-size: contain; background-position: center;}
#assignment-builder-select-option-openclass-icon:after {content:'';position: absolute;width: 100%; height: 100%; background: url(../images/openclass-inactive-icon.svg)no-repeat;background-size: contain; background-position: center;}
.assignment-builder-select-option-li.active .assignment-builder-selection-option-icon-container #assignment-builder-select-option-openclass-icon:after {content:'';position: absolute;width: 100%; height: 100%; background: url(../images/openclass-icon.svg)no-repeat;background-size: contain; background-position: center;}
.modal-body .assignment-builder-content-info, .modal-body .modal-content-info {margin: 20px 0; width: 100%; text-align: left;}
.modal-body .build-field-toggle, .modal-body .build-field-drop-down {margin-bottom: 0;}
.assignment-builder-content-info, .modal-content-info {margin-top: 80px; margin-bottom: 80px; color: #666666; font-size: 9pt; line-height: 20px; font-weight: normal;font-family: 'Muli', sans-serif; margin-left: 25%; width: 50%; text-align: center;}
.assignment-builder-content-info a, .modal-content-info a {font-family: inherit; font-weight: inherit; color: inherit; display: inline; word-wrap: inherit; font-size: inherit; text-decoration: underline;}
.assignment-builder-bottom-message {margin-top: 80px; margin-bottom: 80px; color: #212121; font-size: 9pt; line-height: 20px; font-weight: normal;font-family: 'Muli', sans-serif; width: 100%; text-align: center;}
.assignment-builder-displayed-question-resource-li:not(:last-child) {margin-bottom: 4px;}
.assignment-builder-displayed-question-resource-li:before {content:'\2022'; color: #626262; font-family: 'Muli', sans-serif; font-size: 9pt; margin-right: 20px;}
.assignment-builder-displayed-question-resource-li b {cursor: default; color: #212121; font-weight: bold; display: inline; font-size: 8pt;}
.assignment-builder-displayed-question-resource-li a {cursor: pointer; color: #705AF4; font-weight: 600; display: inline;}
.assignment-builder-displayed-question-resource-li small {cursor: default; color: #888888; font-weight: normal; margin-left: 4px;}
#assignment-builder-select-option-is-encompassing-icon:after {content:'';position: absolute;width: 100%; height: 100%; background: url(../images/thumbs-up-icon.svg)no-repeat;background-size: contain; background-position: center;}
.assignment-builder-select-option-li.active .assignment-builder-selection-option-icon-container #assignment-builder-select-option-is-encompassing-icon:after {content:'';position: absolute;width: 100%; height: 100%; background: url(../images/thumbs-up-active-icon.svg)no-repeat;background-size: contain; background-position: center;}
#assignment-builder-select-option-not-encompassing-icon:after {content:'';position: absolute;width: 100%; height: 100%; background: url(../images/thumbs-down-icon.svg)no-repeat;background-size: 90% 90%; background-position: bottom;}
.assignment-builder-select-option-li.active .assignment-builder-selection-option-icon-container #assignment-builder-select-option-not-encompassing-icon:after {content:'';position: absolute;width: 100%; height: 100%; background: url(../images/thumbs-down-active-icon.svg)no-repeat;background-size: 90% 90%; background-position: bottom;}
#assignment-builder-select-option-immediately-icon:after {content:'';position: absolute;width: 100%; height: 100%; background: url(../images/bolt-icon.svg)no-repeat;background-size: contain; background-position: center;}
.assignment-builder-select-option-li.active .assignment-builder-selection-option-icon-container #assignment-builder-select-option-immediately-icon:after {content:'';position: absolute;width: 100%; height: 100%; background: url(../images/bolt-active-icon.svg?v=1)no-repeat;background-size: contain; background-position: center;}
#assignment-builder-select-option-with-icon:after {content:'';position: absolute;width: 90%; height: 90%; top: 10%; left: 5%; background: url(../images/with-icon.svg)no-repeat;background-size: contain; background-position: center;}
.assignment-builder-select-option-li.active .assignment-builder-selection-option-icon-container #assignment-builder-select-option-with-icon:after {content:'';position: absolute;width: 90%; height: 90%; top: 10%; left: 5%; background: url(../images/with-active-icon.svg?v=1)no-repeat;background-size: contain; background-position: center;}
#assignment-builder-select-option-after-icon:after {content:'';position: absolute;width: 90%; height: 90%; top: 10%; left: 5%; background: url(../images/after-icon.svg)no-repeat;background-size: contain; background-position: center;}
.assignment-builder-select-option-li.active .assignment-builder-selection-option-icon-container #assignment-builder-select-option-after-icon:after {content:'';position: absolute;width: 90%; height: 90%; top: 10%; left: 5%; background: url(../images/after-active-icon.svg?v=1)no-repeat;background-size: contain; background-position: center;}
#assignment-builder-select-option-time-icon:after {content:'';position: absolute;width: 100%; height: 100%; background: url(../images/schedule-icon.svg)no-repeat;background-size: contain; background-position: center;}
.assignment-builder-select-option-li.active .assignment-builder-selection-option-icon-container #assignment-builder-select-option-time-icon:after {content:'';position: absolute;width: 100%; height: 100%; background: url(../images/schedule-active-icon.svg)no-repeat;background-size: contain; background-position: center;}
.assignment-builder-set-date {display: block; width: 100%;}
.assignment-builder-set-date .assignment-builder-set-date-input {display: inline-block; text-align: center; width: calc(50% - 10px); line-height: 30px; height: 30px; font-family: 'Muli', sans-serif; font-size: 14pt;  color: #666666; font-weight: normal;}
.assignment-builder-set-date .assignment-builder-set-date-at {display: inline-block; width: 20px; line-height: 30px; height: 30px; font-family: 'Muli', sans-serif; font-size: 14pt; color: #212121; font-weight: normal; text-align: center;}
.assignment-builder-set-time-input-container {display: inline-block; width: calc(50% - 10px); position: relative; }
.assignment-builder-set-date .assignment-builder-set-time-input {display: inline-block; text-align: center; width: 100%; line-height: 30px; height: 30px; font-family: 'Muli', sans-serif; font-size: 14pt; color: #666666; font-weight: normal;}
.assignment-builder-set-date {margin-bottom: 40px;}
.assignment-builder-set-time-timezone-text {position: relative; display: block; width: calc(50% - 10px); float: right; text-align: center;}
.assignment-builder-set-time-timezone-text span {text-align: center; text-transform: uppercase; font-family: 'Muli', sans-serif; font-size: 8pt; color: #888888; font-weight: normal;}
.assignment-builder-set-time-timezone-text span:before {content: "Timezone:"; margin-right: 2px;}
.assignment-builder-below-due-date-area {margin-left: 10%; width: 80%; position: relative; margin-top: 80px;}
.portal-options-container {position: relative; width: 200px; text-align: right; height: 100%; float: right;}
.metrics-options-container {position: relative; width: 204px; text-align: right; height: 30px; float: right;}
.metrics-options-container.three-additional-options {width: 204px;}
.metrics-options-container.four-additional-options {width: 238px;}
.metrics-options-container.five-additional-options {width: 272px;}
.metrics-options-preview-container {position: relative; width: 204px; text-align: right; height: 30px; float: right;}
.metrics-options-preview-container .assignment-dashboard-preview-button {margin-right: 0}
.premium .portal-options-container {text-align: center;}
.assignment-builder-save .additional-options-btn:before, .portal-options .additional-options-btn:before {content:"\f013";font-family: 'FontAwesome';font-size: 15pt;position: relative; color: #666666; line-height: 30px; text-align: center; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.assignment-dashboard-download-grades-button:before {content:"\f019";font-family: 'FontAwesome';font-size: 15pt;position: relative; display: inline-block; width: 20px; height: 30px; margin-right: 2px; color: #2CB461; line-height: 30px; text-align: center; vertical-align: middle; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.assignment-dashboard-sync-grades-button:before {content:""; background: url(/images/sync-grades-icon.svg)no-repeat;background-size: contain; background-position: center center; display:inline-block;width: 20px; margin-right: 2px; height: 30px; position: relative; line-height: 30px; text-align: center; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.assignment-dashboard-view-link-button:before {content:"\f0c1";font-family: 'FontAwesome';font-size: 15pt;position: relative; display: inline-block; width: 20px; height: 30px; margin-right: 2px; color: #D89410; line-height: 30px; text-align: center; vertical-align: middle; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.assignment-dashboard-preview-button:before, .class-preview-button:before {content:"\f06e";font-family: 'FontAwesome';font-size: 15pt;position: relative; display: inline-block; width: 20px; height: 30px; margin-right: 2px; color: #36b1ff; line-height: 30px; text-align: center; vertical-align: middle; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.assignment-dashboard-edit-small-button:before {content:""; background: url(/images/edit-small-icon.svg)no-repeat;background-size: contain; background-position: center center; display:inline-block;width: 20px; margin-right: 2px; height: 30px; position: relative; line-height: 30px; text-align: center; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.assignment-dashboard-purchase-credits-button:before {content: ""; display: inline-block; width: 24px; height: 24px; margin-left: 3px; margin-right: 3px; margin-top: 3px; border-radius: 15px; position: relative; text-align: center; background-color: #ffd44f; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.assignment-builder-save .additional-options-btn:hover:before, .portal-options .additional-options-btn:hover:before {font-size: 17pt;}
.assignment-dashboard-view-link-button:hover:before, .assignment-dashboard-preview-button:hover:before, .assignment-dashboard-edit-small-button:hover:before, .class-preview-button:hover:before, .class-share-button:hover:before, .assignment-dashboard-sync-grades-button:hover:before, .crowdsource-questions-btn:hover:before, .assignment-dashboard-download-grades-button:hover:before {width: 24px; margin-right: 0;}
.assignment-dashboard-purchase-credits-button:hover:before {width: 30px; height: 30px; margin-left: 0; margin-right: 0; margin-top: 0;}
.flashcard-next-button:not(.disabled):hover .description-overlay, .flashcard-prev-button:not(.disabled):hover .description-overlay, .flashcard-star-button:hover .description-overlay, .flashcard-options-button:hover .description-overlay, .assignment-builder-save .additional-options-btn:hover .assignment-builder-button-description, .lesson-metrics-student-item-edit-button .button-description:hover, .portal-options .additional-options-btn:hover .class-page-options-button-description, .discussion-button:hover .discussion-button-explanation, .navbar-edit-class-settings-button:hover .class-page-options-button-description, .class-preview-button:hover .class-page-preview-button-description, .discussion-response-item-top-author-indicator:hover .discussion-response-item-top-author-indicator-description, .class-share-button:hover .class-page-share-button-description, .class-license-button:hover .class-page-license-button-description, .generate-assignment-modal-body-section-learning-objective-add-prompt-button:hover .generate-assignment-modal-body-section-learning-objective-add-prompt-button-description, .class-notifications-button:not(.show-overlay):hover .class-page-notifications-button-description, .portal-options .class-page-options-current-premium-button:hover .class-page-options-button-description, .assignment-dashboard-download-grades-button:hover .assignment-dashboard-button-description, .assignment-dashboard-sync-grades-button:hover .assignment-dashboard-button-description, .assignment-dashboard-view-link-button:hover .assignment-dashboard-button-description, .assignment-dashboard-preview-button:hover .assignment-dashboard-button-description, .assignment-dashboard-edit-small-button:hover .assignment-dashboard-button-description, .assignment-dashboard-purchase-credits-button:hover .assignment-dashboard-button-description, .crowdsource-questions-btn:hover .assignment-dashboard-button-description, .assignment-metrics-student-name-item-reviewed-indicator:hover .assignment-dashboard-button-description, .metrics-question-response-item.active .metrics-question-subsection-learners-mentioned-list-item:hover .overlay-info-description, .oc-text-editor-toolbar-option-text-colors-list button:hover .oc-text-editor-toolbar-color-option-description, .oc-text-editor-toolbar-option-text-colors-list li:hover .oc-text-editor-toolbar-color-option-description {display: block;}
.assignment-builder-save .additional-options-btn, .portal-options .additional-options-btn, .assignment-dashboard-download-grades-button {position: relative; display: inline-block; cursor: pointer; width: 24px; height: 30px; padding: 0 !important; vertical-align: bottom; text-align: center; margin-right: 110px; overflow: visible !important;}
.assignment-dashboard-sync-grades-button, .assignment-dashboard-view-link-button, .crowdsource-questions-btn, .assignment-dashboard-preview-button, .assignment-dashboard-edit-small-button, .assignment-dashboard-purchase-credits-button, .class-preview-button, .class-share-button, .class-notifications-button {position: relative; display: inline-block; cursor: pointer; width: 24px; height: 30px; padding: 0 !important; vertical-align: bottom; text-align: center !important; margin-right: 10px; display: inline-block; overflow: visible !important;}
.class-license-button {position: relative; display: inline-block; cursor: pointer; height: 30px; width: 84px; padding: 0 !important; vertical-align: bottom; text-align: center !important; display: inline-block; overflow: visible !important;}
.class-license-button .class-license-button-icon {background-color: #666666; height: 24px; top: 3px; position: absolute; top: 3px; right: 3px; width: 78px; border-radius: 4px; text-align: center; transition: all linear 100ms; -webkit-transition: all linear 100ms;-ms-transition: all linear 100ms;-o-transition: all linear 100ms;-moz-transition: all linear 100ms;}
.class-license-button .class-license-button-icon span {font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt; color: #ffffff; line-height: 22px; transition: all linear 100ms; -webkit-transition: all linear 100ms;-ms-transition: all linear 100ms;-o-transition: all linear 100ms;-moz-transition: all linear 100ms;}
.class-license-button:hover .class-license-button-icon {height: 30px; top: 0; right: 0; width: 84px;}
.class-license-button:hover .class-license-button-icon span {line-height: 28px; font-size: 11pt}
.class-license-button[data-license='free'] .class-license-button-icon {background-color: #FFD34F}
.class-license-button[data-license='pro'] .class-license-button-icon {background-color: #36b1ff}
.class-license-button[data-license='standard'] .class-license-button-icon {background-color: #DD167B}
.class-license-button[data-license='school'] .class-license-button-icon {background-color: #705AF4}
.assignment-dashboard-purchase-credits-button {width: 30px}
.assignment-dashboard-purchase-credits-button:hover .assignment-dashboard-purchase-credits-button-value {font-size: 11pt;}
.assignment-dashboard-purchase-credits-button-value {font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: bold; color: #ffffff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; line-height: 28px; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.purchase-credits-bundles {display: block; width: 100%; position: relative;}
.purchase-credits-bundle {width: calc(33.33% - 4px); display: inline-block; position: relative; text-align: center;}
.purchase-credits-bundle-title {font-family: 'Muli', sans-serif; font-size: 24pt; color: #666666; font-weight: bold; margin-bottom: 14px;}
.purchase-credits-bundle-description {font-family: 'Muli', sans-serif; font-size: 10pt; color: #666666; font-weight: lighter; margin-bottom: 16px;}
.purchase-credits-bundle-select-button {border-radius: 4px; cursor: pointer; line-height: 30px; height: 30px; color: #ffffff; font-family: 'Muli', sans-serif; font-size: 11pt; font-weight: 600;}
.purchase-credits-bundle-content.blue .purchase-credits-bundle-select-button {background-color: #11DBFF}
.purchase-credits-bundle-content.pink .purchase-credits-bundle-select-button {background-color: #FF1184}
.purchase-credits-bundle-content.purple .purchase-credits-bundle-select-button {background-color: #705AF4}
.purchase-credits-bundle-content.blue .purchase-credits-bundle-select-button:hover {background-color: rgba(17, 219, 255, 0.8);}
.purchase-credits-bundle-content.pink .purchase-credits-bundle-select-button:hover {background-color: rgba(255, 17, 132, 0.8);}
.purchase-credits-bundle-content.purple .purchase-credits-bundle-select-button:hover {background-color: rgba(86, 40, 179, 0.8);}
.purchase-credits-bundle-content.blue {background-color: rgba(17, 219, 255, 0.04);}
.purchase-credits-bundle-content.pink {background-color: rgba(255, 17, 132, 0.04);}
.purchase-credits-bundle-content.purple {background-color: rgba(86, 40, 179, 0.04);}
.purchase-credits-bundle-content {display: inline-block; margin: 0 4px; border: 1px solid #e7e7e7; background-color: #e7e7e7; padding: 8px; border-radius: 4px;}
.modal-send-email-list {border: 1px solid #e7e7e7; padding: 10px 10px 0 10px !important; border-radius: 4px;}
.modal-send-email-list-header {display: block; width: 100%; height: 40px; border-bottom: 1px solid #e7e7e7; margin: 0 !important}
.modal-send-email-list-item {display: inline-block; width: 100%; height: 40px; border-bottom: 1px solid #e7e7e7;margin: 0 !important}
.modal-send-email-list-item.pending {background-color: #e7e7e7;}
.modal-send-email-list-item.pending .modal-send-email-list-item-input:disabled {background-color: #e7e7e7; border-radius: 0px; padding: 0;}
.modal-send-email-list-item-container {display: inline-block; width: calc(33.33% - 10px); margin: 0; height: 40px; position: relative; font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: normal; color: #212121; text-align: center; line-height: 30px;}
.modal-send-email-list-item-container-remove-button {width: 30px; display: inline-block; height: 100%; cursor: pointer; position: relative;}
.modal-send-email-list-item-container-remove-button:before {content: "";position: absolute; width: 12px; height: 12px; left: calc(50% - 6px); top: calc(50% - 6px); background: url(/images/close-x-icon.svg) no-repeat left;background-size: contain; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.modal-send-email-list-item-container-remove-button:hover:before {width: 14px; height: 14px; left: calc(50% - 7px); top: calc(50% - 7px);}
.modal-send-email-list-item-input {display: block; position: absolute; background-color: transparent; top: 0; left: 4px; right: 4px; bottom: 0; text-align: center;}
.modal-send-email-list-header-item {display: inline-block; width: calc(33.33% - 10px); margin: 0; height: 30px; position: relative; font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: 600; color: #666666; text-align: center; line-height: 30px;}
.modal-send-email-list-header-item:not(:last-child):after, .modal-send-email-list-item-container:not(:last-child):after {content: "";position: absolute;right: 0; top: calc(50% - 6px); height:12px; background-color: #e7e7e7; width: 1px; display: block;}
.modal-send-email-list-add-button-container {width: 100%; height: 30px; position: relative; display: inline-block;}
.modal-send-email-list-add-button {position: absolute; display: block; top: calc(50% - 11px); left: calc(50% - 11px); width: 22px; height: 22px; border-radius: 11px; border: 1px solid #DD167B; color: #DD167B; line-height: 17px; font-family: 'Muli', sans-serif; font-size: 13pt; font-weight: lighter; text-align: center; cursor: pointer;}
.modal-send-email-list-add-button:hover {background-color: #DD167B; color:  #ffffff}
.modal-send-email-list-error-message {padding: 4px; display: none;}
.modal-send-email-list-error-message span {font-family: 'Muli', sans-serif; color: #eb1f48; font-size: 10pt; font-weight: normal;}
.modal-send-email-list-body.loading .modal-send-email-list-loader {display: inline-block;}
.modal-send-email-list-loader {display: none; width: 100%; height: 40px; margin: 0 !important; position: relative;}
.modal-send-email-list-loader:after {content: "";border: 3px solid transparent; border-top: 3px solid #666666; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 7.5px); left: calc(50% - 7.5px); display: block;}
.class-preview-button, .class-share-button, .class-notifications-button, .class-license-button {margin-right: 20px;}
.class-notifications-overlay {position: absolute; max-height: 300px; overflow: scroll; top: 100%; right: 0; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);border-radius: 3px; background-color: #ffffff; padding-top: 10px; width: 280px; cursor: default; display: none}
.class-notifications-button.show-overlay .class-notifications-overlay {display: block}
.class-notifications-overlay p {padding: 10px 20px 20px 20px; font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: normal; color: #666666;}
.class-notifications-overlay .class-notification-items .class-notification-item {padding: 10px 20px;white-space:normal; text-align: left; position: relative; font-family: 'Muli', sans-serif; font-size: 10pt; line-height: 20px; font-weight: normal; color: #212121;}
.class-notifications-overlay .class-notification-items .class-notification-item:not(:last-child) {border-bottom: 1px solid #e7e7e7}
.class-notifications-overlay .class-notification-items {font-size: 0}
.class-notifications-overlay .class-notification-items .class-notification-item:hover {text-decoration: underline;}
.class-notifications-overlay .class-notification-items .class-notification-item.unseen {background-color: rgba(86, 40, 179, 0.04); font-weight: bold}
.skill-verification-metrics-options-container .assignment-dashboard-purchase-credits-button {margin-right: 110px !important;}
.portal-options.standard .additional-options-btn {margin-right: 0;}
.portal-options.premium .additional-options-btn {margin-right: 20px;}
.portal-options.premium .class-page-options-current-premium-button {position: relative; display: inline-block; cursor: pointer; width: 30px; height: 30px; vertical-align: bottom; text-align: center;}
.portal-options .class-page-options-current-premium-button:before {content:""; background: url(/images/premium-class-icon.svg)no-repeat;width: 20px;height: 30px;background-size: contain; background-position: center center; position: relative; display: inline-block; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.portal-options .class-page-options-current-premium-button:hover:before {width: 24px;}
.crowdsource-questions-btn:before {content: ""; width: 22px; margin-right: 1px; height: 30px; background: url(../images/openclass-icon.svg)no-repeat;background-size: contain; background-position: center; display: inline-block; vertical-align: middle;transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.crowdsource-questions-btn:hover:before, .crowdsource-questions-btn.private:hover:before, .class-share-button:hover:before {width: 25px;}
.class-notifications-button:not(.show-overlay):hover:before, .class-notifications-button:not(.show-overlay).active:hover:before {width: 20px;}
.crowdsource-questions-btn.private:before, .class-share-button:before {content: ""; width: 22px; height: 30px; background: url(../images/openclass-inactive-icon.svg)no-repeat;background-size: contain; background-position: left; display: inline-block; vertical-align: middle;}
.class-notifications-button:before {content:"\f0f3";font-family: 'FontAwesome';font-size: 15pt;position: relative; display: inline-block; width: 20px; height: 30px; margin-right: 2px; color: #999999; line-height: 30px; text-align: center; vertical-align: middle; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.class-notifications-button.active:before {color: #EB1F48}
.zoom-assignment-btn.zoom-out:before {content:""; background: url(/images/zoom-out-icon.svg)no-repeat;background-size: contain; background-position: center center; display:inline-block;width: 20px; margin-right: 2px; height: 30px; position: relative; line-height: 30px; text-align: center; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.zoom-assignment-btn.zoom-out:after {display: none; background: url(/images/zoom-in-icon.svg)no-repeat;}
.zoom-assignment-btn.zoom-in:before {content:""; background: url(/images/zoom-in-icon.svg)no-repeat;background-size: contain; background-position: center center; display:inline-block;width: 20px; margin-right: 2px; height: 30px; position: relative; line-height: 30px; text-align: center; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.zoom-assignment-btn.zoom-in:after {display: none; background: url(/images/zoom-out-icon.svg)no-repeat;}
.assignment-version-control-btn:before {content:""; background: url(/images/assignment-version-control-icon.svg)no-repeat;background-size: contain; background-position: center center; display:inline-block;width: 20px; margin-top: 5px; height: 20px; position: relative; line-height: 30px; text-align: center; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.preview-assignment-btn:before {content:"\f06e";font-family: 'FontAwesome';font-size: 15pt;position: relative; color: #36b1ff; line-height: 30px; text-align: center; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.preview-assignment-btn, .zoom-assignment-btn, .assignment-version-control-btn {position: relative; display: inline-block; vertical-align: middle; padding: 0 !important; width: 30px; height: 30px; cursor: pointer; margin-right: 16px; text-align: center !important; overflow: visible !important;}
.preview-assignment-btn:hover:before, .assignment-dashboard-preview-button:hover:before, .class-preview-button:hover:before, .assignment-dashboard-view-link-button:hover:before, .class-notifications-button:hover:before, .assignment-dashboard-download-grades-button:hover:before {font-size: 17pt;}
.zoom-assignment-btn:hover:before {width: 24px; margin-right: 0;}
.assignment-version-control-btn:hover:before {height: 24px; margin-top: 3px;}
.assignment-builder-button-description, .description-overlay, .button-description, .class-page-options-button-description, .discussion-button-explanation, .assignment-dashboard-button-description, .overlay-info-description, .class-page-preview-button-description, .discussion-response-item-top-author-indicator-description, .class-page-share-button-description, .class-page-license-button-description, .generate-assignment-modal-body-section-learning-objective-add-prompt-button-description, .locked-feature-indicator-description, .class-page-notifications-button-description, .assignment-builder-question-mastery-question-generate-distractors-button-tip, .oc-text-editor-toolbar-color-option-description {display: none;}
.preview-assignment-btn:hover .assignment-builder-button-description, .lesson-metrics-student-item-edit-button:hover .button-description, .zoom-assignment-btn:hover .assignment-builder-button-description, .assignment-version-control-btn:hover .assignment-builder-button-description, .crowdsource-questions-btn:hover .assignment-builder-button-description, .h-logo-icon:hover .assignment-builder-button-description, .assignment-builder-question-mastery-question-generate-distractors-button.locked:hover + .assignment-builder-question-mastery-question-generate-distractors-button-tip {display: block;}
.assignment-builder-button-description, .description-overlay, .button-description, .class-page-options-button-description, .discussion-button-explanation, .class-page-preview-button-description, .discussion-response-item-top-author-indicator-description, .class-page-share-button-description, .class-page-license-button-description, .class-page-notifications-button-description, .assignment-dashboard-button-description, .overlay-info-description, .assignment-builder-question-mastery-question-generate-distractors-button-tip, .oc-text-editor-toolbar-color-option-description {position: absolute; display: none; background-color: rgba(0, 0, 0, 0.7); height: 24px;overflow: hidden; border-radius: 4pt; padding: 2px 4px; z-index: 999; top: calc(100% + 2px); left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform:translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.locked-feature-indicator-description, .generate-assignment-modal-body-section-learning-objective-add-prompt-button-description {position: absolute; display: none; background-color: rgba(0, 0, 0, 0.7); height: 24px;overflow: hidden; border-radius: 4pt; padding: 2px 4px; z-index: 999; top: calc(100% + 2px); left: 0; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.overlay-info-description, .discussion-button-explanation {top: calc(100% + 4px)}
.assignment-builder-button-description:hover, .description-overlay:hover, .button-description:hover, .class-page-options-button-description:hover, .discussion-button-explanation:hover, .class-page-preview-button-description:hover, .discussion-response-item-top-author-indicator-description:hover, .class-page-share-button-description:hover, .class-page-license-button-description:hover, .generate-assignment-modal-body-section-learning-objective-add-prompt-button-description:hover, .locked-feature-indicator-description:hover, .class-page-notifications-button-description:hover, .assignment-dashboard-button-description:hover, .assignment-builder-question-mastery-question-generate-distractors-button-tip:hover, .overlay-info-description:hover, .oc-text-editor-toolbar-color-option-description:hover {display: none !important;}
.assignment-builder-button-description span, .description-overlay span, .button-description span, .class-page-options-button-description span, .discussion-button-explanation span, .class-page-preview-button-description span, .discussion-response-item-top-author-indicator-description span, .class-page-share-button-description span, .class-page-license-button-description span, .generate-assignment-modal-body-section-learning-objective-add-prompt-button-description span, .locked-feature-indicator-description span, .class-page-notifications-button-description span, .assignment-dashboard-button-description span, .assignment-builder-question-mastery-question-generate-distractors-button-tip span, .overlay-info-description span, .oc-text-editor-toolbar-color-option-description span {font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: normal; color: #ffffff !important; display: block; width: 100%; height: 20px;line-height: 20px; vertical-align: middle; white-space: pre; }

.modal-multi-button-options {text-align: center;}
.modal-multi-button-options li {margin-left: auto; margin-right: auto; text-align: center; color: #705AF4; background-color: transparent; border: 1px solid #705AF4; border-radius: 20px; width: 200px; max-width: 100%; height: 40px; cursor: pointer;}
.modal-multi-button-options li a {color: #705AF4; text-align: center; font-weight: 600; height: 100%; vertical-align: middle; line-height: 36px;}
.modal-multi-button-options li:hover {background-color: #705AF4}
.modal-multi-button-options li:hover a {color: #ffffff;}
.modal-multi-button-options li:not(:last-child) {margin-bottom: 10px !important;}
.assignment-builder-walkthrough-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999;}
.assignment-builder-walkthrough-overlay-background {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; overflow: hidden;}
.assignment-builder-walkthrough-overlay-background:after {content:"";position:absolute;right:-100px; top:calc(50% - 74px);border-radius:100%;width:200px; height:200px;box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);}
.assignment-builder-walkthrough-overlay-body {position: relative; top: 50%; left: 25%; width: 50%; z-index: 999999999; margin-right: 110px !important margin-left: 110px !important; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.assignment-builder-walkthrough-overlay-title {text-align: center; color: #ffffff;font-size: 24pt;line-height: 40px;font-weight: bold;font-family: 'Muli', sans-serif; margin-bottom: 40px;}
.assignment-builder-walkthrough-overlay-subtext {text-align: center; color: #ffffff;font-size: 11pt;line-height: 20px;font-weight: normal;font-family: 'Muli', sans-serif;}
.assignment-builder-walkthrough-overlay-done-button {text-align: center; margin-top: 40px; background-color: #DD167B; border-radius: 10px; height: 40px; width: 100%; cursor: pointer;}
.assignment-builder-walkthrough-overlay-done-button a {font-weight: bold; font-family: 'Muli', sans-serif; font-size: 11pt; color: #ffffff; height: 40px; line-height: 40px; vertical-align: middle;}
.assignment-builder-save-publish-date-button, .modal-large-action-button-confirm, .upgrade-to-premium-upgrade-button, .update-billing-confirmation-button, .pay-invoice-button, .upload-file-button {vertical-align: top;position: relative;cursor: pointer; display: inline-block; text-align: center; width: calc(100% - 80px); height: 40px; border-radius: 4px; line-height: 40px; background-color: #FFD44F; font-weight: 600;font-family: 'Muli', sans-serif; color: #ffffff; text-transform: uppercase;}
.modal-large-action-button-confirm {background-color: #705AF4}
.modal-large-action-button-confirm.disabled {background-color: #666666; cursor: not-allowed}
.upgrade-to-premium-upgrade-button.modify, .pay-invoice-button.modify {background-color: #666666 !important;}
.update-billing-confirmation-button, .upload-file-button {width: 100%;}
.upgrade-to-premium-upgrade-button.next-to-pricing-calculator {width: calc(100% - 140px);}
.upgrade-to-premium-upgrade-button, .update-billing-confirmation-button, .upload-file-button, .pay-invoice-button {background-color: #705AF4;}
.upgrade-to-premium-upgrade-button.loading, .update-billing-confirmation-button.loading, .upload-file-button.loading, .pay-invoice-button.loading, .modal-large-action-button-confirm.loading {color: transparent; cursor: default;}
.upgrade-to-premium-upgrade-button.loading:before, .update-billing-confirmation-button.loading:before, .upload-file-button.loading:before, .pay-invoice-button.loading:before, .modal-large-action-button-confirm.loading:before {content: ""; border: 3px solid transparent; border-top: 3px solid #ffffff; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 7.5px);left: calc(50% - 7.5px); display: block;}
.assignment-builder-cancel-publish-date-button, .modal-large-action-button-reject, .upgrade-to-premium-cancel-button, .upgrade-to-premium-pricing-calculator-button {vertical-align: top;color: #999999;font-family: 'Muli', sans-serif; font-size: 9pt; line-height: 40px; display: inline-block; width: 80px; cursor: pointer;}
.upgrade-to-premium-pricing-calculator-button {width: 140px !important;}
.assignment-builder-cancel-publish-date-button:hover, .modal-large-action-button-reject:hover, .upgrade-to-premium-cancel-button, .upgrade-to-premium-pricing-calculator-button {color: #666666;}
.assignment-builder-save-publish-date-actions, .modal-large-actions, .upgrade-to-premium-actions, .update-billing-actions, .upload-file-actions, .invoice-actions {display: inline-block; margin: 0 auto; text-align: center; width: 100%;}
.assignment-builder-save-publish-date-button.inactive {background-color: #e7e7e7 !important; cursor: default;}
.assignment-builder-save-publish-date-button.is-published {background-color: #36b1ff;}
.assignment-builder-save-publish-date-button.unpublish {background-color: #eb1f48;}
.assignment-builder-save-publish-date-button.schedule {background-color: #D3208F;}
.assignment-builder-save-publish-date-button.loading:after {content: ""; position: absolute; border: 4px solid transparent; border-top: 4px solid #ffffff; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 10px) !important; left: calc(50% - 10px) !important;}

.assignment-builder-modal-more-options {margin-top: 20px;}
.assignment-builder-modal-more-options-title {font-family: 'Muli', sans-serif; font-size: 11pt; font-weight: lighter; color: #212121;}
.modal-options-ul {margin-top: 10px; padding-bottom: 0 !important;}
.modal-options-ul.center li {margin: 0 auto;}
.options-button a {font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: 600; color: #212121; line-height: 38px; vertical-align: middle; height: 40px; text-align: center; width: 100%;}
.options-button {border-radius: 20px; border: 1px solid #212121; height: 40px; width: 200px;}
.options-button:not(:last-child) {margin-bottom: 10px;}
.options-button:hover a {color: #ffffff;}
.options-button.purple {border: 1px solid #705AF4;}
.options-button.purple a {color: #705AF4;}
.options-button.purple:hover {background-color: #705AF4}
.options-button.purple:hover a {color: #ffffff;}
.options-destructive-button a {color: #eb1f48 !important;}
.options-destructive-button {border: 1px solid #EB1F48 !important;}
.options-destructive-button:hover {background-color: #EB1F48 !important;}
.options-destructive-button:hover a {color: #ffffff !important}
.assignment-builder-modal-option-title {font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: 600; color: #212121;}
.assignment-builder-publish-date-section .assignment-builder-modal-option-title {margin-bottom: 20px;}

/* Class invite */
.invite-students-to-class-section {padding: 40px 40px 0 40px; position: relative; text-align: center; vertical-align: top;}
.invite-students-to-class-section-header {text-align: center; margin-bottom: 20px}
.invite-students-to-class-section-header span {font-family: 'Muli', sans-serif; font-size: 20pt; font-weight: bold; color: #212121}
.class-roster-items-title span {font-family: 'Muli', sans-serif; font-size: 12pt; font-weight: bold; color: #666666}
.class-roster-items-container {padding: 20px; background-color: #ffffff; border: 1px solid #e7e7e7; border-radius: 10px}
.class-roster-items {margin-top: 10px}
.class-roster-item {padding: 20px; border-bottom: 1px solid #e7e7e7;}
.class-roster-item:hover {background-color: rgba(54, 177, 255, .1)}
.class-roster-item:last-child {border-bottom: 0px}
.class-roster-item-left {display: inline-block; vertical-align: top; width: calc(100% - 70px);}
.class-roster-item-right {display: inline-block; vertical-align: top; width: 60px; margin-left: 10px; text-align: right;}
.class-roster-item-profile-link {font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt; color: #36b1ff}
.class-roster-item-profile-link:hover, .class-page-grades-table-name-profile-link:hover {text-decoration: underline;}
.class-roster-item-profile-link:before, .class-page-grades-table-name-profile-link:before {content: "\f007"; margin-right: 8px; font-family: 'Font Awesome 5 Free'; font-weight: 900}
.class-roster-item-change-user-role-button-container {display: inline-block; cursor: pointer; position: relative;}
.class-roster-item-change-user-role-button:before {content: "\e20e"; font-family: 'Font Awesome 6 Pro'; font-weight: 500; color: #705AF4; font-size: 11pt}
.class-roster-item-change-user-role-button-container:hover .class-roster-item-change-user-role-button:before {font-weight: 900}
.class-roster-item-change-user-role-button-container:hover .info-overlay {display: block}
.class-roster-item-remove-user-button-container {display: inline-block; cursor: pointer; position: relative; margin-left: 20px}
.class-roster-item-remove-user-button:before {content: "\f503"; font-family: 'Font Awesome 6 Pro'; font-weight: 500; color: #ed2383; font-size: 11pt}
.class-roster-item-remove-user-button-container:hover .class-roster-item-remove-user-button:before {font-weight: 900}
.class-roster-item-remove-user-button-container:hover .info-overlay {display: block}

.invite-students-to-class-section-subtext {text-align: center; margin-bottom: 20px}
.invite-students-to-class-section-subtext span, .class-page-message span {font-family: 'Muli', sans-serif; font-size: 10pt; color: #666666; font-weight: normal;}
.copyable-link-container {display: inline-block; width: 100%; max-width: 800px; padding: 40px; background-color: rgba(112, 90, 244, 0.1); border-radius: 10px}
.copyable-link-text {display: inline-block; min-height: 40px; vertical-align: top; width: calc(100% - 110px); background-color: #f9f9f9; border-radius: 4px; cursor: text; white-space: pre-wrap; word-wrap: break-word;}
.copyable-link-text:hover {background-color: #F6FDFF}
.copyable-link-text span {line-height: 38px; font-family: 'Muli', sans-serif; font-size: 11pt; color: #212121}
.copyable-link-copy-button {display: inline-block; height: 40px; vertical-align: top; width: 100px; margin-left: 10px; border-radius: 4px; background-color: #705AF4; cursor: pointer; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.copyable-link-copy-button:hover {background-color: #8573F4}
.copyable-link-copy-button span {line-height: 38px; font-family: 'Muli', sans-serif; font-size: 10pt; color: #ffffff; font-weight: 600}
.copyable-field-text {margin-left: 10px; background-color: rgba(0, 0, 0, 0.08); padding: 6px 6px 6px 24px; border-radius: 10px; cursor: pointer; min-height: 30px; overflow: hidden; display: inline-block; position: relative;}
.copyable-field-text:hover {background-color: rgba(25, 153, 234, 0.08);}
.copyable-field-text span:before {content: "";background: url(/images/copy-icon.svg)no-repeat;width: 10px;height: 10px;background-size: contain; position: absolute; display: block; top: 10px; left: 8px; }
.copyable-field-text span {font-family: 'Muli', sans-serif; font-size: 11pt; color: #212121; line-height: 20px; white-space: normal; word-break:break-all;}
/* Edit class */
.class-list-ul {margin-top: 20px;}
.class-list-student-li {position: relative; display: block; font-weight: normal; font-family: 'Muli', sans-serif; font-size: 10pt; color: #212121; font-weight: 600;}
.class-list-student-li:not(:last-child) {margin-bottom: 10px;}
.class-list-instructor-li {position: relative; display: block; font-weight: normal; font-family: 'Muli', sans-serif; font-size: 10pt; color: #212121; font-weight: 600;}
.class-list-instructor-li:before, .class-list-student-li:before {content:'\2022'; color: #626262; font-family: 'Muli', sans-serif; font-size: 16px; line-height: 23px; margin-right: 12px;}
.class-list-instructor-li:not(:last-child) {margin-bottom: 10px;}
/* Certificates */
.certificate-page header {position: -webkit-sticky;position: fixed; padding: 20px 40px; background-color: #ffffff; vertical-align: top;}
.certificate-page.preview-mode header {position: -webkit-sticky;position: fixed; margin-top: 40px; padding: 20px 40px; background-color: #ffffff; vertical-align: top;}
.certificate-body-wrapper {position: fixed;overflow-y: scroll; height: calc(100vh - 78px); width: 100vw; overflow-x: hidden; padding: 0 !important;position: absolute; top: 78px;}
.certificate-page.preview-mode .certificate-body-wrapper {height: calc(100vh - 118px); top: 118px;}
.ultima .certificate-body-wrapper {overflow-y: scroll; height: calc(100vh - 66px); width: 100vw; overflow-x: hidden; padding: 0 !important;position: absolute; top: 66px;}
.certificate-page.preview-mode.ultima .certificate-body-wrapper {height: calc(100vh - 106px); top: 106px;}
.certificate-header-left {display: inline-block; width: 146px; margin-right: 10px; height: 38px; align-items: center; display: flex;}
.ultima .certificate-header-left {display: inline-block; width: 146px; margin-right: 10px; height: 22px;}
.certificate-header-menu {width: 100%; text-align: right; height: 38px; vertical-align: top}
.certificate-logo {display: inline-block;}
.certificate-logo figure img {width: 146px; height: 38px;}
.certificate-header-right {display: inline-block; width: calc(100% - 156px); text-align: right; height: 38px; vertical-align: top}
.certificate-header-menu {width: 100%; text-align: right; height: 38px; vertical-align: top}
.certificate-header-menu-item {display: inline-block; height: 100%; line-height: 38px}
.certificate-header-menu-item a {border: 1px solid #DD167B; color: #DD167B; border-radius: 40px; padding: 10px 20px; cursor: pointer; font-family: "Muli", sans-serif; font-weight: 600; font-size: 10pt}
.certificate-header-menu-item a:hover {color: #ffffff; background-color: #DD167B}
.certificate-header-menu-item a:after {content: "\f178"; font-family: 'FontAwesome';font-size: 13px; margin-left: 6px;}
.certificate-body-container {overflow-y: scroll; height: calc(100vh - 78px); overflow-x: hidden; padding: 0 !important;position: relative;}
.preview-mode .certificate-body-container {height: calc(100vh - 118px);}
.ultima .certificate-body-container {overflow-y: scroll; height: calc(100vh - 66px); overflow-x: hidden; padding: 0 !important;position: relative;}
.ultima.preview-mode .certificate-body-container {height: calc(100vh - 106px);}
.certificate-body {background-color: #EEECF3; height: 100%; position: relative; padding: 40px; vertical-align: middle;}
.certificate-body-left {position: relative; display: inline-block; width: 50%; height: 100%; vertical-align: top; padding: 10px; text-align: center;}
.certificate-body-right {position: relative; display: inline-block; width: 50%; height: 100%; vertical-align: bottom; padding: 10px;}
.certificate-body-right figure {position: absolute; width: 80%; top: 0; right: 0; top: 50%;left: 50%;-ms-transform: translate(-50%, -53%);-webkit-transform: translate(-50%, -53%);-moz-transform: translate(-50%, -53%);-o-transform: translate(-50%, -53%);transform: translate(-50%, -53%);}
.certificate-body-right figure img {width: 100%; background-color: #ffffff; border-radius: 14px;}
.certificate-body-left-container {position: absolute; width: 80%;top: 0; right: 0; top: 50%;left: 50%;-ms-transform: translate(-50%, -53%);-webkit-transform: translate(-50%, -53%);-moz-transform: translate(-50%, -53%);-o-transform: translate(-50%, -53%);transform: translate(-50%, -53%);}
.certificate-body-left h3 {color: #212121; font-family: "CentraNo2", sans-serif; color: #666666; font-size: 22pt; text-align: center}
.certificate-body-left h3 b {font-family: "CentraNo2", sans-serif; color: #705AF4;}
.certificate-action-button {color: #ffffff; font-family: "Muli", sans-serif; font-size: 10pt; margin-top: 40px; font-weight: 600; background-color: #705AF4; border-radius: 40px; cursor: pointer; padding: 20px 40px;}
.certificate-action-button:after {content: "\f178"; font-family: 'FontAwesome';font-size: 13px; margin-left: 6px;}
.certificate-action-button:hover {background-color: #370897}
.certificate-action-button.download:after {content: "\f019"}
.certificate-action-button:not(:last-child) {margin-right: 10px}
/* Landing */
.landing-page-build-better header {position: -webkit-sticky;position: sticky; padding: 20px 40px; background-color: #ffffff; vertical-align: top;}
.landing-page-build-better-logo {display: inline-block;}
.landing-page-build-better-logo figure img {width: 146px; height: 38px;}
.landing-page-build-better-header-left {display: inline-block; width: calc(100% - 511px); height: 38px;}
.landing-page-build-better-header-right {display: inline-block; width: 511px; text-align: right; height: 38px; vertical-align: top}
.landing-page-build-better-header-menu {width: 100%; text-align: right; height: 38px; vertical-align: top}
.landing-page-build-better-header-menu-item {display: inline-block; height: 100%; line-height: 38px}
.landing-page-build-better-header-menu-item a {color: #212121; font-family: "CentraNo2 Medium", sans-serif;}
.landing-page-build-better-header-menu-item:not(.full-purple) a:hover {text-decoration: underline;}
.landing-page-build-better-header-menu-item.pink a {color: #FF1184;}
.landing-page-build-better-header-menu-item.full-purple, .landing-page-build-better-cta-button-container {line-height: 18px}
.landing-page-build-better-cta-button-container {display: inline-block; z-index: 90}
.landing-page-build-better-cta-button {z-index: 90}
.landing-page-build-better-cta-button .landing-page-build-better-small-show, .landing-page-build-better-secondary-cta-button .landing-page-build-better-small-show {display: none}
.landing-page-build-better-cta-button .landing-page-build-better-standard-show, .landing-page-build-better-secondary-cta-button .landing-page-build-better-standard-show {display: inline}
.landing-page-build-better-secondary-cta-button {display: inline-block; margin-left: 24px; color: #212121; font-family: "CentraNo2 Medium", sans-serif;}
.landing-page-build-better-secondary-cta-button:hover {text-decoration: underline;}
.landing-page-build-better-secondary-cta-button:after {content: ""; display: inline-block; background: url(/images/right-arrow-dark.svg)no-repeat;width: 6px;height: 11px;background-size: contain; position: relative; vertical-align: middle; margin-left: 10px;}
.landing-page-build-better-cta-button-container a {padding: 16px 20px !important;}
.landing-page-build-better-header-menu-item.full-purple a, .landing-page-build-better-cta-button-container a {background-color: #705AF4; border-radius: 40px; padding: 10px 20px; cursor: pointer; font-family: "CentraNo2", sans-serif;}
.landing-page-build-better-cta-button-container a.pink {background-color: #FF1184}
.landing-page-build-better-cta-button-container a.blue {background-color: #11DBFF}
.landing-page-build-better-header-menu-item.full-purple a span, .landing-page-build-better-cta-button-container a span {color: #ffffff; font-weight: normal;}
.landing-page-build-better-header-menu-item.full-purple a span:after, .landing-page-build-better-cta-button-container a span:after {content: ""; display: inline-block; background: url(/images/right-arrow-white.svg)no-repeat;width: 6px;height: 11px;background-size: contain; position: relative; vertical-align: middle; margin-left: 10px;}
.landing-page-build-better-header-menu-item.full-purple a:hover, .landing-page-build-better-cta-button-container a:hover {background-color: #8573F4}
.landing-page-build-better-cta-button-container a.pink:hover {background-color: #F00C7A}
.landing-page-build-better-cta-button-container a.blue:hover {background-color: #0BD1F4}
.landing-page-build-better-header-menu-item:not(:last-child) {margin-right: 28px;}
.landing-page-build-better-main-swap-button-container {display: inline-block; margin-left: 30px; height: 38px; vertical-align: top; position: relative; z-index: 99; text-align: left}
.landing-page-build-better-main-swap-button-container:hover .landing-page-build-better-main-swap-overlay-container {display: block}
.landing-page-build-better-main-swap-button {border: 2px solid #705AF4; border-radius: 20px; padding: 8px 28px; cursor: pointer;}
.landing-page-build-better-main-swap-button span {color: #705AF4; line-height: 16px; font-size: 10pt; font-family: "CentraNo2 Medium", sans-serif;}
.landing-page-build-better-main-swap-button span:after {content: ""; display: inline-block; background: url(/images/down-arrow-purple.svg)no-repeat;width: 10px;height: 6px;background-size: contain; position: relative; vertical-align: middle; margin-left: 10px;}
.landing-page-build-better-main-swap-button-container:hover .landing-page-build-better-main-swap-button {background-color: #705AF4; }
.landing-page-build-better-main-swap-button-container:hover .landing-page-build-better-main-swap-button span {color: #ffffff;}
.landing-page-build-better-main-swap-button-container:hover .landing-page-build-better-main-swap-button span:after {content: ""; display: inline-block; background: url(/images/up-arrow-white.svg)no-repeat;width: 10px;height: 6px;background-size: contain; position: relative; vertical-align: middle; margin-left: 10px;}
.landing-page-build-better-main-swap-overlay-container {display: block; top: 100%; position: absolute; left: 0; display: none}
.landing-page-build-better-main-swap-overlay-container.close {display: none !important}
.landing-page-build-better-main-swap-overlay {padding: 20px; position: relative; width: 100%; margin-top: 10px; background-color: #705AF4; border-radius: 24px; display: block;}
.landing-page-build-better-main-swap-overlay-header {margin-bottom: 4px; padding: 10px;}
.landing-page-build-better-main-swap-overlay-header h3 {font-size: 11pt; line-height: 18px; font-family: "CentraNo2 Bold", sans-serif; color: #ffffff; margin: 0 !important;}
.landing-page-build-better-main-swap-overlay-items {display: inline-block; width: 94px; text-align: center;}
.landing-page-build-better-main-swap-overlay-items.left {margin-right: 20px; float: left;}
.landing-page-build-better-main-swap-overlay-items.right {float: right;}
.landing-page-build-better-main-swap-overlay-items li, .landing-page-build-better-main-swap-overlay-items a {height: 40px; width: 94px; display: block; cursor: pointer; border-radius: 6px; padding: 10px;}
.landing-page-build-better-main-swap-overlay.wide .landing-page-build-better-main-swap-overlay-items-container {width: 200px}
.landing-page-build-better-main-swap-overlay.wide.two-rows .landing-page-build-better-main-swap-overlay-items-container {width: 405px}
.landing-page-build-better-main-swap-overlay.wide.two-rows .landing-page-build-better-similar-class-item.row-two {margin-left: 5px}
.landing-page-build-better-main-swap-overlay.wide .landing-page-build-better-main-swap-overlay-items-container {height: unset;}
.landing-page-build-better-similar-class-item {width: 200px; display: inline-block; cursor: pointer; border-radius: 6px; padding: 10px; vertical-align: top}
.landing-page-build-better-main-swap-overlay-items li:not(:last-child), .landing-page-build-better-main-swap-overlay-items a:not(:last-child), .landing-page-build-better-similar-class-item {margin-bottom: 5px}
.landing-page-build-better-main-swap-overlay-items li:hover, .landing-page-build-better-main-swap-overlay-items a:hover, .landing-page-build-better-similar-class-item:hover {background-color: #8573F4}
.landing-page-build-better-main-swap-overlay-items li span, .landing-page-build-better-main-swap-overlay-items a span, .landing-page-build-better-similar-class-item a span {font-family: "CentraNo2", sans-serif; color: #ffffff; font-size: 11pt; line-height: 20px}
.landing-page-build-better-main-swap-overlay-items-container {height: 180px; width: 94px; display: block}
.landing-page-build-better-wrapper {overflow-y: scroll; height: calc(100% - 82px); overflow-x: hidden; padding: 0 !important;position: relative;}
.landing-page-build-better-hero-section {background-color: #EEECF3; height: 100%; position: relative; padding: 40px; vertical-align: middle;}
.landing-page-build-better-trusted-by-section {position: relative;width: 100%; padding: 100px 40px 40px 40px; height: 400px; background: transparent;}
.landing-page-build-better-assignments-outline-section {position: relative;width: 100%; padding: 40px 80px 40px 80px; background: transparent;}
.landing-page-build-better-assignments-outline-section-main-content {background-color: #F2F1F1; border-radius: 20px; padding: 40px; position: relative;}
.landing-page-build-better-whats-wrong-section {position: relative;width: 100%; padding: 40px; height: 350px; background: transparent;}
.landing-page-build-better-assignments-section {background-color: #EBF5F7; position: relative;width: 100%; vertical-align: middle; padding: 120px 80px;}
.landing-page-build-better-discussions-section-lead, .landing-page-build-better-other-products-section {background-color: #EEECF3; position: relative;width: 100%; vertical-align: middle; padding: 80px 80px;}
.landing-page-build-better-discussions-section-lead.blue {background-color: #EBF5F7}
.landing-page-build-better-reviews-section, .landing-page-build-better-quizzes-section, .landing-page-build-better-discussions-section {height: 460px; vertical-align: top; margin-top: 100px;}
.landing-page-build-better-wrapper.hide-coding .landing-page-build-better-coding-section {display: none !important}
.landing-page-build-better-wrapper.hide-coding .landing-page-build-better-assignments-section {height: 2000px !important;}
.landing-page-build-better-wrapper.hide-coding .landing-page-build-better-quizzes-section-left, .landing-page-build-better-lessons-section.left-align .landing-page-build-better-quizzes-section-left, .landing-page-build-better-quizzes-section.right-align .landing-page-build-better-quizzes-section-left {float: right;}
.landing-page-build-better-wrapper.hide-coding .landing-page-build-better-quizzes-section-left-content, .landing-page-build-better-quizzes-section.right-align .landing-page-build-better-quizzes-section-left-content, .landing-page-build-better-lessons-section.left-align .landing-page-build-better-quizzes-section-left-content {float: right;}
.landing-page-build-better-wrapper.hide-coding .landing-page-build-better-quizzes-section-right, .landing-page-build-better-quizzes-section.right-align .landing-page-build-better-quizzes-section-right {float: left;}
.landing-page-build-better-wrapper.hide-coding .landing-page-build-better-lessons-section-left, .landing-page-build-better-quizzes-section.right-align .landing-page-build-better-quizzes-section-left {float: right;}
.landing-page-build-better-wrapper.hide-coding .landing-page-build-better-lessons-section-right-content, .landing-page-build-better-quizzes-section.right-align .landing-page-build-better-quizzes-section-right-content, .landing-page-build-better-lessons-section.left-align .landing-page-build-better-lessons-section-right-content {float: left;}
.landing-page-build-better-wrapper.hide-coding .landing-page-build-better-lessons-section-right, .landing-page-build-better-quizzes-section.right-align .landing-page-build-better-quizzes-section-right, .landing-page-build-better-lessons-section.left-align .landing-page-build-better-lessons-section-right {float: left;}
.landing-page-build-better-quizzes-section.right-align .landing-page-build-better-quizzes-section-left {margin-right: 0 !important; margin-left: 20px !important}
.landing-page-build-better-coding-section, .landing-page-build-better-lessons-section {height: 460px; vertical-align: top; margin-top: 110px; position: relative;}
.landing-page-build-better-hero-section-left, .landing-page-build-better-reviews-section-left, .landing-page-build-better-quizzes-section-left, .landing-page-build-better-discussions-section-left {width: calc(50% - 20px) !important; margin-right: 0px !important;position: relative; height: 100%;display: inline-block;}
.landing-page-build-better-reviews-section-left, .landing-page-build-better-quizzes-section-left, .landing-page-build-better-discussions-section-left {vertical-align: top}
.landing-page-build-better-reviews-section-left, .landing-page-build-better-discussions-section-left {margin-right: 20px;}
.landing-page-build-better-coding-section-right, .landing-page-build-better-lessons-section-right {vertical-align: top; float: right; width: calc(50% - 20px) !important; margin-left: 0px !important;position: relative; height: 100%;display: inline-block;}
.landing-page-build-better-reviews-section-left-content, .landing-page-build-better-discussions-section-left-content, .landing-page-build-better-quizzes-section-left-content, .landing-page-build-better-coding-section-right-content, .landing-page-build-better-lessons-section-right-content, .landing-page-build-better-lessons-section-left-content {vertical-align: top; margin-top: 20px}
.landing-page-build-better-coding-section-right-content, .landing-page-build-better-lessons-section-right-content {float: right;}
.landing-page-build-better-hero-section-left-content {width: 540px; text-align: left; position: absolute; top: 50%;left: 50%;-ms-transform: translate(-50%, -53%);-webkit-transform: translate(-50%, -53%);-moz-transform: translate(-50%, -53%);-o-transform: translate(-50%, -53%);transform: translate(-50%, -53%);}
.landing-page-build-better-hero-section-right, .landing-page-build-better-reviews-section-right, .landing-page-build-better-discussions-section-right, .landing-page-build-better-quizzes-section-right {display: inline-block; height: 100%; width: 50%;position: relative;}
.landing-page-build-better-quizzes-section-left {margin-right: 20px !important;}
.landing-page-build-better-reviews-section .landing-page-build-better-reviews-section-right, .landing-page-build-better-discussions-section-right, .landing-page-build-better-quizzes-section .landing-page-build-better-quizzes-section-right {width: 50%;}
.landing-page-build-better-coding-section-right {margin-left: 20px !important;}
.landing-page-build-better-wrapper.hide-coding .landing-page-build-better-coding-section-right {margin-right: 0 !important; margin-left: 20px !important}
.landing-page-build-better-reviews-section-left, .landing-page-build-better-discussions-section-left {margin-right: 20px !important;}
.landing-page-build-better-coding-section-left, .landing-page-build-better-lessons-section-left {display: inline-block; height: 100%; width: calc(50% - 20px);position: relative;}
.landing-page-build-better-hero-section-title {margin-bottom: 30px}
.landing-page-build-better-hero-section-title.small h1 {font-size: 36pt; line-height: 60px; font-family: "CentraNo2 Bold", sans-serif; color: #212121; margin: 0 !important;}
.landing-page-build-better-hero-section-title.medium h1 {font-size: 38pt; line-height: 60px; font-family: "CentraNo2 Bold", sans-serif; color: #212121; margin: 0 !important;}
.landing-page-build-better-hero-section-title.tiny h1 {font-size: 40pt; line-height: 60px; font-family: "CentraNo2 Bold", sans-serif; color: #212121; margin: 0 !important;}
.landing-page-build-better-hero-section-title.large h1 {font-size: 60pt; line-height: 80px; font-family: "CentraNo2 Bold", sans-serif; color: #212121; margin: 0 !important;}
.landing-page-build-better-hero-section-title h1 {font-size: 44pt; line-height: 80px; font-family: "CentraNo2 Bold", sans-serif; color: #212121; margin: 0 !important;}
.landing-page-build-better-hero-section-title h1 em {background-image: linear-gradient(45deg, #FF1184, #BE11F6);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.landing-page-build-better-hero-section-subtitle span {color: #666666; font-family: "CentraNo2", sans-serif; font-size: 13pt; line-height: 28px}
.landing-page-build-better-hero-section-subtitle span a {color: #666666; font-family: "CentraNo2", sans-serif; font-size: 13pt; line-height: 28px; text-decoration: underline; display: inline;}
.landing-page-build-better-hero-section-subtitle.small span {color: #666666; font-family: "CentraNo2", sans-serif; font-size: 11pt; line-height: 24px}
.landing-page-build-better-hero-section-subtitle.small span a {color: #666666; font-family: "CentraNo2", sans-serif; font-size: 11pt; line-height: 24px}
.landing-page-build-better-hero-section-subtitle {margin-bottom: 30px}
.landing-page-build-better-hero-section-decorator {pointer-events: none; user-select: none;}
.landing-page-build-better-hero-section-decorator-one {content: ""; display: block; background: url(/images/decorator-one.svg)no-repeat;width: 160px;height: 179px;background-size: contain; position: absolute; top: calc(100% - 112px); right: 140px;}
.landing-page-build-better-hero-section-decorator-two {content: ""; display: block; background: url(/images/decorator-two.svg)no-repeat;width: 231px;height: 259px;background-size: contain; position: absolute; top: calc(100% - 144px); left: 0; z-index: 0;}
.landing-page-build-better-hero-section-decorator-three {content: ""; display: block; background: url(/images/decorator-three.svg)no-repeat;width: 160px;height: 179px;background-size: contain; position: absolute; top: calc(100% - 150px); right: -20px; z-index: 0; transition: all linear 0.3s; -webkit-transition: all linear 0.3s;-ms-transition: all linear 0.3s;-o-transition: all linear 0.3s;-moz-transition: all linear 0.3s; opacity: 0; -webkit-transform: rotate(150deg);-ms-transform: rotate(150deg);transform: rotate(150deg);}
.landing-page-build-better-hero-section-decorator-three.intermediate {content: ""; display: block; background: url(/images/decorator-three.svg)no-repeat;width: 160px;height: 179px;background-size: contain; position: absolute; top: calc(100% - 50px) !important; right: -20px; z-index: 0; opacity: 1; -webkit-transform: rotate(60deg);-ms-transform: rotate(60deg);transform: rotate(60deg);}
.landing-page-build-better-hero-section-decorator-three.final {content: ""; display: block; background: url(/images/decorator-three.svg)no-repeat;width: 160px;height: 179px;background-size: contain; position: absolute; top: calc(100% - 112px) !important; right: -20px; z-index: 4; opacity: 1; -webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);}
.landing-page-build-better-hero-section-decorator-four {content: ""; display: block; background: url(/images/decorator-four.svg)no-repeat;width: 195px;height: 115px;background-size: contain; position: absolute; top: 100px; right: 50px; z-index: 0; transition: all linear 0.3s; -webkit-transition: all linear 0.3s;-ms-transition: all linear 0.3s;-o-transition: all linear 0.3s;-moz-transition: all linear 0.3s; opacity: 0; -webkit-transform: rotate(-110deg);-ms-transform: rotate(-110deg);transform: rotate(-110deg);}
.landing-page-build-better-hero-section-decorator-four.intermediate {content: ""; display: block; background: url(/images/decorator-four.svg)no-repeat;width: 195px;height: 115px;background-size: contain; position: absolute; top: -64px !important; right: 50px; z-index: 0; opacity: 1;-webkit-transform: rotate(-70deg);-ms-transform: rotate(-70deg);transform: rotate(-70deg);}
.landing-page-build-better-hero-section-decorator-four.final {content: ""; display: block; background: url(/images/decorator-four.svg)no-repeat;width: 195px;height: 115px;background-size: contain; position: absolute; top: -80px; right: 20px; z-index: 4; opacity: 1; -webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);}
.landing-page-build-better-hero-section-decorator-four.lessons {display: none}
.landing-page-build-better-hero-section-decorator-four.quizzes {display: block}
.landing-page-build-better-wrapper.hide-coding .landing-page-build-better-hero-section-decorator-four.lessons {display: block !important}
.landing-page-build-better-wrapper.hide-coding .landing-page-build-better-hero-section-decorator-four.quizzes {display: none !important}
.landing-page-build-better-hero-section-decorator-five {content: ""; display: block; background: url(/images/decorator-five.svg)no-repeat;width: 258px;height: 230px;background-size: contain; position: absolute; bottom: -52px; left: 100px; z-index: 0}
.landing-page-build-better-hero-section-decorator-six {content: ""; display: block; background: url(/images/decorator-six.svg)no-repeat;width: 139px;height: 156px;background-size: contain; position: absolute; bottom: 44px; left: calc(50% - 108px); z-index: 0}
.landing-page-build-better-screenshot {background-color: #FAFAFA; width: 100%; height: 100%; max-height: 420px; border-radius: 8px; display: block; position: absolute; pointer-events: none; user-select: none; z-index: 2; box-shadow: 0px 20px 30px -8px rgba(46, 46, 48, 0.03); }
.landing-page-build-better-hero-section-right .landing-page-build-better-screenshot-container {top: 50%;left: 50%;-ms-transform: translate(-50%, -53%);-webkit-transform: translate(-50%, -53%);-moz-transform: translate(-50%, -53%);-o-transform: translate(-50%, -53%);transform: translate(-50%, -53%);}
.landing-page-build-better-screenshot-content {position: relative; width: 100%; height: 100%; display: block;}
.landing-page-build-better-screenshot-content-top-bar {padding: 20px; border-bottom: 1px solid #E7E7E7}
.landing-page-build-better-screenshot-content-top-bar-logo {height: 24px; width: 92px; display: inline-block;}
.landing-page-build-better-screenshot-content-top-bar-logo.magicguides {height: 24px; width: 101px; margin-top: 4px}
.landing-page-build-better-screenshot-content-top-bar-logo.custom {height: 24px; width: 120px; line-height: 22px; display: inline-block; color: #FF1184}
.landing-page-build-better-screenshot-content-top-bar-logo.custom:before {content:"\f4ba"; font-family: 'Font Awesome 5 Free'; font-size: 13px; margin-right: 6px; font-weight: 900}
.landing-page-build-better-screenshot-content-top-bar-logo.custom:after {content:"Your Logo Here"; font-family: "CentraNo2", sans-serif; font-size: 10pt; font-weight: bold}
.landing-page-build-better-screenshot-content-top-bar-progress, .landing-page-build-better-screenshot-content-top-bar-target-score {display: inline-block; vertical-align: top; float: right;}
.landing-page-build-better-screenshot-content-top-bar-target-score {font-family: 'Muli', sans-serif; font-weight: normal; color: #666666}
.landing-page-build-better-screenshot-content-top-bar-target-score em {font-family: 'Muli', sans-serif; font-weight: 600; color: #11DBFF}
.landing-page-build-better-screenshot-content-top-bar-target-score em:after {content:"%"; font-size: 8pt}
.landing-page-build-better-screenshot-content-top-bar-progress-bar {width: 119px; height: 8px; border-radius: 4px; margin-top: 8px; background-color: #F0F0F0; position: relative; display: inline-block;}
.landing-page-build-better-screenshot-content-top-bar-progress-bar-filled {width: 56px; height: 8px; top: 0; left: 0; position: absolute; background-color: #705AF4; border-radius: 4px; transition: all ease-in-out 300ms; -webkit-transition: all ease-in-out 300ms;-ms-transition: all ease-in-out 300ms;-o-transition: all ease-in-out 300ms;-moz-transition: all ease-in-out 300ms;}
.landing-page-build-better-screenshot-content-top-bar-progress-value {display: inline-block; margin-left: 8px; font-family: "CentraNo2", sans-serif; font-size: 10pt; color: #212121;}
.landing-page-build-better-screenshot-content-top-bar-progress-value:after {content:"%"}
.landing-page-build-better-screenshot-content-main-area {display: block; width: 100%; height: calc(100% - 69px); overflow: hidden;}
.landing-page-build-better-screenshot-content-main-area-left {display: inline-block; width: 121px; height: 100%; border-right: 1px solid #E7E7E7}
.landing-page-build-better-screenshot-content-main-area-left {padding: 34px 20px;}
.landing-page-build-better-screenshot-content-main-area-left .landing-page-build-better-screenshot-content-bar {margin-bottom: 16px}
.landing-page-build-better-screenshot-content-main-area-body {display: inline-block; width: calc(100% - 121px); height: 100%; vertical-align: top; padding: 30px; position: relative;}
.landing-page-build-better-screenshot-content-main-area-body.full {width: 100%;}
.landing-page-build-better-screenshot-content-bar {background-color: #F0F0F0; height: 8px; border-radius: 4px; width: 100%;}
.landing-page-build-better-screenshot-content-bar.half {width: 50%;}
.landing-page-build-better-screenshot-content-bar.third {width: 33.33%;}
.landing-page-build-better-screenshot-content-main-area-body-title {font-family: "Merriweather", serif; font-weight: normal; font-size: 13pt; line-height: 32px; font-weight: 600; color: #212121; margin-bottom: 14px; transition: all ease-in-out 300ms; -webkit-transition: all ease-in-out 300ms;-ms-transition: all ease-in-out 300ms;-o-transition: all ease-in-out 300ms;-moz-transition: all ease-in-out 300ms;}
.landing-page-build-better-screenshot-content-main-area-body-title.fadeout {opacity: 0}
.landing-page-build-better-screenshot-content-main-area-body-title.fadein {opacity: 1}
.landing-page-build-better-screenshot-content-main-area-body-title.destructive {color: #eb1f48}
.landing-page-build-better-screenshot-content-main-area-body-title code {background-color: #e7e7e7; padding: 4px}
.landing-page-build-better-screenshot-content-main-area-body-title.standard {font-family: 'Muli', sans-serif; font-weight: bold; font-size: 10pt; line-height: 18px}
.landing-page-build-better-screenshot-content-main-area-response-area-left {width: 150px; display: inline-block; vertical-align: top}
.landing-page-build-better-screenshot-content-main-area-response-area-body {width: calc(100% - 150px); display: inline-block; vertical-align: top}
.landing-page-build-better-screenshot-content-main-area-response-area-body.full {width: 100%;}
.landing-page-build-better-screenshot-content-main-area-response-area {vertical-align: top}
.landing-page-build-better-screenshot-content-main-area-body-sub-title {font-family: "Muli", serif; font-weight: normal; font-size: 12pt; font-weight: 600; color: #212121; margin-bottom: 14px}
.landing-page-build-better-screenshot-content-main-area-body-title-section {margin-bottom: 20px}
.landing-page-build-better-screenshot-content-main-area-response-area-body .landing-page-build-better-screenshot-content-bar:not(:first-child) {margin-top: 12px}
.landing-page-build-better-screenshot-content-main-area-body-sub-section {margin-bottom: 20px}
.landing-page-build-better-screenshot-content-main-area-presentation {background-color: #F0F0F0; height: 400px; border-radius: 4px; width: 100%; position: relative;}
.landing-page-build-better-screenshot-content-main-area-presentation:after {content: ""; display: block; background: url(/images/powerpoint-icon.svg)no-repeat;width: 24px;height: 23px;background-size: contain; position: absolute; top: 60px; left: calc(50% - 12px);}
.landing-page-build-better-screenshot-overlay {background-color: #ffffff; z-index: 3; border-radius: 8px; box-shadow: 0px 30px 40px -8px rgba(0, 0, 0, 0.1); padding: 10px;}
.landing-page-build-better-screenshot-overlay.instructor-answer {position: absolute;left: -30px; bottom: -36px; max-width: 360px}
.landing-page-build-better-screenshot-content-main-area-body-response-section {width: 100%; height: 50%; background-color: #ffffff; border: 1px solid #E7E7E7; padding: 20px;}
.landing-page-build-better-screenshot-content-main-area-body-options-section {width: 100%; height: 50%; background-color: transparent; display:flex; align-items: center; flex-wrap: wrap;}
.landing-page-build-better-screenshot-content-main-area-body-options-section li {width: 100%; text-align: left; display: inline-block;}
.landing-page-build-better-screenshot-content-main-area-body-code-editor-section {width: 100%; height: 70%; background-color: #ffffff; border: 1px solid #E7E7E7; position: relative;}
.landing-page-build-better-screenshot-content-main-area-body-code-editor-lines {position: absolute; top: 0; left: 0; bottom: 0; width: 30px; padding: 10px 0; background-color: #705AF4; height: 100%; display:flex; align-items: center; flex-wrap: wrap;}
.landing-page-build-better-screenshot-content-main-area-body-code-editor-section.pink .landing-page-build-better-screenshot-content-main-area-body-code-editor-lines {background-color: #FF1184;}
.landing-page-build-better-screenshot-content-main-area-body-code-editor-section.pink .code-syntax-highlighting-def {color: #FF1184}
.landing-page-build-better-screenshot-content-main-area-body-option-bubble {display: inline-block; width: 8px; height: 8px; border-radius: 4px; border: 1px solid #999999;}
.landing-page-build-better-screenshot-content-main-area-body-option-letter {display: inline-block; font-family: "CentraNo2", sans-serif; font-size: 9pt; color: #666666; margin-left: 10px}
.landing-page-build-better-screenshot-content-main-area-body-option-text {display: inline; font-family: "CentraNo2", sans-serif; font-size: 9pt; color: #666666; margin-left: 4px}
.landing-page-build-better-screenshot-content-main-area-body-code-editor-code {display: inline-block; width: calc(100% - 30px); padding: 10px 10px 10px 40px;}
.landing-page-build-better-screenshot-content-main-area-body-code-editor-code code {display: block; margin-bottom: 4px}
.landing-page-build-better-screenshot-content-main-area-body-code-editor-code code .code-syntax-highlighting-var {color: #FF1184;}
.landing-page-build-better-screenshot-content-main-area-body-code-editor-code code .code-syntax-highlighting-def {color: #705AF4;}
.landing-page-build-better-screenshot-content-main-area-body-code-editor-code code .code-syntax-highlighting-comment {color: #666666;}
.landing-page-build-better-screenshot-content-main-area-body-code-editor-lines li {width: 100%; display: inline-block; text-align: center}
.landing-page-build-better-screenshot-content-main-area-body-code-editor-lines li code {color: #ffffff;}
.landing-page-build-better-screenshot-content-main-area-body-response-placeholder {color: #666666; line-height: 16px; font-size: 10pt; font-family: "CentraNo2", sans-serif;}
.landing-page-build-better-screenshot-content-main-area-body-save-button-section {margin-top: 20px;}
.landing-page-build-better-screenshot-content-main-area-body-save-button {background-color: #DBDBDB; border-radius: 30px; display: inline-block; padding: 10px 20px;}
.landing-page-build-better-screenshot-content-main-area-body-save-button span {font-family: "CentraNo2", sans-serif; color: #666666; font-size: 9.5pt}
.landing-page-build-better-screenshot-content-main-area-body-save-button span:after {content: ""; display: inline-block; background: url(/images/right-arrow-gray.svg)no-repeat;width: 5px;height: 10px;background-size: contain; position: relative; vertical-align: middle; margin-left: 8px;}
.landing-page-build-better-screenshot-content-main-area-body-video-container {display: block; width: 100%; height: 190px;}
.landing-page-build-better-screenshot-content-main-area-body-video {position: relative; width: 338px; max-width: 100%; height: 190px;}
.landing-page-build-better-screenshot-content-main-area-body-video:after {content: ""; display: block; position: absolute; background: url(/images/landing-screenshot-video-thumbnail.svg)no-repeat;top:0; left:-18px; right: -18px; height:240px; background-size: contain}
.fadein-delay-half {opacity: 0; transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s;-ms-transition: all ease-in-out 1s;-o-transition: all ease-in-out 1s;-moz-transition: all ease-in-out 1s; transition-delay: 0.5s;}
.fadein-delay-one {opacity: 0; transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s;-ms-transition: all ease-in-out 1s;-o-transition: all ease-in-out 1s;-moz-transition: all ease-in-out 1s; transition-delay: 1s;}
.fadein-delay-one-half {opacity: 0; transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s;-ms-transition: all ease-in-out 1s;-o-transition: all ease-in-out 1s;-moz-transition: all ease-in-out 1s; transition-delay: 1.5s;}
.fadein-delay-two {opacity: 0; transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s;-ms-transition: all ease-in-out 1s;-o-transition: all ease-in-out 1s;-moz-transition: all ease-in-out 1s; transition-delay: 2s;}
.fadein-delay-two-half {opacity: 0; transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s;-ms-transition: all ease-in-out 1s;-o-transition: all ease-in-out 1s;-moz-transition: all ease-in-out 1s; transition-delay: 2.5s;}
.fadein-delay-three {opacity: 0; transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s;-ms-transition: all ease-in-out 1s;-o-transition: all ease-in-out 1s;-moz-transition: all ease-in-out 1s; transition-delay: 3s;}
.fadein-immediate {opacity: 0; transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s;-ms-transition: all ease-in-out 1s;-o-transition: all ease-in-out 1s;-moz-transition: all ease-in-out 1s;}
.landing-page-build-better-screenshot-overlay.your-answer {position: absolute;right: -30px; bottom: 80px; min-width: 150px}
.landing-page-build-better-screenshot-header {padding: 4px 10px; border-radius: 4px; display: inline-block; margin-bottom: 10px}
.landing-page-build-better-screenshot-header.purple {background-color: #705AF4}
.landing-page-build-better-screenshot-header.pink {background-color: #FF1184}
.landing-page-build-better-screenshot-header span {font-family: "CentraNo2", sans-serif; color: #ffffff; font-size: 9.5pt}
.landing-page-build-better-screenshot-text span {font-family: "CentraNo2", sans-serif; line-height: 20px}
.landing-page-build-better-section.active .fadein-delay-half, .landing-page-build-better-section.active .fadein-delay-one, .landing-page-build-better-section.active .fadein-delay-one-half, .landing-page-build-better-section.active .fadein-delay-two, .landing-page-build-better-section.active .fadein-delay-two-half, .landing-page-build-better-section.active .fadein-delay-three, .landing-page-build-better-section.active .fadein-immediate {opacity: 1;}
.landing-page-build-better-trusted-by-section-title {position: relative;}
.landing-page-build-better-trusted-by-section-title h2 {font-size: 37pt; line-height: 56px; font-family: "CentraNo2 Bold", sans-serif; color: #212121; margin: 0 !important; text-align: center}
.landing-page-build-better-trusted-by-section-title-underline {position: absolute; left: calc(50% - 264px); top: 100%;}
.landing-page-build-better-trusted-by-section-logos-container-wrapper {text-align: center; display: block;}
.landing-page-build-better-trusted-by-section-logos-container {display: block; max-width: 1200px; margin: 0 auto;}
.landing-page-build-better-trusted-by-section-logos {display: flex; width: 100%; justify-content: space-between; margin-top: 60px;}
.landing-page-build-better-trusted-by-section-logo {display: inline-block; width: 86px; height: 86px; vertical-align: middle;}
.landing-page-build-better-trusted-by-section-logo.unc-logo figure img {width: 96px; height: 86px;}
.landing-page-build-better-trusted-by-section-logo.uarizona-logo figure img {width: 92px; height: 86px;}
.landing-page-build-better-trusted-by-section-logo.liu-logo figure img {width: 76px; height: 86px;}
.landing-page-build-better-trusted-by-section-logo.usc-logo figure img {width: 60px; height: 86px;}
.landing-page-build-better-trusted-by-section-logo.codeva-logo figure img {width: 85px; height: 86px;}
.landing-page-build-better-trusted-by-section-logo.brainstemu-logo figure img {width: 106px; height: 86px;}
.landing-page-build-better-trusted-by-section-logo.hawken-logo figure img {width: 64px; height: 86px;}
.landing-page-build-better-trusted-by-section-logo.adelson-logo figure img {width: 120px; height: 86px;}
.landing-page-build-better-trusted-by-section-logo.lubbock-logo figure img {width: 155px; height: 86px;}
.landing-page-build-better-trusted-by-section-logo.codebrave-logo figure img {width: 78px; height: 86px;}
.landing-page-build-better-trusted-by-section-logo.promineotech-logo figure img {width: 86px; height: 86px;}
.landing-page-build-better-trusted-by-section-logo.schoolla-logo figure img {width: 86px; height: 86px;}
.landing-page-build-better-trusted-by-section-logo.codingtemple-logo figure img {width: 68px; height: 86px;}
.landing-page-build-better-trusted-by-section-logo.wethinkcode-logo figure img {width: 86px; height: 86px;}
.landing-page-build-better-trusted-by-section-logo.wsu-logo figure img {width: 86px; height: 86px;}
.landing-page-build-better-trusted-by-section-logo.vt-logo figure img {width: 86px; height: 41px; margin-top: 22px}
.landing-page-build-better-trusted-by-section-logo.fgcu-logo figure img {width: 86px; height: 61px; margin-top: 12px}
.landing-page-build-better-trusted-by-section-logo.talentlabs-logo figure img {width: 86px; height: 17px; margin-top: 34px}
.landing-page-build-better-trusted-by-section-logo.mscoding-logo figure img {width: 86px; height: 33px; margin-top: 26px}
.landing-page-build-better-trusted-by-section-logo.zaka-logo figure img {width: 86px; height: 20px; margin-top: 33px}
.landing-page-build-better-whats-wrong-section-title {margin-bottom: 40px}
.landing-page-build-better-whats-wrong-section-title h2 {font-size: 38pt; line-height: 62px; font-family: "CentraNo2 Bold", sans-serif; color: #212121; margin: 0 !important;}
.landing-page-build-better-whats-wrong-section-title h2 em {position: relative;}
.landing-page-build-better-whats-wrong-section-title h2 em:after {content: ""; position: absolute; top: calc(50% + 4px); height: 3px; left: -4px; width: 0px; background-color: #FF1184; border-radius: 2px; display: block;transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s;-ms-transition: all ease-in-out 1s;-o-transition: all ease-in-out 1s;-moz-transition: all ease-in-out 1s;}
.landing-page-build-better-section.active .landing-page-build-better-whats-wrong-section-title h2 em:after {width: calc(100% + 8px);}
.landing-page-build-better-whats-wrong-section-subtitle span {font-family: "CentraNo2", sans-serif; color: #666666; font-size: 13pt; line-height: 28px}
.landing-page-build-better-whats-wrong-section-left {width: calc(50% - 20px) !important; margin-right: 0px !important;position: relative; height: 100%;display: inline-block;}
.landing-page-build-better-whats-wrong-section-left-content {text-align: left; width: 558px; position: absolute; top: 50%;left: 50%;-ms-transform: translate(-50%, -53%);-webkit-transform: translate(-50%, -53%);-moz-transform: translate(-50%, -53%);-o-transform: translate(-50%, -53%);transform: translate(-50%, -53%);}
.landing-page-build-better-whats-wrong-section-right {display: inline-block; height: 300px; width: calc(50% - 120px);position: absolute; top: 50px; right: 80px; z-index: 2;}
.landing-page-build-better-whats-wrong-section-demo-video-container, .landing-page-build-better-discussions-section-video-container {position: relative;}
.landing-page-build-better-whats-wrong-section-demo-video, .landing-page-build-better-discussions-section-video {width: 100%; display: block; position: relative; padding-bottom: 56.25%;}
.landing-page-build-better-whats-wrong-section-demo-video iframe, .landing-page-build-better-discussions-section-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.landing-page-build-better-assignments-outline-section-title {margin-bottom: 40px}
.landing-page-build-better-assignments-outline-section-title h2 {font-size: 24pt; line-height: 34px; font-family: "CentraNo2 Bold", sans-serif; color: #666666; margin: 0 !important; text-align: center}
.landing-page-build-better-assignments-outline-section-highlights ul {display: flex}
.landing-page-build-better-assignments-outline-section-highlight-item {display: inline-block; flex-grow: 1; flex-basis: 100%; text-align: center}
.landing-page-build-better-assignments-outline-section-highlight-item-circle {border-radius: 40px; height: 80px; width: 80px; background-color: #705AF4; display: inline-block;}
.landing-page-build-better-assignments-outline-section-highlight-item-circle span {font-size: 18pt; line-height: 78px; font-family: "CentraNo2 Bold", sans-serif; color: #ffffff; text-align: center}
.landing-page-build-better-assignments-outline-section-highlight-item-detail {margin-top: 10px;}
.landing-page-build-better-assignments-outline-section-highlight-item-detail span {font-size: 12pt; font-family: 'Muli', sans-serif; color: #705AF4; font-weight: 600; text-align: center}
.landing-page-build-better-assignments-outline-section-content {margin-top: 40px; margin-bottom: 40px}
.landing-page-build-better-assignments-outline-section-content-navigator-selection {display: inline-block; position: relative;}
.landing-page-build-better-assignments-outline-section-content-navigator-selection:hover .landing-page-build-better-assignments-outline-section-content-navigator-selection-current {border-bottom-left-radius: 0; border-bottom-right-radius: 0}
.landing-page-build-better-assignments-outline-section-content-navigator-selection-current {padding: 10px 20px; min-width: 300px; text-align: center; border-radius: 4px; background-color: #705AF4; cursor: pointer;}
.landing-page-build-better-assignments-outline-section-content-navigator-selection-current-unit span {font-size: 11pt; font-family: 'Muli', sans-serif; color: #ffffff; font-weight: 600;}
.landing-page-build-better-assignments-outline-section-content-navigator-selection-current-unit span:after {content:"\f107";font-family: 'FontAwesome';font-size: 11pt;position: relative; margin-left: 10px; color: #ffffff;}
.landing-page-build-better-assignments-outline-section-content-navigator-selection:hover .landing-page-build-better-assignments-outline-section-content-navigator-selection-current-unit span:after {content:"\f106"}
.landing-page-build-better-assignments-outline-section-content-navigator-overlay {display: none; z-index: 999; position: absolute; top: 100%; width: 100%; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; overflow: scroll; max-height: 300px}
.landing-page-build-better-assignments-outline-section-content-navigator-selection:hover .landing-page-build-better-assignments-outline-section-content-navigator-overlay {display: block}
.landing-page-build-better-assignments-outline-section-content-navigator-selection.close .landing-page-build-better-assignments-outline-section-content-navigator-overlay {display: none !important}
.landing-page-build-better-assignments-outline-section-content-navigator-unit {background-color: #8573F4; padding: 10px 20px; cursor:pointer; text-align:center; }
.landing-page-build-better-assignments-outline-section-content-navigator-unit:hover {background-color: #705AF4}
.landing-page-build-better-assignments-outline-section-content-navigator-unit span {font-size: 10pt; font-family: 'Muli', sans-serif; color: #ffffff; font-weight: 600;}
.landing-page-build-better-assignments-outline-section-content-item {padding: 20px; background-color: #ffffff; border-radius: 8px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);}
.landing-page-build-better-assignments-outline-section-content-item:not(:last-child) {margin-bottom: 10px}
.landing-page-build-better-assignments-outline-section-content-item-title span {font-size: 16pt; line-height: 24px; font-family: "Muli", sans-serif; font-weight: 600; color: #2A313A;}
.landing-page-build-better-assignments-outline-section-content-item-bottom {margin-top: 10px}
.landing-page-build-better-assignments-outline-section-content-item-type {display: inline-block;}
.landing-page-build-better-assignments-outline-section-content-item-type span {color: #292D32; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt; vertical-align: top; line-height: 20px}
.landing-page-build-better-assignments-outline-section-content-item-type.review-indicator span:before {content: ""; display: inline-block; position: relative; vertical-align: top; margin-right: 4px; content: "\f5da"; font-family: 'Font Awesome 5 Free';font-size: 8pt; line-height: 20px}
.landing-page-build-better-assignments-outline-section-content-item-type.quiz-indicator span:before {content: ""; display: inline-block; position: relative; vertical-align: top; margin-right: 4px; content: "\f059"; font-family: 'Font Awesome 5 Free';font-size: 8pt; line-height: 20px}
.landing-page-build-better-assignments-outline-section-content-item-type.lesson-indicator span:before {content: "\f15c"; display: inline-block; position: relative; vertical-align: top; margin-right: 4px; font-family: 'Font Awesome 5 Free';font-size: 8pt;line-height: 20px}
.landing-page-build-better-assignments-outline-section-content-item-demo-link {display: inline-block;}
.landing-page-build-better-assignments-outline-section-content-item-demo-link a {color: #DD167B; font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: normal; vertical-align: top; line-height: 20px}
.landing-page-build-better-assignments-outline-section-content-item-demo-link a:hover {font-weight: 600}
.landing-page-build-better-assignments-outline-section-content-item-demo-link a:after {content:"\f35d";font-family: 'FontAwesome';font-size: 8pt;position: relative; margin-left: 6px; vertical-align: top; line-height: 20px}
.landing-page-build-better-assignments-outline-section-content-item-separator {display: inline-block; vertical-align: middle; width: 1px; height: 12px; background-color: #e7e7e7; margin-left: 8px; margin-right: 8px}
.landing-page-build-better-screenshot-content-invite-action-container {text-align: right; margin-top: 10px}
.landing-page-build-better-screenshot-content-invite-action {border-radius: 20px; padding: 10px 20px; background-color: rgba(88,65,154,0.7); font-family: 'Muli', sans-serif; font-size: 10pt; color: #ffffff; display: inline-block;}
.landing-page-build-better-screenshot-content-invite-action:after {content: "\f1d8"; font-family: 'Font Awesome 5 Free';font-size: 13px; margin-left: 6px;}
.landing-page-build-better-screenshot-content-invite-list {margin-top: 20px}
.landing-page-build-better-screenshot-content-invite:first-child {border-top: 1px solid #e7e7e7; padding-top: 20px}
.landing-page-build-better-screenshot-content-invite {margin-bottom: 20px; border-bottom: 1px solid #e7e7e7; padding-bottom: 20px}
.landing-page-build-better-screenshot-content-invite-name, .landing-page-build-better-screenshot-content-invite-email {display: inline-block; font-family: 'Muli', sans-serif; font-size: 10pt; color: #666666}
.landing-page-build-better-screenshot-content-invite-email {float: right;}
.landing-page-build-better-assignments-section-title h2, .landing-page-build-better-discussions-section-lead-title h2, .landing-page-build-better-other-products-section-title h2 {font-size: 34pt; line-height: 60px; font-family: "CentraNo2 Bold", sans-serif; color: #212121; margin: 0 !important;}
.landing-page-build-better-other-products-section-title h2 {font-size: 24pt; line-height: 34px; text-align: center;}
.landing-page-build-better-assignments-section-title h2 em {color: #11DBFF;}
.landing-page-build-better-discussions-section-lead-title h2 em, .landing-page-build-better-other-products-section-title h2 em {color: #705AF4;}
.landing-page-build-better-discussions-section-lead.blue .landing-page-build-better-discussions-section-lead-title h2 em {color: #11DBFF}
.landing-page-build-better-assignments-section-title, .landing-page-build-better-discussions-section-lead-title {width: 100%; max-width: 700px}
.landing-page-build-better-reviews-section-title, .landing-page-build-better-discussions-section-title, .landing-page-build-better-quizzes-section-title, .landing-page-build-better-coding-section-title, .landing-page-build-better-lessons-section-title {max-width: 500px; width: 100%; margin-bottom: 40px}
.landing-page-build-better-reviews-section-title h3, .landing-page-build-better-discussions-section-title h3, .landing-page-build-better-coding-section-title h3, .landing-page-build-better-quizzes-section-title h3, .landing-page-build-better-lessons-section h3 {font-size: 24pt; line-height: 42px; color: #212121; font-family: "CentraNo2 Medium", sans-serif;}
.landing-page-build-better-reviews-section-subtitle, .landing-page-build-better-discussions-section-subtitle, .landing-page-build-better-coding-section-subtitle, .landing-page-build-better-quizzes-section-subtitle, .landing-page-build-better-lessons-section-subtitle {max-width: 500px; width: 100%; margin-bottom: 40px}
.landing-page-build-better-reviews-section-subtitle span, .landing-page-build-better-discussions-section-subtitle span, .landing-page-build-better-coding-section-subtitle span, .landing-page-build-better-quizzes-section-subtitle span, .landing-page-build-better-lessons-section-subtitle span {font-family: "CentraNo2", sans-serif; line-height: 28px; color: #666666; font-size: 13pt;}
.landing-page-build-better-screenshot-container {text-align: left; position: relative; width: 100%; height: 100%; max-height: 420px; min-height: 350px; }
.landing-page-build-better-review-coding-sections-connector {position: absolute; display: block; left: 25%; right: 25%; top: -165px; height: 180px; z-index: 3}
.landing-page-build-better-review-coding-sections-connector-container {position: relative; display: block; width: 100%; height: 100%;}
.landing-page-build-better-review-coding-sections-connector-circle-one {opacity: 0; position: absolute; top: 0; right: 0; display: block; height: 32px; width: 32px; border-radius: 16px; background-color: #ffffff; border: 3px solid #705AF4; transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s;-ms-transition: all ease-in-out 1s;-o-transition: all ease-in-out 1s;-moz-transition: all ease-in-out 1s;}
.landing-page-build-better-review-coding-sections-connector-circle-two {opacity: 0; position: absolute; bottom: 0; left: 0; display: block; height: 32px; width: 32px; border-radius: 16px; background-color: #ffffff; border: 3px solid #705AF4; transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s;-ms-transition: all ease-in-out 1s;-o-transition: all ease-in-out 1s;-moz-transition: all ease-in-out 1s; transition-delay: 2.3s}
.landing-page-build-better-section.active .landing-page-build-better-review-coding-sections-connector-circle-one {opacity: 1}
.landing-page-build-better-section.active .landing-page-build-better-review-coding-sections-connector-circle-two {opacity: 1}
.landing-page-build-better-review-coding-sections-connector-line-one {position: absolute;top: 32px; right: 16px; display: block; border-right: 2px dashed #705AF4; width: 1px; background-color: transparent; height: 0; transition: all linear 0.3s; -webkit-transition: all linear 0.3s;-ms-transition: all linear 0.3s;-o-transition: all linear 0.3s;-moz-transition: all linear 0.3s;transition-delay: 1s}
.landing-page-build-better-review-coding-sections-connector-line-one-edge-one {position: absolute;top: calc(50% - 11px); right: 18px; display: block; background-color: #705AF4; width: 2px; height: 0; -webkit-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg);transition: all linear 50ms; -webkit-transition: all linear 50ms;-ms-transition: all linear 50ms;-o-transition: all linear 50ms;-moz-transition: all linear 50ms; transition-delay: 1.3s}
.landing-page-build-better-review-coding-sections-connector-line-one-edge-two {position: absolute;top: calc(50% - 5px); right: 24px; display: block; background-color: #705AF4; width: 2px; height: 0; -webkit-transform: rotate(60deg);-ms-transform: rotate(60deg);transform: rotate(60deg);transition: all linear 50ms; -webkit-transition: all linear 50ms;-ms-transition: all linear 50ms;-o-transition: all linear 50ms;-moz-transition: all linear 50ms;transition-delay: 1.35s}
.landing-page-build-better-review-coding-sections-connector-line-two {position: absolute;top: calc(50% - 1px); left: calc(100% - 30px); right: 30px; display: block; border-top: 2px dashed #705AF4; height: 1px; background-color: transparent; transition: all linear 0.5s; -webkit-transition: all linear 0.8s;-ms-transition: all linear 0.8s;-o-transition: all linear 0.8s;-moz-transition: all linear 0.8s;transition-delay: 1.4s}
.landing-page-build-better-review-coding-sections-connector-line-two-edge-one {position: absolute;bottom: calc(50% - 11px); left: 18px; display: block; background-color: #705AF4; width: 2px; height: 0; -webkit-transform: rotate(210deg);-ms-transform: rotate(210deg);transform: rotate(210deg);transition: all linear 50ms; -webkit-transition: all linear 50ms;-ms-transition: all linear 50ms;-o-transition: all linear 50ms;-moz-transition: all linear 50ms; transition-delay: 2.2s}
.landing-page-build-better-review-coding-sections-connector-line-two-edge-two {position: absolute;bottom: calc(50% - 5px); left: 24px; display: block; background-color: #705AF4; width: 2px; height: 0; -webkit-transform: rotate(240deg);-ms-transform: rotate(240deg);transform: rotate(240deg);transition: all linear 50ms; -webkit-transition: all linear 50ms;-ms-transition: all linear 50ms;-o-transition: all linear 50ms;-moz-transition: all linear 50ms; transition-delay: 2.25s}
.landing-page-build-better-review-coding-sections-connector-line-three {position: absolute;bottom: calc(50% - 13px); left: 16px; display: block; border-right: 2px dashed #705AF4; width: 1px; background-color: transparent; height: 0; transition: all linear 0.3s; -webkit-transition: all linear 0.3s;-ms-transition: all linear 0.3s;-o-transition: all linear 0.3s;-moz-transition: all linear 0.3s; transition-delay: 2.3s}
.landing-page-build-better-section.active .landing-page-build-better-review-coding-sections-connector-line-one {height: calc(50% - 45px);}
.landing-page-build-better-section.active .landing-page-build-better-review-coding-sections-connector-line-one-edge-one {height: 6px;}
.landing-page-build-better-section.active .landing-page-build-better-review-coding-sections-connector-line-one-edge-two {height: 6px;}
.landing-page-build-better-section.active .landing-page-build-better-review-coding-sections-connector-line-two {left: 30px;}
.landing-page-build-better-section.active .landing-page-build-better-review-coding-sections-connector-line-two-edge-one {height: 6px;}
.landing-page-build-better-section.active .landing-page-build-better-review-coding-sections-connector-line-two-edge-two {height: 6px;}
.landing-page-build-better-section.active .landing-page-build-better-review-coding-sections-connector-line-three {height: calc(50% - 45px); bottom: 32px;}
.landing-page-build-better-testimonials-section {background-color: #705AF4; position: relative;width: 100%; vertical-align: middle; min-height: 100%; }
.landing-page-build-better-metrics-section-content, .landing-page-build-better-share-section-content {position: relative; width: 100%; height: 100%; display: block; max-width: 1100px; margin: 0 auto; vertical-align: top}
.landing-page-build-better-metrics-section-content-left {display: inline-block; width: 40%; vertical-align: bottom;}
.landing-page-build-better-metrics-section-content-right {display: inline-block;height: 100%; width: calc(60% - 20px); margin-left: 20px; vertical-align: top; position: relative;}
.landing-page-build-better-share-section-content-right {display: inline-block; width: 40%; vertical-align: bottom; float: right;}
.landing-page-build-better-share-section-content-left {display: inline-block;height: 100%; width: calc(60% - 20px); margin-right: 20px; vertical-align: top; position: relative;}
.landing-page-build-better-metrics-section {position: relative; width: 100%; height: 486px; vertical-align: middle; margin-top: 120px}
.landing-page-build-better-share-section {position: relative;width: 100%; height: 520px; vertical-align: middle; margin-top: 80px}
.landing-page-build-better-integrations-section {position: relative; width: 100%; margin-top: 100px; margin-bottom: 120px; vertical-align: middle;}
.landing-page-build-better-business-model-section {position: relative; height: 460px; width: 100%; vertical-align: middle; background-color: #390A9A}
.landing-page-build-better-request-access-section {position: relative; height: 460px; width: 100%; vertical-align: middle; background-color: #705AF4}
.landing-page-build-better-business-model-section-content, .landing-page-build-better-request-access-section-content {position: relative;}
.landing-page-build-better-testimonials-section-title {display: inline-block;}
.landing-page-build-better-testimonials-section-title h2 {font-size: 34pt; line-height: 60px; font-family: "CentraNo2 Bold", sans-serif; color: #ffffff; margin: 0 !important;}
.landing-page-build-better-testimonials-section-content {width: 100%; height: 100%; position: relative; padding: 120px 80px;}
.landing-page-build-better-testimonials-section-top-container {position: relative;width: 100%;max-width: 1100px; margin: 0 auto;}
.landing-page-build-better-testimonials-section-heart {position: absolute; top: -16px; left: 110px;}
.landing-page-build-better-testimonials-content {width: 100%;max-width: 1100px; position: relative; margin: 0 auto; z-index: 3}
.landing-page-build-better-testimonials-content-item {display: block;vertical-align: top; margin-top: 80px; opacity: 0; transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s;-ms-transition: all ease-in-out 1s;-o-transition: all ease-in-out 1s;-moz-transition: all ease-in-out 1s; position: absolute; top: 0; left: 0; z-index: -1}
.landing-page-build-better-testimonials-content-item.active {opacity: 1; z-index: 2}
.landing-page-build-better-testimonials-content-item-thumbnail {width: 185px; height: 250px; border-top-left-radius: 300px; border-top-right-radius: 300px; overflow: hidden; position: relative; display: inline-block; z-index: 2}
.landing-page-build-better-testimonials-content-item-thumbnail figure {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.landing-page-build-better-testimonials-content-item-thumbnail figure img {object-fit: cover;min-width: 100%;min-height: 100%}
.landing-page-build-better-testimonials-content-item-body {display: inline-block; width: calc(100% - 225px); margin-left: 40px; vertical-align: top}
.landing-page-build-better-testimonials-content-item-testimonial span {color: #ffffff; font-family: "CentraNo2", sans-serif; font-size: 17pt; line-height: 36px}
.landing-page-build-better-testimonials-content-item-attribution {margin-top: 30px;}
.landing-page-build-better-testimonials-content-item-attribution-name span {color: #ffffff; font-family: "CentraNo2 Medium", sans-serif; font-size: 14pt; line-height: 20px}
.landing-page-build-better-testimonials-content-item-attribution-affiliation {margin-top: 8px; display: inline-block;}
.landing-page-build-better-testimonials-content-item-attribution-affiliation span {color: #ffffff; font-family: "CentraNo2", sans-serif; font-size: 13pt; line-height: 18px}
.landing-page-build-better-testimonials-content-item-attribution-watch-full {float: right; display: inline-block;}
.landing-page-build-better-testimonials-content-item-attribution-watch-full a {color: #ffffff; font-family: "CentraNo2", sans-serif; font-size: 13pt; line-height: 18px; cursor: pointer !important;}
.landing-page-build-better-testimonials-content-item-attribution-watch-full a:after {content: "\f178"; font-family: 'FontAwesome';font-size: 13px; margin-left: 6px;}
.landing-page-build-better-testimonials-section-pagination {display: inline-block;text-align: right; float: right;}
.landing-page-build-better-testimonials-section-pagination-prev, .landing-page-build-better-testimonials-section-pagination-next {height: 60px; width: 60px; display: inline-block; border-radius: 30px; background-color: #FF1184; cursor: pointer; position: relative;}
.landing-page-build-better-testimonials-section-pagination-prev:hover, .landing-page-build-better-testimonials-section-pagination-next:hover {background-color: #F00C7A}
.landing-page-build-better-testimonials-section-pagination-prev:after {content: ""; display: block; background: url(/images/back-arrow-white.svg)no-repeat;width: 6px;height: 11px;background-size: contain; position: absolute; top: calc(50% - 6px); left: calc(50% - 3px);}
.landing-page-build-better-testimonials-section-pagination-next:after {content: ""; display: block; background: url(/images/forward-arrow-white.svg)no-repeat;width: 6px;height: 11px;background-size: contain; position: absolute; top: calc(50% - 6px); left: calc(50% - 3px);}
.landing-page-build-better-testimonials-section-pagination-next {margin-left: 20px}
.landing-page-build-better-metrics-section-title, .landing-page-build-better-share-section-title, .landing-page-build-better-integrations-section-title {margin-bottom: 40px}
.landing-page-build-better-metrics-section-title h2, .landing-page-build-better-share-section-title h2, .landing-page-build-better-integrations-section-title h2 {font-size: 34pt; line-height: 52px; font-family: "CentraNo2 Bold", sans-serif; color: #212121; margin: 0 !important;}
.landing-page-build-better-metrics-section-title h2 em {color: #FF1184;}
.landing-page-build-better-share-section-title h2 em, .landing-page-build-better-integrations-section-title h2 em {color: #705AF4;}
.landing-page-build-better-metrics-section-subtitle span, .landing-page-build-better-share-section-subtitle span, .landing-page-build-better-integrations-section-subtitle span {color: #666666; font-family: "CentraNo2", sans-serif; font-size: 13pt; line-height: 28px}
.landing-page-build-better-metrics-section-subtitle {margin-bottom: 70px}
.landing-page-build-better-share-section-subtitle {margin-bottom: 40px}
.landing-page-build-better-wrapper {background-color: #F7F7F7}
.landing-page-build-better-metrics-icon-one:after {content: ""; display: block; background: url(/images/landing-metrics-icon-one.svg)no-repeat;width: 460px;height: 300px;background-size: contain; position: absolute; top: 80px; right: 0;}
.landing-page-build-better-metrics-icon-two:after {content: ""; display: block; background: url(/images/landing-metrics-icon-two.svg)no-repeat;width: 320px;height: 220px;background-size: contain; position: absolute; bottom: -10px; left: 84px;}
.landing-page-build-better-metrics-icon-three:after {content: ""; display: block; background: url(/images/landing-metrics-icon-three.svg)no-repeat;width: 280px;height: 280px;background-size: contain; position: absolute; top: -20px; right: -60px;}
.landing-page-build-better-share-section-content-left {position: relative;}
.landing-page-build-better-share-path-one:after {content: ""; display: block; background: url(/images/landing-purple-share-path.svg)no-repeat;width: 341px;height: 421px;background-size: contain; position: absolute; top: 0px; left: 70px; z-index: 0}
.landing-page-build-better-share-icon-one, .landing-page-build-better-share-icon-two, .landing-page-build-better-share-icon-three {z-index: 2}
.landing-page-build-better-share-icon-one:after {content: ""; display: block; background: url(/images/landing-share-icon-one.svg)no-repeat;width: 420px;height: 250px;background-size: contain; position: absolute; top: 20px; left: -80px; z-index: 2}
.landing-page-build-better-share-icon-two:after {content: ""; display: block; background: url(/images/landing-share-icon-two.svg)no-repeat;width: 139px;height: 64px;background-size: contain; position: absolute; top: calc(50% - 160px); left: 340px; z-index: 2}
.landing-page-build-better-share-icon-three:after {content: ""; display: block; background: url(/images/landing-share-icon-three.svg)no-repeat;width: 420px;height: 250px;background-size: contain; position: absolute; bottom: -40px; left: 90px; z-index: 2}
.landing-page-build-better-share-section-content-right .landing-page-build-better-cta-button-container {margin-bottom: 40px}
.landing-page-build-better-integration-section-logos {display: flex; width: 100%;justify-content: space-between; margin-top: 40px; vertical-align: middle; height: 46px;}
.landing-page-build-better-integration-section-logo.d2l-logo, .landing-page-build-better-integration-section-logo.moodle-logo, .landing-page-build-better-integration-section-logo.sakai-logo {display: inline-block; height: 46px;}
.landing-page-build-better-integration-section-logo.blackboard-logo {display: inline-block; height: 46px;}
.landing-page-build-better-integration-section-logo.canvas-logo {display: inline-block; height: 46px;}
.landing-page-build-better-integration-section-logo.d2l-logo figure img, .landing-page-build-better-integration-section-logo.moodle-logo figure img, .landing-page-build-better-integration-section-logo.sakai-logo figure img {height: 36px;}
.landing-page-build-better-integration-section-logo.blackboard-logo figure img {height: 25px;}
.landing-page-build-better-integration-section-logo.canvas-logo figure img {height: 46px;}
.landing-page-build-better-integration-section-logo.d2l-logo figure, .landing-page-build-better-integration-section-logo.moodle-logo figure, .landing-page-build-better-integration-section-logo.sakai-logo figure {margin-top: 5px;}
.landing-page-build-better-integration-section-logo.blackboard-logo figure {margin-top: 10px}
.landing-page-build-better-integrations-section-content {width: 900px; display: block; margin: 0 auto}
.landing-page-build-better-request-access-submit-container {margin-top: 40px}
.landing-page-build-better-request-access-input-container {margin-bottom: 40px; display: inline-block; margin-right: 20px; width: calc(100% - 208px)}
.landing-page-build-better-request-access-input {width: 100%; border-radius: 40px; font-family: "CentraNo2 Bold", sans-serif; color: #2A313A; font-size: 14pt; background-color: #ffffff; padding: 18px}
.landing-page-build-better-request-access-section-body {display: block; text-align: center;}
.landing-page-build-better-request-access-section-body span {font-family: "CentraNo2 Bold", sans-serif; color: #ffffff; font-size: 14pt; line-height: 60px}
.landing-page-build-better-business-model-section-left, .landing-page-build-better-request-access-section-left {display: inline-block; width: 50%; height: 100%; background-color: #705AF4; padding: 100px; vertical-align: top; position: relative;}
.landing-page-build-better-business-model-section-right, .landing-page-build-better-request-access-section-right {display: inline-block; width: 50%; height: 100%; background-color: transparent; padding: 100px; vertical-align: top; position: relative;}
.landing-page-build-better-business-model-section-main, .landing-page-build-better-request-access-section-main {display: inline-block; width: 100%; height: 100%; background-color: transparent; padding: 100px; vertical-align: top; position: relative;}
.landing-page-build-better-business-model-section-title h2, .landing-page-build-better-request-access-section-title h2 {font-size: 34pt; line-height: 60px; font-family: "CentraNo2 Bold", sans-serif; color: #ffffff; margin: 0 !important;}
.landing-page-build-better-business-model-section-bottom-button {position: absolute;bottom: 100px; left: 100px; display: block; height: 60px; padding: 10px 30px; background-color: #ffffff; border-radius: 30px;}
.landing-page-build-better-request-access-bottom-button {display: inline-block; position: relative; height: 60px; padding: 10px 30px; background-color: #ffffff; border-radius: 30px;}
.landing-page-build-better-request-access-bottom-button.loading span {opacity: 0}
.landing-page-build-better-request-access-bottom-button.loading {cursor: default;}
.landing-page-build-better-request-access-bottom-button.loading:after {content: ""; border: 3px solid transparent; border-top: 3px solid #705AF4; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 8px);left:calc(50% - 8px); display: block;}
.landing-page-build-better-business-model-section-bottom-button:hover, .landing-page-build-better-request-access-bottom-button:not(.loading):hover {background-color: #e7e7e7}
.landing-page-build-better-business-model-section-bottom-button span, .landing-page-build-better-request-access-bottom-button span {color: #705AF4; font-family: "CentraNo2 Medium", sans-serif; font-size: 12pt; line-height: 40px;}
.landing-page-build-better-business-model-section-bottom-button span:after, .landing-page-build-better-request-access-bottom-button span:after {content: ""; display: inline-block; background: url(/images/forward-arrow-purple.svg)no-repeat;width: 6px;height: 11px;background-size: contain; margin-left: 10px}
.landing-page-build-better-other-products-list-item {display: inline-block; width: 33.33%; padding: 10px; text-align: center;}
.landing-page-build-better-other-products-list-item-body {display: inline-block; max-width: 100%; width: 360px}
.landing-page-build-better-other-products-list {margin-top: 40px}
.landing-page-build-better-other-products-list-item-body .landing-page-build-better-screenshot-container {box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);}
.landing-page-build-better-other-products-list-item-title {margin-top: 40px}
.landing-page-build-better-other-products-list-item-title span {color: #666666; font-family: "CentraNo2 Medium", sans-serif; font-size: 18pt; font-weight: 600}
.landing-page-build-better-other-products-list-item-body:hover .landing-page-build-better-other-products-list-item-title span {color: #705AF4}
.landing-page-build-better-other-products-list-item-body .landing-page-build-better-other-products-list-item-screenshot {position: relative;}
.landing-page-build-better-other-products-list-item-body .landing-page-build-better-other-products-list-item-screenshot:before {content: ""; border-radius: 8px; position: absolute; display: block; left: 0; right: 0; top: 0; bottom: 0; background-color: #666666; z-index: 999; opacity: 0.1}
.landing-page-build-better-other-products-list-item-body:hover .landing-page-build-better-other-products-list-item-screenshot:before {opacity: 0}
/* Splash */
.splash-page::-webkit-scrollbar {display: none;}
.splash-page {-ms-overflow-style: none; overflow: hidden;}
.splash-page.scrollable {overflow: scroll;}
.splash-page.pink {background-color: #DD167B;}
.splash-page header {position: fixed;}
.splash-header-content {padding: 20px;}
.splash-header-content.bottom-line-included {border-bottom: 1px solid #e7e7e7}
.splash-page-logo {display: inline-block; margin-top: 4px;}
.splash-page-logo figure img {width: 125px; height: 32px;}
.splash-header-content-menu {display: inline-block; margin-left: auto; float: right; vertical-align: middle; line-height: 40px; height: 40px; }
.splash-header-content-menu li {display: inline-block;}
.splash-header-content-menu li:not(:last-child) {margin-right: 20px;}
.splash-header-content-menu li.standard-button {padding: 0 6px;}
.splash-header-content-menu li.standard-button a {color: #DD167B;font-weight: 600;}
.splash-header-content-menu li.standard-button.purple a {color: #705AF4;}
.splash-header-content-menu li.standard-button.forward-arrow a:after {content: "\f178";font-family: 'FontAwesome'; margin-left: 6px;}
.splash-header-content-menu li.rounded-button {height: 40px; border-radius: 20px; border: 1px solid #DD167B; cursor: pointer;}
.splash-header-content-menu li.rounded-button:hover {background-color: #DD167B;}
.splash-header-content-menu li.rounded-button:hover a {color: #ffffff;}
.splash-header-content-menu li.rounded-button a {color: #DD167B; font-weight: 600; margin: 0 14px;}
.splash-header-content-menu li.rounded-button a:after {content: "\f178";font-family: 'FontAwesome'; margin-left: 6px;}
.splash-page-section {position: relative; height: calc(100% - 88px); min-height: 400px; padding: 0 10px; width: 100%;}
.splash-page.scrollable .splash-page-section {min-height: calc(100% - 88px); height: auto;}
.splash-page-section h3 {text-align: center; font-size: 34pt; line-height: 70px;}
.splash-page-section h3 i {font-style: italic; color: #705AF4;}
.splash-page-section.purple {background-color: #705AF4;}
.splash-page-section.pink {background-color: #DD167B;}
.splash-page-container {position: relative;}
.splash-page-container.center {top: calc(50% - 44px);transform: translateY(-50%);}
.splash-page-container.top {padding: 40px 20px 0 20px;}
.splash-page-section.active .splash-page-container {animation: fadeIn ease 2s;-webkit-animation: fadeIn ease 2s;-moz-animation: fadeIn ease 2s;-o-animation: fadeIn ease 2s;-ms-animation: fadeIn ease 2s;}
.splash-page-next-section-button {position: fixed; left: calc(50% - 40px); bottom: 10px; width: 80px; height: 60px; cursor: pointer; animation: fadeIn ease 4s;-webkit-animation: fadeIn ease 4s;-moz-animation: fadeIn ease 4s;-o-animation: fadeIn ease 4s;-ms-animation: fadeIn ease 4s;}
.splash-page-next-section-button .splash-page-next-section-button-text {font-size: 11pt; -webkit-transition: color 500ms linear; -ms-transition: color 500ms linear;transition: color 500ms linear; font-family: 'Muli', sans-serif; margin-bottom: 6px; text-align: center; color: #212121;}
.splash-page-next-section-button .splash-page-next-section-button-icon {position: relative; -webkit-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear;transition: background-color 500ms linear; margin-left: 26px; width: 24px; height: 24px; border-radius: 12px; background-color: #212121;}
.splash-page-next-section-button .splash-page-next-section-button-icon:after {position: absolute; content: "\f175";font-family: 'FontAwesome'; color: #fff; top: 5px; left: 9px;}
.splash-page-next-section-button.purple .splash-page-next-section-button-text {color: #705AF4;}
.splash-page-next-section-button.purple .splash-page-next-section-button-icon {background-color: #705AF4;}
.splash-page-next-section-button.pink .splash-page-next-section-button-text {color: #DD167B;}
.splash-page-next-section-button.pink .splash-page-next-section-button-icon {background-color: #DD167B;}
.splash-page-section.white h3, .splash-page-section.white h4 {color: #212121;}
.splash-page-section:not(.white) h3, .splash-page-section:not(.white) h4 {color: #ffffff;}
.splash-page-section h4 {text-align: left; font-size: 24pt; line-height: 32px; font-weight: bolder;}
.splash-page-section .demo-video-container {max-width:calc(100% - 40px); margin: auto; margin-top: 40px; text-align: center;}
.get-started-options-list {margin-top: 40px; padding-bottom: 40px;}
.get-started-options-list li.get-started-option-li {display: inline-block; width: calc(33.33%); background-color: transparent; height: 510px; vertical-align: top; position: relative;}
.get-started-option {position: relative; overflow: hidden; padding: 10px; border-radius: 10px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); text-align: center; height: 100%; background-color: #ffffff; vertical-align: top; max-width: 90%; width: 360px;left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform:translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.get-started-option-icon {margin-top: 20px; margin-bottom: 10px;}
.get-started-option-title small {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 8pt; color: #666666;}
.get-started-option-title {font-family: 'Muli', sans-serif; font-weight: bold; font-size: 13pt; color: #212121;}
.get-started-option-start-button {position: absolute; left:0; bottom:0; width: 100%; height: 40px; background-color: #FFD44F;}
.get-started-option-start-button span {font-family: 'Muli', sans-serif; font-weight: bold; font-size: 13pt; color: #ffffff; text-transform: uppercase; line-height: 40px; height: 40px;}
.get-started-option-start-button.blue {background-color: #1999EA;}
.get-started-option-included-list {display: block; width: calc(100% - 20px); margin-top: 10px; margin-left: 10px;}
.get-started-option-included-list li {display: block; width: 100%; height: auto; margin-bottom: 8px; text-align: left; font-family: 'Muli', sans-serif; color: #666666; font-size: 9pt;}
.get-started-option-included-list li:before {content: "";background: url(/images/pink-check-icon.svg)no-repeat;width: 13px;height: 10px;background-size: contain; position: relative; display: inline-block; margin-right: 4px;}
.get-started-option-price {display: block; position: absolute; bottom: 40px; left: 10px; height: 40px; width: calc(100% - 20px); text-align: center; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 8pt; color: #212121;}
.get-started-option-price b {font-weight: bold; color: #DD167B; font-size: 10pt;}
.get-started-option-price b small {font-size: 8pt;}
/* Splash updated */
.splash-page-wrapper {overflow-y: scroll; height: calc(100% - 81px); overflow-x: hidden; margin-top: 81px !important;}
.splash-page-get-started-section {background-color: #fff5ed; padding: 60px 40px 60px 40px;}
.splash-page h2 {color: #212121; font-size: 30pt; text-align: center; font-family: 'Merriweather', serif; font-weight: normal; }
.splash-page-get-started-section p {margin: 40px 0; text-align: center; font-family: 'Muli', sans-serif; color: #666666; font-size: 12pt; line-height: 24px; }
.splash-page-get-started-section {position: relative;}
.splash-page-get-started-email {margin: 0 auto; max-width: 600px; width: 100%;}
.splash-page-get-started-email input {width: calc(100% - 170px); height: 32px; border-radius: 16px; padding: 0 20px;}
.splash-page-get-started-email .splash-page-get-started-go-button {text-align: right; font-family: 'Muli', sans-serif; color: #52c9ed; font-size: 11pt; font-weight: 600; width: 166px; margin-left: 4px;}
.splash-page-get-started-email .splash-page-get-started-go-button:after {content: "\f178";font-family: 'FontAwesome'; margin-left: 4px;}
.splash-page-standard-section {margin: 40px 40px;}
.splash-page-standard-section h3 {color: #212121; font-size: 18pt; text-align: left; font-family: 'Merriweather', serif; font-weight: normal;}
.splash-page-standard-section .splash-page-standard-section-subtext {font-family: 'Muli', sans-serif; color: #666666; font-size: 11pt; font-weight: normal; margin: 10px 0 30px 0;}
.splash-page-standard-section.right h3 {text-align: right;}
.splash-page-standard-section.right .splash-page-standard-section-subtext {text-align: right;}
.splash-page-standard-section-left {display: inline-block; width: 50%; position: relative; vertical-align: top;}
.splash-page-monitor-preview {position: relative; width: 100%;}
.splash-page-monitor-preview:before {content:""; display: block; position: absolute; top: 0; left: 0; background: url(../images/monitor-icon.png)no-repeat;background-size: contain;width:100%; height: 1000px; z-index: -1;}
.splash-page-monitor-preview figure {position: relative; display: block; margin-left: 4%; padding-top: 4%; padding-bottom: 25%; width: 92%; opacity: 1; transition: opacity ease-in-out 2s; -webkit-transition: opacity ease-in-out 2s;-ms-transition: opacity ease-in-out 2s;-o-transition: opacity ease-in-out 2s;-moz-transition: opacity ease-in-out 2s;}
.splash-page-standard-section.inactive figure {opacity: 0;}
.splash-page-standard-section-right {display: inline-block; width: 50%; position: relative; vertical-align: top;}
.splash-page-format-descriptions {width: calc(100% - 20px); margin-left: 20px; position: relative;}
.splash-page-format-descriptions-menu-highlighter {width: 33.33%; display: block; position: absolute; top: 0; left: 0; height: 140px; z-index: -1; transition: background-color ease-in-out 500ms; -webkit-transition: background-color ease-in-out 500ms;-ms-transition: background-color ease-in-out 500ms;-o-transition: background-color ease-in-out 500ms;-moz-transition: background-color ease-in-out 500ms;}
.splash-page-format-descriptions-menu-highlighter.yellow {background-color: rgba(255, 212, 79,0.1);}
.splash-page-format-descriptions-menu-highlighter.purple {background-color: rgba(88,65,154,0.1);}
.splash-page-format-descriptions-menu-highlighter.pink {background-color: rgba(237,35,131,0.1);}
.splash-page-format-descriptions-menu-option {width: 33.33%; display: inline-block; height: 140px; vertical-align: top;}
.splash-page-standard-section:not(.inactive) .splash-page-format-descriptions-menu-option:not(.active) {cursor: pointer;}
.splash-page-format-descriptions-menu-option-title {text-align: center; height: 20px; line-height: 20px; margin-bottom: 10px; font-family: 'Muli', sans-serif; color: #666666; font-weight: bold; font-size: 9pt;}
.splash-page-format-descriptions-menu-option.active .splash-page-format-descriptions-menu-option-title {cursor: default;}
.splash-page-format-descriptions-menu-option-icon {margin: 10px; width: calc(100% - 20px); height: calc(100% - 50px); position: relative; display: block;}
.splash-page-standard-section.inactive .splash-page-format-descriptions-menu-option.spaced-repetition .splash-page-format-descriptions-menu-option-icon .icon-block-gray {height: 10px; border-radius: 4px;}
.splash-page-standard-section.inactive .splash-page-format-descriptions-menu-option.spaced-repetition .splash-page-format-descriptions-menu-option-icon .icon-block-yellow {height: 10px; border-radius: 4px;}
.splash-page-format-descriptions-menu-option.spaced-repetition .splash-page-format-descriptions-menu-option-icon .icon-block-gray {position: absolute; bottom: 0; width: calc(50% - 20px); max-width: 40px; height: 80%; right: calc(50% + 6px); background-color: #d6d5d5; border-radius: 10px; transition: all linear 1s; -webkit-transition: all linear 1s;-ms-transition: all linear 1s;-o-transition: all linear 1s;-moz-transition: all linear 1s; }
.splash-page-format-descriptions-menu-option.spaced-repetition .splash-page-format-descriptions-menu-option-icon .icon-block-yellow {position: absolute; bottom: 0; width: calc(50% - 20px); max-width: 40px; height: 100%; left: calc(50% + 6px); background-color: #ffd44f; border-radius: 10px; transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s;-ms-transition: all ease-in-out 1s;-o-transition: all ease-in-out 1s;-moz-transition: all ease-in-out 1s; transition-delay: 1s;}
.splash-page-format-descriptions-menu-option.retrieval-practice .splash-page-format-descriptions-menu-option-icon {border-left: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; max-width: 100px; margin-left: auto; margin-right: auto;}
.splash-page-format-descriptions-menu-option.retrieval-practice .splash-page-format-descriptions-menu-option-icon .icon-line-gray .icon-line-segment {background-color: #d6d5d5; position: absolute; border-radius: 4px; display: block;}
.splash-page-format-descriptions-menu-option.retrieval-practice .splash-page-format-descriptions-menu-option-icon .icon-line-purple .icon-line-segment {background-color: #58419a; position: absolute; border-radius: 4px; display: block;}
.splash-page-standard-section.inactive .splash-page-format-descriptions-menu-option.retrieval-practice .splash-page-format-descriptions-menu-option-icon .icon-line-segment.one {height: 4px;}
.splash-page-standard-section.inactive .splash-page-format-descriptions-menu-option.retrieval-practice .splash-page-format-descriptions-menu-option-icon .icon-line-segment:not(.one) {height: 0;}
.icon-line-segment {transform-origin:bottom; transition: all linear 250ms; -webkit-transition:all linear 250ms;-ms-transition: all linear 250ms;-o-transition: all linear 250ms;-moz-transition: all linear 250ms;}
.icon-line-gray .icon-line-segment.two {transition-delay: 250ms}
.icon-line-gray .icon-line-segment.three {transition-delay: 500ms}
.icon-line-gray .icon-line-segment.four {transition-delay: 750ms}
.icon-line-purple .icon-line-segment.one {transition-delay: 1000ms}
.icon-line-purple .icon-line-segment.two {transition-delay: 1250ms}
.icon-line-purple .icon-line-segment.three {transition-delay: 1500ms}
.icon-line-purple .icon-line-segment.four {transition-delay: 1750ms}
.splash-page-format-descriptions-menu-option.retrieval-practice .splash-page-format-descriptions-menu-option-icon .icon-line-gray .icon-line-segment.one {left: 4px; width: 4px; height: 24px; bottom: 20px; transform: rotate(70deg);}
.splash-page-format-descriptions-menu-option.retrieval-practice .splash-page-format-descriptions-menu-option-icon .icon-line-gray .icon-line-segment.two {left: 24px; width: 4px; height: 24px; bottom: 28px; transform: rotate(100deg);}
.splash-page-format-descriptions-menu-option.retrieval-practice .splash-page-format-descriptions-menu-option-icon .icon-line-gray .icon-line-segment.three {left: 46px; width: 4px; height: 24px; bottom: 24px; transform: rotate(90deg);}
.splash-page-format-descriptions-menu-option.retrieval-practice .splash-page-format-descriptions-menu-option-icon .icon-line-gray .icon-line-segment.four {left: 68px; width: 4px; height: 24px; bottom: 24px; transform: rotate(110deg);}
.splash-page-format-descriptions-menu-option.retrieval-practice .splash-page-format-descriptions-menu-option-icon .icon-line-purple .icon-line-segment.one {left: 4px; width: 4px; height: 24px; bottom: 38px; transform: rotate(70deg);}
.splash-page-format-descriptions-menu-option.retrieval-practice .splash-page-format-descriptions-menu-option-icon .icon-line-purple .icon-line-segment.two {left: 24px; width: 4px; height: 24px; bottom: 46px; transform: rotate(100deg);}
.splash-page-format-descriptions-menu-option.retrieval-practice .splash-page-format-descriptions-menu-option-icon .icon-line-purple .icon-line-segment.three {left: 46px; width: 4px; height: 24px; bottom: 42px; transform: rotate(90deg);}
.splash-page-format-descriptions-menu-option.retrieval-practice .splash-page-format-descriptions-menu-option-icon .icon-line-purple .icon-line-segment.four {left: 68px; width: 4px; height: 24px; bottom: 42px; transform: rotate(110deg);}
.splash-page-standard-section.inactive .splash-page-format-descriptions-menu-option.feedback-loops .splash-page-format-descriptions-menu-option-icon .icon-block-gray {height: 10px; border-radius: 4px;}
.splash-page-standard-section.inactive .splash-page-format-descriptions-menu-option.feedback-loops .splash-page-format-descriptions-menu-option-icon .icon-block-pink {height: 10px; border-radius: 4px;}
.splash-page-format-descriptions-menu-option.feedback-loops .splash-page-format-descriptions-menu-option-icon .icon-block-gray {position: absolute; bottom: 0; width: calc(50% - 20px); max-width: 40px; height: 20%; right: calc(50% + 6px); background-color: #d6d5d5; border-radius: 10px; transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s;-ms-transition: all ease-in-out 1s;-o-transition: all ease-in-out 1s;-moz-transition: all ease-in-out 1s; }
.splash-page-format-descriptions-menu-option.feedback-loops .splash-page-format-descriptions-menu-option-icon .icon-block-pink {position: absolute; bottom: 0; width: calc(50% - 20px); max-width: 40px; height: 100%; left: calc(50% + 6px); background-color: #ed2383; border-radius: 10px; transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s;-ms-transition: all ease-in-out 1s;-o-transition: all ease-in-out 1s;-moz-transition: all ease-in-out 1s; transition-delay: 1s;}
.splash-page-format-descriptions-body {padding: 20px; width: 100%; display: block; transition: background-color ease-in-out 500ms; -webkit-transition: background-color ease-in-out 500ms;-ms-transition: background-color ease-in-out 500ms;-o-transition: background-color ease-in-out 500ms;-moz-transition: background-color ease-in-out 500ms;}
.splash-page-format-descriptions-body.yellow {background-color: rgba(255, 212, 79,0.1);}
.splash-page-format-descriptions-body.purple {background-color: rgba(88,65,154,0.1);}
.splash-page-format-descriptions-body.pink {background-color: rgba(237,35,131,0.1);}
.splash-page-format-descriptions-body p {font-family: 'Muli', sans-serif; color: #666666; font-size: 10pt; margin-bottom: 20px; line-height: 20px;}
.splash-page-format-descriptions-body p a {font-family: inherit; color: inherit; display: inline; font-size: inherit; text-decoration: underline;}
.splash-page-format-descriptions-body .splash-page-format-descriptions-body-research-link {text-align: right;}
.splash-page-format-descriptions-body .splash-page-format-descriptions-body-research-link a { color: #52c9ed; font-weight: bold;}
.extra-padding-div {height: 30px; max-height: 30px; display: block; position: relative;}
.splash-page-standard-section-full {width: 100%; display: block; height: 240px; background-color: rgba(82,201,237,0.1); border-radius: 20px;}
.splash-page-three-steps {width: 100%; height: 100%;}
.splash-page-build-step {width: 33.33%; padding: 20px; display: inline-block; height: 100%; position: relative;}
.splash-page-build-step-icon {height: calc(100% - 30px); width: 100%; display: block; position: relative;}
.splash-page-standard-section.inactive .splash-page-build-step {opacity: 0;}
.splash-page-standard-section:not(.inactive) .splash-page-build-step {opacity: 1; transition: opacity ease-in-out 1s; -webkit-transition: opacity ease-in-out 1s;-ms-transition: opacity ease-in-out 1s;-o-transition: opacity ease-in-out 1s;-moz-transition: opacity ease-in-out 1s;}
.splash-page-standard-section:not(.inactive) .splash-page-build-step.two {transition-delay: 1s}
.splash-page-standard-section:not(.inactive) .splash-page-build-step.three {transition-delay: 2s}
.splash-page-build-step-title {text-align: center; font-family: 'Muli', sans-serif; color: #666666; font-size: 11pt; font-weight: 600; height: 30px; line-height: 30px;}
.splash-page-build-step-icon.drag-and-drop-file:before {content: ""; display: block; position: absolute; top: calc(50% - 60px); left: calc(50% - 60px); width:120px;height: 120px; background-color: #ffffff; border: 4px dashed #ed2383;}
.splash-page-build-step-icon.drag-and-drop-file:after {content: "Drag & drop a file"; font-size: 13pt; font-family: 'Muli', sans-serif; color: #ed2383; text-transform: uppercase; font-weight: bolder; text-align: center; position: absolute; top: calc(50% - 32px); left: calc(50% - 50px); width:100px;height: 64px;}
.splash-page-build-step-icon.write-questions:before {content: ""; display: block; position: absolute; background-color: #ffffff; top: calc(50% - 30px); left: calc(50% - 90px); height: 60px; width: 180px; border-radius: 10px;}
.splash-page-build-step-icon.write-questions:after {content: ""; position: absolute; top: 50%; left: calc(50% - 80px); width: 160px; height: 1px; background-color: #e7e7e7;}
.splash-page-build-step-icon-write-questions-top-text:before {content: "What is a prior probability?"; color: #666666; font-size: 9pt; text-align: left; font-family: 'Merriweather', serif; font-weight: normal; position: absolute; top: calc(50% - 22px); left: calc(50% - 80px); }
.splash-page-build-step-icon-write-questions-bottom-text:before {content: "A prior probabili"; color: #999999; font-size: 9pt; text-align: left; font-family: 'Muli', serif; font-weight: normal; position: absolute; top: calc(50% + 6px); left: calc(50% - 80px); }
.splash-page-build-step-icon-write-questions-bottom-text:after {content: ""; height: 14px; width: 1px; background-color: #000000; position: absolute; top: calc(50% + 6px); left: calc(50% + 9.5px);}
.splash-page-build-step-icon.publish-assignment:before {content: "";  display: block; position: absolute; top: calc(50% - 55px); left: calc(50% - 55px); width: 110px; height: 110px; background: url(../images/publish-assignment-icon.svg)no-repeat;background-size: contain;}
.splash-page-personalized-main {display: block; position: relative;}
.splash-page-personalized-main-graphs {display: inline-block; width: 340px;}
.splash-page-personalized-main-text {display: inline-block; width: calc(100% - 340px); padding: 60px 20px; vertical-align: top;text-align: center; height: 290px;}
.splash-page-personalized-main-text span {font-family: 'Muli', sans-serif; color: #666666; font-weight: 500; font-size: 15pt; text-align: center; line-height: 40px; vertical-align: middle;}
.splash-page-personalized-main-text span strong {font-family: inherit; color: #52c9ed; font-weight: inherit; font-size: inherit; display: inline; line-height: inherit; transition: color linear 1s; -webkit-transition: color linear 1s;-ms-transition: color linear 1s;-o-transition: color linear 1s;-moz-transition: color linear 1s; transition-delay: 1s;}
.splash-page-standard-section.inactive .splash-page-personalized-main-text span strong {color: inherit;}
.splash-page-personalized-main-graph {display: block; height: 140px;}
.splash-page-personalized-main-graph:not(:last-child) {margin-bottom: 10px;}
.splash-page-personalized-main-graph-title {display: block; height: 20px; width: 100%; text-align: center; font-family: 'Muli', sans-serif; color: #666666; font-weight: bold; font-size: 11pt;}
.splash-page-personalized-main-graph-chart {opacity: 1; display: inline-block; width: 50%; height: calc(100% - 20px); position: relative; transition: all linear 1s; -webkit-transition: all linear 1s;-ms-transition: all linear 1s;-o-transition: all linear 1s;-moz-transition: all linear 1s;}
.splash-page-standard-section.inactive .splash-page-personalized-main-graph-chart.normal-achievement {opacity: 0;}
.splash-page-standard-section.inactive .splash-page-personalized-main-graph-chart.high-achievement {opacity: 0;}
.splash-page-personalized-main-graph-chart.high-achievement {transition-delay: 1s;}
.splash-page-personalized-main-graph-chart-icon.normal-apptitude:before {content: "";  display: block; position: absolute; top: 5px; left:calc(50% - 60px); background: url(../images/normal-aptitude-icon.svg)no-repeat;background-size: contain; height: calc(100% - 30px); width: 100%;}
.splash-page-personalized-main-graph-chart-icon.normal-achievement:before {content: "";  display: block; position: absolute;top: 5px; left:calc(50% - 60px); background: url(../images/normal-achievement-icon.svg)no-repeat;background-size: contain; height: calc(100% - 30px); width: 100%;}
.splash-page-personalized-main-graph-chart-icon.high-achievement:before {content: "";  display: block; position: absolute;top: 5px; left:calc(50% - 60px); background: url(../images/high-achievement-icon.svg)no-repeat;background-size: contain; height: calc(100% - 30px); width: 100%;}
.splash-page-personalized-main-graph-chart-title {height: 20px;width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; font-family: 'Muli', sans-serif; color: #666666; font-weight: 600; font-size: 10pt;}
.splash-page-personalized-main-graph-chart-title.blue {color: #52c9ed;}
.splash-page-full-colored-section {background-color: rgba(237,35,131,0.1); width: 100%; padding: 40px;}
.splash-page-full-colored-section.pink {background-color: rgba(237,35,131,0.1);}
.splash-page-full-colored-section h3 {font-family: 'Muli', sans-serif; color: #666666; font-size: 18pt; font-weight: 600; text-align: left; position: relative;}
.splash-page-full-colored-section h3 strong {font-family: inherit; color: #ed2383; font-size: inherit; font-weight: inherit; display: inline; font-style: italic; position: relative;}
.splash-page-full-colored-section h3 strong:after {content: ""; width: 100%; height: 2px; left: 0; bottom: -8px; font-style: italic; position: absolute; background-color: #ed2383; display: block; border-radius: 2px; transition: width ease-in-out 1s; -webkit-transition: width ease-in-out 1s;-ms-transition: width ease-in-out 1s;-o-transition: width ease-in-out 1s;-moz-transition: width ease-in-out 1s;}
.splash-page-full-colored-section.inactive h3 strong:after {width: 0;}
.splash-page-metrics-usage-section {margin-top: 100px;}
.splash-page-metrics-usage-section:after {content: ""; display: block; position: absolute; right: calc(50% - 200px); top: 14px; background: url(../images/shapes-design-icon.svg)no-repeat;background-size: contain; height: 85px; width: 288px;}
.splash-page-still-not-convinced-section {width: 100%; background-color: #ed2383; color: #ffffff; line-height: 100px; height: 100px; font-family: 'Muli', sans-serif; font-weight: bolder; font-size: 18pt; text-align: center;}
.splash-page-demo-section {width: 100%; vertical-align: top; position: relative; padding-top: 40px;}
.splash-page-demo-section h4 {position: absolute; width: 50%; padding: 0 10px; top: 20px; text-align: center; text-align: center; font-family: 'Muli', sans-serif; color: #666666; font-weight: normal; font-size: 16pt;}
.splash-page-demo-section .splash-page-demo-section-testimonial h4 {left: 0;}
.splash-page-demo-section .splash-page-demo-section-video h4 {left: 50%;}
.splash-page-demo-section .splash-page-demo-section-testimonial, .splash-page-demo-section .splash-page-demo-section-video {display: inline-block; width: 50%; padding: 40px; vertical-align: middle;}
.splash-page-demo-section:before {content:"";display:block;position:absolute;top:40px;left:50%;height:calc(100% - 80px);width:1px;background-color:#e7e7e7;}
.splash-page-testimonial-container {display: block; position: relative; margin: auto 0;}
.splash-page-testimonial-left {width: 140px; display: inline-block; margin-right: 40px; vertical-align: middle;}
.splash-page-testimonial-image-container {width: 140px; height: 140px; border-radius: 70px; display: block; margin-bottom: 20px; overflow: hidden;}
.splash-page-testimonial-image-figure, .splash-page-testimonial-image-figure img {width: 100%; height: 100%;}
.splash-page-testimonial-text {width: calc(100% - 180px); display: inline-block; vertical-align: middle; padding: 0 20px; text-align: center;}
.splash-page-testimonial-text span {font-family: 'Muli', sans-serif; color: #DD167B; font-weight: 500; font-size: 10.5pt; text-align: center; line-height: 28px; vertical-align: middle;}
.splash-page-testimonial-name {width: 100%; display: block; text-align: center; font-family: 'Muli', sans-serif; font-weight: bold; font-size: 11pt; color: #212121; margin-bottom: 14px;}
.splash-page-testimonial-title {width: 100%; display: block; text-align: center; font-family: 'Muli', sans-serif; font-weight: lighter; color: #666666; font-size: 10.5pt; line-height: 20px;}
.splash-page-metrics-list {position: relative; width: 100%; max-width: 420px; min-width: 300px; height: 260px; margin: 10px auto 0 auto;}
.splash-page-metrics-list-item {width: 33.33%; display: inline-block; text-align: center; height: 120px; position: absolute; transition: left ease-in-out 1s; -webkit-transition: left ease-in-out 1s;-ms-transition: left ease-in-out 1s;-o-transition: left ease-in-out 1s;-moz-transition: left ease-in-out 1s;}
.splash-page-main-section.inactive .splash-page-metrics-list-item {left: -100%;}
.splash-page-main-section.inactive .splash-page-metrics-list-item.full {left: -200%;}
.splash-page-metrics-list-item.one {left: 0;}
.splash-page-metrics-list-item.two {left: 33.33%;}
.splash-page-metrics-list-item.three {left: 66.66%;}
.splash-page-metrics-list-item:not(.full) {top: 0;}
.splash-page-metrics-list-item.full {width: 100%; margin-top: 20px; height: 120px; bottom: 0; left: 0;}
.splash-page-metrics-list-icon {position: relative; display: block; margin-left: calc(50% - 45px); width: 90px; height: 90px; background-color: #ffffff; border-radius: 45px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);}
.splash-page-metrics-list-icon.metrics-likes:before {content: ""; display: block; position: absolute; left: calc(50% - 15px); top: calc(50% - 17.5px); background: url(../images/metrics-likes-icon.svg)no-repeat;background-size: contain; height: 35px; width: 30px;}
.splash-page-metrics-list-icon.metrics-dislikes:before {content: ""; display: block; position: absolute; left: calc(50% - 15px); top: calc(50% - 13px); background: url(../images/metrics-dislikes-icon.svg)no-repeat;background-size: contain; height: 30px; width: 30px;}
.splash-page-metrics-list-icon.metrics-percentage:before {content: "%"; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 90px; font-family: 'Muli', sans-serif; font-weight: bold; font-size: 26pt; color: #ed2383;}
.splash-page-metrics-list-icon.metrics-cumulative-topic-retention {width: calc(100% - 50px); border-radius: 10px; margin-left: auto; margin-right: auto;}
.splash-page-metrics-list-text {height: 20px; margin-top: 10px; position: relative; width: 100%; text-align: center; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 9pt;  }
.splash-page-metrics-list-text.green {color: #2bb260;}
.splash-page-metrics-list-text.red {color: #e82048;}
.splash-page-metrics-list-text.pink {color: #ed2383;}
.splash-page-metrics-list-text.purple {color: #58419a;}
.splash-page-metrics-list-icon.metrics-cumulative-topic-retention:before {content: ""; position: absolute; display: block; left: 20px; bottom: 20px; height: calc(100% - 40px); width: calc(100% - 40px); border-left: 2px solid #999999; border-bottom: 2px solid #999999;}
.splash-page-metrics-list-icon-top-arrow:before {content: ""; position: absolute; display: block; left: 17px; transform: rotate(45deg); bottom: calc(100% - 28px); width: 2px; height: 10px; background-color: #999999; border-radius: 2px;}
.splash-page-metrics-list-icon-top-arrow:after {content: ""; position: absolute; display: block; left: 23px; transform: rotate(-45deg); bottom: calc(100% - 28px); width: 2px; height: 10px; background-color: #999999; border-radius: 2px;}
.splash-page-metrics-list-icon-bottom-arrow:before {content: ""; position: absolute; display: block; left: calc(100% - 28px); transform: rotate(45deg); bottom: 23px; width: 10px; height: 2px; background-color: #999999; border-radius: 2px;}
.splash-page-metrics-list-icon-bottom-arrow:after {content: ""; position: absolute; display: block; left: calc(100% - 28px); transform: rotate(-45deg); bottom: 17px; width: 10px; height: 2px; background-color: #999999; border-radius: 2px;}
.metrics-cumulative-topic-retention .icon-line-purple .icon-line-segment {transform-origin:left; background-color: #58419a; position: absolute; border-radius: 4px; display: block;}
.metrics-cumulative-topic-retention .icon-line-yellow .icon-line-segment {transform-origin:left; background-color: #ffd44f; position: absolute; border-radius: 4px; display: block;}
.metrics-cumulative-topic-retention .icon-line-yellow .icon-line-segment.one {left: calc(50% - 115px); width: 60px; height: 4px; bottom: 54px; transform: rotate(20deg);}
.metrics-cumulative-topic-retention .icon-line-yellow .icon-line-segment.two {left: calc(50% - 61px); width: 60px; height: 4px; bottom: 32px; transform: rotate(-18deg);}
.metrics-cumulative-topic-retention .icon-line-yellow .icon-line-segment.three {left: calc(50% - 7px); width: 60px; height: 4px; bottom: 50px; transform: rotate(-5deg);}
.metrics-cumulative-topic-retention .icon-line-yellow .icon-line-segment.four {left: calc(50% + 51px); width: 60px; height: 4px; bottom: 56px; transform: rotate(15deg);}
.metrics-cumulative-topic-retention .icon-line-purple .icon-line-segment.one {left: calc(50% - 115px); width: 60px; height: 4px; bottom: 30px; transform: rotate(-20deg);}
.metrics-cumulative-topic-retention .icon-line-purple .icon-line-segment.two {left: calc(50% - 61px); width: 60px; height: 4px; bottom: 50px; transform: rotate(18deg);}
.metrics-cumulative-topic-retention .icon-line-purple .icon-line-segment.three {left: calc(50% - 7px); width: 60px; height: 4px; bottom: 32px; transform: rotate(-5deg);}
.metrics-cumulative-topic-retention .icon-line-purple .icon-line-segment.four {left: calc(50% + 51px); width: 60px; height: 4px; bottom: 37px; transform: rotate(-15deg);}
.splash-page-main-section.inactive .metrics-cumulative-topic-retention .icon-line-segment.one {width: 4px;}
.splash-page-main-section.inactive .metrics-cumulative-topic-retention .icon-line-segment:not(.one) {width: 0;}
.metrics-cumulative-topic-retention .icon-line-yellow .icon-line-segment.one {transition-delay: 1000ms}
.metrics-cumulative-topic-retention .icon-line-yellow .icon-line-segment.two {transition-delay: 1250ms}
.metrics-cumulative-topic-retention .icon-line-yellow .icon-line-segment.three {transition-delay: 1500ms}
.metrics-cumulative-topic-retention .icon-line-yellow .icon-line-segment.four {transition-delay: 1750ms}
.metrics-cumulative-topic-retention .icon-line-purple .icon-line-segment.one {transition-delay: 2000ms}
.metrics-cumulative-topic-retention .icon-line-purple .icon-line-segment.two {transition-delay: 2250ms}
.metrics-cumulative-topic-retention .icon-line-purple .icon-line-segment.three {transition-delay: 2500ms}
.metrics-cumulative-topic-retention .icon-line-purple .icon-line-segment.four {transition-delay: 2750ms}
.splash-page-metrics-usage-section-description {margin-top: 20px; }
.splash-page-metrics-usage-section-description-title {margin-bottom: 20px; color: #999999; font-family: 'Muli', sans-serif; font-weight: normal; font-size: 9pt;}
.splash-page-metrics-usage-section-description-item {color: #666666; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt; padding-left: 20px; position: relative;}
.splash-page-metrics-usage-section-description-item:before {content:'\2022'; color: #666666; font-family: 'Muli', sans-serif; font-size: 9pt; position: absolute; left: 0; top: 0;}
.splash-page-metrics-usage-section-description-item:not(:last-child) {margin-bottom: 10px;}
/* Edit class modal */
.edit-class-modal-menu-options, .modal-menu-tabs {display: block; width: 100%;}
.edit-class-modal-menu-option, .modal-menu-tab {display: inline-block;text-align: center; position: relative; height: 30px; line-height: 30px; font-weight: normal; color: #705AF4; font-family: 'Muli', sans-serif; font-size: 10pt; cursor: pointer;}
.edit-class-modal-menu-option {width: 50%;}
.edit-class-modal-menu-options.three-options .edit-class-modal-menu-option {width: 33.33%;}
.edit-class-modal-menu-options.two-options .edit-class-modal-menu-option {width: 50%;}
.modal-menu-tab {width: 50%;}
.edit-class-modal-menu-option.active, .modal-menu-tab.active {font-weight: bold;}
.edit-class-modal-menu-option.active:after, .modal-menu-tab.active:after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #705AF4; display: block;}
/* Navigation */
.navigation-section:not(:last-child) {margin-bottom: 20px;}
.navigation-assignment-item-container, .class-sidebar-and-main-content-container .navigation-assignment-item-container {width: 25%}
.navigation-assignment-item-container {width: 20%; display: inline-block; padding: 8px; vertical-align: top}
.navigation-assignment-item-container.has-add-button {padding-right: 22px}
.navigation-assignment-item-container .assignment-builder-add-content-actions-menu {left: unset; right: 0}
.navigation-assignment-item {background-color: #ffffff; vertical-align: bottom; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); border-radius: 4px; padding: 20px; width:100%; height:260px; vertical-align:bottom; position:relative; }
.navigation-assignment-item:hover {background-color: #e7e7e7}
.navigation-assignment-item-container.locked .navigation-assignment-item:hover, .navigation-assignment-item-container.generating:hover .navigation-assignment-item, .navigation-assignment-item-container.incomplete:hover .navigation-assignment-item {background-color: #ffffff;}
.navigation-assignment-item-container.generating .navigation-assignment-item, .navigation-assignment-item-container.incomplete .navigation-assignment-item {cursor: default;}
.navigation-assignment-item-body {position: relative; width: 100%; height: 100%}
.navigation-assignment-item-body-bottom {position: absolute; bottom: 0; width: 100%; left: 0; padding: 8px}
.navigation-assignment-item-body-title {display: inline-block;width:100% }
.navigation-assignment-item-body-title span {font-family: 'Muli', sans-serif; font-size: 11pt; color: #2B3138; font-weight: 600}
.navigation-assignment-item-body-type {display: inline-block;width:100%; margin-bottom: 6px}
.navigation-assignment-item-body-type span {font-family: 'Muli', sans-serif; font-size: 9pt; color: #999999; font-weight: 600;}
.review-assignment-indicator-icon, .quiz-assignment-indicator-icon, .lesson-assignment-indicator-icon {color: #999999; display: inline-block; margin-right: 2px}
.navigation-assignment-item-container.locked .navigation-assignment-item-body-title span, .navigation-assignment-item-container.inactive .navigation-assignment-item-body-title span,  .navigation-assignment-item-container.pending .navigation-assignment-item-body-title span, .navigation-assignment-item-container.generating .navigation-assignment-item-body-title span {color: #999999}
.navigation-assignment-item-container.locked .review-assignment-indicator-icon, .navigation-assignment-item-container.locked .quiz-assignment-indicator-icon, .navigation-assignment-item-container.locked .lesson-assignment-indicator-icon {color: #999999}
.navigation-assignment-item-container.pending .review-assignment-indicator-icon, .navigation-assignment-item-container.pending .quiz-assignment-indicator-icon, .navigation-assignment-item-container.pending .lesson-assignment-indicator-icon {color: #999999}
.navigation-assignment-item-container.inactive .review-assignment-indicator-icon, .navigation-assignment-item-container.inactive .quiz-assignment-indicator-icon, .navigation-assignment-item-container.inactive .lesson-assignment-indicator-icon {color: #999999}
.navigation-assignment-item-container.generating .review-assignment-indicator-icon, .navigation-assignment-item-container.generating .quiz-assignment-indicator-icon, .navigation-assignment-item-container.generating .lesson-assignment-indicator-icon {color: #999999}
.navigation-assignment-item-container.locked .navigation-assignment-item-body-link-indicator, .navigation-assignment-item-container.generating .navigation-assignment-item-body-link-indicator, .navigation-assignment-item-container.incomplete .navigation-assignment-item-body-link-indicator {display: none}
.navigation-assignment-item-body-link-indicator {position: absolute; top: 6px; right: 6px; display: block;}
.navigation-assignment-item-body-link-indicator:before {content: "\f35d"; font-family: 'FontAwesome';font-size: 10pt; color: #999999;}
.navigation-assignment-item-body-row {display: block; margin-top:10px}
.lesson-assignment-indicator, .quiz-assignment-indicator, .review-assignment-indicator {display: inline-block; position: relative;}
.lesson-assignment-indicator:hover .info-overlay, .quiz-assignment-indicator:hover .info-overlay, .review-assignment-indicator:hover .info-overlay {display: block}
.review-assignment-indicator-icon:before {display: inline-block; position: relative; vertical-align: top; margin-right: 4px; content: "\f5da"; font-weight: 500; font-family: 'Font Awesome 6 Pro';font-size: 11pt;}
.quiz-assignment-indicator-icon:before {display: inline-block; position: relative; vertical-align: top; margin-right: 4px; content: "\f059"; font-weight: 500; font-family: 'Font Awesome 5 Free';font-size: 11pt;}
.lesson-assignment-indicator-icon:before {content: "\f15c"; display: inline-block; position: relative; vertical-align: top; margin-right: 4px; font-weight: 500; font-family: 'Font Awesome 5 Free';font-size: 11pt;}

.navigation-assignment-item-body-lock-status-indicator {display: inline-block; padding: 4px; margin-left: 4px; position: relative;}
.navigation-assignment-item-body-lock-status-indicator:hover .info-overlay {display: block;}
.navigation-assignment-item-body-status-indicator {display: inline-block; padding:4px 8px; border-radius:30px; }
.navigation-assignment-item-body-status-indicator span {font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: 600}
.navigation-assignment-item-body-status-indicator.generating, .navigation-assignment-item-body-status-indicator.incomplete {background-color: #EFEFEF}
.navigation-assignment-item-body-status-indicator.generating span, .navigation-assignment-item-body-status-indicator.incomplete span {color: #B5B8BE}
.navigation-assignment-item-body-status-indicator.complete {background-color: rgba(77, 170, 127, 0.2)}
.navigation-assignment-item-body-status-indicator.complete span {color: #4DAA7F}
.navigation-assignment-item-body-status-indicator.in-progress {background-color: rgba(112, 90, 244, 0.2)}
.navigation-assignment-item-body-status-indicator.in-progress span {color: #705AF4}
.navigation-assignment-item-body-status-indicator.available {background-color: rgba(54, 177, 255, 0.2)}
.navigation-assignment-item-body-status-indicator.available span {color: #36b1ff}
.navigation-assignment-item-body-status-indicator.past-due {background-color: rgba(235, 31, 72, .2)}
.navigation-assignment-item-body-status-indicator.past-due span {color: #eb1f48}
.navigation-assignment-item-body-due-at-indicator {display: inline-block;padding: 4px; margin-left: 4px; position: relative;}
.navigation-assignment-item-body-due-at-indicator:hover .info-overlay {display: block;}

.navigation-assignment-item-body-status-indicator.draft, .navigation-assignment-item-body-status-indicator.locked {background-color: #EFEFEF}
.navigation-assignment-item-body-status-indicator.draft span, .navigation-assignment-item-body-status-indicator.locked span {color: #B5B8BE}
.navigation-assignment-item-body-status-indicator.upcoming {background-color: #FFE18A}
.navigation-assignment-item-body-status-indicator.upcoming span {color: #9C8333}

.info-overlay {display: none; position: absolute; background-color: rgba(0, 0, 0, 0.7); text-align: center; min-height: 24px;overflow: hidden; border-radius: 4pt; padding: 2px 4px; z-index: 999; top: calc(100% + 2px); left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform:translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.info-overlay span {font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: normal; color: #ffffff !important; display: block; width: 100%; min-height: 20px;line-height: 20px; vertical-align: middle; white-space: pre;}


.navigation-assignment-item-container {position: relative;}
.navigation-assignment-item-container .assignment-builder-add-content-button-container {position: absolute; right: 0; top: calc(50% - 9px); margin: 0}
.navigation-assignment-item-body-progress-indicator {position: absolute; top: 20px; left: 20px; display: block; width: 60px; height: 60px; text-align: center;}
.navigation-assignment-item-body-progress-indicator.generating circle-progress {display: none}
.navigation-assignment-item-body-progress-indicator.generating:before {content: ""; border-radius: 100px; width: 60px; height: 60px; border: 5px solid #EFEFEF; display: block;}
.navigation-assignment-item-body-progress-indicator.generating:after {content: ""; border: 5px solid transparent; border-top: 5px solid #B5B8BE; border-radius: 50%; width: 60px; height: 60px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 30px);left:calc(50% - 30px); display: block;}
.navigation-assignment-item-body-progress-indicator circle-progress {position: relative;}
.navigation-assignment-item-body-progress-indicator.locked circle-progress:after {content:"\f023"; font-size: 18pt; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; top: 0; left: 0; width: 60px; text-align: center; line-height: 58px; color: #dddddd}
.navigation-assignment-item-body-progress-indicator circle-progress::part(base) {width: 60px; height: auto;}
.navigation-assignment-item-body-progress-indicator circle-progress::part(value) {stroke-linecap: round;}
.navigation-assignment-item-body-progress-indicator.complete circle-progress::part(value) {stroke: hsl(152, 38%, 48%)}
.navigation-assignment-item-body-progress-indicator.in-progress circle-progress::part(value) {stroke: hsl(249, 88%, 65%)}
.navigation-assignment-item-body-progress-indicator.past-due circle-progress::part(value) {stroke: hsl(348, 84%, 52%)}
.navigation-assignment-item-body-progress-indicator.draft circle-progress::part(value), .navigation-assignment-item-body-progress-indicator.pending circle-progress::part(value), .navigation-assignment-item-body-progress-indicator.inactive circle-progress::part(value), .navigation-assignment-item-body-progress-indicator.incomplete circle-progress::part(value) {stroke-width: 0}
.navigation-assignment-item-body-progress-indicator.draft span, .navigation-assignment-item-body-progress-indicator.pending span, .navigation-assignment-item-body-progress-indicator.inactive span, .navigation-assignment-item-body-progress-indicator.incomplete span {color: #999999}
.navigation-assignment-item-body-progress-indicator.available circle-progress::part(value) {stroke: hsl(203, 100%, 61%)}
.navigation-assignment-item-body-progress-indicator.locked circle-progress::part(value) {stroke-width: 0}
.navigation-assignment-item-body-progress-indicator span {position: absolute; left: 0; top: 0; line-height: 58px; width: 60px; text-align: center; font-family: 'Muli', sans-serif; font-size: 10pt; color: #212121; font-weight: 600}


.navigation-assignment-item.disabled {cursor: default !important; pointer-events: none;-webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.clone-button {vertical-align: top;position: relative;cursor: pointer; display: inline-block; text-align: center; width: 160px; height: 40px; border-radius: 40px; border-style: solid; border-width: 1px; border-color: #705AF4; line-height: 40px; background-color: #ffffff;
  font-weight: 600;font-family: 'Muli', sans-serif; color: #705AF4;margin-right: 10px;}
.clone-button:hover {background-color: #705AF4; color: #ffffff;}
.clone-cancel-button {vertical-align: top;color: #999999;font-family: 'Muli', sans-serif; font-size: 9pt; line-height: 40px; display: inline-block; width: 80px; cursor: pointer; margin-right: 10px;}
.select-mode-actions {margin-top: 43px; text-align: right; display: flex; align-items: center; justify-content: flex-end;}
.same-class-clone-warning-label {color: #eb1f48; display: none;}
.error-message {color: #eb1f48;}
.same-class-clone-warning-label.active {display: block;}
.no-class-clone-error-label, .error-label {color: #eb1f48; display: none;}
.no-class-clone-error-label.active {display: block;}
.class-clone-main-button-container {display: inline-block; position: relative; height: 34px;}
.class-clone-main-button {padding: 6px 14px !important; border-radius: 4px; background-color: #705AF4; cursor: pointer; position: absolute; right: 2px; top: 2px}
.class-clone-main-button:hover {background-color: #8573F4}
.class-clone-main-button span {font-family: 'Muli', sans-serif; font-size: 10pt; color: #ffffff; font-weight: 600}
.class-clone-main-button span:before {content:"\f24d"; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 10pt; margin-right: 6px}
.clone-modal-description {color: #666666; font-size: 10pt !important;}
.navigation-assignment-item-container.select-mode .assignment-item-checkbox {margin-bottom: 10px}
.assignment-builder-initial-learning-objectives-list-item {margin-bottom: 8px !important}
.assignment-builder-initial-learning-objectives-list-item-body {padding: 14px; display: block; border-radius: 28px; background-color: rgba(86, 40, 179, 0.1); vertical-align: middle;}
.assignment-builder-initial-learning-objectives-list-item-number {border-radius: 30px; display: inline-block; height: 30px; width: 30px; border: 2px solid #705AF4; color: #705AF4; line-height: 28px; text-align: center; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 11pt; vertical-align: middle;}
.initial-learning-objective-textarea {background-color: transparent; color: #212121; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 11pt; padding: 0; width: calc(100% - 40px); margin-left: 10px; vertical-align: middle;}
.initial-learning-objective-textarea:disabled {background-color: transparent;}
.modal-question-title {font-family: 'Muli', sans-serif; font-size: 12pt; font-weight: 600; color: #212121}
.modal-question-subtitle, .modal-questions-conclusion {margin-top: 10px; font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: normal; color: #666666; line-height: 18px}
.modal-questions-conclusion {display: none}
.modal-question-options {display: block; text-align: center; margin-top: 10px; padding-bottom: 0 !important}
.modal-question-option:not(:last-child) {margin-right: 10px}
.modal-question-option {display: inline-block; cursor: pointer; padding: 10px; border: 1px solid #36b1ff; border-radius: 4px; color: #36b1ff; font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: 600; }
.modal-question-option:not(.active):hover {background-color: rgba(17, 219, 255, 0.1);}
.modal-question-option.active {background-color: #36b1ff; color: #ffffff}
.modal-question-option-number-input-container, .modal-question-option-time-input-container {margin-top: 10px; text-align: center}
.modal-question-option-number-input {text-align: center; font-family: 'Muli', sans-serif; font-size: 12pt; font-weight: 600; color: #36b1ff; width: 24px; -moz-appearance: textfield;}
.modal-question-option-number-input::-webkit-outer-spin-button, .modal-question-option-number-input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.modal-question-option-time-input {text-align: center; font-family: 'Muli', sans-serif; font-size: 12pt; font-weight: 600; color: #36b1ff; width: 100px}
.modal-question-option-number-input-padding:after {content:"%"; font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: lighter; color: #36b1ff}
.modal-question {margin-bottom: 20px; display: none}
.assignment-builder-initial-learning-objectives-list-item.has-delete-button .initial-learning-objective-textarea {width: calc(100% - 82px); margin-left: 10px; margin-right: 10px}
.assignment-builder-initial-learning-objectives-list-item-delete-button-container {height: 32px; width: 32px; padding: 6px; display: inline-block; cursor: pointer; border-radius: 20px}
.metrics-question-subsection-key-points-list-item-key-point-delete-button-container {height: 24px; width: 24px; padding: 4px; display: inline-block; cursor: pointer; border-radius: 20px; vertical-align: top; margin-left: 4px}
.assignment-builder-initial-learning-objectives-list-item-delete-button-container:hover, .metrics-question-subsection-key-points-list-item-key-point-delete-button-container:hover {background-color: rgba(0, 0, 0, 0.06);}
.assignment-builder-initial-learning-objectives-list-item-delete-button {height: 20px; width: 20px; color:#eb1f48; border-radius: 10px; border: 2px solid #eb1f48; text-align: center; font-size: 9pt; line-height: 17px;}
.metrics-question-subsection-key-points-list-item-key-point-delete-button {height: 16px; width: 16px; color:#eb1f48; border-radius: 10px; border: 2px solid #eb1f48; text-align: center; font-size: 8pt; line-height: 13px;}
.assignment-builder-initial-learning-objectives-list-item-delete-button:before, .metrics-question-subsection-key-points-list-item-key-point-delete-button:before {content: "\f068";font-family: 'FontAwesome';}
.assignment-builder-initial-learning-objectives-list-add-button-container, .metrics-question-add-key-point-button-container {display: block;}
.metrics-question-add-key-point-button-container {margin-bottom: 10px}
.assignment-builder-initial-learning-objectives-list-add-button, .metrics-question-add-key-point-button {display: inline-block; cursor: pointer; font-family: 'Muli', sans-serif; font-size: 10pt; color: #212121; font-weight: normal;}
.assignment-builder-initial-learning-objectives-list-add-button:before, .metrics-question-add-key-point-button:before {content: '+'; display: inline-block; height:18px; width: 18px; margin-right: 4px; line-height: 13px; text-align: center; color: #212121; font-size: 11pt; font-weight: 600; font-style: 'Muli', sans-serif; border-radius: 10px; border: 1px solid #212121;}
.assignment-builder-initial-learning-objectives-list-add-button:hover:before, .metrics-question-add-key-point-button:hover:before {background-color: #212121; color: #ffffff;}
.assignment-builder-initial-learning-objectives-list-add-button:hover, .metrics-question-add-key-point-button:hover {font-weight: bold}
.assignment-builder-initial-learning-objectives-search-container {position: relative; margin-top: 20px; border: 1px solid #e7e7e7; border-radius: 4px;}
.assignment-builder-initial-learning-objectives-search-container-expandable {padding: 10px; cursor: pointer}
.assignment-builder-initial-learning-objectives-search-title {font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: 600; color: #666666; width: calc(100% - 28px); display: inline-block; margin-right: 10px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.assignment-builder-initial-learning-objectives-search-expandable-icon {display: inline-block; width: 18px}
.assignment-builder-initial-learning-objectives-search-expandable-icon:after {content: "\f078";font-family: 'FontAwesome'; color: #705AF4}
.assignment-builder-initial-learning-objectives-search-container.active .assignment-builder-initial-learning-objectives-search-expandable-icon:after {content: "\f077";font-family: 'FontAwesome'; color: #705AF4}
.assignment-builder-initial-learning-objectives-search-container-main {display: none; border-top: 1px solid #e7e7e7; padding: 10px}
.assignment-builder-initial-learning-objectives-search-container.active .assignment-builder-initial-learning-objectives-search-container-main {display: block}
.assignment-builder-initial-learning-objectives-search-container-main-title {font-family: 'Muli', sans-serif; font-size: 9pt; line-height: 18px; font-weight: normal; color: #666666; margin-bottom: 10px}
.navigation-assignment-item, .support-class-list-item, .navigation-header-item, .learning-objective-item {border-radius: 10px; padding: 14px; display: block;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; position: relative;}
.navigation-header-item, .learning-objective-item {background-color: #666666}
.navigation-assignment-item:not(:last-child), .navigation-assignment-item-container:not(:last-child), .support-class-list-item:not(:last-child) {margin-bottom: 10px;}
.navigation-assignment-item h6, .support-class-list-item h6 {font-size: 12pt; font-family: 'Merriweather', serif; font-weight: 600; color: #212121;}
.navigation-assignment-item.is-pending-clone h6:before {content: ""; display: inline-block; border: 3px solid transparent; border-top: 3px solid #666666; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: relative; margin-right: 10px; vertical-align: middle;}
.navigation-assignment-item.disabled h6 {color: #666666;}
.support-class-list-item.priority-ticket h6:before {content: "PRIORITY TICKET:"; margin-right: 4px;}
.navigation-assignment-item h6 .navigation-assignment-item-published-status {display: inline; color: #666666; font-size: 10pt;}
.support-class-list-item-body {position: relative; margin-top: 4px;}
.support-class-list-item-status {display: inline; color: #666666; font-size: 10pt;}
.support-class-list-item-status.unread {color: #DD167B;}
.navigation-assignment-item-left, .support-class-list-item-top-left {display: inline-block; width: calc(100% - 160px); position: relative;}
.navigation-assignment-item-main, .support-class-list-item-main, .navigation-header-item-main, .learning-objective-item-main {position: relative; padding-left: 20px;}
p.assignment-description {display: none; margin-top: 10px; font-family: 'Muli', sans-serif; color: #212121; font-size: 10pt;}
.navigation-assignment-item:not(.disabled):hover p.assignment-description {display: block;}
.navigation-assignment-item:not(.disabled):hover .navigation-assignment-item-main:before, .navigation-header-item:hover .navigation-header-item-main:before, .learning-objective-item:hover .learning-objective-item-main:before, .support-class-list-item:hover .support-class-list-item-main:before {content: ""; border-bottom-left-radius: 10px; border-top-left-radius: 10px; width: 17px; height: calc(100% + 28px); position: absolute; left: -14px; top: -14px; display: block;}
.navigation-assignment-item .navigation-assignment-item-main:before, .navigation-header-item .navigation-header-item-main:before, .learning-objective-item .learning-objective-item-main:before, .support-class-list-item-main:before, .navigation-header-item .navigation-header-item-main:before {content: ""; width: 2px; height: 100%; position: absolute; left: 3px; top: 0px; background-color: #DD167B; display: block; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.navigation-assignment-item.grabbable-item .navigation-assignment-item-main:before, .navigation-header-item.grabbable-item .navigation-header-item-main:before, .learning-objective-item.grabbable-item .learning-objective-item-main:before {content: ""; width: 0px; height: 100%; position: absolute; left: 3px; top: 0px; background-color: #DD167B; display: block; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.navigation-assignment-item-right, .support-class-list-item-top-right {display: inline-block; width: 150px; margin-left: 10px; text-align: right;}
.assignment-builder-pending-generation-item .navigation-assignment-item-right span, .assignment-builder-pending-generation-item .navigation-assignment-item-left h6 {color: #ffffff !important}
.navigation-assignment-item-right span, .support-class-list-item-top-right span {color: #DD167B; font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: bold; line-height: 13px; vertical-align: top;}
.navigation-assignment-item-right span.review-assignment-indicator:before {content: ""; display: inline-block; position: relative; vertical-align: top; margin-right: 4px; content: "\f5da"; font-family: 'Font Awesome 5 Free';font-size: 8pt;}
.navigation-assignment-item-right span.quiz-assignment-indicator:before {content: ""; display: inline-block; position: relative; vertical-align: top; margin-right: 4px; content: "\f059"; font-family: 'Font Awesome 5 Free';font-size: 8pt; width: 12px; height: 15px;}
.navigation-assignment-item-right span.lesson-assignment-indicator:before {content: "\f15c"; display: inline-block; position: relative; vertical-align: top; margin-right: 4px; font-family: 'Font Awesome 5 Free';font-size: 8pt;}
.support-class-list-item-top-right, .support-class-list-item-top {vertical-align: top;}
.support-class-list-item.inactive .support-class-list-item-type {color: #666666;}
.support-class-list-item-type {color: #DD167B; font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: bold; line-height: 13px; vertical-align: top; position: relative;}
.navigation-assignment-item-attributes-ul li {margin: 10px 0 0 0; padding: 0; height: 12px;}
.date-indicator, .locked-indicator, .unlocked-indicator {position: relative; font-family: 'Muli', sans-serif; color: #666666; font-size: 9pt; font-weight: normal; line-height: 12px; vertical-align: top;}
.date-indicator {color: #999999; line-height: 14px}
.date-indicator:before {content: ""; display: inline-block; position: relative; vertical-align: top; background: url(../images/clock-icon.svg)no-repeat;background-size: contain; width: 12px; height: 12px;margin-top: 1px; margin-right: 4px}
.locked-indicator:before {content: ""; display: inline-block; position: relative; vertical-align: top; background: url(../images/lock-thick-icon.svg)no-repeat;background-size: contain; width: 12px; height: 12px; margin-top: 1px}
.unlocked-indicator:before {content: ""; display: inline-block; position: relative; vertical-align: top; background: url(../images/unlock-icon.svg)no-repeat;background-size: contain; width: 12px; height: 12px; margin-top: 1px}
.assignment-complete-indicator {line-height: 12px; font-family: 'Muli', sans-serif; color: #36B1FF; font-size: 9pt; font-weight: normal; vertical-align: top;}
.assignment-complete-indicator:before {content: ""; display: inline-block; position: relative; vertical-align: top; margin-right: 4px; background: url(../images/assignment-complete-indicator-icon.svg)no-repeat;background-size: contain; width: 12px; height: 12px;}
.navigation-assignment-item-container.locked {-webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.navigation-assignment-item-container.locked .navigation-assignment-item {cursor: not-allowed;}
.navigation-assignment-item.locked h6:after {content: "\f023"; font-family: 'FontAwesome'; margin-left: 6px;}
.navigation-assignment-item.inactive .navigation-assignment-item-right span, .navigation-assignment-item.locked .navigation-assignment-item-right span {color: #666666;}
.navigation-assignment-item.inactive .navigation-assignment-item-main:before, .navigation-assignment-item.locked .navigation-assignment-item-main:before, .support-class-list-item.inactive .support-class-list-item-main:before {background-color: #666666;}
.build-assignment-button {width: calc(33.33% - 8px); margin: 0 12px 0 0; padding: 20px 14px; position: relative; text-align: center; display: inline-block; background-color: #36b1ff; border-radius: 10px; vertical-align: top;}
.start-discussion-button {width: 100%; margin: 0 !important; cursor: pointer;}
.build-assignment-button:last-child {margin-right: 0px;}
.build-assignment-button:hover {background-color: #2290D6}
.build-assignment-button .build-assignment-button-title {text-align: center; font-family: 'Muli', sans-serif; color: #ffffff; font-weight: bold; font-size: 16pt; display: block;}
.build-assignment-button .build-assignment-button-title:before {content: "\2b"; font-family: 'FontAwesome'; margin-right:4px; vertical-align: top; line-height: 18px}
.build-assignment-button .build-assignment-button-subtitle {text-align: center; font-family: 'Muli', sans-serif; color: #ffffff; font-weight: normal; font-size: 9.5pt; display: block; margin-top: 10px;}
.build-assignment-button-subtitle.long-description {display: block}
.build-assignment-button-subtitle.short-description {display: none}
.build-assignment-buttons-container {margin-bottom: 40px;}
.quiz-score-section {margin-bottom: 100px}
.quiz-score-section h3 {font-family: 'Muli', sans-serif; font-size: 20pt; margin-bottom: 20px; color: #666666; font-weight: 600; text-align: center;}
.quiz-score-section.exceeded-threshold h3 {color: #36b1ff;}
.quiz-score-section.missed-threshold h3 {color: #eb1f48;}
.quiz-score-section p {font-family: 'Muli', sans-serif; font-size: 9pt; color: #666666; text-align: center;}
.quiz-reset-button-container {margin-top: 60px; text-align: center;}
.quiz-reset-button {padding: 20px; border: 1px solid #666666; border-radius: 50px; color: #666666; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 10pt; display: inline-block; cursor: pointer;}
.quiz-reset-button:hover {color: #ffffff; background-color: #666666}
.navigation-header-item-container:not(:last-child), .learning-objective-item-container:not(:last-child) {margin-bottom: 10px;}
.navigation-header-item, .learning-objective-item {position: relative; padding: 10px;}
.navigation-header-item-remove-button, .learning-objective-item-remove-button {width: 20px; height: 20px; position: relative; cursor: pointer; display: inline-block;}
.navigation-header-item-remove-button:before, .learning-objective-item-remove-button:before {content: "";background: url(/images/white-close-x-icon.svg) no-repeat left; background-position: center center; background-size: contain;width: 10px; height: 10px; position: absolute; top: 5px; right: 5px; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.navigation-header-item-remove-button:hover:before, .learning-objective-item-remove-button:hover:before {content: "";background: url(/images/white-close-x-icon.svg) no-repeat left; background-position: center center; background-size: contain;width: 14px; height: 14px; position: absolute; top: 3px; right: 3px;}
.learning-objective-item-settings-button {width: 20px; height: 20px; position: relative; cursor: pointer; display: inline-block; margin-right: 10px;}
.learning-objective-item-settings-button:before {content:"\f013";font-family: 'FontAwesome';font-size: 14pt;position: absolute; top: 0px; left: 1.5px; color: #ffffff; line-height: 22px; text-align: center; transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.learning-objective-item-settings-button:hover:before {font-size: 17pt; top: 0; left: 0;}
.navigation-header-item .unit-header-textarea {background-color: transparent; color: #ffffff; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 11pt; padding: 0; width: calc(100% - 30px);}
.learning-objective-item .learning-objective-textarea {background-color: transparent; color: #ffffff; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 11pt; padding: 0; width: calc(100% - 60px); margin-right: 10px}
.navigation-header-item .unit-header-textarea::placeholder, .learning-objective-item .learning-objective-textarea::placeholder {color: #999999;}
.navigation-assignment-item .grabbable {width: 20px}
.navigation-assignment-item .grabbable, .navigation-header-item .grabbable, .learning-objective-item .grabbable {position: absolute; top: 0; left: 0; height: 100%; width: 26px; background-color: transparent; cursor: grab;cursor: -moz-grab;cursor: -webkit-grab; z-index: 2}
.navigation-assignment-item .grabbable:hover + .navigation-assignment-item-main:before, .navigation-header-item .grabbable:hover + .navigation-header-item-main:before, .learning-objective-item .grabbable:hover + .learning-objective-item-main:before {width: 0px;}
.navigation-assignment-item .grabbable:hover:before, .navigation-header-item .grabbable:hover:before, .learning-objective-item .grabbable:hover:before {opacity: 1 !important; transition: opacity ease-in-out 100ms; -webkit-transition: opacity ease-in-out 100ms;-ms-transition: opacity ease-in-out 100ms;-o-transition: opacity ease-in-out 100ms;-moz-transition: opacity ease-in-out 100ms}
.assignment-builder-question .grabbable:before {content: "\f58e"; font-family: 'Font Awesome 5 Free'; position: absolute; left: 0; top: calc(50% - 9px); color: #DD167B; font-weight: 900; vertical-align: middle; text-align: center; height: 100%; width:26px; display: block;}
.navigation-assignment-item .grabbable:before {content: "\f58e"; font-family: 'Font Awesome 5 Free'; position: absolute; left: 0; top: calc(50% - 9px); color: #212121; font-weight: 900; vertical-align: middle; text-align: center; height: 100%; width:20px; display: block;}
.navigation-assignment-item.inactive .grabbable:before, .assignment-builder-question.draft .grabbable:before {content: "\f58e"; font-family: 'Font Awesome 5 Free'; position: absolute; left: 0; top: calc(50% - 9px); color: #666666; font-weight: 900; vertical-align: middle; text-align: center; height: 100%; width:26px; display: block;}
.assignment-builder-pending-generation-item .grabbable:before {content: "\f58e"; font-family: 'Font Awesome 5 Free'; position: absolute; left: 0; top: calc(50% - 9px); color: #ffffff; font-weight: 900; vertical-align: middle; text-align: center; height: 100%; width:26px; display: block;}
.navigation-header-item .grabbable:before, .learning-objective-item .grabbable:before {content: "\f58e"; font-family: 'Font Awesome 5 Free'; position: absolute; left: 0; top: calc(50% - 8px); color: #ffffff; font-weight: 900; vertical-align: middle; text-align: center; height: 100%; width:26px; display: block;}
.class-page-unit-selector-container {display:inline-block;text-align: left; margin-left:14px }
.class-page-unit-selector {display: inline-block; cursor: pointer; position: relative; max-width: 100%;}
.class-page-unit-selector-current-page {padding: 6px 40px 6px 12px; background-color: #ffffff; border: 1px solid #e7e7e7; border-radius: 4px; text-align: left; min-width: 300px; max-width: 100%; position: relative;}
.class-page-unit-selector-current-page span {font-family: 'Muli', sans-serif; font-weight: 600; font-size: 9pt; color: #2B3138;}
.class-page-unit-selector-current-page:after {content:"\f107";font-family: 'FontAwesome';font-size: 11pt;line-height: 14px;position: absolute; color: #999999; right: 12px; top: 8px}
.class-page-unit-selector.active .class-page-unit-selector-current-page:after {content: "\f106";}
.class-page-unit-selector-units {display: none; position: absolute;top: 100%; z-index: 999; background-color: #ffffff; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; overflow: scroll; min-width: 300px; max-width: 100%; max-height: 300px; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7}
.class-page-unit-selector-units.close {display: none !important;}
.class-page-unit-selector.active .class-page-unit-selector-units {display: block;}
.class-page-unit-selector.active .class-page-unit-selector-current-page {border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.class-page-unit-selector-unit {padding: 10px; text-align: left;}
.class-page-unit-selector-unit:hover {background-color: rgba(54, 177, 255, .1);}
.class-page-unit-selector-unit span {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 9pt; color: #2B3138;}
.class-page-unit-selector-unit.selected span {font-weight: 600}
.class-page-unit-selector-unit.selected span:before {content:"\f00c"; font-family: 'Font Awesome 5 Free'; font-weight: 600; color: #36b1ff; margin-right: 8px}
.class-page-unit-selector-unit span small {margin-left: 4px; font-style: italic;}
.class-page-unit-selector-unit.unit-completed span:after {content:"\f336"; font-family: 'Font Awesome 6 Pro'; font-weight: 900; color: #705AF4; margin-left: 8px}
/*.build-assignment-button:before {content: ""; z-index: -1; background-color: #DD167B; display: block; position: absolute; left: 50%; top: 50%; width: 0; height: 0;transition: all ease-in-out 100ms; -webkit-transition: all ease-in-out 100ms;-ms-transition: all ease-in-out 100ms;-o-transition: all ease-in-out 100ms;-moz-transition: all ease-in-out 100ms;}
.build-assignment-button:hover:before {left:0; top: 0; width: 100%; height: 100%;}*/
.browse-link:before {content:"\f002"; font-family: 'FontAwesome'; margin-right: 2px; font-size: 9pt;}
.contact-link:before {content:"\f1d8"; font-family: 'Font Awesome 6 Free'; margin-right: 2px; font-size: 8pt;}
.no-assignments-message {margin-top: 40px; margin-bottom: 40px}
.need-inspiration-message {margin-top: 40px}
.no-assignments-message p:not(:last-child) {margin-bottom: 20px}
.no-assignments-message p a, .need-inspiration-message p a {font-family: inherit; font-weight: inherit; font-size: inherit; color: #36b1ff; position: relative;}
.no-assignments-message p a:hover:after, .need-inspiration-message p a:hover:after {content: ""; position: absolute; right: 0; left: 12px; top: 100%; height: 1px; background-color: #36b1ff}
.no-assignments-message p, .no-discussions-message, .need-inspiration-message p {font-family: 'Muli', sans-serif; font-size: 10pt; color: #666666; font-weight: normal; text-align: center;}
.review-main-section ul.question-peer-sharing-options {width: 100%; margin-bottom: 30px !important;}
.review-main-section ul.question-peer-sharing-options:not(.right) {margin-top: 10px;}
.review-main-section ul.question-peer-sharing-options.right {text-align: right; float: right;}
.small-dropdown-option-select-current span {font-family: 'Muli', sans-serif; color: #212121; font-weight: 600; font-size: 10pt;}
.small-dropdown-option-text {font-family: 'Muli', sans-serif; color: #212121; font-weight: 600; font-size: 10pt;}
.question-peer-sharing-option-title-container {display: inline-block; margin-left: 4px; vertical-align: top; height: 16px}
.question-peer-sharing-option-title-container .info-indicator {margin-left: 4px; margin-bottom: 2px;}
.question-peer-sharing-option-title {font-family: 'Muli', sans-serif; color: #666666; font-weight: normal; font-size: 10pt;}
.navigation-checkbox-container {display: inline-block;position: relative;cursor: pointer !important;font-size: 22px;height: 22px;width: 22px;}
.small-dropdown-option-select-container {display: inline-block; margin-left: 4px; cursor: pointer; position: relative;}
.small-dropdown-option-select-options {display: none;}
.question-peer-sharing-option .small-checkbox-container {margin-top: 2px;}
.small-checkbox-container {display: inline-block;position: relative;cursor: pointer !important;font-size: 16px;height: 16px;width: 16px;}
.navigation-checkbox-container input { position: absolute; top: 0; left: 0; z-index: 999; width: 22px; height: 22px; opacity: 0; cursor: pointer; }
.small-checkbox-container input { position: absolute; top: 0; left: 0; z-index: 999; width: 16px; height: 16px; opacity: 0; cursor: pointer; }
.navigation-checkmark {position: absolute;top: 0;left: 0;height: 22px;width: 22px;background-color: #eee;}
.small-checkmark {position: absolute;top: 0;left: 0;height: 16px;width: 16px;background-color: #eee;}
.navigation-checkbox-container:hover input ~ .navigation-checkmark, .small-checkbox-container:hover input ~ .small-checkmark {background-color: #ccc;}
.navigation-checkbox-container input:checked ~ .navigation-checkmark, .small-checkbox-container input:checked ~ .small-checkmark {background-color: #2196F3;}
.navigation-checkmark:after, .small-checkmark:after {content: "";position: absolute;display: none;}
.navigation-checkbox-container input:checked ~ .navigation-checkmark:after, .small-checkbox-container input:checked ~ .small-checkmark:after {display: block;}
.navigation-checkbox-container .navigation-checkmark:after {left: 9px; top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.small-checkbox-container .small-checkmark:after {left: 5px; top: 2px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.select-mode-select-all {margin-bottom: 20px;}
.empty-required-warning.required-property, .empty-required-warning.required-property p, .assignment-builder-question-name-input-container.empty-required-warning {color: #eb1f48 !important;}
.assignment-builder-question textarea.clearable {color: #999999;}
.empty-required-warning-label .assignment-builder-question-test-cases-input-case-inout-title {color: #eb1f48; font-weight: 600;}
.empty-required-warning-menu-tab span {color: #eb1f48 !important; font-weight: 600 !important;}
.assignment-builder-question-name-input-container.empty-required-warning h6, .assignment-builder-question-name-input-container.empty-required-warning h6 p {color: #eb1f48;}
.assignment-builder-question-generated-indicator {display: block; margin-bottom: 6px; position: relative;}
.assignment-builder-question-generated-icon {display: inline-block;}
.assignment-builder-question-generated-icon:before {content:"\e2ca"; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 10pt; color: #666666}
.assignment-builder-question-generated-description {display: inline-block; margin-left: 4px}
.assignment-builder-question-generated-description span {font-family: 'Muli', sans-serif; font-size: 9pt; color: #666666; font-weight: normal;}
.question-generated-indicator {display: block; margin-bottom: 20px; position: relative;}
.question-generated-icon {display: inline-block;}
.question-generated-icon:before {content:"\e2ca"; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 11pt; color: #666666}
.question-generated-description {display: inline-block; margin-left: 10px}
.question-generated-description span {font-family: 'Muli', sans-serif; font-size: 10pt; color: #666666; font-weight: normal;}
.full-page-modal-container {position: fixed; overflow: hidden; top: 0; left:0; width: 100%; height: 100%; display: none; background-color: rgba(0,0,0,0); z-index: 999999999; transition: all ease-in-out 300ms; -webkit-transition: all ease-in-out 300ms;-ms-transition: all ease-in-out 300ms;-o-transition: all ease-in-out 300ms;-moz-transition: all ease-in-out 300ms;}
.full-page-loading .full-page-modal-container {display: block; background-color: rgba(0,0,0,0.7); animation: fadeIn ease 300ms;-webkit-animation: fadeIn ease 300ms;-moz-animation: fadeIn ease 300ms;-o-animation: fadeIn ease 300ms;-ms-animation: fadeIn ease 300ms;}
/*.review-page-question div:not(.blur-disabled), .review-page-quiz div:not(.blur-disabled) {transition: filter ease-in-out 300ms; -webkit-transition: filter ease-in-out 300ms;-ms-transition: filter ease-in-out 300ms;-o-transition: filter ease-in-out 300ms;-moz-transition: filter ease-in-out 300ms;}
.review-page-question .blur-disabled, .review-page-quiz .blur-disabled {backdrop-filter: none !important; filter: none !important; filter: none !important;-webkit-filter: none !important;}
.review-page-question.full-page-loading div:not(.blur-disabled), .review-page-quiz.full-page-loading div:not(.blur-disabled) {backdrop-filter: blur(6px); filter: blur(1px); filter: url("blur.svg#gaussian_blur");-webkit-filter: blur(1px);}*/
.review-page-question.full-page-loading .review-lft-rlt-vertical-scroll-stack, .review-page-quiz.full-page-loading .review-lft-rlt-vertical-scroll-stack {backdrop-filter: blur(6px); filter: blur(1px); filter: url("blur.svg#gaussian_blur");-webkit-filter: blur(1px);}
.full-page-modal {padding: 30px; cursor: default; border-radius: 10px; background-color: #ffffff; position: absolute; display: block; top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.full-page-modal-loader-container {height: 100px; position: relative;}
.full-page-modal-loader {border: 6px solid transparent; border-top: 6px solid #666666; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 15px) !important; left: calc(50% - 15px) !important; display: block;}
/* Quizzes */
.lesson-item-question-container {padding: 20px 0; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin-bottom: 40px;}
.lesson-item-question-title {margin-bottom: 20px;}
.lesson-item-question-title p, .lesson-item-question-title ul li, .lesson-item-question-title ol li {font-family: 'Merriweather', serif; font-size: 16pt; color: #212121; line-height: 28px; }
.lesson-item-question-title ol li {display:list-item !important; list-style-position: inside}
.quiz-details-container h2, .submit-quiz-modal-container h2, .quiz-reset-code-container h2, .quiz-reset-container h2 {font-family: 'Muli', sans-serif; font-size: 18pt; color: #212121; font-weight: 600; margin-bottom: 20px; }
.quiz-details-info, .submit-quiz-modal-info, .quiz-reset-code-info, .quiz-reset-info, .quiz-details-info p {font-family:'Muli', sans-serif; font-size: 10pt; color: #666666; font-weight: normal; margin-bottom: 10px;}
.quiz-details-info a, .submit-quiz-modal-info a, .quiz-details-info p a {display: inline; color: #DD167B;}
.quiz-details-info.question-description p {display: inline-block;}
.submit-quiz-modal-info {margin-bottom: 20px}
.quiz-details-attributes-primer {font-family:'Muli', sans-serif; font-size: 10pt; color: #212121; font-weight: lighter; margin-bottom: 10px;}
.quiz-details-list .quiz-detail-item {margin-bottom: 14px; position: relative;}
.quiz-details-list .quiz-detail-item span {font-family:'Muli', sans-serif; font-size: 10pt; color: #212121; font-weight: lighter; }
.quiz-details-list .quiz-detail-item span b {color: #666666}
.quiz-detail-item-standard-quiz span:before {content: "\f005"; font-family: 'FontAwesome'; margin-right: 4px;color: #666666; display: inline-block; width:16px; text-align: center;}
.quiz-detail-item-due-at span:before {content: "\f133"; font-family: 'FontAwesome'; margin-right: 4px;color: #666666; display: inline-block; width:16px; text-align: center;}
.quiz-detail-item-time-limit span:before {content:"\f017";font-family: 'FontAwesome'; margin-right: 4px; color: #666666; display: inline-block; width:16px; text-align: center;}
.quiz-detail-item-mastery-quiz span:before {content:"\f19d";font-family: 'FontAwesome'; margin-right: 4px; color: #666666; display: inline-block; width:16px; text-align: center;}
.quiz-detail-item-resubmit-enabled span:before {content:"\f021";font-family: 'FontAwesome'; margin-right: 4px; color: #666666; display: inline-block; width:16px; text-align: center;}
.quiz-detail-item-partial-credit-enabled span:before {content:"\25";font-family: 'FontAwesome'; margin-right: 4px; color: #666666; display: inline-block; width:16px; text-align: center;}
.quiz-detail-item-partial-credit-disabled span:before {content:"0";font-family: 'Muli', sans-serif; margin-right: 4px; color: #666666; font-weight: bold; text-decoration: line-through; display: inline-block; width:16px; text-align: center;}
/*.quiz-detail-item-mastery-quiz span:before {content:"";vertical-align: top; margin-top: 3px; background: url(/images/brain-icon.svg)no-repeat;width: 12px;height: 12px;background-size: contain; background-position: center center; display: inline-block; margin-right: 4px}*/
.quiz-details-action-container, .submit-quiz-action-container, .quiz-reset-code-action-container, .quiz-reset-action-container {display: block; height: 40px; width: 100%; text-align: right;}
.quiz-details-dismiss-quiz-button, .submit-quiz-modal-dismiss-button, .quiz-reset-code-modal-dismiss-button, .quiz-reset-modal-dismiss-button {vertical-align: top;color: #999999;font-family: 'Muli', sans-serif; font-size: 9pt; line-height: 40px; display: inline; width: 60px; cursor: pointer;}
.quiz-details-dismiss-quiz-button:hover, .submit-quiz-modal-dismiss-button:hover, .quiz-reset-code-modal-dismiss-button:hover, .quiz-reset-modal-dismiss-button:hover {color: #666666;}
.quiz-details-start-quiz-button, .quiz-details-dismiss-full-modal-button, .submit-quiz-modal-confirmation-button, .quiz-reset-code-modal-confirmation-button, .quiz-reset-modal-confirmation-button {height: 40px; display: inline-block; padding: 0 20px; color: #DD167B; border: 1px solid #DD167B; border-radius: 40px; font-size: 9pt; line-height: 40px; font-family: 'Muli', sans-serif;font-weight: 600; vertical-align: middle; text-align: center; white-space: nowrap; cursor: pointer; margin-left: 10px;}
.quiz-details-start-quiz-button:hover, .quiz-details-dismiss-full-modal-button:hover, .quiz-end-question-button:hover {background-color: #DD167B; color: #ffffff;}
.quiz-question-selected-option-section .resource-bottom, .quiz-question-short-answer-response-section .resource-bottom, .question-type-mc-multiple .resource-bottom, .question-type-mc-single .resource-bottom, .lesson-item-question-container .resource-bottom {margin-top: 20px;}
.lesson-content-resource-item .resource-bottom {margin-top: 10px;}
.student-response-text-area-section p, .quiz-question-options-section p, .quiz-question-selected-option-section p, .quiz-question-feedback-section p, .quiz-change-answer-section p, .quiz-question-coding-unit-tests-section p, .quiz-question-web-dev-section p, .quiz-question-coding-test-cases-section p {font-family: 'Muli', sans-serif; font-size: 9pt; color: #666666; margin-bottom: 20px}
.student-response-text-area-section p.student-response-input-label {font-size: 10pt; color: #212121;}
.flashcard-container .student-response-text-area-section p {font-size: 10pt}
.quiz-question-feedback-retrieval-response-header {font-family: 'Muli', sans-serif; font-size: 9pt !important; color: #666666 !important; margin: 20px 0 10px 0 !important; padding: 0 !important;}
.quiz-question-response-container .quiz-question-feedback-retrieval-response-header {margin: 0 !important;}
.quiz-question-response-container:not(:first-child) {margin-top: 30px;}
.quiz-question-selected-option-section .primary-content-main:not(:first-child) {margin-top: 30px;}
.quiz-question-response-container .quiz-question-option-item-static:not(:first-child) {margin-top: 10px !important;}
.quiz-question-standard-header {font-family: 'Muli', sans-serif; font-size: 9pt !important; color: #666666 !important; margin: 0 0 6px 0 !important; padding: 0 !important;}
.quiz-question-feedback-retrieval-response-body {font-family: 'Muli', sans-serif; font-size: 10pt !important; color: #212121 !important; margin-bottom: 20px !important; padding: 0 !important;}
.quiz-question-feedback-section-item p {font-family: 'Merriweather', serif; font-size: 16pt; color: #212121;}
.quiz-question-selected-option-section p.student-current-selected-multiple-choice-option-label {font-size: 11pt; color: #212121; text-decoration: underline;}
.student-response-text-area-container {position: relative;}
.student-response-text-area-container .student-response-text-area {line-height: 20px;padding: 30px;min-height: 80px; width: 100%; border: none;overflow: auto;outline: none;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;resize: none;}
.student-response-text-area-container:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1px;background: #e7e7e7;z-index: 1; display: block;}
.student-response-text-area-container:after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 20px; background: rgba(0, 0, 0, 0); border-style: solid; border-color: #e7e7e7; border-width: 0 1px 1px 1px; z-index: 1; display: block;pointer-events: none;}
.student-response-text-area-section.disabled p {display: none;}
.student-response-text-area-section.disabled .student-response-text-area-container:before {display: none}
.student-response-text-area-section.disabled .student-response-text-area-container:after {display: none}
.student-response-text-area-section.disabled {border-radius: 10px; overflow: hidden;}
.view-multiple-choice-options-button-container {display: block; height: 20px; margin: 20px 0; height: 20px;}
.view-multiple-choice-options-button {cursor: pointer; display: inline-block; height: 20px; line-height: 20px; font-family: 'Muli', sans-serif; font-weight: 600; color: #705AF4; float: right;}
.view-multiple-choice-options-button:after {content: "\f178"; font-family: 'FontAwesome';font-size: 13px; margin-left: 6px;}
.quiz-question-options-section, .quiz-question-short-answer-fields-section, .quiz-question-coding-unit-tests-section, .quiz-question-coding-test-cases-section {display: block; width: 100%;}
.assignment-builder-question-mastery-question-open-ended-container {margin-top: 8px;}
.assignment-builder-question-mastery-question-open-ended-container span, .assignment-builder-question-mastery-question-open-ended-points-title-container span {font-family: 'Muli', sans-serif; color: #666666; font-size: 10pt; font-weight: normal; margin-left: 4px}
.assignment-builder-question-mastery-question-open-ended-score-setting-info-container, .assignment-builder-question-mastery-question-open-ended-points-info-container {margin-top: 10px}
.assignment-builder-question-mastery-question-open-ended-score-setting-info-container span, .assignment-builder-question-mastery-question-open-ended-points-info-container span {font-size: 9pt; font-family: 'Muli', sans-serif; font-weight: normal; color: #666666}
.assignment-builder-question.active .assignment-builder-question-mastery-question-open-ended-score-setting-container.active .info-indicator {color: #1999EA; border-color: #1999EA}
.assignment-builder-question.active .assignment-builder-question-mastery-question-open-ended-score-setting-container.active .assignment-builder-question-mastery-question-open-ended-score-setting-info-container {display: block}
.assignment-builder-question.active .assignment-builder-question-mastery-question-open-ended-points-container.active .info-indicator {color: #1999EA; border-color: #1999EA}
.assignment-builder-question.active .assignment-builder-question-mastery-question-open-ended-points-container.active .assignment-builder-question-mastery-question-open-ended-points-info-container {display: block}
.assignment-builder-question-mastery-question-open-ended-score-setting-info-container, .assignment-builder-question-mastery-question-open-ended-points-info-container {display: none}
.assignment-builder-question-mastery-question-open-ended-points-container {margin-top: 10px}
.assignment-builder-question-mastery-question-open-ended-points-title-container {display: inline-block;}
.assignment-builder-question-mastery-question-open-ended-points-value-container {display: inline-block; vertical-align: top; cursor: text; max-width: 37px}
.assignment-builder-question-mastery-question-open-ended-points-value-container.active input {display: block}
.assignment-builder-question-mastery-question-open-ended-points-value-container.active span {display: none}
.assignment-builder-question-mastery-question-open-ended-points-value-container input {display: none; width: 100%}
.assignment-builder-question-mastery-question-open-ended-points-value-container span {display: block}
.assignment-builder-question-mastery-question-open-ended-body {font-family: 'Muli', sans-serif; color: #666666; font-size: 10pt; font-weight: normal;}
.quiz-question-option-item:not(:last-child), .quiz-question-option-item-static:not(:last-child) {margin-bottom: 20px;}
.quiz-question-option-item, .quiz-question-option-item-static {position: relative; display: block; margin-top: 6px; width: 100%; position: relative; padding: 4px; border: 1px solid transparent; border-radius: 3px;}
.quiz-question-option-item-static {margin-top: 0 !important}
.quiz-question-option-item-static {cursor: default;}
.quiz-question-option-item.selected, .quiz-question-option-item-static.correct-option {background-color: #e9f3ff; border: 1px solid #cdeaff;}
.quiz-question-option-item-static.incorrect-option {background-color: #F3F3F3; border: 1px solid #e7e7e7;}
.quiz-question-option-is-answer-button:before {display: none; content: url(../images/mc-correct-and-hover-icon.svg?v=3);}
.question-type-mc-multiple .quiz-question-option-is-answer-button:before {display: none; content: url(../images/mc-correct-and-hover-sharp-icon.svg);}
.quiz-question-option-item.selected .quiz-question-option-is-answer-button, .quiz-question-option-is-answer-button:hover, .quiz-question-option-item-static.correct-option .quiz-question-option-is-answer-icon {background: url(../images/mc-correct-and-hover-icon.svg?v=3) no-repeat left;background-size: contain; height: 16px; width:16px; border: 1px solid transparent;}
.quiz-question-options-list.disabled .quiz-question-option-is-answer-button, .quiz-question-options-list.disabled  small {pointer-events: none;}
.question-type-mc-multiple .quiz-question-option-item.selected .quiz-question-option-is-answer-button, .question-type-mc-multiple .quiz-question-option-is-answer-button:hover, .question-type-mc-multiple .quiz-question-option-item-static.correct-option .quiz-question-option-is-answer-icon, .quiz-question-option-item-static.mastery-mc-multiple-option.correct-option .quiz-question-option-is-answer-icon {background: url(../images/mc-correct-and-hover-sharp-icon.svg) no-repeat left;background-size: contain; height: 16px; width:16px; border: 1px solid transparent;}
.question-type-mc-multiple .quiz-question-option-item-static.incorrect-option .quiz-question-option-is-answer-icon, .quiz-question-option-item-static.mastery-mc-multiple-option.incorrect-option .quiz-question-option-is-answer-icon {background: url(../images/mc-incorrect-gray-sharp-icon.svg?v=2) no-repeat left;background-size: contain; height: 16px; width:16px; border: 1px solid transparent;}
.quiz-question-option-item-static.incorrect-option .quiz-question-option-is-answer-icon {background: url(../images/mc-incorrect-gray-icon.svg?v=2) no-repeat left;background-size: contain; height: 16px; width:16px; border: 1px solid transparent;}
.quiz-question-option-is-answer-button, .quiz-question-option-is-answer-icon {background-color: #e7e7e7; border-radius: 10px; border: 1px solid #999999; background-size: contain; height: 16px; width:16px; position: absolute !important; top: 6px !important; left: 4px !important; display: block;}
.question-type-mc-multiple .quiz-question-option-is-answer-button {background-color: #ffffff; border-radius: 2px; border: 1px solid #999999; background-size: contain; height: 16px; width:16px; position: absolute !important; top: 6px !important; left: 4px !important; display: block;}
.quiz-question-option-is-answer-button {cursor: pointer;}
.quiz-question-option-item small, .quiz-question-option-item-static small {cursor: default !important; color: #888888; font-size: 8pt; font-weight: normal; position: absolute; display: block; top: 7px; left: 28px; cursor: pointer;}
.quiz-question-option-item .quiz-question-option-text, .quiz-question-option-item-static .quiz-question-option-text {width: calc(100% - 46px); margin-left: 46px; font-size: 11pt; color: #212121; background-color: transparent;}
.quiz-question-option-text p, .primary-content-main p {font-size: 11pt; color: #212121;}
.quiz-end-question-button-container {margin: 40px 0; height: 65px; display: block; width: 100%;}
.quiz-end-question-button {float: right; display: inline-block; padding: 0 40px; height: 65px;color: #DD167B; border-radius: 40px; border: 1px solid #DD167B; font-size: 10.5pt; line-height: 65px; font-family: 'Muli', sans-serif; font-weight: 600; vertical-align: middle; text-align: center;white-space: nowrap; cursor: pointer;}
.quiz-end-question-button:after {content: "\f178"; font-family: 'FontAwesome';font-size: 13px; margin-left: 6px;}
.quiz-last-question-button, .submit-quiz-modal-confirmation-button, .quiz-reset-code-modal-confirmation-button, .quiz-reset-modal-confirmation-button {color: #705AF4; border-color: #705AF4;}
.quiz-last-question-button:hover, .submit-quiz-modal-confirmation-button:hover, .quiz-reveal-options-button:hover, .quiz-reset-code-modal-confirmation-button:hover, .quiz-reset-modal-confirmation-button:hover {background-color: #705AF4; color: #ffffff;}
.quiz-question-selected-option-section .primary-content .primary-content-main, .quiz-question-short-answer-response-section .primary-content .primary-content-main {background-color: rgba(0,0,0,0.04); padding: 10px; border-radius: 4px;}
.quiz-reveal-options-button {height: 40px; border: 1px solid #705AF4; color: #705AF4; background: transparent; border-radius: 40px; cursor: pointer; padding: 0px 20px; text-align: center; margin: 0 auto;font-size: 9pt; line-height: 40px; font-family: 'Muli', sans-serif;font-weight: 600; vertical-align: middle; text-align: center; white-space: nowrap;}
.quiz-cancel-change-answer-section {margin: 20px 0; height: 20px;}
.quiz-cancel-change-answer-button {vertical-align: middle;color: #DD167B;font-family: 'Muli', sans-serif; font-size: 9pt; line-height: 20px; display: inline; height: 20px; cursor: pointer;}
.quiz-cancel-change-answer-button:hover {text-decoration: underline;}
.quiz-question-score-section {font-family: 'Muli', sans-serif; font-size: 11pt; font-weight: 600; text-align: left; margin: 0 0 40px 0;}
.quiz-question-score-section.correct {color: #36b1ff;}
.quiz-question-score-section.incorrect {color: #eb1f48;}
.correct-message b {color: #36b1ff;}
.incorrect-message b {color: #eb1f48;}
.quiz-question-message {margin-bottom: 10px;}
.instructions-container {font-family: 'Muli', sans-serif; font-size: 9pt; color: #666666;margin-bottom: 20px;}
.instructions-container b em {font-weight: bold; color: #705AF4}
.quiz-question-message span {font-weight: 600; font-family: 'Muli', sans-serif; font-size: 10pt; color: #666666;}
.quiz-question-message.error-message span {color: #eb1f48;}
.quiz-question-message.success-message span {color: #36b1ff;}
.quiz-question-option-explanation-section {margin-top: 10px;}
.quiz-question-did-select-initially-section {margin-top: 10px; }
.quiz-question-did-select-initially-section span {font-family: 'Muli', sans-serif; font-size: 9pt; color: #666666; font-style: italic; font-weight: normal;}
.quiz-question-option-explanation-title {font-family: 'Muli', sans-serif; font-size: 9pt; color: #666666; font-weight: 600; margin-bottom: 6px;}
.quiz-question-option-explanation-body, .quiz-question-option-explanation-body p {font-family: 'Muli', sans-serif; font-size: 10pt; color: #212121; font-weight: normal;}
.quiz-question-incorrect-options-section .quiz-question-option-item-static:not(:first-child), .quiz-question-correct-option-section .quiz-question-option-item-static:not(:first-child) {margin-top: 10px !important;}
/* Support page */
.support-page-new-ticket-container {padding:20px; border-radius: 10px; border: 1px solid #666666; position: relative; margin-top: 30px; transition: all ease-in-out 300ms; -webkit-transition: all ease-in-out 300ms;-ms-transition: all ease-in-out 300ms;-o-transition: all ease-in-out 300ms;-moz-transition: all ease-in-out 300ms;}
.support-page-new-ticket-container.premium-class {border: 1px solid #DD167B;}
.support-page-new-ticket-title {position: absolute; top: -8px; left: 20px; display: block; padding: 0 4px; background-color: #ffffff; color: #666666; font-family: 'Muli', sans-serif; font-size: 9pt; text-transform: uppercase; font-weight: 600;}
.support-page-new-ticket-container.premium-class .support-page-new-ticket-title:before {content: "Create a new priority ticket"; color: #DD167B; transition: all ease-in-out 300ms; -webkit-transition: all ease-in-out 300ms;-ms-transition: all ease-in-out 300ms;-o-transition: all ease-in-out 300ms;-moz-transition: all ease-in-out 300ms;}
.support-page-new-ticket-container:not(.premium-class) .support-page-new-ticket-title:before {content: "Create a new ticket";}
.support-page-body, .support-ticket-page-body {margin-top: 20px;}
.support-page-tickets-section {margin-bottom: 40px;}
.support-page-new-ticket-container:not(.premium-class) .iconless-standard-btn {border: 1px solid #666666;}
.support-page-new-ticket-container:not(.premium-class) .iconless-standard-btn a {color: #666666;}
.support-page-new-ticket-container:not(.premium-class) .iconless-standard-btn:hover {background-color: #666666}
.support-page-new-ticket-container:not(.premium-class) .iconless-standard-btn:hover a {color: #ffffff;}
.support-page-new-ticket-container:not(.premium-class) .pink-loader-small-center {border-top-color: #666666}
.support-page-new-ticket-container:not(.premium-class) .iconless-standard-btn.disabled {background: transparent;}
.support-page h2 {font-family: 'Muli', sans-serif; color: #212121; font-size: 14pt; font-weight: 600; margin-bottom: 20px;}
.support-page-default-message {font-family: 'Muli', sans-serif; color: #212121; font-size: 10pt; font-weight: normal; display: none;}
.premium-item span:before {content:""; vertical-align: top; background: url(/images/premium-class-icon.svg)no-repeat;width: 16px;height: 20px;background-size: contain; background-position: center center; display: inline-block; margin-right: 6px;}
.support-page-new-ticket-container.premium-class .premium-only-display {display: block;}
.premium-only-display {display: none;}
.support-page-new-ticket-message, .support-page-ticket-response-message {display: none; font-family: 'Muli', sans-serif; color: #212121; font-size: 10pt; font-weight: normal;}
.support-page-new-ticket-message {margin-bottom: 10px}
.support-page-ticket-response-message {margin-bottom: 20px}
.support-page-new-ticket-message.error {color: #eb1f48;}
.support-page-ticket-response-message.error {color: #EB1F48;}
.support-close-ticket-button {color: #EB1F48;}
.support-page-tickets-list {position: relative;}
.support-page-tickets-list:not(.loading) {height: auto; width: 100%; display: block; position: relative;}
.support-page-tickets-list.loading {height: 100px; width: 120px;}
.support-page-tickets-list.loading:before {content: ""; display: block; top: calc(50% - 15px); left: calc(50% - 15px); border: 3px solid #212121; border-top: 3px solid transparent; border-radius: 50%; width: 24px; height: 24px; animation: spin 800ms linear infinite; position: absolute;}
.support-class-list-item {position: relative;}
.support-page-tickets-list-load-more-button {margin-top: 20px; display: none; position: relative; height: 20px;}
.support-page-tickets-list-load-more-button.loading a {display: none;}
.support-page-tickets-list-load-more-button.loading:before {content: ""; display: block; top: calc(50% - 9px); left: 24px; border: 2px solid #DD167B; border-top: 2px solid transparent; border-radius: 50%; width: 18px; height: 18px; animation: spin 800ms linear infinite; position: absolute;}
.support-page-tickets-list-load-more-button a {cursor: pointer; font-family: 'Muli', sans-serif; font-size: 10pt; color: #DD167B; font-weight: 600;}
.support-page-ticket-messages-list {margin-bottom: 20px}
.support-page-ticket-messages-list li {list-style: none;}
.user-message-post:not(:last-child) {margin-bottom: 20px}
.user-message-post {display: block;}
.user-messsage-post-top {display: block; margin-bottom: 10px; position: relative;}
.user-is-author .user-messsage-post-author, .user-is-author .user-message-post-date {color: #DD167B;}
.user-is-author .user-message-post-date:before {background-color: #DD167B}
.user-messsage-post-author, .user-message-post-date {display: inline; font-family: 'Muli', sans-serif; font-size: 8.5pt; font-weight: 600; color: #666666; text-transform: uppercase;}
.user-message-post-date:before {content: ""; margin: 0 10px 2px 10px; background-color: #666666; height: 1px; width: 10px; vertical-align: middle; position: relative; display: inline-block;}
.user-message-post-body p {font-family: 'Muli', sans-serif; font-size: 10.5pt; color: #212121; font-weight: normal;}
.user-message-post-body p a {display: inline; font-family: 'Muli', sans-serif; font-size: 10.5pt; color: #212121; font-weight: normal; color: #36b1ff;}
.support-page-ticket-details {padding: 20px; border-radius: 20px; background-color: rgba(86, 40, 179, 0.10); text-align: center; font-family: 'Muli', sans-serif; font-size: 10pt; color: #666666; font-weight: 600; margin-bottom: 20px}

.assignments-selector {padding: 0 20px;}
.assignment-selector-body, .discussion-selector-body {font-family: 'Muli', sans-serif; font-size: 11pt; font-weight: 600; color: #212121; text-align: center; line-height: 30px;}
.assignment-selector-assignments-list, .discussion-selector-discussions-list {margin-top: 20px;}
.assignment-selector-assignments-list-item, .discussion-selector-discussions-list-item {padding: 10px; border: 1px solid #e7e7e7; font-family: 'Muli', sans-serif; font-size: 10.5pt; font-weight: bold; color: #212121; cursor: pointer; border-radius: 4px;}
.assignment-selector-assignments-list-item:hover, .discussion-selector-discussions-list-item:hover {background-color: #e7e7e7}
.assignment-selector-assignments-list-item:not(:last-child), .discussion-selector-discussions-list-item:not(:last-child) {margin-bottom:14px;}
.discussion-selector-discussions-list {margin-bottom: 20px}

/* HTML input formatting */
.click-to-unveil {position: relative; display: inline; cursor: pointer; -webkit-filter: blur(3px);-moz-filter: blur(3px);-o-filter: blur(3px);-ms-filter: blur(3px);filter: blur(3px);}
.click-to-unveil.active {cursor: text; -webkit-filter: blur(0);-moz-filter: blur(0);-o-filter: blur(0);-ms-filter: blur(0);filter: blur(0);}
.click-to-unveil:after {content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.04); border-radius: 4px; position: absolute;}
.click-to-unveil.active:after {display: none}
.hover-to-unveil {position: relative; display: inline; cursor: pointer; border-bottom: 1px dotted #999999;}
.hover-to-unveil-overlay {display: block; visibility: hidden; opacity: 0; min-width: 200px; max-width: 200px; position: absolute; z-index: 2; padding: 10px; border: 1px solid #e7e7e7; border-radius: 4px; background-color: #F6F6F6; bottom: calc(100% + 8px); left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform:translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); transition: all ease-in-out 300ms; -webkit-transition: all ease-in-out 300ms;-ms-transition: all ease-in-out 300ms;-o-transition: all ease-in-out 300ms;-moz-transition: all ease-in-out 300ms;}
.hover-to-unveil-overlay:before {content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #e7e7e7; display:block; position: absolute; left: calc(50% - 4px); top: 100%;}
.hover-to-unveil-overlay:after {content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #F6F6F6; display:block; position: absolute; left: calc(50% - 4px); top: calc(100% - 2px);}
.hover-to-unveil:hover .hover-to-unveil-overlay {visibility: visible;opacity: 1}

/* MagicGuides */
.magicguides header {position: -webkit-sticky;position: sticky; padding: 20px 40px; background-color: #ffffff; vertical-align: top;}
.magicguides-logo {display: inline-block;}
.magicguides-logo figure img {width: 160px; height: 38px;}
.magicguides-header-left {display: inline-block; height: 38px; width: 170px; margin-right: 10px}
.magicguides-header-right {display: inline-block; width: 170px; margin-left: 10px; text-align: right; height: 38px; vertical-align: top; text-align: right;}
.magicguides-header-middle {display: inline-block; height: 38px; width: calc(100% - 360px); position: relative; vertical-align: top; text-align: center;}
.magicguides-header-class-list-selector {display: inline-block; display: inline-block;}
.magicguides-header-class-list-selected {border-radius: 4px; border: 1px solid #e7e7e7; padding: 10px 20px; cursor: pointer;}
.magicguides-header-class-list-selected:hover, .magicguides-header-class-list-selector.active .magicguides-header-class-list-selected {background-color: #e7e7e7}
.magicguides-header-class-list-selected span {color: #666666; font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: bold}
.magicguides-header-class-list-selected span:after {content:"\f107";font-family: 'FontAwesome'; margin-left: 20px; font-size: 12pt}
.magicguides-header-class-list-selected.generating {background: url(/images/generation-background.svg);}
.magicguides-header-class-list-selected.generating span {color: #ffffff}
.magicguides-header-class-list-selected.default span {color: #999999}
.magicguides-header-class-list-selector.active .magicguides-header-class-list-selected span:after {content:"\f106";}
.magicguides-header-class-list-overlay {display: none; position: absolute; z-index: 10; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); width: 340px; left: calc(50% - 170px); top: calc(100% + 10px); background-color: #ffffff}
.magicguides-header-class-list-menu-items {background-color: #ffffff; border-radius: 4px; padding: 10px; max-height: 300px; overflow: scroll;}
.magicguides-header-class-list-menu-item {padding: 10px; border-radius: 10px; cursor: pointer;}
.magicguides-header-class-list-menu-item:not(:last-child) {margin-bottom: 4px}
.magicguides-header-class-list-menu-item.standard:hover {background-color: rgba(112, 90, 244, 0.1)}
.magicguides-header-class-list-menu-item span {font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: 600; color: #212121}
.magicguides-header-class-list-menu-item.selected span:before {content:"\f00c";font-family: 'FontAwesome'; font-weight: normal; font-size: 12pt; margin-right: 10px;}
.magicguides-header-class-list-menu-item.standard.selected span:before {color: #705AF4}
.magicguides-header-class-list-menu-item.generating {background: url(/images/generation-background.svg); opacity: 0.5}
.magicguides-header-class-list-menu-item.generating:hover, .magicguides-header-class-list-menu-item.generating.selected {opacity: 1}
.magicguides-header-class-list-menu-item.generating span {color: #ffffff}
.magicguides-header-class-list-selector.active .magicguides-header-class-list-overlay {display: block;}
.magicguides-header-class-list-new-button {padding: 10px; background-color: #705AF4; cursor: pointer;}
.magicguides-header-class-list-new-button:hover {background-color: #8573F4}
.magicguides-header-class-list-new-button span {color: #ffffff; font-family: 'Muli', sans-serif; font-weight: 600;}
.magicguides-header-class-list-new-button span:before {content:"\2b"; font-family: 'Font Awesome 5 Free'; margin-right: 10px; font-size: 9pt}
.magicguides-header-menu {width: 100%; text-align: right; height: 38px; vertical-align: top}
.magicguides-header-menu-item {display: inline-block; height: 100%; line-height: 38px}
.magicguides-header-menu-item a {color: #212121; font-family: "CentraNo2 Medium", sans-serif; cursor: pointer;}
.magicguides-header-menu-item.profile .magicguides-header-profile-button:before {content: "\f007"; font-family: 'FontAwesome';font-size: 14pt; color: #666666}
.magicguides-header-menu-item.profile .magicguides-header-profile-button:hover:before {color: #999999}
.magicguides-header-menu-item.license .magicguides-header-license-button {background-color: #666666; border-radius: 4px; padding: 4px 20px; color: #ffffff; font-family: 'Muli', sans-serif; font-size: 9pt; text-transform: uppercase; font-weight: 600}
.magicguides-header-menu-item.license .magicguides-header-license-button:hover {background-color: #999999}
.magicguides-header-menu-item.license[data-license='unlimited'] .magicguides-header-license-button {background-color: #705AF4;}
.magicguides-header-menu-item.license[data-license='unlimited'] .magicguides-header-license-button:before {content: "\f0e7"; font-family: 'FontAwesome';font-size: 9pt; color: #ffffff; margin-right: 10px}
.magicguides-header-menu-item.license[data-license='unlimited'] .magicguides-header-license-button:hover {background-color: #8573F4}
.magicguides-header-menu-item.profile {position: relative;}
.magicguides-header-menu-item.profile.active .magicguides-dropdown-options-container {display: block}
.magicguides-dropdown-options-container {position: absolute; display: none; z-index: 10; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); background-color: #ffffff; right: 0; top: calc(100% + 4px); border-radius: 4px; min-width: 200px}
.magicguides-dropdown-options-title {padding: 4px; text-align: center; line-height: 20px; cursor: default;}
.magicguides-dropdown-options-title span {font-family: 'Muli', sans-serif; font-size: 8pt; text-transform: uppercase; color: #666666; font-weight: 600}
.magicguides-dropdown-options {margin-bottom: 4px}
.magicguides-dropdown-option { text-align: center; }
.magicguides-dropdown-option a {cursor: pointer; color: #666666; ont-family: 'Muli', sans-serif; font-size: 9pt; color: #666666; font-weight: 600}
.magicguides-dropdown-option a:hover {color: #999999; text-decoration: underline;}

.magicguides-header-menu-item.standard a:hover {text-decoration: underline;}
.magicguides-header-menu-item.full-purple {line-height: 18px}
.magicguides-header-menu-item.full-purple a {background-color: #705AF4; border-radius: 40px; padding: 10px 20px; cursor: pointer; font-family: "CentraNo2", sans-serif;}
.magicguides-header-menu-item.full-purple a span {color: #ffffff; font-weight: normal;}
.magicguides-header-menu-item.full-purple a span:after {content: ""; display: inline-block; background: url(/images/right-arrow-white.svg)no-repeat;width: 6px;height: 11px;background-size: contain; position: relative; vertical-align: middle; margin-left: 10px;}
.magicguides-header-menu-item.full-purple a:hover {background-color: #8573F4}
.magicguides-header-menu-item:not(:last-child) {margin-right: 28px;}
.magicguides-body-wrapper {overflow-y: scroll; height: calc(100% - 82px); overflow-x: hidden; padding: 0 !important;position: relative; background-color: #F7F7F7}
.magicguides-body-container {display: block}
.magicguides-drag-and-drop-container-icon-right .landing-page-build-better-screenshot-container {box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);}
.magicguides-drag-and-drop-container {width: 100%; padding: 20px; cursor: pointer;}
.magicguides-drag-and-drop-container:hover .magicguides-drag-and-drop-container-body, .magicguides-drag-and-drop-container.dragover .magicguides-drag-and-drop-container-body {background-color: rgba(112, 90, 244, 0.1)}
.magicguides-drag-and-drop-container.dragover .magicguides-drag-and-drop-container-icon {display: none}
.magicguides-drag-and-drop-container-dragover-icon {display: none; vertical-align: top; margin-top: 20px; margin-bottom: 20px; height: 400px; pointer-events: none; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.magicguides-drag-and-drop-container.dragover .magicguides-drag-and-drop-container-dragover-icon {display: block;}
.magicguides-drag-and-drop-container-dragover-icon-center {display: inline-block; position: relative; width: 100%; vertical-align: middle; text-align: center; height: 100%}
.magicguides-drag-and-drop-container-dragover-icon.file-too-large span:before {content: "\f071"; color: #eb1f48}
.magicguides-drag-and-drop-container-dragover-icon.file-too-large span:after {content: "File too large"; color: #eb1f48}
.magicguides-drag-and-drop-container-dragover-icon.invalid-file-type span:before {content: "\f071"; color: #eb1f48}
.magicguides-drag-and-drop-container-dragover-icon.invalid-file-type span:after {content: "Invalid file type"; color: #eb1f48}
.magicguides-drag-and-drop-container-dragover-icon-center span:before {content: "\f093"; font-family: 'FontAwesome';font-size: 200px; line-height: 300px; color: #705AF4}
.magicguides-drag-and-drop-container-dragover-icon-center span:after {content: "Drop!"; font-family: 'Muli', sans-serif; font-size: 30pt; font-weight: bold; color: #705AF4; position: absolute; left: 0; right: 0; text-align: center; bottom: 70px}
.magicguides-drag-and-drop-container-body {width: 100%; height: 100%; min-height: 500px; border: 2px dashed #705AF4; padding: 40px; text-align: center; background:url(/images/tortoise-shell.svg);}
.magicguides-drag-and-drop-container-title span, .magicguides-manual-entry-container-title span {font-size: 30pt; font-family: "CentraNo2 Bold", sans-serif; color: #212121;}
.magicguides-drag-and-drop-manual-entry-button {margin-left: 20px;}
.magicguides-drag-and-drop-manual-entry-button span {text-decoration: underline; cursor: pointer;}
.magicguides-drag-and-drop-container-icon {vertical-align: top; margin-top: 20px; margin-bottom: 20px; height: 400px; pointer-events: none; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.magicguides-drag-and-drop-container-icon-center {display: inline-block; width: 40px; margin-right: 80px; margin-left: 80px; vertical-align: middle; text-align: center; height: 100%}
.magicguides-drag-and-drop-container-icon-center span:before {content: "\f178"; font-family: 'FontAwesome';font-size: 26px; color: #666666}
.magicguides-drag-and-drop-container-icon-left {width: 258px; display: inline-block; height: 100%; vertical-align: top;}
.magicguides-drag-and-drop-container-icon-right {width: 50%; display: inline-block; height: 100%}
.magicguides-drag-and-drop-container-icon-syllabus {display: inline-block; vertical-align: top; position: relative;}
.magicguides-drag-and-drop-container-icon-syllabus span:before {content: "\f15b"; font-family: 'FontAwesome';font-size: 300px; color: #705AF4; line-height: 400px}
.magicguides-drag-and-drop-container-icon-syllabus span em {position: absolute; top: 50%; left: 0; right: 0; text-align: center; color: #ffffff; text-transform: uppercase; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 20pt}
.magicguides-drag-and-drop-container-subtitle span {font-family: 'Muli', sans-serif; font-weight: 600; font-size: 14pt; color: #666666}
.magicguides-drag-and-drop-container-subtitle span em {color: #705AF4; font-weight: 900}
.magicguides-drag-and-drop-manual-entry-container {margin-bottom: 20px}
.magicguides-syllabus-file {display: none}
.magicguides-manual-entry-container {width: 100%; padding: 20px; display: none}
.magicguides-manual-entry-container-body {width: 100%; height: 100%; min-height: 500px; border: 2px dashed #705AF4; padding: 40px; text-align: center; background:url(/images/tortoise-shell.svg);}
.magicguides-manual-entry-text-input-container {margin-top: 40px; margin-bottom: 40px}
.magicguides-manual-entry-text-input-container textarea {height: 400px;padding:20px; border: 1px solid #e7e7e7; border-radius: 20px; font-size: 13px;line-height: 20px;margin: 0;font-weight: normal;font-family: 'Muli', sans-serif; color: #212121; margin-bottom: 12px; width: 100%; overflow: auto;outline: none;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;resize: none;}
.magicguides-manual-entry-container-generate-button-container {text-align: center;}
.magicguides-manual-entry-container-generate-button.disabled {background-color: #666666; cursor:not-allowed; }
.magicguides-manual-entry-container-generate-button {display: inline-block; height: 40px; width: 100%; background-color: #705AF4; border-radius: 4px; position: relative; vertical-align: top; cursor: pointer;}
.magicguides-manual-entry-container-generate-button span {color: #ffffff; line-height: 38px; font-weight: 600; font-size: 12pt; font-family: 'Muli', sans-serif;}
.magicguides-manual-entry-container-generate-button span:before {content: "\e2ca"; font-size: 10pt; font-family: 'FontAwesome'; margin-right: 10px}
.magicguides-syllabus-input-container.manual .magicguides-manual-entry-container {display: block}
.magicguides-syllabus-input-container.manual .magicguides-drag-and-drop-container {display: none}
.magicguides-syllabus-loading-section {position: relative; display: block; background-color: #ffffff; background: url(/images/generation-background.svg); width: 100%; height: 100%}
.magicguides-show-guides-section {display: block; background-color: #F7F7F7; width: 100%; min-height: 100%; position: relative; padding: 40px}
.magicguides-show-guides-section.loading:after {content: ""; border: 6px solid transparent; border-top: 6px solid #705AF4; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 15px);left:calc(50% - 15px); display: block;}
.magicguides-show-guides-section-header {text-align: center; margin-bottom: 30px}
.magicguides-show-guides-section-header span {font-family: 'Muli', sans-serif; font-size: 10pt; color: #666666; font-weight: normal;}
.magicguides-assignment-items {display: block; position: relative;}
.magicguides-assignment-item {padding: 8px; width: 16.66%; display: inline-block; vertical-align: top}
.magicguides-assignment-item-body {background-color: #ffffff; vertical-align: bottom; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); border-radius: 4px; padding: 20px; width:100%; height:240px; vertical-align:bottom; position:relative; }
.magicguides-assignment-item-body:hover {background-color: #e7e7e7}
.magicguides-assignment-item-body-bottom {position: absolute; bottom: 0; width: 100%; left: 0; padding: 20px}
.magicguides-assignment-item-body-title {display: inline-block;width:100% }
.magicguides-assignment-item-body-title span {font-family: 'Muli', sans-serif; font-size: 11pt; color: #212121; font-weight: 600}
.magicguides-assignment-item.generating .magicguides-assignment-item-body-title span {color: #B5B8BE}
.magicguides-assignment-item.locked .magicguides-assignment-item-body {background-color: #666666;}
.magicguides-assignment-item.locked .magicguides-assignment-item-body-title span {color: #ffffff}
.magicguides-assignment-item.generating .magicguides-assignment-item-body {cursor: default;-webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none;}
.magicguides-assignment-item-body-status-indicator {display: inline-block; padding:4px 8px; border-radius:30px; margin-top:10px }
.magicguides-assignment-item-body-status-indicator span {font-family: 'Muli', sans-serif; font-size: 9pt; font-weight: 600}
.magicguides-assignment-item-body-status-indicator.locked {background-color: rgba(255, 255, 255, 0.5);}
.magicguides-assignment-item-body-status-indicator.locked span {color: #212121}
.magicguides-assignment-item-body-status-indicator.generating {background-color: #EFEFEF}
.magicguides-assignment-item-body-status-indicator.generating span {color: #B5B8BE}
.magicguides-assignment-item-body-status-indicator.complete {background-color: rgba(77, 170, 127, 0.2)}
.magicguides-assignment-item-body-status-indicator.complete span {color: #4DAA7F}
.magicguides-assignment-item-body-status-indicator.in-progress {background-color: rgba(112, 90, 244, 0.2)}
.magicguides-assignment-item-body-status-indicator.in-progress span {color: #705AF4}
.magicguides-assignment-item-body-status-indicator.available {background-color: rgba(54, 177, 255, 0.2)}
.magicguides-assignment-item-body-status-indicator.available span {color: #36b1ff}
.magicguides-assignment-item-body-progress-indicator {position: absolute; top: 20px; left: 20px; display: block; width: 60px; height: 60px; text-align: center;}
.magicguides-assignment-item-body-progress-indicator.generating circle-progress {display: none}
.magicguides-assignment-item-body-progress-indicator.generating:before {content: ""; border-radius: 100px; width: 60px; height: 60px; border: 5px solid #EFEFEF; display: block;}
.magicguides-assignment-item-body-progress-indicator.generating:after {content: ""; border: 5px solid transparent; border-top: 5px solid #B5B8BE; border-radius: 50%; width: 60px; height: 60px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 30px);left:calc(50% - 30px); display: block;}
.magicguides-assignment-item-body-progress-indicator circle-progress {position: relative;}
.magicguides-assignment-item-body-progress-indicator.locked circle-progress:after {content:"\f023"; font-size: 18pt; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; top: 0; left: 0; width: 60px; text-align: center; line-height: 58px; color: #dddddd}
.magicguides-assignment-item-body-progress-indicator circle-progress::part(base) {width: 60px; height: auto;}
.magicguides-assignment-item-body-progress-indicator circle-progress::part(value) {stroke-linecap: round;}
.magicguides-assignment-item-body-progress-indicator.complete circle-progress::part(value) {stroke: hsl(152, 38%, 48%)}
.magicguides-assignment-item-body-progress-indicator.in-progress circle-progress::part(value) {stroke: hsl(249, 88%, 65%)}
.magicguides-assignment-item-body-progress-indicator.available circle-progress::part(value) {stroke: hsl(203, 100%, 61%)}
.magicguides-assignment-item-body-progress-indicator.locked circle-progress::part(value) {stroke-width: 0}
.magicguides-assignment-item-body-progress-indicator span {position: absolute; left: 0; top: 0; line-height: 58px; width: 60px; text-align: center; font-family: 'Muli', sans-serif; font-size: 10pt; color: #212121; font-weight: 600}
.magicguides-assignment-item-body-link-indicator {position: absolute; top: 20px; right: 20px; display: block;}
.magicguides-assignment-item-body-link-indicator:before {content: "\f35d"; font-family: 'FontAwesome';font-size: 10pt; color: #999999;}
.magicguides-syllabus-loading-section-body {text-align: center; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; padding: 100px}
.magicguides-syllabus-loading-section-body-title span {font-family: 'Muli', sans-serif; font-size: 30pt; color: #ffffff; font-weight: 900;}
.magicguides-syllabus-loading-section-body-subtitle {margin-top: 40px}
.magicguides-syllabus-loading-section-body-subtitle span {font-family: 'Muli', sans-serif; font-size: 14pt; color: #ffffff; font-weight: 600;}
.magicguides-login, .magicguides-forgot-password, .magicguides-create, .magicguides-reset-password {text-align: center; width: 100%}
.magicguides-form {border: 1px solid #e7e7e7; padding: 20px; width: 520px; max-width:100%; display:inline-block; }
.magicguides-form-intro, .magicguides-form-message, .magicguides-form-outro {margin-bottom: 20px; text-align: center;}
.magicguides-form-intro span, .magicguides-form-message span, .magicguides-form-outro span {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 11pt; line-height: 20px; color: #666666}
.magicguides-form-outro {margin-top: 20px}
.magicguides-form-outro span a {color: #705AF4; font-size: inherit; line-height: inherit;}
.magicguides-form-outro span a:hover {text-decoration: underline; cursor: pointer;}
.magicguides-form-message.success span {color: #36b1ff}
.magicguides-form-message.error span {color: #eb1f48}
.magicguides-form-message.empty {display: none}
.magicguides-form-field {display: inline-block; position: relative; width:100%; max-width:250px}
.magicguides-form-field-block {display: block}
.magicguides-form-field-container:not(:last-child) {margin-bottom: 10px}
.magicguides-form-field input {padding: 8px 8px 8px 30px; margin:0; border-radius: 4px; background-color:rgba(112, 90, 244, 0.1); width:100% }
.magicguides-form-field.email:before {content: "\f0e0"; font-family: 'FontAwesome';font-size: 11pt; color: #666666; position: absolute; top: 10px; left: 8px; pointer-events: none;}
.magicguides-form-field.name:before  {content: "\f007"; font-family: 'FontAwesome';font-size: 11pt; color: #666666; position: absolute; top: 10px; left: 10px; pointer-events: none;}
.magicguides-form-field.password:before {content: "\f023"; font-family: 'FontAwesome';font-size: 11pt; color: #666666; position: absolute; top: 10px; left: 10px; pointer-events: none;}
.magicguides-form-submit-button-container {margin-top: 20px}
.magicguides-login-button, .magicguides-reset-button, .magicguides-create-button, .magicguides-reset-password-button {display: inline-block; border-radius: 8px; padding: 8px 40px; background-color: #705AF4; cursor: pointer; position: relative;}
.magicguides-login-button:hover, .magicguides-reset-button:hover, .magicguides-create-button:hover, .mmagicguides-reset-password-button:hover {background-color: #8573F4}
.magicguides-login-button.disabled, .magicguides-reset-button.disabled, .magicguides-create-button.disabled, .magicguides-reset-password-button.disabled {background-color: #666666 !important; cursor: not-allowed;}
.magicguides-form-submit-button.loading {cursor: not-allowed;}
.magicguides-form-submit-button.loading:after {content: ""; border: 3px solid transparent; border-top: 3px solid #ffffff; border-radius: 50%; width: 15px; height: 15px; animation: spin 1s linear infinite; position: absolute; top: calc(50% - 7.5px);right: calc(50% - 7.5px); display: block;}
.magicguides-login-button span, .magicguides-reset-button span, .magicguides-create-button span, .magicguides-reset-password-button span {font-family: 'Muli', sans-serif; font-size: 11pt; font-weight: 600; color: #ffffff}
.magicguides-form-submit-button.loading:hover {background-color: #705AF4 !important}
.magicguides-form-submit-button.loading span {opacity: 0}
.magicguides-form-field-hint {margin-top: 10px; text-align: right; max-width:250px; width:100%; display: inline-block;}
.magicguides-form-forgot-password-button span {font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: normal; color: #666666; cursor: pointer;}
.magicguides-form-forgot-password-button span:hover {text-decoration: underline;}
.magicguides-form-separator {display: block; background-color: #e7e7e7; height: 1px; width: 100%; margin-top: 20px; margin-bottom: 20px}
.magicguides-login-create-section-text span {font-family: 'Muli', sans-serif; font-size: 11pt; font-weight: normal; color: #666666;}
.magicguides-login-create-section-text span.magicguides-create-account-button {margin-left: 4px; color: #705AF4; cursor: pointer;}
.magicguides-create-account-button:hover {text-decoration: underline;}
.magicguides-pricing-section {text-align: center;}
.magicguides-pricing-item {display: inline-block;}
.magicguides-pricing-item-body {border: 1px solid #e7e7e7; padding: 20px; border-radius: 10px; background-color: #705AF4}
.magicguides-pricing-item-title {font-family: 'Muli', sans-serif; font-weight: 600; font-size: 9pt; text-transform: uppercase; color: #ffffff; margin-bottom: 10px}
.magicguides-pricing-section-footer span {color: #666666; font-family: 'Muli', sans-serif; font-weight: normal; font-size: 9pt}
.magicguides-pricing-billing-cycle-container {margin-bottom: 20px; text-align: center;}
.magicguides-pricing-billing-cycle {border: 1px solid #e7e7e7; border-radius: 20px;display: inline-block;}
.magicguides-pricing-billing-cycle-option {display: inline-block; padding: 8px 12px; border-radius: 20px; cursor: pointer;}
.magicguides-pricing-billing-cycle-option.selected {background-color: #705AF4; cursor: default;}
.magicguides-pricing-billing-cycle-option span {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 11pt; color: #666666}
.magicguides-pricing-billing-cycle-option span em {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 9pt;}
.magicguides-pricing-billing-cycle-option.selected span {color: #ffffff; font-weight: bold;}
.magicguides-pricing-billing-cycle-option-discount-value {display: inline}
.magicguides-pricing-billing-cycle-option-discount-value:after {content: "%"; font-size: 6pt}
.magicguides-pricing-item-price span em {font-size: 20pt; line-height: 40px; vertical-align: top}
.magicguides-pricing-item-price span {font-family: 'CentraNo2 Bold', sans-serif; font-weight: bold; font-size: 50pt; line-height: 70px; color: #ffffff}
.magicguides-pricing-item-price-subtext span {font-family: 'CentraNo2 Bold', sans-serif; font-weight: 600; font-size: 12pt; color: #ffffff}
.magicguides-pricing-item-price-subtext {margin-bottom: 10px}
.magicguides-pricing-item-price-detail {margin-bottom: 10px}
.magicguides-pricing-item-price-detail span {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 10pt; color: #ffffff;}
.magicguides-pricing-item-description {margin-bottom: 20px}
.magicguides-pricing-item-description span {font-family: 'Muli', sans-serif; font-weight: bold; font-size: 10pt; color: #ffffff}
.magicguides-pricing-item-details li {margin-bottom: 10px}
.magicguides-pricing-item-details li span {font-family: 'Muli', sans-serif; font-weight: normal; font-size: 10pt; color: #ffffff}
.magicguides-pricing-item-details li span:before {content: "\f00c"; font-family: 'Font Awesome 5 Free'; color: #ffffff; margin-right: 10px; font-weight: 900}
.magicguides-pricing-item-action-button {text-align: center; border-radius: 8px; width: 100%; padding: 8px; background-color: #ffffff; cursor: pointer;}
.magicguides-pricing-item-action-button span {font-family: 'Muli', sans-serif; font-weight: bold; font-size: 12pt; color: #705AF4}
.magicguides-license-details-section-title {margin-bottom: 20px}
.magicguides-license-details-section-title span {font-family: 'Muli', sans-serif; font-weight: bold; color: #212121; font-size: 12pt}
.magicguides-license-details-section-subtitle {margin-bottom: 20px}
.magicguides-license-details-section-subtitle span {font-family: 'Muli', sans-serif; color: #212121; font-weight: normal; font-size: 10pt}
.magicguides-license-management-option {margin-bottom: 10px !important}
.magicguides-license-management-option span {cursor: pointer; font-family: 'Muli', sans-serif; color: #666666; font-weight: 600; font-size: 10pt}
.magicguides-license-management-option span:hover {color: #999999; text-decoration: underline;}
.magicguides-message {text-align: center;}
.magicguides-message p {font-family: 'Muli', sans-serif; font-size: 11pt; font-weight: normal; color: #212121}
.magicguides-message.error p {color: #eb1f48}
.magicguides-share-section {margin-top: 40px; text-align: center;}
.magicguides-share-section-header {text-align: center; margin-bottom: 20px}
.magicguides-share-section-header span {font-family: 'Muli', sans-serif; font-size: 20pt; font-weight: bold; color: #212121}
.magicguides-share-section-link-container {display: inline-block; width: 100%; max-width: 800px; padding: 40px; background-color: rgba(112, 90, 244, 0.1); border-radius: 10px}
.magicguides-share-section-link-text {display: inline-block; height: 40px; vertical-align: top; width: calc(100% - 110px); background-color: #f9f9f9; border-radius: 4px; cursor: text;}
.magicguides-share-section-link-text:hover {background-color: #F6FDFF}
.magicguides-share-section-link-text span {line-height: 38px; font-family: 'Muli', sans-serif; font-size: 11pt; color: #212121}
.magicguides-share-section-link-copy-button {display: inline-block; height: 40px; vertical-align: top; width: 100px; margin-left: 10px; border-radius: 4px; background-color: #705AF4; cursor: pointer; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.magicguides-share-section-link-copy-button:hover {background-color: #8573F4}
.magicguides-share-section-link-copy-button span {line-height: 38px; font-family: 'Muli', sans-serif; font-size: 10pt; color: #ffffff; font-weight: 600}

@keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
@-moz-keyframes fadeIn {0% {opacity:0;}100% { opacity:1;}}
@-webkit-keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
@-o-keyframes fadeIn { 0% {opacity:0;}100% {opacity:1;}}
@-ms-keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}