* {box-sizing: border-box;}
.active, .dot:hover {background-color: #515151;}
#adddelivery.topnavinp, #newdelivery.topnavinp, #allrecords.topnavinp, #last365days.topnavinp {width:250px}
.adrinput {width:487px; border-bottom: 1px solid grey; border-right: 1px solid grey;}
.adrinput, .custinput, prdinput {overflow:visible;  float:left;  position:relative;  background: linear-gradient(9deg, rgba(255, 255, 255, 1), rgba(221, 221, 221, 1) 98.32%); margin: 8px}
.adrinvmain {padding: 1px;}
.backtoshopgen {overflow: auto; margin-top: 20px; margin-bottom: 20px;}
.basketcount {position:absolute; font-size:18px; right:-15px; top:-5px;}
.betragnum {text-align:right!important; padding-right:15px;}
.betragtxt {padding-left:10px!important}
#bikedetailssearch {width: 50%; float: left}
#bikedetailssearch .mytablesearch{position: relative; float: left; top:auto; padding-top: 2px; margin: 0px}
#bkgrdtopmenu.header-h {background-color:#f00; }
.bluehemicas {color:#00f }
body {margin-top: 0; margin-left: auto; margin-right: auto; position:relative; z-index:0; overflow: auto; letter-spacing:0.07em; height: 100%; font-family: 'Verdana', sans-serif; font-size: 13px; background-color: #f0f0f0;}
.body-c {overflow: auto;}
#body-container, #shopbody-container, #paybody-container {overflow: hidden; z-index:0; position:relative;}
.borderb {border-bottom: 0.5px solid grey}
.borderl {border-left: 0.5px solid grey}
.borderr {border-right: 0.5px solid grey}
.bordert {border-top: 0.5px solid grey}
.bottomcont {overflow: hidden; padding:5px 10px 6px 10px;}
.bottomcontainer {margin-right: 8px}
.bottomlinelist {position: absolute; bottom: 30px; background-color: #3B5272; width: 100%; padding: 10px 0px 10px 10px; color: white;}
 .brutbetrag {background-color: rgb(205,205,205)!important;}
.btn-lang {float: right; cursor: pointer; margin: 15px 7px 10px 7px; padding: 0px 5px 5px 5px;}
.btn-lang-img {width: 25px;}
.btn-lang-noshow {display: none; }
.btn-lang:hover {opacity: 0.5;}
.btndealerinv {margin:5%; width:39%}
.btnverleihclose {position: absolute; right: 10px; margin: 6px; background: transparent; font-size: 1.4em;}
button {cursor: pointer}
.checklistd1 {font-weight: bold}
.clear {clear:both; display: block; width: 0; height: 0px; float: none; font-size: 0; line-height: 0;}
.clear-r {clear: right}
.colcust1 {width:8%}
.colcust2, .colcust3 {width:12%}
.colcust5, .colcust6 {width:10%}
.colprd1 {width:8%}
.colprd3 {width:12%}
.colprd4, .colprd5, .colprd6, .colprd7, .colprd8, {width:10%}
.ColorBF {color: red}
#custadr .w3-input {border:0}
#custadr .w3-rest {background-color: rgb(244, 244, 244); border-bottom: 1px solid grey; border-right: 1px solid grey; float: left  }
#custadr .w3-section{margin-top: 0.35rem!important; margin-bottom: 0.35rem!important;}
#custadr input {padding:4px}
 #custinfos {width:95%}
.custinput {width:100%;}
.custinpwidth{width: 600px}
.custlabwidth{width: 230px}
.custrightbottom {margin-left: 8px}
.dealerinvinput {position: absolute; top: 80px; right: 200px; width: 500px; background-color: aqua; z-index: 999; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);}
.dot {cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}
.dropdown {float: left; overflow: hidden;}
.dropdown .dropbtn {background-color: inherit; letter-spacing: inherit; max-height: 55px;}
.dropdown-content {/*display: none*/; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.dropdown-content-prd {position: absolute; min-width: 160px; z-index: 1;}
.dropdown-content a {float: none; color: blue; padding: 12px 16px; text-decoration: none; display: list-item!important; text-align: left!important;}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown-show {display:none;}
.dropdown:hover .dropbtn {background-color: #555;}
.dropdown:hover .dropdown-content {display: block;}
.dropdownrow {color:aqua;}
.dropdownrow:hover {background-color:aliceblue;}
.dropdownshow {display:block;}
em {font-style:italic }
.error, .errortxt {color: #FF0000;}
.f-pagination {border-right:solid black 1px;}
#facebook-icon.pic-c {width:25px; max-width:100%; overflow:hidden}
#fb-container.logo-fb {z-index:0; float:right; margin-left: 15px; width: 40px; padding: 14px 0px 0px 0px}
#footer-container.f-ms {z-index:0; clear:both; padding:10px }
#frmlogin {width: 100%}
#frmtotlines input, #zart input, #kblocked input {margin:0px !important; padding: 0px!important; background: transparent!important; border: none}
#geninfo.w3-margin {margin: 8px 16px!important}
.goldlinear {background:linear-gradient(182deg, #e2c160 26.05%, #897334 68.91%)}
.h-pagination {border-right:solid #eaeaea 1px;}
.h-pagination a:link {text-decoration: underline}
.h-pagination, .f-pagination {z-index:0; font-size:14px; letter-spacing:normal; line-height:0.75; text-align:center; width:29px; height:14px; float:left;}
h1 {font-weight:bold; font-size:18px }
h1:first-child {margin-top:0px }
h2 {font-size: 18px!important; padding: 8px!important; letter-spacing:0.09em!important; text-align: center!important;}
h2:first-child {margin-top:0px }
h3 {text-align: center!important; font-size: 18px!important; padding: 7px!important; letter-spacing:0.08em!important;}
h3:first-child {margin-top:0px }
#header-container.header-c {z-index:0; clear:both;}
#header-wrapper.header-wrp {position:relative; left:0px; top:0px; width:100%; z-index:1; overflow: visible;}
.hide-col {overflow: hidden; width: 0!important; max-width: 0!important; padding: 0!important; border-width: 0!important; font-size: 0!important;}
html {-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ height:100%}
img {object-fit: contain;}
img.displayed {display: block; margin-left: auto; margin-right: auto }
.imgprd {margin: 0px 20px 20px 20px; min-height: 260px; /*height:300px*/}
.imgshadow {background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.info-body-c {padding: 0px 50px 0px 50px}
.infocontainer{width: 48%; overflow: visible; float: right; position: relative; background: linear-gradient(9deg, rgba(255, 255, 255, 1), rgba(221, 221, 221, 1) 98.32%); margin: 8px; height:94%; max-height: 200px; border-bottom: 1px solid grey; border-right: 1px solid grey;}
.infoparent {background-color: greenyellow;}
.inpcheckbox {width: 100%; margin-left:30%}
.inpdata {background-color: transparent; border: none;}
 .inptable {table-layout: auto; width: 100%}
input, textarea {letter-spacing: 0.06em}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 3;}
input:matches([pattern="[0-9]"]) {text-align: right;}
input:matches([type="number"]) {text-align: right;}
input:read-only {color: rgb(69, 69, 69)}
#invinp .prdinput-lab {width: 150px; border:none;}
.justify-txt {text-align: justify}
.l-align {text-align: left}
.l16-blue {color:#00f; text-decoration:none; line-height:1.5; text-align:left!important; }
.lb18-blue {color:#00f; font-weight:bold; text-decoration:none; font-size:24px; text-align:left!important;}
.lightbluegradient {background: linear-gradient(to top, rgba(136, 201, 220, 1) 35%, rgba(190,238,236, 1) 77%);}
.lightgreygradient {background: linear-gradient(to top, rgba(177, 179, 180, 1) 24.79%, rgba(225, 228, 228, 1) 69.75%); }
#list-journal, #list_transactions, #list-kassenbuch,#searchcashflow, #listtransdata, #listproducts, #listprdinvoices, #listcustomer, #listcashflow, #listbankmvts {font-size: 0.75em; overflow:  hidden;}


.line {clear: both; display: block; width: 100%; height: 1px; float: none; font-size: 0; line-height: 0; padding: 0 !important; margin: 0 !important; border-bottom: 1px solid black!important;}
.loginlabel {width: 120px; float: left; margin: 7px; font-size: 1.2em}
#loginscreen {width: 50%; margin-top: 80px; margin-left: auto; margin-right: auto; /*height: 200px*/}
#loginscreen button {margin-top: 6%; margin-bottom: 6%; width: 50%; margin-left: 25%; font-size: 2em; font-weight: bold; letter-spacing: 0.1em; padding: 2%; text-shadow: 3px 2px 5px rgb(32, 7, 195)}
#loginscreen h1 {margin-bottom:30px; text-align: center}
#logo-container.header-h {z-index:0; float:left; margin:0px}
#logo-container.header-h, #bkgrdtopmenu.header-h, #m2topmenu.mtopmen {height:55px; max-height:55px;}
#logo-container.header-h,#logo-main.pic-c {max-width:177px; width:177px;}
#logo-main.pic-c {max-width:100%; overflow:hidden;}
.m-align {text-align:center}
 #mainadr-c {margin-left: 40px; width: 660px}
.maincontent {position: absolute; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);}
.maincontentvis{/*display:block;*/ position: absolute;}
.mainmenucols {float: left; width: 33%}
/*#menu-container {width: 100%; text-align: center; vertical-align: middle; overflow-x: hidden; overflow-y: auto; background-image: url("../MyMedias/LogoMontee1804.jpg"); background-size: auto; background-repeat: round;}*/
#menu-container {width: 100%; text-align: center; vertical-align: middle; overflow-x: hidden; overflow-y: auto;}
#menu-container .menuitems {max-width:100%; /*background-color: rgba(255, 255, 255, 0.54)*/;min-height: 650px; }
#menu-container .textbox {font-size: 1.8em; text-shadow: 2px 2px 5px darkblue}
#menu-container a {text-decoration: none}
#menu-container.m-container {font-size:16px; line-height:1; text-align:left; z-index:15; float:right}
.mwst {background-color: rgb(205,205,205)!important;}
.my-w3-input {float:left;}
.my-w3-input-lab {padding:8px;border-bottom:1px solid #ccc; float: left; margin-right: 10px; }
.my-w3-input-r{margin-left: 2px; float:left;}
.my-w3-input, .my-w3-input-r {padding:8px;border-bottom:1px solid #ccc;}
.my-w3-input:active, .prdinput:active {background-color: beige}
.my-w3-input:focus, .prdinput:focus {background-color: blanchedalmond}
.my-w3-input:hover, .prdinput:hover {background-color: aqua}
.my-w3-section {float:left}
.my-w3-section, .my-w3-section-nf {margin-top:8px!important;margin-bottom:8px!important;}
#prdlefttop .my-w3-section {margin-top:6px!important;margin-bottom:6px!important;}
#prdmiddleleft .my-w3-section {margin-top:6px!important;margin-bottom:6px!important;}
#prdleftbottom .my-w3-section {margin-top:6px!important;margin-bottom:6px!important;}
#rightpart .my-w3-section {margin-top:6px!important;margin-bottom:6px!important;}
.my-w3-table-all {border: 1px solid #ccc; /*border-collapse:collapse;*/ border-spacing: 0; width: 100%; display:table;}
.my-w3-table-all td, .my-w3-table-all th {display:table-cell; text-align:left; vertical-align:middle}
.my-w3-table-all th:first-child,.myw3-table-all td:first-child{padding-left:16px}
.my-w3-table-all tr{border-bottom:1px solid #ddd}
.my-w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.my-w3-table-all tr:nth-child(odd){background-color:#fff}
.myalerts {width: 100%; margin: auto; background-color: red; color: white; font-size: 1.3em; margin-top: 70px; text-align: center; padding: 50px 0px 50px 0px}
.mycity {width:370px; margin-left: 10px;}
.mycp {width:120px;}
#mycustable {top:106px; left:340px; height:516px; right:0; bottom:0; width:75%}
#MyCustDropDownList{display: flex; flex-direction: column;}
#mydots {margin-top: 20px; margin-bottom: 12px}
#myemail-c.myemail {width: 100%; margin-top: 10px; margin-bottom: 30px; text-align: center; color: blue;}
.myinpstyles, .mycity, .mycp, .mylast {float:left;}
.myinpstyles, .mylast, .myleninp {width:520px;}
.mymenubutton {background-image: linear-gradient(180deg, aqua, blue); color: white; margin-top: 7%; margin-bottom: 7%; margin-left: auto; margin-right: auto; padding: 8% 1%; border-bottom: 1px solid grey; border-right: 1px solid grey; border-radius: 5px; width: 87%;}
.mymenubutton:hover {background-image: linear-gradient(180deg, blue, aqua);}
.myp {margin-top: 0px; margin-bottom: 0px}
.myp-w3m {margin-bottom: 3px; margin-top: 3px}
.myp15 {margin-top: 15px; margin-bottom: 0px}
.myp15italic {margin-top: 15px; margin-bottom: 0px; font-style: italic}
.myp3 {margin-top: 3px; margin-bottom: 3px}
.mypal-button {margin-left: 10px;}
.mypal-button-txt2 {padding-top: 7px; font-size: 90%;}
.mypal-button, .mypal-button-txt2 {float: right}
#mypopupwin-c {display: none}
#mypopupwin-c.nimg-c {position:absolute; left:25%; top:24%; width:720px; height:473px; z-index:5; background-color:lightgrey; box-shadow: 12px 20px 20px 20px rgba(0, 0, 0, 0.55); border-radius: 5px 5px 5px 5px;}
#myprdtable {top:100px; left:200px; right:0; bottom:166px; width:78%;}
.myprice {font-size: 24px}
.myreginput {margin-top: 10px!important; margin-bottom: 10px!important;}
#MyRepContainer button {border-bottom: 1px solid grey; font-size: 1.15em; margin: 0.3em 0.5em; font-family: "Quicksand", sans-serif; text-shadow: 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.5);}
#MyRepContainer button.largebtn {width: 143px}
#MyRepContainer button.midbtn {width: 46%; margin: 5px}
#MyRepContainer button.smallbtn {width: 58px}
.mysend {width: 570px}
.mysex {width: 180px; margin-top: 20px}
.mysex, .mycp, .mylast {margin-left:50px;}
.mysex, .myinpstyles, .mylast, .mycp, .mycity {margin-right:10px}
.mytablesearch{margin:8px 20px 0px 20px; width: 94%; position:fixed; top: 40px; z-index:9;}
.mytabletitle {background-color:blue; color:white; width:100%; position:fixed; top:0; left: 0; margin-bottom: 0!important; z-index: 9;}
.mytal {text-align: left}
.mytal-plr10 {text-align: left; padding-left: 10px; padding-right: 10px}
.mytar {text-align: right}
.mytar-plr10 {text-align: right; padding-left: 10px; padding-right: 10px}
 #MyTaskData.tdcontainer table td, th {background: none;}
#MyTaskDataRepContainer.tdcontainer {background-color: #F1FBF2; height: calc(100% - 445px); border-left: 8px solid #F1FBF2; border-right: 8px solid #F1FBF2; border-bottom: 8px solid #F1FBF2;}
#MyTdContainer {background:linear-gradient(rgba(231, 241, 247, 1) 9.24%, rgba(208, 236, 246, 1) 87.39%);}
#MyTdRepContainer {background:linear-gradient(rgba(231, 241, 247, 1) 9.24%, rgba(208, 236, 246, 1) 87.39%); display: block; float: right; width: calc(99% - 305px); height: 99%;}
.mytitleline{width: 100%; height: 5px; background-color: #f0f0f0;; z-index: 9; position: fixed; left:0;}
.mytots {background-color: rgba(78, 145, 148, 0.2)!important; color: blue;}
.mytotsend {background-color: rgba(124, 176, 175,0.7)!important}
.mytotsnew {background-image: linear-gradient(180deg, aqua, blue)!important; font-weight: bold!important; /*border-bottom: 1px solid grey; */ /*border-top: 1px solid grey;*/ }
.mytotstst {background-color: transparent!important; font-weight: bold!important; border-bottom: 1px solid grey; border-top: 1px solid grey; }
nav{position: fixed; top: 0; left: 0; right: 0; height: 150px; background: #888;}
.next {right: 0; border-radius: 3px 0 0 3px;}
.nimgimg {max-width: 100%; width: 100% }
.noshow {display:none;}
.numbertext {color: gray; font-size: 12px; padding: 8px 12px; position: absolute; top: 0;}
#page-container {margin-left: auto; margin-right: auto; position:relative; padding: 25px; z-index:0; overflow: hidden; background-image: linear-gradient(179deg, rgba(0, 255, 255, 0.56), rgba(255, 0, 0, 0.44) 31.93%, rgba(0, 43, 255, 0.86) 91.6%); height: 95.9%;}
#page-container-men {margin-left: auto; margin-right: auto; position:relative; padding: 25px; z-index:0; overflow: hidden; background-image:url('../MyMedias/LogoMontee1804opac.jpg'); background-size:auto; background-repeat:round; height: 95.9%;}
#PageDiv {position:relative; /*max-width:1121px;*/ margin:auto }
.pages-active a:link {text-decoration:none;}
#pages-container{z-index:0; float:right; color: white; margin-top: 7px;}
#pages-container-f {z-index:0; float:right; color: black; margin-top: 7px;}
.paycomplete {z-index: 100;}
.paymentline {width: 95%; margin-top: 20px; margin-bottom: 40px; margin-right: 5%; font-size: 18px;}
.paypal {width: 45%; margin-top: 60px; float: right; font-size: 18px;}
#paypal-hinweis {width: 50%; float: left;}
.pdfpreview {width: 100px; height: 140px; border: 1px solid grey; background-color: white; overflow: hidden;}
.pdfpreisschild {width: 200px; height: 150px; border: 1px solid grey; background-color: white; overflow: hidden; margin-top: 43px}
#PF3{border-right:none;}
.pflicht {font-size: 14px}
#PH3{border-right:none;}
.picrent:hover {background-color: aquamarine}
.picrent {width: 95%; margin: 10px}
.pnbutton {float:left; margin:5px;}
.pnbuttons {float:left; padding:10px; width:625px; height: 52px;}
.prdcontainer {margin: 0px 0px 20px 0px; overflow: hidden; height: 100%}
.prdinfo {color:cadetblue;}
.prdinput {padding:8px;border-bottom:1px solid #ccc;}
#invinp .prdinput{float: left}
.prdinput-lab {padding:8px; float: left; margin-right: 10px; margin-left: 10px; width: 100px;border-bottom:1px solid #ccc;}
.prdinput-lab150 {text-align: left; padding:8px; float: left; margin-right: 3px; margin-left: 3px; border-bottom:1px solid #ccc; width:160px}
.prdinput-labnb {text-align: center; padding:8px; float: left; margin-right: 3px; margin-left: 3px; width:120px;}
.prdinput-margin {margin-right: 3px; margin-left: 3px; width:105px}
#PrdInputContainer .inpdata {border-bottom: 1px solid #ccc;}
#PrdInputContainer .table-wrapper {background-color: rgb(244,244,244)!important}
#PrdInputContainer table td {padding: 5px 4px 5px 4px; border-right: 1px solid grey;}
#PrdInputContainer table th {background: none;}
#PrdInputContainer table th {padding: 8px 0px 8px 0px; border-right: 1px solid grey;}
#prdleftbottom{float:left; width:360px; overflow:auto}
 #prdleftside {width:812px; }
#prdleftside, #custinfos {margin: 0 0 25px 15px; padding: 15px 15px 15px 15px; background-color: gainsboro; float:left; overflow:hidden; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#prdlefttop {width: 100%; overflow:auto;}
#prdmiddleleft{width:100%; overflow:auto}
#prdmiddleleft .prdinput-labnb{width: calc(94% / 7)}
#prdrightbottom{float:left; width:430px; overflow:hidden;}
#prdrightside {float:left; width:35%;}
.prev, .next {z-index: 10; cursor: pointer; float: left; width: auto; padding: 3px 10px 3px 10px; color: white; font-weight: bold; font-size: 26px; transition: 0.6s ease; border-radius: 0 3px 3px 0;}
.prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);}
#productdelivery .mytablesearch, #prtlabelscontainer .mytablesearch {top: 85px; }
#productdelivery .vkheadcontainer, #prtlabelscontainer .vkheadcontainer {margin-top: 37px}
.promotext {position: absolute; text-align: center; color: black; font-size: 24px; font-weight: bold; letter-spacing:0.08em; /*padding: 8px 12px;*/ top: 15%; left:10%; width: 80%; padding: 20px; background-color: rgba(255,255,255,0.6)}
.promotext a, .paycomplete a {text-decoration: none!important}
.prtbarcode {width: 125px; text-align: center}
.r-align {text-align: right}
.rabatt {background-color: rgb(238,238,238)!important;}
.red {color:red!important}
.rentchoice {background-color: aquamarine!important; opacity: 0.7!important}
.rentchoicebtn {padding: 14px; font-size: 1.8em; border-bottom: 1px solid grey; border-right: 1px solid grey; border-radius: 5px; background-color: lightblue; cursor: pointer;}
.rentchoicebtn:hover {background-color:aquamarine }
#rentcontainer {position:absolute; top:15px; left:45px; height: 95%; z-index:999; background-color:white; width: 90%; box-shadow: 6px 7px 13px 0 rgba(0, 0, 0, 0.39);}
/*#rentcontainer .fa {padding-right:8px}*/
#rentcontainer .mytabletitle {position: relative; margin-top: 0px}
#rentcontainer h2 {padding: 8px 0px 8px 0px!important}
#rentdatescontainer .repdates {width: 115px!important}
#rentdatescontainer .repinfocontainer {border: none; margin:0px}
#rentdatescontainer .repinputtitles {border: none!important}
.rentinpobjects {width: 100%; background-color: aliceblue!important; }
#rentoptions .mybtnrent {padding: 8px 10px}
#rentoptions .mybtnrent:hover {background-color: aqua; box-shadow: 5px 5px 5px #aaaaaa;}
#rentsearchline .mytablesearch{position:relative; top:0px!important}
#renttotrec.bottomlinelist {bottom: 220px!important; width: calc(100% - 10px);}
#reparaturcontainer {background-color: #003366}
/*#reparaturcontainer .bottomcontainer {background-color: #F1FBF2;margin-right: 0!important}*/
#reparaturcontainer .taskcontainer {background-color: #F1FBF2;}
#ReparaturGegenstand1 option {color:blue}
.repdates {width:130px;  float:left; text-align: center;}
.repheadcontainer, .repheadcontainer_ap {overflow: hidden; padding:5px 15px;}
.repheadcontainer {background: linear-gradient(to top, rgba(0, 139, 64, 0.8) 35%, rgba(67, 205, 109, 0.74) 77%);}
.repheadcontainer_ap {background: linear-gradient(to top, rgba(102, 136, 15, 1) 35%, rgba(128, 205, 67, 1) 77%);}
.repinfocontainer {margin:0px 0px;  border-bottom: 1px solid grey;  border-right: 1px solid grey;  background-color: rgb(240, 236, 236); display: block; float: left; width: 305px; height: 99%;}
.repinputinfo {width: 270px; font-size: 14px; font-weight: bold; text-align: center;}
.repinputtitles {padding:11px 10px 4px 10px; margin: 0 9px; text-align:center;  font-size:14px; border-bottom: 1px solid grey; color: #0d35b5}
#rzcontainer {width: 400px; position:absolute; top:50px; right:100px; background-color:aqua; height:530px; box-shadow: 3px 10px 12px 0 rgba(0, 0, 0, 0.82);}
#rztable td.mylabel {text-align: right}
#rztable tr {height: 45px}
#rztit {background-color: blue}
#selectlist {position:absolute; z-index:99; box-shadow: 6px 10px 13px 0 rgba(0, 0, 0, 0.5); overflow: auto; background-color: lightgrey; padding: 10px}
#sex:hover {color: blue}
.shbasket {font-size: 28px; position: relative; }
.shchoice {float: right; width: 250px; margin-top: 5px; margin-bottom: 5px; padding-right: 1%; border-left: solid 1px rgba(163, 163, 163, 0.9);}
.shchoice-noshow {float: right; width: 150px; margin-top: 5px; margin-bottom: 5px; padding-right: 1%; border-left: solid 1px rgba(163, 163, 163, 0.9);}
#shcutsbtn .topnavinp{width: 110px; color: white}
.shheader {float: left; width: calc(100% - 250px); padding-top: 15px; padding-bottom: 15px;}
.shheader-c {overflow: hidden; min-width: 100%; width: 100%; font-size: 24px; text-align: center; /*padding-top: 15px;*/ /*padding-bottom: 15px;*/ background: dimgray; color: white;}
.shheader-noshow {float: left; width: calc(100% - 150px); padding-top: 15px; padding-bottom: 15px;}
#shopbody-container {min-height: 1020px;}
#shopbody-container.body-c, #paybody-container.body-c {background-image:none; overflow: auto;}
.shortinfoscolor {color: blue}
.shownow {display:block!important;}
sidebar{position: fixed; top: 50px; bottom: 0; left: 0; width: 200px; background: #999;}
.slideshow-c-mess {z-index: 3; font-size: 36px; color: dimgray; position: absolute; top: 1%; left: 10%; padding: 25px; text-align: center;}
.slideshow-container {position: relative; margin: auto; background-position:center; background-size:cover; background-repeat:no-repeat; }
.slideshow-main-container {width: 100%; position: relative; margin: auto; }
.slidetext {color: #777474; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; }
.space {clear: both; display: block; width: 0; height: 1px; float: none; font-size: 0; line-height: 0; padding: 0 !important; margin: 0 !important;}
#square-container.logo-sq {z-index:0; float:left; margin-left: 20px; width: 80px; height: 52px; padding: 12px 20px 0px 20px;}
#square-container.logo-sq, #square.pic-c {min-width:30px; width:30px;}
#square.pic-c {max-width:100%; overflow:hidden}
strong {font-weight:bold }
style="overflow:hidden; border:1px solid grey; witdh:100%;" .picrent {width: 155px; height: 110px; background-color: transparent;}
.style18 {color:#191919 }
.style7 {color:#18376a; margin-left:0px; margin-right:0px; text-align:left }
sub {top:-0.40em!important; font-size: 65%!important; line-height: 0!important; position: relative!important; vertical-align: baseline!important; }
#subfc {margin-bottom: 15px;}
#subh-fb-container {z-index:0; float:right; margin-right: 25px}
#subh-slogan.slogan {color:#fff; font-size:12px; line-height:1.4; padding:0px 10px 0px 10px; text-align:left }
#subhc {background-color: #555;}
#subhc, #subfc {z-index:0; clear:both; padding: 5px 0px 5px 0px; overflow: auto;}
table {font-size: 1em; width: 100%;}
.table-wrapper{background: #FEFFFE; height: 100%;}
.table-wrapper{overflow-y: scroll; flex-grow: 1;}
.table-wrapper th{position: sticky; top: 0;}
table#taskdatatbl .iconcol {width: 40px;padding: 2px 2px!important}
table#taskdatatbl .iconcolt {width: 40px;padding: 6px 2px!important}
table#taskdatatbl tr {border-bottom: 1px solid #ddd}
table#taskdatatbl th {background-color:red}
table#taskdatatbl.w3-hoverable tbody tr:hover {background-color: lightcyan;}
table#taskdatatbl.w3-striped tbody tr:nth-child(even) {background-color: #FFFFFF;}
#tablelist button{padding-top: 0; padding-bottom: 0}
#tablelist input {background-color: transparent; border:none; padding-top: 0; padding-bottom: 0; letter-spacing: 0.06em}
#tablelist th {background-color: #3B5272; color:white;}
#tablelist.w3-striped tbody tr:nth-child(even):not(.mytots) {background-color: #f5f5f5}
#tablelist.w3-table td {padding: 0.3em 0.3em}
.taskcontainer {background-color: #003366; overflow: hidden;}
.taskcontainer input{padding: 6px}
#taskdata input[name="discamtttc"][value="0"] {color:lightgrey}
#taskdata input[name="discrate"][value="0 %"] {color:lightgrey}
#taskdata input[name="taxrate"] {color: grey}
#taskdata input[value^="-"] {color:red}
#tablelist input[value^="-"] {color:red}
/*#tablelist input[value=""] {background-color:red}*/
#taskdata td {padding: 2px 8px;}
#taskrep input {border:none; padding: 4px 0px 4px 0px; border-top: 1px solid grey; border-left: 1px solid grey;}
#tblcontprdverk {height:505px}
td,th{text-align: center;}
.tdcontainer {background-color: #e3e3e3; overflow: auto; margin: 0px; padding-top: 1px; color:blue; height: calc(100% - 445px); border-left: 8px solid #003366; border-right: 8px solid #003366; border-bottom: 8px solid #003366;}
#text-container {margin-top: 20px}
#text-container h2 {padding-left: 0!important;}
#text-container h3 {padding-left: 0!important;}
.textmenufooter {padding: 0 text-align: center; color: white; font-style: italic; font-family: 'Lemonada', cursive; font-weight: bold; letter-spacing: 0.14em; text-shadow: 8px 6px 4px rgb(73, 72, 72); font-size: 3em;}
th {background: #DDD;}
th:matches([onclick]) {cursor:pointer;}
th.col-l {text-align: left; }
th.col-m {text-align:center;}
th.col-r {text-align:right; }
#titleline h2 {margin-bottom: 0px}
#titlespecs h3 {font-weight: bold; letter-spacing: 0.15em !important;}
.tobasket-icon, .toshop-icon {float:right; margin-top: 12px; margin-left: 10px; margin-right: 10px; }
.topnavform {margin 0px 16px 0px 16px; width: 100%;}
.topnavinp {color: white; background-image: linear-gradient(179deg, rgba(136, 139, 139, 0.98), rgba(188, 186, 186, 0.88) 31.93%, rgba(75, 75, 76, 1) 91.6%); width: 150px; padding: 8px; letter-spacing: 0.125rem; text-shadow: 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.5); border-top: white; border-right: white; border-left: 1px solid gray; border-bottom: 1px solid gray;}
.totallines {background-color: #003366; position: relative;}
.totbetrag {float:right; font-size: 28px; margin: 24px 30px 14px 10px; color: yellow; font-weight: bold;}
.totlineinfos {padding-top:9px!important; font-size: 0.9em!important; font-weight: normal!important}
tr:matches([onclick]) {cursor:pointer;}
#transcontainer {width: 96%; margin: 10px; background-color: snow; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  }
ul.topnav {list-style-type: none; margin: 0; padding: 0; overflow: hidden;}
ul.topnav li {float: left;}
ul.topnav li a {display: inline-block;}
ul.topnav li a, .dropdown .dropbtn {font-size:16px; color: white; text-shadow:0.035em 0.035em 1px rgba(0,0,0,0.75); text-align: center; padding: 19.5px 12px; transition: 0.03s; text-decoration: none;}
ul.topnav li a:hover:not(.active) {background-color: #555;}
ul.topnav li a.active, ul.topnav li.active {background-color: #0a43fc;}
ul.topnav li a.hreficon:hover:not(.active) {background-color: rgba(0,0,255, 0);}
ul.topnav li a.minus-margin {margin-left: -10px}
ul.topnav li.icon {display: none;}
ul.topnav li.noshow {display: none;}
ul.topnav.responsive li a.hreficon:hover:not(.active) {background-color: #555;}
#username.logininp, #password.logininp {width: 200px; float: left; font-size: 1.2em; margin: 7px}
.verkauf {overflow: hidden; height: 100%}
#vkhead button {margin: 0 5px }
.vkheadcontainer, .bottomcont, .vkheadcontainer_ap {overflow: hidden; padding:5px 15px 5px 15px;}
.w3-col {width:2.5rem!important; text-align: center}

.vkheadcontainer {background:linear-gradient(to top, rgba(171,223,227,1) 35%, rgba(141,203,200,1) 77%)}
/*.vkheadcontainer_ap {background:linear-gradient(to top, rgba(36, 87, 254, 1) 35%, rgba(200, 232, 255, 1) 84.87%)}*/
.vkheadcontainer_ap {background:linear-gradient(to top, rgba(200, 232, 255, 1) 10%, rgba(36, 87, 254, 1) 84.87%)}

#addreparatur, #checklistUVV {width: 220px!important}

#filtermenu button {float: left;}
#filtermenuprd button {float: none; width: 100%}
#filtermenu button, #filtermenuprd button {
    background-image: linear-gradient(rgba(30, 179, 195, 0.84), #ffffff); 
    color: black; 
    margin-top: 4px; 
    margin-bottom: 4px; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 8.9px 1px; 
    border-bottom: 1px solid grey; 
    border-right: 1px solid grey; 
    border-radius: 0px; 
}

.transactionfilter {display:none}

#resetorder button, #lockjournal button, #appejournal button, #insertrec button, #updcateg button, #updstock button, #export button, #checkforfiles button, #filtermenumodels button {
    background-image: linear-gradient(rgba(30, 179, 195, 0.84), #ffffff); 
    color: black; 
    margin-top: 4px; 
    margin-bottom: 4px; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 8.9px 1px; 
    border-bottom: 1px solid grey; 
    border-right: 1px solid grey; 
    border-radius: 0px; 
}

#import button {
    background-image: linear-gradient(rgba(30, 179, 195, 0.84), #ffffff); 
    color: black; 
    margin-top: 4px; 
    margin-bottom: 4px; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 8.9px 1px; 
    border-bottom: 1px solid grey; 
    border-right: 1px solid grey; 
    border-radius: 0px; 
}

#lockjournal

/*#filtermenu button:hover {background-image: linear-gradient(#ffffff, rgba(30, 179, 195, 0.84));}*/

#filtermenu button:hover, #filtermenuprd button:hover {background-image: linear-gradient(#ffffff, rgba(30, 179, 195, 0.84));}
#filtermenu .text, #filtermenuprd .text {float: left; width: 135px; text-align: right; padding-right: 5px; margin-top: 15px}

#filterzart button {width: calc((100% - 135px)/3);}
#filteroffen button {width: calc((100% - 135px)/3);}
#filterzartkb button {width: calc((100% - 135px)/4);}
#filterfnullkb button, #filterräder button {width: calc((100% - 135px)/2);}
#filterfibua button {width: calc((100% - 135px)/2);}
#filtermonat button {width: calc((100% - 135px)/6);}
#filterall button {width: calc((100% - 135px)/2);}
#filterkarte button, #filtermonth button {width: calc(100% - 135px);}

.filterdropbtn {background-color: #4CAF50; color: white; padding: 16px; font-size: 1.1em; border: none; width: 100%;}
.filterdropdown {position: relative; width: 100%; font-size:0.875em}
.filterdropdown-content {display: none; position: absolute; background-color: #faf8f0; width: 99.8%; }
.filterdropdown-content a {color: black; padding: 12px 16px; text-decoration: none; display: block;}
.filterdropdown-content a:hover {background-color: #ddd;}

/*.filterdropdown:hover .filterdropbtn {background-color: #3e8e41;}*/
/*#filtermenu:hover .filterdropdown:hover .filterdropdown-content {display: block;}*/
#filtermenu:hover .filterdropdown-content, #filtermenuprd:hover .filterdropdown-content {display: block;}
#filtermenuprd:hover {width: 250px}
#filtermenu:hover {width: 460px; }
#filtermenu:hover, #filtermenuprd:hover {padding: 15px; background-color: #374d6d; overflow: -webkit-paged-x; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);   
}
#filtermenu, #filtermenuprd {font-size: 1.1em; position: absolute; top: 0; right: 25px; width: 165px; z-index: 999; }


.showmodfilter {position: fixed; top:37px; width:100%; height: 450px; z-index: 200; background-color: rgba(0, 252, 252, 0.97);display:none}

#filterprd {margin-bottom: 20px;}
#filterprd button, #inpmodelfilter input.mysubmit {background-color: rgb(217, 217, 217); padding: 10px; margin: 5px; width: 170px}

#inpmodelfilter input.mysubmit {width: 80%; font-weight: bold}

/*#inpmodelfilter input.mysubmit {margin: 20px}*/

#inpmodelfilter div.submitbutton {padding-left:15%; margin-top: 20px}

#rentdatescontainer {
    margin: 0px 0px;
    border-bottom: 1px solid grey;
    border-right: 1px solid grey;
    background-color: rgb(240, 236, 236);
    display: block;
    width: 305px; 
}

#inpmodelfilter input {margin: 10px;}
#inpmodelfilter label {margin: 10px;}

#chooseNM, #chooseAkku, #choosePrice {width: 25%; float: left; text-align: center; }
#chooseNM span, #chooseAkku span, #choosePrice span {width: 100%; font-weight: bold; line-height: 2.5; }

#modmultichoose table {width: 90%; margin: auto; border: black solid 1px}
#modmultichoose table th {text-align: center; font-weight: bold; background: none!important; border-bottom: black solid 1px}
#modmultichoose table td {text-align: right}
#modmultichoose table td:nth-child(1) {width: 30%; text-align: left}
#modmultichoose table td:nth-child(2) {width: 10%}
#modmultichoose table td:nth-child(3) {width: 25%}
#modmultichoose table td:nth-child(4) {width: 25%; padding-right: 10px}


#custadr .w3-input {padding: 6px}