/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------ SMART BED MANAGEMENT -------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */


/* --------------------------------------------- GENERIC STYLES ----------------------------------------------------- */

/* [GENERAL] */

.hidden { visibility: hidden; }
.cursor-help { cursor: help; }
.print-only { display: none; }
.transform-none { transform: none !important; }
.fa-2x { font-size: 2em !important; } /*FIXME v8.1.4*/
.fa-1x { font-size: 1em !important; }

.mw-90, .mw-sm-90, .mw-md-90, .mw-lg-90, .mw-xl-90 { max-width: 90% !important; }
.mw-95, .mw-sm-95, .mw-md-95, .mw-lg-95, .mw-xl-95 { max-width: 95% !important; }
.modal-above { z-index: calc(var(--default-modal-zindex) + 2); }         /* 2 in piu' rispetto allo z-index predefinito per un modale standard */
.modal-overlay-above { z-index: calc(var(--default-modal-zindex) + 1); } /* 1 in piu' rispetto allo z-index predefinito per un modale standard */

.swal2-container { z-index: 1060; }
.swal2-footer { color: var(--bs-gray-700); }
[data-bs-theme="dark"] .swal2-checkbox { background-color: transparent; color: var(--bs-gray-700); }

[data-bs-theme="dark"] .bed[data-bed-occupied="false"] i.bed-details-popover { color: var(--bs-gray-400) !important; }
[data-bs-theme="dark"] .bed[data-bed-occupied="true"] i.bed-details-popover { color: var(--bs-gray-200) !important; }

/* Forms */

/* Form-check (switch) */
.form-check .form-check-input, .form-check .form-check-label { cursor: pointer; }

/* Input type numbers with hidden controls */
input.kt-dialer-input::-webkit-outer-spin-button, input.kt-dialer-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Chrome, Safari, Edge, Opera */
input.kt-dialer-input[type=number] { -moz-appearance: textfield; } /* Firefox */

/* Buttons */

/* Tabs */
.tab-content { display: flex; }
.tab-content > .tab-pane { display: block; /* undo "display: none;" */ visibility: hidden; margin-right: -100%; width: 100%; }
.tab-content > .active { visibility: visible; }
.nav.nav-tabs .nav-item a.tab-invalid-feedback:after { font-family: "Font Awesome 6 Pro"; content: "\f06a"; margin: 0 0 0 5px; }

/* Forms */
ul.errorlist, .invalid-feedback { width: 100%; margin-top: .5rem; font-size: .925rem; color: #f1416c; }
ul.errorlist li { list-style-type: none; }
ul.errorlist li:before, .invalid-feedback > div:before { font-family: "Font Awesome 6 Pro"; content: "\f06a"; margin: 0 5px 0 0; }
ul.errorlist li:before { margin: 0 5px 0 -15px; }

ul.colored { list-style: none; }
ul.colored li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
ul.colored.colored-primary li::before { color: var(--bs-primary-active); }
ul.colored.colored-success li::before { color: var(--bs-success-active); }
ul.colored.colored-warning li::before { color: var(--bs-warning-active); }
ul.colored.colored-danger li::before { color: var(--bs-danger-active); }
ul.colored.colored-info li::before { color: var(--bs-info-active); }

/* Select2 */
:is([data-kt-app-layout="light-sidebar"], [data-kt-app-layout="light-header"], [data-kt-app-layout="dark-header"]) .app-toolbar .form-select.form-select { background-color: var(--bs-gray-100) !important; }
.select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled) .form-select-solid, .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled) .form-select-solid { background-color: var(--bs-gray-100); }
.select2-container .select2-search textarea { font-family: "Poppins" !important; font-size: 0.925rem !important; }
.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { display: none !important; } /* disable clear button on tags to prevent focus issue on modals when removing single tags */
.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__display { margin-left: 0 !important; }  /* disable clear button on tags to prevent focus issue on modals when removing single tags */
.select2-container.select2-container--bootstrap5.select2-container--open { z-index: 1100; } /* ensure that dropdown's selectable items stays visible on top of modals */
.select2-search.select2-search--inline { width: 100% !important; }

/* Flatpickr */
.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 1.1rem; }

.flatpickr-time {
  width: 100% !important; /* Imposta la larghezza della selezione dell'orario */
}

.flatpickr-time .flatpickr-hour {width: 40% !important;}
.flatpickr-time .flatpickr-time-separator {width: 20% !important;}
.flatpickr-time .flatpickr-minute {width: 40% !important;}

.flatpickr-day.today {
    background-color: #d0d2d3; /* Grigio scuro */
    color: #000000; /* Testo bianco */
}

/* Sliding headers */
.slide-vertical i { transition: transform .2s ease-in-out; }
.slide-vertical:not(.collapsed) i { transform: rotate(-180deg); }

/* CK Editor */
body { --ck-z-default: 100; --ck-z-modal: calc( var(--ck-z-default) + 999 ); } /* Need to add this CSS custom property to body because of Boostrap (to show up CK Editor baloons tooltip inside modals) */
.ck.ck-content.ck-editor__editable { padding-top: 8px; }
.ck.ck-content.ck-editor__editable p { margin: 0; } /* Trick to make <p> look as <br> */
.ck-content mark { color: inherit; }
.ck-content .ck-editor__editable { max-height: 100px; } /* Prevent textarea autogrow */

