.open_link {
    font-weight: bold;
}

.dropdown-menu.dropdown-menu-right {
    position: absolute;
}

.dropdown-menu.dropdown-menu-left {
    position: absolute;
    left: -120;
}

#filter_lijst_content table tr:first-child {
    display: none;
}

/**
.kleur1
{
  background-color: #FFFF00 !important;
  color: #ffffff  !important;
}

.kleur2
{
  background-color: #0000FF  !important;
  color: #ffffff  !important;
}
**/

.kv-filter-style {
    /*background-color: #e8e8e9 !important;*/
    /*color: #5d5d5d;*/
    /*border: 1px solid #e8e8e9;*/
}

.kv-filter-style.active {
    background-color: #e8e8e9 !important;
    color: #5d5d5d;
    border: 1px solid #e8e8e9;
    /*border-color: #ffffff !important;*/
    /*color: #000000 !important;*/
    font-weight: 600;
}

.kv-filter-style i {
    display: none;
}

.kv-filter-style.active i {
    display: inline-block;
}

.kv-filter-style.active:active {
    background-color: #DDDDDD !important;
    color: #5d5d5d;
    border: 1px solid #e8e8e9;
}

.kv-filter-style.active:focus {
    background-color: #DDDDDD !important;
    color: #5d5d5d;
    border: 1px solid #e8e8e9;
}

/**/
/*.kv-filter-style.active:before*/
/*{*/
/*content: "X ";*/
/*font-weight: bold; */
/*}*/
/**/
.kv-filter-style:hover {
    background-color: #DDDDDD !important;
    color: #5d5d5d;
    border: 1px solid #e8e8e9;
}

.kv-filter-style.active:hover {
    background-color: #DDDDDD !important;
    color: #5d5d5d;
    border: 1px solid #e8e8e9;
}

.w-25 {
    width: 25%;
}

.w-75 {
    width: 75%;
}

.sidenav-inner {
    margin-top: 0.6px;
}

.modal-dialog-scrollable .modal-body {
    overflow-x: hidden;
}

span.fancytree-expander {


    display: none;

}

ul.fancytree-container {

    font-family: 'Georgia', tahoma, arial, helvetica;
    font-size: 10pt;
    white-space: nowrap;

}

.cursor-pointer {
    cursor: pointer;
}

.fancytree-title:hover {
    font-style: normal;

    color: #883535;
}

@media (min-width: 992px) {
    #kvmenu {
        margin-bottom: 28px;
    }
}

.modal {
    z-index: 1101;
}

.select2-container {
    z-index: 1102;
}

#geosubmenu td {
    font-size: 14px;
}

.sidenav-vertical, .sidenav-vertical .sidenav-block, .sidenav-vertical .sidenav-inner > .sidenav-item, .sidenav-vertical .sidenav-inner > .sidenav-header {
    width: 22rem;
}

.sidenav-collapsed:not(:hover) .sidenav-inner > .sidenav-header, .sidenav-collapsed:not(:hover) .sidenav-block {
    width: 22rem;
}

.zoeken_door_lagen {
    /*padding: 10px 5px 10px 5px;*/
    background-color: white;
    /* height: 50px; */
    padding: 4px;
    border-top: 1px SOLID #ccc;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0px;
}

/*#kvmenu ul:first-child {*/
/*    margin-bottom: 80px;*/
/*}*/

@media (min-width: 992px) {
    .zoeken_door_lagen {
        bottom: 0;
    }

    /*#kvmenu ul:first-child {*/
    /*    margin-bottom: 40px;*/
    /*}*/
    .layout-collapsed:not(.layout-sidenav-hover):not(.layout-offcanvas):not(.layout-fixed-offcanvas) .layout-sidenav .sidenav-vertical .sidenav-inner > .sidenav-header, .layout-collapsed:not(.layout-sidenav-hover):not(.layout-offcanvas):not(.layout-fixed-offcanvas) .layout-sidenav .sidenav-vertical .sidenav-block, .layout-collapsed:not(.layout-sidenav-hover):not(.layout-offcanvas):not(.layout-fixed-offcanvas) .layout-sidenav.sidenav-vertical .sidenav-inner > .sidenav-header, .layout-collapsed:not(.layout-sidenav-hover):not(.layout-offcanvas):not(.layout-fixed-offcanvas) .layout-sidenav.sidenav-vertical .sidenav-block {
        width: 0rem;
    }
}

@media (min-width: 992px) {
    .layout-collapsed.layout-offcanvas .layout-sidenav {
        margin-right: -22rem;
    }

    .layout-collapsed.layout-offcanvas.layout-reversed .layout-sidenav {
        margin-left: -22rem;
    }
}

