/* Base (used as base for all the media-specific css files) */

/* todo: er zijn 2 soorten dingen die we willen stijlen. Algemene items en specifieke divs. */
/* de algemene items zoals A en UL/LI, moeten NOOIT direct van een style worden voorzien */
/* omdat het lastig is de style later weer weg te halen. Wanneer we linkjes willen voorzien van een kleurtje, */
/* dan geven we aan elke link een class. */
/* Wanneer we in een UL niet willen dat er bolletjes voor komen, dan geven we deze UL een aparte class. Etc. */

.n41672n td{
    overflow: visible !important;
}

.n48925n, .n49549n{
    display:none;
}
.n49362n{
    display:none;
}

.n49552n, .n49555n{
    display:none;  /*nieuwe dragdrop rooster arbeidsovereenkomst niet tonen*/
}
.n49860n{
    display:none;
}
.n44829n{
    display:none;  /*Opmaak activeren*/
}
.n49656n{
    display:none;  /*webhooks*/
}

.n49565n{
    display: none;
}

.n36612n .pagedropdown{ /*agenda menuitems nieuwe planning*/
    display:none! important;
    height: 0;
    overflow: hidden;
    margin: 0;
}
.n48392n{
    display:none! important;
}

.n49762n{ /*totalenblock bij opdracht*/
    display:none! important;
}

.n49002n, /*offertes*/
.n49769n, /*opdrachten*/
.n49770n, /*inkoopopdracht*/
.n49074n, /*taken*/
.n49771n, /*facturen*/
.n49772n, /*inkoopfacturen*/
.n49774n /*contracten*/
{ /*kolommen met nieuwe notitietimeline vanuit gridcolumn*/
    display: none !important;
}

/* ============================================================================================================ */
/* login
/* ============================================================================================================ */

.supportcenter .label{
    font-weight:bold;
}

.supportcenter input[type=text]{
    width: 100%;
}
.supportcenter textarea{
    width: 100%;
    height: 80px;
}
.supportcenter .supportcenterinputblock{
    margin-bottom: 20px;
}
.supportcenter .supportcenterantwoordlink{
    display:block;
    text-decoration:  none;
    padding: 5px;
    border:1px solid #E9E9E9;
    margin-bottom:10px;
}
.supportcenter .supportcenterantwoordhtml{
    display:block;
    padding: 5px;
    border:1px solid #E9E9E9;
    margin-bottom:10px;
}
.supportcenter .antwoordencontainer{
    height: 440px;
    overflow: auto;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes shake {
    0%, 100% {-webkit-transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
    20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@keyframes shake {
    0%, 100% {transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
    20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}


#wrapper_login .loggedin_row{
    background-color: #DEE7F8;
    padding: 10px;
    margin-bottom:10px;
    text-align: left;
    overflow: auto;
    border-radius: 5px;
}

#wrapper_login .loggedin_row a{
    text-decoration: none;
    line-height: 26px;
}

#wrapper_login .loggedin_row .loggedin_user{
    float:left;
    display: inline-block;
    height: 100%;
    font-size: large;
}

#wrapper_login .loggedin_row .loggedin_logoutlink{
    float:right;
    display: inline-block;
    height: 100%;
}

#wrapper_login #alreadyloggedin_form{
    width: 250px;
}

#wrapper_login .tabhandlecontainer{
    border: 0px;
    display: inline-block;
    /*margin-bottom: 15px;*/
    margin-top: 20px;
}

#wrapper_login .TabcontainerTab{
    border: 0px;
    border-radius: 4px;
    line-height: 21px;
    font-weight: bold;
}

#wrapper_login .TabcontainerTab.active{
    border: 0px;
    color: white;
    background-color: #B1B1B1;
}

#wrapper_login .tabcontentcontainer{
    border: 0px;
}

#wrapper_login .loginformrow input{
    padding: 10px;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    font-size: 16px;
    width: 220px;
    box-sizing: border-box;
}

#wrapper_login .Onetimeinfo .yellowbox{
    margin-bottom: 0px;
}

#wrapper_login #loginboxcontainer{
    /*margin-top: 20px;*/
    padding-bottom: 20px;
}

#wrapper_login #login_logo{
    width: 250px;
    height: 167px;
    background-image: url('../../logo_login.svg');
    background-size: 250px 167px;
    margin: 0px auto;
}

#wrapper_login .loginformrow{
    /*clear: left;*/
    /*float: left;*/
    margin-bottom: 10px;
    display: inline-block;
}

#wrapper_login .form-actions{
    /*clear: left;*/
    /*margin-bottom: 20px;*/
    /*padding-top: 20px;*/
}

#wrapper_login form{
    display: inline-block;
    margin-top: 20px;

}

#wrapper_login .passwordrecoverlink a{
    font-size: smaller;
    color: grey;
    margin-top: 20px;
    display: inline-block;
}

#wrapper_login .cleardomainlink a{
    /*font-size: smaller;*/
    /*color: grey;*/
    /*margin-top: 20px;*/
    /*display: inline-block;*/
    display:none;
}

#wrapper_login #content{
    max-width: 320px;
    min-width: 320px;
    text-align: center;

    padding: 0px;
    padding-top: 50px;
    box-sizing: border-box;

    overflow: hidden;
}

#wrapper_login #submitandrememberform{
    width: 220px;
    display: inline-block;
    /*background-color: red;*/
}

#wrapper_login #submitandrememberform div{
    float:left;
}

#wrapper_login #submitandrememberform button{
    float:right;
}


.team .disabled{
    opacity: .5;
}

/* ============================================================================================================ */
/* Application
/* ============================================================================================================ */

.hide{
    display: none;
}


html{
    height:100%;
    margin:0;
    padding:0;
    overflow-y: scroll;

    font-size:12px;
    line-height:1.5;
    background:#fff;

    /*background: red;*/

}


html, textarea, button{
    /*font-family: 'Roboto', sans-serif;*/
    /*font-family: 'Open Sans', sans-serif;*/
    /*font-family: 'Lato', sans-serif;*/
    /*font-family: 'Source Sans Pro', sans-serif;*/
    font-family: Arial, sans-serif;
}


table{
    width: 100%;
}




a.gridpagelink{
    color: var(--primary);
    font-weight: bold;
}

a.gridopenexportlink{
    color: var(--primary);
    font-size: 11px;
    float: left;
    margin-right:5px;
}

a.gridexportlink{
    color: var(--primary);
}

a.gridclearselectionlink{
    color: var(--primary);
}

a.gridpaginationlink{
    color: var(--primary);
}

a.popupcloselink{
    color: var(--primary);
}

a.emaillink{
    color: var(--primary);
}

a.weblink{
    color: var(--primary);
}

a.filterlink{
    color: var(--primary);
}

a.footerlink{
    color: #777;
}

a{
    color: var(--primary);
}

.number{
    text-align: right;
}

.wwgrid td.number{
    padding-right: 10px;
    white-space: nowrap;
}



.wwgrid th.number{
    padding-right: 10px;
    white-space: nowrap;
}

.wwgrid.editingmode .deletelinktdinnercontents{
    visibility: hidden !important;
}

.wwgrid.editingmode .grippy{
    visibility: hidden !important;
}



body{
    margin:0;
    padding:0;
}

input, select, textarea{
    margin-top:0px;
    margin-bottom: 0px;
}

.clear {
    /*clear:both;*/
    /*height:0;*/
    /*font-size:0;*/
    /*line-height:0;*/
    /*overflow:hidden;*/
}

#content{
    overflow: auto;
}

.movingobject{
    cursor: url(../images/closedhand.cur) 7 5, default !important;
}


#systemrestartnotification_container {
    position: fixed;
    bottom: 0px;
    z-index: 15;
    width: 100%;
    box-sizing: border-box;
}

#systemrestartnotification_container_messagediv{
    padding: 17px 10px 15px;
    width: 100%;
    color: white;
    z-index: 15;
    width: 800px;
    margin: 0px auto;
    box-sizing: border-box;
    text-align: center;
    border-radius: 3px 3px 0px 0px;
    background-color: rgba(237, 152, 0, 1);
    box-shadow: 0 0 45px #222;
    -webkit-box-shadow: 0 0 45px #222;
    -moz-box-shadow: 0 0 45px #222;
}


.Warningarea{
    /*-moz-box-sizing: border-box;*/
    /*-webkit-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
    border-radius: 4px;
    background-color: #FDFFCF;
    border: 2px solid #FFF391;
    padding: 10px;
    margin-bottom: 20px;
    clear: left;
    word-wrap: break-word;
}

.Warningarea2{
    /*-moz-box-sizing: border-box;*/
    /*-webkit-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
    border-radius: 4px;
    background-color: #ffeac4;
    border: 2px solid #FFC1A3;
    padding: 10px;
    margin-bottom: 20px;
    clear: left;
    word-wrap: break-word;
}

.Helparea{
    /*-moz-box-sizing: border-box;*/
    /*-webkit-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
    border-radius: 4px;
    background-color: #FDFFCF;
    border: 2px solid #FFF391;
    padding: 10px;
    margin-bottom: 20px;
    clear: left;
    word-wrap: break-word;
    margin-top:10px;
}

.Infoarea{
    /*-moz-box-sizing: border-box;*/
    /*-webkit-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
    border-radius: 4px;
    border: 2px solid #DEE7F8 !important;
    background-color: #DEE7F8;
    padding: 10px;
    margin-bottom: 20px;
    clear: left;
    word-wrap: break-word;
}



.Infoarea ul{
    margin-left: 0px;
    padding-left: 0px;
}

.Infoarea li{
    list-style-type: none;
}

.Helppopup{
    /* background-color: white;*/
    border: 2px solid var(--primary);
    border-radius: 13px 13px 13px 13px;
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding: 0 7px 0 6px;
    background-color: white;
    margin-left: 5px;
}

.bigspinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -43px 0 0 -50px;
    height: 100px;
    width: 100px;
    text-indent: 250px;
    white-space: nowrap;
    overflow: hidden;

    background: url(../images/spinner.png);

    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;

    -o-animation-name: spinnerRotate;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;

    animation-name: spinnerRotate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes spinnerRotate {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);}
}

@-moz-keyframes spinnerRotate {
    from {-moz-transform:rotate(0deg);}
    to {-moz-transform:rotate(360deg);}
}

@-o-keyframes spinnerRotate {
    from {-o-transform:rotate(0deg);}
    to {-o-transform:rotate(360deg);}
}

@keyframes spinnerRotate {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

#header,#content,#footer,#modulebar .inner {
    max-width:1240px;
    min-width:1200px; /* was 800 */
    margin:0 auto;
}

#downloadiframe{
    display: none;
}

#currentsubpage{
    clear:left;
}

#debugmode{
    padding: 10px;
    border-top-right-radius: 5px;
    color: white;
    font-weight: bold;
    background-color: var(--bg_red);
    position: fixed;
    bottom: 0px;
    left: 0px;
}

#debugmode.normal{
    background-color: var(--bg_orange);
}

#featuresalphachannel{
    padding: 10px;
    border-bottom-right-radius: 5px;
    color: white;
    font-weight: bold;
    background-color: var(--bg_orange);
    position: fixed;
    top: 0px;
    left: 0px;
}


#featuresbetachannel{
    padding: 10px;
    border-bottom-right-radius: 5px;
    color: white;
    font-weight: bold;
    background-color: var(--bg_purple);
    position: fixed;
    top: 0px;
    left: 0px;
}


#readonlymode{
    padding: 10px;
    border-top-right-radius: 5px;
    color: white;
    font-weight: bold;
    background-color: var(--bg_orange);
    position: fixed;
    bottom: 0px;
    left: 0px;
}

h2#logo a {
    float:left;
    font-size:18px;
    color:#fff;
    background:#000;
    cursor:pointer;
    text-decoration:none;
    -moz-border-radius:4px;
    border-radius:5px;
    padding:7px 15px;
}

#logo{
    float:left;
    /*height: 55px;*/
    padding-top: 8px;
}

.clearfix:after,
#header:after,
#search form:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

a img{
    border:none;
}

.unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.breadcrumb{
    float: left;
}

.breadcrumb a{
    max-width: 200px;
}

.addlink{
    font-size: smaller;
    float: right;
    margin-left: 10px;
}

.editwidgetslink{
    font-size: smaller;
    float: right;
    margin-left: 10px;
}

.searchlink{
    font-size: smaller;
    float: right;
    margin-left: 10px;
}

.breadcrumbspacer{
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: -20px center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABdCAMAAACFIiZSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAwBQTFRFxMTEY2NjU1NTRkZG4uLinZ2dXl5e1NTUUFBQi4uLiYmJqqqqtLS0ra2tvLy8oKCgubm58PDwtra2kJCQlJSUTExMycnJe3t73d3ddHR0wsLCRUVFgYGBqKior6+vYWFh09PTaGho7+/vhoaGu7u7UVFRVlZWWVlZSEhIhYWF9PT09fX19vb2srKyzMzM+/v7XFxcSUlJwcHBRERE29vb////NjY2Nzc3ODg4OTk5Ojo6Ozs7PDw8PT09Pj4+Pz8/QEBAQUFBQkJCQ0NDRERERUVFRkZGR0dHSEhISUlJSkpKS0tLTExMTU1NTk5OT09PUFBQUVFRUlJSU1NTVFRUVVVVVlZWV1dXWFhYWVlZWlpaW1tbXFxcXV1dXl5eX19fYGBgYWFhYmJiY2NjZGRkZWVlZmZmZ2dnaGhoaWlpampqa2trbGxsbW1tbm5ub29vcHBwcXFxcnJyc3NzdHR0dXV1dnZ2d3d3eHh4eXl5enp6e3t7fHx8fX19fn5+f39/gICAgYGBgoKCg4ODhISEhYWFhoaGh4eHiIiIiYmJioqKi4uLjIyMjY2Njo6Oj4+PkJCQkZGRkpKSk5OTlJSUlZWVlpaWl5eXmJiYmZmZmpqam5ubnJycnZ2dnp6en5+foKCgoaGhoqKio6OjpKSkpaWlpqamp6enqKioqampqqqqq6urrKysra2trq6ur6+vsLCwsbGxsrKys7OztLS0tbW1tra2t7e3uLi4ubm5urq6u7u7vLy8vb29vr6+v7+/wMDAwcHBwsLCw8PDxMTExcXFxsbGx8fHyMjIycnJysrKy8vLzMzMzc3Nzs7Oz8/P0NDQ0dHR0tLS09PT1NTU1dXV1tbW19fX2NjY2dnZ2tra29vb3Nzc3d3d3t7e39/f4ODg4eHh4uLi4+Pj5OTk5eXl5ubm5+fn6Ojo6enp6urq6+vr7Ozs7e3t7u7u7+/v8PDw8fHx8vLy8/Pz9PT09fX19vb29/f3+Pj4+fn5+vr6+/v7/Pz8/f39/v7+////5SF1qAAAADZ0Uk5T//////////////////////////////////////////////////////////////////////8AoY9OMQAAAOpJREFUeNqk1kkOwjAQBdEu7sT9j/ZZkIQMtktq2LAoPUUED827qqpCDT+v7TvLPMGHnvA9y7Mn/MiIHvJfRvSInzKiB/ycEf3kl4zoB79mRN/5LSP6xu8Z0Vf+yIi+8GdG9JkPMqJPfJQR/ePDjOiDjzOidz7JiN74LCP6y6cZ0ZVlRnRlmRFdWWZEV5aZf55dRf93y7Mjr4X+/y3vPLIc6K9zWWuRbUB/f8sei2x/+ueanC2RY4/+eS5nauS4p3+PyV0Suebo399yh0aud/pzi8wOkbGG/rwmM1NknKM/p8qsGBljJ3PqZwA43S/vsAMc4AAAAABJRU5ErkJggg==);
    float: left;
}

.hide{
    display: none !important;
}

#breadcrumbstrail{
    font-size: smaller;
    margin-bottom:10px;
    float:left;
}

#loadingindicator .loadingimage{
    display: none;
}

#loadingindicator{
    background-color: #c8c8c8;
    bottom:7px;
    right:7px;
    color:white;
    font-size:11px;
    font-weight:bold;
    padding: 2px;
    position:fixed;

    border-radius: 4px;
    z-index: 30;
}

#loadingindicator.network{
    background-color: var(--bg_orange);
}

#mask {
    position: fixed;
    opacity: 0.5;
    z-index: 10;
    background: #000;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
}



.flash-error {
    background-color:#a20000;
}

.flash-info{
    background-color: #81AB2B;
}

.flash-hint{
    background-color: rgba(0, 0, 0, 0.76);
}

.flash-warning{
    background-color: #ed9800;
}

.flash-undo{
    background-color: #81AB2B;
}
.flash-undo a{
    color: white;
}


.errorcloselink{
    margin-top: 10px;
    cursor: pointer;
    text-decoration: underline;

}

#messagecontainer{
    white-space: pre-wrap;
}

#footer {
    height:50px;
    font-size:11px;
    color:#777;
    margin-top:18px;
    padding-bottom: 50px;
    clear:left;
}

#footer p.copyleft {
    float:left;

    /*border-top:1px solid #eee;*/
    width: 100%;
    padding-top: 50px;
}

.SliderColumnPopup .subtext{
    white-space: nowrap;
}

.subtext{
    color: grey;
    font-size: 11px;
    white-space: pre-wrap;
}

.subtext.important{
    color: #dc270c;
}

.Forminputcontainer .Forminputcontainerlabel:not(:first-child){
    width: auto;
    font-weight: normal;
}

.typelabel{
    font-weight: bold;
    padding: 2px;
    color: white;
    border-radius: 4px;
    float: left;
    text-align: center;
    margin-right: 5px;
    background-color: black; /*default fallback*/
}

.tag{
    cursor: pointer;
    margin-right: 10px;
    font-size: smaller;
    line-height: 12px;
    display: inline-block;
    position: relative;
    padding: 0 5px;
    border-radius: 4px;
}

.tag.notclickable{
    cursor: auto;
}

.tag.user{
    background-color: #E9E0FF;
    border-color: #E9E0FF;
}

.tag.label{
    border: 1px solid #DEE7F8;
    background: #DEE7F8;
    font-size: 11px;
}

