*,
:after,
:before {
	border: 0 solid #e5e7eb;
	box-sizing: border-box
}

:after,
:before {
	--tw-content: ""
}

:host,
html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	font-family: InterVariable, sans-serif;
	font-feature-settings: normal;
	font-variation-settings: normal;
	-moz-tab-size: 4;
	tab-size: 4;
	-webkit-tap-highlight-color: transparent
}

body {
	line-height: inherit;
	margin: 0
}

hr {
	border-top-width: 1px;
	color: inherit;
	height: 0
}

abbr:where([title]) {
	text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit
}

a {
	color: inherit;
	text-decoration: inherit
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
pre,
samp {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
	font-feature-settings: normal;
	font-size: 1em;
	font-variation-settings: normal
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

table {
	border-collapse: collapse;
	border-color: inherit;
	text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font-family: inherit;
	font-feature-settings: inherit;
	font-size: 100%;
	font-variation-settings: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0
}

button,
select {
	text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
	-webkit-appearance: button;
	background-color: transparent;
	background-image: none
}

:-moz-focusring {
	outline: auto
}

:-moz-ui-invalid {
	box-shadow: none
}

progress {
	vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

summary {
	display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
	margin: 0
}

fieldset {
	margin: 0
}

fieldset,
legend {
	padding: 0
}

menu,
ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

dialog {
	padding: 0
}

textarea {
	resize: vertical
}

input::placeholder,
textarea::placeholder {
	color: #9ca3af;
	opacity: 1
}

[role=button],
button {
	cursor: pointer
}

:disabled {
	cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
	display: block;
	vertical-align: middle
}

img,
video {
	max-width: 100%
}

[hidden] {
	display: none
}

.border-spacing-6,
.horizseparated,
.smallTicketList,
.ticketGrid,
table {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0
}

.rotate-90,
.transform,
svg {
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1
}

.announcementbar,
.announcementerror {
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position:
}

.\!shadow-none,
.bluebutton,
.button,
.graybutton,
.moreBtn,
.pager,
.tagsinput,
.transparentbutton,
.ui-multiselect,
[type=submit],
button,
input,
input:not([type=submit], [type=checkbox], [type=radio]),
select,
textarea {
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000
}

.priorityCell:before {
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgba(59, 130, 246, .5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000
}

.blur,
.filter {
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow:
}

.backdrop-blur,
[id=bulk-actions-popup] {
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia:
}

:root {
	--new-color: 185 28 28;
	--new-color-dark: 248 113 113;
	--tech-color: 21 128 61;
	--tech-color-dark: 21 128 61;
	--cust-color: 217 119 6;
	--cust-color-dark: 251 191 36;
	--vend-color: 120 0 219;
	--vend-color-dark: 166 110 255;
	--fortech-color: 29 78 216;
	--fortech-color-dark: 59 130 246;
	--error-color: 190 18 60;
	--error-color-dark: 248 113 113;
	--accent-color: 67 56 202;
	--accent-color-dark-bg: 79 70 229;
	--accent-color-dark-text: 129 140 248;
	--header-color: 228 228 231;
	--header-color-dark: 39 39 42;
	--header-text-color: 63 63 70;
	--header-text-color-dark: 255 255 255
}

html {
	--tw-text-opacity: 1;
	color: rgb(63 63 70/var(--tw-text-opacity, 1))
}

html:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(212 212 216/var(--tw-text-opacity, 1))
}

:where(.dark, .dark *),
:where(.dark, .dark *) :after,
:where(.dark, .dark *) :before {
	--tw-border-opacity: 1;
	border-color: rgb(63 63 70/var(--tw-border-opacity, 1))
}

html * {
	scrollbar-color: #ccc transparent;
	scrollbar-width: thin
}

html.dark {
	color-scheme: dark
}

input[list]::-webkit-calendar-picker-indicator {
	display: none !important
}

input[type=date],
input[type=datetime-local] {
	line-height: 1.125rem
}

button.ui-multiselect,
input[list],
select {
	appearance: none;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
	background-position: right .5rem center;
	background-repeat: no-repeat;
	background-size: 1.5em 1.5em;
	padding-right: 2.5rem !important;
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact
}

select[multiple] {
	box-sizing: content-box;
	height: 1.25rem;
	overflow: hidden;
	vertical-align: top
}

button.ui-multiselect {
	display: inline-block !important
}

button.ui-multiselect>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(0px*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(0px*var(--tw-space-x-reverse))
}

button.ui-multiselect {
	text-wrap: nowrap;
	--tw-border-opacity: 1;
	border-color: rgb(228 228 231/var(--tw-border-opacity, 1));
	font-weight: 400;
	text-align: left !important;
	--tw-text-opacity: 1 !important;
	color: rgb(156 163 175/var(--tw-text-opacity, 1)) !important
}

button.ui-multiselect:where(.dark, .dark *) {
	--tw-border-opacity: 1;
	border-color: rgb(63 63 70/var(--tw-border-opacity, 1))
}

button.ui-multiselect:hover {
	background-color: inherit;
	color: inherit
}

button.ui-multiselect span.ui-icon {
	display: none
}

table.sortable th {
	cursor: pointer
}

.container {
	width: 100%
}

@media (min-width:640px) {
	.container {
		max-width: 640px
	}
}

@media (min-width:768px) {
	.container {
		max-width: 768px
	}
}

@media (min-width:1024px) {
	.container {
		max-width: 1024px
	}
}

@media (min-width:1366px) {
	.container {
		max-width: 1366px
	}
}

@media (min-width:1536px) {
	.container {
		max-width: 1536px
	}
}

button.ui-multiselect,
input:not([type=submit], [type=checkbox], [type=radio]),
select,
textarea {
	background-color: #fff;
	border-radius: .375rem;
	border-width: 1px;
	outline: none;
	padding: .5rem .75rem;
	--tw-text-opacity: 1;
	color: rgb(0 0 0/var(--tw-text-opacity, 1));
	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

button.ui-multiselect:where(.dark, .dark *),
input:not([type=submit], [type=checkbox], [type=radio]):where(.dark, .dark *),
select:where(.dark, .dark *),
textarea:where(.dark, .dark *) {
	background-color: #18181b;
	--tw-text-opacity: 1;
	color: rgb(212 212 216/var(--tw-text-opacity, 1))
}

button.ui-multiselect:disabled,
button.ui-multiselect[readonly],
input:not([type=submit], [type=checkbox], [type=radio]):disabled,
input:not([type=submit], [type=checkbox], [type=radio])[readonly],
select:disabled,
select[readonly],
textarea:disabled,
textarea[readonly] {
	background-color: #f4f4f5;
	--tw-text-opacity: 1;
	color: rgb(161 161 170/var(--tw-text-opacity, 1))
}

button.ui-multiselect:disabled:where(.dark, .dark *),
button.ui-multiselect[readonly]:where(.dark, .dark *),
input:not([type=submit], [type=checkbox], [type=radio]):disabled:where(.dark, .dark *),
input:not([type=submit], [type=checkbox], [type=radio])[readonly]:where(.dark, .dark *),
select:disabled:where(.dark, .dark *),
select[readonly]:where(.dark, .dark *),
textarea:disabled:where(.dark, .dark *),
textarea[readonly]:where(.dark, .dark *) {
	background-color: #27272a;
	--tw-text-opacity: 1;
	color: rgb(82 82 91/var(--tw-text-opacity, 1))
}

.bluebutton,
.button,
.graybutton,
.moreBtn,
.transparentbutton,
button,
input[type=submit],
input[type=submit].graybutton {
	align-items: center;
	cursor: pointer;
	display: inline-flex;
	justify-content: center
}

.bluebutton>:not([hidden])~:not([hidden]),
.button>:not([hidden])~:not([hidden]),
.graybutton>:not([hidden])~:not([hidden]),
.moreBtn>:not([hidden])~:not([hidden]),
.transparentbutton>:not([hidden])~:not([hidden]),
button>:not([hidden])~:not([hidden]),
input[type=submit].graybutton>:not([hidden])~:not([hidden]),
input[type=submit]>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.bluebutton,
.button,
.graybutton,
.moreBtn,
.transparentbutton,
button,
input[type=submit],
input[type=submit].graybutton {
	border-radius: .375rem;
	border-width: 1px;
	--tw-border-opacity: 1;
	background-color: #fafafa;
	border-color: rgb(212 212 216/var(--tw-border-opacity, 1));
	font-size: .875rem;
	font-weight: 500;
	line-height: 1.25rem;
	padding: .5rem 1rem;
	text-align: center;
	--tw-text-opacity: 1;
	color: rgb(75 85 99/var(--tw-text-opacity, 1));
	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.bluebutton:hover,
.button:hover,
.graybutton:hover,
.moreBtn:hover,
.transparentbutton:hover,
button:hover,
input[type=submit].graybutton:hover,
input[type=submit]:hover {
	background-color: #f4f4f5;
	--tw-text-opacity: 1;
	color: rgb(75 85 99/var(--tw-text-opacity, 1))
}

.bluebutton:disabled,
.button:disabled,
.graybutton:disabled,
.moreBtn:disabled,
.transparentbutton:disabled,
button:disabled,
input[type=submit].graybutton:disabled,
input[type=submit]:disabled {
	cursor: not-allowed;
	--tw-text-opacity: 1;
	color: rgb(161 161 170/var(--tw-text-opacity, 1))
}

.bluebutton:where(.dark, .dark *),
.button:where(.dark, .dark *),
.graybutton:where(.dark, .dark *),
.moreBtn:where(.dark, .dark *),
.transparentbutton:where(.dark, .dark *),
button:where(.dark, .dark *),
input[type=submit].graybutton:where(.dark, .dark *),
input[type=submit]:where(.dark, .dark *) {
	background-color: #3f3f46;
	border-color: transparent;
	--tw-text-opacity: 1;
	color: rgb(212 212 216/var(--tw-text-opacity, 1))
}

.bluebutton:hover:where(.dark, .dark *),
.button:hover:where(.dark, .dark *),
.graybutton:hover:where(.dark, .dark *),
.moreBtn:hover:where(.dark, .dark *),
.transparentbutton:hover:where(.dark, .dark *),
button:hover:where(.dark, .dark *),
input[type=submit].graybutton:hover:where(.dark, .dark *),
input[type=submit]:hover:where(.dark, .dark *) {
	background-color: #52525b;
	--tw-text-opacity: 1;
	color: rgb(244 244 245/var(--tw-text-opacity, 1))
}

.bluebutton:disabled:where(.dark, .dark *),
.button:disabled:where(.dark, .dark *),
.graybutton:disabled:where(.dark, .dark *),
.moreBtn:disabled:where(.dark, .dark *),
.transparentbutton:disabled:where(.dark, .dark *),
button:disabled:where(.dark, .dark *),
input[type=submit].graybutton:disabled:where(.dark, .dark *),
input[type=submit]:disabled:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(113 113 122/var(--tw-text-opacity, 1))
}

.bluebutton,
button,
input[type=submit] {
	--tw-border-opacity: 1;
	background-color: rgb(var(--accent-color)/1);
	border-color: rgb(var(--accent-color)/var(--tw-border-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.bluebutton:hover,
button:hover,
input[type=submit]:hover {
	background-color: rgb(var(--accent-color)/.9);
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.bluebutton:where(.dark, .dark *),
button:where(.dark, .dark *),
input[type=submit]:where(.dark, .dark *) {
	--tw-border-opacity: 1;
	background-color: rgb(var(--accent-color-dark-bg)/1);
	border-color: rgb(var(--accent-color-dark-bg)/var(--tw-border-opacity, 1))
}

.bluebutton:hover:where(.dark, .dark *),
button:hover:where(.dark, .dark *),
input[type=submit]:hover:where(.dark, .dark *) {
	background-color: rgb(var(--accent-color-dark-bg)/.9)
}

.transparentbutton {
	background-color: transparent;
	border-width: 0;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.transparentbutton:hover {
	background-color: #d4d4d8
}

.transparentbutton:hover:where(.dark, .dark *) {
	background-color: #52525b
}

a {
	--tw-text-opacity: 1;
	color: rgb(var(--accent-color)/var(--tw-text-opacity, 1))
}

a:hover {
	--tw-text-opacity: 0.75
}

a:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(var(--accent-color-dark-text)/var(--tw-text-opacity, 1))
}

th {
	font-weight: 600;
	text-align: left
}

.footer a,
nav>a,
nav>div>a,
th>a {
	color: inherit
}

b {
	font-weight: 600
}

.onoffcontainer input[type=checkbox]:not(.skiponoff) {
	appearance: none;
	background-color: #e4e4e7;
	border-radius: 9999px;
	cursor: pointer;
	height: 1.5rem;
	margin-right: .75rem;
	position: relative;
	width: 2.5rem
}

.onoffcontainer input[type=checkbox]:not(.skiponoff):where(.dark, .dark *) {
	background-color: #3f3f46
}

.onoffcontainer input[type=checkbox]:not(.skiponoff) {
	transition: all .2s ease-in 0s
}

.onoffcontainer input[type=checkbox]:not(.skiponoff):before {
	background-color: #fff;
	border-radius: 9999px;
	content: "";
	height: 1rem;
	left: .25rem;
	position: absolute;
	top: .25rem;
	transform: none;
	width: 1rem
}

.onoffcontainer input[type=checkbox]:not(.skiponoff):after {
	content: none
}

.onoffcontainer input[type=checkbox]:not(.skiponoff):checked {
	background-color: rgb(var(--accent-color)/1)
}

.onoffcontainer input[type=checkbox]:not(.skiponoff):checked:where(.dark, .dark *) {
	background-color: rgb(var(--accent-color-dark-bg)/1)
}

.onoffcontainer input[type=checkbox]:not(.skiponoff)[disabled],
.onoffcontainer input[type=checkbox]:not(.skiponoff)[readonly] {
	background-color: #d4d4d8 !important
}

.onoffcontainer input[type=checkbox]:not(.skiponoff)[disabled]:where(.dark, .dark *),
.onoffcontainer input[type=checkbox]:not(.skiponoff)[readonly]:where(.dark, .dark *) {
	background-color: #52525b !important
}

.onoffcontainer input[type=checkbox]:not(.skiponoff)[disabled]:before,
.onoffcontainer input[type=checkbox]:not(.skiponoff)[readonly]:before {
	background-color: #e4e4e7 !important
}

.onoffcontainer input[type=checkbox]:not(.skiponoff)[disabled]:where(.dark, .dark *):before,
.onoffcontainer input[type=checkbox]:not(.skiponoff)[readonly]:where(.dark, .dark *):before {
	background-color: #71717a !important
}

.onoffcontainer input[type=checkbox]:not(.skiponoff):checked:before {
	left: 1.25rem
}

h1 {
	font-size: 1.5rem;
	line-height: 2rem
}

h2 {
	font-size: 1.25rem;
	line-height: 1.75rem
}

p {
	margin-bottom: .5rem;
	margin-top: .5rem
}

a,
label {
	cursor: pointer
}

code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
	font-weight: 500
}

.container {
	max-width: 72rem
}

.visible {
	visibility: visible
}

.invisible {
	visibility: hidden
}

.collapse {
	visibility: collapse
}

.static {
	position: static
}

.fixed {
	position: fixed
}

.\!absolute {
	position: absolute !important
}

.absolute {
	position: absolute
}

.relative {
	position: relative
}

.sticky {
	position: sticky
}

.inset-y-0 {
	bottom: 0;
	top: 0
}

.\!right-4 {
	right: 1rem !important
}

.left-0 {
	left: 0
}

.left-1 {
	left: .25rem
}

.left-3 {
	left: .75rem
}

.right-0 {
	right: 0
}

.right-14 {
	right: 3.5rem
}

.right-2 {
	right: .5rem
}

.right-3 {
	right: .75rem
}

.right-4 {
	right: 1rem
}

.top-0 {
	top: 0
}

.top-1 {
	top: .25rem
}

.top-3 {
	top: .75rem
}

.top-4 {
	top: 1rem
}

.top-8 {
	top: 2rem
}

.top-9 {
	top: 2.25rem
}

.z-50 {
	z-index: 50
}

.-order-1 {
	order: -1
}

.col-span-3 {
	grid-column: span 3/span 3
}

.float-right {
	float: right
}

.\!m-0 {
	margin: 0 !important
}

.m-0 {
	margin: 0
}

.m-4 {
	margin: 1rem
}

.-mx-4 {
	margin-left: -1rem;
	margin-right: -1rem
}

.-mx-8 {
	margin-left: -2rem;
	margin-right: -2rem
}

.-my-6 {
	margin-bottom: -1.5rem;
	margin-top: -1.5rem
}

.mx-2 {
	margin-left: .5rem;
	margin-right: .5rem
}

.mx-auto {
	margin-left: auto;
	margin-right: auto
}

.my-2 {
	margin-bottom: .5rem;
	margin-top: .5rem
}

.my-3 {
	margin-bottom: .75rem;
	margin-top: .75rem
}

.my-4 {
	margin-bottom: 1rem;
	margin-top: 1rem
}

.my-6 {
	margin-bottom: 1.5rem;
	margin-top: 1.5rem
}

.my-auto {
	margin-bottom: auto;
	margin-top: auto
}

.\!mb-0 {
	margin-bottom: 0 !important
}

.\!mb-10 {
	margin-bottom: 2.5rem !important
}

.\!mb-20 {
	margin-bottom: 5rem !important
}

.\!mt-0 {
	margin-top: 0 !important
}

.-mb-4 {
	margin-bottom: -1rem
}

.-ml-0\.5 {
	margin-left: -.125rem
}

.-ml-2 {
	margin-left: -.5rem
}

.-mt-0\.5 {
	margin-top: -.125rem
}

.-mt-6 {
	margin-top: -1.5rem
}

.mb-0 {
	margin-bottom: 0
}

.mb-1 {
	margin-bottom: .25rem
}

.mb-10 {
	margin-bottom: 2.5rem
}

.mb-2 {
	margin-bottom: .5rem
}

.mb-3 {
	margin-bottom: .75rem
}

.mb-4 {
	margin-bottom: 1rem
}

.mb-5 {
	margin-bottom: 1.25rem
}

.mb-6 {
	margin-bottom: 1.5rem
}

.mb-8 {
	margin-bottom: 2rem
}

.ml-1 {
	margin-left: .25rem
}

.ml-2 {
	margin-left: .5rem
}

.ml-4 {
	margin-left: 1rem
}

.mr-1 {
	margin-right: .25rem
}

.mr-2 {
	margin-right: .5rem
}

.mr-3 {
	margin-right: .75rem
}

.mr-4 {
	margin-right: 1rem
}

.mr-8 {
	margin-right: 2rem
}

.mt-1 {
	margin-top: .25rem
}

.mt-10 {
	margin-top: 2.5rem
}

.mt-2 {
	margin-top: .5rem
}

.mt-3 {
	margin-top: .75rem
}

.mt-4 {
	margin-top: 1rem
}

.mt-6 {
	margin-top: 1.5rem
}

.mt-8 {
	margin-top: 2rem
}

.\!block {
	display: block !important
}

.block {
	display: block
}

.inline-block {
	display: inline-block
}

.inline {
	display: inline
}

.flex {
	display: flex
}

.inline-flex {
	display: inline-flex
}

.table {
	display: table
}

.grid {
	display: grid
}

.contents {
	display: contents
}

.hidden {
	display: none
}

.size-10 {
	height: 2.5rem;
	width: 2.5rem
}

.size-11 {
	height: 2.75rem;
	width: 2.75rem
}

.size-2 {
	height: .5rem;
	width: .5rem
}

.size-20 {
	height: 5rem;
	width: 5rem
}

.size-3 {
	height: .75rem;
	width: .75rem
}

.size-4 {
	height: 1rem;
	width: 1rem
}

.size-5 {
	height: 1.25rem;
	width: 1.25rem
}

.size-6 {
	height: 1.5rem;
	width: 1.5rem
}

.size-7 {
	height: 1.75rem;
	width: 1.75rem
}

.size-8 {
	height: 2rem;
	width: 2rem
}

.h-0\.5 {
	height: .125rem
}

.h-1\.5 {
	height: .375rem
}

.h-2\.5 {
	height: .625rem
}

.h-4 {
	height: 1rem
}

.h-5 {
	height: 1.25rem
}

.h-9 {
	height: 2.25rem
}

.h-full {
	height: 100%
}

.max-h-9 {
	max-height: 2.25rem
}

.min-h-44 {
	min-height: 11rem
}

.min-h-full {
	min-height: 100%
}

.min-h-screen {
	min-height: 100vh
}

.w-0\.5 {
	width: .125rem
}

.w-1\.5 {
	width: .375rem
}

.w-1\/2 {
	width: 50%
}

.w-1\/3 {
	width: 33.333333%
}

.w-16 {
	width: 4rem
}

.w-2\.5 {
	width: .625rem
}

.w-2\/3 {
	width: 66.666667%
}

.w-20 {
	width: 5rem
}

.w-28 {
	width: 7rem
}

.w-48 {
	width: 12rem
}

.w-60 {
	width: 15rem
}

.w-64 {
	width: 16rem
}

.w-8 {
	width: 2rem
}

.w-80 {
	width: 20rem
}

.w-96 {
	width: 24rem
}

.w-\[800px\] {
	width: 800px
}

.w-full {
	width: 100%
}

.w-min {
	width: min-content
}

.min-w-0 {
	min-width: 0
}

.min-w-16 {
	min-width: 4rem
}

.min-w-48 {
	min-width: 12rem
}

.min-w-8 {
	min-width: 2rem
}

.min-w-80 {
	min-width: 20rem
}

.min-w-max {
	min-width: max-content
}

.max-w-12 {
	max-width: 3rem
}

.max-w-2xl {
	max-width: 42rem
}

.max-w-full {
	max-width: 100%
}

.max-w-screen-xl {
	max-width: 1366px
}

.max-w-xl {
	max-width: 36rem
}

.flex-1 {
	flex: 1 1 0%
}

.block {
	display: block !important
}

.grow {
	flex-grow: 1
}

.border-separate {
	border-collapse: separate
}

.border-spacing-6 {
	--tw-border-spacing-x: 1.5rem;
	--tw-border-spacing-y: 1.5rem;
	border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}

.rotate-90 {
	--tw-rotate: 90deg
}

.rotate-90,
.transform {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes bounce {

	0%,
	to {
		animation-timing-function: cubic-bezier(.8, 0, 1, 1);
		transform: translateY(-25%)
	}

	50% {
		animation-timing-function: cubic-bezier(0, 0, .2, 1);
		transform: none
	}
}

.animate-bounce {
	animation: bounce 1s infinite
}

.animate-zoom {
	animation: zoom 1s cubic-bezier(0.18, 0.89, 0.32, 1.28) infinite;
}

@keyframes zoom {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.1);
	}
}

@keyframes ping {

	75%,
	to {
		opacity: 0;
		transform: scale(2)
	}
}

.animate-ping {
	animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite
}

@keyframes pulse {
	50% {
		opacity: .5
	}
}

.animate-pulse {
	animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.cursor-pointer {
	cursor: pointer
}

.grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.flex-col {
	flex-direction: column
}

.flex-col-reverse {
	flex-direction: column-reverse
}

.flex-wrap {
	flex-wrap: wrap
}

.items-start {
	align-items: flex-start
}

.items-center {
	align-items: center
}

.justify-start {
	justify-content: flex-start
}

.justify-end {
	justify-content: flex-end
}

.justify-center {
	justify-content: center
}

.justify-between {
	justify-content: space-between
}

.gap-2 {
	gap: .5rem
}

.gap-3 {
	gap: .75rem
}

.gap-4 {
	gap: 1rem
}

.gap-6 {
	gap: 1.5rem
}

.gap-x-2 {
	column-gap: .5rem
}

.gap-x-4 {
	column-gap: 1rem
}

.gap-x-5 {
	column-gap: 1.25rem
}

.gap-x-8 {
	column-gap: 2rem
}

.gap-y-12 {
	row-gap: 3rem
}

.gap-y-2 {
	row-gap: .5rem
}

.gap-y-4 {
	row-gap: 1rem
}

.max-w-lg {
	max-width: 32rem
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.space-x-2>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.space-x-3>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.75rem*var(--tw-space-x-reverse))
}

.space-x-4>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(1rem*var(--tw-space-x-reverse))
}

.space-x-5>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(1.25rem*var(--tw-space-x-reverse))
}

.space-y-1>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
	margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-12>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-bottom: calc(3rem*var(--tw-space-y-reverse));
	margin-top: calc(3rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-4>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-bottom: calc(1rem*var(--tw-space-y-reverse));
	margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.overflow-auto {
	overflow: auto
}

.overflow-hidden {
	overflow: hidden
}

.overflow-x-auto {
	overflow-x: auto
}

.truncate {
	overflow: hidden;
	white-space: nowrap
}

.text-ellipsis,
.truncate {
	text-overflow: ellipsis
}

.whitespace-nowrap {
	white-space: nowrap
}

.text-nowrap {
	text-wrap: nowrap
}

.break-all {
	word-break: break-all
}

.rounded {
	border-radius: .25rem
}

.rounded-full {
	border-radius: 9999px
}

.rounded-lg {
	border-radius: .5rem
}

.rounded-md {
	border-radius: .375rem
}

.rounded-e-none {
	border-end-end-radius: 0;
	border-start-end-radius: 0
}

.rounded-s-none {
	border-end-start-radius: 0;
	border-start-start-radius: 0
}

.\!border-0 {
	border-width: 0 !important
}

.border {
	border-width: 1px
}

.\!border-b-0 {
	border-bottom-width: 0 !important
}

.\!border-t {
	border-top-width: 1px !important
}

.border-b {
	border-bottom-width: 1px
}

.border-l {
	border-left-width: 1px
}

.border-r {
	border-right-width: 1px
}

.border-t {
	border-top-width: 1px
}

.border-dashed {
	border-style: dashed
}

.border-none {
	border-style: none
}

.border-error-color {
	--tw-border-opacity: 1;
	border-color: rgb(var(--error-color)/var(--tw-border-opacity, 1))
}

.border-zinc-300 {
	--tw-border-opacity: 1;
	border-color: rgb(212 212 216/var(--tw-border-opacity, 1))
}

.border-zinc-900\/25 {
	border-color: rgba(24, 24, 27, .25)
}

.\!bg-accent-color {
	background-color: rgb(var(--accent-color)/1) !important
}

.bg-header-color {
	background-color: rgb(var(--header-color)/1)
}

.bg-inherit {
	background-color: inherit
}

.bg-red-400 {
	background-color: #f87171
}

.bg-red-500 {
	background-color: #ef4444
}

.bg-transparent {
	background-color: transparent
}

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

.bg-white\/\[\.4\] {
	background-color: hsla(0, 0%, 100%, .4)
}

.bg-zinc-100 {
	background-color: #f4f4f5
}

.bg-zinc-200 {
	background-color: #e4e4e7
}

.bg-zinc-400 {
	background-color: #a1a1aa
}

.bg-zinc-50 {
	background-color: #fafafa
}

.fill-current {
	fill: currentColor
}

.fill-zinc-400 {
	fill: #a1a1aa
}

.stroke-green-600 {
	stroke: #16a34a
}

.stroke-red-500 {
	stroke: #ef4444
}

.stroke-red-600 {
	stroke: #dc2626
}

.stroke-zinc-400 {
	stroke: #a1a1aa
}

.stroke-zinc-500 {
	stroke: #71717a
}

.stroke-zinc-800 {
	stroke: #27272a
}

.stroke-2 {
	stroke-width: 2
}

.\!p-0 {
	padding: 0 !important
}

.\!p-1 {
	padding: .25rem !important
}

.p-1\.5 {
	padding: .375rem !important
}

.\!p-7 {
	padding: 1.75rem !important
}

.p-1 {
	padding: .25rem
}

.p-2 {
	padding: .5rem
}

.p-3 {
	padding: .75rem
}

.p-8 {
	padding: 2rem
}

.\!px-1 {
	padding-left: .25rem !important;
	padding-right: .25rem !important
}

.\!py-0\.5 {
	padding-bottom: .125rem !important;
	padding-top: .125rem !important
}

.\!py-2\.5 {
	padding-bottom: .625rem !important;
	padding-top: .625rem !important
}

.\!py-4 {
	padding-bottom: 1rem !important;
	padding-top: 1rem !important
}

.px-2 {
	padding-left: .5rem;
	padding-right: .5rem
}

.px-3 {
	padding-left: .75rem;
	padding-right: .75rem
}

.px-4 {
	padding-left: 1rem;
	padding-right: 1rem
}

.px-5 {
	padding-left: 1.25rem;
	padding-right: 1.25rem
}

.px-8 {
	padding-left: 2rem;
	padding-right: 2rem
}

.py-1 {
	padding-bottom: .25rem;
	padding-top: .25rem
}

.py-2 {
	padding-bottom: .5rem;
	padding-top: .5rem
}

.py-2\.5 {
	padding-bottom: .625rem;
	padding-top: .625rem
}

.py-3 {
	padding-bottom: .75rem;
	padding-top: .75rem
}

.py-4 {
	padding-bottom: 1rem;
	padding-top: 1rem
}

.py-6 {
	padding-bottom: 1.5rem;
	padding-top: 1.5rem
}

.py-7 {
	padding-bottom: 1.75rem;
	padding-top: 1.75rem
}

.\!ps-10 {
	padding-inline-start: 2.5rem !important
}

.pb-2 {
	padding-bottom: .5rem
}

.pb-4 {
	padding-bottom: 1rem
}

.pl-0 {
	padding-left: 0
}

.pl-1 {
	padding-left: .25rem
}

.pl-4 {
	padding-left: 1rem
}

.pl-5 {
	padding-left: 1.25rem
}

.pl-6 {
	padding-left: 1.5rem
}

.pl-8 {
	padding-left: 2rem
}

.pr-0 {
	padding-right: 0
}

.pr-1 {
	padding-right: .25rem
}

.pr-3 {
	padding-right: .75rem
}

.pr-6 {
	padding-right: 1.5rem
}

.pr-8 {
	padding-right: 2rem
}

.pt-10 {
	padding-top: 2.5rem
}

.pt-4 {
	padding-top: 1rem
}

.pt-6 {
	padding-top: 1.5rem
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

.align-top {
	vertical-align: top
}

.text-base {
	font-size: 1rem;
	line-height: 1.5rem
}

.text-sm {
	font-size: .875rem;
	line-height: 1.25rem
}

.text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem
}

.text-xs {
	font-size: .75rem;
	line-height: 1rem
}

.font-bold {
	font-weight: 700
}

.font-extralight {
	font-weight: 200
}

.font-medium {
	font-weight: 500
}

.font-normal {
	font-weight: 400
}

.font-semibold {
	font-weight: 600
}

.capitalize {
	text-transform: capitalize
}

.italic {
	font-style: italic
}

.\!text-red-500 {
	--tw-text-opacity: 1 !important;
	color: rgb(239 68 68/var(--tw-text-opacity, 1)) !important
}

.\!text-red-600 {
	--tw-text-opacity: 1 !important;
	color: rgb(220 38 38/var(--tw-text-opacity, 1)) !important
}

.text-black {
	--tw-text-opacity: 1;
	color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-error-color {
	--tw-text-opacity: 1;
	color: rgb(var(--error-color)/var(--tw-text-opacity, 1))
}

.text-header-text-color {
	--tw-text-opacity: 1;
	color: rgb(var(--header-text-color)/var(--tw-text-opacity, 1))
}

.text-indigo-200 {
	--tw-text-opacity: 1;
	color: rgb(199 210 254/var(--tw-text-opacity, 1))
}

.text-inherit {
	color: inherit
}

.text-red-700 {
	--tw-text-opacity: 1;
	color: rgb(185 28 28/var(--tw-text-opacity, 1))
}

.text-tech-color {
	--tw-text-opacity: 1;
	color: rgb(var(--tech-color)/var(--tw-text-opacity, 1))
}

.text-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.text-zinc-400 {
	--tw-text-opacity: 1;
	color: rgb(161 161 170/var(--tw-text-opacity, 1))
}

.text-zinc-500 {
	--tw-text-opacity: 1;
	color: rgb(113 113 122/var(--tw-text-opacity, 1))
}

.text-zinc-700 {
	--tw-text-opacity: 1;
	color: rgb(63 63 70/var(--tw-text-opacity, 1))
}

.text-zinc-800 {
	--tw-text-opacity: 1;
	color: rgb(39 39 42/var(--tw-text-opacity, 1))
}

.underline {
	text-decoration-line: underline
}

.opacity-75 {
	opacity: .75
}

.\!shadow-none {
	--tw-shadow: 0 0 #0000 !important;
	--tw-shadow-colored: 0 0 #0000 !important;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.outline {
	outline-style: solid
}

.blur {
	--tw-blur: blur(8px)
}

.blur,
.filter {
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur {
	--tw-backdrop-blur: blur(8px);
	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
	backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition {
	transition-duration: .15s;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
	transition-duration: .15s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

div.ui-multiselect-menu {
	background-color: #fff;
	border-radius: .5rem;
	border-width: 1px;
	display: none;
	margin-top: .5rem;
	min-width: 14rem;
	overflow: auto;
	z-index: 50
}

div.ui-multiselect-menu:where(.dark, .dark *) {
	background-color: #18181b
}

div.ui-multiselect-menu {
	scrollbar-color: #ccc transparent;
	scrollbar-width: thin;
	z-index: 1100
}

div.ui-multiselect-menu .ui-multiselect-single .ui-multiselect-checkboxes input {
	left: -9999px;
	position: absolute !important;
	top: auto !important
}

div.ui-multiselect-menu .ui-multiselect-single .ui-multiselect-checkboxes label {
	padding: 5px !important
}

div.ui-multiselect-menu .ui-multiselect-header ul {
	display: flex;
	gap: 1rem;
	padding: .5rem
}

div.ui-multiselect-menu .ui-multiselect-checkboxes label:has(input[type=checkbox]:checked) {
	background-color: rgb(var(--accent-color)/1);
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

div.ui-multiselect-menu .ui-multiselect-checkboxes label:has(input[type=checkbox]:checked):where(.dark, .dark *) {
	background-color: rgb(var(--accent-color-dark-bg)/1)
}

div.ui-multiselect-menu .ui-multiselect-checkboxes label {
	flex-grow: 1
}

div.ui-multiselect-menu .ui-multiselect-checkboxes input {
	margin-right: .5rem
}

.redbutton,
button.redbutton,
input[type=submit].redbutton {
	--tw-border-opacity: 1;
	background-color: #b91c1c;
	border-color: rgb(185 28 28/var(--tw-border-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.redbutton:hover,
button.redbutton:hover,
input[type=submit].redbutton:hover {
	background-color: #991b1b;
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.grey2 {
	font-size: .75rem;
	line-height: 1rem;
	--tw-text-opacity: 1;
	color: rgb(113 113 122/var(--tw-text-opacity, 1))
}

.grey2:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(161 161 170/var(--tw-text-opacity, 1))
}

/*! @noflip */
input[type=checkbox] {
	appearance: none;
	cursor: pointer;
	direction: ltr;
	height: 1rem;
	line-height: 16px;
	position: relative;
	vertical-align: middle;
	width: 1rem
}

input[type=checkbox]:before {
	background-color: rgb(var(--accent-color)/1);
	border-radius: 4px;
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' stroke='%23fff' stroke-linecap='round' stroke-width='4' viewBox='0 0 19 19'%3E%3Cpath d='m5 10.75 3.5 3.5L16 6'/%3E%3C/svg%3E");
	height: 100%;
	position: absolute;
	top: -1px;
	transform: scale(0);
	transition: .3s;
	width: 100%
}

input[type=checkbox]:where(.dark, .dark *):before {
	background-color: rgb(var(--accent-color-dark-bg)/1)
}

input[type=checkbox]:after {
	border-radius: 4px;
	border-width: 1px;
	content: "";
	height: 100%;
	position: absolute;
	top: -1px;
	transition: .3s;
	width: 100%;
	--tw-border-opacity: 1;
	background-color: #fff;
	border-color: rgb(212 212 216/var(--tw-border-opacity, 1))
}

input[type=checkbox]:where(.dark, .dark *):after {
	--tw-border-opacity: 1;
	background-color: #27272a;
	border-color: rgb(113 113 122/var(--tw-border-opacity, 1))
}

input[type=checkbox]:checked:before {
	transform: scale(1)
}

input[type=checkbox]:checked:after {
	transform: scale(0)
}

input[type=checkbox]:disabled:before,
input[type=checkbox]:disabled:checked:after {
	background-color: #71717a
}

input[type=radio]:not(.radiobox) {
	appearance: none;
	border-radius: 9999px;
	border-width: 1px;
	cursor: pointer;
	height: 1rem;
	vertical-align: middle;
	width: 1rem
}

input[type=radio]:not(.radiobox):checked {
	background-color: rgb(var(--accent-color)/1)
}

input[type=radio]:not(.radiobox):where(.dark, .dark *):checked {
	background-color: rgb(var(--accent-color-dark-bg)/1)
}

input[type=radio]:checked {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")
}

[v-cloak] {
	display: none
}

.bgpattern {
	background-image: url(../images/bgpattern.svg);
	background-position: 0 0;
	background-repeat: repeat-x;
	background-size: 720px 720px
}

html.dark .bgpattern {
	background-image: url(../images/bgpattern_dark.svg)
}

.announcementbar {
	align-items: center;
	background-image: linear-gradient(to right, var(--tw-gradient-stops));
	display: flex;
	display: none;
	justify-content: space-between;
	--tw-gradient-from: rgba(240, 171, 252, .8) var(--tw-gradient-from-position);
	--tw-gradient-to: rgba(240, 171, 252, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
	--tw-gradient-to: #9089fc var(--tw-gradient-to-position);
	font-size: .875rem;
	line-height: 1.25rem;
	padding: .5rem 2rem;
	--tw-text-opacity: 1;
	color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.announcementbar span {
	flex-grow: 1
}

.announcementbar a:not(.announcementClose) {
	--tw-text-opacity: 1;
	color: rgb(79 70 229/var(--tw-text-opacity, 1));
	text-decoration-line: underline
}

.announcementbar a.announcementClose {
	color: inherit
}

.announcementbar.announcementerror {
	background-image: linear-gradient(to right, var(--tw-gradient-stops));
	--tw-gradient-from: #ff317f var(--tw-gradient-from-position);
	--tw-gradient-to: rgba(255, 49, 127, 0) var(--tw-gradient-to-position);
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
	--tw-gradient-to: #ff89fc var(--tw-gradient-to-position)
}

.spanHtml {
	max-width: fit-content
}

.spanHtml>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.spanHtml {
	background-color: #fff;
	border-radius: .375rem;
	font-size: .75rem;
	line-height: 1rem;
	padding: .25rem .5rem
}

.spanHtml:where(.dark, .dark *) {
	background-color: #52525b
}

.spanHtml a {
	text-decoration-line: underline
}

#profilePopup {
	margin-top: 1rem;
	padding: 1rem;
	right: 0;
	width: 24rem
}

#profilePopup .profileDiv {
	align-items: center;
	display: flex;
	margin-bottom: .75rem
}

#profilePopup .profileDiv .avatar {
	height: 3.5rem !important;
	margin-right: .75rem;
	max-width: none !important;
	width: 3.5rem !important
}

.smallTicketList li {
	align-items: center;
	background-color: #f4f4f5;
	border-radius: .375rem;
	display: flex;
	margin-bottom: .5rem;
	padding: .5rem
}

.smallTicketList li:hover {
	opacity: .8
}

.smallTicketList li:where(.dark, .dark *) {
	background-color: rgba(63, 63, 70, .5)
}

.smallTicketList li :first-child {
	flex-grow: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.smallTicketList li hr {
	margin-bottom: .75rem;
	margin-top: .75rem
}

table.smallTicketList {
	--tw-border-spacing-y: 0.75rem;
	border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
	padding-top: .75rem
}

table.smallTicketList th {
	padding: 0
}

table.smallTicketList td {
	background-color: #f4f4f5;
	cursor: pointer;
	padding: .75rem
}

table.smallTicketList td:where(.dark, .dark *) {
	background-color: rgba(63, 63, 70, .5)
}

table.smallTicketList td:first-child {
	width: 100%
}

table.smallTicketList tr:has(td):hover {
	opacity: .8
}

table.smallTicketList td:first-child {
	border-bottom-left-radius: .375rem;
	border-top-left-radius: .375rem
}

table.smallTicketList td:last-child {
	border-bottom-right-radius: .375rem;
	border-top-right-radius: .375rem
}

nav>.menuItem {
	align-items: center;
	border-bottom-width: 2px;
	border-color: transparent;
	display: inline-flex;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.25rem;
	padding-bottom: .75rem;
	padding-top: .25rem
}

nav>.menuItem:hover {
	--tw-border-opacity: 1;
	border-color: rgb(var(--accent-color)/var(--tw-border-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(var(--accent-color)/var(--tw-text-opacity, 1))
}

nav>.menuItem:where(.dark, .dark *):hover {
	--tw-border-opacity: 1;
	border-color: rgb(var(--accent-color-dark-text)/var(--tw-border-opacity, 1))
}

nav>.menuItem:hover:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(var(--accent-color-dark-text)/var(--tw-text-opacity, 1))
}

nav>.menuItem.active {
	border-bottom-width: 2px;
	--tw-border-opacity: 1;
	border-color: rgb(var(--accent-color)/var(--tw-border-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(var(--accent-color)/var(--tw-text-opacity, 1))
}

nav>.menuItem.active:where(.dark, .dark *) {
	--tw-border-opacity: 1;
	border-color: rgb(var(--accent-color-dark-text)/var(--tw-border-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(var(--accent-color-dark-text)/var(--tw-text-opacity, 1))
}

nav>.menuItem svg {
	stroke: #71717a
}

nav>.menuItem.active svg {
	stroke: currentColor
}

.viewMode {
	align-items: center;
	display: flex
}

.viewMode>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(1rem*var(--tw-space-x-reverse))
}

.viewMode {
	--tw-text-opacity: 1;
	color: rgb(39 39 42/var(--tw-text-opacity, 1))
}

.viewMode:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(161 161 170/var(--tw-text-opacity, 1))
}

.viewMode>a,
.viewMode>div.dropdown>a {
	align-items: center;
	display: inline-flex;
	justify-content: flex-end;
	min-height: 2.5rem
}

.viewMode>a>:not([hidden])~:not([hidden]),
.viewMode>div.dropdown>a>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.viewMode>a,
.viewMode>div.dropdown>a {
	border-color: transparent;
	border-radius: 9999px;
	border-width: 1px;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.25rem;
	padding: .5rem .75rem
}

.viewMode>a:hover,
.viewMode>div.dropdown>a:hover {
	background-color: #e4e4e7
}

.viewMode>a:where(.dark, .dark *):hover,
.viewMode>div.dropdown>a:where(.dark, .dark *):hover {
	background-color: #27272a
}

.viewMode>a>span.ticketCount {
	background-color: #fff;
	border-radius: 9999px;
	border-width: 1px;
	font-size: .75rem;
	line-height: 1rem;
	min-width: 2rem;
	padding: .25rem .5rem;
	text-align: center;
	--tw-text-opacity: 1;
	color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.viewMode>a>span.ticketCount:where(.dark, .dark *) {
	--tw-border-opacity: 1;
	background-color: #27272a;
	border-color: rgb(39 39 42/var(--tw-border-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.viewMode a.active2,
.viewMode>div.dropdown>a.active2 {
	--tw-border-opacity: 1;
	background-color: #fff;
	border-color: rgb(229 231 235/var(--tw-border-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(var(--accent-color)/var(--tw-text-opacity, 1))
}

.viewMode a.active2:where(.dark, .dark *),
.viewMode>div.dropdown>a.active2:where(.dark, .dark *) {
	--tw-border-opacity: 1;
	background-color: #27272a;
	border-color: rgb(39 39 42/var(--tw-border-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(var(--accent-color-dark-text)/var(--tw-text-opacity, 1))
}

.viewMode a.active2>span.ticketCount {
	background-color: #e4e4e7
}

.viewMode a.active2>span.ticketCount:where(.dark, .dark *) {
	background-color: #3f3f46
}

.filterBox {
	background-color: #fafafa !important;
	margin-top: 1rem;
	padding: .25rem !important;
	right: 0;
	width: 24rem
}

.filterBox:where(.dark, .dark *) {
	background-color: #27272a !important
}

.filterBox #divSavedFilters:not(:empty) {
	padding: .5rem
}

.filterBox #divSavedFilters:not(:empty) .tagslist {
	margin-top: .75rem
}

.filterBox #divSavedFilters:not(:empty) hr {
	margin-top: 1rem
}

.filterBox table {
	border-collapse: separate;
	table-layout: fixed;
	width: 100%;
	--tw-border-spacing-x: 0.5rem;
	--tw-border-spacing-y: 0.5rem;
	border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}

.filterBox table tr td:first-child {
	font-size: .75rem;
	line-height: 1rem;
	--tw-text-opacity: 1;
	color: rgb(113 113 122/var(--tw-text-opacity, 1))
}

.filterBox table tr td:first-child:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(161 161 170/var(--tw-text-opacity, 1))
}

table.attachments tr td:nth-child(2)>div a:has(.filterBox table tr td:first-child) {
	color: inherit
}

.filterBox table tr td>input,
.filterBox table tr td>select {
	width: 100%
}

.filterBox table tr:last-child td div {
	align-items: center;
	display: flex
}

.filterBox table tr:last-child td div>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.filterBox table tr:last-child td div button {
	flex-grow: 1
}

.filterBox table button.ui-multiselect {
	width: 100% !important
}

.sortByDropdown a {
	justify-content: space-between !important
}

.sortByDropdown .directionIcon {
	color: hsla(0, 0%, 100%, .7);
	display: none
}

.sortByDropdown .selected .directionIcon {
	display: block
}

.horizseparated,
.ticketGrid {
	border-collapse: separate;
	--tw-border-spacing-x: 0px;
	--tw-border-spacing-y: 0px;
	border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
	overflow: hidden;
	padding: 0
}

.horizseparated th,
.ticketGrid th {
	border-bottom-width: 1px;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.25rem;
	padding: .75rem .5rem;
	--tw-text-opacity: 1;
	color: rgb(113 113 122/var(--tw-text-opacity, 1))
}

.horizseparated th:where(.dark, .dark *),
.ticketGrid th:where(.dark, .dark *) {
	--tw-border-opacity: 0.5;
	--tw-text-opacity: 1;
	color: rgb(212 212 216/var(--tw-text-opacity, 1))
}

.horizseparated .mainCell,
.ticketGrid .mainCell {
	font-size: .875rem;
	line-height: 1.25rem;
	--tw-text-opacity: 1;
	color: rgb(24 24 27/var(--tw-text-opacity, 1))
}

.horizseparated .mainCell:where(.dark, .dark *),
.ticketGrid .mainCell:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(244 244 245/var(--tw-text-opacity, 1))
}

.horizseparated .mainCell .subj,
.ticketGrid .mainCell .subj {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
	word-break: break-all
}

@media (min-width:640px) {

	.horizseparated .mainCell .subj,
	.ticketGrid .mainCell .subj {
		overflow-wrap: normal;
		word-break: normal
	}
}

.horizseparated .mainCell .subj,
.ticketGrid .mainCell .subj {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.horizseparated .mainCell .ticketrowMeta,
.ticketGrid .mainCell .ticketrowMeta {
	column-gap: 1rem;
	display: flex;
	flex-wrap: wrap;
	font-size: .75rem;
	line-height: 1rem;
	margin-top: .25rem;
	--tw-text-opacity: 1;
	color: rgb(113 113 122/var(--tw-text-opacity, 1))
}

.horizseparated .mainCell .ticketrowMeta:where(.dark, .dark *),
.ticketGrid .mainCell .ticketrowMeta:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(161 161 170/var(--tw-text-opacity, 1))
}

.horizseparated .mainCell .ticketrowMeta>*,
.ticketGrid .mainCell .ticketrowMeta>* {
	text-wrap: nowrap
}

.horizseparated td,
.ticketGrid td {
	font-size: .75rem;
	line-height: 1rem;
	--tw-text-opacity: 1;
	color: rgb(113 113 122/var(--tw-text-opacity, 1))
}

.horizseparated td:where(.dark, .dark *),
.ticketGrid td:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(161 161 170/var(--tw-text-opacity, 1))
}

.horizseparated tr:nth-child(2n)>td,
.ticketGrid tr:nth-child(2n)>td {
	background-color: hsla(240, 5%, 96%, .3)
}

.horizseparated tr:nth-child(2n)>td:where(.dark, .dark *),
.ticketGrid tr:nth-child(2n)>td:where(.dark, .dark *) {
	background-color: rgba(24, 24, 27, .3)
}

.horizseparated tbody tr:not(:has(th)):not(.highlight):hover,
.ticketGrid tbody tr:not(:has(th)):not(.highlight):hover {
	background-color: #fafafa
}

.horizseparated tbody tr:not(:has(th)):not(.highlight):hover:where(.dark, .dark *),
.ticketGrid tbody tr:not(:has(th)):not(.highlight):hover:where(.dark, .dark *) {
	background-color: #18181b
}

.horizseparated tbody>tr>td,
.ticketGrid tbody>tr>td {
	border-bottom-width: 1px
}

.horizseparated tbody>tr>td:where(.dark, .dark *),
.ticketGrid tbody>tr>td:where(.dark, .dark *) {
	--tw-border-opacity: 0.5
}

.horizseparated tbody>tr:last-child>td,
.ticketGrid tbody>tr:last-child>td {
	border-width: 0
}

.horizseparated tbody tr.overdue,
.ticketGrid tbody tr.overdue {
	background-color: rgba(190, 18, 60, .1)
}

.horizseparated tbody tr.overdue .duedate,
.ticketGrid tbody tr.overdue .duedate {
	--tw-text-opacity: 1;
	color: rgb(var(--error-color)/var(--tw-text-opacity, 1))
}

.horizseparated tbody tr.overdue .duedate:where(.dark, .dark *),
.ticketGrid tbody tr.overdue .duedate:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(var(--error-color-dark)/var(--tw-text-opacity, 1))
}

.horizseparated .subticket .mainCell,
.ticketGrid .subticket .mainCell {
	padding-left: 1.75rem
}

.horizseparated td,
.ticketGrid td {
	height: 73px;
	padding: .75rem .5rem
}

.horizseparated td.statusCell>*>:not([hidden])~:not([hidden]),
.ticketGrid td.statusCell>*>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
	margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))
}

.horizseparated td:first-child,
.horizseparated th:first-child,
.ticketGrid td:first-child,
.ticketGrid th:first-child {
	padding-left: .75rem
}

.ticketGrid td:not(.statusCell):not(.mainCell),
.ticketGrid th {
	display: none
}

@media (min-width:640px) {

	.ticketGrid td:not(.statusCell):not(.mainCell),
	.ticketGrid th {
		display: table-cell
	}
}

.ticketGrid tbody tr:not(:has(th)) {
	cursor: pointer
}

.ticketGrid td {
	vertical-align: top
}

.ticketGrid td.cbcell {
	padding-top: 1.05rem;
	width: .5rem
}

.priorityCell {
	align-items: center;
	display: flex;
	justify-content: flex-start
}

.priorityCell>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.priorityCell {
	font-size: .75rem;
	line-height: 1rem
}

.priorityCell:before {
	background-color: #15803d;
	border-radius: 9999px;
	content: "";
	display: inline-block;
	height: .375rem;
	margin-right: .5rem;
	width: .375rem;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
	--tw-ring-color: rgba(21, 128, 61, .15)
}

.priorityCell.priority-1:before {
	background-color: #64748b;
	--tw-ring-color: rgba(100, 116, 139, .15)
}

.priorityCell.priority1:before {
	background-color: #fb7185;
	--tw-ring-color: rgba(251, 113, 133, .15)
}

.priorityCell.priority2:before {
	background-color: #dc2626;
	--tw-ring-color: rgba(220, 38, 38, .15)
}

.priorityCell.priority2 {
	--tw-text-opacity: 1;
	color: rgb(225 29 72/var(--tw-text-opacity, 1))
}

.statusName {
	align-items: center;
	display: flex;
	justify-content: flex-start
}

.statusName>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.statusName {
	font-size: .75rem;
	line-height: 1rem
}

.statusName:before {
	background-color: var(--dot-color, #71717a);
	border-radius: 9999px;
	content: "";
	display: inline-block;
	height: .375rem;
	margin-right: .5rem;
	width: .375rem
}

.statusName.newStatus {
	--tw-text-opacity: 1;
	color: rgb(var(--new-color)/var(--tw-text-opacity, 1))
}

.statusName.newStatus:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(var(--new-color-dark)/var(--tw-text-opacity, 1))
}

.statusName.newStatus:before {
	background-color: rgb(var(--new-color)/1)
}

.statusName.newStatus:where(.dark, .dark *):before {
	background-color: rgb(var(--new-color-dark)/1)
}

.statusName.techStatus:before {
	background-color: rgb(var(--tech-color)/1)
}

.statusName.techStatus:where(.dark, .dark *):before {
	background-color: rgb(var(--tech-color-dark)/1)
}

.statusName.closedStatus:before {
	background-color: #71717a
}

.statusName.closedStatus:where(.dark, .dark *):before {
	background-color: #3f3f46
}

.badge {
	display: inline-flex
}

.badge>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.badge {
	background-color: rgba(100, 116, 139, .1);
	border-radius: 9999px;
	font-size: .75rem;
	font-weight: 500;
	line-height: 1rem;
	padding: .125rem .5rem;
	text-wrap: nowrap;
	--tw-text-opacity: 1;
	color: rgb(100 116 139/var(--tw-text-opacity, 1))
}

.badge:where(.dark, .dark *) {
	background-color: rgba(148, 163, 184, .1);
	--tw-text-opacity: 1;
	color: rgb(148 163 184/var(--tw-text-opacity, 1))
}

.badge>span:first-child {
	text-wrap: nowrap
}

.badge>span:first-child:first-letter {
	text-transform: capitalize
}

.badge>a {
	color: inherit !important
}

.badge.new-badge {
	background-color: rgb(var(--new-color)/.1);
	--tw-text-opacity: 1;
	color: rgb(var(--new-color)/var(--tw-text-opacity, 1))
}

.badge.new-badge:where(.dark, .dark *) {
	background-color: rgb(var(--new-color-dark)/.1);
	--tw-text-opacity: 1;
	color: rgb(var(--new-color-dark)/var(--tw-text-opacity, 1))
}

.badge.cust-badge {
	background-color: rgb(var(--cust-color)/.2);
	--tw-text-opacity: 1;
	color: rgb(var(--cust-color)/var(--tw-text-opacity, 1))
}

.badge.cust-badge:where(.dark, .dark *) {
	background-color: rgb(var(--cust-color-dark)/.1);
	--tw-text-opacity: 1;
	color: rgb(var(--cust-color-dark)/var(--tw-text-opacity, 1))
}

.badge.vend-badge {
	background-color: rgb(var(--vend-color)/.2);
	--tw-text-opacity: 1;
	color: rgb(var(--vend-color)/var(--tw-text-opacity, 1))
}

.badge.vend-badge:where(.dark, .dark *) {
	background-color: rgb(var(--vend-color-dark)/.1);
	--tw-text-opacity: 1;
	color: rgb(var(--vend-color-dark)/var(--tw-text-opacity, 1))
}

.badge.fortech-badge {
	background-color: rgb(var(--fortech-color)/.1);
	--tw-text-opacity: 1;
	color: rgb(var(--fortech-color)/var(--tw-text-opacity, 1))
}

.badge.fortech-badge:where(.dark, .dark *) {
	background-color: rgb(var(--fortech-color-dark)/.1);
	--tw-text-opacity: 1;
	color: rgb(var(--fortech-color-dark)/var(--tw-text-opacity, 1))
}

.badge.forvendor-badge {
	background-color: rgb(168 55 255/.1);
	--tw-text-opacity: 1;
	color: rgb(168 55 255)
}

.badge.forvendor-badge:where(.dark, .dark *) {
	background-color: rgb(168 55 255/.1);
	--tw-text-opacity: 1;
	color: rgb(168 55 255)
}

.badge.tech-badge {
	background-color: rgb(var(--tech-color)/.1);
	--tw-text-opacity: 1;
	color: rgb(var(--tech-color)/var(--tw-text-opacity, 1))
}

.badge.tech-badge:where(.dark, .dark *) {
	background-color: rgb(var(--tech-color-dark)/.1);
	--tw-text-opacity: 1;
	color: rgb(var(--tech-color-dark)/var(--tw-text-opacity, 1))
}

.tagsinput,
.tagslist {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: .25rem
}

.tagslist {
	gap: .5rem
}

.tagsinput {
	align-items: center;
	background-color: #fff;
	border-radius: .375rem;
	border-width: 1px;
	padding-left: .5rem;
	padding-right: .5rem;
	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.tagsinput:where(.dark, .dark *) {
	background-color: #18181b
}

.issueDetails .tagsinput,
.tagsinput input {
	padding-left: 0;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.issueDetails .tagsinput {
	background-color: inherit;
	border-color: transparent;
	margin-bottom: -.5rem;
	margin-top: -.5rem
}

.tag {
	align-items: center;
	background-color: rgb(var(--accent-color)/.05);
	border-radius: .375rem !important;
	display: inline-flex;
	font-size: .75rem;
	font-weight: 500;
	gap: .25rem;
	line-height: 1rem;
	padding: .25rem .5rem !important;
	text-wrap: nowrap
}

.tag:where(.dark, .dark *) {
	background-color: #3f3f46
}

.tag.selected {
	background-color: rgb(var(--accent-color)/1)
}

.tag.selected:where(.dark, .dark *) {
	background-color: rgb(var(--accent-color-dark-bg)/1)
}

.tag.selected a {
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.count {
	background-color: #fff;
	border-radius: 9999px;
	border-width: 1px;
	font-size: .75rem;
	line-height: 1rem;
	min-width: 1.75rem;
	padding: .125rem .5rem;
	text-align: center
}

.count:where(.dark, .dark *) {
	--tw-border-opacity: 1;
	background-color: #3f3f46;
	border-color: rgb(82 82 91/var(--tw-border-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(228 228 231/var(--tw-text-opacity, 1))
}

#bulk-actions-popup {
	background-color: rgb(var(--accent-color)/.7);
	border-radius: .375rem;
	display: none;
	margin: 2.5rem 1.25rem;
	padding: .75rem;
	position: absolute;
	--tw-backdrop-blur: blur(4px);
	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
	backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

#bulk-actions-popup:where(.dark, .dark *) {
	background-color: rgb(var(--accent-color-dark-bg)/.7)
}

#bulk-actions-popup a,
#bulk-actions-popup label {
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

#bulk-actions-popup input[type=submit] {
	--tw-border-opacity: 1;
	background-color: #6366f1;
	border-color: rgb(99 102 241/var(--tw-border-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

#bulk-actions-popup input[type=submit]:hover {
	opacity: .9
}

#bulk-actions-popup .graybutton {
	--tw-border-opacity: 1;
	background-color: #c7d2fe;
	border-color: rgb(199 210 254/var(--tw-border-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(99 102 241/var(--tw-text-opacity, 1))
}

#bulk-actions-popup .graybutton:hover {
	opacity: .9
}

#bulk-actions-popup svg {
	pointer-events: none
}

#bulk-actions-popup>ul {
	display: flex
}

#bulk-actions-popup>ul>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.75rem*var(--tw-space-x-reverse))
}

#bulk-actions-popup>div {
	display: none;
	padding-bottom: .5rem;
	padding-top: .5rem
}

.moreBtn {
	margin-bottom: .75rem;
	margin-top: .75rem
}

#toolbar {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 1.5rem;
	max-width: 100%;
	row-gap: .5rem;
	--tw-text-opacity: 1;
	color: rgb(113 113 122/var(--tw-text-opacity, 1))
}

@media (min-width:1024px) {
	#toolbar {
		flex-wrap: nowrap
	}
}

#toolbar:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(161 161 170/var(--tw-text-opacity, 1))
}

#status {
	column-gap: .5rem;
	max-width: 100%;
	text-wrap: nowrap
}

#status,
#toolbar button {
	align-items: center;
	display: flex
}

#toolbar button {
	height: 2rem
}

#toolbar button>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

#toolbar button {
	background-color: #f4f4f5;
	border-width: 0;
	color: currentColor;
	font-weight: 400;
	padding: .25rem .75rem .25rem .5rem;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#toolbar button:hover {
	opacity: .75
}

#toolbar button:where(.dark, .dark *) {
	background-color: #3f3f46
}

.tools button:after {
	content: none !important
}

#statusesDdl {
	background-color: #fff;
	border-radius: .375rem;
	border-width: 1px;
	margin-top: .5rem;
	padding: .25rem;
	position: absolute
}

#statusesDdl:where(.dark, .dark *) {
	background-color: #27272a
}

#statusesDdl li {
	padding: 0
}

#statusesDdl button {
	background-color: transparent;
	justify-content: flex-start;
	min-width: 100%
}

#body:where(.dark, .dark *),
#subject:where(.dark, .dark *),
.commentBody:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(228 228 231/var(--tw-text-opacity, 1))
}

#body blockquote,
#subject blockquote,
.commentBody blockquote {
	padding-left: 2rem
}

#ticketBody #subject {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2rem;
	margin-bottom: 1.5rem
}

#ticketBody #body,
.commentBody {
	font-size: 1rem;
	line-height: 1.5rem;
	max-width: 100%;
	overflow: auto
}

#ticketBody #body img,
.commentBody img {
	height: auto;
	max-height: 100svh;
	max-width: 100%
}

#ticketBody #body pre,
.commentBody pre {
	white-space: break-spaces
}

#ticketBody #body table,
.commentBody table {
	border-collapse: collapse;
	border-width: 1px;
	max-width: 100% !important;
	overflow-x: auto
}

#ticketBody #body table td,
#ticketBody #body table th,
.commentBody table td,
.commentBody table th {
	border-width: 1px;
	overflow-wrap: normal;
	padding: .5rem;
	word-break: normal
}

#body,
#rteBodyEditor,
.commentBody,
div.richeditor div[contenteditable=true] {
	max-width: 100%;
	overflow: auto;
	overflow-wrap: break-word;
	word-break: break-word
}

#body h1,
#body h2,
#body h3,
#body h4,
#body h5,
#body h6,
#rteBodyEditor h1,
#rteBodyEditor h2,
#rteBodyEditor h3,
#rteBodyEditor h4,
#rteBodyEditor h5,
#rteBodyEditor h6,
.commentBody h1,
.commentBody h2,
.commentBody h3,
.commentBody h4,
.commentBody h5,
.commentBody h6,
div.richeditor div[contenteditable=true] h1,
div.richeditor div[contenteditable=true] h2,
div.richeditor div[contenteditable=true] h3,
div.richeditor div[contenteditable=true] h4,
div.richeditor div[contenteditable=true] h5,
div.richeditor div[contenteditable=true] h6 {
	font-weight: 600;
	margin-bottom: .75rem;
	margin-top: .75rem
}

#body ol,
#body ul,
#rteBodyEditor ol,
#rteBodyEditor ul,
.commentBody ol,
.commentBody ul,
div.richeditor div[contenteditable=true] ol,
div.richeditor div[contenteditable=true] ul {
	margin-bottom: .75rem;
	margin-top: .75rem;
	padding-left: 1.5rem
}

#body ul,
#rteBodyEditor ul,
.commentBody ul,
div.richeditor div[contenteditable=true] ul {
	list-style-type: disc
}

#body ol,
#rteBodyEditor ol,
.commentBody ol,
div.richeditor div[contenteditable=true] ol {
	list-style-type: decimal
}

#body table,
#rteBodyEditor table,
.commentBody table,
div.richeditor div[contenteditable=true] table {
	max-width: 100% !important;
	width: auto !important
}

#body img,
#rteBodyEditor img,
.commentBody img,
div.richeditor div[contenteditable=true] img {
	display: inline
}

div[contenteditable=true] img.resizable {
	cursor: nwse-resize
}

#txtNewComment input {
	background-color: #fafafa;
	border-radius: .375rem;
	padding: .75rem;
	width: 100%
}