/* TinyMCE */
.mce-content-body { background-color: #f5f8fa; }
.tox-tinymce { height: 200px !important; }

/* Scrolltop */
#kt_app_body #kt_scrolltop i { color: var(--bs-scrolltop-icon-color); }

/* Header, sidebar, toolbar */
[data-kt-app-layout="light-sidebar"][data-kt-app-header-fixed="true"] .app-header { background-color: var(--bs-app-header-base-bg-color); border-bottom: 1px solid var(--bs-gray-200); }
[data-kt-app-layout="light-sidebar"][data-kt-app-header-fixed="true"] .app-sidebar .app-sidebar-logo { border-bottom: 1px solid var(--bs-gray-200); }
[data-kt-app-layout="light-sidebar"][data-kt-app-header-fixed="true"] .app-toolbar { border-top: none; }

/* Menu */
[data-kt-app-layout="light-sidebar"] .app-header-menu .menu > .menu-item.here > .menu-link { background-color: var(--bs-app-header-base-menu-link-bg-color-active); }
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item .menu-link.here .menu-icon i, [data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item .menu-link.here .menu-title { color: var(--bs-primary); }
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i,
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title,
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i ,
[data-kt-app-layout="light-sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title { color: var(--bs-primary); }

.menu .menu-item { padding: 0; }
.menu .menu-item.disabled .menu-link, .menu .menu-item.disabled .menu-icon, .menu .menu-item.disabled .menu-title, .menu .menu-item.disabled i,
.menu-dark .menu-item.disabled .menu-link, .menu-dark .menu-item.disabled .menu-icon, .menu-dark .menu-item.disabled .menu-title, .menu-dark .menu-item.disabled i { color: #80808080 !important; pointer-events: none; } /* hex color with 0.8 opacity */
.menu .menu-item.disabled .menu-link a, .menu-dark .menu-item.disabled .menu-link a { cursor: none; pointer-events: none; }
.menu-dark { color: #cdcdde; background-color: #323248; border-color: rgba(0, 0, 0, 0.15); }
.menu-dark .menu-item .menu-link { color: #ffffff; }
.menu-dark .menu-item .menu-link:hover, .menu-dark .menu-item .menu-link:focus { color: #ffffff; background-color: rgba(255, 255, 255, 0.15); }
.menu-dark .menu-item .menu-link .menu-icon.menu-icon-primary i { color: var(--bs-primary); }
.menu-dark .menu-item .menu-link:hover .menu-icon.menu-icon-primary i, .menu-dark .menu-item.show .menu-link .menu-icon.menu-icon-primary i { color: var(--bs-primary-inverse); }
.menu-dark .menu-item .menu-link .menu-icon.menu-icon-warning i { color: var(--bs-warning); }
.menu-dark .menu-item .menu-link:hover .menu-icon.menu-icon-warning i, .menu-dark .menu-item.show .menu-link .menu-icon.menu-icon-warning i { color: var(--bs-warning-inverse); }
.menu-dark .menu-item .menu-link .menu-icon.menu-icon-danger i { color: var(--bs-danger); }
.menu-dark .menu-item .menu-link:hover .menu-icon.menu-icon-danger i, .menu-dark .menu-item.show .menu-link .menu-icon.menu-icon-danger i { color: var(--bs-danger-inverse); }

.menu-dark .menu-item .menu-link, .menu-dark .menu-item .menu-link .menu-title { color: var(--bs-gray-300); }
.menu-dark .menu-item .menu-link .menu-arrow:after, .menu-dark .menu-item .menu-link .menu-bullet .bullet { background-color: #ffffff; }
.menu-dark .menu-item .menu-link .menu-icon, .menu-dark .menu-item .menu-link .menu-icon i { color: #ffffff; }
.menu-dark .menu-item .menu-link:hover, .menu-dark .menu-item .menu-link:focus { color: #ffffff; background-color: rgba(255, 255, 255, 0.15); }

[data-bs-theme="dark"] .menu-dark .separator { border-bottom: 1px solid var(--bs-gray-800); }
[data-bs-theme="dark"] .menu-dark .menu-item .menu-link, [data-bs-theme="dark"] .menu-dark .menu-item .menu-link .menu-title { color: var(--bs-gray-800); }


/* Tooltip */
.tooltip.tooltip-fit-content .tooltip-inner { max-width: fit-content; }
.tippy-box { border-radius: 0.475rem; }

[data-bs-theme="light"] .tippy-box { background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,8,16,.15); color: #333; box-shadow: 0 4px 14px -2px rgba(0,8,16,.08); }
[data-bs-theme="light"] .tippy-box>.tippy-backdrop { background-color: #fff; }
[data-bs-theme="light"] .tippy-box>.tippy-arrow:after,[data-bs-theme="dark"] .tippy-box>.tippy-svg-arrow:after { content: ""; position: absolute; z-index: -1; }
[data-bs-theme="light"] .tippy-box>.tippy-arrow:after { border-color: transparent; border-style: solid; }
[data-bs-theme="light"] .tippy-box[data-placement^=top]>.tippy-arrow:before { border-top-color: #fff; }
[data-bs-theme="light"] .tippy-box[data-placement^=top]>.tippy-arrow:after { border-top-color: rgba(0,8,16,.2); border-width: 7px 7px 0; top: 17px; left: 1px; }
[data-bs-theme="light"] .tippy-box[data-placement^=top]>.tippy-svg-arrow>svg { top: 16px; }
[data-bs-theme="light"] .tippy-box[data-placement^=top]>.tippy-svg-arrow:after { top: 17px; }
[data-bs-theme="light"] .tippy-box[data-placement^=bottom]>.tippy-arrow:before { border-bottom-color: #fff; bottom: 16px; }
[data-bs-theme="light"] .tippy-box[data-placement^=bottom]>.tippy-arrow:after { border-bottom-color: rgba(0,8,16,.2); border-width: 0 7px 7px; bottom: 17px; left: 1px; }
[data-bs-theme="light"] .tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg { bottom: 16px; }
[data-bs-theme="light"] .tippy-box[data-placement^=bottom]>.tippy-svg-arrow:after { bottom: 17px; }
[data-bs-theme="light"] .tippy-box[data-placement^=left]>.tippy-arrow:before { border-left-color: #fff; }
[data-bs-theme="light"] .tippy-box[data-placement^=left]>.tippy-arrow:after { border-left-color: rgba(0,8,16,.2); border-width: 7px 0 7px 7px; left: 17px; top: 1px; }
[data-bs-theme="light"] .tippy-box[data-placement^=left]>.tippy-svg-arrow>svg { left: 11px; }
[data-bs-theme="light"] .tippy-box[data-placement^=left]>.tippy-svg-arrow:after { left: 12px; }
[data-bs-theme="light"] .tippy-box[data-placement^=right]>.tippy-arrow:before { border-right-color: #fff; right: 16px; }
[data-bs-theme="light"] .tippy-box[data-placement^=right]>.tippy-arrow:after { border-width: 7px 7px 7px 0; right: 17px; top: 1px; border-right-color: rgba(0,8,16,.2); }
[data-bs-theme="light"] .tippy-box[data-placement^=right]>.tippy-svg-arrow>svg { right: 11px; }
[data-bs-theme="light"] .tippy-box[data-placement^=right]>.tippy-svg-arrow:after { right: 12px; }
[data-bs-theme="light"] .tippy-box>.tippy-svg-arrow { fill: #fff; }
[data-bs-theme="light"] .tippy-box>.tippy-svg-arrow:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=); background-size: 16px 6px; width: 16px; height: 6px; }

[data-bs-theme="dark"] .tippy-box { background-color: #1e1e2d; border: 2px solid #4f5372; box-shadow: 0 0 30px rgba(0, 0, 0, .3); }
[data-bs-theme="dark"] .tippy-box > .tippy-arrow::before { color: #4f5372; }
[data-bs-theme="dark"] .tippy-box[data-placement^="top"] > .tippy-arrow::before { bottom: -9px; }
[data-bs-theme="dark"] .tippy-box[data-placement^="bottom"] > .tippy-arrow::before { top: -9px; }
[data-bs-theme="dark"] .tippy-box[data-placement^="left"] > .tippy-arrow::before { right: -9px; }
[data-bs-theme="dark"] .tippy-box[data-placement^="right"] > .tippy-arrow::before { left: -9px; }

/* Toastr */
#toastr-container > div { opacity: 0.98 !important; }

/* Datatables */
div.dataTables_wrapper div.dataTables_info { color: var(--bs-gray-500); }
div.dataTables_wrapper div.dataTables_length {}

/* FormValidation on tables row */
td .fv-plugins-icon { right: 10px; top: 10px; }

/* Intro.js */
.custom-intro *:not(.fa):not(.fal):not(.far):not(.fas):not(.fad) { font-family: "Poppins"; }
.custom-intro .introjs-tooltip-title { font-weight: 600; color: var(--bs-primary-active); }
.custom-intro .introjs-button { font-weight: 500; text-shadow: none; background-color: transparent; border: 0; box-shadow: none !important; outline: 0 !important; }
.custom-intro .introjs-button.introjs-prevbutton { background-color: var(--bs-gray-100); border: 1px solid var(--bs-secondary) !important; color: var(--bs-gray-500); }
.custom-intro .introjs-button.introjs-prevbutton:hover { background-color: var(--bs-gray-200); color: var(--bs-gray-800); }
.custom-intro .introjs-button.introjs-nextbutton { background-color: var(--bs-primary-light); border: 1px solid var(--bs-primary-active) !important; color: var(--bs-primary); }
.custom-intro .introjs-button.introjs-nextbutton:hover { background-color: var(--bs-primary); color: #fff; }
[data-bs-theme="dark"] .custom-intro.introjs-tooltip { background-color: var(--bs-gray-300); }
[data-bs-theme="dark"] .custom-intro .introjs-tooltipbuttons { border-top-color: var(--bs-gray-500); }
[data-bs-theme="dark"] .custom-intro .introjs-button.introjs-prevbutton { background-color: var(--bs-gray-200); border: 1px solid var(--bs-gray-400) !important; color: var(--bs-gray-500); }
[data-bs-theme="dark"] .custom-intro .introjs-button.introjs-prevbutton:hover { background-color: var(--bs-gray-300); color: var(--bs-gray-800); }
[data-bs-theme="dark"] .introjs-arrow.left { border-right-color: var(--bs-gray-300); }
[data-bs-theme="dark"] .introjs-arrow.top { border-bottom-color: var(--bs-gray-300); }
[data-bs-theme="dark"] .introjs-arrow.right { border-left-color: var(--bs-gray-300); }
[data-bs-theme="dark"] .introjs-arrow.bottom { border-top-color: var(--bs-gray-300); }
[data-bs-theme="dark"] .introjs-helperLayer { box-shadow: rgba(255, 255, 255, 0.8) 0px 0px 1px 2px, rgba(255, 255, 255, 0.5) 0 0 0 5000px !important; }

/* [EFFECTS/TRANSITIONS] */

/* Underline From Center (on hover) */
.hover-underline-from-center { display: inline-block; vertical-align: middle; transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; }
.hover-underline-from-center:before { background: rgba(255, 255, 255, 0.6); content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; bottom: 0; height: 4px; transition-property: left, right; transition-duration: 0.3s; transition-timing-function: ease-out; }
.hover-underline-from-center:hover:before, .hover-underline-from-center:focus:before, .hover-underline-from-center:active:before { left: 0; right: 0; }

/* Ripple */
.hover-ripple { position: relative; overflow: hidden; }
.hover-ripple:before { border-radius: 50%; background-color: rgba(0, 0, 0, 0.4); content:''; position: absolute; top: 50%; left: 50%; width:0; height:0; }
.hover-ripple:hover:before { transition: all 0.8s ease-out; opacity:0; width:160px; height:160px; margin-top:-80px; margin-left:-80px; }

/* Pulse */
.pulsing { animation: heart-pulse 0.9s 1 ease-out; }
@keyframes heart-pulse {
  0% { transform: scale(1); /* scaling to 0 */ }
  50% { transform: scale(1.2); /* increasing the size */ }
  100% { transform: scale(1); /* seeting back to initial size */}
}

/* Shake */
.shaking:hover { animation: custom-shake 0.9s 1 cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; }
@keyframes custom-shake {
  10%, 90% { transform: translate3d(-1px, 0, 0); }
  20%, 80% { transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
  40%, 60% { transform: translate3d(4px, 0, 0); }
}


/* --------------------------------------------- SPECIFIC STYLES ---------------------------------------------------- */

/* [GENERAL] */

/* Definizione variabili per colori comuni */
:root {
  --theme-font-family: Poppins;
  --default-modal-zindex: 1055;  /* var(--bs-modal-zindex) */

  --gender-male: #009ef7;
  --gender-female: #f141b5;
  --gender-invariant: #34b034;

  --room-filter-color: #9400d3;
  --room-ps-color: #FF7909;  /* PS */
  --room-sso-color: #FF7909;  /* OBI */
  --room-aspo-color: rgba(90, 136, 5, 0.92);  /* ASPO */
  --room-elective-color: rgba(50, 120, 140, 0.92);  /* Ricovero in Elezione */
  --room-oth-color: #9DB309CF;  /* riservare il letto per Altro */
  --room-clinical-cantbreathe-color: #f47264d4;
  --room-clinical-tso_required-color: #c4db54;
  --room-clinical-suicidal-color: #cc70eed4;
  --room-clinical-bedridden-color: #1988ff;
  --room-clinical-terminal-color: #b39b00;
  --room-clinical-c19-unvaccinated-color: #ff3366;
  --room-clinical-c19-negativized-color: #33cccc;

  /* Utilizzati nel bed-footer */
  --confirmed-arrangement-color: rgba(190, 190, 190, 0.30);
  --patient-in-discharge-color: rgba(40, 223, 66, 0.33);
  --patient-in-discharge-today-color: rgba(40, 223, 66, 0.70);
  --patient-female-likely-to-move-color: rgba(255, 20, 147, 0.33);
  --patient-male-likely-to-move-color: rgba(0, 191, 255, 0.3);
  --patient-outer-district-color: rgba(255, 186, 21, 0.3);
  --patient-outer-province-color: rgba(204, 129, 13, 0.4);
  --patient-outer-region-color: rgba(180, 100, 50, 0.6);
}

[data-bs-theme="dark"] {
  --patient-female-likely-to-move-color: rgba(255, 20, 147, 0.7);
  --patient-male-likely-to-move-color: rgba(0, 191, 255, 0.7);
}

/* Gender */
.gender-male { color: var(--gender-male) !important; }
.gender-female { color: var(--gender-female) !important; }
.gender-invariant { color: var(--gender-invariant) !important; }

.bg-gender-male { background-color: var(--gender-male) !important; }
.bg-gender-female { background-color: var(--gender-female) !important; }
.bg-gender-invariant { background-color: var(--gender-invariant) !important; }

.border-gender-male { border-color: var(--gender-male) !important; }
.border-gender-female { border-color: var(--gender-female) !important; }
.border-gender-invariant { border-color: var(--gender-invariant) !important; }

.symbol .gender-male { background-color: #f1faff; color: var(--gender-male); border: 3px solid var(--gender-male); }
.symbol .gender-female { background-color: #fff5f8; color: var(--gender-female); border: 3px solid var(--gender-female); }
.symbol .gender-invariant { background-color: #fff5f8; color: var(--gender-invariant); border: 3px solid var(--gender-invariant); }
.symbol .symbol-label.gender-male::after, .symbol .symbol-label.gender-female::after, .symbol .symbol-label.gender-invariant::after { border: none; }

.queue .symbol .gender-male { border: 2px solid var(--gender-male); }
.queue .symbol .gender-female { border: 2px solid var(--gender-female); }
.queue .symbol .gender-male:hover { background-color: var(--gender-male); color: #f1faff !important; }
.queue .symbol .gender-female:hover { background-color: var(--gender-female); color: #fff5f8 !important; }

.badge.gender-male { background-color: #f1faff; color: var(--gender-male); border: 1px solid rgba(0, 158, 247, 0.1); /* #009ef7 */ }
.badge.gender-female { background-color: #fff5f8; color: var(--gender-female); border: 1px solid rgba(241, 65, 181, 0.1); /* #f141b5 */ }
.badge.gender-invariant { background-color: #f1fff1; color: var(--gender-invariant); border: 1px solid rgba(52, 176, 52, 0.1); /* #34b034 */ }
[data-bs-theme="dark"] .badge.gender-male { background-color: transparent; border: 1px solid rgba(0, 158, 247, 0.4); /* #009ef7 */ }
[data-bs-theme="dark"] .badge.gender-female { background-color: transparent; border: 1px solid rgba(241, 65, 181, 0.4); /* #f141b5 */ }
[data-bs-theme="dark"] .badge.gender-invariant { background-color: transparent; border: 1px solid rgba(52, 176, 52, 0.4); /* #34b034 */ }

/* Request Status */
.QUE { color: #b3b300; font-weight: bold; }    /* in attesa */
.CAN { color: orangered; font-weight: bold; }  /* annullata */
.DEL { color: darkred; font-weight: bold; }    /* eliminata */
.DON { color: #00b300; font-weight: bold; }    /* evasa */

tr.request.CAN { color: red; }                 /* annullata */
tr.request.DEL { color: red; background-color: var(--bs-danger-light); }   /* eliminata */

/* Dates */
.date-above-threshold { color: #ff0000 !important; }

/* Bed blocker */
.bedblocker { color: #ff0000 !important; }

/* Timelines */
table.timeline .timeline-sep { border-right: 3px solid #eff2f5; }
table.timeline .timeline-badge { width: 1rem; height: 1rem; position: relative; margin-top: 10px; margin-left: -0.8rem; padding: 3px; display: flex; flex-shrink: 0; align-items: center; justify-content: center; background: #fff; border: 6px solid #fff; border-radius: 100%; }

.vis-timeline { cursor: move !important; }
.vis-timeline .vis-item { cursor: pointer; }

/* Badge */
.badge.badge-xxs { width: 1.15rem; height: 1.15rem; z-index: 2; }
.badge.badge-xxs, .badge.badge-xxs i { font-size: 0.75rem; }

/* Blocks (of cells) */
.bed-block .card .card-header { min-height: 34px; align-items:center; justify-content: flex-start; }
.bed-block .card .card-header .card-title { font-size: 1.275rem; }
.bed-block-area .card-header .area-contacts .area-contacts-edit, .bed-block-area .card-header .area-notes .area-notes-edit { display: none; }
.bed-block.filler-block, .bed-block-area.filler-block, .bed-block-area[data-area-id=''] { visibility: hidden; }

/* Stanza */
/* fixme: font-size 1rem? */
.room { font-family: "Azeret Mono"; font-weight: 500; font-size: 0.85rem; white-space: nowrap; overflow: hidden; text-overflow: clip; background-color: #d3d5dd; }
.room > i { color: var(--bs-gray-600); }
[data-bs-theme="dark"] .room { background-color: var(--bs-gray-800); color: var(--bs-body-bg); }

.room[data-room-filter="true"] { background-color: var(--room-filter-color); }

.room[data-room-clinical-isolation-c19="true"] { background-color: #ca0000; }

.room[data-room-clinical-isolation-con="true"] { background-color: #702b23; }

.room[data-room-clinical-isolation-str="true"] { background-color: #3e6969; }

.room[data-room-clinical-isolation-air="true"] { background-color: #7682bb; }

.room[data-room-clinical-isolation-drp="true"] { background-color: #2c4949; }

.room[data-room-clinical-isolation-pre="true"] { background-color: #4e5b5b; }

.room[data-room-clinical-isolation-oth="true"] { background-color: #a87878; }

.room[data-room-clinical-bedridden="true"] { background-color: var(--room-clinical-bedridden-color); }
.room[data-room-clinical-terminal="true"] { background-color: var(--room-clinical-terminal-color); }
.room[data-room-clinical-covid19-unvaccinated="true"] { background-color: var(--room-clinical-c19-unvaccinated-color); }
.room[data-room-clinical-covid19-negativized="true"] { background-color: var(--room-clinical-c19-negativized-color); }
.room[data-room-clinical-sso="true"] { background-color: var(--room-sso-color); }
.room[data-room-clinical-cantbreathe="true"] { background-color: var(--room-clinical-cantbreathe-color); }
.room[data-room-clinical-tso_required="true"] { background-color: var(--room-clinical-tso_required-color); }
.room[data-room-clinical-suicidal="true"] { background-color: var(--room-clinical-suicidal-color); }

.room[data-room-filter="true"], .room[data-room-filter="true"] > i,

.room[data-room-clinical-isolation-c19="true"], .room[data-room-clinical-isolation-c19="true"] > i,

.room[data-room-clinical-isolation-con="true"], .room[data-room-clinical-isolation-con="true"] > i,

.room[data-room-clinical-isolation-str="true"], .room[data-room-clinical-isolation-str="true"] > i,

.room[data-room-clinical-isolation-air="true"], .room[data-room-clinical-isolation-air="true"] > i,

.room[data-room-clinical-isolation-drp="true"], .room[data-room-clinical-isolation-drp="true"] > i,

.room[data-room-clinical-isolation-pre="true"], .room[data-room-clinical-isolation-pre="true"] > i,

.room[data-room-clinical-isolation-oth="true"], .room[data-room-clinical-isolation-oth="true"] > i,

.room[data-room-clinical-bedridden="true"], .room[data-room-clinical-bedridden="true"] > i,
.room[data-room-clinical-terminal="true"], .room[data-room-clinical-terminal="true"] > i,
.room[data-room-clinical-covid19-unvaccinated="true"], .room[data-room-clinical-covid19-unvaccinated="true"] > i,
.room[data-room-clinical-covid19-negativized="true"], .room[data-room-clinical-covid19-negativized="true"] > i,
.room[data-room-clinical-sso="true"], .room[data-room-clinical-sso="true"] > i,
.room[data-room-clinical-infected="true"], .room[data-room-clinical-infected="true"] > i,
.room[data-room-clinical-cantbreathe="true"], .room[data-room-clinical-cantbreathe="true"] > i { color: #ffffff; }

.room .assignment-provisional { position: absolute; top: 0; right: 0; cursor: help; }
.room .is-aspo { position: absolute; top: 0; left: 0; cursor: help; }

.area-shortcut .symbol .symbol-label, .block-shortcut .symbol .symbol-label { border-radius: 4px; }

.btn-drag i, .btn-menu-actions i { color: #a1a5b7; }
.bed .admission-date span, .bed-details .admission-date span, .bed .discharge-date span, .bed-details .discharge-date span { font-family: "Poppins"; }

.bed { border-style: solid; }
.bed[data-bed-occupied='false'] { border-style: dashed; }

/* Assegnazione ipotizzata (appoggio in area), paziente non ancora presente */
.bed[data-bed-occupied='true'][data-arrangement='TMP'] { color: gray; background: repeating-conic-gradient(rgba(228, 230, 239, .8) 0% 25%, transparent 0% 50%) 50% / 12px 12px; border-style: dotted; }
[data-bs-theme="dark"] .bed[data-bed-occupied='true'][data-arrangement='TMP'] { background: repeating-conic-gradient(rgba(17, 17, 17, .9) 0% 25%, transparent 0% 50%) 50% / 12px 12px; border-style: dotted; }
.bed[data-bed-occupied='true'][data-arrangement='TMP'] .patient-name, .bed[data-arrangement='TMP'] .patient-gender, .bed[data-arrangement='TMP'] .specialty { opacity: .5; }

/* Reserved bed */
.bed[data-bed-reservation-reason-type="PS"] { border: dotted var(--room-ps-color) !important; color: #ffffff; }
.bed[data-bed-reservation-reason-type="SSO"] { border: dotted var(--room-sso-color) !important; color: #ffffff; }
.bed[data-bed-reservation-reason-type="ASP"] { border: dotted var(--room-aspo-color) !important; color: #ffffff; }
.bed[data-bed-reservation-reason-type="ELE"] { border: dotted var(--room-elective-color) !important; color: #ffffff; }
.bed[data-bed-reservation-reason-type="OTH"] { border: dotted var(--room-oth-color) !important; color: #ffffff; }

/* Bed inconsistency */
.bed-board .inconsistency { }
.bed-board .inconsistency.pulse-ring { border-width: 20px; animation-duration: 1.5s; }

/* Bed footer */
.bed .mini-bottombar { font-size: 0.5rem; min-height: 15px; padding: 1px; }

/* Bed icons */
.icon.filter { color: var(--room-filter-color); }
.icon.sso { color: var(--room-sso-color); }
.icon.high-intensity { color: #ff0000; }

.icon.isolation-c19 { color: #ca0000; }

.icon.isolation-con { color: #853b35; }

.icon.isolation-str { color: #3e6969; }

.icon.isolation-air { color: #7682bb; }

.icon.isolation-drp { color: #2c4949; }

.icon.isolation-pre { color: #4e5b5b; }

.icon.isolation-oth { color: #a87878; }

.icon.cantbreathe {color: var(--room-clinical-cantbreathe-color); }
.icon.tso_required {color: var(--room-clinical-tso_required-color); }
.icon.suicidal {color: var(--room-clinical-suicidal-color); }
.icon.bedridden {color: var(--room-clinical-bedridden-color); }
.icon.terminal { color: var(--room-clinical-terminal-color); }
.icon.vaccinated { color: #008000; }
.icon.unvaccinated { color: var(--room-clinical-c19-unvaccinated-color); }
.icon.negativized  { color: var(--room-clinical-c19-negativized-color); }
.icon.uvm { color: #ff7800; }
.icon.adi { color: #41a616; }
.icon.facility { color: #a1a5b7; }
.icon.patient-female-likely-to-move { color: var(--gender-female); }
.icon.patient-male-likely-to-move { color: var(--gender-male); }
.icon.patient-in-discharge { color: rgba(40, 223, 66, 1); }
.icon.patient-in-discharge-today { color: rgba(40, 223, 66, 1); }
.icon.patient-outer-district { color: rgba(255, 186, 21, 1); }
.icon.patient-outer-province { color: rgb(204, 129, 13, 1); }
.icon.patient-outer-region { color: rgba(180, 100, 50, 1); }
.icon.transport-BED { color: #795147; }
.icon.transport-CARE { color: #717171; }
.icon.transport-TRAN { color: #d53030; }
.icon.transport-DEST { color: #04aa6d; }

.bed .bed-details-wrapper { display: none; }
.bed-details { width: 194px; } /* ATTENZIONE! Qui NON si utilizza volutamente .bed .bed-details, ma SOLO .bed-details */
.bed-details .filter.badge { background-color: var(--room-filter-color); color: #ffffff; }

.bed-details .card-header { padding: 0.5rem 1rem 0.5rem 1rem !important; }
.bed-details .card-header .badge .fa { font-size: 0.75rem; }
.bed-details .card-body { min-height: 36px; padding: 0.5rem 0.5rem 0.5rem 0.5rem !important; }
.bed[data-bed-locked="true"] .bed-details .card-body { background: repeating-linear-gradient(-45deg, var(--bs-gray-300), var(--bs-gray-300) 5px, transparent 5px, transparent 10px); }
.bed[data-bed-virtual="true"][data-bed-equipped='false'] .bed-details .card-body { background: repeating-linear-gradient(-45deg, rgba(255, 87, 87, .1), rgba(255, 87, 87, .1) 5px, transparent 5px, transparent 10px); }

.bed-details .patient-name { max-width: 170px; }
.bed-details .card-footer { padding: 0.3rem 0.2rem 0.3rem 0.2rem !important; }
.bed-details .icons { min-height: 20px; }
.bed-details .icons .icon { display: inline-block; margin-left: 3px; font-size: 1.3rem; line-height: normal; }


/* [CONTESTO] */
/* per contesto covid gli stili sono gia' definiti sopra */
.room-gender-FEM { color: deeppink !important; }
.room-gender-MAL { color: deepskyblue !important; }
.room-gender-MIX { color: var(--gender-invariant) !important; }
/*.room-gender-MIX { background: linear-gradient(to right, var(--gender-male) 0%, var(--gender-male) 50%, var(--gender-female) 50%, var(--gender-female) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }*/
.room-gender-NONE { color: var(--gender-invariant) !important; }

/* [SNAPSHOT] */
.bed-board.snapshot .snapshots-equals { filter: grayscale(100%) blur(1px); opacity: 0.5; } /* ATTENZIONE: "filter" influisce sullo z-index */
.bed-board.snapshot .bed .snapshots-cell-differences { }


/* [Zoom] */
.row.row-cols-2 .zoom-1x, .row.row-cols-3 .zoom-1x, .row.row-cols-4 .zoom-1x, .row.row-cols-5 .zoom-1x { display: none !important; }
.row.row-cols-1 .zoom-2x, .row.row-cols-3 .zoom-2x, .row.row-cols-4 .zoom-2x, .row.row-cols-5 .zoom-2x { display: none !important; }
.row.row-cols-1 .zoom-3x, .row.row-cols-2 .zoom-3x, .row.row-cols-4 .zoom-3x, .row.row-cols-5 .zoom-3x { display: none !important; }
.row.row-cols-1 .zoom-4x, .row.row-cols-2 .zoom-4x, .row.row-cols-3 .zoom-4x, .row.row-cols-5 .zoom-4x { display: none !important; }

.row.row-cols-1 .zoom-gt-1x { display: none !important; }
.row.row-cols-1 .zoom-gt-2x, .row.row-cols-2 .zoom-gt-2x { display: none !important; }
.row.row-cols-1 .zoom-gt-3x, .row.row-cols-2 .zoom-gt-3x, .row.row-cols-3 .zoom-gt-3x { display: none !important; }
.row.row-cols-1 .zoom-gt-4x, .row.row-cols-2 .zoom-gt-4x, .row.row-cols-3 .zoom-gt-4x, .row.row-cols-4 .zoom-gt-4x { display: none !important; }

.row.row-cols-5 .zoom-lt-5x { display: none !important; }
.row.row-cols-5 .zoom-lt-4x, .row.row-cols-4 .zoom-lt-4x { display: none !important; }
.row.row-cols-5 .zoom-lt-3x, .row.row-cols-4 .zoom-lt-3x, .row.row-cols-3 .zoom-lt-3x { display: none !important; }
.row.row-cols-5 .zoom-lt-2x, .row.row-cols-4 .zoom-lt-2x, .row.row-cols-3 .zoom-lt-2x, .row.row-cols-2 .zoom-lt-2x { display: none !important; }


/* [View mode GRID] */

/* Cell borders to draw room boundaries */
.view-mode-grid .bed-block .card table.bedboard-table { table-layout: fixed; width: 100%; }
.view-mode-grid .bedboard-table td .cell-content { border-width: 0; border-style: solid; border-color: var(--bs-gray-300); }

.view-mode-grid .bedboard-table td.ml-1 .cell-content { margin-left: 0.3rem; }   /* margin left */
.view-mode-grid .bedboard-table td.mt-1 .cell-content { margin-top: 0.3rem; }    /* margin top */
.view-mode-grid .bedboard-table td.mr-1 .cell-content { margin-right: 0.3rem; }  /* margin right */
.view-mode-grid .bedboard-table td.mb-1 .cell-content { margin-bottom: 0.3rem; } /* margin bottom */

.view-mode-grid .bedboard-table td.l .cell-content { border-left-width: 3px; }   /* border left */
.view-mode-grid .bedboard-table td.t .cell-content { border-top-width: 3px; }    /* border top */
.view-mode-grid .bedboard-table td.r .cell-content { border-right-width: 3px; }  /* border right */
.view-mode-grid .bedboard-table td.b .cell-content { border-bottom-width: 3px; } /* border bottom */

.view-mode-grid .bedboard-table td.lr .cell-content { border-left-width: 3px; border-right-width: 3px; }                                    /* border left + right */
.view-mode-grid .bedboard-table td.lt .cell-content { border-left-width: 3px; border-top-width: 3px; border-top-left-radius: 8px; }         /* border left + top */
.view-mode-grid .bedboard-table td.lb .cell-content { border-left-width: 3px; border-bottom-width: 3px; border-bottom-left-radius: 8px; }   /* border left + bottom */
.view-mode-grid .bedboard-table td.rt .cell-content { border-right-width: 3px; border-top-width: 3px; border-top-right-radius: 8px; }       /* border right + top */
.view-mode-grid .bedboard-table td.rb .cell-content { border-right-width: 3px; border-bottom-width: 3px; border-bottom-right-radius: 8px; } /* border right + bottom */
.view-mode-grid .bedboard-table td.tb .cell-content { border-top-width: 3px; border-bottom-width: 3px; }                                    /* border top + bottom */

.view-mode-grid .bedboard-table td.ltb .cell-content { border-left-width: 3px; border-top-width: 3px; border-bottom-width: 3px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }       /* border left + top + bottom */
.view-mode-grid .bedboard-table td.rtb .cell-content { border-right-width: 3px; border-top-width: 3px; border-bottom-width: 3px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }    /* border right + top + bottom */
.view-mode-grid .bedboard-table td.ltr .cell-content { border-left-width: 3px; border-top-width: 3px; border-right-width: 3px; border-top-left-radius: 8px; border-top-right-radius: 8px; }          /* border left + top + right */
.view-mode-grid .bedboard-table td.lbr .cell-content { border-left-width: 3px; border-bottom-width: 3px; border-right-width: 3px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } /* border left + bottom + right */

.view-mode-grid .bedboard-table td.ltrb .cell-content { border-left-width: 3px; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-radius: 8px; } /* border left + top + right + bottom */

.view-mode-grid .bed { position: relative; background-color: #f5f8fa; border-width: 3px; border-color: #e4e6ef; min-height: 45px; }
.view-mode-grid .bed .bed-reserved { position: absolute; top: -4px; right: 0; }
.view-mode-grid .bed .bed-dedicated { position: absolute; bottom: -3px; left: -3px; }
.view-mode-grid .bed .bed-preferred { position: absolute; bottom: -3px; left: -3px; }
[data-bs-theme="dark"] .view-mode-grid .bed { background-color: rgba(255,255,255,.05); border-width: 2px; border-color: rgba(255,255,255,.3); min-height: 45px; }
.view-mode-grid .room[data-cell-usable="false"] .bed { opacity: 0.5; visibility: hidden; }

/* Virtual bed equippable on-demand */
.bed[data-bed-virtual="true"][data-bed-equipped='false'] { background: repeating-linear-gradient(-45deg, rgba(255, 87, 87, .1), rgba(255, 87, 87, .1) 5px, transparent 5px, transparent 10px); }

/* Locked bed */
.view-mode-grid .bed[data-bed-locked="true"] { background: repeating-linear-gradient(-45deg, var(--bs-gray-300), var(--bs-gray-300) 5px, transparent 5px, transparent 10px); }


/* Zoom level 1x/undefined (fallback) */
.view-mode-grid.row.row-cols-1 .bed-board .bed-placeholder { min-width: 90px; }
.view-mode-grid.row.row-cols-1 .bed-board.snapshot .bed-placeholder { min-width: inherit; }

/* Zoom level 2x */
/*
.view-mode-grid.row.row-cols-2 .bed { margin-bottom: 1rem !important; }
.view-mode-grid.row.row-cols-2 .bed .icons { min-height: 20px; }
.view-mode-grid.row.row-cols-2 .bed .admission-date span, .view-mode-grid.row.row-cols-2 .bed .discharge-date span { font-size: 12px; }
.view-mode-grid.row.row-cols-2 .bed .patient-name { max-width: 130px; }
*/
.view-mode-grid.row.row-cols-2 .bed-board .bed-placeholder { min-width: 70px; }

/* Zoom level 3x */
.view-mode-grid.row.row-cols-3 .bed-board .bed-placeholder { min-width: 42px; }
.view-mode-grid.row.row-cols-3 .bed .patient-gender i { font-size: 1rem; }


/* Zoom level 4x */
.view-mode-grid.row.row-cols-4 .bed-board .bed-placeholder { min-width: 30px; }
.view-mode-grid.row.row-cols-4 .bed .patient-gender i { font-size: 0.75rem; }
.view-mode-grid.row.row-cols-4 .bed .badge.badge-xxs { width: 1rem; height: 1rem; }
.view-mode-grid.row.row-cols-4 .bed .badge.badge-xxs, .view-mode-grid.row.row-cols-4 .bed .badge.badge-xxs i { font-size: 0.65rem; }

/* Zoom level 5x */
.view-mode-grid.row.row-cols-5 .bed-placeholder { min-width: 30px; }
.view-mode-grid.row.row-cols-5 .bed .patient-gender i { font-size: 0.75rem; }
.view-mode-grid.row.row-cols-5 .bed .badge.badge-xxs { width: 1rem; height: 1rem; }
.view-mode-grid.row.row-cols-5 .bed .badge.badge-xxs, .view-mode-grid.row.row-cols-5 .bed .badge.badge-xxs i { font-size: 0.65rem; }


/* [View mode LIST] */
.view-mode-list .room { width: 57px !important; height: 57px !important; }

.view-mode-list .bed { min-height: 55px; background-color: #f5f8fa; border-width: 3px; border-color: #e4e6ef; }
[data-bs-theme="dark"] .view-mode-list .bed { background-color: rgba(255,255,255,.05); border-width: 2px; border-color: rgba(255,255,255,.3); }
.view-mode-list .room[data-cell-usable="false"] .bed { /*border: 1px solid #ddd;*/; opacity: 0.5; visibility: hidden; }
.view-mode-list .bed[data-bed-locked="true"] { color: gray; background: repeating-linear-gradient(-45deg, rgba(228, 230, 239, .2), rgba(228, 230, 239, .2) 5px, rgba(228, 230, 239, 1) 5px, rgba(228, 230, 239, 1) 10px); }
[data-bs-theme="dark"] .view-mode-list .bed[data-bed-locked="true"] { background: repeating-linear-gradient(-45deg, rgba(17, 17, 17, 0.2), rgba(17, 17, 17, 0.2) 5px, rgba(255,255, 255, 0.1) 5px, rgba(255,255, 255, 0.1) 10px); }
.view-mode-list .bed .specialty { line-height: inherit; font-size: 1.5rem; }
.view-mode-list .bed .patient-name { max-width: 130px; }

/* Zoom level 1x/undefined (fallback) */

/* Zoom level 1x (same as above) */

/* Zoom level 2x */
/*
.view-mode-list.row.row-cols-2 ...
*/

/* Zoom level 3x */
/*
.view-mode-list.row.row-cols-3 ...
*/

/* Zoom level 4x */
/*
.view-mode-list.row.row-cols-4 ...
*/

/* Zoom level 5x */
/*
.view-mode-list.row.row-cols-5 ...
*/


/* [DRAG AND DROP] */
/*  Il selettore "+" indica il letto adiacente all'intestazione della stanza */

.draggable .draggable-handle { cursor: grab; }

/* Cella originale selezionata per il trascinamento (si nasconde durante il trascinamento) */
body.draggable--is-dragging .draggable--original { display: none !important; }

/* Copia (mirror) della cella originale selezionata per il trascinamento */
body.draggable--is-dragging .draggable-mirror { opacity: 0.5; z-index: 999999; }
body.draggable--is-dragging .draggable-mirror .menu { display: none; } /* in fase di drag-and-drop si nascondo eventuali componenti inutili */

/* Celle bloccate */
body.draggable--is-dragging .drop-unavailable { cursor: not-allowed; opacity: 0.2; }

.bed-placeholder.drop-available .is-possible-assignment-success { border: 3px dotted #29a429 !important; }
.bed-placeholder.drop-available .is-possible-assignment-success:hover { border: 3px solid #29a429 !important; background-color: rgba(41, 164, 41, 0.2) !important; }
.bed-placeholder.drop-available .is-possible-assignment-warning { border: 3px dotted #dab014 !important; }
.bed-placeholder.drop-available .is-possible-assignment-warning:hover { border: 3px solid #dab014 !important; background-color: rgba(218, 176, 20, 0.2) !important; /* #dab014 */ }
.bed-placeholder.drop-available .is-possible-assignment-danger { border: 3px dotted #ff0000 !important; }
.bed-placeholder.drop-available .is-possible-assignment-danger:hover { border: 3px solid #ff0000 !important; background-color: rgba(255, 0, 0, 0.2) !important; }

.is-possible-transfer-success { border: 3px dotted #29a429 !important; }
.is-possible-transfer-success:hover { border: 3px solid #29a429 !important; background-color: rgba(41, 164, 41, 0.2) !important; }
.is-possible-transfer-warning { border: 3px dotted #dab014 !important; }
.is-possible-transfer-warning:hover { border: 3px solid #dab014 !important; background-color: rgba(218, 176, 20, 0.2) !important; /* #dab014 */ }
.is-possible-transfer-danger { border: 3px dotted #ff0000 !important; }
.is-possible-transfer-danger:hover { border: 3px solid #ff0000 !important; background-color: rgba(255, 0, 0, 0.2) !important; }
/* Bubbles */
#bubbles-placeholder { position: fixed; left: 90px; bottom: 10px; z-index: 99; }
#bubbles-placeholder .bubble { box-shadow: 0 .5rem 1.0rem .2rem rgba(0, 0, 0, 0.6) !important; cursor: pointer; }

.deactivate { filter: grayscale(100%) blur(1px); opacity: 0.5; }
.deactivate:hover { filter: none; opacity: 1; }

/* --------------------------------------------- NOTIFICATIONS ------------------------------------------------------ */
#kt_notifications_header { background-image: url('/static/bed_management/assets/media/patterns/pattern-1.jpg'); }

/* -------------------------------------------------- CHAT ---------------------------------------------------------- */

.conversation .details { width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* --------------------------------------- MEDIA QUERY SPECIFIC STYLES ---------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */

@media print {
  @page { margin: 0.25cm; }

  .print-only { display: block; }
  .not-printable { display: none; }

  header, footer, aside, nav, form, iframe, .menu, .hero, .adslot { display: none; }

  #kt_app_body { padding: 0; margin: 25px 0 0 0; }
  #kt_app_body #kt_app_sidebar { display: none; }
  #kt_app_body #kt_app_wrapper { padding: 0; margin: 0; }
  #kt_app_body #kt_app_wrapper #kt_app_header { display: none; }
  #kt_app_body #kt_app_wrapper #kt_app_content { padding: 0; }
  #kt_app_body #kt_app_wrapper #kt_app_content #kt_app_content_container { padding: 0 15px; }
  #kt_app_body #kt_app_wrapper #kt_app_content #kt_app_toolbar { display: none; }
  #kt_app_body #kt_app_wrapper #kt_app_content #kt_requests_toggle { display: none; }
  #kt_app_body #kt_app_wrapper #kt_app_footer { display: none !important; }
  #kt_app_body #kt_scrolltop { display: none; }

  .bed-block { margin-top: 10px; }
  .bed-block-area { break-after: avoid-page; }

  .bed-block-area .card-header { font-weight: 700; padding: 0 1rem; min-height: auto !important; }
  .bed-block-area .card-header .card-title { font-size: 0.8rem !important; margin: 0.2rem; }
  .bed-block-area .card-header .card-title .fas.fa-angle-down { display: none; }
  .bed-block-area .card-header .card-title span { font-size: 0.8rem !important; }
  .bed-block-area .card-header .area-count.ribbon-label { display: none; }
  .bed-block-area .card-body { padding: 0.5rem 1rem 0 1rem !important; }
  .bed-block-area .card-body .room { font-size: 0.50rem !important; font-weight: 500; margin-bottom: 0.2rem !important; }
  .bed-block-area .card-body .room .assignment-provisional { width: 10px !important; height: 10px !important; }
  .bed-block-area .card-body .room .is-aspo { width: 10px !important; height: 10px !important; }
  /*
  .card-body .d-flex.flex-row { }
  .card-body .d-flex.flex-row .flex-row-fluid { flex: 0 auto; }
   */
  .bed-block-area .card-body .bed[data-bed-occupied='true'] { opacity: 0.3; }

  .bed-block-area .card-body .bed-placeholder { max-width: 60px; }
  .bed-block-area .card-body .bed-placeholder .bed { min-height: 25px; border-width: 2px !important; }
  .bed-block-area .card-body .bed-placeholder .bed .btn-menu-actions { display: none; }
  .bed-block-area .card-body .bed-placeholder .bed .btn-drag { display: none; }
  /*.bed-block-area .card-body .bed-placeholder .bed .fa.fa-user-plus { visibility: hidden; }*/
  .bed-block-area .card-body .bed-placeholder .bed .patient-name { font-size: 0.65rem !important; }
  .bed-block-area .card-body .bed-placeholder .bed .specialty { display: none; }
  .bed-block-area .card-body .bed-placeholder .bed .high-intensity { display: none; }
  .bed-block-area .card-body .bed-placeholder .bed .planned-transfer { display: none; }
  .bed-block-area .card-body .bed-placeholder .bed .planned-discharge { display: none; }
  .bed-block-area .card-body .bed-placeholder .bed .inconsistency { display: none !important; }
  .bed-block-area .card-body .bed-placeholder .bed .icon.bed-blocker { display: none; }
  .bed-block-area .card-body .bed-placeholder .bed .mini-bottombar { min-height: 8px; /*display: none !important;*/ }
  .bed-block-area .card-body .bed-placeholder .bed .mini-bottombar .icon { display: none; }
  .bed-block-area .card-body .bed-placeholder .bed .mini-bottombar .bed-details-popover { display: none; }

}