* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
}
BODY {background-color:#ececec;color:#444;}
::-webkit-scrollbar {
    width: 14px;
    height: 18px;
	background-clip: padding-box;
}
::-webkit-scrollbar-thumb {
    height: 6px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: #433937;
}
::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}
::-webkit-scrollbar-corner {
    background-color: transparent;
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 12.2px;
  cursor: pointer;
  box-shadow: 1px 1px 2.6px rgba(63, 63, 62, 0.31), 0px 0px 1px rgba(76, 76, 75, 0.31);
  background: #aea99d;
  border-radius: 2.8px;
  border: 0.4px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 2.6px 2.6px 3.8px rgba(0, 0, 0, 0.25), 0px 0px 2.6px rgba(13, 13, 13, 0.25);
  border: 1.9px solid rgba(255, 255, 255, 0.41);
  height: 43px;
  width: 30px;
  border-radius: 4px;
  background: #227000;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -15.8px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #c5c2b9;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 12.2px;
  cursor: pointer;
  box-shadow: 1px 1px 2.6px rgba(63, 63, 62, 0.31), 0px 0px 1px rgba(76, 76, 75, 0.31);
  background: #aea99d;
  border-radius: 2.8px;
  border: 0.4px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 2.6px 2.6px 3.8px rgba(0, 0, 0, 0.25), 0px 0px 2.6px rgba(13, 13, 13, 0.25);
  border: 1.9px solid rgba(255, 255, 255, 0.41);
  height: 43px;
  width: 30px;
  border-radius: 4px;
  background: #227000;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 12.2px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #979081;
  border: 0.4px solid #010101;
  border-radius: 5.6px;
  box-shadow: 1px 1px 2.6px rgba(63, 63, 62, 0.31), 0px 0px 1px rgba(76, 76, 75, 0.31);
}
input[type=range]::-ms-fill-upper {
  background: #aea99d;
  border: 0.4px solid #010101;
  border-radius: 5.6px;
  box-shadow: 1px 1px 2.6px rgba(63, 63, 62, 0.31), 0px 0px 1px rgba(76, 76, 75, 0.31);
}
input[type=range]::-ms-thumb {
  box-shadow: 2.6px 2.6px 3.8px rgba(0, 0, 0, 0.25), 0px 0px 2.6px rgba(13, 13, 13, 0.25);
  border: 1.9px solid rgba(255, 255, 255, 0.41);
  height: 43px;
  width: 30px;
  border-radius: 4px;
  background: #227000;
  cursor: pointer;
  height: 12.2px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #aea99d;
}
input[type=range]:focus::-ms-fill-upper {
  background: #c5c2b9;
}



