/** CSS **/
.search-shortcut-hint {
	transition: opacity 0.2s ease;
}
#sp-search:focus + .search-widget-icon + .search-shortcut-hint,
#sp-search:not(:placeholder-shown) + .search-widget-icon + .search-shortcut-hint {
	opacity: 0;
}
.search-shortcut-hint kbd {
	background-color: #f8f9fa;
	border: 1px solid #dee2e6;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0,0,0,.2), inset 0 0 0 2px #fff;
	color: #495057;
	display: inline-block;
	font-family: monospace;
	font-weight: bold;
	line-height: 1;
	white-space: nowrap;
}
[data-bs-theme="dark"] .search-shortcut-hint kbd {
	background-color: #495057;
	border-color: #6c757d;
	color: #f8f9fa;
	box-shadow: 0 1px 0 rgba(255,255,255,.1), inset 0 0 0 2px #495057;
}
#sp-search {
	color: var(--vz-secondary-color) !important;
}

#loading-ajax-wrapper {
	position: fixed;
	bottom: 0;
	height: 0.5rem;
}

#loading-div-wrapper {
	position: absolute;
	z-index: 9999 !important;
	height: -webkit-fill-available;
	width: -webkit-fill-available;
	background: var(--vz-body-bg);
}

.loader-parent {
	z-index: 1002 !important;
}
#loading-div-wrapper .loading-div {
	height: 100vh;
}

.loading-div>div {
	height: 100%;
	width: 100%;
}

.c-pointer:hover {
	cursor: pointer !important;
}

.sticky-detail {
	position: -webkit-sticky;
	position: sticky;
	top: 81px;
	right: 0;
	z-index: 2;
}

.sticky-top {
	z-index: 1001;
}

.sticky-col {
	position: sticky;
	z-index: 1000;
	left:0;
}

.portal-widgets {
	background-color: var(--vz-body-bg) !important;
}

.hidden {
	display: none;
}

.hidden-important {
	display: none !important;
}

.full_width {
	width: 100%;
}

.full_height {
	height: 100%;
}

.no_wrap {
	white-space: nowrap !important;
}

.handler {
	cursor: move;
}

.site-action {
	position: fixed;
	bottom: 32px;
	right: 32px;
	z-index: 100;
}

.w-5 {
    width: 10% !important;
}

.nav.nav-pills.nav-custom.nav-custom-default {
	overflow-x: auto;
	overflow-y: hidden;
	flex-wrap: nowrap;
}

.nav.nav-pills.nav-custom.nav-custom-default .nav-link {
	white-space: nowrap;
}

.nav.nav-tabs-custom.nav-custom-default {
	overflow-x: auto;
	overflow-y: hidden;
	flex-wrap: nowrap;
}

.nav.nav-tabs-custom.nav-custom-default .nav-link {
	white-space: nowrap;
}

.nav.nav-tabs.nav-border-top {
	overflow-x: auto;
	overflow-y: hidden;
	flex-wrap: nowrap;
}

.nav.nav-tabs.nav-border-top .nav-link {
	white-space: nowrap;
}

.form-group {
	margin-bottom: 8px;
}

.form-group label {
	text-overflow: ellipsis;
	display: block;
	/* max-height: 20px; */
	/* height: 20px; */
	white-space: nowrap;
	overflow-x: hidden;
	overflow-y: hidden;
	font-size: smaller;
	margin-bottom: 0.1rem;
	/* color: var(--vz-gray); */
}

.form-inline .form-group label {
	display: inline-block !important;
}

.form-detail {
	color: var(--vz-body-color);
    border: 1px solid var(--vz-boxed-body-bg);
    padding: 0.375rem 0.75rem;
    display: inline-block;
    width: 100%;
    position: relative;
    /*z-index: 1;*/
    box-sizing: border-box;
    box-shadow: none;
    border-radius: 0.375rem;
    background: var(--vz-light);
	overflow: auto;
	min-height: 34px
}

.form-detail-multiselect {
	line-height: 24px;
}

.form-detail-min-textarea {
	max-height: 144px;
	overflow-y: auto;
}

input.form-control:not(.is-invalid) {
	border: 1px solid var(--vz-boxed-body-bg) !important;
}

input.date-range-picker {
	text-align: center;
}

div.selectize-input {
	padding: 8px;
}

