html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,h
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	line-height:130%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
*:focus {
outline:none !important;
}



blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
    box-sizing: border-box;
    margin:0;
    padding:0;
}

body {
    font-size:1em;
    font-family: 'Nunito Sans', sans-serif !important;
    color:#678;
	line-height: 140%;
}

.clear {
    clear:both;
}

.hidden {
    display:none;
}

small {
    font-size:.7em;
}


.clearfix:after,
.table .tr:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


.loading {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,.6);
	padding-top:300px;
	font-size:1.5vw;
	text-align:center;
	z-index:999;
}


.grey {
    background-color: rgba(102,119,136,.2);
    color:#666;
}

.dark {
    background-color:#678;
    color:#FFF;
}

.dark * {
    color:#FFF !important;
}

.semidark {
    background-color: rgba(102,119,136,.7);
}

.blu {
    background-color:#036;
    color:#FFF;
}

.onleft {
    float:left;
}

.onright {
    float:right;
}

.left {
    text-align:left;
}

.right {
    text-align:right;
}

.center {
    text-align:center;
}

i,em {
    font-style:italic !important;
}

/*
header {
    position:relative;
    background-color:#e4241f;
	height:100px;
	overflow:hidden;
    padding:30px 0 20px 0;
    color:#FFF;
    text-align:center;
}

header .logo {
    display:inline;
    width:200px;
    float:left;
    position:relative;
    top:-15px;
}

header .admin {
    display:inline-block;
    font-size:1.5em;
    font-weight:bold;
    line-height:100%;
}

header .login {
    display:inline-block;
    float:right;
    padding:7px;
}

header.fixed {
    position:fixed;
    top:-150px;
}

header a {
    color:#FFF !important;
}

*/




/* ------------- NAV -------------- */

/*nav {
    margin-bottom:50px;
    background-color:rgba(22,44,66,.7);
}

nav ul {
    position:relative;
    z-index:999999 !important;
}    

nav li {
    float:left;
    list-style:none;  
}

nav li a,
nav li span {
    display:block;
    font-size:1.1em;
    font-weight:lighter;
    padding:12px 20px 12px 20px;
    color:#FFF !important;
}

nav li:hover {
    background-color:rgba(22,44,66,.3);
}

.navfixed {
    position:fixed;
    top:0;
    right:0;
    width:100%;
    background-color:rgba(22,44,66,.8);
    z-index: 200000000;
}

.navfixed .logomd {
    position:absolute;
    top:-25px;
    left:50px;
    width:100px;
    box-shadow: 2px 2px 10px -2px #000;
}

@media screen and (min-width: 1200px) {
    .navfixed .logomd {
	left:50%;
	margin-left:-600px;
    }
}

*/
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color:rgba(22,44,66,.9);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content li {
    width:100%;
}

/*.dropdown-content li a {
    display:block;
    width:100%;
}*/

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




.container {
    width:100%;
    max-width:1400px;
	min-width:800px;
    margin:auto;
}

.space {
   height:1em; 
}

hr {
    height:1em;
}

aside {
    float:left;
    width:25%;
    padding:20px;
}

.pagelist main {
    float:left;
    width:75%;
    padding:20px 20px 50px 20px;
}

.pageform main {
    width:100%;
    max-width:1000px;
    margin:auto;
    padding:20px 20px 50px 20px;
}

.pageform .tightform {
	width:100%;
	max-width:800px;
	margin:auto;
}

.padding {
    padding:30px 20px;
}

.col {
    float:left;
}

.col75 {
    width:75%;
}

.col66 {
    width:66%;
}

.col50 {
    width:50%;    
}

.col33 {
    width:33%;
}

.col25 {
    width:25%;
}

section {
    margin:50px auto;
}


.social {
    text-align:right;
}
.social img {
    width:3.5em;
    margin-right:.4em;
}



.sectionhead {
    font-weight:lighter;
    font-size:4em;
    letter-spacing:-.06em;
    border-bottom:1px solid #678;    
}


/* --------- BOX -------- */

.box {
    border:1px solid #999;
    padding:30px;
}

.boxgrey {
    background-color: rgba(102,119,136,.2);
    padding:30px;
}

.headerbox {
    font-size:1.6em;
    background-color: rgba(102,119,136,.8);
    width:100%;
    color:#FFF;
    padding:.6em;
}


