Html, body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    justify-content: flex-start;
}

footer{
    position: inherit!important;
    margin-top: auto!important;
    color:#fff;
    bottom: auto!important;
    margin-top: 20px;
}

:root {
    --stl_lightblue: #005187;
    --stl_darkblue: #004b7d;
    --stl_btn_color:#009fd8;
    --stl_red:#A3195B;
    --stl_darkblue_text: #003960;
    --stl_red_text: #6A103B;
}

@font-face {
    font-family: Ubuntu;
    src: url(/css/webfonts/ubuntu-regular.ttf);
}

@font-face {
    font-family: Ubuntu;
    src: url(/css/webfonts/ubuntu-bold.ttf);
    font-weight: bold;
}

body {
    font-weight:400;
    font-size:16px;
    font-family:Ubuntu,Arial,sans-serif;
    color:#343434;
    line-height:1.875rem; 
}

body.quickform-iframe{
    overflow-y: hidden;
    background: transparent;
}

.page_section .row {
    padding-top: 25px;
    padding-bottom: 25px; 
}
/*
a, a:visited{
    color: #009fe3;
} */

a:hover, a:focus, a.text-primary:hover, a.text-primary:focus{
    color: #007fad;
}

.navbar-inverse .navbar-nav > li > a:focus {
    color: #009FE3;
    background-color: transparent;
    border-color: transparent;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #009FE3;
    background-color: transparent;
    border-bottom: none;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    color: #009FE3;
    background-color: transparent;
    border: none;
}

.navbar-static-top.navbar-inverse {
    background-color: #ccecfa; 
}

.navbar-inverse .navbar-nav li a {
    color: #005187;
    opacity: 1;
}

.user-greeting{
    display: none;
}

.username{
    display: none;
}

@media (min-width: 1200px){
    .navbar-nav{
        margin-top: 10px;
        display: inline-flex;
        align-items: center;
    }

    .navbar-static-top.navbar .menu-bar .navbar-nav li a {
        font-size: 1.8rem !important;
    }

    .user-greeting{
        display: inline;
    }

    .navbar-right{
        max-width: 788px !important;
    }
}

.navbar-static-top.navbar .menu-bar .navbar-nav li a {
    font-size: 1.7rem;
    font-family: inherit;
    font-weight: normal;
}

.text-primary{
    color: #009fe3
}

.section-landing {
    background: linear-gradient(to right, black, rgba(0, 0, 0, 0) 59%), url(STLhomepage1.jpg) no-repeat padding-box;
    border-radius: 40px 10px;
    background-position: center;
    opacity: 1;
    height: 400px;
    background-size: cover;
}

.section-landing .row > div .section-landing-heading {
    font-size: 3rem;
    color: #fff;
    font-weight: normal;
    text-transform: none;
}

.section-landing .row > div .section-landing-sub-heading {
    margin-top: 0;
    margin-bottom: 50px;
    font-size: 3rem;
    color: #fff;
    letter-spacing: 0px;
    text-transform: none;
}

fieldset:has(.section-hidden) {
display:none !important;
}


/*Scaling overflow*/
.page_section.overflow-nav {
    background: linear-gradient(180deg, #ccecfa 75%, transparent 25%);
}

/*Static non-interactive overflow for empty divs*/
.overflow-nav-ni {
    background: #ccecfa 75%;
    height: 250px;
    margin-bottom: -250px;
    z-index: -10;
    position: relative;
}

.section-sub-landing {
    background: linear-gradient(rgba(0, 0, 0, 0.5), #07aaf6), url("STLhomepage2.jpg") no-repeat center;
}

.section-diagonal-right .section-diagonal-right-content {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("STLhomepage3.jpg") no-repeat center;
}

.navbar-static-top.navbar-inverse .navbar-brand {
    color: #004b7d;
}

.crmEntityFormView .cell.crmquickform-cell:first-child{
    border: 0!important;
}

.breadcrumb {
    margin-bottom: 1em;
    margin-top: 1em;
}

.breadcrumb li a:hover {
    color: #e09931;
}

.breadcrumb li a {
    color: #004b7d;
}

.upload-template{
    display:none;
}

#mijn-active-documenten table{
    border-collapse: collapse;
}

#mijn-active-documenten .table-fluid tr.doc{
    overflow: hidden;
    margin-bottom: 10px;
}

#mijn-active-documenten .table-fluid tr.doc-explanation td{
    /*border-top: solid orange 2px;
    border-left: solid orange 2px;
    border-right: solid orange 2px;*/
    margin-top: 2px;
    padding-top: 2px;
}

#mijn-active-documenten .table-fluid tr.doc-explanation-subsidieovk td{
    /*border-top: solid orange 2px;
    border-left: solid orange 2px;
    border-right: solid orange 2px;*/
    margin-top: 2px;
    padding-top: 2px;
}
#mijn-active-documenten .table-fluid tr.doc.has-explanation{
    border-top:0;
}
#mijn-active-documenten .table-fluid tr.doc.has-explanation{
    border: solid orange 2px !important;
}
/*#mijn-active-documenten .table-fluid tr.doc.has-explanation td:first-child{
    border-left: solid orange 2px;	
}
#mijn-active-documenten .table-fluid tr.doc.has-explanation td:last-child{
    border-right: solid orange 2px;	
}*/

#mijn-active-documenten .table-fluid tr.doc.has-explanation-and-agreementoption{
    border-top:0;
}

#mijn-active-documenten .table-fluid tr.doc.has-explanation-and-agreementoption{
    border: solid orange 2px;
    border-bottom: 0;
    margin-bottom: 0px;
    border-top: 2px orange !important;
}

/*
#mijn-active-documenten .table-fluid tr.doc.has-explanation-and-agreementoption td:first-child{
    border-left: solid orange 2px;	
}
#mijn-active-documenten .table-fluid tr.doc.has-explanation-and-agreementoption td:last-child{
    border-right: solid orange 2px;	
}
*/

#mijn-active-documenten .table-fluid tr.doc.has-explanation-tobesigned{
    border-left: solid orange 2px;	
    border-right: solid orange 2px;	
    border-bottom: solid orange 2px;
}

#mijn-active-documenten .table-fluid tr.doc.has-agreementoption {
    border-top:0;    
    border-bottom: solid orange 2px;
    border-left: solid orange 2px;	
    border-right: solid orange 2px;	
}

#mijn-active-documenten .table-fluid tbody{
    border: none;
}

.doc .boolean-radio label {
    font-weight: 400;
    margin: 2px 0px 2px 6px;
}

span#crmp_akkoorddocument {
    display: inline-flex;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Ubuntu,Arial,sans-serif;
    color: #005187;
}

h1 {
    color: #a3195b;
    font-size: 40px;
    font-family: Ubuntu, Arial, sans-serif;
}

.stl-red {
    color: #A3195B !important;
}

p.form-intro {
    color: #00233b;
    font: 24px Ubuntu;
    letter-spacing: 0px;
    text-align: left;
    margin: 0px 0px 20px 0px;
    height: auto;
}

