@import url('index-blessed1.css?z=1759908095367');

            section#showCourses div#courses > div.course.theme7 > div#body > div.cols > div.col.col#courseContent > div#costs {
              display: inline-block; }
  section#showCourses div#courses > div.course.theme8, section#showCourses div#courses > div.course.theme8#resendCodePopup {
    position: relative;
    border: 0 solid #7299b0;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left: 10px solid #7299b0;
    counter-increment: courses; }
    section#showCourses div#courses > div.course.theme8[data-usePriority="true"], section#showCourses div#courses > div.course.theme8[data-usePriority="true"]#resendCodePopup {
      margin-left: 3rem; }
      section#showCourses div#courses > div.course.theme8[data-usePriority="true"]:first-of-type > div#priority > div#up, section#showCourses div#courses > div.course.theme8[data-usePriority="true"]#resendCodePopup:first-of-type > div#priority > div#up {
        display: none; }
      section#showCourses div#courses > div.course.theme8[data-usePriority="true"]:last-of-type > div#priority > div#down, section#showCourses div#courses > div.course.theme8[data-usePriority="true"]#resendCodePopup:last-of-type > div#priority > div#down {
        display: none; }
      section#showCourses div#courses > div.course.theme8[data-usePriority="true"] > div#priority, section#showCourses div#courses > div.course.theme8[data-usePriority="true"]#resendCodePopup > div#priority {
        display: block; }
    section#showCourses div#courses > div.course.theme8[data-open="true"] > div#header, section#showCourses div#courses > div.course.theme8[data-open="true"]#resendCodePopup > div#header {
      position: -webkit-sticky;
      position: sticky;
      top: 6.5rem;
      z-index: 1; }
    section#showCourses div#courses > div.course.theme8[data-open="true"] > div#body, section#showCourses div#courses > div.course.theme8[data-open="true"]#resendCodePopup > div#body {
      display: block; }
    section#showCourses div#courses > div.course.theme8 > div#priority, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#priority {
      display: none;
      position: absolute;
      top: 0;
      left: -3rem;
      font-size: 1rem; }
      section#showCourses div#courses > div.course.theme8 > div#priority > div:not(#number), section#showCourses div#courses > div.course.theme8#resendCodePopup > div#priority > div:not(#number), section#showCourses div#courses > div.course.theme8 > div#priority > div#resendCodePopup:not(#number), section#showCourses div#courses > div.course.theme8#resendCodePopup > div#priority > div#resendCodePopup:not(#number) {
        width: 2rem;
        text-align: center; }
        section#showCourses div#courses > div.course.theme8 > div#priority > div:not(#number):before, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#priority > div:not(#number):before, section#showCourses div#courses > div.course.theme8 > div#priority > div#resendCodePopup:not(#number):before, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#priority > div#resendCodePopup:not(#number):before {
          margin: 0;
          padding: 0;
          width: auto;
          cursor: pointer; }
      section#showCourses div#courses > div.course.theme8 > div#priority > div#number, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#priority > div#number {
        border-radius: 50%;
        background-color: #7299b0;
        width: 2rem;
        height: 2rem;
        text-align: center;
        line-height: 2rem;
        color: #fff;
        font-weight: bold; }
        section#showCourses div#courses > div.course.theme8 > div#priority > div#number:before, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#priority > div#number:before {
          content: counter(courses); }
    section#showCourses div#courses > div.course.theme8 > div#header, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header {
      background-color: #ecf1f5;
      color: #7299b0;
      cursor: pointer;
      position: relative;
      padding-left: 4rem; }
      section#showCourses div#courses > div.course.theme8 > div#header > img, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > img {
        position: absolute;
        top: 1.1rem;
        left: 0.6rem;
        width: 4rem;
        height: auto; }
      section#showCourses div#courses > div.course.theme8 > div#header > div#corecourse, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > div#corecourse {
        position: absolute;
        bottom: 0rem;
        left: 0rem;
        font-size: .875rem;
        background-color: #7299b0;
        color: #d8e3ea;
        border-radius: 0 .25rem 0 0;
        padding: .25rem .5rem .15rem 0;
        font-weight: 600; }
      section#showCourses div#courses > div.course.theme8 > div#header > div, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > div, section#showCourses div#courses > div.course.theme8 > div#header > div#resendCodePopup, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > div#resendCodePopup {
        display: flex;
        flex-flow: row wrap;
        align-items: center; }
        section#showCourses div#courses > div.course.theme8 > div#header > div:first-of-type > div, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > div:first-of-type > div, section#showCourses div#courses > div.course.theme8 > div#header > div#resendCodePopup:first-of-type > div, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > div#resendCodePopup:first-of-type > div, section#showCourses div#courses > div.course.theme8 > div#header > div:first-of-type > div#resendCodePopup, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > div:first-of-type > div#resendCodePopup, section#showCourses div#courses > div.course.theme8 > div#header > div#resendCodePopup:first-of-type > div#resendCodePopup {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#showCourses div#courses > div.course.theme8 > div#header > div:last-of-type > div, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > div:last-of-type > div, section#showCourses div#courses > div.course.theme8 > div#header > div#resendCodePopup:last-of-type > div, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > div#resendCodePopup:last-of-type > div, section#showCourses div#courses > div.course.theme8 > div#header > div:last-of-type > div#resendCodePopup, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > div:last-of-type > div#resendCodePopup, section#showCourses div#courses > div.course.theme8 > div#header > div#resendCodePopup:last-of-type > div#resendCodePopup {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#showCourses div#courses > div.course.theme8 > div#header > div > div, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > div > div, section#showCourses div#courses > div.course.theme8 > div#header > div#resendCodePopup > div, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > div#resendCodePopup > div, section#showCourses div#courses > div.course.theme8 > div#header > div > div#resendCodePopup, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > div > div#resendCodePopup, section#showCourses div#courses > div.course.theme8 > div#header > div#resendCodePopup > div#resendCodePopup {
          font-weight: bold;
          flex: 1 1 0;
          padding: 0rem 0.5rem; }
          @media only screen and (max-width: 480px) {
            section#showCourses div#courses > div.course.theme8 > div#header > div > div, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > div > div, section#showCourses div#courses > div.course.theme8 > div#header > div#resendCodePopup > div, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > div#resendCodePopup > div, section#showCourses div#courses > div.course.theme8 > div#header > div > div#resendCodePopup, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > div > div#resendCodePopup, section#showCourses div#courses > div.course.theme8 > div#header > div#resendCodePopup > div#resendCodePopup {
              padding-left: 3rem; } }
          section#showCourses div#courses > div.course.theme8 > div#header > div > div:first-of-type, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > div > div:first-of-type, section#showCourses div#courses > div.course.theme8 > div#header > div#resendCodePopup > div:first-of-type, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > div#resendCodePopup > div:first-of-type, section#showCourses div#courses > div.course.theme8 > div#header > div > div#resendCodePopup:first-of-type, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > div > div#resendCodePopup:first-of-type, section#showCourses div#courses > div.course.theme8 > div#header > div#resendCodePopup > div#resendCodePopup:first-of-type {
            padding-left: 3rem; }
          section#showCourses div#courses > div.course.theme8 > div#header > div > div#label, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > div > div#label, section#showCourses div#courses > div.course.theme8 > div#header > div#resendCodePopup > div#label {
            flex: 3 1 0;
            position: relative; }
            @media only screen and (max-width: 480px) {
              section#showCourses div#courses > div.course.theme8 > div#header > div > div#label, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > div > div#label, section#showCourses div#courses > div.course.theme8 > div#header > div#resendCodePopup > div#label {
                flex: 1 1 100%; } }
            section#showCourses div#courses > div.course.theme8 > div#header > div > div#label:before, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > div > div#label:before, section#showCourses div#courses > div.course.theme8 > div#header > div#resendCodePopup > div#label:before {
              position: absolute;
              left: 1rem; }
            section#showCourses div#courses > div.course.theme8 > div#header > div > div#label > div#subtitle {
              font-weight: normal;
              font-style: italic; }
          section#showCourses div#courses > div.course.theme8 > div#header > div > div#startDate, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#header > div > div#startDate, section#showCourses div#courses > div.course.theme8 > div#header > div#resendCodePopup > div#startDate {
            flex: 1 1 80px; }
    section#showCourses div#courses > div.course.theme8 > div#body, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#body {
      display: none;
      padding: 1.5rem;
      background-color: #d8e3ea; }
      section#showCourses div#courses > div.course.theme8 > div#body::after, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#body::after {
        content: '';
        display: table;
        clear: both; }
      section#showCourses div#courses > div.course.theme8 > div#body div.label, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#body div.label, section#showCourses div#courses > div.course.theme8 > div#body div.label#resendCodePopup, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#body div.label#resendCodePopup {
        color: #7299b0;
        font-weight: bold; }
      section#showCourses div#courses > div.course.theme8 > div#body > div#label, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#body > div#label {
        font-size: 1.5rem; }
      section#showCourses div#courses > div.course.theme8 > div#body > div#partner, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#body > div#partner {
        margin: 0.5rem 0; }
      section#showCourses div#courses > div.course.theme8 > div#body > div.cols, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#body > div.cols, section#showCourses div#courses > div.course.theme8 > div#body > div.cols#resendCodePopup, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#body > div.cols#resendCodePopup {
        padding-top: 1rem; }
        section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#body > div.cols > div.col, section#showCourses div#courses > div.course.theme8 > div#body > div.cols#resendCodePopup > div.col, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#body > div.cols#resendCodePopup > div.col, section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col#resendCodePopup, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#body > div.cols > div.col#resendCodePopup, section#showCourses div#courses > div.course.theme8 > div#body > div.cols#resendCodePopup > div.col#resendCodePopup {
          float: left;
          clear: none;
          text-align: inherit;
          width: 48.5%;
          margin-left: 0%;
          margin-right: 3%; }
          section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col::after, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#body > div.cols > div.col::after, section#showCourses div#courses > div.course.theme8 > div#body > div.cols#resendCodePopup > div.col::after, section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col#resendCodePopup::after {
            content: '';
            display: table;
            clear: both; }
          section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col:nth-child(n), section#showCourses div#courses > div.course.theme8#resendCodePopup > div#body > div.cols > div.col:nth-child(n), section#showCourses div#courses > div.course.theme8 > div#body > div.cols#resendCodePopup > div.col:nth-child(n), section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col#resendCodePopup:nth-child(n) {
            margin-right: 3%;
            float: left;
            clear: none; }
          section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col:nth-child(2n), section#showCourses div#courses > div.course.theme8#resendCodePopup > div#body > div.cols > div.col:nth-child(2n), section#showCourses div#courses > div.course.theme8 > div#body > div.cols#resendCodePopup > div.col:nth-child(2n), section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col#resendCodePopup:nth-child(2n) {
            margin-right: 0%;
            float: right; }
          section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col:nth-child(2n + 1), section#showCourses div#courses > div.course.theme8#resendCodePopup > div#body > div.cols > div.col:nth-child(2n + 1), section#showCourses div#courses > div.course.theme8 > div#body > div.cols#resendCodePopup > div.col:nth-child(2n + 1), section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col#resendCodePopup:nth-child(2n + 1) {
            clear: both; }
          @media only screen and (max-width: 480px) {
            section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#body > div.cols > div.col, section#showCourses div#courses > div.course.theme8 > div#body > div.cols#resendCodePopup > div.col, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#body > div.cols#resendCodePopup > div.col, section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col#resendCodePopup, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#body > div.cols > div.col#resendCodePopup, section#showCourses div#courses > div.course.theme8 > div#body > div.cols#resendCodePopup > div.col#resendCodePopup {
              display: block;
              clear: both;
              float: none;
              width: 100%;
              margin-left: auto;
              margin-right: auto; }
              section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col:first-child, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#body > div.cols > div.col:first-child, section#showCourses div#courses > div.course.theme8 > div#body > div.cols#resendCodePopup > div.col:first-child, section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col#resendCodePopup:first-child {
                margin-left: auto; }
              section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col:last-child, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#body > div.cols > div.col:last-child, section#showCourses div#courses > div.course.theme8 > div#body > div.cols#resendCodePopup > div.col:last-child, section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col#resendCodePopup:last-child {
                margin-right: auto; } }
          section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col > div#date {
            border-left: 5px solid #7299b0;
            margin: 1rem;
            padding: 0.5rem 1rem; }
          section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col > div#places > div.place {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col > div#places > div.place:before {
              position: absolute;
              left: 0; }
            section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col > div#places > div.place > div#mapLink > a {
              font-weight: bold;
              color: #7299b0; }
          section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col > div#tutors > div.tutor {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col > div#tutors > div.tutor:before {
              position: absolute;
              left: 0; }
          section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col.col > div.in-col-block, section#showCourses div#courses > div.course.theme8#resendCodePopup > div#body > div.cols > div.col.col > div.in-col-block, section#showCourses div#courses > div.course.theme8 > div#body > div.cols#resendCodePopup > div.col.col > div.in-col-block, section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col.col#resendCodePopup > div.in-col-block, section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col.col > div.in-col-block#resendCodePopup {
            margin-bottom: .5rem; }
            section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col.col > div.in-col-block > div#startDateLabel {
              display: inline-block; }
            section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col.col > div.in-col-block > div#startDate {
              display: inline-block; }
            section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col.col > div.in-col-block > div#endDateLabel {
              display: inline-block; }
            section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col.col > div.in-col-block > div#endDate {
              display: inline-block; }
          section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent {
            float: left;
            clear: none;
            text-align: inherit;
            width: 100%;
            margin-left: 0%;
            margin-right: 3%; }
            section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent::after {
              content: '';
              display: table;
              clear: both; }
            section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent:nth-child(n) {
              margin-right: 3%;
              float: left;
              clear: none; }
            section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent:nth-child(2n) {
              margin-right: 0%;
              float: right; }
            section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent:nth-child(2n + 1) {
              clear: both; }
            @media only screen and (max-width: 480px) {
              section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent {
                display: block;
                clear: both;
                float: none;
                width: 100%;
                margin-left: auto;
                margin-right: auto; }
                section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent:first-child {
                  margin-left: auto; }
                section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent:last-child {
                  margin-right: auto; } }
            section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent > div#courseContent {
              padding: 0.5rem 0; }
              section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent > div#courseContent > img {
                float: right;
                width: 15rem; }
            section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent > div#bring {
              padding: 0.5rem 0; }
            section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent > div#costsLabel {
              display: inline-block; }
            section#showCourses div#courses > div.course.theme8 > div#body > div.cols > div.col.col#courseContent > div#costs {
              display: inline-block; }
  section#showCourses div#courses > div.course.theme9, section#showCourses div#courses > div.course.theme9#resendCodePopup {
    position: relative;
    border: 0 solid #7299b0;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left: 10px solid #7299b0;
    counter-increment: courses; }
    section#showCourses div#courses > div.course.theme9[data-usePriority="true"], section#showCourses div#courses > div.course.theme9[data-usePriority="true"]#resendCodePopup {
      margin-left: 3rem; }
      section#showCourses div#courses > div.course.theme9[data-usePriority="true"]:first-of-type > div#priority > div#up, section#showCourses div#courses > div.course.theme9[data-usePriority="true"]#resendCodePopup:first-of-type > div#priority > div#up {
        display: none; }
      section#showCourses div#courses > div.course.theme9[data-usePriority="true"]:last-of-type > div#priority > div#down, section#showCourses div#courses > div.course.theme9[data-usePriority="true"]#resendCodePopup:last-of-type > div#priority > div#down {
        display: none; }
      section#showCourses div#courses > div.course.theme9[data-usePriority="true"] > div#priority, section#showCourses div#courses > div.course.theme9[data-usePriority="true"]#resendCodePopup > div#priority {
        display: block; }
    section#showCourses div#courses > div.course.theme9[data-open="true"] > div#header, section#showCourses div#courses > div.course.theme9[data-open="true"]#resendCodePopup > div#header {
      position: -webkit-sticky;
      position: sticky;
      top: 6.5rem;
      z-index: 1; }
    section#showCourses div#courses > div.course.theme9[data-open="true"] > div#body, section#showCourses div#courses > div.course.theme9[data-open="true"]#resendCodePopup > div#body {
      display: block; }
    section#showCourses div#courses > div.course.theme9 > div#priority, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#priority {
      display: none;
      position: absolute;
      top: 0;
      left: -3rem;
      font-size: 1rem; }
      section#showCourses div#courses > div.course.theme9 > div#priority > div:not(#number), section#showCourses div#courses > div.course.theme9#resendCodePopup > div#priority > div:not(#number), section#showCourses div#courses > div.course.theme9 > div#priority > div#resendCodePopup:not(#number), section#showCourses div#courses > div.course.theme9#resendCodePopup > div#priority > div#resendCodePopup:not(#number) {
        width: 2rem;
        text-align: center; }
        section#showCourses div#courses > div.course.theme9 > div#priority > div:not(#number):before, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#priority > div:not(#number):before, section#showCourses div#courses > div.course.theme9 > div#priority > div#resendCodePopup:not(#number):before, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#priority > div#resendCodePopup:not(#number):before {
          margin: 0;
          padding: 0;
          width: auto;
          cursor: pointer; }
      section#showCourses div#courses > div.course.theme9 > div#priority > div#number, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#priority > div#number {
        border-radius: 50%;
        background-color: #7299b0;
        width: 2rem;
        height: 2rem;
        text-align: center;
        line-height: 2rem;
        color: #fff;
        font-weight: bold; }
        section#showCourses div#courses > div.course.theme9 > div#priority > div#number:before, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#priority > div#number:before {
          content: counter(courses); }
    section#showCourses div#courses > div.course.theme9 > div#header, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header {
      background-color: white;
      color: #7299b0;
      cursor: pointer;
      position: relative;
      padding-left: 4rem; }
      section#showCourses div#courses > div.course.theme9 > div#header > img, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > img {
        position: absolute;
        top: 1.1rem;
        left: 0.6rem;
        width: 4rem;
        height: auto; }
      section#showCourses div#courses > div.course.theme9 > div#header > div#corecourse, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > div#corecourse {
        position: absolute;
        bottom: 0rem;
        left: 0rem;
        font-size: .875rem;
        background-color: #7299b0;
        color: white;
        border-radius: 0 .25rem 0 0;
        padding: .25rem .5rem .15rem 0;
        font-weight: 600; }
      section#showCourses div#courses > div.course.theme9 > div#header > div, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > div, section#showCourses div#courses > div.course.theme9 > div#header > div#resendCodePopup, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > div#resendCodePopup {
        display: flex;
        flex-flow: row wrap;
        align-items: center; }
        section#showCourses div#courses > div.course.theme9 > div#header > div:first-of-type > div, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > div:first-of-type > div, section#showCourses div#courses > div.course.theme9 > div#header > div#resendCodePopup:first-of-type > div, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > div#resendCodePopup:first-of-type > div, section#showCourses div#courses > div.course.theme9 > div#header > div:first-of-type > div#resendCodePopup, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > div:first-of-type > div#resendCodePopup, section#showCourses div#courses > div.course.theme9 > div#header > div#resendCodePopup:first-of-type > div#resendCodePopup {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#showCourses div#courses > div.course.theme9 > div#header > div:last-of-type > div, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > div:last-of-type > div, section#showCourses div#courses > div.course.theme9 > div#header > div#resendCodePopup:last-of-type > div, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > div#resendCodePopup:last-of-type > div, section#showCourses div#courses > div.course.theme9 > div#header > div:last-of-type > div#resendCodePopup, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > div:last-of-type > div#resendCodePopup, section#showCourses div#courses > div.course.theme9 > div#header > div#resendCodePopup:last-of-type > div#resendCodePopup {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
        section#showCourses div#courses > div.course.theme9 > div#header > div > div, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > div > div, section#showCourses div#courses > div.course.theme9 > div#header > div#resendCodePopup > div, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > div#resendCodePopup > div, section#showCourses div#courses > div.course.theme9 > div#header > div > div#resendCodePopup, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > div > div#resendCodePopup, section#showCourses div#courses > div.course.theme9 > div#header > div#resendCodePopup > div#resendCodePopup {
          font-weight: bold;
          flex: 1 1 0;
          padding: 0rem 0.5rem; }
          @media only screen and (max-width: 480px) {
            section#showCourses div#courses > div.course.theme9 > div#header > div > div, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > div > div, section#showCourses div#courses > div.course.theme9 > div#header > div#resendCodePopup > div, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > div#resendCodePopup > div, section#showCourses div#courses > div.course.theme9 > div#header > div > div#resendCodePopup, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > div > div#resendCodePopup, section#showCourses div#courses > div.course.theme9 > div#header > div#resendCodePopup > div#resendCodePopup {
              padding-left: 3rem; } }
          section#showCourses div#courses > div.course.theme9 > div#header > div > div:first-of-type, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > div > div:first-of-type, section#showCourses div#courses > div.course.theme9 > div#header > div#resendCodePopup > div:first-of-type, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > div#resendCodePopup > div:first-of-type, section#showCourses div#courses > div.course.theme9 > div#header > div > div#resendCodePopup:first-of-type, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > div > div#resendCodePopup:first-of-type, section#showCourses div#courses > div.course.theme9 > div#header > div#resendCodePopup > div#resendCodePopup:first-of-type {
            padding-left: 3rem; }
          section#showCourses div#courses > div.course.theme9 > div#header > div > div#label, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > div > div#label, section#showCourses div#courses > div.course.theme9 > div#header > div#resendCodePopup > div#label {
            flex: 3 1 0;
            position: relative; }
            @media only screen and (max-width: 480px) {
              section#showCourses div#courses > div.course.theme9 > div#header > div > div#label, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > div > div#label, section#showCourses div#courses > div.course.theme9 > div#header > div#resendCodePopup > div#label {
                flex: 1 1 100%; } }
            section#showCourses div#courses > div.course.theme9 > div#header > div > div#label:before, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > div > div#label:before, section#showCourses div#courses > div.course.theme9 > div#header > div#resendCodePopup > div#label:before {
              position: absolute;
              left: 1rem; }
            section#showCourses div#courses > div.course.theme9 > div#header > div > div#label > div#subtitle {
              font-weight: normal;
              font-style: italic; }
          section#showCourses div#courses > div.course.theme9 > div#header > div > div#startDate, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#header > div > div#startDate, section#showCourses div#courses > div.course.theme9 > div#header > div#resendCodePopup > div#startDate {
            flex: 1 1 80px; }
    section#showCourses div#courses > div.course.theme9 > div#body, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#body {
      display: none;
      padding: 1.5rem;
      background-color: white; }
      section#showCourses div#courses > div.course.theme9 > div#body::after, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#body::after {
        content: '';
        display: table;
        clear: both; }
      section#showCourses div#courses > div.course.theme9 > div#body div.label, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#body div.label, section#showCourses div#courses > div.course.theme9 > div#body div.label#resendCodePopup, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#body div.label#resendCodePopup {
        color: #7299b0;
        font-weight: bold; }
      section#showCourses div#courses > div.course.theme9 > div#body > div#label, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#body > div#label {
        font-size: 1.5rem; }
      section#showCourses div#courses > div.course.theme9 > div#body > div#partner, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#body > div#partner {
        margin: 0.5rem 0; }
      section#showCourses div#courses > div.course.theme9 > div#body > div.cols, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#body > div.cols, section#showCourses div#courses > div.course.theme9 > div#body > div.cols#resendCodePopup, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#body > div.cols#resendCodePopup {
        padding-top: 1rem; }
        section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#body > div.cols > div.col, section#showCourses div#courses > div.course.theme9 > div#body > div.cols#resendCodePopup > div.col, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#body > div.cols#resendCodePopup > div.col, section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col#resendCodePopup, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#body > div.cols > div.col#resendCodePopup, section#showCourses div#courses > div.course.theme9 > div#body > div.cols#resendCodePopup > div.col#resendCodePopup {
          float: left;
          clear: none;
          text-align: inherit;
          width: 48.5%;
          margin-left: 0%;
          margin-right: 3%; }
          section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col::after, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#body > div.cols > div.col::after, section#showCourses div#courses > div.course.theme9 > div#body > div.cols#resendCodePopup > div.col::after, section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col#resendCodePopup::after {
            content: '';
            display: table;
            clear: both; }
          section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col:nth-child(n), section#showCourses div#courses > div.course.theme9#resendCodePopup > div#body > div.cols > div.col:nth-child(n), section#showCourses div#courses > div.course.theme9 > div#body > div.cols#resendCodePopup > div.col:nth-child(n), section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col#resendCodePopup:nth-child(n) {
            margin-right: 3%;
            float: left;
            clear: none; }
          section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col:nth-child(2n), section#showCourses div#courses > div.course.theme9#resendCodePopup > div#body > div.cols > div.col:nth-child(2n), section#showCourses div#courses > div.course.theme9 > div#body > div.cols#resendCodePopup > div.col:nth-child(2n), section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col#resendCodePopup:nth-child(2n) {
            margin-right: 0%;
            float: right; }
          section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col:nth-child(2n + 1), section#showCourses div#courses > div.course.theme9#resendCodePopup > div#body > div.cols > div.col:nth-child(2n + 1), section#showCourses div#courses > div.course.theme9 > div#body > div.cols#resendCodePopup > div.col:nth-child(2n + 1), section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col#resendCodePopup:nth-child(2n + 1) {
            clear: both; }
          @media only screen and (max-width: 480px) {
            section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#body > div.cols > div.col, section#showCourses div#courses > div.course.theme9 > div#body > div.cols#resendCodePopup > div.col, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#body > div.cols#resendCodePopup > div.col, section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col#resendCodePopup, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#body > div.cols > div.col#resendCodePopup, section#showCourses div#courses > div.course.theme9 > div#body > div.cols#resendCodePopup > div.col#resendCodePopup {
              display: block;
              clear: both;
              float: none;
              width: 100%;
              margin-left: auto;
              margin-right: auto; }
              section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col:first-child, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#body > div.cols > div.col:first-child, section#showCourses div#courses > div.course.theme9 > div#body > div.cols#resendCodePopup > div.col:first-child, section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col#resendCodePopup:first-child {
                margin-left: auto; }
              section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col:last-child, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#body > div.cols > div.col:last-child, section#showCourses div#courses > div.course.theme9 > div#body > div.cols#resendCodePopup > div.col:last-child, section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col#resendCodePopup:last-child {
                margin-right: auto; } }
          section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col > div#date {
            border-left: 5px solid #7299b0;
            margin: 1rem;
            padding: 0.5rem 1rem; }
          section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col > div#places > div.place {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col > div#places > div.place:before {
              position: absolute;
              left: 0; }
            section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col > div#places > div.place > div#mapLink > a {
              font-weight: bold;
              color: #7299b0; }
          section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col > div#tutors > div.tutor {
            position: relative;
            padding: 0.5rem 0;
            padding-left: 1.7rem; }
            section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col > div#tutors > div.tutor:before {
              position: absolute;
              left: 0; }
          section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col.col > div.in-col-block, section#showCourses div#courses > div.course.theme9#resendCodePopup > div#body > div.cols > div.col.col > div.in-col-block, section#showCourses div#courses > div.course.theme9 > div#body > div.cols#resendCodePopup > div.col.col > div.in-col-block, section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col.col#resendCodePopup > div.in-col-block, section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col.col > div.in-col-block#resendCodePopup {
            margin-bottom: .5rem; }
            section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col.col > div.in-col-block > div#startDateLabel {
              display: inline-block; }
            section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col.col > div.in-col-block > div#startDate {
              display: inline-block; }
            section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col.col > div.in-col-block > div#endDateLabel {
              display: inline-block; }
            section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col.col > div.in-col-block > div#endDate {
              display: inline-block; }
          section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent {
            float: left;
            clear: none;
            text-align: inherit;
            width: 100%;
            margin-left: 0%;
            margin-right: 3%; }
            section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent::after {
              content: '';
              display: table;
              clear: both; }
            section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent:nth-child(n) {
              margin-right: 3%;
              float: left;
              clear: none; }
            section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent:nth-child(2n) {
              margin-right: 0%;
              float: right; }
            section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent:nth-child(2n + 1) {
              clear: both; }
            @media only screen and (max-width: 480px) {
              section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent {
                display: block;
                clear: both;
                float: none;
                width: 100%;
                margin-left: auto;
                margin-right: auto; }
                section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent:first-child {
                  margin-left: auto; }
                section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent:last-child {
                  margin-right: auto; } }
            section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent > div#courseContent {
              padding: 0.5rem 0; }
              section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent > div#courseContent > img {
                float: right;
                width: 15rem; }
            section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent > div#bring {
              padding: 0.5rem 0; }
            section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent > div#costsLabel {
              display: inline-block; }
            section#showCourses div#courses > div.course.theme9 > div#body > div.cols > div.col.col#courseContent > div#costs {
              display: inline-block; }
  section#showCourses div#courses > div.course:first-of-type, section#showCourses div#courses > div.course#resendCodePopup:first-of-type {
    border-top-width: 1px; }
  section#showCourses div#courses > div.course[data-open="true"] > div#header, section#showCourses div#courses > div.course[data-open="true"]#resendCodePopup > div#header {
    top: 0 !important; }
  section#showCourses div#courses > div.course[data-state="open"] > div#header > div > div#state > button#unsubscribe, section#showCourses div#courses > div.course[data-specialallowunsubscribe="true"] > div#header > div > div#state > button#unsubscribe {
    display: inline-block; }
  section#showCourses div#courses > div.course[data-state="confirmed"] > div#header > div > div#state > div#state {
    background-color: #14af97; }
  section#showCourses div#courses > div.course[data-state="unconfirmed"] > div#header > div > div#state > div#state {
    background-color: #e7334c; }
  section#showCourses div#courses > div.course[data-attended="true"] > div#header > div > div#state > button#certificate {
    display: inline-block; }
  section#showCourses div#courses > div.course[data-attended="true"] > div#header > div > div#state > button#feedback {
    display: inline-block; }
  section#showCourses div#courses > div.course[data-canceled="true"] > div#header > div > div#canceled, section#showCourses div#courses > div.course[data-canceled="true"]#resendCodePopup > div#header > div > div#canceled, section#showCourses div#courses > div.course[data-canceled="true"] > div#header > div#resendCodePopup > div#canceled {
    display: flex; }
  section#showCourses div#courses > div.course[data-canceled="true"] > div#header > div > div#state, section#showCourses div#courses > div.course[data-canceled="true"]#resendCodePopup > div#header > div > div#state, section#showCourses div#courses > div.course[data-canceled="true"] > div#header > div#resendCodePopup > div#state {
    display: none; }
  section#showCourses div#courses > div.course > div#header > div > div#label > div#name {
    font-size: 1.3rem; }
  section#showCourses div#courses > div.course > div#header > div > div#canceled, section#showCourses div#courses > div.course#resendCodePopup > div#header > div > div#canceled, section#showCourses div#courses > div.course > div#header > div#resendCodePopup > div#canceled {
    flex: 0 1 0;
    display: none; }
    section#showCourses div#courses > div.course > div#header > div > div#canceled > div, section#showCourses div#courses > div.course#resendCodePopup > div#header > div > div#canceled > div, section#showCourses div#courses > div.course > div#header > div#resendCodePopup > div#canceled > div, section#showCourses div#courses > div.course > div#header > div > div#canceled > div#resendCodePopup {
      width: 180px;
      padding: 0.5rem 0;
      text-align: center;
      background-color: #e7334c;
      color: #fff;
      border-radius: 4px; }
  section#showCourses div#courses > div.course > div#header > div > div#state, section#showCourses div#courses > div.course#resendCodePopup > div#header > div > div#state, section#showCourses div#courses > div.course > div#header > div#resendCodePopup > div#state {
    flex: 0 1 0; }
    section#showCourses div#courses > div.course > div#header > div > div#state > div#state {
      width: 130px;
      padding: 0.5rem 0;
      text-align: center;
      background-color: #9E9E9E;
      color: #fff;
      border-radius: 4px; }
    section#showCourses div#courses > div.course > div#header > div > div#state > button, section#showCourses div#courses > div.course#resendCodePopup > div#header > div > div#state > button, section#showCourses div#courses > div.course > div#header > div#resendCodePopup > div#state > button {
      display: none;
      width: 130px;
      padding: 0.5rem 0;
      background-color: #9E9E9E;
      color: #fff;
      font-weight: bold;
      border: 0;
      border-radius: 4px;
      margin-bottom: 0.1rem; }
      section#showCourses div#courses > div.course > div#header > div > div#state > button#unsubscribe {
        background-color: #e7334c; }
      section#showCourses div#courses > div.course > div#header > div > div#state > button#certificate {
        background-color: #e5d102; }
      section#showCourses div#courses > div.course > div#header > div > div#state > button#feedback {
        background-color: #7299b0; }
        section#showCourses div#courses > div.course > div#header > div > div#state > button#feedback:disabled {
          color: #BDBDBD;
          background-color: #EEEEEE; }

