@import url('https://fonts.googleapis.com/css?family=Indie+Flower');
@import url('https://fonts.googleapis.com/css?family=Sansita');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script');
@import url('https://fonts.googleapis.com/css?family=Architects+Daughter|Coming+Soon|Courgette|Crafty+Girls|Handlee|Merienda');
@import url('https://fonts.googleapis.com/css?family=Dekko|Delius|Itim|Montez');
@font-face {
  font-family: 'James_Fajardo';
  src: url(/theme/imkovakopleidingen/sjacko/RozeStijl/fonts/James_Fajardo.eot);
  src: url(/theme/imkovakopleidingen/sjacko/RozeStijl/fonts/James_Fajardo.eot) format('embedded-opentype'),
      url(/theme/imkovakopleidingen/sjacko/RozeStijl/fonts/James_Fajardo.woff) format('woff'),
      url(/theme/imkovakopleidingen/sjacko/RozeStijl/fonts/James_Fajardo.ttf) format('truetype'),
      url(/theme/imkovakopleidingen/sjacko/RozeStijl/fonts/James_Fajardo.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}

body.PinkStyle {
  background-repeat: repeat-y;
  background-position: left top;
  background-attachment: fixed;
  background-size: 15%;
  scrollbar-face-color: #ea5297;
  /*
  ::-webkit-scrollbar-thumb {
    background-color: @pink;
    border: 0;
  }
*/
}
body.PinkStyle nav div#imkovakopleidingennavbar {
  margin: 0;
  border: none;
}
body.PinkStyle nav div.calder_navbar {
  margin: 0;
  border-radius: 0;
}
body.PinkStyle .modified {
  display: none;
}
body.PinkStyle .right {
  float: right;
}
body.PinkStyle .block .header .title h2:before {
  color: #ea5297;
}
body.PinkStyle i.fa.fa-file.icon:before,
body.PinkStyle .collapsed .tree_item.branch:before,
body.PinkStyle .tree_item.branch.branch:before {
  color: #ea5297;
}
body.PinkStyle .block a {
  color: #ea5297;
}
body.PinkStyle .h5p-iframe {
  font-family: 'Open Sans' !important;
}
body.PinkStyle iframe {
  background-color: black;
}
body.PinkStyle #page {
  margin: 0 10px 0 15%;
}
body.PinkStyle #page input[type="button"],
body.PinkStyle #page input[type="submit"],
body.PinkStyle #page #id_submitbutton {
  background-color: #ea5297;
}
body.PinkStyle #page ul.breadcrumb.style2 li {
  background-color: #fff;
  font-size: 16px;
}
body.PinkStyle #page ul.breadcrumb.style2 li a {
  font-family: 'Open Sans' !important;
}
body.PinkStyle #page ul.breadcrumb.style2 li a,
body.PinkStyle #page ul.breadcrumb.style2 li:after {
  color: #ea5297;
}
body.PinkStyle #page .block a {
  color: #ea5297;
}
body.PinkStyle #page-content #region-main {
  background: none !important;
}
body.PinkStyle #page-content #region-main h1.coursetitle {
  display: none;
}
body.PinkStyle #page-content #region-main p,
body.PinkStyle #page-content #region-main b {
  font-family: 'Open Sans' !important;
  text-align: justify;
  font-size: 16px;
  line-height: 24px;
}
body.PinkStyle #page-content #region-main a,
body.PinkStyle #page-content #region-main a:visited {
  color: #ea5297;
}
body.PinkStyle #page-content #region-main ul {
  list-style-image: url('../images/LIstyle1.png');
  font-size: 16px;
  margin: 18px 0 18px 50px;
  font-family: 'Open Sans' !important;
}
body.PinkStyle #page-content #region-main ul li {
  line-height: 24px;
  font-family: 'Open Sans' !important;
  list-style-position: inside;
  background-color: #FFF;
}
body.PinkStyle #page-content #region-main div.answer .ablock img {
  margin: 0px;
  padding: 0px;
}
body.PinkStyle #page-content #region-main table,
body.PinkStyle #page-content #region-main tbody,
body.PinkStyle #page-content #region-main thead,
body.PinkStyle #page-content #region-main th,
body.PinkStyle #page-content #region-main tr,
body.PinkStyle #page-content #region-main td {
  border-color: #ea5297 !important;
  table-layout: fixed;
  border-style: solid;
}
body.PinkStyle #page-content #region-main table {
  border-width: 6px;
  margin: 20px 0 20px;
}
body.PinkStyle #page-content #region-main tr,
body.PinkStyle #page-content #region-main td {
  border-width: 1px;
}
body.PinkStyle #page-content #region-main td {
  padding: 10px 5px 0px 5px;
}
body.PinkStyle #page-content #region-main th {
  border-width: 0px;
}
body.PinkStyle #page-content #region-main tr td p {
  text-align: center;
}
body.PinkStyle #page-content #region-main .mod-header {
  padding-left: 180px;
  background: none;
}
body.PinkStyle #page-content #region-main .submitbtns input {
  float: right;
}
body.PinkStyle #page-content #region-main input {
  font-family: 'Open Sans' !important;
  font-size: 15px !important;
  padding: 14px;
  border-color: #ea5297;
  background: #ea5297;
  color: #fff;
  border: none;
}
body.PinkStyle #page-content #region-main input[type="submit"] {
  font-family: 'Delius', cursive;
  font-size: 30px !important;
  font-weight: 200;
}
body.PinkStyle #page-content #region-main input:hover {
  color: #ea5297;
  background-color: #ffffff;
}
body.PinkStyle #page-content #region-main input[value="Vorige"] {
  font-family: 'Delius', cursive, 'James_Fajardo';
  font-weight: 200;
  font-size: 26px !important;
  padding: 14px;
  border-color: #ea5297;
  background: #ea5297;
  color: #fff;
  Border: none;
}
body.PinkStyle #page-content #region-main input[value="Volgende"],
body.PinkStyle #page-content #region-main input[value="Volgende pagina"] {
  font-family: 'Delius', cursive, 'James_Fajardo';
  font-weight: 200;
  font-size: 26px !important;
  padding: 14px;
  border-color: #ea5297;
  background: #ea5297;
  color: #fff;
  Border: none;
}
body.PinkStyle #page-content #region-main input[value="Volgende"] input[type="submit"],
body.PinkStyle #page-content #region-main input[value="Volgende pagina"] input[type="submit"] {
  background-color: #ea5297;
  font-family: 'Delius', cursive, 'James_Fajardo';
}
body.PinkStyle #page-content #region-main input[value="Volgende"] input[type="submit"][disabled],
body.PinkStyle #page-content #region-main input[value="Volgende pagina"] input[type="submit"][disabled] {
  background: none;
}
body.PinkStyle #page-content #region-main input[value="Volgende"] input[type="submit"][disabled] :hover,
body.PinkStyle #page-content #region-main input[value="Volgende pagina"] input[type="submit"][disabled] :hover {
  color: #CAC8BB;
  background: none;
}
body.PinkStyle #page-content #region-main #region-main > div > div:nth-child(7) > div .control input[type="submit"] {
  font-family: 'Open Sans' !important;
}
body.PinkStyle #page-content #region-main h1 {
  font-family: 'Delius', cursive, 'James_Fajardo' !important;
  background: none;
  text-align: center;
  color: #ea5297;
  font-size: 62px;
  padding: 0px;
  float: right;
  margin: -50px -10px 0px 0px;
  /* line-height: 60px; */
  font-weight: 200;
}
body.PinkStyle #page-content #region-main h2 {
  font-family: 'Delius', cursive, 'Sansita' !important;
  color: #ea5297;
  font-size: 52px;
  font-weight: 200;
  text-align: center;
  margin: 10px 0 20px 0;
  padding: 0px;
  line-height: 56px;
}
body.PinkStyle #page-content #region-main .block .header .title h2:before {
  color: #ea5297;
}
body.PinkStyle #page-content #region-main h3 {
  font-family: 'Delius', cursive, 'Sansita' !important;
  color: #ea5297;
  font-size: 32px;
  text-align: left;
  margin: 12px 0 0 0;
  padding: 0px;
  background: none;
}
body.PinkStyle #page-content #region-main h4 {
  color: #ea5297;
}
body.PinkStyle #page-content #region-main .section .activity .editing_move {
  position: relative;
  float: inherit;
  right: inherit;
  top: inherit;
}
body.PinkStyle #page-content #region-main .section .activity .actions {
  position: relative;
  float: inherit;
  right: inherit;
  top: inherit;
}
body.PinkStyle #page-content #region-main .Koptekst {
  color: #ea5297;
  font-family: 'Delius', cursive, 'Sansita' !important;
  font-size: 26px;
}
body.PinkStyle #page-content #region-main #parftipbox {
  background-image: url('../images/TipIcon.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #ea5297;
  background-position: 10px;
  color: #fff;
  padding: 35px;
  display: flex;
}
body.PinkStyle #page-content #region-main #parftipbox p {
  text-align: left;
  margin-left: 30px;
  font-size: 16px;
  font-weight: bold;
}
body.PinkStyle #page-content #region-main .box.quizinfo p {
  margin: 0 0 0 10px;
}
body.PinkStyle #page-content #region-main .que.multichoice {
  font-size: 16px;
  border-colour: none;
}
body.PinkStyle #page-content #region-main .que.multichoice .answer .specificfeedback,
body.PinkStyle #page-content #region-main .que.multichoice .answer div.r1 div.specificfeedback {
  background: none;
}
body.PinkStyle #page-content #region-main .que {
  font-size: 16px;
}
body.PinkStyle #page-content #region-main .que h3 {
  font-size: 19px;
  margin: 0;
}
body.PinkStyle #page-content #region-main .que .validationerror {
  background-color: #fff;
}
body.PinkStyle #page-content #region-main .que .qno {
  font-size: 1.1em;
}
body.PinkStyle #page-content #region-main .que .fa-gear:before,
body.PinkStyle #page-content #region-main .que .fa-cog:before {
  padding: 0 5px;
}
body.PinkStyle #page-content #region-main .que .content {
  margin: 0;
}
body.PinkStyle #page-content #region-main .que .questionflagimage {
  background: none;
}
body.PinkStyle #page-content #region-main .que .info {
  background: none;
  border-radius: 6px;
  float: none;
  margin-bottom: 1em;
  width: 98.4%;
}
body.PinkStyle #page-content #region-main .que .info .questionflag {
  float: right;
  display: inline-block;
  margin: -6.5% 7px auto auto;
}
body.PinkStyle #page-content #region-main .que .info .questionflag input.questionflagimage {
  background: none;
  padding: 0;
  margin: 0;
}
body.PinkStyle #page-content #region-main .que .info .questionflag .questionflagtext {
  padding: 0;
}
body.PinkStyle #page-content #region-main .que .outcome {
  color: #000;
  background-color: #fff;
  border-color: #000;
}
body.PinkStyle #page-content #region-main .que .formulation {
  border-color: #fff;
  background-color: #ea5297;
  text-shadow: none;
  color: #fff;
  font-family: 'Open Sans' !important;
  font-size: 16px;
  padding: 18px 18px 18px 15px;
}
body.PinkStyle #page-content #region-main .que .formulation .qtext {
  color: #fff;
  font-family: 'Open Sans';
  font-weight: bold;
}
body.PinkStyle #page-content #region-main .que .formulation .prompt {
  color: #fff;
  margin: 0 0 10px 0;
}
body.PinkStyle #page-content #region-main .que .formulation .answer .r0 label,
body.PinkStyle #page-content #region-main .que .formulation .answer .r1 label,
body.PinkStyle #page-content #region-main .que .formulation .answer .r2 label,
body.PinkStyle #page-content #region-main .que .formulation .answer .r3 label,
body.PinkStyle #page-content #region-main .que .formulation .answer .r4 label {
  font-family: 'Open Sans' !important;
  font-size: 16px;
  color: #fff;
  font-weight: normal;
}
body.PinkStyle #page-content #region-main .que .formulation .answer .incorrect {
  background-color: #fff;
}
body.PinkStyle #page-content #region-main .que .formulation .answer .incorrect label {
  color: #000 !important;
}
body.PinkStyle #page-content #region-main .que .formulation .answer .correct {
  background-color: #fff;
}
body.PinkStyle #page-content #region-main .que .formulation .answer .correct label {
  color: #000 !important;
}
body.PinkStyle #page-content #region-main .que .formulation .answer .specificfeedback {
  color: #000;
}
body.PinkStyle #page-content #region-main h2:before {
  color: #ea5297;
}
body.PinkStyle .single-section .section-title {
  background-color: #fff !important;
  text-align: center;
}
body.PinkStyle .single-section .course_overview_icons .instancename {
  font-family: 'Delius', cursive, 'Sansita', 'Open Sans' !important;
  font-size: 21px;
  font-weight: normal;
  background-color: #ea5297;
  padding: 6px;
  width: 224px;
}
body.PinkStyle .single-section .course_overview_icons .instancename h3 {
  text-align: center;
}
body.PinkStyle .single-section section#region-main {
  background-color: #fff;
}
body.PinkStyle .single-section .course_overview_icons {
  border: none;
}
body.PinkStyle .single-section .icon.mod_icon_page {
  background-image: url('../images/icon-bookParf.png');
  background-size: 45%;
  background-position: 50% 30%;
}
body.PinkStyle .single-section .icon.mod_icon_page:hover {
  background-image: url('../images/icon-book-hoverParf.png');
}
body.PinkStyle .single-section .icon-book {
  background-image: url('../images/icon-bookParf.png');
}
body.PinkStyle .single-section .icon-book:hover {
  background-image: url('../images/icon-book-hoverParf.png');
}
body.PinkStyle .single-section .icon-test {
  background-image: url('../images/icon-testParf.png');
  background-size: 38%;
  background-position: 54% 34%;
}
body.PinkStyle .single-section .icon-test:hover {
  background-image: url('../images/icon-test-hoverParf.png');
}
body.PinkStyle .single-section .icon-good-false {
  background-image: url('../images/icon-good-falseParf.png');
  background-size: 60%;
  background-position: 50% 36%;
}
body.PinkStyle .single-section .icon-good-false:hover {
  background-image: url('../images/icon-good-false-hoverParf.png');
}
body.PinkStyle .single-section .icon-conversation {
  background-image: url('../images/icon-conversationParf.png');
}
body.PinkStyle .single-section .icon-conversation:hover {
  background-image: url('../images/icon-conversation-hoverParf.png');
}
body.PinkStyle .course-content {
  color: #000;
}
body.PinkStyle .course-content ul li.section_u.main {
  border: none;
}
body.PinkStyle .course-content .section_u-title {
  background: #ea5297;
  margin: 0;
  padding: 8px 0px;
  text-align: left;
  position: absolute;
  bottom: 6px;
  left: 0px;
  width: 250px;
  color: #fff;
  font-weight: 100;
  border-radius: 12px;
  font-family: 'Delius', cursive, 'Sansita';
  font-size: 18px;
  text-align: center;
}
body.PinkStyle .course-content li[aria-label="Test je kennis!"] .icon-section {
  background-image: url(../images/icon-testalgemeenParf.png);
  background-size: 43%;
  background-position: 47% 28%;
}
body.PinkStyle .course-content li[aria-label="Test je kennis!"] .icon-section:hover {
  background-image: url('../images/icon-testalgemeen-hoverParf.png');
}
body.PinkStyle .course-content .icon-section {
  background-image: url('../images/icon-sectionParf.png');
  background-size: 36%;
  background-position: 50% 40%;
}
body.PinkStyle .course-content .icon-section:hover {
  background-image: url('../images/icon-section-hoverParf.png');
}
body.PinkStyle .course-content .block_navigation.block li.type_unknown.depth_1 > .tree_item.branch body.Parfumerie section a {
  color: #000;
}
body.PinkStyle .moodle-dialogue-base h1 {
  font-family: 'Delius', cursive, 'Sansita' !important;
  color: #ea5297;
  font-size: 24px !important;
  text-align: left;
  margin: 12px 0 0 0;
  padding: 0px;
  background: none;
  text-align: center;
}
body.PinkStyle .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
body.PinkStyle .moodle-dialogue-base .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
  background: none;
}
body.PinkStyle .moodle-dialogue-base input {
  font-family: 'Open Sans' !important;
  font-size: 14px !important;
  padding: 6px;
  border-color: #ea5297;
  background-color: #ea5297;
  color: #fff;
  border: none;
}
body.PinkStyle .moodle-dialogue-base input:hover {
  background-color: #fff;
  color: #ea5297;
}
body.PinkStyle .moodle-dialogue-base section#region-main {
  background: none !important;
}
body.PinkStyle .moodle-dialogue-base div#imkovakopleidingennavbar {
  margin: 0px;
  border: 1px solid #c6c6c6;
  border-top: none;
}
body div html.h5p-iframe .h5p-content {
  background-color: black!important;
}