#mijn-active-documenten .table-fluid thead {
    display: none; 
}

@media (max-width: 767px) {
    #mijn-active-documenten .table-fluid tr {
        border-top: none !important;
    }

    #mijn-active-documenten .table-fluid td{
        padding-left: 1rem!important;
    }

    tr.show-details.hidden-details > td {
        padding-left: 0px !important;
    }
}

#mijn-active-documenten .table-fluid td{
    /*display: block;*/
    /*width: 100%!important;*/
    border-top: 0;
    padding: 1px;
    min-height: 30px;
}

#mijn-active-documenten .table-fluid tr {
    height: auto;
    padding: 1px;
}

#mijn-active-documenten table.table.table-fluid {
    border-bottom: none;
}

#mijn-active-documenten a.btn i, #mijn-active-documenten button.btn i{
    float: left;
    margin-right: 10px;
}

#mijn-active-documenten .filename{
    white-space: normal;
}

.fa.fa-check-circle.green{
    color:green;
}

.fa.fa-upload.orange{
    color:orange;
}

.fa.fa-search:before {
    content: url(~/images/icon_search);
}

.document-type{
    font-weight:900;  
}

div.button-wrapper{
    text-align: center;
    width:12rem;
}

div.button-wrapper a.btn, div.button-wrapper button.btn{
    padding: 6px 12px;
    width:100%;
}

span.fa-calendar:before {
    content: url("~/images/icon_calendar");
}

#mijn-active-documenten .table-fluid td.upload-inline-frame{
    display:none;
}

#mijn-active-documenten .table-fluid td.upload-inline-frame.open {
    display:block;
}  

#mijn-active-documenten .table-fluid tr.iframe-active{
    margin-bottom: 0px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
}

#mijn-active-documenten .table-fluid tr.has-iframe {
    border-top: none!important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#mijn-active-documenten .table-fluid tr.has-iframe td {
    padding:0px;
}

#mijn-active-documenten .statusreason{
    border: 1px solid orange;
    text-align: center;
    margin: 10px;
    padding: 5px;
    font-weight: 600;
}

.modal-body iframe{
    width:100%;
    border:none;
}

button.inline-form-close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.inline-form-close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #666;
}

.modal-close-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.fa-info-circle:hover:before {
    content: "\f05a";
    color: #e94e1b;
}

.fa-info-circle:before {
    content: "\f05a";
    color: #009fe3;
}

.filename i.fa{
    color:green;
    padding-right: 0.5rem;
}

.filename.file-rejected i.fa{
    color:orange;
}

#AttachFileLabel{
    font-size:1rem;
}

.page_section.section-tiles .tile{
    margin-top: 2rem;
    background: #F2FAFE;
    padding: 2rem;
    height: 100%;
    border-radius: 1.5em 0.5em 1.5em 0.5em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 300px;
}

.page_section.section-tiles {
    padding-bottom: 20px;
}

.tile-description > ul > li {
    line-height: 1.5;
    color: #00233B;
    font-size: 1.1em;
}

@media (min-width: 768px) {
    .row.equal {
        display: flex;
        flex-wrap: wrap;
    }
    
    table.table-messages tr:after {
        content: url(~/images/icon_arrow);
        position: relative;
        right: 10px;
        top: 20px;
        display: block;
        filter: invert(54%) sepia(73%) saturate(4842%) hue-rotate(170deg) brightness(99%) contrast(101%);
        transform: scale(1.5);
        width: 31px;
    }

    table.table-messages tr:hover:after {
        filter: invert(13%) sepia(26%) saturate(4842%) hue-rotate(-10deg) brightness(99%) contrast(101%);
    }
}

.tile .btn-tile{
    background: var(--stl_red);
    color: white;
    font-size: 1.5rem;
    font-weight: 400;
    height: auto;
    padding: 1rem 2rem;
    margin: auto 0 0 0;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid transparent;
    border-radius: 62.5rem;
}

div.tile > h4 {
    font-weight: bold;
    color: #A3195B;
}

.tile .btn-tile:hover{
    background-color:#E94E1B;
    color: #ffffff;
}

/* Styling for view selectors */

li#filterDropdownId > ul.dropdown-menu {
    border-radius: 1.5em;
    box-shadow: inset 0 0 0px 1px #7EA7C2;
    border: none;
    margin: auto;
    padding: 0px;
    height: 40px;
}

li#filterDropdownId > ul.dropdown-menu > li {
    height: 100%;
}

li#filterDropdownId > ul.dropdown-menu > li:last-child {
    border-radius: 0px;
    border-bottom-right-radius: 1.5em;
    border-top-right-radius: 1.5em;
}

li#filterDropdownId > ul.dropdown-menu > li:first-child {
    border-radius: 0px;
    border-bottom-left-radius: 1.5em;
    border-top-left-radius: 1.5em;
}

li#filterDropdownId > ul.dropdown-menu > li > a {
    margin: 0px;
    height: 100%;
    align-content: center;
    border-radius: inherit;
    color: #009FE3;
}

li#filterDropdownId > ul.dropdown-menu > li.active > a {
    background-color: var(--stl_red);
    border-color: var(--stl_red);
}

li#filterDropdownId > ul.dropdown-menu > li.active > a {
    color: white;
}



#subgrid_opleidingen .view-grid .dropdown-menu{
    display: inline-flex;
    padding:0;
    position: relative !important;
    top:0;
    left:0;
    margin:0px;
    background: transparent;
    border: none;
    min-width: 16px;
    -webkit-box-shadow:none;
    box-shadow: none;
}

#subgrid_opleidingen .view-grid .dropdown-menu a.edit-link{
    color: #009fd8;
    padding: 3px
}

#subgrid_opleidingen .view-grid .dropdown-menu a.edit-link:focus:hover,#subgrid_opleidingen .view-grid .dropdown-menu a.edit-link:focus{
    color: #007fad;
    outline:none;
}

#subgrid_opleidingen .view-grid .dropdown-menu a.edit-link:before{
    font: normal normal normal 14px/1 "Font Awesome 5 Free";
    content:"\f044";	
}
#subgrid_opleidingen .view-grid .dropdown button{
    display:none;
} 

.btn{
    border: 1px solid transparent;
    border-radius: 62.5rem;
    padding: .9375rem 1.875rem;
}

input#InsertButton,
a.btn-insert,
input.insert-btn {
    background-color: #a3195b;
}

input#InsertButton:hover,
a.btn-insert:hover {
    background-color: #E94E1B;
    border-color: #E94E1B;
}

.inline-nowrap-10 {
    display: inline-flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 10px;
}


.btn:hover{
    background-color:#E94E1B;
    color: #ffffff;
}

.btn-primary, .btn-primary:focus, .btn-primary.focus{
    background-color: #009fd8;
    border-color: transparent;
    outline-offset: 2px;
    font: normal normal normal 18px / 20px Ubuntu;
    padding: 15px 28px 15px 28px;
    max-height: 50px;
    align-content: center;
}

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: none;
}

.btn-primary:hover{
    background-color:#E94E1B;
    border-color: #E94E1B;
}

