body {
    padding-top: 160px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    min-height: 800px;
    font-family: Helvetica;
}
h1 {
    color: #4841b7
}
h2 {
    color: #4841b7
}
h3 {
    color: #4841b7
}
h4 {
    color: #4841b7
}

@media (min=width: 0) {
    body {
        pading-left: 5px;
    }
}

@media (min-width: 768px) {
  body {
    padding-top: 140px;
  }
}
@media (min-width: 992px) {
  body {
    padding-top: 170px;
  }
}
@media (min-width: 1200px) {
  body {
    padding-top: 190px;
  }
}

.global-footer {
    margin: 75px 0 30px;
    padding-top: 15px;
    border-top: 1px solid lightgrey;
}

.global-footer table {
    margin-left: auto;
    margin-right: auto;
}

.global-footer tr {
    line-height: 30px;
}

.global-footer td {
    vertical-align: middle;
    font-size: .9em;
    padding-left: 8px;
    padding-right: 8px;
}

.global-footer img {
    max-height: 30px;
}

.global-footer a {
    text-decoration: none;
}

.section-header {
    margin: 20px 0 10px;
}

.sidebar {
    margin: 15px 0 10px;
}

.sidebar label {
    margin-right: 10px;
}

.sidebar hr {
    margin: 5px 0;
}

.sidebar img {
    margin: 10px 0;
    max-width:160px;
}

.sidebar button {
    width: 100%;
}

.demo-notes {
    color: indigo;
}

.label-span-filestyle {
    margin-left: 10px;
}

.pdt-help-icon {
    color: #337ab7;
    margin: 0 10px;
}

tr {
    vertical-align: top;
}


/* Override Bootstap navbar spacing */
@media (min-width: 768px) {
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }
    .navbar-nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (min-width: 992px) {
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
          margin-right: 0px;
          margin-left: 0px;
    }
    .navbar-nav > li > a {
        padding-left: 15px;
        padding-right: 15px;
    }
}


.alert-info {
    color: #02187A;
    background-color: #CDD7FF;
    border-color: #0220a4;
}
.btn-primary {
    color: #02187A;
    background-color: #CDD7FF;
    border-color: #0220a4;
}
.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #3b43b4;
    border-color: #0220a4;
}
.btn-primary:hover {
    color: #fff;
    background-color: #3b43b4;
    border-color: #0220a4;
}
.btn-primary:active,
.btn-primary.active {
    color: #fff;
    background-color: #3b43b4;
    border-color: #0220a4;
}
.btn-primary:active:hover,
.btn-primary.active:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #0220a4;
}

.btn-wrap {
    white-space: normal !important;
    word-break: normal !important;
    word-wrap: break-word;
}

.navbar-brand {
    padding: 15px 10px;
}

.navbar-brand img {
    max-height: 100%;
}

.navbar-brand .brand-name {
    padding-left: 10px;
}

.navbar .user-info {
    margin: 10px 10px 0;
    font-weight: bold;
}

.navbar .username {
    font-size: 10px;
}

.navbar .demo-tag {
    color: indigo;
}

.navbar a, .sidebar a, .global-footer a {
    cursor: pointer;
}

/* Override .navbar-nav > li > a styles for button in navbar */
.navbar-nav > li > a.navbar-btn.btn-primary {
    color: #02187A;
    background-color: #CDD7FF;
    border-color: #0220a4;
}
.navbar-nav > li > a.navbar-btn.btn-primary:focus,
.navbar-nav > li > a.navbar-btn.btn-primary.focus {
    color: #fff;
    background-color: #3b43b4;
    border-color: #0220a4;
}
.navbar-nav > li > a.navbar-btn.btn-primary:hover {
    color: #fff;
    background-color: #3b43b4;
    border-color: #0220a4;
}
.navbar-nav > li > a.navbar-btn.btn-primary:active,
.navbar-nav > li > a.navbar-btn.btn-primary.active {
    color: #fff;
    background-color: #3b43b4;
    border-color: #0220a4;
}
.navbar-nav > li > a.navbar-btn.btn-primary:active:hover,
.navbar-nav > li > a.navbar-btn.btn-primary.active:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #0220a4;
}
.navbar-nav > li > a.navbar-btn {
    padding: 6px 12px 6px 12px !important;
}

.space-top {
    margin-top: 10px;
}

.space-left {
    margin-left: 5px;
}

.space-bottom {
    margin-bottom: 10px;
}

.space-right {
    margin-right: 5px;
}

