.ps-nav-links li a {
	color: var(--text-c3);
}

.ps-navbar {
	background-color: var(--border-1);
}

.ps-sidebar-container {
	border: none;
	background-color: var(--border-1);
}

.ps-sidebar ul li a,
.ps-sidebar ul li {
	color: var(--text-c3);
}

.ps-sidebar ul li:hover {
	background-color: var(--border-1);
}

.ps-sidebar ul li.active {
	background-color: var(--border-1);
	filter: brightness(0.85);
}

.ps-sidebar-left {
	border: none;
	background-color: var(--border-1);
}

.ps-sidebar ul li,
.ps-sidebar-left ul li {
	background: none;
}

.ps-header {
	display: flex;
	justify-content: space-between;
	padding: 1em 0;
}

.ps-header-buttons {
	display: flex;
	gap: 0.3em;
}

.ps-page-header h3 {
	margin: 0;
}

.ps-page {
	border-top-left-radius: 1em;
}

/* SETUP PAGE */
.setup-container {
	border-radius: 0.4em;
	text-align: center;
	margin-bottom: 1.5em;
}

.setup-btn {
	font-size: 3.5em;
}

.input_with_btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.setup-page-headers {
	background-color: var(--bg-c4);
	border-radius: 0.4em;
	text-align: center;
	padding: 0.5em;
}

.setup-sub-header {
	border-bottom: 2px solid var(--fg-c2);
	font-size: 20px;
	display: flex;
	justify-content: space-between;
}

.days-select {
	margin: 12px 0;
	display: flex;
	gap: 1em;
	margin-left: 4em;
}

.toggle-btn {
	background: none;
	font-size: 24px;
	cursor: pointer;
	position: relative;
	top: 1em;
	color: var(--fg-c2);
}
/* --- */

/* FLOW ITEMS LIST VIEW & KANBAN VIEW */

.state-list-header {
	padding-top: 1em;
	font-size: 1.2em;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	padding: 0.5em 0 0.5em 0;
	font-weight: bold;
	padding-right: 0.5em;
	cursor: pointer;
}

.state-list-header:hover {
	opacity: 0.8;
}

.query-item:hover {
	opacity: 0.6;
}

.items-list {
	height: auto;
	max-height: 15em;
}

.item-collapse-btn {
	float: right;
	border-radius: 50%;
	background: none;
	border: none;
	color: inherit;
	font-size: 1em;
}

.kanban-view-container {
	display: flex;
	gap: 0.5em;
	max-width: 78vw;
	overflow-x: scroll;
}

.kanban-view-state-panel {
	height: 58vh;
	max-height: 58vh;
}

.kanban-item-list {
	height: auto;
	overflow-y: scroll;
	overflow-x: hidden;
}

.kanban-item {
	margin-bottom: 0.5em;
	text-align: left;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	transition: transform 0.1s;
}

.kanban-item-title {
	font-weight: bold;
	font-style: italic;
}

.kanban-item:hover {
	transform: scale(1.02);
}

.kanban-item-header {
	background-color: #53777a;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 0.2em;
	text-wrap: auto;
}

.kanban-item-text {
	margin: 0.5em 0;
	font-size: smaller;
}

.collapsed {
	text-orientation: sideways-right;
	writing-mode: vertical-rl;
	border-radius: 0.4em;
	height: 60vh;
	text-align: center;
	width: 3em;
	padding-right: 0.8em;
}

.priority-high {
	background-color: rgba(182,40,19,0.52941);
	color: #fff;
	padding: 0.3em;
	font-weight: bold;
	border-radius: 0.4em;
}

.priority-low {
	background-color: rgba(0,128,0,0.52941);
	color: #fff;
	padding: 0.3em;
	font-weight: bold;
	border-radius: 0.4em;
}

.priority-medium {
	background-color: rgba(102, 91, 0, 0.46);
	color: #fff;
	padding: 0.3em;
	font-weight: bold;
	border-radius: 0.4em;
}

/* PANELS AND FIELDS */
.ps-panel {
	background-color: var(--bg-c6);
	box-sizing: border-box;
	border: none;
}

.ps-panel-header {
	background-color: transparent;
	color: var(--text-c1);
	border: none;
}

.ps-bordered-block {
	background: none;
	border: none;
}

.ps-element-group > label:first-child {
	padding: 0 8px;
	background-color: var(--bg-c2);
	color: var(--text-c1);
	border: none;
	font-weight: 400;
	height: auto;
	line-height: 2.25em;
	min-width: 13.5em;
	white-space: nowrap;
}

