/* 2026-01 trying css colours for headers */

:root{
    --slate:#2B3B42;
    --slateish:#365a68;
    --slater:#182125;
    --peri25:#D3DAEE;
    --primary:#3D2DF7;
    --wool:#F7F4EE;
    --thebg:#FaFaF6;
  
    --indent:15px;
    --list_indent:17px;
    --table_indent:0px;
  
}

@font-face {
    font-family: "Inter";
    src: url(/resources/Storage/farmiq-help-centre-publication/fonts/Inter-VariableFont_slnt%2Cwght.ttf);
}





/* update 2024-16-01 just to make a default image alignment for when they're in lines */

p img, li img {vertical-align:middle;}

/* This is a standard FarmIQ Online Documentation style.

The following pages can help you get started with CSS:
* CSS Tutorial (http://w3schools.com/css/default.asp)
* CSS3 Tutorial (http://w3schools.com/css3/default.asp)
* CSS Reference (http://w3schools.com/cssref/default.asp) */

body
{
  font-family: Inter, sans-serif;
  font-size:12pt;
  font-weight:400;
  margin: 0;
  padding-left:calc((100% - 640px) * 0.35);
  color: var(--slate);
  max-width:650px;
  line-height:1.7em;
  background-color:var(--thebg);
  letter-spacing:0.015em;
}

/* Small screens */
@media (max-width: 700px) 
  {
  
  body
  {
    padding-left: 20px;
    padding-right: 20px;
    
    
  }
}

p
{
  margin-bottom: 0.2em;
  margin-top:0.6em;
}


body>p
{
  padding-left:var(--indent);
}

/* Small screens */
@media (max-width: 700px) 
  {
  
  body>p
  {
    padding-left:0;
    padding-right: 0px;
  }
}

a
{
  color: #385699;
  text-decoration: none;
  font-weight:450;
}

b a {font-weight:bold;}

a:visited
{
  color: #385699;
}

a:hover
{
  color: #55C5CF;
}

a:active
{
  color: #55C5CF;
}

a img
{
  border:0;
}

/* Padding for images */

body>img
{
  padding-left: var(--indent);
  margin-left:var(--indent);
}

/* Small screens */
@media (max-width: 700px) 
  {
  
  body>img
  {
    padding-left: 0;
  }
}

.imgBig
{
  max-width: 5var(--indent);
  width: 100%;
}

/* Padding for Show More boxes */
body>div
{
  padding-left: var(--table_indent);
  margin-left: 0px;
}

/* Small screens */
@media (max-width: 700px) 
  {
  
  body>div
  {
    padding-left: 0;
  }
}

/* Padding for video */
body>iframe
{
  padding-left: var(--indent);
}

/* Small screens */
@media (max-width: 700px) 
  {
  
  body>iframe
  {
    padding-left: 0;
  }
}

/* Padding for tables */
body>table
{
  margin-left: var(--table_indent);
}

/* Small screens */
@media (max-width: 700px) 
  {
  
  body>table
  {
    margin-left: 0;
  }
}

h1,h2,h3,h4 {
  color: var(--slate);
  font-family:"Inter", sans-serif, "sans serif";
  margin:0;
  font-weight:bold;
  line-height:1.2em;
  font-weight: 500;
  margin-bottom:0.4em;
  letter-spacing:0;
}

h1
{
  font-size:30pt;
  margin-top:30px;
  font-weight:450;
  
}

h2
{
  text-align: left;
  font-size:24pt;
  border-top: 3px solid var(--wool);
  padding-top:8px;
  margin-top:0.4em;
}

h3
{
  text-align: left;
  font-size:18pt;
  padding-top:16px;
}

h4
{
  text-align: left;
  font-size:16pt;
  padding-top:16px;
}

ul
{
 margin-left:0px; 
  padding-left:var(--list_indent);
  list-style-position:outside;
}

body > ul
{
  margin-left:var(--list_indent);
  padding-left: var(--list_indent);
}


/* Small screens */
@media (max-width: 700px) 
  {
  
  ul
  {
    padding-left:15px;
  }
  
  body > ul
  {
    margin-left:0px;
  }
}

ul li
{
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  padding-left: 0.4em;
}


/* getting see-also to attach to addon bits */
ul+ul {
 margin-top:0px; 
}

ul > ul {
  padding-left: 15px;
}

/* Small screens */
@media (max-width: 700px) 
  {
  
  ul li
  {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    padding-left: 0;
  }
}


