/* @import url('https://fonts.googleapis.com/css?family=Titillium+Web&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Roboto&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Lobster&family=Jura&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Bellota&family=Bellefair&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Rosarivo&family=Spectral&display=swap');
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);box-sizing: border-box;}
H1, H2, H3, .title {font-family: 'Rosarivo', sans-serif;font-weight: normal;}
body, INPUT, SELECT, TEXTAREA {
	font-family: 'Spectral', sans-serif;
}
body {
	background: #F7F5F2;
	font-size: 18px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
	margin-top: 69px;
	letter-spacing: -.04em;
	line-height: 1.35em;
}

small {
	display: inherit;
	line-height: 1.8em;
}

::-webkit-scrollbar {
	width: 14px;
	height: 14px;
	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;
}

::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #aaa;
}


h1 small {
	font-size: .52em;
  letter-spacing: -.5px;
  color: #ffee95;
}

H1 {
	font-size: 2em;
}

H4 {
	font-size: 24px;
}

H2 {
	font-size: 30px;
	margin-top: 0em;
	margin-bottom: .4em;
	color: #224565;
}

.right {
	float: right;
}

.left {
	float: left;
}

.clear {
	clear: both;
}

#main H1 {
	background: #2a3d57;
	margin: 0em;
	padding: 2em 1em;
	color: #f0f0f0;
	clear: left;
	line-height: .8em;
	letter-spacing: .1em;
}

#main .homepage h1 {
	background-position: center;
	background-size: cover;
	height: 42vw;
	max-height: 300px;
	background-repeat: no-repeat;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	padding-top: 0px;
	line-height: 2em;
	font-size: 2em;
	text-shadow: -2px -3px 1px #0089ff, 3px 0px 1px #f00;
	margin: 0;
	margin-bottom: 0;
	margin-top: -16px;
	transition: 1s;
}

@media screen and (min-width:450px) {
	#main .homepage h1 {
		font-size: 3em;
	}
}

@media screen and (min-width:600px) {
	#main .homepage h1 {
		font-size: 4em;
	}
}

#main .homepage h1 small {
	font-size: .6em;
	font-weight: normal;
}

A {
	text-decoration: none;
	color: #d22a00;
}

A:hover {
	text-decoration: none;
	color: #000;
}

.ww {
	width: 100%;
	max-width: 1000px;
	margin: auto;
	text-align: left;
}

#top {
	text-align: left;
	background-color: #862a2a;
	transition:.3s;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 70px;
	box-shadow: 0px 1px 12px #0006;
	border-bottom: 1px solid #fff3;
	z-index: 200;
	padding: .25em .5em;
	/* background-image: url("../img/bgtop.png?1"); */
	background-position:left;
	background-size: cover;
}

#top .ww {
	text-align: center;
}

#top .ww .title {
	text-align: left;
}

#top .ww .title span {
	font-size: 1em;
	display: inline-block;
	padding-top: 20px;
	vertical-align: top;
	color: #fff;
	letter-spacing: 1px;
}

@media screen AND (max-width:360px) {
	#top .ww .title span {
		font-size: 1.2em;
		padding-top: 19px;
	}
}

@media screen AND (max-width:325px) {
	#top .ww .title span {
		font-size: 1em;
		padding-top: 22px;
	}
}

@media screen AND (max-width:300px) {
	#top .ww .title span {
		display: none;
	}
}

#top .ww .title IMG {
	margin-top: 5px;
}

#main {
	min-height: 72vh;
	padding: 0;
}

#bottom1 {
	color: #666;
	background-color: #e8e8e8;
}

#bottom1 .ww {
	padding: 1em 0;
	text-align: center;
}

#bottom1 .ww IMG {
	width: 600px;
	height: 100px;
}

@media screen AND (orientation:portrait) {
	#bottom1 .ww IMG {
		width: 96vw;
    height: 15vw;
	}
}

#bottom2 {
	background-color: #2B2B2B;
	color: #fff;
	padding: 2em;
	text-align: left;
	font-size:.8em;
}

#bottom2 .group {
	padding: 10px;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	width: 152px;
}

#bottom2 .mn_tit {
	color: #FFF;
	text-transform: uppercase;
	padding-bottom: 10px;
}

#bottom2 A {
	display: block;
	color: #cecece;
}

#bottom2 A:hover {
	text-decoration: underline;
	color: #fff;
}
#bottom2 center {
	font-size:.8em;
}
FORM {
	margin: 0;
	padding: 1em;
	display: block;
}

#footer form {
	margin: -1em;
}

FORM H1 {
	background: #EAECF5;
	margin: -1em;
	padding: 1em;
}

INPUT, TEXTAREA, SELECT {
	width: 100%;
	padding: .7em;
	margin: .1em;
	border: 1px solid #ebebeb;
	border-bottom: 2px solid #ebebeb;
	outline: none;
	background: #fff;
}

INPUT:focus, TEXTAREA:focus, SELECT:focus {
	border-bottom: 2px solid #6ad70c;
}

INPUT, SELECT, TEXTAREA {
	font-size: 1em;
	border-radius: 2px;
	height: 3em;
	box-shadow: 1px 3px 7px #0001;
}

TEXTAREA {
	font-size: 1em;
	resize: none;
	height: 10em;
}

@media screen AND (max-width:500px) {
	INPUT, SELECT {
		font-size: 1em;
	}
}

DIV.btns {
	text-align: right;
	min-height: 3em;
	margin: 0 .5em;
}

DIV.btns A {
	padding: .5em;
	display: inline-block;
}

FORM#coin DIV.btns {
	text-align: right;
	min-height: 0;
}

DIV.topbtns {
	margin: -1.5em -1em 1em 0;
}

A.btn {
	border: 1px solid #eee;
	background-color: #fff;
	font-size: 1em;
	padding: .8em;
	margin: 1em 2px;
	color: #f60;
	width: 46%;
	display: inline-block;
	transition: .2s;
}

.user a.btn.mini {
	width: 25%;
	margin: 0;
	min-height: auto;
	height: 42px;
	vertical-align: top;
	padding: .5em;
}
#footer .user {
	text-align:center;
	padding-bottom:2em;
}
.roles a.btn {
	width: auto;
	margin: 1px;
}

A.btn.back {
	background-color: #cecece;
	color: #000;
}

A.btn.active {
	background-color: #71bf44;
	color: #fff;
}

A.btn:hover {
	border: 1px solid #fff;
	color: #fff;
	background-color: #338a02;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);
}

A.btn:hover SPAN {
	color: #fff;
}

A.btn:active {
	border: 1px solid #003;
	background-color: #005196;
	color: #fff;
}

INPUT[type='submit'], INPUT[type='reset'], .btns .btn {
	background: #0077cb;
	color: #fff;
	border: 1px solid #ddd;
	cursor: pointer;
	width: auto;
	display: inline-block;
	padding: .5em 1.5em;
	transition: background-color .2s;
}

INPUT[type='reset'] {
	background: #ddd;
}

INPUT[type='submit'], A.submit {
	background: #3179b4;
	color: #fff;
	float: right;
	margin-top: .5em;
	padding: 9px 2em !important;
}

INPUT[type='submit']:hover, INPUT[type='reset']:hover {
	background: #ffffd0;
	color: #000;
}

INPUT[type='submit']:active {
	background: #58b0f9;
	color: #fff;
}

input[type="checkbox"] {
	display: none;
}

input[type="checkbox"]+label {
	cursor: pointer;
	margin: 1em 0;
	padding: .5em .75em;
	display: inline-block;
	background-color: #eee;
	border-radius: 4px;
	border: 2px solid #FFF;
	color: #999;
	transition: .5s;
}

input[type="checkbox"]:hover+label {
	background-color: #FFF;
	color: #000;
}

input[type="checkbox"]:checked+label {
	color: #000;
	background-color: #bff5b9;
}

input[type="checkbox"]+label span {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: -2px 10px 0 0;
	vertical-align: middle;
	background: url(../img/check_radio_sheet.png) left top no-repeat;
	transition: background .3s;
}

input[type="checkbox"]:checked+label span {
	background: url(../img/check_radio_sheet.png) -19px top no-repeat;
}

LABEL {
	padding-top: 0.3em;
	display: inline-block;
	line-height: 1em;
	font-size: .8em;
}
.register_movements label {
	display: grid;
	padding:0;
}
.chklist LABEL {
	display: block !important;
	margin: 0 !important;
}

DIV.result {
	padding: 1em;
	text-align: right;
}

FORM H2 {
	margin-left: .7em;
}

DIV.loading {
	margin: 1em;
	padding: 1em;
	text-align: center;
	font-size: 1.2em;
	color: #AAA;
}

DIV.toast {
	position: fixed;
	top: 3em;
	margin: auto;
	left: 10%;
	background-color: #b65555;
	padding: 1em;
	right: 10%;
	color: #fff;
}

DIV.evid {
	font-size: 1.6em;
	padding: 1em;
	text-align: center;
}

DIV.evid2 {
	font-size: 1.3em;
	padding: 1em;
	text-align: center;
	color: #666;
}

SPAN.evid {
	color: #c09d20;
}

#toasts {
	position: fixed;
	top: 65px;
	left: 5vw;
	right: 5vw;
	z-index: 400;
}

#toasts>DIV {
	background: #404348;
	padding: 1em 2em;
	color: #fdfdfd;
	margin-top: 7px;
	box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 1);
}

#toasts>DIV H4 {
	font-size: 1.3em;
}

#toasts>DIV H4 SMALL {
	font-weight: normal;
}

.disabled {
	pointer-events: none;
	background: #d6d6d6 !important;
}

.break {
	word-break: break-all;
}

.list .el {
	padding: .5em 1em;
	margin: 1px -1em;
	background: #EAECF5;
}

.list .el .location {
	color: #224565;
	font-weight: bold;
}

.list .el .descr {
	color: #444;
	font-size: .9em;
}

.title A {
	display: inline-block;
	transition: .3s;
  padding: 0 8px;
}

