#export_csv {
	color: #aaa!important;
	float: right;
	}

#export_csv:hover {
	color: #fff!important;	
	}

.field_type_of_shortage {
	opacity: 0.8!important;	
	}

.field_status {
	opacity: 0.8!important;
	}

.toggle_checkboxes {
	color: #000;
	opacity: 0.33;
	cursor: pointer;
	margin-right: 10px!important;
	font-size: 10px;
	padding: 1px 2px!important;
	background: rgba(255, 255, 255, 1.0);
	border-radius: 2px;
	}

.toggle_checkboxes:hover {
	color: #000;
	opacity: 1.0;
	cursor: pointer;
	}

.reset_scroll:hover {
	color: #A00!important;	
	opacity: 1.0!important;
	}

li:hover {
	font-weight: bold!important;
	}

.disabled_input_cursor {
	cursor: not-allowed;	
	}

.disabled_input_opacity {
	opacity: 0.0!important;	
	}

.disabled_input {
	cursor: default;
	}

.duplicate {
	background: #f00;	
	}

.field_description:focus {
	width: 64ch!important;	
	}

.material_controller_suggestion {
	margin: 3px 0px 0px 0px; 
	padding: 0px; 
	float: right; 
	display: inline-block; 
	font-weight: normal!important; 
	color: rgba(0, 0, 0, 0.5); 
	font-size: 9px;
	}

.gss_if_chronic {
	margin: 3px 0px 0px 0px; 
	padding: 0px; 
	float: right; 
	display: inline-block; 
	font-weight: normal!important; 
	color: rgba(0, 0, 0, 0.5); 
	font-size: 9px;
	text-transform: uppercase;
	}

.control_buttons {
	text-align: center;	
	}

.change_sorting {
	padding-top: 1px;
	color: #000;
	opacity: 0.5;
	cursor: pointer;
	}

.change_sorting:hover {
	color: #fff;
	opacity: 1.0;
	}

.button_disabled {
	background: #f00!important;
	cursor: not-allowed!important;
	}

.already_present {
	color: #F00!important;	
	}

.field_description_small {
	display: block;
	font-weight: normal;
	font-size: 10px;
	height: 16px;
	line-height: 16px;
	padding-left: 0px;
	background: transparent;
	color: #000;
	}

.center_content {
	text-align: center;
	color: #333!important;
	}

input.add_field_complete {
	background: #666;
	color: #fff;
	}

input.add_item {
	background: #666;
	color: #fff;
	}

input.add_button {
	background: #666;
	color: #fff;
	}

.add_button:hover {
	cursor: pointer;
	background: #0A0;
	color: #000!important;
	}

.delete_item {
	opacity: 0.33;
	cursor: pointer;
	}

.archive_item {
	opacity: 0.33;
	cursor: pointer;
	}

.delete_item:hover {
	opacity: 1.0;	
	}

.archive_item:hover {
	opacity: 1.0;	
	}

.divider {
	display: inline-block;
	padding: 3px 0px;
	background: transparent;
	color: #000;
	min-width: 15px!important;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	}

.divider2 {
	display: inline-block;
	padding: 5px 0px;
	background: transparent;
	color: #000;
	background: #fff;
	font-size: 9px;
	min-width: 25px!important;
	font-weight: bold;
	text-align: center;
	}

.mps_week01 {
	float: left;
	padding-left: 0px;
	font-size: 9px;
	background: #fff;
	margin-right: -6px;
	}

.mps_week02 {
	float: right;
	font-size: 9px;
	background: #fff;
	}

.mps_w01_01 {
	display: inline-block;
	padding: 5px 0px;
	background: #333;
	color: #fff;
	min-width: 22px!important;
	text-align: center;
	}

.mps_w01_02 {
	display: inline-block;
	padding: 5px 0px;
	background: #333;
	color: #fff;
	min-width: 22px!important;
	text-align: center;
	}

.mps_w02_01 {
	display: inline-block;
	padding: 5px 0px;
	background: #333;
	color: #fff;
	min-width: 22px!important;
	text-align: center;
	}

