/*.btn.btn-primary{
	background-color:#065374;
}
.btn.btn-primary:hover{
	background-color:#4B84A8 !important; 
}
.btn.btn-light-primary{
	background-color:#A45769;
	color:#fff	
}
.btn.btn-light-primary:hover{
	background-color:#c99aa5 !important;
}
.btn.btn-light{
	background-color:#aeaeae;
	color:#fff	
}

.link-primary{
	color:#4B84A8;
}
.link-primary:hover{
	color:#4B84A8 !important
}*/
.bg-danger-elegant{
	background-color: var(--bs-red-elegant) !important;
}
.text-danger-elegant{
	color: var(--bs-red-elegant) !important;
}
.badge-danger {
	color: #f2f2f2;
	background-color:  var(--bs-red-elegant) !important;
}
.bg-success-elegant{
	background-color: var(--bs-green-elegant) !important;
}
.text-success-elegant{
	color: var(--bs-green-elegant) !important;
}
.badge-success {
	color: var(--bs-green) !important;
	background-color:  var(--bs-green-elegant) !important;
}
.bg-warning-elegant{
	background-color: var(--bs-yellow-elegant) !important;
}
.text-warning-elegant{
	color: var(--bs-yellow-elegant) !important;
}
.badge-warning {
	color: #000000 !important;
	background-color:  var(--bs-yellow-elegant) !important;
}
.icon_rrp{
	color:#337592 !important;
}
.icon_prt{
	color:#337592 !important;
	font-size:30px !important;
}
/*.btn.btn-active-primary:hover:not(.btn-active){
	background-color:#065374 !important;
}*/
.btn.btn-active-color-primary.active .svg-icon svg [fill]:not(.permanent):not(g){
	fill:#8d2c44 !important;
}
.btn.btn-color-gray-400:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g){
	fill:#8d2c44 !important;
}
.menu-state-primary .menu-item .menu-link.active .menu-title{
	color:#065374 !important;
}
.menu-state-icon-primary .menu-item .menu-link.active .menu-icon .svg-icon svg [fill]:not(.permanent):not(g){
	fill:#065374 !important;
}
.menu-title-gray-600 .menu-item .menu-link .menu-title{
	color:#7e8299;
}
.menu-state-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title{
	color:#065374 !important;
}
.menu-state-icon-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon .svg-icon svg [fill]:not(.permanent):not(g){
	fill:#065374 !important;
}
.menu-state-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title, .menu-state-primary .menu-item.hover>.menu-link:not(.disabled):not(.active) .menu-title{
	color:#065374;
}
.menu-state-icon-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon .svg-icon svg [fill]:not(.permanent):not(g), .menu-state-icon-primary .menu-item.hover>.menu-link:not(.disabled):not(.active) .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
	fill:#065374 !important;
}
.btn.btn_modifica.active, .btn.btn_modifica:focus:not(.btn-active), .btn.btn_modifica:hover:not(.btn-active){
		background-color:#065374 !important;
		color:#fff;
}
.btn.btn-active-icon-primary.show .svg-icon svg [fill]:not(.permanent):not(g){
	fill:#8d2c44 !important;
}
.btn.btn-active-icon-primary:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-icon-primary:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g){
	fill:#8d2c44 !important;	
}
/*.form-check.form-check-solid .form-check-input:checked{
	background-color:#337592;	
}*/
.form-check-input:checked{
	background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);	
}
.btn.btn-active-color-primary:hover:not(.btn-active){
	color:#065374 !important;
}
.btn.btn-active-color-primary:hover .insert_activity rect, .btn.btn-active-color-primary:hover .insert_activity path{
	fill:#065374 !important;	
}
.btn.btn-active-color-primary .insert_activity rect{
	fill:#949ABC !important;	
}
.mie_pratiche{
	font-size: 18px;	
}
.menu-icon-gray-400 .menu-item .menu-link:hover .menu-icon .mie_pratiche, .menu-icon-gray-400 .menu-item .menu-link:hover .menu-icon .tt_ticket{
	color:#065374 !important;	
}
.tt_ticket{
	font-size:16px;	
}
.title_ticket{
	font-size:19px !important;	
}
.btn.btn-active-color-primary:focus:not(.btn-active) .title_ticket, .btn.btn-active-color-primary:hover:not(.btn-active) .title_ticket, .btn.btn-active-color-primary.active .title_ticket, .btn.btn-active-color-primary.show .title_ticket{
	color:#A45769 !important;
}
.text-hover-primary:hover{
	color:#8d2c44 !important;
}
.progress .progress-bar{
	background-color:#065374 !important;	
} 
.fa-file-invoice{
	font-size:20px; 
}
.btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g){
	fill:#8d2c44 !important;	
}
.btn.btn-active-color-primary:hover:not(.btn-active) .icon_blu svg [fill]:not(.permanent):not(g){
	fill:#065374 !important;	
}
.btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g){
	fill:#8d2c44 !important;	
}
.btn.btn-active-color-primary:focus:not(.btn-active) .icon_blu svg [fill]:not(.permanent):not(g){
	fill:#065374 !important;	
}
.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled){
	border-bottom:2px solid #8d2c44 !important;	
}
.fa-flag{
	color:#8d2c44;
}
/*.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted{
	background-color:#E2F5FD !important;
	color:#000 !important;
}*/
/*.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected{
	color:#fff !important;
	background-color:#4B84A8 !important;
}*/
.btn.btn-active-light-primary:hover:not(.btn-active){
	color:#fff !important;
	background-color:#8d2c44 !important;
}
.btn.btn-active-light-primary:focus:not(.btn-active){
	color:#fff !important;
	background-color:#8d2c44 !important;
}
.btn.btn-active-color-primary:hover:not(.btn-active) .icon_color svg [fill]:not(.permanent):not(g){
	fill:#065374 !important;
}
/*.text-warning{
	color:#8d2c44 !important;	
}
.text-success{
	color:#065374 !important;
}
*/
.btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g){
	fill:#337592 !important;	
}
.btn.btn-active-light-primary:hover:not(.btn-active) .icon_delete svg [fill]:not(.permanent):not(g), .btn.btn-active-light-primary:focus:not(.btn-active) .icon_delete svg [fill]:not(.permanent):not(g){
	fill:#A45769 !important;	
}
.page-item.active .page-link{
	background-color:#337592 !important;
}
/*.badge-light-primary{
	color: #337592;
    background-color: #CCDDE4;
}
.badge-light-primary:hover{
	color: #065374 !important;
}*/
.badge-light-danger{
	color: #A45769;
    background-color:#E8D5D9;	
}
.badge-light-danger:hover{
	color: #8D2D43 !important;
}

.badge-light-secondary{
	color: #737373;
    background-color:#f1f1f1;	
	border: 1px solid #c9c9c9;
}

.badge-light-secondary:hover{
	color: #404040 !important;
}

