.sbd_link:hover, .sbd_link:active {
	color: #069!important;
	}

.sbd_link:hover {
	text-decoration: underline!important;
	}

.sbd_link {
	}

.go_to_db {
	padding: 10px 0px!important;
	}

.go_to_db:hover {
	color: #09C!important;
	}

.confetti {
	cursor: pointer;
	opacity: 0.5;
	font-weight: bold;
	}

.confetti:hover {
	cursor: pointer;
	opacity: 1.0;
	font-weight: bold;
	color: #ff0!important;
	}

#confetti-canvas {
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0.8;
	filter: blur(1px);
	height: 100%;
	display: none;
	}

#snow-canvas {
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0.8;
	filter: blur(8px);
	height: 100%;
	display: none;
	}

.open_drawing:hover {
	opacity: 1.0!important;	
	}

.focus_view:hover {
	text-decoration-color: #000!important;
	}

.highlight {
	background: rgba(255, 255, 0, 0.66);
	}

.light {
	background-color: rgba(255, 255, 0, 0.66);
	}

.select_enabled {
	-webkit-touch-callout: all!important;
	-webkit-user-select: all!important;
	-khtml-user-select: all!important;
	-moz-user-select: all!important;
	-ms-user-select: all!important;
	user-select: all!important;
	}

.select_enabled::selection {
	background: rgba(0, 0, 0, 0.0)!important;
	}

#fully_handled.disabled {
	color: #fff!important;
	cursor: not-allowed!important;
	}

#fully_handled.disabled i {
	color: #fff!important;
	}

.refresh {
	opacity: 0.5;
	}

.refresh:hover {
	opacity: 1.0;
	cursor: pointer;
	}

.add_reporter {
	background: #0A0;
	font-weight: bold;
	color: #fff;
	padding: 6px 6px 5px 6px;
	cursor: pointer;
	}

.add_reporter.disabled {
	cursor: not-allowed;
	background: #000;
	color: #666;
	}

.add_item {
	background: #0A0;
	font-weight: bold;
	color: #fff;
	padding: 6px 6px 5px 6px;
	cursor: pointer;
	}

.add_item.disabled {
	cursor: not-allowed;
	background: #000;
	color: #666;
	}

.already_present {
	background: rgba(192, 0, 0, 0.33);	
	}

.pp_container:hover {
	opacity: 1.0!important;
	}

.is-moving {
	background: rgba(0, 153, 204, 0.2)!important;	
	}

.delete_field_value {
	font-weight: bold;
	color: #A00;
	cursor: pointer;
	}

.delete_field_value:hover {
	color: #C00;
	}

.manage_activities {
	opacity: 0.5;
	margin-right: 0px;
	margin-top: 1px;
	cursor: pointer;
	}

.manage_activities:hover {
	opacity: 1.0;
	}

.active_barcode {
	cursor: pointer;
	}

.active_search {
	cursor: pointer;
	}

.clear_search {
	cursor: pointer;
	opacity: 0.5;	
	}

.clear_search:hover {
	cursor: pointer;
	opacity: 1.0;	
	}

.clear_barcode {
	cursor: pointer;
	opacity: 0.5;
	}

.clear_barcode:hover {
	cursor: pointer;
	opacity: 1.0;
	}

#confirmed_rejects {
	border-collapse: collapse;	
	}

#confirmed_rejects thead {
	background: rgba(0, 0, 0, 0.33);
	color: #000;
	font-weight: bold;
	}

#confirmed_rejects td {
	padding: 3px 5px;
	border: 1px solid #000;
	}

.reprint_go_back:hover {
	font-weight: bold!important;	
	}

.go_back:hover {
	font-weight: bold!important;
	}

#fully_handled:hover {
	font-weight: bold!important;
	}

.print_icon:hover {
	opacity: 1.0!important;
	}

.reprint_icon:hover {
	opacity: 1.0!important;
	}

#print_label {
	background: #fff;	
	}

.print_enabled {
	background: rgba(0, 64, 0, 1.00)!important;
	color: #fff;
	cursor: pointer;
	}

#reject_form input {
	background: rgba(0, 192, 0, 0.33);
	}

#reject_form select {
	background: rgba(0, 192, 0, 0.33);
	}

#choices ul {
	list-style-type: none;
	margin: 0;
	padding: 0;	
	}

#mother li {
	margin-top: 5px;
	border-bottom: 1px dotted rgba(0, 0, 128, 0.33);
	padding-bottom: 3px;
	}

#mother li:hover {
	font-weight: bold;
	cursor: pointer;
	}

