@import url('https://fonts.dilemmamanager.nl/muli/stylesheet.css');
@import url('https://fonts.dilemmamanager.nl/robotoslab/stylesheet.css');
@import url('https://fonts.dilemmamanager.nl/fontAwesome/all.css');

/* 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;
}
/* 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;
}

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: #0F294D;
	font-size: 16px;
	font-family: Muli; 
}

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

body > #container  
{
	height: auto; 
	min-height: 100%; 
}

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

input:focus, textarea:focus, dropdown:focus
{
	border-color: #58585a !important;
}

#menu {
    position: absolute;
    top: 90px;
    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: #3d3c3f;
    line-height: 45px;
}

ul.menu li a 
{
    color: #0F294D;
    text-decoration: none;
    margin-right: 31px;
    line-height: 45px;
    font-size: 16px;
	font-family: Muli; 
	font-weight: bold;
}

ul.menu li a:hover, ul.menu li.selected > a
{
	color:#C6DC97;
}

.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:255px;
	height:49px;
    margin: 24px 0px 0px 0px;
}

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

#bannerimages {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height:350px;
}

#bannerimages img {
    float: left;
    width: auto;
    height: 100%;
}

#topbar {
    height: 155px;
    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);
}

/* WLV blokken op home */
div.blocks
{
	height: 711px;
	margin-top: 140px;
}

div.block-top
{
	width:280px;
	height:245px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    position:relative;
}

div.block-top h2
{
    position: absolute;
    top: 176px;
    color: White;
    text-transform: initial;
    font-size: 24px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    z-index:2;
}

.page-products .assessment-category,
.article-default .assessment-category,
div.block-top
{
	background-color:#de0073;
}

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

.product-description-text
{
	padding:30px;
	background-color:#F7F9FA;
	margin-top:95px;
}

.product-description .head:after,
.page-assessments .head:after,
.page-products .assessment-category:after,
.article-default .assessment-category:after,
div.block-top:after
{
    content: '';
    background-image: url(../iconen/werk.svg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: top 35px center;
    background-size: 112px 107px;
    pointer-events: none;
    z-index: 1;
}

div.block-top.vitaliteit:before
{
	background-image: url(../images/Home-MijnLoopbaan.jpg);
}
div.block-top.loopbaan:before
{
	background-image: url(../images/Home-MijnVitaliteit.jpg);
}

div.block-top.vitaliteit:after
{
    background-image: url(../iconen/loopbaan.svg);	
}

div.block-top.loopbaan:after
{
    background-image: url(../iconen/vitaliteit.svg);	
}

.page-products .assessment-category.category-2,
.article-default .assessment-category.category-2,
div.block-top.loopbaan
{
	background-color:#203068;
}

.page-products .assessment-category.category-3,
.article-default .assessment-category.category-3,
div.block-top.vitaliteit
{
	background-color:#8cbe20;
}

.block.block-clickable {
	border: 5px solid #C6DC97;
	margin-bottom: 25px;
	border-radius: 5px;
	box-shadow: 0 7px 12px rgb(0 0 0 / 10%);
}

.block.block-clickable
{
	width:425px;
	float:left;
}

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

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

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

.button:not(.floating-contact-widget-open), .logged-in, a.login
{
    padding-left: 20px;
    padding-right: 20px;
    background-color: #0F294D;
    font-family: Muli;
	font-weight: bold;
	font-size: 16px;
    color: White;
    text-transform: initial;
    border: none;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 48px;
    -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:hover, .logged-in:hover, a.login:hover
{
	background-color:#071E3E;
}

.coachfix #home-check .button,
.button .button-more-info,
.button .buttons.button-contact-send,
.button .button-home.button-home-check-wrapper
{
    font-size: 15px;
	height: 48px;
	background-color: #0f294D;
}

.button.button-home.button-home-check-wrapper {
	background-color: #0f294D;
	
}

.button.button-home.button-home-check-wrapper:hover {
	background-color: #06172E;
}

.button.buttons.button-contact-send
{
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
}

.button.button-more-info,
.button.buttons.button-contact-send
{
    font-family: Muli;
}

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

#home-check-wrapper
{
	position: relative;
    height: 176px;
    color: white;
    text-transform: initial;
    font-size: 35px;
    font-weight: bold;
}

.coachfix #home-check .button,
.button.button-home.button-home-check-wrapper
{
	background-color: #0F294D;
	border: 1px #040F1E;
	color: white;
	font-family: Muli; 
	font-weight: bold;
	height: 48px;
	font-size: 16px;
}

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

#home-check-wrapper h1
{
    margin-top: 55px;
    line-height: 40px;
    margin-bottom: 16px;
}

.content-block h1
{
    color: #0F294D;
    margin-top: 78px;
    font-size: 35px;
    text-transform: initial;
    font-weight: bold;
    margin-bottom: 9px;
    line-height: 44px;
}

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


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

span.field-item
{
    content: '';
    background-image: Url(../iconen/Checkmark-08.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: 23px;
}


.logged-in
{
	height: 34px;
	padding-top: 7px;
	padding-bottom: 7px;
	line-height:35px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin: 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	padding-right: 41px;
	padding-left: 21px;
	font-size:14px;
}

.logged-in:after
{

    content: '';
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    position: absolute;
    height: 25px;
    width: 25px;
    top: 11px;
    right: 7px;
    background-image: url(../iconen/Pijltje-Wit-02.svg);
    background-repeat: no-repeat;
    background-position: top 6px left 8px;
    background-size: 12px 12px;
    -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:#0F294D;
	left: 200px;
}

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

.logged-in-user
{
    background-color: #0F294D;
    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: Muli; 
}

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

.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: #58585a;
    text-decoration: none;
    font-size: 16px;
	font-weight: 700;
	color: #0F294D;
    line-height: 56px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    padding-right: 59px;
}

.logged-in ul li:hover:not(.logged-in-user)
{
	background-color:#f5f5f5;	
}

.logged-in:hover ul
{
	display:block;
	margin-top: 28px;
	margin-left: -111.5px;
}

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

.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%;
    background-color: #0f294D;
    color: #fff;
    font-size: 13px;
    line-height: 1.4;
    /*margin-top: 168px;*/
}

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

#contact {
	width: 255px;
}

