.logo-image
{
    background-image: url('../img/triggre_logo.png?61A1CBB8A58701628A2695B839CABA1F');
}
.logo-image.auth
{
    background-image: url('../img/triggre_logo_auth.png?61A1CBB8A58701628A2695B839CABA1F');
}

.preview-64 { width: 64px; height: 64px; }
    
.preview-256 { width: 256px; height: 256px; }.preview-100 { width: 100px; height: 100px; }.preview-64 { width: 64px; height: 64px; }
/*
	Blue: #208bbd
	Orange: #f67716
	Grey: #747474
	Light-Blue: #f3faff
*/

/* Header font*/
/* cyrillic */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url(https://fonts.gstatic.com/s/yanonekaffeesatz/v9/3y976aknfjLm_3lMKjiMgmUUYBs04Y8fH-qVHQ.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url(https://fonts.gstatic.com/s/yanonekaffeesatz/v9/3y976aknfjLm_3lMKjiMgmUUYBs04Y8UH-qVHQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url(https://fonts.gstatic.com/s/yanonekaffeesatz/v9/3y976aknfjLm_3lMKjiMgmUUYBs04Y8VH-qVHQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url(https://fonts.gstatic.com/s/yanonekaffeesatz/v9/3y976aknfjLm_3lMKjiMgmUUYBs04Y8bH-o.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Regular font*/
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0-ExdGM.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0aExdGM.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0yExdGM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0KExQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*
    Standard color changes for Triggre
*/

/* Set font */
body,
html,
pre {
    font: normal 12pt / 20pt 'PT Sans', sans-serif;
    color: #67686e;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    color: #f67716;
    margin-left: 15px;
}
button,
input,
optgroup,
select,
textarea,
#menu a,
#menu a:link,
#menu a:visited,
#menu a:focus,
#menu .level-2,
#menu .level-2 > li,
#menu .level-2 .level-3 li,
#context-bar button,
#context-bar button:active,
#context-bar button:focus,
#context-bar button:visited {
    font-family: 'PT Sans', sans-serif;
	
    
}

#menu ul .level-3
{
 padding-bottom: 50px;   

}
/* Set body color */
body {
    background: #ececec;
}

/* Menu font size and weight */
#menu a,
#menu a:link,
#menu a:visited,
#menu a:focus {
    font-size: 16.5pt;
    color: #208bbd;
	letter-spacing: 0px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	line-height: 55px;
}
#menu .level-2 > li {
    font-size: 16.5pt;
    font-weight: normal;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    text-indent: 14px;
    background: #fff;
    padding-bottom: 0;
    line-height: 46px;
    color: #208bbd;
}
#menu .level-2 a,
#menu .level-2 a:link,
#menu .level-2 a:visited,
#menu .level-2 a:focus {
    font-size: 12pt;
    font-weight: normal;
    font-family: 'PT Sans', sans-serif;
    text-indent: 24px;
    line-height: 48px;
    transition: background-color .2s ease-out, color .2s ease-out;
}

/* Page title font size */
h3 {
    font-size: 21pt;
    font-weight: normal;
    background: #ffffff;
    left: 310px;
    top: 134px;
	letter-spacing: 0px;
    text-transform: none;
}

.layout > .layout-cell > .layout-cell-title {
    padding: 10px;
}


/* User name and sign out font size */
#user {
    font-size: 12pt;
}

/* General link color */
a,
a:link,
a:visited,
a:focus {
    color: #208bbd;
}

/* General link color when hovered */
a:hover {
    color: #f67716;
}

/* Link in selected grid cell color, when hovered */
.k-state-selected td[role="gridcell"] a:hover {
    color: #f67716;
}

/* Main header color */
#header {
    background-color: #fff;
}

/* Color of the open menu link on mobile */
.mobile #open-menu {
        color: #67686e;
}

/* Main header user name color */
#user .user-name {
    color: #67686e;
}

/* Main header log out color */
#user a,
#user a:active,
#user a:visited {
    color: #67686e;
}

/* Main header log out color when hovered */
#user a:hover {
    color: #208bbd;
}

/* Section menu background */
#menu {
    background-color: #fff;
   box-shadow: none;
}

/* Shadow on menu and content */
/*html:not(.mobile) #menu .level-2 {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);*/
}
html:not(.mobile) #content {
    overflow: hidden;
    width: auto;
    height: auto;
    position: absolute;
    left: 310px;
    top: 134px;
    bottom: 20px;
    right: 20px;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    background: transparent;
    /*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);*/
}

