/*

	dev:

		blanchedalmond
		#ping.zoom
			{
			border-color: burlywood;
			background-color: #ffebdd;


	skarp:

		#b4cda5
		#ping.zoom
			{
			border-color: darkolivegreen;
			background-color: #b4dda5;

*/


*
	{
	margin: 0;
	padding: 0;
	white-space: nowrap;
	cursor: default;
	box-sizing: border-box;
	}

input, [contenteditable]
	{
	outline: none;
	font-family: 'prop';
	font-size: 100%;
	line-height: calc(22 / 16);
	}

input[type="text"], input[type="number"]
	{
	border-color: rgb(212,208,200);
	border-style: inset;
	border-width: 2px;
	cursor: text;
	}

pre
	{
	white-space: pre-wrap;
	margin-left: 1em;
	margin-top: 1em;
	color: white;
	background-color: #b4cda5;
	font-family: 'mono';
	}

.dontShow
	{
	display: none !important;
	}

.labeldiv
	{
	flex: 1 1 auto;
	display: flex;
	flex-flow: column nowrap;
	position: relative;
	}

.labeldiv > input
	{
	flex: 1 1 auto;
	}

.label1
	{
	position: absolute;
	top: -1.0em;
	left: 0.1em;
	font-size: 80%;
	}

.label2
	{
	position: absolute;
	top: -0.70em;
	left: 0.1em;
	font-size: 80%;
	}

.unselectable, .item, label, #itemDiv>div>div>span:first-child
	{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	}

.pevsdis
	{
	pointer-events: none;
	}

.edit
	{
	cursor: text;
	}

.slide
	{
	transition: transform 0.3s ease-in-out;
	}

.shrink
	{
	transition: font-size 0.2s, transform 0.2s;
	}

.button
	{
	font-family: 'prop';
	background: #28c850;
	padding: 0.1em 0.3em 0;
	border: 1px solid #28c850;
	text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3);
	color: #fff;
	box-shadow: inset 0px 1px 0px #28c850, 0px 0.1em 0px 0px #146425, 0px 0.1em 0.05em #999;
	border-radius: 0.2em;
	cursor: pointer;
	}

.button.check
	{
	background: #18a840;
	border: 1px solid #18a840;
	box-shadow: inset 0px 1px 0px #18a840, 0px 0.1em 0px 0px #145415, 0px 0.1em 0.05em #777;
	color: #b3b3b3;
	}

.button.glow
	{
	color: #f8f8f8;
	text-shadow: 0 0 0.10em rgb(255, 255, 255), 0 0 0.05em #20df20, 0 0 0.5em #ff0;

	}

.button.hilite
	{
	border: 0.1em solid orange;
	}

.loc_name.check
	{
	background: #1840a8;
	box-shadow: inset 0px 1px 0px #18a840, 0px 0.1em 0px 0px #145415, 0px 0.1em 0.05em #777;
	color: #f3f3f3;
	}

html
	{
	height: 100%;
	font-family: 'prop';
	font-size: 16px;
/*	line-height: calc(22 / 16);
*/	}

body
	{
	height: 100%;
	color: white;
	background-color: #b4cda5;
	overscroll-behavior-y: contain;
	}

#App
	{
	height: 100%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;
	}

#logorad
	{
	flex: 0 0 auto;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: stretch;
	min-height: 3em;
	}

#logo
	{
	flex: 0 0 auto;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: stretch;
	margin: 0.5em;
	}

#logo > img
	{
	cursor: pointer;
	}

#buttons
	{
	flex: 1 1 auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	margin-left: 0.5em;
	margin-right: 0.5em;
	}

#buttons .button
	{
	flex: 0 0 auto;
	margin: 0.2em;
	}

#sortButtons
	{
	font-size: 80%;
	display: flex;
	flex-flow: column nowrap;
	}

#info
	{
	flex: 0 0 auto;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: flex-end;
	margin: 0.5em;
	}

#user
	{
	flex: 0 0 auto;
	font-size: 65%;
	margin-bottom: 0.2em;
	background-color: #b4cda5;
	padding-left: 0.4em;
	padding-right: 0.4em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	min-height: 1.7em;
	border: 0.1em solid #b4cda5;
	border-radius: 0.5em;
	}

#username
	{
	color: darkgreen;
	}

#username:not(:empty)
	{
/*	padding-left: 0.3em;
	padding-right: 0.3em;
*/	}

#sid2
	{
	display: none;
	color: darkgreen;
	}

#sid2:not(:empty):before
	{
	content: "[";
	margin-left: 0.4em;
	}