#txtNewComment input:where(.dark, .dark *) {
	background-color: #3f3f46
}

img.avatar,
span.avatar {
	border-radius: 9999px;
	height: 1.80rem;
	max-width: 1.80rem;
	overflow: hidden;
	width: 1.80rem
}

span.avatar {
	align-items: center;
	background-color: #e4e4e7;
	display: flex;
	font-size: .875rem;
	font-weight: 500;
	justify-content: center;
	line-height: 1.25rem;
	text-transform: uppercase;
	--tw-text-opacity: 1 !important;
	color: rgb(63 63 70/var(--tw-text-opacity, 1)) !important
}

span.avatar:where(.dark, .dark *) {
	background-color: #52525b;
	--tw-text-opacity: 1 !important;
	color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

.avatar.tech {
	background-color: rgb(var(--tech-color)/.2)
}

.avatar.tech:where(.dark, .dark *) {
	background-color: rgb(var(--tech-color-dark)/.3)
}

.userDiv>.avatar {
	background-color: #d4d4d8;
	margin-right: .25rem
}

.userDiv>.avatar:where(.dark, .dark *) {
	background-color: #52525b
}

.userPopup {
	display: none
}

.userPopup:where(.dark, .dark *) {
	background-color: #18181b !important
}

div.toolsPopup {
	padding: 0;
	--tw-text-opacity: 1;
	color: rgb(113 113 122/var(--tw-text-opacity, 1))
}

div.toolsPopup:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(161 161 170/var(--tw-text-opacity, 1))
}

