/* WHO Content IGs */
:root {
  --navbar-bg-color: #008dc9; /* 2. Header container color */
  --footer-bg-color: #505050; /* 3. Footer background color*/
  --footer-container-bg-color: #008dc9; /* 4. Footer container color */
  --btn-hover-color: #0070A1;  /* 6. Menu button hover color */
}

/* Generic settings common to all content IGs */
:root {
  --stripe-bg-color: #999999; /* 5. Header strip color */
  --btn-active-color: #0070A1; /* 7. Menu button active color */
  --btn-text-color: #e6e6e6; /* 8. Menu button text color */
  --stu-note-background-color: #fff2ff; /* 19. (STU) Note box background color */
  --stu-note-border-left-color: #ffa0ff; /* 20. (STU) Note box border color */
}

#hl7-nav {
  line-height: 50px;
  float: left;
  margin-top: 4px;
}

#hl7-nav a {
  color: inherit;
}

#hl7-logo {
  float: left;
  margin-left: 6px;
}
#hl7-search {
  line-height: 50px;
  float: right;
  margin-top: 4px;
  color: maroon;
}
#hl7-search a {
  color: inherit;
}
#project-nav {
  line-height: 50px;
  float: left;
  margin-top: 4px;
  margin-bottom: 4px;
  color: #808080;
}
#project-logo {
  float: left;
  margin-left: 3px;
}

/* ----------note-to-balloters styling------*/

.note-to-balloters::before {
  white-space: pre;
  content: "Note To Balloters\A ";
  #background-color: yellow;
  color: red;
  font-weight: bold;
}
.note-to-balloters, .stu-note{
    margin: 5px;
    padding: 10px;
    border-left-style: solid;
}

.stu-note::before {
  white-space: pre;
  content: "STU Note\A ";
  #background-color: yellow;
  color: red;
  font-weight: bold;
}


dl dd {
    padding-left: 20px;
}
dl dl {
    padding-left: 20px;
}

table.checklist  {
    width: 100%;
}


table.checklist td.checklist-section {
    width: 10%;
}

table.checklist td.checklist-required {
    width: 8%;
}

table.checklist td.checklist-description {
    width: 30%;
}
table.checklist td.checklist-artifacts {
    width: 30%;
}

table.checklist th {
    background-color: CornflowerBlue;
}

table.checklist td {
    background-color: LightBlue;
}

table.checklist tr {
   border-top: 1px solid CornflowerBlue;
}


figure img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

figure figcaption {
    border-top: 1px solid CornflowerBlue;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
}


em {
    color: ForestGreen;
    text-decoration: underline;
}














/* Styles for dropdown menu to support one more dropdown level */

  .dropdown-menu > li:hover > ul,
  .dropdown-menu > li:focus > ul {
    display: block;
  }
  
  .dropdown-menu > li > a {
    display: block;
    padding: 8px 25px 8px 15px; /* Adjust padding to make space for the caret */
    color: #333;
    text-decoration: none;
    position: relative;
  }
  
  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus {
    background-color: #f8f9fa;
  }
  
  /* Existing caret styles */
  .nav .caret,
  .dropdown-menu > li > a.dropdown-toggle::after {
    border-top-color: #428bca;
    border-bottom-color: #428bca;
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg); /* Pointing right */
    content: "";
  }
  
  .nav a:hover .caret {
    border-top-color: #2a6496;
    border-bottom-color: #2a6496;
  }
  
  
  /* Adjust padding for dropdown submenu items */
  .dropdown-menu > li > ul > li > a {
    display: block;
    padding: 8px 50px 8px 15px; /* Add extra padding on the right */
    color: #333;
    text-decoration: none;
  }
  
  .dropdown-menu > li > ul > li > a:hover,
  .dropdown-menu > li > ul > li > a:focus {
    background-color: #f8f9fa;
  }
  
  .dropdown-menu > li > ul > li:hover > a::after,
  .dropdown-menu > li > ul > li.dropdown-submenu:hover > a::after {
    display: none; /* Remove the caret completely */
  }
  
  .dropdown-menu > li > ul > li > ul {
    display: none;
  }
  
  .dropdown-menu > li > a {
    display: block;
    padding: 8px 35px 8px 15px; /* Adjust padding to make space for the caret */
    color: #333;
    text-decoration: none;
    position: relative;
  }
  
  .dropdown-menu > li > a {
    padding: 8px 35px 8px 15px; /* Adjust padding to make space for the caret */
    color: #333;
    text-decoration: none;
    position: relative;
  }
  
  .nav > li > a.dropdown-toggle {
    padding-right: 25px;
    padding-left: 15px;
  }
  
  /* Style the caret for submenu items */

  .dropdown-menu > li > ul > li > a.dropdown-toggle::after {
    content: "";
    border-top: 6px solid transparent;
    border-right: 6px solid;
    border-bottom: 6px solid transparent;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%) rotate(270deg);
  }

  :root {
    --showtodo: "off";
    --display-todo: none; /* Default display value */    
  }

/* If --showtodo is set to "on", modify the --display-todo variable */
  [data-showtodo="on"] {
    --display-todo: block;
  }

  .todo {
    display: var(--display-todo);
    background-color: #ffe0e0; /* Very light pink */
  }


  h1, h2, h3, h4, h5, h6 {
    padding-top: 1.2em;
  }

  .full-width {
    width: 100%;
}