Skip to content

E
edx-ora2
Commit c4b1659c by Brian Talbot
Options

styling general frame UI revisions, prompt, and response

parent 5d1416e3
Showing with 270 additions and 135 deletions
apps/openassessment/templates/openassessmentblock/oa_base.html
...@@ -14,6 +14,10 @@ ...@@ -14,6 +14,10 @@
<div class="openassessment" id="openassessment"> <div class="openassessment" id="openassessment">
<div class="wrapper--grid"> <div class="wrapper--grid">
<h1 class="openassessment__title"> <h1 class="openassessment__title">
<span class="openassessment__title--super">
{{ title }}
</span>
<span class="openassessment__title--sub"> <span class="openassessment__title--sub">
<span class="problem-type problem-type--open-ended-response">Open Ended Response</span> <span class="problem-type problem-type--open-ended-response">Open Ended Response</span>
{% for assessment in rubric_assessments %} {% for assessment in rubric_assessments %}
...@@ -21,10 +25,6 @@ ...@@ -21,10 +25,6 @@
<span class="problem-type problem-type--{{ assessment.type }}">{{ assessment.name }}</span> <span class="problem-type problem-type--{{ assessment.type }}">{{ assessment.name }}</span>
{% endfor %} {% endfor %}
</span> </span>
<span class="openassessment__title--super">
{{ title }}
</span>
</h1> </h1>
<!--?: may have trouble with aync --> <!--?: may have trouble with aync -->
......
apps/openassessment/templates/openassessmentblock/oa_peer_assessment.html
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<!-- CASE: default/not started --> <!-- CASE: default/not started -->
{% block list_item %} {% block list_item %}
<li id="openassessment__peer-assessment" class="openassessment__steps__step step--peer-assessment ui-toggle-visibility"> <li id="openassessment__peer-assessment" class="openassessment__steps__step step--peer-assessment ui-toggle-visibility is--expanded">
{% endblock %} {% endblock %}
<span class="system__element" id="peer_submission_uuid"> <span class="system__element" id="peer_submission_uuid">
{{ peer_submission.uuid }} {{ peer_submission.uuid }}
......
apps/openassessment/templates/openassessmentblock/oa_response.html
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
<!-- CASE: default/unanswered --> <!-- CASE: default/unanswered -->
{% block list_item %} {% block list_item %}
<li id="openassessment__response" class="openassessment__steps__step step--response ui-toggle-visibility"> <li id="openassessment__response" class="openassessment__steps__step step--response ui-toggle-visibility is--expanded">
{% endblock %} {% endblock %}
{% block header %} {% block header %}
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
<ol class="list list--fields"> <ol class="list list--fields">
<li class="field field--textarea submission__answer" id="submission__answer"> <li class="field field--textarea submission__answer" id="submission__answer">
<label for="submission__answer__value">Please provide your response to the above question</label> <label for="submission__answer__value">Please provide your response to the above question</label>
<textarea id="submission__answer__value" placeholder=""></textarea> <textarea class="text" id="submission__answer__value" placeholder=""></textarea>
</li> </li>
</ol> </ol>
...@@ -64,7 +64,10 @@ ...@@ -64,7 +64,10 @@
<div class="step__actions"> <div class="step__actions">
<ul class="list list--actions"> <ul class="list list--actions">
<li class="list--actions__item"> <li class="list--actions__item">
<a aria-role="button" href="#" id="step--response__submit" class="action action--submit step--response__submit">Submit your response &amp; move forward</a> <a aria-role="button" href="#" id="step--response__submit" class="action action--submit step--response__submit">
<span class="copy">Submit your response &amp; move forward</span>
<i class="ico fa fa-arrow-right"></i>
</a>
</li> </li>
</ul> </ul>
</div> </div>
......
apps/openassessment/templates/openassessmentblock/oa_self_assessment.html
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<!-- CASE: default/not started --> <!-- CASE: default/not started -->
{% block list_item %} {% block list_item %}
<li id="openassessment__self-assessment" class="openassessment__steps__step step--self-assessment ui-toggle-visibility"> <li id="openassessment__self-assessment" class="openassessment__steps__step step--self-assessment ui-toggle-visibility is--expanded">
{% endblock %} {% endblock %}
{% block header %} {% block header %}
......
apps/openassessment/templates/openassessmentblock/t-response.html
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<!-- CASE: default/unanswered --> <!-- CASE: default/unanswered -->
<li id="openassessment__response" class="openassessment__steps__step step--response ui-toggle-visibility"> <li id="openassessment__response" class="openassessment__steps__step step--response ui-toggle-visibility is--expanded">
<header class="step__header ui-toggle-visibility__control"> <header class="step__header ui-toggle-visibility__control">
<h2 class="step__title"> <h2 class="step__title">
<span class="step__counter"></span> <span class="step__counter"></span>
......
apps/openassessment/xblock/static/css/openassessment.css
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}/*! @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}/*!
* Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{font-family:'FontAwesome';src:url("../fonts/libs/font-awesome/fontawesome-webfont.eot?v=4.0.3");src:url("../fonts/libs/font-awesome/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"),url("../fonts/libs/font-awesome/fontawesome-webfont.woff?v=4.0.3") format("woff"),url("../fonts/libs/font-awesome/fontawesome-webfont.ttf?v=4.0.3") format("truetype"),url("../fonts/libs/font-awesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333em;line-height:0.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14286em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14286em;width:2.14286em;top:0.14286em;text-align:center}.fa-li.fa-lg{left:-1.85714em}.fa-border{padding:.2em .25em .15em;border:solid 0.08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.wrapper--xblock{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}.wrapper--xblock article,.wrapper--xblock aside,.wrapper--xblock details,.wrapper--xblock figcaption,.wrapper--xblock figure,.wrapper--xblock footer,.wrapper--xblock header,.wrapper--xblock hgroup,.wrapper--xblock main,.wrapper--xblock nav,.wrapper--xblock section,.wrapper--xblock summary{display:block}.wrapper--xblock audio,.wrapper--xblock canvas,.wrapper--xblock progress,.wrapper--xblock video{display:inline-block;vertical-align:baseline}.wrapper--xblock audio:not([controls]){display:none;height:0}.wrapper--xblock [hidden],.wrapper--xblock template{display:none}.wrapper--xblock a{background:transparent}.wrapper--xblock a:active,.wrapper--xblock a:hover{outline:0}.wrapper--xblock abbr[title]{border-bottom:1px dotted}.wrapper--xblock b,.wrapper--xblock strong{font-weight:bold}.wrapper--xblock dfn{font-style:italic}.wrapper--xblock h1{font-size:2em;margin:0.67em 0}.wrapper--xblock mark{background:#ff0;color:#000}.wrapper--xblock small{font-size:80%}.wrapper--xblock sub,.wrapper--xblock sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.wrapper--xblock sup{top:-0.5em}.wrapper--xblock sub{bottom:-0.25em}.wrapper--xblock img{border:0}.wrapper--xblock svg:not(:root){overflow:hidden}.wrapper--xblock figure{margin:1em 40px}.wrapper--xblock hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}.wrapper--xblock pre{overflow:auto}.wrapper--xblock code,.wrapper--xblock kbd,.wrapper--xblock pre,.wrapper--xblock samp{font-family:monospace, monospace;font-size:1em}.wrapper--xblock button,.wrapper--xblock input,.wrapper--xblock optgroup,.wrapper--xblock select,.wrapper--xblock textarea{color:inherit;font:inherit;margin:0}.wrapper--xblock button{overflow:visible}.wrapper--xblock button,.wrapper--xblock select{text-transform:none}.wrapper--xblock button,.wrapper--xblock html input[type="button"],.wrapper--xblock input[type="reset"],.wrapper--xblock input[type="submit"]{-webkit-appearance:button;cursor:pointer}.wrapper--xblock button[disabled],.wrapper--xblock html input[disabled]{cursor:default}.wrapper--xblock button::-moz-focus-inner,.wrapper--xblock input::-moz-focus-inner{border:0;padding:0}.wrapper--xblock input{line-height:normal}.wrapper--xblock input[type="checkbox"],.wrapper--xblock input[type="radio"]{box-sizing:border-box;padding:0}.wrapper--xblock input[type="number"]::-webkit-inner-spin-button,.wrapper--xblock input[type="number"]::-webkit-outer-spin-button{height:auto}.wrapper--xblock input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.wrapper--xblock input[type="search"]::-webkit-search-cancel-button,.wrapper--xblock input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}.wrapper--xblock fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}.wrapper--xblock legend{border:0;padding:0}.wrapper--xblock textarea{overflow:auto}.wrapper--xblock optgroup{font-weight:bold}.wrapper--xblock table{border-collapse:collapse;border-spacing:0}.wrapper--xblock td,.wrapper--xblock th{padding:0}.wrapper--xblock *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wrapper--xblock div,.wrapper--xblock span,.wrapper--xblock applet,.wrapper--xblock object,.wrapper--xblock iframe,.wrapper--xblock h1,.wrapper--xblock h2,.wrapper--xblock h3,.wrapper--xblock h4,.wrapper--xblock h5,.wrapper--xblock h6,.wrapper--xblock p,.wrapper--xblock blockquote,.wrapper--xblock pre,.wrapper--xblock a,.wrapper--xblock abbr,.wrapper--xblock acronym,.wrapper--xblock address,.wrapper--xblock big,.wrapper--xblock cite,.wrapper--xblock code,.wrapper--xblock del,.wrapper--xblock dfn,.wrapper--xblock em,.wrapper--xblock img,.wrapper--xblock ins,.wrapper--xblock kbd,.wrapper--xblock q,.wrapper--xblock s,.wrapper--xblock samp,.wrapper--xblock small,.wrapper--xblock strike,.wrapper--xblock strong,.wrapper--xblock sub,.wrapper--xblock sup,.wrapper--xblock tt,.wrapper--xblock var,.wrapper--xblock b,.wrapper--xblock u,.wrapper--xblock i,.wrapper--xblock center,.wrapper--xblock dl,.wrapper--xblock dt,.wrapper--xblock dd,.wrapper--xblock ol,.wrapper--xblock ul,.wrapper--xblock li,.wrapper--xblock fieldset,.wrapper--xblock form,.wrapper--xblock label,.wrapper--xblock legend,.wrapper--xblock table,.wrapper--xblock caption,.wrapper--xblock tbody,.wrapper--xblock tfoot,.wrapper--xblock thead,.wrapper--xblock tr,.wrapper--xblock th,.wrapper--xblock td,.wrapper--xblock article,.wrapper--xblock aside,.wrapper--xblock canvas,.wrapper--xblock details,.wrapper--xblock figcaption,.wrapper--xblock figure,.wrapper--xblock footer,.wrapper--xblock header,.wrapper--xblock hgroup,.wrapper--xblock menu,.wrapper--xblock nav,.wrapper--xblock section,.wrapper--xblock summary,.wrapper--xblock time,.wrapper--xblock mark,.wrapper--xblock audio,.wrapper--xblock video{margin:0;vertical-align:baseline;border:0;padding:0;outline:0}.wrapper--xblock abbr[title]{border-bottom:none;text-decoration:none;cursor:help}.list--actions:last-child,.list--docs:last-child,.list--steps:last-child,.list--controls:last-child,.list--fields:last-child,.list--help:last-child,.nav--wizard:last-child,.list--tips:last-child,.field--group:last-child,.openassessment .openassessment__prompt__copy>:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0;margin-right:0;border-right:none;padding-right:0}.list--actions,.list--docs,.list--steps,.list--controls,.list--fields,.list--help,.nav--wizard,.list--tips,.field--group,.openassessment .openassessment__steps{list-style:none;margin:0;padding:0;text-indent:0}.sr,hr.divider,.nav--contents,.system__element,.openassessment .openassessment__steps__step .step__status__label,.openassessment .openassessment__prompt__title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.openassessment .openassessment__steps__step .step__title .step__label,.openassessment .openassessment__steps__step .step__title .step__deadline{-webkit-transition:color 0.5s ease-in-out;-moz-transition:color 0.5s ease-in-out;transition:color 0.5s ease-in-out}@-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}}@-o-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}}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translateX(-40px);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@-moz-keyframes fadeInLeft{0%{-moz-transform:translateX(-40px);opacity:0}100%{-moz-transform:translateX(0);opacity:1}}@-o-keyframes fadeInLeft{0%{-o-transform:translateX(-40px);opacity:0}100%{-o-transform:translateX(0);opacity:1}}@keyframes fadeInLeft{0%{transform:translateX(-40px);opacity:0}100%{transform:translateX(0);opacity:1}}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translateX(40px);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@-moz-keyframes fadeInRight{0%{-moz-transform:translateX(40px);opacity:0}100%{-moz-transform:translateX(0);opacity:1}}@-o-keyframes fadeInRight{0%{-o-transform:translateX(40px);opacity:0}100%{-o-transform:translateX(0);opacity:1}}@keyframes fadeInRight{0%{transform:translateX(40px);opacity:0}100%{transform:translateX(0);opacity:1}}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translateY(20px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@-moz-keyframes fadeInUp{0%{-moz-transform:translateY(20px);opacity:0}100%{-moz-transform:translateY(0);opacity:1}}@-o-keyframes fadeInUp{0%{-o-transform:translateY(20px);opacity:0}100%{-o-transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translateY(-20px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@-moz-keyframes fadeInDown{0%{-moz-transform:translateY(-20px);opacity:0}100%{-moz-transform:translateY(0);opacity:1}}@-o-keyframes fadeInDown{0%{-o-transform:translateY(-20px);opacity:0}100%{-o-transform:translateY(0);opacity:1}}@keyframes fadeInDown{0%{transform:translateY(-20px);opacity:0}100%{transform:translateY(0);opacity: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}}@-o-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}}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-4000px);opacity:0}100%{-webkit-transform:translateX(0)}}@-moz-keyframes slideInLeft{0%{-moz-transform:translateX(-4000px);opacity:0}100%{-moz-transform:translateX(0)}}@-o-keyframes slideInLeft{0%{-o-transform:translateX(-4000px);opacity:0}100%{-o-transform:translateX(0)}}@keyframes slideInLeft{0%{transform:translateX(-4000px);opacity:0}100%{transform:translateX(0)}}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(4000px);opacity:0}100%{-webkit-transform:translateX(0)}}@-moz-keyframes slideInRight{0%{-moz-transform:translateX(4000px);opacity:0}100%{-moz-transform:translateX(0)}}@-o-keyframes slideInRight{0%{-o-transform:translateX(4000px);opacity:0}100%{-o-transform:translateX(0)}}@keyframes slideInRight{0%{transform:translateX(4000px);opacity:0}100%{transform:translateX(0)}}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-4000px);opacity:0}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideInDown{0%{-moz-transform:translateY(-4000px);opacity:0}100%{-moz-transform:translateY(0)}}@-o-keyframes slideInDown{0%{-o-transform:translateY(-4000px);opacity:0}100%{-o-transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-4000px);opacity:0}100%{transform:translateY(0)}}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(4000px);opacity:0}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideInUp{0%{-moz-transform:translateY(4000px);opacity:0}100%{-moz-transform:translateY(0)}}@-o-keyframes slideInUp{0%{-o-transform:translateY(4000px);opacity:0}100%{-o-transform:translateY(0)}}@keyframes slideInUp{0%{transform:translateY(4000px);opacity:0}100%{transform:translateY(0)}}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(-4000px);opacity:0}}@-moz-keyframes slideOutLeft{0%{-moz-transform:translateX(0)}100%{-moz-transform:translateX(-4000px);opacity:0}}@-o-keyframes slideOutLeft{0%{-o-transform:translateX(0)}100%{-o-transform:translateX(-4000px);opacity:0}}@keyframes slideOutLeft{0%{transform:translateX(0)}100%{transform:translateX(-4000px);opacity:0}}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(4000px);opacity:0}}@-moz-keyframes slideOutRight{0%{-moz-transform:translateX(0)}100%{-moz-transform:translateX(4000px);opacity:0}}@-o-keyframes slideOutRight{0%{-o-transform:translateX(0)}100%{-o-transform:translateX(4000px);opacity:0}}@keyframes slideOutRight{0%{transform:translateX(0)}100%{transform:translateX(4000px);opacity:0}}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-4000px);opacity:0}}@-moz-keyframes slideOutUp{0%{-moz-transform:translateY(0)}100%{-moz-transform:translateY(-4000px);opacity:0}}@-o-keyframes slideOutUp{0%{-o-transform:translateY(0)}100%{-o-transform:translateY(-4000px);opacity:0}}@keyframes slideOutUp{0%{transform:translateY(0)}100%{transform:translateY(-4000px);opacity:0}}@-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)}}@-o-keyframes rotateUp{0%{-o-transform:rotate(0deg)}50%{-o-transform:rotate(-90deg)}100%{-o-transform:rotate(-180deg)}}@keyframes rotateUp{0%{transform:rotate(0deg)}50%{transform:rotate(-90deg)}100%{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)}}@-o-keyframes rotateDown{0%{-o-transform:rotate(0deg)}50%{-o-transform:rotate(90deg)}100%{-o-transform:rotate(180deg)}}@keyframes rotateDown{0%{transform:rotate(0deg)}50%{transform:rotate(90deg)}100%{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)}}@-o-keyframes rotateCW{0%{-o-transform:rotate(0deg)}50%{-o-transform:rotate(180deg)}100%{-o-transform:rotate(360deg)}}@keyframes rotateCW{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@-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)}}@-o-keyframes rotateCCW{0%{-o-transform:rotate(0deg)}50%{-o-transform:rotate(-180deg)}100%{-o-transform:rotate(-360deg)}}@keyframes rotateCCW{0%{transform:rotate(0deg)}50%{transform:rotate(-180deg)}100%{transform:rotate(-360deg)}}@-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)}}@-o-keyframes bounceIn{0%{opacity:0.0;-o-transform:scale(0.3)}50%{opacity:1.0;-o-transform:scale(1.05)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0.0;transform:scale(0.3)}50%{opacity:1.0;transform:scale(1.05)}100%{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)}}@-o-keyframes bounceOut{0%{-o-transform:scale(1)}50%{opacity:1.0;-o-transform:scale(1.05)}100%{opacity:0.0;-o-transform:scale(0.3)}}@keyframes bounceOut{0%{transform:scale(1)}50%{opacity:1.0;transform:scale(1.05)}100%{opacity:0.0;transform:scale(0.3)}}.wrapper--xblock{background:#fefefe}.wrapper--xblock .copy-1{font-weight:300}.wrapper--xblock div,.wrapper--xblock span,.wrapper--xblock applet,.wrapper--xblock object,.wrapper--xblock iframe,.wrapper--xblock h1,.wrapper--xblock h2,.wrapper--xblock h3,.wrapper--xblock h4,.wrapper--xblock h5,.wrapper--xblock h6,.wrapper--xblock p,.wrapper--xblock blockquote,.wrapper--xblock pre,.wrapper--xblock a,.wrapper--xblock abbr,.wrapper--xblock acronym,.wrapper--xblock address,.wrapper--xblock big,.wrapper--xblock cite,.wrapper--xblock code,.wrapper--xblock del,.wrapper--xblock dfn,.wrapper--xblock em,.wrapper--xblock img,.wrapper--xblock ins,.wrapper--xblock kbd,.wrapper--xblock q,.wrapper--xblock s,.wrapper--xblock samp,.wrapper--xblock small,.wrapper--xblock strike,.wrapper--xblock strong,.wrapper--xblock sub,.wrapper--xblock sup,.wrapper--xblock tt,.wrapper--xblock var,.wrapper--xblock b,.wrapper--xblock u,.wrapper--xblock i,.wrapper--xblock center,.wrapper--xblock dl,.wrapper--xblock dt,.wrapper--xblock dd,.wrapper--xblock ol,.wrapper--xblock ul,.wrapper--xblock li,.wrapper--xblock fieldset,.wrapper--xblock form,.wrapper--xblock label,.wrapper--xblock legend,.wrapper--xblock table,.wrapper--xblock caption,.wrapper--xblock tbody,.wrapper--xblock tfoot,.wrapper--xblock thead,.wrapper--xblock tr,.wrapper--xblock th,.wrapper--xblock td,.wrapper--xblock article,.wrapper--xblock aside,.wrapper--xblock canvas,.wrapper--xblock details,.wrapper--xblock figcaption,.wrapper--xblock figure,.wrapper--xblock footer,.wrapper--xblock header,.wrapper--xblock hgroup,.wrapper--xblock menu,.wrapper--xblock nav,.wrapper--xblock section,.wrapper--xblock summary,.wrapper--xblock time,.wrapper--xblock mark,.wrapper--xblock audio,.wrapper--xblock video,.wrapper--xblock .h1,.openassessment .openassessment__title--super,.openassessment .openassessment__steps__step .step__title .step__counter:before,.wrapper--xblock .h3,.wrapper--xblock .h5,.wrapper--xblock .h7,.openassessment .openassessment__title--sub,.openassessment .openassessment__steps__step .step__title .step__deadline,.wrapper--xblock .h8,.openassessment .openassessment__prompt__copy,.wrapper--xblock .copy-3{font-weight:400}.wrapper--xblock strong,.wrapper--xblock .h2,.openassessment .openassessment__steps__step .step__title .step__label,.openassessment .openassessment__grade .openassessment__grade__title,.openassessment .openassessment__grade .openassessment__grade__content .grade__value,.wrapper--xblock .h4,.wrapper--xblock .h6,.openassessment .openassessment__steps__step .step__title .step__counter:before{font-weight:600}.wrapper--xblock .h1,.openassessment .openassessment__title--super,.openassessment .openassessment__steps__step .step__title .step__counter:before,.wrapper--xblock .h3,.wrapper--xblock .h5,.wrapper--xblock .h7,.openassessment .openassessment__steps__step .step__status .copy{text-transform:uppercase;letter-spacing:0.025rem}.openassessment .openassessment__steps__step .step__status .ico{font-size:16px}.wrapper--xblock .h1{font-size:24px;line-height:36px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#020203}.wrapper--xblock .h2{font-size:21px;line-height:31.5px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#020203}.openassessment .openassessment__title--super,.openassessment .openassessment__steps__step .step__title .step__counter:before,.wrapper--xblock .h3{font-size:18px;line-height:27px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#020203}.openassessment .openassessment__steps__step .step__title .step__label,.openassessment .openassessment__grade .openassessment__grade__title,.openassessment .openassessment__grade .openassessment__grade__content .grade__value,.wrapper--xblock .h4{font-size:16px;line-height:24px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#020203}.wrapper--xblock .h5{font-size:16px;line-height:24px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#5f6269}.wrapper--xblock .h6{font-size:16px;line-height:24px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#5f6269}.wrapper--xblock .h7{font-size:13px;line-height:19.5px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#afb0b4}.openassessment .openassessment__title--sub,.openassessment .openassessment__steps__step .step__title .step__deadline,.wrapper--xblock .h8{font-size:13px;line-height:19.5px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#afb0b4}.wrapper--xblock .copy-1{font-size:24px;line-height:36px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#5f6269}.wrapper--xblock .copy-2{font-size:18px;line-height:27px;color:#5f6269;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.openassessment .openassessment__prompt__copy,.wrapper--xblock .copy-3{font-size:16px;line-height:24px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#5f6269}.openassessment .openassessment__grade .openassessment__grade__content .grade__description,.wrapper--xblock .copy-4{font-size:14px;line-height:21px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#5f6269}.wrapper--xblock .copy-5{font-size:12px;line-height:18px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#87898e}.openassessment .openassessment__steps__step .step__status .copy,.wrapper--xblock .copy-6{font-size:11px;line-height:16.5px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#87898e}.openassessment .openassessment__prompt__copy a{-webkit-transition:color 0.5s ease-in-out,border 0.5s ease-in-out;-moz-transition:color 0.5s ease-in-out,border 0.5s ease-in-out;transition:color 0.5s ease-in-out,border 0.5s ease-in-out;border-bottom:1px solid transparent;color:#74b3e9;text-decoration:none}.openassessment .openassessment__prompt__copy a:hover,.openassessment .openassessment__prompt__copy a:focus{color:#4fadfd;border-color:#4fadfd}.openassessment .openassessment__prompt__copy a:active,.openassessment .openassessment__prompt__copy a.is--current{color:#65abe7;border-color:#65abe7}.wrapper--grid{*zoom:1;max-width:100%;margin-left:auto;margin-right:auto}.wrapper--grid:before,.wrapper--grid:after{content:" ";display:table}.wrapper--grid:after{clear:both}.wrapper--openassessment{position:relative;background:#fefefe}.openassessment .openassessment__title{*zoom:1;display:block;margin-bottom:20px;border-bottom:4px solid #f5f5f5;padding-bottom:20px}.openassessment .openassessment__title:before,.openassessment .openassessment__title:after{content:" ";display:table}.openassessment .openassessment__title:after{clear:both}.openassessment .openassessment__title--super{display:block;margin-bottom:5px}.openassessment .openassessment__title--sub{display:block}.openassessment .openassessment__steps{counter-reset:item}.openassessment .openassessment__steps__step{margin-bottom:20px;border-bottom:2px solid #f5f5f5;padding-bottom:20px}.openassessment .openassessment__steps__step:last-child{padding-bottom:0;border-bottom:none}.openassessment .openassessment__steps__step .step__header{*zoom:1;display:block}.openassessment .openassessment__steps__step .step__header:before,.openassessment .openassessment__steps__step .step__header:after{content:" ";display:table}.openassessment .openassessment__steps__step .step__header:after{clear:both}.openassessment .openassessment__steps__step .step__header:hover .step__deadline,.openassessment .openassessment__steps__step .step__header:hover .step__label{color:#5f6269}@media screen and (min-width: 530px) and (max-width: 759px){.openassessment .openassessment__steps__step .step__title{float:left;display:block;margin-right:4.82916%;width:65.05695%;vertical-align:middle}.openassessment .openassessment__steps__step .step__title:last-child{margin-right:0}}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .openassessment__steps__step .step__title{float:left;display:block;margin-right:2.35765%;width:74.41059%;vertical-align:middle}.openassessment .openassessment__steps__step .step__title:last-child{margin-right:0}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .openassessment__steps__step .step__title{float:left;display:block;margin-right:2.35765%;width:74.41059%;vertical-align:middle}.openassessment .openassessment__steps__step .step__title:last-child{margin-right:0}}@media screen and (min-width: 1300px){.openassessment .openassessment__steps__step .step__title{float:left;display:block;margin-right:2.35765%;width:74.41059%;vertical-align:middle}.openassessment .openassessment__steps__step .step__title:last-child{margin-right:0}}.openassessment .openassessment__steps__step .step__title .step__counter,.openassessment .openassessment__steps__step .step__title .wrapper--copy{display:inline-block;vertical-align:middle}.openassessment .openassessment__steps__step .step__title .step__counter:before{content:counter(item,decimal);counter-increment:item;margin-right:10px}.openassessment .openassessment__steps__step .step__title .step__label,.openassessment .openassessment__steps__step .step__title .step__deadline{display:block}.openassessment .openassessment__steps__step .step__status .step__status__value{border-radius:2px;padding:5px 10px;background:#d7d7d9;color:#f5f5f5}@media screen and (max-width: 529px){.openassessment .openassessment__steps__step .step__status .step__status__value{display:block;margin-top:10px}}.openassessment .openassessment__steps__step .step__status .ico,.openassessment .openassessment__steps__step .step__status .copy{display:inline-block;vertical-align:bottom}.openassessment .openassessment__steps__step .step__status .ico{margin-right:5px}@media screen and (max-width: 529px){.openassessment .openassessment__steps__step .step__status{position:relative;top:2px}}@media screen and (min-width: 530px) and (max-width: 759px){.openassessment .openassessment__steps__step .step__status{float:left;display:block;margin-right:4.82916%;width:30.11389%;margin-right:0;margin-top:5px;text-align:right}.openassessment .openassessment__steps__step .step__status:last-child{margin-right:0}}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .openassessment__steps__step .step__status{float:left;display:block;margin-right:2.35765%;width:23.23176%;margin-right:0;margin-top:5px;text-align:right}.openassessment .openassessment__steps__step .step__status:last-child{margin-right:0}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .openassessment__steps__step .step__status{float:left;display:block;margin-right:2.35765%;width:23.23176%;margin-right:0;margin-top:5px;text-align:right}.openassessment .openassessment__steps__step .step__status:last-child{margin-right:0}}@media screen and (min-width: 1300px){.openassessment .openassessment__steps__step .step__status{float:left;display:block;margin-right:2.35765%;width:23.23176%;margin-right:0;margin-top:5px;text-align:right}.openassessment .openassessment__steps__step .step__status:last-child{margin-right:0}}.openassessment .openassessment__steps__step.is--collapsed .step__label{color:#afb0b4}.openassessment .openassessment__steps__step.is--collapsed .step__counter:before{color:#d7d7d9}.openassessment .openassessment__steps__step.is--collapsed .step__status__value{background:#d7d7d9}.openassessment .openassessment__steps__step.is--expanded{border-bottom-color:#020203}.openassessment .openassessment__steps__step.is--expanded .step__header{margin-bottom:10px;border-bottom:2px solid #020203;padding-bottom:10px}.openassessment .openassessment__steps__step.is--expanded .step__header:hover .step__deadline,.openassessment .openassessment__steps__step.is--expanded .step__header:hover .step__label{color:#020203}@media screen and (max-width: 529px){.openassessment .openassessment__steps__step.is--expanded .step__header{padding-bottom:0}}.openassessment .openassessment__steps__step.is--expanded .step__counter:before,.openassessment .openassessment__steps__step.is--expanded .step__title .step__deadline{color:#020203}.openassessment .openassessment__steps__step.is--expanded .step__status__value{background:#020203}.openassessment .openassessment__steps__step.is--expanded .step__status__value .copy{color:#f5f5f5}.openassessment .openassessment__steps__step.is--incomplete .step__counter:before{color:#ff0}.openassessment .openassessment__steps__step.is--incomplete .step__status__value{background:#ff0}.openassessment .openassessment__steps__step.is--complete .step__counter:before{color:green}.openassessment .openassessment__steps__step.is--complete .step__status__value{background:green}.openassessment .openassessment__prompt{margin-bottom:20px;border-bottom:2px solid #f5f5f5;padding-bottom:20px}.openassessment .openassessment__prompt__copy>*{margin-bottom:20px}.openassessment .openassessment__grade{*zoom:1;display:block;border-top:2px solid #d7d7d9;padding:20px;background:#f5f5f5}.openassessment .openassessment__grade:before,.openassessment .openassessment__grade:after{content:" ";display:table}.openassessment .openassessment__grade:after{clear:both}.openassessment .openassessment__grade .openassessment__grade__title,.openassessment .openassessment__grade .openassessment__grade__content{display:inline-block;vertical-align:top}.openassessment .openassessment__grade .openassessment__grade__title{color:#afb0b4}@media screen and (min-width: 530px) and (max-width: 759px){.openassessment .openassessment__grade .openassessment__grade__title{margin-bottom:20px}}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .openassessment__grade .openassessment__grade__title{margin-right:20px}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .openassessment__grade .openassessment__grade__title{margin-right:20px}}@media screen and (min-width: 1300px){.openassessment .openassessment__grade .openassessment__grade__title{margin-right:20px}}.openassessment .openassessment__grade .openassessment__grade__content .grade__value{margin-bottom:10px}.openassessment .openassessment__grade.is--incomplete{border-top-color:#ff0}.openassessment .openassessment__grade.is--complete{border-top-color:green}.view--placeholder{background:#fefefe;margin:40px 40px} */@font-face{font-family:'FontAwesome';src:url("../fonts/libs/font-awesome/fontawesome-webfont.eot?v=4.0.3");src:url("../fonts/libs/font-awesome/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"),url("../fonts/libs/font-awesome/fontawesome-webfont.woff?v=4.0.3") format("woff"),url("../fonts/libs/font-awesome/fontawesome-webfont.ttf?v=4.0.3") format("truetype"),url("../fonts/libs/font-awesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333em;line-height:0.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14286em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14286em;width:2.14286em;top:0.14286em;text-align:center}.fa-li.fa-lg{left:-1.85714em}.fa-border{padding:.2em .25em .15em;border:solid 0.08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.wrapper--xblock{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}.wrapper--xblock article,.wrapper--xblock aside,.wrapper--xblock details,.wrapper--xblock figcaption,.wrapper--xblock figure,.wrapper--xblock footer,.wrapper--xblock header,.wrapper--xblock hgroup,.wrapper--xblock main,.wrapper--xblock nav,.wrapper--xblock section,.wrapper--xblock summary{display:block}.wrapper--xblock audio,.wrapper--xblock canvas,.wrapper--xblock progress,.wrapper--xblock video{display:inline-block;vertical-align:baseline}.wrapper--xblock audio:not([controls]){display:none;height:0}.wrapper--xblock [hidden],.wrapper--xblock template{display:none}.wrapper--xblock a{background:transparent}.wrapper--xblock a:active,.wrapper--xblock a:hover{outline:0}.wrapper--xblock abbr[title]{border-bottom:1px dotted}.wrapper--xblock b,.wrapper--xblock strong{font-weight:bold}.wrapper--xblock dfn{font-style:italic}.wrapper--xblock h1{font-size:2em;margin:0.67em 0}.wrapper--xblock mark{background:#ff0;color:#000}.wrapper--xblock small{font-size:80%}.wrapper--xblock sub,.wrapper--xblock sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.wrapper--xblock sup{top:-0.5em}.wrapper--xblock sub{bottom:-0.25em}.wrapper--xblock img{border:0}.wrapper--xblock svg:not(:root){overflow:hidden}.wrapper--xblock figure{margin:1em 40px}.wrapper--xblock hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}.wrapper--xblock pre{overflow:auto}.wrapper--xblock code,.wrapper--xblock kbd,.wrapper--xblock pre,.wrapper--xblock samp{font-family:monospace, monospace;font-size:1em}.wrapper--xblock button,.wrapper--xblock input,.wrapper--xblock optgroup,.wrapper--xblock select,.wrapper--xblock textarea{color:inherit;font:inherit;margin:0}.wrapper--xblock button{overflow:visible}.wrapper--xblock button,.wrapper--xblock select{text-transform:none}.wrapper--xblock button,.wrapper--xblock html input[type="button"],.wrapper--xblock input[type="reset"],.wrapper--xblock input[type="submit"]{-webkit-appearance:button;cursor:pointer}.wrapper--xblock button[disabled],.wrapper--xblock html input[disabled]{cursor:default}.wrapper--xblock button::-moz-focus-inner,.wrapper--xblock input::-moz-focus-inner{border:0;padding:0}.wrapper--xblock input{line-height:normal}.wrapper--xblock input[type="checkbox"],.wrapper--xblock input[type="radio"]{box-sizing:border-box;padding:0}.wrapper--xblock input[type="number"]::-webkit-inner-spin-button,.wrapper--xblock input[type="number"]::-webkit-outer-spin-button{height:auto}.wrapper--xblock input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.wrapper--xblock input[type="search"]::-webkit-search-cancel-button,.wrapper--xblock input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}.wrapper--xblock fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}.wrapper--xblock legend{border:0;padding:0}.wrapper--xblock textarea{overflow:auto}.wrapper--xblock optgroup{font-weight:bold}.wrapper--xblock table{border-collapse:collapse;border-spacing:0}.wrapper--xblock td,.wrapper--xblock th{padding:0}.wrapper--xblock *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wrapper--xblock div,.wrapper--xblock span,.wrapper--xblock applet,.wrapper--xblock object,.wrapper--xblock iframe,.wrapper--xblock h1,.wrapper--xblock h2,.wrapper--xblock h3,.wrapper--xblock h4,.wrapper--xblock h5,.wrapper--xblock h6,.wrapper--xblock p,.wrapper--xblock blockquote,.wrapper--xblock pre,.wrapper--xblock a,.wrapper--xblock abbr,.wrapper--xblock acronym,.wrapper--xblock address,.wrapper--xblock big,.wrapper--xblock cite,.wrapper--xblock code,.wrapper--xblock del,.wrapper--xblock dfn,.wrapper--xblock em,.wrapper--xblock img,.wrapper--xblock ins,.wrapper--xblock kbd,.wrapper--xblock q,.wrapper--xblock s,.wrapper--xblock samp,.wrapper--xblock small,.wrapper--xblock strike,.wrapper--xblock strong,.wrapper--xblock sub,.wrapper--xblock sup,.wrapper--xblock tt,.wrapper--xblock var,.wrapper--xblock b,.wrapper--xblock u,.wrapper--xblock i,.wrapper--xblock center,.wrapper--xblock dl,.wrapper--xblock dt,.wrapper--xblock dd,.wrapper--xblock ol,.wrapper--xblock ul,.wrapper--xblock li,.wrapper--xblock fieldset,.wrapper--xblock form,.wrapper--xblock label,.wrapper--xblock legend,.wrapper--xblock table,.wrapper--xblock caption,.wrapper--xblock tbody,.wrapper--xblock tfoot,.wrapper--xblock thead,.wrapper--xblock tr,.wrapper--xblock th,.wrapper--xblock td,.wrapper--xblock article,.wrapper--xblock aside,.wrapper--xblock canvas,.wrapper--xblock details,.wrapper--xblock figcaption,.wrapper--xblock figure,.wrapper--xblock footer,.wrapper--xblock header,.wrapper--xblock hgroup,.wrapper--xblock menu,.wrapper--xblock nav,.wrapper--xblock section,.wrapper--xblock summary,.wrapper--xblock time,.wrapper--xblock mark,.wrapper--xblock audio,.wrapper--xblock video{margin:0;vertical-align:baseline;border:0;padding:0;outline:0}.wrapper--xblock abbr[title]{border-bottom:none;text-decoration:none;cursor:help}.list--actions:last-child,.list--docs:last-child,.list--steps:last-child,.list--controls:last-child,.list--fields:last-child,.list--help:last-child,.nav--wizard:last-child,.list--tips:last-child,.field--group:last-child,.openassessment .openassessment__prompt__copy>:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0;margin-right:0;border-right:none;padding-right:0}.list--actions,.list--docs,.list--steps,.list--controls,.list--fields,.list--help,.nav--wizard,.list--tips,.field--group,.openassessment .openassessment__steps{list-style:none;margin:0;padding:0;text-indent:0}.sr,hr.divider,.nav--contents,.system__element,.openassessment .openassessment__steps__step .step__status__label,.openassessment .openassessment__prompt__title,.openassessment .step--response .response__submission .submission__answer label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.openassessment .openassessment__steps__step .step__header{-webkit-transition:opacity 0.5s ease-in-out;-moz-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out}.openassessment .openassessment__steps__step .step__title .step__label,.openassessment .openassessment__steps__step .step__title .step__deadline{-webkit-transition:color 0.5s ease-in-out;-moz-transition:color 0.5s ease-in-out;transition:color 0.5s ease-in-out}@-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}}@-o-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}}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translateX(-40px);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@-moz-keyframes fadeInLeft{0%{-moz-transform:translateX(-40px);opacity:0}100%{-moz-transform:translateX(0);opacity:1}}@-o-keyframes fadeInLeft{0%{-o-transform:translateX(-40px);opacity:0}100%{-o-transform:translateX(0);opacity:1}}@keyframes fadeInLeft{0%{transform:translateX(-40px);opacity:0}100%{transform:translateX(0);opacity:1}}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translateX(40px);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@-moz-keyframes fadeInRight{0%{-moz-transform:translateX(40px);opacity:0}100%{-moz-transform:translateX(0);opacity:1}}@-o-keyframes fadeInRight{0%{-o-transform:translateX(40px);opacity:0}100%{-o-transform:translateX(0);opacity:1}}@keyframes fadeInRight{0%{transform:translateX(40px);opacity:0}100%{transform:translateX(0);opacity:1}}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translateY(20px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@-moz-keyframes fadeInUp{0%{-moz-transform:translateY(20px);opacity:0}100%{-moz-transform:translateY(0);opacity:1}}@-o-keyframes fadeInUp{0%{-o-transform:translateY(20px);opacity:0}100%{-o-transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translateY(-20px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@-moz-keyframes fadeInDown{0%{-moz-transform:translateY(-20px);opacity:0}100%{-moz-transform:translateY(0);opacity:1}}@-o-keyframes fadeInDown{0%{-o-transform:translateY(-20px);opacity:0}100%{-o-transform:translateY(0);opacity:1}}@keyframes fadeInDown{0%{transform:translateY(-20px);opacity:0}100%{transform:translateY(0);opacity: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}}@-o-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}}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-4000px);opacity:0}100%{-webkit-transform:translateX(0)}}@-moz-keyframes slideInLeft{0%{-moz-transform:translateX(-4000px);opacity:0}100%{-moz-transform:translateX(0)}}@-o-keyframes slideInLeft{0%{-o-transform:translateX(-4000px);opacity:0}100%{-o-transform:translateX(0)}}@keyframes slideInLeft{0%{transform:translateX(-4000px);opacity:0}100%{transform:translateX(0)}}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(4000px);opacity:0}100%{-webkit-transform:translateX(0)}}@-moz-keyframes slideInRight{0%{-moz-transform:translateX(4000px);opacity:0}100%{-moz-transform:translateX(0)}}@-o-keyframes slideInRight{0%{-o-transform:translateX(4000px);opacity:0}100%{-o-transform:translateX(0)}}@keyframes slideInRight{0%{transform:translateX(4000px);opacity:0}100%{transform:translateX(0)}}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-4000px);opacity:0}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideInDown{0%{-moz-transform:translateY(-4000px);opacity:0}100%{-moz-transform:translateY(0)}}@-o-keyframes slideInDown{0%{-o-transform:translateY(-4000px);opacity:0}100%{-o-transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-4000px);opacity:0}100%{transform:translateY(0)}}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(4000px);opacity:0}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideInUp{0%{-moz-transform:translateY(4000px);opacity:0}100%{-moz-transform:translateY(0)}}@-o-keyframes slideInUp{0%{-o-transform:translateY(4000px);opacity:0}100%{-o-transform:translateY(0)}}@keyframes slideInUp{0%{transform:translateY(4000px);opacity:0}100%{transform:translateY(0)}}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(-4000px);opacity:0}}@-moz-keyframes slideOutLeft{0%{-moz-transform:translateX(0)}100%{-moz-transform:translateX(-4000px);opacity:0}}@-o-keyframes slideOutLeft{0%{-o-transform:translateX(0)}100%{-o-transform:translateX(-4000px);opacity:0}}@keyframes slideOutLeft{0%{transform:translateX(0)}100%{transform:translateX(-4000px);opacity:0}}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(4000px);opacity:0}}@-moz-keyframes slideOutRight{0%{-moz-transform:translateX(0)}100%{-moz-transform:translateX(4000px);opacity:0}}@-o-keyframes slideOutRight{0%{-o-transform:translateX(0)}100%{-o-transform:translateX(4000px);opacity:0}}@keyframes slideOutRight{0%{transform:translateX(0)}100%{transform:translateX(4000px);opacity:0}}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-4000px);opacity:0}}@-moz-keyframes slideOutUp{0%{-moz-transform:translateY(0)}100%{-moz-transform:translateY(-4000px);opacity:0}}@-o-keyframes slideOutUp{0%{-o-transform:translateY(0)}100%{-o-transform:translateY(-4000px);opacity:0}}@keyframes slideOutUp{0%{transform:translateY(0)}100%{transform:translateY(-4000px);opacity:0}}@-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)}}@-o-keyframes rotateUp{0%{-o-transform:rotate(0deg)}50%{-o-transform:rotate(-90deg)}100%{-o-transform:rotate(-180deg)}}@keyframes rotateUp{0%{transform:rotate(0deg)}50%{transform:rotate(-90deg)}100%{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)}}@-o-keyframes rotateDown{0%{-o-transform:rotate(0deg)}50%{-o-transform:rotate(90deg)}100%{-o-transform:rotate(180deg)}}@keyframes rotateDown{0%{transform:rotate(0deg)}50%{transform:rotate(90deg)}100%{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)}}@-o-keyframes rotateCW{0%{-o-transform:rotate(0deg)}50%{-o-transform:rotate(180deg)}100%{-o-transform:rotate(360deg)}}@keyframes rotateCW{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@-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)}}@-o-keyframes rotateCCW{0%{-o-transform:rotate(0deg)}50%{-o-transform:rotate(-180deg)}100%{-o-transform:rotate(-360deg)}}@keyframes rotateCCW{0%{transform:rotate(0deg)}50%{transform:rotate(-180deg)}100%{transform:rotate(-360deg)}}@-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)}}@-o-keyframes bounceIn{0%{opacity:0.0;-o-transform:scale(0.3)}50%{opacity:1.0;-o-transform:scale(1.05)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0.0;transform:scale(0.3)}50%{opacity:1.0;transform:scale(1.05)}100%{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)}}@-o-keyframes bounceOut{0%{-o-transform:scale(1)}50%{opacity:1.0;-o-transform:scale(1.05)}100%{opacity:0.0;-o-transform:scale(0.3)}}@keyframes bounceOut{0%{transform:scale(1)}50%{opacity:1.0;transform:scale(1.05)}100%{opacity:0.0;transform:scale(0.3)}}.wrapper--xblock{background:#fefefe}.wrapper--xblock .copy-1{font-weight:300}.wrapper--xblock div,.wrapper--xblock span,.wrapper--xblock applet,.wrapper--xblock object,.wrapper--xblock iframe,.wrapper--xblock h1,.wrapper--xblock h2,.wrapper--xblock h3,.wrapper--xblock h4,.wrapper--xblock h5,.wrapper--xblock h6,.wrapper--xblock p,.wrapper--xblock blockquote,.wrapper--xblock pre,.wrapper--xblock a,.wrapper--xblock abbr,.wrapper--xblock acronym,.wrapper--xblock address,.wrapper--xblock big,.wrapper--xblock cite,.wrapper--xblock code,.wrapper--xblock del,.wrapper--xblock dfn,.wrapper--xblock em,.wrapper--xblock img,.wrapper--xblock ins,.wrapper--xblock kbd,.wrapper--xblock q,.wrapper--xblock s,.wrapper--xblock samp,.wrapper--xblock small,.wrapper--xblock strike,.wrapper--xblock strong,.wrapper--xblock sub,.wrapper--xblock sup,.wrapper--xblock tt,.wrapper--xblock var,.wrapper--xblock b,.wrapper--xblock u,.wrapper--xblock i,.wrapper--xblock center,.wrapper--xblock dl,.wrapper--xblock dt,.wrapper--xblock dd,.wrapper--xblock ol,.wrapper--xblock ul,.wrapper--xblock li,.wrapper--xblock fieldset,.wrapper--xblock form,.wrapper--xblock label,.wrapper--xblock legend,.wrapper--xblock table,.wrapper--xblock caption,.wrapper--xblock tbody,.wrapper--xblock tfoot,.wrapper--xblock thead,.wrapper--xblock tr,.wrapper--xblock th,.wrapper--xblock td,.wrapper--xblock article,.wrapper--xblock aside,.wrapper--xblock canvas,.wrapper--xblock details,.wrapper--xblock figcaption,.wrapper--xblock figure,.wrapper--xblock footer,.wrapper--xblock header,.wrapper--xblock hgroup,.wrapper--xblock menu,.wrapper--xblock nav,.wrapper--xblock section,.wrapper--xblock summary,.wrapper--xblock time,.wrapper--xblock mark,.wrapper--xblock audio,.wrapper--xblock video,.wrapper--xblock .h1,.openassessment .openassessment__title--super,.wrapper--xblock .h3,.wrapper--xblock .h5,.openassessment .openassessment__title--sub,.wrapper--xblock .h7,.openassessment .openassessment__steps__step .step__title .step__deadline,.wrapper--xblock .h8,.wrapper--xblock .copy-3{font-weight:400}.wrapper--xblock strong,.wrapper--xblock .h2,.openassessment .openassessment__steps__step .step__title .step__label,.openassessment .openassessment__grade .openassessment__grade__title,.openassessment .openassessment__grade .openassessment__grade__content .grade__value,.wrapper--xblock .h4,.openassessment .openassessment__steps__step .step__title .step__counter:before,.wrapper--xblock .h6,.openassessment .openassessment__steps__step .step__actions .action--submit,.openassessment .openassessment__steps__step .step__actions .action--submit .copy,.openassessment .step--response .response__submission .action--submit,.openassessment .step--response .response__submission .action--submit .copy{font-weight:600}.openassessment .openassessment__steps__step .step__title .step__counter:before{font-weight:700}.wrapper--xblock .h1,.openassessment .openassessment__title--super,.wrapper--xblock .h3,.wrapper--xblock .h5,.openassessment .openassessment__title--sub,.wrapper--xblock .h7,.openassessment .openassessment__steps__step .step__status .copy{text-transform:uppercase;letter-spacing:0.025rem}.openassessment .openassessment__steps__step .step__status .ico{font-size:16px}.wrapper--xblock .h1{font-size:24px;line-height:36px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.wrapper--xblock .h2{font-size:21px;line-height:31.5px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.openassessment .openassessment__title--super,.wrapper--xblock .h3{font-size:18px;line-height:27px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.openassessment .openassessment__steps__step .step__title .step__label,.openassessment .openassessment__grade .openassessment__grade__title,.openassessment .openassessment__grade .openassessment__grade__content .grade__value,.wrapper--xblock .h4{font-size:16px;line-height:24px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.wrapper--xblock .h5{font-size:16px;line-height:24px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.openassessment .openassessment__steps__step .step__title .step__counter:before,.wrapper--xblock .h6{font-size:16px;line-height:24px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.openassessment .openassessment__title--sub,.wrapper--xblock .h7{font-size:13px;line-height:19.5px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.openassessment .openassessment__steps__step .step__title .step__deadline,.wrapper--xblock .h8{font-size:13px;line-height:19.5px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.wrapper--xblock .copy-1{font-size:24px;line-height:36px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.openassessment .openassessment__prompt__copy,.wrapper--xblock .copy-2{font-size:18px;line-height:27px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.wrapper--xblock .copy-3{font-size:16px;line-height:24px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.openassessment .openassessment__steps__step .step__instruction,.openassessment .openassessment__grade .openassessment__grade__content .grade__description,.wrapper--xblock .copy-4{font-size:14px;line-height:21px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.openassessment .step--response .response__submission .tip,.wrapper--xblock .copy-5{font-size:13px;line-height:18px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.openassessment .openassessment__steps__step .step__status .copy,.wrapper--xblock .copy-6{font-size:12px;line-height:18px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.openassessment .openassessment__steps__step .step__actions .action--submit,.openassessment .step--response .response__submission .action--submit{font-size:14px;line-height:21px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.openassessment .openassessment__prompt__copy a{-webkit-transition:color 0.5s ease-in-out,border 0.5s ease-in-out;-moz-transition:color 0.5s ease-in-out,border 0.5s ease-in-out;transition:color 0.5s ease-in-out,border 0.5s ease-in-out;border-bottom:1px solid transparent;color:#33a6dc;text-decoration:none}.openassessment .openassessment__prompt__copy a:hover,.openassessment .openassessment__prompt__copy a:focus{color:#00a7f6;border-color:#00a7f6}.openassessment .openassessment__prompt__copy a:active,.openassessment .openassessment__prompt__copy a.is--current{color:#1d9dd9;border-color:#1d9dd9}.openassessment .openassessment__steps__step .step__actions .action--submit,.openassessment .step--response .response__submission .action--submit{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:color 0.25s ease-in-out,background 0.25s ease-in-out,box-shadow 0.25s ease-in-out;-moz-transition:color 0.25s ease-in-out,background 0.25s ease-in-out,box-shadow 0.25s ease-in-out;transition:color 0.25s ease-in-out,background 0.25s ease-in-out,box-shadow 0.25s ease-in-out;display:inline-block;cursor:pointer;text-decoration:none}.openassessment .openassessment__steps__step .step__actions .action--submit:hover,.openassessment .step--response .response__submission .action--submit:hover,.openassessment .openassessment__steps__step .step__actions .action--submit:active,.openassessment .step--response .response__submission .action--submit:active,.openassessment .openassessment__steps__step .step__actions .action--submit:focus,.openassessment .step--response .response__submission .action--submit:focus{text-decoration:none}.openassessment .openassessment__steps__step .step__actions .disabled.action--submit,.openassessment .step--response .response__submission .disabled.action--submit,.openassessment .openassessment__steps__step .step__actions [disabled].action--submit,.openassessment .step--response .response__submission [disabled].action--submit{cursor:default;pointer-events:none}.openassessment .openassessment__steps__step .step__actions .action--submit .copy,.openassessment .step--response .response__submission .action--submit .copy,.openassessment .openassessment__steps__step .step__actions .action--submit .ico,.openassessment .step--response .response__submission .action--submit .ico{display:inline-block;vertical-align:middle}.openassessment .openassessment__steps__step .step__actions .action--submit,.openassessment .step--response .response__submission .action--submit{border-radius:4px}.openassessment .openassessment__steps__step .step__actions .action--submit{padding:10px 40px;background:#33a6dc;border:1px solid #2b8dbb;color:#eaf6fb}.openassessment .openassessment__steps__step .step__actions .action--submit:hover,.openassessment .openassessment__steps__step .step__actions .action--submit:active,.openassessment .openassessment__steps__step .step__actions .action--submit:focus{background:#00a7f6;border-color:#00a7f6;color:#fcfefe}.openassessment .openassessment__steps__step .step__actions .current.action--submit,.openassessment .openassessment__steps__step .step__actions .active.action--submit{background:#1d9dd9;border-color:#1d9dd9}.openassessment .openassessment__steps__step .step__actions .disabled.action--submit,.openassessment .openassessment__steps__step .step__actions .is-disabled.action--submit,.openassessment .openassessment__steps__step .step__actions [disabled].action--submit{opacity:0.5}.openassessment .step--response .response__submission .action--submit{padding:10px 40px;background:#878787;border:1px #797979;color:#f3f3f3}.openassessment .step--response .response__submission .action--submit:hover,.openassessment .step--response .response__submission .action--submit:active,.openassessment .step--response .response__submission .action--submit:focus{background:#656565;border-color:#656565;color:#fdfdfd}.openassessment .step--response .response__submission .current.action--submit,.openassessment .step--response .response__submission .active.action--submit{background:#878787;border-color:#878787}.openassessment .step--response .response__submission .disabled.action--submit,.openassessment .step--response .response__submission .is-disabled.action--submit,.openassessment .step--response .response__submission [disabled].action--submit{opacity:0.5}.wrapper--xblock input[type="text"],.wrapper--xblock input[type="email"],.wrapper--xblock input[type="password"],.wrapper--xblock textarea.text{border:1px solid #afb0b4;padding:10px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;outline:0}.wrapper--xblock input[type="text"]::-webkit-input-placeholder,.wrapper--xblock input[type="email"]::-webkit-input-placeholder,.wrapper--xblock input[type="password"]::-webkit-input-placeholder,.wrapper--xblock textarea.text::-webkit-input-placeholder{color:#7c7c7c}.wrapper--xblock input[type="text"]:-moz-placeholder,.wrapper--xblock input[type="email"]:-moz-placeholder,.wrapper--xblock input[type="password"]:-moz-placeholder,.wrapper--xblock textarea.text:-moz-placeholder{color:#7c7c7c}.wrapper--xblock input[type="text"]::-moz-placeholder,.wrapper--xblock input[type="email"]::-moz-placeholder,.wrapper--xblock input[type="password"]::-moz-placeholder,.wrapper--xblock textarea.text::-moz-placeholder{color:#7c7c7c}.wrapper--xblock input[type="text"]:-ms-input-placeholder,.wrapper--xblock input[type="email"]:-ms-input-placeholder,.wrapper--xblock input[type="password"]:-ms-input-placeholder,.wrapper--xblock textarea.text:-ms-input-placeholder{color:#7c7c7c}.wrapper--xblock input[type="text"]:focus,.wrapper--xblock input[type="email"]:focus,.wrapper--xblock input[type="password"]:focus,.wrapper--xblock textarea.text:focus{box-shadow:0 0 6px 0 rgba(29,157,217,0.4),inset 0 0 4px 0 rgba(0,0,0,0.15);border-color:#29a6f1;outline:0}.wrapper--grid{*zoom:1;max-width:100%;margin-left:auto;margin-right:auto}.wrapper--grid:before,.wrapper--grid:after{content:" ";display:table}.wrapper--grid:after{clear:both}.wrapper--openassessment{position:relative}.openassessment .openassessment__title{*zoom:1;display:block;margin-bottom:20px;border-bottom:4px solid #ebebec;padding-bottom:10px}.openassessment .openassessment__title:before,.openassessment .openassessment__title:after{content:" ";display:table}.openassessment .openassessment__title:after{clear:both}.openassessment .openassessment__title--super{display:block;margin-bottom:5px}.openassessment .openassessment__title--sub{display:block;color:#cacaca}.openassessment .openassessment__steps{counter-reset:item}.openassessment .openassessment__steps__step{margin-bottom:20px;border-bottom:2px solid #ebebec;padding-bottom:20px}.openassessment .openassessment__steps__step:last-child{border-bottom:none;padding-bottom:0}.openassessment .openassessment__steps__step .step__header{*zoom:1;display:block;opacity:1.0}.openassessment .openassessment__steps__step .step__header:before,.openassessment .openassessment__steps__step .step__header:after{content:" ";display:table}.openassessment .openassessment__steps__step .step__header:after{clear:both}@media screen and (min-width: 530px) and (max-width: 759px){.openassessment .openassessment__steps__step .step__title{float:left;display:block;margin-right:4.82916%;width:65.05695%;vertical-align:middle}.openassessment .openassessment__steps__step .step__title:last-child{margin-right:0}}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .openassessment__steps__step .step__title{float:left;display:block;margin-right:2.35765%;width:74.41059%;vertical-align:middle}.openassessment .openassessment__steps__step .step__title:last-child{margin-right:0}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .openassessment__steps__step .step__title{float:left;display:block;margin-right:2.35765%;width:74.41059%;vertical-align:middle}.openassessment .openassessment__steps__step .step__title:last-child{margin-right:0}}@media screen and (min-width: 1300px){.openassessment .openassessment__steps__step .step__title{float:left;display:block;margin-right:2.35765%;width:74.41059%;vertical-align:middle}.openassessment .openassessment__steps__step .step__title:last-child{margin-right:0}}.openassessment .openassessment__steps__step .step__title .step__counter,.openassessment .openassessment__steps__step .step__title .wrapper--copy{display:inline-block;vertical-align:middle}.openassessment .openassessment__steps__step .step__title .step__counter:before{content:counter(item,decimal);counter-increment:item;margin-right:5px;border-radius:2px;border:1px solid #646464;padding:5px 10px}.openassessment .openassessment__steps__step .step__title .step__label,.openassessment .openassessment__steps__step .step__title .step__deadline{display:block}.openassessment .openassessment__steps__step .step__title .step__deadline{color:#979797}.openassessment .openassessment__steps__step .step__status .step__status__value{border-radius:4px;padding:5px 10px;background:#d7d7d9;color:#fefefe}@media screen and (max-width: 529px){.openassessment .openassessment__steps__step .step__status .step__status__value{display:block;margin-top:10px}}.openassessment .openassessment__steps__step .step__status .ico,.openassessment .openassessment__steps__step .step__status .copy{display:inline-block;vertical-align:bottom}.openassessment .openassessment__steps__step .step__status .ico{margin-right:5px}@media screen and (max-width: 529px){.openassessment .openassessment__steps__step .step__status{position:relative;top:2px}}@media screen and (min-width: 530px) and (max-width: 759px){.openassessment .openassessment__steps__step .step__status{float:left;display:block;margin-right:4.82916%;width:30.11389%;margin-right:0;margin-top:5px;text-align:right}.openassessment .openassessment__steps__step .step__status:last-child{margin-right:0}}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .openassessment__steps__step .step__status{float:left;display:block;margin-right:2.35765%;width:23.23176%;margin-right:0;margin-top:5px;text-align:right}.openassessment .openassessment__steps__step .step__status:last-child{margin-right:0}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .openassessment__steps__step .step__status{float:left;display:block;margin-right:2.35765%;width:23.23176%;margin-right:0;margin-top:5px;text-align:right}.openassessment .openassessment__steps__step .step__status:last-child{margin-right:0}}@media screen and (min-width: 1300px){.openassessment .openassessment__steps__step .step__status{float:left;display:block;margin-right:2.35765%;width:23.23176%;margin-right:0;margin-top:5px;text-align:right}.openassessment .openassessment__steps__step .step__status:last-child{margin-right:0}}.openassessment .openassessment__steps__step .step__instruction{margin-bottom:20px;color:#3c3c3c}.openassessment .openassessment__steps__step .step__content{margin-bottom:20px}.openassessment .openassessment__steps__step .step__actions{text-align:right}.openassessment .openassessment__steps__step.is--collapsed .step__header{opacity:0.4}.openassessment .openassessment__steps__step.is--collapsed .step__header:hover{opacity:1.0}.openassessment .openassessment__steps__step.is--expanded .step__header{margin-bottom:10px;opacity:1.0}@media screen and (min-width: 530px) and (max-width: 759px){.openassessment .openassessment__steps__step.is--expanded .step__header{border-bottom:1px solid #020203;padding-bottom:10px}}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .openassessment__steps__step.is--expanded .step__header{border-bottom:1px solid #020203;padding-bottom:10px}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .openassessment__steps__step.is--expanded .step__header{border-bottom:1px solid #020203;padding-bottom:10px}}@media screen and (min-width: 1300px){.openassessment .openassessment__steps__step.is--expanded .step__header{border-bottom:1px solid #020203;padding-bottom:10px}}.openassessment .openassessment__steps__step.is--expanded .step__counter:before,.openassessment .openassessment__steps__step.is--expanded .step__label .step__deadline{color:#020203}.openassessment .openassessment__steps__step.is--expanded .step__counter:before{border-right-color:#020203}.openassessment .openassessment__steps__step.is--expanded .step__status__value{background:#020203}.openassessment .openassessment__steps__step.is--expanded .step__status__value .copy{color:#fefefe}.openassessment .openassessment__prompt{margin-bottom:40px}.openassessment .openassessment__prompt__copy{color:#3c3c3c}.openassessment .openassessment__prompt__copy>*{margin-bottom:20px}.openassessment .step--response .response__submission{padding:10px 10px 20px 10px;background:#ebebec}.openassessment .step--response .response__submission .action--submit,.openassessment .step--response .response__submission .tip{display:inline-block;vertical-align:middle}.openassessment .step--response .response__submission .action--submit{margin-right:10px}.openassessment .step--response .response__submission .tip{color:#7c7c7c}.openassessment .step--response .response__submission .submission__answer{margin-bottom:10px}.openassessment .step--response .response__submission .submission__answer textarea{width:100%;min-height:200px}.openassessment .openassessment__grade{*zoom:1;display:block;border-top:4px solid #ebebec;padding-top:20px}.openassessment .openassessment__grade:before,.openassessment .openassessment__grade:after{content:" ";display:table}.openassessment .openassessment__grade:after{clear:both}.openassessment .openassessment__grade .openassessment__grade__title,.openassessment .openassessment__grade .openassessment__grade__content{display:inline-block;vertical-align:top}.openassessment .openassessment__grade .openassessment__grade__title{margin-right:20px;color:#cacaca}.openassessment .openassessment__grade .openassessment__grade__content .grade__value{margin-bottom:10px}.view--placeholder{background:#fefefe;margin:40px 40px}
apps/openassessment/xblock/static/sass/oa/utilities/_developer.scss
...@@ -77,3 +77,5 @@ ...@@ -77,3 +77,5 @@
@extend %copy-foxtrot; @extend %copy-foxtrot;
} }
} }
// temp
apps/openassessment/xblock/static/sass/oa/views/_oa-base.scss
...@@ -4,10 +4,18 @@ ...@@ -4,10 +4,18 @@
// NOTES: // NOTES:
// * The basic view and all of its states of the openassessment xblock // * The basic view and all of its states of the openassessment xblock
// --------------------
// in-view extends
// --------------------
%oa--ui--window {
box-shadow: 0 1px 1px $shadow-l1;
border: ($baseline-v/10) solid $color-decorative-tertiary;
border-radius: ($baseline-v/10);
}
.wrapper--openassessment { .wrapper--openassessment {
position: relative; position: relative;
background: $bg-view;
} }
.openassessment { .openassessment {
...@@ -22,7 +30,7 @@ ...@@ -22,7 +30,7 @@
@include row(); @include row();
margin-bottom: $spacing-bravo; margin-bottom: $spacing-bravo;
border-bottom: ($baseline-v/5) solid $color-decorative-tertiary; border-bottom: ($baseline-v/5) solid $color-decorative-tertiary;
padding-bottom: $spacing-bravo; padding-bottom: $spacing-charlie;
} }
.openassessment__title--super { .openassessment__title--super {
...@@ -47,8 +55,9 @@ ...@@ -47,8 +55,9 @@
} }
.openassessment__title--sub { .openassessment__title--sub {
@extend %hd-hotel; @extend %hd-golf;
display: block; display: block;
color: $heading-tertiary-color;
@include media($bp-m) { @include media($bp-m) {
} }
...@@ -78,20 +87,19 @@ ...@@ -78,20 +87,19 @@
padding-bottom: $spacing-bravo; padding-bottom: $spacing-bravo;
&:last-child { &:last-child {
padding-bottom: 0;
border-bottom: none; border-bottom: none;
padding-bottom: 0;
} }
// step header // step header
.step__header { .step__header {
@extend %trans-opacity;
@include row(); @include row();
opacity: 1.0;
// STATE: hover // STATE: hover
&:hover { &:hover {
.step__deadline, .step__label {
color: $heading-secondary-color;
}
} }
} }
...@@ -128,11 +136,14 @@ ...@@ -128,11 +136,14 @@
// increment: show numbers using parent list counter // increment: show numbers using parent list counter
&:before { &:before {
@extend %hd-charlie; @extend %hd-foxtrot;
@extend %t-weight3; @extend %t-weight4;
content: counter(item, decimal); content: counter(item, decimal);
counter-increment: item; counter-increment: item;
margin-right: $spacing-charlie; margin-right: $spacing-delta;
border-radius: ($baseline-v/10);
border: 1px solid $heading-color;
padding: $spacing-delta $spacing-charlie;
} }
} }
...@@ -142,12 +153,14 @@ ...@@ -142,12 +153,14 @@
.step__label { .step__label {
@extend %hd-delta; @extend %hd-delta;
@extend %t-weight3;
@extend %trans-color; @extend %trans-color;
} }
.step__deadline { .step__deadline {
@extend %hd-hotel; @extend %hd-hotel;
@extend %trans-color; @extend %trans-color;
color: $heading-secondary-color;
} }
} }
...@@ -156,10 +169,10 @@ ...@@ -156,10 +169,10 @@
.step__status { .step__status {
.step__status__value { .step__status__value {
border-radius: ($baseline-v/10); border-radius: ($baseline-v/5);
padding: ($baseline-v/4) ($baseline-h/4); padding: ($baseline-v/4) ($baseline-h/4);
background: $color-disabled; background: $color-disabled;
color: $white; color: $white-t;
@include media($bp-m) { @include media($bp-m) {
display: block; display: block;
...@@ -220,53 +233,82 @@ ...@@ -220,53 +233,82 @@
@extend %text-sr; @extend %text-sr;
} }
// STATE: step is collapsed (not focused on) // step instructions
&.is--collapsed { .step__instruction {
@extend %copy-delta;
margin-bottom: $spacing-bravo;
color: $copy-color;
}
.step__label { // step content
color: $heading-tertiary-color; .step__content {
} margin-bottom: $spacing-bravo;
}
.step__counter:before { // step actions
color: $color-disabled; .step__actions {
text-align: right;
.action--submit {
@extend %btn--primary;
@extend %action-delta;
} }
}
.step__status__value { // STATE: step is collapsed (not focused on)
background: $color-disabled; &.is--collapsed {
.step__header {
opacity: 0.4;
// STATE: hover
&:hover {
opacity: 1.0;
}
} }
} }
// STATE: step is expanded (focused) // STATE: step is expanded (focused)
&.is--expanded { &.is--expanded {
border-bottom-color: $color-focused;
.step__header { .step__header {
margin-bottom: $spacing-charlie; margin-bottom: $spacing-charlie;
border-bottom: ($baseline-v/10) solid $color-focused; opacity: 1.0;
padding-bottom: $spacing-charlie;
// STATE: hover @include media($bp-ds) {
&:hover { border-bottom: ($baseline-v/20) solid $color-focused;
padding-bottom: $spacing-charlie;
}
.step__deadline, .step__label { @include media($bp-dm) {
color: $color-focused; border-bottom: ($baseline-v/20) solid $color-focused;
} padding-bottom: $spacing-charlie;
} }
@include media($bp-m) { @include media($bp-dl) {
padding-bottom: 0; border-bottom: ($baseline-v/20) solid $color-focused;
padding-bottom: $spacing-charlie;
}
@include media($bp-dx) {
border-bottom: ($baseline-v/20) solid $color-focused;
padding-bottom: $spacing-charlie;
} }
} }
.step__counter:before, .step__title .step__deadline { .step__counter:before, .step__label .step__deadline {
color: $color-focused; color: $color-focused;
} }
.step__counter:before {
border-right-color: $color-focused;
}
.step__status__value { .step__status__value {
background: $color-focused; background: $color-focused;
.copy { .copy {
color: $white; color: $white-t;
} }
} }
} }
...@@ -274,25 +316,11 @@ ...@@ -274,25 +316,11 @@
// STATE: step is incomplete // STATE: step is incomplete
&.is--incomplete { &.is--incomplete {
.step__counter:before {
color: $color-incomplete;
}
.step__status__value {
background: $color-incomplete;
}
} }
// STATE: step is complete // STATE: step is complete
&.is--complete { &.is--complete {
.step__counter:before {
color: $color-complete;
}
.step__status__value {
background: $color-complete;
}
} }
} }
...@@ -330,9 +358,7 @@ ...@@ -330,9 +358,7 @@
} }
.openassessment__prompt { .openassessment__prompt {
margin-bottom: $spacing-bravo; margin-bottom: $spacing-alpha;
border-bottom: ($baseline-v/10) solid $gray-l6;
padding-bottom: $spacing-bravo;
} }
.openassessment__prompt__title { .openassessment__prompt__title {
...@@ -340,7 +366,8 @@ ...@@ -340,7 +366,8 @@
} }
.openassessment__prompt__copy { .openassessment__prompt__copy {
@extend %copy-charlie; @extend %copy-bravo;
color: $copy-lead-color;
> * { > * {
margin-bottom: $spacing-bravo; margin-bottom: $spacing-bravo;
...@@ -362,6 +389,41 @@ ...@@ -362,6 +389,41 @@
// -------------------- // --------------------
.step--response { .step--response {
// response form
.response__submission {
padding: $spacing-charlie $spacing-charlie $spacing-bravo $spacing-charlie;
background: $color-decorative-tertiary;
.action--submit, .tip {
display: inline-block;
vertical-align: middle;
}
.action--submit {
@extend %btn--secondary;
@extend %action-delta;
margin-right: $spacing-charlie;
}
.tip {
@extend %copy-epsilon;
color: $copy-supplemental-color;
}
.submission__answer {
margin-bottom: $spacing-charlie;
label {
@extend %text-sr;
}
textarea {
width: 100%;
min-height: ($baseline-v*10);
}
}
}
} }
...@@ -386,9 +448,8 @@ ...@@ -386,9 +448,8 @@
// -------------------- // --------------------
.openassessment__grade { .openassessment__grade {
@include row(); @include row();
border-top: ($baseline-v/10) solid $color-decorative-secondary; border-top: ($baseline-v/5) solid $color-decorative-tertiary;
padding: $spacing-bravo; padding-top: $spacing-bravo;
background: $color-decorative-tertiary;
.openassessment__grade__title, .openassessment__grade__content { .openassessment__grade__title, .openassessment__grade__content {
display: inline-block; display: inline-block;
...@@ -397,23 +458,8 @@ ...@@ -397,23 +458,8 @@
.openassessment__grade__title { .openassessment__grade__title {
@extend %hd-delta; @extend %hd-delta;
margin-right: $spacing-bravo;
color: $heading-tertiary-color; color: $heading-tertiary-color;
@include media($bp-ds) {
margin-bottom: $spacing-bravo;
}
@include media($bp-dm) {
margin-right: $spacing-bravo;
}
@include media($bp-dl) {
margin-right: $spacing-bravo;
}
@include media($bp-dx) {
margin-right: $spacing-bravo;
}
} }
.openassessment__grade__content { .openassessment__grade__content {
...@@ -435,12 +481,10 @@ ...@@ -435,12 +481,10 @@
// CASE: is incomplete // CASE: is incomplete
&.is--incomplete { &.is--incomplete {
border-top-color: $color-incomplete;
} }
// CASE: is complete // CASE: is complete
&.is--complete { &.is--complete {
border-top-color: $color-complete;
} }
} }
......
apps/openassessment/xblock/static/sass/themes/edx/_utilities.scss
...@@ -74,6 +74,12 @@ $edx-gray-t1: rgba($edx-gray,0.25); ...@@ -74,6 +74,12 @@ $edx-gray-t1: rgba($edx-gray,0.25);
$edx-gray-t2: rgba($edx-gray,0.50); $edx-gray-t2: rgba($edx-gray,0.50);
$edx-gray-t3: rgba($edx-gray,0.75); $edx-gray-t3: rgba($edx-gray,0.75);
$edx-lms-header: rgb(100, 100, 100);
$edx-lms-copy: rgb(60, 60, 60);
$edx-lms-action-primary: rgb(29, 157, 217);
$edx-lms-action-secondary: rgb(135, 135, 135);
// -------------------- // --------------------
// variables: overrides // variables: overrides
// -------------------- // --------------------
...@@ -93,41 +99,62 @@ $f-copy: $f-sans-serif; ...@@ -93,41 +99,62 @@ $f-copy: $f-sans-serif;
$f-action: $f-sans-serif; $f-action: $f-sans-serif;
// application - colors // application - colors
$color-primary: $edx-blue-d1; $color-primary: $edx-lms-action-primary;
$color-secondary: $edx-blue-l1; $color-secondary: $edx-lms-action-secondary;
$color-tertiary: $gray-l1; $color-tertiary: $gray-l1;
$color-quarternary: $gray-l2; $color-quarternary: $gray-l2;
// application - colors: decorative // application - colors: decorative
$color-decorative-primary: $edx-blue-u2; $color-decorative-primary: $gray-d3;
$color-decorative-secondary: $gray-l4; $color-decorative-secondary: $gray-l3;
$color-decorative-tertiary: $gray-l5;
$color-decorative-quaternary: $gray-l7;
// application - colors: states
$color-disabled: $gray-l4;
$color-focused: $edx-lms-header;
// application - colors: copy and headings // application - colors: copy and headings
$heading-color: $gray-d3; $heading-color: $edx-lms-header;
$heading-primary-color: $black; $heading-primary-color: shade($edx-lms-header, 33%);
$heading-secondary-color: $gray-l1; $heading-secondary-color: tint($edx-lms-header, 33%);
$heading-tertiary-color: $gray-l3; $heading-tertiary-color: tint($edx-lms-header, 66%);
$copy-color: $gray-l1; $copy-color: $edx-lms-copy;
$copy-color-alt: $gray-d1; $copy-color-alt: tint($edx-lms-copy, 33%);
$copy-color-focus: $gray-d4; $copy-color-focus: shade($edx-lms-copy, 33%);
$copy-lead-color: $gray; $copy-lead-color: $edx-lms-copy;
$copy-lead-color: $gray-d1; $copy-lead-color-focus: shade($edx-lms-copy, 33%);
$copy-lead-color-focus: $gray-d4;
$copy-supplemental-color: $gray-l2; $copy-supplemental-color: tint($edx-lms-copy, 33%);
$copy-supplemental-color-alt: $gray-l2; $copy-supplemental-color-alt: tint($edx-lms-copy, 66%);
$copy-supplemental-color-focus: $gray-d1; $copy-supplemental-color-focus: $edx-lms-copy;
// application - colors:states // application - colors:states
$selected-bg: $edx-blue-t1; $selected-bg: $edx-blue-t1;
$selected-color: $edx-blue-s1; $selected-color: $edx-blue-s1;
// application - colors: actions
$action-primary-color: tint($color-primary,10%);
$action-primary-color-focus: saturate($color-primary,25%);
$action-primary-color-active: $color-primary;
$action-primary-color-visited: shade($color-primary,20%);
$action-secondary-color: $color-secondary;
$action-secondary-color-focus: shade($color-secondary,25%);
$action-secondary-color-active: $color-secondary;
$action-secondary-color-visited: shade($color-secondary,20%);
$action-tertiary-color: tint($color-teritary,10%);
$action-tertiary-color-focus: shade($color-teritary,25%);
$action-tertiary-color-active: $color-teritary;
$action-tertiary-color-visited: shade($color-teritary,20%);
// application - colors: view-based elements // application - colors: view-based elements
$bg-view: $gray-l6; $bg-view: transparent;
$bg-header-main: $white; $bg-header-main: $white-t;
$color-header-main: $black; $color-header-main: $black;
$bg-content: $gray-l6; $bg-content: $gray-l6;
......
apps/openassessment/xblock/static/sass/xb/elements/_controls.scss
...@@ -79,11 +79,17 @@ ...@@ -79,11 +79,17 @@
cursor: default; cursor: default;
pointer-events: none; pointer-events: none;
} }
// CASE: icons in buttons
.copy, .ico {
display: inline-block;
vertical-align: middle;
}
} }
%btn-pill { %btn-pill {
@extend %btn; @extend %btn;
border-radius: $baseline-v/5; border-radius: ($baseline-v/5);
} }
%btn-rounded { %btn-rounded {
...@@ -97,20 +103,23 @@ ...@@ -97,20 +103,23 @@
} }
// buttons - primary // buttons - primary (assuming dark bg/light copy)
%btn--primary { %btn--primary {
@extend %btn-edged; @extend %btn-pill;
@extend %t-weight3; @extend %t-weight3;
padding: ($baseline-v/2) ($baseline-h); padding: ($baseline-v/2) ($baseline-h);
background: $action-primary-color; background: $action-primary-color;
border-color: saturate($action-primary-color, 15%); border: 1px solid shade($action-primary-color, 15%);
color: tint($action-primary-color, 90%); color: tint($action-primary-color, 90%);
.copy {
@extend %t-weight3;
}
&:hover, &:active, &:focus { &:hover, &:active, &:focus {
background: $action-primary-color-focus; background: $action-primary-color-focus;
border-color: $action-primary-color-focus; border-color: $action-primary-color-focus;
color: tint($action-primary-color, 95%); color: tint($action-primary-color, 99%);
} }
&.current, &.active { &.current, &.active {
...@@ -128,20 +137,23 @@ ...@@ -128,20 +137,23 @@
} }
// buttons - secondary // buttons - secondary (assuming dark bg/light copy)
%btn--secondary { %btn--secondary {
@extend %btn-edged; @extend %btn-pill;
@extend %t-weight3; @extend %t-weight3;
padding: ($baseline-v/2) ($baseline-h); padding: ($baseline-v/2) ($baseline-h);
background: $action-secondary-color; background: $action-secondary-color;
border-color: saturate($action-secondary-color, 15%); border: 1px shade($action-secondary-color, 10%);
color: tint($action-secondary-color, 90%); color: tint($action-secondary-color, 90%);
.copy {
@extend %t-weight3;
}
&:hover, &:active, &:focus { &:hover, &:active, &:focus {
background: $action-secondary-color-focus; background: $action-secondary-color-focus;
border-color: $action-secondary-color-focus; border-color: $action-secondary-color-focus;
color: tint($action-secondary-color, 95%); color: tint($action-secondary-color, 99%);
} }
&.current, &.active { &.current, &.active {
...@@ -159,20 +171,23 @@ ...@@ -159,20 +171,23 @@
} }
// buttons - tertiary // buttons - tertiary (assuming dark bg/light copy)
%btn--tertiary { %btn--tertiary {
@extend %btn-edged; @extend %btn-edged;
@extend %t-weight3; @extend %t-weight3;
padding: ($baseline-v/2) ($baseline-h); padding: ($baseline-v/2) ($baseline-h/2);
background: $action-tertiary-color; background: $action-tertiary-color;
border-color: saturate($action-tertiary-color, 15%); border: 1px solid shade($action-tertiary-color, 10%);
color: tint($action-tertiary-color, 90%); color: tint($action-tertiary-color, 90%);
.copy {
@extend %t-weight3;
}
&:hover, &:active, &:focus { &:hover, &:active, &:focus {
background: $action-tertiary-color-focus; background: $action-tertiary-color-focus;
border-color: $action-tertiary-color-focus; border-color: $action-tertiary-color-focus;
color: tint($action-tertiary-color, 95%); color: tint($action-tertiary-color, 99%);
} }
&.current, &.active { &.current, &.active {
......
apps/openassessment/xblock/static/sass/xb/elements/_forms.scss
...@@ -4,3 +4,28 @@ ...@@ -4,3 +4,28 @@
// NOTES: // NOTES:
// * basic form element (fields, fieldsets/wrappers, actions, and states) styling for all xblocks // * basic form element (fields, fieldsets/wrappers, actions, and states) styling for all xblocks
// contains all form elements inside of the main xblock wrapper
.wrapper--xblock {
// forms - general
input[type="text"],
input[type="email"],
input[type="password"],
textarea.text {
border: 1px solid $color-decorative-secondary;
padding: $spacing-charlie;
font-family: $f-copy;
outline: 0;
@include placeholder {
color: $copy-supplemental-color;
}
&:focus {
box-shadow: 0 0 6px 0 rgba(29,157,217,0.4),inset 0 0 4px 0 rgba(0,0,0,0.15);
border-color: $selected-color;
outline: 0;
}
}
}
apps/openassessment/xblock/static/sass/xb/elements/_typography.scss
...@@ -67,7 +67,6 @@ ...@@ -67,7 +67,6 @@
@include font-size(24); @include font-size(24);
@include lh(24); @include lh(24);
font-family: $f-title; font-family: $f-title;
color: $heading-primary-color;
} }
%hd-bravo { %hd-bravo {
...@@ -75,7 +74,6 @@ ...@@ -75,7 +74,6 @@
@include font-size(21); @include font-size(21);
@include lh(21); @include lh(21);
font-family: $f-title; font-family: $f-title;
color: $heading-primary-color;
} }
%hd-charlie { %hd-charlie {
...@@ -84,7 +82,6 @@ ...@@ -84,7 +82,6 @@
@include font-size(18); @include font-size(18);
@include lh(18); @include lh(18);
font-family: $f-title; font-family: $f-title;
color: $heading-primary-color;
} }
%hd-delta { %hd-delta {
...@@ -92,7 +89,6 @@ ...@@ -92,7 +89,6 @@
@include font-size(16); @include font-size(16);
@include lh(16); @include lh(16);
font-family: $f-title; font-family: $f-title;
color: $heading-primary-color;
} }
%hd-epsilon { %hd-epsilon {
...@@ -101,7 +97,6 @@ ...@@ -101,7 +97,6 @@
@include font-size(16); @include font-size(16);
@include lh(16); @include lh(16);
font-family: $f-title; font-family: $f-title;
color: $heading-secondary-color;
} }
%hd-foxtrot { %hd-foxtrot {
...@@ -109,7 +104,6 @@ ...@@ -109,7 +104,6 @@
@include font-size(16); @include font-size(16);
@include lh(16); @include lh(16);
font-family: $f-title; font-family: $f-title;
color: $heading-secondary-color;
} }
%hd-golf { %hd-golf {
...@@ -118,7 +112,6 @@ ...@@ -118,7 +112,6 @@
@include font-size(13); @include font-size(13);
@include lh(13); @include lh(13);
font-family: $f-title; font-family: $f-title;
color: $heading-tertiary-color;
} }
%hd-hotel { %hd-hotel {
...@@ -126,7 +119,6 @@ ...@@ -126,7 +119,6 @@
@include font-size(13); @include font-size(13);
@include lh(13); @include lh(13);
font-family: $f-title; font-family: $f-title;
color: $heading-tertiary-color;
} }
%hd-india { %hd-india {
...@@ -135,7 +127,6 @@ ...@@ -135,7 +127,6 @@
@include font-size(11); @include font-size(11);
@include lh(11); @include lh(11);
font-family: $f-title; font-family: $f-title;
color: $heading-tertiary-color;
} }
...@@ -147,13 +138,11 @@ ...@@ -147,13 +138,11 @@
@include font-size(24); @include font-size(24);
@include lh(24); @include lh(24);
font-family: $f-copy; font-family: $f-copy;
color: $copy-color;
} }
%copy-bravo { %copy-bravo {
@include font-size(18); @include font-size(18);
@include lh(18); @include lh(18);
color: $copy-color;
font-family: $f-copy; font-family: $f-copy;
} }
...@@ -162,34 +151,59 @@ ...@@ -162,34 +151,59 @@
@include font-size(16); @include font-size(16);
@include lh(16); @include lh(16);
font-family: $f-copy; font-family: $f-copy;
color: $copy-color;
} }
%copy-delta { %copy-delta {
@include font-size(14); @include font-size(14);
@include lh(14); @include lh(14);
font-family: $f-copy; font-family: $f-copy;
color: $copy-color;
} }
%copy-epsilon { %copy-epsilon {
@include font-size(12); @include font-size(13);
@include lh(12); @include lh(12);
font-family: $f-copy; font-family: $f-copy;
color: $copy-supplemental-color;
} }
%copy-foxtrot { %copy-foxtrot {
@include font-size(11); @include font-size(12);
@include lh(11); @include lh(12);
font-family: $f-copy; font-family: $f-copy;
color: $copy-supplemental-color;
} }
// -------------------- // --------------------
// canned actions // canned actions
// -------------------- // --------------------
%action-alpha {
@include font-size(18);
@include lh(18);
font-family: $f-action;
}
%action-bravo {
@include font-size(18);
@include lh(18);
font-family: $f-action;
}
%action-charlie {
@include font-size(16);
@include lh(16);
font-family: $f-action;
}
%action-delta {
@include font-size(14);
@include lh(14);
font-family: $f-action;
}
%action-epsilon {
@include font-size(12);
@include lh(12);
font-family: $f-action;
}
// -------------------- // --------------------
......
apps/openassessment/xblock/static/sass/xb/utilities/_extends.scss
...@@ -136,6 +136,10 @@ ...@@ -136,6 +136,10 @@
@include transition(width $tmg-f1 ease-in-out, height $tmg-f1 ease-in-out); @include transition(width $tmg-f1 ease-in-out, height $tmg-f1 ease-in-out);
} }
%trans-opacity {
@include transition(opacity $tmg-f1 ease-in-out);
}
%trans-color { %trans-color {
@include transition(color $tmg-f1 ease-in-out); @include transition(color $tmg-f1 ease-in-out);
} }
......
apps/openassessment/xblock/static/sass/xb/utilities/_variables.scss
...@@ -135,14 +135,15 @@ $f-action: $f-sans-serif; ...@@ -135,14 +135,15 @@ $f-action: $f-sans-serif;
// application - colors // application - colors
// -------------------- // --------------------
// application - colors: basic // application - colors: basic
$color-primary: $blue-s2; $color-primary: $blue;
$color-secondary: $blue; $color-secondary: $blue-u1;
$color-teritary: $blue-u2; $color-teritary: $blue-u2;
// application - colors: decorative // application - colors: decorative
$color-decorative-primary: $blue-u2; $color-decorative-primary: $blue-u2;
$color-decorative-secondary: $gray-l4; $color-decorative-secondary: $gray-l4;
$color-decorative-tertiary: $gray-l6; $color-decorative-tertiary: $gray-l6;
$color-decorative-quaternary: $gray-l7;
// application - colors: states // application - colors: states
$color-disabled: $gray-l4; $color-disabled: $gray-l4;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment