/* DARK MODE - START ----------------------------------------------------------------------------------------------------------------------------------------------------------*/
html[data-theme="dark"] { /*dark*/ /*@media (prefers-color-scheme: no_dark)*/

	--ezl-nebula: #26353f;
	--ezl-body-color: #ffffff;
	--ezl-body-color-bg: #000000;
	--ezl-ms-choice-color: var(--ezl-purplish);
	--ezl-ms-choice-color-bg: #1d1d1d;
	--ezl-selection-container-border-color: #e9e9e9;
	--ezl-selection-container-color-bg: #1d1d1d;
	--ezl-page-header-color: #fff;
	--ezl-page-header-color-bg: #192E5A; /*36454F 3b3b3b*/
	--ezl-navbar-box-shadow: 1px 1px 3px rgba(24, 34, 64, 0.1);
	--ezl-navbar-ddl-box-shadow: 0 0.5rem 1rem rgba(24, 34, 94, 0.8) !important;
	--ezl-dashboard-card-title: var(--ezl-blueish);
	--ezl-card-header-color: inherit;
	--ezl-card-header-color-bg: #26353f !important; /* #f8f9fa rgba(0, 0, 0, 0.03); */
	--ezl-card-header-border-color: var(--ezl-purplish);
	--ezl-card-header-shadow: none; /* 0 5px 10px 0 rgba(100, 100, 100, 0.08) */
	--ezl-today-color: var(--ezl-blueish); /* cornflowerblue green #28a745 #20b9e7*/
	--ezl-today-color-bg: var(--ezl-nebula);
	--ezl-week-color: var(--ezl-blueish); /* #20b9e7 teal #20c997*/
	--ezl-week-color-bg: #26353f; /* #ddf7fb; green #ddffdd, teal #ddffee, rgba(0, 0, 0, 0.03) */

	--ezl-month-color: var(--ezl-blueish); /* #20b9e7 blue #007bff*/
	--ezl-month-color-bg: var(--ezl-nebula);
	--ezl-year-color: var(--ezl-blueish); /* #20b9e7 indigo #6610f2*/
	--ezl-year-color-bg: var(--ezl-nebula); /* #26353f */

	--ezl-chart-label-color: darkorange;
	--bs-info-feedback: #fff;
	.table

{
	color: #fff;
}

.table .thead-dark th {
	background-color: #31226f !important; /*purplish*/
}

.table-bordered-black th, .table-bordered-black td {
	border: 1px solid #5d5d5d;
}

input[type="date"] {
	color-scheme: dark;
}

.custom-checkbox .custom-control-label {
	color: var(--ezl-purplish); /* #28a745 */
}

.custom-checkbox .custom-control-input ~ .custom-control-label::before {
	background-color: #000; /* Custom Color */
	border-color: var(--ezl-purplish); /* #28a745 */
}

/* Change color when checked */
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background-color: var(--ezl-purplish); /* #28a745; Custom Color */
	border-color: var(--ezl-purplish); /*#28a745;*/
}


.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
	color: var(--ezl-purplish-muted);
}



.custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before {
	background-color: #000; /* Custom Color */
	border-color: var(--ezl-purplish-muted); /* #28a745 */
}

/* Change color when checked */
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
	background-color: var(--ezl-purplish-muted); /* #28a745; Custom Color */
	border-color: var(--ezl-purplish-muted); /*#28a745;*/
}

.text-muted {
	color: #acb5bd !important;
}

.ms-choice {
	color: var(--ezl-ms-choice-color);
	background-color: var(--ezl-ms-choice-color-bg);
}

	.ms-choice > div {
		top: 4px;
	}

	.ms-choice > span {
		top: 3px;
	}

.ms-drop {
	color: var(--ezl-ms-choice-color);
	background: var(--ezl-ms-choice-color-bg);
}



a.anchor {
	color: #6666ff;
}

	a.anchor:hover, a.anchor:focus {
		color: #ec1313;
	}

	a.anchor:visited {
		color: #6666ff;
	}

.bg-light {
	/*color: darkorange !important;*/
	background-color: inherit !important; /*#f8f9fa*/
}

/* for star ratings */
.br-theme-fontawesome-stars .br-widget a.br-selected:after,
.br-theme-fontawesome-stars .br-widget a.br-active:hover,
.br-theme-fontawesome-stars .br-widget a.br-active:after {
	color: #fc0;
}

/* for star ratings */
.text-dark {
	color: #fc0 !important;
}

/* for star ratings */
a.text-dark:hover, a.text-dark:focus {
	color: #ca0 !important;
}



/*navbar-nav*/

.navbar-nav .dropdown-menu {
	color: #fff;
	background-color: #2d354d; /*#2d2d2d*/
}

.navbar-nav .dropdown-item {
	color: inherit;
}

	.navbar-nav .dropdown-item:active,
	.navbar-nav .dropdown-item:hover {
		color: #2d354d;
		background-color: #fff;
		border-radius: 0;
	}

.alert-danger {
	/*
	color: #d22c74;
	background-color: inherit;
	border-color: #f5c6cb;
	*/
	background-color: #721c24;
	color: #f8d7da;
	border-color: #410b11;
}

.alert-success {
	background-color: #155724;
	color: #d4edda;
	border-color: #17361e;
}

.modal-content {
	/*background-color: #000;*/
	border: 1px solid var(--indigo);
	background: linear-gradient(135deg, rgba(30, 40, 70, 1) 0%, rgba(14, 14, 14, 1) 100%);
}

.form-control {
	color: var(--ezl-purplish); /*#dfdfdf*/
	background-color: #111111;
}

	.form-control:disabled, .form-control[readonly] {
		background-color: #1E2846;
		opacity: 1;
	}
.card {
	background-color: #111111;
}

.card-header {
	/*background-image: linear-gradient(135deg, rgba(20, 24, 44, 1) 100%, rgba(30, 40, 80, 1) 0%);*/
	background: #1E2846
}

	.card-header .btn-md {
		color: #6c757d;
	}

.card-body {
	background: linear-gradient(135deg, rgba(30, 40, 70, 1) 0%, rgba(14, 14, 14, 1) 100%);
}

.text-blue {
	color: cornflowerblue !important;
}

.ezl-automation-filter {
	background-color: #000;
}

	.ezl-automation-filter .list-group-item {
		background-color: #000;
	}

.form-section-label {
	color: #7091E6;
}

.ezl-settings-card label {
	color: #dfdfdf !important;
}

.ezl-dataval {
	color: #dfdfdf !important;
}

.navandfilter-header.sticky-top {
	background-color: #000;
}

.text-datainfo-btn {
	background-color: #343a40 !important;
	color: #FFF !important;
}

.text-datafilter-btn {
	background-color: #007bff !important;
	color: #FFF !important;
}

.cancel-btn {
	background-color: #343a40 !important;
}

.date-btn {
	background-color: #343a40 !important;
}

.show-btn {
	background-color: #343a40 !important;
}

.my-fa-button {
	background-color: #343a40 !important;
}

.e-customlocationfilter {
	color: var(--ezl-purplish); /* purpleish */
	background-color: #111111;
	border-color: #565656;
}

.ezl-loadsearch {
	background-color: #000;
}

.ezl-loadsearch-icon {
	color: mediumpurple !important;
}

.ezl-loadsearch-text {
	background-color: #000;
}

	.ezl-loadsearch-text .e-customlocationfilter {
		background-color: #000;
	}

	.ezl-loadsearch-text::placeholder { /* Standard browsers like Chrome, Firefox, Safari, Opera */
		color: mediumpurple;
		opacity: 1;
	}

	.ezl-loadsearch-text:-ms-input-placeholder { /* Internet Explorer 10+ and older Edge */
		color: mediumpurple;
	}

	.ezl-loadsearch-text::-webkit-input-placeholder { /* Older WebKit browsers */
		color: mediumpurple;
	}


.ezl-notice {
	background-color: #000;
}

.ezl-view-tabs-btn {
	background: #000;
	color: var(--primary) !important;
	border-color: var(--primary) !important;
}

.ezl-view-tabs.ui-widget-header {
	border-top-color: #000;
	border-left-color: #000;
	border-right-color: #000;
	border-bottom-color: #9686a6;
}

.ezl-view-tab.ui-state-active {
	background: #000 !important;
	border-bottom-color: #000 !important;
}

.ui-widget-content,
.ui-widget-content .ui-state-default {
	color: #fff;
	background: #000;
	background-color: #000;
	border: 1px solid #252525;
}

	.ui-widget-content.ui-menu,
	.ui-widget-content.ui-menu .ui-state-default {
		border: 1px solid #9686a6;
	}

	.ui-widget-content .ezl-view-tab,
	.ui-widget-content .ezl-view-tab .ui-state-default {
		border: 1px solid #9686a6;
	}

.KanbanDataFilters {
	border-top-color: #000;
	border-left-color: #9686a6;
	border-right-color: #9686a6;
	border-bottom-color: #9686a6;
}

.ui-widget-header {
	background: #000; /*#e9e9e9;*/
}