.ps-element-group > input.ps-input,
.ps-element-group > select.ps-input,
.ps-element-group > textarea.ps-input,
.ps-element-group > ps-select,
.ps-element-group > ps-select > .ps-input {
	border: none;
	background-color: var(--bg-c6);
	min-width: 11.5em;
}

/* Landing Page/Home Page */
.landing-panels {
	background-color: var(--bg-c1);
	box-shadow: 1px 2px 4px 0px var(--bg-shadow);
}

.landing-footer {
	display: flex;
	justify-content: space-between;
	margin-top: 1em;
}

.landing-quick-actions {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	grid-gap: 2em;
	gap: 2em;
	justify-items: center;
	margin: 2em 0;
}
/*NOTE: WORK IN PROGRESS*/
@font-face {
	font-family: 'Poppins';
	src: url(fonts/Geist-Light.ttf);
	font-weight: normal;
	font-style: normal;
}

/* Bold */
@font-face {
	font-family: 'Poppins';
	src: url(fonts/Geist-Bold.ttf);
	font-weight: bold;
	font-style: normal;
}

/* Bold italic */
@font-face {
	font-family: 'Poppins';
	src: url(fonts/Geist-Bold.ttf);
	font-weight: bold;
	font-style: italic;
}

/* Italic */
@font-face {
	font-family: 'Poppins';
	src: url(fonts/Geist-Thin.ttf);
	font-weight: normal;
	font-style: italic;
}

:root.theme-crm-light {
	--fg-c1: #000;
	--bg-c1: #fdfdfd;
	--text-c1: #4e4e4e;

	--fg-c2: #f01717;
	--bg-c2: #f4f4f4;
	--text-c2: #212a2e;

	--fg-c3: #4a90e2;
	--bg-c3: #cccccc;
	--text-c3: white;

	--fg-c4: rgb(230, 230, 230);
	--bg-c4: #e1e1e1;
	--text-c4: white;

	--fg-c5: #fdfdfd;
	--bg-c5: black;
	--text-c5: rgb(60, 60, 60);

	--fg-c6: #f7f7f7;
	--bg-c6: rgba(241,241,241,0.93725);

	--border-1: #4e4e4e;
	--border-2: #a8a8a8;
	--border-3: #bebebe;
	--border-4: #a3a4a7;

	--bg-shadow: rgb(197, 193, 193);

	--fg-warning: #f0ad4e;
	--fg-danger: #c9302c;
	--fg-success: #5cb85c;
	--fg-default: #fff;
	--fg-primary: #33719a;

	--bg-warning: #f0ad4e;
	--bg-danger: #c9302c;
	--bg-success: #5cb85c;
	--bg-default: #d1d1d1;
	--bg-primary: #86badd;

	--fa-primary-color: #C3C8D3;
	--fa-secondary-color: #8f96a1;

	--font-family: "Poppins", serif;
}

/*NOTE: WORK IN PROGRESS*/
@font-face {
	font-family: 'Poppins';
	src: url(fonts/Geist-Regular.ttf);
	font-weight: normal;
	font-style: normal;
}

/* Bold */
@font-face {
	font-family: 'Poppins';
	src: url(fonts/Geist-Bold.ttf);
	font-weight: bold;
	font-style: normal;
}

/* Bold italic */
@font-face {
	font-family: 'Poppins';
	src: url(fonts/Geist-Bold.ttf);
	font-weight: bold;
	font-style: italic;
}

/* Italic */
@font-face {
	font-family: 'Poppins';
	src: url(fonts/Geist-Thin.ttf);
	font-weight: normal;
	font-style: italic;
}

:root.theme-crm-dark {
	--fg-c1: #d9dbe0;
	--bg-c1: #262626;
	--text-c1: #dcdcdc;

	--fg-c2: #f01717;
	--bg-c2: #38393c;
	--text-c2: #b3b8bd;

	--fg-c3: #3c7fd5;
	--bg-c3: #151515;
	--text-c3: white;

	--fg-c4: #151515;
	--bg-c4: #303030;
	--text-c4: black;

	--fg-c5: #b0b0b0;
	--bg-c5: #c9c9c9;
	--text-c5: rgb(60, 60, 60);

	--fg-c6: #282828;
	--bg-c6: #2e2e2e;

	--border-1: #4a4b4e;
	--border-2: #7a7f85;
	--border-3: #bebebe;
	--border-4: #dee2e6;

	--bg-shadow: rgba(0, 0, 0, 0.95);

	--fg-warning:#ac8824;
	--fg-danger: #9e3733;
	--fg-success: #478e56;
	--fg-default: #fff;
	--fg-primary: #3b6dd9;

	--bg-warning:#ac8824;
	--bg-danger: #9e3733;
	--bg-success: #478e56;
	--bg-default: #505050;
	--bg-primary: #5a819b;

	--fa-primary-color: #C3C8D3;
	--fa-secondary-color: #cacaca;

	--font-family: "Poppins", serif;
}


