html {
    height: 100%;
}

body {
    height: 100%;
    font-family: Open Sans, sans-serif;
    letter-spacing: 0.03em;
}

.sticky-top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}
.nav-tabs .nav-link {
    color: #212121;
    border-color: #f1f1f1 #e9ecef #f1f1f1;
    background-color: #FAFAFA;
}

.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active {
    border-top: 3px solid #0071BC;
    font-weight: bold;
}
ul.nav.nav-tabs {
    background-color: #f5f5f5;
}

.tab_border .tab-pane.active {
    padding: 1em;
    border-width: 0 1px 1px 1px;
    border-color: #eee;
    border-style: solid;
}

/* Alert styles */

.alert {
    border-radius: 0;
    border-width: 0 0 0 5px;
    color: #212121 !important;
}
.alert.alert-info {
    background-color: #e1f3f8;
    border-color: #02bfe7;
}
.alert.alert-warning {
    background-color: #fff1d2;
    border-color: #fdb81e;
}

/* END Alert styles */



/* DataTables overrides */
.dataTable td, .dataTable th {
    font-size: 0.8em;
}
.dataTables_length {
  float: right !important;
}
.dataTables_filter {
  float: left !important;
}

/* Forms Contrast */

.form-group {
    color: #212121;
}

.form-inline {
    color: #212121;
}

/* Comparison changes colors */
.comparison .addition {
  background-color: #a6f3a6;
}
.comparison .deletion {
  background-color: #f8cbcb;
}

/* Remove nested table css */
.table-plain tbody td {
    background-color:transparent;
    border:none;
}


.appendices-row-offcanvas {
    position: relative;
    height: calc(100vh - 190px);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

/* Add gov banner up/down arrows css */
.gov-banner-button:after {
    content: "\f106";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
  
.gov-banner-button.collapsed:after {
    content: "\f107";
}



/* CODING BLOG POC */
.coding-blog-index p,
.coding-blog-post p {
    line-height: 1.5;
    margin-bottom: 1em;
    margin-top: 1em;
    padding: 1px;
}

.coding-blog-index .title,
.coding-blog-post .title {
    font-family: "Merriweather","Georgia","Cambria","Times New Roman","Times",serif;
    font-weight: 700;
}

.coding-blog-post .section-heading,
.coding-blog-post .subsection-heading {
    font-family: "Merriweather","Georgia","Cambria","Times New Roman","Times",serif;
}

.coding-blog-post .section-heading {
    color: #026666;
}

.coding-blog-post .subsection-heading { 
    font-size: 20px;
    font-weight: 600;
    color: #17415f
}

.coding-blog-post .blog-post__date {
    font-size: 0.8rem;
}