/*

TODO:
* Remove things from here that Bootstrap handles
* Remove redundant CSS

*/

:root {
  /* main colors */
  --lem-page-bg-color: #330600;
  --lem-base-color: #333;
  --lem-base-accent-color: #660600;
  --lem-separation-color: #a7967e;
  --lem-app-border-color: #fc6;
  --lem-app-border: 2px solid var(--lem-app-border-color);
  --lem-app-box-shadow-color: #979592;
  --lem-app-box-shadow: inset 0px 2em 2em -2em var(--lem-app-box-shadow-color), inset 0px -2em 2em -2em var(--lem-app-box-shadow-color);
  --lem-app-bg-color: #fdf5ea;
  /*#f7f0e5;*/

  /* links */
  --lem-hover-link-color: #c60;
  --lem-default-link-color: #960;
  --lem-default-link-text-decoration: none;

  /* tables */
  --lem-table-thead-bg-color: transparent;
  --lem-table-tbody-bg-color: transparent;
  --lem-table-tfoot-bg-color: transparent;
  --lem-table-th-bg-color: #e7cfae;
  --lem-table-td-bg-color: #fffbf5;
  --lem-table-td-alt-bg-color: #fff8e5;
  --lem-table-zebra-width: 3;
  /* TODO */
  --lem-table-border-width: 1px;
  --lem-table-th-border-width: 1px;
  --lem-table-td-border-width: 1px;

  /* fonts */
  --lem-base-font-family: "Liberation Sans", Arial, Helvetica, sans-serif;
  --lem-base-font-size: 10pt;
  --lem-accent-font-family: "Overpass", Arial, Verdana, sans-serif;

  /* borders */
  --lem-base-accent-border-radius: 4px;
  --lem-base-accent-border: 1px solid var(--lem-base-accent-color);

  /* header */
  --lem-header-bg-color: #7D2312;
  --lem-header-bg: linear-gradient(to bottom, rgb(118, 16, 0) 0%, rgb(125, 35, 18) 40%, rgb(127, 45, 30) 49%, rgb(106, 15, 1) 52%, rgb(102, 14, 0) 80%, rgb(62, 8, 0) 100%);

  /* statuses */
  --lem-ok-color: #090;
  --lem-error-color: #900;
  --lem-warning-color: #cc8500;

  --lem-ok-bg-color: #9f9;
  --lem-error-bg-color: #f99;
  --lem-warning-bg-color: #fc9;

  /* inputs */
  --lem-input-border-radius: 3px;
  --lem-input-border: 1px solid var(--lem-base-accent-color);
  --lem-input-color: #000;
  --lem-input-bg-color: #fcfcfc;

  --lem-input-label-color: #552525;

  /* inputs */
  --lem-input-border-radius: 3px;
  --lem-input-border: 1px solid var(--lem-base-accent-color);
  --lem-input-color: #000;
  --lem-input-bg-color: #fff;
  --lem-input-transition: all .3s;

  --lem-input-focus-border-color: #664600;
  --lem-input-focus-color: var(--lem-input-color);
  --lem-input-focus-bg-color: #fffaef;
  --lem-input-focus-box-shadow: inset 0.1em 0.1em 0.25em rgba(153, 153, 153, 0.5);

  --lem-input-disabled-border-color: #998d73;
  --lem-input-disabled-color: #555;
  --lem-input-disabled-bg-color: #ccc;

  --lem-input-focus-border-color: #664600;
  --lem-input-focus-color: var(--lem-input-color);
  --lem-input-focus-bg-color: #fff;
  --lem-input-focus-box-shadow: inset 0.1em 0.1em 0.25em rgba(153, 153, 153, 0.5);

  --lem-input-disabled-border-color: #999;
  --lem-input-disabled-color: #666;
  --lem-input-disabled-bg-color: #eee;

  /* UI widgets */
  --lem-widget-color: var(--lem-default-link-color);
  --lem-widget-bg-color: #fffbf5;
  --lem-widget-border-color: var(--lem-separation-color);

  --lem-widget-active-color: #fffbf5;
  --lem-widget-active-bg-color: #a76e54;
  --lem-widget-active-border-color: #a76e54;

  --lem-widget-hover-color: #ff6;
  --lem-widget-hover-bg-color: #ffe5c1;
  --lem-widget-hover-border-color: #c7944c;

  --lem-widget-focus-color: #533;
  --lem-widget-focus-bg-color: #ffda73;
  --lem-widget-focus-border-color: #cc6;
  --lem-widget-focus-box-shadow: 0 0 0.6rem 0.3rem rgba(102, 6, 0, 0.35);

  --lem-widget-disabled-color: #978f84;
  --lem-widget-disabled-bg-color: #e9e7e4;
  --lem-widget-disabled-border-color: #978f84;

  /* footer */
  --lem-footer-color: #f7deba;
  --lem-footer-bg-color: #330600;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  /*
	background: var(--lem-pager-bg-color);
	font-family: var(--lem-base-font-family);
	font-size: var(--lem-base-font-size);
	color: var(--lem-base-color);
*/
}

