/* 
	struttura pagina
*/
body
{
	font-family:Verdana,arial,sans-serif !important;
	font-size:x-small !important;
	margin:1em;
	padding:1em;	
	text-align:left;
	background:white;
	color:#00395e;
}
input,label
{
	font-family:Verdana,arial,sans-serif;
	text-align:left;
	font-size:x-small;
}
input,button
{
	font-family:Verdana,arial,sans-serif;
	text-align:center;
	font-size:x-small;
}
input,text
{
	font-family:Verdana,arial,sans-serif;
	text-align:left;
	font-size:x-small;
}
.textBox /* dimensione controlli - textbox */
{
	font-family:Verdana,arial,sans-serif;
	width:230px;
	font-size:x-small;
}
.textBoxHidden /* dimensione controlli - textbox */
{
	font-family:Verdana,arial,sans-serif;
	width:230px;
	font-size:x-small;
	visibility:hidden;
}
.bigTextBox /* dimensione controlli - textbox */
{
	font-family:Verdana,arial,sans-serif;
	width:310px;
	font-size:x-small;
}
.smallTextBox /* dimensione controlli - textbox */
{
	font-family:Verdana,arial,sans-serif;
	width:150px;
	font-size:x-small;
}
.microTextBox /* dimensione controlli - textbox */
{
	font-family:Verdana,arial,sans-serif;
	width:100px;
	font-size:x-small;
}

.miniTextBox /* dimensione controlli - textbox */
{
	font-family:Verdana,arial,sans-serif;
	width:30px;
	font-size:x-small;	
}


.textQuota /* dimensione controlli - textbox */
{
	font-family:Verdana,arial,sans-serif;
	width:100px;
	font-size:x-small;
	text-align:right;
}
.buttonCss
{
	font-family:Verdana,arial,sans-serif;
	width:100px;
	text-align:center;
	font-size:x-small;
}
.mediumButtonCss
{
	font-family:Verdana,arial,sans-serif;
	width:250px;
	text-align:center;
	font-size:x-small;
}
.bigButtonCss
{
	font-family:Verdana,arial,sans-serif;
	width:450px;
	text-align:center;
	font-size:x-small;
}
a:link {color:Blue}
a:visited {color:Blue}
a:hover {color: Blue}
a:active {color: Blue}

/*
a,a:visited
{
	text-decoration: none;
	color:black;
	background-color: white;
	font-size:inherit;
}
a:hover
{
	text-decoration:none;
	color:inherit;
	background-color:#cddcf4;
	font-size:inherit;
}
a#w3:hover {
	background-color: inherit;
}
*/
img#validator {
	border:none;
}
.imgButton
{
	border:none;
	float:right;
	margin-right:1ex;
	margin-bottom:1ex;
}
.contentButton
{
	float:right;
	padding-right: auto;
	padding-left:auto;
	/* background-color:??; */
	font-family:Verdana,arial,sans-serif;	
	font-size:x-small;	
}
.box
{
	width:100%;
	vertical-align: top;
}
div#eurocert
{
	background:url("img/eurocert_4.png") no-repeat;	
	width:80%;
	height:85px;
}
.leftMap 
{
	width:25%;
	float:left;
	height:100%;
	/*border:1px dotted black;*/
	vertical-align:top;
}
.leftMapAmm
{
	width:15%;
	float:left;
	height:100%;
	/*border:1px dotted black;*/
	vertical-align:top;
}
.contents
{
	width:74%;
	float:left;
	height:100%;
	/*border:1px dotted yellow;*/
	margin-left:3px;
	vertical-align:top;
}

.innerContents
{
	width:100%;
}
fieldset {
	border:1px dotted #00395e;
	padding:.1ex .1ex .1ex .1ex;
}
fieldset legend {
	border-bottom:1px solid #00395e;
	border-right:1px solid #00395e;
	background:white;
	padding: .1ex .5ex;
	color:#00395e;
	font-weight: bolder;
	white-space: normal;
}

/* 
	struttura grafica
*/
.title{
	background: #003399;
	color:white;
	font-weight: bolder;
	font-size:x-small;
	text-align:left;
}
.whiteTitle
{
	font-weight:bolder;
}
.alternatingGridRow
{
	background:#a2d3f4;
	color:Black;
}
.fakeDetailsViewCaption
{
	text-align:left;
	color:White;
	background-color:#5d7b9d;
	font-weight:bolder;
}
.fakeDetailsViewHeader
{
	width:35%;
	background:#e9ecf1;
	color:#284775;
	font-weight:bolder;
}
.fakeDetailsViewAlternativeHeader
{
	width:35%;
	background:#e9ecf1;
	color:#333333;
	font-weight:bolder;
}
.fakeDetailsViewContents
{
	width:65%;
}
.fakeDetailsViewAlternativeContents
{
}
.fakeDetailsViewCommandField
{
	width:100%;
	text-align:left;
	background:#e2ded6;
}
#buttons
{
position:relative;
padding:0.4em;
left:232px;
bottom:0;
width:150px;
background-color:#ffffaa;
}
div#SpinnerContainer
{
   position: fixed;
   display: none;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background-color: #fff;
   opacity:0.4;
   filter:alpha(opacity=40); / For IE8 and earlier /
   z-index: 1000; / Important to set this /
}
       