.title A:hover {
	background-color: #ffffff38;
}

.bigbtns A {
	display: inline-block;
	padding: 0;
	border-radius: 10px;
	width: 8em;
	margin: 1em;
	background: #f1f1f1;
	color: #404348;
	text-decoration: none;
	vertical-align: top;
}

.bigbtns A:hover {
	background-color: #404348;
	color: #FFF;
}

.bigbtns A:active {
	background-color: #71bf44;
}

.bigbtns A .label {
	font-size: 1em;
	margin-top: -.4em;
}

.measure.new .label {
	color: #aaa;
}

.measure:hover .label {
	color: #000;
}

.bigbtns A .value {
	font-size: 1.8em;
	line-height: 32px;
}

.bigbtns A IMG {
	height: 3em;
	display: inline-block;
	margin: 4px;
	transition: .6s;
	padding: .4em;
	opacity: .75;
	filter: grayscale(0%) brightness(100%);
}

.measure.small .value {
	font-size: .8em;
	font-weight: bold;
}

.measure.new IMG {
	filter: grayscale(50%) brightness(80%);
	opacity: .3;
}

.bigbtns A:hover IMG {
	filter: grayscale(100%) brightness(150%);
	opacity: 1;
}

INPUT[type=number] {
	text-align: center;
}

.newdata .history .list {
	max-height: 37vh;
	overflow: auto;
	text-align: left;
	margin: 0 -1em;
}

.newdata .history>DIV {
	padding: 1em;
}

.history .el {
	border-bottom: 1px solid #999;
}

.history .el .val {
	float: right;
	font-size: 1.5em;
}

.history .el .time {
	font-size: .8em;
}

.chart {}

.chart .toolbar {
	position: relative;
	z-index: 2;
	height: 1px;
}

.chart .toolbar .popup {
	width: 100px;
	top: -30px;
	position: relative;
	margin-left: -30px;
	text-align: right;
	font-size: .55em;
	background-color: rgba(255, 255, 0, .9);
	padding: .5em;
	box-shadow: 0 2px 10px rgba(199, 202, 30, 0.94);
	transition: left 1s, top .4s;
	border-radius: 5px;
	pointer-events: none;
	font-size: .8em;
}

.chart .toolbar .popup B {
	font-size: 1.2em;
}

#top .menu {
	float: right;
}

#top .ww .menu A {
	background-repeat: no-repeat;
	background-position: 50% 40%;
	background-size: 28%;
	height: 60px;
	width: 48px;
	opacity: .9;
	transition: .1s;
	display: inline-block;
	margin-right: 2px;
	font-size: .65em;
	line-height: 8.5em;
	color:#fff;
	letter-spacing: -1px;
	/* filter: invert(1); */
}

@media screen and (max-width:340px) {
	#top .ww .menu A {
		font-size: .6em;
		width: 42px;
	}
}

#top .ww .menu A:hover {
	/* filter: invert(0); */
	opacity: 1;
	background-size: 42%;
}

#top A.scan {
	background-image: url(../qrcode/cam2.png);
}

#top A.create {
	background-image: url(../img/create.png);
}

#top A.ach {
	background-image: url(../img/profile.png);
}
#top A.eur {
	background-image: url(../img/eur.png);
}

#top A.shop {
	background-image: url(../img/shop.png);
	background-size: 42%!important;
}
#top A.shop:hover {
	background-size: 50%!important;
}

#top A.news {
	background-image: url(../img/news.png);
}

#top A.eventi {
	background-image: url('../img/eventi.png');
}
#top A.events {
	background-image: url('../img/events.png?1');
}

#top A.config {
	background-image: url(../img/gear.png);
}

#top A.qr {
	background-image: url(../img/checked.png);
}

#top A.btnlog {
	background-image: url(../img/log.png);
}

#main .menu {
	background-color: #EAECF5;
	border-radius: 1em;
	display: inline-block;
	margin: 5px 0 -10px 0;
	float: right;
	height: 28px;
}

#main .menu .tool {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 1em;
	color: #666;
	height: 28px;
}

#main .menu .tool:hover {
	background-color: #666;
	color: #fff;
	text-decoration: none;
}

#main .menu .tool:active {
	background-color: #333;
	color: #fff;
}

#main .menu INPUT {
	display: inline-block;
	width: 150px;
	vertical-align: middle;
	padding: 0;
}

input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	margin: 5.5px 0;
}

input[type=range]:focus {
	outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 10px;
	cursor: pointer;
	box-shadow: 1px 1px 1.9px #002200, 0px 0px 1px #003c00;
	background: #ffffff;
	border-radius: 2px;
	border: 0.5px solid #18d501;
}

input[type=range]::-webkit-slider-thumb {
	border: 2.4px solid rgba(68, 182, 97, 0.7);
	height: 15px;
	width: 15px;
	border-radius: 5px;
	background: #71bf44;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -3px;
}

input[type=range]:hover::-webkit-slider-thumb {
	border: 2.4px solid rgba(68, 182, 97, 1);
}

input[type=range]:focus::-webkit-slider-runnable-track {
	background: #ffffff;
}

input[type=range]::-moz-range-track {
	width: 100%;
	height: 4px;
	cursor: pointer;
	box-shadow: 1px 1px 1.9px #002200, 0px 0px 1px #003c00;
	background: #ffffff;
	border-radius: 2px;
	border: 0.5px solid #18d501;
}

input[type=range]::-moz-range-thumb {
	box-shadow: 2.3px 2.3px 2.7px rgba(0, 0, 0, 0.37), 0px 0px 2.3px rgba(13, 13, 13, 0.37);
	border: 2.4px solid rgba(68, 182, 97, 0.17);
	height: 15px;
	width: 15px;
	border-radius: 5px;
	background: #ffffff;
	cursor: pointer;
}

input[type=range]::-ms-track {
	width: 100%;
	height: 4px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}

input[type=range]::-ms-fill-lower {
	background: #f2f2f2;
	border: 0.5px solid #18d501;
	border-radius: 4px;
	box-shadow: 1px 1px 1.9px #002200, 0px 0px 1px #003c00;
}

input[type=range]::-ms-fill-upper {
	background: #ffffff;
	border: 0.5px solid #18d501;
	border-radius: 4px;
	box-shadow: 1px 1px 1.9px #002200, 0px 0px 1px #003c00;
}

input[type=range]::-ms-thumb {
	box-shadow: 2.3px 2.3px 2.7px rgba(0, 0, 0, 0.37), 0px 0px 2.3px rgba(13, 13, 13, 0.37);
	border: 2.4px solid rgba(68, 182, 97, 0.17);
	height: 15px;
	width: 15px;
	border-radius: 5px;
	background: #ffffff;
	cursor: pointer;
	height: 4px;
}

input[type=range]:focus::-ms-fill-lower {
	background: #ffffff;
}

input[type=range]:focus::-ms-fill-upper {
	background: #ffffff;
}

.divcurrency, .divprofile, .divrole, .divprojects {
	margin: 1em 0;
}

.roles .group {
}

.divcurrency>A, .divprojects .list>A.project {
	margin: 2px;
	background-color: #f1f1f1;
	border-radius: 4px;
	color: #000;
	text-align: center;
	transition: .5s;
	word-break: break-all;
	width: 15vw;
	padding: .5em;
	display: inline-block;
	font-size: .8em;
	max-width: 150px;
	min-width: 75px;
}

.divcurrency>A {
	background-color: #fff;
}

.divcurrency.home>A, .divprojects .list>A.project {
	font-size: 1.2em;
	display: inline-block;
	max-width: 100%;
	min-width: auto;
	width: 100%;
	margin: 3px auto;
}

.divcurrency>A.mine {
	background-size: 36px;
	background-color: #EAECF5;
	transition: .2s;
	color: #118204;
	text-shadow: 0px 0px 1px #0003, 0px -1px 0px #fff;
	font-weight: bold;
	box-shadow: 0px 0px 0px 2px #71bf44;
}

A.mine .currency {
	color: #666;
}

.divprojects .list>A {
	text-align: left !important;
}

.divcurrency>A:hover, A.mine:hover .currency, .divprojects .list>A:hover {
	color: #FFF;
	background-color: #404348;
	text-decoration: none;
	font-weight: normal;
}

.divprojects .list>A:hover {
	background-color: #224565;
}

.divcurrency>A.active {
	color: #000;
	background-color: #71bf44;
}

.currency {
	font-size: 11px;
	/* color:#e8e8e8; */
	display: block;
}

.divcurrency.home>A {
	text-align: center;
	margin: 2px;
	width: 130px;
	padding: .5em;
}

.divcurrency.home>A svg {
	display: block;
	margin: auto;
	width: 100px;
	height: 60px;
}

.divcurrency.home>A .iconcoin {
	float: left;
	text-align: center;
}

/* .divprojects .list {
	overflow: auto;
	max-height: 30vh;
} */
@media screen AND (orientation:landscape) and (min-width:600px) {
	.divprojects .list>A.project {
		width: auto;
		min-width: 312px;
		margin: 5px;
	}

	.divprojects .list {
		max-height: 42vh;
	}
}

FORM#send H3 {
	float: right;
}

.portrait {
	display: block;
}

@media screen AND (orientation:landscape) and (min-width:600px) {
	.portrait {
		display: inline-block;
		width: 1em;
	}
}

@media screen AND (max-height:400px) {
	#main H1 {
		padding: .1em 1em;
		text-align: left;
	}

	FORM {
		margin: .1em -1em;
		padding: .1em 1em;
	}

	H3 {
		margin: .1em 1em;
	}
}

INPUT[type='color'] {
	padding: 1px 20px;
	height: 30px;
}

.divprojects .iconcoin svg {
	width: 50px !important;
	height: 50px !important;
}

.currency:hover .imgcoin {
	box-shadow: none;
}

