body, html {
    color: #2F2F30;
}
.primary {
    color: #0077FF;
}
.primary-background {
    background-color: #0077FF;
}
.secondary {
    color: #000000;
}
.secondary-background {
    background-color: #000000;
}
.text-light {
    color: #FFFFFF;
}
.text-light-background {
    background-color: #FFFFFF;
}
.text-dark {
    color: #000000;
}
.text-dark-background {
    background-color: #000000;
}
a.text-dark {
    color: #000000;
}
a.text-dark:hover, a.text-dark:focus {
    color: #0077FF;
}
a.text-light {
    color: #FFFFFF;
}
a.text-light:hover, a.text-light:focus {
    color: #000000;
}
a, a.primary {
    color: #0077FF;
}
a:hover, a:focus, a.primary:hover, a.primary:focus {
    color: #000000;
}
.button-primary.open-button {
    color: #FFFFFF;
    background-color: #0077FF;
}
.button-primary.open-button:hover, .button-primary.open-button:focus {
    color: #0077FF;
    background-color: #FFFFFF;
}
.button-secondary {
    color: #FFFFFF;
    background-color: #000000;
}
.button-secondary:hover, .button-secondary:focus {
    color: #000000;
    background-color: #FFFFFF;
}
.button-secondary.hollow {
    color: #000000;
    background-color: transparent;
    border: 2px solid #000000;
}
.button-secondary.hollow:hover, .button-secondary.hollow:focus {
    color: #0077FF;
    background-color: transparent;
    border: 2px solid #0077FF;
}
.button-light {
    color: #000000;
    background-color: #FFFFFF;
}
.button-light:hover, .button-light:focus {
    color: #FFFFFF;
    background-color: #000000;
}
.tab-container hr, .subtab-container hr, .beheer .subtab-container .preview hr {
    border-bottom: 3px solid #BFDDFF;
}
.beheer .tab-container hr, .beheer .subtab-container hr {
    border-bottom: 1px solid #C5C5C5;
}
.tab table tbody tr:first-of-type {
    border-bottom: 3px solid #BFDDFF;
}
.tab input[type=radio].radio-option:checked + label {
    color: #FFFFFF;
    background-color: #0077FF;
}
input:focus, textarea:focus, select:focus {
    border: 2px solid #0077FF !important;
}
.bg-image {
    background-image: url('/themes/theme-b001/assets/images/kp-bg.jpg');
}
.tab select:hover, .tab select:focus, .tab .dropdown>b:hover, .tab .dropdown>b:focus {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='64' height='48' viewBox='0 0 64 48'><polygon points='0,0 64,0 32,48' style='fill: rgb%280,119,255%29'></polygon></svg>") !important;
    border-color: #0077FF !important;
}
.tab .upload-images:hover {
    color: #0077FF;
}
.tab .upload-images:hover i.primary {
    color: #000000;
}
.scrollbar {
    scrollbar-color: #0077FF #ddd;
}
.scrollbar::-webkit-scrollbar-thumb {
    background: #0077FF; 
}
.scrollbar.scrollbar-inverse::-webkit-scrollbar-track {
  background: #000; 
  border-inline-start: 4px solid #0077FF;
  border-inline-end: 4px solid #0077FF;
  border-block-start: 4px solid #0077FF;
  border-block-end: 4px solid #0077FF;
}
input[type=checkbox].fancy:checked + label::before/*, input[type=checkbox].fancy:not(:checked):hover + label::before*/ {
    color: #FFFFFF;
    background-color: #0077FF;
    border: 1px solid #0077FF;
}
.beheer .subtab a:not(.button) {
    color: #0077FF;
}
.tab-menu.resp.primary-background {
    background-color: #0077FF;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0077FF;
}
.colorize {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.grey {
    color: #2F2F30;
}
.grey-background {
    background-color: #333333;
}
.light-grey-background {
    background-color: #F8F8F8;
}
.red {
    color: #CF2525;
}
.green {
    color: #4AAF56;
}

.button-primary {
    color: #0077FF;
    background-color: #BFDDFF;
}
.button-primary:hover, .button-primary:focus {
    color: #FFFFFF;
    background-color: #0077FF;
}
.button-primary-inv {
    color: #FFFFFF;
    background-color: #0077FF;
}
.button-primary-inv:hover, .button-primary-inv:focus {
    color: #0077FF;
    background-color: #BFDDFF;
}
.button-primary.hollow {
    color: #0077FF;
    background-color: transparent;
    border: 2px solid #0077FF;
    padding: calc(1em - 1px) calc(2em - 1px);
}
.button-primary.hollow:hover, .button-primary.hollow:focus {
    color: #FFFFFF;
    background-color: #0077FF;
    border: 2px solid #0077FF;
}
.button-grey {
    color: #FFFFFF;
    background-color: #333333;
}
.button-grey:hover, .button-grey:focus {
    color: #FFFFFF;
    background-color: #545454;
}
.button-grey.hollow, .button-grey.hollow[disabled]:hover, .button-grey.hollow[disabled]:focus {
    color: #333333;
    background-color: transparent;
    border: 2px solid #333333;
    padding: calc(1em - 1px) calc(2em - 1px);
}
.button-grey.hollow:hover, .button-grey.hollow:focus {
    color: #FFFFFF;
    background-color: #333333;
    border: 2px solid #333333;
}
.button-light-grey {
    color: #2F2F30;
    background-color: #EBEBEB;
    border: 2px solid #EBEBEB;
    padding: calc(1em - 1px) calc(2em - 1px);
}
.button-light-grey:hover, .button-light-grey:focus {
    color: #2F2F30;
    background-color: #D7DCE3;
    border: 2px solid #D7DCE3;
}
.button-light-grey.hollow, .button-light-grey.hollow[disabled]:hover, .button-light-grey.hollow[disabled]:focus {
    color: #333333;
    background-color: transparent;
    border: 1px solid #C5C5C5;
    padding: calc(1em - 0.5px) calc(2em - 0.5px);
}
.button-light-grey.hollow:hover, .button-light-grey.hollow:focus, .daterangepicker .ranges li.button-light-grey.hollow:hover {
    color: #333333;
    background-color: #D7DCE3;
    border: 1px solid #C5C5C5;
}
.button-red {
    color: #FFFFFF;
    background-color: #CF2525;
}
.button-red:hover, .button-red:focus {
    color: #FFFFFF;
    background-color: #B52121;
}
.button-red.hollow {
    color: #CF2525;
    background-color: transparent;
    border: 2px solid #CF2525;
    padding: calc(1em - 1px) calc(2em - 1px);
}
.button-red.hollow:hover, .button-red.hollow:focus {
    color: #FFFFFF;
    background-color: #CF2525;
    border: 2px solid #CF2525;
}
.button-green {
    color: #FFFFFF;
    background-color: #4AAF56;
}
.button-green:hover, .button-green:focus {
    color: #FFFFFF;
    background-color: #3D9347;
}
.button-green.hollow, .button-green.hollow[disabled]:hover, .button-green.hollow[disabled]:focus {
    color: #4AAF56;
    background-color: transparent;
    border: 2px solid #4AAF56;
    padding: calc(1em - 1px) calc(2em - 1px);
}
.button-green.hollow:hover, .button-green.hollow:focus {
    color: #FFFFFF;
    background-color: #4AAF56;
    border: 2px solid #4AAF56;
}
.button.hollow[disabled]:hover {
    border-width: 2px !important;
}

.button.disabled, .button.disabled:focus, .button.disabled:hover, .button[disabled], .button[disabled]:focus, .button[disabled]:hover, .input-colors.disabled, .input-colors.disabled:hover, .input-colors.disabled:focus, .input-colors[disabled], .input-colors[disabled]:hover, .input-colors[disabled]:focus, select.select2[disabled] + span.select2 {
    background-color: #C5C5C5 !important;
    border-color: #C5C5C5 !important;
    color: #545454 !important;
    opacity: 0.25;
}

table.sticky-header tr:first-of-type th span {
    border-bottom: 1px solid #C5C5C5;
}

.sjablonen>.grid-x>.cell:first-of-type {
    border-bottom: 1px solid #C5C5C5;
}

.bar-colors, tr.bar-colors>td, .sjablonen>table>tbody>tr.bar-colors:nth-child(even)>td, .sjablonen>table>tbody>tr.bar-colors:nth-child(odd)>td, .sjablonen .sjabloon .head.bar-colors {
    background-color: #F2F2F2 !important;
}
.bar-colors:hover, tr.bar-colors:hover>td, .sjablonen>table>tbody>tr.bar-colors:nth-child(even):hover>td, .sjablonen>table>tbody>tr.bar-colors:nth-child(odd):hover>td, .sjablonen .sjabloon .head.bar-colors:hover {
    background-color: #D7DCE3 !important;
}
.bar-colors .button-secondary, .tab-container .panel .button-secondary, .subtab-container .panel .button-secondary, .sjablonen .sjabloon .bar-colors .button-secondary {
    color: #949494;
    background-color: #D5D5D5;
}
.bar-colors .button-secondary:hover, .tab-container .panel .button-secondary:hover, .subtab-container .panel .button-secondary:hover, .sjablonen .sjabloon .bar-colors .button-secondary:hover {
    color: #949494;
    background-color: #C5C5C5;
}
.bar-colors .input-colors, .bar-colors .input-colors.select2 + span.select2 .select2-selection, .panel .input-colors {
    background-color: #FFFFFF !important;
}

.tab-container .panel, .subtab-container .panel {
    background-color: #F2F2F2;
}

.input-colors, .input-colors.select2 + span.select2 .select2-selection, .select2-search__field {
    color: #2F2F30 !important;
    background-color: transparent !important;
    border: 1px solid #C5C5C5 !important;
    border-radius: 0.25em;
    box-shadow: none;
}
input.input-colors, textarea.input-colors {
    padding: 1em;
}
.input-colors.select2 + span.select2 .select2-selection {
    padding: 1em 2.75em 1em 1em;
}
.select2-search--dropdown .select2-search__field {
    padding: 0.5em 1em;
}
.input-colors:not([disabled], .disabled):hover, .input-colors:not([disabled], .disabled):focus, .select2-search__field:hover, .select2-search__field:focus, select.input-colors:not([disabled], .disabled):hover, select.input-colors:not([disabled], .disabled):focus, .input-colors:not([disabled], .disabled).select2 + span.select2:hover .select2-selection, .input-colors:not([disabled], .disabled).select2 + span.select2:focus .select2-selection {
    background-color: #FFFFFF !important;
    border: 1px solid #2F2F30 !important;
    box-shadow: none;
}
select.input-colors {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='64' height='48' viewBox='0 0 64 48'><polygon points='0,0 64,0 32,48' style='fill: rgb%28197,197,197%29'></polygon></svg>") !important;
    font-weight: normal;
    background-size: 18px 12px;
    background-position: right -1.5rem center;
    padding-right: 2rem;
    background-position-y: calc(50% + 1px);
    box-shadow: none;
}
select.input-colors:not([disabled], .disabled):hover, select.input-colors:not([disabled], .disabled):focus {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='64' height='48' viewBox='0 0 64 48'><polygon points='0,0 64,0 32,48' style='fill: rgb%2847,47,48%29'></polygon></svg>") !important;
}

select.select2.input-colors + span.select2 .select2-selection {
    background-color: #ebebeb;
}
select.select2.input-colors + span.select2 .select2-selection .select2-selection__placeholder {
    color: #C5C5C5;
}
select.select2.input-colors + span.select2 .select2-selection .select2-selection__clear {
    color: #C5C5C5;
    top: calc(50% - 0.5em);
}
select.select2.input-colors + span.select2 .select2-selection .select2-selection__arrow b {
    border-width: 10px 8px 0 8px;
    border-color: #C5C5C5 transparent transparent transparent;
    right: 0;
    margin-left: -8px;
    margin-top: -4px;
}
select.select2.input-colors + span.select2.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #2F2F30;
}
select.select2.input-colors + span.select2.select2-container--open .select2-selection .select2-selection__arrow b {
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent #C5C5C5 transparent;
}
select.select2.input-colors + span.select2 .select2-selection:hover .select2-selection__clear {
    color: #2F2F30;
}
select.select2.input-colors + span.select2 .select2-selection:hover .select2-selection__arrow b {
    border-color: #2F2F30 transparent transparent transparent;
}
select.select2.input-colors + span.select2.select2-container--open .select2-selection:hover .select2-selection__arrow b {
    border-color: transparent transparent #2F2F30 transparent;
}