div.toolsPopup .selected {
	background-color: rgb(var(--accent-color)/1);
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

div.toolsPopup .selected:hover {
	background-color: rgb(var(--accent-color)/.9)
}

div.toolsPopup .selected:where(.dark, .dark *) {
	background-color: rgb(var(--accent-color-dark-bg)/1)
}

div.toolsPopup .selected:hover:where(.dark, .dark *) {
	background-color: rgb(var(--accent-color-dark-bg)/.9)
}

div.toolsPopup header {
	font-weight: 600;
	padding: .75rem
}

.toolsPopup .file,
.toolsPopup a,
.toolsPopup>b,
.toolsPopup>label,
.toolsPopup>li>label {
	align-items: center;
	border-radius: .375rem;
	color: inherit;
	display: flex;
	margin: .125rem;
	padding: .5rem .75rem
}

.toolsPopup .file:hover,
.toolsPopup a:hover,
.toolsPopup>b:hover,
.toolsPopup>label:hover,
.toolsPopup>li>label:hover {
	background-color: #f4f4f5
}

.toolsPopup .file:hover:where(.dark, .dark *),
.toolsPopup a:hover:where(.dark, .dark *),
.toolsPopup>b:hover:where(.dark, .dark *),
.toolsPopup>label:hover:where(.dark, .dark *),
.toolsPopup>li>label:hover:where(.dark, .dark *) {
	background-color: #3f3f46
}

.toolsPopup a svg,
.toolsPopup label>input {
	margin-right: 1rem
}

.toolsPopup .file {
	max-width: 100%
}

.previewFile {
	display: inline-block !important;
	overflow: hidden;
	padding: 0 !important;
	text-overflow: ellipsis;
	white-space: nowrap
}

a.modalCloseImg {
	color: inherit
}

a.modalCloseImg:before {
	content: "✖";
	opacity: .4;
	position: absolute;
	right: 10px;
	top: 6px;
	z-index: 1
}

.rightsidebar th {
	font-weight: 500;
	padding-bottom: .75rem
}

.issueDetails tr td {
	padding-bottom: .5rem;
	padding-top: .5rem
}

.issueDetails tr td:not(:first-child) {
	max-width: 0
}

.issueDetails tr td:first-child {
	font-size: .75rem;
	height: 2.75rem;
	line-height: 1rem;
	overflow: hidden;
	width: 7rem;
	--tw-text-opacity: 1;
	color: rgb(113 113 122/var(--tw-text-opacity, 1))
}

.issueDetails tr td:first-child:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(161 161 170/var(--tw-text-opacity, 1))
}

