@charset "utf-8";
/* defining Variables */
:root {
	/* Holidu Blue */
	--holidu-blue: #00809D;
	--holidu-blue-rgb: 0,128,157;
	--holidu-blue-light: #E0FAFF;
	--holidu-blue-dark: #00576B;
	--holidu-blue-hover: #024251;
	--holidu-dark-blue: #02425140;
	
	/* Holidu Green */
	--holidu-green: #33782b;
	--holidu-green-rgb: 51,120,43;
	--holidu-green-light: #D7EED7;
	--holidu-green-dark: #255520;
	--holidu-green-hover-text: #224E1D;
	--holidu-green-hover-bg: #C6E7C6;
	
	/* Holidu Red */
	--holidu-red: #ff6064;
	--holidu-red-light: #FFEBEC;
	--holidu-red-dark: #9E1A1A;
	--holidu-red-hover-text: #8C1717;
	--holidu-red-hover-bg: #FFDBDB;
	--holidu-text-danger: var(--holidu-red);
	
	/* Holidu Yellow */
	--holidu-yellow: #ffc107;
	--holidu-yellow-light: #FFF4D1;
	--holidu-yellow-dark: #664D00;
	--holidu-yellow-hover-bg: #FFF0B8;
	
	--holidu-grey-ultra-dark: #2b2926;
	--holidu-grey-dark: #605c57;
	--holidu-grey-medium: #cccccc;
	/* --holidu-grey-ultra-light: #ececec; */
	--holidu-grey-ultra-light: #F7F5F3;
	--holidu-grey-disabled: var(--holidu-grey-medium);
	
	--tSmart-light-color-one:#ededed;
	--tSmart-light-color-two:#cdcdcd;
	
	--tSmart-default-text-color:#5f5f5f;
	
	/* color Green */
	--tSmart-accent-color-dark-one: #348860;
	--tSmart-accent-color-one: #4bbc84;
	
	/* --tSmart-color-danger:#db1317; */
	--tSmart-color-danger: #dc3545;
	--tSmart-color-pdf: #db1317;
	--holidu-red: var(--tSmart-color-danger);
	
	--tSmart-primary-color: #4bbc84;
	--tSmart-text-color: #5f5f5f;
	--text-color: var(--tSmart-text-color);
	--tSmart-generator-bg: var(--tSmart-primary-color);
	
	--tSmart-generator-modal-color: var(--tSmart-primary-color);
	
	--primary-color: var(--tSmart-primary-color);
	
	--color-danger: #dc3545;
	
	--alert-warning-color: #fff3cd;
	
	--bg-box-hint: #FFD2C8;
	--border-box-hint: #FD937B;
	--color-box-hint: var(--border-box-hint);
	
	--bg-box-success: #DFFEF0;
	--border-box-success: #038600;
	--color-box-success: var(--border-box-success);
	
	--grey-ultra-light: #efefef;
	--grey-light: #ededed;
	--grey-regular: #cdcdcd;
	--grey-medium: #6c757d;
	--grey-dark: #5f5f5f;
	--grey-ultra-dark: #666666;
	
	--bg-primary: var(--tSmart-accent-color-one);
	
	--color-cta: var(--tSmart-accent-color-one);
	--color-cta-active: var(--tSmart-accent-color-dark-one);
	
	--color-danger: #f00;
	--info-color-dark: 	#17a2b8;
	
	/* dvh dynamic viewport height for mobile devices */
	--unit-100vh: 100vh;
}
@supports (height: 100dvh) {
	:root {
		--unit-100vh: 100dvh;
	}
}
* {
	outline: 0;
}
html {
	width: 100%;
	height: 100%;
	-ms-overflow-style: none;
}

body {
	background: #fff;
	color: #5f5f5f;
	font-family: 'Source Sans Pro', sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	font-size: 16px;
	line-height: 1.6;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* placeHolderShimmer / Loading Animation */
@keyframes placeHolderShimmer{
	0%{
		background-position: -468px 0
	}
	100%{
		background-position: 468px 0
	}
}
.animated-background {
	animation-duration: 1.25s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderShimmer;
	animation-timing-function: linear;
	background: #FFFFFF;
	background: linear-gradient(to right, #F6F6F6 8%, #FFFFFF 18%, #F6F6F6 33%);
	background-size: 800px 104px;
	position: relative;
}

/* parent-growl */
@-webkit-keyframes fadeOutGrowl {
	0% { opacity: 1;}
	90% { opacity: 0.01;}
	100% { opacity: 0; opacity: 0;max-height: 0;overflow: hidden;}
}
@keyframes fadeOutGrowl {
	0% { opacity: 1;}
	90% { opacity: 0.01;}
	100% { opacity: 0;max-height: 0;overflow: hidden;}
}
#parent-growl { opacity: 1;}
#parent-growl.hide {
	animation: fadeOutGrowl 1s;
	animation-delay: 3s;
	animation-fill-mode: forwards;
}


ul.checkmark,
ul.checkmark li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.checkmark li {
	padding: 0 0 5px 25px;
	position: relative;
}
ul.checkmark li::before {
	content: '\2713';
	display: block;
	font-size: 22px;
	width: 20px;
	height: 25px;
	line-height: 30px;
	position: absolute;
	left: 0;
	top: 0;
	color: #4bbc84;
	font-family: sans-serif;
}

hr.small {
	margin-top: 5px;
	margin-bottom: 5px;
}

.icon-large {
	font-size: 1.25rem;
	vertical-align: middle;
}

.divider {
	position: relative;
	text-align: center;
	overflow: hidden;
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 18px;
}
.divider > span {
	position: relative;
	display: inline-block;
	line-height: 1.9em;
}
.divider > span::before,
.divider > span::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 10000%;
	height: 2px;
	background: #5f5f5f;
}
.divider > span::before {
	right: 100%;
	margin-right: 20px;
}
.divider > span::after {
	left: 100%;
	margin-left: 20px;
}

/* Zeitraum von - bis */
.input-group.daterange {
}
.input-group.daterange .date-wrapper {
	margin: 0;
}
.input-group.daterange .date-wrapper.disabled {
	background: #e9ecef;
}
.input-group.daterange .input-group-text {
	background: #ededed;
	font-size: 14px;
	line-height: 26px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.input-group.daterange .input-group-prepend + .date-wrapper .form-control,
.input-group.daterange .input-group-prepend + .date-wrapper .form-control.date + .icon-calendar {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.input-group.daterange.single .input-group-prepend + .date-wrapper .form-control {
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
}

.input-group.daterange .input-group-append {
	margin-right: -1px;
}
.input-group.daterange .input-group-append + .date-wrapper .form-control,
.input-group.daterange .input-group-append + .date-wrapper .form-control.date + .icon-calendar {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.input-group.daterange .date-wrapper .form-control.date + .icon-calendar,
.input-group.date .form-control.time ~ [class^='icon-'] {
	height: 36px;
	line-height: 36px;
}
@media (min-width: 576px) {
	.input-group.daterange .input-group-prepend + .date-wrapper .form-control {
		border-radius: 0;
	}
}

/* Calendar Styling */
.daterangepicker:not(.single) td.off,
.daterangepicker:not(.single) td.off.available,
.daterangepicker:not(.single) td.off.in-range,
.daterangepicker:not(.single) td.off.start-date,
.daterangepicker:not(.single) td.off.end-date,
.daterangepicker:not(.single) td.off.available:hover,
.daterangepicker:not(.single) th.off.available:hover {
	color: #fff;
	background: #fff;
	cursor: default;
}
.date-wrapper {
	max-width: 140px;
}
.date-wrapper.time,
.form-control.time {
	max-width: 95px;
}
.date-wrapper.daterange {
	min-width: 230px;
	max-width: 230px;
}
.daterange-wrapper {
	position: relative;
	max-width: 220px;
}
.form-group.date-wrapper {
	position: relative;
	background: #fff;
}
.date-wrapper.time .input-group .time {
	border-radius: var(--border-radius-md);
}
.form-control.date,
.form-control.daterange,
.form-control.time {
	padding-right: 30px;
	background: transparent;
	z-index: 10;
	position: relative;
	max-width: 140px;
}
.form-control.date:disabled,
.form-control.daterange:disabled {
	background-color: rgba(0,0,0,0.06);
	color: #495057;
}
.input-group.daterange .input-group-prepend ~ .date-wrapper .form-control.date {
	padding-right: 3px;
	max-width: 100px;
}
.input-group.daterange .input-group-prepend ~ .date-wrapper .icon-calendar {
	display: none;
}

.form-control.daterange {
	max-width: 230px;
}

.form-control.date + .icon-calendar,
.form-control.daterange + .icon-calendar,
.form-control.time ~ [class^='icon-'] {
	display: block;
	background: #ededed;
	text-align: center;
	width: 30px;
	height: 38px;
	line-height: 38px;
	color: #000;
	font-size: 16px;
	position: absolute;
	right: 1px;
	top: 1px;
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
}
.form-control.time ~ [class^='icon-'] {
	z-index: 11;
}
a {
	color: #027db5;
}

#tSmart-outer-wrap {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
	/* min-width: 320px; */
}

#top-row {
	background: #fff;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: 1px solid #cdcdcd;
	position: relative;
	z-index: 1;
}

#top-row .col-logo {
	display: flex;
	align-items: center;
}

.logo-wrap {
	/* padding-top: 10px; */
	display: block;
}

.logo-wrap span {
	background-image: url("../../images/holidu-smart-destination.svg");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 100%;
	/*
	width: 100%;
	height: 40px;
	*/
	width: 148px;
	height: 24px;
	margin: 0px auto;
	display: block;
	position: relative;
}

.customer-title::after {
	content: 'TSmart Standard';
	display: inline-block;
	height: 20px;
	white-space: nowrap;
}

#top-row .col-data-info {
	border-bottom: 1px solid #cdcdcd;
	background: #fff;
	z-index: 2;
}

#top-row .breadcrumb {
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 18px;
	border-radius: 0;
	background: none;
}
#top-row .breadcrumb-item,
#top-row .breadcrumb-item a,
#top-row .breadcrumb-item.active,
.breadcrumb-item + .breadcrumb-item::before {
	color: #cdcdcd;
}
#top-row .breadcrumb-item.active {
	font-weight: 700;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: '\00BB'; /* raquo */
}
#top-row .title-infos {
	margin-top: 4px;
	line-height: 20px;
}
#top-row .title-1 {
	font-weight: 700;
	/* padding-right: 10px; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	width: 100%;
}
#top-row .title-1,
#top-row .title-2 {
	display: block;
	float: left;
	font-size: 18px;
	line-height: 20px;
	height: 20px;
	width: 100%;
}
#top-row .title-1 a,
#top-row .title-2 a {
	color: #5f5f5f;
	text-decoration: none;
	max-width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	float: left;
	padding-right: 5px;
}
#top-row .title-2::before {
	content: '\00BB'; /* raquo */
	display: inline-block;
	padding-right: 10px;
}
#top-row .title-infos.no-preview .title-1 a {
	max-width: 100%;
}

#top-row .col-preview {
	padding: 0;
}
#top-row .session-info {
	text-align: right;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 12px;
	border-radius: 15px;
}
#top-row .session-info.expires {
	background: #dc3545;
	color: #fff;
}
#top-row .session-info.expires .countdown {
	font-weight: 700;
}
#top-row .col-title {
	width: 100%;
	max-width: calc(100% - 60px);
}
@media (min-width: 576px) {
	.mt-sm-label {
		margin-top: 24px !important; /* line-height: 20px + margin-bottom: 4px */
	}
	#top-row .col-title {
		max-width: calc(100% - 160px);
	}
	#top-row .col-preview {
		max-width: 160px;
	}
	#top-row .session-info {
		max-width: 100%;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}
/* LT Preview Button Erlebnisse */
#top-row .col-preview a {
	padding: 0px 5px;
	line-height: 16px;
	font-size: 13px;
	color: #4bbc84;
	display: block;
	border-color: transparent;
}
#top-row .col-preview a:hover,
#top-row .col-preview a:active,
#top-row .col-preview a:focus {
	background: none;
	border-color: #4bbc84;
}
#top-row .col-preview a i {
	border-radius: 0.15rem;
	font-size: 14px;
	line-height: normal;
	vertical-align: middle;
}
#top-row .col-preview a > span {
	padding-left: 5px;
}
/* LT Change Button Beherbergungen */
#top-row .col-preview .change-house-link {
	padding: 0px 5px;
	line-height: 16px;
	font-size: 13px;
	color: #fff;
	background: #4bbc84;
	display: block;
	border-color: transparent;
	border-radius: 10px;
}
#top-row .col-preview .change-house-link:hover,
#top-row .col-preview .change-house-link:active,
#top-row .col-preview .change-house-link:focus {
	background: #4bbc84;
	border-color: #4bbc84;
}
#top-row .col-preview .change-house-link i {
	border-radius: 0.15rem;
	font-size: 14px;
	line-height: normal;
	vertical-align: middle;
}
#top-row .col-preview .change-house-link > span {
	padding-left: 5px;
	vertical-align: middle;
}
/* Additional Infos */
#top-row .additional-infos {
	font-size: 14px;
	line-height: 16px;
	font-weight: 300;
	padding-bottom: 5px;
}
#top-row .additional-infos a {
	color: #5f5f5f;
	text-decoration: underline;
}
#top-row .btn-group {
	white-space: nowrap;
}
#top-row #user-dropdown.btn-group {
	position: relative;
}

#top-row .col-main-functions {
	text-align: center;
	background: #fff;
	z-index: 3;
}
#top-row [class^="icon-"],
#top-row [class*=" icon-"] {
	font-size: 22px;
	line-height: 28px;
}
#top-row .dropdown-menu .dropdown-item {
	position: relative;
	min-height: 34px;
}
#top-row .btn > .badge,
#top-row .dropdown-menu .dropdown-item > span > .badge,
#top-row .btn-toggle-cart > span > .badge,
#top-row .btn-toggle-left > span > .badge {
	font-family: 'Source Sans Pro', sans-serif;
	border-radius: 8px;
	min-width: 20px;
	font-weight: 700;
	line-height: 16px;
	font-size: 14px;
	padding: 0 5px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
}
#top-row .dropdown-menu .dropdown-item > span {
	position: relative;
}
#top-row .btn-toggle-cart > span > .badge,
#top-row .btn-toggle-left > span > .badge {
	bottom: 0;
	left: 0;
	top: -25px;
	right: -20px;
	margin: auto;
	width: 25px;
	width: 32px;
	height: 16px;
}
#top-row .btn-toggle-left > span > .badge {
	background-color: #348860;
}
#top-row .dropdown-toggle::after {
	display: none;
}

#mobile-top-main-functions.btn-group {
	padding-top: 10px;
	white-space: normal;
	display: inline-block;
}
#top-row #top-main-functions .dropdown-menu [class^="icon-"],
#top-row #top-main-functions .dropdown-menu [class*=" icon-"],
#mobile-top-main-functions .dropdown-menu [class^="icon-"],
#mobile-top-main-functions .dropdown-menu [class*=" icon-"] {
	font-size: 14px;
	line-height: 14px;
	margin-right: 5px;
}


/* Toggle Buttons left */
#top-row .col-filter-functions {
	padding: 0;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
		 	transition: all 0.25s ease-in-out;
}
#top-row .col-filter-functions .btn-toggle-left {
	border: none;
	padding: 10px 0;
	line-height: 30px;
	height: 50px;
	border-radius: 0;
}
#top-row .col-filter-functions .btn-toggle-left:hover,
#top-row .col-filter-functions .btn-toggle-left.active,
.btn-toggle-left:not(:disabled):not(.disabled).active,
.btn-toggle-left:not(:disabled):not(.disabled):active {
	color: #348860;
	background: none;
	border-color: transparent;
}
#top-row .col-filter-functions .btn-toggle-left::after {
	background: #348860;
	content: '';
	height: 0;
	max-height: 0;
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
		 	transition: all 0.25s ease-in-out;
}
#top-row .col-filter-functions .btn-toggle-left.active::after {
	height: 2px;
	max-height: 2px;
}
#top-row .col-filter-functions .btn-toggle-left .icon-search {
	position: relative;
}

#top-row .dropdown-menu {
	max-height: 80vh;
	overflow-y: auto;
}

/* tasks Dropdown */
#tasks-alert-dropdown .dropdown-menu {
	padding-top: 0;
	padding-bottom: 0;
	width: 300px;
}
@media (min-width: 576px) {
	#tasks-alert-dropdown .dropdown-menu {
		width: 375px;
	}
}
#tasks-alert-dropdown .dropdown-item {
	padding: .5rem 1rem .5rem 1.5rem;
	border-bottom: 1px solid rgba(0,0,0,0.05);
	position: relative;
}
#tasks-alert-dropdown .dropdown-item:first-child {
	padding-top: 15px;
	min-height: 40px;
}
#tasks-alert-dropdown .dropdown-item:last-child {
	padding-bottom: 20px; /* needs more space */
	border-bottom: none;
}
#tasks-alert-dropdown .dropdown-item.critical::before {
	content: "\e90e"; /* icon-alert-bell */
	font-size: 12px;
	position: absolute;
	left: 7px;
	top: 10px;
	/* icomoon Font */
	font-family: 'icomoon' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#tasks-alert-dropdown .dropdown-item:first-child::before {
	top: 15px;
}
#tasks-alert-dropdown .dropdown-item.critical .col-settlement-date,
#tasks-alert-dropdown .dropdown-item.critical::before {
	/* border-bottom-color: rgba(255,255,255,0.5); */
	color: var(--tSmart-color-danger);
}
#tasks-alert-dropdown .dropdown-item .col-title {
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 2px;
	white-space: normal;
	opacity: 0.9;
}
#tasks-alert-dropdown .dropdown-item .col-settlement-date {
	font-size: 0.8rem;
	line-height: 1.1;
}
#tasks-alert-dropdown .dropdown-item .col-text {
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 0.8rem;
	opacity: 0.8;
}
#tasks-alert-dropdown .dropdown-item .col-creator {
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 0.7rem;
	font-weight: 700;
	line-height: 1.1;
	margin-top: 2px;
}
#tasks-alert-dropdown .dropdown-item .col-creator .icon-user-o {
	font-size: 12px !important;
	line-height: 12px !important;
	margin-right: 2px;
}


/* Custom Scrollbar Styling */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
	background: rgba(0,0,0,0.05);
	background: none;
}
.mCSB_inside > .mCSB_container {
	margin-right: 20px;
}
#edit-area .mCSB_inside > .mCSB_container {
	margin-right: 20px;
	overflow-y: visible;
}
#edit-area.bg-colored {
	background: #ededed;
}

/* Scrollbar Update 2024-10-16 */
/* .special-styling */
.col-subtabs-lvl-3 .scrollable-container-x.special-styling .nav-item .active::after {
	display: none;
}
.col-subtabs-lvl-3 .scrollable-container-x.special-styling .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	height: 14px;
}
.col-subtabs-lvl-3 .scrollable-container-x.special-styling .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: 0px;
	height: 14px;
	z-index: 100;
}
.col-subtabs-lvl-3 .scrollable-container-x.special-styling .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
	margin-right: 50px;
}
.col-subtabs-lvl-3 .scrollable-container-x.special-styling .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	margin-top: 6px;
	margin-bottom: 6px;
}
.col-subtabs-lvl-3 .scrollable-container-x.special-styling .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.col-subtabs-lvl-3 .scrollable-container-x.special-styling .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	opacity: .8;
}
.col-subtabs-lvl-3 .scrollable-container-x.special-styling .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
	background-position: -80px -40px;
}
.col-subtabs-lvl-3 .scrollable-container-x.special-styling .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	right: 20px;
	background-position: -80px -56px;
}
/* dragger rail */
.col-subtabs-lvl-3 .scrollable-container-x.special-styling .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	background-repeat: repeat-x;
	opacity: 0.1;
	height: 8px;
	margin: 3px 0;
}
.col-subtabs-lvl-3 .scrollable-container-x.special-styling .mCSB_scrollTools.mCSB_scrollTools_horizontal:hover .mCSB_draggerRail {
	opacity: 0.3;
}
/* Specials */
/* drag bar */
.col-subtabs-lvl-3 .scrollable-container-x.special-styling .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
	height: 100%;
}
.col-subtabs-lvl-3 .scrollable-container-x.special-styling .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 14px;
	margin: 0;
	background-color: rgba(0,128,157,0.85);
	bottom: 0;
	transition: all 0.2s ease-in-out;
}
.col-subtabs-lvl-3 .scrollable-container-x.special-styling .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:hover .mCSB_dragger_bar,
.col-subtabs-lvl-3 .scrollable-container-x.special-styling .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	transform: scale(1.2);
	bottom: 2px;
}

/* load more unter Trefferliste */
#edit-area .row-load-more {
	margin-top: 20px;
	margin-bottom: 50px;
}
#edit-area .row-load-more .loading {
	display: block;
	width: 40px;
	margin: 0 auto;
}

/* Custom Select Styling */

.bootstrap-select > .dropdown-toggle {
	border: 1px solid #ced4da;;
}
.bootstrap-select > .btn.dropdown-toggle {
	line-height: 24px;
	/* line-height: 26px; */
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
	text-overflow: ellipsis; /* add Points if Text is too long */
}
.bootstrap-select.form-control {
	height: auto;
}

/* form-control-lg */
.form-control-lg.bootstrap-select .selectpicker + .dropdown-toggle {
	line-height: 30px;
	padding: .5rem 1rem;
}
/* show-subtext / select option zweizeilig / only form-control-lg */
.form-control-lg.bootstrap-select .selectpicker[data-show-subtext="true"] + .dropdown-toggle {
}
.form-control-lg.bootstrap-select .selectpicker[data-show-subtext="true"] + .dropdown-toggle .filter-option-inner-inner {
	margin-top: -9px;
}
.form-control-lg.bootstrap-select .selectpicker[data-show-subtext="true"] + .dropdown-toggle .filter-option-inner-inner .text-muted,
.form-control-lg.bootstrap-select .selectpicker[data-show-subtext="true"] + .dropdown-toggle + .dropdown-menu .dropdown-item .text-muted {
	display: block;
	font-size: 14px;
	line-height: 18px;
	margin-top: -3px;
	padding-left: 0;
}
.form-control-lg.bootstrap-select .selectpicker[data-show-subtext="true"] + .dropdown-toggle + .dropdown-menu .active .dropdown-item .text-muted {
	color: #fff !important;
}

/* Max width for select items */
.bootstrap-select .dropdown-menu li,
.bootstrap-select .dropdown-menu li a {
	max-width: 70vw;
}
.bootstrap-select .dropdown-menu li a span.text,
.bootstrap-select.show-tick .dropdown-menu li a span.text {
	max-width: 100%;
	margin-right: 0;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
}
/* disabled styling */
.bootstrap-select > .dropdown-toggle.disabled {
	background-color: #e9ecef;
	border-color: #ced4da;
	color: #495057;
	opacity: 1;
}
#edit-area .dropdown-menu > li > .dropdown-item {
	margin: 1px 0;
}
.dropdown-item.active,
.dropdown-item:active,
.dropdown-menu.inner .selected .dropdown-item,
.dropdown-menu.inner .selected .dropdown-item:active {
	background: #4bbc84;
	color: #fff;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
	/* top: 10px; */
	top: 15px;
}
.bootstrap-select .dropdown-menu .dropdown-item {
	padding-left: 30px;
}
.bootstrap-select .dropdown-menu li a span.check-mark {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.bootstrap-select .dropdown-menu .dropdown-item.active span.check-mark {
	display: block;
}

.live-search.form-group .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
}
/* Always drop DOWN */
.bootstrap-select.dropdown .dropdown-only-bottom ~ div.dropdown-menu.show {
	transform: none !important;
	top: auto !important;
}

/* Nav Pills */
.nav-pills.nav-pills-select > .nav-item {
	margin-right: 5px;
}
.nav-pills.nav-pills-select > .nav-item:last-child {
	margin-right: 0px;
}
.nav-pills.nav-pills-select .nav-item .nav-link {
	color: var(--tSmart-default-text-color);
	border: 1px solid var(--tSmart-light-color-two);
}
.nav-pills.nav-pills-select .nav-item .nav-link.active {
	color: #fff;
	background: var(--tSmart-accent-color-one);
	border-color: var(--tSmart-accent-color-one);
}
body#shop .nav-pills.nav-pills-select .nav-item .nav-link {
	border-radius: 0;
}

/* Toast */
.toast {
	max-width: 500px;
}
.toast button.close {
	background: #dc2828 !important;
	color: #fff !important;
	padding: 6px 12px;
	border-radius: 50px;
	opacity: 1;
}
.toast button.close > span {
	display: flex;
	align-items: center;
	padding: 5px 0;
}
.toast button.close [class^="icon-"] {
	font-size: 18px;
}


/* Custom Checkbox Styling */
.custom-control {
	/* line-height: 30px; */
	width: 100%;
}
.custom-control.left-col {
	min-height: 18px;
	padding-left: 30px;
}
.custom-control.form-check-inline {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	width: auto;
	margin-right: .5rem;
}
.custom-control.form-check-inline .form-check-input {
	position: absolute;
}
.custom-control.custom-control-inline {
	width: auto;
}
@media (min-width: 576px) {
	.custom-control.custom-control-inline-sm {
		width: auto;
		display: -ms-inline-flexbox;
		display: inline-flex;
		margin-right: 1rem;
	}
}
@media (min-width: 768px) {
	.custom-control.custom-control-inline-md {
		width: auto;
		display: -ms-inline-flexbox;
		display: inline-flex;
		margin-right: 1rem;
	}
}
@media (min-width: 992px) {
	.custom-control.custom-control-inline-lg {
		width: auto;
		display: -ms-inline-flexbox;
		display: inline-flex;
		margin-right: 1rem;
	}
}
@media (min-width: 1200px) {
	.custom-control.custom-control-inline-xl {
		width: auto;
		display: -ms-inline-flexbox;
		display: inline-flex;
		margin-right: 1rem;
	}
}
#edit-area .box-inner .form-group label.custom-control-label {
	overflow: visible;
	line-height: 30px;
	cursor: pointer;
	position: relative;
}
#edit-area .box-inner .form-group label.custom-control-label img {
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	max-height: 20px;
	width: auto;
}
#edit-area .box-inner .form-group .custom-control.with-tooltip {
	padding-left: 50px;
}
#edit-area .box-inner .form-group .custom-control.custom-checkbox .tooltip-i,
#edit-area .box-inner .form-group .info-i-select .tooltip-i {
	font-size: 20px;
	color: #cdcdcd;
	position: absolute;
	top: 5px;
	left: 0px;
	z-index: 1;
}
.custom-control.custom-checkbox .tooltip-i,
.info-i-select .tooltip-i {
	cursor: pointer;
}
#edit-area .box-inner .form-group .custom-control.custom-checkbox.basis-markup-vertriebskanal .tooltip-i,
#edit-area .box-inner .form-group .custom-control.custom-checkbox.basis-markup-vertriebskanal label {
	color: var(--tSmart-accent-color-one);
}
#edit-area .box-inner .form-group .info-i-select {
	position: relative;
	padding-left: 26px;
}
#edit-area .box-inner .form-group .info-i-select .tooltip-i {
	top: 0;
}
#edit-area .box-inner .form-group .info-i-select label {
	font-weight: 700;
}
/* Merkmale mit Kommentar-Anzeige */
#edit-area .box-inner .form-group label.custom-control-label span.hint-small {
	max-width: 80px;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: middle;
	margin-left: 5px;
}

/* Info Tooltipps */
#edit-area .box-inner .additional-info {
	margin-top: 5px;
	cursor: pointer;
}


/* Checkbox Radio Lookalike
.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after {
	top: 5px;
	border-radius: 50%;
	border: 1px solid #ced4da;
	width: 20px;
	height: 20px;
	left: -25px;
	cursor: pointer;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background: #fff;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
	background: #4bbc84;
	bordeR: none;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	top: 7px;
	left: -23px;
}
*/

/* Custom Checkbox Styling */
.custom-checkbox {
	padding-left: 25px;
}
.custom-checkbox .custom-control-label {
	line-height: 30px;
}
.custom-checkbox .custom-control-label.lh-normal {
	line-height: 1.4;
	padding-top: 7px;
}
.custom-checkbox.left-col .custom-control-label {
	line-height: 18px;
}
.custom-checkbox .custom-control-label.large {
	font-size: 16px;
}
.custom-checkbox .custom-control-label::before {
	background-color: #fff;
}
.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after {
	top: 5px;
	border-radius: 4px;
	border: 1px solid #ced4da;
	width: 20px;
	height: 20px;
	left: -25px;
	cursor: pointer;
}
.custom-checkbox.left-col .custom-control-label::before,
.custom-checkbox.left-col .custom-control-label::after {
	top: 0px;
	left: -30px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background: #fff;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
	/* background-color: #4bbc84; */
	border-color: #4bbc84;
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%234bbc84' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
	background-size: 75%;
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
	background-color: #eee;
}


.custom-checkbox .custom-control-label.label-empty {
	height: 30px;
}

/* Custom Radio Styling */
.custom-control.custom-radio {
	padding-left: 1.7rem;
}
.custom-radio .custom-control-label::before,
.custom-radio .custom-control-label::after {
	top: 5px;
	border-radius: 50%;
	border: 1px solid #ced4da;
	width: 20px;
	height: 20px;
	left: -24px;
	cursor: pointer;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #fff;
	border-color: #4bbc84;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
	background: #4bbc84;
	border: none;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	top: 9px;
	left: -20px;
}

/* Neuer Anbieter / Neues Produkt Kategorie und Typ */
/* Special Label Handling */
#tsmart-lt-category-wrap .form-group .custom-radio,
#category-typ-tabContent .form-group .custom-radio {
	margin-bottom: 5px;
}
#tsmart-lt-category-wrap .form-group .custom-radio label.custom-control-label,
#category-typ-tabContent .form-group .custom-radio label.custom-control-label {
	padding-top: 5px;
	white-space: normal;
	line-height: normal;
}
	
