.ut-style-primary 
{
	/*General*/
	--app-primary-color: #844bff;	/*color*/
	--app-primary-color-light: #e6e7fa;	/*color*/
	--app-primary-color-dark: #6e43ca;	/*color*/
	--app-primary-foreground: #ffffff;	/*color*/

	--app-secondary-color: #ff1b72;	/*color*/

	--app-cancelling-color: #ff1b72;	/*color*/
	--app-cancelling-foreground: #ffffff;	/*color*/
	
	--link-color: #8752f9; /*color*/

	/*Menu Colors*/
	--menubar-highlighted-background: #323232;	/*color*/
	--appbar-background: #150726;	/*color*/

	--menubar-background: #ffffff;	/*color*/
	--menubar-foreground: #4e3d63;	/*color*/
	--menubar-font-size: 15px;	/*measure*/

	--headbar-background: white;	/*color*/
	--headbar-foreground: black;	/*color*/
	--headbar-font-size: 16px;	/*measure*/

	/*Content*/

	--content-background: #ffffff;	/*color*/
	--listarea-background: #ffffff;	/*color*/
	--content-foreground: #202020;	/*color*/
	--content-font-size: 13px;	/*measure*/
	--heading-font-size: 18px;	/*measure*/

	--boxed-background: #f9f9f9;	/*color*/
	--disabled-background: #e0e0e0;	/*color*/
	--highlight-on-highlight: #f0f0f0;	/*color*/
	--highlight-on-highlight-border: #ababab;	/*color*/
	--primary-font-color: #404040;	/*color*/
	--content-font-color: #202020;	/*color*/
	--content-font-color-light: #b0b0b0;	/*color*/
	--heading-font-color: #000000;	/*color*/

	--primary-font: "Roboto";	/*string*/
	--heading-font: "Lexend";	/*string*/

	--scrollbar-background: #f0f0f0;	/*color*/
	--scrollbar-foreground: #a0a0a0;	/*color*/

	/*Input Elements*/
	--main-input-font-color: #404040;	/*color*/
	--main-input-background-color: #ffffff;	/*color*/
	--main-input-border-color: #c7c7c7;	/*color*/

	--appbar-border-color: #281545;	/*color*/

	/*Extended*/
	--main-border-color: #f0f0f0;	/*color*/
	--record-hover-color: #f4f5f7;	/*color*/
	--record-active-color: #844bff;	/*color*/
	--record-active-font-color: #ffffff;	/*color*/
	--main-searchbox-background-color: #ffffff;	/*color*/

	--template-editor-active-tool: #e7e7e7;	/*color*/

	--template-sidebar-height: auto;
	--template-sidebar-top: 0;
	--template-sidebar-width: 250px;
	--template-workarea-bottom: 0;
	--template-workarea-right: 250px;

	--feed-icon-legal: #b870ff;
	--feed-icon-news: #e0cf14;
	--feed-icon-note: #36c249;
	--feed-icon-invoice: #8912ff;
	--feed-icon-image: #ffb83d;
	--feed-icon-sketch: #3bd974;
	--feed-icon-calling-result: #34abeb;
	--feed-icon-calling-denied: #3440eb;
	--feed-icon-checklist-result: #fa6bb3;
	--feed-icon-email: #0400be;

	--analytics-fixed-background: #e2e2e2;	/*color*/
	--analytics-fixed-foreground: #202020;	/*color*/

	--shinymenu: #c5c5c5;	/*color*/
	--line-bar-background: #f6f6f6; /*color*/
	
	--visible-box: #eeeeee;
	
	
	--app-flowconnector-color: #2d2356; /*color*/
}

:not(.gui-unit) .color-scheme-dark.ut-style-primary {
	--app-primary-color: #49288f;	/*color*/
	--app-primary-color-dark: #2f1d58;	/*color*/
	--app-primary-color-light: #1b1930;	/*color*/
	--menubar-background: #0c0c0c;
	--appbar-background: #000000;	/*color*/
	/*color*/
	--menubar-foreground: #e9e9e9;
	/*color*/

	--headbar-background: #0c0c0c;
	/*color*/
	--headbar-foreground: white;
	/*color*/
	
	--link-color: #c087ff;

	--content-background: #1d1d1d;
	/*color*/
	--listarea-background: #1d1d1d;
	/*color*/
	--content-foreground: #ffffff;
	/*color*/

	--boxed-background: #282828;
	/*color*/
	--disabled-background: #242424;
	/*color*/
	--primary-font-color: #ffffff;
	/*color*/

	--content-font-color: #e5e5e5;
	/*color*/
	--content-font-color-light: #e0e0e0;
	/*color*/
	--heading-font-color: #ffffff;
	/*color*/

	--main-input-font-color: #e5e5e5;
	/*color*/
	--main-input-background-color: #3c3c3c;
	/*color*/
	--main-input-border-color: #303030;
	/*color*/

	--appbar-border-color: #281545;
	/*color*/

	--main-border-color: #252525;
	/*color*/
	--record-hover-color: #000000;
	/*color*/
	--main-searchbox-background-color: #1d1d1d;
	/*color*/

	--template-editor-active-tool: #000000;
	/*color*/

	--analytics-fixed-background: #222222;
	/*color*/
	--analytics-fixed-foreground: #eeeeee;
	/*color*/

	--shinymenu: #7f7f7f;
	
	/*color*/
	
	--line-bar-background: #000000; /*color*/
	--visible-box: #20133b;
	
	
	--app-flowconnector-color: #2d2356; /*color*/
	
	
	--scrollbar-background: #000000;	/*color*/
	--scrollbar-foreground: #303030;	/*color*/
	--tag-background-color: #101010;	/*color*/
}


body {
	background-color: #140726;
	font-family: Roboto, Verdana, Arial, sans-serif;
	--fa-width: auto;
}

body:not(.device-mode-mobile) .folder:not(:hover) .foldersettings
{
	display: none !important;
}

.device-mode-tablet.ut-style-primary
{
	--content-font-size: 12px;	/*measure*/
}

.academy-category 
{
  margin-top: 20px;
  font-weight: bold;
  color: #e9e9e9;
  margin-bottom: 10px;
}

.academy-video 
{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  border-radius: 5px;
  margin: 5px 0;
  cursor: pointer;
  color: #c6c6c6;
}

.buddybuttonbig,
.buddybutton
{
	cursor: pointer !important;
}

.buddybuttonbig .lbl-icon
{
	font-size: 25px;
}
.buddybutton .lbl-icon
{
	font-size: 22px;
}

.academy-video.playing
{
	color: white;
}
.progress-ring {
  width: 20px;
  height: 20px;
  position: relative;
}

.progress-ring circle {
  fill: none;
  stroke-width: 3;
  transform: rotate(-90deg);
  transform-origin: center;
}

.progress-ring .bg {
  stroke: #441878;
}

.progress-ring .progress {
  stroke: #28a745;
  stroke-dasharray: 62.8;
  stroke-dashoffset: 62.8;
  transition: stroke-dashoffset 0.4s ease;
}

.progress-ring.done::after {
  content: "\f00c"; /* FontAwesome Check Icon */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: white;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}


/* Standardfarbe des Rings 
/* Bei fast fertig (≥ 98%) */
.progress-ring .progress.done {
  stroke: #28a745; /* grün */
  fill: #28a745; /* grün */
}

