:root {
/* 
Color scheme definitions

http://build.fhir.org/ig/FHIR/ig-guidance/index.html

Usage:
   var(--publish-box-bg-color); 
*/

/* UNICAS changes from ig base project.css */
--ig-status-text-color: #7c217d; /* 1. IG Title and status text color */
--navbar-bg-color: #7c217d; /* 2. Header container color */
--footer-bg-color: #ffffff; /* 3. Footer background color*/
--footer-container-bg-color: #7c217d; /* 4. Footer container color */
--stripe-bg-color: #ffffff; /* 5. Header strip color */

--btn-hover-color: #CE84AD;  /* 6. Menu button hover color */
--btn-active-color: #CE84AD; /* 7. Menu button active color */
--btn-text-color: #e6e6e6; /* 8. Menu button text color */

--btn-gradient-start-color: #B441B5; /* 9. Menu item gradient start color */
--btn-gradient-end-color: #B305B5; /* 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: #e6eeff; /* 15. Publish box background color */
--publish-box-border: 1px solid #0A0008; /* 16.  Publish box border definition */

--toc-box-bg-color: #e6eeff; /* 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: #ffffff; /* 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: #d2ca37; /* 25. Footer hyperlinks font color */
--footer-highlight-text-color: #ffffff; /* 26. Footer highlight font color */

--breadcrumb-bg-color: #f5f5f5; /* 27. Breadcrumb background color */
--breadcrumb-text-color: #777777; /* 28. Breadcrumb font color */

--dragon-background-color: #fffbf7; /* 29. Dragon background color */
--dragon-text-color: #101020; /* 30. Dragon font color */
}

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

#hl7-nav a {
  color: inherit;
}

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

#segment-post-footer {
  background-color: #ffffff;
}

#segment-post-footer > .container {
  background-color: #ffffff;
  min-height: 90px;
}


#container-unicas {
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  color: black;
}


#container-unicas img {
  padding-top: 6px;
  padding-bottom: 6px;
}


/**
#container-unicas-right {
  float: right;
  width: 40%;
  padding-top: 8px;
  padding-bottom: 6px;
  padding-right: 14px;
  color: #ffffff;
}
**/

#footer-line {
  display:flex; 
  flex-flow:row wrap;
  padding-bottom: 0px;
  margin: 0 0 0px;
  color: var(--footer-highlight-text-color);
}

.align-left {
  width: 33.33333%;
  text-align: left;
  padding-bottom: 0px;
  margin: 0 0 0px;
}
.align-center {
  width: 33.33333%;
  text-align: center;
  padding-bottom: 0px;
  margin: 0 0 0px;
}
.align-right {
  width: 33.33333%;
  text-align: right;
  padding-bottom: 0px;
  margin: 0 0 0px;
}

#footer-linetwo {
  display:flex; 
  flex-flow:row wrap;
  padding-bottom: 0px;
  margin: 0 0 0px;
  color: var(--footer-highlight-text-color);
}

.align-lefttwo {
  width: 50%;
  text-align: left;
  padding-bottom: 0px;
  margin: 0 0 0px;
}
.align-righttwo {
  width: 50%;
  text-align: right;
  padding-bottom: 0px;
  margin: 0 0 0px;
}


p {
  text-align: justify;
}

pre.xml {
  width: 100%;
  overflow-x: scroll;
}

pre.json {
  width: 100%;
  overflow-x: scroll;
}

pre.rdf {
  width: 100%;
  overflow-x: scroll !important;
}

table.colsd td {
  background-color: #e6eeff;
}

table.grid {
  width: 100%;
}

table.colsi td {
  background-color: #e6eeff;
}