.mps_w02_02 {
	display: inline-block;
	padding: 5px 0px;
	background: #333;
	color: #fff;
	min-width: 22px!important;
	text-align: center;
	}

.mps_w01_fin_01 {
	display: inline-block;
	padding: 5px 0px;
	background: #0099CC;
	color: #fff;
	min-width: 22px!important;
	text-align: center;
	}

.mps_w01_fin_02 {
	display: inline-block;
	padding: 5px 0px;
	background: #0099CC;
	color: #fff;
	min-width: 22px!important;
	text-align: center;
	}

.mps_w02_fin_01 {
	display: inline-block;
	padding: 5px 0px;
	background: #0099CC;
	color: #fff;
	min-width: 22px!important;
	text-align: center;
	}

.mps_w02_fin_02 {
	display: inline-block;
	padding: 5px 0px;
	background: #0099CC;
	color: #fff;
	min-width: 22px!important;
	text-align: center;
	}

.field_mps {
	padding: 0px!important;
	}

.easteregg_finished {
	filter: drop-shadow(0px 0px 5px rgba(220, 220, 0, 0.75));	
	}

#tracking_table .group_name::placeholder {
	color: rgba(255, 255, 255, 0.33)!important;	
	}

#tracking_table .group_name {
	color: rgba(255, 255, 255, 1.0)!important;	
	}

#tracking_table td {
	background: rgba(0, 0, 0, 0.5)!important;	
	}

td.field_notes {
	max-width: 30ch!important;	
	}

td.field_comment_on_root_cause {
	max-width: 30ch!important;	
	}

.save_order:disabled {
	opacity: 1.0!important;
	background: #000!important;
	color: #fff!important;
	cursor: default!important;
	}

.show_hidden.fas.fa-angle-left:hover {
	color: #FFF!important;
	opacity: 1.0!important;
	}

.show_hidden.fas.fa-angle-right:hover {
	color: #FFF!important;
	opacity: 1.0!important;
	}

#field_order li:hover {
	background: #CCC!important;	
	}

.is-moving {
	cursor: pointer!important;
	font-weight: bold!important;
	color: #0099CC!important;
	background: #AAA!important;
	}

.is-moved {
	color: #0099CC!important;
	font-weight: bold!important;
	}

.add_to_group:hover {
	background: #CCC!important;
	}

.remove_from_group:hover {
	background: #A00!important;
	}

.drawing_locator {
	color: rgba(0, 0, 0, 0.33)!important;
	font-size: 14px!important;
	line-height: 24px!important;
	}

.drawing_locator:hover {
	color: #0099CC!important;	
	}

#zoom_factor {
	z-index: 999999;
	border-radius: 0px 0px 0px 5px;
	}

#zoom_factor:hover {
	opacity: 1.0!important;
	background: rgba(0, 0, 0, 0.5);
	}

.mass_upload:hover {
	color: #0099CC!important;
	}

#map_control:hover {
	opacity: 1.0!important;	
	}

.map:hover {
	opacity: 1.0!important;
	color: #FFF;
	}

.hide_me {
	background: rgba(220, 0, 0, 0.2)!important;	
	color: #000!important;
	}

.view_latest:hover {
	color: #000!important;
	}

.deletion_flag {
	text-decoration: line-through!important;	
	}

.share_filter:hover {
	color: #000!important;
	}

.fa-question-circle.hide_notification_description:hover {
	color: #000!important;
	cursor: pointer;
	}

.fa-question-circle.hide_filter_description:hover {
	color: #000!important;
	cursor: pointer;
	}

.hide_notification_description:hover {
	color: #A00!important;	
	}

.hide_filter_description:hover {
	color: #A00!important;	
	}


.field_plant {
	font-weight: bold;
	background: rgba(0, 153, 204, 0.75);
	}

.track_shortage:hover {
	color: #FFF!important;
	}

.untrack_shortage:hover {
	color: #000!important;
	}


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

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

#feedback_category {
	padding: 5px!important;	
	}

#feedback_text {
	padding: 8px!important;
	width: calc(100% - 36px)!important;
	}

table.display_feedback td {
	border: 1px solid #000;
	font-size: 12px;
	padding: 3px;
	}