body {
  display: flex;
  flex-direction: column;
  width: 100vw;
  min-height: 100vh;
}

/*
a, a:visited {
	text-decoration: var(--lem-default-link-text-decoration);
	color: var(--lem-default-link-color);
}

a:hover, a:active {
	color: var(--lem-hover-link-color);
}
*/
a img {
  border: none;
}

/*
fieldset, legend {
	border: var(--lem-base-accent-border);
	border-radius: var(--lem-base-accent-border-radius);
}

fieldset {
	margin: 1em 0;
	position: relative;
	padding-top: 3em;
}

legend {
	font-family: var(--lem-accent-font-family);
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0;
	border-radius: 3px 3px 0 0;
	border-bottom: 1px solid var(--lem-base-accent-color);
	background: var(--lem-widget-active-bg-color);
	color: var(--lem-widget-active-color);
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  color: var(--lem-base-accent-color);
  font-family: var(--lem-accent-font-family);
}

h1, .h1 {
  border-bottom: 2px solid;
}

hr {
	color:  var(--lem-separation-color);
	border-top: 1px solid var(--lem-separation-color);
}

legend {
  padding: 0.1em 0.5em;
  margin: 0;
  font-weight: bold;
  font-size: 1.25em;
}
*/
form {
  margin: 0;
  padding: 0;
}

input,
select,
textarea {
  background: var(--lem-input-bg-color);
  ;
  border: var(--lem-input-border);
  border-radius: var(--lem-input-border-radius);
  font-family: inherit;
  outline: none;
  transition: var(--lem-input-transition);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--lem-input-focus-border-color);
  background: var(--lem-input-focus-bg-color);
  box-shadow: var(--lem-input-focus-box-shadow);
  outline: none;
}

input[disabled],
select[disabled],
textarea[disabled] {
  color: var(--lem-input-disabled-color);
  background: var(--lem-input-disabled-bg-color);
  border-color: var(--lem-input-disabled-border-color);
  box-shadow: none;
  outline: none;
}

input.num-spinner {
  box-shadow: none;
}

select option {
  background: var(--lem-input-bg-color);
}


input[readonly],
input[readonly]:focus {
  border-color: transparent !important;
  border-bottom: 1px solid var(--lem-input-disabled-bg-color) !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  cursor: default;
}

input[type=text].xshort,
input[type=number].xshort,
select.xshort {
  width: 3em;
}

input[type=text].short,
input[type=number].short,
input[type=date],
select.short {
  width: 6em;
}

input[type=text].medium,
input[type=number].medium,
input[type=password].medium,
select.medium {
  width: 9em;
}

input[type=text].long,
input[type=number].long,
input[type=password].long,
select.long {
  width: 12em;
}

input[type=text].xlong,
input[type=number].xlong,
input[type=password].xlong,
select.xlong {
  width: 18em;
}

input[type=text].xxlong,
input[type=number].xxlong,
select.xxlong {
  width: 21em;
}

input[type=text].xxxlong,
input[type=number].xxxlong,
select.xxxlong {
  width: 24em;
}


label {
  font-size: 1.1rem;
  color: var(--lem-input-label-color);
}

p {}

table {
  /*
  border: var(--lem-base-accent-border);
  border-collapse: collapse;
*/
}

th,
td {
  border: var(--lem-base-accent-border);
  border-collapse: collapse;
  margin: 0;
  padding: 0.25em 0.5em;
}