.font-danger{
	color:#A45769;	
}
.badge-light-success{
	color:#26a150;
	background-color:#cdedd8;
}
/*
.badge-light-success:hover{
	color:#000000;
}
*/
.badge-light-success-l{
	color: #009EF7;
	background-color: #F1FAFF;
}
.badge-light-success-l:hover{
	color:#003AF7;
}
.menu-icon-gray-400 .menu-item .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g){
	fill:#7e8299 !important;	
}
.menu-icon-gray-400 .menu-item .menu-link .menu-icon i{
	color:#7e8299 !important;	
}
.menu-state-primary .menu-item .menu-link:hover:not(.disabled):not(.active){
	color:#065374 !important;
}
.btn.btn-active-color-primary:focus:not(.btn-active){
	color:#065374 !important;	
}
.btn_bg .btn.btn-active-light-primary:hover:not(.btn-active){
	background-color:#f1f3f5 !important;
}
.btn_bg .btn.btn-active-light-primary:focus:not(.btn-active){
	background-color:#f1f3f5 !important;
}
.forgotpsw{
	text-align:right;	
}
body {
    --fc-event-border-color: #337592 !important;
    --fc-event-bg-color: #337592 !important;
}
.fc .fc-daygrid-dot-event.fc-event-mirror, .fc .fc-daygrid-dot-event:hover {
	color:#337592 !important;
}
.btn.btn-light-primary .svg-icon svg [fill]:not(.permanent):not(g) {
	fill:#fff !important;
}
/*.bg_customer .btn.btn-active-light-primary:hover:not(.btn-active), .btn.btn-active-light-primary.show{
	background-color:#CCDDE4 !important;
	color:#005377 !important;
}*/
.bg_customer .btn.btn-active-light-primary:focus:not(.btn-active){
	background-color:#CCDDE4 !important;
	color:#005377 !important;
}
.bg_customer .menu-state-bg-light-primary .menu-item .menu-link:hover:not(.disabled):not(.active){
	background-color:#CCDDE4 !important;
	color:#005377 !important;	
}
.bg_customer .menu-state-bg-light-primary .menu-item .menu-link:focus:not(.disabled):not(.active){
	background-color:#CCDDE4 !important;
	color:#005377 !important;	
}
.bg_customer .btn.btn-active-icon-primary:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g){
	fill:#005377 !important;
}
.badge-light-active{
	background-color:#E8D5D9;
	color:#A45769;
}
.badge-light-active:hover{
	color:#8D2D43 !important;
}
.hover_link a {
	color:#D1ABB4 !important;	
}
.hover_link a:hover {
	color:#8D2D43 !important;	
}
.no_hover:hover {
	color:#3f4254 !important
}
.new_practice .text-active-primary.active{
	color:#3F4254 !important;
}
.new_practice .nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled){
	border-bottom: 2px solid #D1ABB4 !important;	
}
.new_practice .nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link.active{
	border-bottom: 2px solid #A45769 !important;
}
/*.btn.btn-primary:hover:not(.btn-active){
	background-color:#337592 !important;
}
.btn.btn-primary:focus:not(.btn-active){
	background-color:#337592 !important;
}
.scrolltop{
	background-color:#065374 !important;
}*/
#ins_prestazioni .nav-link{
	color:#337592;
}
#ins_prestazioni .nav-link.active{
	color:#fff;
}
#ins_prestazioni .nav-link:hover{
	color:#fff;
}
.legenda{
	color:#F1416C;
	font-weight:bold;
}
.svg-icon.svg-icon-primary svg [fill]:not(.permanent):not(g){
	fill:#065374 !important;	
}
.icon_overview{
	font-size:16px;	
}
.fa-plus{
	color:#D1ABB4;
}
.fa-plus:hover{
	color:#8D2D43;
}
.fa-pencil-alt{
	color:#87afc0;
}
.fa-pencil-alt:hover{
	color:#005377;
}
.select2-container--disabled .selection .select2-selection .select2-selection__rendered{
	color:#A1A5B7 !important;	
}
.form-control:disabled{
	color:#A1A5B7 !important;	
}
.btn-check:checked + .btn.btn-outline.btn-outline-dashed.btn-outline-default, .btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active){
	background-color:#EBF1F4 !important;
	border-color:#337592 !important;
}
.stepper.stepper-links .stepper-nav .stepper-item.current .stepper-title{
	color:#3F4254 !important;
}
.stepper.stepper-links .stepper-nav .stepper-item .stepper-title{
	color:#A1A5B7 !important;
}
.stepper.stepper-links .stepper-nav .stepper-item.current:after{
	background-color:#A45769 !important;
}
.icon_new_practice{
	font-size:30px !important;	
	color:#a1a5b7 !important;
}
.btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active) .svg-icon .icon_new_practice, .btn-check:checked+.btn.btn-outline.btn-outline-dashed.btn-outline-default .svg-icon .icon_new_practice{
	color:#005377 !important;
}
.check_color:checked{
	background-color: #337592;
    border-color: #337592;	
}
.btn.btn-light-primary:hover:not(.btn-active){
	background-color:#D1ABB4 !important;	
}
.btn.btn-light-primary:focus:not(.btn-active){
	background-color:#D1ABB4 !important;	
}
.btn_avanti:hover{
	background-color:#CCDDE4 !important;	
}
.border-hover-primary:hover{
	border-color:#337592 !important;	
}
.card_user{
	cursor:pointer !important;
	border-radius: 0.475rem !important;
	border-color:#E4E6EF !important;
}
.card_user:hover{
	border-radius: 0.475rem !important;
	border-color:#337592 !important;
}
.card_user:checked{
	border-color:#337592 !important;
}
.card_user.active{
	border-radius: 0.475rem !important;
	border-color:#337592 !important;
	background-color:#EBF1F4;
}
.icon_comp_doc{
	margin-right:10px	
}
.fa-envelope-open-text:hover{
	color:#337592 !important;
}
.pra_oggetto{
	font-weight:500 !important;	
}
.tt_pratiche{
	font-size:25px !important	
}
/*.center_row{
	position: relative;
    top: 50%;
    transform: translateY(-50%);	
}*/
.btn_blu{
	background-color:#337592 !important;
	color:#fff !important;
}
.btn_blu:hover{
	background-color:#EBF1F4 !important;
}
.bg_blu{
	background-color:#337592 !important;	
}
.link_graph:hover .text_hover_blu{
	color:#337592 !important;
}
.icon_richieste{
	font-size:18px	
}
.title_pratiche{
	font-size:14px !important;	
}
.bg-light-blu{
	background-color:#E8D5D9 !important;
}	
.border-blu{
	border-color:#8D2D43 !important;
}
.bg-light-red{
	background-color:#EBF1F4 !important;
}	
.border-red{
	border-color:#005377 !important;
}
/*.stepper.stepper-pills .stepper-item .stepper-icon{
	background-color:#EBF1F4 !important;
}
.stepper.stepper-pills .stepper-item .stepper-icon .stepper-number{
	color:#337592 !important;
}
.stepper-title:hover{
	color:#005377 !important;
}
.stepper-title{
	font-size:15px !important;	
}*/
div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}
select[readonly].select2-hidden-accessible + .select2-container, input[readonly]{
	pointer-events: none;
	touch-action: none;
}
.btn.btn-active-primary.active i,
.btn.btn-active-primary.active{
	color:#fff !important;	
}
/*.btn.btn-active-primary:hover i,
.btn.btn-active-primary:hover{
	color:#fff !important;	
}*/
.btn.btn-active-primary:hover i,
.btn.btn-active-primary:hover{
	color:inherit !important;
}
/* a:hover di Metronic (transition solo su color) sovrascrive la transition di .btn: la ripristino anche in hover */
.btn.btn-hover-text-white,
.btn.btn-hover-text-white:hover{
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn.btn-hover-text-white i{
	transition:color .15s ease-in-out;
}
.btn.btn-active-primary.btn-hover-text-white:hover i,
.btn.btn-active-primary.btn-hover-text-white:hover{
	color:#fff !important;
}
.color_black span{
	color:#333;	
}
.color_black li:hover span{
	color:#fff !important;	
}
.color_black .nav-item .btn.btn-active-primary.active span{
	color:#fff !important;	
}
.btn-viola{
	color:#fff;
	background-color:#8D2D43;
}
.btn-viola:hover{
	color:#fff;
	background-color:#A45769;
}
.page-link:hover{
	color:#fff !important;
	background-color:#CCDDE4 !important;
}
.page-item:hover:not(.disabled) .page-link .next{
	background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='%5E6278'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.93537 4.57889C6.03839 4.77912 6.0191 5.0363 5.87137 5.21403L2.87153 8.82282C2.68598 9.04603 2.36951 9.06026 2.16468 8.8546C1.95985 8.64893 1.94422 8.30126 2.12977 8.07804L4.80594 4.85863L2.15586 1.93583C1.96104 1.72096 1.96165 1.37314 2.15722 1.15895C2.35279 0.944757 2.66927 0.945311 2.86409 1.16018L5.85194 4.45551C5.8859 4.49296 5.91371 4.53459 5.93537 4.57889Z'/%3e%3c/svg%3e")
}
.page-item:hover:not(.disabled) .page-link .previous {
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='%5E6278'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.06463 4.42111C1.96161 4.22088 1.9809 3.9637 2.12863 3.78597L5.12847 0.177181C5.31402 -0.046034 5.63049 -0.060261 5.83532 0.145404C6.04015 0.351069 6.05578 0.698744 5.87023 0.921959L3.19406 4.14137L5.84414 7.06417C6.03896 7.27904 6.03835 7.62686 5.84278 7.84105C5.64721 8.05524 5.33073 8.05469 5.13591 7.83982L2.14806 4.54449C2.1141 4.50704 2.08629 4.46541 2.06463 4.42111Z'/%3e%3c/svg%3e")
}
.popover .popover-dismiss:hover i{
	color:#333	
}
.btn-blu{
	color:#fff;
	background-color:#337592;
}
.btn-blu:hover{
	color:#fff;
	background-color:#52879f;
}
.ql-toolbar.ql-snow button:hover .ql-stroke, .ql-toolbar.ql-snow .ql-picker:hover .ql-stroke, .ql-toolbar.ql-snow button:focus .ql-stroke, .ql-toolbar.ql-snow .ql-picker:focus .ql-stroke{
	stroke:#337592 !important;	
}
.ql-toolbar.ql-snow button:hover .ql-fill, .ql-toolbar.ql-snow button:focus .ql-fill{
	fill:#337592 !important;	
	stroke:#337592 !important;
}
.ql-toolbar.ql-snow .ql-picker:hover .ql-picker-label, .ql-toolbar.ql-snow .ql-picker:focus .ql-picker-label{
	color:#337592 !important;
}
.badge-light-warning{
	background-color:#fff1b9 !important;	
	color:#bb9200 !important;
}
.badge-light-warning:hover{
	color:#a98300 !important;
}
.icon_log{
	font-size:18px;	
}
/*.btn_filter{
	margin-left:15px;
	color:#005377 !important;
	font-weight:600 !important;
	border:1px solid #005377 !important;	
	padding:6px 12px !important;	
}
.btn_filter:hover{
	color:#337592 !important;
	border:1px solid #337592 !important;	
}
.btn_filter:hover i{
	color:#337592 !important;
}
.btn_reset{
	margin-left:15px;
	color:#8D2D43 !important;
	font-weight:600 !important;
	border:1px solid #8D2D43 !important;
	padding:6px 12px !important;	
}
.btn_reset:hover{
	color:#A45769 !important;
	border:1px solid #A45769 !important;	
}
.btn_reset:hover i{
	color:#A45769 !important;
}*/
.btn_blue{
	background-color:#005377;
	color:#fff;	
}
.btn_blue:hover{
	background-color:#337592;
	color:#fff;
}
.fixed_position{
	position:sticky;
	bottom:0;	
	border-radius:0px !important;
	border:none; 
	z-index:1;
	box-shadow: 0px 0px 25px #b5b5c3;
    border-radius: 10px 10px 0px 0px !important;
}
table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_desc:after{
	transform:none !important;	
}
#kt_horizontal_search_advanced_link{
	color:#337592;
}
#kt_horizontal_search_advanced_link:hover{
	color:#005377;
}
.btn-check:checked + .btn.btn-select-filter{
	background-color:#337592 !important;
	color:#fff;
}
.tagify .tagify__tag .tagify__tag__removeBtn:hover {
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%337592'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")	
}
.responsive_row_save{
	--bs-gutter-x: 0rem !important;	
}
.row_cards_responsive{
	margin-left:auto;
	margin-right:auto;
}
.responsive_content{
	padding-top:0px !important;	
}
.icon_storico{
	cursor:pointer; 
	font-size:16px;	
}
.responsive_btn_more{
	width:40%;
	position: relative;
    left: 50%;
    transform: translateX(-50%);	
}
.min-w-105px{
	min-width:105px	
}
.text-hover-blu:hover span, .text-hover-blu:hover i{
	color:#005377 !important;
}
.text-blu{
	color:#005377;
}

