/* CLASSI DEGLI ELEMENTI HTML CRUDI */

	body { font-family: arial; font-size: 11px; margin-left: 1%; margin-right: 1%; width: 98%; max-width: 98%; }
	input, textarea, select, option, pme-input-1, pme-input-0, .selectricerca, .textarearicerca  {         
		margin-top: 15px;
        	margin-bottom: 15px;
        	margin-left: 2%;
		margin-right: 2%;
       	 	width: 96%;
        	position: relative;
		padding: 1%;
	}
	iframe  { border: 0px solid #000; };
	h3	{ padding-top: 2%; padding-bottom: 2%;}


/* CLASSI di PHPMYEDIT */

	hr.pme-hr	     { visibility: hidden; padding: 0px; margin: 0px; height: 0px;}
	table.pme-navigation { border: #004d9c 0px solid; border-collapse: collapse; border-spacing: 0px; width: 100%; }
	th.pme-header	     { border: #004d9c 1px solid; padding: 4px; background: #add8e6; padding: 0.5%; }
	td.pme-value-0, td.pme-help-0, 
	td.pme-value-1, td.pme-help-0
	td.pme-sortinfo, td.pme-filter { border: #004d9c 1px solid;}

	td.pme-navigation-0,  td.pme-navigation-1 {  border: #004d9c 1px solid; padding: 0.5%; }
	td.pme-icons-0 { border: #004d9c 1px solid; padding: 0.5%; width: 12%; min-width: 150px; background-color: #eef; }
	td.pme-icons-1 { border: #004d9c 1px solid; padding: 0.5%; width: 12%; min-width: 150px; background-color: #fff; }

	td.pme-key-0 { padding: 0.5%; border: #004d9c 1px solid; background-color: #eef; min-width: 140px; width: 15%; }
	td.pme-key-1 { padding: 0.5%; border: #004d9c 1px solid; background-color: #fff; min-width: 140px; width: 15%; }

	td.pme-value-0 { padding: 0.5%; border: #004d9c 1px solid; background-color: #eef; font-weight: 500;} 
	td.pme-value-1 { padding: 0.5%; border: #004d9c 1px solid; background-color: #fff; font-weight: 500;}

	td.pme-cell-0 { text-align: left; padding: 1%; border: #004d9c 1px solid; background-color: #eef; font-weight: 500; }
	td.pme-cell-1 { text-align: left; padding: 1%; border: #004d9c 1px solid; background-color: #fff; font-weight: 500}

	td.pme-navigation-0 { padding: 0.5%; border: #004d9c 1px solid; background-color: #eef; width: 5%; min-width: 50px; }
	td.pme-navigation-1 { padding: 0.5%; border: #004d9c 1px solid; background-color: #fff; width: 5%; min-width: 50px; }

	input.pme-filter { border: #CCC 1px solid; background-color: #ffe; width: 100%; margin: 0px; padding: 0.5%; }
	input.pme-query  { text-align: center; width: 80%; }

/* PULSANTI PRINCIPALI */

	input.pme-add 		{ margin-top: 1%; }
	input.pme-change 	{ margin-top: 1%; }
	input.pme-copy 		{ margin-top: 1%; }
	input.pme-delete 	{ margin-top: 1%; }
	input.pme-view 		{ margin-top: 1%; }
	input.pme-next 		{ margin-top: 1%; }
	input.pme-last 		{ margin-top: 1%; }
	input.pme-goto 		{ margin-top: 1%; }
	input.pme-save 		{ margin-top: 1%; }
	input.pme-cancel 	{ margin-top: 1%; }
	input.pme-more		{ margin-top: 1%; }

	select.pme-goto         { width: 5%; min-width: 60px; }

/* CHECKBOX DI SELEZIONE */

/* CLASSI PER LE RIGHE CHE CONTENGONO I PULSANTI */

	td.pme-buttons { text-align: left;   }
	td.pme-message { text-align: center; }
	td.pme-stats   { text-align: right;  }


/* CASI PARTICOLARI */

	td.pme-cell-0-T { width: 40%; min-width: 40%; max-width: 40%;  border: #004d9c 1px solid; padding: 0.5%; background-color: #eef; } 
	td.pme-cell-1-T { width: 40%; min-width: 40%; max-width: 40%;  border: #004d9c 1px solid; padding: 0.5%; background-color: #fff; }
	th.pme-header-T { border: #004d9c 1px solid; padding: 4px; background: #add8e6; padding: 0.5%; }
	td.pme-value-0-T, td.pme-value-1-T { padding: 0.5%; width: 90%; border: #004d9c 1px solid; background-color: #eef; }
	td.pme-row-0-T, td.pme-row-1-T {}


pme-row-0:hover { background: #fbb; border: #f00 1px solid;}
pme-row-1:hover { background: #fbb; border: #f00 1px solid;}

/* The alert message box */
.alert {
  padding: 20px;
  margin-bottom: 15px;
}

/* The close button */
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
  color: black;
} 


.redclass {
	border-left: 5px solid red !important;
}

.redclass td {
/* FEEFEF */
	background-color: #FDDEDE !important;
	border-bottom: 2px solid red !important;	
}



.yellowclass { 
        border-left: 5px solid #BBCC00;
}


tr.yellowclass td {
  	border-bottom: 2px solid #BBCC00;
	background-color: #FFFFCC;
}

.noclass {
	border-left: 5px solid #004d9c;
}

tr.noclass td {
  border-bottom: 2px solid #004d9c;
}


.intestazione {
	border: #004d9c 1px solid; 
	background: #ffeed0; 
	padding: 10px; 
	font-size: x-large;
}


.icons {
	width: 36px;
	height: 36px;
}

.icons-menu {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 8px;
	padding-left: 8px;
	border-bottom: 2px solid #a1a0a0;
	border-right: 2px solid #a1a0a0;
	border-left: 2px solid #f2f1f0;
	border-top: 2px solid #f2f1f0;
	background-color: #eee;

}

.icons-menu:hover {
	background-color: #fff;
}

.menu-maschera {
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

.leggimi {
	margin-top: 60px;
	text-align: justify;
	font-size: larger;
}

/* Classi print */

.printitem {
	font-size: 16px;

}

.printvalue {
	font-size: 16px;
}

.inputricerca {
        margin-top: 15px;
        margin-bottom: 15px;
        margin-right: 5px;
        width: 90%;
        position: relative;
}

.intestazionericerca {
	border: #004d9c 1px solid;
	padding: 10px;
	background: #add8e6;
	font-size: larger;
	width: 200px;
}

.primacolonnaricerca {
	border: #004d9c 1px solid;
	background-color: #eef;
	font-weight: 500;
	padding-left: 1%;
}

.primaselect {
        max-width: 50px;
        width: 50px;
        border: #004d9c 1px solid;
        background-color: #eef;
        font-weight: 500;

}

.radiocheckbox {
	visibility: hidden;
	width: 0px; 
}

.intestazioneverticale {
        max-width: 150px;
        width: 150px;
 	border: #004d9c 1px solid;
        padding: 10px;
        background: #add8e6;
        font-size: larger;
}
.alert-sfondo {
	background-color: rgb(248, 215, 218);
	border-bottom-color: rgb(245, 198, 203);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-image-outset: 0;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(245, 198, 203);
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: rgb(245, 198, 203);
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: rgb(245, 198, 203);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-style: solid;
	border-top-width: 1px;
	box-sizing: border-box;
	color: rgb(114, 28, 36);
	font-family: arial;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	position: relative;
	text-align: left
}

.alert-banner {
	font-size: 32px;
	text-align: center;

}

.alert-head {
	font-size: 22px;
	text-align: justify;
	line-height: 26px;
}

.alert-body {
	font-size: 16px;
	line-height: 22px;
	text-align: justify;
}

.alert-separatore {

}

.alert-tail {
	font-size: 16px;
	line-height: 22px;
	text-align: justify;
}

.primocampo, .chiavecampi {
	max-width: 50%;
	width: 20%;
	min-width: 150px;
}

.secondocampo {
        max-width: 50%;
	min-width: 150px;
}


td.pme-dati-0 { text-align: left; padding: 0%; border: #004d9c 1px solid; background-color: #eef; font-weight: 500; font-size: 10px; min-width: 150px; }
td.pme-dati-1 { text-align: left; padding: 0%; border: #004d9c 1px solid; background-color: #fff; font-weight: 500; font-size: 10px; min-width: 150px;}
th.pme-dati-header { border: #004d9c 1px solid; padding: 0px; background: #add8e6; font-size: 14px; }
.intestazione-dati {
        border: #004d9c 1px solid; 
        background: #ffeed0; 
        padding: 5px; 
        font-size: x-large;
}

.graphstyle {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
}


/* Sezione RESPONSIVE */

@media only screen and (max-width : 600px) {
	table {
    		font-size: 10px;
   	}
	table.pme-main { table-layout:fixed; border: #004d9c 1px solid; border-collapse: collapse; border-spacing: 0px; max-width: 1300px; margin-left: auto; margin-right: auto; width: 100%; margin-top: 20px; }
	embed { height: 1000px; table-layout:fixed; border: #004d9c 1px solid; border-collapse: collapse; border-spacing: 0px; max-width: 96%; margin-left: 2%; margin-right: 2%; width: 96%; margin-top: 60px; }
	 table.listalead { border: #004d9c 1px solid; border-collapse: collapse; border-spacing: 0px; max-width: 1300px; margin-left: auto; margin-right: auto; width: 100%; margin-top: 20px; 	}
}

@media only screen and (min-width : 600px) and (max-width : 700px) {
	table {
        	font-size: 11px;
       	}
	table.pme-main       { table-layout:fixed; border: #004d9c 1px solid; border-collapse: collapse; border-spacing: 0px; max-width: 1300px; margin-left: auto; margin-right: auto; width: 100%; margin-top: 20px; }
	embed { height: 1000px; table-layout:fixed; border: #004d9c 1px solid; border-collapse: collapse; border-spacing: 0px; max-width: 96%; margin-left: 2%; margin-right: 2%; width: 96%; margin-top: 60px; }
	 table.listalead { border: #004d9c 1px solid; border-collapse: collapse; border-spacing: 0px; max-width: 1300px; margin-left: auto; margin-right: auto; width: 100%; margin-top: 20px;  }
}

@media only screen and (min-width : 700px) and (max-width : 800px) {
        table {
                font-size: 12px;
        }
	table.pme-main       { border: #004d9c 1px solid; border-collapse: collapse; border-spacing: 0px; max-width: 1300px; margin-left: auto; margin-right: auto; width: 100%; margin-top: 20px; }
	embed { height: 1000px; border: #004d9c 1px solid; border-collapse: collapse; border-spacing: 0px; max-width:  96%; margin-left: 2%; margin-right: 2%; width: 96%; margin-top: 60px; }
	 table.listalead { border: #004d9c 1px solid; border-collapse: collapse; border-spacing: 0px; max-width: 1300px; margin-left: auto; margin-right: auto; width: 100%; margin-top: 20px;  }
}

@media only screen and (min-width : 800px) and (max-width : 900px) {
        table {
                font-size: 13px;
        }
	table.pme-main       { border: #004d9c 1px solid; border-collapse: collapse; border-spacing: 0px; max-width: 1300px; margin-left: auto; margin-right: auto; width: 100%; margin-top: 20px; }
	embed { height: 1000px; border: #004d9c 1px solid; border-collapse: collapse; border-spacing: 0px; max-width: 96%; margin-left: 2%; margin-right: 2%; width: 96%; margin-top: 60px; }
	 table.listalead { border: #004d9c 1px solid; border-collapse: collapse; border-spacing: 0px; max-width: 1300px; margin-left: auto; margin-right: auto; width: 100%; margin-top: 20px;  }
}



@media only screen and (min-width : 900px) {
        table {
                font-size: 14px;
        }
	table.pme-main     { border: #004d9c 1px solid; border-collapse: collapse; border-spacing: 0px; max-width: 1300px; margin-left: auto; margin-right: auto; width: 100%; margin-top: 20px; }
	embed { height: 1000px; border: #004d9c 1px solid; border-collapse: collapse; border-spacing: 0px; max-width: 96%; margin-left: 2%; margin-right: 2%; width: 96%; margin-top: 60px; }
	 table.listalead { border: #004d9c 1px solid; border-collapse: collapse; border-spacing: 0px; max-width: 1300px; margin-left: auto; margin-right: auto; width: 100%; margin-top: 20px;  }
}


/* TOOLTIP */

.popover {
	min-width: 13em !important;
	max-width: 40em !important;
}

.popover-header {
	font-size: 26;
	background-color: GreenYellow;
}

.tooltiptable td, th {
	padding: 10px;
	margin-right: 10px;
}

/* MENU CONTESTUALE */

.custom-menu {
    z-index:1000;
    position: absolute;
    border: 2px solid GreenYellow;
    background-color: GreenYellow;
}


/* TTOLBAR AL CENTRO */

.toolbarcentrata {
	width: 400px; 
	max-width: 400px; 
	margin-right: auto; 
	margin-left: auto;

}

.toolbarinferiore {
	width: 80%;
	margin-left: 10%;
	margin-tight: 10%;
}

.wrongdata {
	width: 50%;
        margin-right: auto; 
        margin-left: auto;
	border: 4px solid #FF0000;
	margin-top: 3%;
	padding: 3%;
	margin-bottom: 3%;
}

.readme {
	font-size: 14px;
	margin-right: 2%;
	margin-left: 2%;
}

.documentazione {
	font-size: x-large;
	margin-top: 50px;
	padding: 12px;
	border-left: 3px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	border-top: 1px solid #cacaca;
	text-align: justify;
}

.docuhead {
	padding: 15px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-left: 4px solid #ccccdd;
        border-bottom: 2px solid #ccccdd;
        border-top: 2px solid #ccccdd;
}

.docubanner {
	font-size: xxx-large;
	padding: 10px;
	margin-bottom: 12px;
	border: 1px solid #000;
	width: 100%;
}

.documimg {
//    max-width: 150vw;
      max-height: 102vh;
//      max-height: 44pc;
}

.docusum {
	font-size: x-large;
	margin-left: 30px;
	margin-bottom: 30px;
}

.docusum li {
	margin-left: 30px;
}

.documentazione dl {
	padding-left: 30px;
	padding-bottom: 15px;
	padding-top: 15px;
}

.documentazione dd {
	margin-left: 50px;

}

.documentazione dt {
        margin-top: 20px;

}


.docuindex {
	font-size: xxx-large;
}

documimgc {

}


.backup {
	width: 100%;
	max-width: 100%;
}

.backup table, tr, th, td {
	border: 1px solid #000;
	border-collapse: collapse;
	padding: 15px;
}

/* Impedisce la stampa */

@media only print {
.container { display:none !important; }
}

#maschera_conferma_cancellazione {
	display: none;
}

.pulsante_senza_form {
	height: 60px; 
	width: 60px; 
	color: rgba(0,0,0,.5);
	padding-right: .5rem; 
	padding-left: .5rem; 
	padding-top: 6px; 
	padding-bottom: 6px;
	border-bottom: 2px solid #a1a0a0; 
	border-right: 2px solid #a1a0a0;
	border-left: 2px solid #f2f1f0; 
	border-top: 2px solid #f2f1f0; 
	background-color: #eee; 
	list-style-type: none;
}

.pulsante_senza_form:hover {
        height: 60px; 
        width: 60px; 
        color: color: rgba(0,0,0,.5);;
        padding-right: .5rem; 
        padding-left: .5rem; 
        padding-top: 6px; 
        padding-bottom: 6px;
        border-bottom: 2px solid #a1a0a0; 
        border-right: 2px solid #a1a0a0;
        border-left: 2px solid #f2f1f0; 
        border-top: 2px solid #f2f1f0; 
        background-color: #fff; 
        list-style-type: none;
}

.corto {
	width: 10%;
}

.medio {
	width: 14%;
}

.campostato {
	width: 25%;
}


/* NOTE */

.reminder {
	color: #CC0000;
}

.reminder td {
	font-weight: bolder;
	background-color: #ffffcc;
}

.interessato {
}

.interessato td {
	background-color: #ccffcc;
}

.telefonata {
}

.telefonata td {
	background-color: #eeeeee;
}

.questionario {
}

.questionario td {
	background-color: #e6e6ff;
}

.preventivo { 
}

.preventivo td {
	background-color: #ffffe6;
}

.inviatamail {
}

.inviatamail td {
	background-color: #e6ffff;
}

.inviatomessaggio {
}

.inviatomessaggio td {
	background-color: #e6f9ff;
}

.perso {

}

.perso td {
	background-color: #f2ffe6;
}

.altranota {
}

.altranota td {
	background-color: #e6f2ff;
}

/*  STATI */

.nulla  {
	background-color: #e6e6ff;
}

.precon {
	background-color: #ffffcc;
}

.elab {
	background-color: #ffe6cc;
}

.post {
	background-color: #ccffcc;
}

.fail {
	background-color: #ff9999;
}

.errore table {
	font-size: 22px; 
	margin-top: 100px; 
	margin-right: 10%; 
	margin-left: 10%; 
	width: 80%;
}

.errore th {
	background: #f99; 
	padding: 15px; 
	color:black;
	font-size: xx-large;
}

.errbanner {
	padding: 15px;
	font-weight: bold;
	font-size: 22px;
	background-color: #fcc;
}

.errlegend {
	padding: 15px;
        font-weight: bold;
        font-size: 22px;
        background-color: #ccf;
}

.errspieg {
	padding: 15px;
        font-size: 20px;
        background-color: #fee;
	font-weight: bold;
}

.errinfo {
	padding: 15px;
        font-size: 20px;
	background-color: #eef;
}

.errtail {
        padding: 15px;
        font-size: 15px;
	text-align: justify;
	background-color: #efe;
}

.invisibile {
	visibility: collapse;
	margin-top: 0px !important;
}

.opts {
	margin:5px;

}

.checkboxes {
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  word-wrap: break-word;
}

.avvisi {
	background: #feeeee;
	padding-top: 30px;
}


.avvisi p {
	padding-left: 10px;
	padding-top:  10px;
	padding-bottom: 10px;
	padding-right: 10px;
	border: 2px solid #f00;
	font-size: medium;
}

.avvisi p:hover {
	background: #ccc;
}



.calbanner {
        background: #eefeee;
        padding-top: 30px;
}



.calbanner p {
        padding-left: 10px;
        padding-top:  10px;
        padding-bottom: 10px;
        padding-right: 10px;
        border: 2px solid #0d0;
        font-size: medium;
}

.calbanner p:hover {
        background: #ccc;
}

.bannercall {
	text-align: center;
        padding-left: 10px;
        padding-top:  20px;
        padding-bottom: 10px;
        padding-right: 10px;
        font-size: large;
	background: #090;
	color: #fff;
}
.bannercall:hover {
        background: #ccc;
}




.statibanner {
        background: #eeeefe;
        padding-top: 30px;
}



.statibanner p {
        padding-left: 10px;
        padding-top:  10px;
        padding-bottom: 10px;
        padding-right: 10px;
        border: 2px solid #00d;
        font-size: medium;
}

.statibanner p:hover {
        background: #ccc;
}

.bannerstati {
        text-align: center;
        padding-left: 10px;
        padding-top:  20px;
        padding-bottom: 10px;
        padding-right: 10px;
        font-size: large;
        background: #009;
        color: #fff;
}
.bannerstati:hover {
        background: #ccc;
}

.badge {
  padding-left: 9px;
  padding-right: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}
#lblCartCount {
    font-size: 12px;
    background: #ff0000;
    color: #fff;
    padding: 0 5px;
    vertical-align: top;
    margin-left: -10px;
}
.cerchiata {
  display: inline-block;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  border-color: black;
  padding: 7px;
}

.cerchiata:hover {
        background: #ddd;
}

.login-form {
    width: 340px;
    margin: 50px auto;
        font-size: 15px;
}
.login-form form {
    margin-bottom: 15px;
    background: #f7f7f7;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    padding: 30px;
}
.login-form h2 {
    margin: 0 0 15px;
}
.form-control, .btn {
    min-height: 38px;
    border-radius: 2px;
}
.btn {
    font-size: 15px;
    font-weight: bold;
}