.Grid .tag.label{
    font-size: smaller;
}

.Grid .tag.skill{
    font-size: smaller;
}

.tag.label2{
    border: 1px solid #FAD8BE;
    background: #F8E4B8;
}

.tag.skill{
    border: 0px;
    font-size: 11px;
    width: auto;
    text-transform: none;
}

.Grid  .tag.skill{
    background-color: #E9E0FF;
    border-color: #E9E0FF;
    font-weight: normal;
    color: #4C4C4C;
}

.typelabel.auto{
    width: auto;
    font-size: smaller;
}

.typelabel.smaller{
    width: 14px;
    height: 14px;
    font-size: smaller;
}

.typelabel.small{
    width: 50px;
    font-size: smaller;
}

.typelabel.medium{
    width: 65px;
    font-size: smaller;
}

.typelabel.large{
    padding: 5px;
    margin-right: 10px;
}

/* vaste labels */
.typelabel.concept{
    background-color: var(--primary);
}

.typelabel.definitief{
    background-color: var(--bg_orange);
}

.typelabel.gefiatteerd{
    background-color: yellowgreen;
}

.typelabel.afwachting{
    background-color: var(--bg_orange);
}

.typelabel.binnuren{
    background-color: var(--bg_orange);
}

.typelabel.buitenuren{
    background-color: var(--bg_red);
}

.typelabel.openstaand{
    background-color: var(--bg_orange);
}

.typelabel.afgerond{
    background-color: yellowgreen;
}

.typelabel.voldaan{
    background-color: yellowgreen;
}

.typelabel.geaccepteerd{
    background-color: yellowgreen;
}

.typelabel.afgewezen{
    background-color: var(--bg_purple);
}

.typelabel.verlopen{
    background-color: var(--bg_red);
}

.typelabel.herzien{
    background-color: var(--bg_purple);
}

.typelabel.archief{
    background-color: grey;
}

.typelabel.onbekend{
    background-color: grey;
}

.typelabel.basis{
    background-color: grey;
}

.typelabel.actief{
    background-color: yellowgreen;
}

.typelabel.inactief{
    background-color: #ADADAD;
}

.typelabel.verwerkt{
    background-color: yellowgreen;
}

.typelabel.onverwerkt{
    background-color: grey;
}

.typelabel.bij{
    background-color: var(--primary);
}

.typelabel.af{
    background-color: var(--bg_orange);
}

.typelabel.aflopend{
    background-color: var(--bg_orange);
}

.typelabel.beeindigd{
    background-color: var(--bg_purple);
}

.typelabel.bedrijf{
    background-color: var(--bg_purple);
}

.typelabel.particulier{
    background-color: rgb(0, 126, 213);
}

.typelabel.persoon{
    background-color: var(--bg_orange);
}

.typelabel.contractfactuur{
    background-color: rgb(0, 126, 213);
}

.typelabel.contractopdracht{
    background-color: var(--bg_orange);
}



#systemnotifications{
    width: 630px !important;
    position: absolute;
    margin-left: 300px;
    margin-top: 14px;
}

.flatbutton{
    font-weight: bold;
    padding: 2px;
    color: white;
    border-radius: 3px;
    float: right;
    text-align: center;
    margin-right: 5px;
    line-height: 13px;
    cursor: help;
    background-color: var(--primary);
    padding-left: 4px;
    padding-right: 4px;
    font-size: 9px;
}

.flatbutton.groupincrement{
    display: inline-block;
    height: 15px;
    width: 15px;
    line-height: 15px;
    float: none;
    margin-left: 5px;
    padding-left:1px;
    padding-right: 1px;
    cursor: pointer;
}

.Plusbuttongridcollapsible .editingmode .flatbutton.groupincrement{
    cursor: default;
    background-color: silver;
}

.Plusbuttongridcollapsible .editingmode .toggle{
    opacity: 0.5;
    cursor: default;
}

.Plusbuttongridcollapsible tr.editingmode{
    display:none;
}

a.flatbutton{
    float: left;
    text-decoration: none;
    font-size: 12px;
}

.flatbutton.grey{
    background-color: grey;
}

.flatbutton.lightgrey{
    background-color: #BBBBBB;
}
.flatbutton.lightgrey:hover{
    background-color: grey;
}

.flatbutton.yellowgreen{
    background-color: yellowgreen;
}

.flatbutton.orange{
    background-color: var(--bg_orange);
}

.flatbutton.invisible{
    visibility: hidden;
}

.flatbutton.small{

}

.flatbutton.medium{

}

.flatbutton.large{

}


tr .onhovervisible{
    visibility: hidden;
}

td .onhovervisibletd{
    visibility: hidden;
}

td:hover .onhovervisibletd{
    visibility: visible;
}

li .onhovervisible{
    visibility: hidden;
}

li:hover .onhovervisible{
    visibility: visible;
}



/* ============================================================================================================ */
/* popup modus */
/* ============================================================================================================ */

body.openedaspopup #modulebar #inner{
    display: none;
}

body.openedaspopup #header{
    display: none;
}

body.openedaspopup #pagegroupbar{
    display: none;
}

body.openedaspopup #pagelinks{
    display: none;
}

body.openedaspopup #footer{
    display: none;
}

body.openedaspopup #content{
    min-width: 800px;
    max-width: 100%;
}

body.openedaspopup #modulebar{
    min-width: 800px;
    max-width: 100%;
}

body.openedaspopup .Blockcontainermain{
    width: 100%;
    padding-right: 0px;
}

body.openedaspopup .Blockcontainersidebar{
    display: none;
}



/* ============================================================================================================ */
/* MENU */
/* ============================================================================================================ */

nav ul{
    margin: 0px;
}

nav ul ul {
    display: none;
    background-color: var(--primary);
    padding-left: 0px;
    padding: 10px;
    z-index: 999;
    width: auto;
    right:0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

nav ul li:hover > ul {
    display: block;
}

nav ul {
    list-style: none;
    position: relative;
    display: inline-table;
}

nav ul li {
    float: left;
}

nav ul ul {
    position: absolute;
    top: 100%;
}

nav ul ul li {
    float: none;
    position: relative;
    height:25px;
}

nav ul{
    float: right;
}

nav ul a{
    padding-left: 10px;
}


/* ============================================================================================================ */
/* Gripp n2n features */
/* ============================================================================================================ */

#stopwatchinfo{
    /*width: 400px;*/
    color: black;
    background-color: white;
    top: 40px;
    right: 10px;
    position: absolute;
    z-index: 25;
    box-shadow: 0 0 30px grey;
    -webkit-box-shadow: 0 0 20px grey;
    -moz-box-shadow: 0 0 20px grey;
    border-radius: 4px;
    padding: 10px;
}

#stopwatchinfo:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 10px solid transparent;
    border-bottom-color: white;
    top: -20px;
    right: 14px;
}

/* ============================================================================================================ */
/* GLOBAL SEARCH
/* ============================================================================================================ */

#searchresults{
    /*width: 400px;*/
    min-height: 300px;
    background-color: white;
    top: 36px;
    right: 0px;
    position: absolute;
    z-index: 25;
    box-shadow: 0 0 30px grey;
    -webkit-box-shadow: 0 0 30px grey;
    -moz-box-shadow: 0 0 30px grey;
    border-radius: 4px;
    padding: 20px;
}

#searchresults .HeaderMain{
    padding-bottom:0px;
}

#searchresults:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 10px solid transparent;
    border-bottom-color: white;
    top: -20px;
    right: 210px;
    border-image: initial;
}

.searchresultssection{
    font-weight: bold;
    border-bottom: 2px solid #e5e5e5;
    margin-bottom: 5px;
    margin-top: 20px;
    font-size:15px;
}

.searchresultssection a{
    margin-left:5px;
    font-size:10px;
    font-weight: normal;
    color: grey;
}

.searchresultlink{

}

.searchresultlink.entertarget{
    font-weight:bold;
}

.searchresultsummary{
    font-size: smaller;
    color: grey;
    margin-bottom: 5px;
}

#searchinput{
    width: 240px;
}

.nosearchresultsummary{
    font-size: smaller;
    color: grey;
    margin-bottom: 5px;
    width: 250px;
    clear:left;
}

.result_summary_column_width_1{
    width: 250px;
}

.result_summary_column_width_2{
    width: 500px;
}

.result_summary_column_width_3{
    width: 750px;
}

.result_summary_column_width_4{
    width: 1000px;
}

.searchresults_entity_td{
    width: 250px;
    vertical-align: top;
    padding-right: 10px;
}


/* ============================================================================================================ */
/* Modulebar
/* ============================================================================================================ */

#modulebar {
    min-width: 1200px;
    font-size:11px;
    color:#ddd;
    background:var(--primary);
    display:block;
    padding:6px 0 3px;
    height: 21px;
}

#modulebar ul.gnav {
    display:inline;
    float:left;
    line-height:1.2;
    margin:2px 0 0 -7px;
    padding: 0;
}

#modulebar ul.gnav li {
    list-style-type:none;
    display:inline;
    margin:0;
    padding:0 7px 0 8px;
}

#header,.admin #header {
    position:relative;
    margin:0px auto;
    padding:0 0 7px;
}

#header #search {
    position:absolute;
    bottom:20px;
    right:20px;
}

#modulebar a,.footerbox a {
    color:#fff;
    text-decoration:none;
}

/* ============================================================================================================ */
/* Pagegroupbar
/* ============================================================================================================ */

#pagegroupbar{
    -moz-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;
    background:none repeat scroll 0 0 #004B7F;
    color:#FFFFFF;
    line-height:22px;
    margin:0 0 18px;
    position:relative;

    padding-top:4px;
    padding-left:4px;
}


#pagegroupbar ul.nav li {
    /*display:block;*/
    float:left;
    list-style-type:none;
    margin:0;
    padding:5px;
    padding-left:8px;
    padding-right:8px;
    position:relative;
    font-weight:bold;
}

#page_link_container{
    margin-top: -12px;
    border-bottom: 1px solid #EEEEEE;
    height: 20px;
    padding-left: 8px;
    margin-bottom:10px;
    font-size: 11px;
}

.pagelink{
    float: left;
    margin-right: 10px;
    font-weight:bold;
}

#modules a{
    color:#ddd;
}

.pagelink a{
    color:gray;
    text-decoration: none;
}

#modules .active a{
    color:white;
    text-decoration: underline;
}

#subpagegroups_container{
    margin-top: 0px;
}

.Pagegroup.active{
    background-color: white;
    color: black;
    -moz-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}

.Pagegroup.active a{
    color: black;
}

.pagedropdown{
    box-shadow: rgb(201, 201, 201) 0px 11px 17px;
    z-index: 100;
    position: absolute;
    top: 32px;
    left: -1px;
    background-color: white;
    border-left: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px;
    display: block;
    color:black;
}

.pagegrouplink{
    color: white;
    text-decoration: none;
}

.pagegrouplink.active a{
    color: black;
}

#modulebar, #header, #content, #footer{
    padding-left: 20px;
    padding-right: 20px;
}

.pagelink.active{
    color:black;
}

.pagelink.active a{
    color:black;
}

























/* GENERIC ELEMENTEN */




















/* ============================================================================================================ */
/* BLOCK
/* ============================================================================================================ */

.Block{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    clear: left;
}


/* ============================================================================================================ */
/* BLOCKCONTAINER
/* ============================================================================================================ */


