html, body {
  padding: 0;
  margin: 0; 
  font-family: Lato,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; 
  }

body {
  position: relative;
  line-height: 1.5;
  height: 100%; }
  body header {
    background-color: #6ba5c0; 
    }
    body header .navbar{
      //border-top-style: solid;
      //border-top-width: 1px;
      //border-top-color: #2589C5;
      //border-bottom-style: solid;
      //border-bottom-width: 1px;
      //border-bottom-color:#ddd;
    }
    body header .title {
      font-size: 36px;
      font-family: Lato, "Open Sans";
      padding-top: 30px;
      padding-bottom: 30px;
      color: white; }
      body header .title a {
        color: white;
        text-decoration: none; }
    body header .spms-logo {
      text-align: left;
      margin-top: 10px;
      margin-bottom: 5px; }
    body header .hl7-logo {
      text-align: right;
      margin-top: 15px; }
  body .content {
    overflow: hidden;
    min-height: 100%;
    position: relative;
    height: auto !important;
    margin-bottom: -155px;
    padding-bottom: 155px; 
    }
  body footer {
    background-color: #E6F3F9;
    color: #1D1D1B;
    height: 155px;
    position: relative;
    padding-top: 40px; 
    //border-top-style: solid;
    //border-width: 1px;
    //border-color: #2589C5;
    text-align: right; 
    }
    body footer a {
    color:   rgb(23, 59, 105);
    }
   
  h1  {
    color: #39515c;
    font-size: 32px;
    font-style: normal;
    font-family: Lato, calibri;
    font-weight: bold;
    padding: 0.4em;
  }

  h2 {
    color: #5f8799;
    font-size: 28px;
    font-family: Lato, sans-serif;
    font-weight: bold;
    padding: 0.5em;
     }

  h3 {
    color: #72a2b8;
    font-size: 22px;
    font-family: Lato, sans-serif;
    padding: 0.5em;
    font-weight: bold;
  }

  h4 {
    color: #72a2b8;
    font-size: 18px;
    font-family: Lato, sans-serif;
    padding: 0.5em;
    font-weight: bold;
  }

  h5 {
    color: #7fb4cc;
    font-size: 14px;
    font-family: Lato, sans-serif;
    padding: 0.5em;
    font-weight: bold;
  }  

  h6 {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-family: Lato, calibri;
    background-color: #f9f9f9;
    padding: 0.8em;
    line-height: 1.5;
  }

  p, td,td a, li, ul, ol, span {font-family: Lato, calibri;font-style: normal;font-size: 14px !important; text-align: justify}
  nav {font-family: Lato, calibri;font-style: normal;font-size: 12px;}
  tabs {font-family: Lato, calibri;font-style: normal;font-size: 12px;}
 /* td, tr{font-family: Lato, calibri;font-style: normal;font-size: 14px;}*/

  a, th {cursor:pointer;}

.index-bigger-font li{
  font-size: 16px !important;
}

  .sort-indicator {
      margin-left: 5px;
  }
  
#breadcrumb {
  color: #009EC9;
  background-color: transparent;
  font-family: Lato, calibri;
  font-style: normal;
  font-size: 10px; 
  padding: 0.5em;
}

.container {
    width: 1300px;
}

.breadcrumb {
  color: #009EC9;
  background-color: transparent;
  font-family: Lato, calibri;
  font-style: normal;
  font-size: 10px; 
  padding: 0.5em;
}

html #preview-content {
    padding-top: 0px;
    padding-bottom: 30px;
}

.naming-systems thead,#preview-content table.regular thead th, #preview-content table.scrollbar thead th, thead th {
  background-color: #EDEDED;
  font-family: Lato, calibri;
}

#preview-content table.regular, #preview-content table.regular td {
  border-left: 0px;
  border-right: 0px;
  color: #333;
}

#back-to-top {
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  display: none;
  color: #ffffff;
  background-color: #277991;
}

#back-to-top:hover {
  color: #ffffff;
  background-color: #555;
}

.alert{
  font-family: Lato, "Open Sans;"
}

.collapselink {
  color: #0E6980;
  font-size: 14px;
  background-color: #f9f9f9;
  padding: 8px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  display: block;
  width: 100%;
}

.modal-lg {
    width: 80%;
}

.tab1 {
  display: block;
  padding: 6px 12px;
  border: 0px solid #ccc;
  border-top: none;
  font-family: Lato, calibri;font-style: normal;font-size: 16px;
}

.nav.nav-pills.nav-stacked.affix-top li a {
  outline: none;
  color:#3C3C3C;
}
.nav.nav-pills.nav-stacked.affix-top li a:active, .nav.nav-pills.nav-stacked.affix-top li a:focus, .nav.nav-pills.nav-stacked.affix-top li a:hover {
  outline: none;
  background-color: transparent;
  color: #0D91BD;
  border-left: solid #59BFD9 3px;
  border-radius: 0px;
}