.iconcoin .imgcoin {
	white-space: nowrap;
	overflow: hidden;
	transition: .3s;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	border: 8px solid #fff;
	background-color: #fff;
	margin: auto;
	border-color: rgb(55, 248, 7);
	color: #ffffffe3;
	text-shadow: 0px 1px #fff, 0px -1px #fff;
	box-shadow: 0px 3px 3px 1px #0003;
	font-weight: bold;
	line-height: 45px;
	font-size: 13px;
	text-align: center;
	background-image: url(../img/bgcoin1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 116%;
}

DIV.descr, p {
	text-align: left;
	padding: .2em;
  margin: 0 .2em;
	line-height: 1em;
	font-size: 1.1em;
}
DIV.txid {
	word-break: break-all;
	font-size: .8em;
}

TIME {
	color: #057db9;
}

DIV.movements, DIV.manager {
	max-width: 500px;
	margin: 1em auto;
	padding: 0 1em;
}

DIV.movements>DIV {
	border-bottom: 1px solid #666;
}

DIV.movements .amount {
	float: right;
	font-size: 2.5em;
	font-weight: bold;
	padding: 0 0 .5em .5em;
	color: #080;
	text-align: right;
}

DIV.movements .amount.negative {
	color: #800;
}

.miners.hosted {
	min-height: 12vh;
	margin: 0 -1em;
}

.miners.hosted .tots {
	margin: 0 1em;
}

.miners .miner {
	display: inline-block;
	padding: .75em 1em;
	padding-bottom: .5em;
	width: 100%;
	background: #FFF;
	border-bottom: 1px solid #f7931b;
}

.miners.store .miner {
	border-top: 1px solid #f7931b;
	border-bottom: 0;
}

.miner .minericon IMG:first-child {
	transition: 1s;
	margin-right: -48px;
}

.store .miner .minericon IMG:first-child {
	margin-right: -32px;
}

.miner.on .minericon IMG:first-child {
	box-shadow: 0px 0px 1em inset #0f0, 0px 0px .5em #0f09;
}

.miner.standby .minericon IMG:first-child {
	box-shadow: 0px 0px 1em inset #ff0, 0px 0px .5em #ff09;
}

.miner.off .minericon IMG:first-child {
	box-shadow: 0px 0px 1em inset #f00, 0px 0px .1em #f00;
}

.miner.active .minericon IMG:last-child, .store .miner:hover .minericon IMG:last-child {
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-ms-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating .5s linear infinite;
}

@-webkit-keyframes rotating

/* Safari and Chrome */
	{
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.eur {
	color: #0085e6;
}

.mbtc {
	color: #ff8b00;
	font-size: 1.4em;
}

.mytoken {
	color: #a70909;
	font-size: 1.4em;
}

.miners.store A:hover {
	text-decoration: none;
}

.patina {
	background: #0003;
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 299;
}

#footer, #footer2 {
	z-index: 300;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	color: #000;
	box-shadow: 0px 1px 10px #0004, 0px 8px 0px -3px inset #404348;
	padding: 1em;
	padding-bottom: 0;
	max-height: 84vh;
	overflow: auto;
}

#footer .content, #footer2 .content {
	max-height: 65vh;
	overflow: auto;
	margin: 0 -1em;
	padding: 0 1em;
}

#footer .btnclose, #footer2 .btnclose {
  padding: .5em 1em;
  margin-top: -1em;
  display: inline-block;
  z-index: 9999;
}

.store_page .el {
	padding: 1em;
	margin: .1vw;
	background: #EAECF5;
}

.store_page {
	text-align: center;
}

.log {
	text-align: left;
	padding: 1em;
	border-bottom: 1px solid #eee;
}

.log H3 {
	margin-top: 0;
}

.log TIME {
	float: right;
}

@media screen AND (orientation:landscape) and (min-width:600px) {
	.floatingleft {
		vertical-align: top;
		display: inline-block;
		width: 30%;
	}

	.floatingright {
		vertical-align: top;
		display: inline-block;
		width: 70%;
	}

	.floatingleft .qr IMG {
		max-width: 90%;
	}
}
@media screen AND (orientation:landscape) and (min-width:1000px) {
	.floatingleft {
		position: relative;
		left: -40px;
	}
}
@media screen AND (orientation:landscape) and (min-width:1300px) {
	.floatingleft {
		left: -120px;
	}
}
#bottom1 H3 {
	margin: 0 36px;
	font-size: 23.4px;
	color: #fff;
	line-height: 27px;
}

#bottom1 .evid {
	color: #f60;
}

#bottom1 SMALL {
	font-size: 12.8px;
	line-height: 6px;
	display: inline-block;
}

.trade {}

.trade .row {
	border-bottom: 1px solid #f00;
	margin: -1em;
	padding: 2em 1em 1em 1em;
}

.trade .from, .trade .arrow, .trade .to {
	display: inline-block;
	width: 47.5%;
	font-size: 5.5vw;
}

@media screen AND (min-width:600px) {
	.trade .from, .trade .arrow, .trade .to {
		font-size: 2em;
	}
}

.trade .arrow {
	width: 5%;
}

.trade .arrow:before {
	content: "\00BB";
}

.trade .to {
	text-align: right;
}

.trade .rate {
	float: right;
}

.float-right {
	float: right;
}

.listwallet {
	margin-bottom: 10vh;
}

.ranking H1 {
	margin-top: 2em !important;
}

.ranking H1:first-child {
	margin-top: -.5em !important;
}

.listrank {
	max-height: 54vh;
	overflow: auto;
	margin: 0 -1em;
}

.rank {
	font-size: 1.2em;
	padding: .5em;
	border-bottom: 1px solid #eee;
}

.rank .pos {
	margin-right: 10px;
}

.rank .points {
	font-size: 2em;
}

.positive {
	color: #080;
}

.negative {
	color: #800;
}

.rank .iconcoin {
	float: left;
	margin-right: 1em;
}

@media screen AND (max-width:400px) {
	.rank .iconcoin {
		float: left;
		margin-left: -1.5em;
		margin-right: .5em;
	}
}

.rate {
	color: #00730f;
	font-weight: bold;
}

.xewald b {
	color: #34a5e6;
}

.xewald li {
	font-size: .9em;
	margin-bottom: .5em;
	margin-top: 2em;
}

.project .field {
	display: inline-block;
	padding: 1em;
	margin: .2em;
	min-width: 30%;
}

.project label {
	display: block;
	font-size: .8em;
	text-align: center;
	color: #666;
}

ul.events {
	text-align: left;
	max-width: 500px;
	margin: 1em auto;
	padding: 0;
}

ul.events li {
	padding: .5em;
	list-style-type: none;
	background: #EAECF5;
	border-radius: 4px;
	margin: 2px
}
UL.ability LI{
	vertical-align:middle;
	font-size:1em;
	min-height:0;
}
UL.events {
	text-align:left;
  color:#000;
  padding:0;
  list-style-type: none;
}
UL.events LI{
	font-size:1em;
}
UL.events LI.today, UL.events LI.renew, UL.events LI.start, UL.events LI.expire{
  margin: .2em -2em;
  padding: 3px 2em;
  padding-left: 5px;
  border-left: 50px solid #f7dbaa;
  border-top: 1px solid #f7dbaa;
}
UL.events LI.start, UL.events LI.renew{
  border-color: #91ca97;
}
UL.events LI.expire{
  border-color: #862a2a;
}
UL.events LI.emptydays{
	max-height:30vh;
	background-image:url('../img/bglist.png');
  background-repeat-x: no-repeat;
  background-position: center;
  background-size: 11px;
}
UL.events LI .deleted{
  text-decoration: line-through;
  color:#969696;
}
UL.events .dt{
	font-size:.8em;
  color:#555;
}
#footer ul.events li, #footer2 ul.events li {
	background-color: transparent;
	max-height: 100px;
}
.expiry_expired, .expiry_expiring {
  -webkit-animation-name: blinker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: .5s;
}
.expiry_expired {
  color:#800;
}
.expiry_expiring {
  color:#f60;
}
.expiry_lastmonth {
  color:#10820a;
}

.prospect {
	text-align: center;
	max-width: 240px;
	margin: 2em auto;
}

.prospect ul {
	text-align: left;
}

.prospect .year {
	color: #f60;
	width: 8em;
	text-align: right;
	display: inline-block;
}

.prospect .amount {
	float: right;
	font-family: monospace;
	color: #297aa9;
	width: 6em;
	text-align: right;
}

.market .list {
	margin-top: 1em;
	background: #fff;
	box-shadow: 0 0 5px #0003;
}

.market .list a.el {
	display: block;
	padding: 1em;
	/* border-bottom: 1px solid #ccc; */
}
.market .id {
	font-size: .8em;
}

.market .amount {
	float: right;
}

.market .owner, .market .manager {
	display: inline-block;
	padding: .5em;
	min-width: 140px;
}

.market .owner span, .market .manager span {
	font-size: .8em;
	display: block;
	color: #aaa;
}

.btn.external {
	background: #89a6b8;
}

.notarized ul {
	text-align: left;
	max-width: 500px;
	margin: 1em auto;
	padding: 0;
}

.notarized ul li {
	padding: .5em;
	list-style-type: none;
	background: #EAECF5;
	border-radius: 4px;
	margin: 2px
}

.hash {
	color: #999;
}

.hash label {
	color: #444;
	display: block;
}

.notarized .btns {
	min-height: auto;
}

.notarized .error {
	color: #800;
	font-size: .8em;
}

.notarized h4 {
	margin: 0;
	padding: 0;
	margin-top: 1em;
}

A.currency:hover span.currency {
	color: #aaa;
}

.userloading {
	position: fixed;
	top: 54px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 200;
}