@font-face {
	font-family: 'Poppins';
	src: url(fonts/Poppins-Regular.ttf);
	font-weight: normal;
	font-style: normal;
}

/* Bold */
@font-face {
	font-family: 'Poppins';
	src: url(fonts/Poppins-Bold.ttf);
	font-weight: bold;
	font-style: normal;
}

/* Bold italic */
@font-face {
	font-family: 'Poppins';
	src: url(fonts/Poppins-BoldItalic.ttf);
	font-weight: bold;
	font-style: italic;
}

/* Italic */
@font-face {
	font-family: 'Poppins';
	src: url(fonts/Poppins-Italic.ttf);
	font-weight: normal;
	font-style: italic;
}


:root.theme-happy-green-light {
	--fg-c1: #084c2e;
	--bg-c1: #e8f5e9;
	--text-c1: #2c6e49;

	--fg-c2: #2e7d32;
	--bg-c2: #ffffff;
	--text-c2: #1b5e20;

	--fg-c3: #43a047;
	--bg-c3: #dcedc8;
	--text-c3: white;

	--fg-c4: #a5d6a7;
	--bg-c4: #81c784;
	--text-c4: white;

	--fg-c5: #ffffff;
	--bg-c5: #2e7d32;
	--text-c5: #1b5e20;

	--fg-c6: #f1f8e9;
	--bg-c6: #c8e6c9;

	--border-1: #388e3c;
	--border-2: #66bb6a;
	--border-3: #a5d6a7;
	--border-4: #81c784;

	--bg-shadow: rgba(76, 175, 80, 0.3);

	--fg-warning: #fbc02d;
	--fg-danger: #d32f2f;
	--fg-success: #388e3c;
	--fg-default: #ffffff;
	--fg-primary: #43a047;

	--bg-warning: #fbc02d;
	--bg-danger: #d32f2f;
	--bg-success: #388e3c;
	--bg-default: #e5e5e5;
	--bg-primary: #43a047;

	--fa-primary-color: #b9f6ca;
	--fa-secondary-color: #66bb6a;

	--font-family: "Poppins", sans-serif;
}

:root.theme-happy-green-dark {
	--fg-c1: #b9f6ca;
	--bg-c1: #1b5e20;
	--text-c1: #c8e6c9;

	--fg-c2: #66bb6a;
	--bg-c2: #10291a;
	--text-c2: #a5d6a7;

	--fg-c3: #43a047;
	--bg-c3: #255d36;
	--text-c3: #e8f5e9;

	--fg-c4: #81c784;
	--bg-c4: #2e7d32;
	--text-c4: #f1f8e9;

	--fg-c5: #1b5e20;
	--bg-c5: #b9f6ca;
	--text-c5: #084c2e;

	--fg-c6: #a5d6a7;
	--bg-c6: #10291a;

	--border-1: #66bb6a;
	--border-2: #81c784;
	--border-3: #a5d6a7;
	--border-4: #43a047;

	--bg-shadow: rgba(76, 175, 80, 0.5);

	--fg-warning: #fdd835;
	--fg-danger: #e53935;
	--fg-success: #66bb6a;
	--fg-default: #e8f5e9;
	--fg-primary: #81c784;

	--bg-warning: #fdd835;
	--bg-danger: #e53935;
	--bg-success: #66bb6a;
	--bg-default: #505050;
	--bg-primary: #43a047;

	--fa-primary-color: #b9f6ca;
	--fa-secondary-color: #81c784;

	--font-family: "Poppins", sans-serif;
}