.icon-badge-box{
	position:relative; 
	border-right:1px solid #e9edf1;
	padding-right:20px;
	padding-left:10px;
}

.icon-badge-box:last-child{
	position:relative; 
	border-right: none;
	padding-left:15px;
	margin-right: -7px;
	border-right: none;
}

.icon-badge-box i{
	font-size:18px;
}

.icon-badge{
	width:15px; 
	height:15px; 
	border-radius:50%; 
	background-color:#A45769; 
	position:absolute; 
	top:-7px; 
	right:6px; 
	font-size:8px; 
	font-weight:bold; 
	color:#FFF; 
	text-align:center; 
	line-height:14px;
}

.tooltip-inner {
    max-width: 600px;
	width: 100%;
}

.icon_user{
	width:100%;
	text-align:end;
	display:none
}

.icon_user i{
	font-size:15px;
	color:#337592;
}

.card_user.active .icon_user{
	display:block;	
}

.card_user.active .card_body_user{
	padding-top:0px !important	
}

#global_pagination{
	position:relative;	
}

#global_pagination #kt_table_paginate{
	position:absolute;
	right:0px;
	width:auto;
}

#global_pagination #kt_table_length,
#global_pagination #kt_table_info{
	width:auto;
	float:left	
}

#global_pagination #kt_table_info{
	line-height:35px;	
}

body[data-kt-aside-minimize=on] .badge_responsive{
	margin-top:0px !important	
}
.dip_style{
	padding: 3px 6px 3px 6px;
    background: #eff2f5;
    width: fit-content;
	border-radius:5px;	
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}
.help_icon{
	font-size:23px;
	margin-right:18px;
	color:#337592;
}
a.btn i.excel{
	color: #7ba4b5;
	font-size:16.5px	
}
a.btn:hover i.excel{
	color: #7ba4b5 !important;
	font-size:16.5px	
}
.btn.btn-active-primary:focus:not(.btn-active), .btn.btn-active-primary:hover:not(.btn-active), .btn.btn-active-primary.active{
	background-color:var(--bs-app-header-secondary-base-bg-color) !important;
	border-color: var(--bs-app-header-secondary-base-bg-color) !important;
}

.alert_message{
	padding:7px 10px;
	background-color:#fff9e3;
	border-radius: 10px;	
}

.alert_text{
	font-weight:500;
	font-size:13px;
	vertical-align: text-top;
}
.alert_message i{
	font-size:20px;	
}
/*
.inbox-to-read:before{
	background-color:#A45769;
	display:block !important;
	width:5px;
	height:100%;
	margin-right:10px;
}

.inbox-to-read{
	padding-left:10px; 
}*/

.datepicker table tr td, .datepicker table tr th{
	padding:8px !important;	
}

.datepicker-dropdown{
	padding:8px !important;	
}

.datepicker-days table tr td, .datepicker-days table tr th{
	width: 35px !important;
}
/*
.datepicker table tr td.today{
	background-color: #cddde3;
	border-color: #c9d7db;
}

.datepicker table tr td.today:hover{
	background-color: #d4e5eb;
	border-color: #d0dee2;
}*/
.weight-600{
	font-weight:600;	
}
.search_box{
	border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border: none !important;
    top: -1px;
    position: relative;	
}
.form-control.form-control-solid.search_box:focus, .form-control.form-control-solid.search_box:active{
	border:none !important;
	background-color:#f7f7f8;	
}
.notification_badge{
	background: var(--bs-primary);
    position: absolute;
    top: -5px;
    right: -5px;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn_table_info a i, .btn_table_info i, .tbl-dettaglio-provini a i, .tbl-dettaglio-provini i{
	font-size:22px !important;	
}
.btn_table_info a:hover i, .tbl-dettaglio-provini a:hover i{
	color:var(--bs-secondary);	
}



.filter_circolare span.form-check-label{
	font-size:1.05rem;	
}
.header_separator{
	background:#0000001f;
	width: 1px;
    height: 30px;
    border-radius: 8px 8px 0 0;
}
.badge-custom{
	color: var(--bs-app-header-secondary-base-bg-color);
    background-color: #e4e2e7;
}
.text-active-custom-1.active, .text-custom-1{
    color: rgba(67, 58, 85, 1) !important;
}
.text-active-custom-2.active, .text-custom-2{
    color: rgba(127, 79, 113, 1) !important;
}
.text-active-custom-3.active, .text-custom-3{  
    color: rgba(62, 112, 145, 1) !important;
} 
.text-active-500.active{
	font-weight:500;	
}
.badge-7617{
	color: rgba(67, 58, 85, 1);
    background-color: rgba(67, 58, 85, 0.3);
}
.badge-633{
	color: rgba(127, 79, 113, 1);
    background-color: rgba(127, 79, 113, .3);
}
.badge-7618{
	color: rgba(62, 112, 145, 1);
    background-color: rgba(62, 112, 145, .3);
}
.modal-dialog{
	top: 50%;
    transform: translateY(-50%) !important;
}
/* Su schermi piccoli la modale e' spesso piu' alta del viewport: centrata con
   translateY la parte alta resta fuori schermo e non si raggiunge scrollando. */
@media (max-width: 991.98px){
	.modal-dialog{
		top: auto;
		transform: none !important;
	}
}
/* Personale, tab Documenti: spazio sotto la tabella per il footer fixed-bottom
   (piu' alto sotto md, dove Salva e Salva e Esci sono uno sopra l'altro). */
#certificazioni{
	padding-bottom: 90px;
}
@media (min-width: 768px){
	#certificazioni{
		padding-bottom: 60px;
	}
}
#tab_menu_7617.active span{
	background: rgba(67, 58, 85, .7);
    color: #fff !important;
    border-radius: 15px;
    border-bottom: none !important;
    padding: 2px 10px;
}
#tab_menu_633.active span{
	background: rgba(127, 79, 113, .7);
    color: #fff !important;
    border-radius: 15px;
    border-bottom: none !important;
    padding: 2px 10px;
}
#tab_menu_7618.active span{
	background: rgba(62, 112, 145, .7);
    color: #fff !important;
    border-radius: 15px;
    border-bottom: none !important;
    padding: 2px 10px;
}
#tab_menu_7617:hover:not(.active), #tab_menu_7618:hover:not(.active), #tab_menu_633:hover:not(.active){
	border-bottom:2px solid transparent !important;
}
.nav-line-tabs.main_navs .nav-item .nav-link{
	padding-top:0 !important;	
	padding-bottom:0 !important;	
}
.nav-link:focus-visible{
	box-shadow:none;	
}
.fw-500{
	font-weight:500 !important;	
}
.app-header-secondary {
	box-shadow: 0px 2px 6px #0000001f;
}
.bg_illustration{
	z-index: 1;
    position: absolute;
    bottom: 0;	
	left:60px;
}
.bg_blue{
	position: absolute;
    bottom: 0;
    height: 200px;
    width: 100%;
}
#kt_sign_in_form .fv-plugins-message-container.invalid-feedback, #kt_password_reset_form .fv-plugins-message-container.invalid-feedback{
	text-align:left;	
}
#kt_sign_in_form .form-control.form-control-solid, #kt_password_reset_form .form-control.form-control-solid{
	background-color: #ffffff;
    border-color: #e5e5e5;	
}
.content_reset {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.input-datatable {
    color: #181C32 !important;
    background-color: #fff !important;
    padding: 0px !important;
    border: 1px solid #fff !important;
    margin: 0px !important;
    padding: 0.25rem 0.25rem !important;
    border-bottom: 1px solid #E4E6EF !important;
    border-radius: 0rem !important;
    font-weight: normal !important;
}
.editable_table .select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg){
	min-height:34.81px !important;	
}
.editable_table .select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice{
	padding: 0rem .5rem !important;	
	margin-top:0 !important;
	margin-bottom:0 !important;
}
.editable_table .select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{
	background-color: #f8eff1 !important;
    color: #b75c71 !important;	
}
.editable_table .select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{
	background-color: #b75c71 !important;
}
#box_cantieri .notification_badge{
	position:static;
	margin-left:5px;	
	width: 17.5px;
}
.page-item.active .page-link{
	background-color: var(--bs-primary) !important;	
}
#kt_sign_in_form .form-check-input{
	width: 1.5rem !important;
    height: 1.5rem !important;	
}
.row_filter_campioni .select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg){
	min-height: calc(1.03em + 1.55rem + 2px) !important;
	padding-top: .2rem !important;
    padding-bottom: .2rem !important;	
}
.btn.btn-light-secondary:hover:not(.btn-active), .btn.btn-light-secondary:hover:not(.btn-active) i{
	color:#fff !important;	
}
.doc-upload{
	position: relative;
    border: 0.0625rem solid #e3e3e3;
    border-radius: 0.625rem;
    height: 120px;
    float: left;
    margin-right: 10px;
    width: 100%;
}
.doc-upload label {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: calc(100% - 30px);
	display: flex;
    flex-direction: column;
    align-items: center;
}
.doc-upload input {
    visibility: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 999;
}
.doc-upload p {
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 20px;
    text-align: center;
}
.doc-upload i{
	font-size: 35px;	
	margin-bottom: 10px;
}
#modal_accettazione .nav-line-tabs{
	border-bottom-width: 0;	
}
.table:not(.table-bordered).table-row-dashed tr{
	border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: #efefef !important;
}
.card.sticky{
	position:sticky;
	top:131px;	
}
a.btn_acc{
	color:unset;	
}
tr:hover .btn_acc:not(.active) i{
	color: var(--primary) !important;	
}
.btn.btn-light-secondary.dropdown-toggle:after{
	margin-left: 5px;
    font-size: 15px;	
}
.btn.btn-light-secondary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-light-secondary.show, .btn.btn-light-secondary.show:after{
	color:#fff !important;
}
.btn.btn-light-secondary.show i, .btn.btn-light-secondary:hover:not(.btn-active) i{
	color:#fff !important;
}
.form-control.form-control-solid{
	min-height: calc(1.5em + 1.1rem + 1px);
    padding: .55rem .75rem;
    font-size: 14px !important;
    border-radius: .55rem;	
	border-color: #bbbbbb !important;
	font-weight: 600;
}
.form-select.form-select-solid{
	min-height: calc(1.5em + 1.1rem + 2px) !important;
    padding: .55rem .75rem !important;
    font-size: 14px !important;
    border-radius: .55rem !important;	
	border-color: #bbbbbb !important;
}
.dt-toolbar select{
	width: 60px;
}
.border-bottom{
	border-bottom: var(--bs-border-width) var(--bs-border-style) #d9d8dd !important;
}
.form-switch.form-check-solid .form-check-input:not(:checked){
	background-color: #dddddd !important;
}
.notification_badge.badge_certificazioni{
	top:unset;
	right:unset;
	bottom: 9px;
    left: 12px;
    width: 15px;
    height: 15px;	
	font-size: 9px;
}
.info_provini{
	position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    color: var(--bs-primary);	
	cursor:pointer;
}
.icon_altro{
	font-size: 16px;
    color: var(--bs-primary);
	cursor:pointer;
}
.icon-lg{
	font-size: 24px;
}
.nav_fasi .nav-link{
	font-size: 15px;
	font-weight:600;
	color: var(--bs-primary);
	border-color:#b75c715c;
}
.nav_fasi .nav-link.active{
	border: 1px solid #fff;
    transition: color .2s ease;
    background-color: var(--bs-primary);
    color: #fff;
	border-color: var(--bs-primary);
}
.nav_fasi .nav-link.active i{
	color: #fff;
	font-size: 20px;
}
.nav_fasi .nav-link i{
	font-size: 20px;
	color: var(--bs-primary);
}
.nav_fasi .nav-link:not(.active):hover {
	background-color: #f7eef0;
	color: var(--bs-primary);
	border-color: #b75c715c;
}
.nav_fasi .nav-link:not(.active):hover i{
	color: var(--bs-primary);
}
.tab-item{
	display: flex;
    align-self: end;
}
.tab-item .tab-content{
	padding-bottom: 13px !important;
}
.tab-item .tab-separator{
	width: 1px;
    height: 22px;
    border-radius: 8px 8px 0 0;
    background: #b5bed5;
}
.nav-stretch .nav-item{
	align-items: end;
}
.nav-line-tabs.main_navs .nav-item .nav-link{
	padding-bottom: 10px !important;
}
#formVerbale .card .card-header{
	min-height: unset;
}
.text-active-primary.active i{
	color:var(--bs-primary) !important;
}
tr:hover .btn.btn-active-custom:not(.btn-active){
	background-color: #433a5596 !important;
}
.btn.btn-active-custom:focus:not(.btn-active), .btn.btn-active-custom.active{
	background-color: var(--bs-primary) !important;
}
.btn.btn-active-custom:focus:not(.btn-active) rect, tr:hover .btn.btn-active-custom:not(.btn-active) rect, .btn.btn-active-custom.active rect, .btn.btn-active-custom:focus:not(.btn-active) path, tr:hover .btn.btn-active-custom:not(.btn-active) path, .btn.btn-active-custom.active path{
	fill: #fff !important;
}
.input_number{
	text-align:right !important;
}
select.read-only[readonly] ~ .select2 .selection .select2-selection{
	background-color: #e1e1e1 !important;
}