#mother li p {
	float: right;
    margin: 0px;
    padding: 0px;
    display: inline-block;
	}

#andon_choices ul {
	list-style-type: none;
	margin: 0;
	padding: 0!important;	
	}

#andon_mother li {
	margin-top: 5px;
	border-bottom: 1px dotted rgba(0, 0, 128, 0.33);
	padding-bottom: 3px;
	padding-left: 6px;
	width: calc(100% - 19px);
	}

#andon_mother li:hover {
	font-weight: bold;
	cursor: pointer;
	}

#andon_mother li p {
	float: right;
    margin: 0px;
    padding: 0px;
    display: inline-block;
	}
	
.highlight {
	background: rgba(255, 255, 0, 0.33);
	}
	
.light {
	background-color: rgba(255, 255, 0, 0.33);
	}

.not_found {
	background: rgba(255, 255, 255, 0.33)!important;	
	}

#searchResult {
	z-index: 999;
	background: rgba(255, 255, 255, 0.5);
	border-left: 1px solid #000!important;
	border-right: 1px solid #000!important;
	border-bottom: 1px solid #000!important;
	width: calc(100% - 2px);
	margin: -1px 0px 0px 0px!important;
	list-style: none;
	padding: 0px 0px 0px 0px;
	display: block;
	}

#searchResult li {
	background: transparent;
	padding: 0px 0px 0px 6px;
	line-height: 24px;
	font-size: 12px;
	cursor: pointer;
	}

#searchResult li:hover {
	color: #0099CC;
	}

.reject_cancel:hover {
	cursor: pointer;
	color: #f00!important;
	}

.reject_form:hover {
	opacity: 1.0!important;
	cursor: pointer;
	}

.prod_date {
	float: left;
	display: block;
	width: 100%;
	}

.prio_indu {
	background: #000;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	float: left;
	border-radius: 3px;
	padding: 3px;
	margin: 3px 3px 6px 0px;
	font-size: 10px;
	width: calc(100% - 12px);
	}

.prio_comm {
	background: #000;
	color: #fff;
	font-weight: bold;
	width: auto;
	float: right;
	border-radius: 3px;
	padding: 3px 5px;
	margin: 3px 2px 0px 0px;
	}

#add_wb_entry:hover {
	color: #CCC!important;
	}

#switch_status:hover {
	color: #CCC!important;
	}

.finish_am_01:hover {
	background: #eee;
	}
.finish_am_02:hover {
	background: #eee;
	}
.finish_am_03:hover {
	background: #eee;
	}

.mod_tier:hover {
	color: #fff!important;
	}

.show_mod:hover {
	opacity: 1.0!important;
	color: #fff!important;
	}

.switch_modus:hover {
	opacity: 1.0!important;	
	}

table#order_log td {
	border: 1px solid #000;
    padding: 4px 6px;
    vertical-align: top;
	}

table#order_log tr {
	font-size: 12px;
	}
    
table#order_log thead {
	font-weight: bold;
    background: rgba(0, 153, 204, 0.33);
	}
    
table#order_log {
    border-collapse: collapse; 
    width: 100%; 
    table-layout: fixed; 
    margin: 0px 0px 0px 0px; 
    background: rgba(255, 255, 255, 0.5);
	}

p.clear_entry:hover {
	opacity: 1.0!important;	
	}

.print_date {
	display: none;	
	}

.reset_am_01:hover {
	background: #a00!important;
	cursor: pointer!important;
	}

.reset_am_02:hover {
	background: #a00!important;
	cursor: pointer!important;
	}

.reset_am_03:hover {
	background: #a00!important;
	cursor: pointer!important;
	}

.lb-details {
    width: 100%!important;
    text-align: center!important;
	color: #fff!important;
	}

.back_to_home {
	cursor: pointer;	
	}

.lb-data .lb-close {
	display: none!important;
	}

input::-webkit-calendar-picker-indicator {
    cursor: pointer!important;
  }

#note_textarea_container table  {
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 5px;
	margin-top: 5px;
	}

#note_textarea_container table td {
	padding: 5px;
	vertical-align: top;
	}

#notes_container table table td {
	padding: 5px;
	vertical-align: top;
	}

#notes_container table table {
	border-spacing: 0;
	border-collapse: collapse;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	}

#notes_container table p {
	font-size: 12px;
	}

td.andon_call:hover {
	background: rgba(0, 0, 0, 0.33)!important;
	}

strong.hide_mod:hover {
	opacity: 1.0!important;
	color: #fff!important;
	}

.table_header:hover {
	opacity: 1.0!important;
	color: #fff!important;
	}

