body {
	overflow: hidden;
	background-color: rgb(198, 218, 238);

	font-family: Arial, Helvetica, sans-serif;
    font-size: 1vw;

}


a {
     text-decoration: none;
}

.eingabe {
	display: block;
	position: absolute;
	top: 13.72%;
	height: 4.14%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(255, 255, 255);
	border: solid rgb(0, 0, 0) 0px;
        border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2vw;
	padding: 0.5%;
	padding-left: 1%;
	margin: 0px;
}

.dinput {
	display: block;
	position: absolute;
	width: 30%;
	height: 4%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(255, 255, 255);
	border: solid rgb(0, 0, 0) 0px;
    border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8vw;
    font-weight: 400;
	padding: 0.5%;
	padding-left: 1%;
	margin: 0px;
}

.dokument {
	display: block;
	position: absolute;
	top: 48.64%;
	left: 10.05%;
	width: 81.11%;
	height: 5.94%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(255, 255, 255);
	border: solid rgb(0, 0, 0) 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.83vw;
	padding: 0.5%;
	padding-left: 1%;
	margin: 0px;
}

.speichern {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 86.95%;
	left: 10.56%;
	width: 45%;
	height: 7.65%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(99, 198, 124);
	border: solid rgb(0, 0, 0) 0px;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.56vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}

#fmlogo {

position: absolute;
display: block;
bottom: 1%;
right: 2%;
width: 5%;

}


#editbtn {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 93%;
	left: 10%;
	width: 83%;
	height: 5%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: #568fc7;
    color: white;
	border: solid rgb(0, 0, 0) 0px;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}

#main {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 22.59%;
	left: 2.54%;
	width: 95.33%;
	height: 73.59%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(255, 255, 255);
	border: solid rgb(0, 0, 0) 0px;
	border-radius: 11px;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.83vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}

#faecher {
	left: 3.17%;
	width: 19.44%;
}


#urheber {
	left: 38.5%;
	width: 10%;
}


#profile {

display: inline-block;
width: 1em;
height: auto;
padding-right: 10px;
    user-select: none;
}

#profile_name {

display: inline-block;
    user-select: none;
}

#loginname {
  display: block;
  position: absolute;
  left: -0.5%;
  top: -1%;
  height: 2.7%;
  width: 10%;
  font-size: 1.3vw;
  font-weight: 500;
  color: #568fc7;
  user-select: none;
  padding: 1%;
  padding-left: 2.5%;
  padding-top: 2%;
  border: 2px  solid #568fc7;
  border-radius: 4px;

}
#plusbtn {

display: block;
position: absolute;
left: 20%;
top: 2%;
width: 15%;
	user-select: none;

}

#losbtn {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 13%;
	left: 88%;
	width: 9%;
	height: 6.5%;
	z-index: 9;
	color: rgb(255, 255, 255);
	overflow: hidden;
	background-color: rgb(61, 141, 195);
	border: solid rgb(0, 0, 0) 0px;
	border-radius: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.70vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}

#klassen {
	left: 24.78%;
	width: 11.90%;
}

#stichworte {
	left: 50%;
	width: 35%;
    height: 2.5% !important;
}

#detailfeld {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 5.45%;
	left: 64.14%;
	width: 33.17%;
	height: 88.84%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(198, 218, 238);
	border: solid rgb(0, 0, 0) 0px;
	border-radius: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.83vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}

#liste {
	display: block;
	position: absolute;
	box-sizing: border-box;
	top: 7%;
	left: 2.68%;
	width: 56.87%;
	height: 85.86%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow-x: hidden;
	background-color: rgb(255, 255, 255);
	border: solid rgb(180,180, 180) 1px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.83vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
    overflow: hidden;
}

#dtitel {
	top: 6%;
	left: 9%;
    width: 81% !important;
    font-weight: bold;
}

#dfach {
	top: 16%;
	left: 9%;
    width: 28%;
    font-weight: 600;
}

#dklasse {
	top: 16%;
	left: 43%;
    width: 22%;
    font-weight: 600;
}


#dautor {
	top: 16%;
	left: 70%;
    width: 20%;
    font-weight: 600;
}
#notes {
	display: block;
	position: absolute;
	top: 24%;
	left: 9%;
	width: 80%;
	height: 20%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow-y: scroll;
	background-color: rgb(255, 255, 255);
	border: solid rgb(0, 0, 0) 0px;
    border-radius: 5px;
	font-family: Helvetica;
	font-size: 0.8vw;
	padding: 8px;
	margin: 0px;
}


