/******************************************************************
 *
 *    © iWink.nl
 *
 ******************************************************************
 *
 *    1. Variables
 *
 *    2. Imports
 *
 *    3. Login styling
 *
 ******************************************************************/
/*-----------------------------------------

		1. Variables

-----------------------------------------*/
/* font settings */
/* dimensions settings */
/* color settings */
/*-----------------------------------------

		2. Imports

-----------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
/*
 * 'sup' en 'sub' zijn uit deze lijst verwijderd omdat ze
 * andersniet goed gerenderd worden in de texteditor
 * 
 */
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Deze versie van normalize.css is gestripped omdat er te veel in zat
/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
picture,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address styling not present in IE 8/9.
 */
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}
/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* ==========================================================================
   Responsive (added by iWink)
   ========================================================================== */
/**
 * Set the border-box to make everything easily made responsive
 */
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/**
 * Make images behave the right way
 */
img {
  max-width: 100%;
  display: block;
  border: 0;
}
iframe {
  display: block;
  border: 0;
}
@font-face {
  font-family: 'gothic';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/gothic.eot');
  src: local('../fonts/gothic'), url('../fonts/gothic.woff') format('woff'), url('..fonts/gothic.ttf') format('truetype');
}
@font-face {
  font-family: 'elabjournal';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/elabjournal.eot');
  src: url('../fonts/elabjournal.eot?#iefix') format('embedded-opentype'), url('data:application/font-woff;base64,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') format('woff'), url('../fonts/elabjournal.ttf') format('truetype'), url('../fonts/elabjournal.svg#elabjournal') format('svg');
}
[data-icon]:before {
  font-family: 'elabjournal' !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  display: inline-block;
}
/*-----------------------------------------

    1. Formulier instellingen

-----------------------------------------*/
/*-----------------------------------------

    2. Formulier opmaak

-----------------------------------------*/
/* default form elements */
input[type=text],
input[type=email],
input[type=tel],
input[type=password],
input[type=number],
input[type=search],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=time],
input[type=week],
input[type=url],
input[type=file],
textarea,
select,
button {
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: 0.15s ease-in-out;
  -moz-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size: 1.3rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
  width: 100%;
  height: 3.5999999999999996rem;
  padding: 1.2rem;
  background: #ffffff;
  border: solid 1px #e3eff7;
}
input[type=text].disabled,
input[type=email].disabled,
input[type=tel].disabled,
input[type=password].disabled,
input[type=number].disabled,
input[type=search].disabled,
input[type=date].disabled,
input[type=datetime].disabled,
input[type=datetime-local].disabled,
input[type=month].disabled,
input[type=time].disabled,
input[type=week].disabled,
input[type=url].disabled,
input[type=file].disabled,
textarea.disabled,
select.disabled,
button.disabled {
  opacity: .5;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=url]:focus,
