/* content */
/*.tree {*/
/*    width: 41%;*/
/*}*/

/*.tree-content-name {*/
/*    width: 33%;*/
/*}*/

span.tree-content a {
    color: black;
    text-decoration: none;
}

span.tree-content a:hover {
    text-decoration: underline;
}

span.tree-content .selected {
    background-color: #fad184;
}

.tree-folder-closed {
    /*padding-left: 18px;*/
    position: relative;
}

/*.tree-folder-closed::before {*/
/*    font-family: "Ionicons";*/
/*    display: inline-block;*/
/*    content: "\f273";*/
/*    font-weight: 900;*/
/*    font-size: large;*/
/*    padding-right: 20px;*/
/*}*/

.tree-folder-open {
    /*padding-left: 18px;*/
    position: relative;
}

/*.tree-folder-open::before {*/
/*    font-family: "Ionicons";*/
/*    display: inline-block;*/
/*    content: "\f1fc";*/
/*    font-weight: 900;*/
/*    font-size: large;*/
/*    padding-right: 20px;*/
/*}*/

.tree-folder-other {
    padding-left: 18px;
    position: relative;
}

/*.tasklist-location-type .tree-label:before {*/
/*    font-family: "icomoon";*/
/*    display: inline-block;*/
/*    content: "\e947";*/
/*    font-weight: 900;*/
/*    font-size: large;*/
/*    padding-right: 10px;*/
/*}*/

/*.tasklist-inventory-type .tree-label:before {*/
/*    font-family: "Ionicons";*/
/*    display: inline-block;*/
/*    content: "\f2bd";*/
/*    font-weight: 900;*/
/*    font-size: large;*/
/*    padding-right: 10px;*/
/*}*/

/*.tasklist-inspection-type .tree-label:before {*/
/*    font-family: "icomoon";*/
/*    display: inline-block;*/
/*    content: "\e9cf";*/
/*    font-weight: 900;*/
/*    font-size: large;*/
/*    padding-right: 10px;*/
/*}*/

.make-cursor {
    font-size: 1.2em;
    cursor: pointer;
}

.just-cursor {
    cursor: pointer;
}

#input .formcomponent {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABHklEQVQ4EaVTO26DQBD1ohQWaS2lg9JybZ+AK7hNwx2oIoVf4UPQ0Lj1FdKktevIpel8AKNUkDcWMxpgSaIEaTVv3sx7uztiTdu2s/98DywOw3Dued4Who/M2aIx5lZV1aEsy0+qiwHELyi+Ytl0PQ69SxAxkWIA4RMRTdNsKE59juMcuZd6xIAFeZ6fGCdJ8kY4y7KAuTRNGd7jyEBXsdOPE3a0QGPsniOnnYMO67LgSQN9T41F2QGrQRRFCwyzoIF2qyBuKKbcOgPXdVeY9rMWgNsjf9ccYesJhk3f5dYT1HX9gR0LLQR30TnjkUEcx2uIuS4RnI+aj6sJR0AM8AaumPaM/rRehyWhXqbFAA9kh3/8/NvHxAYGAsZ/il8IalkCLBfNVAAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 16px 18px;
    background-position: 98% 50%;
    cursor: auto;
}

.resultaatblock {
    flex-grow: 0;
    flex-shrink: initial;
    flex-basis: 100%;
    max-width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
}

.publicationdate {
    font-size: 0.88889rem;
    line-height: 1.6875;
    font-weight: normal;
    color: #535353;
    margin: 0;
    margin-top: 0px;
    margin-top: 0.5rem;
}

.form .bericht.goed,
.form .bericht.goed p,
.form .bericht.goed li,
.form .bericht.waarschuwing,
.form .bericht.waarschuwing p,
.form .bericht.waarschuwing li,
.form .bericht.info,
.form .bericht.info p,
.form .bericht.info li,
.form .bericht.fout,
.form .bericht.fout p,
.form .bericht.fout li {
    font-size: 1.125rem;
    line-height: 1.33333;
}

.form .message.success, .form .message.success p, .form .message.success li {
    font-size: 1.125rem;
    line-height: 1.33333;
}

.form .bericht.goed p,
.form .bericht.waarschuwing p,
.form .bericht.info p,
.form .bericht.fout p {
    width: calc(100% - (32px + 0.5rem));
}

.form .message.success p {
    width: calc(100% - (32px + 0.5rem));
}