.tsmart-category-typ-wrap {
	border-bottom: 1px solid #ced4da; /* Color of input border */
	padding-bottom: 15px;
}
.tsmart-category-typ-wrap::before,
.tsmart-category-typ-wrap::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	bottom: -9px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 15px 0 15px;
	border-color: #f7f7f7 transparent transparent transparent;
}
.tsmart-category-typ-wrap::before {
	bottom: -10px;
	border-color: #ced4da transparent transparent transparent;
}
#category-typ-tabContent {
	margin-top: 20px;
}
/* File Upload */
.custom-file-label.pdf-label::after {
	/* content: 'PDF hochladen'; */
	content: attr(data-upload-button-label);
	background-color: #db1317;
	color: #fff;
}
.custom-file-label {
	line-height: 1.7;
}

/* Checkbox hidden component */
.checkbox-hidden-component .custom-checkbox {
	padding-bottom: 36px;
	padding-left: 0;
}
.checkbox-hidden-component .custom-checkbox .custom-control-label {
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 4px;
}
.checkbox-hidden-component .custom-checkbox .custom-control-label::before,
.checkbox-hidden-component .custom-checkbox .custom-control-label::after {
	left: 3px;
	top: 28px;
}

/* component-check-and-caclculate-price */
.component-check-and-calculate-price {
	position: relative;
}
.component-check-and-calculate-price .component-addon {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	border-radius: .25rem;
	border-bottom-left-radius: 0;
	box-shadow: 0 0 10px 10px rgba(0,0,0,0);
}
.component-check-and-calculate-price .component-addon .btn-wrap {
	max-height: 0;
	overflow: hidden;
	transition: all 0.25s ease-in-out;
}
.component-check-and-calculate-price .component-addon .btn-wrap .btn {
	white-space: nowrap;
	border-color: #fff;
	color: #fff;
	background: none;
}
.component-check-and-calculate-price .component-addon .btn-wrap .btn:hover,
.component-check-and-calculate-price .component-addon .btn-wrap .btn:focus,
.component-check-and-calculate-price .component-addon .btn-wrap .btn:active {
	color: var(--tSmart-accent-color-one);
	background: #fff;
}
.component-check-and-calculate-price .input-group {
	padding-top: 24px; /* label height */
}
.component-check-and-calculate-price .close {
	background: var(--tSmart-accent-color-one);
	color: #fff;
	padding: 0;
	border-radius: 50%;
	position: absolute;
	right: -12px;
	top: -12px;
	opacity: 1;
}
.component-check-and-calculate-price .close span {
	display: block;
	width: 24px;
	height: 24px;
	line-height: 22px;
	font-size: 20px;
	display: none;
}
/* active */
.component-check-and-calculate-price.active {
	z-index: 100;
}
.component-check-and-calculate-price.active .component-addon {
	background: var(--tSmart-accent-color-one);
	max-width: none;
	padding: 5px;
	transform: translateY(-42px);
	animation: boxShadowComponent 1500ms 2;
	z-index: 1;
	box-shadow: 0 0 10px 10px rgba(0,0,0,0.1);
}
.component-check-and-calculate-price.active label {
	color: #fff;
	font-weight: 700;
}
.component-check-and-calculate-price.active input {
	border-color: var(--tSmart-accent-color-one); /* #dc3545 */
}
.component-check-and-calculate-price.active .component-addon .btn-wrap {
	max-height: none;
	position: relative;
}
.component-check-and-calculate-price.active .input-group .form-control {
	border-top-left-radius: 0;
}
.component-check-and-calculate-price.active .close span {
	display: block;
}
/* active warning */
.component-check-and-calculate-price.active.warning .component-addon,
.component-check-and-calculate-price.active.warning .close {
	background: var(--tSmart-color-danger);
}
.component-check-and-calculate-price.active.warning input {
	border-color: var(--tSmart-color-danger);
}
.component-check-and-calculate-price.active.warning .component-addon .btn-wrap .btn {
	background: #fff;
	color: var(--tSmart-color-danger);
}
.component-check-and-calculate-price.active.warning .component-addon .btn-wrap .btn:hover,
.component-check-and-calculate-price.active.warning .component-addon .btn-wrap .btn:focus,
.component-check-and-calculate-price.active.warning .component-addon .btn-wrap .btn:active {
	color: var(--tSmart-color-danger);
	background: #fff;
}


@-webkit-keyframes boxShadowComponent {
	50% {
		box-shadow: 0 0 4px 2px rgba(0,0,0,0.3);
	}
}
@-moz-keyframes boxShadowComponent {
	50% {
		box-shadow: 0 0 4px 2px rgba(0,0,0,0.3);
	}
}
@-o-keyframes boxShadowComponent {
	50% {
		box-shadow: 0 0 4px 2px rgba(0,0,0,0.3);
	}
}
@keyframes boxShadowComponent {
	50% {
		box-shadow: 0 0 4px 2px rgba(0,0,0,0.3);
	}
}


@media (min-width: 992px) {
	.tsmart-category-typ-wrap {
		border: none;
		border-right: 1px solid #ced4da; /* Color of input border */
		padding-bottom: 0;
		z-index: 1;
	}
	.tsmart-category-typ-wrap::before,
	.tsmart-category-typ-wrap::after {
		display: none;
	}
	.tsmart-category-typ-wrap .custom-radio.active::before,
	.tsmart-category-typ-wrap .custom-radio.active::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: -20px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 15px 0 15px 6px;
		border-color: transparent transparent transparent #f7f7f7;
	}
	.tsmart-category-typ-wrap .custom-radio.active::before {
		border-color: transparent transparent transparent #ced4da;
		right: -21px;
	}
	
	#category-typ-tabContent {
		margin-top: 0px;
	}
	#category-typ-tabContent > .form-group {
		background: rgba(255,255,255,0.4);
		padding-left: 10px;
	}
}


/* custom-merkmal-box */
.custom-merkmal-box {
	position: relative;
	z-index: 1;
	width: 100%;
}
.custom-merkmal-box.open {
	z-index: 2;
}
.custom-merkmal-box.disabled {
	opacity: 0.4;
}
.custom-merkmal-box .custom-control,
.custom-merkmal-box .btn-collapse {
	z-index: 2;
}
.custom-merkmal-box .btn-collapse.focus,
.custom-merkmal-box .btn-collapse:focus {
	box-shadow: none;
}
.custom-control-label,
.custom-merkmal-box .custom-control-label {
	font-weight: 700;
	line-height: 30px;
}
#edit-area .box-inner .form-group .custom-merkmal-box .custom-control-label span.label-title {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.custom-merkmal-box .btn-collapse {
	border: none;
	background: none;
	position: absolute;
	right: 0px;
	top: 0;
}
.custom-merkmal-box .btn-collapse span {
	display: inline-block;
	transition: all 0.2s ease-in-out;
}
.custom-merkmal-box .btn-collapse.open span {
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
	transition: all 0.2s ease-in-out;
}
.custom-merkmal-box .additional-merkmal-info {
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 4px;
	font-size: 14px;
	position: absolute;
	left: 0;
	top: -5px;
	z-index: 1;
	padding: 0;
	width: 100%;
	max-height: 0px;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
		 	transition: all 0.25s ease-in-out;
}
.custom-merkmal-box .additional-merkmal-info.open {
	padding: 40px 0 10px 0;
	max-height: 500px;
	opacity: 1;
}
.custom-merkmal-box .additional-merkmal-info .col-anzahl {
	max-width: 90px;
}
.custom-merkmal-box .additional-merkmal-info textarea.form-control {
	line-height: normal;
}

.hidden-language-switch {
	position: relative;
}
/* .custom-merkmal-box .additional-merkmal-info .language-switch, */ /* Merkmale ohne hovr Effect */
.hidden-language-switch .language-switch {
	position: absolute;
	right: 15px;
	top: 0px;
	z-index: 1;
}
.form-group.hidden-language-switch .language-switch {
	top: 5px;
}
#edit-area .custom-merkmal-box .additional-merkmal-info .language-switch .nav-link,
.hidden-language-switch .language-switch .nav-link,
#edit-area .box-inner .form-group .language-switch .nav-link {
	font-size: 12px;
	background: none;
}
/* #edit-area .additional-merkmal-info .language-switch + .form-group, */ /* Merkmale ohne hovr Effect */
.hidden-language-switch .language-switch + .form-group {
	margin-top: 0;
}
/* Merkmal Languages to open */
/* .custom-merkmal-box .additional-merkmal-info .language-switch li, */ /* Merkmale ohne hovr Effect */
.hidden-language-switch .language-switch li {
	max-width: 0px;
	height: 25px;
	overflow: hidden;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
		 	transition: all 0.25s ease-in-out;
}
/* .custom-merkmal-box .additional-merkmal-info .language-switch li:first-child */
/* .custom-merkmal-box .additional-merkmal-info .language-switch li.active, */ /* Merkmale ohne hovr Effect */
.hidden-language-switch .language-switch li.active {
	max-width: 25px;
}
/* .custom-merkmal-box .additional-merkmal-info .language-switch:hover li, */
.hidden-language-switch .language-switch:hover li {
	max-width: 25px;
}
#edit-area .custom-merkmal-box .additional-merkmal-info ul.language-switch ~ .form-group label,
.hidden-language-switch ul.language-switch ~ .form-group label,
.hidden-language-switch ul.language-switch + .tab-content label {
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
		 	transition: all 0.25s ease-in-out;
	opacity: 1;
}
#edit-area .box-inner .form-group.hidden-language-switch label {
	display: inline-block;
	margin-top: 2px;
}
/* #edit-area .custom-merkmal-box .additional-merkmal-info ul.language-switch:hover ~ .form-group label, */ /* Merkmale ohne hovr Effect */
.hidden-language-switch ul.language-switch:hover ~ .form-group label {
	opacity: 0;
}

.hidden-language-switch ul.language-switch:hover + .tab-content. label {
	opacity: 0;
}

.card-header .btn-collapse .icon-arrow-down,
.btn[data-toggle="collapse"].collapsed .icon-arrow-down {
	transform: rotate(0deg);
}
.card-header.open .btn-collapse .icon-arrow-down,
.btn[data-toggle="collapse"] .icon-arrow-down {
	display: inline-block;
	transition: all 250ms ease-in-out;
	transform: rotate(180deg);
}

.card-header h2 .badge {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	border-radius: 50px;
}


/* horizontal scrolling */
.scrollable-container-x,
.scrollable-container {
	display: block;
	overflow: auto;
	position: relative;
}
.scrollable-container-x {
	overflow-x: auto;
}
.scrollable-container-x ul {
	padding: 0;
	margin: 0;
	display: block;
	white-space: nowrap;
}
.scrollable-container-x ul > .nav-item {
	display: inline-block;
}
.scrollable-container-x ul,
.scrollable-container-x ul li {
	list-style-type: none;
}
.scrollable-container-x ul.flex {
	/*
	overflow: hidden;
	display: flex;
	flex-wrap: nowrap;
	*/
	display: block;
	white-space: nowrap;
}
.scrollable-container-x ul.flex > .nav-item {
	display: inline-block;
	/*
	flex: 0 0 auto;
	flex-shrink: 0;
	max-width: auto;
	*/
}
/* overflow-x-active */
/*
.scrollable-container-x.overflow-x-active::after {
	font-family: 'icomoon' !important;
	color: #ccc;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	line-height: 50px;
	z-index: 100;
}
*/
/* Nav items */
.scrollable-container-x .nav-item {
	/* float: left; */
	display: inline-block;
	padding: 0px;
	position: relative;
}
.scrollable-container-x .nav-item a {
	padding: 10px 10px;
	font-size: 16px;
	line-height: 30px;
	font-weight: 600;
	display: inline-block;
}
.scrollable-container-x .nav-tabs .nav-item {
	margin-bottom: 0;
}
.scrollable-container-x  .nav-tabs .nav-item a {
	border: none;
}

.scrollable-container-x .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	height: 6px;
	height: 10px;
}
.scrollable-container-x .mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	margin-top: 2px;
	margin-bottom: 2px;
	cursor: col-resize;
}
.scrollable-container-x .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.scrollable-container-x .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 6px;
}


/* Horizontal Scrollbar with Icons */
#top-row .with-icons .scrollable-container-x .nav-item a {
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	position: relative;
}
#top-row .with-icons .scrollable-container-x .nav-item a .badge {
	position: absolute;
	right: 0;
	top: 2px;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 10px;
}

#top-row .with-icons .scrollable-container-x .nav-item a [class^="icon-"],
#top-row .with-icons .scrollable-container-x .nav-item a [class*=" icon-"] {
	display: block;
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 2px;
}

/* Styling col-subtabs */
.col-subtabs {
	padding-left: 5px;
	padding-right: 0;
}
.col-subtabs .scrollable-container-x {
	height: 50px;
	width: 100%;
}
.col-subtabs .scrollable-container-x .mCSB_inside > .mCSB_container {
	margin-bottom: 0;
}
.col-subtabs .scrollable-container-x .mCSB_scrollTools_horizontal {
	/* bottom: -10px; */
}
.col-subtabs::after,
#favorites::after {
	content: '';
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	height: 100%;
	width: 30px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
#edit-area .subtabs-lvl-3 .col-subtabs::after {
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(237,237,237,1) 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(237,237,237,1) 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(237,237,237,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */
}
.col-subtabs a {
	color: #5f5f5f;
}
.col-subtabs a:hover,
.col-subtabs a:active,
.col-subtabs a:focus,
.col-subtabs .nav-item a.active {
	border: none;
	text-decoration: none;
	color: #348860;
}
.col-subtabs .nav-item .active::after {
	background: #348860;
	content: '';
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
		 	transition: all 0.25s ease-in-out;
	height: 2px;
	max-height: 2px;
}

/* Sub Tabs Level 2*/
.col-subtabs-lvl-2,
.col-grey-Info {
-webkit-transition: all 0.25s ease-in-out;
   -moz-transition: all 0.25s ease-in-out;
	 -o-transition: all 0.25s ease-in-out;
	 	transition: all 0.25s ease-in-out;
}

#top-row .col-subtabs-lvl-2 {
	overflow: hidden;
}

/* 3rd Subnav for some Contents. E.g. Anbieter -> Texte */
#edit-area .subtabs-lvl-3 {
	padding: 0 0 0 15px;
	margin: -10px 0 10px -15px;
	width: calc(100% + 15px);
	max-width: none;
}
#edit-area .col-subtabs-lvl-3 {
	padding: 0;
}
#edit-area .col-subtabs-lvl-3 .mCSB_inside > .mCSB_container {
	padding: 0;
	margin-right: 0;
}
#edit-area .subtabs-lvl-3 {
	background: #ededed;
}
#edit-area .subtabs-lvl-3 .nav-tabs .nav-link.active {
	background: none;
}
#edit-area .subtabs-lvl-3 .nav-tabs .nav-link-settings i {
	font-weight: 700;
	min-width: 50px;
	text-align: center;
}
/*
#edit-area .subtabs-lvl-3 .nav-tabs .nav-link-settings.active::before {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #34885f;
}
*/

/* LT Anbieter Systeminfo */
#edit-area .lt-systeminfo-rights-client-list {
	margin-top: 30px;
}
#row-search-lt-owner {
	margin-top: 15px;
}

/* top Row Grey Info (Dashboard)*/
#top-row  .col-grey-Info {
	background: #ededed;
	padding-left: 30px;
	padding-right: 15px;
}

/* Cart Button */
#top-row .col-cart-button {
	padding: 0;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
		 	transition: all 0.25s ease-in-out;
}
#top-row .col-cart-button .btn-toggle-cart {
	border: none;
	padding: 10px 0;
	line-height: 30px;
	height: 50px;
	border-radius: 0;
}
#top-row .col-cart-button .btn-toggle-cart:hover,
#top-row .col-cart-button .btn-toggle-cart.active,
.btn-toggle-cart:not(:disabled):not(.disabled).active,
.btn-toggle-cart:not(:disabled):not(.disabled):active {
	color: #348860;
	background: none;
	border-color: transparent;
}
#top-row .col-cart-button .btn-toggle-cart::after {
	background: #348860;
	content: '';
	display: block;
	height: 0px;
	max-height: 0;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
		 	transition: all 0.25s ease-in-out;
}
#top-row .col-cart-button .btn-toggle-cart.active::after {
	height: 2px;
	max-height: 2px;
}

/* Content */

#left-col,
#edit-area,
#right-col {
	height: calc(100vh - 205px);
	height: calc(100vh - 155px);
}
#edit-area.no-subtabs {
	min-height: calc(100vh - 100px);
	min-height: calc(100vh - 119px); /* Live System */
}
#edit-area.full-height {
	height: calc(100vh - 120px);
}

#left-col .boxed-content,
#right-col .boxed-content {
	padding: 10px;
}
#left-col .boxed-content {
	min-height: 30px;
}
#left-col .search-bar {
	height: 100%;
}
/*
#left-col .boxed-content {
	padding-right: 45px;
}
#right-col .boxed-content {
	padding-left: 45px;
}
*/

/* TSmart LT Verkauf Guides und REssourcen */
#left-col #search-guides .search-hint.danger,
#left-col .boxed-content .search-hint.danger {
	cursor: pointer;
}
/* Hinweis: Suche linke Seite */
#left-col .boxed-content.search-hint {
	font-size: 12px;
	padding-left: 60px;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#left-col .boxed-content.search-hint p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#left-col .boxed-content.search-hint::before {
	content: "\e92a"; /* icon-info */
	font-family: 'icomoon' !important;
	font-size: 24px;
	color: #cdcdcd;
	text-align: center;
	line-height: 30px;
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 15px;
	top: 5px;
}
#left-col .boxed-content.search-hint p {
	margin-bottom: 5px;
}
#left-col .boxed-content.search-hint.danger::before {
	color: #dc3545;
}
#left-col .boxed-content.search-hint.danger {
	border: 1px solid #dc3545;
	background: #fff;
	color: #dc3545;
}
#left-col .boxed-content.search-hint.danger a {
	color: #dc3545;
}
#left-col .boxed-content.search .form-control:focus {
	background: #fff;
}
#left-col .boxed-content.search .form-control:focus + div > .input-group-text {
	color: #4bbc84;;
}

/* left col */
#left-col {
	background: #ededed;
	opacity: 0;
	-ms-flex: 0 0 0;
	flex: 0 0 0;
	max-width: 0;
	position: relative;
	padding-bottom: 15px;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
		 	transition: all 0.25s ease-in-out;
}
#left-col.open {
	padding-right: 45px;

	/* Optimierung mobile Ansicht 20240126 */
	opacity: 0;
	-ms-flex: 0 0 0;
	flex: 0 0 0;
	width: 0;
	max-width: 0;
	overflow: hidden;
	z-index: 2;
	display: none;
}

#left-col.padding-b,
#right-col {
	padding-bottom: 62px;
}
#left-col.bg-white {
	background: #fff;
}
#left-col.no-box-shadow {
	box-shadow: none !important;
}

#left-col h2 {
	font-size: 24px;
}

#left-col .scroll-container-y,
#edit-area .scroll-container-y,
#right-col .scroll-container-y {
	width: 100%;
	height: 100%;
	max-height: 100%;
	position: relative;
	overflow: auto;
}

#left-col .btn-collapse {
	margin: 0 0 2px 0;
	background: none;
	color: #5f5f5f;
	font-size: 0.9rem;
}
#left-col .btn-collapse.collapsed i {
	transform: rotate(-180deg);
	display: inline-block;
	vertical-align: middle;
}
/* myIRS specific */
/*
#component-general-form,
#features-form {
	position: relative;
	height: 100%;
	width: 100%;
	max-height: 100%;
}
*/
/* Edit Area with level 3 Subnav */
/* Form Wrap */
form.form-content-wrap {
	/* position: relative; */
	height: 100%;
	width: 100%;
	max-height: 100%;
}
form.form-content-wrap.with-bar {
	height: calc(100% - 50px);
	max-height: calc(100% - 50px);
}

/* Regular Content */
#edit-area .scroll-container-y.with-subtabs-lvl-3,
#edit-area .subtabs-lvl-3 + .form-content-wrap {
	height: calc(100% - 50px);
}
#edit-area .scroll-container-y.bottom-save-row-active {
	height: calc(100% - 58px);
}
#edit-area .scroll-container-y.with-subtabs-lvl-3.bottom-save-row-active {
	height: calc(100% - 108px);
}


#left-col .scroll-container-y.with-search {
	height: calc(100% - 63px);
}
#left-col .scroll-container-y.with-search.with-bottom-bar {
	height: calc(100% - 100px);
}
#left-col .scroll-container-y.with-date-search {
	height: calc(100% - 121px);
}
#left-col .scroll-container-y.with-date-search.with-pagination {
	height: calc(100% - 171px);
}
#left-col .scroll-container-y.with-tabs,
#left-col .scroll-container-y.with-hint {
	height: calc(100% - 54px);
	height: calc(100% - 45px);
}
#left-col .scroll-container-y.with-tabs.with-hint {
	height: calc(100% - 90px);
}
#left-col .scroll-container-y.with-tabs.with-search {
	height: calc(100% - 110px);
}
/* with-fixed-bottom */
#left-col .scroll-container-y.with-search.with-fixed-bottom {
	height: calc(100% - 103px);
}
#left-col .scroll-container-y.with-search.with-tabs.with-fixed-bottom {
	height: calc(100% - 150px);
}
	

#left-col .scroll-container-y.with-tabs .tab-search-content,
#left-col .scroll-container-y.with-hint .tab-search-content {
	min-height: calc(100vh - 160px); /* 1 Tab height */
	height: 100%;
}
#left-col .scroll-container-y.with-tabs.with-hint .tab-search-content {
	min-height: calc(100vh - 205px); /* 2 Tabs height */
	height: 100%;
}
#left-col .scroll-container-y .mCSB_scrollTools,
#edit-area .scroll-container-y .mCSB_scrollTools,
#right-col .scroll-container-y .mCSB_scrollTools {
	z-index: 1;
}

#left-col .btn-light {
	border-color: #5f5f5f;
}

#left-col .btn-light:hover {
	background-color: #cdcdcd;
}

#edit-area .scroll-container-y.with-bar {
	padding-bottom: 50px;
}

/* close Icons */
#left-col .btn-close,
#right-col .btn-close {
	border-radius: 19px;
	border: none;
	padding: 0;
	color: #fff;
	background: #4bbc84;
	width: 38px;
	height: 38px;
	-webkit-box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.1);
	text-align: center;
	position: absolute;
	right: 3px;
	top: 10px;
	z-index: 2;
	cursor: pointer;
}
#left-col .btn-close:hover,
#right-col .btn-close:hover {
	border: none;
	color: #fff;
	background: #348860;
}
#right-col .btn-close {
	right: auto;
	left: 3px;
}
#left-col .btn-close span,
#right-col .btn-close span {
	font-size: 20px;
	line-height: 38px;
}

/* mobile Darstellung */
#left-col.mobile {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	overflow: hidden;
}
#left-col.mobile.open {
	opacity: 1;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
	overflow: auto;
	display: block;
}

/* left col search */
#left-col .search {
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 5px;
}
.search .input-group {
	border-bottom: 1px solid #5f5f5f;
}
.search .input-group-text {
	background: none;
	border: none;
	cursor: pointer;
}
.search .form-control:not(.daterange) {
	background: rgba(255,255,255,0.25);
	border-radius: 0;
	border: none;
}
#left-col .search .row-date {
	margin-bottom: 10px;
}
#left-col .search .form-group.daterange {
	width: 100%;
	max-width: 100%;
	border-radius: 0;
}
#left-col .search .form-control.daterange {
	max-width: 100%;
	border: 1px solid transparent;
	border-radius: 0;
}
#left-col .search .form-control.daterange + .icon-calendar {
	width: 38px;
	border-radius: 0;
	top: 0;
	right: 0;
	height: 40px;
}
/* left col search with tabs (LT Beherbergung Kalender / Belegung) */
#left-col .search-tab-wrap .nav-link {
	border-color: #efefef;
	border-bottom: 2px solid #cdcdcd;
	color: #5f5f5f;
	font-weight: 600;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
#left-col .search-tab-wrap .nav-link:hover,
#left-col .search-tab-wrap .nav-link.active {
	background-color: #fff;
	border-color: #dee2e6;
	color: #348860;
	border-bottom: 2px solid #348860;
}
#left-col .search-tab-wrap .nav-link [class^="icon-"] {
	vertical-align: middle;
	font-size: 14px;
}

#left-col .tab-content .search-criteria label {
	font-weight: normal;
	font-size: 14px;
}
#left-col .tab-content .search-criteria label.strong {
	font-weight: 700;
}
#left-col .tab-content .input-group.search {
	border-bottom-color: #dee2e6;
	background: #fff;
	padding: 5px;
	margin-bottom: 0;
}

#left-col .tab-content .input-group.search + .search-criteria {
	background-color: #fff;
}

#left-col .dropdown {
	position: relative;
	max-width: 100%;
}
#left-col .dropdown-menu {
	max-width: 100%;
	min-width: 100% !important;
}
#left-col .dropdown-menu .dropdown-item {
	max-width: 100%;
	overflow: hidden;
}
#left-col .dropdown-menu li a span.text {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* left Col Subnav Dashboard / Datenpflege */
#left-col .nav {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
#left-col .nav-list .nav-list > li > a {
	padding-left: 40px;
}
#left-col .nav-list > li {
	position: relative;
	display: block;
}
#left-col .nav-list li a,
#left-col .nav-list li .btn {
	border-radius: 0;
	text-align: left;
	white-space: normal;
	text-decoration: none;
	display: block;
	font-weight: 700;
	line-height: 18px;
	padding: 10px 15px;
	cursor: pointer;
}

#left-col .nav-list .nav-list > li > a,
#left-col .nav-list .nav-list > li > .btn {
	border: none;
}
#left-col .nav-list > li > a,
#left-col .nav-list .nav-list > li:last-child > a,
#left-col .nav-list > li > .btn,
#left-col .nav-list .nav-list > li:last-child > .btn {
	color: #5f5f5f;
	font-size: 14px;
	border-bottom: 1px solid #cdcdcd;
	background-color: transparent;
	
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
		 	transition: all 0.25s ease-in-out;
}
#left-col .nav-list > li.active > a,
#left-col .nav-list > li > a:hover,
#left-col .nav-list > li:hover > a,
#left-col .nav-list .nav-list > li:last-child > a:hover,
#left-col .nav-list > li > .btn:hover,
#left-col .nav-list .nav-list > li:last-child > .btn:hover,
#left-col .nav-list > li.active > .btn-lt {
	background-color: #f8f8f8;
}
#left-col .fixed-bottom {
	background: #fff;
	background: rgba(255,255,255,0.9);
	position: absolute;
	padding: 10px 20px;
}
#left-col .fixed-bottom::before {
	-webkit-box-shadow: 0 -5px 10px 1px rgba(0,0,0,0.2);
	box-shadow: 0 -5px 10px 1px rgba(0,0,0,0.2);
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 0px;
	left: 0;
	z-index: -1;
}

/* Zweizeilige Trefferliste */
#left-col .nav-list > li > a.btn:has(span + span),
#left-col .nav-list > li > a:has(span + span) {
	padding-top: 4px;
	padding-bottom: 4px;
}
#left-col .nav-list > li > a span {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 16px;
}
#left-col .nav-list > li > a span + span {
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
}

#left-col .address {
	margin-top: 20px;
}

/* LT Ebene */
#left-col .nav-list li .btn-lt {
	padding-right: 40px;
}
#left-col .nav-list li > .open-lt-products,
#left-col .nav-list li.active > .open-lt-products,
#left-col .nav-list li:hover > a.open-lt-products {
	background: #4bbc84;
	color: #fff;
	font-size: 14px;
	position: absolute;
	right: 0;
	top: 0;
	width: 39px;
	height: 39px;
	padding: 0;
	border: none;
	cursor: pointer;
	text-align: center;
	line-height: 39px;
}
#left-col .nav-list li .open-lt-products .icon-arrow-down {
	line-height: 39px;
}
#left-col .nav-list li > .open-lt-products {
	background: none;
	color: #5f5f5f;
}
#left-col .nav-list li .open-lt-products:hover,
#left-col .nav-list li .open-lt-products:focus,
#left-col .nav-list li .open-lt-products:active,
#left-col .nav-list li:hover > a.open-lt-products:hover,
#left-col .nav-list li:hover > a.open-lt-products:active,
#left-col .nav-list li:hover > a.open-lt-products:focus,
#left-col .nav-list li .open-lt-products.active,
#left-col .nav-list li.active .open-lt-products.active,
#left-col .nav-list li .open-lt-products.open {
	background: #fff;
	color: #4bbc84;
}
#left-col .nav-list li .open-lt-products .icon-arrow-down::before {
	display: block;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
		 	transition: all 0.25s ease-in-out;
}
#left-col .nav-list li .open-lt-products:hover .icon-arrow-down::before,
#left-col .nav-list li .open-lt-products:focus .icon-arrow-down::before,
#left-col .nav-list li .open-lt-products:active .icon-arrow-down::before,
#left-col .nav-list li.active .open-lt-products.active .icon-arrow-down::before,
#left-col .nav-list li .open-lt-products.active .icon-arrow-down::before,
#left-col .nav-list li .open-lt-products.open .icon-arrow-down::before {
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
		 	transition: all 0.25s ease-in-out;
}

/* linke Navigation quick-nav */
#quick-nav {
	background: #5f5f5f;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 2;
	padding: 0;
	height: 100%;
	min-width: 55px;
	/* height: calc(100% - 115px); */
	-webkit-transition: all 0.25s ease-in;
	   -moz-transition: all 0.25s ease-in;
	     -o-transition: all 0.25s ease-in;
		    transition: all 0.25s ease-in;
}
#quick-nav ul li {
	display: block;
	width: 100%;
}
#quick-nav ul li .btn-group {
	display: block;
	width: 100%;
}