input[type=file]:focus,
textarea:focus,
select:focus,
button:focus {
  outline: 0;
  border-color: #80c2e5;
}
.style-select {
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 3.5999999999999996rem;
  width: 100%;
  position: relative;
  border: solid 1px #e3eff7;
  background: #ffffff;
  overflow: hidden;
  z-index: 1;
}
.style-select:before {
  content: '▾';
  display: block;
  font-size: 1.4rem;
  position: absolute;
  top: 0;
  right: 0;
  width: 2.4rem;
  text-align: center;
  width: calc(3.5999999999999996rem - 4px);
  line-height: calc(3.5999999999999996rem - 4px);
  z-index: -1;
}
.style-select select {
  width: 100%;
  padding: 0 0.6rem 0 1.2rem;
  border: 0;
  text-indent: 0.01px;
  background: transparent;
  line-height: calc(3.5999999999999996rem - 4px);
}
.style-select select::-ms-expand {
  display: none;
}
select[multiple] {
  height: auto;
  max-height: 12rem;
  padding: 0;
}
select[multiple] option {
  padding: 0.6rem 1.2rem;
}
select[multiple]::-webkit-scrollbar {
  -webkit-border-radius: 0.4rem;
  width: 12px;
}
select[multiple]::-webkit-scrollbar-thumb {
  -webkit-border-radius: 6px;
  background: #999;
  border: 3px solid #fff;
}
textarea {
  height: 12rem;
  resize: vertical;
  overflow: auto;
  vertical-align: top;
}
/* end default form elements */
/* submit buttons */
button,
input[type=button] {
  width: auto;
}
/* end submit buttons */
.form-comment {
  display: inline-block;
  line-height: 3.5999999999999996rem;
  font-weight: bold;
  margin-left: 2.4rem;
}
form {
  margin-bottom: 2.4rem;
}
.form-label {
  font-weight: bold;
}
.form-label em {
  color: var(--hx-bg-error-solid, #ff0000);
  font-style: normal;
}
.page-form {
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem;
  padding: 2.4rem 2.4rem 0;
  background: #e6f7f4;
  color: var(--hx-text-brand-secondary);
}
.page-form label {
  display: block;
  margin: 0 0 2.4rem;
  position: relative;
}
.page-form input[type=text],
.page-form input[type=email],
.page-form input[type=tel],
.page-form input[type=password],
.page-form input[type=number],
.page-form input[type=search],
.page-form input[type=date],
.page-form input[type=datetime],
.page-form input[type=datetime-local],
.page-form input[type=month],
.page-form input[type=time],
.page-form input[type=week],
.page-form input[type=url],
.page-form input[type=file],
.page-form textarea,
.page-form select {
  border-color: #d1f0ea;
}
.page-form input[type=text]:focus,
.page-form input[type=email]:focus,
.page-form input[type=tel]:focus,
.page-form input[type=password]:focus,
.page-form input[type=number]:focus,
.page-form input[type=search]:focus,
.page-form input[type=date]:focus,
.page-form input[type=datetime]:focus,
.page-form input[type=datetime-local]:focus,
.page-form input[type=month]:focus,
.page-form input[type=time]:focus,
.page-form input[type=week]:focus,
.page-form input[type=url]:focus,
.page-form input[type=file]:focus,
.page-form textarea:focus,
.page-form select:focus {
  border-color: #08a1a1;
}
.form-error input[type=text],
.form-error input[type=email],
.form-error input[type=tel],
.form-error input[type=password],
.form-error input[type=number],
.form-error input[type=search],
.form-error input[type=date],
.form-error input[type=datetime],
.form-error input[type=datetime-local],
.form-error input[type=month],
.form-error input[type=time],
.form-error input[type=week],
.form-error input[type=url],
.form-error input[type=file],
.form-error textarea,
.form-error select {
  border-color: var(--hx-component-input-border-error, #ff0000);
}
.radio-group {
  margin-bottom: 2.4rem;
  display: inline-block;
}
.radio-group:after {
  content: '';
  display: table;
  clear: both;
}
.radio-group .form-label {
  width: 100%;
  display: block;
}
.radio-group label {
  float: left;
  margin-bottom: 0;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #08a1a1;
  border-left: 0;
}
.radio-group label:first-of-type {
  -webkit-border-radius: 0.4rem 0 0 0.4rem;
  -moz-border-radius: 0.4rem 0 0 0.4rem;
  border-radius: 0.4rem 0 0 0.4rem;
  border-left: 1px solid #08a1a1;
}
.radio-group label:last-of-type {
  -webkit-border-radius: 0 0.4rem 0.4rem 0;
  -moz-border-radius: 0 0.4rem 0.4rem 0;
  border-radius: 0 0.4rem 0.4rem 0;
}
.radio-group label:hover,
.radio-group label:focus {
  background: #d1f0ea;
}
.radio-group input {
  display: none;
}
.radio-group input:checked + .radio-label {
  background: #08a1a1;
  color: #fff;
}
.radio-group input:checked + .radio-label:before {
  font-family: 'elabjournal';
  content: 'y';
  float: left;
  margin-right: 0.6rem;
}
.radio-group .radio-label {
  padding: 1.2rem 2.4rem;
  display: block;
}
.form-error-message {
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem;
  position: absolute;
  top: -1.2rem;
  right: 0;
  background: var(--hx-bg-error-solid, #ff0000);
  color: #fff;
  padding: 0 0.6rem;
  display: inline-block;
}

.system-limit {
  white-space: normal;
  top: -2.4rem;
}

.form-error-message:before {
  content: '';
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: 100%;
  right: 1.2rem;
  border: 0.39999999999999997rem solid transparent;
  border-top-color: var(--hx-component-input-border-error, #ff0000);
}
/*-----------------------------------------

		3. Login styling

-----------------------------------------*/
/* document */
html,
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow-x: hidden;
  min-height: 100%;
}
html {
  font-size: 62.5%;
}
body {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1.3em;
    line-height: 1.846153846153846;
    color: #333333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
    background: url(/resources/redesign-triz/img/elabjournal-login-background.jpg) no-repeat center !important;
    background-size: cover !important;
    padding: 4.8rem 0 0;
}
a {
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}
.inner {
  margin: auto;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  max-width: 117.6rem;
  position: relative;
}
.inner:after {
  content: '';
  display: table;
  clear: both;
}
.page-login {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  width: 48rem;
  max-width: calc(100vw - 4.8rem);
  margin: auto;
  padding-top: 0;
  overflow: hidden;
}
.page-login h2 {
  margin: 0 -2.4rem 2.4rem;
  padding: 1.2rem 2.4rem;
  background: #08a1a1;
  color: #fff;
}
.page-login h2:before {
  float: right;
}
.page-login a {
  float: right;
  line-height: 3.5999999999999996rem;
  color: var(--hx-text-brand-secondary) !important;
}
.btn,
button,
input[type=button] {
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem;
  -webkit-transition: 0.15s ease-in-out;
  -moz-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  display: inline-block;
  margin: 0 0 2.4rem;
  cursor: pointer;
  text-align: center;
  padding: 0.6rem 2.4rem;
  border: 0;
  background: #fe8100;
  color: #fff;
  font-weight: bold;
}
.btn:hover,
.btn:focus,
button:hover,
button:focus,
input[type=button]:hover,
input[type=button]:focus {
  background: #e57400;
  color: #fff;
}
.btn:before,
button:before,
input[type=button]:before {
  float: left;
  margin-right: 1.2rem;
}
.page-footer {
  background: transparent;
  background: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0.25) 0%, transparent 100%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.25), transparent);
  background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.25));
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.25)), color-stop(1, transparent));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='rgba(0, 0, 0, 0.25)', GradientType=0);
  -webkit-align-self: bottom;
  -moz-align-self: bottom;
  -ms-align-self: bottom;
  align-self: bottom;
  width: 100%;
  padding: 7.199999999999999rem 0 4.8rem;
  color: #fff;
  text-align: center;
}

