@import "normalize.css";
@import "fonts.css";
@import ""

/*
Normalize the box model - Thanks, Paul Irish!
==============================================
*/
*,
*:before,
*:after {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

/* ==========================================================================
   Global Styles
   ========================================================================== */

body, html {
    min-height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: "Source Sans 3 Variable", Arial, sans-serif;
    line-height: 1.375;
    color: #101820; /* CFPB black */

    /* Improve default text rendering, handling of kerning pairs and ligatures */
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: break-word;
    overflow-wrap: break-word; /* New CSS3 syntax supported by Chrome */
}

html {
    position:relative;
}

body {
    padding-bottom: 20em; /* Making room for absolutely-positioned footer */
}
/* IE7 and older can't resize px-based text */

p,
blockquote,
q,
pre,
address,
hr,
code,
samp,
dl,
ol,
ul,
form,
table,
fieldset,
menu,
img {

    margin:0;
    margin-bottom: 1.375em;
}

h1 {
    margin-top: .5em;
    margin-bottom: .5em;
    font: 400 2.125em/1.23529411764706 "Source Sans 3 Variable", Arial, sans-serif;
    font-weight: normal;
}

h2 {
    margin: 0;
    margin-bottom: 1em;
    font: 400 1.625em/1.23076923076923 "Source Sans 3 Variable", Arial, sans-serif;
    font-weight: normal;
}

h3 {
    margin: 2em 0 1em 0;
    font: 400 1.375em/1.27272727272727 "Source Sans 3 Variable", Arial, sans-serif;
    font-weight: normal;
}

h3:first-child {
    margin-top: 0;
    margin-bottom: .75em;
}

h4 {
    margin: 0;
    margin-bottom: 1em;
    font: 500 1.125em/1.22222222222222 "Source Sans 3 Variable", Arial, sans-serif;
    font-weight: 500;
}

h5 {
    margin: 3em 0 1.25em 0;
    font: 600 0.875em/1.57142857142857 "Source Sans 3 Variable", Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}

h6 {
    margin: 0;
    margin-bottom: 1em;
    font: 600 0.75em/1.83333333333333 "Source Sans 3 Variable", Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}

p  {
    margin: .75em 0;
    font-size: 1em;
    line-height: 1.375em;
}

ul, blockquote, pre, td, th, label {
    margin: 0;
    font-size: 1em;
    line-height: 1.57142857142857em;
    margin-bottom: 1.375em;
}

ol {
    line-height: 1.57142857142857em;
}

small, p.small {
    margin: 0;
    margin-bottom: 1.7142857142857142857142857142857em;
    /* 12px / 24px */
    font-size: 0.75em;
    line-height: 1.7142857142857142857142857142857;
}

strong, b, dt {
    font-family: "Source Sans 3 Variable", Arial, sans-serif;
}

dfn {
    font-style: italic;
}

var, address {
    font-style: normal;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
     /* Positions 'sub' and 'sup' without affecting line-height */
     position: relative;
     vertical-align: baseline;
}

sup {
     /* Move superscripted text up */
    top: -0.5em;
}

sub {
    /* Move subscripted text down */
    bottom: -0.25em;
}


/* CODE */
pre, code {
    background-color: #f1f2f2;
    border: 1px solid #e3e4e5;
    border-radius: 0.250em;
    overflow-x: auto;
    padding: 0.125em 0.250em;
    white-space: nowrap;
}

pre, code, kbd, samp {
    font-size: .75em;
    line-height: 1.375;
    margin-bottom: 1.375em;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

pre {
    white-space: pre-wrap;
    margin-bottom: 1.5em;
}


.intro {
    font-size: 1em;
}


/* TABLES */

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1.375em;
    font-size: 0.875em;
}

.table-code code {
    background-color: #ffffff;
    border: 1px solid #e3e4e5;
    border-radius: 0.250em;
    overflow-x: auto;
    padding: 0.125em 0.250em;
    white-space: pre-wrap;
}

th {
    text-align: left;
    font-family: "Source Sans 3 Variable", Arial, sans-serif;
    background-color: #dbedd4;
}

tr, th, td {
    padding: 10px 15px;
    line-height: 1.5em;
}

td:code {
    background-color: transparent;
    white-space: nowrap;
}

tr:nth-child(even) {
    background-color: #F1F2F2;
}

tr:nth-child(odd) {
    background-color: #F8F8F8;
}

table.fullwidth tr:nth-child(odd) {
    background-color: transparent;
}

table.fullwidth tr:nth-child(even) {
    background-color: transparent;
}

.field-table td:nth-child(1) {
}

.field-table {
    width: 100%;
    table-layout: fixed;
}

.field-table code {
    background-color: #ffffff;
    border: 1px solid #e3e4e5;
    border-radius: 0.250em;
    overflow-x: auto;
    padding: 0.125em 0.250em;
    white-space: nowrap;
}

/* Navigation Field Updates */
span.retiring-highlight {
  font-size: .9em;
  color: #257675;
}

span.new-highlight {
  font-size: .9em;
  color: #20aa3f;
}

/* LISTS */
ul, ol {
    padding: 0;
    list-style-position: outside;
    margin-left: 3%;
}

li ul, li ol {
    margin-left: 1.375em;
}

dl dd {
    margin-left: 1.375em;
}

dt {
    font-family: "Source Sans 3 Variable", Arial, sans-serif;
}

/* LINKS */
a {
    border-bottom: 1px dotted #0072CE;
    color: #0072CE;
    text-decoration: none;
}

a:visited {
    border-bottom: 1px solid #005E5D;
    color: #005E5D;
    text-decoration: none;
}

a:hover {
    border-bottom: 1px solid #7eb8dd;
    color: #7eb8dd;
    text-decoration: none;
}

a:focus {
    border-bottom: 1px solid #0072ce;
    outline: thin dotted;
    color: #0072ce;
    text-decoration: none;
}

a:active {
    border-bottom: 1px solid #002D72;
    color: #002D72;
    text-decoration: none;
}

a.call-to-action {
    font-family: "Source Sans 3 Variable", Arial, sans-serif;
}

a.action-arrow {
    font-family: "Source Sans 3 Variable", Arial, sans-serif;
    font-style: normal;
    font-size: 1em;
}

a.action-arrow .icon-right {
    position: relative;
}

a.action-arrow i {
    text-decoration: none;
}

.icon-right:before {
    content: "\f054";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    font-size: .7em;
}


/* NAVIGATION */

 nav a {
    display: block;
    padding: 10px;
    -webkit-transition: .4s;
       -moz-transition: .4s;
            transition: .4s;
}

nav a,
nav a:link,
nav a:visited {
    border-bottom: none;
    color: #75787b;
}

nav li:hover {
    color: #75787b;
    border-left: 4px solid #2CB34A;
    background-color: transparent;
    border-bottom: 1px solid #d0d0ce;
    padding-left: 0;
}

nav li:active {
    color: #75787b;
    border-left: 4px solid #2CB34A;
    background-color: transparent;
    border-bottom: 1px solid #d0d0ce;
    padding-left: 0;
}


nav ul {
    margin: 0;
    padding: 0;
    border-top: 1px solid #d0d0ce;
}

nav li {
    list-style: none;
    border-bottom: 1px solid #d0d0ce;
    font-size: 1.125em;
    padding-left: 4px;
}

#basics a.basics,
#console a.console,
#queries a.queries,
#fields a.fields,
#contribute a.contribute,
#data a.data,
#release-notes a.release-notes,
#api-docs a.api-docs,
#documentation a.documentation,
#overview a.overview {
    color: #101820;
    border-bottom: none;
    border-left: 4px solid #2CB34A;
    background-color: transparent;
    margin-left: -4px;
}