.mark_read:hover {
	color: #0a0!important;		
	}

.view_feedback_feed:hover {
	color: #0a0!important;	
	}

@-webkit-keyframes fadeIn2 { 
    0% { background: #000; }
   50% { background: #A00; }
  100% { background: #000; }
	}
	
@keyframes fadeIn2 { 
    0% { background: #000; }
   50% { background: #A00; }
  100% { background: #000; }
	}

@-webkit-keyframes fadeIn { 
    0% { opacity: 0.33; }
   50% { opacity: 0.66; }
  100% { opacity: 0.33; }
	}
	
@keyframes fadeIn { 
	0% { opacity: 0.33; }
   50% { opacity: 0.66; }
  100% { opacity: 0.33; }
	}

@-webkit-keyframes fadert { 
    0% { background: linear-gradient(to bottom, rgba(255, 255, 0, 0.5), rgba(220, 220, 0, 0.5)); }
   50% { background: linear-gradient(to bottom, rgba(255, 255, 0, 1.0), rgba(220, 220, 0, 1.0)); }
  100% { background: linear-gradient(to bottom, rgba(255, 255, 0, 0.5), rgba(220, 220, 0, 0.5)); }
	}
	
@keyframes fadert { 
    0% { background: linear-gradient(to bottom, rgba(255, 255, 0, 0.5), rgba(220, 220, 0, 0.5)); }
   50% { background: linear-gradient(to bottom, rgba(255, 255, 0, 1.0), rgba(220, 220, 0, 1.0)); }
  100% { background: linear-gradient(to bottom, rgba(255, 255, 0, 0.5), rgba(220, 220, 0, 0.5)); }
	}

.flashing {
  -webkit-animation-name: fadeIn2;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 3;
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-iteration-count: 3;
	}

.flashing2 {
  -webkit-animation-name: fadeIn2;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 4;
  animation-name: fadeIn2;
  animation-duration: 1s;
  animation-iteration-count: 4;
	}

.shared {
  -webkit-animation-name: fadert;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 5;
  animation-name: fadert;
  animation-duration: 1s;
  animation-iteration-count: 5;
	}

.close_feedback:hover {
	opacity: 1.0!important;
	background: #0099CC!important;
	color: #000!important;
	}

.close_feedback.active {
	opacity: 1.0!important;
	background: #0099CC!important;
	color: #000!important;
	}

#revert_n_new:hover {
	background: #000!important;
	color: #fff!important;
	}

#revert_new:hover {
	background: #000!important;
	color: #fff!important;
	}

.new_filter {
	cursor: pointer;
	}

.new_notification {
	cursor: pointer;
	}

.new_filter:hover {
	background: #0a0!important;
	}

.new_notification:hover {
	background: #ea0!important;
	}

.field_part {
	-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;
	}

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

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

.field_doc_nr {
	-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;
	}

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

.field_location {
	-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;
	}

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

.field_notes {
	-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;
	}

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

.edit_n:hover {
	color: #000!important;
	}

.edit_q:hover {
	color: #000!important;
	}

.delete_n:hover {
	color: #000!important;
	}

.delete_q:hover {
	color: #000!important;
	}

.notification:hover {
	font-weight: bold;
	color: #fff;
	}

.reset_search {
	cursor: pointer;
	}

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

.toggle_settings_mini:hover {
	color: #000!important;
	}

.toggle_filter_mini:hover {
	color: #000!important;
	}

.toggle_settings:hover {
	color: #000!important;
	background: #fff!important;
	}

.toggle_filter:hover {
	color: #000!important;
	background: #fff!important;
	}

.stock_checked {
	background: #4bab3b!important;
	color: #fff;
	}

.edc_check {
	background: #aaa!important;
	font-weight: bold;
	color: #333;
	}

.pm_check {
	background: #aaa!important;	
	font-weight: bold;
	color: #333;
	}

.red_card {
	background: #f00!important;
	color: #fff!important;
	font-weight: bold;
	}

.field_drawing {
	color: #fff;
	}

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

.loader,
.loader:after {
	border-radius: 50%;
	width: 10vw;
	height: 10vw;
	}
.loader {            
	margin: calc(50vh - 5vw) auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(255, 255, 255, 0.2);
	border-right: 1.1em solid rgba(255, 255, 255, 0.2);
	border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
	border-left: 1.1em solid #0099CC;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: loader 1.1s infinite linear;
	animation: loader 1.1s infinite linear;
	}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
	}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
	}

#loadingDiv {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	}

button#add_upload {
	width: 100%;
    height: 29px;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    font-weight: bold;
    margin-top: 15px;
	}

button#add_to_database {
	width: 100%;
    height: 29px;
    border: 1px solid #000;
    background: #090;
    color: #fff;
    font-weight: bold;
	margin-bottom: 20px;
	}

