div.development_plan {
  margin: 50px auto;
  max-width: 80rem;
  min-height: 100vh;
}
div.development_plan p.back i {
  padding-right: 0.5rem;
}
div.development_plan p.back a {
  color: #A59CAC;
  text-decoration: none;
}
div.development_plan span.saved {
  color: green;
  display: none;
}
div.development_plan div.columns {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
div.development_plan div.columns div.left,
div.development_plan div.columns div.right {
  width: 50%;
  box-sizing: border-box;
  padding: 0.5rem;
}
div.development_plan div.columns div.segment {
  background-color: rgba(255, 255, 255, 0.7);
  border: 1px solid #DDD;
  border-radius: 0.5rem;
  box-sizing: border-box;
  padding: 2rem;
  margin-bottom: 1rem;
}
div.development_plan div.columns div.segment p.edit_wrapper {
  text-align: right;
}
div.development_plan div.columns div.segment label {
  font-size: 0.8rem;
  margin-bottom: 10px;
}
div.development_plan div.columns div.segment button,
div.development_plan div.columns div.segment input[type=submit] {
  border: 1px solid rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  border-radius: 0.3rem;
  font-size: 1rem;
  padding: 1rem;
}
div.development_plan div.columns div.segment ul.resources {
  padding: 0 0 0.8rem;
}
div.development_plan div.columns div.segment ul.resources li {
  list-style: none;
  padding-bottom: 0.5rem;
}
div.development_plan div.columns div.segment form label {
  display: block;
}
div.development_plan div.columns div.segment form input,
div.development_plan div.columns div.segment form select,
div.development_plan div.columns div.segment form textarea {
  border: 1px solid #DDD;
  font-size: 1rem;
  width: 100%;
  font-weight: lighter;
}
div.development_plan div.columns div.segment form input,
div.development_plan div.columns div.segment form textarea {
  box-sizing: border-box;
  padding: 0.5rem;
}
div.development_plan div.columns div.segment form textarea {
  max-width: 100%;
  min-width: 100%;
}
div.development_plan div.columns div.segment form input[type=submit] {
  display: block;
  width: auto;
}

div.home {
  padding: 1rem;
}
div.home h1 {
  text-align: center;
  margin-bottom: 0.5rem;
}
div.home div.overall_score_wrapper {
  display: flex;
  flex-direction: row;
}
div.home div.competency_score_wrapper div.canvas {
  display: inline-block;
  text-align: center;
  width: 33%;
  padding: 2rem;
  box-sizing: border-box;
}
@media screen and (max-width: 60rem) {
  div.home div.competency_score_wrapper div.canvas {
    width: 49%;
  }
}
@media screen and (max-width: 40rem) {
  div.home div.competency_score_wrapper div.canvas {
    width: 100%;
  }
}
div.home div.competency_score_wrapper div.canvas div.image_wrapper img {
  width: 15rem;
  margin: 0 auto;
  max-width: 100%;
}
div.home div.favourites_wrapper {
  padding: 1rem 0;
}
div.home div.link_wrapper {
  display: flex;
  flex-direction: row;
  padding: 2rem 0;
}
@media (max-width: 40rem) {
  div.home div.link_wrapper {
    flex-direction: column;
  }
}
div.home div.link_wrapper div {
  flex-grow: 1;
}
div.home p#model_tip {
  color: #8a8a8a;
  font-size: 0.8em;
  text-align: center;
  margin-top: 0;
}
div.home div.model_wrapper {
  align-items: center;
  display: flex;
  max-width: 80rem;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 65rem) {
  div.home div.model_wrapper {
    flex-direction: column;
  }
  div.home div.model_wrapper div.left_column, div.home div.model_wrapper div.right_column {
    width: 100%;
  }
}
div.home div.model_wrapper div.left_column {
  flex-grow: 1;
}
div.home div.model_wrapper div.left_column svg#model {
  width: 100%;
  max-width: 45rem;
}
div.home div.model_wrapper div.right_column {
  flex-grow: 1;
  text-align: left;
  max-width: 30rem;
  margin: 0 auto;
}

