/* main header elements ------------------------------------------------- */
img.logobug {
  margin: 6px .5rem 6px 0;
  min-width: 48px;
  max-width: 48px;
}
.logobug-wrapper {
  white-space: nowrap;
  flex: 0 1 56px;
}
header h1 {
  line-height: 1.4;
  padding-right: 1rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1 1 0%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 3;
}
header h1 .icon {
  padding: 0 .5rem;
  font-size: inherit;
}
.about-text {
  font-size: .75rem;
  font-weight: 400;
  flex: 1 1 0%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  letter-spacing: .025rem;
  line-height: 1rem;
}
.about-text a {
  color: #fff;
  font-weight: 600;
}
.about-text a:hover {
  text-decoration: underline;
}
.menu-icon {
  display: none;
}
.header-controls {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 1 1 0%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 2;
}
.header-controls:empty {
  width: 0;
  flex-grow: 0;
}
.borderless .filter-input {
  border: 1px solid #fff;
  background-color: #fff;
  width: 280px;
}
.menu-icon {
  display: none;
}

/* HYPERLINKS PER FUNCTIONAL AREA --------------------------------------- */
/* nav header utility links --------------------------------------------- */
.nav-header a {
  display: inline-block;
  font-size: .75rem;
  color: #888;
  padding: 0 .5rem 0 1rem;
  vertical-align: top;
}
.nav-header a:link {
  color: #888;
}
.nav-header a:visited {
  color: #888;
}
.nav-header a:hover {
  color: #3c7ac2;
}
.nav-header a:active {
  color: #689fde;
}

/* header title/hyperlink for "back to" on child pages ------------------ */
h1 a,
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
  cursor: pointer;
}

/* header area ACTION links --------------------------------------------- */
.header-controls a {
  display: inline-block;
  font-size: .961rem;
  padding: .25rem .5rem;
  font-weight: 600;
  letter-spacing: .025rem;
  border: 1px solid #4287d6;
  margin-left: .25rem;
  color: #fff;
}
.header-controls a:link {
  color: #fff;
}
.header-controls a:visited {
  color: #fff;
}
.header-controls a:hover {
  color: #fff;
  border-color: #fff;
  transition: none;
}
.header-controls a:active {
  color: #d8dde4;
  border: 1px solid #4287d6;
}
.header-controls a[disabled] {
  color: #d1d1d1;
}

/* sub-navigation tabs -------------------------------------------------- */
.sub-nav a {
  font-size: .875rem;
  font-weight: 400;
  cursor: pointer;
  padding: 0 2.5rem 2px 2rem;
  color: #fff;
  position: relative;
}
.sub-nav a:hover {
  background-color: #79aae4
}
.sub-nav a:hover:after {
  font-family: FontAwesome;
  content: "\f107";
  position: absolute;
  right: 1rem;
}
.sub-nav a.selected {
  background-color: #79aae4;
}
.sub-nav a.selected:after {
  font-family: FontAwesome;
  content: "\f107";
  position: absolute;
  right: 1rem;
}
.sub-nav a.toggle-subnav:hover:after,
.sub-nav a.toggle-subnav.selected:after {
  content: " "!important;
}
.dropdown-menu-select-like a:hover,
.dropdown-menu-select-like a.selected {
  background-color: #f5f5f5!important;
}
.dropdown-menu-select-like a:hover:after,
.dropdown-menu-select-like a.selected:after {
  content: " "!important;
}
/* nav sidebar links ---------------------------------------------------- */
.nav-sidebar a {
  font-size: 1rem;
  display: block;
  padding: .25rem .75rem .25rem 0;
  text-align: right;
  white-space: nowrap;
  border-right: 4px solid #fff;
  opacity: 1;
  transition: all .3s;
}
.nav-sidebar a:hover {
  border-right: 4px solid #c6dbf2;
}
.nav-sidebar a.currentnav,
.nav-sidebar .currentnav a {
  border-right: 4px solid #669ee0;
  color: #333;
}

/* tab navigation -> "pills" -------------------------------------------- */
.pills {
  white-space: nowrap;
}
.pills a {
  color: #333;
  font-size: .961rem;
  font-weight: 400;
  display: inline-block;
  padding: .25rem .75rem;
  border-radius: 1rem;
  cursor: pointer;
}
.pills.pills-small a {
  display: table;
  font-size: .875rem;
  padding: .125rem .5rem;
  margin-bottom: .5rem;
}
.pills a:hover {
  background-color: #b3cfef;
}
.pills a.selected {
  background-color: #7babe2;
  color: #fff !important;
}
.pills a.selected:hover {
  background-color: #7babe2 !important;
  color: #fff;
  cursor: default;
}

/* COMPONENTS W/ ICONS ------------------------------------------------------ */
.inprogress:after {
  font-family: FontAwesome;
  content: "\f110";
  font-size: .925rem;
  color: #999;
  position: absolute;
  top: 4px;
  right: 0;
  display: inline-block;
  -webkit-animation: fa-spin .5s infinite linear;
  animation: fa-spin .5s infinite linear;
}
/* inserts down-caret triangle before items with .has-menu ------------------ */
.has-menu:after {
  font-family: FontAwesome;
  content: "\f0d7";
  color: #333;
  position: absolute;
  right: .5rem;
}
.nav-header .has-menu:after {
  font-family: FontAwesome;
  content: "\f0d7";
  color: #999;
}
.menu-sortable-link.has-menu:after {
  right: -.75rem;
}

/* inserts right-caret triangle & down-caret before items with .disclosure */
.disclosure {
  position: relative;
  padding-left: 1.5rem;
  cursor: pointer;
  text-decoration: none;
}
.disclosed {
  position: relative;
  padding-left: 1.5rem;
  cursor: pointer;
  text-decoration: none;
}
.disclosure:before {
  font-family: FontAwesome;
  content: "\f0da";
  font-size: 1.125rem;
  width: 1rem;
  text-align: center;
  color: #333;
  position: absolute;
  left: 0;
  text-decoration: none;
}
.disclosure:before {
  top: -1px;
}
.lower.disclosure:before {
  top: 0;
}
.higher.disclosure:before {
  top: -2px;
}
.disclosure.medium {
  padding-left: 1.25rem;
}
.disclosed:before {
  font-family: FontAwesome;
  content: "\f0d7";
  font-size: 1.125rem;
  width: 1rem;
  text-align: center;
  color: #333;
  position: absolute;
  top: -1px;
  left: 0;
  text-decoration: none;
}
.reverse.disclosure:before {
  font-family: FontAwesome;
  content: "\f0da";
  font-size: 1.125rem;
  width: 1rem;
  text-align: center;
  color: #333;
  position: absolute;
  top: -2px;
  left: 0;
  text-decoration: none;
}
.disclosure.tight {
  padding-left: 1.125rem !important;
}
.insights-sidebar-body .disclosure:before,
.insights-sidebar-body .disclosed:before {
  font-size: .85rem !important;
  color: #333;
}
/* search/filter control ------------------------------------------------ */
.filter-input-group {
  position: relative;
  border: 1px solid #ececec;
  border-width: 0 0 0 1px;
}
.filter-input {
  width: 320px;
}
/* inserts magnifying glass inside filter input field ------------------- */
.filter-input-group .fa-search-minus {
  color: #a1a1a1;
  position: absolute;
  top: .5rem;
  right: .5rem;
}
/* inserts X circle (clear control) inside filter input field ----------- */
.filter-input-group .fa-times-circle {
  color: #888;
  font-size: 20px !important;
  position: absolute;
  top: .4rem;
  right: .4rem;
  cursor: pointer;
}

/* alert success icon --------------------------------------------------- */
.alert.alert-success p:before {
  font-family: FontAwesome;
  content: "\f00c";
  font-size: 1.125rem;
  color: #2ca01c;
  position: absolute;
  left: .5rem;
}
/* alert warning icon --------------------------------------------------- */
.alert.alert-warning p:before {
  font-family: FontAwesome;
  content: "\f06a";
  font-size: 1.125rem;
  color: #f5a623;
  position: absolute;
  left: .5rem;
}
/* alert error icon ----------------------------------------------------- */
.alert.alert-error p:before {
  font-family: FontAwesome;
  content: "\f071";
  font-size: 1rem;
  color: #d65558;
  position: absolute;
  left: .5rem;
}
.check:before {
  font-family: FontAwesome;
  content: "\f00c";
  font-size: .925rem;
  color: #80c677;
  position: absolute;
  top: -2px;
  left: 0;
}
.filter:before {
  font-family: FontAwesome;
  content: "\f0b0";
  font-size: .925rem;
  color: #f9ca7b;
  position: absolute;
  top: -2px;
  left: 0;
}
/*  angle icon controls for up/down, left/right movement --------------- */
.angle-icon {
  font-size: 1.25rem!important;
  padding: .25rem .75rem;
  cursor: pointer;
  color: #a1a1a1;
  transition: all .25s;
}
.angle-icon:hover {
background-color: #ececec;
color: #333;
}
.angle-icon.left:before {
  content: "\f104";
}
.angle-icon.right:before {
  content: "\f105";
}
.angle-icon.up:before {
  content: "\f106";
}
.angle-icon.down:before {
  content: "\f107";
}