#footer #contact img {
    width: 255px;
    height: 49px;
    margin-top: 32px;
    margin-right: 92px;
}

#footer h3
{
    color: #FFFFFF;
    font-size: 20px;
    margin-bottom: 13px;
    font-family: Muli; 
	font-weight: 700;
}

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

#footer #general ul li a,
#footer #question
{
    text-decoration: none;
    color: #FFFFFF;
    font-family: Muli; 
}

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

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

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

#footer #general ul {
	margin-top: 40px;
}

span#copyright
{
    position: absolute;
    bottom: 110px;
    color: #FFFFFF;
    font-family: Muli; 
    font-size: 9px;
    word-spacing: 3px;    
}

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

.button.buttons.button-contact-send
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-size: 14px;
	background-color: #EDE178 !important;
	border: 1px solid #C4B84E;
	line-height: 100%;
	font-weight: 700;
	cursor: pointer;
	
}

.button, .logged-in {
	border-radius: 5px !important;
}

.button.buttons.button-contact-send:hover
{
	background-color: #D0C567 !important;	
}

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

#footer #question input, #footer #question textarea
{
	color: #58585a;
	font-family: Muli; 
	font-size: 12px;
	width:232px;
	border:none;
	padding-left: 17px;
	padding-right: 17px;
	border:1px solid white;
}

#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;
}

/* Zwevende contact formulier */

#floating-contact-widget
{
    margin-right: -288px;
    position: fixed;
    top: 37%;
    right: 0;
    background-color:white;
    -webkit-box-shadow: -4px 1px 19px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: -4px 1px 19px 2px rgba(0,0,0,0.75);
    box-shadow: -4px 1px 19px -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';
    text-transform: capitalize;
    background-color: #8cbe20 !important;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    position: absolute;
    left: -118px;
    top: 73px;
    height: 45px;
    -webkit-box-shadow: 0px -3px 20px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -3px 20px -1px rgba(0,0,0,0.75);
    box-shadow: 0px -3px 20px -7px rgba(0,0,0,0.75);
    z-index: 0;
    width: 150px;
    text-align: center;
    font-size: 20px;
    color: white !important;
    -webkit-border-top-left-radius: 4px !important;
    -webkit-border-top-right-radius: 4px !important;
    -moz-border-radius-topleft: 4px !important;
    -moz-border-radius-topright: 4px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
    -moz-border-radius-bottomright: 0px !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-color: #8cbe20 !important;
    position: absolute;
}

#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-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    line-height: 18px;
    background-image: url(../iconen/Sluiten.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: #F7F9FA;
    border: 1px solid #F7F9FA;
    padding-left: 18px;
    font-family: Muli; 
    padding-right: 18px;
    padding-top: 8px;
    padding-bottom: 18px;
    width: 191px;
    margin-bottom: 15px;

}

#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;
    text-transform: initial;
    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:45px;	
}


#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
{
	padding:30px;
	background-color: #F7F9FA;
}

.assessment-name.page-title,
.page-contact #content #article .page-content h1,
.page-title.page-title-contact
{
	text-transform:initial;
}

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



/* Mijn Scans */

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


h2.category-title
{
    color: white;
    line-height: 140px;
    text-indent: 167px;
    opacity: 1;
    z-index: 1;
    position: relative;
    font-size: 35px;
    height: 140px;
    font-weight: bold;
}
.page-products .assessment-category:after,
.article-default .assessment-category:after
{
    background-position: top 24px left 35px !important;
    background-size: 93px 93px;
}

.page-products .assessment-category .products,
.article-default .assessment-category .products
{
    background-color:#F7F9FA;
    position: relative;
    z-index: 1;
	padding-bottom:30px;
}



.page-products .assessment-category,
.article-default .assessment-category,
.page-products #home-check-wrapper
{
	margin-bottom:19px;
}

.product-block
{
	display:inline-block;
    height: 330px;
    width: 260px;
    background-color:White;
    -webkit-box-shadow: -4px 1px 19px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: -4px 1px 19px 2px rgba(0,0,0,0.75);
    box-shadow: -4px 1px 19px -10px rgba(0,0,0,0.75);
    margin-left: 28px;
    margin-top: 26px;
    position:relative;
    overflow:hidden;
}

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