.page-footer span.sec-logo {
        margin-left: 50px;
    }

.page-footer:after {
  content: '';
  display: table;
  clear: both;
}
.page-footer li {
  display: inline-block;
  margin-left: 2.4rem;
}
.page-footer li:first-child {
  margin-left: 0;
}
.page-footer a {
  display: inline-block;
  color: #fff;
}
.page-footermenu {
  float: left;
}
.page-footermenu:after {
  content: '';
  display: table;
  clear: both;
}
.footer-right {
  float: right;
}
.footer-right:after {
  content: '';
  display: table;
  clear: both;
}
.copy {
  float: left;
  margin-left: 2.4rem;
}
.sec-logo {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  top: 0;
}
@media screen and (max-width: 864px) {
    .page-footer {
        padding: 3.5999999999999996rem 0 1.2rem;
    }

    .page-footermenu,
    .footer-right {
        float: none;
        display: inline-block;
    }

    .copy {
        float: none;
        display: inline-block;
    }

    .sec-logo {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        margin: 16px auto 0 auto;
        position: static;
    }
}

.copy {
    color: var(--hx-text-secondary);
    margin-right: 2.4rem;
}
.elabnext {
    display: inline-block;
    height: 30px;
    width: inherit;
    position: absolute;
    top: -4px;
    left: 4px;
}
.elabnext-container {
    position: relative;
    width: 112px;
    display: inline-block;
    height: 17px;
}
#login_username, #login_password {
    display: block;
}
#remember_username_label {
    display: inline;    
}
.page-footer .inner {
    display: block !important;
}
.language-modal {
  display: flex;
  background: #fff;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  line-height: 1;
}
.language-modal .modal-title {
  padding: 0px 20px;
  line-height: 1;
}
.language-modal .modal-close {
  margin: 0;
  margin-right: 20px;
  padding: 10px;
}
.language-modal .modal-close:after {
  line-height: 46px;
}

.logo-image {
    max-width: 100%;
}
.underneath-modal {
    position: absolute;
}
.underneath-modal a {
    color: #fff !important;
}
.underneath-modal a:hover {
    text-decoration: underline;
}