/* * {
  border:1px solid #000000;
}*/

.site-nav {

}

.site-nav > .list-group > .list-group-item {
    background-color: #333366;
    color: white;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

.site-nav > .list-group > .list-group > .list-group-item {
    background-color: #333366;
    color: white;
    border: none;
}

.site-nav .just-padding {
    padding: 15px;
}

.site-nav .list-group.list-group-root {
    padding: 0;
    overflow: hidden;
}

.site-nav .list-group.list-group-root .list-group {
    margin-bottom: 0;
}

.site-nav .list-group.list-group-root .list-group-item {
    border-radius: 0;
    border-width: 1px 0 1px 0;
}

/*.site-nav .list-group.list-group-root > .list-group-item:first-child {*/
/*border-top-width: 0;*/
/*}*/

.site-nav .list-group.list-group-root > .list-group > .list-group-item {
    padding-left: 15px;
}

.site-nav .list-group.list-group-root > .list-group > .list-group > .list-group-item {
    padding-left: 30px;
}

div#mcol {
    /*background-color: #c9cac8;*/
    /*margin-top: 0px;*/
    /*margin-left: 230px; !*left col is 210+20padding (10left and 10right)-> 230*!*/
    /*margin-right: 30px;*/
    /*overflow: hidden; !* per evitare di avere problemi con float:left; e clear:both; *!*/
    /*padding: 10px 10px 10px 0px;*/
    /*border-radius: 3px;*/

    /* https://www.cssmatic.com/box-shadow */
    /*-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);*/
    /*-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);*/
    /*box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);*/
}

/*div#mcol .pageTitle {*/
/*margin-left: -15px;*/
/*margin-top: 0;*/
/*margin-right: -15px;*/
/*padding-left: 20px;*/
/*padding-top: 20px;*/
/*padding-bottom: 20px;*/

/*border-top-left-radius: 3px;*/
/*border-top-right-radius: 3px;*/

/*color: #000;*/
/*background-color: white;*/
/*text-align: left;*/
/*font-weight: bold;*/
/*}*/

.content {
    /*background-color: #c9cac8;*/
    /*margin-top: 0px;*/
    /*margin-left: 25px;*/
    /*margin-right: 25px;*/
    /*overflow: hidden; !* per evitare di avere problemi con float:left; e clear:both; *!*/
    /*padding: 10px 10px 10px 0px;*/
    /*border-radius: 3px;*/

    /* https://www.cssmatic.com/box-shadow */
    /*-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);*/
    /*-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);*/
    /*box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);*/
}

.content h1, .content h2, .content h3 {
    background-color: white;
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;

    text-align: left;
    font-weight: bold;
}

a.headerBtn {
    color: #040505;
    font-weight: bold;
    font-size: 110%;
}

.lineUp {
    display: inline-block;
    text-align: left;
}

/*CONTATTI*/
dt, dd {
    text-align: left;
}

dt {
    font-weight: bold;
    /*cursor: pointer;*/
}

#contattiMidContent {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

#contattiMidContent div {
    text-align: left;
}

.contattiName, .contattiLastName {
    width: 48%
}

/* CONTATTI*/
html, body {
    font-family: "Encode Sans", sans-serif;

    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

body {
    /*text-align: center;*/

    /* Il sito ha una larghezza minina di 1024px */
    /*min-width: 1024px;*/
    /*width: 100%;*/
    /*height: 100%;*/
}

div#container {
    height: 100%;
    width: 100%;
    display: table;

    /*position:relative;*/
    /*width: 1012px;*/
    /*height: 100%;
    margin: 0px auto;
    text-align: left; */
}

/*body > div#container {
  height: auto;
  position: relative;
}*/
.pageRow {
    display: table-row;
    height: 1px;
}

.pageRowExpanded {
    height: 100%;
}

/*stili generici, su header e footer*/
div#header {
    text-align: center;
    margin: 0 60px;
    padding: 0 60px;

}

div#navigation {

}

.partnerLogo {
    display: inline-block;
    height: 58px;
    line-height: 58px;
    margin-top: 5px;
    width: fit-content;
    margin-right: 20px;
}

.gridContainer {
    display: inline-block;
    vertical-align: middle;
    width: 260px;
    margin-top: 20px;
}

.gridContainer h3 {
    margin-bottom: 7px;
    margin-top: 7px;
    font-size: 145%;
}

.gridContainer p {
    padding: 0;
    font-size: 115%;
}

#navMenu {
    margin-top: 0px;
    padding-top: 0px;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#navMenu li {
    /*float the main list items*/
    float: right;
    display: block;
}

#navMenu li a {
    /*for all links in the list*/

    display: block;
    border-width: 1px;
    border-style: none solid none none; /*  top right bottom left*/
    border-color: #bae55f;
    text-decoration: none;

    font-family: "Encode Sans", sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    padding: 0em 1em;
    padding-bottom: 0.1em;
    margin-bottom: 0.5em;
}

#navMenu li a:hover {
    color: #333366;
}

#navMenu li a.first {
    border-style: none none none none; /*  top right bottom left*/
}

#navMenu li a.pushed {
    color: #724a31;
}

