/* ********** ********** OUTER FRAME ********** ********** */
body {
    /**background-color: #fff8ed;**/
    color: #888176;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: medium;
	/*** font-size:small; */
	overflow-y: scroll;
}
#divMain {
	background: none;
	background-color: #fffcf8;
   border: #cccccc solid 1px;
   border-radius: 5px;
   min-height: 150px;
   margin: 10px auto;
   width: 99%;
}
#footer{
	text-align: center;
}
.menuButton {
	background: none;
	border: none;
	text-decoration: none;
	background-color: transparent; /* Sicherstellen, dass der Hintergrund transparent ist */
	box-shadow: none; /* Entfernen von Schatten */
	outline: none; /* Entfernen von Umrissen */
 }
 /* ********** ********** INNER FRAME ********** ********** */
#appName{
	color: #987654;
	font-size: 24px;
	font-weight: Bold;
	vertical-align: baseline;
}
#appTitle{
	padding: 5px 5px 5px 5px;
	border: #fcbf00 solid 0px;
	text-align: left;
	width: 100%;
}
#mainContent{
	padding: 5px 5px 5px 5px;
	text-align: center;
	width: 100%;
}
#menuLine{
	padding: 5px 5px 0px 15px;
	text-align: left;
}
#contentBorder{
	border: #edc solid 2px;
	border-radius: 15px 15px 15px 15px;
	padding: 10px;
	/**width: 100%;**/
}
#footer-line{
	vertical-align: text-bottom;
}
/* ********** ********** ********** ********** ********** MENUES ********** ********** ********** ********** ********** */
.mainmenu {
	border: none;
	border-radius: 10px 10px 0px 0px;
	background-color: #edc;
	color: #987654;
	font-size: medium;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}
.mainmenu:hover {
	background-color: #987654;
	color: #edc;
}
.mainmenu-active {
	border: none;
	border-radius: 10px 10px 0px 0px;
	background-color: #dcba98;
	color: #654321;
	font-size: medium;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}
.mainmenu-active:hover {
	background-color: #987654;
	color: #edc;
}
.adminmenu {
	border: none;
	border-radius: 10px 10px 0px 0px;
	background-color: #edc;
	color: #987654;
	font-size: medium;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}
.adminmenu:hover {
	background-color: #987654;
	color: #edc;
}
.adminmenu-active {
	border: none;
	border-radius: 10px 10px 0px 0px;
	background-color: #dcba98;
	color: #654321;
	font-size: medium;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}
.adminmenu-active:hover {
	background-color: #987654;
	color: #edc;
}
/* ********** ********** Page: Login ********** ********** */
#dLogin{
	border: #edc solid 2px;
	border-radius: 15px 15px 15px 15px;
	margin: 0 auto;
	padding: 5px 5px 5px 5px;
	text-align: center;
	width: 300px;
}
/* ********** ********** Page: Devices ********** ********** */
#livesearch {
	background-color: #f9f6f0;
}
#searchBoxes {
	width: 33%;
}
#divListControls{
	border: #edc solid 1px;
	border-radius: 3px 3px 3px 3px;
	margin: 0px auto;
	padding: 0px 0px 0px 3px;
	text-align: left;
}
/* ********** ********** Page: Single Device ********** ********** */
#singleDevice{
	background-color: #f9f6f0;
	border: #edc solid 2px;
	border-radius: 15px 15px 15px 15px;
	margin: 0 auto;
	padding: 5px 5px 5px 5px;
	width: 1000px;
}
#sDeviceTable{
	background-color: #f00;
	border: #edc solid 2px;
	margin: 0 auto;
	width: 900px;
}
.sdLeftLabels{
	background-color: #ffffff;
	border: #edc solid 0px;
	padding: 0px 5px 0px 5px;
	text-align: right;
	width: 150px;
}
.sdLeftValue{
	background-color: #ffffff;
	border: #edc solid 0px;
	padding: 0px 5px 0px 5px;
	text-align: right;
	width: 250px;
}
.sDMidSeps{
	background-color: #ffffff;
	border: #edc solid 0px;
	padding: 5px 5px 5px 5px;
	width: 100px;
}
.sDIMG{
	background-color: #ffffff;
	border: #edc solid 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 400px;
}
.imgCrop {
	border: #edc solid 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	max-width: fit-content;
	max-height: 200px;
}
.sdRightLabels{
	background-color: #ffffff;
	border: #edc solid 0px;
	padding: 0px 5px 0px 5px;
	text-align: left;
}
.sdRightValue{
	background-color: #ffffff;
	border: #edc solid 0px;
	padding: 0px 5px 0px 5px;
	text-align: right;
}
.sDBorderSeps{
	background-color: #ffffff;
	border: #edc solid 0px;
	padding: 5px 5px 5px 5px;
}
#sDeviceButtons{
	background-color: #ffffff;
	border: #edc solid 0px;
	padding: 5px 5px 5px 5px;
	text-align: right;
}
.sDButton{
	border: none;
	border-radius: 10px 10px 10px 10px;
	background-color: #edc;
	color: #987654;
	font-size: medium;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}