.page-title a,
.page-title a:link,
.page-title a:visited {
    border-bottom: none;
    text-decoration: none;
    color: #75787B;
}

/* REPO LIST */

.repo-list {
    margin: 0;
}

ul.repo-list {
    padding: 1em 0 1em 0;
}

.repo-list li {
    list-style: none;
}

.repo-list p {
    margin: 0;
    font-size: 0.875em;
}

.repo-list img {
    margin: 0;
}

.repo-list h4 {
    margin: 0;
}


ul.repo-list.no-padding {
    padding: 0;
}

/* DEFAULT MOBILE STYLES */

/* column grid */
.g1,.g2,.g3 { display: block; position: relative; margin-left: 1%; margin-right: 1%; }
/* 1 column grid */
.g1,.g2,.g3 { width: 90.0%; }

.wrap {
        max-width: 960px;
        min-width: 320px;
}

/* offset the fixed position header for jump links */
.anchor {
    display: block;
    height: 4.375em;
    margin-top: -4.375em;
    visibility: hidden;
}

.header {
    border-bottom: 4px solid #2CB34A;
    width: 100%;
    background-color: #fff;
    /*position: fixed;*/
    top: 0;
    z-index: 99999;

}

.header h1 {
    color: #75787B;
    font-size: 1em;
    line-height: 1.75em;
    margin: 1em;
    margin-left: .75em;
    float: left;
}