#filelist {
	display: block;
	position: absolute;
	top: 50%;
	left: 9%;
	width: 80%;
	height: 38%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(255, 255, 255);
	border: solid rgb(0, 0, 0) 0px;
    border-radius: 5px;
	font-family: Helvetica;
	font-size: 0.7vw;
	padding: 8px;
	margin: 0px;
    overflow-y: scroll;
}

.label {
 position: absolute;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.9vw;
 color: black;

}

#label_fach   {

top: 11%;
left: 4%;
}

#label_ks   {

top: 11%;
left: 25%;
}

#label_st   {

top: 11%;
left: 51%;
}


#label_uh   {

top: 11%;
left: 39%;
}


#logo {

position: absolute;
top: 2%;
left: 72%;
width: 25%;
height: auto;
	user-select: none;
}





table.blueTable {
    border: 1px solid #1C6EA4;
    background-color: #e5e9ef;
    width: 99%;
    text-align: left;
    border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
    border: 1px solid #AAAAAA;
    padding: 3px 2px;
}
table.blueTable tbody td {
    font-size: 12px;
}
table.blueTable tr:nth-child(even) {
    background: white;
}
table.blueTable thead {
 background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(113,113,113,1) 58%, rgba(159,159,159,1) 100%);
    border-bottom: 2px solid #444444;
}
table.blueTable thead th {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    border-left: 2px solid #D0E4F5;
}
table.blueTable thead th:first-child {
    border-left: none;
}


.ed_input {
	display: block;
	position: absolute;
	left: 5.10%;
	width: 45.38%;
	height: 4%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(255, 255, 255);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2vw;
	padding: 0.5%;
	padding-left: 1%;
	margin: 0px;
}

.ed_select {
	display: block;
	position: absolute;
	left: 5.10%;
	width: 47%;
	height: 6%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(255, 255, 255);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2vw;
	padding: 0.5%;
	padding-left: 1%;
	margin: 0px;
}

.ed_btn {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 84.75%;
	height: 6.69%;
	z-index: 9;
	color: rgb(255, 255, 255);
	overflow: hidden;
	border: solid rgb(0, 0, 0) 0px;
	border-radius: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.70vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}

.ed_labels {
	display: block;
	position: absolute;
   	height: 4.79%;
	z-index: 9;
	color: rgb(255, 255, 255);
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.13vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}

#editor {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 10.15%;
	left: 5.96%;
	width: 88.64%;
	height: 77.32%;
	z-index: 20;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(61, 141, 195);
	border: solid rgb(0, 0, 0) 0px;
	border-radius: 18px;
	box-shadow: 17px 17px 17px rgba(0, 0, 0, 0.3);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.83vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}

#ed_toptitel {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 1.58%;
	left: 12.23%;
	width: 75.54%;
	height: 8.59%;
	z-index: 8;
	color: rgb(218, 226, 232);
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0);
	border: solid rgb(0, 0, 0) 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.83vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}

#ed_filebox {
	display: block;
	position: absolute;
	top: 24.28%;
	left: 60.77%;
	width: 34.64%;
	height: 43.30%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(255, 255, 255);
	border: solid rgb(0, 0, 0) 0px;
	border-radius: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.56vw;
	padding: 10px;
	margin: 0px;
	user-select: none;

}

.listitem {
 display: flex;
  	box-sizing: border-box;
	align-items: center;
	justify-content: center;

    border: 1px solid #777;
    border-radius: 5px;
    padding: 2px;
    background-color: #EEE;
    text-decoration: none;
    color: black;
}


.ed_listitem {
    display: inline-block;
    text-align: center;
    border: 1px solid #777;
    border-radius: 5px;
    background-color: #EEE;
    text-decoration: none;
    color: black;
    font-size:0.8vw;
    padding-left: 2%;
    padding-right: 2%;
    width: 85%;
}


.fdelbtn {
display: inline-block;
width: 5%;
font-size: 1vw;
color: white;
background-color: red;
text-align: center;
border-radius: 4px;
}


#ed_titel {
	top: 19.58%;
	border: solid rgb(0, 0, 0) 0.888889px;
    font-weight: bold;
}

#ed_fach {
	top: 31.17%;
	border: solid rgb(0, 0, 0) 0px;
}

#ed_notes {
	top: 50.17%;
	border: solid rgb(0, 0, 0) 0px;
}

#ed_beschreibung {
	display: block;
	position: absolute;
	top: 64.07%;
	left: 5.18%;
	width: 45.84%;
	height: 30.76%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(255, 255, 255);
	border: solid rgb(0, 0, 0) 0.888889px;
	font-family: Helvetica;
	font-size: 1.2vw;
	padding: 8px;
	margin: 0px;
    overflow-y: scroll;
}

