@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&display=swap');

:root {
    --mainColor: #188AE2;
    --heightHeadline: 28px;
    --transTime: 300ms;
}
		
.plusNavi {
  cursor: pointer;
  transition: all 0.2s;
}
.plusNavi:hover {
  scale: 1.2;
}

html,body,div,td,b,a,strong,submit,input,textarea,span,select,option,button,bf {
  font-family: sans-serif;
  font-weight:400;
  font-size:11px;
  padding:0;
	margin:0;
  font-style: normal;
}

html,body {
	color:#000;
	background: #ffffff;	
	height:100%;
	width:100%;
	overflow:no-scroll;
	cursor:default;
}

input.anzahl[placeholder] {
    color: #000 !important;
}

div,#div { position:relative; box-sizing:border-box; }
strong,b { font-weight:bold; }
a,select,input,textarea { outline:none; }
i,italic { font-style:italic; }
u,underline { text-decoration:underline; }
span { background:none; }
select:hover,option:hover { cursor:pointer; }
.float-left { float:left; }
.float-right { float:right; }
.clear { clear:both; }
div.display { display: block; }

button { outline: none; }

a { border:0px; }
img.icon { width:16px; height: 16px; margin-bottom: -3px; margin-top: 1px; } 
img { border:0px; }
img.svgIcon { margin-top:-3px; }
img.svgIcon:hover { transform: scale(1.2); }

span.fontRed {
  color: red;
  font-weight: bold;
}

#wrapper {
	width:100%;
	min-width:1000px;
}

#mobile { display: none; }

#headbar {
	background: #188AE2;
	height: var(--heightHeadline);
  height:28px;
	width: 100%;
	position: fixed;
	top: 0;
	font-size: 13px;
	padding: 0;
	justify-content: center;
	align-items: center;
	color: #fff;
	z-index: 2000;
}

#left-top {
	width:200px;
	top: var(--heightHeadline);
  top:28px;
	left:0;
	position:fixed;
  background: #3b3e47;
	bottom:22px;
}

#left-bottom {
	width:200px;
	left:0;
	bottom:22px;
	top:508px;
	position:fixed;
  background: #3b3e47;
	border-top:1px solid #b4b4b4;
	overflow-y:auto;
}

#right {
	position:fixed;
	top: var(--heightHeadline);
  top:28px;
	left:200px;
	right:0;
	bottom:22px;
	background:#fff;
	overflow-y:scroll;
}

#abfuhr {
	position:fixed;
	min-width:800px;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9999;
	background:rgba(0,0,0,0.5);
	overflow-y:scroll;
}

.abfuhr {
	position:absolute;
	left:30%;
	top:30%;
	text-align:center;
	padding:20px;
	font-weight:bold;
	font-size:14px;
	right:30%;
	background:rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.6);
}

#ajaxmenu {
	position:fixed;
	left:200px;
	right:0;
	display:none;
	height:auto;
	padding:0 0 20px 0;
	z-index:5000;
	bottom:63px;
	background:#fff;
	border-top:1px solid #a2a2a2;
}

#footbar {
	background: #188AE2;
	height:22px;
	position:fixed;
	bottom:0;
	width:100%;
	min-width:1000px;
}

/*
.navhead {
	width:100%;
	padding:5px 0 2px 6px;
	color:#000;
	margin-top: 2px;
    font-weight: bold;
}

.navbutton,.navbutton:hover {
	width:100%;
	padding:2px 14px;
	color: #222;
}

.navbutton:hover,.copy {
	cursor:pointer;
	color:#fff;
	background: #188AE2;
}
*/

.navHead {
    width: 100%;
    padding: 10px;
    font-size: 12px;
    color: #ffffff;
    font-weight: 500;
    border-left: 3px solid rgba(0,0,0,0);
    cursor: pointer;
}

.navHead:hover {
	background: #33363D;
	color: #188AE2;
}

.active,.active:hover {
	background: #33363D;
	border-left: 3px solid #188AE2;
	color: #188AE2;
}

.navBox {
	display: none;
	background: #33363D;
}

.navLink {
	width: 100%;
	color: #FFFFFF;
	padding: 0 20px;
    position: relative;
    display: flex;
    justify-content: left;
    align-items: center;
    height: 30px;
	font-size: 11px;
	cursor: pointer;
    transition: padding 300ms ease-in-out;
	border-left: 3px solid #188AE2;
}

.navLink:hover {
	background: rgba(0,0,0,0.2);
    padding-left: 27px;
	color: #188AE2;
}

.copy:hover {
	cursor:pointer;
	background: none;
	color:#000;
	text-shadow:0px 1px 0px #fff;
}

