.platform-ios .manual-ios-statusbar-padding{
  padding-top:20px;
}
.manual-remove-top-padding{
  padding-top:0px;
}
.manual-remove-top-padding .scroll{
  padding-top:0px !important;
}
ion-list.manual-list-fullwidth div.list, .list.card.manual-card-fullwidth {
  margin-left:-10px;
  margin-right:-10px;
}
ion-list.manual-list-fullwidth div.list > .item, .list.card.manual-card-fullwidth > .item {
  border-radius:0px;
  border-left:0px;
  border-right: 0px;
}
.show-list-numbers-and-dots ul{
  list-style-type: disc;
  padding-left:40px;
}
.show-list-numbers-and-dots ol{
  list-style-type: decimal;
  padding-left:40px;
}

.tab-item.tab-item-active, .tab-item.active, .tab-item.activated {
  color: #387ef5 !important;
}

.login .scroll-content {
  display: table !important;
  width: 100% !important;
  height: 100% !important;
  margin-top: -50px; /* the height of the centered content */
  text-align: center;
}
.login .scroll {
  vertical-align: middle;
}

.center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.spinner svg {
}


.bar-header{
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.header-picture{
  border-radius:50%;
  height:35px;
  width: 35px;
}

.tabs{
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3);
}


/*Popover - makes it fit the number of items*/
ion-popover-view.fit {
  height: auto;
}

ion-popover-view.fit ion-content {
  position: relative;
}

.platform-android ion-popover-view.fit {
  margin-top: 10px;
}

.platform-ios ion-popover-view.fit {
  padding-top: 10px;
  padding-bottom: 10px;
}

ion-popover-view.fit ion-header-bar,
ion-popover-view.fit ion-footer-bar {
  position: relative !important;
}

ion-popover-view.popover .has-header {
  top: 0 !important;
}

ion-popover-view.popover .has-footer {
  bottom: 0 !important;
}
/*End Popover CSS*/

/*Exercises css*/
.skill-circle{
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background-color: #d6d6d6;
  padding-top:17.5px
}

.skill-img{
  height: 40px;
}

.center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.col-half-33{
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.5%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 16.5%;
  -ms-flex: 0 0 16.5%;
  flex: 0 0 16.5%;
   max-width: 16.5%;
}

.skill-title{
  font-weight: 500;
  font-size: larger;
}
.skill-icon{
  font-size: 40px;
  color: white;
}

.recommended-skill-container{
  background-color: rgba(0, 0, 0, 0);
}

.recommended-skill-title{
  font-weight: 500;
  font-size: larger;
}

.skill-blue{
  background-color: #1caff6 !important;
}

.skill-red{
  background-color: #ca0f0e !important;
}

.skill-green{
  background-color: #7eb530 !important;
}

.skill-purple{
  background-color: #9b5fca !important;
}

.skill-gold{
  background-color: #faa919 !important;
}

.exercise-container{
  position: relative;
  margin-bottom:16px;
}

.exercise-level{
/*  position: absolute !important;
  top:62px !important;
  right: 17px;*/
  margin-top:-39px !important;
  margin-right:auto;
  margin-left:auto;
}

.strength-icon{
  display: block;
  width: 71px;
  height: 20px;
  background: url('../img/method-draw-image.svg');
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.strength-icon-1 {
  background-position: 0px 0px;
}
.strength-icon-2 {
  background-position: -72px 0px;
}
.strength-icon-3 {
  background-position: -144px 0px;
}

.strength-icon-4 {
  background-position: -216px 0px;
}
.strength-icon-5 {
  background-position: -288px 0px;
}


.leaderboard-title{
  background-color: rgba(24, 15, 8, 0);
  position: relative;
  min-height:40px;
  padding-top:10px;
}

.leaderboard-title i{
  font-size: 25px !important;
}

.leaderboard-title h2{
  font-weight: 500;
  font-size: larger;
}

.leaderboard-title button{
  display:block;
  position: absolute;
  right:0px;
  top:0px;
}

/*Start Practice Session CSS */
text {
  font: 12px sans-serif;
}

html, body, #test1, svg {
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
}

.modal{
  top: 0 ;
  bottom: 0 ;
  left: 0 ;
  right: 0 ;
  width: 100% ;
}

.item-image-practice{
  max-height:250px !important;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
  max-height:250px !important;
}

.embed-responsive-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  max-height:250px !important;
}

/*Friends*/
.friend-item{
  min-height: 1px !important;
  font-weight: 500;
  font-size: larger;
  border-color: transparent !important;
}

.friend-item img{
  top: 6px !important;
}

.friend-item span{
  color: black;
  font-weight: normal;
}

.highlight-person{
  color: #ffbe00;
}

.highlight-person img{
  border: 2px solid #ffbe00;
}

.highlight-person span{
  color: #ffbe00;
}