/*******************
/*Top bar
*******************/
.topbar {
    background: #FCC24E;
}

.topbar .navbar-header {
    background: #ffffff;
}

.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    display: none;
    color: rgba(255, 255, 255, 0.8);
}

.topbar .navbar-light .navbar-nav .nav-item>a.nav-link {
    color: #004996 !important;
}

.topbar .navbar-light .navbar-nav .nav-item>a.nav-link:hover,
.topbar .navbar-light .navbar-nav .nav-item>a.nav-link:focus {
    color: #003570 !important;
}

/*******************
/*General Elements
*******************/
a.link:hover,
a.link:focus {
    color: #004996 !important;
}

.bg-theme {
    background-color: #FCC24E !important;
}

.ng5-slider .ng5-slider-pointer {
    background-color: #004996 !important;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #FCC24E;
    border-color: #F0AD28;
    color: #004996;
}

.right-sidebar .rpanel-title {
    background: #FCC24E;
    color: #004996;
}

.stylish-table tbody tr:hover,
.stylish-table tbody tr.active {
    border-left: 4px solid #FCC24E;
}

.text-themecolor {
    color: #004996 !important
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
    border-bottom: 2px solid #FCC24E;
    color: #004996;
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
    color: #004996;
}

title[_ngcontent-aqi-c2] {
    color: #004996 !important;
    text-decoration: none !important;
}

title[_ngcontent-aqi-c2]:hover {
    font-weight: bold;
}

/*******************
/*Buttons
*******************/
.btn-themecolor {
    background: #F3EDD3;
    color: #004996;
    border: 1px solid #004996;
    box-shadow: 0 2px 2px 0 rgba(0, 73, 150, 0.14), 0 3px 1px -2px rgba(0, 73, 150, 0.2), 0 1px 5px 0 rgba(0, 73, 150, 0.12);
}

.btn-themecolor:disabled {
    box-shadow: none;
}

.btn-themecolor:disabled:hover {
    box-shadow: none !important;
    cursor: default;
}

.btn-themecolor:hover {
    background: #FCC24E;
    color: #004996 !important;
    border: 1px solid #F0AD28;
    box-shadow: 0 14px 26px -12px rgba(0, 73, 150, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 73, 150, 0.2) !important
}

.btn-themecolor:focus {
    background: #FDDB94;
    border: 1px solid #004996;
    box-shadow: 0 14px 26px -12px rgba(0, 73, 150, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 73, 150, 0.2);
}

.btn-themecolor.active {
    background: #FCC24E;
}

.multiselect-dropdown .dropdown-btn .selected-item {
    background: #FCC24E !important;
    color: #004996 !important;
    border: 1px solid #F0AD28 !important;
}

.multiselect-item-checkbox input[type=checkbox]+div:before {
    color: #004996 !important;
    border: 2px solid #004996 !important;
}

.btn-themecolor-default {
    background: #ffffff;
    color: #9FB8D5;
    border: 1px solid #9FB8D5;
    box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
}

.btn-themecolor-default:disabled {
    box-shadow: none;
}

.btn-themecolor-default:disabled:hover {
    box-shadow: none;
    cursor: default;
    background: unset;
    color: unset;
}

.multiselect-item-checkbox input[type=checkbox]:checked+div:before {
    background: #FCC24E !important;
}

.btn-themecolor-border {
    color: #004996;
    border: 1px solid #004996;
    box-shadow: 0 2px 2px 0 rgba(0, 73, 150, 0.14), 0 3px 1px -2px rgba(0, 73, 150, 0.2), 0 1px 5px 0 rgba(0, 73, 150, 0.12);
}

input[type=radio],
input[type=checkbox] {
    border: 1px solid #004996;
}

input[type=radio]:hover,
input[type=checkbox]:hover,
input[type=checkbox]:focus {
    border: 1px solid #004996;
    box-shadow: 0 0 0 3px rgba(252, 194, 78, 0.55);
}

input[type=checkbox]:checked {
    border-color: #004996;
}

input[type=checkbox]:disabled {
    box-shadow: none;
    background-color: #E8E2CC;
    cursor: initial;
    border: 1px solid #9FB8D5;
}

.btn-themecolor-border:hover {
    background: #FCC24E;
    box-shadow: 0 14px 26px -12px rgba(0, 73, 150, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 73, 150, 0.2);
    border: 1px solid #F0AD28;
    color: #004996;
}

.btn-themecolor-border:disabled:hover {
    box-shadow: none;
    cursor: default;
    background: unset;
    color: #9FB8D5;
}

.btn-themecolor-border:disabled {
    box-shadow: none;
}

.btn-themecolor-border:focus {
    background: #FDDB94;
    color: #004996;
    border: 1px solid #004996;
    box-shadow: 0 14px 26px -12px rgba(0, 73, 150, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 73, 150, 0.2);
}

/*******************
/*sidebar navigation
*******************/
.label-themecolor {
    background: #FCC24E;
    color: #004996;
}