H1 {
    color: #EEE;
	text-align:left;
}
H2 {
	border-top:1px solid #999;
	padding-top:1em;
	margin-bottom: 0px;
    text-align: center;
}
H3 {
	font-size:1.1em;
	padding-top:1em;
}
textarea {color:#000;}
#apppage > DIV{
	text-align: center;
}
.center {text-align:center;}
UL.index LI > A, DIV.index > A{
	display:block;
	background-color:#EEE;
	padding:1em;
	margin:1px 0px;
	text-align:left;
	padding-left:30px;
}
DIV.index > A{
	clear:both;
}
DIV.index > A:hover{
	color:#000;
	background-color:#f5f5f5;
}
DIV.index > A > SPAN.title{
}
UL.index LI > A:hover{
	background-color:#FAFAFA;
}
A.ico {
	width:24px;height:24px;line-height:24px;
	font-size:20px;
	text-align:center;
	border-radius:100%;
	background-color:#000;color:#FFF;
	display:inline-block;
	margin:.2em;
}
A.ico.del {
	background-color:#a00;
	color:#FFF;
}
UL {list-style:none;}
OL UL LI{
	border-bottom:1px solid #eee;
}
fieldset.btn A {
	display:inline-block;
	margin:2px;
}
fieldset.btn {
	margin-top:1em !important;
	text-align:left;
	width:100%;
	border:0;
	padding:0;
	clear:both;
}
@media screen and (max-aspect-ratio: 1/1) and (max-width:400px) {
fieldset.btn A {
	display:block;
}
}
DIV.info {
	margin:1em;
	border-radius:1em;
	padding:1em;
	font-size:.8em;
	background-color:rgba(0,0,0,.4);
	color:#FFF;
}
DIV.info DIV, DIV.info H3 {
	color:#FFF;
}
DIV.info DIV A {
	font-weight:bold;
	font-size:1.3em;
	text-shadow:1px 1px 0px rgba(255,255,255,.6),-1px -1px 0px rgba(0,0,0,.6);
}
DIV.info DIV A:hover {
	color:#fff;
	text-shadow:0px 0px 5px #fff;
}
DIV.info B, DIV.info SRONG {
	text-shadow:1px 1px 0px #000;
}
DIV.info H3 {
	text-shadow:1px 1px 0px #000;
}
DIV.field {
	text-align:left;
}
LABEL {
    line-height: 0.9em;
    font-size: .7em;
}
.result {
	margin:1em;
	background-color:#AFA;
	display:none;
	box-shadow:0px 2px 3px rgba(0,0,0,0.4);
	border-radius:1em;
	padding:1em;
	font-size:.8em;
	font-style:italic;
}
.author {
	float:right;
	font-size:.7em;
}
.author::before {
	content:'Autore: ';
	color:#666;
}
A.btn {display:block;padding:1em;}
#btnback, #btnhome {
    position: fixed;
    top: 0;
    left: 0;
    padding: 10px;
	z-index:101;
}
#btnhome {
    left: 30px;
}
FIELDSET.vote {
	margin:1.5em -1em;
	background-color:#efe;
}
A:hover {
	color:#000;
}
A.btnstar {
	margin:.5em;
}
.btnstar::after {
    content: '\2665';
    color: #4297D4;
    text-shadow: 0px 1px 0px #000;
}
SPAN.hearth {
    color: #4297D4;
    text-shadow: 0px 1px 0px #000;
}
OL {
	list-style-position:inside;
}
OL>LI>H3 {
	font-size:.9em;
}
UL.tri LI {
	margin:.3em;
}
UL.tri LI A{
	padding:1em;
	display:inline-block;
}
LI P {margin:0;}
.widescreen {display:none;}