/** THEME **/
.navbar-brand-box {
	background-color: rgba(0, 0, 0, 0.1);
	padding: 0;
	overflow-x: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.navbar-brand-box .logo {
	font-size: 30px;
	font-weight: bolder;
}

.navbar-header {
	padding-left: 0;
	padding-right: 0;
}

.aside section {
	padding-bottom: 20px;
}

.offcanvas-footer button,
.offcanvas-footer a.btn {
	margin-left: 2px;
	margin-right: 2px;
}

/** TABLE **/
.table-card {
	margin-bottom: 0 !important;
}

table thead th {
	text-align: center;
}

table thead th a {
	--vz-text-opacity: 1;
	color: var(--vz-secondary-color) !important;
}

table.floatThead-table thead {
	background-color: var(--vz-body-bg);
}

/* table thead th a.sorting {
	padding-right: 20px;
} */

/* jQuery.floatThead table footer fix */
fthtd {
	padding: 0px !important;
}

.table>thead>tr>th.multiedit,
.table>tbody>tr>td.multiedit {
	width: 20px;
	text-align: center;
	padding-left: 4px;
}

.table-light a {
	color: rgba(var(--vz-link-color-rgb), var(--vz-link-opacity, 1)) !important;
}

.page-content-condensed-table {
	max-width: 100%;
	padding: 0;
	overflow-x: auto;
}

.page-content-condensed-table .table>thead>tr>th:first-child,
.page-content-condensed-table .table>tbody>tr>th:first-child,
.page-content-condensed-table .table>thead>tr>td:first-child,
.page-content-condensed-table .table>tbody>tr>td:first-child {
	padding-left: 10px;
}

.page-content-condensed-table .table>thead>tr>th:last-child,
.page-content-condensed-table .table>tbody>tr>th:last-child,
.page-content-condensed-table .table>thead>tr>td:last-child,
.page-content-condensed-table .table>tbody>tr>td:last-child {
	padding-right: 10px;
}

.page-content-condensed-table .table>thead>tr>th:first-child:not(.multiedit),
.page-content-condensed-table .table>tbody>tr>th:first-child:not(.multiedit),
.page-content-condensed-table .table>thead>tr>td:first-child:not(.multiedit),
.page-content-condensed-table .table>tbody>tr>td:first-child:not(.multiedit) {
	min-width: 110px;
}


.blockquote-reverse {
	border-right-width: 2px;
}

.blockquote {
	border-left-width: 4px;
}

.blockquote.blockquote-reverse {
	border-right-width: 4px;
}

.blockquote-success {
	background-color: var(--vz-success-border-subtle);
	border-color: var(--vz-success-text-emphasis);
	color: var(--vz-body-color);
}

.blockquote-info {
	background-color: var(--vz-info-border-subtle);
	border-color: var(--vz-info-text-emphasis);
	color: var(--vz-body-color);
}

.blockquote-warning {
	background-color: var(--vz-warning-border-subtle);
	border-color: var(--vz-warning-text-emphasis);
	color: var(--vz-body-color);
}

.blockquote-danger {
	background-color: var(--vz-danger-border-subtle);
	border-color: var(--vz-danger-text-emphasis);
	color: var(--vz-body-color);
}

/** */
:root,
[data-nx-theme=minimal] {
	--nx-bg-subtle: --vz-gray-dark;
}

.dropdown-menu.show {
	z-index: 1111;
}

.grid-stack {
	width: calc(100% - 0.5rem);
}

.flex-box {
	display: flex;
	flex-flow: column;
	height: 100vh;
}

.flex-box-container {
	display: contents !important;
}

.page-content {
	padding: 0 !important;
	overflow: hidden;
}

.page-content:has(.container-fluid):has(.flex-box) .row-filter .card {
	z-index: 2001 !important;
}

.page-title-box {
	margin-bottom: calc(var(--vz-gutter-x) * .5);
	margin-top: 0 !important;
}

.page-title-box .header-item {
	height: auto;
}

#topnav-hamburger-icon {
	padding-left: 5px !important;
}

.collapse:not(.show) {
	display: none !important;
}

.k-editor-toolbar {
	overflow: auto !important;
}

.row.h-100 > .col-12.form-group > .k-editor.k-resizable {
    height: 100% !important;
}

.row.h-100 > .col-12.form-group {
	margin-bottom: 20px;
}

.card-edit-container {
	margin-left: -0.8rem;
	margin-right: -0.8rem;
}

