.main_section .clm_chat {
	position: absolute;
	left: 52px;
	top: 4px;
	transform: translateX(-50%);
}

.clm_chat {
	--tux_icon_color: var(--saetta_lit);
	--tux_icon_fill: var(--saetta_lit);
	--tux_icon_color_active: var(--saetta_dark);
	--tux_icon_fill_active: var(--saetta_dark);
	--tux_icon_size: 22px;
}

.workflow_actions .clm_chat {
	--tux_icon_color: var(--saetta_white);
	--tux_icon_fill: var(--saetta_white);
	--tux_icon_color_active: var(--saetta_white);
	--tux_icon_fill_active: var(--saetta_white);
	--tux_icon_size: 26px;
}

.chatball {
	display: inline-flex;
	justify-content: center;
	background-color: var(--saetta_white);
	color: var(--saetta_dark);
	font-size: 8px;
	min-width: 16px;
	padding-left: 3px;
	padding-right: 3px;
	height: 16px;
	border-radius: 8px;
	box-shadow: 0px 1px 6px 0px #00000060;
}

.clm_list_status {
	display: flex;
	font-size: 12px;
	font-weight: 600;
}

.clm_list_status svg {
	min-width: 18px;
}

.clm_st_summary {
	font-weight: 300;
	font-size: 12px;
	display: flex;
}

.clm_st_summary>div {
	height: 22px;
	display: flex;
	gap: 8px;
}

.clm_st_summary>div:first-child {
	padding-right: 8px;
	border-right: solid 1px var(--saetta_lit_gray);
}

.clm_st_summary>div:last-child {
	padding-left: 8px;
}

.clm_st_change {
	padding-top: 20px;
	display: flex;
	gap: 8px;
}

.clm_st_change .field {
	padding-bottom: 0px;
}

.clm_events_top {
	margin-top: 20px;
	border: solid 1px var(--saetta_mid_gray);
	border-bottom: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: 8px;
	background-color: var(--saetta_liter_gray);
	font-size: 12px;
	font-weight: 600;
}

.clm_events {
	padding: 8px;
	padding-top: 0px;
	height: 28vh;
	border: solid 1px var(--saetta_mid_gray);
	border-top: none;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: var(--saetta_liter_gray);
	overflow: auto;
}

.clm_event {
	display: flex;
	font-size: 11px;
	line-height: 18px;
}

.clm_event>div:first-child {
	width: 100px;
}

.clm_summary {
	font-weight: 300;
	font-size: 14px;
	display: flex;
	padding-bottom: 16px;
	border-bottom: solid 1px var(--saetta_lit_gray);
}

.clm_summary>div.currentst {
	margin-left: 8px;
	padding-left: 8px;
	border-left: solid 1px var(--saetta_lit_gray);
}

.clm_summary>div.editst {
	--tux_icon_color: var(--saetta_lit);
	--tux_icon_fill: var(--saetta_lit);
	--tux_icon_color_active: var(--saetta_dark);
	--tux_icon_fill_active: var(--saetta_dark);
	padding-left: 8px;
	flex-grow: 1;
}

.clm_summary .clm_chat {
	--tux_icon_size: 26px;
}

.compact .field, .compact .check {
	padding-bottom: 18px;
}

.clm_products .sep,
.clm_attach .sep,
.clm_registration .sep {
	position: absolute;
	left: 50%;
	border-left: solid 1px var(--saetta_lit_gray);
	width: 1px;
}

.clm_products .sep {
	top: 0;
	bottom: 0px;
}

.clm_products .fields {
	position: relative;
	align-items: flex-start;
	--fields_gap: 32px;
	row-gap: 18px;
}

.clm_cars .check label {
	font-size: 11px;
	font-weight: 300;
}

.clm_cars .check {
	gap: 4px;
	padding-bottom: 0px;
}

.clm_cars input[type="checkbox"] {
	min-width: 20px;
	min-height: 20px;
}

.clm_cars .side {
	position: relative;
}

.clm_cars .side label {
	font-size: 10px;
	font-weight: 400;
	position: absolute;
	top: -4px;
}

.clm_cars .side .sep {
	position: absolute;
	top: -12px;
	bottom: -6px;
	border-left: dashed 1.5px var(--saetta_mid_gray);
	opacity: 0.8;
}


.clm_cars .side.sx label {
	left: -4px;
}

.clm_cars .side.sx .sep {
	left: 58px;
}

.clm_cars textarea {
	height: 216px;
}

.clm_cars .side.sx .sep:last-child {
	left: 152px;
}

.clm_cars .side.dx .sep {
	right: 58px;
}

.clm_cars .side.dx .sep:last-child {
	right: 152px;
}

.clm_cars .side.dx label {
	right: -4px;
}

.clm_attach {
	position: relative;
	--fields_gap: 32px;
}

.clm_attach .sep {
	bottom: 0px;
	top: 24px;
}

.clm_photos {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
}

