@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,300);
/* line 1, /Users/michal/dev/tadbit/app/styles/_main.sass */
*,
*:before,
*:after {
  box-sizing: border-box; }

/* line 6, /Users/michal/dev/tadbit/app/styles/_main.sass */
html,
body {
  height: 100%; }

/* line 10, /Users/michal/dev/tadbit/app/styles/_main.sass */
body {
  font-family: "Roboto", sans-serif;
  background-color: #f9f9f9;
  color: #212121; }

/* line 16, /Users/michal/dev/tadbit/app/styles/_main.sass */
header {
  background-color: #009688;
  color: #f9f9f9; }
  /* line 20, /Users/michal/dev/tadbit/app/styles/_main.sass */
  header .navbar-brand {
    color: #f9f9f9;
    font-size: 30px;
    position: relative;
    height: 100%; }
  /* line 26, /Users/michal/dev/tadbit/app/styles/_main.sass */
  header .nav a {
    color: #f9f9f9;
    border-left: 0 solid #eeff41;
    -webkit-transition: 0.3s border-width; }
    /* line 30, /Users/michal/dev/tadbit/app/styles/_main.sass */
    header .nav a:hover, header .nav a:focus, header .nav a:active {
      border-width: 4px;
      background-color: initial; }
  /* line 36, /Users/michal/dev/tadbit/app/styles/_main.sass */
  header canvas {
    position: absolute;
    top: 0;
    left: 15px;
    margin: 5px 0; }
  /* line 42, /Users/michal/dev/tadbit/app/styles/_main.sass */
  header canvas#logo {
    display: inline-block; }
  /* line 44, /Users/michal/dev/tadbit/app/styles/_main.sass */
  header canvas#logo-unshrunk {
    display: none;
    top: -20px; }
  /* line 48, /Users/michal/dev/tadbit/app/styles/_main.sass */
  header span#tad {
    padding-left: 45px; }
  /* line 51, /Users/michal/dev/tadbit/app/styles/_main.sass */
  header span#bit {
    color: #eeff41; }
  /* line 54, /Users/michal/dev/tadbit/app/styles/_main.sass */
  header .navbar-right {
    margin: 10px 0; }
  /* line 57, /Users/michal/dev/tadbit/app/styles/_main.sass */
  header .navbar-right button {
    width: 100%; }
  /* line 60, /Users/michal/dev/tadbit/app/styles/_main.sass */
  header .navbar-toggle .icon-bar {
    background-color: #f9f9f9; }

@media all and (min-width: 768px) {
  /* line 65, /Users/michal/dev/tadbit/app/styles/_main.sass */
  header .nav a {
    border-bottom: 0 inset #eeff41;
    border-left: none; }

  /* line 69, /Users/michal/dev/tadbit/app/styles/_main.sass */
  header.unshrunk {
    height: 100px;
    padding: 25px 0; }
    /* line 73, /Users/michal/dev/tadbit/app/styles/_main.sass */
    header.unshrunk .navbar-brand {
      font-size: 60px;
      margin-right: 40px; }
    /* line 77, /Users/michal/dev/tadbit/app/styles/_main.sass */
    header.unshrunk canvas#logo {
      display: none; }
    /* line 79, /Users/michal/dev/tadbit/app/styles/_main.sass */
    header.unshrunk canvas#logo-unshrunk {
      display: inline-block; }
    /* line 82, /Users/michal/dev/tadbit/app/styles/_main.sass */
    header.unshrunk span#tad {
      padding-left: 90px; } }
/* line 85, /Users/michal/dev/tadbit/app/styles/_main.sass */
#wrapper {
  margin-top: 100px; }

/* line 88, /Users/michal/dev/tadbit/app/styles/_main.sass */
.btn-primary {
  background-color: #009688;
  border-color: #007d71; }
  /* line 92, /Users/michal/dev/tadbit/app/styles/_main.sass */
  .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #005951;
    border-color: #004f47; }

/* line 98, /Users/michal/dev/tadbit/app/styles/_main.sass */
.btn-accent {
  background-color: #00796b;
  border-color: #005f54; }
  /* line 102, /Users/michal/dev/tadbit/app/styles/_main.sass */
  .btn-accent:hover, .btn-accent:active, .btn-accent:focus {
    background-color: #003c35;
    border-color: #00322c;
    color: #c6ff00; }

/* line 1, /Users/michal/dev/tadbit/app/styles/_loading.sass */
.collection-loading {
  margin: 50px auto; }
  /* line 3, /Users/michal/dev/tadbit/app/styles/_loading.sass */
  .collection-loading p {
    font-style: italic;
    text-align: center;
    font-size: 24px; }

/* line 8, /Users/michal/dev/tadbit/app/styles/_loading.sass */
.spinner {
  margin: 50px auto;
  width: 32px;
  height: 32px;
  position: relative; }

/* line 14, /Users/michal/dev/tadbit/app/styles/_loading.sass */
.cube1, .cube2 {
  background-color: #44bbbb;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: cubemove 1.8s infinite ease-in-out;
  animation: cubemove 1.8s infinite ease-in-out; }

/* line 25, /Users/michal/dev/tadbit/app/styles/_loading.sass */
.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

@-webkit-keyframes cubemove {
  /* line 30, /Users/michal/dev/tadbit/app/styles/_loading.sass */
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); }

  /* line 32, /Users/michal/dev/tadbit/app/styles/_loading.sass */
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); }

  /* line 34, /Users/michal/dev/tadbit/app/styles/_loading.sass */
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); }

  /* line 36, /Users/michal/dev/tadbit/app/styles/_loading.sass */
  100% {
    -webkit-transform: rotate(-360deg); } }
@keyframes cubemove {
  /* line 40, /Users/michal/dev/tadbit/app/styles/_loading.sass */
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); }

  /* line 43, /Users/michal/dev/tadbit/app/styles/_loading.sass */
  50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); }

  /* line 46, /Users/michal/dev/tadbit/app/styles/_loading.sass */
  50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); }

  /* line 49, /Users/michal/dev/tadbit/app/styles/_loading.sass */
  75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); }

  /* line 52, /Users/michal/dev/tadbit/app/styles/_loading.sass */
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg); } }
/* line 2, /Users/michal/dev/tadbit/app/styles/_collections.sass */
#main ul {
  margin: 1px -14px;
  list-style: none;
  border: 1px solid #44bbbb;
  padding: 10px; }
/* line 8, /Users/michal/dev/tadbit/app/styles/_collections.sass */
#main li {
  margin: 0 20px; }
/* line 11, /Users/michal/dev/tadbit/app/styles/_collections.sass */
#main span.glyphicon-plus {
  color: #44bbbb;
  font-size: 36px;
  line-height: 100px;
  text-align: center;
  width: 100%; }


/*# sourceMappingURL=app.css.map*/