#sid2:not(:empty):after
	{
	content: "]";
	}

#ping
	{
	flex: 0 0 auto;
	font-size: 65%;
	color: darkgreen;
/*	background-color: #b4cda5; */
	z-index: 1;
	padding-left: 0.4em;
	padding-right: 0.4em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	min-height: 1.7em;
	border: 0.1em solid #b4cda5;
	border-radius: 0.5em;
	transition: transform 0.3s ease, border-color 0.3s ease, opacity 0.3s ease, color 0.3s ease, border-color 0.3s ease;
	}

#ping.zoom
	{
	border-color: darkolivegreen;
	background-color: #b4dda5;
	transform: scale(3) translate(calc(100% / 2 * -1), calc(100% / 2 * 1));
	}

#input
	{
	flex: 0 0 auto;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
	margin-left: 2.5vmin;
	margin-right: 2.5vmin;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: flex-end;
	}

#input>div
	{
	flex: 1 1 auto;
	display: flex;
	flex-flow: column nowrap;
	position: relative;
	}

#inputEdit
	{
	flex: 1 1 auto;
	min-height: calc(1em * 22 / 16);
	padding-left: 0.5em;
	color: black;
	background-color: white;
	cursor: text;
	}

#inputList > div
	{
	border-top: 1px solid burlywood;
/*	line-height: 2.4375em
*/	}

.sugg
	{
	flex: 1 1 auto;
	display: flex;
	flex-flow: column nowrap;
	position: relative;
	}

.sugg > input[type="text"]
	{
	flex: 1 1 auto;
	}

.sugg > div
	{
	display: none;
	position: absolute;
	color: saddlebrown;
	background-color: wheat;
	top: 1.5em;
	width: 100%;
	border-color: rgb(212,208,200);
	border-style: inset;
	border-width: 2px;
	min-height: calc(1.625em + 0.25em);
	max-height: calc(8 * 1.625em + 0.25em);
	overflow-x: hidden;
	overflow-y: auto;
	line-height: 1em;
	z-index: 5;
	border-top: 1px solid;
	border-bottom: 2px solid brown;
	border-left: 2px solid brown;
	border-right: 1px solid brown;
	border-bottom-left-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
	}

.sugg_item, .sugg_loc
	{
	padding-left: 0.5em;
	padding-top: 0.25em;
	padding-bottom: 0.5em;
	border-top: 1px solid burlywood;
	}

.sugg_item:hover, .sugg_loc:hover
	{
	background-color: #D0FFE0;
	}

.sugg_item.selected, .sugg_loc.selected
	{
	background-color: #55c377;
	color: white;
	}

.sugg_item > :nth-child(2), .sugg_loc > :nth-child(2)
	{
	color: chocolate;
	font-size: 90%;
	}

.sugg_item.selected > :nth-child(2), .sugg_loc.selected > :nth-child(2)
	{
	color: gold;
	}

.sugg + input[type="button"]
	{
	flex: 0 0 auto;
	margin-top: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	}

/*
.sugg_item.empty > :nth-child(2)
	{
	color: olivedrab;
	}
*/

.sugg_item.full > :nth-child(2)
	{
	color: crimson;
	}

.sugg_loc
	{
	background-color: gainsboro;
	}

/*
.sugg_loc.empty > :nth-child(1)
	{
	color: olivedrab;
	}
*/

.sugg_loc.full > :nth-child(1)
	{
	color: crimson;
	}


#inputButton
	{
	flex: 0 0 auto;
	margin-left: 0.2em;
	padding-left: 1em;
	padding-right: 1em;
	font-weight: bold;
	}

#shelf
	{
	flex: 0 0 11.5em;	/* D㟦䰠4 rader plats med st䤮de bild. */	/* H㰡 */
	display: /* flex */ none;
	margin-top: 0.5em;
	margin-bottom: 0.25em;
	margin-left: 2.5vmin;
	margin-right: 2.5vmin;
	white-space: pre;
	font-family: 'prop';
	background: #d4edc5;
	font-size: 80%;
	}

#shelf_contents
	{
	overflow-x: auto;
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	}

#shelf_contents .item
	{
	margin-left: 0.25em;
	}

#shelf_contents .item_bildImg, .item.clone[data-from="shelf"] .item_bildImg
	{
	max-height: 7.5em;	/* 3/4 av 10em (100% width) */	/* H㰡 */
	}

#shelf_contents .item_homeloc, .item.clone[data-from="shelf"] .item_homeloc
	{
	opacity: 0.6;
	}

