/************************************************************************************************************************************/
/******* CONTAINERS																																				*******/
.bwForm					{ display: flex; flex-wrap: wrap; padding: 1rem; }
.bwForm > div			{ padding: 1rem; }
.bwButtons				{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.5rem; margin-top: 1rem; }

.filter-check-group	{ padding-left: 0.5rem; }
.filter-check-group label	{ color: var(--gray-mediumdark); font-size: 0.9em; line-height: 1.5em; }

/************************************************************************************************************************************/
/******* BUTTONS																																					*******/
.btn { display: flex; align-items: center; justify-content: center; height: 39px; line-height: 27px; padding: 5px 10px; gap: 5px; }
.modal-header .btn { width: 39px; }

.btn.btn-square { min-width: 39px; padding: 5px; }
.btn.text-jusitified { display: flex; align-items: center; }

.btn.btn-28 { height: 28px; line-height: 27px; padding: 0 5px 1px 5px; font-size: 14px; }
.btn.btn-28x28 { height: 28px; line-height: 27px; width: 28px; padding: 0 5px 1px 5px; font-size: 14px; }
.btn.btn-28.btn-square { min-width: 28px; padding: 0 5px 1px 5px; }
.btn.btn-36 { height: 36px; line-height: 35px; padding: 0 5px 1px 5px; font-size: 14px; }
.btn.btn-36.btn-square { min-width: 36px; padding: 0 5px 1px 5px;  }
.btn.btn-48 { height: 48px; line-height: 47px; padding: 0 5px 1px 5px; font-size: 14px; }
.btn.btn-48.btn-square { min-width: 48px; padding: 0 5px 1px 5px;  }


.btn, .btn.btn-blue { color: white !important; background: var(--blau); border-color: var(--blau); }
.btn:hover, .btn.btn-blue:hover { color: white !important; background: var(--gray-dark) !important; border-color: var(--gray-dark) !important; }

.btn, .btn.btn-blue10 { color: var(--gray-dark) !important; background: var(--blue50); border-color: var(--blue50); }
.btn:hover, .btn.btn-blue10:hover { color: white !important; background: var(--gray-dark) !important; border-color: var(--gray-dark) !important; }

.btn.btn-blue25 { padding: 5px 10px; color: var(--gray-dark) !important; background: var(--blue50); border-color: var(--blue50); }
.btn.btn-blue25:hover { color: white !important; background: var(--gray-dark) !important; border-color: var(--gray-dark) !important; }

.btn.btn-primary { color: white !important; background: var(--blue) !important; border-color: var(--blue) !important; }
.btn.btn-primary:hover { color: white !important; background: var(--gray-dark) !important; border-color: var(--gray-dark) !important; }

.btn.btn-secondary { color: white !important; background: var(--blue50) !important; border-color: var(--blue50) !important; }
.btn.btn-secondary:hover { color: white !important; background: var(--gray-dark) !important; border-color: var(--gray-dark) !important; }

.btn.btn-success { color: white !important; background: var(--success) !important; border-color: var(--success) !important; }
.btn.btn-success:hover { color: white !important; background: var(--gray-dark) !important; border-color: var(--gray-dark) !important; }

.btn.btn-danger { color: white !important; background: var(--danger) !important; border-color: var(--danger) !important; }
.btn.btn-danger:hover { color: white !important; background: var(--gray-dark) !important; border-color: var(--gray-dark) !important; }

.btn.btn-hover-success:hover { color: white !important; background: var(--success) !important; border-color: var(--success) !important; }
.btn.btn-hover-danger:hover { color: white !important; background: var(--danger) !important; border-color: var(--danger) !important; }

