@font-face {
    font-family: 'Lato';
    src: url('https://fonts.dilemmamanager.nl/lato/lato-bold-webfont.eot');
    src: url('https://fonts.dilemmamanager.nl/lato/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://fonts.dilemmamanager.nl/lato/lato-bold-webfont.woff2') format('woff2'),
         url('https://fonts.dilemmamanager.nl/lato/lato-bold-webfont.woff') format('woff'),
         url('https://fonts.dilemmamanager.nl/lato/lato-bold-webfont.ttf') format('truetype'),
         url('https://fonts.dilemmamanager.nl/lato/lato-bold-webfont.svg#Lato') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-regular-webfont.eot');
    src: url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-regular-webfont.woff') format('woff'),
         url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-italic-webfont.eot');
    src: url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-italic-webfont.woff2') format('woff2'),
         url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-italic-webfont.woff') format('woff'),
         url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-italic-webfont.ttf') format('truetype'),
         url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-italic-webfont.svg#source_sans_proitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-semibold-webfont.eot');
    src: url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-semibolditalic-webfont.eot');
    src: url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-semibolditalic-webfont.woff2') format('woff2'),
         url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-semibolditalic-webfont.woff') format('woff'),
         url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-semibolditalic-webfont.ttf') format('truetype'),
         url('https://fonts.dilemmamanager.nl/sourcesanspro/sourcesanspro-semibolditalic-webfont.svg#source_sans_prosemibold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}



button.button.buttonl.button-modify-account-details.button-forward{
	margin-left: 20px;
}

.button-read-more{
	padding: 8px 15px 8px 15px;
	position: relative;
	text-decoration: none;
}

.product-description-text{
	padding: 40px;
	margin-top: 80px;
	background: #f4f4f4;
}

.request-image{
	position: relative;
	margin-bottom: -107px;
	z-index: 1;
	opacity: 0.2;
	height: 120px;
	width: 900px;
	left: -30px;
	top: -30px;
	-webkit-border-top-left-radius: 9px;
    -webkit-border-top-right-radius: 9px;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 9px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

#content{
	position: relative;
	width: 900px;
	margin: 0 auto;
	margin-bottom: 150px;
}



/* 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, sub, sup, 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;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: "Source Sans Pro", Arial, sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
	overflow-x:hidden;
	width:100%;
}

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;
	width: 100%;
}

b,strong {
	font-weight: bold;
}

/* portal */
body, html {
	font-weight: 400;
	background-color: #fff;
	color: black;
	font-size: 18px;
	line-height: 24px;
	font-family:"Source Sans Pro", Arial, sans-serif;
}

html, body, #container  
{
	height: 100%; 
}

body > #container  
{
	height: auto; 
	min-height: 660px;
}

input, textarea, dropdown, button
{
    outline:none;
}

#menu {
    position: absolute;
    top: 110px;
    width: 100%;
}

ul.menu {
    display: inline-block;
    width: 900px;
    height: 45px;
    margin: 0 auto;
    display: block;
    border: none;
    list-style: none;
    text-align: left;
}

ul.menu li {
    float: left;
    list-style: none;
    color: #fff;
    line-height: 45px;
}

ul.menu li a 
{
    color: #000;
    text-decoration: none;
    margin-right: 31px;
    line-height: 45px;
    font-size: 18px;
	color:#2977CC !important;
	font-weight: bold;
}

ul.menu li a:hover, ul.menu li.selected > a
{
	color:#FF8D00 !important;
}

.submenu
{
    display:none;
}

ul.submenu li a
{
    color: #58585a;
    padding-left: 19px;
    margin-right: 0px;
    padding-right: 19px;
}

ul.menu li:hover .submenu
{
	display: block;
    width: auto;
}

.logo {
    position: absolute;
    left: 50%;
    margin-left: -450px;
}

#logo {
	float: left;
    padding: 0;
    background: none;
    width: 300px;
    margin: 26px 0px 0px 0px;
    height: 100%;
}

#banner
{
	position:relative;
    overflow: hidden;
    margin: 0 auto;
    clear: both;
    float: none;
    position: absolute!important;
    overflow: hidden;
    height: 350px !important;
    width: 100% !important;
}

#bannerimages {
	position:absolute;
	left:50% !important;
	margin-left:-960px;
    width:1920px;
    height:350px;
}

#bannerimages img {
	float:none !important;
    width: 1920px;
    height: 350px;
}

#topbar {
    height: 160px;
    width: 100%;
    margin: 0;
    -moz-box-shadow: 0px 1px 0px 0px rgba(29,29,27,0.2);
    box-shadow: 0 1px 0 0 rgba(29,29,27,0.2);
}

#article {
	background-color: #F4F4F4;
	padding:48px;
}

/* WLV blokken op home */
div.blocks
{
}

div.block-top
{
	width:280px;
	height:245px;
    position:relative;
}

div.block-top h2
{
    position: absolute;
    top: 176px;
    color: #FF8D00;
    font-size: 19px;
    width: 100%;
    text-align: center;
    font-weight: 600;
    z-index:2;
}

.page-products .assessment-category,
div.block-top
{
	background-color:#2977CC;
}

div.block-top {
	cursor: pointer;
}

div.block-top:before
{
	content:'';
	background-image: url(../images/foto-7.jpg);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	opacity: 0.15;
	z-index: 0;
	background-repeat: no-repeat;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}


div.block-top:after
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 1;
}

div.block-top.werk:before
{
	background-image: url(../images/foto-2.jpg);
}

.block-top.werk:after {
	background-size:60px 67px;
    background-position: top 74px center;
    background-image: url(../iconen/Icoon-grafiek.png);	
}

div.block-top.loopbaan:before
{
	background-image: url(../images/foto-3.jpg);
}

.block-top.loopbaan:after {
	background-size:55px 56px;
    background-position: top 80px center;
    background-image: url(../iconen/Icoon-vergrootglas.png);	
}

div.block-top.vitaliteit:before
{
	background-image: url(../images/foto-6.jpg);
}

.block-top.vitaliteit:after {
	background-size:56px 32px;
    background-position: top 90px center;
    background-image: url(../iconen/Icoon-batterij.png);	
}


.page-products .assessment-category.category-2,
div.block-top.loopbaan
{
	background-color:#2977CC;
}

.page-products .assessment-category.category-3,
div.block-top.vitaliteit
{
	background-color:#2977CC;
}

.block.block-clickable
{
	width:280px;
	float:left;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
}

.block.block-clickable:not(:last-child)
{
	margin-right: 30px;
}

.contact-tekst{
	line-height: 19px;
}

.block-content
{
    background-color: #F7F7f7;
    height: 414px;
    padding: 26px;
    line-height: 24px;
    font-size: 16px;
    position: relative;
    -webkit-border-bottom-left-radius: 9px;
    -webkit-border-bottom-right-radius: 9px;
    -moz-border-radius-bottomleft: 9px;
    -moz-border-radius-bottomright: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
}

.button.button.button-block-home.button-read-more
{
	position:absolute;
	bottom:28px;
	left:25px;
	font-size: 18px;
}

.button:not(.floating-contact-widget-open), .logged-in, a.login
{
    padding-left: 14px;
    padding-right: 14px;
    background-color: #2977CC;
	font-family:"Source Sans Pro", Arial, sans-serif;
    color: white;
    border: none;
    height: 36px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: initial;
    transition-delay: initial;
	font-size: 18px;
	font-weight: 600;
	border-radius:40px;
	line-height:28px;
	padding-bottom:3px;
}

.button:hover, .logged-in:hover, a.login:hover
{
	background-color:#2469B3;
	
}

.coachfix #home-check .button,
.button.button-more-info,
.button.button-home.button-home-check-wrapper
{
	height:45px;
    font-size: 18px;
}

.button.button-more-info,
.button.buttons.button-contact-send
{
	font-family:"Source Sans Pro", Arial, sans-serif;
}

#content
{
	position: relative;
    width: 900px;
    margin: 0 auto;
}

#home-check-wrapper
{
	position: relative;
    height: 250px;
    color: white;
    font-size: 36px;
    font-weight: bold;
}

.coachfix #home-check .button,
.button.button-home.button-home-check-wrapper
{
	background-color: #2977CC;
	color: white;
}

.button.button-home.button-home-check-wrapper:hover
{
	background-color:#2469B3 !important;
}


#home-check-wrapper h1
{
    margin-top: 55px;
    line-height: 40px;
    margin-bottom: 16px;
	text-shadow: 0px 0px 6px rgba(150, 150, 150, 0.9);
}

.content-block h1
{
    color: #FF8D00;
    margin-top: 78px;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 9px;
    line-height: 44px;
}

.content-block h2
{
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 46px;
	color: #FF8D00;
}

.button-more-info,
span.field-item
{
	float:left;
	clear:left;
}

span.field-item
{
	margin-left:68px;
	margin-bottom: 19px;
}

span.field-item
{
    content: '';
    background-image: Url(../iconen/Checkmark-08-oranje.svg);
    background-repeat: no-repeat;
    background-size: 52px 52px;
    background-position: center left 4px;
    padding-left: 68px;
    display: block;
    margin-left: 0px;
}

ul.menu li:hover ul {
    display: block;
}

ul.menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    z-index: 99999;
    background-color: white;
    top: 45px;
    border: none;
    width: 180px;
    overflow: visible;
    margin-left: -21px;
}


.logged-in:hover ul li:first-child:after,
ul.menu ul li:first-child a:after {
    content: '';
    position: absolute;
    left: 21px;
    top: -29px;
    width: 0px;
    height: 9px;
    border: solid transparent;
    border-width: 10px;
    border-bottom-color: #fff;
}

ul.menu ul li:not(:last-child) {
    float: none;
    margin: 0;
    padding: 0;
    display: block;
    border-bottom: 1px solid #58585a;
}

ul.menu ul li:last-child {
    box-shadow: none;
}

/* login */
#loginstatus {
	position: absolute;
	right: 50%;
	margin-right: -450px;
	text-align: right;
	overflow: visible;
	margin-top: 40px;
}


.logged-in
{
	line-height:38px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin: 0;
	height:38px !important;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	font-weight: normal;
	padding-right: 48px;
	padding-left: 21px;
	font-size:18px;
	font-weight:bold;
    border-radius: 40px;
}

.logged-in ul {
	font-weight:normal;
}

.logged-in:after
{
    content: '';
    position: absolute;
    height: 25px;
    width: 25px;
    top: 8px;
    right: 7px;
	border-radius:13px;
	background-color:#a9c9eb;
    background-image: url(../iconen/Pijltje-Blauw.svg);
    background-repeat: no-repeat;
    background-position: top 6px left 7px;
    background-size: 13px 13px;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}


.logged-in ul
{
	display:none;
	position:absolute;
	width:240px;
	z-index:1;
	background-color:White;
	cursor:auto;
	color:#58585a;
}

.logged-in:hover ul li:first-child:after
{
	border-bottom-color:#2977CC;
	left: 200px;
}

.welcome-user
{
	position: relative;
    display: block;
}

.logged-in-user
{
    background-color: #2977CC;
    color: White;
    max-height: 61px;
    text-align: right;
    line-height: 21px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 22px;
    padding-bottom: 22px;
    min-height: 39px;
    font-size: 18px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.logged-in-account, .logged-in-logout
{
	height: 57px;
	line-height: 56px;
	font-family:"Source Sans Pro", Arial, sans-serif;
}

.logged-in-account a,
.logged-in-account a:hover
{
	border-bottom: 1px solid #e8e8e8;
}

.logged-in-account a:after, .logged-in-logout a:after
{
	background-image: Url(../iconen/mijngegevens.svg);
	content: '';
	position: absolute;
	height: 55px;
	width: 59px;
	background-size: 14px 14px;
	background-position: center left 15px;
	background-repeat: no-repeat;
	pointer-events: none;
}

.logged-in-logout a:after
{
    background-image: Url(../iconen/uitloggen.svg);	
    background-size: 17px 17px;
	
}


.logged-in ul li a
{
    color: black;
    text-decoration: none;
    font-size: 16px;
    line-height: 56px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    padding-right: 59px;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: initial;
	transition-delay: initial;
}

.logged-in ul li:hover:not(.logged-in-user) a
{
	color:#2977cc !important;
}

.logged-in:hover ul
{
	display:block;
	margin-top: 81px;
	right:0px;
}

ul:hover .logged-in:before
{
    height: 100px;
}

.logged-in:before
{
    content: '';
    position: absolute;
    width: 155px;
	height: 32px;
    margin-top: 36px;
    margin-left: -27px;
    cursor: initial;
	z-index:9999;
}

.menuitem-1 #quabaan .article-default .button-more-info
{
    margin-bottom: 100px;
    font-size: 16px;
    margin-top: 15px;
}

/* Footer */

#footer
{
    clear: both;
    position: relative;
    width: 100%;
    height: 369px;
    background-color: #f4f4f4;
    color: #fff;
    font-size: 16px;
}

#footer #footer-inner {
    width: 900px;
    height: 327px;
    padding-top: 24px;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
}

#footer #contact img {
    width: 250px;
	margin-top: 54px;
    margin-right: 26px;
}

#footer h3
{
    color: #2977CC;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 18px;
	font-family: Lato, Arial, sans-serif;
}

#footer #general ul li
{
	margin-bottom: 2px;
}

#footer #general ul li a,
#footer #question
{
    text-decoration: none;
    color: black;
	font-family:"Source Sans Pro", Arial, sans-serif;
}

#footer #question
{
    position: relative;
    line-height: 14px;
    height: 100%;
    width: 268px;
    margin-left: auto;
    margin-right: auto;
}

#footer #question form {
    line-height: 20px;
}

#footer #general ul li a:hover
{
	color:#2977CC;
}

#footer #general
{
	float: left;
	width: 250px;
	height: 100%;
	margin-top: -5px;
}

span#copyright
{
    position: absolute;
    bottom: 110px;
    color: black;
	font-family:"Source Sans Pro", Arial, sans-serif;
    font-size: 11px;
}

span#copyright a
{
    color: black;
    text-decoration:none;
}

.button.buttons.button-contact-send
{
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-size: 18px;
	height: 40px;
}

#footer #question
{
    height: 300px;
    position:relative;
}

#footer #question input, #footer #question textarea
{
	color: black;
	font-family:"Source Sans Pro", Arial, sans-serif;
	font-size: 16px;
	width:232px;
	border:none;
	padding-left: 8px;
	padding-right: 8px;
	border:1px solid #e8e8e8;
}

#footer #question #shortemail
{
    height: 41px;
    margin-bottom: 13px;
    margin-top: 9px;
}

#footer #question #shortquestion
{
    padding-top: 12px;
    padding-bottom: 12px;
    width:232px;
    height:84px;
    resize: none;
}

#footer #footer-copyright {
	background-color:#333;
	text-align:center;
	font-size:14px;
	height:33px;
	line-height:32px;
}

#footer #footer-copyright a,
#footer #footer-copyright a:visited {
	color:white;
}

#footer-copyright span:not(:last-child) {
	padding-right:8px;
	margin-right:8px;
	border-right:1px solid white;
}

#footer-copyright img {
	width:20px;
	height:20px;
	vertical-align:middle;
	padding-bottom:1px;
	padding-right:4px;
}

#footer-copyright > span {
	margin-left:-2px;
}

