/* Colors

Usage:
var(--publish-box-border); */

:root {

    --ig-status-text-color: #333333; /* 1. IG Title and status text color */
    --navbar-bg-color: #00A9CE; /* 2. Header container color */
    --footer-bg-color: #DADBDC; /* 3. Footer background color*/
    --footer-container-bg-color: #757579; /* 4. Footer container color */
    --stripe-bg-color: #00A9CE; /* 5. Header strip color */
  
    --btn-hover-color: #5cb3c7;  /* 6. Menu button hover color */
    --btn-active-color: #001D34; /* 7. Menu button active color */
    /*--btn-text-color: #e6e6e6; /* 8. Menu button text color */
    --btn-gradient-start-color: #004B87; /* 9. Menu item gradient start color */
    --btn-gradient-end-color: #004B87; /* 10. Menu item gradient end  color */
    /*--btn-gradient-start-color-alpha: #ff428bca; /* 11. Menu item gradient start color (with alpha) */
    /*--btn-gradient-end-color-alpha: #ff357ebd; /* 12. Menu item gradient end color (with alpha) */
    /*--link-color: #428bca; /* 13. Hyperlink text color */
    /*/*--link-hover-color: #2a6496; /* 14. Hyperlink text hover color */
  
    /*--publish-box-bg-color: yellow; /* 15. Publish box background color */
    /*--publish-box-border: 1px solid #0A0008; /* 16.  Publish box border definition */
  
    /*--toc-box-bg-color: #ffeb7e; /* 17.  TOC box background color */
    /*--toc-box-border: 1px solid navy; /* 18. TOC box border definition */
  
    /*--stu-note-background-color: #fff2ff; /* 19. (STU) Note box background color */
    /*--stu-note-border-left-color: #ffa0ff; /* 20. (STU) Note box border color */
  
    /*--ig-header-color: #f5f5f5; /* 21. Header color (sides) */
    /*--ig-header-container-color: #ffffff; /* 22. Header container color (center) */
    /*--footer-nav-bg-color: #f5f5f5; /* 23. Footer navigation background color*/
  
    /*--footer-text-color: #ffffff; /* 24. Footer highlight font color */
    /*--footer-hyperlink-text-color: #81BEF7; /* 25. Footer hyperlinks font color */
    /*--footer-highlight-text-color: #ffff77; /* 26. Footer highlight font color */
  
    /*--breadcrumb-bg-color: #f5f5f5; /* 27. Breadcrumb font color */
    /*--breadcrumb-text-color: ##555555; /* 28. Breadcrumb font color */
  
    /*--dragon-background-color: #fffbf7; /* 29. Dragon background color */
    /*--dragon-text-color: #101020; /* 30. Dragon font color */
  
    --note-background-color: #f4fdf8; /* Smart Health Checks Note box background color */
    --note-border-left-color: #a2eec3; /* Smart Health Checks Note box border color */
  
}

  th, td {
  	padding: 5px;
  }
  tr {
    border-bottom: 0.5px solid #dddddd;
  }
  th {
    background-color: #eeeeee;
  }
  
  .note {
    margin: 5px;
    padding: 10px;
    border-left-style: solid;
    background-color: var(--note-background-color);
    border-left-color: var(--note-border-left-color);
}

.note::before {
  white-space: pre;
  content: "Note\A ";
  font-weight: bold;
}