/* rebalance success icon ----------------------------------------------- */
.rebalance-stage-success:after {
  font-family: FontAwesome;
  content: "\f00c";
  font-size: .925rem;
  color: #80c677;
  position: absolute;
  top: 0;
  right: 0;
}
/* rebalance progress icon ----------------------------------------------- */
.rebalance-stage-inprogress:after {
  font-family: FontAwesome;
  content: "\f110";
  font-size: 1rem;
  color: #f7b84f;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  -webkit-animation: fa-spin .5s infinite ease;
  animation: fa-spin .5s infinite ease-in-out;
}
.rebalance-stage-inprogress-paused:after {
  -webkit-animation: none !important;
  animation: none !important;
}
/* rebalance status in progress icon --------------------------------------- */
.rebalance-status-inprogress:after {
  font-family: FontAwesome;
  content: "\f110";
  font-size: .925rem;
  color: #f7b84f;
  position: relative;
  top: 0;
  right: -4px;
  display: inline-block;
  -webkit-animation: fa-spin .5s infinite ease;
  animation: fa-spin .5s infinite ease;
}
/* rebalance error icon ----------------------------------------------- */
.rebalance-stage-error:after {
  font-family: FontAwesome;
  content: "\f071";
  font-size: .925rem;
  color: #e07f82;
  position: absolute;
  top: 0;
  right: 0;
}
/* search filter icons for focus charts  -------------------------------- */
.search-filter:before {
  font-family: FontAwesome;
  content: "\f010";
  font-size: .875rem;
  color: #a6b2bf;
  position: absolute;
  top: 6px;
  left: 0;
}
.search-filter-focus:before {
  font-family: FontAwesome;
  content: "\f010";
  font-size: 1.5rem;
  color: #a6b2bf;
  position: relative;
  top: 2px;
  left: 1rem;
}
/* CBUI FLEXBOX TABLES -------------------------------------------------  */
.cbui-table-body {
  background-color: #f6f7f9;
  border-radius: 7px;
  border: 1px solid #d8d8d8;
  padding: .25rem .5rem;
  cursor: default !important;
  margin-bottom: .25rem;
}
.cbui-table-body .cbui-tablerow {
  padding: 2px !important;
  font-size: .725rem;
}
.cbui-table-body div {
  border-bottom: 1px solid #d8d8d8;
  margin: 2px;
  padding-left: 6px;
}
.cbui-table-body section div:last-child {
  border-bottom: 4px !important;
}
.cbui-table-body section {
    padding: .25rem 0;
}
.cbui-table-body section:last-child {
  border-bottom: 0 !important;
}
.inner-table .cbui-table-header {
  border-bottom: 0;
}
.cbui-table {
  display: flex;
  flex-flow: column;
  font-size: .875rem;
  width: 100%;
  margin-bottom: 1rem;
}
.cbui-tablerow {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  position: relative;
  padding: .25rem 1rem;/*center items using padding
  since min-height and align-items doesn't work well in IE11*/
  margin: 0;
}
.cbui-tablerow.padding-left {
  padding-left: 1rem;
}
.cbui-tablerow.padding-left-0 {
  padding-left: 0;
}
.cbui-tablerow.padding-right-0 {
  padding-right: 0;
}
.cbui-tablerow.row-min {
  min-height: 1rem;
}
.cbui-tablerow.items-top {
  align-items: flex-start;
}
.cbui-table-header {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  position: relative;
  border-bottom: solid 1px #d1d1d1;
  font-size: .75rem;
  color: #555;
  min-height: 2.25rem;
  padding-left: 1.5rem;
  cursor: default;
}
.cbui-table-header-filled {
  display: flex;
  min-height: 1rem;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  position: relative;
  border-width: 0;
  font-size: .75rem;
  min-height: 2rem;
  background-color: #eceff2;
  cursor: default;
}
.cbui-table-header-filled.padding-left {
  padding-left: 1rem;
}
.cbui-table-header.padding-left {
  padding-left: 1rem;
}
.cbui-table-header .sorter {
  position: relative;
  padding-right: .75rem;
  cursor: pointer;
}
.cbui-table-header .dynamic-active:after {
  font-family: FontAwesome;
  content: "\f0d8";
  color: #555;
  position: absolute;
  right: 0;
}
.cbui-table-header .dynamic-inverted:after {
  font-family: FontAwesome;
  content: "\f0d7";
  color: #555;
  position: absolute;
  right: 0;
}
.cbui-tablerow-title {
  font-weight: 600;
  font-size: .961rem !important;
  padding-right: .25rem;
}
div.has-hover:hover,
section.has-hover:hover {
  background-color: #f6fafd;
  cursor: pointer;
}
section.has-hover:hover {
  background-color: #f6fafd;
  cursor: pointer;
}
.cbui-tablerow-expanded {
  padding: .5rem .5rem .5rem 1rem;
}
.cbui-tablerow-expanded:empty {
  padding: 0;
}
section.success {
  border-left: .5rem solid #80c677;
  color: #333;
}
section.warning {
  border-left: .5rem solid #f9ca7b;
  color: #333;
}
section.error {
  border-left: .5rem solid #e07f82;
  color: #333;
}

.disabled-tag {
  pointer-events: none;
  opacity: .3;
}

/* list of properties in the bucket details section --------------------- */
.cbui-table-bucketprops {
  line-height: 2.2;
  font-size: .75rem;
  flex: 0 1 auto;
  max-width: 280px;
}
/* list of properties in the servers details section -------------------- */
.cbui-table-props {
  font-size: .75rem;
  flex: 0 1 100%;
}
.cbui-table-props div {
  margin-top: .75rem;
  line-height: 1.3;
}
.cbui-table-props div:first-child {
  margin-top: 0;
}
/* usage meters in the servers & buckets details sections --------------- */
.cbui-table-meters {
  margin: 1rem 2rem 0 2rem;
  flex: 0 1 100%;
}
.cbui-table-meters + .cbui-table-meters {
  margin: 1rem 2rem 0 1rem;
}
.cbui-table-meters.buckets .row {
  display: block;
}
.cbui-table-meters.buckets .row span {
  display: block;
}
.cbui-table-meters.servers .bar-usages .label-bottom-1.with-square:before {
  background-color: #efebe0;
}
.cbui-table-meters .bar-usages {
  margin-bottom: 1rem;
}
/* table cell-related stuff --------------------------------------------- */
.cbui-table-cell {
  flex: 1 1 0%; /*flex-basis must have unit, it's important for IE11*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 1rem;
  margin: auto 0;
}
.cbui-table-cell.status {
  flex: 0 1 .5rem;
  min-height: 3rem;
  margin-right: 1rem;
  padding-right: 0;
}
.cbui-table-cell.status.success {
  background-color: #56b349;
}
.cbui-table-cell.status.warning {
  background-color: #f9ca7b;
}
.cbui-table-cell.status.error {
  background-color: #e07f82;
}
/* flex-grow factors control column width ------------------------------- */
.cbui-table-cell.flex-grow-0 {
  flex-grow: 0;
}
.cbui-table-cell.flex-grow-half {
  flex-grow: .5;
}
.cbui-table-cell.flex-grow-1 {
  flex-grow: 1;
}
.cbui-table-cell.flex-grow-1-5 {
  flex-grow: 1.5;
}
.cbui-table-cell.flex-grow-2 {
  flex-grow: 2;
}
.cbui-table-cell.flex-grow-2-5 {
  flex-grow: 2.5;
}
.cbui-table-cell.flex-grow-3 {
  flex-grow: 3;
}
.cbui-table-cell.wrap {
  white-space: normal;
  overflow: visible;
}
.cbui-tablerow .cbui-table-cell:last-child {
  padding-right: 0;
}
/* .cbui-table .icon {
  font-size: .75rem;
} */
.force-icon-size-16 .icon {
  font-size: 1rem !important; /* hack for collections filter icon */
}
/* .cbui-table-header .icon,
.cbui-table-header-filled .icon {
  color: #555;
  font-size: .75rem;
  margin-left: .5rem;
} */

/* PANEL DIALOGS -------------------------------------------------------- */
.panel {
  background-color: #fff;
  border: none;
  border-radius: 3px 3px 2px 2px;
  box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.25);
  z-index:0;
  margin-bottom: 2.5rem;
}
.panel-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #4287D6;
  color: #fff;
  border-radius: 3px 3px 0px 0px;
  padding: 0 1rem;
  min-height: 3rem;
  height: 1px;
  overflow: hidden;
}
.panel-header.flex-left {
  justify-content: flex-start;
}
.panel-content {
  padding: 1rem;
  font-size: .961rem;
  z-index: 1;
}
.panel-footer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid #ececec;
  margin-bottom: 0 !important;
  padding: .75rem 1rem;
  position: relative;
  background-color: #fff;
  z-index: 6;
}
.panel-footer.spaced {
  justify-content: space-between;
}
.panel-footer a {
  margin-right: 1.5rem;
  font-size: .961rem;
}
.panel-footer a.tight {
  margin-right: .75rem;
}

.dialog-resizable {
  overflow: hidden;
  resize: both;
}
.dialog-resizable .panel-footer { /* disable the click events so drag resize works */
  pointer-events: none;
  margin-bottom: .75rem !important;
  padding: .75rem 1rem 0 1rem;
}
.dialog-resizable .panel-footer button,
.dialog-resizable .panel-footer a
 {
  pointer-events: all; /* re-enable pointer events for just these items */
}
/* medium-width modal dialog (uses .panel) --------------------------------- */
.dialog-med {
  width: 530px;
}
.dialog-med .panel-content {
  padding: 1rem;
  margin-bottom: .5rem;
}

/* adds white "shadow" above footer or below header to indicate scrollability
   when max-height is set on contents ----------------------------------- */
.panel-footer.scroll-shadow {
  box-shadow: 0 -34px 28px -12px #fff;
}
.scroll-shadow-top {
  box-shadow: 0 16px 24px 10px #fff;
}
.filter-input-group.scroll-shadow-top {
  z-index: 2;
}

/* for an un-closable modal dialog -------------------------------------- */
.without-titlebar-close .ui-dialog-titlebar-close {
  display: none;
}

/* small-width modal dialog (uses .panel) ------------------------------- */
.dialog-small .panel-header {
  padding: 0 1rem;
}
.dialog-small .logobug {
  margin: 0 .5rem 0 0;
  min-width: 40px;
  max-width: 40px;
}
.dialog-small h2 {
  flex:1 1 auto;
}
.dialog-small {
  width: 380px;
}
.dialog-small .panel-footer {
  border: 0;
  padding: 0 1rem 1rem 1rem;
}

/* delete and other confirmation dialogs -------------------------------- */
.fa-warning + p {
  margin: .25rem 0 .5rem 1rem;
  line-height: 1.4;
}

/* setup dialog (uses .panel) ------------------------------------------- */
.dialog-wizard  .panel-footer {
  justify-content: space-between;
}

/* setup and sign-in page background ------------------------------------ */
.sign-in-background {
  background: #eceff2;
  height: 4rem;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}
.dialog-wizard label.text-small {
  font-size: .875rem;
}
/* additional styles for login with client certificate */
.cert-signin {
  margin-bottom: 1.5rem;
  text-align: center;
}
.cert-signin-or-container {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .725rem;
  color: #999;
}
.cert-signin-line {
  height: 1px;
  border-top: 1px solid #d1d1d1;
  flex: 1 0 auto;
  margin: 0 1rem;
}
.cert-signin button {
  margin: 0 auto;
}

/* large-width modal dialog (uses .panel) ------------------------------- */
.dialog-lg {
  width: 640px;
}

/* extra-large-width modal dialog (uses .panel) ------------------------------- */
.dialog-xlg {
  width: 800px;
}

/* LABELS & BADGES ------------------------------------------------------ */
.label {
  font-size: .688rem;
  font-weight: 400;
  display: inline-block;
  line-height: 1.1;
  color: #000;
  text-align: center;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 2px;
  padding: 1px 3px 3px 3px;
  position: relative;
  white-space: nowrap;
}
.label.up {
  top: -4px;
}
.label.cell-label {
  top: 2px;
  position: relative;;
}
.label.lt-blue {
  background-color: #d9e7f7;
}
.label.neutral {
  background-color: #ececec;
}
.label.red {
  background-color: #cc2a2e;
  color: #fff;
}
.label.green {
  background-color: #bfe2ba;
}
.label.warning {
  background-color: #fdedd3;
}

.badge {
  padding: .3rem .4rem;
  min-width: 1rem;
  border-radius: 1rem;
  line-height: .6;
  position: relative;
  left: -12px;
  top: -8px;
}
.activities .badge {
  background-color: #f5a623;
  color: #fff;
  left: -1px;
  top: 0;
  padding: .275rem;
}
.replications.badge {
  background-color: #f5a623;
  color: #fff;
  left: -1px;
  top: -3px;
  padding: .275rem;
}
.badge.notify {
  background-color: #d9e7f7;
  color: #333;
  left: 0;
  top: -2px;
  padding: 4px;
}
.badge.notify:hover {
  background-color: #d8dde4;
  color: #000;
}
.badge.red-3 {
  color: #fff;
  background-color: #e07f82;
}
.badge.orange-1 {
  color: #fff;
  background-color: #f5a623;
}