.fa-clipboard:hover {
	color: #fff!important;	
	}

.drawing_available {
	background: #000;
	opacity: 0.25;
	padding: 1px 3px;
	border-radius: 5px;
	color: #fff!important;
	font-weight: bold;
	font-size: 11px;
	}

.drawing_available:hover {
	background: #000;
	opacity: 1.0!important;
	color: #fff!important;
	}

.duplicate_note {
	background: #EA0!important;
	color: #000!important;
	}

#reset_shortage_form {
	background: #333;
	color: #fff;
	width: calc(25% - 16px);
	text-align: center;
	font-weight: bold;
	border: 1px solid #000;
	cursor: pointer;
	padding: 8px;
	margin-top: 8px;
	margin-right: 15px;
	float: right;
	}

#reset_shortage_form:hover {
	background: #000;
	color: #fff;
	}

#update_shortage_form:disabled {
	background: #999;
	cursor: not-allowed;
	}

#update_shortage_form:disabled:hover {
	background: #999;
	color: #fff;
	}

#update_shortage_form {
	background: #00AA00;
	color: #fff;
	text-align: center;
	font-weight: bold;
	border: 1px solid #000;
	padding: 4px;
	cursor: pointer;
	}

#update_shortage_form:hover {
	background: #000;
	color: #fff;
	}

#submit_shortage_form {
	background: #0099CC;
	color: #fff;
	width: calc(75% - 16px);
	text-align: center;
	font-weight: bold;
	border: 1px solid #000;
	cursor: pointer;
	padding: 8px;
	margin-top: 8px;
	}

#submit_shortage_form:hover {
	background: #0099CC;
	color: #fff;
	}

#submit_shortage_form:disabled {
	background: #0099CC;
	color: #fff!important;
	cursor: not-allowed;
	}

#submit_shortage_form:disabled:hover {
	background: #AAA;
	color: #fff!important;
	cursor: not-allowed;
	}

#searchResult {
	z-index: 999;
	background: #FFFFE0;
	border-left: 1px solid rgba(0, 0, 0, 0.5)!important;
	border-right: 1px solid rgba(0, 0, 0, 0.5)!important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.5)!important;
	width: calc(25% - 18px);
	margin: -1px 0px 0px 0px;
	list-style: none;
	padding: 0px 0px 0px 0px;
	position: absolute;
	}

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

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

input:disabled {
	opacity: 1.0!important;
 	color: #000!important;
	border: 1px solid #000!important;
	cursor: not-allowed;
	}

.not_found {
	background: #FFFFE0!important;	
	}

input {
	border: 1px solid #000!important;
	}

tr.overview {
	background: rgba(255, 255, 255, 0.5);
	}

tr.overview:hover {
	background: rgba(0, 153, 204, 0.2)!important;
	}

tr.overview.line_stop:hover {
	background: rgba(220, 0, 0, 0.25)!important;	
	}

tr.overview.line_stop_alert:hover {
	background: rgba(240, 192, 0, 0.4)!important;	
	}

tr.resolved_already {
	background: rgba(129, 215, 66, 0.25)!important;
	}

tr.resolved_already:hover {
	background: rgba(129, 215, 66, 0.5)!important;
	}

.alert_for_too_late {
	background: rgba(235, 192, 0, 0.75)!important;
	}

.too_late {
	background: rgba(220, 0, 0, 0.75)!important;
	color: #fff!important;
	}

.field_id {
	background: #666;
	color: #fff;
	}

