/*
 * Vik Booking - Colors adaptation for "Dark Mode" Appearance .
 * If Dark Mode should be always applied, variables should always be overridden.
 * 
 * @note 	the variables of this file should be identical to the ones of the file vcm-appearance-auto.css
 */

/* Variable declarations to always apply a dark layout. */
:root {

    /* WordPress variables */
    --wp-btn-color: #92c4ee;
    --wp-btn-color-hover: #2e7aaf;

    /* body color */
    --vbo-body-bg-color: #0f1216;
    --vbo-main-bg-color: #0f1216;
    --vbo-body-text-color: rgba(255, 255, 255, 0.87);
    --vbo-table-light-grey: #373737;
    
    /* main bg and text color */
    --vbo-container-text-color:rgba(255, 255, 255, 0.87);
    --vbo-contrast-text-color: rgba(255, 255, 255, 0.87);
    --vbo-base-color: #4e8abb; /* #6096c2 */
    --vbo-base-color-hover: #2c6fa5;
    --vbo-link-text-color: #92c4ee;
    --vbo-basic-btn: #181b22;
    --vbo-basic-btn-hover: #303942;
    --vbo-basic-btn-focus: #444;
    --vbo-light-color-btn: #303942;
    --vbo-middle-color-btn: #262f39;
    --vbo-grey-blue-bg: #424954;
    --vbo-light-blue: #313f4d;

    /* Config bg and text color */
    --vbo-config-bg-color: #282b33;
    --vbo-config-bg-dark: #666;
    --vbo-input-style: #282b33;
    --vbo-config-text-color: inherit;
    --vbo-config-border-color: #0f1216;
    --vbo-config-titles-color-light: rgba(255, 255, 255, 0.77);
    --vbo-config-child-bg-color: #181b22;
    --vbo-config-text-color-light: rgba(255, 255, 255, 0.77);
    --vbo-config-title-color: rgba(255, 255, 255, 0.60);

    /* Input Style */
    --vbo-input-style: #1e222b;
    --vbo-input-style-deactive: #282b33;
    --vbo-input-style-nested-deactive: #181b22;

    /* Page Lists */
    --vbo-toolbar-bg-color: rgba(212, 218, 229, 0.1);

    /* General Colors */
    --vbo-red-color: #da5f5f;
    --vbo-red-color-hover: #f38a8a;

    --vbo-orange-color: #d09754;
    --vbo-orange-color-hover: #be8340;
    
    --vbo-green-color: #489e48;
    --vbo-green-color-hover: #428242;
    --vbo-green-color-focus: #65c265;
    
    --vbo-light-green-color: #4e754c;
	--vbo-light-green-color-hover: #365335;
    
    --vbo-blue-color: #2f6f8e;
    --vbo-blue-color-hover: #498fb3;
    
    --vbo-gold-color: #ccc450;
	--vbo-purple-color: #b746df;
    --vbo-ai-color: #8b5fe8;
    
    /* Notification Status */
    --vbo-info-bg: #5488b0;
    --vbo-info-txt: #d5d5d5;
    --vbo-info-border: #4e7891;

    --vbo-warning-bg: #ffe8bb;
    --vbo-warning-bg-txt: #df7212;
    --vbo-warning-border: #d99323;
    
    --vbo-error-bg: #eab0b0;
	--vbo-error-txt: #800;
    --vbo-error-border: #ea6060;

    /* Tag colors */
	--vbo-tag-red-bg: #de555373;
	--vbo-tag-red-txt: #d5d5d5;
	--vbo-tag-red-border: #2e2423;

	--vbo-tag-green-bg: #2d996480;
	--vbo-tag-green-txt: #eee;
	--vbo-tag-green-border: #182c18;

    --vbo-tag-olive-bg: #A7C08B8A;
	--vbo-tag-olive-txt: #E5EEDC;
	--vbo-tag-olive-border: #2f3d1f;

	--vbo-tag-blue-bg: #3372a980;
	--vbo-tag-blue-txt: #c6cae1;
	--vbo-tag-blue-border: #112a50;

	--vbo-tag-ocean-bg: #29a4d081;
	--vbo-tag-ocean-txt: #fff;
	--vbo-tag-ocean-border: #1e414b;

	--vbo-tag-brown-bg: #b8654373;
	--vbo-tag-brown-txt: #ffeae3;
	--vbo-tag-brown-border: #3a2d24;

	--vbo-tag-yellow-bg: #fab14380;
	--vbo-tag-yellow-txt: #f7e6c0;
	--vbo-tag-yellow-border: #322d1c;

	--vbo-tag-orange-bg: #e97e2373;
	--vbo-tag-orange-txt: #ffe1c3;
	--vbo-tag-orange-border: #341e0f;

	--vbo-tag-purple-bg: #b572f570;
	--vbo-tag-purple-txt: #e1e1e1;
	--vbo-tag-purple-border: #3b2349;

	--vbo-tag-pink-bg: #dc4c9166;
	--vbo-tag-pink-txt: #f9f9f9;
	--vbo-tag-pink-border: #361424;

	--vbo-tag-black-bg: #a6a6a621;
	--vbo-tag-black-txt: #bebebe;
	--vbo-tag-black-border: #929292;

	--vbo-tag-gray-bg: #fff3;
	--vbo-tag-gray-txt: #ece6e6;
	--vbo-tag-gray-border: #7e7e7e;

    /* VCM Chat Message */
    --vcm-chat-background: #0b1117;
    --vcm-chat-bubble-host-background: #50575d;
    --vcm-chat-bubble-host-color: #fff;
    --vcm-chat-bubble-guest-background: #3c404c;
    --vcm-chat-bubble-guest-color: #fff;
    --vcm-chat-dot-flashing-on: #ddd;
    --vcm-chat-dot-flashing-off: rgba(221, 221, 221, 0.2);
}
body {
    background: var(--vbo-body-bg-color) !important;
    color: var(--vbo-body-text-color) !important;
    height: auto;
}
h2, h3 {
    color: var(--vbo-config-text-color-light) !important;
}
.label, .badge {
    background-color: #666;
}
table.table th, table.table td {
    background: var(--vbo-config-bg-color);
    border-top: 1px solid var(--vbo-config-border-color);
    border-bottom: 0;
}
.vbo-bookingslist-table thead, .vbo-list-table thead {
    border-bottom: 0;
}
.vbo-bookingslist-table thead tr, .vbo-list-table thead tr {
    border: 0;
}
.vbo-bookingslist-table.table > :not(:first-child), .vbo-list-table.table > :not(:first-child) {
    border: 0;
}
.table tbody tr.warning > td, .table tr.no-results > td {
    background-color: #5e5b4c !important;
}
.vbo-list-table tbody > tr > td, .vbo-list-table tbody > tr > th {
    border-top: 1px solid var(--vbo-config-border-color) !important;
}
.btn.vbo-btn-black {
    background: var(--vbo-config-bg-dark);
    border: 1px solid #999;
}
.vbo-admin-dock-wrapper {
    background: #30588bc4;
}