#footer-copyright .locale-select a {
	margin-right:8px;
}

#footer-copyright .locale-select a.selected {
	font-weight:bold;
	text-decoration:none;
}

/* Zwevende contact formulier */

#floating-contact-widget
{
    margin-right: -288px;
    position: fixed;
    top: 409px;
    right: 0;
    background-color:white;
    box-shadow: -4px 1px 11px -10px rgba(0,0,0,0.75);
    z-index:2;
    padding:28px;
    width: 230px;
    height: 355px;
    -webkit-transition: margin 1s; /* Safari */
    transition: margin 1s;
    z-index: 2;
}

input[type='button'], button[type='submit']
{
	cursor: pointer !important;	
}

#button-open-floating-contact,
#button-close-floating-contact 
{
	content: 'contact';
    background-color: #FF8D00 !important;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    position: absolute;
    left: -98px;
    top: 52px;
    height: 45px;
    z-index: 0;
    width: 150px !important;
    text-align: center;
    font-size: 20px;
    color: white !important;
}

#button-open-floating-contact {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
    box-shadow: -3px -3px 15px -7px rgba(0,0,0,0.75);
	line-height: 20px;
}

#button-close-floating-contact {
	border-radius:0;
}

#button-open-floating-contact:hover, 
#button-close-floating-contact:hover
{
	background-color:#D96400 !important;
}

#floating-contact-widget.enabled
{
	margin-right:0;
}

#button-close-floating-contact
{
	height: 45px;
    width: 45px !important;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    margin: -75px 0px 0px 53px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    line-height: 18px;
    background-image: url(../iconen/Sluiten-Wit.svg);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center center;
    top: 75px;
    left: 188px;
}

#floating-contact-widget textarea,
#floating-contact-widget input
{
    background-color: #f4f4f4;
    padding-left: 18px;
	font-family:"Source Sans Pro", Arial, sans-serif;
    padding-right: 18px;
    padding-top: 13px;
    padding-bottom: 13px;
    width: 191px;
    margin-bottom: 15px;
	border: none;
}

#floating-contact-widget textarea
{
	resize:none;
}

#floating-contact-widget p
{
    line-height: 23px;
    margin-bottom: 21px;
}

#floating-contact-widget h2
{
    font-weight:bold;
    font-size:20px;
    margin-bottom: 4px;
}

#confirmcontact
{
	width: 14px !important;
}

.confirmcontact-label
{
	font-size:11px;
	position: absolute;
	margin-top: 4px;
}

#floating-contact-widget .button.buttons.button-send-contact-form.button-forward
{
	height:39px;	
}


#floating-contact-widget .contact-error {
    color: Red;
    font-size: 14px;
    position: absolute;
    top: 423px;
    width: 230px;
    left: 27px;
    line-height: 22px;
}

/* Contact */
.page-assessments #content,
.page-contact #content
{
	background-color: #f4f4f4;
}

.page-contact #content #article .page-content h1
{
	display:none;
}



/* Mijn Scans */

.page-products .assessment-category
{
	background-color:#FF8D00 ;
	position:relative;
	height:140px;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	height: 100%;
	background-size: 140px 100%;
	background-repeat: no-repeat;
}


h2.category-title
{
    color: #FF8D00;
    line-height: 126px;
    text-indent: 128px;
    opacity: 1;
    z-index: 1;
    position: relative;
    font-size: 32px;
    height: 130px;
    font-weight: bold;
}

h2.category-title.category-1 {
	background-image:url(../iconen/icoon-voorbereiding-71x71px.svg);
	background-size:71px 71px;
	background-repeat:no-repeat;
	background-position:30px 30px;
}

h2.category-title.category-2 {
	background-image:url(../iconen/icoon-tijdensassessment-75x66px.svg);
	background-size:75px 66px;
	background-repeat:no-repeat;
	background-position:30px 33px;
}

h2.category-title.category-3 {
	background-image:url(../iconen/icoon-aanvullend-63x68px.svg);
	background-size:63px 68px;
	background-repeat:no-repeat;
	background-position:30px 32px;
}

h2.category-title.category-4 {
	background-image:url(../iconen/icoon-evaluatie-74x70px.svg);
	background-size:74px 70px;
	background-repeat:no-repeat;
	background-position:30px 30px;
}

h2.category-title.category-5 {
	background-image:url(../iconen/werk.svg);
	background-size:56px 74px;
	background-repeat:no-repeat;
	background-position:30px 30px;
}

.page-products .assessment-category:after
{
    background-position: top 24px left 36px !important;
    background-size: 93px 93px;
}

.page-products .assessment-category .products
{
    height: 390px;
    background-color:#f4f4f4;
    position: relative;
    z-index: 1;
}

.page-products .assessment-category
{
	margin-bottom:19px;
}
.product-block
{
    height: 330px;
    float: left;
    width: 260px;
    background-color:transparent;
    margin-left: 30px;
    margin-top: 26px;
    position:relative;
    overflow:hidden;
}

.product-block .product-image
{
	height:100%;
	position: absolute;
	width: 260px;
}

.product-block .product-info
{
	height:330px;
	line-height:45px;
	color:white;
	position:absolute;
	bottom:0;
	z-index: 1;
    background-color: rgba(5,101,176,0.85);
    width: 100%;
    margin-bottom:0px;
	text-align:center;
}


.product-block .product-info,
.product-block .product-image,
.product-block .details
{
	transition: transform 1s;
}

.product-block .details
{
    padding-left: 23px;
    padding-right: 23px;
    position: absolute;
    height: 303px;
	padding-top:27px;
	width: 214px;
	background-color:#649cc7;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 24px;
	backface-visibility: hidden;
	transform: rotateY(-180deg);
	z-index:2;
	color:white;
}

.product-block:hover .product-info,
.product-block:hover .product-image
{
	transform: rotateY(180deg);
}

.product-block:hover .details
{
	transform: rotateY(0deg);
}


.button.button-product-read-more
{
    left: 27px;
    bottom: 27px;
    line-height: 36px;
    height: auto;
    text-decoration: none;
    position: absolute;
    font-size: 14px;
}

span.product-name
{
	max-width:330px;
	font-size:18px;
    font-weight: bold;
	position:relative;
	top:140px;
}


/* Adviseurs */
.coach-blok
{
	padding: 30px;
    background-color: #f4f4f4;
    margin-top:50px;
}

.page-forgotpassword #content,
.page-assessments #content,
.coach-blok.content,
.page-contact #content
{
    margin-top: 50px !important;
}

.page-resetpassword h1,
.page-title.page-title-account,
.page-feedback #content #article h1,
#informatie h1,
.page-forgotpassword #content #article h1,
.assessment-name.page-title,
.page-title.page-title-contact,
.coach-blok h1,
.page-login .page-content h1,
.page-register .page-content h1,
#flexible-profile-page .widget-text h2,
.widget-text h2,
.widget.widget-documents.widget-documents-wide#widget-hr-cyclus h2,
.widget.widget-dossier h2,
.widget-faq h2,
.widget-feedback-progress h2,
.widget-single-assessment-product h2,
h2.assessment-title
{
    font-size: 28px;
	font-family: Lato, Arial, sans-serif;
    color: #FF8D00;
	margin-bottom:12px;
	font-weight: bold;
}

.page-register .login-error {
	padding-bottom:0px !important;
}

.widget-faq h2 {
	margin-bottom:30px;
}

.coach-blok p
{
	line-height: 24px;
}

.coach
{
    width: 260px;
    background-color: #fff!important;
    padding: 0px;
    width: 260px!important;
    height: 479px;
    display: inline-block;
    position: relative;
    margin-bottom: 28px;
}

.coach:not(:nth-child(3n + 1))
{
	margin-left: 25px;
}

.coach-image
{
	width:260px !important;
	height:241px !important;
}

.coach-location
{
	color:#2977CC;
    height: 31px;
	padding-left:25px;
	padding-right:25px;
}

.coach-name
{    
	font-family:"Source Sans Pro", Arial, sans-serif;
	font-weight: bold;
    padding-top: 25px;
    padding-left: 25px;
    margin-bottom: 6px;
    font-size: 20px;
    margin-top: -1px;
    height:40px;
}

.coach-info h1,
.coach-info b
{
	font-family: Lato, Arial, sans-serif;
	font-weight: bold;
	font-size: 20px;
}

.coach-contact
{
    margin-top: 20px;
    padding-left: 25px;
    line-height: 22px;
	font-size: 14px;
    text-overflow: ellipsis;
    width: 200px;
    overflow: hidden;
}

.coach .button
{
	line-height:36px;
	height:auto;
	position:absolute;
	bottom:25px;
	left:25px;
	text-decoration:none;
	font-size:14px;
}

.page-assessments #content,
.coach-blok:last-child
{
	margin-bottom: 108px;
}

#home-check-wrapper + #informatie,
.coach-blok.content
{
	margin-top: 171px !important;
}

/* scans */

.assessmenttable .widget-dossiers-product-status-row
{
	background-color: white;
	height: 22px !important;
}

.assessmenttable .widget-dossiers-product-status
{
	display: table-cell !important;
}

.assessmenttable .widget-dossiers-product-status span, .assessmenttable .widget-dossiers-product-status span b
{
	font-weight: normal;
}

.assessmenttable .widget-dossiers-product-status span
{
	left: 10px;
}

.account-table input, .account-table .textfield, .account-table select, .account-table .combobox
{
	margin-bottom: 5px;
	margin-left: 20px;
}

.widget-container {
	width:804px !important;
	padding:48px;
}

.widget-resizer
{
	float: none;
	clear: both;
}

.widget-documents-top-left, .widget-documents-top-right, .widget-documents-bottom-left, .widget-documents-bottom-right
{
	width: 465px;
	background-color: rgb(245, 245, 245);
	padding: 0;
	float: left;
}

.widget-documents-bottom-left, .widget-dossier {
	clear:both;
}

.widget-documents-wide-inner, .widget-documents-top-left-inner, .widget-documents-top-right-inner, .widget-documents-bottom-left-inner, .widget-documents-bottom-right-inner
{
	background-color: white;
	padding-bottom: 14px;
}

.widget-documents-top-left-inner tr, .widget-documents-top-right-inner tr, .widget-documents-bottom-left-inner tr, .widget-documents-bottom-right-inner tr
{
	height: 62px;
}

.widget-documents-top-right, .widget-documents-bottom-right
{
	width: 436px !important;
	padding-left: 30px !important;
	padding-right: 30px;
}

.widget-documents-category-title
{
	height: 60px;
	line-height: 63px;
	color: white;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}

.widget-documents-top-left .widget-documents-category-title
{
	background-color: #FF4E44;
}

.widget-documents-top-left .widget-documents-row-date
{
	color: #FF4E44;
}

.widget-documents-top-right .widget-documents-category-title
{
	background-color: #FFDB2B;
}

.widget-documents-top-right .widget-documents-row-date
{
	color: #FFDB2B;
}

.widget-documents-bottom-left .widget-documents-category-title
{
	background-color: #264F9F;
}

.widget-documents-bottom-left .widget-documents-row-date
{
	color: #264F9F;
}

.widget-documents-bottom-right .widget-documents-category-title
{
	background-color: #3CCA82;
}

.widget-documents-bottom-right .widget-documents-row-date
{
	color: #3CCA82;
}

.widget-documents-top-left table, .widget-documents-top-right table, .widget-documents-bottom-left table, .widget-documents-bottom-right table
{
	width: 100%;
	background-color: white;
}

.widget-documents-top-left table td, .widget-documents-top-right table td, .widget-documents-bottom-left table td, .widget-documents-bottom-right table td
{
	vertical-align: middle;
	border-bottom: 1px solid rgb(227, 227, 227);
}

.widget-documents-row-date
{
	border-bottom: 1px solid rgb(227, 227, 227);
	text-align: left;
	padding-left: 20px;
	width: 60px;
}

.widget-documents-row-description
{
	border-bottom: 1px solid rgb(227, 227, 227);
	color: rgb(109, 109, 109);
	padding-left: 1px;
}

.widget-documents-row-description-text
{
	cursor: pointer;
	display: inline-block;
}

.widget-description-no-edit
{
	cursor:initial;
}
.widget-documents-row-description-info
{
	display: none;
	font-weight: normal;
}

.widget-documents-row-description:hover .widget-documents-row-description-info
{
	display: block;
	position: absolute;
	width: 405px;
	margin-top: 8px;
	height: 45px;
	top: 54px;
	padding-top: 17px;
	z-index: 3000;
	text-align: center;
	font-size: 14px;
	margin-left: -99px;
}

.widget-documents-wide-inner .widget-documents-row-description:hover .widget-documents-row-description-info
{
	margin-left: -99px;
	top: 50px;
}

.widget-documents-top-right .widget-documents-row-description-info
{
	background-color: #fce053;
}

.widget-documents-top-left .widget-documents-row-description-info
{
	background-color: #fc6f66;
}

.widget-documents-bottom-left .widget-documents-row-description-info
{
	background-color: #4f6faf;
}

.widget-documents-bottom-right .widget-documents-row-description-info
{
	background-color: #60d299;
}

.widget-documents-bottom-right .widget-documents-row-date, .widget-documents-bottom-left .widget-documents-row-date, .widget-documents-top-right .widget-documents-row-date, .widget-documents-top-left .widget-documents-row-date
{
	font-size: 12px;
	vertical-align: middle;
}

.widget-documents-row-description-triangle
{
	position: absolute;
	top: -10px;
	left: 197px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0px 10px 10px;
}

.widget-documents-top-right .widget-documents-row-description-triangle
{
	border-color: transparent transparent #fce053;
}

.widget-documents-top-left .widget-documents-row-description-triangle
{
	border-color: transparent transparent #fc6f66;
}

.widget-documents-bottom-left .widget-documents-row-description-triangle
{
	border-color: transparent transparent #4f6faf;
}

.widget-documents-bottom-right .widget-documents-row-description-triangle
{
	border-color: transparent transparent #60d299;
}

.widget-documents-file-upload
{
	margin: -2px 8px 8px;
	padding: 8px 8px 0px;
	position: relative;
	height: 95px;
}

.widget-documents-file-description
{
	border: 1px solid rgb(204, 204, 204);
	width: 224px;
	font-size: 14px;
	position: absolute;
	left: 16px;
	top: 51px;
	height: 31px;
	font-family:"Source Sans Pro", Arial, sans-serif;
	padding-left: 12px;
}

.widget-documents-file-select
{
	position: relative;
	display: inline-block;
	overflow: hidden;
	height: 17px;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	font-size: 16px;
	white-space: nowrap;
	border: 0px;
	outline: 0px;
	text-decoration: underline;
	-webkit-user-select: none;
	transition: 0.5s;
	color: #2977CC;
	left: 2px;
	cursor: pointer !important;
}

.widget-documents-file-select-filename
{
	position: absolute;
	left: 186px;
	top: 18px;
	width: 211px;
}

.widget-documents-wide .widget-documents-file-select-filename
{
	width: 680px;
}

.widget-documents-wide .widget-documents-row-description-editor
{
	position: absolute;
	left: -10px;
	width: 776px;
	background-color: white;
	margin-top: -10px;
	vertical-align: middle;
	z-index: 2000;
	top: 20px;
}