#ed_loeschen {
	left: 61.24%;
	width: 10.55%;
	background-color: rgb(234, 83, 58);
}

#ed_speichern {
	left: 74.12%;
	width: 21.88%;
	background-color: rgb(32, 174, 86);
}

#ed_anlegen {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 84.75%;
	height: 6.69%;
	z-index: 9;
	color: rgb(255, 255, 255);
   	background-color: rgb(32, 174, 86);
	overflow: hidden;
	border: solid rgb(0, 0, 0) 0px;
	border-radius: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
    left: 61%;
    width: 34%;
}


#ed_label1 {
	top: 16%;
	left: 5.10%;
	width: 44.08%;
	border: solid rgb(253, 253, 253) 0px;
}

#ed_label2 {
	top: 27%;
	left: 5.10%;
	width: 44.08%;
	border: solid rgb(0, 0, 0) 0px;
}

#ed_label3 {
	top: 46%;
	left: 5.10%;
	width: 44.08%;
	border: solid rgb(0, 0, 0) 0px;
}

#ed_label4 {
	top: 60%;
	left: 5.10%;
	width: 44.08%;
	border: solid rgb(0, 0, 0) 0px;
}

#ed_label5 {
	top: 41%;
	left: 5.08%;
	width: 9.14%;
	border: solid rgb(0, 0, 0) 0px;
}

#ed_label6 {
	top: 20%;
	left: 61.24%;
	width: 34.17%;
	border: solid rgb(0, 0, 0) 0px;
}

#klassenreihe {
	display: block;
	position: absolute;
	left: 15%;
    top: 39%;
	width: 30%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.70vw;
    color: white;
	padding: 0.5%;
	padding-left: 1%;
	margin: 0px;

}

.checker {
        -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    transform: scale(2);
    accent-color: green;

}

#close {

display: block;
position: absolute;
top: 3%;
right: 3%;
width: 4%;

}

.icon {

display: inline;
width:12px;
height: auto;
border. none;
}



.logintext {
	display: block;
	position: absolute;
	width: 78.16%;
	height: 9.34%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(255, 255, 255);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.98vw;
	padding: 0.5%;
	padding-left: 1%;
	margin: 0px;
}

.anm_label {
	display: block;
	position: absolute;
	box-sizing: border-box;
	width: 26.74%;
	height: 6.55%;
	z-index: 9;
	color: rgb(255, 255, 255);
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0);
	border: solid rgb(0, 0, 0) 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.13vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}

#loginform {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 25.25%;
	left: 25.02%;
	width: 49.72%;
	height: 49.37%;
	z-index: 999;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(46, 113, 150);
	border: solid rgb(0, 0, 0) 0px;
	border-radius: 22px;
	box-shadow: 25px 25px 25px rgba(0, 0, 0, 0.3);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.83vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
    opacity: 1.0 !important;
}

#anm_titel {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 3.34%;
	left: 17.28%;
	width: 62.09%;
	height: 12.56%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0);
	border: solid rgb(0, 0, 0) 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.98vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}

#username {
	top: 33.91%;
	left: 11.43%;
	border: solid rgb(0, 0, 0) 1px;
}

#passwort {
	top: 57.65%;
	left: 11.44%;
	border: solid rgb(0, 0, 0) 0px;
}

#loginbtn {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 80.00%;
	left: 32.42%;
	width: 35.15%;
	height: 9.58%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(169, 207, 230);
	border: solid rgb(0, 0, 0) 0px;
	border-radius: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.70vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}

#uname_label {
	top: 27.35%;
	left: 11.43%;
}

#pw_label {
	top: 49.60%;
	left: 11.44%;
}


#loginbg {

display: block;
position: absolute;
 left: 0;
 top:0;
 width: 100%;
 height: 100%;
 background-color: black;
 opacity: 0.85;
 z-index: 99;
}



.swal2-styled.swal2-confirm{
    background-color: #4b8ec5 !important;
}


.rowselected {
background: #4b8ec5 !important;
color: white;
}

#infotext {
  position: absolute;
  bottom: 1%;
  left: 1%;
  width: 98%;
  text-align: center;
  font-size: 0.8vw;
  color: #4b8ec5;
}

#fileselect {
 position: absolute;
left: 70%;
top: 72%;
width: 20%;
text-align: center;
user-select: none;
font-size: 0.8vw;
background-color: #c8daef;
padding: 0.5%;
border-radius: 5px;
}