/* Config tabs */
	.vbo-config-tabs-wrap dl.tabs {
		border-bottom: 1px solid var(--vbo-light-color-btn);
}

/* Color action buttons */
.jtoolbar .page-title-action {
    background: transparent;
    color: var(--wp-btn-color);
    border-color: var(--wp-btn-color);
}
.jtoolbar .page-title-action:hover {
    background: transparent;
    color: var(--wp-btn-color-hover);
    border-color: var(--wp-btn-color-hover);
}
.fancybox-wrap .fancybox-skin {
    background: var(--vbo-body-bg-color);
}
/* @WP style */
/* Plugin name */
.wrap h1.wp-heading-inline {
    color: var(--vbo-body-text-color)
}
/* Arrow active WP menu on the left */
ul#adminmenu a.wp-has-current-submenu::after, ul#adminmenu > li.current > a.current::after {
    border-right-color: var(--vbo-body-bg-color);
}
.wp-core-ui select {
    background: var(--vbo-input-style) url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23474c5b%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
    color: inherit;
    border-color: var(--vbo-config-border-color);
}
.wp-core-ui .button, .wp-core-ui .button-secondary, .vbo-guestactivitywidget-commands .vbo-guestactivitywidget-command-chevron > span, .vbo-reportwidget-command-chevron > span, .vbo-dash-chart-title .vbo-dash-chart-nav {
    background: var(--vbo-basic-btn) !important;
    color: var(--vbo-config-title-color) !important;
    border-color: var(--vbo-config-border-color);
}
.wp-core-ui .button-disabled, .wp-core-ui .button-secondary.disabled, .wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary[disabled], .wp-core-ui .button.disabled, .wp-core-ui .button:disabled, .wp-core-ui .button[disabled] {
    border: 1px solid var(--vbo-light-color-btn) !important;
    background: var(--vbo-config-bg-color) !important;
    border-color: var(--vbo-contrast-text-color);
}
.wp-core-ui .button-secondary:hover, .wp-core-ui .button.hover, .wp-core-ui .button:hover, .vbo-guestactivitywidget-commands .vbo-guestactivitywidget-command-chevron > span:not(.vbo-guestactivitywidget-page):hover, .vbo-reportwidget-command-chevron > span:hover, .vbo-dash-chart-title .vbo-dash-chart-nav:hover {
    border-color: var(--wp-btn-color) !important;
    color: var(--wp-btn-color) !important;
}
.wp-core-ui select.disabled, .wp-core-ui select:disabled {
    background-color: var(--vbo-input-style-deactive);
    color: var(--vbo-config-text-color-light);
}
.wp-core-ui select.disabled, .wp-core-ui select:disabled, input.disabled, input:disabled, select.disabled, select:disabled, textarea.disabled, textarea:disabled {
    background: var(--vbo-config-bg-color);
    border-color: var(--vbo-config-border-color);
}
.wp-editor-wrap .wp-editor-container, .wp-editor-wrap .quicktags-toolbar {
    border-color: var(--vbo-config-border-color);
}
.wp-editor-wrap .quicktags-toolbar {
    background: var(--vbo-middle-color-btn);
}
.mce-tinymce div.mce-panel {
    background: var(--vbo-input-style);
}
.mce-tinymce div.mce-toolbar-grp {
    border-bottom: 1px solid var(--vbo-config-border-color);
    background: var(--vbo-middle-color-btn);
}
.wp-editor-wrap .wp-editor-tabs .wp-switch-editor {
    background: var(--vbo-input-style);
    border-color: var(--vbo-config-border-color);
    color: inherit;
}
.wp-editor-wrap.html-active .switch-html, .wp-editor-wrap.tmce-active .switch-tmce {
    background: var(--vbo-middle-color-btn);
    border-color: var(--vbo-config-border-color);
    border-bottom-color: var(--vbo-middle-color-btn);
    color: inherit;
}
.mce-tinymce .mce-btn button, .mce-tinymce .mce-toolbar .mce-ico {
    color: var(--vbo-config-title-color);
}
.mce-tinymce .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
    background: var(--vbo-input-style-nested-deactive);
    border-color: var(--vbo-config-border-color);
    color: inherit;
}
.mce-tinymce .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover, .mce-tinymce .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
    background: var(--vbo-input-style);
    border-color: var(--vbo-config-border-color);
    color: inherit;
}
.mce-tinymce .mce-panel .mce-btn i.mce-caret {
    border-top-color: inherit;
}
.mce-tinymce .mce-panel .mce-btn:focus i.mce-caret, .mce-tinymce .mce-panel .mce-btn:hover i.mce-caret {
    border-top-color: var(--vbo-contrast-text-color);
}
.mce-tinymce .mce-panel .mce-active i.mce-caret {
    border-bottom-color: var(--vbo-contrast-text-color);
}
.mce-panel.mce-menu {
    border-color: var(--vbo-config-border-color) !important;
    background: var(--vbo-input-style);
}
.mce-menu .mce-menu-item.mce-active.mce-menu-item-normal, .mce-menu .mce-menu-item.mce-active.mce-menu-item-preview, .mce-menu .mce-menu-item.mce-selected, .mce-menu .mce-menu-item:focus, .mce-menu .mce-menu-item:hover {
    background: var(--vbo-base-color);
}
.mce-tinymce .mce-toolbar .mce-btn-group .mce-btn:focus, .mce-tinymce .mce-toolbar .mce-btn-group .mce-btn:hover, .qt-dfw:focus, .qt-dfw:hover {
    background: var(--vbo-input-style);
    border-color: var(--vbo-input-style);
    color: var(--vbo-base-color);
    box-shadow: none;
}
.mce-tinymce .mce-toolbar .mce-btn-group .mce-btn.mce-active, .mce-tinymce .mce-toolbar .mce-btn-group .mce-btn:active, .qt-dfw.active {
    background: var(--vbo-input-style);
    border-color: var(--vbo-config-border-color);
    color: var(--vbo-base-color);
}
.vik-contentbuilder-editor-container .ql-editor h1 {
    color: inherit;
    font-weight: bold;
}
.vik-contentbuilder-editor-container .vbo-editor-hl-specialtag {
    background-color: rgba(59, 193, 255, 0.3);
}
/* @WP End */
.popover, .popover-title {
    color: var(--vbo-body-text-color);
}
.popover.right .arrow::after {
    border-right-color: var(--vbo-light-color-btn) !important;
}
input.readonly, input[readonly], textarea.readonly, textarea[readonly], input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea {
    background-color: var(--vbo-input-style) !important;
    border-color: var(--vbo-config-border-color) !important;
    color: var(--vbo-container-text-color) !important;
}
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, select:focus, textarea:focus {
    background: var(--vbo-config-child-bg-color);
}
.comment-ays, .feature-filter, .imgedit-group, .popular-tags, .stuffbox, .widgets-holder-wrap, .wp-editor-container, p.popular-tags, table.widefat {
    background: var(--vbo-config-bg-color);
}
.widefat tfoot tr td, .widefat tfoot tr th, .widefat thead tr td, .widefat thead tr th {
    color: var(--vbo-config-text-color-light);
}
.widefat td, .widefat th {
    color: inherit;
}
/*.select2-container--default .select2-selection--multiple {
    background-color: var(--vbo-input-style) !important;
}*/
.select2-container .select2-choice {
    background: var(--vbo-input-style) !important;
    border: 1px solid var(--vbo-config-border-color) !important;
    color: var(--vbo-body-text-color) !important;
}
.select2-container .select2-choice .select2-arrow {
    background-image: none !important;
    background: #272c37 !important;
    border-left: 1px solid #333 !important;
}
.notice, div.error, div.updated {
    background: var(--vbo-config-bg-color) !important;
    border-top: 1px solid var(--vbo-light-color-btn) !important;
    border-right: 1px solid var(--vbo-light-color-btn) !important;
    border-bottom: 1px solid var(--vbo-light-color-btn) !important;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--vbo-config-titles-color-light);
}
body a {
    color: var(--vbo-link-text-color);
}
body a:hover {
    color: var(--vbo-base-color-hover);
}
body code, body pre {
    background: var(--vbo-config-bg-color);
    color: inherit;
}
/* Error Messages */
.warn {
    border: 1px solid rgba(249, 233, 169, 0.5) !important;
    background-color: rgba(249, 233, 169, 0.2) !important;	
}
.info {
    border: 1px solid rgba(142, 227, 255, 0.6) !important;
    background-color: rgba(223, 247, 255, 0.3) !important;
}
.err {
    border: 1px solid rgb(216, 0, 12, .3) !important;
    background-color: rgba(255, 216, 216, 0.2) !important;
}
.bluedays {
    background: var(--vbo-light-color-btn) !important;
}
.bluedays.vbo-tablewday-wend {
    background: var(--vbo-middle-color-btn) !important;
}
.block-picked-start, .block-picked-middle, .block-picked-end {
    background: rgba(255, 196, 153, 0.5);
}
.ui-widget-content a {
    color: inherit;
}