.cool-tabs .nav-tabs{
  border: 0;
}

#page-title{
margin-top: 0;
}

.extension-table-status-draft{
  background-color: #FFEB9C !important;
  color: #9C5700 !important;
  text-align: center;
}

.extension-table-status-active{
  background-color: #C6EFCE !important;
  color: #006100 !important;
  text-align: center;
}

.submenu-title{
  font-weight: bold;
  font-size: 16px;
  color: #277991 !important;
  padding: 10px 20px 10px 5px !important;
}

.card {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
  transition: 0.3s;
  border-radius: 10px; /* 5px rounded corners */
  display: table-cell;
  margin: 20px;
  min-height: 120px !important;
  padding: 10px;
  font-family: Lato,  calibri;
  font-size: 12px;
  color: #277991;
}

/* Add rounded corners to the top left and the top right corner of the image */
.card img {
  border-radius: 10px 10px 0 0;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.4);
}

.card-space {
  padding: 10px;
  display: flex;
}

.card-space a {
  display: inline-table;
    width: 100%;
}

.cool-tabs .nav-tabs>li.active>a, .stu3-treetable .treetable-buttons .tree-settings .tree-button.active, .stu3-treetable .treetable-buttons .tree-control .tree-button.active, .cool-tabs .nav-tabs>li.active>a:focus, .cool-tabs .nav-tabs>li.active>a:hover  {
  background-color: #6BA5C0;
}

.version {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    color: #626262;
}

.version-bg {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    background-color: #f0f0f0;
    width:70px;
}

.version-text {
    font-weight:normal; 
    font-size:16px; 
    text-align:center;
    background-color: #f0f0f0;
}

#preview-content img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.div-center {
    margin-left: auto;
    margin-right: auto;
}

#preview-content table.table-striped tbody td{
  background-color: transparent;
}

#preview-content table.table-striped tbody tr:nth-of-type(even){
  background-color:white;
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable td {
  font-family: Lato,  calibri;
}

#ig-editor table.scrollbar, #ig-viewer table.scrollbar, #preview-content table.scrollbar, .rendered-resource table.scrollbar {
    display: table!important;
}

#ig-editor table.scrollbar, #ig-viewer table.scrollbar, #preview-content table.scrollbar, .rendered-resource table.scrollbar th, td {
  word-wrap: break-word;
}

.tag-version-status {
    color: white;
    font-weight: bold;
    font-variant: small-caps;
    border-radius: 3px;
    padding: 4px;
    width: 150px;
}

.binding-table table { 
  table-layout: fixed;
} 

.json-copy{
    background-color: #ecf4f7;
    border-radius: 15px;
    float: right;
    color: #2c3f47;
}

.profile-bg {
    background-color: #f2f8fa;
    padding: 10px;
}

.valueset {
    color: #31708f;
    background-color: #d9edf7;
    border-radius: 4px;
}

.caret {
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  margin: 0 0 5px 6px;
  -webkit-transform: rotate(45deg);
}

@media (min-width: 2000px) {
p, th, td,td a, li, ul, ol, span {font-size: 18px !important;}
  nav {font-size: 14px;}
  tabs {font-size: 14px;}
 /* td, tr{font-family: Lato, calibri;font-style: normal;font-size: 14px;}*/
  h1  {font-size: 36px;}
  h2 {font-size: 32px;}
  h3 {font-size: 26px;}
  h4 {font-size: 22px;}
  h5 {font-size: 18px;}  
  h6 {font-size: 18px;}
  .index-bigger-font li{font-size: 20px !important;}
  .breadcrumb {font-size: 14px;}
  #breadcrumb {font-size: 14px;}
  .tab1 {font-size: 20px;}
  .submenu-title{  font-size: 20px;}
  .card {font-size: 16px;}
  .version {font-size: 32px;}
  .version-bg {font-size: 32px;}
  .version-text {font-size:20px;}
  .profile-view-title {font-size: 18px;}
  .profile-view-text {font-size: 18px;}
  .alert {font-size: 18px;}
    }


/* Específicos deste guia*/

.profile-view-square {
  color: transparent;
  float: left;
  font-size: x-large;
}
.profile-view-title {
  font-family: Lato,  calibri;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 16px;
  border: solid 1px;
  border-radius: 4px;
  padding: 5px;
  width: 300px;
  margin-left: 40px;
}
.profile-view-text {
  background-color: #f9f9f9;
  padding: 5px 20px 5px 20px;
  font-size: 14px;
  margin-left: 40px;
  border-radius: 4px;
}

.cardinality-box{
  float: left;
  background-color: #f0f0f0;
  padding: 7px;
  border-radius: 4px;
  font-family: Lato,  calibri;
}