.footbutton {
	background: #fdfdfd;
	background: linear-gradient(to bottom,  #fdfdfd 49%,#fdfdfd 49%,#ebebeb 50%,#ebebeb 100%);
	height:23px;
	border-top:1px solid #c1c1c1;
	width:100%;
	padding:4px 0 0 10px;
	font-size: 12px;
}

table.maintable {
	width: calc(100% - 20px);
	border: 1px solid #d4d4d4;
	margin:  15px 10px;
	background: #fff;
}

td.contentHead {
	background: #c1c1c1;
	height: 22px;
	color: #000;
	font-size: 12px;
	padding: 2px 0 0 0;
	text-align: center;
	font-weight: bold;
    border-top: 0;
}

td.contentTop,div.contentTop {
	background: #e1e1e1;
	padding: 2px 10px;
	height: 18px;
	text-align: center;
	font-weight: bold;
    border-top: 0;
}

td.contentFirst,td.contentSecond,td.contentLeft,td.contentRight,.contentInvisible {
	padding: 2px 10px;
	text-align: left;
}

td.contentRight {
	border-bottom:1px solid #fff;
}

td.contentLeft {
	width:220px;
	background:#f1f1f1;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}

tr.contentFirst,tr.contentadd {
	background:#f1f1f1;
}

tr.contentInvisible { opacity: 0.5; }

tr.contentSecond {
	background:#ffffff;
}

tr.contentDark {
	background:#d4d4d4;
}

tr.contentBlue {
	background:#188AE2;
  color: #ffffff;
}


tr.yellow {
	background:#188AE2;
    color: #fff;
}

 tr.yellow a, tr.yellow img { color:white; }

tr.lkw {
	background: #a1a1a1;
}

td.lkw {
	text-align: center;
	padding: 2px 0 0 0;
	color: #000;
}

td.aktion {
	width:16px;
	text-align:center;
}

tr.contentDark1 {
	background:#c9c9c9;
}

tr.contentDark:hover,tr.contentDark1:hover {
	background:#c1c1c1;
}

tr.contentFirst:hover,tr.contentSecond:hover { 
	background:#d4d4d4;
}

td.contentBottom {
	padding:2px;
	text-align:center;
}

a:link,a:hover,a:visited,a.download:link,a:hover,a.download:visited {
	color:#000;
	text-decoration:none;
	font-weight:400;
}

a.azeit:link,a.azeit:hover,a.azeit:visited {
	color:#000;
	text-decoration:none;
	font-weight:normal;
	padding:1px 0;
	display:block;
}

a.azeit:hover,a.download:hover,a.dupl:hover { text-decoration:underline; }

.footmenubutton,.footmenubuttonl,.uid {
	float:right;
	padding:5px 10px 0 10px;
	color: #fff;
	text-align:center;
	height:22px;
	width: 150px;
	font-size: 11px;
}

.footmenubuttonl,.uid {
	float:left;
}

.footmenubutton:hover,.footmenubuttonl:hover {
	cursor:pointer;
	background: #3b3e47;
}

.produktionnav {
	float:left;
	width:100%;
	text-align:center;
	height:40px;
	padding:13px 0 0 0;
	text-align:center;
}

a.button-lkw,a.button-fraesteile,a.button-zuschnitte,a.button-fraesteile-active,a.button-zuschnitte-active {
	background: #188AE2;
	height:23px;
	width:150px;
	text-align:center;
	padding:5px 40px;
	font-weight:bold;
	color: #fff;
}

a.button-zuschnitte {
	margin-left: 10px;
}

a.button-lkw {
	margin-left:20px;
}

a.button-lkw:hover,a.button-fraesteile:hover,a.button-zuschnitte:hover,a.button-fraesteile-active,a.button-zuschnitte-active {
	background: #3b3e47;
	color:#fff;
	cursor:pointer;
}

.aktmaterial {
	float:right;
	height:40px;
	padding:6px 10px 0 10px;
	text-align:right;
	border-left:1px solid #999999;
	box-shadow:inset 1px 0px 0px #d4d4d4;
	text-shadow:0px 1px 0px rgba(255,255,255,0.4);
}	

span.material {
	font-weight:bold;
	color:#000;
}


textarea { padding:4px; }

textarea.textarea {
	background:#f9f9f9;
	border:1px solid var(--mainColor);
	width:90%;
	height:60px;
	padding:3px;
	overflow:auto;
}

a.submit,input.submit,button.submit {
	padding:3px 40px;
	background: #188AE2;
	color:#fff;
	border: 0;
	border-radius: 0;
    position: relative;
}

a.submit:hover,input.submit:hover,button.submit:hover,button.submit:focus,button.submit:active,input.submit[disabled=disabled] {
	cursor:pointer;
	border: 0;
    border-radius: 0;
	background: #33363D;
    outline: none;
}

input.submit[disabled=disabled] {
	cursor:default;
}

input.inputin {
	background:none;
	border:0;
	border-radius:2px;
}

input.inputin:focus {
	background:rgba(0,0,0,0.1);
}

select.dropdown {
	padding:0 5px;
	border-radius:2px;
	border:1px solid rgba(0,0,0,0.2);
}

input.input {
	width:200px;
	border:1px solid rgba(0,0,0,0.2);
	padding:1px 2px;
	border-radius:2px;
}

input.input-stunden {
	padding:1px;
	width:90px;
	text-align:center;
	background:rgba(0,0,0,0.03);
	border:0;
	border-radius:2px;
}

.spannerinset {
	text-align:center;
	font-size:80px;
	font-weight:bold;
	bottom:10%;
	top:10%;
}

.infodiv {
	display:none;
	position:absolute;
	padding:7px 20px;
	border-radius:3px;
	background:#fff;
	margin:-10px 0 0 20px;
	border:1px solid #b2b2b2;
}

td.wartungblue {
	background: #75bff6;
	background: linear-gradient(to bottom,  #75bff6 0%,#437cd3 100%);
	color:#fff;
	text-shadow:0px 1px 0px #2c538e;
	border-bottom:1px solid #3e516e;
	box-shadow:0px 1px 0px rgba(255,255,255,0.6);
	padding:5px 10px;
}

td.wartungred {
	background: #f27474;
	background: linear-gradient(to bottom,  #f27474 0%,#ce4242 100%);
	color:#fff;
	text-shadow:0px 1px 0px #2c538e;
	border-bottom:1px solid #993232;
	box-shadow:0px 1px 0px rgba(255,255,255,0.6);
	padding:5px 10px;
}

.bohrer {
	position:absolute;
	border:1px solid #555555;
	border-radius:19px;
	height:39px;
	width:39px;
	text-align:center;
	padding:12.5px 0 0 0;
	background:#fdfe96;
	box-shadow:1px 1px 0px rgba(0,0,0,0.2);
	cursor:pointer;
	font-size:10px;
}

.bohrer:hover {
	background:#73c9ff;
}

td.logs {
	padding:3px 10px;
	border-bottom:1px dashed #d2d2d2;
	border-right:1px dashed #d2d2d2;
}

td.best,.ordertop {
	background: #188AE2;
   color:#fff;
	font-weight:bold;
	padding:4px;
	text-align:center;
}

.modellesicht {
	height:42px;
	width:100%;
	padding:5px;
	border-radius:4px;
	border:1px solid #fff;
}

.modellesicht:hover {
	cursor:pointer;
	background:#E8F0FF;
	border:1px solid #B3CDFF;
}

.footmenubutton2 {
	float:left;
	border-top:1px solid #d4d4d4;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	padding:4px 10px;
	text-align:left;
	height:23px;
	background: #fdfdfd;
	background: linear-gradient(to bottom,  #fdfdfd 49%,#fdfdfd 49%,#ebebeb 50%,#ebebeb 100%);
	width:100%;
}

.footmenubutton2:hover {
	cursor:pointer;
	font-weight:bold;
}

td.zuschnitte-show {
	border-bottom:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	text-align:center;
	padding:2px 10px;
}

input.radio {
	margin-top:-2px;
	vertical-align:middle;
	margin-left:25px;
}

select.selinvisible {
	-moz-appearance: none;
	 -webkit-appearance: none;
	 appearance: none;
	 background: none;
	 border: none;
}


bf {
	font-weight: bold;
	color: #ff0000;
}

#editDate {
	position: fixed;
	left: calc(50% - 50px);
	top: 100px;
	width: 300px;
 margin: auto;
	z-index: 9999;
	display: none;
}

.editDateDate { background: #444444; width: 300px;padding: 10px; }


textarea.shoutText { height: 75px; }

.topCell { left: 200px; }

.svg {
    opacity: 0.5;
}

.svg:hover {
    opacity: 1;
}

.zuschnitteFraesteile {
	top: 28px;
	right:16px;
	z-index:2200;
	position:fixed;
	background: #3b3e47;
	height:18px;
}

td.dark {
	background-color: #3b3e47;
	color: #fff;
	font-weight: 500;
	height:18px;
}

.lkw1 { 
	padding-top: 2px;
}

.lkw1:hover,.lkw1Active {
	margin-top: -8px;
	height: 30px;
    border-top: 2px solid #3b3e47;
	padding-top: 5px;
    background-color: #3b3e47;
}

.lkw1Active {
    border-top: 2px solid var(--mainColor);
}
		
.noScroll::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.noScroll {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

input.invisible, select.invisible {
    background: none;
    border: 0;
    padding: 1px;
    margin: 0;
    text-align: center;
    position: relative;
}

input.tableInvisible, input.tableInvisibleSmall, input.tableInvisibleMedium, select.tableInvisible, select.dropdownInvisible {
  background: none;
  border: 0;
  padding: 3px 0 1px 0;
  margin: 0;
  text-align: left;
  line-height: 11px;
	width: 98%;
}

option.orderOption {
  padding: 4px;
}

select.tableInvisible {
  width: 75%;
}

select.dropdownInvisible {
  width: 50%;
}

input.tableInvisibleSmall {
  width: 30px;
  text-align: center;
  margin: 0 5px;
}

input.tableInvisibleMedium {
  width: 100px;
  text-align: center;
  margin: 0 5px;
}

select.invisible { width: 98%; }

input.invisible:focus, input.tableInvisible:focus, input.tableInvisibleSmall:focus, input.tableInvisibleMedium:focus {
    background: rgba(0,0,0,0.1);
}

img.iconSVG {
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin-right: 2px;
  transition: all 0.2s;
}

img.iconSVG:hover {
  transform: scale(1.5);
}

button.orderButton,a.orderButton {
  color:#fff;
  cursor:pointer;
  border:none;
  padding:0;
  background:none;
  float:right;
  margin-left:10px;
}


textarea.todo {
    width: calc(98% - 20px);
    height: 400px;
    margin: 0 1%;
    padding: 10px;
    border: 0;
    line-height: 1.5;
}

.buttonLine {
    width: 100%;
    text-align: center;
}

.submitLine {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

input.submitBox {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    text-decoration: underline;
    color: #188AE2;
}

tr.yellow:hover {
    background: rgba(24, 138, 226,0.5)
}

input.invisibleSmall {
  border: none;
  background: none;
  outline: none;
  width: 30px;
  text-align: center;
}

input.verrechnen {
  border-radius: 2px;
}

input.wirdBestellt { background: rgba(0,0,0,0.06); }

td.center { text-align: center; }
td.left { text-align: left; }


#submenu {
  background: lightgrey;
	height: var(--heightHeadline);
  height:28px;
  left: 200px;
  right: 0;
	position: fixed;
	top: 28px;
	font-size: 13px;
	padding:5px 0 0 0;
	color: #0000;
	text-align: center;
  z-index: 999;
  display:none;
}

img.headlineIcon {
  width: 22px;
  cursor: pointer;
}

.headlineButton {
  padding: 3px 10px;
  height: 28px;
	text-align: center;
	float: left;
	justify-content: center;
	align-items: center;
}

.headlineButton:hover {
  background-color:#33363D;
	cursor: pointer;
}

#calendar-box {
	position: absolute;
	top: 28px;
	left: 0;
	width: 400px;
	background-color:#33363D;
	min-height: 100px;
	z-index: -1;
	display: none;
}

.termin {
	width: 100%;
	padding: 10px;
	border-bottom: 1px solid #444444;
	text-align: left;
}

.blau {
	background-color: #188AE2;
	color: black;
}

.gelb {
	background-color: yellow;
	color: black;
}

.grau {
	background-color: darkgray;
	color: black;
}

.calendarHead {
	width: 100%;
	padding: 5px 10px;
	border-bottom: 1px solid #444444;
	text-align: left;
	font-weight: bold;
}

button.verrechnen { display: none; }

.bestellHead { display: none; }

@media print {
  .printNot { display: none; }
  .nichtDrucken {display: none; }
  table.maintable { width: 25%; }
  td.topDruckansicht {
    background: none;
    color: black;
    font-weight: bold;
    font-size: 14px;
  }
  table.tableDruckansicht {
    border: 1px solid black;
    width: 100%;
  }
  table.tableDruckansichtHead {
    border: none;
    margin-bottom: 20px;
    width: 100%;
  }
  td.tdDruckansicht {
    border-top: 1px solid black;
    background: white;
  }
  td.tdTopDruckansicht { background: lightgray; }
  .bestellHead { 
    display: block;
    text-align: center;
    font-size: 12px;
    margin-bottom: 10px;
    width: 100%; 
  }
}

/*
*::-webkit-scrollbar {
    width: 16px;
  }
  
  *::-webkit-scrollbar-track {
    background: transparent;
  }
  
  *::-webkit-scrollbar-thumb {
    background-color: #188AE2;
    border-radius: 0px;
    border: 0;
  }

  */