/*
 * (C) Copyright Unicon Creation BV 2023-2025 - All Rights Reserved
 *
 * This software may not be used, copied, modified, or distributed in any
 * form without express permission from Unicon Creation BV. Please contact
 * Unicon Creation BV for license information.
 */

html
{
	background: #eee;
	height: 100%;
}

body
{
	background: white;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	min-height: 100vh;
	position: relative;
}

body::after
{
	position: absolute;
	content: '';
	width: 100%;
	top: 0;
	height: 1000px;
	box-shadow: 0 -850px 100px 0 rgba(0, 0, 0, 0.3);
	margin-left: -50%;
	pointer-events: none; /* This prevents the ::after element from blocking clicks */
}

div.header img.logo
{
	margin-left: 25px;
}

div.body
{
	margin: 25px;
}

/*
 * Style for link bar
 */
div.header ul.links
{
	line-height: 19px;
	background: #444444;
	border-top: 3px solid #838383;
	border-bottom: 3px solid #838383;
	padding-left: 13px;
}

div.header ul.links a
{
	color: white;
	margin: 0;
}

div.header ul.links a:hover
{
	background: #646468;
	border-bottom: 3px solid #dce444;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 4px;
}

/*
 * Forms and miscellaneous
 */
a
{
	color: #222;
}

a img,
img.bordericon
{
	border-color: #888;
}

dt
{
	color: #737373;
}

input, textarea, select
{
	color: black;
	background-color: white;
	border-color: #999;
}

input:disabled, textarea:disabled, select:disabled
{
	opacity: 0.7;
}

h1, h2, h3, h4, h5
{
	color: #444;
}

p
{
	margin-top: 1em;
}

hr
{
	background-color: black;
}

div.labeledImage,
table.itemtable,
div.form div.title,
div.form div.buttons
{
	border-collapse: collapse;
	border: 1px solid #bbb;
}

th.itemtable,
div.form div.title,
div.labeledImage div.label
{
	border-top: 2px solid #888;
	background: #777; /*#d8e040;*/
	border-bottom: 2px solid #d8e040;
	padding: .2em;
}

th.itemtable,
div.form div.title,
div.labeledImage div.label,
div.labeledImage div.label a
{
	color: white;
}

table.folder table.title td.title
{
	border-bottom: 1px solid #999;
}

th.itemtable.twoRows
{
	vertical-align: bottom;
}