.Blockcontainer{
    float:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.Blockcontainermain{
    float:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 77%;
    padding-right: 25px;
}

.Blockcontainersidebar{
    float:left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width:23%;
}




/*
Onetimeinstruction
*/

.Onetimeinstruction{

    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 20;
}

.Onetimeinstruction .popup{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    box-shadow: 0 0 70px #444;
    -moz-box-shadow: 0 0 70px #444;
    -webkit-box-shadow: 0 0 70px #444;

    background-color: white;
    padding: 20px;
    border-radius: 4px;

    z-index: 20;
    margin: 0px auto;
    margin-top: 40px;
    width: 840px;

    overflow: auto;
}

.Onetimeinstruction .videopopup{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    box-shadow: 0 0 70px #444;
    -moz-box-shadow: 0 0 70px #444;
    -webkit-box-shadow: 0 0 70px #444;

    background-color: white;
    padding: 20px;
    border-radius: 4px;

    z-index: 20;
    margin: 0px auto;
    margin-top: 40px;
    width: 840px;

    overflow: auto;

    margin-top: -128px;
    margin-left: -20px;
    position: fixed;
}

.Onetimeinstruction .popup .content{
    clear: left;
}

.Onetimeinstruction .videocontainer{
    clear: left;
}

.Onetimeinstruction .videocontainer .title{
    font-size: larger;
    margin-bottom: 15px;
}

.Onetimeinstruction .videocontainer .video{
    float: left;
    width:260px;
    margin-bottom: 30px;
    text-align: center;
}




/* ============================================================================================================ */
/* BLOCKPOPUP
/* ============================================================================================================ */



.Blockpopup{
    display: none;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    box-shadow: 0 0 70px #444;
    -moz-box-shadow: 0 0 70px #444;
    -webkit-box-shadow: 0 0 70px #444;

    background-color: white;
    padding: 20px;
    border-radius: 4px;

    z-index: 20;
}

.Blockpopup.size1{
    width: 100px;
}

.Blockpopup.size2{
    width: 250px;
}

.Blockpopup.size4{
    width: 400px;
}

.Blockpopup.size5{
    width: 500px;
}

.Blockpopup.size6{
    width: 600px;
}

.Blockpopup.size6_5{
    width: 650px;
}

.Blockpopup.size7{
    width: 700px;
}

.Blockpopup.size8{
    width: 800px;
}

.Blockpopup.size9{
    width: 900px;
}

.Blockpopup.size10{
    width: 1000px;
}

.Blockpopup.size11{
    width: 1100px;
}

.Blockpopup.size12{
    width: 1200px;
}

.Blockpopup .HeaderMain{
    float: left;
}

.closelink{
    padding-bottom: 15px;
    float: right;
}







/* ============================================================================================================ */
/* BUTTONBAR
/* ============================================================================================================ */


.Buttonbar{
    margin-bottom: 30px;
    clear:both;
}


/* ============================================================================================================ */
/* BUTTONCUSTOM
/* ============================================================================================================ */



.Buttoncustom{
    color:var(--primary);
    float:right;
    line-height:23px;
    margin-left:10px;
}

/* ============================================================================================================ */
/* BUTTONEDIT
/* ============================================================================================================ */

.Buttonedit{
    position: absolute;
    top: 0px;
    right: 0px;
    padding-left: 35px;
}

.Buttonbar .Buttonedit{
    position: relative;
}


.cancellink{
    margin-left: 10px;
    line-height: 24px;
    float: right;
    font-size: 12px;
}


.faderight {
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(10%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}



/* ============================================================================================================ */
/* Blockcontainershowhide
/* ============================================================================================================ */

.Blockcontainershowhide{
    float: left;
    width: 100%;
    background-color: #f0f0f0;
    padding: 10px;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.Blockcontainershowhide .titlebar{
    width: 100%;
    float:left;
}

.Blockcontainershowhide .title{
    font-size: 15px;
    float: left;
}

.toggle{
    width: 16px;
    height: 16px;
    background: url(../images/treeview-sprite.png);
    cursor: pointer;
    float: left;
    margin-right: 10px;
    background-size: 16px 32px;
}

.toggle_empty{
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 10px;
}

.toggle.collapsed{
}

.Html{
    float: left;
    width: 100%;
}

.toggle.expanded{
    background-position: 0 16px;
}

.Blockcontainershowhide .toggle{
    float: right;
}

.Blockcontainershowhide .content{
    width: 100%;
    float: left;
}


.Blockcontainershowhide .content.collapsed{
    display: none;
}

.Blockcontainershowhide .content.expanded{
    display: block;
}


/* ============================================================================================================ */
/* EMAILFORM
/* ============================================================================================================ */

.Emailform{
    margin-bottom:20px;
}

.Emailform .attachments ul{
    padding-left: 0;
    list-style-type: none;
    margin-top:0px;
}

.Emailform .addressfield {
    width: 100%;
    padding-bottom:0px;
    float:left
}

.Emailform .addressfield textarea{
    width: 100%;
    height: 35px;
}

.Emailform .addressfield.to{
    float:none;
}

.Emailform .addressfield.cc{
    float:none;
}

.Emailform .addressfield.bcc{
    float:none;
}

.Emailform .subjectfield{
    width: 100%;
    float:none;
}

.Emailform .bodyfield{
    width: 100%;
}

.Emailform .bodyfield textarea{
    width: 100%;
    height: 175px;
}

.Emailform .attachments{
    width: 100%;
}

.Emailform button{
    margin-top:20px;
}



/* ============================================================================================================ */
/* Form
/* ============================================================================================================ */



.Form h3{
    color:#1B57AA;
    font-size:14px;
    font-weight: 700;
    margin-top:0;
}

.Form{
    background-color: #f0f0f0;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:10px;
    /*margin-top: 10px;*/
    margin-bottom:10px;
    /*margin-right: 50px;*/
    float:left;
    width: 100%;

    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}



/* ============================================================================================================ */
/* Forminput
/* ============================================================================================================ */


.Forminput{
    float:left;
    padding-bottom:20px;
    padding-right: 10px;
}

.subtitle{
    font-size: 11px;
    color: gray;
}

.Forminputyesno .subtitle{
    float: left;
}


/*.Forminputsearch .subtitle{*/
/*float: left;*/
/*}*/





.Forminputgroup .Forminput{
    padding-bottom:10px;
}

.darkened{
    background-color: rgba(0,0,0,.05);
    /*background: url('../images/transparent_overlay.png');*/
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 30px;
    /*margin-top: 20px;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
}


.wwgrid select[disabled]{
    opacity: .5;
}

input[readonly] {
    background-color: transparent;
}

input:focus[readonly]{
    background-color: transparent;
}

select option {
    padding:0 5px;
}



.forminputerror{
    border-color: #FF7070 !important;
    box-shadow: 0 0 5px #FF8585, inset 0 0 2px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 0 5px #FF8585, inset 0 0 2px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 0 5px #ff8585, inset 0 0 2px rgba(0, 0, 0, 0.12);
}

.chzn-container.forminputerror a{
    border-color: #FF7070 !important;
}




/* ============================================================================================================ */
/* Forminputchecklist
/* ============================================================================================================ */

.viewpane{
    height: 100%;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.Forminputchecklist.view{
    min-height: 20px;
}

/* ============================================================================================================ */
/* Forminputcolor
/* ============================================================================================================ */

.Forminputcolor.edit .colorpreview{
    cursor: pointer;
}

.Forminputcolor.add .colorpreview{
    cursor: pointer;
}

.colorpreview{
    position: relative;
    border-radius: 4px;
    width: 40px;
    height: 20px;
    background-image: url(../../assets/images/alpha.png);
}

.Gridcolumncolor .colorpreview{
    background-image: none;
}

.Forminputcolor .colorpreview{
    border: 1px solid #D6D6D6;
}

.colorpreview_inner{
    position: absolute;
    border-radius: 4px;
    width: 40px;
    height: 20px;
}

/* ============================================================================================================ */
/* Forminputcontainer
/* ============================================================================================================ */


.Forminputcontainer{
    clear:left;
}





/* ============================================================================================================ */
/* Forminputcontainerlabel
/* ============================================================================================================ */



.Forminputcontainerlabel{
    width: 150px;
    float: left;
    padding-top:5px;
    font-weight: bold;
    padding-right:10px;
}

.Forminputcontainerlabel.autowidth{
    width: auto;
    font-weight: normal;
}

.Forminputgroup .Forminputcontainerlabel{
    font-weight: normal;
}

/* ============================================================================================================ */
/* Forminputdropdown
/* ============================================================================================================ */





.Buttonsubmitgridrowform{
    float: right;
}

/* ============================================================================================================ */
/* FORMINPUTFILE
/* ============================================================================================================ */

.Forminputfile{
    float:left;
    padding-bottom:20px;
    padding-right: 20px;

    word-break: break-all;
    /*width: 250px;*/
    overflow: hidden;
}


.Forminputfile .drop-area {
    position: relative;
    /*height: 70px;*/
    border: 2px dashed #B6B6B6;
    padding: 10px;
    text-align: center;
    border-radius: 4px;
    width:250px;
}

.Forminputfile .drop-area.over {
    border: 2px dashed orange;
}

.Forminputfile .drop-area .drop-instructions {
    font-weight: bold;
}

.Forminputfile input.uploadinput{
    opacity: 0;
    filter:alpha(opacity: 0);
    position: absolute;
    cursor: pointer;
    width: 132px;
    height: 30px;
    top: 21px;
    left: 61px;
    cursor: pointer;
}

.Gridcolumnfile .Forminputfile .drop-area{
    cursor: pointer;
}

.Gridcolumnfile .Forminputfile input.uploadinput{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.Forminputfile .error{
    color: #dc270c;
}

.Forminputfile ul.file-list{
    list-style-type: none;
    padding-left:0px;
    margin-left:0px;
}

.Forminputfile ul.file-list input{
    width: 30px;
}

.file-list .file{
    line-height:2em;
    padding-left:22px;
    background:url(../images/attach.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: left 5px;
}


.Forminputfile .file-size{
    font-size: smaller;
    color: grey;
    margin-left: 10px;
}


ul.autocompleter-choices
{
    position:				absolute;
    margin:					0;
    padding:				0;
    list-style:				none;
    /*border:					1px solid #7c7c7c;*/
    /*border-left-color:		#c3c3c3;*/
    /*border-right-color:		#c3c3c3;*/
    /*border-bottom-color:	#ddd;*/
    background-color:		#fff;
    text-align:				left;
    /*font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    z-index:				50;
    background-color:		#fff;

    border: 0px;
    box-shadow: 0px 5px 14px grey;
    -moz-box-shadow: 0px 5px 14px grey;
    -webkit-box-shadow: 0px 5px 14px grey;
}

ul.autocompleter-choices li
{
    position:				relative;
    margin:					-2px 0 0 0;
    padding:				0.2em 1.5em 0.2em 1em;
    display:				block;
    float:					none !important;
    cursor:					pointer;
    font-weight:			normal;
    white-space:			nowrap;
    font-size:				1em;
    line-height:			1.5em;
}

ul.autocompleter-choices li.autocompleter-selected
{
    background-color:		#444;
    color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
    display:				inline;
    float:					none;
    font-weight:			bold;
    margin:					0;
    padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
    color:					#9FCFFF;
}

.Emailform .to textarea{
    height: 50px;
}
.Emailform .cc textarea{
    height: 50px;
}

.Emailform .bcc textarea{
    height: 50px;
}


.Emailform .to {
    /*padding-bottom: 20px;*/
}

.Emailform .subjectfield{
    padding-top: 20px;
}


/* ============================================================================================================ */
/* Forminputgroup
/* ============================================================================================================ */


.Forminputgroup h3{
    color:#1B57AA;
    font-size:14px;
    font-weight: 700;
    margin-top:0;
}

.Forminputgroup{
    float:left;
    padding-bottom:10px;
}

/* ============================================================================================================ */
/* Forminputimage
/* ============================================================================================================ */


.imagepreview {
    width: 100%;
    margin-top: 20px;
    border: 1px solid #D6D6D6;
}

.Forminputimage input{
    width: inherit;
}


/* ============================================================================================================ */
/* Forminputradiobutton
/* ============================================================================================================ */


.Forminputradiobutton input{
    width: inherit;
}


/* ============================================================================================================ */
/* Forminputsearch
/* ============================================================================================================ */

.Forminputsearch{
    max-width: 600px;
    width: 400px;
}

.Forminputsearchmultiple{
    max-width: 600px;
    width: 400px;
}

.Blockpopup .Forminputsearch{
    width: 300px;
}

.Blockpopup .Forminputsearchmultiple{
    width: 300px;
}


/*.Forminputsearch{*/
/*float:left;*/
/*width:400px;*/
/*padding-bottom:20px;*/
/*padding-right:10px;*/
/*}*/

/*.Forminputgroup .Forminputsearch{*/
/*padding-bottom:10px;*/
/*}*/

/*.Forminputsearch input{*/
/*border:  0px !important;*/
/*padding: 0px !important;*/
/*}*/

/*.Forminputsearch input:focus{*/
/*background-color: transparent !important;*/
/*}*/


/*.Forminputsearch.view{*/
/*line-height:22px;*/
/*min-height:28px;*/
/*padding-right:20px;*/
/*}*/


/*.Forminputsearch  .textboxlist {*/
/*font: 11px "Lucida Grande", Verdana;*/
/*cursor: text;*/
/*width:100%;*/
/*}*/

/*.Forminputsearch  .textboxlist-bits {*/
/*zoom: 1;*/
/*overflow: hidden;*/
/*margin: 0;*/
/*padding: 3px 4px 0;*/
/*border: 1px solid #999;*/
/*border:1px solid #D6D6D6;*/
/*min-height: 23px;*/
/*-moz-border-radius:3px;*/
/*border-radius:3px;*/
/*background-color: white;*/
/*}*/


/*.Forminputsearch  .textboxlist-bit {*/
/*list-style-type: none;*/
/*float: left;*/
/*display: block;*/
/*padding: 0;*/
/*margin: 0 5px 3px 0;*/
/*cursor: default;*/
/*}*/



/*.Forminputsearch  .textboxlist-bit-box {*/
/*position: relative;*/
/*line-height: 18px;*/
/*padding: 0 5px;*/
/*border: 1px solid #B2FCA1;*/
/*background: #EBFAE7;*/
/*cursor: default;*/

/*border-radius: 9px;*/
/*border: 1px solid #DEE7F8;*/
/*background: #DEE7F8;*/
/*}*/


/*.Forminputsearch .textboxlist-bit-box-deletable {*/
/*padding-right: 15px;*/
/*}*/

/*.Forminputsearch .textboxlist-bit-box-focus {*/
/*color: black;*/
/*}*/

/*.Forminputsearch .textboxlist-autocomplete-result-focus{*/
/*background:none repeat scroll 0 0 #EBFAE7;*/
/*}*/




/* ============================================================================================================ */
/* Forminputtext
/* ============================================================================================================ */

.viewpane{
    height: 100%;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.Forminputtext.view{
    min-height: 20px;
}

.Forminputtextmarkdown.view{
    min-height: 20px;
}

.Emailform .editorcontainer{
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.Emailform .Forminputtextmarkdown .whiteworksmarkup_editor{
    width: 98%;
}

.Emailform .Forminputtextmarkdown{
    width: 98%;
}

.Emailform .fullscreen .editorcontainer{
    width: auto;
    position: initial;
}

.Emailform .editorcontainer textarea{
    width: 100%;
    height: 175px;
}

.Forminputtextmarkdown .fullscreenbuttonnew{
    /*width: 100px;*/
    /*height: 100px;*/
    /*background-color: red;*/
    position: absolute;
    top: 0px;
    right: -10px;
    width: 20px;
    height: 60px;
    overflow: hidden;
    background-size: 20px 60px;
    background-image: url('../../assets/images/markdownfullscreen.png');
    cursor: pointer;
    border: 1px solid #D6D6D6;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: white;
    opacity: 0.6;
}

.Emailform .fullscreenbuttonnew{
    right: 0px;
}

.Forminputtextmarkdown .buttonbarcontainer{
    width: 100%;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid #D6D6D6;
    border-top:0px;
    box-sizing: border-box;
}

.Forminputtextmarkdown .buttonbar{
    opacity: 0.5;
    background-color: transparent;

    transition: 0.3s;
}

.Forminputtextmarkdown .buttonbar.enabled{
    opacity: 1;
    background-color: white;

    transition: 0.3s;
}

.Forminputtextmarkdown .buttonbar .button.disabled{
    opacity: 0.1;
    pointer-events: none;
    cursor: none;
}

.Forminputtextmarkdown .fullscreenbuttonnew a{
    font-size: smaller;
}

.Forminputtextmarkdown.fullscreen .fullscreenbuttonnew{
    display:none;
}

.Forminputtextmarkdown.fullscreen{
    position: fixed;
    background-color: rgba(0,0,0,.5);
    z-index: 10;
    width: 100%;
    height: 100%;
    margin: 0px auto;
    top: 0px;
    left: 0px;

    text-align: center;
    padding-top: 40px;
}

.Forminputtextmarkdown.fullscreen .subdiv{
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 5px;
    /*float: left;*/
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    text-align: left;
}

.Forminputtextmarkdown.fullscreen .editorcontainer{
    background-color: white;
    float: left;
    margin-top: 18px;
}

.Forminputtextmarkdown .buttonbar .spacer{
    display: inline-block;
    width: 20px;
}

.Forminputtextmarkdown.fullscreen .whiteworksmarkup_editor{
    width: 800px;
    height: 500px !important;
}

.Forminputtextmarkdown.fullscreen .markdownpreviewcontainer{
    width: 600px;
    float: left;
    margin-top: 30px;
    padding-left: 4px;
    box-sizing: border-box;
}

.markdownpreviewcontainer {
    background-color: transparent;
    /*font-family: sans-serif;*/
    font-size: 12px;
}

.Forminputtextmarkdown.fullscreen .markdown_preview {
    background-color: #f0f0f0;
    height: 600px;
}

.Forminputtextmarkdown.fullscreen textarea{
    height: 600px !important;
    width: 600px !important;
}

.Forminputtextmarkdown.fullscreen .closefullscreenlink{
    font-size: 12px;
    float: right;
    position: absolute;
    right: 15px;
    top: 10px;
}

.Forminputtextmarkdown.fullscreen .showpreviewlink{
    display: none;
}

.Forminputtextmarkdown.fullscreen .hidepreviewlink{
    display: none;
}


/* ============================================================================================================ */
/* Forminputyesno
/* ============================================================================================================ */







/* ============================================================================================================ */
/* Forminputyesunknown
/* ============================================================================================================ */


.Forminputyesnounknown select{
    -moz-border-radius:3px;
    border-radius:3px;
    padding:4px;
    border:1px solid #D6D6D6;
    width: 100%;
}





/* ============================================================================================================ */
/* Grid
/* ============================================================================================================ */


.Gridcontainer{
    /*border: 3px dotted purple;*/
    clear: left;
    position: relative;
}

.Gridcontainer .Gridsearchbox{
    position: absolute;
    right: 0px;
}

.Gridcontainer .Gridexport{
    position: absolute;
    right: 200px;
}

.Grid menu{
    display:none;
}

.Grid .contextmenu{
    display: none;
}


/* GRID.table */

table.wwgrid{
    border-spacing: 0;
    width: 100%;
    font-variant-numeric: lining-nums tabular-nums;
}

.breakwhentoolong{
    word-break: break-all; /*#15451 lange linkjes in gridcolumn geforceerd afbreken*!*/
}

table.wwgrid.autowidth{
    table-layout: auto;
}

.Tab > .Grid:first-child{ /*grids direct onder een tab moeten een pixeltje hoger*/
    margin-top: -10px;
}

.Tab > .Gridcontainer:first-child{ /*grids direct onder een tab moeten een pixeltje hoger*/
    margin-top: -10px;
}

.Tab > .Plusbuttongrid:first-child{ /*grids direct onder een tab moeten een pixeltje hoger*/
    margin-top: -10px;
}

.Tab > .Plusbuttongridcollapsible:first-child{ /*grids direct onder een tab moeten een pixeltje hoger*/
    margin-top: -10px;
}

.Tab div.Gridcontainer:first-child table.wwgrid th{
    border-top: 0px solid white;
}
.Tab div.Plusbuttongrid:first-child table.wwgrid th{
    border-top: 0px solid white;
}

.Forminputtext.n23468n{
    width: 410px;
}

/* GRID.table header */



table.wwgrid th.clickableheader{
    cursor: pointer;
}

table.wwgrid thead{
    padding:8px 6px 10px;
    padding-left:16px;
    color:#636B75;
    font-size:12px;
    font-weight:700;
    line-height:15px;
    text-align:left;

    border:1px solid #e5e5e5;

    background: -moz-linear-gradient(90deg, #ededed, white);
    background: -o-linear-gradient(white, #ededed);
    background: -ms-linear-gradient(white, #ededed);
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ededed));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='white', EndColorStr='#ededed')";

    background-color: #EDEDED;
    background-repeat: repeat-x;

    white-space: nowrap;
}



table.wwgrid thead a{
    text-decoration: none;
    color:inherit;
    font-weight: bold;
}


table.wwgrid th{
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
    padding-left: 15px;
}

table.wwgrid th:first-child{
    border-left: 1px solid #E9E9E9;
    border-top-left-radius: 3px;
}

table.wwgrid th:last-child{
    border-right: 1px solid #E9E9E9;
    border-top-right-radius: 3px;
}

/* GRID.table body */

/*.Grid tr:hover td {*/
/*background: transparent;*/
/*}*/

table.wwgrid tr.editingrow{
    background-color: #feffe0 !important;
}

table.wwgrid tr.selected{
    background-color:#FFFBD4;
}

table.wwgrid td .deletelinktdinnercontents{
    float: left;
    width: 50px;
}

table.wwgrid .checkboxtd{
    padding-left:3px;
    padding-right:3px;
    text-align: right;
    width: 75px;
}

table.wwgrid .nodatafoundtable{
    text-align: center;
    color: grey;
}

table.wwgrid td{
    border-bottom: 1px solid #E9E9E9;
    color:#4C4C4C;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left:15px;
    /*word-wrap: break-word;*/
    overflow: hidden;
}

.columnwidth_checkboxtd{
    width: 75px;
    padding-left:0px;
    padding-right:0px;
    text-align: right;
}

.columnwidth_checkboxtd_small{
    width: 15px;
}

.columnwidth_rapportage_omzet{
    width: 80px;
}

.columnwidth_rapportage_omzetlabel{
    width: 300px;
}


.Grid th.columnwidth_checkboxtd input{
    float: right;
    margin-right:7px;
}

.Grid td.columnwidth_checkboxtd input{
    float: right;
    margin-right:7px;
}

.columnwidth_typelabel{
    width: 70px;
}

.columnwidth_faseslider{
    width: 80px;
}

.n27620n .columnwidth_faseslider{
    width: 110px;
}

.widget_inner .columnwidth_faseslider{
    width: 130px;
}



.z21{
    z-index: 21 !important;
}

.Blockpopup table.wwgrid td{
    padding-top: 6px;
    padding-bottom: 6px;
}

.Blockpopup table.wwgrid tr{
    height: 40px;
}

table.wwgrid td .deletelink{
    font-size: 11px;
    color:#b8b8b8;
    float:right;
}

table.wwgrid td .deletelink:hover{
    color: gray;
}

table.wwgrid tbody tr{
    height: 60px;
    font-size: 12px;
}

table.wwgrid thead tr{
    height: 35px;
    font-size: 12px;
}

/* GRID.table footer */

table.wwgrid.tablefooter select{
    /*margin-top: -1px;*/
    max-width: 150px;
}

table.wwgrid tfoot{
    color:#8D9095;
    font-size:11px;
    padding:8px 6px 10px;
    padding-left:16px;
    line-height:15px;
    text-align:left;

    border:1px solid #e5e5e5;

    background: -moz-linear-gradient(90deg, #ededed, white);
    background: -o-linear-gradient(white, #ededed);
    background: -ms-linear-gradient(white, #ededed);
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ededed));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='white', EndColorStr='#ededed')";

    background-color: #EDEDED;
    background-repeat: repeat-x;
    /*margin-top: -1px;*/
}

table.wwgrid tfoot tr{
    /*margin-top: -1px;*/
    height: 50px;
}

table.wwgrid tfoot td{
    /*border-top: 1px solid #E9E9E9;*/
    border-bottom: 1px solid #E9E9E9;
}

table.wwgrid tfoot td:first-child{
    border-left: 1px solid #E9E9E9;
    border-bottom-left-radius: 3px;
}

table.wwgrid tfoot td:last-child{
    border-right: 1px solid #E9E9E9;
    border-bottom-right-radius: 3px;
    text-align:right;
    padding-right: 10px;
}

table.wwgrid tr:last-child td{
    /*border-bottom: 0px;*/
}

table.wwgrid tfoot .arrow{
    float: right;
    font-size: 20px;
    padding-left: 7px;
    padding-right: 7px;
}

table.wwgrid tfoot .actionselect{
    width: 150px;
    float: right;
    /*opacity: 1;*/
}

table.wwgrid tfoot .selectioninfocontainer{
    float: right;
    display: block;
    line-height: 25px;
    padding-right: 5px;
}

table.wwgrid tfoot a{
    /*color: inherit;*/
    text-decoration: none;
}

table.wwgrid .paginationcontainer{
    margin-left: 10px;
}

table.wwgrid .paginationcontainer a{
    color: grey;
}

table.wwgrid .gridoptionscontainer a{
    color: grey;
}

table.wwgrid .paginationlink{
    /* border: 1px solid gray; */
    padding: 4px;
    margin-right: 5px;
    color: var(--primary);
    background-color: #E4E4E4;
}

table.wwgrid .paginationlink.selected{
    background-color: white;
    color: black;
    border: 1px solid grey;
}



.Url{
    float:right;
    font-size: smaller;
}


/* ============================================================================================================ */
/* Gridaddoncontainer
/* ============================================================================================================ */

.Gridaddoncontainer{
    width: 100%;
    min-height: 52px;
    margin-bottom: -1px;
    overflow:hidden;
    clear:left;
}





/* ============================================================================================================ */
/* Gridcolumncolor
/* ============================================================================================================ */






/* ============================================================================================================ */
/* Gridcolumndate
/* ============================================================================================================ */


.Gridcolumndate {
    white-space: nowrap;
}



/* ============================================================================================================ */
/* Gridcolumndatetime
/* ============================================================================================================ */


.Gridcolumndatetime {
    white-space: nowrap;
}




/* ============================================================================================================ */
/* Gridcolumnfilemultiple
/* ============================================================================================================ */


.Gridcolumnfilemultiple ul{
    padding-left: 0px;
}


/* ============================================================================================================ */
/* Gridcolumnfloat ->todo: generieker naar Number (alle numbers zijn rechts uitgelijnt door het hele systeem.
/* ============================================================================================================ */

td.Gridcolumnfloat{
    text-align: right;
}

th.Gridcolumnfloat{
    text-align: right;

}

td.Gridcolumnpercentage{
    text-align: right;
}

th.Gridcolumnpercentage{
    text-align: right;

}



/* ============================================================================================================ */
/* Gridcolumnimage
/* ============================================================================================================ */

.Gridcolumnimage img{
    margin-top: 5px;
    border-radius: 24px;
    border: 2px solid #E0E0E0;
    background-color:white;
}



/* ============================================================================================================ */
/* Gridcolumnlinkform
/* ============================================================================================================ */


.Gridcolumnlinkform ul {
    list-style-type: none;
    padding-left: 0px;
}

/* ============================================================================================================ */
/* Gridcolumnmoney->todo: generieker naar Number (alle numbers zijn rechts uitgelijnt door het hele systeem.
/* ============================================================================================================ */


td.Gridcolumnmoney{
    text-align: right;
    white-space: nowrap;
}

th.Gridcolumnmoney{
    text-align: right;
}

.Gridcolumnmoney .positive{
    color: black;
}


/* ============================================================================================================ */
/* Gridcolumntext
/* ============================================================================================================ */


td.Gridcolumntext{
    white-space: pre-wrap;
}





/* ============================================================================================================ */
/* Gridexport
/* ============================================================================================================ */

.Gridexport{
    float: right;
    margin-top: 4px;
    margin-right:15px;
}


.Gridexport .popuplink{
    font-size:smaller;
}







/* ============================================================================================================ */
/* Gridpreset
/* ============================================================================================================ */


.Gridpreset{
    display: inline-block;

    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;

    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

    border-color: #E5E5E5 #E5E5E5 white;
    border-style:solid;
    border-width:1px;

    font-size:16px;
    font-weight:700;

    line-height:16px;
    padding:5px 7px;
    text-decoration: none;
    height:40px;

    margin-right: -1px;

    float: left;

    background-color: white;
    z-index:-1;
}

.Gridpreset.inactive{
    color:#C0C0C1;
    font-weight:700;
    background: -moz-linear-gradient(90deg, #efefef, #FFFFFF);
    background: -o-linear-gradient(#FFFFFF, #efefef);
    background: -ms-linear-gradient(#FFFFFF, #efefef);
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#efefef')";*/
    /*  background: -webkit-gradient(linear, 0% 85%, 0% 100%, from(#FFFFFF), to(#cecece));*/

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EFEFEF));
    border-bottom: 1px solid #E5E5E5;
}

.Gridpreset .title{
    font-size: 11px;
    color: #252525;
}

.Gridpreset.inactive .title{
    color: grey;
}

.Gridpreset .count{
    line-height: 20px;
    font-size: 25px;
    color: #959595;
    font-weight: bold;
}

.Gridpreset.separated{
    margin-left: 15px;
}



/*timeline presets */

.Gridpresettimeline{
    display: inline-block;
    padding:1px 6px;
    float: left;
    background: var(--primary);
    border-radius: 4px;
    z-index:-1;
    color:white !important;
    text-decoration: none;
    margin-top: 10px;
}

.Gridpresettimeline.inactive{
    background: white;
    color: black !important;

}

.Gridpresettimeline .title{
    font-size: 11px;
}

.Gridpresettimeline.inactive .title{
    color: black;
}

.Gridpresettimeline .count{
    display: none;
}



/* ============================================================================================================ */
/* Forminputs
/* ============================================================================================================ */


.Forminputchecklist{

}

.Forminputchecklist ul{
    list-style-type: none;
    padding-left: 0px;
    margin-left: 0px;
}

.Forminputchecklist li input{
    width: auto;
}

.Forminputchecklist .actioncontainer a{
    font-size: smaller;
    color: grey !important;
    margin-left: 5px;
}


.Forminputcolor{
    width: 130px;
}

.Forminputdate{
    width: 90px;
}

.Forminputdatetime{
    width: 120px;
}

.Forminputdropdown{
    /*width: 140px;*/
}

.Forminputemail{
    width: 200px;
}

.Forminputemail a{
    display: inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
}

.Forminputemailmultiple{
    width: 200px;
    overflow:hidden;
    text-overflow:ellipsis;
}

.Forminputemailmultiple .emaillinkcontainer{
    overflow: hidden;
}

.Forminputemailmultiple a{
    display: block
}

.Forminputfile img{
    width: 96px;
    height: 96px;
    border-radius: 48px;
    border: 2px solid #E0E0E0;
}

.Forminputfilemultiple{

}

.Forminputfloat{
    width: 85px;
}

.Forminputint{
    width: 85px;
}

.Forminputmoney{
    width: 100px;
}

.Forminputpassword{
    width: 150px;
}

input[type=password]{
    -webkit-appearence: caps-lock-indicator;
}


.Forminputpassword .second{
    margin-top: 10px;
}

.Forminputpercentage{
    width: 75px;
}

.Forminputradiobutton{

}



.Forminputstreetnumber{
    width: 80px;
}

.Forminputstring{
    width: 140px;
}

.Forminputtelephone{
    width: 120px;
}

.Forminputtelephone a{
    display: inline-block
}

.Forminputtext{
    width: 540px;
    /*width: 100%;*/
}

.Forminputtextmarkdown.view .markdownpreviewcontainer.viewpane{
    background-color: #f9f9f9;
    padding: 5px !important;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    width: 540px;
}

.Forminputtextmarkdown .whiteworksmarkup_editor{
    /*width: 540px;*/
    min-height:80px;
    max-height: 500px;
    background-color: white;
    padding: 5px !important;
    border: 1px solid #D6D6D6;
    box-sizing: border-box;
    border-radius: 3px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    font-size: 12px;
    color: #333;
    line-height: 1.5;
    overflow-y: auto;
    outline: none;
    white-space: pre-wrap;
}

.Forminputtextmarkdown.fullscreen .whiteworksmarkup_editor{
    /*eventueel nog instellen als we een andere max height willen in-page dan in popup. */
}

.Forminputtextmarkdown{
    width: 540px;
    /*width: 100%;*/
    position:relative;
}

textarea{
    box-sizing: border-box;
    border-radius:3px;
    border:1px solid #D6D6D6;
    padding:5px !important;
    resize: vertical;
    /*font-family:Helvetica,Arial,sans-serif;*/
    font-size:12px;
    color:#333;
    background-color:#fff;
    line-height:1.5;
}

.Forminputtext textarea {
    width: 100%;
    height: 80px;
}

.Forminputtextmarkdown textarea {
    width: 100%;
    height: 80px;
}

.Googlemaps{
    clear: left;
}

.Forminputgroup .Forminputtext {
    width: 600px;
}

.Forminputgroup .Forminputtextmarkdown {
    width: 600px;
}

.Forminputgroup .Forminputtext .viewpane{
    width: 600px;
}

.Forminputgroup .Forminputtextmarkdown .viewpane{
    width: 600px;
}

.Blockpopup .Forminputgroup .Forminputtext{
    width: 370px;
}

.Blockpopup .Forminputgroup .Forminputtextmarkdown{
    width: 370px;
}

.Forminputtime{
    width: 65px;
}

.Forminputurl{
    width: 200px;
}

.Forminputurl a{
    display: inline-block
}

.Forminputyesno{

}

.Forminputyesnounknown{

}

.Forminputzipcode{
    width: 80px;
}



.inputwidth_50{
    width: 50px;
}

.inputwidth_60{
    width: 60px;
}


.inputwidth_75{
    width: 75px;
}

.inputwidth_100{
    width: 100px;
}

.inputwidth_130{
    width: 130px;
}

.inputwidth_150{
    width: 150px;
}

.inputwidth_200{
    width: 200px;
}

.inputwidth_250{
    width: 250px;
}

.inputwidth_300{
    width: 300px;
}

.inputwidth_350{
    width: 300px;
}

.inputwidth_400{
    width: 400px;
}

.inputwidth_500{
    width: 500px;
}

.inputwidth_600{
    width: 600px;
}



/* ============================================================================================================ */
/* Gridrowform
/* ============================================================================================================ */

.Gridrowform h3{
    color:#1B57AA;
    font-size:14px;
    font-weight: 700;
    margin-top:0;
}

.Gridrowform{
    /* background: none repeat scroll 0 0 #e5ffe1;*/
    background: none repeat scroll 0 0 #DEE7F8;

    -webkit-transition: background 0.5s linear;
    -moz-transition: background 0.5s linear;
    -ms-transition: background 0.5s linear;
    -o-transition: background 0.5s linear;
    transition: background 0.5s linear;

    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webit-border-bottom-right-radius: 4px;
    -webit-border-bottom-left-radius: 4px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding:10px;
    margin-bottom:10px;
    float:left;
    margin-top:-20px;
    margin-bottom: 20px;
}






.Plusbuttongrid .Gridrowform {
    margin-top: 0px;
}

.Plusbuttongridcollapsible .Gridrowform{
    margin-top:0px;
}

.Gridrowform .button{
    margin-bottom:0px;
}

.Gridrowform .Forminputgroup{
    padding-bottom:0px;
}


.editmode {
    -webkit-transition: background 0.5s linear;
    -moz-transition: background 0.5s linear;
    -ms-transition: background 0.5s linear;
    -o-transition: background 0.5s linear;
    transition: background 0.5s linear;

    background-color: #fff1b7;
}






/* ============================================================================================================ */
/* Gridsearchbox
/* ============================================================================================================ */

.Gridsearchbox{
    float: right;
    margin-left:10px;
}

input[type=search] {
    border: 1px solid #B8B8B8;
    padding: 3px;
    border-radius: 3px;
    outline: 0;
}

.Gridsearchbox input{
    width: 200px;
    margin-top:2px;
}

.Gridsearchbox form{
    display: inline-block;
}

.Gridsearchboxhighlight{
    background-color: #FF9;
}


/*#currentsubpage *{*/
/*-webkit-transform: translate3d(0, 0, 0);*/
/*position: inherit !important;*/
/*}*/


/* ============================================================================================================ */
/* HeaderMain
/* ============================================================================================================ */

.HeaderMaincontainer{
    float: left;
    width: 100%;
    position: relative;
}

.HeaderMaincontainer .pretitleelement{
    float: left;
}

.HeaderMaincontainer .titleelement{
    float: left;

    max-width: 450px;
    white-space: nowrap;
    overflow: hidden;
}

.HeaderMaincontainer .posttitleelement{
    float: left;

    margin-left: 5px;
    margin-right: 5px;

    max-width: 350px;
    white-space: nowrap;
    overflow: hidden;
}

.Blockpopup .HeaderMaincontainer{
    width: auto;
}

.HeaderMain{
    font-size: 20px;
    padding-bottom:16px;
    float:left;
}

.Header1{
    font-size: 20px;
    padding-bottom:16px;
    float:left;
}

.HeaderMaincontainer .posttitle{
    line-height: 32px;
    font-size: 15px;
    color: grey;
}



.HeaderMaincontainer .filterlink{
    font-size: 11px;
    margin-left: 6px;
    line-height: 30px;
}




.Header1container .posttitleelement{
    float: left;

    margin-left: 5px;
    margin-right: 5px;

    max-width: 350px;
    white-space: nowrap;
    overflow: hidden;
}

.Header1container .posttitle{
    line-height: 32px;
    font-size: 15px;
    color: grey;
}


/* ============================================================================================================ */
/* Header2
/* ============================================================================================================ */


.Header2{
    font-size: 17px;
    padding-top: 15px;
    clear:left;
    margin-bottom: 10px;
}



/* ============================================================================================================ */
/* Header3
/* ============================================================================================================ */


.Header3{
    font-size: 17px;
    padding-top: 15px;
    clear:left;
    margin-bottom: 10px;
}




/* ============================================================================================================ */
/* Highcharts_columnchart
/* ============================================================================================================ */



.Highcharts_columnchart{
    min-width: 10px;
    min-height: 10px;
    padding: 10px;
    margin-bottom: 30px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #f0f0f0;
}
.Highcharts_columnchart .chartContainer {
    width: 100%;
    height: 100%;
}

/* ============================================================================================================ */
/* Highcharts_linechart
/* ============================================================================================================ */



.Highcharts_linechart{
    min-width: 10px;
    min-height: 10px;
    padding: 10px;
    margin-bottom: 30px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #f0f0f0;
}
.Highcharts_linechart .chartContainer {
    width: 100%;
    height: 100%;
}

/* ============================================================================================================ */
/* Highcharts_piechart
/* ============================================================================================================ */


.Highcharts_piechart{
    min-width: 10px;
    min-height: 10px;
    padding: 10px;
    margin-bottom: 30px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #f0f0f0;
}
.Highcharts_piechart .chartContainer {
    width: 100%;
    height: 100%;
}

.widget .Highcharts_piechart{
    background-color: transparent;
}





/* ============================================================================================================ */
/* Historyinfo
/* ============================================================================================================ */


.Historyinfo .boxonpage{
    clear:left;
    text-align: right;
    margin-top: 30px;
    float: right;
    font-size: 11px;
    color: grey;
}

.Historyinfo td{
    text-align: left;
}


.historyinnertable tr{
    height: auto;
}

.historyinnertable tr.even{
    background-color: #FFF9DA
}

.historyinnertable tr.odd{
    background-color: #FDF5C7
}

del{
    background-color: #FFD8D8;
    text-decoration: line-through;
}

ins{
    background-color: #E4FFCB;
    text-decoration: underline;
}



/* ============================================================================================================ */
/* Html
/* ============================================================================================================ */


.Html{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    clear: left; /*toegevoegd omdat dit meestal nodig is. O.a. voor rapportage*/
}





/* ============================================================================================================ */
/* Linkform
/* ============================================================================================================ */



.Linkform{
    float: left;
    margin-bottom:20px;
}

.Linkform ul.first {
    list-style-type: none;
    padding-left: 0px;
}

.Linkform ul,
.Linkform li {
    list-style-type: none;
}

/*.Linkform td{*/
/*border: 0px;*/
/*padding: 0px;*/
/*}*/

.linkformcheckbox{
    vertical-align: top
}

.Linkform input{
    width: auto !important;

}






/* ============================================================================================================ */
/* Onetimeinfo
/* ============================================================================================================ */


.Onetimeinfo .yellowbox{
    width: 100%;
    background-color: #FDFFCF;
    border: 2px solid #FFF391;
    padding: 15px;
    border-radius:4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 15px;
    clear:left;
    margin-top:20px;

}

.Onetimeinfo .Header3{
    padding-top: 0px;
}

.Onetimeinfo .closelink{
    font-size: smaller;
}




/* ============================================================================================================ */
/* Page
/* ============================================================================================================ */


.pagedropdown .pagelink{ /*todo: hier is bovenaan ook al iets van gedefinieerd */
    float: none;
    display: block !important;
    color: black !important;
}

.pagedropdown a{
    color: black !important;
    font-weight: normal;
}


/* ============================================================================================================ */
/* Plusbuttonform
/* ============================================================================================================ */


.Plusbuttonform hr{
    clear: left;
    border: 0px;

    /*
        background-color: #C8C8C8;
        height: 1px;
    */

    height: 6px;
    margin-left: -10px;
    margin-right: -10px;
    background-color: white;
}

.Plusbuttonform  a.deletelink{
    font-size: smaller;
    color: grey;
    float:right;
}

.plusbuttonformfooter{
    width: 100%;
    clear: left;
}

.Buttoncancelgridrowform{
    float: right;
    margin-left: 10px;
}



/* ============================================================================================================ */
/* Plusbuttongrid  -> todo: mergen met grid
/* ============================================================================================================ */


.Plusbuttongrid{
    width: 100%;
    background-color: white;
    clear: left;
    margin-bottom: 20px;
}

.Plusbuttongridcollapsible{
    width: 100%;
    background-color: white;
    clear: left;
    margin-bottom: 20px;
}

.Plusbuttongrid tr{
    height: 50px;
    font-size: 12px;
}

.Plusbuttongridcollapsible tr{
    height: 50px;
    font-size: 12px;
}

.Plusbuttongrid  td{
    border-bottom: 1px solid #E9E9E9;
    color:#4C4C4C;
    padding-left: 6px;
    /*padding-right: 6px;*/
    padding-left:15px;
}

.Plusbuttongridcollapsible  td{
    border-bottom: 1px solid #E9E9E9;
    color:#4C4C4C;
    padding-left: 6px;
    /*padding-right: 6px;*/
    padding-left:15px;
}

.grippy{
    /*opacity: 1 !important;*/
    width: 10px;
    height: 27px;
    float: right;
    background-image: url('../../assets/images/grip.png');
    background-repeat: no-repeat;
    margin: 5px;
    cursor: move;
}


/* ============================================================================================================ */
/* Subpagelink
/* ============================================================================================================ */


.Subpagelink{
    border-left:1px solid #E5E5E5;
    clear:both;
    padding-bottom:15px;
    padding-left:25px;
    padding-top:15px;
    position: relative;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.Subpagelink.active{
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topright:4px;

    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;

    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;

    border-color:#E5E5E5 #E5E5E5 #E5E5E5 white;
    border-style:solid;
    border-width:1px;
}

.Subpagelink.inactive{
    color: gray;
}

/* ============================================================================================================ */
/* Subpagelinkcontainer
/* ============================================================================================================ */

.Subpagelinkcontainer{
    width:100%;
    margin-bottom:30px;
}

.Subpagelinkcontainer .title{
    font-size: 17px;
    padding-left: 25px;
    padding-bottom: 10px;
    font-weight: bold;
}



/* ============================================================================================================ */
/* Tab
/* ============================================================================================================ */


.Tab{
    clear: left;
    /*overflow: hidden;*/
    padding-top: 10px;
}


/* ============================================================================================================ */
/* Tabcontainer
/* ============================================================================================================ */




.Tabcontainer{
    width: 100%;
    /* border-bottom: 1px solid #E5E5E5; */
    /* height: 30px; */
    margin-bottom:10px;
    clear:left;
}


.Blockpopup .Tabcontainer{
    clear:left;
}

.TabcontainerTab{
    float:left;
    line-height:30px;
    padding-left:10px;
    padding-right:10px;
    cursor:pointer;
    border: 1px solid white;
    border-bottom: #E5E5E5;
}

.tabcontentcontainer{
    border-top: 1px solid #E5E5E5;
}

.TabcontainerTab.active{
    background-color: white;
    border-top: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid white;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.TabcontainerTab.error{
    border-bottom: 1px dashed #dc270c;
}

.TabcontainerTab.active.error{
    border-bottom: 1px solid transparent;
}

.TabcontainerTab.tabhandle.right{
    float: right;
    padding-right: 0px;
    margin-right:0px;
}

.TabcontainerTab.tabhandle.right input{
    margin-right:0px;
}

.TabcontainerBegin{
    width: 20px;
    height: 30px;
    float:left;
    /*border-bottom: 1px solid #E5E5E5;*/
}




.tabhandlecontainer{
    /*border-bottom: 1px solid #E5E5E5;*/
    /*height: 31px;*/
    /*clear: left;*/
    margin-bottom: -1px;
    overflow: hidden;
}

.Blockpopup .tabhandlecontainer{
    clear: none;
}






/* ============================================================================================================ */
/* Tasklink
/* ============================================================================================================ */

.Tasklink{
    clear:both;
    padding-bottom:25px;
    /*padding-right: 10px;*/
    /*padding-left:25px;*/
    /*padding-top:15px;*/
}

.Tasklinkcontainer .Buttonadd{
    margin-bottom:25px;
}

.Tasklinkcontainer .Tasklink .Buttonadd{
    margin-bottom: 0px;
}

.Tasklinkcontainer .Tasklink:last-child{
    /*padding-bottom:0px*/
}

/* ============================================================================================================ */
/* Tasklinkcontainer
/* ============================================================================================================ */


.Blockpopup .Tasklinkcontainer{
    border: 0px;
    padding-left: 0px;
}

.Tasklinkcontainer{
    width:100%;
    margin-bottom:30px;
    border-left: 1px solid #E5E5E5;
    float:left;
    padding-left: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.Tasklinkcontainer .HeaderMain{
    /*padding-left:25px;*/
    padding-bottom:10px;
}



.Tasklinkcontainer table{
    /*padding-left: 10px;*/
}


/*.Tasklinkcontainer button{*/
/*float: left;*/
/*margin-left:25px;*/
/*clear:both;*/
/*}*/



/* ============================================================================================================ */
/* Tasklinkdownloaddocument
/* ============================================================================================================ */


.Tasklinkdownloaddocument{
    clear:both;
    padding-bottom:15px;
    /*padding-left:25px;*/
    padding-top:15px;
}

.downloaddisabled{
    color: grey;
    pointer: not-allowed !important;
}






/* ============================================================================================================ */
/* Timeline
/* ============================================================================================================ */



.Timeline{
    width: 100%;
    background-color: white;
    clear: left;

    margin-bottom: 20px;
}




.timelinerow_message{
    /*border-radius: 10px;*/
    padding:10px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom:10px;
    white-space: pre-wrap;

    border-bottom: 1px solid #E5E5E5;

}

.timelinerow_message .foto_div img{
    border-radius: 100px;
    border: 1px solid #E0E0E0;
    width: 28px;
    height: 28px;
}

.timelinerow_usermessage{
    /*background-color: #DEE7F8;*/
    /*border: 1px solid #DEE7F8;*/
    border-left: 5px solid var(--primary);
}

.timelinerow_sentemailmessage{
    /*background-color: #FDFFCF;*/
    /*border: 1px solid #FDFFCF;*/
    border-left: 5px solid var(--primary);
}

.timelinerow_receivedemailmessage{
    /*background-color: #DEE7F8;*/
    /*border: 1px solid #DEE7F8;*/
    border-left: 5px solid #dc270c;
}

.timelinerow_systemmessage{
    /*background-color: #FFEFD1;*/
    /*border: 1px solid #FFEFD1 ;*/
    border-left: 5px solid orange;
}

.timelinerow_signedoffermessage{
    border-left: 5px solid yellowgreen;
}

.timelinerow_declinedoffermessage{
    border-left: 5px solid purple;
}

.timelinerow_message{
    position: relative;
    overflow: hidden;
}

.timelinerow_message_overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: blue;
    cursor: pointer;
    top: 0px;
    left: 0px;

    /*background: -moz-linear-gradient(top,  rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%); *//* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); *//* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); *//* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top,  rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); *//* Opera 11.10+ */
    /*background: -ms-linear-gradient(top,  rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); *//* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); /* W3C */
}

.timelinerow_message td{
    vertical-align: top;
    border:0px;
    padding-left:0px;
}


.timelinerow_message .left_div{
    float: left;
    width: 30px;
    overflow: hidden;
    margin-right: 10px;
    min-height: 30px;
}
.timelinerow_message .center_div{
    /*float: left;*/
    margin-left: 40px;
    margin-right: 60px;
}
.timelinerow_message .right_div{
    float: right;
    text-align: right;
}
/*.timelinerow_message .bestanden_label{*/
/*font-size: smaller;*/
/*color: grey;*/
/*text-align: left;*/
/*}*/
.timelinerow_message ul{
    padding-left: 0px;
    text-align: left;
}
.timelinerow_message .username_div{
    font-size: smaller;
    color: grey;
    text-align: center;
}
.timelinerow_message .foto_div{
    text-align: center;
}

.timelinerow_message .datum_div{
    font-size: smaller;
    color: grey;
}
.timelinerow_message .bericht_div{
    white-space: pre-wrap;
    word-wrap: break-word;
}

.Timeline.isediting .editlinks{
    display: none !important;
}

.timelinerow_message .editlinks{
    visibility: hidden;
    float: right;
    text-align: right;
}

.timelinerow_message:hover .editlinks{
    visibility: visible;
}

.timelinerow_message .editlinks a{
    color: grey;
    font-size: smaller;
}

.Timeline .Forminputcontainer{
    /*clear: none;*/
}



.Timeline .Gridrowform{
    width: 100%;
    background-color:#f0f0f0;
    box-sizing: border-box;
    padding-left:50px;
    padding-right:70px;
    border-radius: 4px;
    margin-bottom: 10px;
    margin-top: 0px;

}

.Timeline .Gridrowform .Forminput{
    padding-bottom: 10px;
}

.Timeline .Gridaddoncontainer {
    min-height: 0;
    overflow: auto;
    /*margin-top: 10px;*/
    margin-bottom: 10px;
}











/* ============================================================================================================ */
/* LIB bootstrap-tagsinput
/* ============================================================================================================ */


.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #D6D6D6;
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 3px;
    width: 100%;
    /*line-height: 22px;*/
    box-sizing: border-box;
}
.bootstrap-tagsinput input {
    border: none !important;
    box-shadow: none;
    outline: none;
    background-color: white !important;
    padding: 0 !important;
    margin: 0;
    width: auto !important;
    max-width: inherit;
}
.bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none;
    background: none;
    background-color: white;
}
.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white;
    background-color: cornflowerblue;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.bootstrap-tagsinput .label{
    display: inline-block;
    padding: 1px 6px;
    font-size: 11px;
    /*font-family: 'Lucida Grande', Verdana;*/
    /*font-weight: bold;*/
    line-height: 14px;
    color: #000;
    /*text-shadow: 0 -1px 0 rgba(0,0,0,0.25);*/
    /*white-space: nowrap;*/
    vertical-align: baseline;
    background-color: #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 4px;
    border-bottom: 1px solid white;
}
.bootstrap-tagsinput .label-info{
    background-color: #DEE7F8;
}

.bootstrap-tagsinput .label.abouttoberemoved{
    border: 1px dashed grey;
}

.bootstrap-tagsinput_resultcontainer{
    display: none;
    -webkit-box-shadow: 0px 5px 7px -2px #CECECE;
    background-color: white;
    border: 1px solid #D6D6D6;
    padding: 5px;
    position: absolute;
    left: 0px;
    min-width: 300px;
}

.bootstrap-tagsinput_resultcontainer .noresultsdiv{
    width: 100%;
    padding: 4px;
    box-sizing: border-box;
}

.bootstrap-tagsinput_resultcontainer .resultitem{
    cursor: pointer;
    width: 100%;
    padding: 4px;
    box-sizing: border-box;
}

.bootstrap-tagsinput_resultcontainer .resultitem.selected{
    background-color: #DEE7F8;
}

.bootstrap-tagsinput_searchresult_dummycontainer{
    clear: both;
    /*position: relative;*/
    position: absolute;
    z-index:10;
}


.n28229n tr.disabled div.changeopacity{
    opacity:.5;
}



/* ============================================================================================================ */
/* LIB datepicker
/* ============================================================================================================ */

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }

.pika-single.is-hidden {
    display: none;
}

.pika-single td.is-not-empty{
    background-color: #EEEEEE;
}
.pika-single td.is-empty{

}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: transparent;
}

.pika-single button{
    min-width: 0px;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
}







/* ============================================================================================================ */
/* LIB mbox
/* ============================================================================================================ */


.mBox{
    opacity: 0;
    visibility: hidden;
    z-index: 25;
    position: absolute;
}

.mBox.show{
    opacity: 1;
    visibility: visible;
}

.mBoxContainer{
    overflow: auto;
}


.mBox.Tooltip-Gripp{
    /*transition-property: opacity, visibility;*/
    /*transition-duration: .3s, 0s;*/
    /*transition-delay: 0s, .3s;*/
    width: 450px;
}


.mBox.Tooltip-Gripp a{
    color: white !important;
}

/* dark mbox */
.mBox.Tooltip-Gripp.show{
    opacity: .8;
    /*transition-property: visibility, opacity;*/
    /*transition-duration: 0s, .3s;*/
    /*transition-delay: 0s, 1s;*/
}
.mBox.Tooltip-Gripp {
    color: #fff;
}
.mBox.Tooltip-Gripp .mBoxContainer {
    padding: 10px;
    background-color: black;
    border-radius: 4px;
}

.mBox.Tooltip-Gripp .Title {
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #9FD4FF;
    padding: 8px 8px 4px;
}

.mBox.Tooltip-Gripp .Content {
    font-size: 11px;
    padding: 4px 8px 8px;
}



/* white mbox */

.mBox.Tooltip-Gripp_White {
    color: black;
    /*transition-property: opacity, visibility;*/
    /*transition-duration: .3s, 0s;*/
    /*transition-delay: 0s, .3s;*/
}
.mBox.Tooltip-Gripp_White.show{
    /*transition-property: visibility, opacity;*/
    /*transition-duration: 0s, .3s;*/
    /*transition-delay: 0s, 1s;*/
}
.mBox.Tooltip-Gripp_White .mBoxContainer {
    padding: 10px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 0 30px grey;
    -webkit-box-shadow: 0 0 30px grey;
    -moz-box-shadow: 0 0 30px grey;
}

.mBox.Tooltip-Gripp_White .Title {
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: black;
    padding: 8px 8px 4px;
}

.mBox.Tooltip-Gripp_White .Content {
    font-size: 11px;
    padding: 4px 8px 8px;
}




/* ============================================================================================================ */
/* timepicker
/* ============================================================================================================ */

.passwordmeter{
    position : relative;
    left : 0px;
    top : 0px;
    width : 100%;
    height : 5px;
    margin-top: -5px;
    opacity : 1;
    overflow : hidden;

    transition-property: opacity;
    transition: opacity 0.5s ease-in-out;
}

.passwordmeter .progressbar{
    width : 0%;
    height : 5px;

    transition-property: width;
    transition: width 0.5s ease-in-out;
}


/* ============================================================================================================ */
/* timepicker
/* ============================================================================================================ */



.ui-timepicker-wrapper {
    overflow-y: auto;
    height: 150px;
    width: 6.5em;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
    box-shadow:0 5px 10px rgba(0,0,0,0.2);
    outline: none;
    z-index: 10001;
    margin: 0;
    position: absolute;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
    width: 11em;
}

.ui-timepicker-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ui-timepicker-duration {
    margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
    color: #888;
}

.ui-timepicker-list li {
    padding: 3px 0 3px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    list-style: none;
    margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
    background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
    background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
    color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: #888;
    cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    background: #f2f2f2;
}




/* ============================================================================================================ */
/* slidercolumn
/* ============================================================================================================ */

.slidercolumn .outerdiv{
    width: 100%;
    border-radius: 3px;
    height: 10px;
    margin-bottom:3px;
    background-color: #DBDBDB;
    overflow: hidden;
}

.slidercolumn .innerdiv{
    height: 100%;
    float: left;
}




/* ============================================================================================================ */
/* dingen die onderaan moeten voor een natuurlijk overrule
/* ============================================================================================================ */

.negative{
    color: #FF0000 !important;
}














/* ============================================================================================================ */
/* urenform dag/week/lijst picker
/* ============================================================================================================ */

.n28303n {
    float: left;
}

.n28409n .onderschrift {
    font-size: small;
    color: grey;
}

.n28409n .linkje{
    font-size: small;
    padding-left: 10px;
}

.urenformdagweeklijstpicker .typebutton.active{
    background-color: #e0e0e0;
}

/*.urenformdagweeklijstpicker .typebutton.presentationmodetoggle{*/
/*width: 15px;*/
/*background-repeat: no-repeat;*/
/*background-image: url(../../assets/images/markdownbuttons.png);*/
/*background-size: 235px 20px; !*ivm retina*!*/
/*background-position: -200px 3px;*/
/*opacity: 0.6;*/
/*}*/

.typebutton{
    cursor: pointer;
    float: left;
    padding: 2px 5px 2px 5px ;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
}

.Buttonbar .Buttoncustom:last-child{
    margin-left: 0px;
}

.urenformdagweeklijstpicker .typebutton_container{
    margin-left: 15px;
    float: left;
}


.urenformdagweeklijstpicker .typebutton_container div{
    border-left: 0px;
}

.urenformdagweeklijstpicker .typebutton_container div:first-child{
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-left: 1px solid #dcdcdc;
}

.urenformdagweeklijstpicker .typebutton_container div:last-child{
    border-left: 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.urenformdagweeklijstpicker {
    float: right;
}


/* ============================================================================================================ */
/* bank
/* ============================================================================================================ */



.bankaccounts td{
    vertical-align: top;
}
.bankaccounts tr.subinforow{
    color: grey;
    height:50px;
    vertical-align: top;
}
.bankaccounts .bedrag{
    font-size: large;
    font-weight: bold;
    white-space: nowrap;
}



/* ============================================================================================================ */
/* urenform week
/* ============================================================================================================ */
#urenformweek .WarningPhone{
    display: none
}

.urenschrijfpopup .warning{
    width: 15px;
    height: 15px;
    background-image: url(../images/warn.png);
    background-size: 15px 15px;
}


#urenformweek .urenoverschreden{
    background-color: #c00 !important;
    font-weight: bold !important;
    color: white !important;
    border-radius: 4px;
    padding:2px;
    float: right;
}

#urenformweek .urenform{
    background-color: #DEE7F8; margin-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; width: auto;

}

#urenformweek .contractdag{
    background-color: rgba(0,0,0,0.02);
}

#urenformweek tr.selected{
    background-color: #FFFBD4;
}

#urenformweek .opdrachtrow{
    height: 20px;
    font-weight: bold;

}

#urenformweek .opdrachtrow td{
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #DEE7F8;
}

#urenformweek .onderdeelrow .statusbar{
    cursor: help;
    margin-top: 3px;
    width: 50px;
    height: 5px;
    border-radius: 3px;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow: hidden;'
}

#urenformweek .onderdeelrow .innerbar{
    float: left;
    height: 5px;
}

