.views-displays {
  padding-bottom: 36px;
  border: 1px solid #ccc;
  border-radius:var(--border-radius-small) var(--border-radius-small) 0px 0px;
  overflow:hidden;
}

.js .views-edit-view .dropbutton-wrapper .dropbutton .dropbutton-action > * {
  font-size: initial;
}

.views-display-top {
  display:flex;
  gap:var(--gutter-1);
  padding:var(--gutter-1);
  border-bottom: 1px solid grey;
  background-color: var(--color-grey-light);
  justify-content:space-between;
}

.views-display-top .dropbutton-wrapper {
  position:initial;
  order:1;
}

.views-displays .tabs.secondary {
  display:flex;
  gap:var(--gutter-1);
}

.views-displays .tabs.secondary li {
  margin:0px;
  padding:0px;
}

.views-displays .tabs.secondary a {
  padding:3px var(--gutter-1);
  border: 1px solid #cbcbcb;
  border-radius: var(--border-radius-small);
  font-size: initial;
  line-height: initial;
}

/* 

.views-display-top .tabs {
  margin-right: 18em; 
}


.views-display-top .tabs > li:last-child {
  margin-right: 0; 
}


.views-displays .tabs.secondary li,
.views-displays .tabs.secondary li.is-active {
  width: auto;
  padding: 0;
  border: 0;
  background: transparent;
}
.views-displays .tabs li.add ul.action-list li {
  margin: 0;
}
.views-displays .tabs.secondary li {
  margin: 0 5px 5px 6px; 
}

.views-displays .tabs.secondary .tabs__tab + .tabs__tab {
  border-top: 0;
}
.views-displays .tabs li.tabs__tab:hover {
  padding-left: 0; 
  border: 0;
}


/* Display a red border if the display doesn't validate. 
.views-displays .tabs li.is-active a.is-active.error,
.views-displays .tabs .error {
  padding: 1px 6px;
  border: 2px solid #ed541d;
}
.views-displays .tabs a:focus {
  text-decoration: underline;
  outline: none;
}
.views-displays .tabs.secondary li a {
  background-color: #fff;
}
.views-displays .tabs li a:hover,
.views-displays .tabs li.is-active a,
.views-displays .tabs li.is-active a.is-active {
  color: #fff;
  background-color: #555;
}
.views-displays .tabs .open > a {
  position: relative;
  border-bottom: 1px solid transparent;
  background-color: #f1f1f1;
}
.views-displays .tabs .open > a:hover {
  color: #0074bd;
  background-color: #f1f1f1;
}
.views-displays .tabs .action-list li {
  padding: 2px 9px;
  border-width: 0 1px;
  border-style: solid;
  border-color: #cbcbcb;
  background-color: #f1f1f1;
}
.views-displays .tabs .action-list li:first-child {
  border-width: 1px 1px 0;
}
.views-displays .action-list li:last-child {
  border-width: 0 1px 1px;
}
.views-displays .tabs .action-list li:last-child {
  border-width: 0 1px 1px;
}
.views-displays .tabs .action-list input.form-submit {
  margin: 0;
  padding: 0;
  border: medium none;
  background: none repeat scroll 0 0 transparent;
}
.views-displays .tabs .action-list input.form-submit:hover {
  box-shadow: none;
}
.views-displays .tabs .action-list li:hover {
  background-color: #ddd;
}

/**
 * @file
 * The .admin.theme.css file is intended to contain presentation declarations
 * including images, borders, colors, and fonts.


.views-admin .links {
  margin: 0;
  list-style: none outside none;
}
.views-admin a:hover {
  text-decoration: none;
}
.box-padding {
  padding-right: 12px;
  padding-left: 12px;
}
.box-margin {
  margin: 12px 12px 0 12px;
}
.views-admin .icon {
  width: 16px;
  height: 16px;
}
.views-admin .icon,
.views-admin .icon-text {
  background-image: url(../../core/modules/views_ui/images/sprites.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left top; /* LTR 
}

.views-admin a.icon {
  border: 1px solid #ddd;
  border-radius: 4px;
  background:
    linear-gradient(-90deg, #fff 0, #e8e8e8 100%) no-repeat,
    repeat-y;
  box-shadow: 0 0 0 rgb(0, 0, 0, 0.3333) inset;
}
.views-admin a.icon:hover {
  border-color: #d0d0d0;
  box-shadow: 0 0 1px rgb(0, 0, 0, 0.3333) inset;
}
.views-admin a.icon:active {
  border-color: #c0c0c0;
}
.views-admin span.icon {
  position: relative;
  float: left; /* LTR 
}

.views-admin .icon.compact {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  direction: ltr;
}

/* Targets any element with an icon -> text combo 
.views-admin .icon-text {
  padding-left: 19px; /* LTR
}

.views-admin .icon.linked {
  background-position: center -153px;
}
.views-admin .icon.unlinked {
  background-position: center -195px;
}
.views-admin .icon.add {
  background-position: center 3px;
}
.views-admin a.icon.add {
  background-position:
    center 3px,
    left top; /* LTR
}

.views-admin .icon.delete {
  background-position: center -52px;
}
.views-admin a.icon.delete {
  background-position:
    center -52px,
    left top; /* LTR 
}

.views-admin .icon.rearrange {
  background-position: center -111px;
}
.views-admin a.icon.rearrange {
  background-position:
    center -111px,
    left top; /* LTR
}

.views-displays .tabs a:hover > .icon.add {
  background-position: center -25px;
}
.views-displays .tabs .open a:hover > .icon.add {
  background-position: center 3px;
}
  

.views-edit-view {
  margin-bottom: 15px;
}
.views-edit-view.disabled .views-displays {
  background-color: #fff4f4;
}
.views-edit-view.disabled .views-display-column {
  background: white;
}
*/