.form-login {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}
.form-login .checkbox {
  font-weight: 400;
}
.form-login .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-login .form-control:focus {
  z-index: 2;
}
.form-login input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-login input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.background--white {
    background-color: #fff !important;
}
.card-header.background--white {
    border-bottom: 0px;
}
.card-footer.background--white {
    border-top: 0px;
}
.btn-auto-width {
    width: auto !important;
}
.nav-item.nav-item-underline {
  position: relative;
}

.nav-link.nav-link-underline {
    border: 0px;
}
.nav-link.nav-link-underline.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #007bff;
}
.screenshot {
    border: 1px solid #ddd;
    padding 1px;
}
.scroll {
    max-height: 320px;
    overflow-y: auto;
}
.screenshot {
    width: 100%;
}
.screenshot-placeholder {
    width: 100%;
}
.spinner-large {
    width: 3rem;
    height: 3rem;
}
.tn-value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.restore-color {
    color: #4f5464;
}
.gradient-brand-color-stable {
    background-image:-webkit-linear-gradient(0deg, #376be6 0%, #6470ef 100%);
    background-image:-ms-linear-gradient(0deg, #376be6 0%, #6470ef 100%);
    color: #376be6;
}
.g-recaptcha {
    display: inline-block;
}
@media only screen and (max-width: 600px) {
    .g-recaptcha {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}
label.input--invalid {
    color: #f53d55;
    font-size: .75rem;
}
label.input--invalid-block {
    color: #f53d55;
    font-size: .75rem;
    display: block;
}
input.input--invalid {
    border: 1px solid rgba(245,61,85,0.47);
    box-shadow: 0 0 15px 0 rgba(245,61,85,0.2) !important;
}
.url-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.url-body {
    overflow: wrap;
    overflow-wrap: break-word;
}
.card-header.link-header { 
    background-color: #fff !important;
    border: 0px; !important;
    /* display: inline; */
}
.row-card-header {
}
.card-feature {
    border: 0px !important;
}
.jumbotron-75 {
    height: 75vh;
}
.background-chart {
    /*z-index: 0;*/
    position: relative;
    height: 40vh;
    width: 100%;
}
.user-profile-avatar {
    width: 100%;
}
.user-profile-avatar-tiny {
    width: 20px;
    height: 20px;
}
.spinner {
   /*position: absolute;*/
   left: 50%;
   top: 50%;
   height: 40px;
   width: 40px;
   margin: 0px auto;
   -webkit-animation: rotation .6s infinite linear;
   -moz-animation: rotation .6s infinite linear;
   -o-animation: rotation .6s infinite linear;
   animation: rotation .6s infinite linear;
   border-left:6px solid rgba(0,174,239,.15);
   border-right:6px solid rgba(0,174,239,.15);
   border-bottom:6px solid rgba(0,174,239,.15);
   border-top:6px solid rgba(0,174,239,.8);
   border-radius:100%;
}
.chart-feed-entries {
    width: 90%;
    height: 100%
}
.progress-sm {
    height: 8px;
}
/*
 * Timeline Stuff
 */
.cd-timeline {
  overflow: hidden;
  margin: 2em auto;
}

.timeline-container {
  position: relative;
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 2em 0;
}

.timeline-container::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  /*left: 18px;*/
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}

.timeline-block {
  position: relative;
  margin: 2em 0;
}

.timeline-block:after {
  /* clearfix */
  content: "";
  display: table;
  clear: both;
}

.timeline-block:first-child {
  margin-top: 0;
}

.timeline-block:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
  .timeline-block {
    margin: 4em 0;
  }
}

.timeline-img {
  position: absolute;
  top: 0;
  left: -20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}

.timeline-img.timeline-img-red {
  background: #cc3300;
}

.timeline-img.cd-timeline__img--movie {
  background: #c03b44;
}

.timeline-img.cd-timeline__img--location {
  background: #f0ca45;
}


@-webkit-keyframes bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius: 0.25em;
  border-color: #f6f6f6;
  border: 1px solid #f6f6f6; 
  padding: 1em;
  -webkit-box-shadow: 0 3px 0 #f6f6f6;
          box-shadow: 0 3px 0 #f6f6f6;
}

