/*
#00558c blue
#ce0821 rosso
#a7c8d9 azzurro
*/

/*
@font-face {
   font-family: 'us101';
   src: url(us101.eot);
   src: local('us101'), url('us101.ttf') format('truetype');
}
*/

body
{
    margin: 0;
    padding: 0;
    /*color: #555;*/
    color: #2c6489;
    font: normal 14px Trebuchet Ms, Arial, Georgia;
    background-color: white;
    background-image: url('../images/bg.jpg');
}

h1{
    font: normal 30px Impact, Trebuchet Ms, Arial, Georgia;
    color: #4484ad;
}

h2{
    font: normal 19px Impact, Trebuchet Ms, Arial, Georgia;
    color: #4484ad;
}

h4{
    font: normal 24px Impact, Trebuchet Ms, Arial, Georgia;
    color: #00558c;
}

h5{
    font: normal 18px Impact, Trebuchet Ms, Arial, Georgia;
    color: #00558c;
    margin-bottom: 5px;
}

a{
    text-decoration: none;
    /*color: #98c4d0;*/
    font-weight: bold;
    /*color: #2C6489;*/
    color: #2e9235;

}

a:hover{
    color: #98c4d0;
}

#page
{
    margin-top: 5px;
    margin-bottom: 5px;
}

#header
{
    margin: 0;
    padding: 0;
}

#content
{
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    border: 1px solid #98cdec;
    border-top: 0px;
    overflow: auto;
}

.breadcrumbs{
    background-color: white;
    border: 1px solid #98cdec;
    border-top: 0px;
}

.breadcrumbs a{
    color: #2C6489;
}

.breadcrumbs a:hover{
    color: #98c4d0;
}

#sidebar
{
    padding-top: 10px;
    padding-bottom: 10px;
}

#footer
{
    border: 1px solid #98cdec;
    -moz-border-radius: 0px 35px 0px 35px;
    border-radius: 0px 35px 0px 35px;
    padding: 15px;
    padding-bottom: 5px;
    background-color: white;
    margin-top: 5px;
    padding: 10px;
    font-size: 0.8em;
    text-align: center;
}

#login {
    margin-bottom: 4px;
}

#login a{
    color: #2C6489;
}

#login a:hover{
    color: #98c4d0;
}

.appName{
    font-family: Impact, Trebuchet Ms, Arial, Georgia;
    font-size: 400%;
    color: #00558c;
    padding: 20px;
    text-align: center;
    text-shadow: 1px 1px silver;
}

#mainmenu
{
    background:white url(bg2.gif) repeat-x left top;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
    margin: auto;
}

/*
#mainmenu ul
{
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 0px;
    padding-right: 0px;
    margin:0px;
}

#mainmenu ul li
{
    display: inline;
}

#mainmenu ul li a
{
    color:#ffffff;
    font-family: Impact, Trebuchet Ms, Arial, Georgia;
    background color: #4583ab;
    font-size:17px;
    text-decoration:none;
    border-right: 1px dotted white;
    font-weight: normal;
    margin: auto;
}

#mainmenu ul li a:hover{
    opacity:0.7;
    filter:alpha(opacity=70);
}
*/

#mainmenu table, #mainmenu tr, #mainmenu td{
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#mainmenu a
{
    color:#ffffff;
    font-family: Impact, Trebuchet Ms, Arial, Georgia;
    /*background-color: #4583ab;*/
    font-size:17px;
    text-decoration:none;
    padding:9px 9px;
    font-weight: normal;
    margin: auto;
}

#mainmenu a:hover{
    opacity:0.7;
    filter:alpha(opacity=70);
}

.menuDivider {
    border-right: 1px dotted white;
}

div.flash-error, div.flash-notice, div.flash-success
{
    padding:.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
}

div.flash-error
{
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}

div.flash-notice
{
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}

div.flash-success
{
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}

div.flash-error a
{
    color:#8a1f11;
    font-weight: normal;
}

div.flash-notice a
{
    color:#514721;
    font-weight: normal;
}

div.flash-success a
{
    color:#264409;
    font-weight: normal;
}

div.form .rememberMe label
{
    display: inline;
}

div.view
{
    padding-top: 5px !important;
    padding-bottom: 20px !important;
    margin: 0px;
    border-top: 1px solid #C9E0ED;
    border-bottom: 1px solid #C9E0ED;
}

div.breadcrumbs
{
    font-size: 0.9em;
    padding: 5px 20px;
}