.popover {
    background: var(--vbo-light-color-btn) !important;
}
.popover.right > .bs-arrow::after {
    border-right-color: var(--vbo-light-color-btn) !important;
}
.popover.left > .bs-arrow::after {
    border-left-color: var(--vbo-light-color-btn) !important;
}
.popover.bottom > .bs-arrow::after {
    border-bottom-color: var(--vbo-light-color-btn) !important;
}
.popover.top > .bs-arrow::after {
    border-top-color: var(--vbo-light-color-btn) !important;
}
.popover-title {
    background-color: var(--vbo-config-child-bg-color) !important;
    border-bottom: 1px solid var(--vbo-config-child-bg-color) !important;
}
code, kbd {
    background: var(--vbo-config-bg-color);
}

/* vbo */
.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li {
    background: #a9d4ee;
}
.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:hover, .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
    background: #c4dbea;
}
.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add {
    border: 2px solid #a9d4ee;
}
.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add:hover, .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner:hover {
    background: #a9d4ee;
}
.vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note a {
    color: #056dc3;
}
.vbo-skeleton-loading {
    background: var(--vbo-basic-btn);
}
.vbo-skeleton-loading:after {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0));
}
.vbo-dashboard-chart-container {
    box-shadow: 0 0 20px rgba(0,0,0,.2);
}
.vbo-admin-widgets-list-customize .vbo-admin-widgets-section, .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-section {
    background: #55626f;
}
.vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container, .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-container {
    background: #6a848e;
}
.vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew:hover,
.vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box:hover, .vbo-admin-widgets-section.vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box:hover, .vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box:hover {
    background: #2c6880;
}
.vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box, .vbo-admin-widgets-section.vbo-admin-widgets-section-addnew {
    color: var(--vbo-config-text-color-light);
}
.vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds, .vbo-admin-widgets-list-customize .vbo-admin-widgets-widget-remove {
    color: #eee;
}
.vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-widget {
    background: var(--vbo-config-bg-color);
}
.vbo-tinymce-modal {
    background-color: var(--vbo-config-bg-color);
}
.vbo-tinymce-modal form h1 {
    background: var(--vbo-config-child-bg-color);
    border-color: var(--vbo-config-border-color);
    color: inherit;
}
.vbo-tinymce-modal .shortcodes-group {
    border-color: var(--vbo-config-border-color);
}
.vbo-tinymce-modal .shortcode-record {
    background-color: var(--vbo-toolbar-bg-color);
    border-color: var(--vbo-config-border-color);
}
.vbo-tinymce-modal .shortcode-record.selected {
    background-color: var(--vbo-light-color-btn);
}
.vbo-tinymce-modal .vbo-tinymce-submitbox {
    border-color: var(--vbo-config-border-color);
    background: var(--vbo-config-child-bg-color);
}
.vbo-tinymce-modal .vbo-tinymce-submitbox #vbo-tinymce-cancel button {
    background-color: var(--vbo-basic-btn) !important;
    border-color: var(--vbo-config-border-color);
}
.vbo-tinymce-modal .vbo-tinymce-submitbox #vbo-tinymce-cancel button:hover {
    background-color: var(--vbo-basic-btn-hover) !important;
}
.vbo-tinymce-modal .vbo-tinymce-submitbox #vbo-tinymce-update button {
    background-color: var(--vbo-green-color) !important;
    border-color: var(--vbo-green-color);
    color: inherit inherit;
}
.vbo-tinymce-modal .vbo-tinymce-submitbox #vbo-tinymce-update button:hover {
    background-color: var(--vbo-green-color-hover) !important;
}
.vbo-inspector-wrap {
    background-color: rgba(255, 255, 255, 0.94);
}
.vbo-roverview-datecmd-top .vbo-roverview-datecmd-date {
    background: var(--vbo-input-style);
    border: 1px solid var(--vbo-config-border-color);
}
.vbo-roverviewrowone .vbo-roverv-festcell, .notbusy.vbo-overv-festcell, .subnotbusy.vbo-overv-festcell, .bluedays.vbo-overv-festcell, .vbo-tableaux-festcell {
    background-color: #6f5a6b !important;
}
.vbo-roverviewrowone .vbo-roverv-festcell:hover, .notbusy.vbo-overv-festcell:hover, .subnotbusy.vbo-overv-festcell:hover, .bluedays.vbo-overv-festcell:hover, .vbo-tableaux-festcell:hover {
    background-color: #80667c !important;
}
.vbo-roverviewrowone .vbo-roverv-festcell:active, .notbusy.vbo-overv-festcell:active, .subnotbusy.vbo-overv-festcell:active, .bluedays.vbo-overv-festcell:active, .vbo-tableaux-festcell:active,
.vbo-roverviewrowone .vbo-roverv-festcell:focus, .notbusy.vbo-overv-festcell:focus, .subnotbusy.vbo-overv-festcell:focus, .bluedays.vbo-overv-festcell:focus, .vbo-tableaux-festcell:focus {
	background-color: #513d4e !important;
}
.notbusy.vbo-overv-todaycell, .subnotbusy.vbo-overv-todaycell, .bluedays.vbo-overv-todaycell, .vbo-tableaux-table .vbo-tableaux-todaycell {
    background-color: #6889ab !important;
}
.notbusy.vbo-overv-todaycell:hover, .subnotbusy.vbo-overv-todaycell:hover, .bluedays.vbo-overv-todaycell:hover, .vbo-tableaux-table .vbo-tableaux-todaycell:hover {
    background-color: #5d8fc4 !important;
}
.vboverviewtablerow .vbo-partially, .vbo-overview-legend-yellow .vbo-overview-legend-box {
    background: none repeat scroll 0 0 #c2770d !important;
}
.bluedays.vbo-roverw-tablewday-wend {
    background: var(--vbo-middle-color-btn) !important;
}
.vbo-calcrates-rateblock {
    background-color: var(--vbo-input-style);
}
.vbo-avcalendars-wrapper .vbo-calendar-cal-container .vbadmincaltable {
    background-color: var(--vbo-light-color-btn);
}
.vbo-overview-tip-bookingcont-left {
    background-color: rgba(60, 62, 67);
}
.vbo-overview-tip-bookingcont-right {
    background-color: rgba(90, 90, 90);
}
.vbo-overview-tip-bookingcont .vbo-overview-tip-lbl {
    color: rgb(190, 216, 235);
}
.vbo-overview-tip-bctag-subtip {
    background-color: rgb(92, 92, 92);
}
.vbo-overview-tip-bctag-subtip:before {
    border-color: transparent rgb(92, 92, 92) transparent transparent;
}
.vbo-bookingdet-command .btn.vbo-config-btn {
    border: 1px solid #434650;
}
.vbo-dropfiles-target {
    color: var(--vbo-config-text-color-light) !important;
    background-color: var(--vbo-config-child-bg-color) !important;
    border-color: var(--vbo-config-border-color);
}
.btn.vbo-condtext-specialtag-btn {
    background-color: #181b1d;
    border: 1px solid var(--vbo-config-border-color);
}
.viwpro-procnt .vikwppro-licencecnt {
    background: #204255;
}
.viwpro-procnt .viwpro-procnt-inner {
    border: 2px solid #54708e;
}
.vikwppro-licenceform:after {
    border-color: transparent transparent transparent #204255;
}
.vbo-insertrates-cont > div {
    background-color: var(--vbo-basic-btn-hover);
}
.vikpro-e4jc-badgeimg img {
    background: #101010;
    padding: 4px;
    border-radius: 4px;
}
.viwpro-e4jc-channels .viwpro-e4jc-channels-inner {
    background: #101010;
    margin: 20px;
    border-radius: 4px;
}
.vikwppro-download-progress progress[value]::-moz-progress-bar, .vikwppro-download-progress progress[value]::-webkit-progress-bar {
    background: #265f8c;
}
.vbo-overview-tiploading {
    background-color: rgba(58,58,58, .9);
}
.vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch {
    background: rgba(0,0,0,.4);
}
#progress.progress {
	background: var(--vbo-config-child-bg-color);
	background-image: none;
}
.vbo-custsearchres-entry-highligthed {
    background: var(--vbo-config-child-bg-color);
}
.vbo-translations-lim-wrap table select {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23474c5b' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .55rem center;
    background-color: var(--vbo-input-style) !important;
    background-size: 8px 10px;
}
.vbo-roverw-daymod-infospids-outcont {
    background: var(--vbo-main-bg-color) none repeat scroll 0 0;
}
.vbo-ratesoverview-period-box-cals-inner {
    background: var(--vbo-basic-btn);
}
.vbo-timeline-radio:checked + .vbo-timeline-relative .vbo-timeline-circle {
    background: #fff;
}
/* VikBooking Chat */
.chat-border-layout .chat-threads-panel {
    border-color: var(--vbo-basic-btn) !important;
}
.chat-threads-list li {
    border-color: var(--vbo-config-border-color) !important;
    background: var(--vbo-config-bg-color) !important;
}
.chat-threads-list li.active {
    background-color: #3c404c !important;
    border-color: var(--vbo-config-border-color) !important;
}
.chat-threads-list li:not(.active):hover {
    background-color: #2e323d !important;
}
.chat-input-footer .textarea-input .chat-action-btn {
    color: var(--vbo-config-title-color) !important;
}
.chat-input-footer .textarea-input .chat-action-btn:hover {
    color: var(--vbo-base-color) !important;
}
.chat-conversation .chat-message .speech-bubble.received {
    background: #3c404c !important;
    border-color: #3c404c !important;
    color: #fff !important;
}
.chat-conversation .chat-message .speech-bubble.sent {
    background: #003f75 !important;
    color: #fff !important;
    border-color: #003f75 !important;
}
.chat-input-footer .chat-uploads-bar .chat-attachment {
    background-color: var(--vbo-light-color-btn) !important;
    border-color: var(--vbo-config-border-color) !important;
}
.chat-conversation .chat-message .speech-bubble.sent.ai-reply:before {
    background: #000b15 !important;
    border-color: #003f75 !important;
}
.chat-conversation .chat-message .speech-bubble.sent ~ .reactions {
    background: #003f75 !important;
    border: 1px solid #0964b3 !important;
}
.chat-conversation .chat-message .speech-bubble.received ~ .reactions {
    background: #3c404c !important;
    border: 1px solid #72757c !important;
}
.chat-conversation .chat-message .speech-bubble.sent:not(.is-attachment) a {
    color: #fff;
}
.vbo-w-guestmessages-message-new,
.vbo-chat-interface .vbo-chat-threads .chat-thread[data-read="0"] {
    background: #283d62 !important;
}
/* VikBooking Telephone */
.iti__country-list {
    background: var(--vbo-config-bg-color);
    border-color: var(--vbo-config-border-color);
}
.iti__country.iti__highlight {
    background-color: var(--vbo-light-color-btn);
}
/* Content Builder */
.ql-toolbar.ql-snow + .ql-container.ql-snow, .vbo-tm-panel-editor {
    background: var(--vbo-middle-color-btn) !important;
}

