/* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 
[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}
*/

/*.modal-open, .modal-open .navbar-fixed-top {
  margin-right: 0 !important;
}*/


[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}


[ng-click],
[data-ng-click],
[x-ng-click] {
  cursor: pointer;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 9999s;
  -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
}

input:focus {
  outline: none !important;
}

body {
  overflow: -moz-scrollbars-vertical; 
  overflow-y: scroll;
}

/*.feedText {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}*/

.animate-show,
.animate-hide {
  -webkit-transition:all ease 0.75s;
  -moz-transition:all ease 0.75s;
  -ms-transition:all ease 0.75s;
  -o-transition:all ease 0.75s;
  transition:all ease 0.75s;
}
.animate-show-fast,
.animate-hide-fast {
  -webkit-transition:all ease 0.25s;
  -moz-transition:all ease 0.25s;
  -ms-transition:all ease 0.25s;
  -o-transition:all ease 0.25s;
  transition:all ease 0.25s;
}

.animate-show.ng-hide-remove,
.animate-hide.ng-hide-add.ng-hide-add-active,
.animate-show-fast.ng-hide-remove,
.animate-hide-fast.ng-hide-add.ng-hide-add-active {
  opacity: 0;
  /*display: block !important;*/
}

.animate-hide.ng-hide-add,
.animate-show.ng-hide-remove.ng-hide-remove-active,
.animate-hide-fast.ng-hide-add,
.animate-show-fast.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
  /*display: block !important;*/
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

/*#mainNav li a {
  text-decoration: none; }
  @media screen and (max-width: 767px) {
    #mainNav li a {
      text-decoration: none; } }
  #mainNav li a.active {
    text-decoration: none;}
    #mainNav li a.active:hover {
      text-decoration: none; }
  #mainNav li a:hover {
    text-decoration: none; }*/

@media screen and (max-width: 767px) {
      #mainNav li:last-child a {
      border-bottom: 1px solid #e6eaee; } }

#mainNav li:last-child a {
  border-right: 1px solid #e6eaee; }
#mainNav li:nth-child(5) a {
  border-right: 1px solid #e6eaee; }
  @media screen and (max-width: 767px) {
    #mainNav li:nth-child(5) a {
      border-right: none; } }

/*.subMenu ul li a {
        text-decoration: none; }
    .subMenu ul li a.active {
        text-decoration: none; }
    .subMenu ul li a:hover {
        text-decoration: none; }*/



  .dotHealth p {
    text-transform: uppercase;
    width: 100px; }

  .dotFitness p {
    text-transform: uppercase;
    width: 100px; }

  .dotEvent p {
    text-transform: uppercase;
    width: 100px; }

  .dotLifestyle p {
    text-transform: uppercase;
    width: 100px; }

a {
  text-decoration: none; }
  @media screen and (max-width: 767px) {
    a {
      text-decoration: none;
      outline-style: none; } }
    a:hover {
      text-decoration: none;
      outline-style: none;}
    a:link {
      text-decoration: none;
      outline-style: none; }
    a:any-link {
      text-decoration: none;
      outline-style: none; }
    a:visited {
      text-decoration: none;
      outline-style: none; }
    a:active {
      text-decoration: none;
      outline-style: none; }
    a:focus {
      text-decoration: none;
      outline-style: none; }

.subMenu ul li {
    padding-left: 14px;
    padding-right: 14px; }
@media screen and (max-width: 767px) {
        .subMenu ul li {
          padding-left: 8px;
          padding-right: 8px; } }

    
@media screen and (max-width: 767px) {
    .buttonBar {
      padding-bottom: 0px; } }
    
/*.buttonBar {
  width: 100%;
  padding-top: 0px;
  padding-bottom: 20px; }
  @media screen and (max-width: 991px) {
    .buttonBar {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 500;
      padding: 0;
      background-color: white; } }*/
      
/*.listItem.bg {
    background-position: left 0;
    background-size: 60px 60px;
    background-repeat: no-repeat;
    padding-left: 70px;
}
.boxItem.bg {
    background-position: center 25px;
    background-size: 120px 120px;
    background-repeat: no-repeat;
}*/