.header h1 span {
    font-family: "Source Sans 3 Variable", Arial, sans-serif;
    font-weight: bold;
}

.header .logo {
    width: 100px;
    display: block;
    margin: 1.25em 1em;
}

.page-title {
    margin: .5em .25em .5em .25em;
    font-size: 1.5em;
}

.page-title br {
    display: none;
}

.intro {
    margin-top:.75em;
    margin-bottom: 1.375em;
    margin-left: 10px;
    margin-right: 10px;
}

.main-content {
    margin: 1em .75em;
}

.main-content ul, ol {
    padding: 0;
    list-style-position: inside;
}

.content { /* only here to keep footer sticky */
    margin-top: 0;
    /*margin-left: 1em;*/
    /*margin-right: 1em;*/
    overflow: auto;
}

/* REPO LIST*/

    .repo-list li {
        list-style: none;
        display: table-cell;
        vertical-align:middle;
        padding: .5em;
        background-color: #E7E7E6;
        border-left: 1px solid #BABBBD;
    }

    .repo-list li:first-child {
        border-left: none;
    }

    .repo-list h4 {
        margin-bottom: .25em;
    }

footer {
    padding: 0;
    border-top: 2px solid #BABBBD;
    background: #F1F2F2;
    font-family: "Source Sans 3 Variable", Arial, sans-serif;
    width: 100%;
    position: absolute;
    bottom: 0;
}


.footer section {
    display: inline-block;
    vertical-align: top;
    margin-right: .5em;
    margin-left: .5em;
}

.footer-links {
    float:left;
}

.footer-oss {
    float:right;
}

.footer-links ul {
    list-style: none;
    margin: 1em .5em 1em .25em;
}

.footer h4 {
    margin-top: 1.5em;
    margin-bottom: .5em;
    margin-left: .25em;
    font-size: 16px;
    line-height: 1.5em;
    text-transform: uppercase;
}

.footer p {
    font-size: 0.875em;
    line-height: 1.42857142857143;
    margin-left: .25em;
}

footer a,
footer a:link,
footer a:visited {
    border-bottom: 1px dotted;
}

footer a:hover {
    border-bottom: 1px dotted #0072CE;
}

.mobile-warning {
        display:block;
        background-color: #f6d9d3;
        padding: .85em;
        margin: .5em 0;
        font-size: .75em;
    }