.product-block .product-info
{
	height:70px;
	line-height:70px;
	color:#0F294D;
	text-transform:initial;
	padding-left:23px;
	position:absolute;
	bottom:0;
	z-index: 1;
    background-color: white;
    width: 100%;
    margin-bottom:0px;
}

.product-block .details
{
    padding-left: 23px;
    padding-right: 23px;
    position: absolute;
    height: 260px;
    bottom: -260px;
    background-color: white;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 24px;
}

.product-block:hover .product-info
{
	margin-bottom: 260px;
}

.product-block:hover .details
{
	margin-bottom: 260px;
}

.product-block .product-info,
.product-block .details,
.product-block:hover .product-info,
.product-block:hover .details
{
    -webkit-transition: margin 0.5s; /* Safari */
    transition: margin 0.5s;
}

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

span.product-name
{
    font-weight: bold;
    font-size: 14px;
}



.page-assessments .head.cat-2,
.product-description .head.cat-2,
span#category-2 + .category-image + .overlay + div.assessment-category
{
	background-color:#203068 !important;
}

span#category-2 + .category-image + .overlay + div.assessment-category:after
{
	background-image: url(../iconen/vitaliteit.svg);
}

span#category-2 + .category-image + .overlay + div.assessment-category span.product-name
{
	color:#203068;
}

.page-assessments .head.cat-3,
.product-description .head.cat-3,
span#category-3 + .category-image + .overlay + div.assessment-category
{
	background-color:#8cbe20  !important;
}

span#category-3 + .category-image + .overlay + div.assessment-category:after
{
	background-image: url(../iconen/loopbaan.svg);
}

span#category-3 + .category-image + .overlay + div.assessment-category span.product-name
{
	color:#8cbe20;
}

.page-assessments .head.cat-4,
.product-description .head.cat-4,
span#category-4 + .category-image + .overlay + div.assessment-category
{
	background-color:#949494  !important;
}

span#category-4 + .category-image + .overlay + div.assessment-category:after
{
	background-image: url(../iconen/360GradenFeedback.svg);
}

span#category-4 + .category-image + .overlay + div.assessment-category span.product-name
{
	color:#949494;
}


/* Adviseurs */
#informatie,
.coach-blok
{
	padding: 30px;
    background-color: #F7F9FA;
    margin-top:140px;
	border-radius: 5px;
}

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

.coach-blok.content > h1,
#informatie > h1,
.mentale-apk .page-content > h2.assessment-title,
.title-purchase-mentale-apk {
	text-align: center;
}

.page-contact .page-content {
	margin-top: 15px;
}

.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,
.content-webshop-confirm .page-content h1,
.page-register .page-content h1,
#flexible-profile-page .widget-text h2,
.widget.widget-documents.widget-documents-wide#widget-hr-cyclus h2,
.widget.widget-dossier#widget-mijn-ontwikkeling h2,
.widget.widget-bov h2
{
    font-size: 30px;
    font-family: Muli; 
	font-weight: bold;
}

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

.coach
{
    width: 260px;
    background-color: #fff!important;
    padding: 0px;
    width: 260px!important;
    height: 468px;
    display: inline-block;
    position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	text-decoration: none;
}

.coach{
	background-color: #fff!important;
	width: 260px!important;
}

.coach-image{
	height:auto!important;
}

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

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

.coach-location
{
	color:#0F294D;
    height: 31px;
	padding-left:25px;
	padding-right:25px;
	font-family: Muli; 
	font-weight: bold;
	font-size: 16px;
}

.coach-name
{    
	color: #0F294d;
    font-family: Muli; 
	font-weight: bold;
    padding-top: 25px;
    padding-left: 25px;
    margin-bottom: 6px;
    font-size: 20px;
    margin-top: -1px;
}

.coach-info h1,
.coach-info b
{
	font-family: Muli; 
	font-size: 20px;
}

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

.coachdetails .coach .button {
	padding-bottom: 8px;
	color: white;
	background-color: #0F294D;
	font-weight: bold;
	left: -5px;
}

.coach .button
{
	line-height:35px;
	text-decoration:none;
	font-size:16px;
	padding-top: 6px;
	height: 34px;
	font-weight: bold;
	margin-left: 5px;
	background-color: white;
	color: #0F294d;
	font-weight: 400;
	position: relative;
    top: -10px;
}

.coach .button i {
	font-size: 12px;
}

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

#informatie{

}