/* Rounded corners on menu and content */
html:not(.mobile) #menu .level-2 {
    border-radius: 4px;
}
html:not(.mobile) #title {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
html:not(.mobile) #context-bar,
html:not(.mobile) #content {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Active section underline */
#menu .level-1>li.current {
    border-bottom: 3px solid #f67716;
}

/* Section link color */
#menu a:hover {
    color: #f67716;
}

/* Side menu links */
#menu .level-2 a:hover,
#menu .level-2 a:active {
    color: #67686e;
    background: #e1e1e1;
}

/* Active side menu link */
#menu .level-2 .current a,
#menu .level-2 .current a:link,
#menu .level-2 .current a:hover,
#menu .level-2 .current a:visited,
#menu .level-2 .current a:focus,
#menu .level-2 .current a:active {
    font-weight: normal;
    color: #fff;
    background: #208bbd;
}

/* Context bar */
#context-bar {
    box-shadow: none;
    background-color: #fff;
    right: 20px;
    left: 310px;
    bottom: 20px;
    z-index: 4;
    min-width: 480px;
    height: 48px;
    padding-left: 0px;
    padding-right: 175px;
    padding-top: 0;
    padding-bottom: 0;
}

/* Context bar button color, including login button */
#context-bar button,
#context-bar button:active,
#context-bar button:focus,
#context-bar button:visited,
#auth .auth-control .footer .btn {
    background-color: #208bbd;
	font-size: 12pt;
	text-transform: uppercase; 
}

/* Context bar button hover color, including login button */
#context-bar button:hover,
#context-bar button:active:hover,
#context-bar button:focus,
#context-bar button:focus:hover,
#context-bar button:visited:hover,
#auth .auth-control .footer .btn:hover {
    background-color: #f67716;
	   
}

/* Format help texts */
.form .help {
    padding-right: 0px;
	font-weight: normal;
}

/************************
  Loading animation color
************************/
.k-loading-image {
    border-top: 3px solid rgba(22, 140, 217, 0.2);
    border-right: 3px solid rgba(22, 140, 217, 0.2);
    border-bottom: 3px solid rgba(22, 140, 217, 0.2);
    border-left: 3px solid rgba(22, 140, 217, 1.0);
}

/************
  Auth screen
************/

/* Logo alignment */
/*#auth .auth-control .header .logo {
    background-position: 0% 50%;
    /*background: url(https://cdn.triggre.com/ibki/ibki-logo.jpg) no-repeat;*/
/*    margin: 32px 40px;
    width: 200px;
}

/* Hover transition for sign in button */
#auth .auth-control .footer .btn {
    transition: background-color .2s ease-out;
}

/* Hide auth header */
/*#auth .title {
    display: none;
}

/* Set auth control size */
#auth .auth-control {
    min-height: 460px;
    min-width: 460px;
}

/* Login background */
#auth .decorator {
    background: radial-gradient(ellipse at center, rgba(255,231,0,0.25) 0, #f67716 100%);
}

/* Login header background */
/*#auth .auth-control .header {
    height: 80px;
    background: #fff;
}

/* Login title color */
/*#auth .auth-control .header .title {
    color: #67686e;
}


/************
  Form colors
************/

/* Form element hover and focused colors */
input[type="email"]:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
.form .type-lookup .editor .current:hover,
.k-textbox:hover,
.k-overflow-anchor:hover,
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover .k-textbox.k-state-default:hover,
.k-overflow-anchor.k-state-default:hover,
.k-autocomplete.k-state-default.k-state-hover,
.k-picker-wrap.k-state-default.k-state-hover,
.k-numeric-wrap.k-state-default.k-state-hover,
.k-dropdown-wrap.k-state-default.k-state-hover,
.k-textbox:focus,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused {
    border-color: #208bbd;
}

/* Selected dropdown item color */
.k-scheduler-layout .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-grid tr.k-state-selected,
.k-grid td.k-state-selected,
.k-grid td.k-state-selected.k-state-focused,
.k-marquee-color,
.k-gantt .k-treelist .k-state-selected,
.k-gantt .k-treelist .k-state-selected td,
.k-gantt .k-treelist .k-alt.k-state-selected,
.k-gantt .k-treelist .k-alt.k-state-selected>td,
.k-listview > .k-state-selected,
.k-state-selected.k-line {
    background-color: #208bbd;
}
/* Selected dropdown item color when hovered */
.k-grid td.k-state-selected:hover,
.k-grid tr.k-state-selected:hover td {
    background-color: #208bbd;
    color: #fff;
}

