@CHARSET "UTF-8";

* {
	font-family:Verdana,Geneva,sans-serif;
	font-size:10pt;
}

#header_text
{
	font-size:14pt;
}

#sitecontent
{
	/*
	position:absolute;
	top:100px;
	margin-left:50px;
	width: 100%;
	*/
  padding-left: 25px;
  padding-right: 25px;
  position: absolute;
  top: 100px;
  width: 95%;	
}

.aclear {
    text-decoration: none;
}


.breadcrumbnavi
{
	font-size:12pt;
}

.breadcrumbnavi a
{
	font-size:12pt;
}

table, th, td
{
	border-width:1px;
	border-style:solid;
	border-color:grey;
	border-collapse:collapse;
	padding:4px;
	margin:2px;
	text-align:left;
	vertical-align:top;
	font-family:Verdana,Geneva,sans-serif;
	font-size:10pt;
	color:black;	
}
th
{
	background-color:var(--primary-color);
	color:white;
}
td a
{
	font-size:10pt;
}

table.noborder,
table.noborder th,
table.noborder td {
	border-width:0px;
}

#printinvoicescrolldiv
{
 width:auto; height:600px;
 overflow:auto;
 float:left;
 margin-right:15px;
 width:165px;	
}


.invoicedescription-unset {
	background-image:url(/images/infof.png);
	background-repeat:no-repeat;	
	background-position: center 2px;
	width:25px;
	cursor:pointer;		
}
.invoicedescription-set {
	background-image:url(/images/info.png);
	background-repeat:no-repeat;	
	background-position: center 2px;
	width:25px;
	cursor:pointer;		
}

.open-reminder-fee-inactive {
	background-image:url(/images/open_reminder_inactive.png)!important;
	background-repeat:no-repeat!important;
	background-position: center 2px!important;
	width:25px;
	cursor:pointer;
}
.open-reminder-fee-active {
	background-image:url(/images/open_reminder_active.png)!important;
	background-repeat:no-repeat!important;
	background-position: center 2px!important;
	width:25px;
	cursor:pointer;
}

#menuitem
{
	display:none;
	position:absolute;
	background-color:#E2E7FF;
	border-color:var(--primary-color);
	border-style:solid;
	border-width:2px;
	color:black;
	font-family:Verdana,Geneva,sans-serif;
	font-size:8pt;
	font-weight:bold;
	width:180px;
	/*height:180px;*/
	padding:0px;
	margin:0px; 	
}
#menuitem_head
{
	background-color:var(--primary-color);
	color:white;
	font-size:8pt;
	font-weight:bold;
	margin-left:0px;
}
#menuitem_content
{
	margin-top:4px;
	margin-bottom:4px;
	margin-left:6px;
}
#menuitem_content_link
{
	color:black;
	font-size:8pt;
}

/* Offene Artikel : Zeile mit KdNr und Kundenname */
#oatdcust
{
	background-color:var(--primary-color);
	color:white;	
}
#oatdpgroup
{
	background-color:maroon;
	color:white;	
}
#oatddesc
{
	width:500px;
}
#linktd1
{
	color:white;
}
/* Artikel ist in Bearbeitung */
#oatd_articleinprocess
{
	background-color:Red;
	color:white;
	text-align:center;	
}


/*
 * Listenansicht : Rechnungen erstellen
 */
#listview_1_td_0
{
	background-image:url(/images/edit.png);
	background-repeat:no-repeat;	
	background-position: center 6px;
	width:25px;
	cursor:pointer;	
}

/*
 * Listenansicht : Produktgruppen / Preisgruppen
 */
table.listview,
table.listview th,
table.listview tr,
table.listview td
{
	border-width:0px;	
}
#listview_0_td_0
{
	background-color:var(--primary-color);
	color:white;
	background-image:url(/images/edit.png);
	background-repeat:no-repeat;	
	background-position:center center;
	width:25px;
	cursor:pointer;
	border-width:1px;		
}
#listview_0_td_1
{
	background-color:var(--primary-color);
	color:white;	
	border-width:1px;
}
#listview_0_td_2
{
	background-color:white;
	border-width:1px;
}

#listview_0_td_3
{
	border-width:0px;	
}
#listview_0_link_0
{
	color:white;
}








#navButton
{
text-align:center;
border-color:grey;
border-width:1px;
border-style:solid;
height:40px;
width:150px;
float:left;
margin-right:5px;	
}

#infomessage
{
	font-weight:bold;
	color:red;
}



/*
 *
 * Auftragsansicht
 *
 */

