@font-face {
    font-family: 'Open Sans';
    src: url('/static/test/fonts/OpenSans-Regular.eot');
    src: url('/static/test/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('/static/test/fonts/OpenSans-Regular.woff2') format('woff2'),
        url('/static/test/fonts/OpenSans-Regular.woff') format('woff'),
        url('/static/test/fonts/OpenSans-Regular.ttf') format('truetype'),
        url('/static/test/fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/test/fonts/OpenSans-SemiBold.eot');
    src: url('/static/test/fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/static/test/fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('/static/test/fonts/OpenSans-SemiBold.woff') format('woff'),
        url('/static/test/fonts/OpenSans-SemiBold.ttf') format('truetype'),
        url('/static/test/fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/test/fonts/OpenSans-Bold.eot');
    src: url('/static/test/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('/static/test/fonts/OpenSans-Bold.woff2') format('woff2'),
        url('/static/test/fonts/OpenSans-Bold.woff') format('woff'),
        url('/static/test/fonts/OpenSans-Bold.ttf') format('truetype'),
        url('/static/test/fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('/static/test/fonts/OpenSansCondensed-Bold.eot');
    src: url('/static/test/fonts/OpenSansCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('/static/test/fonts/OpenSansCondensed-Bold.woff2') format('woff2'),
        url('/static/test/fonts/OpenSansCondensed-Bold.woff') format('woff'),
        url('/static/test/fonts/OpenSansCondensed-Bold.ttf') format('truetype'),
        url('/static/test/fonts/OpenSansCondensed-Bold.svg#OpenSansCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}


@font-face {
	font-family: 'IconFont_petrick';
	src: url('/static/test/fonts/IconFont_petrick.eot?e9eydr');
	src: url('/static/test/fonts/IconFont_petrick.eot?e9eydr#iefix') format('embedded-opentype'), url('/static/test/fonts/IconFont_petrick.ttf?e9eydr') format('truetype'), url('/static/test/fonts/IconFont_petrick.woff?e9eydr') format('woff'), url('/static/test/fonts/IconFont_petrick.svg?e9eydr#IconFont_petrick') format('svg');
	font-weight: normal;
	font-style: normal;
}
i[class^="ic-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'IconFont_petrick' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ic-qrs:before {
  content: "\e915";
}
.ic-chevron_left:before {
  content: "\e903";
}
.ic-chevron_right:before {
  content: "\e904";
}
.ic-chevron_top:before {
  content: "\e905";
}
.ic-chevron_down:before {
  content: "\e902";
}
.ic-modul_icon_fak:before {
  content: "\e931";
}
.ic-modul_icon_ee:before {
  content: "\e901";
}
.ic-modul_icon_ef:before {
  content: "\e916";
}
.ic-modul_icon_eg:before {
  content: "\e90e";
}
.ic-zur_karte:before {
  content: "\e908";
}
.ic-user_account:before {
  content: "\e900";
}
.ic-statistics1:before {
  content: "\e926";
}
.ic-statistics2:before {
  content: "\e927";
}
.ic-statistics3:before {
  content: "\e928";
}
.ic-bulb:before {
  content: "\e909";
}
.ic-emitter:before {
  content: "\e914";
}
.ic-flag:before {
  content: "\e913";
}
.ic-Lieferzeitpunkt:before {
  content: "\e917";
}
.ic-delivery:before {
  content: "\e912";
}
.ic-fa_number:before {
  content: "\e906";
}
.ic-fa_new_number:before {
  content: "\e90f";
}
.ic-batch_number:before {
  content: "\e907";
}
.ic-quality:before {
  content: "\e911";
}
.ic-order:before {
  content: "\e919";
}
.ic-customer:before {
  content: "\e91a";
}
.ic-drawing:before {
  content: "\e932";
}
.ic-barcode:before {
  content: "\e933";
}
.ic-pump:before {
  content: "\e910";
}
.ic-armierungstyp:before {
  content: "\e918";
}
.ic-anode_einschmelzen:before {
  content: "\e90b";
}
.ic-anodenbau:before {
  content: "\e90a";
}
.ic-kathode_einschmelzen:before {
  content: "\e90d";
}
.ic-kathodenbau:before {
  content: "\e90c";
}
.ic-voltage:before {
  content: "\e91b";
}
.ic-current:before {
  content: "\e91c";
}
.ic-idle_current:before {
  content: "\e91d";
}
.ic-width:before {
  content: "\e91e";
}
.ic-length:before {
  content: "\e91f";
}
.ic-PositionX:before {
  content: "\e924";
}
.ic-PositionY:before {
  content: "\e925";
}
.ic-out_of_tolerance:before {
  content: "\e920";
}
.ic-heat_settings:before {
  content: "\e921";
}
.ic-forming:before {
  content: "\e922";
}
.ic-measuring_device:before {
  content: "\e923";
}
.ic-alarm:before {
  content: "\e929";
}
.ic-incoming:before {
  content: "\e92a";
}
.ic-decision:before {
  content: "\e92b";
}
.ic-Brennfleckbezeichnung:before {
  content: "\e934";
}
.ic-Anodenwinkel:before {
  content: "\e935";
}
.ic-Material:before {
  content: "\e936";
}
.ic-Erforderlicher-Kathodenabstand:before {
  content: "\e937";
}
.ic-typecode:before {
  content: "\e92c";
}
.ic-Trash:before {
  content: "\e92d";
}
.ic-Eye:before {
  content: "\e92e";
}
.ic-Download:before {
  content: "\e92f";
}
.ic-Upload:before {
  content: "\e930";
}

body {
	font-family: 'Open Sans', sans-serif;
	background-color: #c8d3de;
	color: #464C57;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	line-height: 1.1;
  font-weight:600;
  }
body .kopf+div {
	margin-top: 70px;
  }
.kopf + div > div:first-child{
  /*min-height:177px;*/
  }
h1, h2, h3, h4, h5, h6{
	font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

h1 {
	font-size: 40px;
	margin-bottom: 20px;
}
h2 {
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: bold;
	padding-top: 10px;
}

a:hover {
	text-decoration: none
}
none {
	color: #8da5bd!important;
	font-style: italic;
	font-weight: 400;
	font-size: 14px;
}
none:before {
	content: "nicht verfügbar";
}
.form-control {
	font-family: "Open Sans", sans-serif;
	margin: 5px 0px;
}
.btn-primary {
	background: rgb(83, 101, 125);
	background: -moz-linear-gradient(top, rgb(83, 101, 125) 0%, rgb(76, 89, 106) 100%);
	background: -webkit-linear-gradient(top, rgb(83, 101, 125) 0%, rgb(76, 89, 106) 100%);
	background: linear-gradient(to bottom, rgb(83, 101, 125) 0%, rgb(76, 89, 106) 100%);
	color: #ffffff !important;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
  padding:4px 10px;
}
.btn-danger {
	background: rgb(212, 63, 58);
	background: -moz-linear-gradient(top, rgb(212, 63, 58) 0%, rgb(189, 55, 50) 100%);
	background: -webkit-linear-gradient(top, rgb(212, 63, 58) 0%, rgb(189, 55, 50) 100%);
	background: linear-gradient(to bottom, rgb(212, 63, 58) 0%, rgb(189, 55, 50) 100%);
	color: #ffffff !important;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}
.btn-success {
	background: rgb(76, 174, 76);
	background: -moz-linear-gradient(top, rgb(76, 174, 76) 0%, rgb(75, 150, 75) 100%);
	background: -webkit-linear-gradient(top, rgb(76, 174, 76) 0%, rgb(75, 150, 75) 100%);
	background: linear-gradient(to bottom, rgb(76, 174, 76) 0%, rgb(75, 150, 75) 100%);
	color: #ffffff !important;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}
.btn-secondary {
	background: #819cbf;
	background: -moz-linear-gradient(top, #819cbf 0%, #7d93af 100%);
	background: -webkit-linear-gradient(top, #819cbf 0%, #7d93af 100%);
	background: linear-gradient(to bottom, #819cbf 0%, #7d93af 100%);
	color: #fff !important;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
	border-color: #668bab;
}
.btn-white{
  background:#ffffff!important;
  color:#464C57!important;
  }
.btn-ochre{
  background:#E49E23;
  color:#464C57;
  }
.primary {
	background-color: #337ab7!important;
	color: #ffffff!important;
}
.active {background-color: #f5f5f5!important;}
.info {background-color: #b9def1!important;}
.success {background-color: #bae2a9!important;}
.warning {background-color: #fcf8e3!important;}
.danger {background-color: rgba(255, 0, 0, 0.4)!important;}
.forbidden {
  background: linear-gradient(135deg, #eef3fa 25%, #adb9c966 25%, #adb9c966 50%, #eef3fa 50%, #eef3fa 75%, #adb9c966 75%, #adb9c966)!important;
	background-size: 40px 40px!important;
}
.status-success {background-color: #A8BF0F!important;}
.status-info {background-color: #5D90BA!important;}
.status-warning {background-color: orange!important;}
.status-danger {background-color: #D4354F!important;}
.status-active {background-color: lime!important;}
.good {color: #88b978;}
.bad {color: #d62149;}
button.save,
button.anlegen,
button.saveBem,
button.modalSave {
	font-family: "Open Sans Condensed";
	font-weight: 600;
	text-transform: uppercase;
	background: #339ed4;
	color: #fff;
}
button#roehrenLiefern,
button#generatorenLiefern,
button#paketeLiefern {
	font-family: "Open Sans Condensed";
	font-weight: 600;
	text-transform: uppercase;
}
button#roehrenLiefern:hover {
	color: #9e9e9e;
}
button.save:focus,
button.anlegen:focus,
button.modalSave:focus {
  background-color:#ff7f00;
  }
button.cancel_save,
button.modalCancel {
	font-family: "Open Sans Condensed";
	font-weight: 600;
	text-transform: uppercase;
  background: #fff;
  color: #374355;
  border: 2px solid #eeeff2;
}
button.cancel_save:hover,
button.modalCancel:hover {
	color:#eeeff2;
}
button.delete {
  font-family: "Open Sans Condensed";
  font-weight: 600;
  text-transform: uppercase;
  background: #cf5757;
  color: #fff;
  width: 115px;
  float: right;
}
button.paket {
	font-family: "Open Sans Condensed";
	font-weight: 600;
	text-transform: uppercase;
	background: #339ed4;
	color: #fff;
}
button.paket:focus{
  background-color:#ff7f00;
  }
.start-list {
	position: relative;
}

.start-object {
	float: left;
}

.start-object>a {
	display: block;
	width: 200px;
	height: 100px;
	border: 1px solid transparent;
	border-radius: 8px;
	margin-right: 5px;
	padding: 15px;
	color: #464C57;
	background: #f7f8fa;
	background: -moz-linear-gradient(top, #f7f8fa 0%, #ebeff3 100%);
	background: -webkit-linear-gradient(top, #f7f8fa 0%, #ebeff3 100%);
	background: linear-gradient(to bottom, #f7f8fa 0%, #ebeff3 100%);
}
.start-object>a:hover {
	color: #000;
	border: 2px solid #8db6e8;
}
.start-object .o-large {
	display: block;
	font-size: 32px;
	text-align: center;
	font-weight: 800;
}
.start-object .o-small {
  display: block;
  font-size: 13px;
  text-align: center;
  font-weight: 600;
}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}

.fw200, .font-thin {font-weight:200;}
.fw400, .font-normal {font-weight:400;line-height: 1.7;}
.fw600, .font-bold {font-weight:600;}
.fw800, .font-superbold {font-weight:800;}

.last-msg{font-size:14px;}
.container.kartenansicht .last-msg{font-size:inherit;}

button {
	cursor: pointer;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	border: 1px solid #0000;
	font-size: 14px;
	border: none;
	color: #8a9aa9;
	padding: 4px 10px;
	border-radius: 3px;
	height: 32px;
	font-weight: 600;
	width: 100%;
	background: #f7f8fa;
	background: -moz-linear-gradient(top, #f7f8fa 0%, #ebeff3 100%);
	background: -webkit-linear-gradient(top, #f7f8fa 0%, #ebeff3 100%);
	background: linear-gradient(to bottom, #f7f8fa 0%, #ebeff3 100%);
}
button:hover {
	color: #464C57;
}

.kopf {
	position: fixed;
	height: 70px;
	width: 100%;
	top: 0;
	z-index: 10000;
	background-color: #374355;
	color: #fff;
}
.kopf a {color: #fff;}
.kopf .headtitle {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 1.8em;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
	left: 0;
  position: absolute;
  height: 70px;
  width: 100%;
  color: #fff;
  padding-top: 15px;
  pointer-events: none;
}
.kopf .logo {
	display: inline-block;
	float: left;
	background: #374355;
	text-align: center;
	width: 50px;
	height: 50px;
	left: 0;
	top: 0;
	background: url("/static/test/img/qrs_logo.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 10px 30px 10px 0;
}
.kopf .logo a {
	display: block;
	width: 100%;
	height: 100%;
}
.kopf .links {
	display: inline-block;
	float: left;
	background: #374355;
	color: #fff;
	padding-top: 25px;
	font-size: 20px;
	font-weight: 600;
}
.kopf .user {
	display: inline-block;
	float: right;
	text-align: center;
	color: #fff;

}
.kopf .user .icon-profile {
	width: 40px;
	height: 40px;
	display: inline-block;
}
.top-panel {
	background: #fff;
	width: 100%;
	height: 100%;
	min-height: 166px;
	border-radius: 0 0 10px 10px;
	padding: 0 5px 5px 5px;
}

.top-panel.short {min-height: 100px;}
.panel-content {
	width: 100%;
	height: 100%;
	border-radius: 0 0 3px 3px;
}
.panel-content .bar {
	width: 120px;
	height: 100%;
	display: inline-block;
	padding: 15px;
	border-radius: 0 0 0 8px;
	background: #76b0dc;
	background: -moz-linear-gradient(left, #76b0dc 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #76b0dc 50%, #ffffff 50%);
	background: linear-gradient(to right, #76b0dc 50%, #ffffff 50%);
}

/*////// BEGIN Colours Tiles //////*/

/* --------- Light Grey (Allgemein) --------- */

.lightgrey {
	background-color: #CCD9E5;
}
.panel-content .bar.lightgrey, .kachelFarbeViertel.lightgrey, .kachelFarbeHalb.lightgrey{
	background: #CCD9E5;
	background: -moz-linear-gradient(left, #CCD9E5 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #CCD9E5 50%, #ffffff 50%);
	background: linear-gradient(to right, #CCD9E5 50%, #ffffff 50%);
}

/* --------- Purple (Bestellungen) --------- */

.purple {
	background-color: #914EBF;
}
.panel-content .bar.purple, .kachelFarbeViertel.purple, .kachelFarbeHalb.purple{
	background: #914EBF;
	background: -moz-linear-gradient(left, #914EBF 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #914EBF 50%, #ffffff 50%);
	background: linear-gradient(to right, #914EBF 50%, #ffffff 50%);
}

/* --------- Blue (Eigenröhren) --------- */

.blue {
	background-color: #7BAFDE;
}
.panel-content .bar.blue, .kachelFarbeViertel.blue, .kachelFarbeHalb.blue{
	background: #7BAFDE;
	background: -moz-linear-gradient(left, #7BAFDE 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #7BAFDE 50%, #ffffff 50%);
	background: linear-gradient(to right, #7BAFDE 50%, #ffffff 50%);
}

/* --------- Darkblue (Pumpen) --------- */

.darkblue {
	background-color: #4970A6;
}
.panel-content .bar.darkblue, .kachelFarbeViertel.darkblue, .kachelFarbeHalb.darkblue{
	background: #4970A6;
	background: -moz-linear-gradient(left, #4970A6 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #4970A6 50%, #ffffff 50%);
	background: linear-gradient(to right, #4970A6 50%, #ffffff 50%);
}

/* --------- Light Teal (HVD) --------- */

.lightteal {
	background-color: #5CD9D9;
}
.panel-content .bar.lightteal, .kachelFarbeViertel.lightteal, .kachelFarbeHalb.lightteal{
	background: #5CD9D9;
	background: -moz-linear-gradient(left, #5CD9D9 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #5CD9D9 50%, #ffffff 50%);
	background: linear-gradient(to right, #5CD9D9 50%, #ffffff 50%);
}

/* --------- Turquoise (BFD) --------- */

.turquoise {
	background-color: #3EC096;
}
.panel-content .bar.turquoise, .kachelFarbeViertel.turquoise, .kachelFarbeHalb.turquoise{
	background: #3EC096;
	background: -moz-linear-gradient(left, #3EC096 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #3EC096 50%, #ffffff 50%);
	background: linear-gradient(to right, #3EC096 50%, #ffffff 50%);
}

/* --------- Dark Teal (EKD) --------- */

.darkteal {
	background-color: #267667;
}
.panel-content .bar.darkteal, .kachelFarbeViertel.darkteal, .kachelFarbeHalb.darkteal{
	background: #267667;
	background: -moz-linear-gradient(left, #267667 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #267667 50%, #ffffff 50%);
	background: linear-gradient(to right, #267667 50%, #ffffff 50%);
}

/* --------- Ocher (HVT) --------- */

.ochre {
	background-color: #E49E23;
}
.panel-content .bar.ochre, .kachelFarbeViertel.ochre, .kachelFarbeHalb.ochre{
	background: #E49E23;
	background: -moz-linear-gradient(left, #E49E23 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #E49E23 50%, #ffffff 50%);
	background: linear-gradient(to right, #E49E23 50%, #ffffff 50%);
}

/* --------- Terracotta (AR) --------- */

.terracotta {
	background-color: #CE672B;
}
.panel-content .bar.terracotta, .kachelFarbeViertel.terracotta, .kachelFarbeHalb.terracotta{
	background: #CE672B;
	background: -moz-linear-gradient(left, #CE672B 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #CE672B 50%, #ffffff 50%);
	background: linear-gradient(to right, #CE672B 50%, #ffffff 50%);
}

/* --------- Ruby Red (SM) --------- */

.rubyred {
	background-color: #7D2B2A;
}
.panel-content .bar.rubyred, .kachelFarbeViertel.rubyred, .kachelFarbeHalb.rubyred{
	background: #7D2B2A;
	background: -moz-linear-gradient(left, #7D2B2A 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #7D2B2A 50%, #ffffff 50%);
	background: linear-gradient(to right, #7D2B2A 50%, #ffffff 50%);
}

/* --------- Kiwi Green (HV2) --------- */

.kiwigreen {
	background-color: #DEE395;
}
.panel-content .bar.kiwigreen, .kachelFarbeViertel.kiwigreen, .kachelFarbeHalb.kiwigreen{
	background: #DEE395;
	background: -moz-linear-gradient(left, #DEE395 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #DEE395 50%, #ffffff 50%);
	background: linear-gradient(to right, #DEE395 50%, #ffffff 50%);
}

/* --------- Olive Green (LA) --------- */

.olivegreen {
	background-color: #848B18;
}
.panel-content .bar.olivegreen, .kachelFarbeViertel.olivegreen, .kachelFarbeHalb.olivegreen{
	background: #848B18;
	background: -moz-linear-gradient(left, #848B18 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #848B18 50%, #ffffff 50%);
	background: linear-gradient(to right, #848B18 50%, #ffffff 50%);
}

/* --------- Juniper Green (EKT) --------- */

.junipergreen {
	background-color: #51560C;
}
.panel-content .bar.junipergreen, .kachelFarbeViertel.junipergreen, .kachelFarbeHalb.junipergreen{
	background: #51560C;
	background: -moz-linear-gradient(left, #51560C 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #51560C 50%, #ffffff 50%);
	background: linear-gradient(to right, #51560C 50%, #ffffff 50%);
}

/* --------- Magenta (Lieferungen) --------- */

.magenta {
	background-color: #BE277D;
}
.panel-content .bar.magenta, .kachelFarbeViertel.magenta, .kachelFarbeHalb.magenta{
	background: #BE277D;
	background: -moz-linear-gradient(left, #BE277D 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #BE277D 50%, #ffffff 50%);
	background: linear-gradient(to right, #BE277D 50%, #ffffff 50%);
}

/* --------- Dunkle Hintergründe --------- */

.bg-dark, .bg-dark > .table-content {
	background-color: #464C57!important;
  color:white!important;
}

/* --------- Grau (FAK) --------- */
.fakgrau {
	background-color: #ABCDD5;
}
.panel-content .bar.fakgrau, .kachelFarbeViertel.fakgrau, .kachelFarbeHalb.fakgrau{
	background: #ABCDD5;
	background: -moz-linear-gradient(left, #ABCDD5 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #ABCDD5 50%, #ffffff 50%);
	background: linear-gradient(to right, #ABCDD5 50%, #ffffff 50%);
}

/* --------- Grau (KB) --------- */
.kbgrau {
	background-color: #80A7B1;
}
.panel-content .bar.kbgrau, .kachelFarbeViertel.kbgrau, .kachelFarbeHalb.kbgrau{
	background: #80A7B1;
	background: -moz-linear-gradient(left, #80A7B1 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #80A7B1 50%, #ffffff 50%);
	background: linear-gradient(to right, #80A7B1 50%, #ffffff 50%);
}

/* --------- Grau (KAU) --------- */
.kaugrau {
	background-color: #597982;
}
.panel-content .bar.kaugrau, .kachelFarbeViertel.kaugrau, .kachelFarbeHalb.kaugrau{
	background: #597982;
	background: -moz-linear-gradient(left, #597982 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #597982 50%, #ffffff 50%);
	background: linear-gradient(to right, #597982 50%, #ffffff 50%);
}

/* --------- Grau (EKK) --------- */
.ekkgrau {
	background-color: #264351;
}
.panel-content .bar.ekkgrau, .kachelFarbeViertel.ekkgrau, .kachelFarbeHalb.ekkgrau{
	background: #264351;
	background: -moz-linear-gradient(left, #264351 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #264351 50%, #ffffff 50%);
	background: linear-gradient(to right, #264351 50%, #ffffff 50%);
}

/* --------- Orange (FTD) --------- */
.ftdorange {
	background-color: #B1B74A;
}
.panel-content .bar.ftdorange, .kachelFarbeViertel.ftdorange, .kachelFarbeHalb.ftdorange{
	background: #B1B74A;
	background: -moz-linear-gradient(left, #B1B74A 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #B1B74A 50%, #ffffff 50%);
	background: linear-gradient(to right, #B1B74A 50%, #ffffff 50%);
}

/*////// END Colours Tiles //////*/


/*
.panel-content .bar.blau, .kachelFarbeHalb.blau {
	background: #76b0dc;
	background: -moz-linear-gradient(left, #76b0dc 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #76b0dc 50%, #ffffff 50%);
	background: linear-gradient(to right, #76b0dc 50%, #ffffff 50%);
}
.panel-content .bar.grau, .kachelFarbeHalb.grau {
		background: #CCD9E5;
	background: -moz-linear-gradient(left, #CCD9E5 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #CCD9E5 50%, #ffffff 50%);
	background: linear-gradient(to right, #CCD9E5 50%, #ffffff 50%);
}
.panel-content .bar.dunkelgelb, .kachelFarbeHalb.dunkelgelb { // li
		background: #ED922D;
	background: -moz-linear-gradient(left, #ED922D 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #ED922D 50%, #ffffff 50%);
	background: linear-gradient(to right, #ED922D 50%, #ffffff 50%);
}
.panel-content .bar.pink, .kachelFarbeHalb.pink {
		background: #EC2D7E;
	background: -moz-linear-gradient(left, #EC2D7E 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #EC2D7E 50%, #ffffff 50%);
	background: linear-gradient(to right, #EC2D7E 50%, #ffffff 50%);
}
.panel-content .bar.hellgelb, .kachelFarbeHalb.hellgelb,.kachelFarbeViertel.hellgelb {
		background: #EDBB2E;
	background: -moz-linear-gradient(left, #EDBB2E 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #EDBB2E 50%, #ffffff 50%);
	background: linear-gradient(to right, #EDBB2E 50%, #ffffff 50%);
}
.panel-content .bar.braun, .kachelFarbeHalb.braun {
		background: #7D2B2A;
	background: -moz-linear-gradient(left, #7D2B2A 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #7D2B2A 50%, #ffffff 50%);
	background: linear-gradient(to right, #7D2B2A 50%, #ffffff 50%);
}
.panel-content .bar.dunkelblau, .kachelFarbeHalb.dunkelblau {
		background: #4970A6;
	background: -moz-linear-gradient(left, #4970A6 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #4970A6 50%, #ffffff 50%);
	background: linear-gradient(to right, #4970A6 50%, #ffffff 50%);
}
.panel-content .bar.rot, .kachelFarbeHalb.rot {
	background: #ED4A2E;
	background: -moz-linear-gradient(left, #ED4A2E 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #ED4A2E 50%, #ffffff 50%);
	background: linear-gradient(to right, #ED4A2E 50%, #ffffff 50%);
}
.lindgruen {
	background: #BDED2E;
	background: -moz-linear-gradient(left, #BDED2E 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #BDED2E 50%, #ffffff 50%);
	background: linear-gradient(to right, #BDED2E 50%, #ffffff 50%);
  }
.panel-content .bar.lila {
	background: #9046B9;
	background: -moz-linear-gradient(left, #9046B9 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #9046B9 50%, #ffffff 50%);
	background: linear-gradient(to right, #9046B9 50%, #ffffff 50%);
}
.lila {
	background-color: #9046B9;
}
.panel-content .bar.hellgrau, .kachelFarbeHalb.hellgrau {
	background: #CCD9E5;
	background: -moz-linear-gradient(left, #CCD9E5 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #CCD9E5 50%, #ffffff 50%);
	background: linear-gradient(to right, #CCD9E5 50%, #ffffff 50%);
}
.panel-content .bar.beige, .kachelFarbeHalb.beige {
	background: #C5B45B;
	background: -moz-linear-gradient(left, #C5B45B 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #C5B45B 50%, #ffffff 50%);
	background: linear-gradient(to right, #C5B45B 50%, #ffffff 50%);
}
.panel-content .bar.gruen, .kachelFarbeViertel.gruen {
	background: #257567;
	background: -moz-linear-gradient(left, #257567 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #257567 50%, #ffffff 50%);
	background: linear-gradient(to right, #257567 50%, #ffffff 50%);
}
.panel-content .bar.lavendel, .kachelFarbeHalb.lavendel {
	background: #BA46B8;
	background: -moz-linear-gradient(left, #BA46B8 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #BA46B8 50%, #ffffff 50%);
	background: linear-gradient(to right, #BA46B8 50%, #ffffff 50%);
}
.panel-content .bar.steingrau, .kachelFarbeHalb.steingrau {
	background: #CCD9E5;
	background: -moz-linear-gradient(left, #CCD9E5 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #CCD9E5 50%, #ffffff 50%);
	background: linear-gradient(to right, #CCD9E5 50%, #ffffff 50%);
}
.panel-content .bar.oliv, .kachelFarbeHalb.oliv {
	background: #696F12;
	background: -moz-linear-gradient(left, #696F12 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #696F12 50%, #ffffff 50%);
	background: linear-gradient(to right, #696F12 50%, #ffffff 50%);
}

*/

/*
//lila 9046B9 be
//dunkelblau 4970A6 pu
//grau CCD9E5 ef
//dunkelgelb ED922D hvd
//pink EC2D7E bfd
//EDBB2E hellgelb hvt
//7D2B2A braun ar
//ED4A2E rot sm
//BDED2E lindgruen hv2
//CCD9E5 hellgrau sz
//C5B45B beige la
//257567 gruen ekd
//BA46B8 lavendel li
//CCD9E5 steingrau re
//696F12 oliv ekt
*/

/*##################kann weg#######################*/
.panel-content .bar.be {
	width: 120px;
	height: 100%;
	display: inline-block;
	padding: 15px;
	border-radius: 0 0 0 8px;
	background: #9046B9;
	background: -moz-linear-gradient(left, #9046B9 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #9046B9 50%, #ffffff 50%);
	background: linear-gradient(to right, #9046B9 50%, #ffffff 50%);
}
.panel-content .bar.li {
	background: #8CB946;
	background: -moz-linear-gradient(left, #8CB946 50%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #8CB946 50%, #ffffff 50%);
	background: linear-gradient(to right, #8CB946 50%, #ffffff 50%);
  }
/*##################ende kann weg#######################*/
  
  
  
  
.panel-content .bar .bar-container {
	border: 3px solid #ebeff3;
	border-radius: 5px;
	width: 100%;
	height: 100%;
	padding: 5px;
	background: #fff;
	position: relative;
}

.panel-content .bar .bar-container:before {
	content: " ";
	position: absolute;
	left: 5px;
	right: 5px;
	height: 3px;
	background: #ebeff3;
	top: 48%;
}
.top-panel.short .panel-content .bar .bar-container:before {content: none;}
.panel-content .bar .bar-container .top {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 50%;
	text-align: center;
	font-weight: 700;
	font-size: 45px;
	line-height: 1.3;
}

.top-panel.short .panel-content .bar .bar-container .top {
	top: 50%;
  transform: translateY(-50%);
	min-height: 60px;
}

.panel-content .bar .bar-container .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50%;
	text-align: center;
	line-height: 1;
	font-size: 60px;
}
.panel-content .content {
	height: 100%;
	display: inline-block;
	vertical-align: top;
	padding: 15px 10px;
	width: calc(100% - 130px);
}
.panel {
	background: #fff;
	width: 100%;
	border-radius: 10px;
	padding: 5px;
  min-height: 100px;
}
.top-panel.start {
	background: #fff;
	width: 100%;
	border-radius: 0 0 10px 10px;
	padding: 5px;
}
.top-panel.start .row .start-object {
	padding: 5px;
	display: table;
}
.top-panel.start .row .start-object a {
  width: auto;
  margin-right: 5px;
  margin-bottom: 5px;
  display: table-cell;
  vertical-align: middle;
}
.status-bar {
	margin: 10px 0 10px 0;
	text-align: center;
	color: #798a9c;
	font-weight: 600;
}

.table-panel {
	background: #fff;
	width: 100%;
	height: 100%;
	min-height: 90px;
	padding: 3px;
}
.grouped-panels .row:first-Child .table-panel {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.grouped-panels .row:first-Child .table-panel .bar .top {border-top-left-radius: 8px;}
.grouped-panels .row:first-Child .table-panel .status .top {border-top-right-radius: 8px;}
.grouped-panels .row:last-Child .table-panel {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.grouped-panels .row:last-Child .table-panel .bar .bottom {
	border-bottom-left-radius: 8px;
}
.grouped-panels .row:last-Child .table-panel .status .bottom {
	border-bottom-right-radius: 8px;
}
.grouped-panels>.row,.grouped-panels > .panel {
	margin-bottom: 5px;
}
.edit_form {
	display: inline;
}

input#datepicker-ee,
input#datepicker-ef,
input#datepicker-eg,
input#datepicker-am,
input#datepicker-tu,
input#datepicker-bf,
input#datepicker-hvd,
input#datepicker-hv2,
input#datepicker-ek,
input#datepicker-ar,
input#datepicker-sm {
	width: 83px;
	padding: 0;
	display: inline-block;
	background: transparent;
	border: none;
	box-shadow: none;
	font-weight: 600;
	text-align: right;
  margin-right:3px;
  font-size:1em;
}
.status_green {
	background-color: #8ab975!important;
}
.status_red {
	background-color: #d63333!important;
}

/*.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-right: 7.5px;padding-left: 7.5px;}*/

label.wrapping {
	text-overflow: ellipsis;
	width: 90%;
}
.minilabel {
	font-size: 0.7em;
	display: block;
	height: 30px;
	font-weight: bold;
}
form[name=bestellung]{
  width:100%;
  }
table.bestellung{
  width:100%;
  margin-bottom:0;
  }
.bestellung_edit table.bestellung thead th{
  border-top:none;
  border-bottom:3px solid #ffffff;
  }
.bestellung_edit table.bestellung tbody td{
  border-top:none;
  border-bottom:2px solid #ffffff;
  }
.bestellung_edit table.bestellung tbody tr:last-Child td{
  border-top:none;
  border-bottom:none;
  }
.bestellung_edit table.bestellung tbody tr:not(:last-child) td.emptyspace{
	display:none;
	}
.bestellung_view table.bestellung thead th{
  border-top:none;
  border-bottom:3px solid #c8d3de;
  }
.bestellung_view table.bestellung tbody tr:not(:last-child) td{
  border-top:none;
  border-bottom:2px solid #c8d3de;
  }

/**table.bestellung tbody th:nth-child(1){width:33%;}**/


table.bestellung tbody td:nth-child(1), table.bestellung thead th:nth-child(1){width:8%;}
table.bestellung tbody td:nth-child(2), table.bestellung thead th:nth-child(2){width:13%;}
table.bestellung tbody td:nth-child(3), table.bestellung thead th:nth-child(3){width:13%;}
table.bestellung tbody td:nth-child(4), table.bestellung thead th:nth-child(4){width:19%;}
table.bestellung tbody td:nth-child(5), table.bestellung thead th:nth-child(5){width:7%;}
table.bestellung tbody td:nth-child(6), table.bestellung thead th:nth-child(6){width:8%;}
table.bestellung tbody td:nth-child(7), table.bestellung thead th:nth-child(7),
table.bestellung tbody td:nth-child(8), table.bestellung thead th:nth-child(8),
table.bestellung tbody td:nth-child(9), table.bestellung thead th:nth-child(9){width:6%;}
table.bestellung tbody td:nth-child(10), table.bestellung thead th:nth-child(10){width:14%;}

table.bestellung tbody td:nth-child(7){color:#9046B9;font-weight:bold;}
.bestellung_view table.bestellung tbody td:nth-child(2){padding-right:0;}
.bestellung_view table.bestellung tbody td:nth-child(3){padding-left:0;}
table.bestellung tbody td:nth-child(8) i,
table.bestellung tbody td:nth-child(9) i{width:70%;display:inline-block;}
table.bestellung tbody td:nth-child(8) i span,
table.bestellung tbody td:nth-child(9) i span{float:right;}
table.bestellung tbody td:nth-child(8) i:first-child,
table.bestellung tbody td:nth-child(9) i:first-child{color:#d40000;}
table.bestellung tbody td:nth-child(8) i:last-child,
table.bestellung tbody td:nth-child(9) i:last-child{color:#8ab975;}
table.bestellung tbody tr td:nth-child(8) i span,
table.bestellung tbody tr td:nth-child(9) i span{
  font-family: 'Open Sans', sans-serif;
  font-weight:bold;
  color:#647B92;
  }

table.bestellung thead > tr:first-child th{height:50px;padding: 10px;}
table.bestellung thead > tr:first-child{
  border-bottom:4px solid #ffffff;
  }
table.bestellung thead > tr:first-child th:nth-child(1){  
  background-color:#647B92;
  border-right:3px solid #ffffff;
  border-top-left-radius: 8px;
  color: #ffffff;
  text-transform: uppercase;
  }
table.bestellung thead > tr:first-child th:nth-child(2){  
  background-color:#E1EBF5;
  }
.bestellung_edit table.bestellung thead > tr:first-child th:nth-child(2),
.bestellung_edit table.bestellung thead > tr:first-child th:nth-child(3){  
  background-color:#E6E6CA;
  }
table.bestellung thead > tr:first-child th:nth-child(3){  
  background-color:#E1EBF5;
  border-right:3px solid #ffffff;
  text-align:right;
  }
table.bestellung thead > tr:first-child th:nth-child(4){  
  background-color:#EBEFF2;
  border-top-right-radius: 8px;
  } 
table.bestellung thead > tr:first-child + tr th{
  background-color:#ECF0F4;
  font-size:0.6em;
  text-transform: uppercase;
  color:grey;
  padding:2px 10px;
  }
.bestellung tbody tr td:nth-child(2) icon.bg,
.bestellung tbody tr td:nth-child(3) icon.bg{ 
  background-color:#ECEFF3;
  }
.bestellung tbody tr td:nth-child(2) icon.bg{
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  }
.bestellung tbody tr td:nth-child(3) icon.bg{
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px
  }
.bestellung tbody tr td icon.bg{
	display: block;
  padding: 2px 6px;
	}
.bestellung icon span.important{
	font-size: 14px;
	}
.bestellung icon.bg i{
  left:7px;
  top:6px;
  font-size:0.8em;
  }
.bestellung icon.bg span{
  color:#647B92;
  font-size: 13px;
  }
.bestellung_edit table.bestellung tbody{
  background-color:#E6E6CA;
  }
.bestellung_edit button.save{
  background-color:green;
  }
.bestellung_edit table.bestellung tr td.delcol .del{
  position:absolute;
  left:0;
  top:0;
  }
.bestellung_edit td.del,.bestellung_edit td.add{
  position:relative;
  }
.bestellung_edit td.del div.del{
  position: absolute;
  left: -20px;
  top: 10px;
  background-color: #E6E6CA;
  padding: 5px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 20px;
  height: 40px;
  border-left: 5px solid #ffffff;
  border-top: 5px solid #ffffff;
  border-bottom: 5px solid #ffffff;
  }
.bestellung_edit td.add div.dupl{
  position: absolute;
  right: -20px;
  top: 10px;
  background-color: #E6E6CA;
  padding: 5px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  width: 20px;
  height: 40px;
  border-right: 5px solid #ffffff;
  border-top: 5px solid #ffffff;
  border-bottom: 5px solid #ffffff;
  }
.bestellung_edit table.bestellung tbody tr:last-child .workflowinput{
  margin-bottom:10px;
  }
.bestellung_edit td.del div.del i{
  cursor:pointer;
  color:#d40000;
  font-size:20px;
  }
.bestellung_edit td.add div.dupl i{
  color:#339ed4;
  font-size:20px;
  margin-left:-11px;
  cursor:pointer;
  }
.bestellung_edit .bottom_add{
  position:relative;
  background-color:#BFB286;
  height:7px;
  padding:0;
  text-align:center;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  }
.bestellung_edit .bottom_add div.add{
  padding-top:7px;
  background-color:#BFB286;
  border-radius:20px;
  width: 292px;
  height: 30px;
  position: absolute;
  left:4px;
  bottom: 3px;
  font-family: 'Open Sans Condensed', sans-serif;
  color:#ffffff;
  text-transform:uppercase;
  font-weight:bold;
  cursor:pointer;
  }
.bestellung_edit .bottom_add div.add i{
  color:#339ed4;
  }
.bestellung_edit .bottom_add > div{
  top: -18px;
  width: 300px;
  height: 40px;
  position: relative;
  left: calc(50% - 150px);
  }
.bestellung_edit .bottom_add > div > div:first-child{
  width: 300px;
  height: 17px;
  border-left: 5px solid white;
  border-bottom: 5px solid white;
  border-right: 5px solid white;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  position: absolute;
  bottom:-2px;
  }
input.invalid,select.invalid,select.invalid + div.selectize-control div.selectize-input{
  border:2px solid #b94151!important;
  background-color:#f6e9e9!important;
  }
input.changed,textarea.changed,select.changed,select.changed + div.selectize-control div.selectize-input{
  border:2px solid #6cce6e!important;
  background-color:#e3ffde!important;
  }
input.changedCb{
  outline: 2px solid #6cce6e!important;
  }
input.cbKarte{
  top: 0px!important;
  }
.grouped-panels.katliste .table-panel{
  min-height:auto;
  }
.grouped-panels.katliste .table-panel .status .bottom{
  height:100%;
  }
.grouped-panels.katliste .row:first-Child .table-panel .status .bottom{
  border-top-right-radius: 6px;
  }
.grouped-panels.katliste div.buttons{
  width:auto;
  border:none;
  }
.grouped-panels.katliste div.buttons button, .grouped-panels .bestellung div.buttons button{
  width:auto;
  }
.grouped-panels.katliste div.buttons button.delete{
  background:#E56757;
  color:#ffffff;
  font-family: "Open Sans Condensed";
  font-weight: 600;
  text-transform: uppercase;
  }
.grouped-panels.katliste div.buttons button.save{
  background-color:#257C35;
  }
.checkbox-inline label{
  display:inline;
  }
.checkboxanzeige{
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }
.checkboxanzeige.true:before{
  content: "\f046";
  }
.checkboxanzeige.false:before{
  content: "\f096";
  }
.katliste .table-panel{
  height:auto;
  }
.katliste .edit_form .buttons{
  display:flex;
  align-items:center;
  padding:0;
  }
.katliste .edit_form label.material-form-group{
  margin: -8px 0;
  }
.page-link[data-page=""]{
  color:grey;
  cursor:initial!important;
  }
.page-link[data-page=""]:hover{
  background-color:white;
  }
.page-link i+i{
	margin-left:-9px;
	}  
  
.modal{
  z-index:999999;
  }


/** BOOTSTRAP4 OVERWRITES / EXPANSIONS **/
@media (max-width: 991px) {
	.kopf .user span {
		display: none;
	}
	/*.kopf .links {font-size:14px;padding-top:28px;}*/
	.kopf .headtitle {
		font-size: 25px;
		padding-top: 20px;
	}
	.top-panel .bar {
		display: none;
	}
	.top-panel .panel-content .content {
		width: 100%;
	}
}
@media (min-width:300px) and (max-width:1599px) {
	.container {
		width: 95%;
		min-width: 1152px;
		max-width: 95%;
	}
}
@media (min-width:1600px) {
	.container {
		width: 1550px;
		max-width: 1500px;
	}
}

/** Neues Styling für Inputs / DropDowns **/
select, .dropdown{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  height: 32px;
  border-radius: 3px;
  background: #f5f9fc;
  box-shadow: inset 0px 0px 5px rgba(0,0,0,0.05);
  font-size: 14px;
  font-weight: 600;
  border: 1px solid #d0dbe4;
  color: #464C57;
  padding: 6px 6px;
  line-height: 1.36;
}

input, .selectize-input, .scan-btn{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  width: 100%;
  height: 32px;
  border-radius: 3px;
  background: #f5f9fc;
  box-shadow: inset 0px 0px 5px rgba(0,0,0,0.05);
  font-size: 14px;
  font-weight: 600;
  border: 1px solid #d0dbe4;
	color: #464C57;
  padding: 6px 6px;
  line-height: 1.36;
}

input[readonly],.selectize-input[readonly],input[readonly]:focus,.selectize-input[readonly]:focus{
  background: #fdfeff;
  box-shadow: none!important;
  border: 1px solid #e6f2fc!important;
  color: #7d889b;
  padding: 6px 6px!important;
}

input[type=checkbox], input[type=radio] {
	width: auto;
  height: auto;
  position: relative;
	top: -1px;
}

.selectize-input:after{
  content: "="!important;
  right: 6px!important;
  top: 0!important;
  z-index: 1;
  font-size: 28px;
  font-weight: 800;
  color: #9fb3c6;
  cursor: pointer;
  pointer-events: none;
  margin-top: 0px!important;
  border: none!important;
  width: auto!important;
  height: auto!important;
  line-height: 1;
}

.selectize-input input{
	border: 0!important;
  box-shadow: none!important;
  background: none!important;
  height: auto!important;
  font-family:'Open Sans', sans-serif;
}

.selectize-input .item{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100% - 15px);
  font-family:'Open Sans', sans-serif;
  font-weight:600;
}

.double input, .double select, .double .selectize-input{
	padding:10px 6px 2px 6px;
}

.double input[readonly],.double .selectize-input[readonly],.double input[readonly]:focus,.double .selectize-input[readonly]:focus{
	padding:10px 6px 2px 6px!important;
}

.double input[type=checkbox], .double input[type=radio] {
	top: 12px;
}

input:focus, .selectize-input:focus{
	border: 2px solid #8db6e8!important;
	box-shadow: inset 0px 2px 2px rgba(136, 158, 200, 0.32), inset 0px 0px 5px rgba(141, 182, 232, 0.4)!important;
	outline: none;
  padding: 3px 5px;
}

.double input:focus, .double .selectize-input:focus{
	padding:10px 5px 2px 5px;
}

.double .selectize-input input:placeholder-shown::placeholder{
  color:#f5f9fc;
}

.double input:placeholder-shown{
	padding: 3px 5px;
}

.selectize-input input:focus {
	border: none!important;
	box-shadow: none!important;
}

.selectize-input.full {
	background-color: #f5f9fc!important;
}

.selectize-input.focus.input-active {
	background-color: #f5f9fc!important;
}

.select-with-label > .selectize-input {
	padding: 10px 6px 2px 6px !important;
}

.scan-btn {
	font-size: 26px;
	height: 108px;
	font-weight: 800;
	text-transform: uppercase;
  text-align: center;
}

.scan-btn:focus {
	background-color: #fca135;
	box-shadow: 0px 1px 2px rgba(136, 158, 200, 0.32)!important;
}

.scan-btn:focus::placeholder {
	color:#fff;
}

label {
	color: #9bafc4;
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	display: block;
	position: relative;
  margin-bottom: 0;
}

label.cut {
	position: relative;
	font-size: 12px;
  line-height: 1;
  padding-top: 3px;
  padding-bottom: 6px;
  margin-bottom: 0;
  white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

label.cut i{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
}

label.cut i+span{
	padding-left: 18px;
}

label.material-form-group, .singleRead{
	height: 40px;
}

.bestellung label.material-form-group{
	height: 32px;
}

label.material-form-group, label.material-form-group input+label, label.material-form-group select+label, label.material-form-group textarea+label, label.material-form-group .selectize-control+label {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #8797a7;
  text-transform: none;
  position: relative;
}

label.material-form-group input+label, label.material-form-group textarea+label, label.material-form-group select+label, label.material-form-group .selectize-control+label {
  font-size: 9px;
  top: 0;
  left: 0;
  position: absolute;
  padding: 4px 6px;
  -webkit-transition: ease 0.1s; /* Safari */
  transition: ease 0.1s;
  z-index: 1;
  white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
  pointer-events: none;
  text-align: left;
}

label.material-form-group input:placeholder-shown+label {
  font-size: 14px;
  font-weight: 600;
  color: #8797a7;
  padding: 8px 6px;
}

label.material-form-group input[type=checkbox]+label, label.material-form-group input[type=radio]+label{
	padding: 4px 0px;
}

input::placeholder, .selectize-input input::placeholder{
	color: #8797a7;
}

/** ENDE Neues Styling für Inputs / DropDowns **/


/** ENDE Neues Styling für Listen **/

.table-content{
	font-weight: 600;
  font-size: 15px;
  color: #464C57;
}

.table-content icon span.important{
  font-size: 14px;
  display: block;
  position: relative;
  font-weight: 700;
}

.table-content icon i {
	font-size: 20px;
  color: #9bafc4;
	position: absolute;
	left: -2px;
	top: -3px;
}

.information {
	display: block;
	color: #8da5bd;
	font-size: 13px;
	font-weight: 600;
  display: block;
	padding-top: 3px;
}

.settings{
	font-family: 'Open Sans', sans-serif;
  font-size:14px;
  font-weight: 600;
  text-transform: none;
  padding-left: 4px;
}

.marked {
	color: #8ab975;
}

.table-content icon i+span, .table-content icon span.information   {
	padding-left: 7px;
}

.table-content .status {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 175px;
	border-left: 1px solid #ebeff3;
	padding-left: 2px;
}
.table-content .status .top {
	background: #ebeff3;
	margin-bottom: 3px;
	height: 50%;
	text-align: center;
	font-size: 16px;
}
.table-content .status .top a {
  line-height: 3.3;
  font-size: 14px;
  font-weight: 600;
  color: #464C57;
}

.table-content .status .top a icon i{
  font-size: 26px;
  color: #464C57!important;
  top: 5px;
  position: relative;
}

.table-content {
	width: 100%;
	height: 100%;
	position: relative;
}
.table-content .bar {
	width: 180px;
	height: 100%;
	display: inline-block;
	margin-right: 5px;
	border-right: 1px solid #ebeff3;
	padding-right: 2px;
  position:absolute;
  width:180px;
}
.table-content .bar .top {
  background: #ebeff3;
  height: 50%;
  min-height: 50%;
  text-align: left;
  font-size: 16px;
  margin-bottom: 3px;
  font-weight: 800;
  line-height: 1;
  padding: 15px 0 0 16px;
}

.table-content .bar .top span {
  padding-left: 6px;
}

.table-content .bar .bottom {
  background: #999;
  color: #fff;
  height: 47%;
  text-align: center;
  font-size: 16px;
  line-height: 1;
  display: table;
  width: 100%;
  position: relative;
  min-height: 47%;
}
.table-content .bar .bottom .code {
  font-size: 20px;
  font-weight: 800;
  width: 30%;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.table-content .bar .bottom .description {
  font-size: 12px;
  font-weight: 600;
  vertical-align: middle;
  width: 70%;
  text-align: left;
  display: table-cell;
}
.table-content .content {
	height: 100%;
	padding: 15px 15px 7px 15px;
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 360px);
  min-height: 46px;
  margin-left:185px;
}

.table-content .content.no-status {
	width: calc(100% - 185px);
}

.table-content .buttons {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 175px;
	border-left: 1px solid #ebeff3;
	padding-left: 5px;
	padding-top: 13px;
	padding-right: 3px;
}
.table-content .buttons .cancel_save {
	margin-bottom: 5px;
}

.table-content .status .bottom {
	background: #ebeff3;
	color: #3f4b5c;
	height: 47%;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	line-height: 2.7;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
  float: left;
  width: 100%;
}
.table-content .status .bottom.edit-btn,.table-content .status .bottom.erf-btn {cursor: pointer;}
.table-content .status .bottom.edit-btn:hover {
	background: #3f4b5c;
	color: #fff;
}
.table-content .status .bottom.edit-btn.half{
  float:left;
  width:80%;
  border-radius: 0!important;
}
.table-content .status .top.half{
  float:left;
  width:80%;
  border-radius: 0!important;
}
.table-content .status .top.paperclip {
  cursor: pointer;
  background: #fff1be;
  color: #fff;
  float: right;
  width: 20%;
  height: 50%;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 3;
  font-family: 'Open Sans Condensed', sans-serif;
  text-transform: uppercase;
}
.table-content .status .bottom.del-btn {
	cursor: pointer;
  background:#d63333;
	color: #fff;
  float:right;
  width:20%;
}

.openclose {cursor: pointer;}
.openclose_element {display: none;line-height: 2;}


/** ENDE Neues Styling für Listen **/




/** Alte Suppe **/


/**
input {
	outline: none;
}

.panel-content .content input, .table-content .content input {
	display: block;
	width: 100%;
	margin-bottom: 5px;
	padding-right: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.top-panel .selectize-input,.ohne_label .selectize-input  {
	padding-top: 6px!important;
}

label {
	color: #9bafc4;
	font-size: 14px;
	text-transform: uppercase;
	font-family: "Open Sans Condensed";
	font-weight: 700;
	display: block;
	line-height: 1;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 0;
}

label.cut {
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
}
label.cut i {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
}
label.cut i+span {
	padding-left: 18px;
}
icon {
	display: block;
	padding: 3px 0 3px 0;
	position: relative;
}
icon>i {
	position: absolute;
	top: 2px;
	left: 0;
	color: #8da5bd!important;
	font-size: 18px;
}
icon>span {
	padding-left: 23px;
}
icon+icon {
	padding: 0;
}
.material-form-group {
	width: 100%;
	margin-top: 15px;
	position: relative;
	margin-top: 0;
	padding: 0;
}
.material-form-group input[type="text"],
.workflowinput .selectize-input{
	padding-top: 12px!important;
	font-weight: 600;
	color: #444;
	font-family: "Open Sans";
	line-height: 1;
}
.material-form-group label,
.workflowinput .selectize-control+label {
	position: absolute;
	transform-origin: 0 150%;
	margin-left: 12px;
	transition: 0.3s;
	-webkit-user-select: none;
	user-select: none;
	color: #444;
	pointer-events: none;
	cursor: text;
}
.material-form-group>label,
.workflowinput .selectize-control+label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.material-form-group input:placeholder-shown+label {
	top: 50%;
	transform: scale(1, 1) translateY(-50%);
	background: transparent;
	font-family: "Open Sans";
	text-transform: none;
	color: #8797a7;
	font-weight: 600;
}
.material-form-group input::-webkit-input-placeholder {
	color: transparent;
}

.material-form-group input:focus+label,
.material-form-group label,
.workflowinput .selectize-control+label {
	top: -65%;
  margin-left: 6px;
  transform: scale(0.55, 0.55) translateY(100%);
  background: transparent;
  text-transform: none;
  font-weight: 600;
  font-family: "Open Sans";
  width: auto;
  text-overflow: unset;
}

.material-form-group label.checkbox {
  top: -90%;
  margin-left: 1px;
}

.selectize-dropdown.single{
  top: 31px!important;
  margin: 0;
  border: 2px solid #8db6e8;
  border-top: none;
}

.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input{
  position: relative;
  box-shadow: inset 0 -2px 0px rgba(208, 219, 228, 1);
  background: #f7f8fa;
  background: -moz-linear-gradient(top, #f7f8fa 0%, #ebeff3 100%);
  background: -webkit-linear-gradient(top, #f7f8fa 0%, #ebeff3 100%);
  background: linear-gradient(#fbfbfb, #e1e8ef);
  border: none;
  border-top: 1px solid #efefef;
  font-weight: 600;
  display: block;
  font-size: 14px;
  height: 32px;
  width: 100%!important;
}

.panel-content .selectize-control.single .selectize-input input{
	padding: 7px 5px 18px 5px!important;
}

.table-content .selectize-control.single .selectize-input input{
	padding: 0!important;
}

.selectize-control.single .selectize-input:after{
  content: "=";
  position: absolute;
  right: 6px;
  top: 0;
  z-index: 1;
  font-size: 28px;
  font-weight: 800;
  color: #9fb3c6;
  cursor: pointer;
  pointer-events: none;
  display: block;
  margin-top: 0px;
  border: none;
  width: auto;
  height: auto;
}

.selectize-control.single .selectize-input.dropdown-active:after{
  margin-top: 0px;
  border: none;
}

.selectize-input.dropdown-active::before{
	display: none;
}

.selectize-input, .selectize-control.single .selectize-input.input-active{
	display: block;
  background: #f7f8fa;
  background: -moz-linear-gradient(top, #f7f8fa 0%, #ebeff3 100%);
  background: -webkit-linear-gradient(top, #f7f8fa 0%, #ebeff3 100%);
  background: linear-gradient(#fbfbfb, #e1e8ef);
}

.material-select {
	background: #f4f4f4;
	border: none;
	box-shadow: inset 1px 1px 4px #ccc;
	line-height: 1;
	color: #444;
}
input.invalid,select.invalid,select.invalid +div{
	border: 2px solid #b94151;
	background: #f6e9e9;
	margin-top: -2px;
}
.material-form-group.marked input {
	border: 2px solid #bfa650;
	background: #f5f3e9;
	margin-top: -2px;
}
.material-form-group.valid input {
	border: 2px solid #77ba5f;
	background: #ecf5e9;
	margin-top: -2px;
}

.material-form-group.invalid label span {
	color: #b94151;
}
.material-form-group.marked label span {
	color: #bfa650;
}
.material-form-group.valid label span {
	color: #77ba5f;
}
.material-form-group input:read-only+label {
	opacity: 0.5;
}
.workflowinput {
	position: relative;
}
.workflowinput .selectize-control+label {
	z-index: 1;
}
input[type="text"],
input[type="password"],
.workflowinput .selectize-input {
  background: #f5f9fc;
  box-shadow: inset 0px 0px 5px rgba(0,0,0,0.05);
  font-size: 15px;
  border: 2px solid #d0dbe4;
  color: #3c4e65;
  padding: 3px 5px;
  border-radius: 3px;
  height: 32px;
  width: 100%;
  margin-bottom: 5px;
  display: block;
}
.workflowinput.invalid .selectize-input {
  border:2px solid #b94151;
  background-color:#f6e9e9;
}

input:read-only {
	pointer-events: none;
	opacity: 0.5;
}
.input-group {
	background-color: #607D8B;
	border-radius: 5px;
	padding: 4px;
	padding-bottom: 0;
	margin-bottom: 5px;
}
.input-group>label.material-form-group {
	margin-bottom: 0;
}

.SelectTypeahead {border: none;}
.SelectTypeahead input[type="text"] {
  position: relative;
  box-shadow: inset 0 -2px 0px rgba(208, 219, 228, 1);
  background: #f7f8fa;
  background: -moz-linear-gradient(top, #f7f8fa 0%, #ebeff3 100%);
  background: -webkit-linear-gradient(top, #f7f8fa 0%, #ebeff3 100%);
  background: linear-gradient(#fbfbfb, #e1e8ef);
  padding-right: 25px;
  border: none;
  border-top: 1px solid #efefef;
}
.SelectTypeahead::before {
	content: "=";
	position: absolute;
	right: 6px;
	top: 0;
	z-index: 1;
	font-size: 28px;
	font-weight: 800;
	color: #9fb3c6;
	cursor: pointer;
	pointer-events: none;
}
.SelectTypeahead:hover::before {color: #464C57;}
.SelectTypeahead button {display: none;}
.SelectTypeahead>ul {
  padding: 5px 10px;
  border: 2px solid #dbdfe4;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 600;
  width: 100%;
  line-height: 1.5;
}

input#scan {
	padding-right: 0;
	text-align: center;
	color: #364253;
}
input#scan:focus {background-color: #fca135;}
.important {
	display: block;
	color: #364354;
	font-weight: 800;
}

.edit_form .material-form-group {
	margin-bottom: 3px;
}
.edit_form label.cut {
	margin-top: 3px;
}

label.material-form-group input:placeholder-shown+label {
  top: 50%;
	transform: scale(1, 1) translateY(-50%);
	position: absolute;
}

.panel-content .content .material-form-group>input, .table-content .content .material-form-group>input {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  width: 100%;
  height: 32px;
  border-radius: 3px;
  background: #f5f9fc;
  box-shadow: inset 0px 0px 5px rgba(0,0,0,0.05);
  font-size: 15px;
  border: 2px solid #d0dbe4;
}

input:focus {
	border: 2px solid #8db6e8!important;
	box-shadow: inset 0px 2px 2px rgba(136, 158, 200, 0.32), inset 0px 0px 5px rgba(141, 182, 232, 0.4)!important;
	outline: none;
}

.selectize-input{
	padding: 0px 8px;
	height: 32px;
	border: 2px solid #8db6e8;
  
}

.SelectTypeahead {border: none;}
.SelectTypeahead input[type="text"] {
  position: relative;
  box-shadow: inset 0 -2px 0px rgba(208, 219, 228, 1);
  background: #f7f8fa;
  background: -moz-linear-gradient(top, #f7f8fa 0%, #ebeff3 100%);
  background: -webkit-linear-gradient(top, #f7f8fa 0%, #ebeff3 100%);
  background: linear-gradient(#fbfbfb, #e1e8ef);
  padding-right: 25px;
  border: none;
  border-top: 1px solid #efefef;
}

**/
.page-item select{
  height:38px;
  border-left:none;
  border-top:1px solid #dee2e6;
  border-bottom:1px solid #dee2e6;
  color:#6c757d;
  font-weight:600;
  padding:0 10px;
  }
.row.p5px .col,.row.p5px .col-1,.row.p5px .col-2,.row.p5px .col-3,.row.p5px .col-4,.row.p5px .col-5,.row.p5px .col-6,.row.p5px .col-7,.row.p5px .col-8,.row.p5px .col-9,.row.p5px .col-10,.row.p5px .col-11,.row.p5px .col-12{
  padding-right: 5px;
  padding-left: 5px;
  }
.grouped-panels .panel{
  display:block;
  }
.grouped-panels .roehre:not(.d-none) ~ .panel{
  display:none;
  }
/*input.testCheckbox{
  display:none;
  }
input.testCheckbox::before{
  content: "j";
  }
input.testCheckbox:checked::before{
  content: "n";
  }*/
input.einlaufCheckbox[type='checkbox']:checked,
input.einlaufCheckbox[type='checkbox']:not(:checked){
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}
input.einlaufCheckbox[type='checkbox']:checked + label::before,
input.einlaufCheckbox[type='checkbox']:not(:checked) + label::before{
    content:' ';
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    width: 17px;
    height:17px;
    position: relative;
    top:4px;
    border: 1px solid #bbb;
    border-radius:3px;
    background: white;
    margin-right: 1em;
    /*box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);*/
}
input.einlaufCheckbox[type=checkbox]:checked + label{
  color:#dc3545;
  }
input.einlaufCheckbox[type='checkbox']:checked  + label::before {
  content:" ";
  background:#dc3545;
  box-shadow: inset 0 0 0 2px white;
  border-radius: 2px;
}
input.sz_Checkbox {
	display: inline;
  top: 2px;
	}
label.sz_Checkbox {
	display:inline;
	}
.einlauf{
  display:none;
  }
span .dropdown{
  font: normal normal normal 14px/1 FontAwesome;
  }
span .dropdown:before{
  content:"\f078";
  }
span .dropdown.up:before{
  content:"\f077";
  }
.lieferung_edit .b_kopf .kunde,
.bestellung_edit .b_kopf .kunde{
  background-color: #647B92;
  border-right: 3px solid #ffffff;
  border-top-left-radius: 8px;
  color: #ffffff;
  text-transform: uppercase;
  padding:10px;
  } 
.bestellung_view .b_kopf .kunde,
.lieferung_view .b_kopf .kunde{  
  background-color: #647B92;
  border-right: 3px solid #ffffff;
  border-top-left-radius: 8px;
  color: #ffffff;
  text-transform: uppercase;
  padding:14px 10px;
  }
.lieferung_edit .b_kopf .bestelldaten,
.bestellung_edit .b_kopf .bestelldaten{
  padding:10px;
  background-color:#B4B49D;
  border-right: 3px solid #ffffff;
  }
.bestellung_view .b_kopf .bestelldaten{
  padding:14px 10px;
  background-color:#B4B49D;
  border-right: 3px solid #ffffff;
  }
.bestellung_edit .b_kopf .knoeppe{ 
  background-color: #ffffff;
  border-top-right-radius: 8px;
  padding:10px;
  }
.bestellung_view .b_kopf .knoeppe, .lieferung_view .b_kopf .knoeppe{
  text-align:center;
  cursor:pointer;
  background-color: #ECF0F4;
  padding:14px 10px;
  }
.bestellung_view .b_kopf .knoeppe:hover{
  background: #3f4b5c;
	color: #fff;
  }
.lieferung_view .b_kopf .bestelldaten{
  background-color: #ECF0F4;
  border-right:3px solid #ffffff;
  }
.bestellung_edit .b_kopf .knoeppe button{  
  width:auto;
  }
.bestellung_view .legend,
.bestellung_edit .legend,
.lieferung_view .legend,
.lieferung_edit .legend{
  background-color:#ECF0F4;
  font-size:0.6em;
  text-transform: uppercase;
  color:#7c7d80;
  padding: 4px 10px;
  border-top: 3px solid #ffffff;
  font-weight:bold;
  }
.row.bestelltableitem {
  background-color:#E6E6CA;
  border-top:3px solid #ffffff;
  }
.row.bestellung_edit .bestell-items{
  background-color:#E6E6CA;
  padding-bottom:10px;
  }
.row.bestellung_view .bestell-items > .position{
  padding:10px;
  font-size:0.9em;
  border-bottom: 5px solid #ECF0F4;
  }
.row.bestellung_view .bestell-items > .position:last-child{
  border:none!important;
  }
.row.bestellung_view .bestell-items > .position i[class^="ic-"]{
	font-size:20px;
  top: 2px;
  left: 0px;
  position: relative;
	}
.row.bestellung_view .bestell-items > .position [class^="rounded-"] i[class^="ic-"]{
	font-size:16px;
  top: 3px;
  left: -1px;
  position: relative;
	}
.row.bestellung_view .bestell-items > .position i.ic-delivery{
	font-size:28px;
  top: -1px;
  left: -4px;
  position: relative;
	}
.row.bestellung_view .bestell-items > .position i.ic-bulb, .row.bestellung_view .bestell-items > .position i.fa-bolt {
  font-size: 24px!important;
  top: 4px!important;
  left: 0px!important;
  position: relative;
	}
  
  i.fa-bolt {
  	font-size: 24px!important;
    padding-left: 8px;
    padding-right: 8px;
  }
  
i.ic-bulb{
  font-size: 24px!important;
  top: -5px!important;
  left: -2px!important;
  position: relative;
	}
i.ic-bulb+span {
  top: 0px;
  left: 0px;
  position: relative;
	}
.bestellung_fa i.ic-emitter{
  font-size: 24px!important;
  top: 5px!important;
  left: 0px!important;
  position: relative;
	}
.bestellung_fa i.ic-emitter+span{
  top: 0px!important;
  left: 0px!important;
  position: relative;
	}
  
.row.lieferung_view .lieferung-items > .position i[class^="ic-"]{
	font-size:20px;
  top: -4px;
  left: -2px;
  position: relative;
	}
.row.lieferung_view .lieferung-items > .position i[class^="ic-"]+span{
	top: -6px;
  left: 0px;
  position: relative;
	}
.row.lieferung_view i.fa-cloud-download{
	font-size:24px;
  top: -3px;
  left: 0px;
  position: relative;
	}  
.lieferung_view_item i.ic-emitter, .lieferung_view_item i.ic-bulb{
  font-size: 24px!important;
  top: -5px!important;
  left: 2px!important;
  position: relative;
	}

.lieferung_view_item i.ic-emitter+span, .lieferitem i.ic-bulb+span, .lieferung_view_item i.ic-bulb+span{
  top: -9px!important;
  left: 0px!important;
  position: relative;
	}
.row.lieferung_view .lieferung-items > .position{
  border-bottom:2px solid #ECF0F4;
  padding:10px;
  font-size:0.9em;
  }
.row.lieferung_view .lieferung-items > .position:last-child{
  border:none!important;
  }
.row.bestelltableitem .del .del,
.row.lieferitem .del .del{
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #E6E6CA;
  padding: 5px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 20px;
  height: 40px;
  border-left: 5px solid #ffffff;
  border-top: 5px solid #ffffff;
  border-bottom: 5px solid #ffffff;
  }

.row.bestelltableitem .del .del i,
.row.lieferitem .del .del i{
  cursor: pointer;
  color: #d40000;
  font-size: 20px;
  }
.row.bestelltableitem .add .dupl,
.row.lieferitem .add .dupl{
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #E6E6CA;
  padding: 5px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  width: 20px;
  height: 40px;
  border-right: 5px solid #ffffff;
  border-top: 5px solid #ffffff;
  border-bottom: 5px solid #ffffff;
  }
.row.lieferitem .del .del,
.row.lieferitem .add .dupl{
  background-color:#E1ECF5;
  }
.row.bestelltableitem .add .dupl i,
.row.lieferitem .add .dupl i{
  color: #339ed4;
  font-size: 20px;
  margin-left: -11px;
  cursor: pointer;
  }
.icon-input,
.icon-select div.selectize-input{
  font-family: 'IconFont_petrick' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }
.icon-roehre div.selectize-input:before  {
  content: "\e909";
  margin-right:10px;
  color:#c8d3de;
  }
.icon-input.icon-flag:before,
.icon-flag div.selectize-input:before  {
  content: "\e909";
  margin-right:10px;
  color:#c8d3de;
  }
.icon-anode div.selectize-input:before  {
  content: "\e90b";
  margin-right:10px;
  color:#c8d3de;
  }
.icon-kathode div.selectize-input:before  {
  content: "\e90d";
  margin-right:10px;
  color:#c8d3de;
  }
.icon-select.gruentext div.selectize-input{
  color:#8ab975;
  }
icon.zweizeilig i{
  font-size:1.5em;
  }
icon.zweizeilig div{
  display:inline-block;
  }
icon.zweizeilig div > span{
  display:block;
  }
.text-lila{
  color:#9046B9;
  }
.mt-35{
  margin-top:35px;
  }
input:disabled{
  background: #f5f9fc70;
  }

.lieferitem .del.add{
  border-top:3px solid #ffffff;
  border-right:3px solid #ffffff;
  background-color:#E1ECF5;
  min-height:60px;
  }
.lieferitem .paketangaben{
  border-top:3px solid #ffffff;
  background-color:#E6E6CA;
  }
button.packliste, button.packlisteDe,.packlisteTe{
  background:#A22B6D;
  color:#ffffff;
  font-family: "Open Sans Condensed";
  font-weight: 600;
  text-transform: uppercase;
  }
.lieferung_edit .abbrechen{
  font-family: "Open Sans Condensed";
  font-weight: 600;
  text-transform: uppercase;
  background: #fff;
  color: #374355;
  border: 2px solid #eeeff2;
  }
.lieferung_edit .abbrechen:hover{
	color:#eeeff2;
}
.lieferung_edit .scan-btn{
  height:72px;
  }
.btn{
  font-family: "Open Sans Condensed";
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  }
.btn-default {
	background:#cecece;
  color: #ffffff !important;
	font-size: 16px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
  padding:4px 10px;
	}
a.btn-default{
  height:32px;
  }
.btn-dark{
  background: #353535!important;
  }
.btn-green{
  background:#2BA279!important;
  color:#ffffff;
  }
 div.re_red {
 	background-color: #B7476C!important;
 	}
div.re_yellow {
 	background-color: #D0A230!important;
 	}
div.re_green {
 	background-color: #8AB974!important;
 	}
div.re_lila {
 	background-color: #906bc4!important;
 	}
.re_description {
	font-size: 16px;
  font-weight: 600;
  width: 30%;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
	}
.angekuendigt {
	color: #B7476C!important;
  font-weight: 600;
	}
.erfasst {
	color: #D0A230!important;
  font-weight: 600;
	}
.entschieden {
	color: #8AB974!important;
  font-weight: 600;
	}
.retourniert {
	color: #906bc4!important;
  font-weight: 600;
	}
textarea {
  display: block;
  width: 100%;
  min-height: 72px;
  max-height: 72px;
  padding: .6rem .3rem;
  font-size: 0.92rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}
.inputbox{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  height: 32px;
  border-radius: 3px;
  background: #f5f9fc;
  box-shadow: inset 0px 0px 5px rgba(0,0,0,0.05);
  font-size: 14px;
  font-weight: 600;
  border: 1px solid #d0dbe4;
  color: #464C57;
  padding: 6px 6px;
  line-height: 1.36; 
  }
.inputbox.braun{
  border: 1px solid #736538;
  background:#847956;
  } 
.inputbox.braun label{
  color:#ffffff;
  }
.inputbox.grau{
  background: #C8D3DE;
  }
.inputbox.grau label{
  color: #374254;
  } 
input.checkboxtest{
  display:none;
  }
input.checkboxtest + span{
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }
input.checkboxtest + span:before{
  display:inline-block;
  height:10px;
  width:10px;
  content: "\f096";
  }
input.checkboxtest:checked + span:before{
  content: "\f046";
  }
.liefer-items{
  padding:15px;
  background-color:#E6E6CA;
  }
.liefer-items > div.row{  
  background-color:white;
  }
.liefer-items .itemPaket{
  background-color:#ECF0F4;
  border-radius:6px;
  border:2px solid #ECF0F4;
  margin-bottom:10px;
  }
.liefer-items > .row:last-child{
  padding-bottom:15px!important;
  }
.liefer-items .itemPaket.aktiv{
  /*border-bottom-left-radius:0;
  border-bottom-right-radius:0;*/
  padding-bottom:20px;
  /*margin-bottom:20px;*/
  }
.liefer-items .itemPaket.aktiv i.klappicon:before{
  content: "\e905";
  }
.liefer-items .itemPaket .icon{
  height: 35px;
  width: 25px;
  padding: 9px 5px;
  background-color: #ffffff;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
  }
.liefer-items .roehrenauflistung{
  background-color:#ECF0F4;
  border-radius:6px;
  margin-top:-8px;
  }
.max-50{
  max-height:50px;
  }
.liefer-items .infozeile{
  margin-top:-6px;
  }
.kartenansicht .selectize-control .selectize-input.disabled {
  opacity: 1;
  background-color:#f5f9fc;
}
.kartenansicht input[type=text]{
  color:#464C57;
  background-color:#f5f9fc;
  border: 1px solid #d0dbe4!important;
  }
.kartenansicht input[type=text].invalid{
  color:#464C57;
  background-color:#f5f9fc;
  border: 1px solid #b94151!important;
  }
.angehaktePakete{
  display:none;
  }
.ts{
  padding-top:20px;
  float:left;
  }
.ts i{
  font-size:30px;
  display: table-cell;
  vertical-align: middle;
  }
.ts span{
  font-size: 15px;
  display: table-cell;
  vertical-align: middle;
  padding-left:10px;
  }
.du, .zip {
	cursor:pointer;
  padding-top: 20px;
  float: left;
  margin-left: 30px;
}
.du div.vl, .zip div.vl {
	border-left: 2px solid white;
  display: inline;
  float: left;
  height: 30px;
}
.du i, .zip i {
	font-size: 30px;
  display: inline;
  vertical-align: middle;
  color: white!important;
  margin-left: 30px;
}
.du span, .zip span {
	font-size: 15px;
  display: inline;
  vertical-align: middle;
  padding-left: 7px;
}
button.abmelden{
  width: auto;
  margin-top: 20px;
  background: #D4333F;
  margin-left: 15px;
  padding: 4px 25px;
  }
.dental{
  cursor:pointer;
  }
@media (min-width: 992px){
  .modal-xl {
    max-width: 1200px;
  }
}
@media print{
  #grafik_1.diagrannDiv #visualization1, #grafik_3.diagrannDiv, #thetable .mainMenueBackground{
  	font-size: 9px;
    zoom: 0.7;
  }
  #thetable .mainMenueBackground .row > .col-3 > .row, #thetable .mainMenueBackground .row > .col-9 > .row{
  	border-bottom: 1px solid #aaaaaa;
    padding-bottom: 3px;
    font-weight: 700;
  }
  #thetable .mainMenueBackground .row.drNeutral{
  	display:none;
  }  
  #thetable .mainMenueBackground .row > .col-3.tl+.col-9 > .row{
    font-weight: 400;
  }  
  .DetailHeader.mt-4{
  	page-break-before:always;
  }
  .DetailHeader{
  	font-size: 24px;
    font-weight: 700;
  }
  body{
  	background-color: #fff;
  }
  .diagrannDiv{
  	background-color: unset;
  }
  .row{
  	flex-wrap: nowrap;
  }
  #print2 .row{
  	display: block;
  }
  .containerPara{
  	max-width: unset;
  }
}
fieldset label {
	display: inline!important;
  top: -3px;
  margin-right: 18px;
}
fieldset div.row{
  margin-top: 20px;
}
input[type=file]{
	padding: 3px!important;
}
button.download {
	font-family: "Open Sans Condensed";
  font-size: inherit;
  text-transform: uppercase;
  background: #545454;
  color: #fff;
}
button.undo, button.view, button.upload, button.zeichnung {
	font-size: small;
  font-family: "Open Sans Condensed";
  font-weight: 600;
  text-transform: uppercase;
  background: #bcecbb;
  color: #656565;
}
button.undo {
	background: #af3131;
  color: #fff;
  border-radius: 15px;
  width: 32px;
  height: 20px;
  display: inline;
}
label.undo {
  display: inline;
  color: #af3131;
  font-size: small;
}
button.view {
	background: #95b6ea;
  color: #fff;
  border-radius: 15px;
  width: 32px;
  height: 20px;
  display: inline;
}
label.view {
  display: inline;
  color: #95b6ea;
  font-size: small;
}
button.upload {
	background: #6ad0aa;
  color: #fff;
  border-radius: 15px;
  width: 32px;
  height: 20px;
  display: inline;
}
label.upload {
  display: inline;
  color: #6ad0aa;
  font-size: small;
}
button.zeichnung {
	background: #e0ae52;
  color: #fff;
}
button.close-modal{
	width: auto;	
  background: white;
}
button.btn.btn-danger{
  width: auto;
  padding: 0 15px;
}
.adminscreen {
	width: calc(100% - 180px) !important;
}
.buttons-edit-rt {
	display: inherit !important;
  width: 175px !important;
}
.buttons-edit-rt button {
	width: 100% !important;
}
.buttons-edit-rt .cancel_save {
	margin-bottom: 0 !important;
}
.lbl-zusaetze, .lbl-roehrentypinfos {
	text-transform: inherit !important;
}
div.upload {
  height: 72px;
  border: dotted 2px #6e8670;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 6px;
  padding-top: 21px;
  background-color: #c9f5c594;
}
div.upload:hover, label.upload-title:hover, label.upload-description:hover, label.undo:hover, label.view:hover, label.upload:hover{
	cursor: pointer;
}
div.upload:hover {
	background-color: #b0f1aa94;
}
div.vorschau {
  height: 72px;
  border: dotted 2px #6e8670;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 6px;
  /*background-color: #252525;*/
}
label.upload-title {
  text-align: center;
  color: #7f8294;
}
label.upload-description {
  text-align: center;
  color: #7f8294;
  font-size: x-small;
}
div.modal-vorschau {
	height: 200px;
  border: dotted 2px #6e8670;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 6px;	
  /*background-color: #252525;*/
}
div.bar.kathode {
	background: #657C93;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
  padding: 18px 10px 10px 55px;
}
div.bar.bar_edit.kathode {
	background: #657C93;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
  padding: 15px 10px 10px 15px;
}
div.content.kathode {
	background: #E1ECF6;
}
button.pdfs {
  background: #fff1e0!important;
}
button.kathode {
	font-family: "Open Sans Condensed";
  font-size: small;
  text-transform: uppercase;
  background: #fff;
  color: #8194A7;
  padding-left: 4px;
  padding-right: 0px;
}
div.icon.kathode {
  display: inline;
  background: #E3EAEF;
  border-radius: 90px;
  padding: 4px 7px;
}
div.text.kundendaten {
  display: inline-block;
  margin-top: -4px;
  min-width: 158px;
  max-width: 158px;
  min-height: 32px;
  max-height: 32px;
  padding: 7px 3px;
  background: #F6F1CE;
  border: 2px #9EA9AD dotted;
  border-left: 0px;
  color: #2F5183;
  margin-left: 1px;
  border-radius: 4px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
div.text.zeichnung {
  display: inline-block;
  margin-top: -4px;
  min-width: 158px;
  max-width: 158px;
  min-height: 32px;
  max-height: 32px;
  padding: 7px 3px;
  background: #F6F1CE;
  border: 2px #9EA9AD dotted;
  border-left: 0px;
  color: #2F5183;
  margin-left: 1px;
  border-radius: 4px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
span.kathode {
	color: #8B9AAC;
}
div.bar span.kathode {
	color: #fff;
}
div.bar i {
	color: #fff;
}
div.content.kathode.edit {
	background: #B5B59E;
}
div.content.kathode.edit div.pdfs {
	background: #fff;
  border-radius: 5px;
  min-height: 100%;
  padding: 5px 0px;
}
div.pdfs .row:first-Child {
	padding-top: 7px;
  padding-left: 10px;
}
div.pdfs .row .row:first-Child .col-12 {
	padding-left: 6px;
}
div.pdfs .row:first-Child .icon {
	font-size: 20px;
	background: #d0d0d0;
  border-radius: 20px;
  padding: 7px 10px;
  display: inline;
}
div.pdfs .row:first-Child span {
	font-size: 8px;
}
div.pdfs .row:first-Child .col-8 {
	margin-top: -7px;
  padding-right: 0px;
  margin-right: 0px;
  padding-left: 7px;
}
div.pdfs .row:first-Child label.view, div.pdfs .row:first-Child label.undo {
	font-size: 11px;
}
button.kathode.add {
	background: #374355;
  color: #fff;
  border: 2px solid #E2E4DF;
  border-radius: 5px;
  font-weight: bold;
  font-size: 17px;
  padding: 0px;
}
div.buttons.kathode {
	top:50px;
}
div.buttons div:first-child div span {
	color: #000;
  font-size: 14px;
  font-family: inherit;
}
div.buttons div:last-child div span {
	text-transform: none;
  font-size: 13px;
  font-family: inherit;
  font-weight: inherit;
}
div.top-kathode {
	background: #fff;
  text-align: left!important;
  padding-left: 10px;
  padding-top: 8px;
  margin-bottom: 3px;
  height: 50%;
  font-size: 16px;
}
div.top-kathode div:last-child div icon {
	display:flex;
}
div.top-kathode div:first-child div icon span {
	color: #000;
  font-size: 14px;
  font-family: inherit;
}
div.top-kathode div:last-child div icon span {
	text-transform: none;
  font-size: 13px;
  font-family: inherit;
  font-weight: inherit;
}
button.kathode.datenblatt, button.kathode.zeichnung {
  text-align: left;
  padding-left: 10px;
  margin-top:-5px;
}
button.kathode.datenblatt div:first-of-type, button.kathode.zeichnung div:first-of-type {
  display: inline;
  background: #E3EAEF;
  padding: 3px 6px;
  border-radius: 20px;  
}
button.kathode.datenblatt div:last-of-type, button.kathode.zeichnung div:last-of-type {
  display: inline;
}
div.kreis.kathode {
  background: #B5181A;
  border: 3px solid #fff;
  border-radius: 20px;
  width: 25px;
  height: 25px;
  text-align: center;
  padding-top: 9px;
  padding-left: 5px;
}
div.minus.kathode {
	border-top: 2px solid #fff;
  width: 9px;
}

div.check.kathode {
  	border: 2px solid #fff;
    border-right: none;
    border-top: none;
    width: 12px;
    height: 7px;
    transform: rotate(314deg);
    margin-top: -4px;
    margin-left: -2px;
}


div.kreis.kathode:hover, div.minus.kathode:hover {
	cursor: pointer;
  background: #961517;
}
div.aussen.kathode {
  background: #E1ECF6;
  border-radius: 10px;
  width: 100%;
  padding: 6px 6px;
  display: flex;
  align-items: center;
}
label.kathode.barcodes {
	color: #374355;
  font-family: inherit;
  font-size: 15px;
  padding-left: 10px;
  
}
div.content.barcodes div.row.barcodes div.col-2 {
	margin-bottom: 10px;
}
div.linefiller {
  background: #ECF0F5;
  min-height: 12px;
  border: 3px solid #fff;
  border-top: 0;
  border-bottom: 0;
}
div.row.roehre.editansicht.roehre_edit_fak div.kathode.bar {
	border-bottom-left-radius: 0px;
}
div.row.roehre.editansicht.roehre_edit_fak div.table-panel.top {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
div.row.roehre.editansicht.roehre_edit_fak div.table-panel.bottom {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
input.ausserToleranz, label.ausserToleranz, span.ausserToleranz {
	color: red!important;
}
a.downloadlink-files {
	display: inline;
  margin-right: 10px;
  font-size: 10px;
  color: #9bafc4;
  text-transform: uppercase;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  position: relative;
  margin-bottom: 0;
}
label.modalLabel:hover, div.optionalDocs, i.fa-paperclip, label.paperclip.optionalDocuments {
	cursor: pointer;
}
label.modalLabel {
	margin-top: 10px;
  margin-left: 15px;
  float: right;
  color: #464C57;
}
i.fa-paperclip {
	font-size: 25px;
  margin-top: -5px;
  color: #585858;
}
label.paperclip.optionalDocuments {
	display: inline;
  padding-left: 5px;
  vertical-align: top;
  color: #e6a87c;
}

#docModalGlobal #addDoc,
#docModalGlobal i,
input.modalDocFileInput,
button.modalDocDeleteFile,
a.aFileDoc,
#zipModal i{
  display: inline;
}

button.modalDocDeleteFile,
button.modalDocDeleteRoehre,
button.modalZipDeleteRoehre {
  height: 23px;
  background: #d13e39;
  box-shadow: none;
  width: auto;
  padding: 0 15px;
  font-family: "Open Sans Condensed";
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  border-radius: .2rem;
  border-color: #dc3545;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

div.modal-body.files div.row.descr {
  margin-bottom: 15px;
}

#docModalGlobal #addDoc:hover {
  cursor: pointer;
  color: #b7b7b7;
}

button.uploadDoc,
button.generateZip {
	width: 150px;
}

#docModalGlobal label.headlineBody,
#zipModal label.headlineBody{
  display: inline;
  vertical-align: top;
  font-size: inherit;
  font-family: inherit;
  text-transform: inherit;
  font-weight: inherit;
  color: inherit;
}

#docModalGlobal .roehren,
#zipModal .roehren
{ 
	margin-bottom: 10px; 
}

#docModalGlobal .roehren:hover, 
#zipModal .roehren:hover,
#docModalGlobal #docs div.row:first-child:hover,
.row.documents:hover
{ 
	background-color: #e0ebff; cursor:pointer; 
}

#docModalGlobal .roehren .col-10,
#zipModal .roehren .col-10
{ 
	padding-top: 4px; 
}


#docModalGlobal button.uploadDoc i,
#zipModal button.generateZip i{
  margin-right: 8px;
}

.row.documents {
	margin-bottom: 7px;
}

@media only screen and (max-width: 1366px) {
	.container {
  	min-width: 1024px;
  }
  .table-content .bar {
  	width: 140px;
  }
  .table-content .content {
  	margin-left: 155px;
    width: calc(100% - 280px);
  }
  .table-content .status,
  .table-content .buttons {
  	width: 140px;
  }
  .roehre_kb .content .col-12,
  .roehre_kb .table-content icon span.important,
  .roehre_edit_kb .content .col-12,
  .roehre_edit_kb .table-content icon .important,
  .roehre_edit_kb .table-content icon i+span,
  .roehre_edit_kb .table-content icon span, 
  .roehre_edit_kb .table-content icon span.information,
  .roehre_fak .content .col-12,
  .roehre_fak .table-content icon span.important,
  .roehre_kb .optionalDocs label,
  .roehre_edit_kb .optionalDocs label,
  .roehre_ekk .content .col-12,
  .roehre_ekk .table-content icon span.important,
  .roehre_edit_ekk .content .col-12,
  .roehre_edit_ekk .table-content icon .important,
  .roehre_edit_ekk .table-content icon i+span,
  .roehre_edit_ekk .table-content icon span, 
  .roehre_edit_ekk .table-content icon span.information,
  .roehre_kau .content .col-12,
  .roehre_kau .table-content icon span.important,
  .roehre_kau .table-content icon i+span, 
  .roehre_kau .table-content icon span.information {
		font-size: 12px;
  }
  .roehre_kb .optionalDocs i,
  .roehre_edit_kb .optionalDocs i{
  	font-size: 20px;
  }
  .roehre_kb button.kathode.datenblatt div:last-of-type, 
  .roehre_kb button.kathode.zeichnung div:last-of-type,
  .roehre_edit_kb button.kathode.datenblatt div:last-of-type, 
  .roehre_edit_kb button.kathode.zeichnung div:last-of-type,
  .roehre_fak button.kathode.datenblatt div:last-of-type, 
  .roehre_fak button.kathode.zeichnung div:last-of-type {
  	display: none;
  }
  .roehre_edit_kb button.kathode.datenblatt, .roehre_edit_kb button.kathode.zeichnung,
  .roehre_kb button.kathode.datenblatt, .roehre_kb button.kathode.zeichnung,
  .roehre_fak button.kathode.datenblatt, .roehre_fak button.kathode.zeichnung {
  	width: 45px;
  }
  .kartenansicht button.btn.btn-danger {
  	padding: .25rem .5rem;
    margin-left: -10px;
  }
}

@media only screen and (max-width: 1024px) {
	.kopf .logo {
    margin: 10px 5px 10px 0;
  }
  .ts span {
  	padding-left: 5px;
  }
  .du, .zip {
    margin-left: 5px;
  }
  .du i, .zip i {
    margin-left: 6px;	
  }
  .du span, .zip span {
    padding-left: 3px;
  }
  .langBezeichnung {
  	font-size: 9px;
  }
  .kurzBezeichnungHalb {
  	font-size: 28px;
  }
  .container-fluid {
    width: 100%;
    padding-right: 20px;
    padding-left: unset;
    margin-right: unset;
    margin-left: unset;
  }
  .kurzBezeichnungGanz {
    padding-top: 19px;
    font-size: 17px;
  }
  .kachelSchwarz {
    font-size: 9px;
    padding: 11px;
  }
}

.fs-14 {
  font-size: 14px !important;
}


.roehren-dropdown.collapsed i {
	transform: rotate(180deg);
}


.generator .table-content .bar .top {
	padding-top: 5px;
}