#widget-hr-cyclus .widget-documents-row-description-editor
{
	margin-top: -18px;
}

.widget-documents-wide#widget-hygiene .widget-documents-row-description-editor
{
	margin-top: -17px;
}

.widget-documents-wide .widget-documents-row-description-editor .textfield
{
	width: 679px !important;
	padding-left: 11px;
}

.widget-documents-row-delete button
{
	margin-left: 12px;
	top:1px;
}
.widget-documents td
{
	position: relative;
}

.widget-documents td:last-child
{
    padding-right: 14px;
}
.widget-documents-row-description-text 
{
	 white-space: nowrap;
	 text-overflow: ellipsis;
	 display: block;
	 overflow: hidden;
	 width: 212px;
	 margin-right: 17px;
	 height: 18px;
}

.widget-documents-row-description-info
{
	position: absolute;
	bottom: -61px;
	left: 19px;
	color:White;
	pointer-events:none;
}
.widget-documents-row-description-container
{
	left: 0px;
}
.widget-documents-row-description-editor
{
    position: absolute;
    left: 0px;
    width: 323px;
    background-color: white;
    margin-top: -36px;
    vertical-align: middle;
    z-index: 2000;
}
.widget-documents-row-description-editor .textfield
{
    width: 247px;
    margin-top: 8px;
    height: 32px;
    margin-right: -41px;
	font-family:"Source Sans Pro", Arial, sans-serif;
    padding-left: 10px;
}
.widget-documents-save-button::after
{
	background-image: none !important;
	width: 0px !important;
	size: 0px !important;
}

.widget-documents-cancel-button::after
{
	background-image: none !important;
	width: 0px !important;
	size: 0px !important;
}
.widget-documents-more-button, .widget-documents-less-button
{
	position: relative;
	top: 16px;
	margin-left: -16px;
	left: 50%;
	background-repeat: no-repeat;
	background-size: 32px 32px;
	background-position: center center;
	display: inline-block;
	height: 32px !important;
	width: 32px !important;
	background-color: transparent !important;
	padding-right: 0px !important;
	border-radius: 0px !important;
}
.widget-documents-more-button:hover, .widget-documents-less-button:hover
{
	background-color: white !important;
}
.widget-documents-more-button::after, .widget-documents-less-button::after
{
	background-image: none !important;
	width: 0px !important;
	size: 0px !important;
}
.widget-documents-top-left .widget-documents-more-button
{
	background-image: url("../iconen/Down-Red.svg");
}
.widget-documents-top-right .widget-documents-more-button
{
	background-image: url("../iconen/Down-Yellow.svg");
}
.widget-documents-bottom-left .widget-documents-more-button
{
	background-image: url("../iconen/Down-Blue.svg");
}
.widget-documents-bottom-right .widget-documents-more-button
{
	background-image: url("../iconen/Down-Green.svg");
}
.widget-documents-top-left .widget-documents-less-button
{
	background-image: url("../iconen/Up-Red.svg");
}
.widget-documents-top-right .widget-documents-less-button
{
	background-image: url("../iconen/Up-Yellow.svg");
}
.widget-documents-bottom-left .widget-documents-less-button
{
	background-image: url("../iconen/Up-Blue.svg");
}
.widget-documents-bottom-right .widget-documents-less-button
{
	background-image: url("../iconen/Up-Green.svg");
}
.widget.widget-text, .widget.widget-documents.widget-documents-wide
{
	background-color: rgb(245, 245, 245);
	margin-top: 40px;
	padding: 26px;
}
#flexible-profile-page .widget-documents-wide-inner p, #flexible-profile-page .widget-documents-top-left-inner p
{
	color: rgb(110, 110, 110);
	font-weight: lighter;
}
#flexible-profile-page2 .widget-container
{
	margin-top: 339px;
	margin-bottom: 190px;
}
.widget.widget-documents.widget-documents-wide .widget-documents-wide-inner
{
	font-weight: bold;
	color: black;
	background-color: #FFF;
}
.widget-documents-wide-inner .widget-documents-row-description > br
{
	display: none;
}

.widget-documents-wide td
{
	height: 61px;
	vertical-align: middle;
}
.widget-documents-wide .widget-documents-wide-inner table
{
	border-collapse: separate;
	border-spacing: 0px 1px;
	width: 100%;
}
.widget-documents-wide .widget-documents-wide-inner table tr
{
	background-color: rgb(255, 255, 255);
	width: 1024px;
}
.widget.widget-documents.widget-documents-wide .widget-documents-wide-inner table .widget-documents-row-date
{
	color: rgb(77, 174, 84);
	vertical-align: middle;
	font-size: 11px;
	font-weight: normal;
}
.widget.widget-documents.widget-documents-wide#widget-hr-cyclus .widget-documents-wide-inner table .widget-documents-row-date
{
	color: #07A7E3;
}
.widget.widget-documents.widget-documents-wide .widget-documents-row-description
{
	color: rgb(109, 109, 109);
	position: relative;
	vertical-align: middle;
}
.widget.widget-documents.widget-documents-wide .widget-documents-row-actions
{
	border-bottom: none;
	padding-top: 10px;
	padding-right: 10px;
}
.widget.widget-documents.widget-documents-wide .widget-documents-row-actions button
{
	margin-right: 5px;
}
.widget.widget-documents.widget-documents-wide .widget-documents-row-description-text
{
	width: 493px;
	color: rgb(109, 109, 109);
	font-weight: normal;
}
.widget.widget-documents.widget-documents-wide .widget-documents-row-description-details
{
	color: rgb(107, 107, 107);
	font-style: italic;
	font-size: 10px;
}
.widget-border-top
{
	margin-top: 0px !important;
}
.widget-border-top > h2, .widget-border-top > p:first-child
{
	border-top: 1px solid rgb(227, 227, 227);
	padding-top: 24px;
}
.widget.widget-documents.widget-documents-top-left, .widget.widget-documents.widget-documents-top-right, .widget.widget-documents.widget-documents-bottom-left, .widget.widget-documents.widget-documents-bottom-right
{
	width: 405px !important;
	padding-left: 30px;
}
.widget.widget-documents.widget-documents-bottom-left, .widget.widget-documents.widget-documents-bottom-right
{
}
.widget.widget-text.widget-resizer
{
	height: 0px;
	margin: 0px;
	padding: 0px;
}

.widget.widget-documents.widget-documents-wide .widget-documents-file-select-button-label
{
	padding: 12px 0px 10px !important;
}

#widget-hygiene .widget-documents-file-select-button-label
{

	margin-left: 14px;
}

.widget.widget-documents.widget-documents-wide .widget-documents-file-description
{
	border: 1px solid rgb(204, 204, 204);
	width: 520px;
	margin-top: 19px;
	height: 31px;
	font-family:"Source Sans Pro", Arial, sans-serif;
}
.widget.widget-documents.widget-documents-wide .widget-documents-file-upload-button::after
{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 29px;
	margin-left: 14px;
	margin-top: -11px;
	height: 36px;
}
.widget.widget-documents.widget-documents-wide .widget-documents-file-upload-button
{
	margin-top: 59px;
	margin-right: -10px;
	font-family:"Source Sans Pro", Arial, sans-serif;
	font-weight: bold;
	padding-left: 14px;
	padding-right: 14px;
	margin-right: 10px;
	font-size: 12px;
}
.widget.widget-documents.widget-documents-wide .widget-documents-file-upload-button::after
{
	margin-left: 41px;
}
.widget.widget-dossier
{
	background-color: rgb(245, 245, 245);
	margin-top: 48px;
}
.widget.widget-dossier thead
{
	display: none;
}
.widget.widget-dossier td:first-child
{
	padding-left: 24px;
	padding-top: 20px;
}
.widget.widget-dossier tr
{
	height: 69px;
}

.widget.widget-dossier tr td:first-child
{
	width: 100px;
	font-size: 18px;
}

.widget.widget-dossier tr td:nth-child(2)
{
	padding-top:10px;
	color:#2977CC;
}

.widget.widget-dossier tr.widget-dossier-product-type-assessment td:nth-child(2),
.widget.widget-dossier tr.widget-dossier-product-type-feedback.completed td:nth-child(2) {
	padding-top:19px;
}

.widget.widget-dossier tr.widget-dossier-product-type-feedback.completed.published td:nth-child(2) {
	padding-top:10px;
}

.widget.widget-dossier tr:not(:last-child) td
{
	border-bottom: 6px solid rgb(245, 245, 245);
}

.widget.widget-dossier tr td
{
	background-color: rgb(255, 255, 255);
	vertical-align: top;
	padding-top:15px;
}
.widget-dossier-product-buttons
{
	text-align: right;
}
.widget-dossier-product-data
{
	color: rgb(2, 114, 190);
	padding-left: 20px !important;
}
.widget-dossier-product-data .widget-dossier-product-name
{
	margin: 0px;
	height: 58px;
	line-height: 58px;
	font-weight: bold;
}
.widget.widget-dossier td:last-child
{
	text-align: right;
	padding-right: 25px;
	font-size: 14px;
}
.widget-dossier-product-name
{
	white-space: nowrap;
	font-weight:600;
}
.widget-dossiers-product-status
{
	text-align: left !important;
	vertical-align: top !important;
	border-top: 0px solid rgb(245, 245, 245) !important;
}
.widget-dossiers-product-status-row
{
	position: relative;
	top: 0px;
	height: 36px !important;
}
.widget-dossiers-status-span
{
	color: rgb(109, 109, 109);
	font-size: 16px;
	position: relative;
	top: -12px;
	left: 128px;
	font-weight: bold;
}
.widget-dossiers-status-span b
{
	color: rgb(63, 173, 90) !important;
}

#flexible-profile-page p,
.widget-text p
{
	line-height: 24px;
}

.widget.widget-documents.widget-documents-wide .textfield.widget-documents-file-description
{
	left: 16px;
	padding-left: 11px;
	padding-right: 20px;
	width: 637px;
}
.widget.widget-documents.widget-documents-wide.widget-border-top .textfield.widget-documents-file-description:focus
{
	border: 1px solid rgb(0, 113, 191);
}
.widget-documents
{
	position: relative;
}
.widget.widget-documents.widget-documents-wide .widget-documents-wide-inner div h3
{
	margin-top: 27px;
}
.widget.widget-documents.widget-documents-wide .widget-documents-wide-inner div p
{
	margin-top: -4px;
}
.widget.widget-documents.widget-documents-wide
{
	padding-bottom: 34px;
}
.widget.widget-dossier
{
	padding-bottom: 30px;
}
.widget.widget-dossier h2
{
	margin-top: -4px;
}
.widget.widget-dossier p
{
	margin-top: 0px;
	margin-bottom: 21px;
}
.widget.widget-dossier > table
{
	margin-bottom: 0px;
	width: 836px;
	position: relative;
	left:-16px;
}
.widget.widget-documents.widget-documents-top-left .widget-documents-file-select-button-label, .widget.widget-documents.widget-documents-top-right .widget-documents-file-select-button-label, .widget.widget-documents.widget-documents-bottom-left .widget-documents-file-select-button-label, .widget.widget-documents.widget-documents-bottom-right .widget-documents-file-select-button-label
{
	margin-left: 7px;
}
.widget-documents-wide .widget-documents-row-delete, .widget-documents-wide .widget-documents-row-download, .widget-documents-wide .widget-documents-row-description, .widget-documents-wide .widget-documents-row-date
{
	border: none;
}
.widget-documents.widget-documents-wide.widget-border-top .widget-documents-wide-inner h2
{
	background-color: rgb(77, 174, 84);
	height: 60px;
	line-height: 63px;
	color: #FF8D00;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0px;
}

.widget.widget-documents.widget-documents-wide.widget-border-top .widget-documents-wide-inner table
{
	border-spacing: 0px;
	border-collapse: separate;
	background-color: rgb(255, 255, 255) !important;
	margin-top: 0px !important;
}
.widget.widget-documents.widget-documents-wide.widget-border-top .widget-documents-wide-inner table td
{
	border-bottom: 1px solid rgb(227, 227, 227);
}
.widget.widget-documents.widget-documents-wide.widget-border-top .widget-documents-wide-inner
{
	padding-bottom: 11px;
	background-color: rgb(255, 255, 255) !important;
}
.widget.widget-documents.widget-documents-wide.widget-border-top .widget-documents-file-upload
{
	width: 826px;
	height: 107px;
	margin: auto !important;
}
.widget.widget-documents.widget-documents-wide.widget-border-top .widget-documents-file-select
{
	margin-left: 13px;
	margin-top: 0px;
}
.widget.widget-documents.widget-documents-wide.widget-border-top .textfield.widget-documents-file-description
{
	margin-top: 1px;
	margin-left: 12px;
}
.widget.widget-documents.widget-documents-wide.widget-border-top br
{
	display: initial;
}
.widget.widget-documents.widget-documents-wide.widget-border-top .widget-documents-file-select-filename
{
	margin-left: 10px;
	margin-top: 4px;
}
.widget-documents-wide-inner .widget-documents-row-description-info
{
	background-color: #35b6e5;
	width: 848px !important;
	padding-top: 23px !important;
}
.widget-documents-wide-inner .widget-documents-row-description-triangle
{
	border-color: transparent transparent #35b6e5;
	left: 412px;
}
#widget-hygiene .textfield
{
	width: 599px;
}

.widget-dossier .widget-feedback-permission-button,
.widget-dossier .widget-assessment-permission-button
{
	margin-left: 10px;
	top: 4px;
	position: relative;
}
#flexible-profile-page .button:hover, .assessmenttable .button:hover, .feedback-user-list .button.buttonl.button-forward:hover, .my_employees button.button.button-forward:hover, .customer-documents .button:hover
{
	background-color: #2469B3;
}

#flexible-profile-page button.widget-dossier-download-button,
#flexible-profile-page button.widget-documents-download-button,
#customer-documents button.widget-dossier-download-button,
#customer-documents button.widget-documents-download-button
{
	background-image: url("../iconen/Downloaden.svg");
	background-repeat: no-repeat !important;
	background-color: transparent;
	border-radius: 0;
	background-position: left 0px top 0px;
	transition: none;
	width: 36px;
	padding: 0;
	height: 36px;
	cursor: pointer;
	margin-right: 16px;
	margin-top: -2px;
	position:relative;
	background-color: #2FCFB9 !important;
	border-radius: 20px !important;
	background-size: 16px !important;
	background-position: center 8px !important;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: initial;
	transition-delay: initial;
}

#flexible-profile-page .widget-documents-download-button{
	color:transparent;
	line-height: 23px;
	margin-top: 0px;
	position: relative;
	top: 1px;
	margin-left: 12px;
}


#flexible-profile-page button.widget-dossier-download-button:hover,
#flexible-profile-page button.widget-documents-download-button:hover,
#customer-documents button.widget-dossier-download-button:hover,
#customer-documents button.widget-documents-download-button:hover
{
	background-color:#2AB5A2 !important;
}

#flexible-profile-page .widget-dossier-download-button:hover,
#flexible-profile-page .widget-documents-download-button:hover
{
	background-image: url("../iconen/DownloadenBlauw.svg");
	background-color: transparent;
}

