/* Vendors */
@import url('https://fonts.googleapis.com/css?family=Roboto:light,regular,medium,bold');
@import url(fa/css/font-awesome.min.css);
@import url(jplayer.css);
/* Core */
@import url(reset.css);
/*-----------------------------------------
Basics ~ Copy pasted, needs tidy up
-----------------------------------------*/
@import url(default.css);
html,
body {
  height: 100%;
}
html {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  line-height: 1.4;
  font-size: 14px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}
body {
  background: #DDD;
  color: #555555;
  font-size: 1rem;
}
body.terms {
  background: #fff;
}
pre,
blockquote,
cite,
address,
code,
caption,
input,
select,
textarea,
button {
  font-size: 100%;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
caption,
th {
  text-align: left;
}
table {
  border-spacing: 0;
}
a {
  color: #00b140;
  text-decoration: none;
}
a.remove-style {
  color: inherit !important;
  text-decoration: none;
}
a:hover,
a:focus,
a:active {
  color: #004b1b;
}
a.remove-style:hover,
a.remove-style:focus,
a.remove-style:active {
  color: inherit !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 1em;
}
h1 {
  font-size: 2.14rem;
}
h2 {
  font-size: 1.41rem;
}
h3 {
  font-size: 1.29rem;
}
h4 {
  font-size: 1.14rem;
}
h5 {
  font-size: 1.07rem;
}
h6 {
  font-size: 1rem;
}
.greeting {
  color: #000;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 1em;
  font-size: 1.29rem;
}
p {
  margin-bottom: 1em;
}
p:last-child {
  margin-bottom: 0;
}
ul,
ol {
  margin-left: 20px;
  margin-bottom: 1em;
}
ul:last-child,
ol:last-child {
  margin-bottom: 0;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li.nobullet {
  background: none;
  list-style-image: none;
  list-style: none;
}
li.alpha {
  list-style: lower-alpha;
}
hr {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 30px 0;
}
hr.two-tone {
  margin: 10px 0 20px;
  position: relative;
  display: block;
  height: 2px;
  background: #e5e5e5;
}
hr.two-tone:after {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 2px;
  width: 20%;
  background: #00b140;
}
blockquote {
  border-left: 5px solid #00b140;
  padding: 0 20px 0 25px;
  margin-bottom: 30px;
}
blockquote p {
  margin-bottom: 0;
}
#header:after,
div.homecontainer:after,
#contentcontainer:after,
#content:after,
div.coursepage:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clear {
  clear: both !important;
}
.clearleft {
  clear: left;
}
.clearright {
  clear: right;
}
.rm10 {
  margin-right: 10px;
}
.rm20 {
  margin-right: 20px;
}
.lm10 {
  margin-left: 10px;
}
.lm20 {
  margin-left: 20px;
}
.rp10 {
  padding-right: 10px;
}
.rp20 {
  padding-right: 20px;
}
.lp10 {
  padding-left: 10px;
}
.lp20 {
  padding-left: 20px;
}
.tp10 {
  padding-top: 10px;
}
.tp20 {
  padding-top: 20px;
}
.bp10 {
  padding-bottom: 10px;
}
.bp20 {
  padding-bottom: 20px;
}
.m0 {
  margin: 0;
}
.p0 {
  padding: 0;
}
span.number {
  display: none;
}
.error {
  color: #de3b21;
}
.well {
  background-color: #F3F3F4;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  min-height: 20px;
  padding: 20px;
}
.browsehappy {
  background: red;
  color: white;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: 60px;
  width: 100%;
  z-index: 10000;
}
fieldset {
  border: 0 none;
  margin-bottom: 30px;
  padding: 0;
}
fieldset:last-child {
  margin-bottom: 0;
}
legend {
  color: #000;
  display: block;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 30px;
  padding: 20px 0 20px 0;
  position: relative;
  text-transform: uppercase;
  width: 100%;
}
legend:after {
  background-color: #00b140;
  bottom: 0;
  content: ' ';
  height: 2px;
  left: 0;
  position: absolute;
  width: 40px;
}
legend:before {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  content: ' ';
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}
legend legend + div {
  margin-top: 30px;
  -webkit-margin-top-collapse: separate;
}
label,
input,
button,
select,
textarea,
.field {
  box-sizing: border-box;
  color: #555555;
  font-family: inherit;
  font-size: inherit;
  font-weight: normal;
  vertical-align: middle;
}
label {
  cursor: pointer;
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}
input,
button,
textarea,
select,
.field {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 6px;
}
.field {
  background: none;
  border: 0 none;
  height: auto;
}
label input,
label textarea,
label select {
  display: block;
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  cursor: pointer;
  height: auto;
  line-height: normal;
  margin: 5px 0;
  padding: 0;
  width: auto;
}
input[type="image"] {
  border: 0;
}
input[type="file"] {
  background-color: #ffffff;
  background-color: initial;
  border: initial;
  line-height: initial;
  padding: initial;
  width: auto;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  height: auto;
  width: auto;
}
input[type="file"] {
  height: auto;
}
select[multiple],
select[size] {
  height: auto;
}
select option {
  padding: 2px 4px;
}
textarea {
  height: auto;
}
input[type="text"],
input[type="password"],
input[type="date"],
input[type="email"],
input[type="number"],
select,
textarea {
  background-color: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
input[type="text"]::-ms-clear,
input[type="password"]::-ms-clear,
input[type="date"]::-ms-clear,
input[type="email"]::-ms-clear,
input[type="number"]::-ms-clear,
select::-ms-clear,
textarea::-ms-clear {
  display: none;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus {
  background-color: #FFF;
  border-color: #d0df00;
  color: #000;
}
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.button,
.submitButton,
.btn--default,
.btn--primary,
.btn--danger,
.btn--simple {
  background-color: #fafafa;
  background-clip: padding-box;
  background-repeat: repeat-x;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.03) 0 1px 1px;
  box-sizing: border-box;
  color: #00b140;
  cursor: pointer;
  display: inline-block;
  font-style: normal;
  font-size: inherit;
  font-weight: bold;
  margin: 0 3px 5px 0;
  overflow: visible;
  padding: 6px 12px;
  text-align: center;
  transition: 200ms ease;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  will-change: transform;
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button:hover,
.submitButton:hover,
.btn--default:hover,
.btn--primary:hover,
.btn--danger:hover,
.btn--simple:hover,
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
.button:focus,
.submitButton:focus,
.btn--default:focus,
.btn--primary:focus,
.btn--danger:focus,
.btn--simple:focus {
  background-position: 0 8px;
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: rgba(0, 0, 0, 0.15) 0 2px 1px -1px;
  color: #004b1b;
}
button:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
.button:active,
.submitButton:active,
.btn--default:active,
.btn--primary:active,
.btn--danger:active,
.btn--simple:active {
  background-color: #eee;
  background-position: 0 32px;
  box-shadow: rgba(0, 0, 0, 0) 0 0 0;
  transform: translateY(1px);
  outline: 0 none;
}
a.button,
a.submitButton {
  color: #00b140;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: 0 none;
  margin: 0;
  padding: 0;
}
button.primary,
input[type="button"].primary,
input[type="submit"].primary,
input[type="reset"].primary,
.button.primary,
.submitButton.primary,
.btn--primary {
  background-clip: border-box;
  background-color: #00b140;
  color: #fff;
}
button.primary:hover,
input[type="button"].primary:hover,
input[type="submit"].primary:hover,
input[type="reset"].primary:hover,
.button.primary:hover,
.submitButton.primary:hover,
.btn--primary:hover,
button.primary:focus,
input[type="button"].primary:focus,
input[type="submit"].primary:focus,
input[type="reset"].primary:focus,
.button.primary:focus,
.submitButton.primary:focus,
.btn--primary:focus {
  background-color: #004b1b;
  color: #fff;
}
button.primary:active,
input[type="button"].primary:active,
input[type="submit"].primary:active,
input[type="reset"].primary:active,
.button.primary:active,
.submitButton.primary:active,
.btn--primary:active {
  background-color: #004b1b;
  color: #fff;
}
a.button.primary,
a.submitButton.primary,
a.btn--primary {
  color: #fff;
}
button.danger,
input[type="button"].danger,
input[type="submit"].danger,
input[type="reset"].danger,
.button.danger,
.submitButton.danger,
.btn--danger {
  background-clip: border-box;
  background-color: #d60000;
  color: #fff;
}
button.danger:hover,
input[type="button"].danger:hover,
input[type="submit"].danger:hover,
input[type="reset"].danger:hover,
.button.danger:hover,
.submitButton.danger:hover,
.btn--danger:hover,
button.danger:focus,
input[type="button"].danger:focus,
input[type="submit"].danger:focus,
input[type="reset"].danger:focus,
.button.danger:focus,
.submitButton.danger:focus,
.btn--danger:focus {
  background-color: #b20000;
  color: #fff;
}
button.danger:active,
input[type="button"].danger:active,
input[type="submit"].danger:active,
input[type="reset"].danger:active,
.button.danger:active,
.submitButton.danger:active,
.btn--danger:active {
  background-color: #8a0000;
  color: #fff;
}
a.button.danger,
a.submitButton.danger,
a.btn--danger {
  color: #fff;
}
button.simple,
input[type="button"].simple,
input[type="submit"].simple,
input[type="reset"].simple,
.button.simple,
.submitButton.simple,
.btn--simple {
  background: none;
  border-color: transparent;
  box-shadow: none;
  color: #00b140;
}
button.simple:hover,
input[type="button"].simple:hover,
input[type="submit"].simple:hover,
input[type="reset"].simple:hover,
.button.simple:hover,
.submitButton.simple:hover,
.btn--simple:hover,
button.simple:focus,
input[type="button"].simple:focus,
input[type="submit"].simple:focus,
input[type="reset"].simple:focus,
.button.simple:focus,
.submitButton.simple:focus,
.btn--simple:focus {
  background: rgba(0, 0, 0, 0.05);
  border-color: transparent;
  box-shadow: none;
}
button.simple:active,
input[type="button"].simple:active,
input[type="submit"].simple:active,
input[type="reset"].simple:active,
.button.simple:active,
.submitButton.simple:active,
.btn--simple:active {
  background: rgba(0, 0, 0, 0.05);
  border-color: transparent;
  box-shadow: none;
}
a.button.simple,
a.submitButton.simple,
a.btn--simple {
  color: #00b140;
}
.btn--block {
  display: block;
  width: 100%;
}
.btn--large {
  padding: 12px 24px;
  height: auto;
}
input[disabled],
select[disabled],
textarea[disabled],
button[disabled],
.button[disabled],
.submitButton[disabled] {
  background: rgba(0, 0, 0, 0.03) !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
  box-shadow: none !important;
  color: rgba(0, 0, 0, 0.3) !important;
  cursor: not-allowed !important;
  text-shadow: none !important;
}
input[readonly],
select[readonly],
textarea[readonly] {
  background: rgba(0, 0, 0, 0) !important;
  border-color: rgba(0, 0, 0, 0) !important;
  box-shadow: none !important;
  color: inherit !important;
  cursor: text !important;
  text-shadow: none !important;
  padding-left: 0;
  padding-right: 0;
}
:-moz-placeholder {
  color: rgba(85, 85, 85, 0.5);
}
::-webkit-input-placeholder {
  color: rgba(85, 85, 85, 0.5);
}
label input[type="image"],
label input[type="checkbox"],
label input[type="radio"] {
  display: inline-block;
  margin-right: 6px;
}
label + label {
  font-weight: normal;
}
form .required label:before {
  content: "\f111";
  color: #F90;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 6px;
  margin-right: 6px;
  vertical-align: middle;
}
form .listGroup label,
form .inlineGroup label {
  background: none !important;
  font-weight: normal;
  padding-left: 0 !important;
}
form .listGroup label:before,
form .inlineGroup label:before {
  display: none;
}
form .inlineGroup label {
  display: inline-block;
  margin-right: 10px;
}
form .inlineGroup label input[type="image"],
form .inlineGroup label input[type="checkbox"],
form .inlineGroup label input[type="radio"] {
  margin-top: 2px;
}
form .listGroup label input[type="image"],
form .listGroup label input[type="checkbox"],
form .listGroup label input[type="radio"] {
  margin-top: 2px;
}
form .form-actions,
form .buttonrow {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
  padding: 10px;
}
form .form-actions *,
form .buttonrow * {
  margin-bottom: 0;
}
form .note {
  color: #555555;
  font-size: 0.79rem;
}
.genericForm div {
  margin-bottom: 10px;
}
.genericForm .nopad {
  padding: 0;
}
.genericForm input[type="text"],
.genericForm input[type="password"],
.genericForm input[type="date"],
.genericForm input[type="email"],
.genericForm input[type="number"],
.genericForm textarea {
  width: 250px;
}
table {
  margin-bottom: 30px;
}
table:last-child {
  margin-bottom: 0;
}
th,
td {
  padding: 10px;
}
[class*='calendar'] th,
[class*='calendar'] td {
  padding: 2px;
}
th {
  background-color: #404041;
  color: #fff;
  font-weight: bold;
  text-align: left;
}
tbody th {
  background-color: rgba(0, 0, 0, 0.03);
  color: #000;
}
.genericTable,
.cartTable,
.libraryList,
.quizresults {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-collapse: separate;
  font-size: 0.86rem;
  overflow: hidden;
  width: 100%;
}
.genericTable td,
.cartTable td,
.libraryList td,
.quizresults td {
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.genericTable td:last-child,
.cartTable td:last-child,
.libraryList td:last-child,
.quizresults td:last-child {
  border-right: 0 none;
}
.genericTable tbody:last-child tr:last-child td,
.cartTable tbody:last-child tr:last-child td,
.libraryList tbody:last-child tr:last-child td,
.quizresults tbody:last-child tr:last-child td {
  border-bottom: 0 none;
}
.genericTable th,
.cartTable th,
.libraryList th,
.quizresults th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.genericTable tbody th,
.cartTable tbody th,
.libraryList tbody th,
.quizresults tbody th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.genericTable th:last-child,
.cartTable th:last-child,
.libraryList th:last-child,
.quizresults th:last-child {
  border-right: 0 none;
}
.genericTable tr:hover td {
  background-color: rgba(208, 223, 0, 0.15);
}
.genericTable .alignRight {
  text-align: right !important;
}
.genericTable .alignCenter {
  text-align: center !important;
}
.wrapper-terms {
  background: #FFF;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  padding: 3rem;
}
.wrapper-terms ul ul {
  padding: 0;
}
#wcag {
  position: fixed;
  right: 3px;
  top: 0;
  transition: 0.2s;
  background: black;
  z-index: 10000;
  height: 60px;
  padding-top: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
#wcag .title {
  display: none;
}
#wcag ul {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
#wcag li {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#wcag a {
  display: block;
  font-size: 11px;
  padding: 2px;
  margin: 0;
  overflow: hidden;
  opacity: 1;
  transition: background-color 0.2s ease;
  white-space: nowrap;
}
#wcag a i {
  margin-right: 4px;
}
#wcag img {
  display: none;
}
.learning-cloud #footer,
.learning-cloud #mainnav {
  display: none !important;
}
.learning-cloud #certificate-learning-cloud {
  display: block !important;
}
#mainnav {
  background: #000000;
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px, rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(0, 0, 0, 0.1) 0 4px 8px;
  display: flex;
  height: 60px;
  justify-content: space-between;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 101;
}
#mainnav * {
  box-sizing: border-box;
}
#mainnav .jq-dropdown {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px, rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(0, 0, 0, 0.1) 0 4px 8px;
  max-height: calc(100% - 60px);
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#mainnav .jq-dropdown-panel {
  box-shadow: none;
}
#mainnav .jq-dropdown .jq-dropdown-panel {
  max-width: none;
}
#mainnav a .fa {
  font-size: 14px;
}
#mainnav a .fa,
#mainnav a span {
  display: inline-block;
  line-height: inherit;
}
#mainnav .mainnav__col {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}
#mainnav .navcontainer {
  overflow: hidden;
}
#mainnav .navcontainer__left {
  display: flex;
  width: 70%;
  overflow: visible;
  min-width: 390px;
}
#mainnav .navcontainer__left .menuitems {
  visibility: hidden;
}
#mainnav .navcontainer__left .mainnav__col .fa {
  margin-right: 10px;
}
#mainnav .navcontainer__right .mainnav__col {
  float: right;
  display: flex;
}
#mainnav .navcontainer__right .mainnav__col .fa {
  margin-left: 10px;
}
#mainnav .burger {
  display: none;
}
#mainnav .mainnav__col > li {
  display: block;
  float: left;
  height: 60px;
  list-style-type: none;
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
#mainnav .mainnav__col.home {
  display: flex;
}
#mainnav .mainnav__col > li.notification-menu a .fa {
  margin-left: 0;
}
#mainnav .menuitem > a,
#mainnav .burger > a {
  color: #fff;
  display: block;
  font-size: 0.86rem;
  line-height: 60px;
  text-transform: uppercase;
  padding: 0 15px;
  transition: 200ms ease;
}
#mainnav .menuitem > a:hover,
#mainnav .burger > a:hover {
  opacity: 0.6;
}
#mainnav li.home {
  box-shadow: 3px 0 8px -3px rgba(0, 0, 0, 0.3);
  position: relative;
  display: flex;
  align-items: center;
}
#mainnav li.home:after {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0) 50%);
  content: '';
  display: block;
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
#mainnav li.home a {
  background-color: transparent;
  /* to override branding.jsp */
  line-height: 0;
  padding: 0;
  cursor: pointer;
  width: auto;
  height: auto;
  display: flex;
}
#mainnav li.home a img {
  margin: auto 0;
  height: auto;
  max-height: 60px;
}
#mainnav .login-btn {
  background-clip: padding-box;
  display: block;
  height: auto;
  margin: 13px;
  transition: margin 0.2s;
}
#mainnav nav {
  float: left;
}
#mainnav .burger > a {
  display: block;
  color: #fff;
  height: 60px;
  line-height: 60px;
  padding: 0 15px;
}
#mainnav.responsive .burger {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
}
#mainnav .profile-menu__toggle {
  color: #fff;
  cursor: pointer;
  display: block;
  height: 60px;
  text-align: center;
  padding: 10px;
  width: 60px;
  transition: margin 0.2s;
}
#mainnav .profile-menu__toggle:before {
  background: #000000;
  border-radius: 14px;
  bottom: 5px;
  content: "";
  height: 20px;
  position: absolute;
  right: 5px;
  width: 20px;
  transition: right 0.2s;
}
#mainnav .profile-menu__toggle:after {
  bottom: 5px;
  color: currentColor;
  content: "\f013";
  font-family: FontAwesome;
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  right: 5px;
  text-align: center;
  transition: opacity 200ms ease;
  width: 20px;
  z-index: 1;
  transition: right 0.2s;
}
#mainnav .profile-menu__toggle:hover:after {
  opacity: 0.6;
}
#mainnav .profile-menu__avatar {
  background-size: cover;
  background-position: center;
  border-radius: 4px;
  height: 100%;
  width: 100%;
}
#mainnav .profile-menu__dropdown {
  padding: 15px;
}
#mainnav .profile-menu__dropdown .profile__info {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#mainnav .profile-menu__dropdown .profile__name {
  margin-bottom: 0;
}
#mainnav .profile-menu__dropdown .profile__username {
  font-size: 0.79rem;
  opacity: 0.6;
}
#mainnav .profile-menu__dropdown li:not(.profile__info) {
  font-size: 0.86rem;
}
#mainnav #topMenu .burger-menu {
  display: none;
}
#mainnav .top-menu-holder {
  max-width: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  height: 60px;
}
#mainnav .top-menu-holder nav {
  width: 100%;
  height: 100%;
  float: none;
}
#mainnav .top-menu-holder .top-menu-items {
  display: inline-flex;
  padding: 0;
  list-style: none;
  height: 100%;
}
#mainnav .top-menu-items .block-link {
  border-bottom: none;
  display: flex;
  align-items: center;
}
#mainnav .top-menu-items .block-link a:hover {
  background: none;
  opacity: 0.6;
}
#mainnav .top-menu-items li a:hover {
  opacity: 0.6;
}
#mainnav .top-menu-items .more-btn {
  padding: 12px 15px;
  display: flex;
  font-size: 12px;
}
#mainnav .top-menu-items .more-btn .fa {
  margin-right: 0;
  margin-left: 10px;
  font-size: 12px;
}
#mainnav .top-menu-items .auto-nav-more {
  position: relative;
  display: flex;
  align-items: center;
}
#mainnav .top-menu-items .auto-nav-more-list {
  position: absolute;
  right: 0;
  top: 60px;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px, rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(0, 0, 0, 0.1) 0 4px 8px;
  max-height: 70vh;
  overflow: hidden;
  overflow-y: auto;
  margin-left: 0;
}
#mainnav .top-menu-items .auto-nav-more-list .block-link {
  border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
  list-style: none;
}
#mainnav .top-menu-items .auto-nav-more-list li a {
  color: #000;
  width: 100%;
}
#mainnav .top-menu-items .auto-nav-more-list li a:hover {
  background: rgba(0, 0, 0, 0.05);
  opacity: 1;
}
#mainnav .top-menu-items .auto-nav-more:hover .auto-nav-more-list,
#mainnav .top-menu-items .auto-nav-more-list.open-list-items {
  opacity: 1;
  visibility: visible;
}
#wrapper {
  display: flex;
  flex-direction: column;
  padding: 80px 0 55px 0;
}
body.home #wrapper {
  min-height: 100%;
}
.ng-scope *,
.home *,
.subpage * {
  box-sizing: border-box;
}
#footer {
  background: #000000;
  box-sizing: border-box;
  bottom: 0;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.79rem;
  left: 0;
  padding: 10px;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 98;
}
#footer a {
  color: inherit;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: underline;
}
#footer a.first {
  margin-left: 20px;
}
#footer a:focus,
#footer a:hover,
#footer a:active {
  opacity: 0.6;
  text-decoration: none;
}
#footer p {
  color: inherit;
  margin: 0;
}
#loginerror {
  background: #f4a300;
  box-shadow: inset rgba(0, 0, 0, 0.3) 0 -1px 4px;
  color: #FFF;
  display: block;
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
  padding: 12px 0;
  position: relative;
  text-align: center;
}
#loginerror p {
  color: inherit;
  font-size: inherit;
  font-weight: bold;
  margin: 0;
}
.maincontainerwrapper {
  background: #f7f7f7;
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px, rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(0, 0, 0, 0.1) 0 4px 8px;
  margin: 0 auto;
  max-width: 95%;
  position: relative;
  width: 100%;
}
.maincontainerwrapper.standardCourseWrapper {
  max-width: 1024px;
}
.pageSection {
  background: #404041;
  clear: both;
  margin: auto;
  position: relative;
  width: 100%;
}
.pageSection .submenu-toggle {
  color: #fff;
  display: none;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 200ms ease;
  z-index: 1;
}
.pageSection .submenu-toggle:hover {
  opacity: 0.5;
}
.pageSection .submenu-toggle.is-open {
  opacity: 0.3;
}
.pageSection h1 {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 50px;
  margin: 0;
  padding-left: 30px;
  padding-right: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.subpage #contentcontainer {
  display: flex;
}
#content {
  box-sizing: border-box;
  padding: 32px;
  position: relative;
  width: 100%;
}
body.subpage #content {
  flex-grow: 1;
  order: 2;
  width: calc(100% - 250px);
}
#content .content_col1 {
  float: left;
  position: relative;
  width: 48%;
}
#content .content_col2 {
  float: right;
  width: 48%;
}
#content .mainimage {
  margin-bottom: 1.5em;
}
#content div.successupdate {
  background: #4CB44E;
  border: 1px solid #3BA33D;
  color: #FFF;
  font-weight: bold;
  margin: 0 0 30px 0;
  padding: 0;
  text-align: center;
}
#content div.successupdate p {
  color: #FFF;
  font-weight: bold;
  margin: 0;
  padding: 10px;
}
#content .imageleft {
  float: left;
  padding-right: 20px;
  padding-bottom: 20px;
}
#content .imageright {
  float: right;
  padding-left: 20px;
  padding-bottom: 20px;
}
#content .courseimage {
  text-align: center;
  margin-bottom: 20px;
}
#content .fullWidth {
  margin-left: -30px;
  margin-right: -30px;
  position: relative;
}
#content .fullWidth img {
  width: 100%;
  position: relative;
}
#content .intro {
  color: #999;
  font-size: 1.14rem;
  line-height: 1.4;
}
#content #portal-dashboard {
  margin: -32px;
}
#content .accountPhoto {
  float: left;
  margin-right: 30px;
  width: 25%;
}
#content .accountPhoto .image {
  border-radius: 6px;
  line-height: 0;
  overflow: hidden;
  position: relative;
}
#content .accountPhoto .image img {
  width: 100%;
}
#content .accountPhoto .acropimage {
  font-size: 0.79rem;
  height: auto;
  line-height: normal;
  margin: 0;
  padding: 4px 8px;
  position: absolute;
  right: 5px;
  top: 5px;
}
#content .accountPhoto input[type="file"] {
  width: 100%;
}
#content .accountForm input[type="text"],
#content .accountForm input[type="password"],
#content .accountForm select {
  width: 100%;
}
#submenu {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  flex-shrink: 0;
  margin: 0;
  order: 1;
  padding: 0;
  width: 250px;
}
#submenu.is-open #ss_side_menu_list,
#submenu.is-open #menucontainer,
#submenu.is-open #subnav {
  display: block;
}
#submenu .inner {
  padding: 0;
}
#submenu ul {
  margin: 20px 30px;
  padding: 0;
}
#submenu li {
  clear: both;
  display: block;
  list-style-image: none;
  list-style-type: none;
  font-size: 1rem;
  margin: 0 0 5px 0;
  padding: 0;
  vertical-align: bottom;
}
#submenu li a {
  cursor: pointer;
  display: block;
  font-weight: normal;
  padding: 8px 0;
}
#submenu li.current a {
  color: #000;
}
@media only screen and (max-width: 1024px) {
  #wrapper {
    padding-top: 60px;
    padding-bottom: 35px;
  }
  #mainnav .menuitems {
    display: none !important;
    /* override inline style */
  }
  #mainnav .burger {
    display: block;
  }
  #mainnav .burger > a {
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
    display: block;
  }
  body.subpage #contentcontainer {
    flex-direction: column;
  }
  body.subpage #content {
    width: 100%;
  }
  #submenu {
    border: 0 none;
    padding: 0;
    width: 100%;
  }
  #submenu #ss_side_menu_list,
  #submenu #menucontainer,
  #submenu #subnav {
    display: none;
  }
  #submenu ul {
    margin: 0;
  }
  #submenu li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0;
  }
  #submenu li a {
    padding: 15px 30px;
  }
  .maincontainerwrapper .submenu-toggle {
    display: block;
  }
}
@media only screen and (max-width: 980px) {
  #mainnav .navcontainer__left {
    width: 60%;
  }
}
@media only screen and (max-width: 768px) {
  #mainnav.responsive .burger#topMenu {
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 640px) {
  html,
  body {
    height: auto;
  }
  body {
    background: #000000;
  }
  #mainnav .navcontainer .burger > a span,
  #mainnav .navcontainer .admin > a span {
    display: none;
  }
  #mainnav .navcontainer .mainnav__col.home {
    display: none;
  }
  #mainnav nav {
    float: none;
  }
  #mainnav .navcontainer__left {
    min-width: auto;
  }
  #mainnav.responsive .burger {
    display: block;
  }
  #mainnav #topMenu .burger-menu {
    display: block;
  }
  #mainnav .jq-dropdown {
    left: 0 !important;
    width: 100%;
  }
  #mainnav .top-menu-holder {
    display: none;
    width: 100%;
    top: 60px;
  }
  #mainnav .top-menu-holder.collapse-menu {
    display: block;
  }
  #mainnav .top-menu-holder .top-menu-items.jq-dropdown-panel {
    background: #fff;
    margin-left: 0;
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 80vh;
    overflow: hidden;
    overflow-y: auto;
  }
  #mainnav .top-menu-items .block-link {
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
    background: #fff;
  }
  #mainnav .top-menu-items .block-link a {
    color: #000;
    width: 100%;
  }
  #mainnav .top-menu-items .block-link a:hover,
  #mainnav .top-menu-items .auto-nav-more-list .block-link a:hover {
    background: rgba(0, 0, 0, 0.05);
    opacity: 1;
  }
  #mainnav .top-menu-items .auto-nav-more-list {
    left: 0;
    top: 0;
    right: inherit;
    margin-left: 0;
    width: 100vw;
    min-width: 100%;
    opacity: 1;
    visibility: visible;
    position: relative;
    overflow: visible;
  }
  #mainnav .top-menu-items .more-btn {
    display: none;
  }
  .maincontainerwrapper {
    margin-bottom: 0;
    max-width: 100%;
  }
  #wrapper {
    padding: 60px 0 0 0;
    min-height: 0;
    position: relative;
  }
  .pageSection h1 {
    padding-left: 20px;
  }
  #content {
    padding: 9px;
  }
  #content #portal-dashboard {
    margin: -9px;
  }
  #content .accountPhoto {
    float: none;
    margin: 0;
    margin-bottom: 30px;
    width: auto;
  }
  #footer {
    width: 100%;
    flex: 1;
    height: auto;
    position: static;
    z-index: 0;
  }
  #footer .date,
  #footer .legals {
    display: block;
  }
}
body {
  top: 0 !important;
}
body > .skiptranslate {
  display: none;
}
#google_translate_element {
  margin-top: 5px;
  text-align: center;
}
#goog-gt-tt {
  display: none !important;
}
.lf-tooltip {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
  color: #555555;
  left: 50%;
  line-height: 1.25;
  margin-top: 20px;
  padding: 12px;
  top: 50%;
  width: 250px;
}
/* Components */
.croppable {
  height: 100%;
}
.croppable * {
  -webkit-user-select: none;
  user-select: none;
}
.croppable.loading {
  background: #FFF url(/content/images/indicator.gif) no-repeat center center;
}
.croppable .controls-top {
  background: #f3f3f3;
  background: rgba(243, 243, 243, 0.7);
  height: 40px;
  overflow: hidden;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.croppable .controls-top .zoomer {
  height: 7px;
  margin: 15px 90px;
  background: #595959;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.75);
  border-radius: 10px;
}
.croppable .no-zoom {
  color: #00b140;
  font-size: 11px;
  text-align: center;
  margin: 12px 40px;
}
.croppable .ui-slider-handle {
  margin-top: -1px;
  cursor: pointer;
  border: 1px solid #dbdbdb;
  border-radius: 50%;
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.66);
}
.croppable .ui-slider-handle::before {
  content: ' ';
  border-radius: 50%;
  background: red;
  text-align: center;
  width: 10px;
  height: 10px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  background: #e6e6e6;
  background: linear-gradient(to bottom, #e6e6e6 0%, #ffffff 100%);
}
.croppable .upload,
.croppable .rotate {
  width: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  border-right: 1px solid #dbdbdb;
}
.croppable .upload a,
.croppable .rotate a {
  display: block;
  width: 100%;
  height: 100%;
}
.croppable .upload {
  float: left;
}
.croppable .rotate {
  border-right: none;
  border-left: 1px solid #dbdbdb;
  right: 0;
  left: auto;
}
.croppable .slider::before,
.croppable .slider::after {
  position: absolute;
  display: inline-block;
  font-family: FontAwesome;
  width: 48px;
  top: -4px;
  opacity: 0.3;
  text-align: center;
}
.croppable .slider::before,
.croppable .slider::after {
  content: '\f03e';
  height: 20px;
  right: 100%;
}
.croppable .slider::after {
  content: '\f03e';
  left: 100%;
  font-size: 18px;
}
.croppable .controls-bottom {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  height: 50px;
  width: 100%;
  z-index: 10;
}
.croppable .save,
.croppable .cancel {
  box-sizing: border-box;
  width: 50%;
  height: 100%;
  float: left;
  color: white;
  line-height: 50px;
  cursor: pointer;
  opacity: 0.75;
  transition: opacity 0.2s;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
.croppable .save:hover,
.croppable .cancel:hover {
  opacity: 1;
}
.croppable .save {
  background: #35b55c;
}
.croppable .cancel {
  background: #c20500;
}
.photo-crop {
  width: 262px;
  height: 410px;
  padding: 0;
  overflow: hidden;
  background: white;
}
/* JQ-Dropdown */
/* LF styling for links, add '.block-link' to 'li's */
.jq-dropdown-panel .block-link {
  border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}
.jq-dropdown .jq-dropdown-menu,
.jq-dropdown .jq-dropdown-panel {
  border: none !important;
}
.jq-dropdown-panel .block-link a {
  cursor: pointer;
  display: block;
  padding: 12px 15px;
  white-space: nowrap;
  transition: background 200ms ease, color 200ms ease, opacity 200ms ease;
  text-transform: uppercase;
  font-size: 12px;
}
.jq-dropdown-panel .block-link a:hover {
  background: rgba(0, 0, 0, 0.05);
  opacity: 1;
}
.jq_calendar {
  z-index: 1000 !important;
}
.switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 24px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:checked + .slider {
  background-color: #00b140;
}
.switch input:checked + .slider:before {
  -webkit-transform: translateX(19px);
  -ms-transform: translateX(19px);
  transform: translateX(19px);
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch .slider.round {
  border-radius: 24px;
}
.switch .slider.round:before {
  border-radius: 50%;
}
/* Pages/ features */
/*-----------------------------------------
Welcome/ login
-----------------------------------------*/
.welcome-container {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px, rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(0, 0, 0, 0.1) 0 4px 8px;
  display: flex;
  display: -ms-flexbox;
  max-width: 1024px;
  margin: auto;
  position: relative;
  width: 100%;
  min-height: 360px;
}
.welcome-container.scrollable {
  top: 0;
  transform: none;
}
.welcome-container.login-box-only {
  width: 320px;
}
.welcome-container .hero {
  background: #eee;
  flex-grow: 1;
  flex-shrink: 1;
  width: 62.5%;
}
.hero__text-wrapper {
  padding-top: 30px;
}
.hero.has-slideshow .hero__intro {
  display: none;
}
.welcome-container .hero__intro--abs {
  bottom: 30px;
  color: #fff;
  font-weight: 200;
  left: 30px;
  margin: 0;
  position: absolute;
  right: 30px;
  text-shadow: rgba(0, 0, 0, 0.5) 0 0 3px;
  z-index: 1;
}
.welcome-container .hero__intro h1 {
  font-weight: 200;
  margin-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}
.welcome-container .hero__text {
  background: #eee;
  font-size: 1rem;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  margin: 0;
}
.welcome-container .hero__text img {
  max-width: 100%;
}
.welcome-container .hero__text p:last-child {
  margin-bottom: 0;
}
.welcome-container .hero__slideshow {
  overflow: hidden;
  position: relative;
  min-height: 360px;
}
.welcome-container .no-welcome-text .hero__slideshow {
  height: 100%;
}
.welcome-container .hero__slideshow.has-tagline:after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  bottom: 0;
  content: "";
  height: 50%;
  position: absolute;
  width: 100%;
}
.welcome-container .slick-wrapper {
  display: none;
  padding-top: 40%;
}
.welcome-container .slick-wrapper.slick-initialized {
  display: block;
}
.welcome-container .slick-wrapper.slick-slider {
  padding-top: 0;
  height: 100%;
}
.welcome-container .slick-list {
  height: 100%;
  padding-top: 56.25%;
}
.welcome-container .slick-track {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.welcome-container .home-slide {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
}
.welcome-container .slick-wrapper .home-slide {
  left: 0;
  position: absolute;
  top: 0;
}
.welcome-container .slick-wrapper.slick-slider .home-slide {
  left: 0;
  position: relative;
  top: 0;
}
.welcome-container .hero__video {
  position: relative;
}
.welcome-container .hero__videoAspect {
  position: relative;
  padding-top: 56.25%;
}
.welcome-container .no-welcome-text .hero__video,
.welcome-container .no-welcome-text .hero__videoAspect {
  height: 100%;
}
.welcome-container .hero__video iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.welcome-container .login {
  background: #fff;
  margin: 0 auto;
  padding: 0;
  width: 37.5%;
  max-width: 400px;
}
.welcome-container.login-box-only .login {
  min-width: 100%;
}
.welcome-container .login .inner {
  padding: 30px;
}
.welcome-container .login .inner h3 {
  word-break: break-word;
}
.welcome-container legend {
  padding-top: 0;
}
.welcome-container .logo-container {
  background: #000000;
  display: none;
  padding: 30px;
  text-align: center;
}
.welcome-container .logo-container img {
  max-height: 100px;
  max-width: 100%;
}
.welcome-container .login__field {
  margin-bottom: 15px;
  position: relative;
}
.welcome-container .login__field label {
  color: #000;
  font-size: 0.86rem;
  text-transform: uppercase;
}
.welcome-container .login__field input {
  height: auto;
  margin: 0;
  padding: 10px 16px 10px 34px;
  width: 100%;
}
.welcome-container .login__field--password input {
  padding-right: 70px;
}
.welcome-container .login__icon {
  bottom: 0;
  font-size: 14px;
  left: 0;
  opacity: 0.3;
  padding: 13px;
  position: absolute;
}
.welcome-container .login__forgot {
  bottom: 0;
  font-size: 0.86rem;
  padding: 12px;
  position: absolute;
  right: 0;
}
.welcome-container .actions {
  margin-top: 30px;
}
.welcome-container button + .actions {
  margin-top: 0;
}
.welcome-container .signup {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 15px;
  padding-top: 15px;
}
.welcome-container .signup button {
  margin: 0;
  margin-top: 15px;
}
/* Responsive home page */
@media only screen and (max-width: 1024px) {
  .welcome-container .slick-list {
    min-height: 300px;
  }
  #wrapper .welcome-container:not(.login-box-only) {
    width: 100%;
  }
  .welcome-container .hero__slideshow img {
    min-width: 100%;
  }
  .welcome-container .hero__text {
    max-height: none;
  }
}
@media only screen and (max-width: 640px) {
  .welcome-container .logo-container {
    display: block;
  }
  #wrapper:before {
    display: none !important;
  }
  #wrapper .welcome-container:not(.login-box-only) {
    flex-direction: column;
    position: static;
    max-width: 100%;
  }
  .welcome-container.login-box-only {
    width: 100%;
    max-width: 100%;
  }
  .welcome-container .hero,
  .welcome-container .login {
    width: 100%;
    min-width: 0;
  }
  .welcome-container .login {
    max-width: 100%;
  }
  .welcome-container .hero {
    display: flex;
    flex-direction: column;
    order: 1;
  }
  .welcome-container .hero__intro h1 {
    color: #fff;
  }
  .welcome-container .hero__intro--abs {
    display: none;
  }
  .hero.has-slideshow .hero__intro {
    display: block;
  }
  .welcome-container .hero__text {
    max-height: none;
  }
  .welcome-container .hero__video,
  .welcome-container .hero__slideshow {
    order: 2;
  }
  .welcome-container .hero__slideshow img {
    min-width: auto;
    width: 100%;
  }
}
/* Support - Contact */
/* Removes the 'flash' of the 'flash' content */
body.subpage > object {
  visibility: hidden;
}
.clientContact .contact:before {
  color: rgba(0, 0, 0, 0.4);
  display: inline-block;
  font-family: FontAwesome;
  font-weight: normal;
  font-size: 14px;
  margin-right: 10px;
  vertical-align: middle;
}
.clientContact .email:before {
  content: "\f0e0";
}
.clientContact .phone:before {
  content: "\f095";
}
.clientContact .fax:before {
  content: "\f02f";
}
.faqCategory {
  margin-bottom: 30px;
}
.faq_list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.faq_list li {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
  list-style: none;
  margin: 0 0 1px 0;
  overflow: hidden;
  padding: 20px;
}
.faq_head {
  color: #00b140;
  cursor: pointer;
  display: block;
  font-weight: normal;
  margin: 0;
}
.faq_head:before {
  content: "\f0e6";
  font-family: FontAwesome;
  font-size: 14px;
  font-weight: normal;
  margin-right: 6px;
}
.faq_head:hover {
  color: #004b1b;
}
.faq_body {
  display: none;
}
.faq_body p {
  margin: 0 0 8px 0;
}
.faq_body p:last-child {
  margin: 0;
}
.faqBodyContent {
  padding-top: 20px;
}
.faq_list li ul,
.faq_list li ol {
  margin: 0 0 8px 10px;
}
.faq_list li li {
  background: none !important;
  border: none !important;
  box-shadow: rgba(0, 0, 0, 0) 0 0 0 !important;
  margin-bottom: 5px;
  padding: 0;
}
.faq_list li ol li {
  list-style: decimal;
  list-style-type: decimal;
  list-style-position: inside;
}
/* Support - System Requirements */
.systemcheck .check {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 1px;
  margin-bottom: 1px;
  overflow: hidden;
  padding: 20px;
}
.systemcheck .check:last-child {
  margin: 0;
}
.systemcheck .pass,
.systemcheck .fail {
  display: block;
}
.systemcheck .pass {
  color: #106536;
}
.systemcheck .fail {
  color: #E10000;
}
.systemcheck .pass:before,
.systemcheck .fail:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-size: 14px;
  margin-right: 6px;
  vertical-align: middle;
}
.systemcheck .fail:before {
  content: "\f00d";
}
.systemcheck .pass:before {
  content: "\f00c";
}
.systemcheck .pass a,
.systemcheck .fail a {
  font-weight: bold;
}
#audioresult {
  height: 60px;
  margin: 0 !important;
}
/* Support - Software Downloads */
.softwareDownloads ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -5px -5px 30px -5px;
  padding: 0;
}
.softwareDownloads ul:last-child {
  margin-bottom: 0;
}
.softwareDownloads li {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 1px;
  display: flex;
  list-style: none;
  margin: 5px;
  width: calc(50% - 10px);
}
.softwareDownloads li span {
  background-repeat: no-repeat;
  background-position: 20px center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 20px 20px 80px;
}
.softwareDownloads li a {
  cursor: pointer;
  display: block;
}
.softwareDownloads li em {
  display: block;
  font-size: 0.79rem;
  font-style: normal;
}
.softwareDownloads .recommended {
  background-image: url('../images/bg-software-recommended.png');
  background-repeat: no-repeat;
  background-position: right top;
}
.softwareDownloads .chrome span {
  background-image: url('../images/bg-software-chrome.png');
}
.softwareDownloads .firefox span {
  background-image: url('../images/bg-software-firefox.png');
}
.softwareDownloads .edge span {
  background-image: url('../images/bg-software-edge.png');
}
.softwareDownloads .safari span {
  background-image: url('../images/bg-software-safari.png');
}
@media only screen and (max-width: 640px) {
  .softwareDownloads ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 0 30px 0;
  }
  .softwareDownloads li {
    margin: 0 0 1px 0;
    width: 100%;
  }
}
/* -----------------------------------------
My Training
----------------------------------------- */
.course .courselist-search {
  position: relative;
}
.course .courselist-search input {
  display: block;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin: 0;
  height: auto;
  padding: 12px 0;
  padding-left: 40px;
  width: 100%;
}
.course .courselist-search .submit {
  padding: 12px;
  position: absolute;
  background: none !important;
  border: none;
}
.course .courselist-search .submit .fa {
  opacity: 0.5;
}
.course .courselist-search .clear-search {
  padding: 11px;
  position: absolute;
  right: 15px;
  top: 15px;
}
.course .courselist-filters {
  position: absolute;
  right: 0;
  top: 0;
  padding: 12px;
}
.tagsort-tags-container {
  padding: 10px 15px;
  clear: both;
}
.tagsort-tags-container > * {
  float: left;
  margin: 0;
}
.tagsort-tags-container > span {
  line-height: 25px;
  color: #757575;
  width: 60px;
}
.tagsort-tags-container .tagsort-list {
  list-style: none;
}
.tagsort-tags-container .tagsort-list li {
  float: left;
}
.tagsort-tags-container a {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  box-shadow: inset rgba(0, 0, 0, 0) 0 0 0;
  cursor: pointer;
  display: inline-block;
  font-size: 0.79rem;
  margin: 0 5px;
  padding: 4px 8px;
  transition: 200ms ease;
}
.tagsort-tags-container a:hover {
  border-color: rgba(0, 0, 0, 0.3);
}
.tagsort-tags-container a.tagsort-active {
  background-color: #d0df00;
  border-color: rgba(0, 0, 0, 0);
  color: #000;
}
#filter-dropdown-bar {
  background-color: #fff;
  color: #01448d;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
  font-size: 14px;
  padding: 15px;
  font-weight: bold;
  cursor: pointer;
}
.filter-dropdown-container {
  margin-bottom: 30px;
}
#filter-dropdown-content {
  display: none;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
  padding: 15px;
  background: rgba(0, 0, 0, 0.05);
}
.sortby-list-container {
  padding: 10px 15px;
  clear: both;
}
.sortby-list-container > * {
  float: left;
  margin: 0;
}
.sortby-list-container > span {
  line-height: 25px;
  color: #757575;
  width: 60px;
}
.sortby-list-container .sortby-list {
  list-style: none;
}
.sortby-list-container .sortby-list li {
  float: left;
}
.sortby-list-container a {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  box-shadow: inset rgba(0, 0, 0, 0) 0 0 0;
  cursor: pointer;
  display: inline-block;
  font-size: 0.79rem;
  margin: 0 5px;
  padding: 4px 8px;
  transition: 200ms ease;
}
.sortby-list-container a.sorting-active {
  background-color: #d0df00;
}
.sortby-list-container a.btn-active {
  background-color: #d0df00;
}
.sortby-list-container a:hover {
  border-color: rgba(0, 0, 0, 0.3);
}
.course {
  display: flex;
  flex-direction: column;
  position: relative;
}
.course > h2 {
  order: 3;
}
.course #flashcontent {
  text-align: center;
}
.course .caption {
  color: #888888;
  margin: 5px 0 0 0;
}
.course p.certificate,
.course p.prereq,
.course p.conflict,
.course p.deadline {
  font-weight: bold;
}
.course p.certificate {
  color: #106536;
}
.course p.certificate a {
  text-transform: uppercase;
}
.course p.certificate a:link,
.course p.certificate a:visited {
  text-decoration: none;
}
.course p.certificate a:focus,
.course p.certificate a:hover,
.course p.certificate a:active {
  text-decoration: none;
}
.course p.certificate a.unlockall {
  display: block;
  float: right;
}
.course p.prereq {
  color: #E10000 !important;
}
.course p.conflict {
  color: #A33100;
}
.course p.deadline {
  color: #A33100;
}
.fullWidthContent,
.courseIntro,
#swfactivity,
#videoactivity,
#ebook {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
  display: block;
  line-height: 0;
  margin: -30px;
  overflow: hidden;
  text-align: center;
  width: auto;
}
#coursewrapper {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
  display: block;
  line-height: 0;
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  padding-top: 55.21%;
  position: relative;
  width: auto;
}
#coursewrapper embed {
  position: absolute;
  top: 0;
  left: 0;
}
#swfactivity div.ipad {
  line-height: 1.4;
  padding: 30px;
}
#swfactivity div.flashplayer {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  line-height: 1.4;
  padding: 30px;
}
/* HTML5 Activities */
#html5Container {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
  display: block;
  min-height: 530px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  order: 5;
  position: relative;
}
#nprogress .bar {
  background-color: #00b140 !important;
}
#nprogress .peg {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1) !important;
  display: none;
}
.topnav + #html5Container,
.breadcrumbs + #html5Container,
script + #html5Container {
  /*margin-top: -30px;*/
}
.course .breadcrumbs {
  display: none;
}
.course .topnav,
.course .bottomnav {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
  border-radius: 0;
  clear: both;
  display: flex;
  font-size: 0.86rem;
  justify-content: space-between;
  margin: 0px 0px 20px 0px;
  overflow: hidden;
  order: 2;
  padding: 0;
  position: relative;
}
.course .topnav .submitButton,
.course .bottomnav .submitButton {
  background: #fff;
  border: 0 none;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
  box-shadow: none;
  height: auto;
  line-height: 2em;
  margin: 0;
  padding: 10px 20px;
  text-transform: uppercase;
  white-space: nowrap;
  flex-grow: 1;
  flex-basis: 33.33%;
}
.course .topnav [disabled],
.course .bottomnav [disabled] {
  background: #fff !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}
.course .bottomnav {
  margin-bottom: 0;
  margin-top: 20px;
  order: 10;
}
.course .topnav span,
.course .bottomnav span {
  display: inline-block;
  margin: 0 0.5rem;
}
.course .toc:before,
.course .tutor:before,
.course .courseprev:before,
.course .coursenext:after {
  font-family: FontAwesome;
  font-size: 14px;
  font-weight: normal;
}
.course .toc:before {
  display: none;
  content: "\f0c9";
}
.course .tutor:before {
  display: none;
  content: "\f0e5";
}
.course .courseprev:before {
  content: "\f104";
}
.course .topnav .coursenext,
.course .bottomnav .coursenext {
  border-right: 0 none;
}
.course .coursenext:after {
  content: "\f105";
}
.tracking {
  background: none !important;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  align-self: flex-start;
  color: rgba(0, 0, 0, 0.3);
  clear: both;
  display: block;
  font-size: 0.76rem;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 3px 6px 1px 6px;
  position: static;
  text-transform: uppercase;
  width: auto;
  order: 2;
}
.tracking:before {
  content: "Progress: ";
}
.coursetoc .tracking {
  align-self: auto;
  background: none;
  border: 0 none;
  border-radius: 0;
  display: block;
  height: 20px;
  margin: 0;
  padding: 0;
  width: 20px;
}
.coursetoc .tracking:before {
  content: "";
}
.unit .tracking {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  color: #555;
  height: auto;
  font-weight: normal;
  margin: 10px 20px 0 20px;
  padding: 20px 0;
  position: static;
  text-transform: none;
  width: calc(100% - 40px);
}
.unit .tracking:before {
  content: "\f017";
  display: none;
  float: left;
  font-family: FontAwesome;
  font-size: 14px;
  margin-right: 6px;
  margin-top: -2px;
}
.quiz .tracking {
  color: #000;
  font-weight: bold;
}
.tracking span {
  color: rgba(0, 0, 0, 0) !important;
  display: block;
  height: 100%;
  text-align: center;
  width: 100%;
}
.tracking span:before {
  color: rgba(0, 0, 0, 0.4);
  display: block;
  font-size: 14px;
  font-family: FontAwesome;
}
.tracking .done:before {
  color: #106536;
  content: "\f058";
}
.tracking .passed:before {
  color: #106536;
  content: "\f058";
}
.tracking .failed:before {
  color: #E10000;
  content: "\f057";
}
.tracking .incomplete:before {
  color: rgba(0, 0, 0, 0.1);
  content: "\f056";
}
.tracking .donetag {
  display: none;
  position: absolute;
  right: 10px;
  top: 0;
}
.coursepage {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
  clear: both;
  margin: 0;
  order: 5;
  padding: 30px;
}
.coursepage .copy {
  clear: left;
}
.coursepage .image {
  clear: right;
  float: right;
  margin-left: 20px;
  text-align: center;
  max-width: 50%;
}
.coursepage .image img {
  max-width: 100%;
}
.coursepage #player {
  clear: both;
  display: block;
  text-align: center;
}
.course .videotext {
  clear: both;
  display: block;
  margin-bottom: 30px;
  margin-top: 60px;
}
.coursepage + .videotext {
  margin-bottom: 0;
}
.tracking + .videotext {
  margin-top: 0;
}
.coursetoc {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  order: 5;
}
.coursepage + .coursetoc {
  margin-top: 30px;
}
.coursetoc h1,
.coursetoc h2,
.coursetoc h3,
.coursetoc h4,
.coursetoc h5,
.coursetoc h6,
.coursetoc p {
  margin: 0;
  padding: 0;
}
.coursetoc .coursetoc,
.coursetoc .coursetoc .coursetoc,
.coursetoc .coursetoc .coursetoc .coursetoc {
  background: none;
  border: 0 none;
  margin: 0;
}
.course .certificate,
.course .prereq,
.course .conflict,
.course .deadline {
  border: 0 none;
  box-shadow: none;
  font-size: 0.79rem;
  margin: 5px 0 0 0;
  padding: 0;
  text-shadow: none;
}
.course .certificate:before,
.course .prereq:before,
.course .conflict:before,
.course .deadline:before {
  font-family: FontAwesome;
  font-size: 14px;
  font-weight: normal;
  vertical-align: middle;
  margin-right: 6px;
}
.course .certificate:before {
  content: "\f00c";
}
.course .prereq:before {
  content: "\f023";
}
.course .conflict:before {
  content: "\f06a";
}
.course .deadline:before {
  content: "\f017";
}
.course .coursetoc .page,
.course .coursetoc .fpl,
.course .coursetoc .html5,
.course .coursetoc .activity,
.course .coursetoc .quiz,
.course .coursetoc .survey,
.course .coursetoc .scorm,
.course .coursetoc .video,
.course .coursetoc .feedback,
.course .coursetoc .document {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: auto;
  list-style: none;
  overflow: hidden;
  margin: 0;
  margin-bottom: 1px;
  padding: 10px 15px;
  position: relative;
  vertical-align: bottom;
  width: 100%;
}
.course .coursetoc .page:before,
.course .coursetoc .fpl:before,
.course .coursetoc .html5:before,
.course .coursetoc .activity:before,
.course .coursetoc .quiz:before,
.course .coursetoc .survey:before,
.course .coursetoc .scorm:before,
.course .coursetoc .video:before,
.course .coursetoc .feedback:before,
.course .coursetoc .document:before {
  content: "\f016";
  color: rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-family: FontAwesome;
  margin-right: 1rem;
}
.course .coursetoc .page a,
.course .coursetoc .fpl a,
.course .coursetoc .html5 a,
.course .coursetoc .activity a,
.course .coursetoc .quiz a,
.course .coursetoc .survey a,
.course .coursetoc .scorm a,
.course .coursetoc .feedback a,
.course .coursetoc .video a,
.course .coursetoc .document a {
  box-sizing: border-box;
  width: 100%;
}
.course .coursetoc .page.locked,
.course .coursetoc .fpl.locked,
.course .coursetoc .html5.locked,
.course .coursetoc .activity.locked,
.course .coursetoc .quiz.locked,
.course .coursetoc .survey.locked,
.course .coursetoc .scorm.locked,
.course .coursetoc .feedback.locked,
.course .coursetoc .video.locked,
.course .coursetoc .document.locked {
  background-color: rgba(0, 0, 0, 0.05) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}