th {
  background: var(--lem-table-th-bg-color);
}

td {
  background: var(--lem-table-td-bg-color);
}

tr:nth-child(even)>td {
  background: var(--lem-table-td-alt-bg-color);
}

textarea.small {
  width: 90%;
  height: 4em;
}

textarea.medium {
  width: 90%;
  height: 10em;
}

textarea.large {
  width: 90%;
  height: 16em;
}

#wrapper {
  margin: 0 auto;
  /*	min-height: 768px;
  	min-width: 1366px;*/
  min-height: 100vh;
  width: 100vw;

  display: flex;
  flex-direction: column;
  align-items: stretch;
}

#content {
  margin: 0 auto;
  height: 100%;
  /* flexbox container */
  display: flex;
  flex-flow: column nowrap;
}

#header_title {
  text-decoration: none;
}

#header_title>img {
  vertical-align: middle;
}

#header_title>span {
  background: linear-gradient(to bottom, #f7deba 40%, #ffcc66 60%);
  clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  font-size: 2.4rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.4em;
  vertical-align: middle;
  display: inline-block;
  padding-top: 0.1em;
}

/* was #primarycontent { */
#app {
  overflow-x: auto;
  padding-top: 1em;
  /* flexbox container */
  display: flex;
  flex-direction: column;
  /*
  	flex-flow: row nowrap
  	justify-content: flex-start;
  	align-items: stretch;
  */
  /*flexbox child*/
  flex: 1 0 100%;
  padding: 0.01px 0;
  background: var(--lem-app-bg-color);
  ;
  box-shadow: var(--lem-app-box-shadow);
}

/*
#app > div {
  margin: 0 auto;
  width: calc(100% - 4em);
  padding: 0.01px 0;
}
*/
#app_interior {
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

#app_sidebar {
  border-right: 2px solid var(--lem-separation-color);
  background: rgb(231, 218, 199);
  /*	margin-right: 1.5rem;*/
  min-width: 16rem;
}

#nav_sidebar {
  height: 100vh;
}

#app_content {
  flex: 1 1 auto;
  padding: 1em 1.5em 1.5em 1.5em;
}

#popout-content {
  width: 100%;
}

#top-scroll {
  display: none;
}

#app>div>h1,
#app>div>.h1 {
  margin-top: 0;
  /* 	text-align: center; */
}

#mainfooter {
  width: 100%;
  padding: 0.1rem 0;
  border-top: 2px solid var(--lem-app-border-color);
  text-align: center;
  font-size: 0.875rem;
  /* flexbox child */
  flex: 0 0 auto;
  border-top: var(--lem-app-border);
  text-align: center;
  color: var(--lem-footer-color);
  padding: 0.5em 0;
  font-family: var(--lem-accent-font-family);
  background: var(--lem-footer-bg-color);
}

#mainfooter p {}

#mainheader {
  margin-bottom: 0;
  /*flexbox child*/
  flex: 0 0 auto;
  /*flexbox container*/
  display: flex;
  flex-flow: row nowrap;
  /*	justify-content: space-between;*/
  align-items: stretch;
  border-bottom: var(--lem-app-border);
  font-family: var(--lem-accent-font-family);
  background-color: var(--lem-header-bg-color);
  background: var(--lem-header-bg);
}

#tenant_information {
  height: 45px;
}

#tenant h3 {
  border: var(--lem-app-border);
  font-family: var(--lem-accent-font-family);
  background-color: var(--lem-header-bg-color);
  background: var(--lem-header-bg);
  color: #ccb17a;
  padding: 1%;
  margin: 1%;
}

#tenant-settings {
  text-align: center;
  width: 10%;
}

#tenant-settings svg {
  width: 32px;
  height: 32px;
  margin-right: 10px;
  color: #fec;
  margin: auto;
}

#tenant-links {
  border: var(--lem-app-border);
  font-family: var(--lem-accent-font-family);
  background-color: var(--lem-header-bg-color);
  background: var(--lem-header-bg);
  margin-bottom: 5%;
}

#tenant-settings h4 {
  color: #ccb17a;
}

#tenant-navbar {
  border: var(--lem-app-border);
  font-family: var(--lem-accent-font-family);
  background-color: var(--lem-header-bg-color);
  background: var(--lem-header-bg);
}