.field_added_date {
	background: rgba(0, 153, 204, 0.5);
	color: #000;
	font-weight: bold;
	}

.field_part {
	font-weight: bold;
	color: #0099CC;
	}

.field_destination {
	font-weight: bold;
	}

.field_impact {
	font-weight: bold;
	}

.field_impact.Line.Stop {
	font-weight: bold;
	/* background: rgba(220, 0, 0, 0.75)!important;
	color: #fff!important; */
	}

.field_impact.Line.Stop.Alert {
	font-weight: bold;
	/* background: rgba(235, 192, 0, 0.75)!important;
	color: #000!important; */
	}

.field_impact.Customer {
	font-weight: bold;
	/* color: rgba(220, 0, 0, 1.0)!important;  */
	}

.field_impact.Shipment.Delay {
	font-weight: bold;
	/* background: rgba(220, 0, 0, 0.75)!important;
	color: #fff!important;  */
	}

.field_alert {
	font-weight: bold;
	}

.field_status {
	font-weight: bold;
	}

.field_expected {
	font-weight: bold;
	}

input.change_field {
	width: calc(100% - 10px);
    font-size: 12px;
    margin: 0px!important;
    padding: 3px 4px!important;
	border: 1px solid #000!important;
	border-radius: 0px 5px 0px 0px;
	font-weight: bold;
	background: rgba(255, 255, 255, 0.66);
	}

input.change_datetime {
	width: calc(100% - 10px);
    font-size: 12px;
    margin: 0px!important;
    padding: 3px 4px!important;
	border: 1px solid #000!important;
	border-radius: 0px 5px 0px 0px;
	font-weight: bold;
	background: rgba(255, 255, 255, 0.66);
	}

input.change_date {
	width: calc(100% - 10px);
    font-size: 12px;
    margin: 0px!important;
    padding: 3px 4px!important;
	border: 1px solid #000!important;
	border-radius: 0px 5px 0px 0px;
	font-weight: bold;
	background: rgba(255, 255, 255, 0.66);
	}

input.login {
	height: 25px;
	background: transparent; 
	border: 0px solid #000!important; 
	margin: 0px!important; 
	padding: 0px 6px 0px 4px!important; 
	width: 100%!important;
	}

.no_hide {
	border-right: 1px solid #000!important;
	}

.hide_column {
	border-right: 1px solid #000!important;
	}

.show_column:hover {
	color: rgba(0, 210, 0, 0.66)!important;
	cursor: pointer;
	}

.hide_column:hover {
	background: rgba(210, 0, 0, 0.66)!important;
	color: #fff!important;
	cursor: pointer;
	}

.width_fixer {
	table-layout: fixed;
	}

table#overview {
    border-collapse: separate; 
	border-spacing: 0px;
	border-left: 1px solid #000!important;
    margin: 0px 0px 0px 0px; 
    background: rgba(255, 255, 255, 0.5);
	width: 100%;
	}

table#overview td {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
    padding: 3px 5px;
    vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
	word-wrap: break-word;
	}

table#overview thead {
	font-weight: bold;
    background: #444;
	color: #FFF;
	word-wrap: break-word;
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
	}

table#overview thead td {
	font-weight: bold;
    background: linear-gradient(to bottom, #555, #222);
	color: #FFF;
	word-wrap: break-word;
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}

td div.notes_on_one_line {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
    display: block;
    max-width: 100%;
    padding-right: 5px;
	}
    
td div.notes_on_one_line:hover {
	text-overflow: inherit;
	white-space: normal;
	overflow: hidden;
    display: block;
    max-width: 100%;
    line-height: 22px;
	}

.prio {
	margin-right: 4px;
    color: #fff;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.5));
    padding: 4px 4px 4px 4px;
    border-right: 1px solid #000;
    margin-left: -4px;
    border-radius: 5px 0px 0px 5px;
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, 0.5);
	}

.prio_log {
	margin-right: 4px;
    color: #fff;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.5));
    padding: 3px 3px 3px 3px;
    border-right: 1px solid #000;
    margin-left: -4px;
    border-radius: 5px 0px 0px 5px;
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, 0.5);
	}

