html{
	padding:0;
	margin:0;
	font:Arial;
	overflow:auto;
background:#2e2e2e;
}

body{
padding:0px;
margin:0;
width:100%;
vertical-align:top;
font-size:14px;
display:block;
margin-bottom:40px;
background:#2e2e2e;
}

:not(:root):fullscreen::backdrop{
background:#fff;
background:#111;
}

body *{
vertical-align:top;
background-repeat:no-repeat;
}

label,
input,
textarea 
{
	display:inline-block;
	vertical-align:top;
}

s{
	display:inline-block;
}

p{
padding:4px 9px;
border-radius:5px;
}

[wordhighlight]{
	background-color:#fff;
	padding:0px 4px !important;
	min-height:22px;
	border-radius:3px;
	display:inline-block;
	height:18px;
	margin-top:-1px;
	margin-right:3px;
	margin-left:3px;

	border-radius:8px;
	border:#0008 solid 1px;
	box-shadow:1px 2px 3px #000a;
}

[expand-buttons]{display:none}

[expanded-buttons] [expand-buttons]{display:block}
[name]{
	border-radius:6px;
	border:solid 1px #555;
	padding:4px 9px;
	margin-right:24px;
	margin:2px;
	font-family:Arial;
	width:320px;
}

textarea[name]{
	padding:4px 15px;
	min-height:60px;
}

[disabled]{
	background:none;
}

label{
	margin:2px;
	padding:4px 9px;
	width:90px;
}

h1{
	font-size:44px;
	margin:5px 0px;
}

[big-head]{
	font-size:60px;
	margin:10px;
}

h2{
	margin:0px;
	display:block;
}

h3{
	margin:0px;
	display:block;
}

.s1{font-size:60px;}
.s2{font-size:40px;}
.s3{font-size:30px;}
.s4{font-size:20px;}
.s5{font-size:15px;}
.s6{font-size:12px;}
.s7{font-size:10px;}
.s8{font-size:8px;}

p,s{
margin:2px 5px;
text-decoration:none;
}

button{
margin:3px;
padding:16px 16px;
min-width:45px;
background:#3C3C3C;
font-size:26px;
color:#fff;
border-radius:20px;
border:solid 1px #7771;
box-shadow:2px 2px 1px rgba(0,0,0,0.5);
cursor:pointer;
}

#prompt[prompt-form] input[type="file"],
[inputbox] input[type="file"],
input[type="file"],
[type="file"]{
	display:block;
	border:dashed 3px;
	border-radius:10px;
	padding:20px 20px;
	background:#fff3;
	margin:10px 0px;
	width:200px;
	height:100px !important;
	background-color:#666;
	color:#fff;
}


[add-new]{
	background:#f44;
	color:#fff !important;
}

[delete-button]{
	background:#444;
	color:#eee !important;
}

[type="file"]::file-selector-button{
	font-size:20px;
	margin:5px 20px;
	padding:10px 20px;
}

[type="file"]::after{
	content:attr(log);
	display:block;
	margin:10px 20px;
}

/* custom pseudo elements */
.panel{
	display:inline-block;
	vertical-align:top;
	margin:4px;
	padding:12px 12px;
}

.side-panel{
	max-width:400px;
}

.fixed-panel{
	position:fixed;
}

.selectable{
	cursor:pointer;
}

.selectable:hover{
	text-decoration:underline;
}

.input-block{
	display:block;
	vertical-align:top;
}

.input-select{
	width:20px !important;
	border:none;
	padding:3px 3px;	
	border-radius:2px;
	vertical-align:top;
	margin-top:2px;
}

.input-select:after{
	display:inline-block;
	content:">";
}

#last-updated{
position:fixed;
bottom:0px;
left:0px;
font-size:8px;
color:rgba(2,2,2,0.7);
display:block;
}

#bubble-div{
	position:fixed;
	display:block !important;
	top:15px;
	left:0px;
	width:100%;
	z-index:9999;
}