.course .coursetoc .page.locked:before,
.course .coursetoc .fpl.locked:before,
.course .coursetoc .html5.locked:before,
.course .coursetoc .activity.locked:before,
.course .coursetoc .quiz.locked:before,
.course .coursetoc .survey.locked:before,
.course .coursetoc .scorm.locked:before,
.course .coursetoc .feedback.locked:before,
.course .coursetoc .video.locked:before,
.course .coursetoc .document.locked:before {
  content: "\f023";
}
.course .coursetoc .page.locked .prereq,
.course .coursetoc .fpl.locked .prereq,
.course .coursetoc .html5.locked .prereq,
.course .coursetoc .activity.locked .prereq,
.course .coursetoc .quiz.locked .prereq,
.course .coursetoc .survey.locked .prereq,
.course .coursetoc .scorm.locked .prereq,
.course .coursetoc .feedback.locked .prereq,
.course .coursetoc .video.locked .prereq,
.course .coursetoc .document.locked .prereq {
  background: none !important;
  padding: 0;
}
.course .coursetoc .activity::before {
  content: "\f03e";
}
.course .coursetoc .fpl::before {
  content: "\f03e";
}
.course .coursetoc .html5::before {
  content: "\f03e";
}
.course .coursetoc .quiz::before {
  content: "\f046";
}
.course .coursetoc .survey::before {
  content: "\f044";
}
.course .coursetoc .video::before {
  content: "\f16a";
}
.course .coursetoc .feedback::before {
  content: "\f0e6";
}
.course .coursetoc .scorm::before {
  content: "\f1b2";
}
.course .coursetoc .document::before {
  content: "\f0f6";
}
.course .coursetoc .quiz {
  font-weight: bold;
}
.course .topic {
  border-top: 0 none;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.course .topic > h3 {
  clear: right;
  display: block;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0;
  margin-top: 40px;
  margin-bottom: 10px;
  padding: 0 0 1rem 0px;
  position: relative;
  text-transform: uppercase;
}
.course .topic:first-of-type > h3 {
  margin-top: 0;
}
.course .topic > h3:before {
  bottom: 0;
  content: ' ';
  background-color: rgba(0, 0, 0, 0.1);
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.course .topic > h3:after {
  bottom: 0;
  content: ' ';
  background-color: #00b140;
  height: 2px;
  left: 0;
  position: absolute;
  width: 40px;
  z-index: 2;
}
.course .unit {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
  box-sizing: border-box;
  list-style: none;
  flex-direction: column;
  margin: 10px;
  padding: 0;
  position: relative;
  width: calc(20% - 20px);
}
.course .unit:before {
  background: #eee;
  content: "";
  position: absolute;
  width: 5px;
  top: 0;
  left: 0;
  bottom: 0;
  display: none;
}
.course .unit.completed:before {
  background: #106536;
}
.course .unit.locked:before {
  background: #E10000;
}
.course .course-categories .unit {
  display: none;
}
.course .unit .image-container {
  order: 1;
}
.course .unit .image-container .unit-tags {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 10px;
}
.course .unit .image-container .unit-tags .unit-tag {
  position: relative;
  top: auto;
  left: auto;
  margin: 0;
  padding: 4px 8px;
  line-height: 1;
  text-transform: uppercase;
  color: #FFF;
  font-size: 0.8rem;
  border-radius: 3px;
}
.course .unit .image {
  background-color: rgba(0, 0, 0, 0.05);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  line-height: 0;
  height: auto;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.course .unit .image.loading {
  background-size: auto;
  background-image: url('/content/images/indicator.gif');
}
.course .unit .image.error {
  background-image: url('/content/images/image-error.png');
}
.course .unit .image:after {
  background-image: radial-gradient(rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.05));
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.course .unit .image.default:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  content: "\f03e";
  font-family: FontAwesome;
  font-size: 56px;
  color: #000;
  opacity: 0.2;
}
.course .unit .image img {
  display: none;
  height: auto;
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 100%;
}
.course .unit .details-container {
  order: 1;
  padding: 20px;
}
.course .fom {
  padding-right: 5px;
}
.course .unit h3 {
  border: 0 none;
  background: none;
  font-size: 1rem;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0;
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  text-transform: none;
}
.course .unit li {
  list-style: disc;
}
.course .unit .description {
  font-size: 0.86rem;
  line-height: 1.2;
  margin: 0;
  max-height: 4.8em;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.course .unit .description img {
  max-width: 100%;
}
.course .unit .classifications {
  position: absolute;
  top: 0;
  margin: 4px 6px;
}
.course .unit .classifications .classification-tag {
  border-radius: 2px;
  font-size: 10px;
  font-weight: bold;
  margin: 2px 4px;
  display: inline-block;
  padding: 1px 5px;
  text-transform: uppercase;
  pointer-events: auto;
}
.course .unit .classifications .hide {
  display: none;
}
.course .unit .classifications .lf-button--simple {
  padding: 2px 5px;
}
.course .unit a[data-readmore-toggle] {
  font-size: 0.79rem;
}
.course .unit a[data-readmore-toggle]:before {
  content: "";
  font-family: FontAwesome;
  font-size: 14px;
  margin-right: 10px;
}
.course .unit .description[aria-expanded="false"] + a[data-readmore-toggle]:before {
  content: "\f107";
}
.course .unit .description[aria-expanded="true"] + a[data-readmore-toggle]:before {
  content: "\f106";
}
.course .unit .certificate,
.course .unit .prereq,
.course .unit .conflixt,
.course .unit .deadline {
  margin: 0;
  margin-top: 20px;
  padding: 0;
}
.course .unit .tracking {
  border: 0 none;
  border-bottom: 1px solid #eee;
  margin: 0;
  margin-top: -10px;
  margin-bottom: 10px;
  padding: 0;
  padding-bottom: 10px;
  width: 100%;
}
.course .unit .tracking:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.course .unit p {
  clear: right !important;
}
.course .unit.locked {
  background-color: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.4);
  cursor: not-allowed;
}
.course .unit.locked *,
.course .unit.locked p,
.course .uniy.locked h3 {
  color: rgba(0, 0, 0, 0.4);
}
.course .unit.locked .image {
  opacity: 0.3;
}
.course a.resetUnit {
  display: block;
  margin: 0;
  margin-top: 5px;
  padding: 4px 8px;
  text-align: center;
}
.course .quizquestion {
  clear: both;
}
.course .quizquestion p {
  clear: both;
  overflow: hidden;
}
.course .quizquestion p br,
.course .quizquestion .answers br,
.course .quizquestion p label + br {
  display: none;
}
.course .quizquestion legend {
  border: 0 none;
  clear: both;
  font-weight: normal;
  padding: 0;
  white-space: normal;
  line-height: normal;
  text-transform: none;
  color: inherit;
}
.course .quizquestion legend:after,
.course .quizquestion legend:before {
  height: 0;
}
.course .quizquestion .answers {
  margin: 20px 0 20px 0;
  overflow: hidden;
}
.course .quizquestion input[type="radio"],
.course .quizquestion input[type="checkbox"] {
  box-shadow: none;
  line-height: 1.4em;
  clear: left;
  float: left;
  margin: 0;
  margin-top: 2px;
  margin-bottom: 5px;
}
.course .quizquestion label {
  display: block;
  line-height: 1.4em;
  margin: 0;
  margin-left: 25px;
  margin-bottom: 5px;
  text-transform: none;
}
.course .quizquestion label:hover {
  cursor: pointer;
  opacity: 0.75;
}
.course .quizresults {
  clear: both;
  margin: 0;
  margin-top: 30px;
  width: 100%;
  order: 5;
}
.course .quizresults legend {
  border: 0 none;
  font-weight: normal;
  margin: 0;
  padding: 0;
  white-space: normal;
}
.course .quizresults td td {
  background: none;
  border: 0 none;
}
.course .quizresults td p {
  margin: 5px 0 !important;
  padding: 0 !important;
}
.course .quizresults td b {
  color: #000;
  font-weight: bold;
}
.course .quizresults .useranswer {
  color: #106536;
  font-weight: bold;
}
.course .quizresults .wronganswer {
  color: #E10000;
}
.course-categories {
  border-top: 0 none;
}
.course-categories .description {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0 10px;
  line-height: 1.2;
  color: #111;
}
.course-categories .categoryResults {
  margin: 0;
}
.course-categories .category {
  clear: both;
  list-style: none;
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  padding-bottom: 20px;
  position: relative;
  width: 100%;
}
h2 {
  font-size: 1.29rem;
}
.course-categories .category:not(:first-of-type) {
  margin-top: 20px;
}
.course-categories .category:before {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  content: '';
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0;
}
.course-categories .category:after {
  background-color: #00b140;
  bottom: 0;
  content: '';
  height: 2px;
  position: absolute;
  width: 40px;
  left: 0;
  transition: 200ms ease;
  will-change: background-color, width;
}
.course-categories .category.hide:after {
  background-color: #000;
  width: 100%;
}
.course-categories .category .courseCount {
  color: #555555;
  font-size: 0.79rem;
  font-weight: normal;
  text-transform: uppercase;
  transition: color 200ms ease;
}
.course-categories .category h2 {
  display: flex;
  margin: 0;
  position: relative;
  z-index: 2;
}
.course-categories .category h2:before {
  color: rgba(0, 0, 0, 0.2);
  display: none;
  font-family: FontAwesome;
  font-size: 28px;
  content: "\f07b";
  position: absolute;
  top: 0;
  left: 0;
}
.course-categories .category.hide h2:before {
  content: "\f07c";
}
.course-categories .category h2 a {
  display: block;
  margin: 0;
  transition: color 200ms ease;
}
.course-categories .category.hide h2 a {
  color: #000;
}
.course-categories hr {
  display: none;
  margin: 10px 0;
}
.jp-audio {
  right: -26px;
  top: -72px;
  width: 100px;
}
.jp-audio .jp-controls a {
  position: relative;
}
.jp-audio .jp-controls a:before {
  content: "";
  font-family: FontAwesome;
  font-size: 14px;
  font-weight: normal;
  width: 100%;
  line-height: 28px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
}
.jp-audio .jp-controls a.jp-play:before {
  content: "\f04b";
}
.jp-audio .jp-controls a.jp-pause:before {
  content: "\f04c";
}
.jp-audio .jp-controls a.jp-mute:before {
  content: "\f028";
}
.jp-audio .jp-controls a.jp-unmute:before {
  content: "\f026";
}
.jp-audio .jp-controls a span {
  color: inherit !important;
}
.jp-audio .jp-controls a span img {
  display: none;
}
#swfaudio {
  background: none;
  height: 30px;
  overflow: hidden;
  position: absolute;
  right: -20px;
  top: -70px;
  width: 200px;
  z-index: 30;
}
#swfaudio p {
  text-align: right;
}
#e3Tip {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
  color: #555555;
  left: 50%;
  line-height: 1.25;
  margin-top: 20px;
  padding: 12px;
  top: 50%;
  width: 250px;
}
.course .glossary {
  border-bottom: 1px dotted #222;
  cursor: help;
}
#docbox {
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.03);
  float: left;
  margin-top: 1em;
  padding: 20px 20px 20px 80px;
}
#docbox:hover {
  background-color: #fff;
}
#docbox img {
  float: left;
  margin-left: -60px;
  margin-right: 20px;
}
#docbox h3 {
  padding: 0px;
  margin: 0px;
}
#docbox em {
  font-weight: bold;
  font-style: normal;
}
#docbox p.unread {
  color: #E10000;
}
#docbox p.read {
  color: #106536;
}
#docbox label,
#docbox input {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
#docbox input {
  float: left;
  margin-left: -24px;
  margin-top: 4px;
}
#docbox #agreement {
  background-color: #E0E0E0;
  color: #888888;
  margin: 0px -20px -20px -80px;
  padding: 10px 20px 10px 40px;
  position: relative;
}
#docbox #agreement.unread label {
  color: #888888;
}
#docbox #agreement.read {
  background-color: #AAA;
}
#docbox #agreement.read label {
  color: #fff;
  font-weight: bold;
}
#docbox #agreement.agreed {
  background-color: #106536;
}
#docbox #agreement.agreed label {
  color: #fff;
}
@media only screen and (max-width: 1366px) {
  .course .unit {
    width: calc(25% - 20px);
  }
}
@media only screen and (max-width: 1080px) {
  .course .unit {
    width: calc(33.33% - 20px);
  }
}
@media only screen and (max-width: 800px) {
  .course .unit {
    width: calc(50% - 20px);
  }
  .coursepage [id*="crossslide"] {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .jp-audio {
    right: -6px;
    top: -49px;
  }
}
@media only screen and (max-width: 540px) {
  .coursepage {
    padding: 20px;
  }
  .course .topnav span,
  .course .bottomnav span {
    display: none;
  }
  .course .toc:before,
  .course .tutor:before {
    display: inline-block;
  }
  .tagsort-tags-container a {
    display: block;
    margin: 3px 0;
    text-align: center;
  }
  .course .unit {
    margin: 0 0 10px 0;
    width: 100%;
  }
  .course .coursetoc .page:before,
  .course .coursetoc .fpl:before,
  .course .coursetoc .html5:before,
  .course .coursetoc .activity:before,
  .course .coursetoc .quiz:before,
  .course .coursetoc .survey:before,
  .course .coursetoc .scorm:before,
  .course .coursetoc .video:before,
  .course .coursetoc .feedback:before,
  .course .coursetoc .document:before {
    display: none;
  }
  .coursepage .image {
    float: none;
    margin: 0;
    max-width: 100%;
  }
  .coursepage .image img {
    margin: auto auto 1em auto !important;
    max-width: 100%;
  }
}
.fom-modal {
  width: 75%;
  height: 75%;
}
.fom-modal .fom-header h1 {
  padding-right: 30px !important;
  color: #FFFFFF;
}
.fom-modal .fom-header h1 .fom-title {
  margin: 0;
  display: inline-block;
  color: inherit;
}
.fom-modal .fom-header h1 .close-fom {
  float: right;
  color: inherit;
}
.fom-modal .fom-body {
  padding: 0;
  margin: 0;
  height: 600px;
}
.fom-modal .fom-frame {
  border: 0;
  height: 100%;
  width: 100%;
}
#collaboration .status {
  margin-bottom: 10px;
}
#collaboration .score {
  margin-bottom: 10px;
}
#collaboration table.assessmentfile select {
  margin: 0;
  height: 28px;
  padding: 4px;
}
#collaboration .uploadForm {
  align-items: center;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 10px;
}
#collaboration .uploadForm input {
  font-size: 0.86rem;
  height: auto;
  margin-bottom: 0;
  padding: 4px 8px;
}
#collaboration .details .uploadForm {
  margin: 0;
}
#collaboration a.button {
  display: inline-block;
  line-height: 26px;
  height: 28px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 28px;
}
#collaboration a.button:before {
  font-family: FontAwesome;
  font-size: 14px;
}
#collaboration a.button img {
  display: none;
}
#collaboration a.review:before {
  content: "\f046";
}
#collaboration a.return:before {
  content: "\f068";
}
#collaboration a.take:before {
  content: "\f067";
}
#collaboration a.delete:before {
  content: "\f014";
}
#comment_container {
  padding: 30px;
}
#comment_container h2 {
  background: rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 1rem;
  margin: -30px -30px 30px -30px;
  padding: 15px 30px;
  text-transform: uppercase;
}
 .breadcrumbs,
