/* Empty. Add your own CSS if you like */

ion-content {
  max-width: 700px;
  margin: 0 auto;
}

h1, h2, h3, h4, h6 {
  font-weight: 200;
}

.spacer {height: 65px;}
.spacer.spacer-xl {height: 120px;}
.spacer.spacer-lg {height: 90px;}
.spacer.spacer-sm {height: 30px;}
.spacer.spacer-xs {height: 10px;}

.item-clear {
  border-top: none;
  border-left: none;
  border-right: none;
}

.item-no-border {
  border: none;
}

.item-checkbox.item-image {
  padding: 0 !important;
}

.item h2 {
  font-size: 25px;
}

.item.positive {
  color: #fff;
  background: #387EF5 !important;
}

.item-checkbox.item-image .checkbox {
  padding: 20px 7px;
  margin-top: -35px;
}

a.button-block {
  width: 100%;
}

.bar-footer .button {
  font-size: 16px;
  line-height: 42px;
  min-height: 47px;
  margin-top: 0;
}

.bar-footer .button.button-icon:before,
.bar-footer .button .icon:before,
.bar-footer .button.icon:before,
.bar-footer .button.icon-left:before,
.bar-footer .button.icon-right:before {
  font-size: 26px;
  line-height: 38px;
}

.button-dislike {
  background: #D0021B !important;
  border: none;
}

.button-like {
  background: #29C064 !important;
  border: none;
}

.button-like:focus {

}

.bar-footer {
  height: 65px;
}

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

.text-right {
  text-align: right;
}

td-cards {
  position: relative;
}

td-card {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
}

td-card.active {
  opacity: 1;
}

ion-side-menu.dark,
ion-side-menu.dark .bar-stable,
ion-side-menu.dark .item {
  background: #E6E6E6;
  border-color: #B3B3B3;
}

.balanced {
  color: #33cd5f !important;
}