/* --- iro.js popover --- */
.be-color-popover{
  position: fixed;
  z-index: 2147483000;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  padding: 10px 12px;
  display: grid;
  gap: 8px;
  min-width: 220px;
  max-width: 95vw;
}
.be-color-actions{ display:flex; justify-content:flex-end; gap:8px; }
.be-color-actions button{ padding:6px 10px; border:0; border-radius:8px; cursor:pointer; }
.be-color-actions .primary{ background:#844bff; color:#fff; }
.be-color-actions .ghost{ background:#f0f0f0; color:#333; }
.be-color-hex
{ 
	width:100%; 
	padding:8px 10px; 
	border:1px solid #d0d0d0; 
	border-radius:8px; 
	font-size:14px;
  box-sizing: border-box;
}



.flowdrawer>.flowdrawer-delete
{
  padding: 8px !important;
  width: 30px !important;
  height: 30px !important;
  box-sizing: border-box !important;
  background-color: var(--app-cancelling-color) !important;
  color: white !important;
}

.component-overlay
{
	z-index: 999;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	background-color: rgba(0,0,0,0.3);
}

.component-box
{
	border-radius: 5px;
	border: 1px solid #c0c0c0;
	padding: 10px;
	cursor: pointer;
	box-sizing: border-box;
	margin: 5px;
}

.calendar-wrapper
{
	padding: 0 10px;
}

.color-scheme-dark.ut-style-primary .sidebar > .items,
.color-scheme-dark.ut-style-primary .tabbar > .items
{
	color: #bababa;
}
.color-scheme-dark.ut-style-primary .special-lost button
{
	color: #9a0d42 !important;
	border-color: #9a0d42 !important;
}

.color-scheme-dark.ut-style-primary .vcontrol[data-utalic-class="VKanban"] .column > .caption,
.color-scheme-dark.ut-style-primary .vcontrol[data-utalic-class="VKanban"] .column > .configurator,
.color-scheme-dark.ut-style-primary .vcontrol[data-utalic-class="VKanban"] .column > .icon
{
	color: #c6c6c6 !important;
}

.rubberband-box 
{
  border: 1px dashed #aaa;
  background: rgba(0,0,0,0.05);
}

.lp-duplicate
{
	margin-left: 20px;
	width: 15px;
	height: 15px;
	color: white;
}

.layer-viewer {
  font-family: system-ui, sans-serif;
  font-size: 14px;
  background: #f9f9f9;
  overflow-y: auto;
  max-height: 100%;
  padding: 8px;
}

.layer-viewer .ui-sortable-helper
{
	opacity: 0.1;
}

.layer-viewer .layer-root {
  padding-left: 0;
}

.layer-viewer .layer-item {
  margin-bottom: 6px;
}

.layer-viewer .layer-item .item-header {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 6px;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
  transition: background 0.2s ease;
}

.layer-viewer .layer-item .item-header:hover {
  background: #eaeaea;
}

.layer-viewer .layer-item .icon {
  width: 16px;
  text-align: center;
}

.layer-viewer .layer-item .label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.layer-viewer .layer-item .toggle-visibility,
.layer-viewer .layer-item .toggle-collapse {
  cursor: pointer;
  color: #888;
  font-size: 12px;
  padding: 2px;
  transition: color 0.2s;
  width: 15px;
}

.layer-viewer .layer-item .toggle-visibility:hover,
.layer-viewer .layer-item .toggle-collapse:hover {
  color: #000;
}

.layer-viewer .layer-item .toggle-visibility.hidden::before {
  content: \"\\f070\"; /* Font Awesome eye-slash */
  font-family: \"Font Awesome 5 Free\"; font-weight: 900;
}

.layer-viewer .layer-item[data-type="column"] > .children:empty {
  min-height: 3px;
}
.layer-viewer .layer-item[data-type="element"] > .item-header > .toggle-collapse 
{
  display: none !important;
}


.layer-viewer .layer-item .children {
  margin-left: 16px;
  padding-left: 6px;
  border-left: 1px dashed #ccc;
}

.layer-viewer .sortable-placeholder {
  height: 12px;
  background: rgba(100, 100, 255, 0.2);
  border: 1px dashed #888;
  margin: 4px 0;
}

.layer-viewer .layer-item.active > .item-header {
  background-color: #d0e0ff;
  border-left: 3px solid #4677f5;
}


.contactfile .ut-lbl:hover
{
	color: var(--app-primary-color) !important;
	text-decoration: underline !important;
}

.folder:hover .foldersettings
{
	display: inline-block !important;
}

.overflow-hidden
{
	overflow: hidden;
}

.active-folder
{
	border: 1px solid var(--app-primary-color) !important;
}

.color-scheme-dark.ut-style-primary .active-folder
{
	background-color: #510940 !important;
}

.login-panel input::placeholder {
	color: #8f8f8f87 !important;
}

.loginbg {
	background: linear-gradient(180deg, #140726 0%, #240E43 100%);
}

.ciline {
	background: linear-gradient(90deg, #834BFF 0%, #FD19C8 20.23%, #FF428B 39.94%, #FF885C 59.65%, #FFC54C 79.7%, #F9F871 100%);
}

div[data-elementname="kceFollowups"] > .icon
{
	margin-top: 5px;
}

.followupcheck
{
	vertical-align: baseline;
  margin-top: -2px;
}

.followuprow
{
  border-radius: 10px;
  padding: 5px;
  min-height: 20px;
  position: relative;
  cursor: pointer;
}
.followuprow.overdue
{
	background-color: var(--app-secondary-color);
	color: white;
}
.utalic-kanban-card .followuprow
{
  margin-left: -5px;
}

.followuprow:not(.overdue):hover
{
	background-color: var(--record-hover-color);
}

.followuprow.resolved .followupdescription
{
	text-decoration: line-through;
}

.followupcheck
{
	position: absolute;
	left: 5px;
	top: 10px;
  font-size: 16px;
}
.followupdate
{
	font-size: 11px;
	display: block;
}
.followupdate::before
{
	content: '(';
}
.followupdate::after
{
	content: ')';
}

.followupdescription
{
	display: block;
	margin-left: 20px;
	line-height: 22px;
}

.push-preview,
.shadow-element
{
	box-shadow: 0 0 10px #000000ad;
}

.light-shadow
{
 box-shadow: 0 0 10px 0px #00000057;
}

.smaller-template-icon
{
	background-size: 20px !important;
	background-position: center 5px !important;
	background-repeat: no-repeat !important;
}

.no-scroll
{
	overflow: hidden !important;
}

.small-label-icon .lbl-icon
{
	margin-top: 2px;
	font-size: 12px;
	vertical-align: top;
}

.vcontrol[data-utalic-class="VLabel"].small-label-icon > .hl .ut-lbl,
.vcontrol[data-utalic-class="VLookupLabel"].small-label-icon > .hl .ut-lbl
{
	max-width: calc(100% - 20px) !important;
}

.maileditor .ql-toolbar.ql-snow,
.maileditor .ql-container.ql-snow
{
	border: none !important;
}

.chat-user.has-avatar .icon,
.chat-user.has-avatar .hot-icon
{
	border-radius: 50% !important;
  width: 22px !important;
  height: 22px !important;
  margin-left: 5px !important;
  margin-top: 5px !important;
  background-size: cover !important;
}

.selectable-text
{
	user-select: text;
}

.chat-file
{
	display: inline-block;
  width: 250px;
  height: 40px;
  border: 1px solid var(--main-border-color);
  border-radius: 8px;
  margin: 4px;
  padding: 10px;
  position: relative;
  cursor: pointer;
}

.chat-file:hover
{
	background-color: var(--app-primary-color-light);
}

.chat-fileicon
{
	position: absolute;
  left: 10px;
  top: 10px;
  height: 40px;
  width: 40px;
  font-size: 30px;
  color: var(--content-font-color-light);
  text-align: left;
}

.chat-filename
{
	position: absolute;
  left: 50px;
  width: calc(100% - 60px);
  max-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chat-filetype
{
	position: absolute;
  left: 50px;
  top: 35px;
  width: calc(100% - 60px);
  max-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.8em;
}

.chat-filename a
{
	text-decoration: none;
	color: var(--content-foreground);
	white-space: nowrap;
}

.ql-custom
{
	color: var(--content-foreground);
}

.ql-metacaret.active
{
	color: var(--app-primary-color);
}

.second-top-menu .vcontrol[data-utalic-class="VIcon"]
{
	font-size: 16px !important;
	line-height: 25px;
}
.second-top-menu .vcontrol.smallicon[data-utalic-class="VIcon"]
{
	font-size: 12px !important;
}

#quill-editor {
  overflow-y: auto; /* Ermöglicht Scrollen, wenn die maximale Höhe erreicht ist */
  transition: height 0.2s; /* Für eine glatte Anpassung */
  max-height: 50vh; /* Maximal 50% der Bildschirmhöhe */
}
#quill-editor .ql-editor {
	height: auto !important;
	min-height: 90px !important;
}

#quill-editor:not(.max-height),
.ql-toolbar.ql-snow
{
  scrollbar-width: thin; /* Für Firefox: Dünne Scrollbar */
  scrollbar-color: transparent transparent; /* Unsichtbare Farben */
}

#quill-editor:not(.max-height)::-webkit-scrollbar,
.ql-toolbar.ql-snow::-webkit-scrollbar 
{
  width: 5px; /* Dünne Scrollbar */
}

#quill-editor:not(.max-height)::-webkit-scrollbar-thumb,
.ql-toolbar.ql-snow::-webkit-scrollbar-thumb
{
  background: rgba(0, 0, 0, 0.1); /* Fast unsichtbar */
  border-radius: 10px; /* Abgerundete Ecken */
}

#quill-editor:not(.max-height)::-webkit-scrollbar-track,
.ql-toolbar.ql-snow::-webkit-scrollbar-track
{
  background: transparent; /* Unsichtbare Scrollbar-Spur */
}

.ql-toolbar.ql-snow
{
	white-space: nowrap;
	overflow: visible;
}

.kb-editor .ql-toolbar.ql-snow
{
	overflow: visible;
}

.ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus
{
	color: var(--content-foreground);
}

.ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected
{
	color: var(--app-primary-color);
}

.ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter
{
	stroke: var(--app-primary-color);
}

.visible-overflow
{
	overflow: visible !important;
}

.paper-container-size
{
	width: 840px;
}
.paper-container-size .select2-container .select2-selection--single .select2-selection__rendered
{
	padding-left: 0 !important;
}


.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options
{
	overflow: auto;
	max-height: 100px;
}

.cicircleleft {
	background: #fd19c8 !important;
	background: radial-gradient(farthest-side, #fd19c8aa 1%, #14072600 100%) !important;
	opacity: 0.7 !important;
	position: fixed;
}

.cicircleright {
	background: #fd19c8 !important;
	background: radial-gradient(farthest-side, #834bffaa 1%, #14072600 100%) !important;
	opacity: 0.7 !important;
	position: fixed;
}

.appstore-element {
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
}

.vcontrol[data-utalic-class="VTabBarMenu"] .extra-items .tabbar-item .icon,
.vcontrol[data-utalic-class="VTabBarMenu"] .extra-items .tabbar-item .hot-icon {
	background-color: var(--appbar-background);
}

.filedrop-marker {
	background-color: #00000022;
	height: 50px;
	border-radius: 3px;
}

.filedrop-waiter {
	background-color: #00000022;
	height: 220px;
	border-radius: 3px;
	margin: 3px;
}

.filedrop-waiter:after {
	content: '';
	top: 0;
	transform: translateX(100%);
	width: calc(100% - 6px);
	height: 220px;
	border-radius: 3px;
	margin: 3px;
	position: absolute;
	z-index: 1;
	animation: waitslide 2s infinite;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
}

@keyframes waitslide {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(100%);
	}
}

.reportingarea table {
	border-collapse: collapse;
	overflow: hidden;
	font-size: 12px;
}

.reportingarea .data {
	text-align: center;
	border-right: 1px solid var(--main-border-color);
	padding-right: 10px;
	box-sizing: border-box;
	height: 50px !important;
	line-height: 50px;
	padding: 0;
}

.reportingarea .outer-data {
	position: absolute;
	left: 200px;
	top: 0;
	right: 0;
	overflow-x: auto;
	vertical-align: top;
}

.reportingarea .outer-caption {
	vertical-align: top;
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	overflow: hidden;
}

.reportingarea th {
	background-color: var(--app-primary-color);
	color: var(--app-primary-foreground);
	min-width: 150px;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	text-align: center;
	padding: 0;
}

.reportingarea .rowtitle {
	background-color: var(--analytics-fixed-background);
	color: var(--analytics-fixed-foreground);
	max-width: 200px;
	width: 200px;
	min-height: 50px;
	line-height: 50px;
	padding: 0 0 0 10px;
	box-sizing: border-box;
	height: 50px !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.reportingarea .rowtitle .caption {
	width: calc(100% - 40px);
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
}

.reportingarea .rowtitle .inspect {
	cursor: pointer;
	display: inline-block;
	width: 20px;
	vertical-align: top;
	line-height: 50px;
}

.reportingarea .rowtitle .menu {
	cursor: pointer;
	display: inline-block;
	width: 20px;
	vertical-align: top;
	line-height: 50px;
}

/*
.vcontrol[data-utalic-name="flowEditor1"] .tool[data-toolname="flActionTTS"] .caption:after,
.vcontrol[data-utalic-name="siPushmailings"] .caption:after {
	content: 'BETA';
	width: 30px;
	height: 10px;
	vertical-align: middle;
	background-color: red;
	color: white;
	font-size: 9px;
	margin-left: 5px;
	padding: 1px 2px;
}*/

.nowrap {
	white-space: nowrap !important;
}

.leaflet-pane {
	z-index: 1;
}

.leaflet-control,
.leaflet-top,
.leaflet-bottom {
	z-index: 2;
}

.butlericon {
	z-index: 999 !important;
}

.active-record {
	background-color: var(--app-primary-color-light) !important;
}

.device-mode-desktop .sidebar .sidebar-item,
.device-mode-tablet .sidebar .sidebar-item 
{
	border: 1px solid transparent;
}

.device-mode-desktop .rounded-dialog,
.device-mode-tablet .rounded-dialog 
{
	border-radius: 20px;
	overflow: hidden;
}

.device-mode-desktop .sidebar .sidebar-item.active,
.device-mode-tablet .sidebar .sidebar-item.active {
	background-color: #7069d33b !important;
	color: white;
	border: 1px solid #ffffff0d;
}

.postplanner .fc-timegrid-event-harness {
	-webkit-mask-image: -webkit-gradient(linear, left 60%, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
}

.postplan-image {
	width: 100%;
	height: calc(100% - 22px);
	background-position: left top;
	background-size: contain;
	background-repeat: no-repeat;
}

.socialressource-channels {
	position: absolute;
	top: 0;
	right: 0;
	height: 22px;
	background-color: black;
	border-radius: 3px;
	padding: 1px 4px;
}

.postplan-channels {
	width: 100%;
	height: 22px;
	background-color: black;
	border-radius: 3px;
	padding: 1px 4px;
}

.postplan-channels .channel,
.socialressource-channels .channel {
	width: 16px;
	height: 20px;
	font-size: 13px;
	line-height: 17px;
	color: white;
	text-align: center;
}

.vcontrol.sidebar .additional-column {
	border-left: 1px solid var(--main-border-color) !important;
}

.VSceneDocumentation {
	border-bottom-color: var(--main-border-color);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.skeleton .vcontrol[data-utalic-class="VLabel"] span,
.skeleton .vcontrol[data-utalic-class="VMultiCaptionLabel"] span,
.skeleton .vcontrol[data-utalic-class="VLinkLabel"] span,
.skeleton .vcontrol[data-utalic-class="VHeadingLabel"] h1,
.skeleton .vcontrol[data-utalic-class="VLookupLabel"] span,
.skeleton .vcontrol[data-utalic-class="VMarkdownEditor"] p,
.skeleton .vcontrol[data-utalic-class="VDateLabel"] span,
.skeleton .vcontrol[data-utalic-class="VCurrencyLabel"] span,
.skeleton .vcontrol.side-by-side[data-utalic-class="VButtonGroup"] .groupbutton .caption,
.skeleton .fc .fc-timegrid-axis-cushion,
.skeleton .fc .fc-timegrid-slot-label-cushion,
.skeleton .vcontrol[data-utalic-class="VCalendar"] .fc .fc-toolbar-title,
.skeleton .vcontrol[data-utalic-class="VCalendar"] .fc .fc-col-header-cell-cushion,
.skeleton .vcontrol[data-utalic-class="VCheckBox"] label,
.skeleton .vcontrol[data-utalic-class="VRadioButton"] label {
	color: transparent !important;
	background-color: #f0f0f0;
	border-radius: 4px !important;
}

.skeleton .fc-direction-ltr .fc-button-group>.fc-button {
	color: transparent;
}

.skeleton .vcontrol.side-by-side[data-utalic-class="VButtonGroup"] .groupbutton .caption {
	margin-bottom: 10px;
	vertical-align: top;
}

.skeleton .vcontrol[data-utalic-class="VSideBarItem"] .caption {
	color: transparent;
	background-color: #545454;
	line-height: 13px;
	height: 11px;
	margin-top: 8px;
	border-radius: 4px !important;
	margin-right: 10px !important;
}

.skeleton input,
.skeleton textarea {
	color: transparent !important;
}

.skeleton .vcontrol[data-utalic-class="VButton"] button span,
.skeleton .vcontrol[data-utalic-class="VCancelButton"] button span {
	color: transparent !important;
	background-color: rgba(0, 0, 0, 0.2) !important;
}

.skeleton .vcontrol[data-utalic-class="VImage"],
.skeleton .vcontrol[data-utalic-class="VDatabaseImage"] {
	background-color: #f0f0f0;
}

.skeleton .vcontrol[data-utalic-class="VImage"] img,
.skeleton .vcontrol[data-utalic-class="VDatabaseImage"] img {
	opacity: 0;
}

.sidebar-detail-action
{
	color: black !important;
	margin: 10px !important;
	height: calc(100% - 20px) !important;
	border-radius: 7px !important;
	line-height: 30px !important;
}
.vcontrol[data-utalic-class="VSideBar"] .navigation-bar .system-icon, 
.vcontrol[data-utalic-class="VSideBar"] .additional-navigation-bar .system-icon, 
.vcontrol[data-utalic-class="VScenePopup"] > .navigation-bar .system-icon, 
.vcontrol[data-utalic-class="VSceneBeamer"] > .navigation-bar .system-icon
{
	color: black;
}
.sidebar-detail-action .system-icon
{
	line-height: 30px !important;
}

.color-scheme-dark .sidebar-detail-action
{
	color: white;
}

.leadlist
{
	outline: none !important;
}

.device-mode-tablet .leadlist
{
	bottom: 32px !important;
	padding: 2px 10px !important;
}

.device-mode-tablet .pipe-dropzone
{
	height: 32px !important
}
.device-mode-tablet .pipe-special > button
{
	font-size: 10px !important;
	height: 25px !important;
}

.device-mode-tablet .vcontrol[data-utalic-class="VKanban"] .column .new-button
{
	height: 25px !important;
	line-height: 25px !important;
	top: 40px !important;
	border-radius: 5px !important;
	left: 6px !important;
}

.device-mode-tablet .vcontrol[data-utalic-class="VKanban"] .column .cardarea.shifted
{
	top: 70px !important;
}

.device-mode-tablet .utalic-kanban-card
{
	padding: 2px !important;
	margin: 1px !important;
	border-radius: 0 !important;
}

.skeleton .vcontrol[data-utalic-class="VSideBar"] .sidebar-detail-action span
{
	color: transparent !important;
	background-color: #f0f0f0;
	border-radius: 4px !important;
}

.skeleton .vcontrol *::placeholder {
	color: transparent !important;
}

.skeleton .vcontrol[data-utalic-class="VKanban"] .column .caption span,
.skeleton .vcontrol[data-utalic-class="VKanban"] .add-column .caption span {
	color: transparent !important;
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 4px !important;
}

.skeleton .vcontrol[data-utalic-class="VKanban"] .column .new-button span {
	color: transparent !important;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 4px !important;
}

.skeleton .vcontrol[data-utalic-class="VTabBarMenu"] .items .tabbar-item .caption {
	color: transparent !important;
	padding-top: 0 !important;
	margin-left: 10px !important;
	margin-top: 10px !important;
	width: calc(100% - 20px) !important;
	background-color: #444444 !important;
	border-radius: 4px !important;
}

.skeleton .pipeline-contact {
	text-overflow: clip !important;
}

.skeleton .pipeline-contact .contactname {
	color: transparent !important;
	background-color: #f0f0f0;
	border-radius: 4px !important;
}

.skeleton .utalic-kanban-card .text,
.skeleton .utalic-kanban-card .add-element:not(.add-element-top) .content p,
.skeleton .utalic-kanban-card .add-element:not(.add-element-top) .content span {
	color: transparent !important;
	background-color: #f0f0f0;
	border-radius: 4px !important;
}

.skeleton .pipeline-contact .avatar {
	background-image: none !important;
	border-radius: 50%;
	background-color: #f0f0f0;
}

.skeleton .pipeline-contact .avatar::before {
	display: none !important;
}

.skeleton .utalic-kanban-card .add-element .icon {
	border-radius: 50%;
	background-color: #f0f0f0;
	width: 20px;
	height: 20px;
	margin-top: 2px;
	margin-left: 10px;
}

.skeleton .vcontrol.side-by-side[data-utalic-class="VButtonGroup"] .groupbutton .icon {
	width: 16px;
	height: 16px;
	background-color: #f0f0f0;
	border-radius: 50%;
	margin-bottom: 13px;
	vertical-align: top;
}

.skeleton .utalic-kanban-card .add-element .icon::before,
.skeleton .vcontrol.side-by-side[data-utalic-class="VButtonGroup"] .groupbutton .icon::before {
	display: none;
}

.skeleton .vcontrol[data-utalic-class="VPopupMenu"] select,
.skeleton .vcontrol[data-utalic-class="VComboBox"] select,
.skeleton .vcontrol[data-utalic-class="VLookupComboBox"] select,
.skeleton .vcontrol[data-utalic-class="VListBox"] select {
	color: transparent !important;
}

.vcontrol[data-utalic-class="VFlowEditor"] .tool-area .tool-heading .icon {
    margin-right: 10px;
}

.vcontrol[data-utalic-class="VSideBar"] .sidebar-detail-action-two .system-icon,
.vcontrol[data-utalic-class="VSceneBeamer"] .sidebar-detail-action-two .system-icon,
.vcontrol[data-utalic-class="VSceneDialog"] .sidebar-detail-action-two .system-icon
{
	font-size: 22px;
}

.additional-navigation-bar,
.navigation-bar {
	/*border-bottom: 1px solid var(--main-border-color);*/
}

.device-mode-desktop .vcontrol[data-utalic-class="VPopupMenu"] ul li.new-group, 
.device-mode-tablet .vcontrol[data-utalic-class="VPopupMenu"] ul li.new-group
{
	border-top-color: #a0a0a0 !important;
}

.lp-element-nps,
.checkout-interval-panel,
.center-panel
{
	text-align: center;
}
.lp-nps-rating
{
	width: 30px;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	color: white;
	display: inline-block;
	margin: 3px;
	cursor: pointer;
	text-decoration: none;
}

.lp-nps-rating.score-0
{
	background-color: #e43e3d;
}

.lp-nps-rating.score-1
{
	background-color: #ea484d;
}

.lp-nps-rating.score-2
{
	background-color: #ec664e;
}

.lp-nps-rating.score-3
{
	background-color: #ef884c;
}

.lp-nps-rating.score-4
{
	background-color: #f3a74c;
}

.lp-nps-rating.score-5
{
	background-color: #f8c43d;
}

.lp-nps-rating.score-6
{
	background-color: #e1c63a;
}

.lp-nps-rating.score-7
{
	background-color: #c0cb36;
}

.lp-nps-rating.score-8
{
	background-color: #9fcd34;
}

.lp-nps-rating.score-9
{
	background-color: #80cc30;
}

.lp-nps-rating.score-10
{
	background-color: #5baf2a;
}

.prospector-table {
	border: 1px solid var(--main-border-color);
	border-collapse: collapse;
	width: 100%;
}

.prospector-table .head td {
	font-size: 12px;
	background-color: black;
	color: white;
	border: 1px solid var(--main-border-color);
	vertical-align: top;
}

.prospector-table td {
	font-size: 12px;
	border: 1px solid var(--main-border-color);
	vertical-align: top;
	padding: 3px 5px;
}

.prospector-table tr:not(.head) {
	border-bottom: 3px solid var(--main-border-color);
}

.search-edit input {
	background-position-x: 15px !important;
}

.search-edit-pipeline input {
	background-position-x: 10px !important;
}

.hover-panel:hover {
	background-color: var(--record-hover-color) !important;
}

.gradient-text {
	background-image: linear-gradient(90deg, #fd19c8, #834bff);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	padding-right: 4px;
}

.ttt-x {
	background-image: url(media/image/tttx.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.ttt-o {
	background-image: url(media/image/ttto.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.invoice-position-move-placeholder
{
	height: 40px;
	background-color: #e0e0e0;
	border-radius: 8px;
}

.invoice-position-row.ui-sortable-helper
{
	opacity: 0.5 !important;
}

#confetti-canvas {
	z-index: 999999999;
}

.utalic-stage.edition-free:not(.device-mode-mobile) .vcontrol[data-utalic-class="Freepipeline"],
.utalic-stage.edition-free:not(.device-mode-mobile) .vcontrol[data-utalic-class="Freecontacts"]
{
	margin: 20px;
	border-radius: 10px;
}
.utalic-stage.edition-free:not(.device-mode-mobile) .vcontrol[data-utalic-class="VTabBarMenu"] .tabbar
{
	border-right: none;
}
body:not(.device-mode-mobile).utalic-stage.edition-free .vcontrol[data-utalic-class="VTabBarMenu"] .tabbar,
body:not(.device-mode-tablet).utalic-stage.edition-free .vcontrol[data-utalic-class="VTabBarMenu"] .tabbar
{
	width: 100px !important;
}
.vcontrol[data-utalic-class="Mainarea"]
{
	min-width: 350px;
}

.device-mode-tablet .main-content-dialog
{
	left: 45px;
	top: 20px;
	right: 20px;
	bottom: 60px;
	overflow: hidden;
	border-radius: 10px;
}
.device-mode-desktop .main-content-dialog
{
	left: 290px;
	top: 20px;
	right: 20px;
	bottom: 20px;
	overflow: hidden;
	border-radius: 10px;
}

.device-mode-tablet .vcontrol.owner-control.dbcursor:not(.inline-drawer-shown)>.VInlineDrawerAction,
.device-mode-desktop .vcontrol.owner-control.dbcursor:not(.inline-drawer-shown)>.VInlineDrawerAction
{
	background-color: #00000030;
	border-top-right-radius: 8px;
	right: 0;
	top: 0;
	color: transparent;
}

.device-mode-tablet .vcontrol.owner-control:not(.inline-drawer-shown):hover>.VInlineDrawerAction,
.device-mode-desktop .vcontrol.owner-control:not(.inline-drawer-shown):hover>.VInlineDrawerAction
{
	background-color: black;
	border-top-right-radius: 8px;
	right: 0;
	top: 0;
	color: white;
}

.db-color-panel.dbcursor {
	background-color: var(--record-active-color) !important;
}

.sidebar.has-additional-panel .sidebar-db-color-panel.dbcursor {
	background-color: var(--record-active-color) !important;
}

.selector-listview .vcontrol.dbcursor {
	background-color: var(--record-active-color) !important;
}

.device-mode-desktop .sidebar.has-additional-panel .listview .vcontrol.dbcursor:not(.segmentpanel),
.device-mode-tablet .sidebar.has-additional-panel .listview .vcontrol.dbcursor:not(.segmentpanel) {
	background-color: var(--record-active-color) !important;
}

.device-mode-desktop .sidebar.has-additional-panel .listview .vcontrol.dbcursor:not(.segmentpanel) .VTagsLabelTag,
.device-mode-tablet .sidebar.has-additional-panel .listview .vcontrol.dbcursor:not(.segmentpanel) .VTagsLabelTag
{
	background-color: black !important;
}

.device-mode-desktop .sidebar.has-additional-panel .listview .vcontrol.dbcursor:not(.segmentpanel) .active-background-change,
.device-mode-tablet .sidebar.has-additional-panel .listview .vcontrol.dbcursor:not(.segmentpanel) .active-background-change
{
	background-color: var(--record-active-font-color) !important;
}

.device-mode-desktop .sidebar.has-additional-panel .listview .vcontrol.dbcursor:not(.segmentpanel) .active-invert .ut-lbl,
.device-mode-tablet .sidebar.has-additional-panel .listview .vcontrol.dbcursor:not(.segmentpanel) .active-invert .ut-lbl,
.selector-listview .vcontrol.dbcursor .active-invert .ut-lbl,
.selector-listview .vcontrol.dbcursor .active-invert .ut-lbl,
.device-mode-desktop .sidebar.has-additional-panel .listview .vcontrol.dbcursor:not(.segmentpanel) .active-invert .ut-tlbl,
.device-mode-tablet .sidebar.has-additional-panel .listview .vcontrol.dbcursor:not(.segmentpanel) .active-invert .ut-tlbl,
.device-mode-desktop .sidebar.has-additional-panel .listview .vcontrol.dbcursor:not(.segmentpanel) .active-invert > span,
.device-mode-tablet .sidebar.has-additional-panel .listview .vcontrol.dbcursor:not(.segmentpanel) .active-invert > span,
.db-color-panel.dbcursor .ut-lbl
{
	color: var(--record-active-font-color) !important;
}

.device-mode-tablet .vcontrol[data-utalic-class="VSideBar"] .contentarea.restricted-size
{
	display: none;
}

.graphics-layer
{
	pointer-events: none;
}

.graphics-layer.drawing
{
	pointer-events: auto;
	background-color: #00000022 !important;
	cursor: crosshair !important;
}

.graphics-context
{
	position: absolute;
	left: -35px;
	top: -35px;   
	cursor: pointer;
	background-color: var(--app-primary-color);
	border: 1px solid #f0f0f0;
	color: var(--app-primary-foreground);
	font-size: 20px;
	padding: 8px;
	box-sizing: border-box;
	border-radius: 8px;
	width: 40px;
}

.user-graphic
{
	pointer-events: auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top left;
}
.user-graphic:hover
{
	outline: 1px solid #c0c0c0;
}
.user-graphic img,
.user-graphic canvas
{
	pointer-events: none;
}

.document-editor .paper-desk {
	overflow: hidden !important;
}

.document-editor .paper-desk:hover {
	overflow: auto !important;
}

.edit-paper-layout .no-layout-part
{
	opacity: 0.35 !important;
}


.doc-country-select select {
	appearance: none;
}

.pipe-special.drop-over {
	background-color: var(--app-primary-color);
	border-radius: 8px;
}

.pipe-special.drop-over button {
	border-color: var(--app-primary-color) !important;
}

.pipe-special.drop-over button span {
	color: white;
}

.edit-paper-layout .layout-margin-bottom:hover
{
	background-color: #f9f9ff !important;
}

.adjustable-element.utalic-resizing
{
	outline: 1px solid var(--app-secondary-color) !important;
}

.device-mode-desktop .vcontrol[data-utalic-class="VSideBar"] .sidebar-item:not(.heading):hover,
.device-mode-desktop .vcontrol[data-utalic-class="VSideBar"] .sidebar-item.active:not(.heading),
.device-mode-tablet .vcontrol[data-utalic-class="VSideBar"] .sidebar-item:not(.heading):hover,
.device-mode-tablet .vcontrol[data-utalic-class="VSideBar"] .sidebar-item.active:not(.heading) {
	background-color: #37364e63;
}

.VPopupGrayout:not(.transparent-grayout) {
	background-color: #000000ad !important;
}

.sample-code {
	padding: 0;
	margin: 0;
	font-size: 12px;
}

.rotate-first-icon .groupbutton .icon {
	transform: rotate(180deg);
}

.rotated-icons .icon {
	transform: rotate(90deg);
}

.nowrap-textarea textarea {
	white-space: pre;
	overflow-wrap: normal;
	overflow-x: scroll;
}

.innermail-icon .lbl-icon::before
{
	font-size: 10px !important;
}
.innermail-icon .ut-lbl,
.innermail-icon .ut-tlbl
{
	max-width: calc(100% - 10px) !important;
}

.catalog-image img {
	height: auto !important;
	width: auto !important;
}

.explorer-left {
	height: auto !important;
}

.explorer-right {
	height: auto !important;
}

.draggable-section {
	display: block !important;
}

.draggable-tool {
	display: inline-block !important;
}

.draggable-section.ui-sortable-helper {
	opacity: 0.7 !important;
	transform: rotate(3deg);
}

.register-style-buttongroup {
	text-align: left !important;
}

.register-style-buttongroup .groupbutton {
	width: auto !important;
	min-width: auto !important;
}

.register-style-buttongroup .groupbutton.active {
	border-bottom: 3px solid var(--app-primary-color);
}

.register-style-buttongroup .groupbutton.active .caption {
	font-weight: bold;
}

.centered-icons {
	text-align: center;
}

.ui-tooltip {
	padding: 0 10px;
	background: var(--app-secondary-color);
	color: white;
	box-shadow: none;
	border-radius: 15px;
	border: none !important;
	padding: 5px 10px;
	font-size: 12px;
}

.device-mode-mobile .ui-tooltip {
	display: none !important;
}

.template-drag-placeholder {
	background-color: #707070 !important;
	height: 30px !important;
	width: 100% !important;
	border-radius: 5px;
}

.chkitm-pnl.ui-sortable-helper {
	opacity: 0.7 !important;
}

.template-toolbox .dragging-tool {
	background-color: var(--template-editor-active-tool) !important;
}

.template-toolbox .template-drag-placeholder {
	display: none !important;
}

.template-toolbox .dragging-tool .VOwnerControlInnerPanel {
	opacity: 1 !important;
}

.template-editor:not(.read-only) .page {
	outline: 15px solid black;
}

.template-editor.read-only .page {
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
}

.template-editor .section-wrapper.ui-sortable-helper,
.template-editor .element.ui-sortable-helper,
.template-editor .section-column.ui-sortable-helper {
	display: none !important;
}

.template-editor:not(.read-only) .section-wrapper:not(.load-border) {
	border-bottom: 1px solid var(--app-primary-color);
}

.template-editor:not(.read-only) .section-wrapper .section-column:not(.load-border) {
	border: 1px dashed var(--app-primary-color);
}

.template-editor:not(.read-only) .section-wrapper .section-column:empty {
	min-height: 60px;
}

.template-editor .section-wrapper .section {
	width: 100%;
	text-align: center;
	white-space: nowrap;
	display: flex;
  align-items: stretch;
}

.template-editor.read-only .btn-settings,
.template-editor.read-only .btn-column-settings,
.template-editor.read-only .btn-element-settings {
	display: none !important;
}

.template-editor .btn-settings {
	position: fixed;
	top: -24px;
	left: 0;
	height: 24px;
	cursor: pointer;
	text-align: center;
	border-radius: 6px;
	background-color: #807f84;
	color: white;
	font-size: 12px;
	line-height: 20px;
	display: none;
	padding: 2px 8px;
	font-weight: normal;
	box-sizing: border-box;
	z-index: 9999;
}

.template-focussed-control>.btn-settings {
	background-color: var(--app-secondary-color);
	color: white;
}

.template-editor .btn-column-settings {
	position: fixed;
	top: -24px;
	left: 0;
	height: 24px;
	cursor: pointer;
	text-align: center;
	border-radius: 6px;
	background-color: #807f84;
	color: white;
	font-size: 12px;
	line-height: 20px;
	display: none;
	z-index: 3;
	padding: 2px 8px;
	font-weight: normal;
	box-sizing: border-box;
	z-index: 9999;
}

.template-focussed-control>.btn-column-settings {
	background-color: var(--app-secondary-color);
	color: white;
}
.paging-view #lpeditor
{
  overflow-y: scroll !important;
  scroll-snap-type: y mandatory !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.paging-view #lpeditor::-webkit-scrollbar 
{
  display: none;
}

.paging-view #lpeditor > .section-wrapper,
.paging-view #lpeditor > .section-wrapper:not(.horizontal-scroller) > .section > .section-column
{
  display: block !important;
}

.paging-view #lpeditor > .section-wrapper
{
  min-height: 100% !important;
  width: 100% !important;
  scroll-snap-align: start !important;
}

.paging-view #lpeditor .intro-section
{
	display: none !important;
}

.hsnap-dots button.fa-plus
{
	background-color: var(--app-secondary-color) !important;
  border: 1px solid white;
  color: white;
  font-size: 11px;
  text-align: center;
  opacity: 1;
}

.mjlp-nav-dots
{
	position: absolute !important;
}

.mjlp-nav-dots button.fa-plus
{
  background-color: var(--app-secondary-color) !important;
  border: 1px solid white;
	color: white;
	font-size: 11px;
	text-align: center;
	opacity: 1;
}

.btn-element-settings {
	position: fixed;
	top: -24px;
	left: 0;
	height: 24px;
	cursor: pointer;
	text-align: center;
	border-radius: 6px;
	background-color: #807f84;
	color: white;
	font-size: 12px;
	line-height: 20px;
	display: none;
	z-index: 9999;
	padding: 2px 8px;
	font-weight: normal;
	box-sizing: border-box;
}

.is-animating
{
	outline-color: transparent !important;
}

.is-animating .btn-element-settings
{
	opacity: 0 !important;
}

.template-focussed-control>.btn-element-settings {
	background-color: var(--app-secondary-color);
	color: white;
}

.template-editor .column-content {
	min-height: 20px;
}
.template-editor.dragging-active .intro-section {
	display: none !important;
}

/*.utalic-stage .template-editor .template-focussed-control .btn-element-settings
{
	display: block;
}*/
.template-editor .element.type-ai {
	background-color: yellow;
}

.template-editor .element.type-ai .ai-content {
	display: none;
}

.template-editor .element.type-html {
	height: 30px;
	background-color: #a1a1a1;
	text-align: center;
	color: white;
	font-size: 12px;
	border: 1px solid var(--app-primary-color);
	line-height: 30px;
}

.template-editor .element.type-html:after {
	content: 'HTML </>';
}

.template-section-settings .active-distribution {
	border-color: var(--app-primary-color) !important;
}

.template-editor .element {
	position: relative;
}

.template-editor .element:focus {
	outline: none;
}

.template-editor:not(.read-only) .focussed-element {
	outline: 1px solid var(--app-secondary-color) !important;
	margin: 1px;
}

.template-editor:not(.read-only) .template-toolbox {
	height: var(--template-sidebar-height) !important;
	width: var(--template-sidebar-width) !important;
	top: var(--template-sidebar-top) !important;
}

.device-mode-tablet .template-editor:not(.read-only) .template-toolbox {
	width: 300px !important;
}


.gradient-rightside {
	background: linear-gradient(0deg, var(--boxed-background) 5%, var(--content-background) 100%) !important;
}

.template-editor:not(.read-only) .template-workarea {
	bottom: var(--template-workarea-bottom) !important;
	right: var(--template-workarea-right) !important;
}

.device-mode-tablet .template-editor:not(.read-only) .template-workarea {
	right: 300px !important;
}

.template-editor.read-only .template-workarea {
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
}

.template-editor .tool-container {
	top: 190px !important;
	left: 0 !important;
	right: auto !important;
}

.template-editor .element.type-spacer:hover {
	border: 1px dashed var(--main-border-color);
	background-color: rgb(136, 136, 136, 0.2);
}

.template-editor .element.type-component
{
	border: 1px dashed var(--main-border-color);
	background-color: rgb(136, 136, 136, 0.2);
}

.template-editor:not(.read-only) .element:not(.template-focussed-control) {
	cursor: pointer !important;
}

.template-editor:not(.read-only) .section-wrapper:hover:not(:has(*:hover)),
.template-editor:not(.read-only) .section-column:hover:not(:has(*:hover)),
.template-editor:not(.read-only) .element:hover {
	outline: 2px solid #3bd974 !important;
}

.template-editor:not(.read-only) .section-column:hover {
	z-index: 1;
}

.template-editor:not(.read-only) .section-wrapper.template-focussed-control,
.template-editor:not(.read-only) .section-column.template-focussed-control,
.template-editor:not(.read-only) .element.template-focussed-control {
	outline: 2px solid var(--app-secondary-color) !important;
}

.checklist-active-item {
	background-color: var(--boxed-background) !important;
}

.highlighting-overlay {
	background-color: rgba(255, 0, 0, 0.4);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: none;
}

.template-editor .mjlp .element.type-video
{
	height: 300px;
	background-color: #f0f0f0;
  background-image:
    linear-gradient(45deg, #808080 25%, transparent 25%),
    linear-gradient(-45deg, #808080 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #808080 75%),
    linear-gradient(-45deg, transparent 75%, #808080 75%);
  background-size: 80px 80px; /* 2 x 40px, um das Schachbrett zu erzeugen */
  background-position: 
    0 0,
    0 40px,
    40px -40px,
    -40px 0px;
  border: 3px solid black;
}

.template-editor .mjlp .element.type-video .video-wrapper
{
	display: none !important;
}

.mj-stripe-checkout-form iframe {
	min-height: 100% !important;
	min-width: 100% !important;
}

.contact-head .drop-avatar {
	display: none !important;
}

.hoverable-label .ut-lbl:hover {
	color: var(--app-primary-color) !important;
	text-decoration: underline !important;
}

.child-contact .connect-to-mastercontact input,
.child-contact .connect-to-mastercontact select,
.child-contact .connect-to-mastercontact .vcontrol[data-utalic-class="VLookupComboBox"] {
	background-color: var(--disabled-background) !important;
	cursor: pointer;
}

.child-contact .master-data {
	transition: height 0.5s;
}

.child-contact .master-data.small {
	overflow: hidden !important;
	height: 0 !important;
}

.contact-head:hover .drop-avatar {
	display: block !important;
}

.import-fields {
	white-space: nowrap;
	vertical-align: top;
}

.import-selects {
	white-space: nowrap;
	vertical-align: top;
}

.import-row {
	white-space: nowrap;
	vertical-align: top;
	border-top: 1px solid var(--main-border-color);
	border-left: 1px solid var(--main-border-color);
}

.import-field {
	vertical-align: top;
	display: inline-block;
	width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 11px;
	font-weight: bold;
	box-sizing: border-box;
	padding: 4px;
	height: 25px;
	border-right: 1px solid var(--main-border-color);
}

.import-value {
	vertical-align: top;
	display: inline-block;
	width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	border-right: 1px solid var(--main-border-color);
	font-size: 13px;
	box-sizing: border-box;
	padding: 4px;
	height: 25px;
}

.import-select {
	vertical-align: top;
	display: inline-block;
	width: 140px;
	box-sizing: border-box;
	font-size: 12px;
	padding: 4px;
	text-overflow: hidden;
	text-overflow: ellipsis;
	border: none;
	border-right: 1px solid var(--main-border-color);
	height: 30px;
}

.vcontrol[data-utalic-class="VKanban"] .column,
.vcontrol[data-utalic-class="VKanban"] .add-column {
	width: 300px;
}

.device-mode-tablet .vcontrol[data-utalic-class="VKanban"] .column,
.device-mode-tablet .vcontrol[data-utalic-class="VKanban"] .add-column {
	width: 210px;
}

.utalic-kanban-card {
	padding: 5px;
	cursor: pointer;
}

.utalic-kanban-card .textwrapper {
	margin-left: 35px;
	width: calc(100% - 65px);
}

.utalic-kanban-card .text {
	padding: 0;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 9px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.utalic-kanban-card .text:empty {
	display: none;
}

.device-mode-tablet .utalic-kanban-card .text {
	margin-bottom: 0;
}

.utalic-kanban-card .add-element .content {
	line-height: 25px !important;
}

.device-mode-tablet .utalic-kanban-card .add-element .content {
	line-height: 20px !important;
}

.utalic-kanban-card .add-element-bottom {
	margin-left: 5px;
}

.utalic-kanban-card .add-element-top {
	margin-left: 0;
}

.minimal-pipeline .utalic-kanban-card .add-element:not(.add-element-top),
.minimal-pipeline .utalic-kanban-card .textwrapper
{
	display: none;
}

.onmapicon {
	border-radius: 50% !important;
	z-index: 9 !important;
	border: 2px solid var(--app-primary-color) !important;
}

.leaflet-control-attribution.leaflet-control a:not(.osm),
.leaflet-control-attribution.leaflet-control span {
	display: none;
}

.pipeline-contact {
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100% - 30px);
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
}

.device-mode-tablet .pipeline-contact
{
	font-size: 13px;
}

.device-mode-mobile .vcontrol.dragging .pipeline-contact {
	width: 100%;
}

.device-mode-mobile .vcontrol.dragging .pipeline-contact .avatar {
	display: none;
}

.pipeline-contact .contactname {
	vertical-align: middle;
	font-weight: 500;
	color: var(--heading-font-color);
	display: block;
	margin-left: 35px;
	min-height: 30px;
}

.pipeline-contact .avatar {
	left: 5px;
	top: 5px;
	width: 30px;
	height: 30px;
	position: absolute;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 5px;
	vertical-align: top;
	font-size: 21px;
	text-align: center;
	color: #b1b1b1;
	background-position: center;
}

.minimal-pipeline .pipeline-contact .avatar {
	height: 20px;
}

.utalic-kanban-card .add-element {
	padding: 0;
	margin-bottom: 0 !important;
}

.utalic-kanban-card .add-element.has-icon {
	padding-left: 30px;
}

.utalic-kanban-card .add-element .icon {
	width: 30px;
}

.butlersuggestion table {
	font-size: 12px;
	border-top: 1px solid #d0d0d0;
	border-radius: 5px;
}

.butlersuggestion table td {
	border-bottom: 1px solid #d0d0d0;
}

.butlersuggestion .fieldname {
	color: black;
	background-color: #f0f0f0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
}

.butlersuggestion .fieldvalue {
	border-right: 1px solid #d0d0d0;
}

.overflow-visible {
	overflow: visible !important;
}

.paper-recipient.focussed {
	background-color: #f0f0f0 !important;
}

.document-preview-image img {
	border-radius: 8px;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

.adhs-container {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	background-color: rgba(0, 0, 0, 0);
	z-index: 9999;
	opacity: 0;
	transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out;
	font-family: 'Roboto', sans-serif;
	color: #212121;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.adhs-container.visible {
	background-color: rgba(0, 0, 0, 0.9);
	opacity: 1;
}

.adhs-container .adhs-modal {
	background-color: #F5F5F5;
	border-radius: 7px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	padding: 49px 19px 32px 19px;
	margin: auto;
	margin-top: 40px;
	max-width: 400px;
	width: 90%;
	transition: opacity 0.3s ease-in-out;
	display: flex;
	flex-direction: column;
	line-height: normal;
}

@keyframes adhs-bounce-modal {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(-30px);
	}

	60% {
		transform: translateY(-15px);
	}
}

.adhs-container .close-now {
	cursor: pointer;
	margin-top: 20px;
	font-size: 15px;
	color: var(--app-primary-color);
	text-decoration: underline;
}

.adhs-container.visible .adhs-modal,
.adhs-container.visible .adhs-logo {
	transform: translateY(0);
	opacity: 1;
	animation: adhs-bounce-modal .5s;
}

.adhs-container .adhs-logo {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	height: 80px;
	width: 80px;
	z-index: 10000;
}

.adhs-container .adhs-logo img {
	width: 80px;
	height: 80px;
	border-radius: 12px;
}

.adhs-container .adhs-modal .adhs-title {
	font-size: 27px;
	font-weight: 700;
	padding: 0px 0px 18px 0px;
	text-align: justify;
	word-spacing: -0.1em;
}

.adhs-container .adhs-modal .adhs-error-title {
	font-size: 24px;
	font-weight: 700;
	margin: 5px 10px 15px 10px;
	text-align: justify;
}

.adhs-container .adhs-modal .adhs-error-body {
	font-size: 20px;
	margin: 0px 10px 20px 10px;
	text-align: justify;
}

.adhs-container .adhs-modal .adhs-error-copy-link-button {
	background-color: white;
	border: 1px solid;
	border-radius: 4px;
	font-size: 19px;
	padding: 5px;
}

.adhs-container .adhs-modal .adhs-list {
	display: flex;
	flex-direction: column;
}

.adhs-container .adhs-modal .adhs-list .adhs-emphasis {
	font-weight: 700;
	font-size: 20px;
}

.adhs-container .adhs-modal .adhs-list .adhs-your-app-icon {
	height: 40px;
	margin: 0px 5px -13px 5px;
	border-radius: 6px;
}

.adhs-container .adhs-modal .adhs-list .adhs-list-item {
	display: flex;
	flex-direction: row;
	align-items: start;
	justify-content: flex-start;
	margin: 0px 0px 10px 0px;
}

.adhs-container .adhs-modal .adhs-list .adhs-list-item .adhs-number-container {
	flex-direction: column;
	display: flex;
	margin: 0px 5px 0px 0px;
}

.adhs-container .adhs-modal .adhs-list .adhs-list-item .adhs-circle {
	font-size: 30px;
	height: 40px;
	width: 40px;
	border-radius: 100px;
	background-color: #979797;
}

.adhs-container .adhs-modal .adhs-list .adhs-list-item .adhs-number {
	padding: 9px 0px 0px 15px;
	color: white;
	font-size: 20px;
	font-weight: 100;
}

.adhs-container .adhs-modal .adhs-list .adhs-list-item .adhs-instruction {
	font-size: 19px;
	line-height: 27px;
	padding: 0px 5px 0px 5px;
	text-align: justify;
}

/* IOS Safari */
.adhs-container.adhs-ios.adhs-safari .adhs-modal .adhs-list .adhs-ios-safari-sharing-api-button {
	height: 35px;
	margin: 0px 5px -7px 5px;
	box-shadow: 1px 1px 2px gray;
	border-radius: 4px;
	background-color: #ffffff;
}

.adhs-container.adhs-ios.adhs-safari .adhs-modal .adhs-list .adhs-ios-safari-add-to-home-screen-button {
	height: 33px;
	margin: 0px 5px -7px 5px;
	box-shadow: 1px 1px 2px gray;
	border-radius: 4px;
	background-color: #ffffff;
}

.mail-conversation-item:not(.open) .mail-meta {
	padding: 10px 0 !important;
}
.mail-conversation-item:not(.open) .mail-caret-up {
	display: none !important;
}
.mail-conversation-item.open .mail-caret-down {
	display: none !important;
}
.mail-conversation-item:not(.open) .main-content-panel {
	display: none !important;
}
.mail-conversation-item.open .main-content-panel {
	max-height: none !important;
	min-height: 50px !important;
}

@keyframes delay-animation
{
	from
	{
		transform: rotate(0deg);
	}
	to
	{
		transform: rotate(360deg);
	}
}

.contact-refresh-ico,
.waiting-rotation-icon
{
	transform-origin: center;
	animation: delay-animation 2s linear infinite;
}

.mailattachment
{
  margin-bottom: 5px;
  display: block;
  color: var(--app-primary-color);
  font-size: 13px;
  text-decoration: none;
}

@keyframes adhs-ios-safari-bouncing-arrow-animation {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(-30px);
	}

	60% {
		transform: translateY(-15px);
	}
}

.adhs-container.adhs-ios.adhs-safari .adhs-ios-safari-bouncing-arrow-container img {
	height: 60px;
	position: absolute;
	top: calc(100dvh - 60px);
	left: 0;
	right: 0;
	margin: auto;
	animation: adhs-ios-safari-bouncing-arrow-animation 2s infinite;
}

/* IOS Chrome */
@keyframes adhs-ios-chrome-bouncing-arrow-animation {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(20px);
	}

	60% {
		transform: translateY(5px);
	}
}

.adhs-container.adhs-ios.adhs-chrome .adhs-modal .adhs-list .adhs-ios-chrome-more-button {
	height: 35px;
	margin: 0px 5px -7px 5px;
	box-shadow: 1px 1px 2px gray;
	border-radius: 4px;
	background-color: #ffffff;
}

.adhs-container.adhs-ios.adhs-chrome .adhs-ios-chrome-bouncing-arrow-container img {
	height: 40px;
	position: absolute;
	top: 0;
	right: 18px;
	animation: adhs-ios-chrome-bouncing-arrow-animation 1.5s infinite;
}

.adhs-container.adhs-ios.adhs-chrome .adhs-modal .adhs-list .adhs-ios-chrome-add-to-home-screen-button {
	height: 35px;
	margin: 0px 5px -7px 5px;
	box-shadow: 1px 1px 2px gray;
	border-radius: 4px;
	background-color: #ffffff;
}

/* Android Chrome */
@keyframes adhs-android-chrome-bouncing-arrow-animation {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(20px);
	}

	60% {
		transform: translateY(5px);
	}
}

.adhs-container.adhs-android.adhs-chrome .adhs-android-chrome-bouncing-arrow-container img {
	height: 40px;
	position: absolute;
	top: 0;
	right: 15px;
	animation: adhs-android-chrome-bouncing-arrow-animation 1.5s infinite;
}

.adhs-container.adhs-android.adhs-chrome .adhs-modal .adhs-list .adhs-android-chrome-more-button {
	height: 30px;
	background: white;
	margin: 0px 5px -7px 5px;
	box-shadow: 1px 1px 2px gray;
	border-radius: 4px;
}

.adhs-container.adhs-android.adhs-chrome .adhs-modal .adhs-list .adhs-android-chrome-add-to-homescreen-button {
	height: 30px;
	background: white;
	margin: 0px 5px -9px 5px;
	box-shadow: 1px 1px 2px gray;
	border-radius: 4px;
	padding: 0px 7px 0px 4px;
}

.adhs-container.adhs-android.adhs-chrome .adhs-modal .adhs-list .adhs-android-chrome-install-app {
	height: 30px;
	background: white;
	margin: 10px 5px -10px 5px;
	box-shadow: 1px 1px 2px gray;
	border-radius: 4px;
	padding: 0px;
}

.adhs-container.adhs-android.adhs-chrome .adhs-modal .adhs-list .adhs-list-item .adhs-instruction {
	line-height: 34px;
}

/* In-App System Browser */
.adhs-container.adhs-inappbrowser-openinsystembrowser .adhs-modal .adhs-title {
	padding: 0px 0px 9px 0px;
}

.adhs-container.adhs-inappbrowser-openinsystembrowser .adhs-modal .adhs-list .adhs-emphasis {
	padding: 6px 8px;
	border-radius: 5px;
	margin: 0px 0px 0px 5px;
	box-shadow: 1px 1px 2px gray;
	background: white;
	width: fit-content;
	font-weight: 500;
}

.adhs-container.adhs-inappbrowser-openinsystembrowser .adhs-modal .adhs-list .adhs-list-item {
	margin: 6px 0px 9px 0px;
}

.adhs-container.adhs-inappbrowser-openinsystembrowser .adhs-modal .adhs-list .adhs-list-item .adhs-instruction {
	padding: 0px 0px 2px 9px;
	line-height: 42px;
}

@keyframes adhs-inappbrowser-openinsystembrowser-bouncing-arrow-animation {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(20px);
	}

	60% {
		transform: translateY(5px);
	}
}

.adhs-container.adhs-inappbrowser-openinsystembrowser .adhs-inappbrowser-openinsystembrowser-bouncing-arrow-container img {
	height: 40px;
	position: absolute;
	top: 0;
	right: 6px;
	animation: adhs-inappbrowser-openinsystembrowser-bouncing-arrow-animation 1.5s infinite;
}

.adhs-container.adhs-inappbrowser-openinsystembrowser .adhs-modal .adhs-list .adhs-more-button {
	height: 35px;
	background: white;
	margin: 0px 5px -11px 5px;
	box-shadow: 1px 1px 2px gray;
	border-radius: 4px;
}

/* In-App Safari Browser */
.adhs-container.adhs-inappbrowser-openinsafari .adhs-modal .adhs-title {
	padding: 0px 0px 9px 0px;
}

.adhs-container.adhs-inappbrowser-openinsafari .adhs-modal .adhs-list .adhs-emphasis {
	padding: 6px 8px;
	border-radius: 5px;
	margin: 0px 0px 0px 5px;
	box-shadow: 1px 1px 2px gray;
	background: white;
	width: fit-content;
	font-weight: 500;
}

.adhs-container.adhs-inappbrowser-openinsafari .adhs-modal .adhs-list .adhs-list-item {
	margin: 6px 0px 9px 0px;
}

.adhs-container.adhs-inappbrowser-openinsafari .adhs-modal .adhs-list .adhs-list-item .adhs-instruction {
	padding: 0px 0px 0px 9px;
	line-height: 34px;
	margin: 4px 0px 0px 0px;
}

.legalinfo table,
.legalinfo * {
	max-width: 550px !important;
}

.invoicesrow:hover .invoicesamount,
.invoicesrow.dbcursor .invoicesamount {
	display: none !important;
}

.device-mode-mobile .legalinfo table,
.device-mode-mobile .legalinfo * {
	max-width: 320px !important;
}

@keyframes adhs-inappbrowser-openinsafari-bouncing-arrow-animation {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(-20px);
	}

	60% {
		transform: translateY(-5px);
	}
}

.adhs-container.adhs-inappbrowser-openinsafari .adhs-inappbrowser-openinsafari-bouncing-arrow-container img {
	height: 40px;
	position: absolute;
	top: calc(100dvh - 40px);
	right: 15px;
	animation: adhs-inappbrowser-openinsafari-bouncing-arrow-animation 1.5s infinite;
}

.adhs-container.adhs-inappbrowser-openinsafari .adhs-modal .adhs-list .adhs-more-button {
	height: 35px;
	background: white;
	margin: 0px 5px -11px 5px;
	box-shadow: 1px 1px 2px gray;
	border-radius: 4px;
}

#audioPlayer {
	position: absolute;
	top: 150px;
	left: 15px;
	right: 15px;
	width: calc(100% - 30px);
	z-index: -1;
}

.voicemenu-button {
	border-radius: 4px;
	cursor: pointer;
	background-color: var(--app-primary-color);
	color: var(--app-primary-foreground);
	text-align: center;
	padding: 10px 15px;
	margin: 5px 15px;
	font-size: 12px;
}

.voicemenu-button.abort {
	background-color: var(--app-cancelling-color);
	color: var(--app-cancelling-foreground);
}

.lp-element-booking {
	overflow: auto;
}

.vcontrol[data-utalic-class="VTabBarMenu"] > .tabbar > .logopanel > .logo
{
	height: 32px;
  width: 32px;
  background-color: #503094;
  background-size: contain;
  left: calc(50% - 15px);
  border-radius: 50%;
  cursor: pointer;
  background-position: center;
}

.vcontrol[data-utalic-class="VTabBarMenu"] > .tabbar > .logopanel > .logo2
{
  height: 24px;
  width: 24px;
  background-color: transparent;
  background-size: cover;
  left: calc(50% - 1px);
  border-radius: 50%;
  cursor: pointer;
  top: 30px;
  background-position: center;
  display: none;
}
.device-mode-desktop .vcontrol[data-utalic-class="VTabBarMenu"] > .tabbar > .logopanel > .logo2.has-avatar
{
	display: block;
}

.lp-element-booking .mockup {
	background-image: url(media/image/calendarmockup.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 659px;
	height: 532px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: none !important;
}


.template-editor .lp-element-mailtext .mockup {
  background-image: url(media/image/mailtext.png);
  width: 100%;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  color: transparent;
  background-position: left top;
  background-repeat: no-repeat;
}

.lp-element-help .mockup {
	background-image: url(media/image/kb_article.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 100%;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
}

.lp-element-helpsearch .mockup {
	background-image: url(media/image/kb_searchbar.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 100%;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
}

.notification-calendar .fc .fc-toolbar.fc-header-toolbar {
	display: none;
}

.notification-calendar .fc .fc-non-business {
	background: transparent !important;
}

.notification-calendar .fc .fc-timegrid-slot-label-cushion {
	opacity: 0.4;
}

.notification-calendar .fc-view-harness {
	margin-top: -60px !important;
}

.notification-calendar .fc-scrollgrid-section-body .fc-scroller-harness .fc-daygrid-body.fc-daygrid-body-unbalanced.fc-daygrid-body-natural {
	display: none;
}

.notification-column-left,
.notification-column-right {
	width: 100% !important;
}

.notification-column-left::-webkit-scrollbar,
.notification-column-right::-webkit-scrollbar
{
  width: 5px;
}
.notification-column-left::-webkit-scrollbar-track,
.notification-column-right::-webkit-scrollbar-track
{
  background: transparent;
  border-radius: 3px;
}

.notification-column-left::-webkit-scrollbar-thumb,
.notification-column-right::-webkit-scrollbar-thumb
{
  background: transparent;
  border-radius: 3px;
}
.notification-column-left:hover::-webkit-scrollbar-thumb,
.notification-column-right:hover::-webkit-scrollbar-thumb
{
	background: #cecece55;
}
.color-scheme-dark .notification-column-left:hover::-webkit-scrollbar-thumb,
.color-scheme-dark .notification-column-right:hover::-webkit-scrollbar-thumb
{
	background: #cecece11;
}

.color-scheme-dark .leaflet-container .leaflet-control-attribution
{
  background: rgb(52 52 52 / 80%);
}

.notification-container
{
	background: linear-gradient(0deg, var(--boxed-background) 0%, var(--content-background) 100%) !important;
	
}
.flyin-menu
{
	background: rgba(255, 255, 255, 0.2) !important;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
	backdrop-filter: blur(7.6px) !important;
	-webkit-backdrop-filter: blur(7.6px) !important;
}






.UMultipagePart,
.UMultipagePartShadow,
.UMultipagePartSizer {
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.5;
  padding: 6px 10px;
  box-sizing: border-box;
  white-space: pre-wrap;
  word-wrap: break-word;
  border: none;
  resize: none;
  overflow: hidden;
}

.UMultipagePart {
  width: 100%;
  display: block;
}

.UMultipagePartShadow,
.UMultipagePartSizer {
  position: absolute;
  visibility: hidden;
  z-index: -1;
  left: -9999px;
  top: -9999px;
}


.md-purple-bold b,
.md-purple-bold strong
{
	background-image: linear-gradient(90deg, #fd19c8, #834bff) !important;
	-webkit-text-fill-color: transparent !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	padding-right: 4px !important;
}

.register-scene
{
	text-align: center !important;
}

.register-scene .login-panel-wrapper
{
	display: inline-block !important;
	position: relative !important;
}



@keyframes slideDown {
  0% {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
  }
  100% {
    max-height: 99999999px; /* Pass an dein Element an */
    opacity: 1;
  }
}

*:not(.utalic-ide) .slideDown {
  animation-name: slideDown;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  overflow: hidden;
}


@media (max-width: 1050px) {
	.notification-sbs {
		display: block !important;
		width: calc(100% - 20px) !important;
		margin: 10px !important;
	}

	.notification-column-left {
		max-height: auto;
	}

	.notification-all-in {
		padding: 0 !important;
		border-radius: 0 !important;
		overflow: auto !important;
	}
	.notification-container {
		padding: 0 !important;
	}
}

@media (min-width: 1051px) {
	.notification-column-left {
		width: calc(100% - 450px) !important;
		margin-left: 50px !important;
		margin-right: 50px !important;
		max-height: calc(100vH - 50px) !important;
	}

	.notification-column-right {
		width: 350px !important;
		max-height: calc(100vH - 50px) !important;
	}
}

/* Maximum width */

@media (max-width: 850px) {
	.login-left-panel {
		right: 0 !important;
	}

	.login-right-panel {
		display: none !important;
	}

	.contact-head .drop-avatar {
		display: block !important;
	}

	.mobile-hidden {
		display: none !important;
	}

	.mobile-full-width {
		width: 100% !important;
	}

	.login-logo,
	.login-ciline {
		display: block !important;
	}

	.login-mobilelogo {
		display: none !important;
	}

	.login-panel {
		left: 20px !important;
		right: 20px !important;
		top: 140px !important;
		bottom: 20px !important;
		width: calc(100% - 40px) !important;
		height: calc(100% - 160px) !important;
	}

	.login-panel-wrapper {
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
		width: 100% !important;
		height: 100% !important;
		border-radius: 0 !important;
	}
	
	.register-panel
	{
		width: 100% !important;
	}
	
	.registerimage
	{
		display: none !important;
	}

	.ut-style-primary {
		--template-sidebar-height: 130px;
		--template-sidebar-top: auto;
		--template-sidebar-width: 100%;
		--template-workarea-bottom: 130px;
		--template-workarea-right: 0;
	}

	.template-editor .tool-container {
		top: 0 !important;
		left: 130px !important;
		right: 0 !important;
	}
}

@media (max-height: 810px) {
	.login-logo,
	.ciline {
		display: none !important;
	}
	.login-panel-wrapper
	{
		top: calc(50% - 300px) !important;
	}
}
@media (max-height: 625px) {
	.login-mobilelogo {
		display: block !important;
	}

	.login-panel-wrapper {
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
		height: 100% !important;
		width: 100% !important;
		border-radius: 0 !important;
	}

	.login-panel {
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
		height: 100% !important;
		width: 100% !important;
		border-radius: 0 !important;
	}
	
	.registerimage
	{
		display: none;
	}
}