@media(max-width: 450px){
	.img_profile{
		max-height:300px !important;
		position: relative;
		left: 50%;
		transform: translateX(-50%);	
	}
	.column_dati{
		margin-top:20px;
	}
}

@media(max-width: 991px){
	.edit_responsive{
		width: 8.33333333% !important;	
	}
	.plus_responsive{
		width:16.66666667% !important;
	}	
	.select_responsive{
		width: 75% !important;	
	}
	.responsive_label{
		text-align:left !important;	
	}
}
@media(min-width: 992px) and (max-width:1177px){
	.body_responsive{
		height:615px !important;	
	}	
}

@media(max-width: 515px){
	#global_pagination #kt_table_paginate{
		bottom:0px;
		width:100%;
	}	
	
	#global_pagination{
		display:block;	
		height:80px;	
	}
	
	#global_pagination #kt_table_info{
		float:right;
	}
	
	#kt_advanced_search_form{
		padding-left:0px !important;
		padding-right:0px !important;	
	}
	
	.card .card-header,
	.card .card-body{
		padding:1.75rem !important
	}
	
	#card_container .col-md-3{
		padding-left:0px;
		padding-right:0px;	
	}
	
}


@media(max-width:400px){
	.responsive_search input{
		width:100% !important;	
	}	
}
@media(max-width:540px){
	.btn_filter, .btn_reset{
		margin-left:auto !important;
		margin-right:auto;
		margin-bottom:15px;
		width:80%;
		
	}
	.responsive_search{
		margin-top:10px !important;
		margin-bottom:15px !important;	
	}
	#operatori_header span{
		display:none;	
	}
	#operatori_header::after{
		content:"Team";	
	}
	#compilazione_header span{
		display:none;	
	}
	#compilazione_header::after{
		content:"Redazione";	
	}
	#log_header span{
		display:none;	
	}
	#log_header::after{
		content:"Log";	
	}
	.responsive_row{
		flex-direction:column;	
	}
	.col_order_responsive{
		order:2	
	}
	.contenzioso_responsive{
		width:100%;	
		text-align:center;
	}
	.check_contenzioso{
		margin-left:auto;
		margin-right:auto;	
	}
	.col_compilazione{
		width:100%;	
	}
	.col_legenda{
		width:100%;	
		margin-bottom:15px;
	}
	.row.mb-xl-9.mt-2{
		margin-right:auto;
		margin-left:auto;
		padding-right:0px;
	}
	.filter_pratiche, .reset_pratiche, .search_pratica, .btn_ricerca_avanz{
		width:100%;	
	}
	.col_responsive_prestazione{
		width:100%;	
	}
	.responsive_save{
		display:block !important;	
	}
	.responsive_row_save{
		width:auto !important;	
	}
	.label_carica_doc span{
		display:none;	
	}
	.label_carica_doc::after{
		content:"Carica";	
	}
}
@media(max-width:415px){
	.responsive_badge, .responsive_btn{
		margin-bottom:10px !important;	
	}
	.pratica_responsive{
		width:100%;
		margin-bottom:10px;	
	}
}
@media(max-width:767px){
	.responsive_btn_more{
		width:95% !important;	
	}	
}
@media(min-width:1478px) and (max-width:1700px){
	.responsive_storicopr{
		height:670px !important;	
	}	
}
@media(max-width:1477px){
	.responsive_storicopr{
		height:693px !important;	
	}	
}
@media(max-width:1341px){
	.col_responsive_nuova_prestazione{
		width:100% !important;	
	}
	.col-responsive_storico{
		width:100% !important;	
	}
	.responsive_storicopr{
		min-height:350px !important;
		height:auto !important;	
	}	
}

@media(max-width:991px){
	.btn_visualizza{
		width:100%	;
		margin-top:10px;
	}
}

/*@media(max-width:490px){
	.date-not{
		width:80px;
		text-align:right
	}
	
	.date-diff_p{
		width:100px;
		text-align:right
	}
}*/

@media(max-width:400px){
	.btn_visualizza{
		width:100%	;
		margin-top:10px;
	}
}



.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before {
	color: #3699FF;
	background-color: transparent;
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	font-weight:bold;
	float: left;
	font-size:17px;
	position: relative;
	margin-right:20px;
	color:#A1A5B7;
	cursor:pointer;
	/*transform: translateY(50%)*/
}

.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.child> td:first-child:before {
	display:none;
}

.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.child> td ul li{
	line-height:22px;
	text-align:left !important;
}

.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.child> td ul li .dtr-data{
	font-weight:normal;
}
.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.child> td ul li .btn svg{
	height:20px !important;
	width:20px !important;
	float:right;
}

#mycode{
	background-color:transparent !important;
	box-shadow:none !important;
	padding:0px !important;
	font-size:13px;
}





#loading {
    width: 100%;
    z-index: 99999;
    display: none;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 15px;
}

.loader-container {
    height: 150px;
    width: 280px;
    margin: auto;
    top: calc(50% - 75px);
    left: calc(50% - 140px);
    position: absolute;
}

.loader {
    border: 16px solid #ffffff;
    border-top: 16px solid #e20025;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
    animation: spin 2s linear infinite;
}