:root.theme-classy-blue-light {
	--fg-c1: #0a3d62;
	--bg-c1: #fff;
	--text-c1: #4f575c;

	--fg-c2: #2980b9;
	--bg-c2: #c7dbe8;
	--text-c2: #5a5a5a;

	--fg-c3: #3498db;
	--bg-c3: #d6eaf8;
	--text-c3: white;

	--fg-c4: #99b3c4;
	--bg-c4: #aed6f1;
	--text-c4: white;

	--fg-c5: #ffffff;
	--bg-c5: #1a5276;
	--text-c5: #0a3d62;

	--fg-c6: #99c7e9;
	--bg-c6: #e6f2fa;

	--border-1: #365d75;
	--border-2: #487a9b;
	--border-3: #5dade2;
	--border-4: #85c1e9;

	--bg-shadow: rgba(52, 152, 219, 0.3);

	--fg-warning: #f39c12;
	--fg-danger: #c0392b;
	--fg-success: #27ae60;
	--fg-default: #ffffff;
	--fg-primary: #2980b9;

	--bg-warning: #f39c12;
	--bg-danger: #c0392b;
	--bg-success: #27ae60;
	--bg-default: #d1d1d1;
	--bg-primary: #b2d9f3;

	--fa-primary-color: #d4e6f1;
	--fa-secondary-color: #5dade2;

}

:root.theme-classy-blue-dark {
	--fg-c1: #d4e6f1;
	--bg-c1: #2c4251;
	--text-c1: #a9cce3;

	--fg-c2: #5dade2;
	--bg-c2: #082a45;
	--text-c2: #aed6f1;

	--fg-c3: #2980b9;
	--bg-c3: #154360;
	--text-c3: #f7fcff;

	--fg-c4: #3498db;
	--bg-c4: #1f618d;
	--text-c4: #d6eaf8;

	--fg-c5: #082a45;
	--bg-c5: #d4e6f1;
	--text-c5: #0a3d62;

	--fg-c6: #437596;
	--bg-c6: #22425c;

	--border-1: #253540;
	--border-2: #3498db;
	--border-3: #5dade2;
	--border-4: #1a4f72;

	--bg-shadow: rgba(52, 152, 219, 0.5);

	--fg-warning: #f39c12;
	--fg-danger: #e74c3c;
	--fg-success: #2ecc71;
	--fg-default: #d4e6f1;
	--fg-primary: #3498db;

	--bg-warning: #f39c12;
	--bg-danger: #e74c3c;
	--bg-success: #2ecc71;
	--bg-default: #505050;
	--bg-primary: #28668e;

	--fa-primary-color: #d4e6f1;
	--fa-secondary-color: #5dade2;

	--font-family: "Poppins", serif;
}


@font-face {
	font-family: 'Quicksand';
	src: url(fonts/Quicksand-VariableFont_wght.ttf);
}


:root.theme-valentine-light {
	--fg-c1: #b73e62;
	--bg-c1: #fff;
	--text-c1: #d81b60;

	--fg-c2: #e91e63;
	--bg-c2: #fff0f5;
	--text-c2: #b71c57;

	--fg-c3: #f48fb1;
	--bg-c3: #fde2e4;
	--text-c3: white;

	--fg-c4: #ffb6c1;
	--bg-c4: #f8bbd0;
	--text-c4: white;

	--fg-c5: #ffffff;
	--bg-c5: #d81b60;
	--text-c5: #b71c57;

	--fg-c6: #fde2e4;
	--bg-c6: #fce4ec;

	--border-1: #e91e63;
	--border-2: #f06292;
	--border-3: #f48fb1;
	--border-4: #f8bbd0;

	--bg-shadow: rgba(244, 143, 177, 0.3);

	--fg-warning: #f39c12;
	--fg-danger: #d32f2f;
	--fg-success: #2ecc71;
	--fg-default: #ffffff;
	--fg-primary: #e91e63;

	--bg-warning: #f39c12;
	--bg-danger: #d32f2f;
	--bg-success: #2ecc71;
	--bg-default: #e5e5e5;
	--bg-primary: #ffc1d5;

	--fa-primary-color: #f8bbd0;
	--fa-secondary-color: #f48fb1;

	--font-family: "Quicksand", sans-serif;
}