.timeline-content:after {
  /* clearfix */
  content: "";
  display: table;
  clear: both;
}

.timeline-content::before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline-date {
  display: inline-block;
}

.timeline-title { 
}

.overflow-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
}

// stylelint-disable declaration-no-important

//
// Right side table of contents
//

.bd-toc {
  @supports (position: sticky) {
    position: sticky;
    top: 4rem;
    height: subtract(100vh, 4rem);
    overflow-y: auto;
  }
  order: 2;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  @include font-size(.875rem);
}

.section-nav {
  padding-left: 0;
  border-left: 1px solid #eee;

  ul {
    padding-left: 1rem;
  }
}

.toc-entry {
  display: block;

  a {
    display: block;
    padding: .125rem 1.5rem;
    color: #77757a;

    &:hover {
      color: $blue;
      text-decoration: none;
    }
  }
}

//
// Left side navigation
//

.bd-sidebar {
  order: 0;
  // background-color: #f5f2f9;
  border-bottom: 1px solid rgba(0, 0, 0, .1);

  @include media-breakpoint-up(md) {
    @supports (position: sticky) {
      position: sticky;
      top: 4rem;
      z-index: 1000;
      height: subtract(100vh, 4rem);
    }
    border-right: 1px solid rgba(0, 0, 0, .1);
  }

  @include media-breakpoint-up(xl) {
    flex: 0 1 320px;
  }
}

.bd-links {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-right: -15px;
  margin-left: -15px;

  @include media-breakpoint-up(md) {
    @supports (position: sticky) {
      max-height: subtract(100vh, 9rem);
      overflow-y: auto;
    }
  }

  // Override collapse behaviors
  @include media-breakpoint-up(md) {
    display: block !important;
  }
}

.bd-search {
  position: relative; // To contain the Algolia search
  padding: 1rem 15px;
  margin-right: -15px;
  margin-left: -15px;
  border-bottom: 1px solid rgba(0, 0, 0, .05);

  .form-control:focus {
    border-color: $bd-purple-bright;
    box-shadow: 0 0 0 3px rgba($bd-purple-bright, .25);
  }
}

.bd-search-docs-toggle {
  color: $gray-900;
}

.bd-sidenav {
  display: none;
}

.bd-toc-link {
  display: block;
  padding: .25rem 1.5rem;
  font-weight: 600;
  color: rgba(0, 0, 0, .65);

  &:hover {
    color: rgba(0, 0, 0, .85);
    text-decoration: none;
  }
}

.bd-toc-item {
  &.active {
    margin-bottom: 1rem;

    &:not(:first-child) {
      margin-top: 1rem;
    }

    > .bd-toc-link {
      color: rgba(0, 0, 0, .85);

      &:hover {
        background-color: transparent;
      }
    }

    > .bd-sidenav {
      display: block;
    }
  }
}

// All levels of nav
.bd-sidebar .nav > li > a {
  display: block;
  padding: .25rem 1.5rem;
  @include font-size(90%);
  color: rgba(0, 0, 0, .65);
}

.bd-sidebar .nav > li > a:hover {
  color: rgba(0, 0, 0, .85);
  text-decoration: none;
  background-color: transparent;
}

.bd-sidebar .nav > .active > a,
.bd-sidebar .nav > .active:hover > a {
  font-weight: 600;
  color: rgba(0, 0, 0, .85);
  background-color: transparent;
}
.bd-title {
    margin-top: 1rem;
    margin-bottom: .5rem;
    font-size: 3rem;
}

.bd-content-title {
    display: block;
    pointer-events: auto;
}