.mytrashhover:hover{
	color:#A45769;	
}

.field_error{
	color:#ff0000;
	margin-top:10px;
}

#kt_table_richieste_wrapper .dt-buttons{
	float:right;	
}

tr.selected{
	background-color:#F3F6F9 !important;	
}

table.dataTable.no-footer{
	border-bottom:0px !important;	
}

table.dataTable thead th{
	padding-left:8px !important;
	padding-right:8px !important;	
}

/* le righe di dettaglio contengono una tabella propria: l'hover del padre non
   le riguarda, altrimenti si colora anche il contenuto annidato */
table.clickable-row tbody tr:hover:not(:has(.dt-empty)):not(:has(table)){
	cursor:pointer;
}

table.clickable-row tbody tr:hover:not(:has(.dt-empty)):not(:has(table)){
	background-color:#f3f3f3;
}

.textFieldRed{
	color:#ff0000 !important;	
	text-decoration:underline !important;
}


input[readonly] {
	background-color:#e1e1e1 !important;
}

select[readonly] ~ .select2 .selection .select2-selection {
	background-color: #f1f1f1 !important;	
}

.dropdown.show > .form-select.form-select-solid, .form-select.form-select-solid:active, .form-select.form-select-solid.active, .form-select.form-select-solid:focus, .form-select.form-select-solid.focus{
	border:1px solid rgba(51, 117, 146, .3) !important;
}

.form-check .form-check-input:focus{
	border:1px solid rgba(51, 117, 146, .3) !important;
}

input:focus{
	border:1px solid rgba(51, 117, 146, .3) !important;
}

table.dataTable thead > tr > th.align-right {
    padding-right: initial !important;
	text-align:right !important;
}

table.dataTable thead > tr > th.align-right:after {
    float:left !important;
	margin-top:4px !important;
}


.textFieldBgYellow,
input[readonly].textFieldBgYellow {
	background-color:#FFFF99 !important;
}

#div-timeline-pianificazione .vis-item-content{
	width: 100%;
	text-align: center;
	/*font-weight: bold;*/
	padding:0px !important;
}

#div-timeline-pianificazione .vis-item{
	cursor: pointer;
	/*top: 1px !important;
	font-size:13px;
	font-weight:bold;*/
}

#div-timeline-pianificazione .vis-label .vis-inner{
	width: 100% !important;
}

#div-timeline-pianificazione .vis-label .vis-inner span{
	float: right !important;
	margin-left:15px;
	font-weight:bold;
}
/*
#div-timeline-pianificazione .vis-labelset .vis-label .vis-inner{
	padding:1px !important;
	font-size:13px;
}

#div-timeline-pianificazione .vis-group, 
#div-timeline-pianificazione .vis-label{
	height: 25px !important;
	padding: 1px;
}*/
/*
#div-timeline-pianificazione .vis-group{
	height: 22px !important;
}*/


.modal-xxl{
	max-width:1400px;	
}

div.dataTables_wrapper div.dataTables_processing{
	transform:none !important;	
}

.fixedHeader-floating thead{
	border-bottom:1px solid #eaeaea
}

@media (max-width: 1600px){
	.col-xxl-6{
		width:100% !important;
	}
}

.my-btn{
	color:#949ABC !important;	
}

.btn.btn-active-color-primary:hover:not(.btn-active),
.btn.btn-active-color-primary:hover i{
  color: #065374 !important;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
  color: #777;
  cursor: default;
  background-color: rgba(0,0,0,0.05);
  border-radius: 0px;
}

.input-datatable{
	color: #181C32 !important;
	background-color:#fff !important;
	padding:0px !important;
	border:1px solid #fff !important;
	margin:0px !important;
	padding:0.25rem 0.25rem !important;
	border-bottom: 1px solid #E4E6EF !important;
	border-radius:0rem !important;
	font-weight:normal !important;
}

.input-datatable:focus{
	background-color: #F5F8FA !important;
	
	
	border-bottom: 1px solid #E4E6EF !important;
	
	
	color: #5E6278 !important;
	padding:0.25rem 0.25rem !important;
	margin:0px !important;
	border-radius:0.475rem !important;
}

.keytab{
	color:#ff0000
}

.keyshifttab{
	color:#e5be01
}

.keyarrowup{
	color:#4200ff
}

.keyarrowdown{
	color:#0072bc
}

.ico_tipo_campione{
	width:25px;
	height:25px;
	float:left;	
	margin-top:5px;
}

.vis-inner .ico_tipo_campione{
	width:20px;
	height:20px;
	margin-top:0px;
}
/*
.ico_tipo_campione:nth-child(3n+1){
	clear:both;
}*/


.btn-green{
	background-color:#86B049;
	color:#fff;
}

.btn.btn-green:hover{
	background-color:#86966b;
	color:#fff;
}

/*.form-select {
  padding: 0.76rem 3rem 0.76rem 1rem !important;
}*/

.dtr-control:before{
	display: none !important;
}

.plupload_container{
	min-height: 177px !important;
}

/* Il CSS di plupload impone min-width 520px: sugli schermi stretti il riquadro di upload esce dalla card */
.plupload_wrapper{
	min-width: 0 !important;
}

.plupload_header,
.plupload_filelist_header{
	display: none !important;
}

.ui-widget-header{
	background-color: #F7F7F8 !important;
}

#uploaderDocs_start,
#uploaderDocs_stop,
#uploaderFoto_start,
#uploaderFoto_stop,
.ui-resizable-handle{
	display: none !important;
}

.plupload_content {
	position: relative !important;
	height: 125px !important;
	bottom: inherit !important;
	width: 100% !important;
	top: 0px !important;
	overflow: hidden !important;
	overflow-y: auto !important;
}

.plupload_file{
	margin: 10px !important;
	border-radius: .55rem !important;
	float: left !important;
}

.plupload_file .ui-widget-content{
	border:0px !important;
	text-align: center !important;
	font-weight: bold !important;
}

.plupload_container{
	border-radius: .55rem;
}

.plupload_file_action{
	position: absolute;
	top: 5px;
	right: 5px;
}

.plupload_file_thumb{
	border-bottom: 1px solid #c5c5c5;
}

.plupload_file .plupload_file_name,
.plupload_file .plupload_file_size{
	padding: 0px !important;
	text-align: center !important;
	line-height: 20px !important;
}

.plupload_file .plupload_file_name{
	font-weight: bold;
	font-size: 12px !important;
}

.plupload_file .plupload_file_size{
	font-size: 11px !important;
}
.plupload_droptext{
	line-height: 130px !important;
}

.plupload_filelist_footer .plupload_file_size{
	padding-right: 10px !important;
}

.plupload_file .plupload_file_status{
	display: none !important;
}

.form-select-sm{
    min-height:calc(1.5em + 1.1rem + 2px);
    padding:.55rem .75rem !important;
    font-size:.95rem !important;
    border-radius:.55rem !important
}

#select2-DOC_IDLIVELLO-results .select2-results__option,
#select2-DOC_IDTIPODOCUMENTO-results .select2-results__option,
#select2-search_tipo_doc-results .select2-results__option{
	padding-top:2px !important;
	padding-bottom:2px !important;
}

.select2-results__group{
	font-size:12px !important;
}

.dataTable thead th .dt-column-title{
	color:#000 !important;
}



#kt_filter_search{
	margin-top: -5px !important;
}

.global-search-dropdown{
	width: 525px !important;
	transform: translateX(calc(-100% + 350px));
}
@media (max-width: 768px){
	.global-search-dropdown{
		width: 100vw !important;
		transform: none;
	}
}

.select2-container--bootstrap5 .select2-selection--multiple.form-select-lg .select2-selection__choice .select2-selection__choice__display{
	font-size:12px !important;
}

.header-row-633{
	background-color: rgba(67, 58, 85, 0.07) !important;
	text-align: left !important;
	font-weight: bold !important;
}

#table-prove{
	overflow-x: auto;
}

#table-prove thead tr th{
	text-transform: uppercase;
}
.btn_elimina i{
	color:var(--bs-body-color);
}

.result_field{
	text-align: right !important;
}


.selected-table-tr-accordion{
	background-image: url(../media/accordion-arrow.png);
	width: 10px;
	height: 30px;
	position: absolute;
	right: -1px;
	top: calc(50% - 15px);
	display: none;
	z-index: 999;
}

.selected-table-tr-accordion2{
	background-image: url(../media/accordion-arrow2.png);
	width: 10px;
	height: 30px;
	position: absolute;
	right: -10px;
	top: calc(50% - 15px);
	display: none;
	z-index: 999;
}

#el_strutturali_ul li a:not(.active) .selected-table-tr-accordion2{
	display: none !important;
}

#kt_table_accordion td{
	position: relative;
}

.form-control.form-control-smaller{
	min-height: auto !important;
	padding: .20rem .35rem !important;
	font-size: 11px !important;
	max-width: 75px !important;
	position: relative !important;
}

.form-control.dist-field-pm{
	padding: .20rem 1.8rem !important;
	position: relative !important;
}

.form-control.form-control-smaller.ps-2{
	padding-left: 17px !important;
}

.tdselect2cmbsmall .selection,
.tdselect2cmbsmall .selection .select2-selection{
	padding: .20rem .35rem !important;
	min-height: auto !important;
}

.tdselect2cmbsmall .selection{
	display: block !important;
}


.tdselect2cmbsmall .selection .select2-selection__rendered{
	font-size: 11px !important;
}

.my-table-bordered{
	border-color: #bbbbbb !important; 
}