.fitnessGoals .formTile, .fitnessGoals .formTile.checked {
    padding-left: 70px; 
    background-position: left 0;
    background-size: 60px 60px;
    background-repeat: no-repeat;
    padding-left: 70px; }
    
.fitnessLevels .boxItem, .fitnessLevels .boxItem.checked {
    background-position: center 25px;
    background-size: 120px 120px;
    background-repeat: no-repeat; 
}
    
.fitnessPlaces .boxItem, .fitnessPlaces .boxItem.checked {
    background-position: center center;
    background-size: 120px;
    background-repeat: no-repeat; 
}
    
    
    
.selectTile :hover {
    cursor: pointer; }

.form input.ng-invalid.ng-touched {
  background-color: #FA787E;
}

.form input.ng-valid.ng-touched {
  background-color: #78FA89;
}

.formTile.disabled {
  background-color: rgba(98, 98, 102, 0.1);
 }
.formTile.disabled.checked {
  background-color: rgba(255, 0, 0, 0.2);
 }
    
button:focus {
    outline-style: none;
}
    
.barChart .sectionsProgress {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 60px;
    padding-left: 0; }
    .barChart .sectionsProgress li {
      display: inline-block;
      float: left;
      height: 100%;
      padding-top: 30px;
      /*padding-right: 5px;*/
      line-height: 30px;
      text-align: right;        
      -webkit-mask: url(../img/progressBackground.svg#progressBackground);
      mask: url(../img/progressBackground.svg#progressBackground);
      -webkit-mask-size: cover;
      mask-size: cover;
      
      /*-webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;*/
        
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1; }
.barChart .sections li {
      padding-right: 0px; }
    
#accordion .fitnessImage {
    width: 80px;
    height: 80px;
}
    
.progressIndicator {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#overall.linechart {
  margin-bottom: 0px;
  margin-top: 0px; }
    
.progressIndicatorRegister {
  display: inline-block;
  margin-bottom: 20px;
  height: 15px;
  background-image: url("../img/progressIndicatorRegister.svg");
  background-position: 0 0; }
  .progressIndicatorRegister.dots-total-2 {
    width: 50px; }
  .progressIndicatorRegister.dots-total-3 {
    width: 85px; }
  .progressIndicatorRegister.dots-total-4 {
    width: 120px; }
  .progressIndicatorRegister.dots-total-5 {
    width: 155px; }
  .progressIndicatorRegister.dots-total-6 {
    width: 190px; }
  .progressIndicatorRegister.dots-total-7 {
    width: 225px; }
  .progressIndicatorRegister.active-dot-1 {
    background-position: 0px 0px; }
  .progressIndicatorRegister.active-dot-2 {
    background-position: 0px -25px; }
  .progressIndicatorRegister.active-dot-3 {
    background-position: 0px -50px; }
  .progressIndicatorRegister.active-dot-4 {
    background-position: 0px -75px; }
  .progressIndicatorRegister.active-dot-5 {
    background-position: 0px -100px; }
  .progressIndicatorRegister.active-dot-6 {
    background-position: 0px -125px; }
  .progressIndicatorRegister.active-dot-7 {
    background-position: 0px -150px; }
    
#registration form .has-error label.control-label, #registration form .has-error p.help-block {
    color: #FF7777;
}
#registration form p.help-block {
    color: white;
}
#registration form .has-error input {
    border-color: #FF7777;
}
    
#settingsContent {
    padding-bottom: 0px;
}
    
.register-logo {
  position: absolute;
  left: 30px;
  top: 30px;
  display: block;
  margin: 0 30px 0 0; }
    
.register-logo img {
    height: 40px;
}
    
@media screen and (max-width: 767px) {
.register-logo {
      left: 15px;
      top: 15px; }
.register-logo img {
    height: 30px;
} }
    
#registration {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}
    
.no-history-data {
    font-size: 13px;
    text-align: center;
    color: grey;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
    
.feedTile .feedImage {
    max-width: 80px;
    max-height: 80px;
    width: auto;
    height: auto; }
    
.listItem img {
    /*max-width: 60px;*/
    max-height: 60px;
    width: auto;
    height: 60px; }

.questBg {
  /*display: inline-block;*/
  display: block;
  padding: 5px;
  color: white; }
    
.fixedTop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000; }