.input-group, .k-picker, .k-multiselect, .k-datetimepicker {
	min-height: 38px !important;
}
.input-group .form-select {
	margin-left: 0.1px !important;
}

.k-input-loading-icon {
	padding: 0 !important;
}

.max-height-50 {
	max-height: 50vh;
}

.png-shadow {
	-webkit-filter: drop-shadow(0 1px 2px rgba(56, 65, 74, .15));
	filter: drop-shadow(0 1px 2px rgba(56, 65, 74, .15));
}

.py-0-8 {
	padding-top: 0.8rem !important;
	padding-bottom: 0.8rem !important;
}

.card-footer {
	min-height: 41px !important;
}

/* custom scrollbar */
::-webkit-scrollbar {
	width: 16px;
	height: 16px;
}

::-webkit-scrollbar-track {
	background-color: transparent;
}

::-webkit-scrollbar-thumb {
	background-color: var(--vz-primary);
	border-radius: 20px;
	border: 6px solid transparent;
	background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #a8b4bf;
}

::-webkit-scrollbar-corner {
	background-color: var(--vz-body-bg);
}

.z-index-0 {
	z-index: 0 !important;
}

.anteprima-reply {
	white-space: normal !important;
}

.alertMessage {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 1000 !important;
}

.selectize .optgroup-header {
	font-weight: bold;
}

.multiselectize .border-light,
.selectize-control .border-light,
.selectize .border-light {
	border: 1px solid var(--vz-boxed-body-bg) !important;
}

.navbar-menu {
	padding-bottom: 64px;
	border-right: 0;
}

.logo {
	line-height: 64px;
}

.logo img {
	max-height: 40px;
	max-width: 220px;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=sm] .navbar-menu {
	padding-top: 0;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=sm] .navbar-brand-box {
	bottom: 0;
	top: auto;
}

.profile-wid-bg::before {
	opacity: .6
}

.page-header-actions .administration-menu button {
	padding: 5px;
	margin-top: 2px;
}

table.table-border-none td,
table.table-border-none th {
	border: 0 !important;
}

.widget-setting-icon {
	margin-top: -14px;
	margin-right: -3px;
	font-size: 12px;
}

.icon-size-10 {
	width:10rem !important;
	height:10rem !important;
}

.dashboard-data-range-picker {
	max-height: 25px !important;
	display: -webkit-inline-box !important;
	text-align: center;
	max-width: 200px;
}

.btn-detail-w-50 {
	width: 50px !important;
}

.form-detail-highlights {
	border: 3px solid var(--vz-primary);
	background-color: var(--vz-primary-bg-subtle) !important;
}

.form-detail-license-highlights {
	border: 3px solid var(--vz-danger);
	background-color: var(--vz-danger-bg-subtle) !important;
}

.selectize-control input {
	color: var(--vz-body-color);
}

/* Nel file CSS personalizzato */
[data-sidebar-size="sm-hover"] .search-shortcut-hint {
	display: none !important;
}

[data-sidebar-size="lg"] .search-shortcut-hint, [data-sidebar-size="sm-hover-active"] .search-shortcut-hint {
	display: block !important;
}

.mb-footer {
	margin-bottom: calc(var(--vz-gutter-x) * .5) !important;
}

tr.pulse {
	animation: pulse 1.5s steps(10, start) infinite;
	-webkit-animation: pulse 1.5s steps(10, start) infinite;
}
@keyframes pulse {
	50%, 100% {
	  background-color: inherit; /* Colore originale del tr */
	  box-shadow: none; /* Nessuna ombra */
	}
}
@-webkit-keyframes pulse {
	50%, 100% {
	  background-color: inherit; /* Colore originale del tr */
	  box-shadow: none; /* Nessuna ombra */
	}
}

tr:has(.blink) {
	animation: blink 1.5s steps(10, start) infinite;
	-webkit-animation: blink 1.5s steps(10, start) infinite;
}
.card-header:has(.blink) {
	animation: blinklight 1.5s steps(10, start) infinite;
	-webkit-animation: blinklight 1.5s steps(10, start) infinite;
}

@keyframes blink {
	0%, 49% {
		background: var(--vz-danger);
	}
	50%, 100% {
		background: inherit;
	}
}
@-webkit-keyframes blink {
	0%, 49% {
		background: var(--vz-danger);
	}
	50%, 100% {
		background: inherit;
	}
}

