/**LOADING**/
#loading {
	display: none;
	height: 100vh;
	z-index: 5000;
	background: rgba(var(--ct-black-rgb), .1);
	transition: opacity .5s ease-in-out, 0.2s ease margin;
	-moz-transition: opacity .5s ease-in-out, 0.2s ease margin;
	-webkit-transition: opacity .5s ease-in-out, 0.2s ease margin;
	backdrop-filter: blur(3px);
	position: fixed;
	right: 0;
	left: 0;
}
.loading-container {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: rgba(var(--ct-white-rgb), .9);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 2rem;
	min-width: 200px;
	min-height: 200px;
	border-radius: 0.5rem;
}
#loading p {
	cursor: default;
	text-align: center;
	color: var(--color);
	padding-top: 1rem;
	margin-bottom: 0;
}

body:not([data-layout-color=dark]) .show-dark {
	display: none !important;
}
body[data-layout-color=dark] .hide-dark {
	display: none !important;
}
.scroll-dynamic-tree {
	overflow-x: auto;
	max-width: 100%;
	padding: 3rem;
	will-change: transform;
	text-align: initial;
	display: inline-block;
}
.dynamic-tree {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 88%;
	min-height: 30vh;
}
.dynamic-tree>.entry {
	padding-right: 2rem;
	padding-left: 0;
}
.dynamic-tree>.entry:after {
	display: none !important;
}
.dynamic-tree .card {
	border: 2px solid var(--ct-border-color);
	box-shadow: none;
	max-width: 240px;
	margin-bottom: .5rem;
	margin-top: .5rem;
	z-index: 1;
	background-color: var(--ct-body-bg);
}
.dynamic-tree .branch {
	position: relative;
	margin-left: 25px;
	padding-left: 25px;
}
.dynamic-tree .branch:before {
	content: "";
	width: 27px;
	border-top: 3px solid var(--ct-border-color);
	position: absolute;
	left: -25px;
	top: 50%;
	margin-top: -1.5px;
}
.dynamic-tree .entry {
	position: relative;
	min-height: 60px;
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
}
.dynamic-tree .entry:before {
	content: "";
	height: 100%;
	border-left: 3px solid var(--ct-border-color);
	position: absolute;
	left: -25px;
	top: -1.5px;
}
.dynamic-tree .entry:after {
	content: "";
	width: 46px;
	border-top: 3px solid var(--ct-border-color);
	position: absolute;
	left: -23px;
	top: 50%;
	margin-top: -1.5px;
	z-index: 0;
}
.dynamic-tree .entry:first-child:before {
	width: 10px;
	height: 50%;
	top: 50%;
	margin-top: -1.5px;
	border-radius: 10px 0 0 0;
}
.dynamic-tree .entry:first-child:after {
	height: 10px;
	border-radius: 10px 0 0 0;
}
.dynamic-tree .entry:last-child:before {
	width: 10px;
	height: 50%;
	border-radius: 0 0 0 10px;
	bottom: 50%;
}
.dynamic-tree .entry:last-child:after {
	height: 10px;
	border-top: none;
	border-bottom: 3px solid var(--ct-border-color);
	border-radius: 0 0 0 10px;
	margin-top: calc(-.5rem - 1.5px);
}
.dynamic-tree .entry.single {
	margin-left: -25px;
}
.dynamic-tree .entry.single:before {
	display: none;
}
.dynamic-tree .entry.single:after {
	width: 25px;
	height: 0;
	left: -25px;
	margin-top: -1.5px;
	border-radius: 0;
}

.custom-accordion-title:not(.collapsed) .accordion-arrow {
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
}
.topnav-navbar .topnav-logo {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 70px;
	line-height: initial;
	margin-right: 1rem;
}
.topnav-navbar .topnav-logo img {
	vertical-align: initial;
}
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) {
	min-height: initial;
}
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .leftside-menu,
body[data-leftbar-compact-mode=condensed].sidebar-enable.show #leftside-menu-container {
	position: fixed;
}
body[data-leftbar-compact-mode=condensed].sidebar-enable.show #leftside-menu-container {
	top: 70px;
}

body[data-leftbar-compact-mode=condensed] .navbar-custom:not(.topnav-navbar) .topnav-logo {
	display: block;
}
body[data-layout-color=light] .navbar-custom .topnav-logo .logo-dark{
	display: block;
}
body[data-layout-color=light] .navbar-custom .topnav-logo .logo-light{
	display: none;
}
body[data-layout-color=dark] .navbar-custom .topnav-logo .logo-light{
	display: block;
}
body[data-layout-color=dark] .navbar-custom .topnav-logo .logo-dark{
	display: none;
}
.content-page,
body[data-layout=topnav] .content-page {
	padding-bottom: 120px;
}
.table .action-icon.text-danger,
.table .action-icon.text-success {
	--ct-text-opacity: .7;
}
.table .action-icon.text-danger:hover,
.table .action-icon.text-success:hover {
	--ct-text-opacity: 1;
}