@media (min-width: 992px) {
    .layout-fixed:not(.layout-collapsed) .layout-container, .layout-fixed-offcanvas:not(.layout-collapsed) .layout-container {
        padding-left: 22rem
    }

    .layout-fixed:not(.layout-collapsed).layout-reversed .layout-container, .layout-fixed-offcanvas:not(.layout-collapsed).layout-reversed .layout-container {
        padding-right: 22rem;
    }
}

@media (min-width: 992px) {

    .layout-navbar-fixed:not(.layout-collapsed) .layout-2 .layout-navbar, .layout-fixed.layout-navbar-fixed:not(.layout-collapsed) .layout-2 .layout-navbar, .layout-fixed-offcanvas.layout-navbar-fixed:not(.layout-collapsed) .layout-2 .layout-navbar {
        left: 22rem
    }

    .layout-navbar-fixed:not(.layout-collapsed).layout-reversed .layout-2 .layout-navbar, .layout-fixed.layout-navbar-fixed:not(.layout-collapsed).layout-reversed .layout-2 .layout-navbar, .layout-fixed-offcanvas.layout-navbar-fixed:not(.layout-collapsed).layout-reversed .layout-2 .layout-navbar {
        right: 22rem;
    }
}

@media (min-width: 992px) {
    .layout-footer-fixed:not(.layout-collapsed) .layout-wrapper:not(.layout-without-sidenav) .layout-footer {
        left: 22rem
    }

    .layout-footer-fixed:not(.layout-collapsed).layout-reversed .layout-wrapper:not(.layout-without-sidenav) .layout-footer {
        right: 22rem;
    }

    .autocomplete-suggestions {
        max-width:max-content !important;
        width:max-content !important;
        overflow-y: scroll;
    }
}

@media (min-width: 768px) {

    .toast-top-right {
        top: 60px;
        /*right: 23rem;*/
    }
}

@media (max-width: 767px) {
    .sidenav-vertical, .sidenav-vertical .sidenav-block, .sidenav-vertical .sidenav-inner > .sidenav-item, .sidenav-vertical .sidenav-inner > .sidenav-header {
        width: 100%;
    }

    .klik_resize, #opensluitmenu {
        display: none !important;
    }

    .toast-top-right {
        top: 20px;
        right: 1rem;
    }

    #divUserSessions {
        max-height: calc(100vh - 584px);
        overflow: auto;
    }

    .btnThemeChanger {
        display: none;
    }

    .btnThemeChangerTitle {
        display: none;
    }
}

.clients-sidebox-close {

    position: unset;
    top: unset;
    left: unset;
    z-index: unset;
}

.modal.show .modal-dialog {
    margin-top: 55px;
}

.sidenav-horizontal-wrapper {
    width: 100%;
}

.card-header {
    padding: .475rem 0.6rem;
    font-weight: bold;
}

.dtr-data {
    float: right;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
    margin-left: 7px;
}


.modal-footer {
    justify-content: unset !important;
}

.DTE_Form_Buttons {
    width: 100%;
    margin-left: 0 !important;
}

.bg-sidenav-theme .sidenav-item.disabled .sidenav-link, .bg-sidenav-theme .sidenav-horizontal-prev.disabled, .bg-sidenav-theme .sidenav-horizontal-next.disabled {
    display: none;
}

.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus, .pagination li.active > a:not(.page-link), .pagination li.active > a:not(.page-link):hover, .pagination li.active > a:not(.page-link):focus {
    border-color: #d9534f;
    background-color: #d9534f;
}

.aciTreeText {
    /*height: auto !important;*/
}

.aciTreeItem {
    height: auto !important;
    padding-top: 4px !important;
    padding-bottom: 2px !important;
    margin-bottom: 0 !important;
}

.aciTree .aciTreeCheck {
    margin: -3.5px -2px 1px -20px;
}

.aciTree .aciTreeEntry {
    width: calc(100% - 15px);
}

.toast-bottom-right {
    right: 20px;
    bottom: 55px
}

.rendered {
    word-break: break-all !important;
}

div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_paginate, div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    -ms-flex-pack: unset;
    justify-content: unset;
    margin-left: 10px;
    padding-top: 4px;
}

#info_result .dataTables_info {
    /*display: none;*/
    margin: 3px 5px 5px 5px;
}

#info_result .dataTables_scroll {
    border-bottom: 1px solid #eee;
}

.collapse-icon::after {
    border-bottom-color: rgba(24, 28, 33, 0.9);
    border-left-color: rgba(24, 28, 33, 0.9);
}