@keyframes blinklight {
	0%, 49% {
		background: var(--vz-danger-bg-subtle);
	}
	50%, 100% {
		background: inherit;
	}
}
@-webkit-keyframes blinklight {
	0%, 49% {
		background: var(--vz-danger-bg-subtle);
	}
	50%, 100% {
		background: inherit;
	}
}

.k-input.is-invalid.was-validated, .selectize.is-invalid.was-validated {
	border-color: var(--vz-form-invalid-border-color);
    padding-right: calc(1.5em + 1rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23fa896b'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fa896b' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.25rem) center;
    background-size: calc(0.75em + 0.5rem) calc(0.75em + 0.5rem);
}

.nav-link-sidebar-user[data-bs-toggle=collapse]:after
{
	margin-right: 24px;
}

:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm-hover] .navbar-menu .navbar-nav .nav-link i {
	font-size: 18px;
}

.navbar-menu .navbar-nav .nav-link i {
	font-size: 15px;
}

span.header-profile-user {
	position: relative;
	min-height: 32px;
	min-width: 32px;
}
span.header-profile-user span {
	display: block;
    position: absolute;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.app-search .form-control {
	padding-left: 3em !important;
	padding-right: inherit !important;
}

.nav-sm > .nav-item:has(> .nav-link.active) {
	background: #ffffff24;
    border-radius: var(--vz-border-radius);
    margin-right: 20px;
    padding-left: 10px;
    margin-left: -10px;
}

.nav-item:has(> .menu-link.active) {
	margin-right: 0%;
}

.user-status {
    width: 12px !important;
    height: 12px !important;
    margin: -3px !important;
}

.user-status-sidebar {
	display: block !important;
    z-index: 9999;
    bottom: 6px !important;
    left: 46px !important;
    padding: 5px;
    position: absolute !important;
}

.mw-40 {
	max-width: 40% !important;
}

.split {
    display: flex;
    flex-direction: row;
}

.gutter {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
}

.gutter.gutter-horizontal {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
    cursor: col-resize;
}

.k-editor .k-button {
	padding: 0.45rem 0.5rem; /* Dimensioni del pulsante small */
	font-size: 0.875rem; /* Dimensioni del font small */
	height: auto; /* Altezza automatica */
}

.kendo-avatar {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	margin-top: 2px;
	margin-right: 5px;
}

.k-grid {
	overflow: auto;
}

.k-splitbar, .k-splitter {
	background-color: transparent !important;
	border-color: transparent !important;
}

.k-splitbar:focus, .k-splitbar.k-focus {
	color: var(--kendo-color-on-app-surface, #212529);
}

.detail-avatar {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	margin-top: 2px;
	margin-right: 5px;
}

.avatar-title {
	vertical-align: top;
	margin-right: 10px;
	width: 50px;
	height: 50px;
	max-width: 100px;
	max-height: 100px;
}

.btn {
	border-radius: 5px !important;
}
.input-group-text + .form-control {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-top-right-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
}

.form-control:has(+ .input-group-text) {
	border-top-left-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.form-control:not(.input-group-text + .form-control):not(:has(+ .input-group-text)) {
	border-top-left-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
}


.form-select {
	border-radius: 5px !important;
}

.scheduler-field .scheduler-icon-slot {
	padding: 0.6rem;
}

.scheduler-field .k-datepicker, .scheduler-field .k-datetimepicker {
	max-width: calc(100% - 33.4375px) !important;
}

@media (max-width: 960px) {
    .split-row, .split-col {
        display: block !important;
        width: 100% !important;
    }
    .gutter {
        display: none;
    }
    .page-content {
        overflow-y: auto !important;
    }
    .page-content .overflow-hidden {
        overflow: initial !important;
    }
    .sticky-col {
        position: initial !important;
    }
	.k-editor {
		min-height: 400px !important;
	}
}

.codex-editor__redactor {
	padding: 0 !important;
}

.card {
	--vz-card-border-radius: 0.6rem;
	--vz-card-inner-border-radius: 0.6rem;
}

.card-header {
	border-radius: var(--vz-card-border-radius) var(--vz-card-border-radius) 0 0;
}

.k-dropdownlist,
.k-solid,
.kendo-dropdown-list {
	background-color: var(--bg-default) !important;
}

.query-builder .rule-container {
	background: rgba(255, 255, 255, 0.6) !important;
}

.navbar-menu .navbar-nav .nav-sm .nav-link.active {
	background-color: #00000000 !important;
}