.bubble{
	display:table;
	padding:5px 50px;
	margin-bottom:3px;
	margin-left:auto;
	margin-right:auto;
	min-width:100px;
	color:#000 !important;
	background:#f77e;
	font-size:14px;
	font-weight:bold;
	font-family:Arial;
	text-align:center;
	box-shadow:5px 5px 18px #111e;
	border:#000e solid 3px;
	border-radius:15px;
}

body[intercom="1"] [intercom-button]{
background-color:#f33;
}

.bubble[error]{
background-color:#a00;
color:#fff !important;
font-size:60px;
padding-top:40px;
padding-bottom:40px;
top:100px;
}

[console]{
	position:fixed;
	display:none;
	top:0px;
	bottom:0px;
	left:0px;
	width:50%;
	font-size:9px;
	color:#eee;
	z-index:8888;
	white-space:pre-wrap;
}

[console] button{
	background:#8005;
}

[console-log],
[console-css]{
	height:30%;
	width:90%;
	overflow-x:auto;
	overflow-y:auto;
	padding:10px;
	margin-bottom:2px;
	background:#220e;
	border-radius:5px;
}

[console-css]{
	height:64%;
	background:#200e;
}

[console-controls] [console-up]{
	display:none;
}

[console][position="1"]{
	left:auto;
	right:0px;
}

[console-controls]{
position:fixed;
bottom:15px;
left:10px;
width:50%;
}

[console][position="1"] > [console-controls]{
left:auto;
right:5px;
text-align:right;
}

[console][position="1"] > [console-controls] [console-up]{
	display:inline-block;
}

[console][position="1"] > [console-controls] [console-down]{
	display:none;
}

[console-controls] [css-probe="1"]{
	background:#900;
}

.admin-page{
	padding:10px;
	background:#222; color:#fff;
	font-family:Arial;
}

.hidden{
	display:none;
}

.list-item{
	vertical-align:top;
	padding-left:60px;
	padding-bottom:10px;
	border-bottom:dashed 1px #444;
}

.list-item img{
	width:50px;
	margin:0px 10px 0px 0px;
	vertical-align:top;
	border-radius:4px;
}

[dialog-page]{
	display:none;
}

[dragover]{
	background:#1c9e;
}

img.uploaded-image{
	max-width:320px;
	display:block;
	border-radius:10px;
	margin:20px 0px;
}

body[image-preview]{ 
	margin-top:5000px;
	background:#000;
}

[inputbox]{
display:block;
margin-bottom:10px;
text-align:center;
width:100%;
padding:0px;
}

[inputbox] label{
width:auto !important;
display:block !important;
}

[inputbox] input{
display:block !important;
padding:4px 10px !important;
width:90% !important;
margin-left:10px;
}

[inputbox][inline]{
display:inline-block;
width:auto;
text-align:left;
margin-bottom:0px;
padding:4px;
}

[inputbox][inline] label{
display:inline-block;
}

[inputbox][inline] input{
display:inline-block;
height:20px;
width:100px !important;
}

[inputbox][short][vals-popup] input,
[inputbox][inline][vals-popup] input,
[inputbox][vals-popup] input{
display:inline-block !important;
width:57% !important;
}

[inputbox][vals-popup] button{
	display:inline-block;
	min-width:41px !important;
	min-height:41px !important;
	padding:0px 0px !important;
	margin-top:1px;
	border-radius:7px;
}

[inputbox][short]{
width:48%;
display:inline-block;
margin-right:1%;
}

[inputbox][short][short2]{
width:47%;
display:inline-block;
}

[inputbox][short][short3]{
width:23%;
display:inline-block;
}

[inputbox] textarea{
width:83% !important;
text-align:left;
}

[inputbox][short] input{
width:83% !important;
}

#prompt[prompt-form]{
padding-top:180px;
padding-bottom:400px;
}

#prompt[prompt-form] label{
text-align:left;
font-size:15px !important;
height:15px !important;
}
#prompt[prompt-form] input{
height:30px !important;
}