.Order_Article_Row_Header {
    margin: 5px 5px 25px 5px;
    clear:both;
}

.Order_Article_Row {
    border-top-color: #A6C9E2;
    border-top-style: solid;
    border-top-width: 1px;
    margin: 5px 5px 5px 5px;
    padding-top: 5px;
    overflow: auto;
    clear:both;
}

.Order_Article_Cell_50 {
    margin: 0 5px 0 5px;
    width: 50px;
    float:left;
}
.Order_Article_Cell_550 {
    margin: 0 5px 0 5px;
    width: 550px;
    float:left;
}
.Order_Article_Cell_80 {
    margin: 0 5px 0 5px;
    width: 80px;
    float:left;
}
.Order_Article_Cell_100 {
    margin: 0 5px 0 5px;
    width: 100px;
    float:left;
}


/*
 *
 * Gutschriften
 *
 */

.Creditnote_Article_Row_Header {
    margin: 5px 5px 25px 5px;
    clear:both;
}

.Creditnote_Article_Row {
    border-top-color: #A6C9E2;
    border-top-style: solid;
    border-top-width: 1px;
    margin: 5px 5px 5px 5px;
    padding-top: 5px;
    overflow: auto;
    clear:both;
}

.Creditnote_Article_Cell_50 {
    margin: 0 5px 0 5px;
    width: 50px;
    float:left;
}
.Creditnote_Article_Cell_670 {
    margin: 0 5px 0 5px;
    width: 670px;
    float:left;
}
.Creditnote_Article_Cell_80 {
    margin: 0 5px 0 5px;
    width: 80px;
    float:left;
}
.Creditnote_Article_Cell_100 {
    margin: 0 5px 0 5px;
    width: 100px;
    float:left;
}


/*
 * Customer Info Tab
 */
.info_tab_row {
    border-bottom-color: #A6C9E2;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 5px 5px 5px 5px;
    padding-bottom: 5px;
    overflow: auto;
    clear:both;
}

/*
 * 
 * Style for DIV Calendar Popup 
 * 
 */

	.CalendarPopUpcpYearNavigation,
	.CalendarPopUpcpMonthNavigation
			{
			background-color:#FFFFFF;
			text-align:center;
			vertical-align:middle;
			text-decoration:none;
			color:#000000;
			font-weight:bold;
			}
	.CalendarPopUpcpDayColumnHeader,
	.CalendarPopUpcpYearNavigation,
	.CalendarPopUpcpMonthNavigation,
	.CalendarPopUpcpCurrentMonthDate,
	.CalendarPopUpcpCurrentMonthDateDisabled,
	.CalendarPopUpcpOtherMonthDate,
	.CalendarPopUpcpOtherMonthDateDisabled,
	.CalendarPopUpcpCurrentDate,
	.CalendarPopUpcpCurrentDateDisabled,
	.CalendarPopUpcpTodayText,
	.CalendarPopUpcpTodayTextDisabled,
	.CalendarPopUpcpText
			{
			font-family:Verdana,Geneva,sans-serif;
			font-size:8pt;
			}
	TD.CalendarPopUpcpDayColumnHeader
			{
			text-align:right;
			border:solid thin #000000;
			border-width:0px 0px 1px 0px;
			}
	.CalendarPopUpcpCurrentMonthDate,
	.CalendarPopUpcpOtherMonthDate,
	.CalendarPopUpcpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.CalendarPopUpcpCurrentMonthDateDisabled,
	.CalendarPopUpcpOtherMonthDateDisabled,
	.CalendarPopUpcpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	.CalendarPopUpcpCurrentMonthDate
			{
			color:#000000;
			font-weight:bold;
			}
	.CalendarPopUpcpCurrentDate
			{
			color: #FFFFFF;
			font-weight:bold;
			}
	.CalendarPopUpcpOtherMonthDate
			{
			color:#000000;
			}
	TD.CalendarPopUpcpCurrentDate
			{
			color:#FFFFFF;
			background-color: var(--primary-color);
			border-width:1px;
			border:solid thin #000000;
			}
	TD.CalendarPopUpcpCurrentDateDisabled
			{
			border-width:1px;
			border:solid thin #FFAAAA;
			}
	TD.CalendarPopUpcpTodayText,
	TD.CalendarPopUpcpTodayTextDisabled
			{
			border:solid thin #6677DD;
			border-width:1px 0px 0px 0px;
			}
	A.CalendarPopUpcpTodayText,
	SPAN.CalendarPopUpcpTodayTextDisabled
			{
			height:20px;
			}
	A.CalendarPopUpcpTodayText
			{
			color:#000000;
			font-weight:bold;
			}
	SPAN.CalendarPopUpcpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	.CalendarPopUpcpBorder
			{
			border:solid thin var(--primary-color);
			}