:root.theme-valentine-dark {
	--fg-c1: #f8bbd0;
	--bg-c1: #52002b;
	--text-c1: #f48fb1;

	--fg-c2: #e91e63;
	--bg-c2: #3b001f;
	--text-c2: #ff80ab;

	--fg-c3: #f48fb1;
	--bg-c3: #7b1f46;
	--text-c3: #fff7f9;

	--fg-c4: #ffb6c1;
	--bg-c4: #ad1457;
	--text-c4: #fde2e4;

	--fg-c5: #3b001f;
	--bg-c5: #f8bbd0;
	--text-c5: #b73e62;

	--fg-c6: #ff80ab;
	--bg-c6: #3b001f;

	--border-1: #e91e63;
	--border-2: #f06292;
	--border-3: #f48fb1;
	--border-4: #f8bbd0;

	--bg-shadow: rgba(244, 143, 177, 0.5);

	--fg-warning: #f39c12;
	--fg-danger: #ff5252;
	--fg-success: #66bb6a;
	--fg-default: #f8bbd0;
	--fg-primary: #e91e63;

	--bg-warning: #f39c12;
	--bg-danger: #ff5252;
	--bg-success: #66bb6a;
	--bg-default: #505050;
	--bg-primary: #8b0934;

	--fa-primary-color: #f8bbd0;
	--fa-secondary-color: #ff80ab;

	--font-family: "Quicksand", sans-serif;
}

/*NOTE: WORK IN PROGRESS*/
@font-face {
	font-family: 'Poppins';
	src: url(fonts/Geist-Light.ttf);
	font-weight: normal;
	font-style: normal;
}

/* Bold */
@font-face {
	font-family: 'Poppins';
	src: url(fonts/Geist-Bold.ttf);
	font-weight: bold;
	font-style: normal;
}

/* Bold italic */
@font-face {
	font-family: 'Poppins';
	src: url(fonts/Geist-Bold.ttf);
	font-weight: bold;
	font-style: italic;
}

/* Italic */
@font-face {
	font-family: 'Poppins';
	src: url(fonts/Geist-Thin.ttf);
	font-weight: normal;
	font-style: italic;
}

:root.theme-koedoeskop-light {
	--fg-c1: #000;
	--bg-c1: #fdfdfd;
	--text-c1: #4e4e4e;

	--fg-c2: #f01717;
	--bg-c2: #f4f4f4;
	--text-c2: #212a2e;

	--fg-c3: #4a90e2;
	--bg-c3: #cccccc;
	--text-c3: white;

	--fg-c4: rgb(230, 230, 230);
	--bg-c4: #e1e1e1;
	--text-c4: white;

	--fg-c5: #fdfdfd;
	--bg-c5: black;
	--text-c5: #476579;

	--fg-c6: #f7f7f7;
	--bg-c6: rgba(255, 255, 255, 0.82);;

	--border-1: #275729;
	--border-2: #a8a8a8;
	--border-3: #bebebe;
	--border-4: #444444;

	--bg-shadow: rgb(197, 193, 193);

	--fg-warning: #f0ad4e;
	--fg-danger: #c9302c;
	--fg-success: #5cb85c;
	--fg-default: #fff;
	--fg-primary: #9a5733;

	--bg-warning: #f0ad4e;
	--bg-danger: #c9302c;
	--bg-success: #5cb85c;
	--bg-default: #d1d1d1;
	--bg-primary: #e2c1af;

	--fa-primary-color: #C3C8D3;
	--fa-secondary-color: #8f96a1;

	--font-family: "Poppins", serif;
}

.theme-koedoeskop-light #container {
	background-image: linear-gradient(rgba(253, 253, 253, 0.50), rgba(253, 253, 253, 0.50)), url('/mielies.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	min-height: 100vh;
}

.ps-page {
	background: none;
}

.ps-page-body {
	background-color: rgba(253,253,253,0.74902) !important;
}

/*NOTE: WORK IN PROGRESS*/
@font-face {
	font-family: 'Poppins';
	src: url(fonts/Geist-Light.ttf);
	font-weight: normal;
	font-style: normal;
}

/* Bold */
@font-face {
	font-family: 'Poppins';
	src: url(fonts/Geist-Bold.ttf);
	font-weight: bold;
	font-style: normal;
}

/* Bold italic */
@font-face {
	font-family: 'Poppins';
	src: url(fonts/Geist-Bold.ttf);
	font-weight: bold;
	font-style: italic;
}

/* Italic */
@font-face {
	font-family: 'Poppins';
	src: url(fonts/Geist-Thin.ttf);
	font-weight: normal;
	font-style: italic;
}