#tenant-id {
  background: linear-gradient(to bottom, #f7deba 40%, #ffcc66 60%);
  clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  font-size: 2.4rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.4em;
  vertical-align: middle;
  display: inline-block;
  padding-top: 0.1em;
}

#tenant-home a {
  font-size: 1.2rem;
  display: inline-block;
  margin: 0 0.5em;
  color: #ccb17a;
  text-decoration: none;
  transition: text-shadow 0.5s ease;
}


#mainheader>a,
#mainheader>a>img {
  display: inline-block;
}

#headerComponent {
  display: block;
  flex-direction: row;
  justify-content: end;
  padding: 0;
  margin-left: auto;
  margin-right: 3.0em;
  margin-top: .5em;
}

#headerComponent>div>a,
#headerComponent>div>a:visited {
  font-size: 1.2rem;
  display: inline-block;
  margin: 0 .5em;
  color: #ccb17a;
  text-decoration: none;
  transition: text-shadow 0.5s ease;
}

#headerComponent>div>a:active,
#headerComponent>div>a:hover {
  color: #fec;
  text-shadow: 0 0 5px #c90, 0 0 5px #c90;
}

ul.dropdown-menu.show {
  background-color: #7D2312;
}
ul.dropdown-menu.show li a {
  font-size: 1.2rem;
  display: inline-block;
  margin: 0 .5em;
  color: #ccb17a;
  text-decoration: none;
  transition: text-shadow 0.5s ease;
}

/* FORM LAYOUT */
.inputrow {
  margin-bottom: 1em;
}

fieldset>.inputrow:last-child {
  margin-bottom: 0;
}

.inputwrapper {
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
}

.inputwrapper+.inputwrapper {
  margin-left: 1em;
}

.inputwrapper.full-width {
  display: block;
}


.formfooter {
  margin-top: 2em;
  width: 100%;
}

.formfooter a,
.formfooter .spacedout {
  margin-left: 2em;
}

.inputwrapper>label+.ui-controlgroup {
  display: block;
}

#part_number_display {
  display: none;
}

.fspanelwrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 2em;
}

.fspanel {
  /* 	border: 1px solid #f6f; */
  flex: 1 1 auto;
  max-width: 15%;
}

.fspanel>.inputrow {
  border-bottom: 1px solid #660600;
  padding-bottom: 0.5em;
}

.fspanel>.inputrow:last-child {
  border: none;
}

.fspanel .inputwrapper {
  display: block;
  white-space: normal;
}

.fspanel label {
  font-size: 10px;
}

.fspanel input {
  font-size: 10px;
}

.input-hint {
  display: none;
}

/* utility stuff */
.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}

.error {
  color: var(--lem-error-color);
}

input.error,
select.error,
textarea.error,
button.error {
  border-color: var(--lem-error-color);
  color: var(--lem-error-color);
  background: var(--lem-error-bg-color);
}

.success {
  color: var(--lem-ok-color);
}

.inputwrapper p.error {
  margin-top: 0;
  font-weight: bold;
}

div[id$=_wrapper]>table[id$=_list] {
  margin-bottom: 2rem !important;
}

pre {
  font-family: monospace;
  white-space: pre-wrap;
  background-color: #f8f8f8;
  padding: 10px;
  border-radius: 5px;
  overflow-x: auto;
  max-width: 100%;
  height: 620px;
  border: 1px solid #7D2312;
}

#xmlbuttons {
  display: flex;
  flex-direction: row;
  justify-content: end;
  margin: 1%;
}

#export {
  margin-right: 1%;
  background-color: #7D2312;
  color: #ccb17a;
  border: 1px solid #ccb17a;
  border-radius: 10px;
  padding: 1%;
}

#catalogAdd {
  margin-right: 1%;
  background-color: #7D2312;
  color: #ccb17a;
  border: 1px solid #ccb17a;
  border-radius: 10px;
  padding: 1%;
}

.part_number {
  display: flex;
  justify-content: end;
  margin-top: -15px;
  width: 100%;
  margin-left: 14%;
}

.part_input_background {
  background-color: #5c110f;
  padding-top: 5px;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 5px;
  border-bottom: 2px solid #ffd700;
  border-left: 2px solid #ffd700;
  border-right: 2px solid #ffd700;
  border-radius: 0 0 25px 25px;
}