/* 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;
}

.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: 435px !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: Muli; 
	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: #0F294D;
	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: -35px;
    vertical-align: middle;
    z-index: 2000;
}
.widget-documents-row-description-editor .textfield
{
    width: 247px;
    margin-top: 8px;
    height: 32px;
    margin-right: -41px;
    font-family: Muli; 
    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");
}

#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,
.main.content-webshop-purchase #article > 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: #949494;
}
.widget.widget-documents.widget-documents-wide .widget-documents-row-description
{
	color: rgb(109, 109, 109);
	text-transform: initial;
	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;
	text-transform: none;
}
.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: Muli; 
}
.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: 35px;
}
.widget.widget-documents.widget-documents-wide .widget-documents-file-upload-button
{
	margin-top: 59px;
	margin-right: -10px;
	font-family: Muli; 
	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,
.purchase-mentale-apk
{
	padding: 30px;
	background-color: rgb(245, 245, 245);
	margin-top: 140px;
}

.widget.widget-dossier {
	border-radius: 5px;
}

.purchase-mentale-apk {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.widget.widget-dossier thead
{
	display: none;
}
.widget.widget-dossier td:first-child
{
	padding-left: 26px;
}
.widget.widget-dossier tr
{
	height: 75px;
}

.widget.widget-dossier tr td:first-child
{
	width: 117px;
}

.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);
	/* border-top: 17px solid rgb(245, 245, 245);*/
	vertical-align: middle;
}
.widget-dossier-product-buttons
{
	text-align: right;
}
.widget-dossier-product-data
{
	color: rgb(2, 114, 190);
	text-transform: initial;
	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;
	/* position:relative; */
}
.widget-dossier-product-name
{
	white-space: nowrap;
	color: #0F294D;
}
.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);
	text-transform: initial;
	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
{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,
.purchase-mentale-apk p,
p.confirm-purchase-text
{
	margin-top: 24px;
	margin-bottom: 21px;
}
.widget.widget-dossier table
{
	margin-bottom: 0px;
	width: 100%;
	position: relative;
}
.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: white;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0px;
}
.widget-documents-category-title
{
	text-transform: initial;
}
.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;
}

.module-purchase {
	background-color: rgb(245, 245, 245);
	padding: 0px 30px 30px 30px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.module-purchase table,
.overzicht-bestelling table {
	background-color: #FFFFFF;
}

.overzicht-bestelling table {
	margin-bottom: 45px;
}

.overzicht-bestelling .shoppingcart-table > tbody:nth-child(1) > tr:nth-child(2) td {
	padding-top: 30px;
}

.overzicht-bestelling table .tr-shoppingcart-total-price td {
	padding-bottom: 30px;
}

.overzicht-bestelling .confirmorder {
	position: relative;
	top: -46px;
}

.overzicht-bestelling .button-cancel-purchase {
	float: right;
	top: -40px;
	position: relative;
}

.overzicht-bestelling > h2:nth-child(11) {
	display: none;
}

.module-purchase table th, 
.module-purchase table td, 
.overzicht-bestelling table td, 
.overzicht-bestelling table th {
	padding: 5px 26px;
}

.td-shoppingcart-total-btw,
.td-shoppingcart-total-price,
.td-shoppingcart-product-price {
	text-align: right;
}

.td-shoppingcart-product-price {
	position: relative;
	left: 330px;
	width:150px;
}

.module-purchase .shoppingcart-table .button-shoppingcart-delete-product,
.overzicht-bestelling .button-cancel-purchase {
	background-color: transparent;
	font-weight: 400;
	text-decoration: underline;   
    text-decoration-color: #DF605E;
	color: #DF605E;
}

.overzicht-bestelling .button-confirm-purchase {
	display: none;
}

.td-shoppingcart-product-title a {
	font-weight: bold;
	color: #0F294D;
}

.button-shoppingcart-make-payment {
	margin-bottom: 30px
}

.button-shoppingcart-continue-shopping {
	display: none;
}

.tr-shoppingcart-header {
	display: none;
}

.tr-shoppingcart-total-price td {
	border-top: 0px !important;
}

.tr-spacer {
	position: relative;
}

.tr-spacer:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 788px;
    padding-top: 20px;
    border-bottom: 1px solid #e1e1e1;
    position: absolute;
    left: 26px;
    top: -5px;
}

.jouw-bestelling-container {
	background-color: rgb(245, 245, 245);
	padding: 0px 30px;
}

.jouw-bestelling {
	font-size: 24px;
	background-color: #FFFFFF;
	padding: 20px 26px;
	font-weight: 700;
}

#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: #b00060;
}

#flexible-profile-page 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: 14px;
	padding: 0;
	height: 16px;
	background-size: 14px 14px;
	cursor: pointer;
	margin-right: 16px;
	margin-top: -2px;
	position:relative;
}

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

.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: Muli; 
	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: Muli; 
	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(-45%);
}
.widget-dossier .permission-info
{
	margin-left: -50%;
	left: 15px;
	transform: translateX(-50%);
	top: 30px;
}
.widget-dossier .settings-info
{
	margin-top: -65px;
	left: -4px;
}

.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;
}

.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,
.content-webshop-confirm #content .module-login,
.page-register #content .module-login,
.content-webshop-confirm #content .module-login,
.content-webshop-confirm #content .module-login
{
	padding: 30px;
    background-color: #F7F9FA;
    height:auto !important;
	width: 970px;
}

.content-webshop-confirm .module-login div.page-content
{
	height: 48px;
}

.content-webshop-confirm .module-login div.page-content p
{
	width: 430px;
	margin-top: 22px;
	position: absolute;
}

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

.titleexistinguser
{
	display:none;
}

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


.page-forgotpassword input,
.page-login #content input,
.content-webshop-confirm #content input,
.page-register #content input,
.account-table input
{
	height:33px;
	border:1px solid #E1E1E1;
	width:237px;
	padding-left:17px;
	padding-right:17px;
	color: #58585a;
	font-family: Muli; 
	font-size: 13px;
	margin-bottom:13px;
	font-size: 14px;
}