#urenformweek .onderdeelrow .omschrijving{
    margin-bottom: 6px;
}

#urenformweek .onderdeelrow .infodivtypeindicator{
    display: inline-block;
    margin-right: 5px;
    border-radius: 4px;
    width: 8px;
    height: 8px;
}

#urenformweek .onderdeelrow .pincontainer{
    width:20px;
    height: 20px;'
}

#urenformweek .onderdeelrow td{
    padding-top: 6px;
    padding-bottom: 6px;
}


#urenformweek .onderdeelrow .totaaldivnew{
    font-size: 11px;
    color: #8D9095;
    text-align: right;
    cursor: help;
}

#urenformweek .opdrachtrow a{
    color: #4C4C4C;
}

#urenformweek .OnderdeelrowcellPopupUurform{
    background-color: #f0f0f0;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
    min-height: 30px;
}

#urenformweek td.tabFooter{
    border-top: 0px;
    padding: 8px 6px 10px;
    color: #8D9095;
}

#urenformweek .OnderdeelrowcellPopupUurform:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 10px solid transparent;
    border-bottom-color: white;
    top: -18px;
    left: 10px;
}

#urenformweek .OnderdeelrowcellPopupUurform td{
    border-bottom: 0px;
    padding: 0px;
    vertical-align: top;
}

