@CHARSET "UTF-8";
/*--reset--*/
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,dl,dt,dd,ol,nav ul,nav li,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%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

/* defaults */
body {
	color: #808080 !important;	
}
a {color:unset !important; text-decoration:none !important;}

.medium-spacer {height:100px !important}
.small-spacer {height:50px !important}
/* BACKGROUNDS */
.bkg-white {background-color:white !important;}
.bkg-lgrey {background-color:#f2f2f3 !important;}
.bkg-marine {background-color:aquamarine !important;}
strong, .strong, bold, .bold {font-weight:700;}
.capitalize {text-transform: capitalize;}
.no-strong {font-weight: normal;}
.uppercase {text-transform:uppercase;}
.letter-spacing {letter-spacing:1px;}
.text-justify {text-align: justify!important;}
.text-nowrap { white-space: nowrap!important;}
.text-left {text-align: left!important;}
.text-center {text-align:center;}
.text-right {text-align:right!important;}
.extrasmall {font-size:13px;text-transform: uppercase;} 
.small {font-size:14px;} 
.normal{font-size:16px;}
.medium {font-size:20px;}
.large {font-size:24px;} 
.extralarge {font-size:28px;} 
/* border - margin - padding */
.border{border:1px solid #eee !important;}
.border-x {border-left:1px solid #eee!important;border-right:1px solid #eee!important;} 
.border-left {border-left:1px solid #eee!important;} 
.border-right {border-right:1px solid #eee!important;} 
.border-y {border-top:1px solid #eee!important;border-bottom:1px solid #eee!important;} 
.border-top {border-top:1px solid #eee!important;} 
.border-bottom {border-bottom:1px solid #eee!important;} 
.no-border{border:none!important;} 
.margin-auto {margin:auto!important;}
.margin-x-auto {margin-left:auto!important; margin-right:auto!important;}
.margin-y-auto {margin-top:auto!important; margin-bottom:auto!important;}
.margin-0 {margin:0 !important;}
.margin-y-0 {margin-top:0!important; margin-bottom:0!important;}
.margin-t-0 {margin-top:0!important;}
.margin-b-0 {margin-bottom:0!important;}
.margin-x-0 {margin-left:0!important; margin-right:0!important;}
.margin-l-0 {margin-left:0!important;}
.margin-r-0 {margin-right:0!important;}
.margin-small {margin:15px!important;}
.margin-y-small {margin-top:15px!important; margin-bottom:15px!important;}
.margin-t-small {margin-top:15px!important;}
.margin-b-small {margin-bottom:15px!important;}
.margin-x-small {margin-left:15px!important; margin-right:5px !important;}
.margin-l-small {margin-left:15px!important;}
.margin-r-small {margin-right:15px!important;}
.margin-medium {margin:30px !important;}
.margin-y-medium {margin-top:30px!important; margin-bottom:30px!important;}
.margin-t-medium {margin-top:30px!important;}
.margin-b-medium {margin-bottom:30px !important;}
.margin-x-medium {margin-left:30px!important; margin-right:30px!important;}
.margin-l-medium {margin-left:30px!important;}
.margin-r-medium {margin-right:30px!important;}
.margin-big {margin: 50px !important;}
.margin-y-big {margin-top: 50px !important; margin-bottom:50px!important;}
.margin-t-big {margin-top: 50px!important;}
.margin-b-big {margin-bottom:50px!important;}
.margin-x-big {margin-left:50px!important; margin-right:50px!important;}
.margin-l-big {margin-left:50px!important;}
.margin-r-big {margin-right:50px!important;}
.padding-0 {padding:0!important;}
.padding-y-0 {padding-top:0!important; padding-bottom:0!important;}
.padding-t-0 {padding-top:0!important;}
.padding-b-0 {padding-bottom:0 !important;}
.padding-x-0 {padding-left:0!important; padding-right:0!important;}
.padding-l-0 {padding-left:0!important;}
.padding-r-0 {padding-right:0!important;}
.padding-small {padding: 15px !important;}
.padding-y-small {padding-top:15px !important; padding-bottom:15px!important;}
.padding-t-small {padding-top:15px !important;}
.padding-b-small {padding-bottom:15px !important;}
.padding-x-small {padding-left:15px!important; padding-right:15px!important;}
.padding-l-small {padding-left:15px!important;}
.padding-r-small {padding-right:15px!important;}
.padding-medium {padding:30px !important;}
.padding-y-medium {padding-top:30px!important; padding-bottom:30px!important;}
.padding-t-medium {padding-top:30px!important;}
.padding-b-medium {padding-bottom:30px!important;}
.padding-x-medium {padding-left:30px!important; padding-right:30px!important;}
.padding-l-medium {padding-left:30px!important;}
.padding-r-medium {padding-right:30px!important;}
.padding-big {padding:50px!important;}
.padding-y-big {padding-top:50px!important; padding-bottom:50px!important;}
.padding-t-big {padding-top:50px!important;}
.padding-b-big {padding-bottom:50px!important;}
.padding-x-big {padding-left:50px!important; padding-right:50px!important;}
.padding-l-big {padding-left:50px!important;}
.padding-r-big {padding-right:50px!important;}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/* box shadow */
.box-shadow--2dp {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)}
.box-shadow--3dp {box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12)}
.box-shadow--4dp {box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)}
.box-shadow--6dp {box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2)}
.box-shadow--8dp {box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)}
.box-shadow--16dp {box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .66), 0 6px 30px 5px rgba(0, 0, 0, .54), 0 8px 10px -5px rgba(0, 0, 0, .85)}

.enhance {background-color:white !important;padding:10px;border-radius:10px}

#name {
	color: grey;
	font-weight:500;
	font-size:30px;
	padding-top: 30px;
	text-align:center;
	text-transform: uppercase;
}
/* REPORT */
.report {border-radius: 10px;}
.report_company {
	font-weight: 700;
	font-size: 1.1em;
}

.box {border:1px solid}
.box-company-name {border-radius: 10px 10px 0 0}

.report-text {}
.report-city {}
.report-date {}
.report-user {}
.report-status {}
.report-actions {
	bottom: 25px;
	display:none;
	margin-top: 10px;
	position: absolute;
	right: 25px;
}

.select_status {
	background-color: #f2f2f3;
	border: none;
	padding: 3px;
}

/* REPORT */
.receipt-img {max-width:200px;}

/* COMMENTS */
.comment {border-bottom:1px solid lightgrey;}
.comment div {display: inline-block;}
.comment:hover {background-color: #f2f2f3;}
.comment-th {font-size:1.2em; font-weight:700;}
.comment-author {text-transform:capitalize;}
.comment-date {}
.comment-txt {font-size:1.4em; font-style:italic; padding-left:10px;}

/* HEADER */
header {
	/*border-bottom: 1px solid lightgrey;*/
	background-color: #e6e6f2;
	color: grey;
	padding: 20px 10px 8px;
	/* position: fixed; */
	width: 100%;
	z-index: 10;
}
header a {
	color: grey;
}
header li {
	display: inline-block;
	margin-right: 15px;
}
header img {
	display: block;
	margin: auto;
}
/* FOOTER */
.footer {
    padding: 20px;
    border-top: 1px solid;
    color:gray;
    font-weight:bold
}
/* LOGIN */
.bkg_img {
	background:url(/img/segnalazioni.jpg)no-repeat; 
	background-size: cover;
	background-attachment: fixed;
	
}
.login_form {
    background: white;
	border-radius:10px;
	float: left;
    padding: 2em;
    width: 90%;
}
.login-msg {
	border:1px solid grey;border-radius:5px;
	margin-bottom: 10px;
}
#submit_button {
	background-color: white;
	border: 1px solid grey;
	border-radius: 3px;
	font-weight: 600;
	padding: 5px 10px;
}
#submit_button:hover {
	background-color: lightgrey;
}