.account-table .button-modify-account-details {
	position: relative;
	left: -200px;
}

.page-login #content input:focus,
.content-webshop-confirm #content input:focus,
.page-register #content input:focus
{
	border-color: #0F294D !important;
	border-width: 2px;
}

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

.page-login #content .button-log-in,
.content-webshop-confirm #content .button-log-in,
.page-register #content .button-log-in
{
	margin-top: -8px;
    font-size: 16px;
    padding-left: 17px;
    padding-right: 17px;
}

a.forgotpassword, a.forgotpassword:hover, a.forgotpassword:visited, a.forgotpassword:focus
{
	font-size: 14px;
	color:#0F294D;
	position: relative;
	top: 5px;
}

.td-newuser-termsconditions a, .td-newuser-termsconditions a:hover, .td-newuser-termsconditions a:visited, .td-newuser-termsconditions a:focus
{
	font-weight: 600;
	font-size: 16px;
	color:#0F294D;
}

.page-login #content .module-login #existinguser > br,
.content-webshop-confirm #content .module-login #existinguser > br,
.page-register #content .module-login #existinguser > br
{
	display:none;
}
.page-login #content .module-login #existinguser form,
.content-webshop-confirm #content .module-login #existinguser form,
.page-register #content .module-login #existinguser form
{
    margin-bottom: 5px;
}

.page-login .content-article,
.content-webshop-confirm .content-article
{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.page-login .form-container,
.content-webshop-confirm .form-container
{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.page-login #content .module-login,
.content-webshop-confirm #content .module-login,
.page-register #content .module-login
{
	height:auto;
	display: flex;
	padding-right: 0px;
	position: relative;
	left: -47px;
}

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

.page-login .content > h1,
.content-webshop-confirm .page-content > p 
{
	position: relative;
	z-index: 1;
}

a.login
{
	text-decoration:none;
	padding-top: 7PX;
	padding-bottom: 7px;
	border-radius: 0;
	border-radius: 5px;
}

.page-login #article.module-error,
.content-webshop-confirm #article.module-error,
.page-register #article.module-error
{
	position: absolute;
    bottom: 300px;
    left: 60px;
}

/* Wachtwoord vergeten */

.page-forgotpassword #content
{
	padding: 30px;
    background-color: #F7F9FA;
    height: auto !important;
}

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

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

.page-forgotpassword .error-article
{
    position: absolute;
    bottom: 30px;
    left: 155px;
}

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

/* assessment */

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

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

/* hiding back button products */
.mentale-apk .button-back {
	display: none;
}

.mentale-apk .products-table .header {
	display: none;
}

.mentale-apk h2.assessment-title {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 30px;
}

.mentale-apk-product-container {
	padding: 30px 30px;
	background-color: #FFFFFF;
}

.mentale-apk-product-container h2 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}

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

.td-product-price,
.td-product-title {
	font-weight: bold;
}

.td-product-title {
	position: relative;
	right: 130px;
}

.td-product-price {
	text-align: middle;
}

.td-product-example-report {
	width: 200px;
	position: relative;
	right: 70px;
}

.td-product-example-report a {
	font-weight: bold;
	color: #A7B783;
}

.page-assessments #content {
    margin-top: 281px !important;
}

/* modern problems require modern solutions */
.mentale-apk .page-content br {
	display: none;
}

.mentale-apk-home-check-wrapper {
	position: absolute !important;
	top: -281px;
	left: 0px;
}

.mentale-apk-home-check-wrapper #home-check h1.title {
	margin-bottom: 17px;
}

.mentale-apk .products-table .button-add-to-cart {
	display: inline-block;
	height: 48px;
	background-color: #C6DC97;
	border: 1px solid #A7B783;
	padding: 0px 15px;
	position: relative;
}

.mentale-apk .products-table .button-add-to-cart:hover {
	background-color: #B0C487;
}

.products-table {
	background-color: #FFFFFF;
}

.page-assessments .top-title,
.product-description .top-title {
    color: #fff;
    font-size: 35px;
    line-height: 35px;
    margin-left: 140px;
    margin-top: 32px;
    text-transform: initial;
    position:relative;
    z-index: 2;
    font-weight:bold;
}

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

.page-assessments .head:after,
.product-description .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,
.product-description .head.cat-2:after {
    background-image: url(../iconen/loopbaan.svg);
}

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

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


.page-assessments .head,
.product-description .head
{
	background-color: #0F294D;
	-webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.page-assessments #content
{
	width:840px;
	border-radius: 5px;
}

.page-assessments .head:before,
.product-description .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;
	font-size: 14px;
}

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

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

.shoppingcart {
	position: relative;
	right: 150px;
	bottom: 31px;
	cursor:pointer;
}

.shoppingcart::before {
	content: "";
	width: 24px;
	height: 24px;
	display: inline-block;
	position: absolute;
	background-image: url("/themes/nieuwkans/iconen/shopping_cart_24dp.svg");
	cursor:pointer;
	right: 20px;
	top:1px;
}

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

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

#widget-hr-cyclus .widget-documents-wide-inner .widget-documents-category-title
{
	background-color:#949494;
	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;
}