.modal-footer > :not(:last-child) {
    margin-right: unset;
}

.toast-bottom-center {
    bottom: 40px;
}

/*#layout-sidenav {*/
/*    top: 48px;*/
/*}*/

.layout-content {
    /*margin-top: 40px;*/
}

@media (min-width: 768px) and (max-width: 991px) {
    .clients-sidebox {
        top: 40px;
    }
}
@media (min-width: 992px) {
    /*.clients-sidebox {*/
    /*    top: 5px;*/
    /*}*/
}
@media (max-width: 991px) {
    .layout-sidenav {
        /*height: unset !important;*/
    }
    #jqgrid_layers {
        margin-top: 40px;
    }
    .zoeken_door_lagen {
        bottom: 5px !important;
        z-index: 100000;
    }
}
#kvmenu_header {
    height: 100%;
}

.img-kv {
    image-orientation: from-image;
    cursor: pointer;
}

#info_result .dt-buttons {
    /* display: none; */
}

.dataTables_filter {
    margin-bottom: 2px;
}

.switcher-input:checked ~ .switcher-indicator::after {
    background: #d9534f;
}

#kvdatatable_wrapper .dataTables_scroll {
    min-height: calc(50vh - 272px);
}

/*#kvdatatable_wrapper .dataTables_scroll {*/
/*    min-height: calc(100vh - 272px);*/
/*}*/

.form-control {
    font-size: 16px !important;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    select:focus,
    textarea:focus,
    input:focus {
        font-size: 16px;
        background: #eee;
    }
}

html {
    position: fixed;
    height: 100%;
    overflow: hidden;
}

body {
    width: 100vw;
    height: 100vh;
    overflow-y: hidden;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.form-control {
    display: block;
    width: 100%;
    /*height: calc(1.54em + .876rem + 2px);*/
    padding: .438rem .875rem;
    font-size: .894rem;
    font-weight: 400;
    line-height: 1.54;
    color: #4E5155;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(24, 28, 33, 0.1);
    border-radius: .25rem !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    padding-left: 4px !important;
}

.form-group {
    margin-bottom: 0;
}

.modal-header {
    border-bottom: 1px solid rgba(24, 28, 33, 0.075);
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.25rem 1.5625rem;
}

.modal-footer {
    border-top: 1px solid rgba(24, 28, 33, 0.075);
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1.5625rem;
}

#filter-markeer:hover {
    color: #8897AA !important;
    text-decoration: none;
    background: unset !important;
    box-shadow: 0 0 0 1px #8897AA inset;
}

#filter-markeer.active:hover {
    background: #8897AA !important;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.15), 0px 4px 5px 0px rgba(0, 0, 0, 0.1), 0px 1px 10px 0px rgba(0, 0, 0, 0.06) !important;;
    color: #fff !important;;
}

#filter-markeer:active,#filter-markeer:focus  {
    background: #fff !important;
    color: #8897AA !important;
    box-shadow: 0 0 0 1px #8897AA inset;
}

#filter-markeer.active:active,#filter-markeer.active:focus  {
    background: #8897AA !important;
    color: #fff !important;
    box-shadow: 0 0 0 1px #8897AA inset;
}


.card-header.with-elements {
    min-height: 38px;
}

.toast-top-right {
    top: 48px;
    right: 12px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .left-button-nav {
        width: 450px !important;
    }
}

.olPopupCloseBox {
    width: 21px !important;
    height: 21px !important;
}

.olFramedCloudPopupContent {
    width: 150px !important;
}

.project-attachment {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    width:100%
}
.project-attachment>.media-body {
    min-width:0
}
.project-attachment-file,
.project-attachment-img {
    display:block;
    -ms-flex-positive:0;
    flex-grow:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    width:4rem;
    height:4rem
}
.project-attachment-file {
    display:inline-block;
    text-align:center;
    line-height:4rem
}
.project-attachment-img {
    background-color:transparent;
    background-position:center center;
    background-size:cover
}
.project-attachment-filename {
    display:block;
    overflow:hidden;
    width:100%;
    text-overflow:ellipsis;
    white-space:nowrap
}
.project-task-item {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:0.625rem 0
}
.project-task-item .ui-todo-item {
    margin:0
}
.light-style .project-task-item {
    background:#fff
}
.light-style .project-task-item+.project-task-item {
    border-top:1px solid rgba(24,28,33,0.06)
}
.material-style .project-task-item {
    background:#fff
}
.material-style .project-task-item+.project-task-item {
    border-top:1px solid rgba(24,28,33,0.06)
}
.dark-style .project-task-item {
    background:#32353b
}
.dark-style .project-task-item+.project-task-item {
    border-top:1px solid rgba(255,255,255,0.06)
}
.editor-datetime-time {
    /*display: block !important;*/
}
.layout-collapsed:not(.layout-transitioning):not(.layout-offcanvas):not(.layout-fixed):not(.layout-fixed-offcanvas) .layout-sidenav {
    display: none !important;
}

