@charset "utf-8";
*{
margin:0px;	
font-family:'Roboto', sans-serif;
font-size:12px;
}
body{
background:#e6e6e6;	
}
#header{
height:80px;
background:#000000;
color:#ffffff;
line-height:80px;
}
#commm{
	position:fixed;
	width:calc(80% - 40px);
	margin:0 auto;
	z-index:255;
	top: 100px;
    left: 50%;
	margin-left:-40%;
	background: #f5f5f5;
	border-radius:10px;
	padding:20px;
	font-size:10px;
}
#commm span{
	color:#009688;
	font-size:30px;
	display:block;
	margin-bottom:10px;
}
#commm b{
	font-size:14px;
	display:block;
}
.corpo{
width:980px;
margin:0 auto;
}
.corpo2{
margin-top:2%;
width:100%;
}
.corpo_left{
width:40%;
float:left;
}
.corpo_center{
margin-left:40%;
width:25%;
}
.corpo_right{
width:25%;
margin-left:65%;
}
.grigione{
	display:block;
	padding:15px;
	width:calc(100% - 30px);
	background:#d9d9d9;
	margin-bottom:10px;
	font-size:18px;
	text-decoration:none;
}
.t_arancio{
	color:#e55d4a;
}
.t_azzurro{
	color:#3c92ca;
}
.t_blu{
	color:#4475b6;
}
.corpo_bottoni{
width:10%;
float:right;
}
.info{
width:90%;
height:200px;
margin-top:3%;
border:none;
}
.autore{
width:90%;
height: 35px;
margin-top:1.5%;
border:none;
}
.posizione{
width:30%;
height:100px;
margin-left:5%;
}
.bottone1{
height:35px;
width:35px;
margin-top:0px;
margin-left:15px;
background-color:white;
}
.bottone2{
height:35px;
width:35px;
margin-top:-35px;
margin-left:60px;
background-color:white;
}
.bottone3{
height:35px;
width:35px;
margin-top:10px;
margin-left:15px;
background-color:white;
}
.bottone4{
height:35px;
width:35px;
margin-top:-35px;
margin-left:60px;
background-color:white;
}
.bottone5{
height:35px;
width:35px;
margin-top:0px;
margin-left:15px;
background-color:white;
}
.bottone6{
height:35px;
width:35px;
margin-top:-35px;
margin-left:60px;
background-color:white;
}
.bottone7{
height:35px;
width:35px;
margin-top:10px;
margin-left:15px;
background-color:white;
}
.bottone8{
height:35px;
width:35px;
margin-top:-35px;
margin-left:60px;
background-color:white;
}
.title{
text-align:center;
font-size:32px;
display:block;
font-weight:500;
}
.fatturato{
width:50%;
float:left;
}
.fatturato input{
width: 35%;
margin-right:5px;
border: 0px;
padding: 10px;
margin-bottom:5px;
}
.perc50{
padding:20px;
width:calc(50% - 40px);
}
.perc20{
padding:10px;
width:calc(20% - 40px);
margin:10px;
float:left;
background:#fff;
}
.perc20 span{
font-size:16px;
}
.perc60{
padding:20px;
width:calc(20% - 40px);
margin-right:20%;
float:left;
}
.perc40{
padding:20px;
width:calc(60% - 40px);
float:left;
}
.perc30{
padding:10px;
width:26%;
margin-right:10px;
float:left;
margin-top:10px;
background:#bcbcbc;
}
.perc30:hover{
color:#fff;
background:#1ea094;
}
.perc30 a{
color:#000;
text-decoration:none;
}
.perc30:hover a{
color:#fff;
}
.archivio_bg{
background-image:url(../img/archivio.png);
background-repeat:repeat-y;
background-position:center;
}
.crea_bg{
background-image:url(../img/crea.png);
background-repeat:repeat-y;
background-position:center;
}
.legend{
width:26% !important;
margin-right:5px;
float:left;
padding: 10px;
}
#bacheca{
text-align:center;
font-size:100px;
display:block;
font-weight:600;
text-decoration:none;
margin-top:80px;
color:#fff;
background:#21b37e;
text-transform:uppercase;
}
#bacheca2{
text-align:center;
font-size:100px;
display:block;
font-weight:600;
text-decoration:none;
margin-top:20px;
color:#21b37e;
text-transform:uppercase;
}
#bacheca1{
text-align:center;
font-size:26px;
display:block;
font-weight:600;
text-decoration:underline;
padding-top:80px;
}
#box_login{
width:400px;
margin:0 auto;
margin-top:80px;
}
#box_login div{
margin-bottom:10px;
min-height:30px;
}
#box_login label{
display:block; 
width:100px;	
float:left;
padding:10px;
}
#box_login input, .logout{
width:240px;
float:right;
border:0px;
font-family:'Roboto', sans-serif;
font-size:12px;
padding:10px;
border-radius:10px;
}
#box_login input[type=submit], .logout{
background:#009688;	
width:80px;
color:#ffffff;
margin-top:20px;
text-transform:uppercase;
/*float:none;*/
}
.logout{
	margin-top:0px;
	text-decoration:none;
}
.red{
	display:block;
	width:calc(50% - 50px);
	background:#e55d4a;
	text-align:right;
	padding-right:50px;
	font-size:32px;
font-weight:500;
float:left;
}
.table {
    border-collapse: separate;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
table {
    background-color: transparent;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
#table thead {
  cursor: pointer;
  
}
#table thead tr th { 
  font-weight: bold;
  padding: 10px 8px;
  background: #000000;
  text-transform:uppercase;
  color:#ffffff;
}
#table thead tr td { 
  text-align:center;
  padding: 10px 8px;
  text-transform:uppercase;
}
#table thead tr th span { 
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}