div.breadcrumbs span
{
    font-weight: bold;
}

div.search-form
{
    padding: 10px;
    margin: 10px 0;
    background: #eee;
}

.portlet
{
    border: 1px solid #98cdec;
    background-color: #e6f5ff;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    margin: auto;

}


.portlet-decoration
{

    font-family: Impact, Trebuchet Ms, Arial, Georgia;

    /*
    background-color: #c7e5f8;
    background-image: url('../images/bg_legend.jpg');
    */
    color: #00558c;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 17px;

    /*
    border: 1px solid #98cdec;
    text-decoration: none;
    display: inline-block;
    text-align:left;
    */
    line-height: 24px;
    text-shadow: 1px 1px white;

    padding: 3px 8px;
    background: #B7D6E7;
    /*border-left: 5px solid #6FACCF;*/
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    margin: auto;

}

.portlet-title
{
    /*font-size: 12px;
    font-weight: bold;*/
    padding: 0;
    margin: 0;
    /*color: #298dcd;*/
}

.portlet-content
{
    /*font-size:0.9em;*/
    margin: 0 0 10px 0;
    padding: 5px 8px;
    background:#e6f5ff;
}

.portlet-content ul
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0;
    padding: 0;
}

.portlet-content li
{
    padding: 2px 0 4px 0px;
}

.operations
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.operations li
{
    padding-bottom: 2px;
}

.operations li a
{
    /*font: bold 12px Arial;
    color: #0066A4;*/
    display: block;
    padding: 2px 0 2px 8px;
    /*line-height: 15px;*/
    text-decoration: none;
    /*font-weight: normal;*/
}

/*
.operations li a:visited
{
    color: #0066A4;
}

.operations li a:hover
{
    background: #80CFFF;
}
*/

/*************** CUSTOM ************/
#header {
    border: 1px solid #98cdec;
    -moz-border-radius: 35px 0px 35px 0px;
    border-radius: 35px 0px 35px 0px;
    padding: 15px;
    padding-top: 10px;
    background-color: white;
    margin-bottom: 5px;
    height: 95px;
}

#header #logoImg_sx img{
    height: 100px;
}

#header #logoImg_dx img{
    height: 100px;
}

#header #logoImg_sx, #header #logoImg_dx{
    float:left;
    height: 100px;
}

#header #logoImg_sx{
    width: 25%;
    text-align: left;
}

#header #logoImg_dx{
    float: right;
    width: 18%;
    text-align: right;
}

#header #logo{
    width: 57%;
    float: left;
    text-align: center;
    height: 100px;
}

#header #login{
    font-size: 10px;
    text-align: right;
    width: 100%;
}

.center{
    text-align: center !important;
    margin: auto;
}

.left{
    text-align: left;
}

.right{
    text-align: right;
}

input[type=button], .button {
    background-color: #4c99c5;
    background-image: url('../images/bg_button3.jpg');
    background-repeat: repeat-x;
    color: white;
    text-shadow: 1px 1px navy;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    /*font-family: Trebuchet Ms, Arial, Georgia;
    font-size: 14px;*/
    font: normal 16px Impact, Trebuchet Ms, Arial, Georgia;
    border: 1px outset #98cdec;
    /*font-weight: bold;*/
    text-decoration: none;
    display: inline-block;
    line-height: 22px;
    opacity:1;
    filter:alpha(opacity=100);
}

input[type=button]:hover, .button:hover {
    opacity:0.7;
    filter:alpha(opacity=70);
    cursor: pointer;
}

.helpBtn {
    height:30px;
    position: relative;
    top:10px;
}

.button a {
    text-decoration: none;
    color: white !important;
}


.buttonDisabled{
    color: #667;
    text-shadow: 1px 1px white;
    background-color: silver;
    background-image: url('../images/bg_button2.jpg');
    background-repeat: repeat-x;
    border: 1px outset silver;
}

.buttonDisabled a{
    color: #667;
    text-shadow: 1px 1px white;
    font-weight: normal;
}

.buttonBig {
    background-color: #4c99c5;
    color: white;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #98cdec;
    font-weight: bold;
    text-decoration: none;
    width: 340px;
    margin: 0 auto;
}

.buttonBig a {
    text-decoration: none;
    color: white;
}