#urenformweek .OnderdeelrowcellPopupUurform tr{
    height: 30px;
}

#urenformweek .inputcell{
    width: 40px;
    border-radius: 3px;
    border: 1px solid rgb(214, 214, 214);
    padding: 2px;
    outline-width: 0;
}

#urenformweek .inputcell.draghover{
    background-color: #FFE2AD;
}

#urenformweek th{
    text-align: center;
}

#urenformweek .pin_image{
    cursor: pointer; width: 20px;
    opacity: 0.7;
}

#urenformweek .unpin_image{
    cursor: pointer; width: 20px;
    opacity: 0.7;
}

#urenformweek .stopwatch_stop_image{
    cursor: pointer; width: 20px;
}

#urenformweek .stopwatch_start_image{
    cursor: pointer; width: 20px;
    visibility: hidden;
}

#urenformweek .mouseovercolor .pin_image{
    visibility: visible;
}

#urenformweek .mouseovercolor .stopwatch_start_image{
    visibility: visible;
}


#urenformweek .popupcell{
    margin-top: 10px;
    width: 400px;
    position: absolute;
    background-color: white;
    border-radius: 4px;
    padding:15px;
    box-shadow: 0 0 30px grey;
    -webkit-box-shadow: 0 0 30px grey;
    z-index:24;
}