.form .bericht.goed p:last-child,
.form .bericht.waarschuwing p:last-child,
.form .bericht.info p:last-child,
.form .bericht.fout p:last-child,
.form .bericht.goed ul:last-child,
.form .bericht.waarschuwing ul:last-child,
.form .bericht.info ul:last-child,
.form .bericht.fout ul:last-child {
    margin-bottom: 0;
}

.form .message.success p:last-child, .form .message.success ul:last-child {
    margin-bottom: 0;
}

.form .bericht.goed li,
.form .bericht.waarschuwing li,
.form .bericht.info li,
.form .bericht.fout li {
    overflow: hidden;
    position: relative;
    padding-left: calc(7px + 0.75rem);
}

.form .message.success li {
    overflow: hidden;
    position: relative;
    padding-left: calc(7px + 0.75rem);
}

.form .message.success li::before {
    position: absolute;
    left: 0;
    content: "";
    background: #000;
    display: block;
    text-indent: -0.1em;
    width: 6px;
    height: 6px;
    top: 7.2px;
}

.form .message.success li::before {
    width: 7px;
    height: 7px;
    top: 9.5px;
}

.form .bericht.goed,
.form .bericht.waarschuwing,
.form .bericht.info,
.form .bericht.fout {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    padding: 1rem;
    padding-left: 1rem;
}

.form .message.success {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    padding: 1rem;
    padding-left: 1rem;
}

.form .bericht.goed {
    border-left: 5px solid limegreen;
}

.form .bericht.waarschuwing {
    border-left: 5px solid orange;
}

.form .bericht.info {
    border-left: 5px solid cyan;
}

.form .bericht.fout {
    border-left: 5px solid red;
    text-align: left;
}

.form .message.success::before {
    position: absolute;
    top: 1rem;
    left: 1rem;
    display: block;
    width: 24px;
    height: 24px;
    content: "";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill:%2339870C;%7D .st2%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='box'%3E%3Cg%3E%3Crect class='st0' width='24' height='24'/%3E%3C/g%3E%3C/g%3E%3Cg id='icon'%3E%3Cg%3E%3Cpath class='st1' d='M22.04,3.78c-0.16-0.95-0.88-1.67-1.83-1.83C17.48,1.5,12.91,1.5,12,1.5c-0.91,0-5.48,0-8.22,0.46 C2.83,2.11,2.11,2.83,1.96,3.78C1.5,6.52,1.5,11.09,1.5,12s0,5.48,0.46,8.22c0.16,0.95,0.88,1.67,1.83,1.83 c2.74,0.46,7.3,0.46,8.22,0.46c0.91,0,5.48,0,8.22-0.46c0.95-0.16,1.67-0.88,1.83-1.83c0.46-2.74,0.46-7.3,0.46-8.22 C22.5,9.26,22.5,6.52,22.04,3.78z'/%3E%3Cpath class='st2' d='M16.5,7.35c-0.31-0.23-0.75-0.19-1.01,0.1l-4.4,4.95l-2.65-2.3C8.16,9.86,7.75,9.86,7.47,10.1 c-0.28,0.24-0.35,0.65-0.16,0.97l3.2,5.38c0.14,0.23,0.38,0.37,0.64,0.37c0,0,0,0,0,0c0.26,0,0.51-0.14,0.64-0.36l4.89-8.09 C16.89,8.02,16.81,7.59,16.5,7.35z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
}

.form .bericht.goed,
.form .bericht.waarschuwing,
.form .bericht.info,
.form .bericht.fout {
    position: relative;
    padding-left: calc(24px + 2rem - 4px);
    background: #f8f8f8;
}

.form .message.success {
    position: relative;
    padding-left: calc(24px + 2rem - 4px);
    background: #e1eddb;
}

.form input:disabled {
    background-color: lightgrey;
}

.clippedtext {
    display: block;
    max-width: 200px;
    width: 100%;
    overflow-wrap: anywhere;
}

table[id*='_table'] > * > tr > * {
    width: 25%;
}

.site-footer {
    background-color: #f8f8f8;
    min-height: 200px;
}

#searchForm {
    color: white;
    min-width: 140px;
    top: 20px;
}

#searchForm a {
    top: 3px;
    position: absolute;
    background-color: #007bc7;
    color: white;
    padding: 3px 10px 2px 10px;
    border-radius: 2px;
    text-decoration: none;
    font-weight: bolder;
}

#searchForm a:hover {
    background-color: #66AFDD;
}