.buttonBig2 {
    font-size: 20px !important;
    padding: 6px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.buttonBigDisabled{
    color: #667 !important;
    text-shadow: 1px 1px white !important;
    background-color: silver !important;
    background-image: url('../images/bg_button2.jpg') !important;
    background-repeat: repeat-x !important;
    border: 1px outset silver !important;
}

form {
    line-height: 35px;
    width: 750px;
    margin: 0 auto;
    display:block;
}

fieldset, .fieldset{
    border: 1px solid #98cdec;
    padding: 10px;
    background-color: #e6f5ff;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    margin: auto;
}

legend{
    font-family: Impact, Trebuchet Ms, Arial, Georgia;
    background-color: #c7e5f8;
    background-image: url('../images/bg_legend.jpg');
    color: #00558c;
    -moz-border-radius: 10px 0px 10px 0px;
    border-radius: 10px 0px 10px 0px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 17px;
    border: 1px solid #98cdec;
    text-decoration: none;
    display: inline-block;
    line-height: 24px;
    text-align:left;
    text-shadow: 1px 1px white;
}

input[type=text], input[type=password], select, textarea, .fakeInput{
    border: 1px solid #98cdec;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #ffffff;
    font: normal 13px Trebuchet Ms, Arial, Georgia;
}

input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus,
.fakeInput:focus, input:focus{
    border: 1px solid #2D98D9 !important;
}

input[type=checkbox]:focus, input[type=radio]:focus{
    outline: solid 1px #2D98D9;
}

.fakeInput{
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    min-width: 20px;
}

input[type=file] {
    border: 1px solid #98cdec;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #ffffff;
    font: normal 13px Trebuchet Ms, Arial, Georgia;
    padding-top: 2px;
    padding-bottom: 2px;
}

input[type=text]:disabled, input[type=password]:disabled, select:disabled, textarea:disabled, .disableText{
    opacity:0.4;
    filter:alpha(opacity=40);
    background-color: silver !important;
    color: black;
}


textarea{
    background-image: none;
    resize: none;
}

.buttonArea{
    margin-top: 10px;
    margin-bottom: 10px;
}

.width500{
    width: 500px;
}

.ecopackImgContainer, .ecopackImgContainerTop{
    margin-right: 15px;
    background-color: white;
    width: 155px;
    text-align: center;
    padding: 5px;
}

.ecopackImgContainerTop{
    vertical-align: top;
}

.ecopackContent{
    padding: 15px;
    vertical-align: top;
}

.demoImgContainer{
    float: left;
    margin-right: 15px;
    background-color: white;
    width: 100px;
    text-align: center;
    padding: 5px;
}

.ecopackImg, .demoImg{
    height: 60px;
    margin: auto;
}

.demoImg{
    float: left;
}

.homeImg{
    height: 60px;
    margin: auto;
    vertical-align: middle;
}

.defaultDiv{
    clear: both;
}

.homeDiv{
    margin-bottom: 15px;
    padding: 0px 7px 15px 7px;
}

.borderTop{
    padding-top: 15px;
    /*border-top: 1px dotted #4583ab;*/
    background-image: url('../images/sep.jpg');
    background-repeat: repeat-x;
    background-position: top;
}

.borderRight{
    /*border-right: 1px dotted #4583ab;*/
    background-image: url('../images/sep-v.jpg');
    background-repeat:repeat-y;
    background-position: right;
}

.borderBottom{
    /*border-bottom: 1px dotted #4583ab;*/
    background-image: url('../images/sep.jpg');
    background-repeat:repeat-x;
    background-position: bottom;
}

.floatLeft{
    display: block;
    float: left;
}

.floatRight{
    display: block;
    float: right;
}

.clearBoth, .clearDiv{
    display: block;
    clear: both;
}

.halfLeft {
    display: block;
    width: 48%;
    float: left;
}

.halfRight {
    display: block;
    width: 48%;
    float: right;
}

.alignLeft {
    text-align: left !important;
}

.alignRight {
    text-align: right !important;
}


.maxWidth{
    width: 100%;
}

.subTable{
    border: 0px !important;
    margin:0px !important;
    padding:0px !important;
}

.subTable th, .subTable td{
    padding: 0px;
}


.loadHidden{
    position: absolute;
    top: -5000;
    left: -5000;
    visibility: hidden;
}

.loadVisible{
    position: absolute;
    color: white;
    visibility: visible;
    opacity:0.7;
    filter:alpha(opacity=70);
    width: 900px;
    height: 390px;
    background: #00558c;
    border: 1px solid #98cdec;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    z-index: 1000;
}

.closeVisible{
    position: absolute;
    color: white;
    visibility: visible;
    opacity:0.1;
    filter:alpha(opacity=10);
    background: #00558c;
    border: 1px solid #98cdec;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    z-index: 1010;
}

.loadVisible h3{
    color: white;
    position: relative;
    top: 10px;
}

.loadVisible div{
    color: white;
    position: relative;
    top: 80px;
    background: #00558c url('../images/loader.gif') no-repeat 90px 50px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    border: 2px solid white;
    width: 200px;
    height: 100px;
    margin: auto;
}

.advice{
    border: 2px dashed #000;
    margin-bottom: 10px;
    padding: 10px;
}

#bando {
    width: 100%;
    font-size: 16px;
    box-sizing: border-box;
}