#quick-nav ul li a.nav-link {
	color: rgba(255,255,255,.7);
	padding: 10px 5px;
	border-bottom: 1px solid #ededed;
}
#quick-nav ul li a.nav-link.active,
#quick-nav ul li a.nav-link:hover,
#quick-nav ul li .show a.nav-link {
	background: #ededed;
	color: #5f5f5f;;
	-webkit-transition: all 0.25s ease-in;
	   -moz-transition: all 0.25s ease-in;
	     -o-transition: all 0.25s ease-in;
		    transition: all 0.25s ease-in;
}
#quick-nav ul li a.nav-link [class*="icon"],
#quick-nav ul li a.nav-link [class*="sign"] {
	font-size: 22px;
	line-height: 30px;
	vertical-align: middle;
	width: 45px;
	text-align: center;
	display: block;
}
#quick-nav ul li a.nav-link svg {
	display: block;
	height: 22px;
	margin: 0 auto 4px auto;
}
#quick-nav ul li a.nav-link svg path {
	fill: rgba(255,255,255,1);
}
#quick-nav ul li a.nav-link.active svg path,
#quick-nav ul li a.nav-link:hover svg path,
#quick-nav ul li .show a.nav-link svg path {
	fill: #5f5f5f;
}
#quick-nav ul li a.nav-link .text {
	display: block;
	vertical-align: middle;
	text-align: center;
	font-size: 9px;
	line-height: 12px;
	font-weight: 600;
	/* white-space: nowrap; */
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 45px;
	-webkit-transition: all 0.10s ease-in;
	   -moz-transition: all 0.10s ease-in;
	     -o-transition: all 0.10s ease-in;
		    transition: all 0.10s ease-in;
}
/*
#quick-nav ul li.datencheck {
	position: absolute;
	bottom: 75px;
	left: 0;
	width: 100%;
}
*/
#quick-nav ul li.datencheck a.nav-link {
	border-top: 1px solid #ededed;
	border-bottom: none;
}
#quick-nav ul li.administration-settings a.nav-link {
	border-top: 1px solid #ededed;
	border-bottom: none;
}
/*
#quick-nav ul li.new-window {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
*/
#quick-nav ul li.new-window a.nav-link {
	border-top: 1px solid #ededed;
	border-bottom: none;
}

/* LT specific */
/*
#quick-nav ul li.selling-settings {
	position: absolute;
	bottom: 75px;
	left: 0;
}
*/
#quick-nav ul li.selling-settings a.nav-link {
	border-top: 1px solid #ededed;
	border-bottom: none;
}
/* Auswertung */
/*
#quick-nav ul li.evaluation {
	position: absolute;
	bottom: 138px;
	left: 0;
}
*/
#quick-nav ul li.evaluation a.nav-link {
	border-top: 1px solid #ededed;
	border-bottom: none;
}
/* LT specific end */

#quick-nav ul li .dropdown-toggle::after {
	display: none;
}
#quick-nav ul li .dropdown-menu {
	background: #5f5f5f;
	/* border: 1px solid #5f5f5f; */
	border: none;
	padding: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.15);
	box-shadow: 0 0 5px 2px rgba(0,0,0,0.15);
}
/* 2nd Level */
#quick-nav .dropdown-submenu {
	position: relative;
	padding: 0;
	border: none !important;
}
#quick-nav .dropdown-submenu .sub-menu {
	margin-top: -1px;
	top: auto !important;
	bottom: 0;
	left: 100% !important;
}

/*
#quick-nav .nav .dropright .dropdown-menu {
	top: auto !important;
	bottom: 0;
}
*/

#quick-nav ul li .dropdown-menu .dropdown-item {
	color: rgba(255,255,255,.7);
	border-bottom: 1px solid #ededed;
	line-height: 30px;
}
#quick-nav ul li .dropdown-menu .dropdown-item:first-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
#quick-nav ul li .dropdown-menu > .dropdown-item:last-child {
	border: none;
	/* border-bottom-left-radius: 0;
	border-bottom-right-radius: 0; */
}
#quick-nav ul li .dropdown-menu .dropdown-item.active,
#quick-nav ul li .dropdown-menu .dropdown-item:focus, 
#quick-nav ul li .dropdown-menu .dropdown-item:hover {
	background: #ededed;
	color: #5f5f5f;;
	-webkit-transition: all 0.25s ease-in;
	   -moz-transition: all 0.25s ease-in;
	     -o-transition: all 0.25s ease-in;
		    transition: all 0.25s ease-in;
}

/* Dritte Ebene */
#quick-nav a.has-submenu + .dropdown-menu.sub-menu .dropdown-item {
	color: #fff;
}
#quick-nav a.has-submenu + .dropdown-menu.sub-menu .dropdown-item:hover {
	color: #343434;
}
#quick-nav ul li .dropdown-menu .dropdown-item.change-house {
	background: #4bbc84;
	color: #fff;
}
#quick-nav ul li .dropdown-menu .dropdown-item.change-house:hover {
	background: #fff;
	color: #4bbc84;
}

#tSmart-outer-wrap.has-quick-nav {
	padding-left: 55px;
}
#tSmart-outer-wrap.has-quick-nav #left-col.mobile {
	left: 55px;
}
#tSmart-outer-wrap.has-quick-nav #left-col.mobile.open {
	max-width: calc(100% - 55px);
}
#tSmart-outer-wrap.has-quick-nav #right-col.mobile.open {
	max-width: calc(100% - 55px);
}
#tSmart-outer-wrap.has-quick-nav #edit-area .fixed-bottom {
	padding-left: 85px;
}
#tSmart-outer-wrap.has-quick-nav #edit-area .fixed-bottom.left-open {
	padding-left: 34%;
	padding-left: calc(34% + 55px);
}


@media (min-width: 992px) {
	#tSmart-outer-wrap.has-quick-nav #edit-area .fixed-bottom.left-open {
		padding-left: 26%;
		padding-left: calc(26% + 55px);
	}
}

.checkmark-sign::before {
	content: '\2713'; /*  '✓' */
	display: block;
	text-align: center;
}
#quick-nav .checkmark-sign::before {
	font-size: 24px;
	width: 100%;
	line-height: 28px;
}

/* Edit Area */
#edit-area-wrap {
	position: relative;
	z-index: 1;
}
#edit-area {
	padding: 10px 0px 10px 15px;
	/* overflow-y: scroll; */
	overflow: auto;
	z-index: 1;
}
#edit-area.overflow-visible {
	overflow: visible;
}

#edit-area h1 { font-size: 1.5rem; }
#edit-area h2 { font-size: 1.3rem; }
#edit-area h3 { font-size: 1.2rem; }
#edit-area h4 { font-size: 1.1rem; }
#edit-area h5 { font-size: 1rem; }
#edit-area h6 { font-size: 1rem; }

#edit-area.bg-colored h3 { 
	margin-bottom: 15px;
}
#edit-area h3:first-child {
	margin-top: 10px;
}

#edit-area img {
	display: block;
	max-width: 100%;
	height: auto;
}
#edit-area label img {
	display: inline-block;
}

#edit-area .mCSB_container {
	padding: 10px; /* for Box-shadow */
}
#edit-area.bg-colored .mCSB_container,
#edit-area .scrollable-container-x .mCSB_container {
	padding: 0;
}

#edit-area .default-content {
	/* min-height: 500px; */
	/* padding-top: 20px; */
}
body#datenpflege #edit-area .default-content {
	background-image: url("../../images/bg-tsmart.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70% auto;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes save-animation {
	0% {color: #5f5f5f;}
	45% {color: #dc3545;-webkit-transform: scale(1.1);}
	55% {color: #dc3545;-webkit-transform: scale(1.1);}
	0% {color: #5f5f5f;}
}
/* Standard syntax */
@keyframes save-animation {
	0% {color: #5f5f5f;}
	45% {color: #dc3545;-webkit-transform: scale(1.1);}
	55% {color: #dc3545;-webkit-transform: scale(1.1);}
	0% {color: #5f5f5f;}
}

#edit-area .search {
	margin-bottom: 10px;
}

/* Zuletzt Bearbeitete Datensätze */
.text-hint + .items-list {
	margin-top: 20px;
}
.items-list .table-hover tbody tr:hover {
	background: #efefef;
}
.items-list .table-hover tbody tr:not(.collapse):hover {
	background: #f8f8f8;
}
.items-list .table th {
	color: #cdcdcd;
}
.items-list .table tbody tr.active,
.card .items-list .table tbody tr.active a,
.items-list .table.table-striped tbody tr.active {
	background: #888;
	color: #fff;
}
.items-list .table tbody tr.active .item-title::before {
	content: '';
	display: block;
	left: 0;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 6px;
	border-color: transparent transparent transparent #f7f7f7;
	
}
.items-list .table td,
.items-list .table th,
.items-list .table th label {
	padding: 5px 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 16px;
	line-height: 30px;
	position: relative;
	font-weight: 400;
}
.box-danger .items-list .table td {
	font-size: 14px;
	line-height: 24px;
	padding: 0 5px 0 0;
}
.items-list .table th span,
.items-list .table th label {
	font-size: 16px;
	line-height: 30px;
	padding: 0 5px;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.items-list .table td {
	white-space: nowrap;
	max-width: 700px;
}
.items-list .table .item-delete {
	max-width: 50px; /* td with delete-Button */
}

.items-list .table td:hover {
	cursor: pointer;
}
.box-danger .items-list .table td:hover {
	cursor: default;
}
.items-list .table .item-title,
.items-list .table .item-price {
	font-weight: 700;
	line-height: 20px;
	vertical-align: middle;
}
.items-list .table .item-title a {
	color: #5f5f5f;
	display: block;
}
/* Dreizeilige Darstellung */
.items-list .table .item-title a > .item-title {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}
.items-list .table .item-title a .title-secondary,
.items-list .table .item-title a .title-type {
	display: block;
	padding-left: 25px;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
}
/* Checkbox Addons 2024-10-23 */
.items-list .table .item-title .custom-control {
	padding-left: 30px;
}
.items-list .table .item-title .custom-control-label::before,
.items-list .table .item-title .custom-control-label::after {
	left: -28px;
}
.items-list .table .item-title .custom-control-label {
	color: #5f5f5f;
	white-space: nowrap;
	font-weight: 700;
	font-size: 16px;
}
.select-all,
.items-list .table .item-title.select-all {
	border-top: none;
	border-bottom: 5px solid transparent;
	padding-left: 0;
}
.select-all .inner.btn,
.items-list .table .item-title.select-all .inner.btn {
	padding: 0px 10px;
}
.select-all .custom-control-label,
.items-list .table .item-title.select-all .custom-control-label {
	font-size: 0.9rem;
	font-weight: normal;
	color: #fff;
}
.items-list .table .item-title a:hover,
.items-list .table .item-title a:focus,
.items-list .table .item-title a:active {
	text-decoration: none;
}

.items-list .table .item-title [class^="icon-"],
.items-list .table .item-title [class*=" icon-"] {
	margin-right: 5px;
}
.items-list .table .no-padding {
	padding: 0;
}
/* Merkmal Gruppierung Level 2 */
.items-list .colapsed-row {
	position: relative;
}
.items-list .colapsed-row td:last-child {
	padding-right: 30px;
	cursor: pointer;
}
.items-list tr.colapsed-row td:last-child::before {
	content: "";
	position: absolute;
	right: 0;
	top: 5px;
	width: 20px;
	height: 20px;
	text-align: center;
	color: #5f5f5f;
	
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: initial;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.items-list tr.colapsed-row td:last-child::before {
	content: "\e90c"; /* must be adjusted if new Icons are added */
}
.items-list tr.colapsed-row td.collapsed::before {
	content: "\e909"; /* must be adjusted if new Icons are added */
}
.items-list .collapse > td {
	padding-top: 0;
	padding-bottom: 0;
}
.items-list .items-list table,
.items-list .items-list .table {
	background: none;
	margin: 0;
}
.items-list .items-list .table tr {
	background: #f8f8f8;
}
.items-list .items-list .table tr:first-child td {
	border: none;
}
.items-list .items-list .table th {
	font-weight: 400;
}
.items-list .items-list .table td {
	padding: 2px 10px;
}
.items-list .items-list .table tr {
	max-height: 0;
	overflow: hidden;
}
/* Produktauswahl Varianten Maximalbreite */
.items-list .items-list .table th:first-child,
.items-list .items-list .table td:first-child {
	padding-left: 20px;
}
.items-list td.item-title,
.items-list td.item-additional {
	width: 240px;
}
.items-list .table-layout-fixed td.item-info {
	max-width: 40%;
}
.items-list .item-title .inner,
.items-list .item-title .inner a,
.items-list .item-additional .inner,
.items-list .item-price .inner,
.items-list .item-info .inner {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.items-list .item-title .inner,
.items-list .item-additional .inner {
	max-width: 200px;
}
/* div structure items-list */
/*
.items-list.striped > .row-item {
	border-top: 1px solid #dee2e6;
}
.items-list.striped > .row-item:nth-child(2n+1) {
	background-color: rgba(0,0,0,.05);
}
*/
.items-list.striped > .row-item,
.items-list.grouped > .row-item {
	border-top: 1px solid #dee2e6;
}
.items-list.striped > .row-item:nth-child(4n+1),
.items-list.grouped > .row-item.row-group-title {
	background-color: rgba(0,0,0,.05);
}
/* .items-list.striped > .row-item:hover { */
.items-list.striped > .row-item:hover,
.items-list.grouped > .row-item.row-group-title:hover {
	background: #f8f8f8;
}
.items-list > .row-item > div[class^="col"] {
	padding: 5px 10px;
}
.items-list > .row-item {
	line-height: 30px;
}
.items-list > .row-item .item-title,
.items-list > .row-item .item-price {
	font-weight: 700;
}
.items-list > .row-item > .col.item-title,
.items-list > .row-item > .col.item-info {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.items-list > .row-item > .col.item-delete {
	max-width: 70px;
}

/* active row-item */
.items-list.striped > .row-item.active {
	background: #888;
	color: #fff;
}
.items-list.striped > .row-item.active a,
.items-list.striped > .row-item.active .item-title a {
	color: #fff;
	text-decoration: none;
}
.items-list.striped > .row-item.active .item-title {
	padding-left: 15px;
}
.items-list.striped > .row-item.active .item-title::before {
	content: '';
	display: block;
	left: 0px;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 6px;
	border-color: transparent transparent transparent #f7f7f7;
}
/* 20250611 items-list Behebergungen 1-Spaltig */
.items-list.onecol > .table,
.items-list.twocol > .table,
.items-list.threecol > .table {
	width: 100%;
	table-layout: fixed;
}
.items-list.onecol > .table tr td.item-title .inner,
.items-list.twocol > .table tr td.item-title .inner,
.items-list.threecol > .table tr td.item-title .inner {
	max-width: 100%;
}
.items-list.onecol > .table tr td.item-type,
.items-list.onecol > .table tr: td.item-info,
.items-list.twocol > .table tr td.item-type,
.items-list.twocol > .table tr: td.item-info,
.items-list.threecol > .table tr td.item-type,
.items-list.threecol > .table tr: td.item-info {
	font-size: 0.9rem;
}
/* 20250611 items-list Behebergungen 2-Spaltig */
.items-list.onecol > .table tr td.item-title {
	width: 100%;
}
/* 20250611 items-list Behebergungen 2-Spaltig */
.items-list.twocol > .table tr td.item-title {
	width: 60%;
}
.items-list.twocol > .table tr: td.item-info {
	width: 40%;
}
/* 20250611 items-list Behebergungen 3-Spaltig */
.items-list.threecol > .table tr td.item-title {
	width: 60%;
}
.items-list.threecol > .table tr td.item-type {
	width: 40%;
}
.items-list.threecol > .table tr: td.item-info {
	width: 0%;
	overflow: hidden;
}
@media (min-width: 768px) {
	/* 20250611 items-list Behebergungen 2-Spaltig */
	.items-list.twocol > .table tr td.item-title {
		width: 70%;
	}
	.items-list.twocol > .table tr td.item-info {
		width: 30%;
	}
	/* 20250611 items-list Behebergungen 3-Spaltig */
	.items-list.threecol > .table tr td.item-title {
		width: 70%;
	}
	.items-list.threecol > .table tr td.item-type {
		width: 30%;
	}
}

@media (min-width: 992px) {
	/* Auflistung Leistungen */
	#items-list-services.items-list > table {
		width: 100%;
		table-layout: fixed;
	}
	
	#items-list-services.items-list td.item-title,
	#items-list-services.items-list td.item-info {
		display:inline-block;
	}
	#items-list-services.items-list td.item-title {
		width: 60%;
	}
	#items-list-services.items-list td.item-info {
		width: 39%;
	}
	#items-list-services.items-list td.item-title .inner,
	#items-list-services.items-list td.item-info .inner {
		max-width: 100%;
	}
	/* 20250611 items-list Behebergungen 2-Spaltig */
	.items-list.twocol > .table tr td.item-title {
		width: 80%;
	}
	.items-list.twocol > .table tr td.item-info {
		width: 20%;
	}
	/* 20250611 items-list Behebergungen 3-Spaltig */
	.items-list.threecol > .table tr td.item-title {
		width: 50%;
	}
	.items-list.threecol > .table tr td.item-type {
		width: 30%;
	}
	.items-list.threecol > .table tr td.item-info {
		width: 20%;
	}
}

@media (min-width: 1200px) {
	.items-list td.item-title,
	.items-list td.item-additional {
		width: 360px;
	}
	.items-list .item-title .inner,
	.items-list .item-additional .inner {
		max-width: 320px;
	}
	/* Inner Table */
	.items-list .items-list td.item-title,
	.items-list .items-list td.item-additional {
		width: 350px;
	}
	.items-list .items-list .item-title .inner,
	.items-list .items-list .item-additional .inner {
		max-width: 280px;
	}
}
@media (min-width: 1480px) {
	.items-list td.item-title,
	.items-list td.item-additional {
		width: 480px;
	}
	.items-list .item-title .inner,
	.items-list .item-additional .inner {
		max-width: 450px;
	}
	/* Inner Table */
	.items-list .items-list td.item-title,
	.items-list .items-list td.item-additional {
		width: 470px;
	}
	.items-list .items-list .item-title .inner,
	.items-list .items-list .item-additional .inner {
		max-width: 390px;
	}
}

/* Preispflege Div not table */
label.destination-card {
	padding-left: 25px;
	position: relative;
}
label.destination-card::before {
	content: '';
	display: block;
	background-image: url("../../images/Regionskarte.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -7px;
	width: 20px;
	height: 14px;
}

.edit-price-table hr {
	margin: 10px 0;
}
.edit-price-table .form-group label {
	/* font-size: 16px; */
	line-height: 20px;
}

.edit-price-table .form-group input[type="text"].form-control {
	max-width: 110px;
}
.edit-price-table .form-group input[type="text"].date {
	max-width: 130px;
}

.edit-price-table .row-price-variant .name,
.row-guide .name {
	font-weight: 700;
}
.edit-price-table .row-price-variant .col-vat-label {
	padding-right: 5px;
	line-height: 38px;
	white-space: nowrap;
}
.edit-price-table .row-price-variant .price-vat .dropdown {
	width: 100%;
	min-width: 145px;
	max-width: 155px;
}
.edit-price-table .row-label {
	color: #888;
	line-height: 35px;
}
.edit-price-table .row-variant-type {
	display: none;
}

.edit-price-table .price-new-date label {
	display: block;
	min-height: 16px;
	line-height: 18px;
}
.edit-price-table .price-new-date .price-validity-date {
	float: left;
}
.edit-price-table .price-new-date .price-vat .form-control {
	min-width: 80px;
}

#edit-area .edit-price-table .row-current-price .col-reduced-price label.destination-card,
#edit-area .edit-price-table .row-new-price .col-reduced-price label.destination-card {
	max-width: 100%;
}

.edit-price-table .col-current-price input {
	font-weight: 700;
}

/* Verfuegbarkeiten */
.row-category-block {
	margin-bottom: 20px;
}
.row-category-block:last-child {
	margin-bottom: 0px;
}
.box > .box-inner, /* @TODO: not for all boxes? */
.row-category-block > .box > .box-inner {
	/* border: 1px solid rgba(0,0,0,.05); */
	border: 1px solid rgba(0,0,0,.2);
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.03);
}
.box > .box-inner.blank {
	border: none;
	box-shadow: none;
}
.product-verfuegbarkeiten-date,
.label-left {
	display: inline-block;
}
.product-verfuegbarkeiten-date label,
.label-left label {
	line-height: 32px;
	margin: 0 10px 0 25px;
	font-size: 16px;
}
.product-verfuegbarkeiten-date .date-wrapper,
.label-left .date-wrapper {
	float: right;
}
.add-interval-wrap {
	margin-top: 15px;
}
.add-interval-wrap .btn {
	display: block;
	width: 100%;
}
.add-interval-row {
	background: #fff;
	border-top: 1px solid rgba(0,0,0,.1);
	margin-top: 10px;
	padding: 15px;
}
.add-interval-row h4 {
	padding: 0 !important;
}
.add-interval-row .row-weekdays {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 30px;
}
.add-interval-row label {
	display: block;
}
#edit-area .box-inner .add-interval-row .form-group label.placeholder {
	display: none;
}
.add-interval-row .form-inline label {
	padding-right: 10px;
}
.add-interval-row .form-control.interval-amount {
	max-width: 80px; /* not neccessary */
}
@media (min-width: 992px) {
	.add-interval-wrap {
		float: right;
		margin: 0;
	}
	.add-interval-wrap .btn {
		display: inline-block;
		width: auto;
	}
	.add-interval-wrap .dropdown-menu {
		min-width: 380px;
	}
}
@media (min-width: 1200px) {
	#edit-area .box-inner .add-interval-row .form-group label.placeholder {
		display: block;
	}
}

.row-scrollable-calendar .col-row-identifier:first-child,
.row-verfuegbarkeiten .row-time-rate:first-child,
.row-verfuegbarkeiten .row-rate-name:first-child {
	padding-top: 75px;
}


/* LT Beherbergung Verkaufskanäle */
.row-verfuegbarkeiten.product-verkaufskanaele-calendar .row-time-rate:first-child,
.row-verfuegbarkeiten.product-verkaufskanaele-calendar .row-rate-name:first-child {
	padding-top: 75px;
}

.row-scrollable-calendar .col-row-identifier,
.row-preise .row-group-name,
.row-verfuegbarkeiten .row-rate-name,
.row-verfuegbarkeiten .row-time-rate {
	/* line-height: 50px; */
	/* line-height: 58px; */
	line-height: 35px;
	border-bottom: 2px solid rgba(0,0,0,.1);
}

/* LT Beherbergungen Preise */
/*
.row-verfuegbarkeiten.product-verfuegbarkeiten-calendar .row-time-rate {
	line-height: 48px;
}
*/

.row-scrollable-calendar .col-row-identifier.with-additional-col,
.row-preise .row-group-name.with-additional-col {
	line-height: 66px;
}
.row-scrollable-calendar.an-abreise-calendar .col-row-identifier.with-additional-col {
	/* line-height: 110px; */
	line-height: 70px;
}
.row-scrollable-calendar.an-abreise-calendar .col-row-identifier.with-additional-col > .col {
	max-width: 70%;
	max-width: calc(100% - 60px);
}
#edit-area .row-scrollable-calendar .mCSB_container,
#edit-area .row-verfuegbarkeiten .mCSB_container {
	padding: 0;
}
.row-scrollable-calendar .scrollable-container .mCSB_scrollTools,
.row-verfuegbarkeiten .scrollable-container .mCSB_scrollTools {
	bottom: 10px;
	height: 15px;
}
.row-scrollable-calendar .col-identifiers,
.row-verfuegbarkeiten .col-time,
.row-verfuegbarkeiten .col-rates,
.row-preise .col-rate {
	/* max-width: 80px; */
	overflow: hidden;
}
.row-scrollable-calendar .col-identifiers .col-row-identifier,
.row-scrollable-calendar .col-identifiers .col-row-toggle,
.row-verfuegbarkeiten .col-time .row-time-rate,
.row-verfuegbarkeiten .col-time .row-rate-name,
.row-scrollable-calendar .col-identifiers .col-row-identifier.new .col-identifier {
	text-align: right;
	padding-right: 10px;
	/*
	max-width: 50px;
	max-width: 100px;
	*/
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	cursor: pointer;
}
.row-scrollable-calendar .col-identifiers .col-row-identifier.new {
	padding-right: 0;
}
.row-scrollable-calendar .col-identifiers .col-row-identifier .col-name,
.row-scrollable-calendar .col-identifiers .col-row-toggle .col-btn {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.row-scrollable-calendar .col-identifiers .col-row-identifier .col-name {
	padding-right: 5px;
	line-height: 35px;
}
/* Zweizeilige Beschriftung */
.row-scrollable-calendar .col-identifiers .col-row-identifier .col-name.double-spaced {
	font-size: 13px;
}
.row-scrollable-calendar .col-identifiers .col-row-identifier .col-name.double-spaced span {
	display: block;
	line-height: 15px;
	font-weight: 700;
	padding-bottom: 2px;
}
.row-scrollable-calendar .col-identifiers .col-row-identifier .col-name.double-spaced span:first-child {
	padding-top: 3px;
	font-weight: normal;
	padding-bottom: 0;
}

.row-scrollable-calendar .col-identifiers .col-row-identifier .time-rate-title,
.row-scrollable-calendar .col-identifiers .col-row-identifier .identifier-title,
.row-verfuegbarkeiten .col-time .row-time-rate .time-rate-title {
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	width: 100%;
}
.row-scrollable-calendar .col-identifiers .col-row-identifier .btn {
	border: none;
	font-size: 24px;
	line-height: 58px;
	padding-top: 0;
	padding-bottom: 0;
	display: block;
	text-align: center;
	width: 100%;
}

.row-scrollable-calendar .col-identifiers .col-row-identifier .col-additional {
	/* line-height: 33px; */
	line-height: 35px;
	font-size: 12px;
	font-weight: 700;
	padding-left: 10px;
}

.row-scrollable-calendar .col-month,
.row-verfuegbarkeiten .col-month {
	position: relative;
}
.row-scrollable-calendar .col-month:first-child .month-inner,
.row-verfuegbarkeiten .col-month:first-child .month-inner {
	border-left: 1px solid rgba(0,0,0,.1);
}
.row-scrollable-calendar .col-month .month-inner,
.row-verfuegbarkeiten .col-month .month-inner {
	border-right: 1px solid rgba(0,0,0,.1);
	line-height: 40px;
	height: 40px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.row-scrollable-calendar .col-month .month-inner::before,
.row-verfuegbarkeiten .col-month .month-inner::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	background: rgba(0,0,0,.1);
}
/*
.row-verfuegbarkeiten .col-month .month-inner > span::before,
.row-verfuegbarkeiten .col-month .month-inner > span::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 10000%;
	height: 2px;
	background: rgba(0,0,0,.1);
}
.row-verfuegbarkeiten .col-month .month-inner > span::before {
	right: 100%;
	margin-right: 20px;
}
.row-verfuegbarkeiten .col-month .month-inner > span::after {
	left: 100%;
	margin-left: 20px;
}
*/
.row-scrollable-calendar .col-month .month-inner > span,
.row-verfuegbarkeiten .col-month .month-inner > span {
	background: #f7f7f7;
	line-height: 40px;
	position: absolute;
	width: 130px;
	left: 50%;
	margin-left: -65px;
	display: inline-block;
}
.row-scrollable-calendar .row-month-names,
.row-scrollable-calendar .row.calendar-table,
.row-verfuegbarkeiten .row-month-names,
.row-verfuegbarkeiten .row.verfuegbarkeit-table {
	margin-right: 35px;
}
.row-scrollable-calendar .scrollable-container .display-only {
	background: rgba(0,0,0,0.03);
	touch-action: none;
	position: absolute;
	width: 100%;
	width: calc(100% - 35px);
	height: 100%;
	left: 0;
	top: 0;
	cursor: not-allowed;
	z-index: 1;
}

/* Neue Buchung in Kalender */
.calendar-table.new,
.row-scrollable-calendar .col-row-identifier.new {
	border-top: 2px dashed rgb(255,193,7);
	border-bottom-width: 0px;
}
.calendar-inner-wrap > .calendar-table.new.last,
.calendar-inner-wrap > .new-items-container > .calendar-table.new.last,
.row-scrollable-calendar .col-row-identifier.new {
	margin-bottom: 39px;
	border-bottom: 2px dashed rgb(255,193,7);
}
.row-scrollable-calendar .row.calendar-table.new::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(255,193,7,.7);
}
.row-scrollable-calendar .col-identifier.new,
#left-col .search-results .search-result.new {
	background: rgba(255,193,7,.7);
}
.row-scrollable-calendar .col-identifier.new {
	font-weight: 600;
}
#left-col .search-results .search-result.new:hover {
	background: rgba(255,193,7,.9);
}
	
	
.row-scrollable-calendar .col-row-identifier.new-2 {
	min-height: 88px;
	min-height: 76px;
}
.row-scrollable-calendar .col-row-identifier.new-3 {
	min-height: 131px;
	min-height: 113px;
}
.row-scrollable-calendar .col-row-identifier.new-4 {
	min-height: 174px;
	min-height: 150px;
}
.row-scrollable-calendar .col-row-identifier.new-5 {
	min-height: 217px;
	min-height: 187px;
}
.row-scrollable-calendar .col-row-identifier.new-6 {
	min-height: 260px;
	min-height: 224px;
}
.row-scrollable-calendar .col-row-identifier.new-7 {
	min-height: 303px;
	min-height: 261px;
}
.row-scrollable-calendar .col-row-identifier.new-8 {
	min-height: 346px;
	min-height: 298px;
}
.row-scrollable-calendar .col-row-identifier.new-9 {
	min-height: 389px;
	min-height: 335px;
}
.row-scrollable-calendar .col-row-identifier.new-10 {
	min-height: 432px;
	min-height: 372px;
}

.calendar-table.new + .calendar-table:not(.new),
.new-items-container + .calendar-table:not(.new),
.row-scrollable-calendar .col-row-identifier.new + .col-row-identifier:not(.new) {
	border-top: 2px solid rgba(0,0,0,.1);
}

/* Storno */
#left-col .search-results .search-result.item-storno {
	background: rgba(220,40,40,0.9);
	color: #bbb;
}
#left-col .search-results .search-result.item-storno:hover {
	background: rgba(220,40,40,1)
}
#left-col .search-results .search-result.item-storno .period {
	color: #fff;
}



.calendar-table,
.verfuegbarkeit-table {
	/* width: 1560px; */
	/* width as inline style */
	border-bottom: 2px solid rgba(0,0,0,.1);
	position: relative;
}
.calendar-table.row-calendar-head,
.verfuegbarkeit-table.row-calendar-head {
	border-bottom: none;
}
.calendar-table .col-day:first-child,
.verfuegbarkeit-table .col-day:first-child {
	border-left: 2px solid rgba(0,0,0,.1);
}
/* Verfuegbarkeiten LTB - Special Styling */
.row-preise .calendar-table:not(.d-none) + .calendar-table.calendar-table-days.first,
.row-form-control .calendar-table:not(.d-none) + .calendar-table.calendar-table-days.first {
	position: relative;
	top: auto;
	left: auto;
	height: 42px;
	height: 35px; /* no border bottom */
}