.btn-default {
    color: #009fd8;
    background-color: #fff;
    border-color: #009fd8;
}

.btn-default:hover{
    background-color: #E94E1B;
}

.btn-default.previous-btn:hover {
    background-color: transparent;
    color: #e94E1B;
    border-color: #e94e1b;
}

.btn.btn-default.previous-btn {
    outline-offset: 2px;
    font: normal normal normal 18px / 20px Ubuntu;
    padding: 15px 28px 15px 28px;
}

a.create-contact-action{
    color: #fff;
}
.btn-upload,  .btn-upload:focus{
    color: #009fd8;
    outline-offset: 2px;
    background-color: #fff;
    padding: 0px;
}

.btn-upload:hover {
    color: #A3195B;
    border: none;
    background: transparent;
}

.btn-upload:hover:before {
    filter: invert(19%) sepia(29%) saturate(7020%) hue-rotate(313deg) brightness(82%) contrast(96%);
}

.btn-upload:before {
    content: url(~/images/icon_upload);
    display: inline-block;
    height: 10px;
    position: relative;
    width: 30px;
    top: 3px;
    filter: invert(54%) sepia(73%) saturate(4842%) hue-rotate(170deg) brightness(99%) contrast(101%);
}

.btn-uploaded, .btn-uploaded:focus{
    color: #40AF00;
    outline-offset: 2px;
    background: transparent;
    padding: 0px;
}

.btn-uploaded:hover {
    color: #40AF00;
    border: none;
    background: transparent;
}

.btn-uploaded:before {
    content: url(~/images/icon_success);
    display: inline-block;
    height: 10px;
    position: relative;
    width: 30px;
    top: 3px;
    filter: invert(43%) sepia(167%) saturate(4842%) hue-rotate(129deg) brightness(99%) contrast(100%);
}

.btn[disabled]{
    opacity: 1;
}

.btn-default.launchentitylookup {
    height: inherit;
    border-radius: 0px 6px 6px 0px;
    background: #CCDCE7;
    border: 1px solid #005187;
    color: #005187;
    border-left: 0px;
}

button.btn.btn-default.clearlookupfield {
    height: inherit;
    border-radius: 0px 6px 6px 0px;
    background: #CCDCE7;
    border: 1px solid #005187;
    color: #005187;
    z-index: 3;
}

button.btn.btn-default.clearlookupfield:hover {
    border-radius: 0px 6px 6px 0px;
    background: #ccecfa;
    color: #005187;
}

button.flex-center {
    display: inline-flex;
    align-items: center;
}

button.btn-nav.wide {
    width: 240px;
}

.no-wrap {
    text-wrap: nowrap !important;
}

button.no-border {
    border: none !important;
}

button.btn-nav {
    height: 36px;
    width: 132px;
    border: 1px solid #005187;
    border-radius: 25px;
    background: #ccecfa;
    color: #005187;
    font-size: 1.8rem;
}

.navbar {
    min-height: 80px;
}

div .input-group-btn button.btn.btn-default.launchentitylookup:hover {
    border-radius: 0px 6px 6px 0px;
}

.btn-default.launchentitylookup:hover {
    border-radius: 0px 6px 6px 0px;
    background: #ccecfa;
    color: #005187;
}

.input-group-btn {
    height: 48px;
}

.upload-new-document{
    color: #007fad;
    border: 1px solid #007fad;  
}

.workflow-link{
    color: #007fad;
    border: 1px solid #007fad;  
}

.call-to-action.footer{
    text-align: center;
}

.call-to-action.header{
    /*border-bottom: 1px solid #7EA7C2;*/
}

.shaped-box{
    margin-bottom: 20px;
    margin-right: 5px;
    border: 1px;
    border-radius: 20px;
    border-color: #7EA7C2;
    border-style: solid;
    /*box-shadow: 1px 1px 5px 1px #e6e6ee;*/
}

.shaped-box-content{
    margin: 20px;
}

@media (max-width: 768px){
    
    .shaped-box {
        border:none !important;
    }

    .shaped-box-content{
        margin: 5px
    }

    .section-landing .row > div {
        margin-top: 20px;
    }
}

.page_section > .section-landing .row {
    padding-top: 25px;
    padding-bottom: 25px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: inherit;
}

.section-landing .row > div {
    margin-top: 0px;
}

.crmEntityFormView .cell{
    padding-left: 0px;
}

.crmEntityFormView .actions {
    border-top: none;
}

.crmEntityFormView .state, .crmEntityFormView .status {
    padding-left:0px;
}

/*
.details-link.has-tooltip:after{
    font: normal normal normal 14px/1 "Font Awesome 5 Free";
    content:"\f044";	
    float:right
}
*/

div.tooltip-inner{
    max-width: 300px;
    text-align: left;
    border-radius: 6px;
    font-family: 'Ubuntu';
    background-color: #CCECFA;
    opacity: 1 !important;
    padding: 10px;
    color: black;
    font: normal normal normal 14px / 20px Ubuntu;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #ccecfa;
}

.tooltip.in{
    opacity: 1;
}

@media (min-width: 768px){
    section.modal-lookup  .modal-dialog {
        width: 800px;
    }

    .username{
        display: inline !important;
    }
}

.modal-content {
    border-radius: 1.5em;
}

.btn.btn-default.remove-value{
    display:none;
}

/*
div.tab{
    margin-bottom: 20px;
    border: 2px;
    border-radius: 2px;
    border-color: #E6E6EE;
    border-style: solid;
    box-shadow: 1px 1px 5px 1px #e6e6ee;
}
*/

body.quickform-iframe div.tab{
    border: none;
    border-radius: 2px;
    border-color: transparent;
    border-style: solid;
    box-shadow: none;
}

/*
body:not(.quickform-iframe) .crmEntityFormView div.tab .tab-column, body:not(.quickform-iframe) .crmEntityFormView div.tab .tab-column:first-child{
    padding: 10px;
}
*/

div.page-header{
    border-bottom: 0px;
}

div.ms-ComboBox{
    height: 48px;
    font-size: 18px;
    padding: 0px;
}

div.list-page {
    padding: 15px;
    background-color: white;
    border-radius: 20px;
}