.my-table-bordered-no-bottom tr:last-child{
	border-bottom: 0px !important;
}

.my-table-bordered-no-bottom tr {
	border-color: #bbb !important;
  }




.val-longitudinale,
.val-trasversale{
	position: relative;
}

.val-longitudinale::before{
	content: 'L';
	position: absolute;
	left: 1px;
	top: 1px;
	z-index: 99;
	background-color: #fff;
	height: 21px;
	border-top-left-radius: .55rem;
	border-bottom-left-radius: .55rem;
	font-weight: bold;
	font-size: 11px;
	line-height: 21px;
	width: 15px;
	text-align: center;
}


.val-trasversale::before{
	content: 'T';
	position: absolute;
	left: 1px;
	top: 1px;
	z-index: 99;
	background-color: #fff;
	height: 21px;
	border-top-left-radius: .55rem;
	border-bottom-left-radius: .55rem;
	font-weight: bold;
	font-size: 11px;
	line-height: 21px;
	width: 15px;
	text-align: center;
}

.val-longlat-big::before{
	height: 35px;
	line-height: 35px;
}

.select2cmbsmalldisabled .select2-selection{
	background-color: #E1E1E1 !important;
	border: 1px solid #E1E1E1 !important;
}

#cmbpunti_misura + .select2 .select2-selection__choice__remove,
.select2init + .select2 .select2-selection__choice__remove {
	visibility: hidden;
	width: 0;
	margin-right: 0;
}

#cmbpunti_misura + .select2-container--bootstrap5 .select2-selection--multiple.form-select-sm .select2-selection__choice .select2-selection__choice__display,
.select2init + .select2-container--bootstrap5 .select2-selection--multiple.form-select-sm .select2-selection__choice .select2-selection__choice__display{
	margin-left: 0px !important;
}


.select2-selection--multiple {
	max-height: 38px;              /* Altezza fissa (puoi regolarla) */
	overflow-y: hidden;            /* Nessun scroll verticale */
	overflow-x: auto;              /* Scroll orizzontale se servisse */
	white-space: nowrap;           /* Tutto su una riga */
	display: flex;
	flex-wrap: nowrap;             /* Evita il wrapping dei tag */
	align-items: center;
  }
  .select2-selection__choice {
	max-width: 100%;              /* Limita larghezza dei tag (opzionale) */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
  }

  #table-prove table input:read-only{
	background-color: transparent !important;
	border: 0px !important;
  }

  .chart-unita-misura{
	font-size: 10px !important;
	font-weight: normal !important;
  }

  .dt-container .dt-processing{
	transform: translateY(87%) !important;
	border-radius: 0px !important;
	z-index: 9999 !important;
  }

  /* solo certificati (#kt_grid_panel): indicatore di caricamento al centro dello schermo e largo
     come i popup (650px). Il CSS base di DataTables (position:absolute) non e' incluso: senza, vince
     .card{position:relative} e l'indicatore diventa una barra larga come la pagina.
     z-index sotto i popup SweetAlert (.swal2-container 1064) e sopra i modal Bootstrap (1055) */
  #kt_grid_panel .dt-container .dt-processing{
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	width: 650px !important;
	max-width: calc(100% - 2rem) !important;
	text-align: center !important;
	transform: translate(-50%, -50%) !important;
	border-radius: 0px !important;
	z-index: 1060 !important;
  }

  /* menu KTMenu che devono restare sopra la barra fissa in fondo alla pagina (.fixed-bottom, 1030).
     !important obbligatorio: all'apertura KTMenu scrive lo z-index inline col suo default (107).
     Sotto i modal Bootstrap (1050+), che le voci del menu possono aprire. */
  .menu-sub-dropdown.menu-sopra-barra-fissa{
	z-index: 1035 !important;
  }
  /* stesso motivo per il menu mobile: col default del tema (110) il pannello resta sotto la barra.
     Lo sfondo scuro segue da solo: KTDrawer gli assegna lo z-index del pannello meno uno. */
  .app-header-mobile-drawer.drawer{
	z-index: 1035;
  }

  table tbody tr td.dt-empty{
	display: none !important;
  }

  /* gruppi di provini: dettaglio compatto e rientrato sotto il gruppo */
  table[id^="table_campioni"] tr.dettaglio-gruppo > td{
	padding: 0 !important;
	border-bottom: 0 !important;
  }
  .tbl-dettaglio-provini{
	margin: 0 0 0 2.75rem !important;
  }
  .tbl-dettaglio-provini > tbody > tr > td{
	padding-top: .2rem !important;
	padding-bottom: .2rem !important;
	border-bottom: 0 !important;
	line-height: 1.2 !important;
  }
  /* icona copia: sempre visibile, a sinistra del valore */
  .tbl-dettaglio-provini .copia-valore i{
	font-size: 12px !important;
	color: var(--bs-gray-500);
  }
  .tbl-dettaglio-provini .copia-valore:hover i{
	color: var(--bs-primary) !important;
  }

  /* respiro a destra sull'ultima colonna, qualunque sia: cambia col tipo campione */
  .tbl-dettaglio-provini > tbody > tr > td:last-child,
  .tbl-dettaglio-provini > tbody > tr > th:last-child{
	padding-right: .5rem !important;
  }
  /* intestazione del dettaglio: non e' una riga selezionabile, niente hover */
  .tbl-dettaglio-provini > thead > tr,
  .tbl-dettaglio-provini > thead > tr:hover,
  .tbl-dettaglio-provini > thead > tr > th{
	background-color: transparent !important;
	cursor: default !important;
  }
  /* le righe dei provini non sono cliccabili: solo icone e azioni lo sono */
  .tbl-dettaglio-provini > tbody > tr,
  .tbl-dettaglio-provini > tbody > tr:hover{
	cursor: default !important;
  }
  .tbl-dettaglio-provini .copia-valore,
  .tbl-dettaglio-provini .azione-provino{
	cursor: pointer !important;
  }
  .dt-control-gruppo{
	cursor: pointer;
	transition: transform .15s ease-in-out;
  }
  tr.gruppo-aperto .dt-control-gruppo{
	transform: rotate(90deg);
  }

  /* fatture del protocollo: qui il messaggio di tabella vuota va mostrato */
  table#table_fatture tbody tr td.dt-empty{
	display: table-cell !important;
	text-align: center;
  }

  #container_el_strutturali .btn.btn-active-light-info{
	background-color: #f7f7f8;
  }

  .form-control-smaller + .select2 .selection .select2-selection{
	min-height: auto !important;
	padding: .20rem .35rem !important;
	font-size: 11px !important;
	position: relative !important;
  }

  .form-control-smaller + .select2{
	max-width: 170px !important;
	width: 170px !important;
  }

  .form-control-smaller-w + .select2{
	max-width: 310px !important;
	width: 310px !important;
  }

  .form-control.form-control-smaller.m-width-200{
  	max-width: 200px !important;
  }

  .btn-check:active + .btn.btn-active-light-info, 
  .btn-check:checked + .btn.btn-active-light-info, 
  .btn.btn-active-light-info.active, 
  .btn.btn-active-light-info.show, 
  .btn.btn-active-light-info:active:not(.btn-active), 
  .btn.btn-active-light-info:focus:not(.btn-active), 
  .btn.btn-active-light-info:hover:not(.btn-active), 
  .show > .btn.btn-active-light-info{
	background-color:var(--bs-primary-active) !important;
	color: #fff !important;
  }


#el_strutturali_ul{
	height: calc(100% - 51px);
 	border-right: 1px solid #bbbbbb  !important;
}
#el_strutturali_ul li a{
	border-radius: 0px !important;
}

#el_strutturali_ul li{
	padding-bottom: 1px !important;
	border-bottom: 1px solid #bbbbbb !important;
}


@media(max-width: 767px){
	#el_strutturali_ul li a .selected-table-tr-accordion2{
		display: none !important;
	}
}

.group-header{
	background-color: #f2f2f2;
}

.grouping-table th,
.grouping-table td{
	padding-left: 10px !important;	
	padding-right: 10px !important;
}

.badge-success{
	background-color: #5FD4B0 !important;
}

.modal-open .select2-container--bootstrap5 .select2-dropdown{
	z-index: 1063;
}

.swal2-container{
	z-index: 1064;
}

#table_righe_wrapper .table-responsive{
	overflow-x: hidden !important;
}

#table_righe tbody tr:not(:last-child){
	border-bottom: 1px solid #f2f2f2;
}

#table_righe td{
	padding-top: 6px;
	padding-bottom:6px;
	padding-left:4px;
	padding-right:4px;
	overflow: visible; /* lascia uscire il contenuto */
  	position: relative; /* per contenere l’elemento posizionato assolutamente */
	height: 47.5px;
}

/* Menu "Altre azioni" (elenco protocolli): evita che la card/tabella tagli il dropdown quando si apre. */
#table_accettazione td,
#table_accettazione{
	overflow: visible;
}

.datatable-input,
.datatable-editor{
	outline: none !important;
	width:100%;
	padding: 0px;
	padding:6px;
	border:1px solid transparent !important;
	background-color: transparent;
}

.datatable-input:focus{
	border:1px solid #E4E6EF !important;
	border-radius:.55rem !important;
	background-color: #f7f7f8;
}

#table_righe .datatable-input:read-only,
#table_righe .datatable-editor:read-only{
	background-color: transparent !important;
}

.datatable-editor-editing-mode {
	border:1px solid #E4E6EF !important;
	border-radius:.55rem !important;
	background-color: #f7f7f8;
	position: absolute !important;
	z-index: 1000 !important;
	top: 6px !important;
	left: 4px !important;
	height: 80px !important; /* altezza maggiore quando cliccato */
}

