body.view-courseware.courseware .content-wrapper{padding: 0;margin: 0; overflow-x: hidden; max-width: 100%;}
body.view-courseware.courseware .content-wrapper .course-wrapper{border: none; max-width: 100%;	}
body.view-in-course .wrapper-course-material, body.view-in-course .wrapper-preview-menu, #course-content .page-header, body.view-in-course .container-footer{display: none;}

.xmodule_display.xmodule_SequenceModule .sequence-nav, .xmodule_display.xmodule_SequenceModule .sequence-bottom{display: none;}
#course-content.course-content .bookmark-button-wrapper{font-size: 16px;font-weight: 600;}
#course-content main{padding: 0; width: 100%;}
.wrapper-course-modes{border-bottom: 4px solid #50bfef;background: #363636;padding: 0 0 0 1.5rem;height: 4rem;text-rendering: optimizeLegibility;word-wrap: normal;line-height: 1.5rem;}
#course-index{background: #363636; border-radius: 0;width: 22.5rem;border: none;overflow: hidden;height: 100vh;position: relative;flex-direction: column;display: flex;}
#course-index #accordion.accordion{overflow: auto;}
#course-index .wrapper-course-modes p{color: #fff;font-weight: 600;display: inline-block;padding: 1.25rem 0 1rem;text-decoration: none;background: none;border: none;transition: color .2s ease-in-out;font-family: Gotham SSm A,Gotham SSm B,sans-serif;font-size: .875rem;line-height: 1.5rem;letter-spacing: 1px;}
#course-index .wrapper-course-modes a{float: right;border: 1px solid #fff;border-radius: 5px;padding: 5px;color: #fff;font-family: Gotham SSm A,Gotham SSm B,sans-serif;font-size: .840rem;line-height: 1.5rem;letter-spacing: 1px;font-weight: 600;margin: 14px 0 0;}
#course-index .wrapper-course-modes a:hover, #course-index .wrapper-course-modes a:focus{background: #fff; color: #000;}
#course-index .accordion main{padding: 0;}
#course-index .outline-item button{border:none; box-shadow: none; color: #fff; background: none; padding-left: 0; text-shadow: none;}
#course-index .outline-item button.section-name, #course-index .outline-item button.subsection-text{display: block;width: 100%; outline: none;}
#course-index li.section {padding: 15px;border-bottom: 1px solid #000000;padding-left: 25px;}
#course-index li.section:hover, #course-index li.section:focus, #course-index li.section:active{background-color: #555;transition: background-color .2s;}
#course-index li.section .accordion-panel{background: #dad3d3;margin-left: -25px;margin-right: -15px;margin-bottom: -15px;margin-top: 15px;}
#course-index li.section button .inprogress-checkmark{display: inline-block;color: #fff;border: none;width: 15px;height: 15px;padding: 4px;line-height: 15px;font-size: 12px; border-radius: 50%;float: left;margin-right: 5px;background: #181818; font-weight: 100;}
#course-index li.subsection{padding: 15px; border-bottom: 1px solid #000000; padding-left: 27px; background-color: #363636;}
#course-index li.subsection:first-child{border-top: 1px solid #000000;}
#course-index li.subsection:last-child, #course-index li.vertical:last-child{border-bottom: none;}
#course-index li.section button h3{color: #fff;font-weight: 600;float: left;width: 86%;display: inline-block;padding-left: 2px;font-size: .875rem;font-family: Gotham SSm A,Gotham SSm B,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;letter-spacing: 0.5px;line-height:24px;}
#course-index li.section button .fa-chevron-right{float: right;margin-top:5px;}
#course-index li.subsection button h4{display: inline;float: left;width: 86%;padding-left: 1px;color: #fff;font-size: 0.800rem;font-family: Gotham SSm A,Gotham SSm B,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;letter-spacing: 0.5px;font-weight: 550;line-height:20px;}
#course-index li.subsection .accordion-panel{background: #181818;}
#course-index li.vertical{padding: 15px;padding-left: 26px;margin-left: 1px;background-image: url("/static/scholarsight/images/vertical-marker.b9908854a6da.png");background-repeat: repeat-y;background-color: #222;}
#course-index li.vertical:hover, #course-index li.vertical:focus{background-color: #181818;transition: all .2s;}
#course-index li.vertical:last-child{background-image: url("/static/scholarsight/images/vertical-marker-last.25115e54c42f.png");background-repeat: no-repeat;}
#course-index li.vertical a{color: #aaa;}
#course-index li.vertical .vertical-details, #course-index li.vertical .vertical-title{display: inline;font-weight: 400;font-size: .75rem;font-family: Gotham SSm A,Gotham SSm B,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;letter-spacing: 0.5px;}
#course-index li.vertical:hover a, #course-index li.vertical:focus a{color: #fff;}
#course-index li.vertical .vertical-title{padding-left: 3px;}
#course-index .fa.complete-checkmark{border: 2px solid #23AA5A;margin-right: 10px;border-radius: 100px;color: #23AA5A;font-size: 14px;font-weight: 100;background: #222;}
#course-index .fa.section.complete-checkmark{float: left;padding: 1px;}
#course-index .fa.subsection.complete-checkmark{font-size: 20px;float: left;border-radius: 50%;border: none;}
#course-index .circle{position: relative;border: 2px solid #363636; text-align: center; background-color: #363636; height: 8px;width: 8px;border-radius: 50%;display: inline-block;vertical-align: middle; margin-right: 10px;}
#course-index .circle.complete{background: #008100;border-color: #008100; background-image: url("/static/scholarsight/images/completed-tag.3269ccc28267.png")}
#course-index .fa.unit.complete-checkmark{border: none;color: #aaa;}
#course-index .fa.unit.complete-checkmark.fa-check-circle{color: #23AA5A;}
#course-index .fa-check.vertical.complete-checkmark{font-size: 10px;}
#course-index li.subsection button .inprogress-checkmark{color: #50bfef;font-size: 20px;border-radius: 50%;background: #222;border: none;padding: 0;line-height: inherit;height: auto;width: auto; margin-right: 10px;}
body.view-courseware .wrap-instructor-info.studio-view, body.view-courseware .wrap-instructor-info{display: none;}
.xmodule_display.xmodule_SequenceModule .video-controls .sequence-nav-button{min-width: inherit;max-width: inherit;display: inline-block;vertical-align: middle;margin: 0;border: 0;border-radius: 0;padding: 10px 14px;background: #282c2e;box-shadow: none;text-shadow: none;color: #cfd8dc; height: 3.5rem; font-size: 21px;}
.xmodule_display.xmodule_SequenceModule .video-controls .sequence-nav-button:hover, .xmodule_display.xmodule_SequenceModule .video-controls .sequence-nav-button:focus{background: #171a1b;}
.xmodule_display.xmodule_VideoModule .video{background: none; margin: 0; padding: 0; position: relative;}
.xmodule_display.xmodule_VideoModule .video .video-header{position: absolute;top: -1;left: 0;height: 100px;width: 100%;z-index: 100;transition: opacity .2s ease-in-out;}
.xmodule_display.xmodule_VideoModule .video .d-flex{display: flex !important;}
.xmodule_display.xmodule_VideoModule .video .flex-grow-1{flex-grow: 1}
.xmodule_display.xmodule_VideoModule .video .gradient-fade.fade-out{opacity: 0;transition-delay: 0ms;}
.xmodule_display.xmodule_VideoModule .video .gradient-fade{min-height: 100px;background: linear-gradient(180deg,rgba(0,0,0,.9) 0,transparent);}
.xmodule_display.xmodule_VideoModule .video .video-header .title{position: relative;min-height: 1px;padding-left: 1.5rem;padding-right: 12px;padding-top: 1rem;flex-basis: 0;flex-grow: 1;max-width: 100%;}
.xmodule_display.xmodule_VideoModule .video .video-header .title .ps-link-white{color: #fff;font-family: Gotham SSm A,Gotham SSm B,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-size: 1rem;font-weight: normal;line-height: 1.5;letter-spacing: 1.3px;}
.xmodule_display.xmodule_VideoModule .video .video-header .title-clip{color: #aaa; font-size: .75rem;font-family: Gotham SSm A,Gotham SSm B,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;letter-spacing: 1px;}
.xmodule_display.xmodule_VideoModule .video .align-items-start{align-items: flex-start;padding-top: .25rem;padding-right: .75rem;}
.xmodule_display.xmodule_VideoModule .video .button-with-floating-content{position: relative;}
.xmodule_display.xmodule_VideoModule .video .ps-icon-button {height: 3.5rem;padding: .5rem;border: none;background: none;font-size: 1.5rem;color: #aaa;cursor: pointer;transition: all .2s;padding-left: 1rem;box-shadow: none;text-shadow: none;outline: none;}
.xmodule_display.xmodule_VideoModule .video .video-wrapper .video_control.flashback-control{display: inline-block;vertical-align: middle;margin: 0;border: 0;border-radius: 0;padding: 10px 13.33333px;background: #282c2e;box-shadow: none;color: #cfd8dc;font-size: 14px;line-height: 20.72px;}
.xmodule_display.xmodule_VideoModule .video .video-wrapper .video_control.flashback-control:hover,
.xmodule_display.xmodule_VideoModule .video .video-wrapper .video_control.flashback-control:focus{background: #171a1b;}
.xmodule_display.xmodule_VideoModule .video .video-wrapper .video_control.icon{font-size: 21px;height: 3.5rem; font-weight: normal;text-shadow: none;}
.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player video, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player iframe{height: 100vh !important;width: 100% !important;}
.xmodule_display.xmodule_VideoModule .video #play-button-overlay{display: flex;flex: 1;width: 100%;height: 100%;position: absolute;top: 0;background-position: 50%;background-size: 130px;background-repeat: no-repeat;z-index: auto;cursor: pointer;left: 0;transform: inherit;background-image: url("/static/scholarsight/images/play-overlay.150f5329b02f.png");animation-name: zoomInIndicator;animation-duration: .3s;animation-timing-function: ease-out;}
.xmodule_display.xmodule_VideoModule .video #play-button-overlay.is-hidden{display: none;}
.course-wrapper .course-content .vert-mod .xblock-student_view-video{position: relative;}
.course-wrapper .course-content .vert-mod .xblock-student_view-video h3{position: absolute;top: 0;left: 0;opacity: 1;z-index: 999;color: white;display: none;}
.course-wrapper .course-content .xblock.xblock-student_view-vertical, .course-wrapper .courseware-results-wrapper .xblock.xblock-student_view-vertical{max-width: 100%;}
.course-wrapper .course-content .vert-mod .xblock-student_view-problem{font-family: Gotham SSm A,Gotham SSm B,sans-serif;letter-spacing: 0.3px; padding: 25px;}
.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .vcr .vidtime{font-size: 15px;align-self: center !important;font-family: Gotham SSm A,Gotham SSm B,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-weight:100;}

body.view-courseware.courseware .content-wrapper .course-wrapper{display: flex;width: 100%;height: 100vh;}
#course-content{flex: 1;position: relative;justify-content: center;display: flex;margin: 0;
    /*background: #000;*/
}
.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls.fade-out{height: 0;transition-delay: .2s;}
.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls{z-index: 200;position: absolute;bottom: 0;left: 0;width: 100%;transition: height .2s;height: 3.6rem;}
.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control{height: 3.5rem;font-family: Gotham SSm A,Gotham SSm B,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif; font-weight: 100;}
.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control.play{font-size: 23px;}
.xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control.speed-button{font-size: 15px;}
@media only screen and (max-width: 991px){
	body.view-courseware.courseware .content-wrapper .course-wrapper{flex-direction: column;height: auto;}
	#course-content{width: 100%;}
	#course-index{flex: 1;height: auto;width: auto;}
	body.view-in-course .course-wrapper{display: block;}
	.xmodule_display.xmodule_VideoModule .video .ps-icon-button{display: none;}
	.xmodule_display.xmodule_VideoModule .video #play-button-overlay{display: none;}
}
/*
@media (max-width: 767px){
	body.view-in-course .course-wrapper{display: block;}
	#course-index{display: block;width: 100%;}
	.xmodule_display.xmodule_VideoModule .video .ps-icon-button{display: none;}
	#course-index #accordion.accordion{height: auto !important;}
}
*/