#table thead tr th.headerSortUp, #table thead tr th.headerSortDown {
  background: #acc8dd;
}

#table thead tr th.headerSortUp span {
  background-image: url('up-arrow.png');
}
#table thead tr th.headerSortDown span {
  background-image: url('down-arrow.png');
}
.alertv{
	width:400px;
	margin:0 auto;
	padding:10px;
	color:#fff;
	margin-top:40px;
	margin-bottom:20px;
	text-align:center;
	background:#009688;
	display:block;
}
#titolo, #titolone, .bottoni{
	margin-top:30px;
	margin-bottom:20px;
}
#titolo{
	font-weight:bold;
}
#titolone{
float:left;
width:60%;
}
#titolone input{
border:0px;
padding:10px;
width:100%;
font-size:24px;
}
.textarea{
border:0px;
padding:10px;
width:calc(100% - 20px);
font-size:18px;
height:300px;
margin-top:20px;
}

.textarea2{
border:0px;
padding:10px;
width:calc(100% - 20px);
font-size:18px;
height:100px;
margin-top:60px;
}


.bottoni{
float:right;
width:40px;
}
.bottoni2{
	display:none;
}
.clear{
clear:both;	
}
#crea{
	margin-top:30px;
	margin-bottom:20px;
}
.w25{
width:25%;
float:left;
height:100%;
position: relative;
display: inline-block;
}
.dati{
background:#993366;	
}
.box_cat{
	width:100px;
	margin:2px;
	display:block;
	float:left
}
.box_cat div{
	height:170px;
	font-size: 120px;
	line-height: 260px;
	text-align: right;
	color:#e6e6e6;
}
.articoli{
background:#e55d4a;	
}
.immagini{
background:#e88554;	
}
.magazine{
background:#ffaf53;	
}
.crea{
background:#53ccff;	
}
.arancio{
	background:#ffaf53 !important;
}
.archivio{
background:#1684b2;	
}
.rotea{
transform: rotate(-90deg);	
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);	
display:block;
color:#fff;
font-weight:600;
font-size:110px;
position:absolute;
bottom:-50px;
transform-origin: left;
left: 180px;
}
#crea a{
	padding:10px;
	padding-left:40px;
	font-size:18px;
	color:#000000;
	text-decoration:none;
	background-image:url("../img/piu.png");
	background-size:30px;
	font-weight:600;
	background-repeat:no-repeat;
	background-position:center left;
	
}
.app1{
	color:#009688;
	text-transform:lowercase !important;
}
.app2{
	color:#000000;
	text-transform:lowercase !important;
}
.app3{
	color:#737373;
	text-transform:lowercase !important;
}
.sfnero{
padding: 10px 8px;
background: #000000;
text-transform: uppercase;
color: #ffffff;
width:calc(17% - 16px);
float:left;
margin-right:3px;
}
.big{
width:calc(30% - 16px);	
}
#menu{
margin-top:10px;	
}
.sfbianco{
margin-left: 3px;
width:calc(17% - 0px);
float:left;
}
.bianco{
	background:#fff;
}
.perc90{
	width:90%;
	float:right;
	margin-top:30px;
}
.perc90_2{
	width:350px;
	height:500px;
}
.sfbianco select, .sfbianco input{
	width:100%;
	padding: 10px 8px;
	border:0px;
}
.bottoni input[type=submit], .bottoni a{
background:#009688;	
width:80px;
color:#ffffff;
margin-bottom:5px;
text-transform:uppercase;
float:right;
border:0px;
padding:5px;
}
.bottoni a{
width:70px;
text-decoration:none;
text-align:center;
background:#ff6e6e;
}
/*new*/
.rosso{
	background:#bc1a3b;
	padding-right:50px;
	padding-left:50px;
	font-size:32px;
font-weight:500;
float:left;
}
.logout{
	margin-top:0px;
	text-decoration:none;
	border-radius:3px;
}
ul {
    list-style: none;
	padding:0px;
}
.padd50{
	/*padding-left:50px;*/
	
}
.content .table{
	margin-bottom:0px !important;
}
.perc75{
	width:75%;
	float:left;
}
.perc25{
	width:25%;
	float:left;
}
.perc25_2{
	width:25%;
	margin-top:90;
	float:right;
}
/*!---------- 12. ACCORDIONS ----------*/
.accordion .title {
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.accordion .content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
.accordion li.active .content {
  max-height: 400px;
}
.accordion p:last-child {
  margin-bottom: 0;
}
.accordion-1 li {
  margin-bottom: 10px;
}
.accordion-1 li:last-child {
  margin-bottom: 0;
}
.accordion-1 .title {
  background: #bbbbbb;
  text-align:left;
  padding: 10px 8px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  width:260px;
}
.bg-secondary .accordion-1 .title {
  background: #bbbbbb;
}
.bg-secondary .accordion-1 .title:hover {
  background: #bbbbbb;
}
.accordion-1 .title span {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}
.accordion-1 .alert {
  color:#fff;
  width:16px;
	height:14px;
	border-radius:8px;
	background:red;
	display:block;
	float:right;
	text-align:center;
	padding-top:2px;
}

.accordion-1 .active .title {
  background: #bbbbbb;
  color: #000000;
}
.accordion-1 .content {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 0;
}
.accordion-1 .content p {
  padding: 13px;
}
.accordion-1 .active .content {
  opacity: 1;
  transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
}
.accordion-1 .title:hover {
  background: #bbbbbb;
}
.accordion-1 .active .title:hover {
  background: #bbbbbb;
}
.accordion-2 .title {
  font-size: 16px;
  font-weight: 500;
  padding: 16px 0;
  border-bottom: 1px solid #ccc;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: .7;
}
.accordion-2 .title:before {
  content: "\e622";
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.accordion-2 .active .title {
  opacity: 1;
}
.accordion-2 .active .title:before {
  content: '\e61a';
}
.accordion-2 .content p {
  padding: 16px 0;
}
.accordion-2 .title:hover {
  opacity: 1;
}

.widthObjects{
	width: 9%;
}

.widthTitolo{
	width: 25%;
}

.widthData{
	width: 10%;
}

.widthMese{
	width: 20%;
}
.widthTastini{
	width:5%;
}

.widthTastini2{
	width:6%;
}

.immagine_login{
	display:none;
}
.home{
	position:absolute; 
	right:130px; 
	top:10px; 
	height:60px; 
	width:auto;
	display:block;
}

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 12px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #aaaaaa;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 0px;
  bottom: -4px;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #7fcac3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #aaaaaa;
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  background-color: #108675;
}

.slider.round {
  border-radius: 16px;
}

.slider.round:before {
  border-radius: 50%;
}

.login_button{
	background-color:#2a8a76;
	height:40px;
	width:70px;
	border-radius:10px;
	border:none;
	color:white;
	text-align:center;
}

.immagineLogout{
	display:none;
}
#mieiArticoli{
	display:none;
}