.widget-dossier button
{
	cursor:pointer;
}

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

#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 */
#informatie h1
{
    text-transform: initial;
}

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

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

/* feedback */
.page-feedback #content
{
    margin-top: 176px;
    padding: 30px;
    background-color: #F7F9FA;
    line-height: 24px;
    margin-bottom: 50px;
}


.feedback-invites-list
{
	margin-top: 30px;
	font-size: 14px;
	margin-bottom: 30px;
}

.feedback-user-list
{
	margin-top:30px;
}

.feedback-user-list h2
{
	color: Black;
	font-size: 19px;
	font-weight: bold;
	margin-top: 10px;
}

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

#mail_subject_assessors,
#mail_body_assessors,
.page-feedback #content .feedback-user-list form input
{
	color: #58585a;
	font-family: Muli; 
	font-size: 12px;
	width: 232px;
	border: none;
	padding-left: 17px;
	padding-right: 17px;
	border: 1px solid white;
	height:45px;
	margin-bottom:10px;
	/* margin-left:10px; */
}

#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: 114px;
    margin-top:10px;
}

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

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

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

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


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

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

.coachdetails .coach .coach-info {
    position: absolute;
    left: 60%;
    top: 0px;
    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:35px;
}

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

.product-description .category-image
{
	margin-bottom: -102px;
	height:120px;
	width:900px;
}

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

/* mijn gegevens */
.page-account 
{
	margin-top: 70px;
	padding:30px;
	background-color:#F7F9FA;
	width: 478px;
}

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

.page-account input, 
#new_title,
.account-table .textfield
{
	color: #58585a;
    font-family: Muli; 
    font-size: 12px;
    width: 232px;
    border: none;
    padding-left: 17px;
    padding-right: 17px;
    border: 1px solid #e1e1e1;
    height: 41px;
    margin-bottom: 13px;
    margin-top: 9px;
}

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


.button-feedback-delete-user
{
    background-image: url(../iconen/Sluiten-Wit.svg);
    background-repeat: no-repeat;
    font-size: 0px;
    padding: 12.5px;
    background-size: 11px;
    background-position: center center;
    height: 25px !important;
}

.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 h1
{
	text-transform:initial;
}

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

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

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

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

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

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

.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: 150px;
    bottom: 62px;
    cursor:pointer;
}

.button-forgot-password-submit.button-forward
{
	margin-left: 115px;
}

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

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

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

.page-login, 
.content-webshop-confirm,
.page-forgotpassword
{
	height:auto;
}

.assessmenttable img
{
	display:none;
}

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

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

/* feedback settings */
.page-feedback .feedback-settings-form input[type='checkbox']
{
	display:none;
}

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

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

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

.page-feedback .feedback-settings-form .feedback-select-multi-level input[type='checkbox']:checked + label
{
	background-color:#00B147;
	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: Black;
    font-size: 20px;
    text-transform: initial;
}

#article.feedback-settings-form
{
	margin-top: 50px;
}

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

.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: 20px !important;
	padding-left:20px !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'] input[type='text']
{
	height: 41px !important;
}

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


.page-feedback .feedback-manager-send-form #mail_subject, 
.page-feedback .feedback-manager-send-form #mail_body
{
	color: #58585a;
    font-family: Muli; 
    font-size: 12px;
    width: 232px;
    border: none;
    padding-left: 17px;
    padding-right: 17px;
    border: 1px solid white;
}

.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:26px !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: 150px;
    height: 36px;
}

#newuser table tr:nth-child(16) {
    position: relative;
    top: -60px;
}

#newuser table tr:nth-child(14) {
    position: relative;
    top: 60px;
}

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

.page-title.page-title-account {
	margin-bottom: 30px;
}

.page-feedback #content
{
	width:840px;
}

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

.account-table tr
{
}

.page-title.page-title-account
{
	text-transform:initial;
}

.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: Muli; 
    color: Black;
    margin-bottom: 22px;
}

#page-permission {
	border: 30px solid rgb(245, 245, 245);
    /* border-bottom: 30px solid rgb(245, 245, 245); uitgecomment omdat de filter niet op deze versie van quabaan staat */
    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: 35px !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: #0F294D !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: #b00060 !important;
}

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

.feedback-status
{
	position: absolute;
	left: 153px;
	margin-top: 27px;
	color: #8cbe20;
}

/* 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: Muli; 
}

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 {
    text-transform: none;
    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: #0272BE;
    text-transform: initial;
    margin-bottom: 14px;
}

.customer-mail-selector {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    /* height: 194px; */
    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 {
    text-transform: initial;
    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-transform: initial;
    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;
    text-transform: initial;
}

.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;
    text-transform: capitalize;
}
.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: 35px;
    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: 35px;
    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;
    /* padding-left: 304px; */
}

.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:not(.customer-page-navigation) {
	
}

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

.widget-management-navigation li.page {
    float: left;
    margin-left: 10px;
    line-height: 35px;
    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: #0F294D;
    border-radius: 4px;
    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: 35px;
    right: auto;
    margin-left: -120px;
}

