/* Checkmk Mobile: align jQuery Mobile chrome with modern-dark.
   Loaded after themes/modern-dark/theme.css. */

body.mobile,
body.mobile.mobile-dark {
  background: #1c2228;
  color: #fff;
  font-family: Lato, Roboto, Helvetica, Arial, sans-serif;
}

body.mobile .ui-overlay-a,
body.mobile .ui-page-theme-a,
body.mobile .ui-page {
  background: #1c2228;
  border-color: #212121;
  color: #fff;
  text-shadow: none;
}

body.mobile .ui-page-theme-a a,
body.mobile .ui-page-theme-a a:visited,
body.mobile .ui-page-theme-a a:hover,
body.mobile a,
body.mobile a:link,
body.mobile a:visited {
  color: #fff;
  text-shadow: none;
}

/* Header / footer — same black bar as desktop */
html {
  background: #1c2228;
}

body.mobile .ui-header,
body.mobile .ui-footer,
body.mobile .ui-bar-a,
body.mobile .ui-page-theme-a .ui-bar-inherit,
body.mobile .ui-bar-inherit {
  background: #000;
  border-color: #000;
  color: #fff;
  text-shadow: none;
}

body.mobile .ui-header .ui-title,
body.mobile .ui-footer .ui-title,
body.mobile .ui-bar-inherit .ui-title {
  color: #fff;
  text-shadow: none;
}

body.mobile .ui-content {
  background: #1c2228;
  color: #fff;
  text-shadow: none;
}

body.mobile p {
  color: hsla(0, 0%, 100%, 0.7);
}

/* Buttons */
body.mobile .ui-btn,
body.mobile .ui-page-theme-a .ui-btn,
body.mobile .ui-bar-a .ui-btn,
body.mobile .ui-body-a .ui-btn,
body.mobile .ui-page-theme-a .ui-btn:hover,
body.mobile .ui-page-theme-a .ui-btn:focus,
body.mobile input.button,
body.mobile input[type="submit"],
body.mobile input[type="button"] {
  background: #353f4a;
  border-color: #212121;
  color: #fff;
  text-shadow: none;
}

body.mobile input#_login,
body.mobile input[name="_login"],
body.mobile #_login,
body.mobile .ui-page-theme-a #_login,
body.mobile .ui-page-theme-a .ui-btn#_login,
body.mobile .ui-page-theme-a .ui-btn#_login:hover,
body.mobile #login .ui-input-btn,
body.mobile #form_login .ui-input-btn,
body.mobile #form_login .ui-btn.ui-input-btn {
  background: #13d389 !important;
  border-color: #11bc7a !important;
  color: #11181d !important;
  text-shadow: none !important;
}

body.mobile .ui-page-theme-a .ui-btn.ui-btn-active,
body.mobile .ui-btn-active,
body.mobile .ui-state-persist,
body.mobile .ui-navbar .ui-btn.ui-btn-active {
  background: #13d389;
  border-color: #11bc7a;
  color: #11181d;
  text-shadow: none;
}

body.mobile .ui-header .ui-btn,
body.mobile .ui-footer .ui-btn,
body.mobile .ui-navbar .ui-btn {
  background: transparent;
  border-color: transparent;
  color: #fff;
}

body.mobile .ui-header .ui-btn.ui-btn-active,
body.mobile .ui-footer .ui-btn.ui-btn-active,
body.mobile .ui-navbar .ui-btn.ui-btn-active {
  background: #13d389;
  color: #11181d;
}

/* Listviews */
body.mobile .ui-listview,
body.mobile .ui-listview > li,
body.mobile .ui-listview > .ui-li-static,
body.mobile .ui-listview > .ui-li-divider,
body.mobile .ui-listview > li > a.ui-btn {
  background: #20272e;
  border-color: #212121;
  color: #fff;
  text-shadow: none;
}

body.mobile .ui-listview > li > a.ui-btn:hover,
body.mobile .ui-listview > li > a.ui-btn:focus {
  background: #303946;
}