.row-preise .calendar-table:not(.d-none) + .calendar-table.calendar-table-days.first .col-day,
.row-form-control .calendar-table:not(.d-none) + .calendar-table.calendar-table-days.first .col-day {
	padding-bottom: 0;
}



/* Half day view for scroll-Container for Preise */
.row-preise .calendar-table .col-day:first-child {
	border-left: none;
}
.row-preise .calendar-table .col-day {
	min-width: 35px;
}
.row-preise .calendar-table:not(.calendar-table-days) .col-day:first-child::before {
	content: '';
	display: block;
	width: 2px;
	height: 100%;
	background: rgba(0,0,0,.1);
	position: absolute;
	top: 0;
	left: -17px;
}
.row-preise .calendar-table:not(.calendar-table-days) > .col-day:first-child {
	margin-left: 17px;
	margin-left: 17.5px;
}

.calendar-table .col-day.begins-past,
.row-preise .calendar-table:not(.calendar-table-days) > .col-day.begins-past:first-child {
	margin-left: -17px;
}
.calendar-table .col-day.begins-past .form-control,
.row-preise .calendar-table:not(.calendar-table-days) > .col-day.begins-past:first-child .form-control {
	padding-left: 19px;
}

/* day view .calendar-show-days */
.row-preise .calendar-table.calendar-show-days .col-day:first-child::before {
	left: -1px;
	
}
.row-preise .calendar-table.calendar-show-days > .col-day:first-child {
	margin-left: 0;
	margin-left: 0;
}

/* Half day view for scroll-Container */
.calendar-table .col-day,
.verfuegbarkeit-table .col-day {
	text-align: center;
	max-width: 35px;
	min-height: 35px;
	padding: 3px 2px;
	border-right: 1px solid rgba(0,0,0,.1);
}
/*
.calendar-table-days .col-day .form-control[type="text"],
.verfuegbarkeit-table.calendar-table-days .col-day .form-control[type="text"] {
	margin-top: 3px;
}
*/

.calendar-table .col-day.col-placeholder {
	min-height: 40px;
	line-height: 29px;
	background: none;
	cursor: pointer;
	color: #fff;
	text-align: left;
	/*
	max-width: 100%;
	min-width: 100%;
	max-width: calc(100% - 1px);
	min-width: calc(100% - 1px);
	*/
}

/* Pflegestatus Indicator */
.calendar-table .col-day.col-placeholder::before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	font-size: 24px;
	line-height: 24px;
	text-align: center;
	position: absolute;
	vertical-align: middle;
	left: 5px;
	top: 8px;
}
.calendar-table .col-day.col-placeholder.ok::before {
	/* content: '✓'; */
	color: #4bbc84;
}
.calendar-table.ek .col-day.col-placeholder.ok::before {
	/* color: #007bff; */
	color: #4bbc84;
}
.calendar-table .col-day.col-placeholder.missing::before {
	content: "\e93b"; /* icon-attention-sign */
	font-family: 'icomoon' !important;
	color: #fff3cd;
}


/* VK / EK Preise */
.calendar-table .col-day.col-placeholder {
	background: rgba(75,188,132,0.7);
}
.calendar-table.ek .col-day.col-placeholder {
	/* background: rgba(0,123,255,0.7); */
}

.mt-calendar-table-days {
	margin-top: 42px;
}

.calendar-table.calendar-table-days {
	border-bottom: 2px solid #777;
	border-bottom: none;
}
.calendar-table.calendar-table-days.first {
	border-bottom: none;
}
.calendar-table.calendar-table-days .col-day {
	min-width: 35px;
	padding-bottom: 2px;
}
.calendar-table.calendar-table-days + .calendar-table-days .col-day {
	padding-top: 0;
}
.calendar-table.row-calendar-head .col-day,
.verfuegbarkeit-table.row-calendar-head .col-day {
	padding-bottom: 0;
}
.calendar-table .col-day.col-weekend,
.verfuegbarkeit-table .col-day.col-weekend {
	background: rgba(0,0,0,0.05);
}
.calendar-table .col-day.today,
.verfuegbarkeit-table .col-day.today,
.calendar-table .col-day.bg-yellow.today,
.calendar-table .col-day.bg-red.today,
.verfuegbarkeit-table .col-day.bg-yellow.today,
.verfuegbarkeit-table .col-day.bg-red.today,
.calendar-table .col-day.col-not-edited.today,
.calendar-table .col-day.col-not-available.today,
.calendar-table .col-day.col-weekend.today,
.verfuegbarkeit-table .col-day.col-weekend.today {
	background: #348860;
	color: #fff;
}
.calendar-table .col-day .day,
.calendar-table .col-day .info,
.verfuegbarkeit-table .col-day .day,
.verfuegbarkeit-table .col-day .info {
	font-weight: 700;
}
.calendar-table .col-day .day,
.calendar-table .col-day .week-day,
.calendar-table .col-day .info,
.calendar-table .col-day .period,
.verfuegbarkeit-table .col-day .day,
.verfuegbarkeit-table .col-day .week-day,
.verfuegbarkeit-table .col-day .info,
.verfuegbarkeit-table .col-day .period {
	display: block;
	line-height: 13px;
	font-size: 11px;
}
/*
.calendar-table .col-day .week-day,
.verfuegbarkeit-table .col-day .week-day {
	padding-bottom: 6px;
}
*/
/* Sperre & Verfuegbarkeiten Beherbergungen */
.calendar-table.calendar-table-days .col-day.day-locked::before,
.calendar-container .calendar .day.locked::before {
	background-image: url("../../images/lock.svg");
	background-size: 90%;
	background-position: center center;
	background-repeat: no-repeat;
	color: yellow;
	/* content: "\e90e";
	font-family: 'icomoon' !important; */
	content: '';
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	left: 5px;
	top: 11px;
	z-index: 1;
}

/* Kalender Jahresuebersicht */
.calendar-container .calendar .day.locked::before {
	left: 50%;
	transform: translateX(-50%);
}

/* Angebot in Zeitleiste */
.calendar-table .col-day .offer,
.calendar-table .col-hour .offer {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -100%;
	background: none;
	display: block;
	top: -100%;
	width: 24px;
	height: 24px;
	color: #fff;
	line-height: 18px;
	font-size: 14px;
	font-weight: 700;
	padding-top: 4px;
	cursor: pointer;
}
.calendar-table .col-day .offer::before,
.calendar-table .col-hour .offer::before {
	content: '';
	background: rgba(0,0,0,0.45);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	clip-path: polygon(47% 0%,53% 0%, 100% 94%, 100% 100%, 0% 100%, 0% 94%);
	z-index: -1;
}
.calendar-table .col-day .offer.multiple::after,
.calendar-table .col-hour .offer.multiple::after {
	content: '';
	background: rgba(0,0,0,0.45);
	display: block;
	width: 2px;
	height: 90%;
	position: absolute;
	left: 2px;
	top: 0;
	transform: rotate(26deg);
}

/* Storno in Zeitleiste */
/* Anpassungen Calendar fuer Storno */
/* .beherbergung-calendar-with-storno */
.row-scrollable-calendar.beherbergung-calendar-with-storno .col-row-identifier:first-child {
	margin-top: 95px !important;
}
.row-scrollable-calendar.beherbergung-calendar-with-storno .col-month .month-inner {
	height: 60px;
}
.row-scrollable-calendar.beherbergung-calendar-with-storno .col-month .month-inner > span {
	line-height: 60px;
}

/* Storno Icon */
.calendar-table .col-day .storno,
.calendar-table .col-hour .storno {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -100%;
	background: none;
	display: block;
	top: -60px;
	width: 24px;
	height: 24px;
	color: #fff;
	line-height: 18px;
	font-size: 14px;
	font-weight: 700;
	padding-top: 4px;
	cursor: pointer;
}
.calendar-table .col-day .storno::before,
.calendar-table .col-hour .storno::before {
	content: '';
	background: rgba(220,40,40,0.9);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	clip-path: polygon(47% 0%,53% 0%, 100% 94%, 100% 100%, 0% 100%, 0% 94%);
	z-index: -1;
}
.calendar-table .col-day .storno.multiple::after,
.calendar-table .col-hour .storno.multiple::after {
	content: '';
	background: rgba(220,40,40,0.9);
	display: block;
	width: 2px;
	height: 90%;
	position: absolute;
	left: 2px;
	top: 0;
	transform: rotate(26deg);
}


.scrollable-container-checkboxes .calendar-table .col-day .period,
.scrollable-container-checkboxes .verfuegbarkeit-table .col-day .period {
	line-height: 14px;
}

.calendar-table .col-day .form-control,
.verfuegbarkeit-table .col-day .form-control {
	padding: 1px 1px;
	margin-top: 7px;
	margin-bottom: 7px;
	/* text-align: center; */
	text-align: left;
	padding: 1px 4px;
	font-size: 0.85em;
}
.calendar-table .col-day .period-value {
	display: block;
	width: 100%;
	line-height: 35px;
	font-size: 14px;
	cursor: pointer;
	font-weight: 700;
}

/* Beherbergung Konditionen disabled inputs */
.calendar-table .col-day .form-control.text-input {
	cursor: pointer;
	color: #348860;
}
.calendar-table .col-day .form-control.text-input:hover {
	border-color: #348860;
}


/* Channel Prices */
.calendar-table .col-day .form-control.text-input.text-invisible {
	color: #e9ecef;
}
.calendar-table .col-day .channel-price {
	position: absolute;
	left: 5px;
	top: 4px;
	white-space: nowrap;
	line-height: 27px;
	font-size: 0.85em;
	color: #348860;
	pointer-events: none;
}
.calendar-table .col-day.begins-past .channel-price {
	left: 19px;
}
.calendar-table .col-day.col-not-edited .channel-price {
	color: #db1317;
}


/* Konditionen und Preise Tab */
#tab-content-product-verkaufssteuerung-konditionen .collapse-edit,
#tab-content-product-verkaufssteuerung-preise .collapse-edit,
#tab-content-product-basis .collapse-edit {
	margin-bottom: 20px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.product-preise-new-block {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-bottom: 10px;
}
.product-preise-new-block > .row:first-child {
	background: #fff;
	padding-top: 5px;
}
.product-preise-new-block h2 {
	color: #676767 !important;
}
#tab-content-product-verkaufssteuerung-konditionen .collapse-edit::before,
#tab-content-product-verkaufssteuerung-konditionen .collapse-edit::after,
#tab-content-product-verkaufssteuerung-preise .collapse-edit::before,
#tab-content-product-verkaufssteuerung-preise .collapse-edit::after,
#tab-content-product-basis .collapse-edit::before,
#tab-content-product-basis .collapse-edit::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	bottom: 0;
	position: absolute;
	left: 50%;
	border-style: solid;
}
#tab-content-product-verkaufssteuerung-konditionen .collapse-edit::before,
#tab-content-product-verkaufssteuerung-preise .collapse-edit::before,
#tab-content-product-basis .collapse-edit::before {
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #ced4da transparent;
	margin-left: -13px;
}
#tab-content-product-verkaufssteuerung-konditionen .collapse-edit::after,
#tab-content-product-verkaufssteuerung-preise .collapse-edit::after,
#tab-content-product-basis .collapse-edit::after {
	border-width: 0 14px 14px 14px;
	border-color: transparent transparent #f7f7f7 transparent;
	margin-left: -12px;
	bottom: -1px;
}
.collapse-edit .row-edit-aufenthaltsdauer,
.collapse-edit .row-edit-an-abreise,
.collapse-edit .row-edit-bedingungen,
.collapse-edit .row-edit-sperre,
.collapse-edit .row-edit-preise {
	background: #fff;
}
#edit-area .row-edit-bedingungen .box-headline-before,
#edit-area .collapse-edit .row-edit-aufenthaltsdauer .box-headline-before,
#edit-area .collapse-edit .row-edit-an-abreise .box-headline-before,
#edit-area .collapse-edit .row-edit-belegung .box-headline-before,
#edit-area .collapse-edit .row-edit-sperre .box-headline-before,
#edit-area .collapse-edit .row-edit-preise .box-headline-before {
	margin-top: 10px;
	color: #676767;
}

/* DMO Leistung Basis */
#edit-area .row-belegung {
	width: 100%;
}

/* Verkaufssteuerung Preise Table */
.product-verkaufssteuerung-preise-calendar-wrap .product-verkaufssteuerung-preise-calendar {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #6c757d;
	border-color: rgba(0,0,0,.1);
}
.product-verkaufssteuerung-preise-calendar-wrap .product-verkaufssteuerung-preise-calendar:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.box-inner .row-calendar-buttons,
.product-verkaufssteuerung-preise-calendar .row-calendar-buttons {
	margin-bottom: 10px;
}
.product-verkaufssteuerung-preise-calendar .row-calendar-buttons .btn {
	margin-top: 5px;
}
.product-verkaufssteuerung-preise-calendar .row-calendar-buttons .bootstrap-select .btn {
	margin-top: 0px;
}

/* Button Beherbergungen Preise */
.product-verkaufssteuerung-preise-calendar-wrap .row-scrollable-calendar .col-row-toggle .btn-calendar-toggle {
	background: none;
	border: 1px solid transparent;
	color: #fff;
	font-size: 1rem;
	padding: .375rem 30px .375rem .75rem;
	margin: 0 5px 0 0;
	display: block;
	width: 100%;
	border-radius: 0;
	text-align: left;
	line-height: 33px;
	padding-top: 0;
	padding-bottom: 0;
}

.product-verkaufssteuerung-preise-calendar-wrap .row-scrollable-calendar .col-row-toggle .btn-calendar-toggle {
	/* background: #4bbc84;
	border-top: 1px solid #4bbc84;
	*/
}

.product-verkaufssteuerung-preise-calendar-wrap .row-scrollable-calendar .col-row-toggle .btn-calendar-toggle {
	background: none !important;
	border-top-color: #cdcdcd !important;
	border-bottom-color: transparent !important;
	color: #6c757d !important;
	border-right-color: transparent;
	border-left-color: transparent;
	position: relative;
}
.product-verkaufssteuerung-preise-calendar-wrap .row-scrollable-calendar .col-row-toggle .btn-rate-info {
	position: absolute;
	right: 1px;
	top: 1px;
	font-size: 16px;
	line-height: 16px;
	width: 30px;
	color: #5f5f5f;
	padding: 6px 4px;
	line-height: 20px;
	z-index: 1;
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
		 -o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
}
.product-verkaufssteuerung-preise-calendar-wrap .row-scrollable-calendar .col-row-toggle .btn-rate-info i {
	vertical-align: middle;
}
.product-verkaufssteuerung-preise-calendar-wrap .row-scrollable-calendar .col-row-toggle .btn-calendar-toggle:not(.collapsed) + .btn-rate-info {
	/* color: #fff; */
}

/* Rate Color EK / VK */

.product-verkaufssteuerung-preise-calendar-wrap .row-scrollable-calendar .col-row-toggle.vk {
	margin-top: 40px;
}
.product-verkaufssteuerung-preise-calendar-wrap .calendar-divided .row-scrollable-calendar .col-row-toggle.ek {
	margin-top: 40px;
}
.product-verkaufssteuerung-preise-calendar-wrap .row-scrollable-calendar .col-row-toggle.ek .btn-calendar-toggle {
	/* background: #007bff;
	border-top: 1px solid #007bff; */
	background: #4bbc84;
	border-top: 1px solid #4bbc84;
	
}
.product-verkaufssteuerung-preise-calendar-wrap .row-scrollable-calendar .col-row-toggle.vk .btn-calendar-toggle:hover,
.product-verkaufssteuerung-preise-calendar-wrap .row-scrollable-calendar .col-row-toggle.vk .btn-calendar-toggle:focus,
.product-verkaufssteuerung-preise-calendar-wrap .row-scrollable-calendar .col-row-toggle.vk .btn-calendar-toggle:active {
	background: #4bbc84;
	color: #fff;
}
.product-verkaufssteuerung-preise-calendar-wrap .row-scrollable-calendar .col-row-toggle.ek .btn-calendar-toggle:hover,
.product-verkaufssteuerung-preise-calendar-wrap .row-scrollable-calendar .col-row-toggle.ek .btn-calendar-toggle:focus,
.product-verkaufssteuerung-preise-calendar-wrap .row-scrollable-calendar .col-row-toggle.ek .btn-calendar-toggle:active {
	/* background: #007bff; */
	background: #4bbc84;
	color: #fff;
}
.product-verkaufssteuerung-preise-calendar-wrap .row-scrollable-calendar .col-row-toggle .btn-calendar-toggle::before,
.product-verkaufssteuerung-preise-calendar-wrap .row-scrollable-calendar .col-row-toggle.ek .btn-calendar-toggle::before {
	background: none;
	content: '';
	display: block;
	width: 3px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.product-verkaufssteuerung-preise-calendar-wrap .row-scrollable-calendar .col-row-toggle .btn-calendar-toggle::before {
	background: #4bbc84;
}
.product-verkaufssteuerung-preise-calendar-wrap .row-scrollable-calendar .col-row-toggle.ek .btn-calendar-toggle::before {
	/* background: #007bff; */
	background: #4bbc84;
}
	
.row-preise .row-group-name:first-child {
	padding-top: 73px;
}
.row-preise .col-identifiers .row-rate-name:first-child.col-row-toggle {
	margin-top: 0;
	padding-top: 75px;
}
.row-preise .row-rate-name + .collapse .row-group-name:first-child,
.row-preise .row-rate-name + .collapsing .row-group-name:first-child {
	padding-top: 0px;
}
.row-preise .row-rate-name.col-row-toggle {
	line-height: 42px;
	position: relative;
}

.row-preise .row-group-name {
	line-height: 40px;
	line-height: 38px;
	border-bottom: 2px solid rgba(0,0,0,.1);
}
.row-preise .row-group-name.with-additional-col {
	line-height: 48px;
}
.row-preise .calendar-table.calendar-table-days.first,
.row-form-control .calendar-table.calendar-table-days.first {
	position: absolute;
	top: 40px;
	left: 0;
	height: 100%;
	/* height: calc(100% - 30px); */
	/* height: calc(100% - 40px); */
	height: calc(100% - 42px);
}
.row-preise .calendar-table.calendar-table-days.first .col-day:first-child,
.row-form-control .calendar-table.calendar-table-days.first .col-day:first-child {
	max-height: 35px;
}

/* Problem ? */
.row-scrollable-calendar .calendar-table-days.first {
	position: absolute;
	top: 40px;
	left: 0;
	height: 100%;
	height: calc(100% - 40px);
}
.row-scrollable-calendar .calendar-table-days.first + .calendar-table {
	margin-top: 35px;
}

/*
.calendar-table.preise-table .col-day {
	max-width: 35px;
	min-width: 35px;
	width: 35px;
}
*/
.calendar-table.preise-table .col-day.col-price-diff .form-control[type="text"] {
}
.calendar-table.preise-table .col-day.col-price-diff + .col-day {
}
.calendar-table.preise-table .col-day .form-control[type="text"] {
}
.calendar-table.preise-table .col-day.col-price-diff .form-control[type="text"] {
}
.calendar-table.preise-table .col-day.col-price-ident {
}

/* @mixin ?  ident-classes NOT IN USE */
.calendar-table.preise-table .col-day.col-price-ident.ident-02 {
	max-width: 70px;
	min-width: 70px;
}
.calendar-table.preise-table .col-day.col-price-ident.ident-03 {
	max-width: 105px;
	min-width: 105px;
}
.calendar-table.preise-table .col-day.col-price-ident.ident-04 {
	max-width: 140px;
	min-width: 140px;
}
.calendar-table.preise-table .col-day.col-price-ident.ident-05 {
	max-width: 175px;
	min-width: 175px;
}
.calendar-table.preise-table .col-day.col-price-ident.ident-06 {
	max-width: 210px;
	min-width: 210px;
}
.calendar-table.preise-table .col-day.col-price-ident.ident-07 {
	max-width: 245px;
	min-width: 245px;
}
.calendar-table.preise-table .col-day.col-price-ident.ident-08 {
	max-width: 280px;
	min-width: 280px;
}
.calendar-table.preise-table .col-day.col-price-ident.ident-09 {
	max-width: 315px;
	min-width: 315px;
}
.calendar-table.preise-table .col-day.col-price-ident.ident-10 {
	max-width: 350px;
	min-width: 350px;
}
.calendar-table.preise-table .col-day.col-price-ident.ident-20 {
	max-width: 700px;
	min-width: 700px;
}
/* .... 31 */


/* Preise / Verfuegbarkeiten Calendar form-control input */
.calendar-table.preise-table .col-day .form-control,
.calendar-table.form-control-table .col-day .form-control,
.verfuegbarkeit-table .col-day .form-control[type="text"] {
	margin-top: 1px;
	margin-bottom: 1px;
	height: auto;
	line-height: 23px;
	height: 27px; /* 27px + 3px + 3px*/
}

.calendar-table.preise-table .col-day .week-day + .form-control,
.calendar-table.form-control-table .col-day .week-day + .form-control,
.verfuegbarkeit-table .col-day .week-day + .form-control[type="text"] {
	margin-top: 10px;
}

/* An- / Abreise */


/* Show More */
.row-scrollable-calendar .load-more,
.row-verfuegbarkeiten .load-more {
	background: #ededed;
	position: absolute;
	right: 0;
	top: 0;
	width: 35px;
	height: 100%;
}
.row-scrollable-calendar .load-more a,
.row-verfuegbarkeiten .load-more a {
	display: block;
	width: 100%;
	height: 100%;
}
.row-scrollable-calendar .load-more .icon,
.row-verfuegbarkeiten .load-more .icon {
	width: 35px;
	height: 36px;
	line-height: 36px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -18px;
	text-align: center;
}

/* Nicht gepflegter Zeitraum */
.row-scrollable-calendar .col-day.col-period-cut,
.row-scrollable-calendar .col-day.col-not-edited,
.calendar-table .col-day.col-period-cut,
.calendar-table .col-day.col-not-edited,
.verfuegbarkeit-table .col-day.col-period-cut,
.verfuegbarkeit-table .col-day.col-not-edited {
	border-right: 1px solid rgba(0,0,0,.1);
	/* color: #856404;
	background-color: #fff3cd; */
	/* color: #fff;
	background-color: rgba(220,40,40,0.7); */
	background-color: rgba(248,215,218,1); /* #f8d7da */
	color: #db1317;
}

.row-scrollable-calendar .col-day.col-period-cut .form-control.text-input,
.row-scrollable-calendar .col-day.col-not-edited .form-control.text-input,
.calendar-table .col-day.col-period-cut .form-control.text-input,
.calendar-table .col-day.col-not-edited .form-control.text-input,
.verfuegbarkeit-table .col-day.col-period-cut .form-control.text-input,
.verfuegbarkeit-table .col-day.col-not-edited .form-control.text-input {
	border-color: #f5c6cb;
	background-color: rgba(248,215,218,1); /* #f8d7da */
	color: #db1317;
}
.row-scrollable-calendar .col-day.col-period-cut .form-control.text-input:hover,
.row-scrollable-calendar .col-day.col-not-edited .form-control.text-input:hover,
.calendar-table .col-day.col-period-cut .form-control.text-input:hover,
.calendar-table .col-day.col-not-edited .form-control.text-input:hover,
.verfuegbarkeit-table .col-day.col-period-cut .form-control.text-input:hover,
.verfuegbarkeit-table .col-day.col-not-edited .form-control.text-input:hover {
	border-color: #db1317;
}
.row-scrollable-calendar .col-day.col-not-edited,
.calendar-table .col-day.col-not-edited,
.verfuegbarkeit-table .col-day.col-not-edited {
	/* color: #fff; */
	color: #721c24;
}

.col-day.col-not-edited .form-control.text-input.text-invisible {
	color: rgba(248,215,218,1);
}

.verfuegbarkeit-table .col-day.col-not-edited {
}
/* LT Preise - Grundpreis - Buchungskanal */
.row-scrollable-calendar .col-day.col-not-edited.disabled {
	background-color: rgba(0,0,0,0.05);
	color: #aaa;
}
.row-scrollable-calendar .col-day.col-not-edited.disabled .form-control.text-input,
.row-scrollable-calendar .col-day.col-not-edited.disabled .form-control.text-input:hover {
	border-color: #ced4da;
	background-color: #e9ecef;
	color: #aaa;
}
/* Verfuegbarkeit unlimitiert */
.row-scrollable-calendar .col-day.col-period-unlimited,
.row-scrollable-calendar .col-day.col-unlimited,
.calendar-table .col-day.col-unlimited,
.calendar-table .col-day.col-period-unlimited,
.calendar-table .col-day.col-period-stripped,
.verfuegbarkeit-table .col-day.col-unlimited,
.verfuegbarkeit-table .col-day.col-period-unlimited,
.verfuegbarkeit-table .col-day.col-period-stripped,
.row-scrollable-calendar .col-day.col-period-stripped {
	border-right: 1px solid rgba(0,0,0,.1);
	color: #3b4a30;
	background-color: #b0cb9e;
}
/* Nicht verfuegbarer Zeitraum */
.row-scrollable-calendar .col-day.col-period-not-available,
.row-scrollable-calendar .col-day.col-not-available,
.calendar-table .col-day.col-period-not-available,
.calendar-table .col-day.col-not-available,
.verfuegbarkeit-table .col-day.col-period-not-available,
.verfuegbarkeit-table .col-day.col-not-available {
	border-right: 1px solid #f5c6cb;
	color: #721c24;
	background-color: #f8d7da;
}
/* Anpassung: wenn erste Reihe Verfügbarkeiten, dann nur dieses Feld -  START */
.calendar-table.calendar-table-days.first .col-day.col-not-available,
.calendar-table.calendar-table-days.first .col-day.col-not-edited {
	max-height: 35px;
}
/* Anpassung: wenn erste Reihe Verfügbarkeiten, dann nur dieses Feld -  END */
.row-scrollable-calendar .col-day.col-period-cut,
.row-scrollable-calendar .col-day.col-period-unlimited,
.row-scrollable-calendar .col-day.col-period-not-available,
.calendar-table .col-day.col-period-cut,
.calendar-table .col-day.col-period-unlimited,
.calendar-table .col-day.col-period-not-available,
.calendar-table .col-day.col-period-stripped,
.verfuegbarkeit-table .col-day.col-period-cut,
.verfuegbarkeit-table .col-day.col-period-unlimited,
.verfuegbarkeit-table .col-day.col-period-not-available,
.verfuegbarkeit-table .col-day.col-period-stripped,
.row-scrollable-calendar .col-day.col-period-stripped {
	max-width: 105px; /* 3 Days min */
	min-width: 105px;

	/*
	-ms-flex: 0 0 105px;
		flex: 0 0 105px;
	*/
	padding: 3px 2px;
}
.row-scrollable-calendar .scrollable-container::before,
.row-category-block .scrollable-container::before {
	content: '';
	display: block;
	width: 2px;
	/* height: 90%; */
	height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
	position: absolute;
	left: 0;
	top: 0;
	/* top: 5%; */
	z-index: 10;
	opacity: 0.8;
}

.row-scrollable-calendar .col-day.col-period-stripped .period {
	font-weight: 700;
}


@media (min-width: 992px) {
	.edit-price-table .col-new-price,
	.edit-price-table .col-card-price,
	.edit-price-table .col-price-rule,
	.edit-price-table .col-ausfall-guide {
		margin-top: 0px;
		border: none;
		border-left: 1px solid rgba(0,0,0,0.1);
	}

}
@media (min-width: 1200px) {
	.edit-price-table .row-label {
		display: none;
	}
	.edit-price-table .row-price-variant:first-child .row-label {
		display: flex;
	}
	.edit-price-table .col-current-price {
		/* max-width: 40%; */
	}
	#edit-area .box-inner.edit-price-table .row-current-price .form-group.row label,
	#edit-area .box-inner.edit-price-table .row-new-price .form-group.row label {
		/* display: none; */
	}
	#edit-area .edit-price-table .row-price-variant:first-child .row-current-price .form-group.row label,
	#edit-area .edit-price-table .row-price-variant:first-child .row-new-price .form-group.row label {
		display: inline-block;
	}
}

/* Scrollable in Box e.g. LT->Adressen->abweichende Adressen finden */
#edit-area .box .additional-info-block .scroll-container-y {
	max-height: 300px;
}

/* hint-row */
#edit-area .box-inner .row-hint {
	font-size: 12px;
	line-height: 14px;
	max-height: none;
	padding-top: 5px;
}
#edit-area .box-inner .row-hint.text-lg {
	font-size: 14px;
	line-height: 16px;
}
#edit-area .row-hint .box-inner .row-hint {
	font-size: 14px;
	line-height: 18px;
	padding-top: 0;
}
#edit-area .box-inner .row-hint-bold {
	font-size: 14px;
	font-weight: 700;
}
#edit-area .box-inner .row-hint p:last-child {
	margin-bottom: 0;
}
#edit-area .box-inner .row-hint hr {
	margin: 5px 0;
}
/* danger-hint-row */
#edit-area .box-inner .danger-hint-row {
	font-size: 12px;
	line-height: 14px;
	max-height: none;
	overflow: hidden;
	visibility: visible;
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
		 -o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
}
#edit-area .box-inner .danger-hint-row.not-visible div {
	line-height: 0px;
	max-height: 0px;
	visibility: hidden;
}

#edit-area .box {
	position: relative;
}
#edit-area .box h2,
#edit-area .box h3,
#edit-area .box h4,
#edit-area .box h5,
#edit-area .box h6 {
	padding: 0 10px;
	margin: 0;
	font-size: 16px;
	line-height: 20px;
	min-height: 20px;
	font-weight: 600;
}
#edit-area .box .text-hint h2 {
	font-size: 1.3rem;
}
#edit-area .box h2.info-title,
#edit-area .box h3.info-title,
#edit-area .box h4.info-title,
#edit-area .box h5.info-title,
#edit-area .box h6.info-title {
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 18px;
	line-height: 22px;
	min-height: 22px;
}