/* Grid cells transition */
.k-grid td,
.k-grid tr {
    transition: background-color .2s ease-out, color .2s ease-out;
}

/* Logo positioning correction */
#auth .auth-control .header .logo,
#header #logo a,
.mobile #context-bar.menu-open
.buttons-header .logo a {
    background-size: contain;
    /*background-image: url(https://cdn.triggre.com/ibki/ibki-logo.jpg);*/
}
/* Position mobile lookup correctly */
.mobile .form .type-lookup .editor .list-popup {
    top: 108px;
}
/* Prevent mobile header from moving */
.mobile #header {
    position: fixed;
}



/*
    Extra CSS changes for IBKI
*/

/* Show menu item always */
#menu .level-1>li:first-child:last-child>a {
    display: block;
}

/* Position and color of menu */
#menu .level-2 {
    bottom: 20px;
    left: 20px;
    background: #f7f7f7;
    padding: 0px;
}
#menu .level-3 {
    background: #f7f7f7;
    padding: 0px;
}

/* Position and color of main content */
#inner {
    bottom: 64px;
    left: 310px;
    right: 20px;
    background: #f7f7f7;
}
.mobile #inner {
    top: 110px;
}

/* Padding for forms */
#inner .form {
    padding: 0px 16px 16px 16px;
}

/* Change search input */
input[type="text"].simple-search,
input[type="text"].simple-search:hover,
input[type="text"].simple-search:focus {
    border: none;
    background: transparent;
    border-radius: 0;
    border-bottom: 3px solid #208bbd;
	
}

/* Change advanced search button color */
.search-box .open-advanced,
.search-box .close-advanced,
.search-box .open-search {
    color: #208bbd;
    transition: color .2s ease-out;
}
.search-box .open-advanced:hover,
.search-box .close-advanced:hover,
.search-box .open-search:hover {
    color: #f67716;
}
html:not(.mobile) .search-box .open-advanced:before,
html:not(.mobile) .search-box .close-advanced:before {
    line-height: 29px;
    margin: .35em .35em .35em 0;
    width: 32px;
    height: 32px;
}
html:not(.mobile) .search-box .open-advanced:before {
    border-bottom: 3px solid transparent;
}
html:not(.mobile) .search-box .close-advanced:before {
    border-bottom: 3px solid transparent;
}

/* Link color for selected rows */
.k-state-selected td[role="gridcell"] a:link {
    color: #fff;
}
.k-state-selected:hover td[role="gridcell"] a:link {
    color: #fff;
}
.k-state-selected td[role="gridcell"] a:link:hover {
    color: #f67716;
}

/* Kendo text color */
.k-block,
.k-widget,
.k-popup,
.k-content,
.k-dropdown .k-input {
    color: #67686e;
}


/* Table row color */
.k-grid table {
    background: transparent;
}

/* Text color of selected table row */
.k-grid tr.k-state-selected,
.k-grid td.k-state-selected,
.k-listview>.k-state-selected,
.k-state-selected .k-progress-status {
    color: #fff;
}

.k-grid-header .k-header .k-link,
.k-grid-header .k-header,
.k-grid-header .k-link,
.k-grid-header .k-link:link,
.k-pager-info,
.k-scheduler-header,
.k-scheduler-agendaview .k-scheduler-datecolumn {
    color: #888;
}


/* Adjust title on mobile */
.mobile #title {
    right: 0;
    left: 0;
    top: 64px;
}

/* Adjust context bar on mobile */
.mobile #context-bar {
    left: 0;
    right: 0;
    bottom: 0;
}

/* Color mobile button */
.mobile #context-bar .show-menu,
.mobile .search-box.advanced-filled .open-advanced {
    color: #67686e;
}
.mobile .search-box.opened .close-search,
.mobile .search-box.opened .open-advanced {
    color: #67686e;
}
.mobile .search-box .open-advanced,
.mobile .search-box .close-advanced,
.mobile .search-box .open-search {
    color: #67686e;
}
.mobile .search-box .open-advanced:hover,
.mobile .search-box .close-advanced:hover,
.mobile .search-box .open-search:hover {
    color: #67686e;
}
.mobile .search-box {
    background: #fff;
}

/* Mobile menu changes */
.mobile #header.menu-shown #menu .level-2 {
    padding-left: 0;
}
.mobile #menu .level-2 > li {
    text-indent: 10px;
}
.mobile #menu .level-2 a,
.mobile #menu .level-2 a:link,
.mobile #menu .level-2 a:visited,
.mobile #menu .level-2 a:focus {
    text-indent: 24px;
}
.mobile #header.menu-shown #menu .level-1>li>a {
    text-transform: uppercase;
}