/*
 * END Calendar Popup
 */









/*
#divid
{
 position:absolute;
 left:450px; top:350px; width:300px; height:150px;
 overflow:scroll;
}
*/


/* Cool Menu BEGIN */
/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0px; top:0px}
/* CoolMenus 4 - default styles - end */
  
/*Style for the background-bar*/
.clBar{position:absolute; width:10px; height:10px; background-color:var(--primary-color); /*layer-background-color:Navy;*/ visibility:hidden}

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold}
.clLevel0{background-color:var(--primary-color); /*layer-background-color:Navy;*/ color:white;}
.clLevel0over{background-color:var(--secondary-color); /*layer-background-color:#336699;*/ color:Yellow; /*cursor:pointer; cursor:hand;*/ }
.clLevel0border{position:absolute; visibility:hidden; background-color:var(--secondary-color); /*layer-background-color:#006699*/}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
.clLevel1{background-color:var(--primary-color); /*layer-background-color:Navy;*/ color:white;}
.clLevel1over{background-color:var(--secondary-color); /*layer-background-color:#336699;*/ color:Yellow; /*cursor:pointer; cursor:hand;*/ }
.clLevel1border{position:absolute; visibility:hidden; background-color:var(--secondary-color); /*layer-background-color:#006699*/}

/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
.clLevel2{background-color:var(--primary-color); /*layer-background-color:Navy;*/ color:white;}
.clLevel2over{background-color:var(--secondary-color); /*layer-background-color:#0099cc;*/ color:Yellow; /*cursor:pointer; cursor:hand;*/ }
.clLevel2border{position:absolute; visibility:hidden; background-color:var(--secondary-color); /*layer-background-color:#006699*/}
/* Cool Menu END */

.header_logo {
	display: inline-block;
	float: left;
	margin-right: 20px;
}
.header_text {
	line-height: 40px;
}

/*
 * Reminder Templates
 */
.static-element-name {
	width: 200px;
	display: inline-block;
	margin: 5px 0;
}
.static-element-content {
	width: 250px;
}
.static-element-submit {
	margin:10px;
}
.new-dynamic-element {
	width: 120px;
	display: inline-block;
	margin: 5px 0;
	vertical-align: top;
}
#dynamic-elements {
	padding-left: 0;
}
.dynamic-textblock {
	list-style-type: none;
	width:100%;

	border: 1px solid #4297d7;
	background-color: #fff;
	margin: 5px 0;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	clear: both;
	display: inline-block;
}
.dynamic-textblock-name {
	float:left;
	margin: 5px;
	width: 120px;
}
.dynamic-textblock-content {
	float:left;
	margin: 5px;
	width: 300px;
}
.dynamic-textblock-calculated-content {
	float:left;
	width:50px;
}
.dynamic-textblock-edit-icon {
	float:right;
	background: url("../images/edit.png") no-repeat;
	height: 16px;
	width: 16px;
	position: relative;
	top: 5px;
	margin-right: 15px;
}
.save-textblock-icon {
	float:right;
	background: url("../images/save.svg") no-repeat;
	height: 13px;
	width: 13px;
	position: relative;
	top: 5px;
	margin-right: 45px;
}
.edit-textblock-name {
	float:left;
	width: 120px;
	margin: 5px;
}
.edit-textblock-content {
	float:left;
	width: 300px;
	margin: 5px;
}
.dynamic-textblock-delete-icon {
	float:right;
	background: url("../images/delete_16x16.gif") no-repeat;
	height: 16px;
	width: 16px;
	position: relative;
	top: 5px;
	margin-right: 15px;
}
.preview-button {
	float: right;
}
.content-box {
	font-size: 12px!important;
	margin: 5px;
	border: 1px solid lightgrey;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}

.invoice-search {
	width: 200px;
}
.tablesorter-pager .prev img, .tablesorter-pager .next img {
	position: relative;
	top: 3px;
}
.pager-controls {
	margin-top: 10px;
}

/*
customer projects:
 */
.insert-project label {
	display: flex;
	justify-content: right;
	width:600px;
}
.insert-project input {
	width: 250px;
}
tr.project td {
	background-color: #d2d2f6;
}
tr.project-information td {
	background-color: #e6e6fc;
}
td.center {
	text-align: center;
	vertical-align: middle;
}
a.pointer {
	cursor: pointer;
}