Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
E
edx-ora2
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
edx
edx-ora2
Commits
5e4991b7
Commit
5e4991b7
authored
Feb 26, 2014
by
Brian Talbot
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
syncing up basic markup/styling
parent
9d45061e
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
8 additions
and
16 deletions
+8
-16
apps/openassessment/templates/openassessmentblock/oa_response.html
+6
-6
apps/openassessment/xblock/static/css/openassessment.css
+1
-1
apps/openassessment/xblock/static/html/v-problem-initial.html
+1
-1
apps/openassessment/xblock/static/sass/oa/views/_oa-base.scss
+0
-8
No files found.
apps/openassessment/templates/openassessmentblock/oa_response.html
View file @
5e4991b7
...
...
@@ -17,7 +17,7 @@
<li
id=
"openassessment__response"
class=
"openassessment__steps__step step--response ui-toggle-visibility"
>
{% endblock %}
{% block header %}
<
!--header class="step__header ui-toggle-visibility__control"--
>
<
header
class=
"step__header ui-toggle-visibility__control"
>
<h2
class=
"step__title"
>
<span
class=
"step__counter"
></span>
<span
class=
"wrapper--copy"
>
...
...
@@ -28,11 +28,11 @@
</span>
</h2>
<span
class=
"step__status"
>
<span
class=
"step__status__label"
>
This step's status:
</span>
<span
class=
"step__status__value"
>
{{ step_status }}
</span>
</span>
<
!--/header--
>
<span
class=
"step__status"
>
<span
class=
"step__status__label"
>
This step's status:
</span>
<span
class=
"step__status__value"
>
{{ step_status }}
</span>
</span>
<
/header
>
{% endblock %}
{% block body %}
...
...
apps/openassessment/xblock/static/css/openassessment.css
View file @
5e4991b7
@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
* 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
}
@media
screen
and
(
min-width
:
925px
)
and
(
max-width
:
1299px
){
.openassessment
.openassessment__title--super
{
float
:
left
;
display
:
block
;
margin-right
:
2.35765%
;
width
:
65.88078%
}
.openassessment
.openassessment__title--super
:last-child
{
margin-right
:
0
}}
@media
screen
and
(
min-width
:
1300px
){
.openassessment
.openassessment__title--super
{
float
:
left
;
display
:
block
;
margin-right
:
2.35765%
;
width
:
65.88078%
}
.openassessment
.openassessment__title--super
:last-child
{
margin-right
:
0
}}
.openassessment
.openassessment__title--sub
{
display
:
block
}
@media
screen
and
(
min-width
:
925px
)
and
(
max-width
:
1299px
){
.openassessment
.openassessment__title--sub
{
float
:
left
;
display
:
block
;
margin-right
:
2.35765%
;
width
:
31.76157%
;
margin-top
:
5px
;
text-align
:
right
}
.openassessment
.openassessment__title--sub
:last-child
{
margin-right
:
0
}}
@media
screen
and
(
min-width
:
1300px
){
.openassessment
.openassessment__title--sub
{
float
:
left
;
display
:
block
;
margin-right
:
2.35765%
;
width
:
31.76157%
;
margin-top
:
5px
;
text-align
:
right
}
.openassessment
.openassessment__title--sub
:last-child
{
margin-right
:
0
}
}
.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--unavailable
.step__status
{
display
:
none
}
.openassessment
.openassessment__steps__step.is--unavailable
.step__label
{
color
:
#afb0b4
}
.openassessment
.openassessment__steps__step.is--unavailable
.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
{
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--unavailable
.step__status
{
display
:
none
}
.openassessment
.openassessment__steps__step.is--unavailable
.step__label
{
color
:
#afb0b4
}
.openassessment
.openassessment__steps__step.is--unavailable
.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
}
apps/openassessment/xblock/static/html/v-problem-initial.html
View file @
5e4991b7
...
...
@@ -88,7 +88,7 @@
<ol
class=
"openassessment__steps"
id=
"openassessment__steps"
>
<!-- STEP: response -->
<li
id=
"openassessment__response"
class=
"openassessment__steps__step step--response ui-toggle-visibility
is--expanded
"
>
<li
id=
"openassessment__response"
class=
"openassessment__steps__step step--response ui-toggle-visibility"
>
<header
class=
"step__header ui-toggle-visibility__control"
>
<h2
class=
"step__title"
>
<span
class=
"step__counter"
></span>
...
...
apps/openassessment/xblock/static/sass/oa/views/_oa-base.scss
View file @
5e4991b7
...
...
@@ -40,11 +40,9 @@
}
@include
media
(
$bp-dl
)
{
@include
span-columns
(
8
of
12
);
}
@include
media
(
$bp-dx
)
{
@include
span-columns
(
8
of
12
);
}
}
...
...
@@ -62,15 +60,9 @@
}
@include
media
(
$bp-dl
)
{
@include
span-columns
(
4
of
12
);
margin-top
:
$spacing-delta
;
text-align
:
right
;
}
@include
media
(
$bp-dx
)
{
@include
span-columns
(
4
of
12
);
margin-top
:
$spacing-delta
;
text-align
:
right
;
}
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
