/* CSS Document */
/* abliaLte.css*/
/*
V. 1.08
08-10-2025 row-table
11-02-2025 focus mandatory darkred
21-01.2023 comandi2x corretto a 100
27-05-2021 AGGIUSTATO STATUS MESSAGE


*/
/*********************************
caricare prima le variabili dimensioni
**********************************/

/*********************************
impostazione carattere!!!
**********************************/
body {
	font-size: var(--fontSize);
	color: black;
	font-weight: 600;
}
.input-group-sm>.form-control, .input-group-sm>.input-group-btn>.btn {
	height: var(--formControlHeigth);
	font-size: var(--fontSizeinputGroupSm);
}
.input-group-sm>.input-group-addon {
	height: var(--formControlHeigthAddon);
	font-size: var(--fontSizeinputGroupSmAddon);
}

select.input-sm{
	height:  var(--fontSizeComboBox);
}
.icheckbox_minimal-blue, .iradio_minimal-blue{
	height: var(--fontSizeCheckRadio);
	margin-top: 6px;
   /* margin-bottom: 9px;*/
}

.btn-app{
	font-size: var(--fontSizeBtnApp);
}

/* Focus specifico per gli elementi con la classe mandatory */
.form-control.mandatory:focus {
    border-color: red !important; /* Cambia il colore */
    box-shadow: none !important;
}
/*********************************
override checkbox per gestione smartphone ottimizzata
***************************************

.icheckbox_minimal-blue, .iradio_minimal-blue {
	//height: 45px;
}
*/
/******************************************/
/*  MENU laterale */
/******************************************/
.sidebar-menu .treeview-menu>li>a {
	font-size: var(--fontSize);
	padding: 6px 5px 6px 10px
}
.skin-blue .main-header .logo{
background-color: #3c8dbc;
}
/******************************************/
/* TASTI MENU PRINCIPALE */
/******************************************/
.btn-app>.fa, .btn-app>.glyphicon, .btn-app>.ion {
	font-size: var(--fontSizeFaIon);
}
.small-box .icon {
	font-size: var(--fontTitoloWidgetIcona);
}


.small-box:hover .icon {
	font-size: var(--fontTitoloWidgetIconaHover);
}

.small-box h3 {
    font-size: var(--fontTitoloWidget)!important;

	}

@media (max-width: 770px) {
	.small-box h3 {
    font-size: var(--fontTitoloWidgetSmall)!important;

	}
}
 /******************************************/
/* css dropdown lang */
/******************************************/
.lang-dropdown{
    float: right!important;
    margin-top: 16px;
    margin-right: 10px;
}
.lang-dropdown a{
	color: white;
}
/*********************************
menu principale
**********************************/
.skin-blue .sidebar-menu>li.header {
	color: white;
	font-weight: bold;
}


/*********************************
padding tabelle /std 5px
**********************************/
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
	padding: var(--tablePadding);	
}
.box-body{
	padding: var(--boxBodyPadding);
}
/*********************************
GESTIONE SCRORRIMENTO
**********************************/
/*override header*/
.main-header {
	position: fixed;
	width: 100%;
}
/*override sidebar
.main-sidebar{
    position: fixed;
}
*/
/*********************************
wrapper che contiene tutta la parte centrale
**********************************/

.content-wrapper {
	padding-top: 50px;
	background: #fff;
}
.login-box-body, .register-box-body {
	color: black;
	background: #F5F5F5;
}
/*********************************
css content ridotto rispetto allo standard lte (15)
**********************************/
.content {
	min-height: 250px;
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 5px;
	padding-right: 0px;
}

/*********************************
gestisce il padding quando si riduce la pagina
**********************************/