/* ============================================================================================================ */
/* urenformdag
/* ============================================================================================================ */

#urenformdag{
    clear: left;
    position: relative;
}

#urenformdag .urenform{
    background-color: #DEE7F8; margin-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; width: auto;
}

#urenformdag .editform{
    background-color: #FFF1B7; margin: 0px; border-radius: 0px; width: 100%;
}



#urenformdag .daypicker{
    height: 30px;
    position: absolute;
    right: 0px;
    margin-top: -31px;
}

#urenformdag td{
    padding-top: 8px;
    padding-bottom:8px;
}

#urenformdag  .mouseovercolor .deletelinktdinnercontents{
    visibility: visible !important;
}

#urenformdag  .daytab{
    height: 30px;
    line-height: 30px;
    padding-left: 7px;
    padding-right: 7px;
    border:1px solid rgba(0,0,0,0);
    float: left;
    cursor: pointer;
}

#urenformdag .daytab.selected{
    border: 1px solid #e5e5e5;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-color: white;
}

#urenformdag  tr.selected{
    background-color: #FFFBD4;
}

#urenformdag  td.tabFooter{
    border-top: 0px;
    padding: 8px 6px 10px;
    color: #8D9095;
}








/* ============================================================================================================ */
/* widgets team selector en open weken
/* ============================================================================================================ */
.widgetcontainer {
    width: 100%;
    height: auto;
    float: left;
    background-color: #f0f0f0;
    /*margin-top:10px;*/
    padding: 10px;
    border-radius: 4px;
}

.widgetcontainer ul{
    margin: 0px;
    padding: 0px;
}


.widget.is-dragging{
    z-index:10;
}

.Blockpopup .widget .handle{
    display: none;
}

.widget.block{
    display: inline-block;
    float: left;
    overflow: auto;
    box-sizing: border-box;
    border-radius: 4px;
    border: 5px solid #f0f0f0;
    padding: 8px;
    overflow: hidden;
}


.widget.block .title{
    color: grey;
    font-size: 15px;
    float: left;
}

.widget.block .handle{
    /*padding: 5px;*/
    /*margin-bottom: -1px;*/
    float: right;
    visibility: hidden;
    width: 10px;
    height: 20px;
    cursor: move;
    background-image: url('../../assets/images/grip.png');
    background-repeat: no-repeat;
}

.widget:hover .handle{
    visibility: visible;
}

.widget.block .content{
    border-radius: 4px;
    /*padding: 10px;*/
    /*overflow: auto;*/
    clear: left;
}


.widget.block_w1{
    /*background-color: var(--bg_orange);*/
    background-color: white;
    width: 300px;
}

.widget.block_w2{
    /*background-color: var(--bg_purple);*/
    background-color: white;
    width: 600px;
}

.widget.block_w3{
    /*background-color: yellowgreen;*/
    background-color: white;
    width: 900px;
    position: relative;
}

.widget.block_w4{
    /*background-color: yellowgreen;*/
    background-color: white;
    width: 450px;
}

.widget.block_h1{
    height: 150px;
}

.widget.block_h2{
    height: 300px;
}

.widget.block_h3{
    height: 200px;
}

.widget.block_h4{
    height: 250px;
}

.widget.block_h5{
    height: 300px;
}

.widget table{
    font-size: 11px;
}


.n8n{
    width: 100%;
    padding-right: 0px;
}



.widget td {
    border-bottom: 1px solid #e9e9e9;
}


.widget tr:last-child td {
    border-bottom: 0px;
}




/* ============================================================================================================ */
/* urenform team selector en open weken
/* ============================================================================================================ */


.team input{
    width: 100%;
}

.team .paginator{
    text-align: center;
}

.team .paginator .diabled{
    opacity: .5;
}

.medewerkerdiv .onhovervisible{
    visibility: hidden;
}

.medewerkerdiv:hover .onhovervisible{
    visibility: visible;
}

.taakdiv2 .onhovervisible{
    visibility: hidden;
}

.taakdiv2:hover .onhovervisible{
    visibility: visible;
}



.team .medewerkerdiv{
    clear:left;
    height: 50px;
    margin-bottom: 5px;
    padding: 5px;
    border-radius: 4px;
    border: 2px solid white;
    overflow: hidden;
    cursor: pointer;
}

.team .medewerkerdiv .star{
    float: left; margin-left: 5px; margin-right: -5px; cursor: pointer;
}

.team .medewerkerdiv .star.fas {
    color: #ffbf19;
}

.team .medewerkerdiv .foto{
    float:left;
    position: relative;
    width:48px;
    height:48px;
    border-radius: 24px;
    border: 2px solid #E0E0E0;
}

.team .medewerkerdiv .naam{
    float: left;
    margin-left: 10px;


    display: block;
    width: 90px;
    white-space: nowrap;
    overflow: hidden;
}

.team .medewerkerdiv .medewerkerdivdeletelink{
    font-size: smaller; color: grey; margin-left: 10px;
}

.team .medewerkerdiv .aantalurendiv{
    font-size: smaller;
    color: grey;
    margin-left: 10px;
    display: inline;
    float: left;
}

.teamlegenda{
    height: 35px;
    clear:both;
}

.teamlegenda .text{
    float: left;
    color: grey;
}

.urendiv .legendaitem{
    float: left;
    margin-left: 10px;

    border-radius: 4px;
    font-size: smaller;
    color: white;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom:3px;

    clear:right;
    float:right;
    width:50px;
}


.medewerkerdiv .legendaitem{
    float: left;
    margin-left: 10px;

    border-radius: 4px;
    font-size: smaller;
    color: white;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom:3px;

    clear:right;
    float:right;
    width:50px;
}

.teamlegenda .legendaitem{
    float: left;
    margin-left: 10px;

    border-radius: 4px;
    font-size: smaller;
    color: white;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom:3px;
}

.legendaitem.concept{
    background-color: var(--primary);
}

.legendaitem.definitief{
    background-color: var(--bg_orange);
}

.legendaitem.gefiatteerd{
    background-color: yellowgreen;
}

.team .selectedmedewerker{
    background-color: #DEE7F8;
    border: 2px solid #DEE7F8 !important;
}

.team .selectedmedewerker{

}

.team .percentageouterdiv{
    width: 50px;
    height: 3px;
    background-color: #DBDBDB;
    margin-left: 10px;
    float: left;
    margin-top: 5px;
    clear: left;
}

.team .innerdiv{
    height: 3px; background-color: yellowgreen;
}

.tefiatterenweken .openweekdiv a{
    float: left;
}

.tefiatterenweken .openweekdiv .legendaitem{
    clear:right;
    float:right;
    width:50px;
}

.tefiatterenweken .openweekdiv{
    clear:left;
    height: 35px;
    margin-bottom: 5px;
    padding: 5px;
    border: 2px solid white;
    cursor: pointer;
}





/* ============================================================================================================ */
/* kubrick color picker
/* ============================================================================================================ */




/*.kubrick {*/
/*margin-top: 3px;*/
/*position: absolute;*/
/*-webkit-box-shadow: 0px 0px 10px #8c8c8c;*/
/*-moz-box-shadow: 0px 0px 10px #8c8c8c;*/
/*box-shadow: 0px 0px 10px #8c8c8c;*/
/*background-color: white;*/
/*}*/
/*.kubrick * {*/
/*position: absolute;*/
/*cursor: crosshair;*/
/*}*/
/*.kubrick, .kubrick .wheel {*/
/*width: 195px;*/
/*height: 195px;*/
/*}*/
/*.kubrick .color, .kubrick .overlay {*/
/*top: 47px;*/
/*left: 47px;*/
/*width: 101px;*/
/*height: 101px;*/
/*}*/
/*.kubrick .wheel {*/
/*background: url(../images/wheel.png) no-repeat;*/
/*width: 195px;*/
/*height: 195px;*/
/*}*/
/*.kubrick .overlay {*/
/*background: url(../images/mask.png) no-repeat;*/
/*}*/
/*.kubrick .marker {*/
/*width: 17px;*/
/*height: 17px;*/
/*margin: -8px 0 0 -8px;*/
/*overflow: hidden;*/
/*background: url(../images/marker.png) no-repeat;*/
/*pointer-events: none;*/
/*}*/





/* ============================================================================================================ */
/* rapportage accountaging
/* ============================================================================================================ */

/*#rapportageaccountaging*/


#rapportageaccountaging a.bedrijflink{
    color: black;
    text-decoration: none;
}

/*#rapportageaccountaging table {*/
/* margin-top: -1px !important;  */
/*margin-top: 0;*/
/*width: 100%;*/
/*margin-bottom: 20px;*/
/*}*/
/*#rapportageaccountaging td {*/
/*padding-left: 10px;*/
/*padding-right: 10px;*/
/*}*/
/*#rapportageaccountaging thead tr {*/
/*font-weight: bold;*/
/*border-bottom: 1px black solid;*/
/*}*/

/*#rapportageaccountaging thead tr th {*/
/*border-top: 0px !important;*/
/*}*/
/*#rapportageaccountaging tfoot tr {*/
/*background-color: #78b6eb;*/
/*font-weight: bold;*/
/*border-top: 1px black solid;*/
/*border-bottom: 3px black double;*/
/*}*/
/*#rapportageaccountaging tfoot tr td {*/
/*border-top: none;*/
/*}*/
#rapportageaccountaging tr.bedrijf {
    height: 40px;
    vertical-align: middle;
}
#rapportageaccountaging tbody.collapsed tr.factuur,
#rapportageaccountaging tbody.collapsed tr.actions {
    display: none;
}
#rapportageaccountaging tbody.expanded tr.factuur {
}
#rapportageaccountaging tbody.expanded tr.actions td {
    padding-top: 0;
}
#rapportageaccountaging td.factuurnummer {
    padding-left: 32px;
}
#rapportageaccountaging td.factuurnummer .extrainfo {
    font-size: smaller;
    color: gray;
}
#rapportageaccountaging tr.even {
    background-color: #f7f7ff;
}
#rapportageaccountaging tr.odd {
    background-color: #f0f0ff;
}




/* some properties for the subpagegroup containing all the rapportages */
.n14582n .Blockcontainermain{
    width: 85%;
}
.n14582n .Blockcontainersidebar{
    width: 15%;
}


.n14582n .tabhandlecontainer{
    display: none;
}
.n14582n .tabcontentcontainer{
    border-top: 0px;
}

.n31777n .tabhandlecontainer{
    display: inherit;
}

.n31777n .tabcontentcontainer{
    border-top: 1px solid #E5E5E5;
}
.n31777n .Html{
    margin-top: -1px;
}

.n15133n .checkboxdiv{
    float: left;
}
.n15133n .invoiceinfodiv{
    float: left;
    max-width:320px;
}

.n15133n tr.factuur td{
    padding-top: 6px;
    padding-bottom: 6px;
}

.n15133n tr.actions td{
    font-size: 11px;
    padding-left: 40px;
}

.n26401n .checkboxdiv{
    float: left;
}
.n26401n .invoiceinfodiv{
    float: left;
    max-width:320px;
}

.n26401n tr.factuur td{
    padding-top: 6px;
    padding-bottom: 6px;
}

.n26401n tr.actions td{
    font-size: 11px;
    padding-left: 40px;
}

.omzetbreakdown .tablescroller {
    overflow-x: auto;
    margin-bottom: 20px;
}
.omzetbreakdown tr.datarow {
    font-style: italic;
}
.omzetbreakdown tbody.collapsed tr.datarow {
    display: none;
}
.omzetbreakdown td.label {
    padding-left: 32px;
}
.omzetbreakdown tr.even {
    background-color: #f7f7ff;
}
.omzetbreakdown tr.odd {
    background-color: #f0f0ff;
}
.omzetbreakdown tr.groupheader .label {
    font-weight: bold;
    color: var(--primary);
}

.omzetbreakdown div.toggleable {
    display: none;
}
.omzetbreakdown.omzet  div.toggleable.omzet,
.omzetbreakdown.inkoop div.toggleable.inkoop,
.n15131n.bbi    div.toggleable.bbi {
    display: block;
}

.omzetbreakdown th.month,
.omzetbreakdown td.month,
.omzetbreakdown th.quarter,
.omzetbreakdown td.quarter,
.omzetbreakdown th.year,
.omzetbreakdown td.year {
    display: none;
}
.omzetbreakdown.month   th.month,
.omzetbreakdown.month   td.month,
.omzetbreakdown.quarter th.quarter,
.omzetbreakdown.quarter td.quarter,
.omzetbreakdown.year    th.year,
.omzetbreakdown.year    td.year {
    display: table-cell;
}


.trendtargetsform{
    height: 70px;
    background-color: #DEE7F8 !important;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webit-border-bottom-right-radius: 4px;
    -webit-border-bottom-left-radius: 4px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}



.btwrapportage tr.group{
    height: 50px;
    vertical-align: bottom;
    font-size: larger;
    font-weight: bold;
}
.btwrapportage tr.entry{
    height: 20px !important;
}
.btwrapportage td{
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}
.btwrapportage td.label{
    padding-left: 30px;
}
.btwrapportage td.total{
    border-bottom: 0px solid white !important;
    font-weight: bold;
}



.notificaties{
    margin-bottom: 40px;
    margin-top: -11px;
}

.notificaties tr.typeregel{
    height: 30px;
}
.notificaties tbody.collapsed tr.alerttrigger{
    display: none;
}

.subgrid_counter{
    position: absolute;
    top: 14px;
    right: 10px;
}

.active .subgrid_counter{
    right: 9px;
    top: 15px;
}


.rapportagesettingsbox{
    clear: left;
    float: left;
    /*overflow: auto;*/ /*let op: dit laat de ipad knipperen!*/
    width: 100%;
    box-sizing: border-box;
    position: relative;
    margin-top: 10px;
}

.rapportagesettingsbox a.deletelink{
    font-size: smaller;
    float:right;
    color: grey;
}

.disabledoverlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.rapportagesettingsbox .settingcontainer_w2{
    width: 25%;
    float: left;
    padding-right: 4px;
    padding-left: 2px;
    box-sizing: border-box;
}

.rapportagesettingsbox .photodiv{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 25px;
    position: relative;
}

.rapportagesettingsbox .photodiv img{
    width: 42px;
    height: 42px;
    border-radius: 21px;
    border: 2px solid #E0E0E0;
    cursor: pointer;
}

.rapportagesettingsbox .photodiv img.starredindicator{
    width: 16px;
    height: 16px;
    border-radius: 0px;
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: transparent;
}

.rapportagesettingsbox .photodiv.selected img{
    box-shadow: 0 0 10px var(--primary);
}

.rapportagesettingsbox .settingcontainer_w4{
    width: 50%;
    float: left;
    padding-right: 4px;
    padding-left: 2px;
    box-sizing: border-box;
}

.rapportagesettingsbox .setting{
    background-color: rgba(0,0,0,.1);
    border-radius: 4px;
    padding: 10px;

    /*overflow: auto;*/ /*let op: dit laat de ipad knipperen!*/

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width:100%;
    float: left;
}


.rapportagesettingsbox .setting_exportlink{
    position: absolute;
    top: -33px;
    right: 35px;
}

.rapportagesettingsbox .settingsgrouplabel{
    font-size: 13px;
    font-weight: bold;
}

.rapportagesettingsbox .periodviewmode{
    display: inline-block;
    text-decoration: none;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 4px;
    margin-right: 5px;
}

.rapportagesettingsbox .periodviewmode.selected{
    background-color: var(--primary);
    color: white;
}



.rapportagesettingsbox .Forminputdropdown{
    padding-bottom: 0px;
}

.rapportagedivider{
    /*background-color: rgb(224, 224, 224);*/
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 25px;

    font-weight: bold;
    font-size: larger
}


/*prev next buttons on task overzicht*/
.n23984n button{
    float: left;
    min-width:50px;
    margin-right: 10px;
    margin-left: 0px;
}




/*taken pagina*/
/*.taken_dag_selector {*/
/*clear: both;*/
/*overflow: auto;*/
/*}*/

.taken_dag_selector .taken_day_droptarget{

}

.taken_dag_selector .droptargetscontainer{
    border-top: 2px solid white;
    border-bottom: 2px solid white;
}

.taken_dag_selector .droptargetscontainer.highlight{
    border: 2px dashed var(--primary);
    border-radius: 4px;
}