.cf-icon,
.cf-icon {
  font-family: 'CFPB Minicons';
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.cf-icon-pdf:before {
  content: "\e402";
}
.lt-ie8 .cf-icon-pdf {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e402');
}
.cf-icon-pdf-round:before {
  content: "\e403";
}
.lt-ie8 .cf-icon-pdf-round {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e403');
}

.icon-link {
  border-bottom-width: 0;
  position: relative;
}
.icon-link_text {
  border-bottom-width: 1px;
  border-bottom-style: inherit;
}
.icon-link:before,
.icon-link:after {
  font-family: 'CFPB Minicons';
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-right: 1px;
  margin-left: 1px;
}
.icon-link__pdf:after,
.icon-link__pdf.icon-link__before:before {
  content: "\e402";
}
.icon-link__pdf:after,
.icon-link__pdf.icon-link__before:before {
  content: "\e402";
}

.table_cell__right-align {
  text-align: right;
}
.table-wrapper__scrolling {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: hidden;
}
.table-wrapper__scrolling table {
  border: 1px solid #e4e2e0;
}
.table-wrapper__scrolling table > tbody > tr:nth-child(even) > th,
.table-wrapper__scrolling table > tbody > tr:nth-child(even) > td {
  background: #f1f1f1;
}
.table__sortable button.sortable {
  width: 100%;
  height: 100%;
  padding: inherit;
  margin: inherit;
  border: none;
  background: none;
  font-family: inherit;
  font-weight: inherit;
  outline: none;
  text-align: left;
}
.table__sortable .sortable:after {
  display: inline-block;
  position: relative;
  top: -1px;
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAXUlEQVR4AWPABZw9/C4A8Qlscvg0LQXi/1A8k1hNjXBNCFxNSFMcXDEmjsOlyQakgAB2RNckD8S/idD4D4jVYZq4gfgJXJIwfgPEIiCNt0ECJOKXII13gPgTifgaAHk0kQqUakHYAAAAAElFTkSuQmCC);
  visibility: hidden;
}
.table__sortable .sortable:hover:after,
.table__sortable .sortable.sorted-up:after,
.table__sortable .sortable.sorted-down:after {
  visibility: visible;
}
.table__sortable .sortable.sorted-down:after,
.table__sortable .sortable.sorted-up:hover:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.table__sortable .sortable.sorted-down:hover:after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
@media only all and (min-width: 37.5em) {
  .table__striped > tbody > tr:nth-child(even) > th,
  .table__striped > tbody > tr:nth-child(even) > td {
    background: #f1f1f1;
  }
}
@media only all and (max-width: 37.5em) {
  .table__striped > tbody > tr:nth-child(even) > th,
  .table__striped > tbody > tr:nth-child(even) > td {
    background: #ffffff;
  }
  .table__stack-on-small tr,
  .table__stack-on-small td {
    display: block;
  }
  .table__stack-on-small > thead {
    display: none;
  }
  .table__stack-on-small td[data-label]:before {
    font-family: "Source Sans 3 Variable", Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    display: block;
    margin-top: 0;
    margin-bottom: .41666667em;
    content: attr(data-label);
    font-size: .875em;
    line-height: 1.83333333;
    text-transform: uppercase;
  }
  .lt-ie9 .table__stack-on-small td[data-label]:before {
    font-weight: normal !important;
  }
  .table__stack-on-small td:last-child {
    margin-bottom: 1.875em;
  }
  .table__entry-header-on-small > tbody td:first-child {
    padding-bottom: .75em;
    border-bottom: 1px solid #aeb0b5;
    margin-bottom: 0.625em;
    margin-top: 0;
    background-color: #f1f1f1;
    font-size: 1.125em;
    font-weight: 400;
    line-height: 1.22222222;
  }
  .table__entry-header-on-small > tbody td:first-child:before {
    display: none;
  }
  .table__entry-header-on-small > tbody > tr {
    border-bottom: none;
    margin-bottom: 1.875em;
  }
}

