@import "../../../../../../../../../../../../CSS/Commons/palette.css";
@import "../../../../../../../../../../../../CSS/Commons/fonts.css";

html
{
	height:100vh;
	width:100vw;
	background:var(--main-gb-color);
}

body
{
	display:flex;
	background:var(--main-gb-color);
	height:100vh;
	width:100vw;
	
}

iframe
{
	position:absolute;
	width:100vw;
	height:100vh;
	overflow:hidden;
	border:0;
	background:transparent;
}

div
{
	display:flex;
	min-width:0;
	
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

span
{
	min-width:0;
	display:block;
	font-family:var(--font-family-main);
	font-size:var(--resgui-font-height-m);
	color:var(--font-light);
	letter-spacing:1px;
	 -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



input,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
select
{
	height:var(--resgui-input-text-height);
	margin-left:var(--resgui-1vw);
	margin-right:var(--resgui-1vw);
	padding-left:var(--resgui-05vw);
	padding-right:var(--resgui-05vw);
	background-color:var(--input-text-background);
	border:1px solid var(--decor-border-light-color);
	border-radius:4px;
	font-family:var(--font-family-main);
	font-size:var(--resgui-font-height-m);
	color:var(--font-light);
	min-width:var(--resgui-7column);
}


select
{
	min-width:calc(var(--resgui-7column) + var(--resgui-1vw));
}

input:focus,
input:hover,
input[type=text]:focus,
input[type=text]:hover,
input[type=password]:focus,
input[type=password]:hover,
input[type=email]:focus,
input[type=email]:hover,
input[type=number]:focus,
input[type=number]:hover
{
	background-color:var(--input-text-background-hover);
	-webkit-transition: background-color 0.3s linear;
	-ms-transition: background-color 0.3s linear;
	transition: background-color 0.3s linear;
}

input:disabled,
select:disabled,
input:disabled:hover,
select:disabled:hover
{
	background-color:transparent;
	color:var(--font-dark);
}

input[type="number"]:valid
{
	background-color: var(--input-text-background);
}

input[type="number"]:invalid
{
	background-color: var(--red);
}

textarea
{
	height: 100%;
	min-height: 100%;
	max-height:100%;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	resize:none;
	font-size: var(--resgui-font-height-xs);
	background: var(--main-gb-color);
	border: none;
}

canvas
{
	height:100%;
	width:100%;
}

option:disabled
{
	color:var(--treenode-title2);
}