h2.overwrite-header {
    position: absolute;
    margin-top: -149px;
    visibility: visible !important;
    text-transform: initial;
    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-transform: initial;
    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: 35px;
    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: #0F294D;
    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: #b00060;
}

.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;
    text-transform: initial;
    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: #0F294D;
    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: 35px;
    padding-right: 35px;
}

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

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

.modal-widget h1, #message-to h1, #message-sender-info h1 {
    text-transform: initial;
    margin: 20px 0px;
    color: black;
    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: 4px;
    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;
    text-transform: initial;
    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%;
}


.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-transform: initial;
    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;
    text-transform: initial;
    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: Muli; 
    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: Muli; 
    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: Muli; 
    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: 35px;
}

#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: 124px;
}

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

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

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

#flexible-profile-page .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: Muli; 
}

.widget-notification button
{
    background-color: #0F294D;
    color: white;
    float: right;
    position: relative;
    top: 1px;
    cursor: pointer;
    padding-left: 29px;
    padding-right: 29px;
    background-color: #0F294D;
    font-family: Muli; 
    color: White;
    text-transform: initial;
    border: none;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4x;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 35px;
    -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;
}

.button-feedback-self {
	margin-right:8px;
}


.widget.widget-bov {
    padding: 30px;
    background-color: rgb(245, 245, 245);
    margin-top: 40px;
}


.widget-bov-text-finished {
	margin-bottom:24px;
}

h1.title {
	font-family: 'Roboto Slab';
	font-size: 30px;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}

/*
.menuitem3 a {
	font-family: Muli; 
	font-weight: bold;
	display: inline-block;
	height: 48px;
	background-color: #C6DC97;
	border: 1px solid #A7B783;
	color: #FFFFFF !important;
	padding: 0px 15px;
}

.menuitem3 a:hover {
	background-color: #B0C487;
}
*/

.custom-list-style {
	margin-top: 15px;
	margin-left: 15px;
}

.custom-list-style li {
    margin: 0 0 15px 15px;
}

.voor-jou:before {
	background-image: url("/themes/nieuwkans/iconen/person-24px.svg");
}

.voor-organisatie:before {
	background-image: url("/themes/nieuwkans/iconen/business-24px.svg");
}

.voor-jou:before,
.voor-organisatie:before {
	content: "";
	width: 24px; 
	height: 24px;	
	display: inline-block;
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translate(-50%, 0%) scale(1.8);
}

.voor-organisatie, .voor-jou {
	font-family: Muli;
	font-weight: 700;
	font-size: 24px;
	color: #0F294d;
	margin-top: 40px;
	text-align: center;
	line-height: 30px;
	height: 60px;
}

.overzicht-bestelling {
	padding: 30px;
	background-color: #F7F9FA;
	border-radius: 5px;
}

.overzicht-bestelling .td-shoppingcart-product-price {
	left: 0px
}

ul.custom-list-style li::before {
	content: '\f192';
	font-family: 'Font Awesome 5 Free';
	color: #8fc64a;
	position: absolute;
	left: 25px;
}

#informatie h1,
h1.page-title {
	font-weight: 700;
	color: #0F294D;
	font-size: 30px;
}

#informatie p.informatie-numbers {
	color: #0F294D;	
	margin-bottom: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 40px;
}

#informatie p.informatie-numbers::before {
	content: "";
	width: 30px; 
	height: 30px;	
	display: inline-block;
	position: absolute;
	left: 28px;
}

#informatie p.informatie-one::before {
	background-image: url("/themes/nieuwkans/iconen/1.svg");
}

#informatie p.informatie-two::before {
	background-image: url("/themes/nieuwkans/iconen/2.svg");
}

#informatie p.informatie-three::before {
	background-image: url("/themes/nieuwkans/iconen/3.svg");
}

#informatie p.informatie-four::before {
	background-image: url("/themes/nieuwkans/iconen/4.svg");
}

#informatie p.informatie-five::before {
	background-image: url("/themes/nieuwkans/iconen/5.svg");
}

#informatie p.informatie-six::before {
	background-image: url("/themes/nieuwkans/iconen/6.svg");
}

.apk-info {
	width: 100%;
	text-align: center;
	color: #0F294d;
	margin-bottom: 25px;
	background-color: #F7F9FA;
	border-radius: 5px;
}

.apk-info h1 {
	font-family: Muli;
	font-weight: 700;
	font-size: 30px;
	padding: 24px 0px;
}

.apk-info p {
	font-family: Muli;
	line-height: 24px;
	padding: 0px 24px 24px 24px;
}

.apk-info p.bold-intro {
	font-weight: 700;
}

.td-newuser-label {
	width: 180px !important;
}

.td-newuser-header {
	padding-bottom: 20px;
}

.block-content {
	color: #0F294d;
}

.td-newuser-termsconditions input {
	width: unset !important;
	position: relative;
	top: 11px;
}

.button-login,
.button-log-in {
	position: relative;
	left: -180px;
}

.titlenewuser {
	font-weight: 700;
	font-size: 30px;
}

#newuser {
	position: relative;
	top: -58px;
	width: 495px;
}

#existinguser {
	width: 492px;
}

div.module-login:nth-child(2) {
	padding-bottom: 0px !important;
}

div.block:nth-child(2) > div:nth-child(1) > ul:nth-child(3) {
	margin-top: 63px;
}