.table-button {
    color: black;
    padding: 3px 10px 2px 10px;
    border-radius: 2px;
    text-decoration: none;
    font-weight: bolder;
    float: right;
    margin-left: 0.5rem;
    min-width: 175px;
}

.form-horizontal {
    display: flex;
    margin-bottom: 1em;
}

.form-input {
    float: left;
    margin-left: 1em;
    height: 45px;
}

.negmargin {
    margin-left: -2px;
    z-index: 100;
}

.form-button {
    color: white !important;
    padding: 3px 10px 2px 10px !important;
    border-radius: 2px !important;
    text-decoration: none;
    font-weight: bolder;
    float: right;
    margin-left: 0.5rem;
}

.form-button-maxheight {
    height: 45px;
}

.form-button.link {
    padding: 3px 10px 2px 10px !important;
    color: white !important;
}

.red {
    background-color: red !important;
}

.blue {
    background-color: #01689b !important;
}

.yellow {
    background-color: #ffd11a !important;
}

.table-action-button {
    color: white;
    padding: 2px 25px 2px 25px;
    text-decoration: none;
    font-weight: bolder;
}

.table-action-button.red {
    background-color: red;
}

a.table-button:visited, a.table-button:visited,
a.table-button:visited::before, a.table-button:visited::after {
    color: black;
}

.logobtn {
    width: 25%;
    display: inline-block;
}

.confirmbox {
    background-color: #f8f8f8;
    margin-bottom: 20px;
    padding: 60px 60px 60px 60px;
    color: black;
    border-left: 5px solid orange;
    font-size: 1.1em;
    width: 100%;
}

.confirmsucces {
    border-left: 5px solid #007bc7;
}

.errorbox {
    background-color: #f8f8f8;
    margin-bottom: 20px;
    padding: 60px 60px 60px 60px;
    color: black;
    border-left: 5px solid red;
    font-size: 1.1em;
    width: 100%;
}

.breadcrumbpanel {
    float: left;
    width: 75%;
}

.table-responsive {
    border: solid 1px blue;
    max-height: 300px;
    margin-bottom: 10px;
    padding: 5px;
    overflow-y: scroll;
}

/*
#==============================================================================
## toegevoegd ivm nieuw Logius style.
#==============================================================================
*/
.navBarBottom {
    background-color: #C3DBB5;
    position: relative;
}

.introtekst {
    text-align: left;
    padding-bottom: 10px;
}

.outrotext {
    display: block;
    min-height: 112px;
    text-align: left;
}

.green {
    color: white !important;
    background-color: #6AA549 !important;
}

input.green {
    min-width: 175px !important;
}

fieldset.navigation a.green {
    padding: 8px 20px 8px 20px !important;
}

a.light-blue {
    color: black !important;
    background-color: #b2d7ee !important;
    min-width: 175px !important;
    text-align: center !important;
}

.light-dark-blue {
    color: white !important;
    background-color: #007bc7 !important;
    min-width: 175px !important;
    text-align: center !important;
}

.light-dark-blue:hover {
    background-color: #66afdd !important;
}

fieldset.navigation a.light-blue {
    padding: 6px 20px 9px 20px !important;
    color: black !important;
    background-color: #b2d7ee !important;
    min-width: 175px !important;
}

div.navBarBottom > div > img {
    float: left;
    width: 25px;
    max-width: 25px;
    height: 25px;
    max-height: 25px;
}

.digidbtn {
    width: 36%;
    display: inline-block;
    border: 2px solid black;
}

.digidbtn img {
    width: 25px;
    max-width: 25px;
    height: 25px;
    max-height: 25px;
}

.site-footer .column-left h2 {
    border-bottom: 1px solid #b4b4b4;
}

.site-footer .column-left h2, .site-footer .column-left ul a {
    color: #636363 !important;
    margin-left: -40px;
    text-decoration: none;
}

.site-footer .column-left ul a:hover,
.site-footer .column-left ul a:focus,
.site-footer .column-right ul a:hover,
.site-footer .column-right ul a:focus,
.site-footer .column-center ul a:hover,
.site-footer .column-center ul a:focus {
    color: #23527c;
    text-decoration: underline;
}

.site-footer .column-right h2 {
    border-bottom: 1px solid #b4b4b4;
}

.site-footer .column-right h2, .site-footer .column-right ul a {
    color: #636363 !important;
    margin-left: 140px;
    text-decoration: none;
}


.site-footer .column-center h2 {
    border-bottom: 1px solid #b4b4b4;
}

