/* A:link {
refresh
        FONT-WEIGHT: bold; TEXT-DECORATION: none; color: #505097

}

A:visited {

        FONT-WEIGHT: bold; TEXT-DECORATION: none; color: #505097

}

A:hover {

        FONT-WEIGHT: bold; TEXT-DECORATION: none; color: #336699

}
body { background-color : white; margin : 5px; } */
.testata {
	background-color: rgb(240, 240, 255);
}

/*  .external { border : 1px solid silver; background-color : rgb(240,240,255);} */
.corpo {
	border: none;
}

body {
	
}

.leftcol { /* background-color :  rgb(240,240,255); */
	width: 150px;
	padding: 0 5px 5px;
	vertical-align: top;
	/* border-top : 1px solid rgb(240,240,255);} */
}

.bodycol {
	padding: 5px;
	vertical-align: top;
	height: 350px;
	border: 1px solid silver;
	background-color: white;
}

.foot_no_version td {
	background-color: red;
}

.foot_2 {
	text-align: center;
}

.logo {
	text-align: center;
	width: 150px;
}

.menutitle {
	font-family: Verdana, Arial;
	font-size: 15px; /*100%*/
	font-weight: bold;
	color: #336699;
	letter-spacing: 2px;
	background-repeat: no-repeat;
	text-align: center;
}

.menutitle2 {
	font-family: Verdana, Arial;
	font-size: 105%;
	font-weight: bold;
	color: #0000F0;
	letter-spacing: 1px;
	background-repeat: no-repeat;
	text-align: left;
}

.menuitemsx {
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	font-family: Verdana, Arial;
	font-size: 100%;
	font-weight: bold;
	padding-left: 5px;
	min-width: 90%;
	min-height: 25;
	width: 90%;
	height: 22;
}

.menuitemdx {
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	background: #DFDFF4;
	font-family: Verdana, Arial;
	font-size: 100%;
	font-weight: bold;
	padding-right: 3px;
}

.menutitle {
	font-family: Verdana, Arial;
	font-size: 15px;
	font-weight: bold;
	color: #336699;
	letter-spacing: 2px;
	background-repeat: no-repeat;
}

A:link.menu {
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	color: #505097
}

A:visited.menu {
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	color: #505097
}

A:hover.menu {
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	color: #336699;
	font-size: 105%;
}

A:link.normal {
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	color: #505097
}

A:visited.normal {
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	color: #505097
}

A:hover.normal {
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	color: #336699;
}

A:link.pages {
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	color: #660000
}

A:visited.pages {
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	color: #660000
}

A:hover.pages {
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	color: #336699;
}

.tabheader {
	font-family: Verdana, Arial;
	font-size: 115%;
	color: #336699;
	font-weight: bold;
	background: repeat;
	/* background-image: url(line160blu.png); Date:26/07/2018 file not present */
	background-image: none;
	padding-left: 3px;
	padding-right: 3px;
}

