/* input(902,1): run-time error CSS1019: Unexpected token, found '@import'
input(902,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;700&display=swap')'
input(903,1): run-time error CSS1019: Unexpected token, found '@import'
input(903,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap')'
input(904,1): run-time error CSS1019: Unexpected token, found '@import'
input(904,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap')'
input(905,1): run-time error CSS1019: Unexpected token, found '@import'
input(905,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap')' */
/*Flex layout*/
.flex-columns-layout {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	height: 100%;
}

	.flex-columns-layout .flex-row-auto {
		flex: 0 0 auto;
		-webkit-flex: 0 0 auto;
	}

	.flex-columns-layout .flex-row-fill {
		flex: 1 1 100%;
		-webkit-flex: 1 1 100%;
		overflow: hidden;
	}

.flex-rows-layout {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	width: 100%;
}

	.flex-rows-layout .flex-column-auto {
		flex: 0 0 auto;
		-webkit-flex: 0 0 auto;
	}

	.flex-rows-layout .flex-column-fill {
		flex: 1 1 100%;
		-webkit-flex: 1 1 100%;
		overflow: hidden;
	}

.scroll-box {
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.scroll-box-container {
	flex: 1;
	overflow: hidden;
}

.scroll-box-stretch {
	height: 100%;
	width: 100%;
	position: absolute;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.flex-tabset {
	height: 100%;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
}

	.flex-tabset > .nav-tabs {
		flex: 0 0 34px;
		-webkit-flex: 0 0 34px;
	}

	.flex-tabset .tab-content {
		display: flex;
		display: -webkit-flex;
		flex: 1 1 100%;
		-webkit-flex: 1 1 100%;
		overflow: hidden;
	}

		.flex-tabset .tab-content .tab-pane.active {
			display: flex;
			display: -webkit-flex;
			flex: 1 1 100%;
			-webkit-flex: 1 1 100%;
			flex-direction: column;
			-webkit-flex-direction: column;
			overflow: hidden;
		}

.dialog-button-bar {
	flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
	z-index: 1000;
}

	.dialog-button-bar .separator {
		width: 100%;
		border-top: 2px solid #e9e7e7;
		padding-bottom: .5em;
	}

	.dialog-button-bar .btn {
		height: 34px;
	}

.CodeMirror {
	border: 1px solid lightgrey;
	border-radius: 3px;
}

.flex-parent {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.cms-ui-select {
	background: white;
	height: 22px !important;
	border: 1px solid #d4d4d4;
}

.cms-ui-select-match {
	height: 22px;
}

	.cms-ui-select-match span {
		height: 22px;
		line-height: 10px;
	}

	.cms-ui-select-match > input[type="search"] {
		height: 22px;
	}

.cms-ui-select-choices {
	margin-top: 6px !important;
}

.caret-up {
	width: 0;
	height: 0;
	border-left: 4px solid rgba(0, 0, 0, 0);
	border-right: 4px solid rgba(0, 0, 0, 0);
	border-bottom: 4px solid;
	display: inline-block;
	margin-left: 2px;
	vertical-align: middle;
}

/* Top navbar */
.navbar .dropdown-item {
	cursor: pointer;
	padding: .25rem 0.75rem;
}

.navbar .dropdown-toggle::after {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f107" !important;
	vertical-align: 1px;
	font-size: smaller;
	border: none !important;
	margin-left: .3em !important;
}

.navbar .dropdown-item.dropdown-toggle {
	margin-right: 1.5em;
}

	.navbar .dropdown-item.dropdown-toggle::after {
		vertical-align: 0px !important;
		float: right !important;
		margin-top: 4px !important;
	}

.dropdown-menu li {
	position: relative;
}

.dropdown-submenu {
	position: absolute;
	top: 0;
	left: 100%;
}

@media (min-width: 992px) {
	.dropdown-menu > li:hover > .dropdown-submenu {
		display: block;
	}

	.dropdown-submenu {
		margin-top: Calc(-0.5rem - 1px);
	}
}

.dropdown-submenu:hover > a:after {
	border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
	float: none;
}

	.dropdown-submenu.pull-left > .dropdown-menu {
		left: -100%;
		margin-left: 10px;
	}

.dropdown-menu-right {
	margin-left: 0;
}

/* Ui Grid*/
.ui-grid-filter-container input::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

.ui-grid-menu-button {
	background: transparent;
	border: 0;
}

.ui-grid-menu-mid {
	overflow-y: auto !important;
	overflow-x: hidden !important;
}


.ui-grid-top-panel {
	overflow: visible !important;
}

.ui-grid-header-viewport {
	overflow: visible;
}

.cms-ui-grid-fullsize {
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;
}

.ui-grid-container {
	width: 100%;
	height: 100%;
	padding: .5em;
	background-color: #fff;
	overflow: hidden;
	border-radius: .5em;
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1) !important;
}

	.ui-grid-container .content {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

.ui-grid {
	border: 0;
}

	.ui-grid.outer-borderless {
		border: 0 !important;
	}

.ui-grid-cell {
	border-color: #fff;
}

.ui-grid-top-panel {
	background: white;
}

.ui-grid-header-cell {
	border: 0;
}

.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
	background: inherit;
	border-bottom: inherit;
}

.ui-grid-toolbar {
	overflow: hidden;
	height: 46px;
	padding: 5px .5em;
	display: flex;
	align-items: center;
}

.ui-grid-toobar-fullsize {
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
}

.ui-grid-toolbar .toolbar-label {
	margin-right: 2em;
	font-size: 1.5em;
	font-weight: 400;
	display: inline;
	color: var(--clr-accent);
	display: flex;
	align-items: center !important;
}

.ui-grid-toolbar button {
	background-color: transparent;
	width: 32px;
	height: 30px;
	border: 0;
	line-height: 1.5rem;
	color: var(--clr-accent);
	margin: 0 2px;
}

	.ui-grid-toolbar button:hover {
		background-color: #007bff4d;
		border-radius: 4px;
	}

.ui-grid-tree-header-row {
	font-weight: 400 !important;
}

.ui-grid-filter-container {
	padding: 0 0 4px 4px;
}

	.ui-grid-filter-container span {
		height: 1.4rem;
	}

.ui-grid-filter-container-custom {
	background: white;
	border: 1px solid #d4d4d4;
	-ms-border-radius: 4px;
	border-radius: 4px;
	padding: 0 4px;
	height: 26px;
}


/* Forms */
input[type="text"].ui-grid-filter-input,
select.ui-grid-filter-select {
	height: 26px;
	padding: 0 4px;
	font-size: 15px;
	font-weight: 300;
	-ms-border-radius: 4px;
	border-radius: 4px;
}

.ui-grid-filter-group .col:first-child .ui-grid-filter-input {
	-ms-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	border-right: 0;
}

.ui-grid-filter-group .col:last-child .ui-grid-filter-input {
	-ms-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

.ui-grid-filter-input,
.ui-grid-filter-select {
	font-weight: normal;
}

.ui-grid-row .edit-link {
	color: inherit;
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

	.ui-grid-row .edit-link .ph {
		display: none;
		margin-left: .5em;
	}

.ui-grid-row:hover .edit-link {
	color: var(--clr-accent);
}

.ui-grid-row .edit-link:hover span {
	text-decoration: underline;
}

.ui-grid-row:hover .edit-link .ph {
	display: inline-block;
}

.control-label {
	margin-bottom: 0;
}

.btn-delete {
	box-shadow: none !important;
	color: var(--clr-pink-45);
	padding-top: 6px !important;
}

	.btn-delete:hover {
		color: #fff;
		background-color: var(--clr-pink-45);
		border-color: var(--clr-pink-45);
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	}

.ss-main.ui-grid-filter-input .ss-single-selected, .ss-main.ui-grid-filter-input .ss-multi-selected {
	height: 26px;
	font-size: 15px;
	font-weight: 300;
}

.ss-main.ui-grid-filter-input .ss-single-selected {
	padding: 2px 4px;
}

	.ss-main.ui-grid-filter-input .ss-single-selected .ss-deselect {
		right: calc(1.75em - 2px);
	}

.ss-main.ui-grid-filter-input .ss-multi-selected {
	min-height: 26px;
}

.ss-main.ui-grid-filter-input .ss-arrow {
	height: 20px;
}

.ss-main.ui-grid-filter-input span {
	height: initial;
}

.ss-main.ui-grid-filter-input .ss-multi-selected .ss-values .ss-value {
	padding: 1px 4px;
	margin: 2px 4px 2px 0;
}

.ss-main.ui-grid-filter-input .ss-multi-selected .ss-values .ss-disabled {
	padding: 0px 4px;
	margin: 3px 0 0 0;
	height: 16px;
}

.ss-main.ui-grid-filter-input .ss-multi-selected .ss-add, .ss-main.ui-grid-filter-input .ss-multi-selected .ss-values .ss-disable {
	top: 0;
}

.ss-content {
	min-width: 100%;
	width: auto !important;
}

/* Modals */
.modal-content {
	border-radius: 1rem;
	background-color: transparent;
}

	.modal-content .modal-body:first-child {
		border-top-left-radius: calc(1rem - 1px);
		border-top-right-radius: calc(1rem - 1px);
	}

	.modal-content .modal-header {
		border-top-left-radius: calc(1rem - 1px);
		border-top-right-radius: calc(1rem - 1px);
	}

	.modal-content .modal-body:last-child,
	.modal-content .modal-footer {
		border-bottom-left-radius: calc(1rem - 1px);
		border-bottom-right-radius: calc(1rem - 1px);
	}

	.modal-content .modal-body .blockUI.blockOverlay {
		border-bottom-left-radius: calc(1rem - 1px);
		border-bottom-right-radius: calc(1rem - 1px);
	}

	.modal-content .modal-header .close {
		text-shadow: none;
		font-weight: 200;
	}

	.modal-content .modal-header {
		padding: 10px 1rem;
		border-bottom: none;
		background-color: var(--clr-bg);
	}

.modal-title {
	font-weight: 300;
	line-height: 1.1;
}

.modal-header .close {
	font-size: 1.75em;
	font-weight: 400;
}

.modal-content {
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
}

.modal-centered .modal-dialog {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - 60px);
}

@media (max-width: 768px) {
	.modal-fullscreen .modal-content {
		border: 0;
	}
}

@media (min-width: 768px) {
	.modal-mobile .modal-dialog {
		width: 750px;
	}

	.modal-fullscreen .modal-dialog {
		border: 0;
	}
}

@media (min-width: 992px) {
	.modal-mobile .modal-dialog {
		width: 970px;
	}

	.modal-fullscreen .modal-dialog {
		width: calc(100vw - 6vh) !important;
		margin-top: calc(6vh / 2) !important;
		height: 94vh !important;
	}

	.modal-xxl {
		max-width: 800px;
	}
}

@media (min-width: 1200px) {
	.modal-mobile .modal-dialog {
		width: 1170px;
	}

	.modal-fullscreen .modal-dialog {
		width: calc(100vw - 6vh) !important;
		margin-top: calc(6vh / 2) !important;
		height: 94vh !important;
	}

	.modal-xxl {
		max-width: 1140px;
	}
}

.modal-fullscreen .modal-dialog {
	height: 100%;
	margin: 0;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 100% !important;
}

.modal-fullscreen .modal-content {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	height: 100%;
}

.modal-fullscreen .modal-header {
	flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
}

.modal-fullscreen .modal-body {
	flex: 1 1 100%;
	-webkit-flex: 1 1 100%;
	overflow: hidden;
}

/* General */

.center-div {
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}


.app-brand {
	width: 100%;
	position: absolute;
	bottom: 4px;
	left: 0px;
	font-size: 9px;
	padding-right: 1.5rem;
	text-align: right;
	pointer-events: none;
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.cms-table {
	width: 100%;
	margin-bottom: 2px;
	margin-top: 2px;
}

	.cms-table label {
		margin-bottom: 0;
	}

	.cms-table > thead > tr > th {
		padding: 8px;
	}

	.cms-table > tbody > tr > td {
		padding: 8px;
	}

.cms-table-condensed > thead > tr > th, .cms-table-condensed > tbody > tr > td {
	padding: 4px;
}

.cms-table-underline > thead > tr > th, .cms-table-underline > tbody > tr > td {
	border-bottom: 1px solid whitesmoke;
}

.cms-table-supercondensed > thead > tr > th, .cms-table-supercondensed > tbody > tr > td {
	padding: 2px;
}

.cms-table-oddCol-right > tbody > tr > td:nth-child(odd) {
	text-align: right;
}

.fc-toolbar {
	margin-top: 1em;
}

.oneOptionCell {
	text-align: center;
	width: 32px;
	vertical-align: middle;
}

.twoOptionsCell {
	text-align: center;
	width: 54px;
	vertical-align: middle;
}

	.twoOptionsCell > div {
		float: left;
	}

		.twoOptionsCell > div:first-child {
			margin-right: 8px;
		}

.threeOptionsCell {
	text-align: center;
	width: 80px;
	vertical-align: middle;
}

	.threeOptionsCell > div {
		float: left;
		margin-right: 8px;
	}

		.threeOptionsCell > div:last-child {
			float: left;
			margin-right: 0px;
		}

.action-link {
	cursor: pointer;
	font-size: 18px;
}

.cursor-pointer {
	cursor: pointer;
}

.xt-error {
	border: 1px solid red;
	color: red;
}

	.xt-error:focus {
		border: 1px solid red;
		box-shadow: 0 0 2px red;
	}

.cke_button__save_icon {
	background-image: url("../images/ckEdit_save.png?v=vP8SqmO1yk6cI8Jx5CvcaUu3pm8") !important;
}

.cke_button__elementtools_icon {
	background-image: url(../images/ckEdit_ElementTools.png?v=UTM4ePCqh1XpU94OAxmzdK00XtU) !important;
}

/*table classes*/
.div-table {
	display: table;
	width: 100%;
}

	.div-table > div {
		display: table-row;
	}

		.div-table > div > div {
			display: table-cell;
			padding: 8px;
			vertical-align: middle;
		}

.div-table-condensed > div > div {
	padding: 4px;
}

.div-table > div > div:first-child {
	padding-left: 0;
}

.div-table > div > div:last-child {
	padding-right: 0;
}

.div-table-firstCol-right > div > div:first-child {
	text-align: right;
}

.div-table-oddCol-right > div > div:nth-child(odd) {
	text-align: right;
}

.div-table-right {
	text-align: right;
}

.div-table .control-label {
	padding: 0;
	margin: 0;
}

.tab-padding-top {
	margin-top: 6px;
}

.tableTextEllipsis {
	max-width: 100%;
	table-layout: fixed;
}

	.tableTextEllipsis td {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

.tableHeaderTextEllipsis th {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.table-firstcol-select > thead > tr > th:first-child {
	width: 40px;
	text-align: center;
}

.table-firstcol-select > tbody > tr > td:first-child {
	text-align: center;
}

.table-vert-align-mid > tbody > tr > td {
	vertical-align: middle;
}

.table-header-vert-top > thead > tr > th, .table-header-vert-top > thead > tr > td {
	vertical-align: top;
}

/* BPM */
.bpm-instance {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

	.bpm-instance .badge-status {
		font-size: 1em;
		font-weight: bolder;
		padding: 0.5rem 1rem;
		color: #fff;
		background-color: var(--clr-primary);
		border-radius: 10rem;
		display: inline-block;
		line-height: 1;
		text-align: center;
		white-space: nowrap;
		vertical-align: baseline;
		transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	}

/* Full view panel */
.panel {
}

	.panel .panel-header {
		border-bottom: 2px solid lightgray;
		background: white;
		padding: 10px 0;
	}

	.panel .panel-title {
		margin-bottom: 0;
		font-weight: 300;
	}

	.panel .panel-subtitle {
		color: #6c757d;
		text-transform: uppercase;
		font-size: larger;
		font-weight: 300;
	}

	.panel .panel-body {
		padding-top: 15px;
	}

	.panel .panel-footer {
		border-top: 1px solid lightgray;
		padding: 4px 0;
		background-color: white;
	}

.modal-body .panel .panel-footer {
	padding: 15px 0 0 0;
}

@media (min-width: 1400px) {
	.modal-xxl {
		max-width: 1350px;
	}
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/**   Custom properties & general styling   *********************************************/
/****************************************************************************************/

:root {
	--clr-accent-darker: hsl(185, 95%, 32%);
	--clr-accent-dark: hsl(185, 95%, 37%);
	--clr-accent: #415879;
	--clr-bg: #f8f8f6;
	--clr-accent-light: hsl(184, 95%, 45%);
	--clr-accent-lighter: hsl(185, 83%, 65%);
	--clr-accent-faded: hsl(187, 66%, 92%); /* hsl(192, 52%, 79%); */
	--clr-bluegray-95: hsl(209, 61%, 16%);
	--clr-bluegray-85: hsl(211, 39%, 23%);
	--clr-bluegray-75: hsl(209, 34%, 30%);
	--clr-bluegray-65: hsl(209, 28%, 39%);
	--clr-bluegray-55: hsl(210, 22%, 49%);
	--clr-bluegray-45: hsl(209, 23%, 60%);
	--clr-bluegray-35: hsl(211, 27%, 70%);
	--clr-bluegray-25: hsl(210, 31%, 80%);
	--clr-bluegray-20: hsl(211, 32%, 85%); /* extra */
	--clr-bluegray-15: hsl(212, 33%, 89%);
	--clr-bluegray-05: hsl(210, 36%, 96%);
	--clr-blue-85: hsl(203, 87%, 34%);
	--clr-blue-65: hsl(201, 79%, 46%);
	--clr-blue-45: hsl(197, 92%, 61%);
	--clr-blue-25: hsl(195, 97%, 75%);
	--clr-blue-05: hsl(195, 100%, 95%);
	--clr-green-85: hsl(168, 80%, 23%);
	--clr-green-65: hsl(164, 71%, 34%);
	--clr-green-45: hsl(160, 51%, 49%);
	--clr-green-25: hsl(156, 73%, 74%);
	--clr-green-05: hsl(152, 68%, 96%);
	--clr-indigo-85: hsl(232, 86%, 32%);
	--clr-indigo-65: hsl(228, 74%, 43%);
	--clr-indigo-45: hsl(224, 69%, 54%);
	--clr-indigo-25: hsl(219, 95%, 76%);
	--clr-indigo-05: hsl(216, 100%, 93%);
	--clr-orange-85: hsl(22, 80%, 26%);
	--clr-orange-65: hsl(22, 74%, 38%);
	--clr-orange-45: hsl(22, 78%, 55%);
	--clr-orange-25: hsl(22, 92%, 76%);
	--clr-orange-05: hsl(22, 100%, 95%);
	--clr-pink-85: hsl(331, 74%, 27%);
	--clr-pink-65: hsl(330, 68%, 40%);
	--clr-pink-45: hsl(330, 66%, 57%);
	--clr-pink-25: hsl(330, 77%, 76%);
	--clr-pink-05: hsl(329, 100%, 94%);
	--clr-yellow-85: hsl(15, 86%, 30%);
	--clr-yellow-65: hsl(29, 80%, 44%);
	--clr-yellow-45: hsl(42, 87%, 55%);
	--clr-yellow-25: hsl(48, 94%, 68%);
	--clr-yellow-05: hsl(48, 100%, 88%);
	--shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 2px 2px rgba(0, 0, 0, .05), 0 4px 4px rgba(0, 0, 0, .05), 0 8px 6px rgba(0, 0, 0, .05);
	--shadow-lg: 0 4px 4px rgba(0, 0, 0, .05), 0 8px 8px rgba(0, 0, 0, .05), 0 14px 14px rgba(0, 0, 0, .05), 0 24px 24px rgba(0, 0, 0, .05);
	--shadow-upturned: 0 -1px 1px rgba(0, 0, 0, .05), 0 -2px 2px rgba(0, 0, 0, .05), 0 -4px 4px rgba(0, 0, 0, .05), 0 -8px 6px rgba(0, 0, 0, .05);
	--step-xs: 2px;
	--step-sm: 4px;
	--step-md: 8px;
	--step-lg: 14px;
	--step-xl: 24px;
	--font-size-xs: 8px;
	--font-size-sm: 12px;
	--font-size-md: 14px;
	--font-size-lg: 18px;
	--font-size-xl: 24px;
	--swoosh: all .2s ease-in-out;
}

html, body {
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: "Roboto";
	src: local(Roboto Thin), url("../font/roboto/Roboto-Thin.eot");
	src: url("../fonts/roboto/Roboto-Thin.eot?v=LwC6KVr0eYUuD-w9Ke3lf3VEJDk&#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Thin.woff2?v=GKrtDbIKnObZ9UXY0QUS_vrn0Vw") format("woff2"), url("../fonts/roboto/Roboto-Thin.woff?v=A0TU4CHb0k2Tp74wNxT9M932tN0") format("woff"), url("../fonts/roboto/Roboto-Thin.ttf?v=89-4-_H3qoLhifmlyRv5WkLMmM0") format("truetype");
	font-weight: 200;
}

@font-face {
	font-family: "Roboto";
	src: local(Roboto Light), url("../font/roboto/Roboto-Light.eot");
	src: url("../fonts/roboto/Roboto-Light.eot?v=YDQqDAg9g33sdQ9E-YXrhzcvmJI&#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Light.woff2?v=g2CmvHO5Kh9CZJ_gbJoeFj4pQs8") format("woff2"), url("../fonts/roboto/Roboto-Light.woff?v=fQlR-rBkgj86atF_Q53_hc7D5qs") format("woff"), url("../fonts/roboto/Roboto-Light.ttf?v=GiYcVYdrdOJJUQiRIwbV9p6uy7w") format("truetype");
	font-weight: 300;
}

@font-face {
	font-family: "Roboto";
	src: local(Roboto Regular), url("../font/roboto/Roboto-Regular.eot");
	src: url("../fonts/roboto/Roboto-Regular.eot?v=tzwcFWBLll9Ayx5LEnpufAsmKyc&#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Regular.woff2?v=b4uyRlfSPgd_ty5_7oqFn5ST64U") format("woff2"), url("../fonts/roboto/Roboto-Regular.woff?v=hH-WXtA0Z4cB1ucNOBgdeaEGkm0") format("woff"), url("../fonts/roboto/Roboto-Regular.ttf?v=f2QzlmsSUjjn1rGVlQdHIAqcocw") format("truetype");
	font-weight: 400;
}

@font-face {
	font-family: "Roboto";
	src: url("../fonts/roboto/Roboto-Medium.eot?v=yM-vKxLrq9Ns1fdFwJ2iRNFBeYs");
	src: url("../fonts/roboto/Roboto-Medium.eot?v=yM-vKxLrq9Ns1fdFwJ2iRNFBeYs&#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Medium.woff2?v=8kVNhi5QVy4XdI7l5C7Jv8r-3XI") format("woff2"), url("../fonts/roboto/Roboto-Medium.woff?v=J3zQBdKbob68I1KsakCUHQKTXiE") format("woff"), url("../fonts/roboto/Roboto-Medium.ttf?v=fivegwyaGhLr4L7vqpBgoV-Mksk") format("truetype");
	font-weight: 500;
}

@font-face {
	font-family: "Roboto";
	src: url("../fonts/roboto/Roboto-Bold.eot?v=TlyDey4GTdUT3XcyAVfwqCwAZV8");
	src: url("../fonts/roboto/Roboto-Bold.eot?v=TlyDey4GTdUT3XcyAVfwqCwAZV8&#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Bold.woff2?v=a9QnuBTMv7sBw0MRRsJKhmocllk") format("woff2"), url("../fonts/roboto/Roboto-Bold.woff?v=DjVNcIVggM4-fPds5C3PXKAHtA4") format("woff"), url("../fonts/roboto/Roboto-Bold.ttf?v=xHm2sUk27eAAyUzopar2B1Bek58") format("truetype");
	font-weight: 700;
}

body {
	box-sizing: border-box;
	background: var(--clr-bg);
	padding: 3.125em 0 0 0;
	font-weight: 300;
}

body,
html {
	font-family: Poppins, Roboto, Helvetica, sans-serif;
}

.text-bluegray-05 {
	color: var(--clr-bluegray-05) !important;
}

.text-bluegray-15 {
	color: var(--clr-bluegray-15) !important;
}

.text-bluegray-25 {
	color: var(--clr-bluegray-25) !important;
}

.text-bluegray-35 {
	color: var(--clr-bluegray-35) !important;
}

.text-bluegray-45 {
	color: var(--clr-bluegray-45) !important;
}

.text-bluegray-55 {
	color: var(--clr-bluegray-55) !important;
}

.text-bluegray-65 {
	color: var(--clr-bluegray-65) !important;
}

.text-bluegray-75 {
	color: var(--clr-bluegray-75) !important;
}

.text-bluegray-85 {
	color: var(--clr-bluegray-85) !important;
}

.text-bluegray-95 {
	color: var(--clr-bluegray-95) !important;
}

.text-primary {
	color: var(--clr-blue-65) !important;
}

.text-danger {
	color: var(--clr-pink-45) !important;
}

.text-success {
	color: var(--clr-green-45) !important;
}

.bg-bluegray {
	background-color: #e7eef3;
}

.bg-darkgray {
	background-color: #f3f3f1;
}

.bg-light {
	background-color: var(--clr-bg) !important;
}

* {
	box-sizing: border-box;
}

::selection {
	color: white;
	background: var(--clr-accent);
}

/*Bootstrap customizations*/
.form-control {
	box-sizing: border-box;
	color: #000;
	border-color: #C3C9D1;
}

	.form-control:focus {
		border-color: var(--clr-indigo-25);
		box-shadow: 0 0 0 0.2rem rgb(144 198 255 / 50%);
	}

select.form-control-sm {
	padding-left: 0.25em;
}

.has-error.help-block,
.has-error.control-label,
.has-error.radio,
.has-error.checkbox,
.has-error.radio-inline,
.has-error.checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
	color: #cc0000;
}

.has-error.form-control, .has-error .bpm-control {
	border-color: #cc0000;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

	.has-error.form-control:focus, .has-error .bpm-control:focus {
		border-color: #990000;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px #ff3333;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px #ff3333;
	}

.has-error.input-group-addon {
	color: #cc0000;
	border-color: #cc0000;
	background-color: #fff5cc;
}

.has-error.form-control-feedback {
	color: #cc0000;
}

/*Table helper classes*/
.table-borderless th, .table-borderless td {
	border-top: none !important;
	border-left: none !important;
}

.table-outer-borderless th {
	border-top: none !important;
}

.table-outer-borderless tr:last-child td {
	border-bottom: none !important;
}

.table-marginless {
	margin: 0 !important;
}

.table {
	margin-bottom: 0;
}

	.table thead th {
		font-weight: 500;
	}

.table-row-borderless td {
	border-top: none !important;
	border-left: none !important;
}

.table-vert-center > tbody > tr > th, .table-vert-center > tfoot > tr > th, .table-vert-center > tbody > tr > td, .table-vert-center > tfoot > tr > td {
	vertical-align: middle !important;
}

table-first-row-borderless > tbody > tr:first-child > td {
	border-top: 0 !important;
}

.navbar .nav-link {
	border-radius: .3rem;
}

.navbar .nav-item > .nav-link:hover {
	background-color: rgba(0,123,255,.3);
}

.navbar .nav-item {
	margin-right: .25em;
}

hr {
	margin-top: 4px !important;
	margin-bottom: 2px !important;
}

.sidebar {
	overflow-x: hidden;
	overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
	padding-left: 0;
	padding-right: 0;
	background-color: #fff;
	box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.2);
}

	.sidebar .navbar-brand {
		padding: 7px 15px;
		border-bottom: 2px solid lightgray;
		background-color: #f8f9fa;
		margin: 0;
		width: 100%;
	}

	.sidebar .nav-item .nav-link {
		display: flex;
		align-items: center;
	}

	.sidebar .nav-link {
		padding: .2rem 1rem;
	}

	.sidebar .nav-item .nav-icon {
		margin-right: 0.75em;
	}
	/* Sidebar navigation */

	.sidebar .nav {
	}

	.sidebar .nav-item {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: .25em;
	}

	.sidebar .nav-item-parent {
		padding-left: 0;
		font-weight: 500;
		padding-right: 0;
	}

		.sidebar .nav-item-parent .nav-link {
			display: flex;
			align-items: center;
			padding: 0 0.75em;
		}

		.sidebar .nav-item-parent .separator {
			width: 100%;
			height: 2px;
			display: block;
			background-color: var(--clr-accent);
			opacity: .7;
			border-radius: 3px;
		}

	.sidebar .nav-item + .nav-item {
		margin-left: 0;
		font-weight: normal;
	}

/* Tabs */
.nav-tabs .nav-link {
	padding: .35rem 1rem .1rem 1rem;
	margin-left: 4px;
	border-bottom: none;
	height: 34px;
	color: var(--clr-bluegray-55);
}


.border-top {
	border-top: 1px solid lightgray;
}

.border-bottom {
	border-bottom: 1px solid lightgray;
}

.border-top {
	border-top: 1px solid lightgray;
}

.nav-item-user {
	cursor: pointer;
	margin-right: 0 !important;
}

	.nav-item-user > a {
		white-space: nowrap;
	}

.navbar {
	font-weight: 300;
	padding-right: 1rem !important;
	min-height: 3.125em;
	padding-top: 4px;
	padding-bottom: 4px;
}

.navbar-toggler {
	padding: .05rem .5rem;
}

.navbar .navbar-brand.separator {
	filter: invert(.9);
}

.navbar .nav-link {
	padding: .2rem 1rem .2rem 0;
	cursor: pointer;
	font-size: 19px;
	font-weight: 300;
	color: rgba(0, 0, 0, .8);
}

.navbar-light .navbar-nav .nav-link {
	color: rgba(0,0,0,.8);
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255,255,255,.8);
}

.badge, .btn, .chip, .modal-dialog.cascading-modal .modal-c-tabs .nav-tabs, .modal-dialog.modal-notify .modal-header, .navbar, .pagination .active .page-link, .z-depth-1 {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.btn-flat {
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
}

.btn-primary {
	background-color: #1a88ff;
	border-color: #1a88ff;
}

.control-label {
	font-weight: 400;
	margin-bottom: 0;
	color: gray;
	font-size: smaller;
}

.control-label-m0 {
	margin: 0;
	font-weight: 400;
}

.label-control {
	font-weight: 400;
}

.jumbotron-small {
	box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
	padding: 0.75rem;
	-ms-border-radius: 6px;
	border-radius: 6px;
}

.navbar .dropdown-menu {
	-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
	min-width: 100%;
}

.flex-fill {
	flex: 1 1 100%;
	-webkit-flex: 1 1 100%;
}

.custom-checkbox input {
	width: 13px;
	height: 13px;
	margin-left: -13px;
}

.bg-white-unimportant {
	background-color: #fff;
}

.bg-danger-light {
	background-color: #f4bebe !important;
}

.bg-primary-light {
	background-color: #b3d7ff !important;
}

.bg-success-light {
	background-color: #adebbb !important;
}

.bg-warning-light {
	background-color: #ffe699 !important;
}

.bg-info-light {
	background-color: #a8e6f0 !important;
}

.bg-secondary-light {
	background-color: #c8ccd0 !important;
}

@media (max-width: 991px) {
	.navbar .navbar-collapse {
		border-top: 1px solid rgba(0, 0, 0, .2);
		margin-top: 0.5em;
		overflow-x: visible;
	}

	.nav-item-user > a > i {
		float: right !important;
		line-height: 1.75rem;
	}

	.navbar .nav-link {
		padding: .25rem .25rem .25rem .15rem;
		margin-top: .25rem;
	}

	.navbar .dropdown-menu {
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}
}

.input-group-prepend > .form-control:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
/* End bootstrap customizations*/

.px-custom {
	margin-left: -4px;
	margin-right: -4px;
	padding-left: 4px;
	padding-right: 4px;
}

#loading-bar .bar {
	background: #79aaf3 !important;
}

/*Top menu*/
.languages-menu {
	list-style-type: none;
	position: absolute;
	right: 12px;
	z-index: 100;
	font-size: 12px;
}

	.languages-menu li {
		cursor: pointer;
		float: right;
		margin-left: 6px;
		color: black;
	}

	.languages-menu .active {
		color: #3399f3 !important;
		pointer-events: none;
	}



/*Login form*/

.login-content {
	border: 1px solid lightsteelblue;
	border-radius: 10px;
}

.btn-google-plus, .btn-google-plus:hover, .btn-google-plus:focus, .btn-google-plus:active, .btn-google-plus.active, .btn-google-plus.disabled {
	color: #ffffff;
	background-color: #c53727;
}

/*ui grid*/

.ui-grid-cell-padding {
	padding: 4px;
}

.ui-grid-cell-center {
	text-align: center;
}

.ui-grid-cell-valign-down {
	vertical-align: bottom;
}

.ui-grid-cell-contents {
	padding: 6px 4px;
}

.ui-grid-header-cell .ui-grid-cell-contents {
	padding: 4px 4px 0 4px;
	font-weight: 400;
}

.ui-grid-cell-contents .ui-grid-invisible {
	display: none;
}

.ui-grid-filter-button [class^="ui-grid-icon"] {
	margin-top: -18px !important;
	right: 4px !important;
}



.ui-grid-row:nth-child(odd):hover .ui-grid-cell {
	background: aliceblue;
}

.ui-grid-row:nth-child(even):hover .ui-grid-cell {
	background: aliceblue;
}

.ui-dialog, .ui-dialog-content {
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
}

	.ui-dialog .ui-dialog-content > div {
		-webkit-box-sizing: border-box !important;
		-moz-box-sizing: border-box !important;
		box-sizing: border-box !important;
	}





select .ui-grid-filter-input {
	-ms-border-radius: 4px;
	border-radius: 4px;
	padding: 1px;
	font-size: 15px;
	border-color: #d4d4d4;
}









.messages-side {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	padding: 8px;
	width: 164px;
	background-color: #f5f5f5;
	overflow: auto;
}

.messages-new {
	background-color: rgba(0, 140, 240, 0.79) !important;
	padding-left: 3px !important;
	padding-right: 3px !important;
	color: white !important;
	border-radius: 3px !important;
	margin-left: 5px !important;
	display: inline-block;
	vertical-align: text-top;
}

.alerts-new {
	background-color: rgba(230, 66, 66, 0.79) !important;
	padding-left: 3px !important;
	padding-right: 3px !important;
	color: white !important;
	border-radius: 3px !important;
	margin-left: 5px !important;
	display: inline-block;
	vertical-align: text-top;
}

.messages-content {
	position: absolute;
	top: 0;
	left: 196px;
	bottom: 0;
	right: 0;
	overflow: auto;
}

	.messages-content h2 {
		font-size: 16px;
		font-weight: normal;
	}

.messages-side .active {
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	background-color: rgba(82, 147, 122, 0.47);
	cursor: pointer;
}

.messages-side a:hover {
	color: #003300 !important;
	background-color: rgba(92, 212, 166, 0.47) !important;
	cursor: pointer;
}

.messages-side .active a {
	color: #ffffff !important;
	cursor: pointer;
}

	.messages-side .active a:hover {
		color: #003300 !important;
		background-color: rgba(92, 212, 166, 0.47) !important;
		cursor: pointer;
	}

.unread-message {
	text-align: center;
	margin: 1em;
}

.btn-compose {
	width: 120px;
	margin-bottom: 2em;
}

/*Bootstrap*/



.organigram-node {
	-moz-min-width: 165px;
	-ms-min-width: 165px;
	-o-min-width: 165px;
	-webkit-min-width: 165px;
	min-width: 165px;
	height: 60px;
	background-image: linear-gradient(#6d94bf, #446e9b 50%, #3e648d);
	background-repeat: no-repeat;
	color: white;
	font-weight: bold;
	font-size: 14px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.organigram-title {
	color: #446e9b;
	font-weight: bold;
	text-decoration: underline;
}

.selected-organigram-node {
	background: #6d94bf;
}



.navbar-settings {
	background-color: white;
	font-weight: 400;
	margin-bottom: 0;
}

	.navbar-settings .navbar-nav > li > a {
		color: black;
		padding-left: 8px;
	}

	.navbar-settings .navbar-brand {
		background: transparent;
		padding: 5px 0 4px 8px;
		font-size: large;
	}

@media (min-width: 768px) {

	.navbar-settings {
		border-right: 2px solid lightgray;
		background: #fafafa;
	}

		.navbar-settings .navbar-nav .dropdown-menu > li {
			background-color: white;
		}

			.navbar-settings .navbar-nav .dropdown-menu > li > a {
				color: black;
				font-weight: 400;
			}

		.navbar-settings .navbar-brand span {
			font-size: 22px;
			padding-left: 4px;
		}

		.navbar-settings .navbar-nav > li > a {
			border-bottom: 1px solid lightgray !important;
		}

		.navbar-settings .navbar-nav .dropdown-menu {
			border-bottom: 1px solid lightgray !important;
		}

		.navbar-settings .navbar-header {
			padding: 6px 2px;
			height: 44px;
		}

		.navbar-settings .navbar-collapse {
			width: 100%;
			border-top: 1px solid lightgray !important;
		}

	::-webkit-scrollbar {
		width: 10px;
		height: 10px;
	}

	::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	::-webkit-scrollbar-thumb {
		background: #BBB;
	}

		::-webkit-scrollbar-thumb:hover {
			background: #777;
		}
}

@media (max-width: 767px) {
	.navbar-collapse {
		overflow-x: hidden;
	}
}

@media (min-width: 992px) {
	.top-bar-brand {
		display: block;
	}
}

.draggable-entity {
	border: 1px solid #afafaf;
	border-radius: 3px;
	background-color: #fff;
	cursor: pointer;
	text-align: center;
	padding: 2px 5px 0 5px;
	line-height: 18px;
	color: dimgray;
	width: 15px;
	box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,.3);
}

	.draggable-entity:hover {
		background-color: azure;
		-webkit-box-shadow: 0px 0px 3px #2780E3;
		-moz-box-shadow: 0px 0px 3px #2780E3;
		box-shadow: 0px 0px 3px #2780E3;
	}

.draggable-entity-picked {
	position: absolute;
	z-index: 10001;
	-webkit-box-shadow: 0px 0px 3px #2780E3;
	-moz-box-shadow: 0px 0px 3px #2780E3;
	box-shadow: 0px 0px 3px #2780E3;
}

.btn, .btn-sm, .btn-lg {
	border-radius: var(--step-md);
}

.btn-zoom {
	transition: var(--swoosh);
}

	.btn-zoom:hover {
		transform: scale(1.03);
	}

.btn-w-md {
	width: 150px;
}

.btn-masked {
	background-color: transparent;
	border-color: transparent;
	color: var(--clr-accent);
	transform: translateX(12px);
	transition: var(--swoosh);
}

	.btn-masked:hover {
		background-color: rgba(0, 0, 0, .05);
		border-color: transparent;
		color: var(--clr-accent-dark);
		transform: translateX(0px);
	}

.table-arggo .btn-masked {
	transform: unset;
	transition: background-color .2s ease-in-out;
}

	.table-arggo .btn-masked:hover {
		transform: unset;
	}

.btn-faded-alt {
	background-color: var(--clr-bluegray-25);
	border-color: transparent;
	color: var(--clr-bluegray-65);
}

	.btn-faded-alt:hover {
		background-color: var(--clr-bluegray-35);
		border-color: transparent;
		color: var(--clr-bluegray-85);
	}

.btn-faded {
	background-color: var(--clr-accent-faded);
	border-color: var(--clr-accent-faded);
	color: var(--clr-accent-darker);
	background-color: transparent;
	border-color: var(--clr-accent);
	color: var(--clr-accent-dark);
}

	.btn-faded:hover {
		background-color: var(--clr-accent);
		border-color: var(--clr-accent);
		color: white;
		background-color: var(--clr-bluegray-25);
		border-color: transparent;
		color: var(--clr-accent-darker);
	}

.btn-transparent {
	background-color: transparent;
	border-color: transparent;
	color: var(--clr-accent-dark);
}

	.btn-transparent:hover {
		background-color: rgba(0, 0, 0, .05);
		border-color: transparent;
		color: var(--clr-accent-darker);
	}

.btn-reject,
.btn-approve {
	background-color: transparent;
	border-color: transparent;
	color: var(--clr-bluegray-55);
}

	.btn-reject:hover {
		background-color: rgba(0, 0, 0, .05);
		background-color: var(--clr-pink-05);
		border-color: transparent;
		color: var(--clr-pink-65);
	}

	.btn-approve:hover {
		background-color: rgba(0, 0, 0, .05);
		background-color: var(--clr-accent-faded);
		border-color: transparent;
		color: var(--clr-accent-dark);
	}

.subtle,
.subtle:active,
.subtle:focus {
	outline: 0px !important;
	-webkit-appearance: none;
	box-shadow: none !important;
}

.stage {
	border-radius: 20px;
	font-size: smaller;
	font-weight: 400;
	margin-bottom: 0;
	padding: 4px 16px;
}

	.stage.primary {
		background: var(--clr-indigo-05);
		color: var(--clr-indigo-45);
	}

	.stage.secondary {
		background: var(--clr-bluegray-05);
		color: var(--clr-bluegray-65);
	}

	.stage.warning {
		background: var(--clr-yellow-05);
		color: var(--clr-yellow-45);
	}

	.stage.danger {
		background: var(--clr-pink-05);
		color: var(--clr-pink-45);
	}

	.stage.success {
		background: var(--clr-green-05);
		color: var(--clr-green-45);
	}

.stage-alt {
	background: white;
	border: 1px solid var(--clr-bluegray-25);
	border-radius: 20px;
	box-shadow: var(--shadow);
	font-size: smaller;
	font-weight: 400;
	margin-bottom: 0;
	padding: 4px 16px 4px 8px;
}

.stage-alt-bullet {
	border-radius: 4px;
	display: inline-block;
	height: 8px;
	margin-right: 16px;
	width: 8px;
}

.stage-alt.primary {
	color: var(--clr-indigo-45);
}

	.stage-alt.primary .stage-alt-bullet {
		background: var(--clr-indigo-25);
	}

.stage-alt.secondary {
	color: var(--clr-bluegray-65);
}

	.stage-alt.secondary .stage-alt-bullet {
		background: var(--clr-bluegray-25);
	}

.stage-alt.warning {
	color: var(--clr-yellow-45);
}

	.stage-alt.warning .stage-alt-bullet {
		background: var(--clr-yellow-25);
	}

.stage-alt.danger {
	color: var(--clr-pink-45);
}

	.stage-alt.danger .stage-alt-bullet {
		background: var(--clr-pink-25);
	}

.stage-alt.success {
	color: var(--clr-green-45);
}

	.stage-alt.success .stage-alt-bullet {
		background: var(--clr-green-25);
	}

.legend {
	color: var(--clr-bluegray-45);
	font-size: small;
	margin-bottom: 0;
}

	.legend:focus,
	.legend:hover {
		color: var(--clr-bluegray-45);
		text-decoration: none;
	}

.legend-bullet {
	border-radius: 5px;
	display: inline-block;
	height: 10px;
	margin-left: 12px;
	margin-right: 4px;
	width: 10px;
}

.report-line-stage-bullet,
.order-list-stage-bullet {
	border-radius: 5px;
	display: inline-block;
	height: 10px;
	width: 10px;
}

	.report-line-stage.primary,
	.report-line-stage-bullet.primary,
	.order-list-stage-bullet.primary,
	.legend-bullet.primary {
		background-color: var(--clr-indigo-25);
	}

	.report-line-stage.secondary,
	.report-line-stage-bullet.secondary,
	.order-list-stage-bullet.secondary,
	.legend-bullet.secondary {
		background-color: var(--clr-bluegray-25);
	}

	.report-line-stage.warning,
	.report-line-stage-bullet.warning,
	.order-list-stage-bullet.warning,
	.legend-bullet.warning {
		background-color: var(--clr-yellow-05);
	}

	.report-line-stage.danger,
	.report-line-stage-bullet.danger,
	.order-list-stage-bullet.danger,
	.legend-bullet.danger {
		background-color: var(--clr-pink-25);
	}

	.report-line-stage.success,
	.report-line-stage-bullet.success,
	.order-list-stage-bullet.success,
	.legend-bullet.success {
		background-color: var(--clr-green-25);
	}

.btn-bg-05 {
	background-color: var(--clr-bluegray-05);
	color: var(--clr-accent);
}

	.btn-bg-05:hover {
		background-color: var(--clr-bluegray-15);
		color: var(--clr-accent-dark);
	}

.btn-bg-35 {
	background-color: var(--clr-bluegray-35);
	color: white;
}

	.btn-bg-35:hover {
		background-color: var(--clr-bluegray-45);
		color: white;
	}

.scale-75 {
	transform: scale(0.75);
}

.ghost {
	visibility: hidden;
}

.table-arggo tr:hover .ghost,
.ghost-row:hover .ghost {
	visibility: visible;
}

.control-p {
	color: var(--clr-bluegray-65);
	font-weight: 600;
	margin-bottom: 0;
}

.details {
	background-color: var(--clr-bluegray-05);
	color: var(--clr-bluegray-55);
	font-size: small;
	padding: 2px 4px;
	border-radius: var(--step-sm);
	margin-bottom: 0;
	display: table;
	font-weight: lighter;
}

.optional {
	color: var(--clr-bluegray-35);
}

.btn-decoy {
	cursor: not-allowed !important;
	opacity: .5;
}

.border-muted {
	border-color: var(--clr-bluegray-15) !important;
}

.fw-400 {
	font-weight: 400;
}

.fw-600 {
	font-weight: 600;
}

.tooltip.tooltip-lg .tooltip-inner {
	max-width: 350px;
}

.tooltip.tooltip-light .tooltip-inner {
	background-color: var(--clr-bluegray-75);
	border-radius: var(--step-md);
	box-shadow: var(--shadow);
	color: white;
	opacity: .9;
}

.tooltip.tooltip-light .arrow {
	display: none;
}

.link-muted {
	color: var(--clr-bluegray-35);
}

	.link-muted:hover {
		color: var(--clr-bluegray-45);
	}

.col-owner {
	align-items: center;
	display: flex;
}

.owner a {
	color: var(--clr-background-dark);
}

.owner:hover a {
	color: var(--clr-accent);
}

.owner-edit {
	align-items: center;
	display: flex;
}

.owner-select {
	border: 1px solid var(--clr-background);
	border-radius: 32px;
	box-shadow: var(--shadow);
	color: var(--clr-accent);
	font-size: smaller;
	outline: none;
	padding: 5px 12px;
}

	.owner-select:focused, .owner-select:active {
		outline: 2px solid var(--clr-accent);
	}

.cards-container .jumbotron-arggo > [class^="col-"] {
	display: flex;
}

.cards-container .jumbotron-arggo .control-label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cards-container .tiny {
	border-radius: var(--step-md);
	margin-left: .5rem;
	transform: scale(0.75) translateY(-5px);
	width: 40px;
}

.system-menu .top-bar-brand {
	display: block;
}

.system-menu:hover .top-bar-brand {
	display: none;
}

/**   Overwriting system styles   *******************************************************/
/****************************************************************************************/

a {
	color: var(--clr-accent);
}

	a:hover {
		color: var(--clr-accent-dark);
	}

.navbar-light .navbar-nav .nav-link {
	border-radius: var(--step-md);
	color: var(--clr-bluegray-65);
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	transition: var(--swoosh);
}

.navbar .nav-item > .nav-link:hover {
	background-color: var(--clr-bluegray-65);
	color: #fff;
}

.dropdown-menu[aria-labelledby="navbarSysMenu"] {
	font-family: 'Open Sans', sans-serif;
}

	.dropdown-menu[aria-labelledby="navbarSysMenu"] .dropdown-item {
		color: var(--clr-bluegray-55);
	}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: var(--clr-bluegray-35);
	opacity: 1; /* Firefox */
}

.modal-content {
	box-shadow: var(--shadow-lg);
	border: none;
}

.modal-header {
	padding: 10px .75rem;
}

.modal-title {
	color: var(--clr-accent);
	font-size: 24px;
}

.modal-content .modal-body {
	background-color: var(--clr-bg);
	padding: 0 .5em .5em .5em;
}

	.modal-content .modal-body:first-child {
		padding: .5em;
		border-top-left-radius: var(--step-lg);
		border-top-right-radius: var(--step-lg);
	}

.modal-content .modal-footer {
	justify-content: flex-start;
	border-top: none;
	background-color: var(--clr-bg);
	padding: .5em;
}

.modal-body .panel-footer {
	padding: .75em 0 !important;
}

.bpm-instance .panel .panel-header {
	background-color: #e7eef3;
	border-bottom: none;
}

.bpm-instance .panel .panel-title {
	color: var(--clr-accent);
}

.bpm-instance .panel .panel-body {
	background-color: #e7eef3;
}

.login-content .modal-footer {
	border-top: none;
}

@media (min-width: 576px) {
	.modal-content {
		border-radius: var(--step-lg);
	}

		.modal-content .modal-footer {
			border-bottom-right-radius: var(--step-lg);
			border-bottom-left-radius: var(--step-lg);
		}

	.modal-header {
		border-top-left-radius: var(--step-lg);
		border-top-right-radius: var(--step-lg);
	}

	.modal-content .modal-body:last-child {
		border-bottom-left-radius: var(--step-lg);
		border-bottom-right-radius: var(--step-lg);
	}

	.modal-body .panel-footer {
		border-bottom-left-radius: var(--step-lg);
		border-bottom-right-radius: var(--step-lg);
	}
}

.rounded-md {
	border-radius: var(--step-md);
}

.custom-control-input:checked ~ .custom-control-label::before {
	border-color: var(--clr-accent);
	background-color: var(--clr-accent);
}

.control-label {
	color: var(--clr-bluegray-45);
}

hr {
	border-color: var(--clr-bluegray-25);
}

.form-control:focus,
.custom-control-input:focus ~ .custom-control-label::before {
	border-color: var(--clr-accent);
	box-shadow: 0 0 0 0.2rem hsl(185deg 95% 41% / 25%);
}

.dropdown-menu,
.navbar .dropdown-menu {
	box-shadow: var(--shadow);
	min-width: auto;
}

client-combo-box.rounded-md .bpm-control.dropdown-toggle.ui-select-toggle,
client-combo-box.rounded-md .bpm-control.ui-select-search {
	border-radius: var(--step-md);
}

client-combo-box .ui-select-match.btn-default-focus {
	background-color: unset;
	border-color: unset;
	outline: unset;
	outline-offset: unset;
	box-shadow: unset;
}

/* .client-combo-box .dropdown-toggle[disabled="disabled"],
.form-control:disabled, 
.form-control[readonly] {
cursor: not-allowed!important;
} */

client-combo-box > div > div > .dropdown-toggle[disabled="disabled"],
.form-control:disabled,
.form-control[readonly] {
	background-color: var(--clr-bluegray-05) !important;
	cursor: not-allowed !important;
}

.custom-file.rounded-md label {
	border-radius: var(--step-md);
}

.custom-file-input:disabled ~ .custom-file-label,
.custom-file-input[disabled] ~ .custom-file-label {
	background-color: var(--clr-bluegray-05);
}

.ss-main .ss-single-selected.ss-disabled {
	background-color: var(--clr-bluegray-05);
}

input[disabled],
input.disabled,
client-toggle input[disabled] span,
.checkbox-slider--b input[disabled] + span {
	cursor: not-allowed !important;
}

.dropdown-item,
.dropdown-item:focus {
	outline: none;
}

	.dropdown-item.active,
	.dropdown-item:active {
		color: #fff !important;
		text-decoration: none;
		background: var(--clr-accent);
	}

	.dropdown-item.text-danger.active,
	.dropdown-item.text-danger:active {
		background: var(--clr-pink-45);
		color: #fff !important;
	}

a.text-danger:focus,
a.text-danger:hover {
	color: var(--clr-pink-85) !important;
}

.btn-danger {
	background-color: var(--clr-pink-45);
	border-color: var(--clr-pink-45);
}

	.btn-danger:hover {
		background-color: var(--clr-pink-65);
		border-color: var(--clr-pink-65);
	}



.dropdown-toggle.arrow-none::after,
.dropdown-toggle.arrow-none::before {
	display: none;
}

.ui-notification {
	border-left-width: 1px;
	border-left-width: var(--step-md);
	border-left-style: solid;
	border-radius: var(--step-md);
	box-shadow: var(--shadow);
}

	.ui-notification.info {
		background: white;
		border-left-color: var(--clr-accent);
		color: var(--clr-bluegray-55);
	}

		.ui-notification.info > h3 {
			color: var(--clr-accent);
			border-bottom: 1px solid var(--clr-accent);
		}

	.ui-notification.error {
		background: white;
		border-left-color: var(--clr-pink-45);
		color: var(--clr-bluegray-55);
	}

		.ui-notification.error > h3 {
			color: var(--clr-pink-45);
			border-bottom: 1px solid var(--clr-bluegray-15);
		}

	.ui-notification.success {
		background: white;
		border-left-color: var(--clr-green-45);
		color: var(--clr-bluegray-55);
	}

		.ui-notification.success > h3 {
			color: var(--clr-green-45);
			border-bottom: 1px solid var(--clr-bluegray-15);
		}

.has-error.form-control, .has-error .bpm-control {
	border-color: var(--clr-pink-45);
}

	.has-error.form-control:focus, .has-error .bpm-control:focus {
		border-color: var(--clr-pink-45);
		-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 4px var(--clr-pink-45);
		box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 4px var(--clr-pink-45);
	}

.alert {
	border-radius: var(--step-md);
}

.alert-warning {
	color: var(--clr-yellow-85);
	background-color: var(--clr-yellow-05);
	border-color: var(--clr-yellow-25);
}

.checkbox-slider--b input:checked + span:before,
.checkbox-slider--b-flat input:checked + span:before {
	background: var(--clr-accent);
}

.checkbox-slider input[type=checkbox]:focus + :before,
.checkbox-slider--a input[type=checkbox]:focus + :before,
.checkbox-slider--a-rounded input[type=checkbox]:focus + :before,
.checkbox-slider--b input[type=checkbox]:focus + :before,
.checkbox-slider--b-flat input[type=checkbox]:focus + :before,
.checkbox-slider--c input[type=checkbox]:focus + :before,
.checkbox-slider--c-weight input[type=checkbox]:focus + :before,
.checkbox-slider--default input[type=checkbox]:focus + :before,
.checkbox-toggle input[type=checkbox]:focus + :before {
	outline: none;
}

.ui-select-bootstrap4 .ui-select-choices-row.active > span {
	color: var(--clr-accent-dark);
	background-color: var(--clr-accent-faded);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #fff;
	background-color: var(--clr-accent);
}

.scrollbar-none::-webkit-scrollbar {
	display: none;
}

.scrollbar-none {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}

.bpm-modal-confirmation {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

	.bpm-modal-confirmation .modal-dialog {
		margin: 0 1rem;
		width: 100%
	}

		.bpm-modal-confirmation .modal-dialog .modal-content {
			border-radius: var(--step-md);
		}

			.bpm-modal-confirmation .modal-dialog .modal-content .modal-body {
				font-weight: 400;
				background-color: transparent;
				color: var(--clr-bluegray-55);
			}



			.bpm-modal-confirmation .modal-dialog .modal-content .modal-footer {
				border-top: none;
				display: flex;
			}

				.bpm-modal-confirmation .modal-dialog .modal-content .modal-footer button:first-child {
					background-color: var(--clr-accent);
					border-color: transparent;
					box-shadow: none;
					color: white;
					order: 2;
					transition: var(--swoosh);
				}

					.bpm-modal-confirmation .modal-dialog .modal-content .modal-footer button:first-child:hover {
						background-color: var(--clr-accent-dark);
					}

				.bpm-modal-confirmation .modal-dialog .modal-content .modal-footer button:last-child {
					background-color: transparent;
					border-color: transparent;
					box-shadow: none;
					color: var(--clr-bluegray-55);
					order: 1;
				}

/**   Arggo specialties   ***************************************************************/
/****************************************************************************************/

.text-arggo {
	color: var(--clr-accent);
}

.border-arggo {
	border-color: var(--clr-accent) !important;
}

.container-arggo {
	background-color: var(--clr-bluegray-05);
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

	.container-arggo *:not(i) {
		font-family: Poppins, Roboto;
	}

	.container-arggo h1,
	.container-arggo h2,
	.container-arggo h3,
	.container-arggo h4,
	.container-arggo h5,
	.container-arggo h6,
	.container-arggo h1 *,
	.container-arggo h2 *,
	.container-arggo h3 *,
	.container-arggo h4 *,
	.container-arggo h5 *,
	.container-arggo h6 * {
		font-family: Poppins, Roboto !important;
	}

.btn-arggo {
	background-color: var(--clr-accent);
	border-color: transparent;
	color: white;
	font-weight: 600;
}

	.btn-arggo:hover {
		background-color: var(--clr-accent-dark);
		color: white;
	}

.btn-outline-arggo {
	background-color: transparent;
	border-color: var(--clr-accent);
	color: var(--clr-accent);
	font-weight: 600;
}

	.btn-outline-arggo:hover {
		background-color: var(--clr-accent);
		border-color: var(--clr-accent);
		color: white;
	}

.btn-outline-secondary {
	color: #6d767e;
	border-color: #C3C9D1;
}

.container-arggo .simple-scrolltable {
	border-radius: var(--step-md);
	-webkit-box-shadow: var(--shadow);
	box-shadow: var(--shadow);
}

.jumbotron-arggo {
	background-color: white;
	border-radius: var(--step-md);
	box-shadow: var(--shadow);
}

	.jumbotron-arggo.grid-content {
		margin-bottom: var(--step-md);
		padding: var(--step-md) var(--step-lg);
	}

		.jumbotron-arggo.grid-content:last-child {
			margin-bottom: var(--step-lg);
		}

.table-arggo {
	background-color: white;
	border-spacing: 0;
	text-align: left;
	width: 100%;
}

	.table-arggo tr > *:last-child {
		padding-right: 8px;
	}

	.table-arggo th {
		border-bottom: 1px solid var(--clr-bluegray-15);
		color: var(--clr-bluegray-65);
		font-size: 12px;
		font-weight: 400;
		padding: 8px 0 8px 8px;
	}

	.table-arggo td {
		border-bottom: .5px solid var(--clr-bluegray-05);
		padding: 8px 0 8px 8px;
	}

	.table-arggo tbody tr:last-child td {
		border-bottom: none;
	}

	.table-arggo tbody tr:hover {
		background-color: var(--clr-bluegray-05);
	}

.link-arggo {
	color: var(--clr-accent);
	font-weight: 600;
}

	.link-arggo:hover {
		color: var(--clr-accent-dark);
	}

.table-arggo tr.inactive,
.table-arggo tr.inactive a,
.table-arggo tr.inactive a:hover,
.table-arggo tr.inactive input,
.jumbotron-arggo.inactive * {
	color: var(--clr-bluegray-25) !important;
}

.table-arggo tr.selected {
	background-color: var(--clr-accent-faded) !important;
	color: var(--clr-accent-darker) !important;
}

	.table-arggo tr.selected td {
		border-color: var(--clr-accent-faded);
	}

.jumbotron-arggo.selected {
	background-color: var(--clr-accent-faded) !important;
}

	.jumbotron-arggo.selected * {
		color: var(--clr-accent-darker) !important;
	}


	.jumbotron-arggo.selected hr,
	.jumbotron-arggo.selected .border-muted {
		border-color: var(--clr-accent-darker) !important;
	}

.table-arggo.fixed {
	width: 100%;
	white-space: nowrap;
	table-layout: fixed;
}

.nav-tabs-simple {
	border-bottom-width: 0;
}

	.nav-tabs-simple .nav-item .nav-link {
		border-width: 0 0 2px 0;
		background-color: transparent;
		margin-left: 0;
	}

		.nav-tabs-simple .nav-item .nav-link.active {
			border-bottom: 2px solid #296187;
		}

/**   Media queries   *******************************************************************/
/****************************************************************************************/

@media (max-width: 576px) {
	.pb-xs-custom {
		margin-bottom: -10px;
		padding-bottom: 10px;
	}
}

@media (max-width: 768px) {
	.ghost {
		visibility: visible;
	}

	/* mobile tabs */
	.nav-tabs {
		background-color: transparent;
		border-bottom: none;
		height: 30px;
	}

		.nav-tabs .nav-item {
			height: calc(100% - 3px); /* subtract the bottom border */
			margin-right: 24px;
		}

		.nav-tabs .nav-link {
			color: var(--clr-bluegray-35);
			padding: unset;
			margin-left: unset;
			border: none;
			border-bottom: 3px solid transparent;
			border-radius: 0;
			font-size: smaller;
			font-weight: 600;
			height: 100%;
			text-align: center;
			/* line-height: 3.25; */
		}

			.nav-tabs .nav-link.active {
				background-color: transparent;
				border-bottom-color: var(--clr-accent);
				color: var(--clr-accent);
			}
}

@media (min-width: 768px) {
	.container-arggo ul[role="tablist"] {
		display: flex;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.container-arggo .nav-link {
		padding: 0;
		font-size: 20px;
		font-weight: 500;
		color: var(--clr-bluegray-35);
		transition: all 150ms ease-in;
	}

		.container-arggo .nav-link:hover,
		.container-arggo .nav-link.active {
			color: var(--clr-bluegray-55);
		}

	.container-arggo ul[role="tablist"] li + li {
		margin-left: 16px;
	}

	.container-arggo ul[role="tablist"] * {
		font-family: 'Roboto', sans-serif !important;
	}
}



/**   IcoMoon   *************************************************************************/
/****************************************************************************************/

@font-face {
	font-family: 'catapeteasmagia';
	src: url('fonts/catapeteasmagia.ttf?v=pBkg-0DwGTjmYjtnk_GhRK_Ec30') format('truetype'), url('fonts/catapeteasmagia.woff?v=6pQB7HgT4J0tAuxeqGM3pmLi4tk') format('woff'), url('fonts/catapeteasmagia.svg?v=M70Mppx5gSj3cRrbgE1ASJnYCTI') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="cat-"], [class*=" cat-"] {
	display: inline-block;
	font: normal normal normal 14px/1 'catapeteasmagia' !important;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.cat-arrow-down:before {
	content: "\e920";
}

.cat-arrow-left:before {
	content: "\e945";
}

.cat-arrow-right:before {
	content: "\e946";
}

.cat-arrow-up:before {
	content: "\e947";
}

.cat-attach:before {
	content: "\e900";
}

.cat-bell:before {
	content: "\e901";
}

.cat-bin:before {
	content: "\e902";
}

.cat-box-checked:before {
	content: "\e903";
}

.cat-box-crossed:before {
	content: "\e904";
}

.cat-bricks:before {
	content: "\e905";
}

.cat-building:before {
	content: "\e93c";
}

.cat-bullet:before {
	content: "\e94e";
}

.cat-by:before {
	content: "\e906";
}

.cat-caret-down:before {
	content: "\e948";
}

.cat-caret-left:before {
	content: "\e949";
}

.cat-caret-right:before {
	content: "\e94a";
}

.cat-caret-up:before {
	content: "\e94b";
}

.cat-chat:before {
	content: "\e907";
}

.cat-check:before {
	content: "\e93a";
}

.cat-chevron-down:before {
	content: "\e93d";
}

.cat-chevron-left:before {
	content: "\e93e";
}

.cat-chevron-right:before {
	content: "\e93f";
}

.cat-chevron-up:before {
	content: "\e940";
}

.cat-chinese:before {
	content: "\e908";
}

.cat-circle-bar:before {
	content: "\e94f";
}

.cat-circle-bar-alt:before {
	content: "\e950";
}

.cat-circle-checked:before {
	content: "\e909";
}

.cat-circle-checked-alt:before {
	content: "\e951";
}

.cat-circle-crossed:before {
	content: "\e90a";
}

.cat-circle-crossed-alt:before {
	content: "\e952";
}

.cat-clipboard:before {
	content: "\e90b";
}

.cat-content:before {
	content: "\e90c";
}

.cat-copy:before {
	content: "\e93b";
}

.cat-deny:before {
	content: "\e90d";
}

.cat-dislike:before {
	content: "\e90e";
}

.cat-download:before {
	content: "\e90f";
}

.cat-envelope:before {
	content: "\e910";
}

.cat-equal:before {
	content: "\e94c";
}

.cat-exclamation-circle:before {
	content: "\e911";
}

.cat-file:before {
	content: "\e912";
}

.cat-finish:before {
	content: "\e913";
}

.cat-form:before {
	content: "\e914";
}

.cat-hamburger:before {
	content: "\e944";
}

.cat-hamburger-thin:before {
	content: "\e94d";
}

.cat-heart:before {
	content: "\e915";
}

.cat-history:before {
	content: "\e916";
}

.cat-info-circle:before {
	content: "\e917";
}

.cat-key:before {
	content: "\e918";
}

.cat-like:before {
	content: "\e919";
}

.cat-link:before {
	content: "\e91a";
}

.cat-list:before {
	content: "\e91b";
}

.cat-lock:before {
	content: "\e91c";
}

.cat-media-jump-left:before {
	content: "\e91d";
}

.cat-media-jump-right:before {
	content: "\e91e";
}

.cat-media-pause:before {
	content: "\e91f";
}

.cat-media-play:before {
	content: "\1f300";
}

.cat-media-skip-left:before {
	content: "\e921";
}

.cat-media-skip-right:before {
	content: "\e922";
}

.cat-media-stop:before {
	content: "\e923";
}

.cat-message:before {
	content: "\e924";
}

.cat-minus:before {
	content: "\e925";
}

.cat-more:before {
	content: "\e941";
}

.cat-open-link:before {
	content: "\e926";
}

.cat-pencil:before {
	content: "\e927";
}

.cat-plus:before {
	content: "\e928";
}

.cat-power:before {
	content: "\e929";
}

.cat-print:before {
	content: "\e942";
}

.cat-question-circle:before {
	content: "\e92a";
}

.cat-recur:before {
	content: "\e92b";
}

.cat-recur-double:before {
	content: "\e92c";
}

.cat-save:before {
	content: "\e92d";
}

.cat-save-alt:before {
	content: "\e92e";
}

.cat-search:before {
	content: "\e943";
}

.cat-send:before {
	content: "\e92f";
}

.cat-settings:before {
	content: "\e930";
}

.cat-star:before {
	content: "\e931";
}

.cat-subcategories:before {
	content: "\e932";
}

.cat-table:before {
	content: "\e933";
}

.cat-tabs:before {
	content: "\e934";
}

.cat-times:before {
	content: "\e935";
}

.cat-upload:before {
	content: "\e936";
}

.cat-user:before {
	content: "\e937";
}

.cat-whatsapp:before {
	content: "\e938";
}

.cat-www:before {
	content: "\e939";
}

.bpm-modal .modal-content {
	overflow: hidden;
}

.bpm-modal .modal-body {
	background-color: #f8f9fa;
	padding: 0;
}

.bpm-modal-error .modal-body:first-child, .bpm-modal-confirmation .modal-body:first-child {
	padding: 1rem;
}

.rounded-scrollbar ::-webkit-scrollbar-track, .rounded-scrollbar ::-webkit-scrollbar-thumb {
	border-radius: 2em;
}

.rounded-scrollbar ::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

[side-menu] a[aria-expanded] {
	border-bottom: 1px solid transparent;
	transition: border-bottom-color .2s ease-in-out;
	-webkit-transition: border-bottom-color .2s ease-in-out;
}

	[side-menu] a[aria-expanded] i.fa-chevron-down {
		transition: transform .2s ease-in-out;
		-webkit-transition: -webkit-transform .2s ease-in-out;
	}

[side-menu] .nav-link > div:first-child {
	width: 1.5em;
	min-width: 1.5em;
}

[side-menu] a[aria-expanded="true"] i.fa-chevron-down {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}

[side-menu] a[aria-expanded="true"] {
	border-bottom-color: dimgray;
}

[side-menu] .nav .nav-item .nav-link {
	opacity: 0.8;
}