#output
	{
	flex: 1 1 auto;
	overflow-y: auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	margin-top: 0.5em;
	margin-bottom: 2.5vmin;
	margin-left: 2.5vmin;
	margin-right: 2.5vmin;
	white-space: pre;
	font-family: 'prop';
	padding: 0;
	}

/*
#output.badTotQuant
	{
	background-color: red;
	}
*/

.item
	{
	flex: 0 0 19em;	/* H㰡 */
	background: linear-gradient(45deg,  rgba(30,60,30,1) 0%,rgba(70,140,70,1) 100%);
	color: white;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;
	text-align: center;
	overflow: hidden;
	padding: 0.5em;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
	}

.item .item_iqd
	{
	position: relative;
	}

.item .item_qnd
	{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) scale(0.06);
	-webkit-transform: translate(-50%,-50%) scale(0.06);
	font-size: 144pt;
	text-shadow:	0px -6px 0 #212121,  
					0px -6px 0 #212121,
					0px  6px 0 #212121,
					0px  6px 0 #212121,
					-6px  0px 0 #212121,  
					6px  0px 0 #212121,
					-6px  0px 0 #212121,
					6px  0px 0 #212121,
					-6px -6px 0 #212121,  
					6px -6px 0 #212121,
					-6px  6px 0 #212121,
					6px  6px 0 #212121,
					-6px  18px 0 #212121,
					0px  18px 0 #212121,
					6px  18px 0 #212121,
					0 19px 1px rgba(0,0,0,.1),
					0 0 6px rgba(0,0,0,.1),
					0 6px 3px rgba(0,0,0,.3),
					0 12px 6px rgba(0,0,0,.2),
					0 18px 18px rgba(0,0,0,.25),
					0 24px 24px rgba(0,0,0,.2),
					0 36px 36px rgba(0,0,0,.15);
	}

.item_qnd .item_edate
	{
	margin-bottom: 0.2em;
	display: none;
	}

.item_qnd .item_quantity
	{
	display: none;
	}

.loc_contents .item, .item.clone
	{
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0.25em;
	padding-top: 0.25em;
	padding-bottom: 0.15em;
	}

.item.clone
	{
	opacity: 0.8;
	}

.item > *
	{
/*	overflow: hidden; */
	white-space: normal;
	word-break: normal;
	word-wrap: break-word;
	font-size: 90%;
/*	text-overflow: ellipsis;
	margin-left: auto;
	margin-right: auto;
*/	}

.item_name
	{
	font-weight: bold;
	font-size: 85%;
	}

.loc_contents .item_name, .item.clone[data-from="locs"] .item_name, .item.clone[data-from="shelf"] .item_name
	{
	font-weight: bold;
	}

.item_curloc, .item_homeloc
	{
	color: gainsboro;
	}

.item.clone .item_curloc
	{
/*	display: none; */
	}

/*
.item_curloc.empty, .item_homeloc.empty
	{
	color: #adff2f;
	}
*/

.item_curloc.full, .item_homeloc.full
	{
	color: #b0c0ff;
	}

.item_bildImg
	{
	display: none;
/*	max-width: calc(17em / 0.9 /0.8); */	/* H㰡 */
/*	max-height: calc(17em / 0.9 /0.8); */
	max-width: 19em;
	max-height: 19em;
/*	margin-top: 0.5em; */
	margin-left: auto;
	margin-right: auto;
	}

/*
.item_name
	{
	font-size: 100%;
	}
*/

.item.empty > .item_name, .item.full > .item_name
	{
	color: transparent;
	}

.item.empty .item_bildImg
	{
	display: none;
	}

.item.full .item_bildImg
	{
	display: none;
	}

/*
.item.badQuant
	{
	background: linear-gradient(45deg,  rgba(255,60,30,1) 0%,rgba(255,140,70,1) 100%);
	}
*/

.item_edate
	{
	color: yellow;
	}


.item[data-type="dok"] .item_bildImg, .item[data-type="konto"] .item_bildImg
	{
	display: inline;
	}


.loc
	{
	flex: 0 0 19em;	/* H㰡 */
	background: linear-gradient(45deg,  rgba(80,80,80,1) 0%,gainsboro 100%);
	color: black;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;
	text-align: center;
	overflow: hidden;
	padding: 0.5em;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
	}

/*
.loc.empty
	{
	background: linear-gradient(45deg,  rgba(30,60,30,1) 0%,#adff2f 100%);
	}
*/