.ui-autocomplete-loading {
    background: white url('../pictures/clessidra16.gif') right center no-repeat;
}

.ui-autocomplete {
    text-align: left;
}

.rounded {
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.grayborders {
    border-style: solid;
    border-width: 1px;
    border-color: #666;
}

.topgray {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #666;
}

.bottomgray {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #666;
}

span.good {
    color: #077b07;
}

span.bad {
    color: red;
}

table.filtestable {
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

table.filtestable tr {
    background-color: #eee;
}

table.filtestable td.ltd {
    text-align: left;
    padding-left: 5px;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #fff;
}

table.filtestable td.rtd {
    text-align: right;
    padding-right: 5px;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #fff;
}

.error {
    color: red;
}

.noerror {

}

.aNoUL {
    color: #000;
    cursor: pointer;
    text-decoration: none;
    font-style: normal;
    font-weight: bold;
}

.aNoUL:hover {
    color: #000;
    cursor: pointer;
    text-decoration: underline;
    font-style: normal;
    font-weight: bold;
}

a.aBlack {
    color: #000;
    text-decoration: none;
    font-family: "Encode Sans", sans-serif;
    font-size: 1.1em;
    font-style: normal;
    font-weight: bold;
}

a.aBlack:hover {
    color: #888;
}

a.aNews {
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
    font-size: 14pt;
    color: #712118;
}

a.aNews:hover {
    color: #bb342e;
}

a.aNoDecoration {
    text-decoration: none;
    color: #000044;
}

.no_display {
    display: none;
}

.ok_display {

}

p.fle {
    text-align: justify;
}

p.fle:first-letter {
    color: #a93c37;
    font-size: 16pt;
}

span.tmpspan {
    color: red;
    font-style: italic;
    font-weight: bold;
}

table.datatable {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
    border-color: #000;
}

table.datatable tr.dthead {
    font-weight: bold;
    background-color: #121212; /* e lo stesso nero che uso nell'header */
    color: #fff;
}

table.datatable td {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #888;
}

table.datatable tr.dthead td {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top-color: #000;
}

table.datatable tr:not(:first-child):not(.datatable-no-effect):hover {
    background-color: #eeeeee;
}

table.datatable tr.odd {
    background-color: #eee;
}

table.datatable tr.even {
    background-color: #ccc;
}

table.formtable {
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
    border-color: #999;
}

table.formtable td {
    padding: 5px;
    border-top-style: solid;
    border-top-color: #ddd;
    border-width: 1px;
}

table.formtable td.labeltd {
    color: #999;
    text-align: right;
}

table.formtable td.inputtd {
    text-align: left;
}

table.formtable td.valuetd {
    text-align: left;
}

table.formtable td.valuetd input {
    padding-top: 3px;
    padding-bottom: 3px;
}

table.formtable td.notetd {
    text-align: left;
    font-style: italic;
    font-size: 80%;
    color: gray;
}

p.note {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-size: 80%;
    color: #999;
    font-style: italic;
}

div.scrollbox {
    /*width:191px*/
    height: 600px;
    overflow: auto;
    padding: 4px;
    border: 1px solid #EEE;
    border-right: 0 solid;
    background: url('../../pictures/gradient.png') repeat-x top left;
}

#progressbox {
    border: 1px solid #0099CC;
    padding: 1px;
    position: relative;
    width: 400px;
    border-radius: 3px;
    margin: 10px;
    display: none;
    text-align: left;
}

#progressbar {
    height: 20px;
    border-radius: 3px;
    background-color: #003333;
    width: 1%;
}

#statustxt {
    top: 3px;
    left: 50%;
    position: absolute;
    display: inline-block;
    color: #000000;
}

.ui-widget-content {
    background: #fdfdfd !important
}


#topmenu > ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

#topmenu > ul > li {
    display: inline;
    border-right: 1px solid #3f3f3f;
}

#topmenu > ul > li.last {
    display: inline;
    border: none;
}

#topmenu > ul > li > a {
    text-decoration: none;
    color: #ffffff;
    padding: 1em;
}

#topmenu > ul > li > a:hover {
    text-decoration: underline;
}

#mainmenu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

#mainmenu > li {
    float: left;
    position: relative;
}

#mainmenu > li > a {
    text-decoration: none;
    color: #000000;
    padding: 8px;
    position: relative;
    behavior: url('/common/pie/PIE.php');
}

#mainmenu > li > a:hover {
    text-decoration: underline;
}

#mainmenu > li > ul {
    list-style: none;
    padding: 0px;
    position: absolute;
    top: 25px;
    left: 0px;
    z-index: 999;
    background-color: #ffffff;
    color: #000000;
    border: 1px solid black;
    display: none;
}

#mainmenu > li > ul > li {
    text-align: left;
    display: block;
    padding: 2px 8px;
}