.sidebar-nav>ul>li.active>a {
    color: #004996;
    border-color: #FCC24E;
}

.sidebar-nav>ul>li.active>a i {
    color: #004996;
}

.sidebar-nav ul li a.active,
.sidebar-nav ul li a:hover {
    color: #004996 !important;
}

.sidebar-nav ul li a.active i,
.sidebar-nav ul li a:hover i {
    color: #004996;
}

.lighten-2 .fa {
    background: #FCC24E !important;
    color: #004996 !important;
}

.page-item .page-link {
    color: #004996 !important;
}

.topbar ul.dropdown-user li a:hover {
    color: #004996;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #004996 !important;
    border-bottom: 2px solid #FCC24E !important;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    color: #003570;
}

input[type=checkbox]:checked:before {
    color: #004996;
}

.nav-pills .nav-link.active:after {
    background: #FCC24E !important;
}

.btn-link {
    color: #004996 !important;
}

.btn-link:focus,
.btn-link:hover {
    color: #003570 !important;
}

.q_icon {
    color: #004996 !important;
}

.swal2-popup .swal2-styled.swal2-confirm {
    background: #FCC24E !important;
    color: #004996 !important;
}

input[type=radio] {
    border: 2px solid #004996 !important;
}

input[type=radio]:checked:before {
    color: #004996 !important;
    background: #004996 !important;
}

.custom-day.focused {
    background-color: #FCC24E !important;
    color: #004996;
}

.quote_bit {
    background: #FCC24E !important;
    color: #004996;
}

.title {
    color: #004996;
}

.title:hover {
    text-decoration: underline;
}

input[type=checkbox]:focus {
    outline: auto !important;
    box-shadow: 0 0 0 3px rgba(252, 194, 78, 0.55);
}

.btn-themecolor-border:hover {
    background: #FCC24E;
    box-shadow: 0 14px 26px -12px rgba(240, 173, 40, 0.6), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 73, 150, 0.42);
    border: 1px solid #F0AD28;
    color: #004996;
    /*cursor: pointer;*/
}

.sidebar-nav>ul>li.active>a {
    color: #004996 !important;
    border-color: #FCC24E !important;
}

.btn-themecolor-border:disabled {
    background: #fff !important;
    box-shadow: none !important;
    color: #9FB8D5 !important;
    border: 1px solid #9FB8D5 !important;
    cursor: default !important;
}

.message-center::-webkit-scrollbar-track {
    background-color: #eaeaea;
}

.message-center::-webkit-scrollbar-thumb {
    background-color: #004996 !important;
}

.message-center::-webkit-scrollbar-thumb:hover {
    background-color: #003570 !important;
}

.multiselect-dropdown .dropdown-btn .selected-item {
    background: #FCC24E !important;
    color: #004996 !important;
}

.multiselect-item-checkbox input[type=checkbox]:checked+div:before {
    background: #FCC24E !important;
}

.multiselect-item-checkbox input[type=checkbox]+div:before {
    color: #004996 !important;
    border: 2px solid #004996 !important;
}

.list-group-item.pointer.active {
    background-color: #FCC24E;
    border-color: #F0AD28;
    color: #004996;
}

.list-group-item.active,
.list-group .list-group-item.active:hover {
    background-color: #F0AD28;
    border-color: #F0AD28;
    color: #004996;
}

.bg-info {
    background-color: #FCC24E !important;
    color: #004996 !important;
}

.bg-success {
    background-color: #FCC24E !important;
    color: #004996 !important;
}

.accordion-bg-color {
    background-color: #FCC24E !important;
    color: #004996 !important;
}

.text-themecolor-hover {
    color: #004996 !important;
}

.owl-dt-calendar-table .owl-dt-calendar-cell-selected {
    color: #004996;
    background-color: #FCC24E !important;
}

.owl-dt-control-button-content {
    color: #004996 !important;
}

.progress-bar {
    background-color: #FCC24E !important;
    color: #004996 !important;
}

input[type=checkbox]:disabled,
input[type=checkbox]:checked:disabled {
    border-color: #888888;
    background: #e0e0e0;
    box-shadow: none;
}

input[type=checkbox]:disabled:checked:before {
    color: #888888;
}

.release-highlight-class {
    background-color: #FCC24E !important;
    color: #004996 !important;
}

.gantt_task_line .gantt_task_content {
    color: #004996;
    background-color: #FCC24E !important;
}

.message_nofication.unread_notification .btn {
    background: #FF5315 !important;
}

.message_nofication .btn {
    background-color: #ff531536 !important;
    border: none;
}

.unread_notification {
    background-color: #eceff285;
}

.message_nofication {
    opacity: 0.33;
}

.message_nofication.unread_notification {
    opacity: 1 !important;
}

/*******************
/*Optioneel: cremekleurige pagina-achtergrond zoals op hun site.
/*Alleen aanzetten als je dat wilt - staat niet in de APK-versie.
*******************/
/*
.page-wrapper {
    background: #F3EDD3;
}
*/