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

ion-nav-bar {
  color: #0062C4 !important;
}

.tab-item.tab-item-active, .tab-item.active, .tab-item.activated {
    color: #0062C4;
}

/* Estils basats en http://codepen.io/rossmartin/pen/XJmpQr */
.bar-footer {
  overflow: visible !important;
}

.bar-footer textarea {
	resize: none;
	height: 25px;
  background-color: #EEEEEE;
  width: 100%;
}

.footer-btn-wrap {
  position: relative;
  height: 100%;
  width: 50px;
  top: 7px;
}

.footer-btn {
  position: absolute !important;
  bottom: 0;
}

.bar.item-input-inset .item-input-wrapper input {
  width: 100% !important;
  height: 100% !important;
}

input, textarea, .item-input, .item-input-wrapper {
  background-color: #f4f4f4 !important;
}

/* item-expand styles: https://github.com/loringdodge/ionic-item-expand */
.item-expand {
  position: relative;
  width: 100%;
  max-height: 60px;
  transition: max-height 0.1s ease-out;
  overflow: hidden;
}

.item-expand.inactive:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  height: 15px;
  width: 100%;
  display: block;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgba(255, 255, 255, 0)),
    color-stop(1, rgba(255, 255, 255, 1))
  );
  background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.item-expand.active {
  max-height: 400px;
  transition: max-height 0.3s ease-out;
}


/* DEMO */
.item-expand-footer {
  color: #0062C4;
  margin-top: 10px;
}

.item-expand-footer i {
  margin-right: 10px;
}

.selectable {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.bg-warning{
  background-color:  antiquewhite;
}

.bg-warning > .item-content{
  background-color:  antiquewhite;
}