<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
 * Variables
 */
:root {
	--tk-brand-color: #8e61ff;
	--tk-brand-color-light: #b191ff;
	--tk-brand-color-medium: #7d48ff;
	--tk-brand-color-dark: #3f2480;
	--tk-border-radius: .6rem;
	--tk-border-radius-md: .45rem;
	--tk-border-radius-sm: .35rem;
}


/*
 * Animations
 */
.tk-animation {
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}

@keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}

	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}

	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}
}

.tk-animation--shake {
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
}


/*
 * Bootstrap Components Overrides
 */
.tk-body {
	background-color: #f5f5f5;
	/* font-family: Bliq,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'; */
}

.tk-body.no-scroll {
	overflow: hidden;
}

.card {
	border-radius: var(--tk-border-radius);
}

.card-header:first-child {
	border-radius: var(--tk-border-radius) var(--tk-border-radius) 0 0;
}

.card-footer:last-child {
	border-radius: 0 0 var(--tk-border-radius) var(--tk-border-radius);
}

.tk-card {
	border: none;
	margin-bottom: 30px;
}

.tk-card.h-100 {
	height: calc(100% - 30px) !important;
}

.tk-card.max-h-100 {
	max-height: calc(100% - 30px);
}

.tk-card.min-h-100 {
	min-height: calc(100% - 30px);
}

.tk-card.max-h-100 .card-body {
	height: 1px;
	overflow-y: auto;
}

.tk-card.tk-card--border {
	border: 1px solid rgba(0, 0, 0, .125);
}

.tk-card .card-header {
	padding-top: 1.25rem;
	background-color: transparent;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .02));
}

.tk-card.tk-card--collapsible .card-header {
	border-bottom: none;
}

.tk-card.tk-card--collapsible .card-body {
	border-top: 1px solid rgba(0, 0, 0, .125);
}

.tk-card.tk-card--list .card-body {
	padding: .5rem;
}

.tk-card.tk-card--flush .card-body {
	padding: 0;
}

.tk-card .card-footer {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	background-color: transparent;
	background-image: linear-gradient(rgba(0, 0, 0, .02), rgba(0, 0, 0, 0));
}

.tk-card .card-footer.empty {
	padding: 0;
	height: 2rem;
}

.tk-card .card-title {
	margin-bottom: 0;
}

.tk-card-columns {
	column-count: 1;
}

.tk-card-columns .tk-card {
	margin-bottom: 30px;
}

@media (min-width: 1920px) {
	.tk-card-columns {
		column-count: 2;
		column-gap: 1.5rem;
	}
}

.tk-card-background-color--red-100 {
	background-color:rgba(255, 0, 0, 0.10);
}

.tk-card-background-color--green-100 {
	background-color: rgba(0, 139, 42, 0.10);
}

.tk-modal .modal-content {
	border: none;
	border-radius: var(--tk-border-radius);
}

.tk-modal .modal-header,
.tk-modal .modal-body,
.tk-modal .modal-footer {
	padding: 1.25rem;
}

.tk-modal .modal-header {
	padding-bottom: 0.75rem;
	border-top-left-radius: var(--tk-border-radius);
	border-top-right-radius: var(--tk-border-radius);
}

.tk-modal .close {
	font-size: 2.5rem;
	font-weight: 500;
	outline: none;
}

.tk-modal.tk-modal--flush .modal-body {
	padding: 0;
}

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

.tk-modal .modal-footer.empty {
	padding: 0;
	height: 2rem;
}

.tk-modal,
.tk-modal.fade {
	transition: opacity 0.15s;
}

.tk-modal .modal-dialog,
.tk-modal.fade .modal-dialog {
	transform: translate3d(0, 0, 0) scale(0.9);
	transition: transform 0.2s;
}

.tk-modal.show .modal-dialog,
.tk-modal.fade.show .modal-dialog {
    transform: translate3d(0, 0, 0) scale(1);
}

/* .tk-body .modal-backdrop,
.tk-body .modal-backdrop.fade {
	transition: opacity 0.1s;
} */

.tk-body .modal-backdrop.show {
	opacity: 0.4;
}

.tk-table {
	border-collapse: separate;
	border-spacing: 0;
	font-size: 0.9rem;
	margin-bottom: 0;
}

.tk-table.tk-table--fixed {
	table-layout: fixed;
}

.tk-table thead th {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
	font-size: 0.8em;
	font-weight: 700;
	color: #343a40;
	text-transform: uppercase;
	letter-spacing: 0.075em;
	background-color: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.tk-table .thead-dark th {
	background-image: linear-gradient(#c1c5c9, #717579);
}

.tk-table:not(.table-bordered) thead th {
	border-top: none;
}

.tk-table tr th:first-of-type,
.tk-table tr td:first-of-type {
    padding-left: 0.75rem;
}

.tk-table tr th:last-of-type,
.tk-table tr td:last-of-type {
    padding-right: 0.75rem;
}

.tk-table tfoot td {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	z-index: 2;
	font-weight: 500;
	color: #343a40;
	background-color: #fff;
	border-top: 1px solid rgba(0, 0, 0, .125);
}

.tk-table th.min-width,
.tk-table td.min-width {
	width: 1%;
	white-space: nowrap;
}

.tk-table td.label {
	width: 1%;
	white-space: nowrap;
	padding-right: 1.5rem;
	font-weight: 600;
	color: #343a40;
	background-color: rgba(52, 58, 64, .05);
	vertical-align: middle;
}

.tk-table tr.bg-brand-highlight {
	background-color: rgba(142, 97, 255, .25) !important; 
}

.tk-table tr.bg-brand-sold {
	background-color: #dddddd !important; 
}

.tk-table th.value,
.tk-table td.value {
	padding-left: 1.5rem;
	vertical-align: middle;
}

.tk-card.tk-card--flush .card-body .tk-table,
.tk-modal.tk-modal--flush .modal-body .tk-table {
    margin-bottom: 0;
}

.tk-card.tk-card--flush .card-body .tk-table tr th:first-of-type,
.tk-card.tk-card--flush .card-body .tk-table tr td:first-of-type,
.tk-modal.tk-modal--flush .modal-body .tk-table tr th:first-of-type,
.tk-modal.tk-modal--flush .modal-body .tk-table tr td:first-of-type {
    padding-left: 1.5rem;
}

.tk-card.tk-card--flush .card-body .tk-table tr th:last-of-type,
.tk-card.tk-card--flush .card-body .tk-table tr td:last-of-type,
.tk-modal.tk-modal--flush .modal-body .tk-table tr th:last-of-type,
.tk-modal.tk-modal--flush .modal-body .tk-table tr td:last-of-type {
    padding-right: 1.5rem;
}

.tk-table.table-striped &gt; tbody &gt; tr:nth-of-type(odd) {
	/* background-color: rgba(64, 192, 64, 0.025); */
	background-color: rgba(0, 0, 0, 0.04); 
}

.tk-table.table-hover &gt; tbody &gt; tr:hover {
	/* background-color: rgba(64, 192, 64, 0.1); */
	background-color: #e3e3e3;
}

.tk-table.table-striped:not(.table-hover) &gt; tbody &gt; tr:nth-of-type(odd):hover {
	/* background-color: rgba(64, 192, 64, 0.025); */
	background-color: rgba(0, 0, 0, 0.04); 
}

.tk-table:not(.table-hover) &gt; tbody &gt; tr:hover {
	color: inherit;
	background-color: inherit;
}

.tk-table.fixed-layout,
.tk-table.tk-table--fixed {
	table-layout: fixed;
}

.dropdown-menu {
	border-radius: var(--tk-border-radius);
	overflow: hidden;
}

.datepicker-dropdown.dropdown-menu {
	overflow: visible;
}

.dropdown-toggle,
.dropdown-item {
	cursor: pointer;
}

.dropdown-toggle i {
	pointer-events: none;
}

.tk-badge-dropdown .dropdown-toggle::after {
	margin-left: 0;
	vertical-align: .1em;
}

.dropdown-header {
	padding: .5rem 1.25rem .5rem 1rem;
}

.dropdown-item,
.dropdown-item-text {
	padding: .25rem 1.25rem .25rem 1rem;
}

.dropdown-item.custom-control {
	padding-left: 3rem;
}

.dropdown-menu-scrollable {
	height: auto;
	max-height: 250px;
	overflow-y: auto;
}

@-moz-document url-prefix() {
	/* Fix for FireFox */
	.dropdown-menu-scrollable .dropdown-item:last-child {
		margin-bottom: .5rem;
	}
}

.dropdown-item.active, .dropdown-item:active {
	background-image: linear-gradient(to bottom right, #30abff, #007bff);
	font-weight: 600;
}

.dropdown-item.text-secondary.active, .dropdown-item.text-secondary:active {
	background-image: linear-gradient(to bottom right, #acb5bd, #6c757d);
	color: #fff !important;
}

.dropdown-item.text-success.active, .dropdown-item.text-success:active {
	background-image: linear-gradient(to bottom right, #58d775, #28a745);
	color: #fff !important;
}

.dropdown-item.text-warning.active, .dropdown-item.text-warning:active {
	background-image: linear-gradient(to bottom right, #ffae44, #fd7e14);
	color: #fff !important;
}

.dropdown-item.text-danger.active, .dropdown-item.text-danger:active {
	background-image: linear-gradient(to bottom right, #fc7585, #dc3545);
	color: #fff !important;
}

.form-control {
	border-radius: var(--tk-border-radius-md);
}

.tk-input .spinner-border {
	width: 1em;
	height: 1em;
	border-width: 0.15em;
	pointer-events: none;
}

.tk-label {
	color: #343a40;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 0.3em;
}

.tk-sublabel {
	display: block;
	font-size: 80%;
	font-weight: 400;
	color:#6c757d;
}

.form-group label {
	cursor: pointer;
}

.custom-control-label {
	cursor: pointer;
}

.tk-custom-control--secondary .custom-control-input:checked~.custom-control-label::before,
.tk-custom-control--gray .custom-control-input:checked~.custom-control-label::before {
	border-color: #6c757d;
	background-color: #6c757d;
}

.tk-custom-control--secondary .custom-control-input:focus~.custom-control-label::before,
.tk-custom-control--gray .custom-control-input:focus~.custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
}

.tk-custom-control--secondary .custom-control-input:disabled:checked~.custom-control-label::before,
.tk-custom-control--gray .custom-control-input:disabled:checked~.custom-control-label::before {
    border-color: rgba(108, 117, 125, .5);
    background-color: rgba(108, 117, 125, .5);
}

.tk-custom-control--secondary .custom-control-input:not(:disabled):active~.custom-control-label::before,
.tk-custom-control--gray .custom-control-input:not(:disabled):active~.custom-control-label::before {
	background-color: #acb0b3;
	border-color: #acb0b3;
}

.tk-custom-control--success .custom-control-input:checked~.custom-control-label::before,
.tk-custom-control--green .custom-control-input:checked~.custom-control-label::before {
	border-color: #28a745;
	background-color: #28a745;
}

.tk-custom-control--success .custom-control-input:focus~.custom-control-label::before,
.tk-custom-control--green .custom-control-input:focus~.custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, .25)
}

.tk-custom-control--success .custom-control-input:disabled:checked~.custom-control-label::before,
.tk-custom-control--green .custom-control-input:disabled:checked~.custom-control-label::before {
    border-color: rgba(40, 167, 69, .5);
    background-color: rgba(40, 167, 69, .5);
}

.tk-custom-control--success .custom-control-input:not(:disabled):active~.custom-control-label::before,
.tk-custom-control--green .custom-control-input:not(:disabled):active~.custom-control-label::before {
	background-color: #8db396;
	border-color: #8db396;
}

.tk-custom-control--info .custom-control-input:checked~.custom-control-label::before,
.tk-custom-control--teal .custom-control-input:checked~.custom-control-label::before {
	border-color: #17a2b8;
	background-color: #17a2b8;
}

.tk-custom-control--info .custom-control-input:focus~.custom-control-label::before,
.tk-custom-control--teal .custom-control-input:focus~.custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, .25)
}

.tk-custom-control--info .custom-control-input:disabled:checked~.custom-control-label::before,
.tk-custom-control--teal .custom-control-input:disabled:checked~.custom-control-label::before {
	border-color: rgba(23, 162, 184, .5);
	background-color: rgba(23, 162, 184, .5);
}

.tk-custom-control--info .custom-control-input:not(:disabled):active~.custom-control-label::before,
.tk-custom-control--teal .custom-control-input:not(:disabled):active~.custom-control-label::before {
	background-color: #73d3e2;
	border-color: #73d3e2;
}

.tk-custom-control--yellow .custom-control-input:checked~.custom-control-label::before {
	border-color: #ffc107;
	background-color: #ffc107;
}

.tk-custom-control--yellow .custom-control-input:focus~.custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, .25);
}

