.audit-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.audit-table th,
.audit-table td {
  border: 1px solid #ccc;
  padding: 8px 12px;
  text-align: left;
}
.audit-table th {
  background: #eef3ff;
  font-weight: bold;
}
.audit-table td.pass { color: green; }
.audit-table td.fail { color: red; }
.audit-table td.warn { color: #d58512; }



img {
  overflow: visible; /* or auto or scroll */
}
table{border-spacing:0;} 


table.rounded {
	-moz-border-radius:30px;
    	-webkit-border-radius:20px;
    	border-radius:20px;
	background:#F6E3D3;
	padding:20px;
}


/* checked checkbox color mand nutrients */
input[type="checkbox"].NF1{
  accent-color: green;
  vertical-align: middle;
  cursor: pointer;
}


/* tabular NF */

table.tabular {
	padding-left: 10px;
}



table.tabular td {
  /* allow normal wrapping inside the cell */
  white-space: normal;
  /* for very long words/entities, break if needed */
 word-wrap: break-word; 
 /* word-break: break-word; */

}

table.vitamins {
	padding-left: 10px;
}


.vitamin-list-js {
/* white-space: nowrap; */
/*white-space: normal; */
/*  line-height: 1.3; */
/*  max-width: 400px;  Adjust to your container width */
  margin-top: 0px;
padding-left: 2px; 
}


.vitamin-item-js {
  display: inline;
  white-space: nowrap;
}


fieldset{
  border: 1px solid #999;
  padding: 2px 6px 6px;
  margin: 0;
  min-width: 0;        /* helps inside flex layouts */
}

tbody {border: 0;}
div {border: 0;}
td {border: 0;vertical-align:top;}
table.SFcontainer{border: 2px solid black; background-color:white;margin: 0;padding:2px;} 
table.IMGcontainer{border: 2px solid black; background-color:#DAE1DE;margin: 0;padding:2px;} 
table#SFbackground {border: 0;background-color:white;margin: 0;padding:0;}
table#invisible {border: 0;margin: 0;padding:0;}
table#nutrients {border: 0;border: none; vertical-align: top;}
table#wrapnoindent {table-layout:fixed;border: 0;margin-left: 0;}
table#wordwrap {table-layout:fixed;border: 0;margin-left: 15px;}

table#DVlineTable {border-spacing: 0; border-style: hidden;}

tbody#DVlineTbody tr:last-child td {
    border-bottom: 7pt solid black;
}

tbody#DVlineTbody2 tr:last-child td {
    border-bottom: 7pt solid black;
}


tbody#DVlineTBody tr:last-child td.modifyText2 {
    border-bottom: 7pt solid black;
}
/*
tbody#DVlineTBody > tr:nth-last-of-type(2) td {
    border-bottom: none !important;
}
*/
tbody#DVlineTBody tr:last-child td.modifyText4 {
    border-bottom: 7pt solid black;
}

tbody#DVlineTBody tr:last-child td.modifyText {
    border-bottom: 0px solid black;
}

/* for per day layouts */
tbody#DVlineTBody3 tr:last-child td.modifyText2 {
    border-bottom: 7pt solid black;
}

tbody#DVlineTBody3 td.modifyText2 {
    border-bottom: 1px solid black;
}

/* for multi packet layouts */

tbody#DVlineTBody4  {
    border-bottom: 0px solid black;
}

tbody#DVlineTBody4 tr:last-child td.modifyText2 {
    border-bottom: 7pt;
}

.perDay {
	vertical-align: bottom;
	padding-top: 5px;
}

span.nowrap {
	white-space: nowrap;
}




/* for split layouts */
table#DVlineTableL {border-spacing: 0; border-style: hidden; border-right: solid 1px black;} 
tbody#DVlineTbodyL {border-style: hidden; border-right: solid 2px black;border-bottom: solid 1px black; }

table#DVlineTableR {border-spacing: 0; border-style: hidden; padding-left: 1px;}
tbody#DVlineTbodyR tr:last-child td {
    border-bottom: 7pt solid black;
}

tbody#DVlineTbodyNF tr:last-child td {border-bottom: 3pt solid black;}
td#blendWrap {padding-left:15px;}
#noLine {border:0;border-style: hidden;}

table.tabular tbody tr:last-child td {
    border-bottom: 7pt solid black;
}

table#NDVlineTable {border-style: hidden;border-bottom: solid 7pt black;} 
div#SFheader {width: 100%;margin: 0;vertical-align:bottom;font-size:clamp(11px,6vw,128px);white-space: pre;} 
td.modifyText {margin: 0;padding:1px;vertical-align: middle;} 
td.modifyText2 {margin: 0;padding:1px;border-bottom: solid 1px black; vertical-align:top;}
td.modifyText3 {margin: 0;padding:1px;border-top: solid 1px black;}
td.modifyText4 {margin: 0;padding:1px;border-bottom: solid 1px black; white-space: pre;vertical-align:top;}

td.modifyText5 {margin: 0;padding:0px;vertical-align: top;}