.prio_non_diap {
    color: #000;
    padding: 4px 4px 4px 4px;
    margin-left: -4px;
    position: relative;
    text-decoration: underline;
    text-decoration-color: rgba(0, 0, 0, 0.5);
	}

td.order_nr_selectable {
  -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;
	}

a.add:hover {
	color: rgba(255, 255, 255, 0.66)!important;
	}
    
.note_on_entry {
	display: inline-block;
    padding-right: 5px;
	}
    
.note_on_entry:first-letter {
	text-transform: capitalize;
	}

.add_note::placeholder {
	color: rgba(0, 0, 0, 0.5);
    }
    
.issue_red {
	cursor: pointer;
	}

.issue_blue {
	cursor: pointer;
	}

.available_again {
	cursor: pointer;
	}

input.note_exists {
	background: #ee0!important;
	}

#active_serial_nr::placeholder {
	color: rgba(0, 0, 0, 0.66);
    font-weight: bold;
	}
    
.ready_for_inspection {
	cursor: pointer;
	}
    
.first_step {
	background: rgba(255, 0, 0, 0.66)!important;
	}

.greenish {
	background: rgba(0, 192, 0, 0.15)!important;
	}
    
.hidden {
	display: none!important;
	}

.lb-data .lb-details {
    width: 100%;
    float: left;
    text-align: center;
    line-height: 30px;
	}

.lb-data .lb-caption {
    font-size: 12px;
    line-height: 28px;
    color: #fff;
	}

.lb-closeContainer {
	display: none!important;
	}

.lb-number {
	display: none!important;
	}

.order_new {
	cursor: pointer;
	}
    
table#order_log_inspector td {
	border: 1px solid #000;
    padding: 5px;
    vertical-align: top;
	}
    
table#order_log_inspector thead {
	font-weight: bold;
    background: rgba(0, 153, 204, 0.33);
	}
    
table#order_log_inspector {
    border-collapse: collapse; 
    width: 100%; 
    table-layout: fixed; 
    margin: 0px 0px 0px 0px; 
    background: rgba(255, 255, 255, 0.5);
	}

#order_request::placeholder {
	color: #999;
	}

table#entry_log tr.active_glow:hover {
	background: rgba(255, 255, 255, 0.33)!important;
	}

.no_file_in_queue {
	background: #0a0!important;
	}

.custom-file-upload {
    border: 1px solid #000;
    background: #fff;
    display: inline-block;
    padding: 6px 5px 7px 9px;
    cursor: pointer;
    width: calc(100% - 26px);
    font-style: normal;
	}

#upload_file > input[type="file"] {
    display: table!important;
	}

input[type="file"] {
    display: none;
	}

table#entry_log td {
	border: 1px solid #000;
    padding: 5px;
    vertical-align: top;
	}
    
table#entry_log thead {
	font-weight: bold;
    background: rgba(0, 153, 204, 0.33);
	}
    
table#entry_log {
	margin-top: 15px;
	}
    
#choose_order input {
	font-size: 18px;
	}
    
#choosen_order input {
	font-size: 18px;
	}

#choose_order select {
	font-size: 18px;
	}
    
#choosen_order select {
	font-size: 18px;
	}

#choose_order input[disabled] {
background: rgba(255, 255, 255, 0.66);
	}

#choosen_order input[disabled] {
background: #eee;
	}

select:disabled {
    opacity: 1.0;
	}

input#start_datetime {
    padding: 3px 5px 4px 10px;
    cursor: pointer;
}

input#end_datetime {
    padding: 3px 5px 4px 10px;
    cursor: pointer;
}

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

.tox-statusbar__resize-handle {
	cursor: n-resize!important;
	}

.tox-statusbar__resize-handle svg {
	cursor: n-resize!important;
	}
    
.mce-content-body {
	margin: 0px!important;
	}
    
p {
	margin: 0px;
	}

span.tox-statusbar__branding {
    display: none;
	}

textarea {
	font-family: arial;
    color: #000;
    display: block;
    width: 100%;
    height: 90px;
    line-height: 20px;
    margin: 0px 0px 10px 0px;
    padding: 5px 8px;
    border: 1px solid #000!important;
    resize: none;
	}
    