#edit-area .toggle-head h2.display-3,
#edit-area .box h2.display-3,
#edit-area .box h3.display-3,
#edit-area .box h4.display-3,
#edit-area .box h5.display-3,
#edit-area .box h6.display-3 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
}

.language-switch {
	border: none;
	margin-top: -10px;
}
.language-switch .nav-link {
	border: none;
	padding: 0 5px;
	line-height: 25px;
	font-weight: 700;
	font-size: 12px;
	color: #5f5f5f;
	background: none;
	text-decoration: none;
	position: relative;
}
.language-switch .nav-link:hover,
.language-switch .nav-link:focus,
.language-switch .nav-link:active,
.language-switch .nav-link.active {
	color: #348860;
	background: none;
	border: none;
}
.language-switch .nav-link.active::after {
	background: #348860;
	content: '';
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
		 	transition: all 0.25s ease-in-out;
	height: 2px;
	max-height: 2px;
}

.language-switch .nav-link:hover,
.language-switch .nav-link:active,
.language-switch .nav-link:focus {
	text-decoration: none;
}

#edit-area .box-inner,
.modal .box-inner {
	border-radius: .25rem;
	padding: 10px;
	margin: 5px 10px;
	margin: 5px;
}
.modal .box-inner.no-margin {
	margin: 0;
}
.modal .box-inner.no-padding {
	padding: 0;
}

#edit-area .box-inner .box .box-inner {
	margin: 0;
}
#edit-area .box-inner .col-padding-r {
	padding-right: 15px;
}
#edit-area .box-inner .form-group,
.modal .box-inner .form-group {
	margin-bottom: 0;
	font-size: 0; /* inline-block whitespace fix */
}
#edit-area .box-inner .form-group.disabled label,
.modal .box-inner .form-group.disabled label {
	opacity: 0.5;
}
/* Checkboxes with integrated Tab Navigation */
#edit-area .box-inner .form-group .nav-item,
#edit-area .box-inner .form-group .nav-link {
	font-size: 1rem;
}


#edit-area .box-headline-before,
#edit-area h1.box-headline-before,
#edit-area h2.box-headline-before,
#edit-area h3.box-headline-before,
.modal .box-headline-before,
.modal h1.box-headline-before,
.modal h2.box-headline-before,
.modal h3.box-headline-before {
	color: #888;
	font-size: 1rem;
	font-weight: 600;
	margin: 5px 5px 0px 5px;
	margin: 0;
	padding: 0;
}
#edit-area .box-headline-before.header {
	color: #5f5f5f;
	font-size: 18px;
	font-weight: 600;
}

#edit-area .box-inner.box-light-grey,
.modal .box-inner.box-light-grey {
	background: #f7f7f7;
	min-height: calc(100% - 10px); /* - Margin */
}
#edit-area .box-inner.box-white {
	background: #ffffff;
}
/* Box Hint */
#edit-area .box-inner.box-hint,
.modal .box-inner.box-hint {
	background: var(--bg-box-hint);
	border-color: var(--border-box-hint);
}
#edit-area .box-inner.box-hint ul li,
.modal .box-inner.box-hint ul li {
	line-height: 22px;
	display: flex;
	align-items: center;
}
#edit-area .box-inner.box-hint ul li i,
.modal .box-inner.box-hint ul li i {
	color: var(--border-box-hint);
	display: block;
	margin-right: 5px;
}
#edit-area .box-inner.box-hint ul li svg,
.modal .box-inner.box-hint ul li svg {
	fill: var(--border-box-hint);
	display: block;
	margin-right: 5px;
}
#edit-area .box-inner.box-hint .box-headline-before,
.modal .box-inner.box-hint .box-headline-before {
	color: var(--text-color);
}
/* Box Success */
/* Box Success */
#edit-area .box-inner.box-success,
.modal .box-inner.box-success {
	background: var(--bg-box-success);
	border-color: var(--border-box-success);
}
#edit-area .box-inner.box-success .box-headline-before,
#edit-area .box-inner.box-success h1.box-headline-before,
#edit-area .box-inner.box-success h2.box-headline-before,
#edit-area .box-inner.box-success h3.box-headline-before {
	color: var(--border-box-success);
}
#edit-area .box-inner.box-success ul li,
.modal .box-inner.box-success ul li {
	line-height: 22px;
	display: flex;
	align-items: center;
}
#edit-area .box-inner.box-success ul li i,
.modal .box-inner.box-success ul li i {
	color: var(--border-box-success);
}
#edit-area .box-inner.box-success ul li svg,
.modal .box-inner.box-success ul li svg {
	fill: var(--border-box-success);
	display: block;
	margin-right: 5px;
	min-width: 15px;
}
#edit-area .box-inner.box-success a,
.modal .box-inner.box-success a {
	color: #4bbc84;
}
/* Box Danger */
#edit-area .box-inner.box-danger,
.modal .box-inner.box-danger {
	border: 1px solid #dc3545;
	color: #dc3545;
	background: #fff;
	min-height: calc(100% - 10px); /* - Margin */
}
#edit-area .box-inner.box-danger a,
.modal .box-inner.box-danger a {
	color: #dc3545;
}
#edit-area .box-inner.box-panel-head {
	min-height: 10px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	margin-bottom: -5px;
}
#edit-area .box-inner.box-panel-head + .box-inner {
	border-top: none;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	min-height: 1%;
}
.border-danger {
	border: 1px solid #dc3545;
}
.border-left {
	border-left: 1px solid rgba(0,0,0,.1);
}
/* Box Warning */
#edit-area .box-inner.box-warning,
.modal .box-inner.box-warning {
	border: 1px solid #ffeeba;
	color: #856404;
	background: #fff3cd;
	min-height: calc(100% - 10px); /* - Margin */
}
#edit-area .box-inner.box-info a,
.modal .box-inner.box-info a {
	color: #856404;
}
/* Box Info */
#edit-area .box-inner.box-info,
.modal .box-inner.box-info {
	border: 1px solid #a6a6a6;
	color: #5f5f5f;
	background: #f7f7f7;
	min-height: calc(100% - 10px); /* - Margin */
}
#edit-area .box-inner.box-info a,
.modal .box-inner.box-info a {
	color: #5f5f5f;
}


#edit-area .box-inner .row-m-after,
.modal .row-m-after {
	margin-bottom: 5px;
}
#edit-area .box-inner .row-m-before {
	margin-top: 5px;
}
#edit-area .box-inner .col-m-before {
	margin-top: 5px;
}
#edit-area .box-inner .col-m-after {
	margin-bottom: 5px;
}
#edit-area .box-inner .col-p-after {
	padding-bottom: 5px;
}
#edit-area .box-inner .form-group label,
#edit-area .box-inner .input-group label,
.modal .box-inner .form-group label {
	/* display: inline-block; */
	display: block;
	min-height: 16px;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.modal .box-inner .form-group .custom-checkbox label {
	overflow: visible;
}
#edit-area .box-inner .form-group .custom-checkbox .custom-control-label {
	white-space: normal;
}
#edit-area .box-inner .language-switch ~ .form-group label,
#edit-area .box-inner .language-switch ~ .input-group label,
.modal .box-inner .language-switch ~ .form-group label {
	padding-right: 100px;
}
#edit-area .box-inner .form-group.row label,
#edit-area .box-inner .input-group.row label,
.modal .box-inner .form-group.row label {
	display: inline-block;
	max-width: none;
}
#edit-area .box-inner .language-switch ~ .form-group.row label,
#edit-area .box-inner .language-switch ~ .input-group.row label,
.modal .box-inner .form-group.row label {
	padding-right: 0px;
}
#edit-area .box-inner .language-switch ~ .form-group.row .col-form-label,
#edit-area .box-inner .language-switch ~ .input-group.row .col-form-label,
.modal .box-inner .form-group.row .col-form-label {
	font-size: 14px;
	line-height: 16px;
}
/* btn in light grey box */
#edit-area .box-inner.box-light-grey .btn-light,
.modal .box-inner.box-light-grey .btn-light {
	/* border-color: #5f5f5f; */
	border-color: #ced4da;
}
#edit-area .box-inner.box-light-grey .is-invalid .btn-light,
.modal .box-inner.box-light-grey .is-invalid .btn-light {
	border-color: #b94a48;
}


/* Erlebnis / Anbieter Adressen */
.btn-without-label {
	margin-top: 10px;
}

/* Adressen more / Less Buttons */
.btn.more,
.btn.less {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.btn.more .less-text {
	display: none;
}
.btn.less .more-text {
	display: none;
}
.btn.less [class^="icon-"] {
	color: #dc3545;
}
.btn.more:not(.collapsed) .icon-plus-circle,
.btn.more.collapsed .icon-minus-circle {
	display: none;
}

/* Neuanlage Erlebnis */
#product-max-customers {
	max-width: 50%;
	margin: 0 auto;
}
/* Gueltig X Minuten vor/nach Beginn */
.col-available-latest .col-available-time-input {
	max-width: 220px;
	padding-right: 5px;
}
.col-available-latest .col-available-before-after {
	padding-left: 5px;
	max-width: 130px;
}

/* Gueltigkeit / Entscheidungsbaum */
#product-validity .row-validity {
	position: relative;
	padding-top: 10px;
}
#product-validity .row-validity.has-sibling {
	padding-bottom: 10px
}
#product-validity .row-validity.step-01 {
	padding-top: 0;
}
#product-validity .row-validity.has-sibling::before {
	content: '';
	background: #dee2e6;
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
}
#product-validity .row-validity.step-04::before {
	display: none;
}
/* Col Numbers */
#product-validity .row-validity .col-number {
	position: relative;
}
#product-validity .row-validity .col-number::after {
	content: '';
	background: #dee2e6;
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
}
#product-validity .row-validity .col-number .step-number {
	min-height: 80px;
	height: 100%;
	width: 45px;
	margin: 5px auto;
	overflow: hidden;
	text-indent: -5000px;
	text-align: center;
}
#product-validity .row-validity .col-number .step-01,
#product-validity .row-validity .col-number .step-02,
#product-validity .row-validity .col-number .step-03,
#product-validity .row-validity .col-number .step-04 {
	background-image: url("../../images/number-01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px 40px;
}
#product-validity .row-validity .col-number .step-02 {
	background-image: url("../../images/number-02.png");
}
#product-validity .row-validity .col-number .step-03 {
	background-image: url("../../images/number-03.png");
}
#product-validity .row-validity .col-number .step-04 {
	background-image: url("../../images/number-04.png");
}
@media (min-width: 576px) {
	#product-validity .row-validity .col-number::after {
		width: 1px;
		height: 100%;
		bottom: auto;
		left: auto;
		right: 0;
		top: 0;
	}
	#product-validity .row-validity .col-number .step-number {
		min-height: 80px;
		height: 100%;
		width: 45px;
		margin: 0;
		margin-right: 10px;
	}
}
@media (min-width: 992px) {
	#product-validity .row-validity .col-number .step-number {
		width: 105px;
	}
	#product-validity .row-validity .col-number .step-01,
	#product-validity .row-validity .col-number .step-02,
	#product-validity .row-validity .col-number .step-03,
	#product-validity .row-validity .col-number .step-04 {
		background-size: 57px 57px;
	}
}

/* Col Functions */
#product-validity .row-validity .col-functions {
	position: relative;
}
#product-validity .row-validity.has-sibling .col-functions::before {
	content: '';
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.05+0,0+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	display: block;
	width: 100%;
	height: 10px;
	position: absolute;
	left: 0;
	bottom: -20px;
}
#product-validity .row-validity .col-functions .inner-wrap {
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	height: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
#product-validity .row-validity.has-sibling .col-functions .inner-wrap::before {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -2px;
	bottom: -9px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 12px 0 12px;
	border-color: #dee2e6 transparent transparent transparent;
}
#product-validity .row-validity.has-sibling .col-functions .inner-wrap::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 10px 0 10px;
	border-color: #f7f7f7 transparent transparent transparent;
}
/* input-group Einzelfeld (z.B. Einlösbar ab Kaufdatum) */
#product-validity .row-validity .col-validity-immediately-days,
#product-validity .row-validity .col-validity-period-multiple-days-days {
	max-width: 200px;
}
/* 1 Tag -> Zeitraum */
@media (max-width: 991px) {
	#product-validity .row-validity .col-validity-period-1-day-hours {
		margin-bottom: 20px;
	}
}
/* input-group zwei Felder (z.B. Dauer in Stunden) */
#product-validity .row-validity .col-validity-period-1-day-hours,
#product-validity .row-validity .col-validity-period-1-day-minutes,
#product-validity .row-validity .col-validity-period-multiple-days-hours-hours,
#product-validity .row-validity .col-validity-period-multiple-days-hours-minutes {
	max-width: 220px;
}

#product-validity .row-validity .btn-validity-has-time-rates {
	margin-top: 30px;
}

/* Erlebnis anlegen - Uhrzeitraten */
#product-time-rates .rate-checkboxes {
	background: #fff;
	padding-top: 50px;
	padding-left: 15px;
	padding-right: 15px;
	max-height: 250px;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 250ms ease-in;
	   -moz-transition: all 250ms ease-in;
		 -o-transition: all 250ms ease-in;
		 	transition: all 250ms ease-in;
}
#product-time-rates .rate-checkboxes.night {
	max-height: 0px;
}
#product-time-rates .rate-checkboxes.day {
	padding-top: 0;
}
#product-time-rates .rate-checkboxes.open {
	max-height: 5000px;
}
#product-time-rates .rate-checkboxes.day.open {
	padding-bottom: 50px;
}
#product-time-rates .show-more-less {
	background: #f7f7f7;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	left: 0;
	width: 100%;
	cursor: pointer;
	text-align: center;
	z-index: 1;
}
#product-time-rates .show-more-less.earlier {
	border-bottom: 1px solid #dee2e6;
	top: 0px;
}
#product-time-rates .show-more-less.later {
	border-top: 1px solid #dee2e6;
	bottom: -10px;
}
#product-time-rates .show-more-less i {
	font-size: 12px;
	margin-right: 10px;
}



/* Erlebnis / Leistung Allgemein */
#btn-abweichende-sortierung {
	margin-top: 10px;
}
#edit-area #product-name-2-wrap.form-group {
	margin-top: 5px;
}

#edit-area .box-inner .form-group label.label-info {
	color: #a6a6a6;
}
#edit-area .box-inner .row-icon-before .col-icon {
	max-width: 40px;
}
#edit-area .box-inner .row-icon-before .col-icon [class^="icon-"],
#edit-area .box-inner .row-icon-before .col-icon [class*=" icon-"] {
	margin-top: 20px;
	font-size: 30px;
	color: #cdcdcd;
}

/* Erlebnis - Allgemein - Varianten */
#edit-price-category-variants {
	margin-bottom: 10px;
	max-width: 350px;
}
.product-variants-table.items-list .table {
	min-width: 740px;
}
.product-variants-table.items-list th [class^="icon-"] {
	display: inline-block;
	color: #cdcdcd;
	font-size: 16px;
	line-height: 16px;
	margin-left: 5px;
	vertical-align: text-top;
}
.product-variants-table.items-list table td {
	line-height: 32px;
}
.product-variants-table.items-list .table-hover tbody tr:hover {
	background: #efefef;
}
.product-variants-table .editable-variant-field {
	cursor: pointer;
}
.product-variants-table.items-list table td select {
	text-align: center;
}

/* Erlebnis - Teilnehmer */
#edit-area .row-teilnehmer-text-checkbox h2.box-headline-before {
	line-height: 30px;
}
#edit-area .row-teilnehmer-hint {
	margin-top: 15px;
	padding-top: 0;
}

/* Erlebnis Akzeptanzregeln */
.col-akzeptanz-group {
	position: relative;
}
.col-akzeptanz-group > .form-group {
	padding-right: 50px;
}
.col-akzeptanz-group .delete-kulaz-item {
	position: absolute;
	right: 15px;
	top: 24px;
}
.row-akzeptanz-rules .input-group .form-control {
	padding-left: .25rem;
	padding-right: .25rem;
}
@media (min-width: 992px) and (max-width: 1199px) {
	.row-akzeptanz-rules .input-group-text {
		/* max-width: 135px; */
		padding-left: .25rem;
		padding-right: .25rem;
		font-size: .8rem;
	}
}

/* Konditionen */
/* Konditionen specific List */
.items-list .show-more {
	background: #f7f7f7;
	border-top: 1px solid #dee2e6;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	width: 100%;
	cursor: pointer;
	text-align: center;
	z-index: 1;
}
.items-list .show-more i {
	font-size: 12px;
	margin-right: 10px;
}
#edit-area .accordion .loading-container { /* Konditionen Belegung Produkt */
	padding: 15px;
}
#edit-area .accordion .loading-container > h3 {
	padding: 0 0 5px 0;
}
.row-edit-konditionen {
	margin-top: 10px;
}
.row-edit-konditionen .item-delete {
	margin-top: 15px;
}
#tab-content-product-verkaufssteuerung-konditionen .items-list > .row-item {
	line-height: 24px;
}
#tab-content-product-verkaufssteuerung-konditionen .items-list > .row-item > div[class^="col"] {
	padding: 0 10px;
}
#tab-content-product-verkaufssteuerung-konditionen .items-list > .row-item .item-title {
	text-decoration: underline;
	cursor: pointer;
}
#tab-content-product-verkaufssteuerung-konditionen .items-list > .row-item.active .item-title {
	text-decoration: none;
}
#tab-content-product-verkaufssteuerung-konditionen .items-list > .row-item .item-info {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* Abweichende Bedingungen */
.calendar-table .col-day .bedingungen {
	opacity: 0.5;
	cursor: pointer;
}
.calendar-table .col-day .bedingungen:not(img) { /* :not(img) Fallback to current solution width img - 20250314 */
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0FBQUFBQTt9Cgkuc3Qxe2ZpbGw6IzRCQkM4NDt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xOS4xLDE5LjJoNDguN3Y2LjFIMTkuMVYxOS4yeiBNMTMwLDE3LjR2NjUuM2MwLDQuMi0zLjQsNy42LTcuNSw3LjZIMTcuNgoJYy00LjIsMC03LjYtMy40LTcuNi03LjZWMTcuNGMwLTQuMiwzLjQtNy42LDcuNi03LjZoMTA0LjhDMTI2LjYsOS43LDEzMCwxMy4yLDEzMCwxNy40eiBNNTcuMyw2Mi4xYzAuMS02LTQuNy0xMC44LTEwLjctMTAuOAoJYy0zLDAtNS43LDEuMi03LjYsMy4yYzEuOSwxLjksMyw0LjYsMyw3LjVjMCwzLTEuMiw1LjYtMyw3LjVjLTEuOS0xLjktMy00LjYtMy03LjVjMC0zLDEuMi01LjYsMy03LjRjLTEuOS0yLTQuNy0zLjItNy42LTMuMgoJYy01LjgsMC0xMC43LDQuNy0xMC43LDEwLjdjMCw1LjgsNC43LDEwLjcsMTAuNywxMC43YzMsMCw1LjctMS4zLDcuNi0zLjJjMS45LDEuOSw0LjcsMy4yLDcuNiwzLjJDNTIuNSw3Mi43LDU3LjMsNjcuOSw1Ny4zLDYyLjF6CgkgTTEyMy42LDY2LjJIOTguOHY0LjJoMjQuOFY2Ni4yeiBNMTIzLjYsNTQuNEg5OC44djQuMmgyNC44VjU0LjR6IE0xMjUuMSwyMi4zYzAtNC4xLTMuNC03LjUtNy41LTcuNWgtOTVjLTQuMiwwLTcuNiwzLjQtNy42LDcuNgoJdjE1LjhsMTEwLjIsMC4xTDEyNS4xLDIyLjNMMTI1LjEsMjIuM3ogTTE5LjEsMzMuOWgzMi4ydi02LjFIMTkuMUMxOS4xLDI3LjgsMTkuMSwzMy45LDE5LjEsMzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTYzLjEsNjdMNDEuOSw0M2MtMi41LTIuNS02LjUtMi41LTguOSwwbC0yLjEsMi4xYy0yLjUsMi41LTIuNSw2LjUsMCw4LjlsMzIuMSw0MC4xCgljMi41LDIuNSw2LjUsMi41LDguOSwwbDQ2LjMtNzYuOWMyLjUtMi41LDIuNS02LjUsMC04LjlMMTE2LDYuMmMtMi41LTIuNS02LjUtMi41LTguOSwwTDcwLDY1LjhDNjcuNiw2OC4zLDY1LjYsNjkuNSw2My4xLDY3eiIvPgo8L3N2Zz4K");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	height: 20px;
	width: 30px;
	margin: 0 auto;
}
.calendar-table .col-day .bedingungen.divergent:not(img) { /* :not(img) Fallback to current solution width img - 20250314 */
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNDYgOTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE0NiA5NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM0QkJDODQ7fQoJLnN0MXtmaWxsOiNGRkZGRkY7fQoJLnN0MntmaWxsOiM1RjVGNUY7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjguNCw4Ny40SDIxYy00LjIsMC03LjYtMy40LTcuNi03LjZWMTQuNWMwLTQuMiwzLjQtNy42LDcuNi03LjZoNzEuOEw5Mi43LDdsLTQuOSw0LjlIMjUuOQoJYy00LjIsMC03LjYsMy40LTcuNiw3LjZ2MTUuOGg0Ni4xTDUxLjIsNDguNWMtMC40LDAtMC44LTAuMS0xLjMtMC4xYy0zLDAtNS43LDEuMi03LjYsMy4yYzEsMSwxLjcsMi4yLDIuMywzLjVsLTUuMiw1LjIKCWMwLTAuNC0wLjEtMC44LTAuMS0xLjJjMC0zLDEuMi01LjYsMy03LjRjLTEuOS0yLTQuNy0zLjItNy42LTMuMmMtNS44LDAtMTAuNyw0LjctMTAuNywxMC43YzAsNS4yLDMuNyw5LjUsOC43LDEwLjVMMjguNCw4Ny40egoJIE03MS4xLDE2LjRIMjIuNHY2LjFoNDguN1YxNi40eiBNMTMzLjQsMTQuNXY2NS4zYzAsNC4yLTMuNCw3LjYtNy41LDcuNkg1Mi43bDEuMi0wLjNINTRsMC4yLTAuMWMwLjEtMC4xLDAuMi0wLjEsMC4zLTAuMmwwLjEtMC4xCglsMCwwTDEwNiwzNS4zaDIyLjRWMTkuNGMwLTQuMS0zLjQtNy41LTcuNS03LjVoLTQuMmMtMC43LTEuNy0xLjgtMy40LTMuMi00LjhjMCwwLDAsMC0wLjEtMC4xbC0wLjEtMC4xaDEyLjUKCUMxMzAsNi45LDEzMy40LDEwLjQsMTMzLjQsMTQuNXogTTEyNi45LDYzLjRoLTI0Ljh2NC4yaDI0LjhDMTI2LjksNjcuNiwxMjYuOSw2My40LDEyNi45LDYzLjR6IE0xMjYuOSw1MS41aC0yNC44djQuMmgyNC44CglDMTI2LjksNTUuNywxMjYuOSw1MS41LDEyNi45LDUxLjV6IE0yMi40LDMxaDMyLjJ2LTYuMUgyMi40VjMxeiIvPgo8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjI5LjMsOTEgNTIuNSw4NS43IDExMC4xLDI4LjkgMTE1LjQsMjAuOSAxMTUuNCwxMi4yIDExMS43LDcuMiAxMDUuMSw0LjMgOTcuNCw0LjkgCgk5MC44LDEwLjIgMzUuMiw2Ni40ICIvPgo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTEzLjUsN2MtNS43LTUuNy0xNS01LjctMjAuOCwwTDMzLjgsNjUuOWMwLDAsMCwwLjEtMC4xLDAuMWwtMC4xLDAuMWMtMC4xLDAuMS0wLjIsMC4zLTAuMiwwLjR2MC4xCglsMCwwbC01LjgsMjQuM2MwLDAuMSwwLDAuMiwwLDAuM3YwLjFjMCwwLjIsMCwwLjQsMC4xLDAuNWwwLjEsMC4xYzAuMSwwLjIsMC4yLDAuMywwLjMsMC41YzAuMiwwLjIsMC4zLDAuMywwLjUsMC40CglzMC40LDAuMSwwLjYsMC4xYzAuMSwwLDAuMywwLDAuNCwwbDI0LjItNS44aDAuMWwwLjItMC4xYzAuMS0wLjEsMC4yLTAuMSwwLjMtMC4ybDAuMS0wLjFsMCwwbDU4LjktNTguOQoJQzExOS4yLDIyLjEsMTE5LjMsMTIuOCwxMTMuNSw3TDExMy41LDd6IE0xMTEuMSw5LjNjNCw0LDQuNSwxMC40LDEuMSwxNC45bC0xNi0xNkMxMDAuOCw0LjksMTA3LjEsNS4zLDExMS4xLDkuM3ogTTEwMy4xLDMzLjYKCUw4Ni45LDE3LjRsMi4zLTIuM2wxNi4yLDE2LjJMMTAzLjEsMzMuNnogTTM1LjYsODQuOGMtMC42LTAuNi0xLjctMC42LTIuMywwTDMyLjEsODZsNC4yLTE3LjVsNy4yLTAuOGwtMC45LDguNGMwLDAuMSwwLDAuMSwwLDAuMgoJczAsMC4xLDAsMC4yczAsMC4xLDAsMC4ybDAuMSwwLjNjMCwwLjEsMC4xLDAuMiwwLjIsMC4zbDAuMiwwLjJjMC4xLDAuMSwwLjIsMC4yLDAuMywwLjJjMC4xLDAuMSwwLjEsMC4xLDAuMiwwLjEKCWMwLjEsMC4xLDAuMiwwLjEsMC4zLDAuMXMwLjEsMCwwLjIsMC4xaDAuNGw4LjQtMC45bC0wLjgsNy4ybC0xNy41LDQuMmwxLjItMS4yQzM2LjMsODYuNSwzNi4zLDg1LjUsMzUuNiw4NC44CglDMzUuNyw4NC44LDM1LjcsODQuOCwzNS42LDg0Ljh6IE01Ni4xLDc1LjlsMzYuNi0zNi42YzAuNi0wLjYsMC42LTEuNywwLTIuM2wwLDBjLTAuNi0wLjYtMS43LTAuNi0yLjMsMEw1My44LDczLjZMNDYsNzQuNWwwLjktNy44CglsMzYuNS0zNi41YzAuNi0wLjYsMC42LTEuNywwLTIuM2wwLDBjLTAuNi0wLjYtMS43LTAuNi0yLjMsMEw0NC42LDY0LjNsLTUuMiwwLjVsNDUuMi00NS4ybDE2LjEsMTYuMkw1NS42LDgxLjFMNTYuMSw3NS45egoJIE0xMDcuNywyOUw5MS41LDEyLjhsMi4zLTIuM0wxMTAsMjYuNkwxMDcuNywyOXoiLz4KPC9zdmc+Cg==");
}
.calendar-table .col-day .bedingungen:hover {
	opacity: 1;
}
.calendar-table .col-day .bedingungen.active {
	opacity: 1;
}
.calendar-table .img-item {
	min-height: 52px;
	padding: 17px 0;
	/* Anpassung Höhe 35px */
	min-height: 29px;
	padding: 5px 0 6px 0;
	
	/* Abweichende Bedingungen Ausrichtung center */
	display: flex;
	justify-content: center;
	flex-direction: column;
}
/* Anpassung Höhe mit CSS Icon */
.calendar-table .img-item:has(div.bedingungen) {
	padding: 2px 0;
}
.calendar-table .img-item img {
	width: auto;
	height: 18px;
	position: relative;
}
.row-legend .alert {
	background: rgba(0,0,0,0.05);
	border-color: rgba(0,0,0,0.08);
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 0.8em;
	line-height: 1.2;
}
.row-legend .alert .bedingungen {
	float: left;
	margin-right: 10px;
}
.row-legend .alert .bedingungen.standard {
	opacity: 0.5;
}
.row-legend .alert:hover .bedingungen {
	opacity: 1;
}
.row-legend .alert p,
.row-legend .alert ul {
	margin: 0;
}
/* Konditionen Sperre */
.calendar-table .form-check.checkbox-crossed,
#sperre-calendar .calendar-table .form-check {
	height: 29px; /* only 1 Checkbox */
	width: 32px;
	padding-left: 32px;
	margin: 0 auto;
}
/* Zweireihige Checkboxen */
.calendar-table .form-check.checkbox-crossed + .form-check,
#sperre-calendar .calendar-table .form-check + .form-check {
	margin-top: 6px;
}
.calendar-table .custom-checkbox.checkbox-crossed .custom-control-label::before,
.calendar-table .custom-checkbox.checkbox-crossed .custom-control-label::after,
#sperre-calendar .custom-checkbox .custom-control-label::before,
#sperre-calendar .custom-checkbox .custom-control-label::after {
	top: 6px;
	left: -27px;
}
/* unchecked */
/*
.sperre-calendar .calendar-table .custom-checkbox .custom-control-input~.custom-control-label::after {
	border-color: #4bbc84;
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%234bbc84' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
	background-size: 75%;
}
*/
/* checked cross */
.calendar-table .custom-checkbox.checkbox-crossed.checkbox-checked .custom-control-input~.custom-control-label::after {
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23dc3545' d='M5.3,4l1.9,1.9L5.9,7.1L4,5.3L2.1,7.1L0.9,5.9L2.7,4L0.9,2.1l1.3-1.3L4,2.7l1.9-1.9l1.3,1.3L5.3,4z'/%3E%3C/svg%3E");
	border-color: #dc3545;
	background-size: 90%;
}
.calendar-table .custom-checkbox.checkbox-crossed .custom-control-input:checked~.custom-control-label::after {
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23348860' d='M0.8,3.9l1.1-0.8l1.2,1.7l2.9-4.1l1.3,0.8L3.1,7.3L0.8,3.9z'/%3E%3C/svg%3E");
	border-color: #348860;
	background-size: 90%;
}

/* Sperre */
.sperre-calendar .calendar-table .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
	border-color: #dc3545;
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23dc3545' d='M5.3,4l1.9,1.9L5.9,7.1L4,5.3L2.1,7.1L0.9,5.9L2.7,4L0.9,2.1l1.3-1.3L4,2.7l1.9-1.9l1.3,1.3L5.3,4z'/%3E%3C/svg%3E");
	background-size: 90%;
}