.widget-documents-delete-button, .widget-documents-delete-button:hover
{
	background-position: top 10px left 0px;
	transition: none;
	background-color: transparent !important;
	background-size: 10px 10px;
	border-radius: 0;
	background-repeat: no-repeat;
}
.widget-documents-delete-button
{
    background-image: url(../iconen/VerwijderenGrijs.svg);
    height: 16px !important;
    width: 14px;
    padding: 0;
    margin-right: 0px;
    background-position: center center;
}
.widget-documents-delete-button:hover
{
    background-image: url(../iconen/VerwijderenRood.svg);
    background-repeat: no-repeat;
	background-position: center center;
    top: 1px;
}
.widget-documents-save-button
{
	position: absolute;
	right: 53px;
	top: 14px;
	background-image: url("../iconen/Checkmark-08wit.svg");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: center center;
	display: inline-block;
	height: 24px !important;
	width: 24px !important;
	background-color: rgb(26, 175, 76) !important;
	padding: 0;
}
.widget-documents-cancel-button
{
	position: absolute;
	right: 14px;
	top: 14px;
	background-image: url("../iconen/Delete-03Wit.svg");
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: center center;
	display: inline-block;
	height: 24px !important;
	width: 24px !important;
	background-color: rgb(239, 64, 63) !important;
	padding: 0px !important;
	cursor:pointer;
}
#widget-hygiene .widget-documents-file-select-file-button, #widget-hr-cyclus .widget-documents-file-select-file-button, #widget-omzet .widget-documents-file-select-file-button, #widget-sales .widget-documents-file-select-file-button, #widget-profilering .widget-documents-file-select-file-button, #widget-dienstverlening .widget-documents-file-select-file-button
{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	display: inherit;
	width: 100%;
	opacity: 0;
}
.widget-documents-file-upload-button
{
	float: right;
}
#widget-omzet .widget-documents-file-upload-button, #widget-sales .widget-documents-file-upload-button, #widget-profilering .widget-documents-file-upload-button, #widget-dienstverlening .widget-documents-file-upload-button, div.my_employees button.button.button-forward
{
	margin-top: 45px;
	font-family:"Source Sans Pro", Arial, sans-serif;
	font-weight: bold;
	padding-left: 14px;
	padding-right: 14px;
	margin-right: 10px;
	font-size: 12px;
	width:106px;
}

#widget-omzet .widget-documents-delete-button, #widget-sales .widget-documents-delete-button, #widget-profilering .widget-documents-delete-button, #widget-dienstverlening .widget-documents-delete-button
{
	background-position: center left;
}
#widget-hygiene .widget-documents-file-upload-button
{
	margin-top: 40px;
	margin-right: 19px;
}
#widget-mijn-ontwikkeling .button:not()
{
	padding-right: 20px;
	margin-left: 12px;
	font-family:"Source Sans Pro", Arial, sans-serif;
	font-size: 11px;
	padding-left: 20px;
}
#widget-hr-cyclus .widget-documents-file-select
{
	margin-left: 7px;
	margin-top: 11px;
}
#widget-hygiene .widget-documents-file-select
{
	margin-left: 5px;
	margin-top: 11px;
}
#widget-mijn-ontwikkeling .widget-dossier-feedback-settings-button:not(), .assessmenttable .widget-dossier-feedback-settings-button:not()
{
	content: "";
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 14px 14px;
	font-size: 0px;
	padding: 8px 25px 0px 10px;
	background-image: url("../iconen/instellingen.svg") !important;
}
.assessmenttable .button
{
	margin-left: 10px;
}

.widget-documents .mouseover-info
{
	top: 24px;
	transform: translateX(-50%);
	left: 8px;
}

.widget-documents .mouseover-info.delete-info
{
	top: 24px;
	left: 6px;
}
.widget-documents .permission-info
{
	left: 7px;
}
.widget-dossier .download-info
{
	margin-top: -62px;
	transform: translateX(-65px);
}
.widget-dossier .permission-info
{
	margin-left: -50%;
	left: 15px;
	transform: translateX(-50%);
	top: 30px;
}
.widget-dossier .settings-info
{
	margin-top: -65px;
	left: -4px;
}
.has-info:hover .mouseover-info
{
	visibility: visible;
	display:block;
}
.widget-documents-permission-button.disabled, .widget-dossier-permission-button.disabled
{
	cursor: default;
}
.widget-documents-permission-button, .widget-dossier-permission-button
{
	background-image: url("../iconen/Vrijgeven.svg");
	width: 21px;
	font-family: arial;
	font-size: 12px;
	color: rgb(157, 157, 156) !important;
	background-color: transparent !important;
	background-size: 12px 12px;
	background-repeat: no-repeat;
	padding: 0px;
	background-position: top center;
	position: relative;
	font-family: arial !important;
	padding: 0px !important;
	!: 29px
}
.widget-dossier-permission-button.disabled, .widget-documents-permission-button.disabled
{
	background-image: url("../iconen/VrijgevenGrijs.svg");
	width: 21px;
	color: rgb(218, 219, 218) !important;
}
.widget-documents-permission-button:hover:not(.disabled), .widget-dossier-permission-button:hover:not(.disabled)
{
	background-image: url("../iconen/VrijgevenGroen.svg");
	width: 21px;
	color: rgb(63, 173, 90) !important;
	cursor: pointer;
}
.widget-dossier-permission-button.none-permitted
{
	background-repeat: no-repeat;
	border: none;
}


.send-message-modal{
	overflow-y: hidden !important;
}

#permission-header .button-close-modal:hover
{
	background-color: transparent;
}
#modal-overlay
{
	visibility: hidden;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	background-color: black;
	z-index: 2;
}
.widget-documents-row-actions
{
	border-bottom: 1px solid rgb(227, 227, 227);
	padding-bottom: 17px;
}
.widget-documents-row-actions form, .widget-documents-row-actions .button
{
	display: inline;
}
.widget-dossier-product-actions 
{
	margin-left: 24px;
}
#flexible-profile-page .widget-dossier-feedback-download-button, #flexible-profile-page .widget-dossier-download-button
{
	width: 21px;
	background: url("../iconen/DownloadenWit.svg") transparent !important;
}
 #flexible-profile-page .widget-dossier-feedback-download-button:hover, #flexible-profile-page  .widget-dossier-download-button:hover
{
	background-image: url("../iconen/DownloadenWit.svg") !important;
}
.widget-dossier-feedback-download-button.disabled, .widget-dossier-download-button.disabled, .widget-documents .widget-documents-download-button.disabled, .widget-documents .widget-documents-download-button.disabled:hover
{
	cursor: default;
	background-image: url("../iconen/DownloadenNietBeschikbaar.svg") !important;
}
.widget-dossier-feedback-settings-button
{
	width: 15px;
	background-image: url("../iconen/Instellingen.svg") !important;
	background-size: 14px 14px !important;
	height: 15px !important;
	position: relative;
	top: 8px;
	margin-left: 5px;
}
.widget-dossier-feedback-settings-button:hover
{
	background-image: url("../iconen/InstellingenBlauw.svg") !important;
}
.widget-dossier-product-actions
{
	max-width: 125px;
	min-width: 85px;
}

.widget-documents-row-actions form
{
	margin-left: -6px;
}
.widget-documents-row-actions
{
	min-width: 96px;
	text-align: right;
}
.widget-dossier-product-buttons .button
{
	font-size: 15px;
}

.button-cancel-permission
{
	width: 136px;
}

.modal-widget > p
{
	display: none;
}


#permission-what-row td
{
	height: 50px;
	vertical-align: middle;
}

.customer-documents .widget-documents:not(.widget-documents-wide) .widget-documents-row-description-info
{
	margin-left: -99px;
}

body.customer-documents #content
{
	position: static;
    margin-top: 434px;
}
#modal-widget input:not([type="checkbox"]), textarea#message-content-input
{
	height: 42px;
	outline: none;
	border: 1px solid rgb(245, 245, 245);
	background-color: rgb(245, 245, 245);
	width: 505px;
	padding: 16px;
	font-size: 16px;
}

#modal-widget input:focus, textarea#message-content-input:focus
{
	border: 1px solid rgb(10, 122, 194);
}
#customer-documents #footer
{
	margin-top: 156px;
}

.button-cancel-permission
{
	margin-right: 28px;
	margin-left: 0px;
}

/* Login */
.page-resetpassword #article,
.page-login #content .module-login,
.page-register #content .module-login
{
    background-color: #f4f4f4;
    height: auto !important;
	min-height: 270px;
}

.page-forgotpassword #content
{
	margin-bottom: 175px;
}

.page-forgotpassword label {
	font-weight:bold;
}

.page-login #content .module-login .content,
.page-register #content .module-login .content
{
	line-height:26px;
}


.page-forgotpassword input,
.page-login #content input,
.page-register #content input
{
	height:33px;
	border:1px solid #DCDCDC;
	width:237px;
	padding-left: 8px;
	padding-right: 8px;
	color: black;
	font-family:"Source Sans Pro", Arial, sans-serif;
	font-size: 16px;
	margin-bottom:13px;
}

.page-resetpassword #general h3,
.page-resetpassword #general ul,
.page-forgotpassword #general h3,
.page-forgotpassword #general ul,
.page-login #general h3,
.page-login #general ul,
.page-register #general h3,
.page-register #general ul {
	display: none;
}

.page-login #content input:focus,
.page-register #content input:focus
{
	border-color: #e8e8e8 !important;
}

.page-login #content .td-existinguser-label,
.page-register #content .td-existinguser-label
{
    width: 130px !important;
}

.page-login #content .td-existinguser-label label,
.page-register #content .td-existinguser-label label
	font-weight: bold;
}

.page-login #content .button-log-in,
.page-register #content .button-log-in
{
	position: relative;
	margin-top: -8px;
	left: -130px;
    font-size: 18px;
    padding-left: 17px;
    padding-right: 17px;
}

a.forgotpassword, a.forgotpassword:hover, a.forgotpassword:visited, a.forgotpassword:focus
{
	margin-left:130px;
	font-size: 16px;
	color: black;
}

.page-login #content .module-login #existinguser > br,
.page-register #content .module-login #existinguser > br
{
	display:none;
}

.page-login #content .module-login #existinguser form,
.page-register #content .module-login #existinguser form
{
    margin-bottom: 21px;
}

.page-login #content .module-login,
.page-register #content .module-login
{
	height:auto;
}

.page-login #content,
.page-register #content,
{
	padding:30px;
}

a.login
{
	text-decoration:none;
	padding-top: 6px;
	padding-bottom: 8px;
}


/* Wachtwoord vergeten */

.page-forgotpassword #content
{
    background-color: #f4f4f4;
    height: auto !important;
}

.page-forgotpassword #content p
{
    line-height: 26px;
}

.page-forgotpassword #content form
{
	margin-top:59px;
}

.page-forgotpassword .error-article
{
    position: absolute;
    bottom: 153px;
    left: 444px;
	padding: 0px !important;
}

.page-forgotpassword .button.buttonxxl.button-back
{
	position:absolute;
	cursor:pointer;
}

/* assessment */

.assessment-name.page-title
{
	display:none;
}

.page-assessments .page-content
{
	line-height: 24px;
}

.page-assessments .head {
    position: absolute;
    top: 0px;
    width: 900px;
    height: 120px;
    left: 0px;
}

.page-assessments .top-title {
    color: #fff;
    font-size: 36px;
    line-height: 36px;
    margin-left: 140px;
    margin-top: 32px;
    position:relative;
    z-index: 2;
    font-weight:bold;
}

.page-assessments .bottom-title {
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    margin-left: 140px;
    position: relative;
    z-index: 2;
    font-weight:bold;
}

.page-assessments .head:after {
    content: "";
    position: absolute;
    left: 10px;
    margin: 20px;
    background: 80px 80px;
    width: 80px;
    height: 80px;
    background-repeat:no-repeat;
    background-position:center center;
    background-image: url(../iconen/werk.svg);
}

.page-assessments .head.cat-2:after {
    background-image: url(../iconen/loopbaan.svg);
}

.page-assessments .head.cat-3:after {
    background-image: url(../iconen/vitaliteit.svg);
}

.page-assessments .head.cat-4:after {
    background-image: url(../iconen/360GradenFeedback.svg);
}