.photo {
    width:100%;    
}

.aside {
    width:25%;
    float:right;
}



footer {
    font-weight:lighter;
    font-size:.9em;
    line-height:1.4em;
    background-color:#678;
    color:#EEE;
}

b {
    font-weight:700;
}

strong {
    font-weight:700;
}

h1 {
    font-size:2.5em;
    font-weight:400;
    line-height:1.2em;
    margin-bottom:.5em;
    color:#036;
}

h2 {
    font-weight:400 !important;
    font-size:1.6em;
    line-height:1.2em;
    color:#036;
    margin-bottom:.7em;
}

h3 {
    font-weight:700 !important;
    font-size:1.2em;
    line-height:1.5em;
    margin:2em 0 .5em 0;
    color:#036;
}

h4 {
    font-weight:700 !important;
    font-size:1em;
    line-height:1.5em;
    margin:2em 0 .5em 0;
}

a,
a:visited {
    color:#036;
    text-decoration:none;
    font-weight:bold;
}

main a:hover {
    color:#bd0032;
}

a img:hover {
    opacity:.9;
}


.sectionbuttonnav li {
    list-style:none;
    display:inline-block;
    float:left;
    font-size:1.2em;
    padding:1em;
    color:#036;
    cursor:pointer;
}

.sectionbuttonnav li:hover {
    background-color:#036;
    color:#FFF;
}








/* --------------------- TABLE ----------------------- */

.table {
  	display: block;
  	width: 100%;
}
.table .thead,
.table .tbody,
.table .tfoot,
.table .tr {
  	clear: both;
	border-top:1px solid rgba(102,119,136,.8);
}

.table .thead > div,
.table .th {
  	background-color:  rgba(102,119,136,.8);
  	font-weight: bold;
	color:#FFF;
	text-align:center;
}

.table .tr > div,
.table .thead > div,
.table .td,
.table .th {
  	/*border: 1px solid #999999;*/
  	float: left;
  	/*height: 17px;*/
  	/*overflow: hidden;*/
  	/*padding: 3px 1.8%;*/
	padding:1em .5em;
	overflow:hidden;
}

.table .tfoot {
  	background-color: rgba(102,119,136,.8);
  	font-weight: bold;
}

.table:after {
  	visibility: hidden;
  	display: block;
  	font-size: 0;
  	content: " ";
  	clear: both;
  	height: 0;
}

.table .id {
    width:10%;
	text-align:center !important;
}

.table .nominativo {
    width:40%;
}

.table .tbody .nominativo {
    font-weight:bold !important;
}

.table .sede {
    width:20%;
}

.table .classe {
    width:10%;
}

.table .data {
    width:10%;
}

.table .status {
    width:10%;
}

.notfound {

	padding: 100px 0;
	font-size:1.2em;
	text-align:center;

}


.table .tagslist {
    width:100%;
	padding-top:0 !important;
}

.table .tag {
    width:20%;
}

.table .sinonimi {
    width:70%;
	text-align:left;
}

.table .occorrenze {
    width:10%;
	text-align:right;
}

.table .results {
    width:100%;
    text-align:right;
    padding:1em;
}

.table .pagination,
.table .more {
    width:100%;
    text-align:center;
}


.article-item {
	cursor:pointer;
}

.article-item:hover {
	background-color:#EEE;
	transition: background .3s ease-out;
	-webkit-transition: background .5s ease-out;
}


.iconstatus {
	color:#FFF;
	padding:3px 7px;
	border-radius:3px;
	cursor:pointer;
	/*opacity:.5;*/
}

.iconstatus:hover {
	opacity:1;
}

.iconstatus.bozza {
	background-color:#C00;
}

.iconstatus.online {
	background-color:#0C0;
}

.iconstatus.offline {
	background-color:#999;
}

.tagslist .tags {
	margin-top:17px;
	font-size:.9em;
}





/* ---------------- FORM ------------------ */


form > div,
.tightform > div {
    margin-bottom:1em;
}

form label,
.form label {
    display:block;
    font-size:1.2em;
    font-weight:300;
    margin-bottom:.3em;
    color:#036;
}

.formsection {
	padding:3em 2em;
	background-color:rgba(102,119,136,.1);
	border:1px solid rgba(102,119,136,.3);
	min-height:400px;
}

.form-group {
	margin-bottom:0;
}