.expandable {
  margin-bottom: 1.875em;
}
.expandable_target {
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
.expandable_target:focus {
  outline: 1px dotted #101820;
  outline-offset: 1px;
}
.expandable_content:after {
  content: "";
  display: table;
  clear: both;
}
.lt-ie8 .expandable_content {
  zoom: 1;
}
.expandable_label {
  color: #101820;
  font-family: "Source Sans 3 Variable", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
}
.lt-ie9 .expandable_label {
  font-weight: normal !important;
}
.expandable_link {
  color: #0072ce;
  font-family: "Source Sans 3 Variable", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 0.875em;
  line-height: 1.57142857;
}
.expandable_link em,
.expandable_link i {
  font-family: "Source Sans 3 Variable", Arial, sans-serif;
  font-style: italic;
  font-weight: normal;
}
.lt-ie9 .expandable_link em,
.lt-ie9 .expandable_link i {
  font-style: normal !important;
}
.expandable_link strong,
.expandable_link b {
  font-family: "Source Sans 3 Variable", Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
}
.lt-ie9 .expandable_link strong,
.lt-ie9 .expandable_link b {
  font-weight: normal !important;
}
.expandable_cue-open__animated,
.expandable_cue-close__animated {
  transition: 0.25s transform;
}
.expandable_cue-close__animated {
  transform: rotate(180deg);
}
.expandable__expanded .expandable_cue-close__animated {
  transform: rotate(0);
}
.expandable__expanded .expandable_cue-open__animated {
  transform: rotate(-180deg);
}
.expandable_header {
  display: block;
}
.expandable_header:after {
  content: "";
  display: table;
  clear: both;
}
.lt-ie8 .expandable_header {
  zoom: 1;
}
button.expandable_header {
  width: 100%;
  text-align: left;
}
.expandable_header__spaced {
  padding-bottom: 0.9375em;
}
.expandable_header-left {
  float: left;
}
.expandable_header-right {
  float: right;
}
.expandable__padded {
  margin-bottom: 1.875em;
  background: #e7e8e9;
}
.expandable__padded:hover,
.expandable__padded.expandable__expanded {
  background: #d2d3d5;
}
.expandable__padded .expandable_header {
  padding: 0.625em 1em;
}
.expandable__padded .expandable_content {
  margin: 0 1em 1.375em;
}
.expandable__padded .expandable_content:before {
  content: '';
  display: block;
  height: 1px;
  margin-bottom: 1em;
  background: #babbbd;
}
.expandable-group {
  margin-bottom: 1.875em;
}
.expandable-group_header {
  padding: 0.35714286em 1.14285714em;
  border-bottom: 1px solid #babbbd;
  background: #e7e8e9;
  color: #5a5d61;
  font-family: "Source Sans 3 Variable", Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  margin-bottom: 1.07142857em;
  font-size: 0.875em;
  letter-spacing: 1px;
  line-height: 1.25;
  text-transform: uppercase;
  margin-bottom: 0;
}
.lt-ie9 .expandable-group_header {
  font-weight: normal !important;
}
.expandable-group .expandable {
  border-bottom: 1px solid #babbbd;
  margin-bottom: 0;
  background: #fff;
}
.expandable-group .expandable_label {
  font-family: "Source Sans 3 Variable", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 0.83333333em;
  font-size: 1.125em;
  line-height: 1.25;
  margin-bottom: 0;
}
.lt-ie9 .expandable-group .expandable_label {
  font-weight: normal !important;
}
.expandable-group .expandable_content {
  margin-bottom: 0;
}

@media only all and (max-width:37.5em) {
    .expandable_header__jump-link {
        display: block;
        width: 100%;
        padding: .625em 0;
        border: dotted #0072ce;
        border-width: 1px 0;
    }

    .expandable_header__jump-link .expandable_label,.expandable_header__jump-link .expandable_link {
        color: #0072ce;
    }

    .expandable_header__jump-link:hover,.expandable_header__jump-link.hover {
        border-style: solid;
        border-color: #7eb7e8;
    }

    .expandable_header__jump-link:hover .expandable_label,.expandable_header__jump-link.hover .expandable_label,.expandable_header__jump-link:hover .expandable_link,.expandable_header__jump-link.hover .expandable_link {
        color: #7eb7e8;
    }

    .expandable_header__jump-link:focus,.expandable_header__jump-link.focus {
        border-style: solid;
        outline: thin dotted;
    }

    .expandable_header__jump-link:active,.expandable_header__jump-link.active {
        border-style: solid;
        border-color: #254b87;
    }

    .expandable_header__jump-link:active .expandable_label,.expandable_header__jump-link.active .expandable_label,.expandable_header__jump-link:active .expandable_link,.expandable_header__jump-link.active .expandable_link {
        color: #254b87;
    }
}

.expandable_header-left {
    width: 78%;
}

.expandable_header-right {
    width: 22%;
    text-align: right;
}

@media only all and (min-width:37.5625em) {
    .expandable__mobile-only .expandable_header {
        display: none;
    }
}

.expandable-group_header {
    border-bottom: none;
}

.expandable-group_items .expandable:first-child {
    border-top: 1px solid #babbbd;
}

.cf-icon-plus-round:before {
  content: "\e109";
}
.lt-ie8 .cf-icon-plus-round {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e109');
}
.cf-icon-minus-round:before {
  content: "\e111";
}
.lt-ie8 .cf-icon-minus-round {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e111');
}




/* MOBILE PORTRAIT 480px */

@media only screen and (min-width: 30em) {
    .header .logo {
        float: right;
        margin: 1.25em 1em;
    }
    .header h1 {
        float: left;
    }

    .wrap {
    margin: 0 auto;
    }

    .mobile-warning {
        display:none;
    }

    .page-title {
        font-size: 2em;
    }

}


/* SMALL TABLET 600px */

@media only screen and (min-width: 37.5em) {

    body {
        padding-bottom: 13.5em;
    }

    footer {
    padding-top: .75em;
    padding-bottom: 1em;
    border-top: 2px solid #BABBBD;
    background: #F1F2F2;
    font-family: "Source Sans 3 Variable", Arial, sans-serif;
    width: 100%;
    position: absolute;
    bottom: 0;
    }

    .footer h4 {
        margin: 1em 0 .5em 0;
    }

    .footer p {
        margin: .75em 0;
    }

    .footer section {
        display: inline-block;
        vertical-align: top;
        margin-right: .5em;
        margin-left: .5em;

    }
    .footer .footer-links {
        margin: 0 .5em .5em 1em;
        float: left;
    }

    .footer-links ul, li {
        margin-left: 0;
    }

    .footer .footer-oss {
        width: 60%;
        float: right;
    }

}


/* DESKTOP STYLES 640px */

@media only screen and (min-width: 40em) {
    body {
        padding-bottom: 12em;
    }
    .main-content {
        min-height: 500px;
    }
}

@media screen and (min-width: 40.5em) and (min-height: 50em) {
    /* Only fix sidebar position if the screen has enough height (800px) */
    /*aside {
        position: fixed;
    }*/
}

@media screen and (min-width: 40.5em) and (min-height: 32.5em) {

    /* LAYOUT */

    aside {
        position: absolute;
        width: 11em;
        margin-right: .75em;
        margin-left: .75em;
        margin-top: 5em;
        color: #75787B;
    }

    footer {
       padding: 2em 0;
       border-top: 2px solid #BABBBD;
       background: #F1F2F2;
       font-family: "Source Sans 3 Variable", Arial, sans-serif;
    }

    .main-content {
        width: 66%;
        float: right;
        margin-bottom: 7.5em;
        margin-top: 7em;
        margin-left: 2%;
    }

    /* REPO LIST*/

    .repo-list li {
        list-style: none;
        display: table-cell;
        vertical-align:middle;
        padding: 1em;
        background-color: #E7E7E6;
        border-left: 1px solid #BABBBD;
    }

    .repo-list li:first-child {
        border-left: none;
    }

    header {
        position: fixed;
    }

}

#fields .main-content {
    height:auto !important\9;
}

