@charset "utf-8";

* { 
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
}

body
{
height: 100%;	
/*background-color:#eff2f6;*/
}

html, textarea, table, input, select {
    font-size: 14px;
    font-weight: normal;
    color: #3A3A3A;	
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";	
}

td select {
    width: 100%;
}

label {
	margin-right: 5px;
	margin-left: 5px;
	white-space: nowrap;
}

div {
	font-size: 14px;
    font-weight: normal;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	/*color: #3A3A3A;*/
}

table {
	margin-bottom: 20px;
}

/*
thead {
	position: sticky;
	top: 0;
	color: black;
	background: white;
}*/

table th, td {
	border: none;
	height: 24px;	
}

tr.tablesorter-childRow td {
    border-top: none;
}
/*
tbody tr:hover, tfoot tr:hover { 
  background-color:#FFFFFF;
}

tbody td:hover, tfoot td:hover { 
  background-color: #fce4a2; 
}
*/

textarea {
	min-height: 100px; /* Setzt die Mindesthöhe auf 100px */
	border: 1px solid #747D8C;
	width: 100%;
	padding: 2px;
	margin: 2px 0;
	resize: both;
}

form {margin: 0}

a {text-decoration: underline; color: #007bc0;}
a:link {text-decoration: underline; color: #007bc0;}
a:visited {color: #007bc0;}

.icon_cake::before{
	content: url('../images/iconmonstr-candy-17-16.png');
	padding-right: 1px;
	text-decoration: none;
	white-space: nowrap;
}

.doc_pdf::before{
	content: url('../images/iconmonstr-file-34-24.png');
	padding-right: 1px;
	text-decoration: none;
	white-space: nowrap;
    vertical-align: middle;
}

.doc_file::before{
	content: url('../images/iconmonstr-file-3-24.png');
	padding-right: 1px;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
}

.doc_txt::before{
	content: url('../images/iconmonstr-file-20-24.png');
	padding-right: 1px;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
}

.doc_excel::before{
	content: url('../images/doc_excel.png');
	padding-right: 1px;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
}

.doc_word::before{
	content: url('../images/doc_word.png');
	padding-right: 1px;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
}

.doc_picture::before{
	content: url('../images/iconmonstr-picture-1-24.png');
	padding-right: 1px;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
}

.doc_pdf:link, .doc_pdf:hover, .doc_pdf:visited {
	color: #3A3A3A;
	text-decoration: none;
}

.doc_excel:link, .doc_excel:hover, .doc_excel:visited {
	color: #3A3A3A;
	text-decoration: none;
}

.doc_word:link, .doc_word:hover, .doc_word:visited {
	color: #3A3A3A;
	text-decoration: none;
}

.doc_picture:link, .doc_picture:hover, .doc_picture:visited {
	color: #3A3A3A;
	text-decoration: none;
}

.doc_excel:link, .doc_excel:hover, .doc_excel:visited {
	color: #3A3A3A;
	text-decoration: none;
}

.doc_txt:link, .doc_txt:hover, .doc_txt:visited {
	color: #3A3A3A;
	text-decoration: none;
}

.doc_file:link, .doc_file:hover, .doc_file:visited {
	color: #3A3A3A;
	text-decoration: none;
}

legend {
	padding:0 5 0 5px;
	text-decoration: none;	
	line-height: normal;
	color: #007bc0;
}

fieldset {
	border: 1px solid #747D8C;
	background: white;
	padding: 10px;
	margin-bottom:10px;
}

file {border: 1px solid #747D8C;}

li {margin-left: 20px; padding: 0; line-height: 20px}
ul{padding-left:20px;}

hr { border:none; border-bottom: 1px solid #747D8C; margin-top: 10px; margin-bottom: 10px;}

h1 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
}

h2 {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
}
h3 {
	margin-bottom: 20px; 
	font-size: 14px; 
	font-weight: bold;
}

img { border:0; vertical-align: middle;}

p {padding-top: 10px; padding-bottom:10px;}

.one-column-list, .two-column-list, .three-column-list, .four-column-list {
  display: grid;
  gap: 10px; /* optional: Abstand zwischen den Spalten */
	margin: 0;
}

.one-column-list {
	grid-template-columns: 1fr;
}

.two-column-list {
	grid-template-columns: 1fr 1fr;
}

.three-column-list {
  grid-template-columns: 1fr 1fr 1fr;
}

.four-column-list {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.two-column-list li, .three-column-list li, .four-column-list li {
  list-style-type: none; /* optional: entfernt die Standardpunkte von den Listenpunkten */
}

@media (max-width: 600px) {
  .four-column-list {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 601px) and (max-width: 900px) {
  .four-column-list {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 901px) and (max-width: 1200px) {
  .four-column-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 1201px) {
  .four-column-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}


.background_color_contact { background-color: #ffe5d0 !important;}
.background_color_chance { background-color: #f8d7da !important;}
.background_color_offer { background-color: #c5b3e6 !important;}
.background_color_order { background-color: #ffc107 !important;}
.background_color_order_cancel { background-color: #ea868f !important;}
.background_color_delivery { background-color: #d2f4ea !important;}
.background_color_credit_note { background-color: #ea868f !important;}
.background_color_sales_assistent { background-color: #0dcaf0 !important;}

.background_color_login { background-color: #fff3cd !important;/*#b02a37;*/}
.background_color_businessletter { background-color: #ffe69c !important;}
.background_color_tracking { background-color: #cc9a06 !important;}

.no_data::before {
	content: "keine Datensätze vorhanden";
	display: block;	
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;	
}

.button, .button_protected {
	background-color: gainsboro;
	border: 1px solid #dbdbdb;
	border-radius: 5px;
	padding: 4px 8px;
	vertical-align: middle;
	min-width: 50px;
	margin: 2px;
	cursor: pointer;
}

.button_delete, .btnDelete {
	background-color: #2c0b0e !important;
	color: white;
	border:1px solid #2c0b0e;
	float: right;
}

.button_cancel, .btnCancel, .btnClose {
	background-color: #842029 !important;
	color: white;
	border:1px solid #842029;
}

.button_protected {	
	border:1px solid #F90;	
}

.btnNew
{
	background-color: #479f76;
	border:1px solid #479f76;
}

.btnExportExcel
{
	background-color: #198754;
	color: white;
	border:1px solid #198754;
}


.btnSave
{
	background-color: #479f76;
	border:1px solid #479f76;
	color: white;
}

.btnSend
{
	background-color: #479f76;
	border:1px solid #479f76;
	color: white;
}

.btnEdit
{
	background-color: #a98eda;
	border:1px solid #a98eda;
}

.btnEditStack
{
	background-color: #e2d9f3;
	border:1px solid #e2d9f3;
}

.btnOrganizer
{
	color: #fff;
    background-color: #052c65;
	border:1px solid #052c65;
}

.btngroup1
{
	background-color: #b2beb5;
}

.btngroup2
{
	background-color: #c4c3d0;
}

.btngroup3
{
	background-color: #91a3b0;
}

.card {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
	float: left; 
	margin-right: 20px;
	margin-bottom: 20px;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/* Add some padding inside the card container */
.card_container {
  padding: 10px;
 color: #3a3a3a;
}

.radiobutton {
	vertical-align: middle;	
	height: 25px;
}

.wrapper { 
	width: 100%;
	height:100%;
	margin: 0 auto;	
	max-width: 1850px;	
	min-height: 100%; /* Mindesthöhe für moderne Browser */
}

.kreis_counter {
	float: right;
	width:20px; 
	height:20px;
	border-radius:10px;
	font-size:12px;
	color:#fff;
	line-height:20px; 
	text-align:center; 
	background-color:#dc3545; 
	border: none;	
}

.kreis_counter2 {
	margin-left: 3px;
	float: right;
	width: 18px; 
	height: 18px;
	border-radius: 9px;
	font-size: 10px;
	color: #fff;
	font-weight: bold;
	line-height: 18px; 
	text-align: center;
	border: none;
	background-color:#3A3A3A;
}

.kreis_counter2_green {
	background-color:#20c997; 
}

.kreis_counter2_red {
	background-color:#dc3545; 
}

#container
{
	margin: auto;
	width: 100%;
}

#header
{
	background-color: #007bc0;
	border-bottom: 3px solid white;
	height: 50px;
	position: fixed;
	top: 0;
	max-width: 1850px;
	width: 100%;
	z-index: 99;
}

#logo { 
	position: relative;
	float: left;	
	width: 200px;
	height: 50px;
	background-color: white;
}

#menu_item
{
	position: relative;
	display: inline-block;	
	text-align: left;
	width: auto;
	height: auto;
	white-space: nowrap;	
	padding: 16px 12px;
	background-color: #007bc0;
}

#menu_basket_login {
	position: relative;
	float: right;
	background-color: #007bc0;
}

#menu_basket {
	position: relative;
	float: left;
	padding-top: 12px;
	width: 70px;
	height: 50px;
	color: #3a3a3a;
	background-color: aliceblue;
	text-align: center;
	font-weight: bold;	
	box-sizing: border-box;
}

#login {
	position: relative;
	text-align: right;
	float: right;
	padding: 0 20px 0 5px;
	min-width: 200px;
	width: auto;
	height: 50px;
	color: white;
	background-color: #3A3A3A;
}

#menu_taskbar {
	position: relative;
	float: left;
	height: 50px;
	background-color: #3A3A3A;
	padding-left: 10px;
	padding-top: 12px;
	box-sizing: border-box;
}

#login a {	
	color: white;
}

#content
{	
	margin-top: 80px;
	/*background-color:#eff2f6;*/
	background-color: white;
	width: auto;
    padding: 0;
}

#fixed_content
{	
	overflow-x:auto;
	bottom:0;
    position:fixed;
}

.calendar { 
	position: relative;
	float: left;
	padding-top: 15px;
	width: 150px;
}

.menu th{
	text-align:right;
	padding-right:10px;
	padding-left:20px;
	height: 50px;
}

.menu a{
	text-decoration:none;
	padding-right:20px;	
}

/*#menu th {padding-left:30px; height: 40px;}*/

.dashboard_border {
	width:100%;
	border: 2px solid #e3e3e3;
	margin-bottom: 40px;
	padding: 20px;
}

#footer	
{
	height: 40px;
	clear: both;
	position: relative;
}

.bluefont, .bluefont10px, .bluefont11px, .bluefont13px, .bluefont14px {
	text-decoration: none;	
	line-height: normal;
	color: #007bc0;
}

.bluefont10px {font-size: 10px;}
.bluefont11px {font-size: 11px;}
.bluefont14px {font-size: 14px;}

.listview, .listview_delayed, .listview_sub {
	width:100%;
}

.listview table { 
	border-collapse: collapse;	
}

.listview thead {
	position: sticky;
	top: 53;
}

.bg_yellow {background-color: #ffc107 !important;}
.bg_red {background-color: #e35d6a !important; color: white;}
.bg_green {background-color: #198754 !important; color: white;}
.bg_delayed {background-color: #e35d6a !important; color: white;}
.bg_delayed_2 {background-color: #FCF !important;}

.text_red {color: #e35d6a !important;}
.text_green {color: #198754 !important;}

.listview th, .listview th a {	
	color: white;
	background-color: #007bc0;		
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	padding: 8px;
	white-space: nowrap;
	text-decoration: none;
	}
	
.listview th a{padding: 0;}

.listview td {
	vertical-align: top;
	background-color: aliceblue;
	padding: 10px;
	margin-top: 5px;
	border-top: 3px solid #FFF;
	/*height: 40px;*/
	}

.listview td a {text-decoration:underline;}
.listview td a:hover {text-decoration:underline;}

.listview_inbound {
	/*background-color: #cfe2ff !important;*/
	background: transparent url("../images/iconmonstr-arrow-right-lined-24.png") 0 0 no-repeat;
	background-position-y: center;
	}

	
/*.listview th a:hover{text-decoration: none;}*/

.listview2, .listview2 th, .listview2 td {
	color:#000;
	border-collapse: collapse;
	border: 1px solid #999;
	text-align: left;
	padding: 2px;
}

.listview2 th {
	height: 25px;
	font-weight:bolder;
	border-collapse:collapse;
}

.table_storage_location tr {
	background-color: white;
}

.table_storage_location td {	
	border: 1px solid #999;
}

.listview_bg {background-color: aliceblue;}

.listview_footer td{
	background-color: white;
	padding: 5px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #007bc0;
	font-weight: bolder;
	border-bottom: 1px solid #3A3A3A;
}

.listview_delayed th{
	color: #FF0000;
	font-weight: bolder;
	text-align:left;
	height:30px;
	padding-left:10px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #F00;
}	
.listview_delayed td{
	color: #FF0000;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.listview_delayed a{
	color: #FF0000;
	text-decoration:none;
}
.listview_delayed a:hover{text-decoration:underline;}	
.listview_delayed th a{text-decoration: none;font-weight: bolder;}
.listview_delayed th a:hover{text-decoration: none;font-weight: bolder;}

.listview_sub th {
	height: 25px;
	font-weight: bold;
	color: #3a3a3a;
	background-color: aliceblue;
	border-collapse: collapse;
	border: none;
}

.listview_sub_header td {	
	font-weight:bold;
	text-align:left;
	height:20px;
	padding-left:10px;
	background-color: aliceblue;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #4e8ccf;
	border-top: none;
}

.listview_sub td {
	text-align:left;
	height:20px;
	padding-left:10px;
	background-color: aliceblue;
	border-top: none;
}

.listview_sub_white table, .listview_sub_white th, .listview_sub_white td {
	text-align:left;
	height:20px;
	background-color: white;	
	border: 1px solid #C7C7C7; 
	border-collapse: collapse;
}

.listview_sub_white thead {
	position: inherit;
}
	
.listview_sub_white th {
	color: #3a3a3a;
	height: 25px;
	font-weight:bold;	
	border-bottom: 2px solid #C7C7C7;
}

.listview_sub_white tfoot {  	
	font-weight: bolder;padding: 5px;	
}

.listview_sub_white tfoot td {
	background-color: white;
	padding: 5px;	
	border-top: 2px solid #C7C7C7;
	border-bottom: 2px solid #C7C7C7;
}

.listview_disabled {text-decoration:line-through;}

.my-namespace-container {
    display: flex;                  /* Flexbox für das Layout */
    margin: 20px 0;               /* Abstand oben und unten */
}

.my-namespace-column {
    padding: 10px;                /* Innenabstand für die Spalten */
    box-sizing: border-box;       /* Padding im Breitenberechnung berücksichtigen */
}

.auto-width {
    flex: 0 1 auto;               /* Erste Spalte: Automatische Breite */
	max-width: 400px;
}

.equal-width {
    flex: 1;                      /* Zweite Spalte: Gleiche Breite wie die erste Spalte */
    display: flex;                /* Flexbox für die zweite Spalte */
    justify-content: flex-start;  /* Text linksbündig */
}

.equal-width > * {
    flex: 1;                      /* Alle Inhalte der zweiten Spalte füllen den Platz */
}

.greenfont, .greenfont11px {		
	line-height: normal;
	color: #009900;
	font-weight: normal;
}

.greenfont11px {font-size: 11px;}


.text, .text_protected, .text_protected_border, .input_registration, .input_order, .viewDataText, .edit_field {
	height: 30px;
	width: 100%;
	border: 1px solid #747D8C;
	padding: 2px;
	margin: 2px 0;
	background-color: white;
}

.text_protected {	
	background-color: gold;	
}

.text_protected_border {
	border-color: goldenrod;
}

.price, .input30, .input50, .input60, .input75, .input130, .input150 {	
	height: 30px;
	padding: 2px;
	border: 1px solid #747D8C;	
	color: #3A3A3A;
}

.date {width: 150px;}
.date {
    width: calc(100% - 24px);
}

.input30 {width: 30px;}
.input50 {width: 50px;}
.input60 {width: 60px;}
.input75 {width: 75px;}
.input130 {width: 130px;}
.input150 {width: 150px;}

.open {background-color:#20c997 !important}

.search_bg_color {background-color: #C6ECFF !important;}

.price {text-align:right; width: 80px}

.purplefont, .purplefont a {color: #F0F;}

.redfont{color:#dc3545;}
.redfont a{color:#dc3545;}

.readonly { background-color: #CCC}

.is_invalid {
  border: 2px solid red; /* Roter Rahmen für ungültiges Feld */
  background-color: #ffe6e6; /* Leicht rötlicher Hintergrund für ungültiges Feld */
  color: #333; /* Textfarbe bleibt normal */
}

.is_invalid:focus {
  outline: none;
  box-shadow: 0 0 5px red; /* Hinzufügen eines Schattens, wenn das Feld fokussiert wird */
}

.viewCardGroup {
	max-width: 1850px;
	width: 100%;
	margin: 0 auto;
}

.viewCardGroup td {
  vertical-align: top; /* Vertikale Ausrichtung oben */
}

.viewCardGroup td .viewcard {
  	width: 100%;
	vertical-align: top;
	table-layout: fixed;
}

/*Begrenzt die Breite der Spalte viewName auf maximal 250 Pixel.*/

.viewCardGroup td .viewCard td.viewName {
  max-width: 250px;
  width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*Stellt sicher, dass die Spalte viewData den verbleibenden Platz einnimmt.*/

.viewCardGroup td .viewCard td.viewData {
  width: calc(100% - 250px);
  overflow: hidden;
  text-overflow: ellipsis;
  /*white-space: nowrap;*/
}

.viewData {
    width: calc(100% - 250px);
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;  Entfernen Sie den Kommentar, wenn Sie möchten, dass der Text in einer Zeile bleibt */
}

/* Für Tabellen mit einer Spalte */
.viewCardGroup.single-column td {
	max-width: 1850px;
}

/* Für Tabellen mit zwei Spalten */
.viewCardGroup.two-columns td {
	max-width: 925px;
}

/* Für Tabellen mit drei Spalten */
.viewCardGroup.three-columns td {
 	max-width: 616px;
}

table.viewCard {
    /*max-width: 650px;*/
}
	
.viewName {	
	vertical-align: top;
	min-width: 250px;
	/*width: 250px;	*/
	line-height:25px;
	padding-top: 5px;
	padding-right:10px;
	text-align: right;
	white-space: nowrap;
	background-color: aliceblue; /*#e3e3e3*/
}

.viewData {
	/*width: 350px;*/
	/*width: 100%;*/
	min-width: 250px;
	/*vertical-align: top;
	padding-top: 5px;*/
	padding-left:10px;
	padding-right:10px;
	line-height:25px;
}

.viewDataEmpty {
	/*border: 1px solid #e35d6a;*/
	height: auto;
  background-image:   
  repeating-linear-gradient(135deg, 
                                white 0%, 
                                white 2%, #e35d6a 2%, 
                                #e35d6a 4%, white 4%);
}

.chromestyle, .chromestyle a{
width: 100%;/*100%*/
/*background: url(chromebg.gif) center center repeat-x;*/ /*THEME CHANGE HERE*/
/*padding: 8px;*/
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
font-size: 14px;	
color:#FFF;
text-decoration: none;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.dropmenudiv {
position: absolute;
top: 0;
padding: 8px;
border: 1px solid #3A3A3A; /*THEME CHANGE HERE*/
border-bottom-width: 0;
text-align: left;
font-weight: normal;
/*line-height: 20px;*/
z-index:100;
background-color: white;
min-width: 200px;
visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);*/ /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #3A3A3A; /*THEME CHANGE HERE*/
padding: 8px;
text-decoration: none;
font-weight: normal;
color: #3A3A3A;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE, BEFORE F0F0F0*/
background-color: #F0F0F0;
}

.storage_location {
	width: auto;
	min-width: 250px;
	/*max-width: 270px;*/
	min-height: 100px;
	padding: 10px;
	margin: 5px;
	display: inline-block;
	vertical-align: top;		
	border: 0;
	background-color: #007BC0;
	color: white;
}

.storage_location_inventory_lock {
	background-color: #ffc107;
}

.messenger_message {
	width: auto;
	min-width: 50%;
	max-width: 50%;
	min-height: 50px;
	padding: 10px 30px 10px 10px;
	margin: 5px;
	vertical-align: top;	
	border-radius: 20px;
	border: 0;
	position: relative;
}

.messenger_message_in {
	clear: both;
	float: left;
	background-color: aliceblue;
}

.messenger_message_out {
	clear: both;
	float: right;
	color: white;
	background-color: #007bc0;
}

.messenger_message_out a {
	color: white;
}

.messenger_message_in a {
	color: #3a3a3a;
}

.messenger_footer {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.messenger_separator {
    clear: both;
	width: 100%;
    border-bottom: 1px solid #747D8C;
    text-align: center;
    height: 18px;
    margin-bottom: 15px;
}
.messenger_separator span {
    line-height: 15px;
    padding: 0 10px;
    background: white; /* Farbe des Elements darunter */
    display: inline-block;
    margin-top: 10px;
    color: #3A3A3A;
}

.messenger_message_in_highlight {
	animation-name: message_in_highlight;
	animation-duration: 10s;
}

.messenger_message_out_highlight {
	animation-name: message_out_highlight;
	animation-duration: 10s;
}

@keyframes message_in_highlight {
  from {background-color: #20c997;}
  to {background-color: aliceblue;}
}

@keyframes message_out_highlight {
  from {background-color: #20c997;}
  to {background-color: #007bc0;}
}

.blink_me {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.status {
	color: #3A3A3A;
	width: auto;
	min-width: 100px;
	height: inherit;
	padding: 2px 5px;	
	display: inline-flex;
	align-items: center;
	vertical-align: middle;	
	border-radius: 20px;
	border: 0;
}

.status_red {
	background-color: #e35d6a;
}

.note {
	color: #3A3A3A;
	width: auto;
	max-width: 100%;
	min-width: 250px;
	padding: 10px;
	margin-bottom: 5px;
	display: inline-block;/* display: block; */
	vertical-align: top;	
	border-radius: 10px;
	border: 0;
	background-color: #fff3cd;	
	box-sizing: border-box;
	
}

.note_finance {
	background-color: aquamarine;
}

.note_crm {	
	color: #3A3A3A;
	width: auto;
	height: 120px;
	padding: 10px;
	margin: 5px;
	display: inline-block;
	vertical-align: top;	
	border-radius: 20px;	
	background-color: #a3cfbb;
}

.note_offer {
	color: #3A3A3A;
	width: auto;
	height: 120px;
	padding: 10px;
	margin: 5px;
	display: inline-block;
	vertical-align: top;	
	border-radius: 20px;	
	background-color: #ffda6a;
}

.note_customer_escape {
	color: #3A3A3A;
	width: auto;
	height: 120px;
	padding: 10px;
	margin: 5px;
	display: inline-block;
	vertical-align: top;	
	border-radius: 20px;	
	background-color: #ea868f;
}

.note_white {
	color: #3A3A3A;
	background-color: #FFFFFF;
	border: 1px solid #3A3A3A;
}

.note_order_processing {
	color: #3A3A3A;
	background-color: #fff3cd;	
}

.note_bg2 {
	color: #3A3A3A;
	background-color: #d1e7dd;	
}

.note_bg3 {
	color: #3A3A3A;
	background-color: #a3cfbb;	
}

.note_history {
	color: #3A3A3A;
	background-color: #a3cfbb;	
}

.note_red {
	color: #3A3A3A;
	background-color: #e35d6a;
}

.note_message {
	color: #3A3A3A;
	background-color: #9bf79d;
}

.note_hint {	
	color: #3A3A3A;
	background-color: #ffe69c;
}

.note_error {	
	color: #3A3A3A;
	background-color: #ea868f;
}

.note_footer {
	display: block;
	text-align: right;
	padding-top: 10px;
	font-size: 12px;
}

.note_menu {
	display: inline;
	float: right;
	padding: 0;
}

.file_attachment {
	display: inline-block;
	color: #3A3A3A;
	border: 1px solid #3A3A3A;
	border-radius: 5px;
	height: 25px;
	width: auto;
	padding: 10px;
	margin: 5px 10px 5px 0;
	vertical-align: top;
	background-color: #FFFFFF;
}

.piechart {
	width: auto;
	padding: 10px;
	margin: 5px;
	display: inline-block;
	vertical-align: top;
	border: none;
}

.globe {
	background-color: red;
    position: absolute;
    width: 200px;
    height: 200px;
    top: 100px;
    left: 250px;
    border: 1px solid black;
    text-align: center;
    border-radius: 100px;
}

#resultsCount {
	display: block;
	width: max-content;
	margin-bottom: 40px;
	font-size: 16px; /* Moderne Schriftgröße */
	color: #ffffff; /* Weiße Schrift */
	background-color: #007bff; /* Lebendige Hintergrundfarbe */
	padding: 10px 20px; /* Vertikaler und horizontaler Innenabstand */
	border-radius: 20px; /* Stark abgerundete Ecken */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Weicher Schatten für Tiefe */
	transition: all 0.3s ease; /* Glatter Übergangseffekt bei Hover */
}

#resultsCount:hover {
	background-color: #0056b3; /* Dunklere Hintergrundfarbe beim Darüberfahren */
	box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); /* Größerer Schatten beim Darüberfahren */
}

/* JQUERY Widget*/

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 14px;
    font-weight: normal;
    color: #3A3A3A;	
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";	
	background:#FFF !important;
}

/* JQUERY Accordion*/

.ui-accordion div {
	background:none;
}

.ui-accordion .ui-accordion-header {  
	color: #007bc0;
	background-color:#FFF;
	background:none;
}

.ui-accordion .ui-accordion-header-active {
  background: none;
  background-color: #EEEEEE;
  border: 1px solid #CCC;
}

.ui-accordion .ui-state-hover {
 	background: none;
	border: 1px solid #BBB;
 	background-color: #EEEEEE;
}


.ui-accordion .ui-state-focus {
 	background: none;
	background-color: #EEEEEE;
 	border: 1px solid #BBB;
}

/* JQUERY Autocomplete*/

.ui-autocomplete li:hover {
    background: #EEE;
}

.ui-autocomplete .ui-menu-item a {		
		background: none;
		border: none;
		border-bottom: 1px dotted #BBB;
		text-align:left;
}

.ui-autocomplete .ui-menu-item a:hover {		
	color: #000;
}


.tablesorter-header-inner {
    color: #FFFFFF;
}

/*position: relative;
	background-position: center left;
	padding-left: 10px;
	padding-right: 5px;
	width: 7px;*/

.tablesorter-headerUnSorted span {
     background-position: center left;
	padding-left: 10px;
	padding-right: 5px;
	width: 7px;
    background: transparent url("../images/table_sorting.png") 0 0 no-repeat; }

.tablesorter-headerAsc span { 
    background-position: center left;
	padding-left: 10px;
	padding-right: 5px;
	width: 7px;
    background: transparent url(../images/table_sorting_up.png) 0 0 no-repeat; }

.tablesorter-headerDesc span {
    background-position: center left;
	padding-left: 10px;
	padding-right: 5px;
	width: 7px;
    background: transparent url(../images/table_sorting_down.png) 0 0 no-repeat; }

.TabbedPanelsTab {
	color: #3A3A3A;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
	height: 18px;
}

.TabbedPanelsTabEmpty {	
	font-weight: normal;
}

.TabbedPanels {
    margin-top: 20px;
    padding: 0px;
}

.TabbedPanelsContent {
	padding-top: 20px;
}

/* Lightbox2 */

.lb-close {
        top: 10px;
        right: 10px;
        bottom: auto; /* Entfernt die Standardplatzierung unten */
        left: auto;   /* Entfernt die Standardplatzierung links */
    }