﻿@keyframes heartbeat {
  0% {
    transform: scale(0.75);
  }
  20% {
    transform: scale(1);
  }
  40% {
    transform: scale(0.75);
  }
  60% {
    transform: scale(1);
  }
  80% {
    transform: scale(0.75);
  }
  100% {
    transform: scale(0.75);
  }
}
#niveauBtns .inactive {
  background-color: #ffe372 !important;
}
#niveauBtns .inactive:hover {
  color: #000;
  text-decoration: underline;
}
@media (min-width: 1040px) {
  #niveauBtns > div > *:not(span) {
    padding: 0px 25px;
  }
}

.gekozenFilterGroep {
  line-height: 28px;
}
.gekozenFilterGroep .bg-gray {
  background-color: #f0f0f0;
}
.gekozenFilterGroep .btn-sm {
  height: 28px;
}
.gekozenFilterGroep .btn-sm .border {
  width: 12px;
  height: 12px;
  border-color: #000 !important;
  top: -2px;
}
.gekozenFilterGroep .btn-sm i {
  margin: 0;
  font-size: 0.7em;
  top: 1px;
  left: 50%;
  transform: translate(-50%);
}
.gekozenFilterGroep div[id^=geselecteerde], .gekozenFilterGroep .collapse > div > div:last-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gekozenFilterGroep div[id^=geselecteerde] {
  width: 86%;
}
.gekozenFilterGroep .collapse > div {
  width: 100%;
}
.gekozenFilterGroep .collapse > div > div:last-child {
  max-width: 85%;
}
.gekozenFilterGroep > .flex-nowrap {
  max-width: 82%;
}

#submitzoekenopleidingen, #submitzoekenopleidingenfixedtop, #submitzoekenstudiesfixedtop, #submitzoekenstudies {
  width: 100%;
  height: 100%;
}

/*#filterProvincie {
    display: none;
}
*/
#filterInstelling, #filterInstellingMbo {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
  /* Fix Firefox */
  scrollbar-color: #888 #f1f1f1;
  scrollbar-width: thin;
}
#filterInstelling input[type=text], #filterInstellingMbo input[type=text] {
  background-color: #e9ecef;
  border-color: #e9ecef;
}
#filterInstelling input[type=text] ~ i, #filterInstellingMbo input[type=text] ~ i {
  right: 0;
  top: 7px;
  color: #adb5bd;
  font-size: 0.8em;
}
#filterInstelling input[type=text]:focus, #filterInstellingMbo input[type=text]:focus {
  background-color: #f8f9fa;
}
#filterInstelling #collapseInstelling, #filterInstelling #collapseinstellingMbo, #filterInstellingMbo #collapseInstelling, #filterInstellingMbo #collapseinstellingMbo {
  max-height: 350px;
  overflow-y: scroll;
  overflow-x: hidden;
}
#filterInstelling #collapseInstelling.geenScrollbalk, #filterInstelling #collapseinstellingMbo.geenScrollbalk, #filterInstellingMbo #collapseInstelling.geenScrollbalk, #filterInstellingMbo #collapseinstellingMbo.geenScrollbalk {
  overflow-y: hidden;
}
#filterInstelling ::-webkit-scrollbar, #filterInstellingMbo ::-webkit-scrollbar {
  width: 8px;
}
#filterInstelling ::-webkit-scrollbar-track, #filterInstellingMbo ::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
#filterInstelling ::-webkit-scrollbar-thumb, #filterInstellingMbo ::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
#filterInstelling ::-webkit-scrollbar-thumb:hover, #filterInstellingMbo ::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.searchResult.studieOpl.studieitem .studieOpl {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2);
}
.searchResult.studieOpl.studieitem .studieOpl > div:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}
.searchResult.studieOpl.studieitem .studieOpl > div:not(:last-child) {
  /*box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .2);*/
}
.searchResult.studieOpl.studieitem .studieOpl > div:last-child {
  /*.toonMeerDiv {
      strong:before {
          content: "Toon minder...";
      }

      &:nth-child(-n + 4) {
          display: block;
      }

      &:hover {
          cursor: pointer;
      }

      .bg-gray {
          background-color: $gray-300;
      }
  }*/
}
.searchResult.studieOpl.studieitem .studieOpl > div:last-child .content {
  padding: 15px 30px;
}
.searchResult.studieOpl.studieitem .studieOpl > div:last-child .btn {
  font-size: 0.9em;
}
.searchResult.studieOpl.studieitem .studieOpl > div:last-child .opl {
  /*box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .2);*/
}
.searchResult.studieOpl.studieitem .studieOpl > div:last-child .opl .bg-light:hover {
  transition: background-color 0.3s;
  background-color: #e9ecef !important;
}
.searchResult.studieOpl.studieitem .studieOpl > div:last-child .opl .bg-light:hover .locatie > * {
  text-decoration: underline #f1c100 solid 2px;
}
.searchResult.studieOpl.studieitem .studieOpl > div:last-child .opl .locatie > * {
  display: inline;
}
.searchResult.studieOpl.studieitem .studieOpl > div:last-child.toonVier {
  max-height: 320px;
  overflow-y: auto;
}
.searchResult.studieOpl.studieitem .studieOpl > div:last-child.toonVier > .opl:hover {
  cursor: pointer;
}
.searchResult.studieOpl.studieitem .studieOpl > div:last-child.toonVier > .opl:hover .fa-long-arrow-alt-right {
  transform: translateX(0px);
  color: #f1c100;
}
.searchResult.studieOpl.studieitem .studieOpl > div:last-child.toonVier .fa-long-arrow-alt-right {
  transform: translateX(-20px);
  transition: all 0.3s;
}
.searchResult.studieOpl.studieitem .studieOpl > div:last-child .opl:nth-last-child(2) {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: hidden;
}