textarea::placeholder {
	color: #CCC;
	}

select {
	font-family: arial;
	font-size: 12px;
    color: #000;
    display: block;
    width: 100%;
    line-height: 20px;
    cursor: pointer;
	background: transparent; 
	border: 1px solid #000!important;
	border-radius: 0px 5px 0px 0px;
	margin: 0px!important; 
	padding: 2px 4px 2px 0px!important; 
	display: inline-block; 
	font-weight: bold;
	background: rgba(255, 255, 255, 0.66);
    }

label {
	font-style: italic;
    color: #000;
    margin-bottom: 5px;
    display: block;
	}

.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;
    margin-top: 15px;
	}
    
button#confirm_selected_order {
	width: 100%;
    height: 29px;
    border: 1px solid #000;
    background: #090;
    color: #fff;
    font-weight: bold;
    margin-top: 15px;
	}
    
button#confirm_finish_order {
    height: 29px;
    border: 1px solid #000;
    background: #090;
    color: #fff;
    font-weight: bold;
    margin-top: 15px;
	}

input#unload_order {
    height: 29px;
    font-size: 14px;
    border: 1px solid #000;
    font-weight: bold;
    margin-top: 15px;
	}

input#update_order {
    height: 29px;
    font-size: 14px;
    border: 1px solid #000;
    font-weight: bold;
    margin-top: 15px;
	}

input#update_order.disabled_unavailable {
    color: #fff!important;
	}
    
.disabled_unavailable {
	background: #000!important;
	opacity: 0.5;
    cursor: not-allowed!important;
	}

#note_container {
	position: relative; 
    width: 100%; 
    background: #fff;
    border: 1px solid #000; 
    display: inline-block; 
    margin-bottom: 30px; 
    margin-right: 30px; 
    font-size: 8px;
	}

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

#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;
	}

.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;
    width: calc(90% - 12px); 
    height: 16px;
    padding-left: 10px;
    font-size: 12px;
	margin-bottom: 10px;    
	}

#note_reply input::placeholder {
	font-size: 12px;
    color: #CCC;
	}

input:focus {
    outline: none;
	}

button:focus{
    outline: none;
	}

select:focus{
    outline: none;
	}

textarea:focus{
    outline: none;
	}

.late {
	background: #f00!important;
    color: #fff;
	}

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,0,0,0.75); }
	75%  { background-color: rgba(220,0,0,0.0); }
  100% { background-color: rgba(220,0,0,0.0); }
}

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

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