.hidden {
	display: none;
	}
    
#userrole {
	cursor: pointer;
	}

.tox-notifications-container {
    display: none;
	}

#note_body table td {
	padding: 3px 10px;
    font-size: 14px;
    border: 1px solid #000;
	}

#note_body table {
	margin: 5px 0px;
	}
    
#note_body table a {
	color: #000;
    text-decoration: none;
	}

#escalation_container {
    display: flex;
    flex-direction: column;
	}
    
#diginotes_container {
	padding: 0px 30px 0px 30px;
    overflow: auto;
    background: rgba(0, 0, 0, 0.15); 
	}
    
p {
	margin: 0px;
	}

.delete_reply {
	border: 0px solid; 
    background: transparent; 
    cursor: pointer; 
    color: #000; 
    line-height: 20px; 
    font-weight: bold;
	}
    
.delete_note {
	border: 0px solid; 
    background: transparent; 
    cursor: pointer; 
    color: #000; 
    line-height: 15px; 
    font-weight: bold;
    font-size: 9px;
    color: #fff;
    padding-right: 10px;
	}

button#add_note {
	width: 100%;
    height: 29px;
    border: 1px solid #000;
    background: #090;
    color: #fff;
    font-weight: bold;
	}
    
#note_container {
	position: relative; 
    width: 100%; 
    background: #fff;
    border: 1px solid #000; 
    display: inline-block;
    margin-bottom: 30px;
    font-size: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}

#note_header {
	width: 100%;  
    height: 15px; 
    background: #0099cc; 
    border-bottom: 1px solid #000; 
    line-height: 15px; 
    display: inline-block;
    padding-left: 10px; 
    color: #fff; 
    font-weight: bold;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}
    
#note_body {
	width: calc(100% - 20px); 
    display: inline-block;
    margin: 5px 10px 5px 10px; 
    display: inline-block; 
    line-height: 20px; 
    font-size: 14px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}
    
#note_reply {
	width: calc(100% - 20px); 
    display: inline-block; 
    margin: 0px 10px 0px 10px; 
    display: inline-block; 
    line-height: 20px; 
    font-size: 12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}

#note_reply_container {
	width: calc(100% - 20px); 
    display: inline-block; 
    margin: 0px 10px 10px 10px; 
    display: inline-block; 
    line-height: 20px; 
    font-size: 11px;
    border-top: 1px dotted #000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}

.reply {
	border-bottom: 1px dotted #000;
    width: 100%;
    display: block;
	}

.reply_date {
	color: #000;
    font-weight: bold;
    padding-left: 10px;
    display: inline-block;
    width: 80px;
	}

.reply_body {
	padding-left: 3px;
	color: #000;
	}
    
.reply_by {
	color: #000;
    display: inline-block;
    width: 80px;
	}

#note_footer {
    width: calc(100% - 10px); 
	display: inline-block;
    height: 15px;
    background: #0099cc;
    border-top: 1px solid #000;
    line-height: 15px;
    padding-left: 10px;
    color: #fff;
    font-weight: bold;
	}

#note_reply button {
	border-radius: 0px 10px 10px 0px;
    border: 1px solid #000;
    width: 10%; 
    height: 20px;
    font-size: 12px;
    float: right;
    background: #000;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
	}

#note_reply input {
	border-radius: 10px 0px 0px 10px;
    border: 1px solid #000;
    background: #fff;
    width: 90%; 
    height: 20px;
    padding-left: 10px;
    font-size: 12px;
	margin-bottom: 10px;    
	}

#note_reply input::placeholder {
	font-size: 12px;
    color: #CCC;
	}
    
.late {
	background: #f00!important;
    color: #fff;
	}
    
select option[disabled] { 
	display: none;
    }

table#options td {
	padding-left: 6px;
    padding-right: 6px;
	}

table#options .option_name {
	background: #0099cc;
    font-weight: bold;    
    color: #fff;
    }

table#options input {
	width: 100%;
    }

.flashing {
  -webkit-animation: linestop_highlevel 1.0s infinite; /* Safari 4+ */
  -moz-animation: linestop_highlevel 1.0s infinite; /* Fx 5+ */
  -o-animation: linestop_highlevel 1.0s infinite; /* Opera 12+ */
  animation: linestop_highlevel 1.0s infinite; /* IE 10+ */
}

@-webkit-keyframes linestop_highlevel {
  0%   { background-color: rgba(220,175,0,0.5); }
	75%  { background-color: rgba(220,175,0,0.0); }
  100% { background-color: rgba(220,175,0,0.0); }
}

