/*** FILE : ROOT STYLESHEET 27 ***/

/* Test */ 




/*** FILE : TEMPLATE STYLESHEET 20 ***/

.library .items.tiles.layout-style-7 .item .label, .library .categories .category > .label,
.contacts-widget .categories .category > .label,
.library ul.layouts-root ul li.active a,
.library ul.sorting-root ul li.active a,
.marketing-widget .categories .category > .label,
.template-editor .step-list li ul li.active a,
.dialog-ordering-tool .step-intro, label,
#library-item-asset-dowload .formRow label,
.login-widget .register-account .title,
.login-widget .forgot-credentials .title { font-family: 'Bold'; }

.login-widget a { color: #000; }

.dialog-ordering-tool .product-price { font-family: 'Bold'; }

label { font-family: 'Regular'; }


/*****************
 *  COLOR PALETTE
 *****************/

/* general */
body, html { color: #000; }

h2 { color: #515151; }

/* buttons */
input, select, textarea { border-color: #a9a9a9; color: #000; background: #FFF; }

.button { background-color: #000; color: #FFF; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

    .button:hover { background-color: #000; color: #FFF; box-sizing: border-box; }

    .button.active { background-color: #000; color: #FFF; }

    .button.cancel { background-color: transparent; color: #fff; }

    .button.alternate { background-color: #000; color: white; }

.cms-manage-entry .button.alternate { border: 1px solid #000; }

.button.outline { background-color: transparent; color: #000; border: 1px solid #000; }

    .button.outline:hover { background-color: #000; color: #fff; border: 1px solid transparent; }

.button.alternate-reverse { background-color: white; color: #000; border: 1px solid #000; }

    .button.alternate-reverse:hover { background-color: #000; color: white; }

.button.alternate:hover { background-color: #000; color: white; }

.primary-color { color: #000; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #B0B0B0; }

::-moz-placeholder { /* Firefox 19+ */ color: #B0B0B0; opacity: 1; }

:-ms-input-placeholder { /* IE 10+ */ color: #B0B0B0; }

:-moz-placeholder { /* Firefox 18- */ color: #B0B0B0; opacity: 1; }

/* form */
.form-input .select2-container-multi .select2-choices { border-color: #a9a9a9; color: #a9a9a9 !important; background: #FFF !important; }

.form-input .select2-container .select2-choice { border-color: #a9a9a9; color: #000 !important; background: #FFF !important; }

    .form-input .select2-container .select2-choice .select2-arrow { background: #fff; }

.select2-drop.select2-drop-active { border-color: #000; }

.form-input .select2-container .select2-default > .select2-chosen { color: #B0B0B0; }

.form-input .select2-container-multi.select2-container-active .select2-choices { border-color: #000; }

.form-input .select2-container.select2-container-active .select2-choice { border-color: #000; }

.formRow.inlineMode label.label-icon { color: #a9a9a9; }

input:focus, textarea:focus { border-color: #000 !important; outline: none; /* Outline: Chrome uses this as default */ }

.charcounter { color: #a9a9a9; }

.formRow .help a { color: #3d94b7; background-color: none; }

.ui-datepicker .ui-widget-header.ui-datepicker-header { background-color: #000; color: #FFF; }

.ui-datepicker .ui-datepicker-calendar thead { background-color: #000; color: #FFF; }

.ui-datepicker .ui-datepicker-calendar td a.ui-state-active { background-color: #000 !important; color: #FFF; }

.form-input .form-input-add { background-color: #000; }

/* select */
select { padding: 6px; margin: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; color: #7f7f7f; border: 1px solid #eeeeee; }

    select:focus { border-color: #000; outline: none; }

/* General items */
.portal .tool-tabs.default > .tabs > .tab.active { background-color: #000 !important; opacity: 0.8; }

.portal .tool-tabs.default > .tabs > .tab { background-color: #000; -o-transition: ease 0.2s all; -ms-transition: ease 0.2s all; -moz-transition: ease 0.2s all; -webkit-transition: ease 0.2s all; transition: ease 0.2s all; }

    .portal .tool-tabs.default > .tabs > .tab:hover { background-color: #000; opacity: 0.8; }

    .portal .tool-tabs.default > .tabs > .tab .checked { color: #000; }

    .portal .tool-tabs.default > .tabs > .tab.active .checked, .portal .tool-tabs > .tabs > .tab:hover .checked { color: #fff; }

.portal .tool-tabs.default { border-bottom: 1px solid #FFF; }

.portal .tool-tabs.tab-area { background-color: #000; }

.tool-tabs .tab-slider { background-color: #000; }

/* pills */
.library .categories .category .tag .pill,
.contacts-widget .categories .category .tag .pill,
.marketing-widget .columns .column .body .group-holder .group-item .pill,
.contacts-columns div[data-id=contact-lists] li span.count,
.contacts-columns div[data-id=contact-groups] li.active { background-color: #000; }

.contacts-columns div[data-id=contact-groups] li { background-color: #000; cursor: pointer; }

.contacts-columns div[data-id=contact-groups] li,
.marketing-widget div[data-id=marketing-groups] li { color: #fff; float: left; font-size: 0.8em; margin: 2px 2px; padding: 2px 5px; border-radius: 3px; }

.contacts-columns div[data-id=contact-groups] li,
.marketing-widget div[data-id=marketing-groups] li { background-color: #000; cursor: pointer; }


/* widget: menu */

/* variant met primaire kleur 1 als achtergrond en witte tekst als menu items 
    Let op: doodstraf voor wijzigen! (me) */

.menu_main { background-color: #000; }

    .menu_main ul ul { background-color: #fff; }

    .menu_main a { color: #fff; }

    .menu_main ul ul a { color: #000 }

    .menu_main nav > ul > li.active > a, .menu_main nav > ul > li:hover > a { border-color: #fff; }

    .menu_main ul ul li:hover, .menu_main ul ul li.active { border-color: #000; }

body.dragging .menu_main ul ul li:hover { border-color: transparent !important; }



/* widget library & contact */
.library .categories .category,
.contacts-widget .categories .category,
.marketing-widget .categories .category { background-color: #000; }

    .library .categories .category .tag .pill,
    .contacts-widget .categories .category .tag .pill,
    .contacts-columns div[data-id=contact-lists] li span.count,
    .contacts-columns div[data-id=contact-groups] li.active,
    .contacts-columns div[data-id=contact-groups] li:hover,
    .marketing-widget .categories .category .tag .pill,
    .marketing-widget .categories div[data-id=marketing-lists] li span.count,
    .marketing-widget .categories div[data-id=marketing-groups] li.active,
    .marketing-widget .categories div[data-id=marketing-groups] li:hover,
    .marketing-widget .ive-item.card .overlay-state-main.state-main-secondary { background-color: #000; }

.marketing-widget.lightweight .ive-item.card .caption .quantity { background-color: #000; }

.library .categories .category .tag .pill,
.contacts-widget .categories .category .tag .pill { font-size: 0.8em; line-height: 1.7em; }

.contacts-columns .contacts-list .area-entries .entry:hover { background-color: #000; }


.library .categories .category .tag.active .label:before,
.library .categories .category .tag:hover .label:before,
.contacts-widget .categories .category .tag.active .label:before,
.contacts-widget .categories .category .tag:hover .label:before,
.marketing-widget .categories .category .tag.active .label:before,
.marketing-widget .categories .category .tag:hover .label:before { color: #000; }

.library .items .item:hover,
.contacts-widget .items .item:hover { box-shadow: 0 3px 6px rgba(0,0,0,0.05), 0 5px 5px rgba(0,0,0,0.05); }

/* tool: datatables */
.dataTables_wrapper .paging_full_numbers .paginate_button.current,
.dataTables_wrapper .paging_full_numbers .paginate_button:hover { background-color: #000; border-color: #000; }



ul.layouts-root > li > a,
ul.sorting-root > li > a { color: #FFF; background-color: #000; border: 1px solid #000; }

    ul.sorting-root > li > a:current { color: #FFF; background-color: #0a1a42; }

ul.layouts-root:hover > li > a,
ul.sorting-root:hover > li > a { color: #FFF; background-color: #000; border: 1px solid #000 }


ul.additem-root > li > a,
.join_block .btn { color: #FFF; background-color: #000; }


ul.additem-root:hover > li > a { color: #fff; background-color: #000; }


.breadcrumbs li a { color: #fff; }

.breadcrumbs li a { color: #fff; }

.mxui-toolbar .breadcrumbs .breadcrumb.link:hover > a { color: #000; }


/*-------------*/
/* Contacts    */
/*-------------*/

.contacts-columns .col-left { min-width: 270px; }


/* timeline */
@media screen and (max-width: 1060px) {
    .marketing .marketing-feed { display: none; }
}

@media screen and (max-width: 1260px) {
    .contacts-widget .contacts-columns .col-right { display: none; }
}


#cd-timeline { margin-left: 10px; }

.cd-timeline-block { margin: 2em 0 2em -10px; }

.cd-timeline-content::before { content: ''; position: absolute; top: 8px; right: 100%; height: 0; width: 0; border-top: 2px solid #000; border-right: 5px solid #000; border-left: 5px solid #000; border-bottom: 0px; }

.cd-timeline-content { border: 1px solid #000; margin-left: 34px; background-color: #000; }

#cd-timeline::before { border-left: 2px solid #000; }

.cd-timeline-picture { display: inline-block; width: 25px; height: 25px; border-radius: 13px; background-color: #000; text-align: center; line-height: 25px; }

    .cd-timeline-picture img { display: none; }

    .cd-timeline-picture:before { font-family: Font Awesome\ 5 Pro; font-weight: 900; color: #FFF; font-size: 0.9em; }

    .cd-timeline-picture.ContactLog:before,
    .cd-timeline-picture.PipelineLog:before,
    .cd-timeline-picture.MarketingLog:before { content: "\f0c9"; }

    .cd-timeline-picture.CommentLog:before { content: "\f075"; }

    .cd-timeline-picture.TaskLog:before { content: "\f040"; }

.tool-feed > .feed-toolbar > ul > li { font-size: 1em !important; background-color: #000; padding: 3px 10px !important; border-radius: 3px; }

    .tool-feed > .feed-toolbar > ul > li:hover,
    .tool-feed > .feed-toolbar > ul > li.focus span,
    .tool-feed > .feed-toolbar > ul > li.focus i { color: #000 !important; }

.tool-feed > .feed-toolbar > ul { background-color: white !important }

.cd-timeline-block .orderitem { display: none; }


/* widget: contacts */
.contacts-columns .contacts-groups .grouplist { background-color: #000; }

.contacts-columns .contacts-feed #contact-info a,
.contacts-columns .contacts-list .contactsarea .contact .actions a,
.contact-detail .contact-groups .group-list .single-group a { color: inherit; }

    .contacts-columns .contacts-feed #contact-info a:hover,
    .contacts-columns .contacts-list .contactsarea .contact .actions a:hover,
    .contact-detail .contact-groups .group-list .single-group a:hover,
    .contacts-columns .contacts-list .toprow .results .selected,
    .contacts-columns .contacts-list .toprow .results .selected a:hover { color: #000; }

.contacts-columns .contacts-feed #contact-info .contact-title,
.contacts-columns .contacts-feed #bulk-actions .bulk-title { border-top: 5px solid #000; }


/* widget: marketing */
/* steunkleur */
.marketing-widget .items .item .head .awaits-approval { background-color: #db1c69; border-color: #db1c69; }
/* binnenkleur */
.marketing-widget .items .item { background-color: #fff; }
    /* item headerkleur - item geselecteerd achtergrond */
    .marketing-widget .items .item .head { background-color: #000; color: #fff; }

.marketing-widget .columns .column .body .group-holder .group-item .pill { color: #fff; }

.marketing-widget .items .item .head .concept,
.marketing-widget .items .item .head .archive { background-color: #999; border-color: #999; }

.marketing-widget .items .item .head .final,
.marketing-widget .items .item .head .ready { background-color: #4bae30; border-color: #4bae30; }

.marketing-widget .items .item .users li.add { background-color: #000; }

    .marketing-widget .items .item .users li.add:hover { background-color: #000; }

.marketing-widget .columns .column .body .group-holder .group-item,
.marketing-widget .columns > .column.big,
.marketing-widget .columns > .column.first { background-color: #000; }

.marketing-widget .items .item .users li.user { background-color: #000; border-color: #000; color: white; }

.marketing-widget .items .item .users li.assignee { background-color: #000; border-color: #000; color: white; }


.filter-block > .accent { background-color: #000; }

.filter-block .option.active .pill { background-color: #000; }

.filter-block .option .pill { background-color: #000; }

.filter-block .option:hover .label { color: #000; }

.filter-toggle.active { background-color: #000; }

@media only screen and (max-width: 600px) {
    .filter-block .option.active { background-color: #000; }
}

/* selectie vinkjes */
.marketing-widget .categories .category .tag .label:before, .library .categories .category .tag .label:before, .contacts-widget .categories .category .tag .label:before { content: "\f096"; }

.library .categories .category .tag:hover .label:before, .contacts-widget .categories .category .tag:hover .label:before, .marketing-widget .categories .category .tag:hover .label:before { content: "\f096"; }

.library .categories .category .tag.active .label:before, .contacts-widget .categories .category .tag.active .label:before, .marketing-widget .categories .category .tag.active .label:before { content: "\f14a"; }

/*widget: pipeline */
.join_block .btn { background: #000 !important; }

    .join_block .btn:hover { background: #000 !important; }

.dialog-pipeline-manage-opportunity .card .tags > .tag { background: #000; }

.dialog-pipeline-manage-opportunity .card .info .indicators i.selected { color: #000; }

/* Mobile header & main menu */
@media only screen and (max-width: 600px) {
    .menu-widget .mobile-menu .mobile-nav-button i { background-color: #000; }

    .menu-widget .mobile-menu.active .mobile-nav-button i:before { background-color: #000;  }

    .menu-widget .mobile-menu.active .mobile-nav-button i:after { background-color: #000;}

    .menu-widget .mobile-menu .menu-overlay { background: #000; background: -moz-linear-gradient(top,#000 0,#000 100%); background: -webkit-linear-gradient(top,#000 0,#000 100%); background: linear-gradient(to bottom,#000 0,#000 100%); }
}

.marketing-widget .items .item { margin: 0px 20px 20px 0px; background-color: #000; min-height: 210px; }

    .marketing-widget .items .item:hover { background-color: #000; }


/* stock */
.library .items.tiles.layout-style-5 .item .stock,
.library .items.tiles.layout-style-6 .item .stock,
.library .items.tiles.layout-style-7 .item .stock { background-color: #000; }



.redbtn { background: #000; float: left; transition: background-color 0.3s ease; }

.greybtn { background: #BFBFBF; float: left; transition: background-color 0.3s ease; }

    .greybtn:hover { background: #000; }

.widget-pipeline .area-toolbar li.filter.has-sub li label.select-label:before { color: #CCC; }

.widget-pipeline .area-toolbar li.filter.has-sub li.selected label.select-label:before { color: #000; }

.radio-slider .irs-slider,
.radio-slider.interval-dots .irs-grid .irs-grid-text.active,
.radio-slider .irs-bar-edge { background: #000 !important; border: 1px solid transparent !important; }

.radio-slider .irs-bar { background-color: #000 !important; }

.radio-slider .irs-bar { border-top: 1px solid transparent; border-bottom: 1px solid transparent; }

.radio-slider .irs-single { background: #000 !important; }

.dialog-pipeline-manage-opportunity .area-validation .hasDescription h4 { margin-top: 25px; }

.dialog-pipeline-manage-opportunity .area-validation .hasDescription p { margin-bottom: 20px; }

.dialog-pipeline-manage-opportunity .area-validation .formRow { margin: 0px; }

.dialog-pipeline-manage-opportunity .image-action-overlay .fa { color: white; }

.pipeline.button.cancel { background-color: #000 !important; color: #fff !important; }

    .pipeline.button.cancel:hover { background-color: #000 !important; color: #fff !important; }


/* Pipeline */
.widget-pipeline .area-pipeline-view .opportunities .opportunity .info .tags { color: #000; }


/******************
* Studio
*******************/

.template-editor .step-list .category-title { background-color: #000; color: #fff; }

.template-editor .step-list a { color: #fff; }

.buttonRow ul.dropdown.template-editor-btn .option:hover { background-color: #000; color: #FFF; cursor: pointer; }

.buttonRow ul.dropdown.template-editor-btn > li:hover a { background-color: #000; color: #FFF; cursor: pointer; }


/*****************
 *  Excel import
 *****************/

.tool-excel-import .area-excel-file .value { border-color: #000; }

.tool-paste-import .download-example { color: #000; }


/*****************
 *  Data table
 *****************/

.dataTables_wrapper th { background-color: #000; color: white; }

.dataTables_wrapper .paging_full_numbers .paginate_button:hover { background-color: #000; border-color: #000; }


/*****************
 *  Dialog system
 *****************/

.ds-dialog .ds-steps .step.active .index,
.ds-dialog .ds-steps .step.complete .index,
.ds-dialog .ds-steps .step:hover .index,
.ds-dialog .ds-steps .step.active:not(:first-child) .line,
.ds-dialog .ds-steps .step.complete:not(:first-child) .line { background-color: #000; color: white; }

#ds-main #ds-header { background-color: #000 !important; color: #000 !important; }

    #ds-main #ds-header .close, #ds-main .resize i { color: #fff; }

        #ds-main #ds-header .close:hover, #ds-main .resize i:hover { transform: scale(1.1); transition: .2s ease all; }

/*****************
 *  Widget Account
 *****************/

.widget-account .area-toolbar .navigation.clickable li.active .label,
.widget-account .area-toolbar .navigation.clickable li.item:hover .label,
.widget-account .block > .header { border-bottom-color: #000; }

.area-toolbar .navigation.clickable li.active .label { border-bottom-color: #000; }

.area-toolbar .navigation.clickable li.item:hover .label { border-bottom-color: #000; }

.widget-account .tool-app .body.view .area-step-view .step .cols.split2 > .col { overflow: hidden; }

.widget-account .tool-app.mode-view { background-color: inherit; }

.widget-user > .area-main > .display.user .unit .walkthrough-icon i { font-size: 1.4em; color: #000; }

.widget-user > .area-main > .display.user .count { background-color: #000; }

.widget-user > .area-main > .display.user .register { cursor: pointer; }

/*****************
 *  Helpdesk
 *****************/
.toggle-trigger svg path#backDrop { fill: #000 !important; }


/*****************
 *  Quickstart
 *****************/
.tutorialize-slide .tutorialize-slide-title { background-color: #000; }

.tutorialize-slide .tutorialize-slide-control li.next { background-color: #000; }

    .tutorialize-slide .tutorialize-slide-control li.next:hover { background-color: #000; }

.tutorialize-slide .tutorialize-slide-control li.prev { background-color: #000; }

    .tutorialize-slide .tutorialize-slide-control li.prev:hover { background-color: #000; }


/*****************
 * Winkelwagen
 *****************/
.widget-webshop .area-my-orders .my-orders > .head { background-color: #000; }

.widget-webshop .area-my-orders .my-orders .info.highlight .count { color: #000; }

.tool-steps .step.complete .line { background-color: #000; }

.tool-steps .step.complete .index { background-color: #000; }

.tool-steps .step.active .line { background-color: #000; }

.tool-steps .step.active .index { background-color: #000; }

.tool-steps.default .step.active .index, .tool-steps.default .step.complete .index, .tool-steps.default .step .index { background-color: #000; }

.widget-webshop .area-cart .area-confirmation .area-feedback .message { background-color: #000; }


/*****************
 * Dashboard in FO
 *****************/

.dashboard .button, .dashboard .paginate_button, .dashboard .paginate_active { background-color: #000; }

.formRow .help a { background-color: inherit; }

.cmsappwidget .page.mod-cms-content .edit-mode-bar ul.dropdown .option.active .label,
.cmsappwidget .page.mod-cms-content .edit-mode-bar ul.dropdown .option.active .checkbox { color: #000; }

.page.mod-cms-content .contact-overview-header { background-color: #000; color: #fff; }

.page.mod-cms-content .side-buttons .side-btn { background-color: #000; color: #fff; }

    .page.mod-cms-content .side-buttons .side-btn:hover { color: #fff; filter: brightness(87%); }

.cms-entry-columns .collapse-left-column:hover { color: #000; }

.cms-advanced-middle .side-buttons .side-btn,
.manage-entry .edit-entry .side-buttons .side-btn { background-color: #000; color: #fff; opacity: 0.5; }

    .cms-advanced-middle .side-buttons .side-btn.active,
    .manage-entry .edit-entry .side-buttons .side-btn.active { background-color: #000; color: #fff; opacity: 1; }

    .cms-advanced-middle .side-buttons .side-btn:hover,
    .manage-entry .edit-entry .side-buttons .side-btn:hover { background-color: #000; color: #ffffff; }

.cms-entry-columns .cms-entry-col-right .body .side-bar-view .side-bar-title .collapse-sidebar { color: #000; }

.cms-entry-columns .cms-entry-col-right .side-bar-view .side-bar-title .collapse-sidebar:hover { color: #000; }

.cms-advanced-middle .side-buttons .side-btn .filter-count, .page.mod-cms-content .side-buttons .side-btn .filter-count,
.manage-entry .edit-entry .side-buttons .side-btn .filter-count, .page.mod-cms-content .side-buttons .side-btn .filter-count { background-color: #000; }

.cms-entry-columns .cms-entry-col-right .side-bar-view.colvis-container .options .option:hover { color: #000; }

.cms-entry-columns .cms-entry-col-right .side-bar-view.colvis-container .options .option.active { color: #000; }

.cms-entry-columns .cms-entry-col-right .edit-mode-bar .search-input > input { color: #000; }

.cms-entry-columns .cms-entry-col-right .edit-mode-bar .search-input { color: #000; border: 1px solid #000; }

    .cms-entry-columns .cms-entry-col-right .edit-mode-bar .search-input > .fa-search { color: #000; }

.cms-entry-columns .cms-entry-col-center .side-buttons .side-btn { background-color: #000; color: #fff; transition: all .2s ease; }

    .cms-entry-columns .cms-entry-col-center .side-buttons .side-btn:hover { background-color: #000; color: #fff; }

.cms-entry-columns .cms-entry-col-left .entry-form-step:hover { color: #000; }

.cms-entry-card .cms-entry-card-status { background: #000; }

.page.mod-cms-content .actions .action:hover { color: #000; }

.ive-item.card.medium .card-actions .action:hover { color: #000; }

.cms-in-page-toolbar .cms-advanced-step.active { background-color: #000; }

    .cms-in-page-toolbar .cms-advanced-step.active .cms-advanced-step-label { color: #fff; }

.cms-advanced-step.active .cms-advanced-step-label { color: #000; }

.cms-advanced-step .cms-advanced-step-label:hover { color: #000; }

.cms-advanced-step .cms-advanced-step-edit:hover { color: #000; }

/*******************
 * FEED TOOL
 *******************/

.tool-feed > .head,
.tool-feed .feed-source-tabs > ul > li.source-tabs-collapsed > ul.collapsed-items { background-color: #000; }

    .tool-feed > .head .feed-title { font-size: 1.0em; }

.tool-feed .feed-view > .feed-toolbar button { background-color: #000; }

    .tool-feed .feed-view > .feed-toolbar button:hover { background-color: #000; }

.tool-feed .feed-view > .feed-toolbar { background-color: #000; }

.cms-entry-col-right .feed-container .feed-column .tool-feed > .head,
.tool-feed .feed-source-tabs > ul > li.source-tabs-collapsed > ul.collapsed-items { background-color: #f8f8f8; }

    .cms-entry-col-right .feed-container .feed-column .tool-feed > .head > .feed-source-tabs > ul > li.active { border-bottom: 2px solid black; }

    .cms-entry-col-right .feed-container .feed-column .tool-feed > .head > .feed-source-tabs > ul > li:hover { border-bottom: 2px solid black; }
}

/*****************
 * WIDGET: PIPELINE - DASHBOARD
 *****************/

/* block-progress */
.widget-pipeline .area-dashboard-view .blocks .block-progress .block-content i { color: #000; }

.widget-pipeline .area-dashboard-view .content_strip { background: #000; font-family: 'bold'; }

.widget-pipeline .area-dashboard-view .redcircle { background-color: #000; }

/* block-nhw */
.widget-pipeline .area-dashboard-view .block-nhw .nhw-x { background-color: #d2d2d2; }

.widget-pipeline .area-dashboard-view .block-nhw .nhw-how { background-color: #737373; }

.widget-pipeline .area-dashboard-view .block-nhw .nhw-now { background-color: #000; }

.widget-pipeline .area-dashboard-view .block-nhw .nhw-wow { background-color: #000; }

/* block-organization */
.widget-pipeline .area-dashboard-view .block-organization .area1 { background-color: #000; }

.widget-pipeline .area-dashboard-view .block-organization .area4 { background-color: #000 }

.widget-pipeline .area-dashboard-view .block-organization .area2 { background-color: #737373; }

.widget-pipeline .area-dashboard-view .block-organization .area3 { background-color: #d2d2d2; }

.widget-pipeline .area-dashboard-view .area-manual .feedback .button { background: #000; }

.widget-pipeline .area-dashboard-view .area-manual .feedback .button { background: #000; }

/*****************
 * WIDGET: PIPELINE - MILESTONES
 *****************/
.widget-pipeline .area-milestones-view .dataTable tr.not-complete td { color: #FF0000; }


/*****************
 * DIALOG MANAGE
 *****************/

.dialog.manage .tool-app.mode-view .tool-tabs.app-tabs { background-color: #fff; }

    .dialog.manage .tool-app.mode-view .tool-tabs.app-tabs > ul > li { background-color: #000; }

        .dialog.manage .tool-app.mode-view .tool-tabs.app-tabs > ul > li.active { background-color: #000; border-bottom: 2px solid #000; }

        .dialog.manage .tool-app.mode-view .tool-tabs.app-tabs > ul > li:hover { border-bottom: 2px solid #000; }

.dialog.manage .picker-block.active { background-color: #000; color: #000; }
.dialog.manage.order-details .status .user {width: 100%; margin-bottom: 10px;}
.dialog.manage.order-details .status .account {width: 100%; margin-bottom: 10px;}

/* Loader */
.mx-preview-loader, .ui-area-loader .loader-image, .menu-widget-loader > .loader-image { border-top-color: #000 !important; border-left-color: #000 !important; }

/*****************
 * MAILSHOT: 
 *****************/
.mx-action-block-icon { color: #000; }

.area-contact-groups .tool-guide-intro .inner .image { color: #000; }

.cms-mailing-dialog .select-template-type .mail-type-option > div:first-child { padding: 10px 10px 50px 10px; color: #000; }

/* CMS Webshop ChildView styling */
.level-two-table-header { background-color: #000; }

/* CMS inline edit changed*/
.grid tbody td.inline-edit.in-edit.changed { background-color: #000; }

/*  */
.dialog-report .report-stat .reporting-clicks-explained { color: #000; font-size: 16px; float: right; }

.page.mod-cms-content .filter-top .filter-top-elements .filter-top-action-activate .filter-top-activate .options li.active { color: #000; }


/*****************
 * CMS dashboard: 
 *****************/

.cmsappwidget .report-section .tool-guide-intro i { color: #000; }

.cmsappwidget .report-section .tool-guide-intro .button.green { background-color: #000; border-color: #000; }

.filter-block-element .filter-block-top.has-filter { color: #fff; background-color: #000; }

.filter-block-element .filter-block-top { border: 1px solid #000; color: #000; }

.workspaces { border: 1px solid #000; color: #000; }


/*****************
* UI: BUTTONS v2
*****************/
.button-v2 { background-color: #000; color: #fff; border: 1px solid #000; }

    .button-v2:hover, .button-v2.active, .button-v2.not-active:hover { background-color: #000; border-color: #000; opacity: 1; }

    .button-v2.attention-secondary { background-color: #000; border-color: #000; }

    .button-v2.not-active { background-color: #000; border-color: #000; opacity: 0.25; }

    .button-v2.cancel { background-color: transparent; border-color: transparent; color: #000; }

    .button-v2.alternate { background-color: #000; border-color: #000; }

        .button-v2.alternate:hover { background-color: #000; border-color: #000; }

    .button-v2.alternate-reverse { background-color: #fff; color: #000; border-color: #000; }

        .button-v2.alternate-reverse:hover { background-color: #000; border-color: #000; color: white; }

    .button-v2.outline { background-color: transparent; color: #000; border-color: #000; }

        .button-v2.outline:hover { background-color: #000; color: #fff; border-color: transparent; }

    .button-v2.wizard-button { background-color: #000; color: #fff; opacity: 0.8; }

        .button-v2.wizard-button.inactive { background-color: #000; color: #fff; opacity: 0.5; }

            .button-v2.wizard-button.inactive:hover { opacity: 0.8; }

        .button-v2.wizard-button:hover { opacity: 1; }

        .button-v2.wizard-button.cancel { background-color: #f3f3f3; color: #000; opacity: 0.5; }

            .button-v2.wizard-button.cancel:hover { opacity: 0.7; }

    .button-v2.wizard-button { background-color: #000 !important; border-color: #000; }

        .button-v2.wizard-button.cancel { background-color: #f3f3f3 !important; border-color: #f3f3f3; color: #000 !important; }

/* CMS BUTTON DISABLED STYLING */
.cmsappwidget-content .edit-mode-bar.disabled .button-v2.outline:not(.not-disabled):hover { background-color: transparent; color: #000; border-color: #000; }

.tool-popover.v2 .content .body .items .item .actions .action .popover-counter { background-color: #000; }

.tool-list .tool-list-body .tool-list-items .tool-list-item .list-tool-counter { background-color: #000; }

.filter-multiple-choice .option .group-counter { background-color: #000; }

.filter-block-element .filter-block-top.active { background-color: #000; color: #fff; }


/*****************
* UI: Toolbar
*****************/
.mxui-toolbar > .inner .search-container i { color: #B0B0B0; }


/*****************
* UI: ITEMVIEW
*****************/
.item-view.card-simple .card-status { background: #000; }


/*****************
* UI: USER AWARDS
*****************/
.awards-count a .count, .awards-step-icon .count { color: #fff; background-color: #000; }


/*****************
* UI: WIDGET SYSTEM
*****************/
.widgetsystem-manage-widget .mxui-tabs .tabs .tab, .mxui-tabs.v2 .tabs .tab, .widgetsystem-manage-widget .mxui-tabs .tabs .tab:hover, .mxui-tabs.v2 .tabs .tab:hover, .widgetsystem-manage-widget .mxui-tabs .tabs .tab.active, .mxui-tabs.v2 .tabs .tab.active { background-color: #000 !important; }




/* Workspace */
.pl-candidates:hover,
.workspaces:hover,
.area-manage-personal-pipeline .form-input .select2-container .select2-choice:hover,
.area-manage-personal-pipeline .form-input .select2-container.select2-container-active .select2-choice { border: 1px solid #000; }

.pl-candidates .pl-candidate-list ul,
.workspaces .workspace-list ul,
.workspaces .display-list ul { border: 1px solid #000; }

.workspaces .workspace-list .dropdown-action,
.filter-block-top .group-filter .dropdown-action,
.action.info-action i { color: #000; }

.dashboard .paginate_active { background-color: #000; }

.dashboard .dataTables_wrapper .actions .action:hover, .gcol-sys_budget span:hover { color: #000; }

.filter-block > .accent { background-color: #000; }

.filter-block .option .pill { background-color: #000; }

.filter-block .option > .mark:hover { color: #000; }

.filter-block .option.active .pill { background-color: #000; }

.filter-block .option:hover .label { color: #000; }

.tool-app .body.view .area-step-view .action-form:hover { color: #000; }

.grid-order-items .grid-row .td .status.order-status-6 { background-color: #000; }

.page .section-login header { background-color: #000; }

.page .section-login .form .button { background-color: #000; }

.shortcut-action .shortcut-action-inner .icon { color: #000; }

.walkthrough-content .walkthrough-html a { text-decoration: none; font-weight: 500; color: #000; }

.widget-intro .no-activity-lightweight > .body-hover { color: #000; }

.manage-entry .workspaces { border-color: #000; }

.update-workspace.active i { color: #000; }

.enriched-data:hover { background-color: #000; }

.enriched-data .enriched-data-content .enriched-data-header i { color: #000; }


.advanced-feed .content .overview-container .overview .month-content .month-wrapper .month { background-color: #000; }

.notification-center-content .notification-center-content-inner .filter-bullets .bullet.active { background-color:#000; }
/*** FILE : THEME STYLESHEET 1 ***/

/* De header heeft in dit stylesheet een achtergrondkleur */
/* Header - userwidget */



/*
.sequence-category {font-size: 1.5em !important; float:left; margin-bottom: 10px; text-decoration: underline}
.sequence-price {font-size: 1.5em !important;float:right; text-decoration: underline }
.sequence-step {clear: both;}
.sequence-overview {width: initial }
.sequence-overview > div {padding-top: 20px}
.sequence-overview .value {display: inline; font-style: italic } 
.sequence-overview div:first-child {padding-top: 0px }
.sequence-overview div:first-child .label {font-size: 1.3em !important}
.sequence-overview div:first-child .value {font-size: 1.9em !important; font-style: normal; font-weight: 800}
*/


[data-hook="table-filter"] {display: none}




/* ---------------------- Standaard styling */

.page.mod-cms-content .actions [data-grid-action="link"] {
display: none !important }

.generatelinkactive .page.mod-cms-content tr:hover .actions [data-grid-action="link"] {
display: inline-block !important  }

.page-header-right {
padding: 15px 35px 15px 0;
}

.header_logo {
padding: 10px 35px 10px 15px;
}

.page.mod-cms-content .filter-top-row {
padding: 5px 0 5px 0;
}

.widget-user > .area-main > .display.user > .units { margin: 0 0 0 5px; display:flex; }

@media screen and (max-width: 1799px) {
.widget-user > .area-main > .display.user > .info .primary {display: none !important; }
}

/* More link */
.button {background-color: var(--color1); cursor:pointer;}  



/* Form aanpassingen */
.form-input .select2-container .select2-choice { padding: .1em 0.5em; }
input[type=text], input[type=password], textarea { padding: .5em; }
.form-field:not(:first-of-type) { margin-top: 10px;}

/*XTRM */
.xtrm-dialog .xtrm-user {
margin-top: 15px;
}

/*Styling pipeline colors: Loes*/
.pipeline-styling .mxui-pipeline .pipeline-stage:first-child {background-color: rgb(240, 26, 26, 0.25);}
.pipeline-styling .mxui-pipeline .pipeline-stage:nth-child(2) {background-color: rgb(254, 127, 45, 0.25);}
.pipeline-styling .mxui-pipeline .pipeline-stage:nth-child(3) {background-color: rgb(237, 178, 2, 0.35);}
.pipeline-styling .mxui-pipeline .pipeline-stage:nth-child(4) {background-color: rgb(252, 202, 70, 0.25);}
.pipeline-styling .mxui-pipeline .pipeline-stage:nth-child(5) {background-color: rgb(255, 248, 51, 0.25);}
.pipeline-styling .mxui-pipeline .pipeline-stage:nth-child(6) {background-color: rgb(225, 240, 26, 0.25);}
.pipeline-styling .mxui-pipeline .pipeline-stage:nth-child(7) {background-color: rgb(88, 139, 139, 0.25);}
.pipeline-styling .mxui-pipeline .pipeline-stage:nth-child(8) {background-color: rgb(4, 105, 18, 0.25);}

/*STYLING PAGE PRESETS*/
.mx-action-block:hover, .import-block:hover, .mx-action-block.active, .import-block.active		{border: 3px solid var(--color1); transition: none;}