/*
   custom.css per passaggio da grafica 2009 a grafica 2014
*/

/* per polij:command e polij:function submenu */
.submenu {
       margin-left: 1em;
}

.polij-function-text-container
{
	display: flex;	
	/* word-break: break-all; */
	min-width: 10rem;
}

.polij-function-icon {
	flex: 0 1 1em; 
	margin-right: 5px;
	align-self: center;
}

.polij-function-text {
	flex: 1 1 99%;
}

a.linkFunction.inattivo {
    color: #069;
}

.BodyFunction { 
    padding: .2em .5em;
}


form {
	margin-bottom: 1em;
}

.SimpleCardOut
{
	width:       100%;
	border:  	 none;
}

/* per polij:command e polij:function submenu */
.submenu {
	margin-left: 1em;
}

.BodyFunction { 
    padding: .2em .5em;
}

.ElementSimpleCard1
{
	background:  #F2F5F7;
	font-weight: bold;
	text-align:  left;
	border:  	 none;
}

.ElementSimpleCard2
{
	background:  #F2F5F7;
	text-align:  left;
	border:  	 none;
}

.ElementInfoCard4 {
    background: #F5EEFF;
    text-align: left;
    border-top: none;
    border-left: none;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    empty-cells: show;
    color: black;
    font-weight: normal;
}

.pari , .even
    {
        background: #F7F7F7;
	}

.dispari , .odd
    {
        background: #FFFFFF;
	}

.HeadColumn1
    {
        background:    #f3f3ee;
        border-right:  0.05em solid #CCCCCC;
        border-bottom: 0.3em  solid #bbbbbb;
        empty-cells:   show;
	}

.HeadColumn2
    {
        background:    #E2E2E2;
        border-right:  0.05em solid #CCCCCC;
        border-bottom: 0.3em  solid #bbbbbb;
        empty-cells:   show;
	}

#nested_no_border .ElementInfoCard2, #nested_no_border .ElementInfoCard1,
#nested_no_border .ElementSimpleCard2, #nested_no_border .ElementSimpleCard1,
#nested_no_border .Dati1, #nested_no_border .Dati2,
#nested_no_border .HeadColumn1, #nested_no_border .HeadColumn2,
.nested_no_border .ElementInfoCard2, .nested_no_border .ElementInfoCard1,
.nested_no_border .ElementSimpleCard2, .nested_no_border .ElementSimpleCard1,
.nested_no_border .Dati1, .nested_no_border .Dati2,
.nested_no_border .HeadColumn1, .nested_no_border .HeadColumn2
{
    border: none!important;
}

#Avviso .ElementInfoCard1, #Avviso .ElementInfoCard2, 
#Avviso .ElementSimpleCard1, #Avviso .ElementSimpleCard2,
.Avviso, #Avviso,
#avviso .ElementInfoCard1, #Avviso .ElementInfoCard2, 
#avviso .ElementSimpleCard1, #Avviso .ElementSimpleCard2,
.avviso, #avviso
{
 	font-weight:bold;
 	background-color:#FFF8A8;
}

#Info .ElementInfoCard1, #Info .ElementInfoCard2, 
#Info .ElementSimpleCard1, #Info .ElementSimpleCard2,
.Info, #Info,
#info .ElementInfoCard1, #Info .ElementInfoCard2, 
#info .ElementSimpleCard1, #Info .ElementSimpleCard2,
.info, #info
{
 	font-weight:bold;
 	background-color:#BBFFBB;
}

#Errore .ElementInfoCard1, #Errore .ElementInfoCard2,
#Errore .ElementSimpleCard1, #Errore .ElementSimpleCard2,
.Errore, #Errore,
#errore .ElementInfoCard1, #Errore .ElementInfoCard2,
#errore .ElementSimpleCard1, #Errore .ElementSimpleCard2,
.errore, #errore
{
 	font-weight:bold;
 	background-color: tomato;
 	color: #FFFFFF;
 }
 
.TableDati .ElementInfoCard1, 
.BoxInfoCard .Dati2
{
    background:#F0F0F0;
}

.BoxInfoCard .HeadColumn1  
{
    /* border-left: thin solid #D5DFE4; */
    border-right: thin solid #D5DFE4;
    border-bottom: thin solid #D5DFE4;
    empty-cells: show;
    text-decoration: none;
    background: #F3F3EE;
	/* color: #006699; */
	font-weight: bold;
	text-align: center;
}

table.TableCommand td:hover a.inattivo, .BodyFunction.inattivo:hover {
    background: #FFF;
    color: #069;
}

.TextCommand_bold 
 {     
     font-weight: bold;
     font-style: oblique;
 }
 
 .TableCommand
 {
 	/* margin-bottom: 1.5em; */
 }
 
 .SimpleCardOut2 .ElementSimpleCard1,
 .SimpleCardOut2 .ElementSimpleCard2
 {
 	background: none;
 	border: none;
 }
 
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #F3F3EE;
	border: thin solid #D5DFE4;
	color: #006699;
	font-weight: normal;
}

.polij_tabs > div {
	width: auto;
}

.ui-tabs .ui-tabs-nav li[role="tab"] {
	padding: 8px;
}

li.ui-state-active {
	background: #FFFFFF!important;
}

.polij-blue {
	color: #006699;
}

.polij-green {
	color: #009527;
}

.polij-red {
	color: #CD0A0A;
}

td.CenterElement {
	text-align: center; 
}

.polij-orange {
	color: #FF7F00;
}

  