:root { 
    --light-grey-page-background: #f6f6f6;
    --navigation-background-tier-two-selected: #24a9e0;

}

h1 {
    font-size: 36px !important;
    line-height: 1.2 !important;
  }
  
  h2 {
    font-size: 24px !important;
    line-height: 1.3 !important;
    margin-top: 32px !important;
  }
  
  h3 {
    font-size: 20px !important;
    line-height: 1.4 !important;
    margin-top: 32px !important;
  }
  
  h4 {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
  
  h5 {
    font-size: 1.25rem !important;
    line-height: 1.6 !important;
  }
  
  h6 {
    font-size: 1rem !important;
    line-height: 1.7 !important;
  }
  
  /* Body text */
  body {
    font-family: 'Atkinson Hyperlegible Next', Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 400; /* Regular */
  }
  
  body li {
    font-family: 'Atkinson Hyperlegible Next', Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 400; /* Regular */
  }
  
  p {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
  
  a {
    font-size: 16px !important; /* Adjust the value as needed */
  }
  
  .centered-text {
    text-align: center
  }
  
  .sideimg-content {
    font-size: 16px !important;
    margin-top: 8px;
  }
  
  .sideimg-img {
    margin-left: 16px;
  }

body {
    background-color: var(--light-grey-page-background) !important;
}

body.notoc {
    padding: 0;
}

/* Heading */
.header {
    border-top: 6px solid var(--light-ezitxt-blue);   
    background-color: #248CCC; /* Fallback color */
    background-image: linear-gradient(90deg, #248CCC 29.33%, #8FD0EB 73.08%, #F1FAFF 100%);
    margin: 0;
    width: 100%;
    height: 80px;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    position: fixed;
}
   
.header__container{
    --logo-container-width: 10rem !important;
  padding-right: 32px;
  padding-top: 8px;
} 
   
.header__container img {
    padding: 0 0 0 1rem !important;
}

/* Heading end */  

/* Table of content  */

#TableOfContents li {
    padding: 0;
    line-height: var(--body-line-height, 20px);
}

#TableOfContents li ul li{
    list-style-type: circle;
}

/* Table of content - end */

/* Header search  */
.header-search-wrapper .gsc-control-cse {
    background: transparent;
    padding: 0 10px 0 0;
    border: transparent;
}

.header-search-wrapper .gsc-input-box {
    height: 100%;
    border: transparent;
}

.header-search-wrapper .gsc-search-box table tr,
.header-search-wrapper .gsc-search-box table td,
.header-search-wrapper .gsc-search-box table th,
.header-search-wrapper .gsc-search-box table {
    border: 0;
    padding: 0;
    margin: 0;
    border: transparent;
}

/* Header search - End  */

/* Customise page elements */

table {
    width: 80%; 
    margin-bottom: 1rem;
    background-color: white;
}

table th {
    background-color: var(--light-ezitxt-blue) !important;
    border-bottom: 1px solid rgb(186, 186, 186) !important;
    color: var(--white) !important;
    text-align: left;
    font-weight: bold !important;
}

table tr {
    border: 1px solid var(--light-ezitxt-blue);
    border-width: 0 1px 1px 1px;
    vertical-align: text-top;
    border-bottom: 1px solid rgb(228, 228, 228) !important;
}

code,pre {
    background-color: #000;    
    padding: 5px;
    border-radius: 2px;
    color: white;
}

pre {
    margin: 0;
}

.code {
    color: white;
}

.docs-content {
    padding-left: 24px;
    padding-top: 32px;
}

.docs-sidebar sticky open {
    min-width: 340px;
}

.a {
  color: #0F67A2;
}

.header__logo {
  height: var(90%);
  object-fit: contain;
  padding-top: 8px;
  padding-left: 0px;
  padding-right: 8px;
  padding-bottom: 8px;
  position: relative;
  height: 52px;
}