ul.imagelist {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

ul.imagelist li {
    display: inline;
    height: 100%;
}

ul.imagelist li img {
    vertical-align: middle;
}

ul.verticalList {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

.lined {
    overflow: hidden;
    text-align: center;
    font-size: 130%;
    font-style: italic;
    margin-top: 20px;
    margin-bottom: 20px;
}

.lined:before,
.lined:after {
    background-color: #BCBCBC;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 20%;
}

.lined:before {
    right: 0.5em;
    margin-left: -50%;
}

.lined:after {
    left: 0.5em;
    margin-right: -50%;
}

.buttonLarge {
    /*display:inline-block;
    text-decoration: none;
    color:#ffffff;
    background:linear-gradient(#5875B9,#1D45A4);
    -pie-background:linear-gradient(#5875B9,#1D45A4);
    padding:0.7em 1.5em 0.7em 1.5em;
    border:1px solid #7397E3;
    border-radius: 5px;
    behavior:url('/common/pie/PIE.php');*/

    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    /*background:linear-gradient(#5875B9,#1D45A4);
    -pie-background:linear-gradient(#5875B9,#1D45A4);*/
    padding: 0.7em 1.5em 0.7em 1.5em;
    background-color: #1a47af;
    /*border:1px solid #7397E3;*/
    border-radius: 5px;
    behavior: url('/common/pie/PIE.php');
}

.buttonLarge:hover {
    color: #ffffff;
}

.buttonLargeDisabled {
    display: inline-block;
    text-decoration: none;
    color: #777777;
    /*background:linear-gradient(#5875B9,#1D45A4);
    -pie-background:linear-gradient(#5875B9,#1D45A4);*/
    padding: 0.7em 1.5em 0.7em 1.5em;
    background-color: #d6dae3;
    /*border:1px solid #7397E3;*/
    border-radius: 5px;
    behavior: url('/common/pie/PIE.php');
}

.buttonSmall {
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    /*background:linear-gradient(#5875B9,#1D45A4);
    -pie-background:linear-gradient(#5875B9,#1D45A4);*/
    background-color: #1a47af;
    padding: 5px;
    /*border:1px solid #7397E3;*/
    border-radius: 5px;
    behavior: url('/common/pie/PIE.php');
}

.buttonSmallDisabled {
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    /*background:linear-gradient(#5875B9,#1D45A4);
    -pie-background:linear-gradient(#5875B9,#1D45A4);*/
    background-color: #d6dae3;
    padding: 5px;
    /*border:1px solid #7397E3;*/
    border-radius: 5px;
    behavior: url('/common/pie/PIE.php');
}

div.buttonLarge {
    text-decoration: none;
    color: inherit;
}

.noStyle {
    text-decoration: none;
    color: inherit;
}

.noStyle:hover {
    color: inherit;
    text-decoration: underline;
}

.formLabel {
    text-align: left;
    font-size: 120%;
    /*font-weight:bold;*/
    margin-top: 15px;
}

.fieldset {
    text-align: left;
    font-size: 120%;
    font-weight: bold;
    margin-top: 15px;
    border-bottom: 1px solid #000000;
    border-color: #BABCC2;
}

a {
    /*color: #000000;*/
    text-decoration: none;
}

div.grayDiv {
    background-color: #d6dae3;
    /*border: 1px solid #b9bfce;*/
    /*bisogna aggiungere 2px di padding in piu' sul lato destro per compensare i margini*/
    padding: 20px 25px 20px 20px;
}

div.yellowDiv {
    background-color: #febf0f;
    /*border: 1px solid #fea10f;*/
    padding: 20px 25px 20px 20px;
}

div.yellowDiv input {
    border: 1px solid #FEA10F;
}

div.grayDiv input {
    border: 1px solid #B9BFCE;
}

.rotate-45 {
    transform: rotate(315deg);
    /*transform-origin:bottom left;*/
    /*text-align:left;*/
    /*width:150px;*/
    margin-bottom: 20px;
}

/*******  TABLE DATA REPORT  ******/
table.dataReport {
    border-spacing: 0;
}

table.dataReport tr {
    background-color: #ffffff;
}

table.dataReport td {
    padding: 2px;
    /*border-right:1px solid #e5e5e5;*/
}

table.dataReport tr:nth-child(odd) {
    background-color: #e5e5e5;
}

table.dataReport tr.drHead td {
    background-color: #ffffff;
    border-bottom: 1px solid #e5e5e5;
}

.dropbtn {
    background-color: blue;
    border-radius: 5px;
    color: white;
    padding: 10px;
    font-size: 13px;
    border: none;
    cursor: pointer;
}

.customDropdown {
    position: relative;
    display: inline-block;
    text-align: left;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0%;
    top: 0%;
    border-radius: 5px;
    background-color: #f9f9f9;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a.disabled {
    color: lightgrey;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #f1f1f1
}

.dropdown-content a.disabled:hover {
    cursor: no-drop;
    background-color: #f1f1f1
}

.customDropdown:hover .dropdown-content {
    display: block;
}

.customDropdown:hover .dropbtn {
    background-color: #888;
}

#top {
    margin-bottom: 25px;
    /* per non mostrare i bordi di boostrap sul top */
    /*margin-left: -15px;*/
    /*margin-right: -15px;*/

    background-color: #ffffff;
    color: #000000;
}

.bg-main {
    background-color: #333366;
    color: #ffffff;
}