/* Joomla 5.x */

.icon-vikappointments:before {
	/* fa-utensils icon */
	font-family: "Font Awesome 6 Free", FontAwesome !important;
	font-weight: 900;
	content: "\f274";
	background: none !important;
}

.fa-ticket-alt:before {
    content: "\f145";
}

/* select2 */

body.com_vikappointments .select2-container .select2-choice,
body.com_vikappointments .select2-container-multi .select2-choices,
body.com_vikappointments .select2-drop {
	border-radius: var(--border-radius);
}
body.com_vikappointments .select2-container.select2-dropdown-open:not(.select2-drop-above) .select2-choice,
body.com_vikappointments .select2-container-multi.select2-dropdown-open:not(.select2-drop-above) .select2-choices {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
body.com_vikappointments .select2-container.select2-dropdown-open.select2-drop-above .select2-choice,
body.com_vikappointments .select2-container-multi.select2-dropdown-open.select2-drop-above .select2-choices {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
body.com_vikappointments .select2-drop.select2-drop-active:not(.select2-drop-above) {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
body.com_vikappointments .select2-drop.select2-drop-active.select2-drop-above {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

/* remove link status from dropdowns under tables */

.table tbody a.select2-choice {
	color: #444 !important;
	font-weight: normal !important;
}

/* popover */

body.com_vikappointments .options-form legend i.vap-quest-popover {
	transform: none;
	vertical-align: middle;
	margin: 0 0 0 8px;
}

/***********************
 ***    DARK MODE    ***
 ***********************/

@media (prefers-color-scheme: dark) {

	/* wizard */

	body.com_vikappointments .vap-wizard-steps {
		background: var(--body-bg);
	}

	body.com_vikappointments .vap-wizard .wizard-step .wizard-step-top-bar {
		background: var(--template-bg-dark-90);
	}

	body.com_vikappointments .vap-wizard .wizard-step .wizard-step-body,
	body.com_vikappointments .vap-wizard .wizard-step .wizard-step-footer-bar {
		background: var(--template-bg-dark-80);
	}

	/* dashboard */

	body.com_vikappointments .vapdash-tab-button a {
		background: var(--template-bg-dark-70);
		color: var(--body-color);
	}
	body.com_vikappointments .vapdash-tab-button a.active,
	body.com_vikappointments .widget-body .vapdash-container .vapdash-tab-head .vapdash-tab-button a.active {
		background: var(--template-bg-dark-80);
	}

	body.com_vikappointments .dashboard-widgets-container .dashboard-widget {
		background: var(--body-bg);
	}

	body.com_vikappointments .dashboard-widgets-container .dashboard-widget .widget-head h3 {
		color: var(--template-bg-dark-20);
	}

	body.com_vikappointments .dashboard-widgets-container .dashboard-widget .widget-revenue-table table thead th,
	body.com_vikappointments .dashboard-widgets-container .dashboard-widget .widget-revenue-table table tfoot tr td {
		background: var(--template-bg-dark-80);
		color: var(--body-color);
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikappointments .dashboard-widgets-container .dashboard-widget .widget-revenue-table table tr td {
		background: var(--template-bg-dark-70);
		color: var(--body-color);
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikappointments .dashboard-widgets-container .dashboard-widget .widget-revenue-table table .td-secondary {
		color: var(--template-bg-dark-20);
	}

	body.com_vikappointments .dashboard-widgets-container .dashboard-widget .dashboard-appointments-calendar {
		background: var(--body-bg);
		color: var(--body-color);
	}
	body.com_vikappointments .dashboard-widgets-container .dashboard-widget .dashboard-appointments-calendar .time-clock {
		color: var(--template-bg-dark-20);
	}
	body.com_vikappointments .dashboard-widgets-container .dashboard-widget .dashboard-appointments-calendar table td {
		border-color: var(--template-bg-dark-20);
	}

	body.com_vikappointments .dashboard-widgets-container .dashboard-widget .dashboard-appointments-calendar table td.time-col .current-time-clock {
		color: var(--danger);
	}
	body.com_vikappointments .dashboard-widgets-container .dashboard-widget .dashboard-appointments-calendar table td.events-col .current-time-line {
		border-bottom-color: var(--danger);
	}
	body.com_vikappointments .dashboard-widgets-container .dashboard-widget .dashboard-appointments-calendar table td.events-col .current-time-line:before {
		background-color: var(--danger);
	}

	body.com_vikappointments .vapallcalhead {
		background: var(--template-bg-dark-80);
		color: var(--body-color);
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikappointments .vapallcalhead .vaptitleyearsp {
		color: var(--body-color);
	}

	body.com_vikappointments .canvas-align-center .overall .overall-earning {
		color: var(--template-bg-dark-40);
	}
	body.com_vikappointments .canvas-align-center .overall .overall-count {
		color: var(--template-bg-dark-30);
	}

	body.com_vikappointments .canvas-align-center .rog .rog-earning {
		color: var(--template-bg-dark-40);
	}

	/* dashboard builder */

	body.com_vikappointments .widgets-builder .widgets-position-row {
		background-color: var(--body-bg);
	}
	body.com_vikappointments .widgets-builder .widgets-position-row.add-new-position {
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikappointments .widgets-builder .widgets-position-row.add-new-position:hover {
		background-color: var(--template-bg-dark-20);
	}
	body.com_vikappointments .widgets-builder .widgets-position-row.add-new-position i.fa-plus {
		color: var(--template-bg-dark-20);
	}
	body.com_vikappointments .widgets-builder .widgets-position-row.add-new-position:hover i.fa-plus {
		color: var(--body-bg);
	}

	body.com_vikappointments .widgets-builder .widgets-position-row .widget-thumb {
		background-color: var(--template-bg-dark-80);
	}
	body.com_vikappointments .widgets-builder .widgets-position-row .widget-thumb.add-new-widget {
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikappointments .widgets-builder .widgets-position-row .widget-thumb.add-new-widget:hover {
		background-color: var(--template-bg-dark-20);
	}
	body.com_vikappointments .widgets-builder .widgets-position-row .widget-thumb.add-new-widget i.fa-plus {
		color: var(--template-bg-dark-20);
	}
	body.com_vikappointments .widgets-builder .widgets-position-row .widget-thumb.add-new-widget:hover i.fa-plus {
		color: var(--template-bg-dark-80);
	}

	/* user notes */

	body.com_vikappointments .vap-unotes > ul > li {
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikappointments .vap-unotes > ul > li .usernote-title,
	body.com_vikappointments .user-note-box {
		background: var(--template-bg-dark-80);
		color: var(--body-color);
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikappointments .vap-unotes > ul > li .usernote-files {
		border-color: var(--template-bg-dark-20);
	}

	/* iOs switch */

	body.com_vikappointments .switch-ios input.ios-toggle-round:not(:checked) + label {
		background-color: var(--template-bg-dark-20);
	}

	body.com_vikappointments .switch-ios input.ios-toggle-round:not(:checked) + label:before {
		background-color: var(--body-bg);
	}

	body.com_vikappointments .switch-ios input.ios-toggle-round:not(:checked) + label:after {
		background-color: var(--template-bg-dark-20);
	}

	/* select2 */

	body.com_vikappointments .select2-container .select2-choice,
	body.com_vikappointments .select2-container-multi .select2-choices {
		background: var(--template-bg-dark);
		color: var(--body-color);
		border-color: var(--template-bg-dark-20);
	}

	body.com_vikappointments .select2-container.select2-dropdown-open .select2-choice,
	body.com_vikappointments .select2-container-multi.select2-dropdown-open .select2-choices {
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	body.com_vikappointments .select2-container .select2-choice .select2-arrow {
		background: var(--template-bg-dark) !important;
	}

	body.com_vikappointments .select2-drop,
	body.com_vikappointments .select2-drop.select2-drop-above.select2-drop-active {
		background: var(--template-bg-dark);
		color: var(--body-color);
		border-color: var(--template-bg-dark-20);
		margin: 0;
	}

	body.com_vikappointments .select2-search-field input {
		color: var(--body-color) !important;
	}

	body.com_vikappointments .select2-results .select2-no-results,
	body.com_vikappointments .select2-results .select2-searching {
		background: transparent;
	}

	body.com_vikappointments .select2-results .select2-disabled {
		background: var(--template-bg-dark-90);
		color: var(--template-bg-dark-30);
	}

	body.com_vikappointments #content .select2-container-multi .select2-choices .select2-search-choice {
		background: var(--template-bg-dark-85) !important;
	}
	body.com_vikappointments #content .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
		color: var(--template-link-color) !important;
	}

	body.com_vikappointments .select2-container-multi .select2-choices .select2-search-field input.select2-active {
		background: transparent !important;
	}

	/* media manager */

	body.com_vikappointments input:read-only {
		background: var(--gray-800) !important;
		color: var(--body-color) !important;
		border-color: var(--template-bg-dark-20) !important;
	}

	body.com_vikappointments .vap-media-gallery .vap-media-block[data-selected="1"] {
		box-shadow: 0 0 0 3px var(--template-bg-dark) inset,inset 0 0 0 7px #0073aa;
	}
	body.com_vikappointments .vap-media-gallery .vap-media-block .media-preview {
		background: var(--template-bg-dark-70);
	}

	body.com_vikappointments .vap-media-modal .vap-media-sidebar {
		border-left-color: #495057;
	}

	body.com_vikappointments .vap-media-modal .vap-media-sidebar .vap-media-inspector {
		background: var(--template-bg-dark);
		color: var(--body-color);
	}

	body.com_vikappointments .vap-media-inspector .media-info-box .media-details .filename,
	body.com_vikappointments .vap-media-inspector .media-info-box .media-details > *:not(.delete-media-image) {
		color: var(--body-color);
	}

	body.com_vikappointments .vap-progressbar-status {
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikappointments .vap-progressbar-status:nth-child(odd) {
		background: var(--template-bg-dark-80);
	}
	body.com_vikappointments .vap-progressbar-status:nth-child(even) {
		background: var(--template-bg-dark-70);
	}
	body.com_vikappointments .vap-progressbar-filesize {
		color: var(--body-color);
	}
	body.com_vikappointments .vap-progressbar div.completed {
		background: var(--success);
		color: #fff;
	}

	/* system status colors */

	body.com_vikappointments i.ok, .vapreservationstatusconfirmed {
		color: var(--success) !important;
	}

	body.com_vikappointments i.no, .vapreservationstatusremoved {
		color: var(--danger) !important;
	}

	body.com_vikappointments .vaporderparentbox {
		background-color: var(--success);
	}

	/* monthly calendar */

	body.com_vikappointments .vapcalendardiv {
		background: var(--template-bg-dark-90);
		border-color: var(--template-bg-dark-70);
		color: var(--body-color);
	}
	body.com_vikappointments .vapcaltable .vaptheadcal tr:first-child td {
		background: transparent;
		border-color: transparent;
	}
	body.com_vikappointments .vapcaltable .vaptbodycal td {
		border-color: var(--template-bg-dark-70);
	}
	body.com_vikappointments .vapcaltable .vaptbodycal td.vaptdgrey {
		background: var(--template-bg-dark-80);
	}
	body.com_vikappointments .vapcaltable .vaptbodycal td.vaptdgrey a {
		color: var(--body-color) !important;
	}

	/* weekly calendar */

	body.com_vikappointments table.vap-workday-calendar td {
		background: var(--body-bg);
		color: var(--body-color);
		border-color: var(--template-bg-dark-70);
	}

	/* filter bar */

	body.com_vikappointments #content .js-stools-container-filters-visible {
		background: var(--body-bg);
	}

	/* inspector */

	body.com_vikappointments .record-inspector {
		background: var(--body-bg);
		color: var(--body-color);
	}
	body.com_vikappointments .record-inspector.left-side {
		border-right: 1px solid var(--template-bg-dark-20);
	}
	body.com_vikappointments .record-inspector.right-side {
		border-left: 1px solid var(--template-bg-dark-20);
	}

	body.com_vikappointments .record-inspector .inspector-head {
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikappointments .record-inspector .inspector-footer {
		border-top: 1px solid var(--template-bg-dark-20);
		background: var(--body-bg);
	}

	body.com_vikappointments .record-inspector .inspector-body .inspector-form .inspector-repeatable .inspector-repeatable-head {
		border-color: var(--template-bg-dark-20);
		color: var(--body-color);
		background-color: var(--template-bg-dark-90);
	}
	body.com_vikappointments .record-inspector .inspector-body .inspector-form .inspector-repeatable .inspector-repeatable-body {
		border-color: var(--template-bg-dark-20);
		color: var(--body-color);
		background-color: var(--template-bg-dark-80);
	}

	body.com_vikappointments .record-inspector .inspector-body .inspector-form .inspector-selection-table thead th {
		color: var(--body-color);
		background-color: var(--template-bg-dark-80);
	}

	/* cards */

	body.com_vikappointments .vap-cards-container {
		background: var(--body-bg);
	}

	body.com_vikappointments .vap-card {
		border-color: var(--template-bg-dark-20);
		color: var(--body-color);
		background-color: var(--template-bg-dark-80);
	}
	
	body.com_vikappointments .vap-card .vap-card-summary {
		background-color: var(--template-bg-dark-80);
	}

	body.com_vikappointments .vap-card .vap-card-summary .card-text > * {
		color: var(--body-color);
	}

	body.com_vikappointments .vap-card .vap-card-image:before {
		background: linear-gradient(rgba(255, 255, 255, 0), rgba(32, 48, 71, 0.45));
	}

	/* popover */

	body.com_vikappointments i.vap-quest-popover {
		color: var(--body-color);
	}

	.popover-header {
		color: var(--body-color);
	}

	/* custom fields */

	body.com_vikappointments .separator.custom-field strong {
		background: var(--body-bg);
	}

	/* order info modal */

	body.com_vikappointments .order-container .order-left-box,
	body.com_vikappointments .order-container .order-left-box .order-left-top-box {
		border-color: #495057;
	}

	body.com_vikappointments .order-items-cart {
		background: var(--template-bg-dark-80);
	}
	body.com_vikappointments .order-items-cart .cart-item-record {
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikappointments .cart-item-record .cart-item-details .cart-item-price {
		color: var(--body-color);
	}

	body.com_vikappointments .order-payment-details .order-fields {
		background: var(--template-bg-dark-80);
		border-color: var(--template-bg-dark-20);
		color: var(--body-color);
	}
	body.com_vikappointments .order-payment-details .order-fields label,
	body.com_vikappointments .order-payment-details .order-fields .order-field.total-cost,
	body.com_vikappointments .order-payment-details .order-fields .order-field.total-cost label {
		color: var(--body-color);
	}

	body.com_vikappointments .order-status-history {
		background: var(--template-bg-dark-80);
	}
	body.com_vikappointments .order-status-history .order-status-block:last-child {
		border-color: var(--template-bg-dark-20);
	}

	/* order status table */

	body.com_vikappointments .order-status-table thead tr {
		background: var(--template-bg-dark-90);
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikappointments .order-status-table td {
		background: var(--template-bg-dark-80);
	}
	body.com_vikappointments .order-status-table .track-comment td {
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikappointments .order-status-table .track-comment .items-list .item-row-details .item-price {
		color: var(--template-bg-dark-30);
	}

	/* jQuery - intltel */

	body.com_vikappointments .iti__country-list {
		background-color: #1f1c1c;
		-webkit-box-shadow: 0px 0px 6px 1px rgba(100,100,100,1);
		-moz-box-shadow: 0px 0px 6px 1px rgba(100,100,100,1);
		box-shadow: 0px 0px 6px 1px rgba(100,100,100,1);
	}

	body.com_vikappointments .iti__country-list .iti__country.iti__highlight {
		background-color: var(--template-bg-dark-80);
	}

	/* review card */

	body.com_vikappointments .vap-review-card .product-slide-left {
		background: var(--template-bg-dark-80);
	}

	body.com_vikappointments .vap-review-card .review-slide-right {
		background: var(--template-bg-dark-90);
	}
	body.com_vikappointments .vap-review-card .review-slide-right .review-card-top {
		background: var(--template-bg-dark-70);
	}
	body.com_vikappointments .vap-review-card .review-slide-right .review-card-content {
		background: var(--template-bg-dark-90);
	}
	body.com_vikappointments .vap-review-card .review-slide-right .review-card-bottom {
		background: var(--template-bg-dark-80);
	}

	/* configuration */

	body.com_vikappointments .configuration-panel {
		background: var(--template-bg-dark-90);
		border-color: var(--template-bg-dark-20);
	}

	body.com_vikappointments .configuration-panel #configuration-body .vaptabview .config-panel-subnav {
		background: var(--template-bg-dark-70);
		border-color: var(--template-bg-dark-20);
		color: var(--body-color);
	}
	body.com_vikappointments .configuration-panel #configuration-body .vaptabview .config-panel-subnav ul li {
		border-color: var(--template-bg-dark-20);
		color: var(--body-color) !important;
	}
	body.com_vikappointments .configuration-panel #configuration-body .vaptabview .config-panel-subnav ul li.active {
		background: var(--template-bg-dark);
	}

	body.com_vikappointments .configuration-panel #configuration-navbar {
		border-color: var(--template-bg-dark-20);
	}

	body.com_vikappointments .configuration-panel #configuration-body .vaptabview .config-panel-tabview {
		background: var(--body-bg);
	}

	body.com_vikappointments .config-panel-tabview .config-fieldset {
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikappointments .config-panel-tabview .config-fieldset .config-fieldset-head {
		background: var(--template-bg-dark-90);
		border-color: var(--template-bg-dark-20);
	}
	body.com_vikappointments .config-panel-tabview .config-fieldset .config-fieldset-body {
		background: var(--template-bg-dark-80);
	}

}