.overflow-nav-50 {
    background: linear-gradient(180deg, #ccecfa 300px, transparent 30px);
}

tr th a {
    color: #00233B;
}

div.ms-ComboBox:hover{
    border: none;
    box-shadow:none;
}

input.ms-ComboBox-Input:hover{
    border: 1px solid #005187;
    box-shadow: inset 2px 2px 4px #00233b3f, 0px 3px 6px #00233b59;
}

input.ms-ComboBox-Input{
    height: 48px;
    border: 1px solid #005187;
    border-radius: 6px !important;
    font-size: 18px !important;
    box-shadow: inset 2px 2px 4px #00233b3f;
    padding: 10px;
}

button.ms-ComboBox-CaretDown-button.root-225 {
    right: 5px;
}

.AddressPicker .ms-ComboBox:hover::after {
    border: 0px;
}

.AddressPickerPortalControl .ms-Stack::after {
    content: "";
    position: absolute;
    inset: 0px;
    border: none !important;
}

button.root-225:hover {
    background-color: transparent;
}

div.footer-top {
    background: #005187 0% 0% no-repeat padding-box;
    margin: auto;
    padding: 15px 44px 15px 44px;
    min-height: 139px;
    height:auto;
    display: flex;
    flex-wrap: wrap;
    gap:2px;
    justify-content: space-between;
}

div.footer-bottom {
    background: #003960 0% 0% no-repeat padding-box;
    margin: auto;
    min-height: 58px;
    font-size: 16px;
    padding: 15px 44px 15px 44px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.col-social{
    max-width: 50px;   
    max-height: 50px;
    padding-left: 0px;
    padding-right: 0px;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

row.footer-row {
    min-width: 175px;
    flex: 1;
    width: auto;
    max-width: 424px;
    margin: 5px 0px 5px 0px;
    min-height: 78px;
    height: auto;
}

img.footer-icon {
    height: auto;
    width: 100%;
    padding: 1px;
}

div.footer-socials {
    display: inline-flex;
    flex-wrap: nowrap;
    padding-top: 8px;
    gap: 10px;
    margin-left: -10px;
}

a.footer-link {
    color: #009fe3;
    display: flex;
    margin-inline-end: 18px;
    text-decoration: underline;
}

a.footer-link.underline-none {
    text-decoration: none;
}

a.footer-link.top-color {
    color: #CCECFA;
}

a.footer-link:hover {
    color: #fff;
    text-decoration: underline;
}

img#socials-tiktok:hover {
    content: url("~/images/icon_tiktok_invert");
}

img#socials-linkedin:hover{
    content: url("~/images/icon_linkedin_invert");
}

img#socials-facebook:hover{
    content: url("~/images/icon_facebook_invert");
}

img#socials-x:hover{
    content: url("~/images/icon_x_invert");
}

img#socials-instagram:hover{
    content: url("~/images/icon_instagram_invert");
}

img#socials-youtube:hover{
    content: url("~/images/icon_youtube_invert");
}

.sort-disabled {
    color: #00233B;
    text-decoration: none;
}

.label-radio{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
}

.no-padding-left{
    padding-left: 0px;
}

.msg-subject {
    word-break: normal;
}

.quickform .clearfix {
    border-left-width: 0px!important;
}

.field-label {
    color: #005187;
    font-size: 18px;
}

select.lookup{
    border-radius: 6px;
    border: 1px solid #005187;
}
span.picklist{
    display: flex;
    height: 48px;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

span.input-radio input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid #005187;
    border-radius: 10px;
    outline: none;
    background: #fff;
}

span.input-radio input:checked {
    background-color: transparent;
    outline: none;
}

span.input-radio input:hover {
    background-color: #f2fafe;
}

span.input-radio input:checked::after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #009FE3;
    margin: 3px;
}

html[dir=ltr] .crmEntityFormView .cell .picklist input[type=radio] {
    margin: 0px 5px 5px 0;
}

input[type="checkbox"]::after {
    content: '';
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    margin: -5px;
    border: 1px solid #005187;
    align-items: center;
    justify-content: center;
}

input[type="checkbox"]:checked::after{
    content: url(~/images/icon_checkmark);
    width: 20px;
    height: 20px;
    background-color: #009fe3;
    color: white;
}

input[type="checkbox"]{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type="checkbox"]:focus {
    outline: transparent;
}

tr:has(.control-hidden) {
    display: none !important;
}

.form-control {
    height: 48px;
    font-size: 18px;
    border: 1px solid #005187;
    border-radius: 6px;
    box-shadow: inset 2px 2px 4px #00233b3f;
}

.form-control:focus {
    outline: 0;
    box-shadow: inset 2px 2px 4px #00233b3f, 0px 3px 6px #00233b59;
    border: 1px solid #005187;
}



.form-control[readonly][aria-readonly=true], .form-control[readonly]{
    background-color: #eee;
    opacity: 1;

}

.form-control[disabled], 
fieldset[disabled] .form-control {
    background-color: #deeaf2;
    opacity: 1;
}

.form-control[readonly], 
fieldset[disabled][readonly=readonly] .form-control {
    background: none;
}

input.form-control {
    border: 1px solid #005187;
}


input.form-control::placeholder {
    color: #7F919D;
}

input[aria-invalid="true"],
textarea[aria-invalid="true"],
select[aria-invalid="true"] {
    border: 1px solid #dc0101;
}

input[aria-invalid="false"],
textarea[aria-invalid="false"],
select[aria-invalid="false"],
input[aria-invalid="true"][readonly="readonly"],
textarea[aria-invalid="true"][readonly="readonly"],
select[aria-invalid="true"][readonly="readonly"] {
    border: 1px solid #005187;
}