@-moz-keyframes linestop_highlevel {
  0%   { background-color: rgba(220,175,0,0.5); }
	75%  { background-color: rgba(220,175,0,0.0); }
  100% { background-color: rgba(220,175,0,0.0); }
}

@-o-keyframes linestop_highlevel {
  0%   { background-color: rgba(220,175,0,0.5); }
	75%  { background-color: rgba(220,175,0,0.0); }
  100% { background-color: rgba(220,175,0,0.0); }
}

@keyframes linestop_highlevel {
  0%   { background-color: rgba(220,175,0,0.5); }
	75%  { background-color: rgba(220,175,0,0.0); }
  100% { background-color: rgba(220,175,0,0.0); }
}

.acknowledged {
	background: rgba(0, 128, 0, 1.0)!important;
    border: 5px solid #fff!important;
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));
    opacity: 1.0!important;
	}

.acknowledged i {
	color: rgba(255, 255, 255, 0.66)!important;
	}

.machine {
    width: 140px;
    height: 105px;
    position: absolute;
    -webkit-animation: easteregg 60s infinite; /* Chrome, Safari, Opera */
    -webkit-animation-direction: normal; /* Chrome, Safari, Opera */
    -webkit-animation-play-state: paused; /* Chrome, Safari, Opera */
    -webkit-animation-timing-function: ease-out;
    animation: easteregg 60s infinite;
    animation-direction: normal;
    animation-play-state: paused;
    animation-timing-function: ease-out;
    background-image: url('img/T12_easteregg.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 9999;
    -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.33));
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.33));
	}

/* Chrome, Safari, Opera */
@-webkit-keyframes easteregg {
     0% {left: -140px; top: 10px;}
    25% {left: calc(50% - 70px); top: 10px;}
   100% {left: calc(50% - 70px); top: 10px;}
}

@keyframes easteregg {
     0% {left: -140px; top: 10px;}
    25% {left: calc(50% - 70px); top: 10px;}
   100% {left: calc(50% - 70px); top: 10px;}
}

.data_management:hover {
	background: #ccc!important;
    color: #000!important;
	}

.login_button {
	background: #fff;
	}

.login_button:hover {
	background: #ccc;
	}

span.showOrHide.show {
	color: rgba(0, 128, 0, 1.0)!important;
    opacity: 0.66;
	}

span.showOrHide.hide {
	color: #f00!important;
    opacity: 0.66;
	}

.upload_drawing {
	float: right; 
    border: 1px solid #000; 
    padding: 2px 6px!important; 
    font-weight: bold; 
    background: #fff; 
    cursor: pointer; 
    color: #000;
    margin-top: 4px;
    font-weight: bold;
	}

.upload_drawing:hover {
    background: #ccc; 
	}

div.options_screen button {
	border: 1px solid #000;
    background: #fff;
    padding: 2px 6px;
    font-weight: bold;
	}
    
div.options_screen button:hover {
	border: 1px solid #000;
    background: #ccc;
    padding: 2px 6px;
	}
    
a.link_in_overview {
	color: #000;
	}

a.link_in_overview:hover {
	color: #0099cc!important;
	}

a.drawing_locator {
	color: #000;
	}

a.drawing_locator:hover {
	color: #fff!important;
	}
    
#delete_drawing {
    float: right;
    cursor: pointer;
    font-size: 8px;
    font-weight: bold;
    margin-right: 6px;
    color: #000;
    padding: 2px 4px 2px 4px;
    background: #fff;
    border: 1px solid #000;
	}

#delete_drawing:hover {
    background: #ccc;
	}

#describe_button_01 {
	position: relative;
    height: 28px;
    line-height: 28px;
    font-size: 15px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.8);
    background: #F0F0F0;
    border-radius: 14px 0px 0px 14px;
    opacity: 0.75;
    top: 20px;
    margin: 0px 5px 0px 0px;
    text-align: center;
	}

#describe_button_02 {
	position: relative;
    height: 28px;
    line-height: 28px;
    font-size: 15px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.8);
    background: #fe0;
    border-radius: 0px;
    opacity: 0.75;
    top: 20px;
    margin: 0px 5px 0px 5px;
    text-align: center;
	}

#describe_button_03 {
	position: relative;
    height: 28px;
    line-height: 28px;
    font-size: 15px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.8);
    background: #F9910A;
    border-radius: 0px 14px 14px 0px;
    opacity: 0.75;
    top: 20px;
    margin: 0px 0px 0px 5px;
    text-align: center;
	}


#describe_button_under {
	position: relative;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    font-weight: bold;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.0));
    color: rgba(0, 0, 0, 0.8);
    top: 40px;
    margin-bottom: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
	}