#divEmissioni.halfLeft {
    width: 49%;
    box-sizing: border-box;
}

#divBando.halfRight {
    width: 49%;
    box-sizing: border-box;
}

.advice img{
    float: left;
    margin-right: 10px;
}

.okMessage{
    border: 1px solid #00C600;
    background-color: #EEFFE8;
    margin-bottom: 10px;
    padding: 10px;
}

.error{
    border: 1px solid red;
    background-color: #FFDDDD;
    /*margin-bottom: 10px;
    padding: 10px;*/
    padding-left: 5px;
    padding-right: 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    box-shadow:3px 3px 10px gray;
}

.errorAdvice{
    border: 1px solid red;
    color: #C00;
    background-color: #FFDDDD;
    margin-bottom: 10px;
    padding: 10px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    box-shadow:3px 3px 10px gray;
}


#tab1, #tab2, #tab3, #tab4{
    min-width: 900px;
    min-height: 390px;
}

.redMessage{
    color: red;
    font: normal 17px  Impact, Trebuchet Ms, Arial, Georgia;
}

.errorMessage{
    font-size: 10px;
    color: red;
    position: absolute;
    top: -5000px;
    left: -5000px;
    border: 1px solid red;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 14px;
    background-color: #FFDDDD;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    box-shadow:3px 3px 10px gray;
    opacity:0.01;
    filter:alpha(opacity=1);
}

.errorMessageStatic{
    font-size: 10px;
    color: red;
    border: 1px solid red;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 14px;
    background-color: #FFDDDD;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    box-shadow:3px 3px 10px gray;
    opacity:0.01;
    filter:alpha(opacity=1);
    text-align: left;
}

.errorContainer {
    width: 60%;
    white-space: nowrap;
}

.toolbar{
    padding-left: 7px;
    padding-right: 7px;
    text-align:left;
    width: 99%;
}

.toolbarButton{
    font: normal 15px  Impact, Trebuchet Ms, Arial, Georgia;
    background-color: #c7e5f8;
    background-image: url('../images/bg_legend_bw.jpg');
    border: 1px solid silver;
    text-decoration: none;
    display: inline-block;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    /*float: left;*/
    padding-left: 7px;
    padding-right: 7px;
    margin-left: 4px;
    margin-right: 4px;
    /*border-right: 1px solid #98cdec;*/
}

.toolbarButton:hover{
    opacity:0.7;
    filter:alpha(opacity=70);
    font-weight: normal;
    border: 1px solid #98cdec;
    background-image: url('../images/bg_legend.jpg');
}

.toolbarButton:hover a {
    color: #00558c !important;
    text-shadow: 1px 1px white;
}

.toolbarButton a {
    text-decoration: none;
    vertical-align: middle;
    position: relative;
    top: -5px;
    color: silver !important;
    font-weight: normal;
}

.toolbarButton img {
    position: relative;
    top: 7px;
    width: 24px;
    height: 24px;
}

.toolbarButtonEnabled, .toolbarButtonEnabledNormal{
    border: 1px solid #98cdec;
    background-image: url('../images/bg_legend.jpg');
}

.toolbarButtonEnabled a, .toolbarButtonEnabledNormal a{
    text-shadow: 1px 1px white;
    color: #00558c !important;
    font-weight: normal;
}

.toolbarButtonEnabled {
    padding-top: 5px;
    padding-bottom: 5px;
}

.toolbarButtonEnabled a{
    font-size: 21px;
    position: relative;
    top: 1px;
}

.toolbarButtonEnabled img{
    position: relative;
    top: 1px;
}

.ham {
	background-image: url('../images/help.png');
    border: none;
    height: 50px;
    width: 50px;
}


