body {
  /* nbackground-color: #040825; */
  background-color: #011329; 
  /* color: #CAAB28; */
  color: #D0A73E;
}

.showMe {
	visibility: visible;
	/* display:inline;*/
}

.hideMe {
	visibility: hidden;
	display:none;
}

/* Used to Highlight Errors */
/*
.error {
  color: red;
}
*/

.error_field {
  color: red;
}

.highlight {
  border:4px solid red;
}

fieldset{
	width: 50%;
}

/* fieldset>property{ */
/* --10-Sep-23 property{*/
label_input_errorfield {
	display: grid;
	grid-template-columns: repeat(10,10%);
	grid-template-areas: "label input input input input input error error error error";
	grid-gap: 10px;
}

/* fieldset>property>label[Name='Label']{ */
/* --10-Sep-23 property>label[Name='Label']{ */
label_input_errorfield>label[Name='Label']{
	grid-area: label;
	justify-self: end;
}

/* fieldset>property>input{ */
/* --10-Sep-23 property>input{ */
label_input_errorfield>input{
	grid-area: input;
}

/* fieldset>property>label[Name='Error']{ */
/* --10-Sep-23 property>label[Name='Error']{ */
label_input_errorfield>label[Name='Error']{
	grid-area: error;
}

label_textarea_errorfield {
	display: grid;
	grid-template-columns: repeat(10,10%););
	grid-template-areas: "label input input input input input error error error error";
	grid-gap: 10px;
}

label_textarea_errorfield>label[Name='Label']{ */
	grid-area: label;
	justify-self: end;
}

label_textarea_errorfield>textarea{
	grid-area: input;
}

label_textarea_errorfield>label[Name='Error']{
	grid-area: error;
}




/* fieldset>daterange{ */
daterange{
	display: grid;
	/* grid-template-columns: repeat(5,20%); */
	grid-template-columns: 1fr 1fr 20fr;
	grid-template-areas: 
						"rangeLabel fromDate fromDate"
						"rangeLabel toDate toDate"
						"notUsed notUsed rangeError";
	grid-gap: 10px;
}

daterange>label[Name='Label']{
	display: inherit;
	grid-area: rangeLabel;
	justify-self: end;
	align-self: center;
}

daterange>date[Name='From']{
	display: inherit;
	grid-area: fromDate;
}

daterange>date[Name='To']{
	display: inherit;
	grid-area: toDate;
}

daterange>label[Name='Error']{
	display: inherit;
	grid-area: rangeError;
}

date{
	display: grid-inline;
	/* grid-template-columns: repeat(10,10%);*/
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 5fr;
	grid-template-areas: "label day month year period error";
	/* row-gap: 10px;*/
	padding: 10px; 
	/* border: 1px solid green; */
}

date>label[Name='Label']{
	display: inherit;
	grid-area: label;
	justify-self: end;
}

date>select[Name='Day']{
	display:inherit;
	grid-area: day;
}

date>select[Name='Month']{
	display:inherit;
	grid-area: month;
}

date>input[Name='Year']{
	display:inherit;
	grid-area: year;
}

date>select[Name='Period']{
	display:inherit;
	grid-area: period;
}

date>label[Name='Error']{
	display:inherit;
	grid-area: error;
}


label.#ManufacturerAddressAddressLabel {
	color: green;
}

/* ADDRESS */

address{
	display: grid;
	grid-template-columns: 1fr 4fr 4fr 8fr;
}

address>property{
	/* display: grid; */
	/* grid-template-columns: 1fr 3fr 3fr 7fr; */
	grid-column: 1/5;
}

address>searchselector{
	grid-column: 1/5;
}

navbar{
	display: block;
}

/*
searchselector{
	display: grid;
	grid-template-columns: 1fr 4fr 4fr 7fr;
}
address>property>label[Name="Label"]{
	grid-column-start: 1;
	place-self: end;
}

address>property>input[Name="Value"]{
	grid-column-start: 2;
}

address>property>label[Name="Error"]{
	grid-column-start: 3;
}

address>searchSelector>label[Name="Label"]{
	color: red;
}
*/

/* DATE */
/*
date{
	display: grid;
	grid-template-columns: 1fr 1fr 3fr 4fr;
	grid-template-areas: "label day month year";
}

date>label[Name="Label"]{
	grid-area: "label";
}

date>select[Name="Day"]{
	grid-area: "day";
}

date>select[Name="Month"]{
	grid-area: "month";
}

date>input[Name="year"]{
	grid-area: "year";
}
*/
/*
label {
	display: inline;
}
*/
/*
select {
	display: inline;
}

input {
	display: inline;
}
**/


/* DATERANGE */

/*
daterange{
	display: grid;
	grid-template-columns: 1fr 16fr;
	grid-template-rows: 1fr 1fr 1fr;
}

daterange>label[Name="Label"]{
	grid-column: 1;
	grid-row: 1;
	place-self: end;
}

daterange>date[Name="From"]{
	grid-column: 2;
	grid-row: 2;
}

daterange>date[Name="To"]{
	grid-column: 2;
	grid-row: 3;
}

date{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 16fr;
}

date[Name="From"]>label[Name="Label"]{
	grid-column: 1;
	place-self: end;
}

date[Name="From"]>select[Name="Day"]{
	grid-column: 2;
}

date[Name="From"]>select[Name="Month"]{
	grid-column: 3;
}

date[Name="From"]>select[Name="Year"]{
	grid-column: 4;
}


date[Name="To"]>label[Name="Label"]{
	grid-column: 1;
	place-self: end;
}

date[Name="To"]>select[Name="Day"]{
	grid-column: 2;
}

date[Name="To"]>select[Name="Month"]{
	grid-column: 3;
}

date[Name="To"]>select[Name="Year"]{
	grid-column: 4;
}

/*
daterange>date[Name="From"]>label[Name="Label"]{
	grid-column: 2;
	place-self: end;
}

daterange>date[Name="From"]>select[Name="Day"]{
	grid-column: 3;
}

daterange>date[Name="From"]>select[Name="Month"]{
	grid-column: 4;
}

daterange>date[Name="From"]>input[Name="Year"]{
	grid-column: 5;
}

daterange>date[Name="From"]>label[Name="Error"]{
	grid-column: 6;
}

daterange>date[Name="From"]>select[Name="Day"]{
	grid-area: "fromday";
}



daterange>date[Name="From"]>select[Name="Month"]{
	grid-area: "frommonth";
}

daterange>date[Name="From"]>input[Name="Year"]{
	grid-area: "fromyear";
}

daterange>date[Name="To"]>label[Name="Label"]{
	grid-area: "tolabel";
}

daterange>date[Name="To"]>select[Name="Day"]{
	grid-area: "today";
}

daterange>date[Name="To"]>select[Name="Month"]{
	grid-area: "tomonth";
}

daterange>date[Name="To"]>input[Name="Year"]{
	grid-area: "toyear";
}
*/