.sDButton:hover {
	background-color: #987654;
	color: #edc;
}
/* ********** ********** BUTTONS ********** ********** */
.status-toggle {
	border: none;
	border-radius: 5px 5px 0px 0px;
	background-color: #edc;
	color: #000000;
	font-size: small;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}
.status-toggle:hover {
	background-color: #987654;
	color: #edc;
}

.deviceSort{
	border: none;
	border-radius: 10px 10px 0px 0px;
	background-color: #edc;
	color: #987654;
	font-size: medium;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}
.deviceSort:hover{
	/**background-color: #987654;**/
	color: #543210;
}
.deviceSelect{
	border: none;
	border-radius: 10px 10px 0px 0px;
	border-left: #fff8ed solid 3px;
	background-color: transparent;
	/*** background-color: #fffcf8; */
	color: #987654;
	font-size: medium;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}
.deviceSelect:hover{
	/**background-color: #987654;**/
	color: #543210;
}
/* ********** ********** DESIGN ********** ********** */
#devSearch{
	/* border: #fffcf8 solid 3px; */
	background-color: #fffefe;
	border: #edc solid 3px;
	color:#987654;
	font-size:small;
}
/* ********** ********** FORMS ********** ********** */
input[type=text]{
	/* border: #fffcf8 solid 3px; */
	background-color: #fffefe;
	border: #edc solid 3px;
	color:#987654;
	font-size:small;
}
select{
	/* border: #fffcf8 solid 3px; */
	background-color: #fffefe;
	border: #edc solid 3px;
	color:#987654;
	font-size:small;
}
textarea {
	background-color: #fffcf8;
	background-color: #fff8f4;
	background-color: #fcf8f1;
	border: #000 solid 0px;
	color:#987654;
	width: 100%;
	height: 150px;
	padding: 5px 5px;
	box-sizing: border-box;
	font-size: 16px;
	resize: none;
}
.textShort {
	width: 33px;
}
/* ********** ********** POSITIONS ********** ********** */
.ta-left{
	border: black solid 0px;
	text-align: left;
}
.ta-mid{
	border: black solid 0px;
	text-align: center;
}
.ta-right{
	border: black solid 0px;
	text-align: right;
}
/* ********** ********** TABLES ********** ********** */
.tabDeviceList{
	border: black solid 0px;
	width: 100%;
}
.thDevices{
	background-color: #edc;
	/**border: black solid 0px;**/
	border-left: #fffcf8 solid 3px;
	border-radius: 10px 10px 0px 0px;
	padding: 0px 5px 0px 5px;
}
.deviceLine{
	border: black solid 0px;
}
.tdDeviceList{
	text-align: left;
}
.tdDeviceList1{
	background-color: #fffcf8;
	text-align: left;
}
.tdDeviceList2{
	background-color: #f5f1e5;
	text-align: left;
}
/* ********** ********** UserList ********** ********** */
.tabUserList{
	background-color: #f5f1e5;
	border: black solid 1px;
	margin: 0px 5px 0px 5px;
}
.trUserLine{
	border: black solid 0px;
}
.thUserList{
	background-color: #edc;
	padding: 0px 5px 0px 5px;
	border: #fffcf8 solid 3px;
}
.tdUserList{
	border: #fffcf8 solid 3px;
	border-radius: 10px 10px 0px 0px;
	padding: 0px 3px 0px 3px;
}
.tdUserLeft{
	text-align: left;
}
.tdUserRight{
	text-align: right;
}
/* ********** ********** ********** CALENDAR ********** ********** **********  */
    /* Styles für den Kalender */
