@charset "UTF-8";
* {
  text-rendering: optimizeLegibility; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

html, body {
  height: 100%; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

abbr[title] {
  border-bottom: none;
  text-decoration: none;
  cursor: help; }

.ui-col-wide, .view-signup .content-primary,
.view-signin .content-primary,
.view-util .content-primary, .view-uploads .content-primary, .view-dashboard .content-primary, .view-export .content-primary, .view-import .content-primary, .view-outline .content-primary, .view-settings .content-primary, .view-team .content-primary, .view-textbooks .content-primary, .view-video-uploads .content-primary {
  width: 74.46809%;
  margin-right: 2.12766%;
  float: left; }

.ui-col-narrow, .view-signup .content-supplementary,
.view-signin .content-supplementary,
.view-util .content-supplementary, .view-uploads .content-supplementary, .view-dashboard .content-supplementary, .view-export .content-supplementary, .view-import .content-supplementary, .view-outline .content-supplementary, .view-settings .content-supplementary, .view-team .content-supplementary, .view-textbooks .content-supplementary, .view-video-uploads .content-supplementary {
  width: 23.40426%;
  float: left; }

.outline-complex .outline-section, .form-create, body.uxdesign.alerts .content-primary, .course-handouts, .view-dashboard .courses-processing .wrapper-course, .view-export .export-controls, .view-import .export-controls, .view-import .import-form, .view-settings .content-primary, .edit-static-page .static-page-details, .view-team .user-list .user-item, .view-textbooks .content-primary .textbook, .view-export-git .export-git-controls, .view-group-configurations .content-primary .wrapper-collection, .view-certificates .wrapper-collection, .view-certificates .certificates .signatory-details, .view-certificates .certificates .signatory-edit {
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
  border: 1px solid #b2b2b2;
  background: white; }
  .outline-complex .outline-section:after, .form-create:after, body.uxdesign.alerts .content-primary:after, .course-handouts:after, .view-dashboard .courses-processing .wrapper-course:after, .view-export .export-controls:after, .view-import .export-controls:after, .view-import .import-form:after, .view-settings .content-primary:after, .edit-static-page .static-page-details:after, .view-team .user-list .user-item:after, .view-textbooks .content-primary .textbook:after, .view-export-git .export-git-controls:after, .view-group-configurations .content-primary .wrapper-collection:after, .view-certificates .wrapper-collection:after, .view-certificates .certificates .signatory-details:after, .view-certificates .certificates .signatory-edit:after {
    content: "";
    display: table;
    clear: both; }
  .outline-complex .outline-section:hover, .form-create:hover, body.uxdesign.alerts .content-primary:hover, .course-handouts:hover, .view-dashboard .courses-processing .wrapper-course:hover, .view-export .export-controls:hover, .view-import .export-controls:hover, .view-import .import-form:hover, .view-settings .content-primary:hover, .edit-static-page .static-page-details:hover, .view-team .user-list .user-item:hover, .view-textbooks .content-primary .textbook:hover, .view-export-git .export-git-controls:hover, .view-group-configurations .content-primary .wrapper-collection:hover, .view-certificates .wrapper-collection:hover, .view-certificates .certificates .signatory-details:hover, .view-certificates .certificates .signatory-edit:hover, .outline-complex .outline-section:active, .form-create:active, body.uxdesign.alerts .content-primary:active, .course-handouts:active, .view-dashboard .courses-processing .wrapper-course:active, .view-export .export-controls:active, .view-import .export-controls:active, .view-import .import-form:active, .view-settings .content-primary:active, .edit-static-page .static-page-details:active, .view-team .user-list .user-item:active, .view-textbooks .content-primary .textbook:active, .view-export-git .export-git-controls:active, .view-group-configurations .content-primary .wrapper-collection:active, .view-certificates .wrapper-collection:active, .view-certificates .certificates .signatory-details:active, .view-certificates .certificates .signatory-edit:active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.fake-link, .wrapper-header .nav-dd .title:hover, .wrapper-header .nav-dd .title:active, .view-outline .outline-complex .outline-section.is-collapsible .ui-toggle-expansion:hover, .view-outline .outline-complex .outline-subsection.is-collapsible .ui-toggle-expansion:hover, .view-outline .outline-complex .outline-section.is-collapsible .ui-toggle-expansion:active, .view-outline .outline-complex .outline-subsection.is-collapsible .ui-toggle-expansion:active, .view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints .proofpoint:hover, .view-textbooks .content-primary .textbook .view-textbook.is-selectable, .view-group-configurations .content-primary .wrapper-collection .collection-header .title .toggle.is-selectable, .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .modal-ui-icon, .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-link, .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal, .xmodule_display.xmodule_CourseModule .sequence-nav ol li a, .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .modal-ui-icon, .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-link, .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal, .xmodule_display.xmodule_AnnotatableModule .annotatable-span, .xmodule_display.xmodule_CapaModule div.problem .annotation-input ul.tags li .tag, .xmodule_display.xmodule_PollModule div.poll_question .poll_answer .question .button, .xmodule_display.xmodule_PollModule div.poll_question .poll_answer .question .text, .xmodule_display.xmodule_VideoModule .a11y-menu-container .a11y-menu-list li, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .slider .ui-slider-handle, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container .volume-slider .ui-slider-handle, .xmodule_display.xmodule_VideoModule .video .subtitles li, .xmodule_display.xmodule_VideoAnnotationModule .annotatable-span, .xmodule_display.xmodule_AboutModule .wrapper-modal-image .modal-ui-icon, .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-link, .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal, .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input ul.tags li .tag, .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a, .xmodule_display.xmodule_TextAnnotationModule .annotatable-span, .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .modal-ui-icon, .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-link, .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal, .xmodule_display.xmodule_ImageAnnotationModule .annotatable-span {
  cursor: pointer; }

.wrapper-mast .mast.has-navigation .navigation-link.navigation-current, .is-disabled, .wrapper-mast .mast.has-navigation .navigation-item.navigation-current, .view-static-pages .course-nav-item.is-fixed, .view-container .content-supplementary .unit-location .wrapper-unit-tree-location .is-current .unit-title a, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .is-current .unit-title a, .view-certificates .wrapper-collection .collection-edit .disableClick {
  pointer-events: none;
  outline: none;
  cursor: default; }

.wrapper-sock .wrapper-inner, .xmodule_display.xmodule_VideoModule .video.closed .subtitles.html5 {
  z-index: 0; }

.wrapper-xblock .container-paging-header .pagination .current-page, .wrapper-xblock .container-paging-footer .pagination .current-page, .wrapper-assets .assets-library .pagination .current-page, .wrapper-sock .list-cta, .view-uploads .assets-library .pagination .current-page, .view-dashboard .wrapper-creationrights .ui-toggle-target, .view-static-pages .component .drag-handle,
.view-static-pages .course-nav-item .drag-handle, .xmodule_display.xmodule_CourseModule .sequence-nav ol li a.active, .xmodule_display.xmodule_CapaModule div.problem .CodeMirror pre.CodeMirror-cursor, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container, .xmodule_display.xmodule_ConditionalModule div.problem .CodeMirror pre.CodeMirror-cursor, .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a.active {
  z-index: 10; }

.view-team .user-list .user-item .is-hanging.flag-role, .wrapper-xblock .container-paging-header .pagination .pagination-form, .wrapper-xblock .container-paging-footer .pagination .pagination-form, .wrapper-assets .assets-library .pagination .pagination-form, .wrapper-alert, .view-uploads .assets-library .pagination .pagination-form, .view-uploads .assets-library table th.nav-dd .wrapper-nav-sub, .view-dashboard .wrapper-creationrights .ui-toggle-control, .view-dashboard .course-item .course-link, .view-dashboard .courses-processing .course-details, .xmodule_display.xmodule_CourseModule .sequence-nav .sequence-list-wrapper, .xmodule_display.xmodule_CourseModule .sequence-nav ol li a p, .xmodule_display.xmodule_SequenceModule .sequence-nav .sequence-list-wrapper, .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a p {
  z-index: 100; }

.is-draggable .draggable-drop-indicator, .wrapper-header, .modal-cover, [class*="view-"] .modal-window, [class*="view-"] .modal-window-overlay, .view-dashboard .course-item:hover .view-live-button, .view-dashboard .course-item .course-actions, .view-outline .ui-splint-indicator .draggable-drop-indicator, .xmodule_display.xmodule_CourseModule .sequence-nav-button, .xmodule_display.xmodule_VideoModule .a11y-menu-container .a11y-menu-list, .xmodule_display.xmodule_VideoModule .video .video-pre-roll, .xmodule_display.xmodule_SequenceModule .sequence-nav-button {
  z-index: 1000; }

.is-dragging, .modal, #lean_overlay, .course-updates .update-list > li.editing, .edit-handouts-form, .view-static-pages .unit-body .wrapper-component-editor, .xmodule_display.xmodule_CourseModule .sequence-nav .left-shadow, .xmodule_display.xmodule_CourseModule .sequence-nav .right-shadow, .xmodule_display.xmodule_VideoModule .overlay, .xmodule_display.xmodule_VideoModule .video.video-fullscreen, .xmodule_display.xmodule_VideoModule .video.video-fullscreen .tc-wrapper .video-controls, .xmodule_display.xmodule_SequenceModule .sequence-nav .left-shadow, .xmodule_display.xmodule_SequenceModule .sequence-nav .right-shadow {
  z-index: 10000; }

.tooltip, .wrapper-prompt, .wrapper-notification, .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal, .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal, .xmodule_display.xmodule_VideoModule .contextmenu, .xmodule_display.xmodule_VideoModule .submenu, .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal, .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal {
  z-index: 100000; }

.bit .list-actions .action-item:last-child, .bit .list-details .item-detail:last-child, .bit .nav-related .nav-item:last-child, .bit .nav-page .nav-item:last-child, [class*="view-"] .xblock-visibility_view .visibility-controls-group:last-child, [class*="view-"] .xblock-visibility_view .list-fields .field:last-child, [class*="view-"] .xblock-visibility_view .is-not-configured .copy p:last-child, .view-export .export-contents .export-includes .item-detail:last-child, .view-export .export-contents .export-excludes .item-detail:last-child, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field:last-child, .view-certificates .wrapper-collection .collection-edit .field:last-child, .view-certificates .certificates .signatory-edit .field:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0; }

.wrapper-mast .mast.has-actions .nav-actions .button, .wrapper-sock .sock .support .list-actions .action-primary, .wrapper-sock .sock .feedback .list-actions .action-primary, .notice-incontext.has-actions .list-actions .action-primary, .notice-instruction.has-actions .list-actions .action-primary, .view-dashboard .status-creationrights .list-actions .action-primary, .view-dashboard .status-creationrights .form-actions .action-primary, .view-dashboard .course-item:hover .view-live-button, .view-export .export-controls .action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish, .view-export-git .export-git-controls .action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary, .view-certificates .wrapper-collection .collection-edit .actions .action-primary, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action, [class*="view-"] .xblock-visibility_view .is-not-configured .button, .view-outline .content-primary .no-content .button, .view-static-pages .content-primary .add-pages .button, .view-container .content-primary .no-container-content .button, .view-textbooks .content-primary .no-textbook-content .button, .view-group-configurations .content-primary .no-content .button, .view-certificates .content-primary .no-content .button,
[class*="view-"] .xblock-visibility_view .is-not-configured .action,
.view-outline .content-primary .no-content .action,
.view-static-pages .content-primary .add-pages .action,
.view-container .content-primary .no-container-content .action,
.view-textbooks .content-primary .no-textbook-content .action,
.view-group-configurations .content-primary .no-content .action,
.view-certificates .content-primary .no-content .action, .wrapper-mast .mast.has-actions .nav-actions .button.new-button, .wrapper-mast .mast.has-actions .nav-actions .button.button-new, .notice-create.has-actions .list-actions .action-primary, .view-uploads .no-asset-content .new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program, .view-import .action-choose-file, .view-import .wrapper-file-name .submit-button, .view-settings .group-settings.assignment-types .actions .new-button, .view-team .content .notice-create.has-actions .list-actions .action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button,
.wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button,
[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab, .view-dashboard .wrapper-creationrights .ui-toggle-control, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-secondary, .view-certificates .wrapper-collection .collection-edit .actions .action-secondary, .alert .action-dismiss .button, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .button, .wrapper-header .nav-dd .title {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: color 0.25s ease-in-out 0s, border-color 0.25s ease-in-out 0s, background 0.25s ease-in-out 0s, box-shadow 0.25s ease-in-out 0s;
  -moz-transition: color 0.25s ease-in-out 0s, border-color 0.25s ease-in-out 0s, background 0.25s ease-in-out 0s, box-shadow 0.25s ease-in-out 0s;
  transition: color 0.25s ease-in-out 0s, border-color 0.25s ease-in-out 0s, background 0.25s ease-in-out 0s, box-shadow 0.25s ease-in-out 0s;
  display: inline-block;
  cursor: pointer; }
  .wrapper-mast .mast.has-actions .nav-actions .disabled.button, .wrapper-sock .sock .support .list-actions .disabled.action-primary, .wrapper-sock .sock .feedback .list-actions .disabled.action-primary, .notice-incontext.has-actions .list-actions .disabled.action-primary, .notice-instruction.has-actions .list-actions .disabled.action-primary, .view-dashboard .status-creationrights .list-actions .disabled.action-primary, .view-dashboard .status-creationrights .form-actions .disabled.action-primary, .view-dashboard .course-item:hover .disabled.view-live-button, .view-export .export-controls .disabled.action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .disabled.action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .disabled.action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .disabled.action-publish, .view-export-git .export-git-controls .disabled.action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .disabled.action-primary, .view-certificates .wrapper-collection .collection-edit .actions .disabled.action-primary, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .disabled.action, [class*="view-"] .xblock-visibility_view .is-not-configured .disabled.button, .view-outline .content-primary .no-content .disabled.button, .view-static-pages .content-primary .add-pages .disabled.button, .view-container .content-primary .no-container-content .disabled.button, .view-textbooks .content-primary .no-textbook-content .disabled.button, .view-group-configurations .content-primary .no-content .disabled.button, .view-certificates .content-primary .no-content .disabled.button,
  [class*="view-"] .xblock-visibility_view .is-not-configured .disabled.action,
  .view-outline .content-primary .no-content .disabled.action,
  .view-static-pages .content-primary .add-pages .disabled.action,
  .view-container .content-primary .no-container-content .disabled.action,
  .view-textbooks .content-primary .no-textbook-content .disabled.action,
  .view-group-configurations .content-primary .no-content .disabled.action,
  .view-certificates .content-primary .no-content .disabled.action, .notice-create.has-actions .list-actions .disabled.action-primary, .view-uploads .no-asset-content .disabled.new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .disabled.action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .disabled.action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .disabled.action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .disabled.action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .disabled.action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .disabled.action-create-program, .view-import .disabled.action-choose-file, .view-import .wrapper-file-name .disabled.submit-button, .view-settings .group-settings.assignment-types .actions .disabled.new-button, .view-team .content .notice-create.has-actions .list-actions .disabled.action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .disabled.button,
  .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .disabled.action, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .disabled.editor-button,
  [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .disabled.settings-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.disabled.tab, .view-dashboard .wrapper-creationrights .disabled.ui-toggle-control, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .disabled.action-secondary, .view-certificates .wrapper-collection .collection-edit .actions .disabled.action-secondary, .alert .action-dismiss .disabled.button, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .disabled.button, .wrapper-header .nav-dd .disabled.title, .wrapper-mast .mast.has-actions .nav-actions [disabled].button, .wrapper-sock .sock .support .list-actions [disabled].action-primary, .wrapper-sock .sock .feedback .list-actions [disabled].action-primary, .notice-incontext.has-actions .list-actions [disabled].action-primary, .notice-instruction.has-actions .list-actions [disabled].action-primary, .view-dashboard .status-creationrights .list-actions [disabled].action-primary, .view-dashboard .status-creationrights .form-actions [disabled].action-primary, .view-dashboard .course-item:hover [disabled].view-live-button, .view-export .export-controls [disabled].action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions [disabled].action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions [disabled].action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions [disabled].action-publish, .view-export-git .export-git-controls [disabled].action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions [disabled].action-primary, .view-certificates .wrapper-collection .collection-edit .actions [disabled].action-primary, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status [disabled].action, [class*="view-"] .xblock-visibility_view .is-not-configured [disabled].button, .view-outline .content-primary .no-content [disabled].button, .view-static-pages .content-primary .add-pages [disabled].button, .view-container .content-primary .no-container-content [disabled].button, .view-textbooks .content-primary .no-textbook-content [disabled].button, .view-group-configurations .content-primary .no-content [disabled].button, .view-certificates .content-primary .no-content [disabled].button,
  [class*="view-"] .xblock-visibility_view .is-not-configured [disabled].action,
  .view-outline .content-primary .no-content [disabled].action,
  .view-static-pages .content-primary .add-pages [disabled].action,
  .view-container .content-primary .no-container-content [disabled].action,
  .view-textbooks .content-primary .no-textbook-content [disabled].action,
  .view-group-configurations .content-primary .no-content [disabled].action,
  .view-certificates .content-primary .no-content [disabled].action, .notice-create.has-actions .list-actions [disabled].action-primary, .view-uploads .no-asset-content [disabled].new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions [disabled].action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions [disabled].action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions [disabled].action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions [disabled].action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions [disabled].action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions [disabled].action-create-program, .view-import [disabled].action-choose-file, .view-import .wrapper-file-name [disabled].submit-button, .view-settings .group-settings.assignment-types .actions [disabled].new-button, .view-team .content .notice-create.has-actions .list-actions [disabled].action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content [disabled].button,
  .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content [disabled].action, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item [disabled].editor-button,
  [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item [disabled].settings-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a[disabled].tab, .view-dashboard .wrapper-creationrights [disabled].ui-toggle-control, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions [disabled].action-secondary, .view-certificates .wrapper-collection .collection-edit .actions [disabled].action-secondary, .alert .action-dismiss [disabled].button, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions [disabled].button, .wrapper-header .nav-dd [disabled].title, .wrapper-mast .mast.has-actions .nav-actions .is-disabled.button, .wrapper-sock .sock .support .list-actions .is-disabled.action-primary, .wrapper-sock .sock .feedback .list-actions .is-disabled.action-primary, .notice-incontext.has-actions .list-actions .is-disabled.action-primary, .notice-instruction.has-actions .list-actions .is-disabled.action-primary, .view-dashboard .status-creationrights .list-actions .is-disabled.action-primary, .view-dashboard .status-creationrights .form-actions .is-disabled.action-primary, .view-dashboard .course-item:hover .is-disabled.view-live-button, .view-export .export-controls .is-disabled.action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .is-disabled.action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .is-disabled.action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .is-disabled.action-publish, .view-export-git .export-git-controls .is-disabled.action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .is-disabled.action-primary, .view-certificates .wrapper-collection .collection-edit .actions .is-disabled.action-primary, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .is-disabled.action, [class*="view-"] .xblock-visibility_view .is-not-configured .is-disabled.button, .view-outline .content-primary .no-content .is-disabled.button, .view-static-pages .content-primary .add-pages .is-disabled.button, .view-container .content-primary .no-container-content .is-disabled.button, .view-textbooks .content-primary .no-textbook-content .is-disabled.button, .view-group-configurations .content-primary .no-content .is-disabled.button, .view-certificates .content-primary .no-content .is-disabled.button,
  [class*="view-"] .xblock-visibility_view .is-not-configured .is-disabled.action,
  .view-outline .content-primary .no-content .is-disabled.action,
  .view-static-pages .content-primary .add-pages .is-disabled.action,
  .view-container .content-primary .no-container-content .is-disabled.action,
  .view-textbooks .content-primary .no-textbook-content .is-disabled.action,
  .view-group-configurations .content-primary .no-content .is-disabled.action,
  .view-certificates .content-primary .no-content .is-disabled.action, .notice-create.has-actions .list-actions .is-disabled.action-primary, .view-uploads .no-asset-content .is-disabled.new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .is-disabled.action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .is-disabled.action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .is-disabled.action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .is-disabled.action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .is-disabled.action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .is-disabled.action-create-program, .view-import .is-disabled.action-choose-file, .view-import .wrapper-file-name .is-disabled.submit-button, .view-settings .group-settings.assignment-types .actions .is-disabled.new-button, .view-team .content .notice-create.has-actions .list-actions .is-disabled.action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .is-disabled.button,
  .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .is-disabled.action, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .is-disabled.editor-button,
  [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .is-disabled.settings-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.is-disabled.tab, .view-dashboard .wrapper-creationrights .is-disabled.ui-toggle-control, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .is-disabled.action-secondary, .view-certificates .wrapper-collection .collection-edit .actions .is-disabled.action-secondary, .alert .action-dismiss .is-disabled.button, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .is-disabled.button, .wrapper-header .nav-dd .is-disabled.title {
    cursor: default;
    pointer-events: none;
    border: 1px solid #cbcbcb;
    background-color: #cbcbcb;
    color: #f2f2f2; }
  .wrapper-mast .mast.has-actions .nav-actions .button .icon-inline, .wrapper-sock .sock .support .list-actions .action-primary .icon-inline, .wrapper-sock .sock .feedback .list-actions .action-primary .icon-inline, .notice-incontext.has-actions .list-actions .action-primary .icon-inline, .notice-instruction.has-actions .list-actions .action-primary .icon-inline, .view-dashboard .status-creationrights .list-actions .action-primary .icon-inline, .view-dashboard .status-creationrights .form-actions .action-primary .icon-inline, .view-dashboard .course-item:hover .view-live-button .icon-inline, .view-export .export-controls .action-export .icon-inline, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary .icon-inline, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary .icon-inline, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish .icon-inline, .view-export-git .export-git-controls .action-export-git .icon-inline, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary .icon-inline, .view-certificates .wrapper-collection .collection-edit .actions .action-primary .icon-inline, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action .icon-inline, [class*="view-"] .xblock-visibility_view .is-not-configured .button .icon-inline, .view-outline .content-primary .no-content .button .icon-inline, .view-static-pages .content-primary .add-pages .button .icon-inline, .view-container .content-primary .no-container-content .button .icon-inline, .view-textbooks .content-primary .no-textbook-content .button .icon-inline, .view-group-configurations .content-primary .no-content .button .icon-inline, .view-certificates .content-primary .no-content .button .icon-inline,
  [class*="view-"] .xblock-visibility_view .is-not-configured .action .icon-inline,
  .view-outline .content-primary .no-content .action .icon-inline,
  .view-static-pages .content-primary .add-pages .action .icon-inline,
  .view-container .content-primary .no-container-content .action .icon-inline,
  .view-textbooks .content-primary .no-textbook-content .action .icon-inline,
  .view-group-configurations .content-primary .no-content .action .icon-inline,
  .view-certificates .content-primary .no-content .action .icon-inline, .notice-create.has-actions .list-actions .action-primary .icon-inline, .view-uploads .no-asset-content .new-button .icon-inline, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course .icon-inline, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library .icon-inline, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program .icon-inline, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course .icon-inline, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library .icon-inline, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program .icon-inline, .view-import .action-choose-file .icon-inline, .view-import .wrapper-file-name .submit-button .icon-inline, .view-settings .group-settings.assignment-types .actions .new-button .icon-inline, .view-team .content .notice-create.has-actions .list-actions .action-primary .icon-inline, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button .icon-inline,
  .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action .icon-inline, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button .icon-inline,
  [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button .icon-inline, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab .icon-inline, .view-dashboard .wrapper-creationrights .ui-toggle-control .icon-inline, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-secondary .icon-inline, .view-certificates .wrapper-collection .collection-edit .actions .action-secondary .icon-inline, .alert .action-dismiss .button .icon-inline, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .button .icon-inline, .wrapper-header .nav-dd .title .icon-inline {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px; }

.wrapper-mast .mast.has-actions .nav-actions .button, .wrapper-sock .sock .support .list-actions .action-primary, .wrapper-sock .sock .feedback .list-actions .action-primary, .notice-incontext.has-actions .list-actions .action-primary, .notice-instruction.has-actions .list-actions .action-primary, .view-dashboard .status-creationrights .list-actions .action-primary, .view-dashboard .status-creationrights .form-actions .action-primary, .view-dashboard .course-item:hover .view-live-button, .view-export .export-controls .action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish, .view-export-git .export-git-controls .action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary, .view-certificates .wrapper-collection .collection-edit .actions .action-primary, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action, [class*="view-"] .xblock-visibility_view .is-not-configured .button, .view-outline .content-primary .no-content .button, .view-static-pages .content-primary .add-pages .button, .view-container .content-primary .no-container-content .button, .view-textbooks .content-primary .no-textbook-content .button, .view-group-configurations .content-primary .no-content .button, .view-certificates .content-primary .no-content .button,
[class*="view-"] .xblock-visibility_view .is-not-configured .action,
.view-outline .content-primary .no-content .action,
.view-static-pages .content-primary .add-pages .action,
.view-container .content-primary .no-container-content .action,
.view-textbooks .content-primary .no-textbook-content .action,
.view-group-configurations .content-primary .no-content .action,
.view-certificates .content-primary .no-content .action, .wrapper-mast .mast.has-actions .nav-actions .button.new-button, .wrapper-mast .mast.has-actions .nav-actions .button.button-new, .notice-create.has-actions .list-actions .action-primary, .view-uploads .no-asset-content .new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program, .view-import .action-choose-file, .view-import .wrapper-file-name .submit-button, .view-settings .group-settings.assignment-types .actions .new-button, .view-team .content .notice-create.has-actions .list-actions .action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button,
.wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button,
[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab, .view-dashboard .wrapper-creationrights .ui-toggle-control, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-secondary, .view-certificates .wrapper-collection .collection-edit .actions .action-secondary, .alert .action-dismiss .button, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .button, .incontext-editor.is-editable .incontext-editor-open-action, .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .edit, .view-certificates .wrapper-collection .collection-details .actions .action .edit, .view-certificates .wrapper-collection .collection-details .actions .action .edit-signatory, .wrapper-comp-settings .file-uploader .download-setting, .view-team .user-list .user-item .item-actions .delete, .view-textbooks .content-primary .textbook .view-textbook .actions .action .delete, .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .delete, .view-video-uploads .button, .view-certificates .wrapper-collection .collection-details .actions .action .delete, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .download-setting, .wrapper-header .nav-dd .title, .wrapper-sock .list-cta .cta-show-sock {
  border-radius: 4px; }

.wrapper-mast .mast.has-actions .nav-actions .button, .wrapper-sock .sock .support .list-actions .action-primary, .wrapper-sock .sock .feedback .list-actions .action-primary, .notice-incontext.has-actions .list-actions .action-primary, .notice-instruction.has-actions .list-actions .action-primary, .view-dashboard .status-creationrights .list-actions .action-primary, .view-dashboard .status-creationrights .form-actions .action-primary, .view-dashboard .course-item:hover .view-live-button, .view-export .export-controls .action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish, .view-export-git .export-git-controls .action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary, .view-certificates .wrapper-collection .collection-edit .actions .action-primary, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action, [class*="view-"] .xblock-visibility_view .is-not-configured .button, .view-outline .content-primary .no-content .button, .view-static-pages .content-primary .add-pages .button, .view-container .content-primary .no-container-content .button, .view-textbooks .content-primary .no-textbook-content .button, .view-group-configurations .content-primary .no-content .button, .view-certificates .content-primary .no-content .button,
[class*="view-"] .xblock-visibility_view .is-not-configured .action,
.view-outline .content-primary .no-content .action,
.view-static-pages .content-primary .add-pages .action,
.view-container .content-primary .no-container-content .action,
.view-textbooks .content-primary .no-textbook-content .action,
.view-group-configurations .content-primary .no-content .action,
.view-certificates .content-primary .no-content .action, .wrapper-mast .mast.has-actions .nav-actions .button.new-button, .wrapper-mast .mast.has-actions .nav-actions .button.button-new, .notice-create.has-actions .list-actions .action-primary, .view-uploads .no-asset-content .new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program, .view-import .action-choose-file, .view-import .wrapper-file-name .submit-button, .view-settings .group-settings.assignment-types .actions .new-button, .view-team .content .notice-create.has-actions .list-actions .action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button,
.wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action {
  padding: 10px 20px;
  border-width: 1px;
  border-style: solid;
  box-shadow: none;
  line-height: 1.5em;
  text-align: center; }
  .wrapper-mast .mast.has-actions .nav-actions .button:hover, .wrapper-sock .sock .support .list-actions .action-primary:hover, .wrapper-sock .sock .feedback .list-actions .action-primary:hover, .notice-incontext.has-actions .list-actions .action-primary:hover, .notice-instruction.has-actions .list-actions .action-primary:hover, .view-dashboard .status-creationrights .list-actions .action-primary:hover, .view-dashboard .status-creationrights .form-actions .action-primary:hover, .view-dashboard .course-item:hover .view-live-button:hover, .view-export .export-controls .action-export:hover, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary:hover, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary:hover, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish:hover, .view-export-git .export-git-controls .action-export-git:hover, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary:hover, .view-certificates .wrapper-collection .collection-edit .actions .action-primary:hover, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action:hover, [class*="view-"] .xblock-visibility_view .is-not-configured .button:hover, .view-outline .content-primary .no-content .button:hover, .view-static-pages .content-primary .add-pages .button:hover, .view-container .content-primary .no-container-content .button:hover, .view-textbooks .content-primary .no-textbook-content .button:hover, .view-group-configurations .content-primary .no-content .button:hover, .view-certificates .content-primary .no-content .button:hover,
  [class*="view-"] .xblock-visibility_view .is-not-configured .action:hover,
  .view-outline .content-primary .no-content .action:hover,
  .view-static-pages .content-primary .add-pages .action:hover,
  .view-container .content-primary .no-container-content .action:hover,
  .view-textbooks .content-primary .no-textbook-content .action:hover,
  .view-group-configurations .content-primary .no-content .action:hover,
  .view-certificates .content-primary .no-content .action:hover, .notice-create.has-actions .list-actions .action-primary:hover, .view-uploads .no-asset-content .new-button:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program:hover, .view-import .action-choose-file:hover, .view-import .wrapper-file-name .submit-button:hover, .view-settings .group-settings.assignment-types .actions .new-button:hover, .view-team .content .notice-create.has-actions .list-actions .action-primary:hover, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button:hover,
  .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action:hover, .wrapper-mast .mast.has-actions .nav-actions .button:active, .wrapper-sock .sock .support .list-actions .action-primary:active, .wrapper-sock .sock .feedback .list-actions .action-primary:active, .notice-incontext.has-actions .list-actions .action-primary:active, .notice-instruction.has-actions .list-actions .action-primary:active, .view-dashboard .status-creationrights .list-actions .action-primary:active, .view-dashboard .status-creationrights .form-actions .action-primary:active, .view-dashboard .course-item:hover .view-live-button:active, .view-export .export-controls .action-export:active, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary:active, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary:active, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish:active, .view-export-git .export-git-controls .action-export-git:active, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary:active, .view-certificates .wrapper-collection .collection-edit .actions .action-primary:active, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action:active, [class*="view-"] .xblock-visibility_view .is-not-configured .button:active, .view-outline .content-primary .no-content .button:active, .view-static-pages .content-primary .add-pages .button:active, .view-container .content-primary .no-container-content .button:active, .view-textbooks .content-primary .no-textbook-content .button:active, .view-group-configurations .content-primary .no-content .button:active, .view-certificates .content-primary .no-content .button:active,
  [class*="view-"] .xblock-visibility_view .is-not-configured .action:active,
  .view-outline .content-primary .no-content .action:active,
  .view-static-pages .content-primary .add-pages .action:active,
  .view-container .content-primary .no-container-content .action:active,
  .view-textbooks .content-primary .no-textbook-content .action:active,
  .view-group-configurations .content-primary .no-content .action:active,
  .view-certificates .content-primary .no-content .action:active, .notice-create.has-actions .list-actions .action-primary:active, .view-uploads .no-asset-content .new-button:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program:active, .view-import .action-choose-file:active, .view-import .wrapper-file-name .submit-button:active, .view-settings .group-settings.assignment-types .actions .new-button:active, .view-team .content .notice-create.has-actions .list-actions .action-primary:active, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button:active,
  .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action:active, .wrapper-mast .mast.has-actions .nav-actions .button:focus, .wrapper-sock .sock .support .list-actions .action-primary:focus, .wrapper-sock .sock .feedback .list-actions .action-primary:focus, .notice-incontext.has-actions .list-actions .action-primary:focus, .notice-instruction.has-actions .list-actions .action-primary:focus, .view-dashboard .status-creationrights .list-actions .action-primary:focus, .view-dashboard .status-creationrights .form-actions .action-primary:focus, .view-dashboard .course-item:hover .view-live-button:focus, .view-export .export-controls .action-export:focus, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary:focus, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary:focus, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish:focus, .view-export-git .export-git-controls .action-export-git:focus, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary:focus, .view-certificates .wrapper-collection .collection-edit .actions .action-primary:focus, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action:focus, [class*="view-"] .xblock-visibility_view .is-not-configured .button:focus, .view-outline .content-primary .no-content .button:focus, .view-static-pages .content-primary .add-pages .button:focus, .view-container .content-primary .no-container-content .button:focus, .view-textbooks .content-primary .no-textbook-content .button:focus, .view-group-configurations .content-primary .no-content .button:focus, .view-certificates .content-primary .no-content .button:focus,
  [class*="view-"] .xblock-visibility_view .is-not-configured .action:focus,
  .view-outline .content-primary .no-content .action:focus,
  .view-static-pages .content-primary .add-pages .action:focus,
  .view-container .content-primary .no-container-content .action:focus,
  .view-textbooks .content-primary .no-textbook-content .action:focus,
  .view-group-configurations .content-primary .no-content .action:focus,
  .view-certificates .content-primary .no-content .action:focus, .notice-create.has-actions .list-actions .action-primary:focus, .view-uploads .no-asset-content .new-button:focus, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course:focus, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library:focus, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program:focus, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course:focus, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library:focus, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program:focus, .view-import .action-choose-file:focus, .view-import .wrapper-file-name .submit-button:focus, .view-settings .group-settings.assignment-types .actions .new-button:focus, .view-team .content .notice-create.has-actions .list-actions .action-primary:focus, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button:focus,
  .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action:focus {
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2); }
  .wrapper-mast .mast.has-actions .nav-actions .current.button, .wrapper-sock .sock .support .list-actions .current.action-primary, .wrapper-sock .sock .feedback .list-actions .current.action-primary, .notice-incontext.has-actions .list-actions .current.action-primary, .notice-instruction.has-actions .list-actions .current.action-primary, .view-dashboard .status-creationrights .list-actions .current.action-primary, .view-dashboard .status-creationrights .form-actions .current.action-primary, .view-dashboard .course-item:hover .current.view-live-button, .view-export .export-controls .current.action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .current.action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .current.action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .current.action-publish, .view-export-git .export-git-controls .current.action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .current.action-primary, .view-certificates .wrapper-collection .collection-edit .actions .current.action-primary, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .current.action, [class*="view-"] .xblock-visibility_view .is-not-configured .current.button, .view-outline .content-primary .no-content .current.button, .view-static-pages .content-primary .add-pages .current.button, .view-container .content-primary .no-container-content .current.button, .view-textbooks .content-primary .no-textbook-content .current.button, .view-group-configurations .content-primary .no-content .current.button, .view-certificates .content-primary .no-content .current.button,
  [class*="view-"] .xblock-visibility_view .is-not-configured .current.action,
  .view-outline .content-primary .no-content .current.action,
  .view-static-pages .content-primary .add-pages .current.action,
  .view-container .content-primary .no-container-content .current.action,
  .view-textbooks .content-primary .no-textbook-content .current.action,
  .view-group-configurations .content-primary .no-content .current.action,
  .view-certificates .content-primary .no-content .current.action, .notice-create.has-actions .list-actions .current.action-primary, .view-uploads .no-asset-content .current.new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-program, .view-import .current.action-choose-file, .view-import .wrapper-file-name .current.submit-button, .view-settings .group-settings.assignment-types .actions .current.new-button, .view-team .content .notice-create.has-actions .list-actions .current.action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.button,
  .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.action, .wrapper-mast .mast.has-actions .nav-actions .active.button, .wrapper-sock .sock .support .list-actions .active.action-primary, .wrapper-sock .sock .feedback .list-actions .active.action-primary, .notice-incontext.has-actions .list-actions .active.action-primary, .notice-instruction.has-actions .list-actions .active.action-primary, .view-dashboard .status-creationrights .list-actions .active.action-primary, .view-dashboard .status-creationrights .form-actions .active.action-primary, .view-dashboard .course-item:hover .active.view-live-button, .view-export .export-controls .active.action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .active.action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .active.action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .active.action-publish, .view-export-git .export-git-controls .active.action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .active.action-primary, .view-certificates .wrapper-collection .collection-edit .actions .active.action-primary, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .active.action, [class*="view-"] .xblock-visibility_view .is-not-configured .active.button, .view-outline .content-primary .no-content .active.button, .view-static-pages .content-primary .add-pages .active.button, .view-container .content-primary .no-container-content .active.button, .view-textbooks .content-primary .no-textbook-content .active.button, .view-group-configurations .content-primary .no-content .active.button, .view-certificates .content-primary .no-content .active.button,
  [class*="view-"] .xblock-visibility_view .is-not-configured .active.action,
  .view-outline .content-primary .no-content .active.action,
  .view-static-pages .content-primary .add-pages .active.action,
  .view-container .content-primary .no-container-content .active.action,
  .view-textbooks .content-primary .no-textbook-content .active.action,
  .view-group-configurations .content-primary .no-content .active.action,
  .view-certificates .content-primary .no-content .active.action, .notice-create.has-actions .list-actions .active.action-primary, .view-uploads .no-asset-content .active.new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-program, .view-import .active.action-choose-file, .view-import .wrapper-file-name .active.submit-button, .view-settings .group-settings.assignment-types .actions .active.new-button, .view-team .content .notice-create.has-actions .list-actions .active.action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.button,
  .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.action {
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4); }
    .wrapper-mast .mast.has-actions .nav-actions .current.button:hover, .wrapper-sock .sock .support .list-actions .current.action-primary:hover, .wrapper-sock .sock .feedback .list-actions .current.action-primary:hover, .notice-incontext.has-actions .list-actions .current.action-primary:hover, .notice-instruction.has-actions .list-actions .current.action-primary:hover, .view-dashboard .status-creationrights .list-actions .current.action-primary:hover, .view-dashboard .status-creationrights .form-actions .current.action-primary:hover, .view-dashboard .course-item:hover .current.view-live-button:hover, .view-export .export-controls .current.action-export:hover, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .current.action-primary:hover, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .current.action-primary:hover, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .current.action-publish:hover, .view-export-git .export-git-controls .current.action-export-git:hover, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .current.action-primary:hover, .view-certificates .wrapper-collection .collection-edit .actions .current.action-primary:hover, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .current.action:hover, [class*="view-"] .xblock-visibility_view .is-not-configured .current.button:hover, .view-outline .content-primary .no-content .current.button:hover, .view-static-pages .content-primary .add-pages .current.button:hover, .view-container .content-primary .no-container-content .current.button:hover, .view-textbooks .content-primary .no-textbook-content .current.button:hover, .view-group-configurations .content-primary .no-content .current.button:hover, .view-certificates .content-primary .no-content .current.button:hover,
    [class*="view-"] .xblock-visibility_view .is-not-configured .current.action:hover,
    .view-outline .content-primary .no-content .current.action:hover,
    .view-static-pages .content-primary .add-pages .current.action:hover,
    .view-container .content-primary .no-container-content .current.action:hover,
    .view-textbooks .content-primary .no-textbook-content .current.action:hover,
    .view-group-configurations .content-primary .no-content .current.action:hover,
    .view-certificates .content-primary .no-content .current.action:hover, .notice-create.has-actions .list-actions .current.action-primary:hover, .view-uploads .no-asset-content .current.new-button:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-course:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-library:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-program:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-course:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-library:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-program:hover, .view-import .current.action-choose-file:hover, .view-import .wrapper-file-name .current.submit-button:hover, .view-settings .group-settings.assignment-types .actions .current.new-button:hover, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.button:hover,
    .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.action:hover, .wrapper-mast .mast.has-actions .nav-actions .current.button:active, .wrapper-sock .sock .support .list-actions .current.action-primary:active, .wrapper-sock .sock .feedback .list-actions .current.action-primary:active, .notice-incontext.has-actions .list-actions .current.action-primary:active, .notice-instruction.has-actions .list-actions .current.action-primary:active, .view-dashboard .status-creationrights .list-actions .current.action-primary:active, .view-dashboard .status-creationrights .form-actions .current.action-primary:active, .view-dashboard .course-item:hover .current.view-live-button:active, .view-export .export-controls .current.action-export:active, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .current.action-primary:active, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .current.action-primary:active, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .current.action-publish:active, .view-export-git .export-git-controls .current.action-export-git:active, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .current.action-primary:active, .view-certificates .wrapper-collection .collection-edit .actions .current.action-primary:active, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .current.action:active, [class*="view-"] .xblock-visibility_view .is-not-configured .current.button:active, .view-outline .content-primary .no-content .current.button:active, .view-static-pages .content-primary .add-pages .current.button:active, .view-container .content-primary .no-container-content .current.button:active, .view-textbooks .content-primary .no-textbook-content .current.button:active, .view-group-configurations .content-primary .no-content .current.button:active, .view-certificates .content-primary .no-content .current.button:active,
    [class*="view-"] .xblock-visibility_view .is-not-configured .current.action:active,
    .view-outline .content-primary .no-content .current.action:active,
    .view-static-pages .content-primary .add-pages .current.action:active,
    .view-container .content-primary .no-container-content .current.action:active,
    .view-textbooks .content-primary .no-textbook-content .current.action:active,
    .view-group-configurations .content-primary .no-content .current.action:active,
    .view-certificates .content-primary .no-content .current.action:active, .notice-create.has-actions .list-actions .current.action-primary:active, .view-uploads .no-asset-content .current.new-button:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-course:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-library:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-program:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-course:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-library:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-program:active, .view-import .current.action-choose-file:active, .view-import .wrapper-file-name .current.submit-button:active, .view-settings .group-settings.assignment-types .actions .current.new-button:active, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.button:active,
    .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.action:active, .wrapper-mast .mast.has-actions .nav-actions .current.button:focus, .wrapper-sock .sock .support .list-actions .current.action-primary:focus, .wrapper-sock .sock .feedback .list-actions .current.action-primary:focus, .notice-incontext.has-actions .list-actions .current.action-primary:focus, .notice-instruction.has-actions .list-actions .current.action-primary:focus, .view-dashboard .status-creationrights .list-actions .current.action-primary:focus, .view-dashboard .status-creationrights .form-actions .current.action-primary:focus, .view-dashboard .course-item:hover .current.view-live-button:focus, .view-export .export-controls .current.action-export:focus, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .current.action-primary:focus, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .current.action-primary:focus, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .current.action-publish:focus, .view-export-git .export-git-controls .current.action-export-git:focus, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .current.action-primary:focus, .view-certificates .wrapper-collection .collection-edit .actions .current.action-primary:focus, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .current.action:focus, [class*="view-"] .xblock-visibility_view .is-not-configured .current.button:focus, .view-outline .content-primary .no-content .current.button:focus, .view-static-pages .content-primary .add-pages .current.button:focus, .view-container .content-primary .no-container-content .current.button:focus, .view-textbooks .content-primary .no-textbook-content .current.button:focus, .view-group-configurations .content-primary .no-content .current.button:focus, .view-certificates .content-primary .no-content .current.button:focus,
    [class*="view-"] .xblock-visibility_view .is-not-configured .current.action:focus,
    .view-outline .content-primary .no-content .current.action:focus,
    .view-static-pages .content-primary .add-pages .current.action:focus,
    .view-container .content-primary .no-container-content .current.action:focus,
    .view-textbooks .content-primary .no-textbook-content .current.action:focus,
    .view-group-configurations .content-primary .no-content .current.action:focus,
    .view-certificates .content-primary .no-content .current.action:focus, .notice-create.has-actions .list-actions .current.action-primary:focus, .view-uploads .no-asset-content .current.new-button:focus, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-course:focus, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-library:focus, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-program:focus, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-course:focus, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-library:focus, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-program:focus, .view-import .current.action-choose-file:focus, .view-import .wrapper-file-name .current.submit-button:focus, .view-settings .group-settings.assignment-types .actions .current.new-button:focus, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.button:focus,
    .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.action:focus, .wrapper-mast .mast.has-actions .nav-actions .active.button:hover, .wrapper-sock .sock .support .list-actions .active.action-primary:hover, .wrapper-sock .sock .feedback .list-actions .active.action-primary:hover, .notice-incontext.has-actions .list-actions .active.action-primary:hover, .notice-instruction.has-actions .list-actions .active.action-primary:hover, .view-dashboard .status-creationrights .list-actions .active.action-primary:hover, .view-dashboard .status-creationrights .form-actions .active.action-primary:hover, .view-dashboard .course-item:hover .active.view-live-button:hover, .view-export .export-controls .active.action-export:hover, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .active.action-primary:hover, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .active.action-primary:hover, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .active.action-publish:hover, .view-export-git .export-git-controls .active.action-export-git:hover, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .active.action-primary:hover, .view-certificates .wrapper-collection .collection-edit .actions .active.action-primary:hover, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .active.action:hover, [class*="view-"] .xblock-visibility_view .is-not-configured .active.button:hover, .view-outline .content-primary .no-content .active.button:hover, .view-static-pages .content-primary .add-pages .active.button:hover, .view-container .content-primary .no-container-content .active.button:hover, .view-textbooks .content-primary .no-textbook-content .active.button:hover, .view-group-configurations .content-primary .no-content .active.button:hover, .view-certificates .content-primary .no-content .active.button:hover,
    [class*="view-"] .xblock-visibility_view .is-not-configured .active.action:hover,
    .view-outline .content-primary .no-content .active.action:hover,
    .view-static-pages .content-primary .add-pages .active.action:hover,
    .view-container .content-primary .no-container-content .active.action:hover,
    .view-textbooks .content-primary .no-textbook-content .active.action:hover,
    .view-group-configurations .content-primary .no-content .active.action:hover,
    .view-certificates .content-primary .no-content .active.action:hover, .notice-create.has-actions .list-actions .active.action-primary:hover, .view-uploads .no-asset-content .active.new-button:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-course:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-library:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-program:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-course:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-library:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-program:hover, .view-import .active.action-choose-file:hover, .view-import .wrapper-file-name .active.submit-button:hover, .view-settings .group-settings.assignment-types .actions .active.new-button:hover, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.button:hover,
    .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.action:hover, .wrapper-mast .mast.has-actions .nav-actions .active.button:active, .wrapper-sock .sock .support .list-actions .active.action-primary:active, .wrapper-sock .sock .feedback .list-actions .active.action-primary:active, .notice-incontext.has-actions .list-actions .active.action-primary:active, .notice-instruction.has-actions .list-actions .active.action-primary:active, .view-dashboard .status-creationrights .list-actions .active.action-primary:active, .view-dashboard .status-creationrights .form-actions .active.action-primary:active, .view-dashboard .course-item:hover .active.view-live-button:active, .view-export .export-controls .active.action-export:active, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .active.action-primary:active, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .active.action-primary:active, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .active.action-publish:active, .view-export-git .export-git-controls .active.action-export-git:active, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .active.action-primary:active, .view-certificates .wrapper-collection .collection-edit .actions .active.action-primary:active, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .active.action:active, [class*="view-"] .xblock-visibility_view .is-not-configured .active.button:active, .view-outline .content-primary .no-content .active.button:active, .view-static-pages .content-primary .add-pages .active.button:active, .view-container .content-primary .no-container-content .active.button:active, .view-textbooks .content-primary .no-textbook-content .active.button:active, .view-group-configurations .content-primary .no-content .active.button:active, .view-certificates .content-primary .no-content .active.button:active,
    [class*="view-"] .xblock-visibility_view .is-not-configured .active.action:active,
    .view-outline .content-primary .no-content .active.action:active,
    .view-static-pages .content-primary .add-pages .active.action:active,
    .view-container .content-primary .no-container-content .active.action:active,
    .view-textbooks .content-primary .no-textbook-content .active.action:active,
    .view-group-configurations .content-primary .no-content .active.action:active,
    .view-certificates .content-primary .no-content .active.action:active, .notice-create.has-actions .list-actions .active.action-primary:active, .view-uploads .no-asset-content .active.new-button:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-course:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-library:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-program:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-course:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-library:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-program:active, .view-import .active.action-choose-file:active, .view-import .wrapper-file-name .active.submit-button:active, .view-settings .group-settings.assignment-types .actions .active.new-button:active, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.button:active,
    .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.action:active, .wrapper-mast .mast.has-actions .nav-actions .active.button:focus, .wrapper-sock .sock .support .list-actions .active.action-primary:focus, .wrapper-sock .sock .feedback .list-actions .active.action-primary:focus, .notice-incontext.has-actions .list-actions .active.action-primary:focus, .notice-instruction.has-actions .list-actions .active.action-primary:focus, .view-dashboard .status-creationrights .list-actions .active.action-primary:focus, .view-dashboard .status-creationrights .form-actions .active.action-primary:focus, .view-dashboard .course-item:hover .active.view-live-button:focus, .view-export .export-controls .active.action-export:focus, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .active.action-primary:focus, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .active.action-primary:focus, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .active.action-publish:focus, .view-export-git .export-git-controls .active.action-export-git:focus, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .active.action-primary:focus, .view-certificates .wrapper-collection .collection-edit .actions .active.action-primary:focus, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .active.action:focus, [class*="view-"] .xblock-visibility_view .is-not-configured .active.button:focus, .view-outline .content-primary .no-content .active.button:focus, .view-static-pages .content-primary .add-pages .active.button:focus, .view-container .content-primary .no-container-content .active.button:focus, .view-textbooks .content-primary .no-textbook-content .active.button:focus, .view-group-configurations .content-primary .no-content .active.button:focus, .view-certificates .content-primary .no-content .active.button:focus,
    [class*="view-"] .xblock-visibility_view .is-not-configured .active.action:focus,
    .view-outline .content-primary .no-content .active.action:focus,
    .view-static-pages .content-primary .add-pages .active.action:focus,
    .view-container .content-primary .no-container-content .active.action:focus,
    .view-textbooks .content-primary .no-textbook-content .active.action:focus,
    .view-group-configurations .content-primary .no-content .active.action:focus,
    .view-certificates .content-primary .no-content .active.action:focus, .notice-create.has-actions .list-actions .active.action-primary:focus, .view-uploads .no-asset-content .active.new-button:focus, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-course:focus, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-library:focus, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-program:focus, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-course:focus, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-library:focus, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-program:focus, .view-import .active.action-choose-file:focus, .view-import .wrapper-file-name .active.submit-button:focus, .view-settings .group-settings.assignment-types .actions .active.new-button:focus, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.button:focus,
    .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.action:focus {
      box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.4); }

[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button,
[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab, .view-dashboard .wrapper-creationrights .ui-toggle-control, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-secondary, .view-certificates .wrapper-collection .collection-edit .actions .action-secondary, .alert .action-dismiss .button, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .button {
  border-width: 1px;
  border-style: solid;
  padding: 10px 20px;
  background: transparent;
  line-height: 1.5em;
  text-align: center; }

.wrapper-comp-settings .file-uploader .upload-setting, .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .create-setting, .wrapper-comp-settings .list-input.settings-list .metadata-dict .create-setting, .outline-content .add-item .button-new, .bit .external-help-button, .view-outline .new-subsection-item,
.view-outline .new-unit-item, .view-outline .outline-complex .add-item .button-new, .view-settings .group-settings #field-course-image .wrapper-input .action-upload-image, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field .action-upload,
.view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field .action-upload, .view-textbooks .content-primary .textbook .edit-textbook .action-add-chapter, .view-group-configurations .content-primary .wrapper-collection .action-add-item, .view-group-configurations .content-primary .action-add, .view-certificates .wrapper-collection .collection-edit .action-add-signatory, .view-certificates .wrapper-collection .action-add-item, .view-certificates .action-add, .view-certificates .certificates .signatory-edit .field .signature-upload-wrapper .action-upload-signature, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .create-setting, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .upload-setting {
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  transition: all 0.15s;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #66c5f0;
  padding: 1px 10px 2px 10px;
  background-color: transparent;
  color: #66c5f0; }
  .wrapper-comp-settings .file-uploader .upload-setting:hover, .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .create-setting:hover, .wrapper-comp-settings .list-input.settings-list .metadata-dict .create-setting:hover, .outline-content .add-item .button-new:hover, .bit .external-help-button:hover, .view-outline .new-subsection-item:hover,
  .view-outline .new-unit-item:hover, .view-outline .outline-complex .add-item .button-new:hover, .view-settings .group-settings #field-course-image .wrapper-input .action-upload-image:hover, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field .action-upload:hover,
  .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field .action-upload:hover, .view-textbooks .content-primary .textbook .edit-textbook .action-add-chapter:hover, .view-group-configurations .content-primary .wrapper-collection .action-add-item:hover, .view-group-configurations .content-primary .action-add:hover, .view-certificates .wrapper-collection .collection-edit .action-add-signatory:hover, .view-certificates .wrapper-collection .action-add-item:hover, .view-certificates .action-add:hover, .view-certificates .certificates .signatory-edit .field .signature-upload-wrapper .action-upload-signature:hover, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .create-setting:hover, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .upload-setting:hover, .wrapper-comp-settings .file-uploader .upload-setting:focus, .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .create-setting:focus, .wrapper-comp-settings .list-input.settings-list .metadata-dict .create-setting:focus, .outline-content .add-item .button-new:focus, .bit .external-help-button:focus, .view-outline .new-subsection-item:focus,
  .view-outline .new-unit-item:focus, .view-outline .outline-complex .add-item .button-new:focus, .view-settings .group-settings #field-course-image .wrapper-input .action-upload-image:focus, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field .action-upload:focus,
  .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field .action-upload:focus, .view-textbooks .content-primary .textbook .edit-textbook .action-add-chapter:focus, .view-group-configurations .content-primary .wrapper-collection .action-add-item:focus, .view-group-configurations .content-primary .action-add:focus, .view-certificates .wrapper-collection .collection-edit .action-add-signatory:focus, .view-certificates .wrapper-collection .action-add-item:focus, .view-certificates .action-add:focus, .view-certificates .certificates .signatory-edit .field .signature-upload-wrapper .action-upload-signature:focus, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .create-setting:focus, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .upload-setting:focus {
    border: 1px solid #009fe6;
    background-color: #009fe6;
    color: white; }
  .wrapper-comp-settings .file-uploader .is-disabled.upload-setting, .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .is-disabled.create-setting, .wrapper-comp-settings .list-input.settings-list .metadata-dict .is-disabled.create-setting, .outline-content .add-item .is-disabled.button-new, .bit .is-disabled.external-help-button, .view-outline .is-disabled.new-subsection-item,
  .view-outline .is-disabled.new-unit-item, .view-outline .outline-complex .add-item .is-disabled.button-new, .view-settings .group-settings #field-course-image .wrapper-input .is-disabled.action-upload-image, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field .is-disabled.action-upload,
  .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field .is-disabled.action-upload, .view-textbooks .content-primary .textbook .edit-textbook .is-disabled.action-add-chapter, .view-group-configurations .content-primary .wrapper-collection .is-disabled.action-add-item, .view-group-configurations .content-primary .is-disabled.action-add, .view-certificates .wrapper-collection .collection-edit .is-disabled.action-add-signatory, .view-certificates .wrapper-collection .is-disabled.action-add-item, .view-certificates .is-disabled.action-add, .view-certificates .certificates .signatory-edit .field .signature-upload-wrapper .is-disabled.action-upload-signature, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .is-disabled.create-setting, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .is-disabled.upload-setting, .wrapper-comp-settings .file-uploader [disabled="disabled"].upload-setting, .wrapper-comp-settings .list-input.settings-list .metadata-list-enum [disabled="disabled"].create-setting, .wrapper-comp-settings .list-input.settings-list .metadata-dict [disabled="disabled"].create-setting, .outline-content .add-item [disabled="disabled"].button-new, .bit [disabled="disabled"].external-help-button, .view-outline [disabled="disabled"].new-subsection-item,
  .view-outline [disabled="disabled"].new-unit-item, .view-outline .outline-complex .add-item [disabled="disabled"].button-new, .view-settings .group-settings #field-course-image .wrapper-input [disabled="disabled"].action-upload-image, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field [disabled="disabled"].action-upload,
  .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field [disabled="disabled"].action-upload, .view-textbooks .content-primary .textbook .edit-textbook [disabled="disabled"].action-add-chapter, .view-group-configurations .content-primary .wrapper-collection [disabled="disabled"].action-add-item, .view-group-configurations .content-primary [disabled="disabled"].action-add, .view-certificates .wrapper-collection .collection-edit [disabled="disabled"].action-add-signatory, .view-certificates .wrapper-collection [disabled="disabled"].action-add-item, .view-certificates [disabled="disabled"].action-add, .view-certificates .certificates .signatory-edit .field .signature-upload-wrapper [disabled="disabled"].action-upload-signature, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations [disabled="disabled"].create-setting, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations [disabled="disabled"].upload-setting {
    border: 1px solid #b2b2b2;
    background-color: #e5e5e5;
    color: #b2b2b2;
    pointer-events: none; }

.incontext-editor.is-editable .incontext-editor-open-action, .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .edit, .view-certificates .wrapper-collection .collection-details .actions .action .edit, .view-certificates .wrapper-collection .collection-details .actions .action .edit-signatory, .wrapper-comp-settings .file-uploader .download-setting, .view-team .user-list .user-item .item-actions .delete, .view-textbooks .content-primary .textbook .view-textbook .actions .action .delete, .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .delete, .view-video-uploads .button, .view-certificates .wrapper-collection .collection-details .actions .action .delete, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .download-setting {
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  transition: all 0.15s;
  -webkit-transition: all 0.25s linear 0s;
  -moz-transition: all 0.25s linear 0s;
  transition: all 0.25s linear 0s;
  display: inline-block;
  vertical-align: middle;
  border: none;
  padding: 3px 10px;
  background: none;
  color: #989898; }
  .incontext-editor.is-editable .incontext-editor-open-action:hover, .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .edit:hover, .view-certificates .wrapper-collection .collection-details .actions .action .edit:hover, .view-certificates .wrapper-collection .collection-details .actions .action .edit-signatory:hover, .wrapper-comp-settings .file-uploader .download-setting:hover, .view-team .user-list .user-item .item-actions .delete:hover, .view-textbooks .content-primary .textbook .view-textbook .actions .action .delete:hover, .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .delete:hover, .view-video-uploads .button:hover, .view-certificates .wrapper-collection .collection-details .actions .action .delete:hover, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .download-setting:hover, .incontext-editor.is-editable .incontext-editor-open-action:focus, .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .edit:focus, .view-certificates .wrapper-collection .collection-details .actions .action .edit:focus, .view-certificates .wrapper-collection .collection-details .actions .action .edit-signatory:focus, .wrapper-comp-settings .file-uploader .download-setting:focus, .view-team .user-list .user-item .item-actions .delete:focus, .view-textbooks .content-primary .textbook .view-textbook .actions .action .delete:focus, .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .delete:focus, .view-video-uploads .button:focus, .view-certificates .wrapper-collection .collection-details .actions .action .delete:focus, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .download-setting:focus {
    background-color: #989898;
    color: white; }

.incontext-editor.is-editable .incontext-editor-open-action:hover, .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .edit:hover, .view-certificates .wrapper-collection .collection-details .actions .action .edit:hover, .view-certificates .wrapper-collection .collection-details .actions .action .edit-signatory:hover, .incontext-editor.is-editable .incontext-editor-open-action:focus, .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .edit:focus, .view-certificates .wrapper-collection .collection-details .actions .action .edit:focus, .view-certificates .wrapper-collection .collection-details .actions .action .edit-signatory:focus {
  background-color: #009fe6;
  color: white; }

[class*="view-"] .xblock-visibility_view .is-not-configured, .view-outline .content-primary .no-content, .view-static-pages .content-primary .add-pages, .view-container .content-primary .no-container-content, .view-textbooks .content-primary .no-textbook-content, .view-group-configurations .content-primary .no-content, .view-certificates .content-primary .no-content, .ui-loading, .notice-incontext, .view-uploads .no-asset-content, .view-import .wrapper-file-name, .view-group-configurations .content-primary .notice-moduledisabled, .view-certificates .content-primary .notice-moduledisabled {
  box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.2);
  padding: 15px 20px; }

[class*="view-"] .xblock-visibility_view .is-not-configured, .view-outline .content-primary .no-content, .view-static-pages .content-primary .add-pages, .view-container .content-primary .no-container-content, .view-textbooks .content-primary .no-textbook-content, .view-group-configurations .content-primary .no-content, .view-certificates .content-primary .no-content {
  padding: 40px;
  background-color: #e5e5e5;
  text-align: center;
  color: #7f7f7f; }
  [class*="view-"] .xblock-visibility_view .is-not-configured .button, .view-outline .content-primary .no-content .button, .view-static-pages .content-primary .add-pages .button, .view-container .content-primary .no-container-content .button, .view-textbooks .content-primary .no-textbook-content .button, .view-group-configurations .content-primary .no-content .button, .view-certificates .content-primary .no-content .button,
  [class*="view-"] .xblock-visibility_view .is-not-configured .action,
  .view-outline .content-primary .no-content .action,
  .view-static-pages .content-primary .add-pages .action,
  .view-container .content-primary .no-container-content .action,
  .view-textbooks .content-primary .no-textbook-content .action,
  .view-group-configurations .content-primary .no-content .action,
  .view-certificates .content-primary .no-content .action {
    margin-left: 20px; }
    [class*="view-"] .xblock-visibility_view .is-not-configured .button .icon, .view-outline .content-primary .no-content .button .icon, .view-static-pages .content-primary .add-pages .button .icon, .view-container .content-primary .no-container-content .button .icon, .view-textbooks .content-primary .no-textbook-content .button .icon, .view-group-configurations .content-primary .no-content .button .icon, .view-certificates .content-primary .no-content .button .icon,
    [class*="view-"] .xblock-visibility_view .is-not-configured .action .icon,
    .view-outline .content-primary .no-content .action .icon,
    .view-static-pages .content-primary .add-pages .action .icon,
    .view-container .content-primary .no-container-content .action .icon,
    .view-textbooks .content-primary .no-textbook-content .action .icon,
    .view-group-configurations .content-primary .no-content .action .icon,
    .view-certificates .content-primary .no-content .action .icon {
      margin-right: 10px; }

.ui-loading {
  -webkit-animation: fadeIn 0.25s linear 1;
  -moz-animation: fadeIn 0.25s linear 1;
  animation: fadeIn 0.25s linear 1;
  opacity: .6;
  background-color: white;
  padding: 30px 20px;
  text-align: center; }
  .ui-loading .spin {
    display: inline-block; }
  .ui-loading .copy {
    padding-left: 5px; }

.is-hidden, .xmodule_display.xmodule_VideoModule .video.closed .subtitles, .mast.has-actions .nav-actions .button.is-hidden {
  display: none; }

.wrapper-comp-settings .list-input.settings-list, nav ol, nav ul, .form-create .list-input, .bit .list-actions, .bit .list-details, .bit .nav-related, .bit .nav-page, .view-signup .content-primary form .list-input,
.view-signin .content-primary form .list-input,
.view-util .content-primary form .list-input, .view-settings .group-settings .list-input, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields,
.view-textbooks .content-primary .textbook .edit-textbook .textbook-fields, .view-group-configurations .content-primary .wrapper-collection .collection-edit .collection-fields, .view-video-uploads .active-video-upload-container .active-video-upload-list, .view-certificates .wrapper-collection .collection-edit .collection-fields {
  list-style: none;
  margin: 0;
  padding: 0;
  text-indent: 0; }
  .wrapper-comp-settings .list-input.settings-list li, nav ol li, nav ul li, .form-create .list-input li, .bit .list-actions li, .bit .list-details li, .bit .nav-related li, .bit .nav-page li, .view-signup .content-primary form .list-input li,
  .view-signin .content-primary form .list-input li,
  .view-util .content-primary form .list-input li, .view-settings .group-settings .list-input li, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields li,
  .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields li, .view-group-configurations .content-primary .wrapper-collection .collection-edit .collection-fields li, .view-video-uploads .active-video-upload-container .active-video-upload-list li, .view-certificates .wrapper-collection .collection-edit .collection-fields li {
    margin: 0;
    padding: 0; }

.incontext-editor.is-editable .incontext-editor-open-action span, .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .edit span, .view-certificates .wrapper-collection .collection-details .actions .action .edit span, .view-certificates .wrapper-collection .collection-details .actions .action .edit-signatory span, .wrapper-comp-settings .file-uploader .download-setting span, .view-team .user-list .user-item .item-actions .delete span, .view-textbooks .content-primary .textbook .view-textbook .actions .action .delete span, .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .delete span, .view-video-uploads .button span, .view-certificates .wrapper-collection .collection-details .actions .action .delete span, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .download-setting span, hr.divide, .sr, .view-uploads .assets-library .pagination .nav-label, .view-uploads .assets-library .pagination .pagination-form .page-number-label,
.view-uploads .assets-library .pagination .pagination-form .submit-pagination-form, hr.divider, .content-modal .action-modal-close .label, .wrapper-xblock .container-paging-header .pagination .nav-label, .wrapper-xblock .container-paging-footer .pagination .nav-label, .wrapper-assets .assets-library .pagination .nav-label, .wrapper-xblock .container-paging-header .pagination .pagination-form .page-number-label, .wrapper-xblock .container-paging-footer .pagination .pagination-form .page-number-label, .wrapper-assets .assets-library .pagination .pagination-form .page-number-label,
.wrapper-xblock .container-paging-header .pagination .pagination-form .submit-pagination-form,
.wrapper-xblock .container-paging-footer .pagination .pagination-form .submit-pagination-form,
.wrapper-assets .assets-library .pagination .pagination-form .submit-pagination-form, form .checkbox-cosmetic .input-checkbox, .wrapper-sock .sock .support .list-actions .action-item .tip, .wrapper-sock .sock .feedback .list-actions .action-item .tip, .notification.mini .copy p, .alert .action-alert-close .label, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-staff-lock .checkbox-cosmetic .input-checkbox, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-verification-access .checkbox-cosmetic .input-checkbox,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-staff-lock .checkbox-cosmetic .input-checkbox,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-verification-access .checkbox-cosmetic .input-checkbox,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-staff-lock .checkbox-cosmetic .input-checkbox,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-verification-access .checkbox-cosmetic .input-checkbox,
[class*="view-"] .course-outline-modal .edit-staff-lock .checkbox-cosmetic .input-checkbox,
[class*="view-"] .course-outline-modal .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox,
[class*="view-"] .course-outline-modal .edit-verification-access .checkbox-cosmetic .input-checkbox, .view-dashboard .status-creationrights .status-update .label, .view-dashboard .status-creationrights.is-unrequested .title, .view-dashboard .course-item .course-metadata .metadata-item .label, .view-export .introduction .title, .view-export-git .introduction .title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.view-container .content-supplementary .bit-publishing .wrapper-last-draft .user, .view-container .content-supplementary .unit-publish-history .wrapper-last-publish .user, .view-container .content-supplementary .unit-location .wrapper-unit-tree-location .item-title, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .item-title {
  word-wrap: break-word; }

.wrapper-mast .mast.has-navigation .navigation-link, .wrapper-xblock .xblock-header-primary .header-details, .wrapper-mast .mast.has-navigation .navigation-item, .incontext-editor.is-editable .incontext-editor-value,
.incontext-editor.is-editable .incontext-editor-action-wrapper, .notification.mini .title, .view-group-configurations .content-primary .wrapper-collection .collection-header .title, .view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload .video-detail-name, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .wrapper-translations-settings .list-settings .list-settings-item .list-settings-buttons {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.correct:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.unanswered:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .incorrect .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .incorrect .status:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .partially-correct .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .partially-correct .status:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .correct .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .correct .status:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .unanswered .status:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .unsubmitted .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .unanswered .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .unsubmitted .status:after, .xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container > a:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.unanswered:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .incorrect .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .incorrect .status:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .partially-correct .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .partially-correct .status:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .correct .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .correct .status:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .unanswered .status:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .unsubmitted .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .unanswered .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .unsubmitted .status:after {
  display: inline-block;
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  speak: none; }

.alert.confirm button, .notification.confirm button, .prompt.confirm button, .alert.warning button, .notification.warning button, .prompt.warning button, .alert.error button, .notification.error button, .prompt.error button, .alert.announcement button, .notification.announcement button, .prompt.announcement button, .alert.confirmation button, .notification.confirmation button, .prompt.confirmation button, .alert.step-required button, .notification.step-required button, .prompt.step-required button {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0; }

.faded-hr-divider, .horizontal-divider {
  background-image: -webkit-linear-gradient(-450deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0));
  background-image: linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0));
  height: 1px;
  width: 100%; }

.faded-hr-divider-medium {
  background-image: -webkit-linear-gradient(-450deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0));
  background-image: linear-gradient(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0));
  height: 1px;
  width: 100%; }

.faded-hr-divider-light, .horizontal-divider::after {
  background-image: -webkit-linear-gradient(-450deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0));
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0));
  height: 1px;
  width: 100%; }

.faded-vertical-divider, .vertical-divider {
  background-image: -webkit-linear-gradient(-360deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0));
  background-image: linear-gradient(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0));
  height: 100%;
  width: 1px; }

.faded-vertical-divider-light, .vertical-divider::after {
  background-image: -webkit-linear-gradient(-360deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0));
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0));
  height: 100%;
  width: 1px; }

.vertical-divider {
  position: relative; }
  .vertical-divider::after {
    content: "";
    display: block;
    position: absolute;
    left: 1px; }

.horizontal-divider {
  border: none;
  position: relative; }
  .horizontal-divider::after {
    content: "";
    display: block;
    position: absolute;
    top: 1px; }

.fade-right-hr-divider {
  background-image: -webkit-linear-gradient(-450deg, rgba(200, 200, 200, 0) 0%, #c8c8c8);
  background-image: linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8);
  border: none; }

.fade-left-hr-divider {
  background-image: -webkit-linear-gradient(-450deg, #c8c8c8 0%, rgba(200, 200, 200, 0));
  background-image: linear-gradient(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0));
  border: none; }

.window {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  margin-bottom: 20px;
  border: 1px solid #b2b2b2;
  background: white; }
  .window:after {
    content: "";
    display: table;
    clear: both; }

.gray-button, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .link_lti_new_window {
  -webkit-transition: background-color 0.15s, box-shadow 0.15s;
  -moz-transition: background-color 0.15s, box-shadow 0.15s;
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.25);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
  border: 1px solid #656565;
  border-radius: 3px;
  background-color: #4c4c4c;
  color: #cbcbcb; }
  .gray-button.disabled, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .disabled.link_lti_new_window, .gray-button.is-disabled, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .is-disabled.link_lti_new_window {
    border: 1px solid #989898 !important;
    border-radius: 3px !important;
    background: #989898 !important;
    color: #656565 !important;
    pointer-events: none;
    cursor: none; }
    .gray-button.disabled:hover, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .disabled.link_lti_new_window:hover, .gray-button.disabled:focus, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .disabled.link_lti_new_window:focus, .gray-button.is-disabled:hover, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .is-disabled.link_lti_new_window:hover, .gray-button.is-disabled:focus, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .is-disabled.link_lti_new_window:focus {
      box-shadow: 0 0 0 0 !important; }
  .gray-button:hover, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .link_lti_new_window:hover, .gray-button:focus, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .link_lti_new_window:focus, .gray-button:active, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .link_lti_new_window:active {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
  .gray-button:hover, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .link_lti_new_window:hover, .gray-button:focus, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .link_lti_new_window:focus {
    background-color: #323232;
    color: white; }

@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans/OpenSans-Light-webfont.ac5b729f30cf.woff2") format("woff2"), url("../fonts/OpenSans/OpenSans-Light-webfont.df04ed7fc7d8.woff") format("woff"), url("../fonts/OpenSans/OpenSans-Light-webfont.557ad65e492b.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans/OpenSans-LightItalic-webfont.d86732122677.woff2") format("woff2"), url("../fonts/OpenSans/OpenSans-LightItalic-webfont.02d04d22784f.woff") format("woff"), url("../fonts/OpenSans/OpenSans-LightItalic-webfont.05e99ea9cf0b.ttf") format("truetype");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans/OpenSans-Regular-webfont.a17b3a9bf6a0.woff2") format("woff2"), url("../fonts/OpenSans/OpenSans-Regular-webfont.87119b577169.woff") format("woff"), url("../fonts/OpenSans/OpenSans-Regular-webfont.4c7e867ae422.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans/OpenSans-Italic-webfont.22c2edbcc0ad.woff2") format("woff2"), url("../fonts/OpenSans/OpenSans-Italic-webfont.b9812e74f089.woff") format("woff"), url("../fonts/OpenSans/OpenSans-Italic-webfont.2416d120632b.ttf") format("truetype");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans/OpenSans-Semibold-webfont.09409c5982d1.woff2") format("woff2"), url("../fonts/OpenSans/OpenSans-Semibold-webfont.dbbfd9e667c7.woff") format("woff"), url("../fonts/OpenSans/OpenSans-Semibold-webfont.f75c4b742376.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.b88b3179838d.woff2") format("woff2"), url("../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.f386291c234e.woff") format("woff"), url("../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.e84740526b8c.ttf") format("truetype");
  font-weight: 600;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans/OpenSans-Bold-webfont.5c778ce49ad5.woff2") format("woff2"), url("../fonts/OpenSans/OpenSans-Bold-webfont.6dbaf63547f2.woff") format("woff"), url("../fonts/OpenSans/OpenSans-Bold-webfont.ad0eb070a07f.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/OpenSans/OpenSans-BoldItalic-webfont.3813cb506edd.woff2") format("woff2"), url("../fonts/OpenSans/OpenSans-BoldItalic-webfont.7dae097d5db8.woff") format("woff"), url("../fonts/OpenSans/OpenSans-BoldItalic-webfont.f9103010ab55.ttf") format("truetype");
  font-weight: 700;
  font-style: italic; }
.drag-handle {
  display: inline-block;
  float: right;
  width: 7px;
  height: 22px;
  margin-left: 10px;
  background: url("../images/drag-handles.90bcfcae8c34.png") no-repeat;
  cursor: move; }

.large-advanced-icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("../images/large-advanced-icon.4386b12aa4a2.png") center no-repeat; }

.large-discussion-icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("../images/large-discussion-icon.e331fca5e665.png") center no-repeat; }

.large-html-icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("../images/large-html-icon.547737c8119f.png") center no-repeat; }

.large-problem-icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("../images/large-problem-icon.55bb8cb87f66.png") center no-repeat; }

.large-video-icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("../images/large-video-icon.14a18d12c3a0.png") center no-repeat; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0.0; }

  50% {
    opacity: 0.5; }

  100% {
    opacity: 1.0; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0.0; }

  50% {
    opacity: 0.5; }

  100% {
    opacity: 1.0; } }
@keyframes fadeIn {
  0% {
    opacity: 0.0; }

  50% {
    opacity: 0.5; }

  100% {
    opacity: 1.0; } }
.form-create .list-input .field.error .is-showing {
  -webkit-animation: fadeIn 0.25s linear 1;
  -moz-animation: fadeIn 0.25s linear 1;
  animation: fadeIn 0.25s linear 1; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1.0; }

  50% {
    opacity: 0.5; }

  100% {
    opacity: 0.0; } }
@-moz-keyframes fadeOut {
  0% {
    opacity: 1.0; }

  50% {
    opacity: 0.5; }

  100% {
    opacity: 0.0; } }
@keyframes fadeOut {
  0% {
    opacity: 1.0; }

  50% {
    opacity: 0.5; }

  100% {
    opacity: 0.0; } }
.form-create .list-input .field.error .is-hiding {
  -webkit-animation: fadeOut 0.25s linear 1;
  -moz-animation: fadeOut 0.25s linear 1;
  animation: fadeOut 0.25s linear 1; }

@-webkit-keyframes rotateUp {
  0% {
    -webkit-transform: rotate(0deg); }

  50% {
    -webkit-transform: rotate(-90deg); }

  100% {
    -webkit-transform: rotate(-180deg); } }
@-moz-keyframes rotateUp {
  0% {
    -moz-transform: rotate(0deg); }

  50% {
    -moz-transform: rotate(-90deg); }

  100% {
    -moz-transform: rotate(-180deg); } }
@keyframes rotateUp {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  50% {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }

  100% {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg); } }
@-webkit-keyframes rotateDown {
  0% {
    -webkit-transform: rotate(0deg); }

  50% {
    -webkit-transform: rotate(90deg); }

  100% {
    -webkit-transform: rotate(180deg); } }
@-moz-keyframes rotateDown {
  0% {
    -moz-transform: rotate(0deg); }

  50% {
    -moz-transform: rotate(90deg); }

  100% {
    -moz-transform: rotate(180deg); } }
@keyframes rotateDown {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  50% {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }

  100% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); } }
@-webkit-keyframes rotateCW {
  0% {
    -webkit-transform: rotate(0deg); }

  50% {
    -webkit-transform: rotate(180deg); }

  100% {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes rotateCW {
  0% {
    -moz-transform: rotate(0deg); }

  50% {
    -moz-transform: rotate(180deg); }

  100% {
    -moz-transform: rotate(360deg); } }
@keyframes rotateCW {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
.ui-loading .spin {
  -webkit-animation: rotateCW 1s linear infinite;
  -moz-animation: rotateCW 1s linear infinite;
  animation: rotateCW 1s linear infinite; }

@-webkit-keyframes rotateCCW {
  0% {
    -webkit-transform: rotate(0deg); }

  50% {
    -webkit-transform: rotate(-180deg); }

  100% {
    -webkit-transform: rotate(-360deg); } }
@-moz-keyframes rotateCCW {
  0% {
    -moz-transform: rotate(0deg); }

  50% {
    -moz-transform: rotate(-180deg); }

  100% {
    -moz-transform: rotate(-360deg); } }
@keyframes rotateCCW {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  50% {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg); }

  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg); } }
@-webkit-keyframes notificationSlideUp {
  0% {
    -webkit-transform: translateY(0); }

  90% {
    -webkit-transform: translateY(-200px); }

  100% {
    -webkit-transform: translateY(-198px); } }
@-moz-keyframes notificationSlideUp {
  0% {
    -moz-transform: translateY(0); }

  90% {
    -moz-transform: translateY(-200px); }

  100% {
    -moz-transform: translateY(-198px); } }
@keyframes notificationSlideUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  90% {
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    transform: translateY(-200px); }

  100% {
    -webkit-transform: translateY(-198px);
    -moz-transform: translateY(-198px);
    -ms-transform: translateY(-198px);
    -o-transform: translateY(-198px);
    transform: translateY(-198px); } }
@-webkit-keyframes notificationSlideDown {
  0% {
    -webkit-transform: translateY(-198px); }

  10% {
    -webkit-transform: translateY(-200px); }

  100% {
    -webkit-transform: translateY(0); } }
@-moz-keyframes notificationSlideDown {
  0% {
    -moz-transform: translateY(-198px); }

  10% {
    -moz-transform: translateY(-200px); }

  100% {
    -moz-transform: translateY(0); } }
@keyframes notificationSlideDown {
  0% {
    -webkit-transform: translateY(-198px);
    -moz-transform: translateY(-198px);
    -ms-transform: translateY(-198px);
    -o-transform: translateY(-198px);
    transform: translateY(-198px); }

  10% {
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    transform: translateY(-200px); }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0.0;
    -webkit-transform: scale(0.3); }

  50% {
    opacity: 1.0;
    -webkit-transform: scale(1.05); }

  100% {
    -webkit-transform: scale(1); } }
@-moz-keyframes bounceIn {
  0% {
    opacity: 0.0;
    -moz-transform: scale(0.3); }

  50% {
    opacity: 1.0;
    -moz-transform: scale(1.05); }

  100% {
    -moz-transform: scale(1); } }
@keyframes bounceIn {
  0% {
    opacity: 0.0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); }

  50% {
    opacity: 1.0;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1); }

  50% {
    opacity: 1.0;
    -webkit-transform: scale(1.05); }

  100% {
    opacity: 0.0;
    -webkit-transform: scale(0.3); } }
@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1); }

  50% {
    opacity: 1.0;
    -moz-transform: scale(1.05); }

  100% {
    opacity: 0.0;
    -moz-transform: scale(0.3); } }
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  50% {
    opacity: 1.0;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }

  100% {
    opacity: 0.0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); } }
@-webkit-keyframes flash {
  0%, 100% {
    opacity: 1.0; }

  50% {
    opacity: 0.0; } }
@-moz-keyframes flash {
  0%, 100% {
    opacity: 1.0; }

  50% {
    opacity: 0.0; } }
@keyframes flash {
  0%, 100% {
    opacity: 1.0; }

  50% {
    opacity: 0.0; } }
@-webkit-keyframes flashDouble {
  0%, 50%, 100% {
    opacity: 1.0; }

  25%, 75% {
    opacity: 0.0; } }
@-moz-keyframes flashDouble {
  0%, 50%, 100% {
    opacity: 1.0; }

  25%, 75% {
    opacity: 0.0; } }
@keyframes flashDouble {
  0%, 50%, 100% {
    opacity: 1.0; }

  25%, 75% {
    opacity: 0.0; } }
@-webkit-keyframes pulse {
  0% {
    opacity: 0.0; }

  50% {
    opacity: 1.0; }

  100% {
    opacity: 0.0; } }
@-moz-keyframes pulse {
  0% {
    opacity: 0.0; }

  50% {
    opacity: 1.0; }

  100% {
    opacity: 0.0; } }
@keyframes pulse {
  0% {
    opacity: 0.0; }

  50% {
    opacity: 1.0; }

  100% {
    opacity: 0.0; } }
@-webkit-keyframes was-dropped {
  0% {
    opacity: 1.0; }

  50% {
    opacity: 0.5; }

  100% {
    opacity: 1.0; } }
@-moz-keyframes was-dropped {
  0% {
    opacity: 1.0; }

  50% {
    opacity: 0.5; }

  100% {
    opacity: 1.0; } }
@keyframes was-dropped {
  0% {
    opacity: 1.0; }

  50% {
    opacity: 0.5; }

  100% {
    opacity: 1.0; } }
html {
  font-size: 62.5%;
  height: 102%; }

body {
  min-width: 900px;
  background: #f2f2f2;
  color: #4c4c4c; }

body, input, button {
  font-family: 'Open Sans', sans-serif; }

a {
  -webkit-transition: color 0.25s ease-in-out 0s;
  -moz-transition: color 0.25s ease-in-out 0s;
  transition: color 0.25s ease-in-out 0s;
  text-decoration: none;
  color: #009fe6; }
  a:hover {
    color: #bd9730; }

.waiting {
  opacity: 0.1; }

.page-actions {
  margin-bottom: 30px; }

.wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }
  .wrapper:after {
    content: "";
    display: table;
    clear: both; }

.page-header {
  display: block;
  color: #323232; }
  .page-header .navigation, .page-header .subtitle {
    position: relative;
    top: 5px;
    display: block;
    color: #b2b2b2; }

.content-primary .section-header {
  color: #323232; }
  .content-primary .section-header .subtitle {
    color: #b2b2b2; }
.content-primary .content-header {
  color: #323232; }
  .content-primary .content-header .subtitle {
    color: #b2b2b2; }
.content-primary .area-header {
  color: #323232; }
  .content-primary .area-header .subtitle {
    color: #b2b2b2; }
.content-primary .area-subheader {
  color: #323232; }
  .content-primary .area-subheader .subtitle {
    color: #b2b2b2; }

.content-secondary .section-header {
  color: #323232; }
  .content-secondary .section-header .subtitle {
    color: #b2b2b2; }
.content-secondary .content-header {
  color: #323232; }
  .content-secondary .content-header .subtitle {
    color: #b2b2b2; }
.content-secondary .content-header {
  color: #323232; }
  .content-secondary .content-header .subtitle {
    color: #b2b2b2; }

.title-1 {
  margin-bottom: 30px; }

.title-2 {
  margin-bottom: 20px; }

.title-3 {
  margin-bottom: 10px; }

.title-4 {
  margin-bottom: 20px; }

.title-5 {
  color: #989898;
  margin-bottom: 20px; }

.title-6 {
  color: #b2b2b2;
  margin-bottom: 20px; }

p, ul, ol, dl {
  margin-bottom: 10px; }
  p:last-child, ul:last-child, ol:last-child, dl:last-child {
    margin-bottom: 0; }

.wrapper-mast {
  margin: 30px 0 0 0;
  padding: 0 20px;
  position: relative; }
  .wrapper-mast .mast, .wrapper-mast .metadata {
    position: relative;
    max-width: 1280px;
    min-width: 900px;
    width: 100%;
    margin: 0 auto 20px auto;
    color: #4c4c4c; }
    .wrapper-mast .mast:after, .wrapper-mast .metadata:after {
      content: "";
      display: table;
      clear: both; }
  .wrapper-mast .mast {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px; }
    .wrapper-mast .mast .page-header {
      width: 100%; }
    .wrapper-mast .mast.has-actions:after {
      content: "";
      display: table;
      clear: both; }
    .wrapper-mast .mast.has-actions .page-header {
      float: left;
      margin-right: 2.12766%;
      width: 48.93617%; }
    .wrapper-mast .mast.has-actions .nav-actions {
      float: left;
      text-align: right;
      position: relative;
      bottom: -15px;
      width: 48.93617%; }
      .wrapper-mast .mast.has-actions .nav-actions .nav-item {
        display: inline-block;
        vertical-align: top;
        margin-right: 10px; }
        .wrapper-mast .mast.has-actions .nav-actions .nav-item:last-child {
          margin-right: 0; }
      .wrapper-mast .mast.has-actions .nav-actions .button {
        padding: 5px 10px 6.66667px 10px; }
    .wrapper-mast .mast.has-subtitle .nav-actions {
      bottom: -30px; }
    .wrapper-mast .mast.has-navigation .nav-actions {
      bottom: -30px; }
    .wrapper-mast .mast.has-navigation .navigation-link {
      display: inline-block;
      vertical-align: bottom;
      max-width: 250px; }
      .wrapper-mast .mast.has-navigation .navigation-link.navigation-current {
        color: #7f7f7f;
        max-width: 250px; }
        .wrapper-mast .mast.has-navigation .navigation-link.navigation-current:before {
          color: #7f7f7f; }
    .wrapper-mast .mast.has-navigation .navigation-link:before {
      content: " / ";
      margin: 5px;
      color: #7f7f7f; }
      .wrapper-mast .mast.has-navigation .navigation-link:before:hover {
        color: #7f7f7f; }
    .wrapper-mast .mast.has-navigation .navigation .navigation-link:first-child:before {
      content: "";
      margin: 0; }
  .wrapper-mast .mast-wizard .page-header-sub {
    color: #7f7f7f;
    font-weight: 300; }
  .wrapper-mast .mast-wizard .page-header-super {
    float: left;
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
    font-weight: 600; }

.wrapper-content {
  margin: 0;
  padding: 0 20px;
  position: relative; }

.content {
  max-width: 1280px;
  min-width: 900px;
  width: 100%;
  margin: 0 auto;
  color: #4c4c4c; }
  .content:after {
    content: "";
    display: table;
    clear: both; }
  .content header {
    position: relative;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px; }
    .content header .title-sub {
      display: block;
      margin: 0;
      color: #b2b2b2; }
    .content header .title-1 {
      margin: 0;
      padding: 0;
      font-weight: 600;
      color: #323232; }

.content-primary, .content-supplementary {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.content-primary .title-2 {
  margin: 0 0 10px 0; }
.content-primary .title-3 {
  margin: 0 0 10px 0; }
.content-primary header:after {
  content: "";
  display: table;
  clear: both; }
.content-primary header .title-2 {
  width: 40.42553%;
  margin: 0 2.12766% 0 0;
  float: left; }
.content-primary header .tip {
  width: 57.44681%;
  float: right;
  margin-top: 10px;
  text-align: right;
  color: #b2b2b2; }

.content-supplementary > section {
  margin: 0 0 20px 0; }

.main-wrapper {
  position: relative;
  margin: 0 40px; }

.inner-wrapper {
  position: relative;
  max-width: 1280px;
  margin: auto; }
  .inner-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  .inner-wrapper > article {
    clear: both; }

.main-column {
  clear: both;
  float: left;
  width: 70%; }

.sidebar {
  float: right;
  width: 28%; }

.left {
  float: left; }

.right {
  float: right; }

.new-unit-item,
.new-subsection-item,
.new-policy-item {
  -webkit-transition: background-color 0.15s, box-shadow 0.15s;
  -moz-transition: background-color 0.15s, box-shadow 0.15s;
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  border: 1px solid #4c4c4c;
  border-radius: 3px;
  background-color: #d1dae3;
  color: #6d788b;
  margin: 10px;
  padding: 3px 10px 4px 10px; }
  .new-unit-item.disabled, .new-unit-item.is-disabled,
  .new-subsection-item.disabled,
  .new-subsection-item.is-disabled,
  .new-policy-item.disabled,
  .new-policy-item.is-disabled {
    border: 1px solid #989898 !important;
    border-radius: 3px !important;
    background: #989898 !important;
    color: #656565 !important;
    pointer-events: none;
    cursor: none; }
    .new-unit-item.disabled:hover, .new-unit-item.disabled:focus, .new-unit-item.is-disabled:hover, .new-unit-item.is-disabled:focus,
    .new-subsection-item.disabled:hover,
    .new-subsection-item.disabled:focus,
    .new-subsection-item.is-disabled:hover,
    .new-subsection-item.is-disabled:focus,
    .new-policy-item.disabled:hover,
    .new-policy-item.disabled:focus,
    .new-policy-item.is-disabled:hover,
    .new-policy-item.is-disabled:focus {
      box-shadow: 0 0 0 0 !important; }
  .new-unit-item:hover, .new-unit-item:focus, .new-unit-item:active,
  .new-subsection-item:hover,
  .new-subsection-item:focus,
  .new-subsection-item:active,
  .new-policy-item:hover,
  .new-policy-item:focus,
  .new-policy-item:active {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
  .new-unit-item:hover,
  .new-subsection-item:hover,
  .new-policy-item:hover {
    background-color: #d9e3ee;
    color: #6d788b; }
  .new-unit-item .new-folder-icon,
  .new-unit-item .new-policy-icon,
  .new-unit-item .new-unit-icon,
  .new-subsection-item .new-folder-icon,
  .new-subsection-item .new-policy-icon,
  .new-subsection-item .new-unit-icon,
  .new-policy-item .new-folder-icon,
  .new-policy-item .new-policy-icon,
  .new-policy-item .new-unit-icon {
    position: relative;
    top: 2px; }

.item-actions {
  position: absolute;
  top: 5px;
  right: 5px; }
  .item-actions .edit-button,
  .item-actions .delete-button,
  .item-actions .visibility-toggle {
    float: left;
    margin-right: 13px;
    color: #a4aab7; }

.item-details {
  float: left;
  padding: 10px 0; }

.details {
  display: none;
  margin-bottom: 30px; }

.window .window-contents {
  padding: 20px; }
.window .header {
  background-color: rgba(255, 255, 255, 0.4);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
  padding: 6px 14px;
  border-bottom: 1px solid #b0b6c2;
  border-radius: 2px 2px 0 0;
  background-color: #c5cfdf;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }
.window label {
  display: block;
  margin-bottom: 6px; }
  .window label.inline-label {
    display: inline; }
  .window label .description {
    display: block;
    font-style: italic;
    color: #999; }
.window .row {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cbd1db; }

.tooltip {
  -webkit-transition: opacity 0.125s ease-out 0s;
  -moz-transition: opacity 0.125s ease-out 0s;
  transition: opacity 0.125s ease-out 0s;
  font-size: 12px;
  font-size: 1.2rem;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 10px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.85);
  line-height: 26px;
  color: white;
  pointer-events: none;
  opacity: 0.0; }
  .tooltip:after {
    font-size: 20px;
    font-size: 2rem;
    content: '▾';
    display: block;
    position: absolute;
    bottom: -14px;
    left: 50%;
    margin-left: -7px;
    color: rgba(0, 0, 0, 0.85); }

.nav-skip {
  display: block;
  position: absolute;
  left: 0px;
  top: -600px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  background: white;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 10px; }
  .nav-skip:focus, .nav-skip:active {
    position: static;
    width: auto;
    height: auto; }

.content-modal {
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-bottomleft-radius: 2px;
  border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-bottomright-radius: 2px;
  border-bottom-right-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: none;
  width: 700px;
  padding: 20px;
  border: 1px solid #656565;
  background: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  overflow: hidden; }
  .content-modal .action-modal-close {
    -webkit-transition: top 0.125s ease-in-out 0s;
    -moz-transition: top 0.125s ease-in-out 0s;
    transition: top 0.125s ease-in-out 0s;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-bottomleft-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-bottomright-radius: 3px;
    border-bottom-right-radius: 3px;
    position: absolute;
    top: -3px;
    right: 20px;
    padding: 5px 10px 0 10px;
    background: #cbcbcb;
    text-align: center; }
    .content-modal .action-modal-close .icon {
      color: white; }
    .content-modal .action-modal-close:hover {
      top: 0;
      background: #009fe6; }
  .content-modal img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow-y: scroll;
    padding: 2px;
    border: 1px solid #e5e5e5; }
  .content-modal .title {
    margin: 0 0 10px 0;
    color: #323232; }
  .content-modal .description {
    margin-top: 10px;
    color: #989898; }

body strong,
body b {
  font-weight: 700; }

.wrapper-mast .mast.has-actions .nav-actions .button, .wrapper-sock .sock .support .list-actions .action-primary, .wrapper-sock .sock .feedback .list-actions .action-primary, .notice-incontext.has-actions .list-actions .action-primary, .notice-instruction.has-actions .list-actions .action-primary, .view-dashboard .status-creationrights .list-actions .action-primary, .view-dashboard .status-creationrights .form-actions .action-primary, .view-dashboard .course-item:hover .view-live-button, .view-export .export-controls .action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish, .view-export-git .export-git-controls .action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary, .view-certificates .wrapper-collection .collection-edit .actions .action-primary, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action, [class*="view-"] .xblock-visibility_view .is-not-configured .button, .view-outline .content-primary .no-content .button, .view-static-pages .content-primary .add-pages .button, .view-container .content-primary .no-container-content .button, .view-textbooks .content-primary .no-textbook-content .button, .view-group-configurations .content-primary .no-content .button, .view-certificates .content-primary .no-content .button,
[class*="view-"] .xblock-visibility_view .is-not-configured .action,
.view-outline .content-primary .no-content .action,
.view-static-pages .content-primary .add-pages .action,
.view-container .content-primary .no-container-content .action,
.view-textbooks .content-primary .no-textbook-content .action,
.view-group-configurations .content-primary .no-content .action,
.view-certificates .content-primary .no-content .action, .wrapper-mast .mast.has-actions .nav-actions .button.new-button, .wrapper-mast .mast.has-actions .nav-actions .button.button-new, .notice-create.has-actions .list-actions .action-primary, .view-uploads .no-asset-content .new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program, .view-import .action-choose-file, .view-import .wrapper-file-name .submit-button, .view-settings .group-settings.assignment-types .actions .new-button, .view-team .content .notice-create.has-actions .list-actions .action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button,
.wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action, .wrapper-comp-settings .file-uploader .upload-setting, .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .create-setting, .wrapper-comp-settings .list-input.settings-list .metadata-dict .create-setting, .outline-content .add-item .button-new, .bit .external-help-button, .view-outline .new-subsection-item,
.view-outline .new-unit-item, .view-outline .outline-complex .add-item .button-new, .view-settings .group-settings #field-course-image .wrapper-input .action-upload-image, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field .action-upload,
.view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field .action-upload, .view-textbooks .content-primary .textbook .edit-textbook .action-add-chapter, .view-group-configurations .content-primary .wrapper-collection .action-add-item, .view-group-configurations .content-primary .action-add, .view-certificates .wrapper-collection .collection-edit .action-add-signatory, .view-certificates .wrapper-collection .action-add-item, .view-certificates .action-add, .view-certificates .certificates .signatory-edit .field .signature-upload-wrapper .action-upload-signature, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .create-setting, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .upload-setting, .gray-button, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .link_lti_new_window, .page-header, .section-header, .area-header, .area-subheader, .title-1, .title-2, .title-3, .title-4, .title-5, .title-6, .new-unit-item,
.new-subsection-item,
.new-policy-item, .window label, .content-modal .title, .view-team .user-list .user-item .flag-role, .wrapper-xblock .container-paging-header .pagination .current-page, .wrapper-xblock .container-paging-footer .pagination .current-page, .wrapper-assets .assets-library .pagination .current-page,
.wrapper-xblock .container-paging-header .pagination .page-number-input,
.wrapper-xblock .container-paging-footer .pagination .page-number-input,
.wrapper-assets .assets-library .pagination .page-number-input,
.wrapper-xblock .container-paging-header .pagination .total-pages,
.wrapper-xblock .container-paging-footer .pagination .total-pages,
.wrapper-assets .assets-library .pagination .total-pages, .wrapper-xblock .container-paging-header .meta .count-current-shown,
.wrapper-xblock .container-paging-header .meta .count-total,
.wrapper-xblock .container-paging-header .meta .sort-order, .wrapper-comp-settings .file-uploader .download-setting, .wrapper-comp-settings .list-input.settings-list .setting-label, .wrapper-license .license-types .action.license-button, .wrapper-license .license-types .action.license-button.is-selected, .wrapper-license .wrapper-license-options .license-options .license-option .option-name, .view-container .content-supplementary .bit-publishing .bar-mod-title, .view-container .content-supplementary .unit-location .bar-mod-title, .view-container .content-supplementary .library-location .bar-mod-title, .view-container .content-supplementary .bit-publishing .bar-mod-content .title, .view-container .content-supplementary .unit-location .bar-mod-content .title, .view-container .content-supplementary .library-location .bar-mod-content .title, .add-xblock-component .new-component h5, .add-xblock-component .new-component-templates .cancel-button, .outline-complex .outline-section .section-status, .outline-complex .outline-subsection .subsection-status, .outline-complex .outline-unit .unit-status, .outline-simple .outline-section .section-status, .outline-simple .outline-subsection .subsection-status, .outline-simple .outline-unit .unit-status, .outline-complex .outline-section .section-title, .outline-simple .outline-section .section-title, .content header .title-1, form .field-checkbox .input-checkbox:checked ~ label, form .field-radio .input-radio:checked ~ label, .form-create .title, .form-create .list-input .field.required label, .form-create .actions .action, .form-create .actions .action-primary, .form-create .actions .action-secondary, .wrapper-header nav > ol > .nav-item, .wrapper-header .info-course .course-title, .not-signedin .wrapper-header .nav-pitch .action-signup,
.view-util .wrapper-header .nav-pitch .action-signup, .not-signedin .wrapper-header .nav-pitch .action-signin,
.view-util .wrapper-header .nav-pitch .action-signin, .message-status, .alert.confirm .nav-actions .action-primary, .notification.confirm .nav-actions .action-primary, .prompt.confirm .nav-actions .action-primary, .alert.warning .nav-actions .action-primary, .notification.warning .nav-actions .action-primary, .prompt.warning .nav-actions .action-primary, .alert.error .nav-actions .action-primary, .notification.error .nav-actions .action-primary, .prompt.error .nav-actions .action-primary, .alert.announcement .nav-actions .action-primary, .notification.announcement .nav-actions .action-primary, .prompt.announcement .nav-actions .action-primary, .alert.confirmation .nav-actions .action-primary, .notification.confirmation .nav-actions .action-primary, .prompt.confirmation .nav-actions .action-primary, .alert.step-required .nav-actions .action-primary, .notification.step-required .nav-actions .action-primary, .prompt.step-required .nav-actions .action-primary, .wrapper-prompt .prompt .nav-actions .action-primary, .notification strong, .notification.has-actions .action-primary, .alert strong, .alert.has-actions .nav-actions .nav-item .action-primary, .main-wrapper .alert strong, .main-wrapper .alert .alert-action.secondary, body.error .back-button, .content .introduction .title, .content .introduction strong, .notice-incontext .title, .notice-incontext strong, .bit h3, .bit .title, .modal .revert-button, .modal .close-button, [class*="view-"] .modal-window .modal-subsection-title, [class*="view-"] .modal-window .modal-chin .action-primary,
[class*="view-"] .modal-window .xblock-actions .action-primary,
[class*="view-"] .modal-window .modal-actions .action-primary, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .component-name, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field label,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field label,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field label,
[class*="view-"] .course-outline-modal .list-fields .field label, .wrapper-assets .assets-library .assets-title, .wrapper-assets .assets-library .meta .count-current-shown,
.wrapper-assets .assets-library .meta .count-total,
.wrapper-assets .assets-library .meta .sort-order, .wrapper-assets .assets-library .assets-table th .current-sort, .wrapper-assets .assets-library .assets-table tbody tr .name-col, .view-signup .content header h1,
.view-signin .content header h1,
.view-util .content header h1, .view-signup .content-primary form .form-actions .action-primary,
.view-signin .content-primary form .form-actions .action-primary,
.view-util .content-primary form .form-actions .action-primary, .view-signup .content-primary form .list-input .field.required label,
.view-signin .content-primary form .list-input .field.required label,
.view-util .content-primary form .list-input .field.required label, .view-signup .content-supplementary .bit h3,
.view-signin .content-supplementary .bit h3,
.view-util .content-supplementary .bit h3, .view-uploads .assets-library .meta .count-current-shown,
.view-uploads .assets-library .meta .count-total,
.view-uploads .assets-library .meta .filter-column,
.view-uploads .assets-library .meta .sort-order, .view-uploads .assets-library .pagination .current-page,
.view-uploads .assets-library .pagination .page-number-input,
.view-uploads .assets-library .pagination .total-pages, .view-uploads .assets-library table th .current-sort, .view-uploads .assets-library table th.nav-dd .wrapper-nav-sub > ol > .nav-item, .view-uploads .show-xml, .view-uploads .upload-modal .choose-file-button, .view-uploads .upload-modal .embeddable label, .view-uploads .upload-modal .copy-button, .course-updates .update-list > li h2, .course-updates .update-list > li h3, .course-updates .new-update-form h5, .course-updates .new-update-form .save-button, .course-updates .new-update-form .cancel-button, .course-updates .post-actions .edit-button,
.course-updates .post-actions .delete-button, .course-handouts .edit-button, .edit-handouts-form h5, .edit-handouts-form .save-button, .edit-handouts-form .cancel-button, .view-dashboard .status-creationrights .title, .view-dashboard .status-creationrights .status-update .value-formal, .view-dashboard .create-course label, .view-dashboard .create-library label, .view-dashboard .create-course .new-course-save, .view-dashboard .create-library .new-course-save, .view-dashboard .create-course .new-course-cancel, .view-dashboard .create-library .new-course-cancel, .view-dashboard .create-course .message-status, .view-dashboard .create-library .message-status, .view-export .description h2, .view-export .description strong, .view-export .export-form-wrapper .export-form .button-export, .view-howitworks.not-signedin .content-header h1, .view-howitworks.not-signedin .content-header .logo, .view-howitworks.not-signedin .content-features .feature .copy h3, .view-howitworks.not-signedin .content-features .feature .copy strong, .view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints .proofpoint .title, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary, .view-course-create .rerun-course .rerun-course-save, .view-course-create .rerun-course .rerun-course-cancel, .view-course-create .rerun-course .actions .action-primary, .view-course-create .rerun-course .actions .action-secondary, .view-import .wrapper-file-name .title .file-name, .view-import .wrapper-status .list-progress .status-detail .title, .view-outline .new-section-name-save,
.view-outline .new-subsection-name-save, .view-outline .new-section-name-cancel,
.view-outline .new-subsection-name-cancel, .view-outline .course-status .status-release-value,
.view-outline .course-status .status-pacing-value, .view-outline .outline-complex .outline-section .section-header .incontext-editor-input, .view-settings .message-status, .view-settings .settings-details .is-not-editable input, .view-settings .settings-details .is-not-editable textarea, .view-settings .group-settings .remove-item, .view-settings .group-settings .list-input .field.required label, .view-settings .group-settings .list-input .field label, .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li .letter-grade, .view-settings .group-settings.advanced-policies .course-advanced-policy-list-item .title, .view-static-pages .unit-body .component-editor h5, .view-static-pages .unit-body .component-editor .save-button, .view-static-pages .unit-body .component-editor .cancel-button, .view-static-pages .static-page-item .page-name, .view-container .content-supplementary .bit-publishing .wrapper-release .release-date, .view-container .content-supplementary .bit-publishing .wrapper-visibility .copy, .view-container .content-supplementary .unit-location .wrapper-unit-id .unit-id-value, .view-container .content-supplementary .unit-location .wrapper-unit-id .library-id-value, .view-container .content-supplementary .unit-location .wrapper-library-id .unit-id-value, .view-container .content-supplementary .unit-location .wrapper-library-id .library-id-value, .view-container .content-supplementary .library-location .wrapper-unit-id .unit-id-value, .view-container .content-supplementary .library-location .wrapper-unit-id .library-id-value, .view-container .content-supplementary .library-location .wrapper-library-id .unit-id-value, .view-container .content-supplementary .library-location .wrapper-library-id .library-id-value, .view-container .wrapper-mast .mast .page-header .page-header-title, .view-container .wrapper-mast .mast .page-header .is-editable .incontext-editor-input, .view-container .content-supplementary .bit-publishing .wrapper-last-draft .date,
.view-container .content-supplementary .bit-publishing .wrapper-last-draft .user, .view-container .content-supplementary .unit-publish-history .wrapper-last-publish .date,
.view-container .content-supplementary .unit-publish-history .wrapper-last-publish .user, .view-container .content-supplementary .unit-location .wrapper-unit-tree-location .is-current .unit-title a, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .is-current .unit-title a, .view-team .user-list .user-item .flag-role .msg-you, .view-team .user-list .user-item .item-metadata .user-username, .view-team .user-list .user-item .item-actions .action-role .add-admin-role, .view-team .user-list .user-item .item-actions .action-role .remove-admin-role, .view-textbooks .content-primary .textbook .view-textbook .textbook-title, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary, .view-textbooks .content-primary .textbook .edit-textbook .copy strong, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field.required label,
.view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field.required label, .view-export-git h3, .view-export-git .export-git-info-block dt, .view-group-configurations .content-primary .wrapper-groups .title, .view-group-configurations .content-primary .wrapper-collection .collection-header .title, .view-group-configurations .content-primary .wrapper-collection .collection-references .usage .usage-unit a, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field.required label, .view-group-configurations .content-primary .wrapper-collection .collection-edit label.required, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field.add-collection-name .group-configuration-id .group-configuration-value, .view-group-configurations .content-primary .wrapper-collection .collection-edit .copy strong, .view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload .video-detail-name, .view-certificates .content-primary .wrapper-certificates .title, .view-certificates .content-primary .actual-course-title, .view-certificates .wrapper-collection .collection-references .usage .usage-unit a, .view-certificates .wrapper-collection .collection-edit .wrapper-form label, .view-certificates .wrapper-collection .collection-edit .field.required label, .view-certificates .wrapper-collection .collection-edit label.required, .view-certificates .wrapper-collection .collection-edit .field.add-collection-name .certificate-id .certificate-value, .view-certificates .wrapper-collection .collection-edit .copy strong, .view-certificates .certificates .certificate-details .title, .view-certificates .certificates .certificate-edit .title, .view-certificates .certificates .signatory-details .signatory-panel-header, .view-certificates .certificates .signatory-edit .signatory-panel-header, .view-certificates .certificates .signatory-edit .field.required label, .xmodule_display.xmodule_CapaModule div.problem div p.answer:before, .xmodule_display.xmodule_CapaModule div.problem dl dt, .xmodule_display.xmodule_CapaModule div.problem table th, .xmodule_display.xmodule_CapaModule div.problem .detailed-solution > p:first-child, .xmodule_display.xmodule_CapaModule div.problem .detailed-targeted-feedback > p:first-child, .xmodule_display.xmodule_CapaModule div.problem .detailed-targeted-feedback-partially-correct > p:first-child, .xmodule_display.xmodule_CapaModule div.problem .detailed-targeted-feedback-correct > p:first-child, .xmodule_display.xmodule_CapaModule div.problem .hints h3, .xmodule_display.xmodule_CapaModule div.problem .test header h3, .xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .shortform, .xmodule_display.xmodule_CapaModule div.problem .annotation-input .annotation-header, .xmodule_display.xmodule_CapaModule div.problem .annotation-input .debug-value:before, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .vcr .vidtime, .xmodule_display.xmodule_ConditionalModule div.problem div p.answer:before, .xmodule_display.xmodule_ConditionalModule div.problem dl dt, .xmodule_display.xmodule_ConditionalModule div.problem table th, .xmodule_display.xmodule_ConditionalModule div.problem .detailed-solution > p:first-child, .xmodule_display.xmodule_ConditionalModule div.problem .detailed-targeted-feedback > p:first-child, .xmodule_display.xmodule_ConditionalModule div.problem .detailed-targeted-feedback-partially-correct > p:first-child, .xmodule_display.xmodule_ConditionalModule div.problem .detailed-targeted-feedback-correct > p:first-child, .xmodule_display.xmodule_ConditionalModule div.problem .hints h3, .xmodule_display.xmodule_ConditionalModule div.problem .test header h3, .xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .shortform, .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .annotation-header, .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .debug-value:before, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .collapse-setting, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-message-status, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .download-setting {
  font-weight: 600; }

.add-xblock-component .new-component-template .button-component, input[type="text"],
input[type="email"],
input[type="password"],
textarea.text, [class*="view-"] .modal-window .title {
  font-weight: 500; }

.page-header .navigation, .page-header .subtitle, .title-4, .title-5, .title-6, .window label .description, .tooltip, .wrapper-xblock .container-paging-header .pagination .page-divider, .wrapper-xblock .container-paging-footer .pagination .page-divider, .wrapper-assets .assets-library .pagination .page-divider, .nav-dd .nav-sub .nav-item, .ui-tabs-nav a, .problem-type-tabs li:ui-state-active, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab, [class*="view-"] .xblock-visibility_view .field-visibility-verification .note, [class*="view-"] .xblock-visibility_view .field-visibility-content-group.was-removed .note, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-staff-lock .note, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination .note, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-verification-access .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-staff-lock .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-verification-access .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-staff-lock .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-verification-access .note,
[class*="view-"] .course-outline-modal .edit-staff-lock .note,
[class*="view-"] .course-outline-modal .edit-settings-timed-examination .note,
[class*="view-"] .course-outline-modal .edit-verification-access .note, .view-uploads .assets-library .pagination .page-divider, .course-updates .post-actions .edit-button,
.course-updates .post-actions .delete-button, .course-handouts .edit-button, .view-container .wrapper-mast .mast.has-actions .nav-actions .button {
  font-weight: 400; }

h1, .wrapper-xblock.level-element .xblock-header-primary, body.error h1, .modal h2, .view-uploads .upload-modal .title, .course-updates .update-list > li h1, .course-handouts .title, .view-dashboard .create-course .new-course-name, .view-dashboard .create-library .new-course-name, .view-export .export-form-wrapper .export-form h2 {
  font-weight: 300; }

.xmodule_display.xmodule_CapaModule div.problem-progress, .xmodule_display.xmodule_ConditionalModule div.problem-progress {
  font-weight: 200; }

body.error h1, .view-howitworks.not-signedin .content-header h1, h1, .section-header, .title-2, .wrapper-mast .mast-wizard .page-header-sub, .wrapper-mast .mast-wizard .page-header-super, .content-primary .title-2, .wrapper-xblock .container-paging-header .pagination .page-divider, .wrapper-xblock .container-paging-footer .pagination .page-divider, .wrapper-assets .assets-library .pagination .page-divider, .form-create .title, .wrapper-sock .sock header .title, .content .introduction .title, .view-uploads .assets-library .pagination .page-divider, .course-updates .update-list > li h1, .course-handouts .title, .view-dashboard .course-item .course-title, .view-export .export-controls .title, .view-export .export-form-wrapper .export-form h2, .view-howitworks.not-signedin .content-header .tagline, .view-howitworks.not-signedin .content-features .feature .copy h3, .view-import .import-form > .title, .view-import .wrapper-status > .title, .view-static-pages .course-nav-item .course-nav-item-header .title, .view-static-pages .xblock-student_view, .view-container .wrapper-mast .mast .page-header .page-header-title, .view-container .wrapper-mast .mast .page-header .is-editable .incontext-editor-input, .view-team .user-list .user-item .item-metadata .user-username, .view-textbooks .content-primary .textbook .view-textbook .textbook-title, .view-export-git .export-git-controls .title, .view-group-configurations .content-primary .wrapper-groups .title, .view-certificates .content-primary .wrapper-certificates .title, .view-certificates .certificates .certificate-details .title, .view-certificates .certificates .certificate-edit .title, .title-3, .content-modal .title, .wrapper-xblock h2, .add-xblock-component .new-component h5, .outline-complex .outline-section .section-title, .outline-simple .outline-section .section-title, .modal h2, [class*="view-"] .modal-window .title, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .component-name, .view-dashboard .status-creationrights .status-update .value-formal, .view-dashboard .create-course .new-course-name, .view-dashboard .create-library .new-course-name, .view-export .description h2, .view-course-create .mast .page-header-super .course-original-title-id, .view-course-create .rerun-course .rerun-course-name, .view-import .wrapper-status .list-progress .status-detail .title, .view-outline .outline-complex .outline-section .section-header .incontext-editor-input, .view-static-pages .static-page-item .page-name, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field.add-textbook-name label,
.view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field.add-textbook-name label, .view-export-git h3, .view-group-configurations .content-primary .wrapper-collection .collection-header .title, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field.add-collection-name label, .view-certificates .wrapper-collection .collection-edit .field.add-collection-name label, .area-header, .content-primary .title-3, .view-container .content-supplementary .bit-publishing .bar-mod-title, .view-container .content-supplementary .unit-location .bar-mod-title, .view-container .content-supplementary .library-location .bar-mod-title, .outline-complex .outline-subsection .subsection-title, .outline-simple .outline-subsection .subsection-title, .wrapper-sock .sock .support .title, .wrapper-sock .sock .feedback .title, .notice-incontext .title, [class*="view-"] .modal-window .modal-section-title, [class*="view-"] .xblock-visibility_view .is-not-configured .title, .course-updates .update-list > li h3, .view-dashboard .courses .title, .view-dashboard .libraries .title, .view-dashboard .programs .title, .view-outline .outline-complex .outline-subsection .subsection-header .incontext-editor-input, .view-team .user-list .user-item .item-metadata .user-email, .page-header .navigation, .page-header .subtitle, .section-header .subtitle, .area-subheader, .title-4, .title-5, .title-6, .window .header, .wrapper-xblock .xblock-license,
.wrapper-xblock .xmodule_display.xmodule_HtmlModule .xblock-license,
.wrapper-xblock .xmodule_VideoModule .xblock-license, .wrapper-xblock .wrapper-groups .title, .outline-complex .outline-unit .unit-title, .outline-simple .outline-unit .unit-title, .notification .copy .title, .alert .copy .title, .bit h3, .bit .title, .view-signup .content-supplementary .bit h3,
.view-signin .content-supplementary .bit h3,
.view-util .content-supplementary .bit h3, .course-updates .update-list > li h2, .view-dashboard .status-creationrights .title, .view-dashboard .create-course label, .view-dashboard .create-library label, .view-course-create .rerun-course label, .view-outline .bulkpublish-section-modal .outline-unit .unit-title,
.view-outline .bulkpublish-subsection-modal .outline-unit .unit-title,
.view-outline .bulkpublish-unit-modal .outline-unit .unit-title, .view-static-pages .course-nav-item .course-nav-item-header .title-sub, .view-container .content-supplementary .bit-publishing .wrapper-release .release-date, .view-container .content-supplementary .bit-publishing .wrapper-visibility .copy, .view-container .content-supplementary .unit-location .wrapper-unit-id .unit-id-value, .view-container .content-supplementary .unit-location .wrapper-unit-id .library-id-value, .view-container .content-supplementary .unit-location .wrapper-library-id .unit-id-value, .view-container .content-supplementary .unit-location .wrapper-library-id .library-id-value, .view-container .content-supplementary .library-location .wrapper-unit-id .unit-id-value, .view-container .content-supplementary .library-location .wrapper-unit-id .library-id-value, .view-container .content-supplementary .library-location .wrapper-library-id .unit-id-value, .view-container .content-supplementary .library-location .wrapper-library-id .library-id-value, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .vcr .vidtime, .area-header .subtitle, .view-container .content-supplementary .bit-publishing .bar-mod-content .title, .view-container .content-supplementary .unit-location .bar-mod-content .title, .view-container .content-supplementary .library-location .bar-mod-content .title, [class*="view-"] .modal-window .modal-subsection-title, .view-outline .bulkpublish-section-modal .outline-subsection .subsection-title,
.view-outline .bulkpublish-subsection-modal .outline-subsection .subsection-title,
.view-outline .bulkpublish-unit-modal .outline-subsection .subsection-title, .view-container .content-supplementary .bit-publishing .wrapper-release .release-with, .view-container .content-supplementary .bit-publishing .wrapper-visibility .inherited-from, .view-container .content-supplementary .bit-publishing .wrapper-visibility .note-visibility, .view-container .content-supplementary label, .area-subheader .subtitle, .view-team .user-list .user-item .flag-role {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

body.error h1 {
  font-size: 60px;
  font-size: 6rem;
  line-height: 88.8px;
  line-height: 8.88rem; }

.view-howitworks.not-signedin .content-header h1 {
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 71.04px;
  line-height: 7.104rem; }

.page-header, .title-1, .content header .title-1, .content-primary .title-1, .view-signup .content header h1,
.view-signin .content header h1,
.view-util .content header h1, .view-uploads .upload-modal .title {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 53.28px;
  line-height: 5.328rem; }

h1, .section-header, .title-2, .wrapper-mast .mast-wizard .page-header-sub, .wrapper-mast .mast-wizard .page-header-super, .content-primary .title-2, .wrapper-xblock .container-paging-header .pagination .page-divider, .wrapper-xblock .container-paging-footer .pagination .page-divider, .wrapper-assets .assets-library .pagination .page-divider, .form-create .title, .wrapper-sock .sock header .title, .content .introduction .title, .view-uploads .assets-library .pagination .page-divider, .course-updates .update-list > li h1, .course-handouts .title, .view-dashboard .course-item .course-title, .view-export .export-controls .title, .view-export .export-form-wrapper .export-form h2, .view-howitworks.not-signedin .content-header .tagline, .view-howitworks.not-signedin .content-features .feature .copy h3, .view-import .import-form > .title, .view-import .wrapper-status > .title, .view-static-pages .course-nav-item .course-nav-item-header .title, .view-static-pages .xblock-student_view, .view-container .wrapper-mast .mast .page-header .page-header-title, .view-container .wrapper-mast .mast .page-header .is-editable .incontext-editor-input, .view-team .user-list .user-item .item-metadata .user-username, .view-textbooks .content-primary .textbook .view-textbook .textbook-title, .view-export-git .export-git-controls .title, .view-group-configurations .content-primary .wrapper-groups .title, .view-certificates .content-primary .wrapper-certificates .title, .view-certificates .certificates .certificate-details .title, .view-certificates .certificates .certificate-edit .title {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 35.52px;
  line-height: 3.552rem; }

.title-3, .content-modal .title, .wrapper-xblock h2, .add-xblock-component .new-component h5, .outline-complex .outline-section .section-title, .outline-simple .outline-section .section-title, .modal h2, [class*="view-"] .modal-window .title, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .component-name, .view-dashboard .status-creationrights .status-update .value-formal, .view-dashboard .create-course .new-course-name, .view-dashboard .create-library .new-course-name, .view-export .description h2, .view-course-create .mast .page-header-super .course-original-title-id, .view-course-create .rerun-course .rerun-course-name, .view-import .wrapper-status .list-progress .status-detail .title, .view-outline .outline-complex .outline-section .section-header .incontext-editor-input, .view-static-pages .static-page-item .page-name, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field.add-textbook-name label,
.view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field.add-textbook-name label, .view-export-git h3, .view-group-configurations .content-primary .wrapper-collection .collection-header .title, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field.add-collection-name label, .view-certificates .wrapper-collection .collection-edit .field.add-collection-name label {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 26.64px;
  line-height: 2.664rem; }

.area-header, .content-primary .title-3, .view-container .content-supplementary .bit-publishing .bar-mod-title, .view-container .content-supplementary .unit-location .bar-mod-title, .view-container .content-supplementary .library-location .bar-mod-title, .outline-complex .outline-subsection .subsection-title, .outline-simple .outline-subsection .subsection-title, .wrapper-sock .sock .support .title, .wrapper-sock .sock .feedback .title, .notice-incontext .title, [class*="view-"] .modal-window .modal-section-title, [class*="view-"] .xblock-visibility_view .is-not-configured .title, .course-updates .update-list > li h3, .view-dashboard .courses .title, .view-dashboard .libraries .title, .view-dashboard .programs .title, .view-outline .outline-complex .outline-subsection .subsection-header .incontext-editor-input, .view-team .user-list .user-item .item-metadata .user-email {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 23.68px;
  line-height: 2.368rem; }

.page-header .navigation, .page-header .subtitle, .section-header .subtitle, .area-subheader, .title-4, .title-5, .title-6, .window .header, .wrapper-xblock .xblock-license,
.wrapper-xblock .xmodule_display.xmodule_HtmlModule .xblock-license,
.wrapper-xblock .xmodule_VideoModule .xblock-license, .wrapper-xblock .wrapper-groups .title, .outline-complex .outline-unit .unit-title, .outline-simple .outline-unit .unit-title, .notification .copy .title, .alert .copy .title, .bit h3, .bit .title, .view-signup .content-supplementary .bit h3,
.view-signin .content-supplementary .bit h3,
.view-util .content-supplementary .bit h3, .course-updates .update-list > li h2, .view-dashboard .status-creationrights .title, .view-dashboard .create-course label, .view-dashboard .create-library label, .view-course-create .rerun-course label, .view-outline .bulkpublish-section-modal .outline-unit .unit-title,
.view-outline .bulkpublish-subsection-modal .outline-unit .unit-title,
.view-outline .bulkpublish-unit-modal .outline-unit .unit-title, .view-static-pages .course-nav-item .course-nav-item-header .title-sub, .view-container .content-supplementary .bit-publishing .wrapper-release .release-date, .view-container .content-supplementary .bit-publishing .wrapper-visibility .copy, .view-container .content-supplementary .unit-location .wrapper-unit-id .unit-id-value, .view-container .content-supplementary .unit-location .wrapper-unit-id .library-id-value, .view-container .content-supplementary .unit-location .wrapper-library-id .unit-id-value, .view-container .content-supplementary .unit-location .wrapper-library-id .library-id-value, .view-container .content-supplementary .library-location .wrapper-unit-id .unit-id-value, .view-container .content-supplementary .library-location .wrapper-unit-id .library-id-value, .view-container .content-supplementary .library-location .wrapper-library-id .unit-id-value, .view-container .content-supplementary .library-location .wrapper-library-id .library-id-value, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .vcr .vidtime {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20.72px;
  line-height: 2.072rem; }

.area-header .subtitle, .view-container .content-supplementary .bit-publishing .bar-mod-content .title, .view-container .content-supplementary .unit-location .bar-mod-content .title, .view-container .content-supplementary .library-location .bar-mod-content .title, [class*="view-"] .modal-window .modal-subsection-title, .view-outline .bulkpublish-section-modal .outline-subsection .subsection-title,
.view-outline .bulkpublish-subsection-modal .outline-subsection .subsection-title,
.view-outline .bulkpublish-unit-modal .outline-subsection .subsection-title, .view-container .content-supplementary .bit-publishing .wrapper-release .release-with, .view-container .content-supplementary .bit-publishing .wrapper-visibility .inherited-from, .view-container .content-supplementary .bit-publishing .wrapper-visibility .note-visibility, .view-container .content-supplementary label {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 17.76px;
  line-height: 1.776rem; }

.area-subheader .subtitle, .view-team .user-list .user-item .flag-role {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 16.28px;
  line-height: 1.628rem; }

.ui-loading, body, .content, .wrapper-xblock .container-paging-header .pagination .current-page, .wrapper-xblock .container-paging-footer .pagination .current-page, .wrapper-assets .assets-library .pagination .current-page,
.wrapper-xblock .container-paging-header .pagination .page-number-input,
.wrapper-xblock .container-paging-footer .pagination .page-number-input,
.wrapper-assets .assets-library .pagination .page-number-input,
.wrapper-xblock .container-paging-header .pagination .total-pages,
.wrapper-xblock .container-paging-footer .pagination .total-pages,
.wrapper-assets .assets-library .pagination .total-pages, .wrapper-comp-settings .list-input.settings-list input, .wrapper-comp-settings .list-input.settings-list select, .wrapper-comp-settings .list-input.settings-list input[type="number"], .form-create .list-input .field input, .form-create .list-input .field textarea, .incontext-editor.is-editable .incontext-editor-open-action, .ui-widget, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field input, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field textarea,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field input,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field textarea,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field input,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field textarea,
[class*="view-"] .course-outline-modal .list-fields .field input,
[class*="view-"] .course-outline-modal .list-fields .field textarea, .view-signup .content,
.view-signin .content,
.view-util .content, .view-signup .content-primary form .list-input .field input, .view-signup .content-primary form .list-input .field textarea,
.view-signin .content-primary form .list-input .field input,
.view-signin .content-primary form .list-input .field textarea,
.view-util .content-primary form .list-input .field input,
.view-util .content-primary form .list-input .field textarea, .view-uploads .assets-library .pagination .current-page,
.view-uploads .assets-library .pagination .page-number-input,
.view-uploads .assets-library .pagination .total-pages, .course-updates .update-contents p, .course-updates .update-contents pre, .view-howitworks.not-signedin .content, .view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints .proofpoint .title, .view-import .wrapper-status .list-progress .status-detail .copy, .view-outline .new-section-name,
.view-outline .new-subsection-name-input, .view-outline .course-status .status-release,
.view-outline .course-status .status-pacing, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field input, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field textarea,
.view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field input,
.view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field textarea,
.view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field input,
.view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field textarea,
.view-outline .course-outline-modal .list-fields .field input,
.view-outline .course-outline-modal .list-fields .field textarea, .view-settings .group-settings .list-input .field input, .view-settings .group-settings .list-input .field textarea, .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li .letter-grade, .view-settings .group-settings.advanced-policies .CodeMirror, .view-static-pages .content-primary .notice-incontext .copy, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea,
.view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input,
.view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea, .view-export-git .export-git-info-block dd, .view-group-configurations .content-primary .notice-moduledisabled, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field input, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea, .view-certificates .content-primary .notice-moduledisabled, .view-certificates .wrapper-collection .collection-edit .field input, .view-certificates .wrapper-collection .collection-edit .field textarea, .view-certificates .certificates .signatory-edit .field input, .view-certificates .certificates .signatory-edit .field textarea, .view-howitworks.not-signedin .content-features .feature .copy > p, .view-import .wrapper-file-name .title, .view-settings .settings-details .is-not-editable input, .view-settings .settings-details .is-not-editable textarea, .view-settings .group-settings.basic .note-promotion-courseURL .copy .link-courseURL, .edit-static-page .page-display-name-input, .view-export-git .export-git-info-block dt, .view-group-configurations .content-primary .wrapper-collection .collection-items .item, .view-group-configurations .content-primary .experiment-groups .group-configuration-details .groups .group, .view-certificates .wrapper-collection .collection-items .item, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .progress-bar, body.error .description, .content header .title-sub, .details, .wrapper-xblock .wrapper-xblock-message .xblock-message, .wrapper-xblock .wrapper-xblock-message .xblock-message.information, .wrapper-comp-settings .list-input.settings-list .setting-label, .view-container .content-supplementary .bit-publishing .bar-mod-content, .view-container .content-supplementary .unit-location .bar-mod-content, .view-container .content-supplementary .library-location .bar-mod-content, form input[type="file"], .form-create .list-input .field label, .CodeMirror, .message, .wrapper-notification .copy, .wrapper-alert .copy, .prompt .copy, .notification .copy, .alert .action-dismiss .button-copy, .wrapper-message .message, .wrapper-message .message.information, .main-wrapper .alert, .content .introduction .copy, .notice-incontext .copy, .bit, [class*="view-"] .modal-window .message, [class*="view-"] .modal-window .summary-message .copy, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button,
[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab, [class*="view-"] .xblock-visibility_view .list-fields .field label, [class*="view-"] .xblock-visibility_view .is-not-configured .copy, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field label,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field label,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field label,
[class*="view-"] .course-outline-modal .list-fields .field label, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field .tip,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field .tip,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field .tip,
[class*="view-"] .course-outline-modal .list-fields .field .tip, .wrapper-assets .assets-library .assets-table tbody .name-col .title, .view-signup .content .introduction,
.view-signin .content .introduction,
.view-util .content .introduction, .view-signup .content-primary form .list-input .field label,
.view-signin .content-primary form .list-input .field label,
.view-util .content-primary form .list-input .field label, .view-signup .content-supplementary .bit,
.view-signin .content-supplementary .bit,
.view-util .content-supplementary .bit, .view-uploads .assets-library table tbody .name-col .title, .view-uploads .upload-modal .progress-fill, .course-handouts .handouts-content, .view-dashboard .status-creationrights .status-update .value-description, .view-dashboard .wrapper-course.has-status .course-status .value .copy, .view-dashboard .wrapper-course.has-status .status-message, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .button-copy, .view-dashboard .course-item .course-metadata, .view-export .export-contents .export-includes .item-detail, .view-export .export-contents .export-excludes .item-detail, .view-export .description, .view-export .export-form-wrapper .export-form .error-block, .view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field label,
.view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field label,
.view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field label,
.view-outline .course-outline-modal .list-fields .field label, .view-settings .message, .view-settings .group-settings .instructions, .view-settings .group-settings .message-error, .view-settings .group-settings .list-input .field label, .view-settings .group-settings.basic .note-promotion-courseURL .title, .edit-static-page .page-contents, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-discard, .view-team .content .introduction, .view-team .user-list .user-item .item-actions .action-role .notoggleforyou, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field label,
.view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field label, .view-group-configurations .content-primary .wrapper-groups .copy, .view-group-configurations .content-primary .wrapper-collection .collection-info, .view-group-configurations .content-primary .wrapper-collection .collection-references, .view-group-configurations .content-primary .wrapper-collection .usage-validation, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field label, .view-group-configurations .content-primary .experiment-groups .group-configuration-details .group-configuration-info, .view-certificates .content-primary .wrapper-certificates .copy, .view-certificates .content-primary .wrapper-certificates .instructions, .view-certificates .wrapper-collection .collection-info, .view-certificates .wrapper-collection .collection-references, .view-certificates .wrapper-collection .collection-edit .field label, .view-certificates .certificates .signatory-edit .field label, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-error-message, .content-primary header .tip, .window label .description, .content-modal .description, .wrapper-xblock .container-paging-header .meta, .wrapper-xblock.level-element .wrapper-xblock-message .xblock-message.information, .wrapper-comp-settings .list-input.settings-list .setting-help, .wrapper-license .license-types .tip, .wrapper-license .wrapper-license-options .tip, .view-container .content-supplementary .bit-publishing .bar-mod-content .meta, .view-container .content-supplementary .unit-location .bar-mod-content .meta, .view-container .content-supplementary .library-location .bar-mod-content .meta, .outline-complex .outline-section .section-status, .outline-complex .outline-subsection .subsection-status, .outline-complex .outline-unit .unit-status, .outline-simple .outline-section .section-status, .outline-simple .outline-subsection .subsection-status, .outline-simple .outline-unit .unit-status, input[type="text"],
input[type="email"],
input[type="password"],
textarea.text, .form-create .list-input .field .tip, label, .wrapper-footer footer.primary, .wrapper-sock .sock, .wrapper-sock .sock .support .copy, .wrapper-sock .sock .feedback .copy, .content .introduction.has-links .nav-introduction-supplementary, .ui-datepicker, [class*="view-"] .xblock-visibility_view .field-visibility-verification .note, [class*="view-"] .xblock-visibility_view .field-visibility-content-group.was-removed .note, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-staff-lock .note, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination .note, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-verification-access .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-staff-lock .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-verification-access .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-staff-lock .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-verification-access .note,
[class*="view-"] .course-outline-modal .edit-staff-lock .note,
[class*="view-"] .course-outline-modal .edit-settings-timed-examination .note,
[class*="view-"] .course-outline-modal .edit-verification-access .note, .wrapper-assets .assets-library .meta, .wrapper-assets .assets-library .assets-table th, .wrapper-assets .assets-library .assets-table tbody .date-col, .wrapper-assets .assets-library .assets-table tbody .embed-col .embeddable-xml-input, .view-signup .content-primary form .list-input .field .tip,
.view-signin .content-primary form .list-input .field .tip,
.view-util .content-primary form .list-input .field .tip, .view-uploads .assets-library .meta, .view-uploads .assets-library table th, .view-uploads .assets-library table tbody .thumb-col, .view-uploads .assets-library table tbody .type-col, .view-uploads .assets-library table tbody .date-col, .view-uploads .assets-library table tbody .embed-col, .view-uploads .assets-library table tbody .embed-col .embeddable-xml-input, .view-export .export-form-wrapper .export-form .message-status, .view-outline .bulkpublish-section-modal .outline-unit .unit-status,
.view-outline .bulkpublish-subsection-modal .outline-unit .unit-status,
.view-outline .bulkpublish-unit-modal .outline-unit .unit-status, .view-settings .group-settings header .tip, .view-settings .group-settings .tip, .view-settings .group-settings #field-course-image .current-course-image .msg, .view-container .content-supplementary .unit-publish-history .wrapper-last-publish .copy, .view-container .content-supplementary .unit-location .wrapper-unit-id .tip, .view-container .content-supplementary .unit-location .wrapper-library-id .tip, .view-container .content-supplementary .library-location .wrapper-unit-id .tip, .view-container .content-supplementary .library-location .wrapper-library-id .tip, .view-textbooks .content-primary .textbook .view-textbook .chapters .chapter, .view-textbooks .content-primary .textbook .edit-textbook .copy, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field .tip,
.view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field .tip, .view-group-configurations .content-primary .wrapper-collection .collection-edit .tip, .view-group-configurations .content-primary .wrapper-collection .collection-edit .copy, .view-certificates .wrapper-collection .collection-edit .tip, .view-certificates .wrapper-collection .collection-edit .copy, .view-certificates .certificates .signatory-edit .tip, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-message, .view-uploads .nav-actions .fa-cloud-upload, .view-video-uploads .nav-actions .fa-cloud-upload {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.ui-loading, body, .content, .wrapper-xblock .container-paging-header .pagination .current-page, .wrapper-xblock .container-paging-footer .pagination .current-page, .wrapper-assets .assets-library .pagination .current-page,
.wrapper-xblock .container-paging-header .pagination .page-number-input,
.wrapper-xblock .container-paging-footer .pagination .page-number-input,
.wrapper-assets .assets-library .pagination .page-number-input,
.wrapper-xblock .container-paging-header .pagination .total-pages,
.wrapper-xblock .container-paging-footer .pagination .total-pages,
.wrapper-assets .assets-library .pagination .total-pages, .wrapper-comp-settings .list-input.settings-list input, .wrapper-comp-settings .list-input.settings-list select, .wrapper-comp-settings .list-input.settings-list input[type="number"], .form-create .list-input .field input, .form-create .list-input .field textarea, .incontext-editor.is-editable .incontext-editor-open-action, .ui-widget, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field input, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field textarea,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field input,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field textarea,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field input,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field textarea,
[class*="view-"] .course-outline-modal .list-fields .field input,
[class*="view-"] .course-outline-modal .list-fields .field textarea, .view-signup .content,
.view-signin .content,
.view-util .content, .view-signup .content-primary form .list-input .field input, .view-signup .content-primary form .list-input .field textarea,
.view-signin .content-primary form .list-input .field input,
.view-signin .content-primary form .list-input .field textarea,
.view-util .content-primary form .list-input .field input,
.view-util .content-primary form .list-input .field textarea, .view-uploads .assets-library .pagination .current-page,
.view-uploads .assets-library .pagination .page-number-input,
.view-uploads .assets-library .pagination .total-pages, .course-updates .update-contents p, .course-updates .update-contents pre, .view-howitworks.not-signedin .content, .view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints .proofpoint .title, .view-import .wrapper-status .list-progress .status-detail .copy, .view-outline .new-section-name,
.view-outline .new-subsection-name-input, .view-outline .course-status .status-release,
.view-outline .course-status .status-pacing, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field input, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field textarea,
.view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field input,
.view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field textarea,
.view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field input,
.view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field textarea,
.view-outline .course-outline-modal .list-fields .field input,
.view-outline .course-outline-modal .list-fields .field textarea, .view-settings .group-settings .list-input .field input, .view-settings .group-settings .list-input .field textarea, .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li .letter-grade, .view-settings .group-settings.advanced-policies .CodeMirror, .view-static-pages .content-primary .notice-incontext .copy, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea,
.view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input,
.view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea, .view-export-git .export-git-info-block dd, .view-group-configurations .content-primary .notice-moduledisabled, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field input, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea, .view-certificates .content-primary .notice-moduledisabled, .view-certificates .wrapper-collection .collection-edit .field input, .view-certificates .wrapper-collection .collection-edit .field textarea, .view-certificates .certificates .signatory-edit .field input, .view-certificates .certificates .signatory-edit .field textarea {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 23.68px;
  line-height: 2.368rem; }

.view-howitworks.not-signedin .content-features .feature .copy > p, .view-import .wrapper-file-name .title, .view-settings .settings-details .is-not-editable input, .view-settings .settings-details .is-not-editable textarea, .view-settings .group-settings.basic .note-promotion-courseURL .copy .link-courseURL, .edit-static-page .page-display-name-input, .view-export-git .export-git-info-block dt, .view-group-configurations .content-primary .wrapper-collection .collection-items .item, .view-group-configurations .content-primary .experiment-groups .group-configuration-details .groups .group, .view-certificates .wrapper-collection .collection-items .item, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .progress-bar {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 26.64px;
  line-height: 2.664rem; }

body.error .description {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 35.52px;
  line-height: 3.552rem; }

.content header .title-sub, .details, .wrapper-xblock .wrapper-xblock-message .xblock-message, .wrapper-xblock .wrapper-xblock-message .xblock-message.information, .wrapper-comp-settings .list-input.settings-list .setting-label, .view-container .content-supplementary .bit-publishing .bar-mod-content, .view-container .content-supplementary .unit-location .bar-mod-content, .view-container .content-supplementary .library-location .bar-mod-content, form input[type="file"], .form-create .list-input .field label, .CodeMirror, .message, .wrapper-notification .copy, .wrapper-alert .copy, .prompt .copy, .notification .copy, .alert .action-dismiss .button-copy, .wrapper-message .message, .wrapper-message .message.information, .main-wrapper .alert, .content .introduction .copy, .notice-incontext .copy, .bit, [class*="view-"] .modal-window .message, [class*="view-"] .modal-window .summary-message .copy, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button,
[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab, [class*="view-"] .xblock-visibility_view .list-fields .field label, [class*="view-"] .xblock-visibility_view .is-not-configured .copy, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field label,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field label,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field label,
[class*="view-"] .course-outline-modal .list-fields .field label, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field .tip,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field .tip,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field .tip,
[class*="view-"] .course-outline-modal .list-fields .field .tip, .wrapper-assets .assets-library .assets-table tbody .name-col .title, .view-signup .content .introduction,
.view-signin .content .introduction,
.view-util .content .introduction, .view-signup .content-primary form .list-input .field label,
.view-signin .content-primary form .list-input .field label,
.view-util .content-primary form .list-input .field label, .view-signup .content-supplementary .bit,
.view-signin .content-supplementary .bit,
.view-util .content-supplementary .bit, .view-uploads .assets-library table tbody .name-col .title, .view-uploads .upload-modal .progress-fill, .course-handouts .handouts-content, .view-dashboard .status-creationrights .status-update .value-description, .view-dashboard .wrapper-course.has-status .course-status .value .copy, .view-dashboard .wrapper-course.has-status .status-message, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .button-copy, .view-dashboard .course-item .course-metadata, .view-export .export-contents .export-includes .item-detail, .view-export .export-contents .export-excludes .item-detail, .view-export .description, .view-export .export-form-wrapper .export-form .error-block, .view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints, .view-outline .new-subsection-name-input, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field label,
.view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field label,
.view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field label,
.view-outline .course-outline-modal .list-fields .field label, .view-settings .message, .view-settings .group-settings .instructions, .view-settings .group-settings .message-error, .view-settings .group-settings .list-input .field label, .view-settings .group-settings.basic .note-promotion-courseURL .title, .edit-static-page .page-contents, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-discard, .view-team .content .introduction, .view-team .user-list .user-item .item-actions .action-role .notoggleforyou, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field label,
.view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field label, .view-group-configurations .content-primary .wrapper-groups .copy, .view-group-configurations .content-primary .wrapper-collection .collection-info, .view-group-configurations .content-primary .wrapper-collection .collection-references, .view-group-configurations .content-primary .wrapper-collection .usage-validation, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field label, .view-group-configurations .content-primary .experiment-groups .group-configuration-details .group-configuration-info, .view-certificates .content-primary .wrapper-certificates .copy, .view-certificates .content-primary .wrapper-certificates .instructions, .view-certificates .wrapper-collection .collection-info, .view-certificates .wrapper-collection .collection-references, .view-certificates .wrapper-collection .collection-edit .field label, .view-certificates .certificates .signatory-edit .field label, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-error-message {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20.72px;
  line-height: 2.072rem; }

.content-primary header .tip, .window label .description, .content-modal .description, .wrapper-xblock .container-paging-header .meta, .wrapper-xblock.level-element .wrapper-xblock-message .xblock-message.information, .wrapper-comp-settings .list-input.settings-list .setting-help, .wrapper-license .license-types .tip, .wrapper-license .wrapper-license-options .tip, .view-container .content-supplementary .bit-publishing .bar-mod-content .meta, .view-container .content-supplementary .unit-location .bar-mod-content .meta, .view-container .content-supplementary .library-location .bar-mod-content .meta, .outline-complex .outline-section .section-status, .outline-complex .outline-subsection .subsection-status, .outline-complex .outline-unit .unit-status, .outline-simple .outline-section .section-status, .outline-simple .outline-subsection .subsection-status, .outline-simple .outline-unit .unit-status, input[type="text"],
input[type="email"],
input[type="password"],
textarea.text, .form-create .list-input .field .tip, label, .wrapper-footer footer.primary, .wrapper-sock .sock, .wrapper-sock .sock .support .copy, .wrapper-sock .sock .feedback .copy, .content .introduction.has-links .nav-introduction-supplementary, .ui-datepicker, [class*="view-"] .xblock-visibility_view .field-visibility-verification .note, [class*="view-"] .xblock-visibility_view .field-visibility-content-group.was-removed .note, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-staff-lock .note, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination .note, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-verification-access .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-staff-lock .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-verification-access .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-staff-lock .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-verification-access .note,
[class*="view-"] .course-outline-modal .edit-staff-lock .note,
[class*="view-"] .course-outline-modal .edit-settings-timed-examination .note,
[class*="view-"] .course-outline-modal .edit-verification-access .note, .wrapper-assets .assets-library .meta, .wrapper-assets .assets-library .assets-table th, .wrapper-assets .assets-library .assets-table tbody .date-col, .wrapper-assets .assets-library .assets-table tbody .embed-col .embeddable-xml-input, .view-signup .content-primary form .list-input .field .tip,
.view-signin .content-primary form .list-input .field .tip,
.view-util .content-primary form .list-input .field .tip, .view-uploads .assets-library .meta, .view-uploads .assets-library table th, .view-uploads .assets-library table tbody .thumb-col, .view-uploads .assets-library table tbody .type-col, .view-uploads .assets-library table tbody .date-col, .view-uploads .assets-library table tbody .embed-col, .view-uploads .assets-library table tbody .embed-col .embeddable-xml-input, .view-export .export-form-wrapper .export-form .message-status, .view-outline .bulkpublish-section-modal .outline-unit .unit-status,
.view-outline .bulkpublish-subsection-modal .outline-unit .unit-status,
.view-outline .bulkpublish-unit-modal .outline-unit .unit-status, .view-settings .group-settings header .tip, .view-settings .group-settings .tip, .view-settings .group-settings #field-course-image .current-course-image .msg, .view-container .content-supplementary .unit-publish-history .wrapper-last-publish .copy, .view-container .content-supplementary .unit-location .wrapper-unit-id .tip, .view-container .content-supplementary .unit-location .wrapper-library-id .tip, .view-container .content-supplementary .library-location .wrapper-unit-id .tip, .view-container .content-supplementary .library-location .wrapper-library-id .tip, .view-textbooks .content-primary .textbook .view-textbook .chapters .chapter, .view-textbooks .content-primary .textbook .edit-textbook .copy, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field .tip,
.view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field .tip, .view-group-configurations .content-primary .wrapper-collection .collection-edit .tip, .view-group-configurations .content-primary .wrapper-collection .collection-edit .copy, .view-certificates .wrapper-collection .collection-edit .tip, .view-certificates .wrapper-collection .collection-edit .copy, .view-certificates .certificates .signatory-edit .tip, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-message {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 17.76px;
  line-height: 1.776rem; }

.content-modal .action-modal-close .icon, .wrapper-xblock .wrapper-xblock.is-collapsible .expand-collapse .ui-toggle-expansion, .wrapper-xblock .wrapper-xblock.xblock-type-container .expand-collapse .ui-toggle-expansion, .view-outline .expand-collapse .ui-toggle-expansion, .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .remove-setting, .wrapper-comp-settings .list-input.settings-list .metadata-dict .remove-setting, body.error .back-button, .view-uploads .upload-modal .close-button .icon, .view-dashboard .wrapper-creationrights .ui-toggle-control .fa-times-circle, .view-export .export-controls .action-export, .view-export .export-form-wrapper .export-form .button-export, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary, .view-import .action-choose-file, .view-import .wrapper-file-name .submit-button, .view-textbooks .content-primary .textbook .view-textbook .ui-toggle-expansion, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .action-close,
.view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .action-close, .view-textbooks .content-primary .textbook .edit-textbook .action-add-chapter, .view-export-git .export-git-controls .action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-header .title .toggle .ui-toggle-expansion, .view-group-configurations .content-primary .experiment-groups .group-configuration-edit .field-group .action-close, .view-certificates .certificates .certificate-edit .field-group .action-close, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .remove-setting {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 26.64px;
  line-height: 2.664rem; }

.wrapper-license .license-types .action.license-button, .form-create .actions .action-primary, .form-create .actions .action-secondary, .wrapper-header .nav-dd .title, .wrapper-header .info-course .course-title, .view-signup .content-primary form .form-actions .action-primary,
.view-signin .content-primary form .form-actions .action-primary,
.view-util .content-primary form .form-actions .action-primary, .view-uploads .upload-modal .choose-file-button, .view-course-create .rerun-course .actions .action-primary, .view-course-create .rerun-course .actions .action-secondary, .view-outline .outline-complex .outline-section .section-header-actions .actions-list, .view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list, .view-outline .outline-complex .outline-unit .unit-header-actions .actions-list, .view-team .user-list .user-item .item-actions .action-role .add-admin-role, .view-team .user-list .user-item .item-actions .action-role .remove-admin-role, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary, .view-group-configurations .content-primary .wrapper-collection .action-add-item, .view-certificates .wrapper-collection .action-add-item {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 23.68px;
  line-height: 2.368rem; }

[class*="view-"] .xblock-visibility_view .is-not-configured .button, .view-outline .content-primary .no-content .button, .view-static-pages .content-primary .add-pages .button, .view-container .content-primary .no-container-content .button, .view-textbooks .content-primary .no-textbook-content .button, .view-group-configurations .content-primary .no-content .button, .view-certificates .content-primary .no-content .button,
[class*="view-"] .xblock-visibility_view .is-not-configured .action,
.view-outline .content-primary .no-content .action,
.view-static-pages .content-primary .add-pages .action,
.view-container .content-primary .no-container-content .action,
.view-textbooks .content-primary .no-textbook-content .action,
.view-group-configurations .content-primary .no-content .action,
.view-certificates .content-primary .no-content .action, .gray-button, .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .link_lti_new_window, .new-unit-item,
.new-subsection-item,
.new-policy-item, .nav-skip, .wrapper-comp-settings .file-uploader .upload-setting, .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .create-setting, .wrapper-comp-settings .list-input.settings-list .metadata-dict .create-setting, .wrapper-license .license-types .action.license-button, .wrapper-license .license-types .action.license-button.is-selected, .wrapper-license .wrapper-license-options .license-options .license-option .option-name, .add-xblock-component .new-component .new-component-type .add-xblock-component-button, .add-xblock-component .new-component-templates .cancel-button, .add-xblock-component .problem-type-tabs a, .nav-dd .nav-sub .nav-item, .form-create .actions .action-primary, .form-create .actions .action-secondary, .wrapper-header nav > ol > .nav-item, .not-signedin .wrapper-header .nav-pitch .action-signup,
.view-util .wrapper-header .nav-pitch .action-signup, .not-signedin .wrapper-header .nav-pitch .action-signin,
.view-util .wrapper-header .nav-pitch .action-signin, .wrapper-footer footer.primary .nav-peripheral .nav-item a .icon, .wrapper-sock .sock .support .list-actions .action-primary, .wrapper-sock .sock .feedback .list-actions .action-primary, .alert.confirm .nav-actions .action-primary, .notification.confirm .nav-actions .action-primary, .prompt.confirm .nav-actions .action-primary, .alert.warning .nav-actions .action-primary, .notification.warning .nav-actions .action-primary, .prompt.warning .nav-actions .action-primary, .alert.error .nav-actions .action-primary, .notification.error .nav-actions .action-primary, .prompt.error .nav-actions .action-primary, .alert.announcement .nav-actions .action-primary, .notification.announcement .nav-actions .action-primary, .prompt.announcement .nav-actions .action-primary, .alert.confirmation .nav-actions .action-primary, .notification.confirmation .nav-actions .action-primary, .prompt.confirmation .nav-actions .action-primary, .alert.step-required .nav-actions .action-primary, .notification.step-required .nav-actions .action-primary, .prompt.step-required .nav-actions .action-primary, .notification.has-actions .action-primary, .main-wrapper .alert .alert-action.secondary, body.error .back-button, .content .introduction.has-links .nav-introduction-supplementary .icon, .notice-incontext.has-actions .list-actions .action-primary, .notice-instruction.has-actions .list-actions .action-primary, .notice-create.has-actions .list-actions .action-primary, .modal .revert-button, .modal .close-button, [class*="view-"] .modal-window .modal-chin .action-item,
[class*="view-"] .modal-window .xblock-actions .action-item,
[class*="view-"] .modal-window .modal-actions .action-item, [class*="view-"] .modal-window .modal-chin .action-primary,
[class*="view-"] .modal-window .xblock-actions .action-primary,
[class*="view-"] .modal-window .modal-actions .action-primary, .view-signup .content header .action,
.view-signin .content header .action,
.view-util .content header .action, .view-signup .content-primary form .form-actions .action-primary,
.view-signin .content-primary form .form-actions .action-primary,
.view-util .content-primary form .form-actions .action-primary, .view-signup #field-password .action-forgotpassword,
.view-signin #field-password .action-forgotpassword,
.view-util #field-password .action-forgotpassword, .view-uploads .no-asset-content .new-button, .view-uploads .assets-library table th.nav-dd .wrapper-nav-sub > ol > .nav-item, .view-uploads .show-xml, .view-uploads .upload-modal .choose-file-button, .view-uploads .upload-modal .copy-button, .course-updates .new-update-form .save-button, .course-updates .new-update-form .cancel-button, .course-updates .post-actions .edit-button,
.course-updates .post-actions .delete-button, .course-handouts .edit-button, .edit-handouts-form .save-button, .edit-handouts-form .cancel-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program, .view-dashboard .wrapper-creationrights .ui-toggle-control .label, .view-dashboard .status-creationrights .list-actions .action-primary, .view-dashboard .status-creationrights .form-actions .action-primary, .view-dashboard .course-item .course-actions .button, .view-dashboard .create-course .new-course-save, .view-dashboard .create-library .new-course-save, .view-dashboard .create-course .new-course-cancel, .view-dashboard .create-library .new-course-cancel, .view-export .export-form-wrapper .export-form .button-export, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary, .view-howitworks.not-signedin .content-cta .list-actions .action.action-secondary, .view-course-create .rerun-course .rerun-course-save, .view-course-create .rerun-course .rerun-course-cancel, .view-course-create .rerun-course .actions .action-primary, .view-course-create .rerun-course .actions .action-secondary, .view-outline .new-section-name-save,
.view-outline .new-subsection-name-save, .view-outline .new-section-name-cancel,
.view-outline .new-subsection-name-cancel, .view-settings .group-settings .remove-item, .view-settings .group-settings .new-button, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary, .view-static-pages .unit-body .component-editor .save-button, .view-static-pages .unit-body .component-editor .cancel-button, .view-container .wrapper-mast .mast.has-actions .nav-actions .button, .view-team .user-list .user-item .item-actions .action-role .add-admin-role, .view-team .user-list .user-item .item-actions .action-role .remove-admin-role, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .collapse-setting, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .create-setting, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .upload-setting {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20.72px;
  line-height: 2.072rem; }

.wrapper-comp-settings .file-uploader .upload-setting, .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .create-setting, .wrapper-comp-settings .list-input.settings-list .metadata-dict .create-setting, .outline-content .add-item .button-new, .bit .external-help-button, .view-outline .new-subsection-item,
.view-outline .new-unit-item, .view-outline .outline-complex .add-item .button-new, .view-settings .group-settings #field-course-image .wrapper-input .action-upload-image, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field .action-upload,
.view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field .action-upload, .view-textbooks .content-primary .textbook .edit-textbook .action-add-chapter, .view-group-configurations .content-primary .wrapper-collection .action-add-item, .view-group-configurations .content-primary .action-add, .view-certificates .wrapper-collection .collection-edit .action-add-signatory, .view-certificates .wrapper-collection .action-add-item, .view-certificates .action-add, .view-certificates .certificates .signatory-edit .field .signature-upload-wrapper .action-upload-signature, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .create-setting, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .upload-setting, .wrapper-mast .mast.has-actions .nav-actions .button, .wrapper-mast .mast.has-actions .nav-actions .button.new-button, .wrapper-mast .mast.has-actions .nav-actions .button.button-new, .view-dashboard .course-item:hover .view-live-button, .wrapper-comp-settings .file-uploader .download-setting, .wrapper-comp-settings .list-input.settings-list .action.setting-clear, .wrapper-license .wrapper-license-options .license-options .license-option .explanation, .wrapper-header .info-course .course-org, .wrapper-header .info-course .course-number, .wrapper-sock .list-cta .cta-show-sock, .wrapper-sock .sock .support .list-actions .action-item .action, .wrapper-sock .sock .feedback .list-actions .action-item .action, .alert.confirm .nav-actions .action-primary, .notification.confirm .nav-actions .action-primary, .prompt.confirm .nav-actions .action-primary, .alert.warning .nav-actions .action-primary, .notification.warning .nav-actions .action-primary, .prompt.warning .nav-actions .action-primary, .alert.error .nav-actions .action-primary, .notification.error .nav-actions .action-primary, .prompt.error .nav-actions .action-primary, .alert.announcement .nav-actions .action-primary, .notification.announcement .nav-actions .action-primary, .prompt.announcement .nav-actions .action-primary, .alert.confirmation .nav-actions .action-primary, .notification.confirmation .nav-actions .action-primary, .prompt.confirmation .nav-actions .action-primary, .alert.step-required .nav-actions .action-primary, .notification.step-required .nav-actions .action-primary, .prompt.step-required .nav-actions .action-primary, .wrapper-prompt .prompt .nav-actions .action-primary, .wrapper-prompt .prompt .nav-actions .action-secondary, .notification.has-actions .action-secondary, .alert.has-actions .nav-actions .nav-item .action-primary, .alert.has-actions .nav-actions .nav-item .action-secondary, .course-updates .post-actions .edit-button,
.course-updates .post-actions .delete-button, .course-handouts .edit-button, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit, .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .download-setting {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 17.76px;
  line-height: 1.776rem; }

.new-unit-item,
.new-subsection-item,
.new-policy-item, .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li .remove-button {
  font-size: 10px;
  font-size: 1rem;
  line-height: 14.8px;
  line-height: 1.48rem; }

.view-export .export-controls .action .icon, .view-import .action-choose-file .icon, .view-export-git .export-git-controls .action .icon {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 53.28px;
  line-height: 5.328rem; }

.notification .feedback-symbol, .alert .feedback-symbol, .view-outline .outline-complex .outline-section.is-collapsible .ui-toggle-expansion {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 35.52px;
  line-height: 3.552rem; }

.wrapper-sock .sock .support .list-actions .action-item .action .icon, .wrapper-sock .sock .feedback .list-actions .action-item .action .icon, .alert .action-dismiss .icon, [class*="view-"] .modal-window .summary-message .icon, [class*="view-"] .modal-window .modal-section-content .list-actions .action-button, .view-dashboard .status-creationrights .list-actions .action-request .fa-cog, .view-dashboard .status-creationrights .form-actions .action-request .fa-cog, .view-dashboard .wrapper-course.has-status .course-status .value .icon, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .icon, .view-howitworks.not-signedin .content-features .feature .img a .action-zoom .icon, .view-import .wrapper-status .list-progress .status-visual .icon, .view-outline .outline-complex .outline-subsection.is-collapsible .ui-toggle-expansion, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-message-status .icon,
.xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-message-status [class*=" fa-"] {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 26.64px;
  line-height: 2.664rem; }

.is-draggable .draggable-drop-indicator .fa-caret-right, .outline-complex .outline-section .section-status .icon, .outline-complex .outline-subsection .subsection-status .icon, .outline-complex .outline-unit .unit-status .icon, .outline-simple .outline-section .section-status .icon, .outline-simple .outline-subsection .subsection-status .icon, .outline-simple .outline-unit .unit-status .icon, .message-status .feedback-symbol, .view-outline .ui-splint-indicator .draggable-drop-indicator .fa-caret-right, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary .icon {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 23.68px;
  line-height: 2.368rem; }

.wrapper-sock .list-cta .cta-show-sock .icon, .alert .action-alert-close .icon {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20.72px;
  line-height: 2.072rem; }

.icon {
  font-style: normal; }

.icon-inline {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px; }

.wrapper-ui-badge {
  position: absolute;
  top: -1px;
  left: 30px;
  width: 100%; }

.view-team .user-list .user-item .flag-role {
  position: relative;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  padding: 5px 10px 5px 10px;
  text-transform: uppercase; }
  .view-team .user-list .user-item .flag-role .icon {
    margin-right: 4px; }
  .view-team .user-list .user-item .is-hanging.flag-role {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: -5px; }
    .view-team .user-list .user-item .is-hanging.flag-role:after {
      position: absolute;
      top: 0;
      right: -5px;
      display: block;
      height: 0;
      width: 0;
      border-bottom: 5px solid rgba(0, 0, 0, 0.75);
      border-right: 5px solid transparent;
      content: "";
      opacity: 0.5; }

.wrapper-mast .mast.has-actions .nav-actions .button, .wrapper-mast .mast.has-actions .nav-actions .button.new-button, .wrapper-mast .mast.has-actions .nav-actions .button.button-new, .bit .external-help-button, .view-dashboard .course-item:hover .view-live-button {
  padding: 5px 10px 6.66667px 10px; }

.wrapper-mast .mast.has-actions .nav-actions .button, .wrapper-sock .sock .support .list-actions .action-primary, .wrapper-sock .sock .feedback .list-actions .action-primary, .notice-incontext.has-actions .list-actions .action-primary, .notice-instruction.has-actions .list-actions .action-primary, .view-dashboard .status-creationrights .list-actions .action-primary, .view-dashboard .status-creationrights .form-actions .action-primary, .view-dashboard .course-item:hover .view-live-button, .view-export .export-controls .action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish, .view-export-git .export-git-controls .action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary, .view-certificates .wrapper-collection .collection-edit .actions .action-primary, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action {
  background: #009fe6;
  border-color: #009fe6;
  color: white; }
  .wrapper-mast .mast.has-actions .nav-actions .button:hover, .wrapper-sock .sock .support .list-actions .action-primary:hover, .wrapper-sock .sock .feedback .list-actions .action-primary:hover, .notice-incontext.has-actions .list-actions .action-primary:hover, .notice-instruction.has-actions .list-actions .action-primary:hover, .view-dashboard .status-creationrights .list-actions .action-primary:hover, .view-dashboard .status-creationrights .form-actions .action-primary:hover, .view-dashboard .course-item:hover .view-live-button:hover, .view-export .export-controls .action-export:hover, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary:hover, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary:hover, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish:hover, .view-export-git .export-git-controls .action-export-git:hover, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary:hover, .view-certificates .wrapper-collection .collection-edit .actions .action-primary:hover, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action:hover, .wrapper-mast .mast.has-actions .nav-actions .button:active, .wrapper-sock .sock .support .list-actions .action-primary:active, .wrapper-sock .sock .feedback .list-actions .action-primary:active, .notice-incontext.has-actions .list-actions .action-primary:active, .notice-instruction.has-actions .list-actions .action-primary:active, .view-dashboard .status-creationrights .list-actions .action-primary:active, .view-dashboard .status-creationrights .form-actions .action-primary:active, .view-dashboard .course-item:hover .view-live-button:active, .view-export .export-controls .action-export:active, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .action-primary:active, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary:active, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish:active, .view-export-git .export-git-controls .action-export-git:active, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary:active, .view-certificates .wrapper-collection .collection-edit .actions .action-primary:active, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action:active {
    background: #33b2eb;
    border-color: #33b2eb; }
  .wrapper-mast .mast.has-actions .nav-actions .current.button, .wrapper-sock .sock .support .list-actions .current.action-primary, .wrapper-sock .sock .feedback .list-actions .current.action-primary, .notice-incontext.has-actions .list-actions .current.action-primary, .notice-instruction.has-actions .list-actions .current.action-primary, .view-dashboard .status-creationrights .list-actions .current.action-primary, .view-dashboard .status-creationrights .form-actions .current.action-primary, .view-dashboard .course-item:hover .current.view-live-button, .view-export .export-controls .current.action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .current.action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .current.action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .current.action-publish, .view-export-git .export-git-controls .current.action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .current.action-primary, .view-certificates .wrapper-collection .collection-edit .actions .current.action-primary, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .current.action, .wrapper-mast .mast.has-actions .nav-actions .active.button, .wrapper-sock .sock .support .list-actions .active.action-primary, .wrapper-sock .sock .feedback .list-actions .active.action-primary, .notice-incontext.has-actions .list-actions .active.action-primary, .notice-instruction.has-actions .list-actions .active.action-primary, .view-dashboard .status-creationrights .list-actions .active.action-primary, .view-dashboard .status-creationrights .form-actions .active.action-primary, .view-dashboard .course-item:hover .active.view-live-button, .view-export .export-controls .active.action-export, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .active.action-primary, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .active.action-primary, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .active.action-publish, .view-export-git .export-git-controls .active.action-export-git, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .active.action-primary, .view-certificates .wrapper-collection .collection-edit .actions .active.action-primary, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .active.action {
    background: #007fb8;
    color: #ccebfa;
    border-color: #005f8a; }
    .wrapper-mast .mast.has-actions .nav-actions .current.button:hover, .wrapper-sock .sock .support .list-actions .current.action-primary:hover, .wrapper-sock .sock .feedback .list-actions .current.action-primary:hover, .notice-incontext.has-actions .list-actions .current.action-primary:hover, .notice-instruction.has-actions .list-actions .current.action-primary:hover, .view-dashboard .status-creationrights .list-actions .current.action-primary:hover, .view-dashboard .status-creationrights .form-actions .current.action-primary:hover, .view-dashboard .course-item:hover .current.view-live-button:hover, .view-export .export-controls .current.action-export:hover, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .current.action-primary:hover, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .current.action-primary:hover, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .current.action-publish:hover, .view-export-git .export-git-controls .current.action-export-git:hover, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .current.action-primary:hover, .view-certificates .wrapper-collection .collection-edit .actions .current.action-primary:hover, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .current.action:hover, .wrapper-mast .mast.has-actions .nav-actions .current.button:active, .wrapper-sock .sock .support .list-actions .current.action-primary:active, .wrapper-sock .sock .feedback .list-actions .current.action-primary:active, .notice-incontext.has-actions .list-actions .current.action-primary:active, .notice-instruction.has-actions .list-actions .current.action-primary:active, .view-dashboard .status-creationrights .list-actions .current.action-primary:active, .view-dashboard .status-creationrights .form-actions .current.action-primary:active, .view-dashboard .course-item:hover .current.view-live-button:active, .view-export .export-controls .current.action-export:active, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .current.action-primary:active, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .current.action-primary:active, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .current.action-publish:active, .view-export-git .export-git-controls .current.action-export-git:active, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .current.action-primary:active, .view-certificates .wrapper-collection .collection-edit .actions .current.action-primary:active, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .current.action:active, .wrapper-mast .mast.has-actions .nav-actions .active.button:hover, .wrapper-sock .sock .support .list-actions .active.action-primary:hover, .wrapper-sock .sock .feedback .list-actions .active.action-primary:hover, .notice-incontext.has-actions .list-actions .active.action-primary:hover, .notice-instruction.has-actions .list-actions .active.action-primary:hover, .view-dashboard .status-creationrights .list-actions .active.action-primary:hover, .view-dashboard .status-creationrights .form-actions .active.action-primary:hover, .view-dashboard .course-item:hover .active.view-live-button:hover, .view-export .export-controls .active.action-export:hover, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .active.action-primary:hover, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .active.action-primary:hover, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .active.action-publish:hover, .view-export-git .export-git-controls .active.action-export-git:hover, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .active.action-primary:hover, .view-certificates .wrapper-collection .collection-edit .actions .active.action-primary:hover, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .active.action:hover, .wrapper-mast .mast.has-actions .nav-actions .active.button:active, .wrapper-sock .sock .support .list-actions .active.action-primary:active, .wrapper-sock .sock .feedback .list-actions .active.action-primary:active, .notice-incontext.has-actions .list-actions .active.action-primary:active, .notice-instruction.has-actions .list-actions .active.action-primary:active, .view-dashboard .status-creationrights .list-actions .active.action-primary:active, .view-dashboard .status-creationrights .form-actions .active.action-primary:active, .view-dashboard .course-item:hover .active.view-live-button:active, .view-export .export-controls .active.action-export:active, .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions .active.action-primary:active, .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .active.action-primary:active, .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .active.action-publish:active, .view-export-git .export-git-controls .active.action-export-git:active, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .active.action-primary:active, .view-certificates .wrapper-collection .collection-edit .actions .active.action-primary:active, .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .active.action:active {
      background: #007fb8; }

[class*="view-"] .xblock-visibility_view .is-not-configured .button, .view-outline .content-primary .no-content .button, .view-static-pages .content-primary .add-pages .button, .view-container .content-primary .no-container-content .button, .view-textbooks .content-primary .no-textbook-content .button, .view-group-configurations .content-primary .no-content .button, .view-certificates .content-primary .no-content .button,
[class*="view-"] .xblock-visibility_view .is-not-configured .action,
.view-outline .content-primary .no-content .action,
.view-static-pages .content-primary .add-pages .action,
.view-container .content-primary .no-container-content .action,
.view-textbooks .content-primary .no-textbook-content .action,
.view-group-configurations .content-primary .no-content .action,
.view-certificates .content-primary .no-content .action, .wrapper-mast .mast.has-actions .nav-actions .button.new-button, .wrapper-mast .mast.has-actions .nav-actions .button.button-new, .notice-create.has-actions .list-actions .action-primary, .view-uploads .no-asset-content .new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program, .view-import .action-choose-file, .view-import .wrapper-file-name .submit-button, .view-settings .group-settings.assignment-types .actions .new-button, .view-team .content .notice-create.has-actions .list-actions .action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button,
.wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action {
  background: #25b85a;
  border-color: #25b85a;
  color: white; }
  [class*="view-"] .xblock-visibility_view .is-not-configured .button:hover, .view-outline .content-primary .no-content .button:hover, .view-static-pages .content-primary .add-pages .button:hover, .view-container .content-primary .no-container-content .button:hover, .view-textbooks .content-primary .no-textbook-content .button:hover, .view-group-configurations .content-primary .no-content .button:hover, .view-certificates .content-primary .no-content .button:hover,
  [class*="view-"] .xblock-visibility_view .is-not-configured .action:hover,
  .view-outline .content-primary .no-content .action:hover,
  .view-static-pages .content-primary .add-pages .action:hover,
  .view-container .content-primary .no-container-content .action:hover,
  .view-textbooks .content-primary .no-textbook-content .action:hover,
  .view-group-configurations .content-primary .no-content .action:hover,
  .view-certificates .content-primary .no-content .action:hover, .wrapper-mast .mast.has-actions .nav-actions .button.new-button:hover, .wrapper-mast .mast.has-actions .nav-actions .button.button-new:hover, .notice-create.has-actions .list-actions .action-primary:hover, .view-uploads .no-asset-content .new-button:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program:hover, .view-import .action-choose-file:hover, .view-import .wrapper-file-name .submit-button:hover, .view-settings .group-settings.assignment-types .actions .new-button:hover, .view-team .content .notice-create.has-actions .list-actions .action-primary:hover, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button:hover,
  .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action:hover, [class*="view-"] .xblock-visibility_view .is-not-configured .button:active, .view-outline .content-primary .no-content .button:active, .view-static-pages .content-primary .add-pages .button:active, .view-container .content-primary .no-container-content .button:active, .view-textbooks .content-primary .no-textbook-content .button:active, .view-group-configurations .content-primary .no-content .button:active, .view-certificates .content-primary .no-content .button:active,
  [class*="view-"] .xblock-visibility_view .is-not-configured .action:active,
  .view-outline .content-primary .no-content .action:active,
  .view-static-pages .content-primary .add-pages .action:active,
  .view-container .content-primary .no-container-content .action:active,
  .view-textbooks .content-primary .no-textbook-content .action:active,
  .view-group-configurations .content-primary .no-content .action:active,
  .view-certificates .content-primary .no-content .action:active, .wrapper-mast .mast.has-actions .nav-actions .button.new-button:active, .wrapper-mast .mast.has-actions .nav-actions .button.button-new:active, .notice-create.has-actions .list-actions .action-primary:active, .view-uploads .no-asset-content .new-button:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-course:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-library:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .action-create-program:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-course:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-library:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .action-create-program:active, .view-import .action-choose-file:active, .view-import .wrapper-file-name .submit-button:active, .view-settings .group-settings.assignment-types .actions .new-button:active, .view-team .content .notice-create.has-actions .list-actions .action-primary:active, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .button:active,
  .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .action:active {
    background: #14c955;
    border-color: #14c955; }
  [class*="view-"] .xblock-visibility_view .is-not-configured .current.button, .view-outline .content-primary .no-content .current.button, .view-static-pages .content-primary .add-pages .current.button, .view-container .content-primary .no-container-content .current.button, .view-textbooks .content-primary .no-textbook-content .current.button, .view-group-configurations .content-primary .no-content .current.button, .view-certificates .content-primary .no-content .current.button,
  [class*="view-"] .xblock-visibility_view .is-not-configured .current.action,
  .view-outline .content-primary .no-content .current.action,
  .view-static-pages .content-primary .add-pages .current.action,
  .view-container .content-primary .no-container-content .current.action,
  .view-textbooks .content-primary .no-textbook-content .current.action,
  .view-group-configurations .content-primary .no-content .current.action,
  .view-certificates .content-primary .no-content .current.action, .wrapper-mast .mast.has-actions .nav-actions .current.button.new-button, .wrapper-mast .mast.has-actions .nav-actions .current.button.button-new, .notice-create.has-actions .list-actions .current.action-primary, .view-uploads .no-asset-content .current.new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-program, .view-import .current.action-choose-file, .view-import .wrapper-file-name .current.submit-button, .view-settings .group-settings.assignment-types .actions .current.new-button, .view-team .content .notice-create.has-actions .list-actions .current.action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.button,
  .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.action, [class*="view-"] .xblock-visibility_view .is-not-configured .active.button, .view-outline .content-primary .no-content .active.button, .view-static-pages .content-primary .add-pages .active.button, .view-container .content-primary .no-container-content .active.button, .view-textbooks .content-primary .no-textbook-content .active.button, .view-group-configurations .content-primary .no-content .active.button, .view-certificates .content-primary .no-content .active.button,
  [class*="view-"] .xblock-visibility_view .is-not-configured .active.action,
  .view-outline .content-primary .no-content .active.action,
  .view-static-pages .content-primary .add-pages .active.action,
  .view-container .content-primary .no-container-content .active.action,
  .view-textbooks .content-primary .no-textbook-content .active.action,
  .view-group-configurations .content-primary .no-content .active.action,
  .view-certificates .content-primary .no-content .active.action, .wrapper-mast .mast.has-actions .nav-actions .active.button.new-button, .wrapper-mast .mast.has-actions .nav-actions .active.button.button-new, .notice-create.has-actions .list-actions .active.action-primary, .view-uploads .no-asset-content .active.new-button, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-course, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-library, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-program, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-course, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-library, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-program, .view-import .active.action-choose-file, .view-import .wrapper-file-name .active.submit-button, .view-settings .group-settings.assignment-types .actions .active.new-button, .view-team .content .notice-create.has-actions .list-actions .active.action-primary, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.button,
  .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.action {
    background: #1d9348;
    color: #d3f0de;
    border-color: #166e36; }
    [class*="view-"] .xblock-visibility_view .is-not-configured .current.button:hover, .view-outline .content-primary .no-content .current.button:hover, .view-static-pages .content-primary .add-pages .current.button:hover, .view-container .content-primary .no-container-content .current.button:hover, .view-textbooks .content-primary .no-textbook-content .current.button:hover, .view-group-configurations .content-primary .no-content .current.button:hover, .view-certificates .content-primary .no-content .current.button:hover,
    [class*="view-"] .xblock-visibility_view .is-not-configured .current.action:hover,
    .view-outline .content-primary .no-content .current.action:hover,
    .view-static-pages .content-primary .add-pages .current.action:hover,
    .view-container .content-primary .no-container-content .current.action:hover,
    .view-textbooks .content-primary .no-textbook-content .current.action:hover,
    .view-group-configurations .content-primary .no-content .current.action:hover,
    .view-certificates .content-primary .no-content .current.action:hover, .wrapper-mast .mast.has-actions .nav-actions .current.button.new-button:hover, .wrapper-mast .mast.has-actions .nav-actions .current.button.button-new:hover, .notice-create.has-actions .list-actions .current.action-primary:hover, .view-uploads .no-asset-content .current.new-button:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-course:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-library:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-program:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-course:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-library:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-program:hover, .view-import .current.action-choose-file:hover, .view-import .wrapper-file-name .current.submit-button:hover, .view-settings .group-settings.assignment-types .actions .current.new-button:hover, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.button:hover,
    .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.action:hover, [class*="view-"] .xblock-visibility_view .is-not-configured .current.button:active, .view-outline .content-primary .no-content .current.button:active, .view-static-pages .content-primary .add-pages .current.button:active, .view-container .content-primary .no-container-content .current.button:active, .view-textbooks .content-primary .no-textbook-content .current.button:active, .view-group-configurations .content-primary .no-content .current.button:active, .view-certificates .content-primary .no-content .current.button:active,
    [class*="view-"] .xblock-visibility_view .is-not-configured .current.action:active,
    .view-outline .content-primary .no-content .current.action:active,
    .view-static-pages .content-primary .add-pages .current.action:active,
    .view-container .content-primary .no-container-content .current.action:active,
    .view-textbooks .content-primary .no-textbook-content .current.action:active,
    .view-group-configurations .content-primary .no-content .current.action:active,
    .view-certificates .content-primary .no-content .current.action:active, .wrapper-mast .mast.has-actions .nav-actions .current.button.new-button:active, .wrapper-mast .mast.has-actions .nav-actions .current.button.button-new:active, .notice-create.has-actions .list-actions .current.action-primary:active, .view-uploads .no-asset-content .current.new-button:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-course:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-library:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .current.action-create-program:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-course:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-library:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .current.action-create-program:active, .view-import .current.action-choose-file:active, .view-import .wrapper-file-name .current.submit-button:active, .view-settings .group-settings.assignment-types .actions .current.new-button:active, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.button:active,
    .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .current.action:active, [class*="view-"] .xblock-visibility_view .is-not-configured .active.button:hover, .view-outline .content-primary .no-content .active.button:hover, .view-static-pages .content-primary .add-pages .active.button:hover, .view-container .content-primary .no-container-content .active.button:hover, .view-textbooks .content-primary .no-textbook-content .active.button:hover, .view-group-configurations .content-primary .no-content .active.button:hover, .view-certificates .content-primary .no-content .active.button:hover,
    [class*="view-"] .xblock-visibility_view .is-not-configured .active.action:hover,
    .view-outline .content-primary .no-content .active.action:hover,
    .view-static-pages .content-primary .add-pages .active.action:hover,
    .view-container .content-primary .no-container-content .active.action:hover,
    .view-textbooks .content-primary .no-textbook-content .active.action:hover,
    .view-group-configurations .content-primary .no-content .active.action:hover,
    .view-certificates .content-primary .no-content .active.action:hover, .wrapper-mast .mast.has-actions .nav-actions .active.button.new-button:hover, .wrapper-mast .mast.has-actions .nav-actions .active.button.button-new:hover, .notice-create.has-actions .list-actions .active.action-primary:hover, .view-uploads .no-asset-content .active.new-button:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-course:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-library:hover, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-program:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-course:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-library:hover, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-program:hover, .view-import .active.action-choose-file:hover, .view-import .wrapper-file-name .active.submit-button:hover, .view-settings .group-settings.assignment-types .actions .active.new-button:hover, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.button:hover,
    .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.action:hover, [class*="view-"] .xblock-visibility_view .is-not-configured .active.button:active, .view-outline .content-primary .no-content .active.button:active, .view-static-pages .content-primary .add-pages .active.button:active, .view-container .content-primary .no-container-content .active.button:active, .view-textbooks .content-primary .no-textbook-content .active.button:active, .view-group-configurations .content-primary .no-content .active.button:active, .view-certificates .content-primary .no-content .active.button:active,
    [class*="view-"] .xblock-visibility_view .is-not-configured .active.action:active,
    .view-outline .content-primary .no-content .active.action:active,
    .view-static-pages .content-primary .add-pages .active.action:active,
    .view-container .content-primary .no-container-content .active.action:active,
    .view-textbooks .content-primary .no-textbook-content .active.action:active,
    .view-group-configurations .content-primary .no-content .active.action:active,
    .view-certificates .content-primary .no-content .active.action:active, .wrapper-mast .mast.has-actions .nav-actions .active.button.new-button:active, .wrapper-mast .mast.has-actions .nav-actions .active.button.button-new:active, .notice-create.has-actions .list-actions .active.action-primary:active, .view-uploads .no-asset-content .active.new-button:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-course:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-library:active, .view-dashboard .content .notice-incontext.has-actions .list-actions .active.action-create-program:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-course:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-library:active, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions .active.action-create-program:active, .view-import .active.action-choose-file:active, .view-import .wrapper-file-name .active.submit-button:active, .view-settings .group-settings.assignment-types .actions .active.new-button:active, .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.button:active,
    .wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content .active.action:active {
      background: #1d9348; }

[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button,
[class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab, .view-dashboard .wrapper-creationrights .ui-toggle-control, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-secondary, .view-certificates .wrapper-collection .collection-edit .actions .action-secondary {
  border-color: #cbcbcb;
  color: #989898; }
  [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button:hover,
  [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button:hover, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab:hover, .view-dashboard .wrapper-creationrights .ui-toggle-control:hover, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-secondary:hover, .view-certificates .wrapper-collection .collection-edit .actions .action-secondary:hover, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button:active,
  [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button:active, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab:active, .view-dashboard .wrapper-creationrights .ui-toggle-control:active, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-secondary:active, .view-certificates .wrapper-collection .collection-edit .actions .action-secondary:active {
    background: #cbcbcb;
    color: #4c4c4c; }
  [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .current.editor-button,
  [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .current.settings-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.current.tab, .view-dashboard .wrapper-creationrights .current.ui-toggle-control, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .current.action-secondary, .view-certificates .wrapper-collection .collection-edit .actions .current.action-secondary, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .active.editor-button,
  [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .active.settings-button, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.active.tab, .view-dashboard .wrapper-creationrights .active.ui-toggle-control, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .active.action-secondary, .view-certificates .wrapper-collection .collection-edit .actions .active.action-secondary {
    background: #4c4c4c;
    color: #f2f2f2; }
    [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .current.editor-button:hover,
    [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .current.settings-button:hover, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.current.tab:hover, .view-dashboard .wrapper-creationrights .current.ui-toggle-control:hover, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .current.action-secondary:hover, .view-certificates .wrapper-collection .collection-edit .actions .current.action-secondary:hover, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .current.editor-button:active,
    [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .current.settings-button:active, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.current.tab:active, .view-dashboard .wrapper-creationrights .current.ui-toggle-control:active, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .current.action-secondary:active, .view-certificates .wrapper-collection .collection-edit .actions .current.action-secondary:active, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .active.editor-button:hover,
    [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .active.settings-button:hover, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.active.tab:hover, .view-dashboard .wrapper-creationrights .active.ui-toggle-control:hover, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .active.action-secondary:hover, .view-certificates .wrapper-collection .collection-edit .actions .active.action-secondary:hover, [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .active.editor-button:active,
    [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .active.settings-button:active, [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.active.tab:active, .view-dashboard .wrapper-creationrights .active.ui-toggle-control:active, .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .active.action-secondary:active, .view-certificates .wrapper-collection .collection-edit .actions .active.action-secondary:active {
      background: #4c4c4c; }

.alert .action-dismiss .button, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .button {
  border-color: rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.75); }
  .alert .action-dismiss .button:hover, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .button:hover, .alert .action-dismiss .button:active, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .button:active {
    border-color: white;
    color: white; }
  .alert .action-dismiss .current.button, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .current.button, .alert .action-dismiss .active.button, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .active.button {
    background: #4c4c4c;
    color: #f2f2f2; }
    .alert .action-dismiss .current.button:hover, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .current.button:hover, .alert .action-dismiss .current.button:active, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .current.button:active, .alert .action-dismiss .active.button:hover, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .active.button:hover, .alert .action-dismiss .active.button:active, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .active.button:active {
      background: #4c4c4c; }

.button .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px; }

.wrapper-header .nav-dd .title {
  padding: 5px 10px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  text-align: center; }
  .wrapper-header .nav-dd .title:hover, .wrapper-header .nav-dd .title:active {
    border-color: #cbcbcb; }
  .wrapper-header .nav-dd .current.title, .wrapper-header .nav-dd .active.title, .wrapper-header .nav-dd .is-selected.title {
    box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    border-color: #cbcbcb; }

.wrapper-header .nav-dd .title {
  background: white;
  border-color: white;
  color: #656565; }
  .wrapper-header .nav-dd .title:hover, .wrapper-header .nav-dd .title:active {
    background: white;
    color: #009fe6; }
  .wrapper-header .nav-dd .current.title, .wrapper-header .nav-dd .active.title {
    background: white;
    color: #191919; }
    .wrapper-header .nav-dd .current.title:hover, .wrapper-header .nav-dd .current.title:active, .wrapper-header .nav-dd .active.title:hover, .wrapper-header .nav-dd .active.title:active {
      color: #009fe6; }

.wrapper-xblock .wrapper-xblock .header-actions .actions-list, .wrapper-xblock .wrapper-xblock-message .xblock-message-actions .actions-list, .wrapper-message .message-actions .actions-list, [class*="view-"] .modal-window .modal-section-content .list-actions, .view-uploads .actions-list, .view-outline .course-status .status-actions, .view-outline .outline-complex .outline-section .section-header-actions .actions-list, .view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list, .view-outline .outline-complex .outline-unit .unit-header-actions .actions-list {
  display: inline-block;
  margin-bottom: 0; }
  .wrapper-xblock .wrapper-xblock .header-actions .actions-list .action-item, .wrapper-xblock .wrapper-xblock-message .xblock-message-actions .actions-list .action-item, .wrapper-message .message-actions .actions-list .action-item, [class*="view-"] .modal-window .modal-section-content .list-actions .action-item, .view-uploads .actions-list .action-item, .view-outline .course-status .status-actions .action-item, .view-outline .outline-complex .outline-section .section-header-actions .actions-list .action-item, .view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list .action-item, .view-outline .outline-complex .outline-unit .unit-header-actions .actions-list .action-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 2px 0 2px 2px; }
    .wrapper-xblock .wrapper-xblock .header-actions .actions-list .action-item .action-button, .wrapper-xblock .wrapper-xblock-message .xblock-message-actions .actions-list .action-item .action-button, .wrapper-message .message-actions .actions-list .action-item .action-button, [class*="view-"] .modal-window .modal-section-content .list-actions .action-item .action-button, .view-uploads .actions-list .action-item .action-button, .view-outline .course-status .status-actions .action-item .action-button, .view-outline .outline-complex .outline-section .section-header-actions .actions-list .action-item .action-button, .view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list .action-item .action-button, .view-outline .outline-complex .outline-unit .unit-header-actions .actions-list .action-item .action-button {
      -webkit-transition: all 0.125s linear 0s;
      -moz-transition: all 0.125s linear 0s;
      transition: all 0.125s linear 0s;
      display: block;
      border-radius: 3px;
      padding: 3px 10px;
      color: #989898; }
      .wrapper-xblock .wrapper-xblock .header-actions .actions-list .action-item .action-button:hover, .wrapper-xblock .wrapper-xblock-message .xblock-message-actions .actions-list .action-item .action-button:hover, .wrapper-message .message-actions .actions-list .action-item .action-button:hover, [class*="view-"] .modal-window .modal-section-content .list-actions .action-item .action-button:hover, .view-uploads .actions-list .action-item .action-button:hover, .view-outline .course-status .status-actions .action-item .action-button:hover, .view-outline .outline-complex .outline-section .section-header-actions .actions-list .action-item .action-button:hover, .view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list .action-item .action-button:hover, .view-outline .outline-complex .outline-unit .unit-header-actions .actions-list .action-item .action-button:hover {
        background-color: #009fe6;
        color: #f8f8f8; }
      .wrapper-xblock .wrapper-xblock .header-actions .actions-list .action-item .action-button .action-button-text, .wrapper-xblock .wrapper-xblock-message .xblock-message-actions .actions-list .action-item .action-button .action-button-text, .wrapper-message .message-actions .actions-list .action-item .action-button .action-button-text, [class*="view-"] .modal-window .modal-section-content .list-actions .action-item .action-button .action-button-text, .view-uploads .actions-list .action-item .action-button .action-button-text, .view-outline .course-status .status-actions .action-item .action-button .action-button-text, .view-outline .outline-complex .outline-section .section-header-actions .actions-list .action-item .action-button .action-button-text, .view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list .action-item .action-button .action-button-text, .view-outline .outline-complex .outline-unit .unit-header-actions .actions-list .action-item .action-button .action-button-text {
        padding-left: 1px;
        text-transform: uppercase; }
      .wrapper-xblock .wrapper-xblock .header-actions .actions-list .action-item .action-button.delete-button:hover, .wrapper-xblock .wrapper-xblock-message .xblock-message-actions .actions-list .action-item .action-button.delete-button:hover, .wrapper-message .message-actions .actions-list .action-item .action-button.delete-button:hover, [class*="view-"] .modal-window .modal-section-content .list-actions .action-item .action-button.delete-button:hover, .view-uploads .actions-list .action-item .action-button.delete-button:hover, .view-outline .course-status .status-actions .action-item .action-button.delete-button:hover, .view-outline .outline-complex .outline-section .section-header-actions .actions-list .action-item .action-button.delete-button:hover, .view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list .action-item .action-button.delete-button:hover, .view-outline .outline-complex .outline-unit .unit-header-actions .actions-list .action-item .action-button.delete-button:hover {
        background-color: #989898; }
      .wrapper-xblock .wrapper-xblock .header-actions .actions-list .action-item .action-button .icon, .wrapper-xblock .wrapper-xblock-message .xblock-message-actions .actions-list .action-item .action-button .icon, .wrapper-message .message-actions .actions-list .action-item .action-button .icon, [class*="view-"] .modal-window .modal-section-content .list-actions .action-item .action-button .icon, .view-uploads .actions-list .action-item .action-button .icon, .view-outline .course-status .status-actions .action-item .action-button .icon, .view-outline .outline-complex .outline-section .section-header-actions .actions-list .action-item .action-button .icon, .view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list .action-item .action-button .icon, .view-outline .outline-complex .outline-unit .unit-header-actions .actions-list .action-item .action-button .icon {
        font-style: normal; }
    .wrapper-xblock .wrapper-xblock .header-actions .actions-list .action-item .drag-handle, .wrapper-xblock .wrapper-xblock-message .xblock-message-actions .actions-list .action-item .drag-handle, .wrapper-message .message-actions .actions-list .action-item .drag-handle, [class*="view-"] .modal-window .modal-section-content .list-actions .action-item .drag-handle, .view-uploads .actions-list .action-item .drag-handle, .view-outline .course-status .status-actions .action-item .drag-handle, .view-outline .outline-complex .outline-section .section-header-actions .actions-list .action-item .drag-handle, .view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list .action-item .drag-handle, .view-outline .outline-complex .outline-unit .unit-header-actions .actions-list .action-item .drag-handle {
      display: block;
      float: none;
      height: 24px;
      width: 20px;
      margin: 0;
      background: transparent url("../images/drag-handles.90bcfcae8c34.png") no-repeat right center; }

.wrapper-xblock .wrapper-xblock.is-collapsible .expand-collapse, .wrapper-xblock .wrapper-xblock.xblock-type-container .expand-collapse, .view-outline .expand-collapse {
  -webkit-transition: all 0.25s linear 0s;
  -moz-transition: all 0.25s linear 0s;
  transition: all 0.25s linear 0s;
  display: inline-block;
  color: #b2b2b2;
  vertical-align: top; }
  .wrapper-xblock .wrapper-xblock.is-collapsible .expand-collapse:hover, .wrapper-xblock .wrapper-xblock.xblock-type-container .expand-collapse:hover, .view-outline .expand-collapse:hover {
    color: #009fe6; }
  .wrapper-xblock .wrapper-xblock.is-collapsible .expand-collapse .ui-toggle-expansion, .wrapper-xblock .wrapper-xblock.xblock-type-container .expand-collapse .ui-toggle-expansion, .view-outline .expand-collapse .ui-toggle-expansion {
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
    display: inline-block;
    margin-right: 5px;
    color: #cbcbcb;
    vertical-align: middle; }
  .wrapper-xblock .wrapper-xblock.is-collapsible .expand.expand-collapse .ui-toggle-expansion, .wrapper-xblock .wrapper-xblock.xblock-type-container .expand.expand-collapse .ui-toggle-expansion, .view-outline .expand.expand-collapse .ui-toggle-expansion {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }

.view-outline .outline-complex .outline-section.is-collapsible, .view-outline .outline-complex .outline-subsection.is-collapsible {
  -webkit-transition: all 0.25s linear 0s;
  -moz-transition: all 0.25s linear 0s;
  transition: all 0.25s linear 0s; }
  .view-outline .outline-complex .outline-section.is-collapsible .ui-toggle-expansion, .view-outline .outline-complex .outline-subsection.is-collapsible .ui-toggle-expansion {
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
    display: inline-block;
    vertical-align: middle; }
    .view-outline .outline-complex .outline-section.is-collapsible .ui-toggle-expansion .icon, .view-outline .outline-complex .outline-subsection.is-collapsible .ui-toggle-expansion .icon {
      -webkit-transition: all 0.25s ease-in-out 0s;
      -moz-transition: all 0.25s ease-in-out 0s;
      transition: all 0.25s ease-in-out 0s; }
    .view-outline .outline-complex .outline-section.is-collapsible .ui-toggle-expansion:hover, .view-outline .outline-complex .outline-subsection.is-collapsible .ui-toggle-expansion:hover, .view-outline .outline-complex .outline-section.is-collapsible .ui-toggle-expansion:active, .view-outline .outline-complex .outline-subsection.is-collapsible .ui-toggle-expansion:active {
      color: #009fe6; }
  .view-outline .outline-complex .is-collapsed.outline-section.is-collapsible .ui-toggle-expansion .icon, .view-outline .outline-complex .is-collapsed.outline-subsection.is-collapsible .ui-toggle-expansion .icon {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }

.drag-handle:hover, .drag-handle:focus {
  cursor: move; }

.is-draggable {
  -webkit-transition: border-color 0.25s ease-in-out 0, box-shadow 0.25s ease-in-out 0, margin 0.25s ease-in-out 0;
  -moz-transition: border-color 0.25s ease-in-out 0, box-shadow 0.25s ease-in-out 0, margin 0.25s ease-in-out 0;
  transition: border-color 0.25s ease-in-out 0, box-shadow 0.25s ease-in-out 0, margin 0.25s ease-in-out 0;
  position: relative; }
  .is-draggable .draggable-drop-indicator {
    -webkit-transition: opacity 0.25s linear 0s;
    -moz-transition: opacity 0.25s linear 0s;
    transition: opacity 0.25s linear 0s;
    height: auto;
    width: 100%;
    position: absolute;
    border-top: 1px solid #33b2eb;
    opacity: 0.0; }
    .is-draggable .draggable-drop-indicator .fa-caret-right {
      position: absolute;
      top: -12px;
      left: -5px;
      color: #009fe6; }
  .is-draggable .draggable-drop-indicator-before {
    top: -10px; }
  .is-draggable .draggable-drop-indicator-after {
    bottom: -10px; }

.is-dragging {
  left: -5px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  cursor: move;
  opacity: 0.65;
  border: 1px solid #323232; }
  .is-dragging.valid-drop {
    border-color: #009fe6;
    box-shadow: 0 1px 2px 0 rgba(0, 159, 230, 0.5); }

.was-dragging {
  -webkit-transition: -webkit-transform 0.25s ease-in-out 0;
  -moz-transition: -moz-transform 0.25s ease-in-out 0;
  transition: transform 0.25s ease-in-out 0; }

.drop-target.drop-target-before {
  margin-top: 30px; }
  .drop-target.drop-target-before > .draggable-drop-indicator-before {
    opacity: 1.0; }
.drop-target.drop-target-after {
  margin-bottom: 30px; }
  .drop-target.drop-target-after > .draggable-drop-indicator-after {
    opacity: 1.0; }

.was-dropped {
  -webkit-animation: was-dropped 0.75s ease-in-out 1;
  -moz-animation: was-dropped 0.75s ease-in-out 1;
  animation: was-dropped 0.75s ease-in-out 1;
  border-color: #009fe6;
  box-shadow: 0 1px 2px 0 rgba(0, 159, 230, 0.5); }

.wrapper-xblock .container-paging-header .pagination, .wrapper-xblock .container-paging-footer .pagination, .wrapper-assets .assets-library .pagination {
  display: inline-block;
  width: 23.40426%; }
  .wrapper-xblock .container-paging-header .pagination:after, .wrapper-xblock .container-paging-footer .pagination:after, .wrapper-assets .assets-library .pagination:after {
    content: "";
    display: table;
    clear: both; }
  .wrapper-xblock .container-paging-header .pagination-compact.pagination, .wrapper-xblock .container-paging-footer .pagination-compact.pagination, .wrapper-assets .assets-library .pagination-compact.pagination {
    text-align: right; }
  .wrapper-xblock .container-paging-header .pagination-full.pagination, .wrapper-xblock .container-paging-footer .pagination-full.pagination, .wrapper-assets .assets-library .pagination-full.pagination {
    display: block;
    width: 31.91489%;
    margin: 20px auto; }
  .wrapper-xblock .container-paging-header .pagination .nav-item, .wrapper-xblock .container-paging-footer .pagination .nav-item, .wrapper-assets .assets-library .pagination .nav-item {
    position: relative;
    display: inline-block;
    vertical-align: middle; }
  .wrapper-xblock .container-paging-header .pagination .nav-link, .wrapper-xblock .container-paging-footer .pagination .nav-link, .wrapper-assets .assets-library .pagination .nav-link {
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
    display: block;
    border: 0;
    padding: 5px 15px; }
    .wrapper-xblock .container-paging-header .pagination .nav-link.previous, .wrapper-xblock .container-paging-footer .pagination .nav-link.previous, .wrapper-assets .assets-library .pagination .nav-link.previous {
      margin-right: 10px; }
    .wrapper-xblock .container-paging-header .pagination .nav-link.next, .wrapper-xblock .container-paging-footer .pagination .nav-link.next, .wrapper-assets .assets-library .pagination .nav-link.next {
      margin-left: 10px; }
    .wrapper-xblock .container-paging-header .pagination .nav-link:hover, .wrapper-xblock .container-paging-footer .pagination .nav-link:hover, .wrapper-assets .assets-library .pagination .nav-link:hover {
      background-color: #009fe6;
      border-radius: 3px;
      color: white; }
    .wrapper-xblock .container-paging-header .pagination .nav-link.is-disabled, .wrapper-xblock .container-paging-footer .pagination .nav-link.is-disabled, .wrapper-assets .assets-library .pagination .nav-link.is-disabled {
      background-color: transparent;
      color: #b2b2b2;
      pointer-events: none; }
  .wrapper-xblock .container-paging-header .pagination .pagination-form, .wrapper-xblock .container-paging-footer .pagination .pagination-form, .wrapper-assets .assets-library .pagination .pagination-form,
  .wrapper-xblock .container-paging-header .pagination .current-page,
  .wrapper-xblock .container-paging-footer .pagination .current-page,
  .wrapper-assets .assets-library .pagination .current-page,
  .wrapper-xblock .container-paging-header .pagination .page-divider,
  .wrapper-xblock .container-paging-footer .pagination .page-divider,
  .wrapper-assets .assets-library .pagination .page-divider,
  .wrapper-xblock .container-paging-header .pagination .total-pages,
  .wrapper-xblock .container-paging-footer .pagination .total-pages,
  .wrapper-assets .assets-library .pagination .total-pages {
    display: inline-block; }
  .wrapper-xblock .container-paging-header .pagination .current-page, .wrapper-xblock .container-paging-footer .pagination .current-page, .wrapper-assets .assets-library .pagination .current-page,
  .wrapper-xblock .container-paging-header .pagination .page-number-input,
  .wrapper-xblock .container-paging-footer .pagination .page-number-input,
  .wrapper-assets .assets-library .pagination .page-number-input,
  .wrapper-xblock .container-paging-header .pagination .total-pages,
  .wrapper-xblock .container-paging-footer .pagination .total-pages,
  .wrapper-assets .assets-library .pagination .total-pages {
    width: 50px;
    margin: 0 15px;
    padding: 5px;
    text-align: center;
    color: #7f7f7f; }
  .wrapper-xblock .container-paging-header .pagination .current-page, .wrapper-xblock .container-paging-footer .pagination .current-page, .wrapper-assets .assets-library .pagination .current-page {
    position: absolute;
    left: -5px; }
  .wrapper-xblock .container-paging-header .pagination .page-divider, .wrapper-xblock .container-paging-footer .pagination .page-divider, .wrapper-assets .assets-library .pagination .page-divider {
    vertical-align: middle;
    color: #b2b2b2; }
  .wrapper-xblock .container-paging-header .pagination .pagination-form, .wrapper-xblock .container-paging-footer .pagination .pagination-form, .wrapper-assets .assets-library .pagination .pagination-form {
    position: relative; }
    .wrapper-xblock .container-paging-header .pagination .pagination-form .page-number-input, .wrapper-xblock .container-paging-footer .pagination .pagination-form .page-number-input, .wrapper-assets .assets-library .pagination .pagination-form .page-number-input {
      -webkit-transition: all 0.25s ease-in-out 0s;
      -moz-transition: all 0.25s ease-in-out 0s;
      transition: all 0.25s ease-in-out 0s;
      border: 1px solid transparent;
      border-bottom: 1px dotted #b2b2b2;
      border-radius: 0;
      box-shadow: none;
      background: none; }
      .wrapper-xblock .container-paging-header .pagination .pagination-form .page-number-input:hover, .wrapper-xblock .container-paging-footer .pagination .pagination-form .page-number-input:hover, .wrapper-assets .assets-library .pagination .pagination-form .page-number-input:hover {
        background-color: white;
        opacity: 0.6; }
      .wrapper-xblock .container-paging-header .pagination .pagination-form .page-number-input:focus, .wrapper-xblock .container-paging-footer .pagination .pagination-form .page-number-input:focus, .wrapper-assets .assets-library .pagination .pagination-form .page-number-input:focus {
        background-color: #fffcf1;
        background-image: -webkit-linear-gradient(#fffcf1, #fffefd);
        background-image: linear-gradient(#fffcf1, #fffefd);
        opacity: 1.0;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.4) inset;
        background-color: white;
        border: 1px solid transparent;
        border-radius: 3px; }

.wrapper-xblock {
  margin: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  background: white;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }
  .wrapper-xblock:hover, .wrapper-xblock:focus {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); }
  .wrapper-xblock .xblock-header-primary {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 4px 4px 0 0;
    min-height: 50px;
    background-color: #f8f8f8;
    padding: 10px 10px 10px 20px; }
    .wrapper-xblock .xblock-header-primary .header-details {
      display: inline-block;
      width: 50%;
      vertical-align: middle; }
      .wrapper-xblock .xblock-header-primary .header-details .xblock-display-name {
        display: inline-block;
        vertical-align: middle; }
    .wrapper-xblock .xblock-header-primary .header-actions {
      display: inline-block;
      width: 49%;
      vertical-align: middle;
      text-align: right; }
  .wrapper-xblock .xblock-header-secondary {
    overflow: hidden;
    border-top: 1px solid #cbcbcb;
    background-color: #f2f2f2;
    padding: 10px 20px; }
    .wrapper-xblock .xblock-header-secondary .meta-info {
      display: inline-block;
      vertical-align: middle;
      width: 65%;
      font-style: italic;
      color: #7f7f7f; }
    .wrapper-xblock .xblock-header-secondary .actions-list {
      width: 34%;
      display: inline-block;
      vertical-align: middle;
      text-align: right; }
      .wrapper-xblock .xblock-header-secondary .actions-list .action-item {
        display: inline-block; }
        .wrapper-xblock .xblock-header-secondary .actions-list .action-item .action-button {
          -webkit-transition: all 0.125s linear 0s;
          -moz-transition: all 0.125s linear 0s;
          transition: all 0.125s linear 0s;
          display: block;
          width: auto;
          height: 30px;
          border-radius: 3px;
          padding: 3px 10px 0 10px;
          color: #989898; }
          .wrapper-xblock .xblock-header-secondary .actions-list .action-item .action-button:hover {
            background-color: #009fe6;
            color: #f8f8f8; }
          .wrapper-xblock .xblock-header-secondary .actions-list .action-item .action-button .action-button-text {
            display: inline-block;
            vertical-align: middle;
            padding: 0 1px;
            text-transform: uppercase; }
          .wrapper-xblock .xblock-header-secondary .actions-list .action-item .action-button.delete-button:hover {
            background-color: #989898; }
        .wrapper-xblock .xblock-header-secondary .actions-list .action-item .icon {
          display: inline-block;
          vertical-align: middle; }
  .wrapper-xblock .xblock-license,
  .wrapper-xblock .xmodule_display.xmodule_HtmlModule .xblock-license,
  .wrapper-xblock .xmodule_VideoModule .xblock-license {
    text-align: right;
    display: block;
    width: auto;
    border-top: 1px solid #cbcbcb;
    padding: 5px 0;
    color: #7f7f7f;
    text-align: right; }
    .wrapper-xblock .xblock-license .license-label,
    .wrapper-xblock .xblock-license .license-value,
    .wrapper-xblock .xblock-license .license-actions,
    .wrapper-xblock .xmodule_display.xmodule_HtmlModule .xblock-license .license-label,
    .wrapper-xblock .xmodule_display.xmodule_HtmlModule .xblock-license .license-value,
    .wrapper-xblock .xmodule_display.xmodule_HtmlModule .xblock-license .license-actions,
    .wrapper-xblock .xmodule_VideoModule .xblock-license .license-label,
    .wrapper-xblock .xmodule_VideoModule .xblock-license .license-value,
    .wrapper-xblock .xmodule_VideoModule .xblock-license .license-actions {
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 0; }
    .wrapper-xblock .xblock-license a,
    .wrapper-xblock .xmodule_display.xmodule_HtmlModule .xblock-license a,
    .wrapper-xblock .xmodule_VideoModule .xblock-license a {
      color: #7f7f7f; }
      .wrapper-xblock .xblock-license a:hover,
      .wrapper-xblock .xmodule_display.xmodule_HtmlModule .xblock-license a:hover,
      .wrapper-xblock .xmodule_VideoModule .xblock-license a:hover {
        color: #2392c3; }
    .wrapper-xblock .xblock-license i,
    .wrapper-xblock .xmodule_display.xmodule_HtmlModule .xblock-license i,
    .wrapper-xblock .xmodule_VideoModule .xblock-license i {
      font-style: normal; }
  .wrapper-xblock .xmodule_VideoModule .xblock-license {
    border: 0; }
  .wrapper-xblock .container-paging-header .meta-wrap {
    margin: 20px 10px; }
  .wrapper-xblock .container-paging-header .meta {
    display: inline-block;
    vertical-align: top;
    width: 74.46809%;
    color: #989898; }
  .wrapper-xblock h2 {
    margin: 30px 40px 30px 0;
    color: #7f7f7f;
    letter-spacing: 1px;
    text-transform: uppercase; }
  .wrapper-xblock .wrapper-xblock.is-collapsible .icon, .wrapper-xblock .wrapper-xblock.xblock-type-container .icon {
    font-style: normal; }
  .wrapper-xblock .wrapper-xblock.is-collapsible .expand-collapse, .wrapper-xblock .wrapper-xblock.xblock-type-container .expand-collapse {
    margin: 0 5px;
    height: 25px;
    width: 20px; }
    .wrapper-xblock .wrapper-xblock.is-collapsible .expand-collapse:focus, .wrapper-xblock .wrapper-xblock.xblock-type-container .expand-collapse:focus {
      outline: 0; }
  .wrapper-xblock .wrapper-xblock.is-collapsible .action-view .action-button, .wrapper-xblock .wrapper-xblock.xblock-type-container .action-view .action-button {
    transition: none; }
  .wrapper-xblock .wrapper-xblock.is-collapsible .action-view .action-button-text, .wrapper-xblock .wrapper-xblock.xblock-type-container .action-view .action-button-text {
    padding-right: 4px;
    padding-left: 0; }
  .wrapper-xblock .wrapper-xblock.has-group-visibility-set .action-visibility .visibility-button.visibility-button {
    color: black; }
  .wrapper-xblock .wrapper-xblock-message .xblock-message {
    background-color: #4c4c4c;
    padding: 15px;
    color: white; }
    .wrapper-xblock .wrapper-xblock-message .xblock-message .icon {
      font-style: normal; }
    .wrapper-xblock .wrapper-xblock-message .xblock-message.information {
      background-color: #f2f2f2;
      color: #4c4c4c; }
    .wrapper-xblock .wrapper-xblock-message .xblock-message.validation {
      background-color: #4c4c4c;
      color: white; }
      .wrapper-xblock .wrapper-xblock-message .xblock-message.validation a {
        color: #66c5f0; }
      .wrapper-xblock .wrapper-xblock-message .xblock-message.validation.has-warnings {
        border-top: 3px solid #edbd3c; }
        .wrapper-xblock .wrapper-xblock-message .xblock-message.validation.has-warnings .fa-exclamation-triangle {
          margin-right: 10px;
          color: #edbd3c; }
      .wrapper-xblock .wrapper-xblock-message .xblock-message.validation.has-errors {
        border-top: 3px solid #d0696f; }
        .wrapper-xblock .wrapper-xblock-message .xblock-message.validation.has-errors .fa-exclamation-circle {
          margin-right: 10px;
          color: #d0696f; }
  .wrapper-xblock .wrapper-xblock-message .xblock-message-list {
    margin-bottom: 0; }
  .wrapper-xblock .wrapper-xblock-message .xblock-message-actions {
    padding: 10px 20px;
    background-color: #656565; }
  .wrapper-xblock.level-page {
    margin: 0;
    box-shadow: none;
    border: 0; }
    .wrapper-xblock.level-page .xblock-header {
      display: none; }
    .wrapper-xblock.level-page .xblock-message.validation {
      padding-top: 15px; }
    .wrapper-xblock.level-page .xblock-message .xblock-message-list {
      margin: 0 45px;
      list-style-type: disc;
      color: #cbcbcb; }
    .wrapper-xblock.level-page .xblock-message .xblock-message-item {
      padding-bottom: 5px; }
    .wrapper-xblock.level-page .xblock-message.information {
      padding: 10px 0;
      background-color: #f2f2f2;
      color: #656565; }
    .wrapper-xblock.level-page .no-container-content .xblock-message-list {
      margin: 0;
      list-style-type: none;
      color: #4c4c4c; }
  .wrapper-xblock.level-nesting {
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    border: 1px solid #cbcbcb;
    padding-bottom: 20px; }
    .wrapper-xblock.level-nesting .reorderable-container {
      min-height: 20px; }
    .wrapper-xblock.level-nesting .xblock-header {
      display: block; }
    .wrapper-xblock.level-nesting .xblock-header-primary {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      margin-bottom: 0;
      border-bottom: none;
      background: none; }
    .wrapper-xblock.level-nesting .xblock-render {
      margin: 10px; }
    .wrapper-xblock.level-nesting.collapsed {
      padding-bottom: 0;
      background-color: #fdfdfd;
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.6) inset; }
  .wrapper-xblock.level-element {
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    box-shadow: none; }
    .wrapper-xblock.level-element:hover {
      border-color: #009fe6; }
    .wrapper-xblock.level-element .xblock-header {
      display: block; }
    .wrapper-xblock.level-element .xblock-header-primary {
      display: flex;
      margin-bottom: 0;
      border-bottom: 1px solid #e5e5e5;
      background-color: #f8f8f8; }
      .wrapper-xblock.level-element .xblock-header-primary.is-collapsed {
        border-bottom: 0;
        border-radius: 3px; }
    .wrapper-xblock.level-element .xblock-render {
      margin: 10px;
      padding: 10px; }
    .wrapper-xblock.level-element.xblock-type-container .xblock-header-primary {
      margin-bottom: 0;
      border-bottom: 0;
      border-radius: 4px; }
    .wrapper-xblock.level-element.xblock-type-container .xblock-render {
      display: none; }
    .wrapper-xblock.level-element .wrapper-xblock-message .xblock-message.information {
      padding: 0 20px 15px 20px;
      color: #989898; }
  .wrapper-xblock .wrapper-groups .title {
    margin-left: 10px;
    color: #989898; }
  .wrapper-xblock .wrapper-groups.is-active .wrapper-xblock.level-nesting > .xblock-header .action-delete {
    display: none; }
  .wrapper-xblock .wrapper-groups.is-inactive {
    margin: 30px 0 0 0;
    border-top: 2px dotted #b2b2b2;
    padding: 15px 0;
    background-color: #e5e5e5; }
    .wrapper-xblock .wrapper-groups.is-inactive .wrapper-xblock.level-nesting {
      -webkit-transition: all 0.25s linear 0s;
      -moz-transition: all 0.25s linear 0s;
      transition: all 0.25s linear 0s;
      opacity: .7; }
      .wrapper-xblock .wrapper-groups.is-inactive .wrapper-xblock.level-nesting:hover {
        opacity: 1; }
    .wrapper-xblock .wrapper-groups.is-inactive .new-component-item {
      display: none; }

.wrapper-comp-editor {
  display: block; }
  .wrapper-comp-editor.is-inactive {
    display: none; }

.wrapper-comp-settings {
  display: none; }
  .wrapper-comp-settings.is-active {
    display: block; }
  .wrapper-comp-settings .file-uploader .upload-setting {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px;
    width: 49%;
    margin-right: 2%; }
  .wrapper-comp-settings .file-uploader .download-setting {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px;
    width: 49%;
    text-align: center;
    color: #009fe6; }
    .wrapper-comp-settings .file-uploader .download-setting:hover {
      background-color: #009fe6; }
  .wrapper-comp-settings .file-uploader .wrapper-uploader-actions {
    width: 45%;
    display: inline-block;
    min-width: 100px; }
  .wrapper-comp-settings .list-input.settings-list {
    overflow: auto;
    max-height: 400px; }
    .wrapper-comp-settings .list-input.settings-list::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 11px;
      height: 11px; }
    .wrapper-comp-settings .list-input.settings-list::-webkit-scrollbar-thumb {
      border-radius: 8px;
      border: 2px solid #b2b2b2;
      background-color: rgba(0, 0, 0, 0.5); }
    .wrapper-comp-settings .list-input.settings-list .field.comp-setting-entry {
      opacity: 0.7;
      margin: 0 20px;
      border-top: 1px solid #e5e5e5;
      background-color: white;
      padding: 20px 10px; }
      .wrapper-comp-settings .list-input.settings-list .field.comp-setting-entry:first-child {
        border-top: 0; }
      .wrapper-comp-settings .list-input.settings-list .field.comp-setting-entry:hover, .wrapper-comp-settings .list-input.settings-list .field.comp-setting-entry:focus {
        opacity: 1.0; }
      .wrapper-comp-settings .list-input.settings-list .field.comp-setting-entry.is-set {
        opacity: 1.0;
        background-color: white; }
        .wrapper-comp-settings .list-input.settings-list .field.comp-setting-entry.is-set .setting-input {
          color: #33b2eb; }
    .wrapper-comp-settings .list-input.settings-list .wrapper-comp-setting {
      min-width: 300px;
      top: 0;
      vertical-align: top;
      margin-bottom: 5px;
      position: relative; }
    .wrapper-comp-settings .list-input.settings-list .setting-label {
      -webkit-transition: color 0.25s ease-in-out 0s;
      -moz-transition: color 0.25s ease-in-out 0s;
      transition: color 0.25s ease-in-out 0s;
      vertical-align: middle;
      display: inline-block;
      position: relative;
      left: 0;
      width: 25%;
      min-width: 100px;
      margin-right: 10px; }
      .wrapper-comp-settings .list-input.settings-list .setting-label.is-focused {
        color: #009fe6; }
    .wrapper-comp-settings .list-input.settings-list input, .wrapper-comp-settings .list-input.settings-list select, .wrapper-comp-settings .list-input.settings-list input[type="number"] {
      height: 100%;
      width: 100%;
      width: 45%;
      min-width: 100px;
      padding: 10px;
      border-radius: 3px;
      border: 1px solid #b2b2b2;
      text-overflow: ellipsis; }
      .wrapper-comp-settings .list-input.settings-list input :-moz-placeholder, .wrapper-comp-settings .list-input.settings-list select :-moz-placeholder, .wrapper-comp-settings .list-input.settings-list input[type="number"] :-moz-placeholder {
        color: #e5e5e5; }
      .wrapper-comp-settings .list-input.settings-list input ::-webkit-input-placeholder, .wrapper-comp-settings .list-input.settings-list select ::-webkit-input-placeholder, .wrapper-comp-settings .list-input.settings-list input[type="number"] ::-webkit-input-placeholder {
        color: #e5e5e5; }
      .wrapper-comp-settings .list-input.settings-list input :-ms-input-placeholder, .wrapper-comp-settings .list-input.settings-list select :-ms-input-placeholder, .wrapper-comp-settings .list-input.settings-list input[type="number"] :-ms-input-placeholder {
        color: #e5e5e5; }
    .wrapper-comp-settings .list-input.settings-list input.is-disabled {
      text-overflow: clip;
      opacity: .5; }
    .wrapper-comp-settings .list-input.settings-list input[type="number"] {
      width: 42%;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
      -moz-column-width-width: 32%; }
      .wrapper-comp-settings .list-input.settings-list input[type="number"]:active {
        background-color: #FFFCF1; }
    .wrapper-comp-settings .list-input.settings-list select:focus {
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
      -webkit-transition: opacity 0.25s ease-in-out 0s;
      -moz-transition: opacity 0.25s ease-in-out 0s;
      transition: opacity 0.25s ease-in-out 0s;
      background-color: #fffedf; }
    .wrapper-comp-settings .list-input.settings-list select:active {
      background-color: #fffedf; }
    .wrapper-comp-settings .list-input.settings-list .action.setting-clear {
      color: #7f7f7f;
      width: 25px;
      height: 25px;
      vertical-align: middle;
      padding: 5px;
      border-radius: 50%;
      margin: 0 10px;
      box-shadow: none;
      text-shadow: none;
      border: 1px solid #989898;
      background-color: #e5e5e5; }
      .wrapper-comp-settings .list-input.settings-list .action.setting-clear:hover {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-transition: opacity 0.25s ease-in-out 0s;
        -moz-transition: opacity 0.25s ease-in-out 0s;
        transition: opacity 0.25s ease-in-out 0s;
        background-color: #009fe6;
        border: 1px solid #009fe6;
        color: white; }
      .wrapper-comp-settings .list-input.settings-list .action.setting-clear.inactive {
        visibility: hidden; }
    .wrapper-comp-settings .list-input.settings-list .setting-help {
      display: inline-block;
      font-color: #f8f8f8;
      min-width: 200px;
      vertical-align: top; }
    .wrapper-comp-settings .list-input.settings-list .metadata-list-enum * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .setting-label {
      vertical-align: top;
      margin-top: 10px; }
    .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .wrapper-list-settings {
      height: 100%;
      width: 45%;
      display: inline-block;
      min-width: 100px; }
      .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .wrapper-list-settings .list-settings {
        margin: 0; }
        .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .wrapper-list-settings .list-settings .list-settings-item {
          margin-bottom: 10px; }
        .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .wrapper-list-settings .list-settings .input {
          width: 80%;
          margin-right: 10px;
          vertical-align: middle; }
    .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .setting-clear {
      vertical-align: top;
      margin-top: 5px; }
    .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .create-setting {
      display: block;
      width: 100%;
      padding: 10px; }
      .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .create-setting .icon {
        margin-right: 5px; }
    .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .remove-setting {
      -webkit-transition: color 0.25s ease-in-out;
      -moz-transition: color 0.25s ease-in-out;
      transition: color 0.25s ease-in-out;
      display: inline-block;
      background: transparent;
      color: #99d8f5; }
      .wrapper-comp-settings .list-input.settings-list .metadata-list-enum .remove-setting:hover {
        color: #009fe6; }
    .wrapper-comp-settings .list-input.settings-list .metadata-dict * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .wrapper-comp-settings .list-input.settings-list .metadata-dict .setting-label {
      vertical-align: top;
      margin-top: 15px; }
    .wrapper-comp-settings .list-input.settings-list .metadata-dict .wrapper-dict-settings {
      width: 55%;
      display: inline-block;
      min-width: 240px; }
      .wrapper-comp-settings .list-input.settings-list .metadata-dict .wrapper-dict-settings .list-settings {
        margin: 10px 0 0; }
        .wrapper-comp-settings .list-input.settings-list .metadata-dict .wrapper-dict-settings .list-settings .list-settings-item {
          margin-bottom: 10px; }
        .wrapper-comp-settings .list-input.settings-list .metadata-dict .wrapper-dict-settings .list-settings .input {
          width: 43%;
          margin-right: 5px;
          vertical-align: middle;
          display: inline-block; }
          .wrapper-comp-settings .list-input.settings-list .metadata-dict .wrapper-dict-settings .list-settings .input.input-value {
            margin-right: 10px; }
    .wrapper-comp-settings .list-input.settings-list .metadata-dict .setting-clear {
      vertical-align: top;
      margin: 15px 0 0 0; }
    .wrapper-comp-settings .list-input.settings-list .metadata-dict .create-setting {
      display: block;
      width: 88%;
      padding: 10px; }
      .wrapper-comp-settings .list-input.settings-list .metadata-dict .create-setting .icon {
        margin-right: 5px; }
    .wrapper-comp-settings .list-input.settings-list .metadata-dict .remove-setting {
      -webkit-transition: color 0.25s ease-in-out;
      -moz-transition: color 0.25s ease-in-out;
      transition: color 0.25s ease-in-out;
      display: inline-block;
      background: transparent;
      color: #99d8f5; }
      .wrapper-comp-settings .list-input.settings-list .metadata-dict .remove-setting:hover {
        color: #009fe6; }

.wrapper-comp-editor.latex-problem {
  margin-top: 50px; }

.launch-latex-compiler {
  position: absolute;
  width: 100%;
  top: 0;
  background-color: white;
  padding: 10px 0 10px 20px;
  border-bottom: 1px solid #b2b2b2; }

div.wrapper-comp-editor.is-inactive ~ div.launch-latex-compiler {
  display: none; }

.wrapper-xblock .discussion-preview {
  color: #989898;
  font-style: italic; }

.wrapper-license .license-types {
  text-align: center;
  vertical-align: middle;
  display: inline-block; }
  .wrapper-license .license-types .license-type {
    display: inline-block; }
  .wrapper-license .license-types .action.license-button {
    -webkit-transition: background-color 0.15s, box-shadow 0.15s;
    -moz-transition: background-color 0.15s, box-shadow 0.15s;
    transition: background-color 0.15s, box-shadow 0.15s;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
    display: inline-block;
    padding: 4px 20px 5px;
    background-color: rgba(255, 255, 255, 0.3);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border: 1px solid #4c4c4c;
    border-radius: 3px;
    background-color: #d1dae3;
    color: #6d788b;
    display: inline-block;
    text-align: center;
    width: 220px;
    height: 40px;
    cursor: pointer; }
    .wrapper-license .license-types .action.license-button.disabled, .wrapper-license .license-types .action.license-button.is-disabled {
      border: 1px solid #989898 !important;
      border-radius: 3px !important;
      background: #989898 !important;
      color: #656565 !important;
      pointer-events: none;
      cursor: none; }
      .wrapper-license .license-types .action.license-button.disabled:hover, .wrapper-license .license-types .action.license-button.disabled:focus, .wrapper-license .license-types .action.license-button.is-disabled:hover, .wrapper-license .license-types .action.license-button.is-disabled:focus {
        box-shadow: 0 0 0 0 !important; }
    .wrapper-license .license-types .action.license-button:hover, .wrapper-license .license-types .action.license-button:focus, .wrapper-license .license-types .action.license-button:active {
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
    .wrapper-license .license-types .action.license-button:hover {
      background-color: #d9e3ee;
      color: #6d788b; }
    .wrapper-license .license-types .action.license-button.is-selected {
      -webkit-transition: background-color 0.15s, box-shadow 0.15s;
      -moz-transition: background-color 0.15s, box-shadow 0.15s;
      transition: background-color 0.15s, box-shadow 0.15s;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
      display: inline-block;
      padding: 4px 20px 5px;
      background-color: rgba(255, 255, 255, 0.3);
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
      background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
      border: 1px solid #007fb8;
      border-radius: 3px;
      background-color: #009fe6;
      color: white; }
      .wrapper-license .license-types .action.license-button.is-selected.disabled, .wrapper-license .license-types .action.license-button.is-selected.is-disabled {
        border: 1px solid #989898 !important;
        border-radius: 3px !important;
        background: #989898 !important;
        color: #656565 !important;
        pointer-events: none;
        cursor: none; }
        .wrapper-license .license-types .action.license-button.is-selected.disabled:hover, .wrapper-license .license-types .action.license-button.is-selected.disabled:focus, .wrapper-license .license-types .action.license-button.is-selected.is-disabled:hover, .wrapper-license .license-types .action.license-button.is-selected.is-disabled:focus {
          box-shadow: 0 0 0 0 !important; }
      .wrapper-license .license-types .action.license-button.is-selected:hover, .wrapper-license .license-types .action.license-button.is-selected:focus, .wrapper-license .license-types .action.license-button.is-selected:active {
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
      .wrapper-license .license-types .action.license-button.is-selected:hover, .wrapper-license .license-types .action.license-button.is-selected:focus, .wrapper-license .license-types .action.license-button.is-selected:active {
        background-color: #009fe6;
        color: white; }
      .wrapper-license .license-types .action.license-button.is-selected.disabled, .wrapper-license .license-types .action.license-button.is-selected.is-disabled {
        box-shadow: none;
        border: 1px solid #99d8f5 !important;
        background: #99d8f5 !important;
        color: white !important; }
.wrapper-license .wrapper-license-options {
  margin-bottom: 10px; }
  .wrapper-license .wrapper-license-options .license-options {
    padding-bottom: 10px; }
    .wrapper-license .wrapper-license-options .license-options .license-option {
      line-height: 1.5;
      border-bottom: 1px solid #e5e5e5;
      padding: 10px 0 8px; }
      .wrapper-license .wrapper-license-options .license-options .license-option.is-clickable {
        cursor: pointer; }
      .wrapper-license .wrapper-license-options .license-options .license-option:last-child {
        border-bottom: none; }
      .wrapper-license .wrapper-license-options .license-options .license-option input[type=checkbox] {
        vertical-align: top;
        width: auto;
        min-width: auto;
        height: auto;
        border: 0;
        margin: 3px 15px 0px; }
      .wrapper-license .wrapper-license-options .license-options .license-option .option-name {
        display: inline-block;
        width: 15%;
        vertical-align: top;
        cursor: pointer; }
      .wrapper-license .wrapper-license-options .license-options .license-option .explanation {
        display: inline-block;
        width: 75%;
        vertical-align: top;
        color: #7f7f7f; }
.wrapper-license .license-preview a {
  color: #7f7f7f; }
  .wrapper-license .license-preview a:hover {
    color: #2392c3; }
.wrapper-license .list-input.settings-list ul.license-options li {
  padding: 10px 0 8px; }

.view-container .content-supplementary .bit-publishing.is-live, .view-container .content-supplementary .bit-publishing.is-ready, .view-container .content-supplementary .bit-publishing.has-warnings, .view-container .content-supplementary .bit-publishing.has-errors, .view-container .content-supplementary .bit-publishing.staff-only, .view-container .content-supplementary .bit-publishing.is-staff-only, .view-container .content-supplementary .bit-publishing, .view-container .content-supplementary .unit-location, .view-container .content-supplementary .library-location {
  margin-bottom: 20px;
  border-top: 5px solid #989898;
  background-color: white; }
  .view-container .content-supplementary .bit-publishing .bar-mod-title, .view-container .content-supplementary .unit-location .bar-mod-title, .view-container .content-supplementary .library-location .bar-mod-title {
    display: block;
    padding: 10px 15px;
    background-color: #e5e5e5; }
  .view-container .content-supplementary .bit-publishing .bar-mod-content, .view-container .content-supplementary .unit-location .bar-mod-content, .view-container .content-supplementary .library-location .bar-mod-content {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 15px 20px 15px; }
    .view-container .content-supplementary .bit-publishing .bar-mod-content .title, .view-container .content-supplementary .unit-location .bar-mod-content .title, .view-container .content-supplementary .library-location .bar-mod-content .title {
      margin-bottom: 5px;
      color: #b2b2b2;
      text-transform: uppercase; }
    .view-container .content-supplementary .bit-publishing .bar-mod-content .meta, .view-container .content-supplementary .unit-location .bar-mod-content .meta, .view-container .content-supplementary .library-location .bar-mod-content .meta {
      color: #989898; }

.view-container .content-supplementary .bit-publishing.is-live {
  border-top: 5px solid #009fe6; }
  .view-container .content-supplementary .bit-publishing.is-live .bar-mod-title {
    background-color: rgba(0, 159, 230, 0.125); }

.view-container .content-supplementary .bit-publishing.is-ready {
  border-top: 5px solid #25b85a; }
  .view-container .content-supplementary .bit-publishing.is-ready .bar-mod-title {
    background-color: #e9f7ee; }

.view-container .content-supplementary .bit-publishing.has-warnings {
  border-top: 5px solid #f4d78a; }
  .view-container .content-supplementary .bit-publishing.has-warnings .bar-mod-title {
    background-color: #fdf8eb; }

.view-container .content-supplementary .bit-publishing.has-errors {
  border-top: 5px solid #d0696f; }
  .view-container .content-supplementary .bit-publishing.has-errors .bar-mod-title {
    background-color: #f7e6e7; }

.view-container .content-supplementary .bit-publishing.staff-only, .view-container .content-supplementary .bit-publishing.is-staff-only {
  border-top: 5px solid black; }
  .view-container .content-supplementary .bit-publishing.staff-only .bar-mod-title, .view-container .content-supplementary .bit-publishing.is-staff-only .bar-mod-title {
    background-color: #e5e5e5; }

.add-xblock-component {
  margin: 20px 10px;
  border: 1px solid #cbcbcb;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
  background-color: #f2f2f2;
  padding: 10px; }
  .add-xblock-component .new-component {
    text-align: center; }
    .add-xblock-component .new-component h5 {
      margin-bottom: 15px;
      color: #1d9348; }
    .add-xblock-component .new-component .new-component-type:after {
      content: "";
      display: table;
      clear: both; }
    .add-xblock-component .new-component .new-component-type li {
      display: inline-block; }
    .add-xblock-component .new-component .new-component-type .add-xblock-component-button {
      margin-right: 15px;
      position: relative;
      display: inline-block;
      width: 100px;
      height: 100px;
      margin-bottom: 10px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
      border: 1px solid #166e36;
      border-radius: 5px;
      padding: 0;
      background-color: #50c67b;
      text-align: center;
      color: white; }
      .add-xblock-component .new-component .new-component-type .add-xblock-component-button:hover {
        background: #14c955; }
      .add-xblock-component .new-component .new-component-type .add-xblock-component-button .name {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        color: white; }
  .add-xblock-component .new-component-templates {
    display: none;
    margin: 20px 40px;
    border-radius: 3px;
    border: 1px solid #b0b6c2;
    background-color: white;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4) inset; }
    .add-xblock-component .new-component-templates:after {
      content: "";
      display: table;
      clear: both; }
    .add-xblock-component .new-component-templates .cancel-button {
      -webkit-transition: background-color 0.15s, box-shadow 0.15s;
      -moz-transition: background-color 0.15s, box-shadow 0.15s;
      transition: background-color 0.15s, box-shadow 0.15s;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
      display: inline-block;
      padding: 4px 20px 5px;
      background-color: rgba(255, 255, 255, 0.6);
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
      background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
      border: 1px solid #b0b6c2;
      border-radius: 3px;
      background-color: #dfe5eb;
      color: #5c677a;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
      margin: 20px 0 10px 10px; }
      .add-xblock-component .new-component-templates .cancel-button.disabled, .add-xblock-component .new-component-templates .cancel-button.is-disabled {
        border: 1px solid #989898 !important;
        border-radius: 3px !important;
        background: #989898 !important;
        color: #656565 !important;
        pointer-events: none;
        cursor: none; }
        .add-xblock-component .new-component-templates .cancel-button.disabled:hover, .add-xblock-component .new-component-templates .cancel-button.disabled:focus, .add-xblock-component .new-component-templates .cancel-button.is-disabled:hover, .add-xblock-component .new-component-templates .cancel-button.is-disabled:focus {
          box-shadow: 0 0 0 0 !important; }
      .add-xblock-component .new-component-templates .cancel-button:hover, .add-xblock-component .new-component-templates .cancel-button:focus, .add-xblock-component .new-component-templates .cancel-button:active {
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
      .add-xblock-component .new-component-templates .cancel-button:hover, .add-xblock-component .new-component-templates .cancel-button:focus {
        background-color: #deecf7;
        color: #5c677a; }
    .add-xblock-component .new-component-templates .problem-type-tabs {
      display: none; }
    .add-xblock-component .new-component-templates.new-component-problem {
      padding-bottom: 10px; }
      .add-xblock-component .new-component-templates.new-component-problem .problem-type-tabs {
        display: inline-block; }
  .add-xblock-component .new-component-template:after {
    content: "";
    display: table;
    clear: both; }
  .add-xblock-component .new-component-template li {
    border: none;
    border-bottom: 1px dashed #edf1f5; }
    .add-xblock-component .new-component-template li:first-child {
      border-radius: 3px 3px 0 0; }
  .add-xblock-component .new-component-template .button-component {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    display: block;
    width: 100%;
    border: 0px;
    padding: 7px 20px;
    background: white;
    color: #323232;
    text-align: left; }
    .add-xblock-component .new-component-template .button-component:after {
      content: "";
      display: table;
      clear: both; }
    .add-xblock-component .new-component-template .button-component:hover {
      -webkit-transition: background-color 0.25s linear 0s;
      -moz-transition: background-color 0.25s linear 0s;
      transition: background-color 0.25s linear 0s;
      background: #66cd8b;
      color: white; }
  .add-xblock-component .problem-type-tabs {
    background-color: rgba(255, 255, 255, 0.4);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
    list-style-type: none;
    width: 100%;
    border-radius: 0;
    background-color: #c5cfdf;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset; }
    .add-xblock-component .problem-type-tabs li:first-child {
      margin-left: 20px; }
    .add-xblock-component .problem-type-tabs li {
      background-color: rgba(255, 255, 255, 0.4);
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
      background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
      opacity: 0.8;
      float: left;
      display: inline-block;
      width: auto;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset;
      background-color: #cad3e2;
      text-align: center; }
      .add-xblock-component .problem-type-tabs li:hover {
        opacity: 0.9;
        background-color: #d0d8e5; }
      .add-xblock-component .problem-type-tabs li.ui-state-active {
        background-color: rgba(255, 255, 255, 0.4);
        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
        background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
        box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 0 white inset;
        background-color: rgba(255, 255, 255, 0.3);
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        border: 0px;
        opacity: 1.0; }
      .add-xblock-component .problem-type-tabs li a.link-tab {
        float: none; }
    .add-xblock-component .problem-type-tabs a {
      display: block;
      padding: 15px 25px;
      text-align: center;
      color: #323232;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }

.outline-content {
  margin-top: 5px; }
  .outline-content .unit-content {
    margin-top: 0; }
  .outline-content .add-item {
    margin-top: 15px; }
    .outline-content .add-item .button-new {
      padding: 10px 20px;
      display: block; }
      .outline-content .add-item .button-new .icon {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px; }

.outline-complex .outline-section .section-status, .outline-complex .outline-subsection .subsection-status, .outline-complex .outline-unit .unit-status, .outline-simple .outline-section .section-status, .outline-simple .outline-subsection .subsection-status, .outline-simple .outline-unit .unit-status {
  color: #989898; }
  .outline-complex .outline-section .section-status .icon, .outline-complex .outline-subsection .subsection-status .icon, .outline-complex .outline-unit .unit-status .icon, .outline-simple .outline-section .section-status .icon, .outline-simple .outline-subsection .subsection-status .icon, .outline-simple .outline-unit .unit-status .icon {
    margin-right: 5px; }

.outline-complex .outline-section .item-title, .outline-complex .outline-subsection .item-title, .outline-complex .outline-unit .item-title {
  -webkit-transition: color 0.25s ease-in-out 0s;
  -moz-transition: color 0.25s ease-in-out 0s;
  transition: color 0.25s ease-in-out 0s; }
.outline-complex .outline-section:last-child, .outline-complex .outline-subsection:last-child, .outline-complex .outline-unit:last-child {
  margin-bottom: 0; }
.outline-complex .is-staff-only.outline-section > .section-status .status-message .icon, .outline-complex .is-staff-only.outline-subsection > .section-status .status-message .icon, .outline-complex .is-staff-only.outline-unit > .section-status .status-message .icon,
.outline-complex .is-staff-only.outline-section > .subsection-status .status-message .icon,
.outline-complex .is-staff-only.outline-subsection > .subsection-status .status-message .icon,
.outline-complex .is-staff-only.outline-unit > .subsection-status .status-message .icon,
.outline-complex .is-staff-only.outline-section > .unit-status .status-message .icon,
.outline-complex .is-staff-only.outline-subsection > .unit-status .status-message .icon,
.outline-complex .is-staff-only.outline-unit > .unit-status .status-message .icon {
  color: black; }
.outline-complex .has-warnings.outline-section > .section-status .status-message .icon, .outline-complex .has-warnings.outline-subsection > .section-status .status-message .icon, .outline-complex .has-warnings.outline-unit > .section-status .status-message .icon,
.outline-complex .has-warnings.outline-section > .subsection-status .status-message .icon,
.outline-complex .has-warnings.outline-subsection > .subsection-status .status-message .icon,
.outline-complex .has-warnings.outline-unit > .subsection-status .status-message .icon,
.outline-complex .has-warnings.outline-section > .unit-status .status-message .icon,
.outline-complex .has-warnings.outline-subsection > .unit-status .status-message .icon,
.outline-complex .has-warnings.outline-unit > .unit-status .status-message .icon {
  color: #f4d78a; }
.outline-complex .has-errors.outline-section > .section-status .status-message, .outline-complex .has-errors.outline-subsection > .section-status .status-message, .outline-complex .has-errors.outline-unit > .section-status .status-message,
.outline-complex .has-errors.outline-section > .subsection-status .status-message,
.outline-complex .has-errors.outline-subsection > .subsection-status .status-message,
.outline-complex .has-errors.outline-unit > .subsection-status .status-message,
.outline-complex .has-errors.outline-section > .unit-status .status-message,
.outline-complex .has-errors.outline-subsection > .unit-status .status-message,
.outline-complex .has-errors.outline-unit > .unit-status .status-message,
.outline-complex .has-errors.outline-section > .section-status .status-message-copy,
.outline-complex .has-errors.outline-subsection > .section-status .status-message-copy,
.outline-complex .has-errors.outline-unit > .section-status .status-message-copy,
.outline-complex .has-errors.outline-section > .subsection-status .status-message-copy,
.outline-complex .has-errors.outline-subsection > .subsection-status .status-message-copy,
.outline-complex .has-errors.outline-unit > .subsection-status .status-message-copy,
.outline-complex .has-errors.outline-section > .unit-status .status-message-copy,
.outline-complex .has-errors.outline-subsection > .unit-status .status-message-copy,
.outline-complex .has-errors.outline-unit > .unit-status .status-message-copy {
  color: #d0696f; }

.outline-simple .outline-section, .outline-simple .outline-subsection, .outline-simple .outline-unit {
  border: 1px solid #e5e5e5; }
  .outline-simple .outline-section:last-child, .outline-simple .outline-subsection:last-child, .outline-simple .outline-unit:last-child {
    margin-bottom: 0; }
  .outline-simple .outline-section .item-title a, .outline-simple .outline-subsection .item-title a, .outline-simple .outline-unit .item-title a {
    color: #4c4c4c; }
    .outline-simple .outline-section .item-title a:hover, .outline-simple .outline-subsection .item-title a:hover, .outline-simple .outline-unit .item-title a:hover {
      color: #009fe6; }

.outline-complex .outline-section {
  -webkit-transition: border-left-width 0.25s linear 0s, border-left-color 0.25s linear 0s, padding-left 0.25s linear 0s;
  -moz-transition: border-left-width 0.25s linear 0s, border-left-color 0.25s linear 0s, padding-left 0.25s linear 0s;
  transition: border-left-width 0.25s linear 0s, border-left-color 0.25s linear 0s, padding-left 0.25s linear 0s;
  border-left: 1px solid #cbcbcb;
  margin-bottom: 20px;
  padding: 5px 10px 10px 10px; }
  .outline-complex .outline-section.is-collapsed {
    border-left-width: 5px;
    padding-left: 20px; }
    .outline-complex .outline-section.is-collapsed.is-ready {
      border-left-color: #25b85a; }
    .outline-complex .outline-section.is-collapsed.is-live {
      border-left-color: #009fe6; }
    .outline-complex .outline-section.is-collapsed.is-staff-only {
      border-left-color: black; }
    .outline-complex .outline-section.is-collapsed.has-warnings {
      border-left-color: #f4d78a; }
    .outline-complex .outline-section.is-collapsed.has-errors {
      border-left-color: #d0696f; }
  .outline-complex .outline-section .section-title {
    color: #4c4c4c; }
  .outline-complex .outline-section .status-release,
  .outline-complex .outline-section .explanatory-message {
    -webkit-transition: opacity 0.25s ease-in-out 0s;
    -moz-transition: opacity 0.25s ease-in-out 0s;
    transition: opacity 0.25s ease-in-out 0s;
    opacity: 0.65; }
  .outline-complex .outline-section .status-message {
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
    padding-top: 5px; }
    .outline-complex .outline-section .status-message .icon {
      margin-right: 5px; }
  .outline-complex .outline-section .status-message-copy {
    display: inline-block;
    color: #4c4c4c; }
  .outline-complex .outline-section:hover > .section-status .status-release,
  .outline-complex .outline-section:hover .section-status .explanatory-message, .outline-complex .outline-section:active > .section-status .status-release,
  .outline-complex .outline-section:active .section-status .explanatory-message {
    opacity: 1.0; }
.outline-complex .outline-subsection {
  -webkit-transition: border-left-color 0.25s linear 0s;
  -moz-transition: border-left-color 0.25s linear 0s;
  transition: border-left-color 0.25s linear 0s;
  margin-bottom: 10px;
  border: 1px solid #e5e5e5;
  border-left: 5px solid #cbcbcb;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 15px; }
  .outline-complex .outline-subsection.is-ready {
    border-left-color: #25b85a; }
  .outline-complex .outline-subsection.is-live {
    border-left-color: #009fe6; }
  .outline-complex .outline-subsection.is-staff-only {
    border-left-color: black; }
  .outline-complex .outline-subsection.has-warnings {
    border-left-color: #f4d78a; }
  .outline-complex .outline-subsection.has-errors {
    border-left-color: #d0696f; }
  .outline-complex .outline-subsection:hover, .outline-complex .outline-subsection:active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
  .outline-complex .outline-subsection .subsection-title {
    color: #4c4c4c; }
  .outline-complex .outline-subsection:hover > .subsection-status .status-release, .outline-complex .outline-subsection:active > .subsection-status .status-release {
    opacity: 1.0; }
  .outline-complex .outline-subsection:hover > .subsection-status .status-grading, .outline-complex .outline-subsection:active > .subsection-status .status-grading {
    opacity: 1.0; }
  .outline-complex .outline-subsection:hover > .subsection-status .status-timed-proctored-exam, .outline-complex .outline-subsection:active > .subsection-status .status-timed-proctored-exam {
    opacity: 1.0; }
  .outline-complex .outline-subsection .status-grading, .outline-complex .outline-subsection .status-timed-proctored-exam {
    -webkit-transition: opacity 0.25s ease-in-out 0s;
    -moz-transition: opacity 0.25s ease-in-out 0s;
    transition: opacity 0.25s ease-in-out 0s;
    opacity: 0.65; }
  .outline-complex .outline-subsection .status-grading-value, .outline-complex .outline-subsection .status-proctored-exam-value {
    display: inline-block;
    vertical-align: middle; }
  .outline-complex .outline-subsection .status-grading-date, .outline-complex .outline-subsection .status-due-date {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px; }
.outline-complex .outline-unit {
  margin-bottom: 10px;
  border: 1px solid #e5e5e5;
  padding: 5px 10px; }
  .outline-complex .outline-unit .unit-title {
    color: #4c4c4c; }
  .outline-complex .outline-unit:hover, .outline-complex .outline-unit:active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
    .outline-complex .outline-unit:hover .unit-status .status-release, .outline-complex .outline-unit:active .unit-status .status-release {
      opacity: 1.0; }

.outline-simple .outline-section {
  margin-bottom: 20px;
  padding: 10px; }
  .outline-simple .outline-section .section-title {
    color: #4c4c4c; }
  .outline-simple .outline-section .status-release {
    -webkit-transition: opacity 0.25s ease-in-out 0s;
    -moz-transition: opacity 0.25s ease-in-out 0s;
    transition: opacity 0.25s ease-in-out 0s;
    opacity: 0.65; }
  .outline-simple .outline-section .status-grading {
    -webkit-transition: opacity 0.25s ease-in-out 0s;
    -moz-transition: opacity 0.25s ease-in-out 0s;
    transition: opacity 0.25s ease-in-out 0s;
    opacity: 0.65; }
  .outline-simple .outline-section .status-grading-value {
    display: inline-block;
    vertical-align: middle; }
  .outline-simple .outline-section .status-grading-date {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px; }
  .outline-simple .outline-section .status-message {
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
    padding-top: 5px; }
    .outline-simple .outline-section .status-message .icon {
      margin-right: 5px; }
  .outline-simple .outline-section .status-message-copy {
    display: inline-block;
    color: #4c4c4c; }
.outline-simple .outline-subsection {
  margin-bottom: 10px;
  padding: 10px; }
  .outline-simple .outline-subsection .subsection-title {
    color: #4c4c4c; }
.outline-simple .outline-unit {
  margin-bottom: 5px;
  padding: 5px 10px; }
  .outline-simple .outline-unit .unit-title {
    color: #4c4c4c; }

.nav-skip {
  font-size: 13px;
  font-size: 1.3rem;
  display: block;
  position: absolute;
  left: 0px;
  top: -600px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  background: white;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 10px; }
  .nav-skip:focus, .nav-skip:active {
    position: static;
    width: auto;
    height: auto; }

.nav-dd .title .label, .nav-dd .title .fa-caret-down {
  display: inline-block;
  vertical-align: middle; }
.nav-dd .title .ui-toggle-dd {
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
  margin: 0;
  display: inline-block;
  vertical-align: middle; }
.nav-dd .title.is-selected .ui-toggle-dd {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }
.nav-dd .nav-item {
  position: relative; }
  .nav-dd .nav-item.nav-course-settings .wrapper-nav-sub {
    width: 180px; }
.nav-dd .wrapper-nav-sub {
  -webkit-transition: opacity 0.25s ease-in-out 0s;
  -moz-transition: opacity 0.25s ease-in-out 0s;
  transition: opacity 0.25s ease-in-out 0s;
  position: absolute;
  top: 50px;
  opacity: 0.0;
  pointer-events: none;
  width: 160px;
  overflow: hidden;
  height: 0; }
  .nav-dd .wrapper-nav-sub.is-shown {
    opacity: 1.0;
    pointer-events: auto;
    overflow: visible;
    height: auto; }
.nav-dd .nav-sub {
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  position: relative;
  width: 100%;
  border: 1px solid #cbcbcb;
  padding: 10px 15px;
  background: white; }
  .nav-dd .nav-sub:after, .nav-dd .nav-sub:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .nav-dd .nav-sub:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: white;
    border-width: 10px; }
  .nav-dd .nav-sub:before {
    border-color: rgba(178, 178, 178, 0);
    border-bottom-color: #cbcbcb;
    border-width: 11px; }
  .nav-dd .nav-sub .nav-item {
    display: block;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0 5px 0; }
    .nav-dd .nav-sub .nav-item:last-child {
      margin-bottom: 0;
      border-bottom: none;
      padding-bottom: 0; }
    .nav-dd .nav-sub .nav-item a {
      display: block; }
      .nav-dd .nav-sub .nav-item a:hover, .nav-dd .nav-sub .nav-item a:active {
        color: #009fe6; }
.nav-dd.ui-left .wrapper-nav-sub {
  left: 0; }
.nav-dd.ui-left .nav-sub {
  text-align: left; }
  .nav-dd.ui-left .nav-sub:after {
    left: 20px;
    margin-left: -10px; }
  .nav-dd.ui-left .nav-sub:before {
    left: 20px;
    margin-left: -11px; }
.nav-dd.ui-right .wrapper-nav-sub {
  left: none;
  right: 0; }
.nav-dd.ui-right .nav-sub:after {
  right: 20px;
  margin-right: -10px; }
.nav-dd.ui-right .nav-sub:before {
  right: 20px;
  margin-right: -11px; }

.wrapper-mast {
  margin: 30px 0 0 0;
  padding: 0 20px;
  position: relative; }
  .wrapper-mast .mast,
  .wrapper-mast .metadata {
    position: relative;
    max-width: 1280px;
    min-width: 900px;
    width: 100%;
    margin: 0 auto 20px auto;
    color: #4c4c4c; }
    .wrapper-mast .mast:after,
    .wrapper-mast .metadata:after {
      content: "";
      display: table;
      clear: both; }
  .wrapper-mast .mast {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px; }
    .wrapper-mast .mast .page-header {
      width: 100%; }
    .wrapper-mast .mast.has-actions:after {
      content: "";
      display: table;
      clear: both; }
    .wrapper-mast .mast.has-actions .page-header {
      float: left;
      width: 48.93617%;
      margin-right: 2.12766%; }
    .wrapper-mast .mast.has-actions .nav-actions {
      position: relative;
      bottom: -15px;
      float: right;
      width: 48.93617%;
      text-align: right; }
      .wrapper-mast .mast.has-actions .nav-actions .nav-item {
        display: inline-block;
        vertical-align: top;
        margin-right: 10px; }
        .wrapper-mast .mast.has-actions .nav-actions .nav-item:last-child {
          margin-right: 0; }
      .wrapper-mast .mast.has-actions .nav-actions .button .action-button-text {
        display: inline-block;
        vertical-align: baseline; }
      .wrapper-mast .mast.has-actions .nav-actions .button .icon {
        display: inline-block;
        vertical-align: baseline; }
    .wrapper-mast .mast.has-subtitle .nav-actions {
      bottom: -30px; }
    .wrapper-mast .mast.has-navigation .nav-actions {
      bottom: -30px; }
    .wrapper-mast .mast.has-navigation .navigation-item {
      display: inline-block;
      vertical-align: bottom;
      max-width: 250px;
      color: #7f7f7f; }
      .wrapper-mast .mast.has-navigation .navigation-item.navigation-current {
        color: #7f7f7f;
        max-width: 250px; }
        .wrapper-mast .mast.has-navigation .navigation-item.navigation-current:before {
          color: #7f7f7f; }
    .wrapper-mast .mast.has-navigation .navigation-link:hover {
      color: #009fe6; }
    .wrapper-mast .mast.has-navigation .navigation-item:before {
      content: " / ";
      margin: 5px;
      color: #7f7f7f; }
      .wrapper-mast .mast.has-navigation .navigation-item:before:hover {
        color: #7f7f7f; }
    .wrapper-mast .mast.has-navigation .navigation .navigation-item:first-child:before {
      content: "";
      margin: 0; }
  .wrapper-mast .mast-wizard .page-header-sub {
    color: #7f7f7f;
    font-weight: 300; }
  .wrapper-mast .mast-wizard .page-header-super {
    float: left;
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
    font-weight: 600; }

.wrapper-content {
  margin: 0;
  padding: 0 20px;
  position: relative; }

.content {
  max-width: 1280px;
  min-width: 900px;
  width: 100%;
  margin: 0 auto;
  color: #4c4c4c; }
  .content:after {
    content: "";
    display: table;
    clear: both; }
  .content header {
    position: relative;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px; }
    .content header .title-sub {
      display: block;
      margin: 0;
      color: #b2b2b2; }
    .content header .title-1 {
      margin: 0;
      padding: 0;
      color: #323232; }

.content-primary,
.content-supplementary {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.view-container .content-primary {
  float: left;
  margin-right: 2.12766%;
  width: 74.46809%;
  box-shadow: none;
  border: 0;
  background-color: white; }
.view-container .content-supplementary {
  float: left;
  width: 23.40426%; }

.content-primary .title-2 {
  margin: 0 0 10px 0; }
.content-primary .title-3 {
  margin: 0 0 10px 0; }
.content-primary header:after {
  content: "";
  display: table;
  clear: both; }
.content-primary header .title-2 {
  width: 40.42553%;
  margin: 0 2.12766% 0 0;
  float: left; }
.content-primary header .tip {
  width: 57.44681%;
  float: right;
  margin-top: 10px;
  text-align: right;
  color: #b2b2b2; }

.content-supplementary > section {
  margin: 0 0 20px 0; }

.main-wrapper {
  position: relative;
  margin: 0 40px; }

.inner-wrapper {
  position: relative;
  max-width: 1280px;
  margin: auto; }
  .inner-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  .inner-wrapper > article {
    clear: both; }

.main-column {
  clear: both;
  float: left;
  width: 70%; }

.sidebar {
  float: right;
  width: 28%; }

.left {
  float: left; }

.right {
  float: right; }

form .field-checkbox .input-checkbox ~ label, form .field-radio .input-radio ~ label {
  color: #989898; }
form .field-checkbox .input-checkbox:checked ~ label, form .field-radio .input-radio:checked ~ label {
  color: #009fe6; }

input[type="text"],
input[type="email"],
input[type="password"],
textarea.text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f2f2f2;
  background-image: -webkit-linear-gradient(#f2f2f2, white);
  background-image: linear-gradient(#f2f2f2, white);
  padding: 6px 8px 8px;
  border: 1px solid #b2b2b2;
  border-radius: 2px;
  background-color: #f2f2f2;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  font-family: 'Open Sans', sans-serif;
  color: #4c4c4c;
  outline: 0; }
  input[type="text"]::-webkit-input-placeholder, input[type="text"]:-moz-placeholder, input[type="text"]:-ms-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="email"]:-moz-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="password"]:-moz-placeholder,
  input[type="password"]:-ms-input-placeholder,
  textarea.text::-webkit-input-placeholder,
  textarea.text:-moz-placeholder,
  textarea.text:-ms-input-placeholder {
    color: #b2b2b2; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="password"]:focus,
  textarea.text:focus {
    background-color: #fffcf1;
    background-image: -webkit-linear-gradient(#fffcf1, #fffefd);
    background-image: linear-gradient(#fffcf1, #fffefd);
    outline: 0; }

.field.is-not-editable label.is-focused {
  color: #4c4c4c; }
.field.is-not-editable label, .field.is-not-editable input, .field.is-not-editable textarea {
  pointer-events: none; }

.field.error input, .field.error textarea {
  border-color: #b20610; }

form .checkbox-cosmetic .input-checkbox-checked, form .checkbox-cosmetic .input-checkbox-unchecked, form .checkbox-cosmetic .label {
  display: inline-block;
  vertical-align: middle; }
form .checkbox-cosmetic .input-checkbox-checked, form .checkbox-cosmetic .input-checkbox-unchecked {
  width: 15px; }
form .checkbox-cosmetic .input-checkbox ~ label .input-checkbox-checked {
  display: none; }
form .checkbox-cosmetic .input-checkbox ~ label .input-checkbox-unchecked {
  display: inline-block; }
form .checkbox-cosmetic .input-checkbox:checked ~ label .input-checkbox-checked {
  display: inline-block; }
form .checkbox-cosmetic .input-checkbox:checked ~ label .input-checkbox-unchecked {
  display: none; }
form .note {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  form .note.has-actions:after {
    content: "";
    display: table;
    clear: both; }

.form-create .title {
  padding: 20px 30px 0 30px; }
.form-create fieldset {
  padding: 20px 30px; }
.form-create .list-input .field {
  margin: 0 0 15px 0; }
  .form-create .list-input .field:last-child {
    margin-bottom: 0; }
  .form-create .list-input .field.required label:after {
    margin-left: 5px;
    content: "*"; }
  .form-create .list-input .field label, .form-create .list-input .field input, .form-create .list-input .field textarea {
    display: block; }
  .form-create .list-input .field label {
    -webkit-transition: color 0.125s ease-in-out 0s;
    -moz-transition: color 0.125s ease-in-out 0s;
    transition: color 0.125s ease-in-out 0s;
    margin: 0 0 5px 0; }
    .form-create .list-input .field label.is-focused {
      color: #009fe6; }
  .form-create .list-input .field input, .form-create .list-input .field textarea {
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
    height: 100%;
    width: 100%;
    padding: 10px;
    /*@include placeholder {
      color: $gray-l3;
    }*/ }
    .form-create .list-input .field input.long, .form-create .list-input .field textarea.long {
      width: 100%; }
    .form-create .list-input .field input.short, .form-create .list-input .field textarea.short {
      width: 25%; }
    .form-create .list-input .field input:focus + .tip, .form-create .list-input .field textarea:focus + .tip {
      color: #7f7f7f; }
  .form-create .list-input .field textarea.long {
    height: 100px; }
  .form-create .list-input .field input[type="checkbox"] {
    display: inline-block;
    margin-right: 5px;
    width: auto;
    height: auto; }
    .form-create .list-input .field input[type="checkbox"] + label {
      display: inline-block; }
  .form-create .list-input .field .tip {
    -webkit-transition: color 0.15s ease-in-out;
    -moz-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out;
    display: block;
    margin-top: 5px;
    color: #cbcbcb; }
  .form-create .list-input .field .tip-note {
    display: block;
    margin-top: 5px; }
  .form-create .list-input .field .tip-error {
    display: none;
    float: none; }
  .form-create .list-input .field.error label {
    color: #b20610; }
  .form-create .list-input .field.error .tip-error {
    display: block;
    color: #b20610; }
  .form-create .list-input .field.error input {
    border-color: #b20610; }
.form-create .list-input .field-inline input, .form-create .list-input .field-inline textarea, .form-create .list-input .field-inline select {
  width: 62%;
  display: inline-block; }
.form-create .list-input .field-inline .tip-stacked {
  display: inline-block;
  float: right;
  width: 35%;
  margin-top: 0; }
.form-create .list-input .field-group {
  margin: 0 0 10px 0; }
  .form-create .list-input .field-group:after {
    content: "";
    display: table;
    clear: both; }
  .form-create .list-input .field-group .field {
    display: block;
    width: 47%;
    border-bottom: none;
    margin: 0 15px 0 0;
    padding: 5px 0 0 0;
    float: left;
    position: relative; }
    .form-create .list-input .field-group .field:nth-child(odd) {
      float: left; }
    .form-create .list-input .field-group .field:nth-child(even) {
      float: right;
      margin-right: 0; }
    .form-create .list-input .field-group .field input, .form-create .list-input .field-group .field textarea {
      width: 100%; }
.form-create .actions {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  margin-top: 15px;
  border-top: 1px solid #989898;
  padding: 15px 30px;
  background: #f8f8f8; }
  .form-create .actions .action {
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    display: inline-block;
    padding: 4px 20px;
    text-transform: uppercase; }
  .form-create .actions .action-primary {
    -webkit-transition: background-color 0.15s, box-shadow 0.15s;
    -moz-transition: background-color 0.15s, box-shadow 0.15s;
    transition: background-color 0.15s, box-shadow 0.15s;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
    display: inline-block;
    padding: 4px 20px 5px;
    background-color: rgba(255, 255, 255, 0.3);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    border: 1px solid #007fb8;
    border-radius: 3px;
    background-color: #009fe6;
    color: white; }
    .form-create .actions .action-primary.disabled, .form-create .actions .action-primary.is-disabled {
      border: 1px solid #989898 !important;
      border-radius: 3px !important;
      background: #989898 !important;
      color: #656565 !important;
      pointer-events: none;
      cursor: none; }
      .form-create .actions .action-primary.disabled:hover, .form-create .actions .action-primary.disabled:focus, .form-create .actions .action-primary.is-disabled:hover, .form-create .actions .action-primary.is-disabled:focus {
        box-shadow: 0 0 0 0 !important; }
    .form-create .actions .action-primary:hover, .form-create .actions .action-primary:focus, .form-create .actions .action-primary:active {
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
    .form-create .actions .action-primary:hover, .form-create .actions .action-primary:focus, .form-create .actions .action-primary:active {
      background-color: #009fe6;
      color: white; }
    .form-create .actions .action-primary.disabled, .form-create .actions .action-primary.is-disabled {
      box-shadow: none;
      border: 1px solid #99d8f5 !important;
      background: #99d8f5 !important;
      color: white !important; }
  .form-create .actions .action-secondary {
    -webkit-transition: background-color 0.15s, box-shadow 0.15s;
    -moz-transition: background-color 0.15s, box-shadow 0.15s;
    transition: background-color 0.15s, box-shadow 0.15s;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
    display: inline-block;
    padding: 4px 20px 5px;
    background-color: rgba(255, 255, 255, 0.3);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border: 1px solid #4c4c4c;
    border-radius: 3px;
    background-color: #d1dae3;
    color: #6d788b; }
    .form-create .actions .action-secondary.disabled, .form-create .actions .action-secondary.is-disabled {
      border: 1px solid #989898 !important;
      border-radius: 3px !important;
      background: #989898 !important;
      color: #656565 !important;
      pointer-events: none;
      cursor: none; }
      .form-create .actions .action-secondary.disabled:hover, .form-create .actions .action-secondary.disabled:focus, .form-create .actions .action-secondary.is-disabled:hover, .form-create .actions .action-secondary.is-disabled:focus {
        box-shadow: 0 0 0 0 !important; }
    .form-create .actions .action-secondary:hover, .form-create .actions .action-secondary:focus, .form-create .actions .action-secondary:active {
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
    .form-create .actions .action-secondary:hover {
      background-color: #d9e3ee;
      color: #6d788b; }

.incontext-editor.is-editable .incontext-editor-value,
.incontext-editor.is-editable .incontext-editor-action-wrapper {
  display: inline-block;
  vertical-align: middle;
  max-width: 80%; }
.incontext-editor.is-editable .incontext-editor-open-action {
  padding-top: 2px; }
  .incontext-editor.is-editable .incontext-editor-open-action .icon.icon {
    vertical-align: baseline; }
.incontext-editor.is-editable .incontext-editor-form {
  display: none; }
.incontext-editor.is-editable.is-editing .incontext-editor-value,
.incontext-editor.is-editable.is-editing .incontext-editor-action-wrapper {
  display: none; }
.incontext-editor.is-editable.is-editing .incontext-editor-form {
  display: inline-block; }

.wrapper-create-element {
  height: auto;
  opacity: 1.0;
  pointer-events: auto;
  overflow: hidden;
  display: none; }
  .wrapper-create-element.animate {
    -webkit-transition: opacity 0.5s ease-in-out 0s, height 0.5s ease-in-out 0s;
    -moz-transition: opacity 0.5s ease-in-out 0s, height 0.5s ease-in-out 0s;
    transition: opacity 0.5s ease-in-out 0s, height 0.5s ease-in-out 0s; }
  .wrapper-create-element.is-shown {
    display: block; }

input.search {
  padding: 6px 15px 8px 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #8891a1;
  border-radius: 20px;
  background: url("../images/search-icon.3e61e893ea4e.png") no-repeat 8px 7px #edf1f5;
  font-family: 'Open Sans', sans-serif;
  color: #4c4c4c;
  outline: 0; }
  input.search::-webkit-input-placeholder {
    color: #979faf; }

code {
  padding: 0 4px;
  border-radius: 3px;
  background: #eee;
  font-family: Monaco, monospace; }

.CodeMirror {
  background: white;
  font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; }

.text-editor {
  width: 100%;
  min-height: 80px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #b0b6c2;
  background-color: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));
  background-color: #edf1f5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  font-family: Monaco, monospace; }

.wrapper-header {
  position: relative;
  width: 100%;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 0 20px;
  background: white; }
  .wrapper-header header.primary {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1280px;
    min-width: 900px;
    width: 100%;
    margin: 0 auto; }
    .wrapper-header header.primary:after {
      content: "";
      display: table;
      clear: both; }
  .wrapper-header .wrapper-l, .wrapper-header .wrapper-r {
    background: white; }
  .wrapper-header .wrapper-l {
    float: left;
    width: 57.44681%; }
  .wrapper-header .wrapper-r {
    float: right;
    width: 31.91489%;
    text-align: right; }
  .wrapper-header .branding, .wrapper-header .info-course, .wrapper-header .nav-course, .wrapper-header .nav-account, .wrapper-header .nav-pitch {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle; }
  .wrapper-header .nav-account {
    width: 100%; }
  .wrapper-header nav > ol > .nav-item {
    display: inline-block;
    vertical-align: middle; }
    .wrapper-header nav > ol > .nav-item:last-child {
      margin-right: 0; }
  .wrapper-header nav .nav-item a {
    color: #656565; }
    .wrapper-header nav .nav-item a:hover {
      color: #009fe6; }
  .wrapper-header .nav-dd .title {
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s; }
    .wrapper-header .nav-dd .title .fa-caret-down {
      opacity: 0.25; }
    .wrapper-header .nav-dd .title:hover .fa-caret-down {
      opacity: 1.0; }
    .wrapper-header .nav-dd .title .nav-sub .nav-item .icon {
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px; }
  .wrapper-header .branding {
    padding: 15px 0; }
    .wrapper-header .branding a {
      display: block; }
      .wrapper-header .branding a img {
        max-height: 40px;
        display: block; }
  .wrapper-header .info-course {
    margin-right: 2.12766%;
    border-right: 1px solid #e5e5e5;
    padding: 15px 2.12766% 15px 0; }
    .wrapper-header .info-course .course-org, .wrapper-header .info-course .course-number {
      display: inline-block;
      vertical-align: middle;
      max-width: 45%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      opacity: 0.75; }
    .wrapper-header .info-course .course-org {
      margin-right: 5px; }
    .wrapper-header .info-course .course-title {
      display: block;
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .wrapper-header .info-course .course-link {
      -webkit-transition: color 0.25s ease-in-out 0s;
      -moz-transition: color 0.25s ease-in-out 0s;
      transition: color 0.25s ease-in-out 0s;
      display: block;
      color: #656565; }
      .wrapper-header .info-course .course-link:hover {
        color: #009fe6; }
  .wrapper-header .nav-course {
    padding: 15px 0; }
  .wrapper-header .nav-account {
    position: relative;
    padding: 15px 0; }
    .wrapper-header .nav-account .nav-sub {
      text-align: left; }
    .wrapper-header .nav-account .nav-account-help .wrapper-nav-sub {
      width: 200px; }
    .wrapper-header .nav-account .nav-account-user .title {
      max-width: 130px; }
      .wrapper-header .nav-account .nav-account-user .title > .label {
        display: inline-block;
        max-width: 84%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
  .wrapper-header .nav-pitch {
    position: relative;
    padding: 15px 0; }
    .wrapper-header .nav-pitch .nav-sub {
      text-align: left; }

.is-signedin .wrapper-l {
  width: 74.46809%; }
.is-signedin .wrapper-r {
  width: 23.40426%; }
.is-signedin .branding {
  margin-right: 2%; }
.is-signedin .nav-account {
  top: 5px; }

.is-signedin.course .wrapper-header .wrapper-l {
  width: 74.46809%; }
.is-signedin.course .wrapper-header .wrapper-r {
  width: 23.40426%; }
.is-signedin.course .wrapper-header .branding {
  margin-right: 2%; }
.is-signedin.course .wrapper-header .info-course {
  width: 25%;
  margin-right: 2%; }
.is-signedin.course .wrapper-header .nav-course {
  width: 45%; }

.not-signedin .wrapper-header .wrapper-l,
.view-util .wrapper-header .wrapper-l {
  width: 14.89362%; }
.not-signedin .wrapper-header .wrapper-r,
.view-util .wrapper-header .wrapper-r {
  width: 82.97872%; }
.not-signedin .wrapper-header .branding,
.view-util .wrapper-header .branding {
  width: 100%; }
.not-signedin .wrapper-header .nav-pitch,
.view-util .wrapper-header .nav-pitch {
  top: 5px; }
  .not-signedin .wrapper-header .nav-pitch .nav-item,
  .view-util .wrapper-header .nav-pitch .nav-item {
    margin-right: 10px; }
    .not-signedin .wrapper-header .nav-pitch .nav-item:last-child,
    .view-util .wrapper-header .nav-pitch .nav-item:last-child {
      margin-right: 0; }
  .not-signedin .wrapper-header .nav-pitch .action-signup,
  .view-util .wrapper-header .nav-pitch .action-signup {
    -webkit-transition: background-color 0.15s, box-shadow 0.15s;
    -moz-transition: background-color 0.15s, box-shadow 0.15s;
    transition: background-color 0.15s, box-shadow 0.15s;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
    display: inline-block;
    padding: 4px 20px 5px;
    background-color: rgba(255, 255, 255, 0.3);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    border: 1px solid #007fb8;
    border-radius: 3px;
    background-color: #009fe6;
    color: white;
    padding: 5px 10px;
    text-transform: uppercase; }
    .not-signedin .wrapper-header .nav-pitch .action-signup.disabled, .not-signedin .wrapper-header .nav-pitch .action-signup.is-disabled,
    .view-util .wrapper-header .nav-pitch .action-signup.disabled,
    .view-util .wrapper-header .nav-pitch .action-signup.is-disabled {
      border: 1px solid #989898 !important;
      border-radius: 3px !important;
      background: #989898 !important;
      color: #656565 !important;
      pointer-events: none;
      cursor: none; }
      .not-signedin .wrapper-header .nav-pitch .action-signup.disabled:hover, .not-signedin .wrapper-header .nav-pitch .action-signup.disabled:focus, .not-signedin .wrapper-header .nav-pitch .action-signup.is-disabled:hover, .not-signedin .wrapper-header .nav-pitch .action-signup.is-disabled:focus,
      .view-util .wrapper-header .nav-pitch .action-signup.disabled:hover,
      .view-util .wrapper-header .nav-pitch .action-signup.disabled:focus,
      .view-util .wrapper-header .nav-pitch .action-signup.is-disabled:hover,
      .view-util .wrapper-header .nav-pitch .action-signup.is-disabled:focus {
        box-shadow: 0 0 0 0 !important; }
    .not-signedin .wrapper-header .nav-pitch .action-signup:hover, .not-signedin .wrapper-header .nav-pitch .action-signup:focus, .not-signedin .wrapper-header .nav-pitch .action-signup:active,
    .view-util .wrapper-header .nav-pitch .action-signup:hover,
    .view-util .wrapper-header .nav-pitch .action-signup:focus,
    .view-util .wrapper-header .nav-pitch .action-signup:active {
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
    .not-signedin .wrapper-header .nav-pitch .action-signup:hover, .not-signedin .wrapper-header .nav-pitch .action-signup:focus, .not-signedin .wrapper-header .nav-pitch .action-signup:active,
    .view-util .wrapper-header .nav-pitch .action-signup:hover,
    .view-util .wrapper-header .nav-pitch .action-signup:focus,
    .view-util .wrapper-header .nav-pitch .action-signup:active {
      background-color: #009fe6;
      color: white; }
    .not-signedin .wrapper-header .nav-pitch .action-signup.disabled, .not-signedin .wrapper-header .nav-pitch .action-signup.is-disabled,
    .view-util .wrapper-header .nav-pitch .action-signup.disabled,
    .view-util .wrapper-header .nav-pitch .action-signup.is-disabled {
      box-shadow: none;
      border: 1px solid #99d8f5 !important;
      background: #99d8f5 !important;
      color: white !important; }
  .not-signedin .wrapper-header .nav-pitch .action-signin,
  .view-util .wrapper-header .nav-pitch .action-signin {
    -webkit-transition: background-color 0.15s, box-shadow 0.15s;
    -moz-transition: background-color 0.15s, box-shadow 0.15s;
    transition: background-color 0.15s, box-shadow 0.15s;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
    display: inline-block;
    padding: 4px 20px 5px;
    background-color: rgba(255, 255, 255, 0.6);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border: 1px solid #b0b6c2;
    border-radius: 3px;
    background-color: #dfe5eb;
    color: #5c677a;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    padding: 5px 10px;
    text-transform: uppercase; }
    .not-signedin .wrapper-header .nav-pitch .action-signin.disabled, .not-signedin .wrapper-header .nav-pitch .action-signin.is-disabled,
    .view-util .wrapper-header .nav-pitch .action-signin.disabled,
    .view-util .wrapper-header .nav-pitch .action-signin.is-disabled {
      border: 1px solid #989898 !important;
      border-radius: 3px !important;
      background: #989898 !important;
      color: #656565 !important;
      pointer-events: none;
      cursor: none; }
      .not-signedin .wrapper-header .nav-pitch .action-signin.disabled:hover, .not-signedin .wrapper-header .nav-pitch .action-signin.disabled:focus, .not-signedin .wrapper-header .nav-pitch .action-signin.is-disabled:hover, .not-signedin .wrapper-header .nav-pitch .action-signin.is-disabled:focus,
      .view-util .wrapper-header .nav-pitch .action-signin.disabled:hover,
      .view-util .wrapper-header .nav-pitch .action-signin.disabled:focus,
      .view-util .wrapper-header .nav-pitch .action-signin.is-disabled:hover,
      .view-util .wrapper-header .nav-pitch .action-signin.is-disabled:focus {
        box-shadow: 0 0 0 0 !important; }
    .not-signedin .wrapper-header .nav-pitch .action-signin:hover, .not-signedin .wrapper-header .nav-pitch .action-signin:focus, .not-signedin .wrapper-header .nav-pitch .action-signin:active,
    .view-util .wrapper-header .nav-pitch .action-signin:hover,
    .view-util .wrapper-header .nav-pitch .action-signin:focus,
    .view-util .wrapper-header .nav-pitch .action-signin:active {
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
    .not-signedin .wrapper-header .nav-pitch .action-signin:hover, .not-signedin .wrapper-header .nav-pitch .action-signin:focus,
    .view-util .wrapper-header .nav-pitch .action-signin:hover,
    .view-util .wrapper-header .nav-pitch .action-signin:focus {
      background-color: #deecf7;
      color: #5c677a; }

.nav-item.is-current,
body.howitworks .nav-not-signedin-hiw,
body.dashboard .nav-account-dashboard,
body.course.view-outline .nav-course-courseware .title,
body.course.view-updates .nav-course-courseware .title,
body.course.view-static-pages .nav-course-courseware .title,
body.course.view-uploads .nav-course-courseware .title,
body.course.view-textbooks .nav-course-courseware .title,
body.course.view-video-uploads .nav-course-courseware .title,
body.course.view-outline .nav-course-courseware-outline,
body.course.view-updates .nav-course-courseware-updates,
body.course.view-static-pages .nav-course-courseware-pages,
body.course.view-uploads .nav-course-courseware-uploads,
body.course.view-textbooks .nav-course-courseware-textbooks,
body.course.view-video-uploads .nav-course-courseware-video,
body.course.schedule .nav-course-settings .title,
body.course.grading .nav-course-settings .title,
body.course.view-team .nav-course-settings .title,
body.course.view-group-configurations .nav-course-settings .title,
body.course.advanced .nav-course-settings .title,
body.course.view-certificates .nav-course-settings .title,
body.course.schedule .nav-course-settings-schedule,
body.course.grading .nav-course-settings-grading,
body.course.view-team .nav-course-settings-team,
body.course.view-group-configurations .nav-course-settings-group-configurations,
body.course.advanced .nav-course-settings-advanced,
body.course.view-certificates .nav-course-settings-certificates,
body.course.view-import .nav-course-tools .title,
body.course.view-export .nav-course-tools .title,
body.course.view-export-git .nav-course-tools .title,
body.course.view-import .nav-course-tools-import,
body.course.view-export .nav-course-tools-export,
body.course.view-export-git .nav-course-tools-export-git,
body.course.view-team .nav-library-settings .title,
body.course.view-team .nav-library-settings-team {
  color: #009fe6; }
  .nav-item.is-current a,
  body.howitworks .nav-not-signedin-hiw a,
  body.dashboard .nav-account-dashboard a,
  body.course.view-outline .nav-course-courseware .title a,
  body.course.view-updates .nav-course-courseware .title a,
  body.course.view-static-pages .nav-course-courseware .title a,
  body.course.view-uploads .nav-course-courseware .title a,
  body.course.view-textbooks .nav-course-courseware .title a,
  body.course.view-video-uploads .nav-course-courseware .title a,
  body.course.view-outline .nav-course-courseware-outline a,
  body.course.view-updates .nav-course-courseware-updates a,
  body.course.view-static-pages .nav-course-courseware-pages a,
  body.course.view-uploads .nav-course-courseware-uploads a,
  body.course.view-textbooks .nav-course-courseware-textbooks a,
  body.course.view-video-uploads .nav-course-courseware-video a,
  body.course.schedule .nav-course-settings .title a,
  body.course.grading .nav-course-settings .title a,
  body.course.view-team .nav-course-settings .title a,
  body.course.view-group-configurations .nav-course-settings .title a,
  body.course.advanced .nav-course-settings .title a,
  body.course.view-certificates .nav-course-settings .title a,
  body.course.schedule .nav-course-settings-schedule a,
  body.course.grading .nav-course-settings-grading a,
  body.course.view-team .nav-course-settings-team a,
  body.course.view-group-configurations .nav-course-settings-group-configurations a,
  body.course.advanced .nav-course-settings-advanced a,
  body.course.view-certificates .nav-course-settings-certificates a,
  body.course.view-import .nav-course-tools .title a,
  body.course.view-export .nav-course-tools .title a,
  body.course.view-export-git .nav-course-tools .title a,
  body.course.view-import .nav-course-tools-import a,
  body.course.view-export .nav-course-tools-export a,
  body.course.view-export-git .nav-course-tools-export-git a,
  body.course.view-team .nav-library-settings .title a,
  body.course.view-team .nav-library-settings-team a {
    color: #009fe6;
    pointer-events: none; }

.wrapper-footer {
  position: relative;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 20px; }
  .wrapper-footer footer.primary {
    max-width: 1280px;
    min-width: 900px;
    width: 100%;
    margin: 0 auto;
    color: #989898; }
    .wrapper-footer footer.primary:after {
      content: "";
      display: table;
      clear: both; }
    .wrapper-footer footer.primary .footer-content-primary:after {
      content: "";
      display: table;
      clear: both; }
    .wrapper-footer footer.primary .colophon {
      width: 31.91489%;
      float: left;
      margin-right: 14.28571%; }
    .wrapper-footer footer.primary a {
      color: #2392c3; }
      .wrapper-footer footer.primary a:hover, .wrapper-footer footer.primary a:active {
        color: #009fe6; }
    .wrapper-footer footer.primary .nav-peripheral {
      width: 48.93617%;
      float: right;
      text-align: right; }
      .wrapper-footer footer.primary .nav-peripheral .nav-item {
        display: inline-block;
        margin-right: 5px; }
        .wrapper-footer footer.primary .nav-peripheral .nav-item:last-child {
          margin-right: 0; }
        .wrapper-footer footer.primary .nav-peripheral .nav-item a {
          border-radius: 2px;
          padding: 10px 10px;
          background: transparent; }
          .wrapper-footer footer.primary .nav-peripheral .nav-item a .icon {
            -webkit-transition: top 0.25s ease-in-out 0.25s;
            -moz-transition: top 0.25s ease-in-out 0.25s;
            transition: top 0.25s ease-in-out 0.25s;
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px; }
    .wrapper-footer footer.primary .footer-content-secondary {
      margin-top: 20px; }
      .wrapper-footer footer.primary .footer-content-secondary:after {
        content: "";
        display: table;
        clear: both; }
    .wrapper-footer footer.primary .footer-about-copyright, .wrapper-footer footer.primary .footer-about-openedx {
      display: inline-block;
      vertical-align: middle; }
    .wrapper-footer footer.primary .footer-about-copyright {
      width: 31.91489%;
      float: left;
      margin-right: 14.28571%; }
    .wrapper-footer footer.primary .footer-about-openedx {
      float: right;
      text-align: right; }
      .wrapper-footer footer.primary .footer-about-openedx a {
        display: inline-block; }
        .wrapper-footer footer.primary .footer-about-openedx a img {
          display: block;
          width: 120px; }
        .wrapper-footer footer.primary .footer-about-openedx a:hover {
          border-bottom: none; }

.wrapper-sock {
  position: relative;
  margin: 40px 0 0 0;
  border-top: 1px solid #e5e5e5;
  width: 100%; }
  .wrapper-sock:after {
    content: "";
    display: table;
    clear: both; }
  .wrapper-sock .wrapper-inner {
    background-color: #323232;
    background-image: -webkit-linear-gradient(#323232 0%, #323232 98%, black 100%);
    background-image: linear-gradient(#323232 0%, #323232 98%, black 100%);
    display: none;
    width: 100% !important;
    border-bottom: 1px solid white;
    padding: 0 20px !important; }
  .wrapper-sock .list-cta {
    position: absolute;
    top: -15px;
    width: 100%;
    margin: 0 auto;
    text-align: center; }
    .wrapper-sock .list-cta .cta-show-sock {
      background: #f2f2f2;
      padding: 10px 20px;
      color: #7f7f7f; }
      .wrapper-sock .list-cta .cta-show-sock .icon {
        margin-right: 5px; }
      .wrapper-sock .list-cta .cta-show-sock:hover {
        background: #009fe6;
        color: white; }
  .wrapper-sock .sock {
    max-width: 1280px;
    min-width: 900px;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
    color: #cbcbcb; }
    .wrapper-sock .sock:after {
      content: "";
      display: table;
      clear: both; }
    .wrapper-sock .sock .support, .wrapper-sock .sock .feedback {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .wrapper-sock .sock .support .title, .wrapper-sock .sock .feedback .title {
        color: white;
        margin-bottom: 10px; }
      .wrapper-sock .sock .support .copy, .wrapper-sock .sock .feedback .copy {
        margin: 0 0 20px 0; }
      .wrapper-sock .sock .support .list-actions:after, .wrapper-sock .sock .feedback .list-actions:after {
        content: "";
        display: table;
        clear: both; }
      .wrapper-sock .sock .support .list-actions .action-item, .wrapper-sock .sock .feedback .list-actions .action-item {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px; }
        .wrapper-sock .sock .support .list-actions .action-item:last-child, .wrapper-sock .sock .feedback .list-actions .action-item:last-child {
          margin-right: 0; }
        .wrapper-sock .sock .support .list-actions .action-item .action, .wrapper-sock .sock .feedback .list-actions .action-item .action {
          display: block; }
          .wrapper-sock .sock .support .list-actions .action-item .action .icon, .wrapper-sock .sock .feedback .list-actions .action-item .action .icon {
            vertical-align: middle;
            margin-right: 5px; }
    .wrapper-sock .sock .support {
      width: 65.95745%;
      float: left;
      margin-right: 2.12766%; }
      .wrapper-sock .sock .support .action-item {
        width: flexgrid(4, 8); }
    .wrapper-sock .sock .feedback {
      width: 31.91489%;
      float: left; }
      .wrapper-sock .sock .feedback .action-item {
        width: flexgrid(4, 4); }
  .wrapper-sock.is-shown {
    border-color: #323232; }
    .wrapper-sock.is-shown .list-cta .cta-show-sock {
      background: #323232;
      border-color: #323232;
      color: white; }

.message {
  display: block; }

.message-status {
  -webkit-border-top-left-radius: 2px;
  -moz-border-topleft-radius: 2px;
  border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-topright-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  border-bottom: 2px solid #8e7124;
  margin: 0 0 20px 0;
  padding: 10px 20px;
  background: #bd9730;
  color: white; }
  .message-status .feedback-symbol {
    position: relative;
    top: 1px;
    display: inline-block;
    margin-right: 10px; }
  .message-status .text {
    display: inline-block; }
  .message-status.error {
    border-color: #470206;
    background: #c1373f; }
  .message-status.is-shown {
    display: block; }

.wrapper-notification, .wrapper-alert, .prompt {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.wrapper-notification, .wrapper-alert, .prompt {
  background: #323232; }
  .wrapper-notification .copy, .wrapper-alert .copy, .prompt .copy {
    color: #b2b2b2; }
    .wrapper-notification .copy .title, .wrapper-alert .copy .title, .prompt .copy .title {
      color: white; }
    .wrapper-notification .copy .nav-actions .action-primary, .wrapper-alert .copy .nav-actions .action-primary, .prompt .copy .nav-actions .action-primary {
      color: #191919; }

.alert.confirm .nav-actions .action-primary, .notification.confirm .nav-actions .action-primary, .prompt.confirm .nav-actions .action-primary {
  -webkit-transition: background-color 0.15s, box-shadow 0.15s;
  -moz-transition: background-color 0.15s, box-shadow 0.15s;
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  border: 1px solid #007fb8;
  border-radius: 3px;
  background-color: #009fe6;
  color: white;
  border-color: #005f8a; }
  .alert.confirm .nav-actions .action-primary.disabled, .alert.confirm .nav-actions .action-primary.is-disabled, .notification.confirm .nav-actions .action-primary.disabled, .notification.confirm .nav-actions .action-primary.is-disabled, .prompt.confirm .nav-actions .action-primary.disabled, .prompt.confirm .nav-actions .action-primary.is-disabled {
    border: 1px solid #989898 !important;
    border-radius: 3px !important;
    background: #989898 !important;
    color: #656565 !important;
    pointer-events: none;
    cursor: none; }
    .alert.confirm .nav-actions .action-primary.disabled:hover, .alert.confirm .nav-actions .action-primary.disabled:focus, .alert.confirm .nav-actions .action-primary.is-disabled:hover, .alert.confirm .nav-actions .action-primary.is-disabled:focus, .notification.confirm .nav-actions .action-primary.disabled:hover, .notification.confirm .nav-actions .action-primary.disabled:focus, .notification.confirm .nav-actions .action-primary.is-disabled:hover, .notification.confirm .nav-actions .action-primary.is-disabled:focus, .prompt.confirm .nav-actions .action-primary.disabled:hover, .prompt.confirm .nav-actions .action-primary.disabled:focus, .prompt.confirm .nav-actions .action-primary.is-disabled:hover, .prompt.confirm .nav-actions .action-primary.is-disabled:focus {
      box-shadow: 0 0 0 0 !important; }
  .alert.confirm .nav-actions .action-primary:hover, .alert.confirm .nav-actions .action-primary:focus, .alert.confirm .nav-actions .action-primary:active, .notification.confirm .nav-actions .action-primary:hover, .notification.confirm .nav-actions .action-primary:focus, .notification.confirm .nav-actions .action-primary:active, .prompt.confirm .nav-actions .action-primary:hover, .prompt.confirm .nav-actions .action-primary:focus, .prompt.confirm .nav-actions .action-primary:active {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
  .alert.confirm .nav-actions .action-primary:hover, .alert.confirm .nav-actions .action-primary:focus, .alert.confirm .nav-actions .action-primary:active, .notification.confirm .nav-actions .action-primary:hover, .notification.confirm .nav-actions .action-primary:focus, .notification.confirm .nav-actions .action-primary:active, .prompt.confirm .nav-actions .action-primary:hover, .prompt.confirm .nav-actions .action-primary:focus, .prompt.confirm .nav-actions .action-primary:active {
    background-color: #009fe6;
    color: white; }
  .alert.confirm .nav-actions .action-primary.disabled, .alert.confirm .nav-actions .action-primary.is-disabled, .notification.confirm .nav-actions .action-primary.disabled, .notification.confirm .nav-actions .action-primary.is-disabled, .prompt.confirm .nav-actions .action-primary.disabled, .prompt.confirm .nav-actions .action-primary.is-disabled {
    box-shadow: none;
    border: 1px solid #99d8f5 !important;
    background: #99d8f5 !important;
    color: white !important; }
.alert.confirm button, .notification.confirm button, .prompt.confirm button {
  color: #009fe6; }
  .alert.confirm button:hover, .notification.confirm button:hover, .prompt.confirm button:hover {
    color: #009fe6; }
.alert.warning .nav-actions .action-primary, .notification.warning .nav-actions .action-primary, .prompt.warning .nav-actions .action-primary {
  -webkit-transition: background-color 0.15s, box-shadow 0.15s;
  -moz-transition: background-color 0.15s, box-shadow 0.15s;
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.4);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 60%);
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 60%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  border: 1px solid #bd9730;
  border-radius: 3px;
  background-color: #edbd3c;
  color: #4c4c4c;
  border-color: #8e7124;
  color: #191919; }
  .alert.warning .nav-actions .action-primary.disabled, .alert.warning .nav-actions .action-primary.is-disabled, .notification.warning .nav-actions .action-primary.disabled, .notification.warning .nav-actions .action-primary.is-disabled, .prompt.warning .nav-actions .action-primary.disabled, .prompt.warning .nav-actions .action-primary.is-disabled {
    border: 1px solid #989898 !important;
    border-radius: 3px !important;
    background: #989898 !important;
    color: #656565 !important;
    pointer-events: none;
    cursor: none; }
    .alert.warning .nav-actions .action-primary.disabled:hover, .alert.warning .nav-actions .action-primary.disabled:focus, .alert.warning .nav-actions .action-primary.is-disabled:hover, .alert.warning .nav-actions .action-primary.is-disabled:focus, .notification.warning .nav-actions .action-primary.disabled:hover, .notification.warning .nav-actions .action-primary.disabled:focus, .notification.warning .nav-actions .action-primary.is-disabled:hover, .notification.warning .nav-actions .action-primary.is-disabled:focus, .prompt.warning .nav-actions .action-primary.disabled:hover, .prompt.warning .nav-actions .action-primary.disabled:focus, .prompt.warning .nav-actions .action-primary.is-disabled:hover, .prompt.warning .nav-actions .action-primary.is-disabled:focus {
      box-shadow: 0 0 0 0 !important; }
  .alert.warning .nav-actions .action-primary:hover, .alert.warning .nav-actions .action-primary:focus, .alert.warning .nav-actions .action-primary:active, .notification.warning .nav-actions .action-primary:hover, .notification.warning .nav-actions .action-primary:focus, .notification.warning .nav-actions .action-primary:active, .prompt.warning .nav-actions .action-primary:hover, .prompt.warning .nav-actions .action-primary:focus, .prompt.warning .nav-actions .action-primary:active {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
  .alert.warning .nav-actions .action-primary:hover, .alert.warning .nav-actions .action-primary:focus, .notification.warning .nav-actions .action-primary:hover, .notification.warning .nav-actions .action-primary:focus, .prompt.warning .nav-actions .action-primary:hover, .prompt.warning .nav-actions .action-primary:focus {
    background-color: #ffc52a;
    color: #4c4c4c; }
  .alert.warning .nav-actions .action-primary.disabled, .alert.warning .nav-actions .action-primary.is-disabled, .notification.warning .nav-actions .action-primary.disabled, .notification.warning .nav-actions .action-primary.is-disabled, .prompt.warning .nav-actions .action-primary.disabled, .prompt.warning .nav-actions .action-primary.is-disabled {
    border: 1px solid #f7e4b1 !important;
    background: #f4d78a !important;
    color: #989898 !important;
    box-shadow: none; }
.alert.warning button, .notification.warning button, .prompt.warning button {
  color: #edbd3c; }
  .alert.warning button:hover, .notification.warning button:hover, .prompt.warning button:hover {
    color: #ffc52a; }
.alert.error .nav-actions .action-primary, .notification.error .nav-actions .action-primary, .prompt.error .nav-actions .action-primary {
  -webkit-transition: background-color 0.15s, box-shadow 0.15s;
  -moz-transition: background-color 0.15s, box-shadow 0.15s;
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  border: 1px solid #8e040c;
  border-radius: 3px;
  background-color: #b20610;
  color: white;
  border-color: #6a0309; }
  .alert.error .nav-actions .action-primary.disabled, .alert.error .nav-actions .action-primary.is-disabled, .notification.error .nav-actions .action-primary.disabled, .notification.error .nav-actions .action-primary.is-disabled, .prompt.error .nav-actions .action-primary.disabled, .prompt.error .nav-actions .action-primary.is-disabled {
    border: 1px solid #989898 !important;
    border-radius: 3px !important;
    background: #989898 !important;
    color: #656565 !important;
    pointer-events: none;
    cursor: none; }
    .alert.error .nav-actions .action-primary.disabled:hover, .alert.error .nav-actions .action-primary.disabled:focus, .alert.error .nav-actions .action-primary.is-disabled:hover, .alert.error .nav-actions .action-primary.is-disabled:focus, .notification.error .nav-actions .action-primary.disabled:hover, .notification.error .nav-actions .action-primary.disabled:focus, .notification.error .nav-actions .action-primary.is-disabled:hover, .notification.error .nav-actions .action-primary.is-disabled:focus, .prompt.error .nav-actions .action-primary.disabled:hover, .prompt.error .nav-actions .action-primary.disabled:focus, .prompt.error .nav-actions .action-primary.is-disabled:hover, .prompt.error .nav-actions .action-primary.is-disabled:focus {
      box-shadow: 0 0 0 0 !important; }
  .alert.error .nav-actions .action-primary:hover, .alert.error .nav-actions .action-primary:focus, .alert.error .nav-actions .action-primary:active, .notification.error .nav-actions .action-primary:hover, .notification.error .nav-actions .action-primary:focus, .notification.error .nav-actions .action-primary:active, .prompt.error .nav-actions .action-primary:hover, .prompt.error .nav-actions .action-primary:focus, .prompt.error .nav-actions .action-primary:active {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
  .alert.error .nav-actions .action-primary:hover, .alert.error .nav-actions .action-primary:focus, .alert.error .nav-actions .action-primary:active, .notification.error .nav-actions .action-primary:hover, .notification.error .nav-actions .action-primary:focus, .notification.error .nav-actions .action-primary:active, .prompt.error .nav-actions .action-primary:hover, .prompt.error .nav-actions .action-primary:focus, .prompt.error .nav-actions .action-primary:active {
    background-color: #b8000b;
    color: white; }
  .alert.error .nav-actions .action-primary.disabled, .alert.error .nav-actions .action-primary.is-disabled, .notification.error .nav-actions .action-primary.disabled, .notification.error .nav-actions .action-primary.is-disabled, .prompt.error .nav-actions .action-primary.disabled, .prompt.error .nav-actions .action-primary.is-disabled {
    box-shadow: none;
    border: 1px solid #e09b9f !important;
    background: #e09b9f !important;
    color: white !important; }
.alert.error button, .notification.error button, .prompt.error button {
  color: #c1373f; }
  .alert.error button:hover, .notification.error button:hover, .prompt.error button:hover {
    color: #b20610; }
.alert.announcement .nav-actions .action-primary, .notification.announcement .nav-actions .action-primary, .prompt.announcement .nav-actions .action-primary {
  -webkit-transition: background-color 0.15s, box-shadow 0.15s;
  -moz-transition: background-color 0.15s, box-shadow 0.15s;
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  border: 1px solid #007fb8;
  border-radius: 3px;
  background-color: #009fe6;
  color: white;
  border-color: #005f8a; }
  .alert.announcement .nav-actions .action-primary.disabled, .alert.announcement .nav-actions .action-primary.is-disabled, .notification.announcement .nav-actions .action-primary.disabled, .notification.announcement .nav-actions .action-primary.is-disabled, .prompt.announcement .nav-actions .action-primary.disabled, .prompt.announcement .nav-actions .action-primary.is-disabled {
    border: 1px solid #989898 !important;
    border-radius: 3px !important;
    background: #989898 !important;
    color: #656565 !important;
    pointer-events: none;
    cursor: none; }
    .alert.announcement .nav-actions .action-primary.disabled:hover, .alert.announcement .nav-actions .action-primary.disabled:focus, .alert.announcement .nav-actions .action-primary.is-disabled:hover, .alert.announcement .nav-actions .action-primary.is-disabled:focus, .notification.announcement .nav-actions .action-primary.disabled:hover, .notification.announcement .nav-actions .action-primary.disabled:focus, .notification.announcement .nav-actions .action-primary.is-disabled:hover, .notification.announcement .nav-actions .action-primary.is-disabled:focus, .prompt.announcement .nav-actions .action-primary.disabled:hover, .prompt.announcement .nav-actions .action-primary.disabled:focus, .prompt.announcement .nav-actions .action-primary.is-disabled:hover, .prompt.announcement .nav-actions .action-primary.is-disabled:focus {
      box-shadow: 0 0 0 0 !important; }
  .alert.announcement .nav-actions .action-primary:hover, .alert.announcement .nav-actions .action-primary:focus, .alert.announcement .nav-actions .action-primary:active, .notification.announcement .nav-actions .action-primary:hover, .notification.announcement .nav-actions .action-primary:focus, .notification.announcement .nav-actions .action-primary:active, .prompt.announcement .nav-actions .action-primary:hover, .prompt.announcement .nav-actions .action-primary:focus, .prompt.announcement .nav-actions .action-primary:active {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
  .alert.announcement .nav-actions .action-primary:hover, .alert.announcement .nav-actions .action-primary:focus, .alert.announcement .nav-actions .action-primary:active, .notification.announcement .nav-actions .action-primary:hover, .notification.announcement .nav-actions .action-primary:focus, .notification.announcement .nav-actions .action-primary:active, .prompt.announcement .nav-actions .action-primary:hover, .prompt.announcement .nav-actions .action-primary:focus, .prompt.announcement .nav-actions .action-primary:active {
    background-color: #009fe6;
    color: white; }
  .alert.announcement .nav-actions .action-primary.disabled, .alert.announcement .nav-actions .action-primary.is-disabled, .notification.announcement .nav-actions .action-primary.disabled, .notification.announcement .nav-actions .action-primary.is-disabled, .prompt.announcement .nav-actions .action-primary.disabled, .prompt.announcement .nav-actions .action-primary.is-disabled {
    box-shadow: none;
    border: 1px solid #99d8f5 !important;
    background: #99d8f5 !important;
    color: white !important; }
.alert.announcement button, .notification.announcement button, .prompt.announcement button {
  color: #009fe6; }
  .alert.announcement button:hover, .notification.announcement button:hover, .prompt.announcement button:hover {
    color: #009fe6; }
.alert.confirmation .nav-actions .action-primary, .notification.confirmation .nav-actions .action-primary, .prompt.confirmation .nav-actions .action-primary {
  -webkit-transition: background-color 0.15s, box-shadow 0.15s;
  -moz-transition: background-color 0.15s, box-shadow 0.15s;
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  border: 1px solid #1d9348;
  border-radius: 3px;
  background-color: #25b85a;
  color: white;
  border-color: #166e36; }
  .alert.confirmation .nav-actions .action-primary.disabled, .alert.confirmation .nav-actions .action-primary.is-disabled, .notification.confirmation .nav-actions .action-primary.disabled, .notification.confirmation .nav-actions .action-primary.is-disabled, .prompt.confirmation .nav-actions .action-primary.disabled, .prompt.confirmation .nav-actions .action-primary.is-disabled {
    border: 1px solid #989898 !important;
    border-radius: 3px !important;
    background: #989898 !important;
    color: #656565 !important;
    pointer-events: none;
    cursor: none; }
    .alert.confirmation .nav-actions .action-primary.disabled:hover, .alert.confirmation .nav-actions .action-primary.disabled:focus, .alert.confirmation .nav-actions .action-primary.is-disabled:hover, .alert.confirmation .nav-actions .action-primary.is-disabled:focus, .notification.confirmation .nav-actions .action-primary.disabled:hover, .notification.confirmation .nav-actions .action-primary.disabled:focus, .notification.confirmation .nav-actions .action-primary.is-disabled:hover, .notification.confirmation .nav-actions .action-primary.is-disabled:focus, .prompt.confirmation .nav-actions .action-primary.disabled:hover, .prompt.confirmation .nav-actions .action-primary.disabled:focus, .prompt.confirmation .nav-actions .action-primary.is-disabled:hover, .prompt.confirmation .nav-actions .action-primary.is-disabled:focus {
      box-shadow: 0 0 0 0 !important; }
  .alert.confirmation .nav-actions .action-primary:hover, .alert.confirmation .nav-actions .action-primary:focus, .alert.confirmation .nav-actions .action-primary:active, .notification.confirmation .nav-actions .action-primary:hover, .notification.confirmation .nav-actions .action-primary:focus, .notification.confirmation .nav-actions .action-primary:active, .prompt.confirmation .nav-actions .action-primary:hover, .prompt.confirmation .nav-actions .action-primary:focus, .prompt.confirmation .nav-actions .action-primary:active {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
  .alert.confirmation .nav-actions .action-primary:hover, .alert.confirmation .nav-actions .action-primary:focus, .notification.confirmation .nav-actions .action-primary:hover, .notification.confirmation .nav-actions .action-primary:focus, .prompt.confirmation .nav-actions .action-primary:hover, .prompt.confirmation .nav-actions .action-primary:focus {
    background-color: #14c955;
    color: white; }
  .alert.confirmation .nav-actions .action-primary.disabled, .alert.confirmation .nav-actions .action-primary.is-disabled, .notification.confirmation .nav-actions .action-primary.disabled, .notification.confirmation .nav-actions .action-primary.is-disabled, .prompt.confirmation .nav-actions .action-primary.disabled, .prompt.confirmation .nav-actions .action-primary.is-disabled {
    border: 1px solid #a7e2bd !important;
    background: #a7e2bd !important;
    color: white !important;
    box-shadow: none; }
.alert.confirmation button, .notification.confirmation button, .prompt.confirmation button {
  color: #25b85a; }
  .alert.confirmation button:hover, .notification.confirmation button:hover, .prompt.confirmation button:hover {
    color: #04d951; }
.alert.step-required .nav-actions .action-primary, .notification.step-required .nav-actions .action-primary, .prompt.step-required .nav-actions .action-primary {
  -webkit-transition: background-color 0.15s, box-shadow 0.15s;
  -moz-transition: background-color 0.15s, box-shadow 0.15s;
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  border: 1px solid #921d52;
  border-radius: 3px;
  background-color: #b72567;
  color: white;
  border-color: #6d163d; }
  .alert.step-required .nav-actions .action-primary.disabled, .alert.step-required .nav-actions .action-primary.is-disabled, .notification.step-required .nav-actions .action-primary.disabled, .notification.step-required .nav-actions .action-primary.is-disabled, .prompt.step-required .nav-actions .action-primary.disabled, .prompt.step-required .nav-actions .action-primary.is-disabled {
    border: 1px solid #989898 !important;
    border-radius: 3px !important;
    background: #989898 !important;
    color: #656565 !important;
    pointer-events: none;
    cursor: none; }
    .alert.step-required .nav-actions .action-primary.disabled:hover, .alert.step-required .nav-actions .action-primary.disabled:focus, .alert.step-required .nav-actions .action-primary.is-disabled:hover, .alert.step-required .nav-actions .action-primary.is-disabled:focus, .notification.step-required .nav-actions .action-primary.disabled:hover, .notification.step-required .nav-actions .action-primary.disabled:focus, .notification.step-required .nav-actions .action-primary.is-disabled:hover, .notification.step-required .nav-actions .action-primary.is-disabled:focus, .prompt.step-required .nav-actions .action-primary.disabled:hover, .prompt.step-required .nav-actions .action-primary.disabled:focus, .prompt.step-required .nav-actions .action-primary.is-disabled:hover, .prompt.step-required .nav-actions .action-primary.is-disabled:focus {
      box-shadow: 0 0 0 0 !important; }
  .alert.step-required .nav-actions .action-primary:hover, .alert.step-required .nav-actions .action-primary:focus, .alert.step-required .nav-actions .action-primary:active, .notification.step-required .nav-actions .action-primary:hover, .notification.step-required .nav-actions .action-primary:focus, .notification.step-required .nav-actions .action-primary:active, .prompt.step-required .nav-actions .action-primary:hover, .prompt.step-required .nav-actions .action-primary:focus, .prompt.step-required .nav-actions .action-primary:active {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
  .alert.step-required .nav-actions .action-primary:hover, .alert.step-required .nav-actions .action-primary:focus, .alert.step-required .nav-actions .action-primary:active, .notification.step-required .nav-actions .action-primary:hover, .notification.step-required .nav-actions .action-primary:focus, .notification.step-required .nav-actions .action-primary:active, .prompt.step-required .nav-actions .action-primary:hover, .prompt.step-required .nav-actions .action-primary:focus, .prompt.step-required .nav-actions .action-primary:active {
    background-color: #c81565;
    color: white; }
  .alert.step-required .nav-actions .action-primary.disabled, .alert.step-required .nav-actions .action-primary.is-disabled, .notification.step-required .nav-actions .action-primary.disabled, .notification.step-required .nav-actions .action-primary.is-disabled, .prompt.step-required .nav-actions .action-primary.disabled, .prompt.step-required .nav-actions .action-primary.is-disabled {
    box-shadow: none;
    border: 1px solid #e2a7c2 !important;
    background: #e2a7c2 !important;
    color: white !important; }
.alert.step-required button, .notification.step-required button, .prompt.step-required button {
  color: #b72567; }
  .alert.step-required button:hover, .notification.step-required button:hover, .prompt.step-required button:hover {
    color: #c81565; }

.wrapper-prompt {
  -webkit-transition: all 0.125s ease-in-out 0s;
  -moz-transition: all 0.125s ease-in-out 0s;
  transition: all 0.125s ease-in-out 0s;
  position: fixed;
  top: 0;
  background: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  text-align: center; }
  .wrapper-prompt:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    /* Adjusts for spacing */ }
  .wrapper-prompt .prompt {
    border-radius: 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    display: inline-block;
    vertical-align: middle;
    width: 350px;
    border: 4px solid black;
    text-align: left; }
    .wrapper-prompt .prompt .copy {
      border-top: 4px solid #009fe6;
      padding: 20px; }
    .wrapper-prompt .prompt .nav-actions {
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
      border-top: 1px solid rgba(0, 0, 0, 0.25);
      padding: 15px 20px;
      background: #191919; }
      .wrapper-prompt .prompt .nav-actions .nav-item {
        display: inline-block;
        margin-right: 15px; }
        .wrapper-prompt .prompt .nav-actions .nav-item:last-child {
          margin-right: 0; }
  .wrapper-prompt .prompt.error .feedback-symbol {
    color: #c1373f; }
  .wrapper-prompt .prompt.error .copy {
    border-top-color: #c1373f; }
  .wrapper-prompt .prompt.confirmation .feedback-symbol {
    color: #25b85a; }
  .wrapper-prompt .prompt.confirmation .copy {
    border-top-color: #25b85a; }
  .wrapper-prompt .prompt.warning .feedback-symbol {
    color: #edbd3c; }
  .wrapper-prompt .prompt.warning .copy {
    border-top-color: #edbd3c; }

.wrapper-notification {
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), inset 0 3px 1px #009fe6;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 20px 40px; }
  .wrapper-notification:after {
    content: "";
    display: table;
    clear: both; }
  .wrapper-notification.wrapper-notification-warning {
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), inset 0 3px 1px #edbd3c; }
    .wrapper-notification.wrapper-notification-warning .feedback-symbol {
      color: #edbd3c; }
  .wrapper-notification.wrapper-notification-error {
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), inset 0 3px 1px #c1373f; }
    .wrapper-notification.wrapper-notification-error .feedback-symbol {
      color: #c1373f; }
  .wrapper-notification.wrapper-notification-confirmation {
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), inset 0 3px 1px #25b85a; }
    .wrapper-notification.wrapper-notification-confirmation .feedback-symbol {
      color: #25b85a; }
  .wrapper-notification.wrapper-notification-mini {
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), inset 0 3px 1px #b72567; }
  .wrapper-notification.wrapper-notification-status {
    -webkit-border-top-left-radius: 3px;
    -moz-border-topleft-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-topright-radius: 3px;
    border-top-right-radius: 3px;
    right: 20px;
    width: auto;
    border: 4px solid black;
    border-bottom: none;
    padding: 10px 20px; }
    .wrapper-notification.wrapper-notification-status .notification {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      max-width: none;
      min-width: none; }
      .wrapper-notification.wrapper-notification-status .notification:after {
        content: "";
        display: table;
        clear: both; }
      .wrapper-notification.wrapper-notification-status .notification .feedback-symbol, .wrapper-notification.wrapper-notification-status .notification .copy {
        float: none;
        display: inline-block;
        vertical-align: middle; }
      .wrapper-notification.wrapper-notification-status .notification .feedback-symbol {
        width: 20px;
        height: 25px;
        margin-right: 5px;
        line-height: 3rem; }
  .wrapper-notification.wrapper-notification-help {
    -webkit-border-top-left-radius: 3px;
    -moz-border-topleft-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-topright-radius: 3px;
    border-top-right-radius: 3px;
    width: 280px;
    right: 20px;
    border: 4px solid black;
    border-bottom: none;
    padding: 20px; }
    .wrapper-notification.wrapper-notification-help .notification {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      max-width: none;
      min-width: none; }
      .wrapper-notification.wrapper-notification-help .notification:after {
        content: "";
        display: table;
        clear: both; }
      .wrapper-notification.wrapper-notification-help .notification .feedback-symbol {
        width: 20px;
        margin-right: 15px; }
      .wrapper-notification.wrapper-notification-help .notification .action-notification-close {
        right: 0; }
      .wrapper-notification.wrapper-notification-help .notification .copy {
        width: 200px; }

.notification {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  min-width: 900px; }
  .notification:after {
    content: "";
    display: table;
    clear: both; }
  .notification .feedback-symbol, .notification .copy {
    float: left;
    display: inline-block;
    vertical-align: middle; }
  .notification .feedback-symbol {
    -webkit-transition: color 0.5s ease-in-out 0s;
    -moz-transition: color 0.5s ease-in-out 0s;
    transition: color 0.5s ease-in-out 0s;
    width: 6.38298%;
    height: 25px;
    margin-top: 5px;
    margin-right: 2.12766%;
    text-align: right;
    color: white; }
  .notification .copy {
    width: 82.97872%;
    color: #b2b2b2; }
    .notification .copy .title {
      margin-bottom: 0;
      color: white; }
  .notification.has-actions .feedback-symbol {
    width: 6.38298%; }
  .notification.has-actions .copy {
    width: 57.44681%;
    margin-right: 2.12766%; }
  .notification.has-actions .nav-actions {
    width: 31.91489%;
    float: left;
    margin-top: 5px;
    text-align: right; }
    .notification.has-actions .nav-actions .nav-item {
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px; }
      .notification.has-actions .nav-actions .nav-item:last-child {
        margin-right: 0; }
  .notification.has-actions .action-primary {
    -webkit-transition: background-color 0.15s, box-shadow 0.15s;
    -moz-transition: background-color 0.15s, box-shadow 0.15s;
    transition: background-color 0.15s, box-shadow 0.15s;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
    display: inline-block;
    padding: 4px 20px 5px;
    background-color: rgba(255, 255, 255, 0.3);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    border: 1px solid #007fb8;
    border-radius: 3px;
    background-color: #009fe6;
    color: white;
    border-color: #005f8a; }
    .notification.has-actions .action-primary.disabled, .notification.has-actions .action-primary.is-disabled {
      border: 1px solid #989898 !important;
      border-radius: 3px !important;
      background: #989898 !important;
      color: #656565 !important;
      pointer-events: none;
      cursor: none; }
      .notification.has-actions .action-primary.disabled:hover, .notification.has-actions .action-primary.disabled:focus, .notification.has-actions .action-primary.is-disabled:hover, .notification.has-actions .action-primary.is-disabled:focus {
        box-shadow: 0 0 0 0 !important; }
    .notification.has-actions .action-primary:hover, .notification.has-actions .action-primary:focus, .notification.has-actions .action-primary:active {
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
    .notification.has-actions .action-primary:hover, .notification.has-actions .action-primary:focus, .notification.has-actions .action-primary:active {
      background-color: #009fe6;
      color: white; }
    .notification.has-actions .action-primary.disabled, .notification.has-actions .action-primary.is-disabled {
      box-shadow: none;
      border: 1px solid #99d8f5 !important;
      background: #99d8f5 !important;
      color: white !important; }
  .notification.confirmation .copy {
    margin-top: 4px; }
  .notification.mini {
    width: auto;
    max-width: none;
    min-width: 0; }
    .notification.mini .feedback-symbol {
      -webkit-animation: rotateCW 3s linear infinite;
      -moz-animation: rotateCW 3s linear infinite;
      animation: rotateCW 3s linear infinite;
      width: 25px;
      margin: -4px 10px 0 0;
      -webkit-transform-origin: 52% 60%;
      -moz-transform-origin: 52% 60%;
      -ms-transform-origin: 52% 60%;
      -o-transform-origin: 52% 60%;
      transform-origin: 52% 60%; }
    .notification.mini .copy {
      width: auto; }

.wrapper-alert {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 1px 1px white, inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 -4px 1px #009fe6;
  position: relative;
  overflow: hidden;
  width: 100%;
  border-top: 1px solid black;
  padding: 20px 40px 30px 40px;
  background: #323232;
  display: none; }
  .wrapper-alert.is-shown {
    display: block; }
  .wrapper-alert.wrapper-alert-warning {
    box-shadow: 0 1px 1px white, inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 -4px 1px #edbd3c; }
    .wrapper-alert.wrapper-alert-warning .feedback-symbol {
      color: #edbd3c; }
  .wrapper-alert.wrapper-alert-error {
    box-shadow: 0 1px 1px white, inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 -4px 1px #c1373f; }
    .wrapper-alert.wrapper-alert-error .feedback-symbol {
      color: #c1373f; }
  .wrapper-alert.wrapper-alert-confirmation {
    box-shadow: 0 1px 1px white, inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 -4px 1px #25b85a; }
    .wrapper-alert.wrapper-alert-confirmation .feedback-symbol {
      color: #25b85a; }
  .wrapper-alert.wrapper-alert-announcement {
    box-shadow: 0 1px 1px white, inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 -4px 1px #009fe6; }
    .wrapper-alert.wrapper-alert-announcement .feedback-symbol {
      color: #009fe6; }
  .wrapper-alert.wrapper-alert-step-required {
    box-shadow: 0 1px 1px white, inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 -4px 1px #b72567; }
    .wrapper-alert.wrapper-alert-step-required .feedback-symbol {
      color: #b72567; }

.alert {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  min-width: 900px;
  color: white; }
  .alert:after {
    content: "";
    display: table;
    clear: both; }
  .alert .feedback-symbol, .alert .copy {
    float: left; }
  .alert .feedback-symbol {
    -webkit-transition: color 0.5s ease-in-out 0s;
    -moz-transition: color 0.5s ease-in-out 0s;
    transition: color 0.5s ease-in-out 0s;
    width: 6.38298%;
    margin: 5px 2.12766% 0 0;
    text-align: right; }
  .alert .copy {
    width: 82.97872%;
    margin-top: 10px;
    color: #b2b2b2; }
    .alert .copy .title {
      margin-bottom: 0;
      color: white; }
  .alert.has-actions .feedback-symbol {
    width: 6.38298%; }
  .alert.has-actions .copy {
    width: 57.44681%;
    margin-right: 2.12766%; }
  .alert.has-actions .nav-actions {
    width: 31.91489%;
    float: left;
    margin-top: 10px;
    text-align: right; }
    .alert.has-actions .nav-actions .nav-item {
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px; }
      .alert.has-actions .nav-actions .nav-item:last-child {
        margin-right: 0; }
  .alert .action-alert-close {
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottomleft-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottomright-radius: 4px;
    border-bottom-right-radius: 4px;
    position: absolute;
    top: -2px;
    right: 20px;
    padding: 5px 10px 0 10px;
    background: #191919;
    text-align: center; }
    .alert .action-alert-close .icon {
      color: white;
      width: auto;
      margin: 0;
      padding: 2px; }
    .alert .action-alert-close:hover {
      background: #656565; }
  .alert .action-dismiss .button {
    padding: 5px 10px; }
  .alert .action-dismiss .icon, .alert .action-dismiss .button-copy {
    display: inline-block;
    vertical-align: middle; }
  .alert .action-dismiss .icon {
    margin-right: 5px; }

.js .wrapper-prompt {
  visibility: hidden;
  pointer-events: none; }
.js.prompt-is-shown .wrapper-prompt.is-shown {
  visibility: visible;
  pointer-events: auto; }
  .js.prompt-is-shown .wrapper-prompt.is-shown .prompt {
    -webkit-animation: bounceIn 0.5s ease-in-out 1;
    -moz-animation: bounceIn 0.5s ease-in-out 1;
    animation: bounceIn 0.5s ease-in-out 1; }
.js.prompt-is-hiding .wrapper-prompt .prompt {
  -webkit-animation: bounceOut 0.5s ease-in-out 1;
  -moz-animation: bounceOut 0.5s ease-in-out 1;
  animation: bounceOut 0.5s ease-in-out 1; }
.js .wrapper-notification {
  bottom: -200px; }
  .js .wrapper-notification.is-shown {
    -webkit-animation: notificationSlideUp 1s ease-in-out 1;
    -moz-animation: notificationSlideUp 1s ease-in-out 1;
    animation: notificationSlideUp 1s ease-in-out 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .js .wrapper-notification.is-hiding {
    -webkit-animation: notificationSlideDown 1s ease-in-out 1;
    -moz-animation: notificationSlideDown 1s ease-in-out 1;
    animation: notificationSlideDown 1s ease-in-out 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }

.wrapper-message .message {
  background-color: #4c4c4c;
  padding: 10px 15px;
  color: white; }
  .wrapper-message .message .icon {
    font-style: normal; }
  .wrapper-message .message.information {
    background-color: #f2f2f2;
    color: #4c4c4c; }
  .wrapper-message .message.validation {
    background-color: #4c4c4c;
    color: white; }
    .wrapper-message .message.validation a {
      color: #66c5f0; }
  .wrapper-message .message.has-warnings {
    border-bottom: 3px solid #edbd3c; }
    .wrapper-message .message.has-warnings .fa-warning {
      margin-right: 10px;
      color: #edbd3c; }
  .wrapper-message .message.has-errors {
    border-bottom: 3px solid #d0696f; }
    .wrapper-message .message.has-errors .fa-exclamation-circle {
      margin-right: 10px;
      color: #d0696f; }
.wrapper-message .message-list {
  margin-bottom: 0; }
.wrapper-message .message-actions {
  padding: 10px 20px;
  background-color: #656565; }

body.uxdesign.alerts .content-primary, body.uxdesign.alerts .content-supplementary {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left; }
body.uxdesign.alerts .content-primary {
  width: 100%;
  margin-right: 2.12766%;
  padding: 20px 30px; }
  body.uxdesign.alerts .content-primary > section {
    margin-bottom: 40px; }
    body.uxdesign.alerts .content-primary > section:last-child {
      margin-bottom: 0; }
  body.uxdesign.alerts .content-primary ul li {
    width: 100%;
    margin-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 5px; }
    body.uxdesign.alerts .content-primary ul li:after {
      content: "";
      display: table;
      clear: both; }
    body.uxdesign.alerts .content-primary ul li:last-child {
      margin-bottom: 0;
      border-bottom: none;
      padding-bottom: 0; }
    body.uxdesign.alerts .content-primary ul li a {
      float: left;
      width: 40.42553%;
      margin-right: 2.12766%; }

.main-wrapper .alert {
  padding: 15px 20px;
  margin-bottom: 30px;
  border-radius: 3px;
  border: 1px solid #edbd3c;
  border-radius: 3px;
  background: #fbf6e1; }
  .main-wrapper .alert:after {
    content: "";
    display: table;
    clear: both; }
  .main-wrapper .alert .alert-message {
    float: left;
    margin: 4px 0 0 0;
    color: #323232; }
  .main-wrapper .alert .alert-action {
    float: left; }
    .main-wrapper .alert .alert-action.secondary {
      -webkit-transition: background-color 0.15s, box-shadow 0.15s;
      -moz-transition: background-color 0.15s, box-shadow 0.15s;
      transition: background-color 0.15s, box-shadow 0.15s;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
      display: inline-block;
      padding: 4px 20px 5px;
      background-color: rgba(255, 255, 255, 0.4);
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 60%);
      background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 60%);
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
      border: 1px solid #bd9730;
      border-radius: 3px;
      background-color: #edbd3c;
      color: #4c4c4c; }
      .main-wrapper .alert .alert-action.secondary.disabled, .main-wrapper .alert .alert-action.secondary.is-disabled {
        border: 1px solid #989898 !important;
        border-radius: 3px !important;
        background: #989898 !important;
        color: #656565 !important;
        pointer-events: none;
        cursor: none; }
        .main-wrapper .alert .alert-action.secondary.disabled:hover, .main-wrapper .alert .alert-action.secondary.disabled:focus, .main-wrapper .alert .alert-action.secondary.is-disabled:hover, .main-wrapper .alert .alert-action.secondary.is-disabled:focus {
          box-shadow: 0 0 0 0 !important; }
      .main-wrapper .alert .alert-action.secondary:hover, .main-wrapper .alert .alert-action.secondary:focus, .main-wrapper .alert .alert-action.secondary:active {
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
      .main-wrapper .alert .alert-action.secondary:hover, .main-wrapper .alert .alert-action.secondary:focus {
        background-color: #ffc52a;
        color: #4c4c4c; }
      .main-wrapper .alert .alert-action.secondary.disabled, .main-wrapper .alert .alert-action.secondary.is-disabled {
        border: 1px solid #f7e4b1 !important;
        background: #f4d78a !important;
        color: #989898 !important;
        box-shadow: none; }

body.error {
  background: #191919;
  color: #323232; }
  body.error .primary-header {
    display: none; }
  body.error .error-prompt {
    width: 700px;
    margin: 150px auto;
    padding: 60px 50px 90px;
    border-radius: 3px;
    background: white;
    text-align: center; }
  body.error h1 {
    float: none;
    margin: 0;
    color: #323232; }
  body.error .description {
    margin-bottom: 50px; }
  body.error .back-button {
    -webkit-transition: background-color 0.15s, box-shadow 0.15s;
    -moz-transition: background-color 0.15s, box-shadow 0.15s;
    transition: background-color 0.15s, box-shadow 0.15s;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
    display: inline-block;
    padding: 4px 20px 5px;
    background-color: rgba(255, 255, 255, 0.3);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    border: 1px solid #007fb8;
    border-radius: 3px;
    background-color: #009fe6;
    color: white;
    padding: 14px 40px 18px; }
    body.error .back-button.disabled, body.error .back-button.is-disabled {
      border: 1px solid #989898 !important;
      border-radius: 3px !important;
      background: #989898 !important;
      color: #656565 !important;
      pointer-events: none;
      cursor: none; }
      body.error .back-button.disabled:hover, body.error .back-button.disabled:focus, body.error .back-button.is-disabled:hover, body.error .back-button.is-disabled:focus {
        box-shadow: 0 0 0 0 !important; }
    body.error .back-button:hover, body.error .back-button:focus, body.error .back-button:active {
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
    body.error .back-button:hover, body.error .back-button:focus, body.error .back-button:active {
      background-color: #009fe6;
      color: white; }
    body.error .back-button.disabled, body.error .back-button.is-disabled {
      box-shadow: none;
      border: 1px solid #99d8f5 !important;
      background: #99d8f5 !important;
      color: white !important; }

.advance-modules-remove-text {
  margin-top: 10px; }

.content .introduction {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px; }
  .content .introduction.has-links:after {
    content: "";
    display: table;
    clear: both; }
  .content .introduction.has-links .copy {
    float: left;
    width: 65.95745%;
    margin-right: 2.12766%; }
  .content .introduction.has-links .nav-introduction-supplementary {
    float: right;
    width: 31.91489%;
    display: block;
    text-align: right; }
    .content .introduction.has-links .nav-introduction-supplementary .icon {
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px; }

.notice-incontext {
  border-radius: 2px;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px; }
  .notice-incontext .title {
    margin-bottom: 10px; }
  .notice-incontext .copy {
    -webkit-transition: opacity 0.25s ease-in-out 0s;
    -moz-transition: opacity 0.25s ease-in-out 0s;
    transition: opacity 0.25s ease-in-out 0s;
    opacity: 0.75;
    margin-bottom: 20px; }
    .notice-incontext .copy:last-child {
      margin-bottom: 0; }
  .notice-incontext.has-status .status-indicator {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 5px;
    opacity: 0.40; }
  .notice-incontext.has-actions .list-actions {
    margin-top: 15px; }
  .notice-incontext.list-notices .notice-item {
    margin-bottom: 20px;
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 20px; }
    .notice-incontext.list-notices .notice-item:last-child {
      margin-bottom: 0;
      border: none;
      padding-bottom: 0; }

.notice-workflow {
  background: #fdf8eb; }
  .notice-workflow .status-indicator {
    background: #fffedf; }
  .notice-workflow title {
    color: #656565; }
  .notice-workflow .copy {
    color: #7f7f7f; }

.notice-instruction {
  background-color: #e5e5e5; }
  .notice-instruction .title {
    color: #4c4c4c; }
  .notice-instruction .copy {
    color: #4c4c4c; }

.notice-create {
  background-color: #e5e5e5; }
  .notice-create .title {
    color: #4c4c4c; }
  .notice-create .copy {
    color: #4c4c4c; }

.notice-confirmation {
  background-color: #e9f7ee; }
  .notice-confirmation .status-indicator {
    background: #14c955; }
  .notice-confirmation .title {
    color: #25b85a; }
  .notice-confirmation .copy {
    color: #7f7f7f; }

.bit {
  margin: 0 0 20px 0;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 20px 0;
  color: #989898; }
  .bit:last-child {
    margin-bottom: 0;
    border: none;
    padding-bottom: 0; }
  .bit h3, .bit .title {
    margin: 0 0 5px 0;
    color: #4c4c4c; }
  .bit p, .bit .copy {
    margin: 0 0 20px 0; }
    .bit p:last-child, .bit .copy:last-child {
      margin-bottom: 0; }
  .bit .list-actions .action-item {
    margin-bottom: 5px;
    border-bottom: 1px dotted #e5e5e5;
    padding-bottom: 5px; }
  .bit .list-details .item-detail {
    margin-bottom: 5px;
    border-bottom: 1px dotted #e5e5e5;
    padding-bottom: 5px; }
  .bit .nav-related .nav-item, .bit .nav-page .nav-item {
    margin-bottom: 5px;
    border-bottom: 1px dotted #e5e5e5;
    padding-bottom: 5px; }

.modal-cover {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8); }

.modal {
  display: none;
  position: fixed;
  top: 60px;
  left: 50%;
  width: 930px;
  height: 540px;
  margin-left: -465px;
  background: white; }
  .modal .modal-body {
    height: 400px;
    padding: 40px;
    overflow-y: scroll; }
  .modal .modal-actions {
    height: 60px;
    background-color: rgba(255, 255, 255, 0.3);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background-color: #d1dae3; }
  .modal h2 {
    margin: 0 10px 30px;
    color: #646464;
    letter-spacing: 1px;
    text-transform: uppercase; }
  .modal p {
    margin: 20px; }
  .modal .revert-button {
    -webkit-transition: background-color 0.15s, box-shadow 0.15s;
    -moz-transition: background-color 0.15s, box-shadow 0.15s;
    transition: background-color 0.15s, box-shadow 0.15s;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
    display: inline-block;
    padding: 4px 20px 5px;
    background-color: rgba(255, 255, 255, 0.3);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    border: 1px solid #007fb8;
    border-radius: 3px;
    background-color: #009fe6;
    color: white;
    margin: 13px 6px 0 13px; }
    .modal .revert-button.disabled, .modal .revert-button.is-disabled {
      border: 1px solid #989898 !important;
      border-radius: 3px !important;
      background: #989898 !important;
      color: #656565 !important;
      pointer-events: none;
      cursor: none; }
      .modal .revert-button.disabled:hover, .modal .revert-button.disabled:focus, .modal .revert-button.is-disabled:hover, .modal .revert-button.is-disabled:focus {
        box-shadow: 0 0 0 0 !important; }
    .modal .revert-button:hover, .modal .revert-button:focus, .modal .revert-button:active {
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
    .modal .revert-button:hover, .modal .revert-button:focus, .modal .revert-button:active {
      background-color: #009fe6;
      color: white; }
    .modal .revert-button.disabled, .modal .revert-button.is-disabled {
      box-shadow: none;
      border: 1px solid #99d8f5 !important;
      background: #99d8f5 !important;
      color: white !important; }
  .modal .close-button {
    -webkit-transition: background-color 0.15s, box-shadow 0.15s;
    -moz-transition: background-color 0.15s, box-shadow 0.15s;
    transition: background-color 0.15s, box-shadow 0.15s;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
    display: inline-block;
    padding: 4px 20px 5px;
    background-color: rgba(255, 255, 255, 0.6);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border: 1px solid #b0b6c2;
    border-radius: 3px;
    background-color: #dfe5eb;
    color: #5c677a;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    margin-top: 13px; }
    .modal .close-button.disabled, .modal .close-button.is-disabled {
      border: 1px solid #989898 !important;
      border-radius: 3px !important;
      background: #989898 !important;
      color: #656565 !important;
      pointer-events: none;
      cursor: none; }
      .modal .close-button.disabled:hover, .modal .close-button.disabled:focus, .modal .close-button.is-disabled:hover, .modal .close-button.is-disabled:focus {
        box-shadow: 0 0 0 0 !important; }
    .modal .close-button:hover, .modal .close-button:focus, .modal .close-button:active {
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
    .modal .close-button:hover, .modal .close-button:focus {
      background-color: #deecf7;
      color: #5c677a; }

#lean_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  display: none;
  height: 100%;
  width: 100%;
  background: black; }

.ui-datepicker {
  border-color: #8891a1;
  border-radius: 2px;
  background: white;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  z-index: 100000 !important; }
  .ui-datepicker .ui-widget-header {
    background: #8891a1;
    border: none;
    border-radius: 2px; }
  .ui-datepicker .ui-datepicker-next,
  .ui-datepicker .ui-datepicker-prev {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }
    .ui-datepicker .ui-datepicker-next.ui-state-hover,
    .ui-datepicker .ui-datepicker-prev.ui-state-hover {
      border-color: transparent;
      background: #b0b6c2; }
      .ui-datepicker .ui-datepicker-next.ui-state-hover .ui-icon-circle-triangle-e,
      .ui-datepicker .ui-datepicker-next.ui-state-hover .ui-icon-circle-triangle-w,
      .ui-datepicker .ui-datepicker-prev.ui-state-hover .ui-icon-circle-triangle-e,
      .ui-datepicker .ui-datepicker-prev.ui-state-hover .ui-icon-circle-triangle-w {
        background-image: url("vendor/ui-lightness/images/ui-icons_ffffff_256x240.342bc03f6264.png"); }
  .ui-datepicker .ui-state-default {
    border-color: #b0b6c2;
    color: #009fe6;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }
    .ui-datepicker .ui-state-default.ui-state-hover {
      background: #edbd3c;
      border-color: #edbd3c;
      color: white; }
  .ui-datepicker .ui-state-highlight {
    background: #009fe6;
    border-color: #009fe6;
    color: white; }
  .ui-datepicker .ui-state-active {
    background: #edbd3c;
    border-color: #edbd3c;
    color: white; }

.ui-timepicker-list {
  z-index: 100000 !important; }

.zooming-image-place .larger {
  left: 0 !important;
  bottom: 100% !important; }

.ui-tabs {
  padding: 0;
  white-space: normal; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, ui-corner-top, .ui-corner-br, .ui-corner-right {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.ui-widget-content {
  border: 0;
  background: none; }

.ui-widget-header {
  border: none;
  background: none; }

.ui-tabs .ui-tabs-nav {
  padding: 0; }

.ui-tabs .ui-tabs-nav li {
  margin: 0;
  padding: 0;
  border: none;
  top: 0;
  margin: 0;
  float: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.ui-tabs-nav li {
  top: 0;
  margin: 0; }
.ui-tabs-nav a {
  float: none; }

.ui-tabs .ui-tabs-panel {
  padding: 0; }

.problem-type-tabs {
  border: none;
  list-style-type: none;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset; }
  .problem-type-tabs li:first-child {
    margin-left: 20px; }
  .problem-type-tabs li {
    opacity: 0.8; }
    .problem-type-tabs li:ui-state-active {
      background-color: rgba(255, 255, 255, 0.3);
      opacity: 1.0; }
    .problem-type-tabs li a:focus {
      outline: none;
      border: 0px; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  cursor: default;
  background-color: #f2f2f2;
  background-image: -webkit-linear-gradient(#f2f2f2, white);
  background-image: linear-gradient(#f2f2f2, white);
  border-right: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  border-left: 1px solid #b2b2b2;
  background-color: #f2f2f2;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #4c4c4c; }
  .ui-autocomplete li.ui-menu-item {
    padding: 0;
    margin: 0; }
    .ui-autocomplete li.ui-menu-item a {
      color: #4c4c4c; }
    .ui-autocomplete li.ui-menu-item a.ui-state-focus {
      border: none;
      background-color: #009fe6;
      background: #009fe6;
      color: white; }

[class*="view-"] .modal-window {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 50%;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  background-color: #e5e5e5;
  padding: 7px;
  text-align: left;
  direction: ltr; }
  [class*="view-"] .modal-window .modal-content {
    position: relative;
    background-color: white;
    padding: 5%; }
  [class*="view-"] .modal-window .title {
    margin: 5px 10px 10px 10px;
    color: black; }
  [class*="view-"] .modal-window .message {
    margin: 0 0 20px 0;
    color: #7f7f7f; }
  [class*="view-"] .modal-window .message-status {
    padding: 0; }
    [class*="view-"] .modal-window .message-status.error {
      border: 0;
      background-color: white;
      color: #b20610; }
    [class*="view-"] .modal-window .message-status.success {
      border: 0;
      background-color: white;
      color: #1d9348; }
  [class*="view-"] .modal-window .summary-message {
    margin-bottom: 20px;
    padding: 15px;
    background: #323232; }
    [class*="view-"] .modal-window .summary-message .icon, [class*="view-"] .modal-window .summary-message .copy {
      display: inline-block;
      vertical-align: top; }
    [class*="view-"] .modal-window .summary-message .icon {
      margin-right: 10px;
      color: white; }
    [class*="view-"] .modal-window .summary-message .copy {
      max-width: 85%;
      color: white; }
  [class*="view-"] .modal-window .summary-message-warning {
    border-top: 4px solid #f4d78a; }
    [class*="view-"] .modal-window .summary-message-warning .icon {
      color: #f4d78a; }
  [class*="view-"] .modal-window .divider-visual {
    margin: 15px 0;
    border: 1px solid #e5e5e5; }
  [class*="view-"] .modal-window .modal-section {
    margin-bottom: 15px; }
    [class*="view-"] .modal-window .modal-section:last-child {
      margin-bottom: 0; }
  [class*="view-"] .modal-window .modal-section-title {
    margin: 0 0 10px 0;
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 5px;
    color: #4c4c4c; }
  [class*="view-"] .modal-window .modal-subsection-title {
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.1;
    color: #b2b2b2; }
  [class*="view-"] .modal-window .modal-section-content .list-fields, [class*="view-"] .modal-window .modal-section-content .list-actions {
    display: inline-block;
    vertical-align: middle; }
  [class*="view-"] .modal-window .modal-section-content .list-actions {
    margin-left: 5px; }
  [class*="view-"] .modal-window .modal-chin,
  [class*="view-"] .modal-window .xblock-actions,
  [class*="view-"] .modal-window .modal-actions {
    padding: 15px 2% 10px 2%; }
    [class*="view-"] .modal-window .modal-chin .action-item,
    [class*="view-"] .modal-window .xblock-actions .action-item,
    [class*="view-"] .modal-window .modal-actions .action-item {
      display: inline-block;
      margin-right: 15px; }
      [class*="view-"] .modal-window .modal-chin .action-item:last-child,
      [class*="view-"] .modal-window .xblock-actions .action-item:last-child,
      [class*="view-"] .modal-window .modal-actions .action-item:last-child {
        margin-right: 0; }
    [class*="view-"] .modal-window .modal-chin .action-primary,
    [class*="view-"] .modal-window .xblock-actions .action-primary,
    [class*="view-"] .modal-window .modal-actions .action-primary {
      -webkit-transition: background-color 0.15s, box-shadow 0.15s;
      -moz-transition: background-color 0.15s, box-shadow 0.15s;
      transition: background-color 0.15s, box-shadow 0.15s;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
      display: inline-block;
      padding: 4px 20px 5px;
      background-color: rgba(255, 255, 255, 0.3);
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
      background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
      border: 1px solid #007fb8;
      border-radius: 3px;
      background-color: #009fe6;
      color: white;
      border-color: #007fb8;
      color: white; }
      [class*="view-"] .modal-window .modal-chin .action-primary.disabled, [class*="view-"] .modal-window .modal-chin .action-primary.is-disabled,
      [class*="view-"] .modal-window .xblock-actions .action-primary.disabled,
      [class*="view-"] .modal-window .xblock-actions .action-primary.is-disabled,
      [class*="view-"] .modal-window .modal-actions .action-primary.disabled,
      [class*="view-"] .modal-window .modal-actions .action-primary.is-disabled {
        border: 1px solid #989898 !important;
        border-radius: 3px !important;
        background: #989898 !important;
        color: #656565 !important;
        pointer-events: none;
        cursor: none; }
        [class*="view-"] .modal-window .modal-chin .action-primary.disabled:hover, [class*="view-"] .modal-window .modal-chin .action-primary.disabled:focus, [class*="view-"] .modal-window .modal-chin .action-primary.is-disabled:hover, [class*="view-"] .modal-window .modal-chin .action-primary.is-disabled:focus,
        [class*="view-"] .modal-window .xblock-actions .action-primary.disabled:hover,
        [class*="view-"] .modal-window .xblock-actions .action-primary.disabled:focus,
        [class*="view-"] .modal-window .xblock-actions .action-primary.is-disabled:hover,
        [class*="view-"] .modal-window .xblock-actions .action-primary.is-disabled:focus,
        [class*="view-"] .modal-window .modal-actions .action-primary.disabled:hover,
        [class*="view-"] .modal-window .modal-actions .action-primary.disabled:focus,
        [class*="view-"] .modal-window .modal-actions .action-primary.is-disabled:hover,
        [class*="view-"] .modal-window .modal-actions .action-primary.is-disabled:focus {
          box-shadow: 0 0 0 0 !important; }
      [class*="view-"] .modal-window .modal-chin .action-primary:hover, [class*="view-"] .modal-window .modal-chin .action-primary:focus, [class*="view-"] .modal-window .modal-chin .action-primary:active,
      [class*="view-"] .modal-window .xblock-actions .action-primary:hover,
      [class*="view-"] .modal-window .xblock-actions .action-primary:focus,
      [class*="view-"] .modal-window .xblock-actions .action-primary:active,
      [class*="view-"] .modal-window .modal-actions .action-primary:hover,
      [class*="view-"] .modal-window .modal-actions .action-primary:focus,
      [class*="view-"] .modal-window .modal-actions .action-primary:active {
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
      [class*="view-"] .modal-window .modal-chin .action-primary:hover, [class*="view-"] .modal-window .modal-chin .action-primary:focus, [class*="view-"] .modal-window .modal-chin .action-primary:active,
      [class*="view-"] .modal-window .xblock-actions .action-primary:hover,
      [class*="view-"] .modal-window .xblock-actions .action-primary:focus,
      [class*="view-"] .modal-window .xblock-actions .action-primary:active,
      [class*="view-"] .modal-window .modal-actions .action-primary:hover,
      [class*="view-"] .modal-window .modal-actions .action-primary:focus,
      [class*="view-"] .modal-window .modal-actions .action-primary:active {
        background-color: #009fe6;
        color: white; }
      [class*="view-"] .modal-window .modal-chin .action-primary.disabled, [class*="view-"] .modal-window .modal-chin .action-primary.is-disabled,
      [class*="view-"] .modal-window .xblock-actions .action-primary.disabled,
      [class*="view-"] .modal-window .xblock-actions .action-primary.is-disabled,
      [class*="view-"] .modal-window .modal-actions .action-primary.disabled,
      [class*="view-"] .modal-window .modal-actions .action-primary.is-disabled {
        box-shadow: none;
        border: 1px solid #99d8f5 !important;
        background: #99d8f5 !important;
        color: white !important; }
    [class*="view-"] .modal-window .modal-chin a,
    [class*="view-"] .modal-window .xblock-actions a,
    [class*="view-"] .modal-window .modal-actions a {
      color: #009fe6; }
      [class*="view-"] .modal-window .modal-chin a:hover,
      [class*="view-"] .modal-window .xblock-actions a:hover,
      [class*="view-"] .modal-window .modal-actions a:hover {
        color: #009fe6; }
[class*="view-"] .modal-sm {
  width: 30%;
  min-width: 300px; }
  [class*="view-"] .modal-sm .modal-content {
    padding: 5% 4%; }
[class*="view-"] .modal-med {
  width: 40%;
  min-width: 360px; }
  [class*="view-"] .modal-med .modal-content {
    padding: 4%; }
[class*="view-"] .modal-lg {
  width: 70%;
  min-width: 550px;
  height: auto; }
  [class*="view-"] .modal-lg .modal-content {
    padding: 20px; }
  [class*="view-"] .modal-lg.modal-editor .modal-header {
    margin: 5px 10px; }
    [class*="view-"] .modal-lg.modal-editor .modal-header .title {
      width: 47%;
      display: inline-block; }
    [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes {
      width: 48%;
      display: inline-block;
      text-align: right; }
      [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item {
        display: inline-block;
        margin-left: 10px; }
        [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button,
        [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button {
          border: 0;
          padding: 5px 10px;
          text-transform: uppercase; }
          [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .editor-button.is-set,
          [class*="view-"] .modal-lg.modal-editor .modal-header .editor-modes .action-item .settings-button.is-set {
            background-color: #656565;
            color: white; }
  [class*="view-"] .modal-lg.modal-editor .modal-content {
    height: 435px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0; }
[class*="view-"] .assetupload-modal .status-upload {
  margin-top: 20px; }
[class*="view-"] .modal-window .CodeMirror {
  height: 365px; }
[class*="view-"] .modal-window .CodeMirror-advanced {
  height: 435px; }
[class*="view-"] .modal-window .wrapper-comp-settings .list-input.settings-list {
  height: auto;
  max-height: none; }
[class*="view-"] .modal-window .editor-with-buttons {
  margin-bottom: 60px; }
  [class*="view-"] .modal-window .editor-with-buttons.wrapper-comp-settings .list-input.settings-list {
    height: 375px; }
  [class*="view-"] .modal-window .editor-with-buttons .xblock-actions {
    background-color: #e5e5e5;
    position: absolute;
    width: 100%;
    bottom: 0; }
[class*="view-"] .modal-lg.modal-type-video .modal-content {
  box-shadow: none;
  height: auto;
  overflow-y: hidden; }
  [class*="view-"] .modal-lg.modal-type-video .modal-content .wrapper-modal-window-assetupload .modal-window {
    top: 10% !important;
    left: 10% !important; }
  [class*="view-"] .modal-lg.modal-type-video .modal-content .wrapper-modal-window-assetupload .modal-header {
    margin: 10px 2%; }
    [class*="view-"] .modal-lg.modal-type-video .modal-content .wrapper-modal-window-assetupload .modal-header .title {
      width: auto;
      margin: 0 0 5px 0; }
    [class*="view-"] .modal-lg.modal-type-video .modal-content .wrapper-modal-window-assetupload .modal-header .editor-modes {
      display: none; }
  [class*="view-"] .modal-lg.modal-type-video .modal-content .wrapper-modal-window-assetupload .modal-content {
    padding: 2%; }
    [class*="view-"] .modal-lg.modal-type-video .modal-content .wrapper-modal-window-assetupload .modal-content .message {
      margin: 0 5px 5px 5px; }
    [class*="view-"] .modal-lg.modal-type-video .modal-content .wrapper-modal-window-assetupload .modal-content input[type="file"] {
      margin: 0; }
  [class*="view-"] .modal-lg.modal-type-video .modal-content .wrapper-modal-window-assetupload .modal-actions {
    padding: 10px 0; }
[class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header {
  border: 0;
  background-color: #e5e5e5;
  padding: 10px; }
  [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .component-name {
    display: inline-block;
    vertical-align: middle;
    width: 48%;
    margin-left: 10px;
    color: black; }
    [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .component-name em {
      color: inherit;
      display: inline; }
  [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs {
    display: inline-block;
    width: 48%;
    position: relative;
    top: auto;
    right: auto;
    padding: 0;
    text-align: right; }
    [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap {
      padding: 0; }
      [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab {
        background-image: none;
        box-shadow: none;
        border: 0;
        padding: 5px 10px;
        text-transform: uppercase; }
        [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab.current {
          background-color: #656565;
          color: white; }
[class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .tabs-wrapper {
  height: 480px;
  overflow-y: scroll;
  border: 1px solid #b2b2b2; }
  [class*="view-"] .modal-lg.modal-type-video .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .tabs-wrapper .component-tab {
    border-top: 0; }
[class*="view-"] .modal-window-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.5;
  filter: alpha(opacity=50); }
[class*="view-"] .xblock-visibility_view .visibility-controls-secondary {
  max-height: 100%;
  overflow-y: auto;
  margin: 15px 0 0 20px; }
[class*="view-"] .xblock-visibility_view .visibility-controls-group {
  margin-bottom: 20px; }
[class*="view-"] .xblock-visibility_view .list-fields .field {
  margin-bottom: 5px; }
[class*="view-"] .xblock-visibility_view .list-fields .field-radio label, [class*="view-"] .xblock-visibility_view .list-fields .field-checkbox label {
  margin-left: 5px; }
[class*="view-"] .xblock-visibility_view .field-visibility-verification .note {
  margin: 14px 0 0 24px;
  display: block; }
[class*="view-"] .xblock-visibility_view .field-visibility-content-group.was-removed .input-checkbox:checked ~ label {
  color: #d0696f; }
[class*="view-"] .xblock-visibility_view .field-visibility-content-group.was-removed .note {
  display: block;
  color: #d0696f; }
[class*="view-"] .xblock-visibility_view .is-not-configured {
  padding: 20px;
  text-align: left; }
  [class*="view-"] .xblock-visibility_view .is-not-configured .title {
    font-weight: 600;
    margin: 0 0 10px 0; }
  [class*="view-"] .xblock-visibility_view .is-not-configured .copy p {
    margin-bottom: 20px; }
  [class*="view-"] .xblock-visibility_view .is-not-configured.has-actions .actions {
    margin-top: 20px; }
  [class*="view-"] .xblock-visibility_view .is-not-configured.has-actions .action {
    margin-left: 0; }
[class*="view-"] .wrapper-modal-window-bulkpublish-section .exam-time-list-fields,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .exam-time-list-fields,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .exam-time-list-fields,
[class*="view-"] .course-outline-modal .exam-time-list-fields {
  margin: 0 0 10px 10px; }
[class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field-message,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field-message,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field-message,
[class*="view-"] .course-outline-modal .list-fields .field-message {
  color: #7f7f7f;
  font-size: 10px; }
[class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field,
[class*="view-"] .course-outline-modal .list-fields .field {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 5px; }
  [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field label,
  [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field label,
  [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field label,
  [class*="view-"] .course-outline-modal .list-fields .field label {
    -webkit-transition: color 0.125s ease-in-out 0s;
    -moz-transition: color 0.125s ease-in-out 0s;
    transition: color 0.125s ease-in-out 0s;
    margin: 0 0 5px 0; }
    [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field label.is-focused,
    [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field label.is-focused,
    [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field label.is-focused,
    [class*="view-"] .course-outline-modal .list-fields .field label.is-focused {
      color: #009fe6; }
  [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field input, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field textarea,
  [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field input,
  [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field textarea,
  [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field input,
  [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field textarea,
  [class*="view-"] .course-outline-modal .list-fields .field input,
  [class*="view-"] .course-outline-modal .list-fields .field textarea {
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
    height: 100%;
    width: 100%;
    padding: 10px; }
    [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field input.long, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field textarea.long,
    [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field input.long,
    [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field textarea.long,
    [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field input.long,
    [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field textarea.long,
    [class*="view-"] .course-outline-modal .list-fields .field input.long,
    [class*="view-"] .course-outline-modal .list-fields .field textarea.long {
      width: 100%; }
    [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field input.short, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field textarea.short,
    [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field input.short,
    [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field textarea.short,
    [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field input.short,
    [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field textarea.short,
    [class*="view-"] .course-outline-modal .list-fields .field input.short,
    [class*="view-"] .course-outline-modal .list-fields .field textarea.short {
      width: 25%; }
  [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field .start-date,
  [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field .start-time,
  [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field .due-date,
  [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field .due-time,
  [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field .start-date,
  [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field .start-time,
  [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field .due-date,
  [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field .due-time,
  [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field .start-date,
  [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field .start-time,
  [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field .due-date,
  [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field .due-time,
  [class*="view-"] .course-outline-modal .list-fields .field .start-date,
  [class*="view-"] .course-outline-modal .list-fields .field .start-time,
  [class*="view-"] .course-outline-modal .list-fields .field .due-date,
  [class*="view-"] .course-outline-modal .list-fields .field .due-time {
    width: 140px; }
  [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field .tip,
  [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field .tip,
  [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field .tip,
  [class*="view-"] .course-outline-modal .list-fields .field .tip {
    -webkit-transition: color, 0.15s, ease-in-out;
    -moz-transition: color, 0.15s, ease-in-out;
    transition: color, 0.15s, ease-in-out;
    display: block;
    margin-top: 5px;
    color: #b2b2b2; }
  [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field .tip-warning,
  [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field .tip-warning,
  [class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field .tip-warning,
  [class*="view-"] .course-outline-modal .list-fields .field .tip-warning {
    color: #4c4c4c; }
[class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field-text label, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field-text input, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field-text textarea,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field-text label,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field-text input,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field-text textarea,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field-text label,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field-text input,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field-text textarea,
[class*="view-"] .course-outline-modal .list-fields .field-text label,
[class*="view-"] .course-outline-modal .list-fields .field-text input,
[class*="view-"] .course-outline-modal .list-fields .field-text textarea {
  display: block; }
[class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field-select .label, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field-select .input,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field-select .label,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field-select .input,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field-select .label,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field-select .input,
[class*="view-"] .course-outline-modal .list-fields .field-select .label,
[class*="view-"] .course-outline-modal .list-fields .field-select .input {
  display: inline-block;
  vertical-align: middle; }
[class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field-select .label,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field-select .label,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field-select .label,
[class*="view-"] .course-outline-modal .list-fields .field-select .label {
  margin-right: 10px; }
[class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field-select .input,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field-select .input,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field-select .input,
[class*="view-"] .course-outline-modal .list-fields .field-select .input {
  width: 100%; }
[class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field-select .field-checkbox .label, [class*="view-"] .wrapper-modal-window-bulkpublish-section .list-fields .field-select .field-checkbox label,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field-select .field-checkbox .label,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .list-fields .field-select .field-checkbox label,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field-select .field-checkbox .label,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .list-fields .field-select .field-checkbox label,
[class*="view-"] .course-outline-modal .list-fields .field-select .field-checkbox .label,
[class*="view-"] .course-outline-modal .list-fields .field-select .field-checkbox label {
  margin-bottom: 0; }
[class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-grading .grading-type,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-grading .grading-type,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-grading .grading-type,
[class*="view-"] .course-outline-modal .edit-settings-grading .grading-type {
  margin-bottom: 20px; }
[class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-staff-lock,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-staff-lock,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-staff-lock,
[class*="view-"] .course-outline-modal .edit-staff-lock {
  margin-bottom: 20px; }
[class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-staff-lock .checkbox-cosmetic .input-checkbox ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-verification-access .checkbox-cosmetic .input-checkbox ~ .tip-warning,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-staff-lock .checkbox-cosmetic .input-checkbox ~ .tip-warning,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox ~ .tip-warning,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-verification-access .checkbox-cosmetic .input-checkbox ~ .tip-warning,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-staff-lock .checkbox-cosmetic .input-checkbox ~ .tip-warning,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox ~ .tip-warning,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-verification-access .checkbox-cosmetic .input-checkbox ~ .tip-warning,
[class*="view-"] .course-outline-modal .edit-staff-lock .checkbox-cosmetic .input-checkbox ~ .tip-warning,
[class*="view-"] .course-outline-modal .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox ~ .tip-warning,
[class*="view-"] .course-outline-modal .edit-verification-access .checkbox-cosmetic .input-checkbox ~ .tip-warning {
  display: block; }
[class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-staff-lock .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-verification-access .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-staff-lock .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-verification-access .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-staff-lock .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-verification-access .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning,
[class*="view-"] .course-outline-modal .edit-staff-lock .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning,
[class*="view-"] .course-outline-modal .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning,
[class*="view-"] .course-outline-modal .edit-verification-access .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning {
  display: none; }
[class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-staff-lock .checkbox-cosmetic .label, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination .checkbox-cosmetic .label, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-verification-access .checkbox-cosmetic .label,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-staff-lock .checkbox-cosmetic .label,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination .checkbox-cosmetic .label,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-verification-access .checkbox-cosmetic .label,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-staff-lock .checkbox-cosmetic .label,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination .checkbox-cosmetic .label,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-verification-access .checkbox-cosmetic .label,
[class*="view-"] .course-outline-modal .edit-staff-lock .checkbox-cosmetic .label,
[class*="view-"] .course-outline-modal .edit-settings-timed-examination .checkbox-cosmetic .label,
[class*="view-"] .course-outline-modal .edit-verification-access .checkbox-cosmetic .label {
  margin-bottom: 0; }
[class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-staff-lock .note, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination .note, [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-verification-access .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-staff-lock .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-verification-access .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-staff-lock .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination .note,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-verification-access .note,
[class*="view-"] .course-outline-modal .edit-staff-lock .note,
[class*="view-"] .course-outline-modal .edit-settings-timed-examination .note,
[class*="view-"] .course-outline-modal .edit-verification-access .note {
  margin: 14px 0 0 21px;
  display: block; }
[class*="view-"] .wrapper-modal-window-bulkpublish-section .verification-access .checkbox-cosmetic .label,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .verification-access .checkbox-cosmetic .label,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .verification-access .checkbox-cosmetic .label,
[class*="view-"] .course-outline-modal .verification-access .checkbox-cosmetic .label {
  float: left;
  margin: 2px 6px 0 0; }
[class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination,
[class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination,
[class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination,
[class*="view-"] .course-outline-modal .edit-settings-timed-examination {
  padding-bottom: 10px; }
  [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox ~ .tip-warning,
  [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox ~ .tip-warning,
  [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox ~ .tip-warning,
  [class*="view-"] .course-outline-modal .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox ~ .tip-warning {
    display: block; }
  [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning,
  [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning,
  [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning,
  [class*="view-"] .course-outline-modal .edit-settings-timed-examination .checkbox-cosmetic .input-checkbox:checked ~ .tip-warning {
    display: none; }
  [class*="view-"] .wrapper-modal-window-bulkpublish-section .edit-settings-timed-examination .checkbox-cosmetic .label,
  [class*="view-"] .wrapper-modal-window-bulkpublish-subsection .edit-settings-timed-examination .checkbox-cosmetic .label,
  [class*="view-"] .wrapper-modal-window-bulkpublish-unit .edit-settings-timed-examination .checkbox-cosmetic .label,
  [class*="view-"] .course-outline-modal .edit-settings-timed-examination .checkbox-cosmetic .label {
    margin-bottom: 0; }

.wrapper-assets .assets-library:after {
  content: "";
  display: table;
  clear: both; }
.wrapper-assets .assets-library .assets-title {
  margin-top: 40px;
  margin-bottom: 40px; }
.wrapper-assets .assets-library .meta-wrap {
  margin-bottom: 20px; }
.wrapper-assets .assets-library .meta {
  display: inline-block;
  vertical-align: top;
  width: 74.46809%;
  color: #989898; }
.wrapper-assets .assets-library .assets-table {
  width: 100%;
  font-size: 80%;
  word-wrap: break-word; }
  .wrapper-assets .assets-library .assets-table th {
    background-color: #f2f2f2;
    padding: 0 10px 15px 10px;
    vertical-align: middle;
    text-align: left;
    color: #7f7f7f; }
    .wrapper-assets .assets-library .assets-table th .column-sort-link {
      cursor: pointer;
      color: #009fe6; }
    .wrapper-assets .assets-library .assets-table th .current-sort {
      border-bottom: 1px solid #cbcbcb; }
    .wrapper-assets .assets-library .assets-table th.embed-col {
      padding-left: 15px;
      padding-right: 15px; }
  .wrapper-assets .assets-library .assets-table td {
    padding: 10px;
    vertical-align: middle;
    text-align: left; }
  .wrapper-assets .assets-library .assets-table tbody {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e5e5;
    background: white; }
    .wrapper-assets .assets-library .assets-table tbody tr {
      -webkit-transition: all 0.25s ease-in-out 0s;
      -moz-transition: all 0.25s ease-in-out 0s;
      transition: all 0.25s ease-in-out 0s;
      border-top: 1px solid #e5e5e5; }
      .wrapper-assets .assets-library .assets-table tbody tr .status-col {
        text-transform: uppercase; }
      .wrapper-assets .assets-library .assets-table tbody tr:first-child {
        border-top: none; }
      .wrapper-assets .assets-library .assets-table tbody tr:nth-child(odd) {
        background-color: #f8f8f8; }
      .wrapper-assets .assets-library .assets-table tbody tr a {
        color: #656565; }
        .wrapper-assets .assets-library .assets-table tbody tr a:hover {
          color: #009fe6; }
      .wrapper-assets .assets-library .assets-table tbody tr.is-locked {
        background-image: url("../images/bg-micro-stripes.0ab364833261.png");
        background-position: 0 0;
        background-repeat: repeat; }
      .wrapper-assets .assets-library .assets-table tbody tr:hover {
        background-color: #e5f5fc; }
        .wrapper-assets .assets-library .assets-table tbody tr:hover .date-col,
        .wrapper-assets .assets-library .assets-table tbody tr:hover .embed-col,
        .wrapper-assets .assets-library .assets-table tbody tr:hover .embed-col .embeddable-xml-input {
          color: #7f7f7f; }
    .wrapper-assets .assets-library .assets-table tbody .thumb-col {
      padding: 10px 20px; }
      .wrapper-assets .assets-library .assets-table tbody .thumb-col .thumb {
        width: 100px; }
      .wrapper-assets .assets-library .assets-table tbody .thumb-col img {
        width: 100%; }
    .wrapper-assets .assets-library .assets-table tbody .name-col .title {
      display: inline-block;
      max-width: 200px;
      overflow: hidden; }
    .wrapper-assets .assets-library .assets-table tbody .date-col {
      -webkit-transition: all 0.25s ease-in-out 0s;
      -moz-transition: all 0.25s ease-in-out 0s;
      transition: all 0.25s ease-in-out 0s;
      color: #b2b2b2; }
    .wrapper-assets .assets-library .assets-table tbody .embed-col {
      -webkit-transition: all 0.25s ease-in-out 0s;
      -moz-transition: all 0.25s ease-in-out 0s;
      transition: all 0.25s ease-in-out 0s;
      padding-left: 15px;
      color: #b2b2b2; }
      .wrapper-assets .assets-library .assets-table tbody .embed-col .embeddable-xml-input {
        -webkit-transition: all 0.25s ease-in-out 0s;
        -moz-transition: all 0.25s ease-in-out 0s;
        transition: all 0.25s ease-in-out 0s;
        box-shadow: none;
        border: 1px solid transparent;
        background: none;
        width: 100%;
        color: #b2b2b2; }
        .wrapper-assets .assets-library .assets-table tbody .embed-col .embeddable-xml-input:focus {
          background-color: white;
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
          border: 1px solid #cbcbcb; }
    .wrapper-assets .assets-library .assets-table tbody .actions-col {
      padding: 10px;
      text-align: center; }

@font-face {
  font-family: 'CreativeCommons';
  src: url("../fonts/CreativeCommons/cc.1e88b5e25694.eot");
  src: url("../fonts/CreativeCommons/cc.1e88b5e25694.eot#iefix") format("embedded-opentype"), url("../fonts/CreativeCommons/cc.4056dea56c31.woff") format("woff"), url("../fonts/CreativeCommons/cc.ae5bfe84d5e1.ttf") format("truetype"), url("../fonts/CreativeCommons/cc.5d1b3e457ec3.svg#CreativeCommons") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-cc"]:before, [class*=" icon-cc"]:before {
  font-family: "CreativeCommons"; }

.icon-cc:before {
  content: '\e800'; }

/* '' */
.icon-cc-by:before {
  content: '\e801'; }

/* '' */
.icon-cc-nc:before {
  content: '\e802'; }

/* '' */
.icon-cc-nc-eu:before {
  content: '\e803'; }

/* '' */
.icon-cc-nc-jp:before {
  content: '\e804'; }

/* '' */
.icon-cc-sa:before {
  content: '\e805'; }

/* '' */
.icon-cc-nd:before {
  content: '\e806'; }

/* '' */
.icon-cc-pd:before {
  content: '\e807'; }

/* '' */
.icon-cc-zero:before {
  content: '\e808'; }

/* '' */
.icon-cc-share:before {
  content: '\e809'; }

/* '' */
.icon-cc-remix:before {
  content: '\e80a'; }

/* '' */
.view-signup .wrapper-content,
.view-signin .wrapper-content,
.view-util .wrapper-content {
  margin: 30px 0 0 0;
  padding: 0 20px;
  position: relative;
  width: 100%; }
.view-signup .content,
.view-signin .content,
.view-util .content {
  max-width: 1280px;
  min-width: 900px;
  width: 100%;
  margin: 0 auto;
  color: #4c4c4c; }
  .view-signup .content:after,
  .view-signin .content:after,
  .view-util .content:after {
    content: "";
    display: table;
    clear: both; }
  .view-signup .content header,
  .view-signin .content header,
  .view-util .content header {
    position: relative;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px; }
    .view-signup .content header h1,
    .view-signin .content header h1,
    .view-util .content header h1 {
      margin: 0;
      padding: 0; }
    .view-signup .content header .action,
    .view-signin .content header .action,
    .view-util .content header .action {
      position: absolute;
      right: 0;
      top: 40%; }
  .view-signup .content .introduction,
  .view-signin .content .introduction,
  .view-util .content .introduction {
    margin: 0 0 20px 0; }
.view-signup .content-primary, .view-signup .content-supplementary,
.view-signin .content-primary,
.view-signin .content-supplementary,
.view-util .content-primary,
.view-util .content-supplementary {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.view-signup .content-primary form,
.view-signin .content-primary form,
.view-util .content-primary form {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  width: 100%;
  border: 1px solid #b2b2b2;
  padding: 20px 30px;
  background: white; }
  .view-signup .content-primary form .form-actions,
  .view-signin .content-primary form .form-actions,
  .view-util .content-primary form .form-actions {
    margin-top: 20px; }
    .view-signup .content-primary form .form-actions .action-primary,
    .view-signin .content-primary form .form-actions .action-primary,
    .view-util .content-primary form .form-actions .action-primary {
      -webkit-transition: background-color 0.15s, box-shadow 0.15s;
      -moz-transition: background-color 0.15s, box-shadow 0.15s;
      transition: background-color 0.15s, box-shadow 0.15s;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
      display: inline-block;
      padding: 4px 20px 5px;
      background-color: rgba(255, 255, 255, 0.3);
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
      background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
      border: 1px solid #007fb8;
      border-radius: 3px;
      background-color: #009fe6;
      color: white;
      -webkit-transition: all 0.125s linear 0s;
      -moz-transition: all 0.125s linear 0s;
      transition: all 0.125s linear 0s;
      display: block;
      width: 100%;
      padding: 15px 10px;
      text-transform: uppercase; }
      .view-signup .content-primary form .form-actions .action-primary.disabled, .view-signup .content-primary form .form-actions .action-primary.is-disabled,
      .view-signin .content-primary form .form-actions .action-primary.disabled,
      .view-signin .content-primary form .form-actions .action-primary.is-disabled,
      .view-util .content-primary form .form-actions .action-primary.disabled,
      .view-util .content-primary form .form-actions .action-primary.is-disabled {
        border: 1px solid #989898 !important;
        border-radius: 3px !important;
        background: #989898 !important;
        color: #656565 !important;
        pointer-events: none;
        cursor: none; }
        .view-signup .content-primary form .form-actions .action-primary.disabled:hover, .view-signup .content-primary form .form-actions .action-primary.disabled:focus, .view-signup .content-primary form .form-actions .action-primary.is-disabled:hover, .view-signup .content-primary form .form-actions .action-primary.is-disabled:focus,
        .view-signin .content-primary form .form-actions .action-primary.disabled:hover,
        .view-signin .content-primary form .form-actions .action-primary.disabled:focus,
        .view-signin .content-primary form .form-actions .action-primary.is-disabled:hover,
        .view-signin .content-primary form .form-actions .action-primary.is-disabled:focus,
        .view-util .content-primary form .form-actions .action-primary.disabled:hover,
        .view-util .content-primary form .form-actions .action-primary.disabled:focus,
        .view-util .content-primary form .form-actions .action-primary.is-disabled:hover,
        .view-util .content-primary form .form-actions .action-primary.is-disabled:focus {
          box-shadow: 0 0 0 0 !important; }
      .view-signup .content-primary form .form-actions .action-primary:hover, .view-signup .content-primary form .form-actions .action-primary:focus, .view-signup .content-primary form .form-actions .action-primary:active,
      .view-signin .content-primary form .form-actions .action-primary:hover,
      .view-signin .content-primary form .form-actions .action-primary:focus,
      .view-signin .content-primary form .form-actions .action-primary:active,
      .view-util .content-primary form .form-actions .action-primary:hover,
      .view-util .content-primary form .form-actions .action-primary:focus,
      .view-util .content-primary form .form-actions .action-primary:active {
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
      .view-signup .content-primary form .form-actions .action-primary:hover, .view-signup .content-primary form .form-actions .action-primary:focus, .view-signup .content-primary form .form-actions .action-primary:active,
      .view-signin .content-primary form .form-actions .action-primary:hover,
      .view-signin .content-primary form .form-actions .action-primary:focus,
      .view-signin .content-primary form .form-actions .action-primary:active,
      .view-util .content-primary form .form-actions .action-primary:hover,
      .view-util .content-primary form .form-actions .action-primary:focus,
      .view-util .content-primary form .form-actions .action-primary:active {
        background-color: #009fe6;
        color: white; }
      .view-signup .content-primary form .form-actions .action-primary.disabled, .view-signup .content-primary form .form-actions .action-primary.is-disabled,
      .view-signin .content-primary form .form-actions .action-primary.disabled,
      .view-signin .content-primary form .form-actions .action-primary.is-disabled,
      .view-util .content-primary form .form-actions .action-primary.disabled,
      .view-util .content-primary form .form-actions .action-primary.is-disabled {
        box-shadow: none;
        border: 1px solid #99d8f5 !important;
        background: #99d8f5 !important;
        color: white !important; }
  .view-signup .content-primary form .list-input .field,
  .view-signin .content-primary form .list-input .field,
  .view-util .content-primary form .list-input .field {
    margin: 0 0 15px 0; }
    .view-signup .content-primary form .list-input .field:last-child,
    .view-signin .content-primary form .list-input .field:last-child,
    .view-util .content-primary form .list-input .field:last-child {
      margin-bottom: 0; }
    .view-signup .content-primary form .list-input .field.required label:after,
    .view-signin .content-primary form .list-input .field.required label:after,
    .view-util .content-primary form .list-input .field.required label:after {
      margin-left: 5px;
      content: "*"; }
    .view-signup .content-primary form .list-input .field label, .view-signup .content-primary form .list-input .field input, .view-signup .content-primary form .list-input .field textarea,
    .view-signin .content-primary form .list-input .field label,
    .view-signin .content-primary form .list-input .field input,
    .view-signin .content-primary form .list-input .field textarea,
    .view-util .content-primary form .list-input .field label,
    .view-util .content-primary form .list-input .field input,
    .view-util .content-primary form .list-input .field textarea {
      display: block; }
    .view-signup .content-primary form .list-input .field label,
    .view-signin .content-primary form .list-input .field label,
    .view-util .content-primary form .list-input .field label {
      -webkit-transition: color 0.125s ease-in-out 0s;
      -moz-transition: color 0.125s ease-in-out 0s;
      transition: color 0.125s ease-in-out 0s;
      margin: 0 0 5px 0; }
      .view-signup .content-primary form .list-input .field label.is-focused,
      .view-signin .content-primary form .list-input .field label.is-focused,
      .view-util .content-primary form .list-input .field label.is-focused {
        color: #009fe6; }
    .view-signup .content-primary form .list-input .field input, .view-signup .content-primary form .list-input .field textarea,
    .view-signin .content-primary form .list-input .field input,
    .view-signin .content-primary form .list-input .field textarea,
    .view-util .content-primary form .list-input .field input,
    .view-util .content-primary form .list-input .field textarea {
      height: 100%;
      width: 100%;
      padding: 10px; }
      .view-signup .content-primary form .list-input .field input.long, .view-signup .content-primary form .list-input .field textarea.long,
      .view-signin .content-primary form .list-input .field input.long,
      .view-signin .content-primary form .list-input .field textarea.long,
      .view-util .content-primary form .list-input .field input.long,
      .view-util .content-primary form .list-input .field textarea.long {
        width: 100%; }
      .view-signup .content-primary form .list-input .field input.short, .view-signup .content-primary form .list-input .field textarea.short,
      .view-signin .content-primary form .list-input .field input.short,
      .view-signin .content-primary form .list-input .field textarea.short,
      .view-util .content-primary form .list-input .field input.short,
      .view-util .content-primary form .list-input .field textarea.short {
        width: 25%; }
      .view-signup .content-primary form .list-input .field input ::-webkit-input-placeholder, .view-signup .content-primary form .list-input .field textarea ::-webkit-input-placeholder,
      .view-signin .content-primary form .list-input .field input ::-webkit-input-placeholder,
      .view-signin .content-primary form .list-input .field textarea ::-webkit-input-placeholder,
      .view-util .content-primary form .list-input .field input ::-webkit-input-placeholder,
      .view-util .content-primary form .list-input .field textarea ::-webkit-input-placeholder {
        color: #e5e5e5; }
      .view-signup .content-primary form .list-input .field input :-moz-placeholder, .view-signup .content-primary form .list-input .field textarea :-moz-placeholder,
      .view-signin .content-primary form .list-input .field input :-moz-placeholder,
      .view-signin .content-primary form .list-input .field textarea :-moz-placeholder,
      .view-util .content-primary form .list-input .field input :-moz-placeholder,
      .view-util .content-primary form .list-input .field textarea :-moz-placeholder {
        color: #cbcbcb; }
      .view-signup .content-primary form .list-input .field input ::-moz-placeholder, .view-signup .content-primary form .list-input .field textarea ::-moz-placeholder,
      .view-signin .content-primary form .list-input .field input ::-moz-placeholder,
      .view-signin .content-primary form .list-input .field textarea ::-moz-placeholder,
      .view-util .content-primary form .list-input .field input ::-moz-placeholder,
      .view-util .content-primary form .list-input .field textarea ::-moz-placeholder {
        color: #cbcbcb; }
      .view-signup .content-primary form .list-input .field input :-ms-input-placeholder, .view-signup .content-primary form .list-input .field textarea :-ms-input-placeholder,
      .view-signin .content-primary form .list-input .field input :-ms-input-placeholder,
      .view-signin .content-primary form .list-input .field textarea :-ms-input-placeholder,
      .view-util .content-primary form .list-input .field input :-ms-input-placeholder,
      .view-util .content-primary form .list-input .field textarea :-ms-input-placeholder {
        color: #cbcbcb; }
      .view-signup .content-primary form .list-input .field input:focus + .tip, .view-signup .content-primary form .list-input .field textarea:focus + .tip,
      .view-signin .content-primary form .list-input .field input:focus + .tip,
      .view-signin .content-primary form .list-input .field textarea:focus + .tip,
      .view-util .content-primary form .list-input .field input:focus + .tip,
      .view-util .content-primary form .list-input .field textarea:focus + .tip {
        color: #7f7f7f; }
    .view-signup .content-primary form .list-input .field textarea.long,
    .view-signin .content-primary form .list-input .field textarea.long,
    .view-util .content-primary form .list-input .field textarea.long {
      height: 100px; }
    .view-signup .content-primary form .list-input .field input[type="checkbox"],
    .view-signin .content-primary form .list-input .field input[type="checkbox"],
    .view-util .content-primary form .list-input .field input[type="checkbox"] {
      display: inline-block;
      margin-right: 5px;
      width: auto;
      height: auto; }
      .view-signup .content-primary form .list-input .field input[type="checkbox"] + label,
      .view-signin .content-primary form .list-input .field input[type="checkbox"] + label,
      .view-util .content-primary form .list-input .field input[type="checkbox"] + label {
        display: inline-block; }
    .view-signup .content-primary form .list-input .field .tip,
    .view-signin .content-primary form .list-input .field .tip,
    .view-util .content-primary form .list-input .field .tip {
      -webkit-transition: color 0.125s ease-in-out 0s;
      -moz-transition: color 0.125s ease-in-out 0s;
      transition: color 0.125s ease-in-out 0s;
      display: block;
      margin-top: 5px;
      color: #cbcbcb; }
  .view-signup .content-primary form .list-input .field-group,
  .view-signin .content-primary form .list-input .field-group,
  .view-util .content-primary form .list-input .field-group {
    margin: 0 0 10px 0; }
    .view-signup .content-primary form .list-input .field-group:after,
    .view-signin .content-primary form .list-input .field-group:after,
    .view-util .content-primary form .list-input .field-group:after {
      content: "";
      display: table;
      clear: both; }
    .view-signup .content-primary form .list-input .field-group .field,
    .view-signin .content-primary form .list-input .field-group .field,
    .view-util .content-primary form .list-input .field-group .field {
      display: block;
      width: 47%;
      border-bottom: none;
      margin: 0 20px 0 0;
      padding-bottom: 0; }
      .view-signup .content-primary form .list-input .field-group .field:nth-child(odd),
      .view-signin .content-primary form .list-input .field-group .field:nth-child(odd),
      .view-util .content-primary form .list-input .field-group .field:nth-child(odd) {
        float: left; }
      .view-signup .content-primary form .list-input .field-group .field:nth-child(even),
      .view-signin .content-primary form .list-input .field-group .field:nth-child(even),
      .view-util .content-primary form .list-input .field-group .field:nth-child(even) {
        float: right;
        margin-right: 0; }
      .view-signup .content-primary form .list-input .field-group .field input, .view-signup .content-primary form .list-input .field-group .field textarea,
      .view-signin .content-primary form .list-input .field-group .field input,
      .view-signin .content-primary form .list-input .field-group .field textarea,
      .view-util .content-primary form .list-input .field-group .field input,
      .view-util .content-primary form .list-input .field-group .field textarea {
        width: 100%; }
.view-signup .content-supplementary .bit,
.view-signin .content-supplementary .bit,
.view-util .content-supplementary .bit {
  margin: 0 0 20px 0;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 20px 0;
  color: #989898; }
  .view-signup .content-supplementary .bit:last-child,
  .view-signin .content-supplementary .bit:last-child,
  .view-util .content-supplementary .bit:last-child {
    margin-bottom: 0;
    border: none;
    padding-bottom: 0; }
  .view-signup .content-supplementary .bit h3,
  .view-signin .content-supplementary .bit h3,
  .view-util .content-supplementary .bit h3 {
    margin: 0 0 5px 0;
    color: #4c4c4c; }
.view-signup #field-password,
.view-signin #field-password,
.view-util #field-password {
  position: relative; }
  .view-signup #field-password .action-forgotpassword,
  .view-signin #field-password .action-forgotpassword,
  .view-util #field-password .action-forgotpassword {
    position: absolute;
    top: 0;
    right: 0; }

.view-uploads .content-primary, .view-uploads .content-supplementary {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.view-uploads .nav-actions .fa-cloud-upload {
  vertical-align: bottom;
  margin-right: 4px; }
.view-uploads .no-asset-content {
  padding: 40px;
  background-color: #e5e5e5;
  text-align: center;
  color: #7f7f7f; }
  .view-uploads .no-asset-content .new-button {
    margin-left: 20px; }
    .view-uploads .no-asset-content .new-button .icon {
      margin-right: 10px; }
.view-uploads .assets-library:after {
  content: "";
  display: table;
  clear: both; }
.view-uploads .assets-library .meta-wrap {
  margin-bottom: 20px; }
.view-uploads .assets-library .meta {
  display: inline-block;
  vertical-align: top;
  width: 74.46809%;
  color: #989898; }
.view-uploads .assets-library .pagination {
  display: inline-block;
  width: 23.40426%; }
  .view-uploads .assets-library .pagination:after {
    content: "";
    display: table;
    clear: both; }
  .view-uploads .assets-library .pagination.pagination-compact {
    text-align: right; }
  .view-uploads .assets-library .pagination.pagination-full {
    display: block;
    width: 31.91489%;
    margin: 20px auto; }
  .view-uploads .assets-library .pagination .nav-item {
    position: relative;
    display: inline-block; }
  .view-uploads .assets-library .pagination .nav-link {
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
    display: block;
    padding: 5px 15px; }
    .view-uploads .assets-library .pagination .nav-link.previous {
      margin-right: 10px; }
    .view-uploads .assets-library .pagination .nav-link.next {
      margin-left: 10px; }
    .view-uploads .assets-library .pagination .nav-link:hover {
      background-color: #009fe6;
      border-radius: 3px;
      color: white; }
    .view-uploads .assets-library .pagination .nav-link.is-disabled {
      background-color: transparent;
      color: #b2b2b2;
      pointer-events: none; }
  .view-uploads .assets-library .pagination .pagination-form,
  .view-uploads .assets-library .pagination .current-page,
  .view-uploads .assets-library .pagination .page-divider,
  .view-uploads .assets-library .pagination .total-pages {
    display: inline-block; }
  .view-uploads .assets-library .pagination .current-page,
  .view-uploads .assets-library .pagination .page-number-input,
  .view-uploads .assets-library .pagination .total-pages {
    width: 50px;
    margin: 0 15px;
    padding: 5px;
    text-align: center;
    color: #7f7f7f; }
  .view-uploads .assets-library .pagination .current-page {
    position: absolute;
    left: -5px; }
  .view-uploads .assets-library .pagination .page-divider {
    vertical-align: middle;
    color: #b2b2b2; }
  .view-uploads .assets-library .pagination .pagination-form {
    position: relative; }
    .view-uploads .assets-library .pagination .pagination-form .page-number-input {
      -webkit-transition: all 0.25s ease-in-out 0s;
      -moz-transition: all 0.25s ease-in-out 0s;
      transition: all 0.25s ease-in-out 0s;
      border: 1px solid transparent;
      border-bottom: 1px dotted #b2b2b2;
      border-radius: 0;
      box-shadow: none;
      background: none; }
      .view-uploads .assets-library .pagination .pagination-form .page-number-input:hover {
        background-color: white;
        opacity: 0.6; }
      .view-uploads .assets-library .pagination .pagination-form .page-number-input:focus {
        background-color: #fffcf1;
        background-image: -webkit-linear-gradient(#fffcf1, #fffefd);
        background-image: linear-gradient(#fffcf1, #fffefd);
        opacity: 1.0;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.4) inset;
        background-color: white;
        border: 1px solid transparent;
        border-radius: 3px; }
.view-uploads .assets-library table {
  width: 100%;
  word-wrap: break-word; }
  .view-uploads .assets-library table th {
    background-color: #f2f2f2;
    padding: 0 10px 15px 10px;
    vertical-align: middle;
    text-align: left;
    color: #7f7f7f; }
    .view-uploads .assets-library table th .column-sort-link, .view-uploads .assets-library table th .column-selected-link {
      cursor: pointer;
      color: #009fe6; }
    .view-uploads .assets-library table th .current-sort {
      border-bottom: 1px solid #cbcbcb; }
    .view-uploads .assets-library table th.embed-col {
      padding-left: 15px;
      padding-right: 15px; }
    .view-uploads .assets-library table th.nav-dd {
      margin: -10px;
      color: #009fe6;
      cursor: pointer; }
      .view-uploads .assets-library table th.nav-dd .wrapper-nav-sub {
        top: 35px; }
        .view-uploads .assets-library table th.nav-dd .wrapper-nav-sub > ol > .nav-item {
          display: inline-block;
          vertical-align: middle; }
          .view-uploads .assets-library table th.nav-dd .wrapper-nav-sub > ol > .nav-item:last-child {
            margin-right: 0; }
        .view-uploads .assets-library table th.nav-dd .wrapper-nav-sub .nav-sub {
          text-align: left; }
          .view-uploads .assets-library table th.nav-dd .wrapper-nav-sub .nav-sub:after {
            left: 20px;
            margin-left: -10px; }
          .view-uploads .assets-library table th.nav-dd .wrapper-nav-sub .nav-sub:before {
            left: 20px;
            margin-left: -11px; }
          .view-uploads .assets-library table th.nav-dd .wrapper-nav-sub .nav-sub .nav-item.reset-filter {
            display: none; }
          .view-uploads .assets-library table th.nav-dd .wrapper-nav-sub .nav-sub .nav-item a {
            color: #656565; }
            .view-uploads .assets-library table th.nav-dd .wrapper-nav-sub .nav-sub .nav-item a:hover {
              color: #009fe6; }
  .view-uploads .assets-library table td {
    padding: 10px;
    vertical-align: middle;
    text-align: left; }
  .view-uploads .assets-library table tbody {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e5e5;
    background: white; }
    .view-uploads .assets-library table tbody tr {
      -webkit-transition: all 0.25s ease-in-out 0s;
      -moz-transition: all 0.25s ease-in-out 0s;
      transition: all 0.25s ease-in-out 0s;
      border-top: 1px solid #e5e5e5; }
      .view-uploads .assets-library table tbody tr:first-child {
        border-top: none; }
      .view-uploads .assets-library table tbody tr:nth-child(odd) {
        background-color: #f8f8f8; }
      .view-uploads .assets-library table tbody tr a {
        color: #656565; }
        .view-uploads .assets-library table tbody tr a:hover {
          color: #009fe6; }
      .view-uploads .assets-library table tbody tr.is-locked {
        background-image: url("../images/bg-micro-stripes.0ab364833261.png");
        background-position: 0 0;
        background-repeat: repeat; }
      .view-uploads .assets-library table tbody tr:hover {
        background-color: #e5f5fc; }
        .view-uploads .assets-library table tbody tr:hover .date-col,
        .view-uploads .assets-library table tbody tr:hover .embed-col,
        .view-uploads .assets-library table tbody tr:hover .embed-col .embeddable-xml-input {
          color: #7f7f7f; }
    .view-uploads .assets-library table tbody .thumb-col {
      padding: 10px 20px;
      color: #b2b2b2; }
      .view-uploads .assets-library table tbody .thumb-col .thumb {
        width: 100px; }
      .view-uploads .assets-library table tbody .thumb-col img {
        width: 100%; }
    .view-uploads .assets-library table tbody .name-col .title {
      display: inline-block;
      max-width: 200px;
      overflow: hidden; }
    .view-uploads .assets-library table tbody .type-col {
      color: #b2b2b2; }
    .view-uploads .assets-library table tbody .date-col {
      -webkit-transition: all 0.25s ease-in-out 0s;
      -moz-transition: all 0.25s ease-in-out 0s;
      transition: all 0.25s ease-in-out 0s;
      color: #b2b2b2; }
    .view-uploads .assets-library table tbody .embed-col {
      -webkit-transition: all 0.25s ease-in-out 0s;
      -moz-transition: all 0.25s ease-in-out 0s;
      transition: all 0.25s ease-in-out 0s;
      padding-left: 15px;
      color: #b2b2b2; }
      .view-uploads .assets-library table tbody .embed-col .label {
        display: inline-block;
        width: 40px; }
      .view-uploads .assets-library table tbody .embed-col .embeddable-xml-input {
        -webkit-transition: all 0.25s ease-in-out 0s;
        -moz-transition: all 0.25s ease-in-out 0s;
        transition: all 0.25s ease-in-out 0s;
        box-shadow: none;
        border: 1px solid transparent;
        background: none;
        padding: 4px;
        color: #b2b2b2; }
        .view-uploads .assets-library table tbody .embed-col .embeddable-xml-input:focus {
          background-color: white;
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
          border: 1px solid #cbcbcb;
          color: black; }
    .view-uploads .assets-library table tbody .actions-col {
      padding: 10px;
      text-align: center; }
.view-uploads .actions-list .action-item.action-lock {
  position: relative; }
.view-uploads .actions-list .action-item.action-lock label {
  position: absolute;
  top: 0;
  right: 0;
  height: 30px;
  width: 30px; }
  .view-uploads .actions-list .action-item.action-lock label:hover {
    background-color: #009fe6; }
.view-uploads .actions-list .action-item.action-lock .lock-checkbox {
  position: absolute;
  top: 0;
  right: 0;
  height: 30px;
  width: 30px;
  opacity: 0; }
.view-uploads .actions-list .action-item.action-lock .lock-checkbox:hover ~ .action-button {
  background-color: #009fe6;
  color: #f8f8f8; }
.view-uploads .actions-list .action-item.action-lock .lock-checkbox ~ .action-button .fa-lock {
  display: none; }
.view-uploads .actions-list .action-item.action-lock .lock-checkbox ~ .action-button .fa-unlock-alt {
  display: inline-block;
  pointer-events: none; }
.view-uploads .actions-list .action-item.action-lock .lock-checkbox:checked ~ .action-button {
  background-color: #7f7f7f;
  color: white; }
  .view-uploads .actions-list .action-item.action-lock .lock-checkbox:checked ~ .action-button .fa-lock {
    display: inline-block;
    pointer-events: none; }
  .view-uploads .actions-list .action-item.action-lock .lock-checkbox:checked ~ .action-button .fa-unlock-alt {
    display: none; }
.view-uploads .show-xml {
  -webkit-transition: background-color 0.15s, box-shadow 0.15s;
  -moz-transition: background-color 0.15s, box-shadow 0.15s;
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  border: 1px solid #007fb8;
  border-radius: 3px;
  background-color: #009fe6;
  color: white; }
  .view-uploads .show-xml.disabled, .view-uploads .show-xml.is-disabled {
    border: 1px solid #989898 !important;
    border-radius: 3px !important;
    background: #989898 !important;
    color: #656565 !important;
    pointer-events: none;
    cursor: none; }
    .view-uploads .show-xml.disabled:hover, .view-uploads .show-xml.disabled:focus, .view-uploads .show-xml.is-disabled:hover, .view-uploads .show-xml.is-disabled:focus {
      box-shadow: 0 0 0 0 !important; }
  .view-uploads .show-xml:hover, .view-uploads .show-xml:focus, .view-uploads .show-xml:active {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
  .view-uploads .show-xml:hover, .view-uploads .show-xml:focus, .view-uploads .show-xml:active {
    background-color: #009fe6;
    color: white; }
  .view-uploads .show-xml.disabled, .view-uploads .show-xml.is-disabled {
    box-shadow: none;
    border: 1px solid #99d8f5 !important;
    background: #99d8f5 !important;
    color: white !important; }
.view-uploads .upload-modal {
  display: none;
  width: 640px !important;
  margin-left: -320px !important; }
  .view-uploads .upload-modal .modal-body {
    height: auto !important;
    overflow-y: auto !important;
    text-align: center; }
  .view-uploads .upload-modal .title {
    float: none;
    margin: 40px 0 30px; }
  .view-uploads .upload-modal .file-input {
    display: none; }
  .view-uploads .upload-modal .choose-file-button {
    -webkit-transition: background-color 0.15s, box-shadow 0.15s;
    -moz-transition: background-color 0.15s, box-shadow 0.15s;
    transition: background-color 0.15s, box-shadow 0.15s;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
    display: inline-block;
    padding: 4px 20px 5px;
    background-color: rgba(255, 255, 255, 0.3);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    border: 1px solid #007fb8;
    border-radius: 3px;
    background-color: #009fe6;
    color: white;
    padding: 10px 82px 12px; }
    .view-uploads .upload-modal .choose-file-button.disabled, .view-uploads .upload-modal .choose-file-button.is-disabled {
      border: 1px solid #989898 !important;
      border-radius: 3px !important;
      background: #989898 !important;
      color: #656565 !important;
      pointer-events: none;
      cursor: none; }
      .view-uploads .upload-modal .choose-file-button.disabled:hover, .view-uploads .upload-modal .choose-file-button.disabled:focus, .view-uploads .upload-modal .choose-file-button.is-disabled:hover, .view-uploads .upload-modal .choose-file-button.is-disabled:focus {
        box-shadow: 0 0 0 0 !important; }
    .view-uploads .upload-modal .choose-file-button:hover, .view-uploads .upload-modal .choose-file-button:focus, .view-uploads .upload-modal .choose-file-button:active {
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
    .view-uploads .upload-modal .choose-file-button:hover, .view-uploads .upload-modal .choose-file-button:focus, .view-uploads .upload-modal .choose-file-button:active {
      background-color: #009fe6;
      color: white; }
    .view-uploads .upload-modal .choose-file-button.disabled, .view-uploads .upload-modal .choose-file-button.is-disabled {
      box-shadow: none;
      border: 1px solid #99d8f5 !important;
      background: #99d8f5 !important;
      color: white !important; }
  .view-uploads .upload-modal .progress-bar {
    display: none;
    width: 300px;
    height: 35px;
    margin: 20px auto;
    border: 1px solid #25b85a;
    border-radius: 40px; }
    .view-uploads .upload-modal .progress-bar.loaded {
      border-color: #66b93d; }
      .view-uploads .upload-modal .progress-bar.loaded .progress-fill {
        background: #66b93d; }
  .view-uploads .upload-modal .progress-fill {
    width: 0%;
    height: 30px;
    border-radius: 40px;
    background: #25b85a;
    padding-top: 5px;
    color: white; }
  .view-uploads .upload-modal .close-button {
    -webkit-transition: color 0.25s ease-in-out 0s;
    -moz-transition: color 0.25s ease-in-out 0s;
    transition: color 0.25s ease-in-out 0s;
    position: absolute;
    top: 0;
    right: 15px;
    border: none;
    background: none;
    padding: 0; }
    .view-uploads .upload-modal .close-button:hover {
      background: none;
      box-shadow: none;
      color: #009fe6; }
  .view-uploads .upload-modal .embeddable {
    display: none;
    margin: 30px 0 80px; }
    .view-uploads .upload-modal .embeddable label {
      display: block;
      margin-bottom: 10px; }
  .view-uploads .upload-modal .embeddable-xml-input {
    box-shadow: none;
    width: 400px; }
  .view-uploads .upload-modal .copy-button {
    -webkit-transition: background-color 0.15s, box-shadow 0.15s;
    -moz-transition: background-color 0.15s, box-shadow 0.15s;
    transition: background-color 0.15s, box-shadow 0.15s;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
    display: inline-block;
    padding: 4px 20px 5px;
    background-color: rgba(255, 255, 255, 0.6);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border: 1px solid #b0b6c2;
    border-radius: 3px;
    background-color: #dfe5eb;
    color: #5c677a;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    display: none;
    margin-bottom: 100px; }
    .view-uploads .upload-modal .copy-button.disabled, .view-uploads .upload-modal .copy-button.is-disabled {
      border: 1px solid #989898 !important;
      border-radius: 3px !important;
      background: #989898 !important;
      color: #656565 !important;
      pointer-events: none;
      cursor: none; }
      .view-uploads .upload-modal .copy-button.disabled:hover, .view-uploads .upload-modal .copy-button.disabled:focus, .view-uploads .upload-modal .copy-button.is-disabled:hover, .view-uploads .upload-modal .copy-button.is-disabled:focus {
        box-shadow: 0 0 0 0 !important; }
    .view-uploads .upload-modal .copy-button:hover, .view-uploads .upload-modal .copy-button:focus, .view-uploads .upload-modal .copy-button:active {
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
    .view-uploads .upload-modal .copy-button:hover, .view-uploads .upload-modal .copy-button:focus {
      background-color: #deecf7;
      color: #5c677a; }

.view-updates .course-info-wrapper {
  display: table;
  width: 100%;
  clear: both; }
.view-updates .main-column,
.view-updates .course-handouts {
  float: none;
  display: table-cell; }
.view-updates .main-column {
  border-radius: 3px 0 0 3px;
  border-right-color: #b0b6c2; }
.view-updates .CodeMirror {
  border: 1px solid #3c3c3c;
  background: white;
  color: #3c3c3c; }

.course-updates {
  padding: 30px 40px;
  margin: 0; }
  .course-updates .update-list > li {
    padding: 34px 0 42px;
    border-top: 1px solid #cbd1db; }
    .course-updates .update-list > li:first-child {
      padding-top: 0;
      border: none; }
    .course-updates .update-list > li.editing {
      position: relative;
      padding: 0;
      border-top: none;
      border-radius: 3px;
      background: white; }
      .course-updates .update-list > li.editing .post-preview {
        display: none; }
    .course-updates .update-list > li h1 {
      float: none; }
    .course-updates .update-list > li h2 {
      margin-bottom: 18px;
      line-height: 30px;
      color: #646464;
      letter-spacing: 1px;
      text-transform: uppercase; }
    .course-updates .update-list > li h3 {
      margin: 34px 0 11px; }
  .course-updates .update-contents p {
    line-height: 25px; }
  .course-updates .update-contents p + p {
    margin-top: 25px; }
  .course-updates .update-contents .primary {
    border: 1px solid #ddd;
    background: #f8f8f8;
    padding: 20px; }
  .course-updates .update-contents ol, .course-updates .update-contents ul {
    margin: 1em 0;
    padding: 0 0 0 1em;
    color: #4c4c4c; }
    .course-updates .update-contents ol li, .course-updates .update-contents ul li {
      margin-bottom: 0.708em; }
  .course-updates .update-contents ol {
    list-style: decimal outside none; }
  .course-updates .update-contents ul {
    list-style: disc outside none; }
  .course-updates .update-contents pre {
    margin: 1em 0;
    color: #4c4c4c;
    font-family: monospace, serif;
    white-space: pre-wrap;
    word-wrap: break-word; }
  .course-updates .update-contents code {
    color: #4c4c4c;
    font-family: monospace, serif;
    background: none;
    padding: 0; }
  .course-updates .new-update-form {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    padding: 15px 20px;
    border-radius: 3px;
    background-color: #d5dce4;
    color: #3c3c3c;
    margin-bottom: 24px;
    padding: 30px;
    border: none; }
    .course-updates .new-update-form label {
      color: #4c4c4c; }
    .course-updates .new-update-form input,
    .course-updates .new-update-form textarea {
      border: 1px solid #8891a1; }
    .course-updates .new-update-form textarea {
      min-height: 80px; }
    .course-updates .new-update-form h5 {
      margin-bottom: 8px;
      color: white; }
    .course-updates .new-update-form .row {
      margin-bottom: 10px;
      padding: 0;
      border: none; }
    .course-updates .new-update-form .save-button {
      -webkit-transition: background-color 0.15s, box-shadow 0.15s;
      -moz-transition: background-color 0.15s, box-shadow 0.15s;
      transition: background-color 0.15s, box-shadow 0.15s;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
      display: inline-block;
      padding: 4px 20px 5px;
      background-color: rgba(255, 255, 255, 0.3);
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
      background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
      border: 1px solid #007fb8;
      border-radius: 3px;
      background-color: #009fe6;
      color: white;
      margin-top: 0; }
      .course-updates .new-update-form .save-button.disabled, .course-updates .new-update-form .save-button.is-disabled {
        border: 1px solid #989898 !important;
        border-radius: 3px !important;
        background: #989898 !important;
        color: #656565 !important;
        pointer-events: none;
        cursor: none; }
        .course-updates .new-update-form .save-button.disabled:hover, .course-updates .new-update-form .save-button.disabled:focus, .course-updates .new-update-form .save-button.is-disabled:hover, .course-updates .new-update-form .save-button.is-disabled:focus {
          box-shadow: 0 0 0 0 !important; }
      .course-updates .new-update-form .save-button:hover, .course-updates .new-update-form .save-button:focus, .course-updates .new-update-form .save-button:active {
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
      .course-updates .new-update-form .save-button:hover, .course-updates .new-update-form .save-button:focus, .course-updates .new-update-form .save-button:active {
        background-color: #009fe6;
        color: white; }
      .course-updates .new-update-form .save-button.disabled, .course-updates .new-update-form .save-button.is-disabled {
        box-shadow: none;
        border: 1px solid #99d8f5 !important;
        background: #99d8f5 !important;
        color: white !important; }
    .course-updates .new-update-form .cancel-button {
      -webkit-transition: background-color 0.15s, box-shadow 0.15s;
      -moz-transition: background-color 0.15s, box-shadow 0.15s;
      transition: background-color 0.15s, box-shadow 0.15s;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
      display: inline-block;
      padding: 4px 20px 5px;
      background-color: rgba(255, 255, 255, 0.6);
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
      background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
      border: 1px solid #b0b6c2;
      border-radius: 3px;
      background-color: #dfe5eb;
      color: #5c677a;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
      margin-top: 0; }
      .course-updates .new-update-form .cancel-button.disabled, .course-updates .new-update-form .cancel-button.is-disabled {
        border: 1px solid #989898 !important;
        border-radius: 3px !important;
        background: #989898 !important;
        color: #656565 !important;
        pointer-events: none;
        cursor: none; }
        .course-updates .new-update-form .cancel-button.disabled:hover, .course-updates .new-update-form .cancel-button.disabled:focus, .course-updates .new-update-form .cancel-button.is-disabled:hover, .course-updates .new-update-form .cancel-button.is-disabled:focus {
          box-shadow: 0 0 0 0 !important; }
      .course-updates .new-update-form .cancel-button:hover, .course-updates .new-update-form .cancel-button:focus, .course-updates .new-update-form .cancel-button:active {
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
      .course-updates .new-update-form .cancel-button:hover, .course-updates .new-update-form .cancel-button:focus {
        background-color: #deecf7;
        color: #5c677a; }
    .course-updates .new-update-form textarea {
      height: 180px; }
  .course-updates .post-actions {
    float: right; }
    .course-updates .post-actions .edit-button,
    .course-updates .post-actions .delete-button {
      -webkit-transition: background-color 0.15s, box-shadow 0.15s;
      -moz-transition: background-color 0.15s, box-shadow 0.15s;
      transition: background-color 0.15s, box-shadow 0.15s;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
      display: inline-block;
      padding: 4px 20px 5px;
      background-color: rgba(255, 255, 255, 0.6);
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
      background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
      border: 1px solid #b0b6c2;
      border-radius: 3px;
      background-color: #dfe5eb;
      color: #5c677a;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
      float: left;
      padding: 3px 10px 4px;
      margin-left: 7px; }
      .course-updates .post-actions .edit-button.disabled, .course-updates .post-actions .edit-button.is-disabled,
      .course-updates .post-actions .delete-button.disabled,
      .course-updates .post-actions .delete-button.is-disabled {
        border: 1px solid #989898 !important;
        border-radius: 3px !important;
        background: #989898 !important;
        color: #656565 !important;
        pointer-events: none;
        cursor: none; }
        .course-updates .post-actions .edit-button.disabled:hover, .course-updates .post-actions .edit-button.disabled:focus, .course-updates .post-actions .edit-button.is-disabled:hover, .course-updates .post-actions .edit-button.is-disabled:focus,
        .course-updates .post-actions .delete-button.disabled:hover,
        .course-updates .post-actions .delete-button.disabled:focus,
        .course-updates .post-actions .delete-button.is-disabled:hover,
        .course-updates .post-actions .delete-button.is-disabled:focus {
          box-shadow: 0 0 0 0 !important; }
      .course-updates .post-actions .edit-button:hover, .course-updates .post-actions .edit-button:focus, .course-updates .post-actions .edit-button:active,
      .course-updates .post-actions .delete-button:hover,
      .course-updates .post-actions .delete-button:focus,
      .course-updates .post-actions .delete-button:active {
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
      .course-updates .post-actions .edit-button:hover, .course-updates .post-actions .edit-button:focus,
      .course-updates .post-actions .delete-button:hover,
      .course-updates .post-actions .delete-button:focus {
        background-color: #deecf7;
        color: #5c677a; }
      .course-updates .post-actions .edit-button .edit-icon,
      .course-updates .post-actions .edit-button .delete-icon,
      .course-updates .post-actions .delete-button .edit-icon,
      .course-updates .post-actions .delete-button .delete-icon {
        margin-right: 4px; }

.course-handouts {
  width: 30%;
  padding: 20px 30px;
  margin: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-topleft-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -moz-border-topright-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-bottomright-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottomleft-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
  background: #edf1f5; }
  .course-handouts .title {
    margin-bottom: 24px; }
  .course-handouts .edit-button {
    -webkit-transition: background-color 0.15s, box-shadow 0.15s;
    -moz-transition: background-color 0.15s, box-shadow 0.15s;
    transition: background-color 0.15s, box-shadow 0.15s;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
    display: inline-block;
    padding: 4px 20px 5px;
    background-color: rgba(255, 255, 255, 0.6);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border: 1px solid #b0b6c2;
    border-radius: 3px;
    background-color: #dfe5eb;
    color: #5c677a;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    float: right;
    padding: 3px 10px 4px;
    margin-left: 7px; }
    .course-handouts .edit-button.disabled, .course-handouts .edit-button.is-disabled {
      border: 1px solid #989898 !important;
      border-radius: 3px !important;
      background: #989898 !important;
      color: #656565 !important;
      pointer-events: none;
      cursor: none; }
      .course-handouts .edit-button.disabled:hover, .course-handouts .edit-button.disabled:focus, .course-handouts .edit-button.is-disabled:hover, .course-handouts .edit-button.is-disabled:focus {
        box-shadow: 0 0 0 0 !important; }
    .course-handouts .edit-button:hover, .course-handouts .edit-button:focus, .course-handouts .edit-button:active {
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
    .course-handouts .edit-button:hover, .course-handouts .edit-button:focus {
      background-color: #deecf7;
      color: #5c677a; }
    .course-handouts .edit-button .edit-icon,
    .course-handouts .edit-button .delete-icon {
      margin-right: 4px; }
  .course-handouts .treeview-handoutsnav li {
    margin-bottom: 12px; }

.edit-handouts-form {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  padding: 15px 20px;
  border-radius: 3px;
  background-color: #d5dce4;
  color: #3c3c3c;
  position: absolute;
  right: 0;
  top: 0;
  width: 800px;
  padding: 30px; }
  .edit-handouts-form label {
    color: #4c4c4c; }
  .edit-handouts-form input,
  .edit-handouts-form textarea {
    border: 1px solid #8891a1; }
  .edit-handouts-form textarea {
    min-height: 80px; }
  .edit-handouts-form h5 {
    margin-bottom: 8px;
    color: white; }
  .edit-handouts-form .row {
    margin-bottom: 10px;
    padding: 0;
    border: none; }
  .edit-handouts-form .save-button {
    -webkit-transition: background-color 0.15s, box-shadow 0.15s;
    -moz-transition: background-color 0.15s, box-shadow 0.15s;
    transition: background-color 0.15s, box-shadow 0.15s;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
    display: inline-block;
    padding: 4px 20px 5px;
    background-color: rgba(255, 255, 255, 0.3);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    border: 1px solid #007fb8;
    border-radius: 3px;
    background-color: #009fe6;
    color: white;
    margin-top: 0; }
    .edit-handouts-form .save-button.disabled, .edit-handouts-form .save-button.is-disabled {
      border: 1px solid #989898 !important;
      border-radius: 3px !important;
      background: #989898 !important;
      color: #656565 !important;
      pointer-events: none;
      cursor: none; }
      .edit-handouts-form .save-button.disabled:hover, .edit-handouts-form .save-button.disabled:focus, .edit-handouts-form .save-button.is-disabled:hover, .edit-handouts-form .save-button.is-disabled:focus {
        box-shadow: 0 0 0 0 !important; }
    .edit-handouts-form .save-button:hover, .edit-handouts-form .save-button:focus, .edit-handouts-form .save-button:active {
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
    .edit-handouts-form .save-button:hover, .edit-handouts-form .save-button:focus, .edit-handouts-form .save-button:active {
      background-color: #009fe6;
      color: white; }
    .edit-handouts-form .save-button.disabled, .edit-handouts-form .save-button.is-disabled {
      box-shadow: none;
      border: 1px solid #99d8f5 !important;
      background: #99d8f5 !important;
      color: white !important; }
  .edit-handouts-form .cancel-button {
    -webkit-transition: background-color 0.15s, box-shadow 0.15s;
    -moz-transition: background-color 0.15s, box-shadow 0.15s;
    transition: background-color 0.15s, box-shadow 0.15s;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
    display: inline-block;
    padding: 4px 20px 5px;
    background-color: rgba(255, 255, 255, 0.6);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border: 1px solid #b0b6c2;
    border-radius: 3px;
    background-color: #dfe5eb;
    color: #5c677a;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    margin-top: 0; }
    .edit-handouts-form .cancel-button.disabled, .edit-handouts-form .cancel-button.is-disabled {
      border: 1px solid #989898 !important;
      border-radius: 3px !important;
      background: #989898 !important;
      color: #656565 !important;
      pointer-events: none;
      cursor: none; }
      .edit-handouts-form .cancel-button.disabled:hover, .edit-handouts-form .cancel-button.disabled:focus, .edit-handouts-form .cancel-button.is-disabled:hover, .edit-handouts-form .cancel-button.is-disabled:focus {
        box-shadow: 0 0 0 0 !important; }
    .edit-handouts-form .cancel-button:hover, .edit-handouts-form .cancel-button:focus, .edit-handouts-form .cancel-button:active {
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
    .edit-handouts-form .cancel-button:hover, .edit-handouts-form .cancel-button:focus {
      background-color: #deecf7;
      color: #5c677a; }
  .edit-handouts-form textarea {
    height: 300px; }

.view-dashboard .content {
  margin-bottom: 100px; }
  .view-dashboard .content:last-child {
    margin-bottom: 0; }
.view-dashboard .content-primary, .view-dashboard .content-supplementary {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.view-dashboard .content .notice-incontext {
  width: flexgrid(9, 9); }
  .view-dashboard .content .notice-incontext.has-actions .msg, .view-dashboard .content .notice-incontext.has-actions .list-actions, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .msg, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions {
    display: inline-block;
    vertical-align: middle; }
  .view-dashboard .content .notice-incontext.has-actions .msg, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .msg {
    width: 65.71429%;
    margin-right: 2.12766%; }
  .view-dashboard .content .notice-incontext.has-actions .list-actions, .view-dashboard .content .notice-incontext.list-notices .notice-item.has-actions .list-actions {
    width: 31.42857%;
    text-align: right;
    margin-top: 0; }
.view-dashboard .wrapper-creationrights {
  overflow: hidden; }
  .view-dashboard .wrapper-creationrights .ui-toggle-control {
    display: block;
    text-align: left; }
    .view-dashboard .wrapper-creationrights .ui-toggle-control:after {
      content: "";
      display: table;
      clear: both; }
    .view-dashboard .wrapper-creationrights .ui-toggle-control:hover {
      background: #656565;
      color: white; }
    .view-dashboard .wrapper-creationrights .ui-toggle-control .label {
      float: left;
      width: 88.57143%;
      margin: 3px 2.12766% 0 0; }
    .view-dashboard .wrapper-creationrights .ui-toggle-control .fa-times-circle {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transform-origin: center center;
      -moz-transform-origin: center center;
      -ms-transform-origin: center center;
      -o-transform-origin: center center;
      transform-origin: center center;
      -webkit-transition: all 0.5s linear 0s;
      -moz-transition: all 0.5s linear 0s;
      transition: all 0.5s linear 0s;
      float: right;
      text-align: right; }
  .view-dashboard .wrapper-creationrights .ui-toggle-target {
    -webkit-transition: opacity 0.5s ease-in-out 0s;
    -moz-transition: opacity 0.5s ease-in-out 0s;
    transition: opacity 0.5s ease-in-out 0s;
    position: relative;
    top: -2px;
    display: none;
    opacity: 0; }
  .view-dashboard .wrapper-creationrights.is-shown .ui-toggle-control {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottomleft-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottomright-radius: 0;
    border-bottom-right-radius: 0; }
    .view-dashboard .wrapper-creationrights.is-shown .ui-toggle-control .fa-times-circle {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transform-origin: center center;
      -moz-transform-origin: center center;
      -ms-transform-origin: center center;
      -o-transform-origin: center center;
      transform-origin: center center; }
  .view-dashboard .wrapper-creationrights.is-shown .ui-toggle-target {
    display: block;
    opacity: 1.0; }
.view-dashboard .status-creationrights {
  margin-top: 20px; }
  .view-dashboard .status-creationrights .title {
    margin-bottom: 5px;
    color: #656565; }
  .view-dashboard .status-creationrights .list-actions, .view-dashboard .status-creationrights .form-actions {
    margin-top: 15px; }
    .view-dashboard .status-creationrights .list-actions .action-request, .view-dashboard .status-creationrights .form-actions .action-request {
      position: relative;
      overflow: hidden; }
      .view-dashboard .status-creationrights .list-actions .action-request .fa-cog, .view-dashboard .status-creationrights .form-actions .action-request .fa-cog {
        -webkit-transition: all 0.5s ease-in-out 0.5s;
        -moz-transition: all 0.5s ease-in-out 0.5s;
        transition: all 0.5s ease-in-out 0.5s;
        position: absolute;
        top: 10px;
        left: -20px;
        visibility: hidden;
        opacity: 0.0; }
      .view-dashboard .status-creationrights .list-actions .action-request.is-submitting, .view-dashboard .status-creationrights .form-actions .action-request.is-submitting {
        padding-left: 40px; }
        .view-dashboard .status-creationrights .list-actions .action-request.is-submitting .fa-cog, .view-dashboard .status-creationrights .form-actions .action-request.is-submitting .fa-cog {
          left: 15px;
          visibility: visible;
          opacity: 1.0; }
      .view-dashboard .status-creationrights .list-actions .action-request.has-error, .view-dashboard .status-creationrights .form-actions .action-request.has-error {
        padding-left: 40px;
        background: #b20610;
        border-color: #8e040c; }
        .view-dashboard .status-creationrights .list-actions .action-request.has-error .fa-cog, .view-dashboard .status-creationrights .form-actions .action-request.has-error .fa-cog {
          left: 15px;
          visibility: visible;
          opacity: 1.0; }
  .view-dashboard .status-creationrights .status-update .value {
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    padding: 4px 10px;
    background: #7f7f7f; }
    .view-dashboard .status-creationrights .status-update .value .status-indicator {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 5px;
      opacity: 0.40; }
  .view-dashboard .status-creationrights .status-update .value-formal, .view-dashboard .status-creationrights .status-update .value-description {
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    color: white; }
  .view-dashboard .status-creationrights .status-update .value-formal {
    margin: 10px; }
    .view-dashboard .status-creationrights .status-update .value-formal .icon {
      margin-right: 5px; }
  .view-dashboard .status-creationrights .status-update .value-description {
    position: relative;
    color: white;
    opacity: 0.85; }
  .view-dashboard .status-creationrights.is-pending .status-update .value {
    background: #edbd3c; }
  .view-dashboard .status-creationrights.is-pending .status-update .status-indicator {
    background: #bd9730; }
  .view-dashboard .status-creationrights.is-denied .status-update .value {
    background: #c1373f; }
  .view-dashboard .status-creationrights.is-denied .status-update .status-indicator {
    background: #b8000b; }
.view-dashboard #course-index-tabs {
  margin: 0;
  font-size: 1.4rem; }
  .view-dashboard #course-index-tabs li {
    display: inline-block;
    line-height: 40px;
    margin: 0 10px; }
    .view-dashboard #course-index-tabs li.active {
      border-bottom: 4px solid #009fe6; }
    .view-dashboard #course-index-tabs li.active a, .view-dashboard #course-index-tabs li:hover a {
      color: #4c4c4c; }
    .view-dashboard #course-index-tabs li a {
      color: #009fe6;
      cursor: pointer;
      display: inline-block; }
.view-dashboard .courses-tab, .view-dashboard .libraries-tab, .view-dashboard .programs-tab {
  display: none; }
  .view-dashboard .courses-tab.active, .view-dashboard .libraries-tab.active, .view-dashboard .programs-tab.active {
    display: block; }
.view-dashboard .courses .title, .view-dashboard .libraries .title, .view-dashboard .programs .title {
  margin-bottom: 20px;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 10px;
  color: #b2b2b2; }
.view-dashboard .courses .title, .view-dashboard .libraries .title, .view-dashboard .programs .title {
  margin-bottom: 20px;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 10px;
  color: #b2b2b2; }
.view-dashboard .list-courses {
  border-radius: 3px;
  border: 1px solid #b2b2b2;
  background: white;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
  .view-dashboard .list-courses li:last-child {
    margin-bottom: 0; }
.view-dashboard .wrapper-course.has-status .course-status {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  width: 31.42857%;
  padding-right: 10px;
  text-align: right; }
  .view-dashboard .wrapper-course.has-status .course-status .value .copy, .view-dashboard .wrapper-course.has-status .course-status .value .icon {
    display: inline-block;
    vertical-align: middle; }
  .view-dashboard .wrapper-course.has-status .course-status .value .icon {
    margin-right: 10px; }
.view-dashboard .wrapper-course.has-status .status-message {
  background-color: #f2f2f2;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
  padding: 15px 20px; }
  .view-dashboard .wrapper-course.has-status .status-message.has-actions .copy, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions {
    display: inline-block;
    vertical-align: middle; }
  .view-dashboard .wrapper-course.has-status .status-message.has-actions .copy {
    width: 65%;
    margin: 0 20px 0 0; }
  .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions {
    width: 30%;
    text-align: right; }
    .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .button {
      padding: 5px 10px; }
    .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .icon, .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .button-copy {
      display: inline-block;
      vertical-align: middle; }
    .view-dashboard .wrapper-course.has-status .status-message.has-actions .status-actions .icon {
      margin-right: 5px; }
.view-dashboard .course-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #b2b2b2;
  padding: 20px; }
  .view-dashboard .course-item:hover {
    background: #fffcf1; }
    .view-dashboard .course-item:hover .course-actions {
      opacity: 1.0;
      pointer-events: auto; }
    .view-dashboard .course-item:hover .view-live-button {
      -webkit-transition: opacity 0.25s ease-in-out 0;
      -moz-transition: opacity 0.25s ease-in-out 0;
      transition: opacity 0.25s ease-in-out 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px;
      opacity: 0.0;
      pointer-events: none; }
    .view-dashboard .course-item:hover .course-metadata {
      opacity: 1.0; }
  .view-dashboard .course-item .course-link, .view-dashboard .course-item .course-actions {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle; }
  .view-dashboard .course-item .course-link {
    width: 65.71429%;
    margin-right: 2.12766%; }
  .view-dashboard .course-item .course-title {
    margin: 0 40px 5px 0;
    font-weight: 300; }
  .view-dashboard .course-item .course-metadata {
    -webkit-transition: opacity 0.5s ease-in-out 0;
    -moz-transition: opacity 0.5s ease-in-out 0;
    transition: opacity 0.5s ease-in-out 0;
    color: #7f7f7f;
    opacity: 0.75; }
    .view-dashboard .course-item .course-metadata .metadata-item {
      display: inline-block; }
      .view-dashboard .course-item .course-metadata .metadata-item + .metadata-item:before {
        content: "/";
        margin-left: 2px;
        margin-right: 2px;
        color: #e5e5e5; }
    .view-dashboard .course-item .course-metadata .extra-metadata {
      margin-left: 2px; }
  .view-dashboard .course-item .course-actions {
    -webkit-transition: opacity 0.25s ease-in-out 0;
    -moz-transition: opacity 0.25s ease-in-out 0;
    transition: opacity 0.25s ease-in-out 0;
    position: static;
    width: 31.42857%;
    text-align: right;
    opacity: 0;
    pointer-events: none; }
    .view-dashboard .course-item .course-actions .action {
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px; }
      .view-dashboard .course-item .course-actions .action:last-child {
        margin-right: 0; }
    .view-dashboard .course-item .course-actions .view-button {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px; }
    .view-dashboard .course-item .course-actions .action-rerun {
      margin-right: 20px; }
    .view-dashboard .course-item .course-actions .rerun-button {
      font-weight: 600; }
  .view-dashboard .course-item.is-processing .course-status .value {
    color: #b2b2b2; }
  .view-dashboard .course-item.has-error .course-status {
    color: #b20610; }
  .view-dashboard .course-item.has-error ~ .status-message {
    background: #c1373f;
    color: white; }
  .view-dashboard .course-item:last-child {
    border-bottom: none; }
.view-dashboard .courses-processing {
  margin-bottom: 40px;
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 40px; }
  .view-dashboard .courses-processing .list-courses {
    border: none;
    background: none;
    box-shadow: none; }
  .view-dashboard .courses-processing .wrapper-course {
    position: relative; }
  .view-dashboard .courses-processing .course-item {
    border: none; }
    .view-dashboard .courses-processing .course-item:hover {
      background: inherit; }
      .view-dashboard .courses-processing .course-item:hover .course-title {
        color: inherit; }
  .view-dashboard .courses-processing .course-details {
    display: inline-block;
    vertical-align: middle;
    width: 65.71429%;
    margin-right: 2.12766%; }
.view-dashboard .wrapper-create-course.animate.is-shown {
  height: 520px; }
  .view-dashboard .wrapper-create-course.animate.is-shown.has-errors {
    height: 660px; }
.view-dashboard .create-course .row, .view-dashboard .create-library .row {
  margin-bottom: 15px; }
  .view-dashboard .create-course .row:after, .view-dashboard .create-library .row:after {
    content: "";
    display: table;
    clear: both; }
.view-dashboard .create-course .column, .view-dashboard .create-library .column {
  float: left;
  width: 48%; }
.view-dashboard .create-course .column:first-child, .view-dashboard .create-library .column:first-child {
  margin-right: 4%; }
.view-dashboard .create-course label, .view-dashboard .create-library label {
  display: block; }
.view-dashboard .create-course .new-course-org,
.view-dashboard .create-course .new-course-number,
.view-dashboard .create-course .new-course-name,
.view-dashboard .create-course .new-course-run, .view-dashboard .create-library .new-course-org,
.view-dashboard .create-library .new-course-number,
.view-dashboard .create-library .new-course-name,
.view-dashboard .create-library .new-course-run {
  width: 100%; }
.view-dashboard .create-course .new-course-save, .view-dashboard .create-library .new-course-save {
  -webkit-transition: background-color 0.15s, box-shadow 0.15s;
  -moz-transition: background-color 0.15s, box-shadow 0.15s;
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  border: 1px solid #007fb8;
  border-radius: 3px;
  background-color: #009fe6;
  color: white; }
  .view-dashboard .create-course .new-course-save.disabled, .view-dashboard .create-course .new-course-save.is-disabled, .view-dashboard .create-library .new-course-save.disabled, .view-dashboard .create-library .new-course-save.is-disabled {
    border: 1px solid #989898 !important;
    border-radius: 3px !important;
    background: #989898 !important;
    color: #656565 !important;
    pointer-events: none;
    cursor: none; }
    .view-dashboard .create-course .new-course-save.disabled:hover, .view-dashboard .create-course .new-course-save.disabled:focus, .view-dashboard .create-course .new-course-save.is-disabled:hover, .view-dashboard .create-course .new-course-save.is-disabled:focus, .view-dashboard .create-library .new-course-save.disabled:hover, .view-dashboard .create-library .new-course-save.disabled:focus, .view-dashboard .create-library .new-course-save.is-disabled:hover, .view-dashboard .create-library .new-course-save.is-disabled:focus {
      box-shadow: 0 0 0 0 !important; }
  .view-dashboard .create-course .new-course-save:hover, .view-dashboard .create-course .new-course-save:focus, .view-dashboard .create-course .new-course-save:active, .view-dashboard .create-library .new-course-save:hover, .view-dashboard .create-library .new-course-save:focus, .view-dashboard .create-library .new-course-save:active {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
  .view-dashboard .create-course .new-course-save:hover, .view-dashboard .create-course .new-course-save:focus, .view-dashboard .create-course .new-course-save:active, .view-dashboard .create-library .new-course-save:hover, .view-dashboard .create-library .new-course-save:focus, .view-dashboard .create-library .new-course-save:active {
    background-color: #009fe6;
    color: white; }
  .view-dashboard .create-course .new-course-save.disabled, .view-dashboard .create-course .new-course-save.is-disabled, .view-dashboard .create-library .new-course-save.disabled, .view-dashboard .create-library .new-course-save.is-disabled {
    box-shadow: none;
    border: 1px solid #99d8f5 !important;
    background: #99d8f5 !important;
    color: white !important; }
.view-dashboard .create-course .new-course-cancel, .view-dashboard .create-library .new-course-cancel {
  -webkit-transition: background-color 0.15s, box-shadow 0.15s;
  -moz-transition: background-color 0.15s, box-shadow 0.15s;
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.6);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  border: 1px solid #b0b6c2;
  border-radius: 3px;
  background-color: #dfe5eb;
  color: #5c677a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
  .view-dashboard .create-course .new-course-cancel.disabled, .view-dashboard .create-course .new-course-cancel.is-disabled, .view-dashboard .create-library .new-course-cancel.disabled, .view-dashboard .create-library .new-course-cancel.is-disabled {
    border: 1px solid #989898 !important;
    border-radius: 3px !important;
    background: #989898 !important;
    color: #656565 !important;
    pointer-events: none;
    cursor: none; }
    .view-dashboard .create-course .new-course-cancel.disabled:hover, .view-dashboard .create-course .new-course-cancel.disabled:focus, .view-dashboard .create-course .new-course-cancel.is-disabled:hover, .view-dashboard .create-course .new-course-cancel.is-disabled:focus, .view-dashboard .create-library .new-course-cancel.disabled:hover, .view-dashboard .create-library .new-course-cancel.disabled:focus, .view-dashboard .create-library .new-course-cancel.is-disabled:hover, .view-dashboard .create-library .new-course-cancel.is-disabled:focus {
      box-shadow: 0 0 0 0 !important; }
  .view-dashboard .create-course .new-course-cancel:hover, .view-dashboard .create-course .new-course-cancel:focus, .view-dashboard .create-course .new-course-cancel:active, .view-dashboard .create-library .new-course-cancel:hover, .view-dashboard .create-library .new-course-cancel:focus, .view-dashboard .create-library .new-course-cancel:active {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
  .view-dashboard .create-course .new-course-cancel:hover, .view-dashboard .create-course .new-course-cancel:focus, .view-dashboard .create-library .new-course-cancel:hover, .view-dashboard .create-library .new-course-cancel:focus {
    background-color: #deecf7;
    color: #5c677a; }
.view-dashboard .create-course .item-details, .view-dashboard .create-library .item-details {
  padding-bottom: 0; }
.view-dashboard .create-course .wrap-error, .view-dashboard .create-library .wrap-error {
  -webkit-transition: all 0.25s ease 0s;
  -moz-transition: all 0.25s ease 0s;
  transition: all 0.25s ease 0s;
  height: 0;
  overflow: hidden;
  opacity: 0; }
.view-dashboard .create-course .wrap-error.is-shown, .view-dashboard .create-library .wrap-error.is-shown {
  height: 65px;
  opacity: 1; }
.view-dashboard .create-course .message-status, .view-dashboard .create-library .message-status {
  display: block;
  margin-bottom: 0;
  padding: 10px 30px 8px 30px; }

.view-export .content-primary, .view-export .content-supplementary {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.view-export .export-controls {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 30px 30px 30px; }
  .view-export .export-controls .action-export {
    display: block;
    margin: 20px 0;
    padding: 15px 20px; }
  .view-export .export-controls .action .icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px; }
  .view-export .export-controls .action .copy {
    display: inline-block;
    vertical-align: middle; }
.view-export .export-contents {
  margin: 40px 0; }
  .view-export .export-contents:after {
    content: "";
    display: table;
    clear: both; }
  .view-export .export-contents .export-includes, .view-export .export-contents .export-excludes {
    width: 42.85714%; }
    .view-export .export-contents .export-includes .item-detail, .view-export .export-contents .export-excludes .item-detail {
      padding-bottom: 5px;
      border-bottom: 1px solid #e5e5e5;
      margin-bottom: 5px; }
  .view-export .export-contents .export-includes {
    float: left; }
  .view-export .export-contents .export-excludes {
    float: right; }
.view-export .description {
  float: left;
  width: 62%;
  margin-right: 3%; }
  .view-export .description h2 {
    margin-bottom: 20px; }
  .view-export .description p + p {
    margin-top: 20px; }
  .view-export .description ul {
    margin: 20px 0;
    list-style: disc inside; }
    .view-export .description ul li {
      margin: 0 0 5px 0; }
.view-export .export-form-wrapper .export-form {
  float: left;
  width: 35%;
  padding: 25px 30px 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #b0b6c2;
  border-radius: 3px;
  background: #edf1f5;
  text-align: center; }
  .view-export .export-form-wrapper .export-form h2 {
    margin-bottom: 30px; }
  .view-export .export-form-wrapper .export-form .error-block {
    display: none;
    margin-bottom: 15px; }
  .view-export .export-form-wrapper .export-form .error-block {
    color: #fd5757; }
  .view-export .export-form-wrapper .export-form .button-export {
    -webkit-transition: background-color 0.15s, box-shadow 0.15s;
    -moz-transition: background-color 0.15s, box-shadow 0.15s;
    transition: background-color 0.15s, box-shadow 0.15s;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
    display: inline-block;
    padding: 4px 20px 5px;
    background-color: rgba(255, 255, 255, 0.3);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border: 1px solid #1d9348;
    border-radius: 3px;
    background-color: #25b85a;
    color: white;
    padding: 10px 50px 11px; }
    .view-export .export-form-wrapper .export-form .button-export.disabled, .view-export .export-form-wrapper .export-form .button-export.is-disabled {
      border: 1px solid #989898 !important;
      border-radius: 3px !important;
      background: #989898 !important;
      color: #656565 !important;
      pointer-events: none;
      cursor: none; }
      .view-export .export-form-wrapper .export-form .button-export.disabled:hover, .view-export .export-form-wrapper .export-form .button-export.disabled:focus, .view-export .export-form-wrapper .export-form .button-export.is-disabled:hover, .view-export .export-form-wrapper .export-form .button-export.is-disabled:focus {
        box-shadow: 0 0 0 0 !important; }
    .view-export .export-form-wrapper .export-form .button-export:hover, .view-export .export-form-wrapper .export-form .button-export:focus, .view-export .export-form-wrapper .export-form .button-export:active {
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
    .view-export .export-form-wrapper .export-form .button-export:hover, .view-export .export-form-wrapper .export-form .button-export:focus {
      background-color: #14c955;
      color: white; }
    .view-export .export-form-wrapper .export-form .button-export.disabled, .view-export .export-form-wrapper .export-form .button-export.is-disabled {
      border: 1px solid #a7e2bd !important;
      background: #a7e2bd !important;
      color: white !important;
      box-shadow: none; }
  .view-export .export-form-wrapper .export-form .message-status {
    margin-top: 10px; }
  .view-export .export-form-wrapper .export-form .progress-bar {
    display: none;
    width: 350px;
    height: 30px;
    margin: 30px auto 10px;
    border: 1px solid #009fe6; }
    .view-export .export-form-wrapper .export-form .progress-bar.loaded {
      border-color: #66b93d; }
      .view-export .export-form-wrapper .export-form .progress-bar.loaded .progress-fill {
        background: #66b93d; }
  .view-export .export-form-wrapper .export-form .progress-fill {
    width: 0%;
    height: 30px;
    background: #009fe6;
    color: white;
    line-height: 48px; }

.view-howitworks.not-signedin .wrapper-header {
  margin-bottom: 0; }
.view-howitworks.not-signedin .wrapper-content-header, .view-howitworks.not-signedin .wrapper-content-features, .view-howitworks.not-signedin .wrapper-content-cta {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0 20px;
  position: relative;
  width: 100%; }
.view-howitworks.not-signedin .content {
  max-width: 1280px;
  min-width: 900px;
  width: 100%;
  margin: 0 auto;
  color: #4c4c4c; }
  .view-howitworks.not-signedin .content:after {
    content: "";
    display: table;
    clear: both; }
  .view-howitworks.not-signedin .content header {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0; }
  .view-howitworks.not-signedin .content h1, .view-howitworks.not-signedin .content h2, .view-howitworks.not-signedin .content h3, .view-howitworks.not-signedin .content h4, .view-howitworks.not-signedin .content h5, .view-howitworks.not-signedin .content h6 {
    color: #323232; }
.view-howitworks.not-signedin .wrapper-content-header {
  background-color: #33b2eb;
  background-image: -webkit-linear-gradient(#33b2eb, #009fe6, #007fb8);
  background-image: linear-gradient(#33b2eb, #009fe6, #007fb8);
  padding-bottom: 80px;
  padding-top: 80px; }
.view-howitworks.not-signedin .content-header {
  position: relative;
  text-align: center;
  color: white; }
  .view-howitworks.not-signedin .content-header h1 {
    float: none;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #33b2eb;
    padding: 0;
    color: white; }
  .view-howitworks.not-signedin .content-header .wrapper-text-welcome, .view-howitworks.not-signedin .content-header .logo {
    display: inline-block; }
  .view-howitworks.not-signedin .content-header .logo {
    margin-left: 10px; }
  .view-howitworks.not-signedin .content-header .tagline {
    margin: 0;
    color: #99d8f5; }
.view-howitworks.not-signedin .arrow_box {
  position: relative;
  background: white;
  border: 4px solid black; }
.view-howitworks.not-signedin .arrow_box:after, .view-howitworks.not-signedin .arrow_box:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }
.view-howitworks.not-signedin .arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: white;
  border-width: 30px;
  left: 50%;
  margin-left: -30px; }
.view-howitworks.not-signedin .arrow_box:before {
  border-color: transparent;
  border-top-color: black;
  border-width: 36px;
  left: 50%;
  margin-left: -36px; }
.view-howitworks.not-signedin .wrapper-content-features {
  box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
  padding-bottom: 40px;
  padding-top: 60px;
  background: white; }
.view-howitworks.not-signedin .content-features .feature {
  margin: 0 0 40px 0;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 40px 0; }
  .view-howitworks.not-signedin .content-features .feature:after {
    content: "";
    display: table;
    clear: both; }
  .view-howitworks.not-signedin .content-features .feature .img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 23.40426%;
    margin-right: 2.12766%; }
    .view-howitworks.not-signedin .content-features .feature .img a {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
      position: relative;
      top: 0;
      display: block;
      overflow: hidden;
      border: 1px solid #cbcbcb;
      padding: 5px;
      background: white; }
      .view-howitworks.not-signedin .content-features .feature .img a .action-zoom {
        -webkit-transition: bottom 0.25s ease-in-out 0s;
        -moz-transition: bottom 0.25s ease-in-out 0s;
        transition: bottom 0.25s ease-in-out 0s;
        position: absolute;
        bottom: -30px;
        right: 10px;
        opacity: 0.0; }
        .view-howitworks.not-signedin .content-features .feature .img a .action-zoom .icon {
          -webkit-border-top-left-radius: 3px;
          -moz-border-topleft-radius: 3px;
          border-top-left-radius: 3px;
          -webkit-border-top-right-radius: 3px;
          -moz-border-topright-radius: 3px;
          border-top-right-radius: 3px;
          display: inline-block;
          padding: 10px;
          background: #009fe6;
          color: white;
          text-align: center; }
      .view-howitworks.not-signedin .content-features .feature .img a:hover {
        border-color: #009fe6; }
        .view-howitworks.not-signedin .content-features .feature .img a:hover .action-zoom {
          opacity: 1.0;
          bottom: -2px; }
    .view-howitworks.not-signedin .content-features .feature .img img {
      display: block;
      width: 100%;
      height: auto; }
  .view-howitworks.not-signedin .content-features .feature .copy {
    float: left;
    width: 74.46809%;
    margin-top: -5px; }
    .view-howitworks.not-signedin .content-features .feature .copy h3 {
      margin: 0 0 10px 0; }
    .view-howitworks.not-signedin .content-features .feature .copy > p {
      color: #656565; }
    .view-howitworks.not-signedin .content-features .feature .copy strong {
      color: #4c4c4c; }
    .view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints {
      width: 100%;
      margin: 30px 0 0 0; }
      .view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints:after {
        content: "";
        display: table;
        clear: both; }
      .view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints .proofpoint {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.25s ease-in-out 0s;
        -moz-transition: all 0.25s ease-in-out 0s;
        transition: all 0.25s ease-in-out 0s;
        border-radius: 5px;
        position: relative;
        top: 0;
        float: left;
        width: 31.42857%;
        min-height: 160px;
        margin-right: 2.12766%;
        padding: 15px 20px;
        color: #989898; }
        .view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints .proofpoint .title {
          margin: 0 0 5px 0;
          color: #323232; }
        .view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints .proofpoint:hover {
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          background: #e5f5fc;
          top: -4px; }
          .view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints .proofpoint:hover .title {
            color: #009fe6; }
        .view-howitworks.not-signedin .content-features .feature .copy .list-proofpoints .proofpoint:last-child {
          margin-right: 0; }
  .view-howitworks.not-signedin .content-features .feature:last-child {
    margin-bottom: 0;
    border: none;
    padding-bottom: 0; }
  .view-howitworks.not-signedin .content-features .feature:nth-child(even) .img {
    float: right;
    margin-right: 0;
    margin-left: 2.12766%; }
  .view-howitworks.not-signedin .content-features .feature:nth-child(even) .copy {
    float: right;
    text-align: right; }
  .view-howitworks.not-signedin .content-features .feature:nth-child(even) .list-proofpoints .proofpoint {
    float: right;
    width: 31.42857%;
    margin-left: 2.12766%;
    margin-right: 0; }
    .view-howitworks.not-signedin .content-features .feature:nth-child(even) .list-proofpoints .proofpoint:last-child {
      margin-left: 0; }
.view-howitworks.not-signedin .wrapper-content-cta {
  position: relative;
  padding: 40px 0;
  background: white; }
.view-howitworks.not-signedin .content-cta {
  border-top: 1px solid #e5e5e5; }
  .view-howitworks.not-signedin .content-cta header {
    border: none;
    margin: 0;
    padding: 0; }
  .view-howitworks.not-signedin .content-cta .list-actions {
    position: relative;
    margin-top: -30px; }
    .view-howitworks.not-signedin .content-cta .list-actions li {
      width: 48.93617%;
      margin: 0 auto; }
    .view-howitworks.not-signedin .content-cta .list-actions .action {
      display: block;
      width: 100%;
      text-align: center; }
      .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary {
        -webkit-transition: background-color 0.15s, box-shadow 0.15s;
        -moz-transition: background-color 0.15s, box-shadow 0.15s;
        transition: background-color 0.15s, box-shadow 0.15s;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
        display: inline-block;
        padding: 4px 20px 5px;
        background-color: rgba(255, 255, 255, 0.3);
        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
        background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
        border: 1px solid #007fb8;
        border-radius: 3px;
        background-color: #009fe6;
        color: white;
        padding: 15px 10px;
        text-align: center;
        text-transform: uppercase; }
        .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary.disabled, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary.is-disabled {
          border: 1px solid #989898 !important;
          border-radius: 3px !important;
          background: #989898 !important;
          color: #656565 !important;
          pointer-events: none;
          cursor: none; }
          .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary.disabled:hover, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary.disabled:focus, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary.is-disabled:hover, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary.is-disabled:focus {
            box-shadow: 0 0 0 0 !important; }
        .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary:hover, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary:focus, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary:active {
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
        .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary:hover, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary:focus, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary:active {
          background-color: #009fe6;
          color: white; }
        .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary.disabled, .view-howitworks.not-signedin .content-cta .list-actions .action.action-primary.is-disabled {
          box-shadow: none;
          border: 1px solid #99d8f5 !important;
          background: #99d8f5 !important;
          color: white !important; }
      .view-howitworks.not-signedin .content-cta .list-actions .action.action-secondary {
        margin-top: 10px; }

.view-course-create .content-primary, .view-course-create .content-supplementary {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left; }
.view-course-create .content-primary {
  width: 74.46809%;
  margin-right: 2.12766%; }
.view-course-create .content-supplementary {
  width: 23.40426%; }
.view-course-create .mast .page-header-super .course-original-title-id, .view-course-create .mast .page-header-super .course-original-title {
  display: block; }
.view-course-create .rerun-course .row {
  margin-bottom: 15px; }
  .view-course-create .rerun-course .row:after {
    content: "";
    display: table;
    clear: both; }
.view-course-create .rerun-course .column {
  float: left;
  width: 48%; }
.view-course-create .rerun-course .column:first-child {
  margin-right: 4%; }
.view-course-create .rerun-course label {
  display: block;
  font-weight: 700; }
.view-course-create .rerun-course .rerun-course-org,
.view-course-create .rerun-course .rerun-course-number,
.view-course-create .rerun-course .rerun-course-name,
.view-course-create .rerun-course .rerun-course-run {
  width: 100%; }
.view-course-create .rerun-course .rerun-course-name {
  font-weight: 300; }
.view-course-create .rerun-course .rerun-course-save {
  -webkit-transition: background-color 0.15s, box-shadow 0.15s;
  -moz-transition: background-color 0.15s, box-shadow 0.15s;
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  border: 1px solid #007fb8;
  border-radius: 3px;
  background-color: #009fe6;
  color: white; }
  .view-course-create .rerun-course .rerun-course-save.disabled, .view-course-create .rerun-course .rerun-course-save.is-disabled {
    border: 1px solid #989898 !important;
    border-radius: 3px !important;
    background: #989898 !important;
    color: #656565 !important;
    pointer-events: none;
    cursor: none; }
    .view-course-create .rerun-course .rerun-course-save.disabled:hover, .view-course-create .rerun-course .rerun-course-save.disabled:focus, .view-course-create .rerun-course .rerun-course-save.is-disabled:hover, .view-course-create .rerun-course .rerun-course-save.is-disabled:focus {
      box-shadow: 0 0 0 0 !important; }
  .view-course-create .rerun-course .rerun-course-save:hover, .view-course-create .rerun-course .rerun-course-save:focus, .view-course-create .rerun-course .rerun-course-save:active {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
  .view-course-create .rerun-course .rerun-course-save:hover, .view-course-create .rerun-course .rerun-course-save:focus, .view-course-create .rerun-course .rerun-course-save:active {
    background-color: #009fe6;
    color: white; }
  .view-course-create .rerun-course .rerun-course-save.disabled, .view-course-create .rerun-course .rerun-course-save.is-disabled {
    box-shadow: none;
    border: 1px solid #99d8f5 !important;
    background: #99d8f5 !important;
    color: white !important; }
  .view-course-create .rerun-course .rerun-course-save .icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px; }
.view-course-create .rerun-course .rerun-course-cancel {
  -webkit-transition: background-color 0.15s, box-shadow 0.15s;
  -moz-transition: background-color 0.15s, box-shadow 0.15s;
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.6);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  border: 1px solid #b0b6c2;
  border-radius: 3px;
  background-color: #dfe5eb;
  color: #5c677a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
  .view-course-create .rerun-course .rerun-course-cancel.disabled, .view-course-create .rerun-course .rerun-course-cancel.is-disabled {
    border: 1px solid #989898 !important;
    border-radius: 3px !important;
    background: #989898 !important;
    color: #656565 !important;
    pointer-events: none;
    cursor: none; }
    .view-course-create .rerun-course .rerun-course-cancel.disabled:hover, .view-course-create .rerun-course .rerun-course-cancel.disabled:focus, .view-course-create .rerun-course .rerun-course-cancel.is-disabled:hover, .view-course-create .rerun-course .rerun-course-cancel.is-disabled:focus {
      box-shadow: 0 0 0 0 !important; }
  .view-course-create .rerun-course .rerun-course-cancel:hover, .view-course-create .rerun-course .rerun-course-cancel:focus, .view-course-create .rerun-course .rerun-course-cancel:active {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
  .view-course-create .rerun-course .rerun-course-cancel:hover, .view-course-create .rerun-course .rerun-course-cancel:focus {
    background-color: #deecf7;
    color: #5c677a; }
.view-course-create .rerun-course .item-details {
  padding-bottom: 0; }
.view-course-create .rerun-course .wrap-error {
  -webkit-transition: opacity 0.25s ease 0s;
  -moz-transition: opacity 0.25s ease 0s;
  transition: opacity 0.25s ease 0s;
  opacity: 0; }
.view-course-create .rerun-course .wrap-error.is-shown {
  opacity: 1; }
.view-course-create .rerun-course .message-status {
  display: block;
  margin-bottom: 0;
  padding: 10px 30px 8px 30px;
  font-weight: bold; }
.view-course-create .rerun-course .actions .action-primary {
  -webkit-transition: background-color 0.15s, box-shadow 0.15s;
  -moz-transition: background-color 0.15s, box-shadow 0.15s;
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  border: 1px solid #007fb8;
  border-radius: 3px;
  background-color: #009fe6;
  color: white; }
  .view-course-create .rerun-course .actions .action-primary.disabled, .view-course-create .rerun-course .actions .action-primary.is-disabled {
    border: 1px solid #989898 !important;
    border-radius: 3px !important;
    background: #989898 !important;
    color: #656565 !important;
    pointer-events: none;
    cursor: none; }
    .view-course-create .rerun-course .actions .action-primary.disabled:hover, .view-course-create .rerun-course .actions .action-primary.disabled:focus, .view-course-create .rerun-course .actions .action-primary.is-disabled:hover, .view-course-create .rerun-course .actions .action-primary.is-disabled:focus {
      box-shadow: 0 0 0 0 !important; }
  .view-course-create .rerun-course .actions .action-primary:hover, .view-course-create .rerun-course .actions .action-primary:focus, .view-course-create .rerun-course .actions .action-primary:active {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
  .view-course-create .rerun-course .actions .action-primary:hover, .view-course-create .rerun-course .actions .action-primary:focus, .view-course-create .rerun-course .actions .action-primary:active {
    background-color: #009fe6;
    color: white; }
  .view-course-create .rerun-course .actions .action-primary.disabled, .view-course-create .rerun-course .actions .action-primary.is-disabled {
    box-shadow: none;
    border: 1px solid #99d8f5 !important;
    background: #99d8f5 !important;
    color: white !important; }
.view-course-create .rerun-course .actions .action-secondary {
  -webkit-transition: background-color 0.15s, box-shadow 0.15s;
  -moz-transition: background-color 0.15s, box-shadow 0.15s;
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  border: 1px solid #4c4c4c;
  border-radius: 3px;
  background-color: #d1dae3;
  color: #6d788b; }
  .view-course-create .rerun-course .actions .action-secondary.disabled, .view-course-create .rerun-course .actions .action-secondary.is-disabled {
    border: 1px solid #989898 !important;
    border-radius: 3px !important;
    background: #989898 !important;
    color: #656565 !important;
    pointer-events: none;
    cursor: none; }
    .view-course-create .rerun-course .actions .action-secondary.disabled:hover, .view-course-create .rerun-course .actions .action-secondary.disabled:focus, .view-course-create .rerun-course .actions .action-secondary.is-disabled:hover, .view-course-create .rerun-course .actions .action-secondary.is-disabled:focus {
      box-shadow: 0 0 0 0 !important; }
  .view-course-create .rerun-course .actions .action-secondary:hover, .view-course-create .rerun-course .actions .action-secondary:focus, .view-course-create .rerun-course .actions .action-secondary:active {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
  .view-course-create .rerun-course .actions .action-secondary:hover {
    background-color: #d9e3ee;
    color: #6d788b; }

.view-import .content-primary, .view-import .content-supplementary {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.view-import .export-controls {
  padding: 30px 40px; }
  .view-import .export-controls:after {
    content: "";
    display: table;
    clear: both; }
.view-import .import-form {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 30px 30px 30px; }
  .view-import .import-form .file-name-block,
  .view-import .import-form .error-block {
    display: none;
    margin-bottom: 20px; }
  .view-import .import-form .error-block {
    color: #fd5757; }
  .view-import .import-form .file-input {
    display: none; }
.view-import .action-choose-file {
  display: block;
  margin: 20px 0;
  padding: 15px 20px; }
  .view-import .action-choose-file .icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px; }
  .view-import .action-choose-file .copy {
    display: inline-block;
    vertical-align: middle; }
.view-import .wrapper-file-name {
  margin: 20px 0;
  padding: 20px 30px;
  background-color: #e5e5e5; }
  .view-import .wrapper-file-name .title {
    overflow-x: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0; }
    .view-import .wrapper-file-name .title .label {
      margin-right: 10px; }
  .view-import .wrapper-file-name .submit-button {
    display: none;
    margin-top: 15px;
    width: 100%;
    padding: 15px 20px; }
.view-import .wrapper-status {
  -webkit-transition: opacity 0.25s ease-in-out 0;
  -moz-transition: opacity 0.25s ease-in-out 0;
  transition: opacity 0.25s ease-in-out 0;
  opacity: 1.0; }
  .view-import .wrapper-status.is-hidden, .view-import .xmodule_display.xmodule_VideoModule .video.closed .wrapper-status.subtitles, .xmodule_display.xmodule_VideoModule .video.closed .view-import .wrapper-status.subtitles, .view-import .mast.has-actions .nav-actions .wrapper-status.button.is-hidden, .mast.has-actions .nav-actions .view-import .wrapper-status.button.is-hidden {
    opacity: 0.0;
    display: none; }
  .view-import .wrapper-status > .title {
    margin-bottom: 20px;
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 10px; }
  .view-import .wrapper-status .list-progress {
    width: 100%; }
    .view-import .wrapper-status .list-progress .status-visual {
      position: relative;
      float: left;
      width: 8.57143%; }
      .view-import .wrapper-status .list-progress .status-visual .icon {
        -webkit-transition: opacity 0.5s ease-in-out 0;
        -moz-transition: opacity 0.5s ease-in-out 0;
        transition: opacity 0.5s ease-in-out 0;
        position: absolute;
        top: 10px;
        left: 20px; }
    .view-import .wrapper-status .list-progress .status-detail {
      float: left;
      width: 88.57143%;
      margin-left: 60px; }
      .view-import .wrapper-status .list-progress .status-detail .copy {
        color: #b2b2b2; }
    .view-import .wrapper-status .list-progress .item-progresspoint {
      -webkit-transition: opacity 0.5s ease-in-out 0;
      -moz-transition: opacity 0.5s ease-in-out 0;
      transition: opacity 0.5s ease-in-out 0;
      margin-bottom: 20px;
      border-bottom: 1px solid #e5e5e5;
      padding-bottom: 20px; }
      .view-import .wrapper-status .list-progress .item-progresspoint:after {
        content: "";
        display: table;
        clear: both; }
      .view-import .wrapper-status .list-progress .item-progresspoint:last-child {
        margin-bottom: 0;
        border-bottom: none;
        padding-bottom: 0; }
      .view-import .wrapper-status .list-progress .item-progresspoint.has-actions .list-actions {
        display: none; }
      .view-import .wrapper-status .list-progress .item-progresspoint.item-progresspoint-success .item-progresspoint-success-date {
        margin-left: 5px;
        display: none; }
      .view-import .wrapper-status .list-progress .item-progresspoint.item-progresspoint-success.is-complete .item-progresspoint-success-date {
        display: inline; }
      .view-import .wrapper-status .list-progress .item-progresspoint.is-not-started {
        opacity: 0.5; }
        .view-import .wrapper-status .list-progress .item-progresspoint.is-not-started .fa-warning {
          visibility: hidden;
          opacity: 0.0; }
        .view-import .wrapper-status .list-progress .item-progresspoint.is-not-started .fa-cog {
          visibility: visible;
          opacity: 1.0; }
        .view-import .wrapper-status .list-progress .item-progresspoint.is-not-started .fa-check {
          opacity: 0.3; }
      .view-import .wrapper-status .list-progress .item-progresspoint.is-started .fa-warning {
        visibility: hidden;
        opacity: 0.0; }
      .view-import .wrapper-status .list-progress .item-progresspoint.is-started .fa-cog {
        -webkit-animation: fa-spin 2s infinite linear;
        -moz-animation: fa-spin 2s infinite linear;
        animation: fa-spin 2s infinite linear;
        visibility: visible;
        opacity: 1.0; }
      .view-import .wrapper-status .list-progress .item-progresspoint.is-complete .fa-cog {
        visibility: visible;
        opacity: 1.0; }
      .view-import .wrapper-status .list-progress .item-progresspoint.is-complete .fa-warning {
        visibility: hidden;
        opacity: 0.0; }
      .view-import .wrapper-status .list-progress .item-progresspoint.is-complete .icon {
        color: #25b85a; }
      .view-import .wrapper-status .list-progress .item-progresspoint.is-complete .status-detail .title {
        color: #25b85a; }
      .view-import .wrapper-status .list-progress .item-progresspoint.is-complete .list-actions {
        display: block; }
      .view-import .wrapper-status .list-progress .item-progresspoint.has-error .fa-cog {
        visibility: hidden;
        opacity: 0.0; }
      .view-import .wrapper-status .list-progress .item-progresspoint.has-error .fa-warning {
        visibility: visible;
        opacity: 1.0; }
      .view-import .wrapper-status .list-progress .item-progresspoint.has-error .icon {
        color: #b20610; }
      .view-import .wrapper-status .list-progress .item-progresspoint.has-error .status-detail .title, .view-import .wrapper-status .list-progress .item-progresspoint.has-error .status-detail .copy {
        color: #b20610; }

.view-outline .outline-complex .outline-section .section-header, .view-outline .outline-complex .outline-subsection .subsection-header, .view-outline .outline-complex .outline-unit .unit-header {
  line-height: 0; }
  .view-outline .outline-complex .outline-section .section-header:after, .view-outline .outline-complex .outline-subsection .subsection-header:after, .view-outline .outline-complex .outline-unit .unit-header:after {
    content: "";
    display: table;
    clear: both; }
  .view-outline .outline-complex .outline-section .section-header .is-editable .incontext-editor-value, .view-outline .outline-complex .outline-subsection .subsection-header .is-editable .incontext-editor-value, .view-outline .outline-complex .outline-unit .unit-header .is-editable .incontext-editor-value, .view-outline .outline-complex .outline-section .section-header .is-editable .incontext-editor-action-wrapper, .view-outline .outline-complex .outline-subsection .subsection-header .is-editable .incontext-editor-action-wrapper, .view-outline .outline-complex .outline-unit .unit-header .is-editable .incontext-editor-action-wrapper {
    vertical-align: top; }
  .view-outline .outline-complex .outline-section .section-header .is-editable .incontext-editor-action-wrapper, .view-outline .outline-complex .outline-subsection .subsection-header .is-editable .incontext-editor-action-wrapper, .view-outline .outline-complex .outline-unit .unit-header .is-editable .incontext-editor-action-wrapper {
    position: relative; }
  .view-outline .outline-complex .outline-section .section-header .is-editable .incontext-editor-open-action, .view-outline .outline-complex .outline-subsection .subsection-header .is-editable .incontext-editor-open-action, .view-outline .outline-complex .outline-unit .unit-header .is-editable .incontext-editor-open-action {
    -webkit-transition: opacity 0.5s ease-in-out 0;
    -moz-transition: opacity 0.5s ease-in-out 0;
    transition: opacity 0.5s ease-in-out 0;
    opacity: 0.0; }
  .view-outline .outline-complex .outline-section .section-header .is-editable .incontext-editor-form, .view-outline .outline-complex .outline-subsection .subsection-header .is-editable .incontext-editor-form, .view-outline .outline-complex .outline-unit .unit-header .is-editable .incontext-editor-form {
    width: 100%;
    position: relative;
    top: -5px; }
  .view-outline .outline-complex .outline-section .section-header .is-editable .incontext-editor-input, .view-outline .outline-complex .outline-subsection .subsection-header .is-editable .incontext-editor-input, .view-outline .outline-complex .outline-unit .unit-header .is-editable .incontext-editor-input {
    -webkit-transition: box-shadow 0.5s ease-in-out 0, color 0.5s ease-in-out 0;
    -moz-transition: box-shadow 0.5s ease-in-out 0, color 0.5s ease-in-out 0;
    transition: box-shadow 0.5s ease-in-out 0, color 0.5s ease-in-out 0;
    width: 100%;
    background: none repeat scroll 0 0 white;
    border: 0;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset; }
    .view-outline .outline-complex .outline-section .section-header .is-editable .incontext-editor-input:focus, .view-outline .outline-complex .outline-subsection .subsection-header .is-editable .incontext-editor-input:focus, .view-outline .outline-complex .outline-unit .unit-header .is-editable .incontext-editor-input:focus {
      box-shadow: 0 0 2px 2px rgba(0, 159, 230, 0.5) inset;
      color: #009fe6; }
  .view-outline .outline-complex .outline-section .section-header .is-editable:hover .incontext-editor-open-action, .view-outline .outline-complex .outline-subsection .subsection-header .is-editable:hover .incontext-editor-open-action, .view-outline .outline-complex .outline-unit .unit-header .is-editable:hover .incontext-editor-open-action, .view-outline .outline-complex .outline-section .section-header .is-editable:focus .incontext-editor-open-action, .view-outline .outline-complex .outline-subsection .subsection-header .is-editable:focus .incontext-editor-open-action, .view-outline .outline-complex .outline-unit .unit-header .is-editable:focus .incontext-editor-open-action {
    opacity: 1.0; }

.view-outline .outline-complex .outline-section.is-collapsed .section-content, .view-outline .outline-complex .outline-subsection.is-collapsed .subsection-content {
  display: none; }

.view-outline .outline-complex .outline-section .section-content, .view-outline .outline-complex .outline-subsection .subsection-content {
  display: block; }

.view-outline .content-primary,
.view-outline .content-supplementary {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.view-outline .button-toggle-expand-collapse.collapse-all .expand-all {
  display: none; }
.view-outline .button-toggle-expand-collapse.collapse-all .collapse-all {
  display: block; }
.view-outline .button-toggle-expand-collapse.expand-all .collapse-all {
  display: none; }
.view-outline .button-toggle-expand-collapse.expand-all .expand-all {
  display: block; }
.view-outline .new-section-name,
.view-outline .new-subsection-name-input {
  display: inline-block;
  width: 515px;
  padding: 5px;
  vertical-align: top; }
.view-outline .new-section-name-save,
.view-outline .new-subsection-name-save {
  -webkit-transition: background-color 0.15s, box-shadow 0.15s;
  -moz-transition: background-color 0.15s, box-shadow 0.15s;
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  border: 1px solid #007fb8;
  border-radius: 3px;
  background-color: #009fe6;
  color: white;
  margin: 0 5px;
  padding: 4px 20px 7px;
  color: white; }
  .view-outline .new-section-name-save.disabled, .view-outline .new-section-name-save.is-disabled,
  .view-outline .new-subsection-name-save.disabled,
  .view-outline .new-subsection-name-save.is-disabled {
    border: 1px solid #989898 !important;
    border-radius: 3px !important;
    background: #989898 !important;
    color: #656565 !important;
    pointer-events: none;
    cursor: none; }
    .view-outline .new-section-name-save.disabled:hover, .view-outline .new-section-name-save.disabled:focus, .view-outline .new-section-name-save.is-disabled:hover, .view-outline .new-section-name-save.is-disabled:focus,
    .view-outline .new-subsection-name-save.disabled:hover,
    .view-outline .new-subsection-name-save.disabled:focus,
    .view-outline .new-subsection-name-save.is-disabled:hover,
    .view-outline .new-subsection-name-save.is-disabled:focus {
      box-shadow: 0 0 0 0 !important; }
  .view-outline .new-section-name-save:hover, .view-outline .new-section-name-save:focus, .view-outline .new-section-name-save:active,
  .view-outline .new-subsection-name-save:hover,
  .view-outline .new-subsection-name-save:focus,
  .view-outline .new-subsection-name-save:active {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
  .view-outline .new-section-name-save:hover, .view-outline .new-section-name-save:focus, .view-outline .new-section-name-save:active,
  .view-outline .new-subsection-name-save:hover,
  .view-outline .new-subsection-name-save:focus,
  .view-outline .new-subsection-name-save:active {
    background-color: #009fe6;
    color: white; }
  .view-outline .new-section-name-save.disabled, .view-outline .new-section-name-save.is-disabled,
  .view-outline .new-subsection-name-save.disabled,
  .view-outline .new-subsection-name-save.is-disabled {
    box-shadow: none;
    border: 1px solid #99d8f5 !important;
    background: #99d8f5 !important;
    color: white !important; }
.view-outline .new-section-name-cancel,
.view-outline .new-subsection-name-cancel {
  -webkit-transition: background-color 0.15s, box-shadow 0.15s;
  -moz-transition: background-color 0.15s, box-shadow 0.15s;
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.6);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  border: 1px solid #b0b6c2;
  border-radius: 3px;
  background-color: #dfe5eb;
  color: #5c677a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  padding: 4px 20px 7px;
  color: #989898; }
  .view-outline .new-section-name-cancel.disabled, .view-outline .new-section-name-cancel.is-disabled,
  .view-outline .new-subsection-name-cancel.disabled,
  .view-outline .new-subsection-name-cancel.is-disabled {
    border: 1px solid #989898 !important;
    border-radius: 3px !important;
    background: #989898 !important;
    color: #656565 !important;
    pointer-events: none;
    cursor: none; }
    .view-outline .new-section-name-cancel.disabled:hover, .view-outline .new-section-name-cancel.disabled:focus, .view-outline .new-section-name-cancel.is-disabled:hover, .view-outline .new-section-name-cancel.is-disabled:focus,
    .view-outline .new-subsection-name-cancel.disabled:hover,
    .view-outline .new-subsection-name-cancel.disabled:focus,
    .view-outline .new-subsection-name-cancel.is-disabled:hover,
    .view-outline .new-subsection-name-cancel.is-disabled:focus {
      box-shadow: 0 0 0 0 !important; }
  .view-outline .new-section-name-cancel:hover, .view-outline .new-section-name-cancel:focus, .view-outline .new-section-name-cancel:active,
  .view-outline .new-subsection-name-cancel:hover,
  .view-outline .new-subsection-name-cancel:focus,
  .view-outline .new-subsection-name-cancel:active {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
  .view-outline .new-section-name-cancel:hover, .view-outline .new-section-name-cancel:focus,
  .view-outline .new-subsection-name-cancel:hover,
  .view-outline .new-subsection-name-cancel:focus {
    background-color: #deecf7;
    color: #5c677a; }
.view-outline .new-subsection-item,
.view-outline .new-unit-item {
  width: 100%;
  margin: 0 0 10px 0;
  border: 1px solid #cbcbcb;
  padding: 10px 0;
  color: #b2b2b2; }
  .view-outline .new-subsection-item:hover,
  .view-outline .new-unit-item:hover {
    box-shadow: none;
    background-image: none; }
.view-outline .courseware-unit-new {
  margin-right: 30px; }
.view-outline .course-status {
  margin-bottom: 20px; }
  .view-outline .course-status .status-release,
  .view-outline .course-status .status-pacing {
    display: inline-block;
    color: #989898; }
    .view-outline .course-status .status-release:hover .status-actions,
    .view-outline .course-status .status-pacing:hover .status-actions {
      opacity: 1.0; }
  .view-outline .course-status .status-release-label,
  .view-outline .course-status .status-release-value,
  .view-outline .course-status .status-pacing-label,
  .view-outline .course-status .status-pacing-value,
  .view-outline .course-status .status-actions {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0; }
  .view-outline .course-status .status-release-label,
  .view-outline .course-status .status-pacing-label {
    margin-right: 5px; }
  .view-outline .course-status .status-actions {
    -webkit-transition: opacity 0.5s ease-in-out 0;
    -moz-transition: opacity 0.5s ease-in-out 0;
    transition: opacity 0.5s ease-in-out 0;
    margin-left: 5px;
    opacity: 0.0; }
.view-outline .outline-complex .outline-content {
  margin-top: 0; }
.view-outline .outline-complex .outline-item.is-collapsible:nth-child(1) .ui-toggle-expansion:hover, .view-outline .outline-complex .outline-item.is-collapsible:nth-child(1) .ui-toggle-expansion:active, .view-outline .outline-complex .outline-item.is-collapsible:nth-child(1) .item-title:hover, .view-outline .outline-complex .outline-item.is-collapsible:nth-child(1) .item-title:active {
  color: #009fe6; }
.view-outline .outline-complex .outline-item.is-collapsible.is-dragging {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  transition-property: none; }
.view-outline .outline-complex .outline-item .item-title.is-editable + .editor {
  display: block; }
  .view-outline .outline-complex .outline-item .item-title.is-editable + .editor .item-edit-title {
    width: 100%; }
.view-outline .outline-complex .outline-item .drop-target-prepend .draggable-drop-indicator-initial {
  opacity: 1.0; }
.view-outline .outline-complex .outline-item.was-dropped {
  border-color: #009fe6; }
.view-outline .outline-complex .outline-section {
  padding: 15px 20px 15px 24px; }
  .view-outline .outline-complex .outline-section .section-header-details {
    float: left;
    width: 65.71429%; }
    .view-outline .outline-complex .outline-section .section-header-details .icon, .view-outline .outline-complex .outline-section .section-header-details .wrapper-section-title {
      display: inline-block;
      vertical-align: top; }
    .view-outline .outline-complex .outline-section .section-header-details .icon {
      margin-right: 5px; }
    .view-outline .outline-complex .outline-section .section-header-details .wrapper-section-title {
      width: 82.6087%;
      line-height: 0; }
    .view-outline .outline-complex .outline-section .section-header-details .action-edit.action-inline .icon {
      margin-right: 0;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
      vertical-align: middle; }
  .view-outline .outline-complex .outline-section .section-header-actions {
    float: right;
    width: 31.42857%;
    margin-top: -5px;
    text-align: right; }
  .view-outline .outline-complex .outline-section .incontext-editor-action-wrapper {
    top: -1px; }
  .view-outline .outline-complex .outline-section .section-status {
    margin: 0 0 0 25px; }
  .view-outline .outline-complex .outline-section.is-collapsible .ui-toggle-expansion {
    color: #cbcbcb; }
  .view-outline .outline-complex .outline-section.was-dropped {
    border-left-color: #009fe6; }
.view-outline .outline-complex .list-subsections {
  margin: 20px 0 0 0; }
.view-outline .outline-complex .outline-subsection {
  padding: 15px; }
  .view-outline .outline-complex .outline-subsection .subsection-header-details {
    float: left;
    width: 65.71429%; }
    .view-outline .outline-complex .outline-subsection .subsection-header-details .icon, .view-outline .outline-complex .outline-subsection .subsection-header-details .wrapper-subsection-title {
      display: inline-block;
      vertical-align: top; }
    .view-outline .outline-complex .outline-subsection .subsection-header-details .icon {
      margin-right: 5px; }
    .view-outline .outline-complex .outline-subsection .subsection-header-details .wrapper-subsection-title {
      width: 82.6087%;
      margin-top: -2px;
      line-height: 0; }
    .view-outline .outline-complex .outline-subsection .subsection-header-details .action-edit.action-inline .icon {
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
      margin-right: 0;
      vertical-align: middle; }
  .view-outline .outline-complex .outline-subsection .subsection-header-actions {
    float: right;
    width: 31.42857%;
    margin-top: -5px;
    text-align: right; }
    .view-outline .outline-complex .outline-subsection .subsection-header-actions .actions-list {
      margin-right: 10px; }
  .view-outline .outline-complex .outline-subsection .incontext-editor-action-wrapper {
    top: -2px; }
  .view-outline .outline-complex .outline-subsection .subsection-status {
    margin: 0 0 0 20px; }
  .view-outline .outline-complex .outline-subsection.is-collapsible .ui-toggle-expansion {
    color: #cbcbcb; }
.view-outline .outline-complex .list-units {
  margin: 20px 0 0 0; }
.view-outline .outline-complex .outline-unit {
  -webkit-transition: margin 0.25s linear 0s;
  -moz-transition: margin 0.25s linear 0s;
  transition: margin 0.25s linear 0s;
  margin-left: 20px; }
  .view-outline .outline-complex .outline-unit .unit-header-details {
    float: left;
    width: 65.71429%;
    margin-top: 5px; }
  .view-outline .outline-complex .outline-unit .unit-header-actions {
    float: right;
    width: 31.42857%;
    margin-top: -2px;
    text-align: right; }
.view-outline .outline-complex .add-item {
  margin-top: 15px; }
  .view-outline .outline-complex .add-item .button-new {
    padding: 10px 20px;
    display: block; }
    .view-outline .outline-complex .add-item .button-new .icon {
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px; }
.view-outline .outline-complex .add-section {
  margin-bottom: 20px; }
.view-outline .outline-complex .add-unit {
  margin-left: 20px; }
.view-outline .outline-section .ui-splint-indicator {
  height: 2px;
  margin-left: 5px; }
.view-outline .outline-section .draggable-drop-indicator-before {
  top: -15px;
  left: 0; }
.view-outline .outline-section .draggable-drop-indicator-after {
  bottom: -15px;
  left: 0; }
.view-outline .outline-subsection .ui-splint-indicator {
  height: 2px;
  margin-left: 25px; }
.view-outline .outline-subsection .draggable-drop-indicator-before {
  top: -15px; }
.view-outline .outline-subsection .draggable-drop-indicator-after {
  bottom: -15px; }
.view-outline .outline-unit .draggable-drop-indicator-before {
  top: -15px; }
.view-outline .outline-unit .draggable-drop-indicator-after {
  bottom: -15px; }
.view-outline .ui-splint-indicator {
  position: relative; }
  .view-outline .ui-splint-indicator .draggable-drop-indicator {
    -webkit-transition: opacity 0.25s linear 0s;
    -moz-transition: opacity 0.25s linear 0s;
    transition: opacity 0.25s linear 0s;
    height: auto;
    width: 100%;
    position: absolute;
    border-top: 1px solid #33b2eb;
    opacity: 0.0; }
    .view-outline .ui-splint-indicator .draggable-drop-indicator .fa-caret-right {
      position: absolute;
      top: -12px;
      left: -5px;
      color: #009fe6; }
  .view-outline .ui-splint-indicator .draggable-drop-indicator-before {
    top: -10px; }
  .view-outline .ui-splint-indicator .draggable-drop-indicator-after {
    bottom: -10px; }
.view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field,
.view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field,
.view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field,
.view-outline .course-outline-modal .list-fields .field {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 5px; }
  .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field label, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field input, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field textarea,
  .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field label,
  .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field input,
  .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field textarea,
  .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field label,
  .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field input,
  .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field textarea,
  .view-outline .course-outline-modal .list-fields .field label,
  .view-outline .course-outline-modal .list-fields .field input,
  .view-outline .course-outline-modal .list-fields .field textarea {
    display: block; }
  .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field label,
  .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field label,
  .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field label,
  .view-outline .course-outline-modal .list-fields .field label {
    -webkit-transition: color 0.125s ease-in-out 0s;
    -moz-transition: color 0.125s ease-in-out 0s;
    transition: color 0.125s ease-in-out 0s;
    margin: 0 0 5px 0;
    font-weight: 600; }
    .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field label.is-focused,
    .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field label.is-focused,
    .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field label.is-focused,
    .view-outline .course-outline-modal .list-fields .field label.is-focused {
      color: #009fe6; }
  .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field input, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field textarea,
  .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field input,
  .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field textarea,
  .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field input,
  .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field textarea,
  .view-outline .course-outline-modal .list-fields .field input,
  .view-outline .course-outline-modal .list-fields .field textarea {
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
    height: 100%;
    width: 100%;
    padding: 10px; }
    .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field input.long, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field textarea.long,
    .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field input.long,
    .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field textarea.long,
    .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field input.long,
    .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field textarea.long,
    .view-outline .course-outline-modal .list-fields .field input.long,
    .view-outline .course-outline-modal .list-fields .field textarea.long {
      width: 100%; }
    .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field input.short, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field textarea.short,
    .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field input.short,
    .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field textarea.short,
    .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field input.short,
    .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field textarea.short,
    .view-outline .course-outline-modal .list-fields .field input.short,
    .view-outline .course-outline-modal .list-fields .field textarea.short {
      width: 25%; }
  .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field .start-date,
  .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field .start-time,
  .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field .due-date,
  .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field .due-time,
  .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field .start-date,
  .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field .start-time,
  .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field .due-date,
  .view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field .due-time,
  .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field .start-date,
  .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field .start-time,
  .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field .due-date,
  .view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field .due-time,
  .view-outline .course-outline-modal .list-fields .field .start-date,
  .view-outline .course-outline-modal .list-fields .field .start-time,
  .view-outline .course-outline-modal .list-fields .field .due-date,
  .view-outline .course-outline-modal .list-fields .field .due-time {
    width: 140px; }
.view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field-select .label, .view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field-select .input,
.view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field-select .label,
.view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field-select .input,
.view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field-select .label,
.view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field-select .input,
.view-outline .course-outline-modal .list-fields .field-select .label,
.view-outline .course-outline-modal .list-fields .field-select .input {
  display: inline-block;
  vertical-align: middle; }
.view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field-select .label,
.view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field-select .label,
.view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field-select .label,
.view-outline .course-outline-modal .list-fields .field-select .label {
  margin-right: 10px; }
.view-outline .wrapper-modal-window-bulkpublish-section .list-fields .field-select .input,
.view-outline .wrapper-modal-window-bulkpublish-subsection .list-fields .field-select .input,
.view-outline .wrapper-modal-window-bulkpublish-unit .list-fields .field-select .input,
.view-outline .course-outline-modal .list-fields .field-select .input {
  width: 100%; }
.view-outline .wrapper-modal-window-bulkpublish-section .edit-settings-grading .grading-type,
.view-outline .wrapper-modal-window-bulkpublish-subsection .edit-settings-grading .grading-type,
.view-outline .wrapper-modal-window-bulkpublish-unit .edit-settings-grading .grading-type,
.view-outline .course-outline-modal .edit-settings-grading .grading-type {
  margin-bottom: 20px; }
.view-outline .bulkpublish-section-modal .modal-introduction,
.view-outline .bulkpublish-subsection-modal .modal-introduction,
.view-outline .bulkpublish-unit-modal .modal-introduction {
  color: #4c4c4c; }
.view-outline .bulkpublish-section-modal .modal-section .outline-bulkpublish,
.view-outline .bulkpublish-subsection-modal .modal-section .outline-bulkpublish,
.view-outline .bulkpublish-unit-modal .modal-section .outline-bulkpublish {
  max-height: 400px;
  overflow-y: auto; }
.view-outline .bulkpublish-section-modal .outline-section,
.view-outline .bulkpublish-section-modal .outline-subsection,
.view-outline .bulkpublish-subsection-modal .outline-section,
.view-outline .bulkpublish-subsection-modal .outline-subsection,
.view-outline .bulkpublish-unit-modal .outline-section,
.view-outline .bulkpublish-unit-modal .outline-subsection {
  border: none;
  padding: 0; }
.view-outline .bulkpublish-section-modal .outline-subsection,
.view-outline .bulkpublish-subsection-modal .outline-subsection,
.view-outline .bulkpublish-unit-modal .outline-subsection {
  margin-bottom: 20px;
  padding-right: 5px; }
.view-outline .bulkpublish-section-modal .outline-subsection .subsection-title,
.view-outline .bulkpublish-subsection-modal .outline-subsection .subsection-title,
.view-outline .bulkpublish-unit-modal .outline-subsection .subsection-title {
  margin-bottom: 5px;
  font-weight: 600;
  color: #b2b2b2;
  text-transform: uppercase; }
.view-outline .bulkpublish-section-modal .outline-unit .unit-title, .view-outline .bulkpublish-section-modal .outline-unit .unit-status,
.view-outline .bulkpublish-subsection-modal .outline-unit .unit-title,
.view-outline .bulkpublish-subsection-modal .outline-unit .unit-status,
.view-outline .bulkpublish-unit-modal .outline-unit .unit-title,
.view-outline .bulkpublish-unit-modal .outline-unit .unit-status {
  display: inline-block;
  vertical-align: middle; }
.view-outline .bulkpublish-section-modal .outline-unit .unit-title,
.view-outline .bulkpublish-subsection-modal .outline-unit .unit-title,
.view-outline .bulkpublish-unit-modal .outline-unit .unit-title {
  color: #4c4c4c; }
.view-outline .bulkpublish-section-modal .outline-unit .unit-status,
.view-outline .bulkpublish-subsection-modal .outline-unit .unit-status,
.view-outline .bulkpublish-unit-modal .outline-unit .unit-status {
  text-align: right; }
.view-outline .bulkpublish-unit-modal .modal-introduction {
  margin-bottom: 0; }

.view-settings {
  text-align: left;
  direction: ltr; }
  .view-settings .content-primary, .view-settings .content-supplementary {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .view-settings .content-primary {
    padding: 20px 30px; }
  .view-settings .message {
    display: block; }
  .view-settings .message-status {
    -webkit-border-top-left-radius: 2px;
    -moz-border-topleft-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-topright-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    border-bottom: 2px solid #fffedf;
    margin: 0 0 20px 0;
    padding: 10px 20px;
    background: #fffcf1; }
    .view-settings .message-status .text {
      display: inline-block; }
    .view-settings .message-status.error {
      border-color: #590308;
      background: #c1373f;
      color: white; }
    .view-settings .message-status.confirm {
      border-color: #125c2d;
      background: #50c67b;
      color: white; }
    .view-settings .message-status.is-shown {
      display: block; }
  .view-settings .notice-workflow {
    margin-top: 20px; }
  .view-settings .settings-details .is-not-editable input, .view-settings .settings-details .is-not-editable textarea {
    box-shadow: none;
    border: none;
    background: none;
    margin: 0; }
  .view-settings .group-settings {
    margin: 0 0 40px 0; }
    .view-settings .group-settings header:after {
      content: "";
      display: table;
      clear: both; }
    .view-settings .group-settings header .title-2 {
      width: 42.85714%;
      margin: 0;
      margin-right: 2.12766%;
      float: left; }
    .view-settings .group-settings header .tip {
      width: 54.28571%;
      float: right;
      margin-top: 10px;
      text-align: right;
      color: #b2b2b2; }
    .view-settings .group-settings .header-help {
      margin: 0 0 20px 0; }
    .view-settings .group-settings .instructions {
      margin: 0 0 20px 0; }
    .view-settings .group-settings .tip {
      -webkit-transition: color 0.25s ease-in-out 0s;
      -moz-transition: color 0.25s ease-in-out 0s;
      transition: color 0.25s ease-in-out 0s;
      display: block;
      margin-top: 5px;
      color: #656565; }
    .view-settings .group-settings .tip-inline {
      display: inline;
      margin-left: 5px; }
    .view-settings .group-settings .message-error {
      display: block;
      margin-top: 5px;
      margin-bottom: 10px;
      color: #b20610; }
    .view-settings .group-settings .remove-item {
      -webkit-transition: background-color 0.15s, box-shadow 0.15s;
      -moz-transition: background-color 0.15s, box-shadow 0.15s;
      transition: background-color 0.15s, box-shadow 0.15s;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
      display: inline-block;
      padding: 4px 20px 5px;
      background-color: rgba(255, 255, 255, 0.6);
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
      background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
      border: 1px solid #b0b6c2;
      border-radius: 3px;
      background-color: #dfe5eb;
      color: #5c677a;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
      .view-settings .group-settings .remove-item.disabled, .view-settings .group-settings .remove-item.is-disabled {
        border: 1px solid #989898 !important;
        border-radius: 3px !important;
        background: #989898 !important;
        color: #656565 !important;
        pointer-events: none;
        cursor: none; }
        .view-settings .group-settings .remove-item.disabled:hover, .view-settings .group-settings .remove-item.disabled:focus, .view-settings .group-settings .remove-item.is-disabled:hover, .view-settings .group-settings .remove-item.is-disabled:focus {
          box-shadow: 0 0 0 0 !important; }
      .view-settings .group-settings .remove-item:hover, .view-settings .group-settings .remove-item:focus, .view-settings .group-settings .remove-item:active {
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
      .view-settings .group-settings .remove-item:hover, .view-settings .group-settings .remove-item:focus {
        background-color: #deecf7;
        color: #5c677a; }
    .view-settings .group-settings .list-input .show-data .heading {
      border: 1px solid #E0E0E0;
      padding: 5px 15px;
      margin-top: 5px; }
    .view-settings .group-settings .list-input .show-data .div-grade-requirements {
      border: 1px solid #E0E0E0;
      border-top: none;
      padding: 10px 15px; }
      .view-settings .group-settings .list-input .show-data .div-grade-requirements label {
        font-weight: 600; }
      .view-settings .group-settings .list-input .show-data .div-grade-requirements input#entrance-exam-minimum-score-pct {
        height: 40px;
        font-size: 18px; }
    .view-settings .group-settings .list-input #heading-entrance-exam {
      font-weight: 600; }
    .view-settings .group-settings .list-input label[for="entrance-exam-enabled"] {
      font-size: 14px; }
    .view-settings .group-settings .list-input .field {
      margin: 0 0 40px 0; }
      .view-settings .group-settings .list-input .field:last-child {
        margin-bottom: 0; }
      .view-settings .group-settings .list-input .field.required label:after {
        margin-left: 5px;
        content: "*"; }
      .view-settings .group-settings .list-input .field label, .view-settings .group-settings .list-input .field input, .view-settings .group-settings .list-input .field textarea {
        display: block; }
      .view-settings .group-settings .list-input .field label {
        -webkit-transition: color 0.25s ease-in-out 0s;
        -moz-transition: color 0.25s ease-in-out 0s;
        transition: color 0.25s ease-in-out 0s;
        margin: 0 0 5px 0; }
        .view-settings .group-settings .list-input .field label.is-focused {
          color: #009fe6; }
      .view-settings .group-settings .list-input .field input, .view-settings .group-settings .list-input .field textarea {
        height: 100%;
        width: 100%;
        padding: 10px; }
        .view-settings .group-settings .list-input .field input :-moz-placeholder, .view-settings .group-settings .list-input .field textarea :-moz-placeholder {
          color: #e5e5e5; }
        .view-settings .group-settings .list-input .field input ::-webkit-input-placeholder, .view-settings .group-settings .list-input .field textarea ::-webkit-input-placeholder {
          color: #e5e5e5; }
        .view-settings .group-settings .list-input .field input :-ms-input-placeholder, .view-settings .group-settings .list-input .field textarea :-ms-input-placeholder {
          color: #e5e5e5; }
        .view-settings .group-settings .list-input .field input.error, .view-settings .group-settings .list-input .field textarea.error {
          border-color: #b20610; }
        .view-settings .group-settings .list-input .field input:focus + .tip, .view-settings .group-settings .list-input .field textarea:focus + .tip {
          color: #7f7f7f; }
      .view-settings .group-settings .list-input .field .input-minimum-grade {
        float: left;
        height: 100%;
        width: 92%; }
      .view-settings .group-settings .list-input .field .minimum-grade-percentage-sign {
        line-height: 44.4px;
        line-height: 4.44rem;
        padding-left: 5px; }
      .view-settings .group-settings .list-input .field textarea.long {
        height: 100px; }
      .view-settings .group-settings .list-input .field input[type="checkbox"] {
        display: inline-block;
        margin-right: 5px;
        width: auto;
        height: auto; }
        .view-settings .group-settings .list-input .field input[type="checkbox"] + label {
          display: inline-block; }
    .view-settings .group-settings .list-input .field-group {
      margin: 0 0 10px 0; }
      .view-settings .group-settings .list-input .field-group:after {
        content: "";
        display: table;
        clear: both; }
    .view-settings .group-settings .list-input.enum .field-group {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 3px;
      background: #f2f2f2;
      padding: 20px; }
      .view-settings .group-settings .list-input.enum .field-group:last-child {
        padding-bottom: 20px; }
      .view-settings .group-settings .list-input.enum .field-group .actions {
        margin-top: 10px;
        border-top: 1px solid #e5e5e5;
        padding-top: 10px; }
        .view-settings .group-settings .list-input.enum .field-group .actions:after {
          content: "";
          display: table;
          clear: both; }
        .view-settings .group-settings .list-input.enum .field-group .actions .remove-item {
          float: right; }
    .view-settings .group-settings .input-existing {
      margin: 0 0 20px 0; }
      .view-settings .group-settings .input-existing .actions {
        margin: 5px 0 0 0; }
    .view-settings .group-settings.basic .list-input {
      padding: 0 10px; }
      .view-settings .group-settings.basic .list-input:after {
        content: "";
        display: table;
        clear: both; }
      .view-settings .group-settings.basic .list-input .field {
        margin-bottom: 0; }
    .view-settings .group-settings.basic .is-not-editable input, .view-settings .group-settings.basic .is-not-editable textarea {
      padding: 0; }
    .view-settings .group-settings.basic #field-course-organization {
      float: left;
      width: 20%;
      margin-right: 2.12766%; }
    .view-settings .group-settings.basic #field-course-number {
      float: left;
      width: 20%;
      margin-right: 2.12766%; }
    .view-settings .group-settings.basic #field-course-name {
      float: left;
      width: 54.28571%; }
    .view-settings .group-settings.basic #credit-minimum-passing-grade {
      float: left;
      width: 31.42857%;
      margin-right: 2.12766%; }
    .view-settings .group-settings.basic #credit-proctoring-requirements {
      float: left;
      width: 31.42857%;
      margin-right: 2.12766%; }
    .view-settings .group-settings.basic #credit-reverification-requirements {
      float: left;
      width: 31.42857%; }
    .view-settings .group-settings.basic .note-promotion-courseURL {
      box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
      border-radius: 4px;
      margin-top: 30px;
      border: 1px solid #b2b2b2;
      padding: 10px 0 0 0; }
      .view-settings .group-settings.basic .note-promotion-courseURL .title {
        margin: 0 0 2px 0;
        padding: 0 10px; }
        .view-settings .group-settings.basic .note-promotion-courseURL .title .tip {
          display: inline;
          margin-left: 5px; }
      .view-settings .group-settings.basic .note-promotion-courseURL .copy {
        padding: 0 10px 10px 10px; }
        .view-settings .group-settings.basic .note-promotion-courseURL .copy .link-courseURL {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          display: block;
          width: 100%;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
      .view-settings .group-settings.basic .note-promotion-courseURL .list-actions {
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
        border-top: 1px solid #b2b2b2;
        padding: 10px;
        background: #f2f2f2; }
        .view-settings .group-settings.basic .note-promotion-courseURL .list-actions .action-primary .icon {
          display: inline-block;
          vertical-align: middle;
          margin-top: -3px; }
    .view-settings .group-settings.schedule .list-input {
      margin-bottom: 30px; }
      .view-settings .group-settings.schedule .list-input:last-child {
        margin-bottom: 0; }
    .view-settings .group-settings.schedule .field-group {
      border-bottom: 1px solid #f2f2f2;
      padding-bottom: 10px; }
      .view-settings .group-settings.schedule .field-group:after {
        content: "";
        display: table;
        clear: both; }
      .view-settings .group-settings.schedule .field-group:last-child {
        border: none;
        padding-bottom: 0; }
      .view-settings .group-settings.schedule .field-group .is-not-editable input, .view-settings .group-settings.schedule .field-group .is-not-editable textarea {
        padding: 10px; }
      .view-settings .group-settings.schedule .field-group .field {
        float: left;
        width: 31.42857%;
        margin-bottom: 5px;
        margin-right: 2.12766%; }
      .view-settings .group-settings.schedule .field-group .field.time {
        position: relative; }
        .view-settings .group-settings.schedule .field-group .field.time .tip {
          position: absolute;
          top: 0;
          right: 0; }
    .view-settings .group-settings #field-course-overview #course-overview {
      height: 400px; }
    .view-settings .group-settings #field-course-overview .CodeMirror {
      border: 1px solid #b2b2b2; }
    .view-settings .group-settings #field-course-introduction-video .input-existing {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 3px;
      background: #f2f2f2;
      padding: 10px; }
      .view-settings .group-settings #field-course-introduction-video .input-existing .actions {
        margin-top: 10px;
        border-top: 1px solid #e5e5e5;
        padding-top: 10px; }
        .view-settings .group-settings #field-course-introduction-video .input-existing .actions:after {
          content: "";
          display: table;
          clear: both; }
        .view-settings .group-settings #field-course-introduction-video .input-existing .actions .remove-item {
          float: right; }
    .view-settings .group-settings #field-course-introduction-video .actions {
      margin-top: 10px;
      border-top: 1px solid #f2f2f2;
      padding-top: 10px; }
    .view-settings .group-settings #field-course-image .current-course-image {
      margin-bottom: 10px;
      padding: 10px 20px;
      background: #f2f2f2;
      text-align: center; }
      .view-settings .group-settings #field-course-image .current-course-image .wrapper-course-image {
        display: block;
        width: 375px;
        height: 200px;
        overflow: hidden;
        margin: 0 auto;
        border: 1px solid #e5e5e5;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        padding: 10px;
        background: white; }
      .view-settings .group-settings #field-course-image .current-course-image .course-image {
        display: block;
        width: 100%;
        min-height: 100%; }
      .view-settings .group-settings #field-course-image .current-course-image .msg {
        display: block;
        margin-top: 10px;
        color: #cbcbcb; }
    .view-settings .group-settings #field-course-image .wrapper-input {
      width: 100%; }
      .view-settings .group-settings #field-course-image .wrapper-input:after {
        content: "";
        display: table;
        clear: both; }
      .view-settings .group-settings #field-course-image .wrapper-input .input {
        float: left;
        width: 65.71429%;
        margin-right: 2.12766%; }
      .view-settings .group-settings #field-course-image .wrapper-input .action-upload-image {
        float: right;
        width: 20%;
        margin-top: 5px;
        padding: 10px 20px; }
    .view-settings .group-settings.requirements #field-course-effort {
      width: 31.42857%; }
    .view-settings .group-settings.grade-range {
      margin-bottom: 60px; }
      .view-settings .group-settings.grade-range .grade-controls {
        width: 100%; }
        .view-settings .group-settings.grade-range .grade-controls:after {
          content: "";
          display: table;
          clear: both; }
      .view-settings .group-settings.grade-range .new-grade-button {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: rgba(255, 255, 255, 0.8);
        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
        background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
        width: 8.57143%;
        height: 40px;
        position: relative;
        display: inline-block;
        margin-right: 2.12766%;
        vertical-align: middle;
        text-align: center;
        border-radius: 20px;
        border: 1px solid #8891a1;
        background-color: #d1dae3;
        color: #6d788b; }
        .view-settings .group-settings.grade-range .new-grade-button .icon {
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: -6px;
          margin-top: -6px; }
      .view-settings .group-settings.grade-range .grade-slider {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 88.57143%;
        display: inline-block;
        vertical-align: middle; }
        .view-settings .group-settings.grade-range .grade-slider .grade-bar {
          position: relative;
          width: 100%;
          height: 50px;
          background: #edf1f5; }
          .view-settings .group-settings.grade-range .grade-slider .grade-bar .increments {
            position: relative; }
            .view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li {
              font-size: 9px;
              font-size: 0.9rem;
              position: absolute;
              top: 52px;
              width: 30px;
              margin-left: -15px;
              text-align: center; }
              .view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li.increment-0 {
                left: 0; }
              .view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li.increment-10 {
                left: 10%; }
              .view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li.increment-20 {
                left: 20%; }
              .view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li.increment-30 {
                left: 30%; }
              .view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li.increment-40 {
                left: 40%; }
              .view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li.increment-50 {
                left: 50%; }
              .view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li.increment-60 {
                left: 60%; }
              .view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li.increment-70 {
                left: 70%; }
              .view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li.increment-80 {
                left: 80%; }
              .view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li.increment-90 {
                left: 90%; }
              .view-settings .group-settings.grade-range .grade-slider .grade-bar .increments li.increment-100 {
                left: 100%; }
          .view-settings .group-settings.grade-range .grade-slider .grade-bar .grade-specific-bar {
            height: 50px !important;
            text-align: left; }
          .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades {
            position: relative; }
            .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li {
              position: absolute;
              top: 0;
              height: 50px;
              text-align: right;
              border-radius: 2px; }
              .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li:hover .remove-button, .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li.is-dragging .remove-button {
                display: block; }
              .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li .remove-button {
                display: none;
                position: absolute;
                top: -17px;
                right: 1px;
                height: 17px; }
              .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li:nth-child(1) {
                background: #4fe696; }
              .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li:nth-child(2) {
                background: #ffdf7e; }
              .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li:nth-child(3) {
                background: #ffb657; }
              .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li:nth-child(4) {
                background: #ef54a1; }
              .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li:nth-child(5), .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li.bar-fail {
                background: #fb336c; }
              .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li .letter-grade {
                display: block;
                margin: 5px 15px 0 0; }
              .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li .range {
                font-size: 10px;
                font-size: 1rem;
                display: block;
                margin-right: 15px;
                line-height: 12px; }
              .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li .drag-bar {
                position: absolute;
                top: 0;
                right: -1px;
                height: 50px;
                width: 2px;
                background-color: white;
                box-shadow: -1px 0 3px rgba(0, 0, 0, 0.1);
                cursor: ew-resize;
                -webkit-transition: none;
                -moz-transition: none;
                transition: none; }
                .view-settings .group-settings.grade-range .grade-slider .grade-bar .grades li .drag-bar:hover {
                  width: 6px;
                  right: -2px; }
    .view-settings .group-settings.grade-rules #field-course-grading-graceperiod {
      width: 31.42857%; }
    .view-settings .group-settings.grade-rules #field-course-minimum_grade_credit {
      width: 42.85714%; }
    .view-settings .group-settings.assignment-types .list-input:last-child {
      margin-bottom: 0; }
    .view-settings .group-settings.assignment-types .field-group {
      width: 100%;
      margin-bottom: 30px;
      border-bottom: 1px solid #f2f2f2;
      padding-bottom: 30px; }
      .view-settings .group-settings.assignment-types .field-group:after {
        content: "";
        display: table;
        clear: both; }
      .view-settings .group-settings.assignment-types .field-group:last-child {
        border: none;
        padding-bottom: 0; }
      .view-settings .group-settings.assignment-types .field-group .field {
        display: inline-block;
        vertical-align: top;
        width: 47.82609%;
        margin-bottom: 10px;
        margin-right: 2.12766%; }
      .view-settings .group-settings.assignment-types .field-group #field-course-grading-assignment-shortname,
      .view-settings .group-settings.assignment-types .field-group #field-course-grading-assignment-totalassignments,
      .view-settings .group-settings.assignment-types .field-group #field-course-grading-assignment-gradeweight,
      .view-settings .group-settings.assignment-types .field-group #field-course-grading-assignment-droppable {
        width: 30.43478%; }
    .view-settings .group-settings.assignment-types .actions {
      float: left;
      width: 100%; }
      .view-settings .group-settings.assignment-types .actions .delete-button {
        margin: 0; }
    .view-settings .group-settings.advanced-policies .wrapper-options {
      margin: -10px 0 10px 0;
      text-align: right; }
      .view-settings .group-settings.advanced-policies .wrapper-options .wrapper-deprecated-setting {
        -webkit-transition: opacity 0.25s ease-in-out 0s;
        -moz-transition: opacity 0.25s ease-in-out 0s;
        transition: opacity 0.25s ease-in-out 0s;
        opacity: .5;
        position: relative;
        display: inline-block;
        border-radius: 3px;
        padding: 5px 10px;
        background-color: #f2f2f2;
        color: #4c4c4c; }
        .view-settings .group-settings.advanced-policies .wrapper-options .wrapper-deprecated-setting:hover {
          opacity: 1; }
        .view-settings .group-settings.advanced-policies .wrapper-options .wrapper-deprecated-setting.is-set {
          opacity: 1;
          background-color: #f7e9ef;
          color: #b72567; }
      .view-settings .group-settings.advanced-policies .wrapper-options .deprecated-settings-toggle {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0; }
    .view-settings .group-settings.advanced-policies .field-group {
      margin-bottom: 30px; }
      .view-settings .group-settings.advanced-policies .field-group:last-child {
        border: none;
        padding-bottom: 0; }
    .view-settings .group-settings.advanced-policies .course-advanced-policy-list-item {
      position: relative; }
      .view-settings .group-settings.advanced-policies .course-advanced-policy-list-item:after {
        content: "";
        display: table;
        clear: both; }
      .view-settings .group-settings.advanced-policies .course-advanced-policy-list-item .title {
        margin-top: 10px; }
      .view-settings .group-settings.advanced-policies .course-advanced-policy-list-item .field input {
        width: 100%; }
      .view-settings .group-settings.advanced-policies .course-advanced-policy-list-item .field .tip {
        color: #989898; }
      .view-settings .group-settings.advanced-policies .course-advanced-policy-list-item .field input.error + .tip {
        opacity: 0.0; }
      .view-settings .group-settings.advanced-policies .course-advanced-policy-list-item .key, .view-settings .group-settings.advanced-policies .course-advanced-policy-list-item .value {
        float: left;
        margin: 0 0 10px 0; }
      .view-settings .group-settings.advanced-policies .course-advanced-policy-list-item .key {
        width: 31.42857%;
        margin-right: 2.12766%; }
      .view-settings .group-settings.advanced-policies .course-advanced-policy-list-item .value {
        width: 65.71429%; }
      .view-settings .group-settings.advanced-policies .course-advanced-policy-list-item .actions {
        float: left;
        width: 100%; }
        .view-settings .group-settings.advanced-policies .course-advanced-policy-list-item .actions .delete-button {
          margin: 0; }
      .view-settings .group-settings.advanced-policies .course-advanced-policy-list-item.is-deprecated {
        background-color: #f7e9ef; }
        .view-settings .group-settings.advanced-policies .course-advanced-policy-list-item.is-deprecated .status {
          color: #d37ca3; }
    .view-settings .group-settings.advanced-policies .message-error {
      position: absolute;
      bottom: 15px; }
    .view-settings .group-settings.advanced-policies .CodeMirror {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
      background-color: #edf1f5;
      background-image: -webkit-linear-gradient(#edf1f5, #fdfdfe);
      background-image: linear-gradient(#edf1f5, #fdfdfe);
      padding: 5px 8px;
      border: 1px solid #b0b6c2;
      border-radius: 2px;
      background-color: #edf1f5;
      font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
      color: #4c4c4c;
      outline: 0;
      height: auto;
      min-height: 45px; }
      .view-settings .group-settings.advanced-policies .CodeMirror.CodeMirror-focused {
        background-color: #fffcf1;
        background-image: -webkit-linear-gradient(#fffcf1, #fffefd);
        background-image: linear-gradient(#fffcf1, #fffefd);
        outline: 0; }
      .view-settings .group-settings.advanced-policies .CodeMirror .CodeMirror-sizer {
        top: 4px;
        /* Vertical alignment for monospace font */ }
      .view-settings .group-settings.advanced-policies .CodeMirror .CodeMirror-scroll {
        margin-left: -30px;
        margin-right: 0;
        padding-left: 30px;
        padding-right: 0; }
      .view-settings .group-settings.advanced-policies .CodeMirror .CodeMirror-vscrollbar {
        left: 0;
        right: auto; }
      .view-settings .group-settings.advanced-policies .CodeMirror .CodeMirror-lines .cm-string {
        color: #cb9c40; }
      .view-settings .group-settings.advanced-policies .CodeMirror .CodeMirror-lines pre {
        line-height: 2.0rem; }
  .view-settings .wrapper-modal-window .validation-error-modal-content .error-header p strong {
    color: #fd5757; }
  .view-settings .wrapper-modal-window .validation-error-modal-content hr {
    margin: 25px 0; }
  .view-settings .wrapper-modal-window .validation-error-modal-content .error-list .error-item .error-item-title {
    color: #fd5757; }
  .view-settings .wrapper-modal-window .validation-error-modal-content .error-list .error-item .error-item-message {
    width: 100%;
    border: none;
    resize: none; }
    .view-settings .wrapper-modal-window .validation-error-modal-content .error-list .error-item .error-item-message:focus {
      outline: 0; }
  .view-settings .group-settings.pacing .list-input {
    margin-top: 10px;
    background-color: #f8f8f8;
    border-radius: 3px;
    padding: 10px; }
  .view-settings .group-settings.pacing .field {
    margin: 0 0 20px 0; }
    .view-settings .group-settings.pacing .field .field-radio {
      display: inline-block;
      margin-right: 5px;
      width: auto;
      height: auto; }
      .view-settings .group-settings.pacing .field .field-radio + .course-pace-label {
        display: inline-block; }

.view-static-pages .content-primary,
.view-static-pages .content-supplementary {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left; }
.view-static-pages .content-primary {
  width: 74.46809%;
  margin-right: 2.12766%; }
  .view-static-pages .content-primary .add-pages {
    margin: 30px 0; }
  .view-static-pages .content-primary .notice-incontext {
    padding: 0;
    box-shadow: none; }
    .view-static-pages .content-primary .notice-incontext .copy {
      opacity: 1; }
.view-static-pages .content-supplementary {
  width: 23.40426%; }
.view-static-pages .wrapper-actions-list {
  top: 6px; }
  .view-static-pages .wrapper-actions-list .actions-list .action-item {
    position: relative;
    display: inline-block;
    min-width: 30px;
    margin: 0;
    text-align: center; }
    .view-static-pages .wrapper-actions-list .actions-list .action-item .action-button,
    .view-static-pages .wrapper-actions-list .actions-list .action-item .toggle-actions-view {
      -webkit-transition: all 0.25s ease-in-out 0s;
      -moz-transition: all 0.25s ease-in-out 0s;
      transition: all 0.25s ease-in-out 0s;
      display: inline-block;
      border: 0;
      background: none;
      color: #cbcbcb; }
      .view-static-pages .wrapper-actions-list .actions-list .action-item .action-button:hover,
      .view-static-pages .wrapper-actions-list .actions-list .action-item .toggle-actions-view:hover {
        background-color: #009fe6;
        color: #f8f8f8; }
    .view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible {
      position: relative; }
    .view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible label {
      position: absolute;
      top: 0;
      right: 0;
      height: 30px;
      width: 30px; }
      .view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible label:hover {
        background-color: #009fe6; }
    .view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible .toggle-checkbox {
      position: absolute;
      top: 0;
      right: 0;
      height: 30px;
      width: 30px;
      opacity: 0; }
    .view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible .toggle-checkbox:hover ~ .action-button, .view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible .toggle-checkbox:checked:hover ~ .action-button {
      background-color: #009fe6;
      color: #f8f8f8; }
    .view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible .toggle-checkbox ~ .action-button .fa-eye {
      display: inline-block;
      pointer-events: none; }
    .view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible .toggle-checkbox ~ .action-button .fa-eye-slash {
      display: none; }
    .view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible .toggle-checkbox:checked ~ .action-button {
      background-color: #7f7f7f;
      color: white; }
      .view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible .toggle-checkbox:checked ~ .action-button .fa-eye {
        display: none; }
      .view-static-pages .wrapper-actions-list .actions-list .action-item.action-visible .toggle-checkbox:checked ~ .action-button .fa-eye-slash {
        display: inline-block;
        pointer-events: none; }
.view-static-pages .unit-body {
  padding: 0; }
  .view-static-pages .unit-body .details {
    display: block !important; }
    .view-static-pages .unit-body .details h2 {
      margin: 0 0 5px 0; }
  .view-static-pages .unit-body .wrapper-component-editor {
    position: relative;
    background: #d5dce4; }
  .view-static-pages .unit-body .component-editor {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    padding: 15px 20px;
    border-radius: 3px;
    background-color: #d5dce4;
    color: #3c3c3c;
    box-shadow: none;
    display: none;
    padding: 0;
    border-radius: 2px 2px 0 0; }
    .view-static-pages .unit-body .component-editor label {
      color: #4c4c4c; }
    .view-static-pages .unit-body .component-editor input,
    .view-static-pages .unit-body .component-editor textarea {
      border: 1px solid #8891a1; }
    .view-static-pages .unit-body .component-editor textarea {
      min-height: 80px; }
    .view-static-pages .unit-body .component-editor h5 {
      margin-bottom: 8px;
      color: white; }
    .view-static-pages .unit-body .component-editor .row {
      margin-bottom: 10px;
      padding: 0;
      border: none; }
    .view-static-pages .unit-body .component-editor .save-button {
      -webkit-transition: background-color 0.15s, box-shadow 0.15s;
      -moz-transition: background-color 0.15s, box-shadow 0.15s;
      transition: background-color 0.15s, box-shadow 0.15s;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
      display: inline-block;
      padding: 4px 20px 5px;
      background-color: rgba(255, 255, 255, 0.3);
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
      background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
      border: 1px solid #007fb8;
      border-radius: 3px;
      background-color: #009fe6;
      color: white;
      margin-top: 0; }
      .view-static-pages .unit-body .component-editor .save-button.disabled, .view-static-pages .unit-body .component-editor .save-button.is-disabled {
        border: 1px solid #989898 !important;
        border-radius: 3px !important;
        background: #989898 !important;
        color: #656565 !important;
        pointer-events: none;
        cursor: none; }
        .view-static-pages .unit-body .component-editor .save-button.disabled:hover, .view-static-pages .unit-body .component-editor .save-button.disabled:focus, .view-static-pages .unit-body .component-editor .save-button.is-disabled:hover, .view-static-pages .unit-body .component-editor .save-button.is-disabled:focus {
          box-shadow: 0 0 0 0 !important; }
      .view-static-pages .unit-body .component-editor .save-button:hover, .view-static-pages .unit-body .component-editor .save-button:focus, .view-static-pages .unit-body .component-editor .save-button:active {
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
      .view-static-pages .unit-body .component-editor .save-button:hover, .view-static-pages .unit-body .component-editor .save-button:focus, .view-static-pages .unit-body .component-editor .save-button:active {
        background-color: #009fe6;
        color: white; }
      .view-static-pages .unit-body .component-editor .save-button.disabled, .view-static-pages .unit-body .component-editor .save-button.is-disabled {
        box-shadow: none;
        border: 1px solid #99d8f5 !important;
        background: #99d8f5 !important;
        color: white !important; }
    .view-static-pages .unit-body .component-editor .cancel-button {
      -webkit-transition: background-color 0.15s, box-shadow 0.15s;
      -moz-transition: background-color 0.15s, box-shadow 0.15s;
      transition: background-color 0.15s, box-shadow 0.15s;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
      display: inline-block;
      padding: 4px 20px 5px;
      background-color: rgba(255, 255, 255, 0.6);
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
      background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
      border: 1px solid #b0b6c2;
      border-radius: 3px;
      background-color: #dfe5eb;
      color: #5c677a;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
      margin-top: 0; }
      .view-static-pages .unit-body .component-editor .cancel-button.disabled, .view-static-pages .unit-body .component-editor .cancel-button.is-disabled {
        border: 1px solid #989898 !important;
        border-radius: 3px !important;
        background: #989898 !important;
        color: #656565 !important;
        pointer-events: none;
        cursor: none; }
        .view-static-pages .unit-body .component-editor .cancel-button.disabled:hover, .view-static-pages .unit-body .component-editor .cancel-button.disabled:focus, .view-static-pages .unit-body .component-editor .cancel-button.is-disabled:hover, .view-static-pages .unit-body .component-editor .cancel-button.is-disabled:focus {
          box-shadow: 0 0 0 0 !important; }
      .view-static-pages .unit-body .component-editor .cancel-button:hover, .view-static-pages .unit-body .component-editor .cancel-button:focus, .view-static-pages .unit-body .component-editor .cancel-button:active {
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
      .view-static-pages .unit-body .component-editor .cancel-button:hover, .view-static-pages .unit-body .component-editor .cancel-button:focus {
        background-color: #deecf7;
        color: #5c677a; }
    .view-static-pages .unit-body .component-editor .row {
      margin-bottom: 0px; }
    .view-static-pages .unit-body .component-editor .module-actions {
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
      padding: 0px 0 10px 10px;
      background-color: #f8f8f8; }
      .view-static-pages .unit-body .component-editor .module-actions .save-button {
        margin: 10px 8px 0 0; }
.view-static-pages .component-editor {
  border: none;
  border-radius: 0; }
.view-static-pages .components > li {
  margin: 0;
  border-radius: 0; }
  .view-static-pages .components > li.new-component-item {
    background: transparent;
    border: none;
    box-shadow: none; }
.view-static-pages .component,
.view-static-pages .course-nav-item {
  position: relative;
  border: 1px solid #b0b6c2;
  border-top: none; }
  .view-static-pages .component:first-child,
  .view-static-pages .course-nav-item:first-child {
    border-top: 1px solid #b0b6c2; }
  .view-static-pages .component:hover,
  .view-static-pages .course-nav-item:hover {
    border: 1px solid #b0b6c2;
    border-top: none; }
    .view-static-pages .component:hover:first-child,
    .view-static-pages .course-nav-item:hover:first-child {
      border-top: 1px solid #b0b6c2; }
    .view-static-pages .component:hover .drag-handle,
    .view-static-pages .course-nav-item:hover .drag-handle {
      background: url("../images/drag-handles.90bcfcae8c34.png") center no-repeat white; }
  .view-static-pages .component .drag-handle,
  .view-static-pages .course-nav-item .drag-handle {
    right: 0;
    position: absolute;
    display: block;
    top: 0;
    width: 35px;
    height: 100%;
    border: none;
    background: url("../images/drag-handles.90bcfcae8c34.png") center no-repeat white; }
    .view-static-pages .component .drag-handle:hover,
    .view-static-pages .course-nav-item .drag-handle:hover {
      background: url("../images/drag-handles.90bcfcae8c34.png") center no-repeat white; }
    .view-static-pages .component .drag-handle.is-fixed,
    .view-static-pages .course-nav-item .drag-handle.is-fixed {
      cursor: default;
      width: 30px;
      background: #e5e5e5 none; }
  .view-static-pages .component .wrapper-component-action-header,
  .view-static-pages .course-nav-item .wrapper-component-action-header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    padding: 5px 10px;
    top: 0;
    left: 0; }
  .view-static-pages .component .component-header,
  .view-static-pages .course-nav-item .component-header {
    display: none; }
  .view-static-pages .component .component-actions,
  .view-static-pages .component .course-nav-item-actions,
  .view-static-pages .course-nav-item .component-actions,
  .view-static-pages .course-nav-item .course-nav-item-actions {
    display: inline-block;
    float: right;
    margin-right: 40px;
    padding: 8px 0px;
    vertical-align: middle;
    text-align: center; }
    .view-static-pages .component .component-actions .action-item,
    .view-static-pages .component .course-nav-item-actions .action-item,
    .view-static-pages .course-nav-item .component-actions .action-item,
    .view-static-pages .course-nav-item .course-nav-item-actions .action-item {
      display: inline-block;
      margin: 5px 0 5px 10px; }
      .view-static-pages .component .component-actions .action-item .action-button,
      .view-static-pages .component .course-nav-item-actions .action-item .action-button,
      .view-static-pages .course-nav-item .component-actions .action-item .action-button,
      .view-static-pages .course-nav-item .course-nav-item-actions .action-item .action-button {
        -webkit-transition: all 0.25s ease-in-out 0s;
        -moz-transition: all 0.25s ease-in-out 0s;
        transition: all 0.25s ease-in-out 0s;
        display: block;
        padding: 0 10px;
        width: auto;
        height: 30px;
        border-radius: 3px;
        color: #989898;
        text-transform: uppercase; }
        .view-static-pages .component .component-actions .action-item .action-button:hover,
        .view-static-pages .component .course-nav-item-actions .action-item .action-button:hover,
        .view-static-pages .course-nav-item .component-actions .action-item .action-button:hover,
        .view-static-pages .course-nav-item .course-nav-item-actions .action-item .action-button:hover {
          background-color: #009fe6;
          color: #f8f8f8; }
        .view-static-pages .component .component-actions .action-item .action-button .action-button-text,
        .view-static-pages .component .course-nav-item-actions .action-item .action-button .action-button-text,
        .view-static-pages .course-nav-item .component-actions .action-item .action-button .action-button-text,
        .view-static-pages .course-nav-item .course-nav-item-actions .action-item .action-button .action-button-text {
          padding-left: 1px;
          vertical-align: bottom;
          line-height: 17px; }
        .view-static-pages .component .component-actions .action-item .action-button.delete-button:hover,
        .view-static-pages .component .course-nav-item-actions .action-item .action-button.delete-button:hover,
        .view-static-pages .course-nav-item .component-actions .action-item .action-button.delete-button:hover,
        .view-static-pages .course-nav-item .course-nav-item-actions .action-item .action-button.delete-button:hover {
          background-color: #989898; }
      .view-static-pages .component .component-actions .action-item .icon,
      .view-static-pages .component .course-nav-item-actions .action-item .icon,
      .view-static-pages .course-nav-item .component-actions .action-item .icon,
      .view-static-pages .course-nav-item .course-nav-item-actions .action-item .icon {
        display: inline-block;
        vertical-align: bottom; }
      .view-static-pages .component .component-actions .action-item.action-duplicate,
      .view-static-pages .component .course-nav-item-actions .action-item.action-duplicate,
      .view-static-pages .course-nav-item .component-actions .action-item.action-duplicate,
      .view-static-pages .course-nav-item .course-nav-item-actions .action-item.action-duplicate {
        display: none; }
.view-static-pages .course-nav-item {
  padding: 15px 5px 15px 20px;
  background: white; }
  .view-static-pages .course-nav-item.is-fixed {
    -webkit-transition: opacity 0.25s ease-in-out 0s;
    -moz-transition: opacity 0.25s ease-in-out 0s;
    transition: opacity 0.25s ease-in-out 0s;
    opacity: 0.5; }
  .view-static-pages .course-nav-item .course-nav-item-header {
    display: inline-block;
    width: 80%; }
    .view-static-pages .course-nav-item .course-nav-item-header .title-sub {
      color: #b2b2b2; }
  .view-static-pages .course-nav-item .course-nav-item-actions {
    display: inline-block;
    padding: 2px; }
.view-static-pages .component.editing {
  border-left: 1px solid #b0b6c2;
  border-right: 1px solid #b0b6c2; }
  .view-static-pages .component.editing .xblock-student_view {
    display: none; }
.view-static-pages .new .xblock-student_view {
  background: #fffedf; }
.view-static-pages .xblock-student_view {
  -webkit-transition: background-color 3s linear 0s;
  -moz-transition: background-color 3s linear 0s;
  transition: background-color 3s linear 0s;
  padding: 20px 20px 22px;
  background: white; }
.view-static-pages .static-page-item {
  position: relative;
  margin: 10px 0;
  padding: 22px 20px;
  border: 1px solid #8891a1;
  border-radius: 3px;
  background: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
  .view-static-pages .static-page-item .item-actions {
    margin-top: 19px;
    margin-right: 12px; }

.edit-static-page .main-wrapper {
  margin-top: 40px; }
.edit-static-page .static-page-details {
  padding: 32px 40px; }
  .edit-static-page .static-page-details .row {
    border: none; }
.edit-static-page .page-display-name-input {
  width: 100%; }
.edit-static-page .page-contents {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));
  width: 100%;
  height: 360px;
  padding: 15px;
  border: 1px solid #b0b6c2;
  border-radius: 2px;
  background-color: #edf1f5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  font-family: Monaco, monospace;
  color: #3c3c3c;
  outline: 0; }

.view-container .content-supplementary .bit-publishing .wrapper-release .release-with, .view-container .content-supplementary .bit-publishing .wrapper-visibility .inherited-from, .view-container .content-supplementary .bit-publishing .wrapper-visibility .note-visibility {
  display: block; }

.view-container .wrapper-mast .mast {
  border-bottom: none;
  padding-bottom: 0; }
  .view-container .wrapper-mast .mast .page-header .is-editable .incontext-editor-input {
    -webkit-transition: box-shadow 0.5s ease-in-out 0, color 0.5s ease-in-out 0;
    -moz-transition: box-shadow 0.5s ease-in-out 0, color 0.5s ease-in-out 0;
    transition: box-shadow 0.5s ease-in-out 0, color 0.5s ease-in-out 0;
    width: 100%;
    background: none repeat scroll 0 0 white;
    border: 0;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2) inset; }
    .view-container .wrapper-mast .mast .page-header .is-editable .incontext-editor-input:focus {
      box-shadow: 0 0 2px 2px rgba(0, 159, 230, 0.5) inset;
      color: #009fe6; }
  .view-container .wrapper-mast .mast.has-actions .nav-actions .button {
    padding: 5px 15px; }
.view-container .content-primary .no-container-content {
  padding: 30px 40px; }
  .view-container .content-primary .no-container-content .fa-warning {
    display: none; }
.view-container .content-primary .container-message .message {
  border-radius: 3px 3px 0 0; }
.view-container .content-primary .ui-sortable-helper article {
  display: none; }
.view-container .content-primary .component-placeholder {
  height: 50px;
  opacity: .5;
  margin: 20px;
  background-color: #f2f2f2;
  border-radius: 10px;
  border: 2px dashed #b2b2b2; }
.view-container .content-supplementary .bit-publishing.staff-only.is-scheduled .wrapper-release .copy, .view-container .content-supplementary .bit-publishing.is-staff-only.is-scheduled .wrapper-release .copy {
  text-decoration: line-through; }
.view-container .content-supplementary .bit-publishing .bar-mod-content {
  border: 0;
  padding: 10px 15px 5px 15px; }
  .view-container .content-supplementary .bit-publishing .bar-mod-content .title {
    margin-bottom: 2px; }
.view-container .content-supplementary .bit-publishing .wrapper-visibility .copy {
  margin-bottom: 2px; }
.view-container .content-supplementary .bit-publishing .wrapper-visibility .icon {
  color: #656565; }
.view-container .content-supplementary .bit-publishing .wrapper-visibility .note-visibility .icon {
  margin-right: 5px; }
.view-container .content-supplementary .bit-publishing .wrapper-pub-actions {
  border-top: 1px solid #e5e5e5;
  margin-top: 10px;
  padding: 20px 15px 15px 15px; }
  .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-publish {
    display: block;
    padding: 5px 10px 6.66667px 10px; }
  .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-discard {
    display: block;
    margin-top: 10px;
    text-align: right; }
    .view-container .content-supplementary .bit-publishing .wrapper-pub-actions .action-discard.is-disabled {
      pointer-events: none;
      color: #989898; }
.view-container .content-supplementary .unit-publish-history .wrapper-last-publish {
  margin-bottom: 20px;
  padding: 15px;
  background-color: white; }
  .view-container .content-supplementary .unit-publish-history .wrapper-last-publish .copy {
    color: #7f7f7f; }
.view-container .content-supplementary .unit-location, .view-container .content-supplementary .library-location {
  border-top: none; }
  .view-container .content-supplementary .unit-location .wrapper-unit-id .unit-id-value, .view-container .content-supplementary .unit-location .wrapper-unit-id .library-id-value, .view-container .content-supplementary .unit-location .wrapper-library-id .unit-id-value, .view-container .content-supplementary .unit-location .wrapper-library-id .library-id-value, .view-container .content-supplementary .library-location .wrapper-unit-id .unit-id-value, .view-container .content-supplementary .library-location .wrapper-unit-id .library-id-value, .view-container .content-supplementary .library-location .wrapper-library-id .unit-id-value, .view-container .content-supplementary .library-location .wrapper-library-id .library-id-value {
    display: inline-block;
    width: 100%; }
  .view-container .content-supplementary .unit-location .wrapper-unit-id .tip, .view-container .content-supplementary .unit-location .wrapper-library-id .tip, .view-container .content-supplementary .library-location .wrapper-unit-id .tip, .view-container .content-supplementary .library-location .wrapper-library-id .tip {
    display: inline-block;
    margin: 5px 0;
    color: #b2b2b2; }
  .view-container .content-supplementary .unit-location .wrapper-unit-tree-location .item-title a, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .item-title a {
    color: #009fe6; }
    .view-container .content-supplementary .unit-location .wrapper-unit-tree-location .item-title a:hover, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .item-title a:hover {
      color: #bd9730; }
  .view-container .content-supplementary .unit-location .wrapper-unit-tree-location .is-current, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .is-current {
    background: #e5e5e5; }
    .view-container .content-supplementary .unit-location .wrapper-unit-tree-location .is-current .unit-title a, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .is-current .unit-title a {
      color: #4c4c4c; }
  .view-container .content-supplementary .unit-location .wrapper-unit-tree-location .section-header, .view-container .content-supplementary .unit-location .wrapper-unit-tree-location .subsection-header, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .section-header, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .subsection-header {
    line-height: 0;
    margin-bottom: 10px; }
  .view-container .content-supplementary .unit-location .wrapper-unit-tree-location .section-header, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .section-header {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px; }
  .view-container .content-supplementary .unit-location .wrapper-unit-tree-location .outline-subsection, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .outline-subsection {
    border: none;
    padding: 0; }
  .view-container .content-supplementary .unit-location .wrapper-unit-tree-location .outline-unit, .view-container .content-supplementary .library-location .wrapper-unit-tree-location .outline-unit {
    padding: 3px 6px; }

.view-team .content-primary, .view-team .content-supplementary {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.view-team .content .introduction {
  margin: 0 0 40px 0; }
.view-team .content .notice-create {
  width: flexgrid(9, 9);
  margin-top: 20px; }
  .view-team .content .notice-create.has-actions .msg, .view-team .content .notice-create.has-actions .list-actions {
    display: inline-block;
    vertical-align: middle; }
  .view-team .content .notice-create.has-actions .msg {
    width: 65.71429%;
    margin-right: 2.12766%; }
  .view-team .content .notice-create.has-actions .list-actions {
    width: 31.42857%;
    text-align: right;
    margin-top: 0; }
    .view-team .content .notice-create.has-actions .list-actions .action-primary {
      padding: 10px 20px; }
.view-team .wrapper-create-user.is-shown {
  height: 300px; }
.view-team .user-list, .view-team .user-item, .view-team .item-metadata, .view-team .item-actions {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.view-team .user-list .user-item {
  position: relative;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 25px 30px 20px 30px; }
  .view-team .user-list .user-item:after {
    content: "";
    display: table;
    clear: both; }
  .view-team .user-list .user-item:last-child {
    margin-bottom: 0; }
  .view-team .user-list .user-item .item-metadata, .view-team .user-list .user-item .item-actions {
    display: inline-block;
    vertical-align: middle; }
  .view-team .user-list .user-item .flag-role {
    color: white; }
    .view-team .user-list .user-item .flag-role .msg-you {
      margin-left: 4px;
      text-transform: none;
      color: #e2a7c2; }
    .view-team .user-list .user-item .flag-role:after {
      border-bottom-color: #240714; }
    .view-team .user-list .user-item .flag-role.flag-role-staff {
      background: #86576c; }
    .view-team .user-list .user-item .flag-role.flag-role-admin, .view-team .user-list .user-item .flag-role.flag-role-instructor {
      background: #b72567; }
    .view-team .user-list .user-item .flag-role.flag-role-user, .view-team .user-list .user-item .flag-role.flag-role-library_user {
      background: #bd9730; }
      .view-team .user-list .user-item .flag-role.flag-role-user .msg-you, .view-team .user-list .user-item .flag-role.flag-role-library_user .msg-you {
        color: #f0ca63; }
  .view-team .user-list .user-item .item-metadata {
    width: 42.85714%;
    margin-right: 2.12766%; }
    .view-team .user-list .user-item .item-metadata .user-username, .view-team .user-list .user-item .item-metadata .user-email {
      display: inline-block;
      vertical-align: middle; }
    .view-team .user-list .user-item .item-metadata .user-username {
      -webkit-transition: color 0.25s ease-in-out 0s;
      -moz-transition: color 0.25s ease-in-out 0s;
      transition: color 0.25s ease-in-out 0s;
      margin: 0 10px 2px 0;
      color: #191919; }
  .view-team .user-list .user-item .item-actions {
    width: 54.28571%;
    position: static;
    text-align: right; }
    .view-team .user-list .user-item .item-actions .action {
      display: inline-block;
      vertical-align: middle; }
    .view-team .user-list .user-item .item-actions .action-role {
      width: 87.09677%;
      margin-right: 2.12766%; }
      .view-team .user-list .user-item .item-actions .action-role .add-admin-role {
        -webkit-transition: background-color 0.15s, box-shadow 0.15s;
        -moz-transition: background-color 0.15s, box-shadow 0.15s;
        transition: background-color 0.15s, box-shadow 0.15s;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
        display: inline-block;
        padding: 4px 20px 5px;
        background-color: rgba(255, 255, 255, 0.3);
        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
        background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
        border: 1px solid #007fb8;
        border-radius: 3px;
        background-color: #009fe6;
        color: white;
        -webkit-transition: all 0.15s;
        -moz-transition: all 0.15s;
        transition: all 0.15s;
        display: inline-block;
        padding: 4px 20px; }
        .view-team .user-list .user-item .item-actions .action-role .add-admin-role.disabled, .view-team .user-list .user-item .item-actions .action-role .add-admin-role.is-disabled {
          border: 1px solid #989898 !important;
          border-radius: 3px !important;
          background: #989898 !important;
          color: #656565 !important;
          pointer-events: none;
          cursor: none; }
          .view-team .user-list .user-item .item-actions .action-role .add-admin-role.disabled:hover, .view-team .user-list .user-item .item-actions .action-role .add-admin-role.disabled:focus, .view-team .user-list .user-item .item-actions .action-role .add-admin-role.is-disabled:hover, .view-team .user-list .user-item .item-actions .action-role .add-admin-role.is-disabled:focus {
            box-shadow: 0 0 0 0 !important; }
        .view-team .user-list .user-item .item-actions .action-role .add-admin-role:hover, .view-team .user-list .user-item .item-actions .action-role .add-admin-role:focus, .view-team .user-list .user-item .item-actions .action-role .add-admin-role:active {
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
        .view-team .user-list .user-item .item-actions .action-role .add-admin-role:hover, .view-team .user-list .user-item .item-actions .action-role .add-admin-role:focus, .view-team .user-list .user-item .item-actions .action-role .add-admin-role:active {
          background-color: #009fe6;
          color: white; }
        .view-team .user-list .user-item .item-actions .action-role .add-admin-role.disabled, .view-team .user-list .user-item .item-actions .action-role .add-admin-role.is-disabled {
          box-shadow: none;
          border: 1px solid #99d8f5 !important;
          background: #99d8f5 !important;
          color: white !important; }
      .view-team .user-list .user-item .item-actions .action-role .remove-admin-role {
        -webkit-transition: background-color 0.15s, box-shadow 0.15s;
        -moz-transition: background-color 0.15s, box-shadow 0.15s;
        transition: background-color 0.15s, box-shadow 0.15s;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
        display: inline-block;
        padding: 4px 20px 5px;
        background-color: rgba(255, 255, 255, 0.3);
        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
        background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
        border: 1px solid #4c4c4c;
        border-radius: 3px;
        background-color: #d1dae3;
        color: #6d788b;
        -webkit-transition: all 0.15s;
        -moz-transition: all 0.15s;
        transition: all 0.15s;
        display: inline-block;
        padding: 4px 20px; }
        .view-team .user-list .user-item .item-actions .action-role .remove-admin-role.disabled, .view-team .user-list .user-item .item-actions .action-role .remove-admin-role.is-disabled {
          border: 1px solid #989898 !important;
          border-radius: 3px !important;
          background: #989898 !important;
          color: #656565 !important;
          pointer-events: none;
          cursor: none; }
          .view-team .user-list .user-item .item-actions .action-role .remove-admin-role.disabled:hover, .view-team .user-list .user-item .item-actions .action-role .remove-admin-role.disabled:focus, .view-team .user-list .user-item .item-actions .action-role .remove-admin-role.is-disabled:hover, .view-team .user-list .user-item .item-actions .action-role .remove-admin-role.is-disabled:focus {
            box-shadow: 0 0 0 0 !important; }
        .view-team .user-list .user-item .item-actions .action-role .remove-admin-role:hover, .view-team .user-list .user-item .item-actions .action-role .remove-admin-role:focus, .view-team .user-list .user-item .item-actions .action-role .remove-admin-role:active {
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
        .view-team .user-list .user-item .item-actions .action-role .remove-admin-role:hover {
          background-color: #d9e3ee;
          color: #6d788b; }
      .view-team .user-list .user-item .item-actions .action-role .notoggleforyou {
        color: #b2b2b2; }
    .view-team .user-list .user-item .item-actions .action-delete {
      width: 9.67742%; }
      .view-team .user-list .user-item .item-actions .action-delete.is-disabled {
        opacity: 0.0;
        visibility: hidden;
        pointer-events: none; }
    .view-team .user-list .user-item .item-actions .delete-button {
      margin-right: 0;
      float: none;
      color: inherit; }

.view-textbooks .content-primary, .view-textbooks .content-supplementary {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.view-textbooks .content-primary .textbook {
  position: relative; }
  .view-textbooks .content-primary .textbook .view-textbook {
    padding: 20px 30px; }
    .view-textbooks .content-primary .textbook .view-textbook header {
      margin-bottom: 0;
      border-bottom: 0; }
    .view-textbooks .content-primary .textbook .view-textbook .textbook-title {
      margin-right: 280px; }
    .view-textbooks .content-primary .textbook .view-textbook .ui-toggle-expansion {
      -webkit-transition: rotate 0.15s ease-in-out 0.25s;
      -moz-transition: rotate 0.15s ease-in-out 0.25s;
      transition: rotate 0.15s ease-in-out 0.25s;
      display: inline-block;
      width: 15px;
      vertical-align: text-bottom; }
    .view-textbooks .content-primary .textbook .view-textbook.is-selectable:hover {
      color: #009fe6; }
      .view-textbooks .content-primary .textbook .view-textbook.is-selectable:hover .ui-toggle-expansion {
        color: #009fe6; }
    .view-textbooks .content-primary .textbook .view-textbook .chapters {
      margin-left: 20px; }
      .view-textbooks .content-primary .textbook .view-textbook .chapters .chapter {
        margin-bottom: 5px;
        border-bottom: 1px solid #e5e5e5; }
        .view-textbooks .content-primary .textbook .view-textbook .chapters .chapter .chapter-name {
          display: inline-block;
          vertical-align: middle;
          width: 45%;
          margin-right: 10px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .view-textbooks .content-primary .textbook .view-textbook .chapters .chapter .chapter-asset-path {
          display: inline-block;
          width: 50%;
          color: #989898; }
    .view-textbooks .content-primary .textbook .view-textbook .actions {
      -webkit-transition: opacity 0.15s 0.25s ease-in-out;
      -moz-transition: opacity 0.15s 0.25s ease-in-out;
      transition: opacity 0.15s 0.25s ease-in-out;
      opacity: 0.0;
      position: absolute;
      top: 20px;
      right: 20px; }
      .view-textbooks .content-primary .textbook .view-textbook .actions .action {
        display: inline-block;
        margin-right: 5px; }
        .view-textbooks .content-primary .textbook .view-textbook .actions .action .view {
          -webkit-transition: background-color 0.15s, box-shadow 0.15s;
          -moz-transition: background-color 0.15s, box-shadow 0.15s;
          transition: background-color 0.15s, box-shadow 0.15s;
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
          display: inline-block;
          padding: 4px 20px 5px;
          background-color: rgba(255, 255, 255, 0.3);
          background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
          background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
          border: 1px solid #007fb8;
          border-radius: 3px;
          background-color: #009fe6;
          color: white; }
          .view-textbooks .content-primary .textbook .view-textbook .actions .action .view.disabled, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view.is-disabled {
            border: 1px solid #989898 !important;
            border-radius: 3px !important;
            background: #989898 !important;
            color: #656565 !important;
            pointer-events: none;
            cursor: none; }
            .view-textbooks .content-primary .textbook .view-textbook .actions .action .view.disabled:hover, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view.disabled:focus, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view.is-disabled:hover, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view.is-disabled:focus {
              box-shadow: 0 0 0 0 !important; }
          .view-textbooks .content-primary .textbook .view-textbook .actions .action .view:hover, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view:focus, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view:active {
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
          .view-textbooks .content-primary .textbook .view-textbook .actions .action .view:hover, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view:focus, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view:active {
            background-color: #009fe6;
            color: white; }
          .view-textbooks .content-primary .textbook .view-textbook .actions .action .view.disabled, .view-textbooks .content-primary .textbook .view-textbook .actions .action .view.is-disabled {
            box-shadow: none;
            border: 1px solid #99d8f5 !important;
            background: #99d8f5 !important;
            color: white !important; }
        .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit {
          -webkit-transition: background-color 0.15s, box-shadow 0.15s;
          -moz-transition: background-color 0.15s, box-shadow 0.15s;
          transition: background-color 0.15s, box-shadow 0.15s;
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
          display: inline-block;
          padding: 4px 20px 5px;
          background-color: rgba(255, 255, 255, 0.3);
          background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
          background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
          border: 1px solid #007fb8;
          border-radius: 3px;
          background-color: #009fe6;
          color: white; }
          .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit.disabled, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit.is-disabled {
            border: 1px solid #989898 !important;
            border-radius: 3px !important;
            background: #989898 !important;
            color: #656565 !important;
            pointer-events: none;
            cursor: none; }
            .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit.disabled:hover, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit.disabled:focus, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit.is-disabled:hover, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit.is-disabled:focus {
              box-shadow: 0 0 0 0 !important; }
          .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit:hover, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit:focus, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit:active {
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
          .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit:hover, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit:focus, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit:active {
            background-color: #009fe6;
            color: white; }
          .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit.disabled, .view-textbooks .content-primary .textbook .view-textbook .actions .action .edit.is-disabled {
            box-shadow: none;
            border: 1px solid #99d8f5 !important;
            background: #99d8f5 !important;
            color: white !important; }
  .view-textbooks .content-primary .textbook:hover .actions {
    opacity: 1.0; }
  .view-textbooks .content-primary .textbook .edit-textbook {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    width: 100%;
    background: white; }
    .view-textbooks .content-primary .textbook .edit-textbook .wrapper-form {
      padding: 20px 30px; }
    .view-textbooks .content-primary .textbook .edit-textbook fieldset {
      margin-bottom: 20px; }
    .view-textbooks .content-primary .textbook .edit-textbook .actions {
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
      border-top: 1px solid #989898;
      padding: 15px 20px;
      background: #f8f8f8; }
      .view-textbooks .content-primary .textbook .edit-textbook .actions .action {
        margin-right: 5px; }
        .view-textbooks .content-primary .textbook .edit-textbook .actions .action:last-child {
          margin-right: 0; }
      .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary {
        -webkit-transition: background-color 0.15s, box-shadow 0.15s;
        -moz-transition: background-color 0.15s, box-shadow 0.15s;
        transition: background-color 0.15s, box-shadow 0.15s;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
        display: inline-block;
        padding: 4px 20px 5px;
        background-color: rgba(255, 255, 255, 0.3);
        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
        background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
        border: 1px solid #007fb8;
        border-radius: 3px;
        background-color: #009fe6;
        color: white;
        -webkit-transition: all 0.15s;
        -moz-transition: all 0.15s;
        transition: all 0.15s;
        display: inline-block;
        padding: 4px 20px;
        text-transform: uppercase; }
        .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary.disabled, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary.is-disabled {
          border: 1px solid #989898 !important;
          border-radius: 3px !important;
          background: #989898 !important;
          color: #656565 !important;
          pointer-events: none;
          cursor: none; }
          .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary.disabled:hover, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary.disabled:focus, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary.is-disabled:hover, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary.is-disabled:focus {
            box-shadow: 0 0 0 0 !important; }
        .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary:hover, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary:focus, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary:active {
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
        .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary:hover, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary:focus, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary:active {
          background-color: #009fe6;
          color: white; }
        .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary.disabled, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-primary.is-disabled {
          box-shadow: none;
          border: 1px solid #99d8f5 !important;
          background: #99d8f5 !important;
          color: white !important; }
      .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary {
        -webkit-transition: background-color 0.15s, box-shadow 0.15s;
        -moz-transition: background-color 0.15s, box-shadow 0.15s;
        transition: background-color 0.15s, box-shadow 0.15s;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 transparent;
        display: inline-block;
        padding: 4px 20px 5px;
        background-color: rgba(255, 255, 255, 0.3);
        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
        background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
        border: 1px solid #4c4c4c;
        border-radius: 3px;
        background-color: #d1dae3;
        color: #6d788b;
        -webkit-transition: all 0.15s;
        -moz-transition: all 0.15s;
        transition: all 0.15s;
        display: inline-block;
        padding: 4px 20px;
        text-transform: uppercase; }
        .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary.disabled, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary.is-disabled {
          border: 1px solid #989898 !important;
          border-radius: 3px !important;
          background: #989898 !important;
          color: #656565 !important;
          pointer-events: none;
          cursor: none; }
          .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary.disabled:hover, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary.disabled:focus, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary.is-disabled:hover, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary.is-disabled:focus {
            box-shadow: 0 0 0 0 !important; }
        .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary:hover, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary:focus, .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary:active {
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15); }
        .view-textbooks .content-primary .textbook .edit-textbook .actions .action-secondary:hover {
          background-color: #d9e3ee;
          color: #6d788b; }
    .view-textbooks .content-primary .textbook .edit-textbook .copy {
      margin: 20px 0 10px 0;
      color: #7f7f7f; }
    .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field,
    .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field {
      margin: 0 0 15px 0; }
      .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field:last-child,
      .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field:last-child {
        margin-bottom: 0; }
      .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field.required label:after,
      .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field.required label:after {
        margin-left: 5px;
        content: "*"; }
      .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field label, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea,
      .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field label,
      .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input,
      .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea {
        display: block; }
      .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field label,
      .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field label {
        -webkit-transition: color, 0.15s, ease-in-out;
        -moz-transition: color, 0.15s, ease-in-out;
        transition: color, 0.15s, ease-in-out;
        margin: 0 0 5px 0; }
        .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field label.is-focused,
        .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field label.is-focused {
          color: #009fe6; }
      .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea,
      .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input,
      .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea {
        height: 100%;
        width: 100%;
        padding: 10px; }
        .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input.long, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea.long,
        .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input.long,
        .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea.long {
          width: 100%; }
        .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input.short, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea.short,
        .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input.short,
        .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea.short {
          width: 25%; }
        .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input ::-webkit-input-placeholder, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea ::-webkit-input-placeholder,
        .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input ::-webkit-input-placeholder,
        .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea ::-webkit-input-placeholder {
          color: #e5e5e5; }
        .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input :-moz-placeholder, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea :-moz-placeholder,
        .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input :-moz-placeholder,
        .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea :-moz-placeholder {
          color: #cbcbcb; }
        .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input ::-moz-placeholder, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea ::-moz-placeholder,
        .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input ::-moz-placeholder,
        .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea ::-moz-placeholder {
          color: #cbcbcb; }
        .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input :-ms-input-placeholder, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea :-ms-input-placeholder,
        .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input :-ms-input-placeholder,
        .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea :-ms-input-placeholder {
          color: #cbcbcb; }
        .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input:focus + .tip, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea:focus + .tip,
        .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input:focus + .tip,
        .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea:focus + .tip {
          color: #7f7f7f; }
      .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field textarea.long,
      .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field textarea.long {
        height: 100px; }
      .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input[type="checkbox"],
      .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input[type="checkbox"] {
        display: inline-block;
        margin-right: 5px;
        width: auto;
        height: auto; }
        .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field input[type="checkbox"] + label,
        .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field input[type="checkbox"] + label {
          display: inline-block; }
      .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field .tip,
      .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field .tip {
        -webkit-transition: color, 0.15s, ease-in-out;
        -moz-transition: color, 0.15s, ease-in-out;
        transition: color, 0.15s, ease-in-out;
        display: block;
        margin-top: 5px;
        color: #cbcbcb; }
      .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field.error label,
      .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field.error label {
        color: #b20610; }
      .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field.error input,
      .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field.error input {
        border-color: #b20610; }
    .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group,
    .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group {
      margin: 0 0 10px 0; }
      .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group:after,
      .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group:after {
        content: "";
        display: table;
        clear: both; }
      .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field,
      .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field {
        display: block;
        width: 46%;
        border-bottom: none;
        margin: 0 15px 0 0;
        padding: 5px 0 0 0;
        float: left;
        position: relative; }
        .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field input, .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field textarea,
        .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field input,
        .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field textarea {
          width: 100%; }
        .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .field .action-upload,
        .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .field .action-upload {
          position: absolute;
          top: 3px;
          right: 0; }
      .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .action-close,
      .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .action-close {
        -webkit-transition: color 0.25s ease-in-out;
        -moz-transition: color 0.25s ease-in-out;
        transition: color 0.25s ease-in-out;
        display: inline-block;
        float: right;
        margin-top: 40px;
        border: 0;
        padding: 0;
        background: transparent;
        color: #99d8f5; }
        .view-textbooks .content-primary .textbook .edit-textbook .chapters-fields .field-group .action-close:hover,
        .view-textbooks .content-primary .textbook .edit-textbook .textbook-fields .field-group .action-close:hover {
          color: #009fe6; }
    .view-textbooks .content-primary .textbook .edit-textbook .action-add-chapter {
      display: block;
      width: 100%;
      margin: 30px 0 0 0;
      padding: 10px; }

.view-export-git .content-primary, .view-export-git .content-supplementary {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left; }
.view-export-git .content-primary {
  width: 74.46809%;
  margin-right: 2.12766%; }
.view-export-git .content-supplementary {
  width: 23.40426%; }
.view-export-git .error-text {
  color: #fd5757; }
.view-export-git .export-git-info-block dt {
  margin-top: 12px; }
.view-export-git .export-git-info-block dd {
  margin-bottom: 20px; }
.view-export-git .export-git-info-block .course_text {
  color: #25b85a; }
.view-export-git .export-git-info-block .giturl_text {
  color: #009fe6; }
.view-export-git .export-git-controls {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 30px 30px 30px; }
  .view-export-git .export-git-controls .action-export-git {
    display: block;
    margin: 20px 0;
    padding: 15px 20px; }
  .view-export-git .export-git-controls .action .icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px; }
  .view-export-git .export-git-controls .action .copy {
    display: inline-block;
    vertical-align: middle; }

.view-group-configurations .content-primary, .view-group-configurations .content-supplementary {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left; }
.view-group-configurations .content-primary {
  width: 74.46809%;
  margin-right: 2.12766%; }
  .view-group-configurations .content-primary .notice-moduledisabled {
    background-color: white;
    padding: 30px 20px;
    text-align: center; }
  .view-group-configurations .content-primary .wrapper-groups {
    margin-bottom: 30px; }
    .view-group-configurations .content-primary .wrapper-groups .title {
      margin-bottom: 10px; }
  .view-group-configurations .content-primary .wrapper-collection {
    position: relative;
    outline: none; }
    .view-group-configurations .content-primary .wrapper-collection:hover .collection .actions {
      opacity: 1.0; }
    .view-group-configurations .content-primary .wrapper-collection .collection-details {
      padding: 20px 30px; }
    .view-group-configurations .content-primary .wrapper-collection .collection-header {
      margin-bottom: 0;
      border-bottom: 0;
      padding-bottom: 0; }
      .view-group-configurations .content-primary .wrapper-collection .collection-header .title {
        margin-right: 280px;
        color: black; }
        .view-group-configurations .content-primary .wrapper-collection .collection-header .title .toggle {
          display: inline-block;
          padding-left: 20px;
          color: black; }
          .view-group-configurations .content-primary .wrapper-collection .collection-header .title .toggle:hover, .view-group-configurations .content-primary .wrapper-collection .collection-header .title .toggle:focus {
            color: #009fe6; }
          .view-group-configurations .content-primary .wrapper-collection .collection-header .title .toggle .ui-toggle-expansion {
            -webkit-transition: rotate 0.15s ease-in-out 0.25s;
            -moz-transition: rotate 0.15s ease-in-out 0.25s;
            transition: rotate 0.15s ease-in-out 0.25s;
            display: inline-block;
            width: 15px;
            vertical-align: baseline;
            margin-left: -20px; }
          .view-group-configurations .content-primary .wrapper-collection .collection-header .title .toggle.is-selectable:hover {
            color: #009fe6; }
            .view-group-configurations .content-primary .wrapper-collection .collection-header .title .toggle.is-selectable:hover .ui-toggle-expansion {
              color: #009fe6; }
    .view-group-configurations .content-primary .wrapper-collection .collection-info {
      color: #989898;
      margin-left: 20px; }
      .view-group-configurations .content-primary .wrapper-collection .collection-info.group-configuration-info-inline {
        display: table;
        width: 70%;
        margin: 5px 0 10px 20px; }
        .view-group-configurations .content-primary .wrapper-collection .collection-info.group-configuration-info-inline li {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          display: table-cell;
          margin-right: 1%; }
          .view-group-configurations .content-primary .wrapper-collection .collection-info.group-configuration-info-inline li.group-configuration-usage-count {
            font-style: italic; }
      .view-group-configurations .content-primary .wrapper-collection .collection-info.group-configuration-info-block li {
        padding: 5px 0; }
      .view-group-configurations .content-primary .wrapper-collection .collection-info.collection-info-inline {
        display: table;
        width: 70%;
        margin: 5px 0 10px 20px; }
        .view-group-configurations .content-primary .wrapper-collection .collection-info.collection-info-inline li {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          display: table-cell;
          margin-right: 1%;
          padding: 5px 0; }
          .view-group-configurations .content-primary .wrapper-collection .collection-info.collection-info-inline li.collection-usage-count {
            font-style: italic; }
      .view-group-configurations .content-primary .wrapper-collection .collection-info .collection-label {
        text-transform: uppercase; }
      .view-group-configurations .content-primary .wrapper-collection .collection-info .collection-description {
        overflow: hidden;
        text-overflow: ellipsis; }
    .view-group-configurations .content-primary .wrapper-collection .collection-items {
      margin-left: 20px;
      margin-bottom: 15px; }
      .view-group-configurations .content-primary .wrapper-collection .collection-items .item {
        padding: 2.85714px 0 5px;
        border-top: 1px solid #e5e5e5;
        white-space: nowrap; }
        .view-group-configurations .content-primary .wrapper-collection .collection-items .item:first-child {
          border-top: none; }
        .view-group-configurations .content-primary .wrapper-collection .collection-items .item .name {
          overflow: hidden;
          text-overflow: ellipsis;
          display: inline-block;
          vertical-align: middle;
          width: 75%;
          margin-right: 5%; }
    .view-group-configurations .content-primary .wrapper-collection .collection-details .actions {
      -webkit-transition: opacity 0.15s 0.25s ease-in-out;
      -moz-transition: opacity 0.15s 0.25s ease-in-out;
      transition: opacity 0.15s 0.25s ease-in-out;
      position: absolute;
      top: 20px;
      right: 20px;
      opacity: 0.0; }
      .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px; }
        .view-group-configurations .content-primary .wrapper-collection .collection-details .actions .action .delete.is-disabled {
          background-color: #cbcbcb;
          color: #f8f8f8; }
    .view-group-configurations .content-primary .wrapper-collection .collection-references {
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
      padding: 20px 30px 20px 50px;
      color: #989898; }
      .view-group-configurations .content-primary .wrapper-collection .collection-references .usage {
        margin-left: 20px; }
        .view-group-configurations .content-primary .wrapper-collection .collection-references .usage .usage-unit {
          padding: 5px 0; }
          .view-group-configurations .content-primary .wrapper-collection .collection-references .usage .usage-unit .fa-warning {
            margin: 5px 10px 0 30px;
            color: #edbd3c; }
          .view-group-configurations .content-primary .wrapper-collection .collection-references .usage .usage-unit .fa-times-circle {
            margin: 5px 10px 0 30px;
            color: #d0696f; }
    .view-group-configurations .content-primary .wrapper-collection .usage-validation {
      background-color: #f8f8f8;
      margin-top: 20px;
      padding: 20px 30px 20px 30px; }
      .view-group-configurations .content-primary .wrapper-collection .usage-validation .fa-warning {
        margin: 10px 20px 0 0;
        color: #edbd3c;
        float: left; }
      .view-group-configurations .content-primary .wrapper-collection .usage-validation .collection-validation-text {
        overflow: auto; }
    .view-group-configurations .content-primary .wrapper-collection .collection-edit {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 2px;
      width: 100%;
      background: white; }
      .view-group-configurations .content-primary .wrapper-collection .collection-edit .message {
        margin-bottom: 0; }
      .view-group-configurations .content-primary .wrapper-collection .collection-edit .wrapper-form {
        padding: 20px 30px; }
      .view-group-configurations .content-primary .wrapper-collection .collection-edit .tip {
        -webkit-transition: color, 0.15s, ease-in-out;
        -moz-transition: color, 0.15s, ease-in-out;
        transition: color, 0.15s, ease-in-out;
        display: block;
        margin-top: 5px;
        color: #cbcbcb; }
      .view-group-configurations .content-primary .wrapper-collection .collection-edit .is-focused .tip {
        color: #7f7f7f; }
      .view-group-configurations .content-primary .wrapper-collection .collection-edit .collection-fields {
        margin-bottom: 20px; }
      .view-group-configurations .content-primary .wrapper-collection .collection-edit .field {
        margin: 0 0 15px 0; }
        .view-group-configurations .content-primary .wrapper-collection .collection-edit .field.required label:after {
          margin-left: 5px;
          content: "*"; }
        .view-group-configurations .content-primary .wrapper-collection .collection-edit .field label, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field input, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea {
          display: block; }
        .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea {
          resize: vertical; }
        .view-group-configurations .content-primary .wrapper-collection .collection-edit .field label {
          -webkit-transition: color, 0.15s, ease-in-out;
          -moz-transition: color, 0.15s, ease-in-out;
          transition: color, 0.15s, ease-in-out;
          margin: 0 0 5px 0; }
          .view-group-configurations .content-primary .wrapper-collection .collection-edit .field label.is-focused {
            color: #009fe6; }
        .view-group-configurations .content-primary .wrapper-collection .collection-edit .field input, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea {
          height: 100%;
          width: 100%;
          padding: 10px; }
          .view-group-configurations .content-primary .wrapper-collection .collection-edit .field input.long, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea.long {
            width: 100%; }
          .view-group-configurations .content-primary .wrapper-collection .collection-edit .field input.short, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea.short {
            width: 25%; }
          .view-group-configurations .content-primary .wrapper-collection .collection-edit .field input ::-webkit-input-placeholder, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea ::-webkit-input-placeholder {
            color: #e5e5e5; }
          .view-group-configurations .content-primary .wrapper-collection .collection-edit .field input :-moz-placeholder, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea :-moz-placeholder {
            color: #cbcbcb; }
          .view-group-configurations .content-primary .wrapper-collection .collection-edit .field input ::-moz-placeholder, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea ::-moz-placeholder {
            color: #cbcbcb; }
          .view-group-configurations .content-primary .wrapper-collection .collection-edit .field input :-ms-input-placeholder, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea :-ms-input-placeholder {
            color: #cbcbcb; }
          .view-group-configurations .content-primary .wrapper-collection .collection-edit .field input:focus + .tip, .view-group-configurations .content-primary .wrapper-collection .collection-edit .field textarea:focus + .tip {
            color: #7f7f7f; }
        .view-group-configurations .content-primary .wrapper-collection .collection-edit .field.error label {
          color: #b20610; }
        .view-group-configurations .content-primary .wrapper-collection .collection-edit .field.error input {
          border-color: #b20610; }
      .view-group-configurations .content-primary .wrapper-collection .collection-edit label.required:after {
        margin-left: 5px;
        content: "*"; }
      .view-group-configurations .content-primary .wrapper-collection .collection-edit .field.add-collection-name label {
        width: 50%;
        display: inline-block;
        vertical-align: bottom; }
      .view-group-configurations .content-primary .wrapper-collection .collection-edit .field.add-collection-name .group-configuration-id {
        display: inline-block;
        width: 45%;
        text-align: right;
        vertical-align: top;
        color: #989898; }
        .view-group-configurations .content-primary .wrapper-collection .collection-edit .field.add-collection-name .group-configuration-id .group-configuration-value {
          white-space: nowrap;
          margin-left: 10px; }
      .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions {
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
        border-top: 1px solid #989898;
        padding: 15px 20px;
        background: #f8f8f8; }
        .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action {
          margin-right: 5px; }
          .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action:last-child {
            margin-right: 0; }
        .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-primary {
          padding: 5px 20px; }
        .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .action-secondary {
          padding: 5px 20px; }
        .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .wrapper-delete-button {
          float: right;
          padding: 5px 10px; }
          .view-group-configurations .content-primary .wrapper-collection .collection-edit .actions .wrapper-delete-button .is-disabled {
            color: #cbcbcb; }
      .view-group-configurations .content-primary .wrapper-collection .collection-edit .copy {
        margin: 20px 0 10px 0;
        color: #7f7f7f; }
    .view-group-configurations .content-primary .wrapper-collection .action-add-item {
      display: block;
      width: 100%;
      margin: 30px 0 0 0;
      padding: 10px; }
  .view-group-configurations .content-primary .action-add {
    display: block;
    width: 100%;
    margin-top: 15px;
    padding: 10px 20px; }
    .view-group-configurations .content-primary .action-add.is-hidden, .view-group-configurations .content-primary .xmodule_display.xmodule_VideoModule .video.closed .action-add.subtitles, .xmodule_display.xmodule_VideoModule .video.closed .view-group-configurations .content-primary .action-add.subtitles, .view-group-configurations .content-primary .mast.has-actions .nav-actions .action-add.button.is-hidden, .mast.has-actions .nav-actions .view-group-configurations .content-primary .action-add.button.is-hidden {
      display: none; }
    .view-group-configurations .content-primary .action-add .icon {
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px; }
  .view-group-configurations .content-primary .content-groups .collection-header .title {
    margin-bottom: 0; }
  .view-group-configurations .content-primary .experiment-groups .group-configuration-details .group-configuration-info {
    color: #989898;
    margin-left: 20px; }
    .view-group-configurations .content-primary .experiment-groups .group-configuration-details .group-configuration-info .group-configuration-label {
      text-transform: uppercase; }
    .view-group-configurations .content-primary .experiment-groups .group-configuration-details .group-configuration-info .group-configuration-description {
      overflow: hidden;
      text-overflow: ellipsis; }
  .view-group-configurations .content-primary .experiment-groups .group-configuration-details .groups {
    margin-left: 20px;
    margin-bottom: 15px; }
    .view-group-configurations .content-primary .experiment-groups .group-configuration-details .groups .group {
      padding: 2.85714px 0 5px;
      border-top: 1px solid #e5e5e5;
      white-space: nowrap; }
      .view-group-configurations .content-primary .experiment-groups .group-configuration-details .groups .group:first-child {
        border-top: none; }
      .view-group-configurations .content-primary .experiment-groups .group-configuration-details .groups .group .group-name {
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        vertical-align: middle;
        width: 75%;
        margin-right: 5%; }
      .view-group-configurations .content-primary .experiment-groups .group-configuration-details .groups .group .group-allocation {
        display: inline-block;
        vertical-align: middle;
        width: 20%;
        color: #989898;
        text-align: right; }
  .view-group-configurations .content-primary .experiment-groups .group-configuration-edit .add-collection-name label {
    padding-right: 5%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom; }
  .view-group-configurations .content-primary .experiment-groups .group-configuration-edit .field-group {
    margin: 0 0 10px 0;
    padding: 5px 0 0 0; }
    .view-group-configurations .content-primary .experiment-groups .group-configuration-edit .field-group:after {
      content: "";
      display: table;
      clear: both; }
    .view-group-configurations .content-primary .experiment-groups .group-configuration-edit .field-group .group-allocation,
    .view-group-configurations .content-primary .experiment-groups .group-configuration-edit .field-group .field {
      display: inline-block;
      vertical-align: middle;
      margin: 0 3% 0 0; }
    .view-group-configurations .content-primary .experiment-groups .group-configuration-edit .field-group .group-allocation {
      max-width: 10%;
      min-width: 5%;
      color: #989898; }
    .view-group-configurations .content-primary .experiment-groups .group-configuration-edit .field-group .field {
      position: relative; }
      .view-group-configurations .content-primary .experiment-groups .group-configuration-edit .field-group .field.long {
        width: 80%; }
      .view-group-configurations .content-primary .experiment-groups .group-configuration-edit .field-group .field.short {
        width: 10%; }
    .view-group-configurations .content-primary .experiment-groups .group-configuration-edit .field-group .action-close {
      -webkit-transition: color 0.25s ease-in-out;
      -moz-transition: color 0.25s ease-in-out;
      transition: color 0.25s ease-in-out;
      display: inline-block;
      border: 0;
      padding: 0;
      background: transparent;
      color: #99d8f5;
      vertical-align: middle; }
      .view-group-configurations .content-primary .experiment-groups .group-configuration-edit .field-group .action-close:hover {
        color: #009fe6; }
.view-group-configurations .content-supplementary {
  width: 23.40426%; }

.view-video-uploads .content-primary, .view-video-uploads .content-supplementary {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.view-video-uploads .nav-actions .fa-cloud-upload {
  vertical-align: bottom;
  margin-right: 4px; }
.view-video-uploads .file-upload-form {
  margin-bottom: 30px;
  width: 100%; }
  .view-video-uploads .file-upload-form:after {
    content: "";
    display: table;
    clear: both; }
  .view-video-uploads .file-upload-form .file-drop-area {
    border: 2px dashed #cbcbcb;
    border-radius: 4px;
    padding: 60px;
    background: white;
    text-align: center; }
    .view-video-uploads .file-upload-form .file-drop-area:hover, .view-video-uploads .file-upload-form .file-drop-area.is-dragged {
      background: #e5f5fc;
      border-style: solid;
      border-color: #ccebfa; }
.view-video-uploads .active-video-upload-container {
  margin-bottom: 40px; }
  .view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload {
    display: inline-block;
    min-height: 80px;
    width: 30.06489%;
    margin: 0.27766%;
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    padding: 10px;
    vertical-align: top; }
    .view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload .video-detail-name {
      margin-bottom: 10px;
      font-size: 90%; }
    .view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload .video-detail-status {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 17.76px;
      line-height: 1.776rem; }
    .view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload .video-detail-progress {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      margin-bottom: 10px;
      border: none;
      width: 100%;
      height: 5px; }
    .view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload .video-detail-progress::-webkit-progress-bar {
      background-color: white; }
    .view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload .video-detail-progress::-webkit-progress-value {
      background-color: #25b85a; }
    .view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload .video-detail-progress::-moz-progress-bar {
      background-color: #25b85a; }
    .view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload:hover {
      -webkit-transition: all 0.125s;
      -moz-transition: all 0.125s;
      transition: all 0.125s;
      background: white; }
    .view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload.queued .video-detail-progress {
      visibility: hidden; }
    .view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload.error .video-detail-status {
      color: #d0696f; }
    .view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload.error .video-detail-progress::-webkit-progress-value {
      background-color: #d0696f; }
    .view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload.error .video-detail-progress::-moz-progress-bar {
      background-color: #d0696f; }
    .view-video-uploads .active-video-upload-container .active-video-upload-list .active-video-upload.success .video-detail-status {
      color: #25b85a; }
.view-video-uploads .assets-library .assets-title {
  display: inline-block;
  width: 54.28571%;
  margin-right: 2.12766%; }
.view-video-uploads .assets-library .wrapper-encodings-download {
  display: inline-block;
  width: 42.85714%;
  text-align: right; }

.view-certificates .content-primary, .view-certificates .content-supplementary {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left; }
.view-certificates .content-primary {
  width: 74.46809%;
  margin-right: 2.12766%; }
  .view-certificates .content-primary .notice-moduledisabled {
    background-color: white;
    padding: 30px 20px;
    text-align: center; }
  .view-certificates .content-primary .wrapper-certificates .instructions {
    margin-bottom: 20px; }
  .view-certificates .content-primary .certificate-settings {
    margin-bottom: 20px; }
  .view-certificates .content-primary .actual-course-title {
    margin-bottom: 20px; }
.view-certificates .content-supplementary {
  width: 23.40426%; }
.view-certificates .certificate-info-section {
  overflow: auto; }
  .view-certificates .certificate-info-section .course-title-section, .view-certificates .certificate-info-section .course-number-section {
    min-width: 47%;
    margin-right: 2%; }

.view-certificates .wrapper-collection {
  position: relative;
  outline: none; }
  .view-certificates .wrapper-collection:hover .collection .actions {
    opacity: 1.0; }
  .view-certificates .wrapper-collection .collection-details {
    padding: 20px 30px; }
  .view-certificates .wrapper-collection .collection-header {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0; }
  .view-certificates .wrapper-collection .collection-info.certificate-info-inline {
    margin: 10px 0; }
  .view-certificates .wrapper-collection .collection-info.collection-info-inline {
    display: table;
    width: 70%;
    margin: 5px 0 10px 20px; }
    .view-certificates .wrapper-collection .collection-info.collection-info-inline li {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: table-cell;
      margin-right: 1%;
      padding: 5px 0; }
  .view-certificates .wrapper-collection .collection-items {
    margin-left: 20px;
    margin-bottom: 15px; }
    .view-certificates .wrapper-collection .collection-items .item {
      padding: 2.85714px 0 5px;
      border-top: 1px solid #e5e5e5;
      white-space: nowrap; }
      .view-certificates .wrapper-collection .collection-items .item:first-child {
        border-top: none; }
      .view-certificates .wrapper-collection .collection-items .item .name {
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        vertical-align: middle;
        width: 75%;
        margin-right: 5%; }
  .view-certificates .wrapper-collection .collection-details .actions {
    -webkit-transition: opacity 0.15s 0.25s ease-in-out;
    -moz-transition: opacity 0.15s 0.25s ease-in-out;
    transition: opacity 0.15s 0.25s ease-in-out;
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 0.0; }
    .view-certificates .wrapper-collection .collection-details .actions .action {
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px; }
      .view-certificates .wrapper-collection .collection-details .actions .action .delete.is-disabled {
        background-color: #cbcbcb;
        color: #f8f8f8; }
  .view-certificates .wrapper-collection .collection-references {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    padding: 20px 30px 20px 50px;
    color: #989898; }
    .view-certificates .wrapper-collection .collection-references .usage {
      margin-left: 20px; }
      .view-certificates .wrapper-collection .collection-references .usage .usage-unit {
        padding: 5px 0; }
        .view-certificates .wrapper-collection .collection-references .usage .usage-unit .fa-warning {
          margin: 5px 10px 0 30px;
          color: #edbd3c; }
        .view-certificates .wrapper-collection .collection-references .usage .usage-unit .fa-times-circle {
          margin: 5px 10px 0 30px;
          color: #d0696f; }
  .view-certificates .wrapper-collection .collection-edit {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    width: 100%;
    background: white; }
    .view-certificates .wrapper-collection .collection-edit .message {
      margin-bottom: 0; }
    .view-certificates .wrapper-collection .collection-edit .wrapper-form {
      padding: 20px 30px; }
    .view-certificates .wrapper-collection .collection-edit .action-add-signatory {
      display: block;
      width: 100%;
      margin-top: 15px;
      padding: 10px 20px; }
    .view-certificates .wrapper-collection .collection-edit .disableClick {
      color: #989898; }
    .view-certificates .wrapper-collection .collection-edit .tip {
      -webkit-transition: color, 0.15s, ease-in-out;
      -moz-transition: color, 0.15s, ease-in-out;
      transition: color, 0.15s, ease-in-out;
      display: block;
      margin-top: 10px;
      color: #b2b2b2; }
    .view-certificates .wrapper-collection .collection-edit .is-focused .tip {
      color: #7f7f7f; }
    .view-certificates .wrapper-collection .collection-edit .collection-fields {
      margin-bottom: 20px; }
    .view-certificates .wrapper-collection .collection-edit .field {
      margin: 0 0 15px 0; }
      .view-certificates .wrapper-collection .collection-edit .field.required label:after {
        margin-left: 5px;
        content: "*"; }
      .view-certificates .wrapper-collection .collection-edit .field label, .view-certificates .wrapper-collection .collection-edit .field input, .view-certificates .wrapper-collection .collection-edit .field textarea {
        display: block; }
      .view-certificates .wrapper-collection .collection-edit .field textarea {
        resize: vertical; }
      .view-certificates .wrapper-collection .collection-edit .field label {
        -webkit-transition: color, 0.15s, ease-in-out;
        -moz-transition: color, 0.15s, ease-in-out;
        transition: color, 0.15s, ease-in-out;
        margin: 0 0 5px 0; }
        .view-certificates .wrapper-collection .collection-edit .field label.is-focused {
          color: #009fe6; }
      .view-certificates .wrapper-collection .collection-edit .field input, .view-certificates .wrapper-collection .collection-edit .field textarea {
        height: 100%;
        width: 100%;
        padding: 10px; }
        .view-certificates .wrapper-collection .collection-edit .field input.long, .view-certificates .wrapper-collection .collection-edit .field textarea.long {
          width: 100%; }
        .view-certificates .wrapper-collection .collection-edit .field input.short, .view-certificates .wrapper-collection .collection-edit .field textarea.short {
          width: 25%; }
        .view-certificates .wrapper-collection .collection-edit .field input ::-webkit-input-placeholder, .view-certificates .wrapper-collection .collection-edit .field textarea ::-webkit-input-placeholder {
          color: #e5e5e5; }
        .view-certificates .wrapper-collection .collection-edit .field input :-moz-placeholder, .view-certificates .wrapper-collection .collection-edit .field textarea :-moz-placeholder {
          color: #cbcbcb; }
        .view-certificates .wrapper-collection .collection-edit .field input ::-moz-placeholder, .view-certificates .wrapper-collection .collection-edit .field textarea ::-moz-placeholder {
          color: #cbcbcb; }
        .view-certificates .wrapper-collection .collection-edit .field input :-ms-input-placeholder, .view-certificates .wrapper-collection .collection-edit .field textarea :-ms-input-placeholder {
          color: #cbcbcb; }
        .view-certificates .wrapper-collection .collection-edit .field input:focus + .tip, .view-certificates .wrapper-collection .collection-edit .field textarea:focus + .tip {
          color: #7f7f7f; }
      .view-certificates .wrapper-collection .collection-edit .field.error label {
        color: #b20610; }
      .view-certificates .wrapper-collection .collection-edit .field.error input {
        border-color: #b20610; }
    .view-certificates .wrapper-collection .collection-edit label.required:after {
      margin-left: 5px;
      content: "*"; }
    .view-certificates .wrapper-collection .collection-edit .field.add-collection-name label {
      width: 50%;
      display: inline-block;
      vertical-align: bottom; }
    .view-certificates .wrapper-collection .collection-edit .field.add-collection-name .certificate-id {
      display: inline-block;
      width: 45%;
      text-align: right;
      vertical-align: top;
      color: #989898; }
      .view-certificates .wrapper-collection .collection-edit .field.add-collection-name .certificate-id .certificate-value {
        white-space: nowrap;
        margin-left: 10px; }
    .view-certificates .wrapper-collection .collection-edit .actions {
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
      border-top: 1px solid #989898;
      padding: 15px 20px;
      background: #f8f8f8; }
      .view-certificates .wrapper-collection .collection-edit .actions .action {
        margin-right: 5px; }
        .view-certificates .wrapper-collection .collection-edit .actions .action:last-child {
          margin-right: 0; }
      .view-certificates .wrapper-collection .collection-edit .actions .action-primary {
        padding: 5px 20px; }
      .view-certificates .wrapper-collection .collection-edit .actions .action-secondary {
        padding: 5px 20px; }
      .view-certificates .wrapper-collection .collection-edit .actions .wrapper-delete-button {
        float: right;
        padding: 5px 10px; }
        .view-certificates .wrapper-collection .collection-edit .actions .wrapper-delete-button .is-disabled {
          color: #cbcbcb; }
      .view-certificates .wrapper-collection .collection-edit .actions.custom-signatory-action {
        position: relative;
        top: 0;
        left: 0;
        opacity: 1.0; }
    .view-certificates .wrapper-collection .collection-edit .copy {
      margin: 20px 0 10px 0;
      color: #7f7f7f; }
  .view-certificates .wrapper-collection .action-add-item {
    display: block;
    width: 100%;
    margin: 30px 0 0 0;
    padding: 10px; }
.view-certificates .action-add {
  display: block;
  width: 100%;
  margin-top: 15px;
  padding: 10px 20px; }
  .view-certificates .action-add.is-hidden, .view-certificates .xmodule_display.xmodule_VideoModule .video.closed .action-add.subtitles, .xmodule_display.xmodule_VideoModule .video.closed .view-certificates .action-add.subtitles, .view-certificates .mast.has-actions .nav-actions .action-add.button.is-hidden, .mast.has-actions .nav-actions .view-certificates .action-add.button.is-hidden {
    display: none; }
  .view-certificates .action-add .icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; }
.view-certificates .action-add-hidden {
  visibility: hidden; }

.view-certificates .activate-cert {
  margin-left: 5px; }

.view-certificates .certificates .certificate-details .title, .view-certificates .certificates .certificate-edit .title {
  margin-bottom: 10px; }
.view-certificates .certificates .certificate-edit .add-collection-name label {
  padding-right: 5%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom; }
.view-certificates .certificates .certificate-edit .field-group {
  margin: 0 0 10px 0;
  padding: 5px 0 0 0; }
  .view-certificates .certificates .certificate-edit .field-group:after {
    content: "";
    display: table;
    clear: both; }
  .view-certificates .certificates .certificate-edit .field-group .group-allocation,
  .view-certificates .certificates .certificate-edit .field-group .field {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3% 0 0; }
  .view-certificates .certificates .certificate-edit .field-group .group-allocation {
    max-width: 10%;
    min-width: 5%;
    color: #989898; }
  .view-certificates .certificates .certificate-edit .field-group .field {
    position: relative; }
    .view-certificates .certificates .certificate-edit .field-group .field.long {
      width: 80%; }
    .view-certificates .certificates .certificate-edit .field-group .field.short {
      width: 10%; }
  .view-certificates .certificates .certificate-edit .field-group .action-close {
    -webkit-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
    display: inline-block;
    border: 0;
    padding: 0;
    background: transparent;
    color: #99d8f5;
    vertical-align: middle; }
    .view-certificates .certificates .certificate-edit .field-group .action-close:hover {
      color: #009fe6; }

.view-certificates .certificates .signatory-details, .view-certificates .certificates .signatory-edit {
  border-color: #e5e5e5; }
  .view-certificates .certificates .signatory-details .signatory-panel-header, .view-certificates .certificates .signatory-edit .signatory-panel-header {
    background-color: #f2f2f2;
    padding: 10px 15px;
    border-bottom: 1px solid #f2f2f2;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .view-certificates .certificates .signatory-details .signatory-panel-body, .view-certificates .certificates .signatory-edit .signatory-panel-body {
    padding: 20px; }
    .view-certificates .certificates .signatory-details .signatory-panel-body .signatory-image, .view-certificates .certificates .signatory-edit .signatory-panel-body .signatory-image {
      margin-top: 20px; }
    .view-certificates .certificates .signatory-details .signatory-panel-body .signature-image, .view-certificates .certificates .signatory-edit .signatory-panel-body .signature-image {
      max-width: 450px; }
  .view-certificates .certificates .signatory-details .signatory-panel-body label, .view-certificates .certificates .signatory-edit .signatory-panel-body label {
    font-weight: 600; }
  .view-certificates .certificates .signatory-details .signatory-panel-edit, .view-certificates .certificates .signatory-edit .signatory-panel-edit {
    float: right;
    padding: 8px;
    position: inherit; }
.view-certificates .certificates .signatory-edit .signatory-panel-close, .view-certificates .certificates .signatory-edit .signatory-panel-save, .view-certificates .certificates .signatory-edit .signatory-panel-delete {
  float: right;
  padding: 10px; }
.view-certificates .certificates .signatory-edit .tip {
  -webkit-transition: color, 0.15s, ease-in-out;
  -moz-transition: color, 0.15s, ease-in-out;
  transition: color, 0.15s, ease-in-out;
  display: block;
  margin-top: 5px;
  color: #cbcbcb; }
.view-certificates .certificates .signatory-edit .field {
  margin-bottom: 20px; }
  .view-certificates .certificates .signatory-edit .field.required label:after {
    margin-left: 5px;
    content: "*"; }
  .view-certificates .certificates .signatory-edit .field label, .view-certificates .certificates .signatory-edit .field input, .view-certificates .certificates .signatory-edit .field textarea {
    display: block; }
  .view-certificates .certificates .signatory-edit .field textarea {
    resize: vertical; }
  .view-certificates .certificates .signatory-edit .field label {
    -webkit-transition: color, 0.15s, ease-in-out;
    -moz-transition: color, 0.15s, ease-in-out;
    transition: color, 0.15s, ease-in-out;
    margin: 0 0 5px 0; }
    .view-certificates .certificates .signatory-edit .field label.is-focused {
      color: #009fe6; }
  .view-certificates .certificates .signatory-edit .field input, .view-certificates .certificates .signatory-edit .field textarea {
    height: 100%;
    width: 100%;
    padding: 10px; }
    .view-certificates .certificates .signatory-edit .field input.long, .view-certificates .certificates .signatory-edit .field textarea.long {
      width: 100%; }
    .view-certificates .certificates .signatory-edit .field input.short, .view-certificates .certificates .signatory-edit .field textarea.short {
      width: 25%; }
    .view-certificates .certificates .signatory-edit .field input ::-webkit-input-placeholder, .view-certificates .certificates .signatory-edit .field textarea ::-webkit-input-placeholder {
      color: #e5e5e5; }
    .view-certificates .certificates .signatory-edit .field input :-moz-placeholder, .view-certificates .certificates .signatory-edit .field textarea :-moz-placeholder {
      color: #cbcbcb; }
    .view-certificates .certificates .signatory-edit .field input ::-moz-placeholder, .view-certificates .certificates .signatory-edit .field textarea ::-moz-placeholder {
      color: #cbcbcb; }
    .view-certificates .certificates .signatory-edit .field input :-ms-input-placeholder, .view-certificates .certificates .signatory-edit .field textarea :-ms-input-placeholder {
      color: #cbcbcb; }
    .view-certificates .certificates .signatory-edit .field input:focus + .tip, .view-certificates .certificates .signatory-edit .field textarea:focus + .tip {
      color: #7f7f7f; }
  .view-certificates .certificates .signatory-edit .field.error label {
    color: #b20610; }
  .view-certificates .certificates .signatory-edit .field.error input {
    border-color: #b20610; }
  .view-certificates .certificates .signatory-edit .field.error .message-error {
    color: #b20610; }
  .view-certificates .certificates .signatory-edit .field .signature-upload-wrapper {
    width: 100%; }
    .view-certificates .certificates .signatory-edit .field .signature-upload-wrapper:after {
      content: "";
      display: table;
      clear: both; }
    .view-certificates .certificates .signatory-edit .field .signature-upload-wrapper .signature-upload-input-wrapper {
      float: left;
      width: 57.44681%;
      margin-right: 2.12766%; }
    .view-certificates .certificates .signatory-edit .field .signature-upload-wrapper .action-upload-signature {
      float: right;
      width: 31.91489%;
      margin-top: 5px;
      padding: 10px 20px; }
  .view-certificates .certificates .signatory-edit .field .current-signature-image {
    margin-bottom: 10px;
    padding: 10px 20px;
    background: #f2f2f2;
    text-align: center; }
    .view-certificates .certificates .signatory-edit .field .current-signature-image .wrapper-signature-image {
      display: block;
      width: 375px;
      line-height: 200px;
      overflow: hidden;
      margin: 0 auto;
      border: 1px solid #e5e5e5;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
      padding: 10px;
      background: white; }
    .view-certificates .certificates .signatory-edit .field .current-signature-image .signature-image {
      vertical-align: middle;
      width: 100%;
      max-height: 100%; }

.lte9 .wrapper-notification.is-shown {
  bottom: 0; }
.lte9 .wrapper-notification.is-hiding {
  bottom: -200px; }

.xmodule_display.xmodule_StaticTabModule * {
  line-height: 1.4em; }
.xmodule_display.xmodule_StaticTabModule h1 {
  color: #3c3c3c;
  font: normal 2em/1.4em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  margin: 0 0 1.416em 0; }
.xmodule_display.xmodule_StaticTabModule h2 {
  color: #646464;
  font: normal 1.2em/1.2em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  margin-bottom: 15px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased; }
.xmodule_display.xmodule_StaticTabModule h3, .xmodule_display.xmodule_StaticTabModule h4, .xmodule_display.xmodule_StaticTabModule h5, .xmodule_display.xmodule_StaticTabModule h6 {
  margin: 0 0 10px 0;
  font-weight: 600; }
.xmodule_display.xmodule_StaticTabModule h3 {
  font-size: 1.2em; }
.xmodule_display.xmodule_StaticTabModule h4 {
  font-size: 1em; }
.xmodule_display.xmodule_StaticTabModule h5 {
  font-size: .83em; }
.xmodule_display.xmodule_StaticTabModule h6 {
  font-size: 0.75em; }
.xmodule_display.xmodule_StaticTabModule p {
  margin-bottom: 1.416em;
  font-size: 1em;
  line-height: 1.6em !important;
  color: #3c3c3c; }
.xmodule_display.xmodule_StaticTabModule em, .xmodule_display.xmodule_StaticTabModule i {
  font-style: italic; }
  .xmodule_display.xmodule_StaticTabModule em span, .xmodule_display.xmodule_StaticTabModule i span {
    font-style: italic; }
.xmodule_display.xmodule_StaticTabModule strong, .xmodule_display.xmodule_StaticTabModule b {
  font-weight: bold; }
  .xmodule_display.xmodule_StaticTabModule strong span, .xmodule_display.xmodule_StaticTabModule b span {
    font-weight: bold; }
.xmodule_display.xmodule_StaticTabModule p + p, .xmodule_display.xmodule_StaticTabModule ul + p, .xmodule_display.xmodule_StaticTabModule ol + p {
  margin-top: 20px; }
.xmodule_display.xmodule_StaticTabModule blockquote {
  margin: 1em 40px; }
.xmodule_display.xmodule_StaticTabModule ol, .xmodule_display.xmodule_StaticTabModule ul {
  margin: 1em 0;
  padding: 0 0 0 1em;
  color: #3c3c3c; }
  .xmodule_display.xmodule_StaticTabModule ol li, .xmodule_display.xmodule_StaticTabModule ul li {
    margin-bottom: 0.708em; }
.xmodule_display.xmodule_StaticTabModule ol {
  list-style: decimal outside none; }
.xmodule_display.xmodule_StaticTabModule ul {
  list-style: disc outside none; }
.xmodule_display.xmodule_StaticTabModule a:link, .xmodule_display.xmodule_StaticTabModule a:visited, .xmodule_display.xmodule_StaticTabModule a:hover, .xmodule_display.xmodule_StaticTabModule a:active, .xmodule_display.xmodule_StaticTabModule a:focus {
  color: #0078b0; }
.xmodule_display.xmodule_StaticTabModule img {
  max-width: 100%; }
.xmodule_display.xmodule_StaticTabModule pre {
  margin: 1em 0;
  color: #3c3c3c;
  font-family: monospace, serif;
  font-size: 1em;
  white-space: pre-wrap;
  word-wrap: break-word; }
.xmodule_display.xmodule_StaticTabModule code {
  color: #3c3c3c;
  font-family: monospace, serif;
  background: none;
  padding: 0; }
.xmodule_display.xmodule_StaticTabModule table {
  width: 100%;
  margin: 20px 0;
  border-collapse: collapse;
  font-size: 16px; }
  .xmodule_display.xmodule_StaticTabModule table td, .xmodule_display.xmodule_StaticTabModule table th {
    margin: 20px 0;
    padding: 10px;
    border: 1px solid #cbcbcb;
    font-size: 14px; }
    .xmodule_display.xmodule_StaticTabModule table td.cont-justified-left, .xmodule_display.xmodule_StaticTabModule table th.cont-justified-left {
      text-align: left !important; }
    .xmodule_display.xmodule_StaticTabModule table td.cont-justified-right, .xmodule_display.xmodule_StaticTabModule table th.cont-justified-right {
      text-align: right !important; }
    .xmodule_display.xmodule_StaticTabModule table td.cont-justified-center, .xmodule_display.xmodule_StaticTabModule table th.cont-justified-center {
      text-align: center !important; }
.xmodule_display.xmodule_StaticTabModule th {
  background: #eee;
  font-weight: bold; }
.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .modal-ui-icon {
  position: absolute;
  display: block;
  padding: 5px 7px;
  border-radius: 5px;
  opacity: .9;
  background: white;
  color: black;
  border: 2px solid black; }
  .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .modal-ui-icon .label {
    font-weight: bold; }
  .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .modal-ui-icon i {
    font-style: normal; }
.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-link {
  position: relative;
  display: block; }
  .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-link .action-fullscreen {
    display: none;
    top: 10px;
    left: 10px; }
  .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-link:hover .action-fullscreen {
    display: block; }
.xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7); }
  .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal .image-content {
    position: relative;
    top: 2.5%;
    display: block;
    height: 95%;
    width: 95%;
    margin: auto;
    overflow: hidden; }
    .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal .image-content .image-wrapper {
      position: relative; }
      .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal .image-content .image-wrapper img {
        position: relative;
        display: block;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: default; }
    .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal .image-content .action-close {
      top: 10px;
      right: 10px; }
    .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal .image-content .image-controls {
      position: absolute;
      right: 10px;
      bottom: 10px;
      margin: 0;
      padding: 0;
      list-style: none; }
      .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control {
        position: relative;
        display: inline-block;
        margin: 0;
        padding: 0; }
        .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon {
          position: relative; }
          .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.action-zoom-in {
            margin-right: 5px; }
          .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.action-zoom-out {
            margin-left: 5px; }
          .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.is-disabled {
            opacity: 0.5;
            cursor: default; }
  .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal.image-is-fit-to-screen {
    display: block; }
    .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal.image-is-fit-to-screen .image-content .image-wrapper {
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100% !important; }
      .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal.image-is-fit-to-screen .image-content .image-wrapper img {
        top: 0 !important;
        left: 0 !important; }
  .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal.image-is-zoomed {
    display: block; }
    .xmodule_display.xmodule_StaticTabModule .wrapper-modal-image .image-modal.image-is-zoomed .image-content .image-wrapper img {
      max-width: none;
      max-height: none;
      margin: 0;
      cursor: move; }

.xmodule_display.xmodule_CourseModule .block-link, .xmodule_display.xmodule_CourseModule .sequence-nav ol a, .xmodule_display.xmodule_SequenceModule .sequence-nav ol .xmodule_display.xmodule_CourseModule a {
  border-left: 1px solid #e2e2e2;
  display: block; }
  .xmodule_display.xmodule_CourseModule .block-link:hover, .xmodule_display.xmodule_CourseModule .sequence-nav ol a:hover, .xmodule_display.xmodule_SequenceModule .sequence-nav ol .xmodule_display.xmodule_CourseModule a:hover, .xmodule_display.xmodule_CourseModule .block-link:focus, .xmodule_display.xmodule_CourseModule .sequence-nav ol a:focus, .xmodule_display.xmodule_SequenceModule .sequence-nav ol .xmodule_display.xmodule_CourseModule a:focus {
    background: none; }
.xmodule_display.xmodule_CourseModule .topbar, .xmodule_display.xmodule_CourseModule .sequence-nav {
  border-bottom: 1px solid #c8c8c8; }
  .xmodule_display.xmodule_CourseModule .topbar:after, .xmodule_display.xmodule_CourseModule .sequence-nav:after {
    content: "";
    display: table;
    clear: both; }
  @media print {
    .xmodule_display.xmodule_CourseModule .topbar, .xmodule_display.xmodule_CourseModule .sequence-nav {
      display: none; } }
  .xmodule_display.xmodule_CourseModule .topbar a.block-link, .xmodule_display.xmodule_CourseModule .sequence-nav a.block-link, .xmodule_display.xmodule_CourseModule .sequence-nav ol a, .xmodule_display.xmodule_SequenceModule .sequence-nav ol .xmodule_display.xmodule_CourseModule .topbar a {
    border-left: 1px solid #e2e2e2;
    display: block; }
    .xmodule_display.xmodule_CourseModule .topbar a.block-link:hover, .xmodule_display.xmodule_CourseModule .sequence-nav a.block-link:hover, .xmodule_display.xmodule_CourseModule .sequence-nav ol a:hover, .xmodule_display.xmodule_SequenceModule .sequence-nav ol .xmodule_display.xmodule_CourseModule .topbar a:hover, .xmodule_display.xmodule_CourseModule .topbar a.block-link:focus, .xmodule_display.xmodule_CourseModule .sequence-nav a.block-link:focus, .xmodule_display.xmodule_CourseModule .sequence-nav ol a:focus, .xmodule_display.xmodule_SequenceModule .sequence-nav ol .xmodule_display.xmodule_CourseModule .topbar a:focus {
      background: none; }
.xmodule_display.xmodule_CourseModule .sequence-nav {
  margin: -4px 0 30px;
  position: relative;
  border-bottom: none;
  z-index: 0; }
  @media print {
    .xmodule_display.xmodule_CourseModule .sequence-nav {
      display: none; } }
  .xmodule_display.xmodule_CourseModule .sequence-nav .left-shadow {
    background-color: rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2), transparent);
    background-image: linear-gradient(to right,rgba(0, 0, 0, 0.2), transparent);
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 46px;
    background-color: transparent;
    pointer-events: none; }
  .xmodule_display.xmodule_CourseModule .sequence-nav .right-shadow {
    background-color: rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.2), transparent);
    background-image: linear-gradient(to left,rgba(0, 0, 0, 0.2), transparent);
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 46px;
    background-color: transparent;
    pointer-events: none; }
  .xmodule_display.xmodule_CourseModule .sequence-nav .sequence-list-wrapper {
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(top, #dddddd, #eeeeee);
    background-image: linear-gradient(to bottom,#dddddd, #eeeeee);
    position: relative;
    border: 1px solid #cbcbcb;
    height: 44px;
    margin: 0 40px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; }
  .xmodule_display.xmodule_CourseModule .sequence-nav ol {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    height: 100%;
    margin: 0;
    padding: 0 10px;
    width: 100%; }
    .xmodule_display.xmodule_CourseModule .sequence-nav ol li {
      display: table-cell;
      min-width: 20px; }
      .xmodule_display.xmodule_CourseModule .sequence-nav ol li a {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
        width: 100%;
        height: 42px;
        margin: 0;
        background-position: center 14px;
        background-repeat: no-repeat;
        border: 1px solid transparent;
        display: block;
        padding: 0;
        position: relative;
        text-align: center; }
        .xmodule_display.xmodule_CourseModule .sequence-nav ol li a .icon {
          line-height: 42px;
          font-size: 90%;
          color: #5a5a5a;
          -webkit-font-smoothing: antialiased; }
        .xmodule_display.xmodule_CourseModule .sequence-nav ol li a.inactive .icon {
          color: #5a5a5a; }
        .xmodule_display.xmodule_CourseModule .sequence-nav ol li a.active {
          background-color: white; }
          .xmodule_display.xmodule_CourseModule .sequence-nav ol li a.active .icon {
            color: #0a0a0a; }
          .xmodule_display.xmodule_CourseModule .sequence-nav ol li a.active:hover, .xmodule_display.xmodule_CourseModule .sequence-nav ol li a.active:focus {
            background-color: white;
            background-repeat: no-repeat;
            background-position: center 14px; }
            .xmodule_display.xmodule_CourseModule .sequence-nav ol li a.active:hover .icon, .xmodule_display.xmodule_CourseModule .sequence-nav ol li a.active:focus .icon {
              color: #0a0a0a; }
        .xmodule_display.xmodule_CourseModule .sequence-nav ol li a:hover, .xmodule_display.xmodule_CourseModule .sequence-nav ol li a:focus {
          background-color: white;
          background-repeat: no-repeat;
          background-position: center 14px; }
        .xmodule_display.xmodule_CourseModule .sequence-nav ol li a.seq_video .icon:before {
          content: "\f008"; }
        .xmodule_display.xmodule_CourseModule .sequence-nav ol li a.seq_other .icon:before {
          content: "\f016"; }
        .xmodule_display.xmodule_CourseModule .sequence-nav ol li a.seq_vertical .icon:before, .xmodule_display.xmodule_CourseModule .sequence-nav ol li a.seq_problem .icon:before {
          content: "\f00b"; }
        .xmodule_display.xmodule_CourseModule .sequence-nav ol li a p {
          background: #333;
          color: white;
          font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
          line-height: 1.41575em;
          right: 0;
          opacity: 0.0;
          padding: 6px;
          position: absolute;
          top: 48px;
          text-shadow: 0 -1px 0 black;
          -webkit-transition: all 0.1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
          -moz-transition: all 0.1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
          transition: all 0.1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
          white-space: pre;
          visibility: hidden;
          pointer-events: none; }
          .xmodule_display.xmodule_CourseModule .sequence-nav ol li a p:empty {
            background: none; }
            .xmodule_display.xmodule_CourseModule .sequence-nav ol li a p:empty::after {
              display: none; }
          .xmodule_display.xmodule_CourseModule .sequence-nav ol li a p::after {
            background: #333;
            content: " ";
            display: block;
            height: 10px;
            right: 18px;
            position: absolute;
            top: -5px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 10px; }
        .xmodule_display.xmodule_CourseModule .sequence-nav ol li a:hover p, .xmodule_display.xmodule_CourseModule .sequence-nav ol li a:focus p {
          display: block;
          margin-top: 4px;
          opacity: 1.0;
          visibility: visible; }
  body.touch-based-device .xmodule_display.xmodule_CourseModule .sequence-nav ol li a:hover p {
    display: none; }
.xmodule_display.xmodule_CourseModule .sequence-nav-button {
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  position: absolute;
  display: block;
  top: 0;
  width: 40px;
  height: 46px;
  padding: 0; }
  .xmodule_display.xmodule_CourseModule .sequence-nav-button.button-previous {
    -webkit-border-top-left-radius: 35px;
    -moz-border-topleft-radius: 35px;
    border-top-left-radius: 35px;
    -webkit-border-top-right-radius: 0;
    -moz-border-topright-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottomright-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 35px;
    -moz-border-bottomleft-radius: 35px;
    border-bottom-left-radius: 35px;
    left: 0; }
  .xmodule_display.xmodule_CourseModule .sequence-nav-button.button-next {
    -webkit-border-top-left-radius: 0;
    -moz-border-topleft-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 35px;
    -moz-border-topright-radius: 35px;
    border-top-right-radius: 35px;
    -webkit-border-bottom-right-radius: 35px;
    -moz-border-bottomright-radius: 35px;
    border-bottom-right-radius: 35px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottomleft-radius: 0;
    border-bottom-left-radius: 0;
    right: 0; }
  .xmodule_display.xmodule_CourseModule .sequence-nav-button.disabled {
    cursor: normal; }
.xmodule_display.xmodule_CourseModule .seq_contents {
  display: none; }
.xmodule_display.xmodule_CourseModule nav.sequence-bottom {
  position: relative;
  width: 79px;
  height: 1px;
  margin: 2.8315em auto;
  text-align: center; }
  @media print {
    .xmodule_display.xmodule_CourseModule nav.sequence-bottom {
      display: none; } }
.xmodule_display.xmodule_CourseModule #seq_content:focus, .xmodule_display.xmodule_CourseModule #seq_content:active {
  outline: none; }

.xmodule_display.xmodule_HtmlModule * {
  line-height: 1.4em; }
.xmodule_display.xmodule_HtmlModule h1 {
  color: #3c3c3c;
  font: normal 2em/1.4em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  margin: 0 0 1.416em 0; }
.xmodule_display.xmodule_HtmlModule h2 {
  color: #646464;
  font: normal 1.2em/1.2em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  margin-bottom: 15px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased; }
.xmodule_display.xmodule_HtmlModule h3, .xmodule_display.xmodule_HtmlModule h4, .xmodule_display.xmodule_HtmlModule h5, .xmodule_display.xmodule_HtmlModule h6 {
  margin: 0 0 10px 0;
  font-weight: 600; }
.xmodule_display.xmodule_HtmlModule h3 {
  font-size: 1.2em; }
.xmodule_display.xmodule_HtmlModule h4 {
  font-size: 1em; }
.xmodule_display.xmodule_HtmlModule h5 {
  font-size: .83em; }
.xmodule_display.xmodule_HtmlModule h6 {
  font-size: 0.75em; }
.xmodule_display.xmodule_HtmlModule p {
  margin-bottom: 1.416em;
  font-size: 1em;
  line-height: 1.6em !important;
  color: #3c3c3c; }
.xmodule_display.xmodule_HtmlModule em, .xmodule_display.xmodule_HtmlModule i {
  font-style: italic; }
  .xmodule_display.xmodule_HtmlModule em span, .xmodule_display.xmodule_HtmlModule i span {
    font-style: italic; }
.xmodule_display.xmodule_HtmlModule strong, .xmodule_display.xmodule_HtmlModule b {
  font-weight: bold; }
  .xmodule_display.xmodule_HtmlModule strong span, .xmodule_display.xmodule_HtmlModule b span {
    font-weight: bold; }
.xmodule_display.xmodule_HtmlModule p + p, .xmodule_display.xmodule_HtmlModule ul + p, .xmodule_display.xmodule_HtmlModule ol + p {
  margin-top: 20px; }
.xmodule_display.xmodule_HtmlModule blockquote {
  margin: 1em 40px; }
.xmodule_display.xmodule_HtmlModule ol, .xmodule_display.xmodule_HtmlModule ul {
  margin: 1em 0;
  padding: 0 0 0 1em;
  color: #3c3c3c; }
  .xmodule_display.xmodule_HtmlModule ol li, .xmodule_display.xmodule_HtmlModule ul li {
    margin-bottom: 0.708em; }
.xmodule_display.xmodule_HtmlModule ol {
  list-style: decimal outside none; }
.xmodule_display.xmodule_HtmlModule ul {
  list-style: disc outside none; }
.xmodule_display.xmodule_HtmlModule a:link, .xmodule_display.xmodule_HtmlModule a:visited, .xmodule_display.xmodule_HtmlModule a:hover, .xmodule_display.xmodule_HtmlModule a:active, .xmodule_display.xmodule_HtmlModule a:focus {
  color: #0078b0; }
.xmodule_display.xmodule_HtmlModule img {
  max-width: 100%; }
.xmodule_display.xmodule_HtmlModule pre {
  margin: 1em 0;
  color: #3c3c3c;
  font-family: monospace, serif;
  font-size: 1em;
  white-space: pre-wrap;
  word-wrap: break-word; }
.xmodule_display.xmodule_HtmlModule code {
  color: #3c3c3c;
  font-family: monospace, serif;
  background: none;
  padding: 0; }
.xmodule_display.xmodule_HtmlModule table {
  width: 100%;
  margin: 20px 0;
  border-collapse: collapse;
  font-size: 16px; }
  .xmodule_display.xmodule_HtmlModule table td, .xmodule_display.xmodule_HtmlModule table th {
    margin: 20px 0;
    padding: 10px;
    border: 1px solid #cbcbcb;
    font-size: 14px; }
    .xmodule_display.xmodule_HtmlModule table td.cont-justified-left, .xmodule_display.xmodule_HtmlModule table th.cont-justified-left {
      text-align: left !important; }
    .xmodule_display.xmodule_HtmlModule table td.cont-justified-right, .xmodule_display.xmodule_HtmlModule table th.cont-justified-right {
      text-align: right !important; }
    .xmodule_display.xmodule_HtmlModule table td.cont-justified-center, .xmodule_display.xmodule_HtmlModule table th.cont-justified-center {
      text-align: center !important; }
.xmodule_display.xmodule_HtmlModule th {
  background: #eee;
  font-weight: bold; }
.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .modal-ui-icon {
  position: absolute;
  display: block;
  padding: 5px 7px;
  border-radius: 5px;
  opacity: .9;
  background: white;
  color: black;
  border: 2px solid black; }
  .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .modal-ui-icon .label {
    font-weight: bold; }
  .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .modal-ui-icon i {
    font-style: normal; }
.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-link {
  position: relative;
  display: block; }
  .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-link .action-fullscreen {
    display: none;
    top: 10px;
    left: 10px; }
  .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-link:hover .action-fullscreen {
    display: block; }
.xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7); }
  .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal .image-content {
    position: relative;
    top: 2.5%;
    display: block;
    height: 95%;
    width: 95%;
    margin: auto;
    overflow: hidden; }
    .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal .image-content .image-wrapper {
      position: relative; }
      .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal .image-content .image-wrapper img {
        position: relative;
        display: block;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: default; }
    .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal .image-content .action-close {
      top: 10px;
      right: 10px; }
    .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal .image-content .image-controls {
      position: absolute;
      right: 10px;
      bottom: 10px;
      margin: 0;
      padding: 0;
      list-style: none; }
      .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control {
        position: relative;
        display: inline-block;
        margin: 0;
        padding: 0; }
        .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon {
          position: relative; }
          .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.action-zoom-in {
            margin-right: 5px; }
          .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.action-zoom-out {
            margin-left: 5px; }
          .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.is-disabled {
            opacity: 0.5;
            cursor: default; }
  .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal.image-is-fit-to-screen {
    display: block; }
    .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal.image-is-fit-to-screen .image-content .image-wrapper {
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100% !important; }
      .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal.image-is-fit-to-screen .image-content .image-wrapper img {
        top: 0 !important;
        left: 0 !important; }
  .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal.image-is-zoomed {
    display: block; }
    .xmodule_display.xmodule_HtmlModule .wrapper-modal-image .image-modal.image-is-zoomed .image-content .image-wrapper img {
      max-width: none;
      max-height: none;
      margin: 0;
      cursor: move; }

.xmodule_display.xmodule_AnnotatableModule {
  /* TODO: move top-level variables to a common _variables.scss.
   * NOTE: These variables were only added here because when this was integrated with the CMS,
   * SASS compilation errors were triggered because the CMS didn't have the same variables defined
   * that the LMS did, so the quick fix was to localize the LMS variables not shared by the CMS.
   * -Abarrett and Vshnayder
   */ }
  .xmodule_display.xmodule_AnnotatableModule .annotatable-wrapper {
    position: relative; }
  .xmodule_display.xmodule_AnnotatableModule .annotatable-header {
    margin-bottom: .5em; }
    .xmodule_display.xmodule_AnnotatableModule .annotatable-header .annotatable-title {
      font-size: 1.375em;
      text-transform: uppercase;
      padding: 2px 4px; }
  .xmodule_display.xmodule_AnnotatableModule .annotatable-section {
    position: relative;
    padding: .5em 1em;
    border: 1px solid #cbcbcb;
    border-radius: 0.5em;
    margin-bottom: 0.5em; }
    .xmodule_display.xmodule_AnnotatableModule .annotatable-section.shaded {
      background-color: #EDEDED; }
    .xmodule_display.xmodule_AnnotatableModule .annotatable-section .annotatable-section-title {
      font-weight: bold; }
      .xmodule_display.xmodule_AnnotatableModule .annotatable-section .annotatable-section-title a {
        font-weight: normal; }
    .xmodule_display.xmodule_AnnotatableModule .annotatable-section .annotatable-section-body {
      border-top: 1px solid #cbcbcb;
      margin-top: 0.5em;
      padding-top: 0.5em; }
      .xmodule_display.xmodule_AnnotatableModule .annotatable-section .annotatable-section-body:after {
        content: "";
        display: table;
        clear: both; }
    .xmodule_display.xmodule_AnnotatableModule .annotatable-section ul.instructions-template {
      list-style: disc;
      margin-left: 4em; }
      .xmodule_display.xmodule_AnnotatableModule .annotatable-section ul.instructions-template b {
        font-weight: bold; }
      .xmodule_display.xmodule_AnnotatableModule .annotatable-section ul.instructions-template i {
        font-style: italic; }
      .xmodule_display.xmodule_AnnotatableModule .annotatable-section ul.instructions-template code {
        display: inline;
        white-space: pre;
        font-family: Courier New, monospace; }
  .xmodule_display.xmodule_AnnotatableModule .annotatable-toggle {
    position: absolute;
    right: 0;
    margin: 2px 1em 2px 0; }
    .xmodule_display.xmodule_AnnotatableModule .annotatable-toggle.expanded:after {
      content: " \2191"; }
    .xmodule_display.xmodule_AnnotatableModule .annotatable-toggle.collapsed:after {
      content: " \2193"; }
  .xmodule_display.xmodule_AnnotatableModule .annotatable-span {
    display: inline; }
    .xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight {
      background-color: rgba(255, 255, 10, 0.3); }
      .xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight.selected {
        background-color: rgba(255, 255, 10, 0.9); }
    .xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-yellow {
      background-color: rgba(255, 255, 10, 0.3); }
      .xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-yellow.selected {
        background-color: rgba(255, 255, 10, 0.9); }
    .xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-red {
      background-color: rgba(178, 19, 16, 0.3); }
      .xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-red.selected {
        background-color: rgba(178, 19, 16, 0.9); }
    .xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-orange {
      background-color: rgba(255, 165, 0, 0.3); }
      .xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-orange.selected {
        background-color: rgba(255, 165, 0, 0.9); }
    .xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-green {
      background-color: rgba(25, 255, 132, 0.3); }
      .xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-green.selected {
        background-color: rgba(25, 255, 132, 0.9); }
    .xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-blue {
      background-color: rgba(35, 163, 255, 0.3); }
      .xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-blue.selected {
        background-color: rgba(35, 163, 255, 0.9); }
    .xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-purple {
      background-color: rgba(115, 9, 178, 0.3); }
      .xmodule_display.xmodule_AnnotatableModule .annotatable-span.highlight-purple.selected {
        background-color: rgba(115, 9, 178, 0.9); }
    .xmodule_display.xmodule_AnnotatableModule .annotatable-span.hide {
      cursor: none;
      background-color: inherit; }
      .xmodule_display.xmodule_AnnotatableModule .annotatable-span.hide .annotatable-icon {
        display: none; }
    .xmodule_display.xmodule_AnnotatableModule .annotatable-span .annotatable-comment {
      display: none; }
  .xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip {
    font-size: 0.875em;
    border: 1px solid #333;
    border-radius: 1em;
    background-color: rgba(0, 0, 0, 0.85);
    color: white;
    -webkit-font-smoothing: antialiased; }
    .xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar {
      font-size: 1em;
      color: inherit;
      background-color: transparent;
      padding: 5px 10px;
      border: none; }
      .xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-tooltip-title {
        padding: 5px 0;
        border-bottom: 2px solid #333;
        font-weight: bold; }
      .xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-tooltip-icon {
        right: 10px;
        background: #333; }
      .xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-state-hover {
        color: inherit;
        border: 1px solid #cbcbcb; }
    .xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-content {
      color: inherit;
      font-size: 0.875em;
      text-align: left;
      font-weight: 400;
      padding: 0 10px 10px 10px;
      background-color: transparent;
      border-color: transparent; }
    .xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip p {
      color: inherit;
      line-height: normal; }
  .xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip-annotatable {
    max-width: 375px; }
    .xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content {
      padding: 0 10px; }
      .xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content .annotatable-comment {
        display: block;
        margin: 0 0 10px 0;
        max-height: 225px;
        overflow: auto;
        line-height: normal; }
      .xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content .annotatable-reply {
        display: block;
        border-top: 2px solid #333;
        padding: 5px 0;
        margin: 0;
        text-align: center; }
    .xmodule_display.xmodule_AnnotatableModule .ui-tooltip.qtip.ui-tooltip-annotatable:after {
      content: '';
      display: inline-block;
      position: absolute;
      bottom: -20px;
      left: 50%;
      height: 0;
      width: 0;
      margin-left: -5px;
      border: 10px solid transparent;
      border-top-color: rgba(0, 0, 0, 0.85); }

.xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.correct:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.unanswered:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .incorrect .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .incorrect .status:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .partially-correct .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .partially-correct .status:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .correct .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .correct .status:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .unanswered .status:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .unsubmitted .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .unanswered .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .unsubmitted .status:after, .xmodule_display.xmodule_CapaModule .xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container > a:after, .xmodule_display.xmodule_VideoModule .video-tracks .xmodule_display.xmodule_CapaModule .a11y-menu-container > a:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup .xmodule_display.xmodule_CapaModule label.choicegroup_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule label.choicegroup_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule label.choicetextgroup_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule section.choicetextgroup_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup .xmodule_display.xmodule_CapaModule label.choicegroup_partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule label.choicegroup_partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule label.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule section.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup .xmodule_display.xmodule_CapaModule label.choicegroup_incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule label.choicegroup_incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule label.choicetextgroup_incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_CapaModule section.choicetextgroup_incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .xmodule_display.xmodule_CapaModule .status.correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .xmodule_display.xmodule_CapaModule .status.partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .xmodule_display.xmodule_CapaModule .status.incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .xmodule_display.xmodule_CapaModule .status.unanswered:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .incorrect .xmodule_display.xmodule_CapaModule .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .incorrect .xmodule_display.xmodule_CapaModule .status:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .partially-correct .xmodule_display.xmodule_CapaModule .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .partially-correct .xmodule_display.xmodule_CapaModule .status:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .correct .xmodule_display.xmodule_CapaModule .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .correct .xmodule_display.xmodule_CapaModule .status:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .unanswered .xmodule_display.xmodule_CapaModule .status:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .unsubmitted .xmodule_display.xmodule_CapaModule .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .unanswered .xmodule_display.xmodule_CapaModule .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .unsubmitted .xmodule_display.xmodule_CapaModule .status:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  speak: none; }
.xmodule_display.xmodule_CapaModule h2 {
  margin-top: 0;
  margin-bottom: 15px; }
  .xmodule_display.xmodule_CapaModule h2.problem-header {
    display: inline-block; }
    .xmodule_display.xmodule_CapaModule h2.problem-header section.staff {
      margin-top: 30px;
      font-size: 80%; }
  @media print {
    .xmodule_display.xmodule_CapaModule h2 {
      display: block;
      width: auto;
      border-right: 0; } }
.xmodule_display.xmodule_CapaModule .feedback-hint-correct {
  margin-top: 10px;
  color: #166e36; }
.xmodule_display.xmodule_CapaModule .feedback-hint-partially-correct {
  margin-top: 10px;
  color: #166e36; }
.xmodule_display.xmodule_CapaModule .feedback-hint-incorrect {
  margin-top: 10px;
  color: #b20610; }
.xmodule_display.xmodule_CapaModule .feedback-hint-text {
  color: #646464; }
.xmodule_display.xmodule_CapaModule .problem-hint {
  color: #646464;
  margin-bottom: 20px; }
.xmodule_display.xmodule_CapaModule .hint-label {
  font-weight: bold;
  display: inline-block;
  padding-right: 0.5em; }
.xmodule_display.xmodule_CapaModule .hint-text {
  display: inline-block; }
.xmodule_display.xmodule_CapaModule .feedback-hint-multi .hint-text {
  display: block; }
.xmodule_display.xmodule_CapaModule iframe[seamless] {
  overflow: hidden;
  padding: 0;
  border: 0px none transparent;
  background-color: transparent; }
.xmodule_display.xmodule_CapaModule .inline-error {
  color: #fc2020; }
.xmodule_display.xmodule_CapaModule div.problem-progress {
  padding-left: 5px;
  display: inline-block;
  color: #656565;
  font-weight: 100;
  font-size: 1em; }
@media print {
  .xmodule_display.xmodule_CapaModule div.problem {
    display: block;
    padding: 0;
    width: auto; }
    .xmodule_display.xmodule_CapaModule div.problem canvas, .xmodule_display.xmodule_CapaModule div.problem img {
      page-break-inside: avoid; } }
.xmodule_display.xmodule_CapaModule div.problem .inline {
  display: inline; }
  .xmodule_display.xmodule_CapaModule div.problem .inline + p {
    margin-top: 20px; }
.xmodule_display.xmodule_CapaModule div.problem .choicegroup, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup {
  min-width: 100px;
  width: auto !important;
  width: 100px; }
  .xmodule_display.xmodule_CapaModule div.problem .choicegroup:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup:after {
    content: "";
    display: table;
    clear: both; }
  .xmodule_display.xmodule_CapaModule div.problem .choicegroup label, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    clear: both;
    margin-bottom: 10px;
    border: 2px solid #e5e5e5;
    border-radius: 3px;
    padding: 10px;
    width: 100%; }
    .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_correct, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct {
      border: 2px solid #166e36; }
      .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct:after {
        color: #166e36;
        font-size: 1.2em;
        content: "\f00c"; }
      .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct:after {
        margin-left: 15px; }
      .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_correct:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct:hover {
        border-color: #166e36; }
    .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_partially-correct, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_partially-correct, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_partially-correct, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_partially-correct {
      border: 2px solid #166e36; }
      .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_partially-correct:after {
        color: #166e36;
        font-size: 1.2em;
        content: "\f069"; }
      .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_partially-correct:after {
        margin-left: 15px; }
      .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_partially-correct:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_partially-correct:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_partially-correct:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_partially-correct:hover {
        border-color: #166e36; }
    .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_incorrect, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_incorrect, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_incorrect {
      border: 2px solid #b20610; }
      .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_incorrect:after {
        color: #b20610;
        font-size: 1.2em;
        content: "\f00d"; }
      .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_incorrect:after {
        margin-left: 15px; }
      .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_incorrect:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_incorrect:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_incorrect:hover {
        border-color: #b20610; }
    .xmodule_display.xmodule_CapaModule div.problem .choicegroup label:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label:hover {
      border: 2px solid #0078b0; }
  .xmodule_display.xmodule_CapaModule div.problem .choicegroup .indicator-container, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .indicator-container {
    display: inline-block;
    min-height: 1px;
    width: 25px; }
  .xmodule_display.xmodule_CapaModule div.problem .choicegroup fieldset, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup fieldset {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .xmodule_display.xmodule_CapaModule div.problem .choicegroup input[type="radio"], .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup input[type="radio"],
  .xmodule_display.xmodule_CapaModule div.problem .choicegroup input[type="checkbox"],
  .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup input[type="checkbox"] {
    margin: 5px 10px 5px 5px; }
  .xmodule_display.xmodule_CapaModule div.problem .choicegroup text, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup text {
    margin-left: 25px;
    display: inline; }
.xmodule_display.xmodule_CapaModule div.problem .indicator-container {
  margin-left: 15px; }
  .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status {
    width: 20px;
    height: 20px; }
    .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.correct:after {
      color: #166e36;
      font-size: 1.2em;
      content: "\f00c"; }
    .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.partially-correct:after {
      color: #166e36;
      font-size: 1.2em;
      content: "\f069"; }
    .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.incorrect:after {
      color: #b20610;
      font-size: 1.2em;
      content: "\f00d"; }
    .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.unanswered:after {
      color: #e5e5e5;
      font-size: 1.2em;
      content: "\f128"; }
.xmodule_display.xmodule_CapaModule div.problem ol.enumerate li:before {
  display: block;
  visibility: hidden;
  height: 0;
  content: " "; }
.xmodule_display.xmodule_CapaModule div.problem .solution-span > span {
  margin: 20px 0;
  display: block;
  border: 1px solid #ddd;
  padding: 9px 15px 20px;
  background: white;
  position: relative;
  box-shadow: inset 0 0 0 1px #eee;
  border-radius: 3px; }
  .xmodule_display.xmodule_CapaModule div.problem .solution-span > span:empty {
    display: none; }
.xmodule_display.xmodule_CapaModule div.problem .targeted-feedback-span > span {
  margin: 20px 0;
  display: block;
  border: 1px solid black;
  padding: 9px 15px 20px;
  background: white;
  position: relative;
  box-shadow: inset 0 0 0 1px #eee;
  border-radius: 3px; }
  .xmodule_display.xmodule_CapaModule div.problem .targeted-feedback-span > span:empty {
    display: none; }
.xmodule_display.xmodule_CapaModule div.problem div p.answer {
  margin-top: -2px; }
.xmodule_display.xmodule_CapaModule div.problem div p.status {
  margin: 8px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
.xmodule_display.xmodule_CapaModule div.problem div p span.clarification i {
  font-style: normal; }
  .xmodule_display.xmodule_CapaModule div.problem div p span.clarification i:hover {
    color: #0078b0; }
.xmodule_display.xmodule_CapaModule div.problem div.unanswered p.status {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../images/unanswered-icon.7714d2704ef2.png") center center no-repeat; }
.xmodule_display.xmodule_CapaModule div.problem div.correct p.status, .xmodule_display.xmodule_CapaModule div.problem div.ui-icon-check p.status {
  display: inline-block;
  width: 25px;
  height: 20px;
  background: url("../images/correct-icon.ea93859cc9ff.png") center center no-repeat; }
.xmodule_display.xmodule_CapaModule div.problem div.correct input, .xmodule_display.xmodule_CapaModule div.problem div.ui-icon-check input {
  border-color: #166e36; }
.xmodule_display.xmodule_CapaModule div.problem div.partially-correct p.status, .xmodule_display.xmodule_CapaModule div.problem div.ui-icon-check p.status {
  display: inline-block;
  width: 25px;
  height: 20px;
  background: url("../images/partially-correct-icon.186bb2013412.png") center center no-repeat; }
.xmodule_display.xmodule_CapaModule div.problem div.partially-correct input, .xmodule_display.xmodule_CapaModule div.problem div.ui-icon-check input {
  border-color: #166e36; }
.xmodule_display.xmodule_CapaModule div.problem div.processing p.status {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/spinner.bc34f953403f.gif") center center no-repeat; }
.xmodule_display.xmodule_CapaModule div.problem div.processing input {
  border-color: #aaa; }
.xmodule_display.xmodule_CapaModule div.problem div.ui-icon-close p.status {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/incorrect-icon.016653a3c059.png") center center no-repeat; }
.xmodule_display.xmodule_CapaModule div.problem div.ui-icon-close input {
  border-color: #b20610; }
.xmodule_display.xmodule_CapaModule div.problem div.incorrect p.status, .xmodule_display.xmodule_CapaModule div.problem div.incomplete p.status {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/incorrect-icon.016653a3c059.png") center center no-repeat; }
.xmodule_display.xmodule_CapaModule div.problem div.incorrect input, .xmodule_display.xmodule_CapaModule div.problem div.incomplete input {
  border-color: #b20610; }
.xmodule_display.xmodule_CapaModule div.problem div > span {
  display: block;
  margin-bottom: 0.70788em; }
.xmodule_display.xmodule_CapaModule div.problem div p.answer {
  margin-left: 10px;
  display: inline-block;
  margin-bottom: 0; }
  .xmodule_display.xmodule_CapaModule div.problem div p.answer:before {
    display: inline;
    content: "Answer: "; }
  .xmodule_display.xmodule_CapaModule div.problem div p.answer:empty:before {
    display: none; }
.xmodule_display.xmodule_CapaModule div.problem div div.equation {
  clear: both;
  margin-top: 3px; }
  .xmodule_display.xmodule_CapaModule div.problem div div.equation .MathJax_Display {
    width: auto; }
  .xmodule_display.xmodule_CapaModule div.problem div div.equation img.loading {
    padding-left: 10px;
    display: inline-block; }
  .xmodule_display.xmodule_CapaModule div.problem div div.equation span {
    margin-bottom: 0; }
    .xmodule_display.xmodule_CapaModule div.problem div div.equation span.math {
      display: inline-block;
      padding: 6px;
      min-width: 30px;
      border: 1px solid #e3e3e3;
      border-radius: 4px;
      background: #f1f1f1; }
.xmodule_display.xmodule_CapaModule div.problem div section.formulaequationinput div.equation .MathJax_Display {
  display: inline-block !important; }
@media print {
  .xmodule_display.xmodule_CapaModule div.problem div [id^='display'].equation {
    display: none; } }
.xmodule_display.xmodule_CapaModule div.problem div span.ui-icon-bullet {
  display: inline-block;
  position: relative;
  top: 4px;
  width: 14px;
  height: 14px;
  background: url("../images/unanswered-icon.7714d2704ef2.png") center center no-repeat; }
.xmodule_display.xmodule_CapaModule div.problem div span.processing, .xmodule_display.xmodule_CapaModule div.problem div span.ui-icon-processing {
  display: inline-block;
  position: relative;
  top: 6px;
  width: 25px;
  height: 20px;
  background: url("../images/spinner.bc34f953403f.gif") center center no-repeat; }
.xmodule_display.xmodule_CapaModule div.problem div span.ui-icon-check {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 25px;
  height: 20px;
  background: url("../images/correct-icon.ea93859cc9ff.png") center center no-repeat; }
.xmodule_display.xmodule_CapaModule div.problem div span.incomplete, .xmodule_display.xmodule_CapaModule div.problem div span.ui-icon-close {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 20px;
  height: 20px;
  background: url("../images/incorrect-icon.016653a3c059.png") center center no-repeat; }
.xmodule_display.xmodule_CapaModule div.problem div .reload {
  float: right;
  margin: 10px; }
.xmodule_display.xmodule_CapaModule div.problem div .grader-status {
  margin: 10px 0;
  padding: 10px;
  border-radius: 5px;
  background: #f8f8f8; }
  .xmodule_display.xmodule_CapaModule div.problem div .grader-status:after {
    content: "";
    display: table;
    clear: both; }
  .xmodule_display.xmodule_CapaModule div.problem div .grader-status span {
    display: block;
    float: left;
    overflow: hidden;
    margin: -7px 7px 0 0;
    text-indent: -9999px; }
  .xmodule_display.xmodule_CapaModule div.problem div .grader-status .grading {
    margin: 0px 7px 0 0;
    padding-left: 25px;
    background: url("../images/info-icon.ea77eece4618.png") left center no-repeat;
    text-indent: 0px; }
  .xmodule_display.xmodule_CapaModule div.problem div .grader-status p {
    float: left;
    margin-bottom: 0;
    text-transform: capitalize;
    line-height: 20px; }
  .xmodule_display.xmodule_CapaModule div.problem div .grader-status.file {
    margin-top: 20px;
    padding: 20px 0 0 0;
    border: 0;
    border-top: 1px solid #eee;
    background: white; }
    .xmodule_display.xmodule_CapaModule div.problem div .grader-status.file p.debug {
      display: none; }
    .xmodule_display.xmodule_CapaModule div.problem div .grader-status.file input {
      float: left; }
.xmodule_display.xmodule_CapaModule div.problem div .evaluation p {
  margin-bottom: 4px; }
.xmodule_display.xmodule_CapaModule div.problem div .feedback-on-feedback {
  margin-right: 20px;
  height: 100px; }
.xmodule_display.xmodule_CapaModule div.problem div .evaluation-response header {
  text-align: right; }
  .xmodule_display.xmodule_CapaModule div.problem div .evaluation-response header a {
    font-size: .85em; }
.xmodule_display.xmodule_CapaModule div.problem div .evaluation-scoring .scoring-list {
  margin-left: 3px;
  list-style-type: none; }
  .xmodule_display.xmodule_CapaModule div.problem div .evaluation-scoring .scoring-list li {
    display: inline;
    margin-left: 50px; }
    .xmodule_display.xmodule_CapaModule div.problem div .evaluation-scoring .scoring-list li:first-child {
      margin-left: 0; }
    .xmodule_display.xmodule_CapaModule div.problem div .evaluation-scoring .scoring-list li label {
      font-size: .9em; }
.xmodule_display.xmodule_CapaModule div.problem div .submit-message-container {
  margin: 20px 0px; }
.xmodule_display.xmodule_CapaModule div.problem div.inline > span {
  display: inline; }
.xmodule_display.xmodule_CapaModule div.problem ul {
  margin-bottom: 1.41575em;
  margin-left: .75em;
  margin-left: .75rem;
  list-style: disc outside none; }
.xmodule_display.xmodule_CapaModule div.problem ol {
  margin-bottom: 1.41575em;
  margin-left: .75em;
  margin-left: .75rem;
  list-style: decimal outside none; }
.xmodule_display.xmodule_CapaModule div.problem dl {
  line-height: 1.4em; }
.xmodule_display.xmodule_CapaModule div.problem dl dd {
  margin-bottom: 0; }
.xmodule_display.xmodule_CapaModule div.problem dd {
  margin-left: .5em;
  margin-left: .5rem; }
.xmodule_display.xmodule_CapaModule div.problem li {
  margin-bottom: 0.70788em;
  line-height: 1.4em; }
  .xmodule_display.xmodule_CapaModule div.problem li:last-child {
    margin-bottom: 0; }
.xmodule_display.xmodule_CapaModule div.problem p {
  margin-bottom: 1.41575em; }
.xmodule_display.xmodule_CapaModule div.problem table {
  margin: 1.41575em 0;
  border-collapse: collapse;
  table-layout: auto; }
  .xmodule_display.xmodule_CapaModule div.problem table td.cont-justified-left, .xmodule_display.xmodule_CapaModule div.problem table th.cont-justified-left {
    text-align: left !important; }
  .xmodule_display.xmodule_CapaModule div.problem table td.cont-justified-right, .xmodule_display.xmodule_CapaModule div.problem table th.cont-justified-right {
    text-align: right !important; }
  .xmodule_display.xmodule_CapaModule div.problem table td.cont-justified-center, .xmodule_display.xmodule_CapaModule div.problem table th.cont-justified-center {
    text-align: center !important; }
  .xmodule_display.xmodule_CapaModule div.problem table th {
    text-align: left; }
  .xmodule_display.xmodule_CapaModule div.problem table td {
    text-align: left; }
  .xmodule_display.xmodule_CapaModule div.problem table caption, .xmodule_display.xmodule_CapaModule div.problem table th, .xmodule_display.xmodule_CapaModule div.problem table td {
    padding: .25em .75em .25em 0;
    padding: .25rem .75rem .25rem 0; }
  .xmodule_display.xmodule_CapaModule div.problem table caption {
    margin-bottom: .75em;
    margin-bottom: .75rem;
    padding: .75em 0;
    padding: .75rem 0;
    background: #f1f1f1; }
  .xmodule_display.xmodule_CapaModule div.problem table tr, .xmodule_display.xmodule_CapaModule div.problem table td, .xmodule_display.xmodule_CapaModule div.problem table th {
    vertical-align: middle; }
.xmodule_display.xmodule_CapaModule div.problem code {
  margin: 0 2px;
  padding: 0px 5px;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  background-color: #f8f8f8;
  white-space: nowrap;
  font-size: .9em; }
.xmodule_display.xmodule_CapaModule div.problem pre {
  overflow: auto;
  padding: 6px 10px;
  border: 1px solid #cbcbcb;
  border-radius: 3px;
  background-color: #f8f8f8;
  font-size: .9em;
  line-height: 1.4; }
  .xmodule_display.xmodule_CapaModule div.problem pre > code {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    white-space: pre; }
.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline input, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #e5e5e5;
  border-radius: 3px;
  min-width: 160px;
  height: 46px; }
.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline .status, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput .status {
  display: inline-block;
  margin-top: 10px;
  margin-left: 15px;
  background: none; }
.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .incorrect input, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .incorrect input {
  border: 2px solid #b20610; }
.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .incorrect .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .incorrect .status:after {
  color: #b20610;
  font-size: 1.2em;
  content: "\f00d"; }
.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .partially-correct input, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .partially-correct input {
  border: 2px solid #166e36; }
.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .partially-correct .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .partially-correct .status:after {
  color: #166e36;
  font-size: 1.2em;
  content: "\f069"; }
.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .correct input, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .correct input {
  border: 2px solid #166e36; }
.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .correct .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .correct .status:after {
  color: #166e36;
  font-size: 1.2em;
  content: "\f00c"; }
.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .unanswered input, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .unsubmitted input, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .unanswered input, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .unsubmitted input {
  border: 2px solid #e5e5e5; }
.xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .unanswered .status:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .unsubmitted .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .unanswered .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .unsubmitted .status:after {
  color: #e5e5e5;
  font-size: 1.2em;
  content: "\f128"; }
.xmodule_display.xmodule_CapaModule .problem .inputtype.option-input {
  margin: -10px 0 20px;
  padding-bottom: 20px; }
  .xmodule_display.xmodule_CapaModule .problem .inputtype.option-input .indicator-container {
    display: inline-block; }
    .xmodule_display.xmodule_CapaModule .problem .inputtype.option-input .indicator-container .status.correct:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.option-input .indicator-container .status.partially-correct:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.option-input .indicator-container .status.incorrect:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.option-input .indicator-container .status.unanswered:after {
      margin-left: 0; }
.xmodule_display.xmodule_CapaModule div.problem .CodeMirror {
  border: 1px solid black;
  font-size: 14px;
  line-height: 18px;
  resize: none; }
  .xmodule_display.xmodule_CapaModule div.problem .CodeMirror .cm-tab {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
    background-position: right;
    background-repeat: no-repeat; }
  .xmodule_display.xmodule_CapaModule div.problem .CodeMirror pre {
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-width: 0;
    border-radius: 0;
    background: transparent;
    white-space: pre;
    word-wrap: normal;
    font-size: inherit;
    font-family: inherit;
    resize: none; }
    .xmodule_display.xmodule_CapaModule div.problem .CodeMirror pre.CodeMirror-cursor {
      position: absolute;
      visibility: hidden;
      width: 0;
      border-right: none;
      border-left: 1px solid black; }
.xmodule_display.xmodule_CapaModule div.problem .CodeMirror-focused pre.CodeMirror-cursor {
  visibility: visible; }
.xmodule_display.xmodule_CapaModule div.problem .CodeMirror-code pre {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
.xmodule_display.xmodule_CapaModule div.problem .CodeMirror-scroll {
  margin-right: 0px; }
.xmodule_display.xmodule_CapaModule div.problem .action {
  margin-top: 20px; }
  .xmodule_display.xmodule_CapaModule div.problem .action .save, .xmodule_display.xmodule_CapaModule div.problem .action .check, .xmodule_display.xmodule_CapaModule div.problem .action .show, .xmodule_display.xmodule_CapaModule div.problem .action .reset, .xmodule_display.xmodule_CapaModule div.problem .action .hint-button {
    margin-right: 10px;
    margin-bottom: 10px;
    height: 40px;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 600; }
    @media print {
      .xmodule_display.xmodule_CapaModule div.problem .action .save, .xmodule_display.xmodule_CapaModule div.problem .action .check, .xmodule_display.xmodule_CapaModule div.problem .action .show, .xmodule_display.xmodule_CapaModule div.problem .action .reset, .xmodule_display.xmodule_CapaModule div.problem .action .hint-button {
        display: none; } }
  .xmodule_display.xmodule_CapaModule div.problem .action .show .show-label {
    font-weight: 600;
    font-size: 1.0em; }
  .xmodule_display.xmodule_CapaModule div.problem .action .submission_feedback {
    margin-left: 10px;
    display: inline-block;
    margin-top: 8px;
    color: #656565;
    font-style: italic;
    -webkit-font-smoothing: antialiased; }
.xmodule_display.xmodule_CapaModule div.problem hr {
  float: none;
  clear: both;
  margin: 0 0 .75rem;
  width: 100%;
  height: 1px;
  border: none;
  background: #ddd;
  color: #ddd; }
.xmodule_display.xmodule_CapaModule div.problem .hidden {
  display: none;
  visibility: hidden; }
.xmodule_display.xmodule_CapaModule div.problem input[type="email"], .xmodule_display.xmodule_CapaModule div.problem input[type="number"], .xmodule_display.xmodule_CapaModule div.problem input[type="password"], .xmodule_display.xmodule_CapaModule div.problem input[type="search"], .xmodule_display.xmodule_CapaModule div.problem input[type="tel"], .xmodule_display.xmodule_CapaModule div.problem input[type="text"], .xmodule_display.xmodule_CapaModule div.problem input[type="url"], .xmodule_display.xmodule_CapaModule div.problem input[type="color"], .xmodule_display.xmodule_CapaModule div.problem input[type="date"], .xmodule_display.xmodule_CapaModule div.problem input[type="datetime"], .xmodule_display.xmodule_CapaModule div.problem input[type="datetime-local"], .xmodule_display.xmodule_CapaModule div.problem input[type="month"], .xmodule_display.xmodule_CapaModule div.problem input[type="time"], .xmodule_display.xmodule_CapaModule div.problem input[type="week"] {
  display: inline;
  width: auto; }
.xmodule_display.xmodule_CapaModule div.problem center {
  display: block;
  margin: 1.41575em 0;
  padding: 1.41575em;
  border: 1px solid #cbcbcb; }
.xmodule_display.xmodule_CapaModule div.problem .detailed-solution > p:first-child {
  color: #7f7f7f;
  text-transform: uppercase;
  font-style: normal;
  font-size: 0.9em; }
.xmodule_display.xmodule_CapaModule div.problem .detailed-solution p:last-child {
  margin-bottom: 0; }
.xmodule_display.xmodule_CapaModule div.problem .detailed-targeted-feedback > p:first-child {
  color: #b20610;
  text-transform: uppercase;
  font-style: normal;
  font-size: 0.9em; }
.xmodule_display.xmodule_CapaModule div.problem .detailed-targeted-feedback p:last-child {
  margin-bottom: 0; }
.xmodule_display.xmodule_CapaModule div.problem .detailed-targeted-feedback-partially-correct > p:first-child {
  color: #166e36;
  text-transform: uppercase;
  font-style: normal;
  font-size: 0.9em; }
.xmodule_display.xmodule_CapaModule div.problem .detailed-targeted-feedback-partially-correct p:last-child {
  margin-bottom: 0; }
.xmodule_display.xmodule_CapaModule div.problem .detailed-targeted-feedback-correct > p:first-child {
  color: #166e36;
  text-transform: uppercase;
  font-style: normal;
  font-size: 0.9em; }
.xmodule_display.xmodule_CapaModule div.problem .detailed-targeted-feedback-correct p:last-child {
  margin-bottom: 0; }
.xmodule_display.xmodule_CapaModule div.problem div.capa_alert {
  margin-top: 20px;
  padding: 8px 12px;
  border: 1px solid #ebe8bf;
  border-radius: 3px;
  background: #fffcdd;
  font-size: 0.9em; }
.xmodule_display.xmodule_CapaModule div.problem div.capa_reset {
  padding: 25px;
  border: 1px solid #fd5757;
  background-color: #ffd5d5;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  margin-bottom: 10px; }
.xmodule_display.xmodule_CapaModule div.problem .capa_reset > h2 {
  color: #aa0000; }
.xmodule_display.xmodule_CapaModule div.problem .capa_reset li {
  font-size: 0.9em; }
.xmodule_display.xmodule_CapaModule div.problem .hints {
  border: 1px solid #cbcbcb; }
  .xmodule_display.xmodule_CapaModule div.problem .hints h3 {
    padding: 9px;
    border-bottom: 1px solid #e3e3e3;
    background: #eee;
    text-shadow: 0 1px 0 white;
    font-size: 1em; }
  .xmodule_display.xmodule_CapaModule div.problem .hints div {
    border-bottom: 1px solid #ddd; }
    .xmodule_display.xmodule_CapaModule div.problem .hints div:last-child {
      border-bottom: none; }
    .xmodule_display.xmodule_CapaModule div.problem .hints div p {
      margin-bottom: 0; }
    .xmodule_display.xmodule_CapaModule div.problem .hints div header a {
      display: block;
      padding: 9px;
      background: #f8f8f8;
      box-shadow: inset 0 0 0 1px white; }
    .xmodule_display.xmodule_CapaModule div.problem .hints div > section {
      padding: 9px; }
.xmodule_display.xmodule_CapaModule div.problem .test {
  padding-top: 18px; }
  .xmodule_display.xmodule_CapaModule div.problem .test header {
    margin-bottom: 12px; }
    .xmodule_display.xmodule_CapaModule div.problem .test header h3 {
      color: #aaa;
      text-transform: uppercase;
      font-style: normal;
      font-size: 0.9em; }
  .xmodule_display.xmodule_CapaModule div.problem .test > section {
    position: relative;
    margin-bottom: 10px;
    padding: 9px 9px 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: white;
    box-shadow: inset 0 0 0 1px #eee; }
    .xmodule_display.xmodule_CapaModule div.problem .test > section p:last-of-type {
      margin-bottom: 0; }
    .xmodule_display.xmodule_CapaModule div.problem .test > section .shortform {
      margin-bottom: .6em; }
    .xmodule_display.xmodule_CapaModule div.problem .test > section a.full {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 1px;
      left: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      padding: 4px;
      background: #e5e5e5;
      text-align: right;
      font-size: 1em; }
      .xmodule_display.xmodule_CapaModule div.problem .test > section a.full.full-top {
        position: absolute;
        top: 1px;
        right: 0;
        bottom: auto;
        left: 0; }
      .xmodule_display.xmodule_CapaModule div.problem .test > section a.full.full-bottom {
        position: absolute;
        top: auto;
        right: 0;
        bottom: 1px;
        left: 0; }
.xmodule_display.xmodule_CapaModule div.problem .external-grader-message section {
  padding-top: 30px;
  padding-left: 20px;
  background-color: #fafafa;
  color: #2c2c2c;
  font-size: 1em;
  font-family: monospace; }
  .xmodule_display.xmodule_CapaModule div.problem .external-grader-message section header {
    font-size: 1.4em; }
  .xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform {
    margin: 0;
    padding: 0; }
    .xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-errors {
      margin: 5px;
      padding: 10px 10px 10px 40px;
      background: url("../images/incorrect-icon.016653a3c059.png") center left no-repeat; }
      .xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-errors li {
        color: #b00; }
    .xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-output {
      margin: 5px;
      padding: 20px 0 15px 50px;
      border-top: 1px solid #ddd;
      border-left: 20px solid #fafafa; }
      .xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-output h4 {
        font-size: 1em;
        font-family: monospace; }
      .xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-output dl {
        margin: 0; }
      .xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-output dt {
        margin-top: 20px; }
      .xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-output dd {
        margin-left: 24pt; }
    .xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-correct {
      background: url("../images/correct-icon.ea93859cc9ff.png") left 20px no-repeat; }
      .xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-correct .result-actual-output {
        color: #090; }
    .xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-partially-correct {
      background: url("../images/partially-correct-icon.186bb2013412.png") left 20px no-repeat; }
      .xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-partially-correct .result-actual-output {
        color: #090; }
    .xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-incorrect {
      background: url("../images/incorrect-icon.016653a3c059.png") left 20px no-repeat; }
      .xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .result-incorrect .result-actual-output {
        color: #B00; }
    .xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .markup-text {
      margin: 5px;
      padding: 20px 0 15px 50px;
      border-top: 1px solid #ddd;
      border-left: 20px solid #fafafa; }
      .xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .markup-text bs {
        color: #bb0000; }
      .xmodule_display.xmodule_CapaModule div.problem .external-grader-message section .longform .markup-text bg {
        color: #bda046; }
.xmodule_display.xmodule_CapaModule div.problem .rubric tr {
  margin: 10px 0;
  height: 100%; }
.xmodule_display.xmodule_CapaModule div.problem .rubric td {
  margin: 10px 0;
  padding: 20px 0;
  height: 100%; }
.xmodule_display.xmodule_CapaModule div.problem .rubric th {
  margin: 5px;
  padding: 5px; }
.xmodule_display.xmodule_CapaModule div.problem .rubric label,
.xmodule_display.xmodule_CapaModule div.problem .rubric .view-only {
  position: relative;
  display: inline-block;
  margin: 3px;
  padding: 15px;
  min-width: 50px;
  min-height: 50px;
  width: 150px;
  height: 100%;
  background-color: #cbcbcb;
  font-size: .9em; }
.xmodule_display.xmodule_CapaModule div.problem .rubric .grade {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 10px; }
.xmodule_display.xmodule_CapaModule div.problem .rubric .selected-grade {
  background: #666;
  color: white; }
.xmodule_display.xmodule_CapaModule div.problem .rubric input[type=radio]:checked + label {
  background: #666;
  color: white; }
.xmodule_display.xmodule_CapaModule div.problem .rubric input[class='score-selection'] {
  display: none; }
.xmodule_display.xmodule_CapaModule div.problem .annotation-input {
  margin: 0 0 1em 0;
  border: 1px solid #cbcbcb;
  border-radius: 1em;
  /* for debugging the input value field. enable the debug flag on the inputtype */ }
  .xmodule_display.xmodule_CapaModule div.problem .annotation-input .annotation-header {
    padding: .5em 1em;
    border-bottom: 1px solid #cbcbcb; }
  .xmodule_display.xmodule_CapaModule div.problem .annotation-input .annotation-body {
    padding: .5em 1em; }
  .xmodule_display.xmodule_CapaModule div.problem .annotation-input a.annotation-return {
    float: right;
    font: inherit;
    font-weight: normal; }
  .xmodule_display.xmodule_CapaModule div.problem .annotation-input a.annotation-return:after {
    content: " \2191"; }
  .xmodule_display.xmodule_CapaModule div.problem .annotation-input .block, .xmodule_display.xmodule_CapaModule div.problem .annotation-input ul.tags {
    margin: .5em 0;
    padding: 0; }
  .xmodule_display.xmodule_CapaModule div.problem .annotation-input .block-highlight {
    padding: .5em;
    border: 1px solid rgba(214, 214, 0, 0.3);
    background-color: rgba(255, 255, 10, 0.3);
    color: #333;
    font-style: normal; }
  .xmodule_display.xmodule_CapaModule div.problem .annotation-input .block-comment {
    font-style: italic; }
  .xmodule_display.xmodule_CapaModule div.problem .annotation-input ul.tags {
    display: block;
    margin-left: 1em;
    list-style-type: none; }
    .xmodule_display.xmodule_CapaModule div.problem .annotation-input ul.tags li {
      position: relative;
      display: block;
      margin: 1em 0 0 0; }
      .xmodule_display.xmodule_CapaModule div.problem .annotation-input ul.tags li .tag {
        display: inline-block;
        margin-left: 40px;
        border: 1px solid #666666; }
        .xmodule_display.xmodule_CapaModule div.problem .annotation-input ul.tags li .tag.selected {
          background-color: rgba(255, 255, 10, 0.3); }
      .xmodule_display.xmodule_CapaModule div.problem .annotation-input ul.tags li .tag-status {
        position: absolute;
        left: 0; }
      .xmodule_display.xmodule_CapaModule div.problem .annotation-input ul.tags li .tag-status, .xmodule_display.xmodule_CapaModule div.problem .annotation-input ul.tags li .tag {
        padding: .25em .5em; }
  .xmodule_display.xmodule_CapaModule div.problem .annotation-input textarea.comment {
    padding: 0.2em 0.4em;
    width: 100%;
    height: 7.2em;
    line-height: 1.4em; }
  .xmodule_display.xmodule_CapaModule div.problem .annotation-input .answer-annotation {
    display: block;
    margin: 0; }
  .xmodule_display.xmodule_CapaModule div.problem .annotation-input .debug-value {
    margin: 1em 0;
    padding: 1em;
    border: 1px solid black;
    background-color: #999;
    color: white; }
    .xmodule_display.xmodule_CapaModule div.problem .annotation-input .debug-value input[type="text"] {
      width: 100%; }
    .xmodule_display.xmodule_CapaModule div.problem .annotation-input .debug-value pre {
      background-color: #cbcbcb;
      color: black; }
    .xmodule_display.xmodule_CapaModule div.problem .annotation-input .debug-value:before {
      display: block;
      content: "debug input value";
      text-transform: uppercase;
      font-size: 1.5em; }
.xmodule_display.xmodule_CapaModule div.problem .choicetextgroup input[type="text"] {
  margin-bottom: 0.5em; }
.xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct input[type="text"], .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct input[type="text"] {
  border-color: #166e36; }
.xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_partially-correct input[type="text"], .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_partially-correct input[type="text"] {
  border-color: #166e36; }
.xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_show_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_show_correct:after {
  margin-left: 15px;
  content: url("../images/correct-icon.ea93859cc9ff.png"); }
.xmodule_display.xmodule_CapaModule div.problem .choicetextgroup span.mock_label {
  cursor: default; }
.xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .status {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 25px;
  height: 20px; }
.xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .correct {
  background: url("../images/correct-icon.ea93859cc9ff.png") center center no-repeat; }
.xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .incorrect {
  background: url("../images/incorrect-icon.016653a3c059.png") center center no-repeat; }
.xmodule_display.xmodule_CapaModule div.problem .imageinput.capa_inputtype .partially-correct {
  background: url("../images/partially-correct-icon.186bb2013412.png") center center no-repeat; }
.xmodule_display.xmodule_CapaModule div.problem .annotation-input .tag-status {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 25px;
  height: 20px; }
.xmodule_display.xmodule_CapaModule div.problem .annotation-input .correct {
  background: url("../images/correct-icon.ea93859cc9ff.png") center center no-repeat; }
.xmodule_display.xmodule_CapaModule div.problem .annotation-input .incorrect {
  background: url("../images/incorrect-icon.016653a3c059.png") center center no-repeat; }
.xmodule_display.xmodule_CapaModule div.problem .annotation-input .partially-correct {
  background: url("../images/partially-correct-icon.186bb2013412.png") center center no-repeat; }

.xmodule_display.xmodule_CrowdsourceHinterModule .crowdsource-wrapper {
  box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  display: none;
  margin-top: 20px;
  padding: 15px;
  background: #fdf8eb; }
.xmodule_display.xmodule_CrowdsourceHinterModule .hint-inner-container {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 16px; }
.xmodule_display.xmodule_CrowdsourceHinterModule .vote {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }
.xmodule_display.xmodule_CrowdsourceHinterModule .wizard-view {
  float: left;
  width: 790px;
  margin-right: 10px; }
.xmodule_display.xmodule_CrowdsourceHinterModule .wizard-container {
  width: 3000px;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; }
.xmodule_display.xmodule_CrowdsourceHinterModule .wizard-viewbox {
  width: 800px;
  overflow: hidden;
  position: relative; }

.xmodule_display.xmodule_GraphicalSliderToolModule .ui-widget-content {
  border: 1px solid #dddddd;
  color: #333333; }
.xmodule_display.xmodule_GraphicalSliderToolModule .ui-widget {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.1em; }
.xmodule_display.xmodule_GraphicalSliderToolModule .ui-corner-all, .xmodule_display.xmodule_GraphicalSliderToolModule .ui-corner-top, .xmodule_display.xmodule_GraphicalSliderToolModule .ui-corner-left, .xmodule_display.xmodule_GraphicalSliderToolModule .ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -khtml-border-top-left-radius: 4px;
  border-top-left-radius: 4px; }
.xmodule_display.xmodule_GraphicalSliderToolModule .ui-corner-all, .xmodule_display.xmodule_GraphicalSliderToolModule .ui-corner-top, .xmodule_display.xmodule_GraphicalSliderToolModule .ui-corner-right, .xmodule_display.xmodule_GraphicalSliderToolModule .ui-corner-tr {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  border-top-right-radius: 4px; }
.xmodule_display.xmodule_GraphicalSliderToolModule .ui-corner-all, .xmodule_display.xmodule_GraphicalSliderToolModule .ui-corner-bottom, .xmodule_display.xmodule_GraphicalSliderToolModule .ui-corner-left, .xmodule_display.xmodule_GraphicalSliderToolModule .ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -khtml-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px; }
.xmodule_display.xmodule_GraphicalSliderToolModule .ui-corner-all, .xmodule_display.xmodule_GraphicalSliderToolModule .ui-corner-bottom, .xmodule_display.xmodule_GraphicalSliderToolModule .ui-corner-right, .xmodule_display.xmodule_GraphicalSliderToolModule .ui-corner-br {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -khtml-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

@media print {
  .xmodule_display.xmodule_PollModule div.poll_question {
    display: block;
    width: auto;
    padding: 0; }
    .xmodule_display.xmodule_PollModule div.poll_question canvas, .xmodule_display.xmodule_PollModule div.poll_question img {
      page-break-inside: avoid; } }
.xmodule_display.xmodule_PollModule div.poll_question .inline {
  display: inline; }
.xmodule_display.xmodule_PollModule div.poll_question h3 {
  margin-top: 0;
  margin-bottom: 15px;
  color: #fe57a1;
  font-size: 1.9em; }
  .xmodule_display.xmodule_PollModule div.poll_question h3.problem-header div.staff {
    margin-top: 30px;
    font-size: 80%; }
  @media print {
    .xmodule_display.xmodule_PollModule div.poll_question h3 {
      display: block;
      width: auto;
      border-right: 0; } }
.xmodule_display.xmodule_PollModule div.poll_question p {
  text-align: justify;
  font-weight: bold; }
.xmodule_display.xmodule_PollModule div.poll_question .poll_answer {
  margin-bottom: 20px; }
  .xmodule_display.xmodule_PollModule div.poll_question .poll_answer.short {
    clear: both; }
  .xmodule_display.xmodule_PollModule div.poll_question .poll_answer .question {
    height: auto;
    clear: both;
    min-height: 30px; }
    .xmodule_display.xmodule_PollModule div.poll_question .poll_answer .question.short {
      clear: none;
      width: 30%;
      display: inline;
      float: left; }
    .xmodule_display.xmodule_PollModule div.poll_question .poll_answer .question .button {
      -webkit-appearance: none;
      -webkit-background-clip: padding-box;
      -webkit-border-image: none;
      -webkit-box-align: center;
      -webkit-box-shadow: white 0px 1px 0px 0px inset;
      -webkit-font-smoothing: antialiased;
      -webkit-rtl-ordering: logical;
      -webkit-user-select: text;
      -webkit-writing-mode: horizontal-tb;
      background-clip: padding-box;
      background-color: #eeeeee;
      background-image: -webkit-linear-gradient(top, #eeeeee, #d2d2d2);
      border-bottom-color: #cacaca;
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      border-left-color: #cacaca;
      border-left-style: solid;
      border-left-width: 1px;
      border-right-color: #cacaca;
      border-right-style: solid;
      border-right-width: 1px;
      border-top-color: #cacaca;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      border-top-style: solid;
      border-top-width: 1px;
      box-shadow: white 0px 1px 0px 0px inset;
      box-sizing: border-box;
      color: #333333;
      /* display: inline-block; */
      display: inline;
      float: left;
      font-family: 'Open Sans', Verdana, Geneva, sans-serif;
      font-size: 13px;
      font-style: normal;
      font-variant: normal;
      font-weight: bold;
      letter-spacing: normal;
      line-height: 25.59375px;
      margin-bottom: 15px;
      margin: 0;
      padding: 0px;
      text-align: center;
      text-decoration: none;
      text-indent: 0px;
      text-shadow: #f8f8f8 0px 1px 0px;
      text-transform: none;
      vertical-align: top;
      white-space: pre-line;
      width: 25px;
      height: 25px;
      word-spacing: 0px;
      writing-mode: lr-tb; }
    .xmodule_display.xmodule_PollModule div.poll_question .poll_answer .question .button.answered {
      -webkit-box-shadow: #61b8e1 0px 1px 0px 0px inset;
      background-color: #1d9dd9;
      background-image: -webkit-linear-gradient(top, #1d9dd9, #0e7cb0);
      border-bottom-color: #0d72a2;
      border-left-color: #0d72a2;
      border-right-color: #0d72a2;
      border-top-color: #0d72a2;
      box-shadow: #61b8e1 0px 1px 0px 0px inset;
      color: white;
      text-shadow: #076794 0px 1px 0px;
      background-image: none; }
    .xmodule_display.xmodule_PollModule div.poll_question .poll_answer .question .text {
      display: inline;
      float: left;
      width: 80%;
      text-align: left;
      min-height: 30px;
      margin-left: 20px;
      height: auto;
      margin-bottom: 20px; }
      .xmodule_display.xmodule_PollModule div.poll_question .poll_answer .question .text.short {
        width: 100px; }
  .xmodule_display.xmodule_PollModule div.poll_question .poll_answer .stats {
    min-height: 40px;
    margin-top: 20px;
    clear: both; }
    .xmodule_display.xmodule_PollModule div.poll_question .poll_answer .stats.short {
      margin-top: 0;
      clear: none;
      display: inline;
      float: right;
      width: 70%; }
    .xmodule_display.xmodule_PollModule div.poll_question .poll_answer .stats .bar {
      width: 75%;
      height: 20px;
      border: 1px solid black;
      display: inline;
      float: left;
      margin-right: 10px; }
      .xmodule_display.xmodule_PollModule div.poll_question .poll_answer .stats .bar.short {
        width: 65%;
        height: 20px;
        margin-top: 3px; }
      .xmodule_display.xmodule_PollModule div.poll_question .poll_answer .stats .bar .percent {
        background-color: gray;
        width: 0px;
        height: 20px; }
    .xmodule_display.xmodule_PollModule div.poll_question .poll_answer .stats .number {
      width: 80px;
      display: inline;
      float: right;
      height: 28px;
      text-align: right; }
      .xmodule_display.xmodule_PollModule div.poll_question .poll_answer .stats .number.short {
        width: 120px;
        height: auto; }
.xmodule_display.xmodule_PollModule div.poll_question .poll_answer.answered {
  -webkit-box-shadow: #61b8e1 0px 1px 0px 0px inset;
  background-color: #1d9dd9;
  background-image: -webkit-linear-gradient(top, #1d9dd9, #0e7cb0);
  border-bottom-color: #0d72a2;
  border-left-color: #0d72a2;
  border-right-color: #0d72a2;
  border-top-color: #0d72a2;
  box-shadow: #61b8e1 0px 1px 0px 0px inset;
  color: white;
  text-shadow: #076794 0px 1px 0px; }
.xmodule_display.xmodule_PollModule div.poll_question .button.reset-button {
  clear: both;
  float: right; }

.xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicegroup .xmodule_display.xmodule_VideoModule label.choicegroup_correct:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_VideoModule label.choicegroup_correct:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_VideoModule label.choicetextgroup_correct:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_VideoModule section.choicetextgroup_correct:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicegroup .xmodule_display.xmodule_VideoModule label.choicegroup_partially-correct:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_VideoModule label.choicegroup_partially-correct:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_VideoModule label.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_VideoModule section.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicegroup label.choicegroup_incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .choicegroup .xmodule_display.xmodule_VideoModule label.choicegroup_incorrect:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicegroup_incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_VideoModule label.choicegroup_incorrect:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label.choicetextgroup_incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_VideoModule label.choicetextgroup_incorrect:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup section.choicetextgroup_incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_VideoModule section.choicetextgroup_incorrect:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.correct:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .xmodule_display.xmodule_VideoModule .status.correct:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .xmodule_display.xmodule_VideoModule .status.partially-correct:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .xmodule_display.xmodule_VideoModule .status.incorrect:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule div.problem .indicator-container .status.unanswered:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .xmodule_display.xmodule_VideoModule .status.unanswered:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .incorrect .status:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .incorrect .xmodule_display.xmodule_VideoModule .status:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .incorrect .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .incorrect .xmodule_display.xmodule_VideoModule .status:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .partially-correct .status:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .partially-correct .xmodule_display.xmodule_VideoModule .status:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .partially-correct .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .partially-correct .xmodule_display.xmodule_VideoModule .status:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .correct .status:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .correct .xmodule_display.xmodule_VideoModule .status:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .correct .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .correct .xmodule_display.xmodule_VideoModule .status:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .unanswered .status:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .unanswered .xmodule_display.xmodule_VideoModule .status:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .unsubmitted .status:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .unsubmitted .xmodule_display.xmodule_VideoModule .status:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .unanswered .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .unanswered .xmodule_display.xmodule_VideoModule .status:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .unsubmitted .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .unsubmitted .xmodule_display.xmodule_VideoModule .status:after, .xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container > a:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup .xmodule_display.xmodule_VideoModule label.choicegroup_correct:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_VideoModule label.choicegroup_correct:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_VideoModule label.choicetextgroup_correct:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_VideoModule section.choicetextgroup_correct:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup .xmodule_display.xmodule_VideoModule label.choicegroup_partially-correct:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_VideoModule label.choicegroup_partially-correct:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_VideoModule label.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_VideoModule section.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup .xmodule_display.xmodule_VideoModule label.choicegroup_incorrect:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_VideoModule label.choicegroup_incorrect:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_VideoModule label.choicetextgroup_incorrect:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .xmodule_display.xmodule_VideoModule section.choicetextgroup_incorrect:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .xmodule_display.xmodule_VideoModule .status.correct:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .xmodule_display.xmodule_VideoModule .status.partially-correct:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .xmodule_display.xmodule_VideoModule .status.incorrect:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.unanswered:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .xmodule_display.xmodule_VideoModule .status.unanswered:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .incorrect .status:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .incorrect .xmodule_display.xmodule_VideoModule .status:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .incorrect .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .incorrect .xmodule_display.xmodule_VideoModule .status:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .partially-correct .status:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .partially-correct .xmodule_display.xmodule_VideoModule .status:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .partially-correct .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .partially-correct .xmodule_display.xmodule_VideoModule .status:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .correct .status:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .correct .xmodule_display.xmodule_VideoModule .status:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .correct .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .correct .xmodule_display.xmodule_VideoModule .status:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .unanswered .status:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .unanswered .xmodule_display.xmodule_VideoModule .status:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .unsubmitted .status:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .unsubmitted .xmodule_display.xmodule_VideoModule .status:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .unanswered .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .unanswered .xmodule_display.xmodule_VideoModule .status:after, .xmodule_display.xmodule_VideoModule .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .unsubmitted .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .unsubmitted .xmodule_display.xmodule_VideoModule .status:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  speak: none; }
.xmodule_display.xmodule_VideoModule .a11y-menu-container {
  position: relative; }
  .xmodule_display.xmodule_VideoModule .a11y-menu-container.open .a11y-menu-list {
    display: block; }
  .xmodule_display.xmodule_VideoModule .a11y-menu-container .a11y-menu-list {
    top: 100%;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    list-style: none;
    background-color: white;
    border: 1px solid #eee; }
    .xmodule_display.xmodule_VideoModule .a11y-menu-container .a11y-menu-list li {
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #eee;
      color: white; }
      .xmodule_display.xmodule_VideoModule .a11y-menu-container .a11y-menu-list li a {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #b2b2b2;
        font-size: 14px;
        line-height: 23px; }
        .xmodule_display.xmodule_VideoModule .a11y-menu-container .a11y-menu-list li a:hover, .xmodule_display.xmodule_VideoModule .a11y-menu-container .a11y-menu-list li a:focus {
          color: #656565; }
      .xmodule_display.xmodule_VideoModule .a11y-menu-container .a11y-menu-list li.active a {
        color: #009fe6; }
      .xmodule_display.xmodule_VideoModule .a11y-menu-container .a11y-menu-list li:last-child {
        box-shadow: none;
        border-bottom: 0;
        margin-top: 0; }
.xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container {
  display: inline-block;
  vertical-align: top;
  border-left: 1px solid #eee; }
  .xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container.open > a {
    background-color: #1aa1de;
    color: white; }
    .xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container.open > a:after {
      color: white; }
  .xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container > a {
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    border-radius: 0 3px 3px 0;
    background-color: white;
    padding: 15px 25px 15px 15px;
    color: #b2b2b2;
    min-width: 1.5em;
    line-height: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis; }
    .xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container > a:after {
      content: "\f0d7";
      position: absolute;
      right: 10px;
      top: 33%;
      color: #646464 #3c3c3c; }
  .xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container .a11y-menu-list {
    right: 0; }
    .xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container .a11y-menu-list li {
      font-size: 0.875em; }
      .xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container .a11y-menu-list li a {
        border: 0;
        display: block;
        padding: 0.70788em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
.xmodule_display.xmodule_VideoModule .contextmenu, .xmodule_display.xmodule_VideoModule .submenu {
  border: 1px solid #333;
  background: white;
  color: #333;
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  top: 0;
  display: none;
  outline: none;
  cursor: default;
  white-space: nowrap; }
  .xmodule_display.xmodule_VideoModule .contextmenu.is-opened, .xmodule_display.xmodule_VideoModule .submenu.is-opened {
    display: block; }
  .xmodule_display.xmodule_VideoModule .contextmenu .menu-item, .xmodule_display.xmodule_VideoModule .contextmenu .submenu-item, .xmodule_display.xmodule_VideoModule .submenu .menu-item, .xmodule_display.xmodule_VideoModule .submenu .submenu-item {
    border-top: 1px solid #cbcbcb;
    padding: 5px 10px;
    outline: none; }
    .xmodule_display.xmodule_VideoModule .contextmenu .menu-item > span, .xmodule_display.xmodule_VideoModule .contextmenu .submenu-item > span, .xmodule_display.xmodule_VideoModule .submenu .menu-item > span, .xmodule_display.xmodule_VideoModule .submenu .submenu-item > span {
      color: #333; }
    .xmodule_display.xmodule_VideoModule .contextmenu .menu-item:first-child, .xmodule_display.xmodule_VideoModule .contextmenu .submenu-item:first-child, .xmodule_display.xmodule_VideoModule .submenu .menu-item:first-child, .xmodule_display.xmodule_VideoModule .submenu .submenu-item:first-child {
      border-top: none; }
    .xmodule_display.xmodule_VideoModule .contextmenu .menu-item:focus, .xmodule_display.xmodule_VideoModule .contextmenu .submenu-item:focus, .xmodule_display.xmodule_VideoModule .submenu .menu-item:focus, .xmodule_display.xmodule_VideoModule .submenu .submenu-item:focus {
      background: #333;
      color: white; }
      .xmodule_display.xmodule_VideoModule .contextmenu .menu-item:focus > span, .xmodule_display.xmodule_VideoModule .contextmenu .submenu-item:focus > span, .xmodule_display.xmodule_VideoModule .submenu .menu-item:focus > span, .xmodule_display.xmodule_VideoModule .submenu .submenu-item:focus > span {
        color: white; }
  .xmodule_display.xmodule_VideoModule .contextmenu .submenu-item, .xmodule_display.xmodule_VideoModule .submenu .submenu-item {
    position: relative;
    padding: 5px 20px 5px 10px; }
    .xmodule_display.xmodule_VideoModule .contextmenu .submenu-item:after, .xmodule_display.xmodule_VideoModule .submenu .submenu-item:after {
      content: '\25B6';
      position: absolute;
      right: 5px;
      line-height: 25px;
      font-size: 10px; }
    .xmodule_display.xmodule_VideoModule .contextmenu .submenu-item .submenu, .xmodule_display.xmodule_VideoModule .submenu .submenu-item .submenu {
      display: none; }
    .xmodule_display.xmodule_VideoModule .contextmenu .submenu-item.is-opened, .xmodule_display.xmodule_VideoModule .submenu .submenu-item.is-opened {
      background: #333;
      color: white; }
      .xmodule_display.xmodule_VideoModule .contextmenu .submenu-item.is-opened > span, .xmodule_display.xmodule_VideoModule .submenu .submenu-item.is-opened > span {
        color: white; }
      .xmodule_display.xmodule_VideoModule .contextmenu .submenu-item.is-opened > .submenu, .xmodule_display.xmodule_VideoModule .submenu .submenu-item.is-opened > .submenu {
        display: block; }
    .xmodule_display.xmodule_VideoModule .contextmenu .submenu-item .is-selected, .xmodule_display.xmodule_VideoModule .submenu .submenu-item .is-selected {
      font-weight: bold; }
  .xmodule_display.xmodule_VideoModule .contextmenu .is-disabled, .xmodule_display.xmodule_VideoModule .submenu .is-disabled {
    pointer-events: none;
    color: #cbcbcb; }
.xmodule_display.xmodule_VideoModule .overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent; }
.xmodule_display.xmodule_VideoModule html:not('.afontgarde') .icon-fallback-img .fa-play {
  background: url("../images/fontawesome/play.e1e016782f94.svg") center center no-repeat; }
.xmodule_display.xmodule_VideoModule html:not('.afontgarde') .icon-fallback-img .fa-pause {
  background: url("../images/fontawesome/pause.c1592cf30726.svg") center center no-repeat; }
.xmodule_display.xmodule_VideoModule html:not('.afontgarde') .icon-fallback-img .fa-step-forward {
  background: url("../images/fontawesome/step-forward.d2405bc21974.svg") center center no-repeat; }
.xmodule_display.xmodule_VideoModule html:not('.afontgarde') .icon-fallback-img .fa-arrows-alt {
  background: url("../images/fontawesome/arrows-alt.5a11849ce741.svg") center center no-repeat; }
.xmodule_display.xmodule_VideoModule html:not('.afontgarde') .icon-fallback-img .fa-caret-right {
  background: url("../images/fontawesome/caret-right.499f4064f998.svg") center center no-repeat; }
.xmodule_display.xmodule_VideoModule html:not('.afontgarde') .icon-fallback-img .fa-caret-left {
  background: url("../images/fontawesome/caret-left.54572d277b74.svg") center center no-repeat; }
.xmodule_display.xmodule_VideoModule html:not('.afontgarde') .icon-fallback-img .fa-caret-up {
  background: url("../images/fontawesome/caret-up.3316c835f5a6.svg") center center no-repeat; }
.xmodule_display.xmodule_VideoModule html:not('.afontgarde') .icon-fallback-img .fa-compress {
  background: url("../images/fontawesome/compress.c0dc36732f21.svg") center center no-repeat; }
.xmodule_display.xmodule_VideoModule html:not('.afontgarde') .icon-fallback-img .fa-quote-left {
  background: url("../images/fontawesome/quote-left.cdc3d10012f9.svg") center center no-repeat; }
.xmodule_display.xmodule_VideoModule html:not('.afontgarde') .icon-fallback-img .fa-volume-up {
  background: url("../images/fontawesome/volume-up.661d6c4942a3.svg") center center no-repeat; }
.xmodule_display.xmodule_VideoModule html:not('.afontgarde') .icon-fallback-img .fa-volume-down {
  background: url("../images/fontawesome/volume-down.47617b9a531b.svg") center center no-repeat; }
.xmodule_display.xmodule_VideoModule html:not('.afontgarde') .icon-fallback-img .fa-volume-off {
  background: url("../images/fontawesome/volume-off.2fbc9cf41996.svg") center center no-repeat; }
.xmodule_display.xmodule_VideoModule {
  margin-bottom: 30px; }
.xmodule_display.xmodule_VideoModule .is-hidden, .xmodule_display.xmodule_VideoModule .video.closed .subtitles, .xmodule_display.xmodule_VideoModule .mast.has-actions .nav-actions .button.is-hidden, .mast.has-actions .nav-actions .xmodule_display.xmodule_VideoModule .button.is-hidden {
  display: none; }
.xmodule_display.xmodule_VideoModule .video {
  background: #f0f3f5;
  display: block;
  margin: 0 -12px;
  padding: 12px;
  border-radius: 5px;
  outline: none; }
  .xmodule_display.xmodule_VideoModule .video:after {
    content: "";
    display: table;
    clear: both; }
  .xmodule_display.xmodule_VideoModule .video:focus, .xmodule_display.xmodule_VideoModule .video:active, .xmodule_display.xmodule_VideoModule .video:hover {
    border: 0; }
  .xmodule_display.xmodule_VideoModule .video.is-initialized .video-wrapper .spinner {
    display: none; }
  .xmodule_display.xmodule_VideoModule .video.is-pre-roll .slider {
    visibility: hidden; }
  .xmodule_display.xmodule_VideoModule .video.is-pre-roll .video-player {
    position: relative; }
    .xmodule_display.xmodule_VideoModule .video.is-pre-roll .video-player:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 55%; }
  .xmodule_display.xmodule_VideoModule .video .tc-wrapper {
    position: relative; }
    .xmodule_display.xmodule_VideoModule .video .tc-wrapper:after {
      content: "";
      display: table;
      clear: both; }
  .xmodule_display.xmodule_VideoModule .video .focus_grabber {
    position: relative;
    display: inline;
    width: 0px;
    height: 0px; }
  .xmodule_display.xmodule_VideoModule .video .wrapper-downloads {
    margin: 0;
    padding: 0; }
    .xmodule_display.xmodule_VideoModule .video .wrapper-downloads .video-download-button {
      display: inline-block;
      vertical-align: top;
      margin: 15px 10px 0 0; }
      .xmodule_display.xmodule_VideoModule .video .wrapper-downloads .video-download-button > a {
        -webkit-transition: all 0.25s ease-in-out 0s;
        -moz-transition: all 0.25s ease-in-out 0s;
        transition: all 0.25s ease-in-out 0s;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 14px;
        float: left;
        border-radius: 3px;
        background-color: white;
        padding: 15px;
        color: #646464 #3c3c3c; }
        .xmodule_display.xmodule_VideoModule .video .wrapper-downloads .video-download-button > a:hover, .xmodule_display.xmodule_VideoModule .video .wrapper-downloads .video-download-button > a:focus {
          background-color: #1aa1de;
          color: white; }
    .xmodule_display.xmodule_VideoModule .video .wrapper-downloads .video-tracks > a {
      border-radius: 3px 0 0 3px; }
    .xmodule_display.xmodule_VideoModule .video .wrapper-downloads .video-tracks > a.external-track {
      border-radius: 3px; }
    .xmodule_display.xmodule_VideoModule .video .wrapper-downloads .branding {
      display: inline-block;
      float: right;
      margin: 15px 0 0 10px;
      vertical-align: top; }
      .xmodule_display.xmodule_VideoModule .video .wrapper-downloads .branding .host-tag {
        margin-right: 10px;
        position: absolute;
        left: -9999em;
        display: inline-block;
        vertical-align: middle;
        font-size: 70%;
        color: #777; }
      .xmodule_display.xmodule_VideoModule .video .wrapper-downloads .branding .brand-logo {
        display: inline-block;
        max-width: 100%;
        max-height: 40px;
        padding: 5px 0;
        vertical-align: middle; }
  .xmodule_display.xmodule_VideoModule .video .video-wrapper {
    float: left;
    margin-right: 2.85714%;
    width: 65.71429%;
    background-color: black;
    position: relative; }
    .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player-pre,
    .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player-post {
      height: 50px;
      background-color: #111010; }
    .xmodule_display.xmodule_VideoModule .video .video-wrapper .spinner {
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      z-index: 1;
      background: rgba(0, 0, 0, 0.7);
      top: 50%;
      left: 50%;
      padding: 30px;
      border-radius: 25%; }
      .xmodule_display.xmodule_VideoModule .video .video-wrapper .spinner:after {
        -webkit-animation: rotateCW 3s infinite linear;
        -moz-animation: rotateCW 3s infinite linear;
        animation: rotateCW 3s infinite linear;
        content: '';
        display: block;
        width: 30px;
        height: 30px;
        border: 7px solid white;
        border-top-color: transparent;
        border-radius: 100%;
        position: relative; }
    .xmodule_display.xmodule_VideoModule .video .video-wrapper .btn-play {
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      z-index: 1;
      background: rgba(0, 0, 0, 0.7);
      top: 50%;
      left: 50%;
      padding: 30px;
      border-radius: 25%; }
      .xmodule_display.xmodule_VideoModule .video .video-wrapper .btn-play:after {
        content: '';
        display: block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 30px 0 30px 50px;
        border-color: transparent transparent transparent white;
        position: relative; }
    .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player {
      overflow: hidden;
      min-height: 300px; }
      .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player > div {
        height: 100%; }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player > div.hidden {
          display: none; }
      .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player object,
      .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player iframe,
      .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player video {
        display: block;
        border: none;
        width: 100%; }
      .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player h3 {
        text-align: center;
        color: white; }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-player h3.hidden {
          display: none; }
    .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls {
      position: relative;
      border: 0;
      background: #282c2e;
      color: #f0f3f5; }
      .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls:after {
        content: "";
        display: table;
        clear: both; }
      .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls:hover ul,
      .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls:hover div, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls:focus ul,
      .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls:focus div {
        opacity: 1; }
      .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        border: 0;
        border-radius: 0;
        padding: 10px 13.33333px;
        background: #282c2e;
        box-shadow: none;
        text-shadow: none;
        color: #cfd8dc; }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control:hover, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control:focus {
          background: #171a1b; }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control:active, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .is-active.control, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .active.control {
          color: #0ea6ec; }
      .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control .icon-fallback-img .icon {
        width: 1em;
        height: 1em; }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .control .icon-fallback-img .icon.icon-hd {
          width: auto; }
      .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .slider {
        -webkit-transform-origin: bottom left;
        -moz-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        -o-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transition: height 0.7s ease-in-out 0s;
        -moz-transition: height 0.7s ease-in-out 0s;
        transition: height 0.7s ease-in-out 0s;
        position: absolute;
        bottom: 100%;
        left: 0;
        right: 0;
        z-index: 1;
        height: 5px;
        margin-left: 0;
        border: 0;
        border-radius: 0;
        background: #4f595d; }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .slider:after {
          content: "";
          display: table;
          clear: both; }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .slider .ui-widget-header {
          background: #8e3e63;
          box-shadow: none; }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .slider .ui-corner-all.slider-range {
          opacity: 0.3;
          background-color: #1e91d3; }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .slider .ui-slider-handle {
          -webkit-transform-origin: bottom left;
          -moz-transform-origin: bottom left;
          -ms-transform-origin: bottom left;
          -o-transform-origin: bottom left;
          transform-origin: bottom left;
          -webkit-transition: all 0.7s ease-in-out 0s;
          -moz-transition: all 0.7s ease-in-out 0s;
          transition: all 0.7s ease-in-out 0s;
          top: 0;
          height: 5px;
          width: 5px;
          margin-left: -2.5px;
          border: 0;
          border-radius: 4px;
          background: #cb598d;
          box-shadow: none; }
          .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .slider .ui-slider-handle:focus, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .slider .ui-slider-handle:hover {
            background-color: #db8baf; }
      .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .vcr {
        float: left;
        list-style: none;
        border-right: 1px solid #282c2e;
        padding: 0; }
        @media (max-width: 1120px) {
          .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .vcr {
            margin-right: 0.70788em;
            font-size: 0.875em; } }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .vcr .video_control:focus {
          position: relative; }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .vcr .video_control.skip {
          white-space: nowrap; }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .vcr .vidtime {
          padding-left: 1.06181em;
          display: inline-block;
          color: #cfd8dc;
          -webkit-font-smoothing: antialiased; }
          @media (max-width: 1120px) {
            .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .vcr .vidtime {
              padding-left: 0.70788em; } }
      .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls {
        float: right;
        border-left: 1px dotted #4f595d; }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume,
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .add-fullscreen,
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .grouped-controls,
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .quality-control {
          border-left: 1px dotted #4f595d; }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .speed-button:focus,
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume > .control:focus,
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .add-fullscreen:focus,
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .quality-control:focus,
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .toggle-transcript:focus {
          position: relative; }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container {
          position: relative; }
          .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu {
            -webkit-transition: none;
            -moz-transition: none;
            transition: none;
            position: absolute;
            display: none;
            bottom: 40px;
            right: 0;
            width: 120px;
            margin: 0;
            border: none;
            padding: 0;
            box-shadow: none;
            background-color: #282c2e;
            list-style: none; }
            .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li {
              color: #e7ecee; }
              .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li .speed-option,
              .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li .control-lang {
                text-align: left;
                display: block;
                width: 100%;
                border: 0;
                border-radius: 0;
                padding: 0.70788em;
                background: #282c2e;
                box-shadow: none;
                color: #e7ecee;
                overflow: hidden;
                text-shadow: none;
                text-overflow: ellipsis;
                white-space: nowrap; }
                .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li .speed-option:hover, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li .speed-option:focus,
                .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li .control-lang:hover,
                .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li .control-lang:focus {
                  background-color: #4f595d;
                  color: #fcfcfc; }
              .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li.is-active .speed-option,
              .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li.is-active .control-lang {
                color: #0ea6ec; }
          .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container.is-opened .menu {
            display: block; }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .speeds,
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .lang,
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .grouped-controls {
          display: inline-block; }
          .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .speeds .control .icon-fallback-img,
          .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .lang .control .icon-fallback-img,
          .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .grouped-controls .control .icon-fallback-img {
            float: left;
            -webkit-transform-origin: center center;
            -moz-transform-origin: center center;
            -ms-transform-origin: center center;
            -o-transform-origin: center center;
            transform-origin: center center; }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .speeds.is-opened .control .icon {
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg); }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .speeds .speed-button .label {
          padding: 0 6.66667px 0 0;
          font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
          color: #e7ecee; }
          @media (max-width: 1120px) {
            .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .speeds .speed-button .label {
              display: none; } }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .speeds .speed-button .value {
          padding: 0;
          color: #e7ecee;
          font-weight: bold; }
          @media (max-width: 1120px) {
            .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .speeds .speed-button .value {
              padding: 0 0.70788em; } }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .lang .language-menu {
          width: 20px;
          padding: 10px 0; }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .lang.is-opened .control .icon {
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume {
          display: inline-block;
          position: relative; }
          .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume.is-opened .volume-slider-container {
            display: block;
            opacity: 1; }
          .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume:not(:first-child) > a {
            border-left: none; }
          .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container {
            -webkit-transition: none;
            -moz-transition: none;
            transition: none;
            display: none;
            position: absolute;
            bottom: 40px;
            right: 0;
            width: 41px;
            height: 120px;
            background-color: #282c2e; }
            .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container .volume-slider {
              height: 100px;
              width: 5px;
              margin: 14px auto;
              border: 0;
              background: #4f595d; }
              .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container .volume-slider .ui-slider-handle {
                -webkit-transition: height 2s ease-in-out 0s, width 2s ease-in-out 0s;
                -moz-transition: height 2s ease-in-out 0s, width 2s ease-in-out 0s;
                transition: height 2s ease-in-out 0s, width 2s ease-in-out 0s;
                left: -5px;
                height: 15px;
                width: 15px;
                background: #cb598d;
                border: 0;
                border-radius: 4px; }
                .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container .volume-slider .ui-slider-handle:hover, .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container .volume-slider .ui-slider-handle:focus {
                  background: #db8baf; }
              .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container .volume-slider .ui-slider-range {
                background: #8e3e63; }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .quality-control {
          font-weight: 700;
          letter-spacing: -1px; }
          .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .quality-control.active {
            color: #0ea6ec; }
          .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .quality-control.is-hidden, .xmodule_display.xmodule_VideoModule .video.closed .video-wrapper .video-controls .secondary-controls .quality-control.subtitles {
            display: none !important; }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .toggle-transcript.is-active {
          color: #0ea6ec; }
        .xmodule_display.xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .lang > .hide-subtitles {
          -webkit-transition: none;
          -moz-transition: none;
          transition: none; }
    .xmodule_display.xmodule_VideoModule .video .video-wrapper:hover .video-controls .slider {
      height: 13.33333px; }
      .xmodule_display.xmodule_VideoModule .video .video-wrapper:hover .video-controls .slider .ui-slider-handle {
        height: 13.33333px;
        width: 13.33333px; }
  .xmodule_display.xmodule_VideoModule .video .subtitles {
    float: left;
    overflow: auto;
    margin: 0;
    max-height: 460px;
    width: 31.42857%;
    padding: 0;
    font-size: 14px;
    list-style: none;
    visibility: visible; }
    .xmodule_display.xmodule_VideoModule .video .subtitles li {
      margin-bottom: 8px;
      border: 0;
      padding: 0;
      color: #0074b5;
      line-height: 1.41575em; }
      .xmodule_display.xmodule_VideoModule .video .subtitles li.current {
        color: #333;
        font-weight: 700; }
      .xmodule_display.xmodule_VideoModule .video .subtitles li.focused {
        outline: #000 dotted thin;
        outline-offset: -1px; }
      .xmodule_display.xmodule_VideoModule .video .subtitles li:hover, .xmodule_display.xmodule_VideoModule .video .subtitles li:focus {
        text-decoration: underline; }
      .xmodule_display.xmodule_VideoModule .video .subtitles li:empty {
        margin-bottom: 0; }
  .xmodule_display.xmodule_VideoModule .video.closed .video-wrapper {
    width: 100%;
    background-color: inherit; }
  .xmodule_display.xmodule_VideoModule .video.closed .video-wrapper .video-controls.html5 {
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1; }
  .xmodule_display.xmodule_VideoModule .video.closed .video-wrapper .video-player-pre,
  .xmodule_display.xmodule_VideoModule .video.closed .video-wrapper .video-player-post {
    height: 0; }
  .xmodule_display.xmodule_VideoModule .video.closed .video-wrapper .video-player h3 {
    color: black; }
  .xmodule_display.xmodule_VideoModule .video.closed .subtitles.html5 {
    background-color: rgba(243, 243, 243, 0.8);
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 275px;
    padding: 0 20px;
    display: none; }
  .xmodule_display.xmodule_VideoModule .video.video-fullscreen {
    background: rgba(0, 0, 0, 0.95);
    border: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    vertical-align: middle;
    border-radius: 0; }
    .xmodule_display.xmodule_VideoModule .video.video-fullscreen.closed .tc-wrapper .video-wrapper {
      width: 100%; }
    .xmodule_display.xmodule_VideoModule .video.video-fullscreen .video-wrapper .video-player-pre,
    .xmodule_display.xmodule_VideoModule .video.video-fullscreen .video-wrapper .video-player-post {
      height: 0; }
    .xmodule_display.xmodule_VideoModule .video.video-fullscreen .video-wrapper {
      position: static; }
    .xmodule_display.xmodule_VideoModule .video.video-fullscreen .video-wrapper .video-player h3 {
      color: white; }
    .xmodule_display.xmodule_VideoModule .video.video-fullscreen .tc-wrapper {
      width: 100%;
      height: 100%;
      position: static; }
      .xmodule_display.xmodule_VideoModule .video.video-fullscreen .tc-wrapper:after {
        content: "";
        display: table;
        clear: both; }
      .xmodule_display.xmodule_VideoModule .video.video-fullscreen .tc-wrapper .video-wrapper {
        height: 100%;
        width: 75%;
        margin-right: 0;
        vertical-align: middle; }
        .xmodule_display.xmodule_VideoModule .video.video-fullscreen .tc-wrapper .video-wrapper object,
        .xmodule_display.xmodule_VideoModule .video.video-fullscreen .tc-wrapper .video-wrapper iframe,
        .xmodule_display.xmodule_VideoModule .video.video-fullscreen .tc-wrapper .video-wrapper video {
          position: absolute;
          width: auto;
          height: auto; }
      .xmodule_display.xmodule_VideoModule .video.video-fullscreen .tc-wrapper .video-controls {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%; }
    .xmodule_display.xmodule_VideoModule .video.video-fullscreen .subtitles {
      height: 100%;
      width: 25%;
      padding: 1.41575em;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: none;
      -moz-transition: none;
      transition: none;
      background: black;
      visibility: visible; }
      .xmodule_display.xmodule_VideoModule .video.video-fullscreen .subtitles li {
        color: #aaa; }
        .xmodule_display.xmodule_VideoModule .video.video-fullscreen .subtitles li.current {
          color: white; }
  .xmodule_display.xmodule_VideoModule .video.is-touch .tc-wrapper .video-wrapper object,
  .xmodule_display.xmodule_VideoModule .video.is-touch .tc-wrapper .video-wrapper iframe,
  .xmodule_display.xmodule_VideoModule .video.is-touch .tc-wrapper .video-wrapper video {
    width: 100%;
    height: 100%; }
  .xmodule_display.xmodule_VideoModule .video .video-pre-roll {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: black; }
    .xmodule_display.xmodule_VideoModule .video .video-pre-roll.is-html5 {
      background-size: 15%; }
    .xmodule_display.xmodule_VideoModule .video .video-pre-roll .btn-play.btn-pre-roll {
      padding: 20px;
      border: none;
      border-radius: 20px;
      background: rgba(0, 0, 0, 0.5);
      box-shadow: none; }
      .xmodule_display.xmodule_VideoModule .video .video-pre-roll .btn-play.btn-pre-roll:after {
        display: none; }
      .xmodule_display.xmodule_VideoModule .video .video-pre-roll .btn-play.btn-pre-roll img {
        height: 80px;
        width: 80px; }
      .xmodule_display.xmodule_VideoModule .video .video-pre-roll .btn-play.btn-pre-roll:hover, .xmodule_display.xmodule_VideoModule .video .video-pre-roll .btn-play.btn-pre-roll:focus {
        background: #0078b0; }

.xmodule_display.xmodule_VideoAnnotationModule {
  /* TODO: move top-level variables to a common _variables.scss.
   * NOTE: These variables were only added here because when this was integrated with the CMS,
   * SASS compilation errors were triggered because the CMS didn't have the same variables defined
   * that the LMS did, so the quick fix was to localize the LMS variables not shared by the CMS.
   * -Abarrett and Vshnayder
   */ }
  .xmodule_display.xmodule_VideoAnnotationModule .annotatable-wrapper {
    position: relative; }
  .xmodule_display.xmodule_VideoAnnotationModule .annotatable-header {
    margin-bottom: .5em; }
    .xmodule_display.xmodule_VideoAnnotationModule .annotatable-header .annotatable-title {
      font-size: 1.375em;
      text-transform: uppercase;
      padding: 2px 4px; }
  .xmodule_display.xmodule_VideoAnnotationModule .annotatable-section {
    position: relative;
    padding: .5em 1em;
    border: 1px solid #cbcbcb;
    border-radius: 0.5em;
    margin-bottom: 0.5em; }
    .xmodule_display.xmodule_VideoAnnotationModule .annotatable-section.shaded {
      background-color: #EDEDED; }
    .xmodule_display.xmodule_VideoAnnotationModule .annotatable-section .annotatable-section-title {
      font-weight: bold; }
      .xmodule_display.xmodule_VideoAnnotationModule .annotatable-section .annotatable-section-title a {
        font-weight: normal; }
    .xmodule_display.xmodule_VideoAnnotationModule .annotatable-section .annotatable-section-body {
      border-top: 1px solid #cbcbcb;
      margin-top: 0.5em;
      padding-top: 0.5em; }
      .xmodule_display.xmodule_VideoAnnotationModule .annotatable-section .annotatable-section-body:after {
        content: "";
        display: table;
        clear: both; }
    .xmodule_display.xmodule_VideoAnnotationModule .annotatable-section ul.instructions-template {
      list-style: disc;
      margin-left: 4em; }
      .xmodule_display.xmodule_VideoAnnotationModule .annotatable-section ul.instructions-template b {
        font-weight: bold; }
      .xmodule_display.xmodule_VideoAnnotationModule .annotatable-section ul.instructions-template i {
        font-style: italic; }
      .xmodule_display.xmodule_VideoAnnotationModule .annotatable-section ul.instructions-template code {
        display: inline;
        white-space: pre;
        font-family: Courier New, monospace; }
  .xmodule_display.xmodule_VideoAnnotationModule .annotatable-toggle {
    position: absolute;
    right: 0;
    margin: 2px 1em 2px 0; }
    .xmodule_display.xmodule_VideoAnnotationModule .annotatable-toggle.expanded:after {
      content: " \2191"; }
    .xmodule_display.xmodule_VideoAnnotationModule .annotatable-toggle.collapsed:after {
      content: " \2193"; }
  .xmodule_display.xmodule_VideoAnnotationModule .annotatable-span {
    display: inline; }
    .xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight {
      background-color: rgba(255, 255, 10, 0.3); }
      .xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight.selected {
        background-color: rgba(255, 255, 10, 0.9); }
    .xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-yellow {
      background-color: rgba(255, 255, 10, 0.3); }
      .xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-yellow.selected {
        background-color: rgba(255, 255, 10, 0.9); }
    .xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-red {
      background-color: rgba(178, 19, 16, 0.3); }
      .xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-red.selected {
        background-color: rgba(178, 19, 16, 0.9); }
    .xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-orange {
      background-color: rgba(255, 165, 0, 0.3); }
      .xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-orange.selected {
        background-color: rgba(255, 165, 0, 0.9); }
    .xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-green {
      background-color: rgba(25, 255, 132, 0.3); }
      .xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-green.selected {
        background-color: rgba(25, 255, 132, 0.9); }
    .xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-blue {
      background-color: rgba(35, 163, 255, 0.3); }
      .xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-blue.selected {
        background-color: rgba(35, 163, 255, 0.9); }
    .xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-purple {
      background-color: rgba(115, 9, 178, 0.3); }
      .xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.highlight-purple.selected {
        background-color: rgba(115, 9, 178, 0.9); }
    .xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.hide {
      cursor: none;
      background-color: inherit; }
      .xmodule_display.xmodule_VideoAnnotationModule .annotatable-span.hide .annotatable-icon {
        display: none; }
    .xmodule_display.xmodule_VideoAnnotationModule .annotatable-span .annotatable-comment {
      display: none; }
  .xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip {
    font-size: 0.875em;
    border: 1px solid #333;
    border-radius: 1em;
    background-color: rgba(0, 0, 0, 0.85);
    color: white;
    -webkit-font-smoothing: antialiased; }
    .xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar {
      font-size: 1em;
      color: inherit;
      background-color: transparent;
      padding: 5px 10px;
      border: none; }
      .xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-tooltip-title {
        padding: 5px 0;
        border-bottom: 2px solid #333;
        font-weight: bold; }
      .xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-tooltip-icon {
        right: 10px;
        background: #333; }
      .xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-state-hover {
        color: inherit;
        border: 1px solid #cbcbcb; }
    .xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-content {
      color: inherit;
      font-size: 0.875em;
      text-align: left;
      font-weight: 400;
      padding: 0 10px 10px 10px;
      background-color: transparent;
      border-color: transparent; }
    .xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip p {
      color: inherit;
      line-height: normal; }
  .xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable {
    max-width: 375px; }
    .xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content {
      padding: 0 10px; }
      .xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content .annotatable-comment {
        display: block;
        margin: 0 0 10px 0;
        max-height: 225px;
        overflow: auto;
        line-height: normal; }
      .xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content .annotatable-reply {
        display: block;
        border-top: 2px solid #333;
        padding: 5px 0;
        margin: 0;
        text-align: center; }
    .xmodule_display.xmodule_VideoAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable:after {
      content: '';
      display: inline-block;
      position: absolute;
      bottom: -20px;
      left: 50%;
      height: 0;
      width: 0;
      margin-left: -5px;
      border: 10px solid transparent;
      border-top-color: rgba(0, 0, 0, 0.85); }

.xmodule_display.xmodule_AboutModule * {
  line-height: 1.4em; }
.xmodule_display.xmodule_AboutModule h1 {
  color: #3c3c3c;
  font: normal 2em/1.4em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  margin: 0 0 1.416em 0; }
.xmodule_display.xmodule_AboutModule h2 {
  color: #646464;
  font: normal 1.2em/1.2em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  margin-bottom: 15px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased; }
.xmodule_display.xmodule_AboutModule h3, .xmodule_display.xmodule_AboutModule h4, .xmodule_display.xmodule_AboutModule h5, .xmodule_display.xmodule_AboutModule h6 {
  margin: 0 0 10px 0;
  font-weight: 600; }
.xmodule_display.xmodule_AboutModule h3 {
  font-size: 1.2em; }
.xmodule_display.xmodule_AboutModule h4 {
  font-size: 1em; }
.xmodule_display.xmodule_AboutModule h5 {
  font-size: .83em; }
.xmodule_display.xmodule_AboutModule h6 {
  font-size: 0.75em; }
.xmodule_display.xmodule_AboutModule p {
  margin-bottom: 1.416em;
  font-size: 1em;
  line-height: 1.6em !important;
  color: #3c3c3c; }
.xmodule_display.xmodule_AboutModule em, .xmodule_display.xmodule_AboutModule i {
  font-style: italic; }
  .xmodule_display.xmodule_AboutModule em span, .xmodule_display.xmodule_AboutModule i span {
    font-style: italic; }
.xmodule_display.xmodule_AboutModule strong, .xmodule_display.xmodule_AboutModule b {
  font-weight: bold; }
  .xmodule_display.xmodule_AboutModule strong span, .xmodule_display.xmodule_AboutModule b span {
    font-weight: bold; }
.xmodule_display.xmodule_AboutModule p + p, .xmodule_display.xmodule_AboutModule ul + p, .xmodule_display.xmodule_AboutModule ol + p {
  margin-top: 20px; }
.xmodule_display.xmodule_AboutModule blockquote {
  margin: 1em 40px; }
.xmodule_display.xmodule_AboutModule ol, .xmodule_display.xmodule_AboutModule ul {
  margin: 1em 0;
  padding: 0 0 0 1em;
  color: #3c3c3c; }
  .xmodule_display.xmodule_AboutModule ol li, .xmodule_display.xmodule_AboutModule ul li {
    margin-bottom: 0.708em; }
.xmodule_display.xmodule_AboutModule ol {
  list-style: decimal outside none; }
.xmodule_display.xmodule_AboutModule ul {
  list-style: disc outside none; }
.xmodule_display.xmodule_AboutModule a:link, .xmodule_display.xmodule_AboutModule a:visited, .xmodule_display.xmodule_AboutModule a:hover, .xmodule_display.xmodule_AboutModule a:active, .xmodule_display.xmodule_AboutModule a:focus {
  color: #0078b0; }
.xmodule_display.xmodule_AboutModule img {
  max-width: 100%; }
.xmodule_display.xmodule_AboutModule pre {
  margin: 1em 0;
  color: #3c3c3c;
  font-family: monospace, serif;
  font-size: 1em;
  white-space: pre-wrap;
  word-wrap: break-word; }
.xmodule_display.xmodule_AboutModule code {
  color: #3c3c3c;
  font-family: monospace, serif;
  background: none;
  padding: 0; }
.xmodule_display.xmodule_AboutModule table {
  width: 100%;
  margin: 20px 0;
  border-collapse: collapse;
  font-size: 16px; }
  .xmodule_display.xmodule_AboutModule table td, .xmodule_display.xmodule_AboutModule table th {
    margin: 20px 0;
    padding: 10px;
    border: 1px solid #cbcbcb;
    font-size: 14px; }
    .xmodule_display.xmodule_AboutModule table td.cont-justified-left, .xmodule_display.xmodule_AboutModule table th.cont-justified-left {
      text-align: left !important; }
    .xmodule_display.xmodule_AboutModule table td.cont-justified-right, .xmodule_display.xmodule_AboutModule table th.cont-justified-right {
      text-align: right !important; }
    .xmodule_display.xmodule_AboutModule table td.cont-justified-center, .xmodule_display.xmodule_AboutModule table th.cont-justified-center {
      text-align: center !important; }
.xmodule_display.xmodule_AboutModule th {
  background: #eee;
  font-weight: bold; }
.xmodule_display.xmodule_AboutModule .wrapper-modal-image .modal-ui-icon {
  position: absolute;
  display: block;
  padding: 5px 7px;
  border-radius: 5px;
  opacity: .9;
  background: white;
  color: black;
  border: 2px solid black; }
  .xmodule_display.xmodule_AboutModule .wrapper-modal-image .modal-ui-icon .label {
    font-weight: bold; }
  .xmodule_display.xmodule_AboutModule .wrapper-modal-image .modal-ui-icon i {
    font-style: normal; }
.xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-link {
  position: relative;
  display: block; }
  .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-link .action-fullscreen {
    display: none;
    top: 10px;
    left: 10px; }
  .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-link:hover .action-fullscreen {
    display: block; }
.xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7); }
  .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal .image-content {
    position: relative;
    top: 2.5%;
    display: block;
    height: 95%;
    width: 95%;
    margin: auto;
    overflow: hidden; }
    .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal .image-content .image-wrapper {
      position: relative; }
      .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal .image-content .image-wrapper img {
        position: relative;
        display: block;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: default; }
    .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal .image-content .action-close {
      top: 10px;
      right: 10px; }
    .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal .image-content .image-controls {
      position: absolute;
      right: 10px;
      bottom: 10px;
      margin: 0;
      padding: 0;
      list-style: none; }
      .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control {
        position: relative;
        display: inline-block;
        margin: 0;
        padding: 0; }
        .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon {
          position: relative; }
          .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.action-zoom-in {
            margin-right: 5px; }
          .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.action-zoom-out {
            margin-left: 5px; }
          .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.is-disabled {
            opacity: 0.5;
            cursor: default; }
  .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal.image-is-fit-to-screen {
    display: block; }
    .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal.image-is-fit-to-screen .image-content .image-wrapper {
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100% !important; }
      .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal.image-is-fit-to-screen .image-content .image-wrapper img {
        top: 0 !important;
        left: 0 !important; }
  .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal.image-is-zoomed {
    display: block; }
    .xmodule_display.xmodule_AboutModule .wrapper-modal-image .image-modal.image-is-zoomed .image-content .image-wrapper img {
      max-width: none;
      max-height: none;
      margin: 0;
      cursor: move; }

.xmodule_display.xmodule_LTIModule h2.problem-header {
  display: inline-block; }
.xmodule_display.xmodule_LTIModule div.problem-progress {
  display: inline-block;
  padding-left: 5px;
  color: #666;
  font-weight: 100;
  font-size: 1em; }
.xmodule_display.xmodule_LTIModule div.lti {
  margin: 0 auto; }
  .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link {
    font-size: 14px;
    font-size: 1.4rem;
    background-color: #f6f6f6;
    padding: 20px; }
    .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link {
      margin-bottom: 0;
      text-align: right; }
      .xmodule_display.xmodule_LTIModule div.lti .wrapper-lti-link .lti-link .link_lti_new_window {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 20.72px;
        line-height: 2.072rem; }
  .xmodule_display.xmodule_LTIModule div.lti form.ltiLaunchForm {
    display: none; }
  .xmodule_display.xmodule_LTIModule div.lti iframe.ltiLaunchFrame {
    width: 100%;
    height: 800px;
    display: block;
    border: 0px; }
  .xmodule_display.xmodule_LTIModule div.lti h4.problem-feedback-label {
    font-weight: 100;
    font-size: 1em;
    font-family: "Source Sans", "Open Sans", Verdana, Geneva, sans-serif, sans-serif; }
  .xmodule_display.xmodule_LTIModule div.lti div.problem-feedback {
    margin-top: 5px;
    margin-bottom: 5px; }

.xmodule_display.xmodule_CapaModule div.problem .choicegroup .xmodule_display.xmodule_ConditionalModule label.choicegroup_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule label.choicegroup_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule label.choicetextgroup_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule section.choicetextgroup_correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicegroup .xmodule_display.xmodule_ConditionalModule label.choicegroup_partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule label.choicegroup_partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule label.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule section.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .choicegroup .xmodule_display.xmodule_ConditionalModule label.choicegroup_incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule label.choicegroup_incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule label.choicetextgroup_incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup .xmodule_display.xmodule_ConditionalModule section.choicetextgroup_incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .xmodule_display.xmodule_ConditionalModule .status.correct:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .xmodule_display.xmodule_ConditionalModule .status.partially-correct:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .xmodule_display.xmodule_ConditionalModule .status.incorrect:after, .xmodule_display.xmodule_CapaModule div.problem .indicator-container .xmodule_display.xmodule_ConditionalModule .status.unanswered:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .incorrect .xmodule_display.xmodule_ConditionalModule .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .incorrect .xmodule_display.xmodule_ConditionalModule .status:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .partially-correct .xmodule_display.xmodule_ConditionalModule .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .partially-correct .xmodule_display.xmodule_ConditionalModule .status:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .correct .xmodule_display.xmodule_ConditionalModule .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .correct .xmodule_display.xmodule_ConditionalModule .status:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .unanswered .xmodule_display.xmodule_ConditionalModule .status:after, .xmodule_display.xmodule_CapaModule .problem .capa_inputtype.textline > .unsubmitted .xmodule_display.xmodule_ConditionalModule .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .unanswered .xmodule_display.xmodule_ConditionalModule .status:after, .xmodule_display.xmodule_CapaModule .problem .inputtype.formulaequationinput > .unsubmitted .xmodule_display.xmodule_ConditionalModule .status:after, .xmodule_display.xmodule_ConditionalModule .xmodule_display.xmodule_VideoModule .video-tracks .a11y-menu-container > a:after, .xmodule_display.xmodule_VideoModule .video-tracks .xmodule_display.xmodule_ConditionalModule .a11y-menu-container > a:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.unanswered:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .incorrect .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .incorrect .status:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .partially-correct .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .partially-correct .status:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .correct .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .correct .status:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .unanswered .status:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .unsubmitted .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .unanswered .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .unsubmitted .status:after {
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  speak: none; }
.xmodule_display.xmodule_ConditionalModule h2 {
  margin-top: 0;
  margin-bottom: 15px; }
  .xmodule_display.xmodule_ConditionalModule h2.problem-header {
    display: inline-block; }
    .xmodule_display.xmodule_ConditionalModule h2.problem-header section.staff {
      margin-top: 30px;
      font-size: 80%; }
  @media print {
    .xmodule_display.xmodule_ConditionalModule h2 {
      display: block;
      width: auto;
      border-right: 0; } }
.xmodule_display.xmodule_ConditionalModule .feedback-hint-correct {
  margin-top: 10px;
  color: #166e36; }
.xmodule_display.xmodule_ConditionalModule .feedback-hint-partially-correct {
  margin-top: 10px;
  color: #166e36; }
.xmodule_display.xmodule_ConditionalModule .feedback-hint-incorrect {
  margin-top: 10px;
  color: #b20610; }
.xmodule_display.xmodule_ConditionalModule .feedback-hint-text {
  color: #646464; }
.xmodule_display.xmodule_ConditionalModule .problem-hint {
  color: #646464;
  margin-bottom: 20px; }
.xmodule_display.xmodule_ConditionalModule .hint-label {
  font-weight: bold;
  display: inline-block;
  padding-right: 0.5em; }
.xmodule_display.xmodule_ConditionalModule .hint-text {
  display: inline-block; }
.xmodule_display.xmodule_ConditionalModule .feedback-hint-multi .hint-text {
  display: block; }
.xmodule_display.xmodule_ConditionalModule iframe[seamless] {
  overflow: hidden;
  padding: 0;
  border: 0px none transparent;
  background-color: transparent; }
.xmodule_display.xmodule_ConditionalModule .inline-error {
  color: #fc2020; }
.xmodule_display.xmodule_ConditionalModule div.problem-progress {
  padding-left: 5px;
  display: inline-block;
  color: #656565;
  font-weight: 100;
  font-size: 1em; }
@media print {
  .xmodule_display.xmodule_ConditionalModule div.problem {
    display: block;
    padding: 0;
    width: auto; }
    .xmodule_display.xmodule_ConditionalModule div.problem canvas, .xmodule_display.xmodule_ConditionalModule div.problem img {
      page-break-inside: avoid; } }
.xmodule_display.xmodule_ConditionalModule div.problem .inline {
  display: inline; }
  .xmodule_display.xmodule_ConditionalModule div.problem .inline + p {
    margin-top: 20px; }
.xmodule_display.xmodule_ConditionalModule div.problem .choicegroup, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup {
  min-width: 100px;
  width: auto !important;
  width: 100px; }
  .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup:after {
    content: "";
    display: table;
    clear: both; }
  .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    clear: both;
    margin-bottom: 10px;
    border: 2px solid #e5e5e5;
    border-radius: 3px;
    padding: 10px;
    width: 100%; }
    .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_correct, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_correct {
      border: 2px solid #166e36; }
      .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_correct:after {
        color: #166e36;
        font-size: 1.2em;
        content: "\f00c"; }
      .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_correct:after {
        margin-left: 15px; }
      .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_correct:hover {
        border-color: #166e36; }
    .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_partially-correct, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_partially-correct, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_partially-correct, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_partially-correct {
      border: 2px solid #166e36; }
      .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_partially-correct:after {
        color: #166e36;
        font-size: 1.2em;
        content: "\f069"; }
      .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_partially-correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_partially-correct:after {
        margin-left: 15px; }
      .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_partially-correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_partially-correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_partially-correct:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_partially-correct:hover {
        border-color: #166e36; }
    .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_incorrect, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_incorrect {
      border: 2px solid #b20610; }
      .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_incorrect:after {
        color: #b20610;
        font-size: 1.2em;
        content: "\f00d"; }
      .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_incorrect:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_incorrect:after {
        margin-left: 15px; }
      .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label.choicegroup_incorrect:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicegroup_incorrect:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_incorrect:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_incorrect:hover {
        border-color: #b20610; }
    .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup label:hover, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label:hover {
      border: 2px solid #0078b0; }
  .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup .indicator-container, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup .indicator-container {
    display: inline-block;
    min-height: 1px;
    width: 25px; }
  .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup fieldset, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup fieldset {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup input[type="radio"], .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup input[type="radio"],
  .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup input[type="checkbox"],
  .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup input[type="checkbox"] {
    margin: 5px 10px 5px 5px; }
  .xmodule_display.xmodule_ConditionalModule div.problem .choicegroup text, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup text {
    margin-left: 25px;
    display: inline; }
.xmodule_display.xmodule_ConditionalModule div.problem .indicator-container {
  margin-left: 15px; }
  .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status {
    width: 20px;
    height: 20px; }
    .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.correct:after {
      color: #166e36;
      font-size: 1.2em;
      content: "\f00c"; }
    .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.partially-correct:after {
      color: #166e36;
      font-size: 1.2em;
      content: "\f069"; }
    .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.incorrect:after {
      color: #b20610;
      font-size: 1.2em;
      content: "\f00d"; }
    .xmodule_display.xmodule_ConditionalModule div.problem .indicator-container .status.unanswered:after {
      color: #e5e5e5;
      font-size: 1.2em;
      content: "\f128"; }
.xmodule_display.xmodule_ConditionalModule div.problem ol.enumerate li:before {
  display: block;
  visibility: hidden;
  height: 0;
  content: " "; }
.xmodule_display.xmodule_ConditionalModule div.problem .solution-span > span {
  margin: 20px 0;
  display: block;
  border: 1px solid #ddd;
  padding: 9px 15px 20px;
  background: white;
  position: relative;
  box-shadow: inset 0 0 0 1px #eee;
  border-radius: 3px; }
  .xmodule_display.xmodule_ConditionalModule div.problem .solution-span > span:empty {
    display: none; }
.xmodule_display.xmodule_ConditionalModule div.problem .targeted-feedback-span > span {
  margin: 20px 0;
  display: block;
  border: 1px solid black;
  padding: 9px 15px 20px;
  background: white;
  position: relative;
  box-shadow: inset 0 0 0 1px #eee;
  border-radius: 3px; }
  .xmodule_display.xmodule_ConditionalModule div.problem .targeted-feedback-span > span:empty {
    display: none; }
.xmodule_display.xmodule_ConditionalModule div.problem div p.answer {
  margin-top: -2px; }
.xmodule_display.xmodule_ConditionalModule div.problem div p.status {
  margin: 8px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
.xmodule_display.xmodule_ConditionalModule div.problem div p span.clarification i {
  font-style: normal; }
  .xmodule_display.xmodule_ConditionalModule div.problem div p span.clarification i:hover {
    color: #0078b0; }
.xmodule_display.xmodule_ConditionalModule div.problem div.unanswered p.status {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../images/unanswered-icon.7714d2704ef2.png") center center no-repeat; }
.xmodule_display.xmodule_ConditionalModule div.problem div.correct p.status, .xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-check p.status {
  display: inline-block;
  width: 25px;
  height: 20px;
  background: url("../images/correct-icon.ea93859cc9ff.png") center center no-repeat; }
.xmodule_display.xmodule_ConditionalModule div.problem div.correct input, .xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-check input {
  border-color: #166e36; }
.xmodule_display.xmodule_ConditionalModule div.problem div.partially-correct p.status, .xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-check p.status {
  display: inline-block;
  width: 25px;
  height: 20px;
  background: url("../images/partially-correct-icon.186bb2013412.png") center center no-repeat; }
.xmodule_display.xmodule_ConditionalModule div.problem div.partially-correct input, .xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-check input {
  border-color: #166e36; }
.xmodule_display.xmodule_ConditionalModule div.problem div.processing p.status {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/spinner.bc34f953403f.gif") center center no-repeat; }
.xmodule_display.xmodule_ConditionalModule div.problem div.processing input {
  border-color: #aaa; }
.xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-close p.status {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/incorrect-icon.016653a3c059.png") center center no-repeat; }
.xmodule_display.xmodule_ConditionalModule div.problem div.ui-icon-close input {
  border-color: #b20610; }
.xmodule_display.xmodule_ConditionalModule div.problem div.incorrect p.status, .xmodule_display.xmodule_ConditionalModule div.problem div.incomplete p.status {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/incorrect-icon.016653a3c059.png") center center no-repeat; }
.xmodule_display.xmodule_ConditionalModule div.problem div.incorrect input, .xmodule_display.xmodule_ConditionalModule div.problem div.incomplete input {
  border-color: #b20610; }
.xmodule_display.xmodule_ConditionalModule div.problem div > span {
  display: block;
  margin-bottom: 0.70788em; }
.xmodule_display.xmodule_ConditionalModule div.problem div p.answer {
  margin-left: 10px;
  display: inline-block;
  margin-bottom: 0; }
  .xmodule_display.xmodule_ConditionalModule div.problem div p.answer:before {
    display: inline;
    content: "Answer: "; }
  .xmodule_display.xmodule_ConditionalModule div.problem div p.answer:empty:before {
    display: none; }
.xmodule_display.xmodule_ConditionalModule div.problem div div.equation {
  clear: both;
  margin-top: 3px; }
  .xmodule_display.xmodule_ConditionalModule div.problem div div.equation .MathJax_Display {
    width: auto; }
  .xmodule_display.xmodule_ConditionalModule div.problem div div.equation img.loading {
    padding-left: 10px;
    display: inline-block; }
  .xmodule_display.xmodule_ConditionalModule div.problem div div.equation span {
    margin-bottom: 0; }
    .xmodule_display.xmodule_ConditionalModule div.problem div div.equation span.math {
      display: inline-block;
      padding: 6px;
      min-width: 30px;
      border: 1px solid #e3e3e3;
      border-radius: 4px;
      background: #f1f1f1; }
.xmodule_display.xmodule_ConditionalModule div.problem div section.formulaequationinput div.equation .MathJax_Display {
  display: inline-block !important; }
@media print {
  .xmodule_display.xmodule_ConditionalModule div.problem div [id^='display'].equation {
    display: none; } }
.xmodule_display.xmodule_ConditionalModule div.problem div span.ui-icon-bullet {
  display: inline-block;
  position: relative;
  top: 4px;
  width: 14px;
  height: 14px;
  background: url("../images/unanswered-icon.7714d2704ef2.png") center center no-repeat; }
.xmodule_display.xmodule_ConditionalModule div.problem div span.processing, .xmodule_display.xmodule_ConditionalModule div.problem div span.ui-icon-processing {
  display: inline-block;
  position: relative;
  top: 6px;
  width: 25px;
  height: 20px;
  background: url("../images/spinner.bc34f953403f.gif") center center no-repeat; }
.xmodule_display.xmodule_ConditionalModule div.problem div span.ui-icon-check {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 25px;
  height: 20px;
  background: url("../images/correct-icon.ea93859cc9ff.png") center center no-repeat; }
.xmodule_display.xmodule_ConditionalModule div.problem div span.incomplete, .xmodule_display.xmodule_ConditionalModule div.problem div span.ui-icon-close {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 20px;
  height: 20px;
  background: url("../images/incorrect-icon.016653a3c059.png") center center no-repeat; }
.xmodule_display.xmodule_ConditionalModule div.problem div .reload {
  float: right;
  margin: 10px; }
.xmodule_display.xmodule_ConditionalModule div.problem div .grader-status {
  margin: 10px 0;
  padding: 10px;
  border-radius: 5px;
  background: #f8f8f8; }
  .xmodule_display.xmodule_ConditionalModule div.problem div .grader-status:after {
    content: "";
    display: table;
    clear: both; }
  .xmodule_display.xmodule_ConditionalModule div.problem div .grader-status span {
    display: block;
    float: left;
    overflow: hidden;
    margin: -7px 7px 0 0;
    text-indent: -9999px; }
  .xmodule_display.xmodule_ConditionalModule div.problem div .grader-status .grading {
    margin: 0px 7px 0 0;
    padding-left: 25px;
    background: url("../images/info-icon.ea77eece4618.png") left center no-repeat;
    text-indent: 0px; }
  .xmodule_display.xmodule_ConditionalModule div.problem div .grader-status p {
    float: left;
    margin-bottom: 0;
    text-transform: capitalize;
    line-height: 20px; }
  .xmodule_display.xmodule_ConditionalModule div.problem div .grader-status.file {
    margin-top: 20px;
    padding: 20px 0 0 0;
    border: 0;
    border-top: 1px solid #eee;
    background: white; }
    .xmodule_display.xmodule_ConditionalModule div.problem div .grader-status.file p.debug {
      display: none; }
    .xmodule_display.xmodule_ConditionalModule div.problem div .grader-status.file input {
      float: left; }
.xmodule_display.xmodule_ConditionalModule div.problem div .evaluation p {
  margin-bottom: 4px; }
.xmodule_display.xmodule_ConditionalModule div.problem div .feedback-on-feedback {
  margin-right: 20px;
  height: 100px; }
.xmodule_display.xmodule_ConditionalModule div.problem div .evaluation-response header {
  text-align: right; }
  .xmodule_display.xmodule_ConditionalModule div.problem div .evaluation-response header a {
    font-size: .85em; }
.xmodule_display.xmodule_ConditionalModule div.problem div .evaluation-scoring .scoring-list {
  margin-left: 3px;
  list-style-type: none; }
  .xmodule_display.xmodule_ConditionalModule div.problem div .evaluation-scoring .scoring-list li {
    display: inline;
    margin-left: 50px; }
    .xmodule_display.xmodule_ConditionalModule div.problem div .evaluation-scoring .scoring-list li:first-child {
      margin-left: 0; }
    .xmodule_display.xmodule_ConditionalModule div.problem div .evaluation-scoring .scoring-list li label {
      font-size: .9em; }
.xmodule_display.xmodule_ConditionalModule div.problem div .submit-message-container {
  margin: 20px 0px; }
.xmodule_display.xmodule_ConditionalModule div.problem div.inline > span {
  display: inline; }
.xmodule_display.xmodule_ConditionalModule div.problem ul {
  margin-bottom: 1.41575em;
  margin-left: .75em;
  margin-left: .75rem;
  list-style: disc outside none; }
.xmodule_display.xmodule_ConditionalModule div.problem ol {
  margin-bottom: 1.41575em;
  margin-left: .75em;
  margin-left: .75rem;
  list-style: decimal outside none; }
.xmodule_display.xmodule_ConditionalModule div.problem dl {
  line-height: 1.4em; }
.xmodule_display.xmodule_ConditionalModule div.problem dl dd {
  margin-bottom: 0; }
.xmodule_display.xmodule_ConditionalModule div.problem dd {
  margin-left: .5em;
  margin-left: .5rem; }
.xmodule_display.xmodule_ConditionalModule div.problem li {
  margin-bottom: 0.70788em;
  line-height: 1.4em; }
  .xmodule_display.xmodule_ConditionalModule div.problem li:last-child {
    margin-bottom: 0; }
.xmodule_display.xmodule_ConditionalModule div.problem p {
  margin-bottom: 1.41575em; }
.xmodule_display.xmodule_ConditionalModule div.problem table {
  margin: 1.41575em 0;
  border-collapse: collapse;
  table-layout: auto; }
  .xmodule_display.xmodule_ConditionalModule div.problem table td.cont-justified-left, .xmodule_display.xmodule_ConditionalModule div.problem table th.cont-justified-left {
    text-align: left !important; }
  .xmodule_display.xmodule_ConditionalModule div.problem table td.cont-justified-right, .xmodule_display.xmodule_ConditionalModule div.problem table th.cont-justified-right {
    text-align: right !important; }
  .xmodule_display.xmodule_ConditionalModule div.problem table td.cont-justified-center, .xmodule_display.xmodule_ConditionalModule div.problem table th.cont-justified-center {
    text-align: center !important; }
  .xmodule_display.xmodule_ConditionalModule div.problem table th {
    text-align: left; }
  .xmodule_display.xmodule_ConditionalModule div.problem table td {
    text-align: left; }
  .xmodule_display.xmodule_ConditionalModule div.problem table caption, .xmodule_display.xmodule_ConditionalModule div.problem table th, .xmodule_display.xmodule_ConditionalModule div.problem table td {
    padding: .25em .75em .25em 0;
    padding: .25rem .75rem .25rem 0; }
  .xmodule_display.xmodule_ConditionalModule div.problem table caption {
    margin-bottom: .75em;
    margin-bottom: .75rem;
    padding: .75em 0;
    padding: .75rem 0;
    background: #f1f1f1; }
  .xmodule_display.xmodule_ConditionalModule div.problem table tr, .xmodule_display.xmodule_ConditionalModule div.problem table td, .xmodule_display.xmodule_ConditionalModule div.problem table th {
    vertical-align: middle; }
.xmodule_display.xmodule_ConditionalModule div.problem code {
  margin: 0 2px;
  padding: 0px 5px;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  background-color: #f8f8f8;
  white-space: nowrap;
  font-size: .9em; }
.xmodule_display.xmodule_ConditionalModule div.problem pre {
  overflow: auto;
  padding: 6px 10px;
  border: 1px solid #cbcbcb;
  border-radius: 3px;
  background-color: #f8f8f8;
  font-size: .9em;
  line-height: 1.4; }
  .xmodule_display.xmodule_ConditionalModule div.problem pre > code {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    white-space: pre; }
.xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline input, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #e5e5e5;
  border-radius: 3px;
  min-width: 160px;
  height: 46px; }
.xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline .status, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput .status {
  display: inline-block;
  margin-top: 10px;
  margin-left: 15px;
  background: none; }
.xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .incorrect input, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .incorrect input {
  border: 2px solid #b20610; }
.xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .incorrect .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .incorrect .status:after {
  color: #b20610;
  font-size: 1.2em;
  content: "\f00d"; }
.xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .partially-correct input, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .partially-correct input {
  border: 2px solid #166e36; }
.xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .partially-correct .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .partially-correct .status:after {
  color: #166e36;
  font-size: 1.2em;
  content: "\f069"; }
.xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .correct input, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .correct input {
  border: 2px solid #166e36; }
.xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .correct .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .correct .status:after {
  color: #166e36;
  font-size: 1.2em;
  content: "\f00c"; }
.xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .unanswered input, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .unsubmitted input, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .unanswered input, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .unsubmitted input {
  border: 2px solid #e5e5e5; }
.xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .unanswered .status:after, .xmodule_display.xmodule_ConditionalModule .problem .capa_inputtype.textline > .unsubmitted .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .unanswered .status:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.formulaequationinput > .unsubmitted .status:after {
  color: #e5e5e5;
  font-size: 1.2em;
  content: "\f128"; }
.xmodule_display.xmodule_ConditionalModule .problem .inputtype.option-input {
  margin: -10px 0 20px;
  padding-bottom: 20px; }
  .xmodule_display.xmodule_ConditionalModule .problem .inputtype.option-input .indicator-container {
    display: inline-block; }
    .xmodule_display.xmodule_ConditionalModule .problem .inputtype.option-input .indicator-container .status.correct:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.option-input .indicator-container .status.partially-correct:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.option-input .indicator-container .status.incorrect:after, .xmodule_display.xmodule_ConditionalModule .problem .inputtype.option-input .indicator-container .status.unanswered:after {
      margin-left: 0; }
.xmodule_display.xmodule_ConditionalModule div.problem .CodeMirror {
  border: 1px solid black;
  font-size: 14px;
  line-height: 18px;
  resize: none; }
  .xmodule_display.xmodule_ConditionalModule div.problem .CodeMirror .cm-tab {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
    background-position: right;
    background-repeat: no-repeat; }
  .xmodule_display.xmodule_ConditionalModule div.problem .CodeMirror pre {
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-width: 0;
    border-radius: 0;
    background: transparent;
    white-space: pre;
    word-wrap: normal;
    font-size: inherit;
    font-family: inherit;
    resize: none; }
    .xmodule_display.xmodule_ConditionalModule div.problem .CodeMirror pre.CodeMirror-cursor {
      position: absolute;
      visibility: hidden;
      width: 0;
      border-right: none;
      border-left: 1px solid black; }
.xmodule_display.xmodule_ConditionalModule div.problem .CodeMirror-focused pre.CodeMirror-cursor {
  visibility: visible; }
.xmodule_display.xmodule_ConditionalModule div.problem .CodeMirror-code pre {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
.xmodule_display.xmodule_ConditionalModule div.problem .CodeMirror-scroll {
  margin-right: 0px; }
.xmodule_display.xmodule_ConditionalModule div.problem .action {
  margin-top: 20px; }
  .xmodule_display.xmodule_ConditionalModule div.problem .action .save, .xmodule_display.xmodule_ConditionalModule div.problem .action .check, .xmodule_display.xmodule_ConditionalModule div.problem .action .show, .xmodule_display.xmodule_ConditionalModule div.problem .action .reset, .xmodule_display.xmodule_ConditionalModule div.problem .action .hint-button {
    margin-right: 10px;
    margin-bottom: 10px;
    height: 40px;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 600; }
    @media print {
      .xmodule_display.xmodule_ConditionalModule div.problem .action .save, .xmodule_display.xmodule_ConditionalModule div.problem .action .check, .xmodule_display.xmodule_ConditionalModule div.problem .action .show, .xmodule_display.xmodule_ConditionalModule div.problem .action .reset, .xmodule_display.xmodule_ConditionalModule div.problem .action .hint-button {
        display: none; } }
  .xmodule_display.xmodule_ConditionalModule div.problem .action .show .show-label {
    font-weight: 600;
    font-size: 1.0em; }
  .xmodule_display.xmodule_ConditionalModule div.problem .action .submission_feedback {
    margin-left: 10px;
    display: inline-block;
    margin-top: 8px;
    color: #656565;
    font-style: italic;
    -webkit-font-smoothing: antialiased; }
.xmodule_display.xmodule_ConditionalModule div.problem hr {
  float: none;
  clear: both;
  margin: 0 0 .75rem;
  width: 100%;
  height: 1px;
  border: none;
  background: #ddd;
  color: #ddd; }
.xmodule_display.xmodule_ConditionalModule div.problem .hidden {
  display: none;
  visibility: hidden; }
.xmodule_display.xmodule_ConditionalModule div.problem input[type="email"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="number"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="password"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="search"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="tel"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="text"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="url"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="color"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="date"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="datetime"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="datetime-local"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="month"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="time"], .xmodule_display.xmodule_ConditionalModule div.problem input[type="week"] {
  display: inline;
  width: auto; }
.xmodule_display.xmodule_ConditionalModule div.problem center {
  display: block;
  margin: 1.41575em 0;
  padding: 1.41575em;
  border: 1px solid #cbcbcb; }
.xmodule_display.xmodule_ConditionalModule div.problem .detailed-solution > p:first-child {
  color: #7f7f7f;
  text-transform: uppercase;
  font-style: normal;
  font-size: 0.9em; }
.xmodule_display.xmodule_ConditionalModule div.problem .detailed-solution p:last-child {
  margin-bottom: 0; }
.xmodule_display.xmodule_ConditionalModule div.problem .detailed-targeted-feedback > p:first-child {
  color: #b20610;
  text-transform: uppercase;
  font-style: normal;
  font-size: 0.9em; }
.xmodule_display.xmodule_ConditionalModule div.problem .detailed-targeted-feedback p:last-child {
  margin-bottom: 0; }
.xmodule_display.xmodule_ConditionalModule div.problem .detailed-targeted-feedback-partially-correct > p:first-child {
  color: #166e36;
  text-transform: uppercase;
  font-style: normal;
  font-size: 0.9em; }
.xmodule_display.xmodule_ConditionalModule div.problem .detailed-targeted-feedback-partially-correct p:last-child {
  margin-bottom: 0; }
.xmodule_display.xmodule_ConditionalModule div.problem .detailed-targeted-feedback-correct > p:first-child {
  color: #166e36;
  text-transform: uppercase;
  font-style: normal;
  font-size: 0.9em; }
.xmodule_display.xmodule_ConditionalModule div.problem .detailed-targeted-feedback-correct p:last-child {
  margin-bottom: 0; }
.xmodule_display.xmodule_ConditionalModule div.problem div.capa_alert {
  margin-top: 20px;
  padding: 8px 12px;
  border: 1px solid #ebe8bf;
  border-radius: 3px;
  background: #fffcdd;
  font-size: 0.9em; }
.xmodule_display.xmodule_ConditionalModule div.problem div.capa_reset {
  padding: 25px;
  border: 1px solid #fd5757;
  background-color: #ffd5d5;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  margin-bottom: 10px; }
.xmodule_display.xmodule_ConditionalModule div.problem .capa_reset > h2 {
  color: #aa0000; }
.xmodule_display.xmodule_ConditionalModule div.problem .capa_reset li {
  font-size: 0.9em; }
.xmodule_display.xmodule_ConditionalModule div.problem .hints {
  border: 1px solid #cbcbcb; }
  .xmodule_display.xmodule_ConditionalModule div.problem .hints h3 {
    padding: 9px;
    border-bottom: 1px solid #e3e3e3;
    background: #eee;
    text-shadow: 0 1px 0 white;
    font-size: 1em; }
  .xmodule_display.xmodule_ConditionalModule div.problem .hints div {
    border-bottom: 1px solid #ddd; }
    .xmodule_display.xmodule_ConditionalModule div.problem .hints div:last-child {
      border-bottom: none; }
    .xmodule_display.xmodule_ConditionalModule div.problem .hints div p {
      margin-bottom: 0; }
    .xmodule_display.xmodule_ConditionalModule div.problem .hints div header a {
      display: block;
      padding: 9px;
      background: #f8f8f8;
      box-shadow: inset 0 0 0 1px white; }
    .xmodule_display.xmodule_ConditionalModule div.problem .hints div > section {
      padding: 9px; }
.xmodule_display.xmodule_ConditionalModule div.problem .test {
  padding-top: 18px; }
  .xmodule_display.xmodule_ConditionalModule div.problem .test header {
    margin-bottom: 12px; }
    .xmodule_display.xmodule_ConditionalModule div.problem .test header h3 {
      color: #aaa;
      text-transform: uppercase;
      font-style: normal;
      font-size: 0.9em; }
  .xmodule_display.xmodule_ConditionalModule div.problem .test > section {
    position: relative;
    margin-bottom: 10px;
    padding: 9px 9px 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: white;
    box-shadow: inset 0 0 0 1px #eee; }
    .xmodule_display.xmodule_ConditionalModule div.problem .test > section p:last-of-type {
      margin-bottom: 0; }
    .xmodule_display.xmodule_ConditionalModule div.problem .test > section .shortform {
      margin-bottom: .6em; }
    .xmodule_display.xmodule_ConditionalModule div.problem .test > section a.full {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 1px;
      left: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      padding: 4px;
      background: #e5e5e5;
      text-align: right;
      font-size: 1em; }
      .xmodule_display.xmodule_ConditionalModule div.problem .test > section a.full.full-top {
        position: absolute;
        top: 1px;
        right: 0;
        bottom: auto;
        left: 0; }
      .xmodule_display.xmodule_ConditionalModule div.problem .test > section a.full.full-bottom {
        position: absolute;
        top: auto;
        right: 0;
        bottom: 1px;
        left: 0; }
.xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section {
  padding-top: 30px;
  padding-left: 20px;
  background-color: #fafafa;
  color: #2c2c2c;
  font-size: 1em;
  font-family: monospace; }
  .xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section header {
    font-size: 1.4em; }
  .xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform {
    margin: 0;
    padding: 0; }
    .xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-errors {
      margin: 5px;
      padding: 10px 10px 10px 40px;
      background: url("../images/incorrect-icon.016653a3c059.png") center left no-repeat; }
      .xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-errors li {
        color: #b00; }
    .xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-output {
      margin: 5px;
      padding: 20px 0 15px 50px;
      border-top: 1px solid #ddd;
      border-left: 20px solid #fafafa; }
      .xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-output h4 {
        font-size: 1em;
        font-family: monospace; }
      .xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-output dl {
        margin: 0; }
      .xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-output dt {
        margin-top: 20px; }
      .xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-output dd {
        margin-left: 24pt; }
    .xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-correct {
      background: url("../images/correct-icon.ea93859cc9ff.png") left 20px no-repeat; }
      .xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-correct .result-actual-output {
        color: #090; }
    .xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-partially-correct {
      background: url("../images/partially-correct-icon.186bb2013412.png") left 20px no-repeat; }
      .xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-partially-correct .result-actual-output {
        color: #090; }
    .xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-incorrect {
      background: url("../images/incorrect-icon.016653a3c059.png") left 20px no-repeat; }
      .xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .result-incorrect .result-actual-output {
        color: #B00; }
    .xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .markup-text {
      margin: 5px;
      padding: 20px 0 15px 50px;
      border-top: 1px solid #ddd;
      border-left: 20px solid #fafafa; }
      .xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .markup-text bs {
        color: #bb0000; }
      .xmodule_display.xmodule_ConditionalModule div.problem .external-grader-message section .longform .markup-text bg {
        color: #bda046; }
.xmodule_display.xmodule_ConditionalModule div.problem .rubric tr {
  margin: 10px 0;
  height: 100%; }
.xmodule_display.xmodule_ConditionalModule div.problem .rubric td {
  margin: 10px 0;
  padding: 20px 0;
  height: 100%; }
.xmodule_display.xmodule_ConditionalModule div.problem .rubric th {
  margin: 5px;
  padding: 5px; }
.xmodule_display.xmodule_ConditionalModule div.problem .rubric label,
.xmodule_display.xmodule_ConditionalModule div.problem .rubric .view-only {
  position: relative;
  display: inline-block;
  margin: 3px;
  padding: 15px;
  min-width: 50px;
  min-height: 50px;
  width: 150px;
  height: 100%;
  background-color: #cbcbcb;
  font-size: .9em; }
.xmodule_display.xmodule_ConditionalModule div.problem .rubric .grade {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 10px; }
.xmodule_display.xmodule_ConditionalModule div.problem .rubric .selected-grade {
  background: #666;
  color: white; }
.xmodule_display.xmodule_ConditionalModule div.problem .rubric input[type=radio]:checked + label {
  background: #666;
  color: white; }
.xmodule_display.xmodule_ConditionalModule div.problem .rubric input[class='score-selection'] {
  display: none; }
.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input {
  margin: 0 0 1em 0;
  border: 1px solid #cbcbcb;
  border-radius: 1em;
  /* for debugging the input value field. enable the debug flag on the inputtype */ }
  .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .annotation-header {
    padding: .5em 1em;
    border-bottom: 1px solid #cbcbcb; }
  .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .annotation-body {
    padding: .5em 1em; }
  .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input a.annotation-return {
    float: right;
    font: inherit;
    font-weight: normal; }
  .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input a.annotation-return:after {
    content: " \2191"; }
  .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .block, .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input ul.tags {
    margin: .5em 0;
    padding: 0; }
  .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .block-highlight {
    padding: .5em;
    border: 1px solid rgba(214, 214, 0, 0.3);
    background-color: rgba(255, 255, 10, 0.3);
    color: #333;
    font-style: normal; }
  .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .block-comment {
    font-style: italic; }
  .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input ul.tags {
    display: block;
    margin-left: 1em;
    list-style-type: none; }
    .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input ul.tags li {
      position: relative;
      display: block;
      margin: 1em 0 0 0; }
      .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input ul.tags li .tag {
        display: inline-block;
        margin-left: 40px;
        border: 1px solid #666666; }
        .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input ul.tags li .tag.selected {
          background-color: rgba(255, 255, 10, 0.3); }
      .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input ul.tags li .tag-status {
        position: absolute;
        left: 0; }
      .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input ul.tags li .tag-status, .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input ul.tags li .tag {
        padding: .25em .5em; }
  .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input textarea.comment {
    padding: 0.2em 0.4em;
    width: 100%;
    height: 7.2em;
    line-height: 1.4em; }
  .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .answer-annotation {
    display: block;
    margin: 0; }
  .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .debug-value {
    margin: 1em 0;
    padding: 1em;
    border: 1px solid black;
    background-color: #999;
    color: white; }
    .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .debug-value input[type="text"] {
      width: 100%; }
    .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .debug-value pre {
      background-color: #cbcbcb;
      color: black; }
    .xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .debug-value:before {
      display: block;
      content: "debug input value";
      text-transform: uppercase;
      font-size: 1.5em; }
.xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup input[type="text"] {
  margin-bottom: 0.5em; }
.xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_correct input[type="text"], .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_correct input[type="text"] {
  border-color: #166e36; }
.xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_partially-correct input[type="text"], .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_partially-correct input[type="text"] {
  border-color: #166e36; }
.xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup label.choicetextgroup_show_correct:after, .xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup section.choicetextgroup_show_correct:after {
  margin-left: 15px;
  content: url("../images/correct-icon.ea93859cc9ff.png"); }
.xmodule_display.xmodule_ConditionalModule div.problem .choicetextgroup span.mock_label {
  cursor: default; }
.xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .status {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 25px;
  height: 20px; }
.xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .correct {
  background: url("../images/correct-icon.ea93859cc9ff.png") center center no-repeat; }
.xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .incorrect {
  background: url("../images/incorrect-icon.016653a3c059.png") center center no-repeat; }
.xmodule_display.xmodule_ConditionalModule div.problem .imageinput.capa_inputtype .partially-correct {
  background: url("../images/partially-correct-icon.186bb2013412.png") center center no-repeat; }
.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .tag-status {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 25px;
  height: 20px; }
.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .correct {
  background: url("../images/correct-icon.ea93859cc9ff.png") center center no-repeat; }
.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .incorrect {
  background: url("../images/incorrect-icon.016653a3c059.png") center center no-repeat; }
.xmodule_display.xmodule_ConditionalModule div.problem .annotation-input .partially-correct {
  background: url("../images/partially-correct-icon.186bb2013412.png") center center no-repeat; }

.xmodule_display.xmodule_SequenceModule .block-link, .xmodule_display.xmodule_CourseModule .sequence-nav ol .xmodule_display.xmodule_SequenceModule a, .xmodule_display.xmodule_SequenceModule .sequence-nav ol a {
  border-left: 1px solid #e2e2e2;
  display: block; }
  .xmodule_display.xmodule_SequenceModule .block-link:hover, .xmodule_display.xmodule_CourseModule .sequence-nav ol .xmodule_display.xmodule_SequenceModule a:hover, .xmodule_display.xmodule_SequenceModule .sequence-nav ol a:hover, .xmodule_display.xmodule_SequenceModule .block-link:focus, .xmodule_display.xmodule_CourseModule .sequence-nav ol .xmodule_display.xmodule_SequenceModule a:focus, .xmodule_display.xmodule_SequenceModule .sequence-nav ol a:focus {
    background: none; }
.xmodule_display.xmodule_SequenceModule .topbar, .xmodule_display.xmodule_SequenceModule .sequence-nav {
  border-bottom: 1px solid #c8c8c8; }
  .xmodule_display.xmodule_SequenceModule .topbar:after, .xmodule_display.xmodule_SequenceModule .sequence-nav:after {
    content: "";
    display: table;
    clear: both; }
  @media print {
    .xmodule_display.xmodule_SequenceModule .topbar, .xmodule_display.xmodule_SequenceModule .sequence-nav {
      display: none; } }
  .xmodule_display.xmodule_SequenceModule .topbar a.block-link, .xmodule_display.xmodule_SequenceModule .sequence-nav a.block-link, .xmodule_display.xmodule_CourseModule .sequence-nav ol .xmodule_display.xmodule_SequenceModule .topbar a, .xmodule_display.xmodule_SequenceModule .sequence-nav ol a {
    border-left: 1px solid #e2e2e2;
    display: block; }
    .xmodule_display.xmodule_SequenceModule .topbar a.block-link:hover, .xmodule_display.xmodule_SequenceModule .sequence-nav a.block-link:hover, .xmodule_display.xmodule_CourseModule .sequence-nav ol .xmodule_display.xmodule_SequenceModule .topbar a:hover, .xmodule_display.xmodule_SequenceModule .sequence-nav ol a:hover, .xmodule_display.xmodule_SequenceModule .topbar a.block-link:focus, .xmodule_display.xmodule_SequenceModule .sequence-nav a.block-link:focus, .xmodule_display.xmodule_CourseModule .sequence-nav ol .xmodule_display.xmodule_SequenceModule .topbar a:focus, .xmodule_display.xmodule_SequenceModule .sequence-nav ol a:focus {
      background: none; }
.xmodule_display.xmodule_SequenceModule .sequence-nav {
  margin: -4px 0 30px;
  position: relative;
  border-bottom: none;
  z-index: 0; }
  @media print {
    .xmodule_display.xmodule_SequenceModule .sequence-nav {
      display: none; } }
  .xmodule_display.xmodule_SequenceModule .sequence-nav .left-shadow {
    background-color: rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2), transparent);
    background-image: linear-gradient(to right,rgba(0, 0, 0, 0.2), transparent);
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 46px;
    background-color: transparent;
    pointer-events: none; }
  .xmodule_display.xmodule_SequenceModule .sequence-nav .right-shadow {
    background-color: rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.2), transparent);
    background-image: linear-gradient(to left,rgba(0, 0, 0, 0.2), transparent);
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 46px;
    background-color: transparent;
    pointer-events: none; }
  .xmodule_display.xmodule_SequenceModule .sequence-nav .sequence-list-wrapper {
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(top, #dddddd, #eeeeee);
    background-image: linear-gradient(to bottom,#dddddd, #eeeeee);
    position: relative;
    border: 1px solid #cbcbcb;
    height: 44px;
    margin: 0 40px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; }
  .xmodule_display.xmodule_SequenceModule .sequence-nav ol {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    height: 100%;
    margin: 0;
    padding: 0 10px;
    width: 100%; }
    .xmodule_display.xmodule_SequenceModule .sequence-nav ol li {
      display: table-cell;
      min-width: 20px; }
      .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
        width: 100%;
        height: 42px;
        margin: 0;
        background-position: center 14px;
        background-repeat: no-repeat;
        border: 1px solid transparent;
        display: block;
        padding: 0;
        position: relative;
        text-align: center; }
        .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a .icon {
          line-height: 42px;
          font-size: 90%;
          color: #5a5a5a;
          -webkit-font-smoothing: antialiased; }
        .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a.inactive .icon {
          color: #5a5a5a; }
        .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a.active {
          background-color: white; }
          .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a.active .icon {
            color: #0a0a0a; }
          .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a.active:hover, .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a.active:focus {
            background-color: white;
            background-repeat: no-repeat;
            background-position: center 14px; }
            .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a.active:hover .icon, .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a.active:focus .icon {
              color: #0a0a0a; }
        .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a:hover, .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a:focus {
          background-color: white;
          background-repeat: no-repeat;
          background-position: center 14px; }
        .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a.seq_video .icon:before {
          content: "\f008"; }
        .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a.seq_other .icon:before {
          content: "\f016"; }
        .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a.seq_vertical .icon:before, .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a.seq_problem .icon:before {
          content: "\f00b"; }
        .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a p {
          background: #333;
          color: white;
          font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
          line-height: 1.41575em;
          right: 0;
          opacity: 0.0;
          padding: 6px;
          position: absolute;
          top: 48px;
          text-shadow: 0 -1px 0 black;
          -webkit-transition: all 0.1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
          -moz-transition: all 0.1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
          transition: all 0.1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
          white-space: pre;
          visibility: hidden;
          pointer-events: none; }
          .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a p:empty {
            background: none; }
            .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a p:empty::after {
              display: none; }
          .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a p::after {
            background: #333;
            content: " ";
            display: block;
            height: 10px;
            right: 18px;
            position: absolute;
            top: -5px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 10px; }
        .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a:hover p, .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a:focus p {
          display: block;
          margin-top: 4px;
          opacity: 1.0;
          visibility: visible; }
  body.touch-based-device .xmodule_display.xmodule_SequenceModule .sequence-nav ol li a:hover p {
    display: none; }
.xmodule_display.xmodule_SequenceModule .sequence-nav-button {
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  position: absolute;
  display: block;
  top: 0;
  width: 40px;
  height: 46px;
  padding: 0; }
  .xmodule_display.xmodule_SequenceModule .sequence-nav-button.button-previous {
    -webkit-border-top-left-radius: 35px;
    -moz-border-topleft-radius: 35px;
    border-top-left-radius: 35px;
    -webkit-border-top-right-radius: 0;
    -moz-border-topright-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottomright-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 35px;
    -moz-border-bottomleft-radius: 35px;
    border-bottom-left-radius: 35px;
    left: 0; }
  .xmodule_display.xmodule_SequenceModule .sequence-nav-button.button-next {
    -webkit-border-top-left-radius: 0;
    -moz-border-topleft-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 35px;
    -moz-border-topright-radius: 35px;
    border-top-right-radius: 35px;
    -webkit-border-bottom-right-radius: 35px;
    -moz-border-bottomright-radius: 35px;
    border-bottom-right-radius: 35px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottomleft-radius: 0;
    border-bottom-left-radius: 0;
    right: 0; }
  .xmodule_display.xmodule_SequenceModule .sequence-nav-button.disabled {
    cursor: normal; }
.xmodule_display.xmodule_SequenceModule .seq_contents {
  display: none; }
.xmodule_display.xmodule_SequenceModule nav.sequence-bottom {
  position: relative;
  width: 79px;
  height: 1px;
  margin: 2.8315em auto;
  text-align: center; }
  @media print {
    .xmodule_display.xmodule_SequenceModule nav.sequence-bottom {
      display: none; } }
.xmodule_display.xmodule_SequenceModule #seq_content:focus, .xmodule_display.xmodule_SequenceModule #seq_content:active {
  outline: none; }

.xmodule_display.xmodule_TextAnnotationModule {
  /* TODO: move top-level variables to a common _variables.scss.
   * NOTE: These variables were only added here because when this was integrated with the CMS,
   * SASS compilation errors were triggered because the CMS didn't have the same variables defined
   * that the LMS did, so the quick fix was to localize the LMS variables not shared by the CMS.
   * -Abarrett and Vshnayder
   */ }
  .xmodule_display.xmodule_TextAnnotationModule .annotatable-wrapper {
    position: relative; }
  .xmodule_display.xmodule_TextAnnotationModule .annotatable-header {
    margin-bottom: .5em; }
    .xmodule_display.xmodule_TextAnnotationModule .annotatable-header .annotatable-title {
      font-size: 1.375em;
      text-transform: uppercase;
      padding: 2px 4px; }
  .xmodule_display.xmodule_TextAnnotationModule .annotatable-section {
    position: relative;
    padding: .5em 1em;
    border: 1px solid #cbcbcb;
    border-radius: 0.5em;
    margin-bottom: 0.5em; }
    .xmodule_display.xmodule_TextAnnotationModule .annotatable-section.shaded {
      background-color: #EDEDED; }
    .xmodule_display.xmodule_TextAnnotationModule .annotatable-section .annotatable-section-title {
      font-weight: bold; }
      .xmodule_display.xmodule_TextAnnotationModule .annotatable-section .annotatable-section-title a {
        font-weight: normal; }
    .xmodule_display.xmodule_TextAnnotationModule .annotatable-section .annotatable-section-body {
      border-top: 1px solid #cbcbcb;
      margin-top: 0.5em;
      padding-top: 0.5em; }
      .xmodule_display.xmodule_TextAnnotationModule .annotatable-section .annotatable-section-body:after {
        content: "";
        display: table;
        clear: both; }
    .xmodule_display.xmodule_TextAnnotationModule .annotatable-section ul.instructions-template {
      list-style: disc;
      margin-left: 4em; }
      .xmodule_display.xmodule_TextAnnotationModule .annotatable-section ul.instructions-template b {
        font-weight: bold; }
      .xmodule_display.xmodule_TextAnnotationModule .annotatable-section ul.instructions-template i {
        font-style: italic; }
      .xmodule_display.xmodule_TextAnnotationModule .annotatable-section ul.instructions-template code {
        display: inline;
        white-space: pre;
        font-family: Courier New, monospace; }
  .xmodule_display.xmodule_TextAnnotationModule .annotatable-toggle {
    position: absolute;
    right: 0;
    margin: 2px 1em 2px 0; }
    .xmodule_display.xmodule_TextAnnotationModule .annotatable-toggle.expanded:after {
      content: " \2191"; }
    .xmodule_display.xmodule_TextAnnotationModule .annotatable-toggle.collapsed:after {
      content: " \2193"; }
  .xmodule_display.xmodule_TextAnnotationModule .annotatable-span {
    display: inline; }
    .xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight {
      background-color: rgba(255, 255, 10, 0.3); }
      .xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight.selected {
        background-color: rgba(255, 255, 10, 0.9); }
    .xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-yellow {
      background-color: rgba(255, 255, 10, 0.3); }
      .xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-yellow.selected {
        background-color: rgba(255, 255, 10, 0.9); }
    .xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-red {
      background-color: rgba(178, 19, 16, 0.3); }
      .xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-red.selected {
        background-color: rgba(178, 19, 16, 0.9); }
    .xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-orange {
      background-color: rgba(255, 165, 0, 0.3); }
      .xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-orange.selected {
        background-color: rgba(255, 165, 0, 0.9); }
    .xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-green {
      background-color: rgba(25, 255, 132, 0.3); }
      .xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-green.selected {
        background-color: rgba(25, 255, 132, 0.9); }
    .xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-blue {
      background-color: rgba(35, 163, 255, 0.3); }
      .xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-blue.selected {
        background-color: rgba(35, 163, 255, 0.9); }
    .xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-purple {
      background-color: rgba(115, 9, 178, 0.3); }
      .xmodule_display.xmodule_TextAnnotationModule .annotatable-span.highlight-purple.selected {
        background-color: rgba(115, 9, 178, 0.9); }
    .xmodule_display.xmodule_TextAnnotationModule .annotatable-span.hide {
      cursor: none;
      background-color: inherit; }
      .xmodule_display.xmodule_TextAnnotationModule .annotatable-span.hide .annotatable-icon {
        display: none; }
    .xmodule_display.xmodule_TextAnnotationModule .annotatable-span .annotatable-comment {
      display: none; }
  .xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip {
    font-size: 0.875em;
    border: 1px solid #333;
    border-radius: 1em;
    background-color: rgba(0, 0, 0, 0.85);
    color: white;
    -webkit-font-smoothing: antialiased; }
    .xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar {
      font-size: 1em;
      color: inherit;
      background-color: transparent;
      padding: 5px 10px;
      border: none; }
      .xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-tooltip-title {
        padding: 5px 0;
        border-bottom: 2px solid #333;
        font-weight: bold; }
      .xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-tooltip-icon {
        right: 10px;
        background: #333; }
      .xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-state-hover {
        color: inherit;
        border: 1px solid #cbcbcb; }
    .xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-content {
      color: inherit;
      font-size: 0.875em;
      text-align: left;
      font-weight: 400;
      padding: 0 10px 10px 10px;
      background-color: transparent;
      border-color: transparent; }
    .xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip p {
      color: inherit;
      line-height: normal; }
  .xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable {
    max-width: 375px; }
    .xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content {
      padding: 0 10px; }
      .xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content .annotatable-comment {
        display: block;
        margin: 0 0 10px 0;
        max-height: 225px;
        overflow: auto;
        line-height: normal; }
      .xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content .annotatable-reply {
        display: block;
        border-top: 2px solid #333;
        padding: 5px 0;
        margin: 0;
        text-align: center; }
    .xmodule_display.xmodule_TextAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable:after {
      content: '';
      display: inline-block;
      position: absolute;
      bottom: -20px;
      left: 50%;
      height: 0;
      width: 0;
      margin-left: -5px;
      border: 10px solid transparent;
      border-top-color: rgba(0, 0, 0, 0.85); }

.xmodule_display.xmodule_CourseInfoModule * {
  line-height: 1.4em; }
.xmodule_display.xmodule_CourseInfoModule h1 {
  color: #3c3c3c;
  font: normal 2em/1.4em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  margin: 0 0 1.416em 0; }
.xmodule_display.xmodule_CourseInfoModule h2 {
  color: #646464;
  font: normal 1.2em/1.2em "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  margin-bottom: 15px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased; }
.xmodule_display.xmodule_CourseInfoModule h3, .xmodule_display.xmodule_CourseInfoModule h4, .xmodule_display.xmodule_CourseInfoModule h5, .xmodule_display.xmodule_CourseInfoModule h6 {
  margin: 0 0 10px 0;
  font-weight: 600; }
.xmodule_display.xmodule_CourseInfoModule h3 {
  font-size: 1.2em; }
.xmodule_display.xmodule_CourseInfoModule h4 {
  font-size: 1em; }
.xmodule_display.xmodule_CourseInfoModule h5 {
  font-size: .83em; }
.xmodule_display.xmodule_CourseInfoModule h6 {
  font-size: 0.75em; }
.xmodule_display.xmodule_CourseInfoModule p {
  margin-bottom: 1.416em;
  font-size: 1em;
  line-height: 1.6em !important;
  color: #3c3c3c; }
.xmodule_display.xmodule_CourseInfoModule em, .xmodule_display.xmodule_CourseInfoModule i {
  font-style: italic; }
  .xmodule_display.xmodule_CourseInfoModule em span, .xmodule_display.xmodule_CourseInfoModule i span {
    font-style: italic; }
.xmodule_display.xmodule_CourseInfoModule strong, .xmodule_display.xmodule_CourseInfoModule b {
  font-weight: bold; }
  .xmodule_display.xmodule_CourseInfoModule strong span, .xmodule_display.xmodule_CourseInfoModule b span {
    font-weight: bold; }
.xmodule_display.xmodule_CourseInfoModule p + p, .xmodule_display.xmodule_CourseInfoModule ul + p, .xmodule_display.xmodule_CourseInfoModule ol + p {
  margin-top: 20px; }
.xmodule_display.xmodule_CourseInfoModule blockquote {
  margin: 1em 40px; }
.xmodule_display.xmodule_CourseInfoModule ol, .xmodule_display.xmodule_CourseInfoModule ul {
  margin: 1em 0;
  padding: 0 0 0 1em;
  color: #3c3c3c; }
  .xmodule_display.xmodule_CourseInfoModule ol li, .xmodule_display.xmodule_CourseInfoModule ul li {
    margin-bottom: 0.708em; }
.xmodule_display.xmodule_CourseInfoModule ol {
  list-style: decimal outside none; }
.xmodule_display.xmodule_CourseInfoModule ul {
  list-style: disc outside none; }
.xmodule_display.xmodule_CourseInfoModule a:link, .xmodule_display.xmodule_CourseInfoModule a:visited, .xmodule_display.xmodule_CourseInfoModule a:hover, .xmodule_display.xmodule_CourseInfoModule a:active, .xmodule_display.xmodule_CourseInfoModule a:focus {
  color: #0078b0; }
.xmodule_display.xmodule_CourseInfoModule img {
  max-width: 100%; }
.xmodule_display.xmodule_CourseInfoModule pre {
  margin: 1em 0;
  color: #3c3c3c;
  font-family: monospace, serif;
  font-size: 1em;
  white-space: pre-wrap;
  word-wrap: break-word; }
.xmodule_display.xmodule_CourseInfoModule code {
  color: #3c3c3c;
  font-family: monospace, serif;
  background: none;
  padding: 0; }
.xmodule_display.xmodule_CourseInfoModule table {
  width: 100%;
  margin: 20px 0;
  border-collapse: collapse;
  font-size: 16px; }
  .xmodule_display.xmodule_CourseInfoModule table td, .xmodule_display.xmodule_CourseInfoModule table th {
    margin: 20px 0;
    padding: 10px;
    border: 1px solid #cbcbcb;
    font-size: 14px; }
    .xmodule_display.xmodule_CourseInfoModule table td.cont-justified-left, .xmodule_display.xmodule_CourseInfoModule table th.cont-justified-left {
      text-align: left !important; }
    .xmodule_display.xmodule_CourseInfoModule table td.cont-justified-right, .xmodule_display.xmodule_CourseInfoModule table th.cont-justified-right {
      text-align: right !important; }
    .xmodule_display.xmodule_CourseInfoModule table td.cont-justified-center, .xmodule_display.xmodule_CourseInfoModule table th.cont-justified-center {
      text-align: center !important; }
.xmodule_display.xmodule_CourseInfoModule th {
  background: #eee;
  font-weight: bold; }
.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .modal-ui-icon {
  position: absolute;
  display: block;
  padding: 5px 7px;
  border-radius: 5px;
  opacity: .9;
  background: white;
  color: black;
  border: 2px solid black; }
  .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .modal-ui-icon .label {
    font-weight: bold; }
  .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .modal-ui-icon i {
    font-style: normal; }
.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-link {
  position: relative;
  display: block; }
  .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-link .action-fullscreen {
    display: none;
    top: 10px;
    left: 10px; }
  .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-link:hover .action-fullscreen {
    display: block; }
.xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7); }
  .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal .image-content {
    position: relative;
    top: 2.5%;
    display: block;
    height: 95%;
    width: 95%;
    margin: auto;
    overflow: hidden; }
    .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal .image-content .image-wrapper {
      position: relative; }
      .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal .image-content .image-wrapper img {
        position: relative;
        display: block;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        cursor: default; }
    .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal .image-content .action-close {
      top: 10px;
      right: 10px; }
    .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal .image-content .image-controls {
      position: absolute;
      right: 10px;
      bottom: 10px;
      margin: 0;
      padding: 0;
      list-style: none; }
      .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control {
        position: relative;
        display: inline-block;
        margin: 0;
        padding: 0; }
        .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon {
          position: relative; }
          .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.action-zoom-in {
            margin-right: 5px; }
          .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.action-zoom-out {
            margin-left: 5px; }
          .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal .image-content .image-controls .image-control .modal-ui-icon.is-disabled {
            opacity: 0.5;
            cursor: default; }
  .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal.image-is-fit-to-screen {
    display: block; }
    .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal.image-is-fit-to-screen .image-content .image-wrapper {
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100% !important; }
      .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal.image-is-fit-to-screen .image-content .image-wrapper img {
        top: 0 !important;
        left: 0 !important; }
  .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal.image-is-zoomed {
    display: block; }
    .xmodule_display.xmodule_CourseInfoModule .wrapper-modal-image .image-modal.image-is-zoomed .image-content .image-wrapper img {
      max-width: none;
      max-height: none;
      margin: 0;
      cursor: move; }

.xmodule_display.xmodule_WordCloudModule .input-cloud {
  margin: 5px; }
.xmodule_display.xmodule_WordCloudModule .result_cloud_section {
  display: none;
  width: 0px;
  height: 0px; }
.xmodule_display.xmodule_WordCloudModule .result_cloud_section.active {
  display: block;
  width: 635px;
  height: auto;
  margin-left: auto;
  margin-right: auto; }
.xmodule_display.xmodule_WordCloudModule .your_words {
  font-size: 0.85em;
  display: block; }

.xmodule_display.xmodule_ImageAnnotationModule {
  /* TODO: move top-level variables to a common _variables.scss.
   * NOTE: These variables were only added here because when this was integrated with the CMS,
   * SASS compilation errors were triggered because the CMS didn't have the same variables defined
   * that the LMS did, so the quick fix was to localize the LMS variables not shared by the CMS.
   * -Abarrett and Vshnayder
   */ }
  .xmodule_display.xmodule_ImageAnnotationModule .annotatable-wrapper {
    position: relative; }
  .xmodule_display.xmodule_ImageAnnotationModule .annotatable-header {
    margin-bottom: .5em; }
    .xmodule_display.xmodule_ImageAnnotationModule .annotatable-header .annotatable-title {
      font-size: 1.375em;
      text-transform: uppercase;
      padding: 2px 4px; }
  .xmodule_display.xmodule_ImageAnnotationModule .annotatable-section {
    position: relative;
    padding: .5em 1em;
    border: 1px solid #cbcbcb;
    border-radius: 0.5em;
    margin-bottom: 0.5em; }
    .xmodule_display.xmodule_ImageAnnotationModule .annotatable-section.shaded {
      background-color: #EDEDED; }
    .xmodule_display.xmodule_ImageAnnotationModule .annotatable-section .annotatable-section-title {
      font-weight: bold; }
      .xmodule_display.xmodule_ImageAnnotationModule .annotatable-section .annotatable-section-title a {
        font-weight: normal; }
    .xmodule_display.xmodule_ImageAnnotationModule .annotatable-section .annotatable-section-body {
      border-top: 1px solid #cbcbcb;
      margin-top: 0.5em;
      padding-top: 0.5em; }
      .xmodule_display.xmodule_ImageAnnotationModule .annotatable-section .annotatable-section-body:after {
        content: "";
        display: table;
        clear: both; }
    .xmodule_display.xmodule_ImageAnnotationModule .annotatable-section ul.instructions-template {
      list-style: disc;
      margin-left: 4em; }
      .xmodule_display.xmodule_ImageAnnotationModule .annotatable-section ul.instructions-template b {
        font-weight: bold; }
      .xmodule_display.xmodule_ImageAnnotationModule .annotatable-section ul.instructions-template i {
        font-style: italic; }
      .xmodule_display.xmodule_ImageAnnotationModule .annotatable-section ul.instructions-template code {
        display: inline;
        white-space: pre;
        font-family: Courier New, monospace; }
  .xmodule_display.xmodule_ImageAnnotationModule .annotatable-toggle {
    position: absolute;
    right: 0;
    margin: 2px 1em 2px 0; }
    .xmodule_display.xmodule_ImageAnnotationModule .annotatable-toggle.expanded:after {
      content: " \2191"; }
    .xmodule_display.xmodule_ImageAnnotationModule .annotatable-toggle.collapsed:after {
      content: " \2193"; }
  .xmodule_display.xmodule_ImageAnnotationModule .annotatable-span {
    display: inline; }
    .xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight {
      background-color: rgba(255, 255, 10, 0.3); }
      .xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight.selected {
        background-color: rgba(255, 255, 10, 0.9); }
    .xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-yellow {
      background-color: rgba(255, 255, 10, 0.3); }
      .xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-yellow.selected {
        background-color: rgba(255, 255, 10, 0.9); }
    .xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-red {
      background-color: rgba(178, 19, 16, 0.3); }
      .xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-red.selected {
        background-color: rgba(178, 19, 16, 0.9); }
    .xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-orange {
      background-color: rgba(255, 165, 0, 0.3); }
      .xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-orange.selected {
        background-color: rgba(255, 165, 0, 0.9); }
    .xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-green {
      background-color: rgba(25, 255, 132, 0.3); }
      .xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-green.selected {
        background-color: rgba(25, 255, 132, 0.9); }
    .xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-blue {
      background-color: rgba(35, 163, 255, 0.3); }
      .xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-blue.selected {
        background-color: rgba(35, 163, 255, 0.9); }
    .xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-purple {
      background-color: rgba(115, 9, 178, 0.3); }
      .xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.highlight-purple.selected {
        background-color: rgba(115, 9, 178, 0.9); }
    .xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.hide {
      cursor: none;
      background-color: inherit; }
      .xmodule_display.xmodule_ImageAnnotationModule .annotatable-span.hide .annotatable-icon {
        display: none; }
    .xmodule_display.xmodule_ImageAnnotationModule .annotatable-span .annotatable-comment {
      display: none; }
  .xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip {
    font-size: 0.875em;
    border: 1px solid #333;
    border-radius: 1em;
    background-color: rgba(0, 0, 0, 0.85);
    color: white;
    -webkit-font-smoothing: antialiased; }
    .xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar {
      font-size: 1em;
      color: inherit;
      background-color: transparent;
      padding: 5px 10px;
      border: none; }
      .xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-tooltip-title {
        padding: 5px 0;
        border-bottom: 2px solid #333;
        font-weight: bold; }
      .xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-tooltip-icon {
        right: 10px;
        background: #333; }
      .xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-state-hover {
        color: inherit;
        border: 1px solid #cbcbcb; }
    .xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip .ui-tooltip-content {
      color: inherit;
      font-size: 0.875em;
      text-align: left;
      font-weight: 400;
      padding: 0 10px 10px 10px;
      background-color: transparent;
      border-color: transparent; }
    .xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip p {
      color: inherit;
      line-height: normal; }
  .xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable {
    max-width: 375px; }
    .xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content {
      padding: 0 10px; }
      .xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content .annotatable-comment {
        display: block;
        margin: 0 0 10px 0;
        max-height: 225px;
        overflow: auto;
        line-height: normal; }
      .xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable .ui-tooltip-content .annotatable-reply {
        display: block;
        border-top: 2px solid #333;
        padding: 5px 0;
        margin: 0;
        text-align: center; }
    .xmodule_display.xmodule_ImageAnnotationModule .ui-tooltip.qtip.ui-tooltip-annotatable:after {
      content: '';
      display: inline-block;
      position: absolute;
      bottom: -20px;
      left: 50%;
      height: 0;
      width: 0;
      margin-left: -5px;
      border: 10px solid transparent;
      border-top-color: rgba(0, 0, 0, 0.85); }

.xmodule_edit.xmodule_ImageAnnotationDescriptor .CodeMirror {
  background: #fff;
  font-size: 13px;
  color: #3c3c3c; }

.xmodule_edit.xmodule_StaticTabDescriptor .html-editor:after {
  content: "";
  display: table;
  clear: both; }
.xmodule_edit.xmodule_StaticTabDescriptor .html-editor .CodeMirror {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 435px; }
.xmodule_edit.xmodule_StaticTabDescriptor .html-editor .is-inactive {
  display: none; }
.xmodule_edit.xmodule_StaticTabDescriptor .editor {
  position: relative; }
  .xmodule_edit.xmodule_StaticTabDescriptor .editor .row {
    position: relative; }
  .xmodule_edit.xmodule_StaticTabDescriptor .editor .editor-bar {
    background-color: #d4dee8;
    background-image: -webkit-linear-gradient(top, #d4dee8, #c9d5e2);
    background-image: linear-gradient(to bottom,#d4dee8, #c9d5e2);
    position: relative;
    padding: 5px;
    border-bottom-color: #a5aaaf; }
    .xmodule_edit.xmodule_StaticTabDescriptor .editor .editor-bar:after {
      content: "";
      display: table;
      clear: both; }
    .xmodule_edit.xmodule_StaticTabDescriptor .editor .editor-bar a {
      display: block;
      float: left;
      padding: 3px 10px 7px;
      margin-left: 7px;
      border-radius: 2px; }
      .xmodule_edit.xmodule_StaticTabDescriptor .editor .editor-bar a:hover, .xmodule_edit.xmodule_StaticTabDescriptor .editor .editor-bar a:focus {
        background: rgba(255, 255, 255, 0.5); }
  .xmodule_edit.xmodule_StaticTabDescriptor .editor .editor-tabs {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: left;
    direction: ltr; }
    .xmodule_edit.xmodule_StaticTabDescriptor .editor .editor-tabs li {
      float: left;
      margin-right: 5px; }
      .xmodule_edit.xmodule_StaticTabDescriptor .editor .editor-tabs li:last-child {
        margin-right: 0; }
    .xmodule_edit.xmodule_StaticTabDescriptor .editor .editor-tabs .tab {
      display: block;
      height: 24px;
      padding: 7px 20px 3px;
      border: 1px solid #a5aaaf;
      border-radius: 3px 3px 0 0;
      background-color: transparent;
      background-image: -webkit-linear-gradient(top, transparent 87%, rgba(0, 0, 0, 0.06));
      background-image: linear-gradient(to bottom,transparent 87%, rgba(0, 0, 0, 0.06));
      background-color: #e5ecf3;
      font-size: 13px;
      color: #3c3c3c;
      box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.05); }
      .xmodule_edit.xmodule_StaticTabDescriptor .editor .editor-tabs .tab.current {
        background: white;
        border-bottom-color: white; }

.xmodule_edit.xmodule_VideoAnnotationDescriptor .CodeMirror {
  background: #fff;
  font-size: 13px;
  color: #3c3c3c; }

.xmodule_edit.xmodule_TextAnnotationDescriptor .CodeMirror {
  background: #fff;
  font-size: 13px;
  color: #3c3c3c; }

.xmodule_edit.xmodule_HiddenDescriptor .CodeMirror {
  background: #fff;
  font-size: 13px;
  color: #3c3c3c; }

.xmodule_edit.xmodule_DiscussionDescriptor .CodeMirror {
  background: #fff;
  font-size: 13px;
  color: #3c3c3c; }

.xmodule_edit.xmodule_CapaDescriptor .editor {
  position: relative; }
  .xmodule_edit.xmodule_CapaDescriptor .editor .row {
    position: relative; }
  .xmodule_edit.xmodule_CapaDescriptor .editor .editor-bar {
    background-color: #d4dee8;
    background-image: -webkit-linear-gradient(top, #d4dee8, #c9d5e2);
    background-image: linear-gradient(to bottom,#d4dee8, #c9d5e2);
    position: relative;
    padding: 5px;
    border-bottom-color: #a5aaaf; }
    .xmodule_edit.xmodule_CapaDescriptor .editor .editor-bar:after {
      content: "";
      display: table;
      clear: both; }
    .xmodule_edit.xmodule_CapaDescriptor .editor .editor-bar a {
      display: block;
      float: left;
      padding: 3px 10px 7px;
      margin-left: 7px;
      border-radius: 2px; }
      .xmodule_edit.xmodule_CapaDescriptor .editor .editor-bar a:hover, .xmodule_edit.xmodule_CapaDescriptor .editor .editor-bar a:focus {
        background: rgba(255, 255, 255, 0.5); }
  .xmodule_edit.xmodule_CapaDescriptor .editor .editor-tabs {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: left;
    direction: ltr; }
    .xmodule_edit.xmodule_CapaDescriptor .editor .editor-tabs li {
      float: left;
      margin-right: 5px; }
      .xmodule_edit.xmodule_CapaDescriptor .editor .editor-tabs li:last-child {
        margin-right: 0; }
    .xmodule_edit.xmodule_CapaDescriptor .editor .editor-tabs .tab {
      display: block;
      height: 24px;
      padding: 7px 20px 3px;
      border: 1px solid #a5aaaf;
      border-radius: 3px 3px 0 0;
      background-color: transparent;
      background-image: -webkit-linear-gradient(top, transparent 87%, rgba(0, 0, 0, 0.06));
      background-image: linear-gradient(to bottom,transparent 87%, rgba(0, 0, 0, 0.06));
      background-color: #e5ecf3;
      font-size: 13px;
      color: #3c3c3c;
      box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.05); }
      .xmodule_edit.xmodule_CapaDescriptor .editor .editor-tabs .tab.current {
        background: white;
        border-bottom-color: white; }
.xmodule_edit.xmodule_CapaDescriptor .editor-bar .editor-tabs .advanced-toggle {
  height: auto;
  margin-top: -4px;
  padding: 3px 9px;
  font-size: 12px; }
  .xmodule_edit.xmodule_CapaDescriptor .editor-bar .editor-tabs .advanced-toggle.current {
    border: 1px solid #edf1f5 !important;
    border-radius: 3px !important;
    background: #edf1f5 !important;
    color: #8891a1 !important;
    pointer-events: none;
    cursor: none; }
    .xmodule_edit.xmodule_CapaDescriptor .editor-bar .editor-tabs .advanced-toggle.current:hover, .xmodule_edit.xmodule_CapaDescriptor .editor-bar .editor-tabs .advanced-toggle.current:focus {
      box-shadow: 0 0 0 0 !important;
      background-color: white; }
.xmodule_edit.xmodule_CapaDescriptor .editor-bar .editor-tabs .cheatsheet-toggle {
  width: 21px;
  height: 21px;
  padding: 0;
  margin: -1px 5px 0 15px;
  border-radius: 22px;
  border: 1px solid #a5aaaf;
  background: #e5ecf3;
  font-size: 13px;
  font-weight: 700;
  color: #565d64;
  text-align: center; }
.xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet {
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  border-radius: 0 3px 3px 0;
  background-color: rgba(0, 0, 0, 0.1);
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1), transparent 4px);
  background-image: linear-gradient(to right,rgba(0, 0, 0, 0.1), transparent 4px);
  background-color: white;
  overflow: hidden;
  -webkit-transition: width 0.3s linear 0s;
  -moz-transition: width 0.3s linear 0s;
  transition: width 0.3s linear 0s; }
  .xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet.shown {
    width: 20%;
    height: 100%;
    overflow-y: scroll; }
  .xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet .cheatsheet-wrapper {
    padding: 10%; }
  .xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet h6 {
    margin-bottom: 7px;
    font-size: 15px;
    font-weight: 700; }
  .xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet .row {
    padding-bottom: 5px !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #ddd !important; }
    .xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet .row:after {
      content: "";
      display: table;
      clear: both; }
    .xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet .row:last-child {
      border-bottom: none !important;
      margin-bottom: 0 !important; }
  .xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet .col {
    float: left; }
    .xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet .col.sample {
      width: 60px;
      margin-right: 30px; }
  .xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet pre {
    font-size: 12px;
    line-height: 18px; }
  .xmodule_edit.xmodule_CapaDescriptor .simple-editor-cheatsheet code {
    padding: 0;
    background: none; }
.xmodule_edit.xmodule_CapaDescriptor .problem-editor .markdown-box + .CodeMirror {
  padding: 10px; }
.xmodule_edit.xmodule_CapaDescriptor .problem-editor-icon {
  display: inline-block;
  width: 26px;
  height: 21px;
  vertical-align: middle;
  background: url("../images/problem-editor-icons.28c7b7ef7f1d.png") no-repeat; }
.xmodule_edit.xmodule_CapaDescriptor .problem-editor-icon.heading1 {
  width: 18px;
  background-position: -265px 0; }
.xmodule_edit.xmodule_CapaDescriptor .problem-editor-icon.multiple-choice {
  background-position: 0 0; }
.xmodule_edit.xmodule_CapaDescriptor .problem-editor-icon.checks {
  background-position: -56px 0; }
.xmodule_edit.xmodule_CapaDescriptor .problem-editor-icon.string {
  width: 28px;
  background-position: -111px 0; }
.xmodule_edit.xmodule_CapaDescriptor .problem-editor-icon.number {
  width: 24px;
  background-position: -168px 0; }
.xmodule_edit.xmodule_CapaDescriptor .problem-editor-icon.dropdown {
  width: 17px;
  background-position: -220px 0; }
.xmodule_edit.xmodule_CapaDescriptor .problem-editor-icon.explanation {
  width: 17px;
  background-position: -307px 0; }

.xmodule_edit.xmodule_LTIDescriptor .CodeMirror {
  background: #fff;
  font-size: 13px;
  color: #3c3c3c; }

.xmodule_edit.xmodule_RawDescriptor .CodeMirror {
  background: #fff;
  font-size: 13px;
  color: #3c3c3c; }

.xmodule_edit.xmodule_VideoDescriptor .tabs-wrapper {
  padding-top: 0;
  position: relative; }
  .xmodule_edit.xmodule_VideoDescriptor .tabs-wrapper .wrapper-comp-settings {
    display: block; }
.xmodule_edit.xmodule_VideoDescriptor .editor-single-tab-name {
  display: none; }
.xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs {
  position: relative; }
  .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs:after {
    content: "";
    display: table;
    clear: both; }
  .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 20px;
    top: 0 !important;
    right: 0;
    background-color: #0078b0;
    border-bottom: 1px solid #004869;
    color: white; }
    .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .component-name {
      position: relative;
      top: 0;
      left: 0;
      width: 50%;
      color: white;
      font-weight: 600; }
      .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .component-name em {
        display: inline-block;
        margin-right: 5px;
        font-weight: 400;
        color: white; }
    .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs {
      list-style: none;
      right: 0;
      top: 5px;
      position: absolute;
      padding: 12px 15px; }
      .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap {
        display: inline-block;
        margin-left: 8px; }
        .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab {
          font-size: 14px;
          font-size: 1.4rem;
          background-color: rgba(255, 255, 255, 0.3);
          background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
          background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
          border: 1px solid #00608c;
          border-radius: 3px;
          padding: 5px 20px;
          background-color: #0078b0;
          font-weight: bold;
          color: white; }
          .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab.current {
            background-color: #0078b0;
            background-image: -webkit-linear-gradient(#0078b0, #0078b0);
            background-image: linear-gradient(#0078b0, #0078b0);
            color: #00608c;
            box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.1);
            background-color: #001723;
            cursor: default; }
          .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab:hover, .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .edit-header .editor-tabs .inner_tab_wrap a.tab:focus {
            box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.2);
            background-image: linear-gradient(#009fe6, #009fe6) !important; }
  .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .is-inactive {
    display: none; }
  .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .comp-subtitles-entry {
    text-align: center; }
    .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .comp-subtitles-entry .file-upload {
      display: none; }
    .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .comp-subtitles-entry .comp-subtitles-import-list > li {
      display: block;
      margin: 10px 0px 10px 0; }
    .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .comp-subtitles-entry .comp-subtitles-import-list .blue-button, .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .comp-subtitles-entry .comp-subtitles-import-list .xmodule_display.xmodule_CapaModule div.problem .action .save, .xmodule_display.xmodule_CapaModule div.problem .action .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .comp-subtitles-entry .comp-subtitles-import-list .save, .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .comp-subtitles-entry .comp-subtitles-import-list .xmodule_display.xmodule_ConditionalModule div.problem .action .save, .xmodule_display.xmodule_ConditionalModule div.problem .action .xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .comp-subtitles-entry .comp-subtitles-import-list .save {
      font-size: 1em;
      display: block;
      width: 70%;
      margin: 0 auto;
      text-align: center; }
.xmodule_edit.xmodule_VideoDescriptor .component-tab {
  background: white;
  position: relative;
  border-top: 1px solid #8891a1; }
  .xmodule_edit.xmodule_VideoDescriptor .component-tab#advanced {
    padding: 0;
    border: none; }
  .xmodule_edit.xmodule_VideoDescriptor .component-tab .blue-button, .xmodule_edit.xmodule_VideoDescriptor .component-tab .xmodule_display.xmodule_CapaModule div.problem .action .save, .xmodule_display.xmodule_CapaModule div.problem .action .xmodule_edit.xmodule_VideoDescriptor .component-tab .save, .xmodule_edit.xmodule_VideoDescriptor .component-tab .xmodule_display.xmodule_ConditionalModule div.problem .action .save, .xmodule_display.xmodule_ConditionalModule div.problem .action .xmodule_edit.xmodule_VideoDescriptor .component-tab .save {
    border: 1px solid #076fe4;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #8ebcf1;
    color: white;
    display: inline-block;
    font-size: inherit;
    font-weight: bold;
    background-color: #4294f0;
    background-image: -webkit-linear-gradient(#4294f0, #0776f3);
    background-image: linear-gradient(#4294f0, #0776f3);
    padding: 7px 18px;
    text-decoration: none;
    text-shadow: 0 1px 0 #0065d6;
    background-clip: padding-box;
    background-color: rgba(255, 255, 255, 0.3);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    border: 1px solid #00608c;
    border-radius: 3px;
    background-color: #0078b0;
    color: white; }
    .xmodule_edit.xmodule_VideoDescriptor .component-tab .blue-button:hover:not(:disabled), .xmodule_edit.xmodule_VideoDescriptor .component-tab .xmodule_display.xmodule_CapaModule div.problem .action .save:hover:not(:disabled), .xmodule_display.xmodule_CapaModule div.problem .action .xmodule_edit.xmodule_VideoDescriptor .component-tab .save:hover:not(:disabled), .xmodule_edit.xmodule_VideoDescriptor .component-tab .xmodule_display.xmodule_ConditionalModule div.problem .action .save:hover:not(:disabled), .xmodule_display.xmodule_ConditionalModule div.problem .action .xmodule_edit.xmodule_VideoDescriptor .component-tab .save:hover:not(:disabled) {
      box-shadow: inset 0 1px 0 0 #60a2ec;
      cursor: pointer;
      background-color: #2f87ea;
      background-image: -webkit-linear-gradient(#2f87ea, #086fe3);
      background-image: linear-gradient(#2f87ea, #086fe3); }
    .xmodule_edit.xmodule_VideoDescriptor .component-tab .blue-button:active:not(:disabled), .xmodule_edit.xmodule_VideoDescriptor .component-tab .xmodule_display.xmodule_CapaModule div.problem .action .save:active:not(:disabled), .xmodule_display.xmodule_CapaModule div.problem .action .xmodule_edit.xmodule_VideoDescriptor .component-tab .save:active:not(:disabled), .xmodule_edit.xmodule_VideoDescriptor .component-tab .xmodule_display.xmodule_ConditionalModule div.problem .action .save:active:not(:disabled), .xmodule_display.xmodule_ConditionalModule div.problem .action .xmodule_edit.xmodule_VideoDescriptor .component-tab .save:active:not(:disabled), .xmodule_edit.xmodule_VideoDescriptor .component-tab .blue-button:focus:not(:disabled), .xmodule_edit.xmodule_VideoDescriptor .component-tab .xmodule_display.xmodule_CapaModule div.problem .action .save:focus:not(:disabled), .xmodule_display.xmodule_CapaModule div.problem .action .xmodule_edit.xmodule_VideoDescriptor .component-tab .save:focus:not(:disabled), .xmodule_edit.xmodule_VideoDescriptor .component-tab .xmodule_display.xmodule_ConditionalModule div.problem .action .save:focus:not(:disabled), .xmodule_display.xmodule_ConditionalModule div.problem .action .xmodule_edit.xmodule_VideoDescriptor .component-tab .save:focus:not(:disabled) {
      border: 1px solid #076fe4;
      box-shadow: inset 0 0 8px 4px #0868d3, inset 0 0 8px 4px #0868d3; }
    .xmodule_edit.xmodule_VideoDescriptor .component-tab .blue-button:disabled, .xmodule_edit.xmodule_VideoDescriptor .component-tab .xmodule_display.xmodule_CapaModule div.problem .action .save:disabled, .xmodule_display.xmodule_CapaModule div.problem .action .xmodule_edit.xmodule_VideoDescriptor .component-tab .save:disabled, .xmodule_edit.xmodule_VideoDescriptor .component-tab .xmodule_display.xmodule_ConditionalModule div.problem .action .save:disabled, .xmodule_display.xmodule_ConditionalModule div.problem .action .xmodule_edit.xmodule_VideoDescriptor .component-tab .save:disabled {
      opacity: 0.5;
      cursor: not-allowed; }
    .xmodule_edit.xmodule_VideoDescriptor .component-tab .blue-button:hover, .xmodule_edit.xmodule_VideoDescriptor .component-tab .xmodule_display.xmodule_CapaModule div.problem .action .save:hover, .xmodule_display.xmodule_CapaModule div.problem .action .xmodule_edit.xmodule_VideoDescriptor .component-tab .save:hover, .xmodule_edit.xmodule_VideoDescriptor .component-tab .xmodule_display.xmodule_ConditionalModule div.problem .action .save:hover, .xmodule_display.xmodule_ConditionalModule div.problem .action .xmodule_edit.xmodule_VideoDescriptor .component-tab .save:hover, .xmodule_edit.xmodule_VideoDescriptor .component-tab .blue-button:focus, .xmodule_edit.xmodule_VideoDescriptor .component-tab .xmodule_display.xmodule_CapaModule div.problem .action .save:focus, .xmodule_display.xmodule_CapaModule div.problem .action .xmodule_edit.xmodule_VideoDescriptor .component-tab .save:focus, .xmodule_edit.xmodule_VideoDescriptor .component-tab .xmodule_display.xmodule_ConditionalModule div.problem .action .save:focus, .xmodule_display.xmodule_ConditionalModule div.problem .action .xmodule_edit.xmodule_VideoDescriptor .component-tab .save:focus, .xmodule_edit.xmodule_VideoDescriptor .component-tab .blue-button:active, .xmodule_edit.xmodule_VideoDescriptor .component-tab .xmodule_display.xmodule_CapaModule div.problem .action .save:active, .xmodule_display.xmodule_CapaModule div.problem .action .xmodule_edit.xmodule_VideoDescriptor .component-tab .save:active, .xmodule_edit.xmodule_VideoDescriptor .component-tab .xmodule_display.xmodule_ConditionalModule div.problem .action .save:active, .xmodule_display.xmodule_ConditionalModule div.problem .action .xmodule_edit.xmodule_VideoDescriptor .component-tab .save:active {
      background-color: #0078b0;
      color: white; }
    .xmodule_edit.xmodule_VideoDescriptor .component-tab .blue-button.disabled, .xmodule_edit.xmodule_VideoDescriptor .component-tab .xmodule_display.xmodule_CapaModule div.problem .action .disabled.save, .xmodule_display.xmodule_CapaModule div.problem .action .xmodule_edit.xmodule_VideoDescriptor .component-tab .disabled.save, .xmodule_edit.xmodule_VideoDescriptor .component-tab .xmodule_display.xmodule_ConditionalModule div.problem .action .disabled.save, .xmodule_display.xmodule_ConditionalModule div.problem .action .xmodule_edit.xmodule_VideoDescriptor .component-tab .disabled.save, .xmodule_edit.xmodule_VideoDescriptor .component-tab .blue-button.is-disabled, .xmodule_edit.xmodule_VideoDescriptor .component-tab .xmodule_display.xmodule_CapaModule div.problem .action .is-disabled.save, .xmodule_display.xmodule_CapaModule div.problem .action .xmodule_edit.xmodule_VideoDescriptor .component-tab .is-disabled.save, .xmodule_edit.xmodule_VideoDescriptor .component-tab .xmodule_display.xmodule_ConditionalModule div.problem .action .is-disabled.save, .xmodule_display.xmodule_ConditionalModule div.problem .action .xmodule_edit.xmodule_VideoDescriptor .component-tab .is-disabled.save {
      box-shadow: none;
      border: 1px solid #99c9df !important;
      background: #99c9df !important;
      color: white !important; }

.xmodule_edit.xmodule_WordCloudDescriptor .CodeMirror {
  background: #fff;
  font-size: 13px;
  color: #3c3c3c; }

.xmodule_edit.xmodule_GraphicalSliderToolDescriptor .CodeMirror {
  background: #fff;
  font-size: 13px;
  color: #3c3c3c; }

.xmodule_edit.xmodule_CourseInfoDescriptor .html-editor:after {
  content: "";
  display: table;
  clear: both; }
.xmodule_edit.xmodule_CourseInfoDescriptor .html-editor .CodeMirror {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 435px; }
.xmodule_edit.xmodule_CourseInfoDescriptor .html-editor .is-inactive {
  display: none; }
.xmodule_edit.xmodule_CourseInfoDescriptor .editor {
  position: relative; }
  .xmodule_edit.xmodule_CourseInfoDescriptor .editor .row {
    position: relative; }
  .xmodule_edit.xmodule_CourseInfoDescriptor .editor .editor-bar {
    background-color: #d4dee8;
    background-image: -webkit-linear-gradient(top, #d4dee8, #c9d5e2);
    background-image: linear-gradient(to bottom,#d4dee8, #c9d5e2);
    position: relative;
    padding: 5px;
    border-bottom-color: #a5aaaf; }
    .xmodule_edit.xmodule_CourseInfoDescriptor .editor .editor-bar:after {
      content: "";
      display: table;
      clear: both; }
    .xmodule_edit.xmodule_CourseInfoDescriptor .editor .editor-bar a {
      display: block;
      float: left;
      padding: 3px 10px 7px;
      margin-left: 7px;
      border-radius: 2px; }
      .xmodule_edit.xmodule_CourseInfoDescriptor .editor .editor-bar a:hover, .xmodule_edit.xmodule_CourseInfoDescriptor .editor .editor-bar a:focus {
        background: rgba(255, 255, 255, 0.5); }
  .xmodule_edit.xmodule_CourseInfoDescriptor .editor .editor-tabs {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: left;
    direction: ltr; }
    .xmodule_edit.xmodule_CourseInfoDescriptor .editor .editor-tabs li {
      float: left;
      margin-right: 5px; }
      .xmodule_edit.xmodule_CourseInfoDescriptor .editor .editor-tabs li:last-child {
        margin-right: 0; }
    .xmodule_edit.xmodule_CourseInfoDescriptor .editor .editor-tabs .tab {
      display: block;
      height: 24px;
      padding: 7px 20px 3px;
      border: 1px solid #a5aaaf;
      border-radius: 3px 3px 0 0;
      background-color: transparent;
      background-image: -webkit-linear-gradient(top, transparent 87%, rgba(0, 0, 0, 0.06));
      background-image: linear-gradient(to bottom,transparent 87%, rgba(0, 0, 0, 0.06));
      background-color: #e5ecf3;
      font-size: 13px;
      color: #3c3c3c;
      box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.05); }
      .xmodule_edit.xmodule_CourseInfoDescriptor .editor .editor-tabs .tab.current {
        background: white;
        border-bottom-color: white; }

.xmodule_edit.xmodule_CrowdsourceHinterDescriptor .CodeMirror {
  background: #fff;
  font-size: 13px;
  color: #3c3c3c; }

.xmodule_edit.xmodule_AboutDescriptor .html-editor:after {
  content: "";
  display: table;
  clear: both; }
.xmodule_edit.xmodule_AboutDescriptor .html-editor .CodeMirror {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 435px; }
.xmodule_edit.xmodule_AboutDescriptor .html-editor .is-inactive {
  display: none; }
.xmodule_edit.xmodule_AboutDescriptor .editor {
  position: relative; }
  .xmodule_edit.xmodule_AboutDescriptor .editor .row {
    position: relative; }
  .xmodule_edit.xmodule_AboutDescriptor .editor .editor-bar {
    background-color: #d4dee8;
    background-image: -webkit-linear-gradient(top, #d4dee8, #c9d5e2);
    background-image: linear-gradient(to bottom,#d4dee8, #c9d5e2);
    position: relative;
    padding: 5px;
    border-bottom-color: #a5aaaf; }
    .xmodule_edit.xmodule_AboutDescriptor .editor .editor-bar:after {
      content: "";
      display: table;
      clear: both; }
    .xmodule_edit.xmodule_AboutDescriptor .editor .editor-bar a {
      display: block;
      float: left;
      padding: 3px 10px 7px;
      margin-left: 7px;
      border-radius: 2px; }
      .xmodule_edit.xmodule_AboutDescriptor .editor .editor-bar a:hover, .xmodule_edit.xmodule_AboutDescriptor .editor .editor-bar a:focus {
        background: rgba(255, 255, 255, 0.5); }
  .xmodule_edit.xmodule_AboutDescriptor .editor .editor-tabs {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: left;
    direction: ltr; }
    .xmodule_edit.xmodule_AboutDescriptor .editor .editor-tabs li {
      float: left;
      margin-right: 5px; }
      .xmodule_edit.xmodule_AboutDescriptor .editor .editor-tabs li:last-child {
        margin-right: 0; }
    .xmodule_edit.xmodule_AboutDescriptor .editor .editor-tabs .tab {
      display: block;
      height: 24px;
      padding: 7px 20px 3px;
      border: 1px solid #a5aaaf;
      border-radius: 3px 3px 0 0;
      background-color: transparent;
      background-image: -webkit-linear-gradient(top, transparent 87%, rgba(0, 0, 0, 0.06));
      background-image: linear-gradient(to bottom,transparent 87%, rgba(0, 0, 0, 0.06));
      background-color: #e5ecf3;
      font-size: 13px;
      color: #3c3c3c;
      box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.05); }
      .xmodule_edit.xmodule_AboutDescriptor .editor .editor-tabs .tab.current {
        background: white;
        border-bottom-color: white; }

.xmodule_edit.xmodule_AnnotatableDescriptor .CodeMirror {
  background: #fff;
  font-size: 13px;
  color: #3c3c3c; }

.xmodule_edit.xmodule_HtmlDescriptor .html-editor:after {
  content: "";
  display: table;
  clear: both; }
.xmodule_edit.xmodule_HtmlDescriptor .html-editor .CodeMirror {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 435px; }
.xmodule_edit.xmodule_HtmlDescriptor .html-editor .is-inactive {
  display: none; }
.xmodule_edit.xmodule_HtmlDescriptor .editor {
  position: relative; }
  .xmodule_edit.xmodule_HtmlDescriptor .editor .row {
    position: relative; }
  .xmodule_edit.xmodule_HtmlDescriptor .editor .editor-bar {
    background-color: #d4dee8;
    background-image: -webkit-linear-gradient(top, #d4dee8, #c9d5e2);
    background-image: linear-gradient(to bottom,#d4dee8, #c9d5e2);
    position: relative;
    padding: 5px;
    border-bottom-color: #a5aaaf; }
    .xmodule_edit.xmodule_HtmlDescriptor .editor .editor-bar:after {
      content: "";
      display: table;
      clear: both; }
    .xmodule_edit.xmodule_HtmlDescriptor .editor .editor-bar a {
      display: block;
      float: left;
      padding: 3px 10px 7px;
      margin-left: 7px;
      border-radius: 2px; }
      .xmodule_edit.xmodule_HtmlDescriptor .editor .editor-bar a:hover, .xmodule_edit.xmodule_HtmlDescriptor .editor .editor-bar a:focus {
        background: rgba(255, 255, 255, 0.5); }
  .xmodule_edit.xmodule_HtmlDescriptor .editor .editor-tabs {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: left;
    direction: ltr; }
    .xmodule_edit.xmodule_HtmlDescriptor .editor .editor-tabs li {
      float: left;
      margin-right: 5px; }
      .xmodule_edit.xmodule_HtmlDescriptor .editor .editor-tabs li:last-child {
        margin-right: 0; }
    .xmodule_edit.xmodule_HtmlDescriptor .editor .editor-tabs .tab {
      display: block;
      height: 24px;
      padding: 7px 20px 3px;
      border: 1px solid #a5aaaf;
      border-radius: 3px 3px 0 0;
      background-color: transparent;
      background-image: -webkit-linear-gradient(top, transparent 87%, rgba(0, 0, 0, 0.06));
      background-image: linear-gradient(to bottom,transparent 87%, rgba(0, 0, 0, 0.06));
      background-color: #e5ecf3;
      font-size: 13px;
      color: #3c3c3c;
      box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.05); }
      .xmodule_edit.xmodule_HtmlDescriptor .editor .editor-tabs .tab.current {
        background: white;
        border-bottom-color: white; }

.xmodule_edit.xmodule_CustomTagDescriptor .CodeMirror {
  background: #fff;
  font-size: 13px;
  color: #3c3c3c; }

.xmodule_display i,
.xmodule_display em,
.xblock-student_view i,
.xblock-student_view em {
  font-style: italic; }
.xmodule_display .icon,
.xblock-student_view .icon {
  font-style: normal; }

.xmodule_VideoModule.xblock-student_view .video-tracks .a11y-menu-container .a11y-menu-list {
  bottom: 100%;
  top: auto; }

.xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .setting-label {
  vertical-align: top;
  margin-top: 10px; }
.xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .setting-help {
  display: block;
  width: 45%;
  max-width: auto;
  margin-left: 25%;
  padding: 0 13px; }
.xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .collapse-setting {
  display: block;
  width: 100%;
  padding: 10px; }
  .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .collapse-setting .icon {
    margin-right: 5px; }
.xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .videolist-url-tip.setting-help,
.xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .videolist-extra-videos-tip.setting-help {
  margin-left: 0;
  width: 100%;
  padding: 0 10px 10px; }
.xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .videolist-url-tip.setting-help {
  padding: 0 0 10px; }
.xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .wrapper-comp-setting {
  width: 100%;
  display: block;
  max-width: auto; }
.xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .wrapper-videolist-settings {
  width: 45%;
  display: inline-block;
  min-width: 100px; }
  .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .wrapper-videolist-settings .input {
    width: 100%;
    vertical-align: middle; }
    .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .wrapper-videolist-settings .input.is-disabled,
    .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .wrapper-videolist-settings .input [disabled="disabled"] {
      opacity: .5; }
  .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .wrapper-videolist-settings .wrapper-videolist-url {
    margin-bottom: 10px; }
  .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .wrapper-videolist-settings .wrapper-videolist-urls {
    background: #edf1f5;
    padding: 6.66667px; }
    .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .wrapper-videolist-settings .wrapper-videolist-urls .videolist-extra-videos {
      display: none; }
      .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .wrapper-videolist-settings .wrapper-videolist-urls .videolist-extra-videos.is-visible {
        display: block; }
      .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .list-input.settings-list .field.comp-setting-entry .wrapper-videolist-settings .wrapper-videolist-urls .videolist-extra-videos .videolist-settings-item {
        margin-bottom: 10px; }
.xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status {
  margin-top: 20px; }
  .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status.is-invisible {
    display: none !important; }
  .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    min-width: 100px;
    margin-top: 10px; }
    .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-message-status {
      color: #25b85a; }
      .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-message-status.status-error {
        color: #b20610; }
      .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-message-status .icon,
      .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-message-status [class*=" fa-"] {
        margin-right: 5px; }
    .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-error-message {
      background: #b20610;
      color: white;
      padding: 6.66667px; }
      .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .transcripts-error-message.is-invisible {
        display: none; }
    .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .wrapper-transcripts-message .wrapper-transcripts-buttons.is-invisible {
      display: none; }
  .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .transcripts-status .action {
    margin-bottom: 10px; }
.xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .metadata-videolist-enum * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .file-chooser {
  display: none; }
.xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .progress-bar {
  display: block;
  height: 30px;
  margin: 10px 0;
  border: 1px solid #0078b0;
  text-align: center; }
  .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .progress-bar.is-invisible {
    display: none; }
  .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .progress-bar.loaded {
    border-color: #66b93d; }
    .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .progress-bar.loaded .progress-fill {
      background: #66b93d; }
  .xmodule_VideoDescriptor .wrapper-comp-settings.basic_metadata_edit .progress-bar .progress-fill {
    display: block;
    width: 0%;
    height: 30px;
    background: #0078b0;
    color: white;
    line-height: 28px; }
.xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .setting-label {
  vertical-align: top;
  margin-top: 5px; }
.xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .wrapper-translations-settings {
  width: 45%;
  display: inline-block;
  min-width: 240px; }
  .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .wrapper-translations-settings .list-settings {
    margin: 0; }
    .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .wrapper-translations-settings .list-settings .list-settings-item {
      margin-bottom: 10px; }
      .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .wrapper-translations-settings .list-settings .list-settings-item select {
        width: 80%;
        margin-right: 10px; }
      .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .wrapper-translations-settings .list-settings .list-settings-item .list-settings-buttons {
        padding: 10px 0;
        border-bottom: 1px solid #e5e5e5; }
    .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .wrapper-translations-settings .list-settings .input {
      width: 43%;
      margin-right: 5px;
      vertical-align: middle;
      display: inline-block; }
      .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .wrapper-translations-settings .list-settings .input.input-value {
        margin-right: 10px; }
.xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .setting-clear.action {
  vertical-align: top;
  margin: 5px 10px 0; }
.xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .create-setting {
  display: block;
  padding: 10px; }
  .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .create-setting .icon {
    margin-right: 5px; }
.xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .upload-setting {
  display: inline-block;
  padding: 10px;
  width: 49%;
  margin-right: 2%; }
.xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .download-setting {
  display: inline-block;
  padding: 10px;
  width: 49%;
  text-align: center;
  color: #0078b0; }
  .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .download-setting:hover {
    background-color: #0078b0; }
.xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .remove-setting {
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  display: inline-block;
  background: transparent;
  color: #99c9df; }
  .xmodule_VideoDescriptor .wrapper-comp-settings .list-input.settings-list .metadata-video-translations .remove-setting:hover {
    color: #0078b0; }

.view-dashboard .wrapper-authorshiprights .ui-toggle-control {
  transition-duration: 0.25s;
  transition-timing-function: ease-in-out; }
.view-dashboard .wrapper-authorshiprights .fa-times-circle {
  transition-duration: 0.25s;
  transition-timing-function: ease-in-out; }

.outline-section.is-dragging, .outline-subsection.is-dragging {
  border-color: #323232; }
.outline-section.valid-drop, .outline-subsection.valid-drop {
  border-color: #009fe6; }

#page-prompt .wrapper-prompt:before {
  display: inline-block; }

.ui-datepicker {
  background: white !important; }

/* known things to do (paint the fence, sand the floor, wax on/off):

* centralize and move form styling into forms.scss - cms/static/sass/views/_textbooks.scss and cms/static/sass/views/_settings.scss
* move dialogue styles into cms/static/sass/elements/_modal.scss
* use the @include placeholder Bourbon mixin (http://bourbon.io/docs/#placeholder) for any placeholder styling

*/
.modal-content.cheatsheet-is-shown {
  overflow: visible !important; }
  .modal-content.cheatsheet-is-shown .CodeMirror {
    overflow: visible !important; }

.wrapper-comp-editor.latex-problem {
  margin-top: 50px; }

.launch-latex-compiler {
  position: absolute;
  width: 100%;
  top: 0;
  background-color: white;
  padding: 10px 0 10px 20px;
  border-bottom: 1px solid #b2b2b2; }

div.wrapper-comp-editor.is-inactive ~ div.launch-latex-compiler {
  display: none; }

.ui-tabs-nav .ui-state-default {
  font-weight: normal; }

.xmodule_edit.xmodule_VideoDescriptor .editor-with-tabs .editor-tabs .inner_tab_wrap a.tab {
  font-weight: normal !important; }

.wrapper-xblock .xblock-message.no-container-content.xblock-message.no-container-content {
  border: 0;
  padding: 30px 40px;
  background-color: #e5e5e5;
  text-align: center;
  color: #7f7f7f; }