.KanbanDataFilters .ezl-kanban-filter-ddl-title,
.ezl-data-filters .ezl-kanban-filter-ddl-title,
.ezl-data-filters .ezl-data-filters-title {
	color: #ccc;
	background-color: #000;
}

.pager-container {
	background-color: inherit;
}

.pager-pagebutton {
	color: #fff;
	background-color: inherit;
	padding-left: 2px;
	padding-right: 2px;
}

.pager-pagebutton-selected {
	color: var(--primary);
	background-color: #000;
	border-style: inset;
}

.pager-dropdownlist {
	color: var(--primary);
	background-color: #000;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: inherit;
}

.sticky-wrap .sticky-intersect th {
	background-color: #31226f; /*purplish*/
	color: #fff;
}

.sticky-wrap tr:nth-child(even) th.sticky-wrap-column {
	background-color: inherit;
	color: inherit;
	border-right: 1px solid #5d5d5d;
	border-left: 1px solid #5d5d5d;
}

.sticky-wrap tr:nth-child(odd) th.sticky-wrap-column {
	background-color: inherit;
	color: inherit;
	border-right: 1px solid #5d5d5d;
	border-left: 1px solid #5d5d5d;
}


.sticky-wrap tr.text-danger:nth-child(even) th.sticky-wrap-column {
	background-color: inherit;
	color: #dc3545;
	border-right: 1px solid #5d5d5d;
	border-left: 1px solid #5d5d5d;
}

.sticky-wrap tr.text-danger:nth-child(odd) th.sticky-wrap-column {
	background-color: inherit;
	color: #dc3545;
	border-right: 1px solid #5d5d5d;
	border-left: 1px solid #5d5d5d;
}

.LoadSearchResultsType {
	color: var(--primary);
	background-color: inherit;
}



.navbar {
	background-color: #192E5A !important;
}

.navbar-nav-title {
	color: #fff;
}

.ezl-view-tabs .ui-state-active a,
.ezl-view-tabs .ui-state-active a:link,
.ezl-view-tabs .ui-state-active a:visited {
	color: var(--ezl-purplish) !important;
	text-decoration: none;
}


.ezl-date-range-group {
	color: var(--ezl-purplish);
	background-color: #111111;
	border-color: #565656;
}

.daterangepicker {
	background-color: var(--ezl-body-color-bg);
	color: var(--ezl-body-color);
}

	.daterangepicker .calendar-table {
		background-color: var(--ezl-body-color-bg);
	}

	.daterangepicker td.off,
	.daterangepicker td.off.in-range,
	.daterangepicker td.off.start-date,
	.daterangepicker td.off.end-date {
		background-color: #333333;
		color: #999;
	}

	.daterangepicker td.in-range {
		color: #fff;
		background-color: darkslateblue;
		border-color: transparent;
		border-radius: 0;
	}

	.daterangepicker .monthselect,
	.daterangepicker .yearselect {
		background-color: var(--ezl-body-color-bg);
		color: var(--ezl-body-color);
	}


.ezl-filter-text {
	color: var(--ezl-purplish);
	border-color: #565656;
}

	.ezl-filter-text .e-text {
		color: var(--ezl-purplish);
	}

	.ezl-filter-text .e-input {
		color: var(--ezl-purplish);
		background-color: #111111;
	}

	.ezl-filter-text.ezl-filter-city,
	.ezl-filter-text.ezl-filter-state,
	.ezl-filter-text.ezl-filter-country {
		background-color: #111111;
	}

	.ezl-filter-text .e-ddl .e-input,
	.ezl-filter-text .e-ddl .e-input[readonly],
	.ezl-filter-text .e-ddl-popup,
	.ezl-filter-text .e-ddl .e-options {
		color: var(--ezl-purplish); /* purpleish */
		background-color: #111111;
	}

	.ezl-filter-text .e-ddl .e-select,
	.ezl-filter-text .e-ddl.e-rtl .e-select,
	.ezl-filter-text .e-ddl .e-disable.e-select:hover {
		color: var(--ezl-purplish); /* purpleish */
		background: #111111;
		background-color: rgb(11, 11, 11);
	}

/*.ezl-filter-text .e-ddl .e-select,
		.ezl-filter-text .e-ddl.e-rtl .e-select,
		.ezl-filter-text .e-ddl .e-disable.e-select:hover {
			color: #686969;
			border-color: #565656;
		}*/

/* For the check box part only */
.ezl-filter .e-chkbox-wrap.ezl-checkbox-filter div > span {
	background-color: #000;
	border-color: var(--ezl-purplish);
}

/* For the check box part only - in an input-group */
.input-group .e-chkbox-wrap.ezl-checkbox-filter div > span {
	background-color: #111111;
	border-color: var(--ezl-purplish);
}