div.induction {
  max-width: 50rem;
  width: 100%;
  margin: 0 auto;
}
div.induction h1 {
  padding: 1rem 0 !important;
}
div.induction div.content_managed {
  line-height: 1.5;
}
div.induction div.content_managed h1, div.induction div.content_managed h2 {
  padding: 0.5rem 0;
}
div.induction div.content_managed ul {
  padding-left: 2rem;
}
div.induction div.content_managed ul li {
  display: list-item;
  list-style: disc;
}
div.induction form select {
  display: block;
  font-size: 0.9rem;
  width: 100%;
}
div.induction div.induction_buttons {
  padding-top: 2rem;
  display: flex;
  flex-direction: row;
}
div.induction div.induction_buttons div.left {
  flex-grow: 1;
  text-align: left;
}
div.induction div.induction_buttons div.right {
  flex-grow: 0;
}
div.induction ul.contents li {
  display: block;
  line-height: 1.5;
  padding-bottom: 0.5rem;
}
div.induction div#documents {
  padding: 1rem 0;
}
div.induction div#documents h2 {
  padding: 0;
}
div.induction div#documents h2 a {
  vertical-align: super;
}
div.induction div#documents h2 a i {
  font-size: 0.6em;
}
div.induction div#documents a.upload, div.induction div#documents button.upload {
  background-color: white;
  color: #3B8EBD;
  padding: 0.4rem 0.6rem;
  font-size: 0.9rem;
}
div.induction div#documents div.accordion_wrapper h3 {
  background-color: #3B8EBD;
  border-bottom: 0.2rem solid #357faa;
  padding: 0.5rem;
}
div.induction div#documents div.accordion_wrapper h3 a {
  color: white;
  display: block;
  text-decoration: none;
}
div.induction div#documents div.accordion_wrapper div.accordion div.list_wrapper {
  box-sizing: border-box;
  padding-left: 2rem;
}
div.induction div#documents p.placeholder {
  color: #3B8EBD;
}
div.induction div#documents ul.documents li {
  display: flex;
  flex-direction: row;
  padding: 0.5rem 0;
}
div.induction div#documents ul.documents li div.left {
  flex-grow: 1;
}
div.induction div#documents ul.documents li div.right {
  flex-grow: 0;
  text-align: right;
}
div.induction div#documents ul.documents li div.right div.no_file_uploaded input, div.induction div#documents ul.documents li div.right div.no_file_uploaded a.button, div.induction div#documents ul.documents li div.right div.no_file_uploaded button, div.induction div#documents ul.documents li div.right div.file_already_uploaded input, div.induction div#documents ul.documents li div.right div.file_already_uploaded a.button, div.induction div#documents ul.documents li div.right div.file_already_uploaded button {
  margin-right: 0.1rem;
  margin-bottom: 0.4rem;
}
div.induction div#documents ul.documents li div.right div.no_file_uploaded input[type=file], div.induction div#documents ul.documents li div.right div.file_already_uploaded input[type=file] {
  color: #3B8EBD;
}
div.induction div#documents ul.documents li div.right div.no_file_uploaded input, div.induction div#documents ul.documents li div.right div.file_already_uploaded input {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
div.induction div#documents ul.documents li i {
  color: #A59CAC;
  padding-right: 0.2rem;
}
div.induction div#documents ul.documents li p {
  padding: 0;
  margin: 0;
}
div.induction div#documents ul.documents li p.description {
  color: #A59CAC;
  font-size: 0.8em;
  padding-left: 1.2rem;
}

div#instructions ul {
  padding-left: 1.5rem;
}
div#instructions ul li {
  display: list-item;
  list-style: initial;
}

