@charset "utf-8";
/**
 * retosca.css
 * by Danilo Giorgi - 09/08/2016 09:12
 * 
 */


body {
	font-size: 70%;         /* dimensione generale dei caratteri  */
}


/* riga blu in alto */
#header{
	padding: 0px 20px 0px 15px;      /*  alto, dx, basso, sx */
	background: #003d4c;
}

#header h1 {
	line-height: 22px;
	background: #003d4c url('../img/stemma_rt_micro.png') no-repeat left;
}

#header h1 a {
	background-color: #003d4c;
	color: white; 
}

/* DIV della barra dei menu */
#barramenu {
	padding-bottom: 5px;
}



/* titolo della pagina (ovvero nome della tabella)  */
h2 {
	 display: inline;
	 margin-left: 20px;
}

/* DIV contenitore generale */
#content {
	padding-top: 0px;
}




/* riga per la paginazione */
.paging {
	color: blue;    	/* colore del testo "Pagina 1 di 300"  */
	margin-bottom: 10px;
}


/* riga in fondo */
#footer{
	display: none;
}


/* intestazione tabella */
th {
	vertical-align: bottom;
}


 
td.nowrap {
	white-space: nowrap;	/* impedisce di andare a capo */ 
}


/* FORM di ricerca */
form {
	width: 100%;
	margin: 0px;
}

/*#ricerca {
	background: rgba(255, 255, 0, 0.2);

	border-top-style: solid;
	border-top-width: 0.5px;
	border-top-color: rgb(102, 102, 102);
	
	border-bottom-style: solid;
	border-bottom-width: 0.5px;
	border-bottom-color: rgb(102, 102, 102);
	
	border-left-style: solid;
	border-left-color: rgb(102, 102, 102);
	border-left-width: 0.5px;

  	border-right-style: solid;
	border-right-color: rgb(102, 102, 102);
	border-right-width: 0.5px;
	
	border-radius: 8px;
}*/

/* colonne del form di ricerca */
td.bottone_cerca {
	white-space: nowrap;
	vertical-align: bottom;
	padding-bottom: 0px;
}

/* icona di ricerca */
.icona_submit {
	width:  32px;
	height: 32px;
	border: none; 
	margin: 0px;
}



td.dx  {
	  text-align: right;
}
th.dx  {
	  text-align: right;
}

/* DIV che voglio nascondere */
div.nascosto {
	display: none;
}



/* FORM di logon */
div.login  {
/*	width: 500px;
//	height: 700px;
//	margin-left: 10%;
//	margin-top: 100px;*/
}

/* Home page */
div.homepage  {
	width: 700px;
	height: 700px;
	margin-left: 10%;
	margin-top: 100px;
	/*margin-bottom: 300px;*/
}







/*----------------BOTTONI-----------------------------------------------------*/

.bottone1 {
    background-color: #4B87FF;     /* #4CAF50 Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px; 
    margin-right: 100px;
    cursor: pointer;
	border-radius: 8px;       	/* angoli arrotondati */
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.2s;
}