/* Inner Accordion toggle */
.toggle-head {
	background-color: rgba(0,0,0,.06);
	padding: 10px 15px;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: calc(.25rem - 1px);
}
.toggle-head.open {
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
/* toggle-head with Provider - 2 rows title */
.toggle-head.with-provider {
	padding: 0 15px;
}
.toggle-head.with-provider .title-provider {
	float: left;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	width: calc(100% - 40px);
}
.toggle-head.with-provider.has-new .title-provider {
	width: calc(100% - 130px);
}
.toggle-head.with-provider .title,
.toggle-head.with-provider .provider {
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	float: none;
	width: 100%;
	overflow: hidden;
}
.toggle-head.with-provider .title {
	line-height: 22px;
}
.toggle-head.with-provider .provider {
	line-height: 17px;
	font-size: 0.9rem;
	font-weight: 400;
	font-style: italic;
}
.toggle-head.with-provider .toggle-icon,
.toggle-head.with-provider .toggle-bookings-indikator {
	margin-top: 8px;
}


#edit-area .toggle-head h2 {
	display: block;
	width: 100%;
	cursor: pointer;
	padding: 0;
}
.toggle-head .toggle-icon {
	float: right;
	display: flex;
	align-items: center;
	-webkit-transition: all 200ms ease-in;
	   -moz-transition: all 200ms ease-in;
		 -o-transition: all 200ms ease-in;
		 	transition: all 200ms ease-in;
}
.toggle-head.open .toggle-icon {
	-webkit-transition: rotate(180deg);
	   -moz-transition: rotate(180deg);
		 -o-transition: rotate(180deg);
			 transform: rotate(180deg);
}

.toggle-head + .toggle-content {
	padding: 0px 10px;
	margin-top: -1px;
	overflow: hidden;
	border: 1px solid transparent;
	max-height: 0;
	-webkit-transition: all 350ms ease-in;
	   -moz-transition: all 350ms ease-in;
		 -o-transition: all 350ms ease-in;
		 	transition: all 350ms ease-in;
}
.toggle-head.open + .toggle-content {
	background: #fff;
	padding: 10px;
	max-height: 10000px;
	border-color: rgba(0,0,0,.125);
	overflow: inherit;
}

/* Tab Nav */
#edit-area #tab-content-product-verkaufssteuerung-konditionen .accordion .tab-nav-horizontal,
#edit-area #tab-content-product-verkaufssteuerung-preise .accordion .tab-nav-horizontal,
#edit-area #tab-content-product-basis .accordion .tab-nav-horizontal /* LT Frontend */ {
	margin-bottom: 20px;
}
#edit-area #tab-content-product-verkaufssteuerung-konditionen .tab-nav-horizontal nav a,
#edit-area #tab-content-product-verkaufssteuerung-preise .tab-nav-horizontal nav a,
#edit-area #tab-content-product-basis .accordion .tab-nav-horizontal nav a {
	margin: 0 0 20px 0;
}
#edit-area #tab-content-product-verkaufssteuerung-konditionen .tab-nav-horizontal nav a:last-child,
#edit-area #tab-content-product-verkaufssteuerung-preise .tab-nav-horizontal nav a:last-child,
#edit-area #tab-content-product-basis .accordion .tab-nav-horizontal nav a:last-child {
	margin: 0;
}
@media (min-width: 576px) {
	#edit-area #tab-content-product-verkaufssteuerung-konditionen .tab-nav-horizontal nav a,
	#edit-area #tab-content-product-verkaufssteuerung-konditionen .tab-nav-horizontal nav a:last-child,
	#edit-area #tab-content-product-verkaufssteuerung-preise .tab-nav-horizontal nav a,
	#edit-area #tab-content-product-verkaufssteuerung-preise .tab-nav-horizontal nav a:last-child,
	#edit-area #tab-content-product-basis .accordion .tab-nav-horizontal nav a:last-child {
		margin: 0 10px;
	}
}
@media (min-width: 992px) {
	#tab-content-product-verkaufssteuerung-konditionen .items-list > .row-item > div[class^="col"],
	#tab-content-product-verkaufssteuerung-preise .items-list > .row-item > div[class^="col"],
	#tab-content-product-basis .accordion .items-list > .row-item > div[class^="col"] {
		padding: 5px 10px;
	}
	.row-edit-konditionen .item-delete,
	.row-edit-preise .item-delete {
		margin-top: 0px;
	}
}


/*
#edit-area .box .search-product-belegung-block,
#edit-area .box .search-product-aufenthaltsdauer-block,
#edit-area .box .search-product-an-abreise-block,
#edit-area .box .search-product-bedingungen-block,
#edit-area .box .search-product-sperre-block {
	margin-bottom: 20px;
}
#edit-area .box .search-product-belegung-block .scroll-container-y,
#edit-area .box .search-product-aufenthaltsdauer-block .scroll-container-y,
#edit-area .box .search-product-an-abreise-block .scroll-container-y,
#edit-area .box .search-product-bedingungen-block .scroll-container-y,
#edit-area .box .search-product-sperre-block .scroll-container-y {
	max-height: 250px;
}
*/





/* Produkt / Leistung Bilder */
.box-fileupload .btn-upload-wrap {
	margin-top: 10px;
	margin-bottom: 20px;
}
.box-fileupload .btn-upload-wrap .btn {
	line-height: 22px;
	font-size: 18px;
	border-radius: 19px;
	vertical-align: middle;
}
.box-fileupload .btn-upload-wrap .btn [class^="icon-"] {
	font-size: 20px;
	line-height: 22px;
}

.box-fileupload .hint-muted {
	color: #a6a6a6;
	font-size: 14px;
	line-height: normal;
	margin-bottom: 30px;
}

.box-fileupload .hint-upload [class^="icon-"] {
	font-weight: 400;
	font-size: 30px;
	margin-bottom: 15px;
}

.fileuploader {
	position: relative;
	text-align: center;
}
.fileuploader .ajax-upload-dragdrop {
	width: 100% !important;
	max-width: 100%;
	border-radius: 20px;
	border: 3px dashed #4bbc84;
	min-height: 250px;
	padding: 20px 10px;
	color: #4bbc84;
	font-size: 20px;
	font-weight: 600;
	line-height: normal;
}
.fileuploader .ajax-upload-dragdrop.dragged {
	background-color: #4bbc84;
	background-color: rgba(75,188,132,0.08);
}
.fileuploader .ajax-upload-dragdrop.state-hover {
	background-color: rgba(75,188,132,0.2);
}
.fileuploader .ajax-file-upload {
	display: block;
	max-width: 180px;
	margin: 0 auto 20px auto;
	line-height: 22px;
	font-size: 18px;
	height: auto;
	border-radius: 19px;
}
.ajax-file-upload {
	background-color: #4bbc84;
	border-color: #4bbc84;
	border-radius: 16px;
	line-height: 18px;
	padding: 6px 12px;
	font-size: .875rem;
	color: #fff;
	margin: 0;
	font-weight: 400;
	box-shadow: none;
	font-family: inherit;
	height: auto;
	text-align: center;
}
.ajax-file-upload:hover {
	background-color: #348860;
	border-color: #348860;
	box-shadow: none;
}
.ajax-upload-dragdrop {
	text-align: center;
}
.ajax-file-upload-statusbar {
	margin: 0;
	width: 100% !important;
	padding: 5px 15px;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px
}
#edit-area .ajax-file-upload-statusbar .ajax-file-upload-preview {
	width: 200px;
	height: auto;
}

#edit-area .image-edit-block .form-col .form-group {
	margin-bottom: 5px;
}
#edit-area .image-edit-block .image-col img {
	width: 100%;
	max-width: 768px;
}
#edit-area .image-edit-block .image-col .img-operations {
	margin-top: 10px;
	position: relative;
}
#edit-area .image-edit-block .image-col .img-info-data {
	font-size: 14px;
}
#edit-area .image-edit-block .image-col .img-info-data .img-size {
	white-space: nowrap;
}
#edit-area .image-edit-block .image-col .btn-delete {
	background: #f5f5f5;
	font-size: 14px;
	padding: 5px 8px;
}
/* editImage Modal */
#editImageModal .image-col .img-operations {
	margin-top: 10px;
	position: relative;
}
#editImageModal .image-col .img-wrap {
	position: relative;
}
#editImageModal .image-col img {
	display: block;
	margin: 0 auto;
	width: 100%;
}
#editImageModal .image-col .btn-row {
	background: rgba(0,0,0,0.3);
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 5px;
	width: 100%;
	display: flex;
	justify-content: between;
}
#editImageModal .image-col .img-info-data {
	font-size: 14px;
	line-height: 18px;
}
#editImageModal .image-col .img-info-data p {
	margin: 0;
}
#editImageModal .form-col .form-group {
	margin-bottom: 5px;
}
#editImageModal .row-save {
	margin-top: 30px;
}
#editImageModal .row-img-btn {
	margin-top: 15px;
}
/* Images Area */
#edit-area .images-area > .image-item {
	font-size: 16px;
}
#edit-area .images-area > .image-item.image-main > .card {
	border-color: #4bbc84;
}
#edit-area .images-area > .image-item.sortable-placeholder {
	background-color: rgba(75,188,132,0.2);
	border-radius: 20px;
}
#edit-area .images-area > .image-item img {
	cursor: move; /* fallback if grab cursor is unsupported */
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}
#edit-area .images-area .image-item .card {
	background: #fff;
}
#edit-area .images-area .image-item .card-body {
	position: relative;
	font-size: 14px;
	line-height: 18px;
}
#edit-area .images-area .image-item .card-body p {
	margin-bottom: 0;
}
#edit-area .images-area .image-item .card-title {
	font-weight: 700;
	margin-bottom: 0;
}
#edit-area .images-area .image-item .btn-image-edit {
	font-size: 20px;
	padding: 8px;
}
#edit-area .images-area .image-item .btn-move {
	background: #fff;
	background: rgba(255,255,255,0.7);
	position: absolute;
	left: 10px;
	top: -50px;
	padding: 5px 8px;
}
#edit-area .images-area .image-item .btn-move.moveDown {
	left: auto;
	right: 10px;
}
#edit-area .images-area .image-item .btn-move:hover {
	background: #fff;
}
#edit-area .images-area .image-item:first-child .btn-move.moveUp,
#edit-area .images-area .image-item:last-child .btn-move.moveDown {
	display: none;
}

/* Suche mit Vorschlägen */

#edit-area .input-group + .suggestion-box {
	margin-top: -13px;
}
#edit-area .suggestion-box {
	position: relative;
	max-height: 0;
	overflow: hidden;
}
#edit-area .suggestion-box.active {
	max-height: 1000px;
	-webkit-transition: all 0.5s ease-out;
	   -moz-transition: all 0.5s ease-out;
		 -o-transition: all 0.5s ease-out;
		 	transition: all 0.5s ease-out;
}
#edit-area .suggestion-box .inner-wrap {
	background: #f7f7f7;
	color: #888;
	position: relative;
	width: 100%;
	max-height: 300px;
	/* max-width: 650px; */
	border-radius: 4px;
	border: 1px solid #dee2e6;
	overflow: hidden;
}
#edit-area .suggestion-box .close {
	float: none;
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 16px;
}
#edit-area .suggestion-box .header {
	font-weight: 700;
}
#edit-area .suggestion-box .header,
#edit-area .suggestion-box .item {
	padding: 5px 10px;
	border-bottom: 1px solid #dee2e6;
}
#edit-area .suggestion-box .header:last-child,
#edit-area .suggestion-box .item:last-child {
	border: none;
}
#edit-area .suggestion-box .item {
	background: #fff;
	color: #888;
	padding: 10px 10px;
	cursor: pointer;
	line-height: 18px;
}
#edit-area .suggestion-box .item strong {
	color: #666;
}
#edit-area .suggestion-box .item:hover {
	background: #efefef;
}

#edit-area .fixed-bottom {
	background: #fff;
	background: rgba(255,255,255,0.9);
	position: absolute;
	/* padding: 10px 20px; */
	padding: 0px 20px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
#edit-area .fixed-bottom.left-open {
	padding-left: 34%;
}
#edit-area .fixed-bottom.right-open {
	padding-right: 54%;
}
#edit-area .fixed-bottom::before {
	-webkit-box-shadow: 0 -5px 10px 1px rgba(0,0,0,0.2);
	box-shadow: 0 -5px 10px 1px rgba(0,0,0,0.2);
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 0px;
	left: 0;
	z-index: -1;
}
#edit-area .fixed-bottom p,
#edit-area .fixed-bottom label {
	text-align: center;
	margin-bottom: 0;
	/* line-height: 30px; */
	line-height: 16px;
	font-size: 14px;
}
#edit-area .fixed-bottom .col:has(.text-hint) {
	display: flex !important;
	align-items: center;
	justify-content: center;
}
#edit-area .fixed-bottom p.action-hint {
	text-decoration: underline;
	margin-bottom: 5px;
}
#edit-area .fixed-bottom p.action-hint:hover {
	text-decoration: none;
}

#edit-area .fixed-bottom .row {
	max-height: 0;
	overflow: hidden;
	visibility: hidden;
}
#edit-area .fixed-bottom .row.active {
	padding-top: 10px;
	padding-bottom: 10px;
	max-height: 1000px;
	visibility: visible;
	-webkit-transition: all 1s ease-in;
	   -moz-transition: all 1s ease-in;
		 -o-transition: all 1s ease-in;
			transition: all 1s ease-in;
}
#edit-area .fixed-bottom .row.active .row {
	max-height: none;
	visibility: visible;
}
.row-save .btn-light,
.row-actions .btn-light {
	border-color: #ced4da;
}
.fixed-bottom .row .text-hint {
	-webkit-transition: all 1s ease-in;
	   -moz-transition: all 1s ease-in;
		 -o-transition: all 1s ease-in;
			transition: all 1s ease-in;
}
.fixed-bottom .row.active .text-hint {
	-webkit-animation-name: save-animation; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: 3; /* Safari 4.0 - 8.0 */
	animation-name: save-animation;
	animation-duration: 1s;
	animation-iteration-count: 3;
}

/* Modal Kontingente Leistung, Zeitraum, Wochentage -> Freischalten / Abbrechen */
#modal-kontingente .modal-dialog {
	max-width: 435px;
}
#modal-kontingente .weekdays h2 {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 4px;
	font-weight: 400;
}
#modal-kontingente .weekdays .custom-control.form-check-inline {
	margin-right: 5px;
	margin-bottom: 10px;
}
#modal-kontingente .weekdays .custom-control.form-check-inline:last-child {
	margin-right: 0px;
}
@media (min-width: 576px) {
	#modal-kontingente .weekdays .custom-control.form-check-inline {
		margin-bottom: 0px;
	}
}

/* Preisbearbeitung (Modal) 20250611 */
.row-product-info .col-editable-price .input-group:has(.input-group-prepend):has(.product-price):has(.input-group-append) .product-price {
	min-width: 80px;
}

/* Komponenten */
/* Switch Component */
.col-ui-switch {
	padding: 5px 0;
	max-width: 42px;
}
.col-ui-switch-handle {
	font-weight: 700;
	line-height: 18px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 14px;
}
.col-ui-switch-handle.with-action {
	cursor: pointer;
	text-align: left;
	padding-left: 10px; 
}
.col-ui-switch-handle.active-color.active {
	color: #4bbc84;
}

.custom-ui-switch { display:inline-block; position:relative; border:1px solid #ddd; background-color:#eee; border-radius:20px; cursor: pointer;}
.is-animated .custom-ui-button { transition:margin ease-out .2s, border ease-in .2s; cursor: pointer; }
.custom-ui-checkbox { opacity:0; display:block; position:absolute; top:0; width:100%; height:100%; margin:0; cursor: pointer;}
.custom-ui-button { display:block; width: 20px; height: 20px; margin: -2px 20px -2px -2px; border-width:1px; border-style:solid; border-color:#ddd; background-color:#fff; border-radius: 10px }
.custom-ui-checkbox:checked + .custom-ui-button { margin: -2px -2px -2px 20px; background-color:#4bbc84; border-color:#4bbc84; }


/* Toggle Switch Checkbox */
.row-toggle-switch .custom-ui-switch .custom-ui-button {
	background-color:#4bbc84;
	border-color:#4bbc84;
	background-color: rgba(75,188,132,0.65);
	border-color: rgba(75,188,132,0.65);
}
.row-toggle-switch .custom-ui-checkbox:checked + .custom-ui-button,
.row-toggle-switch .col-ui-switch-handle + .col-ui-switch .custom-ui-switch .custom-ui-checkbox + .custom-ui-button {
	background-color: rgba(75,188,132,1);
	border-color: rgba(75,188,132,1);
}
.row-toggle-switch .custom-ui-checkbox:disabled + .custom-ui-button {background-color:#eee; border-color:#ddd;}
.row-toggle-switch .col-ui-switch-handle { text-align: right; padding-right: 10px; display: flex; justify-content: end; }
.row-toggle-switch .col-ui-switch-handle > .row-hint { padding-top: 0 !important; padding-right: 10px; }
.row-toggle-switch .col-ui-switch-handle > [class*="icon"] { font-size: 18px; margin: 0 5px; } /* Tooltip / Icon Styling */
.row-toggle-switch .col-ui-switch + .col-ui-switch-handle { text-align: left; padding-left: 10px; padding-right: 0; justify-content: start; }

/* select-with-info component */
.select-with-info {
	flex-wrap: nowrap !important;
	margin-right: 0;
	margin-left: 0;
}
.select-with-info > .col,
.select-with-info > [class*="col-"] {
	padding-right: 0;
	padding-left: 0;
}
.select-with-info .btn.dropdown-toggle {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.select-with-info .col-info .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: none;
}


/* right col */
#right-col {
	background: #ededed;
	opacity: 0;
	-ms-flex: 0 0 0;
	flex: 0 0 0;
	max-width: 0;
	position: relative;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
		 	transition: all 0.25s ease-in-out;
}
#right-col.open {
	opacity: 1;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	padding-left: 45px;
	z-index: 2;
}
/* mobile Darstellung */
#right-col.mobile {
	position: fixed;
	top: 0;
	right: 0;
	height: 100vh;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
		 	transition: all 0.25s ease-in-out;
}
#right-col.mobile.open {
	opacity: 1;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
}

#right-col .fixed-bottom {
	position: absolute;
	padding: 12px 20px;
}
#right-col .fixed-bottom .btn {
	font-weight: 700;
	white-space: normal;
}
#right-col .custom-control-label {
	font-size: 14px;
}


/* Accordion Styling / Dashboard / Cockpit */

#accordion-dashboard,
#accordion-destinationcard,
#accordion-auswertung {
	/*
	-webkit-column-count: 1;
	   -moz-column-count: 1;
			column-count: 1;
	*/
	/* margin-right: -15px; */
}
#accordion-dashboard .card,
#accordion-destinationcard .card,
#accordion-auswertung .card {
	margin-bottom: 30px;
}
.accordion .card-header h2,
.accordion .card-header .btn-link,
.accordion .card-header .btn-link:hover {
	border: none;
	text-align: left;
	white-space: normal;
	text-decoration: none;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	color: #5f5f5f;
	padding: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.accordion .card-header .btn-link {
	width: 100%;
	max-width: 80%;
	max-width: calc(100% - 30px);
}
/* Dashboard, Auswertungen, Destinationcard Buttons */
body#dashboard .accordion .card-header h2 .btn-link,
body#auswertungen .accordion .card-header h2 .btn-link,
body#destinationcard .accordion .card-header h2 .btn-link {
	max-width: calc(100% - 65px);
}
/* is Pflegestatus active? */
.accordion .card-header h2:has(.btn-pflegestatus) .btn-link {
	max-width: calc(100% - 70px);
}
@media (min-width: 1200px) {
	.accordion-group.accordion-wrap > .header > h2:has(.btn-pflegestatus) .btn-link {
		max-width: calc(100% - 270px);
	}
}

.accordion-item .hint-small,
.accordion-wrap .hint-small {
	font-size: 12px;
	font-weight: normal;
}
.accordion .card-header .btn-collapse {
	border: none;
	padding: 2px;
	background: none;
}
.accordion .accordion-item {
	
	-webkit-box-shadow: 0 5px 10px 3px rgba(0,0,0,0.07);
	box-shadow: 0 5px 10px 3px rgba(0,0,0,0.07);
	
}
.accordion .accordion-item.expanded .btn-collapse {
	display: none;
}
#edit-area .accordion .card-header h2,
.accordion .card-header [class^="icon-"],
.accordion .card-header [class*=" icon-"] {
	font-size: 18px;
	display: block;
}
.accordion .card-header [class^="icon-"],
.accordion .card-header [class*=" icon-"] {
	line-height: 20px;
}
.accordion .card-header .btn-link [class^="icon-"],
.accordion .card-header .btn-link [class*=" icon-"] {
	display: inline-block;
	color: #cdcdcd;
	font-size: 20px;
	line-height: 20px;
	margin-left: 5px;
	vertical-align: text-top;
}
.accordion .card-header .btn-link .icon-large,
.accordion .card-header .btn-link .icon-large {
	color: #5f5f5f;
}
.accordion .card-header .btn.fullsize-expand {
	display: none;
}
.accordion .card-header .btn.fullsize-expand,
.accordion .card-header .btn.fullsize-shrink {
	padding: 2px;
	border-color: rgba(0,0,0,.1);
	background: rgba(255,255,255,0.8);
	margin-right: 15px;
}
.accordion .accordion-item.expanded .btn.fullsize-shrink,
.accordion .accordion-item.expanded .btn.fullsize-expand {
	margin-right: 0;
}
.accordion .card-header .btn.fullsize-shrink {
	border-color: #dc3545;
	color: #dc3545;
}
.accordion .card-header .btn.fullsize-expand [class^="icon-"],
.accordion .card-header .btn.fullsize-expand [class*=" icon-"],
.accordion .card-header .btn.fullsize-shrink [class^="icon-"],
.accordion .card-header .btn.fullsize-shrink [class*=" icon-"] {
	font-size: 16px;
	line-height: 18px;
}

/* Cockpit */
#accordion-dashboard #overview .btn-group,
#accordion-dashboard #overview-dll .btn-group {
	padding-left: 15px;
	padding-right: 15px;
}
/* News */
.cockpit-news .news-item {
	border: 1px solid rgba(0,0,0,.125);
	margin-bottom: 10px;
	width: 100%;
	max-width: 100%;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	font-size: .875rem;
	background-color: rgba(255,255,255,.85);
	background-clip: padding-box;
	border-radius: .25rem;
	overflow: hidden;
}
.cockpit-news .news-item:last-child {
	margin-bottom: 0;
}
.cockpit-news .news-item .news-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: .25rem .75rem;
	color: #6c757d;
	background-color: rgba(255,255,255,.85);
	background-clip: padding-box;
	border-bottom: 1px solid rgba(0,0,0,.05);
}
.cockpit-news .news-item .preview {
	padding: 5px 10px;
	font-size: 1rem;
}
.cockpit-news .news-item .preview a {
	text-decoration: none;
}
.cockpit-news .news-item .preview a:hover {
	text-decoration: underline;
}
.cockpit-news .news-item .preview h2,
.cockpit-news .news-item .preview h3,
.cockpit-news .news-item .preview h4,
.cockpit-news .news-item .preview p {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
}
.cockpit-news .news-item .preview .details {
	font-size: 0.9rem;
	line-height: 1.3;
}
.cockpit-news .news-item .preview .details .post-info {
	border-bottom: 1px solid rgba(0,0,0,.05);
	padding: 2px 0;
	margin-bottom: 5px;
}
.cockpit-news .news-item .preview .details h2,
.cockpit-news .news-item .preview .details h3,
.cockpit-news .news-item .preview .details h4,
.cockpit-news .news-item .preview .details p {
	margin-bottom: 10px;
	font-weight: 400;
}
.cockpit-news .news-item .preview .details a {
	text-decoration: underline;
}
.cockpit-news .news-item .details {
	max-height: 0;
	overflow: hidden;
	width: 100%;
	position: relative;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
		 	transition: all 0.25s ease-in-out;
}
.cockpit-news .news-item .details.open {
	border-top: 1px solid rgba(0,0,0,.05);
	margin-top: 10px;
	max-height: 1000px;
}
/* New Items */
.cockpit-news .news-item.new {
	border-color: rgba(0,0,0,.25);
	box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
}
.cockpit-news .news-item.new .date {
	position: relative;
	color: #4bbc84;
}
.cockpit-news .news-item.new .date::before {
	content: 'NEU';
	border: 1px solid #4bbc84;
	color: #4bbc84;
	font-weight: bold;
	display: inline-block;
	margin-right: 5px;
	line-height: 1;
	padding: 0 1px;
	position: relative;
}
/* News Archiv */
#cockpit-news-archive {
	margin-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
}
#cockpit-news-archive h2 {
	margin-bottom: 0;
	font-size: 16px;
	line-height: 22px;
	font-weight: 600;
}

/* Cockpit Info Cards */
#dashboard .info-card {
	background-color: rgba(255,255,255,.85);
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
	padding: 0;
	color: #5f5f5f;
	position: relative;
	/* box-shadow: 0 .25rem .75rem rgba(0,0,0,.1); */
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
#dashboard .info-card .count {
	font-size: 1.4rem;
	font-weight: 600;
	text-align: center;
	background-clip: padding-box;
	border-bottom: 1px solid rgba(0,0,0,.05);
}
#dashboard .info-card .title {
	font-size: 16px;
	font-weight: 600;
	text-align: center;
}
/* Overview Slider */
#overview-slider .nav-tabs {
	margin-bottom: 10px;
	border: none;
}
#dashboard a.info-card:hover,
#dashboard .info-card.active {
	color: #5f5f5f;
	border-color: #4bbc84;
}
#dashboard .info-card.active::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	bottom: -18px;
	border-style: solid;
	border-width: 10px 8px 8px;
	border-color: #4bbc84 transparent transparent transparent;
}

/* Dashboard / Cockpit Tageslisten */
.nav-tabs-date {
	margin: 0 9px;
	border-bottom: 1px solid rgba(0,0,0,.05);
}
.nav-tabs-date .nav-item .nav-link {
	color: #5f5f5f;
	font-weight: 600;
	padding: .3rem 1rem;
}
.nav-tabs-date .nav-item.show .nav-link,
.nav-tabs-date .nav-link.active {
	background: #f7f7f7;
	border-color: rgba(0,0,0,.05);
	border-bottom-color: #f7f7f7;
}
.pdf-link {
	text-decoration: none !important;
	color: #db1317 !important;
	vertical-align: middle;
}
.pdf-link i {
	color: #db1317;
	font-size: 18px;
	line-height: 40px;
	/* display: inline-block; */
	width: 50px;
	height: 40px;
	vertical-align: middle;
}
.excel-link {
	text-decoration: none !important;
	color: #207740 !important;
	vertical-align: middle;
}
.excel-link i {
	color: #207740;
	font-size: 18px;
	line-height: 40px;
	/* display: inline-block; */
	width: 50px;
	height: 40px;
	vertical-align: middle;
}
.excel-link + p,
.pdf-link + p {
	margin: -5px 0 0 0;
	font-size: 0.8rem;
	display: block;
}
.accordion .tagesliste-contents,
.accordion .kontaktausgabe-contents {
	margin-top: 20px;
}
.accordion .row-date + .tagesliste-contents,
.accordion .row-date + .kontaktausgabe-contents {
	margin-top: 0px;
}
.accordion .tagesliste-contents hr,
.accordion .kontaktausgabe-contents hr {
	margin-left: 5px;
	margin-right: 5px;
}
.accordion .row-tagesliste-info {
	font-weight: 700;
	padding: 10px 5px 0 5px;
}
.accordion .row-tagesliste-info p {
	margin: 0;
}
#edit-area .accordion .tagesliste-contents .box-headline-before,
#edit-area .accordion .kontaktausgabe-contents .box-headline-before {
	border-top: 1px solid rgba(0,0,0,.1);
	color: #5f5f5f;
	font-weight: 700;
	margin: 15px 5px 0px 5px;
	text-align: center;
	line-height: 30px;
}
.accordion .tagesliste-contents .table-responsive,
.accordion .kontaktausgabe-contents .table-responsive {
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.2;
}
.accordion .tagesliste-contents .table thead th,
.accordion .kontaktausgabe-contents .table thead th {
	font-weight: 600;
	white-space: nowrap;
}
.accordion .tagesliste-contents .table tbody td,
.accordion .kontaktausgabe-contents .table tbody td {
	white-space: nowrap;
}
.accordion .tagesliste-contents .table-responsive hr,
.accordion .kontaktausgabe-contents .table-responsive hr  {
	margin-top: 3px;
	margin-bottom: 3px;
}
.accordion .tagesliste-contents .table-responsive strong,
.accordion .kontaktausgabe-contents .table-responsive strong {
	font-weight: 600;
}
.accordion #select-tagesliste {
	/*
	min-width: 160px;
	max-width: 200px;
	*/
}
.accordion .tagesliste-contents .table .price,
.accordion .kontaktausgabe-contents .table .price {
	white-space: nowrap;
}
.accordion .tagesliste-contents .contact-info,
.accordion .kontaktausgabe-contents .contact-info {
	font-size: 0.9rem;
	line-height: 1.2;
}
.accordion .tagesliste-contents .table tr.comment-row td,
.accordion .kontaktausgabe-contents .table tr.comment-row td {
	border-top: none;
	font-size: 0.8rem;
	line-height: 1.2;
}
.accordion .tagesliste-contents .table tr.comment-row td:nth-child(2),
.accordion .kontaktausgabe-contents .table tr.comment-row td:nth-child(2) {
	border-top: 1px solid #dee2e6;
}
/* Cockpit Statistik Large - Backup */
.cockpit-statistic .statistic-item {
	border: 1px solid rgba(0,0,0,.125);
	margin-bottom: 10px;
	max-width: 100%;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	border-radius: .25rem;
	background-color: rgba(255,255,255,.85);
}
.cockpit-statistic .statistic-item:last-child {
	margin-bottom: 0;
}
.cockpit-statistic .statistic-item .headline {
	border-bottom: 1px solid rgba(0,0,0,.05);
	padding: 10px 10px 5px 10px;
}
.cockpit-statistic .statistic-item .description {
	position: relative;
	font-size: 16px;
	padding: 5px 10px 10px 10px;
}
.cockpit-statistic .statistic-item .headline h2,
.cockpit-statistic .statistic-item .headline h3,
.cockpit-statistic .statistic-item .headline h4 {
	font-size: 18px;
	font-weight: 600;
	margin: 0;
}
.cockpit-statistic .statistic-item .description h2,
.cockpit-statistic .statistic-item .description h3,
.cockpit-statistic .statistic-item .description h4,
.cockpit-statistic .statistic-item .description p {
	margin: 0;
}
.circle-statistic {
	height: 100%;
	height: 100%;
}
.circle-statistic .c100 {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 576px) {
	.circle-statistic { 
		border-left: 1px solid rgba(0,0,0,.05);
	}
	.circle-statistic .c100 {
		float: left;
		margin-left: 10px;
		margin-right: 10px;
	}
}

