md-toast[md-theme=warn] .md-toast-content {
  background-color: #F44336;
}

[ui-view].ng-enter,
[ui-view].ng-leave {
  transition: opacity ease-in-out 200ms;
}
[ui-view].ng-enter,
[ui-view].ng-leave.ng-leave-active {
  opacity: 0;
}
[ui-view].ng-enter.ng-enter-active {
  opacity: 1;
}
.Page.ng-leave.ng-leave-active {
  display: none;
}

.u-center {
  text-align: center;
}




.md-sidenav-backdrop {
  height: 100% !important;
  position: fixed !important;
}
.md-sidenav-left {
  position: fixed;
}


.ForgotPassword-input {
  margin-bottom: 0;
}



























.LoginForm-inputContainer {
  margin-top: 10px;
  margin-bottom: 0px;
  width: 80%;
  min-width: 300px;
}
.LoginForm-submit {
  margin-bottom: 40px;
  margin-left: 0;
  width: 100%;
  padding: 5px 0;
}



.RegisterForm-inputContainer {
  margin-top: 10px;
  margin-bottom: 0px;
  width: 80%;
  min-width: 300px;
}
.RegisterForm-submit {
  margin-bottom: 40px;
  margin-left: 0;
  width: 100%;
  padding: 5px 0;
}




.ResetPassword-input {
  margin-bottom: 0;
}








@import "http://fonts.googleapis.com/css?family=Montserrat:300,400,700";
.ng-hide:not(.ng-hide-animate) {
  /* this is just another form of hiding an element */
  display: block!important;
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.rwd-table {
  margin: 1em 0;
  min-width: 300px;
}
.rwd-table tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.rwd-table th {
  display: none;
}
.rwd-table td {
  display: block;
}
.rwd-table td:first-child {
  padding-top: .5em;
}
.rwd-table td:last-child {
  padding-bottom: .5em;
}
.rwd-table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 0.5em;
  display: inline-block;
}
.rwd-table tbody tr td {
  color: black;
}
@media (min-width: 480px) {
  .rwd-table td:before {
    display: none;
  }
}
.rwd-table th,
.rwd-table td {
  text-align: left;
}
@media (min-width: 480px) {
  .rwd-table th,
  .rwd-table td {
    display: table-cell;
    padding: .25em .5em;
  }
  .rwd-table th:first-child,
  .rwd-table td:first-child {
    padding-left: 0;
  }
  .rwd-table th:last-child,
  .rwd-table td:last-child {
    padding-right: 0;
  }
}
.rwd-table thead {
  background: #1565c0;
  border-color: #46637f;
}
h1 {
  font-weight: normal;
  letter-spacing: -1px;
  color: #000;
}
.rwd-table {
  background: #white;
  color: #black;
  margin-top: 0px !important;
  overflow: hidden;
}
.rwd-table tr {
  border-color: #46637f;
  color: white;
}
.rwd-table th,
.rwd-table td {
  margin: .5em 1em;
}
@media (min-width: 480px) {
  .rwd-table th,
  .rwd-table td {
    padding: 1em !important;
  }
}
.rwd-table th,
.rwd-table td:before {
  color: #fff;
}












.Header {
  text-align: center;
  background-color: #F6F9FA;
  border-top: 1px solid #E9F0F3;
  padding-top: 40px;
  padding-bottom: 40px;
  color: #888888;
  font-weight: 300;
}
.Footer {
  text-align: center;
  background-color: #F6F9FA;
  border-top: 1px solid #E9F0F3;
  padding-top: 40px;
  padding-bottom: 40px;
  color: #888888;
  font-weight: 300;
}
.Footer-text {
  padding-top: 10px;
  opacity: 0.8;
  color: #888888;
}
.Footer-link {
  text-decoration: none;
  color: #888888 !important;
  font-weight: 400;
}
.Footer-link:hover {
  text-decoration: underline;
}
.Footer-logo {
  width: 49px;
  height: 46px;
}

.ForgotPassword-formContainer {
  margin-top: 80px;
  margin-bottom: 80px;
}


.DemoHeader {
  height: 64px;
  background-color: #F6F9FA;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.DemoHeader-container {
  height: 100%;
}
.DemoHeader-logo {
  width: 171px;
  height: 41px;
  padding-top: 13px;
}
.DemoHeader-link {
  text-decoration: none;
  color: #535362 !important;
  padding: 0 20px;
  display: inline-block;
  transition: 250ms background-color;
  line-height: 64px;
}
.DemoHeader-link:hover {
  background-color: #F6F9FA;
}
.DemoHeader-github {
  margin-top: 17px;
  margin-left: 10px;
}
.DemoHeader-spacer {
  padding-top: 64px;
}