.bottone1:hover {
 	background-color: blue; 
    color: white;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.bottone1:active {		/* bottone premuto */
	box-shadow: 0px 0px #666;
	transform: translateY(4px);
}

.bottone2 {
    background-color: #4B87FF;      /* #4B87FF; #4CAF50 Green */
    border: none;
    color: white;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
	border-radius: 8px;       	/* angoli arrotondati */
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.2s;
}


.bottone2:hover {
 	background-color: blue; 
    color: white;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.bottone2:active {		/* bottone premuto */
	box-shadow: 0px 0px #666;
	transform: translateY(4px);
}


.bottone3 {
    background-color: #4CAF50;     
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px; 
    margin-right: 100px;
    cursor: pointer;
	border-radius: 8px;       	/* angoli arrotondati */
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.2s;
}

.bottone3:hover {
 	background-color: green; 
    color: white;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.bottone3:active {		/* bottone premuto */
	box-shadow: 0px 0px #666;
	transform: translateY(4px);
}

/*----------------BOTTONI - FINE ---------------------------------------------*/


/* VISTE di tipo VIEW */
dl {
	width: 80%;
}
dt {
	/*width: 25em;*/
	width: 34%;
}
dd {
	/*margin-left: 25em; */
	/* width: 58em; */
	margin-left: 35%;
	width: 90%;
}


/* bottoni per la paginazione */
.paging > span {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.paging .prev {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.paging .next {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}


/* icona della clessidra */
#clessidra { 
	display: none;    
	position: fixed;
	top: 40%;
	left: 45%;
}

/* tabella che elenca le denunce e relativo conteggio */
table.conta_denunce { 
	width: 30em;
}


/* BOX per selezionare il file XML o EXCEL da caricare */
.file {
	/*background-color: #f5f5f5;*/   
	font-size: 100%;
	border: 1px solid #b0b0b0;     
}


/* Titolo della pagina */
h2  {
	margin-left: 0px;
	font-size: 300%;
}

/*------------------------------- FORM DI RICERCA ----------------------------*/
/* form di ricerca */
#ricerca {
	/*display: none;*/
    display: table-row;
}

/*------------------------------- FORM ---------------------------------------*/
/* casella di testo */
input {
	box-sizing: border-box;
	border: 2px solid #c0c0c0;
	border-radius: 6px;
}

input[type=text]:focus,
input[type=password]:focus {
	border: 2px solid blue;
}

/* casella comboBox */
select {
        width: 100%;
	background-color: #f1f1f1;
	padding: 2px 0px;
	border: 2px solid #c0c0c0;
	box-sizing: border-box;
	border-radius: 4px;	
        padding: 1%;
}

/*---------------------------jquery.mmenu.all.css------------------------------*/

#lft-menu {
	background: rgba(255, 255, 0, 0.1);   /*sfondo giallino */
}


/*----------------------------------------------------------------------------*/

/* iconcina delle azioni */
.iconcina_azioni {
	margin-right: 7px;
	width:  20px;
	height: 20px;
	vertical-align: top;
}


td.azioni_riga {
	text-align: left;
	white-space: nowrap;
	width: 100px;
}


/* MENU DROPDOWN -------------------------------------------------------------*/
ul.barramenu {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    background-color: #d0d0d0;
    width: 98%;
    margin: 5px 5px 5px 10px;      /*  alto, dx, basso, sx */
    font-size: 100%;
    box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.5);   /* h-shadow v-shadow blur spread color */
	border-radius: 4px;
}

li.barramenu {
    float: left;
    margin: 0;
    border-right: 1px solid #ffffff;
}

li a, .dropbtn {
    display: inline-block;
    color: #444444;
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
}

li.barramenu a:hover {
    /* 	background-color: red; */
    box-shadow: 0px 0px 8px 1px rgba(0,0,0, 0.9) inset;   /* h-shadow v-shadow blur spread color */
    color: #444444;
    border-radius: 8px;
}

a.attivo {
    background-color: #999999;
}

li.dropdown {
    display: inline-block;
    margin: 0px;
}

li.dx {
    float: right;
    margin: 0;
    border-left: 1px solid #ffffff;
}

.dropdown-content,
.dropdown-content-dx {
    display: none;
    position: absolute;
    background-color: #d0d0d0;
    box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.5);   /* h-shadow v-shadow blur spread color */
}

.dropdown-content-dx {
	/* box che scend, allineato sulla destra */
	overflow: auto;
	/*min-width: 170px;*/
	margin-right: 15px;
	right: 0;
}

.dropdown-content a,
.dropdown-content-dx a {
    color: #444444;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover,
.dropdown-content-dx a:hover {
    box-shadow: 0px 0px 8px 1px rgba(0,0,0, 0.9) inset;   /* h-shadow v-shadow blur spread color */
    color: #444444;
}

.dropdown:hover .dropdown-content,
.dropdown:hover .dropdown-content-dx {
    display: block;
}

/* FINE - MENU DROPDOWN */



/* MENU di SINISTRA COLLASSABILE */
.mm-list > li > a {
 	margin: 5px;
  	min-width: 0px;
	text-align: left;
	padding: 5px 5px;
}

/*.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after {*/
/*	border-bottom-width: 0;   */  /* bordino sotto i bottoni */
/*}*/



/* MENU di SINISTRA di VIEW e EDIT*/
div.actions {
	padding: 0;
	width: 20%;			
}

.actions > ul > li > a {
 	width: 100%;
	margin: 5px;
	text-align: left;
	padding: 5px 5px;
	font-size: 15px;
}


/* FORM di EDIT */
div.form {
/*	width: 75%;	*/		
}

div.view {
/*	width: 75%;*/
	overflow-x: none;			
}







li a:hover {
    box-shadow: 0px 0px 4px 0px rgba(0,0,0, 1) inset;   /* h-shadow v-shadow blur spread color */
}







/*???????????????????????????*/