th.itemtable.twoRows.top
{
	font-weight: normal;
	border-bottom: none;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

th.itemtable.twoRows.bottom
{
	border-top: none;
}

th.itemtable.twoRows.bottom.first
{
	border-left: 1px solid #999;
}

th.itemtable.twoRows.bottom.last
{
	border-right: 1px solid #999;
}

table.itemtable tr.active
{
	background: #e7eab9;
}

table.subtable
{
	border-collapse: collapse;
	border: 1px solid #666;
	margin-bottom: .5em;
}

table.subtable th
{
	background: #999; /*#d8e040;*/
	color: white;
	border-bottom: 2px solid #666;
}

tr.orderTotals td.subTotal.value
{
	border-color: #666
}

tr.orderTotals td.total.value
{
	border-color: #666;
}

div.form div.buttons
{
	border-top: 2px solid #d8e040;
	background: #777; /*#d8e040;*/
	color: white;
	border-bottom: 2px solid #888;
	padding: .2em;
}

div.form table.itemtable
{
	border-top: none;
	border-bottom: none;
}

div.form table.notitle
{
	border-top: 1px solid #bbb;
}

th.itemtable a,
table.subtable th a
{
	color: white;
}

table.itemtable tr.separator td
{
	border-bottom: 1px solid #ccc;
}

tr.even
{
	background: #eee;
}

td.good
{
	background-color: #b6d6ab;
}

td.bad
{
	background-color: #e8948b;
}

tr.odd td.good
{
	background-color: #bedeb3;
}

tr.odd td.bad
{
	background-color: #f09c93;
}

tr.even td.good
{
	background-color: #aecea3;
}

tr.even td.bad
{
	background-color: #e08c83;
}

td.odd
{
	background-color: #f0e8f8;
}

tr.even td.odd
{
	background-color: #e6deee;
}

td.even
{
	background-color: #f8fce8;
}

tr.even td.even
{
	background-color: #eef2de;
}

.ivenza-button,
input.ivenza-button,
a.ivenza-button
{
	background: #666;
	color: #fff;
	border: 1px solid #888;
}

.ivenza-button:hover
{
	border-color: #d8e040;
	background: #333;
}

.managerMenu div.title,
.quickAccess div.title
{
	display: block;
	background: #777; /*#d8e040;*/
	color: white;
	padding: 0.2em;
	border: 1px solid #bbb;
}

.managerMenu div.contents,
.quickAccess div.contents
{
	border: 1px solid #bbb;
	border-top: 2px solid #d8e040;
}

table.itemtable,
.managerMenu div.contents,
.quickAccess div.contents,
form.search,
div.filterSelectionUI
{
	background: #f8f8f8;
}

table.subform
{
	background: #eee;
	border-color: #ccc;
}

div.form div.buttons .ivenza-button
{
	background: #444;
	border-color: #eee;
}

div.form div.buttons .ivenza-button:hover
{
	border-color: #d8e040;
	background: #222;
}

a.table-export-button
{
	background: #f8f8f8;
	border-color: #ccc;
	font-size: 90%;
	color: #666;
}

a.table-export-button:hover,
a.table-export-button:active
{
	background-color: #ccc;
	border-color: #444;
	color: black;
}

div.labeledImage
{
	background: white;
}

div.labeledImage div.image
{
	margin: 10px;
}

div.error
{
	border-color: #999;
}

div.error h3
{
	color: #900;
}

.popup-dialog
{
	background: #ccc;
	border: 5px solid #444;
}

.popup-close
{
	position: relative;
	left: 1.5em;
	top: -1.5em;
	border: 2px solid #444;
	float: right;
	/*border-right: 5px solid #444;*/
	background: #c44;
	color: white;
	font-weight: bold;
}

.chooser-scroller
{
	background: #eee;
	border-color: #bbb;
	padding: 0;
}

.chooser-scroller table.itemtable
{
	border: none;
}

.chooser-disabled
{
	color: #888;
}

div.chooser-viewonly,
table.chooser-viewonly,
.chooser-viewonly li
{
	border: 1px solid #999;
	background: white;
}

.chooser-container tr.selected,
.chooser-container .tileChooserView li.selected
{
	font-weight: bold;
	background: #ffc;
}

/*
 * Support for a customer logo and seperate Ivenza logo.
 */
.logo img
{
	margin: 10px;
}

.logo2
{
	background: url("https://cdn.ivenza.net/images/ivenza-250x50.png");
	position: absolute;
	right: 20px;
	top: 15px;
	width: 250px;
	height: 50px;
}

div.form div.buttons input.green,
div.form div.buttons a.green
{
	margin-left: 1em;
}

dl.legend,
div.form form.search,
div.filterSelectionUI,
div.form form,
div.form div.formContent
{
	border-color: #bbb;
}

form .error
{
	color: red;
	font-weight: bold;
}

table.cutPlanInstructions tr.productionItem
{
	color: #080;
}

table.cutPlanInstructions tr.subdivide
{
	color: #880;
}

table.cutPlanInstructions tr.waste
{
	color: #888;
}

table.cutPlanInstructions tr.margin
{
	color: #888;
}

form span.requiredField
{
	color: #d44;
	font-weight: bold;
}

form .requiredFieldHelp
{
	color: #888;
}

form p.error,
form span.error
{
	color: #d00;
	font-weight: normal;
}

form input.invalid
{
	border-color: #d00;
}

form .fieldNote
{
	color: #888;
}

p.login.error
{
	color: #d00;
	font-weight: bold;
}

p.login
{
	width: 350px;
}

ul.locales
{
	border-top-color: #888;
}

ul.locales a
{
	color: #444;
}

/*
 * Operations
 */
div.operations div.group h3.default
{
	display: none;
}

@media print
{
	div.operations
	{
		display: none;
	}
}

/*
 * /shop/catalog
 */
.catalog li
{
	background: #f8f8f8;
	border-color: #ccc;
}

.catalog li a.preview
{
	border-color: #ccc;
	background: white;
}

.catalog ul.items li a.preview
{
	border-right: 1px dashed #ccc;
}

.catalog ul.links
{
	border-top-color: #ccc;
}

/*
 * /shop/catalog/model.jsp
 */
.modelImage
{
	border: 1px solid #ccc;
	float: left;
	margin: 2em 1em 2em 0;
	text-align: center;
}

.modelImage h3
{
	font-size: 10pt;
	margin-bottom: 5px;
	margin-top: 0;
	border-bottom: 1px solid #ccc;
	background: #eee;
	font-weight: bold;
}

.modelButtons
{
	clear: left;
	margin-top: 2em;
}

/*
 * Warning messages:
 *  - ROM integrity failures (in shopping cart).
 *  - No JavaScript/Java warnings.
 */
.integrityFailure,
h3.noscript
{
	background: #fd8;
	border: 1px solid #c80;
	color: black;
}

.folder-up::before {
	content: url("data:image/svg+xml;utf8,<?xml version='1.0' standalone='no'?><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path fill='none' d='M0 0h24v24H0z'/><rect width='18' height='14' x='3' y='6' rx='2' ry='2' fill='black'/><path style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,200,67); fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' d='M12.414 5H21a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h7.414l2 2zM13 13h3l-4-4-4 4h3v4h2v-4z'/></g></svg>");
	width: 16px;
	height: 16px;
	display: inline-block;
}

.folder-closed::before {
	content: url("data:image/svg+xml;utf8,<svg version='1.0' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' enable-background='new 0 0 48 48'><path fill='%23FFA000' d='M40,12H22l-4-4H8c-2.2,0-4,1.8-4,4v8h40v-4C44,13.8,42.2,12,40,12z'/><path fill='%23FFCA28' d='M40,12H8c-2.2,0-4,1.8-4,4v20c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V16C44,13.8,42.2,12,40,12z'/></svg>");
	width: 16px;
	height: 16px;
	display: inline-block;
}

.edit-table::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/svg%3E");
	width: 12px;
	display: inline-block;
	color: inherit;
	background-color: currentColor;
	mask-position: center;
	mask-size: 12px;
	mask-repeat: no-repeat;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 512 438.76'%3E%3Cpath d='M61.42 0h338.91c33.78 0 61.42 27.65 61.42 61.42V178.3c-2.65-.26-5.31-.34-7.96-.22-1.79.05-3.59.2-5.4.44-10.99 1.52-22.13 6.81-30.32 14.38H242.91v87.19h83.02l-27.87 26.32h-55.15v87.19h9.12l-6.73 34.81H61.42C27.65 428.41 0 400.77 0 366.98V61.42C0 27.64 27.64 0 61.42 0zm303.35 428.24-72.14 10.52 14.58-75.31 57.56 64.79zm-33.7-86.51L450.8 228.58c2.23-2.19 6.19-3.1 8.3-.83l51.52 55.84c2.31 2.56 1.54 6.26-.96 8.62L388.57 406.56l-57.5-64.83zM30.13 306.41h186.46v87.19H30.13v-87.19zm0-227.01h186.46v87.18H30.13V79.4zm0 113.5h186.46v87.19H30.13V192.9zM242.91 79.4h186.47v87.18H242.91V79.4z'/%3E%3C/svg%3E");
}