.tk-custom-control--yellow .custom-control-input:disabled:checked~.custom-control-label::before {
	border-color: rgba(255, 193, 7, .5);
	background-color: rgba(255, 193, 7, .5);
}

.tk-custom-control--yellow .custom-control-input:not(:disabled):active~.custom-control-label::before {
	background-color: #ffe7a0;
	border-color: #ffe7a0;
}

.tk-custom-control--warning .custom-control-input:checked~.custom-control-label::before,
.tk-custom-control--orange .custom-control-input:checked~.custom-control-label::before {
	border-color: #fd7e14;
	background-color: #fd7e14;
}

.tk-custom-control--warning .custom-control-input:focus~.custom-control-label::before,
.tk-custom-control--orange .custom-control-input:focus~.custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, .25);
}

.tk-custom-control--warning .custom-control-input:disabled:checked~.custom-control-label::before,
.tk-custom-control--orange .custom-control-input:disabled:checked~.custom-control-label::before {
	border-color: rgba(253, 126, 20, .5);
	background-color: rgba(253, 126, 20, .5);
}

.tk-custom-control--warning .custom-control-input:not(:disabled):active~.custom-control-label::before,
.tk-custom-control--orange .custom-control-input:not(:disabled):active~.custom-control-label::before {
	background-color: #ffbb83;
	border-color: #ffbb83;
}

.tk-custom-control--danger .custom-control-input:checked~.custom-control-label::before,
.tk-custom-control--red .custom-control-input:checked~.custom-control-label::before {
	border-color: #dc3545;
	background-color: #dc3545;
}

.tk-custom-control--danger .custom-control-input:focus~.custom-control-label::before,
.tk-custom-control--red .custom-control-input:focus~.custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .25);
}

.tk-custom-control--danger .custom-control-input:disabled:checked~.custom-control-label::before,
.tk-custom-control--red .custom-control-input:disabled:checked~.custom-control-label::before {
	border-color: rgba(220, 53, 69, .5);
	background-color: rgba(220, 53, 69, .5);
}

.tk-custom-control--danger .custom-control-input:not(:disabled):active~.custom-control-label::before,
.tk-custom-control--red .custom-control-input:not(:disabled):active~.custom-control-label::before {
	background-color: #d4828a;
	border-color: #d4828a;
}

.tk-custom-control--cerise .custom-control-input:checked~.custom-control-label::before {
	border-color: #b400ef;
	background-color: #b400ef;
}

.tk-custom-control--cerise .custom-control-input:focus~.custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(180, 0, 239, .25);
}

.tk-custom-control--cerise .custom-control-input:disabled:checked~.custom-control-label::before {
	border-color: rgba(180, 0, 239, .5);
	background-color: rgba(180, 0, 239, .5);
}

.tk-custom-control--cerise .custom-control-input:not(:disabled):active~.custom-control-label::before {
	background-color: #d081eb;
	border-color: #d081eb;
}

.form-control {
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
	border-color: #fd7e14;
	padding-right: .75rem;
	background-image: none;
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
	border-color: rgb(253, 126, 20);
	box-shadow: 0 0 0 .2rem rgba(253, 126, 20, .25);
}

.form-control.is-invalid {
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
}

.invalid-feedback {
    color: #6c757d;
}

.tk-card .card-header .nav-tabs {
	border-bottom: none;
}

.tk-card .card-header .nav-tabs .nav-item {
	margin-right: .65em;
	margin-bottom: 0;
	cursor: pointer;
}

.tk-card .card-header .nav-tabs .nav-link {
	font-weight: 700;
	color: rgba(108, 117, 125, .6);
	padding: 0;
	border: none;
	margin-bottom: 0;
}

.tk-card .card-header .nav-tabs .nav-item.show .nav-link,
.tk-card .card-header .nav-tabs .nav-link.active {
	color: inherit;
	text-decoration: underline;
}

.tk-card .card-header .nav-tabs .nav-link:focus,
.tk-card .card-header .nav-tabs .nav-link:hover {
	color: #0056b3;
	/* color: var(--tk-brand-color-dark); */
	text-decoration: underline;
}


/*
 * Bootstrap Link Overrides
 */
/* a,
.btn-link {
	color: var(--tk-brand-color-medium);
}

a:hover,
.btn-link:hover {
	color: var(--tk-brand-color-dark);
} */

