/*!
* Optimized for jQuery Mobile 1.4.5
*
* Last update: 2015-11-13
*/

/**
 *    General
 *
 */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-size: 100%;
}

/* IMPORTANT: Prevent the whole page to bounce */
body, .ui-page {
  overflow: hidden;
}

fieldset {
  display: block;
}

/*
 * Android Browser Fix
 */
input::-webkit-input-placeholder {
  color: #999;
}
input:-moz-placeholder {
  color: #999;
}


/**
 *    Helper Classes
 *
 */

.filler {
  display: inline-block;
  vertical-align: middle;
  width: 0; height: 100%;
}

.hidden {
  display: none!important;
}

.nowrap {
  white-spacing: nowrap;
}

.clearfix {
  clear: both;
}


/**
 *    Desktop
 *
 */

/* Define minimum width and height of desktop browsers */
.ui-mobile.desktop body,
.ui-mobile.desktop .ui-page {
  min-width: 700px;
  min-height: 830px;
  overflow-x: auto;
}

/**
 *    Touch Screen
 *
 */

/* Prevent mobile user from selecting */
.ui-mobile.touchScreen * {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
       -webkit-touch-callout: none;
         -webkit-user-select: none;
            -moz-user-select: none;
             -ms-user-select: none;
                 user-select: none;
    -webkit-text-size-adjust: none;
       -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
         -o-text-size-adjust: none;
            text-size-adjust: none;
}
.ui-mobile.touchScreen .output,
.ui-mobile.touchScreen label,
.ui-mobile.touchScreen input,
.ui-mobile.touchScreen p {
  -webkit-user-select: auto;
     -moz-user-select: auto;
       -ms-user-select:auto;
           user-select:auto;
}
/* Prevent user from selecting the button label */
.ui-mobile.touchScreen button, 
.ui-mobile.touchScreen .ui-btn {
  -webkit-user-select: none;
     -moz-user-select: none;
       -ms-user-select:none;
           user-select:none;
}


/**
 *    Scroller
 *
 */

.scroll-wrapper {
  position: relative;
  overflow: auto;
}

.scroller {
  min-height: 100%;
  overflow: auto;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}


/**
 *     Header, Toolbar, Navbar, Footer
 *
 */

@media screen and (max-device-width: 320px) {

  /* Shrink header title on narrow screens */
  .ui-header .ui-title {
    font-size: 0.875em;
    padding: 0.8em 0;
  }

}

/**
  position: relative;
 *    Popups
 *
 */

.ui-popup-container {
  max-height: 98%;
  overflow: hidden;
}

.ui-popup .ui-content {
  overflow-y: auto;
}

.ui-popup .ui-content h4 {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 1.063em;
}

.ui-popup .ui-content h4:first-child {
  margin-top: 0;
}

.ui-popup .ui-content p {
  margin: 0;
  line-height: 160%;
  font-size: 0.750em;
}

/**
 *     Imprint Popup
 *
 */

.ui-popup#imprint h4 {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 1.063em;
}

.ui-popup#imprint h4:first-child {
  margin-top: 0;
}

.ui-popup#imprint p {
  margin: 0;
  font-size: 0.750em;
  line-height: 160%;
  text-align: justify;
}

/**
 *    Buttons
 *
 */

.desktop     .ui-btn:hover.ui-btn-icon-notext:after,
.touchScreen .ui-btn.touched.ui-btn-icon-notext:after {opacity: .5;}

.ui-btn.ui-btn-minimal {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  width: auto;
  height: 38px;
  color: #E20B18;
  text-align: left;
  font-size: 0.875em;
  border: none;
}
.desktop .ui-btn.ui-btn-minimal:hover,
.touchScreen .ui-btn.ui-btn-minimal.touched {opacity: 0.5;}
.ui-btn.ui-btn-minimal.ui-btn-icon-left {
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  padding-left: 3em;
}
.ui-btn.ui-btn-minimal.ui-btn-icon-left:after {
  width: 24px;
  height: 24px;
  margin-top: -12px;
}

/* Share Button */
.ui-btn.ui-icon-info,
.ui-btn.ui-icon-home,
.ui-btn.ui-icon-share,
.ui-btn.ui-icon-pdf {
  background-color: transparent;
  border: none;
}
.ui-btn.ui-icon-info:after,
.ui-btn.ui-icon-home:after,
.ui-btn.ui-icon-share:after,
.ui-btn.ui-icon-pdf:after {
  background-color: transparent;
  background-size: 100% auto;
  border-radius: 0;
}

/* Close Button */
.ui-btn.ui-icon-close:after {
  background-image: url("../images/ico-close.png");
}
/* Cancel Button */
.ui-btn.ui-icon-cancel:after {
  background-image: url("../images/ico-close.png");
}
/* Info button */
.ui-btn.ui-icon-info:after {
  background-image: url("../images/ico-info.png");
}
/* Share Button */
.ui-btn.ui-icon-home:after {
  background-image: url("../images/ico-home.png");
}
/* Share Button */
.ui-btn.ui-icon-share:after {
  background-image: url("../images/ico-share.png");
}
/* PDF Button */
.ui-btn.ui-icon-pdf:after {
  background-image: url("../images/ico-pdf.png");
}
/* PDF Button (red) */
.ui-btn-minimal.ui-icon-pdf:after {
  background-image: url("../images/ico-pdf-red.png");
}
/* Scan Button */
.ui-btn.ui-icon-scan:after {
  background-image: url("../images/ico-barcode.png");
}