/* Cockpit Ministatistik */
.statistic-small .statistic-item {
	border: 1px solid rgba(0,0,0,.125);
	margin-bottom: 10px;
	max-width: 100%;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	border-radius: .25rem;
	background-color: rgba(255,255,255,.85);
}
.statistic-small .statistic-item:last-child {
	margin-bottom: 0;
}
.statistic-small .statistic-item .headline {
	border-bottom: 1px solid rgba(0,0,0,.05);
	padding: 10px 10px 5px 10px;
}
.statistic-small .statistic-item .headline h2,
.statistic-small .statistic-item .headline h3,
.statistic-small .statistic-item .headline h4 {
	font-size: 18px;
	font-weight: 600;
	margin: 0;
}
.statistic-small .statistic-item ul {
	position: relative;
	padding: 20px 15px 10px 30px;
	margin: 0;
}
.statistic-small .statistic-item ul li {
	font-size: 14px;
	margin: 0;
}

.statistic-small .circle-statistic {
	height: 100%;
	height: 100%;
}
.statistic-small .c100 {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 576px) {
	/* Helper */
	.modal-xl {
		max-width: 90%;
	}
	
	.statistic-small .circle-statistic { 
		border-left: 1px solid rgba(0,0,0,.05);
	}
}

/* Cockpit Contentscore */
#cockpit-contentscore {
	position: relative;
}
.indicator-wrap .circle {
    border: 3px solid rgba(0,0,0,.125);
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 2em;
    height: 2em;
}
.result.ok .indicator-wrap .circle {
	border-color: #4bbc84;
}
.indicator-wrap .checkmark {
    display: block;
}
.indicator-wrap .checkmark::after {
    opacity: 1;
    height: 1em;
    width: 0.5em;
    transform-origin: left top;
    border-right: 3px solid #4bbc84;
    border-top: 3px solid #4bbc84;
    content: '';
    left: 0.3em;
    top: 0.9em;
    position: absolute;
	opacity: 0;
}
.indicator-wrap .checkmark.draw::after {
    animation-duration: 800ms;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(135deg);
	opacity: 1;
}
.indicator-wrap + .col-checkmark-label {
	line-height: 32px;
	white-space: nowrap;
}

.row.result .col-status {
	color: #4bbc84;
}
.row.result .col-status a {
	color: #dc3545 !important;
	font-weight: 600;
}
@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 0.5em;
    opacity: 1;
  }
  40% {
    height: 1em;
    width: 0.5em;
    opacity: 1;
  }
  100% {
    height: 1em;
    width: 0.5em;
    opacity: 1;
  }
}


/* Mobile Fixes */
body.ios,
body.androind {
	/* height fix mobile 2023-09-20 */
	min-height: 100vh;
	min-height: -webkit-fill-available;
	min-height: -moz-available;
}
body.androind #tSmart-outer-wrap {
	height: auto;
	height: -webkit-fill-available;
	height: -moz-available;
	height: stretch;
	max-height: 100vh;
}
/* iOS iPhone specific */
body.ios #left-col,
body.ios #edit-area,
body.ios #right-col {
	height: calc(100vh - 115px);
	height: calc(100vh - 200px);
	/* height: -webkit-calc(100vh - 200px); */
}
body.ios #left-col.mobile {
	height: 100%;
	/* height: -webkit-calc(100vh - 75px); */
}
body.ios #right-col.mobile {
	height: 100%;
	/* height: -webkit-calc(100vh - 75px); */ /* iOS */
}
/* iOS iPad specific */
body.ios.ipad #left-col,
body.ios.ipad #edit-area,
body.ios.ipad #right-col {
	height: 100vh;
	height: calc(100vh - 115px);
}
body.ios.ipad #left-col.mobile {
	height: 100vh;
	height: calc(100vh - 5px);
}
body.ios.ipad #right-col.mobile {
	height: 100vh;
	height: calc(100vh - 5px); /* iOS */
}
/* Android specific */
body.android #left-col,
body.android #edit-area,
body.android #right-col {
	height: -webkit-fill-available;
	height: -moz-available;
	height: calc(100vh - 120px);
}
@media (max-width: 991px) and (orientation:portrait) {
	body.android #left-col,
	body.android #edit-area,
	body.android #right-col {
		height: calc(100vh - 200px);
	}
}

body.android #left-col.mobile {
	height: 100vh;
	height: calc(100vh - 75px);
}
body.android #right-col.mobile {
	height: 100vh;
	height: calc(100vh - 75px);
}

#edit-area .fixed-bottom {
	position: fixed;
}

/* Helper */
.no-padding {
	padding: 0;
}
.no-margin {
	margin: 0;
}
.border-none {
	border: none !important;
}
.border-radius-none {
	border-radius: 0 !important;
}
.text-hint > p:last-child {
	margin-bottom: 0;
}
.overflow-visible {
	overflow: visible !important;
}
.text-center .selectpicker ~ .dropdown-toggle .filter-option-inner,
.text-center .selectpicker ~ .dropdown-menu li {
	text-align: center;
}
.text-normal {
	font-weight: 400;
}
.text-sm {
	font-size: 0.9em;
}
.text-overflow-ellipsis {
	text-overflow: ellipsis;
}
.nowrap,
.ws-nowrap {
	white-space: nowrap !important;
}
.ws-normal {
	white-space: normal !important;
}
.text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
}
.lh-1 {
	line-height: 1rem;
}
.lh-1-1 {
	line-height: 1.1rem;
}
.lh-1-2 {
	line-height: 1.2rem;
}
.lh-input {
	line-height: 34px;
	line-height: 38px;
}
.lh-normal {
	line-height: normal;
}
.mw-none {
	max-width: none !important;
}
.minw-200 {
	min-width: 200px;
}
.alert.lh-input {
	line-height: 31px;
}
.mh-40 {
	min-height: 40px;
}
.va-middle {
	vertical-align: middle;
}
.fw-400 {
	font-weight: 400 !important;
}
.fw-600 {
	font-weight: 600 !important;
}
.row-hover-white:hover {
	background: #fff;
}
.color-text-color {
	color: var(--text-color);
}

.bg-yellow,
.calendar-table .col-day.bg-yellow:not(.today),
.verfuegbarkeit-table .col-day.bg-yellow:not(.today) {
	color: #856404;
	background-color: #f4f3d5;
}

.bg-red,
.calendar-table .col-day.bg-red:not(.today),
.verfuegbarkeit-table .col-day.bg-red:not(.today) {
	color: #721c24;
	background-color: #f8d7da;
}

.row-border-b {
	position: relative;
}
.row-border-b::after {
	content: "";
	display: block;
	border-bottom: 1px solid #ccc;
	position: absolute;
	bottom: 0;
	left: 15px;
	right: 15px;
}
.row-border-b.no-gutters::after {
	left: 0;
	right: 0;
}
.box-inner.box-light-grey .row-border-b:after {
	border-color: 1px solid rgba(0,0,0,.125);
}

ul.comma-list,
ul.comma-list li {
	list-style-type: none;
	padding: 0;
}
ul.comma-list li {
	position: relative;
	display: inline-block;
	padding-left: 5px;
}
ul.comma-list li::before {
	content: '|';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
ul.comma-list li:first-child {
	padding-left: 0;
}
ul.comma-list li:first-child::before {
	display: none;
}

.alert-stornobedingungen::before,
.alert-zahlungsbedingungen::before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: -6px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 7px 7px 7px;
	border-color: transparent transparent var(--alert-warning-color) transparent;
	transform: rotate(0deg) translateX(-50%);
}

/* Table fixed Header */
.table-fixed-header thead {
	position: sticky;
	top: 0;
	z-index: 1;
}
.box .box-light-grey .table-fixed-header thead {
	background-color: #f7f7f7;
}
.modal .table-responsive:has(> .table-fixed-header) {
	max-height: calc(90vh - 160px);
	position: relative;
}
/* Overwriting / Extending Bootstrap */
/*
.h1, h1 { font-size: 1.8rem; }
.h2, h2 { font-size: 1.5rem; }
.h3, h3 { font-size: 1.2rem; }
.h4, h4 { font-size: 0.9rem; }
.h5, h5 { font-size: 0.8rem; }
.h6, h6 { font-size: 0.7rem; }
*/

.h1, h1 { font-size: 1.8rem; }
.h2, h2 { font-size: 1.5rem; }
.h3, h3 { font-size: 1.4rem; }
.h4, h4 { font-size: 1.3rem; }
.h5, h5 { font-size: 1.2rem; }
.h6, h6 { font-size: 1.1rem; }

.text-danger,
.error label,
.error .valid-message {
	color: #dc2828 !important;
}
.text-success {
	color: #4bbc84 !important;
}

.error .valid-message {
	font-size: 12px;
}

.btn-light.disabled,
.btn-light:disabled {
	color: #999;
}

.text-dark-green {
	color: rgba(52,136,96,0.9);
}
.text-dark-yellow {
	color: #c8be36;
}
.text-red {
	color: #db1317;
}
.text-bold {
	font-weight: 700;
}
.text-lg {
	font-size: 120%;
}
.text-semi-bold {
	font-weight: 600;
}
.bt-0 {
	border-top: none !important;
}
.br-0 {
	border-right: none !important;
}
.br-1 {
	border-right: 1px solid rgba(0,0,0,.1);
}
.bg-none {
	background: none !important;
}
.mt-label {
	margin-top: 20px !important; /* line-height: 16px + margin-bottom: 4px */
	margin-top: 24px !important; /* line-height: 20px + margin-bottom: 4px */
}
.mh-0 {
	min-height: 0 !important;
}

textarea.form-control {
	line-height: 26px;
}
.dropdown-toggle.no-arrow::after {
	display: none;
}

#sessionExpiredModal {
	z-index: 3000;
}
/* badges */
.badge-rounded {
	border-radius: 50px;
	padding-left: 10px;
	padding-right: 10px;
}
/* Outline Badges */
.badge-outline-danger {
	border: 1px solid #dc3545;
	background-color: #ffffff;
	color: #dc3545;
}
.badge-outline-warning {
	border: 1px solid #ffc107;
	background-color: #ffffff;
	color: #ffc107;
}
.badge-outline-info {
	border: 1px solid #17a2b8;
	background-color: #ffffff;
	color: #17a2b8;
}
.modal {
	/* Hack for multiple Modals */
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
}
.modal-fullwidth {
	width: 95%;
	max-width: 1180px;
}
.modal-fullwidth.modal-fullwidth-extended {
	width: 95%;
	max-width: none;
}
/* Sperre item */
.modal-header-sperre {
	background: rgba(220,40,40,0.9);
	color: #fff;
}
/* Booking item */
.modal-header-booking {
	background: rgba(75,188,132,0.9);
	color: #fff;
}
/* Offer item */
.modal-header-offer {
	background: rgba(0,0,0,0.45);
	color: #fff;
}
/* Booking item Extern */
.modal-header-booking-external {
	background: rgba(0,111,158,0.9);
	color: #fff;
}
/* Primary Colored */
.modal-header.colored {
	background: var(--primary-color);
	color: #fff;
}

.collapse-fast {
	-webkit-transition-duration: 0.15s;
	transition-duration: 0.15s;
}

/* special Button Styling */
.btn-green-light {
	background: var(--holidu-green-light);
	color: var(--holidu-green-dark);
}
.btn-green-light:hover,
.btn-green-light:focus,
.btn-green-light:active {
	background: var(--holidu-green-hover-bg);
	color: var(--holidu-green-hover-text);
}

.btn-red-light {
	background: var(--holidu-red-light);
	color: var(--holidu-red-dark);
}
.btn-red-light:hover,
.btn-red-light:focus,
.btn-red-light:active {
	background: var(--holidu-red-hover-bg);
	color: var(--holidu-red-hover-text);
}

.btn-yellow-light {
	background: var(--holidu-yellow-light);
	color: var(--holidu-yellow-dark);
}
.btn-yellow-light:hover,
.btn-yellow-light:focus,
.btn-yellow-light:active {
	background: var(--holidu-yellow-hover-bg);
	color: var(--holidu-yellow-dark);
}

/* Badges in Buttons */
.btn-green-light .badge-success {
	background: var(--holidu-green-dark);
	color: var(--holidu-green-light);
}
.btn-red-light .badge-danger {
	background: var(--holidu-red-dark);
	color: var(--holidu-red-light);
}
.btn-yellow-light .badge-warning {
	background: var(--holidu-yellow-dark);
	color: var(--holidu-yellow-light);
}


.bg-white-transp {
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	background: rgba(255,255,255,0.6);
}
.bg-white-transp::before{
	content: '';
	display: block;
	width: 90%;
	width: calc(100% - 10px);
	height: 30px;
	-webkit-box-shadow:inset 0 15px 10px -10px rgba(0,0,0,0.05);
	box-shadow:inset 0 15px 10px -10px rgba(0,0,0,0.05);
	position: absolute;
	top: 0;
	left: 5px;
}

#edit-area .box-inner.box-light-grey .text-info {
	color: #8bb8bf !important;
}

.date-wrapper {
	border-radius: .25rem;
}

.input-group-prepend.prepend-small .input-group-text,
.input-group-prepend.prepend-small .btn {
	padding-left: 7px;
	padding-right: 7px;
}
.input-group-append.append-currency .input-group-text {
	padding-left: 7px;
	padding-right: 7px;
}
table.table-layout-fixed {
	table-layout: fixed;
}
/* disabled */
.input-group-prepend.prepend-small .btn.disabled {
	background: #f5f5f5;
	cursor: not-allowed;
	color: #ced4da;
	border-color: #ced4da;
}

/* Alerts */
.box-light-grey .alert-secondary {
	background-color: #eeeeee;
}

/* Modal with box-shadow */
.modal.box-shadow .modal-content {
	-webkit-box-shadow: 0 0 30px 30px rgba(0,0,0,0.3);
	box-shadow: 0 0 30px 30px rgba(0,0,0,0.3);
}

@media (min-width: 1400px) {
	.d-xxl-none {
		display: none !important;
	}
	.mt-xxl-0 {
		margin-top: 0 !important;
	}
	.mb-xxl-0 {
		margin-bottom: 0 !important;
	}
	.ml-xxl-auto {
		margin-left: auto !important;
	}
	.mr-xxl-auto {
		margin-right: auto !important;
	}
	.my-xxl-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	/* order xxl */
	.order-xxl-1 {
		-ms-flex-order: 1;
		order: 1;
	}
	.order-xxl-2 {
		-ms-flex-order: 2;
		order: 2;
	}
	.order-xxl-3 {
		-ms-flex-order: 3;
		order: 3;
	}
	.order-xxl-4 {
		-ms-flex-order: 4;
		order: 4;
	}
	.order-xxl-5 {
		-ms-flex-order: 5;
		order: 5;
	}
	/* Cols */
	.col-xxl {
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.col-xxl{-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
	.col-xxl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
	.col-xxl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
	.col-xxl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
	.col-xxl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
	.col-xxl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
	.col-xxl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
	.col-xxl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
	.col-xxl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
	.col-xxl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
	.col-xxl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
	.col-xxl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
	.col-xxl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}

/* Dynamic Modal */
/* Special */
.modal .modal-content.danger,
.modal .modal-content.info,
.modal .modal-content.success,
.modal .modal-content.warning {
	border-color: #dc3545;
	border-width: 3px;
}
.modal .modal-content.danger .modal-title,
.modal .modal-content.info .modal-title,
.modal .modal-content.success .modal-title,
.modal .modal-content.warning .modal-title {
	color: #dc3545;
	position: relative;
	padding-left: 40px;
	text-align: left;
}
.modal .modal-content.danger .modal-body,
.modal .modal-content.info .modal-body,
.modal .modal-content.success .modal-body,
.modal .modal-content.warning .modal-body {
	border: 3px solid #dc3545;
	margin: 1rem;
	border-radius: 10px;
	color: #dc3545;
	font-weight: 600;
}
.modal .modal-content.danger .modal-title::before,
.modal .modal-content.info .modal-title::before,
.modal .modal-content.success .modal-title::before,
.modal .modal-content.warning .modal-title::before {
	content: "\e91b"; /* icon-exclamation-o */
	font-family: 'icomoon' !important;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 26px;
	color: #dc3545;
}
/* additional regular content in danger Modal */
.modal .modal-content.danger .modal-body.regular {
	border: none;
	color: #495057;
	font-weight: 400;
	margin: 0;
}
/* info */
.modal .modal-content.info,
.modal .modal-content.info .modal-body {
	border-color: #cfe2ff;
}
.modal .modal-content.info .modal-title,
.modal .modal-content.info .modal-body,
.modal .modal-content.info .modal-title::before {
	color: #084298;
}
/* success */
.modal .modal-content.success,
.modal .modal-content.success .modal-body {
	border-color: #badbcc;
}
.modal .modal-content.success .modal-title,
.modal .modal-content.success .modal-body,
.modal .modal-content.success .modal-title::before {
	color: #0f5132;
}
/* warning */
.modal .modal-content.warning,
.modal .modal-content.warning .modal-body {
	border-color: #ffecb5;
}
.modal .modal-content.warning .modal-title,
.modal .modal-content.warning .modal-body,
.modal .modal-content.warning .modal-title::before {
	color: #664d03;
}

/* waitingModal */
#waitingModal.modal.show {
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	display: block !important;
}

/* Form Validation */
.invalid-feedback {
	margin-top: 2px;
	margin-bottom: 5px;
	font-size: 12px;
}

/* System Dialog */
.system-dialog {
	position: fixed;
	z-index: 4;
}
.system-dialog-title {
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	position: relative;
	width: 100%;
	padding: 10px;
}
.system-dialog-title + .system-dialog-title {
	margin-top: 20px;
}
.system-dialog-title .close {
	background: #fff;
	border-radius: 50%;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 22px;
	text-align: center;
	position: absolute;
	right: -15px;
	top: -15px;
	corsor: pointer;
	opacity: 1;
}
.system-dialog.dialog-info .system-dialog-title {
	color: #475f16;
	background: #e4ef8a;
	border-color: #c9d46a;
	padding-left: 45px;
	-webkit-box-shadow: 0 0 2px 5px rgba(200,212,105,0.3);
	box-shadow: 0 0 2px 5px rgba(200,212,105,0.3);
}
.system-dialog.dialog-info .system-dialog-title::before {
	content: "\e92a"; /* icon-info */
	font-family: 'icomoon' !important;
	display: block;
	width: 30px;
	height: 30px;
	font-size: 22px;
	text-align: center;
	position: absolute;
	left: 10px;
	top: 10px;
}
.system-dialog.dialog-top-right {
	top: 110px;
	right: 50%;
	transform: translateX(50%);
	width: 300px;
}
.system-dialog.dialog-top-center {
	left: auto;
	right: 50px;
	top: 0;
	border-top-width: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	left: 50%;
	-webkit-transform:	translateX(-50%);
	-moz-transform:		translateX(-50%);
	-ms-transform:		translateX(-50%);
	-o-transform:		translateX(-50%);
	transform:			translateX(-50%);
}
.system-dialog.dialog-small {
	font-size: 14px;
	padding: 5px 10px;
	line-height: 22px;
}
.system-dialog-title [class^="icon"].before {
    margin-right: 10px;
}
.system-dialog-title [class^="icon"] {
    position: relative;
    top: 3px;
    font-size: 22px;
}
@media (min-width: 768px) {
	.system-dialog.dialog-top-right {
		transform: translateX(0);
		top: 30px;
		right: 30px;
	}
}
/* small title */
.system-dialog.dialog-small .system-dialog-title [class^="icon"].before {
    margin-right: 5px;
}
.system-dialog.dialog-small .system-dialog-title [class^="icon"] {
    top: 2px;
    font-size: 15px;
}

/* Form Validation */
.error input {
	border-color: #dc2828 !important;
}
.error .valid-message {
	text-align: center;
}
.error input[type="text"]:focus:not([readonly]) {
	-webkit-box-shadow: 0 1px 0 0 #dc2828 !important;
	box-shadow: 0 1px 0 0 #dc2828 !important;
	border-bottom: 1px solid #dc2828 !important;
}

.input-group {
	flex-wrap: nowrap; /* Fix for Price-Groups / ok? */
}
.form-control {
	padding: 3px 8px;
	font-size: 16px;
	/* line-height: 24px; */
	line-height: 32px;
}
.form-control-sm {
	line-height: 24px;
}
.form-control.date {
	/* line-height: 24px; */
	line-height: 32px;
}
input[type="text"].form-control,
.form-control.date,
.form-control.daterange,
.form-control.time {
	height: 38px; /* Some Browser have a Problem with height: calc (bootstrap) */
}
input[type="text"].form-control.form-control-sm {
	height: 32px; /* Some Browser have a Problem with height: calc (bootstrap) */
}

/* price-field Styling */
/* with prepend icon */
.input-group.price-field-editable {
	width: 157px; /* 32px + 70px + 55px */
}
.input-group input[type="text"].form-control.price-field {
	flex: 1 1 70px;
	min-width: 70px; /* Price-Fields min-width 80px - e.g. 4745,80 € */
}
.input-group.price-field-editable .input-group-append {
	min-width: 55px;
}



.input-group input[type="text"].form-control.interval-amount {
	min-width: 60px; /* Price-Fields min-width 80px - e.g. 4745,80 € */
}

.input-group-append .input-group-text {
	padding: 3px 8px;
}

.btn {
	line-height: 18px;
	padding: 6px 12px;
}
.btn-sm {
	padding: .25rem .75rem;
	font-size: .875rem;
}
.bg-primary {
	background-color: var(--bg-primary) !important;
}
.btn > i {
	font-size: 1.2rem;
	margin: 0 5px;
}

/*
.btn [class^="icon-"],
.btn [class*=" icon-"] {
	margin-right: 5px;
}
*/
.btn-lg {
	line-height: 24px;
}
.btn-xl {
	line-height: 30px;
	font-size: 1.25rem;
}
.btn-light {
	color: #5f5f5f;
	background: none;
}
.btn-light.dropdown-toggle {
	background: #fff;
}
.btn-rounded {
	border-radius: 16px;
}
.btn-lg.btn-rounded {
	border-radius: 19px;
}
.btn-primary,
.page-item.active .page-link {
	background-color: #4bbc84;
	border-color: #4bbc84;
}
.btn-primary:hover {
	background-color: #348860;
	border-color: #348860;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	background-color: #348860;
	border-color: #348860;
}
.btn-sm [class^="icon-"],
.btn-sm [class*=" icon-"] {
	font-size: 12px;
}
.btn-primary.disabled, .btn-primary:disabled {
	background-color: #aac8b9;
	border-color: #aac8b9;
}

.btn-outline-primary {
	border-color: #4bbc84;
	color: #4bbc84;
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
	background-color: #4bbc84;
	border-color: #4bbc84;
	color: #fff;
}
.btn-outline-primary:hover {
	background-color: #348860;
	border-color: #348860;
}

.form-control:focus {
	-webkit-box-shadow:inset 0 0 0 2px rgba(75,188,132,0.5);
	box-shadow:inset 0 0 0 2px rgba(75,188,132,0.5);
}
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	-webkit-box-shadow:inset 0 0 0 2px rgba(75,188,132,0.5);
	box-shadow:inset 0 0 0 2px rgba(75,188,132,0.5);
}

/* btn-outline-secondary with red text */
.btn-outline-secondary.text-danger:hover,
.btn-outline-secondary.text-danger:active,
.btn-outline-secondary.text-danger:focus {
	color: #fff !important;
}

/* 2 rowed Button with Text -> e.g. LTB Preise Generator */
.btn-with-explanation {
	border-radius: 40px;
	padding-left: 20px;
	padding-right: 20px;
}
.btn-with-explanation .title {
	display: block;
}
.btn-with-explanation .title + .explanation {
	display: block;
	border-top: 1px solid #5f5f5f;
	margin-top: 4px;
	padding-top: 2px;
	font-size: 0.8rem;
}
/* .btn-with-explanation.btn-outline-secondary */
.btn-with-explanation.btn-outline-secondary .title + .explanation {
	border-color: #6c757d;
}
.btn-with-explanation.btn-outline-secondary:hover .title + .explanation {
	border-color: #fff;
}
.btn-with-explanation.btn-outline-secondary .badge {
	background: #6c757d;
	color: #fff;
}
.btn-with-explanation.btn-outline-secondary:hover .badge {
	background:  #fff;
	color: #6c757d;
}
/* .btn-with-explanation.btn-outline-danger */
.btn-with-explanation.btn-outline-danger .title + .explanation {
	border-color: #dc3545;
}
.btn-with-explanation.btn-outline-danger:hover .title + .explanation {
	border-color: #fff;
}
.btn-with-explanation.btn-outline-danger .badge {
	background: #dc3545;
	color: #fff;
}
.btn-with-explanation.btn-outline-danger:hover .badge {
	background:  #fff;
	color: #dc3545;
}

/* pagination */
.pagination li a {
	text-decoration: none !important;
}
.pagination li.active a {
	color: #fff !important;
}
.page-link {
	color: #5f5f5f;
}
label {
	font-size: 14px;
	/* line-height: 16px; */
	line-height: 20px;
	margin-bottom: 4px;
}

.form-control::-webkit-input-placeholder {
	color: #a6a6a6;
}
.form-control::-moz-placeholder {
	color: #a6a6a6;
}
.form-control:-ms-input-placeholder {
	color: #a6a6a6;
}
.form-control::-ms-input-placeholder {
	color: #a6a6a6;
}
.form-control::placeholder {
	color: #a6a6a6;
}

.form-control.text-danger,
.input-group-append.text-danger > .input-group-text {
	border-color: #dc2828;
}
.form-control.text-danger::-webkit-input-placeholder {
	color: #dc2828;
}
.form-control.text-danger::-moz-placeholder {
	color: #dc2828;
}
.form-control.text-danger:-ms-input-placeholder {
	color: #dc2828;
}
.form-control.text-danger::-ms-input-placeholder {
	color: #dc2828;
}
.form-control.text-danger::placeholder {
	color: #dc2828;
}

.badge-primary {
	background-color: #4bbc84;
}

.modal-title {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 30px;
}
.modal-title [class^="icon"] {
	position: relative;
	top: 3px;
	font-size: 22px;
}
.modal-title [class^="icon"].before {
	margin-right: 10px;
}
.modal-title small {
	display: block;
	line-height: 24px;
}
.modal-content .alert {
	display: block;
	width: 100%;
}

#edit-area .accordion .card-body,
#edit-area .tab-content .accordion .card-body {
	padding: 10px 5px;
}
/* LT Accordions in DMO (e.g. Vorgangsverwaltung) */
#edit-area .accordion-group.accordion-wrap > .collapse-inner {
	padding: 0 15px 15px 15px;
}
/* Card Boxed in Accordion */
#edit-area .collapse-inner .card.card-boxed {
	border: 1px solid rgba(0,0,0,.08);
}
#edit-area .collapse-inner .card.card-boxed .card-header {
	font-weight: 600;
	margin-bottom: 0;
}
#edit-area .collapse-inner .card.card-boxed .card-body {
	padding: 0;
}
#edit-area .collapse-inner .card.card-boxed .card-body .box {
	background: #f7f7f7;
	margin-top: 1px;
	border-bottom-right-radius: .25rem;
	border-bottom-left-radius: .25rem;
}
#edit-area .collapse-inner .card.card-boxed .card-body .box-inner {
	margin: 0;
	border: none;
}

#edit-area .collapse-inner .card.box {
	border: none;
}

	
/* Horizontal Tab nav in Box eg. Konditionen */
#edit-area .tab-content .accordion .tab-nav-horizontal nav a {
	margin: 0 10px;
}
#edit-area .tab-content .accordion .tab-nav-horizontal nav a.active,
#edit-area .tab-content .accordion .tab-nav-horizontal nav .btn-collapse,
#edit-area .product-verkaufssteuerung-preise-calendar .row-calendar-buttons .btn-collapse,
#edit-area .product-verkaufssteuerung-preise-calendar .row-calendar-buttons .btn-new {
	background-color: transparent;
	color: #348860;
	border-color: #348860;
}
#edit-area .row-calendar-buttons .btn-collapse i::before {
	content: "\e92b"; /* Minus */
}
#edit-area .row-calendar-buttons .btn-collapse.collapsed i::before {
	content: "\e900"; /* plus */
	content: "\e930"; /* plus */
}
#edit-area .tab-content .accordion .tab-nav-horizontal nav .btn-collapse.collapsed,
#edit-area .product-verkaufssteuerung-preise-calendar .row-calendar-buttons .btn-collapse.collapsed {
	background-color: transparent;
	color: #5f5f5f;
	border-color: #ced4da;
}
/* btn-outline-secondary */
#edit-area .tab-content .accordion .row-calendar-buttons nav .btn-collapse.btn-outline-secondary.collapsed {
	background-color: transparent;
	color: #5f5f5f;
	border-color: #ced4da;
}
#edit-area .tab-content .accordion .row-calendar-buttons nav .btn-collapse.btn-outline-secondary,
#edit-area .tab-content .accordion .row-calendar-buttons nav .btn-collapse.btn-outline-secondary:hover {
	background: #ced4da;
	color: #5f5f5f;
}
/* btn-outline-danger */
#edit-area .tab-content .accordion .row-calendar-buttons nav .btn-collapse.btn-outline-danger.collapsed {
	background-color: transparent;
	color: #dc3545;
	border-color: #dc3545;
}
#edit-area .tab-content .accordion .row-calendar-buttons nav .btn-collapse.btn-outline-danger,
#edit-area .tab-content .accordion .row-calendar-buttons nav .btn-collapse.btn-outline-danger:hover {
	background: #dc3545;
	color: #fff;
}
/* special Styling Zeitraum pflegen */
/*
#edit-area .product-verkaufssteuerung-preise-calendar .row-calendar-buttons .btn-collapse.collapsed,
#edit-area .product-verkaufssteuerung-preise-calendar .row-calendar-buttons .btn-new.collapsed {
	background-color: #4bbc84;
	border-color: #4bbc84;
	color: #fff;
}
*/

