body,
div, span,
p, a, img,
hgroup, h1, h2, h3, h4, h5, h6,
abbr, address, blockquote, cite, q, time, dfn,
em, strong, s,
del, ins, mark,
sub, sup,
ol, ul, li, dl, dt, dd,
fieldset, form, label, output,
details, menu, summary,
table, tbody, tfoot, thead, tr, th, td, caption,
article, section, aside, header, main, footer, nav,
canvas, object, embed, audio, video, iframe,
pre, code, kbd, samp, var,
figure, figcaption, legend,
input, button, textarea, select, option, optgroup {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
input:where(:not([type=file]):not([type=checkbox])),select,textarea{
	background:#fff;
	height:1em;
	box-sizing:content-box;
	appearance:none;
}
html {
	margin: 0;
	padding: 0;
	border: 0;
	font: normal normal 400 normal 12pt/1 'Roboto', sans-serif;
	color: #333333;
	background: #DCDCDC;

	--select-color:#ffffff;
	--select-bg:#5294e2;
}

::selection{
	color:var(--select-color);
	background-color:var(--select-bg);
}

ul, ol, p, h1, h2, h3, h4, h5, h6, dl, pre, table {
	margin: 1em 0 0;
}
:link,
:visited{
	color: #00577f;
}
:link:hover,
:visited:hover{
	color: gray;
}
:link:active,
:visited:active{
	color: #036f9d;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
code {
	font-family: monospace;
	font-family: ui-monospace;
}
.logo {
	display: flex;
	height: 3.75em;
}
.logo img{
	height:2.1em;
	margin:auto 1em;
}
.login .logo,
.password-reset .logo {
	margin: auto;
}
.error-text {
	color: red;
	border: solid 2px red;
	border-radius: 5px;
	padding: 0.4em;
}

.navbar{
	grid-area:navbar;
	background-color:#186193;
	color:#ffffff;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.content{
	grid-area:content;
}
.sidebar {
	grid-area: sidebar;
	background-color: #165784;
}

.user-menu{
	display:flex;
	gap:.5em;
	align-items:center;
}
.menu-item button{
	background-color:transparent;
	color:currentColor;
	width:3.75em;
	height:3.75em;
	padding:0;
	border:none;
}
.menu-item button:hover{
	background-color:#ffffff;
	color:#165784;
}
.lang-select{
	z-index:1;
}
.lang-select details{
	position:relative;
}
.lang-select summary{
	width:3.75em;
	height:3.75em;
	display:flex;
	justify-content:center;
	align-items:center;
}
.lang-select ul{
	position:absolute;
	list-style:none;
	text-align:center;
	margin-top:0;
	background-color:#165784;
}
.lang-select li{
	padding-top:0.5em;
}
.lang-select button{
}
.user-photo-thumb{
	display:block;
	border-radius:.25em;
}

.login-content,
.password-reset-content {
	display: flex;
	margin-top: 10em;
}
.login-panel,
.password-reset-form {
	background-color: #ffffff;
	margin: 0 auto;
	width: 30em;
	padding: 2em;
	border-radius: 0.5em;
}

.login-panel button[type="submit"],
.password-reset-form button[type="submit"] {
	outline: 0;
	padding: 0.8em;
	font-weight: 600;
	text-transform: uppercase;
	background: rgba(22, 87, 132, 1);
	transition: all 0.5s ease;
	display: block;
	width: 100%;
	margin: 2em 0 0 0;
	color: #ffffff;
	border: 2px solid rgba(22, 87, 132, 1);
	border-radius: 5px;
}
.login-panel button[type="submit"]:hover,
.password-reset-form button[type="submit"]:hover,
.login-panel button[type="submit"]:focus,
.password-reset-form button[type="submit"]:focus {
	background-color: #ffffff;
	color: rgba(22, 87, 132, 1);
}
.login-panel input,
.password-reset-form input {
	border: 0 solid #e1e1e1;
	border-bottom-width: 2px;
	height: 2em;
	width: 100%
}
.login-panel input:focus,
.password-reset-form input:focus {
	border-color: #186193;
}
.login-panel h1,
.password-reset-form h1 {
	font-size: 1.5em;
}

.list {
	list-style: none;
	margin: 0;
}
.list-item {
	background-color: #ffffff;
	margin: .5em 0 0;
}
.li-wrap {
	display: block;
	text-decoration: none;
	padding: 0.75em;
}
.li-item-wrap {
	display: flex;
	width: 100%;
}
.li-item-wrap span {
	flex: 1 0;
	padding: .25em
}

.result-table{
	table-layout:fixed;
	width:100%;
	border-collapse:collapse;
}
.result-table thead{
	background:#000;
	color:#fff;
}
.result-table th{
	text-align:start;
}
.result-table tr{
	border-bottom:.0625em solid color-mix(currentcolor 30%,transparent);
}
.result-table th,.result-table td{
	padding:.5em .25em;
}
.currency-cell{
	text-align:end;
}
.result-table tr.related-with-next-row{
	border-bottom:.0625em solid color-mix(currentcolor 8%,transparent);
}
.removed {
	opacity:.5;
}

.sidebar  .list-item {
	background: inherit;
	border-bottom: solid 1px #ffffff;
	margin: 0;
}
.sidebar .li-wrap:hover{
	background-color: #186193;
}
.sidebar  .list a {
	color: #ffffff;
}
.sidebar  .list-item .active {
	background-color: #ffffff;
	color: #00577f;
}

button[type="submit"] {
	padding: 0.5em 1.5em;
	border-radius: .25em;
	background: rgba(22, 87, 132, 1);
	text-decoration: none;
	color: #ffffff;
	border: 1px solid rgba(22, 87, 132, 1);
}

button[type="submit"]:hover,
button[type="submit"]:focus {
	background-color: #ffffff;
	color: rgba(22, 87, 132, 1);
}

.duplication-button {
	padding:.5em 1.5em;
	border-radius:.25em;
	border:.0625em solid currentcolor;
}
.duplication-button:hover {
}


dd{
	margin:0 0 0 2em;
}

.action-bar {
	display: flex;
}
.actions-list {
	flex: 1 1 auto;
	margin: 0;
	padding: 0 2em .5em 0;
	background-color: #ffffff;
	border-bottom:.0625em solid color-mix(currentcolor 30%,transparent);
}
.actions-list .action-item{
	display: inline-block;
	margin: .5em 0 0 2em;
	white-space: nowrap;
}
.actions-list a {
	color: inherit;
	text-decoration: none;
	margin: -0.25em -1em;
	padding: 0.25em 1em;
}

.container{
	padding:0 1em 1em;
	background:#fff;
	--background:#fff;
}
.container::before{
	content:'';
	display:block;
	border-top:1px solid transparent;
	margin-top:-1px;
}

.edit-row{
	display:grid;
	grid-template-areas:'l' 'c';
	grid-template-columns:minmax(0,1fr);
	gap:1em;
}
.edit-label,
.edit-control,
.edit-control-wrap{
	display:block;
}
.edit-control{
	padding:.46875em;
	border:.0625em solid color-mix(currentcolor 30%,transparent);
	margin:-.53125em;
	background:#fff;
}
.edit-control-content{
	display:block;
	width:100%;
	margin:-.5em;
	padding:.5em;
	background:transparent;
}
.edit-row>button{
	grid-area:c;
	justify-self:start;
}
.edit-meta-hidden,
.edit-rel-hidden{
	display:none;
}
.search-form {
	padding: 1em;
	margin: 0;
	background-color: #ffffff;
}
.search-row {
	display: flex;
}
.search-label {
	width: 10em;
	flex: 0 0 auto;
	margin: 0 1em 0 0;
	padding: .5em 0;
}
.search-control {
	flex: 1 1 0;
	padding: .5em;
	border: 1px solid lightgray;
}
.ac-block {
	position: relative;
}
.ac-block input,
.ac-block select {
	width: -webkit-fill-available;
	width: -moz-available;
	width: available;
}
.ac-block input {
	/* padding: .5em;
	margin: -.5em 0; */
	display: block;
}
.ac-block.closed select {
	display: none;
}
.ac-block select {
	position: absolute;
	top: 100%;
	top: calc(100% + .5em);
	right: 0;
	left: 0;
	z-index: 1;
}

.error h1 {
	font-size: 15em;
	text-align: center;
}
.error h2 {
	font-size: 5em;
	text-align: center;
	margin: 0;
}
.search-form {
	background-color: #ffffff;
	padding: 1em;
}

.icon{
	width:auto;
	height:1em;
	vertical-align:-.1375em;
}
input[type=checkbox]{
	width:1em;
	height:1em;
	opacity:0;
	position:absolute;
	appearance:none;
}
input:checked+svg .when-off,
input:not(:checked)+svg .when-on{
	display:none;
}
svg.icon use{
	fill:currentColor;
}
.qr-code-block{
	display:block;
	width:100%;
	image-rendering:crisp-edges;
	image-rendering:pixelated;
}

.site-breadcrumb-list{
	background:color-mix(#186193 17%,white);
	margin:0;
	padding:0 1em;
	display:flex;
	flex-direction:row;
	list-style:none;
	border-bottom:.0625em solid color-mix(currentcolor 30%,transparent);
}
.site-breadcrumb-item{
	padding:.5em 1em;
}
.site-breadcrumb-item.active{
	background:#000000;
	color:#ffffff;
}
.site-breadcrumb-item.active :link,
.site-breadcrumb-item.active :visited{
	color:#42c4ff;
}
.site-breadcrumb-anchor{
	display:block;
	margin:-.5em -1em;
	padding:.5em 1em;
	word-break:break-word;
}

.muks-ac-fixture{
	display:block;
	position:relative;
}
.muks-ac-fixture:before{
	content:'_';
	visibility:hidden;
}
.muks-ac-assembly{
	display:block;
	position:absolute;
	top:.4375em;
	left:.4375em;
	right:.4375em;
}
.muks-ac-query-row{
	display:block;
}
.muks-ac-query{
}
.muks-ac-result-list{
	margin:.5em -.5em -.5em;
	padding:0 .5em;
	max-height:20em;
	overflow-y:hidden;
	overflow-y:auto;
	word-break:break-word; /* non-spec */
	word-wrap:break-word; /* non-spec, alias of overflow-wrap */
	overflow-wrap:break-word;
}
.muks-ac-button-row,
.muks-ac-result-row{
	display:block;
}
.muks-ac-button-row button{
	padding:.5em 1.5em;
	border-radius:.25em;
	background:#efefef;
	text-decoration:none;
	border:.0625em solid #efefef;
}
.muks-ac-button-row,
.muks-ac-result-row.muks-ac-info-row,
.muks-ac-result-row.muks-ac-button-row{
	margin:.5em 0 0;
}
.muks-ac-result-row.muks-ac-result-option,
.muks-ac-result-row.muks-ac-result-unavailable-option,
.muks-ac-result-row.muks-ac-result-group-head{
	margin:0 -.5em;
	padding:.5em;
	cursor:default;
}
.muks-ac-result-unavailable-option{
	background-color:hsla(0,0%,50%,.25);
	color:hsl(0,0%,40%);
	cursor:not-allowed;
}
.muks-ac-result-group-head{
	font-weight:bold;
	font-style:italic;
}
.muks-ac-result-group-head~.muks-ac-result-row.muks-ac-result-option,
.muks-ac-result-group-head~.muks-ac-result-row.muks-ac-result-unavailable-option{
	padding-left:2em;
}
.muks-ac-info-row,
.muks-ac-result-list,
.muks-ac-button-row{
	display:none;
}
.muks-ac-fixture.muks-activated .muks-ac-assembly{
	top:-.0625em;
	left:-.0625em;
	right:-.0625em;
	padding:0 .4375em .4375em;
	background:var(--background);
	border:.0625em solid #7f7f7f;
	z-index:1;
}
.muks-ac-fixture.muks-activated .muks-ac-query-row{
	margin:0;
	padding:.4375em 0;
}
.muks-ac-fixture.muks-activated .muks-ac-info-row,
.muks-ac-fixture.muks-activated .muks-ac-result-list,
.muks-ac-fixture.muks-activated .muks-ac-button-row{
	display:block;
}
.muks-ac-fixture.muks-activated .muks-ac-result-row.muks-ac-result-option:hover{
	background-color:rgba(82,148,226,.125);
}
.muks-ac-fixture.muks-activated .muks-ac-result-row.muks-ac-result-option.muks-activated{
	color:var(--select-color);
	background-color:var(--select-bg);
}


.muks-dp-w{
	position:relative;
}
.muks-dp-body{
	position:absolute;
	display:flex;
	flex-direction:row;
	max-width:100%;
	margin:.4375em -.0625em 0 -.5em;
	background:var(--background);
	border:.0625em solid #7f7f7f;
	z-index:1;
	overflow-x:auto;
	user-select:none;
}
.muks-dp-year-column,
.muks-dp-date-column,
.muks-dp-time-column{
	flex:0 0 auto;
	overflow-y:scroll;
	scrollbar-width:none;
	height:14em;
}
.muks-dp-year-column,
.muks-dp-time-column{
	text-align:end;
}
.muks-dp-date-column{
	width:16em;
}
.muks-dp-year,
.muks-dp-time{
	padding:.5em;
}
.muks-dp-years,
.muks-dp-date-years,
.muks-dp-date-months,
.muks-dp-date-days,
.muks-dp-times{
	list-style:none;
	margin:0;
}
.muks-dp-date-years{
	width:14em;
	padding:0 0 0 2em;
	position:relative;
}
.muks-dp-date-year::before{
	margin:0 0 0 -1em;
	padding:1em 1em .5em;
}
.muks-dp-date-months,
.muks-dp-date-month,
.muks-dp-date-days{
	display:inline;
}
.muks-dp-date-month:where([value=\32 ],[value=\34 ],[value=\36 ],[value=\38 ],[value=\31 0],[value=\31 2]) .muks-dp-date-day{
	background:hsla(0,0%,0%,.0625);
}
.muks-dp-date-month::before{
	content:attr(data-month-name);
	display:block;
	position:absolute;
	padding:.5em;
	text-align:right;
	width:14em;
	left:0;
	transform:rotate(-90deg);
	transform-origin:7.5em 7.5em;
}
.muks-dp-date-day{
	display:inline-block;
	width:2em;
	padding:.5em 0;
	text-align:center;
	box-sizing:border-box;
}
.muks-dp-date-day.muks-dp-wd-6,
.muks-dp-date-day.muks-dp-wd-7{
	color:hsl(0,50%,50%);
}
.muks-dp-date-month:first-child .muks-dp-date-day.muks-dp-wd-2:first-child{
	margin-left:2em;
}
.muks-dp-date-month:first-child .muks-dp-date-day.muks-dp-wd-3:first-child{
	margin-left:4em;
}
.muks-dp-date-month:first-child .muks-dp-date-day.muks-dp-wd-4:first-child{
	margin-left:6em;
}
.muks-dp-date-month:first-child .muks-dp-date-day.muks-dp-wd-5:first-child{
	margin-left:8em;
}
.muks-dp-date-month:first-child .muks-dp-date-day.muks-dp-wd-6:first-child{
	margin-left:10em;
}
.muks-dp-date-month:first-child .muks-dp-date-day.muks-dp-wd-7:first-child{
	margin-left:12em;
}
.muks-dp-year::before,
.muks-dp-date-day::before{
	content:attr(value);
}
.muks-dp-year:hover,
.muks-dp-date-day:hover,
.muks-dp-time:hover{
	background-color:rgba(82,148,226,.125);
	cursor:default;
}
.muks-dp-year.muks-activated,
.muks-dp-date-day.muks-activated,
.muks-dp-time.muks-activated{
	color:var(--select-color);
	background-color:var(--select-bg);
}
.muks-dp-time.muks-dp-offset-discotinuity{
	border-top:1em solid maroon;
}

.muks-taah{
	position:relative;
}
.muks-taah-control{
	position:absolute;
	top:.4375em;
	bottom:.4375em;
	left:.4375em;
	right:.4375em;
	width:auto;
	height:auto;
	resize:none;
}
.muks-taah-content-copy{
	display:block;
	white-space:pre-wrap;
	word-break:normal;
	overflow-wrap:break-word;
	visibility:hidden;
	user-select:none;
}

.muks-rd-manage-toggle{
	padding:.5em 1.5em;
	border-radius:.25em;
	border:.0625em solid currentcolor;
}
.muks-rd-manage-container{
	position:relative;
}
.muks-rd-manage-overlay{
	position:absolute;
	inset:0;
	border-radius:.5em;
	border:.0625em solid currentcolor;
	background:hsla(0,0%,0%,.125);
}
.muks-rd-manage-row{
	margin:.25em;
}
.muks-rd-manage-button{
	border-radius:.25em;
	border:.0625em solid currentcolor;
	padding:.25em 1em;
}

@media screen and (width >= 544px){
	dl{
		display:grid;
		grid-template-columns:10em minmax(0,1fr);
		grid-column-gap:1em;
		align-items:first baseline;
	}
	dt{
		grid-column:1;
	}
	dd{
		grid-column:2;
	}
}
@media screen and (width >= 640px){
	.main .logo{
		width:18em;
	}
	.logo img{
		margin:auto;
	}
	.edit-row{
		grid-template-areas:'l c';
		grid-template-columns:16ch minmax(0,1fr);
		align-items:first baseline;
	}
	.edit-label{
		grid-area:l;
		text-align:end;
	}
	.edit-control,
	.edit-control-wrap{
		grid-area:c;
	}
}
@media screen and (width >= 768px){
	.main{
		display:grid;
		grid-template-columns:14em minmax(0,1fr);
		grid-template-rows:auto minmax(0,1fr);
		min-height:100vh;
		grid-template-areas:'navbar navbar' 'sidebar content';
	}
}