.page-assessments .head
{
	background-color: #2977CC;
	-webkit-border-top-left-radius: 9px;
    -webkit-border-top-right-radius: 9px;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 9px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

.page-assessments #content
{
	-webkit-border-top-left-radius: 9px;
    -webkit-border-top-right-radius: 9px;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 9px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

.page-assessments .head:before
{
	top:0;
    background-image: url(../images/Scans-MijnLoopbaan.jpg);	
}

.page-assessments .assessmenttable td b 
{
	display:none;
}

.page-assessments .assessmenttable tr:nth-child(2n + 1)
{
	height:0px !important;
	line-height:0px;
} 

.page-assessments .assessmenttable tr td:not(:last-child)
{
	text-align:left;
}


.page-assessments .assessmenttable tr
{
	background-color:#fff;
	vertical-align:middle;
	padding-left:30px;
	padding-right:30px;
	height:60px !important;
}

.page-assessments .assessmenttable .button
{
	margin-left:0px;
	cursor:pointer;
}



.page-assessments #content > br 
{
	display:none;
}

.page-assessments #content .button.buttonxxl.button-back
{
	cursor:pointer;
}

.category-image
{
	-webkit-border-top-left-radius: 9px;
    -webkit-border-top-right-radius: 9px;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 9px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

/* mijn portfolio */
#flexible-profile-page .widget-container
{
	margin-top:200px;
}

#widget-hr-cyclus .widget-documents-wide-inner .widget-documents-category-title
{
	background-color:#07A7E3;
	height:60px;
}

#widget-hr-cyclus .widget-documents-wide-inner .widget-documents-more-button
{
	background-image: url(../iconen/Down-Sky-Blue.svg);
	background-color:transparent !important;
	margin-top: 34px;
	padding: 0;
	height: 12px !important;
	width: 18px !important;
	background-position: top -9px left -11px;
	background-size: 36px;
}

#widget-hr-cyclus .widget-documents-wide-inner .widget-documents-less-button
{
	background-image: url(../iconen/Up-Sky-Blue.svg);
	background-color: transparent !important;
	margin-top: 34px;
	padding: 0;
	height: 12px !important;
	width: 18px !important;
	background-position: top -8px left -9px;
	background-size: 36px;
}

#widget-hr-cyclus .widget-documents-wide-inner td
{
	border-bottom: 1px solid rgb(245, 245, 245);
}


.widget-documents-top-left-inner .widget-documents-save-button,
.widget-documents-top-right-inner .widget-documents-save-button,
.widget-documents-bottom-left-inner .widget-documents-save-button,
.widget-documents-bottom-right-inner .widget-documents-save-button
{
    right: 36px;
}

.widget-documents-top-left-inner .widget-documents-cancel-button,
.widget-documents-top-right-inner .widget-documents-cancel-button,
.widget-documents-bottom-left-inner .widget-documents-cancel-button,
.widget-documents-bottom-right-inner .widget-documents-cancel-button
{
	right: 6px;
}

.widget-documents-less-button,
.widget-documents-more-button
{
	z-index: 3;
	position:relative;
}

.widget-documents-top-left-inner .widget-documents-file-upload,
.widget-documents-top-right-inner .widget-documents-file-upload,
.widget-documents-bottom-left-inner .widget-documents-file-upload,
.widget-documents-bottom-right-inner .widget-documents-file-upload
{
    margin-top: 13px;
}


.widget-documents-top-left-inner .widget-documents-file-description,
.widget-documents-top-right-inner .widget-documents-file-description,
.widget-documents-bottom-left-inner .widget-documents-file-description,
.widget-documents-bottom-right-inner .widget-documents-file-description
{
    margin-top: 2px;
}

.widget-documents-top-left-inner, .widget-documents-top-right-inner, .widget-documents-bottom-left-inner, .widget-documents-bottom-right-inner
{
	padding-bottom: 3px;
	margin-bottom: 30px;
}

#widget-hygiene
{
	margin-top:40px !important;
}

#flexible-profile-page .widget-dossier-download-button:disabled
{
    background-image: url(../iconen/Download-02.svg) !important;
    background-repeat: no-repeat;
    background-size: 28px !important;
    background-position: left -6px top -5px !important;
}

#flexible-profile-page .widget-dossier-download-button
{
	font-size:0px !important;
	margin-right:0px;
	position: relative;
	top: -4px;
	margin-left: 5px;
	border-radius:0px;
}

.widget-dossier button
{
	cursor:pointer;
}

.widget-dossier-feedback-settings-button
{
	float:right;
	background-repeat: no-repeat;
}

#widget-mijn-ontwikkeling > h2 {
	background-image:url(../iconen/icoon-persoonlijk.png);
	background-repeat:no-repeat;
	background-size:80px auto;
	margin-top:-32px;
	padding-left:96px;
	padding-top:24px;
	padding-bottom:8px;
	margin-bottom:-8px;
}

#widget-mijn-ontwikkeling .widget-dossier-feedback-settings-button:not():hover,
.assessmenttable .widget-dossier-feedback-settings-button:not():hover
{
	background-image: url(../iconen/instellingenblauw.svg) !important;
	background-color:transparent !important;
}

#widget-mijn-ontwikkeling .widget-dossier-feedback-settings-button:not(),
.assessmenttable .widget-dossier-feedback-settings-button:not()
{
	padding:0 !important;
	height:14px !important;
	width:14px !important;
	background-color:transparent !important;
	margin-top: 11px;
}

/* informatie */

.page-account,
#informatie
{
	line-height:24px;
}

#informatie b 
{
	color: black;
	font-size:18px;
}

/* feedback */
.page-feedback #content
{
    margin-top: 444px;
    background-color: #f4f4f4;
    line-height: 24px;
    margin-bottom: 50px;
}


.feedback-invites-list
{
	margin-top: 12px;
	font-size: 18px;
	margin-bottom: 24px;
}

.feedback-invites-list td {
	margin-right: 16px;
}

.feedback-user-list br+br+br {
	display:none;
}

div.feedback-user-list {
	padding-top:0px !important;
}

.feedback-user-list h2
{
	color: #FF8D00;
	font-size: 20px;
	font-family: Lato, Arial, sans-serif;
	font-weight: bold;
	margin-top: 10px;
}

form[name='newuser']
{
	margin-top:20px;
	margin-bottom:15px;
}

#mail_subject_assessors,
#mail_body_assessors,
.page-feedback #content .feedback-user-list form input,
.page-feedback #content .feedback-user-list form select
{
	box-sizing:border-box;
	color: black;
	font-family:"Source Sans Pro", Arial, sans-serif;
	font-size: 16px;
	width: 232px;
	border: none;
	padding: 1px 8px;
	height:36px;
	margin-bottom:10px;
	border: 1px solid #e8e8e8;
}

#mail_subject_assessors,
#mail_body_assessors{
	width:640px;
}

#mail_body_assessors
{
	height:330px;
	resize: none;
	margin-bottom: 15px;
	padding-top:12px;
	margin-left:0px;
}

.button-feedback-users-add
{
	position: absolute;
    margin-left: 95px;
    margin-top: 15px;
}

.feedback-user-list .button.buttonl.button-forward.button-forward
{
	margin-top:1px;
	font-size:18px;
}

.button-feedback-send
{
	margin-top:10px;
}

.feedback-send-form h2
{
	color:#FF8D00;
	margin-bottom:10px;
}

form[name='recipients'] table:not(.feedback-invites-list)
{
	margin-bottom:20px;
}


/* coach details */
.coachdetails
{
	margin-top: 161px;
	padding:30px;
	background-color:#f4f4f4;
}

.coachdetails .coach
{
    padding: 0px;
    height: auto !important;
    display: inherit;
    position: relative;
    margin-bottom: 28px;
    width: auto !important;
    background-color: transparent !important;
    margin-left:0px !important;    
}

.coachdetails .coach .coach-info {
    position: absolute;
    left: 33%;
    top: 0;
    height: 241px;
    vertical-align: middle;
    line-height: 24px;
}

.coachdetails .coach p
{
	line-height:24px;
}

.coachdetails .coach .coach-info a
{
	color: #58585a;
}

.coach-info table tbody tr td:first-child
{
	width:36px;
}

.coachdetails .coach .button.button-back
{
    bottom: -36px;
    left: 0;
}

.category-image
{
    position: relative;
    margin-bottom: -158px;
    z-index: 1;
    opacity: 0.2;
}

.page-assessments #article .page-content p
{
	z-index: 1;
}

.page-assessments #article .page-content p img
{
	position:absolute;
	top:0;
}

/* mijn gegevens */
.page-account 
{
	margin-top: 200px;
	padding:30px;
	background-color:#f4f4f4;
}

.page-account .page-content h1
{
	display:none;
}

.page-account input, #new_title
{
	box-sizing: border-box;
	color: black;
	font-family:"Source Sans Pro", Arial, sans-serif;
    font-size: 16px;
    width: 340px;
    border: 1px solid #e8e8e8;
	padding: 1px 8px;
    height: 36px;
    margin-bottom: 13px;
    margin-top: 9px;
	background:white;
}

.page-account input:selected
{
	border-color: #58585a !important;
}


.button-feedback-delete-user
{
    background-image: url(../iconen/VerwijderenOranje.svg);
    background-repeat: no-repeat;
    font-size: 0 !important;
    padding: 12.5px;
    background-size: 17px;
    background-position: center center;
    height: 25px !important;
	margin-top: 10px;
	background-color:transparent !important;
	width:32px;
}

.button-feedback-delete-user:hover
{
	cursor:pointer;
}

tr.data_row td:last-child
{
	vertical-align:middle !important;
}

form[name='recipients'] h2
{
	display:none;
}

.page-feedback button
{
	cursor:pointer !important;
}

.feedback-invites-back
{
	position: absolute;
    bottom: 78px;
}

.button.buttons.button-feedback-send.button-forward
{
	margin-left: 136px;
}

.button.button-feedback-invites-sent
{
	position: absolute;
    bottom: 30px;
}

.page-login #banner,
.page-register #banner,
.page-forgotpassword #banner,
.page-resetpassword #banner
{
	display:none;
}

.page-login #content,
.page-register #content
{
	margin-bottom: 50px !important;
	margin-top:50px !important;
}

#floating-contact-widget #subject, #floating-contact-widget #vraag
{
	font-size:14px;
}

.widget-documents-delete-button
{
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	position: relative;
}

.widget-documents-delete-button, .widget-documents-download-button
{
	padding-left: 0px !important;
	padding-right: 0px !important;
	top: 2px;
}

.button-forgot-password.button-forgot-password-step-1
{
	position: absolute;
    left: 48px;
    bottom: 80px;
    cursor:pointer;
}

.button-forgot-password-submit.button-forward
{
	position: relative;
	left: -8px;
	top: 16px;
}

.page-resetpassword #article {
    margin-top: 111px !important;
}

.page-forgotpassword .button.buttonxxl.button-back {
    position: absolute;
    cursor: pointer;
    left: 48px;
    margin-top: 48px;
}

.page-forgotpassword #bannerimages,
.page-resetpassword #bannerimages
{
	display:none;
}

.page-login, .page-forgotpassword, .page-register
{
	height:auto;
}

.page-products #content,
.page-assessments #content
{
	margin-top:120px !important;
}

.assessmenttable img
{
	display:none;
}

.assessmenttable tr td:first-child
{
	pointer-events:none;
	width: 22px;
	padding: 0;
}

.assessmenttable td:nth-child(2) {
	font-weight:600;
}


#widget-mijn-ontwikkeling tr td:first-child
{
	font-size:18px;
	padding-right:10px;
}


.page-feedback .feedback-settings-form tr
{
	border-bottom: 12px transparent solid;
}

.page-feedback .feedback-settings-form .feedback-select tr td:first-child
{
	padding-right: 12px;
}

.page-feedback .feedback-settings-form .feedback-select.feedback-select-multi-level tr td:first-child
{
	padding-right: 25px;
}

.page-feedback .feedback-settings-form .feedback-select-multi-level label
{
	display:block;
	width:120px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	background-color: white;
    border: 2px solid #D3D3D3;
	text-align:center;
	font-size:14px;
	cursor: pointer;
	text-transform:lowercase;
}

.page-feedback .feedback-settings-form .feedback-select-multi-level label:first-letter {
	text-transform:capitalize;
}

.feedback-select-multi-level tr:first-child {
	display:none;
}

.feedback-select-multi-level tr td:not(:first-child) {
	width:134px !important;
}

.page-feedback .feedback-settings-form .feedback-select-multi-level  input[type='checkbox']:checked + label
{
	background-color:#2FCFB9;
	color:White;
}

.page-feedback .feedback-settings-form .feedback-select-multi-level  input[type='checkbox']:disabled + label
{
	background-color: #d6d5d5;
	color: #9e9e9e;
}

.feedback-settings-form h2
{
    color: #FF8D00;
    font-size: 20px;
	font-weight: bold;
}

.feedback-select
{
	margin-top:12px;
	margin-bottom:12px;
}

.feedback-select-multi-level input[type="checkbox"] {
	display:none;
}

.feedback-settings-form .button-back
{
	display:inline-block !important;
}

.button-feedback-settings.widget-dossier-feedback-settings-button
{
	font-size:0px;
	background-color: transparent !important;
    padding: 0;
}

.widget-dossier-feedback-start-self-button,
.widget-dossier-feedback-users-button
{
	padding-right: 14px !important;
	padding-left: 14px !important;
}

.page-assessments .assessmenttable
{
	text-align:right;
}

.page-assessments .assessmenttable .widget-dossier-feedback-start-self-button,
.page-assessments .assessmenttable .widget-dossier-feedback-users-button
{
	padding-left: 10px !important;
    padding-right: 10px !important;
    margin:0px;
    margin-left:10px;
}

.page-assessments .assessmenttable td:nth-child(2)
{
	width: 200px;
}

.page-assessments .assessmenttable .widget-dossier-feedback-settings-button
{
	float:right;
	margin-left:10px;
	font-size:0px;
}

.button-feedback-delete-user
{
	padding:0px !important;
	width:25px;
}
.page-feedback form[name='newuser'] td {
	padding-right:32px;
}

.page-feedback form[name='newuser'] input[type='text']
{
	height: 36px !important;
}

.page-feedback form[name='newuser'] b
{
	font-size:18px;
}


.page-feedback .feedback-manager-send-form #mail_subject, 
.page-feedback .feedback-manager-send-form #mail_body
{
	color: black;
	font-family:"Source Sans Pro", Arial, sans-serif;
    font-size: 18px;
    width: 232px;
    border: none;
    padding-left: 17px;
    padding-right: 17px;
    border: 1px solid #e8e8e8;
}

.page-feedback .feedback-manager-send-form #mail_subject
{
	height:45px;
	margin-bottom:10px;
	width:500px;
}

.page-feedback .feedback-manager-send-form #mail_body
{
	padding-top:12px;
	width:500px !important;
	resize: none;
}

form[name='recipients'] button.button-back
{
	display:inline-block !important;
	margin-left: 100px;
}

.feedback-manager-send-form
{
	margin-top: 12px;
}

form[name='recipients'] .button-feedback-send
{
	margin-left:4px !important;
}

.widget-documents-save-button
{
	width:25px !important;
	padding:0px !important;
}


.page-assessments .assessmenttable  tr td:last-child
{
	padding-right:30px;
}

.page-contact div#content #article + br,
.page-contact div#content #article + br + br
{
	display:none;
}

#new_title
{
	width: 340px;
    height: 36px;
}

.account-table tr:nth-child(2) td:nth-child(2)
{
	position:relative;
}

.account-table td label {
	font-weight:bold;
}


.feedback-invites-back
{
	display:none !important;
}


.page-feedback .feedback-invites-send-form + .feedback-send-form table:nth-child(2) tr td:first-child 
{
	padding-right: 17px;
}

.page-feedback .feedback-invites-send-form + .feedback-send-form table:not(.feedback-invites-list)
{
	font-size:12px;
}


.feedback-360-back-button
{
	position:absolute;
	bottom: 30px;
}


/* inzage verlenen css */

/* PAGE GRANT PERMISSION WIDGET */
#page-permission h2 {
	font-size: 30px;
	font-family: Lato, Arial, sans-serif;
    color: #FF8D00;
    margin-bottom: 22px;
}

#page-permission {
	border: 30px solid rgb(245, 245, 245);
    border-top: 0px;
    padding: 30px;
}

#page-permission .filter-widget-permission button#cluster-button.button.page-permissions.widget-cluster-permission-button.widget-permissions  {
    width: 190px !important;
    height: 36px !important;
    margin-top: 23px !important;
    background-image: url(../iconen/VrijgevenWit.svg) !important;
    background-repeat: no-repeat !important;
    background-position: left 9px center !important;
    background-size: 25px 25px !important;
    background-color: #2977CC !important;
    color: white !important;
    font-size: 13px;
    padding-left: 26px !important;
}

#page-permission .filter-widget-permission button#cluster-button.button.page-permissions.widget-cluster-permission-button.widget-permissions:hover {
    background-color: #2469B3 !important;
}

#page-permission .page-permissions.widget-cluster-permission-button:hover{
	cursor:pointer;
}

.feedback-status
{
	position: absolute;
	left: 126px;
	margin-top: 17px;
	color: #2FCFB9;
	font-weight: 600;
	font-size: 16px;
}

/* bericht versturen modal */

#message-customers-modal {
    width: 900px;
    left: 50%;
    margin-left: -450px;
    position: fixed;
    top: 50%;
    background-color: white;
    z-index: 2;
}

#message-customers-modal.send-message-modal ul {
    margin-top: 15px;
}

.modal-customers-send-message-close {
    bottom: 0px;
    font-size: 14px !important;
    position: relative;
    left: 0px;
    float: none;
    cursor: pointer;
}
#message-to {
    padding-top: 68px;
    width: 839px;
	margin-bottom:10px;
}
#message-to, .send-message-modal form {
    padding-left: 30px;
    padding-right: 30px;
}

#modal-widget input:not([type='checkbox']), #message-customers-modal input:not([type='checkbox']), textarea#message-content-input {
    height: 30px;
    outline: none;
    border: #f5f5f5 1px solid;
    background-color: #f5f5f5;
    width: 806px;
    padding: 0px 16px 0px 16px;
    font-size: 16px;
	font-family:"Source Sans Pro", Arial, sans-serif;
}