input.part_number_input {
  margin-right: 2%;
  width: 300px;
  height: 50px;
}

#uompriorities_search .suggestion-container {
  position: absolute; /* Makes the container float over the layout */
  background-color: #fff; /* Background color for the dropdown */
  border: 1px solid #ccc; /* Border for better visibility */
  z-index: 1000; /* Ensures it's on top of other elements */
  max-height: 200px; /* Optional: Limit height */
  overflow-y: auto; /* Optional: Add scroll for long lists */
  width: 100%; /* Ensure it matches the input width */
}

#create-people {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#create-people #create-row {
  width: 30%;
}

fieldset#pricing {
  width: 80%;
}

fieldset#pricing .card {
  padding: 1%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 1%;
}

fieldset#pricing .card .inputrow {
  width: 50%;
}

fieldset#pricing button {
  background-color: #95602f;
  color: #fff;
  margin: 1%;
}

#pricing .uniform-width {
  width: 100%; 
  max-width: 85%; 
  box-sizing: border-box; 
}

#pricing .inputrow {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px; 
}

#description_section {
  display: flex;
}

#description_details {
  width: 40%;
}

#description_text {
  width: 60%;
}

#codeWithSequence {
  display: flex;
}

#codeWithSequence .inputrow {
  width: 50%;
}

#description_code, #sequence_number, #effective_date, #expiration_date  {
  width: 95%;
} 

.dropzone {
  border: 2px dashed #ccc;
  padding: 10%;
  text-align: center;
  background-color: white;
  margin-top: 5%;
}

.dropzone.drag-over {
  background-color: #e0e0e0;
}

#fileupload {
  display: flex;
  margin: 5px;
}

#dropAndDescription {
  width: 33%;
  margin-right: 5px;
}

#informationsection1 {
  width: 33%;
  margin-right: 5px;
}

#informationsection2 {
  width: 33%;
  margin-right: 5px;
}

#requiredsection {
  display: flex;
  flex-wrap: wrap;
  font-size: 10px;
}

#labelEntry {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 10px;
}

#labelEntry label {
  width: 25%;
  font-size: 10px;
}

#labelEntry input, #itemQuantityUOM, #hazardousMaterialCode, #gtinQualifier {
  width:75%;
  font-size: 10px;
}

#optionalsection {
  display: flex;
  flex-wrap: wrap;
  font-size: 10px;
}

.partbot {
  z-index: 1000;
  width: 73%;
  cursor: grab;
}

.partbot img {
  width: 8%;
}

#PieBot {
  display: flex;
  flex-direction: column;
  justify-content: start;
  transform: translateX(-50%); /* Ensures perfect centering */
  z-index: 1000; /* Ensures it stays on top */
  background-color: white;
  border: 2px solid #5c110f;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  width: 80%; /* Adjust width as necessary */
  max-width: 800px; /* Prevents it from being too wide */
}

#BotQuestion {
  display: flex;
}

#BotQuestion input {
  width: 85%;
  padding: 2%;
  margin: 2%;
  border: 2px solid #5c110f;
  background-color: rgb(231, 218, 199);
}

#BotQuestion button {
  background:indigo;
  color: white;
  border: 2px solid rgb(223, 139, 223);
  padding: 1%;
  border-radius: 25%;
  width: 10%;
  height: 60px;
  margin-top: 13px;
}

#BotResponse {
  background-color: rgb(231, 218, 199);
  padding: 10px;
  border: 2px solid #5c110f;
  border-radius: 5px;
  font-family: Arial, sans-serif;
  line-height: 1.5;
  text-align: left;
  white-space: normal;
}

.loader {
  border: 16px solid #f1eae0;
  border-top: 16px solid #95602f;
  border-radius: 50%;
  width: 75px;
  height: 75px;
  animation: spin 2s linear infinite;
}

.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#BotExamination {
 display: flex;
 flex-direction: row;
 justify-content: center;
}

#BotExamination p {
  font-size: x-large;
  font-style: bold;
  margin: 4%;
  color: black;
}

#BotExamination button {
  background:indigo;
  color: white;
  border: 2px solid rgb(223, 139, 223);
  padding: 1%;
  border-radius: 10px;
  width: 25%;
  height: 60px;
  margin-top: 13px;
}

