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

/* oude Q kleur #694785; */
/* menukleur purple */

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

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

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

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

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

ul.menu > li.menu-item.has-child.has-open > ul > li > a.active {
    /*menukleur*/|
    color: #406951;
    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 {
    /*menukleur*/|
    color: #406951;
}

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: #3d5c5c ! important}

/* achtergrond menu link */
.app-aside-light {
    background-color: #fff;
    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; }

a.opt.dropdown-item.selected,
a.dropdown-item.selected{
    /*background-color: #a3c2c2;*/
    background-color: #b0c9e8;
    color: #fff;
}

/* kantoorplanning */
.tijdslot {
    display: none;
}