textarea#message-content-input {
    height: 148px;
    resize: none;
    overflow-y: scroll;
    padding-top: 13px;
    font-weight: 500;
}

#message-subject-input
{
	margin-bottom: 10px;
}

#message-customers-modal h2 span {
    float: right;
    font-size: 14px;
}

.message-table h2
{
	margin-bottom:10px;
}

.message-table #permission-buttons
{
	Margin-bottom:30px;
}

#customer-documents .message-table #permission-buttons
{
	margin-bottom:0px !important;
}
.button.button-message-modal.button-cancel-send
{
	background-color:red;
	margin-top:10px;
}

.button.button-message-modal.button-cancel-send:hover
{    
	background-color: #ff9c87 !important;
	cursor:pointer;
}

body#my_employees #content
{
	position: static;
}

input#confirmation
{
	margin-left:15px;
}


body#customer-documents div#container > div,
body#my_employees div#container > div 
{
	position:relative;
}

#customer-documents-bottom-form {
	height: 105px;
}

.bottom-customer-documents-options {
	height: 100%;
	position:relative;
}

.bottom-customer-documents-options .button
{
	cursor:pointer;
	margin-right:10px;
}

.customer-docs-button-placer
{
	position:absolute;
	bottom:0;
}

.bottom-customer-documents-options .button-back-to-customers
{
	left:175px;
}

#customer-documents #permission-buttons .button-send-message 
{
	margin-left:15px;
}

#my_employees #footer
{
	margin-top:80px;
}

body#customer-documents .widget-documents-more-button, .widget-documents-less-button
{
	margin-bottom: 23px;
}

body#customer-documents .send-message-modal .contact-error{
	margin-bottom:14px;
}

.announcement-message {
    padding: 20px;
    position: fixed;
    top: 0px;
    width: 860px;
    background-color: #FCFCFC;
    webkit-box-shadow: 0px 1px 20px 1px rgba(179,179,179,1);
    -moz-box-shadow: 0px 1px 20px 1px rgba(179,179,179,1);
    box-shadow: 0px 1px 20px 1px rgba(179,179,179,1);
    z-index: 1;
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    line-height:32px;
}


.announcement-message button{
	float: right;
    position: relative;
    top: 1px;
	cursor:pointer;
}

.bottom-customer-documents-options
{
	margin: auto;
    width: 900px;
	position:relative;
}

#customer-documents-bottom-form #message-header
{
	position:absolute;
	top:0;
}
#customer-documents-bottom-form #message-header h1
{
	position:relative;
}


#message-customers-modal #permission-buttons{
	padding-bottom:30px;
}


/* footer mijn medewerkers */

#customer-documents-bottom-form.fixed,
#send-message-my-employees.fixed {
    bottom: 0;
    position: fixed;
    z-index: 5;
}

#customer-documents-bottom-form,
#send-message-my-employees {
    position: absolute;
    left: 0;
    bottom: -80px;
    right: 0;
    background-color: white;
    -webkit-box-shadow: 0px 5px 20px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 20px 5px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 20px 5px rgba(0,0,0,0.75);
}

#customer-documents-bottom-form
{
	bottom:-156px;
}

#overview-name,
.customer-mail-selector h2 {
    color: #FF8D00;
    margin-bottom: 14px;
}

.customer-mail-selector {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.customer-mail-selector ul {
    overflow: hidden;
}

.customer-mail-selector ul li {
    display: inline-table;
    position: relative;
    background-color: #E5E5E5;
    padding-right: 22px;
    padding-left: 10px;
    margin-right: 3px;
    margin-bottom: 8px;
}

.customer-mail-selector ul li:hover {
    background-color: #b3b3b3;
}

.customer-table.customer-table-page tr td:last-child {
    padding-right: 16px;
}

.selected-user {
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    cursor: context-menu;
}

#send-message-my-employees .customer-mail-selector .button.button-send-message.button-forward, .modal-customers-send-message-close {
    font-size: 14px !important;
    position: relative;
    left: 0px;
    float: none;
    cursor: pointer;
}

.button-send-message.disabled {
    background-color: Gray !important;
    pointer-events: none;
}

.button-send-message {
    cursor: default;
    background-position: center right 3px !important;
    padding-right: 25px !important;
}

.button-message-modal.button-forward
{
	width: 137px !important;
}

#send-message-my-employees .overlay {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background-color: black;
    visibility: hidden;
    opacity: 0.5;
    z-index: 2;
}

#message-customers-modal #message-header h1,
.send-message-modal #message-header h1
{
	width:870px;
}


#send-message-my-employees .button-remove-entree {
    background-color: transparent;
    float: right;
    position: absolute;
    right: 7px;
    top: 9px;
    height: 10px !important;
    width: 10px !important;
    background-size: 10px 10px !important;
    padding: 0 !important;
    background-image: Url("../iconen/VerwijderenGrijs.svg") !important;
    cursor: pointer;
}

#send-message-my-employees .selected-user:hover .button-remove-entree {
	background-image: Url("../iconen/VerwijderenRood.svg") !important;
}


/* mijn medewerkers table */

.customer-table {
    width: 100%;
}

.customer-table-header
{
	margin-bottom:15px
}

.customer-table td#achternaam, .customer-table thead th:first-child {
    padding-left: 16px;
}

.customer-table.customer-table-header th, .form-info {
    color: #0272BE;
    text-align: left;
}
.customer-table th, .customer-table td {
    font-size: 14px;
}
.berichten {
    position: relative;
}
#select_all_visible {
    position: relative;
    left: -56px;
    top: 21px;
    margin: 0px 0 15px 0px;
}

.table-header-details {
    left: 12px;
}
.table-header-details, .mouseover-info {
    position: absolute;
    text-align: center;
    background-color: white;
    border: 1px solid #DDDDDD;
    padding-left: 11px;
    padding-right: 11px;
    visibility: hidden;
    z-index: 5;
    margin-top: -81px;
    color: #6D6D6D;
    height: 32px;
    line-height: 32px;
    white-space: nowrap;
}

.messages:hover .mouseover-info.table-header-details {
    visibility: visible;
    left: 12px;
    top: 55px;
}

.customer-table tbody tr {
    background-color: white;
    border-bottom: solid 10px #F5F5F5;
}
.customer-table.customer-table-page tr td:first-child {
    padding-left: 16px;
}
.customer-table td {
    height: 60px;
    padding: 0px;
    vertical-align: middle;
}
.customer-table th, .customer-table td {
    font-size: 13px;
}
.customer-table td {
    text-align: left;
}
input[name="customerselect"] {
    margin: 0px;
}

td.customer-row-managers .manager-table, td.customer-row-groups .group-table {
    margin: 0px;
}

td.customer-row-managers .manager-table tr, td.customer-row-groups .group-table tr {
    border-bottom: 0px;
}
.customer-table tbody tr {
    background-color: white;
    border-bottom: solid 10px #F5F5F5;
}

td.customer-row-managers .manager-table td, td.customer-row-groups .group-table td {
    height: auto;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.customer-row-scans, .customer-row-documents {
    position: relative;
}

.customer-row-scans .mouseover-info.table-header-details {
    left: 50% !important;
    margin-top: -48px;
    margin-left: 0px !important;
}

.customer-row-scans:hover .table-header-details,  
.customer-row-documents:hover .table-header-details {
    visibility: visible;
}

.customer-row-documents .document-details.mouseover-info.table-header-details {
    margin-top: -48px;
    left: 65px !important;
}

.customer-table.hidden {
    display: none;
}

div.my_employees button.button.button-forward {
    margin: 0 !important;
    float: right;
    font-size: 14px !important;
    background-image: url(../iconen/Pijltje-wit-02.svg);
    background-repeat:no-repeat;
    width: 36px;
    border-radius: 0;
    background-size: 20px 20px !important;
    background-position: center center;
    cursor: pointer;
}

.my_employees button.button.button-forward.button-message-modal {
margin: 0 !important;
    font-size: 14px !important;
    background-repeat: no-repeat;
    width: 36px;
    background-size: 20px 20px !important;
    background-position: center center;
    position: absolute;
    bottom: 30px;
    left: 193px;
}

.widget-management-navigation {
    text-align: center;
    margin-top: 39px;
    margin-bottom: 15px;
    height: 34px;
    line-height: 34px;
    font-weight: bold;
    position: relative;
    width:100%;
}

.widget-management-navigation {
    color: #6D6D6D;
}

.widget-management-navigation ul.pages{
    left: 50%;
    width: auto;
    text-align: center;
    transform: translateX(-50%);
    position: absolute;
}
#previous.customer-page-navigation.previous {
    left: 200px;
}

.customer-page-navigation#previous {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    font-size: 0px;
}

.customer-page-navigation {
    background-color: #0071BF;
    background-image: url(../iconen/Pijltje-wit-02.svg);
    background-position: center right 10px;
    background-size: 11px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    position: absolute;
    height: 34px;
    width: 34px;
    background-repeat: no-repeat;
    font-size:0;
}

.bulletin-page-navigation.disabled, .customer-page-navigation.disabled {
    background-color: grey;
    pointer-events: none;
    cursor:default;
}


.widget-management-navigation li a {
	text-decoration:none !important;
}

.widget-management-navigation li.page {
    float: left;
    margin-left: 10px;
    line-height: 36px;
    position: relative;
    z-index: 2;
}

.widget-management-navigation li.active.page a {
    color: #ffffff;
    pointer-events: none;
    z-index: 5;
    position: relative;
}

.widget-management-navigation ul.pages li.active:before
{
    background-color: #2977CC;
    border-radius: 20px;
    position:absolute;
    content:'';
    z-index: -1;
    height: 24px;
    width: 24px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    margin-top: -1px;
}

#next.customer-page-navigation.next {
    right: 200px;
    margin: 0px;
}
.bulletin-page-navigation#next {
    font-size: 0px;
    left: 602px;
}


/* mijn medewerkers */

body#my_employees #content
{
	margin-top:100px;
}

.ManagementWidget {
    margin-top: 60px;
}


.widget.widget-management.my_employees h2 {
    visibility: hidden;
}

#my_employees.widget.widget-management.my_employees p:after {
    border-bottom: 2px solid #dadada;
    position: absolute;
    content: ' ';
    width: 840px;
    height: 1px;
    left: auto;
    margin-top: 36px;
    right: auto;
    margin-left: -120px;
}

h2.overwrite-header {
    position: absolute;
    margin-top: -149px;
    visibility: visible !important;
    color: black;
    font-size: 25px;
}


#customerListform {
    padding-bottom: 100px;
    position: relative;
}

.widget.widget-management.my_employees .form-info {
    position: absolute;
    margin-top: -23px;
    left: 0;
}
.widget.widget-management.my_employees .customer-table.customer-table-header th, .form-info {
    color: #0272BE;
    text-align: left;
}

.widget.widget-management.my_employees .customer-table.customer-table-header th:nth-child(5),
.widget.widget-management.my_employees .customer-table.customer-table-header th:nth-child(4),
.widget.widget-management.my_employees td.customer-row-scans,
.widget.widget-management.my_employees td.customer-row-documents
{
	text-align:center;
}


#customerListform div {
    float: left;
}

#sortByRow {
    width: 192px;
    padding-right: 3px;
}
.customerListInput, #customerListForm select {
    height: 36px;
    padding-right: 40px;
}
.customerListInput:not(#searchOnValue)
{
    cursor: pointer;
}

#customerListform .select-wrapper:after {
    content: ' ';
    background-image: url(../iconen/Pijltje-wit-02.svg);
    background-size: 19px 19px;
    position: absolute;
	background-color: #2977CC;
    height: 33px;
    width: 34px;
    margin-left: -34px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 1px;
    transform: rotate(90deg);
    pointer-events: none;
}

#customerListform .select-wrapper:hover:after
{
	background-color: #2469B3;
}

.form-info.info-amount {
    left: 193px !important;
}

.customer-list-select-amount, .info-amount {
    margin-left: 55px;
}

#searchOnValue {
    float: right;
    width: 168px;
    padding-left: 4px;
	height:29px;
}

/*vrijgeven stijling*/

.widget-documents-row-permission .info-span.widget-document-info.mouseover-info.permission-info
{
	margin-top: -78px;
}

.button.widget-document-permission-button, .button.widget-assessment-permission-button, .button.widget-cluster-permission-button, .button.widget-feedback-permission-button
{
	background-image: URL("../iconen/Vrijgeven.svg") !important;
	width: 14px;
	color: #9d9d9c !important;
	font-size: 9px;
	position: relative;
	background-color: transparent !important;
	background-position: top center !important;
	background-repeat: no-repeat !important;
	padding: 0 !important;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-size: 12px 12px;
	line-height: 30px;
	height: 19px !important;
	margin-top: 0px;
	top: -1px;
}

.button.widget-document-permission-button.disabled, 
.button.widget-assessment-permission-button.disabled, 
.button.widget-cluster-permission-button.disabled, 
.button.widget-feedback-permission-button.disabled,
.button.widget-document-permission-button.disabled:hover, 
.button.widget-assessment-permission-button.disabled:hover, 
.button.widget-cluster-permission-button.disabled:hover, 
.button.widget-feedback-permission-button.disabled:hover
{
    background-image: URL("../iconen/VrijgevenGrijs.svg") !important;
    color: #dadada !important;
    cursor: initial;
}
/* permission modal */
#flexible-profile-page .widget.widget-text.modal-widget, #flexible-profile-page2 .widget.widget-text.modal-widget {
    background-color: transparent;
    margin-top: 0;
}

.modal-widget, #modal-widget {
    position: fixed;
    z-index: 5;
    background-image: Url("../iconen/pixel.png");
    background-color: transparent;
    overflow-y: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 0px;
}

#flexible-profile-page .widget.widget-text.modal-widget #modal-container, #flexible-profile-page2 .widget.widget-text.modal-widget #modal-container {
    width: 900px;
    background-color: White;
    margin-left: -450px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
}

#flexible-profile-page .widget.widget-text.modal-widget #modal-container #permission-header, #flexible-profile-page2 .widget.widget-text.modal-widget #modal-container #permission-header {
    background-color: rgb(0, 113, 191);
    color: white;
    height: 40px;
    line-height: 43px;
    padding-left: 30px;
    font-size: 22px;
    position: absolute;
    width: 870px;
    z-index: 20;
}

#flexible-profile-page .button, #flexible-profile-page2 .button, .assessmenttable .button, .my_employees button.button.button-forward, #flexible-profile-page2 .button {
    background-color: #2977CC;
    color: white;
}

#permission-header .button-close-modal, #message-header .button-close-modal {
    position: absolute;
    top: 9px;
    right: 11px;
    background-image: url(../iconen/Delete-03Wit.svg);
    background-position: center center;
    height: 23px;
    background-color: transparent !important;
    background-size: 21px;
    width: 20px !important;
    background-repeat: no-repeat;
    z-index: 20;
    border-radius: 0;
}

#modal-container .modal-content {
    max-height: 500px;
    overflow-y: scroll;
    margin-top: 40px;
}

.modal-widget #permission-title, .modal-widget #permission-what, .modal-widget form {
    padding-left: 36px;
    padding-right: 36px;
}

.modal-widget #permission-title {
    padding-top: 30px;
}

#flexible-profile-page .modal-widget h1, #flexible-profile-page2 .modal-widget h1 {
	font-family: Lato, Arial, sans-serif;
    text-align: left;
    font-size: 16px;
}