body.mobile .ui-listview > .ui-li-divider {
  background: #262f38;
  color: hsla(0, 0%, 100%, 0.7);
}

body.mobile .ui-li-count,
body.mobile .ui-listview .ui-li-count {
  background: #353f4a;
  border-color: #212121;
  color: #fff;
  text-shadow: none;
}

/* Forms / login */
body.mobile label,
body.mobile legend,
body.mobile #loginhead,
body.mobile #loginfoot,
body.mobile #loginfoot.copyright,
body.mobile .copyright,
body.mobile .copyright a {
  color: hsla(0, 0%, 100%, 0.7);
  text-shadow: none;
}

body.mobile .ui-input-text,
body.mobile .ui-input-search,
body.mobile input.text,
body.mobile input[type="text"],
body.mobile input[type="password"],
body.mobile input[type="number"],
body.mobile textarea,
body.mobile select {
  background: #262f38;
  border-color: #212121;
  color: #fff;
  text-shadow: none;
}

body.mobile .ui-input-text input,
body.mobile .ui-input-search input,
body.mobile .ui-input-text textarea {
  background: transparent;
  color: #fff;
}

body.mobile h2.login_separator {
  border-bottom-color: #212121;
}

body.mobile h2.login_separator span {
  background-color: #1c2228;
  color: #fff;
}

/* Select2 leftovers from theme.css stay light — force dark */
body.mobile .select2.select2-container,
body.mobile .select2.select2-container .select2-selection--single,
body.mobile .select2.select2-container .select2-selection--single .select2-selection__rendered {
  background-color: #262f38;
  border-color: #212121;
  color: #fff;
}

body.mobile .select2-dropdown,
body.mobile .select2-container--open .select2-dropdown {
  background-color: #20272e;
  border-color: #212121;
  color: #fff;
}

body.mobile .select2-results__option {
  color: #fff;
}

body.mobile .select2-results__option[aria-selected="true"],
body.mobile .select2-results__option--highlighted[aria-selected] {
  background-color: #303946;
}

/* Tables: leftover light cells in modern-dark mobile rules */
body.mobile table.dataset tr.header {
  color: #fff;
}

body.mobile td.nonstatus {
  background-color: #20272e;
  color: #fff;
}

body.mobile table.data td,
body.mobile table.dataset > tbody > tr.data > td {
  border-color: #212121;
}

body.mobile div.command_group a,
body.mobile div.popup_trigger > div.popup_menu a {
  color: #fff;
}

/* Collapsible command groups */
body.mobile .ui-collapsible-inset,
body.mobile .ui-collapsible-heading .ui-btn,
body.mobile .ui-collapsible-content {
  background: #20272e;
  border-color: #212121;
  color: #fff;
  text-shadow: none;
}

/* Loader / popups / overlays */
body.mobile .ui-loader,
body.mobile .ui-loader-default,
body.mobile .ui-popup-container .ui-popup,
body.mobile .ui-popup {
  background: #20272e;
  border-color: #212121;
  color: #fff;
  text-shadow: none;
}

body.mobile .ui-overlay-shadow,
body.mobile .ui-shadow,
body.mobile .ui-btn-shadow {
  box-shadow: none;
}

/* Icons: keep the white glyph, use a muted disc on dark chrome */
body.mobile .ui-icon-shadow {
  box-shadow: none;
}

body.mobile .ui-header .ui-icon,
body.mobile .ui-footer .ui-icon,
body.mobile .ui-navbar .ui-icon {
  background-color: #353f4a;
}

body.mobile .ui-btn-active .ui-icon,
body.mobile .ui-navbar .ui-btn-active .ui-icon {
  background-color: #11181d;
}

/* Fieldcontain / filter page */
body.mobile .ui-field-contain,
body.mobile li[data-role="fieldcontain"] {
  border-color: #212121;
  background: transparent;
  color: #fff;
}

body.mobile .ui-checkbox label,
body.mobile .ui-radio label {
  background: #20272e;
  border-color: #212121;
  color: #fff;
  text-shadow: none;
}