/* normalize.css v3.0.1 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
/* line 9, scss/normalize.scss */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
/* line 19, scss/normalize.scss */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
/* line 43, scss/normalize.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
/* line 55, scss/normalize.scss */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
/* line 65, scss/normalize.scss */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
/* line 76, scss/normalize.scss */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
/* line 87, scss/normalize.scss */
a { background: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
/* line 96, scss/normalize.scss */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
/* line 107, scss/normalize.scss */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
/* line 116, scss/normalize.scss */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
/* line 124, scss/normalize.scss */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
/* line 133, scss/normalize.scss */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
/* line 142, scss/normalize.scss */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
/* line 151, scss/normalize.scss */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
/* line 160, scss/normalize.scss */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

/* line 167, scss/normalize.scss */
sup { top: -0.5em; }

/* line 171, scss/normalize.scss */
sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
/* line 182, scss/normalize.scss */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
/* line 190, scss/normalize.scss */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
/* line 201, scss/normalize.scss */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
/* line 209, scss/normalize.scss */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
/* line 219, scss/normalize.scss */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
/* line 230, scss/normalize.scss */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
/* line 254, scss/normalize.scss */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
/* line 264, scss/normalize.scss */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
/* line 276, scss/normalize.scss */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
/* line 291, scss/normalize.scss */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
/* line 301, scss/normalize.scss */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
/* line 310, scss/normalize.scss */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
/* line 320, scss/normalize.scss */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
/* line 333, scss/normalize.scss */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
/* line 345, scss/normalize.scss */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
/* line 355, scss/normalize.scss */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
/* line 369, scss/normalize.scss */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
/* line 377, scss/normalize.scss */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
/* line 388, scss/normalize.scss */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
/* line 397, scss/normalize.scss */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
/* line 406, scss/normalize.scss */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
/* line 417, scss/normalize.scss */
table { border-collapse: collapse; border-spacing: 0; }

/* line 423, scss/normalize.scss */
td, th { padding: 0; }

/* line 1, scss/offCanvasNav.scss */
#navigation { background-color: #e03f2f; width: 80%; height: 100%; float: left; position: fixed; top: 0; bottom: 0; left: -80%; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease; }

/* line 22, scss/offCanvasNav.scss */
#navWrapper { margin: 20px; }
/* line 25, scss/offCanvasNav.scss */
#navWrapper ul { list-style-type: none; margin: 0; margin-top: 30px; padding: 0; }
/* line 31, scss/offCanvasNav.scss */
#navWrapper li { text-transform: lowercase; margin-bottom: 20px; margin-top: 40px; }
/* line 37, scss/offCanvasNav.scss */
#navWrapper a { color: #fff; font-family: OpenSansRegular; }
/* line 42, scss/offCanvasNav.scss */
#navWrapper img { width: 75%; }

/* line 47, scss/offCanvasNav.scss */
#navigation.active { -webkit-transform: translate(100%, 0px); -moz-transform: translate(100%, 0px); -o-transform: translate(100%, 0px); -ms-transform: translate(100%, 0px); transform: translate(100%, 0px); }

/* line 56, scss/offCanvasNav.scss */
#content.active { position: fixed; -webkit-transform: translate(80%, 0px); -moz-transform: translate(80%, 0px); -o-transform: translate(80%, 0px); -ms-transform: translate(80%, 0px); transform: translate(80%, 0px); }

@-webkit-keyframes navigationOpen { /* line 67, scss/offCanvasNav.scss */
  0% { opacity: 0; }
  /* line 68, scss/offCanvasNav.scss */
  100% { opacity: .5; } }

@-moz-keyframes navigationOpen { /* line 71, scss/offCanvasNav.scss */
  0% { opacity: 0; }
  /* line 72, scss/offCanvasNav.scss */
  100% { opacity: .5; } }

@-o-keyframes navigationOpen { /* line 75, scss/offCanvasNav.scss */
  0% { opacity: 0; }
  /* line 76, scss/offCanvasNav.scss */
  100% { opacity: .5; } }

@keyframes navigationOpen { /* line 79, scss/offCanvasNav.scss */
  0% { opacity: 0; }
  /* line 80, scss/offCanvasNav.scss */
  100% { opacity: .5; } }

/* line 83, scss/offCanvasNav.scss */
#navGrey { width: 100%; height: 100%; background-color: #000; display: none; opacity: 0; }

/* line 92, scss/offCanvasNav.scss */
#navGrey.active { display: block; -webkit-animation: navigationOpen .25s; -moz-animation: navigationOpen .25s; -o-animation: navigationOpen .25s; animation: navigationOpen .25s; opacity: .5; }

@media only screen and (min-width: 620px) { /* line 105, scss/offCanvasNav.scss */
  #content.active { -webkit-transform: translate(200px, 0px); -moz-transform: translate(200px, 0px); -o-transform: translate(200px, 0px); -ms-transform: translate(200px, 0px); transform: translate(200px, 0px); }
  

 
  /* line 113, scss/offCanvasNav.scss */
  #navigation { width: 200px; left: -200px; } }
/* line 1, scss/typography.scss */
body { font-family: OpenSansRegular; }

/* line 5, scss/typography.scss */
h1 { font-family: OpenSansLight; }

/* line 8, scss/typography.scss */
h2 { font-family: OpenSansLight; padding-top: 10px; margin-top: 0px; }

/* line 14, scss/typography.scss */
p { font-size: 1em; }

/* line 20, scss/typography.scss */
.pSecondary { color: #acacac; }

/* line 24, scss/typography.scss */
.enteredSem { color: #e03f2f; }

/* line 28, scss/typography.scss */
.enteredCourse { color: #3b3b3b; }

/* line 32, scss/typography.scss */
a { text-decoration: none; font-family: OpenSansBold; font-size: 1em; }

/*a:link {color:#e03f2f;}       unvisited link */
/*a:visited {color:#e03f2f;}  /* visited link */
/*a:hover {color:#e03f2f;}  /* mouse over link */
/*a:active {color:#e03f2f;}  /* selected link */
/* line 42, scss/typography.scss */
.addNewSubjects, #signUpNow a, .checkboxError { color: #e03f2f; }

/* line 46, scss/typography.scss */
.enteredSem a { font-family: OpenSansRegular; color: #000; }

/* line 51, scss/typography.scss */
.assEnterNamelabel { color: #fff; }

/* line 55, scss/typography.scss */
.assEnterNameDiv p { display: inline; }

/* line 59, scss/typography.scss */
.pThird-andry { font-size: .75em; color: #acacac; }

/* line 64, scss/typography.scss */
.coursePercentageWrapper { line-height: 0; }

/* line 68, scss/typography.scss */
.coursePercentageLabel { color: #000; font-family: 'OpenSansBold'; }

/* line 73, scss/typography.scss */
#assNameHeading, #assResultsHeading, #assPOFCHeading, #assEditHeadings, #assNameEditHeading, #assResultsEditHeading, #assPOFCEditHeading { color: #e03f2f; font-family: 'OpenSansBold'; }

/* line 78, scss/typography.scss */
#editAss { color: #e03f2f; margin-top: -20px; margin-bottom: 20px; float: right; }

/* line 85, scss/typography.scss */
#examWorthEntered { font-family: 'OpenSansBold'; }

/* line 89, scss/typography.scss */
.inputThird-andry { font-size: .75em; }

/* line 93, scss/typography.scss */
.resultSum i { color: #2aa3ad; font-style: normal; font-family: 'OpenSansBold'; }

/* line 99, scss/typography.scss */
.courseDetailsHeading { margin-top: 0px; }

/* line 102, scss/typography.scss */
.whatYouHaveText { color: #e03f2f; display: inline; float: left; width: 50%; }

/* line 108, scss/typography.scss */
.whatYouWantText { color: #2aa3ad; display: inline; float: left; width: 50%; }

/* line 115, scss/typography.scss */
.desiredResultDiv { margin-top: 5px; width: 100%; float: left; }
/* line 120, scss/typography.scss */
.desiredResultDiv .desiredResultNotEntered { color: #acacac; }
/* line 123, scss/typography.scss */
.desiredResultDiv .desiredResultEntered { font-family: 'OpenSansBold'; }

/* line 128, scss/typography.scss */
#canvasLabel { margin-top: -115px; }
/* line 131, scss/typography.scss */
#canvasLabel p { font-size: 24px; }

/* line 135, scss/typography.scss */
.canvasLabel1 p { color: #e03f2f; }

/* line 138, scss/typography.scss */
.canvasLabel2 p { color: #2aa3ad; }

/* line 142, scss/typography.scss */
.existingSubjectText { margin-top: 3px; }

/* line 151, scss/typography.scss */
#skipSubject { font-size: .75em; color: #e03f2f; float: right; margin-top: -50px; cursor: pointer; }

/* ----------------------- Fonts ----------------------- */
@font-face { font-family: 'OpenSansLight'; src: url("../fonts/OpenSans-Light-webfont.eot"); src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Light-webfont.svg#OpenSansLight") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'OpenSansRegular'; src: url("../fonts/OpenSans-Regular-webfont.eot"); src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'OpenSansBold'; src: url("../fonts/OpenSans-Bold-webfont.eot"); src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'OpenSansCondensedLight'; src: url("../fonts/OpenSans-CondLight-webfont.eot"); src: url("../fonts/OpenSans-CondLight-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-CondLight-webfont.woff") format("woff"), url("../fonts/OpenSans-CondLight-webfont.ttf") format("truetype"), url("../fonts/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight") format("svg"); font-weight: normal; font-style: normal; }

/* line 1, scss/layout.scss */
#container { overflow-x: hidden; height: 100%; }

#respondCanvas { width: 100%; }

/* line 5, scss/layout.scss */
header { float: left; width: 100%; height: 35px; background-color: #fff; background-repeat: no-repeat; background-position: top left; background-size: 100%; padding-top: 15px; }

/* line 17, scss/layout.scss */
#content { background-color: #ededed; width: 100%; min-height: 100%; height: auto; display: table-row; float: left; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease; }

/* line 35, scss/layout.scss */
#content.inputSelected { height: auto; display: block; }

/* line 40, scss/layout.scss */
#landingPageBlock { clear: both; padding: 5px 15px 20px 15px; height: 350px; padding-top: 50px; background-image: url("../img/backgroundHomeConcept.jpg"); background-repeat: no-repeat; background-position: top right; }

/* line 53, scss/layout.scss */
#internalContent { clear: both; padding: 5px 15px 0 15px; }

/* line 59, scss/layout.scss */
.contentWrapper { clear: both; background-color: #fff; margin: 10px 0 0 0; padding: 0 15px 0 15px; }

/* line 67, scss/layout.scss */
.contentWrapper.buttonBottomContentWrapper { padding-bottom: 100px; }

/* line 71, scss/layout.scss */
.step3onLoad { padding-bottom: 35px; }

/* line 75, scss/layout.scss */
#courseAddLoader { height: 3px; width: 0%; margin: 50px 0 -10px 0; background-color: #e03f2f; }

/* line 83, scss/layout.scss */
#myInformationHeader { background-color: #e03f2f; height: 50px; margin-top: 10px; padding: 0 15px 0 15px; color: #fff; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease; }

/* line 94, scss/layout.scss */
#myInformationHeader.courseAdd { background-color: #7c0d04; }

/* line 98, scss/layout.scss */
#myInformationContent { background-color: #fff; padding: 1px 15px 1px 15px; margin-bottom: 15px; }

/* line 106, scss/layout.scss */
#myInformationHeader img { float: right; margin-top: 10px; }

/* line 111, scss/layout.scss */
#signUpNow, #assignmentBreak { width: 100%; border-top: 1px #acacac; border-top-style: solid; }

/* line 117, scss/layout.scss */
.onLoadHidden { display: none; }

/* line 121, scss/layout.scss */
.assSummaryDiv { width: 100%; }

/* line 125, scss/layout.scss */
#assignmentBreak { margin-top: 60px; margin-bottom: 10px; }

/* line 131, scss/layout.scss */
#main { display: block; width: 80%; padding: 0px 10%; height: 150px; }

@media only screen and (min-width: 620px) { /* line 139, scss/layout.scss */
  #desktopContainer { max-width: 900px; margin-left: auto; margin-right: auto; }
  /* line 145, scss/layout.scss */
  #landingPageBlock { height: 400px; padding-top: 100px; background-position: top center; background-size: 100% auto; } }
/* line 3, scss/header.scss */
header img { float: left; }
/* line 6, scss/header.scss */
header .navIcon { height: 20px; margin-right: 7px; }
/* line 11, scss/header.scss */
header .mobileLogo { height: 40%; margin-top: 3px; display: inline-block; vertical-align: middle; }
/* line 18, scss/header.scss */
header .buttonHeader { float: right; width: 65px; text-align: center; margin-right: 6px; margin-top: -6px; font-size: 13px; padding-top: 6px; padding-bottom: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/* line 32, scss/header.scss */
header .signUpButton { color: #3b3b3b; background-color: #fff; border: 2px solid; border-color: #acacac; padding-top: 4px; padding-bottom: 7px; }
/* line 40, scss/header.scss */
header .loginButton { color: #fff; background-color: #2aa3ad; }

/* buttons + text fields + etc header */
/* line 3, scss/elements.scss */
.button { float: left; width: 100%; text-align: center; margin-top: 20px; padding: 20px 0 20px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

/* line 14, scss/elements.scss */
.buttonPrimary { color: #fff; background-color: #2aa3ad; }

/* line 19, scss/elements.scss */
.buttonSecondary { color: #3b3b3b; background-color: #fff; border: 2px solid; border-color: #acacac; padding-top: 18px; padding-bottom: 18px; }

/* line 28, scss/elements.scss */
.buttonDisabled { background-color: #ededed; color: #acacac; }

/* line 33, scss/elements.scss */
.leftButton, #resultContainer { width: 48%; clear: both; }

/* line 38, scss/elements.scss */
.rightButton, #outOfContainer { width: 48%; float: right; }

/* line 45, scss/elements.scss */
.learnMoreHome { font-family: OpenSansRegular; color: #3b3b3b; margin-top: 30px; }

/* line 52, scss/elements.scss */
.dropDown, .textField { width: 100%; background-color: #fff; outline-color: #acacac; height: 40px; }

/* line 59, scss/elements.scss */
input:disabled, select:disabled { background-color: #ededed; }

/* line 63, scss/elements.scss */
.textFieldError { border-color: #e03f2f; }

/* line 68, scss/elements.scss */
.removeCourse { margin-right: 5px; margin-top: 5px; float: left; cursor: pointer; }

/* line 76, scss/elements.scss */
.openToggleImage { -webkit-animation: open .25s linear forwards; -moz-animation: open .25s linear forwards; animation: open .25s linear forwards; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

/* line 86, scss/elements.scss */
.closeToggleImage { -webkit-animation: close .25s linear forwards; -moz-animation: close .25s linear forwards; animation: close .25s linear forwards; -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }

@-moz-keyframes open { /* line 97, scss/elements.scss */
  100% { -moz-transform: rotate(0deg); } }

@-webkit-keyframes open { /* line 98, scss/elements.scss */
  100% { -webkit-transform: rotate(0deg); } }

@keyframes open { /* line 99, scss/elements.scss */
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }

@-moz-keyframes close { /* line 102, scss/elements.scss */
  100% { -moz-transform: rotate(-90deg); } }

@-webkit-keyframes close { /* line 103, scss/elements.scss */
  100% { -webkit-transform: rotate(-90deg); } }

@keyframes close { /* line 104, scss/elements.scss */
  100% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } }

/* line 106, scss/elements.scss */
.radioFloat, .assSummary { float: left; }

/* line 110, scss/elements.scss */
input[type=checkbox].css-checkbox { display: none; }

/* line 114, scss/elements.scss */
input[type=checkbox].css-checkbox + label.css-label { padding-left: 26px; height: 21px; display: inline-block; line-height: 21px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; }

/* line 127, scss/elements.scss */
input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -21px; }

/* line 130, scss/elements.scss */
label.css-label { background-image: url("../img/checkbox.png"); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* line 139, scss/elements.scss */
input[type=radio].css-checkbox { display: none; }

/* line 143, scss/elements.scss */
input[type=radio].css-checkbox + label.css-label { padding-left: 23px; height: 18px; display: inline-block; line-height: 18px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; }

/* line 156, scss/elements.scss */
input[type=radio].css-checkbox:checked + label.css-label { background-position: 0 -18px; }

/* line 159, scss/elements.scss */
label.css-label { background-image: url("../img/radioButton.png"); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* line 169, scss/elements.scss */
.assEnterNameDiv { background-color: #2aa3ad; width: 100%; margin-left: -15px; padding-left: 30px; padding-top: 5px; padding-bottom: 5px; }

/* line 179, scss/elements.scss */
.assEnterNamelabel { margin-left: -15px; }

/* line 183, scss/elements.scss */
.assNameSum { width: 50%; }

/* line 187, scss/elements.scss */
.resultSum, .ofCourseSum { width: 20%; margin-left: 5%; }

/* line 192, scss/elements.scss */
#resultContainer { float: left; }

/* line 196, scss/elements.scss */
#assignmentPart3 { clear: both; }

/* line 200, scss/elements.scss */
#coursePercentage { height: 10px; width: 15%; background-color: #e03f2f; }

/* line 206, scss/elements.scss */
.coursePercentageWrapper { padding-top: 5px; padding-bottom: 15px; }

/* line 211, scss/elements.scss */
#courseDetails ul { list-style-type: none; margin: 0; padding: 0; display: inline; }

/* line 218, scss/elements.scss */
.whatYouWantSelection li { float: left; width: 23%; margin-left: 1%; margin-right: 1%; background-color: #ededed; padding-top: 20px; padding-bottom: 20px; color: #acacac; font-family: 'OpenSansRegular'; }

/* line 230, scss/elements.scss */
.whatYouWantSelected li { background-color: #2aa3ad; color: #fff; }

/* line 235, scss/elements.scss */
#main { float: left; margin-top: 30px; }

/* line 243, scss/elements.scss */
.loader, .loader:before, .loader:after { border-radius: 50%; }

/* line 247, scss/elements.scss */
.loader:before, .loader:after { position: absolute; content: ''; }

/* line 251, scss/elements.scss */
.loader:before { width: 5.2em; height: 10.2em; background: #ededed; border-radius: 10.2em 0 0 10.2em; top: -0.1em; left: -0.1em; -webkit-transform-origin: 5.2em 5.1em; transform-origin: 5.2em 5.1em; -webkit-animation: load2 2s infinite ease 1.5s; animation: load2 2s infinite ease 1.5s; }

/* line 263, scss/elements.scss */
.loader { font-size: 6px; text-indent: -99999em; margin: 50px auto; position: relative; width: 10em; height: 10em; box-shadow: inset 0 0 0 1em #2aa3ad; }

/* line 272, scss/elements.scss */
.loader:after { width: 5.2em; height: 10.2em; background: #ededed; border-radius: 0 10.2em 10.2em 0; top: -0.1em; left: 5.1em; -webkit-transform-origin: 0px 5.1em; transform-origin: 0px 5.1em; -webkit-animation: load2 2s infinite ease; animation: load2 2s infinite ease; }

@-webkit-keyframes load2 { /* line 285, scss/elements.scss */
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  /* line 289, scss/elements.scss */
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes load2 { /* line 295, scss/elements.scss */
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  /* line 299, scss/elements.scss */
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

/* line 305, scss/elements.scss */
.clearBoth { clear: both; }

/* line 309, scss/elements.scss */
.floatLeft { float: left; }

/* line 313, scss/elements.scss */
#examWorthEdit { width: 50px; }

/* line 317, scss/elements.scss */
.editResults { width: 40%; }

/* line 321, scss/elements.scss */
.pofCourseEdit { width: 25%; }

/* line 325, scss/elements.scss */
.editAssWrapper { margin-top: 5px; }

/* line 329, scss/elements.scss */
#editAss { cursor: pointer; }

/* line 333, scss/elements.scss */
.inputThird-andry { margin-bottom: 10px; }

/* line 337, scss/elements.scss */
.facebookButton { margin-top: 50px; margin-bottom: 40px; }

/* line 342, scss/elements.scss */
#facebookLoginWrapper { margin-top: 10px; max-width: 400px; margin-left: auto; margin-right: auto; }

/* line 349, scss/elements.scss */
.facebookButton { width: 100%; max-width: 300px; cursor: pointer; }

/* line 355, scss/elements.scss */
.reasonsWrapper { font-size: 12px; margin-bottom: 40px; }

/* jQuery UI - v1.10.4 - 2014-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.menu.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
/* line 8, scss/autocompleteui.scss */
.ui-helper-hidden { display: none; }

/* line 11, scss/autocompleteui.scss */
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* line 21, scss/autocompleteui.scss */
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }

/* line 32, scss/autocompleteui.scss */
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; }

/* line 37, scss/autocompleteui.scss */
.ui-helper-clearfix:after { clear: both; }

/* line 40, scss/autocompleteui.scss */
.ui-helper-clearfix { min-height: 0; /* support: IE7 */ }

/* line 43, scss/autocompleteui.scss */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }

/* line 53, scss/autocompleteui.scss */
.ui-front { z-index: 100; }

/* Interaction Cues
----------------------------------*/
/* line 60, scss/autocompleteui.scss */
.ui-state-disabled { cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
/* line 69, scss/autocompleteui.scss */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
/* line 81, scss/autocompleteui.scss */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

/* line 88, scss/autocompleteui.scss */
.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; }

/* line 94, scss/autocompleteui.scss */
.ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; }

/* line 101, scss/autocompleteui.scss */
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }

/* line 105, scss/autocompleteui.scss */
.ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); }

/* line 112, scss/autocompleteui.scss */
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }

/* line 119, scss/autocompleteui.scss */
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 3; min-height: 0; /* support: IE7 */ font-weight: normal; background-color: #fff; }

/* line 129, scss/autocompleteui.scss */
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }

/* line 134, scss/autocompleteui.scss */
.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }

/* line 139, scss/autocompleteui.scss */
.ui-menu .ui-state-disabled a { cursor: default; }

/* icon support */
/* line 144, scss/autocompleteui.scss */
.ui-menu-icons { position: relative; }

/* line 147, scss/autocompleteui.scss */
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }

/* left-aligned */
/* line 153, scss/autocompleteui.scss */
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }

/* right-aligned */
/* line 160, scss/autocompleteui.scss */
.ui-menu .ui-menu-icon { position: static; float: right; }

@media only screen and (min-width: 620px) { /* line 15, scss/styles.scss */
  .buttonHome { width: 200px; } 
/* line 146, scss/typography.scss */
.editSlash { margin-right: 3px; margin-left: 5px; }
#landingPageBlock p { width: 60%; }
}
  
@media only screen and (max-width: 620px) {
  #canvasLabel {display: none;} 
  #main { height: 20px; margin-top: 0px;}
  .whatYouHaveText { display: none; }
  .whatYouWantText { display: none; }
  .assNameSum { width: 35%; }
  .resultSum, .ofCourseSum { width: 35%; margin-left: 5%; }
  .pofCourseSum { width: 25%; }
  } 

.desiredResultEntered { color: #2aa3ad; }
.mobileExisting { color: #e03f2f; }