.issueDetails tr td:last-child>div:not(#ticketStatus) {
	align-items: center;
	display: flex;
	justify-content: space-between
}

.issueDetails div.editor {
	flex-basis: 100%;
	margin-bottom: -1rem;
	margin-top: -1rem
}

.issueDetails #selCategory {
	width: 70%
}

.editButton {
	background-color: #f4f4f5;
	border-radius: .375rem;
	color: inherit;
	cursor: pointer;
	padding: .25rem .5rem
}

.editButton:hover {
	background-color: #e4e4e7
}

.editButton:where(.dark, .dark *) {
	background-color: #18181b
}

.editButton:hover:where(.dark, .dark *) {
	background-color: #3f3f46
}

.editButton svg {
	stroke-width: 2
}

table.similarArticles tr td {
	max-width: 0
}

#TicketCustomFields .editor {
	align-items: center;
	display: flex;
	gap: .25rem;
	max-width: 100%
}

#TicketCustomFields .editor button.ui-multiselect,
#TicketCustomFields .editor input,
#TicketCustomFields .editor select,
#TicketCustomFields .editor textarea {
	flex: 1 1 0%;
	min-width: 0
}

#TicketCustomFields .editor a,
#TicketCustomFields .editor button {
	flex-shrink: 0
}

#placeholderspan,
.greyer {
	color: #9ca3af
}

