:root {
	--color-main: #333333;
	--color-main-text: #ececec;
	
	--color-accent: #3c92ef;
	--color-accent-text: #ececec;
	
	--color-blue: 60, 146, 239;
	--color-teal: 0, 128, 128;
	--color-green: 39, 168, 14;
	--color-yellow: 255, 165, 0;
	--color-red: 239, 60, 75;
	
	--color-status-open: var(--color-blue);
	--color-status-feedback: var(--color-yellow);
	--color-status-canceled: var(--color-red);
	--color-status-closed: var(--color-green);
}

/*
	
		Icons

 */
.ic-20 {background-size: 20px;}


/*
	
		CashFlowViewList

 */
 
#CashFlowViewList .row [data-property="entry.description"] {
    border-left: 5px solid white;
}
#CashFlowViewList .row.supplierinvoice [data-property="entry.description"] {
    border-left-color: darkred;
}
#CashFlowViewList .row.invoice [data-property="entry.description"] {
    border-left-color: darkgreen;
}
#CashFlowViewList .row.invoicebasis [data-property="entry.description"] {
    border-left-color: green;
}
#CashFlowViewList .row.balance [data-property="entry.description"],
#CashFlowViewList .row.manual [data-property="entry.description"] {
    border-left-color: darkblue;
}
#CashFlowViewList .row.recurring [data-property="entry.description"] {
    border-left-color: purple;
}
#CashFlowViewList .row.vat [data-property="entry.description"] {
    border-left-color: darkgray;
}

#CashFlowViewList .row.negative [data-property="amount"] {
    color: red;;
}

#CashFlowViewList .row.balance div {
	font-weight: bold;
}

#CashFlowViewList .row.overdue [data-property="entry.description"] {
	color: red;
}

/*

		DashBoard

*/
.dashboard-report-boxes .today {
	background: #099cec1f;
}
.dashboard-report-boxes .other-month {
	background: #eeeeee;
}
.dashboard-report-boxes .weekend {
	background: #ec09091f;
}

/*
	
		InvoicingPreviewList

 */

#InvoicingPreviewList .row.sum div {
	font-weight: bold;
}

#InvoicingPreviewList .row.sum div[data-property="price"],
#InvoicingPreviewList .row.sum div[data-property="deliveredQuantity"] {
	font-size: 0;
}

/*
	
		Project & WorkOrder

 */
 
.project .description,
.workorder .description {
	background: white;
	font-size: 18px;
}

.ProjectList [data-property=status],
.ProjectList [data-property=priority],
.WorkOrderList [data-property=priority],
.WorkOrderList [data-property=status],
#PlanningList .row.data [data-property].status {
	font-weight: 600;
	color: rgb(var(--color));
	border-left: 1px solid rgba(var(--color), 0.2);
	border-right: 1px solid rgba(var(--color), 0.2);
	background: rgba(var(--color), 0.1);
}

.ProjectList .status-OPEN [data-property=status] {--color: var(--color-blue);}
.ProjectList .status-CLOSED [data-property=status] {--color: var(--color-green);}
.ProjectList .status-CANCELED [data-property=status] {--color: var(--color-red);}

.WorkOrderList .status-NEW [data-property=status] {--color: var(--color-blue);}
.WorkOrderList .status-IN_PROGRESS [data-property=status] {--color: var(--color-blue);}
.WorkOrderList .status-FEEDBACK [data-property=status] {--color: var(--color-yellow);}
.WorkOrderList .status-CLOSED [data-property=status] {--color: var(--color-green);}
.WorkOrderList .status-CANCELED [data-property=status] {--color: var(--color-red);}

.mvclist .priority-5 [data-property=priority] {--color: var(--color-blue);}
.mvclist .priority-4 [data-property=priority] {--color: var(--color-teal);}
.mvclist .priority-3 [data-property=priority] {--color: var(--color-green);}
.mvclist .priority-2 [data-property=priority] {--color: var(--color-yellow);}
.mvclist .priority-1 [data-property=priority] {--color: var(--color-red);}

#PlanningList .row.data [data-property].status.good {--color: var(--color-green);}
#PlanningList .row.data [data-property].status.ok {--color: var(--color-blue);}
#PlanningList .row.data [data-property].status.warning {--color: var(--color-yellow);}
#PlanningList .row.data [data-property].status.error {--color: var(--color-red);}

/*
	
		WorkOrder

 */

.mvcentity.WorkOrder > p {
	padding: 0px 30px 10px;
}

/*
	
		ReportList

 */

.ReportList [data-property=date] {
	white-space: nowrap;
}


/*
	
		AllocatedArticleList

 */

#AllocatedArticleListViewList .completed {
    color: #b5b5b5;
}



/*
	
		HostListViewList

 */
#HostListViewList .body [data-property=status] {
	padding: 0px;
}
#HostListViewList [data-property] span.stat-data-status {
	min-width: 200px;
    display: inline-block;
}
#HostListViewList [data-property] span.stat-data-status > span {
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 9px;
}

span.stat-data-status {
    padding: 5px;
    text-align: right;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 24px;
    border-right: 10px solid gray;
    border-bottom: 2px solid gray;
    background: #8080803d;
}

span.stat-data-status.ok {
	background: #0080013d;
	border-color: green;
}

span.stat-data-status.warning {
	background: #f443363d;
	border-color: #f44336;
}

span.stat-data-status.old {
	opacity: 0.5;
}

.MvcTitle.Host .mvctitle-title-right > .MvcText {
	flex-direction: column;
    padding: 0;
}

.MvcTitle.Host .mvctitle-title-right > .MvcText > span.stat-data-status {
	font-size: 20px;
	min-width: 200px;
	flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/*

		PlanningList

*/

#PlanningList .current_week {
	border-left: 1px solid black !important;
}

#PlanningList .off_schedule {
	background: #EEE;
}

#PlanningList .nothing_planned {
	color: #cdcdcd;
}

#PlanningList .row.data span.reported {
	position: absolute;
	right: 0px; left: 0px;
	bottom: 0px;
	font-size: 9px;
	text-align: center;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.72);
}