@media (max-width: 770px) {
.content-wrapper {
	padding-top: 100px;
}
}
/* parte che contiene breadcrumb e pulsantiera
.content-toolbar{
	position:fixed;
	width: 90%;
	z-index:500;
}
@media (max-width: 1790) {
	.content-toolbar{
		width: 80%;
	}
}
@media (max-width: 770px) {
	.content-toolbar{
		width: 90%;
	}
}

/*override section del dettaglio sotto la toolbar
.content{
	padding-top: 150px;
}

/*********************************
CLASSI PER DASHBOARD, TITOLO, LOGIN
**********************************/
.pageTitle{
	font-size: var(--fontSizePageTitle);
}
.main-header .logo{
	font-size: var(--fontSizeLogo);
}
.dashboard-widget {
	height: var(--dashboardWidgetHeigth);
}
.center-text {
	text-align: center;
}
.right-text {
	text-align: right;
}
.titolo-applicazione {
	font-size: var(--fontSizeTitoloApplicazione);
	color: white;
	font-weight: bold;
	margin-right: 20px;
	line-height: 50px;
}
.titolo-applicazione .popover{
	color: darkslategray;
}
.login-box, register-box {
	margin: 0;
	margin-right: auto;
	margin-left: auto;
	padding-top: 7%;
}
.pageTitle {
	font-size: var(--fontSizePageTitle);
	color: white;
	font-weight: bold;
	margin-left: 20px;
	line-height: 50px;
}
/*********************************
ICONE MENU' PRINCIPALE
**********************************/
.small-box .icon {
	color: rgba(255,255,255,0.85);
}

.small-box h3 {
    font-size: 38px;
    font-weight: bold;
    margin: 0 0 10px 0;
    white-space: nowrap;
	padding: 0;
}
/*********************************
classi per box ricerca e dettaglio e lookup
**********************************/
.lookup-container {
    position: relative;
    width: 100%;
}
.box.box-ricerca {
	border-top-color: #f39c12;
}
.box.box-dettaglio {
	border-top-color: #3c8dbc;
}
.box.box-simple {
	border-top-color: hsla(292,95%,64%,1.00)
}
.box.box-simple-filter {
	border-top-color: coral
}
.breadcrumb {
	margin-bottom: 2px;
}
.box.box-header {
	border-top: 0px;
	margin-bottom: 0px;
	padding: 4px;
}
.btn-search {
	margin-top: 9px!important;
	;
}
.mandatory {
	border-color: #f39c12;
}
/*********************************
classe per gestione elementi in line
da applicare al lg che contiene gli elementi in -line
**********************************/
.col-inline {
	padding-left: 0px;
	padding-right: 0px
}
.col-inline .col-left {
	padding-right: 0px;
}
.col-inline .col-middle {
	padding-left: 0px;
	padding-right: 0px
}
.col-inline .col-right {
	padding-left: 0px;
}
/*********************************
classi custom per tab
**********************************/
.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li>a:hover {
	background: #ececec;
	border-left-color: #ccc;
	border-right-color: #ccc;
	border-top-color: #ccc;
}
.nav-tabs-custom>.nav-tabs>li.active>a {
	border-top-color: transparent;
	border-left-color: #ccc;
	border-right-color: #ccc;
}
.tab-content {
	border: 1px solid #ccc;
}
/*********************************
container div di ricerca ajax 
**********************************/
.box.box-lookup {
	z-index: 9999;
	overflow: auto;
	position: absolute;
	visibility: hidden;
	border: 1px solid hsla(0,0%,96%,1.00);
	width: 95%;
}
#stRow{
	max-height: 200px;
    overflow-y: scroll;
	overflow-x: scroll;
}
/*********************************
classe caso enablenodb="true" per ricerca ajax 
**********************************/
.ajstNoDb {
	background: #E7BA90;
}
/*********************************
classe che contiene i comandi sulle liste di ricerca 
***************************************************/
.list-command {
}
/*********************************
classe imnput box all'interno del div di ricerca
**********************************/
.lookup-input-box {
	width: max-content;
	border: none;
	height: 20px;
	color:black;
	border-bottom-color:  #eee;
	border-bottom-width: 0.5px;
    border-bottom-style: solid;
    width: 100%;
}
/* classe per il div ???*/
.lookup-input-box4 {
	width: 20px;
	border: 0;
	border: none;
}
/*********************************
classe per elemento del div di ricerca selezionato
**********************************/
.lookup-selected-item {
	color: #fff;
	background-color: #3c8dbc;
}
.row.tabs {
	margin-top: 20px;
}
/*********************************
classe per elemento del span add on per campi al di fuori del div
**********************************/
.input-group-addon-ajax {
	border-color: #ffffff;
	border: 0;
	height: 10px;
}
/*********************************
/* tabelle 
**********************************/
.table.table-bordered.table-hover.table-striped.dataTable>thead>tr>th {
	background: #DDD!important;
}
/*********************************
classe colonna comandi sulla tabella
utilizzare
 <td class="comandi text-center">
<div class="inline-comandi text-center hidden-print">
xx
</div>
</td>
**********************************/
td.comandi1x {
	width: 40px;
}
td.comandi {
	width: 80px;
}