table.attachments tr td:nth-child(2) {
	max-width: 0
}

table.attachments tr td:nth-child(2)>div>a {
	display: block;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all
}

table.attachments tr td:nth-child(2)>div a:has(.grey2) {
	color: inherit
}

table.attachments tr td:nth-child(3) a {
	font-size: .75rem;
	line-height: 1rem;
	--tw-text-opacity: 1;
	color: rgb(113 113 122/var(--tw-text-opacity, 1))
}

table.attachments tr td:nth-child(3) a:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(161 161 170/var(--tw-text-opacity, 1))
}

table.attachments tr td:nth-child(2)>div a:has(table.attachments tr td:nth-child(3) a) {
	color: inherit
}

table.attachments .dropdown {
	position: relative
}

table.attachments .toolsPopup {
	margin-top: .5rem;
	right: 0;
	width: max-content
}

.attachmentPreview {
	align-items: center;
	background-color: #f4f4f5;
	border-radius: .375rem;
	display: flex;
	height: 4rem;
	justify-content: center;
	margin-bottom: .25rem;
	margin-right: .25rem;
	overflow: hidden;
	width: 7rem
}

.attachmentPreview:where(.dark, .dark *) {
	background-color: #3f3f46
}

.attachmentPreview img {
	max-height: 100%
}