.modal-widget h1, #message-to h1, #message-sender-info h1 {
    margin: 20px 0px;
    color: #FF8D00;
    font-weight: bold;
}

#permission-what table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

#permission-what-row {
    font-weight: bold;
    background-color: rgb(245, 245, 245);
    padding-left: 30px;
    padding-right: 30px;
}

#flexible-profile-page .modal-widget #permission-what-row ul#items-list, #flexible-profile-page2 .modal-widget #permission-what-row ul#items-list {
    list-style: none;
    margin: 0;
}

#permission-what-row #items-list {
    padding: 15px;
    height: 150px;
    overflow-y: scroll;
}

#flexible-profile-page .modal-widget #permission-what-row li.widget-name ul, #flexible-profile-page2 .modal-widget #permission-what-row li.widget-name ul {
    padding: 0;
}

#permission-what-row #items-list .widget-name > ul {
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: visible;
}

#flexible-profile-page .modal-widget #permission-what-row li.widget-name ul li, #flexible-profile-page2 .modal-widget #permission-what-row li.widget-name ul li {
    list-style: none;
}

#permission-what-row #items-list .widget-name > ul li {
    font-weight: normal;
    margin-bottom: 2px;
    position: relative;
}

#modal-widget input[type="checkbox"] {
    height: 15px;
    margin: 0px 18px;
    padding: 0px;
    vertical-align: middle;
    width: 15px !important;
}

.widget-name .date {
    margin-right: 10px;
}

#flexible-profile-page #permitted-icon, #flexible-profile-page2 #permitted-icon {
    width: 16px;
    height: 16px;
    background-image: url(../iconen/VrijgevenZwart.svg);
    background-repeat: no-repeat;
    border-radius: 25px;
    background-size: 16px 16px;
    margin-left: 2px;
    margin-top: 1px;
}

#flexible-profile-page #permitted_manager_listing, #flexible-profile-page2 #permitted_manager_listing {
    visibility: hidden;
    background-color: #fff;
    margin-left: 25px;
    padding: 6px 6px 6px 6px;
    border: 1px solid #DDDDDD;
    font-family: Arial;
    font-size: 12px;
    display: inline-block;
    margin-top: -4px;
    overflow: visible;
    width: initial;
}

#flexible-profile-page .modal-widget #permission-what-row li.widget-name ul, #flexible-profile-page2 .modal-widget #permission-what-row li.widget-name ul {
    padding: 0;
}

#flexible-profile-page #permitted-icon:hover #permitted_manager_listing, #flexible-profile-page2 #permitted-icon:hover #permitted_manager_listing {
    visibility: visible;
    margin-left: 27px;
    padding: 5px;
}

#permitted-icon:hover #permitted_manager_listing:before, #permitted-icon:hover #permitted_manager_listing:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 0px;
    top: -2px;
    left: 5px;
    border: solid transparent;
    border-right-color: #DDDDDD;
    border-width: 10px;
}

#permitted-icon:hover #permitted_manager_listing:after {
    border-right-color: #fff;
    top: -2px;
    left: 6px;
}

#flexible-profile-page #permitted_manager_listing li:first-child, #flexible-profile-page2 #permitted_manager_listing li:first-child {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 5px;
}

#flexible-profile-page #permitted_manager_listing li, #flexible-profile-page2 #permitted_manager_listing li {
    width: 200px;
    line-height: 15px;
}

#flexible-profile-page .modal-widget #permission-list, #flexible-profile-page2 .modal-widget #permission-list {
    list-style: none;
    padding: 0;
}

#permission-list {
    margin-left: 17px;
    margin-bottom: 15px;
    height: 125px;
    vertical-align: middle;
    display: inline-block;
}

#permission-list li {
    height: 20px;
}

#permission-list input[type="checkbox"] {
    position: relative;
    top: 2px;
    margin-right: 13px;
}

#flexible-profile-page #permission-buttons {
    padding-bottom: 30px;
}

#permission-buttons {
    margin-top: 4px;
    margin-bottom: 14px;
}

#permission-buttons button, .button-close-modal {
    cursor: pointer !important;
}

.button-permission-modal.button-grant-permission:disabled, .button.button-permission-modal.button-cancel-permission:disabled {
    background-color: grey !important;
    pointer-events: none;
}

#flexible-profile-page .modal-widget #permission-buttons button, #flexible-profile-page2 .modal-widget #permission-buttons button {
    height: 36px;
}

.button-cancel-permission {
    width: 136px;
    text-align: center;
    padding: 0px !important;
    margin-left: 28px;
    background-color: rgb(255, 69, 30) !important;
    margin-right: 28px;
    margin-left: 0px;
}

.button-cancel-permission:hover {
    background-color: rgb(255, 156, 135) !important;
}

.button.widget-document-permission-button:hover, .button.widget-assessment-permission-button:hover, .button.widget-cluster-permission-button:hover, .button.widget-feedback-permission-button:hover {
    background-image: URL("../iconen/VrijgevenGroen.svg") !important;
    color: #3fad5a !important;
    cursor: pointer;
}

/* wide documents widget */

#flexible-profile-page button.button.widget-documents-download-button.widget-download-button.has-info, #flexible-profile-page .widget-documents-download-button {
    margin-right: 0px;
}

/* info spans */

.info-span
{
	font-weight:normal;
	font-family:Arial;
	font-size:12px;
}

/* buttons */
#flexible-profile-page button.widget-documents-download-button {
    color: transparent;
    line-height: 23px;
    margin-top: 0px;
    position: relative;
    top: 1px;
    margin-left: 12px;
}

.table-header-details::after, .mouseover-info::after
{
	border-style: solid;
	border-image: initial;
	content: " ";
	height: 0px;
	width: 0px;
	position: absolute;
	top: 30px;
	pointer-events: none;
	border-color: white rgba(226, 16, 10, 0) rgba(226, 16, 10, 0);
	border-width: 13px;
	margin-left: -13px;
	left: 50%;
}
.table-header-details::before, .mouseover-info::before
{
	border-style: solid;
	border-image: initial;
	content: " ";
	height: 0px;
	width: 0px;
	position: absolute;
	top: 31px;
	pointer-events: none;
	border-color: rgb(221, 221, 221) rgba(226, 16, 10, 0) rgba(226, 16, 10, 0);
	border-width: 13px;
	margin-left: -13px;
	left: 50%;
}

#flexible-profile-page button.widget-dossier-download-button {
    font-size: 0px !important;
    margin-right: 0px;
    top: 0px;
	margin-top: 0px;
    margin-left: 5px;
    border-radius: 0px;
	float: right;
}

.widget-dossier button.widget-feedback-permission-button, 
.widget-dossier button.widget-assessment-permission-button {
    margin-left: 10px;
    top: 4px;
    position: relative;
}

/* mangement page */
#customer-documents-bottom-form, #send-message-management-page {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: white;
    -webkit-box-shadow: 0px 5px 20px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 20px 5px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 20px 5px rgba(0,0,0,0.75);
}

#send-message-management-page {
    margin-top: 40px;
    padding: 26px;
}

#Medewerkersoverzicht #container #content, #customer_documents #container #content {
    position: initial;
}

.widget.widget-management.my_employees .customer-table.customer-table-header th, .form-info {
    color: #0272BE;
    text-align: left;
    height: 25px;
}

.customer-table.customer-table-header th {
    transform: rotate(-50deg);
}

.customer-table.customer-table-header th input, .customer-table.customer-table-header th span {
    transform: rotate(50deg);
}

#select_all_visible {
    position: relative;
    left: -77px;
    top: 7px;
    margin: 0px 0 15px 0px;
}

.customer-table-header {
    margin-bottom: 45px;
}

.messages:hover .mouseover-info.table-header-details {
    visibility: visible;
    left: -61px;
    top: 54px;
}

#customer-documents-bottom-form.fixed, #send-message-management-page.fixed {
    position: fixed;
}

body#Medewerkersoverzicht #container {
    position: relative;
}

#send-message-management-page > h2, #send-message-management-page #message-header {
    width: 900px !important;
}

#send-message-management-page h2 {
    width: 840px;
    margin: auto;
    margin-bottom: 10px;
}

button.button.button-remove-entree {
    background-color: transparent;
    float: right;
    position: absolute;
    right: 7px;
    top: 9px;
    height: 12px !important;
    width: 12px !important;
    background-size: 10px 10px !important;
    background-repeat: no-repeat;
    background-position: top 1px left 1px;
    padding: 0 !important;
    background-image: Url("../iconen/VerwijderenGrijs.svg") !important;
    cursor: pointer;
}
button.button.button-remove-entree:hover {
    background-image: Url("../iconen/VerwijderenRood.svg") !important;
}

#modal-widget #modal-content.send-message-modal {
    position: absolute;
    width: 900px;
    left: 50%;
    margin-left: -450px;
    background-color: #fff;
    top: 50%;
    transform: translateY(-50%);
}

#send-message-management-page > h2, #send-message-management-page #message-header {
    width: 900px;
}

#permission-header, #message-header h1 {
    background-color: rgb(0, 113, 191);
    color: white;
    height: 40px;
    line-height: 43px;
    padding-left: 30px;
    font-size: 22px;
    position: absolute;
    width: 853px;
    z-index: 20;
}

#modal-content.send-message-modal #message-header h1, #flexible-profile-page2 .send-message-modal #message-header h1 {
    width: 870px;
	font-family:"Source Sans Pro", Arial, sans-serif;
    text-align: left;
}

#modal-content.send-message-modal .contact-table #message-subject input#message-subject-input, #modal-content.send-message-modal .contact-table #message-content textarea#message-content-input, .send-message-modal #modal-content .contact-table #message-subject input#message-subject-input, .send-message-modal #modal-content .contact-table #message-content textarea#message-content-input {
    height: 30px;
    outline: none;
    border: #f5f5f5 1px solid;
    background-color: #f5f5f5;
    width: 806px !important;
    padding: 0px 16px 0px 16px;
    font-size: 16px;
	font-family:"Source Sans Pro", Arial, sans-serif;
    font-weight: normal;
}

span.h2-subspan {
    font-size: 10px;
    float: right;
    margin-right: 30px;
}

#modal-content.send-message-modal #permission-buttons label {
    font-size: 16px;
	font-family:"Source Sans Pro", Arial, sans-serif;
    color: #58585a;
}

#modal-content.send-message-modal #permission-buttons button, #flexible-profile-page2 .send-message-modal #permission-buttons button {
    margin-top: 10px;
    margin-bottom: 15px;
    margin-right: 20px;
    padding-left: 24px;
    padding-right: 24px;
    height: 36px;
}

#modal-content.send-message-modal .contact-table #message-content textarea#message-content-input, .send-message-modal #modal-content .contact-table #message-content textarea#message-content-input {
    height: 148px;
    resize: none;
    overflow-y: scroll;
    padding-top: 13px;
    font-weight: 500;
}

#Medewerkersoverzicht .widget-container {
    width: 900px;
    margin: auto;
    margin-top: 444px;
}

.widget.widget-management.my_employees {
    padding: 30px;
    padding-top: 65px;
    background-color: #F5F5F5;
    margin-top: 60px;
    margin-bottom: 255px;
}

#flexible-profile-page .widget-dossier-download-button, #flexible-profile-page2 .widget-dossier-download-button {
    font-size: 0px !important;
    margin-right: 0px;
    position: relative;
    top: -4px;
    margin-left: 5px;
    border-radius: 0px;
}

.widget-dossier-feedback-download-button:hover, #flexible-profile-page .widget-documents-download-button:hover, #flexible-profile-page2 .widget-documents-download-button:hover, .widget-dossier-download-button:hover {
    background-image: url(../iconen/DownloadenBlauw.svg) !important;
    background-color: transparent;
}

#flexible-profile-page .widget-dossier-download-button, #flexible-profile-page .widget-documents-download-button, #flexible-profile-page2 .widget-dossier-download-button, #flexible-profile-page2 .widget-documents-download-button {
    background-image: url(../iconen/Downloaden.svg);
    background-repeat: no-repeat !important;
    background-color: transparent;
    border-radius: 0;
    background-position: left 0px top 2px;
    transition: none;
    width: 14px;
    padding: 0;
    height: 16px;
    background-size: 14px 14px;
    cursor: pointer;
    margin-top: -8px;
    position: relative;
}

#flexible-profile-page2 #content, #flexible-profile-page2 .widget-container {
    position: initial;
}

#flexible-profile-page2 #quabaan
{
	position:relative;
}

#modal-content {
    width: 900px;
    background-color: White;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.send-message-modal #modal-content .contact-table #permission-buttons {
    margin-bottom: -5px;
}
.send-message-modal form #permission-buttons {
    margin-bottom: 30px;
}
#permission-buttons {
    margin-top: 4px;
}

#flexible-profile-page2 .button.button-message-modal.button-cancel-send.modalCloser {
    background-color: red;
}

.button.button-message-modal.button-cancel-send:hover {
    background-color: #ff9c87 !important;
    cursor: pointer;
}

/* notification */
#notification h2 {
    display: none;
}

.widget-notification {
    padding: 20px;
    position: fixed;
    top: 0px;
    width: 860px;
    background-color: #FCFCFC;
    webkit-box-shadow: 0px 1px 20px 1px rgba(179,179,179,1);
    -moz-box-shadow: 0px 1px 20px 1px rgba(179,179,179,1);
    box-shadow: 0px 1px 20px 1px rgba(179,179,179,1);
    z-index: 1;
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    line-height: 32px;
    left: 50%;
    transform: translateX(-50%);
	font-family:"Source Sans Pro", Arial, sans-serif;
	font-weight: bold;
}

.widget-notification button
{
    background-color: #2977CC;
    color: white;
    float: right;
    position: relative;
    top: 1px;
    cursor: pointer;
    padding-left: 29px;
    padding-right: 29px;
    background-color: #2977CC;
	font-family:"Source Sans Pro", Arial, sans-serif;
	font-weight: bold;
    color: White;
    border: none;
    -webkit-border-top-left-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-topright: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -moz-border-radius-bottomleft: 25px;
    -moz-border-radius-bottomright: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    height: 36px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: initial;
    transition-delay: initial;
}

.button.widget-assessment-permission-button, .button.widget-feedback-permission-button
{
	top:4px;
}





.widget-container .widget-bulletinboard:first-child:not(.generic-widget)
{
    margin-top: 32px;
}

.widget-faq
{
    width: 900px;
    background-color: #F5F5F5;
    margin-top: 200px;
    padding: 26px;
	padding-top:30px;
	box-sizing:border-box;
}

.widget-faq h1, .widget-contact h2
{
    margin-bottom: 9px;
}
.widget-faq-question-list h2, .widget-faq-category-collection h2
{
    color:#FF8D00;
    margin-top: 30px;
    font-size:18px;
}