div#Spinner
{
   position: fixed;
   display: none;
   width:200px;
   height: 50%;
   top: 48%;
   left: 48%;
   z-index:1001;
   overflow: auto;
}

.ajaxprocessing
   {
       background: url('img/ajax_loader_blue_32.gif');
       background-repeat: no-repeat;
       background-position: center;
   }

 .PianificaProcButton
 {
 background-color: #5D7B9D;
 border-color : #E0E0E0;
 border-style : outset;
 color:White;
 font-weight:bold;
 text-align:center;
 width:200px;
 }
 .PianificaProcButton_Red
 {
 background-color: Red;
 border-color : #E0E0E0;
 border-style : outset;
 color:White;
 font-weight:bold;
 text-align:center;
 width:200px;
 }
 
 .LegendaGenerico
 {
	 background-color: Yellow;
	 border-color : Orange;
	 border-style : outset;
	 color:#5D7B9D;
	 font-weight:bold;
	 text-align:center;
	 width:200px;
 }
 
.rptr 
{
 margin: 0 auto;
 font: 14px segoe ui;
 border-collapse: collapse;
 width: 180px;
 display: table;
}
        .rptr th
        {
	        vertical-align:top;
	        width:180px;
	         background: #f90;
	         color: #fff;
	         padding: 4px 5px;
	         text-align: left;
        }
        .rptr td
        {
	        width:180px;
	        vertical-align:top;
	        padding: 5px 10px;
            background: #eee;
        }


.rptrEmpty {
    margin: 0 auto;
	vertical-align:top;
	width:180px;
	font: 14px segoe ui;
	border-collapse: collapse;
    display: table;
    height:200px;
}
.rptrEmpty th
{
	 background: #585858;
	 color: #fff;
	 padding: 4px 5px;
	 text-align: left;
	 vertical-align:top;
     	width:180px;
     	height:35px;

}
.rptrEmpty td
{
 padding: 2px 5px;
 vertical-align:middle;
 width:200px;
 background: #DCD7D5;
 text-align:center;
}

.TrDisplay 
{
    border-bottom-color:#AAADAF;
    border-top-color:#AAADAF;
	border-bottom-style:double;
    border-bottom-width:3px;
}
.TdDisplay 
{
	vertical-align:top;
	text-align:center;
    display: table-cell;

}

.TabDisplay
{
   border-collapse: collapse;
    border-color:#AAADAF;
     border-style:double;
    border-width:3px;
}

.AddNewEvento
{
	 background-color: #f90;
	 border-color : Orange;
	 border-style : outset;
	 color:White;
	 font-weight:bold;
	 text-align:center;
	 width:150px;
}

.myGrid
{    
    border-right: 2px solid #A7A6AA;
    border-bottom: 2px solid #A7A6AA;
    border-left: 2px solid white;
    border-top: 2px solid white;
    padding: 4px;
    font-size:8pt;
}

.myGrid a
{
    color: #FFFFFF;
}

.myGrid th
{
    border-left: 1px solid #EBE9ED;
    border-right: 1px solid #EBE9ED;
}

.myGridHeaderStyle
{
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}

.myGridDetailHeaderStyle
{
    background-color:#fa9a38;
    font-weight: bold;
    color: White;
}

.myGridFooterStyle
{
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
    text-align:center;
}

.myGridRowStyle
{
    background-color: #F7F6F3;
    color: #333333;
}

.myGridAlternatingRowStyle 
{
    background-color: #FFFFFF;
    color: #284775;
}

.myGridRowStyle td, .myGridAlternatingRowStyle td
{
    border: 1px solid #EBE9ED;
}

.myGridSelectedRowStyle
{
    background-color: #E2DED6;
    font-weight: bold;
    color: #333333;
}

.myGridPagerStyle
{
    background-color: #284775;
    color: #FFFFFF;
}

.myGridPagerStyle table /* to center the paging links*/
{
    margin: 0 auto 0 auto;
}

.labelVersion{
	color:#006EAB;
	font-size:small;
}


/*START Titolo fieldset per override boostrap*/
.fieldset-sigic
{
	border: 1px dotted #00395e;
	padding: .1ex .1ex .1ex .1ex;
	font-family: Verdana,arial,sans-serif !important;
	font-size: 10px !important;
}

	.fieldset-sigic legend
	{
		border-bottom: 1px solid #00395e;
		border-right: 1px solid #00395e;
		background: white;
		padding: .1ex .5ex;
		color: #00395e;
		font-weight: bolder;
		white-space: normal;
		float: none;
		width: auto;
		font-size: 10px !important;
	}
/*END Titolo fieldset per override boostrap*/


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

.help
{
	cursor: help !important;
}

#ui-datepicker-div
{
	font-size: 1.3em !important;
}

.ui-datepicker-week-col /*Calendario jqueryUI*/
{
	text-align: center;
}


/*START UpdateProgress Overlay*/
.updateprogress-overlay
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.updateprogress-message
{
	color: white;
	font-size: 1.5em;
	font-weight: bold;
}
/*END UpdateProgress Overlay*/