#button_info img, #button_info_foot img {
    background: url('../images/info_bw.png') 0 0 no-repeat;
}
#package_bef img, #package_bef_foot img {
    background: url('../images/package_old_bw.png') 0 0 no-repeat;
}
#package_aft img, #package_aft_foot img {
    background: url('../images/package_new_bw.png') 0 0 no-repeat;
}
#button_final img, #button_final_foot img {
    background: url('../images/review_bw.png') 0 0 no-repeat;
}
#button_closed img, #button_closed_foot img {
    background: url('../images/review_bw.png') 0 0 no-repeat;
}

#button_closed.toolbarButton, #button_closed_foot.toolbarButton{
    background-color: #c7e5f8;
    background-image: url('../images/bg_legend_bw.jpg');
    border: 1px solid silver;
}

#button_closed.toolbarButton a, #button_closed_foot.toolbarButton a{
    color: red !important;
}

#button_closed.toolbarButton:hover, #button_closed_foot.toolbarButton:hover{
    opacity:1;
    filter:alpha(opacity=100);
    cursor: default !important;
}

#button_closed.toolbarButton:hover a, #button_closed_foot.toolbarButton:hover a{
    color: red !important;
    text-shadow: 0px  !important;
    cursor: default !important;
}

#button_info.toolbarButtonEnabled img, #button_info:hover img, #button_info_foot.toolbarButtonEnabled img, #button_info_foot:hover img {
    background: url('../images/info.png') 0 0 no-repeat;
}
#package_bef.toolbarButtonEnabled img, #package_bef:hover img, #package_bef_foot.toolbarButtonEnabled img, #package_bef_foot:hover img {
    background: url('../images/package_old.png') 0 0 no-repeat;
}
#package_aft.toolbarButtonEnabled img, #package_aft:hover img, #package_aft_foot.toolbarButtonEnabled img, #package_aft_foot:hover img {
    background: url('../images/package_new.png') 0 0 no-repeat;
}
#button_final.toolbarButtonEnabled img, #button_final:hover img, #button_final_foot.toolbarButtonEnabled img, #button_final_foot:hover img {
    background: url('../images/review.png') 0 0 no-repeat;
}
#button_closed.toolbarButtonEnabled img, #button_closed:hover img, #button_closed_foot.toolbarButtonEnabled img, #button_closed_foot:hover img {
    background: url('../images/review_bw.png') 0 0 no-repeat;
}

.noMargin{
    margin: 0px;
    padding: 0px;
}

.fakeSelectContainer{
    min-height: 35px;
    height: 35px;
    line-height: 35px;
    padding-top: 8px;
}

/* the overlayed element */
#popupError, #popupMsg, #popupCopyMsg, #popupMsg_1, #popupMsg_2, #privacy, #conditions, #newsletterPop, #popupGlassMsg {
    display:none;
    z-index:10000;
    /*background-color:#E6F5FF;*/
    background-color:#ffffff;
    width:675px;
    min-height:200px;
    border:1px solid #98CDEC;
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
    box-shadow:0 0 90px 5px #000;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    padding: 10px;
    font: normal 14px Trebuchet Ms, Arial, Georgia;
}

#popupMsg_1, #popupMsg_2{
    width:320px;
    text-align: center;
}


#privacy, #conditions, #newsletterPop {
    text-align: left;
}

#popupError .close, #popupMsg .close, #popupCopyMsg .close, #popupMsg_1 .close, #popupMsg_2 .close, #privacy .close, #conditions .close,
#newsletterPop .close, #popupGlassMsg .close {
    background-image:url('../images/close.png');
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

#popupError .error{
    color: red;
}

.perc90{
    width: 90%;
    margin: auto;
}

.perc80{
    width: 80%;
    margin: auto;
}

.descComment {
    line-height: 16px;
}

.listBlock{
    border: 1px solid #98cdec;
    padding: 10px;
    padding-left: 30px;
    background-color: #e6f5ff;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    margin: auto;
    margin-left: 20px;
    overflow: auto;
}

.listBlock .header{
    font-size: 18px;
    text-decoration: underline;
}

.number{
    font: normal 24px Impact, Trebuchet Ms, Arial, Georgia;
    color: #00558c;
    border: 1px solid #00558c;
    padding: 7px;
    background-color: #e6f5ff;
    -moz-border-radius: 30px 30px 30px 30px;
    border-radius: 30px 30px 30px 30px;
    width: 30px;
    text-align: center;
    position: relative;
    top: 20px;
}