.studieOpl.new.v2 .btn.bordered {
  font-size: 13px !important;
}

.filterContainer input:not([type=button]):not([type=search]):not([type=submit]), .filterContainer select {
  padding: 15px;
  border: 2px solid #FFF;
}
.filterContainer input:not([type=button]):not([type=search]):not([type=submit]):focus, .filterContainer select:focus {
  border-color: #000;
}

.resultatenFeedback:not(.tipHeader) > div {
  background-color: #f7e3f9;
  border: solid 1px #6e1b75;
  color: #6e1b75;
}
.resultatenFeedback:not(.tipHeader) > div .col:last-child {
  line-height: 20px;
}
.resultatenFeedback.tipHeader > div {
  border-top: 2px #f1c100 solid;
  padding-top: 0px !important;
  position: relative;
  background-color: #000;
  color: #FFF;
}
.resultatenFeedback.tipHeader > div:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-image: url(/Content/img/ZoekenTips.jpg);
  background-position: center center;
  background-size: cover;
}
.resultatenFeedback.tipHeader > div > div {
  padding-top: 20px;
  line-height: 80px;
}
.resultatenFeedback.tipHeader > div > div:first-child {
  padding-right: 15px !important;
}

.filterContainer.bg-yellow .position-absolute {
  bottom: -62px;
  left: -1px;
}
.filterContainer.bg-yellow .position-absolute .col:first-child {
  line-height: 34px;
  font-size: 0.8em;
}