div.learning_library {
  box-sizing: border-box;
  padding: 0 1rem;
  position: relative;
  min-height: 100%;
}
div.learning_library div.image_container {
  height: 15rem;
}
div.learning_library div.detail_wrapper {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  padding: 1rem;
}
@media (max-width: 50rem) {
  div.learning_library div.detail_wrapper {
    flex-direction: column;
  }
}
div.learning_library div.detail_wrapper div.content_container {
  padding-left: 1rem;
  flex: 1;
}
div.learning_library div.detail_wrapper div.content_container span.ratings i {
  color: rgba(0, 0, 0, 0.3);
}
div.learning_library div.detail_wrapper div.content_container span.ratings i.active {
  color: #F5CE4D;
}
div.learning_library div.detail_wrapper div.content_container div.button_wrapper {
  padding: 0.5rem 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 80rem) {
  div.learning_library div.detail_wrapper div.content_container div.button_wrapper {
    flex-direction: column;
  }
  div.learning_library div.detail_wrapper div.content_container div.button_wrapper a.button {
    margin-bottom: 0.4rem;
    margin-top: 0;
    width: 100%;
  }
}
div.learning_library div.detail_wrapper div.content_container div.button_wrapper a.button {
  border: 1px solid #3B8EBD;
  display: block;
}
div.learning_library div.detail_wrapper div.content_container div.button_wrapper a.red {
  background-color: red;
  border: none;
}
div.learning_library div.detail_wrapper div.content_container div.button_wrapper a.red i {
  color: white;
}
div.learning_library div.detail_wrapper div.image_container {
  flex: auto;
  width: 40rem;
  max-width: 60%;
  height: 30rem;
}
@media (max-width: 50rem) {
  div.learning_library div.detail_wrapper div.image_container {
    max-width: 100%;
    width: 100%;
  }
}
div.learning_library h1.featured {
  font-size: 1.2rem;
  margin: 0;
  padding-left: 1rem;
  padding-top: 1rem;
}
div.learning_library h1.featured a.button {
  font-size: 0.9rem;
  padding: 0.3rem;
}
div.learning_library h1.featured a#search_library {
  color: black;
  font-size: 0.8em;
  text-decoration: none;
  float: right;
}
div.learning_library h1.featured a#search_library i {
  padding-right: 0.2rem;
}
div.learning_library div#search_sidebar {
  box-shadow: 1px 1px 10px 4px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  background-color: white;
  display: none;
  max-width: 20rem;
  min-height: 100%;
  padding: 1rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
}
div.learning_library div#search_sidebar ul {
  padding: 0;
}
div.learning_library div#search_sidebar ul li {
  list-style: none;
}
div.learning_library div#search_sidebar input[type=text] {
  box-sizing: border-box;
  display: block;
  padding: 0.5rem;
  width: 100%;
}
div.learning_library div#search_sidebar a#close_sidebar {
  color: black;
  display: block;
  text-align: right;
}
div.learning_library div#search_sidebar a#close_sidebar:visited {
  color: black;
}
div.learning_library div.carousel_wrapper {
  position: relative;
}
div.learning_library div.carousel_wrapper div.carousel {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
}
div.learning_library div.carousel_wrapper div.carousel a {
  color: black;
  text-decoration: none;
}
div.learning_library div.carousel_wrapper div.carousel div.carousel_item {
  box-sizing: border-box;
  padding: 1rem;
  flex-grow: 0;
  width: 25rem;
}
div.learning_library div.carousel_wrapper div.carousel div.carousel_item p {
  font-size: 0.9rem;
}
div.learning_library div.carousel_wrapper div.carousel div.carousel_item p b {
  text-transform: uppercase;
}
div.learning_library div.carousel_wrapper div.carousel div.carousel_item:hover {
  background-color: whitesmoke;
}

div.scroll_indicator {
  position: absolute;
  right: 1rem;
  top: 0;
  bottom: 0;
  width: 1.5rem;
  background-image: url("/static/images/more_indicator.png");
  background-position: right 25%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  z-index: 500;
}
div.scroll_indicator:hover {
  cursor: pointer;
}

div.more_wrapper {
  position: relative;
}
div.more_wrapper div.carousel {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
}
div.more_wrapper div.carousel a {
  color: black;
  font-size: 0.8rem;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}
div.more_wrapper div.carousel div.carousel_item {
  width: 18rem;
  margin-right: 1rem;
}
div.more_wrapper div.carousel div.carousel_item div.image_container {
  height: 10rem;
}

#comments p.author {
  font-size: 0.8em;
  color: rgba(0, 0, 0, 0.6);
}
#comments label {
  display: block;
}
#comments textarea {
  width: 100%;
  min-height: 5rem;
  min-width: 100%;
  max-width: 100%;
}

div.image_container {
  background-color: #F5CE4D;
  background-size: cover;
  background-position: top center;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  position: relative;
}
div.image_container div.icon {
  position: absolute;
  top: 0.3rem;
  left: 0.3rem;
  width: 4rem;
  height: 3rem;
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
}