body {
  font-family: 'Lato';
}
.Landing {
  height: 100%;
}
.Landing-cover {
  background-image: url('/img/cover.jpg');
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  width: 100%;
  height: 700px;
}
.Landing-heading,
.Landing-subtitle {
  color: white;
}
.Landing-headingLight {
  font-weight: 300;
}
.Landing-heading {
  color: white;
  letter-spacing: -3px;
  margin-top: 20px;
  font-size: 60px;
  text-align: center;
}
.Landing-subtitle {
  opacity: 0.7;
  text-align: center;
}
.Landing-getStarted {
  padding: 12px 30px;
  font-weight: bold;
  color: #535362 !important;
  border-radius: 4px;
  text-transform: box-shadow 250ms;
}
.Landing-getStarted:hover {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12) !important;
}
.Landing-laravelAngular {
  position: relative;
}
.Landing-ampersand {
  font-size: 50px;
  color: #00A4C6;
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  text-align: center;
  font-weight: 300;
}
.Landing-angular {
  background-color: #F6F9FA;
  border-left: 1px solid #E9F0F3;
}
.Landing-laravel,
.Landing-angular {
  text-align: center;
  color: #21455B;
  border-bottom: 1px solid #E9F0F3;
}
.Landing-laravelAngular-title {
  padding-top: 30px;
  margin-bottom: 15px;
  font-weight: 300;
  letter-spacing: -1px;
  color: #21455B;
}
.Landing-laravelAngular-subtitle {
  color: #535362;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 300;
}
.DemoCode {
  font-family: "Lucida Console", Monaco, monospace;
  overflow: auto !important;
  padding: 10px;
  line-height: 1.428571429;
  color: #333333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 4px;
  width: 80%;
  margin: 30px auto 100px;
  text-align: left;
  padding-left: 20px;
  font-size: 14px;
}
.DemoCode-highlight {
  color: #DD4A68;
}
.DemoCode-comment {
  color: #888888;
}
.DemoCode-operator {
  color: #888888;
}
.DemoCode-string {
  color: #690;
}
.DemoCode-secondary {
  color: #07A;
}
.Landing-features {
  text-align: center;
  margin: 60px 10px;
}
.Landing-featuresMainTitle {
  font-weight: 300;
  letter-spacing: -1px;
  margin-bottom: 15px;
  color: #21455B;
}
.Landing-featuresMainDescription {
  width: 70%;
  margin: 0 auto 30px;
  color: #535362;
  font-weight: 300;
}
.Landing-featuresEntry {
  width: 176px;
  height: 176px;
  border-radius: 50%;
  margin: 40px auto 20px;
}
.Landing-featuresEntry-icon {
  height: 100%;
}
.Landing-featuresTitle {
  color: #21455B;
  letter-spacing: -1px;
  margin-top: 40px;
}
.Landing-featuresDescription {
  padding-top: 10px;
  padding-left: 50px;
  padding-right: 50px;
  font-weight: 300;
  color: #535362;
}
.Landing-featuresEntry--restful {
  background-color: #00A4C6;
}
.Landing-featuresEntry--jwt {
  background-color: #EF704D;
}
.Landing-featuresEntry--generators {
  background-color: #25C0CC;
}
.Landing-featuresEntry--restful md-icon {
  width: 100px;
}
.Landing-featuresEntry--jwt md-icon {
  width: 80px;
}
.Landing-featuresEntry--generators md-icon {
  width: 80px;
}
/*
This is a terrible temporary hack,
to fix layout issues with flex on iOS (chrome & safari)
Make sure to remove this when you modify this demo
*/
@media only screen and (max-width: 950px) {
  .iOS-hack .flex-100,
  .iOS-hack .flex-50,
  .iOS-hack .flex-33 {
    -ms-flex: none !important;
    flex: none !important;
  }
}



.Login-formContainer {
  margin-top: 80px;
  margin-bottom: 80px;
}













.Register-formContainer {
  margin-top: 80px;
  margin-bottom: 80px;
}







.ResetPassword-formContainer {
  margin-top: 80px;
  margin-bottom: 80px;
}





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