/* @Joomla */
body.admin #status {
    background: var(--vbo-config-bg-color);
    color: var(--vbo-config-title-color);
    border-color: var(--vbo-config-border-color);
}
body .btn {
    background: var(--vbo-basic-btn);
    border: 1px solid var(--vbo-config-border-color);
    color: var(--vbo-body-text-color);
}
body .btn:hover, body .btn:focus {
    background-color: var(--vbo-basic-btn-hover);
    border-color: var(--vbo-config-border-color);
    color: var(--vbo-body-text-color);
}
body .btn-success {
    background: var(--vbo-green-color);
    border: 1px solid var(--vbo-green-color);
}
body .btn-success:hover {
    background: var(--vbo-green-color-hover);
    border: 1px solid var(--vbo-green-color-hover);
}
body .btn-success:focus, body .btn-success:active {
    background: var(--vbo-green-color-focus);
    border: 1px solid var(--vbo-green-color-focus);
}
body.admin #content .btn:hover, body.admin #content .btn:focus {
    background: var(--vbo-basic-btn-hover);
    border: 1px solid var(--vbo-config-bg-color);
    color: var(--vbo-body-text-color);
}
body.admin .pagination ul > li > a, .pagination ul > li > span {
    background: var(--vbo-basic-btn) !important;
    color: var(--vbo-config-title-color) !important;
    border-color: var(--vbo-config-border-color);
}
body.admin .pagination ul > li.disabled > a, body.admin .pagination ul > li.disabled > span {
    border: 1px solid var(--vbo-light-color-btn) !important;
    background: var(--vbo-config-bg-color) !important;
    border-color: var(--vbo-contrast-text-color);
}
body.admin .pagination ul > li.active > span, body.admin .pagination ul > li > a:hover, .pagination ul > li > span:hover {
    border-color: var(--vbo-config-border-color);
    background: var(--vbo-config-border-color) !important;
}
body.admin .calendar-container {
    background: var(--vbo-config-bg-color) !important;
}
body.admin .calendar-container table tbody td.day.wn {
    background: var(--vbo-config-bg-color);
}
body.admin .calendar-container table tbody td.disabled {
    background: var(--vbo-input-style-deactive);
}
body.admin .input-append .add-on, .input-prepend .add-on {
    background: var(--vbo-basic-btn);
    border-color: var(--vbo-config-border-color);
}
body.admin .subhead {
    background: var(--vbo-config-bg-color);
    border-color: var(--vbo-config-border-color);
    color: inherit;
}
/*
body.admin #toolbar div:not(#toolbar-new, #toolbar-apply) [class^="icon-"], body.admin #toolbar div:not(#toolbar-new, #toolbar-apply) [class*=" icon-"] {
    background: var(--vbo-basic-btn);
    border-right: 1px solid var(--vbo-config-bg-color);
}
*/
body.admin #toolbar div:not(#toolbar-new, #toolbar-apply) .btn:hover, body.admin #toolbar div:not(#toolbar-new, #toolbar-apply) .btn:focus {
    background: var(--vbo-basic-btn-hover);
    border: 1px solid var(--vbo-config-bg-color) !important;
}
body.admin #toolbar .btn-success {
    background: var(--vbo-green-color);
}
body.admin #toolbar .btn-success:hover {
    background: var(--vbo-green-color-hover);
}
body.admin #toolbar .btn-success:focus, body.admin #toolbar .btn-success:active {
    background: var(--vbo-green-color-focus);
}
body.admin #toolbar .dropdown-toggle-split {
    border-color: var(--vbo-config-border-color);
}
body.admin #toolbar .dropdown-toggle-split .icon-chevron-down {
    background: transparent !important;
    border: 0 !important;
    color: #fff;
}
body.admin #toolbar .btn-group .dropdown-menu {
    background: var(--vbo-config-bg-color);
    border-color: var(--vbo-config-border-color);
}
body.admin #toolbar .btn-group .dropdown-menu:hover {
    background: var(--vbo-basic-btn-hover);
    border: 1px solid var(--vbo-config-bg-color);
}
body.admin #toolbar .btn-group .dropdown-menu .dropdown-item > span {
    background: transparent !important;
    border: 0 !important;
}
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
    color: var(--vbo-body-text-color);
}
body.admin .modal-header {
    background: var(--vbo-body-bg-color);
    border-bottom: 1px solid var(--vbo-config-bg-color) !important;
}
body.admin .modal-header .close {
    color: #fff;
}
body.admin .label, .badge {
    background-color: #666;
}
body.admin .label.label-info, .label.label-info, .badge.badge-info {
    background: var(--vbo-info-bg) !important;
    color: #fff;
}
body.admin .label-info:hover, .label-info:hover, .badge-info:hover {
    color: #fff;
}
body.admin a.label-info:hover, a.label-info:hover, a.badge-info:hover {
    background: var(--vbo-blue-color) !important;
}
body.admin .label-success, .label-success, .badge-success {
    background-color: var(--vbo-success-bg) !important;
}
body.admin .label-danger, .label-danger, .badge-danger, body.admin .label-error, .label-error, .badge-error {
    background-color: var(--vbo-error-bg) !important;
}
body.admin .label-warning, .label-warning, .badge-warning {
    background-color: var(--vbo-warning-bg) !important;
}
.js-editor-tinymce .mce-panel {
    background-color: var(--vbo-config-child-bg-color);
}
.js-editor-tinymce .mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
    color: var(--vbo-config-title-color) !important;
}
.js-editor-tinymce .mce-menubar .mce-menubtn button, .mce-menubar .mce-menubtn button span {
    color: var(--vbo-config-title-color) !important;
}
.js-editor-tinymce .mce-menubar .mce-caret {
    border-top-color: var(--vbo-config-title-color) !important;
}
.js-editor-tinymce .mce-btn {
    background: var(--vbo-input-style-nested-deactive) !important;
    border-color: var(--vbo-config-border-color) !important;
}
.js-editor-tinymce .mce-menubtn button {
    color: var(--vbo-config-title-color) !important;
}
.js-editor-tinymce .mce-menubtn button:hover, .js-editor-tinymce .mce-container button:hover span, .js-editor-tinymce .mce-container button:hover i {
    color: var(--vbo-base-color) !important;
}
.js-editor-tinymce .mce-container .mce-active button span, .js-editor-tinymce .mce-container .mce-active button i {
    color: var(--vbo-base-color) !important;
}
.js-editor-tinymce .mce-menubar {
    border-color: var(--vbo-config-border-color) !important;
}
.mce-container .mce-menu-item.mce-disabled:hover {
    background: var(--vbo-basic-btn-hover) !important;
}
.js-editor-tinymce  .mce-btn-group:not(:first-child) {
    border-color: var(--vbo-config-border-color) !important;
}
.mce-container.mce-window {
    background-color: var(--vbo-config-bg-color);
}
.mce-container.mce-window .mce-foot {
    background-color: var(--vbo-config-bg-color);
    border-color: var(--vbo-config-border-color);
}
.mce-container.mce-window .mce-foot .mce-btn {
    background: var(--vbo-basic-btn);
    border-color: var(--vbo-config-border-color);
}
.mce-container.mce-window .mce-foot .mce-btn:hover {
    background: var(--vbo-input-style-deactive);
    border-color: var(--vbo-config-border-color);
}
.mce-container.mce-window .mce-abs-layout-item input, .mce-container.mce-window .mce-abs-layout-item .mce-btn {
    background-color: var(--vbo-input-style);
    border-color: var(--vbo-config-border-color);
}
.mce-container.mce-window .mce-abs-layout-item .mce-btn .mce-caret {
    border-top: 4px solid var(--vbo-config-title-color);
}
.mce-container.mce-window .mce-window-head {
    border-color: var(--vbo-config-border-color);
}
.mce-window-body .mce-panel {
    background-color: var(--vbo-input-style-deactive);
}
.mce-window-body .mce-panel .mce-tabs, .mce-window-body .mce-panel .mce-tabs + .mce-container-body {
    background-color: var(--vbo-config-bg-color);
    border-bottom: 1px solid var(--vbo-config-border-color);
}
.mce-window-body .mce-panel .mce-tab {
    background-color: var(--vbo-config-bg-color);
    border-color: var(--vbo-config-border-color);
}
.mce-window-body .mce-label, .mce-window-body .mce-panel .mce-tab {
    text-shadow: none;
}
.mce-window-body .mce-abs-layout-item i.mce-i-checkbox {
    background-color: var(--vbo-input-style);
    border-color: var(--vbo-config-border-color);
}
.mce-window-body .mce-charmap td:hover {
    background-color: var(--vbo-basic-btn);
}
.mce-tinymce-inline.mce-panel {
    background: var(--vbo-middle-color-btn);
}
.mce-tinymce-inline.mce-panel .mce-btn {
    background-color: var(--vbo-input-style);
    border-color: var(--vbo-config-border-color);
}
.mce-tinymce-inline.mce-arrow.mce-arrow-down:after {
    border-top-color: var(--vbo-middle-color-btn);
}
.mce-container-body .mce-splitbtn .mce-open.mce-active {
    background-color: var(--vbo-input-style-deactive);
    outline: 1px solid var(--vbo-config-border-color);
}
.mce-container.mce-floatpanel.mce-popover {
    background-color: var(--vbo-config-bg-color);
}
.mce-container.mce-floatpanel.mce-popover .mce-grid td.mce-grid-cell div {
    border-color: var(--vbo-config-border-color);
}
.mce-container.mce-floatpanel.mce-popover .mce-btn-flat:hover, .mce-container.mce-floatpanel.mce-popover .mce-btn-flat.mce-active, .mce-btn-flat:focus, .mce-container.mce-floatpanel.mce-popover .mce-btn-flat:active {
    background-color: var(--vbo-basic-btn);
}
.mce-floatpanel.mce-popover.mce-bottom.mce-popover > .mce-arrow::after {
    border-bottom-color: var(--vbo-config-bg-color);
}
.mce-notification *, .mce-notification .mce-progress .mce-text {
    color: #333333 !important;
}
.js-calendar .table th, .js-calendar .table td {
    border-color: var(--vbo-config-border-color);
}
.modal .modal-header {
    border-bottom: 1px solid var(--vbo-light-color-btn);
}
.modal .modal-header .box-close {
    border-left: 1px solid var(--vbo-light-color-btn);
}
.pagination.pagination-toolbar ul {
    border: 1px solid var(--vbo-basic-btn);
}
#status.navbar-fixed-bottom .btn-toolbar a {
    color: var(--vbo-config-titles-color-light);
}
#status.navbar-fixed-bottom .btn-toolbar a:hover {
    color: var(--vbo-base-color);
}
.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td:not(.busy).past {
    background-color: #373737;
    color: #717171
}

