freestyle-config {
  parse-error-destination: console;
  cache-styles: auto;
  image-cache-count: 100;
}

/* Tab Bar */
tab-bar {
  background-color: white;
}

tab-bar tab-bar-item {
  color: #b0b1b4;
  font-family: "Avenir";
  font-size: 10pt;
}

tab-bar tab-bar-item:selected {
  color: #0096d7;
}

navigation-bar {
  background-color: #00F0FF;
}

navigation-bar title {
  color: red;
  font-size: 20px;
}

navigation-bar back-button {
  color: red;
  font-size: 17px;
}

navigation-bar back-button:pressed {
  color: blue;
}

navigation-bar back-indicator {
   /*background-image: url(icons/apple_colorfull.png);*/
   /*background-size: 20;*/
  color: #ffffff;
}

navigation-bar button {
  background-color: red;
  color: green;
  border-radius: 4px;
}

navigation-bar back-button {
  color: red;
  font-size: 18;
}

/*
 NOTE: -> :pressed pseudo class is NOT supported in iOS.

navigation-bar back-button:pressed {
  color: green;
}

*/

/*used in styling apis tests*/
#navBarBig {
  background-color: #1f2838;
}

#navBarBig title {
  color: #eeeeee;
  font-size: 30px;
}

#navBarSmall {
  background-color: #ea8b2a;
}

#navBarSmall title {
  color: #b8435b;
  font-size: 18px;
}

.navBarWithBorder {
  border: 2px solid #f6546a;
}

.greenNavBar {
  background-color: #74a259;
}

.greenNavBar title {
  color: #aceace;
}

.menuBtn image {
  background-image: url(icons/home.svg);
  background-size: 24;
}


/*Navigation bar Items*/
.rounded-button {
  border-radius: 10pt;
  border: 2px solid #1CD99A;
}

.primary {
  background-color: #57B6E1;
}

#tokaButton {
  background-color: #FFCF40;
}

/*TabBar test styling */
.tabGray {
  background-color: #B3B3B3;
  color: black;
}

#myLittleTab {
  background-color: #FFCF40;
}

/*TabBarItem test styling */
.tab-bar-item-yellow {
  background-color: yellow;
}

#second-item {
  color: green;
  background-color: #FF6363;
}

/*styling the specific tab that has a specific id*/
#tab-cordova {
  color: red;
}

/* Native Input Plugin */

/*default values*/
.nativeInput {
  background-color: white;
  color:black;
}

.nativeInput-panel {
  background-color: white;
}

.nativeInput-leftButton {
  background-color: whitesmoke;
}

.nativeInput-leftButton:pressed {
  background-color: whitesmoke;
}

.nativeInput-rightButton {
  background-color: whitesmoke;
}

.nativeInput-rightButton:pressed{
  background-color: #C0C0C0;
}

/*custom css for testing*/

#myInputId{
  color:blue;
}

.grey-panel{
  background-color: grey;
}

.send-button{
  background-color: #CFCFCF;
  background-image: url(/icons/home.svg);
}

.send-button:pressed, .send-button:highlighted{
  background-color: #C0CFC0;
  background-image: url(/icons/home.svg);
}