/* Stuff Lyndon has messed with begins */


/* clickhelp fixes 17/06/2026 for iphone scrolling and also the headers beign a bit hidden */

@media (max-width: 768px) {
    html.mobileView,
    html.mobileView > body {
        height: auto !important;
        min-height: 100% !important;
        /*
    overflow-y: auto !important;
        overflow-x: hidden !important;
        */
    }
    html.mobileView body > h1:first-of-type {
        margin-top: 30px !important;
    }
}




/* make map keys more better? */

.map_key li::marker { font-weight: bold; font-size:10.5pt;}



.grow_disclaimer {font-size:smaller;line-height:1.4em;}





/* making the links on headers not make an empty line by themselves sometimes 4/3/26 */


.CHHeadingLink {
    margin-top: .2em;
    position: absolute;
}


/*
looking at the bullet lists nested in numbered lists and trying to make them behave like we want*/
ol ul {
  list-style-type: disc;
}
ol ul ul {
  list-style-type: circle;
}

.CHMiniToc {list-style:square;}
.CHNavCaption {font-weight:600;}


/* boxes for fiq pack or grow extension info */

.packbox {
  box-sizing:border-box;
    color: var(--slater); 
  font-size:11pt;
  line-height:1.5em;
  width:100%; 
  padding:10px 10px 10px 40px;
  margin-top: 10px;
    margin-bottom: 10px;
border-radius:5px;
  background-repeat:no-repeat;
  background-position-y:center;
  background-position-x:9px;
  background-size:24px 24px;
    
}

.packbox td {padding:4px;}

.packbox .infoBoxImageCell {width:24px;}

.packbox .infoBoxImageCell img {height: auto; vertical-align: bottom; max-width: 100%;}

.fiqbox {
  background-color: #B1BDE0;
  background-image:url(/resources/Storage/farmiq-help-centre-publication/Branding/fiq-fav.svg);

}

.fiqbox a:hover {color:var(--wool);}


.grobox {
  background-color: #92bdc4;
  background-image:url(/resources/Storage/farmiq-help-centre-publication/Branding/grow-fav.svg);
}

.grobox a:hover {color:var(--wool);}


/* Expanding green box for links to WORKED EXAMPLES/external resources */
/* And reworked dropdown box */

/* Outside box */
.WorkedEGbox 
{
  margin-top:16px;
  padding: 10px 10px 25px 30px; 
  border-collapse: collapse; 
  border-width: 0px 0px 0px 3px; 
  border-left-style: solid; 
  border-left-color: #99CA44; 
  background-color: #F7F4EE;
}

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

/* make space for up/down arrow */
/* and for some reason 0 top margin wasn't being passed down */
.WorkedEGheadlineClosed, .WorkedEGheadlineOpen
{
  padding-left:30px;
  margin-left:-30px;
  margin-top:0;
}


.NotWorkedEGbox 
{
  margin-left:0; 
  margin-top:12px;
  margin-bottom:12px;
  padding: 0px 0px 0px 20px; 
  border-collapse: collapse; 
  border-width: 0px 0px 0px 0px;  
  background-color: transparent;
}

/* Small screens */
@media (max-width: 700px) 
  {
  
  .NotWorkedEGbox
  {
    margin-left: -15px;
  }
}

ol .NotWorkedEGbox {margin-left:-11px;}


/* divs for the blurb, mostly for the margins I think? */
.WorkedEGbox .showMoreLabel {cursor: pointer;}
.WorkedEGbox .hideLabel {cursor: pointer;}

/* side/down arrow image as background for headline paragraph click to open/close */
.WorkedEGheadlineClosed {background-image: url('/resources/Storage/farmiq-help-centre-publication/OT%20open%20show%20arrow%201.png'); background-repeat: no-repeat; background-position: 9px 2px;}
.WorkedEGheadlineOpen {background-image: url('/resources/Storage/farmiq-help-centre-publication/OT%20close%20hide%20arrow%202.png'); background-repeat: no-repeat; background-position: 8px 4px;}

.NotWorkedEGbox .WorkedEGheadlineClosed {margin-left:-30px; padding-left:30px;}
.NotWorkedEGbox .WorkedEGheadlineOpen {margin-left:-30px; padding-left:30px;}



/* === Topic table styles 21-11-2022 === */ 

.tableWrapper
{
  /* wrapper div to make table scroll when screen is too narrow, divs are added by branding.js. At time of writing this is not actually sorted out and the js also adds the styles */
  display:block;
  overflow-x:auto;
  /* stop the padding changing with screen resize, use another as a container instead */
  margin:0px !important;
  padding: 0px !important;
}

.tableWrapper img
{
  /* stop resizing of offscreen images into nothing */
    min-width: 30px !important;
    height: auto !important;
}

.tableWrapper embed, .tableWrapper object, .tableWrapper video
{
  /* keep eg videos big enough that there's a play button */
    min-width: 150px !important;
    height: auto !important;
}

.tableWrapper iframe
{
 /* videos narrow enough not to blow out page area on my screen */
 min-width: 150px !important;
  max-width: 275px;
}

.verticalVideo
{
  height:450px;
}


.CHTable
{
  /* RISKY, seems to mostly work to stop set table width problems */
  width: unset !important;   
}

.infoBox, .warningBox
{
  /* clean up bad set alert box widths */
  width:100% !important;
}


.tableWrapper table
{
/* also clean up any with left margins added in table element styles, div provides normal margins - still a little funny with varying padding for scrolling  */
  margin-left:unset !important;
}

/* INLINE TABLES 12-2022 --- UPDATE 9-2024 */

.inlineTableWrapper
{
 display:inline-block;
  vertical-align:top;
  max-width: 324px;
  margin-right:-3px;
  margin-bottom: 6px;
}




.inlineTableWrapper table
{
  /* make sure it's at width when created */
    min-width:324px;
}



@media (max-width: 655px)
  {
  /* where 2 inline tables wouldn't fit on a line */
  .inlineTableWrapper {max-width:95%;width:95%;}
  .inlineTableWrapper table {min-width:100%;}
  /* and centre videos */
  .inlineTableWrapper iframe {width:100%;}
}


/* REMOVED FROM BELOW 29/5/1015
.inlineTableWrapper img, 
*/

.inlineTableWrapper iframe
{
  max-width:100% !important;
  aspect-ratio:16/9.5;
}


  /* it's in a table so any ul will be a new list - restart bullet points */

.inlineTableWrapper ul>li
{
  /* also reduce list padding at wide widths */
  padding-left:0;
list-style-type: disc;
}

.inlineTableWrapper ul>li>ul>li
{list-style-type: circle;}

.inlineTableWrapper ul>li>ul>li>ul>li
{list-style-type: square;}



/* Stuff Lyndon has messed with ends, barring any branding colour replacements */


.cs12B7D4222
{
  font-size: 19px;
}

.cs1723C2A07
{
  font-size: 11pt;
  font-weight: normal;
  font-style: normal;
}

.cs020CBA251
{
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
}

.cs1F121D01
{
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
}

.ul-in-ol
{
  list-style-type: disc; 
  margin-left: 60px; margin-bottom: 2px;
  padding-left: 8px;
  list-style-position:inside;
}

.ul-in-ol-two
{
  list-style-type: circle; 
  margin-left: 95px; margin-top: 2px;
  padding-left: 8px;
  list-style-position:inside;
}

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

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

/* 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 */