/* Hide logo in mobile menu */
.mobile #header.menu-shown #logo a {
    display: none;
}

/* Mobile logo size */
.mobile #header #logo a {
    width: 128px;
    height: 36px;
}

@media only screen and (max-width: 1056px)  {
    .form .name {
        display: inline;
        text-indent: 2px;
    }
}

/* Make form descriptions show new lines */
.form .description {
    white-space: pre-line;
    margin: 0;
    margin-bottom: 16px;
}

/* Text spacing for content pages */
#inner p {
    padding: 0 16px;
}

#inner li {
    margin-left: 35px;
}

/* Make sure preformatted text has the correct color in grids */
.k-grid tr.k-state-selected:not(:hover)>td pre {
    color: #fff;
}

/* Make long texts wrap */
pre.text-value {
    white-space: pre-line;
}

/* Error page content positioning */
body.error-page #inner {
    background: #fff;
}
html:not(.mobile) body.error-page #inner,
html:not(.mobile) body.error-page #title,
html:not(.mobile) body.error-page #content,
html:not(.mobile) body.error-page #context-bar {
    left: 20px;
}

/* Make text in dropdowns align correctly when nothing selected */
.editor .selection {
    line-height: 18px;
}

/* Translate empty drop down */
.editor .selection.empty {
    font-size: 0;
}
.editor .selection.empty:after {
    content: "Niets geselecteerd";
    font-size: 12pt;
    line-height: 30px; 
}

/* Move search box to lower left corner */
html:not(.mobile) .search-box .search-form {
    right: unset;
}

html:not(.mobile) .search-form {
    line-height: 15px;
    left: 0px;
}
html:not(.mobile) .search-box {
    position: fixed;
    left: 0;
    bottom: 17px;
    width: auto;
    margin-left: 20px;
    background: #fff;
}
html:not(.mobile) .search-box input.simple-search {
    width: 190px;
    height: 32px;
}
html:not(.mobile) .search-box .clear-search {
    width: 190px;
    margin: 0px 6px !important;
}
    
html:not(.mobile) .search-form .label label {
    text-align: left;
}
html:not(.mobile) #context-bar {
    padding-right: 0;
}

/* Make login button black instead of grey */
#auth .auth-control .custom .nap .providers .link.ibki {
    color: #000;
}

/* Payment link as button */
.portal-externen #c9_betalenval {
    background: #633786;
    color: #fff !important;
    font-weight: 500;
    font-size: 18px;
    padding: 4px 16px;
    border-radius: 20px;
    line-height: 36px;
    display:inline-block;
    cursor: pointer;
    transition: background 0.2s linear 0s;
}
.portal-externen #c9_betalenval a {
    color: #fff !important;
}
.portal-externen #c9_betalenval:hover {
    background: #502078;
}
/*Hover menu color*/
#menu .current a, #menu .current a:hover, #menu .current a:focus{
	color: #f67716;
}
html:not(.mobile) #header{
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	height: 112px;
}

/*
 * Translations of built-in English texts.
 */

/* Translate 'sign in to Triggre (...)' */
/*#auth .auth-control .header .title:before {
    content: "Inloggen";
    font-size: 0;
    font-size: 24px;
}
#auth .auth-control .header .title {
    font-size: 0;
}

/* Translate 'email' placeholder */
/*#auth .auth-control .content .field label[for="email"]:before {
    content: "E-mail";
    font-size: 16px;
    transition: .2s ease-out;
}
#auth .auth-control .content .field label[for="email"] {
    font-size: 0px;
}

/* Translate 'password' placeholder */
/*#auth .auth-control .content .field label[for="password"]:before {
    content: "Wachtwoord";
    font-size: 16px;
    transition: .2s ease-out;
}
#auth .auth-control .content .field label[for="password"] {
    font-size: 0px;
}

/* Correct font size for active email/password placeholder*/
/*#auth .auth-control .content .field input:focus+label, 
#auth .auth-control .content .field input.filled+label {
    font-size: 0px;
}
#auth .auth-control .content .field input:focus+label:before, 
#auth .auth-control .content .field input.filled+label:before {
    font-size: .8rem;
}

/* Translate 'sign in' button at password reset */