#documentation .main-content {
    height: 500px\9;
}




/* TABLET/NETBOOK 744px */
@media only screen and (min-width: 46.5em) {
    nav {
        text-align: left;
    }

    .footer .footer-oss {
        width: 67%;
    }

    aside {
        margin-top: 5em;
        width: 13em;
        position: fixed;
    }

    .main-content {
        margin-top: 6.75em;
    }

    .page-title {
    margin: .5em 0em .5em 0em;
    }

    .intro {
        margin-left: 0;
        margin-right: 0;
    }

    .page-title br {
    display: block;
    }
}

/* LANDSCAPE TABLET/NETBOOK/LAPTOP (1024PX) */
/* full header design */

@media only screen and (min-width: 64em) {
    aside {
        margin-top: 6.25em;
        width: 13.75em;
        margin-right: 0;
        margin-left: 0;
    }

    .main-content {
        margin-top: 8em;
        margin-left: 0;
    }

    .content {
        overflow: hidden;
    }

    .header h1 {
    color: #75787B;
    margin-top: 1.375em;
    font-size: 1.375em;
    line-height: 1;
    margin-bottom: 1.375em;
    margin-left: 0;
    }

    .header .logo {
    float: right;
    /*margin: 1.25em 1em;*/
    width: 210px;
    display: block;
    }
}


