/* VARIABLES */
:root {
	--fg-color: #C4262E;
	--fg-color-light: #88030A;
	--headline: #121212;
	--fg-color-0-5: rgba(196, 38, 46, 0.5);
	--fg-color-0-25: rgba(196, 38, 46, 0.25);
}

/* Logo */
#headerLogo {
	padding: 0;
}

#headerLogo img {
    max-width: 300px;
    max-height: 120px;
}

/* DASHBOARD / START */

.ok {
	color: #32d900;
}
.warn {
	color: #ff8700;
}
.error {
	color: #d90000;
}
.gray {
}

.progress {
	border:1px solid #999;
	height: 31px;
	line-height: 31px;
	background: #ccc;
	position: relative;
	min-width:120px;
}

#plainContent .progress {
	height: 24px;
	line-height: 24px;
}
.progress-bar {
	background-color: var(--fg-color);
}

.progressLabel {
	position:absolute;
	left:50%;
	transform: translate(-50%, 0);
	color:#000;
	/*
	text-shadow: -1px 1px 0 #fff,
				  1px 1px 0 #fff,
				 1px -1px 0 #fff;
				-1px -1px 0 #fff;
 */
}

.progressLabel span {
	background: #fff;
	border-radius:3px;
	padding: 2px 6px;
}


#project_wires td {
	vertical-align: middle;
}

/* PROJECT DETAILS */
#project_wires, #project_materials, #manualProduction_wires, #subTable-order {
	font-size: 0.8rem;
}

.cableWrapper {
	position: relative;
	width: 100%;
	height: 31px;
	text-align: center;
}

.cableWrapper .cable0,
.cableWrapper .cable1,
.cableWrapper .cable2 {
	position: absolute;
	height: 9px;
	top: 2px;
	left: 25px;
	right: 25px;
}
.cableWrapper .cable0 {
	border-top:1px solid #EBEBEB;
	background:repeating-linear-gradient( -43deg, rgb(0, 125, 50), rgb(0, 125, 50) 15px, rgb(255, 255, 255) 15px, rgb(255, 255, 255) 30px );
}
.cableWrapper .cable1 {
	top: 11px;
	background:repeating-linear-gradient( -43deg, rgb(0, 125, 50), rgb(0, 125, 50) 15px, rgb(255, 255, 255) 15px, rgb(255, 255, 255) 30px );
	background-position: -9px 0;
}
.cableWrapper .cable2 {
	top: 20px;
	border-bottom:1px solid #EBEBEB;
	background:repeating-linear-gradient( -43deg, rgb(0, 125, 50), rgb(0, 125, 50) 15px, rgb(255, 255, 255) 15px, rgb(255, 255, 255) 30px );
	background-position: -17px 0;
}
.cableWrapper .infos {
	position: relative;
	display: inline-block;
	background: #FFFFFF;
	font-size: 0.75rem;
	line-height: 15px;
	margin-top: 8px;
	padding: 0 5px;
	border-radius: 3px;
}

.cableWrapper .src_proc,
.cableWrapper .dst_proc {
	position: absolute;
	left:0;
	top: 0;
	width: 50px;
	height: 31px;
}
.cableWrapper .dst_proc {
	left:auto;
	right: 0;
}

.cableWrapper .wire:before {
	content: attr(data-notch);
	display:block;
	font-size: 0.7rem;
	font-weight: 600;
}

.cableWrapper .src_proc .wire,
.cableWrapper .src_proc .ferrule,
.cableWrapper .dst_proc .wire,
.cableWrapper .dst_proc .ferrule {
	position: absolute;
	left:0;
	width: 25px;
	height: 31px;
}
.cableWrapper .src_proc .ferrule,
.cableWrapper .dst_proc .ferrule {
	background:repeating-linear-gradient( 45deg, rgb(0, 125, 50), rgb(0, 125, 50) 5px, rgb(255, 255, 255) 5px, rgb(255, 255, 255) 10px );
}
.cableWrapper .src_proc .ferrule,
.cableWrapper .dst_proc .wire {
	left:25px;
}