.formsection h2 {
	margin-bottom:2em;
}

.menulabel {
	width:100%;
	margin:5em 0 0 0;
}

.menulabel li {
	list-style:none;
	display:inline-block;
	float:left;
	border-top:1px solid rgba(102,119,136,.3);
	border-right:1px solid rgba(102,119,136,.3);
	padding:.7em 1.2em;
	font-size:1em;
	color:#036;
	font-weight:bold;
	background:#FFF;
	cursor:pointer;
	margin:0;
	position:relative;
	top:1px;

}

.menulabel li:first-child {
	border-left:1px solid rgba(102,119,136,.3);
}

.menulabel li.selected {
	/*border-bottom:1px solid rgba(102,119,136,1);*/
	border-bottom:1px solid #c7cdd3;
	background-color:rgba(102,119,136,.1);
}

.menulabel li:not(.selected):hover {
	background-color:rgba(102,119,136,.3);
}


input[type="text"],input[type="search"],input[type="password"],textarea,select,option {
    width:100%;
    font-family: 'Nunito Sans', sans-serif;
    font-size:1.1em;
    padding:.3em;
    color:#036;
}

::placeholder {
	color: #BBB;
}

.form-control:focus {
	border-color:transparent;
	box-shadow:0 0 0 0 transparent;
}






form span.col33 {
    float:left;
    width:30%;
    padding-right:3%;
}


/*input[name^="date"] {*/
/*    max-width:200px;*/
/*}*/

button,input[type='submit'] {
    width:auto;
    display:inline-block;
    font-size:1.1em;
    background-color:#036;
    color:#FFF;
    border:none;
    font-family: 'Nunito Sans', sans-serif;
	font-weight:bold;
    cursor:pointer;
    padding:.5em 1em;
	border-radius:5px;
	outline:none;
}

.mce-tinymce button {
	border-radius:0 !important;
}

input[type='reset'] {
    width:auto;
    display:inline-block;
    background-color:transparent;
    border:none;
    font-family: 'Nunito Sans', sans-serif;
    padding:.5em 1em;
}


button:hover,
input[type='submit']:hover,
input[type='reset']:hover {
    background-color:#bd0032;
    color:#FFF !important;
}

button#offline {
	background-color:#666;
}

button#draft {
	background-color:#003366;
}

button#online {
	background-color:#bd0032;
}

.datepicker {
	border:1px solid #CCC;
	background-image:url(/admin/images/icon-calendar.png);
	background-position:right;
	background-repeat:no-repeat;
	background-size:12%;
}


.size1 {
    height:1em;
}

.size2 {
    height:2em !important;
}

.size3 {
    height:3em;
}

.size5 {
    height:5em;
}

.size20 {
    height:20em;
}

.no-overflow {
	overflow:hidden;
}


.keywords-list li,
.keywords-input li {
	width:auto;
	display:inline-block;
	list-style:none;
	background-color: rgba(102,119,136,.3);
	padding:.5em 1em;
	margin:.2em .1em;
	cursor:pointer;
}

.keywords-list li {
	background-color: rgba(102,119,136,.3);
}

.keywords-input li {
	background-color: #036;
	color:#FFF;
}

.keywords-list li:hover,
.keywords-input li:hover {
	background-color: rgba(102,119,136,.4);
}

.keywords-list li.selected {
	background-color: #036;
	color:#FFF;
}





/* -------------- SELECT FORM ------------------ */

.selectform {
  width: 100%;
  overflow: hidden;
}
.selectform select {
  width: 100%;
  padding-right: 38px;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;

  /* Hide arrow on FF */
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: ellipsis;
}
/* Hide arrow on IE10*/
.selectform select::-ms-expand {
  display: none;
}
.selectform optgroup {
  color: inherit;
  font: inherit;
}
/* IE9: To hide select arrow we make the select overflow on the right side there is not another way :( */
@media screen and (min-width:0\0) {
  .selectform select {
    width: calc( 100% + 58px );
  }
}

/* Themes default ----------------------------------------------------------- */
.theme-default {
  border: 1px solid #bbb;
  border-radius: 2px;
  /* <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><path d="M4.33 8.5L0 1L8.66 1z" fill="#666"/></svg> */
  background: #fff url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%23666%22%2F%3E%3C%2Fsvg%3E') right 10px center no-repeat;
}
.theme-default select {
  padding: 8px 38px 8px 8px;
  /* You can style text of the active select option */
  font: 400 18px/1.5 'Open Sans', sans-serif;
  color: #666;
}