div.transparent_wrapper {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0.4rem;
  border: 1px solid #ddd;
  box-sizing: border-box;
  padding: 2rem 3rem;
  flex-grow: 1;
}
div.transparent_wrapper h1 {
  color: #A59CAC;
  font-size: 1.6rem;
  padding: 2rem 0;
}
div.transparent_wrapper h2 {
  font-size: 1.3rem;
  padding: 1rem 0;
}
div.transparent_wrapper h3 {
  font-size: 1rem;
}
div.transparent_wrapper hr {
  border: none;
  height: 1px;
  background-color: #a9a9a9;
  margin: 2rem 0;
}
div.transparent_wrapper ul {
  padding: 0;
}
div.transparent_wrapper ul li {
  display: inline-block;
  list-style: none;
}
div.transparent_wrapper div.button_wrapper {
  text-align: right;
}
div.transparent_wrapper div.button_wrapper button {
  cursor: pointer;
  padding: 1rem 2rem;
  border: none;
  color: black;
  border: 1px solid black;
  border-radius: 0.5rem;
  font-size: 1.2rem;
}

ul#messages {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  text-align: center;
}
ul#messages li {
  background-color: green;
  color: white;
  list-style: none;
  text-align: center;
  padding: 1rem;
  box-sizing: border-box;
}
ul#messages li.error {
  background-color: red;
}

div.nav_wrapper {
  background-color: #F5CE4D;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  padding: 0 1rem;
  z-index: 2000;
  align-items: flex-end;
}
div.nav_wrapper.red {
  background-color: #d8232f;
}
div.nav_wrapper a {
  color: white;
  text-decoration: none;
}
div.nav_wrapper .strapline {
  flex-grow: 0;
  box-sizing: border-box;
  padding: 0.5rem;
}
div.nav_wrapper .strapline img {
  height: 50px;
  padding-right: 0.5rem;
}
div.nav_wrapper .strapline h1 {
  margin: 0;
  font-weight: bolder;
}
div.nav_wrapper .strapline h1, div.nav_wrapper .strapline img {
  display: inline-block;
  vertical-align: middle;
}
div.nav_wrapper .strapline, div.nav_wrapper ul {
  vertical-align: bottom;
}
div.nav_wrapper ul {
  flex-grow: 1;
  list-style: none;
  padding: 0;
  text-align: right;
  margin: 0;
  vertical-align: bottom;
}
div.nav_wrapper ul li {
  border-radius: 5px 5px 0 0;
  display: inline-block;
  font-size: 0.8rem;
  letter-spacing: 0.025rem;
  padding: 10px 0;
  padding: 10px 20px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
div.nav_wrapper ul li::after, div.nav_wrapper ul li::before {
  content: "";
  position: absolute;
  top: 0;
  width: 1rem;
  height: 100%;
}
div.nav_wrapper ul li.active {
  background: #ffffff;
}
div.nav_wrapper ul li.active a {
  color: #000000;
}
div.nav_wrapper ul li.active::after, div.nav_wrapper ul li.active::before {
  background: #ffffff;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
  border-radius: 5px 5px 0 0;
}
div.nav_wrapper ul li.active::before {
  left: 0;
  -webkit-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  transform: skew(-20deg);
}
div.nav_wrapper ul li.active::after {
  right: 0;
  -webkit-transform: skew(20deg);
  -ms-transform: skew(20deg);
  transform: skew(20deg);
}
@media (max-width: 95rem) {
  div.nav_wrapper {
    flex-direction: column;
  }
  div.nav_wrapper .strapline, div.nav_wrapper ul {
    margin: 0 auto;
    text-align: center;
  }
}
@media (max-width: 75rem) {
  div.nav_wrapper ul {
    width: 100%;
  }
  div.nav_wrapper ul li {
    border-radius: 0.1rem;
    display: block;
    margin-top: 0.5rem;
  }
  div.nav_wrapper ul li.active {
    background: rgba(255, 255, 255, 0.5);
  }
  div.nav_wrapper ul li.active::after, div.nav_wrapper ul li.active::before {
    background: none;
  }
  div.nav_wrapper ul li.active::before {
    transform: none;
  }
  div.nav_wrapper ul li.active::after {
    transform: none;
  }
}

p#instructions_link {
  padding: 0.5rem;
  margin: 0;
  font-size: 0.8em;
}
p#instructions_link a {
  background-color: whitesmoke;
  border: none;
  color: rgba(0, 0, 0, 0.8);
}
p#instructions_link a:hover {
  background-color: #e4e4e4;
}