.site-footer .column-center h2, .site-footer .column-center ul a {
    color: #636363 !important;
    margin-left: 140px;
    text-decoration: none;
}

.kolom {
    display: block;
    width: 33.3%;
    list-style-type: none;
    text-decoration: none;
    padding: 1em;
    color: #636363 !important;
}

.kolomdouble {
    width: 66.6%;
}

.kolom a {
    text-decoration: none;
    color: #636363 !important;
}

.kolom a:hover {
    text-decoration: underline;
}

.kolom h3 {
    border-bottom: 1px solid #b4b4b4;
}

.site-footer > .wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1600px;
}

.table-action-button > a:visited {
    color: white !important;
}

.imgleft {
    float: left;
}

.textcenter {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

div.textcenter > a {
    text-decoration: none;
}

div.textcenter > a:hover {
    text-decoration: underline;
}

.textright {
    float: right;
}

.custom-idle, .w_content_container {
    background-color: #f8f8f8;
}

#countdown {
    font-size: 14px;
    color: gray !important;
}

.bevestiglabel1, .bevestiglabel2, .bevestiglabel3 {
    white-space: pre;
}

.form > div > fieldset.navigation {
    text-align: center;
}

a.login {
    text-align: center;
    display: block;
    width: 75%;
    text-decoration: none;
    margin: auto;
}

a.login:visited {
    color: black;
}

.login-header {
    min-height: 160px;
    text-align: left;
    background-color: #b2d7ee;
    margin-bottom: 10px;
    display: block;
    padding: 5px;
}

.login-header h2 {
    margin: 0;
}

.login-header-green {
    background-color: #6aa549;
    color: white;
}

.login-div {
    border: 1px solid blue;
    padding: 10px;
    float: left;
    max-width: 49%;
    margin-right: 5px;
    margin-left: 5px;
}

.common {
    clear: both;
}

.logged-in-als {
    float: left;
    min-width: 150px;
    width: 20%;
    height: 25px;
    padding-top: 5px;
}


.kolom-div {
    border: 1px solid blue;
    padding: 10px;
    float: left;
    max-width: 49%;
    margin-right: 5px;
    margin-left: 5px;
    color: black;
}

a.kolom-div {
    text-decoration: none;
}

a.kolom-div:hover {
    text-decoration: none;
    color: black;
}

a.kolom-div:visited {
    text-decoration: none;
    color: black;
}

.kolom-header {
    min-height: 130px;
    text-align: left;
    background-color: #b2d7ee;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

.kolom-header-green {
    background-color: #6aa549;
    color: white;
}

.content h1 {
    text-align: left;
    font-weight: normal;
}

.authentications {
    background-color: white;
    border: 1px solid gray;
    border-radius: 5px;
    width: 50%;
    padding: 7px 9px 0px 8px;
    color: black;
}

.authentications:hover {
    background-color: #9d9d9d;
    cursor: pointer;
    color: black;
}

.digid2 {
    float: left;
    width: 35px;
    height: 35px;
    margin: 2px auto;
}

#loginform > div > fieldset.navigation > div.authentications > h2 > span {
    margin-left: -140px;
}

.groterdan {
    float: right;
}

.spacer {
    clear: both;
}

.onzichtbaar {
    display: none;
}

.flexrow {
    flex-basis: 100%;
}

.spacing {
    margin: 1em;
}

.blockclass {
    display: block;
}

.tableheadtext {
    text-align: left;
    font-weight: bolder;
 }

/*
#==============================================================================
## Overriden values from responsive.css
#==============================================================================
*/

main > .wrapper:not(.is-full-width) {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    align-items: flex-start;
    margin-right: -16px;
    margin-left: -16px;
    text-align: center;
}

.logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding-bottom: 10px;
}

.breadCrumbNav {
    display: flex;
    align-items: center;
    align-self: center;
    flex-wrap: wrap;
    margin: 0 16px;
    padding: 1.5rem 0 0.75rem;
    font-size: 2.02729rem;
    line-height: 1.09252;
    color: #fff;
}

@media (min-width: 576px) {
    .breadCrumbNav {
        margin: 0 auto;
    }
}


.breadCrumbNav > span {
    font-weight: bold;
    font-color: #FFFFFF;
    font-size: 32px;
}


input[type="submit"] {
    font-size: 1.26562rem;
    line-height: 1.58025;
    width: auto;
    /* min-height: 44px; */
    padding: 0.75rem 1rem;
    cursor: pointer;
    border: none;
    border-radius: 0;
    color: #fff;
    background-color: #01689b;
}