.attachmentPreview:hover {
	background-color: #e4e4e7
}

.attachmentPreview:hover:where(.dark, .dark *) {
	background-color: #3f3f46
}

.attachmentPreview img {
	margin: auto
}

.outerroundedborder,
.outerroundedbox,
table.outerroundedform {
	background-color: #fff;
	border-radius: .5rem;
	border-width: 1px;
	box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, .06)
}

.outerroundedborder:where(.dark, .dark *),
.outerroundedbox:where(.dark, .dark *),
table.outerroundedform:where(.dark, .dark *) {
	background-color: #27272a
}

.outerroundedbox,
table.outerroundedform {
	margin-bottom: 1.5rem;
	padding: .75rem
}

@media (min-width:640px) {

	.outerroundedbox,
	table.outerroundedform {
		padding: 1rem
	}
}

table.outerroundedborder,
table.outerroundedbox,
table.outerroundedform {
	border-collapse: separate
}

.leftsidebar .outerroundedborder:where(.dark, .dark *),
.leftsidebar .outerroundedbox:where(.dark, .dark *) {
	background-color: inherit
}

table.outerroundedform th {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2rem
}

table.outerroundedform td,
table.outerroundedform th {
	padding: .75rem 1rem
}

.highlight {
	background-color: rgb(var(--accent-color)/.15)
}

.highlight:where(.dark, .dark *) {
	background-color: rgb(var(--accent-color-dark-bg)/.15)
}

#divNewComment #divSubscribersList {
	align-items: center;
	border-radius: .5rem;
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	padding-bottom: .5rem;
	--tw-text-opacity: 1;
	color: rgb(113 113 122/var(--tw-text-opacity, 1))
}

#divNewComment #divSubscribersList:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(161 161 170/var(--tw-text-opacity, 1))
}

#divNewComment #divSubscribersList .subscriber {
	align-items: center;
	display: flex
}

#divNewComment #divSubscribersList .subscriber>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

#divNewComment #divSubscribersList .subscriber {
	background-color: #f4f4f5;
	border-radius: .375rem;
	border-width: 1px;
	padding: .25rem
}

#divNewComment #divSubscribersList .vendor {
	background-color: #ffea95;
	border-radius: .375rem;
	border-width: 1px;
	padding: .25rem
}

#divNewComment #divSubscribersList .subscriber:where(.dark, .dark *) {
	background-color: #3f3f46
}

#divNewComment #divSubscribersList .vendor:where(.dark, .dark *) {
	background-color: #725b00
}

#divNewComment #divSubscribersList .subscriber label {
	align-items: center;
	display: flex
}

#divNewComment #divSubscribersList .subscriber label>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

div.tech input[type=checkbox]:checked:before {
	background-color: rgb(var(--tech-color)/1)
}

div.tech input[type=checkbox]:checked:where(.dark, .dark *):before {
	background-color: rgb(var(--tech-color-dark)/1)
}

div.vendor input[type=checkbox]:checked:before {
	background-color: rgb(116 0 160)
}

div.vendor input[type=checkbox]:checked:where(.dark, .dark *):before {
	background-color: rgb(143 0 197)
}

.commentsContainer {
	display: flex;
	flex-direction: column
}

.commentsContainer>div {
	margin-top: 1.25rem
}