.btn.btn-purple { color: white !important; background: #9585BF !important; border-color: #9585BF !important; }
.btn.btn-purple:hover { color: white !important; background: var(--gray-dark) !important; border-color: var(--gray-dark) !important; }

.btn:disabled { opacity: 0.5; }
.btn.current:disabled { color: white !important; background: var(--blue)  !important; border-color: var(--blue) !important; opacity: 1; }

.btn.btn-transparent { color: black !important; background: transparent !important; border-color: transparent !important; }
.btn.btn-transparent:hover { color: var(--primary) !important; background: transparent !important; border-color: transparent !important; }

.btn.btn-text-white { color: white !important; background: transparent !important; border-color: transparent !important; }
.btn.btn-text-white:hover { color: white !important; background: var(--gray-dark) !important; border-color: var(--gray-dark) !important; }




/************************************************************************************************************************************/
/******* INPUTS																																					*******/
.form-hint												{ position: absolute; z-index: 1000; top: -3px; right: -3px; background: var(--blau); color: white; padding: 0 3px 2px 3px; border-radius: 50%; cursor: default; }

.form-floating:has( + .btn:not(.d-none)) input					{ border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.form-floating + .btn:not(.d-none)									{ border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }


.form-check { display: flex; align-items: center; gap: 5px; height: 41px !important; margin: -10px 0; padding: 0px 0 !important; line-height: 22px !important; }
.form-check label { flex-grow: 1; cursor: pointer; }
.form-check input { cursor: pointer; }
.filter-check-group > .form-check:nth-child(N + 2) { height: 35px !important; padding-top: 0 !important; }
.filter-check-group > .form-check:nth-last-child(N + 2) { height: 35px !important; padding-bottom: 0 !important; }
.filter-check-group > .form-check:nth-child(N + 2):nth-last-child(N + 2) { height: 29px !important; }
.form-check .form-check-input { float: none !important; margin: 0 !important; font-size:14px; min-width: 14px}

.form-check.form-check-fancy .form-check-input:checked { background-color: var(--success); border-color: var(--success); }
.form-check.form-check-fancy .form-check-input { font-size: 24px; min-width: 24px; }
.form-check.form-check-fancy .form-check-input + label { padding-left: 6px; }


.form-floating textarea,
.form-floating select,
.form-floating input { position: relative; z-index: 2; height: 39px !important; padding: 5px 10px !important; line-height: 22px !important; background: transparent !important; box-shadow: 0 0 0 30px transparent inset !important; }

.form-floating textarea { height: 78px !important; }
.form-floating textarea.form-control-4-lines { height: 100px !important; }
.form-floating textarea.form-control-6-lines { height: 144px !important; }
.form-floating textarea.form-control-8-lines { height: 188px !important; }

.form-floating input[type="number"] { padding: 0 0 0 10px !important; line-height: 32px !important; }
.form-floating input[type="file"]::-webkit-file-upload-button { display: none; }
.form-floating input[type="file"]::file-selector-button { display: none; }
.form-floating input[type="color"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.form-floating input[type="color"]::-moz-color-swatch-wrapper { width: 30px; float: right; }
.form-floating input[type="color"]::-webkit-color-swatch-wrapper { width: 30px; float: right; }
.form-floating input[type="color"]::-moz-color-swatch { border-radius: 3px; border: 1px solid #dee2e6; }
.form-floating input[type="color"]::-webkit-color-swatch { border-radius: 3px; border: 1px solid #dee2e6; }
.unselected input[type=color]::-webkit-color-swatch { background: transparent !important; opacity: 0 !important; }

input:focus + label + .iconpicker-popover { opacity: 1 !important; }

.form-floating:after { display: none; content: ""; position: absolute; z-index: 10; top: 10px; right: 9px; font: 12px/16px "Font Awesome 6 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-weight: 900; color: #646464; }
.form-floating-select:after { display: block; content: "\f078"; }
.form-floating-popup:after { display: block; content: "\f05b"; font-size:16px }
.form-floating-time:after { display: block; content: "\f017"; }
.form-floating-date:after { display: block; content: "\f073"; }
.form-floating-icon:after { display: block; content: "\f425"; }

.select2-container { width: 100% !important; }
.select2-container span,
.select2 span { border-color: #dee2e6 !important; }
.select2-selection { height: 36px !important; }	
.select2-container--focus .select2-selection { border-color: #86b7fe !important; }
.select2-selection__rendered { height: 34px !important; padding: 5px 25px 5px 14px !important; line-height: 24px !important; }
.select2-selection__arrow { display: block !important; top: 4px !important; right: 4px !important; }
.form-floating-select .select2-selection__arrow { display: none !important; }
.select2-selection__arrow b { border-color: #888 transparent transparent transparent important!  }

.select2-container .select2-search__field { outline: none; }
.select2-container .select2-results__option { padding-left: 10px; }
.select2-container .select2-results__option--highlighted[aria-selected] { background-color: #2C6AA0;color: white; }
.select2-container .select2-selection--multiple { padding-top: 10px; height: auto !important; }
.select2-container .select2-selection--multiple .select2-selection__rendered { min-height: 36px !important; height: auto !important; }


.form-control,
.form-control-plaintext,
.form-select { height: calc(2rem + calc(var(--bs-border-width) * 2)) !important; min-height: calc(2rem + calc(var(--bs-border-width) * 2)) !important; line-height: 2; font-size:14px;}
.form-select.select-28 { font-size: 0.8rem; max-width: 200px; max-height: 28px !important; height: 28px !important; min-height: 28px !important; padding: 3px 10px !important; appearance: auto; }

body > .datepicker { margin-top: 5px; }
body > .datepicker > div { display: block; }
body > .bootstrap-timepicker-widget { margin-top: 5px; }
body > .bootstrap-timepicker-widget input { width: 35px !important; border: 1px solid #dee2e6 !important; }

.form-check-input:checked { background-color: var(--primary); border-color: var(--primary); }
.form-check-input[type=checkbox]:indeterminate { background-color: var(--primary); border-color: var(--primary); }

.form-floating>.form-control:disabled,
.form-floating>.form-control:read-only { background: var(--bs-secondary-bg) !important; }
.form-floating>.form-control:disabled~label,
.form-floating>.form-control:read-only~label { background: linear-gradient(to bottom, transparent 0%,transparent 5px,var(--bs-secondary-bg) 5px,var(--bs-secondary-bg) 100%) !important; }

.form-floating input.form-control:required,
.form-floating .form-select:required + span.select2-container--default .select2-selection--single { background-color: var(--bg-required) !important; }


.form-control.form-control-28,
.form-control-plaintext.form-control-28,
.form-select.form-control-28 { height: 28px !important; min-height: 28px !important; line-height: 14px; }

.form-floating.mi-pick { position: relative; }
.form-floating.mi-pick i.mi { position: absolute; z-index: 10; bottom: 7px; right: 7px; font-size: 24px; color: rgb(150, 150, 150); cursor: pointer; }
.form-floating.mi-pick i.material-icons-sharp { position: absolute; bottom: 7px; left: 7px; font-size: 24px; color: rgb(150, 150, 150); }
.form-floating.mi-pick input { padding-left: 38px !important; padding-right: 38px !important; }
.form-floating.mi-pick div { position: absolute; inset: -4px 0 0 0; z-index: 10; cursor: pointer; }
.form-floating.mi-pick button { float:right; width:0; height:0; border:none; padding:0; }


.form-floating-link { position: relative; border: 1px solid var(--bs-border-color); background: white; border-radius: var(--bs-border-radius); padding: 0; line-height: 1px; }
.form-floating-link:has(input:focus) { border-color: #86b7fe; }
.form-floating-link:has(input:focus) label { color: #86b7fe !important; }
.form-floating-link label { position: absolute; left: 8px; top: -7px; padding: 2px 8px; font-size: 12px; line-height: 12px; color: rgb(150, 150, 150); background: white; }
.form-floating-link > div { display: flex; align-items: flex-end; }
.form-floating-link > div i { display: flex; align-items: center; justify-content: center; width: 29px; height: 29px; }
.form-floating-link > div input { flex-grow: 1; height: 39px; padding: 8px 8px 2px 8px; border: none; outline: none; line-height: 29px; border-radius: var(--bs-border-radius); }
.form-floating-link:has(.ffl-id[value="0"]) .ffl-type,
.form-floating-link:has(.ffl-id[value="0"]) .ffl-del { display: none; }
.form-floating-link .ffl-del:hover,
.form-floating-link .ffl-pick:hover { color: #86b7fe; cursor: pointer; }


.bwInputOnColoredBG .form-floating-link label { position: static; width: 100%; padding: 4px 8px 2px 8px; border-radius: var(--bs-border-radius); }
.bwInputOnColoredBG .form-floating-link > div input { height: 33px; padding: 2px 8px; }


.form-floating-with-icon input[type="text"] { padding-right: 42px; }
.form-floating-with-icon i { position: absolute; z-index: 10; top: 6px; right: 6px; width: 27px; height: 27px; line-height: 27px; text-align: center; }
.form-floating-block	{ cursor: pointer; }
.form-floating-block input[type="text"] { background: #f5f5f5 !important; }
.form-floating-block:before { display: block; content: ""; position: absolute; z-index: 100; inset: -5px 0 0 0; }

/************************************************************************************************************************************/
/******* CUSTOM SELECT																																			*******/
.form-custom-select:after { display: block; content: "\f078"; }
.form-custom-select > div { display: none; position: relative; }
.form-custom-select.open > div { display: block; }
.form-custom-select > div ul { position: relative; margin: 0; padding: 0 0 0 25px; }
.form-custom-select > div li { margin: 0; padding: 0; list-style: none; }
.form-custom-select > div div { padding: 0.125rem 25px; cursor: pointer; }
.form-custom-select > div div:hover { color: var(--primary); }
.form-custom-select > div > ul { position: absolute; inset: 0 0 auto 0; max-height: 50vH; padding: 1rem 0 2rem 0; overflow: auto; background: white; box-shadow: 0 10px 10px rgba(0,0,0,0.125); }

.form-custom-select ul.art > li { position: relative; padding: 0 22px; }
.form-custom-select ul.art > li{ color: #969696 !important; cursor: default !important; }
.form-custom-select ul.art.art-link > li { color: #000000 !important; cursor: pointer !important; }
.form-custom-select ul.art.art-link > li:hover { color: var(--blau) !important; }
.form-custom-select ul.art:before { display: block; content: ""; position: absolute; inset: 0 auto 10px 32px; border-left: 1px dotted #000000; }
.form-custom-select ul.art > li:before { display: block; content: ""; position: absolute; inset: 10px auto 10px 9px; width: 11px; border-bottom: 1px dotted #000000; }
.form-custom-select ul.art:has(+ ul.cat):before { inset: 0 auto 0 32px; }
.form-custom-select div.cat { position: relative; }
.form-custom-select div.cat:before { display: block; content: ""; position: absolute; inset: 10px auto 10px 9px; width: 11px; border-bottom: 1px dotted #cccccc; }
.form-custom-select div.cat.cat-link:before { border-bottom: 1px dotted #000000; }
.form-custom-select ul.cat > li { position: relative; }
.form-custom-select ul.cat > li:before { display: block; content: ""; position: absolute; inset: 0 auto 0 7px; border-left: 1px dotted #cccccc; }
.form-custom-select ul.cat.cat-link > li:before { border-left: 1px dotted #000000; }
.form-custom-select ul.cat > li:last-child:before { inset: 0 auto auto 7px; height: 14px; }
.form-custom-select div.cat { color: #969696 !important; cursor: default !important; }
.form-custom-select div.cat.cat-link { color: #000000 !important; cursor: pointer !important; }
.form-custom-select div.cat.cat-link:hover { color: var(--blau) !important; }
.form-custom-select .artselect li:not(:has(ul.art)) { display: none; }
.form-custom-select .artselect ul.art li { display: block; }

/************************************************************************************************************************************/
/*****************  TINY MCE 																					*****************************************/
.mce-tinymce.mce-container, .mce-tinymce > .mce-container-body { border-radius: var(--bs-border-radius); }
.mce-tinymce.mce-container > .mce-container-body > .mce-first { border-top-left-radius: var(--bs-border-radius); border-top-right-radius: var(--bs-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding-top: 6px; }
.mce-tinymce.mce-container > .mce-container-body > .mce-last {  border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: var(--bs-border-radius); border-bottom-right-radius: var(--bs-border-radius); }
.mce-btn:hover, .mce-btn:focus { z-index: 10; }
.form-floating textarea.mceON:not(:placeholder-shown) + label { background: linear-gradient(to bottom, transparent 0%, transparent 5px, #f0f0f0 5px, #f0f0f0 100%) !important; }


/************************************************************************************************************************************/
/******* CHANGE																																					*******/
.bwTabs-loaded:has( .frm-track-change-loaded .bwChanged ) li.current { background: var(--changedcolorintense); }
.frm-track-change-loaded:has(.bwChanged) .bwInlineToolbar { background: var(--changedcolorintense); }

.form-check:has(.bwChanged) { background: var(--changedcolorlight); }
.form-floating:has(.bwChanged) { background: var(--changedcolorlight); }
.form-floating .form-control.bwChanged~label,
.form-floating .bwChanged~label { background: linear-gradient(to bottom, transparent 0%,transparent 5px,var(--changedcolorlight) 5px,var(--changedcolorlight) 100%) !important; }

.form-floating .form-select.select2.bwChanged + span.select2 .select2-selection { background: var(--changedcolorlight); }

.form-line > input.bwChanged,
.form-line > select.bwChanged { background: var(--changedcolorlight); }
.form-line > label:has(.bwChanged) { background: var(--changedcolorlight); }

/************************************************************************************************************************************/
/******* DROPZONE																																					*******/
.form-dropzone { position: relative; }
.DZ_container { position: relative; min-height: 80px; border: 1px solid #dee2e6; border-radius: 0.375rem; background: #D6E0EE; color: #646464; overflow: hidden; }
.dz-tall .DZ_container { min-height: 240px; }
.dz-small .DZ_container { min-height: 120px; }
.dz-tall.dz-square .DZ_container { min-width: 240px; }
.dz-small.dz-square .DZ_container { min-width: 120px; }

.DZ_container:hover,
.DZ_container.filedrag { background: #3466AA; color: white; }
.DZ_image { position: absolute; z-index: 1; left: 10px; top: 10px; right: 10px; bottom: 10px; background-position: center; background-repeat: no-repeat; background-size: contain; }
.DZ_text { position: absolute; z-index: 2; left: 10px; top: 10px; right: 10px; bottom: 10px; display: flex; align-items: center; justify-content: center; }
.DZ_text > div { display: flex; flex-wrap: wrap; justify-content: center; }
.DZ_text i { font-size: 18px; }
.DZ_text span { display: block; width: 100%; text-align: center; font-size: 14px; }
.DZ_del { position: absolute; z-index: 10; top: 31px; right: 10px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; cursor: pointer; }
.DZ_del:hover { color: var(--danger); }
.DZ_pick { position: absolute; z-index: 10; top: 31px; right: 39px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; cursor: pointer; }
.DZ_pick:hover { color: var(--primary); }

.DZ_dropzone { position: absolute; z-index: 3; left: 0; top: 0; right: 0; bottom: 0; border: none !important; background: none !important; }
.DZ_dropzone .dz-preview { width: 100%; margin: 0; padding: 6px 0; border: none; background: none; box-shadow: none; }
.DZ_dropzone .dz-preview .dz-details { width: 100%; height: 19px; margin: 0; padding: 0; border: none; background: none; }
.DZ_dropzone .dz-preview .dz-details .dz-filename { width: 100%; padding: 0 6px; }
.DZ_dropzone .dz-preview .dz-details .dz-size { display: none; }
.DZ_dropzone .dz-preview .dz-details img { display: none !important; }
.DZ_dropzone .dz-preview .dz-progress { top: 25px; margin: 0; }
.DZ_dropzone .dz-preview .dz-success-mark,
.DZ_dropzone .dz-preview .dz-error-mark,
.DZ_dropzone .dz-preview .dz-error-message { display: none; }

.DZ_list > div { position: relative; display: flex; justify-content: space-between; align-items: center; padding-bottom: 1px; }
.DZ_list > div:before { display: block; content: ""; position: absolute; left: 3px; bottom: 0; right: 3px; height: 1px; background: #D6E0EE; }
.DZ_list > div > div:first-child { font-size: 14px; line-height: 24px; }
.DZ_list > div > div:last-child { cursor: pointer; transition: all 0.3s; }
.DZ_list > div > div:last-child:hover { color: var(--rot); }

/************************************************************************************************************************************/
/******* MULTI-FILE DROPZONE																																	*******/
.mdz-container {
	position: relative; min-height: 80px; border: 1px solid #dee2e6; border-radius: 0.375rem; background: #D6E0EE; color: #646464; overflow: hidden;
	&:hover, &.filedrag { background: #3466AA; color: white; }

	& .mdz-label {
		position: absolute; z-index: 2; inset: 10px; display: flex; align-items: center; justify-content: center;
		& > div { display: flex; flex-wrap: wrap; justify-content: center; }
		& i { font-size: 18px; }
		& span { display: block; width: 100%; text-align: center; font-size: 14px; }
	}
	
	& .mdz-dropzone {
		position: absolute; z-index: 3; inset: 0; 
		
		& .dz-preview {
			width: 100%; margin: 0; padding: 6px 0; border: none; background: none; box-shadow: none;
			& .dz-details { width: 100%; height: 19px; margin: 0; padding: 0; border: none; background: none; }
			& .dz-details .dz-filename { width: 100%; padding: 0 6px; }
			& .dz-details .dz-size { display: none; }
			& .dz-details img { display: none !important; }
			& .dz-progress { top: 25px; margin: 0; }
			& .dz-success-mark,
			& .dz-error-mark,
			& .dz-error-message { display: none; }
		}
	}
}
.mdz-lst {
	padding: 0.25rem 0 0 0;
	&:empty { display: none; }

	& > div {
		display: flex; align-items: stretch; justify-content: space-between; border-bottom: 1px solid #f0f0f0;

		& div:nth-child(1) {
			width: calc(100% - 36px);
			& input { width: 100%; height: 24px; padding: 4px 0; line-height: 16px; background: none; border: none; outline: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
		}
		& div:nth-child(2) {
			display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; cursor: pointer; transition: background-color 0.3s, color 0.3s;
			&:hover { color: white; background-color: red; }
		}
	}
}


/************************************************************************************************************************************/
/******* Media Boxen																																					*******/

#proMedLst ul { margin: 0 -15px; padding: 10px; }
#proMedLst ul:after { display: block; content: ""; clear: both; }
#proMedLst ul li { float: left; width: 16.6666666%; margin: 0; padding: 5px; list-style: none; cursor: move; }
#proMedLst ul li > div { padding: 5px; border: 1px solid #e5e5e5; background: #ffffff; }
#proMedLst ul li > div > div { position: relative; padding: 50%; background-repeat: no-repeat; background-position: center; background-size: contain; }
#proMedLst ul li > div > div > div { position: absolute; top: -5px; right: -5px; width: 32px; height: 32px; line-height: 32px; text-align: center; cursor: pointer; }
#proMedLst ul li > div > div > div:hover { background: #f00000; color: #ffffff; }




/************************************************************************************************************************************/
/******* STRIPED																																					*******/
.striped-content > div:nth-child(2N-1) { background: #f2f2f2; }

/************************************************************************************************************************************/
/******* BLOCKED																																					*******/
.blocked { position: relative; }
.blocked > * { position: relative; z-index: 1; }
.blocked:before { display: block; content: ""; position: absolute; z-index: 2; inset: 0; cursor: not-allowed; }










.bi { font-family: 'Font Awesome 6 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; }
.bi-chevron-left:before { content: "\f053"; }
.bi-chevron-up:before { content: "\f077"; }
.bi-chevron-right:before { content: "\f054"; }
.bi-chevron-down:before { content: "\f078"; }






/* Marco Test */

.form-floating					{ background: white; border-radius: var(--bs-border-radius); }

.form-floating>label { left: 10px !important; top: -5px !important; height: 16px !important; font-size: 12px !important; padding: 0 5px !important; position: absolute; z-index: 3; width: auto !important; max-width: calc(100% - 20px);  line-height: 12px !important; color: rgb(150,150,150) !important; border: none !important; background: linear-gradient(to bottom, transparent 0%,transparent 5px,white 5px,white 100%) !important; transform-origin: 0 0; transform: none !important; opacity: 1 !important; transition: all .1s ease-in-out; }
.form-floating textarea:focus + label,
.form-floating input:focus + label { left: 10px !important; top: -5px !important; height: 16px !important; font-size: 12px !important; padding: 0 5px !important; color: rgb(134,183,254) !important; }
.form-floating-select > label,
.form-floating-time > label,
.form-floating-date > label,
.form-floating-icon > label { max-width: calc(100% - 32px) !important; }

.form-floating select + label,
.form-floating select + span + label,
.form-floating textarea:not(:placeholder-shown) + label,
.form-floating input:not(:placeholder-shown) + label { left: 10px !important; top: -5px !important; height: 16px !important; font-size: 12px !important; padding: 0 5px !important; background: linear-gradient(to bottom, transparent 0%,transparent 5px,white 5px,white 100%) !important; }
.form-floating select:required + label,
.form-floating select:required + span + label,
.form-floating textarea:required + label,
.form-floating input:required + label { background: linear-gradient(to bottom, transparent 0%,transparent 5px, var(--bg-required) 5px,var(--bg-required) 100%) !important; }

.form-floating-color input[type="color"] { padding: 5px 35px 5px 10px !important; }
.form-floating-color input[type="color"] + label { left: 7px !important; top: 6px !important; width: calc(100% - 84px) !important; height: 24px !important; font-size: 16px !important; padding: 3px 5px !important; }
.form-floating-color i { position: absolute; z-index: 100; top: 5px; right: 5px; padding: 5px; cursor: pointer; }
.form-floating-color i:hover { color: var(--danger); }



.has-button i { width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; width: 30px; position: absolute; z-index: 2; top: 3px; right: 3px; color: #969696; }
.has-button input { padding: 5px 51px 5px 10px !important; }
.has-button label { max-width: calc(100% - 56px) !important; }
.has-button input[type=text] + label + i:before { content: "\f070"; }
.has-button input[type=password] + label + i:before { content: "\f06e"; }



.form-floating-select > label,
.form-floating-fa > label,
.form-floating-time > label,
.form-floating-date > label,
.form-floating-icon > label { max-width: calc(100% - 32px) !important; }

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover td{
	background-color: #d9edf7 !important;
}


table.dataTable tbody tr.selected th.focus,table.dataTable tbody tr.selected td.focus {
	outline: none !important;
}

table.dataTable tbody tr.selected > * {
	color: black;
 }

 table.dataTable.hover > tbody > tr.selected:hover > *, table.dataTable.display > tbody > tr.selected:hover > * {
	box-shadow: none !important;
 }

 table.dataTable tbody th.focus, table.dataTable tbody td.focus {
	outline: none !important;
}

table.dataTable thead th, table.dataTable tfoot th {
	font-weight: normal;
}

.bwDatatable .dataTables_scrollBody > table > tbody > tr > td:first-child {
	font-weight: normal;
}


#bwContent .content-add-form { overflow-y:auto; position: absolute; max-height: 100%; }

.iconpicker-popover .popover-footer { display: flex; justify-content: space-between; }
.iconpicker-popover .popover-footer:before,
.iconpicker-popover .popover-footer:after { display: none !important; }
.iconpicker-popover .popover-footer button { margin-left: 0 !important; }

select:disabled  { color: rgb(150, 150, 150) !important; }
.form-floating:has(select:disabled) label:after,
.form-floating:has(textarea:disabled) label:after,
.form-floating:has(input:disabled) label:after { display: none !important; }
.form-floating:has(select:disabled),
.form-floating:has(textarea:disabled),
.form-floating:has(input:disabled) { background: var(--bs-secondary-bg) !important; }

.bwInputOnColoredBG .form-floating { padding-top: 12px !important; border: var(--bs-border-width) solid var(--bs-border-color); }
.bwInputOnColoredBG .form-floating:after { top: auto; bottom: 10px; }
.bwInputOnColoredBG .form-floating:has(:focus) { border-color: #86b7fe; }

.bwInputOnColoredBG .form-floating select,
.bwInputOnColoredBG .form-floating textarea,
.bwInputOnColoredBG .form-floating input { padding: 8px 8px 2px 8px !important; border: none !important; }
.bwInputOnColoredBG .form-floating select + label,
.bwInputOnColoredBG .form-floating textarea + label,
.bwInputOnColoredBG .form-floating input + label { top: 4px !important; left: 0 !important; right: 0 !important; height: 19px !important; width: 100% !important; max-width: 100% !important; padding: 0 8px 0 8px !important; background: transparent !important; }

.bwInputOnColoredBG .form-floating:has(select:disabled) label,
.bwInputOnColoredBG .form-floating:has(textarea:disabled) label,
.bwInputOnColoredBG .form-floating:has(input:disabled) label { background: var(--bs-secondary-bg) !important; }
.bwInputOnColoredBG .form-floating.mi-pick input { padding-left: 38px !important; padding-right: 38px !important; }

.form-floating label:after { display: none !important; }


#stundenerfassungFrame .form-floating:not(:has(textarea)) { max-width:300px }