@-webkit-keyframes rotating {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

.userloading img {
	-webkit-animation: rotating 2s linear infinite;
}

a.color {
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	border-radius: 50%;
	border: 5px solid #fff;
	box-shadow: 0px 0px 2px #0003;
	margin: .2em;
}

svg .txt3 {
	text-shadow: 1px 0px 1px #fff;
}

div.palette {
	overflow: auto;
	width: 100%;
	white-space: nowrap;
}

.config.ticket .customize {
	padding-bottom: 2em;
}

@media screen AND (orientation:landscape) and (min-width:600px) {
	.half {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		padding: 1em;
	}
}

.weekday .day:first-child {
	border-radius: 1em 0 0 1em;
}

.weekday .day:last-child {
	border-radius: 0 1em 1em 0;
}

.weekday .day {
	padding: .8em 0;
	display: inline-block;
	border-right: 1px solid #fff3;
	background: #eee;
	margin: 2px 0;
	color: #666;
	transition: .2s;
	width: 14%;
	text-align: center;
	font-size: .7em;
}

.weekday .day:hover {
	box-shadow: 0 0 0 3px inset #fff8;
}

.weekday .day.active {
	background: #080;
	color: #FFF;
}

A.openclose {
	padding: .25em 1em;
	background: #f4f4f4;
}

A.openclose:hover {
	background: #fff;
}

A.openclose:before {
	color: #666;
	content: '\25BC';
	padding: .5em;
	display: inline-block;
	color: #666;
	transition: .2s;
}

A.openclose:hover:before {
	transition: .5s;
	color: #0a0;
}

A.openclose.active:before {
	color: #080;
	transform: rotate(180deg);
}

.config_calendar form {
	margin: 0;
	padding: 0;
}

.config_calendar input, .config_calendar select {
	height: 40px;
	vertical-align: text-bottom;
	padding: 4px;
}

.config_calendar .el>div.head {
	border-bottom: 1px solid #f4f4f4;
	padding: 1em;
	margin: 0;
	background: #fff;
}

.btn.remove {
	background: #f00;
	color: #FFF;
	width: auto;
	padding: .5em 1em;
	margin-top: 0em;
	margin-bottom: 4em;
}

.offers .remove {
	margin-bottom: 0;
}

.offers {
	text-align: left;
	margin: 0 .5em;
}

.offers input, .offers select {
	height: 2.4em;
	vertical-align: middle;
	padding: 0 7px;
	margin: 0px;
	font-size: 1em;
}

.offers>div {
	margin-bottom: 3px;
	border-bottom: 1px solid #f4f4f4;
}

A.offer {
	display: block;
	background: #f4f4f4;
	margin-bottom: 2px;
	padding: .5em;
	color: #666;
	box-shadow: #0003 0 0 3px;
	transition: .3s;
	border-left: 3px solid #aaa;
}

A.offer.active {
	border-left: 7px solid #080;
}

A.offer.soldout {
	border-left: 12px solid #800;
}

A.offer.active .is_active {
	color: #31b931;
	background: #fff;
}

A.offer:hover {
	background: #eff6ff;
	box-shadow: 0 0 3px #3291c9;
	text-decoration: none;
}

A.offer>div {
	/* display:inline-block;
	width:20%;
	padding:2px; */
}

A.offer .label {
	font-size: 1.4em;
	color: #000;
}

A.offer .tag {
	display: inline-block;
	padding: .2em .5em;
	border-radius: 3px;
	background: #d8d8d8;
	font-size: .8em;
	margin: .2em;
	color: #0067a2;
}

DIV.offer {
	display: inline-block;
	padding: 1em;
}

DIV.offer h2 {
	text-align: left;
}

@media screen and (min-width:1000px) {
	div.offer {
		margin: 1em;
	}
}

.form_offer {
	border: 1px solid rgb(244, 244, 244);
	padding: 0.5em;
	margin: -6px -.5em 1em;
	background: rgb(255, 255, 255);
	box-shadow: #0003 0 0 3px;
}

.products {
	text-align: center;
}

.market .offer {
	display: inline-block;
	background: transparent;
	padding: 1em;
	/* box-shadow: 0 0 5px #0003; */
	width: 50%;
	min-width: 290px;
	max-width: 350px;
}

.market .offer h3 {
	margin: 0;
	margin-bottom: .3em;
	padding: 0;
}

.market .offer .duration {
	font-size: .8em;
	color: #849ab0;
	text-shadow: none;
}

.offer .btns {
	min-height: 0;
	text-align: left;
}

.offer a.btn {
	margin: 0;
	text-shadow: none;
	padding: .5em;
	margin-top: .1em;
	width: auto;
	display: inline-block;
}

.lds-hourglass {
	display: inline-block;
	position: relative;
	width: 18px;
	height: 18px;
	margin: auto;
}

.lds-hourglass:after {
	content: " ";
	display: block;
	border-radius: 50%;
	width: 0;
	height: 0;
	margin: 4px;
	box-sizing: border-box;
	border: 9px solid #000;
	border-color: #233741 transparent #233741 transparent;
	animation: lds-hourglass 1.2s infinite;
}
.lds-hourglass.white:after {
	border-color: #fff transparent #fff transparent;
}

@keyframes lds-hourglass {
	0% {
		transform: rotate(0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	50% {
		transform: rotate(900deg);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	100% {
		transform: rotate(1800deg);
	}
}

#firstloading {
	text-align: center;
	padding-top: 5em;
}

.warning {
	text-align: right;
}

.cost.big {
	font-size: 2em;
	clear: both;
	text-align: right;
}

.movements .list>div {
	margin-bottom: .5em;
	padding: .4em 0;
	border-bottom: 1px solid #eee;
}

.qr {
	text-align: center;
}

.calendar {
	padding: 1em;
}

.calendar .btns {
	margin: 5px 0 0 5px;
}

.adminbtnsinvite {
	text-align: center;
}

.adminbtnsinvite a {
	width: 14.5em;
	font-size: .7em;
	margin: 0;
	margin-top: 1em;
	background: transparent;
	border: 1px solid transparent;
}

.adminbtnsinvite a img {
	display: block;
	margin: auto;
}

.calendar .btns A.btn, .adminbtns A.btn {
	display: inline-block;
	background-color: #fff;
	padding: .4em 1em;
	border-radius: 0;
	margin: 5px;
	color: #666;
	text-align: center;
}

.adminbtns A.btn {
	width: 4.2em;
	font-size: .8em;
	margin: 0;
	margin-top: 1em;
	background: transparent;
	border: 0;
	padding: 5px;
	padding-bottom: 0;
}

.adminbtns A.btn img {
	margin: auto;
	display: block;
}

A.onoff img{
	filter:opacity(.2);
}
A.onoff.on img{
	filter:opacity(1);
}
A.onoff.waiting {
	background: #ffa;
}

.adminbtns A.btn:hover {
	color: #fff;
	background: #862a2a;
}

/* .adminbtns .btn.left {
	text-align: left;
} */
.calendar H2 {
	margin: 1em 0;
	color: #125484;
	font-size: 1.4em;
}

.calendar H3 {
	margin: 0;
}

.calendar H4 {
	font-size: 1.2em;
	font-weight: normal;
	margin: .25em 0;
}
.calendar H4 .instructor{
	margin-left: 5px;
  color: #0076ae;
  font-size: .7em;
  font-weight: bold;
}

.calendar H4 A {
	font-size: 1.2em;
}

.calendar A {
	color: #666;
}

.calendar>DIV.ended A {
	color: #a2a2a2;
}

.calendar>DIV {
	padding: .6em;
	background-color: #FFF;
	/* box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); */
	border-radius: 8px;
	margin: 1px -12px;
}
.calendar>DIV.target {
	border-right: 5px solid #666;
}

.calendar>DIV.nextto {
	background-color: #fbffd0;
}

.calendar > DIV.starting {background-color: #c4ffcc;}
.calendar>DIV.playing {
	border: 2px solid #0ba22c;
  background-color: #fffdc4;
  box-shadow: 0 0 0px 3px inset #fff;
}

.calendar>DIV.playing A.order, .calendar>DIV.starting A.order {
	-webkit-animation-name: blinker;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: .5s;
	color: #f60;
}

.calendar>DIV.ended {
	background-color: #eee;
	color: #a2a2a2;
	display: none;
}

.calendar>DIV.closed {
	background-color: #eee;
	color: #444;
}

.calendar>DIV.closed A.order {
	color: #862a2a;
}

.calendar>DIV.closed A.active.order {
	color: #fff;
}

.calendar>DIV.playing A.order, .calendar>DIV.playing A.order:active, .calendar>DIV.playing A.order:hover,
.calendar>DIV.ended A.order, .calendar>DIV.ended A.order:active, .calendar>DIV.ended A.order:hover,
.calendar>DIV.starting A.order, .calendar>DIV.starting A.order:active, .calendar>DIV.starting A.order:hover .calendar>DIV.closed A.order, .calendar>DIV.closed A.order:active, .calendar>DIV.closed A.order:hover {
	cursor: default;
	background-color: transparent;
}
.calendar a img.ticket {
	filter: brightness(0.1);transform: rotate(-15deg);margin-right:5px;
}
.calendar a.available img.ticket {
	filter: hue-rotate(65deg);
}
@-webkit-keyframes blinker {
	from {
		opacity: 1.0;
	}

	to {
		opacity: 0.5;
	}
}

.calendar>DIV A.order {
	float: right;
	margin: -.5em -.5em;
	padding: .5em;
	transition: background .5s;
	text-align: right;
	color: #4b7aa5;
}

A.order.error {
	background-color: #F00;
	color: #FFF !important;
}

.calendar>DIV A.active {
	background-color: #40a072;
	color: #fff;
}

.calendar>DIV A.order:active {
	background: #3179b4;
	color: #FFF;
	transition: 0;
}

.calendar>DIV A.disabled {
	box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, .2);
	background-color: #f4f4f4;
	color: #999;
}

.calendar H4 SPAN {
	background: #F00;
	padding: .5em;
	width: 50px;
	height: 68px;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	margin: -3em 8px -32px -58px;
	/* margin-right: 10px; */
	text-transform: uppercase;
	color: #ffffff;
	text-shadow: 0px 2px 3px rgba(0, 0, 0, .7);
	z-index: -1;
	position: relative;
	top: 2px;
}

.calendar_summary {
	overflow-x: auto;
	border: 0;
	box-shadow: none !important;
	margin-left: 0 !important;
	padding: 0 !important;
}

.calendar_summary .s_title {
	margin-top: 15px;
	margin-bottom: 5px;
}

.calendar_summary .group {
	margin-top: 1em;
}

.calendar_summary .group:first-child .s_title, .calendar_summary .group:first-child {
	margin-top: 0;
}

.calendar_summary .part A {
	background: #f4f4f4;
	display: inline-block;
	max-width: 120px;
	padding: 1em .75em;
	font-size: .8em;
}

.calendar_summary .part A:hover {
	background: #f0f0f0;
}

.calendar_summary .group .part {
	margin-bottom: 1px;
}

.changed {
	text-decoration: auto;
	font-size: .8em;
	color: #0d6999;
}

.calendar > DIV.status_canceled {
	text-decoration: line-through;
	background:#f3eaea;
}

DIV.status.status_canceled {
	text-decoration: auto;
	background: #ff0000;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	padding: .5em 1em;
	transform: rotate(-6deg);
	font-size: 13px;
	margin-top: -1em;
	margin-left: 1em;
}

.btnopenoptday:hover {
	background: #fff;
}

.btnopenoptday.active {
	transform: rotate(90deg);
}

.btnopenoptday {
	border-radius: 5px;
	width: 42px;
	height: 38px;
	text-align: center;
	padding-top: 10px;
	margin-top: 0.5em;
	background: #e9e9e9;
	transition: .2s;
}

HR {
	clear: both;
	width: 50%;
}

DIV.optday {
	background-color: transparent;
	box-shadow: none;
	padding: 0;
	margin: 1em -1em;
	text-align: right;
}

DIV.optday A {
	display: inline-block;
	padding: .2em .2em;
	border: 1px solid #eee;
	margin: 2px;
	text-align: center;
	font-size: .8em;
	width: 5.7em;
	background: #125484;
	color: #fff;
	border-radius: 5px;
	line-height: .8em;
}

DIV.optday A:hover {
	background: #2b77b7;
}

DIV.optday A B {
	background: #ff9800;
	width: 1.5em;
	height: 1.5em;
	display: inline-block;
	font-weight: normal;
	font-size: 1.2em;
	border-radius: 50%;
	font-family: ui-monospace;
	line-height: 1.5em;
}

A.btngroup {
	display: block;
	margin: 1em 0;
}

FORM .btnclose {
	display: inline-block;
	float: right;
	margin: -.8em;
	padding: .5em;
}

.adminbtns form#event {
	margin: 1em -2em 1em -4em;
	background: #f4f4f4;
	padding: 1em;
	text-align: left;
}

#footeruser DIV.loading {
	margin: 0 1em;
	padding: 0 1em;
	color: #FFF;
}

#footerusers H1 {
	margin-top: .5em;
}