td.comandi2x {
	width: 100px;
}
td.comandi3x {
	width: 120px;
}

/*********************************
classe per gestione comandi sulle tabelle
**********************************/
.inline-comandi {
	display: inline-flex;
}
.inline-comandi a {
	padding: 2px;
}
/*********************************
classe per i td tra i tag footer parziali wvfooter
**********************************/
.tableWvfooter {
	font-weight: bold;
	border-bottom-color: darkgray;
	border-bottom-width: 2px;
	background-color: lightgray;
}
/*********************************
classi per il box messaggi
****************/
/* override toastr*/
.toast-top-right {
	top: 52px;
	right: 12px;
}
/*********************************
utilizzato per dati cambiati
**********************************/
.toast-info {
	background-color: #F60;
}
.lastUpdInfo {
	color: #008000;
	background-color: #f5f5f5;
	font-size: 10px;
	padding-top: 5px;
	padding-left: 40px;
}
.row.row-breadcrumb {
	background-color: #f5f5f5;
}
.messaggi {
	max-height: 38px;
	overflow-y: scroll;
	padding-left: 10px;
}
/*DA VERIFICARE*/
.msgOk {
	color: #008000;
}
.msgSuccess {
	color: #008000;
}
.msgInfo {
	color: #008000;
}
.msgWarning {
	color: #F60;
}
.msgWarn {
	color: #F60;
}
.msgError {
	color: #CC0000;
}
/*NON SERVE PIU'*/
.msg {
	position: fixed;
	top: 60px;
	right: 300px;
	z-index: 9999;
	/*background-color: #96E4C0;*/
	background-color: rgba(250, 250, 250, 0.5);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	min-height: 50px;
	height: auto;
	width: 250px;
	float: none;
	overflow: hidden;
	padding: 5px 10px;
	border: 2px solid #dddddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: none;
}
/*********************************
bottoni applicazione più piccoli
****************************************/
.btn-app-sm {
	padding: 8px 5px;
	min-width: var(--btnAppSmHeigth);
	height: var(--btnAppSmHeigth);
	margin: 0 0 0 10px;
}
/*********************************
bottoni associative
****************************************/
.btn.btn-associative {
	margin-top: 21px;
}
/*********************************
input box ridotti per progressivi o codici
+ altezza fissa per tutti i controlli (select2 era più alto...)
****************************************/
.form-control {
	height: var(--formControlHeigth);
	font-size: var(--fontSize);
}
.input-sm {
/*height:34px;*/
}
.input-sm-40 {
	/*height:34px;*/
	max-width: 40px;
	display: inline;
}
.input-sm-50 {
	/*height:34px;*/
	max-width: 50px;
	display: inline;
}
.input-sm-60 {
	/*height:34px;*/
	max-width: 60px;
	display: inline;
}
.input-sm-70 {
	/*height:34px;*/
	max-width: 70px;
	display: inline;
}
.input-sm-80 {
	/*height:34px;*/
	max-width: 80px;
	display: inline;
}
.input-sm-90 {
	/*height:34px;*/
	max-width: 90px;
	display: inline;
}