/* Theme default with line -------------------------------------------------- */
.theme-default-w-line {
  position: relative;
  border: 1px solid #bbb;
  border-radius: 2px;
  /* <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><path d="M4.33 8.5L0 1L8.66 1z" fill="#666"/></svg> */
  background: #fff url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%23666%22%2F%3E%3C%2Fsvg%3E') right 13px center no-repeat;
}
.theme-default-w-line:after {
  content: '';
  position: absolute;
  width: 1px; top: 0; bottom: 0; right: 40px;
  border-left: 1px solid #bbb;
}
.theme-default-w-line select {
  padding: 12px 40px 12px 8px;
  font: 400 18px/1 'Open Sans', sans-serif;
  color: #666;
}



.list .tags{
    /*margin-top:1em;*/
}

.list .areasocial {
    margin-bottom:50px;
}

.list .tags span {
    display:inline-block;
    font-size:.7em;
    margin: 0 0 .7em 0;
    padding:.4em .7em;
    background-color:#DDD;
    color:#678;
    margin-left:.5em;
    cursor:pointer;
}

.list .tags .numtag  {
	display:inline-block;
    font-size:.6em;
	font-weight:700;
	color:#666 !important;
	padding:0 !important;
	margin:0 !important;
	margin-left:1em !important;
}





.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
	font-style:normal !important;
}
.notop {
	margin-top:0 !important;
}
.nobottom {
	margin-bottom:0 !important;
}


/* ****************** AREA UPLOAD *********************** */

.areauploadpdf, .formfile {
	border:1px solid rgba(102,119,136,.3);;
	padding:25px;
	margin-bottom:50px;
}

.areauploadpdf {
	background-color:rgba(102,119,136,.2);
}

.documentscount {
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}

.progressupload {
	display:none;
	padding:10px;
	background-color:#FFF;
	border: 1px solid rgba(102,119,136,.4);
}

.progressupload .progress-bar {
	display:block;
	width:0%;
	max-width:100% !important;
	font-size:18px;
	line-height:25px;
	color:#FFF;
	text-align:right;
	font-weight:bold;
	background-color:#C00;
	padding:0 10px;
	border-radius:3px;
}

.photo-top {
	margin-top:50px;
	text-align:center;
}

.uploadimage {
	cursor:pointer;
}



/* ****************** AREA PDF *********************** */


.formfile table {
	width:100%;
}

.formfile td {
	padding:10px;	
	width:80%;
}

.formfile th {
	text-align:right;
	width:20%;
	font-weight:bold;
}

.formfile button {
	font-size:80%;
	padding:5px 10px;
}

.documentscount {
	margin-bottom:20px;	
}

.responsesave {
	display:none;
	padding:0 20px;
	color:#F00;
	font-weight:bold;
}



/* ****************** PHOTOMODAL ************************* */

.photomodal {
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	background-color:rgba(0,0,0,.7);
	z-index:10000;
}

.photomodal-wrap {
	width:90%;
	margin:100px auto 0 auto;
	text-align:center;
	overflow:hidden;
}


.cr-slider-wrap {
	position:absolute;
	top:50%;
	left:50%;
	width:800px !important;
	padding:10px 0 !important;
	background-color:rgba(255,255,255,.2);
	margin-top:250px !important;
	margin-left:-400px !important;
	z-index:11000;
}

.cr-viewport {
	background-image:url('../images/terzi.png');
	background-size:cover;
}

.upload-demo-wrap {
	position:absolute;
	left:50%;
	top:50%;
	z-index:10100;
}

.photomodal-menu {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100px;
	text-align:center;
	padding:40px 40px 0 0;
	z-index:11100;
}

.photomodal-menu button {
	float:right;
	background-color:#C00;
	margin:10px;
}

.photomodal-message {
	float:left;
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
	margin-left:50px;
}





/* ********************** TOOLTIP ***************** */


  .ui-tooltip, .arrow:after {
    background: #000;
  }
  
  .ui-tooltip {
    padding: 10px 20px;
    color: #FFF;
    border-radius: 3px;
    font: bold 14px;
    box-shadow: 0 0 7px #000;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }