/*!
* Optimized for jQuery Mobile 1.4.5
*
* Last update: 2016-11-17
*/

/**
 *     Page
 *
 */

.ui-body-qm,
.ui-overlay-qm,
.ui-page-theme-qm {
  font-family: arial, verdana, sans-serif;
  background-color: #ffffff;
}

 /**
 *     Header, Toolbar, Navbar, Footer
 *
 */

.ui-page-theme-qm .ui-header {
  position: relative;
  height: 48px;
  border: none;
  background-color: #85bc22;
  overflow: hidden;
}

.ui-page-theme-qm .ui-header .ui-title {
  position: absolute;
  top: 0;
  left: 44px;
  right: 0;
  margin: 0;
  padding: .7em 1em;
  color: #14264d;
  background-color: #dadada;
  font-size: 1.125em;
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
  text-overflow: ellipsis;
  text-shadow: none;
  line-height: 1.3;
}

.ui-page-theme-qm .ui-header .ui-btn {
  background: none;
  border: none;
  color: #fff;
  text-shadow: none;
  font-weight: normal;
}
.ui-page-theme-qm .ui-header .ui-btn:hover {
  background-color: transparent;
  text-shadow: none;
}

/**
 *     Menu Bar
 *
 */

/* Header Menu Bar */
.ui-page-theme-qm .ui-header .ui-bar-qm.menu-bar {
  position: absolute;
  top: 50px;
  left: 0;
}

.ui-bar-qm.menu-bar {
  width: 100%; height: 44px;
  background-color: #dadada;
  border-top: 1px solid white;
}

.ui-bar-qm.menu-bar .menu {
  position: relative;
  height: 100%;
  color: #14264d;
  text-align: center;
}

.ui-bar-qm.menu-bar .menu div {
  float: left;
  height: 100%;
}

.ui-bar-qm.menu-bar .menu .menu-btn {
  padding-left: 5px;
  padding-right: 5px;
  width: 200px;
  font-size: 1em;
  font-weight: normal;
  line-height: 260%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.ui-bar-qm.menu-bar .menu .menu-btn:hover,
.ui-bar-qm.menu-bar .menu .menu-btn-selected {
  color: #ffffff;
  background-color: #595959;
}

.ui-bar-qm.menu-bar .menu .menu-divider {
  width: 1px;
  background-color: #ffffff;
}

/**
 *     Headings
 *
 */

.ui-page-theme-qm .ui-content > h1,
.ui-page-theme-qm .ui-content > h2 {
  color: #555555;
}

/**
 *     Forms
 *
 */

.ui-page-theme-qm .ui-select .ui-btn {
  background-color: #ffffff;
  border-radius: 0;
  border: 1px solid #b0b0b0;
  box-shadow: none;
}

.ui-page-theme-qm .ui-select .ui-btn-icon-left:after,
.ui-page-theme-qm .ui-select .ui-btn-icon-right:after,
.ui-page-theme-qm .ui-select .ui-btn-icon-top:after,
.ui-page-theme-qm .ui-select .ui-btn-icon-bottom:after,
.ui-page-theme-qm .ui-select .ui-btn-icon-notext:after {
  background-color: #85bc22;
}

.ui-page-theme-qm .ui-select .ui-btn > span:not(.ui-li-count) {
  color: #85bc22;
}

/**
 *     Input, Search, Select
 *
 */

.ui-page-theme-qm .ui-input-search,
.ui-page-theme-qm .ui-input-text {
  background-color: #FFFFFF;
  border-color: #b3b3b3;
  border-radius: 0;
  box-shadow: none;
}

/* Clear Button */
.ui-page-theme-qm .ui-input-clear:after {
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%2370706E%22%20points%3D%2214%2C3%2011%2C0%207%2C4%203%2C0%200%2C3%204%2C7%200%2C11%203%2C14%207%2C10%2011%2C14%2014%2C11%2010%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

/**
 *     Buttons
 *
 */

 /* General Buttons */
.ui-page-theme-qm .ui-btn,
html .ui-bar-qm .ui-btn,
html .ui-body-qm .ui-btn,
html head+body .ui-btn.ui-btn-qm,
.ui-page-theme-qm .ui-btn:visited,
html .ui-bar-qm .ui-btn:visited,
html .ui-body-qm .ui-btn:visited,
html head+body .ui-btn.ui-btn-qm:visited {
  color: #14264d;
  background-color: #ffffff;
  font-weight: normal;
  border: 1px solid #b0b0b0;
}
.desktop     .ui-page-theme-qm .ui-btn:hover,
.touchScreen .ui-page-theme-qm .ui-btn.touched {opacity: 0.5;}

/* Header Buttons */
.ui-page-theme-qm .ui-header .ui-btn {
  top: 0px;
  padding: 0;
  height: 100%;
  font-size: .875em;
  border: none; border-radius: 0;
  box-shadow: none;
}

.ui-page-theme-qm .ui-header .ui-btn.ui-toolbar-back-btn,
.ui-page-theme-qm .ui-header .ui-btn-left.ui-btn-icon-notext {
  left: 0;
}
.ui-page-theme-qm .ui-header .ui-btn.ui-toolbar-back-btn,
.ui-page-theme-qm .ui-header .ui-btn-right.ui-btn-icon-notext {
  right: 0;
}
.ui-page-theme-qm .ui-header .ui-btn.ui-toolbar-back-btn,
.ui-page-theme-qm .ui-header .ui-btn.ui-btn-icon-notext:not(.ui-input-clear) {
  width: 44px; height: 48px; /* Header height */
}
.ui-page-theme-qm .ui-header .ui-btn.ui-toolbar-back-btn:after,
.ui-page-theme-qm .ui-header .ui-btn.ui-btn-icon-notext:not(.ui-input-clear):after {
  top: 0; left: 0;
  height: 100%; width: 100%;
  margin: 0;
  background-color: transparent;
  background-size: auto 55%;
}

/* Back Button */
.ui-page-theme-qm .ui-header .ui-btn.ui-toolbar-back-btn:after {
  background-image: url(../images/ico-arrow-l.png);
}

/**
 *     List Views
 *
 */

.ui-group-theme-qm.ui-listview .ui-btn {
  font-size: 1em;
  color: #67676C;
  text-shadow: none;
  background-color: #FFFFFF;
}

.ui-group-theme-qm.ui-listview:not(.ui-listview-inset) .ui-btn {
  border: none;
}

.desktop     .ui-group-theme-qm.ui-listview .ui-btn:hover,
.touchScreen .ui-group-theme-qm.ui-listview .ui-btn.touched,
             .ui-group-theme-qm.ui-listview .selected .ui-btn {
  color: #ffffff;
  text-shadow: none;
  background-color: #85bc22;
  opacity: 1;
}

/* Caret */
.ui-group-theme-qm.ui-listview .ui-btn.ui-icon-carat-r::after {
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  color: black;
  background-color: transparent;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%2367676C%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E");
}

.desktop     .ui-group-theme-qm.ui-listview .ui-btn:hover.ui-icon-carat-r::after,
.touchScreen .ui-group-theme-qm.ui-listview .ui-btn.touched.ui-icon-carat-r::after,
             .ui-group-theme-qm.ui-listview .selected .ui-btn.ui-icon-carat-r::after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E");
}

/**
 *     Popups
 *
 */

.ui-page-theme-qm .ui-popup {
  border-radius: 0;
}

.ui-page-theme-qm .ui-popup .ui-header {
  border-radius: 0;
}

.ui-page-theme-qm .ui-popup .ui-header .ui-title {
  /*color: #ffffff;*/
  /*background-color: #85bc22;*/
}

.ui-page-theme-qm .ui-popup .ui-header .ui-btn-right {
  background: none;
  border: none;
  /*color: #14264d;*/
  color: #ffffff;
  text-shadow: none;
}

.ui-page-theme-qm .ui-popup .ui-content {
  padding: 1em !important;
  color: #14264d;
  background-color: #ffffff;
}

/**
 *     Default Home Page
 *
 */

#home-page .ui-content {
  padding: 1em 0;
}

#home-page .main-menu {
  margin: 0 auto;
  width: 100%;
}

#home-page .main-menu .ui-block-a,
#home-page .main-menu .ui-block-b {
  padding: 1em 2em;
}
#home-page .main-menu .ui-block-a .ui-btn {float: right;}
#home-page .main-menu .ui-block-b .ui-btn {float: left;}
@media (max-width: 35em) {
  #home-page .main-menu .ui-block-a .ui-btn,
  #home-page .main-menu .ui-block-b .ui-btn {float: none;}
}
#home-page .main-menu .ui-btn {
  width: 100%;
  max-width: 500px;
  margin: 0;
  padding: 0;
  border: none;
}

#home-page .main-menu .ui-btn img {
  vertical-align: middle;
  max-width: 100%;
}

#home-page .main-menu .ui-btn h4 {
  position: relative;
  padding: .7em 1em;
  padding-right: 42px; /* Padding for icon */
  width: 100%;
  color: #14264d;
  background-color: #ffffff;
  font-size: 1.125em;
  font-weight: normal;
  border: 1px solid #b0b0b0;

  /* No text overflow */
  overflow: hidden;
  text-overflow: ellipsis;
}

#home-page .main-menu .ui-btn h4.ui-icon-carat-r:after {
  top: 0;
  right: 0;
  height: 100%;
  width: 42px;
  margin: 0;
  background-color: #595959;
  border-radius: 0;
  background-image: url(../images/ico-arrow-r.png);
  background-size: auto 50%;
}