/* HOME */
.home-box {
	border:1px solid #aaa; 
	border-radius:10px; 
	color:white; 
	margin-bottom:5px;
	padding:20px; 
	text-align: center;
	text-shadow: 1px 0 0 #aaa, -1px 0 0 #aaa, 0 1px 0 #aaa, 0 -1px 0 #aaa, 
		1px 1px #aaa, -1px -1px 0 #aaa, 1px -1px 0 #aaa, -1px 1px 0 #aaa;
}
.home-box:hover {background-color:white; color:grey; text-shadow: none;}
.accepted-box {background-color: lightgreen;}
.add-box {background-color: lightgrey;}
.created-box {background-color:lightblue;} 
.rejected-box {background-color: lightsalmon;}
.working-box {background-color:lightsteelblue;} 
.not-accepted-box {background-color:lightyellow;}
.title-box {
	font-size:1.1em;
	font-weight:600;
	text-transform:uppercase;	
}
.count-box {font-size: 3em;}

.home-container {	
	border:1px solid #aaa; 
	border-radius:10px;
	color:#808080; 
	margin-bottom: 5px;
	padding:20px;
}
.box-container h3 {
	font-size:1.5em;
	font-weight:600;
	margin-top:0;
	text-align:center;
}
.link-list a {
	background-color:#f2f2f3;
	font-size: 1em;
	margin:3px;
	width:100%;
}

.link-list a:hover {
	background-color:white;
	border:1px solid #aaa;
}

@media(min-width: 400px){
	header {
		padding: 20px 20px 8px;
	}
	#name {font-size:50px;}
	.login_form {
		width: 75%;
		padding: 2em 1.5em;
	}
	.title-box {
    	font-size: 1.2em;
	}
	.link-list a {
		font-size: 1.5em;
	}
}
@media(min-width: 600px){
	header {
		padding: 20px 50px 8px;
	}
	.login_form {
		width: 80%;
	}
}
@media(min-width: 1080px){
	.login_form {
		margin: 2em 2em;
	    padding: 2.3em;
		width: 35%;
	}
}