#whole-body{
  background: #f3f3f3;
}
#page-background{
  padding: 0px;
}
#bootstrap-overrides .image-page-background{
  background-image: url(https://s3.amazonaws.com/app.karatehealth.com/images/background.jpg);
  min-height: 100vh;
}

#bootstrap-overrides .blue-background{
  background:  #117CDE;
}
#bootstrap-overrides .dark-blue-background{
  background:  #2b34a6;
}
#bootstrap-overrides .grey-background{
  background:  grey;
}
#bootstrap-overrides .md-font{
  font-size: 18px;
}
#bootstrap-overrides .white{
  color: white;
}
#bootstrap-overrides .blue{
  color: #117cde;
}
#bootstrap-overrides .green{
  color: #05B8BF;
}
.small{
  font-size: 10px;
}
.grey{
  color: lightgrey;
}
.darkgrey{
  color: grey;
}
.error-text{
  color: red;
  padding-left: 15px;
}
#bootstrap-overrides .centered{
  text-align: center;
}
#bootstrap-overrides .margin-b-twenty{
  margin-bottom: 20px;
}
#bootstrap-overrides .margin-t-twenty{
  margin-top: 20px;
}
#bootstrap-overrides .margin-t-one-hundred{
  margin-top: 100px;
}
#bootstrap-overrides .top-ten{
  margin-top: 10px;
}
.width-thirty{
  max-width: 30px;
}
.width-fifty{
  max-width: 50px;
}
.width-hundred{
  max-width: 100px;
}
/*nav*/
.icon{
  max-width: 151px;
}
.form-link{
  padding-top: 4px;
}
/*landing intro*/
#landing-intro{
  min-height: 300px;
}
#landing-text{
  margin-bottom: 50px;
  margin-top: 50px;
  /*border-radius: 10px;*/
  font-size: 20px;
}
.lrg-button{
  width: 200px;
  background: white;
}
.landing-photo{
  width: 80%;
  max-width: 500px;
}
/*infographics*/
#landing-infographics{
  padding-top: 50px;
  padding-bottom: 50px;
  background: white;
}
/*footer*/
#landing-footer{
  height: 200px;
  padding: 60px;
}

/*auth*/
.modal-width{
  min-width: 300px;
  width: 40%;
  max-width: 500px;
}
.auth-modal{
  background: white;
  border-radius: 5px;
  margin-top: 30px;
  min-height: 160px;
}
#bootstrap-overrides .disable-button{
  background: grey;
  pointer-events:none;
}
#bootstrap-overrides .disable-back-button{
  pointer-events:none;
}
#bootstrap-overrides .auth-input{
  padding-left: 10px;
  border-style: none;
  width: 100%;
}
.input-box{
  border-bottom: solid lightgrey;
  border-width: 1px;
  margin-bottom: 20px;
  margin-left: 15px;
  margin-right: 15px;
}
.signup-image{
  height: 130px;
}
#bootstrap-overrides .form-button{
  margin-top: 40px;
  border: none;
}
.checkbox-padding{
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: : 10px;
  padding-right: 5px;
}
.glyph{
  padding-right: 5px;
}
#bootstrap-overrides .max-width-icon{
  max-width: 80px;
}
.blur{
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  pointer-events:none;
  overflow-x: hidden;
  overflow-y: auto;
}
.side-bar{
  padding-left: 30px;
  height: 100vh;
  background: #5f5f5f;
  margin-left: 10px;
}
.max-w-two-h{
  max-width: 300px;
}
.side-bar-icon{
  width: 100px;
  /*border: solid white;
  border-radius: 100px;
  border-width: 2px;*/
}
#bootstrap-overrides .side-bar-nav{
  background: none;
  border: none;
}
.left-padding{
  padding-left: 30px;
}

/*conditions*/
#bootstrap-overrides .onboarding-item{
  background: #e9e9e9;
  color: #117CDE;
  width: 100%;
  margin-bottom: .5rem;
  margin-top: .5rem;
  margin-left: 0px;
  border-radius: 0px;
}
#bootstrap-overrides .about-item{
  background: #e9e9e9;
  color: #117CDE;
  margin-bottom: .5rem;
  margin-top: .5rem;
  margin-left: 0px;
  border-radius: 3px;
  border-left: solid white;
  border-right: solid white;
  border-width: 1px;
}
#bootstrap-overrides .active{
  background: #117CDE;
  color: white;
}
.typed-cursor{
    display: inline;
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

#bootstrap-overrides .loading-gif{
  width: 100px;
  margin-top: 50px;
}
#bootstrap-overrides .no-border{
  border-style: none;
  border: none;
  border-radius: 0px;
}
.modal-background{
  background: #f2f2f2;
}
.modal-button{
  border-style: none;
  height: 40px;
}
#bootstrap-overrides .underline{
  text-decoration: underline;
}
.sidebar-apple-icon{
  width: 100px;
  position: absolute;
  bottom: 70px;
}


























.no-link{
  text-decoration: none;
  color: black;
}
.white-background{
  background: white;
}


.height-thirty{
  max-height: 30px;
}
.height-twenty{
  max-height: 20px;
}
.height-two-hundred{
  max-height: 200px;
}
.in-line{
  display: inline;
}
#nav-style-trump{
  background:  #117CDE;
  margin: 0px;
  border: solid #117CDE;
  border-radius: 0;
}
#bootstrap-overrides .no-padding{
  padding: 0px;
}
#bootstrap-overrides .no-margin{
  margin: 0px;
}
#bootstrap-overrides .light-padding{
  padding: 10px;
}


#bootstrap-overrides .right{
  text-align: right;
}
#bootstrap-overrides .md-padding{
  padding: 30px;
}
#bootstrap-overrides .sm-font{
  font-size: 15px;
}
#bootstrap-overrides .text-right{
  text-align: right;
}






#bootstrap-overrides .form-element{
  border: none;
}


#bootstrap-overrides .demo-input{
  line-height: 3rem;
}
#bootstrap-overrides .full-width{
  width: 100%;
}
#bootstrap-overrides .half-width{
  width: 50%;
}
.onboarding-progress-active{
  width: 100%;
}
.onboarding-progress{
  width: 80%;
}
.whole-bar{
  margin: 30px auto;
}
.post-icon{
  height: 20px;
  margin-right: 10px;
}
.avatar{
  max-height: 50px;
}
#new-post{
  border: none;
  min-height: 200px;
}
.post-icons{
  padding-top: 7px;
  border-top: solid lightgray;
  border-width: 1px;
  width: 95%;
  margin: 10px auto 0 auto;
}

#landing-text-typed{
  diplay: inline;
}

#bootstrap-overrides .lock-text{
  margin-right: 13px;
}


.onboarding-progress-containter{
  width: 15%;
  float: left;
}
.margin-progress-bar{
  margin-bottom: 20px;
}
.onboarding-progress-line{
  width: 15%;
  float: left;
}





/*auth forms*/
.form-header{
  margin: 0px auto 20px auto;
}