.numberGray{
    font: normal 24px Impact, Trebuchet Ms, Arial, Georgia;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 7px;
    background-color: silver;
    -moz-border-radius: 30px 30px 30px 30px;
    border-radius: 30px 30px 30px 30px;
    width: 30px;
    text-align: center;
    -moz-box-shadow:3px 0 10px 0px gray;
    -webkit-box-shadow: 3px 0 10px 0px gray;
    box-shadow:3px 0 10px 0px gray;
}

.test{
    border: 1px solid silver;
}

.infoTable {
    text-align: center;
    margin: auto;
}

.infoTable table{
    border: 1px solid #2C6489;
    margin-left: 20px;
    margin-right: 20px;
    width: 95%;
    border-bottom: 0px;
}

.infoTable table th{
    background-color: #2C6489;
    color: white;
    padding: 5px;
}

.infoTable table td{
    border-bottom: 1px solid #2C6489;
    vertical-align: middle;
}

.tooltip {
    display:none;
    font: normal 14px Trebuchet Ms, Arial, Georgia;
    padding:10px;
    color: white;
    /*
    opacity:0.70;
    filter:alpha(opacity=70);
    */
    background: #00558c;
    border: 1px solid #98cdec;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    box-shadow:3px 3px 10px gray;
    z-index: 1000;
}

.tooltipLabel{
    /*text-decoration: underline;*/
    border-bottom: 2px dotted silver;
    cursor: pointer;
}

.tooltipLabel img{
    padding-bottom: 4px;
}

.videoBox{
    min-height: 480px;
}

.adminSelect{
    width: 100px;
    height:34px;
    position: relative;
    top: 7px;
}

/********************* PAGE SPECIFIC ***************/
/*
#CompareNew form{
    width: 100%;
}
*/

#CompareNew #step1, #CompareNew #step2, #CompareNew #step3, #CompareNew #step4 {
    overflow: auto;
    margin-bottom: 15px;
}

#CompareNew .halfLeft .halfLeft{
    width: 44%;
}

#CompareNew .halfLeft .halfRight{
    width: 52%;
}

#CompareNew .halfRight .halfLeft{
    width: 44%;
}

#CompareNew .halfRight .halfRight{
    width: 52%;
}

#CompareNew .buttonContainer{
    width: 52%;
}

#CompareNew .spacerLeft {
    float:left;
    width:10%;
}

#CompareNew .spacerRight {
    float:right;
    width:10%;
}

#CompareNew .columnLeft {
    float:left;
    width:39%;
}

#CompareNew .columnRight {
    float:right;
    width:60%;
}

#mainListContainer a:focus, #deliveryContainer a:focus, #processesContainer a:focus, #garbageContainer a:focus,
#mainListContainer a:hover, #deliveryContainer a:hover, #processesContainer a:hover, #garbageContainer a:hover
{
    color:#09f;
    font-weight: normal;
}

#mainListContainer a, #deliveryContainer a, #processesContainer a, #garbageContainer a{
    color:#06c;
    text-decoration:none;
}

#mainListContainer a, #deliveryContainer a,
#processesContainer a, #garbageContainer a,
#CompareMain a{
    color: #2C6489;
    max-width: 210px;
    min-width: 120px;
}

#mainListContainer a:hover, #deliveryContainer a:hover,
#processesContainer a:hover, #garbageContainer a:hover,
#DossierIndex a:hover, #CompareMain a:hover{
    color: #98c4d0;
}

div#mainListContainer, div#deliveryContainer, div#processesContainer, div#garbageContainer {
    text-align: center;
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    clear: both;
}

#mainListContainer form, #deliveryContainer form, #processesContainer form, #garbageContainer form{
    width: 100% !important;
    line-height: 25px;
    margin: auto;
    border: 0px;
}

#mainListContainer fieldset {
    display: block;
    margin: auto;
}

#mainListContainer a, #processesContainer a, #garbageContainer a{
    text-decoration: none;
    font-weight: normal;
}

#mainListContainer a img, #processesContainer a img, #garbageContainer a img{
    position: relative;
    top: 3px;
}

#mainListContainer .std, #mainListContainer .poly, #mainListContainer .other, #mainListContainer .subrow{
    display: none;
    width: 100%;
}

#mainListContainer .std table, #mainListContainer .poly table, #mainListContainer .other table,
#deliveryContainer table, #processesContainer table, #garbageContainer table{
    border: 1px solid #98cdec;
    background-color: #c7e5f8;
    padding: 5px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