/*#auth .auth-control .footer .main:before {
    content: "Opnieuw inloggen";
    font-size: 10px;
    position: absolute;
    right: 16px;
}
#auth .auth-control .footer .main {
    position: relative;
    font-size: 0;
    width: 124px;
}
/* Translate 'sign in' button at login */
/*#auth .auth-control .footer .main.btn:before {
    content: "Inloggen bij NIBIG online";
    font-size: 10px;
    position: absolute;
    right: 16px;
}
#auth .auth-control .footer .main {
    position: relative;
    font-size: 0;
    width: 134px;
}

/* Translate 'reset' button at login */
/*#auth .auth-control .footer .main.btn[tabindex="2"]:before {
    content: "Verder";
    font-size: 10px;
    left: 10px;
}
#auth .auth-control .footer .main.btn[tabindex="2"] {
    font-size: 0;
}



/* Translate 'reset' button at password reset */
/*#auth .auth-control .footer .secondary[tabindex="2"]:before {
    content: "Wachtwoord herstellen";
    font-size: 10px;
}
#auth .auth-control .footer .secondary[tabindex="2"] {
    font-size: 0;
}

/* Translate 'back' button at password reset */
/*#auth .auth-control .footer .secondary[tabindex="3"]:before {
    content: "Terug";
    font-size: 11px;
}
#auth .auth-control .footer .secondary[tabindex="3"] {
    font-size: 0;
}

/* Translate 'user not found' button at login */
/*#auth .auth-control .content .message.error:before {
    content: "Gebruiker niet gevonden of wachtwoord ongeldig";
    font-size: 13px;
}
#auth .auth-control .content .message.error {
    font-size: 0;
}


/* Translate 'wachtwoord is opgevraagd' at passwordreset */
/*#auth .auth-control .content .message.info:before {
    content: "Er is een e-mail gestuurd om het wachtwoord te herstellen. Klik op de link in de e-mail en geef een nieuw wachtwoord op.";
    font-size: 13px;
}
#auth .auth-control .content .message.info {
    font-size: 0;
}


/* Translate 'cancel' at activatielink */
/*#auth .auth-control .footer .action.secondary[tabindex="4"]:before {
    content: "Annuleren";
    font-size: 11px;
}
#auth .auth-control .footer .action.secondary[tabindex="4"] {
    font-size: 0;
}


/* Translate 'log out' link */
/*
#user a, #user a.logout:after,
#user a, #user a.logout:active:after, 
#user a.logout:visited:after {
    content: "(uitloggen)";
    font-size: 14px;
}
#user a, #user a.logout,
#user a, #user a.logout:active, 
#user a.logout:visited {
    font-size: 0;
}

/* Translate 'log in' link */
/*#user a, #user a.login:after,
#user a, #user a.login:active:after, 
#user a.login:visited:after {
    content: "(inloggen)";
    font-size: 14px;
}
#user a, #user a.login,
#user a, #user a.login:active, 
#user a.login:visited {
    font-size: 0;
}
*/
#user .auth{
	color: #2c2d35;
}
#user .user-menu-btn .user-menu-icon
{
	color: #2c2d35;
}

/* Cannot translate placeholder text, so make same color as background of input */
#context-bar input.simple-search::-webkit-input-placeholder,
.search-form input[placeholder="From"]::-webkit-input-placeholder,
.search-form input[placeholder="To"]::-webkit-input-placeholder {
    color: transparent;
}
#context-bar input.simple-search:-moz-placeholder,
.search-form input[placeholder="From"]:-moz-placeholder,
.search-form input[placeholder="To"]:-moz-placeholder {
    color: transparent;
}
#context-bar input.simple-search:-ms-input-placeholder,
.search-form input[placeholder="From"]:-ms-input-placeholder,
.search-form input[placeholder="To"]:-ms-input-placeholder {
    color: transparent;
}
#context-bar input.simple-search::-ms-input-placeholder,
.search-form input[placeholder="From"]::-ms-input-placeholder,
.search-form input[placeholder="To"]::-ms-input-placeholder {
    color: transparent;
}
#context-bar input.simple-search::placeholder,
.search-form input[placeholder="From"]::placeholder,
.search-form input[placeholder="To"]::placeholder {
    color: transparent;
}

/* Translate advanced search 'clear' button */
#context-bar .search-box.advanced button.clear-search:before {
    content: "Leegmaken";
    font-size: 16px;
}
#context-bar .search-box.advanced button.clear-search {
    font-size: 0px;
}

#inner .form .label .name {
	vertical-align: top;
}
#inner .form .editor {
	vertical-align: top;
}


/* Fix bugs */
@media all {
    
    /* buttons op juiste hoogte */
    html:not(.mobile) #context-bar > .buttons {
        padding-left: 4px;
        top: -4px;
    }
    
    /* fix details page */
    html:not(.mobile) .field {
        padding-left: 8px;
    }
    
    
}