/* 1 = CUT - hide */
.cableWrapper .src_proc.proc-1 .wire,
.cableWrapper .src_proc.proc-1 .ferrule,
.cableWrapper .dst_proc.proc-1 .wire,
.cableWrapper .dst_proc.proc-1 .ferrule {
	background: none;
}
/* 2 = STRIP - no ferrule / blanc cable */
.cableWrapper .src_proc.proc-2 .wire,
.cableWrapper .dst_proc.proc-2 .wire {
	height: 15px;
	margin-top: 8px;
	background: #FE8C00;

}
.cableWrapper .src_proc.proc-2 .ferrule,
.cableWrapper .dst_proc.proc-2 .ferrule {
	background: none;
}
/* 3 = CRIMP - ferrule + metal sleeve */
.cableWrapper .src_proc.proc-3 .wire,
.cableWrapper .dst_proc.proc-3 .wire {
	height: 15px;
	margin-top: 8px;
	background: #808080;
}
.cableWrapper .src_proc.proc-3 .ferrule {
	border: 1px solid #EBEBEB;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.cableWrapper .dst_proc.proc-3 .ferrule {
	border: 1px solid #EBEBEB;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
/* 4 = RING - ferrule + metal sleeve + pinch hole */
.cableWrapper .src_proc.proc-4 .wire,
.cableWrapper .dst_proc.proc-4 .wire {
    width: 31px;
	height: 31px;
    margin-top: 0;
    margin-left: -3px;
    background: none;
    border: 9px solid #808080;
    border-radius: 15px;
}
.cableWrapper .src_proc.proc-4 .ferrule {
	border-right: 1px solid #EBEBEB;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.cableWrapper .dst_proc.proc-4 .ferrule {
	border-left: 1px solid #EBEBEB;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
/* 5 = GABEL */
.cableWrapper .src_proc.proc-5 .wire,
.cableWrapper .dst_proc.proc-5 .wire {
    width: 31px;
	height: 31px;
    margin-top: 0;
    margin-left: -3px;
    background: none;
    border: 9px solid #808080;
}
.cableWrapper .src_proc.proc-5 .wire {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    border-left: 0;
	
}
.cableWrapper .dst_proc.proc-5 .wire {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    border-right: 0;
}


.cableWrapper .src_proc.proc-5 .ferrule {
	border-right: 1px solid #EBEBEB;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.cableWrapper .dst_proc.proc-5 .ferrule {
	border-left: 1px solid #EBEBEB;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
/* 6 = FLACHSTECKER */
.cableWrapper .src_proc.proc-6 .wire,
.cableWrapper .dst_proc.proc-6 .wire {
    width: 31px;
	height: 26px;
    margin-top: 3px;
    margin-left: -3px;
    background: #808080;
    border: 2px solid #333;
}
.cableWrapper .src_proc.proc-6 .ferrule {
	border-right: 1px solid #EBEBEB;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.cableWrapper .dst_proc.proc-6 .ferrule {
	border-left: 1px solid #EBEBEB;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
/* 13 = DUO-HÜLSE */
.cableWrapper .src_proc.proc-13 .wire,
.cableWrapper .dst_proc.proc-13 .wire {
	height: 15px;
	margin-top: 8px;
	background: #808080;
}
.cableWrapper .src_proc.proc-13 .ferrule {
	border: 1px solid #EBEBEB;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.cableWrapper .dst_proc.proc-13 .ferrule {
	border: 1px solid #EBEBEB;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.cableWrapper .src_proc.proc-13 .ferrule,
.cableWrapper .dst_proc.proc-13 .ferrule {
	border-top: 4px solid #666;
	border-bottom: 4px solid #666;
}

#missingLengthList .table-hover tbody tr:hover,
#componentList .table-hover tbody tr:hover,
#manualProduction_wires.table-hover tbody tr:hover {
	cursor: pointer;
}