.taken_dag_selector .taken_day{
    cursor: pointer;
    /*
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    */
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 12px;
    padding: 6px;
    padding-left: 8px;
    color: var(--primary);
    background-color: white;
    height: 20px;
}

.taken_dag_selector .taken_day.hiddenday{
    display: none;
    color: #CACACA;
}

.taken_dag_selector .taken_day.draghover{
    background-color: var(--primary) !important;
    font-weight: bold;
    color: white !important;
}

.taken_dag_selector .taken_day.selected{
    background-position: left;
    background-repeat: no-repeat;
    font-weight: bold;
    color: white;
    background-color: var(--primary);
    border: 0px;
    margin-left: -10px;
    padding-left: 16px;
}

.taken_dag_selector .droptargetscontainer.highlight .taken_day.selected {
    background-image: none;
    background-color: white;
    color: var(--primary);
    font-weight: normal !important;
    margin-left:0px;
    padding-left:8px;
}

.taken_dag_selector .droptargetscontainer.highlight .taken_day{
    padding-left:6px;
}

.taken_dag_selector .droptargetscontainer.highlight .taken_day.hiddenday{
    display: block;
}

.taken_dag_selector .taken_day .number{
    width: auto;
    background-color: var(--bg_red);
    padding: 2px;
    border-radius: 3px;
    float: right;
    margin-right: 10px;
    display: inline-block;
    height: 16px;
    font-size: 10px;
    color: white;
    padding-left: 4px;
    padding-right: 4px;
    font-weight: bold;
}

.taken_dag_selector .spacer{
    border-top: 1px solid #E9E9E9;
    margin-top: 10px;
    margin-bottom:10px;
    font-size: smaller;
    text-align: right;
}

.taken_dag_selector .taken_day.selected .number{
    background-color: white;
    color: var(--primary);
}


/*bezettingspopup*/
.n26795n .buitenContract{
    color: #dc270c;
}

.n26795n .binnenContract{
    color: var(--primary);
}

.n26795n .evendag {
    background-color: #EBEBFF;
}



/*z-indexes*/
.n26762n {
    z-index: 21 !important;
}


.TaakBehoortBij_Grid tr.subtr{
    height: 25px;
}

.TaakBehoortBij_Grid tr.subtr.oneven{
    background-color: #f0f0ff;
}

.TaakBehoortBij_Grid tr.subtr.even{
    background-color: #f0f0ff;
}

.TaakBehoortBij_Grid td{
    padding-left:30px;
}


/*forminputgroup*/
.n21695n {
    float:right;
}

.n23573n {
    float:right;
}


.n18628n{
    width: 90px;
}

.n9092n {
    width: 90px;
}

.n28328n{
    width: 90px;
}



.n22116n .iconcontainer {
    padding: 10px;
    border: 2px solid white;
    overflow: hidden;
    border-radius: 4px;
    margin-right: 15px;
    cursor: pointer;
}

.n22116n .iconcontainer .typelabel.large{
    width: 100px;
    margin-right: 0px;
}


.n22116n .active{
    border: 2px dashed #9C9C9C;
}




.n22106n .iconcontainer {
    padding: 10px;
    border: 2px solid white;
    overflow: hidden;
    border-radius: 4px;
    margin-right: 15px;
    cursor: pointer;
}

.n22106n .iconcontainer .typelabel.large{
    width: 100px;
    margin-right: 0px;
}


.n22106n .active{
    border: 2px dashed #9C9C9C;
}




.n22102n .iconcontainer {
    padding: 10px;
    border: 2px solid white;
    overflow: hidden;
    border-radius: 4px;
    margin-right: 15px;
    cursor: pointer;
}

.n22102n .iconcontainer .typelabel.large{
    width: 100px;
    margin-right: 0px;
}


.n22102n .active{
    border: 2px dashed #9C9C9C;
}




.n23879n .iconcontainer {
    padding: 10px;
    border: 2px solid white;
    overflow: hidden;
    border-radius: 4px;
    margin-right: 15px;
    cursor: pointer;
}

.n23879n .iconcontainer .typelabel.large{
    width: 100px;
    margin-right: 0px;
}


.n23879n .active{
    border: 2px dashed #9C9C9C;
}






.n41284n .iconcontainer {
    padding: 10px;
    border: 2px solid white;
    overflow: hidden;
    border-radius: 4px;
    margin-right: 15px;
    cursor: pointer;
}

.n41284n .iconcontainer .typelabel.large{
    width: 100px;
    margin-right: 0px;
}


.n41284n .active{
    border: 2px dashed #9C9C9C;
}







.n30353n_selected{
    box-shadow: 0 0 10px var(--primary);
}

.n30339n{
    padding-top: 20px;
}

.n30339n .TabcontainerTab.error{
    border: 0px !important;
}

.n30339n .tabhandlecontainer{
    float: right;
    position: absolute;
    top: 20px;
    right: 10px;
}

.n30339n .tabcontentcontainer{
    border: 0px;
}

.n30339n .TabcontainerTab {
    font-size: 30px;
    color: #cecece;
    cursor: default;
}

.n30339n .TabcontainerTab.active {
    color: black;
    border: 0;
}













.n42587n{
    padding-top: 20px;
}

.n42587n .TabcontainerTab.error{
    border: 0px !important;
}

.n42587n .tabhandlecontainer{
    float: right;
    position: absolute;
    top: 20px;
    right: 70px;
}

.n42587n .tabcontentcontainer{
    border: 0px;
}

.n42587n .TabcontainerTab {
    font-size: 30px;
    color: #cecece;
    cursor: default;
}

.n42587n .TabcontainerTab.active {
    color: black;
    border: 0;
}



























.n21507n {
    margin-top:20px;
}


.n25602n {
    margin-bottom: 20px;
}


.n16372n .Forminputmoney{
    width: 90px;
}

.n8379n .Forminputcontainerlabel{
    width: 350px;
}

.n19178n {
    width: 50%;
    padding-right: 20px;
}

.n26466n {
    width: 50%;
    padding-left: 20px;
}


.n24286n  {
    width: 50%;
    padding-left: 20px;
}

.n46910n  {
    width: 50%;
    padding-left: 20px;
}


.n41102n   {
    width: 50%;
    padding-left: 20px;
}



.n24210n {
    width: 50%;
    padding-right: 20px;
}

.n8563n {
    width: 50%;
    padding-right: 20px;
}


.n24210n {
    width: 50%;
    padding-right: 20px;
}

.n37902n {
    width: 50%;
    padding-right: 20px;
}


.n37901n{
    width: 100%;
}

.n8528n, .n8551n{
    width: 100%;
}

.n29048n {
    width: 50%;
    padding-right: 20px;
}

.n29062n {
    width: 50%;
    padding-left: 20px;
}

.n29077n {
    width: 50%;
    padding-right: 20px;
}

.n16380n {
    width: 50%;
    padding-right: 20px;
}


.n21144n .Forminputcontainerlabel{
    width: 600px;
}

.n26797n .Forminputcontainerlabel{
    width: 600px;
}

.n37964n .Forminputcontainerlabel{
    width: 600px;
}



/*.n21161n {*/
/*width: 500px;*/
/*}*/

/*.n26799n {*/
/*width: 500px;*/
/*}*/

/*.n28493n {*/
/*width: 500px;*/
/*}*/

.n30280n {
    width: 540px;
}

.n30604n {
    width: 540px;
}


.n18987n  .Forminputcontainerlabel{
    width: 200px;
}

.n20063n{
    margin-right: 20px;
}

.n32411n .toggle{
    float: none;
}




.lijstdiv{
    overflow: auto;
    /*border: 1px dashed #f0f0f0 !important;*/
    border-radius: 4px;

    max-height: 0;
    /*overflow-y: hidden;*/

    -webkit-transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
}

.lijstdiv td{
    padding-bottom:0px !important;
}

.lijstdiv.open{
    max-height: 300px;
}

.n29681n div{
    float: left;
}



table.MultiOptionPopup{
    margin-bottom: 30px;

}

table.MultiOptionPopup input{
    margin-top: 5px;
}

table.MultiOptionPopup td:first-child{
    width: 25px;
}

table.MultiOptionPopup td{
    padding-bottom: 20px;
    vertical-align: top;
}


table.MultiOptionPopup h3{
    margin-top:0px;
    margin-bottom:0px;
    cursor: pointer;
}
























.n20972n a.faselink{
    color: black;
    text-decoration: none;
}

.n20972n table {
    width: 100%;
    margin-bottom: 20px;
}
.n20972n td {
    padding-left: 10px;
    padding-right: 10px;
}
.n20972n thead tr {
    font-weight: bold;
    border-bottom: 1px black solid;
}

.n20972n thead tr th {
}
.n20972n tfoot tr {
}
.n20972n tfoot tr td {
    border-top: none;
}
.n20972n tr.fase {
    height: 40px;
    vertical-align: middle;
}
.n20972n tbody tr {
    height: initial;
    font-size: 12px;
    vertical-align: top;
}
.n20972n tbody tr td {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #E9E9E9;
}
.n20972n tbody.collapsed tr.offerte {
    display: none;
}
.n20972n tbody.expanded tr.actions td {
    padding-top: 0;
}
.n20972n td.faseindicatie {
    padding-top: 2px;
    padding-bottom: 2px;
    width: 16px;
}
.n20972n td.faseindicatie div {
    border-radius: 4px;
    width: 16px;
    height: 16px;
}
.n20972n td.offertenummer {
    padding-left: 32px;
}
.n20972n td.offertenummer .extrainfo {
    font-size: smaller;
    color: gray;
}
.n20972n td.money {
    white-space: nowrap;
}
.n20972n td.money.negative {
    color: #FF0000;
}
.n20972n td.money .currency {
    padding-right: 8px;
    float: left;
}
.n20972n td.money .value {
    float: right;
}
.n20972n td.money .extrainfo {
    clear: both;
    float: right;
    font-size: smaller;
    color: gray;
}
.n20972n th.money {
    text-align: right;
}
.n20972n tr.even {
    background-color: #f7f7ff;
}
.n20972n tr.odd {
    background-color: #f0f0ff;
}

.TabcontainerTab.tabhandle .tabhandle_mobile{
    display:none;
}

.hamburgermenu{
    display:none;
}

.mobileactionbar {
    display:none;
}


.hidedesktop{
    display:none !important;
}


#loadingscreen{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 12;
}

#loadingscreen .content{
    display: none;
}



.z21{
    z-index: 21;
}
.z22{
    z-index: 22;
}
.z23{
    z-index: 23;
}
.z24{
    z-index: 24;
}
.z25{
    z-index: 25;
}
.z26{
    z-index: 26;
}
.z27{
    z-index: 27;
}
.z28{
    z-index: 28;
}
























.n28019n tr.inkoopfactuurregelnode{
    height: 40px;
}

.n28019n tr.inkoopfactuurregelnode.odd{
    background-color: #F0F0FF;
}
.n28019n tr.inkoopfactuurregelnode.even{
    background-color: #F7F7FF;
}


/*.n28019n .werkinfo{*/
/*margin-bottom:30px;*/
/*}*/

/*.n28019n .werkinfo a{*/
/*display: block;*/
/*}*/

/*.n28019n .werkinfo .infotitle{*/
/*font-size: large;*/
/*}*/



/*.n28019n .progressbar {*/
/*overflow: hidden;*/
/*width: 100%;*/
/*border-radius: 3px;*/
/*height: 10px;*/
/*background-color: #dbdbdb;*/
/*}*/
/*.n28019n .progress {*/
/*height: 10px;*/
/*float: left;*/
/*}*/
/*.n28019n .progress:first-child {*/
/*border-top-left-radius: 3px;*/
/*border-bottom-left-radius: 3px;*/
/*}*/
/*.n28019n .progress:last-child {*/
/*border-top-right-radius: 3px;*/
/*border-bottom-right-radius: 3px;*/
/*}*/
/*.n28019n .insidebudget {*/
/*background-color: yellowgreen;*/
/*}*/
/*.n28019n .outsidebudget {*/
/*background-color: #a6f;*/
/*}*/
/*.n28019n .overbudget {*/
/*background-color: #c00;*/
/*}*/









/*.n28018n .werkinfo{*/
/*margin-bottom:30px;*/
/*}*/

/*.n28018n .werkinfo a{*/
/*display: block;*/
/*}*/

/*.n28018n .werkinfo .infotitle{*/
/*font-size: large;*/
/*}*/


.n28018n tr.taak{
    height: 40px;
}

.n28018n .odd{
    background-color: #F0F0FF;
}

.n28018n .even{
    background-color: #F7F7FF;
}

.n28018n .odd2{
    background-color: #FDF5C7;
}

.n28018n .even2{
    background-color: #FFF9DA;
}

.n28018n tr.uur{
    height: 30px;
}










.n24463n tr.odd{
    background-color: #f7f7ff;
}
.n24463n tr.even{
    background-color: #f0f0ff;
}


.n24456n tr.odd{
    background-color: #f7f7ff;
}
.n24456n tr.even{
    background-color: #f0f0ff;
}


.Blockcontainer.n27672n{
    width: 100%;
}
.Blockcontainer.n27674n{
    width: 100%;
}




.widget .waardeuitlegcontainer{
    margin-bottom: 15px;
    float: left;
    width: 100%;
    color: grey;
}

.widget .waardeuitlegcontainer .waarde{
    font-size: 30px;
    float: left;
    padding-right: 10px;
    margin-top: -6px;
}

.widget .waardeuitlegcontainer .uitleg{
    display: block;
    font-size: 13px;
    /*text-align: right;*/
    color: grey;
}

.widget .contactinfo1_div{
    color: grey;
    font-size: 14px;
    float: left;
    width: 50%
}

.widget .contactinfo2_div{
    font-size: 14px;
    float: left;
    width: 50%
}

.n33114n, .n37685n{
    width: 120px;
}

.RelatieContactgegevens .container_contactgegevens_adres{
    float: left;
    margin-top: 5px;
    /*width: 66%;*/
    width: 100%;
}

.RelatieContactgegevens .container_maps{
    width:33%;
}



.n19342n {
    width: 100%;
    float: left;
}

.n19520n {
    float: right;
}

.n19344n {
    width: 100%;
    float: left;
}

.n19522n{
    float: right;
}

.n19341n {
    width: 100%;
}





.n6102n tr.hidedetails div {
    opacity: .5
}
.n9352n tr.hidedetails div {
    opacity: .5
}
.n7002n tr.hidedetails div {
    opacity: .5
}
.n17239n tr.hidedetails div {
    opacity: .5
}
.n30938n tr.hidedetails div {
    opacity: .5
}

optgroup{
    color: black;
}















































.colorpickercontainer{
    position: absolute;
    z-index:1;
    box-shadow: 0 0 20px grey;
    background-color: white;
    width:440px;
}

.colorpickercontainer .buttonbar{
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    float: right;
}

.colorpickercontainer .buttonbar button{
    margin-left: 10px;
}

.ui-color-picker {
    width: 425px;
    margin: 0;
    border: 1px solid #DDD;
    background-color: #FFF;
    display: table;

    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.ui-color-picker .picking-area {
    width: 198px;
    height: 198px;
    margin: 5px;
    border: 1px solid #DDD;
    position: relative;
    float: left;
    display: table;
}

.ui-color-picker .picking-area:hover {
    cursor: default;
}

/* HSV format - Hue-Saturation-Value(Brightness) */
.ui-color-picker .picking-area {
    background: url('../images/picker_mask_200.png') center center;

    background: -moz-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -moz-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -webkit-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -ms-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -o-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0) 100%);

    background-color: #F00;
}

/* HSL format - Hue-Saturation-Lightness */

.ui-color-picker .picker {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #FFF;
    position: absolute;
    top: 45%;
    left: 45%;
}

.ui-color-picker .picker:before {
    width: 8px;
    height: 8px;
    content: "";
    position: absolute;
    border: 1px solid #999;
    border-radius: 50%;
}

.ui-color-picker .hue,
.ui-color-picker .alpha {
    width: 198px;
    height: 28px;
    margin: 5px;
    border: 1px solid #FFF;
    float: left;
}