.select2-dropdown-400px{
	width: 400px !important;
}

.select2-dropdown.no-search .select2-search {
	display: none !important;
}

.dataTables_empty{
	padding-top: 30px !important;
	padding-bottom: 10px !important;
	text-align: center;
}

.dt-rowReorder-moving{
	/*cursor: move !important;*/
	background-color: #f7f7f8 !important;
	outline: none !important;
	/*border: 1px solid #8d2c44 !important;*/
}

.dt-rowReorder-float-parent{
	outline: none !important;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.datatable-editor{
	overflow: hidden !important;
}

.input-group-text:not(.input-group-original){
	padding: 0px 8px !important;
	color: var(--bs-gray-700);
	border-color:#bbbbbb !important;
	background-color: var(--bs-gray-300) !important;
}

/* verificare questo pezzo di CSS se da fastidio in giro inserito in data 03/12/2025 */
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback),
.input-group-original {
	margin-left: calc(-1 * 1px);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-color: #bbbbbb !important;
  }

  .input-group-original{
	padding: .55rem !important;
	background-color: var(--bs-gray-300);
  }

  .tipo-doc-crt {
    background: #e8ffe0;
    color: #2b7a0b;
    padding: 3px 6px;
    border-radius: 4px;
    font-weight: bold;
  }

  .tipo-doc-rdp {
    background: #f2f2f2;   /* grigio molto chiaro */
    color: #555555;        /* testo grigio medio */
    padding: 3px 6px;
    border-radius: 4px;
    font-weight: bold;
  }

  .ico_scelta_tipo_campione .ico_tipo_campione{
		width: 100%;
		height: 100%
  }

  .ico_scelta_tipo_campione_medium .ico_tipo_campione{
	width: 55px;
	height: 55px;
	float: none !important;
}

  .ico_scelta_tipo_campione_small .ico_tipo_campione{
	width: 35px;
	height: 35px;
	float: none !important;
}

  .card_tipi_campione{
	cursor: pointer;
	transition: box-shadow 0.15s ease, border-color 0.15s ease;
  }

  .card_tipi_campione:hover{
	border:1px solid var(--bs-primary);
	box-shadow: 0 4px 16px rgba(183, 92, 113, 0.22) !important;
  }

  .card_tipi_campione:hover div.card-body{
	color: var(--bs-primary) !important;
  }
  
  .numero_campione{
	padding-top: 7px;
	font-size: 12px !important;
  }

  .camptable input[type="text"], .camptable .select2-container .selection .select2-selection, .camptable .select2-container .selection .select2-selection--multiple {
	padding: 3px !important;
	font-size: 12px !important;
	min-height: 15px !important;
  }

  .camptable .btn-cell-immagini {
	padding: 3px 6px !important;
	font-size: 12px !important;
	min-height: 15px !important;
	line-height: 1.2 !important;
  }

  .camptable > tbody > tr:first-child > td {
	padding: 4px 8px !important;
	white-space: nowrap;
  }

  .camptable .select2-container .selection .select2-selection--multiple{
	padding: 1px 3px 1px 3px !important;
  }

  .camptable .select2-container .selection .select2-selection--multiple ul li {
	font-size: 10px !important;
  }

  .camptable .select2-container--bootstrap5 .select2-selection--multiple.form-select-lg .select2-selection__choice .select2-selection__choice__display {
	font-size: 10px !important;
  }

  .camptable .select2-container .selection .select2-selection--multiple ul li {
	padding: 2px 5px 2px 5px !important;
  }

/* ===== Documentazione / Manuale (pagina documentazione-public) ===== */
/* Stile allineato alla versione .NET in produzione. Tutte le regole sono */
/* limitate a .body-manual per applicarsi solo agli elementi di questa pagina. */
.body-manual .content{ font-family:'Calibri', Arial, sans-serif; }
.body-manual .sidebar{ font-family:'Calibri', Arial, sans-serif; }

/* Sidebar (Sommario) sticky */
.body-manual .sidebar{
	padding:20px; padding-right:5px !important;
	position:sticky; top:70px; overflow-y:auto;
}
.body-manual #sommario{
	font-family:'Calibri', sans-serif !important;
	font-size:24px; font-weight:100 !important; color:#0563C1 !important;
}

/* Indice */
.body-manual .toc{ overflow-y:visible; transition:max-height .3s ease; }
.body-manual .toc ul{ list-style-type:none; padding-left:0; }
.body-manual .toc li{ margin:10px 0; }
.body-manual .toc-sub{ margin-left:20px; }
.body-manual .toc a{ text-decoration:none; color:#0078d7; }
.body-manual .toc a:hover{ text-decoration:underline; }
.body-manual .sidebar ul.toc{ padding-bottom:20px; }

.body-manual .sidebar ul li{ margin-top:10px !important; margin-bottom:0 !important; }
.body-manual .sidebar ul li a{
	font-weight:600; color:#0563C1 !important; font-size:18px; line-height:0;
}
.body-manual .sidebar ul ul li{
	margin-top:0 !important; margin-bottom:0 !important; font-size:18px; line-height:1.3;
}
.body-manual .sidebar ul ul li a{
	font-weight:400; color:rgb(18,38,63) !important; font-size:14px;
}
.body-manual .sidebar ul ul ul li a{
	font-weight:400; color:rgb(18,38,63) !important; font-size:12px;
}

/* Contenuto (stile Word) */
.body-manual .content h2{
	font-size:32px; font-weight:100; color:#2F5496 !important;
	margin-top:30px; margin-bottom:20px;
}
.body-manual .content h3{
	font-size:24px; font-weight:100; color:#2F5496 !important;
	margin-top:20px; margin-bottom:10px;
}
.body-manual .content h4{
	font-size:20px; font-weight:100; color:#2F5496 !important; margin-top:10px;
}
.body-manual .content hr{ margin-top:40px; }
.body-manual .content ul{ padding-inline-start:40px; list-style-type:disc; }
/* Ancore TOC: offset sotto la topbar fissa (header primario + secondario impilati). */
/* Usa l'altezza reale dell'header Metronic con fallback, + 15px di margine. */
.body-manual [id]{
	scroll-margin-top:calc(var(--bs-app-header-height-actual, var(--bs-app-header-height, 100px)) - 105px);
}
.body-manual img{ max-width:100%; }
.body-manual .content table{
	width:100%; margin-bottom:1.25rem; border-collapse:collapse;
}
.body-manual .content table th,
.body-manual .content table td{
	border:1px solid #dce0e6; padding:.6rem .75rem; vertical-align:top; text-align:left;
}

/* Variante "danger" per singole voci di menu-item KTMenu (es. "Elimina" nei menu contestuali):
   il bundle Metronic definisce solo .menu-state-bg-light-primary, qui la stessa meccanica
   (colore + sfondo al passaggio del mouse) applicata in rosso, scoped al singolo .menu-item. */
.menu-item-danger>.menu-link{
	color: var(--bs-danger);
}
.menu-item-danger>.menu-link i{
	color: var(--bs-danger);
}
.menu-item-danger>.menu-link:hover{
	background-color: var(--bs-danger-light);
	color: var(--bs-danger);
}
.menu-item-danger>.menu-link:hover i{
	color: var(--bs-danger);
}

/* Swal a due bottoni con conferma in basso a destra e annulla in basso a sinistra
   (invece del layout centrato di default di SweetAlert2). Da usare insieme a
   reverseButtons:true, cosi' il bottone di annullo (primo nel DOM) va a sinistra. */
.swal-actions-spread{
	display: flex !important;
	justify-content: space-between !important;
	width: 100%;
}
.body-manual .content table thead th{ background:#f5f8fa; }

/* Tooltip "+N materiali" (icone dei tipi campione): il fumetto Bootstrap di default ha
   .tooltip-inner con max-width:200px, che spezzerebbe le icone su più righe. Le icone sono
   dentro un flex-row (stesso markup della preview sotto la circolare), che le contiene senza
   bisogno di clearfix e le mantiene su una riga sola, come nella preview a 3 icone. */
.tooltip-materiali .tooltip-inner{
	max-width: none;
	text-align: left;
}
/* Menu principale: i separatori verticali sono emessi prima di ogni voce, ma le voci
   compaiono solo se l'utente ha il permesso sul modulo. Nascondendone alcune i separatori
   restano affiancati e formano una linea spessa. Collasso quelli consecutivi e quelli
   che si trovano all'inizio o alla fine della barra, dove non separano nulla. */
.app-header-secondary-menu-main .menu-item-separatore + .menu-item-separatore,
.app-header-secondary-menu-main .menu > .menu-item-separatore:first-child,
.app-header-secondary-menu-main .menu > .menu-item-separatore:last-child,
/* lo spaziatore flessibile divide la barra in due gruppi: un separatore a ridosso
   non separa nulla */
.app-header-secondary-menu-main .menu-item.flex-grow-1 + .menu-item-separatore,
.app-header-secondary-menu-main .menu-item-separatore:has(+ .menu-item.flex-grow-1),
/* in coda alla barra c'e' la casella di ricerca, che non e' una voce di menu: un
   separatore che non ha piu' nessuna voce dopo di se' resta appeso sul bordo destro */
.app-header-secondary-menu-main .menu-item-separatore:not(:has(~ .menu-item:not(.menu-item-separatore))){
	display: none;
}
/* le voci hanno il testo su una riga sola: se si restringono il testo invade la voce accanto,
   meglio che la barra scorra in orizzontale */
.app-header-secondary-menu-main .menu > .menu-item{
	flex-shrink: 0;
}
/* sotto lg il menu diventa un drawer a colonna: i separatori verticali non hanno senso */
@media (max-width: 991.98px){
	.app-header-secondary-menu-main .menu-item-separatore{
		display: none;
	}
	/* il tema schiarisce solo le voci di primo livello: nei sottomenu, sullo sfondo scuro
	   del drawer, il grigio pensato per le tendine bianche non si legge */
	.app-header-secondary-menu-main .menu-sub .menu-link:not(.active) .menu-title{
		color: #fff !important;
	}
	.app-header-secondary-menu-main .menu-sub .menu-link:not(.active) .menu-icon i,
	.app-header-secondary-menu-main .menu-sub .menu-content{
		color: rgba(255, 255, 255, .65) !important;
	}
	/* il tema colora tutto lo sfondo della voce attiva, a linguetta come nella barra desktop:
	   nel pannello basta una striscia a sinistra, il testo resta come quello delle altre voci.
	   La striscia e' uno pseudo-elemento posizionato, cosi' puo' avere le punte arrotondate e
	   non sposta il testo rispetto alle altre voci */
	.app-header-secondary-menu-main .menu-link.active{
		position: relative;
		border-radius: 0 !important;
		background-color: transparent !important;
	}
	.app-header-secondary-menu-main .menu-link.active::before{
		content: "";
		position: absolute;
		left: 0;
		top: 8%;
		bottom: 8%;
		width: 5px;
		border-radius: 5px;
		background-color: #fff;
	}
	/* il titolo di una sezione (span, non e' un link) e' attivo se lo e' una sua pagina:
	   la striscia va solo sulla pagina, come per Impostazioni e Support Center */
	.app-header-secondary-menu-main .menu > .menu-item > span.menu-link.active::before{
		content: none;
	}
	/* la freccia ha tre colori diversi: grigia (menu-arrow-gray-500), bianca a sezione aperta,
	   scura (pensata per lo sfondo chiaro della linguetta) sulla sezione della pagina aperta,
	   che sul pannello scuro sparisce. Nel pannello resta bianca come il testo */
	.app-header-secondary-menu-main .menu-link .menu-arrow:after{
		background-color: #fff !important;
	}
	.app-header-secondary-menu-main .menu-link.active .menu-title,
	.app-header-secondary-menu-main .menu-link.active .menu-icon i{
		color: #fff !important;
	}
	/* le pagine di una sezione aperta rientrano rispetto al titolo della sezione */
	.app-header-secondary-menu-main .menu-sub-lg-down-accordion,
	.app-header-secondary-menu-main .menu-sub-accordion{
		padding-left: 1.75rem;
	}
}

/* Sola lettura: al posto dei campi disabilitati viene mostrato il solo testo, senza
   bordo, sfondo o altezza da controllo. Le etichette restano, cosi' la lettura della
   scheda non cambia rispetto alla modalita' di modifica. */
.app-ro-text,
.app-ro-editor{
	padding: 0.35rem 0;
	min-height: 1.5rem;
	color: var(--bs-gray-800, #3f4254);
	font-size: 1rem;
	line-height: 1.5;
	background: none;
	border: 0;
	word-break: break-word;
	white-space: pre-wrap;
}

/* l'editor puo' contenere html: i margini interni non devono spaziare la scheda */
.app-ro-editor > *:first-child{ margin-top: 0; }
.app-ro-editor > *:last-child{ margin-bottom: 0; }

/* Pagina in sola lettura (classe messa dal php sul body): i bottoni che applyReadOnly()
   nasconde a pagina caricata non devono comparire nemmeno per un istante. La classe
   viene tolta da applyReadOnly() stesso, che da li' in poi gestisce i bottoni.
   Esci (.btn_annulla) resta: serve a uscire dalla scheda. */
body.app-sola-lettura #kt_app_content button:not(.btn_annulla){
	display: none;
}

/* gli addon dei campi (sigla del tipo documento, unita' di misura...) perdono l'aspetto
   di pulsante e restano come testo accanto al valore: "13 CRT" */
.input-group.app-ro-group .input-group-text,
.input-group.app-ro-group .input-group-text.input-group-original{
	padding: 0.35rem 0 0.35rem 0.35rem !important;
	margin-left: 0;
	color: var(--bs-gray-800, #3f4254);
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.5;
	background: none !important;
	border: 0 !important;
	border-radius: 0;
}

/* campo vuoto: un trattino evita righe che sembrano mancanti */
.app-ro-text:empty::before{
	content: "-";
	color: var(--bs-gray-500, #a1a5b7);
}

/* fatture del protocollo: riga espandibile sui certificati coperti */
#table_fatture tbody td{
	cursor:pointer;
}
#table_fatture .dt-control-fattura i{
	transition: transform .15s ease-in-out;
}
#table_fatture tr.fattura-aperta .dt-control-fattura i{
	transform: rotate(90deg);
}
/* dettaglio: righe compatte e rientrate sotto la fattura che le raggruppa */
#table_fatture tr.dettaglio-fattura > td{
	padding: 0 !important;
	border-bottom: 0 !important;
}
.tbl-dettaglio-fatture{
	margin-left: 2.75rem !important;
	width: auto !important;
}
.tbl-dettaglio-fatture > tbody > tr > td{
	padding-top: .2rem !important;
	padding-bottom: .2rem !important;
	border-bottom: 0 !important;
	line-height: 1.2 !important;
}