.mark {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.79rem;
  margin: 0 0px 30px 0px;
  padding: 0 0 10px 0px;
  position: relative;
  justify-content: space-between;
}
.breadcrumbs .manager {
  order: 2;
  text-align: right;
  float: right;
}
.breadcrumbs .divider,
.mark .divider {
  display: none;
  height: 6px;
  margin: 0px 0.25em;
  width: auto;
  vertical-align: middle;
}
.breadcrumbs a:after,
.mark a:after {
  content: "\f105";
  color: rgba(0, 0, 0, 0.2);
  display: block;
  font-family: FontAwesome;
  font-size: 14px;
  display: inline-block;
  margin: 0 3px;
  text-align: center;
}
.breadcrumbs a:last-child:after,
.breadcrumbs a.manager:after,
.mark a:last-child:after,
.mark a.manager:after {
  display: none;
}
.resourcesContainer {
  display: flex;
  flex-wrap: wrap;
}
.resourcesContainer hr {
  display: none;
}
.resourcesContainer .search {
  margin-bottom: 30px;
  position: relative;
  width: 100%;
}
.resourcesContainer .search input {
  height: auto;
  margin: 0;
  padding: 12px;
  padding-left: 35px;
  width: 100%;
}
.resourcesContainer .search .fa-search {
  position: absolute;
  padding: 14px;
  left: 0;
  top: 0;
}
.resourcesContainer .search .search-reset {
  position: absolute;
  padding: 11px;
  right: 0;
  top: 0;
  cursor: pointer;
}
.resourcesContainer .resource {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 1px;
  display: flex;
  flex-direction: column;
  padding: 0 0 20px 0;
  position: relative;
  width: calc(20% - 20px);
  margin: 10px;
  box-sizing: border-box;
}
.resourcesContainer .resource div {
  padding-left: 20px;
  padding-right: 20px;
}
.resourcesContainer .icon {
  color: rgba(0, 0, 0, 0.2);
  font-size: 4em;
  text-align: center;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.05);
  min-height: 150px;
  align-items: center;
  justify-content: center;
  display: flex;
  position: relative;
}
.resourcesContainer .icon:after {
  background-image: radial-gradient(rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.05));
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.resourcesContainer .title {
  padding: 20px 20px 0px 20px;
}
.resourcesContainer .info {
  font-size: 0.79rem;
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  font-style: normal;
  padding: 0 20px 20px 20px;
}
.resourcesContainer .info em {
  font-weight: bold;
  font-style: normal;
}
.resourcesContainer .results {
  display: none;
  padding-top: 20px;
}
.resourcesContainer .results .total {
  margin-bottom: 1em;
}
@media only screen and (max-width: 1366px) {
  .resourcesContainer .resource {
    width: calc(25% - 20px);
  }
}
@media only screen and (max-width: 1080px) {
  .resourcesContainer .resource {
    width: calc(33.33% - 20px);
  }
}
@media only screen and (max-width: 800px) {
  .resourcesContainer .resource {
    width: calc(50% - 20px);
  }
}
@media only screen and (max-width: 540px) {
  .resourcesContainer .resource {
    margin: 0 0 10px 0;
    width: 100%;
  }
  .resourcesContainer .icon {
    min-height: auto;
  }
}
@media only screen and (max-width: 480px) {
  .resourcesContainer .icon {
    display: none;
  }
}
/* -----------------------------------------
Store
----------------------------------------- */
.usingTheStore .step {
  background: url(/content/images/store-divider.png) no-repeat center bottom;
  clear: none !important;
  overflow: hidden;
  padding: 30px 0 30px 0;
  position: relative;
}
.usingTheStore .step p:last-child {
  margin: 0;
}
.usingTheStore .navigating img {
  float: right;
  position: relative;
}
.usingTheStore .buying img {
  float: left;
  position: relative;
}
.usingTheStore .paying {
  background: none;
}
.usingTheStore .paying img {
  float: right;
  position: relative;
}
.usingTheStore .assistance {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
  padding: 15px;
}
.usingTheStore .assistance h3 {
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
}
.usingTheStore .assistance p {
  margin: 0;
}
.usingTheStore .arrow {
  position: absolute !important;
  z-index: 99;
}
.checkout-wrapper {
  display: flex;
  flex-direction: row-reverse;
  gap: 2rem;
  margin-top: 2.5rem;
}
.checkout-wrapper .cart-section {
  flex-grow: 2;
}
.checkout-wrapper .payment-details-section {
  flex-grow: 1;
}
.product-title {
  margin: 0;
}
@media only screen and (max-width: 600px) {
  .checkout-wrapper {
    flex-direction: column;
    gap: 1rem;
  }
  .checkout-wrapper .cart-section,
  .checkout-wrapper .payment-details-section {
    flex-grow: 1;
    width: 100%;
  }
}
.cartTable {
  margin-bottom: 0;
}
.cartTable .qty {
  text-align: center;
}
.cartTable .total {
  font-weight: bold;
  font-size: 1rem;
}
.cartTable .action {
  white-space: nowrap;
}
.cartTable .action a {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  width: 16px;
}
.cartTable .action img {
  display: none;
}
.cartTable .action a:before {
  font-family: FontAwesome;
  font-size: 14px;
}
.cartTable .action .addItem:before {
  content: "\f067";
  font-family: FontAwesome;
  font-size: 14px;
}
.cartTable .action .minusItem:before {
  content: "\f068";
}
.cartTable .action .deleteItem:before {
  content: "\f00d";
}
#cart .navbar {
  background: rgba(0, 0, 0, 0.05);
  overflow: hidden;
  padding: 10px;
  width: 100%;
}
#cart .navbar form {
  margin: 0;
}
#cart .navbar input {
  margin: 0;
}
/* STORE _ PRODUCT LIST */
#subscriptions {
  width: 100%;
}
#subscriptions .storeunit {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
  display: block;
  margin: 0 0 1px 0;
  padding: 20px;
  transition: 200ms ease;
}
#subscriptions .description {
  clear: right;
  float: right;
  width: 70%;
}
#subscriptions .description h4 {
  margin-bottom: 0.75em;
  padding: 0;
}
#subscriptions .description p {
  line-height: 1.3;
}
#subscriptions .price {
  color: #000000;
  clear: both !important;
  font-size: 1.29rem;
  font-weight: bold;
  margin-bottom: 0 !important;
}
#subscriptions .price .per {
  color: #999;
  font-weight: normal;
  font-size: 0.86rem;
}
#subscriptions .download {
  clear: both;
}
#subscriptions .download a {
  font-weight: bold;
}
#subscriptions .image {
  background-color: #f2f2f2;
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
  clear: left;
  float: left;
  line-height: 0;
  margin: 0 0 10px 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 27%;
}
#subscriptions .image .overlay {
  display: none;
}
#subscriptions .image img {
  position: relative;
  width: 100%;
}
#subscriptions .addtocart {
  clear: left;
  float: left;
  width: 27%;
}
#subscriptions .addtocart form {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#subscriptions .addtocart p {
  display: none;
}
#subscriptions .addtocart input {
  height: auto;
  margin: 0;
  padding: 2px;
}
#subscriptions .addtocart select,
#subscriptions .addtocart input[type="number"] {
  height: auto;
  margin: 0;
  margin-right: 4px;
  padding: 2px;
}
#subscriptions .addtocart select {
  width: auto;
}
#subscriptions .addtocart input[type="number"] {
  width: 27%;
}
#subscriptions .addtocart .addToCartButton {
  height: auto;
  margin: 0;
  padding: 2px;
  flex: 1;
}
#subscriptions .addtocart .addToCartButton span {
  display: block;
  font-size: 0.86rem;
  line-height: 1em;
  overflow: hidden;
  padding: 0 1em;
}
#subscriptions .addtocart .addToCartButton span:before {
  content: "Add to cart";
}
#subscriptions .storeunit p:last-child {
  margin: 0;
  padding: 0;
}
.moreinfo .intro {
  font-size: 1.29rem;
}
.moreinfo .columnleft,
.moreinfo .columnright {
  margin-bottom: 30px;
  width: 48%;
}
.moreinfo .columnleft {
  float: left;
}
.moreinfo .columnright {
  float: right;
}
.moreinfo .price {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 20px;
}
.moreinfo .price p {
  margin: 0;
  padding: 0;
}
.moreinfo .price .amount {
  line-height: 30px;
  float: left;
}
.moreinfo .price .backtolist {
  float: right;
}
.moreinfo .price .value {
  color: #000;
  font-size: 1.29rem;
  font-weight: bold;
}
.moreinfo .price a {
  line-height: 30px;
  font-weight: bold;
}
.moreinfo .courseimage {
  padding: 1em 0;
  position: relative;
  text-align: center;
}
.moreinfo .courseimage img {
  width: 100%;
}
.moreinfo .provider {
  border-radius: 3px;
  clear: both;
  font-size: 0.79rem;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: 1em;
  padding: 1em;
  text-align: center;
}
.moreinfo .provider p {
  font-weight: bold;
  margin: 0 !important;
  padding: 0;
}
.moreinfo .provider img {
  vertical-align: middle;
}
.store #cart + p {
  margin: 0;
}
.store form {
  background-color: rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  overflow: hidden;
  padding: 10px;
}
.store form input {
  float: right;
  margin: 0;
}
.confirmDetails {
  margin-bottom: 30px;
}
.confirmDetails p em {
  display: block;
  font-size: 0.79rem;
  font-style: normal;
  font-weight: bold;
  opacity: 0.6;
  text-transform: uppercase;
}
.store .makepayment {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  margin-top: 30px;
  padding: 30px 0 0 0;
}
.makepayment form {
  background: none;
  overflow: hidden;
  padding: 0;
}
.makepayment input {
  color: #fff !important;
  background-clip: border-box;
  background-color: #106536;
  border-radius: 6px;
  float: left !important;
  font-size: 1.29rem;
  height: auto;
  padding: 20px 30px;
}
.courseSearch {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  padding-bottom: 15px;
  position: relative;
}
.courseSearch h3 {
  font-size: 0.86rem;
  margin-bottom: 5px;
}
.courseSearch input[type="text"] {
  margin: 0;
  width: 100%;
}
.courseSearch input[type="button"] {
  bottom: 19px;
  font-size: 0.79rem;
  font-weight: normal;
  height: auto;
  margin: 0;
  padding: 4px 8px;
  position: absolute;
  right: 4px;
}
.searchResults {
  background: #f00;
  color: #fff;
  font-size: 0.79rem;
  text-align: center;
  padding: 10px 15px;
}
#fancybox-content {
  width: auto !important;
}
.paypal-buttons-container iframe {
  position: relative !important;
  z-index: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .usingTheStore .arrow {
    display: none;
  }
  .courseSearch {
    border: 0 none;
    margin: 0;
    padding: 15px;
  }
  .courseSearch input[type="button"] {
    bottom: 20px;
    right: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .usingTheStore .navigating img,
  .usingTheStore .buying img,
  .usingTheStore .paying img {
    display: block;
    float: none;
    margin: 0 auto 30px auto !important;
    max-width: 100%;
  }
  .usingTheStore .arrow {
    display: none !important;
  }
  .usingTheStore .step {
    padding: 40px 0 !important;
  }
  #cart .navbar input {
    width: 100%;
  }
  .moreinfo .columnleft,
  .moreinfo .columnright,
  .moreinfo .price .amount,
  .moreinfo .price .backtolist {
    float: none;
    width: 100%;
  }
  #subscriptions .image,
  #subscriptions .addtocart {
    float: none;
    width: 100%;
  }
  #subscriptions .image {
    display: none;
  }
  #subscriptions .description {
    float: none;
    margin-bottom: 1em;
    width: 100%;
  }
  #regFormWrapper input,
  #regFormWrapper select {
    width: 100%;
  }
  #regFormWrapper .submit input {
    margin: 0;
    width: 100% !important;
  }
  .makepayment input,
  .store form input {
    float: none;
    width: 100%;
  }
  .store form input {
    margin-bottom: 10px;
  }
  .paypalLogo {
    display: block;
    margin: 0 auto;
  }
}
/* ----------------------------------------- */
/* sign-up                                   */
/* ----------------------------------------- */
#content div.signup {
  clear: both;
  overflow: hidden;
}
#content div.signup div.disabled {
  opacity: 0.3;
}
#content div.signup div.method {
  width: 330px;
}
#content div.signup div.method img {
  line-height: 0;
  margin-bottom: 1em;
}
#content div.signup div.method a {
  font-weight: bold;
}
#content div.signup div.single {
  float: left;
}
#content div.signup div.enrol {
  float: right;
}
#content div.signup .registrationForm fieldset {
  border: 0px none;
  margin: 0;
  position: relative;
}
#content div.signup .registrationForm fieldset:last-child {
  margin-bottom: 0;
}
#content div.signup .registrationForm h5 {
  font-weight: 700;
}
#content div.signup .registrationForm div.field {
  padding-left: 200px;
  margin-bottom: 6px;
}
#content div.signup .registrationForm div.field label input[type="checkbox"] {
  padding-left: 200px;
  margin-bottom: 6px;
  float: none;
  display: inline;
  margin-top: 0 !important;
}
#content div.signup .registrationForm div.field:last-child {
  margin-bottom: 0;
}
#content div.signup .registrationForm div.halfsize {
  width: 49%;
}
#content div.signup .registrationForm div.agreeTerms {
  margin-bottom: 10px;
  margin-top: 10px;
}
#content div.signup .registrationForm div.agreeTerms label {
  display: inline;
  margin-left: 5px;
}
#content div.signup .registrationForm div.field label {
  float: left;
  font-weight: bold;
  margin-left: -200px;
  padding-top: 6px;
  position: relative;
  width: 190px;
}
#content div.signup .registrationForm label.overlabel {
  color: #999;
  cursor: text;
  padding: 6px 6px 6px 20px;
  position: absolute;
}
#content div.signup .registrationForm .expand {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#content div.signup .registrationForm span.error {
  clear: both;
  display: block;
  font-size: 85%;
  font-weight: bold;
}
#content div.signup .registrationForm .required {
  background-image: url('../images/bg_required.png');
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 16px;
}
#content div.signup .registrationForm select.required {
  padding: 5px;
}
#content div.signup .registrationForm .note {
  font-size: 85%;
}
#content div.signup .registrationForm .uploadStaff p {
  margin: 0 0 5px 0;
}
#content div.signup .registrationForm .uploadLink {
  background: url('../images/icon-upload.png') no-repeat left center;
  display: block;
  font-weight: bold;
  line-height: 20px;
  padding-left: 20px;
  display: none;
}
#content div.signup .registrationForm .downloadLink {
  background: url('../images/icon-download.png') no-repeat left center;
  display: block;
  line-height: 20px;
  padding-left: 20px;
}
#content div.signup .registrationForm #upload_error {
  font-size: 85%;
}
.badging-legend {
  margin-top: 30px;
}
.badging-details .switch {
  float: right;
}
.badging-details .acclaim-disclaimer {
  display: none;
}
.badging-details .acclaim-disclaimer .disclaimer-label > * {
  vertical-align: middle;
}
.passwordRecover #field_mobile .intl-tel-input {
  display: inline-block;
  width: auto;
}
/*
Notifications
*/
.notification-menu .badge {
  position: relative;
  font-size: 1.2rem !important;
}
.notification-menu .badge[data-badge]:after {
  content: attr(data-badge);
  position: absolute;
  top: 10px;
  right: -10px;
  font-size: 8px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  border-radius: 8px;
  font-weight: 700;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  padding: 0 2px;
  min-width: 16px;
}
.notification-menu .notifications-container.has-notifications {
  display: none;
}
.notification-menu .notifications-container.no-notifications {
  padding-top: 100px;
  font-weight: bold;
  text-align: center;
  height: 300px;
  width: 400px;
}
.notification-menu .notifications-container.no-notifications .fa {
  margin-left: 0 !important;
  padding-bottom: 20px;
  font-size: 2rem;
  opacity: 0.6;
}
.notification-menu .notifications-container .notifications-header {
  padding: 10px 20px;
  font-weight: 700;
  font-size: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #000;
}
.notification-menu .notifications-container .notifications-content {
  max-height: 383px;
  width: 370px;
  background-color: #F2F2F2;
  overflow: auto;
  padding: 5px 10px;
}
.notification-menu .notifications-container .notifications-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.notification-menu .notifications-container .notifications-content::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.notification-menu .notifications-container .notifications-content::-webkit-scrollbar-thumb {
  background-color: #000000;
}
.notification-menu .notifications-container .notifications-content .notification-item {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background-color: #fff;
  padding: 10px;
  padding-right: 35px;
  margin: 5px 0 5px 0;
  position: relative;
  cursor: pointer;
}
.notification-menu .notifications-container .notifications-content .notification-item:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.notification-menu .notifications-container .notifications-content .notification-item.is-read {
  cursor: default;
  background-color: #F2F2F2;
}
.notification-menu .notifications-container .notifications-content .notification-item.is-read:hover {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.notification-menu .notifications-container .notifications-content .notification-item.is-read .notification-title {
  font-weight: 400;
}
.notification-menu .notifications-container .notifications-content .notification-item.is-read .notification-title .mark-read {
  display: none;
}
.notification-menu .notifications-container .notifications-content .notification-item .notification-title {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 12px;
  color: #000;
}
.notification-menu .notifications-container .notifications-content .notification-item .notification-title .mark-read {
  position: absolute;
  right: 10px;
  top: 10px;
}
.notification-menu .notifications-container .notifications-content .notification-item .notification-title .mark-read .fa {
  font-size: 12px !important;
}
.notification-menu .notifications-container .notifications-content .notification-item .notification-desc {
  margin-bottom: 5px;
  font-size: 11px;
}
.notification-menu .notifications-container .notifications-content .notification-item .notification-date {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.3);
}
.notification-menu .notifications-container .notifications-content .notification-item .mark-read-mob {
  display: none;
}
@media only screen and (max-width: 640px) {
  .notification-menu .notifications-container.no-notifications {
    width: 100%;
  }
  .notification-menu .notifications-container .notifications-content {
    width: 100%;
  }
  .notification-menu .notifications-container .mark-read-mob {
    display: block !important;
    margin-top: 10px;
    font-size: 11px;
  }
  .notification-menu .notifications-container .notification-title .mark-read {
    display: none;
  }
}
/*-----------------------------------------
Catalogue
-----------------------------------------*/
html,
body {
  overflow: visible !important;
}
body.catalogue.subpage #contentcontainer #content {
  display: block;
  float: none;
  padding: 32px;
  width: auto;
}
body.catalogue .product-search {
  border: 0 none;
  height: auto;
  margin-bottom: 30px;
}
body.catalogue .product-search .search {
  display: block;
  height: auto;
}
body.catalogue .product-search .search i {
  color: #000;
  opacity: 0.3;
  padding: 14px;
  top: 0;
  bottom: auto;
}
body.catalogue .product-search .search input {
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 1rem;
  height: auto;
  margin: 0;
  outline: initial;
  padding: 12px;
  padding-left: 40px;
  width: 100%;
}
body.catalogue .product-search .filter-options {
  bottom: auto;
  display: block;
  right: 6px;
  top: 10px;
}
/*-----------------------------------------
ETR
-----------------------------------------*/
#etr div.new-record button,
#etr div.export button {
  margin: 0 !important;
  padding: 6px 12px !important;
}
#etr div.new-record button span,
#etr div.export button span {
  height: auto !important;
  line-height: normal !important;
  background-image: none !important;
  padding: 0 !important;
}
#etr .genericForm div.buttonrow {
  background: #fff !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px !important;
  border-radius: 0 !important;
  padding: 10px !important;
}
#etr #record_attachments #attachmentDiv {
  display: block;
}
#etr #trainingRecordsContainer {
  overflow: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