#prompt{
margin-top:-15px;
overflow-y:auto;
padding-top:80px;
text-align:center;
}

[prompt-head]{
position:fixed;
top:0px;
left:0px;
right:0px;
text-align:left;
padding:10px 20px;
height:auto;
background:#222;
}

[prompt-head] > s{
margin-right:50px;
font-weight:bold;
}

#prompt label{
	display:block;
}

#prompt input{
	width:600px;
	font-size:30px;
	border:none;
	padding:10px;
	display:block;
	border-radius:4px;
}

#prompt textarea{
	width:93%;
	height:170px;
	font-size:17px;
	border-radius:10px;
	padding:10px;
}

[prompt-info]{
	white-space:pre !important;
	text-align:left !important;
	font-size:15px !important;
}

[prompt-done]{
	margin-left:140px;
}

#prompt-choice-buttons{
margin-left:auto;
margin-right:auto;
width:75%;
text-align:center;
}

#prompt-choice-buttons button{
min-height:30px !important;
font-size:14px !important;
padding:5px 15px !important;
border-radius:4px;
display:block;
}

body[image-preview] img.uploaded-image[preview]{
position:fixed;
z-index:9999;
top:0;
left:0;
width:100%;
max-width:none !important;
max-height:none !important;
display:block;
border-radius:0px;
margin:0;
}

body[image-preview] img.uploaded-image[preview][landscape="false"]{
height:100%;
width:inherit !important;
}

[current-dialog-page="1"] > [dialog-page="1"]{display:block;}
[current-dialog-page="2"] > [dialog-page="2"]{display:block;}
[current-dialog-page="3"] > [dialog-page="3"]{display:block;}
[current-dialog-page="4"] > [dialog-page="4"]{display:block;}
[current-dialog-page="5"] > [dialog-page="5"]{display:block;}
[current-dialog-page="6"] > [dialog-page="6"]{display:block;}
[current-dialog-page="7"] > [dialog-page="7"]{display:block;}
[current-dialog-page="8"] > [dialog-page="8"]{display:block;}
[current-dialog-page="9"] > [dialog-page="9"]{display:block;}

[color]{
	background-color:attr(color) !important;
}

[no-select]{
	webkit-user-select: none;
  -ms-user-select: none;
	user-select: none;
}

h4{
font-weight:bold;
display:block;
font-size:18px;
margin:6px;
border-bottom:1px solid #888;
}

[ago-v]::after{
content:"(" attr(ago-v) ")";
display:inline-block;
margin-left:10px;
}

[menubar]{
z-index:1990;
display:block;
top:0px;
left:0px;
margin:0px;
padding:1px;
padding-left:45px;
padding-bottom:36px;
max-width:0px;
max-height:0px;
overflow:hidden;
position:fixed;
font-size:13px !important;
border-bottom-right-radius:6px;
background:#545454ee url("media/menu.png") no-repeat left -5px bottom -8px;
box-shadow:2px 2px 1px rgba(0 0 0 / 70%);
background-size:57px;
}

#debug-info{
padding:10px;
color:#fff;
}

[menubar][show]{
overflow:inherit;
max-width:380px;
max-height:100%;
padding-left:20px;
text-align:left !important;
}

[menubar] button{ 
display:inline-block;
padding:15px 15px;
font-size:17px !important;
height:49px;
border-radius:10px !important;
box-shadow:0px 2px 2px rgba(0,0,0,0.4);
margin:8px 8px;
width:140px;
}

[center]{
text-align:center;
}

#update-indicator{
color:#000;
padding:2px;
border-bottom-left-radius:6px;
font-size:16px;
position:fixed;
z-index:99;
top:-8px;
right:220px;
background:#000;
}

#update-indicator{
background:#ddd:
}

#rotator{
color:#fff;
padding:2px;
border-bottom-left-radius:6px;
font-size:16px;
position:fixed;
z-index:99;
top:-8px;
right:0px;
}