div.block:nth-child(2) > div:nth-child(1) {
	height: 856px;
}

.widget > h2:nth-child(1),
.title-purchase-mentale-apk {
	font-weight: 700;
	color: #0F294D;
	font-size: 30px;
}

td.widget-dossier-product-name {
	font-weight: bold;
}

p {
	line-height: 24px;
}


.banner-blocks {
	padding: 20px 50px 50px 30px;
	background-color: #FFF;
	border-radius: 5px;
	text-decoration: none;
	color: #0F294d;
	display: inline-block;
	width: 300px;
	margin-top: 48px;
}

.shadow {
	-webkit-box-shadow: 0 7px 12px rgba(0,0,0,0.1);
    box-shadow: 0 7px 12px rgba(0,0,0,0.1);
}

.smallTitle {
	font-weight: 700;
	font-size: 24px;
	position: relative;
}

.smallTitle span {
	position: relative;
	z-index: 1;
}

.smallTitle::after {
	content: '';
	position: absolute;
	top: 14px;
	left: -2%;
	width: 100%;
	height: 20px;
	z-index: 0;
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}

.smallTitle-green::after {
	background: #C6DC97;
}

.start-mijn-apk-subtitle {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
}

.start-mijn-apk-subtitle i {
	margin-left: 10px;
}

.footer-container {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
}

.small-height-fix {
	position: relative;
	top: -6px;
}

#footer {
	color: #FFFFFF;
	font-family: "Muli";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.875;
}

.footer-logo img {
	width: 225px;
	display: inline-block;
	margin-bottom: 25px;
}

.footer_list_item--icon {
    padding-left: 25px;
    position: relative;
}

.footer_list_item--icon i {
    color: #c5db96;
    position: absolute;
    left: 0;
    top: 3px;
}

.footer_list_item_url,
.footer_list li a {
    color: rgba(255,255,255,0.8);
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
	text-decoration: none;
}

.footer_list_item_url:hover,
.footer_list li a:hover {
    color: #fff;
}

.footer_col {
    padding-left: 10px;
    padding-right: 10px;
}

.btn.green {
    color: #fff;
    background-color: #c5db96;
}

.btn.green:hover {
    background-color: #b1c587;
}

.btn {
    cursor: pointer;
    display: inline-block;
    font-family: "Mulish",sans-serif;
    background: #12294d;
        background-color: rgb(18, 41, 77);
    color: #fff;
    border: none;
    line-height: 1;
    font-size: 1em;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
    border-radius: 3px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 15px 20px;
    font-weight: 700;
}
.waves-effect {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.socialButtons_btn {
	display: inline-block;
    width: 40px;
    height: 34px;
    color: #12294d;
    padding-top: 6px;
    text-align: center;
    border-radius: 50%;
    background-color: #eadf79;
    margin-right: 10px;
	text-decoration:none;
}

.socialButtons {
	margin-top: 20px;
}

.bgWhite {
    background-color: #fff;
}
.bTop {
    border-top: 1px solid #E5E5E5;
}
.pb15 {
    padding-bottom: 15px;
}
.pt10 {
    padding-top: 10px;
}

.copyright_right {
    text-align: center;
    width: 900px;
    display: block;
    margin-left: auto;
	margin-right: auto;
	display:flex;
	justify-content: space-between;
}

.disInlineBlock {
    display: inline-block;
    vertical-align: top;
}

div.copyright {
	font-weight: 400;
	color: #0F294D;
	font-size: 16px;
	font-family: Muli;
}

#footer a {
	text-decoration: none;
}

.copyright_links {
	text-align: center;
	margin-left: auto;
	margin-right: auto;	
}

.copyright_links a {
	color: #0F294D;
}

.copyright_links a:hover {
    color: #06172E;
}

.pb65 {
    padding-bottom: 65px;
}
.pt65 {
    padding-top: 65px;
}

.bTop {
    border-top: 1px solid #E5E5E5;
}
.pb15 {
    padding-bottom: 15px;
}
.pt10 {
    padding-top: 10px;
}

a.login + a.shoppingcart {
	bottom: 0px;
}

li.logged-in ul {
	border-radius: 5px;
}

.logged-in-user {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.footer_list i {
	position: absolute;
	top: 8px;
}

#article.module-login.content-article {
	padding-bottom: 0px;
}

.content-webshop-purchase .start-mijn-apk-subtitle {
	line-height: 25px;
}

.content-webshop-confirm input#confirm {
	width: 20px;
	position: relative;
	top: 7px;
	left: -5px;
}

.content-webshop-confirm .confirmorder {
	position: relative;
	top: -66px;
}

.ideal-page {
    margin-top: 327px;
	padding: 30px;
    background-color: #F7F9FA;
	border-radius: 5px;
}

.ideal-page h1{
    font-size: 30px;
    font-weight: bold;
	font-family: Muli; 
}

.ideal-page h1 {
    font-size: 30px;
    font-weight: bold;
	font-family: Muli;
    text-align: center;
    margin-bottom: 24px;
}

.ideal-page .button {
    margin-top: 24px;
	cursor: pointer;
}

label.ideal span.labeltext {
	position: relative;
	top: 8px;
}