@font-face {
	font-family: 'Andika';
	src: url(fonts/Andika-Regular.woff2) format('woff2');
}
@font-face {
	font-family: 'Andika';
	font-weight: bold;
	src: url(fonts/Andika-Bold.woff2) format('woff2');
}
@font-face {
	font-family: 'Andika';
	font-style: italic;
	src: url(fonts/Andika-Italic.woff2) format('woff2');
}

body {
	font-family: 'Andika';
}


/* PAGE & CONTAINERS */
body {
	font-family: "Quicksand", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

a {
	text-decoration-line: none;
	color: #337ab7;
}

a:hover {
	text-decoration-line: underline;
	cursor: pointer;
}

.ps-page-body {
	background-color: transparent;
}

.ps-overflow-body {
	background-color: transparent;
}

.ps-container > h3, .ps-page > h3, .ps-container > div > h3 {
	margin-top: 0em;
	color: var(--text-c4);
	font-size: 1.5em;
}

.ps-page {
	background-color: transparent;
}

fieldset.ps-fieldset {
	border: 0.1em solid var(--bg-primary);
	border-radius: 0em;
	padding: 0.9em;
	margin: 1em 1em 1em 1em;
	min-width: 15%;
	border-left: none;
	border-right: none;
	border-bottom: none;
	position: relative;
	padding-top: 4em;
	background-color: transparent;
}

fieldset.ps-fieldset legend {
	position: absolute;
	top: 0.5em;
	border: none;
	color: var(--text-c1);
	z-index: 1;
	padding: 0em;
}

fieldset[class*="ps-overflow-body"] {
	padding-top: 0;
}

fieldset[class*="ps-overflow-body"] > legend + *,
fieldset[class*="ps-overflow-body"] > legend + * > * {
	margin-top: 4em;
}

data-pagination {
	justify-content: flex-end;
	display: flex;
}


/* PS-TREE */
.ps-tree li {
	color: var(--text-c4);
}

.ps-tree a {
	color: var(--text-c4);
}


/* TABLES */
.ps-table > thead {
	color: var(--text-c3);
}

.ps-table > tbody {
	color: var(--text-c4);
}


/* NAVBAR & SIDEBARS */
.ps-navbar {
	background-color: var(--bg-c1);
}

.ps-nav-links li a.active, .ps-nav-links li label.active {
	background-color: var(--fg-c6);
	color: var(--bg-primary);
	border-radius: 0;
}

.ps-sidebar > ul > li > a, .ps-sidebar > ul > li > div > ul > li > a,
.ps-nav-links-right > li > ul > li > a, .ps-link-container > ul > div > li > a {
	color: var(--text-c4);
	font-size: 1.1em;
}

.ps-sidebar > ul > li:hover, .ps-sidebar > ul > li > div > ul > li:hover,
.ps-nav-links-right > li > ul > li:hover, .ps-link-container > ul > div > li:hover {
	background-color: var(--fg-c6);
	color: var(--bg-primary);
	border-radius: 0;
}

.ps-nav-links li a:hover, .ps-nav-links li label:hover {
	background-color: transparent;
	color: var(--bg-primary);
	border-radius: 0px;
}

.ps-nav-links li:hover > a, .ps-nav-links li label:hover,
.ps-sidebar > ul > li:hover > a, .ps-sidebar > ul > li > div > ul > li:hover > a,
.ps-nav-links-right > li > ul > li:hover > a, .ps-link-container > ul > div > li:hover > a {
	color: var(--bg-primary);
}

.ps-sidebar > ul > li.active {
	background-color: var(--fg-c6);
	color: var(--bg-primary);
}

.ps-sidebar > ul > li.active > div > ul > li,
.ps-sidebar > ul > li.active > a {
	background-color: transparent;
	color: var(--bg-primary);
}

.ps-sidebar > ul > li.active > div > ul > li.active,
.ps-sidebar > ul > li.active > div > ul > li.active > a,
.ps-sidebar > ul > li.active > div > ul > li:hover {
	background-color: var(--bg-c3);
	color: var(--bg-primary);
}

.ps-sidebar-content {
	background-color: var(--fg-c6);
}

.ps-sidebar-left.no-border {
	border: none;
	padding-top: 1.7em;
}

.ps-sidebar-left {
	border-left: 4px solid var(--fg-c6);
}

.ps-sidebar-left > ul > li {
	border-left: none;
}


/* BUTTONS */
.ps-btn-warning, .ps-btn-default {
	color: var(--text-c5);
	border-radius: 0;
}

.ps-btn-success, .ps-btn-info, .ps-btn-danger, .ps-btn-primary {
	color: white;
	border-radius: 0;
}

.ps-btn-default, .ps-btn {
	background-color: var(--bg-c4);
	color: white;
	border-radius: 0;
}

.ps-btn-group button:last-child {
	border-radius: 0;
}

.ps-btn-group button:first-child {
	border-radius: 0;
}


/* NAV PILLS */
.ps-nav-pill li.active {
	background-color: var(--bg-primary);
	color: white;
}

.ps-nav-pill li {
	color: white;
}

.ps-nav-pill li span.fad {
	--fa-primary-color: #fafafa;
	--fa-secondary-color: #000000;
}

.ps-nav-pill {
	border-bottom: 5px solid var(--bg-primary);
}

.ps-nav-pill li.active:hover {
	background-color: var(--bg-primary);
}

.ps-nav-pill li:hover {
	filter: brightness(1);
}

/* INPUTS */
.ps-form-control {
	border-radius: 0;
}

fieldset.ps-form-group {
	border: none;
	padding: 0;
}

.ps-input {
	border-radius: 0;
}

.ps-date-input-group div {
	border-radius: 0;
}
:root.theme-scs-light {
	--fg-c1: #000;
	--bg-c1: #fdfdfd;
	--text-c1: #4e4e4e;

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

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

	--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: #bebebe;
	--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: #282828;
	--text-c1: #dcdcdc;

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

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

	--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: #bebebe;
	--border-2: #bebebe;
	--border-3: #bebebe;
	--border-4: #bebebe;

	--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: #2bace2;

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

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

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