[bgcolor]{
	background:attr(bgcolor type(<color>), transparent) !important;
}

video{
	position:fixed;
	top:30px;
	left:30px;
	z-index:999;
}

#rotator button{
	height:28px !important;
	font-size:0px;
	background:#000 url(media/rotation2.png) center center no-repeat;
	background-size:20px;
}

#clock{
color:#fff;
padding:11px 7px 9px 7px;
font-family:monospace;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
font-size:17px;
position:fixed;
z-index:99;
top:-7px;
left:120px;
text-transform:uppercase;
}

#battery{
color:#fff;
padding:10px 7px 5px 7px;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
font-size:18px;
position:fixed;
z-index:99;
top:-7px;
left:313px;
height:27px;
padding-left:23px;
background-image:url("media/battery-wh.png");
background-repeat:no-repeat;
background-position:5px 12px;
background-size:16px;
}

#battery[low]{
color:#c22;
}

[pre]{
	white-space:pre;
}

[popup-button],
[popup-close-button]{
position:fixed;
top:10px;
right:10px;
padding:10px;
font-size:40px;
height:50px !important;
width:50px !important;
font-weight:bold;
border-radius:20px;
}



[popup] input{
height:70px;
border-radius:5px;
font-size:45px;
padding:5px 20px;
border:none;
}

[pop]{
	display:inline-block;
	vertical-align:top;
}

[pop="show"]{
	display:block;
	background:#999;
	border-radius:6px;
	padding:6px 6px;
	margin:6px 6px;
	margin-top:13px;
}

[pop="hide"] *{
	display:none !important; 
}

[pop] [pop-button]{
	display:block !important;
}

[pop="show"] > [pop-button]:after{
	content:" \00AB";
}

[pop="hide"] > [pop-button]:after{
	content:" \00BB";
}

[pop="show"] > [pop-button]{
	margin-top:-17px;
	text-align:center;
	background:#f0f0f0;
}

[fold]{
position:relative;
cursor:pointer;
display:block;
overflow:hidden;
width:90px;
height:38px;
color:#fff;
text-align:center;
background-color:#545454ee;
box-shadow:2px 2px 1px rgba(0 0 0 / 70%);
border-radius:6px;
}

[fold="expanded"]{
text-align:left;
position:fixed;
top:0px !important;
left:0px !important;
width:300px;
height:100%;
padding-left:10px;
padding-top:10px;
border-radius:0px;
overflow-y:auto;
z-index:9999;
}

[fold] > h1{
font-size:20px;
margin-top:10px;
}

[fold="1"] > h1{
margin-bottom:20px;
}

[fold] button{
height:55px;
min-width:55px;
}

[tabs]{
border-bottom:solid 1px #222;
margin-top:-1px;
width:100%;
height:40px;
overflow-y:hidden;
overflow-x:scroll;
display:block;
}

[tabs] > div{
width:200%;
height:40px;
}

[tabs][width="1"] > div{width:1500px;}
[tabs][width="2"] > div{width:3000px;}
[tabs][width="3"] > div{width:4500px;}
[tabs][width="4"] > div{width:6000px;}

[tabs] button{
font-size:15px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
color:#ccc;
margin-bottom:0px;
}

[tabs][tabsnow="0"] button[tabsno="0"],
[tabs][tabsnow="1"] button[tabsno="1"],
[tabs][tabsnow="2"] button[tabsno="2"],
[tabs][tabsnow="3"] button[tabsno="3"],
[tabs][tabsnow="4"] button[tabsno="4"],
[tabs][tabsnow="5"] button[tabsno="5"],
[tabs][tabsnow="6"] button[tabsno="6"],
[tabs][tabsnow="7"] button[tabsno="7"],
[tabs][tabsnow="8"] button[tabsno="8"],
[tabs][tabsnow="9"] button[tabsno="9"],
[tabs][tabsnow="10"] button[tabsno="10"],
[tabs][tabsnow="11"] button[tabsno="11"],
[tabs][tabsnow="12"] button[tabsno="12"],
[tabs][tabsnow="13"] button[tabsno="13"]
{
background:#999;
color:#fff;
}

