body {
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    line-height: 1.4rem;
}

.navbar {
    background-color:#006DB6;
    color: #ffffff;
}

section {
    margin-top:3rem;
    margin-bottom:3rem;
}

.page-header {
    font-size:.8rem;
    font-weight: 700;
    margin-bottom:1rem;
 
    padding:0px;
    padding-left:10%;
}

.banner-container {
    margin-top:0px;
    position:relative;
}

.box-wrapper {
    background-color: rgba(226, 226, 226, .9);
    padding:1rem 2rem 1rem 2rem;
    margin:2rem 2rem 2rem 2rem;
}

.caption {
    color:grey;
    font-size:11px;
    text-transform:italic;
    margin-top:.2em;
    
}

h1, .h1 {
    font-size:1.8rem;
    font-weight: 900;

    margin-bottom:1rem;  
    margin-top:.5rem;    
}

h2 {
    font-size:1.5rem;
    font-weight:900;

    margin-top:1.4rem;
    margin-bottom:1.6rem;
    /* color:rgba(0, 109, 182, .9); */
    color:black
}

h3 {
    font-size:1.2rem;
    font-weight:900;

    margin-top:1.4rem;
    margin-bottom:.6rem;
}

h4 {
    font-size:1rem;
    font-weight:400;
    margin-top:.6rem;
    margin-bottom:.6rem;
}

.li-key {
    color:rgba(0,0,0,.38);
    font-weight:900;
    margin-bottom:1px;
    font-size: .9rem;
    text-transform:uppercase;
    display:block;
}

.li-value {
    font-weight:300;
    font-size:1rem;
}

.table-footer {
    color: #000000;
}

.table-key {
    color:rgba(0,0,0,.48);
    font-weight: 900;
    margin-bottom: 1px;
    font-size: .9em;
    text-transform: uppercase;
    display: block;
}

.table-value {
    font-weight: 300;
}

.table-list {
    margin-bottom: 0;
    margin-left: 2rem;
}

.td-lg {
    width:45%;
}

.td-md {
    width:30%;

}
.td-sm {
    width:210px;
}

h5 {
    font-size:1rem;
    font-weight:700;
    margin-top:1.4rem;
    margin-bottom:.6rem;
}

tbody {
    border-bottom:1px solid rgba(158, 152, 152, .4);
}

table {
    margin-top:2rem;
    margin-bottom:4rem;
    font-family:"Overpass";
    font-size:.9rem;
}

thead {
    background-color:rgb(226, 226, 226, .9);
}

.table td, .table th {
    padding: .5rem;
    vertical-align: top;
    border:none;
}

tr {
    border:1px solid rgb(226, 226, 226, .9);
}

th {
    font-weight:700;

    min-width:40px;
    max-width:160px;
    vertical-align:top;
    border:none;
}

td {
    min-width:40px;
    max-width:160px;
    border:none;
    min-width:140px;
}

.table-key {
    font-weight:700;
}

.table-image {
    width:70px;
    margin-top:4px;
    margin-bottom:4px;
}

.example-image-wrapper {
    padding:1rem;
    width:100%;
}

.example-image-output {
    border:1px solid rgba(0,0,0,.3);
    padding:.6em;
    width:100%;
}

.example-image-manifest {
    border:1px solid rgba(0,0,0,.3);
    padding:.6em;
    width:50%;
}

.example-report-img {
    border:1px solid rgba(0,0,0,.3);
    padding:.6em;
}

h6 {
    font-weight:700;
}

p {
    font-weight: 500;
    margin-bottom:.6rem;
}

ul, ol {
    display: block;
    padding:0rem;
    margin-top:0rem;
    margin-bottom:2rem;
    margin-left:3rem;
    margin-right:0rem;
}

ul ul {
    margin-top:0rem;
}

li {
    font-weight: 500;
    padding-left:.2rem;
    margin-top:.4rem;
    margin-bottom:.4rem;
 }

 td ol {
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 20px;
}

ol > li {
    font-weight: 500;
}

a {
    color:#006DB6;
}

.td-border-right {
    border-right: 1px solid rgb(226, 226, 226, .9) !important;
}

.no-bulletpoint {
    list-style-type: none;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.anchorjs-link:hover {
    text-decoration: none;

}

/* styling for side navigation */
.sidebar-toggler {
    border: 2px solid rgba(0,0,0,.05);
    background-color: rgba(0,0,0,.01);
}

#page-nav {
    padding: .25rem 1.5rem;
}

.nav-link {
    font-size: .85rem;
    padding: 0 0 0 .5rem;
    color: rgba(0,0,0,.6);
}

.nested-nav {
    padding-left: 2rem;
    padding: 0rem 0 0rem 2rem;
}


.nav-link.active {
    border-left: .2rem solid rgba(0,0,0,.6);
    font-weight: 700;
    padding-left: .3rem;
}

.nested-nav.nav-link.active {
    padding-left: 1.8rem;
}

@media only screen and (min-width: 1200px) {
    /* so that the sidebar is always displayed on the side for larger screens */
    #page-nav {
        position: fixed;
    }
}

@media only screen and (max-width: 1199px) {
    /* decreasing space between toggler and start of page */
    section#sidebar-section {
        margin-top: 1rem;
        margin-bottom: 0;
    }
}
/* end styling for side navigation */

/*this is for between 480 and 770 tablet*/
/* @media screen and (min-width: 502px) and (max-width: 768px) {


}

/*this is only for iphone*/
@media only screen and (max-width: 601px) {
    .box-wrapper {
        background-color: rgba(226, 226, 226, .9);
        padding:.6rem 1.2rem .6rem 1.2rem;
        margin:1rem 1rem 1rem 1rem;
    }

    table {
        margin-top:2rem;
        margin-bottom:4rem;
        font-family:"Overpass";
        font-size:.8rem;
        line-height:1.1rem;
    }

    thead {
        background-color:rgb(226, 226, 226, .9);
    }

    th {
        font-weight:700;
        min-width:20px;
        vertical-align:top;
    }

    td {
        min-width:20px;
    }

    .td-lg {
        width:35%;
    }

    .td-md {
        width:30%;
    }

    .td-sm {
        width:70px;
    }

    .example-image-wrapper {
        padding:1rem;
        width:100%;
    }

    .example-image-manifest {
        border:1px solid rgba(0,0,0,.3);
        padding:.6em;
        width:100%;
    }

    .caption {
        font-size:.9rem;
    }

    ul, ol {
        display: block;
        padding:0rem;
        margin-top:0rem;
        margin-bottom:2rem;
        margin-left:1.7rem;
        margin-right:0rem;
    }

    ul ul {
        margin-left:1.7rem;
        margin-top:0rem;
    }

    li {
        font-weight: 500;
        padding-left:.2rem;
        margin-top:.4rem;
        margin-bottom:.4rem;
    }
    
    td ol {
        margin-block-start: 0px;
        margin-block-end: 0px;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 20px;
    }

    .table-list {
        margin-left: 1.1rem;
    }

    .anchorjs-link {
        opacity: 1;
    }
}