/* alerts  -------------------------------------------------------------- */
.animate-alert.ng-move,
.animate-alert.ng-enter,
.animate-alert.ng-leave {
  transition: all ease .8s;
}
.animate-alert.ng-leave.ng-leave-active,
.animate-alert.ng-move,
.animate-alert.ng-enter {
  opacity: 0;
  max-height: 0;
}
.animate-alert.ng-leave,
.animate-alert.ng-move.ng-move-active,
.animate-alert.ng-enter.ng-enter-active {
  opacity: 1;
  max-height: 4rem;
}
.alert-wrapper {
  z-index: 99;
  max-width: 320px;
}
.alert {
  font-size: .75rem;
  font-weight: 600;
  color: #333;
  position: relative;
}
.alert .close {
  position: absolute;
  right: .5rem;
  top: .75rem;
  font-size: 1rem;
}
.alert p {
  margin: 0;
  display: inline-block;
  position: relative;
  line-height: 1rem;
  padding: 1rem 2rem;
}
.alert a {
  font-weight: 600;
}
.alert a:hover {
  text-decoration: underline;
}
.alert .close:hover {
  text-decoration: none;
}
.alert-success {
  background-color: #e9f5e8;
}
.alert-success a,
.alert-success span
 {
  color: #0a8754;
}
.alert-warning {
  background-color: #fdebcf;
  margin-bottom: 2px;
}
.alert-warning a,
.alert-warning span {
  color: #f5a623;
  text-transform: uppercase;
  font-size: .825rem;
}
.alert-error {
  background-color: #f8dfe0;
}
.alert-error a,
.alert-error span {
  color: #cc2a2e;
}

/* statistic charts ----------------------------------------------------- */
.chart-small {
  background-color: #fff;
  border: 1px solid #d1d1d1;
  display: table;
  margin: 0 auto .25rem auto;
}
.chart-cell-small {
  border: 4px solid #fff;
  border-width: 2px 4px;
  padding: .5rem .5rem .25rem .5rem;
  text-align: center;
  font-size: .688rem;
  color: #333;
  font-weight: 600;
  display: inline-block;
  cursor: pointer;
  position: relative;
  line-height: 1.2;
  width: 174px;
}
.chart-cell-tiny {
  text-align: center;
  font-size: .688rem;
  color: #000;
  display: inline-block;
  cursor: pointer;
  background-color: #fff;
  border: none;
  border-radius: 3px 3px 2px 2px;
  box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.25);
  margin: 0 .25rem .5rem 0;
  padding: .25rem 0;
  max-width: 240px;
}
.chart-cell-tiny .yAxis text,
.chart-cell-tiny .xAxis text {
  font-size: 9px;
  font-family: OpenSans;
}
.chart-column-headers {
  padding: 0 0 .5rem 0;
  margin: 0 0 .5rem 0;
  text-align: center;
  display: inline-block;
  width: 25%;
}
.columns-four {
  max-width: 710px;
  }
.columns-three {
  max-width: 600px;
}
.columns-three .chart-column-headers {
  width: 33%;
}
.columns-five {
  max-width: 888px;
}
.columns-five .chart-column-headers {
  width: 20%;
}
.columns-six {
  width: 1080px;
  max-width: 1080px;
}
.columns-six .chart-column-headers {
  width: 16%;
}
.columns-three-new {
  max-width: 660px;
}
.columns-four-new { /* for use with new charts */
  width: 980px;
}
.columns-four-new .chart-column-headers {
  width: 25%;
}
.columns-five-new { /* for use with new charts */
  max-width: 988px;
}
.columns-six-new {
  width: 1471px;
}
.columns-six-new .chart-column-headers {
  width: 16.5%;
}


/* MEMORY/DISK USAGE METERS --------------------------------------------- */
.bar-usages .marker {
  position: absolute;
  display: block;
  width: 1px;
  height: 1.75rem;
  font-size: 0;
  line-height: 0;
  top: -.25rem;
}
.bar-usages .marker-0 {
  background-color: #333;
}
.bar-usages {
  width: 100%;
}
/* bar usages labels ---------------------------------------------------- */
.bar-usages .usage-label {
  font-size: .75rem;
  white-space: nowrap;
  position: relative;
  color: #333;
}
.bar-usages .label-bottom.with-square,
.bar-usages.label-top-has-square .label-top.with-square {
  padding-left: 1rem;
}
.bar-usages .label-bottom.with-square:before,
.bar-usages.label-top-has-square .label-top.with-square:before {
  padding: 4px;
  max-height: 4px;
  position: absolute;
  content: "";
  left: 0;
  top: 4px;
  border: 1px solid #a1a1a1;
}
.bar-usages .label-top-0 {
  float: left;
}
.bar-usages .label-top-1 {
  float: right;
}
.bar-usages.bucket-add .label-top-1 {
  display: none;
}
.bar-usages .label-bottom-0.with-square:before {
  background-color: #8eb7e6;
}
.bar-usages .label-bottom-1.with-square:before {
  background-color: #b3cfef;
}
.bar-usages .label-bottom-2.with-square:before {
  background-color: #efebe0;
}
/* bar usages items ----------------------------------------------------- */
.bar-usages .usage {
  clear: both;
  height: 1rem;
  position: relative;
}
.bar-usages .usage .item {
  height: .75rem;
  position: absolute;
}
.bar-usages .usage .usage-item-0 {
  background-color: #efebe0; /* .beige-1 */
}
.bar-usages .usage .usage-item-1 {
  background-color: #b3cfef; /* .blue-4 */
}
.bar-usages .usage .usage-item-2 {
  background-color: #8eb7e6; /* .blue-3 */
}
.bar-usages .usage .usage-item-3 {
  background-color: #d8dde4;  /* .gray-blue-3 */
}
/* bar usages specifics by case ----------------------------------------- */
.bar-usages.label-top-0-other-data .label-top-0.with-square:before {
  background-color: #d8dde4;
}
.bar-usages.label-top-0-red .label-top-0 {
  color: rgb(228, 58, 27);
}
.bar-usages.label-top-0-red .marker-0 {
  background-color: rgb(228, 58, 27);
}
.bar-usages.overcommitted .label-bottom-2:before {
  background-color: #e07f82; /* .red-3 */
}
.bar-usages.overcommitted .usage-item-0 {
  background-color: #e07f82; /* .red-3 */
}
.bar-usages.overcommitted .marker-1 {
  background-color: rgb(68, 66, 69);
}
.bar-usages.overcommitted.bar-usages-dashboard .label-bottom-1:before {
  background-color: #e07f82; /* .red-3 */
}
.bar-usages.overcommitted.bar-usages-dashboard .label-bottom-2:before {
  background-color: #efebe0;
}
.bar-usages.overcommitted.bar-usages-dashboard.has-free-space .usage-item-0 {
  background-color: #efebe0;
}
.bar-usages.overcommitted.bar-usages-dashboard.has-free-space .usage-item-1 {
  background-color: #e07f82; /* .red-3 */
}

/* minimum presentation of nodes list with checkboxes ----------------------- */
.selectable-nodes-list {
  margin: 0;
}
.selectable-nodes-list section {
  margin: 0;
}
.selectable-nodes-list section:last-child {
  border-bottom: 0;
}
.selectable-nodes-list label {
  line-height: 1;
}
.hide-select-all .nodes-list-select-all {
  display: none;
}