.loc.full
	{
	background: linear-gradient(45deg,  #507090 0%,#b0c0ff 100%);
	}

.loc.cur_drop
	{
	border: 0.3em inset green;
	}

.loc > *
	{
	overflow: hidden;
	white-space: normal;
	word-break: normal;
	word-wrap: break-word;
	font-size: 95%;
/*	text-overflow: ellipsis;
	margin-left: auto;
	margin-right: auto;
*/	}

.loc_name
	{
	font-size: 80%;
	font-weight: bold;
	}

.loc_contents
	{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	color: gold;
	}


#settingsDiv
	{
	position: fixed;
	z-index: 20;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	padding: 3em 1em;
	background-color: rgba(255,255,255,0.5);
	}
	
#settingsDiv > div
	{
	flex: 0 1 auto;
	max-width: 100%;
	min-width: 17em;
	border: 0.2em solid #a0a0a0;
	border-radius: 0.5em;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;
	overflow: hidden;
	}

#settingsDiv > div > :nth-child(1)
	{
	background-color: #309040;
	top: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-bottom: 0.1em solid #a0a0a0;
	flex: 0 0 auto;
	font-size: 120%;
	font-weight: bold;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	}

#settingsDiv > div > :nth-child(2)
	{
	background: linear-gradient(45deg,  rgba(30,60,30,1) 0%,rgba(70,140,70,1) 100%);
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;
	overflow-y: auto;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	}

#settingsDiv > div > :nth-child(2) > *
	{
	flex: 0 0 auto;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	}

#settingsDiv > div > :nth-child(2) > * + *
	{
	margin-top: 1em;
	}

#settingsDiv > div > :nth-child(2) input + span
	{
	white-space: normal;
	font-size: 70%;
	max-width: 100%;
	}

input[disabled]
	{
	opacity: 0.5;
	cursor: default;
	}

#settingsDiv > div > :nth-child(2) input[disabled], #settingsDiv > div > :nth-child(2) input[disabled] + span
	{
	opacity: 0.5;
	cursor: default;
	}

#settingsDiv > div input
	{
	font-size: 100%;
	line-height: calc(22 / 16);
	}

#settingsDiv > div .button
	{
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	}


#itemDiv
	{
	position: fixed;
	z-index: 10;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	padding: 0.5em 0.5em;
	background-color: rgba(255,255,255,0.5);
	}
	
#itemDiv > div
	{
	flex: 0 1 auto;
	max-width: 100%;
	width: 42em;
	border: 0.2em solid #a0a0a0;
	border-radius: 0.5em;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;
	overflow: hidden;
	}

#itemDiv > div > :nth-child(1)
	{
	background-color: #309040;
	top: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-bottom: 0.1em solid #a0a0a0;
	flex: 0 0 auto;
	font-size: 120%;
	font-weight: bold;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	}

#itemDiv > div > :nth-child(2)
	{
	min-height: 20em;
	background: linear-gradient(45deg,  rgba(30,60,30,1) 0%,rgba(70,140,70,1) 100%);
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;
	overflow-y: auto;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	}

#itemDiv > div > :nth-child(2) > *
	{
	flex: 0 0 auto;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start;
	}

#itemDiv > div > :nth-child(2) > :first-child
	{
	font-size: 80%;
	color: lightgrey;
	}

#itemDiv > div > :nth-child(2) > div > input
	{
	flex: 1 1 auto;
	}

#itemDiv > div > :nth-child(2) > div > input[type="date"]
	{
	flex: 1 1 auto;
	}

#itemDiv > div > :nth-child(2) > div > input[type="number"]
	{
	flex: 1 1 auto;
	}

#itemDiv > div > :nth-child(2) > div > input + input, #itemDiv > div > :nth-child(2) > div > div + div, #itemDiv > div > :nth-child(2) > div > input + div
	{
	margin-left: 0.25em;
	}

#itemDiv > div > :nth-child(2) > div + div
	{
	margin-top: 1.2em;
	}

#item_bildInput
	{
	display: none;
	}

#item_bildImg
	{
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	}

#item_delImg
	{
	position: absolute;
	right: 0;
	top: 0;
	margin-right: 0.25em;
	}

#itemDiv > div input
	{
	font-size: 100%;
	line-height: calc(22 / 16);
	}

#itemDiv > div input[disabled]
	{
	opacity: 0.5;
	cursor: default;
	}

#itemDiv div input[readonly]
	{
	opacity: 0.5;
	cursor: default;
	}

#itemDiv > div input[type="text"], #itemDiv > div input[type="number"]
	{
	padding-left: 0.25em;
	padding-right: 0.25em;
	padding-top: 0.1em;
	}

#itemDiv > div .button
	{
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	flex: 0 0 auto;
	}

#itemDiv div.sugg + input[type="button"]
	{
	flex: 0 0 auto;
	margin-top: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	}

#qboxDiv, #qboxValDiv, #qboxValBtnDiv
	{
	position: fixed;
	z-index: 30;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	padding: 0.5em 0.5em;
	background-color: rgba(255,255,255,0.5);
	}
	
#qboxDiv > div, #qboxValDiv > div, #qboxValBtnDiv > div
	{
	flex: 0 1 auto;
	max-width: 100%;
	border: 0.2em solid #a0a0a0;
	border-radius: 0.5em;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;
	overflow: hidden;
	}

#qboxDiv > div > :nth-child(1), #qboxValDiv > div > :nth-child(1), #qboxValBtnDiv > div > :nth-child(1)
	{
	background-color: #309040;
	top: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-bottom: 0.1em solid #a0a0a0;
	flex: 0 0 auto;
	font-size: 120%;
	font-weight: bold;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	}

#qboxDiv > div > :nth-child(2), #qboxValDiv > div > :nth-child(2), #qboxValBtnDiv > div > :nth-child(2)
	{
	background: linear-gradient(45deg,  rgba(30,60,30,1) 0%,rgba(70,140,70,1) 100%);
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;
	overflow-y: auto;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	}

#qboxDiv > div > :nth-child(2) > *, #qboxValDiv > div > :nth-child(2) > *, #qboxValBtnDiv > div > :nth-child(2) > *
	{
	flex: 0 0 auto;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	}

#qboxDiv > div > :nth-child(2) > div + div, #qboxValDiv > div > :nth-child(2) > div + div, #qboxValBtnDiv > div > :nth-child(2) > div + div
	{
	margin-top: 1em;
	}

#qboxDiv > div .button, #qboxValDiv > div .button, #qboxValBtnDiv > div .button
	{
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	flex: 0 0 auto;
	}

/*
#qboxDiv > div .button:not(:first-child), #qboxValDiv > div .button:not(:first-child), #qboxValBtnDiv > div .button:not(:first-child)
#qboxDiv > div input:not(:first-child), #qboxValDiv > div input:not(:first-child), #qboxValBtnDiv > div input:not(:first-child)
*/
#qboxDiv > div input:not(:first-child), #qboxValDiv > div input:not(:first-child), #qboxValBtnDiv > div>div>div> *:not(:first-child)
	{
	margin-left: 1em;
	}

#qbox_text
	{
	text-align: center;
	white-space: normal;
	word-break: normal;
	word-wrap: break-word;
	}

#qboxVal_text
	{
	flex: 0 1 auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}

#qboxValBtn_text
	{
	flex: 0 1 auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}

#qboxValBtn_chk
	{
	flex: 0 1 auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}


#chatlog
	{
	flex: 0 0 20%;
	overflow-y: auto;
	display: /* flex */ none;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 0;
	margin-bottom: 0.5em;
	margin-left: 2.5vmin;
	margin-right: 2.5vmin;
	padding-left: 0.5em;
	padding-right: 0.5em;
	color: #1b4028;
/*	background-color: #d4e2fa; */
	background-color: #A0A0A080;
	font-size: 80%;
	font-family: 'prop';
	}

#chatlog[data-size="big"]
	{
	flex: 1 1 100%;
	}

#chatlog > div
	{
	flex: 0 0 auto;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	white-space: pre-line;
	word-break: normal;
	word-wrap: break-word;
	max-width: 100%;
	}

#chatlog > div > span
	{
	white-space: pre-line;
	word-break: normal;
	word-wrap: break-word;
	}

#chatlog > div *
	{
	cursor: text;
	}

#chatlog > div .ipaddr
	{
	text-decoration: underline;
	color: green;
	cursor: pointer;
	}

.chattype
	{
	font-size: 90%;
	font-style: italic;
	}

.chattype table
	{
	border-collapse: separate;
	border-spacing: 0 0.5em;
	}

.chattype table caption
	{
	text-align: left;
	font-weight: bold;
	font-size: 125%;
	padding-bottom: 0.3em;
	}

.chattype table tr td:nth-child(1)
	{
	font-size: 100%;
	font-style: normal;
	font-family: 'mono';
	color: black;
	}

.chattype table tr td:nth-child(2)
	{
	color: darkgreen;
	padding-left: 1em;
	}

.chatline
	{
	}

.chatinfo
	{
	font-size: 75%;
	opacity: 0.6;
	}

#input, #add, #addpos, #best, #inlev, #direktlev, #uttag, #saldo, #faktura, #exstirpera, #sortButtons
	{
	display: none;
	}