.tk-nav-link.active {
	transition: none;
	border: none;
	background-image: linear-gradient(to bottom right, #30abff, #007bff);
	box-shadow: 0 0.25rem 1rem rgba(0, 105, 217, 0.2);
}

.tk-nav-link.active:hover {
	background-image: linear-gradient(to bottom right, #3099f9, #0069d9);
	box-shadow: 0 0.25rem 1rem rgba(0, 105, 217, 0.4);
}

.tk-footer-link {
	color: #fff;
	cursor: pointer;
	text-decoration: underline;
}

.tk-footer-link:hover {
	color: #ddd;
	text-decoration: underline;
}

.tk-footer-link:active {
	color: #ccc;
	text-decoration: underline;
}


/*
 * Bootstrap Buttons Overrides
 */
.btn {
	border-radius: var(--tk-border-radius-md);
}

.btn-sm {
	border-radius: var(--tk-border-radius-sm);
}

.btn-xs {
	font-size: 0.8em;
	line-height: 1.5;
	padding: 0.2rem 0.4rem;
	border-radius: var(--tk-border-radius-sm);
}

.tk-btn {
	position: relative;
    font-weight: 600;
	transition: none;
}

.tk-btn.btn-primary {
	background-image: linear-gradient(to bottom right, #30abff, #007bff);
    box-shadow: 0 0.25rem 1rem rgba(0, 105, 217, 0.2);
    border-color: transparent !important;
}

.tk-btn.btn-primary:hover {
	background-image: linear-gradient(to bottom right, #3099f9, #0069d9);
    box-shadow: 0 0.25rem 1rem rgba(0, 105, 217, 0.4);
}

.tk-btn.btn-primary.disabled, .tk-btn.btn-primary:disabled {
	background-image: linear-gradient(to bottom right, #30abff, #007bff);
	box-shadow: 0 0.25rem 1rem rgba(0, 105, 217, 0.2);
}

.tk-btn.btn-primary:not(:disabled):not(.disabled).active, .tk-btn.btn-primary:not(:disabled):not(.disabled):active, .show&gt;.tk-btn.btn-primary.dropdown-toggle {
	background-image: linear-gradient(to bottom right, #008cef, #005cbf);
    box-shadow: 0 0.25rem 1rem rgba(0, 105, 217, 0.2);
}

.tk-btn.btn-secondary {
	background-image: linear-gradient(to bottom right, #9ca5ad, #6c757d);
    box-shadow: 0 0.25rem 1rem rgba(90, 98, 104, 0.2);
    border-color: transparent !important;
}

.tk-btn.btn-secondary:hover {
	background-image: linear-gradient(to bottom right, #8a9298, #5a6268);
    box-shadow: 0 0.25rem 1rem rgba(90, 98, 104, 0.4);
}

.tk-btn.btn-secondary.disabled, .tk-btn.btn-secondary:disabled {
	background-image: linear-gradient(to bottom right, #9ca5ad, #6c757d);
	box-shadow: 0 0.25rem 1rem rgba(90, 98, 104, 0.2);
}

.tk-btn.btn-secondary:not(:disabled):not(.disabled).active, .tk-btn.btn-secondary:not(:disabled):not(.disabled):active, .show&gt;.tk-btn.btn-secondary.dropdown-toggle {
	background-image: linear-gradient(to bottom right, #848b92, #545b62);
    box-shadow: 0 0.25rem 1rem rgba(90, 98, 104, 0.2);
}

.tk-btn.btn-success {
	background-image: linear-gradient(to bottom right, #58d775, #29a847);
    box-shadow: 0 0.25rem 1rem rgba(33, 136, 56, 0.2);
    border-color: transparent !important;
}

.tk-btn.btn-success:hover {
	background-image: linear-gradient(to bottom right, #51c870, #219840);
    box-shadow: 0 0.25rem 1rem rgba(33, 136, 56, 0.4);
}

.tk-btn.btn-success.disabled, .tk-btn.btn-success:disabled {
	background-image: linear-gradient(to bottom right, #58d775, #28a745);
	box-shadow: 0 0.25rem 1rem rgba(33, 136, 56, 0.2);
}

.tk-btn.btn-success:not(:disabled):not(.disabled).active, .tk-btn.btn-success:not(:disabled):not(.disabled):active, .show&gt;.tk-btn.btn-success.dropdown-toggle {
	background-image: linear-gradient(to bottom right, #4ebe65, #1e8e35);
    box-shadow: 0 0.25rem 1rem rgba(33, 136, 56, 0.2);
}

.tk-btn.btn-info {
	background-image: linear-gradient(to bottom right, #47d2e8, #17a2b8);
    box-shadow: 0 0.25rem 1rem rgba(19, 132, 150, 0.2);
    border-color: transparent !important;
}

.tk-btn.btn-info:hover {
	background-image: linear-gradient(to bottom right, #43b4c6, #138496);
    box-shadow: 0 0.25rem 1rem rgba(19, 132, 150, 0.4);
}

.tk-btn.btn-info.disabled, .tk-btn.btn-info:disabled {
	background-image: linear-gradient(to bottom right, #47d2e8, #17a2b8);
	box-shadow: 0 0.25rem 1rem rgba(19, 132, 150, 0.2);
}

.tk-btn.btn-info:not(:disabled):not(.disabled).active, .tk-btn.btn-info:not(:disabled):not(.disabled):active, .show&gt;.tk-btn.btn-info.dropdown-toggle {
	background-image: linear-gradient(to bottom right, #41aabb, #117a8b);
    box-shadow: 0 0.25rem 1rem rgba(19, 132, 150, 0.2);
}

.tk-btn.btn-warning {
	background-image: linear-gradient(to bottom right, #ffae44, #fd7e14);
    box-shadow: 0 0.25rem 1rem rgba(253, 126, 20, 0.2);
    border-color: transparent !important;
	color: #ffffff !important;
}

.tk-btn.btn-warning:hover {
	background-image: linear-gradient(to bottom right, #f0a441, #f17712);
    box-shadow: 0 0.25rem 1rem rgba(253, 126, 20, 0.4);
}

.tk-btn.btn-warning.disabled, .tk-btn.btn-warning:disabled {
	background-image: linear-gradient(to bottom right, #ffae44, #fd7e14);
    box-shadow: 0 0.25rem 1rem rgba(253, 126, 20, 0.2);
}

.tk-btn.btn-warning:not(:disabled):not(.disabled).active, .tk-btn.btn-warning:not(:disabled):not(.disabled):active, .show&gt;.tk-btn.btn-warning.dropdown-toggle {
	background-image: linear-gradient(to bottom right, #e69d3f, #e97212);
    box-shadow: 0 0.25rem 1rem rgba(253, 126, 20, 0.2);
}

.tk-btn.btn-danger {
	background-image: linear-gradient(to bottom right, #fc7585, #dc3545);
    box-shadow: 0 0.25rem 1rem rgba(200, 35, 51, 0.2);
    border-color: transparent !important;
}

.tk-btn.btn-danger:hover {
	background-image: linear-gradient(to bottom right, #f86373, #c82333);
    box-shadow: 0 0.25rem 1rem rgba(200, 35, 51, 0.4);
}

.tk-btn.btn-danger.disabled, .tk-btn.btn-danger:disabled {
	background-image: linear-gradient(to bottom right, #fc7585, #dc3545);
	box-shadow: 0 0.25rem 1rem rgba(200, 35, 51, 0.2);
}

.tk-btn.btn-danger:not(:disabled):not(.disabled).active, .tk-btn.btn-danger:not(:disabled):not(.disabled):active, .show&gt;.tk-btn.btn-danger.dropdown-toggle {
	background-image: linear-gradient(to bottom right, #fd6170, #bd2130);
    box-shadow: 0 0.25rem 1rem rgba(200, 35, 51, 0.2);
}

.tk-btn.btn-outline-primary:hover {
	background-image: linear-gradient(to bottom right, #3099f9, #0069d9);
	box-shadow: 0 0.25rem 1rem rgba(0, 105, 217, 0.4);
}

.tk-btn.btn-outline-primary:not(:disabled):not(.disabled).active, .tk-btn.btn-outline-primary:not(:disabled):not(.disabled):active, .show&gt;.tk-btn.btn-outline-primary.dropdown-toggle {
	background-image: linear-gradient(to bottom right, #008cef, #005cbf);
	box-shadow: 0 0.25rem 1rem rgba(0, 105, 217, 0.2);
}

.tk-btn.btn-outline-primary.focus, .tk-btn.btn-outline-primary:focus {
    box-shadow: none;
}

.tk-btn.btn-outline-secondary:hover {
	background-image: linear-gradient(to bottom right, #8a9298, #5a6268);
	box-shadow: 0 0.25rem 1rem rgba(90, 98, 104, 0.4);
}

.tk-btn.btn-outline-secondary:not(:disabled):not(.disabled).active, .tk-btn.btn-outline-secondary:not(:disabled):not(.disabled):active, .show&gt;.tk-btn.btn-outline-secondary.dropdown-toggle {
	background-image: linear-gradient(to bottom right, #848b92, #545b62);
	box-shadow: 0 0.25rem 1rem rgba(90, 98, 104, 0.2);
}

.tk-btn.btn-outline-secondary.focus, .tk-btn.btn-outline-secondary:focus {
    box-shadow: none;
}

.tk-btn.btn-outline-success:hover {
	background-image: linear-gradient(to bottom right, #51c870, #219840);
	box-shadow: 0 0.25rem 1rem rgba(33, 136, 56, 0.4);
}

.tk-btn.btn-outline-success:not(:disabled):not(.disabled).active, .tk-btn.btn-outline-success:not(:disabled):not(.disabled):active, .show&gt;.tk-btn.btn-outline-success.dropdown-toggle {
	background-image: linear-gradient(to bottom right, #4ebe65, #1e8e35);
	box-shadow: 0 0.25rem 1rem rgba(33, 136, 56, 0.2);
}

.tk-btn.btn-outline-success.focus, .tk-btn.btn-outline-success:focus {
    box-shadow: none;
}

.tk-btn.btn-outline-info:hover {
    background-image: linear-gradient(to bottom right, #43b4c6, #138496);
	box-shadow: 0 0.25rem 1rem rgba(19, 132, 150, 0.4);
}

.tk-btn.btn-outline-info:not(:disabled):not(.disabled).active, .tk-btn.btn-outline-info:not(:disabled):not(.disabled):active, .show&gt;.tk-btn.btn-outline-info.dropdown-toggle {
    background-image: linear-gradient(to bottom right, #41aabb, #117a8b);
	box-shadow: 0 0.25rem 1rem rgba(19, 132, 150, 0.2);
}

.tk-btn.btn-outline-info.focus, .tk-btn.btn-outline-info:focus {
    box-shadow: none;
}

.tk-btn.btn-outline-warning {
    color: #fd7e14;
    border-color: #fd7e14;
}

.tk-btn.btn-outline-warning:hover {
    background-image: linear-gradient(to bottom right, #f0a441, #f17712);
    box-shadow: 0 0.25rem 1rem rgba(253, 126, 20, 0.4);
	color: #ffffff;
}

.tk-btn.btn-outline-warning:not(:disabled):not(.disabled).active, .tk-btn.btn-outline-warning:not(:disabled):not(.disabled):active, .show&gt;.tk-btn.btn-outline-warning.dropdown-toggle {
    background-image: linear-gradient(to bottom right, #e69d3f, #e97212);
    box-shadow: 0 0.25rem 1rem rgba(253, 126, 20, 0.2);
	color: #ffffff;
}

.tk-btn.btn-outline-warning.focus, .tk-btn.btn-outline-warning:focus {
    box-shadow: none;
}

.tk-btn.btn-outline-danger:hover {
    background-image: linear-gradient(to bottom right, #f86373, #c82333);
    box-shadow: 0 0.25rem 1rem rgba(200, 35, 51, 0.4);
}

.tk-btn.btn-outline-danger:not(:disabled):not(.disabled).active, .tk-btn.btn-outline-danger:not(:disabled):not(.disabled):active, .show&gt;.tk-btn.btn-outline-danger.dropdown-toggle {
    background-image: linear-gradient(to bottom right, #fd6170, #bd2130);
    box-shadow: 0 0.25rem 1rem rgba(200, 35, 51, 0.2);
}

.tk-btn.btn-outline-danger.focus, .tk-btn.btn-outline-danger:focus {
    box-shadow: none;
}

.tk-btn.dropdown-toggle::after {
	vertical-align: 0.15em;
}

.tk-btn:disabled, .tk-btn.disabled {
    cursor: not-allowed;
}

.tk-btn i {
	pointer-events: none;
}

.tk-btn .fa, .tk-btn .fas, .tk-btn .far, .tk-btn .fal, .tk-btn .fab, .tk-btn .spinner-border {
	margin-right: 0.5em;
}

.tk-btn .spinner-border {
	pointer-events: none;
	position: relative;
	top: -.1em;
	display: none;
}

.tk-btn.btn-sm .spinner-border {
	width: .875rem;
	height: .875rem;
}

.tk-btn.loading {
	pointer-events: none;
}

.tk-btn.loading i {
	display: none;
}

.tk-btn.loading .spinner-border {
	display: inline-block;
}


/*
 * Bootstrap Utilities Overrides
 */
.bg-warning {
	background-color: #fd7e14!important;
}


/*
 * Preloaders
 */
.tk-preloader {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}

.tk-section.loading,
.tk-card.loading-body .card-body,
.tk-modal.loading-body .modal-body {
	position: relative;
}

.tk-preloader::before,
.tk-section.loading::before,
.tk-card.loading::before,
.tk-modal.loading .modal-content::before,
.tk-card.loading-body .card-body::before,
.tk-modal.loading-body .modal-body::before {
	content: '';
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, .9);
}

.tk-preloader::before {
	background-color: transparent;
}

.tk-section.loading::before {
	background-color: rgba(245, 245, 245, .9);
}

.tk-preloader::after,
.tk-section.loading::after,
.tk-card.loading::after,
.tk-modal.loading .modal-content::after,
.tk-card.loading-body .card-body::after,
.tk-modal.loading-body .modal-body::after {
	content: url('../img/preloaders/tk_logo_preloader_dark.gif');
	position: absolute;
	z-index: 11;
	display: block;
	top: 50%;
	right: 0;
	left: 0;
	transform: translateY(-50%);
	text-align: center;
	background-image: url('../img/preloaders/tk_spinner_dark.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.tk-modal.loading-body .modal-body::before {
    border-radius: var(--tk-border-radius);
}


/*
 * Typography
 */
.font-weight-medium {
	font-weight: 600 !important;
}

.tk-page-category {
	display: inline-block;
	font-family: Bliq, serif;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.8);
}

.tk-page-header {
	font-family: Bliq, serif;
	font-size: 3rem;
	font-weight: 700;
	letter-spacing: -0.03em;
	color: #fff;
	margin-bottom: 0;
}

.tk-page-subheader {
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.01em;
	color: rgba(255, 255, 255, 0.8);
	margin-top: .25em;
	margin-bottom: 0;
}

.tk-ch1, .tk-ch2, .tk-ch3, .tk-ch4 {
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.075em;
	color: rgba(0, 0, 0, 0.5);
	margin-bottom: 0.2em;
}

.tk-ch1 {
	font-size: 1.5rem;
}

.tk-ch2 {
	font-size: 1.25rem;
}

.tk-ch3 {
	font-size: 0.9rem;
}

.tk-ch4 {
	font-size: 0.8rem;
}

.tk-h1, .tk-h2, .tk-h3, .tk-h4, .tk-h5, .tk-h6 {
	font-weight: 700;
	color: #343a40;
}

.tk-dh1, .tk-dh2, .tk-dh3 {
	font-family: Bliq, serif;
	font-weight: 700;
	color: #343a40;
	margin-bottom: 0.4em;
}

.tk-dh1 {
	font-size: 2rem;
}

.tk-dh2 {
	font-size: 1.5rem;
}

.tk-dh3 {
	font-size: 1rem;
}

.tk-sh1, .tk-sh2, .tk-sh3, .tk-sh4, .tk-s-label, .tk-m-label {
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.075em;
	color: rgba(0, 0, 0, 0.5);
	margin-bottom: 0.2em;
}

.tk-sh1 {
	font-size: 1.5rem;
}

.tk-sh2 {
	font-size: 1.25rem;
}

.tk-sh3 {
	font-size: 0.9rem;
}

.tk-sh3--success {
	font-size: 0.9rem;
	color: rgba(0, 139, 42);
}

.tk-sh4 {
	font-size: 0.7rem;
}

.tk-text-xxl {
	font-size: 1.3em;
}

.tk-text-xl {
	font-size: 1.2em;
}

.tk-text-lg {
	font-size: 1.1em;
}

.tk-text-md {
	font-size: 0.95em;
}

.tk-text-sm {
	font-size: 0.9em;
}

.tk-text-xs {
	font-size: 0.8em;
}

.tk-text-xxs {
	font-size: 0.7em;
}

.tk-text-size-50 {
	font-size: 0.5em;
}

.tk-s-label {
	font-size: 0.6em;
}

.tk-s-label--success {
	color: rgba(0, 139, 42, 0.8);
}

.tk-m-label {
	font-size: 0.7em;
}

.tk-m-label--success {
	color: rgba(0, 139, 42, 0.8);
}

.tk-letter-spacing {
	letter-spacing: 0.075em;
}

.tk-mark {
    padding: 0;
	background-color: rgba(255, 225, 55, .2);
	background-image: linear-gradient(to bottom right, rgba(255, 225, 55, .2), rgba(255, 177, 7, .2));
    color: inherit;
}

.tk-notice {
	font-size:0.7em;
}

.tk-icon-link {
	font-weight: 600;
}

.tk-icon-link i {
	margin-right: .25rem;
}

.tk-icon-link.tk-icon-link--icon-right i {
	margin-right: inherit;
	margin-left: .25rem;
}

.tk-collapse-link i {
	transition: transform .35s ease;
	pointer-events: none;
}

.tk-collapse-link.collapsed i {
	transform: rotate(45deg);
}

.text-brand {
	color: var(--tk-brand-color) !important;
}

.text-brand-light {
	color: var(--tk-brand-color-light) !important;
}

.text-brand-medium {
	color: var(--tk-brand-color-medium) !important;
}

.text-brand-dark {
	color: var(--tk-brand-color-dark) !important;
}

.text-cerise {
	color: #b400ef !important;
}

.text-payment-plan-purple {
	color: #A20DB0 !important;
}

.text-payment-plan-blue {
	color: #1D8EE2 !important;
}

.text-payment-plan-green {
	color: #7CC224 !important;
}

.bg-payment-plan-purple {
	background-color: #A20DB0 !important;
}

.bg-payment-plan-blue {
	background-color: #1D8EE2 !important;
}

.bg-payment-plan-green {
	background-color: #7CC224 !important;
}

/*
 * Bootstrap Typography Overrides
 */
/* .text-primary {
	color: var(--tk-brand-color-medium) !important;
} */

.text-warning {
	color: #fd7e14 !important;
}

a.text-warning:focus, a.text-warning:hover {
	color: #ce650f !important;
}


/*
 * Icons
 */
.tk-icon::before {
	vertical-align: middle;
}

.tk-icon--site-1::before {
	content: url('../img/icons/snabbfinans_xs.png');
}

.tk-icon--site-2::before {
	content: url('../img/icons/sakerfinans_xs.png');
}

.tk-icon--site-3::before {
	content: url('../img/icons/mobillan_xs.png');
}

.tk-icon--site-4::before {
	content: url('../img/icons/smskredit_xs.png');
}

.tk-icon--site-5::before {
	content: url('../img/icons/tryggkredit_xs.png');
}

.tk-icon--site-7::before {
	content: url('../img/icons/equilo_xs.png');
}

.tk-icon--provider-1::before {
	content: url('../img/icons/sambla_sm.png');
}

.tk-icon--provider-2::before {
	content: url('../img/icons/enklare_sm.png');
}

.tk-icon--provider-4::before {
	content: url('../img/icons/advisa_sm.png');
}

.tk-icon--provider-5::before {
	content: url('../img/icons/axo_sm.png');
}

.tk-icon--provider-6::before {
	content: url('../img/icons/zmarta_sm.png');
}

.tk-icon--provider-7::before {
	content: url('../img/icons/lendo_sm.png');
}

.tk-icon--provider-8::before {
	content: url('../img/icons/lendo_sm.png');
}

.tk-icon--provider-9::before {
	content: url('../img/icons/enklare_sm.png');
}

.tk-icon--provider-10::before {
	content: url('../img/icons/axo_sm.png');
}

.tk-icon--provider-11::before {
	content: url('../img/icons/advisa_sm.png');
}

.tk-icon--provider-12::before {
	content: url('../img/icons/zparo_sm.png');
}

.tk-icon--provider-13::before {
	content: url('../img/icons/zparo_sm.png');
}

.tk-icon--creditor-1::before {
	content: url('../img/icons/retriva_sm.png');
}

.tk-icon--creditor-2::before {
	content: url('../img/icons/riverty_sm.png');
}

.tk-icon--creditor-3::before {
	content: url('../img/icons/EPB_sm.png');
}

.tk-icon--missing::before {
	content: '';
	padding: 0 8px;
}

.kivra-icon::before {
	content: url('../img/icons/kivra-icon.png');
}

.arrow-icon::before {
	content: url('../img/icons/Arrow.svg');
}

/*
 * SweetAlert2 Custom Styling
 */
.swal2-popup {
	border-radius: var(--tk-border-radius);
}

.swal2-popup .swal2-title {
	font-size: 1.75rem;
	font-weight: 700;
	color: #212529;
}

.swal2-popup .swal2-content {
	font-size: 1rem;
	font-weight: 400;
	color: #212529;
}

.swal2-popup .swal2-input {
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
}

.swal2-popup .swal2-file, .swal2-popup .swal2-input, .swal2-popup .swal2-textarea {
	transition: border 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	border: 1px solid #ced4da;
	border-radius: var(--tk-border-radius-md);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	box-shadow: none;
}

.swal2-popup .swal2-file:focus, .swal2-popup .swal2-input:focus, .swal2-popup .swal2-textarea:focus {
	color: #495057;
	background-color: #fff;
	border: 1px solid #80bdff;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.swal2-confirm, .swal2-cancel {
	margin: 0 0.5rem;
}


/*
 * List.js Custom Styling
 */
.sort {
	cursor: pointer;
}

.sort::after {
	display: inline-block;
	position: relative;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-size: 0.9em;
	margin-left: 0.5em;
}

.sort::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f0dc';
}

.sort.asc::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f0de';
}

.sort.desc::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f0dd';
}

.pagination li a {
	display: inline-block;
	width: 2em;
	height: 2em;
	padding: .2em;
	margin-right: .5em;
	border-radius: var(--tk-border-radius-md);
	border: 1px solid #dee2e6;
	background-color: rgba(0, 0, 0, 0.05);
	text-align: center;
	font-weight: 600;
}

.pagination li a:hover {
	background-color: rgba(0, 0, 0, 0.1);
	text-decoration: none;
}

.pagination li.active a {
	background-color: #007bff;
	background-image: linear-gradient(to bottom right, #30abff, #007bff);
	color: #fff;
}

.pagination li.disabled a {
	border: none;
	background-color: inherit;
	background-image: none;
	cursor: default;
	color: #000;
}


/*
 * TK Background Colors
 */
.tk-background-color--green-100 {
	background-color: rgba(0, 139, 42, 0.10);
}

.tk-background-color--red-100 {
	background-color: rgba(255, 0, 0, 0.10);
}

.bg-light-gray {
	background-color: rgba(52, 58, 64, .015);
}


/*
 * TK User Colors
 */
.tk-user-background-color--green {
	background-color: rgb(0, 139, 42);
}

.tk-user-background-color--green-200 {
	background-color: rgba(0, 139, 42, 0.2);
}

.tk-user-background-color--yellow {
	background-color:rgb(255, 238, 0);
}

.tk-user-background-color--yellow-100 {
	background-color:rgba(255, 238, 0, 0.1);
}

.tk-user-background-color--red {
	background-color:rgb(255, 0, 0);
}

.tk-user-background-color--red-100 {
	background-color:rgba(255, 0, 0, 0.1);
}

.tk-user-background-color--black {
	background-color:rgb(85, 84, 84);
}

.tk-user-background-color--black-300 {
	background-color:rgba(85, 84, 84, 0.3);
}

.tk-user-background-color--orange {
	background-color:rgb(250, 121, 0);
}

.tk-user-background-color--orange-200 {
	background-color:rgba(250, 121, 0, 0.2);
}

.tk-user-background-color--pink {
	background-color:rgb(255, 0, 255);
}

.tk-user-background-color--pink-200 {
	background-color:rgba(250, 158, 250, 0.2);
}

.tk-user-background-color--turquoise {
	background-color:rgb(29, 202, 185);
}

.tk-user-background-color--turquoise-200 {
	background-color:rgba(151, 248, 238, 0.2);
}

.tk-user-background-color--purple {
	background-color:rgb(128, 0, 128);
}

.tk-user-background-color--purple-200 {
	background-color:rgba(128, 0, 128, 0.20);
}

.tk-user-background-color--blue {
	background-color:rgb(56, 43, 238);
}

.tk-user-background-color--blue-300 {
	background-color:rgba(169, 164, 247, 0.3);
}

.tk-user-background-color--gold {
	background-color:rgb(218, 165, 32);
}

.tk-user-background-color--gold-100 {
	background-color:rgba(218, 165, 32, 0.1);
}

.tk-user-background-color--lime {
	background-color: rgb(0, 255, 0);
}

.tk-user-background-color--lime-100 {
	background-color: rgba(0, 255, 0, 0.1);
}

.tk-user-background-color--maroon {
	background-color: rgb(128, 0, 0);
}

.tk-user-background-color--maroon-200 {
	background-color: rgba(128, 0, 0, 0.2);
}

.tk-user-background-color--cornflowerblue {
	background-color: rgb(100, 149, 237);
}

.tk-user-background-color--cornflowerblue-200 {
	background-color: rgba(100, 149, 237, 0.2);
}

.tk-user-background-color--totalblack {
	background-color: rgb(0, 0, 0);
}

.tk-user-background-color--totalblack-100 {
	background-color: rgba(0, 0, 0, 0.1);
}

.tk-user-background-color--teal {
	background-color: rgb(0, 128, 128);
}

.tk-user-background-color--teal-200 {
	background-color: rgba(0, 196, 196, 0.2);
}

.tk-user-background-color--mintgreen {
	background-color: rgb(33, 235, 165);
}

.tk-user-background-color--mintgreen-200 {
	background-color: rgb(33, 235, 165, 0.2);
}

.tk-user-background-color--cerise {
	background-color: rgb(212, 8, 110);
}

.tk-user-background-color--cerise-200 {
	background-color: rgb(212, 8, 110, 0.2);
}

.tk-user-color--green {
	color: rgb(0, 139, 42);
}

.tk-user-color--green-200 {
	color: rgba(0, 139, 42, 0.2);
}

.tk-user-color--yellow {
	color:rgb(255, 238, 0);
}

.tk-user-color--yellow-100 {
	color:rgba(255, 238, 0, 0.1);
}

.tk-user-color--red {
	color:rgb(255, 0, 0);
}

.tk-user-color--red-100 {
	color:rgba(255, 0, 0, 0.1);
}

.tk-user-color--black {
	color:rgb(85, 84, 84);
}

.tk-user-color--black-300 {
	color:rgba(85, 84, 84, 0.3);
}

.tk-user-color--orange {
	color:rgb(250, 121, 0);
}

.tk-user-color--orange-200 {
	color:rgba(250, 121, 0, 0.2);
}

.tk-user-color--pink {
	color:rgb(255, 0, 255);
}

.tk-user-color--pink-200 {
	color:rgba(250, 158, 250, 0.2);
}

.tk-user-color--turquoise {
	color:rgb(29, 202, 185);
}

.tk-user-color--turquoise-200 {
	color:rgba(151, 248, 238, 0.2);
}

.tk-user-color--purple {
	color:rgb(128, 0, 128);
}

.tk-user-color--purple-200 {
	color:rgba(128, 0, 128, 0.20);
}

.tk-user-color--blue {
	color:rgb(56, 43, 238);
}

.tk-user-color--blue-300 {
	color:rgba(169, 164, 247, 0.3);
}

.tk-user-color--gold {
	color:rgb(218, 165, 32);
}

.tk-user-color--gold-100 {
	color:rgba(218, 165, 32, 0.1);
}

.tk-user-color--lime {
	color: rgb(0, 255, 0);
}

.tk-user-color--lime-100 {
	color: rgba(0, 255, 0, 0.1);
}

.tk-user-color--maroon {
	color: rgb(128, 0, 0);
}

.tk-user-color--maroon-200 {
	color: rgba(128, 0, 0, 0.2);
}

.tk-user-color--cornflowerblue {
	color: rgb(100, 149, 237);
}

.tk-user-color--cornflowerblue-200 {
	color: rgba(100, 149, 237, 0.2);
}

.tk-user-color--totalblack {
	color: rgb(0, 0, 0);
}

.tk-user-color--totalblack-100 {
	color: rgba(0, 0, 0, 0.1);
}

.tk-user-color--teal {
	color: rgb(0, 128, 128);
}

.tk-user-color--teal-200 {
	color: rgba(0, 196, 196, 0.2);
}

.tk-user-color--mintgreen {
	color: rgb(33, 235, 165);
}

.tk-user-color--tk-user-color--mintgreen-200 {
	color: rgb(33, 235, 165, 0.2);
}

.tk-user-color--cerise {
	color: rgb(212, 8, 110);
}

.tk-user-color--cerise-200 {
	color: rgb(212, 8, 110, 0.2);
}

/*
 * Dropzone.js Custom Styling
 */
.dropzone {
	text-align: center;
	border: 2px dashed rgba(0, 105, 217, 0.5);
	border-radius: var(--tk-border-radius);
	min-height: inherit;
}

.dropzone .dz-message {
	position: relative;
	margin: inherit;
	padding: 4em 2em;
	color: #0069d9;
	z-index: 1;
}

.dropzone:hover .dz-message {
	color: #0056b3;
	text-decoration: underline;
}

.dropzone .dz-message::before {
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 auto;
	padding: 2rem 3rem 2rem 2rem;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	font-size: 7em;
	line-height:  0.8;
	content: '\f56f';
	opacity: 0.075;
	z-index: -1;
	transition: opacity 0.15s ease-out, transform 0.15s ease-out;
}

.dropzone.dz-drag-hover {
	border: 2px dashed rgba(0, 105, 217, 0.5);
}

.dropzone.dz-drag-hover .dz-message {
	color: transparent;
	text-decoration: none;
	opacity: 1;
}

.dropzone.dz-drag-hover .dz-message::before {
	color: #0069d9;
	opacity: 0.75;
	transform: scale(1.1);
}

.dropzone .dz-preview .dz-details .dz-size {
	margin-bottom: 2em;
}


/*
 * Dragula Custom Styling
 */
.tk-draggable:hover {
	cursor: grab;
}

.tk-draggable.gu-mirror:hover {
	cursor: grabbing;
}


/*
 * Bootstrap Datepicker Custom Styling
 */
.datepicker-dropdown {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}

.datepicker-dropdown.datepicker-orient-left::after {
	left: 12px;
}

.datepicker-dropdown.datepicker-orient-left::before {
	left: 11px;
}

.datepicker-dropdown.datepicker-orient-right::after {
	right: 12px;
}

.datepicker-dropdown.datepicker-orient-right::before {
	right: 11px;
}

.datepicker td, .datepicker th {
	width: 30px;
	height: 30px;
	border-radius: var(--tk-border-radius-md);
}

.datepicker th {
	text-transform: capitalize;
	font-weight: 600;
}

.datepicker table tr td.highlighted {
	background-color: inherit;
	border-radius: var(--tk-border-radius-md);
	color: #c82333;
}

.datepicker table tr td.disabled.highlighted, .datepicker table tr td.new.highlighted, .datepicker table tr td.old.highlighted {
	color: #c69095;
}

.datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] {
	background-color: #eee;
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
	background-color: #eee;
	background-image: none;
	border-color: transparent;
	font-weight: 600;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
	background-color: #007bff;
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
	background-color: #007bff;
	background-image: linear-gradient(to bottom right, #30abff, #007bff);
	border-color: transparent;
	font-weight: 600;
	color: #fff;
	text-shadow: none;
}

.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
	background-color: #007bff;
}
.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
	background-color: #007bff;
	background-image: linear-gradient(to bottom right, #30abff, #007bff);
	border-color: transparent;
	font-weight: 600;
	color: #fff;
	text-shadow: none;
}


/*
 * Colors
 */
.tk-bg-brand-gradient {
	background-image: linear-gradient(to bottom right, #493C65, #190C35) !important;
}

.tk-bg-primary {
	background-image: linear-gradient(to bottom right, #30abff, #007bff) !important;
}

.tk-bg-secondary {
	background-image: linear-gradient(to bottom right, #acb5bd, #6c757d) !important;
}

.tk-bg-success {
	background-image: linear-gradient(to bottom right, #58d775, #28a745) !important;
}

.tk-bg-info {
	background-image: linear-gradient(to bottom right, #47d2e8, #17a2b8) !important;
}

.tk-bg-warning {
	background-image: linear-gradient(to bottom right, #ffae44, #fd7e14) !important;
}

.tk-bg-danger {
	background-image: linear-gradient(to bottom right, #fc8595, #dc3545) !important;
}

.tk-bg-cerise {
	background-image: linear-gradient(to bottom right, #f430ff, #b400ef) !important;
}


/*
 * Utilities
 */
.tk-cursor-pointer:hover {
	cursor: pointer;
}

.tk-cursor-not-allowed:hover {
	cursor: not-allowed;
}

.tk-cursor-default:hover {
	cursor: default;
}

.tk-pointer-events-none {
	pointer-events: none;
}

.tk-scrollbar::-webkit-scrollbar {
	/* Chrome + Edge */
	width: 7px;
}

.tk-scrollbar::-webkit-scrollbar-track {
	/* Chrome + Edge */
	background: #f0f0f0;
}

.tk-scrollbar::-webkit-scrollbar-thumb {
	/* Chrome + Edge */
	background: #cdcdcd;
}

.tk-scrollbar {
	/* FireFox */
	scrollbar-width: thin;
}


/*
 * Components
 */
.tk-side {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 1031;
	width: 260px;
	background-color: #fff;
	transition: left .25s ease-in-out;
}

.tk-side-hidden .tk-side {
	left: -260px;
}

.tk-side__content {
	height: 100vh;
	overflow: hidden;
}

.tk-side__top {
	min-height: 72px;
	height: 72px;
	border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.tk-side-logo {
	height: 32px;
	margin-top: .4rem
}

.tk-side-header {
	font-family: Bliq, serif;
	font-size: .9rem;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.025em;
	color: rgba(0, 0, 0, .4);
	margin: 0 -.75em 0 0;
}

.tk-side-header:hover {
	color: #0056b3;
	text-decoration: underline;
}

.tk-side__menu {
	overflow-y: auto;
}

.tk-side-category {
	font-size: .9em;
	color: rgba(0, 0, 0, .5);
}

.tk-side-category__title {
	font-weight: 700;
	letter-spacing: .075em;
	text-transform: uppercase;
}

.tk-side-category__chevron {
	font-size: 0.8em;
	color: rgba(0, 0, 0, .3);
	transition: transform .35s ease;
}

.collapsed .tk-side-category__chevron {
	transform: rotate(45deg);
}

.tk-side-menu {
	font-size: .9em;
}

.tk-side-menu__link {
	color: #666;
}

.tk-side-menu__link.active {
	font-weight: 700;
}

.tk-side-menu__link .fas {
	color: #ccc;
	transform: translateX(-1em);
	opacity: 0;
	transition: transform .1s, opacity .1s;
}

.tk-side-menu__link.active .fas {
	transform: translateX(0);
	opacity: 1;
}

.tk-side-menu__link:hover .fas {
	transform: translateX(0);
	opacity: 1;
}

.tk-side-menu__badge {
	background-color: rgba(0, 0, 0, .1);
	color: rgba(0, 0, 0, 0.6);
}

.tk-side-menu__subcategory {
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-size: 0.8em;
	color: rgba(0, 0, 0, .5);
}

.tk-side-menu__subcategory + .list-group-item {
	border-top: none;
}

.tk-side-menu .disabled {
	opacity: .5;
}

.tk-side-menu .list-group-item.active {
	color: inherit;
}

.tk-side__bottom {
	border-top: 1px solid rgba(0, 0, 0, .125);
}

.tk-main {
	position: relative;
	min-height: 100vh;
	padding-bottom: 8rem;
	margin-left: 260px;
	transition: margin-left .25s ease-in-out;
}

.tk-main.tk-main--ajax {
	margin-left: 0;
	padding-bottom: 0;
}

.tk-side-hidden .tk-main {
	margin-left: 0;
}

.tk-top-bar-container,
.tk-top-bar,
.tk-top-bar__background,
.tk-top-bar__content {
	width: 100%;
	height: 72px;
}

.tk-top-bar {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1030;
	width: 100%;
	height: 72px;
	padding-left: 260px;
	transform: translateY(0px);
	transition: transform .2s ease-out, padding-left .25s ease-in-out;
}

.tk-side-hidden .tk-top-bar {
	padding-left: 0;
}

.tk-top-bar.bg-visible {
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
}

.tk-top-bar.cover {
	height: 100vh;
	transform: translateY(0) !important;
	overflow-x: hidden;
	overflow-y: auto;
}

.tk-top-bar.bg-visible,
.tk-top-bar.cover {
	background-color: rgba(65, 69, 73, .9);
	/* Blur everything underneath, only in Chrome and Safari for now */
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

.tk-top-bar__content .nav-item {
	border-radius: var(--tk-border-radius-md);
	font-weight: 700;
	color: rgba(255, 255, 255, .8);
}

.tk-top-bar__content .nav-item:hover {
	background-color: rgba(255, 255, 255, .2);
	color: #fff;
}

.tk-top-bar__content .tk-side-toggle.nav-item {
	background-color: rgba(0, 0, 0, .1);
}

.tk-top-bar__content .tk-side-toggle.nav-item:hover {
	background-color: rgba(0, 0, 0, .2);
}

.tk-top-bar__content .tk-avatar {
	float: left;
	position: relative;
	top: -0.25em;
}

.tk-search-input .tk-input__field {
	height: 40px;
	background-color: rgba(0, 0, 0, .1);
	font-weight: 700;
	color: #fff;
	border: none;
	transition: none;
}

.tk-search-input:hover .tk-input__field {
	background-color: rgba(0, 0, 0, .2);
}

.tk-search-input .tk-input__field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	font-weight: 700;
	color: rgba(255, 255, 255, .8);
	opacity: 1; /* Firefox */
}

.tk-search-input .tk-input__field:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-weight: 700;
	color: rgba(255, 255, 255, .8);
}

.tk-search-input .tk-input__field::-ms-input-placeholder { /* Microsoft Edge */
	font-weight: 700;
	color: rgba(255, 255, 255, .8);
}

.tk-search-input .tk-input__field:focus {
	background-color: rgba(0, 0, 0, .2);
	border: none;
	box-shadow: none;
}

.tk-search-input .tk-input__icon {
	color: rgba(255, 255, 255, .8);
}

.tk-search-input:focus-within .tk-input__icon {
	color: rgba(255, 255, 255, 1);
}

.tk-search-input .tk-input__spinner {
	background-color: transparent;
	color: rgba(255, 255, 255, .8);
}

.tk-search-close.nav-item {
	background-color: rgba(0, 0, 0, .1);
}

.tk-search-close.nav-item:hover {
	background-color: rgba(0, 0, 0, .2);
}

.tk-search-menu {
	display: none;
}

.tk-top-bar.cover .tk-search-menu {
	display: flex;
}

.tk-search-overlay {
	padding: 0 1.5rem 1.5rem;
	display: none;
}

.tk-top-bar.cover .tk-search-overlay {
	display: block;
}

.tk-search-categories {
	border-bottom: 1px solid rgba(255, 255, 255, .25);
}

.tk-search-category {
	height: 40px;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
	color: rgba(255, 255, 255, .8);
	padding: .5rem 1.25rem .5rem 1rem;
	cursor: pointer;
}

.tk-search-category.selected {
	color: #fff;
	border-bottom: 2px solid #fd7e14;
}

.tk-search-category:hover {
	color: #fff;
}

.tk-search-category__icon {
	margin-right: .5rem;
}

.tk-search-category__label {
	font-weight: 700;
}

.tk-search-category:hover .tk-search-category__label {
	text-decoration: underline;
}

.tk-search-toggle {
	height: 38px;
	font-size: .9em;
	font-weight: 700;
	color: rgba(255, 255, 255, .7);
	border-bottom: none;
	padding: .5rem .5rem .5rem .2rem;
	cursor: pointer;
}

.tk-search-toggle:not(.collapsed) {
	color: #fff;
	border-bottom: 2px solid #fff;
}

.tk-search-toggle:hover {
	color: #fff;
}

.tk-search-toggle__icon {
	margin-right: .25em;
}

.tk-search-toggle:hover .tk-search-toggle__label {
	text-decoration: underline;
}

.tk-search-filters-badge {
	width: 16px;
	height: 16px;
	font-size: 1em;
	font-weight: 900;
	color: #fff;
	padding: 0 0 0;
	margin-left: .5em;
	opacity: .8;
	display: none;
}

.tk-search-toggle:not(.collapsed) .tk-search-filters-badge,
.tk-search-toggle:hover .tk-search-filters-badge {
	opacity: 1;
}

.tk-search-filters-category {
	display: none;
}

.tk-search-filters-category.selected {
	display: block;
}

.tk-search-filters {
	display: none;
}

.tk-search-filters.show {
	display: block;
}

.tk-search-filter {
	font-weight: 600;
	color: rgba(255, 255, 255, .8);
}

.tk-search-filter__label::before {
	background-color: rgba(0, 0, 0, .1);
	border: 1px solid rgba(255, 255, 255, .8);
}

.tk-search-filter__input:not(:disabled):active ~ .tk-search-filter__label::before {
    background-color: #ffbb83;
    border-color: #ffbb83;
}

.tk-search-filter__input:focus ~ .tk-search-filter__label::before {
    box-shadow: 0 0 0 .2rem rgba(253, 126, 20, .25);
}

.tk-search-filter__input:focus:not(:checked) ~ .tk-search-filter__label::before {
    border-color: #ffbb83;
}

.tk-search-filter__input:checked ~ .tk-search-filter__label::before {
    border-color: rgba(255, 255, 255, .8);
    background-color: #fd7e14;
}

.tk-search-filter-select {
	background-color: rgba(0, 0, 0, .1);
	border: 1px solid rgba(255, 255, 255, .8);
	font-weight: 600;
	color: rgba(255, 255, 255, .8);
	margin-right: 1rem;
	transition: none;
	cursor: pointer;
	display: none;
}

.tk-search-filter-select.show {
	display: block;
}

.tk-search-filter-select:hover {
	color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(255, 255, 255, 1);
}

.tk-search-filter-select:focus {
	color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 0, 0, .1);
    border: 1px solid rgba(255, 255, 255, 1);
    box-shadow: 0 0 0 .2rem rgba(253, 126, 20, .25);
}

.tk-search-filter-select option {
	color: #495057;
}

.tk-search-result__header {
	font-weight: 700;
	color: #fff;
	margin-bottom: 1rem;
}

.tk-search-result__item {
	margin: 0 .5rem 1rem;
}

.tk-search-result__item:hover {
	background-color: #f8f9fa;
}

.tk-search-result__item .card-body {
	padding: 1rem;
}

.tk-search-result__item .external-link-icon {
	font-size: .75em;
	margin-left: .5em;
	position: relative;
	top: -.13em;
	color: #bbb;
	opacity: 0;
}

.tk-search-result__item:hover .external-link-icon {
	opacity: 1;
}

.tk-search-result__item .tk-badge {
	font-size: .7em;
	margin-right: .5em;
	position: relative;
	top: -.08em;
}

.tk-search-result__item .tk-icon {
	margin-right: .2em;
	position: relative;
	top: -.1em;
}

.tk-main__header {
	position: relative;
	background-image: linear-gradient(to bottom right, #493C65, #190C35);
	/* background-image: url('../img/backgrounds/tk_bg_green_animated.svg'); */
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.tk-header-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.tk-page-subheader-section {
	color: rgba(255, 255, 255, .8);
	margin-top: .5rem;
}

.tk-page-subheader-section .badge-pill {
	padding: .4em .8em;
}

.tk-page-subheader-section .badge-pill.badge-secondary {
	background-color: rgba(0, 0, 0, .1);
}

.tk-main__sub {
	padding: 0 1.5rem;
}

.tk-sub-menu {
    display: flex;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
}

.tk-sub-menu__item {
    position: relative;
    background-color: rgba(0, 0, 0, .1);
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    padding: .5rem 1.25rem;
    margin-right: .5rem;
}

.tk-sub-menu__item:hover {
    background-color: rgba(0, 0, 0, .2);
}

.tk-sub-menu__item.active {
  background-color: #f5f5f5;
}

.tk-sub-menu__link {
    font-weight: 700;
    color: rgba(255, 255, 255, .9);
}

.tk-sub-menu__link:hover {
    color: #fff;
}

.tk-sub-menu__item.active .tk-sub-menu__link {
	color: #383d41;
}

.tk-sub-menu__badge {
	background-color: rgba(255, 255, 255, .25);
    font-weight: 900;
    font-size: .75em;
	color: #fff;
    margin-bottom: -.2em;
    margin-left: .75rem;
}

.tk-sub-menu__item.active .tk-sub-menu__badge {
	background-color: rgba(0, 0, 0, .1);
	color: #383d41;
}

.tk-main__content {
	padding: 1.5rem;
}

.tk-main.tk-main--ajax .tk-main__content {
	padding: 0;
}

.tk-main__footer {
	position: absolute;
	height: 8rem;
	right: 0;
	bottom: 0;
	font-size: .9rem;
	background-image: linear-gradient(to bottom right, #493c65, #190c35);
	/* background-image: url('../img/backgrounds/tk_bg_green_animated.svg'); */
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.tk-input {
	position: relative;
}

.tk-input__field {
	padding-left: 2.25em;
}

.tk-input--help .tk-input__field,
.tk-input--spinner .tk-input__field {
	padding-right: 2.25em;
}

.tk-input__icon {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	margin-left: 0.75em;
	color: rgba(0, 0, 0, .3);
	pointer-events: none;
}

.tk-input__help,
.tk-input__spinner {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	margin-right: .75em;
}

.tk-input__help {
	color: rgba(0, 0, 0, .2);
	font-size: .8em;
	padding: .5em;
}

.tk-input__help:hover {
	cursor: pointer;
	color: rgba(0, 0, 0, .3);
}

.tk-input__spinner {
	background-color: #fff;
	color: rgba(0, 0, 0, .3);
	padding-bottom: .25em;
	display: none;
}

.tk-avatar {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	background-size: cover;
	background-position: center;
	border-radius: 50%;
}

.tk-avatar--small {
	width: 2rem;
	height: 2rem;
}

.tk-avatar--large {
	width: 3rem;
	height: 3rem;
}

.tk-avatar--xlarge {
	width: 10rem;
	height: 10rem;
}

.tk-breadcrumbs {
	display: inline-block;
}

.tk-breadcrumbs__divider:before {
	content: '/';
	display: inline-block;
	text-align: center;
	width: 1em;
}

.tk-icon-dropdown {
	padding: .4em;
	border-radius: var(--tk-border-radius-md);
	background-color: rgba(0, 0, 0, .075);
}

.tk-icon-dropdown::after {
	display: none;
}

.tk-icon-dropdown:hover {
	background-color: rgba(0, 0, 0, .1);
}

.tk-icon-dropdown:active,
.dropdown.show .tk-icon-dropdown {
	background-color: rgba(0, 0, 0, .15);
}

.tk-hr {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(153, 153, 153, 0), rgba(153, 153, 153, .25), rgba(153, 153, 153, 0));
	margin: 1rem 0;
}

.tk-hr.tk-hr--light {
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .25), rgba(255, 255, 255, 0));
}


/*
 * Badges
 */
.tk-badge {
	font-size: .8em;
	font-weight: 700;
	line-height: 2;
    text-align: center;
	color: #fff;
	white-space: nowrap;
	border-radius: 50%;
	background: #666;
	vertical-align: middle;
}

.tk-badge .fa,
.tk-badge .fas,
.tk-badge .far,
.tk-badge .fal,
.tk-badge .fab,
.tk-badge__content {
	line-height: 2;
}

.tk-badge--primary, .tk-badge--blue, .tk-badge--credit {
	background: #007bff;
	background-image: linear-gradient(to bottom right, #30abff, #007bff);
}

.tk-badge--danger, .tk-badge--red {
	background: #dc3545;
	background-image: linear-gradient(to bottom right, #fc7585, #dc3545);
}

.tk-badge--warning, .tk-badge--orange, .tk-badge--account-credit {
	background: #fd7e14;
	background-image: linear-gradient(to bottom right, #ffae44, #fd7e14);
}

.tk-badge--success, .tk-badge--green, .tk-badge--withdrawal {
	background: #28a745;
	background-image: linear-gradient(to bottom right, #58d775, #28a745);
}

.tk-badge--secondary, .tk-badge--gray {
	background: #6c757d;
	background-image: linear-gradient(to bottom right, #9ca5ad, #6c757d);
}

.tk-badge--white {
	background: #fff;
}

.tk-badge--lighter {
	background: rgba(255, 255, 255, .2);
}

.tk-badge--darker {
	background: rgba(0, 0, 0, .1);
}

.tk-badge--score-label-a {
	background: rgba(8, 173, 17);
}

.tk-badge--score-label-b {
	background: rgba(0, 104, 0);
}

.tk-badge--score-label-c {
	background: rgba(90, 131, 0);
}

.tk-badge--score-label-d {
	background: rgba(158, 153, 0);
}

.tk-badge--score-label-e {
	background: rgba(210, 130, 46);
}

.tk-badge--score-label-f {
	background: rgba(220, 56, 56);
}

.tk-badge--inline-circle, .tk-badge--credit, .tk-badge--account-credit, .tk-badge--withdrawal {
	display: inline-block;
	width: 2em;
	height: 2em;
}

.tk-badge--credit::before {
	content: 'L';
}

.tk-badge--account-credit::before {
	content: 'K';
}

.tk-badge--withdrawal::before {
	content: 'U';
}

.tk-badge-counter {
	position: absolute;
	top: 0;
	left: 0;
	font-size: .7em;
}

.tk-badge-circle {
    display: inline-block;
    position: relative;
	width: 3rem;
	height: 3rem;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1;
    text-align: center;
	color: #fff;
	white-space: nowrap;
	border-radius: 50%;
	background-image: linear-gradient(to bottom right, #a1a5a9, #212529);
}

.tk-badge-circle::before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -.25em;
}

.tk-badge-circle__content,
.tk-badge-circle .fa,
.tk-badge-circle .fas,
.tk-badge-circle .far,
.tk-badge-circle .fal,
.tk-badge-circle .fab {
	display: inline-block;
	vertical-align: middle;
}

.tk-badge-circle--xxsmall {
	width: 1.5rem;
	height: 1.5rem;
	font-size: .7rem;
}

.tk-badge-circle--xsmall {
	width: 2rem;
	height: 2rem;
	font-size: .9rem;
}

.tk-badge-circle--small {
	width: 2.5rem;
	height: 2.5rem;
	font-size: 1.1rem;
}

.tk-badge-circle--medium {
	width: 3.5rem;
	height: 3.5rem;
	font-size: 1.7rem;
}

.tk-badge-circle--large {
	width: 4rem;
	height: 4rem;
	font-size: 2rem;
}

.tk-spinner-grow {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	vertical-align: text-bottom;
	background-color: currentColor;
	border-radius: 50%;
	opacity: 0;
	-webkit-animation: spinner-grow 2.0s linear infinite;
	animation: spinner-grow 2.0s linear infinite
}


/*
 * Bootstrap Badges Overrides
 */
.badge-warning {
	color: #fff;
	background-color: #fd7e14;
}

a.badge-warning:focus, a.badge-warning:hover {
	color: #fff;
	background-color: #ce650f;
}


/*
 * Ajax
 */
.tk-ajax-modal i,
.tk-ajax-modal-form i,
.tk-popup-window i {
	pointer-events: none;
}

#tk-ajax-modal.loading-body .modal-body {
	min-height: calc(1.25rem + 75px + 1.25rem);
}

#tk-ajax-modal-form {
	padding: 1.25rem;
}


/*
 * Notifications
 */
.tk-notification-dropdown {
	max-height: 60vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.tk-notification-dropdown &gt; .dropdown-item {
	border-top: 1px solid #e9ecef;
	padding: 1em;
}

.tk-notification-dropdown::-webkit-scrollbar {
	width: 0.5em;
	height: 0.5em;
}

.tk-notification-dropdown::-webkit-scrollbar-thumb {
	background: grey;
	border-radius: 10px;
}

.tk-notification-dropdown::-webkit-scrollbar-track {
	box-shadow: inset 0 0 2px grey;
	border-radius: 10px;
	background: white;
}

.tk-notification-box {
	display: flex;
	max-width: 100%;
}

.tk-notification-icon-holder {
	max-width: 60px;
	display:flex;
	flex-direction: column;
	justify-content: center;
}

.tk-notification-icon {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	background-size: cover;
	background-position: center;
	border-radius: 50%;
}

.tk-notification-not-viewed {
	background-color: rgba(255,255,255, 0.8);
}

.tk-notification-body {
	padding-left: 20px;
	flex: 1;
}


/*
 * Legacy Styling
 */
body {
	background-color: #dfebf4;
}

#content,
body &gt; .navbar {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

body &gt; .navbar .nav .nav-item .nav-link.active {
	background-color: #eee;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#content {
	background-color: #fff;
	border: 0;
	margin-bottom: 90px;
	margin-top: 30px;
	padding-top: 0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.page-header {
	margin-top: 20px;
}

.page-header h1 {
	margin-top: 0;
	font-size: 30px;
}

.page-header span {
	font-size: 16px;
}

#content table {
	font-size: 0.9rem;
}

#content .badge,
.title-header {
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: #999;
	padding: 8px 10px;
	color: #fff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

#content .badge {
	display: inline-block;
	font-size: 0.75em;
	padding: 0.5em 0.8em 0.55em;
	vertical-align: middle;
}

#content .badge.credit-style,
.title-header.credit-style,
.list-item.credit-style .border-bottom {
	background: #6897b4;
}

#content .badge.red, 
#content .badge.account-credit-style,
.title-header.account-credit-style,
.list-item.account-credit-style .border-bottom {
	background: #DD7753;
}

#content .badge.green,
#content .badge.withdrawal-style,
.title-header.withdrawal-style,
.list-item.withdrawal-style .border-bottom {
	background: #8CC56B;
}

.list-item .border-bottom {
	padding: 4px 0 0 !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.7);
}

.list-item.credit-style .typeLabel {
	color: #2F6788;
}

.list-item.account-credit-style .typeLabel {
	color: #C74417;
}

.list-item.withdrawal-style .typeLabel {
	color: #62AA37;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	font: normal normal normal 14px/1 "Font Awesome 5 Free";
}

.ui-datepicker-prev::before {
	content: "\f060";
	position: absolute;
	top: 4px;
	left: 5px;
}

.ui-datepicker-next::before {
	content: "\f061";
	position: absolute;
	top: 4px;
	right: 5px;
}

#notices .alert {
	margin: 20px 0 0;
}

.footer {
	border-top: 1px solid #ccc;
}

.footer p {
	font-size: 0.9rem;
}

.jconfirm-box-container {
	margin-left: auto;
	margin-right: auto;
}

.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
	text-transform: none;
}

a.btn-danger:focus,
a.btn-success:focus {
	color: #fff;
}

.radio label,
.checkbox label {
	cursor: pointer;
}

.radio,
.checkbox {
	position: relative;
}

.radio input,
.checkbox input {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.radio input:checked ~ .rounded-circle,
.checkbox input:checked ~ .fa-check {
	color: #333;
	border-color: #999;
}

.checkbox .fa-check {
	color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 1px;
	margin-right: 2px;
	transition: color 0.5s, border-color 0.5s;
}

.radio .rounded-circle {
	border: 1px solid #ccc;
	background-color: #f3f3f3;
	display: inline-block;
	width: 1.1em;
	height: 1.1em;
	margin-right: 2px;
	transition: background-color 0.5s, border-color 0.5s;
	vertical-align: middle;
	margin-top: -3px;
}

.radio input:checked ~ .rounded-circle {
	background-color: #007bff;
	border-color: #0258b4;
	box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.4), 0 0 2px #007bff;
}

.radio input:checked ~ .rounded-circle.red {
	background-color: #dc3545;
	border-color: #a51927;
	box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.4), 0 0 2px #dc3545;
}

.radio input:checked ~ .rounded-circle.orange {
	background-color: #FA7100;
	border-color: rgb(197, 93, 8);
	box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.5), 0 0 2px #FA7100;
}

.radio input:checked ~ .rounded-circle.yellow {
	background-color: rgb(250, 183, 0);
	border-color: rgb(216, 162, 15);
	box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.6), 0 0 2px rgb(250, 183, 0);
}

.loader {
	background-image: url('/hantering/resources/img/preloader_1.gif');
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 40px;
	color: #333;
}

.ajax-table {
	position: relative;
}

.ajax-table .loader-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
}

.ajax-table .loader-container .loader {
	margin-top: 10px;
	margin-left: 10px;
}

.service-circle {
	font-weight: normal;
	font-size: 14px;
	line-height: 1;
}
.service-backlog {
	background-image: linear-gradient(#0B423D, #0B423D) !important;
}

.service-suggestions {
	background-image: linear-gradient(#0C645A, #0C645A) !important;
}

.service-worklist {
	background-image: linear-gradient(#13A69D, #13A69D) !important;
}

.tooltip-text {
	text-align: left;
	color: #343a40;
	margin-top: 5px;
	margin-bottom: 5px;
}</pre></body></html>