/* Main Menu */
.vbo-submenu-wrap li > div .vbo-submenu-item-helper-link .vbo-submenu-item-helper-avatar img {
    border: 1px solid var(--vbo-body-bg-color);
}

/* Dropdown Context Menu */
.vik-context-menu.vbo-dropdown-cxmenu {
    background: var(--vbo-config-bg-color);
}

/* Joomla4 */
body.admin.layout-default #jmodal-vbo-notification-details button.btn-close {
    position: relative;
    background: var(--vbo-config-bg-color);
}
body.admin.layout-default #jmodal-vbo-notification-details button.btn-close:after {
    font-family: "Font Awesome 5 Free", FontAwesomes !important;
    content: "\f00d";
    font-weight: 900;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
body.admin.layout-default label {
    color: var(--vbo-body-text-color);
}
body.admin.layout-default .h1, body.admin.layout-default .h2, body.admin.layout-default .h3, body.admin.layout-default .h4, body.admin.layout-default .h5, body.admin.layout-default .h6, body.admin.layout-default h1, body.admin.layout-default h2, body.admin.layout-default h3, body.admin.layout-default h4, body.admin.layout-default h5, body.admin.layout-default h6 {
    color: var(--vbo-config-title-color);
}
body.admin.layout-default joomla-field-media .field-media-preview {
    background: var(--vbo-input-style);
}
body.admin.layout-default .popover-header {
    background-color: var(--vbo-config-child-bg-color) !important;
    border-bottom: 1px solid var(--vbo-config-child-bg-color) !important;
}
body.admin.layout-default .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after, body.admin.layout-default .bs-popover-top > .popover-arrow::after {
    border-top-color: var(--vbo-light-color-btn) !important;
}
body.admin.layout-default .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after, body.admin.layout-default .bs-popover-end > .popover-arrow::after {
    border-right-color: var(--vbo-light-color-btn) !important;
}
body.admin.layout-default .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
    border-left-color: var(--vbo-light-color-btn) !important;
}
body.admin.layout-default .subhead #toolbar joomla-toolbar-button .btn {
    background: var(--vbo-input-style);
    color: inherit;
    border-color: var(--vbo-config-border-color);
}
body.admin.layout-default .subhead #toolbar joomla-toolbar-button .btn .fa-ellipsis-h {
    color: var(--vbo-config-title-color);
}
.vbo-admin-container .vbo-param-container .vbo-param-setting select, .new_depovr_container select, .vbo-calendar-custmail-tpls-wrap select, .vbo-bookingdet-topcontainer select, .vbo-roomdet-guest-detail select, .vbo-btn-toolbar select, .occupancy-adults-ovr select, .vbo-reportwidget-filters select, form select:not([multiple]) {
    background: var(--vbo-input-style) url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23474c5b%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55% !important;
    border-color: var(--vbo-config-border-color) !important;
}
.vbo-reportwidget-filters {
    box-shadow: 0 4px 14px rgba(0,0,0,.6);
}
.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"] {
	background: repeating-linear-gradient( -45deg, var(--vbo-body-bg-color), var(--vbo-body-bg-color) 10px, var(--vbo-toolbar-bg-color) 10px, var(--vbo-toolbar-bg-color) 20px );
}
.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"]:hover {
    background: var(--vbo-main-bg-color);
}
.vbo-widget-booskcal-cell-mday.busy.vbo-partially .vbo-widget-booskcal-mday-roomrate span {
    color: var(--vbo-orange-color);
}
.js-editor-tinymce .tox-tinymce {
    border-color: var(--vbo-config-border-color);
}
.js-editor-tinymce .tox .tox-menubar {
    border-bottom: 1px solid var(--vbo-config-border-color);
    background: var(--vbo-middle-color-btn);
    color: var(--vbo-container-text-color);
}
.js-editor-tinymce .tox .tox-mbtn > span, .js-editor-tinymce .tox .tox-tbtn > span {
    color: var(--vbo-body-text-color);
}
.js-editor-tinymce .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active), .js-editor-tinymce .tox .tox-tbtn:hover {
    background: var(--vbo-input-style-nested-deactive);
    border-color: var(--vbo-input-style-nested-deactive);
}
.js-editor-tinymce .tox .tox-mbtn--active, .js-editor-tinymce .tox .tox-mbtn:focus, .js-editor-tinymce .tox .tox-mbtn:focus:not(:disabled), .js-editor-tinymce .tox .tox-tbtn:focus, .js-editor-tinymce .tox .tox-tbtn--enabled, .js-editor-tinymce .tox .tox-tbtn--enabled:hover {
    background: var(--vbo-input-style-nested-deactive);
    border-color: var(--vbo-input-style-nested-deactive);
}
.tox.tox-tinymce-aux .tox-menu {
    border-color: var(--vbo-config-border-color) !important;
    background: var(--vbo-input-style);
}
.tox.tox-tinymce-aux .tox-collection__item, .tox.tox-tinymce-aux .tox-collection__item-accessory {
    color: var(--vbo-body-text-color);
}
.tox.tox-tinymce-aux .tox-collection__item--state-disabled, .tox.tox-tinymce-aux .tox-collection__item--state-disabled .tox-collection__item-accessory {
    color: var(--vbo-config-title-color);
}
.tox.tox-tinymce-aux .tox-collection--list .tox-collection__group {
    border-top: 1px solid var(--vbo-config-border-color) !important;
}
.tox.tox-tinymce-aux .tox-collection--list .tox-collection__item--active, .tox.tox-tinymce-aux .tox-collection--list .tox-collection__item--enabled, .js-editor-tinymce .tox .tox-tbtn:active {
    background: var(--vbo-input-style-nested-deactive);
}
.tox.tox-tinymce-aux .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
    color: var(--vbo-config-title-covlor);
}
.tox.tox-tinymce-aux .tox-collection--list .tox-collection__item--enabled {
    color: var(--vbo-config-title-color);
}
.tox.tox-tinymce-aux :not(svg):not(rect) {
    color: var(--vbo-config-title-color) !important;
}
.tox.tox-tinymce-aux .tox-collection__item-caret svg, .js-editor-tinymce .tox .tox-toolbar-overlord svg, .js-editor-tinymce .tox-tbtn:hover svg {
    fill: var(--vbo-config-title-color) !important;
}
.tox.tox-tinymce-aux .tox-dialog {
    border-color: var(--vbo-config-border-color);
    background-color: var(--vbo-config-bg-color);
}
.tox.tox-tinymce-aux .tox-dialog__footer, .tox.tox-tinymce-aux .tox-dialog__header {
    background-color: var(--vbo-config-bg-color);
}
.tox.tox-tinymce-aux .tox-dialog__footer {
    border-color: var(--vbo-config-border-color);
}
.tox.tox-tinymce-aux .tox-tbtn svg {
    fill: var(--vbo-base-color);
}
.tox.tox-tinymce-aux .tox-dialog__footer .tox-tbtn--select {
    border: 1px solid var(--vbo-config-border-color);
}
.tox.tox-tinymce-aux .tox-button--secondary[disabled], .tox.tox-tinymce-aux .tox-button--naked[disabled] {
    background-color: var(--vbo-input-style-deactive);
    border: 1px solid var(--vbo-config-border-color);
}
.tox.tox-tinymce-aux .tox-button--secondary:hover:not(:disabled) {
    background-color: var(--vbo-input-style-nested-deactive);
    border: 1px solid var(--vbo-config-border-color);
}
.tox.tox-tinymce-aux .tox-dialog__footer .tox-button {
    color: #fff !important;
}
.js-editor-tinymce .tox-editor-header .tox-toolbar, .js-editor-tinymce .tox-editor-header .tox-toolbar__overflow, .js-editor-tinymce .tox-editor-header .tox-toolbar__primary {
    background-color: var(--vbo-config-bg-color);
}
.js-editor-tinymce .tox:not([dir="rtl"]) .tox-toolbar__group:not(:last-of-type), .js-editor-tinymce .tox .tox-menubar + .tox-toolbar, .js-editor-tinymce .tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
    border-color: var(--vbo-config-border-color) !important;
}
.js-editor-tinymce .tox:not([dir="rtl"]) .tox-toolbar__group:not(:last-of-type) {
    border-right: 1px solid var(--vbo-config-border-color) !important;
}
.js-editor-tinymce .tox-split-button {
    border: 1px solid var(--vbo-config-bg-color) !important;
}
.js-editor-tinymce .tox-split-button:hover {
    box-shadow: none !important;
    border: 1px solid var(--vbo-config-border-color) !important;
    background: var(--vbo-input-style-nested-deactive);
}
.tox .tox-dialog .tox-button--secondary {
    background-color: var(--vbo-input-style-deactive);
    border: 1px solid var(--vbo-config-border-color);
}
.tox .tox-dialog .tox-button--secondary:hover {
    background-color: var(--vbo-input-style-nested-deactive);
}
.tox.tox-tinymce-aux .tox-button--naked:hover:not(:disabled) {
    background-color: var(--vbo-input-style-deactive);
    border: 1px solid var(--vbo-config-border-color);
}
.tox.tox-tinymce-aux .tox-collection--toolbar .tox-collection__item--active {
    background-color: var(--vbo-input-style-deactive);
}
.tox.tox-tinymce-aux .tox-listboxfield .tox-listbox--select, .tox.tox-tinymce-aux .tox-textarea, .tox .tox-textfield, .tox .tox-toolbar-textfield {
    background-color: var(--vbo-input-style) !important;
    border-color: var(--vbo-config-border-color) !important;
}
.tox.tox-tinymce-aux .tox-listbox__select-chevron svg {
    fill: var(--vbo-config-title-color);
}
.tox.tox-tinymce-aux .tox-pop__dialog {
    background-color: var(--vbo-config-bg-color);
    border-color: var(--vbo-config-border-color);
}
.tox.tox-tinymce-aux .tox-pop__dialog .tox-tbtn svg {
    fill: var(--vbo-config-title-color);
}
.tox.tox-tinymce-aux .tox-pop__dialog .tox-tbtn span {
    color: var(--vbo-config-title-color);
}
.tox.tox-tinymce-aux .tox-pop__dialog .tox-tbtn--enabled, .tox.tox-tinymce-aux .tox-pop__dialog .tox-tbtn--enabled:hover {
    background-color: var(--vbo-input-style-nested-deactive);
}
.tox.tox-tinymce-aux .tox-pop__dialog .tox-tbtn:hover {
    background-color: var(--vbo-input-style-nested-deactive);
}
.tox.tox-tinymce-aux .tox-pop__dialog .tox-tbtn:hover span, .tox.tox-tinymce-aux .tox-pop__dialog .tox-tbtn--enabled span {
    color: var(--vbo-base-color);
}
.tox.tox-tinymce-aux .tox-pop__dialog .tox-tbtn:hover svg, .tox.tox-tinymce-aux .tox-pop__dialog .tox-tbtn--enabled svg {
    fill: var(--vbo-base-color);
}
.tox.tox-tinymce-aux .tox-pop.tox-pop--top::before {
    border-color: transparent transparent var(--vbo-config-bg-color) transparent;
}
.tox.tox-tinymce-aux .tox-pop.tox-pop--top::after {
    border-color: transparent transparent var(--vbo-config-bg-color) transparent;
}
.tox.tox-tinymce-aux .tox-dialog__table tbody tr {
    border-color: var(--vbo-config-border-color);
}
.tox.tox-tinymce-aux .tox-notification--error p {
    color: #333 !important;
}
.tox.tox-tinymce-aux .tox-swatches__picker-btn svg {
    fill: var(--vbo-config-title-color);
}
.js-editor-tinymce .tox .tox-statusbar {
    background-color: var(--vbo-config-bg-color);
    border-color: var(--vbo-config-border-color);
}
.js-editor-tinymce .tox-statusbar a, .js-editor-tinymce .tox-statusbar__path-item, .js-editor-tinymce .tox-statusbar__wordcount {
    color: var(--vbo-config-title-color) !important;
}
joomla-toolbar-button .dropdown-menu  {
    border-color: var(--vbo-config-border-color);
}
#jmodal-rss-feed .modal-footer {
    background-color: var(--vbo-config-bg-color);
    border-top: 1px solid var(--vbo-config-border-color);
    box-shadow: none;
}
.vbo-info-overlay-loading-dnd {
    color: #fff;
    background: rgb(28, 28, 28);
}
.vbo-loading-dnd-response {
    background: rgba(58, 58, 58, 0.87);
}