td.modifyText6 {margin: 0; padding:2px; vertical-align: center; border-bottom: solid 6px black; border-right: 0px; padding: }
td.modifyText7 {margin: 0; padding:2px; vertical-align: center; border-bottom: solid 1px black; border-right: solid 1px black;}


/* used for aggreagte layouts */
td.modifyText8 {margin: 0; padding:2px; vertical-align: bottom; border-right: solid 1px black;}

td.modifyText9 {margin: 0; padding:2px; vertical-align: bottom; align-items: center; border-left: solid 1px black; padding-left: 2px;}

td.modifyText10 {margin: 0; padding:0px; vertical-align: bottom; align-items: center; border-bottom: solid 7pt black; padding-left: 2px;}

/* used for overlining added sugars lines in <span> within modifyText*/
.addedSugarsRule {
    display: block;
    width: calc(100% + 2px);
    border-top: 1px solid #000;
    padding-top: 2px;
    padding-bottom: 1px;
}

.addedSugarRule {
    border-top: 1px solid #000 !important;
}

td#padding {padding-left: 4px;}
th#paddingH {padding-left: 0px;}

td#wordwrap {word-wrap:break-word; border: 0; border-spacing: 0;}
td.hrthick {border-bottom: solid 7pt black;}
td.hrTab {border-bottom: solid 5px black;}
td.indent {border: 0;border-collapse: collapse; border-spacing: 0;white-space: pre; padding-left: 15px;}
td.indent2 {min-width: 15px;margin:15px;}
td.splitTD {vertical-align: top; width: 50%; padding-left: 0; padding-right: 0;}
th.modifyText {padding-right: 1px;padding-left: 1px;padding-top: 1px;padding-bottom:1px;}
th.modifyTextPre {padding:1px;white-space: pre;}

.hangingindent {padding-left: 15px ;text-indent: -15px ;min-width:50;padding-bottom: 0 ;vertical-align:top;}

.hangingindentnotes {padding-left: 5px ;text-indent: -5px ;min-width:50;padding-bottom: 0 ;vertical-align:top;}

/* .dotted {display:flex; border-bottom: 1px;align-items: baseline;} */
/* .dotted::after {border-bottom: 1.5px dotted black;content: '';flex: auto;flex-wrap: wrap;} */

/*.dotted2 {display:flex; border-bottom: 1px;align-items: baseline;} */
/*.dotted2::before {border-bottom: 1.5px dotted black;content: '';flex: auto;} */
/*.dotted2::after {border-bottom: 0;content: '';flex: auto;} */

.hangingindent2 {padding-left: 30 ;text-indent: -30 ;padding-bottom: 0 ;}
.hangingindentL {padding-left: 15px ; text-indent: -15px ; padding-top: 0; padding-bottom:0; vertical-align:bottom;}
th#DVgroup.modifyText {padding-left: 1px;width: 10%;text-align:left;vertical-align: bottom;font-weight: bold;border-bottom: 5px solid black;}
th#DVgroup.modifyTextPre {padding-left: 1px;width: 10%;align:center;vertical-align: bottom;font-weight: bold;border-bottom: 5px solid black;}

div.hangingindent {padding-left: 15px ;text-indent: -15px ;min-width:100px;padding-bottom: 0 ;vertical-align:top; display: table-cell;}
div.invisible {border: 0;}
.hrthin {display: block; height: 0; color: black; background: solid #333; background-color: black; margin: auto; border-style: none; border-width: 0; border-top: solid 0.25pt black;}
.hrmedium {height: 0; color: black; background: transparent; background-color: black; margin: auto; border-style: none; border-width: 0; border-top: solid 3pt black;}
.hrthick {border-bottom: solid 7pt black;}

.hrTab {border-bottom: solid 5px black;}

.SForNF {font-size: 14pt; font-weight:bold;}
p.SFamount {color:black; margin:0;}

p {
	font-size: 100%;
	color: #2E5041;
}
p.message {
	font-weight:bold;
	color: #C28364;
}
span.modifyText2 {white-space: normal;}
.dataEntryT {border: 2px solid black;}
.hrthinindent { 
    display: block;
    height: 0px;
    background: solid #333;
    background-color: black;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 15px;
    margin-right: auto;
    border-style: none;
    border-width: 0;
    border-top: solid 0.25pt black;
}

.hrthinindent2 { 
    display: block;
    height: 0px;
    background: solid #333;
    background-color: black;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 30px;
    margin-right: auto;
    border-style: none;
    border-width: 0;
    border-top: solid 0.25pt black;
}

td#indent {
    border: 0px ;
    border-collapse: collapse; 
    border-spacing: 0px;
    text-indent: 15px;
    white-space: pre;
}

td#indent2 {
    border: 0px ;
    border-collapse: collapse; 
    border-spacing: 0px;
    text-indent: 30px
}
body {font-size: 100%;
      color: black;
      background-color:white;

}
tbody#OWLbody, tbody#DVbody, tbody#RDIbody, tbody#NDVbody, tbody#HTMbody {display:none;}