:root {
	--coloreViola: rgb(119,31,255) !important;
	--coloreViolaOp: rgba(119,31,255, 0.1) !important;
	--coloreViolaSc: rgb(101, 16, 255) !important;
	--coloreBlu3: rgb(0, 38, 72) !important;
	--coloreArancio: rgb(254,189,0);
	--coloreRosso: #e7515a;
}
body{
	color: #2f2f2f;
}
.card-header, .h1, .h2, .h3, .h4, .h5, .h6, .h7{
    color: #2f2f2f !important;
}
.bg-site-primary{
    background: var(--coloreViolaOp);
    color: red !important;
}
#sidebar ul.menu-categories li.menu.active > .dropdown-toggle {
	/*background-image: linear-gradient(115deg, var(--coloreBlu) 50%, var(--coloreArancio) 75%);*/
	background: var(--coloreBlu);
}
#sidebar ul.menu-categories ul.submenu > li.active:before {
	/*background-image: linear-gradient(115deg, var(--coloreBlu) 50%, var(--coloreArancio) 75%);*/
	background: var(--coloreBlu);
}
#sidebar i{
	color: var(--coloreBlu);
}
/*
.card-header{
	background: var(--coloreBlu);
	color: #fff !important;
}*/
.erroreAjx, .errFrmGen{
    border:1px solid red;
    padding:5px;
    border-radius:5px;
    margin-bottom:5px;
    display:none;
	text-align:left !important;
    color:red;
}
.hidden-element, .hiddenElement{
	display:none !important;
}
.evidenzia:hover{
    opacity: 0.5;
    cursor: pointer;
}
#ajaxWait { 
    display:none;
	background: rgb(0,0,0,0.5); 
	width:100%; 
	z-index:99999999999 !important; 
	color:#fff; 
	position: fixed; 
	top: 0; 
	left: 0; 
	height: 100%; 
    pointer-events: none;
}
#ui-datepicker-div, .xdsoft_datetimepicker, .datepicker  {
	z-index: 100000000!important;
}

.xdsoft_disabled {
    pointer-events:none;
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none;
}
#ajaxWait > div {
	position: absolute;
	width  : 80px;
	height : 80px;
    top: calc(50% - 40px); /* 50% - 3/4 of icon height */
    left: calc(50% - 40px); 
}
.no-sort::after , .no-sort::before{ display: none!important; }
.no-sort { pointer-events: none!important; cursor: default!important; }
.odd:hover, .even:hover{
    background: rgba(215,197,233,0.5) !important;
}
.nonvalido{
    border:1px solid red !important;
}

.imgTrad{
    width:20px;
    margin-right:5px;
}
.orderList:hover{
	cursor:pointer;
}
.ck-editor__editable_inline {
    min-height: 250px;
}
.vascaSelezionata{
	font-size:1.3em;
	background: var(--coloreArancio);
	
	border-radius:5px;
	padding: 0 5px 0 5px;
	font-weight: bold;
}
.vascaSelezionata a{
	color:#fff !important;
}
.vascaSelezionata a:hover{
	color:var(--coloreBlu) !important;
}
.ck-editor p {
    margin: 0;
}
.noselectfrm{
    opacity:0.5;
    pointer-events: none;
    user-select: none; /* Impedisce di evidenziare il testo */
}
.noselect, .noselectfrm, #dtModulo, .dtModulo {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}
input[data-readonly=true] {
    pointer-events: none;
    background: #b5b4b4;
 }
.hilight{
    border: 5px solid red;
    box-shadow: 10px red;
}
div#progress-outer-img {
	width: 315px;
	height: 30px;
	border: 1px solid white;
	border-radius: 30px 30px 30px 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	padding: 5px;
	position: relative;
	margin-top: 30px;
	overflow: hidden;
	display: none;
}

div#progress-inner-img {
	width: 0%;
	height: 100%;
	background-color: white;
	border-radius: 30px 30px 30px 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	transition: 0.25s all ease-in-out;
	-moz-transition: 0.25s all ease-in-out;
	-webkit-transition: 0.25s all ease-in-out;
}

div#progress-text-img {
	width: 100%;
	font-family: Arial, Helvetica, serif;
	font-weight: bold;
	font-size: 18px;
	color: green;
	text-align: center;
	position: absolute;
	top: 10px;
	left: 0px;
	z-index: 2;
}
.sortableEleOk{
	outline: 5px solid green;
	border-radius:5px;
}
#sortableimmagine .riqFileSng, #sortabledocumento .riqFileSng, #riqFile .riqFileSng{
    border: 1px solid silver;
    border-radius:5px;
}
#riqdocumento .riqAntFile{
    height: 240px;
}
#riqdocumento .riqAntFile img{
    max-height: 220px;
}
#riqimmagine .riqAntFile{
    height: 190px;
}
#riqimmagine .riqAntFile img{
    height: 170px;
}
.disabledSection{
	pointer-events: none;
	opacity:0.5;
}
.disabledBtn{
	pointer-events: none;
}
.opacity{
	opacity:0.5;
}
.alertMaxFile{
	background:#ddd;
	z-index:9999; 
	left: 40%;
}
.counterDescBreve{
	top: 10px;
}