[tabs][tab-expanded]{
	left:0px;
	width:100%;
	max-width:480px;
	height:100%;
	border-radius:5px;
	z-index:110;
}

[tabs][tab-expanded] > div{
	width:70%;
	height:200%;
	background:#111;
	border-radius:5px;
	padding:5px;
}

[tabs][tab-expanded] [tab-expand-button]{
	display:none;
}

[tabs][tab-expanded] button{
	width:150px;
	height:44px;
	display:inline-block;
	border-radius:6px;
	margin-left:10px;
	margin-bottom:10px;
}

[highlighted] > button{
	background-color:#eee;
	color:#000;
	border:#777 solid 1px;
}

[highlighted="1"] > *:nth-child(1),
[highlighted="2"] > *:nth-child(2),
[highlighted="3"] > *:nth-child(3),
[highlighted="4"] > *:nth-child(4),
[highlighted="5"] > *:nth-child(5),
[highlighted="6"] > *:nth-child(6),
[highlighted="7"] > *:nth-child(7),
[highlighted="8"] > *:nth-child(8),
[highlighted="9"] > *:nth-child(9),
[highlighted="10"] > *:nth-child(10),
[highlighted="11"] > *:nth-child(11),
[highlighted="12"] > *:nth-child(12),
[highlighted="13"] > *:nth-child(13),
[highlighted="14"] > *:nth-child(14),
[highlighted="15"] > *:nth-child(15),
[highlighted="16"] > *:nth-child(16),
[highlighted="17"] > *:nth-child(17),
[highlighted="18"] > *:nth-child(18),
[highlighted="19"] > *:nth-child(19),
[highlighted="20"] > *:nth-child(20),
[highlighted="21"] > *:nth-child(21),
[highlighted="22"] > *:nth-child(22)
{
	background-color:#ab2c2c !important;
	color:#fff !Important;
	border:#777 solid 1px;
	box-shadow:1px 1px 1px;
}

#alarms{
	position:fixed;
	top:40px;
	right:10px;
	background:rgba(0,0,0,0.3);
	padding:9px 9px;
	border-radius:6px;
	border:solid 1px #f0f0f0;
}

#alarms:empty{
	display:none;
}

[alarm] > button::before{
	content:"\2716 ";
}

[countdown]::after{
	content:" [" attr(countdown) "]"
}

[alarm][over] > [button]{
	background:#afa !important;
}

[fullpage]{
z-index:170;
position:fixed;
top:0;
bottom:0;
left:0;
width:100%;
text-align:center;
display:block;
font-size:60px;
color:#fff;
background:#111;
padding-top:30px;
display:none;
overflow:auto;
}

[fullpage] button{
font-size:30px !important;
min-width:75px;
padding:20px;
border-radius:20px;
min-height:80px !important;
}

[fullpage] input{
font-size:60px;
border-radius:5px;
height:50px;
padding:5px 10px;
}

[fullsize]{
	position:fixed;
	z-index:1000;
	top:0px;
	left:0px;
	width:100% !important;
	height:100% !important;
	overflow:scroll;
	padding:10px;
	padding-top:0px !important;
	margin-left:0px !important;
	margin-right:0px !important;
	margin-top:0px !important;
}

[printable]{
	z-index:1000;
	width:100% !important;
	height:100% !important;
	overflow:visiblw;
	padding:10px;
	padding-top:0px !important;
	margin-left:0px !important;
	margin-right:0px !important;
	margin-top:0px !important;
}

[resource-item]{
	padding:0px !important;
	margin:0px !important;
	margin-bottom:0px !important;
}

[numpad] button{
width:80px;
}

[numpad-ok]{
	background:#c00;
}

