/*********
 * Setup
 *********/
html.ltr body.setup div#header-left .plugtop {
  margin-left: 80px;
}
html.rtl body.setup div#header-left .plugtop {
  margin-right: 80px;
}
body.setup .plugin-window {
  border-radius: 5px;
}
/* default.*/
div.default {
  padding: 2px 10px;
  vertical-align: middle;
}
#menucell.setup-navigation {
  width: 200px;
}
#menucell.setup-navigation li.menuitem {
  /* The box used for each setup step */
  text-decoration: none;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#menucell.setup-navigation li.menuitem > a {
  margin: 0;
}
#menucell.setup-navigation li.menuitem.menucurrent a.navigation-title {
  /* An enabled setup step will use this style in navigation */
  cursor: default;
}
#menucell.setup-navigation li.menuitem.disabled a.navigation-title {
  /* Disabled setup steps */
  cursor: default;
  color: #c0c2c3;
}
#menucell.setup-navigation li.menuitem a.navigation-title {
  /* Setup steps */
  color: #31363b;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  padding-top: 3px;
  padding-bottom: 3px;
}
#menucell.setup-navigation li.menuitem a.navigation-info {
  /* The style for the info of an active setup */
  font-size: 12px;
  color: #31363b;
  margin: 0;
  cursor: default;
}
html.ltr #menucell.setup-navigation li.menuitem a.navigation-info {
  padding: 4px 4px 3px 15px;
}
html.rtl #menucell.setup-navigation li.menuitem a.navigation-info {
  padding: 4px 15px 3px 4px;
}
.setup-language select#lang_selected {
  width: 100%;
}
/*
  Setup step 2 styles
*/
/* used to hide display info div */
div.solution-visible {
  display: block;
  width: 100%;
}
html.ltr div.solution-visible {
  text-align: left;
}
html.rtl div.solution-visible {
  text-align: right;
}
/* Container for name and status */
div.step2-entry-container {
  padding: 3px;
  width: 99%;
  cursor: default;
}
/* Container for name and status, when status is failed */
div.step2-entry-container-info {
  padding: 3px;
  border: 1px solid #c0c2c3;
  width: 99%;
  cursor: default;
}
/* Text shown for each entry */
div.step2-entry-name {
  padding-bottom: 4px;
  vertical-align: middle;
}
html.ltr div.step2-entry-name {
  float: left;
}
html.rtl div.step2-entry-name {
  float: right;
}
/* Status container */
div.step2-entry-status {
  float: none;
  padding-bottom: 4px;
  vertical-align: middle;
}
html.ltr div.step2-entry-status {
  text-align: right;
}
html.rtl div.step2-entry-status {
  text-align: left;
}
/* Status failed */
div.step2-failed {
  color: #dd0000;
  padding-bottom: 4px;
}
/* Status failed but not necessary for setup */
div.step2-warning {
  color: orange;
  padding-bottom: 4px;
}
/* Status successful */
div.step2-successful {
  color: #378a00;
}
/* Text used in info div. */
div.step2-failed-text,
div.step2-warning-text {
  background-repeat: no-repeat;
}
html.ltr div.step2-failed-text,
html.ltr div.step2-warning-text {
  padding-left: 25px;
}
html.rtl div.step2-failed-text,
html.rtl div.step2-warning-text {
  padding-right: 25px;
}
/* On small screens */
@media (max-width: 640px) {
  body.setup a.plugtop img {
    height: 32px;
  }
  html.ltr body.setup div#header-left .plugtop {
    margin-left: 0;
  }
  html.rtl body.setup div#header-left .plugtop {
    margin-right: 0;
  }
}