.space-vertical {
    margin-top: 10px;
    margin-bottom: 10px;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.session-table tr {
    vertical-align: middle;
}

.spaced {
    margin-top: 2em;
}

.centered {
    text-align: center;
}

.big {
    font-size: 1.1em;
}

.redbox {
    border: 2px solid #FF0000;
    padding: 0.75em;
    margin-top: 10px;
    margin-bottom: 10px;
}

.pagination {
    margin: 10px;
}

.pagination-current {
    font-weight: bold;
}

.hot-table-header {
    margin: 20px 0 10px;
    height: 1.4em;
}

.hot-table-title {
    font-weight: bold;
}

.hot-table-controls {
    margin-top: -7px;
    float: right;
}

.hot-table-corrections-buttons button {
    margin: 20px 10px 0 0;
}

.table-container {
    margin: 15px 0;
}

.button-group-label {
    margin-left: 10px;
    font-size: 12px;
    font-weight: bold;
}

.input-group {
    width: 100%;
    margin-bottom: 10px;
}

.file-upload-wrapper {
    margin: 5px 0 5px;
}

.file-upload-wrapper .input-group {
    font-size: 12px;
}

.file-upload-wrapper input[type="file"].filestyle {
  position: absolute;
  clip: rect(0 0 0 0);
}

.file-upload-wrapper .label-span-filestyle {
    margin-left: 10px;
}

.subtext {
    margin-left: 10px;
}

.design-extra-info {
    margin-top: 15px;
}

.info-box-wrapper {
    background: #ccc;
    overflow: hidden;
    transition-property: height, margin-bottom;
    transition-duration: 500ms;
    height: 0; /* always start info boxes closed */
    margin-bottom: 0;
}

.in-progress-banner {
    margin-top: 0.5em;
    text-align: center;
}

.in-progress-spinner,
.in-progress-spinner:before,
.in-progress-spinner:after {
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.in-progress-spinner {
    color: #337ab7;
    font-size: 10px;
    margin: -3em auto 4em;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.in-progress-spinner:before,
.in-progress-spinner:after {
    content: '';
    position: absolute;
    top: 0;
}

.in-progress-spinner:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.in-progress-spinner:after {
    left: 3.5em;
}

@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

.past-data-select {
    margin-top: 20px;
    width: 100%;
}

.top-banner img {
    width: 35%;
    height: auto;
    border: 0;
}

/* Removing rounded border set by bootstrap.css */
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  border: none;
}

/*
.thumbnail {
    padding: 0;
    border: 0;
    position: relative;
}
*/

.thumbnail > img.size-300-250 {
    width: 300px;
    height: 250px;
}

.well .thumbnail {
    display: none;
}

.caption {
    position: absolute;
    top: 205px;
    left: 0;
    width: 100%;
    height: 50px;
    opacity: 0.9;
    font-size: 1.3em;
    background-color: white;
}

.panel {
    border: 0;
    margin: 0;
    padding: 0;
}

iframe.hidden {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    background-color: transparent;
    border: 0px none transparent;
    padding: 0px;
    overflow: hidden;
}

.spinner {
  width: 100px;
}

.spinner input {
  text-align: right;
}

/* like .handsontable td.htInvalid */
.spinner input.htInvalid {
    background-color: #ff4c42 !important;
}

/* spinner button styles courtesy of https://github.com/istvan-ujjmeszaros/bootstrap-touchspin */
.spinner .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}

.spinner .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px 10px;
  margin-left: -1px;
  position: relative;
}

.spinner .input-group-btn-vertical .btn-spinner-up {
  border-radius: 0;
  border-top-right-radius: 4px;
}

.spinner .input-group-btn-vertical .btn-spinner-down {
  margin-top: -2px;
  border-radius: 0;
  border-bottom-right-radius: 4px;
}

.spinner .input-group-btn-vertical i {
  position: absolute;
  top: 3px;
  left: 5px;
  font-size: 9px;
  font-weight: normal;
}

.imgleft {
    display: inline-block;
    float: left;
    margin-right: 30px;
}

.imgright {
    display: inline-block;
    float: right;
    margin-left: 30px;
}

.imgleft span, .imgright span {
    display: block;
    text-align: center;
}

.brand {
    font-family: Comfortaa;
    font-size: 110%;
}

/* PHP-specific styles */

/* PHP-only, fonts on purchase credits page */
#purchase-credits-form {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
      'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    line-height: 1.2;
}

/* PHP-only, height: 0px is set inline */
.alert-wrapper {
    margin-top: 10px;
    overflow: hidden;
    transition: height 100ms;
}