#footerusers>.inner {
	max-height: 61vh;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

#footerusers.full>.inner {
	max-height: 79vh;
}

#footerusers>.inner.dog {
	max-height: none;
}

.calendar .sub {
	margin-top: .5em;
	margin-bottom: .6em;
	border-top: 1px solid #f4f4f4;
	padding-top: .5em;
}

.calendar .sub:empty {
	display: none;
}

.calendar .sub A.user {
	padding: 8px;
	display: inline-block;
	background-color: #f4f4f4;
	margin: 0px 5px;
}

.calendar .sub A.user:hover {
	background-color: #ff0;
}

.calendar .sub A.user.deleted {
	text-decoration: line-through;
}

BODY>.footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1em;
	background-color: #fff;
	box-shadow: 0px -3px 10px rgba(0, 0, 0, .3);
	border-top: 6px solid #000;
	z-index: 101;
	overflow: auto;
	height: 70vh;
}

BODY>.footer.full {
	height: 88vh;
}

BODY>.footer A.close {
	float: right;
	padding: 1em;
	margin: -1em;
}

BODY>.footer A.btn {
	display: block;
	margin: .1em;
	color: #1a6cb4;
	background: #FFF;
	width: auto;
	text-align: left;
}

BODY>.footer A.btn:hover {
	color: #f30;
}

BODY>.footer A.active {
	border-left: 10px solid #f30;
}

FORM A.val {
	display: inline-block;
	padding: .5em;
}

#footer .err {
	margin: 5em 0;
}

#footer .ach {
	margin-bottom: 2em;
}

#footer .multi label, #footer2 .multi label {
	display: block;
	margin: 0;
	border-radius: 0;
	border-bottom: 1px solid #fff;
}

span.inactive {
	color: #a73131;
}

.sharebtns img {
	width: 30px;
	padding: 1px;
	border: 0;
	box-shadow: 0;
	display: inline;
}

.sharebtns {
	text-align: left;
	display: inline-block;
	margin: 11px 0 0 0;
	width: 100%;
}

.sharebtns A {
	display: inline-block;
	vertical-align: text-bottom;
	height: 30px;
	padding: 0 !important;
}

.sharebtns .copytoclipboard IMG {
	width: 14px;
	height: 14px;
	vertical-align: inherit;
}

.sharebtns .copytoclipboard {
	height: 30px;
	border-radius: 20px;
	background-color: #bcdcff;
	color: #000;
	line-height: 30px;
	padding: 0 10px !important;
	transition: .2s;
	float: right;
	font-size: .8em;
}

.sharebtns .copytoclipboard:hover {
	background-color: #ff0;
}

.sharebtns .copytoclipboard:active {
	background-color: #0073b2;
	color: #4c75a3;
}

.sharebtns .copytoclipboard.done {
	background-color: #3bdd5d;
}

.sharebtns .close {
	height: 30px;
	width: 30px;
	border-radius: 20px;
	float: right;
	text-align: center;
	line-height: 30px;
	font-size: 1.5em;
	font-family: monospace;
}

.rubrica A {
	display: block;
	padding: 1em;
	margin: 1px 0;
}

.rubrica A H2 {
	font-size: 1em;
	margin: 0;
}

form.form_ev {
	margin: 0;
	padding: 1em;
}

form.form_ev .btn.remove {
	margin: 0;
}

.bookticket {
	margin: 1em 0 7em 0;
	text-align: center;
}

.bookticket .ticket {
	display: inline-block;
	width: 140px;
	text-align: center;
	margin: .5em;
	vertical-align: top;
	padding: 0 .2em;
	font-size: .8em;
	color: #fff;
	background: #3179b4;
	border-radius: 1em;
}

.bookticket .ticket.owned {
	background: #080;
}

.bookticket svg {
	margin: auto;
	display: block;
}

.bookticket .type {
	margin-top: -1.5em;
	height: 1.5em;
	color: #ff0;
	text-transform: uppercase;
	font-style: italic;
	font-size: .8em;
}

.bookticket .label {
	min-height: 3em;
}

.bookticket .btn {
	color: #fff;
	padding: .5em;
}