/* Tooltip */
.tooltip-inner {
	color: #5f5f5f;
	background-color: #cdcdcd;
	max-width: 350px;
}
/* Password-Field with show / hide functionality */
.input-group.show-hide-password .input-group-text {
	cursor: pointer;
}
/* Bootstrap tooltip */
/* #collapse-document-delivery */
.tooltip-wide .tooltip-inner {
	max-width: 600px !important;
}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
	border-top-color: #cdcdcd;
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
	border-bottom-color: #cdcdcd;
}
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before,
.tooltip.bs-tooltip-left .arrow::before {
	border-left-color: #cdcdcd;
}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
	border-right-color: #cdcdcd;
}

/* Accordion Card */
.accordion .card:first-of-type,
.accordion .card:not(:first-of-type):not(:last-of-type) {
	border-bottom: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
}
.accordion .card:last-of-type {
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}
/* Fix for last Entry with Dropdown */
#tab-content-product-basis > .accordion .card:last-of-type,
#tab-content-product-verkaufssteuerung > .accordion:last-of-type .card:last-of-type,
#tab-content-lt-adressen > .accordion .card:last-of-type,
#tab-content-lt-merkmale > .accordion .card:last-of-type,
#tab-content-product-merkmale > .accordion .card:last-of-type,
#tab-content-new-lt > .accordion .card:last-of-type,
#tab-content-new-product > .accordion .card:last-of-type {
	margin-bottom: 100px;
}
/* Card default Styling */
.card {
	margin-bottom: 15px;
}
.accordion .card {
	overflow: visible;
}
.card-header {
	padding: 10px 15px;
	background-color: rgba(0,0,0,.06);
}
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6 {
	margin-bottom: 0;
}
.card a:not(.btn):not(.dropdown-item):not(.nav-link) {
	color: #5f5f5f;
	text-decoration: underline;
}
/* Card in Card e.g.: LT Beherbergung Preise / Grundpreis */
.row-preise-rate-card {
	margin: 10px 0 0 0;
}
.collapse > .row-preise-rate-card:last-child {
	margin-bottom: 10px;
}
.col-preise-rate-card {
	padding-left: 10px;
	padding-right: 10px;
}
.card.preise-rate-card {
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
		 	transition: all 0.25s ease-in-out;
}
.card.preise-rate-card:not(.open):hover {
	-webkit-transform: scale(1.005);
	   -moz-transform: scale(1.005);
		 -o-transform: scale(1.005);
		 	transform: scale(1.005);
	-webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.05);
			box-shadow: 0 0 5px 2px rgba(0,0,0,0.05);
}
.card.preise-rate-card .card-header {
	background-color: rgba(0,0,0,.02);
	display: block;
	position: relative;
	cursor: pointer;
	padding-left: 35px;
}
.card.preise-rate-card .card-header::after {
	content: '\e930'; /* icon-plus-circle */
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-top: -10px;
	font-family: 'icomoon' !important;
	font-size: 16px;
	text-align: center;
	position: absolute;
	left: 10px;
	top: 50%;
}
.card.preise-rate-card.open .card-header::after {
	content: '\e92b'; /* icon-minus-circle */
}
#edit-area .card.preise-rate-card .card-header h2 {
	font-size: 16px;
	line-height: 20px;
}
#edit-area .accordion .card.preise-rate-card .card-body {
	position: relative;
	width: 100%;
	overflow: hidden;
	max-height: 0;
	padding: 0px 5px;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
		 	transition: all 0.25s ease-in-out;
}
/* open */
#edit-area .accordion .card.preise-rate-card.open .card-body {
	padding: 10px 5px;
	max-height: 10000px;
}

/* Nav List Einträge Arrows */
.nav-list > li > a .icon-arrow-up::before {
	display: block;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
		 	transition: all 0.25s ease-in-out;
}
.nav-list > li > a.collapsed .icon-arrow-up::before {
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
	
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
		 	transition: all 0.25s ease-in-out;
}
/* Accordion Einträge */
.card-header.open .icon-arrow-down {
	cursor: pointer;
}
.card-header .icon-arrow-down::before,
.toggle-head .icon-arrow-down::before {
	display: block;
	
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
		 	transition: all 0.25s ease-in-out;
}
.card-header.open .icon-arrow-down::before,
.toggle-head.open .icon-arrow-down::before {
	/*
		transform: rotate(180deg);
	*/
	
	transition: all 0.25s ease-in-out;
}

/* PDF Cards */
.card-body .card.pdf {
	padding: 5px 5px 5px 60px;
	margin-bottom: 0;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #cdcdcd;
}
.card-body .card.pdf:last-child {
	border: none;
}

.card-body .card.pdf::before {
	content: "\e92f";  /* icon-pdf */
	font-family: "icomoon" !important;
	font-size: 30px;
	line-height: 40px;
	display: block;
	width: 50px;
	height: 40px;
	color: #db1317;
	position: absolute;
	top: 5px;
	text-align: center;
	left: 5px;
}

.card-body .card.pdf .card-body {
	padding: 0;
	min-height: 40px;
}

.card-body .card.pdf a {
	text-decoration: none;
}

.card-body .card.pdf .card-title {
	color: #5f5f5f;
	font-weight: 700;
	font-size: 14px;
	margin: 0 0 5px 0;
}
.card-body .card.pdf .card-subtitle {
	font-size: 12px;
}

/* Logins Zugriffsrechte auf Anbieterebene (fuer DMOs) */
.row-user-item {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 10px;
}
.row-user-item .col-user-name {
	font-weight: 600;
	padding-left: 0;
	cursor: pointer;
}
.row-user-item .col-user-name {
	margin-bottom: 5px;
}
.row-user-item .col-user-profile {
	padding-left: 0;
	margin-bottom: 10px;
}
.row-user-item .col-user-edit {
	padding-left: 0;
}
.row-user-item .col-user-delete {
	padding-right: 0;
}
.row-user-item .col-user-name,
.row-user-item .col-user-profile,
.row-user-item .col-user-status,
.row-user-item .col-user-delete,
.row-user-item .col-user-edit {
	line-height: 20px;
}
.row-user-item .col-user-edit,
.row-user-item .col-user-delete {
	padding-bottom: 10px;
	border-bottom: 1px solid #5f5f5f;
	border-bottom: 1px solid rgba(0,0,0,.05);
}
.row-user-item .user-status {
	color: #4bbc84;
	position: relative;
	line-height: 35px;
	display: inline-block;
	height: 35px;
	vertical-align: middle;
	padding-right: 5px;
}
.row-user-item .user-status::before {
	content: '';
	display: block;
	background: #fff;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	line-height: 35px;
	margin-top: 10px;
}
.row-user-item .col-user-status.active {
	color: #4bbc84;
}
.row-user-item .col-user-status.active .user-status::before {
	background: #4bbc84;
}
.row-user-item .col-user-status.inactive {
	color: red;
}
.row-user-item .col-user-status.inactive .user-status::before {
	background: red;
}



/* Calender Value Mousover Hint to text-inputs */
body > .value-hint {
	background: rgba(255,255,255,0.8);
	background: #fff;
	border: 1px solid #ccc;
	padding: 2px 8px;
	border-radius: 12px;
	text-align: center;
	color: #343434;
	height: 24px;
	line-height: 14px;
	font-size: 14px;
	position: absolute;
	left: -5000px;
	top: 0;
	z-index: 10000;
	transition: all 0.5s ease;
}


/* Media Queries */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.br-sm-1 {
		border-right: 1px solid rgba(0,0,0,.1);
	}
	.nowrap-sm {
		white-space: nowrap;
	}
	
	.input-group.daterange .input-group-prepend ~ .date-wrapper .form-control.date {
		max-width: 125px;
	}
	
	.row-user-item .col-user-name,
	.row-user-item .col-user-profile {
		margin-bottom: 0;
		padding-bottom: 10px;
		border-bottom: 1px solid #5f5f5f;
		border-bottom: 1px solid rgba(0,0,0,.05);
	}
	/* .row-user-item .col-user-name,
	.row-user-item .col-user-profile, */
	.row-user-item .col-user-status,
	.row-user-item .col-user-delete,
	.row-user-item .col-user-edit {
		line-height: 35px;
	}
	.row-user-item .user-status::before {
		margin-top: 15px;
	}
	.row-user-item .col-user-name,
	.row-user-item .col-user-profile,
	.row-user-item .col-user-status,
	.row-user-item .col-user-delete,
	.row-user-item .col-user-edit {
		border-bottom: 1px solid #5f5f5f;
		border-bottom: 1px solid rgba(0,0,0,.05);
		padding-bottom: 5px;
	}
	.row-user-item .col-user-edit {
		padding-left: 15px;
		padding-right: 0;
	}
	.row-user-item .col-user-delete {
		padding-left: 0;
	}

	#quick-nav {
		min-width: 70px;
	}
	#quick-nav ul li a.nav-link [class*="icon"],
	#quick-nav ul li a.nav-link [class*="sign"] {
		width: 60px;
	}
	#quick-nav ul li a.nav-link .text {
		max-width: 60px;
	}
	#tSmart-outer-wrap.has-quick-nav {
		padding-left: 71px;
	}
	/*
	#quick-nav ul li.selling-settings {
		bottom: 63px;
	}
	#quick-nav ul li.datencheck {
		bottom: 63px;
	}
	#quick-nav ul li.evaluation {
		bottom: 126px;
	}
	*/
	
	.logo-wrap {
		/*/ width: var(--width-logo-col-sm); */
	}
	.logo-wrap span {
		/* height: 50px; */
	}
	
	#tSmart-outer-wrap.has-quick-nav #right-col.mobile.open {
		max-width: calc(100% - 70px);
	}
	#tSmart-outer-wrap.has-quick-nav #left-col.mobile {
	    left: 70px;
	}
	#tSmart-outer-wrap.has-quick-nav #left-col.mobile.open {
		max-width: calc(100% - 70px);
	}
	
	.accordion .left-col,
	.accordion .right-col {
		/* display: inline-block;
		width: 100%;
		*/
	}
	.accordion .card-header .btn-link {
		max-width: 90%;
		max-width: calc(100% - 30px);
	}
	
	#edit-area .scroll-container-y .mCSB_container > .tab-content {
		min-height: calc(100vh - 325px);
	}
	
	.input-group.daterange .input-group-prepend ~ .date-wrapper .form-control.date {
		padding-right: 30px;
	}
	.input-group.daterange .input-group-prepend ~ .date-wrapper .form-control.date.without-icon {
		padding-right: 3px;
		max-width: 100px;
	}
	.input-group.daterange .input-group-prepend ~ .date-wrapper .icon-calendar {
		display: block;
	}
}
/* Between 768 px and 1199px */
@media (min-width: 768px) and (max-width: 1199px){
	#top-row .col-grey-Info .title-infos .col-12,
	#top-row .col-grey-Info .additional-infos .col-12 {
		min-width: 0;
	}
	#top-row .col-grey-Info .title-infos .title-1,
	#top-row .col-grey-Info .additional-infos .edited-infos {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		float: none;
	}
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.nowrap-md {
		white-space: nowrap;
	}
	.mt-md-label {
		margin-top: 20px !important;
		margin-top: 24px !important; /* line-height: 20px + margin-bottom: 4px */
	}
	.mt-md-0 {
		margin-top: 0px !important;
	}
	
	#quick-nav ul li .dropdown-menu.sub-menu {
		/* transform: translateX(160px) !important; */
	}
	
	#top-row .col-data-info {
		padding-left: 30px;
		min-height: 64px;
	}
	#top-row .col-subtabs {
		padding-left: 20px;
	}
	#top-row .col-logo {
		border-bottom: 1px solid #cdcdcd;
	}
	#top-row .col-main-functions {
		border-bottom: 1px solid #cdcdcd;
		text-align: left;
	}
	#top-main-functions {
		padding-top: 10px;
		float: right;
	}
	#mobile-top-main-functions.btn-group {
		float: right;
		display: block;
	}
	#top-row .additional-infos a {
		margin-left: 10px;
	}
	#left-col,
	#edit-area,
	#right-col {
		height: calc(100vh - 115px);
	}
	#edit-area.no-subtabs {
		min-height: calc(100vh - 65px);
	}
	#edit-area.full-height {
		height: calc(100vh - 65px);
	}
	#left-col .boxed-content {
		padding-right: 20px;
	}
	#right-col .boxed-content {
		padding-left: 20px;
	}
	#left-col {
		-webkit-box-shadow: 3px 0 3px 1px rgba(0,0,0,0.05);
		box-shadow: 3px 0 3px 1px rgba(0,0,0,0.05);
		padding-right: 0;
	}
	#left-col.open {
		padding-right: 0;

		width: 100%;
		overflow: visible;
		opacity: 1;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
		display: block;
	}
	
	#left-col .btn-close,
	#right-col .btn-close {
		right: -19px;
		top: -19px;
		display: none;
	}
	/* Left col / Suche */
	#left-col .search-tab-wrap .nav {
		flex-wrap: wrap;
	}
	#left-col .search-tab-wrap .nav-item {
		display: block;
		width: 100%;
		max-width: 100%;
	}
	/* Edit-Area */
	#edit-area {
		padding: 10px 0px 10px 30px;
	}
	
	#edit-area .scroll-container-y .mCSB_container > .tab-content {
		/* min-height: calc(100vh - 255px); */
		min-height: calc(100vh - 155px);
	}
	
	#edit-area .subtabs-lvl-3 {
		margin-left: -30px;
		padding-left: 30px;
		width: calc(100% + 30px);
	}
	.language-switch + .form-group,
	.language-switch ~ .form-group,
	.language-switch + .tab-content {
		margin-top: -15px;
	}
	.hidden-language-switch .language-switch + .tab-content {
		margin-top: 0px;
	}
	.row-category-variants .language-switch ~ .form-group {
		margin-top: -10px;
		padding-right: 150px;
	}
	.row-category-variants .language-switch ~ .form-group:last-child {
		margin-top: 0;
		padding-right: 0;
	}
	.row-scrollable-calendar .col-identifiers .col-row-identifier,
	.row-scrollable-calendar .col-identifiers .col-row-toggle,
	.row-verfuegbarkeiten .col-time .row-time-rate,
	.row-verfuegbarkeiten .col-time .row-rate-name {
		min-width: 15vw;
		max-width: 350px;
		max-width: 18vw;
		font-size: 16px;
	}
	/* Beherbergungen specific Belegung calendar only? .beherbergung-calendar */
	.row-scrollable-calendar.beherbergung-calendar .col-identifiers .col-row-identifier {
		min-width: auto;
		max-width: none;
		width: 125px;
	}
	#edit-area.bg-colored .mCSB_container,
	#edit-area .scrollable-container-x .mCSB_container {
		padding: 0 10px;
	}
	#edit-area.bg-colored .scrollable-container .mCSB_container {
		padding: 0px;
	}
	.row-verfuegbarkeiten .col-time,
	.row-verfuegbarkeiten .col-rates,
	.row-preise .col-rate {
		/* max-width: 15%; */
	}
	
	/* Right Col */
	#right-col {
		padding-left: 0;
		-webkit-box-shadow: -3px 0 3px 1px rgba(0,0,0,0.05);
		box-shadow: -3px 0 3px 1px rgba(0,0,0,0.05);
		z-index: 2;
	}
	#right-col.open {
		padding-left: 0;
	}
	#right-col .btn-close {
		left: -19px;
	}
	#top-row .col-cart-button {
		-webkit-box-shadow: -1px 0px 2px 2px rgba(0,0,0,0.1);
		box-shadow: -1px 0px 2px 2px rgba(0,0,0,0.1);
		z-index: 1;
	}
	#top-row .col-cart-button:not(:has(button)) {
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	/* Max width for select items */
	#edit-area .bootstrap-select .dropdown-menu li,
	#edit-area .bootstrap-select .dropdown-menu li a {
		max-width: 60vw;
	}
	
	
	/* Custom Scrollbar Styling */
	#edit-area .mCSB_inside > .mCSB_container {
		margin-right: 30px;
	}
	.custom-merkmal-box .btn-collapse {
		right: 10px;
	}
	
	/* 2 col custom components */
	.row-md-2-cols .form-check,
	.row-md-2-cols .custom-control,
	.row-md-2-cols .custom-merkmal-box {
		width: 50%;
	}
	
	/* 3 col custom components */
	.row-md-3-cols .form-check,
	.row-md-3-cols .custom-control,
	.row-md-3-cols .custom-merkmal-box {
		width: 33%;
	}
	/* 100% width for Custom Merkmal Boxes */
	.row-md-2-cols .custom-merkmal-box .custom-control,
	.row-md-3-cols .custom-merkmal-box .custom-control {
		width: 80%;
		width: calc(100% - 40px);
	}
}

/* Between 992 px and 1199px */
@media (min-width: 768px) and (max-width: 1199px){
	#top-row .col-grey-Info .title-infos,
	#top-row .col-grey-Info .additional-infos {
		max-width: 630px;
	}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	/* Helpers */
	.mh-lg-40 {
		min-height: 40px;
	}
	.nowrap-lg {
		white-space: nowrap;
	}
	.mt-lg-label {
		margin-top: 20px !important;
		margin-top: 24px !important; /* line-height: 20px + margin-bottom: 4px */
	}
	.mt-lg-0 {
		margin-top: 0px !important;
	}
	.border-lg-left {
		border-left: 1px solid rgba(0,0,0,.1);
	}
	
	#left-col .btn-close,
	#right-col .btn-close {
		display: block;
	}
	#left-col.open {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	#right-col.open {
		opacity: 1;
		-ms-flex: 0 0 33%;
		flex: 0 0 33%;
		max-width: 33%;
	}
	
	/* Dashboard Accordion in 2 Columns */
	#accordion-dashboard,
	#accordion-destinationcard,
	#accordion-auswertung {
		/*
		-webkit-column-count: 2;
		   -moz-column-count: 2;
				column-count: 2;
		-webkit-column-gap: 30px;
		   -moz-column-gap: 30px;
				column-gap: 30px;
		orphans: 1;
		widows: 1;
		*/
		display: -ms-flexbox;
			   display: flex;
		 -ms-flex-wrap: wrap;
			 flex-wrap: wrap;
	}
	#accordion-dashboard.fullsize,
	.accordion.fullsize {
		/*
		-webkit-column-count: 1;
		   -moz-column-count: 1;
				column-count: 1;
		*/
	}
	.accordion .left-col,
	.accordion .right-col {
		-ms-flex-preferred-size: 0;
					 flex-basis: 0;
		-ms-flex-positive: 1;
				flex-grow: 1;
		-ms-flex: 0 0 50%;
			flex: 0 0 50%;
		max-width: 50%;
	}
	.accordion .left-col {
		padding-right: 15px;
	}
	.accordion .right-col {
		padding-left: 15px;
	}
	.accordion.fullsize .left-col,
	.accordion.fullsize .right-col {
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
		max-width: 100%;
	}
	.accordion .card-header .btn.fullsize-expand {
		display: block;
	}
	.accordion .card-header .btn-link {
		max-width: 80%;
		max-width: calc(100% - 30px);
	}
	#edit-area .fixed-bottom .btn-col {
		/*
		-ms-flex: 0 0 260px;
		flex: 0 0 260px;
		*/
		max-width: 260px;
	}
	#edit-area .fixed-bottom .btn-col.mw-auto {
		max-width: none;
	}
	
	/* Erlebnis / Anbieter Adressen */
	.btn-without-label {
		margin-top: 20px;
	}
	
	/* Erlebnis Bilder */
	#edit-area .image-edit-block .image-col .img-info-data {
		padding-left: 40px;
		line-height: 30px;
	}
	#edit-area .image-edit-block .image-col .btn-delete {
		position: absolute;
		left: 0px;
		top: 0px;
	}
	#edit-area .images-area .image-item .card-body {
		padding-left: 60px;
	}
	#edit-area .images-area .image-item .btn-image-edit {
		position: absolute;
		left: 10px;
		top: 10px;
	}
	
	#edit-area .fixed-bottom.left-open {
		padding-left: 26%;
	}
	#edit-area .fixed-bottom.right-open {
		padding-right: 36%;
	}
	
	/* LT Beherbergungen Preise */
	.product-verkaufssteuerung-preise-calendar-wrap .row-scrollable-calendar .col-row-toggle .btn-calendar-toggle {
		font-size: 0.9rem;
		font-weight: 600;
	}
	.row-scrollable-calendar .col-identifiers .col-row-identifier .col-name {
		font-size: 0.9rem;
	}
	
	/* Erlebnis - Teilnehmer */
	#edit-area .row-teilnehmer-hint {
		margin-top: 0px;
		padding-top: 0px;
	}
	
	/* 1 col custom components to reset */
	.row-lg-1-cols .form-check,
	.row-lg-1-cols .custom-control,
	.row-lg-1-cols .custom-merkmal-box {
		width: 100%;
	}
	/* 2 col custom components */
	.row-lg-2-cols .form-check,
	.row-lg-2-cols .custom-control,
	.row-lg-2-cols .custom-merkmal-box {
		width: 50%;
	}
	/* 3 col custom components */
	.row-lg-3-cols .form-check,
	.row-lg-3-cols .custom-control,
	.row-lg-3-cols .custom-merkmal-box {
		width: 33%;
	}
	/* 100% width for Custom Merkmal Boxes */
	.row-lg-2-cols .custom-merkmal-box .custom-control,
	.row-lg-3-cols .custom-merkmal-box .custom-control {
		width: 80%;
		width: calc(100% - 40px);
	}
	
	/* bootstrap select*/
	/* Max width for select items */
	#edit-area .bootstrap-select .dropdown-menu li,
	#edit-area .bootstrap-select .dropdown-menu li a {
		max-width: 40vw;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	/* Helpers */
	.minw-xl-150 {
		min-width: 150px;
	}
	.minw-xl-200 {
		min-width: 200px;
	}
	.mh-xl-40 {
		min-height: 40px;
	}
	.mt-xl-label {
		margin-top: 20px !important;
		margin-top: 24px !important; /* line-height: 20px + margin-bottom: 4px */
	}
	.mt-xl-0 {
		margin-top: 0px !important;
	}
	.mw-auto {
		max-width: none;
	}
	/* Bootstrap */
	.modal-xl {
		max-width: 1140px;
	}
	
	/* Holidu Logo */
	.logo-wrap span {
		height: 30px;
		width: 185px;
		margin: 0;
	}
	
	/* Left col / Suche */
	#left-col .search-tab-wrap .nav {
		flex-wrap: nowrap;
	}
	#left-col .search-tab-wrap .nav-item {
		display: block;
		width: auto;
		max-width: 100%;
	}
	
	#left-col .boxed-content {
		/* padding-right: 10px; */
	}
	
	#edit-area .images-area > .image-item.sortable-dragging {
		/* border: 1px dashed #4bbc84; */
		border: none;
	}
	
	/* Gueltig X Minuten vor/nach Beginn */
	.col-available-latest .col-available-time-input {
		max-width: 65%;
	}
	.col-available-latest .col-available-before-after {
		max-width: 35%;
	}
	
	/* 2 col custom components */
	.row-xl-2-cols .form-check,
	.row-xl-2-cols .custom-control,
	.row-xl-2-cols .custom-merkmal-box {
		width: 50%;
	}
	/* 3 col custom components */
	.row-xl-3-cols .form-check,
	.row-xl-3-cols .custom-control,
	.row-xl-3-cols .custom-merkmal-box {
		width: 33%;
	}
	/* 100% width for Custom Merkmal Boxes */
	.row-xl-2-cols .custom-merkmal-box .custom-control,
	.row-xl-3-cols .custom-merkmal-box .custom-control {
		width: 80%;
		width: calc(100% - 40px);
	}
	/* Verfuegbarkeiten */
	.row-verfuegbarkeiten .col-time,
	.row-verfuegbarkeiten .col-rates,
	.row-preise .col-rate {
		/* max-width: 20%; */
	}
	
	/* Verkaufssteuerung Preise */
	.row-scrollable-calendar .col-identifiers .col-row-identifier,
	.row-scrollable-calendar .col-identifiers .col-row-toggle,
	.row-verfuegbarkeiten .col-time .row-time-rate,
	.row-verfuegbarkeiten .col-time .row-rate-name {
		min-width: 12vw;
		max-width: 300px;
		max-width: 14vw;
	}
}
/* XXL Query */
@media (min-width: 1360px) {
	.d-xxl-inline {
		display: inline !important;
	}
}
@media (min-width: 1400px) {
	/* Helper */
	.minw-xxl-150 {
		min-width: 150px;
	}
	.minw-xxl-200 {
		min-width: 200px;
	}
	.d-xxl-inline {
		display: inline !important;
	}
	.d-xxl-inline-block {
		display: inline-block !important;
	}
	/* Left col / Suche */
	#left-col .search-tab-wrap .nav-link small {
		font-size: 1rem;
	}
	/* Extending Bootstrap */
	/* xxl breakpoint */
	.col-xxl-auto {
	    -ms-flex: 0 0 auto;
	    flex: 0 0 auto;
	    width: auto;
	    max-width: 100%;
	}
	.col-xxl {
	    -ms-flex-preferred-size: 0;
	    flex-basis: 0;
	    -ms-flex-positive: 1;
	    flex-grow: 1;
	    max-width: 100%;
	}
	.col-xxl-6 {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	/* price-field Styling */
	/* with prepend icon */
	.input-group.price-field-editable {
		width: 157px; /* 32px + 70px + 55px */
	}
	.input-group input[type="text"].form-control.price-field {
		flex: 1 1 70px;
		min-width: 70px; /* Price-Fields min-width 80px - e.g. 4745,80 € */
	}
	
	
	.input-group input[type="text"].form-control.interval-amount {
		min-width: 80px; /* Price-Fields min-width 80px - e.g. 4745,80 € */
	}
	
	/* Verkaufssteuerung Preise */
	.row-scrollable-calendar .col-identifiers .col-row-identifier,
	.row-scrollable-calendar .col-identifiers .col-row-toggle,
	.row-verfuegbarkeiten .col-time .row-time-rate,
	.row-verfuegbarkeiten .col-time .row-rate-name {
		min-width: 14vw;
		max-width: 300px;
		max-width: 18vw;
	}
}
@media (min-width: 1600px) {
	/* Helper */
	.d-xxxl-inline-block {
		display: inline-block !important;
	}
}


/* Special media Query #quick-nav Icons */
@media (max-height: 800px) {
	#quick-nav ul li a.nav-link {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#quick-nav ul li a.nav-link [class*="icon"],
	#quick-nav ul li a.nav-link .checkmark-sign::before {
		/* display: none; */
		font-size: 14px;
		line-height: 16px;
	}
	#quick-nav ul li a.nav-link svg {
		height: 16px;
	}
	/*
	#quick-nav ul li a.nav-link .text {
		display: none;
	}
	*/
	/*
	#quick-nav ul li.evaluation {
		bottom: 90px;
	}
	#quick-nav ul li.selling-settings {
		bottom: 51px;
	}
	#quick-nav ul li.datencheck {
		bottom: 50px;
	}
	*/
}
@media (max-height: 590px) and (min-width: 576px) {
	/*
	#quick-nav ul li.datencheck {
		bottom: 40px;
	}
	*/
}
@media (max-height: 550px) {
	#quick-nav ul li a.nav-link [class*="icon"],
	#quick-nav ul li a.nav-link [class*="sign"],
	#quick-nav ul li a.nav-link svg {
		display: none;
	}
	/*
	#quick-nav ul li.evaluation {
		bottom: 80px;
	}
	#quick-nav ul li.selling-settings {
		bottom: 40px;
	}
	*/
}
@media (max-height: 420px) {
	/*
	#quick-nav ul li.evaluation {
		bottom: 58px;
	}
	#quick-nav ul li.selling-settings {
		bottom: 35px;
	}
	*/
}
@media (min-height: 420px) and (max-height: 470px) {
	#quick-nav > ul > li > a.nav-link,
	#quick-nav > ul > li > .btn-group > a.nav-link {
		min-height: 30px;
	}
}
/* Update LT Sidebar CSS */
#quick-nav > ul.nav + ul.nav {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
#quick-nav > ul.nav + ul.nav li.selling-settings,
#quick-nav > ul.nav + ul.nav li.datencheck,
#quick-nav > ul.nav + ul.nav li.new-window {
	position: relative;
	bottom: auto;
	left: auto;
}


/* Table Responsive V02 - e.g. Vorgangsverwaltung Historie Voucher-Protokoll */
table.responsive th {
	border-top: 0;
}
table.responsive th,
table.responsive td {
	padding-top: 5px;
	padding-bottom: 5px;
}
@media (max-width: 1199px) {
	table.responsive,
	table.responsive tbody {
		margin-bottom: 0;
		max-width: 100%;
		display: block;
		position: relative;
	}
	table.responsive tr {
		border-bottom: 2px solid #dee2e6;
		margin-bottom: 10px;
		padding-bottom: 10px;
		display: block;
		position: relative;
	}
	table.responsive tr:first-child,
	table.responsive tr:last-child {
		margin-bottom: 0;
		border: 0;
		margin: 0;
		padding: 0;
	}
	table.responsive th {
		display: none;
	}
	table.responsive td {
		border-top: 0;
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: right;
		position: relative;
		padding-left: 40%;
		padding-top: 2px;
		padding-top: 2px;
	}
	table.responsive td::before {
		content: attr(data-label);
		font-weight: 700;
		position: absolute;
		top: 3px;
		left: 10px;
		white-space: nowrap;
		text-align: left;
	}
}
@media (max-width: 767px) {

	table.responsive td {
		text-align: left;
		padding-left: 0%;
		padding-top: 22px;
		padding-bottom: 2px;
	}
	table.responsive td::before {
		top: 0px;
		left: 0px;
		text-align: left;
	}
}