/* Titoli azzurro */
h1,h2,h3,h4,h5,h6,caption{
    color: #09C;
}


/*
#table-of-contents {
    width: 500px !important;
    background: #eee;
}
/*

/* Nuove: gil*/
.tocify .list-group-item {
    border-radius: 0px;
    background: #eee;
//    color: #06C;
}



/* originali
z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
*/
/*
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #09C;
    background-color: #eee;
    border-color: #337ab7;
}
*/


#TOC {
    border-top: 2px solid #09C;
    border-radius: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
}


.list-group-item {
    z-index: 2;
    color: #06C;
    background-color: #eee;
    border-color: #09C;
}

/*bordo grigio un po' più scuro dello sfondo nelle voci del toc*/
.tocify .tocify-item a, .tocify .list-group-item {
    padding: 5px;
    border-bottom: 1px solid #ccc;
//    color: #06C;
}

/*allineamento voci indice che vanno a capo (come la prima riga)*/
.tocify-header > .tocify-item {
  text-indent: initial;
  padding-left: 10px;
}

/*Idem per le sotto-sezioni, quelle con tre ###*/
.tocify-subheader > .tocify-item {
  text-indent: initial;
  padding-left: 20px;
}


.list-group-item.active {
    z-index: 2;
    color: #c33;
    background-color: #fff;
    border-color: #ccc;
}


.list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #c33;
    background-color: #fff;
    border-color: #ccc;
}


.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #c33;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}


body {
    font-family: Arial;
}

#TOC {
    position: fixed;
    overflow: auto;
}

#TOC:hover {
    color: #c33;
}

/* Link rossi quando si passa con il mouse (anche nel toc) */
a:hover, li:hover, ul:hover {
    color: #c33;
    text-decoration: none;
}


/*Qualche prova di opzione per la stampa...*/
@media print {
.toc-content {
  /* see https://github.com/w3c/csswg-drafts/issues/4434 */
  float: right;
}

/* Inserisce un page break prima di ogni h2 (= scheda)*/
h2 {
  page-break-before: always;
}

/* Evita che una tabella venga stampata su più di una pagina*/
table {
  page-break-inside: avoid;
}

/* Stampa tutti i tab*/
.tab-content > .tab-pane {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}


}
/* Fine @media print*/


.box-ustat {
  width: relative;
  height: relative;
  box-sizing: border-box;
  color: white;
  background: #5F85B1;
  text-align: left;
  position: relative;
  border-radius: 3px;
  padding: 15px;
  min-height: 100%;
  margin-right: -5px;
}

.box-ustat:hover {
    border-radius: 25px;
    background: #344688;  /* #344688   #203d5e */
}

.box-ustat-giallo {
  width: relative;
  height: relative;
  box-sizing: border-box;
  color: black;
  background: #F4CA40;
  text-align: left;
  position: relative;
  border-radius: 3px;
  padding: 15px;
  min-height: 100%;
  margin-right: -5px;
}

.box-ustat-giallo:hover {
    border-radius: 25px;
    background: #A49D59;
}

.boxino-ustat {
  width: relative;
  height: relative;
  box-sizing: border-box;
  color: white;
  background: #344688; /*#203d5e*/ 
  border-color: white;
  text-align: left;
  position: relative;
  border-radius: 15px;
  padding: 5px;
  min-height: 100%;
  margin-right: -5px;
  overflow: hidden;
}


.col-md-4 {
  padding: 5px;
  /*width: 33.333%; */
  position: relative;
}

.col-md-11 {
  padding: 5px;
  /*width: 33.333%; */
  position: relative;
  width: 95%;
}

.col-md-1 {
  padding: -1px;
  /*width: 33.333%; */
  position: relative;
  width: 5%;
}


.row {
  padding: 0px;
  margin-bottom: -5px;
  flex-wrap: wrap;
}


.alignleft {
	float: left;
}
.alignright {
	float: right;
}


/*
.col-xs-12 {
  padding: 5px;
  width: 100%;
  position: relative;
}
*/
/*
@media (min-width: 992px)
.col-md-4 {
    width: 33.33333333%;
}
*/



@media (min-width: 768px) and (max-width: 991px) {
  div.tocify {
    width: 100%;
  }
  
  .col-md-4 {
    width: 100%;
  }
}

@media (max-width: 767px) {
  div.tocify {
    width: 100%;
    /*max-width: none; */
  }
  
  .col-md-4 {
    width: 100%;
  }
}