#Sirene1 {
    position: relative;
    display: inline-block;
    cursor: pointer;
    opacity: 0.75;
    z-index: 9999;
	}

#Sirene2 {
    position: relative;
    display: inline-block;
    cursor: pointer;
    opacity: 0.75;
    z-index: 9999;
	}

#Sirene3 {
    position: relative;
    display: inline-block;
    cursor: pointer;
    opacity: 0.75;
    z-index: 9999;
	}
    
#clock {
	color: rgba(255, 255, 255, 1.00);
    float: right;
    margin-left: 6px;
	}

#container {
	min-height: 100vh!important;
	position: relative!important;
	padding-bottom: 0px!important;
    margin-top: 0px;
    margin-bottom: 0px;
    -webkit-box-shadow: inset 0px 0px 1.0vw 0.5vw rgba(0, 0, 0, 0.33)!important;
	-moz-box-shadow: inset 0px 0px 1.0vw 0.5vw rgba(0, 0, 0, 0.33)!important;
	box-shadow: inset 0px 0px 1.0vw 0.5vw rgba(0, 0, 0, 0.33)!important;
	}

#footer {
-webkit-touch-callout: none; 
/* iOS Safari */ 
-webkit-user-select: none; 
/* Chrome/Safari/Opera */ 
-khtml-user-select: none; 
/* Konqueror */ 
-moz-user-select: none; 
/* Firefox */ 
-ms-user-select: none; 
/* Internet Explorer/Edge */ 
user-select: none; 
/* Non-prefixed version, currently not supported by any browser */ 
	border-top: 1px solid rgba(0, 0, 0, 0.33);
	margin-left: 0px;
	padding: 12px 0px 12px 0px!important;
	background: rgba(0, 0, 0, 0.2); 
	position: absolute!important;
	bottom: 0px!important;
    width: 100%;
    color: #333!important;
    font-size: 12px;
    font-style: italic;
	}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.66);
	border-radius: 2px;
	background-color: #333;
	}

::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background-color: #000;
	}

::-webkit-scrollbar-thumb {
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.33);
	background-color: #666;
	border: 0px solid #000;
	}

::-webkit-scrollbar-corner {
	background: #000;
	}

::-webkit-scrollbar-button {
	border-radius: 5px;
	background-color: #000;
	height: 5px;
	width: 0px;
	}

html {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
	}

#digicalls_container {
	margin-top: 30px!important;
    margin-bottom: 10px!important;
    position: relative;
    width: 100%;
    display: inline-block;
	}
    
.YUP {
	border: 1px dotted rgba(255, 0, 0, 0.33)!important;
    padding: 2px 6px;
    background: rgba(255, 0, 0, 0.1);
    cursor: help!important;
    }

small {
	font-size: 11px;
    line-height: 15px;
    font-style: italic;
	}
    
table.overview_shortages .AwaitingAction {
	background: #eee;
    font-weight: bold;
    color: #000;
	}

table.overview_shortages .PutAway {
	background: #EA0;
    font-weight: bold;
    color: #000;
	}
    
table.overview_shortages .owner {
border-left: 1px solid #000!important;
	}
    
table.overview_shortages .OnStock {
	background: #FF0;
    font-weight: bold;
    color: #000;
	}

table.overview_shortages .LineStop {
	background: #f00;
    font-weight: bold;
    color: #fff;
	}

table.overview_shortages .LineStopDateTime {
	background: #f00;
    font-weight: bold;
    color: #fff;
	}

table.overview_shortages .LineStopAlert {
	background: #ea0;
    font-weight: bold;
    color: #000;
	}

table.overview_shortages .AlertDateTime {
	background: #ea0;
    font-weight: bold;
    color: #000;
	}

table.overview_shortages .added {
	background: rgba(0, 153, 204, 0.2);
    font-weight: bold;
    text-align: center;
	}
    
table.overview_shortages .alert {
    font-weight: bold;
	}

table.overview_shortages .expected {
    font-weight: bold;
	}

table.overview_shortages .description {
	color: #999;
    font-style: italic;
	}

table.overview_shortages .destination {
	font-weight: bold;
	}
    
table.overview_shortages a.part_drawing {
	color: #0099cc!important;
    font-weight: bold;
    }

table.overview_shortages a.part_drawing:hover {
	color: #000!important;
    font-weight: bold;
    }

#action_bar {
	width: 100%;
    height: 30px;
    position: absolute;
    color: #fff;
	font-weight: bold;
	text-decoration: none;
    left: 0%;
    background: #0099cc;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.33));
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.33));
	}