:root.theme-koedoeskop-dark {
	--fg-c1: #d9dbe0;
	--bg-c1: #262626;
	--text-c1: #dcdcdc;

	--fg-c2: #f01717;
	--bg-c2: #38393c;
	--text-c2: #b3b8bd;

	--fg-c3: #3c7fd5;
	--bg-c3: #151515;
	--text-c3: white;

	--fg-c4: #151515;
	--bg-c4: #303030;
	--text-c4: black;

	--fg-c5: #b0b0b0;
	--bg-c5: #c9c9c9;
	--text-c5: #476579;

	--fg-c6: #282828;
	--bg-c6: rgba(31, 31, 31, 0.7);;

	--border-1: #275729;
	--border-2: #7a7f85;
	--border-3: #bebebe;
	--border-4: #c2c3c5;

	--bg-shadow: rgba(0, 0, 0, 0.95);

	--fg-warning:#ac8824;
	--fg-danger: #9e3733;
	--fg-success: #478e56;
	--fg-default: #fff;
	--fg-primary: #9a5733;

	--bg-warning:#ac8824;
	--bg-danger: #9e3733;
	--bg-success: #478e56;
	--bg-default: #505050;
	--bg-primary: #9a5733;

	--fa-primary-color: #C3C8D3;
	--fa-secondary-color: #cacaca;

	--font-family: "Poppins", serif;
}

/* Main content background styling */
.theme-koedoeskop-dark #container {
	background-image: linear-gradient(rgba(38, 38, 38, 0.85), rgba(38, 38, 38, 0.85)), url('/mielies.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	min-height: 100vh;
}

.ps-page {
	background: none;
}

.ps-page-body {
	background-color: rgba(0,0,0,0.30196);
}

:root.theme-scs-light {
	--fg-c1: #000;
	--bg-c1: #ececec;
	--text-c1: #4e4e4e;

	--fg-c2: #7d56a1;
	--bg-c2: #d3d3d3;
	--text-c2: #212a2e;

	--fg-c3: #4a90e2;
	--bg-c3: #cccccc;
	--text-c3: #4e4e4e;

	--fg-c4: rgb(230, 230, 230);
	--bg-c4: #9a9a9b;
	--text-c4: #757575;

	--fg-c5: #fdfdfd;
	--bg-c5: black;
	--text-c5: #424242;

	--fg-c6: #ececec;
	--bg-c6: rgba(172,172,172,0.21176);

	--border-1: #fdfdfd;
	--border-2: #bebebe;
	--border-3: #bebebe;
	--border-4: #bebebe;

	--bg-shadow: rgb(197, 193, 193);

	--fg-warning: #ecb51f;
	--fg-danger: #ee2a27;
	--fg-success: #50ba69;
	--fg-default: #fff;
	--fg-primary: #2bace2;

	--bg-warning: #ecb51f;
	--bg-danger: #ee2a27;
	--bg-success: #50ba69;
	--bg-default: #fff;
	--bg-primary: #2bace2;

	--fa-primary-color: #26c4f4;
	--fa-secondary-color: #26c4f4;

	--font-family: "Lato", sans-serif; 
}
:root.theme-scs-dark {
	--fg-c1: #d9dbe0;
	--bg-c1: #111111;
	--text-c1: #dcdcdc;

	--fg-c2: #7d56a1;
	--bg-c2: #38393c;
	--text-c2: #b3b8bd;

	--fg-c3: #3c7fd5;
	--bg-c3: #151515;
	--text-c3: #dcdcdc;

	--fg-c4: #151515;
	--bg-c4: #383838;
	--text-c4: #eeeeee;

	--fg-c5: #b0b0b0;
	--bg-c5: #c9c9c9;
	--text-c5: #424242;

	--fg-c6: #111111;
	--bg-c6: #181818;

	--border-1: #282828;
	--border-2: #bebebe;
	--border-3: #5d5d5d;
	--border-4: #3f3f3f;

	--bg-shadow: rgba(0, 0, 0, 0.95);

	--fg-warning: #ecb51f;
	--fg-danger: #ee2a27;
	--fg-success: #50ba69;
	--fg-default: #fff;
	--fg-primary: #2bace2;

	--bg-warning: #ecb51f;
	--bg-danger: #ee2a27;
	--bg-success: #50ba69;
	--bg-default: #38393c;
	--bg-primary: #2287b1;

	--fa-primary-color: #26c4f4;
	--fa-secondary-color: #26c4f4;

	--font-family: "Lato", sans-serif; 
}


.ps-sidenav-builder {
	border: none;
	background-color: var(--border-1);
}

.ps-sidenav-builder ul li a,
.ps-sidenav-builder ul li {
	color: var(--text-c3);
}

.ps-sidenav-builder ul li:hover {
	background-color: var(--border-1);
}


.ps-sidenav-builder ul li {
	background: none;
}




/*# sourceMappingURL=app.css.map */