/************************************************************************************************************************************/
/******* 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-28.btn-square { min-width: 28px; padding: 0 5px 1px 5px; }


.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; }


/************************************************************************************************************************************/
/******* INPUTS																																					*******/
.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-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; -webkit-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-popup:before { display: block; content: ""; position: absolute; inset: 0; z-index: 9999; cursor: pointer; }
.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!  }

span.select2-results { background-color: #EAF3F7; }
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #d8e3ea;
}


.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; }

.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-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-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; }

/************************************************************************************************************************************/
/******* 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 { background: linear-gradient(to bottom, transparent 0%,transparent 5px,var(--changedcolorlight) 5px,var(--changedcolorlight) 100%) !important; }

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







.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; mix-blend-mode: multiply; }
.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_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); }











.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>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: white !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; }

.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%; }