.commentsContainer>.outerroundedbox {
	margin-bottom: 0;
	transition-duration: .5s;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.techcomment a.uPopup {
	--tw-text-opacity: 1;
	color: rgb(var(--tech-color)/var(--tw-text-opacity, 1))
}

.techcomment {
	border-right-color: rgb(var(--tech-color)/.5)
}

.fortechcomment {
	border-right-color: rgb(var(--fortech-color)/.5)
}

.vendorcomment {
	border-right-color: rgb(133 57 192 / 68%)
}

.commentAttachments {
	display: flex;
	flex-wrap: wrap;
	font-size: .75rem;
	gap: 1rem;
	line-height: 1rem;
	padding-top: 1rem;
	--tw-text-opacity: 1;
	color: rgb(113 113 122/var(--tw-text-opacity, 1))
}

.commentAttachments:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(161 161 170/var(--tw-text-opacity, 1))
}

.commentAttachments>a {
	color: inherit;
	width: 7rem
}

.commentAttachments>a div:not(:has(img)) {
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap
}

.dropdown-menu {
	display: flex;
	display: none;
	flex-direction: column;
	margin-top: .25rem;
	padding: 0;
	position: absolute;
	z-index: 50
}

.dropdown.open .dropdown-menu {
	display: flex
}

.dropdown .dropdown-toggle svg,
.dropdown.open .dropdown-toggle svg {
	transition-duration: .15s;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.dropdown.open .dropdown-toggle svg {
	--tw-rotate: 180deg;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.dropdown-menu hr {
	padding: 0 !important
}

.center {
	margin-left: auto;
	margin-right: auto
}

.mediumform,
table.mediumform {
	max-width: 42rem
}

@media (min-width:1024px) {

	.mediumform,
	table.mediumform {
		width: 672px
	}
}

.mediumform input[type=email],
.mediumform input[type=text],
.mediumform select,
.mediumform textarea,
table.mediumform input[type=email],
table.mediumform input[type=text],
table.mediumform select,
table.mediumform textarea {
	width: 100%
}

.mediumform td,
table.mediumform td {
	vertical-align: top
}

.kbCenteredContainer,
.narrowCenteredContainer {
	margin-left: auto;
	margin-right: auto;
	max-width: 56rem
}

.breadcrumbs {
	align-items: center;
	display: flex;
	margin-bottom: 1.5rem
}

.breadcrumbs>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(1rem*var(--tw-space-x-reverse))
}

.breadcrumbs {
	font-weight: 500;
	--tw-text-opacity: 1;
	color: rgb(161 161 170/var(--tw-text-opacity, 1))
}

.breadcrumbs img {
	height: 1rem;
	width: 1rem
}

.my-custom-theme {
	background-color: #f1f5f9;
	border-radius: .375rem;
	border-width: 1px;
	font-size: .75rem !important;
	line-height: 1rem !important;
	margin-left: .5rem
}

.my-custom-theme:where(.dark, .dark *) {
	background-color: #1e293b
}

.my-custom-theme .tooltipster-content {
	padding: .5rem
}

.richeditor {
	border-radius: .5rem;
	border-width: 1px
}

.richeditor:where(.dark, .dark *) {
	background-color: #18181b
}

.richeditor .wswgcontainer>div {
	font-size: 1rem;
	line-height: 1.5rem;
	overflow: auto;
	padding: .75rem
}

.richeditor .wswgcontainer>div:focus {
	outline: 2px solid transparent;
	outline-offset: 2px
}

.richeditor .wswgcontainer>div {
	resize: vertical
}

:root:has(.editorBtns) .richeditor .wswgcontainer>div {
	padding-bottom: 2.5rem
}

.richeditor .wswgcontainer>textarea {
	border-width: 0;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
	padding: .75rem;
	width: 100%;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.editbar {
	align-items: center;
	background-color: #f4f4f5;
	border-bottom-width: 1px;
	display: flex;
	flex-wrap: wrap;
	gap: .25rem;
	padding: .5rem .75rem
}

.editbar:where(.dark, .dark *) {
	background-color: #3f3f46
}

.editbar .custom {
	align-items: center;
	display: flex;
	flex-grow: 1;
	justify-content: flex-end
}

.editbar .custom>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.editbar button {
	background-color: transparent;
	border-width: 0;
	font-size: .75rem;
	line-height: 1rem;
	padding: .25rem;
	--tw-text-opacity: 1;
	color: rgb(82 82 91/var(--tw-text-opacity, 1));
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.editbar button:hover {
	background-color: #fff
}

.editbar button:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(228 228 231/var(--tw-text-opacity, 1))
}

.editbar button:where(.dark, .dark *):hover {
	background-color: #27272a
}

.editbar .colorpick td {
	height: 1rem;
	padding: 0;
	width: 1rem
}

.editorBtns {
	bottom: .75rem;
	position: absolute;
	right: .5rem
}

.editorBtns .button {
	background-color: #f4f4f5;
	border-width: 1px
}

.editorBtns .button:where(.dark, .dark *) {
	background-color: #3f3f46
}

.fileupload .dropdown-toggle {
	color: inherit;
	opacity: .5;
	padding: .5rem .75rem
}

.richeditor .dropdown-menu {
	background-color: #f4f4f5;
	border-radius: .375rem;
	border-width: 1px;
	display: flex;
	display: none;
	flex-direction: column;
	margin-top: .25rem;
	max-height: 24rem;
	overflow: hidden;
	overflow-y: auto;
	position: absolute;
	z-index: 50
}

.richeditor .dropdown-menu:where(.dark, .dark *) {
	background-color: #27272a
}

.richeditor .dropdown-menu>:not(tbody, hr) {
	font-size: .75rem !important;
	line-height: 1rem !important;
	padding: .5rem !important;
	width: 100% !important
}

.richeditor .dropdown-menu>:not(tbody, hr):hover {
	background-color: #fff !important
}

.richeditor .dropdown-menu>:not(tbody, hr):where(.dark, .dark *):hover {
	background-color: #3f3f46 !important
}

.richeditor .dropdown-menu>:not(tbody, hr).selected {
	background-color: #fff !important
}

.richeditor .dropdown-menu>:not(tbody, hr).selected:where(.dark, .dark *) {
	background-color: #3f3f46 !important
}

.richeditor .dropdown-menu .kbcategory {
	font-weight: 600
}

.richeditor .dropdown-menu div:not(.kbcategory) {
	font-weight: 400
}

.richeditor .dropdown-menu a {
	color: inherit
}

.richeditor .dropdown .dropdown-toggle {
	align-items: center;
	display: inline-flex;
	gap: .25rem
}

.userPopup {
	width: 24rem
}

.userPopup .userInfo {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	margin-bottom: 1.5rem
}

.userPopup .userInfo>* {
	align-items: center;
	display: flex
}

.userPopup .userInfo>*>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.userPopup .userInfo>* {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.userPopup .userInfo a {
	color: inherit
}

.userPopup .userInfo svg {
	stroke: #71717a
}

.userPopup .userInfo svg:where(.dark, .dark *) {
	stroke: #a1a1aa
}

div.error {
	background-color: #be123c !important;
	border-radius: .375rem;
	font-size: .875rem;
	line-height: 1.25rem;
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

div.error a {
	color: inherit;
	text-decoration-line: underline
}

div.success {
	background-color: #047857 !important;
	border-radius: .375rem;
	font-size: .875rem;
	line-height: 1.25rem;
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

div.success a {
	color: inherit;
	text-decoration-line: underline
}

label.error {
	display: block;
	font-size: .75rem;
	line-height: 1rem;
	position: absolute;
	--tw-text-opacity: 1;
	color: rgb(var(--error-color)/var(--tw-text-opacity, 1))
}

label.error:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(var(--error-color-dark)/var(--tw-text-opacity, 1))
}

label.error a {
	color: inherit;
	text-decoration-line: underline
}

input.error,
input:user-invalid,
select.error,
select:user-invalid,
textarea.error,
textarea:user-invalid {
	--tw-border-opacity: 1 !important;
	background-color: rgb(var(--error-color)/.05);
	border-color: rgb(var(--error-color)/var(--tw-border-opacity, 1)) !important
}

input.error:where(.dark, .dark *),
input:user-invalid:where(.dark, .dark *),
select.error:where(.dark, .dark *),
select:user-invalid:where(.dark, .dark *),
textarea.error:where(.dark, .dark *),
textarea:user-invalid:where(.dark, .dark *) {
	--tw-border-opacity: 1 !important;
	background-color: #302b2e;
	border-color: rgb(var(--error-color-dark)/var(--tw-border-opacity, 1)) !important
}

.report-settings>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-bottom: calc(3rem*var(--tw-space-y-reverse));
	margin-top: calc(3rem*(1 - var(--tw-space-y-reverse)))
}

.report-settings .section:first-child {
	margin-top: 2rem
}

.report-settings .section {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem;
	margin-bottom: 1rem;
	margin-top: 1rem
}

.report-settings .section .subheader {
	font-weight: 500;
	margin-bottom: -.5rem;
	width: 100%
}

.report-settings .section .report-input {
	width: 14rem
}

.report-settings .section .report-input button,
.report-settings .section .report-input input:not([type=checkbox]),
.report-settings .section .report-input label,
.report-settings .section .report-input select {
	width: 100%
}

.report-settings .section .report-input input.cfDateRange {
	width: 50%
}

#dashboardContainer {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (min-width:640px) {
	#dashboardContainer {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}
}

@media (min-width:768px) {
	#dashboardContainer {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}
}

@media (min-width:1024px) {
	#dashboardContainer {
		grid-template-columns: repeat(4, minmax(0, 1fr))
	}
}

#dashboardContainer .dashboardBox {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	justify-content: space-between;
	margin: 0
}

#dashboardContainer .dashboardBox h4 {
	font-size: .875rem;
	font-weight: 500;
	line-height: 1.25rem
}

#dashboardContainer .dashboardBox h4 a {
	color: inherit
}

#dashboardContainer .dashboardBox .dashboardCount {
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.75rem
}

#dashboardContainer .dashboardBox .techsContainer {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem
}

.ac_results li {
	font-family: InterVariable, sans-serif !important
}

.ac_results li:where(.dark, .dark *) {
	background-color: #3f3f46 !important
}

li.ac_over {
	background-color: rgb(var(--accent-color)/1) !important;
	--tw-text-opacity: 1 !important;
	color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

li.ac_over:where(.dark, .dark *) {
	background-color: rgb(var(--accent-color-dark-bg)/1) !important
}

.assistant-layout button {
	opacity: 0;
	transition: opacity 0.2s ease;
}

.assistant-layout:hover button {
	opacity: 1;
}

.admindescription {
	font-size: .75rem;
	line-height: 1rem;
	--tw-text-opacity: 1;
	color: rgb(113 113 122/var(--tw-text-opacity, 1))
}

.admindescription:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(161 161 170/var(--tw-text-opacity, 1))
}

.admintable h3 {
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.75rem
}

.admintable td {
	padding-top: .75rem
}

.admintable td,
.admintable th {
	padding-bottom: .75rem
}

.admintable td.separator {
	border-top-width: 1px
}

.admintable textarea {
	width: 100%
}

.admintable td:has(.colorsample) {
	position: relative
}

.admintable input.colorpicker {
	padding-left: 2rem
}

.admintable .colorsample {
	border-radius: .375rem;
	border-width: 1px;
	height: 1.25rem;
	left: .25rem;
	position: absolute;
	top: 17px;
	width: 1.25rem
}