#contextual-help-back {
    background-color: var(--vbo-light-blue);
    border-color: var(--vbo-config-border-color);
}
.contextual-help-tabs .active a {
    background-color: var(--vbo-light-blue);
    border-color: var(--vbo-config-border-color);
}
#screen-meta-links .show-settings {
    border-color: var(--vbo-basic-btn-focus);
}

/* Widgets customizations */
.vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group span:not([data-badge-count=""])::after {
	background: var(--vbo-grey-blue-bg);
}
.vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group-active span:not([data-badge-count=""])::after, .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group:hover span:not([data-badge-count=""])::after {
	background: var(--vbo-info-bg);
}
.vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-cta .vbo-notifscenter-cta-btn, .aitools-message-addon .btn.vbo-ai-assistant-addon-btn, .btn.vbo-content-genai {
    background: var(--vbo-config-bg-dark);
    border: 1px solid #999;
}
.aitools-message-addon .btn.vbo-ai-assistant-addon-btn:focus {
    background: var(--vbo-config-bg-color);
}
.vbo-w-guestmessages-message-new .vbo-w-guestmessages-message-gtitle .message-new {
    color: #78afdd;
}

/* AI channel */
.aitools-message-addon .vbo-ai-source-badge-details {
    color: #fff;
}

/* Color Tags */
.vbo-tagcolors-elems-wrap .red, .vbo-tm-color.red, .vbo-colortag-circle.red {
	background-color: var(--vbo-tag-red-bg);
	border-color: var(--vbo-tag-red-border);
}
.vbo-tagcolors-elems-wrap .green, .vbo-tm-color.green, .vbo-colortag-circle.green {
	background-color: var(--vbo-tag-green-bg);
	border-color: var(--vbo-tag-green-border);
}
.vbo-tagcolors-elems-wrap .olive, .vbo-tm-color.olive, .vbo-colortag-circle.olive {
	background-color: var(--vbo-tag-olive-bg);
	border-color: var(--vbo-tag-olive-border);
}
.vbo-tagcolors-elems-wrap .blue, .vbo-tm-color.blue, .vbo-colortag-circle.blue {
	background-color: var(--vbo-tag-blue-bg);
	border-color: var(--vbo-tag-blue-border);
}
.vbo-tagcolors-elems-wrap .ocean, .vbo-tm-color.ocean, .vbo-colortag-circle.ocean {
	background-color: var(--vbo-tag-ocean-bg);
	border-color: var(--vbo-tag-ocean-border);
}
.vbo-tagcolors-elems-wrap .brown, .vbo-tm-color.brown, .vbo-colortag-circle.brown {
	background-color: var(--vbo-tag-brown-bg);
	border-color: var(--vbo-tag-brown-border);
}
.vbo-tagcolors-elems-wrap .yellow, .vbo-tm-color.yellow, .vbo-colortag-circle.yellow {
	background-color: var(--vbo-tag-yellow-bg);
	border-color: var(--vbo-tag-yellow-border);
}
.vbo-tagcolors-elems-wrap .orange, .vbo-tm-color.orange, .vbo-colortag-circle.orange {
	background-color: var(--vbo-tag-orange-bg);
	border-color: var(--vbo-tag-orange-border);
}
.vbo-tagcolors-elems-wrap .purple, .vbo-tm-color.purple, .vbo-colortag-circle.purple {
	background-color: var(--vbo-tag-purple-bg);
	border-color: var(--vbo-tag-purple-border);
}
.vbo-tagcolors-elems-wrap .pink, .vbo-tm-color.pink, .vbo-colortag-circle.pink {
	background-color: var(--vbo-tag-pink-bg);
	border-color: var(--vbo-tag-pink-border);
}
.vbo-tagcolors-elems-wrap .black, .vbo-tm-color.black, .vbo-colortag-circle.black {
	background-color: var(--vbo-tag-black-bg);
	border-color: var(--vbo-tag-black-border);
}
.vbo-tagcolors-elems-wrap .gray, .vbo-tm-color.gray, .vbo-colortag-circle.gray {
	background-color: var(--vbo-tag-gray-bg);
	border-color: var(--vbo-tag-gray-border);
}

/* Task Manager */
.vbo-history-timeline .history-timeline-change {
    border-color: #3076b3;
}
.vbo-history-timeline .history-timeline-change .change-icon {
    background: #3076b3;
}
.vbo-history-timeline .history-timeline-change .change-details .change-events-list {
    background: #4f4f4f;   
}