body
{ 
	font-family : Arial; 
	color : rgb(0,0,0); 
	font-size : 10pt; 
// overflow:scroll;
//	overflow-x:auto;
//	overflow-y:scroll;
//	overflow:-moz-scrollbars-vertical; 
}

input.btn_grey 	 		{ font-size: 14px; height: 22px; width:150px; background:#CCCCCC; color:black; border: 1px solid darkgrey;}
input.btn_small_grey 	{ font-size: 12px; height: 22px; width:150px; background:#CCCCCC; color:black; border: 0px;}
input.btn_red 	 		{ font-size: 14px; height: 22px; width:150px; background:#af3f33; color:white; border: 1px solid darkred;}
input.btn_small_red 	{ font-size: 12px; width:  65px; background:#af3f33; color:white; border: 0px;}
input.btn_green  		{ font-size: 14px; height: 22px; width:150px; background:green; color:white; border: 1px solid darkgreen;}
input.btn_small_green 	{ font-size: 12px; width:  65px; background:#green; color:white; border: 0px;}
input.btn_yellow 		{ font-size: 14px; height: 22px; width:150px; background:#e1b900; color:black; border: 1px solid darkgrey;}
input.btn_small_yellow 	{ font-size: 12px; width:  65px; background:#e1b900; color:black; border: 0px;}
input.btn_blue 	 		{ font-size: 14px; height: 22px; width:150px; background:darkblue; color:white; border: 1px solid darkbreed;}
input.btn_small_blue 	{ font-size: 12px; width:65px; background:#3d5498; color:white; border: 0px;}

.nowrap				{ white-space: nowrap; }
.sizermax			{ width: 100%; }

.bg_red				{ background-color:#ffdddd; }
.bg_green			{ background:#ddffdd; }
.bg_yellow			{ background:#ffffdd; }
.bg_blue			{ background:#ddddff; }
.bg_block			{ background:#dddddd; }

.bg_fullred 	 	{ background:#BB0000;}
.bg_fullgreen		{ background:green; }
.bg_fullyellow 	 	{ background:#e1b900;}

p				{ font-family : Arial; color : rgb(0,0,0);   font-size : 10pt; }
.quelle			{ font-family : Arial; color : rgb(0,0,0);   font-size : 10px; }
.bestquelle			{ font-family : Arial; color : rgb(255,255,255);   font-size : 10px; white-space: nowrap; background-color: #00009B; text-align: right;}
.quellebold		{ font-family : Arial; color : rgb(0,0,0);   font-size : 11px; font-weight : bold; }
.error		{ font-family : Arial; color : rgb(255,0,0); font-size : 10pt; font-weight : bold; }
p.head1,h1			{ font-family : Arial; color : rgb(0,0,0);   font-size : 14pt; font-weight : bold; }
p.head2,h2			{ font-family : Arial; color : rgb(0,0,100); font-size : 12pt; font-weight : bold; }
p.head3,h3			{ font-family : Arial; color : rgb(0,0,100); font-size : 10pt; font-weight : bold; }

	td.mini { font-size: 8pt; }
	tr.choose { cursor: pointer; }

th.head1	{
				font-family : Arial; 
				color : rgb(0,0,0);   
				font-size : 10pt; 
				font-weight : bold; 
				border-width:1px;
				border-style:solid; 
				border-color:#CCCCCC; 
				background-color: #F2F2F2;
				}
th.head2	{
				font-family : Arial; 
				color : rgb(0,0,0);   
				font-size : 10pt; 
				font-weight : bold; 
				border-width:1px;
				border-style:solid; 
				border-color:#CCCCCC; 
				background-color: #F2F2F2;
				}

td					{ font-family : Arial; color : rgb(0,0,0);   font-size : 10pt; }
td.blue_background	{ font-family : Arial; color : rgb(0,0,0);   font-size : 10pt; background-color : rgb(209,217,235);}
td.head1			{ font-family : Arial; color : rgb(0,0,0);   font-size : 14pt; font-weight : bold; }
td.head2			{ font-family : Arial; color : rgb(0,0,100); font-size : 12pt; font-weight : bold; }
td.head3			{ font-family : Arial; color : rgb(0,0,100); font-size : 10pt; font-weight : bold; }

tr.highlight 		{ background-color: #FFFFCC; }
tr.highlightlink 	{ background-color: #FFFFCC; cursor: pointer}
tr.normal 			{	background-color: #FFFFFF;	}

td.grey	{
	border-width:1px;
	border-style:solid; 
	border-color:#CCCCCC; 
	background-color: #F2F2F2;
	font-family : Arial; 
	color: Black;
	font-size:8pt;
	font-weight:bold;
				}
td.lightblue	{
	border-width:1px;
	border-style:solid; 
	border-color:#CCCCCC; 
	background-color: #F2F2FF;
	font-family : Arial; 
	color: Black;
	font-size:8pt;
	font-weight:bold;
				}
				
span			{ font-family : Arial; color : rgb(0,0,0);   font-size : 10pt; }
span.legline	{ font-family : Arial; color : rgb(200,0,0);   font-size :  8pt;font-weight:600; }
span.head1		{ font-family : Arial; color : rgb(0,0,0);   font-size : 14pt; font-weight : bold; }
span.head2		{ font-family : Arial; color : rgb(0,0,100); font-size : 12pt; font-weight : bold; }
span.head3		{ font-family : Arial; color : rgb(0,0,100); font-size : 10pt; font-weight : bold; }
legend		{ font-family : Arial; color : rgb(0,0,100); font-size : 10pt; font-weight : bold; }

a				{ font-family : Arial; color : rgb(0,0,205); text-decoration : none; font-weight : normal; font-size : 10pt; }
a:link			{ font-family : Arial; color : rgb(0,0,205); text-decoration : none; font-weight : normal; font-size : 10pt; }
a:visited		{ font-family : Arial; color : rgb(0,0,205); text-decoration : none; font-weight : normal; font-size : 10pt; }
a:active		{ font-family : Arial; color : rgb(0,0,205); text-decoration : none; font-weight : normal; font-size : 10pt; }
a:hover			{ font-family : Arial; color : rgb(205,0,0); text-decoration : underline; font-weight : normal; font-size : 10pt; }

a.ql			{ font-family : Arial; color : rgb(0,0,205); text-decoration : none; font-weight : normal; font-size : 8pt; }
a.ql:link		{ font-family : Arial; color : rgb(0,0,205); text-decoration : none; font-weight : normal; font-size : 8pt; }
a.ql:visited	{ font-family : Arial; color : rgb(0,0,205); text-decoration : none; font-weight : normal; font-size : 8pt; }
a.ql:active		{ font-family : Arial; color : rgb(0,0,205); text-decoration : none; font-weight : normal; font-size : 8pt; }
a.ql:hover		{ font-family : Arial; color : rgb(255,0,0); text-decoration : none; font-weight : normal; font-size : 8pt; }

a.qlw			{ font-family : Arial; color : rgb(255,255,255); text-decoration : underline; font-weight : bold; font-size : 8pt; }
a.qlw:link		{ font-family : Arial; color : rgb(255,255,255); text-decoration : underline; font-weight : bold; font-size : 8pt; }
a.qlw:visited	{ font-family : Arial; color : rgb(255,255,255); text-decoration : underline; font-weight : bold; font-size : 8pt; }
a.qlw:active	{ font-family : Arial; color : rgb(255,255,255); text-decoration : underline; font-weight : bold; font-size : 8pt; }
a.qlw:hover		{ font-family : Arial; color : rgb(255,0,0);     text-decoration : underline; font-weight : bold; font-size : 8pt; }

a.qlr			{ font-family : Arial; color : rgb(0,0,100); text-decoration : none; font-weight : bold; font-size : 10pt; }
a.qlr:link		{ font-family : Arial; color : rgb(0,0,100); text-decoration : none; font-weight : bold; font-size : 10pt; }
a.qlr:visited	{ font-family : Arial; color : rgb(0,0,100); text-decoration : none; font-weight : bold; font-size : 10pt; }
a.qlr:active	{ font-family : Arial; color : rgb(0,0,100); text-decoration : none; font-weight : bold; font-size : 10pt; }
a.qlr:hover		{ font-family : Arial; color : rgb(255,0,0); text-decoration : none; font-weight : bold; font-size : 10pt; }

input.submit_button	{ align: center;}

a.databaseinfo, a.databaseinfo:link, a.databaseinfo:visited, a.databaseinfo:active
	{
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	font-size: 8pt;
	
	background-color: #C8C8C8;
	}

a.databaseinfo:hover
	{
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: text-bottom;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	font-size: 8pt;

	background-color: #AAAAAA;
	}

.calendar_statusleiste {
    font-family: Arial, Helvetica;
    font-size: 10px;
    margin: 1px;
    padding: 1px;
    text-align: center;
    background-color: #f0f0f0;
}
.calendar_statusleiste a {
	color: black;
	text-decoration: none;
}
.calendar_statusleiste a:hover {
	color: silver;
	text-decoration: underline;
}
.calendar_wochentage {
    font-family: Arial, Helvetica;
    font-size: 12px;
    margin: 1px;
    padding: 1px;
    border: 0px solid #c0c0c0;
    background-color: #e0e0e0;
    color: #000000;
    text-align: center;
    vertical-align: middle;
}
.calendar_months {
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    margin: 1px;
    padding: 1px;
    border-bottom: 1px solid #c0c0c0;
    background-color: #e0e0ff;
    color: #000000;
    text-align: center;
    vertical-align: middle;
}
.calendar_months a {
    text-decoration: none;
    color: #000000;
}
.calender_table {
    background-color: #f0f0f0;
    border: 1px solid #000000;
    font-family: Arial, Helvetica;
    font-size: 13px;
}

td.tablehead
	{
		background-color: #00236d;
		color: white;
		font-size: 8pt;
	}
td.tabledata
	{
		font-size: 8pt;
	}
	


table.tool
{
	border-collapse: collapse;
	border:1px #c8c8c8 solid;
}

table.tool caption
{
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	color: black;
	padding-left: 2px;
}

table.tool th
{
	border:1px #c8c8c8 solid;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	color: white;
	background-color: #00236d;
	padding: 5px;
}

table.tool td
{
	border:1px #c8c8c8 solid;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	color: black;
	padding: 5px;
}



#SubNavigation a, #SubNavigation a:visited, #SubNavigation a:active, #SubNavigation a:link {
	display: block;
	float: left;
	background-color: #DDDDDD;
	padding: 5px;
	border: 1px solid #888;
	height: 15px;
	text-decoration: none;
	color: black;
}

#SubNavigation a:hover {
	background-color: #EEEEEE;
	text-decoration: underline;
}

#SubNavigation a.aktiv, #SubNavigation a.aktiv:visited, #SubNavigation a.aktiv:active, #SubNavigation a.aktiv:link {
	display: block;
	float: left;
	background-color: #bf8d24;
	padding: 10px;
	border: 1px solid #888;
	height: 15px;
	text-decoration: none;
	color: white;
}

#SubNavigation a.aktiv:hover {
	text-decoration: underline;
}

#SubNavigation div.Trenner {
	float: left;
	position: relative;
	width: 10px;
	height: 1px;
	background-color: #888;
	font-size: 1px;
	top: 15px;
}

div#SubNavigation {
	white-space: nowrap;
	display: block;
	float: left;
	width: 100%;
/*	padding-bottom: 20px; */
}

input.feature, textarea.feature, select.feature
{
	color: darkblue;
	width: 100%;
}

div.Artikelstamm
{
	width: 700px;
}

div.Artikelstamm select	{font-size: 11px}
div.Artikelstamm input	{font-size: 11px; width: 100%;}

div.Artikelstamm td.PZN			{width: 55px;}
div.Artikelstamm td.Price 		{width: 53px;}
div.Artikelstamm .Datum			{width: 65px;}
div.Artikelstamm .btn			{width: auto;}

table.ErgebnisTabelle
{
	width: 800px;
}

table.ErgebnisTabelle td
{
}

table.ErgebnisTabelle th
{
	text-align: center;
	background-color: #F2F2F2;
	white-space: nowrap;
	font-size: 12px;
}



/****** bootstrap adjustments ******/
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	margin-left: 0;
}

.text-white td {
	color: white;
}
.container, .container p, .container a {
	font-family: var(--bs-body-font-family);
	color: var(--bs-body-font-size);
	font-size: var(--bs-body-font-size);

	text-decoration: initial;
	font-weight: initial;
}
.container a.btn {
	color: white;
}

.CustomerResult, .OrderList, .OrderItem {
	padding: 5px;
	margin: 10px 0;
	border: 1px solid transparent;
	border-left-width: 4px;
	border-radius: 3px;

	cursor: pointer;
}

.CustomerResult div, .OrderList div {
	padding: 3px 6px;
}

.CustomerResult div div, .OrderList div div {
	overflow-x: hidden;
}

.CustomerResult.Apotheker {
	border-color: #eee;
	border-left-color: #ccc;
	background-color: #eee;
}
.CustomerResult.Apotheker:hover {
	border-color:#ccc;
	border-left-color: #bbb;
}

.CustomerResult.Apotheker.StadaDirektApproval {
	border-color: #fee;
	border-left-color: #fdd;
	background-color: #fee;
}
.CustomerResult.Apotheker.StadaDirektApproval:hover {
	border-color: #fdd;
	border-left-color: #fcc;
}

.CustomerResult.Blisterzentrum {
	border-color: #efe;
	border-left-color: #cfc;
	background-color: #efe;
}
.CustomerResult.Blisterzentrum:hover {
	border-color:#cfc;
	border-left-color: #bfb;
}

.CustomerResult.Klinik {
	border-color: #fef;
	border-left-color: #fcf;
	background-color: #fef;
}
.CustomerResult.Klinik:hover {
	border-color:#fcf;
	border-left-color: #fbf;
}

.CustomerResult.Großhandel {
	border-color: #eef;
	border-left-color: #ccf;
	background-color: #eef;
}
.CustomerResult.Großhandel:hover {
	border-color:#ccf;
	border-left-color: #bbf;
}

.CustomerResult.Versandhandel {
	border-color: #fec;
	border-left-color: #fc9;
	background-color: #fec ;
}
.CustomerResult.Versandhandel:hover {
	border-color: #fc9;
	border-left-color: #fb8;
}

.OrderList.AllOkay {
	border-color: #efe;
	border-left-color: #cfc;
	background-color: #efe;
}
.OrderList.NotAllOkay {
	border-color: #fec;
	border-left-color: #fc9;
	background-color: #fec;
}
.OrderList.NotOkay {
	border-color: #fee;
	border-left-color: #fdd;
	background-color: #fee;
}

.OrderItem.Okay {
	border-left-color: #cfc;
	background-color: #efe;
}
.OrderItem.NotOkay {
	border-left-color: #fdd;
	background-color: #fee;
}

.small {
	font-size: 0.75rem;
}

.Order a {
	font-size: 10pt;
}

.Order a:hover {
	background-color: red;
	color: white;
}

table.OrderItem {
	margin: 0px 10px 20px 10px;
}
table.Order td, table.OrderItem td {
	vertical-align: middle;
}

table.OrderItem th {
	font-size: small;
}


table.CustomerShort {
	padding: 5px;
}

table.CustomerShort th, table.CustomerShort td {
	font-size: 0.9rem;
	font-weight: normal;
	padding: 5px;
	vertical-align: baseline;
	line-height: 1.2rem;
}

table.Order form, table.OrderItem form {
	margin: initial;
}

/*
select case rs1("Usertype")
	case 153:
		ALTcolor="#EEEEFF"
	case 174:
		ALTcolor="#EEFFEE"
	case 176:
		ALTcolor="#FFEEFF"
	case else
		if TrueOrFalse(rs1("STADAdirekt").value) then
			ALTcolor = "#FFEEEE"
		else
			ALTcolor="#EDEDED"
		end if
end select
*/
/****** bootstrap adjustments ******/

.ArticleResult, .ArticleQueue {
	background-color: #FFF;
}

.ArticleResult .bg-marked, .ArticleQueue .bg-marked, .ArticleQueue .BlockArticle:hover {
	background-color: #EEF;
}

.ArticleResult:nth-child(even), .ArticleQueue:nth-child(even) {
	background-color: #EEE;
}
.ArticleResult:nth-child(even) .bg-marked, .ArticleQueue:nth-child(even) .bg-marked, .ArticleQueue:nth-child(even) .BlockArticle:hover  {
	background-color: #DDE;
}


.ArticleResult, .ArticleQueue {
	font-size: 14px;
}

.ArticleResult > div > div, .ArticleQueue > div > div {
	padding: 5px;
}

.ArticleResult .fieldDescription {
	width: 200px;
	min-height: 50px;
}
.ArticleResult .fieldText {
	width: 75px;
}
.ArticleResult .fieldNumber {
	width: 65px;
}
.ArticleResult .fieldCheck {
	width: 40px;
}
.ArticleResult .fieldCheck.hasCheckbox {
	font-size: larger;
}
.ArticleResult .fieldSelect {
	width: 85px;
}
.ArticleResult .fieldBlock {
	width: 100px;
}
.ArticleResult .fieldBlockWide {
	width: 150px;
}
.ArticleResult .fieldNote {
	width: 700px;
}
.ArticleResult .fieldDate {
	width: 135px;
}




.ArticleResult input[type=text], .ArticleResult input[type=number] {
	width: 100%;
}

.ArticleResult input[type=checkbox] {
	margin-top: 5px;
}

.ArticleResult.Head, .ArticleQueue.Head {
	font-weight: bold;
}


.ArticleResult .text-vertical {
	writing-mode: vertical-rl;
	text-orientation: use-glyph-orientation;
	text-align: left;
	padding: 7px;
}

.ArticleResult mark {
	padding: 0;
}

.ArticleQueue .wp50 { width: 50px; }
.ArticleQueue .wp75 { width: 75px; }
.ArticleQueue .wp100 { width: 100px; }
.ArticleQueue .wp125 { width: 125px; }
.ArticleQueue .wp150 { width: 150px; }
.ArticleQueue .wp175 { width: 175px; }
.ArticleQueue .wp200 { width: 200px; }
.ArticleQueue .wp300 { width: 300px; }
.ArticleQueue .wp400 { width: 400px; }

#fileUpload #drop-area {
	width: 100%;
	padding: 40px;
	background-color: white;
}

#fileUpload #drop-area.highlight {
	background-color: lightcoral;
}

#fileUpload #fileElem {
	display: none;
}

#fileUpload #progress-bar {
	position: absolute;
	bottom: 0px;
	left: 0px;

	-webkit-appearance: none;
	appearance: none;

	width: 100%;
	height: 15px;
	background-color: transparent;
	border: 0px solid white;
}

#fileUpload #progress-bar:not([value]), #fileUpload #progress-bar[value="0"] {
	/*display: none;*/
}