/* dkplus start*/

/* General */
.form-label{
	font-weight:bold;
}

.nav-tabs-alt .nav-tabs .nav-item .nav-link.active{
	border-bottom-color:#333333 !important;
	font-weight:bold;
}

.nav-tabs .nav-link{
	border-width:3px;
}

th[data-column=energheies],
th[data-column=first-name],
th[data-column=last-name]{
	font-weight:bold !important;
}


/* Login */
.page-login .container-fluid {
    background: url('../front.png');
    background-size: cover;
}


/* DrugAddict */
.page-platform-systems-drugaddicts-edit header small.text-muted{
	display:block;
	padding:5px !important;
	border:1px solid #333333;
	width:fit-content;
	margin-top:10px;
	font-weight:bold;
}


.custom-drug-input {
	display: none; /* Hide input field by default */
}

input[data-show-input="true"]:checked + .custom-drug-input {
    display: inline-block;
}

.bottom-select .choices__list--dropdown {
    position: absolute !important;
    top: auto !important;
    bottom: 100% !important; /* Force dropdown to open above the input */
    z-index: 1050; /* Ensure it is above other elements */
}

.bottom-select .ts-dropdown {
    top: auto !important;
    bottom: 100% !important; /* Force dropdown to open above the input */
    margin: 0 0 .25rem !important;
    border-radius: 2px 2px 0 0 !important;
    border-top: 1px solid #d0d0d0 !important;
    border-bottom: 0 !important;
}




/* Ωφελούμενοι ΧΕΧ list - fit every column without horizontal scroll */
.page-platform-systems-drugaddicts table {
	table-layout: fixed;
	width: 100%;
	font-size: 0.8125rem;
}

.page-platform-systems-drugaddicts table th,
.page-platform-systems-drugaddicts table td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 6px !important;
	padding-right: 6px !important;
}

/* Disabled / read-only fields (e.g. view screens, computed totals) - match
   active-field colors for legibility, use a dashed border as the "can't edit
   this" indicator instead. Excludes .flatpickr-input specifically - date
   pickers use readonly on fields that are still fully interactive via the
   calendar widget, just not directly typeable; genuinely non-editable
   readonly fields (e.g. computed totals) are not flatpickr-bound. */
fieldset[disabled] .form-control,
fieldset[disabled] .form-select,
fieldset[disabled] .chosen-single,
fieldset[disabled] .chosen-choices,
fieldset[disabled] .bootstrap-tagsinput,
.form-control:disabled,
.form-select:disabled,
.form-control[readonly]:not(.flatpickr-input) {
	background-color: #edeef0 !important;
	color: #212529 !important;
	border-style: dashed !important;
	border-color: #adb5bd !important;
}

/* TomSelect (used for most Select fields) manages its own JS-driven .disabled
   class separately from the above - opacity:.5 there washes out text same as
   the old low-contrast style did, so it needs its own override.
   Uses a fixed-size background-drawn dash pattern instead of border-style:
   dashed - native dashed borders auto-scale dash length to each element's
   own box size, and .ts-control's proportions differ enough from a plain
   <input> that the same border-width rendered visibly larger/chunkier
   dashes there. This guarantees identical 6px dash / 6px gap everywhere. */
.disabled .ts-control,
.ts-wrapper.disabled .ts-control {
	background-color: #edeef0 !important;
	opacity: 1 !important;
	color: #212529 !important;
	border: 1px solid transparent !important;
	background-image:
		linear-gradient(90deg, #adb5bd 50%, transparent 50%),
		linear-gradient(90deg, #adb5bd 50%, transparent 50%),
		linear-gradient(0deg, #adb5bd 50%, transparent 50%),
		linear-gradient(0deg, #adb5bd 50%, transparent 50%) !important;
	background-repeat: repeat-x, repeat-x, repeat-y, repeat-y !important;
	background-size: 6px 1px, 6px 1px, 1px 6px, 1px 6px !important;
	background-position: left top, left bottom, left top, right top !important;
}

/* .ts-wrapper (the outer TomSelect container div) always carries Bootstrap's
   own .form-select border regardless of disabled state, since :disabled can't
   match a <div>. Stacked with the dashed border above, every disabled Select
   field (single or multi, anywhere in the app) got a visibly thicker double
   border - hide the outer one so only the inner one shows, everywhere. */
.ts-wrapper.disabled {
	border-color: transparent !important;
}

/* Multi-select fields (e.g. Ψυχοκοινωνικές Υπηρεσίες, pathological/psychological
   history) render each selected value as its own tag/chip with a separate,
   more specific disabled rule that the override above doesn't reach. */
.ts-wrapper.multi.disabled .ts-control > div,
.ts-wrapper.multi.disabled .ts-control > div.active {
	background-color: #edeef0 !important;
	color: #212529 !important;
}

/* dkplus end*/