/* put your own styles to customize and override the theme */

/* kleuren in header querio style */
/*.app-header-dark .top-bar-brand,
.top-bar-brand {
    !*basiskleur*!
    background-color: #694785;
}*/

/*.app-header-dark {
    !*basiskleur*!
    background-color: #694785;
    ccolor: rgba(255, 255, 255, 0.8);
}*/

/*.table .thead-dark th {
    !*basiskleur*!
    color: #694785;
    background-color: #E9E0F5;
    border-color: #F3F3F4;
}*/

/* kleuren in menu in Querio stijl */
/*a.menu-link.active span.menu-text {
    color: purple !important;
    font-weight: 600 !important;
    ccccolor: #000
}*/

/*ul.menu li.menu-item.active a.menu-link.active {
    color: purple !important;
    font-weight: 600 !important;
}*/

/*ul.menu > li.menu-item.has-child.has-open > ul > li > a.active {
    color: purple;
    font-weight: 600 !important;
}*/

/*.stacked-menu .menu-item.has-active>.menu-link .menu-icon,
.stacked-menu .menu-item.has-active>.menu-link,
.stacked-menu .menu-item.has-active>.menu-link span {
    color: purple;
}*/

li.menu-item {
    padding-bottom: 5px;
}

.stacked-menu .menu-header {
    font-weight: normal;
    font-size: 10px !important;
    /*color: #95aac9 !important;*/
    letter-spacing: 0.04em !important;
}

/* afbeelding bij login */
/*basiskleur*/
/*.auth-announcement { background-color: #694785 ! important}*/

/* achtergrond menu link */
.app-aside-light {
    background-color: #fff!important;
    border-right: solid #e0e0e0 1px;
}

/* ttour */
.ttour-tip {
    z-index: 9999;
}

/*xxxbody { background-color: #f0f2f5 ! important}*/

/* breedte van sidebar */
.page-sidebar {
    width: 23.5rem;
    max-width: 23.5rem;
}

/* voorkomen dat er lege opties in de selectpicker staan */
.bootstrap-select ul.dropdown-menu li:first-child {
    ddisplay: none;
}

/* pijltje bij ellipsis menu wordt verborgen */
.dropdown-ellipses::after {
    display: none;
}

.dropdown-ellipses {
    font-size: 1.5rem;
    ccolor: #D2DDEC;
}

/* extra css tbv full calendar */
.fc-bootstrap4 .table-bordered thead td,
.fc-bootstrap4 .table-bordered thead th {
    border-bottom-width: 1px;
}

.fc-bootstrap4 .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0;
}

.fc-header-toolbar.fc-toolbar h2,
.fc-col-header-cell.fc-day a {
    text-transform: capitalize;
}

/*minimale hoogte van een tabblad*/
div.tab-pane {
    min-height: 250px;
}

div.dropdown-menu {
    z-index: 10000;
}

/*achtergrondskleur fb style*/
.app {
    /*background-color: #f0f2f5;*/
}

/*button.custom-select.dropdown-toggle { border: solid red 1px ! important}*/

.qside-bar-title {
    font-size: 1rem;
    margin-bottom: 1rem;
    font-weight: 600;
    line-height: 1.2;
    display: block;
    /*color: #363642;*/
    margin-block-start: 1.33rem;
    margin-block-end: 1.33rem
}

.floatThead-container {
    z-index: 1 ! important;
}

.ttour-overlay {
    z-index: 9999;
}

.ttour-tip {
    font-family: -apple-system,BlinkMacSystemFont,Fira Sans,Helvetica Neue,Apple Color Emoji,sans-serif;
    min-width: 300px ! important;
}

/*onbegrijpelijk*/
/*b,
strong {
    font-weight: 100;
}*/

.page { min-height: calc(100vh - 150px) !important; }

.ps__rail-x,
.ps__rail-y {
    opacity: 0.6;
}

.app-header-wsi {
    background-color: #fff;
    color: rgba(20, 20, 31, 0.4);
}

.app-header-wsi .btn-account {
    color: #363642;
    border-left: 1px solid rgba(34, 34, 48, 0.1);
}

.app-header-wsi .btn-account:hover {
    color: #363642;
    background-color: rgba(20, 20, 31, 0.025);
}

.app-header-wsi .btn-account:active, .app-header-wsi .btn-account:focus, .app-header-wsi .btn-account.focus, .app-header-wsi .btn-account.show {
    color: #363642;
    background-color: rgba(20, 20, 31, 0.075);
}

.app-header-wsi .top-bar-brand > a {
    color: #346CB0;
}

.app-header-wsi .top-bar-brand > a:focus {
    color: #346CB0;
}

.app-header-wsi .top-bar-brand > a:hover {
    color: #346CB0;
}

@media (min-width: 768px) {
    .app-header-wsi .top-bar-search {
        margin-left: -1rem;
    }
}

.app-header-wsi .top-bar-search .input-group-search {
    border: transparent;
}

.app-header-wsi .header-nav .nav-link {
    color: rgba(20, 20, 31, 0.4);
}

.app-header-wsi .header-nav .nav-link:focus {
    color: #363642;
}

.app-header-wsi .header-nav .nav-link:hover {
    color: #363642;
}

.app-header-wsi .header-nav .nav-link.disabled {
    color: #a6abbd;
}

.app-header-wsi .header-nav .show > .nav-link,
.app-header-wsi .header-nav .active > .nav-link,
.app-header-wsi .header-nav .nav-link.show,
.app-header-wsi .header-nav .nav-link.active {
    color: #346CB0;
}

.app-header-wsi .hamburger .hamburger-inner, .app-header-wsi .hamburger .hamburger-inner:after, .app-header-wsi .hamburger .hamburger-inner:before {
    background-color: #363642;
}