/*********************************
override toasttr top right
****************************************/
.toast-top-right {
	top: 98px;
	right: 12px;
}
/*********************************
classe per togliere il margine inferiore di 15 che da noia
***************************************
   .form-group {
     margin-bottom: 0px; 
    }
/*********************************
classe per testi al posto degli input altrimenti scazza smartphone
NON UTILIZZATO PER ADESSSO.... DA CAPIRE
****************************************/

.input-text {
	height: 30px;
}
/*********************************
finestre modal dialog
****************************************/
.fade.in {
	width: auto!important;
	height: auto!important;/*opacity: 0.5;*/
}
.modal {
	opacity: 0;
}
.modal-backdrop {
	opacity: 0!important;
}
.modal-content {
	border: solid 1px;
	border-color: darkgray;
}

.scroll-200{
    max-height: 200px;
    overflow-y: scroll;
}
.scroll-300{
    max-height: 300px;
    overflow-y: scroll;
}
.scroll-400{
    max-height: 400px;
    overflow-y: scroll;
}
.scroll-500{
    max-height: 500px;
    overflow-y: scroll;
}
.scroll-600{
    max-height: 600px;
    overflow-y: scroll;
}
.modal-dialog{
    width: auto;
    min-width: 300px; 
    max-width: 800px;   
}
/*********************************
** GESTIONE STAMPA +++/
***********************************/

.titolo-widget {
	font-size: var(--fontTitoloWidget);
	font-weight: bold;
	margin: 0 0 10px 0;
	white-space: nowrap;
	padding: 0;
}

@media screen and (max-width: 1500px) {
.titolo-widget {
	font-size: var(--fontTitoloWidgetSmall);
}
}

@media only screen and (max-width: 800px) {
/* Force table to not be like tables anymore */
#no-more-tables table,  #no-more-tables thead,  #no-more-tables tbody,  #no-more-tables th,  #no-more-tables td,  #no-more-tables tr {
	display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#no-more-tables tr {
	border: 1px solid #ddd;
}
#no-more-tables td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 30%;
	white-space: normal;
	text-align: left;
	min-height: 30px;
}
#no-more-tables td.comandi {
	padding-left: 6px;
	width: 100%;
}
#no-more-tables td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	text-align: left;
	font-weight: bold;
}
/*
	Label the data
	*/
#no-more-tables td:before {
	content: attr(data-title);
}
.titolo-widget {
	font-size: 26px;
}
}

@media screen and (max-width: 550px) {
.titolo-widget {
	font-size: 16px;
}
}

@media print {
.content {
	margin-left: 0px!important;
}
.box {
	border-top: 0px;
}
.content-wrapper {
	padding-top: 5px;
	margin-left: 0px!important;
}
.list-command {
	display: none;
}
.table {
/*	max-width:300px;*/
		
}
.main-header {
	display: none;
}
.main-sidebar {
	display: none;
}
}


/*****************************/
/*** modal fullscreen ********/
/*****************************/
 .modal-fullscreen {
    padding: 0 !important;
  }
  .modal-fullscreen .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    max-width: none!important;
    min-width: none!important; 
    
  }
  .modal-fullscreen .modal-content {
    height: auto; 
    min-height: 100%; 
    border: 0 none;
    border-radius: 0;
    
  } 

.headerMsgStatus {
    font-size: var(--fontSizePageTitle);
    color: #00ef6e;
    /*font-weight: bold;
	line-height: 50px;
	*/
	
	font-style: italic;
    margin-left: 20px;
	background-color: #222d31;
	margin-left: 0px;
	padding-left: 10px;
	max-height: 45px;
	overflow-y: auto;
	
}
.headerMsgStatus br {
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: -34px; /* change this to whatever height you want it */
}

.bold{
	font-weight: bold;
}

.hide{
display: none;
}

.lastEditRow
{
	background-color:#F90;
}

/*******************/
/* rowtable *******/
/*******************/
.row-table {
  border-bottom: 1px solid #ccc;
  padding: 1px 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
} 
/*.row-table:nth-child(even) {
  background-color: #f9f9f9;
}*/