fieldset {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    vertical-align: top;
    border: 0;
}


i {
    margin-right: 1em;
}

.faq li.antwoord ul {
    list-style-type: initial;
    margin-left: 1.5rem;
    padding-bottom: 1rem;
}

.faq li.vraag, .faq li.antwoord {
    text-align: left;
    padding: 1.25em;
}

.faq li.vraag {
    font-weight: bold;
    font-size: 120%;
    border-top: 1px #ccc solid;
    cursor: pointer;
}

.faq li.vraag:first-child {
    border-top: initial;
}


/*.faq li.vraag:nth-child(1),*/
/*.faq li.vraag:nth-child(5),*/
/*.faq li.vraag:nth-child(9) {*/
/*    background: #eee;*/
/*}*/

.faq li.antwoord {
    color: black;
    background: #fff;
    /*border-bottom: 1px #ccc solid;*/
    display: none;
}

.faq li.antwoord:last-child {
    border-bottom: 1px #ccc solid;
}

.teruglink {
    text-align: left;
    margin-bottom: 20px;
}

.breadcrumb {
    margin: auto;
    padding: 5px 0 0 0;
    list-style-type: none;
    height: 40px;
    line-height: 1.825;
    font-size: 1rem;
    color: black;
    width: 60%;
    display: block;
}

.breadcrumb a {
    text-decoration: none;
    color: black;
}

.breadcrumb > li {
    float: left;
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    content: ">";
    font-weight: bold;
}

.breadcrumb > li:last-child {
    font-weight: bold;
}

.row.flexrow .form {
    margin-bottom: 0;
    margin-top: 2rem;
}

.faqtitle {
    max-width: 50%;
    float: left;
}


.linkbutton {
    float: right;
    background-color: #729fcf;
    color: black;
    padding: 3px 10px 2px 10px;
    border-radius: 2px;
    text-decoration: none;
    font-weight: bolder;
}

.linkbutton:hover {
    background-color: #85bcf7;
}

.linkbutton:visited {
    color: black !important;
}

.clearfix {
    clear: both;
}

/*
#==============================================================================
## Overriden values from bootdtrap.css
#==============================================================================
*/
div.table-responsive > table > tbody > tr > td > div:not(.actions) {
    padding-left: 16px;
}

div.table-responsive > table > tbody > tr > td.treeColumnActionWidthNoBG > div {
    padding-left: 0 !important;
}

a.light-blue:hover {
    background-color: #66AFDD !important;
}

fieldset.navigation a.light-blue:hover {
    background-color: #66AFDD !important;
}

a.green:hover {
    background-color: #39870C !important;
}

input.green:hover {
    background-color: #39870C !important;
}

.putleft {
    float: left;
    margin-left: 0;
}

#loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white url(../images/loader.gif) no-repeat center center;
    z-index: 9999;
}

.onderhoud {
    border: solid;
    border-color: #FAB828;
    width: 1154px;
    height: 200px;
    background-color: #F8F8F8;
    margin-top: 1px;
    margin-right: 9px;
    margin-bottom: 15px;
    margin-left: 4px;
    padding-left: 35px;
    padding-right: 35px;
}

.onderhoud > div > div > span > p {
    font-size: 31px;
    text-align: left;
}

.onderhoud-title {
    border: solid;
    border-color: #FAB828;
    background-color: #FAB828;
    font-size: 35px;
    margin-left: -35px;
    margin-right: -35px;
}

.onderhoud img {
    width: 4%;
    max-width: 4%;
}

.fieldwidth {
    min-width: 600px;
}

.noscroll  {
    overflow-y: initial;
    min-height: 200px;
}

.tree-theme-human span.tree-content a.tree-folder-other:hover {
    text-decoration: none;
}

.treeColumnStatusWidth {
    width: 23.87%;
}

.treeColumnActionWidth {
    width: 16.66%;
}

.treeColumnActionWidthNoBG {
    width: 16.66%;
    background-color: white;
    z-index: 1;
}

main {
    padding-bottom: 0;
}

.norecords-td {
    padding-left: 16px !important;
}

/* Make the last part of the td with colspan="3" have a white background */
[colspan="3"].norecords-td {
    position: relative;
}

/* Create a pseudo-element for the last part */
[colspan="3"].norecords-td::after {
    content: "";
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: 83.433%;
    background-color: white;
}