.control:has(input#emailaddress1),
.control:has(input#crmp_emailaddress1),
.control:has(input#crmp_emailadresdirecteur),
.control:has(input#emailaddress2),
.control:has(input#crmp_emailadrescontactpersoonbedrijf) {
    position: relative;
}

div.control:has(div.message-body),
div.control:has(iframe),
div:has(div.subgrid) {
    height: auto;
}

.control {
    height: 48px;
}

div.control:has(input[aria-invalid="true"].text):not(:has(div.input-group)):after {
    content: url(~/images/icon_error);
    color: red;
    position: relative;
    margin: -26px;
    top: 14px;
    width: 14px;
    height: 14px;
    display: inline-flex;
}

div.control div.input-group:has(input[aria-invalid="true"].text):not(:has(div.input-group)):after {
    content: url(~/images/icon_error);
    color: red;
    position: relative;
    margin: -29px;
    top: 14px;
    width: 14px;
    height: 14px;
    display: inline-flex;
    z-index: 2;
}



div.control div.input-group:has(input[aria-invalid="false"].text):not(:has(div.input-group)):after {
    content: url(~/images/icon_success);
    color: #40Af00;
    position: relative;
    margin: -29px;
    top: 14px;
    width: 14px;
    height: 14px;
    display: inline-flex;
    z-index: 2;
}

div.control:has(div.input-append.input-group.datetimepicker[aria-invalid="true"]):after {
    content: url(~/images/icon_error);
    color: red;
    position: relative;
    height: 0px;
    display: inline-flex;
    right: 70px;
    z-index: 3;
    top: -66%;
    float: right;
}

div.control:has(div.input-append.input-group.datetimepicker[aria-invalid="false"]):after {
    content: url(~/images/icon_success);
    color: #40Af00;
    position: relative;
    height: 0px;
    display: inline-flex;
    right: 70px;
    z-index: 3;
    top: -66%;
    float: right;
}

div.control:has(input[aria-invalid="false"].text):not(:has(div.input-group)):after {
    content: url(~/images/icon_success);
    color: #40Af00;
    position: relative;
    margin: -26px;
    top: 14px;
    width: 14px;
    height: 14px;
    display: inline-flex;
}

div.control:has(input#websiteurl[aria-invalid="true"].text):after {
    float: right;
    content: url(~/images/icon_error);
    color: red;
    position: relative;
    top: -5px;
    width: 14px;
    height: 14px;
    display: inline-flex;
    right: 40px;
}

div.control:has(input#websiteurl[aria-invalid="false"].text):after {
    content: url(~/images/icon_success);
    color: #40Af00;
    float: right;
    position: relative;
    top: -5px;
    width: 14px;
    height: 14px;
    display: inline-flex;
    right: 40px;
}

div#MessagePanel.alert.alert-danger {
    background-color: #ecd0dd !important;
}

span#MessageLabel > p {
    color: #a3195b;
}

.validation-summary,
div#MessagePanel.alert.alert-danger {
    border: 1px solid #a3195b;
    border-radius: 6px;
    padding: 15px 20px 15px 20px;
    margin: 20px;
    background-color: #ecd0dd;
}

.validation-header {
    color: #a3195b;
}

div.validation-summary ul li a {
    color: #a3195b !important;
}

div[aria-invalid="true"] span.input-group-addon,
div[aria-invalid="true"] input {
    border-color: #dc0101;
}

div[aria-invalid="false"] span.input-group-addon,
div[aria-invalid="false"] input  {
    border-color: #005187;
}

div.control:has(input[aria-invalid="true"][readonly="readonly"].text):after {
    content: '';
}

div.control:has(input[aria-invalid="true"].text#emailaddress1):after,
div.control:has(input[aria-invalid="true"].text#emailaddress2):after,
div.control:has(input[aria-invalid="true"].text#crmp_emailaddress1):after,
div.control:has(input[aria-invalid="true"].text#crmp_emailadresdirecteur):after,
div.control:has(input[aria-invalid="true"].text#crmp_emailadrescontactpersoonbedrijf):after {
    content: url(~/images/icon_error);
    color: red;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 33%;
    right: 15px;
    display: inline-flex;
    margin: 0px;
}

div.control:has(input[aria-invalid="false"].text#emailaddress1):after,
div.control:has(input[aria-invalid="false"].text#emailaddress2):after,
div.control:has(input[aria-invalid="false"].text#crmp_emailaddress1):after,
div.control:has(input[aria-invalid="false"].text#crmp_emailadresdirecteur):after,
div.control:has(input[aria-invalid="false"].text#crmp_emailadrescontactpersoonbedrijf):after {
    content: url(~/images/icon_success);
    color: #40Af00;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 33%;
    right: 15px;
    display: inline-flex;
    margin: 0px;
}

.crmEntityFormView td.cell {
    vertical-align: bottom;
}

td.cell.lookup.form-control-cell .control:has(select):after {
    content: url(~/images/icon_chevron_down_blue);
    top: 12px;
    position: relative;
    margin: -24px;
    pointer-events: none;
}

td.cell.lookup.form-control-cell .control:has(select.readonly):after,
td.cell.picklist-cell .control:has(select[readonly=readonly]):after,
td.cell.picklist-cell .control:has(select.readonly):after,
td.cell.picklist-cell .control:has(select.hidden):after {
    content: "";
}

#subsidieaanvraag_algemeen1 > div.tab.clearfix > div > div > fieldset {
    border: none;
    border-radius: 0px;
    padding: 0px;
    margin: 0px;
    height: auto;
}

td.cell.picklist-cell .control:has(select):after {
    content: url(~/images/icon_chevron_down_blue);
    top: 12px;
    position: relative;
    margin: -24px;
    pointer-events: none;
}

td.cell:empty,
h3.info.form-subgrid-heading:empty {
    display: none;
}

span.input-group-addon {
    border: 1px solid #005187;
    border-left: 0px;
    border-radius: 0px 6px 6px 0px;
    background-color: #ccdce7;
}

span.input-group-addon:hover {
    background-color: #ccecfa;
}

.input-group-addon:first-child {
    border-right: 0;
    border-left: 1px solid;
    border-radius: 6px 0px 0px 6px;
}

.input-group-addon:not(:first-child):not(:last-child), 
.input-group-btn:not(:first-child):not(:last-child), 
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0px 6px 6px 0px;
}

/*
td.clearfix.cell:has(div span.hidden) {
    display: none;
}
*/

.custom-dropdown {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

select#mobilephone_country,
select#crmp_mobilephone_country,
select#crmp_telefoonzakelijk_country,
select#telephone1_country,
select#crmp_mobielzakelijk_country {
    border-right: 0px;
    border-radius: 6px 0px 0px 6px;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    padding-left: 20px;
    -moz-appearance: none;
    width: 75px !important;
}

input#mobilephone_phonenumber,
input#crmp_mobilephone_phonenumber,
input#crmp_telefoonzakelijk_phonenumber,
input#telephone1_phonenumber,
input#crmp_mobielzakelijk_phonenumber {
    border-left: 0px;
    border-radius: 0px 6px 6px 0px;
    /*max-width: 190px;*/
    width: 100% !important;
}

div#phonecontrol_mobilephone::after,
div#phonecontrol_crmp_mobilephone::after,
div#phonecontrol_crmp_mobielzakelijk::after,
div#phonecontrol_telephone1::after,
div#phonecontrol_crmp_telefoonzakelijk::after {
    content: url(~/images/icon_chevron_down_blue);
    top: 12px;
    position: absolute;
    left: 50px;
    pointer-events: none;
}

div.control:has(div select#mobilephone_country[aria-invalid="true"])::after,
div.control:has(div select#crmp_mobilephone_country[aria-invalid="true"])::after,
div.control:has(div select#crmp_mobielzakelijk_country[aria-invalid="true"])::after,
div.control:has(div select#telephone1_country[aria-invalid="true"])::after,
div.control:has(div select#crmp_telefoonzakelijk_country[aria-invalid="true"])::after {
    content: url(~/images/icon_error);
    color: red;
    position: relative;
    top: -31px;
    /*display: inline-block; */
    right: 15px;
    float: right;
    height: 0px;
    margin: 0px;
}

div.control:has(div select#mobilephone_country[aria-invalid="false"])::after,
div.control:has(div select#crmp_mobilephone_country[aria-invalid="false"])::after,
div.control:has(div select#crmp_mobielzakelijk_country[aria-invalid="false"])::after,
div.control:has(div select#telephone1_country[aria-invalid="false"])::after,
div.control:has(div select#crmp_telefoonzakelijk_country[aria-invalid="false"])::after {
    content: url(~/images/icon_success);
    color: #40Af00;
    position: relative;
    top: -31px;
    /*display: inline-block; */
    right: 15px;
    float: right;
    height: 0px;
    margin: 0px;
}

/*
@media (max-width: 767px){
    div.control:has(div select#mobilephone_country[aria-invalid="true"])::after,
    div.control:has(div select#crmp_mobilephone_country[aria-invalid="true"])::after,
    div.control:has(div select#crmp_mobielzakelijk_country[aria-invalid="true"])::after,
    div.control:has(div select#crmp_telefoonzakelijk_country[aria-invalid="true"])::after,
    div.control:has(div select#mobilephone_country[aria-invalid="false"])::after,
    div.control:has(div select#crmp_mobilephone_country[aria-invalid="false"])::after,
    div.control:has(div select#crmp_mobielzakelijk_country[aria-invalid="false"])::after,
    div.control:has(div select#crmp_telefoonzakelijk_country[aria-invalid="false"])::after  {
        left: 85%;
    }
}
*/

div#phonecontrol_mobilephone,
div#phonecontrol_crmp_mobilephone,
div#phonecontrol_crmp_mobielzakelijk,
div#phonecontrol_telephone1,
div#phonecontrol_crmp_telefoonzakelijk {
    position: sticky;
    display: flex;
}

.bluecolor {
    filter: invert(18%) sepia(90%) saturate(1715%) hue-rotate(183deg) brightness(101%) contrast(103%);
}

.padding-right {
    padding-right: 15px;
}

.padding-top {
    padding-top: 15px;
}

.marketing-field {
    padding-top: 0px;
    padding-right: 28px;
    padding-bottom: 20px;
}

.columnContainer .section-title {
    border-bottom-width: 0;
    margin-bottom: 5px;
    padding-top: 0px;
    padding-right: 28px;
    padding-bottom: 20px;
}

.lp-form-field .lp-form-fieldInput {
    display: block;
    width: 100%;
    height: 35px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #949494;
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.lp-radioButton .lp-form-fieldInput {
    width: inherit;
    height: inherit;
    box-shadow: inherit;
    transition: inherit;
}

.lp-form-field .lp-form-fieldInput:focus-visible {
    outline: none;
}

.description-event{
    margin-bottom: 35px;
    margin-top: 15px;
    padding: 10px;
}

.crmEntityFormView .cell div.info.required label:after,
.crmEntityFormView .cell div.info label.required:after {
    content: ' •';
    color: #a94442;
}

div.description.above {
    margin-bottom: 10px;
    font-size: 18px;
}

ol.progress.list-group.top {
    border-radius: 6px;
    min-height: 50px;
    border: 1px solid #CCDCE7;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    background: none;
    box-shadow: none;
}

ol.progress li {
    background-color: #FFFFFF;
    height: 50px;
    border: none;
    font-size: 18px;
    font-weight: 200;
    flex: 1;
    align-content: center;
    min-width: 200px;
}

ol.progress li.incomplete {
    color: #7F919D;
}

ol li.list-group-item.active {
    color: white;
    background-color: #A3195B;
}

html[dir=ltr] li a {
    margin-left: 0px;
}

.glyphicon-ok {
    color: #40AF00;
}

.crmEntityFormView div.description.below {
    margin-top: 10px;
    font-size: 18px;
    display: inline-flex;
}

.crmEntityFormView fieldset:has(.no-form-container) {
    padding: 0px;
    background: transparent;
}

div.validation-summary h2 span.fa-info-circle:before {
    content: "\f05a";
    color: #e94e1b;
}

#EntityFormControl_8a4ecd70cb84ec118d216045bd885e02 fieldset {
    margin-bottom: 0px;
}

.crmEntityFormView fieldset {
    background: #f2fafe;
    border-radius: 40px;
    padding: 34px 40px 28px 40px;
    margin: 10px 0px 10px 0px;
}

div.crmEntityFormView legend.section-title {
    margin-bottom: 10px;
    float: left;
}

legend.section-title h3 {
    color: #A3195B;
    font: normal normal bold 1em Ubuntu;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

#crmp_aangemeldvoor_label {
    padding-top: 20px;
}

#crmp_typesubsidieaanvraag_4 {
    margin-left: unset;
}

label#crmp_nieuwsbriefinschrijvingportal_label,label#crmp_akkoordvoorwaarden_label, label#crmp_inschrijvennieuwsbrief_label, label#crmp_akkoordprivacybeleid_label, label#crmp_akkoordcaoensoob_label, label#crmp_inschrijvenvoornieuwsbrief_label {
    font-weight: normal;
    color: black;
}

.error-postalcode, .error-phonenumber {
    color: red;
}

.notification.warning {
    border: solid 1px #A3195B;
    border-radius: 6px;
    padding: 20px 15px 20px 15px;
    background-color: #ecd0dd;
    color: #a3195b;
    margin-top: 10px;
    display: inline-flex;
    font-size: 18px;
}

.notification.info {
    border: #CCDCE7;
    border-radius: 6px;
    padding: 20px 15px 20px 15px;
    background-color: #CCECFA;
    color: #00233B;
    margin-top: 10px;
    font-size: 18px;
    display: inline-flex;
}

.document.notification.warning {
    margin-top: 0px;
    margin-bottom: 10px;
}

div.notification.info,
div.notification.warning {
    display: block;
}

label {
    margin-right: 5px;
    margin-bottom: 10px;
}

table.table.no-header thead {
    display: none;
}

table>thead>tr>th, 
.table>thead>tr>td, 
.table>tbody>tr>th, 
.table>tbody>tr>td, 
.table>tfoot>tr>th, 
.table>tfoot>tr>td {
    border-color: #7EA7C2;
}

table.table-messages > tbody > tr > td {
    vertical-align: middle;
    line-height: 2;
}

table.table-messages > tbody > tr {
    min-height: 60px;
}

table.table.table-fluid,
table.table.table-fluid tr {
    border-bottom: 1px solid #7EA7C2;
}

table.table.table-messages.no-header.table-fluid {
    border-top: 1px solid #7EA7C2;
}

.crmEntityFormView fieldset:has(table[data-name="portal_section_address"]),
.crmEntityFormView fieldset:has(table[data-name="portal_section_address2"]),
.crmEntityFormView fieldset:has(table[data-name="aanvraag_interventie_section_3"]),
.crmEntityFormView fieldset:has(table[data-name="aanvraag_interventie_section_4"]),
.crmEntityFormView fieldset:has(table[data-name="aanvraag_interventie_section_5"]),
.crmEntityFormView fieldset:has(table[data-name="aanvraag_interventie_section_6"]),
table[data-name='aanvraag_interventie_section_3'] {
    display: none;
}

.crmEntityFormView fieldset:has(table[data-name="portal_section_address"].active),
.crmEntityFormView fieldset:has(table[data-name="portal_section_address2"].active),
.crmEntityFormView fieldset:has(table[data-name="aanvraag_interventie_section_3"].active),
.crmEntityFormView fieldset:has(table[data-name="aanvraag_interventie_section_4"].active),
.crmEntityFormView fieldset:has(table[data-name="aanvraag_interventie_section_5"].active),
.crmEntityFormView fieldset:has(table[data-name="aanvraag_interventie_section_6"].active),
table[data-name='aanvraag_interventie_section_3'].active {
    display: block;
}

@media (max-width: 767px) {
    table[data-name='aanvraag_interventie_section_3']{
        display: none!important;
    }
    table[data-name='aanvraag_interventie_section_3'].active{
        display: inline!important;
    }

    table[data-name='aanvraag_interventie_section_4']{
        display: none!important;
    }

    table[data-name='aanvraag_interventie_section_4'].active{
        display: grid!important;
    }

    h1 {
        font-size: 32px;
    }

    td.clearfix.cell.text.form-control-cell {
        min-height: 50px;
    }

    .section-landing {
        height: 200px;
        border-radius: 0px 0px 40px 0px;
    }

    .btn-insert {
        padding: 15px 15px 15px 15px;
    }

} 

table[data-name='aanvraag_interventie_section_4']{
    display: none;
}  

table[data-name='aanvraag_interventie_section_4'].active{
    display: table;
}

table[data-name='aanvraag_interventie_section_5']{
    display: none;
}  

table[data-name='aanvraag_interventie_section_5'].active{
    display: table;
}

@media (max-width: 767px) {
    table[data-name='aanvraag_interventie_section_5']{
        display: none!important;
    }
}  

@media (max-width: 767px) {
    table[data-name='aanvraag_interventie_section_5'].active{
        display: table!important;
    }
} 

table[data-name='aanvraag_interventie_section_6']{
    display: none;
}  

table[data-name='aanvraag_interventie_section_6'].active{
    display: table;
}

@media (max-width: 767px) {
    table[data-name='aanvraag_interventie_section_6']{
        display: none!important;
    }
}  

@media (max-width: 767px) {
    table[data-name='aanvraag_interventie_section_6'].active{
        display: inline!important;
    }
} 
.nieuwe-opdrachten-provider .view-grid .dropdown-menu{
    display: inline-flex;
    padding:0;
    position: relative !important;
    top:0;
    left:0;
    margin:0px;
    background: transparent;
    border: none;
    min-width: 16px;
    -webkit-box-shadow:none;
    box-shadow: none;
}

.nieuwe-opdrachten-provider .view-grid tbody .details-link.has-tooltip {
    pointer-events: none;
    color: #343434;
}

.nieuwe-opdrachten-provider .view-grid tbody .dropdown-menu>li>a:hover {
    background-color: transparent;
}

.nieuwe-opdrachten-provider .view-grid tbody .details-link.has-tooltip:after {
    display: none;
}

@media (max-width: 767px) {
    .nieuwe-opdrachten-provider .view-grid tbody .details-link.has-tooltip:after {
        display: none!important;
    }
}  

.nieuwe-opdrachten-provider .view-grid .dropdown-menu a.edit-link{
    padding: 3px
}

.nieuwe-opdrachten-provider .view-grid .dropdown-menu a.edit-link:focus:hover,.nieuwe-opdrachten-provider .view-grid .dropdown-menu a.edit-link:focus{
    outline:none;
}

.nieuwe-opdrachten-provider .view-grid .dropdown button{
    display:none;
} 

.accept-order {
    color: #2f5fef;
}

.glyphicon-check,
.glyphicon-unchecked {
    cursor: pointer;
}

.glyphicon-menu-down {
    color: var(--stl_btn_color);
    font-size: 1.2rem;
}

li.open a .glyphicon.glyphicon-menu-down {
    rotate: 180deg;
}

.no-pointer-events {
    pointer-events: none;
}   

/* flip view layout */
.view-toolbar .view-select .selected-view {
    display: none;
}

.view-toolbar .view-select .dropdown .dropdown-menu {
    position: relative;
    display: block;
    z-index: 1; /* Obsolete? */
}

.view-toolbar .view-select .dropdown .dropdown-menu li {
    display: inline-block;
}

.lopende-opdrachten-provider .view-grid .dropdown-menu{
    display: inline-flex;
    padding:0;
    position: relative !important;
    top:0;
    left:0;
    margin:0px;
    background: transparent;
    border: none;
    min-width: 16px;
    -webkit-box-shadow:none;
    box-shadow: none;
}


.lopende-opdrachten-provider .view-grid .dropdown-menu a.details-link,
.lopende-opdrachten-provider .view-grid .dropdown-menu a.details-link:focus:hover,
#subgrid_opleidingen .view-grid .dropdown-menu a.details-link:focus,
.lopende-opdrachten-provider .view-grid .dropdown button {
    display: none;
}

#ContentContainer_FormPanel #cnm_fullsalutation {
    height: 35px;
}

.doelgroep-padding {
    padding-bottom: 0px!important;
    padding-top: 20px!important;
}

table[data-name='Algemeen_account'],
table[data-name='Algemeen_contact'] {
    display: none;
}  

table[data-name='Algemeen_contact'].active,
table[data-name='Algemeen_account'].active {
    display: table;
}

@media (max-width: 767px) {
    table[data-name='Algemeen_contact']{
        display: none!important;
    }  
    table[data-name='Algemeen_contact'].active{
        display: table!important;
    } 
    table[data-name='Algemeen_account'].active{
        display: table!important;
    }  
    table[data-name='Algemeen_account']{
        display: none!important;
    }  
} 

.css-154, .css-159, .css-137, .css-226, .css-227, .css-231, .css-209, .css-210 {
    margin-left: 5px;
}

.text-muted {
    visibility: hidden;
}

.disable-click {
    pointer-events:none;
}

#crmp_prijsinterventie,
#crmp_prijsinterventie_label,
.text-muted { 
    visibility: hidden;
}  

#crmp_prijsinterventie.active,
#crmp_prijsinterventie_label.active{
    visibility: visible;
}

.list-group-item-success {
    visibility: inherit!important;
}

.crmEntityFormView .cell div.info.optional label:after {
    content: ' *';
    color: blue;
}

.css-154 {
    border: 1px solid #949494;
}

.navbar-inverse .navbar-toggle {
    background-color: #A3195B;
    margin: 0px;
    height: 56px;
    width: 60px;
    border-radius: 0px 0px 0px 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    border: none;
}

button.btn-nav.narrow:hover {
    color: #009FE3;
    border-color: #009FE3;
}

.btn-nav.narrow:hover > svg {
    fill: #009FE3;
}

.navbar-inverse .navbar-toggle:hover {
    background-color: #A3195B;
}

.navbar-toggle .icon-bar {
    border: 1px solid #fff;
    margin: 3px;
}

.textarea-home {
    word-break: keep-all;
}

@media (max-width: 767px) {
    .table-fluid td {
        word-break: keep-all;
    }

    #content-container {
        margin-right: 0px;
        margin-left: 0px;
    }
}

/* Update navbar responsiveness */
@media (min-width: 415px) {
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-inverse .navbar-toggle {
        display: none;
    }

    .navbar-header {
        float: left;
    }

    .navbar-right {
        float: right !important;
        margin-right: 0px;
        min-width: 350px;
        max-width: 633px;
    }
    
    .navbar-nav{
        float: right !important;
    }

    .navbar-right .dropdown-menu {
        right: 0;
    }

    .nav>li {
        position: relative;
        display: inline-flex;
    }

    .navbar-inverse .navbar-nav > li > a:hover {
        color: #009FE3;
        background-color: transparent;
        border-bottom: none;
        padding-bottom: 14px;
    }

    .secondary-navbar {
        float: right !important;
    }

    .nav.navbar-nav.weblinks.secondary-navbar > li > a {
        color: #00233B;
        font-weight: 800;
    }
    
    .nav.navbar-nav.weblinks.secondary-navbar li.open a.dropdown-toggle {
        color: var(--stl_red);
    }
}

#navbar .dropdown-menu {
    margin-top: 0px;
}

@media (max-width: 414px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: inherit;
    }
    
    .username{
        display: inline !important;
    }

}

@media (max-width: 1199px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #005187;
    }

    .navbar-nav .open .dropdown-menu {
        width: max-content;
        background-color: white;
        border: 1px solid lightgray;
        box-shadow: none;
        color: #005187;
        position: absolute;
    }
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    background-color: #E94E1B;
    color: #ffffff;
    border: none;
}

/* Mobile navigation */
/* The Overlay (background) */
.overlay {
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    right: 0;
    top: 0;
    background-color: #003960; /* Black fallback color */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.2s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
  }
  
  .overlay-content {
    position: relative;
    top: 25%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
    padding: 30px; /* 30px padding */
  }
  
  .overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
  }
  
  .overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
  }
  
  .overlay .closebtn {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 53px;
    height: 60px;
    width: 60px;
    align-content: center;
    text-align: center;
    color: white;
    background-color: var(--stl_red);
    border-bottom-left-radius: 20px;
    font-weight: 100;
    }
  
  @media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {
      font-size: 40px;
      top: 15px;
      right: 35px;
    }
  }

.table-messages tr a.details-link,
.table-messages tr time {
    color: var(--stl_darkblue_text);
}

.table-messages tr:hover a.details-link,
.table-messages tr:hover time {
    color: var(--stl_red_text);
    text-decoration: none;
}

div.no-action-buttons td[aria-label="actiemenu"] {
    display: none;
}

@media (max-width: 767px) {
    
    table[data-name='aanvraag_interventie_section_3'],
    table[data-name='aanvraag_interventie_section_4'],
    table[data-name='aanvraag_interventie_section_5'],
    table[data-name='aanvraag_interventie_section_6']{
        display: none!important;
    }

    table[data-name='aanvraag_interventie_section_3'].active{
        display: inline!important;
    }

    table[data-name='aanvraag_interventie_section_4'].active{
        display: grid!important;
    }

    table[data-name='aanvraag_interventie_section_5'].active,
    table[data-name='aanvraag_interventie_section_6'].active{
        display: table!important;
    }

    h1 {
        font-size: 32px;
    }

    td.clearfix.cell.text.form-control-cell {
        min-height: 50px;
    }

    .section-landing {
        height: 200px;
        border-radius: 0px 0px 40px 0px;
    }

    .btn-insert {
        padding: 15px 15px 15px 15px;
    }

} 

table[data-name='aanvraag_interventie_section_4'],
table[data-name='aanvraag_interventie_section_5'],
table[data-name='aanvraag_interventie_section_6'] {
    display: none;
}  

table[data-name='aanvraag_interventie_section_4'].active,
table[data-name='aanvraag_interventie_section_5'].active,
table[data-name='aanvraag_interventie_section_6'].active{
    display: table;
}
/*

@media (max-width: 767px) {
    table[data-name='aanvraag_interventie_section_4']{
        display: none!important;
    }
}  

@media (max-width: 767px) {
    table[data-name='aanvraag_interventie_section_4'].active{
        display: grid!important;
    }
} 
*/

.lopende-opdrachten-provider .view-grid .dropdown-menu a.details-link,
.lopende-opdrachten-provider .view-grid .dropdown-menu a.details-link:focus:hover,
#subgrid_opleidingen .view-grid .dropdown-menu a.details-link:focus,
.lopende-opdrachten-provider .view-grid .dropdown button {
    display: none;
} 

table[data-name='Algemeen_account'],
table[data-name='Algemeen_contact'] {
    display: none;
}  

table[data-name='Algemeen_contact'].active,
table[data-name='Algemeen_account'].active {
    display: table;
}

@media (max-width: 767px) {
    table[data-name='Algemeen_contact']{
        display: none!important;
    }  
    table[data-name='Algemeen_contact'].active{
        display: table!important;
    } 
    table[data-name='Algemeen_account'].active{
        display: table!important;
    }  
    table[data-name='Algemeen_account']{
        display: none!important;
    }  
}

.disable-click {
    pointer-events:none;
}

#navbar .dropdown-menu {
    margin-top: 0px;
}