a.logged_in {
	font-size: 10px!important;
    color: #666;
	}

a.logged_in:hover {
	color: #fff!important;
	}

.fa-people-carry {
	color: #FFF!important;
    opacity: 1.0;
	}
    
#Drawing {
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('img/digicalls_drawing_bg.jpg');
    margin-top: 30px;
	}

#Drawing2 {
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('img/digicalls_drawing_bg.jpg');
    margin-top: 0px;
    position: relative;
    width: 450px;
    height: 300px;
    float: right;
	}

#Drawing3 {
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('img/digicalls_drawing_bg.jpg');
    margin-top: 30px;
    position: relative;
    width: 25%;
    height: 325px;
    float: right;
	}

#Drawing4 {
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('img/digicalls_drawing_bg.jpg');
    margin-top: 0px;
    position: relative;
    width: 100%;
    height: 375px;
    float: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}

.digicall_button {
	display: inline-block;
    margin: 0px 4px 4px 0px!important;
	}

.digicall_active {
	background: rgba(0, 128, 0, 0.5);
    border: 1px solid #000;
    padding: 2px 7px 2px 7px;
    margin: 0px 4px 4px 0px!important;
	}

::selection {
	background-color: #ddd!important;
	padding-left: 3px;
	padding-right: 3px;
	}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

.bigger2 {
	font-size: 21px;
    color: #000;
    background: linear-gradient(to right, rgba(0, 153, 204, 0.3), rgba(0, 153, 204, 0.0));
    padding: 10px 30px;
    margin: 2px -30px 0px -30px;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 1.0);
	}
    
.bigger3 {
	font-size: 21px;
    color: #000;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.0));
    padding: 10px 30px;
    margin: 0px -30px;
    display: block;
    width: calc(100% - 30px);
    border-top: 1px dotted rgba(0, 0, 0, 0.33);
    border-right: 0px solid rgba(0, 0, 0, 0.33);
    border-bottom: 1px dotted rgba(0, 0, 0, 0.33);
	}

.bigger4 {
	font-size: 21px;
    color: #000;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.15));
    padding: 10px 60px 10px 0px;
    right: 0px;
    margin: 0px 0px 0px 0px;
    display: block;
    width: calc(100% - 30px);
    border-top: 1px dotted rgba(0, 0, 0, 0.33);
    border-right: 0px solid rgba(0, 0, 0, 0.33);
    border-bottom: 1px dotted rgba(0, 0, 0, 0.33);
	}

.bigger {
	font-size: 14px;
    color: #333;
    margin-bottom: 3px!important;
    display: block;
    text-decoration: underline;
	border-bottom: 1px solid #000;
	}

#menu_bar {
	position: relative;
    width: 100%;
    height: 30px;
    font-size: 0px!important;
    z-index: 9999;
    white-space: nowrap;
	}

#fiftyfifty_bar {
	position: relative;
    width: 100%;
    height: 30px;
    padding-left: 20px;
	}

#fiftyfifty_bar .bigger2 {
	border-bottom: 1px solid #000!important;
    background: rgba(0, 0, 0, 0.4)!important;
	}

#fiftyfifty_bar strong {
	color: #fff;
    }

#button_top_01 {
	font-size: 12px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
    width: calc(16.66666666666666666666% - 30px);
    display: inline-block;
    height: 30px; 
    background: #0099cc;
    display: inline-block;
    padding-left: 30px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));
	}

#button_top_02 {
	font-size: 12px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
    width: calc(16.66666666666666666666% - 30px);
    display: inline-block;
    height: 30px; 
    background: #0099cc;
    padding-left: 30px;
    border-left: 0px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
	-webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));
	}
    
#button_top_03 {
	font-size: 12px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
    width: calc(16.66666666666666666666% - 30px);
    display: inline-block;
    height: 30px; 
    background: #0099cc;
    padding-left: 30px;
    border-left: 0px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));
	}
    
#button_top_04 {
	font-size: 12px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
    width: calc(16.66666666666666666666% - 30px);
    display: inline-block;
    height: 30px; 
    background: #0099cc;
    padding-left: 30px;
    border-left: 0px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));
	}
    
#button_top_05 {
	font-size: 12px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
    width: calc(16.66666666666666666666% - 30px);
    display: inline-block;
    height: 30px; 
    background: #0099cc;
    padding-left: 30px;
    border-left: 0px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));
	}

#button_top_06 {
	font-size: 12px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
    width: calc(16.66666666666666666666% - 30px);
    display: inline-block;
    height: 30px; 
    background: #0099cc;
    padding-left: 30px;
    border-left: 0px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));
	}