.minicolors-swatch {
    margin-left: 5px;
    margin-top: -2px;
}

.btn-orange {
    background: #e19200;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.07), 0px 4px 5px 0px rgba(0, 0, 0, 0.05), 0px 1px 10px 0px rgba(0, 0, 0, 0.03);
    color: #fff;
}
.btn-orange:hover {
    background: #e19200;
    color: #fff;
}
.btn-orange:hover, .btn-orange:focus {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.15), 0px 4px 5px 0px rgba(225,146,0, 0.1), 0px 1px 10px 0px rgba(0, 0, 0, 0.06);
}
.btn-outline-orange {
    background: transparent;
    box-shadow: 0 0 0 1px #e19200 inset;
    color: #e19200;
}
.btn-outline-orange:hover, .btn-outline-orange:focus {
    background: #e19200;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.15), 0px 4px 5px 0px rgba(0, 0, 0, 0.1), 0px 1px 10px 0px rgba(0, 0, 0, 0.06);
    color: #fff;
}
.btn-outline-orange.disabled, .btn-outline-orange:disabled {
    background: transparent !important;
    box-shadow: 0 0 0 1px #e19200 inset !important;
    color: #e19200 !important;
}
.btn-outline-orange:active, .btn-outline-orange.active, .show>.btn-outline-orange.dropdown-toggle {
    background: #e19200;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.15), 0px 8px 10px 1px rgba(0, 0, 0, 0.1), 0px 3px 14px 2px rgba(0, 0, 0, 0.06);
    color: #fff;
}

.badge-orange {
    background-color: #e19200;
    color: #fff
}

.material-style .datepicker-dropdown {
    z-index: 1100 !important;
}

.material-style .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #d9534f !important;
}

.bootstrap-select .dropdown-menu {
    width: 100%;
}

.bootstrap-select .dropdown-menu li small {
    white-space: normal;
}

.bootstrap-select .dropdown-menu.inner a[aria-selected="true"] {
    white-space: normal;
}

.bootstrap-select.show-tick .dropdown-menu li a {
    position: relative;
    white-space: normal;
}

.toast-top-center {
    width: auto !important;
}

.minicolors-swatches li {
    top: 1px !important;
}

.btn.disabled, .btn:disabled {
    opacity: 0.45;
}


.btn-danger {
    color: white !important;
}

#extra_result select {
    height:35px;
}

.select2-container {
    padding: 4px;
    border: 1px solid rgba(24, 28, 33, 0.1);
    border-radius: .25rem !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.select2-selection__arrow b {
    margin-right: 8px;
    margin-top: 1px !important;
}

.material-style .select2-container--default.select2-container--focus:not(.select2-container--disabled) .select2-selection, .material-style .select2-container--default.select2-container--open:not(.select2-container--disabled) .select2-selection {
    border-color: unset !important;
    box-shadow: unset !important;
    border-bottom: unset !important;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    border-color: #000000;
    background-color: #d9534f;
}

#info_result table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty{
    text-align: left !important;
}

.btn-warning-hover:hover, .btn-warning-hover:focus {
    background: #FFD950;
    color: #665720;
}

.klas_meer_info_mutatie {
    right: 52px;
    margin-top: -27px;
}

.modal-dialog-bottomed {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: end;
    min-height: calc(100% - 1rem);
    margin-top:0 !important;
}

#mdlEmbedUrl {
    padding-left: 15px;
    left: 0;
    right: 0;
    bottom: 0;
    top: unset;
    overflow-y: hidden;
    widows: unset;
    height: unset;
}

.autocomplete-group {
    display: none;
}

.autocomplete-suggestions strong {
    color: #000;
    font-weight: bold;
    background-color: unset !important;
}

#divMutationSnapLayers a:not(div, .active) button {
    display:none
}

.dropdown-item:not(.disabled).active {
    color: #4E5155;
    background-color: rgba(24,28,33,0.05);
}

.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #d9534f;
}

.badge-draw {
    margin-left: -5px !important;
}

#layout-sidenav {
    /*min-width: fit-content;*/
}

.form-group > span.select2-container {
    z-index: 2000 !important;
}

#navs-top-responsive-link-4 {
    max-height: calc(100vh - 88px);
    overflow-y: auto;
    overflow-x: hidden;
}