@media screen  and (min-aspect-ratio: 1/1) and (min-width:400px) {

	.widescreen {display:inline;}
	OL.tri>LI , UL.tri>LI {
		float:left;
		width:29%;
		margin:5px 2%;
		clear:none;
	}
}
.font-1 {font-size:.8em;}
.font-2 {font-size:.7em;}
.font-3 {font-size:.6em;}
.font1 {font-size:1.2em;}
.font2 {font-size:1.4em;}
.font3 {font-size:1.6em;}
@media screen  and (max-aspect-ratio: 1/1)  and ( a.bt-width-width:400px) {
.landscape {display:none;}
}
Ul.center LI {text-align:center;}
SPAN.info {
	margin:1em;
	font-size:.8em;font-style:italic;
}
.index.prev LI A{
	background-color:#D7F5CE;
}
.index {
	margin-top:1em;
}
#sharearea {margin:1em auto;text-align:center;display:none;}
FIELDSET INPUT, FIELDSET SELECT {
border:1px solid #ccc;
}
FIELDSET {
	margin:0em;
}
FIELDSET {margin: 0em 0em !important;}
FIELDSET DIV.field {border-bottom:1px solid #eee;padding:2px;}
FIELDSET DIV.field.col1 {width:70%;display:inline-block;}
FIELDSET DIV.field.col2 {width:30%;display:inline-block;}
FIELDSET DIV.field.col2 INPUT{width:70%;}
FIELDSET INPUT,FIELDSET SELECT{padding:.5em !important;margin:2px;} 
FIELDSET LABEL {margin: .1em .8em .1em 0px !important;cursor:pointer;}
.costi {list-style:none;margin:0px;padding:10px;}
.costi SPAN {float:right;
    line-height: 1em;
    margin-top: .8em;
} 
.costi LI {line-height:2em;border-bottom: 1px solid #ccc;} 
.checkok, .checkko {display:inline-block;padding:2em;background-color:#EEE;padding: 5px 10px;margin: .5em;cursor: pointer;border-radius: 2em;} 
.checkok{background-color:#7EDA7E;}
.checkok LABEL, .checkko LABEL{display:inline;cursor: pointer;padding: 1em;}
.checkok LABEL {COLOR: #000;text-shadow: 0px 0px 1px #fff;}
LABEL {display:inline-block;}
INPUT, SELECT {width:100%;    vertical-align: middle;color: #000;}
INPUT[type='checkbox'], INPUT[type='radio'] {width:auto;}
/*INPUT[type='range'] {width:70%;}*/

.screenOnly {display:block;}
.printOnly {display:none;}
.justify {text-align:justify;}
@media print   {
	.btn, #btnback, .optmenu {display:none !important;}
	.screenOnly {display:none;}
	.printOnly {display:block;}
	#apppage {
		font-size: 10px;
	}
	#apppage H1{font-size: 18px;}
	#apppage H2{font-size: 16px;}
	#apppage H3{font-size: 14px;}
	#apppage H4, #apppage P, #apppage A, #apppage LEGEND, #apppage LABEL, #apppage UL LI{font-size: 12px;}
}
TEXTAREA {text-align: justify;}
.sign {margin:1em;}
OL LI FORM SELECT{width:25%;}
OL LI FORM INPUT{width:30%;}
OL LI FORM BUTTON{width:15%;}
.right {float:right;}
FORM.new INPUT,FORM.new SELECT {background-color: #E4EDFB;border: 1px inset #fff;border-right: 0px;}
FORM.new BUTTON {background-color: #D7FFCC;border: 1px outset #fff;}
INPUT[type='radio'] {width:auto;cursor:pointer;}
SPAN.note {
    clear: both;
    text-align: left;
    float: none;
    display: block;
    margin: -9px 0px 12px 6px;
    font-style: italic;
}
FIELDSET.btn A, A.btn, INPUT[type='submit'], INPUT[type='reset'] {
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    background-color: #3B8BCA;
    padding: 0em .5em;
	border:0px;
    border-radius: 4px;
    color: #fff;
    margin: 4px 0px;
}
FIELDSET.btn A, A.btn {
	padding:1em .5em;
	margin:4px;
}
INPUT[type='submit'], A.submit {
	background-color: #79C175 !important;
	margin-top:1em !important;
}
INPUT[type='reset'] {
	background-color: #C17975;
	margin-top:1em !important;
}
INPUT[type='search'] {
    box-shadow: 1px 1px 5px inset;
}
FIELDSET.btn A:hover, A.btn:hover, INPUT[type='submit']:hover, INPUT[type='reset']:hover {
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.26);
    background-color: #69ADE2;
}
.topbar {
	position: fixed;
    top: 4px;
    left: 67px;
    right: 40%;
    z-index: 999;	
}
#searchres {
    position: fixed;
    top: 44px;
    left: 0px;
    right: 0px;
    z-index: 7;
    background-color: #4A4A4A;
    padding: .2em;
    box-shadow: 0px 1px 3px rgba(0,0,0,.5);
	text-align:center;
	color:#FFF;
}

textarea:focus, input:focus{
    outline: 0;
}
#searchres LI A{
	color:#fff;
}
#searchres LI A:hover{
	background-color:#8C8B5D;
}
.footer.menu {
	position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
	left:0px;
	padding:1em;
	z-index:9999;
}
.footer.menu .bg {
	position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
	left:0px;
	padding:4em;
	background-color:rgba(0,0,0,.7);
	z-index:-1;
}
.footer.menu A.btn{
	font-size: 20px;
	margin: 1%;
	padding: 0em;
}
.footer.menu A.btn.del {
	float:left;
	width: 10%;
	background-color:#800;
	position: fixed;
	bottom: 120px;
	width: 20%;
}
.footer.menu A.btn.more {
	float:right;width:25%;
}
.footer.menu A.btn.less {
    float: left;
    width: 20%;
    background-color: #800;
}
.footer.menu A.btn.del:hover {background-color:#A00;}
.footer.menu A.btn.less:hover {background-color: #aa0;}
.footer.menu .binder {
    width: 100%;
	max-width:400px;
    margin: auto;
	margin-top:5px !important;
}
.footer.menu IMG.prod {
    margin: auto;
}
.footer.menu INPUT {
	font-size:1.4em;
	height:auto;
	
}

@media screen and (min-aspect-ratio: 1/1) and (min-height:400px) {
	.footer.menu A.btn.del IMG{
		max-height:24px;
	}
	.footer.menu A.btn.more {
		float:right;
		width: 20%;
	}
	.footer.menu A.btn.less {
	}
}
.footer.menu FIELDSET {
	background-color:#111;
	display:block;
	border: 0px;
	position:fixed;
	bottom:0px;
	left:0px;right:0px;
	margin: 0px !important;
}
.footer.menu A.btn.del {
    display: block;
    clear: both;
    left: 72%;
    width: 30%;
    margin-bottom: 20px;
    padding: 5px;
}
@media screen and (min-aspect-ratio: 1/1) AND (min-height: 400px) {
	.footer.menu A.btn.del {
		display: none !important;
	}
	.footer.menu FIELDSET INPUT {
		padding:1em;
	}
}
.footer.menu FIELDSET .title{
	color:#FFF;
	display:block;
}
.divoption {
	z-index: 9;
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    padding: 1em;
    background-color: #424242;
    box-shadow: 0px 0px 3px #000;
    display: none;
    color: #fff;
}


DIV.btns A {
	display:inline-block;
	padding:.5em;
	margin:.1em;
	background-color:#428bca;
	font-size:.7em;
	font-weight:bold;
	color:#fff;
}
DIV.btns A:hover {
	background-color:#666;
}
DIV.btns  {
	text-align:right;
	padding:1em;
}

.optmenubar .logo{
    vertical-align: middle;
    width: 31px;
    margin-right: 2px;
}
.optmenubody DIV{
	color:#666;
	
}

.optmenubody {
	overflow:auto;
	padding-bottom:350px !important;
	color:#666;
}
.optmenubody DIV.menu A {
	color:#666;
	display:block;
	padding:1em;
}
.optmenubody DIV.menu A:hover {
	background-color:rgba(0,0,0,.1);
	color:#000;
}
.ico {
    width: 16px;
    height: 12px;
    display: inline-block;
    margin: 0px 5px;
}
INPUT.icon {
    width: 32px;
    height: 32px;
    padding: 0px;
    margin: -7px 3px;
    float: right;
    cursor: pointer;
}

.popupmenu .popupmenubody, .popupmenu .popupmenubg{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;}
.popupmenu .popupmenubody{background-color:#222;}
.popupmenu .popupmenubg{top:0;background-color:rgba(255,255,255,.5);z-index:199;}
.popupmenu .popupmenubody A{display:block;padding:1em;margin:.2em;background-color:#444;color:#eee;}
.popupmenu .popupmenubody A:hover{background-color:#666;color:#fff;}

.logoinpage {
	width:40%;
	max-width:200px;
	margin:auto;
	background-color:rgba(255,255,255,.5);
	left:30%;
	border-radius:6px;
	max-width:200px;
	display:block;
}
.logoinpage:hover {
	background-color:rgba(255,255,255,.9);
	box-shadow:0px 0px 12px #fff;
}
.logoinpage > IMG{
	width:100%;
}

.logoqrcode {
	background-color:#FFF;
	border-radius:0px 0px 12px 12px;
	margin:auto;
	margin-bottom:2em;
	position:relative;
	top:-6px;
}
.logoqrcode IMG{
	width:100%;
	max-width:200px;
}
FORM.search {
    position: fixed;
    top: 0;
	right: 48px;
	text-align:right;
	margin-top:4px;
	z-index:96;
}
@media screen and (min-aspect-ratio: 1/1) AND (min-height: 400px) {
	FORM.search {
    right: 20px;
	width: 34%;
	}
}
FORM.search LABEL{
	vertical-align:middle;
	width:20%;
	text-align:right;
	padding-right:10px;
}
FORM.search INPUT{
	vertical-align:top;
	width:70%;
}
FORM.search A.btn{
	vertical-align:top;
    width: 34px;
    height: 34px;
	margin: 0px;
	font-size: 16px;
    display: inline-block;
    position: relative;
	border-radius:100%;
    top: 1px;
	background-image:url("../img/icon/search.png");
	background-position:center;
	background-size:75%;
	background-repeat:no-repeat;
	background-position:center;
	background-color:transparent;
}
FORM.search A.btn:hover{
	background-color:#000;
}
A.prod, A.menulink {
	display:inline-block;
	width:30%;
	min-height: 33px;
	min-width:260px;
	margin:2px;
	vertical-align:top;
	font-size: 0.9em;
	color:#000 !important;
	border-radius:2px;
	padding: 6px;
	background-color:#f5f5f5;
	box-shadow:0px 1px 1px rgba(0,0,0,.4);
	text-align:left;
}
A.prod A.btn {
	height:32px;
	width:32px;
	font-size: 1em;
	overflow: hidden;
	font-weight: bold;
}
H3 .descr {
	text-shadow:none;
	font-weight:normal;
	font-size:1.1em;
}
A.prod:hover, A.menulink:hover {
    color: #666;
	box-shadow:0px 0px 12px #fff;
	background-color:#fff;
}
A.prod DIV.h1 {
	color:#000 !important;
	font-size:1.1em;
	text-align:left;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding-top: 0;
	padding-left: 6px;
}
A.prod:hover DIV.h1 {
    color: #3B8BCA !important;
}
A.prod DIV.descr{
	color:#666 !important;
    display: inline-block;
    float: right;
    margin: 0px 16px;
    padding-top: 6px;
}
A.prod DIV.h1 .qta {
    float: left;
    display: inline-block;
    padding-right:3px;
}
IMG.groupdescr {
	border-radius:100%;
	display:block;
	margin:10px auto;
    width: 180px;
}
@media screen and (min-aspect-ratio: 1/1) and (max-width:600px) {
	A.prod, A.menulink {
		width:100%;
	}
}
@media screen and (max-aspect-ratio: 1/1) and (max-width:600px) {
	A.prod, A.menulink {
		width:100%;
	}
}
@media screen and (max-aspect-ratio: 1/1) and (min-width:601px) {
	A.prod, A.menulink {
		width:48%;
	}
}
A.left {float:left;}
A.prod A.more, A.prod A.less {
	margin: 0px;
	box-shadow: none;
	display:none;
	font-size: 16px;
    line-height: 0px;
}
A.prod A.more:hover, A.prod A.less:hover {
	box-shadow: 0px 0px 3px #3B8BCA;
}
.optmenu .optmenubody A{
	background-color:transparent;
	color:#000;
	box-shadow:none;
	border-radius:0px;
	margin:4px 0px;
}
.optmenu .optmenubody A:hover{
	background-color:rgba(255,255,255,.2);
	box-shadow:none;
}
.optmenu .optmenubody OL LI{
	padding:.5em;
}
A.btnfooter {
    position: fixed;
    top: 32px;
    left: -10px;
    right: -10px;
    border: 6px solid #fff;
    text-align: right;
    padding-right: 1em;
    z-index: 90;
	display:none;
	overflow:hidden;
	padding: 20px;
	
}
A.btnfooter SPAN.left {
	float:left;
}
A.btnfooter .blink {
	color: #fff;
    text-align: center;
    font-size: 2em;
	display:none;
}
@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
	.optmenubody {
		text-align:center;
	}
	.optmenubody > DIV{
		padding-top:50px;
		text-align:center;
	}
	A.btn.btnfooter {
		left:70%;
		padding: 25px 16px;
		right:0px;
		border-left:0px;
		border-right:0px;
		border-radius:0;
		bottom:auto;
		z-index:94;
		margin:0;
		padding-right:4px;
		box-shadow: 6px 0px 12px -3px rgba(0,0,0,.8);
	}
}
A.btn.evid {
	background-color:#0EBF24;
}
.qrcode IMG {
	border-radius:6px 6px 0px 0px;
}
DIV.descr {
	margin:2em;
	font-size:.9em;
}
A.btn.delete {
	margin:.7em;
	color:#FFF;
	background-color:#800000;
}
A.btn.delete IMG {
	width:32px;
	display:block;
	margin:auto;
}

A.btn.delete:hover {
	color:#fa0000;
	background-color: rgba(0,0,0,.1);
}
A.btn.minidelete {
	display:inline-block;
	width:30px;
	height:30px;
	border-radius:100%;
	margin-top:1.5em;
	background-color:#a00;
	color:#fff;
	padding:4px;
	font-size:.8em;
}
B.logo {
    font-size: 1.1em;
    color: #000;
    background-color: rgba(255,255,255,.6);
    border-radius: 4px;
    padding: 0px 4px;
	text-shadow:none !important;
}
B.logo .in {
	color:#B02929;
}
.statstot {font-size:.6em;}
.statstot B{font-size:1.3em;}

.pin A{
	display:inline-block;
	padding:20px 1%;
	width:30%;
}
.pinresult {
	display:inline-block;
	width:100%;
	padding:20px 15%;
	height:50px;
}
.share, .hasuser {
	padding: 0px 10px;
	position:fixed;
	top:0;
	right:50px;
	z-index:96;
	padding:5px;
}
.share IMG, .hasuser IMG{
	width:32px;
}
.hasuser {
	right:90px;
}
@media screen  and (min-aspect-ratio: 1/1) and (min-width:400px) {
.hasuser {
	right:190px;
}
}

.mini {
    padding: 10px !important;
    font-size: .9em !important;
}
.bgscreen {
    position: fixed;
	left:0;right:0;top:0;bottom:0;
	background-color:rgba(0,0,0,.6);
	text-align:center;
	vertical-align:middle;
    z-index: 999;
}
IMG.fullscreen {
    max-width: inherit !important;
    width: 100%;
	margin-top:60px;
}
@media screen and (min-aspect-ratio: 1/1) {
	IMG.fullscreen {
		width: auto;
		height: 100%;
		margin-top:0;
	}
}

FORM.login {
	margin:20px;
	font-size:.8em;
	color:#000;
}
FORM.login *{
	color:#000;
}
FORM.login INPUT[type='text']{
	font-size:1.5em;
	padding:1em;
	text-align:center;
}
A.menulink H1 {color:#000;text-shadow:none;}
.preview_container {
	font-size:12px;
}
.preview {
	margin:1em -.5em;
	padding:1em;
	text-align:center;
	border:1px solid rgba(0,0,0,.5);
	border-radius:1em;
	box-shadow:inset 0px 2px 6px rgba(0,0,0,.5);
}
.preview H1{
	text-align:center;
	color:inherit;
}
.preview .logo{
	background-color:#FFF;
	position:relative;
	top:4px;
	margin-top:1em;
	border-radius:12px 12px 0px 0px;
	padding:4px 6px;
}
.fld {}
.twocol .fld {display:inline-block;width:45%;}