#divMieiArticoli{
	display:none;
}
#crea2{
	display:none;
}


#fine{
display:none;
}
.sfbianco2{
	display:none;
}

@media only screen and (max-width:767px) and (min-width:300px)
{
	#header{
		background:#d9d9d9;
		height:60px;
		margin-bottom:10px;
		line-height:60px;
	}
.corpo{
	width:100%;
}
#box_login{
	width: 87%;
	padding-top:0px;
	margin-top:40px;
}
#box_login input.login{
	width:calc(100% - 50px);
	height: 35px;
	margin:10px;
	float:left;
	background: grey;
	color:#fff;
}
.red{
	background:none !important;
	color:#e55d4a;
	font-size:18px !important;
	text-align:left !important;
	padding-left:50px;
	width: calc(70% - 100px) !important;
}
.arancio{
	background:none !important;
	color:#e55d4a;
	font-size:18px !important;
	text-align:left !important;
	padding-left:50px;
	width: calc(70% - 100px) !important;
}
.immagineLogout{
	display:none !important;
}
#box_login label{
	display:none;
}
#bacheca{
	font-size:60px;
	padding-top:5px;
}
.title{
	font-size:20px;
	/*padding-top:150px;*/
	color: black;
	font-family: geneva;
	font-weight: 50;
}
.login_button{
	background-color:#2a8a76;
	height:50px;
	width:15%;
	border-radius:10px;
	border:none;
	color:white;
	float:left; 
	margin-left:40%;
}
.immagine_login{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    padding-top:40px;
}