.select2-container.select2-container--open .select2-dropdown {
    padding: 0.5em;
    border-color: #C5C5C5;
    background-color: #FFFFFF;
}

.input-colors::-webkit-input-placeholder { /* Edge */
    color: #C5C5C5;
    font-style: normal;
}
.input-colors:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #C5C5C5;
    font-style: normal;
}
.input-colors::placeholder {
    color: #C5C5C5;
    font-style: normal;
}
.input-colors.disabled::-webkit-input-placeholder, .input-colors[disabled]::-webkit-input-placeholder { /* Edge */
    color: #545454;
    font-style: normal;
}
.input-colors.disabled:-ms-input-placeholder, .input-colors[disabled]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #545454;
    font-style: normal;
}
.input-colors.disabled::placeholder, .input-colors[disabled]::placeholder {
    color: #545454;
    font-style: normal;
}

.input-colors.select2 + span.select2.select2-containter--open {
    border-color: #C5C5C5;
}
.input-colors.select2 + span.select2.select2-container--above.select2-container--open .select2-selection {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.input-colors.select2 + span.select2.select2-container--below.select2-container--open .select2-selection {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

input[type=checkbox].fancy.green + label::before {
    background-color: transparent;
    border: 2px solid #4AAF56;
    line-height: 1.4;
}
input[type=checkbox].fancy.green:checked + label::before {
    background-color: #4AAF56;
    border: 2px solid #4AAF56;
}
input[type=checkbox].fancy.green[disabled] + label::before { 
    border: 2px solid #C5C5C5;
}
input[type=checkbox].fancy.green:checked[disabled] + label::before { 
    background-color: #C5C5C5;
    border: 2px solid #C5C5C5;
}
input[type=radio].fancy.green {
    display: none;
}
input[type=radio].fancy.green + label {
    display: inline-block;
    padding: 0;
    margin: auto;
    width: auto;
    height: auto;
    background-color: transparent;
    color: #2F2F30;
}
input[type=radio].fancy.green + label::before/*, input[type=checkbox].fancy:checked:hover + label::before*/ {
    content: '';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    vertical-align: middle;
    width: 1.5em;
    height: 1.5em;
    border: 2px solid #4AAF56;
    border-radius: 0.15em;
    margin-right: 0.5em;
    font-size: 1.5em;
    line-height: 1.4;
    text-align: center;
}

input[type=radio].fancy.green:checked + label::before/*, input[type=checkbox].fancy:not(:checked):hover + label::before*/ {
    content: '\f00c';
    color: #FFFFFF;
    background-color: #4AAF56;
    border: 2px solid #4AAF56;
}

input[type=radio].fancy.onafgerond:checked + label, input[type=radio].fancy.onafgerond:not([disabled]):hover + label {
    color: #fff;
    background-color: #CF2525;
}
input[type=radio].fancy.bezig:checked + label, input[type=radio].fancy.bezig:not([disabled]):hover + label {
    color: #fff;
    background-color: #F57B11;
}
input[type=radio].fancy.afgerond:checked + label, input[type=radio].fancy.afgerond:not([disabled]):hover + label {
    color: #fff;
    background-color: #4AAF56;
}

.dropdown-pane {
    border-color: #C5C5C5;
}

.button-compact.daterange {
    background: #F8F8F8;
    border: 1px solid #C5C5C5;
}
.button-compact.daterange.active, .button-compact.daterange:hover, .button-compact.daterange:focus {
    background-color: #D7DCE3;
}
.daterangepicker h5 + hr {
    border-bottom: 1px solid #C5C5C5 !important;
}
.daterangepicker.show-ranges.ltr .ranges {
    border-right: 1px solid #C5C5C5;
}
.daterangepicker .ranges li.active {
    background-color: #BFDDFF;
    color: #0077FF;
}
.daterangepicker td.in-range {
    background-color: #BFDDFF;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #0077FF;
}
.richText .richText-editor:focus {
    border-left: #0077FF solid 2px !important;
}
.ag-theme-quartz {
    --ag-active-color: #0077FF !important;
}
[class*=ag-theme-] {
    --ag-value-change-value-highlight-background-color: #BFDDFF !important;
}
<script data-logpartialinfo="true" defer>console.log("Partial: stylesheet"); $("script[data-logpartialinfo]").remove();</script>