/* For the entire checkbox filter */
.ezl-filter.ezl-filter-text .e-chkbox-wrap.ezl-checkbox-filter {
	background-color: #000 !important;
	border-color: var(--ezl-purplish);
}

.ezl-filter.ezl-filter-text .e-ddl input.e-input,
.ezl-filter.ezl-filter-text .e-ddl input[type="text"].e-input,
.ezl-filter.ezl-filter-text .e-ddl .e-input.e-placeholder {
	padding-left: .2em;
}

/*.ezl-checkbox-filter:not(.ezl-widget-bg) {
			background-color: #111111;
		}*/

/*.ezl-checkbox-filter.ezl-widget-bg {
			background-color: #000;
		}*/


.ezl-ddl-popup .e-ddl .e-input,
.ezl-ddl-popup .e-ddl .e-input[readonly],
.ezl-ddl-popup .e-ddl-popup,
.e-ddl-popup.ezl-ddl-popup,
.ezl-ddl-popup .e-ddl .e-options {
	color: var(--ezl-purplish); /* purpleish */
	background-color: #111111;
}

	.e-ddl-popup.ezl-ddl-popup .e-chkbox-wrap .e-text {
		color: var(--ezl-purplish); /* purpleish */
	}

	.e-ddl-popup.ezl-ddl-popup .e-checkwrap {
		background-color: #333;
		border: 1px solid var(--ezl-purplish);
	}

	.e-ddl-popup.ezl-ddl-popup .e-hover {
		color: #fff;
		background-color: var(--ezl-loadgrid-tbar-btn-color-bg) !important;
	}

.ezl-server-filtered {
	color: #eee;
	font-weight: 600;
}

.ezl-viewfilters-container input.e-ejinputtext:focus {
	outline: none !important;
	box-shadow: inset 0 0 7px rgba(180, 100, 220, 0.3) !important;
	/*box-shadow: none !important;*/
	/*border-color: transparent !important;*/ /* Or set to a custom color */
}

.ui-autocomplete-input {
	color: var(--ezl-purplish); /* purpleish */
}

.close {
	/*float: right;
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1;*/
	color: #FFF;
	text-shadow: 0 1px 0 #888;
	opacity: .65;
}

	.close:hover {
		color: #FFF;
		text-decoration: none;
	}

	.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
		opacity: .95;
	}


.ezl-load-grid .e-toolbar {
	background: #1a1a1a;
}

	.ezl-load-grid .e-toolbar .e-toolbar-items {
		background: #1a1a1a;
	}

	.ezl-load-grid .e-toolbar .e-toolbar-item.e-overlay {
		background: #1a1a1a;
		background-color: rgb(40, 40, 40);
		opacity: .5;
		color: rgba(0, 0, 0, .26);
	}


/* Kanban - START */

.e-kanban .e-kanbancontent {
	background-color: #161626;
}

.e-kanban, .e-kanban .e-kanbanheader .e-headercell, .e-kanban .e-swimlanerow {
	background: #161626;
	background-color: #161626;
}

	.e-kanban .e-columnrow .e-rowcell {
		background: #262646;
		background-color: rgb(38, 38, 70);
	}

	.e-kanban .e-columnrow .e-kanbancard {
		background: #000;
		background-color: rgb(0, 0, 0);
	}

	.e-kanban .e-kanbancard {
		/* color: #333; */
		color: #acb5bd;
	}

	.e-kanban .ezl-kanban-card .e-text {
		font-size: 12px;
	}

	.e-kanban .e-columnrow .e-rowcell .e-toggle-header:hover > div {
		color: #179bd7;
	}

	.e-kanban .e-toggle-header:hover > div div {
		color: #179bd7 !important
	}

	.e-kanban .e-kanbancard.e-hover {
		border-color: #282828;
		color: #a8a8a7;
	}

	.e-kanban .e-kanbancard.e-hover {
		cursor: default;
		background: #111b3a;
		/*background: #86cbea;*/
	}

	.e-kanban .e-kanbanheader {
		background-color: inherit;
		border-bottom: 1px solid #222222;
	}

/* Kanban - END */

.required:after {
	color: orangered;
}

.requiredddl:after {
	color: orangered;
}

a.anchor-icon:hover, a.anchor-icon:focus {
	color: #d92626;
}

.chat-container {
	color-scheme: dark;
	background-color: #2d2d2d;
}


.chat-send-panel {
	color: #9299a0;
	background-color: #474d52;
}

}


/* DARK MODE - END -----------------------------------------------------------------------------------------------------------------------------------------------*/