@keyframes linestop_highlevel {
  0%   { background-color: rgba(220,0,0,0.75); }
	75%  { background-color: rgba(220,0,0,0.0); }
  100% { background-color: rgba(220,0,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;
	}

/* 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;
	}
    
#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;
	}
    
.disabled {
	border: 5px solid #fff!important;
    -webkit-filter: drop-shadow(0px 0px 10px rgba(255, 0, 0, 0.5));
    filter: drop-shadow(0px 0px 10px rgba(255, 0, 0, 0.5));
    opacity: 1.0!important;
	}

.disabled i {
	color: rgba(0, 0, 0, 0.33)!important;
	}

.disabled:hover {
	background: rgba(255, 0, 0, 0.5)!important;
	}
    
.disabled:hover i {
	color: rgba(255, 255, 255, 0.5)!important;
	}

#Sirene1 i.fa-comments {
    height: 100%;
	vertical-align: middle;
    font-size: 75px;
    line-height: 150px;
    text-align: center;
    color: rgba(0, 0, 0, 0.2);
	}

#Sirene2 i.fa-bell {
    height: 100%;
	vertical-align: middle;
        font-size: 75px;
    line-height: 150px;
    text-align: center;
    color: rgba(0, 0, 0, 0.2);
	}

#Sirene3 i.fa-bullhorn {
    height: 100%;
	vertical-align: middle;
    font-size: 65px;
    line-height: 150px;
    text-align: center;
    color: rgba(0, 0, 0, 0.2);
	}

#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:hover {
    border: 5px solid #999;
    opacity: 0.9;
	}
    
#Sirene1:hover i {
    color: rgba(0, 0, 0, 0.33);
	}

#Sirene2:hover {
    border: 5px solid #999;
    opacity: 0.9;
	}

#Sirene2:hover i {
    color: rgba(0, 0, 0, 0.33);
	}

#Sirene3:hover {
    border: 5px solid #999;
    opacity: 0.9;
	}

#Sirene3:hover i {
    color: rgba(0, 0, 0, 0.33);
	}

#Sirene1 {
    position: relative;
    border: 5px solid #ccc;
    width: 90%;
    height: 0;
    padding-bottom: 90%;
    background: #f0f0f0;
    border-radius: 150px;
    display: inline-block;
    cursor: pointer;
    top: 30px;
    opacity: 0.75;
    z-index: 9999;
	}

#Sirene2 {
    position: relative;
    border: 5px solid #ccc;
    width: 90%;
    height: 0;
    padding-bottom: 90%;
    background: #fe0;
    border-radius: 150px;
    display: inline-block;
    cursor: pointer;
    top: 30px;
    opacity: 0.75;
    z-index: 9999;
	}

#Sirene3 {
    position: relative;
    border: 5px solid #ccc;
    width: 90%;
    height: 0;
    padding-bottom: 90%;
    background: #F9910A;
    border-radius: 150px;
    display: inline-block;
    float: right;
    cursor: pointer;
    top: 30px;
    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.15)!important;
	-moz-box-shadow: inset 0px 0px 1.0vw 0.5vw rgba(0, 0, 0, 0.15)!important;
	box-shadow: inset 0px 0px 1.0vw 0.5vw rgba(0, 0, 0, 0.15)!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 {
	border-radius: 0px;
	background-color: #000;
	}

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

::-webkit-scrollbar-thumb {
	border-radius: 0px;
	background-color: #007399;
	border: 0px solid #000;
	}

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

::-webkit-scrollbar-button {
	border-radius: 0px;
	background-color: #000;
	height: 0px;
	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: linear-gradient(to bottom, #0099cc, #007EAF);
    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: #ccc!important;
	}

.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: 0px -30px;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.33);
	}
    
.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;
	}

#menu_bar {
	position: relative;
    width: 100%;
    height: 30px;
	}

#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 {
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
    left: 0%;
    width: calc((100% / 5) - 29px);
    height: 30px; 
    background: #0099cc;
    position: absolute;
    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 {
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
    left: 20%;
    width: calc((100% / 5) - 30px);
    height: 30px; 
    background: #0099cc;
    position: absolute;
    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 {
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
    left: 40%;
    width: calc((100% / 5) - 30px);
    height: 30px; 
    background: #0099cc;
    position: absolute;
    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 {
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
    left: 60%;
    width: calc((100% / 5) - 30px);
    height: 30px; 
    background: #0099cc;
    position: absolute;
    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 {
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
    left: 80%;
    width: calc((100% / 5) - 30px);
    height: 30px; 
    background: #0099cc;
    position: absolute;
    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;
	}

#button_top_01 a {
	font-size: 14px;
	}

#button_top_02 a {
	font-size: 14px;
	}

#button_top_03 a {
	font-size: 14px;
	}

#button_top_04 a {
	font-size: 14px;
	}

#button_top_05 a {
	font-size: 14px;
	}

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

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;
	}

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

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.25); 
    margin: 0px 0px 0px 0px;
    padding: 30px 30px;
	}

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

form#add_note {
	padding: 10px 10px 10px 10px;
    display: inline-block;
    border: 1px solid #000;
    background: rgba(255, 255, 255, 0.5);
    width: 800px;
    margin-bottom: 30px;
	}

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.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;
	}

.table_header {
	/* width: 200px; */
	}

.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 */

	#filter_bar {
	display: none!important;	
	}
	
	.toggle_filter {
	display: none!important;
	}

	.toggle_filter_mini {
	display: none!important;
	}
	
    #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) {

	#filter_bar {
	display: none!important;	
	}
	
	.toggle_filter {
	display: none!important;
	}

	.toggle_filter_mini {
	display: none!important;
	}
	
	#quick_summary {
    display: none;
    }
    
    #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;
    }
    
    }