body > ol
{
  padding-left: var(--indent);
  margin-left: calc(var(--indent) + 0.3em);

}


/* Small screens */
@media (max-width: 700px) 
  {
  
  ol
  {
    padding-left:var(--indent);
  }
  
  body > ol
  {
    margin-left:0.3em;
  }
}

ol>li
{
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  padding-left: 0.4em;
}


img {max-width:640px;height:auto !important;}

/* --- Custom classes --- */

.screenshot
{
  box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.75);
}

/* Start Page */

.startTileWrapper
{
  overflow:hidden;
}

.startTileWrapper h2
{
  border-top: none;
  
  text-align: center;
  font-size: 1.5em;
  padding-top: 20px;
  margin-top: 0;
}

.startTileOuter:before
{
  content: "";
  display: block;
  padding-top: 10px;
  background: white;
}

.startTileOuter
{
  float: left;
  width: 50%;
}

/* Phone to portrait tablet */
@media (max-width: 767px) 
  {
  
  .startTileOuter
  {
    /* One column per screen */
    width:100%;
  }
}

.startTileInner
{
  padding-bottom:100%;
  
  margin-bottom:-100%;
  background-color: #EEEEEE;
  margin-left: 5px;
  margin-right: 5px;
  padding-right: 10px;
  
}

.startTileInner li
{
  font-size: 1.1em;
  
}

/* Wrapper & footer elements */

.footer::before
{
  content:"";
  display:block;
  background: #333333;
  width: 70px;
  height: 60px;
  top: 0;
  left: -70px;
  position: absolute;
}

/* Small screens */
@media (max-width: 700px) 
  {
  
  .footer::before
  {
    content:"";
    display:block;
    background: #333333;
    width: 30px;
    height: 60px;
    top: 0;
    left: -30px;
    position: absolute;
  }
}


.footer::after
{
  content:"";
  display:block;
  background: #333333;
  width: 340px;
  height: 60px;
  top: 0;
  right: -340px;
  position: absolute;
}

/* Small screens */
@media (max-width: 700px) 
  {
  
  .footer::after
  {
    content:"";
    display:block;
    background: #333333;
    width: 30px;
    height: 60px;
    top: 0;
    right: -30px;
    position: absolute;
  }
}


.footer
{
  
  position: relative;
  padding: 5px;
  font-size: 12pt;
  background: #333333;
  color: #fff;
  height: 50px;
}

.footer a, .footer a:visited
{
  color: #9DD1E5;
}

.footer a:hover, .footer a:active
{
  color: #fff;
  
}

/* Tables */
/* CHTable is the CSS class assigned to all tables by default. Use the styles below to customize the default tables appearance */

table
{
  line-height:1.5em;
}


.CHTable
{
	font-size: 11pt;
	text-align: left;
	border-collapse: collapse;
  background: #fff;
  vertical-align: top;
  color:var(--slater)
  
}

.CHTable td
{
	border:4px solid #fff; 
  border-bottom:none;
  /* border-left:none; */
  background-color: var(--wool);
  padding: 2px 8px 8px 8px;
}

.CHTable th
{
  font-size: 12pt;
	padding: 5px 8px;
  font-weight: 700;
  border:3px solid #fff; 
  border-bottom:none;
  /* border-left:none; */
  background-color: #CAE2D9;
}

.CHTable th a
{font-weight:700;}

