/*
  indigo: #3f51b5;
  indigo lighten-1: #5c6bc0;
  indigo lighten-2: #7986cb;
  indigo lighten-3: #9fa8da;
  indigo lighten-4: #c5cae9;
  indigo lighten-5: #e8eaf6;
*/

/*
body, html {
  height: 100%;
}
*/

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;

  /*
  border-top: 3px solid #7986cb;
  */
}

header {
}
header > div.row {
  text-align: center;
  padding-top: 8px;
  padding-bottom: 12px;
}
main {
  flex: 1 0 auto;
}
footer.page-footer {
  text-align: center;
  padding: 32px 0px;
}
footer.page-footer > div.row {
  margin-bottom: 0px;
}

.border {
  border: 1px solid #7986cb;
}

div.section {
  margin-bottom: 40px;
}

h1 {
  font-size: 38px;
}
h2 {
  font-size: 26px;
}
h3 {
  font-size: 20px;
}
img.logo {
  height: 33px;
  margin-bottom: -1px;
  margin-left: 4px;
}

div.code_samples {
  padding: 8px 2px 0px 2px;
}

pre.pre_block {
  background-color: inherit;
}
code {
  font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
  font-size: 14px;
  padding: 4px 6px;
  text-align: left;
  border-radius: 4px;
  border: 1px solid #3f51b5;
  background-color: #fafafa;
}
code.one_line {
  display: block;
  padding: 10px 22px;
  margin-bottom: 44px;
  line-height: 22px;
  overflow: scroll;
}
code.code_block {
  display: block;
  padding: 18px 22px;
  line-height: 28px;
  overflow: scroll;
}
.code_text {
  font-size: 14px;
  font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
}

div.box {
  padding: 26px 2px;
  position: fixed;
  top: 100px;
  text-align: left;
}

div.section_text {
  padding: 0px 37px;
}
@media (max-width: 900px) {
  div.section_text {
  padding: 0px 2px;
  }
}

div.table_holder {
  overflow-x: scroll;
}

div.section_text table.bordered th,
div.section_text table.bordered td {
  font-size: 14px;
  padding: 15px 22px;
}

/* Account */
a.big_nav,
button.big_nav {
  width: 100%;
  background-color: #5c6bc0;
}
button.big_nav:hover,
button.big_nav:focus,
a.big_nav:hover,
a.big_nav:focus {
  background-color: #9fa8da;
}

button.big_nav.invalid {
  color: #e57373;
}

div.form_errors {
  color: #e57373;
  font-size: 12px
}