section#studentEdit {
  padding: 1rem 0; }
  section#studentEdit fieldset {
    margin: 0;
    margin-bottom: 1rem;
    border: 1px solid #9E9E9E;
    padding: 0.35rem 0; }
    section#studentEdit fieldset:last-of-type {
      margin-bottom: 0 !important; }
    section#studentEdit fieldset div.field {
      padding: 1rem 1rem;
      border-bottom: 2px dotted #666; }
      section#studentEdit fieldset div.field[data-type="title"] {
        border-bottom: none; }
        section#studentEdit fieldset div.field[data-type="title"] > div#label {
          font-size: 1.5rem; }
        section#studentEdit fieldset div.field[data-type="title"] > div#notice {
          font-size: 1rem; }
      section#studentEdit fieldset div.field[data-category="online"] {
        background-color: #fff3e0; }
      section#studentEdit fieldset div.field[data-category="type"] {
        background-color: #ECEFF1; }
      section#studentEdit fieldset div.field[data-category="background"] {
        background-color: #fafafa; }
      section#studentEdit fieldset div.field[data-category="theme"] {
        background-color: #fff9ef; }
      section#studentEdit fieldset div.field[data-category="infos"] {
        background-color: #f1f9fe; }
      section#studentEdit fieldset div.field::after {
        content: '';
        display: table;
        clear: both; }
      section#studentEdit fieldset div.field > div#label {
        float: left;
        clear: none;
        text-align: inherit;
        width: 48.5%;
        margin-left: 0%;
        margin-right: 3%;
        font-weight: bold;
        line-height: 28px; }
        section#studentEdit fieldset div.field > div#label::after {
          content: '';
          display: table;
          clear: both; }
        section#studentEdit fieldset div.field > div#label:nth-child(n) {
          margin-right: 3%;
          float: left;
          clear: none; }
        section#studentEdit fieldset div.field > div#label:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        section#studentEdit fieldset div.field > div#label:nth-child(2n + 1) {
          clear: both; }
        @media only screen and (max-width: 768px) {
          section#studentEdit fieldset div.field > div#label {
            display: block;
            clear: both;
            float: none;
            width: 100%;
            margin-left: auto;
            margin-right: auto; }
            section#studentEdit fieldset div.field > div#label:first-child {
              margin-left: auto; }
            section#studentEdit fieldset div.field > div#label:last-child {
              margin-right: auto; } }
      section#studentEdit fieldset div.field > div#input-item {
        float: left;
        clear: none;
        text-align: inherit;
        width: 48.5%;
        margin-left: 0%;
        margin-right: 3%; }
        section#studentEdit fieldset div.field > div#input-item::after {
          content: '';
          display: table;
          clear: both; }
        section#studentEdit fieldset div.field > div#input-item:nth-child(n) {
          margin-right: 3%;
          float: left;
          clear: none; }
        section#studentEdit fieldset div.field > div#input-item:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        section#studentEdit fieldset div.field > div#input-item:nth-child(2n + 1) {
          clear: both; }
        @media only screen and (max-width: 768px) {
          section#studentEdit fieldset div.field > div#input-item {
            display: block;
            clear: both;
            float: none;
            width: 100%;
            margin-left: auto;
            margin-right: auto; }
            section#studentEdit fieldset div.field > div#input-item:first-child {
              margin-left: auto; }
            section#studentEdit fieldset div.field > div#input-item:last-child {
              margin-right: auto; } }
        section#studentEdit fieldset div.field > div#input-item > input[type="text"], section#studentEdit fieldset div.field > div#input-item input[type="email"], section#studentEdit fieldset div.field > div#input-item input[type="date"], section#studentEdit fieldset div.field > div#input-item input[type="password"], section#studentEdit fieldset div.field > div#input-item input[type="number"], section#studentEdit fieldset div.field > div#input-item textarea {
          width: 100%;
          border: none;
          padding-left: 0.5rem;
          height: 28px;
          background-color: #F5F5F5;
          border-right: 5px solid #666;
          color: #424242; }
          section#studentEdit fieldset div.field > div#input-item > input[type="text"]:valid, section#studentEdit fieldset div.field > div#input-item input[type="email"]:valid, section#studentEdit fieldset div.field > div#input-item input[type="date"]:valid, section#studentEdit fieldset div.field > div#input-item input[type="password"]:valid, section#studentEdit fieldset div.field > div#input-item input[type="number"]:valid, section#studentEdit fieldset div.field > div#input-item textarea:valid {
            background-color: #E8F5E9;
            border-color: #14af97; }
          section#studentEdit fieldset div.field > div#input-item > input[type="text"]:invalid, section#studentEdit fieldset div.field > div#input-item input[type="email"]:invalid, section#studentEdit fieldset div.field > div#input-item input[type="date"]:invalid, section#studentEdit fieldset div.field > div#input-item input[type="password"]:invalid, section#studentEdit fieldset div.field > div#input-item input[type="number"]:invalid, section#studentEdit fieldset div.field > div#input-item textarea:invalid {
            background-color: #fad3d8;
            border-color: #e7334c; }
        section#studentEdit fieldset div.field > div#input-item > textarea {
          min-height: 100px; }
        section#studentEdit fieldset div.field > div#input-item > select {
          width: 100%; }
          section#studentEdit fieldset div.field > div#input-item > select:valid {
            background-color: #E8F5E9;
            border-color: #14af97; }
          section#studentEdit fieldset div.field > div#input-item > select:invalid {
            background-color: #fad3d8;
            border-color: #e7334c; }
      section#studentEdit fieldset div.field > div#public {
        padding: 0.5rem 0;
        font-size: 0.85rem;
        color: #7299b0;
        font-weight: bold;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%; }
        section#studentEdit fieldset div.field > div#public::after {
          content: '';
          display: table;
          clear: both; }
        section#studentEdit fieldset div.field > div#public:nth-child(n) {
          margin-right: 3%;
          float: left;
          clear: none; }
        section#studentEdit fieldset div.field > div#public:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        section#studentEdit fieldset div.field > div#public:nth-child(2n + 1) {
          clear: both; }
      section#studentEdit fieldset div.field > div#notice {
        padding: 0.5rem 0;
        font-size: 0.85rem;
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%; }
        section#studentEdit fieldset div.field > div#notice::after {
          content: '';
          display: table;
          clear: both; }
        section#studentEdit fieldset div.field > div#notice:nth-child(n) {
          margin-right: 3%;
          float: left;
          clear: none; }
        section#studentEdit fieldset div.field > div#notice:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        section#studentEdit fieldset div.field > div#notice:nth-child(2n + 1) {
          clear: both; }
      section#studentEdit fieldset div.field[data-type="checkbox"] > div#input-item > input, section#studentEdit fieldset div.field[data-type="options"] > div#input-item > input {
        text-align: left;
        vertical-align: middle; }
      section#studentEdit fieldset div.field[data-type="checkbox"] > div#input-item > label, section#studentEdit fieldset div.field[data-type="options"] > div#input-item > label {
        display: inline-block;
        padding: 0.5rem 1rem;
        cursor: pointer;
        font-weight: bold; }
      section#studentEdit fieldset div.field[data-type="checkbox"] > div#input-item input:checked + label, section#studentEdit fieldset div.field[data-type="options"] > div#input-item input:checked + label {
        font-weight: bold; }
      section#studentEdit fieldset div.field[data-type="checkbox"] > div#input-item input:invalid + label, section#studentEdit fieldset div.field[data-type="options"] > div#input-item input:invalid + label {
        color: #e7334c; }
      section#studentEdit fieldset div.field:last-of-type {
        border-bottom: 0; }
      section#studentEdit fieldset div.field > div#input-item > div.input {
        padding: 0.1rem 1rem; }
        section#studentEdit fieldset div.field > div#input-item > div.input > label {
          display: inline-block;
          padding-left: 1rem; }
    section#studentEdit fieldset button {
      clear: both;
      border: none;
      background: #424242;
      padding: 0.5rem 1rem;
      color: #fff;
      float: right; }
      section#studentEdit fieldset button:disabled {
        background-color: #9E9E9E; }
        section#studentEdit fieldset button:disabled:after {
          content: " (inaktiv)"; }
  section#studentEdit button#remove {
    border: none;
    background: #424242;
    padding: 0.5rem 1rem;
    color: #fff;
    float: right; }
    section#studentEdit button#remove:disabled {
      background-color: #9E9E9E; }
      section#studentEdit button#remove:disabled:after {
        content: " (inaktiv)"; }
  section#studentEdit h1 {
    clear: both; }

div#feedbackPopup.popup div#content > div#header {
  display: flex;
  align-items: center;
  flex-flow: row wrap; }
  div#feedbackPopup.popup div#content > div#header > h1 {
    flex: 1 1 0; }
  div#feedbackPopup.popup div#content > div#header > p {
    flex: 1 1 100%; }

div#feedbackPopup.popup div#content > div#feedbackSheet > button {
  border: none;
  background: #424242;
  padding: 0.5rem 1rem;
  color: #fff; }
  div#feedbackPopup.popup div#content > div#feedbackSheet > button:disabled {
    background-color: #9E9E9E; }
    div#feedbackPopup.popup div#content > div#feedbackSheet > button:disabled:after {
      content: " (inaktiv)"; }

div#feedbackPopup.popup div#content > div#feedbackSheet > form > fieldset {
  padding: 0;
  margin: 0;
  border: 0; }
  div#feedbackPopup.popup div#content > div#feedbackSheet > form > fieldset > table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem; }
    div#feedbackPopup.popup div#content > div#feedbackSheet > form > fieldset > table:not([data-type="stars"]) {
      table-layout: fixed; }
    div#feedbackPopup.popup div#content > div#feedbackSheet > form > fieldset > table[data-type="stars"] > tbody > tr > td {
      vertical-align: middle; }
    div#feedbackPopup.popup div#content > div#feedbackSheet > form > fieldset > table > thead > tr > th {
      text-align: left;
      background-color: #F5F5F5;
      padding-top: 1rem;
      padding-left: 4rem;
      position: relative;
      height: 3rem; }
      div#feedbackPopup.popup div#content > div#feedbackSheet > form > fieldset > table > thead > tr > th:before {
        content: attr(data-field-name);
        position: absolute;
        left: 0;
        top: 0;
        margin: 0.5rem 1rem;
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        background-color: #14af97;
        text-align: center;
        line-height: 2rem;
        color: #fff; }
      div#feedbackPopup.popup div#content > div#feedbackSheet > form > fieldset > table > thead > tr > th > div#notice {
        font-style: italic;
        font-weight: normal; }
    div#feedbackPopup.popup div#content > div#feedbackSheet > form > fieldset > table > thead > tr > td {
      text-align: center; }
    div#feedbackPopup.popup div#content > div#feedbackSheet > form > fieldset > table > tbody > tr > td > textarea {
      width: 100%;
      height: 5rem; }
    div#feedbackPopup.popup div#content > div#feedbackSheet > form > fieldset > table > tbody > tr > td > input {
      display: block; }
    div#feedbackPopup.popup div#content > div#feedbackSheet > form > fieldset > table > tbody > tr > td > label {
      display: block;
      margin-top: 1rem; }
    div#feedbackPopup.popup div#content > div#feedbackSheet > form > fieldset > table tr > td, div#feedbackPopup.popup div#content > div#feedbackSheet > form > fieldset > table tr > th {
      vertical-align: top;
      border: 1px solid #9E9E9E;
      padding: 0.5rem 1rem; }

body {
  font-family: "museo-sans", sans-serif;
  color: #424242; }

div.wrapped, div.wrapped#resendCodePopup {
  width: 960px;
  margin: 0px auto; }
  @media only screen and (max-width: 992px) {
    div.wrapped, div.wrapped#resendCodePopup {
      width: 100%;
      padding: 0 1rem; } }
div.printArea, div.printArea#resendCodePopup {
  display: none;
  font-family: Arial, sans-serif; }
  div.printArea#default:before {
    font-size: 1.5rem;
    content: attr(data-notice); }

@media print {
  body section {
    display: none !important; }
  div.printArea, div.printArea#resendCodePopup {
    display: block; } }

@page {
  size: A4 portrait;
  margin: 1cm; }

/* ---------------------------------------- 
    BrowserBlast by @markgdyr
    markgoodyear.com
---------------------------------------- */
#browserblast {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: #fff; }