#mainListContainer .std th, #mainListContainer .poly th, #mainListContainer .other th,
#deliveryContainer th, #processesContainer th, #garbageContainer th{
    font-family: Trebuchet Ms, Arial, Georgia;
    font-size: 12px;
    padding: 0px;
    text-align: center;
    /*font-weight: bold;*/
    color: #667;
}

#mainListContainer .std td, #mainListContainer .poly td, #mainListContainer .other td,
#deliveryContainer td, #processesContainer td, #garbageContainer td{
    padding: 1px;
    text-align: center;
}


#processesContainer #console{
    margin-bottom: 10px;
}

#processesContainer #more_processes td, #processesContainer #more_processes th{
    text-align: center;
}

#finalContainer h4{
    margin-top: 5px;
    margin-bottom: 5px;
}

#finalContainer table td, #finalContainer table tr, #finalContainer table th{
    vertical-align: top;
    /*text-align: center;*/
}

#finalContainer th{
    /*font-weight: bold;*/
    white-space: nowrap;
    font-size: 14px;
}

#finalContainer td{
    font-size: 13px;
}

#finalContainer td[align=center],  #finalContainer th[align=center]{
    text-align: center;
}

#finalContainer .checkbox{
    border: 1px solid black;
    padding-left: 5px;
    padding-right: 5px;
}

#finalContainer .finalTable, #finalContainer .sectionTable,
#finalContainer .sectionTable td, #finalContainer .sectionTable th{
    margin: 0px;
    padding: 0px;
}


#finalContainer .finalTable th{
    background-color: #DFDFDF;
    font-weight: bold;
    color: #2C6489;
    padding: 2px;
}

#finalContainer .finalTable td{
    background-color: white;
    color: gray;
    padding: 2px;
}

#finalContainer .font14, #finalContainer .font14 td{
    font-size: 14px;
}

#finalContainer .blueBottom{
    border-bottom: 4px solid #2C6489;
}

#finalContainer .blueRight{
    border-right: 2px solid #2C6489;
}

#finalContainer .blueLeft{
    border-left: 2px solid #2C6489;
}

#finalContainer .dataCell{
    border: 1px dotted #dddddd;
    background-color: white;
    padding: 5px;
}

#finalContainer .border{
    border: 1px solid gray;
    min-height: 100px;
    height: 100px;
    padding: 10px;
}

#finalContainer .gray{
    color: gray;
}

#finalContainer form{
    line-height: 25px;
}

#finalContainer fieldset{
    line-height: 25px;
}

#finalContainer .loadVisible{
    position: absolute;
    color: white;
    visibility: visible;
    opacity:0.7;
    filter:alpha(opacity=70);
    width: 900px;
    height: 390px;
    background: #00558c;
    border: 1px solid #98cdec;
    -moz-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    z-index: 1000;
}

#finalContainer .loadVisible h3{
    color: white;
    position: relative;
    top: 80px;
    text-align: center;
    margin: auto;
}

#finalContainer .loadVisible div{
    color: white;
    position: relative;
    /*top: 1200px;*/
    background: #00558c url('../images/loader.gif') no-repeat 300px 50px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    border: 2px solid white;
    width: 600px;
    height: 300px;
    margin: auto;
    padding: 10px;
}


#DossierIndex #step1, #DossierIndex #step2, #DossierIndex #step3, #DossierIndex #step4 {
    overflow: auto;
    margin-bottom: 15px;
}

#pagesManual ul{
    margin-top: 0px;
}

.packageTitle{
    font-size: 16px;
}

#homeResBoxLeft{
    width: 25%;
    line-height: 60px;
}

#homeResBoxRight{
    width: 74%;
    line-height: 60px;
}

.error-year-of {
    color: red;
    margin-left: 10px;
    display:none;
    font-size: 13px;
}

#errorattachments {
    font-size: 13px;
    margin: 12px 0;
    color: #fff;
    font-weight: bold;
    background-color: #FF6347;
    padding: 5px 5px;
    border: 1px solid red;
    border-radius: 5px;
    text-align: center;
    display: none;
}

#compareSummaryOuter {
    width: 2000px;
    overflow-x: scroll;
}

#compareSummaryWrapper {
    width: 2000px;
}

.filtering {
    width: 900px;
}

.separator {
    margin: 15px 0;
}

.loader-upload {
    width: 14px;
    margin-left: 5px;
    display: none;
}

.errorlist {
    font-size: 13px;
    color: #f00;
}

.filesizes {
    color: #333;
    width: 100%;
    padding-top: 5px;
    font-family: Arial;
}