#prompt-number-input{
	background:#fff;
	color:#000;
	border-radius:6px;
	width:450px;
	font-size:60px;
}

[prompt-number-cancel]{
	background:#222;
	margin-top:50px;
}

#prompt-color-buttons{
	display:block;
	width:400px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#prompt-color-buttons button{
	width:60px !important;
	height:60px !important;
	min-height:0px !Important;
	min-width:0px !important;
	padding:0px;
	border-radius:5px;
}

#prompt-color-buttons button[selected]{
	border:3px solid #000;
	outline:3px solid #fff;
	box-shadow:0 0 8px #fff !important;
}

@media screen and (max-height: 880px){ /* Mobile */
	#prompt [numpad]{
		position:fixed;
		top:10px;
		right:10px;
	}

	[prompt-number-cancel]{
		position:fixed;
		bottom:10px;
		left:10px;
	}

	[prompt-number] h1{
		text-align:left;
		margin-left:10px;
	}

	#prompt-number-input{
		text-align:left;
		margin-left:10px;
	}
}

[keyboard]{
	text-align:center;
	font-size:0px;
	margin-top:10px;
	margin-bottom:10px;
}

[keyboard] button{
	font-size:17px !important;
	height:40px !important;
	padding:5px 20px !Important;
	border-radius:12px !important;
	min-height:0px !important;
	min-width:0px !important;
	margin:2px;
}

[keyboard] [keyboard-space]{
	width:150px !Important;	
}

[item-buttons] button{
font-size:15px;
padding:0px 5px;
border-radius:3px;
}

[hasimage]{
background-size:100%;
}

[groupsize="0"]{display:none}

#signature-pad{
background-color:#555 !important;
color:#fff !important;
font-size:0px;
}

[groupsize="0"] + [group-heading]{display:none}

#signature-canvas{
	background-color:#fff;
	border-radius:10px;
	border:#000 solid 1px;
	display:block;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
}

#signature-pad button{
	height:50px !important;
	min-height:50px !important;
	min-width:40px !important;
	padding:5px 20px;
	background-color:#222;
}

button[pad-color]{
	font-size:0px !important;
	width:50px;
}

#signature-input{
	display:inline-block;
	background-color:#fff;
	color:#222;
	padding:5px 20px;
	border-radius:6px;
	min-height:70px;
	min-width:200px;
	text-align:left;
	font-size:60px;
}

#control-menu{
z-index:999;
}

[signature-pad-color-red]{
background-color:rgb(255,40,40) !important;
}

[signature-pad-color-blue]{
background-color:rgb(50,114,180) !important;
}

[signature-pad-color-green]{
background-color:rgb(79,169,79) !important;
}

[signature-pad-color-yellow]{
background-color:rgb(255, 245, 70) !important;
}

[signature-pad-color-brown]{
background-color:rgb(109,0,0) !important;
}

[signature-pad-color-pink]{
background-color:rgb(255, 69, 169) !important;
}

[signature-pad-color-black]{
background-color:rgb(0,0,0) !important;
}

img[zoom="1"]{
position:fixed;
top:180px;
left:0px;
width:auto;
height:auto;
max-width:100%;
max-height:100%;
z-index:9999;
margin:0px;
border-radius:0px;
border-bottom-right-radius:6px;
}

#zoomed-image{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:auto;
	z-index:9999;
	border:#000 solid 10px;
}


#camera-canvas{
display:none;
position:fixed;
top:0px;
left:0px;
background-color:#fff;
}

#camera-video{
display:none;
position:fixed;
top:0px;
left:400px;
}

#camera-canvas[prompt-photo-video],
#camera-video[prompt-photo-video]{
	display:block;
	top:0px;
	left:0px;
	width:100%;
	max-height:80%;
	z-index:199;
}

#prompt-photo-buttons{
	display:block;
	position:fixed;
	bottom:5px;
	right:20px;
	z-index:800;
}