@media only screen and (min-width: 80em) {

}
/* DESKTOP


/*    W I D E S C R E E N    */
/* Increased body size for legibility */
@media only screen and (min-width: 87.5em) {
    body {

    }
}


/* ALIGNMENT */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

/* FORMS */

form {
    margin: 0;
}

fieldset {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}


legend {
    *margin-left: -.75em;
}

button, input, select, textarea {
    vertical-align: baseline;
    /* IE7 and older */
    *vertical-align: middle;
}

button, input {
    line-height: normal;
    *overflow: visible;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

input[type="checkbox"], input[type="radio"]{
    box-sizing: border-box;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button:: -moz-focus-inner, input::-moz-focus-inner {
    border:0;
    padding:0;
}


/* QUOTES */

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none;
}

blockquote, q, cite {
}

blockquote {
    border-left: 4px solid #BABBBD;
    color: #75787b;
    padding-left: 1.5em;
}

blockquote > p {
    padding: 0;
}

/* MEDIA */

figure {
    margin: 0;
}

img, object, embed, video {
    /* fluid images disabled */
    /*max-width: 100%;
    _width: 100%;*/
}

img {
    border: 0;
    float: right;
    /* improve IE's resizing of images */
    -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
    /* corrects IE9 overflow */
    overflow: hidden;
}

/* ABBREVIATION */
abbr[title],  dfn[title] {
    border-bottom: 1px dotted #333;
    cursor: help;
}


/* MARKED/INSERTED/DELETED AND SELECTED TEXT */
ins,  mark {
    text-decoration: none;
}
mark {
    background: #c47529;
}
ins {
    background: #d49855;
}
del {
    text-decoration: line-through;
}

/* Selected text */
::-moz-selection {
    background: #0072ce;
    color: #fff;
    text-shadow: none;
}

 /* Selected text */
::selection {
    background: #0072ce;
     color: #fff;
     text-shadow: none;
}

/* MICRO CLEARFIX HACK */
.cf:before,  .cf:after {
    content: "";
    display: table;
}
 /* For modern browsers */
.cf:after {
    clear: both;
}
.cf {
    /* For IE 6/7 (trigger hasLayout) */
    zoom: 1;
}

/* Image replacement */
.ir {
    background-color: transparent;
    border:0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
    display: none !important;
    visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
    visibility: hidden;
}


/* PRINT */
@media print {
    * {
        background: transparent !important;
        color: black !important; /*prints faster and cheaper */
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    a, a:visited {
        color: #444 !important;
        text-decoration: underline;
    }
    a[href]:after {content: " (" attr(href) ")"}
    abbr[title]:after {content: " (" attr(title) ")"}
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: ""}  /* Don't print links for images, javascript or internal links */
    pre, blockquote {border: 1px solid #999; page-break-inside: avoid; }
    thead {display: table-header-group; } /* Repeat header row at top of each printed page */
    tr, img {page-break-inside: avoid; }
    img {max-width: 100% !important; }
    @page {margin: 0.5cm}
    p, h2, h3 {orphans: 3; widows: 3}
    h2, h3{page-break-after: avoid}
}