/*
PESTE
originale
	font-family: Verdana, Arial;
	font-size: 1.50em;
	color: #336699;
	font-weight: bold;
	background: repeat;
	background-image: url(line160blu.png);
	padding-left: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
	
prima modifica

	font-family: Verdana, Arial; 
	font-size: 18px;
	background: #336699;
	color: #fff;
	font-weight: bold;
	padding-left: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
	
seconda modifica
	border-color: #B7B7DB;
	border-style: solid;
	border-width: 1px;
	background: #DFDFF4;
	font-family: Verdana, Arial;
	font-size: 100%;
	color: #336699;
	font-weight: bold;
	padding: 3px;
	
terza modifica
	-moz-border-radius: 4px 4px 4px 4px;
	background-color: #EEEEEE;
	border: 1px solid #336699;
	font-weight: bold;
	list-style: none outside none;
	margin: 0;
	padding: 0;


quarta modifica
	border-color: #B7B7DB;
	border-style: solid;
	border-width: 1px;
	background: #DFDFF4;
	font-family: Verdana, Arial;
	font-size: 100%;
	color: #336699;
	font-weight: bold;
	padding: 3px;

quinta modifica
	font-family: Verdana, Arial;
	font-size: 100%;
	font-weight: bold;
	color: #336699;
	letter-spacing: 2px;
	background-repeat: no-repeat;
	text-align: center;
	
	
*/
.tabtitleheader {
	font-family: Verdana, Arial;
	font-size: 1.50em;
	color: #336699;
	font-weight: bold;
	background: repeat;
	/* background-image: url(line160blu.png); Date:26/07/2018 file not present */
	background-image: none;
	padding-left: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*.dnr_tabtitleheader {
	font-family: Verdana, Arial;
	font-size: 18px;
	background:#C9C9C9;
	text-align:center;
	color: #fff;
	font-weight: bold;
	padding-left: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-color: #8A8A8A;
	border-style: solid;
	border-width: 1px;
	
}*/
.infobox {
	border-color: #B7B7DB;
	border-style: solid;
	border-width: 1px;
	background: #DFDFF4;
	font-family: Verdana, Arial;
	font-size: 100%;
	font-weight: normal;
	padding: 3px;
}

.menutitle {
	border-color: #B7B7DB;
	border-style: solid;
	border-width: 1px;
	background: #DFDFF4;
	font-family: Verdana, Arial;
	font-size: 15px;
	color: #336699;
	font-weight: bold;
	padding: 3px;
}

/*.DataGrid {
	font-size: 100%;
	font-weight: normal;
	color: #336699;
	background-color: black;
}

.EvenRow {
	background-color: rgb(240, 240, 240);
	font-size: 108%;
}

.OddRow {
	background-color: white;
	font-size: 108%;
}

.OddRow td{
	border-color: #CEC5C5;
	border-style: solid;
	border-width: 1px;
	border-top:0;
	padding-left: 5px;
}

.EvenRow td{
	border-color: #CEC5C5;
	border-style: solid;
	border-width: 1px;
	border-top:0;
	padding-left: 5px;
	

}
.DataGrid a {
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
}

.HeaderGrid td {
	border: 1px solid silver;
	margin-top: 0px;
	text-align: left;
	font-size: 100%;
	font-weight: bold;
	color: white;
	background-color: #336699;
}

.HeaderGrid {
	border: 1px solid silver;
	margin-top: 0px;
	text-align: left;
	font-size: 100%;
	font-weight: bold;
	color: #336699;
	background-color: white;
}*/

/*
.rdonly {
	background-color: #D1D1D1;
	color: black;
	border: 2px groove white;
}
*/
input.rdonly {
	background: #C9C9C9;
	color: black;
	border: 2px groove white;
}

.dfr_content textarea.rdonly {
	background: #C9C9C9;
	color: black;
	border: 2px groove white;
}

.dfr_content textarea:focus {
	background: none repeat scroll 0% 0% rgb(255, 255, 204);
	color: black;
	border-color: #fc0;
}

.rdonly:focus {
	background: #C9C9C9;
	color: black;
	border: 2px groove white;
}

select {
	width: 400px;
}

.notattributo {
	font-family: Verdana, Arial;
	font-size: 90%;
	color: blue;
	font-weight: normal;
	font-style: italic;
	background: repeat;
	/* background-image: url(line160blu.png); Date:26/07/2018 file not present */
	background-image: none;
	padding-left: 3px;
}

.testo_blu {
	PADDING-RIGHT: 0.5em;
	PADDING-LEFT: 0.2em;
	FONT-SIZE: 108%;
	COLOR: #B7B7BD;
	text-decoration: none;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	LIST-STYLE-TYPE: square;
	TEXT-ALIGN: justify
}

.testo_blu2 {
	PADDING-RIGHT: 0.5em;
	PADDING-LEFT: 0.2em;
	FONT-SIZE: 108%;
	COLOR: #B7B7BD;
	height: 40px;
	text-decoration: none;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	LIST-STYLE-TYPE: none;
}

.formrow {
	height: 22px;
}

/***************** NEW ************************/
.menutitle {
	-moz-border-radius: 4px 4px 4px 4px;
	background-color: #EEEEEE;
	border: 1px solid #8A8A8A;
	color: #808080;
	font-weight: bold;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

.menuitemsx ul li {
	border-bottom: 1px solid #336699;
	padding-top: 10px;
	padding-bottom: 2px;
}

.menuitemsx ul li a:link, .menuitemsx ul li a:visited {
	text-decoration: none;
}

.menuitemsx ul li a:hover {
	text-decoration: none;
	color: #990000;
	font-weight: bold;
}

/**********CALENDAR**************/
.CALENDARcpYearNavigation, .CALENDARcpMonthNavigation {
	background-color: #6677DD;
	text-align: center;
	vertical-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

.CALENDARcpDayColumnHeader, .CALENDARcpYearNavigation,
	.CALENDARcpMonthNavigation, .CALENDARcpCurrentMonthDate,
	.CALENDARcpCurrentMonthDateDisabled, .CALENDARcpOtherMonthDate,
	.CALENDARcpOtherMonthDateDisabled, .CALENDARcpCurrentDate,
	.CALENDARcpCurrentDateDisabled, .CALENDARcpTodayText,
	.CALENDARcpTodayTextDisabled, .CALENDARcpText {
	font-family: arial;
	font-size: 80%;
}

TD.CALENDARcpDayColumnHeader {
	text-align: right;
	border: solid thin #6677DD;
	border-width: 0 0 1 0;
}

.CALENDARcpCurrentMonthDate, .CALENDARcpOtherMonthDate,
	.CALENDARcpCurrentDate {
	text-align: right;
	text-decoration: none;
}

.CALENDARcpCurrentMonthDateDisabled, .CALENDARcpOtherMonthDateDisabled,
	.CALENDARcpCurrentDateDisabled {
	color: #D0D0D0;
	text-align: right;
	text-decoration: line-through;
}

.CALENDARcpCurrentMonthDate {
	color: #6677DD;
	font-weight: bold;
}

.CALENDARcpCurrentDate {
	color: #FFFFFF;
	font-weight: bold;
}

.CALENDARcpOtherMonthDate {
	color: #808080;
}

TD.CALENDARcpCurrentDate {
	color: #FFFFFF;
	background-color: #6677DD;
	border-width: 1;
	border: solid thin #000000;
}

TD.CALENDARcpCurrentDateDisabled {
	border-width: 1;
	border: solid thin #FFAAAA;
}

TD.CALENDARcpTodayText, TD.CALENDARcpTodayTextDisabled {
	border: solid thin #6677DD;
	border-width: 1 0 0 0;
}

A.CALENDARcpTodayText, SPAN.CALENDARcpTodayTextDisabled {
	height: 20px;
}

A.CALENDARcpTodayText {
	color: #6677DD;
	font-weight: bold;
}

SPAN.CALENDARcpTodayTextDisabled {
	color: #D0D0D0;
}

.CALENDARcpBorder {
	border: solid thin #6677DD;
}

#footer {
	display: none;
}

.imgCliccabile {
	cursor: pointer;
}

/*Nuovi stili */
.pagepaupload {
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

.pagepaTopLeftBox {
	float:left; 
	color:#f5f5f5;	
}

 .pagepaBottomLeftBox {
	float:left; 
	color:#f5f5f5;	
	
}

.pagepaBottomRightBox {
	color:#f5f5f5;
	background: #f5f5f5;	
	float: right;
	min-width: 27px;
	margin: 0px 3px 0px 3px;
	padding: 0px 6px 0px;
	font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad,
		sans-serif;
	font-size: 13px;
	font-weight: 700;
	border: 1px solid #f5f5f5;
	outline: none;
	border-radius: 3px;
}	


.pagepaTopRightBox {
	/*

PESTE
classe che visualizza l'ID dell'entità
	
	float:right;
	padding:5px;
	
	
	font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
	font-size: 13px;
	font-weight: 700;
	padding:5px;
	float:right;	
    border: 1px solid #ddd;
    outline: none;
    border-radius: 3px;	
*/
	float: right;
	min-width: 27px;
	margin: 0px 3px 0px 3px;
	padding: 0px 6px 0px;
	font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad,
		sans-serif;
	font-size: 13px;
	font-weight: 700;
	background-color: #f0f0f0;
	color: #333;
	border: 1px solid #ddd;
	outline: none;
	border-radius: 3px;
}

.overflowin {
	overflow: auto;
	height: 161px;
	width :	100%;
}

.overflowout {
	overflow: visible;
	width :	100%;
}

div.errorbox {
	height: 50px;
	overflow: auto;
	background-color: eeeeee;
	margin-top: -20px;
}

div.tabtitleheader {
	text-align: center;
}

.divheader {
	/*

	font-family: Verdana, Arial;
	font-size: 115%;
	color: #336699;

*/
	font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad,
		sans-serif;
	font-size: 16px;
	color: #8A8A8A;
	font-weight: bold;
	background: repeat;
	/* background-image: url(line160blu.png); Date:26/07/2018 file not present */
	background-image: none;
	padding-left: 3px;
}

/*
table.attributestable tr td input[type="submit"]{
	min-width: 25px;
    margin: 3px 3px 3px 3px;
    padding: 7px 6px 5px;
    font-size: 13px;
    background-color: #f0f0f0;
    color: #333;
    border: 1px solid #ddd;
    outline: none;
    border-radius: 3px;
    background-image:none;
}


table.attributestable tr td input[type="submit"]:hover,.button input[type="submit"]:focus{
    min-width: 25px;
    margin: 3px 3px 3px 3px;
    padding: 7px 6px 5px;
    font-size: 13px;
    background-color: #fff;
    color: #333;
    border: 1px solid #8EAFBF;
    outline: none;
    border-radius: 3px;
    background-image:none;
}
*/

/*
table.dfr_table tr td input[type="submit"]{
	min-width: 25px;
    margin: 3px 3px 3px 3px;
    padding: 7px 6px 5px;
    font-size: 13px;
    background-color: #f0f0f0;
    color: #333;
    border: 1px solid #ddd;
    outline: none;
    border-radius: 3px;
    background-image:none;
}


table.dfr_table tr td input[type="submit"]:hover,.button input[type="submit"]:focus{
    min-width: 25px;
    margin: 3px 3px 3px 3px;
    padding: 7px 6px 5px;
    font-size: 13px;
    background-color: #fff;
    color: #333;
    border: 1px solid #8EAFBF;
    outline: none;
    border-radius: 3px;
    background-image:none;
}
*/

/* Stili presi da owncloud e riadattati





.button
{
	min-width: 25px;
    margin: 3px 3px 3px 3px;
    padding: 7px 6px 5px;
    font-size: 13px;
    background-color: #f0f0f0;
    color: #333;
    border: 1px solid #ddd;
    outline: none;
    border-radius: 3px;
    float:left;
}





*/
/*-----------------------------------------------------------------------------------*/
div.buttonBar {
	clear: both;
	width: 100%;
}

/*.button
{
	font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
	font-size: 15px;
	min-width: 50px ; 
	padding-top: 5px ;
	font-weight: bold ;
	font-size: 16px ; 
	color: #404040 ; 
	cursor: pointer ; 	
	background-image: none ;
	float:left;
}

input[type="submit"].button, input[type="button"].button
{
	min-width: 25px;
    margin: 3px 3px 3px 3px;
    padding: 7px 6px 5px;
    font-size: 13px;
    font-weight: bold;
	font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
	font-size: 15px;
    background-color: #f0f0f0;
    color: #333;
    border: 1px solid #ddd;
    outline: none;
    border-radius: 3px;
    background-image:none;
}

input[type="submit"]:hover.button ,input[type="submit"]:focus.button, 
input[type="button"]:hover.button ,input[type="button"]:focus.button {
    min-width: 25px;
    margin: 3px 3px 3px 3px;
    padding: 7px 6px 5px;
    font-size: 13px;
    font-weight: bold;
	font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
	font-size: 15px;
    background-color: #fff;
    color: #333;
    border: 1px solid #8EAFBF;
    outline: none;
    border-radius: 3px;
    background-image:none;
}

.button a {
 
	
	
	min-width: 25px;
	font-weight: bold;
	font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad,sans-serif;
	font-size: 15px;
	background-color: #f0f0f0;
	color: #333;
	border: 1px solid #ddd;
	outline: none;
	border-radius: 3px;
	background-image: none;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 0px;
	display: block;
}

.button a:hover, .button a:focus {
    background-color: white;
    color: #333;
}





.button:hover, .button:focus{
    background-color: #fff;
    color: red;
    border: 1px solid #8EAFBF;
}

*/
/*-----------------------------------------------------------------------------------*/
li.testo_blu {
	list-style-type: none;
}

.styled-select select {
	background: transparent;
	padding: 5px;
	font-size: 16px;
	line-height: 1;
	border: 0;
	/* border-radius: 0;*/
	/*height: 34px;*/
	/*height: 27px;*/
	height: auto;
	border-radius: 6px;
}

.styled-select {
	width: 287px;
	/*height: 34px;*/
	/*height: 27px;*/
	height: auto;
	overflow: hidden;
	/* background: url(../images/menu-button-arrow.png) no-repeat right #fff;*/
	background: white;
	border: 1px solid #ccc;
	border-radius: 6px;
}

.styled-select-rdonly {
	width: 287px;
	/*height: 34px;*/
	/*height: 27px;*/
	height: auto;
	overflow: hidden;
	/* background: url(../images/menu-button-arrow-rdonly.png) no-repeat right #C9C9C9; */
	background: #C9C9C9;
	border: 2px groove white;
	border-radius: 6px;
}

.styled-select-rdonly select {
	background: transparent;
	padding: 5px;
	font-size: 16px;
	line-height: 1;
	border: 0;
	border-radius: 0;
	/*height: 34px;*/
	/*height: 27px;*/
	height: auto;
	border-radius: 6px;
}

.containerfilebox {
	width: 33%;
	text-align: center;
}

.table-container {
	height: 175px;
	max-height: 520px;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
}

.iconeExportTable {
	float: right;
}

#exportDataPdf, #exportDataExcel {
	cursor: pointer;
}

.alert-danger, .alert-warning, .alert-success, .alert-info, .alert-primary, .alert-primary {
	padding: 20px;
	font-style: italic;
	font-family: sans-serif;
    border: 1px solid transparent;
    border-radius: .25rem;
	margin-top: 15px;
}

.alert-primary {
    color: black;
    background-color: #e7e7e7;
    border-color: none;
}

.alert-danger {
    color: white;
    background-color: #f44336;
    border-color: none;
}

.alert-warning {
    color: white;
    background-color: #ff9800;
    border-color: none;
}

.alert-success {
    color: white;
    background-color: #04AA6D;
    border-color: none;
}

.alert-info {
    color: white;
    background-color: #2196F3;
    border-color: none;
}



.alert-primaryOld {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert-dangerOld {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-warningOld {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-successOld {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-infoOld {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}


.closeBtnAlert {
	margin-left: 15px;
	font-weight: bold;
	float: right;
	font-size: 22px;
	line-height: 20px;
	cursor: pointer;
	transition: 0.3s;
}

.closeBtn:hover {
	color: #343a40;
}

.recuperaPsw{
	text-align: center;
	margin-top: 15px;
}

::placeholder {
  /* color: #f5f5f5; */
  color: lightgray;
  opacity: 1; /* Firefox */
  font-style: italic;
  font-size: 11px;
}

input[type="text"]::placeholder {
  /* color: #f5f5f5; */
  color: lightgray;
  opacity: 1; /* Firefox */
  font-style: italic;
  font-size: 13px;
}



.wrapper.ten {
			background-color: #626466;
		}
		.bounce {
			font-size: 5rem;
			width: 100%;
			margin: 3rem auto;
			display: inline-flex;
			justify-content: center;
			-webkit-box-reflect: below -20px linear-gradient(transparent, #211e1e2e);
		}
		.bounce span {
			display: inline-flex;
			color: #f5f5f5;
			font-family: "Play", sans-serif;
			animation: bounce 1s infinite;
		}
		@keyframes bounce {
			0%,
			50%,
			100% {
				transform: translateY(0);
			}
			25% {
				transform: translateY(-20px);
			}
		}
		.ten span:nth-of-type(1) {
			animation-delay: 0.1s;
		}
		.ten span:nth-of-type(2) {
			animation-delay: 0.2s;
		}
		.ten span:nth-of-type(3) {
			animation-delay: 0.3s;
		}
		.ten span:nth-of-type(4) {
			animation-delay: 0.4s;
		}
		.ten span:nth-of-type(5) {
			animation-delay: 0.5s;
		}

.label-radio-src {		
	font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    color: #053686;
}

button.ui-datepicker-current { 
    /*display: none; */
}

/* begin: jQuery UI Datepicker emphasis on selected dates */
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
	background: #6743ee; /* a color that fits the widget theme */	
	color: white; /* a color that is readeable with the color above */
}
/* end: jQuery UI Datepicker emphasis on selected dates */

.ui-datepicker-trigger {
	margin-left: 2px;
}

.l-radio {
  padding: 4px;
  border-radius: 50px;  
  cursor: pointer;
  transition: background 0.2s ease;
  margin: 8px 0;
  -webkit-tap-highlight-color: transparent;
}
.l-radio:hover, .l-radio:focus-within {
 background: rgba(159, 159, 159, 0.3);  
}

.l-radio input:focus {
  outline: none;
}
.l-radio input:checked {
  box-shadow: #6743ee;
}

.multiFactorAuth {
	font-size: 16px; 
	font-weight: 700; 
	color: #39a1c4;
}