.clm_photos .tux_filepicker {
	--tux_icon_color: var(--saetta_darker_gray);
	--tux_icon_fill: var(--saetta_darker_gray);
	--tux_icon_color_active: var(--saetta_darkest_gray);
	--tux_icon_fill_active: var(--saetta_darkest_gray);
	--tux_icon_size: 32px;
	padding: 0px;
	width: 60px;
	height: 60px;
	justify-content: center;
	border-style: dashed;
	border-radius: 8px;
}

.clm_photos .tux_filepicker span {
	display: none;
}

.clm_photo_wrapper {
	position: relative;
}

.clm_photo {
	border-radius: 8px;
	border: solid 1px var(--saetta_lit_gray);
	width: 60px;
	height: 60px;
	overflow: hidden;
	cursor: pointer;
}

.clm_photo img {
	width: 58px;
	height: 58px;
	object-fit: cover;
}

.clm_photo_wrapper .clm_photo_del {
	--tux_icon_size: 12px;
	position: absolute;
	background-color: var(--saetta_white);
	border: solid 1px var(--saetta_dark_gray);
	border-radius: 50%;
	width: 18px;
	height: 18px;
	top: -8px;
	right: -8px;
	display: flex;
	justify-content: center;
}

.clm_photo_wrapper .clm_photo_del:active {
	border: solid 1px var(--saetta_darker_gray);
}

.clm_docs {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: stretch;
}

.clm_docs .clm_doc {
	display: flex;
	flex-wrap: nowrap;
	font-size: 12px;
	gap: 8px;
	cursor: pointer;
}

.clm_docs .clm_doc>div {
	overflow: hidden;
	text-overflow: ellipsis;
	flex-grow: 1;
}

.clm_registration {
	position: relative;
}

.clm_registration button,
.clm_found_policy button {
	position: absolute;
	right: 16px;
	top: 16px;
}

.clm_registration .fields {
	position: relative;
	--fields_gap: 32px;
	align-items: stretch;
}

.clm_registration .sep {
	top: 0px;
	bottom: 0px;
}

.clm_found_policy {
	position: relative;
}

.clm_ext_cover {
	padding-right: 28px;
	position: relative;
}

.clm_ext_cover .remove {
	--tux_icon_color: var(--saetta_lit);
	--tux_icon_fill: var(--saetta_lit);
	--tux_icon_color_active: var(--saetta_dark);
	--tux_icon_fill_active: var(--saetta_dark);
	--tux_icon_size: 20px;
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
}

.clm_attach_title {
	--tux_icon_color: var(--saetta_lit);
	--tux_icon_fill: var(--saetta_lit);
	--tux_icon_color_active: var(--saetta_dark);
	--tux_icon_fill_active: var(--saetta_dark);
	--tux_icon_size: 20px;
	display: flex;
	gap: 12px;
	padding-bottom: 16px;
}


.clm_ext_cover+.clm_ext_cover {
	padding-top: 16px;
	border-top: dashed 1px var(--saetta_mid_gray);
}

.clm_chat_top {
	display: flex;
	padding-bottom: 16px;
}

.clm_chat_top>div {
	padding-right: 16px;
}

.clm_chat_top>div+div+div {
	padding-left: 16px;
	border-left: solid 1px var(--saetta_mid_gray);
}

.clm_chats {
	padding: 8px;
	padding-right: 16px;
	height: 44vh;
	border: solid 1px var(--saetta_mid_gray);
	border-radius: 4px;
	background-color: var(--saetta_liter_gray);
	overflow: auto;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 16px;
	padding-bottom: 96px;
}

.clm_chatday {
	display: flex;
	justify-content: center;
}

.clm_chatday div {
	font-size: 12px;
	line-height: 12px;
	font-weight: 300;
	color: var(--saetta_txt);
	background-color: var(--saetta_white);
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border: solid 1px var(--saetta_mid_gray);
	border-radius: 12px;
}

.clm_chatrow {
	display: flex;
	gap: 16px;
}

.clm_chatrow>div:first-child {
	min-width: 44px;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	color: var(--saetta_darker_gray);
}

.clm_chatrow>div:first-child svg {
	height: 24px;
}

.clm_chatrow .clm_chatbody {
	flex-grow: 1;
	font-size: 12px;
	line-height: 18px;
	color: var(--saetta_text);
	border: solid 1px var(--saetta_mid_gray);
	border-radius: 12px;
	padding: 10px;
	background-color: var(--saetta_white);
	position: relative;
}

.clm_chattime {
	font-size: 10px;
	line-height: 10px;
	color: var(--saetta_dark_gray);
	font-weight: 300;
	margin-bottom: 5px;
}

.clm_chatread {
	--tux_icon_color: var(--saetta_lit_gray);
	--tux_icon_fill: var(--saetta_lit_gray);
	--tux_icon_size: 14px;
	position: absolute;
	top: 8px;
	right: 12px;
}

.read .clm_chatread {
	--tux_icon_color: var(--saetta_o_lit);
	--tux_icon_fill: var(--saetta_o_lit);
}

.form_panel.clm_claimed {
	border: 0;
	color: var(--saetta_white);
	background-color: var(--saetta_lit);
	font-weight: 500;
	font-size: 14px;
}

.form_panel.clm_claimed .fakelink {
	color: var(--saettta_white);
}