@font-face {
  font-family: liga;
  src: url(../fonts/ligaturesy.ttf);
}
@font-face {
  font-family: nucleo;
  src: url(../fonts/nucleo-dominant.ttf);
}
::-webkit-input-placeholder {
  color:#888
}
:root{
}
.tm1{
	--blu:#0af;
	--blu-d:#09d;
	--green:#0c0;
	--ora-d:#f90;
	--spinner-bc:'#00000030';

	--b:#fff;
	--bb:#ddd;
	--cl:#eee;
	--ol:#fff;
	--tx:#000;
	--txx:#000;

	--cal-days:#e8e8e8;
	--cal-hed:#ddd;
	--cal-in:#444;
	--cal-m1:#ffd;
	--cal-m2:#dff;
	--cal-out:#aaa;

	--dot:#0af;
	--gb:#bbb;
	--gc:#ccc;
	--gd:#ddd;
	--gd7:#ddd;
	--ge:#eee;
	--geb:#eee;
	--g6:#666;
	--grid:#ddd;
	--guage:#fb711e;
	--guage-g:#dedede;
	--i-exr:#f90;
	--i-hlt:#0af;
	--i-que:#900;
	--i-msg:#333;
	--i-apt:#a1f;
	--i-cfg:#aaa;
	--ico-o:#ddd;
	--ico-b:linear-gradient(0deg,#efefef,#fcfcfc,#fff);
	--line:#a00;
	--lg-grey:linear-gradient(0deg,#999,#ccc);
	--logo-a:#666;
	--logo-b:#fff;
	--logo-o:#aeaeae;
	--logo-t:#888;
	--msg-nam:#fffae6;
	--msg-sta-1:#c5ebff;
	--msg-sta-2:#e4e4e4;
	--navsel-b:#0af;
	--navsel-c:#eee;
	--pop-o:#0af;
	--q-br:#ddd;
	--q-sub:#700;
	--q-tx:#888;
	--rng-b:#eee;
	--tra:#aaa;
	--x-add:#dadada;
	--x-bar:linear-gradient(0deg,#dd451d,#f90);
	--x-bgy:linear-gradient(0deg,#bbb,#ddd);
	--x-prize:#0af;
	--x-pct:#777;
	--x-tot:#fb711e;
	--x-trg:#888;
	--x-steps:#0af;

}
.tm2{
	--blu:#03608e;
	--blu-d:#014462;
	--green:#090;
	--ora-d:#ac6903;
	--spinner-bc:'#00000030';

	--b:#000;
	--bb:#222;
	--cl:#eee;
	--ol:#666;
	--tx:#aaa;
	--txx:#ccc;

	--cal-days:#333;
	--cal-hed:#333;
	--cal-in:#8a8a8a;
	--cal-m1:#282011;
	--cal-m2:#112028;
	--cal-out:#515151;
	--dot:#fb711e;
	--g6:#111;
	--gb:#777;
	--gc:#444;
	--gd:#484848;
	--gd7:#777;
	--ge:#222;
	--geb:#000;
	--grid:#333;
	--guage:#2f88f6;
	--guage-g:#444;
	--i-exr:#fff;
	--i-hlt:#fff;
	--i-que:#fff;
	--i-msg:#fff;
	--i-apt:#fff;
	--i-cfg:#fff;
	--ico-o:#555;
	--ico-b:#000;
	/*--ico-b:linear-gradient(0deg,#111,#222,#383838);*/
	--lg-grey:linear-gradient(0deg,#222,#444);
	--line:#0af;
	--logo-a:#777;
	--logo-b:#bbb;
	--logo-o:#111;
	--logo-t:#666;
	--msg-nam:#555;
	--msg-sta-1:#00527d;
	--msg-sta-2:#333;
	--navsel-b:#eee;
	--navsel-c:#000;
	--pop-o:#757575;
	--q-br:#444;
	--q-sub:#b97d7d;
	--q-tx:#aaa;
	--rng-b:#252525;
	--tra:#aaa;
	--x-add:#444;
	--x-bar:linear-gradient(0deg,#044dbf,#00b0e6);
	--x-bgy:linear-gradient(0deg,#333,#555);
	--x-prize:#fc0;
	--x-pct:#eee;
	--x-tot:#00b0e6;
	--x-trg:#888;
	--x-steps:#fb711e;
}
#app{
	position:absolute;
	top:0px;
	top:constant(safe-area-inset-top);
	top:env(safe-area-inset-top);
	left:0px;
	right:0px;
	bottom:0px;
	background:var(--b);
	border-bottom:1px solid var(--bb);
}
input[type="number"] { -moz-appearance: textfield; }
input::-webkit-outer-spin-button { -moz-appearance: none; margin: 0px; }
input::-webkit-inner-spin-button { -moz-appearance: none; margin: 0px; }
.ico_home{
	font-size: 22vmin;
	width: 24vmin;
	height: 24vmin;
	line-height: 24vmin;
}
@media(min-aspect-ratio:2/3){
	.ico_home {
    font-size: 18vmin;
    width: 20vmin;
    height: 20vmin;
    line-height: 20vmin;
	}
}

/*guage*/
.guage{
	position:relative;
	margin:0 auto;
	width: 20vh;
	height: 20vh;
	display: block;
	border-radius: 50%;
	background-color:var(--guage);
	/*background-image:linear-gradient(90deg,transparent 50%,#eee 50%),linear-gradient(90deg,#eee 50%,transparent 50%)*/
}
.guage>div{
	text-align:center;
	color:var(--x-pct);
	line-height:16vh;
	position:absolute;
	border-radius: 50%;
	top:2vh;
	left:2vh;
	right:2vh;
	bottom:2vh;
	background:var(--b);
}
.guage>div>a{
	opacity:0;
	font-size:3vh;
}
.guage>div>span{
	font-size:3vh;
}