.ui-color-picker .hue {
    background: url("../images/hue.png") center;
    background: -moz-linear-gradient(left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
    background: -webkit-linear-gradient(left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
    background: -ms-linear-gradient(left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
    background: -o-linear-gradient(left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
}

.ui-color-picker .alpha {
    border: 1px solid #CCC;
    background: url("../images/alpha.png");
}

.ui-color-picker .alpha-mask {
    width: 100%;
    height: 100%;
    background: url("../images/alpha_mask.png");
}

.ui-color-picker .slider-picker {
    width: 2px;
    height: 100%;
    border: 1px solid #777;
    background-color: #FFF;
    position: relative;
    top: -1px;
}


.ui-color-picker .input {
    width: 64px;
    margin: 5px 2px;
    float: left;
}

.ui-color-picker .input .name {
    height: 20px;
    width: 30px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    float: left;
}

.ui-color-picker .input input {
    width: 30px;
    height: 18px;
    margin: 0;
    padding: 0;
    border: 1px solid #DDD;
    text-align: center;
    float: right;

    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
}

.ui-color-picker .input[data-topic="lightness"] {
    display: none;
}



.ui-color-picker .input[data-topic="alpha"] {
    margin-top: 10px;
    width: 93px;
}

.ui-color-picker .input[data-topic="alpha"] > .name {
    width: 60px;
}

.ui-color-picker .input[data-topic="alpha"] > input {
    float: right;
}

.ui-color-picker .input[data-topic="hexa"] {
    width: auto;
    float: right;
    margin: 6px 8px 0 0;
}

.ui-color-picker .input[data-topic="hexa"] > .name {
    display: none;
}

.ui-color-picker .input[data-topic="hexa"] > input {
    width: 90px;
    height: 24px;
    padding: 2px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Preview color */
.ui-color-picker .preview {
    width: 95px;
    height: 53px;
    margin: 5px;
    margin-top: 10px;
    border: 1px solid #DDD;
    background-image: url("../images/alpha.png");
    float: left;
    position: relative;
}

.ui-color-picker .preview:before {
    height: 100%;
    width: 50%;
    left: 50%;
    top: 0;
    content: "";
    background: #FFF;
    position: absolute;
    /*z-index: 1;*/
}

.ui-color-picker .preview-color {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 0, 0, 0.5);
    position: absolute;
    /*z-index: 1;*/
}

.ui-color-picker .switch_mode {
    width: 10px;
    height: 20px;
    position: relative;
    border-radius: 4px 0 0 4px;
    border: 1px solid #DDD;
    background-color: #EEE;
    left: -12px;
    top: -1px;
    z-index: 1;
    transition: all 0.5s;
}

.ui-color-picker .switch_mode:hover {
    background-color: #CCC;
    cursor: pointer;
}

.ui-color-picker {
    padding: 3px 5px;
    float: left;
    border-color: #FFF;
}

.ui-color-picker .switch_mode {
    display: none;
}

.ui-color-picker .preview-color:hover {
    /*cursor: move;*/
}

.balans{
    background-color: yellowgreen;
}

.resultatenrekening{
    background-color: var(--primary);
}

.n36202n{
    z-index: 25;
}

.n36237n {
    width: 450px;
}

.n36335n {
    width: 450px;
}

.n41047n {
    width: 450px;
}


.n36396n {
    width: 540px;
}

.n45439n {
    width: 540px;
}

.n36410n {
    width: 400px !important;
}

.n36410n textarea {
    width: 100% !important;
    height: 200px;
}


.n45444n {
    width: 400px !important;
}

.n45444n textarea {
    width: 100% !important;
    height: 200px;
}

.n45422n .Forminputcontainerlabel{
    width: 270px;
}


/*.Gridrowform .insetshadowtop{*/
/*display: none;*/
/*height: 20px;*/
/*background-color: blue;*/
/*width: 100%;*/
/*float:left;*/
/*}*/

/*.Gridrowform .insetshadowbottom{*/
/*display: none;*/
/*float:left;*/
/*height: 20px;*/
/*background-color: red;*/
/*width: 100%;*/
/*}*/

/*.inlineContainer .Gridrowform .insetshadowtop{*/
/*display: block;*/
/*}*/

/*.inlineContainer .Gridrowform .insetshadowbottom{*/
/*display: block;*/
/*}*/









.inlineContainer .Gridrowform {
    width: 100%;
    margin: 0px;
    border-radius: 0px;
    padding-top:20px;

    background: rgba(199,199,199,1);
    background: -moz-linear-gradient(top, rgba(199,199,199,1) 0%, rgba(222,231,248,1) 10px, rgba(222,231,248,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(199,199,199,1)), color-stop(10px, rgba(222,231,248,1)), color-stop(100%, rgba(222,231,248,1)));
    background: -webkit-linear-gradient(top, rgba(199,199,199,1) 0%, rgba(222,231,248,1) 10px, rgba(222,231,248,1) 100%);
    background: -o-linear-gradient(top, rgba(199,199,199,1) 0%, rgba(222,231,248,1) 10px, rgba(222,231,248,1) 100%);
    background: -ms-linear-gradient(top, rgba(199,199,199,1) 0%, rgba(222,231,248,1) 10px, rgba(222,231,248,1) 100%);
    background: linear-gradient(to bottom, rgba(199,199,199,1) 0%, rgba(222,231,248,1) 10px, rgba(222,231,248,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#dee7f8', GradientType=0 );
}

.inlineContainer .Gridrowform.editmode {
    -webkit-transition: background 0.5s linear;
    -moz-transition: background 0.5s linear;
    -ms-transition: background 0.5s linear;
    -o-transition: background 0.5s linear;
    transition: background 0.5s linear;

    background: rgba(219,208,164,1);
    background: -moz-linear-gradient(top, rgba(219,208,164,1) 0%, rgba(255,241,183,1) 10px, rgba(255,241,183,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(219,208,164,1)), color-stop(10px, rgba(255,241,183,1)), color-stop(100%, rgba(255,241,183,1)));
    background: -webkit-linear-gradient(top, rgba(219,208,164,1) 0%, rgba(255,241,183,1) 10px, rgba(255,241,183,1) 100%);
    background: -o-linear-gradient(top, rgba(219,208,164,1) 0%, rgba(255,241,183,1) 10px, rgba(255,241,183,1) 100%);
    background: -ms-linear-gradient(top, rgba(219,208,164,1) 0%, rgba(255,241,183,1) 10px, rgba(255,241,183,1) 100%);
    background: linear-gradient(to bottom, rgba(219,208,164,1) 0%, rgba(255,241,183,1) 10px, rgba(255,241,183,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbd0a4', endColorstr='#fff1b7', GradientType=0 );
}

.Plusbuttongridcollapsible .insertindicator{
    cursor: pointer;
    width: 22px;
    height: 82px;
    background: url(../images/insertpointer.png);
    background-size: 22px 41px;
    position: absolute;
    top: -3px;
    left:-22px;
    background-repeat: no-repeat;
}

.Plusbuttongridcollapsible .editingmode .insertindicator{
    display:none;
}



.Gridrowform button{
    margin-bottom: 0px;
}

.inlineContainer .inlinetd{
    padding: 0px;
    overflow: visible;
}

.n41878n {
    width: 450px;
}

.n36447n {
    width: 450px;
}

.n39267n {
    width: 450px;
}



.widget .kalender div{
    border: 2px solid white;
}

.widget .kalender div.vandaag{
    border: 2px solid orange;
}

.widget .kalender div.werkdag{
    background-color: #DBDBDB;
}

.widget .kalender div.thismonth{
    color: black;
}

.widget .kalender div.weeknummer{
    font-size: smaller;
    color: grey;
}

.widget .kalender td{
    text-align: center;
    color: grey;
}

.widget .kalender th{
    text-align: center;
}

.widget .clockdiv{
    width:150px;
    height: 150px;
}

.widget .clockdiv .square{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

.widget .clockdiv .clock {
    width: 100%;
    float: left;
    margin: 0 1em 0 0;
}

.widget .clockdiv .time {
    /*font-family: 'Voltaire';*/
    font-size: 4em;
    margin: 0;
}

.widget .clockdiv svg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.widget .clockdiv .clock-face {
    stroke: #333;
    fill: white;
}

.widget .clockdiv .minor {
    stroke: #999;
    stroke-width: 0.5;
}

.widget .clockdiv .major {
    stroke: #333;
    stroke-width: 1;
}

.widget .clockdiv .hour {
    stroke: #333;
}

.widget .clockdiv .minute {
    stroke: #666;
}

.widget .clockdiv .second, .second-counterweight {
    stroke: rgb(180,0,0);
}

.widget .clockdiv .second-counterweight {
    stroke-width: 3;
}

.widget .bedrijfsnotitie{
    white-space: pre-wrap;
}

body.stopwatchrunning .stopwatchstartlink{
    display: none;
}

body.stopwatchrunning .n46736n{
    display: none;
}

.n37895n {
    width: 300px;
}

.n37887n {
    width: 400px;
}

.n39031n {
    display: none;
}

.n25732n.editmode .n39031n {
    display: none;
}

.openedaspopup .n39031n {
    display: block;
}

.n8818n {
    width: 100%;
}

.n22105n {
    z-index: 21;
}

.n24966n_tabhandle form{ /*quickfix voor #12465*/
    display: inline-block;
    float: right;
    margin-left: 5px;
}

.n29653n_tabhandle form{ /*quickfix voor #12465*/
    display: inline-block;
    float: right;
    margin-left: 5px;
}


.Plusbuttongridcollapsible .insert_indicator_droptarget{
    height: 0px;
}

.Plusbuttongridcollapsible .insert_indicator_droptarget td{
    padding: 0px;
    border: 0px;
}

.Plusbuttongridcollapsible .insert_indicator_droptarget div{
    pointer-events: none; /*zorgt ervoor dat er geen mouseout/dragleave event gefired wordt wanneer we over de lijn navigeren*/
    width: 97.3%; /*??????*/
    height: 3px;
    border-top: 3px dashed orange;
    position: absolute;
    margin-top: -2px;
}

.Plusbuttongridcollapsible tr.grouprow td{
    border-top: 3px solid rgba(255,255,255,0);
}

.Plusbuttongridcollapsible tr.hovertarget_top td{
    border-top: 3px dashed orange;
}

.Plusbuttongridcollapsible tr.hovertarget_middle td{
    background-color: rgba(255, 165, 0, 0.26);
    border-top: 3px dashed orange;
}

.Plusbuttongridcollapsible tr.hovertarget_bottom td{
    border-bottom: 3px dashed orange;
}

.n40283n .Forminputint {
    width: 90px;
}

.n40298n .Forminputint {
    width: 90px;
}

.n40359n{
    clear: none;
    width: auto;
    float: left;
}

.doorstreept{
    text-decoration: line-through;
}

.n40800n {
    overflow: visible;
}

.setting .selected.becareful{
    background-color: var(--bg_orange);
}

.n37968n .paddingScrollButtons{
    padding-left: 30px; padding-right: 30px;
}

.n18864n {
    width: 350px;
}

.n13122n, .n42390n  {
    max-width: 450px;
}

.n42401n{
    display: block;
    height: 30px;
    float: left;
    margin-top: 6px;
}

.whitworksmarkdown_editor{
    overflow-y: scroll;
}

.Forminputtextmarkdown .buttonbar{
    height: 29px;
}

.Forminputtextmarkdown .buttonbar .button{
    width: 23px;
    height: 23px;
    /*border: 1px solid #D6D6D6;*/
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 70% 70%;
    background-color: white;
    opacity: 0.5;
    margin:2px;
    background-position: center center;
}

.Forminputtextmarkdown .buttonbar .button:hover{
    background-color: #dedede;
    opacity: 1;
}

.Forminputtextmarkdown .buttonbar .button.active{
    background-color: #d2d2d2;
}

.Forminputtextmarkdown .buttonbar .button.bold{
    background-image: url(../../assets/images/buttonbar/bold.svg);
}
.Forminputtextmarkdown .buttonbar .button.italic{
    background-image: url(../../assets/images/buttonbar/italic.svg);
}
.Forminputtextmarkdown .buttonbar .button.underline{
    background-image: url(../../assets/images/buttonbar/underline.svg);
}
.Forminputtextmarkdown .buttonbar .button.heading{
    background-image: url(../../assets/images/buttonbar/font-size.svg);
}
.Forminputtextmarkdown .buttonbar .button.unorderedlist{
    background-image: url(../../assets/images/buttonbar/list2.svg);
}
.Forminputtextmarkdown .buttonbar .button.indent{
    background-image: url(../../assets/images/buttonbar/indent-increase.svg);
}
.Forminputtextmarkdown .buttonbar .button.outdent{
    background-image: url(../../assets/images/buttonbar/indent-decrease.svg);
}
.Forminputtextmarkdown .buttonbar .button.pagebreak{
    background-image: url(../../assets/images/buttonbar/page-break.svg);
}
.Forminputtextmarkdown .buttonbar .button.tab{
    background-position: -148px 3px;
}
.Forminputtextmarkdown .buttonbar .button.fullscreen{
    background-image: url(../../assets/images/buttonbar/enlarge.svg);
    float:right;
}
.Forminputtextmarkdown .buttonbar .button.table {
    background-image: url(../../assets/images/buttonbar/table.svg);
    position: relative;
}

.Forminputtextmarkdown .buttonbar .button.table .table_popup{
    display: none;
    background-color: white;
    z-index: 1;
    position: absolute;
    opacity: 1;
    box-shadow: 0 0 10px #868686;
    padding:10px;
    border-radius:4px;
    width: auto;
    height: auto;
    position: absolute;
    bottom:24px;
}

.Forminputtextmarkdown .buttonbar .button.table .table_popup table{
    border-collapse: separate;

}

.Forminputtextmarkdown .buttonbar .button.table .table_popup td{
    width: 15px;
    height: 15px;
    border: 1px solid #aeaeae !important;
    padding: 0 !important;
}

.Forminputtextmarkdown .buttonbar .button.table .table_popup td.active{
    background-color: #D6D6D6;
}

.Forminputtextmarkdown .buttonbar.enabled .button.table:hover .table_popup{
    display: block;
}

.Forminputtextmarkdown .buttonbar .button.table_insert_row {
    background-image: url(../../assets/images/buttonbar/table_insert_row.svg);
}
.Forminputtextmarkdown .buttonbar .button.table_insert_column {
    background-image: url(../../assets/images/buttonbar/table_insert_column.svg);
}
.Forminputtextmarkdown .buttonbar .button.table_delete_row {
    background-image: url(../../assets/images/buttonbar/table_delete_row.svg);
}
.Forminputtextmarkdown .buttonbar .button.table_delete_column {
    background-image: url(../../assets/images/buttonbar/table_delete_column.svg);
}

.Forminputtextmarkdown .buttonbar .button.clearFormatting {
    background-image: url(../../assets/images/buttonbar/clear-formatting.svg);
}
.Forminputtextmarkdown .buttonbar .button.fontName {
    background-image: url(../../assets/images/buttonbar/font.svg);
}
.Forminputtextmarkdown .buttonbar .button.forecolor {
    background-image: url(../../assets/images/buttonbar/paint-format.svg);
}
.Forminputtextmarkdown .buttonbar .button.justifyCenter {
    background-image: url(../../assets/images/buttonbar/paragraph-center.svg);
}
.Forminputtextmarkdown .buttonbar .button.justifyFull {
    background-image: url(../../assets/images/buttonbar/paragraph-justify.svg);
}
.Forminputtextmarkdown .buttonbar .button.justifyleft {
    background-image: url(../../assets/images/buttonbar/paragraph-left.svg);
}
.Forminputtextmarkdown .buttonbar .button.justifyRight {
    background-image: url(../../assets/images/buttonbar/paragraph-right.svg);
}
.Forminputtextmarkdown .buttonbar .button.fontSize {
    background-image: url(../../assets/images/buttonbar/font-size.svg);
}


.Forminputtextmarkdown.fullscreen .buttonbar .button.fullscreen{
    display:none;
}

.Forminputtextmarkdown .table_popup td{
    padding: 0;
    border: none;
}


/* layout forminputtextmarkdown content */

.Forminputtextmarkdown table, .Gridcolumntextmarkdown table{
    border-collapse: collapse;
    box-sizing: border-box;
    width: auto;
}
.Forminputtextmarkdown table td, .Gridcolumntextmarkdown table td{
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-right: 1px dashed grey !important;
    border-bottom: 1px dashed grey !important;
    border-top: 0px !important;
}

.Forminputtextmarkdown table tr, .Gridcolumntextmarkdown table tr{
    height: auto !important;
}

.Forminputtextmarkdown table td, .Gridcolumntextmarkdown table td{
    padding-top :0 !important;
    padding-bottom :0 !important;
}

.Forminputtextmarkdown table tr:last-child td, .Gridcolumntextmarkdown table tr:last-child td{
    border-bottom: 0px !important;
}

.Forminputtextmarkdown table td:last-child, .Gridcolumntextmarkdown table td:last-child{
    border-right: 0px !important;
}


.Forminputtextmarkdown h1, .Forminputtextmarkdown h2, .Forminputtextmarkdown h3, .Forminputtextmarkdown p, .Forminputtextmarkdown ul {
    margin:0;
    color: black;
}

.Gridcolumntextmarkdown h1, .Gridcolumntextmarkdown h2, .Gridcolumntextmarkdown h3, .Gridcolumntextmarkdown p, .Gridcolumntextmarkdown ul {
    margin:0;
    color: grey !important;
}

.Forminputtextmarkdown h1, .Gridcolumntextmarkdown h1{
    color: black !important;
    font-size: 18px;
}

.Forminputtextmarkdown h2, .Gridcolumntextmarkdown h2{
    color: black !important;
    font-size: 16px;
    margin-top: 0px;
}

.Forminputtextmarkdown h3, .Gridcolumntextmarkdown h3{
    color: black !important;
    font-size: 14px;
    margin-top: 0px;
}

.Forminputtextmarkdown hr, .Gridcolumntextmarkdown hr{
    border: none;
    border-top: 1px dashed grey;
    color: #fff;
    background-color: #fff;
    height: 1px;
}

.Forminputtextmarkdown td, .Gridcolumntextmarkdown td{
    min-width: 20px !important;
    min-height: 20px !important;
}

.Forminputtextmarkdown hr, .Gridcolumntextmarkdown hr{
    border: none;
    border-top: 1px dashed grey;
    color: #fff;
    background-color: #fff;
    height: 1px;
}


/* einde forminputtextmarkdown content */





.n43658n .Forminputcontainerlabel{
    width: 160px;
}

.n43658n .Forminputcolor{
    width: 70px;
}

td.n43832n{
    padding-left: 0px !important;
}










.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}
.cmn-toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none;
}






input.cmn-toggle-round-flat + label {
    padding: 2px;
    width: 60px;
    height: 25px;
    background-color: #dddddd;
    border-radius: 60px;
    transition: background 0.2s;
}
input.cmn-toggle-round-flat + label:before,
input.cmn-toggle-round-flat + label:after {
    display: block;
    position: absolute;
    content: "";
}
input.cmn-toggle-round-flat + label:before {
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: #fff;
    border-radius: 60px;
    transition: background 0.2s;
}
input.cmn-toggle-round-flat + label:after {
    top: 4px;
    left: 4px;
    bottom: 4px;
    width: 31px;
    background-color: #dddddd;
    border-radius: 52px;
    transition: margin 0.2s, background 0.2s;
}
input.cmn-toggle-round-flat:checked + label {
    background-color: yellowgreen;
}
input.cmn-toggle-round-flat:checked + label:after {
    margin-left: 25px;
    background-color: yellowgreen;
}

.medewerkerdiv img{
    background-color:white;
}

.photodiv img{
    background-color:white;
}

.Forminputfile img{
    background-color: white;
}

.n34379n .Forminputcontainerlabel {
    width: 350px;
}

.timelinedirectlinkdiv{
    position: absolute;
    top: 0px;
    right: 0px;
    margin-top: 10px;
    font-size: 11px;
}

.cloudconcontainer{
    float: left;
    margin-top: 3px;
}

.cloudconcontainer .cloudcontainer_icon{
    margin-right: 10px;
}