a:visited {
	color: rgba(0, 0, 0, 0.66)!important;
	text-decoration: none!important;
	font-weight: bold!important;
    font-size: 14px;
	}

a {
	color: rgba(0, 0, 0, 0.75)!important;
	text-decoration: none!important;
	font-weight: bold!important;
    font-size: 14px;
	}

table a {
	font-size: 12px;
	}

.fa-caret-square-right {
	font-size: 14px;
	}

.fa-list-ul {
	font-size: 14px;
	}
    
a:hover {
	color: rgba(255, 255, 255, 0.66)!important;
	}

tr {
	height: 25px!important;
	}

body {
	margin: 0px;
    background: url('https://digicalls.tennantco.nl/img/digicalls_background.jpg') no-repeat 0px -50px;
	background-size: 100%!important;
    background-attachment: fixed;
	background-color: #cdebf5;
	font-size: 12px;
	font-family: arial;
	color: #000;
    height: 100%;
	}

body.replenishment {
	background: transparent!important;
    background-size: 0%!important;
    background-attachment: fixed;
    font-size: 12px;
	font-family: arial;
	color: #000;
    height: 100%;
    }

h1.main_header {
	font-size: 40px;
	font-family: arial;
	color: #000;
    -webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.33));
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.33));
    display: block; 
    background: rgba(0, 0, 0, 0.15); 
    margin: 0px 0px 0px 0px;
    padding: 15px 30px;
	}

h2 {
	font-size: 24px;
	font-family: arial;
	color: #000;
    margin-bottom: 10px!important;
    margin-top: 0px!important;
	}

input {
	width: 200px;
	height: 25px;
	font-size: 12px;
	margin: 0px!important;
	border: 0px;
	padding: 0px 6px 0px 6px!important;
	background: transparent;
    color: #000;
    font-weight: bold;
	}

input::placeholder {
	color: #999!important;
    font-style: italic;
	}

input:focus {
    outline: none;
	}

button:focus{
    outline: none;
	}

select:focus{
    outline: none;
	}

select {
	font-size: 12px;
    font-family: arial;
    padding: 3px!important;
    margin: 0px!important;
    color: #000;
    font-weight: bold;
    border: 1px solid #000;
	}

select option {
	font-weight: bold;
	}
    
option {
	cursor: pointer!important;
	}

form {
	margin: 0px 0px 10px 0px;
	}

table.overview_rejects {
	font-size: 12px;
	font-family: arial;
	color: #000;
	border-spacing: 0px;
	border: 1px solid #000;
    border-collapse: collapse;
	}

table.overview_rejects td {
	border: 1px solid #000;
	height: 26px;
	padding: 0px 0px 0px 0px;
	}
	
table.overview_rejects th {
	border: 1px solid #000;
	height: 26px;
	text-align: left;
	padding: 0px 6px 0px 6px;
	background: #333;
	color: #fff;
	}

table.overview {
	font-size: 12px;
	font-family: arial;
	color: #000;
	border-spacing: 0px;
	border: 1px solid #000;
    border-collapse: collapse;
	}

table.overview td {
	border: 1px solid #000;
	height: 26px;
	padding: 0px 0px 0px 0px;
	background: rgba(255, 255, 255, 1.00);
	}
	
table.overview th {
	border: 1px solid #000;
	height: 26px;
	text-align: left;
	padding: 0px 6px 0px 6px;
	background: #0099cc;
	color: #fff;
	}

table.overview_shortages {
	font-size: 12px;
	font-family: arial;
	color: #000;
	border-spacing: 0px;
	border: 1px solid #000;
    border-collapse: collapse;
	}

table.overview_shortages td {
	border: 1px solid #000;
	height: 26px;
	padding: 0px 0px 0px 0px;
	background: rgba(255, 255, 255, 1.00);
	}
	
table.overview_shortages th {
	border-top: 1px solid #000;
    border-bottom: 1px solid #000;
	height: 26px;
	text-align: left;
	padding: 0px 6px 0px 6px;
	background: #000;
	color: #fff;
	}

table.overview_tier {
	font-size: 12px;
	font-family: arial;
	color: #000;
	border-spacing: 0px;
	border: 1px solid #000;
    border-collapse: collapse;
	}

table.overview_tier td {
	border: 1px solid #000;
	height: 26px;
	padding: 0px 0px 0px 0px;
	}
	
table.overview_tier th {
	border-top: 1px solid #000;
    border-bottom: 1px solid #000;
	height: 26px;
	text-align: left;
	padding: 0px 6px 0px 6px;
	color: #fff;
	}

