/***************************
 *
 * APP COLORS
 *
 * For the the people not using LESS.
 * You can just change the colors for the entire app here.
 *
 ***************************/
/* main colors */
html,
.view,
.furnax-popup,
#loading-container,
.sidemenu.openmenu #toggleMenu span {
  background: #f7f7f7;
  color: #444;
}
.sidemenu body {
  /* a gradient is suggested here. go to http://goo.gl/OB6IUX */
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #f0f0f0 0%, #eeeeee 100%);
}
/* links and accents */
.view h1,
.view h2,
.view h3,
.view h4,
.singleTicket h4,
.view h5,
.button,
.backbutton {
  color: #4CABE1;
  border-color: transparent;
}
.button.focus {
  border-color: #4CABE1;
}
#tabbar,
#navbar,
.button.filled,
#furnax_splashscreen {
  background: #4CABE1;
  color: #f7f7f7;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
/* inverted style, for filled buttons and active states */
.view .button:active,
.button:active,
#tabbar a:active,
#tabbar a:focus,
#tabbar a.selected,
#tabbar a:active:focus,
#navbar .button:active,
#navbar .backbutton:active,
ul.list li a:active {
  background: #0463AD;
  color: #ffffff;
}
/* lists */
ul.list {
  box-shadow: 0 1px 0 #dddddd, 0 -1px 0 #ffffff;
  background: #fff;
  color: #30373a;
}
ul.list li {
  box-shadow: inset 0 -1px 0 #dddddd;
}
ul.list li a:active {
  background: none;
}