:root{
	--fadecolor:rgba(255, 255, 255, 1);
}
.ubg  	{background:#ffffff;transition: all 0.5s ease;}
.ubox	{background:#eeeeee;color:black;transition: all 0.5s ease;}
.topmenu{background:rgba(0,132,255,0.8);color:black;transition: all 0.5s ease;}
.ulbox	{background:#ffffff;color:black;transition: all 0.5s ease;}
.uftxt	{color:black;transition: all 0.5s ease;font-size:11pt}
.uftxt2	{color:#666666;font-size:9pt;transition: all 0.5s ease;}
.ubtnzoom {font-size:20px;font-weight:bold;padding-top:0px;transition: all 0.5s ease;color:#fbcd35}
.bbtn:hover	{color:#bababa;transition: all 0.5s ease;}
.ubgtext		{font-size:10pt;background:#eee;margin-right:auto;margin-left:auto;border-radius:5px;line-height:22px;transition: all 0.5s ease;}
.btn-prc		{color: #212529;background-color: #f8f9fa;border-color: #f8f9fa;};
.textwarning	{color:#666;}
.inpt {
	outline: none;
	outline-color: initial;
	outline-style: none;
	outline-width: initial;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	width: 100%;
	height:40px;
	border: none;
	background: rgba(255,255,255,.4);
	border: 1px solid #eee;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #666;
	padding-right: 16px;
}
.inpt:focus {
	border: 1px solid #ccc;
}
.panelitem	{
	background:#ddd;border-radius:15px;padding-top:0pt;width:70px;height:70px;margin:10px;
}
.paneltxt	{
	margin-top:-10px;font-size:9pt;color:black;width:70px;margin-right:-14px;
}
.etitle	{font-size:8pt;border-radius:5px;background:rgba(255,255,255,0.7);border:0px;color:#666666}

/* side bar */

.sidebar {
	width: 300px; height: 100vh; position: fixed; top: 0; right: -305px; z-index: 999; 
	background:#fff; color: #fff; transition: all .3s; box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.5);
	text-align: right;
}

.sidebar.active { right: 0; }

.dismiss {
	width: 35px; height: 35px; position: absolute; top: 10px; left: 10px; transition: all .3s; 
	border-radius: 450px; text-align: center; line-height: 35px; cursor: pointer;
}


.overlay {
	display: none; position: fixed; width: 100vw; height: 100vh; 
	background: rgba(51, 51, 51, 0.7); z-index: 998; opacity: 0; transition: all .5s ease-in-out;
}

.overlay.active { display: block; opacity: 1; }