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

/* Native Loading */
loading-view {
  background-color: white;
}

loading-icon {
  background-image: url(/icons/icon_loading.svg);
  background-size: 150px;
}


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

/* vertical separator between tab items (Android Only) */
tab-bar divider {
  background-color: #D8D8D8;
}

/* top and bottom markers (Android Only) */
tab-bar tab-bar-item marker-top {
  background-color: #00ffffff;
}

tab-bar tab-bar-item marker-top:selected {
  background-color: #0299CC;
}

tab-bar tab-bar-item marker-bottom {
  background-color: #00ffffff;
}

tab-bar tab-bar-item {
  font-family: "Avenir";
  font-size: 14px;
  color: #3E3E3E;
}

tab-bar tab-bar-item:selected {
  color: #111111;
}

tab-bar tab-bar-item:pressed {
  color: black;
}

/*
 In Android ->

 You can define tab id's in application.coffee and create styles matching those id's, as shown below. Icons defined in application.cofee are overriden by native styles.

*/

tab-bar #tab-http {
  background-image: url(icons/apple_colorfull.png);
}

tab-bar #tab-fileurl {
  background-image: url(icons/shoebox@2x.png);
}

tab-bar #tab-nojs {
  background-image: url(icons/apple_colorfull.png);
}

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

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

navigation-bar back-indicator {
  background-image: url(default_back_icon.png);
  background-size: 28;
}

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

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

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

.document-viewer-button{
  background-color: white;
  color: black;
  border: 0px solid #fff;
}

#document-viewer-close-button {
  background-color: whitesmoke;
}

/* Document Viewer */

/*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);
}


/*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: whitesmoke;
  color:black;
  border:1px solid black;
}

.nativeInput:pressed {
  background-color: whitesmoke;
  border:1px solid 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;
}

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

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

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