#etr .add {
  display: block;
}
#etr select {
  width: 100%;
}
#editQualificationForm input[type="text"],
#editQualificationForm select,
#editQualificationForm textarea {
  width: 100%;
}
#editProviderForm input[type="text"],
#editProviderForm select,
#editProviderForm textarea {
  width: 100%;
}
#editQualificationForm .closeLightbox,
#editProviderForm .closeLightbox {
  position: absolute;
  right: 20px;
  top: 25px;
}
#editQualificationForm .lbcontent,
#editProviderForm .lbcontent {
  background-color: #f2f2f2;
}
#editQualificationForm h2,
#editProviderForm h2 {
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin: -20px -20px 20px -20px;
}
@media only screen and (max-width: 640px) {
  #etr #newRecord select,
  #etr #newRecord input[type="text"] {
    width: 100%;
  }
  #etr #newRecord .genericForm div {
    padding-left: 0;
  }
  #etr #newRecord .genericForm div label {
    margin-left: 0;
    position: relative;
  }
  #etr #newRecord #provider_box,
  #etr #newRecord #course_box,
  #etr #newRecord #record_attachments,
  #etr #newRecord #userlist {
    margin-left: 0;
  }
  #etr #newRecord input.datebutton {
    position: absolute;
    right: 6px;
    margin-top: -29px;
  }
}
/*-----------------------------------------
CBS
-----------------------------------------*/
.detailsContainer #tabs {
  background: none;
  border-radius: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: none;
}
.detailsContainer #tabs ul {
  display: flex;
}
.detailsContainer #tabs li {
  border: 0 none;
  float: none;
  margin-right: 3px;
  text-align: center;
}
.detailsContainer #tabs li a {
  background: none;
  border: 0 none !important;
  border-radius: 4px 4px 0 0;
  color: #00b140;
  text-shadow: none !important;
}
.detailsContainer #tabs li a:hover {
  border: 0 none !important;
  color: #004b1b;
}
.detailsContainer #tabs li.ui-tabs-selected a {
  background: #d0df00 !important;
  color: #000 !important;
}
.detailsContainer div.filterControls {
  background: #fff;
  border: 0 none;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
}
.detailsContainer div.filterControls .find_a_course {
  background: none;
}
.detailsContainer table.bookingsTable a.action {
  height: auto;
}
#courseViewLightbox,
.objectiveLightbox_SessionView,
.objectiveLightbox {
  background: #f7f7f7 !important;
  border-radius: 0 !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px !important;
  height: 75% !important;
  overflow: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
#main_container #main_page_container .allNotifications,
#main_container #main_page_container .clearNotifications,
#main_container #main_page_container h2 .myArea,
#main_container #main_page_container #tabs,
#main_container #main_page_container div.filterControls .find_a_course {
  clear: none;
}
/*-----------------------------------------
Further Education
-----------------------------------------*/
.further-education legend {
  display: none;
}
.further-education input[type='submit'] {
  height: auto;
}
.further-education img {
  max-width: 100% !important;
}
.further-education .fetDivider {
  margin-left: 40px;
}
/*-----------------------------------------
SCORM launch
-----------------------------------------*/
.btn--scormlaunch {
  font-size: 1.26rem;
}