.calendar {
	display: none;
	position: absolute;
	border: 1px solid #ccc;
	padding: 10px;
	font-family: Arial, sans-serif;
	background-color: #fff;
}
.calendar header {
	text-align: center;
	margin-bottom: 10px;
}
.calendar .days {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
}
.calendar .day {
	text-align: center;
	padding: 5px;
}
.calendar .day:hover {
	background-color: #f0f0f0;
	cursor: pointer;
}
.calendar .day.disabled {
	color: #ccc;
	pointer-events: none;
}




/* ********** ********** ********** ********** ********** NOT OLD ********** ********** ********** ********** **********  */
.wmax {
	width: 250px;
}
h1 {
	font-size: x-large;
	margin-top: 20px;
	margin-bottom: 0px;
}
h2 {
	font-size: large;
	margin: auto;
}
li {
	font-size: small;
}
#dbResults {
	float: inherit;
}
































/* ********** ********** ********** ********** ********** OLD ********** ********** ********** ********** **********  */
#send {
    background-color: #bd1717;
    /* border: #fcbf00 solid 1px; */
    border-radius: 5px;
    color: #fcbf00;
}
#maDiv {
   margin: 5px 0px 0px 10px;
}
#tabs {
   background-color: #fffcf8;
   /* border-radius: 5px; */
}
#theaCol {
    /* background-color: #fffcf8; */
    background-color: #bd1717;
    color: #fcbf00;
    font-weight: bold;
}
#theaCol:active {
    /* background-color: #fffcf8; */
    background-color: #bd1717;
    color: #f8af00;
}
#theaCol:visited {
    /* background-color: #fffcf8; */
    background-color: #bd1717;
    color: #f8af00;
}
#theaCol:hover {
    /* background-color: #fffcf8; */
    background-color: #dd3737;
    color: #fccf00;
}
#theaLi {
    /* background-color: #fffcf8; */
    background-color: #bd1717;
    color: #fcbf00;
    font-weight: bold;
    font-size: large;
    text-decoration-line: underline;
    /* text-decoration-line: none; */
}
#theaAlt {
    background-color: #fcbf00; /* */
    /* background-color: #bd1717; */
    color: #bd1717;
    font-weight: bold;
    font-size: large;
    text-decoration-line: underline;
    /* text-decoration-line: none; */
}
.sideWays {
   margin: 10px 10px;
   float: left;
}
.theBorder {
   margin: 0px 0px 5px 5px;
}
/**
table {
   border: #123456 solid 1px;
   border-radius: 5px;
}
tr {
    background-color: #fffcf8;
    border: #123456 solid 1px;
}

td {
    background-color: #fffcf8;
    border: #ff0000 solid 0px;
}

.tdh1 {
    background-color: #dddddd;
    border: #ff0000 solid 0px;
}

.tdh2 {
    background-color: #eeeeee;
    border: #ff0000 solid 0px;
}
**/
#divLogo {
    background: none;
    background-color: #123456;
    position: absolute;
    width: 99%;
    height: 0px;
    left: 9px;
    top: 9px;
    text-align: right;
    z-index: 2;
}
/* ********** ********** ********** ********** ********** MAINPAGE ********** ********** ********** ********** **********  */
/* ********** divStart JQ **********
#divStart {
   background: none;
   background-color: #fffcf8;
   border: #cccccc solid 1px;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 99%;
   height: 250px;
}
/* ********** /divStart JQ ********** */
.b-m-b-size {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 13px;
   font-weight: bold;
   margin: 5px 0px 0px 5px;
   padding: 7px 12px 7px 12px;
   margin-right: -7px;
}
#logError {
   text-align: center;
   /*
   background-color: #fff9e6;
   */
   border: black solid 0px;
}
#logTable {
   border: #123456 solid 0px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#tdLeft {
   border: #123456 solid 0px;
   text-align: left;
}
#tdRight {
   border: #123456 solid 0px;
   text-align: right;
}
#imgLogo {
   padding-right: 25px;
}
#buttonSend {
    background-color: #bd1717;
    /* border: #fcbf00 solid 1px; */
    border-radius: 5px;
    color: #fcbf00;
}
#lostPW {
   border: #123456 solid 0px;
   font-size: small;
   text-align: right;
}
#lostPW:hover {
    cursor: pointer;
    font-size: small;
    text-align: right;
    text-decoration: underline;
}
.toCenter {
   border: #123456 solid 0px;
   width: 50%;
}