/*******************
/*Custom CSS Aannemersbedrijf Koole
/*
/*Palet (gemeten op aannemersbedrijfkoole.nl, bedrijfskleding en logo):
/*  Groen primair (leidend)  #005E2F   <- knoppen, topbar, actieve items
/*  Groen helder (logo)      #0F8030   <- hover / success
/*  Groen donker             #004A25
/*  Groen tint (vlakken)     #E3EFE7
/*  Groen licht (rand)       #A8C9B5
/*  Donkerblauw              #002742   <- uit de bedrijfskleding: koppen, selectie
/*  Donkerblauw licht        #003A61
/*  Geel / goud              #EDC071   <- uit de gradient: accenten, focus, highlight
/*  Goud donker              #D9A94F
/*  Disabled tint            #D9E2DC
/*
/*ROLVERDELING: groen = oppervlak en actie (wit op groen = 7,9:1),
/*donkerblauw = tekst en selectie, goud = accentlijn en focus
/*(donkerblauw op goud = 9,1:1). Geen goud als achtergrond onder
/*witte tekst: dat contrast haalt het niet.
*******************/

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

.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: #ffffff !important;
}

.topbar .navbar-light .navbar-nav .nav-item>a.nav-link:hover,
.topbar .navbar-light .navbar-nav .nav-item>a.nav-link:focus {
    color: rgba(255, 255, 255, 0.8) !important;
}

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

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

.ng5-slider .ng5-slider-pointer {
    background-color: #005E2F !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: #005E2F;
    border-color: #005E2F;
}

.right-sidebar .rpanel-title {
    background: #005E2F;
}

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

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

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

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

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

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

/*******************
/*Buttons
*******************/
.btn-themecolor {
    background: #E3EFE7;
    color: #002742;
    border: 1px solid #002742;
    box-shadow: 0 2px 2px 0 rgba(0, 94, 47, 0.14), 0 3px 1px -2px rgba(0, 94, 47, 0.2), 0 1px 5px 0 rgba(0, 94, 47, 0.12);
}

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

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

.btn-themecolor:hover {
    background: #005E2F;
    color: #fff !important;
    border: 1px solid #005E2F;
    box-shadow: 0 14px 26px -12px rgba(0, 94, 47, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 94, 47, 0.2) !important
}

.btn-themecolor:focus {
    background: #CDE4D5;
    border: 1px solid #005E2F;
    box-shadow: 0 0 0 3px rgba(237, 192, 113, 0.55), 0 4px 23px 0 rgba(0, 0, 0, 0.12);
}

.btn-themecolor.active {
    background: #005E2F;
    color: #fff;
}

.multiselect-dropdown .dropdown-btn .selected-item {
    background: #005E2F !important;
    border: 1px solid #005E2F !important;
}

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

.btn-themecolor-default {
    background: #ffffff;
    color: #A8C9B5;
    border: 1px solid #A8C9B5;
    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: #005E2F !important;
}

.btn-themecolor-border {
    color: #005E2F;
    border: 1px solid #005E2F;
    box-shadow: 0 2px 2px 0 rgba(0, 94, 47, 0.14), 0 3px 1px -2px rgba(0, 94, 47, 0.2), 0 1px 5px 0 rgba(0, 94, 47, 0.12);
}

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

input[type=radio]:hover,
input[type=checkbox]:hover,
input[type=checkbox]:focus {
    border: 1px solid #0F8030;
    box-shadow: 0 0 0 3px rgba(237, 192, 113, 0.55);
}

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

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

.btn-themecolor-border:hover {
    background: #005E2F;
    box-shadow: 0 14px 26px -12px rgba(0, 94, 47, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 94, 47, 0.2);
    border: 1px solid #005E2F;
    color: #fff;
}

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

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

.btn-themecolor-border:focus {
    background: #0F8030;
    color: #fff;
    border: 1px solid #005E2F;
    box-shadow: 0 0 0 3px rgba(237, 192, 113, 0.55), 0 4px 23px 0 rgba(0, 0, 0, 0.12);
}

/*******************
/*sidebar navigation
*******************/
.label-themecolor {
    background: #005E2F;
}

.sidebar-nav>ul>li.active>a {
    color: #005E2F;
    border-color: #EDC071;
}

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

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

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

.lighten-2 .fa {
    background: #005E2F !important;
}

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

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

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

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

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

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

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

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

.q_icon {
    color: #005E2F !important;
}

.swal2-popup .swal2-styled.swal2-confirm {
    background: #005E2F !important;
}

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

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

.custom-day.focused {
    background-color: #005E2F !important;
    color: #fff;
}

.quote_bit {
    background: #005E2F !important;
    color: #fff;
}

.title {
    color: #005E2F;
}

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

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

.btn-themecolor-border:hover {
    background: #0F8030;
    box-shadow: 0 14px 26px -12px rgba(15, 128, 48, 0.5), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 94, 47, 0.42);
    border: 1px solid #0F8030;
    color: #fff;
    /*cursor: pointer;*/
}

.sidebar-nav>ul>li.active>a {
    color: #005E2F !important;
    border-color: #EDC071 !important;
}

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

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

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

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

.multiselect-dropdown .dropdown-btn .selected-item {
    background: #005E2F !important;
}

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

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

.list-group-item.pointer.active {
    background-color: #005E2F;
    border-color: #005E2F;
}

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

.bg-info {
    background-color: #005E2F !important;
}

.bg-success {
    background-color: #0F8030 !important;
}

.accordion-bg-color {
    background-color: #005E2F !important;
}

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

.owl-dt-calendar-table .owl-dt-calendar-cell-selected {
    color: rgba(255, 255, 255, .85);
    background-color: #005E2F !important;
}

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

.progress-bar {
    background-color: #005E2F !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: #EDC071 !important;
    color: #002742 !important;
}

.gantt_task_line .gantt_task_content {
    color: white;
    background-color: #005E2F !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: topbar met de gradient van hun eigen website
/*(goud -> groen -> grijs). Vervangt de .topbar-regel hierboven.
*******************/
/*
.topbar {
    background: linear-gradient(90deg, #EDC071 0%, #005E2F 35%, #005E2F 62%, #757776 100%);
}
*/