.CHTable tbody tr:last-child
{border-bottom:3px solid #CAE2D9;}

.CHTable p {
  margin-left: 0px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding-left: 0px;
}

.CHTable ul {
  margin-top: 0px;
  margin-bottom: 4px;
  margin-left: 4px;
  padding-left: 15px;
}

.CHTable ol {
  margin-top: 0px;
  margin-bottom: 4px;
  margin-left: 4px;
  padding-left: 15px;
}

/* Small screens */
@media (max-width: 700px) 
  {
  
  .CHTable th
  {
    padding: 5px 5px;
  }
}

/* Simple table */

.tableSimple
{
	font-size: 12pt;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #6C6C6C;
}

.tableSimple th
{
	padding: 15px 10px 10px 10px;
	font-weight: normal;
	font-size: 14px;
	color: #fff;
  text-align:left;
  background-color:#939393;
}

.tableSimple tbody
{
	background: white;
}

.tableSimple td
{
	padding: 10px;
	color: #333;
	border-top: 1px solid #6C6C6C;
  text-align: left;
}

.tableSimple tbody tr:hover td
{
	background: #EEEEEE;
}

/* Table with both rows and columns having odd/even styles */

.tableVerZebra
{
	font-size: 12pt;
	text-align: left;
	border-collapse: collapse;
  background: #EEEEEE;
}

.tableVerZebra th
{
  font-size: 15pt;
  padding: 12px 15px;
  background: #EEEEEE;
  color: #333;
  font-weight: normal;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}

.tableVerZebra tr:nth-child(odd)
{
  background: #939393;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  color: #fff;
}

.tableVerZebra td
{
  padding: 8px 15px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}

.tableVerZebra tfoot td
{
  background: #EEEEEE;
  color: #333;
}

/* Info Box */

.infoBox
{
  width: 100%;
  padding: 3px;
  font-size: 11pt;
  margin-top: 10px;
  margin-bottom: 10px;
  /* border-bottom: 2px solid #385699;
  border-top: 2px solid #385699; */
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 0;
  /* new for 2022 changes */
  border: 0px;
  border-radius: 5px;
  padding-right: 5px;
  background-color: #e2e8f4;
  color: --var(slater);
  font-weight:400;
}

.infoBox td
{
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-left: 10px;
}

.infoBox p:last-child 
{
  margin-bottom: 0px;
  padding-bottom : 0px;
}

.infoBox p
{
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 6px;
}

.infoBoxImageCell

{
  width: 42px;
}

/* COMMENTED OUT TO STOP INFO BOX ICON HIDING
.infoBoxImageCell img
{
  display: none;
}

.infoBoxImageCell::before
{
  
  content: 'Notes:';
  color: #385699;
  width: 20px;
}
*/


.warningBox
{
  width: 100%;
  padding: 3px;
  font-size: 11pt;
  margin-top: 10px;
  margin-bottom: 10px;
  /* colour was f54d4d */
  /* border-bottom: 2px solid #dd0000;
  border-top: 2px solid #dd0000; */
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 0;
  /* new for 2022 changes */
  border: 0px;
  border-radius: 5px;
  padding-right: 5px;
  background-color: #FEFCE8;
  color: --var(slater);
  font-weight:400;
}

.warningBox td
{
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-left: 10px;
  /* changed from 2px to match info box */
}

.warningBox p:last-child 
{
  margin-bottom: 0;
  padding-bottom: 0;
}

.warningBox p
{
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 6px;
}

.warningBoxImageCell
{
  width: 42px;
  vertical-align: middle;
}

/* COMMENTED OUT TO STOP WARNING BOX ICON HIDING
.warningBoxImageCell img
{
  display: none;
}


.warningBoxImageCell::before
{
  
  content: 'Warning:';
  text-align: left;
  color: #dd0000;
  width: 20px;
}
*/

/* Navigation elements */

.CHNavLinkTop
{
}

.CHNavLinkNext
{
}

.CHNavLinkPrevious
{
}

.CHSeeAlso
{
}

.CHBreadcrumb
{
}

/* FAQ */

.faqQuestionText
{
  background: #EEEEEE;
  padding: 10px;
  font-size: 1.1em;
}

.faqAnswer
{
  padding-left: var(--indent);
}

/* Small screens */
@media (max-width: 979px)
  {
  .faqAnswer
  {
    padding-left: 0;
  }
}

/*Keywords*/
div.keywords
{
  visibility: hidden;
}

/* Added automatically during the ClickHelp Oasis update - BEGIN */
.CHBreadcrumb
{
display: block;
}

/* Added automatically during the ClickHelp Oasis update - END */

/* Added automatically during the ClickHelp Rainbow update - BEGIN */

.inlineCode{font-family:"Consolas",monospace;color:#696969;background:#f6f7f9;padding:3px;border-radius:3px}.CHMemberTable{border:1px solid #e7ecf0;border-radius:3px;border-collapse:collapse;width:100%}.CHMemberTable tr:nth-child(even){background-color:#f5f7f9}.CHMemberTable td{border-bottom:1px solid #f5f7f9;vertical-align:baseline;padding:10px}.CHMemberTable td p{margin:0;line-height:1.5}.CHMemberTable>tr>td:first-child,.CHMemberTable>tbody>tr>td:first-child{line-height:1;white-space:nowrap}.CHMemberTable>tr>td:nth-child(2),.CHMemberTable>tbody>tr>td:nth-child(2){font-family:"Consolas",monospace;color:#8792a2;white-space:nowrap}.CHMemberTable>tr>td:last-child,.CHMemberTable>tbody>tr>td:last-child{width:100%}.CHMemberTable_optionalMark,.CHMemberTable_requiredMark{font-family:monospace;font-size:.9em;text-transform:uppercase}.CHMemberTable_requiredMark{color:#ed6055}.CHHttpRequest{width:100%;table-layout:fixed;border:none;border-collapse:collapse;border-spacing:0;margin-top:1em}.CHHttpRequest_headerImg,.CHHttpRequest_headerText{padding-top:5px;padding-bottom:8px;font-weight:bold}.CHHttpRequest_get .CHHttpRequest_headerImg,.CHHttpRequest_put .CHHttpRequest_headerImg{width:40px}.CHHttpRequest_post .CHHttpRequest_headerImg{width:47px}.CHHttpRequest_delete .CHHttpRequest_headerImg{width:63px}.CHHttpRequest_headerImg{padding-right:10px}.CHHttpRequest_headerImg img{vertical-align:middle}.CHHttpRequest_headerText{width:100%}.CHHttpRequest_code{font-family:"Consolas",monospace;font-size:14px;color:#696969;background:#f6f7f9;border-radius:4px;padding:10px 16px}.CHResponseCode_good,.CHResponseCode_warning,.CHResponseCode_error{font-weight:bold;margin-bottom:0}.CHResponseCode_good+p,.CHResponseCode_warning+p,.CHResponseCode_error+p{margin-top:0}.CHResponseCode_good::before,.CHResponseCode_warning::before,.CHResponseCode_error::before{content:" ";display:inline-block;height:10px;width:10px;border-radius:50%}.CHResponseCode_good::before{background:#27cb7c}.CHResponseCode_warning::before{background:#ff9d3d}.CHResponseCode_error::before{background:#ff4741}

/* Added automatically during the ClickHelp Rainbow update - END */

/* Added automatically during the ClickHelp Rainbow update - BEGIN */

.inlineCode{font-family:"Consolas",monospace;color:#696969;background:#f6f7f9;padding:3px;border-radius:3px}.CHMemberTable{border:1px solid #e7ecf0;border-radius:3px;border-collapse:collapse;width:100%}.CHMemberTable tr:nth-child(even){background-color:#f5f7f9}.CHMemberTable td{border-bottom:1px solid #f5f7f9;vertical-align:baseline;padding:10px}.CHMemberTable td p{margin:0;line-height:1.5}.CHMemberTable>tr>td:first-child,.CHMemberTable>tbody>tr>td:first-child{line-height:1;white-space:nowrap}.CHMemberTable>tr>td:nth-child(2),.CHMemberTable>tbody>tr>td:nth-child(2){font-family:"Consolas",monospace;color:#8792a2;white-space:nowrap}.CHMemberTable>tr>td:last-child,.CHMemberTable>tbody>tr>td:last-child{width:100%}.CHMemberTable_optionalMark,.CHMemberTable_requiredMark{font-family:monospace;font-size:.9em;text-transform:uppercase}.CHMemberTable_requiredMark{color:#ed6055}.CHHttpRequest{width:100%;table-layout:fixed;border:none;border-collapse:collapse;border-spacing:0;margin-top:1em}.CHHttpRequest_headerImg,.CHHttpRequest_headerText{padding-top:5px;padding-bottom:8px;font-weight:bold}.CHHttpRequest_get .CHHttpRequest_headerImg,.CHHttpRequest_put .CHHttpRequest_headerImg{width:40px}.CHHttpRequest_post .CHHttpRequest_headerImg{width:47px}.CHHttpRequest_delete .CHHttpRequest_headerImg{width:63px}.CHHttpRequest_headerImg{padding-right:10px}.CHHttpRequest_headerImg img{vertical-align:middle}.CHHttpRequest_headerText{width:100%}.CHHttpRequest_code{font-family:"Consolas",monospace;font-size:14px;color:#696969;background:#f6f7f9;border-radius:4px;padding:10px 16px}.CHResponseCode_good,.CHResponseCode_warning,.CHResponseCode_error{font-weight:bold;margin-bottom:0}.CHResponseCode_good+p,.CHResponseCode_warning+p,.CHResponseCode_error+p{margin-top:0}.CHResponseCode_good::before,.CHResponseCode_warning::before,.CHResponseCode_error::before{content:" ";display:inline-block;height:10px;width:10px;border-radius:50%}.CHResponseCode_good::before{background:#27cb7c}.CHResponseCode_warning::before{background:#ff9d3d}.CHResponseCode_error::before{background:#ff4741}

/* Added automatically during the ClickHelp Rainbow update - END */