.file-in-list {
    line-height: 20px;
}

.delete-file {
    margin-right: 6px;
    cursor: pointer;
}

.riutilizzo-component .errorMessageStatic {
    margin-top: 10px;
}

header#page.container {
    height: 115px;
    background-image: url(../images//conai_sfondo_home.jpg);
    background-size: cover;
    background-position: top center;
    margin-top: 0;
    margin-bottom: 0;
}

header .sezione-1 {
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #fff;
}

header .sezione-1 img {
    width: 240px;
}

header .sezione-2 {
    text-align: center;
    padding-top: 39px;
}

header .sezione-2 h2,
header .sezione-2 h3 {
    color: #fff;
    margin: 0;
}

header .sezione-2 h2 { font-size: 32px; }
header .sezione-2 h3 { font-size: 26px; }

.new-page {
    background-color: #fff;
    width: 950px;
    margin: 0 auto;
}

.new-page * {
    font-family: 'Roboto' !important;
}

.main-menu ul,
.main-menu li {
    list-style: none;
    display: block;
}

.main-menu {
    width: 100%;
    height: 40px;
}

.main-menu a {
    display: block;
    width: 100%;
    height: 100%;
}

.main-menu ul {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
}

.main-menu li {
    width: 25%;
    text-align: center;
    height: 32px;
    line-height: 32px;
    margin-top: 4px;
    background-color: #04539e;
    font-size: 16px;
    color: #fff;
}

.main-menu li:hover,
.main-menu .active {
    height: 40px;
    line-height: 40px;
    margin-top: 0;
    background-color: #26c3f2;
    cursor: pointer;
}

.main-menu li a {
    color: #fff !important;
    font-weight: normal !important;
}

.new-page #content {
    border: 0px solid black;
}

.new-page #content {
    padding-left: 5px;
    padding-right: 5px;
}

.new-page #content h1,
.new-page #content h2,
.new-page #content h4 {
    color: #04539e;
}

.new-page #content input[type=button],
.new-page #content .button {
    background-image: none;
    background-color: #26c3f2;
    border: 0 !important;
    border-radius: 0;
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    text-shadow: none;
    color: #fff !important;
    opacity: 1 !important;
}

.new-page p {
    font-size: 15px;
    line-height: 140%;
    color: #000;
}

.areas {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 20px 0 40px 0;
}

.areas .area {
    width: 49%;
    text-align: center;
    background-color: #04539e;
    padding: 15px;
    box-sizing: border-box;
}

.areas .area p {
    color: #fff;
    margin-top: 15px;
}

.new-page .borderBottom,
.new-page .borderRight {
    border: 0 !important;
}

.new-page #footer {
    background-color: #04539e;
    color: #fff;
    border-radius: 0;
    line-height: 140%;
}

.new-page #footer a {
    color: #fff;
}

.new-page #footer .center {
    text-align: left !important;
}

.file-upload-form {
	width: auto !important;
}

.file-upload-form input[type=file]{

}

table.file-upload td{
	width: 50%;
}

.container-nota {
    width: 70%;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 10px;
    float: left;
    background-color: #98cdec;
    text-align: left;
    color: #fff;
}

.container-nota.LCE {
    float: right;
    text-align: right;
}

#mainList table, #mainList th, #mainList td {
    vertical-align: top !important;

}

.ui-selectmenu-menu-dropdown {
    min-width: 120px;
}

.stats, .stats * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.stats {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 180px;
    justify-content: space-around;
    margin: 30px 0;
}

.stats .statbox {
    width: 20%;
    padding: 10px;
    background-color: #fff;
    border-radius: 3px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    border: 1px solid #ddd;
}

.statbox h1 {
    font-family: sans-serif;
    font-size: 22px;
}

.statbox p {
    font-size: 25px;
    margin: 0;
}

.stat-company {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.stat-company li {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 0 10px;
    font-size: 12px;
    cursor: pointer;
    background-color: #fff;
    margin-right: 10px;
    margin-bottom: 10px;
}

.before-slash:after {
    content: ' / ';
}

.nuovoConfr {
    margin-top: 20px;
}

#new-compare-button {
    padding: 12px;
    font-size: 22px;
}

@media print {
  .no-print {
    display: none;
  }
  #mainmenu {
    display: none;
  }
  .breadcrumbs {
    display: none;
  }
  #chart, .canvas-container {
    max-width: 100%;
  }
}
*[id^='carica_storico_'] {
	font-size: 16px;
}