.dummySearch {
  display: none;
}
.dummySearch.shown {
  display: block;
}
.dummySearch > nav {
  padding: 15px 25px;
}
.dummySearch > nav img {
  max-height: 30px;
}
.dummySearch > nav .navbar-nav a {
  color: #000;
  font-family: "Staatliches", cursive;
  font-size: 20px;
  font-weight: 400;
}
@media (max-width: 1039.98px) {
  .dummySearch > nav .navbar-nav a {
    font-size: 24px;
    font-family: "Staatliches", cursive;
  }
}
.dummySearch .filterContainer {
  padding: 10px 25px;
}
.dummySearch .filterContainer .search input[type=search] {
  padding: 5px 10px 5px 45px;
}
.dummySearch .filterContainer i {
  left: 15px;
}
.dummySearch .filterContainer input:not([type=button]):not([type=search]):not([type=submit]), .dummySearch .filterContainer select {
  padding: 5px 10px;
}
.dummySearch .filterContainer .px-5 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.dummySearch > div:last-child {
  padding: 0px 25px;
  height: 0px;
  max-height: 0px;
}
.dummySearch > div:last-child > div {
  padding: 0px 31px 0px 30px;
  height: 0px;
  max-height: 0px;
}
.dummySearch > div:last-child .col-lg-9 {
  height: 0px;
  max-height: 0px;
}
.dummySearch > div:last-child .staatliches {
  background-color: #FFF;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  margin-bottom: 10px !important;
  padding: 0px !important;
  color: #000 !important;
  font-size: 1em;
}
.dummySearch > div:last-child .staatliches .amount {
  color: #000 !important;
}
.dummySearch > div:last-child .resetFilter {
  margin-top: 10px;
}
.dummySearch > div:last-child #kwaliteitResult > div {
  padding: 0;
}
.dummySearch .tipHeader > div:before {
  background-position-y: 33%;
}
.dummySearch .tipHeader > div > div {
  padding-top: 15px !important;
  line-height: 38px !important;
}

.weergave {
  background-color: #03517d;
  color: #FFF;
}
.weergave .bg-yellow-light {
  border-bottom: 2px solid #f1c100;
}
.weergave .bg-gray {
  background-color: #1398e2;
  color: #FFF;
  line-height: 18px;
  border-bottom: 2px solid #0f78b3;
  transition: none;
}
.weergave .bg-gray:hover {
  background-color: #0f78b3;
  border-top: 1px solid #0f78b3;
  border-bottom: 1px solid #0f78b3;
  color: #FFF;
}
.weergave .bg-white {
  line-height: 18px;
  color: #6c757d;
  border-top: 1px solid #e9ecef;
  border-bottom: 1px solid #e9ecef;
  background-color: #e9ecef !important;
}

.weergave > div:first-child {
  font-size: 0.9em;
}
@media (max-width: 1362px) {
  .weergave > div:first-child {
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 5px;
  }
}

.eigenschappen .checkmark {
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  border: 2px solid #adb5bd;
  margin-top: 3px;
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.eigenschappen .checkmark.bg-yellow {
  border-color: #000;
}
.eigenschappen .checkmark:before {
  content: "\f00c";
  font-size: 0.5em;
  position: relative;
  top: -4px;
  left: 0.5px;
}

.resetFilter:hover {
  cursor: pointer;
}

.search input[type=submit] {
  padding: 0 !important;
}

#goToTop {
  bottom: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
}
#goToTop .btn {
  background-color: #f1c100;
  border-color: #f1c100;
  color: #000;
  transition: all 0.4s;
}
#goToTop .btn:hover {
  background-color: #000;
  border-color: #000;
  color: #FFF;
}
#goToTop .btn .fa {
  display: block;
  line-height: 38px;
}

#doorlinkSwitch a {
  background-color: #f1c100;
  color: #000;
  text-decoration: none;
  transition: all 0.4s;
}
#doorlinkSwitch a:hover {
  background-color: #000;
  color: #FFF;
}

.isFavoriet .btn.favorite svg path {
  fill: #FFF;
}

.dummySearch .resultatenFeedback {
  padding-right: 0px !important;
  padding-left: 24px !important;
}

.dummySearch > div:last-child > div > div:first-child {
  padding-right: 38px !important;
}
@media (min-width: 1040px) and (max-width: 1279.98px) {
  .dummySearch > div:last-child > div > div:first-child {
    padding-right: 22px !important;
  }
}

