@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 100%;
}
body.old {
  background: #248fCC;
  background: url('/Content/images/bibliotheek.jpg') no-repeat center center fixed;
  font-family: 'Proxima-Nova', Arial, Helvetica, sans-serif;
}
body.portal {
  background: #FFFFFF;
  background: none;
  color: #4f4f4f;
  font-family: 'Gotham Rounded', sans-serif;
}
footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.01);
  padding: 15px 10px;
  font-size: 14px;
  display: none;
}
footer .version {
  display: block;
  color: #f1f1f1;
  float: right;
  padding-right: 10px;
}
footer .copyright {
  display: block;
  color: #f1f1f1;
  float: left;
  padding-left: 10px;
}
footer .copyright a {
  color: #f1f1f1;
  text-decoration: none;
}
@media (min-width: 769px) {
  footer {
    display: block;
  }
}
.wrapper {
  position: absolute;
  top: 20%;
  right: 0;
  left: 0;
  margin: auto;
  width: 400px;
  height: auto;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.logo-wrapper {
  height: auto;
  text-align: center;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.old .logo-wrapper {
  background: #248FCC;
}
.portal .logo-wrapper {
  background: none;
}
.old .login-wrapper {
  background: #248FCC;
}
.portal .login-wrapper {
  background: none;
}
.login-wrapper {
  text-align: center;
  background: #248FCC;
  padding: 30px 40px 40px 40px;
}
.login-wrapper h1 {
  color: #4F90A5;
  margin: 0;
  padding-top: 20px;
}
.login-wrapper input {
  outline: none;
  font-family: 'Proxima-Nova', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  padding: 10px 10px 10px 0;
  -webkit-appearance: none;
  border-radius: 5px;
  width: 75%;
  background: transparent;
  color: #fff;
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #fff;
}
.login-wrapper input[type=text]:focus {
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #fff;
}
.login-wrapper input[type=text]:focus::-webkit-input-placeholder {
  color: transparent;
  transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
}
.login-wrapper input[type=text]:focus:-moz-placeholder {
  color: transparent;
  transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
}
.login-wrapper input[type=password]:focus::-webkit-input-placeholder {
  color: transparent;
  transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
}
.login-wrapper input[type=password]:focus:-moz-placeholder {
  color: transparent;
  transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
}
.login-wrapper input[type="submit"] {
  cursor: pointer;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background: #fff;
  font-weight: 600;
  font-size: 13px;
  color: #4F90A5;
  width: 79%;
  margin-top: 20px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.login-wrapper input[type=text]::-webkit-input-placeholder,
.login-wrapper input[type=password]::-webkit-input-placeholder {
  color: #fff;
}
.login-wrapper input[type=text]:-moz-placeholder,
.login-wrapper input[type=password]:-moz-placeholder {
  color: #fff;
}
.login-wrapper input[type=text]:-ms-input-placeholder,
.login-wrapper input[type=password]:-ms-input-placeholder {
  color: #fff;
}
.login-wrapper input[type="submit"]:hover,
.login-wrapper input[type="submit"]:active {
  background: #65bd77;
  border-color: #65bd77;
  color: #fff;
}
.login-wrapper input[type="submit"]:disabled {
  pointer-events: none;
  background: #fff;
  color: #4F90A5;
  opacity: .65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.login-wrapper .forgot-password {
  margin: 20px 0 0 0;
}
.login-wrapper .forgot-password a,
.login-wrapper .return-login a {
  color: #fff;
  font-weight: 400;
  font-size: 13px;
  text-decoration: none;
}
.login-wrapper .password-form p.aanvraag-tekst,
.login-wrapper .validation-form p.validation-tekst {
  color: #fff;
  font-weight: 400;
  font-size: 11px;
  margin: 20px auto 0 auto;
  text-align: left;
  font-family: 'Proxima-Nova', Arial, Helvetica, sans-serif;
  width: 52%;
}
.login-wrapper p.gebruikersnaam-wrapper {
  margin-top: 0;
}
.login-wrapper a {
  color: #fff;
  text-decoration: underline;
}
.logo {
  width: 250px;
  transition: all 0.4s ease 0s;
  margin-top: 45px;
}
img {
  height: auto !important;
}
.alert.alert-danger {
  width: 75%;
  border-radius: 2px;
  background-color: #e8553f;
  border-color: #e54128;
  color: #ffffff;
  padding: 7px 10px;
  clear: both;
  margin: 10px auto 10px auto;
  border: 0;
  font-size: 11px;
}
.lt-ie9 body {
  font-family: Helvetica, Arial, sans-serif;
  color: #fff;
  background: #248fCC;
}
.lt-ie9 body .wrapper {
  width: 700px;
  border: 1px solid #fff;
}
.lt-ie9 body .login-wrapper {
  text-align: left;
}
.lt-ie9 body h1 {
  color: #fff;
  margin-bottom: 30px;
}
.lt-ie9 body p {
  line-height: 21px;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fade-in {
  opacity: 0;
  -webkit-animation: fadeIn ease-in 1;
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
/* FF 4-18 */
input:-moz-placeholder {
  opacity: 1;
}
/* FF 19+ */
input::-moz-placeholder {
  opacity: 1;
}
@font-face {
  font-family: 'Proxima-Nova';
  src: url('/content/fonts/proxima-nova-regular-webfont.eot');
  src: url('/content/fonts/proxima-nova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/content/fonts/proxima-nova-regular-webfont.woff') format('woff'), url('/content/fonts/proxima-nova-regular-webfont.ttf') format('truetype'), url('/content/fonts/proxima-nova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Proxima-Nova';
  src: url('/content/fonts/proxima-nova-thin-webfont.eot');
  src: url('/content/fonts/proxima-nova-thin-webfont.eot?#iefix') format('embedded-opentype'), url('/content/fonts/proxima-nova-thin-webfont.woff') format('woff'), url('/content/fonts/proxima-nova-thin-webfont.ttf') format('truetype'), url('/content/fonts/proxima-nova-thin-webfont.svg#proxima_novalight') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Proxima-Nova';
  src: url('/content/fonts/proxima-nova-semibold-webfont.eot');
  src: url('/content/fonts/proxima-nova-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/content/fonts/proxima-nova-semibold-webfont.woff2') format('woff2'), url('/content/fonts/proxima-nova-semibold-webfont.woff') format('woff'), url('/content/fonts/proxima-nova-semibold-webfont.ttf') format('truetype'), url('/content/fonts/proxima-nova-semibold-webfont.svg#proxima_novasemibold') format('svg');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Proxima-Nova';
  src: url('/content/fonts/proxima-nova-bold-webfont.eot');
  src: url('/content/fonts/proxima-nova-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/content/fonts/proxima-nova-bold-webfont.woff') format('woff'), url('/content/fonts/proxima-nova-bold-webfont.ttf') format('truetype'), url('/content/fonts/proxima-nova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Foleta';
  src: url('/content/fonts/Foleta.eot?dxd8s8');
  src: url('/content/fonts/Foleta.eot?dxd8s8#iefix') format('embedded-opentype'), url('/content/fonts/Foleta.ttf?dxd8s8') format('truetype'), url('/content/fonts/Foleta.woff?dxd8s8') format('woff'), url('/content/fonts/Foleta.svg?dxd8s8#Foleta') format('svg');
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "Foleta" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "Foleta" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Foleta' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.foleta-check:before {
  content: "\44";
}
.foleta-repeat:before {
  content: "\36";
}
.foleta-rotate-right:before {
  content: "\36";
}
.foleta-bold:before {
  content: "\37";
}
.foleta-italic:before {
  content: "\25";
}
.foleta-align-left:before {
  content: "\38";
}
.foleta-align-center:before {
  content: "\21";
}
.foleta-align-right:before {
  content: "\39";
}
.foleta-dedent:before {
  content: "\24";
}
.foleta-outdent:before {
  content: "\24";
}
.foleta-indent:before {
  content: "\23";
}
.foleta-arrows:before {
  content: "\f047";
}
.foleta-ban:before {
  content: "\28";
}
.foleta-list-ul:before {
  content: "\53";
}
.foleta-list-ol:before {
  content: "\33";
}
.foleta-strikethrough:before {
  content: "\27";
}
.foleta-underline:before {
  content: "\26";
}
.foleta-rotate-left:before {
  content: "\35";
}
.foleta-undo:before {
  content: "\35";
}
.foleta-foleta-arrow-double-left:before {
  content: "\71";
}
.foleta-foleta-arrow-double-right:before {
  content: "\72";
}
.foleta-foleta-arrow-double-up:before {
  content: "\73";
}
.foleta-foleta-arrow-double-down:before {
  content: "\74";
}
.foleta-foleta-arrow-strong-left:before {
  content: "\6d";
}
.foleta-foleta-arrow-strong-right:before {
  content: "\6e";
}
.foleta-foleta-arrow-strong-top:before {
  content: "\70";
}
.foleta-foleta-arrow-strong-bottom:before {
  content: "\6f";
}
.foleta-quote-right:before {
  content: "\34";
}
.foleta-status:before {
  content: "\4b";
}
.foleta-bijlage:before {
  content: "\2e";
}
.foleta-search:before {
  content: "\7a";
}
.foleta-taken:before {
  content: "\4f";
}
.foleta-settings-2:before {
  content: "\e905";
}
.foleta-settings:before {
  content: "\78";
}
.foleta-dashboard:before {
  content: "\77";
}
.foleta-basisvaardigheden:before {
  content: "\54";
}
.foleta-technisch:before {
  content: "\30";
}
.foleta-calendar:before {
  content: "\42";
}
.foleta-time:before {
  content: "\68";
}
.foleta-email-search:before {
  content: "\e90c";
}
.foleta-email-read:before {
  content: "\64";
}
.foleta-email-setup:before {
  content: "\e90e";
}
.foleta-forward:before {
  content: "\e90f";
}
.foleta-tickets:before {
  content: "\e910";
}
.foleta-notificaties:before {
  content: "\62";
}
.foleta-reply-all:before {
  content: "\e912";
}
.foleta-reply:before {
  content: "\65";
}
.foleta-profile:before {
  content: "\61";
}
.foleta-vervangingen:before {
  content: "\4c";
}
.foleta-medewerkers:before {
  content: "\4d";
}
.foleta-reply-1:before {
  content: "\2d";
}
.foleta-lesvraag:before {
  content: "\5a";
}
.foleta-telefoon:before {
  content: "\3c";
}
.foleta-camera:before {
  content: "\e919";
}
.foleta-handleidingen:before {
  content: "\4e";
}
.foleta-lessen:before {
  content: "\32";
}
.foleta-filter:before {
  content: "\75";
}
.foleta-menu-open:before {
  content: "\2f";
}
.foleta-favorite:before {
  content: "\41";
}
.foleta-lock:before {
  content: "\63";
}
.foleta-warning:before {
  content: "\3a";
}
.foleta-snelkoppeling:before {
  content: "\66";
}
.foleta-reset:before {
  content: "\43";
}
.foleta-add:before {
  content: "\4a";
}
.foleta-logout:before {
  content: "\29";
}
.foleta-check-list:before {
  content: "\e922";
}
.foleta-notification-new:before {
  content: "\e901";
}
.foleta-calculator:before {
  content: "\76";
}
.foleta-prognose:before {
  content: "\50";
}
.foleta-projector-screen:before {
  content: "\e925";
}
.foleta-rechten:before {
  content: "\55";
}
.foleta-budget:before {
  content: "\51";
}
.foleta-window-2:before {
  content: "\e927";
}
.foleta-taakbeleid:before {
  content: "\31";
}
.foleta-window-search:before {
  content: "\e928";
}
.foleta-koppelen:before {
  content: "\52";
}
.foleta-map-treasure:before {
  content: "\e929";
}
.foleta-support:before {
  content: "\79";
}
.foleta-jaartaak:before {
  content: "\57";
}
.foleta-file:before {
  content: "\2a";
}
.foleta-rapportages:before {
  content: "\67";
}
.foleta-file-table:before {
  content: "\2b";
}
.foleta-new:before {
  content: "\e92e";
}
.foleta-file-picture:before {
  content: "\2c";
}
.foleta-arrow-double-do:before {
  content: "\49";
}
.foleta-arrow-bottom:before {
  content: "\6b";
}
.foleta-arrow-double-lef:before {
  content: "\47";
}
.foleta-arrow-left:before {
  content: "\69";
}
.foleta-arrow-double-r:before {
  content: "\46";
}
.foleta-arrow-right:before {
  content: "\6a";
}
.foleta-arrow-double-top:before {
  content: "\48";
}
.foleta-arrow-top:before {
  content: "\6c";
}
.foleta-bookmark-1:before {
  content: "\1f4f7";
}
.foleta-flow-chart-1:before {
  content: "\e900";
}
.foleta-hierarchy-1:before {
  content: "\e907";
}
.foleta-clear-all:before {
  content: "\e902";
}
.foleta-infomation-circle:before {
  content: "\e903";
}
.foleta-account-group-5:before {
  content: "\e904";
}
@font-face {
  font-family: 'Gotham Rounded';
  src: url('/content/fonts/GothamRounded-Light.woff2') format('woff2'), url('/content/fonts/GothamRounded-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Rounded';
  src: url('/content/fonts/GothamRounded-Medium.woff2') format('woff2'), url('/content/fonts/GothamRounded-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Rounded';
  src: url('/content/fonts/GothamRounded-MediumItalic.woff2') format('woff2'), url('/content/fonts/GothamRounded-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Rounded';
  src: url('/content/fonts/GothamRounded-LightItalic.woff2') format('woff2'), url('/content/fonts/GothamRounded-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Rounded Book';
  src: url('/content/fonts/GothamRounded-Book.woff2') format('woff2'), url('/content/fonts/GothamRounded-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Rounded';
  src: url('/content/fonts/GothamRounded-Bold.woff2') format('woff2'), url('/content/fonts/GothamRounded-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Rounded';
  src: url('/content/fonts/GothamRounded-BoldItalic.woff2') format('woff2'), url('/content/fonts/GothamRounded-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Rounded Book';
  src: url('/content/fonts/GothamRounded-BookItalic.woff2') format('woff2'), url('/content/fonts/GothamRounded-BookItalic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}