/* CSS Document */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,header,footer,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus {outline:0;}
a:active {outline:none;}
body {line-height:1; color:black; background:white;}
ol,ul {list-style:none;}
caption,th,td {text-align:left; font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes:"" "";}
form, fieldset, input {margin:0; padding:0;}
em {font-style:italic;}
strong {font-weight:bold;}
img {border:0; margin:0;}

a {text-decoration:none; color:#009FE3;}

p {
font-size:1em;                 /*    16px / 16px  = 1em              */
line-height:1.2em;            /*    18px  / 16px = 1.125em    */
}

body {background:#FFF; font-family: 'Roboto', sans-serif; color:#222;}

h1 {font-size:2.25em; color:#333; line-height:1.25em;}
h2 {font-size:2em; color:#009FE3;}
h3 {font-size:1.375em; color:#333;}
h4 {font-size:1.125em; font-weight:bold;}

.blocco-item {padding: 0;}
.blocco-item li::marker {
  color:#009FE3;
}
.blocco-item li::before {
	content: "";
  background: #009FE3;
	width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  display: inline-block;
  line-height: 2rem;
  color: white;
  text-align: center;
  margin-right: 0.5rem;
}
.rcorners2 {
  border-radius: 15px 15px 50px 15px;
  border: 2px solid #009FE3;
  padding: 20px;
}

.container {width:100%; float:left;}
/*
.riga-uno {height:0.5em; background:#C53F3F;}
.riga-due {height:0.5em; background:#333;}
*/

.sf-uno {background:#C53F3F;}
.sf-due {background:#333;}
.sf-tre {background:#AD9963;}

.sf-bianco {background:#FFF;}
.sf-nero {background:#000;}
.sf-rosso {background:#9A192D;}
.sf-grigio-s {background:#27282A;}
.sf-grigio-c {background:#F1F1F2;}
.sf-scuro {background:#0F1113;}
.sf-giallo {background:#FDC400;}
.sf-verde-s {background:#008D3E;}
.sf-verde-c {background:#C7D303;}
.sf-azzurro {background:#009FE3;}

.sf-pulsante {background:#009FE3;}
/*
.sf-uno {background:#8D2252;}
.sf-due {background:#FCB370;}
.sf-tre {background:#E4425C;}
*/
.bianco {color:#FFF;}
.giallo {color:#FDC400;}
.grigio-c {color:#F1F1F2;}
.grigio-s {color:#27282A;}
.scuro {color:#0F1113;}
.verde-c {color:#C7D303;}
.verde-s {color:#008D3E;}
.grigio-attivita {color:#67696C;}
.bluM {color:#006699;}
.rosaF {color:#FF66FF;}
.azzurro {color:#009FE3;}

.rosso {color:#C00;}
.verde {color:#090;}
.oro {color:#DAA520;}
.nero {color:#000;}
.arancione {color:#FF8000;}

.riga-dieci {width:100%; height:0.625em;}
.riga-cinque {width:100%; height:0.3125em;}
.riga-due {width:100%; height:0.125em;}
.riga-uno {width:100%; height:0.0625em;}

.hv-sf-blu:hover {background: #4679BD}


.vis {display:block;}
.vis-row{display: table-row;}
.inv {display:none;}

.grande {font-size:1.75em;}
.corsivo {font-style: italic;}

.bsiz-bb {box-sizing: border-box;}

.h-25 {height: 25%;}

.square-box {
    position: relative;
    width: 16.666666%;
    overflow: hidden;
    float: left;
    margin:1em;
}
.square-box:before {
    content:"";
    display: block;
    padding-top: 100%;
}
.square-content {
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
}
.square-content div {
    display: table;
    width: 100%;
    height: 100%;
}
.square-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 1em;
    overflow: hidden;
}



.table-moduli td {padding: 1em 0.5em; vertical-align: middle; border-bottom: solid 1px #DDD;}
.table-moduli th {padding: 0.5em; font-weight: bold; text-decoration: underline;}
.table-moduli tr:nth-child(even) {
  /* background-color: #DDD; */
  border-bottom: solid 1px #DDD;
}
.table-brd-r {border-right: solid 1px #DDD;}

.cellaTitolo{height:20px; font-weight:bold; padding:3px 3px 0 3px;}
.cellaTesto{height:20px; padding:3px 3px 0 3px;}
.riga1 {background-color:#E8DDE3;}
.riga2 {background-color:#DDD;}

header {color:#333;}
header a {color:#333;}
.pulsante {padding:0.5em 1em; display:inline-block; margin:0.5em;}
#logo-cms h1 {vertical-align: middle;}

#menu-sx li {padding:0.5em 0;}
#menu-sx li.ultimo {margin-bottom:1em;}
#menu-sx li.logout {margin-top:2em;}

.elenco-item {line-height:1.5em;}
.elenco-item .item {padding:1em 0; border-bottom:1px solid #333;}
.elenco-item .item-azioni {margin-top:1em;}
.elenco-item .item-azione {display:inline-block; margin-right:1em; font-size:1.5em;}
.elenco-item .item-azioni div.item-azione:last-child {margin-right:0;}
.elenco-item .item-azione-testo {font-size:1em !important;}

.elenco-item .item-azioni-ord {}
.elenco-item .item-azione-ord {display:inline-block; margin-right:1em; font-size:1.5em;}
.elenco-item .item-azioni-ord div.item-azione-ord:last-child {margin-right:0;}
.elenco-item .item-azione-ord-testo {font-size:1em !important;}

.elenco-item .item-azione-ord-chk {display:inline-block; width: 10%; vertical-align:top;}
.elenco-item .item-azione-ord-chkresto {display:inline-block; width: 85%;}

.elenco-item .riga1 {background:#EEE;}
.elenco-item .riga2 {background:#DDD;}
.elenco-item .tab-titolo {color:#333; font-weight:bold;}
.elenco-item input[type="submit"] {width:100%;}
.elenco-item input[type="text"] {width:100%;}
.elenco-item input[type="reset"] {width:100%;}
.elenco-item img.mezza {width:50%;}
.elenco-item img.intera {width:100%;}


.cms-col-20 {width:20%; float:left;}
.cms-col-40 {width:40%; float:left;}
.cms-col-60 {width:60%; float:left;}
.cms-col-80 {width:80%; float:left;}

#cms-form input[type="submit"] {width:100%;}
#cms-form input[type="text"] {width:100%;}
#cms-form input[type="reset"] {width:100%;}

footer {color:#FFF;}


.mrg-vert {margin-top:0.5em; margin-bottom:0.5em;}
.mrg-oriz {margin-left:0.5em; margin-right:0.5em;}
.centrato {margin:auto;}


#stats {font-family:"Calibri", sans-serif;}
#stats th {padding: 0.5em;}
#stats td {padding: 0.5em; border: solid 1px #CCC;}


.errore {color:#C00;}

html>body #sortable li { height: 1.5em; line-height: 1.2em; }
#sortableDue li {height: 1.5em; }
html>body #sortableDue li { height: 1.5em; line-height: 1.2em; }
.ui-state-highlight { height: 1.5em; line-height: 1.2em; }
#sortable {list-style-type: none; margin: 0; padding: 0; width:90%;}
#sortable li {
    margin: 0 0 5px 0;
    padding: 0.5em 0;
    font-size: 1.2em;
    height:auto !important;
}

#sortableDue {list-style-type: none; margin: 0; padding: 0; width:90%;}
#sortableDue li {
    margin: 0 0 5px 0;
    padding: 0.5em 0;
    font-size: 1.2em;
    height:auto !important;
}
.int {max-width:60em; margin:auto;}

.dueColonne
{
	width:100%;
	-moz-column-count: 2; 
	-moz-column-gap: 20%; 
	-webkit-column-count:2; 
	-webkit-column-gap: 20%; 
	-ms-column-count:2; 
	-ms-column-gap: 20%; 
	column-count: 2; 
	column-gap: 20%;
}
.treColonne
{
	width:100%;
	-moz-column-count: 3; 
	-moz-column-gap: 20%; 
	-webkit-column-count:3; 
	-webkit-column-gap: 20%; 
	-ms-column-count:3; 
	-ms-column-gap: 20%; 
	column-count: 3; 
	column-gap: 20%;
}


.cl {clear:both;}
.fSx {float:left;}
.fDx {float:right;}


.taC {text-align:center;}
.taR {text-align:right;}
.taL {text-align:left;}
.taJ {text-align:justify;}
.bld {font-weight:bold;}

/*********MEDIA QUERY *************/
@media only screen and (max-width:768px) {
	/* SMARTPHONE VERTICALE */
	#hd-logout {display:none;}
	#hd-benvenuto {text-align:center; padding-bottom:1em;}
  
  .pad-main {padding-left:0.5em; padding-right:0.5em;}
  .respiro-l {padding-left:0;}

	.col-uno-tre {width:100%;}
	.col-due-tre {width:100%;}
	.col-uno-due {width:100%;}	
  .col-tre-quattro {width:100%;}
	
  #menu-sx {width: 100%;}
	
	.int {width:100%; max-width:20em;}

  .square-box {width:40%;}
	
	p {
	font-size:0.9375em;				/* 15px  / 16px = 0.9375em    */
	line-height:1.25em;				/* 20px  / 16px = 1.25em    */	
	}
}


/* make sidebar nav vertical */ 
@media (min-width: 769px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}