body .ql-container.ql-snow,
body .ql-toolbar.ql-snow,
body .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
	border-color: var(--ct-input-border-color);
}
body .ql-toolbar.ql-snow {
	border-radius: .25rem .25rem 0 0;
}
body .ql-toolbar.ql-snow+.ql-container.ql-snow {
	border-radius: 0 0 .25rem .25rem;
}
body[data-layout-color=dark] .ql-snow .ql-fill,
body[data-layout-color=dark] .ql-snow .ql-stroke.ql-fill {
	fill: var(--ct-body-color);
}
body[data-layout-color=dark] .ql-snow .ql-stroke {
	stroke: var(--ct-body-color);
}
body[data-layout-color=dark] .ql-snow.ql-toolbar button:hover:not(.ql-active),
body[data-layout-color=dark] .ql-snow .ql-toolbar button:hover:not(.ql-active) {
	color: var(--ct-white);
}
body[data-layout-color=dark] .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
body[data-layout-color=dark] .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
body[data-layout-color=dark] .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
body[data-layout-color=dark] .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
	stroke: var(--ct-white);
}
body[data-layout-color=dark] .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
body[data-layout-color=dark] .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
body[data-layout-color=dark] .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
body[data-layout-color=dark] .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
	fill: var(--ct-white);
}
body[data-layout-color=dark] .ql-snow .ql-picker-options {
	background-color: var(--ct-dropdown-bg);
}
body[data-layout-color=dark] .ql-toolbar span:hover,
body[data-layout-color=dark] .ql-snow.ql-toolbar button:hover,
body[data-layout-color=dark] .ql-snow .ql-toolbar button:hover,
body[data-layout-color=dark] .ql-snow.ql-toolbar button:focus,
body[data-layout-color=dark] .ql-snow .ql-toolbar button:focus,
body[data-layout-color=dark] .ql-snow.ql-toolbar button.ql-active,
body[data-layout-color=dark] .ql-snow .ql-toolbar button.ql-active,
body[data-layout-color=dark] .ql-snow.ql-toolbar .ql-picker-label:hover,
body[data-layout-color=dark] .ql-snow .ql-toolbar .ql-picker-label:hover,
body[data-layout-color=dark] .ql-snow.ql-toolbar .ql-picker-label.ql-active,
body[data-layout-color=dark] .ql-snow .ql-toolbar .ql-picker-label.ql-active,
body[data-layout-color=dark] .ql-snow.ql-toolbar .ql-picker-item:hover,
body[data-layout-color=dark] .ql-snow .ql-toolbar .ql-picker-item:hover,
body[data-layout-color=dark] .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
body[data-layout-color=dark] .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
	color: var(--ct-link-hover-color) !important;
}
body[data-layout-color=dark] .ql-snow.ql-toolbar button:hover .ql-stroke,
body[data-layout-color=dark] .ql-snow .ql-toolbar button:hover .ql-stroke,
body[data-layout-color=dark] .ql-snow.ql-toolbar button:focus .ql-stroke,
body[data-layout-color=dark] .ql-snow .ql-toolbar button:focus .ql-stroke,
body[data-layout-color=dark] .ql-snow.ql-toolbar button.ql-active .ql-stroke,
body[data-layout-color=dark] .ql-snow .ql-toolbar button.ql-active .ql-stroke,
body[data-layout-color=dark] .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
body[data-layout-color=dark] .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
body[data-layout-color=dark] .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
body[data-layout-color=dark] .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
body[data-layout-color=dark] .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
body[data-layout-color=dark] .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
body[data-layout-color=dark] .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
body[data-layout-color=dark] .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
body[data-layout-color=dark] .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
body[data-layout-color=dark] .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
body[data-layout-color=dark] .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
body[data-layout-color=dark] .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
body[data-layout-color=dark] .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
body[data-layout-color=dark] .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
body[data-layout-color=dark] .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
body[data-layout-color=dark] .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
body[data-layout-color=dark] .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
body[data-layout-color=dark] .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
body[data-layout-color=dark] .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
body[data-layout-color=dark] .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
body[data-layout-color=dark] .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
body[data-layout-color=dark] .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
	stroke: var(--ct-link-hover-color);
}

body[data-layout-color=dark] .ql-container {
	background-color: var(--ct-input-bg);
}
.select2-container.select2-container--focus .select2-selection--single {
	border-color: var(--ct-input-focus-border-color);
}
.select2-container--default .select2-results__option:hover,
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true]:hover {
	background-color: var(--ct-border-color);
	color: var(--ct-body-color);
}
.select2-container--default .select2-results__option--selected {
	background-color: var(--ct-primary) !important;
	color: var(--ct-white) !important;
}

/* card */
a.card:hover{
	background-color: #f1f3fa;
}