.control-slider {
	margin: 0;
	background-color: #e0e0e0;
	border-width: 0.125em;
	border-style: solid;
	border-color: #d0d0d0;
	border-radius: 0.5em;
	color: #303030;
}
.control-slider__wrap {}
.control-slider--horizontal__wrap {
	padding: 2em 1.375em;
}
.control-slider--vertical__wrap {
	padding: 1.375em 2em;
	height: 100%;
}
.control-slider__track {
	position: relative;
	z-index: 1;
	/* // border: '1px solid black', */
	border-width: 0.0625em;
	border-style: solid;
	border-color: #a0a0a0;
	border-radius: 1px;
}
.control-slider__track-actual {
	position: relative;
	width: 100%;
}
.control-slider__bt {
	position: absolute;
}
.control-slider--horizontal__wrap .control-slider__bt {
	top: 0;
}
.control-slider--vertical__wrap .control-slider__bt {
	left: 0;
}
.control-slider__bt-single {}
.control-slider__bt-min {}
.control-slider__bt-max {}
.control-slider__bt-handle {
	position: absolute;
	top: 0;
	width: 2.25em;
	height: 2.25em;
	font-size: 0.625em;
	line-height: 1.875em;
	text-align: center;
	color: #f0f0f0;
	background: #2080f0;
	border-width: 0.1875em;
	border-style: solid;
	border-color: #2080f0;
	/* // border: '2px solid red', */
	border-radius: 100%;
	transform: translateY(-50%);
	cursor: pointer;
}
.control-slider--horizontal__wrap .control-slider__bt-single .control-slider__bt-handle {
	left: 0;
	transform: translate(-50%, -50%);
}
.control-slider--horizontal__wrap .control-slider__bt-min .control-slider__bt-handle {
	right: 0;
}
.control-slider--horizontal__wrap .control-slider__bt-max .control-slider__bt-handle {
	left: 0;
}
.control-slider--vertical__wrap .control-slider__bt-single .control-slider__bt-handle {
	left: 0;
	top: 0;
	transform: translate(-50%, -50%);
}
.control-slider--vertical__wrap .control-slider__bt-min .control-slider__bt-handle {
	right: auto;
	top: auto;
	bottom: 0;
}
.control-slider--vertical__wrap .control-slider__bt-max .control-slider__bt-handle {
	left: 0;
	top: 0;
}
.control-slider__range {
	position: absolute;
	background: #2080f0;
}
.control-slider--horizontal__wrap .control-slider__range {
	top: -0.25em;
	height: 0.5em;
}
.control-slider--vertical__wrap .control-slider__range {
	left: -0.25em;
	width: 0.5em;
}
.control-slider__ticks {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
}
.control-slider--horizontal__ticks {
	width: 100%;
	height: 0;
	flex-direction: row;
}
.control-slider--vertical__ticks {
	width: 0;
	height: 100%;
	flex-direction: column;
}
.control-slider__ticks--start {}
.control-slider__ticks--end {}
.control-slider__ticks-item--big2 {}
.control-slider__ticks-item--big1 {}
.control-slider__ticks-item {
	position: relative;
}
.control-slider--horizontal__ticks > .control-slider__ticks-item {
	width: 0;
}
.control-slider--horizontal__ticks.control-slider__ticks--start > .control-slider__ticks-item {
	bottom: 0.75em;
}
.control-slider--horizontal__ticks.control-slider__ticks--end > .control-slider__ticks-item {
	top: 0.75em;
}
.control-slider__ticks-item__mark {
	position: absolute;
	background-color: black;
}
.control-slider--horizontal__ticks.control-slider__ticks--start > .control-slider__ticks-item > .control-slider__ticks-item__mark {
	bottom: 0;
}
.control-slider--horizontal__ticks.control-slider__ticks--end > .control-slider__ticks-item > .control-slider__ticks-item__mark {
	top: 0;
}
.control-slider--horizontal__ticks > .control-slider__ticks-item > .control-slider__ticks-item__mark {
	width: 1px;
	height: 0.3em;
}
.control-slider--horizontal__ticks > .control-slider__ticks-item--big1 > .control-slider__ticks-item__mark {
	width: 1px;
	height: 0.55em;
}
.control-slider--horizontal__ticks > .control-slider__ticks-item--big2 > .control-slider__ticks-item__mark {
	width: 1px;
	height: 0.8em;
}
.text-transparent { color: transparent; }
.text-primary-0 { color: #020033; }
.text-primary-10 { color: #030066; }
.text-primary-20 { color: #050099; }
.text-primary-30 { color: #0700CC; }
.text-primary-40 { color: #3A33FF; }
.text-primary-50 { color: #5F59FF; }
.text-primary-60 { color: #6B66FF; }
.text-primary-70 { color: #9C99FF; }
.text-primary-80 { color: #CECCFF; }
.text-primary-90 { color: #E6E5FF; }
.text-primary-100 { color: #F2F1FF; }
.text-error-0 { color: #410E0B; }
.text-error-10 { color: #601410; }
.text-error-20 { color: #8C1D18; }
.text-error-30 { color: #B3261E; }
.text-error-40 { color: #DC362E; }
.text-error-50 { color: #E46962; }
.text-error-60 { color: #EC928E; }
.text-error-70 { color: #F2B8B5; }
.text-error-80 { color: #F9DEDC; }
.text-error-90 { color: #FCEEEE; }
.text-alert-0 { color: #5C5300; }
.text-alert-10 { color: #857700; }
.text-alert-20 { color: #AD9C00; }
.text-alert-30 { color: #D6C100; }
.text-alert-40 { color: #FFE500; }
.text-alert-50 { color: #FFEA2E; }
.text-alert-60 { color: #FFEE5C; }
.text-alert-70 { color: #FFF38A; }
.text-alert-80 { color: #FFF8B7; }
.text-alert-90 { color: #FFFCE5; }
.text-success-0 { color: #11592C; }
.text-success-10 { color: #1F7B42; }
.text-success-20 { color: #339D5B; }
.text-success-30 { color: #4ABF77; }
.text-success-40 { color: #67E195; }
.text-success-50 { color: #85FFB4; }
.text-success-60 { color: #A0FFC4; }
.text-success-70 { color: #BCFFD5; }
.text-success-80 { color: #D7FFE6; }
.text-success-90 { color: #F3FFF7; }
.text-neutral-0 { color: #000000; }
.text-neutral-10 { color: #1D1B20; }
.text-neutral-20 { color: #3D3D3D; }
.text-neutral-30 { color: #666666; }
.text-neutral-40 { color: #808080; }
.text-neutral-50 { color: #969696; }
.text-neutral-60 { color: #B4B4B4; }
.text-neutral-70 { color: #CCCCCC; }
.text-neutral-80 { color: #E9E9E9; }
.text-neutral-90 { color: #F4F4F4; }
.text-neutral-100 { color: #FFFFFF; }
.bg-transparent { background-color: transparent; }
.bg-primary-0 { background-color: #020033; }
.bg-primary-10 { background-color: #030066; }
.bg-primary-20 { background-color: #050099; }
.bg-primary-30 { background-color: #0700CC; }
.bg-primary-40 { background-color: #3A33FF; }
.bg-primary-50 { background-color: #5F59FF; }
.bg-primary-60 { background-color: #6B66FF; }
.bg-primary-70 { background-color: #9C99FF; }
.bg-primary-80 { background-color: #CECCFF; }
.bg-primary-90 { background-color: #E6E5FF; }
.bg-primary-100 { background-color: #F2F1FF; }
.bg-error-0 { background-color: #410E0B; }
.bg-error-10 { background-color: #601410; }
.bg-error-20 { background-color: #8C1D18; }
.bg-error-30 { background-color: #B3261E; }
.bg-error-40 { background-color: #DC362E; }
.bg-error-50 { background-color: #E46962; }
.bg-error-60 { background-color: #EC928E; }
.bg-error-70 { background-color: #F2B8B5; }
.bg-error-80 { background-color: #F9DEDC; }
.bg-error-90 { background-color: #FCEEEE; }
.bg-alert-0 { background-color: #5C5300; }
.bg-alert-10 { background-color: #857700; }
.bg-alert-20 { background-color: #AD9C00; }
.bg-alert-30 { background-color: #D6C100; }
.bg-alert-40 { background-color: #FFE500; }
.bg-alert-50 { background-color: #FFEA2E; }
.bg-alert-60 { background-color: #FFEE5C; }
.bg-alert-70 { background-color: #FFF38A; }
.bg-alert-80 { background-color: #FFF8B7; }
.bg-alert-90 { background-color: #FFFCE5; }
.bg-success-0 { background-color: #11592C; }
.bg-success-10 { background-color: #1F7B42; }
.bg-success-20 { background-color: #339D5B; }
.bg-success-30 { background-color: #4ABF77; }
.bg-success-40 { background-color: #67E195; }
.bg-success-50 { background-color: #85FFB4; }
.bg-success-60 { background-color: #A0FFC4; }
.bg-success-70 { background-color: #BCFFD5; }
.bg-success-80 { background-color: #D7FFE6; }
.bg-success-90 { background-color: #F3FFF7; }
.bg-neutral-0 { background-color: #000000; }
.bg-neutral-10 { background-color: #1D1B20; }
.bg-neutral-20 { background-color: #3D3D3D; }
.bg-neutral-30 { background-color: #666666; }
.bg-neutral-40 { background-color: #808080; }
.bg-neutral-50 { background-color: #969696; }
.bg-neutral-60 { background-color: #B4B4B4; }
.bg-neutral-70 { background-color: #CCCCCC; }
.bg-neutral-80 { background-color: #E9E9E9; }
.bg-neutral-90 { background-color: #F4F4F4; }
.bg-neutral-100 { background-color: #FFFFFF; }
.border-transparent { border-color: transparent; }
.border-primary-0 { border-color: #020033; }
.border-primary-10 { border-color: #030066; }
.border-primary-20 { border-color: #050099; }
.border-primary-30 { border-color: #0700CC; }
.border-primary-40 { border-color: #3A33FF; }
.border-primary-50 { border-color: #5F59FF; }
.border-primary-60 { border-color: #6B66FF; }
.border-primary-70 { border-color: #9C99FF; }
.border-primary-80 { border-color: #CECCFF; }
.border-primary-90 { border-color: #E6E5FF; }
.border-primary-100 { border-color: #F2F1FF; }
.border-error-0 { border-color: #410E0B; }
.border-error-10 { border-color: #601410; }
.border-error-20 { border-color: #8C1D18; }
.border-error-30 { border-color: #B3261E; }
.border-error-40 { border-color: #DC362E; }
.border-error-50 { border-color: #E46962; }
.border-error-60 { border-color: #EC928E; }
.border-error-70 { border-color: #F2B8B5; }
.border-error-80 { border-color: #F9DEDC; }
.border-error-90 { border-color: #FCEEEE; }
.border-alert-0 { border-color: #5C5300; }
.border-alert-10 { border-color: #857700; }
.border-alert-20 { border-color: #AD9C00; }
.border-alert-30 { border-color: #D6C100; }
.border-alert-40 { border-color: #FFE500; }
.border-alert-50 { border-color: #FFEA2E; }
.border-alert-60 { border-color: #FFEE5C; }
.border-alert-70 { border-color: #FFF38A; }
.border-alert-80 { border-color: #FFF8B7; }
.border-alert-90 { border-color: #FFFCE5; }
.border-success-0 { border-color: #11592C; }
.border-success-10 { border-color: #1F7B42; }
.border-success-20 { border-color: #339D5B; }
.border-success-30 { border-color: #4ABF77; }
.border-success-40 { border-color: #67E195; }
.border-success-50 { border-color: #85FFB4; }
.border-success-60 { border-color: #A0FFC4; }
.border-success-70 { border-color: #BCFFD5; }
.border-success-80 { border-color: #D7FFE6; }
.border-success-90 { border-color: #F3FFF7; }
.border-neutral-0 { border-color: #000000; }
.border-neutral-10 { border-color: #1D1B20; }
.border-neutral-20 { border-color: #3D3D3D; }
.border-neutral-30 { border-color: #666666; }
.border-neutral-40 { border-color: #808080; }
.border-neutral-50 { border-color: #969696; }
.border-neutral-60 { border-color: #B4B4B4; }
.border-neutral-70 { border-color: #CCCCCC; }
.border-neutral-80 { border-color: #E9E9E9; }
.border-neutral-90 { border-color: #F4F4F4; }
.border-neutral-100 { border-color: #FFFFFF; }
/** Tabler css fix */
.btn {
	--tblr-btn-hover-color: var(--tblr-body-color);
}
/** End Tables css fix */
body {
	background: linear-gradient(180deg, #0042, #0042), linear-gradient(0deg, var(--bs-body-bg, var(--tblr-body-bg)), var(--bs-body-bg, var(--tblr-body-bg)));
}
.page-width {
	margin: 0 auto;
	width: 90em;
	max-width: calc(100vw - 4em);
}
.border-dotted {
	border-style: dotted;
}
.border-dashed {
	border-style: dashed;
}
.border-dashed.border-dark {
	border-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='24' stroke-dasharray='24%2c 62' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e") 12 / 3px / 0px repeat;
}
.border-dashed.border-success {
	border-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%230a0' stroke-width='24' stroke-dasharray='24%2c 62' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e") 12 / 3px / 0px repeat;
}
.border-dashed.border-danger {
	border-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23c11' stroke-width='24' stroke-dasharray='24%2c 62' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e") 12 / 3px / 0px repeat;
}
.cursor-pointer {
	cursor: pointer;
}
.pointer-events-all {
	pointer-events: all !important;
}
.overflow-visible {
	overflow: visible !important;
}
.w-e1 {
	width: 1em;
}
.w-e8 {
	width: 8em;
}
.w-e12 {
	width: 12em;
}
.w-e16 {
	width: 16em;
}
.w-15div100 {
	width: calc(15% - 1em);
}
.h-e1 {
	height: 1em;
}
.w-maxc {
	width: max-content;
}
.w-fitc {
	width: fit-content;
}
.max-w-e12 {
	max-width: 12em;
}
.max-w-e16 {
	max-width: 16em;
}
.max-w-e18 {
	max-width: 18em;
}
.max-w-full {
	max-width: 100%;
}
.left-0 {
	left: 0 !important;
}
.right-0 {
	right: 0 !important;
}
.left-1s2 {
	left: 50%;
}
.flex-grow-4 {
	flex-grow: 4 !important;
}
.flex-grow-50 {
	flex-grow: 50 !important;
}
.flex-shrink-4 {
	flex-shrink: 4 !important;
}
.fs-5o8 {
	font-size: 0.625em;
}
.fs-3o4 {
	font-size: 0.75em;
}
.fs-7o8 {
	font-size: 0.875em;
}
.opacity-50 {
	opacity: 0.5;
}
.opacity-65 {
	opacity: 0.65;
}
.opacity-75 {
	opacity: 0.75;
}
.-translate-x-1s2 {
	transform: translateX(-50%);
}
.z-index-100 {
	z-index: 100;
}
.z-index-1000 {
	z-index: 1000;
}
.tsit-opacity-500 {
	transition: opacity .5s;
}
.shadow-strong {
	box-shadow: 0 0.5em 1em #00000060;
}
.text-link-over-secondary {
	color: #91bbed;
	text-decoration: underline;
}
.form-floating > .form-control-ata-answer-text {
	height: calc(5.75rem + calc(var(--tblr-border-width) * 2));
}
.chat-dialog-bg {
	background-color: #f2f2f7 !important;
}
.chat-dialog-text-color {
	color: black !important;
}
.chat-bubble-origin-host {
	margin-inline-start: 1.5em;
	color: white;
	background-color: #4675bf;
}
.chat-bubble-origin-host-text {
	color: white;
}
.chat-bubble-origin-user {
	margin-inline-end: 1.5em;
	color: black;
	background-color: #c8dcfb;
}
.chat-bubble-origin-user-text {
	color: black;
}
.chat-bubble-attachment-deleted {
	text-decoration: line-through;
}
.chat-bubble-attachment-deleted.chat-bubble-origin-host-text {
	color: #ffffff80;
}
.chat-bubble-attachment-deleted.chat-bubble-origin-user-text {
	color: #00000080;
}
.form-select-plaintext:disabled {
	/* background-color: transparent; */
	padding-left: 0;
	color: var(--bs-body-color);
	background: none;
	border-style: none;
}
.form-floating .form-select-plaintext:disabled {
	padding-left: 0.75rem;
}
.form-check-label.stretched-link::after {
	display: none;
}
.jb-toast-container {
	bottom: 5em;
	right: 5em;
	max-width: calc(100vw - 10em);
	max-height: calc(100vh - 10em);
}
@media only screen and (max-width: 575px) {
	.jb-toast-container {
		bottom: 2em;
		right: 2em;
		max-width: calc(100vw - 4em);
		max-height: calc(100vh - 4em);
	}
}
.modal-dialog,
.modal-content {
	pointer-events: all !important;
}
.modal-dialog__content {
	width: 70em;
	max-width: calc(100vw - 2em);
}
.modal-dialog__content--sm {
	width: 24em;
	max-width: calc(100vw - 2em);
}
/* Fix for Bootswatch theme Sketchy */
.btn-close::before {
	position: static;
}
.nav-item {
	display: flex;
	align-items: stretch;
}
.nav-link {
	cursor: pointer;
}
.btn-default.nav-link {
	font-weight: 600;
	color: var(--tblr-body-color);
}
.form-switch .form-check-input {
	/* --tblr-form-switch-bg: url(/img/input-switch-button.svg); */
	background-color: #808080;
}
.form-switch .form-check-input:checked {
	background-color: #3A33FF;
}
.chat-status-tabs .nav-item .nav-link {
	--tblr-card-bg: #c8dcfb;
	--tblr-nav-link-color: black;
	background: var(--tblr-card-bg);
}
.chat-status-tabs .nav-item .nav-link.active {
	--tblr-card-bg: #4675bf;
	--tblr-nav-tabs-link-active-color: white;
}
.chat-list {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: flex-start;
}
.chat-list > div {
	margin: 0 1em;
}
.chat-list__header {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: baseline;
	margin: 0 0 1em;
}
.row-last-replier > .col {
	min-width: 7em;
}
.row-last-replier > .col-sep {
	min-width: unset;
}
.arrow-right {
	position: relative;
	padding: 0em 0.5em;
	border: 1px solid #a0a0a0;
	box-shadow: 0.25em 0.25em 0.5em #00000080;
	opacity: 0.75;
}
.bucket-title h3 {
	margin: 1.5em 0 0.25em;
}
.bucket-title h3 .title-agent-status {
	font-size: 0.875em;
	line-height: 1.25em;
}
.bucket-box {
	min-height: 5.6em;
	background-color: #cacdd1;
}
@media screen and (max-width: 1280px) {
	/* .bucket-box {
		min-width: calc((100vw - 12em) * 0.5);
	} */
}
.chat-bucket-button {
	font-size: 16px;
	width: 3em;
	height: 3em;
	transition: transform .5s;
	background-color: #dadcdf;
	border: 1px solid #b0b4b9;
}
.chat-bucket-button:hover {
	transform: scale(1.125);
}
.chat-bucket-button::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	/* background-color: #ffffff; */
	background-image: linear-gradient(0.5turn, #ffffff80 0%, #ffffff00 100%);
	opacity: 0;
	transition: left .5s, top .5s, width .5s, height .5s, opacity .5s;
}
.chat-bucket-button:hover::after {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
}
.cbb-standby {
	background: #d7d9dd;
	border: 1px solid #B1B1B1;
}
.cbb-standby .cbi-jb {
	opacity: 0.55;
}
.cbb-white {
	background: #F0F0F0;
}
.cbb-green {
	background: #9BFC83;
}
.cbb-yellow {
	background: #FCF083;
}
.cbb-red {
	background: #E1BDB5;
}
.cbb-label {
	height: 1.25rem;
	line-height: 1.25rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: clip;
	text-align: center;
}
.chat-bucket-icon {
	display: block;
	margin: 0 auto;
	width: 1.5em;
	height: 1.5em;
}
.cbi-lower {
	position: relative;
	top: 0.25em;
}
.cbi-agent {
	color: #657e9a;
}
.chat-bucket-rp-icon,
.chat-bucket-tl-icon,
.chat-bucket-bl-icon {
	width: 1em;
	height: 1em;
	font-size: 0.75em;
}
.chat-bucket-rp-icon {
	text-align: center;
}
.chat-bucket-tooltip {
	transition: opacity .5s;
}
.csp-zindex-10 {
	z-index: 10;
}
.chatdlg-list_row > .col {
	min-width: 20%;
	width: 18.9625rem;
	max-width: 100%;
	height: 45em;
	max-height: calc(100vw - 5em);
}
/* 
Sometimes this happens and I don't know why:
<div class="h-100 chat-lcc-root">
  <div class="h-100">...</div> // empty chat instance
  <div class="h-100">...</div> // real chat instance
</div>
So the position: absolute below helps to hide this error.
There should be only one chat instance.
 */
.chat-lcc-root {
	position: relative;
}
.chat-lcc-root > .h-100 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.lcc-chat-expand {
	position: fixed !important;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #00000080;
	z-index: 1000;
}
.lcc-chat-expand > .h-100 {
	/* position: absolute;
	left: 50%;
	top: 0; */
	position: relative;
	margin: 0 auto !important;
	padding: 2em 0;
	width: 40em !important;
	height: 100%;
	max-width: 100vw;
	/* padding-top: 2em;
	padding-bottom: 2em;
	transform: translateX(-50%); */
}
.chat-session-comment {
	position: relative;
}
.chat-session-comment::before {
	content: 'Session comment';
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	font-size: 0.75em;
	text-align: center;
	opacity: 0.375;
}
.chat-session-comment > textarea {
	display: block;
	height: 1.75em;
	max-height: 10em;
	padding: 0.125em; /* 1em 0.25em*/
	appearance: none;
	color: inherit;
	background: transparent;
	border: 1px solid #00000040;
	border-radius: 0.25em;
	resize: none;
}
.chat-session-comment > textarea::placeholder {
	color: #969696;
	line-height: 1.25rem;
	font-size: 0.875em;
	font-style: italic;
}
.chat-session-comment > textarea:focus-visible {
	outline: white auto 1px;
	color: black;
	background: white;
}
.chat-session-id {
	height: 1.5em;
	line-height: 1.5em;
	font-size: 0.875em;
}
.chat-sessionenv-display {
	max-width: 6em;
	height: 1.5em;
	line-height: 1.5em;
	font-size: 0.875em;
	overflow: hidden;
	word-break: break-all;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: default;
}
.chat-email-display {
	height: 1.5em;
	line-height: 1.5em;
	font-size: 0.875em;
	color: #606060;
}
.chat-email-display-label {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
}
.chat-takeover-switch {
	width: 7em;
	margin-right: 0.375em;
	padding-left: 4em;
}
.chat-header-status {
	border: 1px solid #00000040;
}
.caf-hide {
	display: none !important;
}
.caf--modal-dialog__backdrop.modal-backdrop.show {
	opacity: 0.625;
}
.caf--modal-dialog__content {
	width: 90em;
}
.caf--modal-dialog__bt-close {
	color: white;
}
.caf-modal-body {
	padding: 0;
}
.caf-modal-title {
	padding: 0.25em 0.5em;
	font-weight: normal;
	color: #fff;
	background-color: #1d6082;
}
.caf-modal-title h2 {
	font-size: 1.5em;
	font-weight: bold;
}
.caf-table {
	width: 100%;
	border-collapse: collapse;
	border-radius: 1em;
}
.caf-table > tbody > tr {
	height: 1px;
}
.caf-table > tbody > tr > td {
	padding: 0.5em;
	height: inherit;
	border-top: 0.1875em solid #00000060;
}
.caf-table > tbody > tr > td:nth-child(1) {
	max-width: 5em;
}
.caf-table > tbody > tr > td:nth-child(2) {
	max-width: 20em;
}
.caf-grouprow-even {
	background-color: #ccd2d8;
}
.caf-grouprow-odd {
	background-color: #e7eaed;
}
.caf-group-timestamp {
	font-size: 0.875em;
	color: #606060;
}
.caf-group-transactions {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 0.25em;
	height: 100%;
	background-color: #fff;
	border: 0.1875em solid #00000040;
	border-radius: 0.5em;
}
.caf-error-msg {
	max-width: 24em;
	color: #844;
}
.caf-group-kedata-table {
	width: 100%;
}
.caf-group-kedata > hr {
	margin: 0.5em 0;
}
.caf-group-kedata select,
.caf-group-kedata input[type="text"] {
	padding: 0.125em 0.5em;
	border: 1px solid #606060;
	border-radius: 100vw;
}
.caf-group-kedata dl {
	margin: 0;
}
.caf-group-kedata dl dt {
	display: inline;
	margin-inline-end: 0.5em;
	font-size: 12px;
	font-weight: bold;
	color: gray;
}
.caf-group-kedata .bg-secondary dl dt {
	display: inline-block;
	color: lightgray;
}
.caf-group-kedata dl dt h3 {
	font-size: 14px;
}
.caf-group-kedata dl dd {
	display: inline;
}
.caf-group-kedata dl dd > a + span {
	margin-inline-start: 0.5em;
}
.caf-group-kedata dl dd > textarea {
	width: 100%;
}
.caf-group-kedata h3 {
	font-weight: bold;
	color: #606060;
}
.caf-group-kedata .dl-block {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0.5em;
}
.caf-group-kedata .dl-block > dt {
	flex: 0 0 auto;
}
.caf-group-kedata .dl-block > dd {
	flex: 1 1 auto;
}
.caf-gkt-td-quality {
	min-width: 22em;
	max-width: 22em;
}
.caf-group-radio-row {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	align-items: center;
}
.caf-group-radio-row label {
	text-align: center;
}
.caf-group-radio-row label > span {
	display: block;
	font-weight: bold;
}
.caf-group-rri-ok {
	color: #0a0;
}
.caf-group-rri-nok {
	color: #a00;
}
.caf-group-quality-rating fieldset label.caf-group-qr-item input {
	width: 1.25em;
	height: 1.25em;
}
.caf-group-quality-rating fieldset label.caf-group-qri-ok input {
	accent-color: rgb(29, 171, 29);
}
.caf-group-quality-rating fieldset label.caf-group-qri-nok input {
	accent-color: rgb(255, 52, 52);
}
.caf-group-quality-relevance.dl-block {
	margin: 0 auto 0.5em;
}
.caf-group-quality-relevance fieldset {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	gap: 0.25em;
	margin: 0 auto;
	padding: 0.25em 0.5em;
	/* width: fit-content; */
	max-width: 17em;
	background-color: #ffffff80;
	border: 0.1875em solid #00000040;
	border-radius: 0.5em;
}
.caf-group-quality-relevance fieldset > .caf-group-qrel {
	/* width: calc(50% - 0.25em); */
	/* max-width: 8em; */
	/* width: 8em; */
	flex: 1 1 auto;
	text-align: end;
}
.caf-group-quality-relevance fieldset > .caf-group-qrel > input {
	margin-inline-start: 0.5em;
}
/* .caf-group-quality-review dd > input[type="checkbox"] {
	width: 1.25em;
	height: 1.25em;
} */
.caf-group-isres-quality fieldset label.caf-group-irq-item input {
	width: 1.25em;
	height: 1.25em;
}
.caf-group-isres-quality fieldset label.caf-group-irq-item > span {
	/* display: block; */
	margin: 0.5em 0;
}
.caf-group-isres-quality fieldset label.caf-group-irqi-ok input {
	accent-color: #1dab1d;
}
.caf-group-isres-quality fieldset label.caf-group-irqi-nok input {
	accent-color: #ff3434;
}
.caf-group-isres-quality .caf-group-irqi-icon {
	width: 1.25em;
	position: relative;
	bottom: 0.125em;
}
.caf-group-isres-quality .caf-group-irqi-res5 .caf-group-irqi-icon {
	color: #1dab1d;
}
.caf-group-isres-quality .caf-group-irqi-res4 .caf-group-irqi-icon,
.caf-group-isres-quality .caf-group-irqi-res3 .caf-group-irqi-icon {
	color: #ab8a1d;
}
.caf-group-isres-quality .caf-group-irqi-res2 .caf-group-irqi-icon {
	color: #888888;
}
.caf-group-isres-experience fieldset label.caf-group-ire-item input {
	width: 1.25em;
	height: 1.25em;
}
.caf-group-isres-experience fieldset label.caf-group-ire-item > span {
	/* display: block; */
	margin: 0.5em 0;
}
.caf-group-isres-experience fieldset label.caf-group-irei-ok input {
	accent-color: #1dab1d;
}
.caf-group-isres-experience fieldset label.caf-group-irei-nok input {
	accent-color: #ff3434;
}
.caf-group-isres-experience .caf-group-irei-icon {
	width: 1.25em;
	position: relative;
	bottom: 0.125em;
}
.caf-group-isres-experience .caf-group-irei-exp3 .caf-group-irei-icon {
	color: #1dab1d;
}
.caf-group-kedata dl.caf-group-isres-issue-name dd {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
}
.caf-group-isres-issue-name .caf-group-irin__issue-description {
	flex: 1 1 auto;
}
.caf-group-isres-issue-name .caf-group-irin__right-issue label > span {
	display: block;
	margin: 0 0 0.5em;
}
.caf-transaction {
	margin: 0.25em;
	/* padding: 0.25em; */
}
.caf-transaction-source-enduser {
	margin-inline-end: 1.25em;
	align-self: flex-start;
}
.caf-transaction-source-sessionengine {
	margin-inline-start: 1.25em;
	align-self: flex-end;
}
.caf-transaction-source-aim {
	margin-inline-start: 1.25em;
	align-self: flex-end;
}
.caf-transaction-type-message {
	padding: 0.25em 0.5em;
	border-radius: 0.5em;
}
.caf-transaction-source-enduser .caf-transaction-type-message {
	color: #000;
	background-color: #c8dcfb;
}
.caf-transaction-source-sessionengine .caf-transaction-type-message {
	color: #fff;
	background-color: #4675bf;
}
.caf-transaction-source-aim .caf-transaction-type-message {
	color: #fff;
	background-color: rgb(101, 126, 154);
}
.caf-group-isres-frame {
	padding: 0.5em 0.75em;
	background: rgb(101, 151, 118);
	border: 0.125em solid #000;
}
.caf-group-isres-frame dl dt h3 {
	margin: 0;
}
.caf-group-kedata dl dd.caf-group-isres-issue-name {
	display: inline-flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
}
.caf-group-isres-issue-name input[type="checkbox"] {
	width: 1.25em;
	height: 1.25em;
}
.caf-group-isres-issue-name textarea {
	width: 100%;
}
.caf-group-isres-issue-name .caf-group-irin__right-issue {
	flex: 0 1 auto;
}
.caf-group-isres-issue-name .caf-group-irin__issue-description {
	flex: 1 1 auto;
}
.caf-acsearch-wrapper {
	width: 100%;
}
.caf-acsearch-input {
	width: 100%;
}
.caf-acsearch-anchor {
	width: 100%;
}
.caf-acsearch-container {
	width: 100%;
	padding: 0.5em;
	background-color: #c0c0c0;
	border: 1px solid #a0a0a0;
	border-radius: 0.5em;
	z-index: 10;
}
.caf-acsearch-container select {
	width: 100%;
	width: calc(100% - 1.5em);
	border-radius: 0.5em;
}
.caf-acsearch-loading-overlay {
	background-color: #c0c0c0a0;
}
.caf-acsearch-option-cbIssue {
	font-weight: 500;
	color: #4675bf;
}
.caf-group-should-match label {
	width: 100%;
	font-style: italic;
	color: red;
}
.caf-group-should-match label .caf-gic-acsearch-input {
	width: 100%;
}
.caf-group-should-match label > div {
	padding-inline-start: 0.5em;
}
.caf-group-choose-issue-handling {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 1em;
	padding: 0.5em 0;
}
.caf-group-choose-issue-handling::before {
	content: '';
	display: block;
	flex: 0 1 2em;
}
.caf-group-choose-issue-handling::after {
	content: '';
	display: block;
	flex: 1 1 auto;
}
.caf-group-choose-issue-handling label {
	font-style: italic;
}
.caf-group-choose-issue-handling input[type="checkbox"] {
	display: inline-block;
	margin-inline-start: 0.5em;
}
.caf-group-issue-category label {
	display: block;
}
.caf-group-issue-category .caf-acsearch-wrapper {
	width: calc(100% - 4em);
}
.caf-group-new-issue-name label {
	display: block;
}
.caf-group-new-issue-name input {
	width: calc(100% - 4em);
}
.caf-group-new-issue-name label a {
	display: inline-block;
	margin-inline-start: 0.5em;
}
.caf-group-kedata dl.caf-group-add-variant {
	margin-block-start: 0.5em;
}
.caf-group-kedata dl.caf-group-business-intel {
	margin-block-start: 0.5em;
}
.caf-group-business-intel dt {
	width: min-content;
}
.chat-lcc-agent-transfer-select-menu {
	max-width: 21em;
	max-height: 33em;
	overflow-x: hidden;
	overflow-y: auto;
	background-clip: border-box;
}
.chat-lcc-agent-transfer-select-options-subtitle {
	font-size: 0.875em;
}
.dropdown > .btn > .chat-lcc-agent-transfer-select-options-subtitle {
	font-size: 1em;
}
.chat-lcc-input-command {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1000;
}
.chat-lcc-template-search {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	max-height: 33em;
	padding: 1em;
	color: #ffffff;
	background-color: #657e9a;
	overflow-y: auto;
}
.chat-lcc-template-search-item + .chat-lcc-template-search-item {
	margin-top: 1em;
}
.chat-lcc-template-search-item-template {
	cursor: pointer;
	border: 1px solid #ffffff00;
}
.chat-lcc-template-search-item-template-selected {
	background-color: #3a33ff;
	border-color: #3a33ff;
}
.chat-takeover-popover {
	color: white !important;
	background: #e53935 !important;
}
.chat-atsearch-popover {
	width: 20.5em;
	max-width: unset;
}
.chat-atsearch-wrapper {
	width: 100%;
	font-size: 0.875em;
}
.chat-atsearch-label {
	display: block;
	width: 100%;
}
.chat-atsearch-input {
	width: 100%;
}
.chat-atsearch-input::placeholder {
	font-style: italic;
}
.chat-atsearch-anchor {
	width: 100%;
}
.chat-atsearch-container {
	width: 100%;
}
.chat-atsearch-options {
	padding: 0.5em;
	background-color: #616876;
	border: 1px solid #494f5c;
	border-radius: 0.5em;
	z-index: 10;
}
.chat-atsearch-container select {
	width: 100%;
	/* width: calc(100% - 1.5em); */
	border-radius: 0.5em;
}
.chat-atsearch-loading-overlay {
	background-color: #c0c0c0a0;
}