.ico-no-margin-top .ico_tipo_campione{
	margin-top: 0 !important;
}

/* Popup verifica anagrafica ricevuta (preaccettazioni): campi che cambierebbero
   aggiornando l'anagrafica esistente. Ogni riga e' un blocco a se', con sfondo e
   angoli arrotondati, cosi' si vede a colpo d'occhio quale valore appartiene a quale campo. */
.sog-diff-table{
	border-collapse: separate !important;
	border-spacing: 0 6px;
}
.sog-diff-table > :not(caption) > * > *{
	border-bottom-width: 0 !important;
	padding: 0.5rem 0.75rem !important;
	vertical-align: middle;
}
.sog-diff-table thead th{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.sog-diff-table tbody td{
	background-color: var(--bs-gray-100);
}
.sog-diff-table tbody td:first-child{
	border-top-left-radius: 0.475rem;
	border-bottom-left-radius: 0.475rem;
}
.sog-diff-table tbody td:last-child{
	border-top-right-radius: 0.475rem;
	border-bottom-right-radius: 0.475rem;
}
/* Filtri lista preaccettazioni: colonne Cantiere e Richiedente/Intestatario, a meta' tra col-md-2 e col-md-3 */
@media (min-width: 768px){
	.col-md-filtro-ampio{
		flex:0 0 auto;
		width:20%;
	}
}
/* Filtri: quando le colonne vanno a capo le righe non hanno spazio verticale, cosi' ogni
   etichetta sembra del campo sopra e i pulsanti toccano l'ultimo campo */
#form-filters.row,
#form-filters .row{
	row-gap: 1rem;
}
/* Filtri sotto md: Filtra e Resetta si dividono la riga a meta' a ogni larghezza. Prevale sulla
   regola generale a 540px (80% centrati), che resta per gli altri usi di .btn_filter.
   Il margine sopra porta i pulsanti alla stessa distanza che c'e' tra un campo e il successivo
   (dove c'e' in mezzo l'etichetta): senza etichette, come nella sola ricerca, non serve */
@media (max-width: 767.98px){
	#form-filters .d-flex:has(> .btn_filter){
		flex-grow: 1;
		gap: 0.75rem;
	}
	#form-filters:has(label) .d-flex:has(> .btn_filter){
		margin-top: 2rem;
	}
	#form-filters .btn_filter,
	#form-filters .btn_reset{
		flex: 1 1 0;
		width: auto;
		margin: 0 !important;
	}
}
/* Tabelle dentro un .table-responsive (quello creato da DataTables o messo nel markup): sotto
   questa larghezza la tabella non si comprime ma scorre in orizzontale, con le colonne del desktop */
.tabella-scorrevole{
	min-width: 1200px;
}
/* Stampa verbale nel cantiere: da lg sta in alto a destra, sulla riga delle schede dei cantieri,
   che gli lasciano libero lo spazio; sotto lg su una riga sua sopra il nome del cantiere */
@media (min-width: 992px){
	.btn-stampa-consegna{
		position: absolute;
		top: 30px;
		right: 30px;
	}
	#formVerbaleStandard .li-cantieri{
		padding-right: 250px;
	}
}
/* Filtri Dal/Al: larghi quanto basta per una data gg/mm/aaaa, lo spazio restante va ai campi testo */
@media (min-width: 768px){
	.col-md-filtro-data{
		flex:0 0 auto;
		width:135px;
	}
}
/* Dashboard, card Scadenze documenti: dove la card è stretta il grafico va a capo, centrato sotto
   le etichette, altrimenti le copre. Succede sotto i 480px e tra xl e xxl (1200-1399px), dove la card
   è col-xl-4; altrove il grafico sta a destra (7/12 etichette, 5/12 grafico) */
.col-scadenze-grafico{
	justify-content: center;
	margin-top: 1.25rem;
}
@media (min-width: 480px) and (max-width: 1199.98px), (min-width: 1400px){
	.col-scadenze-etichette{
		flex:0 0 auto;
		width:58.33333333%;
	}
	.col-scadenze-grafico{
		flex:0 0 auto;
		width:41.66666667%;
		justify-content: flex-end;
		margin-top: 0;
	}
}

.form-control.form-control-solid.input-identificativo{
	min-height: 15px;
	padding: 1px 5px;
	font-size: 10px !important;
}