#messaggiSistemaOk{
	position:fixed;
	top:5%;
	width: 50%;
	left: 50%;
	transform: translateX(-50%);
	color:#fff;
	padding:5px;
	border-radius:10px;
	margin:auto;
	background:green;
	z-index: 99999999;
	animation: fadeIn 1.5s;
	font-weight: bold;
	text-align: center;
}
#messaggiSistemaEr{
	position:fixed;
	top:5%;
	width: 50%;
	left: 50%;
	transform: translateX(-50%);
	color:#fff;
	padding:5px;
	border-radius:10px;
	margin:auto;
	background: #F08080 ;
	z-index: 99999999;
	animation: fadeIn 1.5s;
	font-weight: bold;
	text-align: center;
}
.overlay{
	z-index:1001 !important;
}
.header-container, .sidebar-wrapper{
	/*z-index:99999;*/
	z-index:1002;
}
#sidebar ul.menu-categories li.menu.active > .dropdown-toggle svg, #sidebar ul.menu-categories li.menu.active > .dropdown-toggle span{
	color: var(----bs-link-color);
}
/* Style per area CkEditor */
.ck-editor__main a{
	color:#25818c !important;
}
.jconfirm-box .ck-editor__editable_inline {
	min-height:100px!important;
	max-height:100px!important;
}
.select2-container--bootstrap-5 .select2-dropdown{
	z-index: 99999999 !important;
}
.select2-container {
    width: 100% !important;
    z-index: 99999999 !important;
}
.table-sm tbody tr td {
    /*padding: 0.25rem 0 0.25rem 0 !important;*/
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}

/* Style Datatable */
.dataTables_wrapper .dataTables_paginate .paginate_button{
	padding: 0.1em 0.2em;
}
.dataTable thead th{
    font-size: 0.9em !important;
    padding-top: 0;
    padding-bottom: 0;
}
.dataTable tbody td{
    font-size: 0.95em;
}
.form-group .required, .required{
	color: red;
}
.infobox{
	display:none;
	border:1px solid var(--coloreBlu);
	border-radius:5px;
	padding: 5px;
}
.showInfoBox{
	position:absolute;
	top:1%;
	right: 2%;
}
.border-gr-ch{
    border-color:#ccc !important;
}
select {
	[disabled] {
	  	background:#ccc;
		opacity:0.5;
	}
  
	option {
	  	color: black;
	}
  }
.form-check-input:checked{
	background-color: var(--coloreRosso);
}
.trSelected{
	background: rgba(253, 181, 181, 0.5) !important;
}
.titleModuloHeader{
	font-size:1rem !important;
}
div.dataTables_processing
{
    z-index : 2147483647 !important
}
.bg-verde-opaco{
	background: rgba(30, 255, 0, 0.3) !important;
}
.bg-rosso-opaco{
	background: rgba(254, 0, 0, 0.3) !important;
}
.bg-arancio-opaco{
	background: rgba(254, 131, 0, 0.3) !important;
}

.riqRealTime {
    color: #666;
    font-size: 22pt;
    text-align: center;
    border: 2px solid #daa520;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 50px;
    clear: both;
}
.table-hover > tbody > tr:hover td{
    cursor: default;
}
.titlePLogin{
    background: #eee;
    padding: 5px 0 5px 0;
    text-align: center;
    outline: 1px solid purple;
    border-radius: 20px 0;
}

select[disabled][multiple]{
    height: 31px;
}

::-webkit-scrollbar {
    width: 7px;
    height:3px;
}

/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: var(--coloreBlu2);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: var(--coloreBlu);
}
.dropdown-item:hover{
    background:red;
}
.form-group label, label{
    font-size: 0.875rem;
}
.layout-boxed .footer-wrapper{
    width: 100% !important;
    max-width: 100%;
}

.iconAzioni em{
    font-size: 15pt;
}
.sidebar-wrapper .profile-info .user-info {
    display: flex;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    border-radius: 10px;
    background: rgba(224, 230, 237, 0.6);
    transition: padding 0.4s;
}
.sidebar-wrapper .profile-info .user-info .profile-content h6 {
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0px;
    margin-top: 0;
    margin-bottom: 0;
    opacity: 1;
    transition: opacity 0.5s, width 0.1s 0.4s;
}
.sidebar-wrapper .profile-info .user-info .profile-content p {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    opacity: 1;
    color: #888ea8;
    margin-bottom: 0;
    letter-spacing: 0.5px;
}
.sidebar-wrapper .profile-info {
    position: relative;
    padding-bottom: 0;
    background: #fff;
    padding: 12px;
}
.bg-white{
    background:#fff;
}
.striped-row:nth-child(odd) {
    background-color: rgb(252, 252, 246); /* Colore alternato per righe pari */
}
.row-hover:hover {
  background-color: #b2b3b4; /* grigio chiaro come le tabelle Bootstrap */
  border-radius:5px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}

/* Dimensione icone standard (desktop) */
.btn-checkin i {
    font-size: 1.25rem; /* Equivalente circa a fa-lg */
}

/* OTTIMIZZAZIONE MOBILE */
@media (max-width: 576px) {
    /* Riduciamo l'icona del check-in */
    .btn-checkin i {
        font-size: 1rem; 
    }

    /* Riduciamo il padding del pulsante per dare più spazio al nome */
    .btn-checkin {
        padding: 0.4rem 0.6rem;
    }

    /* Riduciamo il badge VIP a fianco al nome */
    .badge.rounded-pill {
        font-size: 0.55rem !important;
        padding: 0.2rem 0.4rem;
    }

    /* Riduciamo leggermente il font dei nomi per evitare wrap eccessivi */
    .list-group-item h6 {
        font-size: 0.95rem;
    }
}