@media (max-width: 414px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

    .navbar-nav{
        margin:0px;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: inherit;
    }
    
    div.navbar-right > .nav>li {
        display: inline-flex;
        width: 100%;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column;
    }

    tr.show-details.hidden-details > td {
        padding-left: 0px !important;
    }

    /* Mobile navigation 
    :not(:has(button.btn-signin))
    */
    .container:has(div.collapse.in),
    .container:has(div.collapsing) {
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: 1001;
        right: 0;
        top: 0;
        background-color: #003960;
        overflow-x: hidden;
        transition: 0.2s;
    }

    .container:has(div.collapse.in) > div > div > div > div > div > a > img#header_img_mobile,
    .container:has(div.collapsing) > div > div > div > div > div > a > img#header_img_mobile,
    div.collapse.in > #header_img_mobile {
        display: none;
    }

    .navbar-inverse .navbar-nav li a {
        color: #A3DDF6;
        opacity: 1;
        margin-left: 15px;
        border: 1px solid #005187;
        margin-right: 15px;
        border-left: none;
        border-right: none;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #a3ddf6;
    }

    .nav>li>a>img.bluecolor {
        filter: invert(53%) sepia(132%) saturate(1715%) hue-rotate(185deg) brightness(116%) contrast(74%);
    }

    button.navbar-toggle[aria-expanded=false]:after {
        content: url(~/images/icon_list);
        position: absolute;
        top: 21px;
        filter: invert(1);
        right: 21px;
        scale: 2;
    }

    button.navbar-toggle[aria-expanded=true]:after {
        content: url(~/images/icon_close);
        position: absolute;
        top: 21px;
        filter: invert(1);
        right: 21px;
        scale: 2;
    }

}

/* hide toggle if there is no signin option. 
div.navbar-inverse:has(button.btn-signin) >div>div> .navbar-toggle {
    display: none;
}
*/

.mark-as-read {
    height: 50px;
    border: 1px solid #7EA7C2;
    max-width: 250px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}

.mark-as-read > input[type="checkbox"] {
    display: inline-flex;
}

.mark-as-read > label {
    margin: 5px 15px;
    font-weight: normal;
    color: #00233B;
}

h3.message-header {
    border-bottom: 2px solid #7EA7C2; 
    padding-bottom: 10px;
    font-size: 2.5rem;
}

div.message-body {
    border-bottom: 2px solid #7EA7C2; 
    padding-bottom: 10px; 
    margin-bottom: 10px;
}

.grid-actions {
    border-bottom: none;
}

div[data-name='portal_hidden'] > div.tab-column {
    display: none !important;
}