.forge-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.forge-container .tab-content {
  width: 80%;
}

/* Stack tabs vertically on the left */
.forge-container .forgetabs {
  display: flex;
  flex-direction: row;
  margin-right: 2%;
}

.forge-container .forgetabs .forgelinks {
  margin-bottom: 2%;
}

/* Align form content to the right */
.forge-content {
  flex-grow: 1;
  padding: 20px;
  background: #fff;
  overflow-y: auto;
  width: 80%;
}

ul.nav.nav-tabs.forgetabs {
  margin-top: 12px;
  width: 80%;
}

a.forgenav-link {
color: #660600;
padding: 8px 12px;
   background-color: #d69e2e;
   margin-right: 2px;
     border-radius: 5px;
}

a.forgenav-link.active {
  background-color: #5c110f;
  color: #d69e2e;
  min-width: 90%;
  border-radius: 5px;
}


.header_section, 
.items_section, 
.mktc_section, 
.prcs_section, 
.mktc_assets,
.descriptions,
.pricing,
.extendedproduct,
.productattributes  {
  display: grid;
  grid-template-columns: 1fr 2fr; /* 1 part labels, 2 parts inputs */
  gap: 10px;
  width: 100%;
  max-width: 800px; /* Adjust as needed */
  border: 1px solid #5c110f;
  background: white;
  border-radius: 5px;
  padding: 1%;
}

.header_section div:not(.mx-datepicker):not(.mx-datepicker-popup), 
.items_section div:not(.mx-datepicker):not(.mx-datepicker-popup), 
.mktc_section div:not(.mx-datepicker):not(.mx-datepicker-popup), 
.prcs_section div:not(.mx-datepicker):not(.mx-datepicker-popup), 
.mktc_assets div:not(.mx-datepicker):not(.mx-datepicker-popup),
.descriptions div:not(.mx-datepicker):not(.mx-datepicker-popup),
.pricing div:not(.mx-datepicker):not(.mx-datepicker-popup),
.extendedproduct div:not(.mx-datepicker):not(.mx-datepicker-popup),
.productattributes div:not(.mx-datepicker):not(.mx-datepicker-popup) {
  display: contents; /* Allows labels & inputs in the grid properly */
}


.header_section label, 
.items_section label, 
.mktc_section label, 
.prcs_section label, 
.mktc_assets label,
.descriptions label,
.pricing label,
.extendedproduct label,
.productattributes label {
  text-align: right;
  padding-right: 10px;
  font-weight: bold;
  align-self: center;
  white-space: nowrap; /* Prevents labels from wrapping */
  font-size: 15px;
}

.header_section input, 
.items_section input, 
.mktc_section input, 
.prcs_section input, 
.mktc_assets input,
.descriptions input,
.pricing input,
.extendedproduct input,
.productattributes input,
.header_section select, 
.items_section select, 
.mktc_section select, 
.prcs_section select, 
.mktc_assets select,
.descriptions select,
.pricing select,
.extendedproduct select,
.productattributes select {
  width: 100%;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
}

.mktc_digital_assets h3, .items h3
{
  background: #5c110f;
  color: #d69e2e;
  border: 1px solid #d69e2e;
  width: 50%;
  border-radius: 5px;
  padding: 5px;
  margin: 5px;
}

.mktc_digital_assets button,
.titleAddsection button,
.descriptions button,
.pricing button,
.extendedproduct button,
.productattributes button {
  background: #5c110f;
  color: #d69e2e;
  border: 1px solid #d69e2e;
  border-radius: 5px;
  padding: 5px;
  margin: 5px;
}

.titleAddsection {
  display: flex;
}

#partforgehome {
  margin-top: -2%;
}

.assetDimensions h3, .manufacturerProductCodes h3 {
  width: 100%;
  font-size: 15px;
}

#checkbox {
  width: 4%;
}

.required {
  color: red;
  font-weight: bold;
}

.partforgehome {
  margin-top: -1%;
}

.partTypePath {
  display: flex;
  background-color: #5c110f;
  color: #d69e2e;
  border-radius: 5px;
  width: 50%;
  font-size: large;
  padding: 1%;
}

input.items_section_checkbox {
  width: 5%;
}