/*
**  Redmine Dashboard UI
*/

/* =========================================================
** Dashboard Drop-Down-Menus
*/

/* menu item */
.rdb-menu {
  position: relative;
  display: inline-block;
}

.rdb-menu a.rdb-menu-link {
  padding-right: 18px;
}

.rdb-menu h1 a.rdb-menu-link,
.rdb-menu h2 a.rdb-menu-link,
.rdb-menu h3 a.rdb-menu-link,
.rdb-menu h4 a.rdb-menu-link,
.rdb-menu h5 a.rdb-menu-link {
  padding-top: 1px;
  padding-bottom: 1px;
}

.rdb-menu a.rdb-menu-link::before {
  position: absolute;
  top: 45%;
  right: 6px;
  display: inline-block;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #888;
  content: "";
}

.rdb-menu a.rdb-menu-link:hover,
.rdb-menu-active a.rdb-menu-link {
  background-color: #eee;
}

/* =========================================================
** Dashboard UI Container
*/

/* menu container */
.rdb-container {
  position: absolute;
  left: -99999px;

  z-index: 1000;
  display: none;
  visibility: hidden;

  margin: 7px 0 0 0;
  padding: 0;

  border: 1px solid #ccc;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}

.rdb-container-wrapper {
  overflow: auto;

  min-width: 160px;
  max-height: 400px;
  padding: 0 1px;
}
.rdb-container-wrapper::-webkit-scrollbar {
  width: 5px;
  background-color: #eee;
}
.rdb-container-wrapper::-webkit-scrollbar-thumb {
  background-color: #bbb;
}

.rdb-container::before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}
.rdb-container::after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  border-left: 6px solid transparent;
  content: "";
}

.rdb-container-right::before {
  left: auto;
  right: 6px;
}
.rdb-container-right::after {
  left: auto;
  right: 7px;
}

.rdb-container-inlet {
  padding: 4px 8px;
}

.rdb-menu-active .rdb-container,
.rdb-container.rdb-visible {
  display: block;
  visibility: visible;
  left: -3px;
}

.rdb-menu-active .rdb-container-right,
.rdb-container-right.rdb-visible {
  display: block;
  visibility: visible;
  left: auto;
  right: -4px;
}

.rdb-container h3 {
  margin: 0;
  padding: 1px 6px 1px;
  font-size: 0.9em;
  font-weight: normal;
}

.rdb-container h3 ~ ul {
  padding-top: 0;
}

/* =========================================================
** Dashboard Container List
*/

.rdb-container .rdb-list {
  border-bottom: 1px solid #ccc;
}
.rdb-container .rdb-list:last-child {
  border-bottom: none;
}

.rdb-small .rdb-list {
  font-size: 0.9em;
}

.rdb-list > ul {
  list-style: none;
  padding: 4px 0 2px;
  margin: 0;
}

.rdb-small .rdb-list > ul {
  padding-top: 2px;
  padding-bottom: 2px;
}

.rdb-list > ul > li > a,
.rdb-list .rdb-multicheck a {
  display: block;
  padding: 6px 10px 6px 10px;
  margin: 0 0 1px 0;
}

.rdb-small .rdb-list > ul > li > a,
.rdb-small .rdb-multicheck a {
  padding-top: 4px;
  padding-bottom: 4px;
}

.rdb-icons .rdb-list > ul > li > a {
  padding-left: 28px;
}

.rdb-list > ul > li > a:hover,
.rdb-list .rdb-multicheck a:hover,
.rdb-list .rdb-multicheck a.rdb-checkbox-link:hover ~ a {
  background-color: #eee;
}
.rdb-list .rdb-multicheck {
  display: table;
  width: 100%;
}
.rdb-list .rdb-multicheck a {
  padding-left: 5px;
  padding-right: 5px;
  display: table-cell;
}

.rdb-list .rdb-multicheck a.rdb-checkbox-link {
  padding-right: 0;
  padding-left: 24px;
  margin-right: 4px;
  /*float: left;*/
  width: 1px;
  height: 1em;
  background-position: 4px 50%;
}

/* =========================================================
** Dashboard Checkbox Links
*/

.rdb-checkbox-link {
  padding-left: 20px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 2px 50%;
}

.rdb-checkbox-link.rdb-checkbox-link-enabled {
  background-image: url(../../../images/true.png);
}

.rdb-checkbox-link.rdb-checkbox-link-disabled {
  background-image: url(img/disabled_true.png);
}

.rdb-list > ul > li > a.rdb-checkbox-link {
  padding-left: 28px;
  background-position: 6px 50%;
}