.widget-faq .widget-faq-entry.closed, .widget-faq .widget-faq-entry.open
{
    background-color:white;
    opacity:1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

.widget-faq .widget-faq-question-list .widget-faq-answer,
.widget-faq .widget-faq-question-list .widget-faq-question
{
    -webkit-transition: padding-top 1s, padding-bottom 1s;
    transition: padding-top 1s, padding-bottom 1s;
}

.widget-faq .widget-faq-question-list .widget-faq-answer {
	padding-top:2px;
}

.widget-faq .widget-faq-entry.closed .widget-faq-answer
{
    height:0px;
	padding-top:0px;
    padding-bottom:0px;
    overflow:hidden;
}

.widget-faq .widget-faq-entry.open .widget-faq-answer
{
    height: auto;
    padding-bottom: 18px;
	padding-left: 30px;
	padding-right: 30px;
}

.widget-faq .widget-faq-answer,
.widget-faq .widget-faq-answer p
{
    transition-timing-function: ease;
    -webkit-transition: opacity 1s, line-height 1s, height 1s, padding 1s, margin 1s; /* For Safari 3.1 to 6.0 */
    transition: opacity 1s, line-height 1s, height 1s, padding 1s, margin 1s;
}

.widget-faq .widget-faq-entry.open .widget-faq-answer p
{
    line-height: 18px;
    opacity:1;
    width: 100%;
}

.widget-faq .widget-faq-entry.open .widget-faq-answer p{
	width:94% !important;
}

.widget-faq .widget-faq-entry.closed .widget-faq-answer p
{
    line-height: 0px;
    height:0px;
    opacity:0;
    overflow:hidden;
    visibilty:hidden;
    display:none;
}



.widget-faq .widget-faq-answer p
{
    font-family: 'Source Sans Pro Light' , sans-serif;
    color: #6d6d6d;
    font-size: 14px;
}

.widget-faq .widget-faq-question
{
    font-family: 'Source Sans Pro Regular' , sans-serif;
    color: #6d6d6d;
    font-size: 13px;
	font-weight:bold;
}

.widget-faq-question-switch {
    float:right;
    border: 0px;
    background-color: transparent;
}

.widget-faq-question-switch:after
{
    content: ' ';
    background: url(../iconen/Dropdown.svg);
    width: 60px;
    height: 60px;
    position: absolute;
    background-size: 60px 60px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: -30px;
    margin-top: -30px;
    -webkit-transition: webkit-transform 1s; /* Safari */
    transition: transform 0.5s;
    -ms-transform: rotate(-180deg); /* IE 9 */
    -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
    transform: rotate(-180deg);
}

.widget-faq .widget-faq-entry.closed .widget-faq-question-switch:after
{
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}



.widget.widget-faq-category-collection
{
	position:relative;
	background-color: #F5F5F5;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top:15px;
}

.widget.widget-faq-category-collection:before
{
	right: 17px;
    height: 23px;
    top: 26px;
    pointer-events:none;
}


.widget.widget-faq-category-collection h2
{
	display:none;
}

.widget-faq-entry .widget-faq-question,
.widget-faq-question-switch
{
    cursor:pointer;
}


.widget-faq-answer p
{
	padding-right: 20px;
	line-height: 20px;
}


#faq h2+p {
	display: none;
}

.widget-faq-category-collection .widget-faq-question-list {
	box-sizing: border-box;
	overflow: hidden;
}

.widget-faq-category-collection.open .widget-faq-question-list {
	height: auto;
}

.widget-faq-category-collection.closed .widget-faq-question-list {
	height: 0;
}


.widget.widget-faq-category-collection h2 {
	display: block;
	color: white;
	background-color: #FF8D00;
	height: 62px;
	margin-bottom: 0px;
	line-height: 62px;
	padding-left: 75px;
	cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */	
}

.widget.widget-faq-category-collection h2:after {
	content: ' ';
    background-image: url(../iconen/DropdownWit.svg);
	background-repeat: no-repeat;
	background-size: 25px 25px;
	width:25px;
	height:25px;
	position:absolute;
	right:17px;
	top:17px;
    transform: rotate(0deg);
	transition: 0.2s;
}

.widget.widget-faq-category-collection.open h2:after {
    transform: rotate(-180deg);
	transition: 0.2s;
}


.widget-faq-entry {
	border-bottom:1px solid #f4f4f4;
}

.widget-faq .widget-faq-question {
	height: 62px;
	line-height: 62px;
	color: #2977CC;
	font-size: 16px;
	font-weight: 600;
	padding-left: 30px;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */	
}

.widget-faq-question-switch {
	display: block;
	width: 60px;
	height: 60px;
	position: relative;
}

.widget-dossier table .button {
	margin-left: 10px;
}

.widget-dossier table .button.widget-dossier-feedback-settings-button {
	margin-left: 12px;
	top: 10px;
	color: transparent !important;
}



.page-login #loginstatus,
.page-register #loginstatus {
	display: none;
}

.page-login #menu, .page-login ul.menu,
.page-register #menu, .page-login ul.menu {
	display: none;
}

.page-resetpassword #topbar,
.page-forgotpassword #topbar,
.page-login #topbar,
.page-register #topbar {
	box-shadow: none;
	height: 60px;
}

.page-login .module-login.content-article,
.page-register .module-login.content-article {
	display: none;
}

.titleexistinguser, .titlenewuser {
	font-family: Lato, Arial, sans-serif;
	font-size:28px;
	font-weight:600;
	margin-bottom:32px;
	color:#FF8D00;
}

#existinguser {
	float: left;
}

#newuser {
	float: left;
}

#existinguser, #newuser {
	width: 400px;
}

.page-login #newuser table tr:first-child,
.page-register #newuser table tr:first-child {
	display: none;
}

.page-login #content .textfield,
.page-register #content .textfield {
	width: 200px;
}

.page-login #newuser #new_title,
.page-register #newuser #new_title {
	width: 218px;
	margin-top: -2px;
}

.page-login #newuser #new_agree,
.page-register #newuser #new_agree {
	width: auto;
	height: auto;
}

.page-login #newuser .td-newuser-termsconditions,
.page-register #newuser .td-newuser-termsconditions {
	color: black;
	font-weight: 600;
}

.page-login #newuser .td-newuser-termsconditions a,
.page-register #newuser .td-newuser-termsconditions a,
.page-login #newuser .td-newuser-termsconditions a:visited,
.page-register #newuser .td-newuser-termsconditions a:visited {
	color: #2977CC;
	font-weight: 600;
}

.page-login #newuser .td-newuser-termsconditions a:hover,
.page-register #newuser .td-newuser-termsconditions a:hover {
	color: #2469B3;
	font-weight: 600;
}

.page-login #newuser .td-newuser-header,
.page-register #newuser .td-newuser-header {
	padding-bottom: 10px;
}


#content {
	margin-top:120px !important;
}

#informatie {
	margin-top:0px !important;
}

.widget-container {
	margin-top:0px !important;
	background-color:#f4f4f4;
}

.widget.widget-dossier {
	background-color:transparent !important;
	margin-top:0px !important;
}

.page-account {
	margin-top:0px !important;
}

#styling-widget {
	display:none;
}

.widget-single-assessment-product {
	position:relative;
	display:inline-block;
	padding:30px;
	background-color:white;
	width:auto;
	margin-bottom:16px;
}

a.widget-single-assessment-product-button
{
	display:inline-block;
	text-decoration:none;
	font-weight:bold;
	height:36px !important;
	line-height:33px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #2977CC;
    color: white;
    border: none;
    -webkit-border-top-left-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-topright: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -moz-border-radius-bottomleft: 25px;
    -moz-border-radius-bottomright: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    height: 29px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: initial;
    transition-delay: initial;
	cursor:pointer;
}

a.widget-single-assessment-product-button:hover
{
	background-color:#2469B3;
	text-decoration:none;
}


#contact-text{
	display:block;
	width:260px;
	height:20px;
	color:black;
}

#footer #contact img {
	margin-top:24px;
}

.button.button-forgot-password,
.button.button-back {
	background-color:#f4f4f4;
	border:2px solid #2977CC;
	border-radius:18px;
	color: #2977CC;
	height:36px;
}

.button.button-forgot-password:hover,
.button.button-back:hover {
	background-color:#2469B3;
	border:2px solid #2469B3;
	color:white;
}



.widget-dossier-product-type-assessment .widget-dossier-resume-button {
	background-color:#ff8d00 !important;
}

.widget-dossier-product-type-assessment .widget-dossier-resume-button:hover {
	background-color:#E67E00 !important;
}



.widget.widget-feedback-progress {
    background-color: white;
	box-sizing:border-box;
	width:836px;
	position:relative;
	left:-16px;
	height:76px;
	margin-top:32px;
	padding:20px 25px;
	background-image:url(../iconen/icoon_voortgang.png);
	background-repeat:no-repeat;
	background-size:72px auto;
	background-position:10px 3px;
}

.widget-feedback-progress > h2 {
	padding-left:66px;
	float:left;
}

.widget.widget-feedback-progress .button {
	margin-left:0px;
	margin-top:16px;
	cursor:pointer;
}

.widget.widget-feedback-progress > .button {
	margin-left:0px;
	margin-top:0px;
	cursor:pointer;
	float:right;
}

.widget-feedback-progress-overlay {
	z-index:100;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	display:none;
}

.widget-feedback-progress-overlay form {
	padding:0px;
	margin:0px;
	width:600px;
	position:relative;
	left:50%;
	top:20%;
	margin-left:-300px;
	background-color:white;
	max-height:80%;
	overflow:auto;
	box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.1);
}

.widget-feedback-progress-overlay form h2 {
	padding:24px 32px 12px 32px;
	margin-bottom:0px !important;
	color:#ff8d00;
	font-size:28px;
	font-family:Lato, Arial, sans-serif;
}

.widget-feedback-progress-overlay form p {
	padding:0px 32px;
	margin-bottom:16px;
}

table.widget-feedback-progress-items {
	border-top:1px solid #E8E8E8;
	width:100%;
}

table.widget-feedback-progress-items tr td
{
	height:55px;
	vertical-align:middle;
}

td.widget-feedback-progress-item-checkbox {
	padding-left:32px;
	width:32px;
}

td.widget-feedback-progress-item-date {
	width:80px;
	font-size:16px;
}

td.widget-feedback-progress-item-name {
	color:#2977cc;
	font-weight:bold;
	font-size:18px;
}

table.widget-feedback-progress-items tr.odd td {
	background-color:#F4F4F4;
}

#feedback-progress-download {
	margin-left:32px;
	margin-bottom:20px;
	margin-top:20px;
}

.widget.widget-feedback-progress .button.widget-feedback-progress-overlay-close {
	position:absolute;
	top:8px;
	right:16px;
	width:20px;
	height:20px;
	background-color:white !important;
	background-image:url(../iconen/Sluiten-grijs.svg);
	background-size:20px 20px;
	background-repeat:no-repeat;
	background-position:center center;
}

body.noscroll {
	position:fixed;
	overflow-y: scroll;
}

.styled-checkbox input {
	position:relative;
	z-index: -9999;
}

.styled-checkbox span {
	width: 18px;
	height: 18px;
	display: inline-block;
	border:1px solid #dcdcdc;
	position:absolute;
	margin-left:-20px;
	background-color:white;
}

.feedback-settings-form .styled-checkbox span {
	margin-top:1px;
}

.styled-checkbox span:hover {
	border:1px solid #009ee0;
}

.styled-checkbox input:checked + span {
	background-image: url(../iconen/check.svg);
	background-size:18px 18px;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#2977CC;
	border:1px solid #2977CC;
}

#flexible-profile-page button.widget-dossier-feedback-users-button,
#flexible-profile-page button.widget-dossier-download-button {
	margin-left: 8px;
}

#flexible-profile-page button.widget-dossier-feedback-send-button {
	margin-left: 5px;
}

.button-cancel-manager-permission.button-back {
	cursor:pointer;
}

.button-cancel-manager-permission.button-back,
.button-deny-manager-permission {
	margin-left: 5px;
}

.widget-dossier-product-row td button {
	font-size: 16px !important;
}

.widget.widget-single-assessment-product {
	box-sizing: border-box;
	width: 836px;
	position:relative;
	left:-16px;
	background-image:url(../iconen/icoon-persoonlijk.png);
	background-size:72px auto;
	background-position:7px 4px;
	background-repeat:no-repeat;
	padding:20px 30px;
}

.widget.widget-dossier h2 {
	font-size:20px;
}

.widget.widget-single-assessment-product h2 {
	float:left;
	margin:0;
	padding-left:66px;
}

.widget.widget-single-assessment-product p {
	float:right;
	margin:0;
}

.widget.widget-single-assessment-product a,
.widget.widget-single-assessment-product a:visited {
	background-color:#FF8D00;
}

.widget.widget-single-assessment-product a:hover {
	background-color:#E67E00;
}

.page-assessments #footer {
	margin-top:64px;
}

h2.assessment-title {
	font-size:20px;
}

.page-assessments .assessmenttable {
	display:block;
	height:0px;
	overflow:hidden;
}

.page-assessments .assessmenttable+br {
	display:none;
}

.page-assessments .assessmenttable .button-buy-product {
	position:absolute;
	left:148px;
	margin-top:-36px;
}

.button-feedback-settings-editable-save {
	position:relative;
	left:96px;
}

.button-feedback-settings-editable-cancel {
	position:relative;
	left:-97px;
}

.button-feedback-set-competences {
	margin-top:24px;
}

#article.feedback-settings-form {
	padding-top:0px;
	padding-bottom:0px;
}

.page-feedback form[name="newuser"] {
	margin-top:12px;
}

.widget.widget-dossier button {
	font-size:16px;
}

.widget.widget-dossier button.button-info.widget-dossier-feedback-settings-button {
	font-size:0px;
}

.feedback-user-list.empty,
.feedback-users-details.empty {
	display:none;
}

#article.feedback-competences-warning {
	padding-top:0px;
	padding-bottom:0px;
}

.feedback-user-list + br,
.feedback-user-list + br + br {
	display:none;
}

#flexible-profile-page button:disabled,
#flexible-profile-page button[disabled="disabled"]:hover {
	opacity:0.3;
	cursor:initial;
	background-color:#2977CC;
}



#newuser form table tbody tr td:first-child {
	min-width:175px;
}

.td-newuser-termsconditions {
	padding-top:16px;
}

#newuser .styled-checkbox {
	margin-right:10px;
}

#newuser .styled-checkbox span {
	margin-top:2px;
}

select,
#new_title {
  padding: 5px 35px 5px 5px;
  border: 1px solid #dcdcdc;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../iconen/DropdownZwart.svg) calc(100% - 4px) / 32px no-repeat #fff;
}

/* CAUTION: IE hackery ahead */
select::-ms-expand { 
    display: none; /* remove default arrow on ie10 and ie11 */
}

div.info-bullet {
	box-sizing:border-box;
	display:inline-block;
	width:24px;
	height:24px;
	color:white;
	padding-left:2px;
	line-height:22px;
	text-align:center;
	font-weight:bold;
	background-color:#FF8D00;
	border-top-left-radius:12px;
	border-bottom-left-radius:12px;
	border-top-right-radius:12px;
	margin-right:5px;
}

#language-select {
	position: absolute;
	right: 50%;
	margin-right: -450px;
	text-align: right;
	overflow: visible;
	margin-top: 49px;
}

#language-select a {
	text-decoration:none;
	color:#2977CC;
	font-size:16px;
}

#language-select a:not(:last-child) {
	margin-right:16px;
}

#language-select a.selected {
	color:black;
	font-weight:bold;
}

#footer .email a,
.locale-select a {
	text-decoration: none;
}