/* waiting spinner ------------------------------------------------------ */
.mn-main-spinner-active footer {
  display: none;
}
.global-spinner {
  background: url(/spinner_3.gif) center 43% no-repeat rgba(255, 255, 255, 0.6);
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.z-index-10001 {
  z-index: 10001!important;
}

@keyframes delay-spinner {
  0% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.spinner {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
}
.spinner:after {
  position: absolute;
  content: "";
  display: block;
  height: 2rem;
  width: 2rem;
  left: 50%;
  top: 43%;
  margin: -1rem 0 0 -1rem;
  background: url(/spinner_3.gif) center no-repeat #fff;
}
.fixed-spinner > .spinner:after {
  position: fixed;
}
.delayed-spinner > .spinner:after {
  animation: delay-spinner 0.5s;
}
.expanded-spinner > .spinner {
  top: -0.5rem;
  left: -0.5rem;
  right: -0.5rem;
  bottom: -0.5rem;
}

/* dropdown menus - custom selectize styles ----------------------------- */
.cbui-select .selectize-input.selectize-focus {
  border-color: #a1a1a1;
}
.cbui-select .ng-dirty.ng-invalid > div.selectize-input {
  border-color: #a1a1a1;
}
.cbui-select .selectize-dropdown-header-close {
  color: #333;
}
.cbui-select .selectize-dropdown, .cbui-select .selectize-input, .cbui-select .selectize-input {
  height: auto;
}
.ui-select-container {
  line-height: 1;
}
.ui-select-container.single {
  min-width: 200px;
}
.ui-select-container.single span {
  display: inline-block;
  vertical-align: bottom;
  max-width: 167px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  position: relative;
  top: 2px;
  font-size: .875rem;
}
.ui-select-container.single .select-item {
  max-width: 320px;
  display: block;
}
.ui-select-container.single .ui-select-match {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  padding-right: 15px;
  max-width: 182px;
  color: #000;
}
.ui-select-container.single .ui-select-choices-row.disabled {
  background: #fff;
  cursor: default;
  text-decoration: none;
}
.ui-select-container.single .ui-select-choices-row.disabled a {
  color: #666;
  font-weight: bold;
  cursor: default;
  text-decoration: none;
}
.ui-select-multiple {
  background: #fff;
  border: 1px solid #ccd3d7;
  font-size: 13px;
  padding: 3px;
  position: relative;
  z-index: 1;
}
.ui-select-multiple input.ui-select-search {
  height: 2rem!important;
  padding: 0;
  width: auto;
  display: inline;
}
.ui-select-multiple > .ui-select-choices {
  position: absolute;
  background: #fff;
  left: 0;
  top: 100%;
  margin: 1px 0 0 0;
}
.ui-select-multiple .ui-select-match-item {
  display: inline-block;
  font-size: 12px;
  max-width: 274px;
  min-width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  padding: 0 0.5rem 0 0;
  margin: 0 3px 3px 0;
  cursor: default;
  height: 2rem;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  display: inline-block;
  cursor: pointer;
  height: 1rem;
  vertical-align: middle;
}

.cbui-select .selectize-dropdown,
.cbui-select .selectize-input {
  font-family: inherit;
  font-size: 14px;
  -webkit-font-smoothing: inherit;
  line-height: 20px;
  color: #333;
}
.cbui-select .selectize-dropdown,
.cbui-select .selectize-input {
  font-family: inherit;
  font-size: 14px;
  -webkit-font-smoothing: inherit;
  line-height: 20px;
  color: #333;
}
.cbui-select .selectize-input,
.cbui-select .selectize-control.single .selectize-input,
.cbui-select .selectize-control.single .selectize-input.input-active {
  display: inline-block;
  cursor: text;
  background: #fff !important;
  border-color: #d1d1d1 !important;
}
.cbui-select .selectize-input {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 2rem;
  line-height: 1.8rem;
  padding: 0 8px;
  overflow: hidden;
  border: 1px solid #d1d1d1;
  border-radius: 3px;
}
.cbui-select-small,
.cbui-select-small .selectize-input {
  height: 1.75rem;
  line-height: 1.5rem;
  font-size: 13px;
}
.cbui-select .selectize-input.focus { /* when user first clicks input */
  border-color: #a1a1a1 !important;
}
.cbui-select .selectize-input.selectize-focus { /* after a menu choice is made */
  border-color: #d1d1d1 !important;
}
.cbui-select .selectize-dropdown {
  position: absolute;
  z-index: 10;
  margin: -1px 0 0 0;
  background: #ffffff;
  border: 1px solid #a1a1a1;
  border-top: 0 none;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
.cbui-select .selectize-dropdown [data-selectable],
.cbui-select .selectize-dropdown .optgroup-header {
  padding: 12px 8px;
}
.cbui-select .selectize-dropdown .active {
  color: #333;
  background-color: #f6fafd;
}
.cbui-select div.selectize-input:after {
  right: 10px !important;
}
.cbui-select .selectize-control.single .selectize-input,
.cbui-select .selectize-dropdown.single {
  border-color: #d1d1d1;
}
.selectize-control > .selectize-dropdown {
  width: auto!important;
  min-width: 240px;
  max-width: 320px;
}

/* custom selectize styles for documents area --------------------------- */
.cbui-select.narrow > .selectize-input {
  width: 64px;
}
.cbui-select.narrow.ui-select-container {
  min-width: 64px;
}

/* running tasks progress menu ------------------------------------------ */
/*
.tasks-progress.ng-enter,
.tasks-progress.ng-leave {
  transition: 250ms cubic-bezier(0.25, 0.1, 0.25, 1) all;
  transform-origin: 100% 0;
}
.tasks-progress.ng-leave.ng-leave-active,
.tasks-progress.ng-enter {
  transform: scaleY(0.1) scaleX(0.1);
  top: 22px!important;
  right: 0!important;
}
.tasks-progress.ng-enter.ng-enter-active,
.tasks-progress.ng-leave {
  transform: scaleY(1) scaleX(1);
}
*/
.tasks-progress {
  position: absolute;
  top: 22px;
  right: 0;
  z-index: 100;
  background-color: #fff;
  box-shadow: 0 3px 6px 2px rgba(0,0,0,0.25);
  border-radius: 2px;
}
.tasks-progress .close-tasks {
  width: 100%;
  text-align: right;
  padding: .75rem 1rem 0 0;
  font-size: 1rem;
  color: #333;
  line-height: .9;
}
.tasks-progress .close-tasks span {
  cursor: pointer;
}
.close-tasks + .panel-content {
  padding-top: 0;
}
.tasks-progress .bar div,
.tasks-progress .bar-wrapper {
  height: 1rem;
  width: 338px;
}
.tasks-progress .bar-wrapper {
  margin: .25rem 0 1rem 0;
  position: relative;
  border: 1px solid #c6dbf2;
  border-radius: 3px;
  overflow: hidden;
}
.tasks-progress .bar.positive {
  left: 0;
}
.tasks-progress .bar.negative {
  right: 0;
}
.tasks-progress .bar {
  position: absolute;
  overflow: hidden;
  height: 1rem;
}
.tasks-progress .bar div {
  position: absolute;
}
.tasks-progress .bar.negative div {
  background: #fff;
  background: linear-gradient(to right, transparent 0%, transparent 98%, #7db9e8 95%, #7db9e8 100%);
  background-size: 34px auto;
  right: 0;
}
.tasks-progress .bar.positive {
  background-color: #7db9e8;
}
.tasks-progress .bar.positive div {
  background: #fff;
  background: linear-gradient(to right, transparent 0%, transparent 98%, #fff 98%, #fff 100%);
  background-size: 34px auto;
  left: 0;
}

/* per item (row) task progress meter for buckets & servers ------------- */
.task-progress-row {
  position: relative;
  height: .5rem;
  background-color: #ececec;
  flex: 2 0 auto;
}
.task-progress-row-meter {
  position: absolute;
  height: 100%;
  background-color: #7babe2;
}
.task-progress-row-text {
  font-size: .75rem;
  white-space: nowrap;
  flex: 0 0 100px;
  text-align: right;
  margin: 0 1rem 1px 1rem;
}

/* create xdcr replication dialog ------------------------------------------- */
.dynamic-hightlight {
  background-color: #c6dbf2;
}
.xdcrfilter-matching {
  font-size: .75rem;
  margin-left: .5rem;
  padding-left: .5rem;
  white-space: nowrap;
}
.xdcrfilter-match {
  color: #56b349;
}
.xdcrfilter-nomatch {
  color: #f5a623;
}
.xdcrfilter-match:before {
  font-family: FontAwesome;
  content: "\f00c";
  font-size: 1rem;
  color: #2ca01c;
  position: relative;
  right: 4px;
}
.xdcrfilter-nomatch:before {
  font-family: FontAwesome;
  content: "\f071";
  font-size: .8rem;
  color: #f5a623;
  position: relative;
  right: 6px;
}

.xdcr-filter-stream,
.xdcr-filter-stream label {
  font-size: .875rem!important;
}

/* documents and views editing code viewer ------------------------------ */
.read-only-editor {
  opacity:.7;
}
.read-only-editor .CodeMirror-cursor {
  visibility: hidden !important;
}
.codemirror-auto-height .CodeMirror {
  height: auto;
}

/* info popup icon styles (everything else in tooltip.css) -------------- */
.icon-info {
  cursor: pointer;
  color: #a1a1a1;
  font-size: 1.125rem;
}
.icon-info:hover {
  color: #000;
}
.icon-info-warning {
  cursor: pointer;
  color: #f9ca7b !important;
  font-size: 1.125rem;
  position: relative;
}
.icon-info-warning:hover {
  color: #f5a623 !important;
}
.icon-info .fa-stack-1x {
  line-height: inherit;
  font-size: .5em;
  top: 1px;
}
.icon-info,
label + .fa-stack,
h4 + .fa-stack,
h5 + .fa-stack { /* elevate icon next to label or heading  */
  top: -4px;
  left: 0;
}
.raised { /* elevate element which is child of relatively-positioned parent  */
  top: -4px;
}
.rasied-med {
  top: -2px;
}

/* icon radio buttons and checkboxes using Font Awesome ----------------- */
input[type="radio"],
input[type="checkbox"] {
  opacity: 0!important; /* MB-43540: 'display:none' removes focus behaviour
                           must not be inline element
                           must not have absolute position ------- */
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  font-size: 0;
  display: block!important;
  position: absolute!important;
  left: auto!important;
  right: auto!important;
  top: auto!important;
  bottom: auto!important;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
  display: inline-block;
  font-weight: normal;
  cursor: pointer;
  font-size: .961rem;
  padding-left: 3px;
  margin-right: .75rem;
}
input[type="radio"] + label:last-child,
input[type="checkbox"] + label:last-child {
  margin-right: 0;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
  position: relative;
  display: inline-block;
  font: normal normal normal 16px/1 FontAwesome;
  color: #a1a1a1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1rem;
  left: -3px;
}
input[type="checkbox"][disabled="disabled"] + label:before,
input[type="radio"][disabled="disabled"] + label:before {
  opacity: .5;
}
input[type="checkbox"][disabled="disabled"] + label {
  cursor: default !important;
}
input[type="checkbox"] + label:before {
  top: 1px;
}
input[type="radio"] + label:before {
  content: "\f1db"; /* radio unchecked */
}
input[type="radio"]:focus + label:before,
input[type="radio"]:checked:focus + label:before {
  color: #000; /* radio focused by TAB */
}
input[type="radio"]:checked + label:before {
  content: "\f192"; /* radio checked */
  color: #555;
}
input[type="checkbox"] + label:before {
  content: "\f096"; /* checkbox unchecked */
}
input[type="checkbox"]:focus + label:before,
input[type="checkbox"]:checked:focus + label:before {
  color: #000; /* checkbox focused by TAB */
}
input[type="checkbox"]:checked + label:before,
input[type="checkbox"].fake-select + label:before {
  content: "\f046"; /* checkbox checked */
  color: #555;
}

/* custom select with bootstrap ----------------------------------------- */
.mn-select {
  margin: 0;
  padding-right: 0;
  width: 100%;
  cursor: pointer;
  display: block;
}
.forms .mn-select {

}
.forms.form-inline .mn-select,
.forms .form-inline .mn-select {
  width: auto;
  display: inline-block;
}

.mn-select button.dropdown-btn {
  font-family: OpenSans, sans-serif;
  font-size: .875rem;
  padding: 0 1.4rem 0 .5rem;
  margin-bottom: 0;
  line-height: 2rem;
  height: 2rem;
  width: 100%;
  outline: none;
  background: #ffffff;
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  color: #333;
  box-shadow: none;
  text-align: left;
}
.mn-select .dropdown-btn:after {
  font-family: FontAwesome;
  content: "\f0d7";
  position: absolute;
  top: 0;
  right: .5rem;
  padding-right: 0;
  color: #555;
  font-size: .875rem;
}
.mn-select .dropdown-btn.active:after {
  content: "\f0d8";
}
.mn-select button.dropdown-btn:hover {
  box-shadow: none;
}
.mn-select button.outline:hover[disabled] {
  color: #333;
}

mn-select[disabled] .mn-select,
.mn-select .dropdown-btn[disabled] {
  resize: none;
  opacity: 0.55;
  filter: alpha(opacity=55);
}
.mn-select:focus {
  outline: none;
  border: 1px solid #999;
}
.mn-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.mn-select .dropdown-toggle {
  height: 100%;
  width: 100%;
}

.mn-select .scrollable {
  max-height: calc(40vh - 2.5rem);
  overflow-y: auto;
}
.mn-select .scrollable::-webkit-scrollbar {
  visibility: visible;
}
.mn-select .scrollable::-webkit-scrollbar-thumb {
  border-radius: 10px;
  border: 5px solid white;
  background-color: rgba(0, 0, 0, 0.45);
}

.mn-select div[uib-dropdown-menu] .option,
.mn-select div[ngbDropdownMenu] .option {
  padding: 0.5rem;
  font-size: .875rem;
  color: #333;
}

.mn-select div[uib-dropdown-menu] a.option:first-of-type,
.mn-select div[ngbDropdownMenu] a.option:first-of-type {
  margin-top: .5rem;
}

.mn-select div[uib-dropdown-menu] .option:hover,
.mn-select div[ngbDropdownMenu] .option:hover,
.mn-select div[uib-dropdown-menu] .option:focus,
.mn-select div[ngbDropdownMenu] .option:focus {
  background-color: #f5f5f5;
}
.mn-select button.outline:focus {
  box-shadow: 0 0 3px 1px rgba(0,0,0,0.15);
}
.mn-select.mn-align-left div[uib-dropdown-menu] {
  top: auto;
  left: 0;
}
.mn-select.mn-align-right div[uib-dropdown-menu] {
  top: auto;
  right: 0;
  min-width: 100%;
}
.mn-select.open .dropdown-menu,
.mn-select.show .dropdown-menu {
  display: block;
}
.mn-select.open-on-top .dropdown-menu {
  bottom: 2rem;
}
.mn-select-small .mn-select.open-on-top .dropdown-menu {
  bottom: 1.75rem;
}
.mn-select .dropdown-menu {
  display: none;
  background-color: #fff;
  position: absolute;
  top: 28px;
  right: 0;
  text-align: left;
  z-index: 13;
  border-radius: 2px;
  box-shadow: 0 5px 6px 0 rgba(0,0,0,0.25);
  white-space: nowrap;
  padding-bottom: .5rem;
}
.mn-select.open-on-top .dropdown-menu {
  box-shadow: 0 -1px 3px 0 rgba(0,0,0,0.25);
}
.mn-select .filter-input-group {
  width: 100%;
}

.mn-select-small .mn-select .dropdown-btn {
  height: 1.75rem;
  line-height: 1.5rem;
  font-size: 13px;
}

.forms .mn-select.width-1 {
  width: 8.33333333%;
}
.forms .mn-select.width-2 {
  width: 16.66666667%;
}
.forms .mn-select.width-3 {
  width: 25%;
}
.forms .mn-select.width-4 {
  width: 33.33333333%;
}
.forms .mn-select.width-5 {
  width: 41.66666667%;
}
.forms .mn-select.width-6 {
  width: 50%;
}
.form .mn-select.width-7 {
  width: 58.33333333%;
}
.forms .mn-select.width-8 {
  width: 66.66666667%;
}
.forms .mn-select.width-9 {
  width: 75%;
}
.forms .mn-select.width-10 {
  width: 83.33333333%;
}
.forms .mn-select.width-11 {
  width: 91.66666667%;
}
.forms .mn-select.width-12 {
  width: 100%;
}

/* basic menu ----------------------------------------------------------- */
.menu-toggle {
  color: #555;
  font-weight: 500;
  font-size: .875rem;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.menu-toggle:hover {
  color: #4287d6;
}
.menu-toggle:active {
  color: #4287d6;
}
.mn-dropdown-menu {
  position: relative;
  display: inline-block;
}
.mn-dropdown-menu.open .dropdown-menu,
.mn-dropdown-menu.show .dropdown-menu {
  display: block;
}
.mn-dropdown-menu .dropdown-menu {
  display: none;
  background-color: #fff;
  position: absolute;
  top: 28px;
  right: 0;
  text-align: left;
  z-index: 13;
  border-radius: 2px;
  box-shadow: 0 5px 6px 0 rgba(0,0,0,0.25);
  white-space: nowrap;
}
.mn-dropdown-menu .dropdown-menu.dropdown-menu-select-like a {
  color: #4287d6;
  font-size: .875rem;
  display: block;
  min-width: 240px;
  border-bottom: 1px solid #d1d1d1;
  line-height: 1.3;
  padding: .7rem 2rem .7rem 1.5rem;
  margin: 0;
}
.mn-dropdown-menu .dropdown-menu-select-like a desc {
  color: #333;
  font-size: 11px;
  line-height: 1;
  font-weight: normal;
  margin: 0;
}
.mn-dropdown-menu .dropdown-menu.dropdown-menu-select-like a:last-child {
  border-bottom: none;
  padding-bottom: 1rem;
}
.mn-dropdown-menu .dropdown-menu.dropdown-menu-select-like a:hover {
  color: #000;
  background-color: #f6fafd;
  transition: none;
}
a.scenarios-delete  {
  display: block;
  color: #a1a1a1;
  padding: .25rem 1rem;
}
button.scenarios-delete {
  color: #a1a1a1;
}
a:hover.scenarios-delete,
button:hover.scenarios-delete {
  color: #555;
}
/* color added to icons on hover ------------------------------------------ */
button.dashboard-delete:hover .icon,
span.dashboard-delete:hover,
.chart-controls .fa-trash:hover,
.fa-trash:hover {
  color: #e07f82!important;
  cursor: pointer;
}
button.adder:hover .icon,
span.adder:hover {
  color: #80c677!important;
}
.fa-edit:hover {
  color: #56b349!important;
}

/* utility links area ----------------------------------------------------- */
.nav-header a {
  margin: 0 .5rem 0 0;
  padding-right: .5rem;
  vertical-align: top;
}
.nav-header .dropdown-menu {
  top: 22px;
}

/* dashboard widgets displaying node counts for each of four statuses ----- */
.dashboard-servers {
  font-size: .8125rem;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  margin-bottom: .25rem;
}
.dashboard-node {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: 2rem;
}
.dashboard-node:last-child {
  margin-right: 0;
}
.dashboard-node .icon {
  margin-right: .5rem;
  font-size: 1rem;
}
.dashboard-node p {
  margin: 0;
}

/* dashboard service widgets with status & details for each service + XDCR -- */
.service-widget-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: .25rem auto .5rem auto;
  font-size: .8125rem;
  color: #333;
}
.service-widget {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 0 .5rem;
  margin-right: 1.5rem;
  cursor: pointer;
  line-height: 1.1;
}
.service-widget a,
.service-widget .error {
  font-size: .75rem;
}
.service-widget a {
  display:block;
  color: #333;
  white-space: nowrap;
}
.service-widget a:hover {
  color: #000;
  text-decoration: underline;
}
.service-widget p {
  margin: 0 .5rem 0 0;
}

/* state-indicating border colors ------------------------------------------- */
.service-widget.dynamic_inactive,
.dynamic_inactive {
  border-left: 8px solid #a1a1a1;  /* gray-3 */
}
.service-widget.dynamic_healthy,
.dynamic_healthy {
  border-left: 8px solid #80c677;  /* green-3 */
}
.service-widget.dynamic_warmup,
.service-widget.dynamic_inactiveFailed,
.dynamic_inactiveAdded,
.dynamic_warmup {
  border-left: 8px solid #f7a623;  /* orange-1 */
}
.service-widget.dynamic_unhealthy,
.dynamic_inactiveFailed,
.dynamic_unhealthy {
  border-left: 8px solid #d65558; /* red-2 */
  animation: pulse_unhealthy 3s infinite;
}
.service-widget.dynamic_inactiveFailed {
  animation: none !important;
}
.dynamic_selected { /* selected chart cell in statistics */
  background-color: #ecf3fa;
}

@keyframes pulse_unhealthy {
  50% {
    border-left-color: #f9e9ea; /* red-7 */
  }
}
.dynamic_healthy.eject-node {
  border-left: 8px solid #f7a623;
  animation: pulse_warning 3s infinite;
}
@keyframes pulse_warning {
  50% {
    border-left-color: #fdedd3; /* orange-6 */
  }
}

/* selecting user roles ------------------------------------------------  */
.select-user-roles {
  height: 420px;
  overflow-y: scroll;
  padding: .25rem .25rem .25rem .75rem;
  margin-top: .5rem;
}
.select-user-roles .user-role-row,
.select-user-roles label,
.select-user-roles input[type="checkbox"] + label {
  position: relative;
  margin-top: 1px;
  font-size: .962rem;
  line-height: 2;
  font-weight: normal;
  margin-left: -8px;
  padding-left: 8px;
}
.select-user-roles label,
.select-user-roles input[type="checkbox"] + label {
  cursor: pointer;
}
.select-user-roles .disclosure {
  padding-left: 1.75rem;
}
.select-user-roles .disclosure:before {
  left: 6px;
  top: -3px;
}
.select-user-roles div .indent-1 {
  margin-left: .5rem;
}
.select-user-roles .has-selection {
  background-color: #ecf3fa;
}
.has-selection:after {
  color: #56b349;
  font-family: FontAwesome;
  content: "\f00c";
  font-size: 1rem;
  position: absolute;
  top: -1px;
  right: .25rem;
}
.role-from-group {
  position: absolute;
  right: 2rem;
  width: 1rem;
  cursor: default;
}
.role-from-group:after {
  color: #56b349;
  font-family: FontAwesome;
  content: "\f0c0";
  font-size: 1rem;
  position: absolute;
  right: 0;
}

/* shaded box with rounded corners for zero content situations --------- */
.zero-content {
  background-color: #f6f7f9;
  font-size: .875rem;
  padding: 1rem 2rem;
  border-radius: 9px;
  margin: .5rem 0;
  text-align: center;
}
.zero-content.text-left {
  text-align: left;
}

/* shaded box with rounded corners for content such as index definition  */
.content-box {
  border-radius: 9px;
  background-color: #eceff2;
  font-size: .75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.content-box p {
  margin-bottom: .5rem;
}
.content-box p:last-child {
  margin-bottom: 0;
}
.content-box.min-padding {
  padding: .5rem 1rem;
  margin-bottom: 1rem;
}


/* for when services are presented as a simple column of checkboxes (no
   text input for quotas) ----------------------------------------------- */
.services .checkbox-service {
  margin-bottom: .5rem;
}

/* pagination ----------------------------------------------------------- */
.pagination {
  padding: 0;
}
.pagination a {
  padding-left: .25rem;
  font-size: .875rem;
}
.pagination .page-item.active, /* ng-bootstrap */
.pagination .pagination-page.active /* angular-ui-bootstrap */ {
  text-decoration: underline;
}

/* CodeMirror JSON editor height ---------------------------------------- */
.height-100 .CodeMirror {
  height: 75vh;
}

/* "LOADING" animated ellipsis ------------------------------------------ */
.loading {
  display: inline-block;
  width: 1rem;
}
.loading-placeholder {
  display: inline-block;
  width: 1rem;
}
.loading:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  animation: ellipsis steps(4,end) 1.2s infinite;
  content: "\2026"; /* ascii code for the ellipsis character */
  width: 0;
}
@keyframes ellipsis {
  to {
    width: 1rem;
  }
}
@-webkit-keyframes ellipsis {
  to {
    width: 1rem;
  }
}

/* Audit Tab ------------------------------------------------------------ */
.audit-module {
  margin: .5rem 0 0 -0.5rem;
  padding: 0;
  border-bottom: none;
  max-width: 980px;
  font-size: .962rem;
}
.audit-module-open {
  background-color: #f6fafd!important;
}
.audit-module-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .25rem .25rem .25rem .5rem;
  margin: 0;
}
.audit-module-body {
  padding: .5rem 1.25rem;
  line-height: 2;
}
.audit-module-body hr {
  margin: .75rem -0.75rem;
}
.audit-module-body p {
  font-size: .875rem;
  color: #555;
  margin: 0;
}

/* External Auth check for Security > Users -------------------------------- */
.users-auth-check {
  display: flex;
  margin: .25rem 0;
}
.users-auth-check p {
  margin: 0;
  color: #555;
  font-size: .75rem;
  cursor: default;
}
.users-auth-check:hover .fa-ban {
  color: #e07f82;
}
.users-auth-check:hover p {
  color: #000;
}

/* workbench styles shared by query/analytics workbenches ------------------ */
.wb-wrapper { /* wrapper for the workbench + insights sidebar -------------- */
  margin: 0;
  padding: 0 0 0 0;
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
/* wrapper for query editor and results area ----------- */
.wb-main-wrapper {
  height: calc(100vh - 130px); /* magic number - 155px for the header */
  overflow: hidden;
  transition: all 1s;
  margin: 0 0 0 0;
}
.wb-query-editor { /* wrapper for query editor area: header, Ace, footer -- */
  flex: 0 0 auto; /* don't expand or shrink, size will be set in .js */
}
.wb-query-editor-header {
  min-height: 2rem;
  margin-bottom: .5rem;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  position: relative;
}
.wb-ace-editor {
  overflow: none;
  background-color: #f6f7f9 !important;
  padding: 1.5rem !important;
}
.doc-ace-editor {
  overflow: auto;
  background-color: #f6f7f9 !important;
  padding: 1.5rem !important;
  height: 94% !important;
  font-size: .75rem;
  margin-top: 1rem;
}

/* ACE editor overrides ---------------------------------------------------- */
.wb-ace-editor * {
  line-height: 1.4rem !important;
  font-size: 14px !important;
}
.ace_gutter {
  background-color: #f6f7f9 !important;
}
.ace_print-margin {
  display: none !important;
}
.ace_keyword {
  color: green !important;
}
.ace_active-line {
  background-color: #eceff2 !important;
}
.ace_gutter-active-line {
  background-color: #eceff2 !important;
}
/* QWB warning for missing fields - icon and revised ace tooltip ------------ */
.ace_gutter-cell.ace_warning {
  background-image: none !important;
}
.ace_gutter-cell.ace_warning:before {
  content: "\f071";
  font-family: FontAwesome;
  font-size: .75rem;
  color: #f7b84f;
  position: absolute;
  left: 2px;
}
.ace_tooltip {
  font-family: OpenSans !important;
  font-size: .8125rem !important;
  background-image: none !important;
  border-width: 0 !important;
  border-radius: 3px !important;
  padding: .5rem 1rem !important;
  width: 320px !important;
  box-shadow: 0 1px 1px 1px rgba(0,0,0,0.25) !important;
}
/* editor footer row: buttons + summary of query results + status ----------- */
.wb-query-editor-footer {
  margin-top: .5rem;
  min-height: 1rem;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  position: relative;
}
.wb-button-wrapper {
  display: flex;
  justify-content: flex-start;
  margin-right: .5rem;
}
.wb-button-execute {
  width: 6.5rem;
  min-width: 6.5rem;
}
/* a drawer to hide extra stuff + an opener & animation for it -------------- */
.cbui-drawer {
  position: relative;
  margin: 0 0 0 .5rem;
  padding: 0 0 .25rem 0;
  display: flex;
  align-items: center;
  white-space: nowrap;
  transition: width .4s;
  width: 2.2rem;
  text-overflow: clip;
  overflow: hidden;
}
.cbui-drawer.open {
  width: 100%;
}
.cbui-drawer-opener {
  font-size: 1rem;
  margin-right: .5rem;
  padding: 0 1.6rem 0 .25rem;
  color: #949aa0;
  cursor: pointer;
}
.cbui-drawer-opener .icon {
  font-size: .875rem;
}
.cbui-drawer-opener:hover {
  color: #333;
}
.cbui-drawer.open .cbui-drawer-opener {
  display: none;
}
.cbui-drawer-closer {
  cursor: pointer;
  color: #ccc;
}
.cbui-drawer-closer:hover {
  color: #333;
}

.wb-result-summary {
  text-align: left;
  -webkit-box-flex: 1;
  flex-grow: 1;
  font-size: .75rem;
  padding: 0 0 .25rem 0;
}
.wb-result-status:not(.success):not(.error) {
  white-space: nowrap;
  color: #f5a623;
}
.wb-result-status.success:before {
  font-family: FontAwesome;
  content: "\f00c";
  font-size: .825rem;
  color: #56b349;
}
.wb-result-status.error:before {
  font-family: FontAwesome;
  content: "\f06a";
  font-size: .825rem;
  color: #e07f82;
}
.wb-result-status.warning:before {
  font-family: FontAwesome;
  content: "\f071";
  font-size: .825rem;
  color: #f5a623;
}
.wb-result-summary span:first-child {
  margin-left: 0;
}

/* query results ----------------------------------------------------------- */
.wb-results-header {
  min-height: 2rem;
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  position: relative;
}
.wb-results-header .icon {
  cursor: pointer;
  color: #a1a1a1;
  padding: 0 .5rem;
  font-size: 1rem;
  transition: all .25s;
}
.wb-results-header .icon:hover {
  color: #333;
}
/* the wrapper around ALL results views...followed by the specific views --- */
.wb-results-wrapper {
  background-color: #f6f7f9;
  margin-top: .5rem;
  height: calc(100vh - 360px);
}
/* the wrappers around the various results views --------------------------- */
.wb-results-json,
.wb-results-table,
.wb-results-tree,
.wb-results-explain,
.wb-results-explain-text,
.wb-results-advice {
  overflow: auto;
  height: 100%;
}
.wb-results-json {
  background-color: #f6f7f9 !important;
  font-size: .75rem;
  font-weight: 400;
  padding: 1rem;
}
.wb-results-tree {
  padding: .5rem .5rem .5rem 0;
}
.wb-results-explain {
  padding: 0!important;
}
.wb-results-explain-text {
  background-color: #f6f7f9 !important;
}
.wb-results-advice {
  background-color: #f6f7f9 !important;
  padding: 1rem 1rem 2rem 1rem;
  font-size: .875rem;
}
.wb-results-json *,
.wb-results-explain-text * { /* wildcard style to capture ALL Ace line-height */
  line-height: 1.4rem !important;
}
.ajtd-row-matched-search {
  background-color: #d9c5ff;
}
.wb-results-show-anyway {
  color: #cc2a2e;
  font-size: .875rem;
  padding: 1.5rem;
}
.wb-results-show-anyway a {
  display: block;
  width: 100%;
  text-align: right;
}
/* -- ACE search modifications --------------------------------------------- */
.ace-search {
  background-color: #fff;
  width: 400px;
  overflow: hidden;
  margin: 0;
  padding: .25rem .5rem .25rem .5rem;
  position: absolute;
  top: .5rem;
  right: .5rem;
  border-radius: 3px 3px 2px 2px;
  box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.25);
  z-index: 99;
  white-space: normal;
  font: 12px/normal 'OpenSans' !important;
  font-size: 12px !important;
}
.ace-search-icon {
  cursor: pointer;
  font-size: .961rem;
  padding: .25rem;
  color: #a1a1a1;
}
.ace-search-icon:hover {
  color: #333;
}
.ace-search-form,
.ace-replace-form {
  margin: 0 0 .5rem 0;
}
.ace-search-form button.icon {
  font-size: 14px !important;
}
.ace-search-form.ace_nomatch {
}
.ace-search-field {
  margin-right: .25rem;
}
.ace-searchbtn-close {
  color: #a1a1a1;
  padding: .25rem .6rem;
  cursor: pointer;
  margin-left: .75rem;
}
.ace-searchbtn-close:hover {
  background-color: #ececec;
  color: #333;
  border-radius: 50%;
}
.ace_replace_form,
.ace_search_options {
  padding: 0 .5rem;
}
.ace-search-options {
  display: flex;
  justify-content: flex-end;
  margin: .5rem 0;
}
button.ace-search-options-buttons {
  padding: 0;
  min-width: 0;
  width: 24px !important;
  height: 24px !important;
  background-color: #ececec;
  color: #000;
  font-size: .75rem !important;
}
button.ace-search-options-buttons:hover {
  background-color: #bcbcbc;
}
button.ace-search-options-buttons.checked {
  background-color: #4287d6;
  color: #fff;
}
.ace-replace-form button.outline.tight {
  width: 90px !important;
  padding: 0;
  font-size: 12px !important;
  margin-bottom: .25rem;
}
/* for bucket inference sidebar & analytics dataverse mgmt sidebar --------- */
.insights-sidebar { /* wrapper for sidebar area ----------------------------- */
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  transition: all .8s;
  margin: 0 -.5rem 0 1rem;
  overflow: hidden;
  border-left: 1px solid #d1d1d1;
  padding: .25rem 0 2rem 1rem;
}
.insights-sidebar-body {
  overflow: auto;
  height: calc(100vh - 210px);
}
.insights-sidebar section {
  overflow: auto;
  padding-right: 1rem!important;
}
.insights-sidebar.fix-width-0 {
  padding-left: 1rem;
}
.insights-sidebar-open { /* control to open closed sidebar ------------------ */
  position: absolute;
  right: -34px;
  top: 2px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 40px;
  height: 40px;
  padding-left: 6px;
  border: 1px solid #d1d1d1;
  border-radius: 50%;
  transition: all 1s;
  cursor: pointer;
  color: #d1d1d1;
}
.insights-sidebar-close { /* control to close open sidebar ------------------ */
  position: absolute;
  right: 0;
  top: 5px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  color: #d1d1d1;
  z-index: 1;
  transition: all 1s;
}
.insights-sidebar-expand,
.find-icon {
  cursor: pointer;
  color: #d1d1d1;
  padding: 0 .5rem;
}
.find-icon {
  cursor: pointer;
  color: #a1a1a1;
  padding: 0 1rem;
}
.insights-sidebar-expand:hover,
.find-icon:hover {
  color: #333;
}

.insights-sidebar.fix-width-0 .insights-sidebar-body {
  border-width: 0!important;
  padding: 0!important;
}
.insights-sidebar-body .row {
  line-height: 1.5rem;
}
.insights-sidebar-body ul {
  margin: 0;
  cursor: default;
}
.insights-sidebar-body ul ul {
}
.insights-sidebar-body li {
  list-style-type: none;
  font-size: .8125rem;
}
.insights-sidebar-body section {
  border-width: 0;
  margin: 0;
  padding: 0;
}
.insights-sidebar-schema .indexed {
  color: #000;
  font-weight: 700;
  font-style: italic;
  font-size: .8125rem;
  line-height: 1.7;
}
.insights-sidebar-schema {
  margin: .25rem 0;
}
.insights-sidebar-schema li {
  vertical-align: top !important;
}
.insights-scope {
  margin: .25rem 0 .25rem 1rem;
}
.insights-collection {
  margin: .25rem 0 .25rem 1rem;
}
.analytics-scope-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f5f5f5;
  margin: .5rem 0 0 0;
  padding: .5rem;
}


/* workbench query history -------------------------------------------------- */
.wb-history-controls {
  display: flex;
  align-items: center;
}
.wb-history-controls-inner {
  font-size: .8125rem;
  margin: 0 2px;
  color: #333;
}
.wb-history-dialog .panel-content .filter-input-group {
  margin-bottom: 1rem;
}
.wb-history-dialog .filter-input {
  width: 100%!important;
}
.wb-history-table {
  padding: 0 0 1rem 0;
  word-break: break-word;
}
.wb-history-table section {
  display: flex;
  min-height: 1rem;
  align-items: stretch;
  flex-wrap: nowrap;
  justify-content: flex-start;
  position: relative;
  margin: 0;
  padding: 0;
}
.wb-history-table section:last-child {
  border-width: 0;
}
.wb-history-table section:hover {
  background-color: #ecf3fa;
}
.wb-history-table section span {
  padding: .5rem 0;
  min-height: 2rem;
  cursor: pointer;
  line-height: 1.3;
}
.wb-history-table section span.selected {
  background-color: #ececec;
}
.query-context {
  white-space: nowrap;
  font-size: .75rem;
}
.query-context select {
  height: 24px!important;
  border-radius: 3px;
  font-size: .75rem;
  color: #333;
}
.wb-format,
.wb-fullscreen,
.gray-icon {
  cursor: pointer;
  color: #a1a1a1;
  padding: 0 .5rem;
  display: inline-block;
}
.wb-fullscreen {
  margin-right: .5rem;
}
.wb-format:hover,
.wb-fullscreen:hover,
.gray-icon:hover {
  color: #333;
}
.wb-format {
  font-size: .75rem;
}

/* force scrollbars to be visible ------------------------------------------- */
.hide-track.show-scrollbar::-webkit-scrollbar-track {
  background-color: #fff !important;
}

/* animated toggle control -------------------------------------------------- */
.toggle-control {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1.5rem;
  margin: 0 .25rem;
}
.toggle-control input {
  display:none;
}
.toggle-control-body {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 2rem;
  background-color: #ccc;
  -webkit-transition: .2s;
  transition: .2s;
}
.toggle-control-body:before {
  position: absolute;
  content: "";
  height: 1rem;
  width: 1rem;
  left: .25rem;
  bottom: .25rem;
  border-radius: 50%;
  background-color: #fff;
  transition: .2s;
}
input:checked + .toggle-control-body {
  background-color: #4287d6;
}
input:checked[disabled] + .toggle-control-body {
  background-color: #d1d1d1;
}
input:checked + .toggle-control-body:before {
  transform: translateX(24px);
}

/* controls & styles for hiding and showing the navigation sidebar ---------- */
.sidebar-closer {
  position: absolute;
  top: 480px;
  left: -76px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100px;
  height: 40px;
  padding-right: 16px;
  cursor: pointer;
  color: #d1d1d1;
  border: 1px solid #d1d1d1;
  border-radius: 0 20px 20px 0;
  opacity: 0;
  transition: all .6s;
}
.nav-sidebar:hover .sidebar-closer {
  opacity: 1!important;
}
nav.nav-sidebar-hidden {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  width: 0;
  margin-right: 1rem;
  transform: translateX(-104px);
}
.sidebar-opener {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  top: 494px;
  left: -76px;
  width: 100px;
  height: 40px;
  padding-right: 7px;
  opacity: 0;
  cursor: pointer;
  color: #d1d1d1;
  border: 1px solid #d1d1d1;
  border-radius: 0 20px 20px 0;
  transition: all .6s;
}
.sidebar-opener.show {
  opacity: 1!important;
}
.sidebar-opener:hover,
.sidebar-closer:hover {
  color: #333;
  box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.15);
}
.sidebar-closer:hover {
  left: -32px;
}

/*  pipe delimiter style  --------------------------------------------------- */
.pipe:before {
  content: '\007C';
  color: #a1a1a1;
}
.piped:not(:first-of-type):before {
  content: '\00a0\007C';
}

.nvd3.nv-scatter.nv-single-point .nv-groups .nv-group .nv-point:not(.hover) {
  fill-opacity: .0 !important;
  }

/*  activate/deactivate content filters for the chartbuilder data section  -- */
.checkbox-filter {
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  margin: 0 .25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.checkbox-filter:first-child {
  margin: 0 .25rem 0 0;
}
.checkbox-filter:last-child {
  margin: 0 0 0 .25rem;
}
.checkbox-filter input[type="checkbox"] + label:before {
  display: none;
}
.checkbox-filter.selected {
  background-color: #d9e7f7;
}
.checkbox-filter label {
  width: 100%;
  font-size: .825rem!important;
  text-align: center;
}

/* chart & dashboard styles ------------------------------------------------- */
mn-statistics-chart {
  display: block;
}
.chart-title {
  font-size: .75rem;
  font-weight: 600;
  color: #000;
  margin: 0 1.5rem 0 .5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}
.footer-querymonitor .statistics-tiny {
  width: 34%;
}
.statistics-tiny .chart-title {
  text-align: center;
  font-weight: 400;
  font-size: inherit;
  width: 100%;
}
.chart-cell-tiny .chart-title {
  text-align: center;
  font-weight: 600;
  font-size: inherit;
  width: 100%;
}
.statistics-small {
  width: calc(25% - .5rem);
  padding: .25rem;
  margin: .25rem;
  padding-bottom: 0;
  min-width: 200px;
}
.statistics-small:hover {
  background-color: #f6f7f9;
  cursor: pointer;
}
.statistics-medium {
  width: calc(50% - .5rem);
  padding: .25rem;
  margin: .25rem;
}
.statistics-medium:hover {
  background-color: #f6f7f9;
  cursor: pointer;
}
.statistics-large {
  width: calc(100% - .5rem);
  padding: .25rem;
  margin: .25rem;
}
.statistics-large:hover {
  background-color: #f6f7f9;
  cursor: pointer;
}
.statistics-small {
  min-height: 134px;
}
.statistics-medium {
  min-height: 158px;
}
.statistics-large {
  min-height: 348px;
}
.statistics-extra-large {
  min-height: 444px;
}
.statistics-not-available {
  font-weight: 400;
  font-size: .75rem;
  color: #cc2a2e !important;
  text-align: center;
  width: 100%;
  min-height: 120px;
  line-height: 110px;
}
.chart-overlay .dialog {
  width: 100%;
  margin: 0 2rem;
}
.chart-overlay .panel-header {
  display: none;
}
.chart-overlay .chart-controls {
  display: none;
}
.chart-overlay .statistics-large:hover {
  background-color: #fff;
}
.row.charts {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -.25rem;
}
.row.header {
  justify-content: flex-start;
}
.charts select {
  font-size: 10px;
  line-height: 1.5;
  height: 1.5rem;
}
.charts.text-smaller {
  font-size: 10px;
}
.chart-controls {
  padding: 0 0 0 1rem;
  white-space: nowrap;
  text-align: right;
  position: absolute;
  right: 8px;
  z-index: 1;
  background-color: #fff;
  opacity: .1;
}
.panel:hover .chart-controls {
  opacity: .9;
}
.statistics-small:hover > .chart-controls,
.statistics-medium:hover > .chart-controls,
.statistics-large:hover > .chart-controls {
  background-color: #f5f5f5;
}
.chart-controls .icon {
  color: #555;
  padding: 0 .25rem;
  cursor: pointer;
  font-size: .875rem;
}
.chart-controls .icon.fa-ellipsis-v {
  color: #999;
}

.charts-group {
  margin-bottom: 1.5rem;
}
.charts-group:last-child {
  margin-bottom: 4rem;
}
.charts-group-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 2.5rem;
}
.charts-group-row.disclosure {
  padding-left: .75rem;
}
.charts-group-row.disclosure:before,
.charts-group-row.disclosed:before {
  top: 6px;
  left: 4px;
}
.chart-group-row-items {
  font-size: .825rem;
  display: flex;
  align-items: center;
}

input[type="text"].charts-group-name {
  border-color: #fff;
  font-size: .961rem;
  font-weight: 600;
  margin: 0 0 0 .5rem;
}
input[type="text"]:focus.charts-group-name {
  border-color: #d1d1d1;
}
.charts-preset-group-name {
  font-size: .961rem;
  font-weight: 600;
  display: inline-block;
  height: 2rem;
  line-height: 2rem;
  margin-left: 1rem;
}
.circle-per-line {
  opacity: 0;
}

/* mnd3 css ----------------------------------------------------------------- */
text.charts-nodata {
  fill: red;
  font-size: .625rem;
  transform: translate(-20px, 20px);
  font-weight: 400;
}
.nv-axis line {
  opacity: 0!important;
}
.tick line {
  opacity: .2!important;
}
.domain {
  opacity: .2!important;
}
.yAxis text,
.xAxis text {
  font-size: .625rem;
  font-family: OpenSans;
}
.mnd3-tooltip {
  pointer-events:none;
  padding: .5rem 1rem;
  position: absolute;
  display: none;
  border: 1px solid #d1d1d1;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 4px 7px 0 rgba(0,0,0,0.20);
  font-size: .75rem;
  z-index: 1050;
  border-radius: 1rem;
}
.charts-tooltip-row {
  margin: .25rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.charts-tooltip-key {
  margin-right: 2rem;
}
.charts-tooltip-row i {
  display: inline-block;
  height: 10px;
  width: 10px;
  margin-right: .5rem;
}
.tip-line-wrap .tip-line {
  stroke: #d1d1d1;
  stroke-width: 1px;
}
.legends-wrap {
  margin: 1rem .5rem 0 4rem;
  position: relative;
}
.legends {
  display: inline-block;
  margin: 0 1rem .25rem 0;
  cursor: pointer;
  font-size: .75rem;
}
.legends i {
  display: inline-block;
  height: 10px;
  width: 10px;
  margin-right: .25rem;
}
.legends.disabled i {
  border: 1px solid #000;
}
rect.selection {
  fill: #c6dbf2;
}
.minute-chart .charts-filter-icon:before{
  display: none;
}
.charts-filter-icon:before {
  font-family: FontAwesome;
  content: "\f010";
  font-size: 1.5rem;
  color: #a6b2bf;
  position: absolute;
  top: -72px;
  left: -2.5rem;
}
.handle {
  stroke: #d1d1d1;
  stroke-opacity: .6;
  fill: #d1d1d1;
  fill-opacity: .6;
}
.detailed-chart svg {
  cursor: pointer;
}
.focus-chart {
  transform: translate(64px, 10px);
}
/* cbui custom dropdown menu  ------------------------------------------------*/
.mn-dropdown {
  display: block;
  position: relative;
}

.mn-dropdown .dropdown-menu {
  display: none;
}
.mn-dropdown.open .dropdown-menu {
  display: block;
}

.mn-dropdown inner-header,
.mn-dropdown inner-body,
.mn-dropdown inner-footer,
.mn-dropdown mn-dropdown-item {
    display: block;
}

.mn-dropdown .select {
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem 0 .5rem;
  height: 32px;
  min-width: 248px;
  font-size: .875rem;
}
.mn-dropdown .select:after {
  font-family: FontAwesome;
  content: "\f0d7";
  color: #555;
  position: relative;
  right: -.5rem;
}
.mn-dropdown.open .select:after {
  content: "\f0d8";
}
.mn-dropdown .menu {
  position: absolute;
  top: 31px;
  width: 248px;
  border: 1px solid #d1d1d1;
  background-color: #fff;
  box-shadow: 0 4px 7px 0 rgba(0,0,0,0.25);
  overflow-y: hidden;
  z-index: 10;
}
.mn-dropdown .footer {
  padding: 1rem;
  box-shadow: 0 -1px 4px 0 rgba(0,0,0,0.25);
  position: relative;
}
input.borderless {
  border-width: 0 !important;
  padding: 0 !important;
}
mn-dropdown-item {
  background-color: white;
  padding: .5rem 1rem;
  cursor: pointer;
  position: relative;
  font-size: .875rem;
  display: block;
  border-bottom: 1px solid #d1d1d1;
  line-height: 1.3;
}
mn-dropdown-item:hover {
  background-color: #f6fafd;
}

/* styles specific to the .scenario-dropdown menu --------------------------- */
.scenario-dropdown inner-body {
  overflow-y: auto;
  max-height: calc(100vh - 200px);
}
/* magic number max-height shortens main menu when the add footer is expanded;
   TO-DO: EDIT controls are shorter than ADD and still make menu jump ----- */
.scenario-dropdown inner-body.body-shorter {
  max-height: calc(100vh - 344px);
}
.scenario-dropdown mn-dropdown-item {
  background-color: white;
  padding: .5rem 1rem;
  cursor: pointer;
  position: relative;
  font-size: .875rem;
  display: block;
  border-width: 0;
  line-height: 1;
}
.scenario-dropdown mn-dropdown-item:last-child {
  margin-bottom: .5rem;
}
.scenario-dropdown mn-dropdown-item:hover {
  background-color: #f6fafd;
}
.scenario-dropdown mn-dropdown-item p:nth-child(1) {
  font-size: .875rem;
  font-weight: 600;
  color: #000;
  margin: 0 0 .125rem 0;
  line-height: 1.2;
}
.scenario-dropdown mn-dropdown-item p:nth-child(2) {
  font-size: .688rem;
  font-weight: 400;
  color: #333;
  margin: 0;
  line-height: 1.2;
}
.scenario-controls {
  display: none;
  margin: 0 0 0 1rem;
  white-space: nowrap;
  text-align: right;
  position: absolute;
  right: .25rem;
  top: 2px;
  background-color: #f6fafd;
  padding: .5rem .5rem;
}
mn-dropdown-item:hover .scenario-controls {
  display: block;
  opacity: .7;
}
mn-dropdown-item .scenario-controls:hover {
  opacity: .9;
}
.scenario-controls .icon {
  color: #555;
  padding: 0 .5rem;
  cursor: pointer;
}
.scenario-controls .icon.fa-ellipsis-v {
  color: #999;
}
.scenario-controls .icon:hover {
  color: #000;
}
.scenario-controls .icon:last-child {
  margin-right: 0;
}
.scenario-add {
  position: relative;
  margin: -.5rem 0;
}
.scenario-add input[type=text] {
  position: relative;
  width: 100%;
  height: 32px;
  font-size: .8125rem;
  color: #333;
  margin: 0;
}
.scenario-add-ext {
  margin: 0;
}
.scenario-add .icon {
  font-size: 1.5rem;
  color:#b3cfef;
  position: absolute;
  right: .5rem;
  top: .25rem;
  pointer-events: none;
}
.scenario-add:hover .icon {
  font-size: 1.5rem;
  color: #689fde;
}
input[type=text].scenario-desc  {
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  position: relative;
  width: 100%;
  height: 32px;
  font-size: .8125rem;
  color: #333;
  margin: .5rem 0;
}
.scenario-add input[type=text]:hover,
input[type=text].scenario-desc:hover {
  border: 1px solid #999;
}
.scenario-dropdown .footer label {
  font-size: .8125rem;
  color: #333;
}
.scenario-save-controls {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  background-color: #fff;
  margin-bottom: -.5rem;
}
.scenario-save-controls a {
  font-size: .875rem;
}

/* chart-builder -------------------------------------------------------------*/
.chart-builder label {
  font-size: .75rem!important;
}
.chart-builder .dialog-xlg {
  max-height: 80vh;
}
.chart-builder .scrolling-wrapper {
  max-height: calc(80vh - 240px);
  overflow: scroll;
}
.chart-builder .columns-3 {
   columns: 120px 3;
}
/* footer for saving main-page forms (builds on <footer>) ----------------------------- */
.footer-save {
  height: 3rem
}
.footer-import {
  height: 4rem;
  z-index: 4;
}
/* stats footers for the wizard, dashboard, and various service pages --------*/
.footer-dashboard {
  flex-flow: column;
}
.footer-wizard {
  display: inline-block;
  font-size: .75rem;
  text-align: center;
  box-shadow: none;
}
.footer-indexes,
.footer-fts {
  align-items: flex-start;
  height: 78px;
}
.footer-indexes .column,
.footer-fts .column {
  height: 100%;
}
footer .column,
.footer-column {
  flex: 1 0 auto;
  white-space: nowrap;
  max-width: 320px;
  padding: 0 2rem 0 0;
  margin-right: 2rem;
  line-height: 1.5;
  height: 100%;
}
.column:last-child,
footer .column:last-child,
.footer-column:last-child {
  padding-right: 0;
}
.column:last-child,
footer .column:last-child,
.footer-column:last-child {
  margin-right: .25rem;
}
footer .column.vertical-divider,
.footer-column.vertical-divider {
  border-right: 1px solid #d1d1d1;
}
footer .column.narrow {
  flex: 0 1 0;
}
footer .column.wide {
  flex: 1 0 auto;
  max-width: inherit;
}
footer .column.wide.max-width-50 {
  max-width: 50%;
}
footer .column span {
  display: inline-block;
}
footer hr {
  margin: .25rem 0;
}

/* LDAP configuration dialog -------------------------------------------------*/
.ldap-helpsidebar {
  font-size: .75rem;
  width: 248px;
  position:fixed;
  left: calc(50vw + 120px);
  border: 1px solid #ececec;
  height: 480px;
  overflow-y: scroll;
  border-width: 0 0 0 1px;
  padding-left: 1rem;
}
.ldap-helpsidebar .disclosure {
  padding-left: 1.25rem;
}
.ldap-helpsidebar .disclosed {
  padding-left: 1.25rem;
}
.ldap-helpsidebar .disclosure:before {
  font-size: .875rem;
  top: 0;
}
.ldap-helpsidebar .disclosed:before {
  font-size: .875rem;
  top: 0;
}
.ldap-helpsidebar h5 {
  line-height: 1.7;
  margin-top: .25rem;
}
.ldap-helpsidebar h5:first-child {
  line-height: 1.7;
  margin-top: 0;
}
/* activity panel ---------------------------------------------------------- */
.activity-panel {
  padding: .5rem 1rem 1rem;
}
.activity-panel label {
  font-size: .925rem;
  font-weight: 600;
  color: #000;
}
.activity-panel h6 {
  margin: .25rem 0;
}
.rebalance-stage-status {
  font-size: .75rem;
  padding-right: 1.5rem;
}
.rebalance-stage-details {
  font-size: .688rem;
  color: #000;
  padding: .5rem 0 .5rem 1.5rem;
  margin-bottom: 1rem;
  background-color: #f6fafd;
}
.activity-panel .desc {
  color: #000;
  font-size: .75rem;
}
.activity-panel label.disclosure,
.activity-panel h6.disclosure {
  padding-left: 1rem;
}
.activity-panel label.disclosure:before,
.activity-panel h6.disclosure:before {
  left: -.25rem;
}
.activity-panel label.reverse.disclosed:before,
.activity-panel h6.reverse.disclosed:before {
  left: 0;
}
.activity-panel label.reverse.disclosed,
.activity-panel h6.reverse.disclosed {
  padding-left: 1.5rem;
}
.activity-panel label.disclosure:before,
.activity-panel label.disclosed:before {
  top: 2px;
  font-size: .875rem;
}
.activity-panel h6.disclosure:before,
.activity-panel h6.disclosed:before {
  top: -1px;
  font-size: .825rem;
}

/* button to control replication status in XDCR ----------------------------- */
button.replication .fa-spinner {
  -webkit-animation: fa-spin 1s infinite linear;
  animation: fa-spin 1s infinite linear;
}

/* for menu/panel close X's ------------------------------------------------- */
.close-x {
  font-size: 1rem;
  font-weight: 400;
  border-radius: 50%;
  margin-right: -.6rem;
  padding: .5rem .85rem;
  opacity: .7;
  transition: all .2s ease;
  color: #333;
  position: relative;
  top: 2px;
}
.close-x:hover {
  background-color: #eceff2;
  font-weight: 600;
  opacity: 1;
}
.close-x:active {
 background-color: #efefef;
 color: #555;
 opacity: .7;
}
.close-x.sml {
  margin: 0 0 0 .5rem;
  font-size: .875rem;
  padding: 0 .25rem;
  top: 0;
}
.close-x.sml:hover {
  background-color: #fff;
  font-weight: 600;
  color: #000;
  opacity: 1;
}

.cb-breadcrumb {
  position: relative;
}
.cb-breadcrumb:first-of-type {
  padding-left: 1.25rem;
}
.cb-breadcrumb:last-of-type .breadcrumb-divider {
  display: none;
}
.cb-breadcrumb:before {
  content: "";
  font-family: FontAwesome;
  font-size: 1rem;
  color: #56b349;
  position: absolute;
  left: 0;
  top: -3px;
}
.cb-breadcrumb:first-of-type:before {
  content: "\f00c";
}

a.supported-browsers,
a.supported-browsers-530 {
  color: #555;
  margin-top: .5rem;
  font-size: .688rem;
  width: 380px;
  text-align: center;
  display: inline-block;
}
a:hover.supported-browsers,
a:hover.supported-browsers-530 {
  color: #000;
}
a.supported-browsers-530 {
  width: 530px !important;
}

/* for import docs page ----------------------------------------------------- */
.import-wrapper {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: space-between;
  position: relative;
  margin: .5rem 0 2rem 0;
}
.import-col1 {
  margin: 0 2.5rem 0 0;
}
.importdata-parsedwrapper {
  position: relative;
  height: 50vh;
  background-color: #f4f4f4;
  margin-bottom: 2rem;
}
.import-table-panel {
  font-size: .75rem;
  font-weight: 400;
  position: absolute;
  width: 100%;
}
.import-empty-panel {
  padding: .5rem;
}
.import-raw-panel {
}

.block {
  display: block!important;
}

schema-display {
  display: block;
  margin-left: 1rem;
}
.border-top {
  border-width: 0;
  padding-top: 0!important;
}
div.border-top + div.border-top {
  border: 1px solid #d1d1d1;
  border-width: 1px 0 0 0;
  padding-top: 1rem!important;
}

.fts-index-editor {
  flex: 1 0 0;
  margin-bottom: 2rem;
}
.fts-index-editor .CodeMirror {
  height: 420px;
}
.fts-index-editor .CodeMirror * {
  font-size: .8125rem !important;
  cursor: pointer !important;
}
.fts-index-editor .filler {
  width: 40vw;
  height: 420px;
  background-color: #f6f7f9;
}
/* keyspace control --------------------------------------------------------- */
.mn-keyspace-selector {
  display: block;
  position: relative;
  background-color: #fff;
  width: fit-content;
}
.mn-keyspace-selector .filter-input-group .icon {
  width: auto!important;
  margin: auto 0;
}
/* imitates the .panel class ------------------------------------------------ */
.mn-keyspace-selector .selector-scroll {
  border: none;
  border-radius: 0 0 3px 3px;
  z-index: 10;
  box-shadow: 0 5px 6px 3px rgba(0,0,0,0.25);
  overflow: auto;
  position: absolute;
  max-height: 14rem;
  background-color: #fff;
  width: 100%;
  font-size: .875rem;
  cursor: pointer;
  line-height: 2;
  padding: .5rem 0;
}
.mn-keyspace-selector .selector-scroll a {
  color: #555;
  font-size: .875rem;
  display: block;
  line-height: 1.3;
  padding: .5rem 1.5rem .5rem .5rem;
  margin: 0;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.mn-keyspace-selector .selector-scroll a:last-child {
  border-bottom: none;
}

.mn-keyspace-selector .selector-scroll a:hover {
  color: #000;
  background-color: #f6fafd;
  opacity: 1;
}
.mn-keyspace-selector .selector-scroll a:active {
  color: #4287d6;
}
.mn-keyspace-selector .fa-times-circle {
  display: none;
}
.ks-control-wrapper {
  position: relative;
  border: 1px solid #d1d1d1;
  display: flex;
  margin: 0;
  padding: 0;
  border-radius: 3px;
  max-height: 2rem !important;
}
.ks-control-wrapper input {
  padding: 0 0 0 .5rem;
  line-height: auto;
  height: 2rem;
  margin: 0 0 0 0;
  border-width: 0;
  font-size: .875rem;
  color: #000;
  background-color: transparent!important;
}
.ks-control-wrapper input.selected {
  background-color: #f5f5f5 !important;
}
.ks-control-button {
  min-width: 0;
  font-size: .825rem;
  line-height: 1;
  font-weight: 600;
}
mn-input-filter {
  display: inline-block;
  position: relative;
  max-height: 2rem !important;
}
.ks-control-selectedrole {
  margin: .5rem 0 .5rem .25rem;
  background-color: #ecf3fa;
  padding: .5rem 0 0 .5rem;
}
.ks-control-selectedrole p {
  margin: 0 0 .25rem 0;
}
.ks-control-selectedrole a {
  min-width: auto;
  display: block;
  color: #555;
  text-align: center;
  border-radius: 50%;
  padding: 0 .75rem;
  opacity: 1;
  position: relative;
  top: -.5rem;
}
.ks-control-selectedrole a:hover {
  color: #000;
  font-weight: 600;
  background-color: #ececec;
  opacity: .9;
}
.ks-control-selectedrole a:active {
  background-color: #d1d1d1;
  opacity: 1;
}
mn-xdcr-add-rep-mapping-controls {
  display: block !important;
  padding: 0 1rem;
}
.mapping-rule {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: .8125rem;
  background-color: #f5f5f5;
  padding: .25rem;
  margin: .5rem 0 .25rem 0;
}
.cbui-tablerow-expanded .mapping-rule {
  background-color: transparent;
  margin-left: 2rem;
  display: inline-block;
}
mn-xdcr-add-rep-scope {
  display: block !important;
}
qw-collection-menu {
  display: block !important;
}
qw-collection-menu select {
  display: inline-block !important;
}