table.add {
	font-size: 12px;
	font-family: arial;
	color: #000;
	border-spacing: 0px;
	border: 1px solid #000;
    border-collapse: collapse;
	}

table.add td {
	border: 1px solid #000;
	height: 25px;
	padding: 0px 0px 0px 0px;
	background: rgba(255, 255, 255, 1.00);
	}
	
table.add th {
	border: 1px solid #000;
	height: 25px;
	text-align: left;
	padding: 0px 6px 0px 6px;
	background: rgba(0, 128, 0, 0.66);
	color: #fff;
	}

table.add select {
    background: transparent;
    border: 0px;
    font-size: 12px;
	}

table.edit {
	font-size: 12px;
	font-family: arial;
	color: #000;
	border-spacing: 0px;
	border: 1px solid #000;
    border-collapse: collapse;
	margin-top: 25px;
	}

table.edit td {
	border: 1px solid #000;
	height: 25px;
	padding: 0px 0px 0px 0px;
	background: rgba(255, 255, 255, 1.00);
	}
	
table.edit th {
	border: 1px solid #000;
	height: 25px;
	text-align: left;
	padding: 0px 0px 0px 6px;
	background: rgba(225, 160, 0, 0.66);
	color: #fff;
	}

.with_button {
	width: 100px;
	}

button.add {
	background: transparent;
	border: 0px;
	font-weight: bold;
	margin-right: 6px!important;
    margin-left: 6px!important;
	color: rgba(0, 128, 0, 1.0)!important;
	cursor: pointer;
	}

button.putaway {
	background: transparent;
	border: 0px;
	font-weight: bold;
	margin-right: 6px!important;
    margin-left: 6px!important;
	color: #fff!important;
	cursor: pointer;
	}

button.picking {
	background: transparent;
	border: 0px;
	font-weight: bold;
	margin-right: 6px!important;
    margin-left: 6px!important;
	color: #000!important;
	cursor: pointer;
	}

button.edit {
	background: transparent;
	border: 0px;
	font-weight: bold;
	margin-right: 6px!important;
    margin-left: 6px!important;
	color: rgba(0, 128, 0, 1.0)!important;
	cursor: pointer;
	}

button.delete {
	background: transparent;
	border: 0px;
	font-weight: bold;
	margin-right: 6px!important;
    margin-left: 6px!important;
	color: #FF0000!important;
	cursor: pointer;
	}
	
button.del_assy {
	background: transparent;
	border: 0px;
	font-weight: bold;
	margin-right: 6px!important;
    margin-left: 6px!important;
	color: #FF0000!important;
	cursor: pointer;
	}

button.del_part {
	background: transparent;
	border: 0px;
	font-weight: bold;
	margin-right: 6px!important;
    margin-left: 6px!important;
	color: #FF0000!important;
	cursor: pointer;
	}

button.add:hover {
	color: rgba(0, 0, 0, 1.0)!important;
	}

button.edit:hover {
	color: rgba(0, 0, 0, 1.0)!important;
	}

button.delete:hover {
	color: rgba(0, 0, 0, 1.0)!important;
	}
	
button.del_assy:hover {
	color: rgba(0, 0, 0, 1.0)!important;
    background: transparent;
	}

button.del_part:hover {
	color: rgba(0, 0, 0, 1.0)!important;
	}

td.edit {
	background: #EEAA00!important;
	}

.col_edit {
	color: #EEAA00;
	font-weight: bold;
	}
	
.col_del {
	color: #FF0000;
	font-weight: bold;
	}
    
@media only screen and (max-width: 1720px) {

	/* ADDED FOR ASSY VIEW */

	#left_container {
    width: calc(100% - 60px)!important;
    position: relative!important;
    }

	#right_container {
	display: none!important;
	}
    
    #Drawing1 {
    display: none!important;
    }
    
    #Drawing2 {
    display: none!important;
    }

    #Drawing3 {
    display: none!important;
    }
    
    #Drawing4 {
    display: none!important;
    }

    #Drawing5 {
    display: none!important;
    }
    
	}
    
@media only screen and (max-width: 1024px) {
	
    #container {
    width: 100%;
    }
    
    #menu_bar div {
    font-size: 10px!important;
    }
    
    #Drawing1 {
    display: none!important;
    }
    
    #Drawing2 {
    display: none!important;
    }

    #Drawing3 {
    display: none!important;
    }
    
    #Drawing4 {
    display: none!important;
    }

    #Drawing5 {
    display: none!important;
    }
    
    }