button.ui-multiselect, input:not([type=submit],[type=checkbox],[type=radio]), select, textarea {
	background-color: #fff;
	border-radius: .375rem;
	border-width: 1px;
	color: #000;
	padding: .5rem .75rem;
	--tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

	button.ui-multiselect:where(.dark,.dark *), input:not([type=submit],[type=checkbox],[type=radio]):where(.dark,.dark *), select:where(.dark,.dark *), textarea:where(.dark,.dark *) {
		background-color: #18181b;
		color: #d4d4d8
	}

	button.ui-multiselect:disabled, button.ui-multiselect[readonly], input:not([type=submit],[type=checkbox],[type=radio]):disabled, input:not([type=submit],[type=checkbox],[type=radio])[readonly], select:disabled, select[readonly], textarea:disabled, textarea[readonly] {
		background-color: #f4f4f5;
		color: #a1a1aa
	}

		button.ui-multiselect:disabled:where(.dark,.dark *), button.ui-multiselect[readonly]:where(.dark,.dark *), input:not([type=submit],[type=checkbox],[type=radio]):disabled:where(.dark,.dark *), input:not([type=submit],[type=checkbox],[type=radio])[readonly]:where(.dark,.dark *), select:disabled:where(.dark,.dark *), select[readonly]:where(.dark,.dark *), textarea:disabled:where(.dark,.dark *), textarea[readonly]:where(.dark,.dark *) {
			background-color: #27272a;
			color: #52525b
		}

	button.ui-multiselect:focus-visible, input:not([type=submit],[type=checkbox],[type=radio]):focus-visible, select:focus-visible, textarea:focus-visible {
		border-color: rgb(var(--accent-color)/.6);
		outline: 2px solid transparent;
		outline-offset: 2px
	}

.bluebutton, .button, .graybutton, .moreBtn, button, input[type=file]::file-selector-button, input[type=submit], input[type=submit].graybutton {
	align-items: center;
	background-color: rgb(var(--accent-color)/1);
	border-color: rgb(var(--accent-color)/var(--tw-border-opacity,1));
	border-radius: .375rem;
	border-width: 1px;
	color: rgb(255 255 255/var(--tw-text-opacity,1));
	column-gap: .25rem;
	cursor: pointer;
	display: inline-flex;
	font-size: .875rem;
	font-weight: 500;
	justify-content: center;
	line-height: 1.25rem;
	padding: .5rem 1rem;
	text-align: center
}

.graybutton, input[type=submit].graybutton {
	background-color: rgb(192 192 192);
    border-color: rgb(197 197 197);
}

.bluebutton:hover, .button:hover, .graybutton:hover, .moreBtn:hover, .transparentbutton:hover, button:hover, input[type=file]::file-selector-button:hover, input[type=submit].graybutton:hover, input[type=submit]:hover {
	opacity: .9;
}

.bluebutton:disabled, .button:disabled, .graybutton:disabled, .moreBtn:disabled, .transparentbutton:disabled, button:disabled, input[type=file]::file-selector-button:disabled, input[type=submit].graybutton:disabled, input[type=submit]:disabled {
		color: #a1a1aa;
		cursor: not-allowed
}

.bluebutton:where(.dark,.dark *), .button:where(.dark,.dark *), .graybutton:where(.dark,.dark *), .moreBtn:where(.dark,.dark *), .transparentbutton:where(.dark,.dark *), button:where(.dark,.dark *), input[type=file]:where(.dark,.dark *)::file-selector-button, input[type=submit].graybutton:where(.dark,.dark *), input[type=submit]:where(.dark,.dark *) {
		background-color: #3f3f46;
		border-color: transparent;
		color: #d4d4d8
}

.bluebutton:hover:where(.dark,.dark *), .button:hover:where(.dark,.dark *), .graybutton:hover:where(.dark,.dark *), .moreBtn:hover:where(.dark,.dark *), .transparentbutton:hover:where(.dark,.dark *), button:hover:where(.dark,.dark *), input[type=file]:where(.dark,.dark *)::file-selector-button:hover, input[type=submit].graybutton:hover:where(.dark,.dark *), input[type=submit]:hover:where(.dark,.dark *) {
			background-color: #52525b;
			color: #f4f4f5
}

.bluebutton:disabled:where(.dark,.dark *), .button:disabled:where(.dark,.dark *), .graybutton:disabled:where(.dark,.dark *), .moreBtn:disabled:where(.dark,.dark *), .transparentbutton:disabled:where(.dark,.dark *), button:disabled:where(.dark,.dark *), input[type=file]:where(.dark,.dark *)::file-selector-button:disabled, input[type=submit].graybutton:disabled:where(.dark,.dark *), input[type=submit]:disabled:where(.dark,.dark *) {
			color: #71717a
}

input[type=file].fancyfile {
	display: none
}

.radiobox {
	align-items: center;
	background-color: #fafafa;
	border-radius: .375rem;
	border-width: 1px;
	display: inline-flex;
	padding-bottom: .25rem;
	padding-top: .25rem
}

.radiobox:where(.dark, .dark *) {
	background-color: #18181b
}

.radiobox input[type=radio] {
	appearance: none;
	display: none
}

.radiobox label {
	border-radius: .375rem;
	margin-left: .25rem;
	margin-right: .25rem;
	padding: .5rem 1.5rem
}

.radiobox label:hover {
	background-color: #f4f4f5
}

.radiobox label:hover:where(.dark, .dark *) {
	background-color: #3f3f46
}

.radiobox input[type=radio]:checked+label {
	background-color: rgb(var(--accent-color)/1);
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.radiobox input[type=radio]:checked+label:where(.dark, .dark *) {
	background-color: rgb(var(--accent-color-dark-bg)/1)
}

.radiobox input[type=radio]:checked+label:before {
	content: "✓ "
}

.radiobox input[type=radio]:checked:disabled+label {
	background-color: #a1a1aa
}

.pager {
	display: inline-flex
}

.pager>:not([hidden])~:not([hidden]) {
	--tw-divide-x-reverse: 0;
	border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)));
	border-right-width: calc(1px*var(--tw-divide-x-reverse))
}

.pager {
	background-color: #fff;
	border-radius: .375rem;
	border-width: 1px;
	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.pager:where(.dark, .dark *) {
	background-color: #27272a
}

.pager a,
.pager b {
	padding: .25rem .75rem
}

.copyBtn img {
	display: inline;
	height: 1.25rem;
	opacity: .5;
	width: 1.25rem
}

.menulist {
	display: grid;
	gap: 2.5rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding: 2rem
}

.menulist header {
	font-size: 1.125rem;
	font-weight: 400;
	grid-column: 1/-1;
	line-height: 1.75rem;
	opacity: .75
}

.menulist svg {
	min-width: 2rem
}

.menulist img {
	max-height: 2rem;
	max-width: 2rem
}

.menulist>div {
	display: flex;
	gap: 1rem;
	grid-column: 1/-1;
	min-width: 100%
}

@media (min-width:640px) {
	.menulist>div {
		grid-column: span 1/span 1
	}
}

.menulist>div a {
	display: block;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.75rem;
	margin-bottom: .25rem
}

.menulist>div div {
	flex-grow: 1
}

.menulist>div svg {
	stroke: #71717a
}

.delete {
	--tw-text-opacity: 1;
	color: rgb(var(--error-color)/var(--tw-text-opacity, 1))
}

.delete:where(.dark, .dark *) {
	--tw-text-opacity: 1;
	color: rgb(var(--error-color-dark)/var(--tw-text-opacity, 1))
}

.cfText {
	word-break: break-all
}

@media print {
	nav {
		display: none
	}
}

.hover\:\!bg-inherit:hover {
	background-color: inherit !important
}

.hover\:bg-zinc-100:hover {
	background-color: #f4f4f5
}

.focus\:outline-none:focus {
	outline: 2px solid transparent;
	outline-offset: 2px
}

.group:hover .group-hover\:visible {
	visibility: visible
}

.group:hover .group-hover\:inline-block {
	display: inline-block
}

.group:hover .group-hover\:inline {
	display: inline
}

@keyframes spin {
	to {
		transform: rotate(1turn)
	}
}

.group:hover .group-hover\:animate-spin {
	animation: spin 1s linear infinite
}

.group:hover .group-hover\:stroke-current {
	stroke: currentColor
}

.peer:checked~.peer-checked\:bg-zinc-200 {
	background-color: #e4e4e7
}

@media (min-width:640px) {
	.sm\:-mx-8 {
		margin-left: -2rem;
		margin-right: -2rem
	}

	.sm\:mt-0 {
		margin-top: 0
	}

	.sm\:block {
		display: block
	}

	.sm\:flex {
		display: flex
	}

	.sm\:w-80 {
		width: 20rem
	}

	.sm\:w-auto {
		width: auto
	}

	.sm\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}

	.sm\:flex-nowrap {
		flex-wrap: nowrap
	}

	.sm\:px-8 {
		padding-left: 2rem;
		padding-right: 2rem
	}

	.sm\:pl-10 {
		padding-left: 2.5rem
	}
}

@media (max-width: 768px) {
	.ai-subagents-layout .sa-actions {
		flex-direction: column;
	}

	.ai-subagents-layout {
		display: flex;
		flex-direction: column;
	}

	.ai-subagents-layout th:nth-child(3),
	.ai-subagents-layout td:nth-child(3),
	.ai-subagents-layout th:nth-child(2),
	.ai-subagents-layout th:nth-child(4),
	.ai-subagents-layout td:nth-child(2),
	.ai-subagents-layout td:nth-child(4) {
		display: none;
	}

	.ai-provider-layout {
		flex-direction: column-reverse !important;
	}

	.rag-test {
		flex-direction: column;
		align-items: flex-start !important;
	}

	.rag-test input {
		width: 100% !important;
	}

	.menulist>div {
		grid-template-columns: 1fr !important;
	}
}

@media (min-width:768px) {
	.md\:absolute {
		position: absolute
	}

	.md\:block {
		display: block
	}
}

@media (min-width:1024px) {
	.lg\:right-auto {
		right: auto
	}

	.lg\:order-none {
		order: 0
	}

	.lg\:col-span-2 {
		grid-column: span 2/span 2
	}

	.lg\:block {
		display: block
	}

	.lg\:hidden {
		display: none
	}

	.lg\:w-72 {
		width: 18rem
	}

	.lg\:w-80 {
		width: 20rem
	}

	.lg\:w-\[350px\] {
		width: 350px
	}

	.lg\:w-\[800px\] {
		width: 800px
	}

	.lg\:min-w-80 {
		min-width: 20rem
	}

	.lg\:max-w-screen-2xl {
		max-width: 1536px
	}

	.lg\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.lg\:flex-row {
		flex-direction: row
	}

	.lg\:flex-nowrap {
		flex-wrap: nowrap
	}

	.lg\:justify-between {
		justify-content: space-between
	}

	.lg\:overflow-x-visible {
		overflow-x: visible
	}

	.lg\:pl-4 {
		padding-left: 1rem
	}

	.lg\:pr-4 {
		padding-right: 1rem
	}
}

@media (min-width:1366px) {
	.xl\:mb-4 {
		margin-bottom: 1rem
	}

	.xl\:min-w-\[512px\] {
		min-width: 512px
	}

	.xl\:pl-10 {
		padding-left: 2.5rem
	}

	.xl\:pr-10 {
		padding-right: 2.5rem
	}

	.xl\:text-base {
		font-size: 1rem;
		line-height: 1.5rem
	}
}

.dark\:border-zinc-700:where(.dark,.dark *) {
	border-color: #3f3f46
}

.dark\:border-zinc-800:where(.dark,.dark *) {
	border-color: #27272a
}

.dark\:\!bg-zinc-500:where(.dark,.dark *) {
	background-color: #71717a !important
}

.dark\:\!bg-zinc-700:where(.dark,.dark *) {
	background-color: #3f3f46 !important
}

.dark\:\!bg-zinc-800:where(.dark,.dark *) {
	background-color: #27272a !important
}

.dark\:bg-zinc-500:where(.dark,.dark *) {
	background-color: #71717a
}

.dark\:bg-zinc-700:where(.dark,.dark *) {
	background-color: #3f3f46
}

.dark\:bg-zinc-800\/80:where(.dark,.dark *) {
	background-color: rgba(39,39,42,.8)
}

.dark\:bg-zinc-800\/\[\.4\]:where(.dark,.dark *) {
	background-color: rgba(39,39,42,.4)
}

.dark\:bg-zinc-900:where(.dark,.dark *) {
	background-color: #18181b
}

.dark\:stroke-white:where(.dark,.dark *) {
	stroke: #fff
}

.dark\:text-white:where(.dark,.dark *) {
	color: #fff
}

.dark\:text-zinc-300:where(.dark,.dark *) {
	color: #d4d4d8
}

.dark\:text-zinc-400:where(.dark,.dark *) {
	color: #a1a1aa
}

.dark\:opacity-8:where(.dark,.dark *) {
	opacity: .08
}

.dark\:hover\:bg-zinc-800:hover:where(.dark,.dark *) {
	background-color: #27272a
}

.peer:checked ~ .peer-checked\:dark\:bg-zinc-700:where(.dark,.dark *) {
	background-color: #3f3f46
}

@media print {
	.print\:hidden {
		display: none
	}
}

#gptPopup {
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: 90%;
	max-width: 960px;
	max-height: 90vh;
	flex-direction: column;
}

@media (max-width: 768px) {
	#gptCustomPromptButtons > .flex {
		display: block;
	}
	#gptCustomPromptButtons > .flex button:first-child {
		width: 40%;
	}
	#gptChatInput {
		min-width: 100%;
	}
}