.bookticket .ticket svg {
	filter: drop-shadow(#000 0 0 0);
	width: 80px;
	height: 100px;
	transition: .1s;
	transform: rotate(15deg);
}

.bookticket .ticket:hover svg {
	transform: rotate(0deg);
	width: 120px;
	transition: .2s;
	filter: drop-shadow(#000 2px 1px 2px);
}

.bookticket .owned svg {
	transform: rotate(0deg);
	width: 100px;
	filter: saturate(1) drop-shadow(#0005 2px 1px 5px);
}

.bookticket .owned .btn {}

.bookticket :hover .btn {
	color: #ff0;
}

div.success {
	margin: 4em 1em;
	padding: 3em;
	background: #FFF;
	border: 1px solid #cecece;
	box-shadow: 0 0px 5px #0003;
}

FORM.streampost .dragover {
	background: #cce7ffe6;
	padding: 2em 0;
	margin: 1em;
	border: 5px dashed #3b8acd;
	text-align: center;
	font-size: 1.5em;
	color: #0a3c67;
	height: 6em;
	margin-bottom: -7em;
	z-index: 1;
	position: relative;
	display: none;
}

FORM.streampost.is-dragover .dragover {
	display: block;
}

FORM.streampost INPUT[type='submit'] {
	font-size: .8em;
	float: right;
}

FORM.streampost INPUT[type='submit'].loading {
	background-color: #eee;
	cursor: default;
}

INPUT[type='submit'].error {
	background: #f00;
}

.stream {
	background: #f4f4f4;
}

FORM.streampost .radiofield {
	display: inline-block;
	width: auto;
	margin: 0 5px;
}

FORM.streampost .radiofield INPUT {
	display: inline-block;
	width: auto;
	margin: 0 5px;
}

FORM.streampost .radiofield LABEL {
	padding: 0;
}

FORM.streampost .type {
	background: #f4f4f4;
	margin: -1em;
	padding: 1em;
}

DIV.post {
	margin: 0;
	padding: 1em;
	margin-bottom: .5em;
	border-bottom: 1px solid #ddd;
	background: #fff;
	text-align: left;
}

DIV.post H2 {
	font-size: 1em;
	font-weight: bold;
}

DIV.post .timeago {
	font-size: .8em;
	float: right;
}

DIV.post .author, DIV.groupa .author {
	text-align: right;
	color: #862a2a;
	display: inline-block;
}

DIV.logs .author {
	font-size: .8em;
	text-align: right;
	color: #862a2a;
}

DIV.post .target {
	font-size: .8em;
	color: #666;
	display: inline-block;
	margin-right: 10px;
}

.btn.mini {
	font-size: .8em;
	margin: 1px;
	padding: .4em 2em;
}

DIV.post .msg {
	overflow: auto;
	text-align: justify;
}

.hidemore {
	overflow: hidden !important;
}

.youtubepreview {
	margin: 10px -10px 0 -10px;
}

.post .youtubepreview.full {
	min-height: 315px;
	background: #000;
}

.youtubepreview IMG {
	width: 150px;
	margin-top: 10px;
}

.preview IMG {
	height: 178px;
	transition: .3s;
	margin: .5px;
	border-radius: 7px;
}

.preview IMG.uploading {
	opacity: .3;
}

.post .preview {
	max-height: 60vh;
	overflow: auto;
}

@media screen AND (orientation:portrait) {
	.post .preview {
		max-height: 210px;
		overflow: auto;
		white-space: nowrap;
	}
}

.post.maxw .preview {
	max-height: none;
}

.post .preview .th {
	padding: .5px;
	display: inline-block;
	text-align: center;
}

.post .preview .th.toload {
	width: 30%;
	height: 100px;
}

.post .preview .th IMG {
	cursor: pointer;
	transition: none;
	border-radius: 6px;
}

.post .preview .th:hover IMG {
	box-shadow: 0 0 0 1px #000;
}

.fullscreen-bg {
	position: fixed;
	top: 48px;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: -100;
	text-align: center;
}

.th.fullscreen {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	background: #000000f0;
	padding-top: 2.5vw !important;
	overflow: auto;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.th.fullscreen>IMG {
	opacity: 0;
	/* width:95%;
  height:auto;
  border-radius:0!important; */
}

/* .th.fullscreen.portrait {
  padding-top: 2.5vh!important;
} */
/*.post .preview .th:-webkit-full-screen, .post .preview .th:-moz-full-screen, .post .preview .th:-ms-fullscreen, */
/* .post .preview .th:fullscreen {
  background-color: #000C;
  overflow:auto;
} */
/* :-webkit-full-screen, :-moz-full-screen, :-ms-fullscreen, :fullscreen
.post .preview .th:-webkit-full-screen IMG, .post .preview .th:-moz-full-screen IMG, .post .preview .th:-ms-fullscreen IMG,  */
/* .post .preview .th:fullscreen IMG {
  height:90vh;
  width:auto;
  border-radius: 0;
  box-shadow:none;
  margin-top:5vh;
  cursor:default;
} */
/* .post .preview .th.fullscreen.fullwidth IMG{
  margin-top:6vh;
  width:96vw;
  height: auto;
} */
.post .preview .th A {
	display: none!important;
}

/* .post .preview .th:fullscreen A {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  padding: .4em 0;
  font-size: 4vh;
  font-weight: bold;
  z-index: 1000;
  font-family: monospace;
  color: #000;
  background: #fff3;
  height: 4vh;
  line-height: 1vh;
  width: 5vh;
  text-align: center;
  margin: 0.5vh;
  width: 5vh;
}
.post .preview .th:fullscreen A:hover {
  background: #fff;
}
.post .preview .th:fullscreen A.btnleft {
  top:50%;
  right:auto;
  left:0%;
}*/
.post .preview .th:first-child A.btnleft {
	display: none;
}

.post .preview .th:last-child A.btnright {
	display: none;
}

/* .post .preview .th:fullscreen A.btnright {
  top:50%;
  right:0%;
} */
.btnattachimg {
	text-align: left;
	float: left;
	padding: .1em .5em;
	border: 5px solid #fff0;
	color: #5c97c2;
	font-size: .8em;
	min-height: 3em;
}

.btnattachimg.is-dragover {
	border: 5px dashed #3b8acd;
	box-shadow: 0px 0px 0px 1em #ffffffdb;
}

FORM.streampost .dragover {
	background: #cce7ffe6;
	padding: 2em 0;
	margin: 1em;
	border: 5px dashed #3b8acd;
	text-align: center;
	font-size: 1.5em;
	color: #0a3c67;
	height: 6em;
	margin-bottom: -7em;
	z-index: 1;
	position: relative;
	display: none;
}

FORM.streampost.is-dragover .dragover {
	display: block;
}

FORM.streampost INPUT[type='submit'] {
	font-size: .8em;
	float: right;
}

FORM.streampost INPUT[type='submit'].loading {
	background-color: #eee;
	cursor: default;
}

.preview {
	white-space: nowrap;
	overflow: auto;
	text-align: left;
}

.preview A.btndelete {
	position: relative;
	width: 25px;
	height: 25px;
	text-align: center;
	border-radius: 50%;
	border: 2px solid #fff;
	line-height: 19px;
	font-size: 17px;
	font-weight: bold;
	font-family: monospace;
	margin: 1px;
	margin-left: -25px;
	background: #fffa;
	color: #a00;
	transition: .3s;
	text-shadow: 0 -1px 0px #0008;
	padding-left: 1px;
	display: inline-block;
	box-shadow: 0px 0px 3px #000;
	vertical-align: top;
}

.preview A.btndelete:hover {
	border-radius: 10%;
	background: #fff;
}

.preview .uploadingbar {
	position: relative;
	height: 2px;
	background: #666;
	box-shadow: 0px 0px 0px 1px #fff;
	transition: .3s;
	top: 95px;
}

.preview .imgpreview {
	display: inline-block;
}

.post .preview .th.fullscreen A {
	display: block!important;
	position: fixed;
	top: 90%;
	right: 0;
	font-size: 2.4em;
	font-weight: bold;
	z-index: 1000;
	font-family: monospace;
	color: #000;
	background: #fff8;
	line-height: 1em;
	text-align: center;
	margin: 0.5vh;
	height: 1em;
	width: 1em;
	border-radius: 50%;
	padding: 0!important;
	margin-top:0!important;
}

.post .preview .th.fullscreen A:hover {
	background: #fff;
}

.post .preview .th.fullscreen A.btnclose {
	display: none;
	right: auto;
	left: 50%;
	margin-left: -.5em;
}

.post .preview .th.fullscreen A.btnleft {
	top: 85%;
	right: auto;
	left: 5%;
}

.post .preview .th.first-child A.btnleft {
	display: none;
}

.post .preview .th.last-child A.btnright {
	display: none;
}

.post .preview .th.fullscreen A.btnright {
	top: 85%;
	right: 5%;
}

.pagewallet {
	text-align: center;
}

.pagewallet H3 {
	margin-top: 0em;
	text-align: right;
	padding: 0 1em;
}

a.role {
	text-align: center;
}

a.el {
	text-align: left;
}

.el .roles .group {
	display: inline-block;
	margin: 0;
}

.el .name {
	padding: .25em 1em;
	display: inline-block;
	margin-right: 3em;
}

.el .roles {
	display: inline-block;
	text-align: center;
	float: right;
}

.el .roles h2 {
	display: none;
}

.el .roles .role {
	width: 4em;
	margin: 0 3px;
	font-size: .6em;
	padding-top: 1em;
	margin-bottom: -.5em;
}

.el .roles .role img {
	height: 15px;
}

a.role.disabled {
	background: transparent !important;
	color: #666;
}

.roles h2 {
	margin-top: 1em;
}

.roles .role {
	display: inline-block;
	font-size: .8em;
	width: 5.5em;
	vertical-align: top;
}

.roles .role label {
	min-height: 3em;
	line-height: 1em;
	white-space: break-spaces;
}

.roles .role img {
	height: 2em;
	display: block;
	margin: auto;
	filter: opacity(0.3) grayscale(1);
}

.roles .role.active img {
	filter: none;
}

button.new-sw {
	position: fixed;
  bottom: 0;
  left: 0px;
  padding: 1.5em;
  background: #006691;
  color: #fff;
  display: none;
  border: 1px solid #727272;
  z-index: 201;
  width: 100%;
  cursor: pointer;
  box-shadow: 0 0px 10px #0004;
	line-height: 1.5em;
}

button.new-sw:hover {
	background: #f30;
}

#login {
	background: #FFF;
}

.menuconfig .btns {
	min-height: auto;
	margin: 0;
}

.menuconfig .btns a {
	margin: 1px;
	display: inline-block;
	border-radius: 3px;
	background: #0077cb;
	color: #fff;
	min-width: 4em;
	font-size: .75em;
	text-align: center;
  padding: .25em .5em;
}

.menuconfig .btns a:hover {
	background: #31aaff;
}

.menuconfig {
	text-align: center;
}

.menuconfig h1 {
	text-align: left;
}
.menuconfig h2 {
	margin-bottom: -1px;
  font-size: 1em;
  color: #fff;
  margin-top: -10px;
}

.menuconfig p {
	padding: 0;
}
@media screen and (min-width:600px) {
	.menuconfig p {
		height: 3em;
		overflow: auto;
	}
}
.menuconfig .el a .arrow {
	transform:rotate(-90deg);
	display: inline-block;
	transition: .3s;
  color: #000;
}
.menuconfig .el.active a .arrow {
	transform:rotate(0);
}

.menuconfig .el {
	text-align: left;
  vertical-align: top;
  /* background: #fff; */
  /* border-radius: 4px; */
  margin: 3px;
  padding: 0.25em;
  width: 100%;
  border-bottom: 1px solid #444;
  /* border-top: 1px solid #aaa; */
}
@media screen and (min-width:600px) {
	.menuconfig .el {
		width:400px;
		display: inline-block;
	}
}
DIV.divoptions {
	margin: .3em;
	max-height: 260px;
	overflow-y: auto;
	text-align: center;
	min-height: 50px;
}

DIV.divoptions>A {
	margin: .5%;
	height: 100px;
	padding: 1em 0;
	display: inline-block;
	font-size: .6em;
	width: 49%;
	text-align: center;
	vertical-align: top;
	word-break: break-word;
	white-space: initial;
	background-color: #FFF;
	background-size: auto 78%;
	background-repeat: no-repeat;
	background-position: bottom;
	color: #444;
}

DIV.dog {
	padding: 1em;
	background: #fff;
}

DIV.dog.genre_M, .btndog.genre_M {
	border-left: 10px solid #149ff8;
}

DIV.dog.genre_F, .btndog.genre_F {
	border-left: 10px solid #fc7ae9;
}
.btndog .age {
	font-size: .75em;
	line-height: 1em;
}
DIV.dog .descr {
	font-size: .8em;
	color: #666;
}

#main .dog h1 {
	margin: -2em -.5em;
}

.maxw.dog .descr {
	color: #fff;
}

DIV.dog .btn {
	float: right;
	margin: -.5em;
	padding: .6em;
	width: auto;
}

DIV.dog .btnweight {
	font-size: 1.2em;
	color: #003db5;
	text-shadow: -1px -1px 0px rgba(255, 255, 255, .5), 1px 1px 0px rgba(255, 255, 255, .5);
	font-weight: bold;
}

DIV.dog .btnweight SMALL {
	font-size: .6em;
	text-shadow: none;
	font-weight: normal;
}

#main .form_dog h1 {
	background: transparent;
	padding: 1em;
	color: #666;
	font-size: 1em;
}

.dog .ach {
	width: 5.5em;
	height: 5.4em;
	display: inline-block;
	font-size: .8em;
	overflow: hidden;
	text-align: center;
	color: #000;
}

.achpreview {
	text-align: center;
}

.achpreview .ach {
	font-size: .7em;
	line-height: 1em;
}

.dog .ach:hover {
	background: transparent;
}

.dog .ach:active {
	background: transparent;
}

.dog .ach SPAN.counter {
	display: block;
	height: 1em;
	margin: -1em 0 .2em 0;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
}

.dog .ach SPAN.img {
	width: 2.5em;
	height: 2.8em;
	display: block;
	border-radius: 0 0 50% 50%;
	margin: auto;
	transition: 1s;
	box-shadow: inset 0px 0px 0px .4em #fff3;
}

.dog .ach.negative SPAN.img {
	box-shadow: inset 0px 0px 0px 0.4em #0000005e, 0px -4px 0.1em 0.4em #ff16166b;
}

.dog .ach.max SPAN.img {
	box-shadow: inset 0px 0px 0px 0.4em #0000005e, 0px -4px 0.1em 0.4em #ff16166b;
}

.dog .ach SPAN.img IMG {
	width: 56%;
	margin-top: 11%;
}

.dog .ach.off SPAN.img {
	background: #ddd !important;
	box-shadow: inset 0px 0px 0px .4em #eee;
}

.dog .ach.off:hover SPAN.img {
	box-shadow: inset 0px 0px 0px .4em #aaa;
}

.dog .ach.off {
	color: #999;
}

.inner.dog {
	border: 0;
	box-shadow: none;
}

.inner.dog .ach {
	float: left;
	height: 4em;
}

.inner.dog span.img {
	width: 4em;
	height: 4em;
}

.btndog {
	color: #000;
	display: inline-block;
	background-color: #efefef;
	border-radius: 4px;
	padding: 1em;
	margin: 5px;
	min-width: 33%;
	box-shadow: 0px 0px 2px 0px #000A;
}

.btndog:hover {
	color: #fff;
	background-color: #862a2a;
	box-shadow: 0px 1px 6px #862a2a88;
}

.btndog IMG {
	display: block;
	margin: auto;
}

.btndog:hover IMG {
	opacity: .8;
}

.tag {
	background-color: #a3e2ff;
	padding: .1em .3em;
	margin: 0 2px;
	border-radius: 7px;
	font-size: 0.8em;
}

.suggested_tags {
	text-align: left;
	overflow-x: auto;
	overflow-y: hidden;
	min-height: 2.4em;
}

.suggested_tags .tag {
	background-color: #f0f0f0;
	padding: 4px 12px;
	color: #0292b4;
	white-space: nowrap;
}

.suggested_tags .tag:hover {
	background-color: #a3e2ff;
	color: #000;
}

.dog .group {
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	line-height: .8em;
}

.dog .group .ach {
	white-space: normal;
}

A.user small.dogs {
	white-space: nowrap;
	max-width: 100px;
	overflow: hidden;
	vertical-align: text-top;
	font-size: .7em;
	color: #b60050;
}

.btn.profile {
	width: 100%;
	height: 18em;
	padding-top: 6em;
	/* border-radius: 0 0 30px 30px; */
	font-size: 1.2em;
	margin: -5.2em;
	background: #862a2a;
  color: #f0f0f0;
	/* background-image: url("../img/bgtop.png?1"); */
	background-position: 90% 100%;
	background-size: 150% 40%;
	background-repeat: no-repeat;
}
.floatingleft .qr img {
	max-width: 42%;
	box-shadow: #9d4141 0px 0px 0px 4px;
	border-radius: 3px;
}
.btn.profile label {
	font-size: .6em;
	pointer-events: none;
}
.btn.profile small {
	line-height: 1.8em;
	background: #f4f4f4;
	color: #666;
	padding: .25em 1em;
	border-radius: 4px;
	margin-top: 1em;
}

.searchresult {
	text-align: center;
}

.searchresult a.el {
	background: #fff;
	display: block;
	margin-bottom: 2px;
}

.fieldbtnuser {
	display: inline-block;
	background-image: url(../img/profile.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40%;
	height: 3em;
	width: 3em;
	float: right;
	transition: .1s;
	margin-top: -3em;
	z-index: 1;
	position: relative;
}

#footer .rubrica a {
	padding: 2px 1em;
	margin: 1px -1em;
	background: #f4f4f4;
}

.post .innerlink {
	border-left: 6px solid #fb672e;
	width: auto;
	display: inline-block;
	padding: 1em;
	background: #f4f4f4;
	border-radius: 6px;
	color: #666;
}

.err, .error {
	text-align: center;
	font-weight: bold;
	color: #800;
	padding: 1em;
}

.post .msg p, .post .msg li {
	padding: 0;
  margin: .5em 0;
  line-height: 1.2em;
  font-size: 1.2em;
	text-align: left;
}
.post .msg li {margin: .1em 0;}

.post.maxw h2 {
	font-size: 1.4em;
  text-align: left;
  line-height: 1.2em;
  letter-spacing: .06em;
}

.banner {
	background-size: cover;
	background-repeat: no-repeat;
	/* background-position: 82% 50%; */
	background-position: center;
	height: 20em;
}
.bannerlogo {
	margin-top: -20em;
  background-size: 35%;
  background-position: center;
	/* transition: .5s;
	filter: blur(15px); */
	/* pointer-events: none; */
}
.dblbannera {
	position: relative;
	background-size: contain;
	z-index: 1;
	margin-bottom:-20em;
}

@media screen and (max-width:340px) {
	.banner {height: 13em;}
	/* .bannerlogo {margin-top: -13em;} */
	.dblbannera {margin-bottom:-13em;}
}
@media screen and (min-width:600px) {
	.banner {height: 30em;}
	/* .bannerlogo {margin-top: -30em;background-size: 20%;} */
	.dblbannera {margin-bottom:-30em;}
}
@media screen and (min-width:800px) {body > .banner {height: 40em;}}
@media screen and (min-width:1000px) {body > .banner {height: 48em;}}
@media screen and (min-width:1400px) {body > .banner {height: 53em;}}

.intro {
	text-align: center;
}

.intro div {
	text-align: justify;
}

.boxes {
	text-align: center;
}

.boxes p {
	margin: 0;
	padding: 0;
}

.boxes .box {
	margin: 1px;
	padding: 1em;
	background-color: #fff;
	min-height: 18em;
}
.box img.map {
	max-width: 10em;
	float: left;
	margin-right: 1em;
	margin-top: .5em;
}
@media screen and (min-width:900px) {
	.boxes .box {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		margin:0px -2px;
		min-height: 16em;
	}
}

.intro h2 {
	margin: 0 0 .2em;
}
.calendar > DIV.status_hidden {
	background: #9d9d9d;
	border-left: 4px groove #666!important;
	color: #686868;
	font-size: .6em;
	line-height: 1em;
}
.homepage .btns.maxw .btn.mini.left {
	background: #f9f9f9;
  color: #666;
  border: transparent;
	font-weight: bold;
	padding:.5em .75em;
}
.related {
	margin-top:2em;
}
.related a {
	padding:.5em;
	display: block;
}
@media screen and (max-width:800px) {
	DIV.post {
			padding:.5em 1em;
	}
}
.progressbar {
	padding:1em;
}
.progressbar .cont {
	background-color: #ddd;
	height:4px;
}
.progressbar .bar {
	background-color: #ffac03;
	height:4px;

}
A.remove {
	background-color: #800;
	color:#fff;
}
DIV.lesson {
	padding:.5em;
	border:1px solid #ddd;
	border-radius:4px;
	background: #fff;
	margin:5px 0;
}
DIV.lesson.toapprove {
	background: #ebebeb;
}
#form_stud > DIV {display:inline-block;}
#form_stud H1 {font-size:1em;background: transparent;color:#666;}
DIV.docs {text-align:center;}
DIV.docs A {
	display: inline-block;
  font-size: .8em;
  width: 123px;
  height: 92px;
  margin: 3px;
  overflow: hidden;
  text-align: center;
  padding-top: 58px;
  background-image: url(../img/booking.png);
  background-position: center 18%;
  background-size: 12em;
  background-repeat: no-repeat;
  border-radius: 7px;
  background-color: #00a9e3;
  color: #ffffff;
}
.btn.reset {
	background: #666;
	float:left!important;
}
ul.docs {
	margin:1em 0;
	padding:0;
}
ul.docs li{
	margin:1px 0;
	list-style: none;
}
ul.docs li a{
	display:block;
	padding:.75em;
	background: #f4f4f4;
}
.slogan {
	font-style: italic;
  text-align: center;
  color: #2a5b9d;
	quotes: "“" "”" "‘" "’";
	font-weight: bold;
}
.slogan::before {
    content: open-quote;
		color:#666;
}
.slogan::after {
    content: close-quote;
		color:#666;
}
.teammember {
	margin: 2px 0em;
	padding: 1em;
	background: #f4f4f4;
	border-radius:4px;
}
.teammember H3{
	margin: 0em;
}
.adminlogs, .bdays{
  overflow:auto;
  max-height:10vh;
  background: #f4f4f4;
	padding: 1em 0;
	font-size: 1em;
}
@media screen and (min-width:800px) {
	.adminlogs, .bdays{
		display: inline-block;
		width:50%;
		vertical-align: top;
	}
}
.bdays h3, .adminlogs h3 {margin:0;padding:4px 0 0;font-size:1.1em;font-weight:bold;}
.adminlogs > DIV, .bdays > DIV{
  margin:2px 5px;
}
.adminlogs .groupa{
}
.adminlogs .ach {
  width: .8em;
  height: .9em;
  margin-right: 3px;
  display: inline-block;
  border-radius: 0 0 50% 50%;
  vertical-align: middle;
  background-color: #2f2f2f;
  color: #fff;
  text-align: center;
  line-height: .9em;
}
.adminlogs A.groupat {
  display:block;
  color: #226;
}
.user h4, .user .el {
	margin:0;
	margin-top:6px;
	text-align: left;
}
.user .el {
	border-left:4px solid #080;
	padding-left:2px;
}
.user .el.negative {
	border-left:4px solid #800;
}
.calendar .evbanner {
	height: 148px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin: -.6em;
	margin-bottom: .5em;
}
.summary h3{
	margin-bottom:0;
	text-align: center;
}
.summary h4{
	margin:0;
	font-size:1em;
}
.summary a{
	font-size:.8em;
	padding:.5em 1em;
	display: block;
	border-bottom:1px solid #ddd;
	color:#555;
	line-height: 1em;
}
.summary a:hover{
	color:#000;
}
canvas.qrscanner{
	object-fit: cover;
	object-position: center;
	width:100%;
	max-height:50vh;

	position: fixed;
  z-index: 80;
  background: #000;
  border-bottom: 4px solid #666;
  left: 0;
  right: 0;
  box-shadow: 0 3px 10px #0006;

}
.lockedinfo {
	margin: 2em;
  box-shadow: 0 1px 5px #0003;
  background: #fff;
}
.lockedinfo h1{
	font-size:1.2em;
	padding:1em!important;
}
.register_movements .el {
	padding:.5em;
}
.register_movements .total {
	padding:.5em;
	text-align:right;
	font-weight:bold;
}
.register_movements .el.active {
	background: #fff;
}
.register_movements .el > div{
	display: inline-block;
	vertical-align: top;
}
.register_movements .el input[type='checkbox']{
	display: block;
  width: 1.5em;height: 1.5em;
}
.register_movements label {
	font-size:1em;
}
.register_movements label .user {
	font-weight: bold;
}
.register_movements label > div {
	display: inline-block;
	padding-left:.5em;
}
.register_movements .qr IMG {
    max-width: 75%;
}
.saldo {text-align:center;padding:0 1em 1em;}
.saldo .tot{font-size:2em;}
.allnote {
	text-align:left;
	margin-top:1em;
}
.menuadmin {
	z-index: 302;
  background: #333333;
  position: fixed;
  top: 70px;
	left:0;right:0;
	padding: 0 6px;
	color: #eee;
  overflow: auto;
	max-height: 85vh;
  box-shadow: 0 5px 3px #000;
}
.menuadmin .el p{
	color:#acacac;
	margin: 0;
	margin-bottom:5px;
	font-size:.85em;
	line-height:1em;
}
#top .patina {
	z-index:301;
}
.summary a {
	display:block;padding:.5em 0;font-size:1.4em;border-bottom:1px solid #ddd;
	font-weight:bold;
}
.summary a small {
	font-weight:normal;
	display: block;
	font-size: .7em;
	color: #444;
	line-height: 1em;
	margin-top: 0.5em;
}
.summary a small span {
	margin-right:6px;display:inline-block;padding-left:3px;margin-top:2px;
}
.market.list a.el {
	display:block;
	padding: 0em;
}
.market.list.shop {
	background: #f4f4f4;
}
.market.list.shop a.el {
	background: #fff;
}
.market.list a > .descr {min-height:6em;padding:0;margin:0;}
.market.list.shop a > .descr {min-height:11.5em;display:block;margin-right:.5em;}
.descr .descr {line-height:1.2em;}
.market.list.shop .price {font-size:1.2em;margin-bottom:-.5em;}
.market.list.shop .discount {font-size:.9em;color:#0a0;font-weight:bold;}
.market.list a .th, .cart.list .el .th {
	aspect-ratio:1;
  width: 6em;
  margin-right: 0.5em;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.cart.list .el .th{
	width: 6em;
	background-size: contain;
}
.market.list.shop a .th {
	width: 10em;
}
.market.list a.inactive {
	filter: contrast(0.5) grayscale(1);
}
#form_info .btns .btn {
	margin:0;
}
.market.list .list {
	background: transparent;
	box-shadow: none;
}
.market.list .list .right.cost{
	font-weight: bold;
	margin-left:1em;
	color:#00769d;
}
.market.list .tag, .product .shop .tag {
	float: right;
  font-size: .6em;
  margin: 2px;
  padding: 0 4px;
  line-height: 1.5em;
  font-weight: bold;
  background: #f00;
  color: #fff;
	border-radius:2px;
}
.market.list .tag.tag_e,  .product .shop .tag.tag_e {
	background: #080;
  color: #fff;
}
.market.list .available,.product .shop .available {
	font-weight: bold;
	font-size:.8em;
	margin-top:1em;
  line-height: 1em;
}
.market.list .title, .shop.list .title {
	line-height:1em;
	color: #4473c0;
  padding-top: 0.2em;
}
.product .shop .available {margin-bottom:1em;}
.shop.post {
	margin:0;padding:0;
}
.shop.post .more{
	margin:1em 0;
}
.shop.post h3{
	margin-bottom:0;
}
.shop.post .banner {
	background-size: contain;
}
.market.list .el input[type=checkbox] {
	display: inline-block;
	width: 1.5em;
	float: left;
	margin: 0;
	margin-right: 0.5em;
	height: 1.5em;
}
.market.list .el label {
	display: inline-block;
	background-color: transparent;
	margin:0;
	border: none;
	font-size:1em;
	padding:0;
}
.market.list .time {
	font-size:.7em;
	color:#999;
	margin-top: -0.2em;
}
.market.list .btns {
	margin:1em -.5em;
}
.market.list .btns .btn{
	padding:.5em;
	font-size:.8em;
}
.info.shop {
	margin: 0em 0em 4em;
	border: 1px solid #eee;
	padding: 1.5em;
	background: #304170;
	color: #fff;
	border-radius: 1em;
	text-align: justify;
}
.info.shop h2 {
	color:#ffd500;
}
.info.shop .page {
	font-size:1.4em;
	margin:1em;
	text-align: center;
}
.info.shop .btnmenu {text-align:center;margin:2em 0 1em;}
.info.shop .btnmenu a {padding:.5em;margin:.5em;background: #fff;border-radius: 0.75em;color:#000;box-shadow: 0 0 7px #ff03;}
.info.shop .btnmenu a:hover {background: #ff0;}
body > div.news {
	position: fixed;
  top: 32px;
  border-radius: 1em;
  background: #352d2d;
  left: 50%;
  margin-left: -49%;
  width: 98%;
  padding: 1em;
  color: #fff;
  box-shadow: 0 6px 24px #000a;
  border: 2px solid #9f504d;
  padding-bottom: 0;
  z-index: 300;
}
.news h2{
	text-align: left;
	font-size:1.3em;
	color:#ff5050;
  margin-bottom: 1em;
}
.news .content{
	min-height: 5em;
	max-height: 60vh;
	overflow: auto;
	font-size:1.1em;
}
@media screen and (min-width:600px) {
	body > div.news {
		left:inherit;
		margin-left: 25vw;
    width: 50vw;
	}
}
@media screen and (max-height:500px) {
	body > div.news {
		top:5px;
	}
}
.news a {
	color:#74ff69;
}
.news .btns {
	margin:0;
}
.news .btns .btn {
	/* background: transparent; */
	border-radius: 7px;
  color: #fff;
  border: none;
}
.news .btns .btn.back {
	color:#999;
}
.news .btns .btn:hover {
	background: #ff0;
  color: #000;
}
.divprofile sup {display:none;}
ul.eventi {
	list-style: none;
  margin: 0;
  padding: 1em;
}
ul.eventi li {
	margin:1em auto;
}
ul.eventi li > a > div {
	width:55%;
	display: inline-block;
	vertical-align: top;
}
ul.eventi li div.title {
	margin-top:2em;
}
ul.eventi li.old {
	display:none;
}
ul.eventi li.r_0 div.title {
	padding-left:1em;
}
ul.eventi li.r_1 div.title {
	padding-right:1em;
	text-align:right;
}
ul.eventi li.r_0 div.img {
	float:left;
}
ul.eventi li div.img, div.img.ev {
	width:45%;
	aspect-ratio:1;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#footer div.img.ev {width:80%;margin:auto;max-width: 500px;}
@media screen and (max-width:500px) {
	ul.eventi li {
		margin:2em auto;
	}
	ul.eventi li > a {
		text-align:center;
	}
	ul.eventi li > a > div {
		margin:auto;
		width:100%!important;
		text-align:center!important;
		padding:1em;
	}
}
.activity .info {
	padding:0 .5em;
}
@media screen and (max-width:500px) {
  ul.eventi li.activity > a > div {
		padding:.5em 0;
	}
	.activity .info {
		padding:0;
		margin:0 -.4em;
		font-size:.9em;
	}
	ul.eventi li.activity.r_0 div.title, ul.eventi li.activity div.title {
		padding:0;
	}
	.activity h2 {
		text-align: left;
	}
	.activity .info p {
		text-align: left;
	}
}
.cta {font-size:.8em;margin:20px 0;}
.cta a {background:#299d4c;color:#fff;padding:.4em;border:2px solid #fff;box-shadow:2px 2px 3px #0003;} .cta a:hover {background:#333;box-shadow:0;}
.cta a img {width:16px!important;height:16px!important;padding:0!important;}