.popover.black {
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  background-color: #202020;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  color: white;
}
.popover.black > .popover-inner > .popover-title {
  background-color: #181818;
  border-bottom: 1px solid #0b0b0b;
  font-weight: bold;
  color: silver;
}
.popover.black.top > .arrow {
  border-top-color: #666666;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.popover.black.top > .arrow:after {
  border-top-color: black;
}
.popover.black.right > .arrow {
  border-right-color: #666666;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.black.right > .arrow:after {
  border-right-color: black;
}
.popover.black.bottom > .arrow {
  border-bottom-color: #666666;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.black.bottom > .arrow:after {
  border-bottom-color: black;
}
.popover.black.left > .arrow {
  border-left-color: #666666;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.black.left > .arrow:after {
  border-left-color: black;
}

.popover.color-default-popover {
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  background-color: #393939;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #393939;
  border: 1px solid #393939;
  border-radius: 6px;
  color: white !important;
}

.popover.color-default-popover > .popover-inner > .popover-title {
  background-color: #393939;
  border-bottom: 1px solid #393939;
  font-weight: bold;
  color: silver !important;
}

.popover.color-default-popover.top > .arrow {
  border-top-color: #393939;
  border-top-color: #393939;
}

.popover.color-default-popover.top > .arrow:after {
  border-top-color: #393939;
}
.popover.color-default-popover.right > .arrow {
  border-right-color: #393939;
  border-right-color: #393939;
}

.popover.color-default-popover.right > .arrow:after {
  border-right-color: #393939;
}

.popover.color-default-popover.bottom > .arrow {
  border-bottom-color: #393939;
  border-bottom-color: #393939;
}

.popover.color-default-popover.bottom > .arrow:after {
  border-bottom-color: #393939;
}

.popover.color-default-popover.left > .arrow {
  border-left-color: #393939;
  border-left-color: #393939;
}

.popover.color-default-popover.left > .arrow:after {
  border-left-color: #393939;
}

.popover.color-second-popover {
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  background-color: #ECE9E9;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ECE9E9;
  border: 1px solid #ECE9E9;
  border-radius: 6px;
  color: #333333 !important;
}

.popover.color-second-popover > .popover-inner > .popover-title {
  background-color: #ECE9E9;
  border-bottom: 1px solid #ECE9E9;
  font-weight: bold;
  color: #333333 !important;
}

.popover.color-second-popover.top > .arrow {
  border-top-color: #ECE9E9;
  border-top-color: #ECE9E9;
}

.popover.color-second-popover.top > .arrow:after {
  border-top-color: #ECE9E9;
}

.popover.color-second-popover.right > .arrow {
  border-right-color: #ECE9E9;
  border-right-color: #ECE9E9;
}

.popover.color-second-popover.right > .arrow:after {
  border-right-color: #ECE9E9;
}

.popover.color-second-popover.bottom > .arrow {
  border-bottom-color: #ECE9E9;
  border-bottom-color: #ECE9E9;
}

.popover.color-second-popover.bottom > .arrow:after {
  border-bottom-color: #ECE9E9;
}

.popover.color-second-popover.left > .arrow {
  border-left-color: #ECE9E9;
  border-left-color: #ECE9E9;
}

.popover.color-second-popover.left > .arrow:after {
  border-left-color: #ECE9E9;
}

.popover.color-third-popover {
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  background-color: #808080;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #808080;
  border: 1px solid #808080;
  border-radius: 6px;
  color: white;
}

.popover.color-third-popover > .popover-inner > .popover-title {
  background-color: #808080;
  border-bottom: 1px solid #808080;
  font-weight: bold;
  color: white;
}

.popover.color-third-popover.top > .arrow {
  border-top-color: #808080;
  border-top-color: #808080;
}

.popover.color-third-popover.top > .arrow:after {
  border-top-color: #808080;
}

.popover.color-third-popover.right > .arrow {
  border-right-color: #808080;
  border-right-color: #808080;
}

.popover.color-third-popover.right > .arrow:after {
  border-right-color: #808080;
}

.popover.color-third-popover.bottom > .arrow {
  border-bottom-color: #808080;
  border-bottom-color: #808080;
}

.popover.color-third-popover.bottom > .arrow:after {
  border-bottom-color: #808080;
}

.popover.color-third-popover.left > .arrow {
  border-left-color: #808080;
  border-left-color: #808080;
}

.popover.color-third-popover.left > .arrow:after {
  border-left-color: #808080;
}

.popover-condensed .popover-content { padding: 0px; }
.popover-sm { width: 200px; }
.popover-md { width: 250px; }

.popover-errors { border: 1px solid #A94442; }
.popover-errors:hover { z-index: 1070; }
.popover-errors ul li { list-style: disc; text-transform: lowercase; }
.popover-errors ul li::first-letter { text-transform: uppercase; }

.popover-static .popover { position: relative; display: block; float: left; margin-top: -5px; }
.popover-static .popover .arrow.left { left: 50px; }

.popover-template { min-width: 300px; }

.popover-x { margin-top: -38px; }

.popover-list {
  height: 350px;
  overflow-y: scroll;
}

.popover-short-list {
  height: 150px;
  overflow-y: scroll;
}

.popover.popover--lg {
  max-width: 500px !important;
}

.popover.popover--max-width-250 {
  max-width: 250px !important;
}

.popover-more-items-container {
  width: 275px;
  max-height: 150px;
  overflow-y: auto;
  margin-left: 5px;
  padding-left: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px !important;
  flex-direction: row;
  justify-content: flex-start;
  position: initial !important;
}

.popover-more-items-container::-webkit-scrollbar {
  width: 6px;
}

.popover-more-items-container::-webkit-scrollbar-thumb {
  background: #c8c5c5;
  border-radius: 15px;
}

.popover-more-items-button {
  margin: 10px 0px;
  width: 100%;
}

.popover-more-items-item {
  width: 60px;
  top: 0;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  box-sizing: content-box;
  margin-bottom: 0 !important;
}

.popover-more-items-link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transform: none;
  top: auto;
}

.no-height {
  padding: 0px 10px;
}

.add-height {
  padding: 3px 5px;
}