/* make-interfaces-feel-better, pe toata aplicatia. Pastram Dashforge, nu un skin nou. */

:root {
	--if-shadow:
		0 0 0 1px rgba(0, 0, 0, 0.06),
		0 1px 2px -1px rgba(0, 0, 0, 0.06),
		0 2px 4px 0 rgba(0, 0, 0, 0.04);
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.card-title,
.app-view-header {
	text-wrap: balance;
}

p, label, .breadcrumb-item,
.form-fieldset .tx-13,
.tx-color-03 {
	text-wrap: pretty;
}

.tx-color-03 {
	color: #596882 !important;
}

.tx-rubik,
.badge,
#alerte-contor,
.dataTables_info,
.dataTables_paginate,
.table .integrare-num {
	font-variant-numeric: tabular-nums;
}

.sari-continut {
	position: absolute;
	inset-inline-start: 8px;
	top: 8px;
	z-index: 11000;
	padding: 8px 12px;
	background: #fff;
	color: #001737;
	transform: translateY(-200%);
}

.sari-continut:focus {
	transform: none;
}

.btn:focus-visible,
.form-control:focus-visible,
a:focus-visible,
.nav-link:focus-visible,
.nav-sub-link:focus-visible,
.custom-control-input:focus-visible ~ .custom-control-label::before,
.select2-container--bootstrap4.select2-container--focus .select2-selection {
	outline: 2px solid;
	outline-offset: 2px;
}

.btn:focus:not(:focus-visible) {
	outline: none;
	box-shadow: none;
}

/* Shadows over the default gray card border. Colored status cards keep their cue. */
.content .card:not([class*="bd-"]),
.frm-login,
.panel {
	border-color: transparent;
	box-shadow: var(--if-shadow);
}

.content .card[class*="bd-"] {
	box-shadow: var(--if-shadow);
}

/* Card padding 20px > 24px: straturi separate. Inputul din grup e mai strans. */
.input-group-text {
	border-start-start-radius: 2px;
	border-end-start-radius: 2px;
}

.input-group > .form-control,
.input-group > .select2-container--bootstrap4 .select2-selection {
	border-start-end-radius: 2px;
	border-end-end-radius: 2px;
}

/* Icon in stanga, text pe acelasi rand. Dashforge nu are nowrap pe .btn,
   deci in toolbar-uri inguste iconul cade deasupra textului. */
.btn,
.ui-datepicker-buttonpane button,
.sp-container button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	flex-shrink: 0;
}

.btn-block {
	display: flex;
	width: 100%;
}

.btn > i.fa,
.btn > i.fas,
.btn > i.far,
.btn > i.fab,
.btn > svg {
	margin-inline-end: 6px;
	margin-inline-start: 0;
	flex-shrink: 0;
	line-height: 1;
	display: inline-block;
}

.btn > i:only-child,
.btn > svg:only-child {
	margin-inline-end: 0;
}

.erpa-actiuni {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

.btn-primary,
.btn-secondary,
.btn-danger,
.btn-warning {
	padding-inline-start: 13px;
	padding-inline-end: 15px;
}

.btn-sm {
	min-height: 40px;
	min-width: 40px;
}

.custom-control {
	min-height: 40px;
	display: flex;
	align-items: center;
}

.navbar-right > a,
.aside-menu-link,
.aside-logo {
	min-height: 40px;
	min-width: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.nav-aside .nav-link {
	min-height: 40px;
}

.aside-logo img {
	outline: none;
	border: none;
	box-shadow: none;
	display: block;
	height: auto;
	width: auto;
	max-height: 40px;
	max-width: 180px;
	object-fit: contain;
}

.frm-login img,
.content img.img-fluid,
.content .img-thumbnail {
	outline: 1px solid rgba(0, 0, 0, 0.1);
}

#continut {
	scroll-margin-top: 72px;
}

@media (max-width: 575.98px) {
	.form-control {
		font-size: 1rem;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.btn {
		transition-property: transform, box-shadow, background-color, border-color, color, opacity;
		transition-duration: 150ms;
		transition-timing-function: ease-out;
	}

	.btn:not(:disabled):active {
		transform: scale(0.96);
	}

	.content .card,
	.frm-login,
	.panel {
		transition-property: box-shadow;
		transition-duration: 150ms;
		transition-timing-function: ease-out;
	}
}

@media (prefers-reduced-motion: reduce) {
	.animated,
	.fadeInDown,
	.fadeOutZoom {
		animation: none !important;
	}

	.fa-spin {
		animation: none;
	}
}
/* Sageata pentru grupurile pliabile din meniul lateral. */
.nav-aside .nav-item.with-sub > .nav-link > .menu-chevron {
	width: 16px;
	height: 16px;
	margin-right: 0;
	margin-left: auto;
	fill: none;
	transform: rotate(0deg);
	transform-origin: center;
	transition-property: transform;
	transition-duration: 180ms;
	transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
}

.nav-aside .nav-item.with-sub.show > .nav-link > .menu-chevron {
	transform: rotate(180deg);
}

.nav-aside > .nav-item.with-sub.show > .nav-link,
.nav-aside > .nav-item.with-sub.show > .nav-link.active,
.nav-aside > .nav-item.with-sub.show > .nav-link > svg {
	color: #1b2e4b !important;
	font-weight: 400;
}

@media (prefers-reduced-motion: reduce) {
	.nav-aside .nav-item.with-sub > .nav-link > .menu-chevron {
		transition: none;
	}
}

/* Extra spacing between sidebar category labels (ADMINISTRARE / OPERATIUNI / etc). */
.nav-aside .nav-label {
	margin-top: 28px;
	margin-bottom: 12px;
	padding-top: 8px;
}
.nav-aside > .nav-label:first-child {
	margin-top: 0;
	padding-top: 0;
}

/* Tabele: scroll orizontal cand nu incap; nu strangem coloanele. */
.table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	max-width: 100%;
}
.table-responsive > .col-md-12 {
	min-width: 0;
	max-width: 100%;
}
.table-responsive table.table,
.table-responsive table.dataTable {
	width: max-content !important;
	min-width: 100%;
	margin-bottom: 0;
}
.table-responsive table.nowrap th,
.table-responsive table.nowrap td,
.table-responsive table.dataTable th,
.table-responsive table.dataTable td {
	white-space: nowrap;
}
/* Scroll wrapper generat de DataTables scrollX */
div.dataTables_wrapper div.dataTables_scroll {
	overflow-x: auto !important;
}
div.dataTables_wrapper div.dataTables_scrollBody {
	overflow-x: auto !important;
}
/* Coloana de selectie: checkbox, nu buton gol langa controlul Responsive */
th.ts-select-col,
td.ts-select-col {
	width: 32px !important;
	min-width: 32px !important;
	max-width: 40px !important;
	text-align: center;
	vertical-align: middle;
	padding-left: 8px !important;
	padding-right: 8px !important;
}
th.ts-select-col .ts-select-all,
td.ts-select-col .ts-row-select {
	margin: 0;
	vertical-align: middle;
}
/* Ascunde plus-ul Responsive pe celula de checkbox (dtr-control pe prima coloana) */
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.ts-select-col.dtr-control:before,
table.dataTable.dtr-column.collapsed > tbody > tr > td.ts-select-col.control:before,
table.dataTable.dtr-column.collapsed > tbody > tr > th.ts-select-col.control:before {
	display: none !important;
}