.red{
	display:block;
	width:calc(70% - 50px);
	background:#e55d4a;
	text-align:right;
	padding-right:50px;
	font-size:37px;
	font-weight:700;
	float:left;
}
.home{
	position:absolute; 
	right:130px; 
	top:10px; 
	height:60px; 
	width:auto;
	display:none;
}


#titolo{
margin-top: 5px;
margin-bottom:15px;
}

#mieiArticoli{
	display:block;
	min-height:80px;
	width:(100%-5px);
	margin:10px;
}

#divMieiArticoli{
	display:block;
}
.table, #table{
display:none;
}
.alertv{
	display:none;
}
.logout{
	/*display:none;*/
	background:#e6e6e6;
	color:#009688;
}
.immagineLogout{
	padding-top:13px;
	display:block;
}
#crea{
	display:none;
}
#titolo{
	background:#d0d0d0;
	margin-top: 0px;
	height:45px;
	padding-top:15px;
	padding-left:20px;
	font-size:25px;
	font-weight: normal;
}
#crea2{
	display:block;
}

#titolone{
	background:#d0d0d0;
	display:block;
	padding:20px;
	width:calc(100% - 40px);
	border-bottom:solid 1px #333;
	margin-top:0px;
}
#titolone input{
	background:#d0d0d0; border:none; font-size:20px; text-align:left; width:100%;
}


.bottoni{
	display:none;
}
.sfnero{
	display:none;
}

.sfbianco{
	display:none;
}
.sfbianco2{
	display:block;
	margin-top:40px;
	width:25%;
	margin-left:auto;
	margin-right:auto;
}
.bottoni2{
	display:block;
	border-radius:10px;
	background:#2a8a76;
	height:40px;
	color:white;
	border:none;
	font-size:15px;
	width:30%;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}

.textarea{
border:0px;
padding:20px;
width:calc(100% - 40px);
font-size:18px;
height:200px;
margin-top:0px;
border:none;
background:#fff;
resize: none;
font-size:15px;
}

#fine{
display:block;
}

}
.preview{
	font-size-adjust: 0.18;
}

.posizione4{
		top:66%;
	left:52%;
}
.posizione1{
	top:5%;
	left:5%;
}
.posizione2{
	top:5%;
	left:52%;
}
.posizione3{
	top:66%;
	left:5%;
}
.posizione8{
	top:66%;
	left:35%;
	text-align:right;
}
.posizione5{
	top:5%;
	left:5%;
	text-align:left;
}
.posizione6{
	top:5%;
	left:35%;
	text-align:right;
}
.posizione7{
	top:66%;
	left:5%;
	text-align:left;
}
.selected{
	background-color:blue;
}