/**
 *
 * Used for links to the App or App Stores on mobile devices
 *
 * No nice icon available in stock redmine. Relying on planio_flat to provide a
 * nice font-awesome alternative.
 *
 **/
.icon-android { background-image: url(../../../images/plugin.png); }
.icon-ios { background-image: url(../../../images/plugin.png); }

/**
 *
 * Used within the app to switch to other planio
 *  - similar to tabs in Safari/Chrome
 *
 **/
.icon-switch { background-image: url(../../../images/table_multiple.png); }


/**
 *
 * Share icons used within the app to share current URL with other apps
 *
 * - The move icon looks similar to iOS 6's share arrow (without the box)
 * - Adding special case for ios and android devices since they use different
 *   share icons and it might be better to serve the proper icon to the
 *   respective audience
 *
 **/
.icon-share { background-image: url(../../../images/move.png); }

/**
 *
 * Positioning of new top level icons in full-width layout
 */
.flat-menu__item .cordova-app-icon-link .icon {
  font-size: 1.5em;
  margin: 0px 0px 0px 0.25em;
  line-height: 1;
  top: 2px;
  position: relative;
  padding: 0;
}


/**
 *
 * Positioning of additional icons (Open In App, Share, Switch) next to
 * username/login on narrow screens
 *
 **/
.flyout-menu .cordova-app-icon-link {
  font-size: 1.5em;
}
.flyout-menu .cordova-app-icon-link {
  margin-left: -10px;
}
.flyout-menu .cordova-app-icon-link + .cordova-app-icon-link {
  margin-left: 0;
}
.flyout-menu .cordova-app-icon-link:last-child {
  padding-right: 10px;
}
.theme-feature-flat_menu .flyout-menu .cordova-app-icon-link .icon {
  padding-right: 5px;
  padding-left: 10px;
}

.flyout-menu ul li .cordova-app-icon-link {
  display: inline-block;
  float: right;
}

/**
 *
 * Remove fallback links from top menu (added for non-flat designs)
 *
 */
.js-general-menu ul li > .cordova-app-open-app,
.js-general-menu ul li > .cordova-app-share,
.js-general-menu ul li > .cordova-app-switch-domain {
  display: none !important;
}
.js-general-menu ul li > .cordova-app-icon-link {
  display: inline-block !important;
}

.hidden {
  display: none !important;
}