@font-face {
  font-family: 'CerebriSans';
  src: url('/fonts/cerebri-sans/CerebriSans-Regular.eot'); /* IE9 Compat Modes */
  src: url('/fonts/cerebri-sans/CerebriSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/cerebri-sans/CerebriSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/cerebri-sans/CerebriSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('/fonts/cerebri-sans/CerebriSans-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/fonts/cerebri-sans/CerebriSans-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/**************************************/
/**************** Root ****************/
/**************************************/
:root {
  --documentation: white;
  --navbar: white;
  font-family: CerebriSans
  
}

a {
  color: #2c7be5;
}

a:hover {
  text-decoration: underline;
}

.bg-navbar{
  background-color: #F7FAFC;
}
.app-title {
  font-size: 20px;
  font-weight: 900;
  line-height: 16px;
  padding-top: 12px;
}
.bread, a.bread {
  font-size: 13px;
  line-height: 30px;
  padding-left: 2px;
}

a.bread {
  color: rgb(105, 115, 134);
}
a:hover.bread {
  color: black;
  text-decoration: none;
}
.app-subtitle {
  font-size: 11px;
  padding-left: 2px;
  color: #697386;
  font-weight: 400;
}
.documentation ol>li, .documentation ul>li {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.documentation p {
  color: #3c4257;
  font-weight: 400;
  font-size: 14px;
  font-family: CerebriSans;
  line-height: 2;
  text-align: justify;
  padding-top: 6px;
  padding-bottom: 6px;
} /*defines all paragraphs*/

.documentation li {
  color: #3c4257;
  font-weight: 400;
  font-size: 14px;
  font-family: CerebriSans;
  line-height: 2;
  text-align: justify;
} /*defines all paragraphs*/

h1, h2 {
  font-family:  CerebriSans;
}
.documentation {
  margin-top: 6rem;
}
.documentation h1 {
  font-size: 32px;
  padding-bottom: 5px;
}

.documentation h1:first-of-type {
  border-left-width: 0px;
  padding-left: 0px;
  border-bottom-width: 0px;
  margin-bottom: 0.2em;
  font-weight: 900;
}

.documentation h2 {
  font-family:  CerebriSans;
  font-size: 25px;
}

.documentation h2 a {
  color: #000000;
  font-weight: 900;
}

.documentation h2 a::before {
  content: "";
}

.documentation h3 {
  font-family:  CerebriSans;
  font-size: 20px;
}

.documentation h4 {
  font-family:  CerebriSans;
  font-size: 15px;
  margin-bottom: 6pt;
  padding-top: 10pt;
}

code {
  font-size: 13px;
}
.memo {
  font-size: 21px;
  margin-bottom: 30px;
}
th {
  color: #697386;
  font-size: 12px;
  text-transform:uppercase;
  font-weight: 600;
}
td {
  font-size: 14px;
  color:#3c4257;
}

.asterisk{
  color: red;
}


#table-zebra {
  font-family: CerebriSans;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

#table-zebra th, 
#table-zebra td {
  text-align: left;
  padding: 6px;
  line-height: 150%;
}

#table-zebra tr:nth-child(odd) {
  background-color: #F2F2F2;
}

#table-zebra tr.border-bottom td {
  border-bottom: 1pt solid #A6A6A6;
      } 



#table-keyword {
  font-family: CerebriSans;
  border-collapse: collapse;
  width: 100%;
}

#table-keyword td, 
#table-keyword th {
  text-align: left;
  padding: 6px;
  line-height: 150%;
}

#table-keyword tr:nth-child(odd) {
  background-color: #F2F2F2;
}

#table-keyword tr td:nth-child(3) {
  text-align: center;
}

#table-keyword tr.border-bottom td {
  border-bottom: 1pt solid #A6A6A6;
      } /*defines keyword table*/


#table-keyword {
  font-family: CerebriSans;
  border-collapse: collapse;
  width: 100%;
}


#table-import td, 
#table-import th {
  text-align: left;
  padding: 6px;
  line-height: 150%;
}

#table-import tr:nth-child(odd) {
  background-color: #F2F2F2;
}

#table-import tr td:nth-child(2) {
  text-align: center;
}

#table-import tr.border-bottom td {
  border-bottom: 1pt solid #A6A6A6;
} /*defines import table*/


    
.red-text {
  color: #d32600;
  background-color: #ffebe6;
  padding:0.1em 0.2em;
}

.green-text {
  color: #5b7f44;
  background-color: #e3fcef;
  padding:0.1em 0.2em;
}

.documentation>ul:first-of-type li a, .documentation>ul:first-of-type>li:before {
  font-size: 14px;
  color: #697386;
}/*defines right sidebar text*/


img{
    margin-bottom: 15px;
    border: 0.5pt solid #dad8d8;
    width: 700px;
    object-fit: contain;
    max-width: 100%;
    height: auto;
}

.small-img150{
  width: 150px;
}

.small-img300{
    width: 300px;
}
  
.small-img500{
    width: 500px;
  }
  

.documentation>ul:first-of-type li a:hover {
  color: #2c7be5;
  text-decoration: none;
}
.documentation>ul:first-of-type ul {
  padding-left: 10px;
}

.documentation>ul:first-of-type>li:before {
  content: "ON THIS PAGE";
  display: block;
  font-weight: 800;
  font-size: 12px;
  padding-top: 10px;
  color:#1a1f36;
  padding-bottom: 5px;
}
.documentation>ul:first-of-type li {
  border-bottom-width: 0px;
  line-height: 32px;
  padding: 0px;
}


/**************************************/
/*************** Sidebar **************/
/**************************************/
.sidebar {
  border: none;
  background-color: #F7FAFC;
  border-right: 1px solid  #e3e8ee;
}
table td:hover, table th:hover, table tr:hover {
  background-color: #F7FAFC;
}
.sidebar ul li h2 {
 padding: 5px 20px;
}

.sidebar ul li h2.is-active {
  color:#2c7be5;
 }

.sidebar ul li a {
  font-family: 'CerebriSans','Courier New', Courier, monospace;
  color: #3c4257;
  font-size: 15px;
}

.sidebar ul li ul li a {
  font-family: 'CerebriSans','Courier New', Courier, monospace;
  color: #697386;
  font-size: 15px;
  padding-left: 32px;
}

.sidebar>ul>li>ul>li a:hover {
  padding-left: 2.25rem;
  color:#2c7be5;
  text-decoration: none;
}

div.code-toolbar>.toolbar a{
  font-size: 13px;
}

blockquote {
  background-color: #fcf9e9;
  border-radius: 4px;
  box-shadow: 0 0 0 1px #e3e8ee;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 15px;
}

blockquote strong {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 800;
}

.status {
  display: inline-block;
  padding: .33em .2em;
  font-size: 76%;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .375rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.status-succcess {
  color: #00d97e;
  background-color: #ccf7e5;
}

.status-primary {
  color: #2c7be5;
  background-color: #d5e5fa;
}

.status-secondary {
  color: #6e84a3;
  background-color: #e2e6ed;
}

.status-info {
  color: #39afd1;
  background-color: #d7eff6;
}

.status-warning {
  color: #f6c343;
  background-color: #fdf3d9;
}

.status-danger {
  color: #e63757;
  background-color: #fad7dd;
}

.status-dark {
  color: #12263f;
  background-color: #d0d4d9;
}

img.medium-zoom-image {
  margin-top: 15px;
}