/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    
	font-family: Roboto;
	zoom:100%;
	
    font-family: system-ui, -apple-system, -apple-system-font, 'Segoe UI', 'Roboto', sans-serif;
    font-size:12px;
    height:100vh;
    margin:0px;
    padding:0px;
    /* Padding to avoid the "unsafe" areas behind notches in the screen */
    padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-right, 0px);
    //text-transform:uppercase;
    width:100%;
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;
	-webkit-scrollbar: width: 0 ! important;
}
.page__background {
	background-color:#E4E4E4;
    background-image: url(../img/X.svg),
    -moz-linear-gradient(hsla(215,20%,80%,0.9) 20%, hsla(215,10%,70%,0) 50%, hsla(215,20%,80%,0.9) 100%);
	background-image: url(../img/X.svg),
    -webkit-linear-gradient(hsla(215,20%,80%,0.9) 20%, hsla(215,10%,70%,0) 50%, hsla(215,20%,80%,0.9) 100%);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
.tabbar {
	position:fixed;
	bottom:0;
}
#ausgabemenutab {
	display:none;
}
#h1 {
    font-size:2em;
    font-weight:normal;
    padding:5px 0px 0px 0px;
    text-align:center;
}
#whatpage:before {
	content:": ";
}
.error {
	border:1px solid red !important;
	background:rgba(255,60,0,.6);
}
@media screen and (max-width: 500px) {
    #h1 {
		font-size:1.5em;
	}
	.top>div:nth-child(3) {
		width:80px;
	}
}
@media screen and (max-width: 650px) {
    #whatpage {
		display:none;
	}
}
@media screen and (max-width: 800px) {
    #h1 {
		font-size:1.5em;
	}
	.top>div:nth-child(3) {
		width:140px;
	}
}
/* Portrait layout (default) */
.app {
	/* offset vertical: half of image height and text area height */
                                   /* offset horizontal: half of text area width */
}

/* Landscape layout (with min-width) */
@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
    .app {
                              /* offset horizontal: half of image width and text area width */
    }
}

.warning {
	background:#fa2;
	font-weight:bold;
}
.warning:active {
	background:#e82;
}

.event {
    border-radius:4px;
    -webkit-border-radius:4px;
    color:#FFFFFF;
    font-size:12px;
    margin:0px 30px;
    padding:2px 0px;
}
.squarebutton {
	height:38px;
	width:38px;
	display:block;
	background-color:#fff;
	line-height:0px;
	padding:0px;
	font-size:24px;
	vertical-align: text-top;
}
#scanbut {
	background-image:url(../img/scan.svg);
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
}
#newbut {
	font-family:sans-serif;
	
}

#scanbut:active {
	background-color:#ccc;
	border-style:inset;
}
@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
.blink {
    animation:fade 3000ms infinite;
    -webkit-animation:fade 3000ms infinite;
}
#ergebnis, #newgegenstand {
	position:absolute;
	left:0;right:0;
	top:100px;
	width:100%;
	max-width:600px;
	margin:auto;
}
#ergebnis table, #newgegenstand table {
	margin-top:30px;
	border-collapse:collapse;
	table-layout: fixed;
	width:100%;
	border:2px solid black;
}
.hidden {
	display:none !important;
}
.ergebnistabelle:first-child {
	margin-top:0px !important;
}
.ergebnistabelle input, .ergebnistabelle select {
	width:100%;
	background:transparent;
	border:none;
	-webkit-appearance: none; appearance: none;
}
select::-ms-expand {
    display: none;
}
.top {
	position:fixed;
	top:0;
	width:100vw;
	left:0;
	display:flex;
}
.top>div:first-child {
	width:36px;
	padding:3px;
}
.top>div:nth-child(2) {
	font-weight:bold;
	font-size:24px;
	text-align:center;
	flex-grow:1;
}
.top>div:nth-child(3) {
	width:180px;
	height:30px;
}
.center; {
	margin-top:35px !important;
}
.ergebnistabelle tr:nth-child(1) {
	display:table-row !important;
	width:100%;
}
#ergebnis table tr {
	display:none;
}
.ergebnistabelle tr:nth-child(1) td {
	width:100%;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
}
.ergebnisoffen tr:nth-child(1) {
	background:rgba(255,200,150,.7) !important;
}
.ergebnisoffen tr {
	display:table-row !important;
	width:100%;
}
.ergebnistabelle tr:nth-child(2n) {
	background:#dddddd;
}
.ergebnistabelle tr:nth-child(2n+1) {
	background:#ffffff;
}
.ergebnistabelle th:first-child {
	width:180px;
	text-align:left;
	text-transform:uppercase;
}
.ergebnistabelle th, .ergebnistabelle td {
	border:1px solid black;
	padding:4px 7px;
}
.kommentar th {
	background:#fda;
}
[type="file"] {
  height: 0;
  overflow: hidden;
  width: 0;
}