[prompt-photo] button[prompt-photo-shoot]{
	background:#3334 url(media/camera-80.png) center center no-repeat;
	font-size:0px !important;
	color:#3334;
	background-size:70%;
}

[prompt-photo] button[prompt-photo-again],
[prompt-photo] button[prompt-photo-done],
[prompt-photo][shot] button[prompt-photo-flip],
[prompt-photo][shot] button[prompt-photo-shoot]{
	display:none;
}

[prompt-photo][shot] button[prompt-photo-done],
[prompt-photo][shot] button[prompt-photo-again]{
	display:inline-block;
}

[hidden-number]{
	display:none;
	color:#faa;
}

[y-90]{background-position-y:-90px}
[y-80]{background-position-y:-80px}
[y-70]{background-position-y:-70px}
[y-60]{background-position-y:-60px}
[y-50]{background-position-y:-50px}
[y-40]{background-position-y:-40px}
[y-30]{background-position-y:-30px}
[y-20]{background-position-y:-20px}
[y-10]{background-position-y:-10px}
[y90]{background-position-y:90px}
[y80]{background-position-y:80px}
[y70]{background-position-y:70px}
[y60]{background-position-y:60px}
[y50]{background-position-y:50px}
[y40]{background-position-y:40px}
[y30]{background-position-y:30px}
[y20]{background-position-y:20px}
[y10]{background-position-y:10px}

[x-90]{background-position-x:-90px}
[x-80]{background-position-x:-80px}
[x-70]{background-position-x:-70px}
[x-60]{background-position-x:-60px}
[x-50]{background-position-x:-50px}
[x-40]{background-position-x:-40px}
[x-30]{background-position-x:-30px}
[x-20]{background-position-x:-20px}
[x-10]{background-position-x:-10px}
[x90]{background-position-x:90px}
[x80]{background-position-x:80px}
[x70]{background-position-x:70px}
[x60]{background-position-x:60px}
[x50]{background-position-x:50px}
[x40]{background-position-x:40px}
[x30]{background-position-x:30px}
[x20]{background-position-x:20px}
[x10]{background-position-x:10px}

[s30]{background-size:30% !important}
[s40]{background-size:40% !important}
[s50]{background-size:50% !important}
[s60]{background-size:60% !important}
[s70]{background-size:70% !important}
[s80]{background-size:80% !important}
[s90]{background-size:90% !important}
[s110]{background-size:110% !important}
[s120]{background-size:120% !important}
[s130]{background-size:130% !important}
[s140]{background-size:140% !important}
[s150]{background-size:150% !important}
[s160]{background-size:160% !important}
[s170]{background-size:170% !important}
[s180]{background-size:180% !important}
[s190]{background-size:190% !important}

input[type="file"]{
height:100px;
}

input[type="file"]::file-selector-button{
	padding:5px 10px;
	border-radius:7px;
	font-size:12px;
	margin:3px;
}
[resource-text]{
white-space:pre;
}

@media screen and (max-width: 880px){ /* Mobile */
	label{
		display: block;
		text-align: left;
	}

	[fullpage] {
		overflow:auto;
		text-align:left;
	}

	[fullpage] button{
		min-width:60px !important;
		min-height:60px !important;
		padding:7px;
	}

	[tabs]{
		width:100%;
	}

	[autolist]{
		width:100%;
	}

	#prompt{
		font-size:15px;
		width:100%;
		padding-left:0px;
		padding-right:0px;
	}

	#prompt button{
		height:15px;
	}

	#prompt input{
		font-size:15px;
		height:30px;
		padding:2px 6px;
		width:90%;
	}
}

@media (orientation: landscape){
	#zoomed-image{
		height:100%;
		width:auto;
	}

}

@media print{
	[tabs],
	input,
	textarea,
	button,
	.bubble,
	#clock,
	#battery,
	[menubar],
	#last-updated
	{
		display:none !important;
	}

	*{
		background:#fff;
		color:#000;
	}

	[sign]{
		background:#fff;
	}


}