div.modal_wrapper {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
div.modal_wrapper div.wide {
  max-width: 30rem !important;
}
div.modal_wrapper div.modal {
  background-color: white;
  box-shadow: 1px 5px 10px 5px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  padding: 2rem;
  border-radius: 0.5rem;
  margin: 5rem auto;
  max-width: 15rem;
  width: 100%;
}
div.modal_wrapper div.modal p.rating_wrapper {
  font-size: 0;
  text-align: center;
}
div.modal_wrapper div.modal p.rating_wrapper i {
  font-size: 1rem;
}
div.modal_wrapper div.modal p.rating_wrapper i:hover, div.modal_wrapper div.modal p.rating_wrapper i.active {
  color: #F5CE4D;
}
div.modal_wrapper div.modal p.close_wrapper {
  text-align: right;
}
div.modal_wrapper div.modal p.close_wrapper a {
  color: black;
}
div.modal_wrapper div.modal ul {
  padding: 0;
}
div.modal_wrapper div.modal ul li {
  list-style: none;
}

body,
html {
  font-family: Futura, sans-serif;
  padding: 0;
  margin: 0;
  min-height: 100%;
  color: #000000;
}

h1,
h2,
h3,
form {
  font-weight: normal;
}

a {
  color: #3B8EBD;
}

td {
  padding: 0.2rem 0.4rem;
}

form label {
  font-weight: normal;
  color: #000000;
}
form input, form select, form textarea {
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.75);
  font-family: Futura, sans-serif;
  padding: 5px 10px;
}
form input[type=submit] {
  border: 1px solid rgba(0, 0, 0, 0.5);
  display: block;
  width: auto;
}
form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid rgba(0, 0, 0, 0.75);
  padding: 5px 10px;
  line-height: 1;
  background-size: 10px;
  background-repeat: no-repeat;
  background-image: url("../static/images/selectArrows.png");
  background-position: top 5px right 1%;
}

p, li {
  line-height: 1.5;
}

button {
  cursor: pointer;
}

a.button,
button {
  background: none;
  border-radius: 0.3rem;
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  font-family: Futura, sans-serif;
  color: black;
  display: inline-block;
  margin-right: 0.4rem;
  padding: 0.8rem;
  text-align: center;
  text-decoration: none;
  font-size: 0.9rem;
}
a.button i,
button i {
  padding-right: 0.2em;
}

hr {
  border: none;
}

div.logo_bg {
  background-image: url("/static/images/bg.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

div.assessment {
  padding: 1rem;
}
div.assessment h1#main_title {
  margin: 4rem 0;
}
@media (max-width: 40rem) {
  div.assessment h1#main_title {
    text-align: center;
  }
}
div.assessment label {
  padding-right: 3rem;
}
div.assessment div.column_wrapper {
  display: flex;
  flex-direction: row;
}
@media (max-width: 40rem) {
  div.assessment div.column_wrapper {
    flex-direction: column;
  }
}
div.assessment div.column_wrapper div.left_column {
  text-align: center;
  flex-grow: 0;
}
div.assessment div.column_wrapper div.left_column img {
  padding: 0 1rem 3rem;
  max-width: 10rem;
}
div.assessment div.column_wrapper div.left_column select {
  display: block;
  padding: 1rem;
  margin: 1rem auto;
}

div.auth_wrapper {
  margin: 0 auto;
  max-width: 30rem;
}
div.auth_wrapper label {
  display: block;
  font-size: 0.8rem;
}
div.auth_wrapper input {
  border: 1px solid #3B8EBD;
  font-size: 1rem;
  padding: 0.5rem;
  width: 100%;
}
div.auth_wrapper button {
  border: 1px solid #3B8EBD;
  font-size: 1rem;
  padding: 0.8rem 1.5rem;
  border-radius: 0.3rem;
}
div.auth_wrapper a {
  color: #3B8EBD;
}

div.page_wrapper {
  min-height: 100%;
  padding: 2rem;
}

/*# sourceMappingURL=main.css.map */