[type="file"] + label {
  background: #3db122;
  border: none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 2em;
  font-weight: 600;
  margin-bottom: 1rem;
  outline: none;
  padding: 1rem 50px;
  position: relative;
  transition: all 0.3s;
  vertical-align: middle;
} 
[type="file"] + label:hover {
    background-color: #391;
}
  
.uploadbutton_web {
    background-color: #99c793;
    border-radius: 50px;
    overflow: hidden;
}    
.uploadbutton_web ons-icon {
    color: #fff;
    height: 30px;
	width: 30px;
    left: -30%;
    position: absolute;
    top: 12px;
    transition: all 0.3s;
}
.uploadbutton_app {
	box-sizing:content-box;
	background: #3db122;
	font-family: -apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: none;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 2em;
	font-weight: 600;
	margin-bottom: 1rem;
	outline: none;
	padding: 1rem 50px;
	position: relative;
	transition: all 0.3s;
	vertical-align: middle;
	text-align:center;
	line-height:22px;
}
.uploadbutton_app ons-icon {
	left: 5%;
    position: absolute;
    top: 12px;
}
.uploadbutton_web:hover {
      background-color: rgba(153, 199, 147, 1)
}        
.uploadbutton_web:hover ons-icon {
        left: 5%;
}
.uplmenu_web {
	position:absolute;
	top:20%;
	left:0;right:0;margin:auto;
	width:300px;
	display:flex;
	flex-direction:column;
}
.uplmenu_web input, .uplmenu_web button {
	display:block;
}
.uplmenu_web ons-button {
	height:44px;
}
.uplmenu_web input[type="text"]{
	border:none;
	border-bottom:2px solid #ccc;
	background:transparent;
	font-size: 17px;
	width:calc(100% - 14px);
	margin-top:2px;
	padding:2px 7px;
}
.uplmenu_web input[type="text"]::placeholder {
	width:100%;
	text-align:center;
}
.uplmenu_web .aktivbutton {
	background-color: rgba(232, 246, 74, 1);
	color:#000;
	border-style:inset;
	
}
.progress {
    position: absolute;
    display: block;
    padding: 0;
    text-align: center;
	width:300px;
	height:300px;
	top:20%;
	left:0;right:0;
	margin:auto;
	display:none;
	background:rgba(255,255,255,.9);
}
.progress>li {
    display: inline-block;
    position: relative;
    text-align: center;
    color: #f00;
    font-weight:100;
    margin: 2rem;
	padding:1rem;
}
.progress>li:before {
    content: attr(data-name);
    position: absolute;
    width: 100%;
    bottom: -2rem;
	text-align: center;
	left: 0;right:0;margin:auto;
	font-weight:400;
	font-size: 1.2rem;
}

.progress>li:after {
	content: attr(data-percent) "%";
	display:block;
	position: absolute;
    width: 100%;
    top: 0; bottom:0;
	height:2rem;
	line-height:1.7rem;
    left: 0;right:0;margin:auto;
    font-size: 2rem;
    text-align: center;
}
.progress>li[data-percent="0"]:after {
	display:none;
}
progress-ring {
	position:absolute;
	width: 100%;
    height: 100%;
	top:-50%;
}
.progress-ring__circle {
  transition: 0.35s stroke-dashoffset;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}
.downloadcell {
	cursor:pointer;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	height:30px;
}
.img {
	background-image:url(../img/jpg.jpg);
}
.pdf {
	background-image:url(../img/pdf.jpg);
}
.logindialog {
	text-align: center;
	background:rgba(255,255,255,.9);
	max-width:500px;
	padding:25px;
	position:fixed;
	left:0;
	right:0;
	margin:30px auto;
}