.opendagwrapper {
  display: block;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Platformprojects/QompasTKMST/QompasTKMST/Content/custom/_variables.scss%22,%22file:///C:/Platformprojects/QompasTKMST/QompasTKMST/Content/custom/opleidingen.scss%22,%22file:///C:/Platformprojects/QompasTKMST/QompasTKMST/Content/bootstrap/mixins/_breakpoints.scss%22,%22file:///C:/Platformprojects/QompasTKMST/QompasTKMST/Content/bootstrap/_variables.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAiFA;EACI;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;;ACjGJ;EACI;;AAEA;EACI,ODFJ;ECGI;;ACiDR;ED5CI;IACI;;;;AAMZ;EACI;;AAEA;EACI;;AAGJ;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI;;AAIR;EACI;;;AAIR;EACI;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAIA;AA2BI;AAIA;AAKA;AAKA;AAKA;EACA;EACA;;AA9CA;EACI,kBE3EG;EF4EH,cE5EG;;AF8EH;EACI;EACA;EACA,OE9ED;EF+EC;;AAGJ;EACI,kBEvFD;;AF2FP;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;;AAUJ;EACI;;AAEA;EACI;EACA;EACA;;AAGJ;AACI;;AAGJ;AAoDI;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAnDA;EACI;;AAGJ;EACI;;AAGJ;AACI;;AACA;EACI;EACA;;AAEA;EAGI;;AAIR;EACI;;AAMR;EACI;EACA;;AAEA;EACI;;AACA;EACI;EACA,OD/Kf;;ACmLO;EACI;EACA;;AAIR;EACI;EACA;EACA;;;AAwBZ;EACI;;;AAKJ;EACI;EACA;;AAEA;EACI,cDhOJ;;;ACsOJ;EACI;EACA;EACA,ODtOC;;ACwOD;EACI;;AAIR;EACI;EACA;EACA;EACA,kBDpPA;ECqPA,OD5PA;;AC6PA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;;AAEA;EACI;;;AAQZ;EACI;EAEA;;AAEA;EACI;EACA;;;AAMZ;EACI;;AAEA;EACI;;AAGJ;EACI;;AAEA;EACI;;AAGJ;EACI,OD3SJ;EC4SI,aDtSE;ECuSF;EACA;;AC7OR;EDyOI;IAOQ;IACA,aD5SF;;;ACiTV;EACI;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI,kBDpWJ;ECqWI,aElFkB;EFmFlB;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;;AAIA;EACI;;AAMR;EACI;;AAIJ;EACI;EACA;;;AAKZ;EACI;EACA,OD1YI;;AC4YJ;EACI;;AAGJ;EACI;EACA,ODlZA;ECmZA;EACA;EAIA;;AAEA;EACI;EAEA;EACA;EACA,OD/ZJ;;ACmaJ;EACI;EACA,OEzZG;EF0ZH;EACA;EACA;;;AAIR;EACI;;AAEA;EAHJ;IAIQ;IACA;IACA;;;;AAKJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,cD5bJ;;AC+bA;EACI;EACA;EACA;EACA;EACA;;;AAKZ;EAAqB;;;AAGjB;EACI;;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI,kBDvdC;ECwdD,cDxdC;ECydD,OD1dA;EC2dA;;AAEA;EACI,kBD9dJ;EC+dI,cD/dJ;ECgeI,ODveJ;;AC0eA;EACI;EACA;;;AAKZ;EACI,kBD1eK;EC2eL,OD5eI;EC6eJ;EACA;;AAEA;EACI,kBDjfA;ECkfA,ODzfA;;;AC6fR;EACI,MD9fI;;;ACigBR;EACI;EACA;;;AAGJ;EACI;;AC1ZA;EDyZJ;IAIQ;;;;AAIR;EACI%22%7D */