.webform-submission-form > section {
	border: 1px solid #bbb;
  margin: 1rem 0;
  padding: .5rem;
  border-radius: .5rem;
}

.webform-submission-form > fieldset {
	background: #fafafa;
  margin: 1rem 0;
  border-radius: .25rem;
  border: 1px solid #ccc;
}

.webform-submission-form > fieldset > legend {
	font-weight: 600;
  color: #424242;
  border: 0;
  background: #d4d4d4;
  display: block;
  padding: 7px 1%;
	border-radius: .25rem .25rem 0px 0px;
}

.webform-submission-form > fieldset > .fieldset-wrapper {
	padding: 0 .5rem;
}

.webform-submission-form > details {
	border: 1px solid #ccc;
  border-radius: 1rem;
  margin: 1rem 0;
}

.webform-submission-form > details > summary {
	background: #ddd;
  padding: 1rem;
  border-radius: 1rem;
  font-weight: 600;
  font-size: 1.2rem;
}

.webform-submission-form > details > .details-wrapper {
	padding: .5rem;
}

.webform-submission-form .form-select,
.webform-submission-form .form-control {
	width: unset;
}

#block-mplnet-barrio-views-block-users-current-block-1 {
	flex: 1 1 calc(50% - 10px);
  background: #ccc;
  padding: 5px;
  margin: 0 5px;
}

#block-mplnet-barrio-account-menu {
	flex: 1 1 calc(50% - 10px);
}

/* Hide collapse text when fieldset has class "collapsed" */
fieldset.collapsed .collapse-text-text {
  display: none;
}

/* Show collapse text when fieldset does NOT have class "collapsed" */
fieldset:not(.collapsed) .collapse-text-text {
  display: block;
}

.collapse-text-fieldset .fieldset-legend {
  display: inline-block;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  background-color: #6c757d;
  border: 1px solid #6c757d;
  border-radius: 0.25rem;
  cursor: pointer;
  text-align: center;
  user-select: none;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.collapse-text-fieldset .fieldset-legend:hover {
  background-color: #5a6268;
  border-color: #545b62;
}


.search-filters {
	background-color: #ccc;
	padding: .5rem;
}

.node-form .field--widget-options-buttons .form-checkboxes,
.node-form .field--widget-options-buttons .form-radios{
	display: flex;
	flex-flow: row wrap;
}

.gin-login .messages--error {
	display: none;
}

.nav-link {
	color: #0071b3;
}

.row,
.view-filters {
	margin-left: 0;
	margin-right: 0;
}

#main-wrapper #main {
	background-color: #efefef;
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.navbar-brand img {
	background-color: white;
}

.themed-header .view-header,
.view-header .themed-header {
	padding: 1rem;
	background-color: #ddd;
}

.align-center-middle {
	text-align: center;
	vertical-align: middle;
}

#quick-feedback-webform-link {
	position: fixed;
  bottom: 0;
  left: 0;
  background: lightgreen;
  border: 1px solid #000;
  display: block;
  width: 23em;
  padding: .25rem;
  z-index: 99999999;
}

#quick-feedback-webform-link p:last-of-type {
	margin-bottom: 0;
}

#webform-submission-mplnet-d7-d10-upgrade-feedback-add-form .form-item-your-name input,
#webform-submission-mplnet-d7-d10-upgrade-feedback-add-form textarea,
#webform-submission-mplnet-d7-d10-upgrade-feedback-add-form .form-item-follow-up-select select, 
#webform-submission-mplnet-d7-d10-upgrade-feedback-add-form .form-item-follow-up-other input {
	width: unset;
}

.navbar-brand img {
	width: 300px;
}

.page-view-search-wiki-pages #content {
	border-left: 1px solid #ccc;
	padding-left: 20px;
}

.sidebar .block.facet-sidebar {
	background-color: unset;
	border: none;
}

.--admin {
	border: 0.4em double #77797c;
}

.-wrap-anywhere {
	word-wrap: anywhere;
}

.buttons-flex-3-wide {
	display: flex;
	flex-flow: row wrap;
	border: 1px solid #77797c;
	border-radius: .5rem;
}

.buttons-flex-3-wide > p {
	flex: 1 1 calc(33.33% - 1rem);
  margin: .5rem;
  padding: .5rem;
  background-color: #ccc;
  border-radius: .5rem;
  text-align: center;
  display: flex;
  justify-content: center;
}

.mpl-catalog-list .views-row {
	display: flex;
	flex-flow: row wrap;
	border: 1px solid #ccc;
	border-radius: .5rem;
	margin: .5rem;
	max-width: calc(100% - 1rem);
}

.mpl-catalog-list .views-row .views-field {
	margin: .5rem;
	padding: .5rem;
}

.element-invisible {
  border: 0;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
	width: 1px;
}

.node-form .field--widget-options-buttons .form-checkboxes > .form-type--checkbox,
.node-form .field--widget-options-buttons .form-radios > .form-type--radio {
	padding: 0 .5rem;
  flex: 0 1 12em;
}

.bef-checkboxes .form-check.mb-3 {
	margin-bottom: 0 !important;
}

.bef-exposed-form > .flex-wrap fieldset legend,
.bef-exposed-form > .content > form > .flex-wrap fieldset legend,
.bef--secondary > .details-wrapper > fieldset legend,
.bef-exposed-form > .d-flex > .js-form-item > label,
.bef-exposed-form > .content > form > .d-flex > .js-form-item > label,
.bef--secondary > .details-wrapper > .js-form-item > label{
  font-weight: 700;
}

.min-width-5em {
	min-width: 5em;
}

.min-width-10em {
	min-width: 10em;
}

.min-width-20em {
	min-width: 20em;
}

.min-width-30em {
	min-width: 30em;
}

.block h2 {
	font-size: 1.6rem;
}

.block h3 {
	font-size: 1.3rem;
}

.block h4 {
	font-size: 1.2rem;
}

.block h5 {
	font-size: 1.1rem;
}

.text-right {
	text-align: right;
}

/* Standard Backgrounds - Colors & Borders */
.-green-bg {
  background-color: #71a442;
}

.-lightgreen-bg {
  background-color: #DEF1CD;
}

.-blue-bg {
  background-color: #1c6677;
}

.-lightblue-bg {
  background-color: #E4F3F6;
}

.-gray-bg {
  background-color: #77797c;
}

.-lightgray-bg {
  background-color: #efefef;
}

.-purple-bg {
  background-color: #782c54;
}

.-lightpurple-bg {
  background-color: #F5ECF1;
}

.-orange-bg {
  background-color: #d25d28;
}

.-lightorange-bg {
  background-color: #FFDECF;
}

.-white-bg {
  background-color: #fff;
}

.-bg-padding {
    padding: 1rem .5rem;
}

.-lightpurple-bg table,
.-lightpurple-bg thead,
.-lightpurple-bg tbody,
.-lightpurple-bg tr,
.-lightpurple-bg th,
.-lightpurple-bg td {
  border-color: #c38dab;
}

.-lightpurple-bg thead tr {
  background-color: #e4ccd9;
}

.-lightpurple-bg tr.info,
.-lightpurple-bg tr.even,
.-lightpurple-bg tr:nth-child(2n+2) {
  background-color: #f3e8ee;
}

.-lightpurple-bg tr.odd td.active,
.-lightpurple-bg tr.even td.active {
  background-color: #ebd9e3;
}

.-lightblue-bg table,
.-lightblue-bg thead,
.-lightblue-bg tbody,
.-lightblue-bg tr,
.-lightblue-bg th,
.-lightblue-bg td {
  border-color: #1c6677;
}

.-lightblue-bg thead tr {
  background-color: #c0e3ea;
}

.-lightblue-bg tr.info,
.-lightblue-bg tr.even,
.-lightblue-bg tr:nth-child(2n+2) {
  background-color: #e0f1f4;
}

.-lightblue-bg tr.odd td.active,
.-lightblue-bg tr.even td.active {
  background-color: #cee9ee;
}

.-lightgreen-bg table,
.-lightgreen-bg thead,
.-lightgreen-bg tbody,
.-lightgreen-bg tr,
.-lightgreen-bg th,
.-lightgreen-bg td {
  border-color: #497621;
}

.-lightgreen-bg thead tr {
  background-color: #c7e7aa;
}

.-lightgreen-bg tr.info,
.-lightgreen-bg tr.even,
.-lightgreen-bg tr:nth-child(2n+2) {
  background-color: #dbf0c9;
}

.-lightgreen-bg tr.odd td.active,
.-lightgreen-bg tr.even td.active {
  background-color: #d0ebb8;
}

.-lightorange-bg table,
.-lightorange-bg thead,
.-lightorange-bg tbody,
.-lightorange-bg tr,
.-lightorange-bg th,
.-lightorange-bg td {
  border-color: #9d3100;
}

.-lightorange-bg thead tr {
  background-color: #ffbea0;
}

.-lightorange-bg tr.info,
.-lightorange-bg tr.even,
.-lightorange-bg tr:nth-child(2n+2) {
  background-color: #fedaca;
}

.-lightorange-bg tr.odd td.active,
.-lightorange-bg tr.even td.active {
  background-color: #ffcab3;
}

/* end background colors */

.-id-check-repeats {
	visibility: hidden;
  font-size: .1px;
  line-height: .1px;
  float: right;
}

.row-stripes > .view-content,
.row-stripes > .view-content > .view-grouping > .view-grouping-content {
	border: 1px solid #ccc;
}

.row-stripes > .view-content > .views-row,
.row-stripes > .view-content > .view-grouping > .view-grouping-content > .views-row {
	color: #232429;
  background: #f5f5f5;
  border-bottom: 1px solid #ccc;
}

.row-stripes > .view-content > .views-row:nth-child(2n+2),
.row-stripes > .view-content > .view-grouping > .view-grouping-content > .views-row:nth-child(2n+2) {
  background-color: #fff;
}

.row-stripes > .view-content > .views-row:hover,
.row-stripes > .view-content > .views-row:focus,
.row-stripes > .view-content > .view-grouping > .view-grouping-content > .views-row:hover,
.row-stripes > .view-content > .view-grouping > .view-grouping-content > .views-row:focus {
  color: #232429;
  background: #f0f5fd;
}

/* Views */
.themed-field-labels .views-label {
	font-size: smaller;
	font-weight: 700;
}

.themed-field-padding .views-field {
	padding-bottom: .5rem;
}

.italic-labels .views-label {
	font-style: italic;
}

.max-height-exposed-filters-18em .views-exposed-form > .flex-wrap > .form-item {
	max-height: 18em;
	overflow: auto;
}

.item-list ul.list-group li.list-group-item {
	min-width: 10rem;
	padding: .5rem;
	background-color: initial;
	border-top: none;
	border-right: none;
	border-bottom: none;
}

.field--type-comment.comment-wrapper {
	background-color: #ddd;
  padding: 1rem;
  border-radius: .5rem;
}

.btn--plus::before {
  display: inline-block;
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-plus" viewBox="0 0 16 16"><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"/></svg>');
  background-repeat: no-repeat;
	background-size: 1.4rem;
  width: 1.1rem;
  height: 1.2rem;
  position: relative;
  left: -0.4rem;
  top: .1rem;	
}

.btn-primary {
	color: white;
}

.btn-primary a {
	text-decoration: none;
}

.rounded-border {
	margin: 1rem .5rem;
  padding: .75rem;
  border: 1px solid #ddd;
  border-radius: .5rem;
  box-shadow: 0px 0px 5px #ddd;
}


#edit-comment-body-wrapper > div > .js-filter-wrapper {
	display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
}

#edit-comment-body-wrapper > div > .js-filter-wrapper > div {
	margin-left: 1em;
}

#edit-comment-body-wrapper > div > .js-filter-wrapper > .form-type-select > label {
	display: none;
}

#edit-field-send-email-update-value--description {
	font-size: small;
	display: block;
}

.comment__content .card-body .card-title {
	visibility: hidden;
	font-size: 1px;
	margin: 0;
	display: block;
}

.comment__content .card-body nav .inline__links .nav-link {
	font-size: smaller;
	text-transform: lowercase;
}

.comment__content .card-body:nth-of-type(2) {
	padding-top: 0;
	font-size: smaller;
}

.add-dotted-border-top {
	border-top: 5px dotted #77797c;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
	width: 1em;
  height: 1em;
  background-color: red;
  border-radius: 1em;
  right: .4rem;
}

.rteindent1 {
	margin-left: 40px;
}


/* Collection requests */
#edit-field-colreq-format-target-id--wrapper .bef-nested > ul {
	display: flex;
  flex-flow: row wrap;
  padding-left: 0;
}

#edit-field-colreq-format-target-id--wrapper .bef-nested > ul li {
	list-style: none;
	padding-left: .5rem;
}

#edit-field-colreq-format-target-id--wrapper .bef-nested > ul li .form-check-label {
	position: relative;
	left: -.5rem;
}


* icons */
.c-request-links,
.c-volunteer-links,
.c-pd-links {
  background: white;
  margin: .5em;
  padding: .5em .5em 0;
  border-radius: 1em;
  border: 1px solid #aaa;
  box-shadow: 0 0 5px #aaa;
  z-index: 9;
  position: relative;
}

.c-volunteer-links .add-content-link {
  padding: 0;
}

.inline-content-links {
	clear: both;
}

.inline-content-links img {
	max-width: 64px;
	margin-right: 5px;
}

.add-content-links,
.icon-links {
  display: flex;
  flex-flow: row wrap;
}

.add-content-link {
  text-align: center;
  flex: 1 1 calc(33% - 2em);
  padding: 1em;
  min-width: 7em;
}

.add-content-link.--bg-spacing {
  margin: .5em;
  flex: 1 1 calc(33% - 3em);
  padding-bottom: 0;
  border-radius: 1em;
}

.add-content-links.--five .add-content-link {
  flex-basis: calc(20% - 2em);
}

.icon-link {
  text-align: center;
  flex: 1 1 calc(33% - 1em);
  padding: .5em;
  min-width: 7em;
  display: flex;
}

.icon-link p {
  background: #efefef;
  margin: .5em;
  padding: .5em;
  border-radius: .5em;
  flex-grow: 1;
}

.add-content-link img,
.icon-link img {
  max-width: 100px;
  height: auto;
}

/* Add content link buttons */
.add-content-link.--button {
  text-align: left;
}

.add-content-link.--button a {
  border: 1px solid #1c6677;
  border-radius: .25em;
  padding: .5em .5em .5em 1.5em;
  background-image: url(images/add.png);
  background-repeat: no-repeat;
  background-position: .25em center;
  background-color: #eee;
  box-shadow: 1px 1px #ccc;
}

.add-content-link.--button a:hover,
.add-content-link.--button a:focus {
  background-color: #ddd;
  text-decoration: none;
}

.add-content-link.--button a:active {
  background-color: #ccc;
  text-decoration: none;
}

.add-content-link.--button.--icon a {
  background-image: initial;
  padding: .5em;
}

.add-content-link.--button.--icon a > img {
  max-height: 16px;
  position: relative;
  top: 2px;
}





.current-node-fields .views-field {
	margin-top: .75rem;
	margin-bottom: .75rem;
}

.current-node-fields .views-field .views-label {
  font-weight: 700;
  font-size: smaller;
}

.themed-sidebar-current-node-fields > .view-content > .views-row > .views-field,
.themed-sidebar-current-node-fields-block {
	border: 1px solid #1c6677;
  overflow: hidden;
  margin: 1em .45em;
}

.themed-sidebar-current-node-fields.--gray > .view-content > .views-row > .views-field {
	border-color: #77797c;
}

.themed-sidebar-current-node-fields > .view-content > .views-row > .views-field > .views-label,
.themed-sidebar-current-node-fields-block > h2 {
	background: #1c6677 none repeat scroll 0 0;
  color: white;
  margin: 0;
  min-height: 18px;
  padding: 2px 4px;
  text-shadow: 1px 1px 3px #000;
}

.themed-sidebar-current-node-fields-block > h2 {
	font-size: 1em;
	padding: .3em;
}

.themed-sidebar-current-node-fields.--gray > .view-content > .views-row > .views-field > .views-label {
	background-color: #77797c;
}

.themed-sidebar-current-node-fields > .view-content > .views-row > .views-field > .field-content,
.themed-sidebar-current-node-fields-block > .content {
	font-size: smaller;
	padding: .5rem;
}

.sidebar-list > ul {
	padding-left: 1rem;
}

.sidebar-list > ul > li {
	margin-bottom: .3rem;
}


.view-id-wiki_pages.view-display-id-page_1 {
	
}

.view-id-wiki_pages.view-display-id-page_1 > .view-content {
	display: flex;
  flex-flow: row wrap;
}

.view-id-wiki_pages.view-display-id-page_1 > .view-content > .view-grouping {
	width: 31%;
  vertical-align: top;
  background: #fff;
  border: 1px solid #ccc;
  margin: .5%;
  min-height: 15em;
  border-radius: 5px;
  padding: .5rem;
}

.view-id-wiki_pages.view-display-id-page_1 > .view-content > .view-grouping > .view-grouping-header {
	font-size: 1.3em;
	font-weight: 700;
  margin: 1em 0 .5em;
}

.view-id-wiki_pages.view-display-id-page_1 > .view-content > .view-grouping > .view-grouping-content {
	margin-left: 1em;
}

.view-id-wiki_pages.view-display-id-page_1 > .view-content > .view-grouping > .view-grouping-content > h3 {
	display: none;
}

.view-id-wiki_pages.view-display-id-page_1 > .view-content > .view-grouping > .view-grouping-content > .views-row {
	display: list-item;
}


.staff-directory .views-view-responsive-grid__item-inner {
	padding: 1rem;
	background-color: white;
  border: 1px solid #ccc;
  border-radius: .5rem;
  margin: .5rem;
}



.mpl-block {
  border: 1px solid #77797c;
}

.mpl-block > h2 {
  border-bottom: 1px solid #ddd;
  color: white;
  font-size: 1.3em;
  margin: 0 0 .5rem;
  min-height: 18px;
  padding: 4px 8px 6px;
  text-shadow: 1px 1px 3px #000;
  background-color: #77797c;
}

.flex-view-content > .view-content {
	--bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}

.mpl-block.-green {
  border: 1px solid #71a442;
}

.mpl-block.-green > h2 {
  background-color: #71a442;
}

.mpl-block.-blue {
  border: 1px solid #1c6677;
}

.mpl-block.-blue > h2 {
  background-color: #1c6677;
}

.mpl-block.-purple {
  border: 1px solid #782c54;
}

.mpl-block.-purple > h2 {
  background-color: #782c54;
}

.mpl-block.-orange {
  border: 1px solid #d25d28;
}

.mpl-block.-orange > h2 {
  background-color: #d25d28;
}

.mpl-block.-black {
  border: 1px solid black;
}

.mpl-block.-black > h2 {
  background-color: black;
}

.mpl-block .view table {
	margin-top: 0;
}

.more-link {
	text-align: right;
  margin: 0 .5rem .5rem;
  font-size: small;
}


/* -------------------------
 * Custom field-based classes
 * ------------------------- */
 
/* Requests */
.themed-status--sidebar .view-content .modstate--new {
  border-left: 10px solid lightblue;
  padding-left: .25rem;
}

.themed-status--sidebar .view-content .rstatus-Ordering,
.themed-status--sidebar .view-content .modstate--complete {
  border-left: 10px solid green;
  padding-left: .25rem;
}

.themed-status--sidebar .view-content .rstatus-Not-ordering,
.themed-status--sidebar .view-content .modstate--closed,
.themed-status--sidebar .view-content .modstate--closed-duplicate,
.themed-status--sidebar .view-content .modstate--not-approved {
  border-left: 10px solid crimson;
  padding-left: .25rem;
}

.themed-status--sidebar .view-content .rstatus-Consider,
.themed-status--sidebar .view-content .modstate--pending,
.themed-status--sidebar .view-content .modstate--open {
  border-left: 10px solid orange;
  padding-left: .25rem;
}

.themed-status--sidebar .view-content .rstatus-Out-of-print {
  border-left: 10px solid deeppink;
  padding-left: .25rem;
}

.themed-status--sidebar .view-content .rstatus-Out-of-stock,
.themed-status--sidebar .view-content .modstate--postponed {
  border-left: 10px solid pink;
  padding-left: .25rem;
}

.themed-status--sidebar .view-content .rstatus-Need-more-info,
.themed-status--sidebar .view-content .modstate--approved,
.themed-status--sidebar .view-content .modstate--needs-details,
.themed-status--sidebar .view-content .modstate--assigned {
  border-left: 10px solid gold;
  padding-left: .25rem;
}

.themed-status--sidebar .view-content .modstate--archived {
  border-left: 10px solid purple;
  padding-left: .25rem;
}


/* Archived */
.themed-status .view-content .archState--unarchived,
.themed-status .view-content .archState--0 {
  background: darkseagreen;
  padding: 0;
  color: darkseagreen;
}

.themed-status .view-content .archState--archived,
.themed-status .view-content .archState--1 {
  background: purple;
  padding: 0;
  color: purple;
}

.themed-status--sidebar .view-content .archState--unarchived {
  border-left: 10px solid darkseagreen;
}

.themed-status--sidebar .view-content .archState--archived {
  border-left: 10px solid purple;
}
 
/* Supply requests*/
.key-supply-type {
  padding: 5px;
}

.themed-status .view-content .views-field-field-ticket-supply-type div {
	padding: 2px;
}

.themed-status .view-content .supply-1 div {
  background: blue;
  color: #fff;
}

.themed-status .view-content .supply-2 div {
  background: brown;
  color: #fff;
}

.themed-status .view-content .supply-3 div {
  background: darkseagreen;
}

.themed-status .view-content .supply-4 div {
  background: chocolate;
  color: #fff;
}

.themed-status .view-content .supply-5 div {
  background: plum;
}

.themed-status .view-content .supply-6 div {
  background: purple;
  color: #fff;
}

.themed-status .view-content .supply-7 div {
  background: pink;
}

.themed-status .view-content .supply-8 div {
  background: darkcyan;
  color: #fff;
}

.themed-status .view-content .supply-9 div {
  background: violet;
}

.themed-status .view-content .supply-10 div {
  background: tan;
}

.themed-status .view-content .supply-11 div {
  background: yellow;
}

.themed-status .view-content .supply-12 div {
  background: grey;
}

.themed-status .view-content .supply-13 div {
  background: darkblue;
  color: #fff;
}
 
 
 
.themed-status .views-field-field-sel-req-status div,
.themed-status .views-field-field-sel-req-priority div,
.themed-status .views-field-field-request-supply-type div,
.themed-status .views-field-field-request-status div,
.themed-status .views-field-field-request-priority div,
.themed-status .views-field-field-tech-req-status div {
  margin: 5px;
  display: block;
  text-align: center;
}

.themed-status .view-content td.views-field-moderation-state,
.themed-status .view-content td.views-field-field-priority-simple {
	text-align: center;
  vertical-align: middle;
}

/* Priority */
.themed-status .view-content .priority-low div {
  background: lightgreen;
  padding: 2px;
  color: #000;
}

.themed-status .view-content .priority-medium div {
  background: gold;
  padding: 2px;
  color: #000;
}

.themed-status .view-content .priority-high div {
  background: red;
  padding: 2px;
  color: #fff;
  text-shadow: 1px 1px 3px #000;
}



/* Status*/
.themed-status .view-content .rstatus-New div ,
.themed-status .view-content .rstatus-1 div ,
.themed-status .view-content .request-status-new div ,
.themed-status .view-content td.reqterm-status--1273 div,
.themed-status .view-content .tech-request-status-New div,
.themed-status .view-content .modstate--new div,
.themed-status .view-content .modState--new div {
  background: lightblue;
  padding: 2px;
  color: #000;
}

.themed-status .view-content .rstatus-Ordering div,
.themed-status .view-content .rstatus-2 div,
.themed-status .view-content .request-status-done div,
.themed-status .view-content td.reqterm-status--1270 div,
.themed-status .view-content div.reqterm-status--1270,
.themed-status .view-content .modstate--closed div,
.themed-status .view-content .modState--complete div {
  background: green;
  padding: 2px;
  color: #fff;
  text-shadow: 1px 1px 3px #000;
}

.themed-status .view-content .rstatus-Not-ordering div,
.themed-status .view-content .rstatus-3 div,
.themed-status .view-content .rstatus-Closed div,
.themed-status .view-content .request-status-notknown div,
.themed-status .view-content td.reqterm-status--1272 div,
.themed-status .view-content div.reqterm-status--1272,
.themed-status .view-content .tech-request-status-Closed div,
.themed-status .view-content .modstate--closed_wont_fix div,
.themed-status .view-content .modState--closed div,
.themed-status .view-content .modState--closed-duplicate div {
  background: crimson;
  padding: 2px;
  color: #fff;
  text-shadow: 1px 1px 3px #000;
}

.themed-status .view-content .rstatus-Consider div,
.themed-status .view-content .rstatus-4 div,
.themed-status .view-content .rstatus-Open-Pending div,
.themed-status .view-content .request-status-pending div,
.themed-status .view-content td.reqterm-status--1267 div,
.themed-status .view-content div.reqterm-status--1267,
.themed-status .view-content .tech-request-status-Open-Pending div,
.themed-status .view-content .modstate--open div,
.themed-status .view-content .modState--open div {
  background: orange;
  padding: 2px;
  color: #000;
}

.themed-status .view-content .rstatus-Out-of-print div,
.themed-status .view-content .rstatus-5 div,
.themed-status .view-content td.reqterm-status--1271 div,
.themed-status .view-content div.reqterm-status--1271,
.themed-status .view-content .modstate--needs_work div,
.themed-status .view-content .modState--archived div {
  background: deeppink;
  padding: 2px;
  color: #fff;
  text-shadow: 1px 1px 3px #000;
}

.themed-status .view-content .rstatus-Out-of-stock div,
.themed-status .view-content .rstatus-6 div,
.themed-status .view-content td.reqterm-status--1268 div,
.themed-status .view-content div.reqterm-status--1268,
.themed-status .view-content .tech-request-status-Postponed div,
.themed-status .view-content .modstate--postponed div,
.themed-status .view-content .modState--postponed div  {
  background: pink;
  padding: 2px;
  color: #000;
}

.themed-status .view-content .rstatus-Need-more-info div,
.themed-status .view-content .rstatus-7 div,
.themed-status .view-content td.reqterm-status--1269 div,
.themed-status .view-content div.reqterm-status--1269,
.themed-status .view-content .modstate--needs_review div,
.themed-status .view-content .modState--approved div,
.themed-status .view-content .modState--assigned div,
.themed-status .view-content .modState--needs-details div {
  background: gold;
  padding: 2px;
  color: #000;
}



/* Marketing status */
.themed-status .view-content .mstatus-New div {
  background: lightblue;
  padding: 2px;
  color: #000;
}

.themed-status .view-content .mstatus-Assigned div {
  background: gold;
  padding: 2px;
  color: #000;
}

.themed-status .view-content .mstatus-Approved div {
  background: green;
  padding: 2px;
  color: #fff;
  text-shadow: 1px 1px 3px #000;
}

.themed-status .view-content .mstatus-In-progress div {
  background: orange;
  padding: 2px;
  color: #000;
}

.themed-status .view-content .mstatus-Complete div {
  background: deeppink;
  padding: 2px;
  color: #000;
}

.themed-status .view-content .mstatus-Not-approved div {
  background: crimson;
  padding: 2px;
  color: #fff;
  text-shadow: 1px 1px 3px #000;
}

.themed-status .view-content .mstatus-Archived div {
  background: pink;
  padding: 2px;
  color: #fff;
  text-shadow: 1px 1px 3px #000;
}

.themed-status--sidebar .view-content .mstatus-New {
  border-left: 10px solid lightblue;
}

.themed-status--sidebar .view-content .mstatus-Assigned {
  border-left: 10px solid gold;
}

.themed-status--sidebar .view-content .mstatus-Approved {
  border-left: 10px solid green;
}

.themed-status--sidebar .view-content .mstatus-In-progress {
  border-left: 10px solid orange;
}

.themed-status--sidebar .view-content .mstatus-Complete {
  border-left: 10px solid deeppink;
}

.themed-status--sidebar .view-content .mstatus-Not-approved {
  border-left: 10px solid crimson;
}

.themed-status--sidebar .view-content .mstatus-Archived {
  border-left: 10px solid pink;
}



/* PD status */
.themed-status .view-content .pdstatus-New div {
  background: lightblue;
  padding: 2px;
  color: #000;
}

.themed-status .view-content .pdstatus-Approved div  {
  background: green;
  padding: 2px;
  color: #fff;
  text-shadow: 1px 1px 3px #000;
}

.themed-status .view-content .pdstatus-Pending div  {
  background: orange;
  padding: 2px;
  color: #000;
}

.themed-status .view-content .pdstatus-Denied div  {
  background: crimson;
  padding: 2px;
  color: #fff;
  text-shadow: 1px 1px 3px #000;
}

.themed-status--sidebar .view-content .pdstatus-New {
  border-left: 10px solid lightblue;
}

.themed-status--sidebar .view-content .pdstatus-Approved  {
  border-left: 10px solid green;
}

.themed-status--sidebar .view-content .pdstatus-Pending  {
  border-left: 10px solid orange;
}

.themed-status--sidebar .view-content .pdstatus-Denied  {
  border-left: 10px solid crimson;
}

/* Group project and task status */
.themed-status .status--plan div{
  background: lightblue;
  padding: 2px;
  color: #000;
}

.themed-status .status--comp div  {
  background: green;
  padding: 2px;
  color: #fff;
  text-shadow: 1px 1px 3px #000;
}

.themed-status .status--prog div  {
  background: orange;
  padding: 2px;
  color: #000;
}

.themed-status .status--hold div  {
  background: pink;
  padding: 2px;
  color: #000;
}

/* CE Projects */

.view-pindex-projects.themed-status .view-content .views-field-field-project-status div {
  margin-bottom: 0;
}

.view-pindex-projects.themed-status .view-content .status--plan div {
  border: 1em solid lightblue;
}

.view-pindex-projects.themed-status .view-content .status--comp div {
  border: 1em solid green;
}

.view-pindex-projects.themed-status .view-content .status--prog div {
  border: 1em solid orange;
}

.view-pindex-projects.themed-status .view-content .status--hold div {
  border: 1em solid pink;
}

.view-pindex-projects.themed-status .view-content .status--aband div {
  border: 1em solid purple;
}

.node--type-ce-partner .field--name-field-test-patron {
	color: red;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.5rem;
}

.list-group-item > .profile,
.view .field-content > .profile,
.paragraphs-item-partner-contact > .content {
	display: flex;
	flex-flow: row wrap;
}

.list-group-item > .profile > .field--name-field-user-first-name,
.view .field-content > .profile > .field--name-field-user-first-name {
	padding-right: .3rem;
}

.paragraphs-item-partner-contact > .content > div {
	flex: 0 0 100%;
}

.paragraphs-item-partner-contact > .content > div.field-name-field-cc-first-name,
.paragraphs-item-partner-contact > .content > div.field-name-field-cc-last-name {
	flex-basis: auto;
}

.field-name-field-cc-first-name {
	padding-right: .3rem;
}


/* Staff Intervention Levels */
/* ===============
 * Staff Intervention Behaviors
 * =============== */
.page-node-75003 .node--view-mode-full .entity-paragraphs-item,
.page-node-75004 .node--view-mode-full .entity-paragraphs-item,
.brg-intro {
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.2em;
  color: #333;
}

.page-node-75003 .field--name-body
.page-node-75004 .field--name-body {
  border: 1px solid #aaa;
}

.page-node-75003 .entity-paragraphs-item,
.page-node-75004 .entity-paragraphs-item {
  border: 1px solid #aaa;
  padding: 0 .5em;
}

.paragraphs-items .entity-paragraphs-item.paragraphs-item-staff-intervention-behavior {
  overflow: visible;
}

.paragraphs-item-staff-intervention-behavior > .content {
  display: flex;
  flex-flow: row wrap;
}

.paragraphs-item-staff-intervention-behavior p:last-of-type {
  margin-bottom: 0;
}

.paragraphs-item-staff-intervention-behavior > .content > .field {
  flex: 1 1 calc(50% - 1em);
}

.paragraphs-item-staff-intervention-behavior > .content > .field-name-field-description-medium {
  flex-basis: calc(70% - 1em);
  padding: 1em;
}

.paragraphs-item-staff-intervention-behavior > .content > .field-name-field-intervention-level {
  flex-basis: calc(25% - 1em);
  min-width: 12em;
}

.field-name-field-intervention-level > .field-items {
  display: grid;
  grid-template-areas: "one two three four five";
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.field-name-field-intervention-level > .field-items > .field-item {
  min-width: 2em;
  border: 1px solid #aaa;
  background-color: #ffdecf;
  margin: 1px;

}

.field-name-field-intervention-level > .field-items > .field-item > article > h2 {
  display: none;
}

.field-name-field-intervention-level > .field-items > .field-item .field-name-field-staff-response {
  display: none;
  font-size: 1rem;
}

.field-name-field-intervention-level > .field-items > .field-item > article > .content {
  position: relative;
}

.field-name-field-intervention-level > .field-items > .field-item:hover,
.field-name-field-intervention-level > .field-items > .field-item:focus {
  box-shadow: 1px 1px 5px gray;
}

.field-name-field-intervention-level > .field-items > .field-item:hover .field-name-field-staff-response,
.field-name-field-intervention-level > .field-items > .field-item:focus .field-name-field-staff-response {
  display: block;
  position: absolute;
  background-color: #efefef;
  border: 1px solid ;
  box-shadow: 1px 1px 3px black;
  z-index: 99999999;
  width: 14em;
  height: auto;
  padding: .25em .5em;
}

.field-name-field-intervention-level > .field-items > .taxonomy-term-3237.field-item:hover .field-name-field-staff-response,
.field-name-field-intervention-level > .field-items > .taxonomy-term-3237.field-item:focus .field-name-field-staff-response,
.field-name-field-intervention-level > .field-items > .taxonomy-term-3238.field-item:hover .field-name-field-staff-response,
.field-name-field-intervention-level > .field-items > .taxonomy-term-3238.field-item:focus .field-name-field-staff-response,
.field-name-field-intervention-level > .field-items > .taxonomy-term-3242.field-item:hover .field-name-field-staff-response,
.field-name-field-intervention-level > .field-items > .taxonomy-term-3242.field-item:focus .field-name-field-staff-response,
.field-name-field-intervention-level > .field-items > .taxonomy-term-3243.field-item:hover .field-name-field-staff-response,
.field-name-field-intervention-level > .field-items > .taxonomy-term-3243.field-item:focus .field-name-field-staff-response{
  right: 0;
}

@media screen and (min-width: 820px){ 
  .field-name-field-intervention-level > .field-items > .field-item:hover .field-name-field-staff-response,
  .field-name-field-intervention-level > .field-items > .field-item:focus .field-name-field-staff-response {
    right: 0;
  }
}

.field-name-field-intervention-level .field-name-field-level-display .field-item {
  font-size: 30px;
  text-align: center;
  padding-top: 5px;
}

.field-name-field-intervention-level #taxonomy-term-3234 {
  grid-area: one;
  background-color: #BD98E6;
}

.field-name-field-intervention-level #taxonomy-term-3235 {
  grid-area: two;
  background-color: #9D67DA;
}

.field-name-field-intervention-level #taxonomy-term-3236 {
  grid-area: three;
  background-color: #803ACF;
}

.field-name-field-intervention-level #taxonomy-term-3237 {
  grid-area: four;
  background-color: #6228A4;
}

.field-name-field-intervention-level #taxonomy-term-3238 {
  grid-area: five;
  background-color: #451C74;
}

.field-name-field-intervention-level #taxonomy-term-3239 {
  grid-area: one;
  background-color: #7A7AFF;
}

.field-name-field-intervention-level #taxonomy-term-3240 {
  grid-area: two;
  background-color: #4D4DFF;
}

.field-name-field-intervention-level #taxonomy-term-3241 {
  grid-area: three;
  background-color: #1F1FFF;
}

.field-name-field-intervention-level #taxonomy-term-3242 {
  grid-area: four;
  background-color: #0000B8;
}

.field-name-field-intervention-level #taxonomy-term-3243 {
  grid-area: five;
  background-color: #00007A;
}

.field-name-field-intervention-level .field-item .field-name-field-level-display {
  color: white;
  text-shadow: 1px 1px 3px black;
}


/****** 
 ****** PINDEX 
 ******/
.breakdown-page .c-flex-projects > .view-content > .views-row,
.node-type-ce-partner .c-flex-projects > .view-content > .views-row,
.page-pindex-me .c-flex-projects > .view-content > .views-row,
.page-pindex-projects .c-flex-projects > .view-content > .views-row,
.view-id-pindex_projects.c-flex-projects > .view-content > .views-row,
.view-id-pindex_projects_search.c-flex-projects > .view-content > .views-row,
.view-id-pindex_community_entities.c-flex-projects > .view-content > .views-row,
.view-id-pindex_community_entities .c-flex-projects > .view-content > .views-row {
  display: flex;
  flex-flow: row wrap;
  background: rgba(255,255,255,.5);
  padding: 0 .5em 1em;
  margin: 1em 0;
  border-radius: 1em;
}

.node-type-ce-partner .c-flex-projects > .view-content > .views-row,
.page-pindex-me .c-flex-projects > .view-content > .views-row,
.page-pindex-projects .c-flex-projects > .view-content > .views-row,
.view-id-pindex_projects.c-flex-projects > .view-content > .views-row,
.view-id-pindex_projects_search.c-flex-projects > .view-content > .views-row,
.view-id-pindex_community_entities.c-flex-projects > .view-content > .views-row,
.view-id-pindex_community_entities .c-flex-projects > .view-content > .views-row {
  background-color: #e4f3f6;
  border: 1px solid #1c6677;
}

.node-type-ce-partner .c-flex-projects .views-row .views-field-title,
.page-pindex-me .c-flex-projects .views-row .views-field-title,
.page-pindex-projects .c-flex-projects .views-row .views-field-title,
.view-id-pindex_projects.c-flex-projects .views-row .views-field-title,
.view-id-pindex_projects_serach.c-flex-projects .views-row .views-field-title {
  font-size: larger;
  margin: .5em 0;
}

.view-id-pindex_projects.c-flex-projects .views-row .views-field-title h3,
.view-id-pindex_projects_search.c-flex-projects .views-row .views-field-title h3,
.page-pindex-me .c-flex-projects .views-row .views-field-title h3,
.page-pindex-projects .c-flex-projects .views-row .views-field-title h3 {
  margin: 0;
}

.node-type-ce-partner .c-flex-projects .views-row .views-label,
.page-pindex-me .c-flex-projects .views-row .views-label,
.page-pindex-projects .c-flex-projects .views-row .views-label,
.view-id-pindex_projects.c-flex-projects .views-row .views-label,
.view-id-pindex_projects_search.c-flex-projects .views-row .views-label,
.view-id-pindex_community_entities .c-flex-projects .views-row .views-label {
  font-weight: 700;
  font-size: smaller;
}

.node-type-ce-partner .c-flex-projects .views-row .profile,
.page-pindex-me .c-flex-projects .views-row .profile,
.page-pindex-projects .c-flex-projects .views-row .profile,
.view-id-pindex_projects.c-flex-projects .views-row .profile {
  margin: 0;
  display: flex;
}

.node-type-ce-partner .c-flex-projects .views-row .profile .field--name-field-user-first-name,
.page-pindex-me .c-flex-projects .views-row .profile .field--name-field-user-first-name,
.page-pindex-projects .c-flex-projects .views-row .profile .field--name-field-user-first-name,
.view-id-pindex_projects.c-flex-projects .views-row .profile .field--name-field-user-first-name,
.view-id-pindex_projects_search.c-flex-projects .views-row .profile .field--name-field-user-first-name {
	padding-right: 0.3rem;
}

.node-type-ce-partner .c-flex-projects .views-row .profile:not(:last-child):not(:first-child) .field--name-field-user-last-name::after,
.page-pindex-me .c-flex-projects .views-row .profile:not(:last-child):not(:first-child) .field--name-field-user-last-name::after,
.page-pindex-projects .c-flex-projects .views-row .profile:not(:last-child):not(:first-child) .field--name-field-user-last-name::after,
.view-id-pindex_projects.c-flex-projects .views-row .profile:not(:last-child):not(:first-child) .field--name-field-user-last-name::after
/*.view-id-pindex_projects_search.c-flex-projects .views-row .profile:not(:last-child):not(:first-child) .field--name-field-user-last-name::after*/ {
	content: ", ";
}

.node-type-ce-partner .c-flex-projects .views-row .views-field:not(:first-child),
.page-pindex-me .c-flex-projects .views-row .views-field:not(:first-child),
.page-pindex-projects .c-flex-projects .views-row .views-field:not(:first-child),
.view-id-pindex_projects.c-flex-projects .views-row .views-field:not(:first-child),
.view-id-pindex_projects_search.c-flex-projects .views-row .views-field:not(:first-child) {
  padding-bottom: .5em;
}

.c-flex-projects > .view-content > .views-row > .views-field {
  padding: 5px;
  min-width: 9em;
  flex: 1 1 50%;
}

.c-vbo-flex-updates > .view-content .vbo-views-form > form > div {
  display: flex;
  flex-flow: row wrap;
}

.c-vbo-flex-updates > .view-content .vbo-views-form > form > div #edit-select {
  width: 90%;
}

.c-vbo-flex-updates > .view-content .vbo-views-form > form > div .vbo-fieldset-select-all {
  width: initial;
}

.c-vbo-flex-updates > .view-content .vbo-views-form > form > div .views-field-views-bulk-operations {
  position: absolute;
  margin-top: -.5em;
}

.c-flex-updates > .view-content > .views-row > .views-field,
.c-vbo-flex-updates > .view-content .vbo-views-form > form > div > .views-row > .views-field {
  padding: 5px;
  min-width: 9em;
  flex: 1 1 calc(33% - 10px);
}

.c-vbo-flex-updates > .view-content .vbo-views-form > form > div > .views-row > .views-field.--flex-basis--100 {
  flex-basis: 100%;
}

.c-flex-updates > .view-content > .views-row > .views-field-url,
.c-flex-updates > .view-content > .views-row > .views-field-view-comment,
.c-vbo-flex-updates > .view-content .vbo-views-form > form > div > .views-row > .views-field-url,
.c-vbo-flex-updates > .view-content .vbo-views-form > form > div > .views-row > .views-field-view-comment {
  flex-basis: 100%;
  text-align: right;
}

@media (min-width: 360px) {
  .c-flex-projects > .view-content > .views-row > .views-field {
    flex-basis: calc(33% - 10px);
  }
}

@media (min-width: 768px) {
  .c-flex-projects > .view-content > .views-row > .views-field {
    flex-basis: calc(25% - 10px);
  }

  .c-flex-projects > .view-content > .views-row > .views-field-body-value {
    flex-basis: calc(30% - 10px);
  }
}

@media (min-width: 1080px) {
  .c-flex-projects > .view-content > .views-row > .views-field {
    flex-basis: calc(16% - 10px);
  }

  .c-flex-projects > .view-content > .views-row > .views-field-body-value {
    flex-basis: calc(30% - 10px);
  }
}

.c-flex-projects > .view-content > .views-row > .views-field-title {
  flex-basis: 100%;
}

.views-field.--status-plan .field-content,
.views-field.-status-plan .field-content,
.status-label.--status-plan {
  border-left: 1em solid gray;
  padding-left: 5px;
}

.view-id-pindex_cur_supervisor .--status-plan {
  background: lightgray;
  padding: 3px;
}

.views-field.--status-prog .field-content,
.views-field.-status-prog .field-content,
.status-label.--status-prog {
  border-left: 1em solid blue;
  padding-left: 5px;
}

.view-id-pindex_cur_supervisor .--status-prog {
  background: lightskyblue;
  padding: 3px;
}

.views-field.--status-hold .field-content,
.views-field.-status-hold .field-content,
.status-label.--status-hold {
  border-left: 1em solid pink;
  padding-left: 5px;
}

.view-id-pindex_cur_supervisor .--status-hold {
  background: pink;
  padding: 3px;
}

.views-field.--status-comp .field-content,
.views-field.-status-comp .field-content,
.status-label.--status-comp {
  border-left: 1em solid green;
  padding-left: 5px;
}

.view-id-pindex_cur_supervisor .--status-comp {
  background: lightgreen;
  padding: 3px;
}

.views-field.--status-aband .field-content,
.views-field.-status-aband .field-content,
.status-label.--status-aband {
  border-left: 1em solid purple;
  padding-left: 5px;
}

.view-id-pindex_cur_supervisor .--status-aband {
  background: thistle;
  padding: 3px;
}

@media (min-width: 50em) {
  .breakdown-page .panel-flexible > .panel-flexible-inside > .panels-flexible-region.--b33 {
    flex-basis: calc(33.33% - 2em);
  }
  
  .breakdown-page .panel-flexible > .panel-flexible-inside > .panels-flexible-region-103-center {
    margin: 0 5px;
  }
}

.path-pindex .c-flex-partners > .view-content > .views-row {
  display: flex;
  flex-flow: row wrap;
  background-color: #f5ecf1;
  padding: 0 .5em 1em;
  margin: 1em 0;
  border: 1px solid #782c54;
  border-radius: 1em;
}

.path-pindex .c-flex-partners .views-row .views-label,
.path-pindex .c-flex-projects .views-row .views-label,
.path-pindex .c-flex-updates .views-row .views-label,
.path-pindex .c-vbo-flex-updates .views-row .views-label {
  font-weight: 700;
  font-size: smaller;
  line-height: 1;
}

.view-id-pal_partners .c-flex-projects > .view-content > .views-row {
  border: 1px solid #1c6677;
}

.c-flex-partners > .view-content > .views-row > .views-field {
  padding: 5px;
  min-width: 9em;
  flex: 0 1 50%;
}

.c-flex-partners > .view-content > .views-row > .views-field.views-field-body,
.c-flex-partners > .view-content > .views-row > .views-field.views-field-view {
  flex-grow: 1;
}

.c-flex-partners .c-flex-projects > .view-content > .views-row > .views-field {
  min-width: 6em;
  flex-basis: calc(50% - 10px);
}

.c-flex-partners > .view-content > .views-row > .views-field.views-field-title,
.c-flex-partners > .view-content > .views-row > .views-field.views-field-title-field,
.c-flex-partners > .view-content > .views-row > .views-field.views-field-search-api-relevance,
.c-flex-projects > .view-content > .views-row > .views-field.views-field-search-api-relevance,
.c-flex-updates > .view-content > .views-row > .views-field.views-label-search-api-excerpt,
.c-flex-updates > .view-content > .views-row > .views-field.views-field-search-api-relevance,
.c-flex-partners .c-flex-projects > .view-content > .views-row > .views-field.views-field-title,
.path-pindex .c-flex-updates > .view-content > .views-row > .views-field.views-field-comment-body {
  flex-basis: 100%;
}

.path-pindex .c-flex-partners .c-flex-projects > .view-content {
  display: flex;
  flex-flow: row wrap;
}

.path-pindex .c-flex-partners .c-flex-projects > .view-content > .views-row {
  flex: 1 1 calc(50% - 1.75em);
  margin: .25em;
}

.path-pindex .c-flex-updates > .view-content > .views-row,
.path-pindex .c-vbo-flex-updates > .view-content .vbo-views-form > form > div > .views-row {
  display: flex;
  flex-flow: row wrap;
  background-color: #ffdecf;
  padding: 0 .5em 1em;
  margin: 1em 0;
  border: 1px solid #d25d28;
  border-radius: 1em;
}


@media (min-width: 360px) {
  .c-flex-partners > .view-content > .views-row > .views-field {
    flex-basis: calc(33% - 10px);
  }
}

@media (min-width: 768px) {
  .c-flex-partners > .view-content > .views-row > .views-field {
    flex-basis: calc(25% - 10px);
  }

  .c-flex-partners > .view-content > .views-row > .views-field-body,
  .c-flex-partners > .view-content > .views-row > .views-field-changed,
  .c-flex-partners > .view-content > .views-row > .views-field-last-updated,
  .c-flex-partners > .view-content > .views-row > .views-field-comment-count,
  .c-flex-partners > .view-content > .views-row > .views-field-field-partner-contact,
  .c-flex-partners > .view-content > .views-row > .views-field-field-partner-contacts-migrated {
    flex-basis: calc(20% - 10px);
  }

  .c-flex-partners > .view-content > .views-row > .views-field-view {
    flex-basis: calc(40% - 10px);
  }
}

.paragraphs-item-partner-contact .view-mode-name_and_role,
.paragraphs-item-partner-contacts-migrated .view-mode-name_and_role {
  display: inline-block;
}

.paragraphs-item-partner-contact .view-mode-name_and_role.field-name-field-cc-last-name,
.paragraphs-item-partner-contacts-migrated .view-mode-name_and_role.field-name-field-cc-last-name {
  margin-left: 5px;
}

.path-pindex .region-three-inset-left-sidebar .views-widget-sort-by,
.path-pindex .region-three-inset-left-sidebar .views-widget-sort-order {
  display: none;
}

.path-pindex .region-three-inset-left-sidebar .remove-outer-view-spacing .block-inner,
.path-pindex .region-three-inset-left-sidebar .remove-outer-view-spacing .block-content,
.path-pindex .region-three-inset-left-sidebar .remove-outer-view-spacing form,
.path-pindex .region-three-inset-left-sidebar .remove-outer-view-spacing form .views-exposed-widgets {
  margin: 0;
}

.path-pindex .region-three-inset-left-sidebar .remove-outer-view-spacing form .views-exposed-widgets {
  padding-bottom: 1em;
}

.paragraphs-items-field-partner-contact-full .field-name-field-partner-contact > .field-items > .field-item,
.paragraphs-items-field-partner-contact-full .field-name-field-partner-contacts-migrated > .field-items > .field-item {
  display: list-item;
  margin-left: 2em;
}

/* PINDEX Search */
.view-id-pindex_all_ce_content_search .view-filters > form,
.view-id-pindex_all_ce_content_search .views-exposed-widgets {
  margin-bottom: 0;
}

.view-id-pindex_all_ce_content_search > .view-content > .views-row {
  padding: 1em;
}

.view-id-pindex_all_ce_content_search > .view-content > .views-row-even {
  background: #f7f7f7;
}

.view-id-pindex_all_ce_content_search h3 {
  margin-top: 0;
}

.view-id-pindex_all_ce_content_search .views-field-search-api-excerpt .field-content {
  background: lightyellow;
  padding: .25em;
  margin-top: .5em;
}

.view-id-pindex_all_ce_content_search .views-label-search-api-excerpt,
.view-id-pindex_all_ce_content_search .views-field-search-api-relevance {
  font-size: smaller;
}

.view-id-pindex_all_ce_content_search .views-field-type-1 {
  float: right;
  font-size: .1px;
  background-color: black;
  height: 100px;
  width: 100px;
  border: 5px solid;
  border-radius: 1em;
  background-size: 90px;
  background-repeat: no-repeat;
  background-position: center;
  padding: 1em;
}

.view-id-pindex_all_ce_content_search .views-field-type-1.--type-ce_partner {
  background-color: #f5ecf1;
  border-color: #782c54;
  background-image: url('images/pindex/person-phonebook.png');
}

.view-id-pindex_all_ce_content_search .views-field-type-1.--type-ce_project {
  background-color: #e4f3f6;
  border-color: #1c6677;
  background-image: url('images/pindex/project-idea.png');
}

.view-id-pindex_all_ce_content_search .views-field-search-api-excerpt {
  width: calc(100% - 130px);
}

.page-pindex-search #content,
.page-pindex-projects-search #content,
.page-pindex-partners-search #content {
  border-left: 1px solid #ccc;
  padding-left: 20px;
}

.page-pindex-search #block-views-6e7099ba13338dc6f09174a1419e4f31 .block-title,
.page-pindex-projects-search #block-views-8d211b87ef786d801451016a7694e925 .block-title,
.page-pindex-partners-search #block-views-80214a31b159525949d7d80ad8460728 .block-title {
  display: none;
}

/* My PINDEX */
.page-pindex-me .view-pindex-my-pindex > .view-content > .views-row {
  display: flex;
  flex-flow: row wrap;
}

.page-pindex-me .view-pindex-my-pindex > .view-content > .views-row > .views-field {
  flex: 1 1 calc(33% - 2em);
  min-width: 20em;
  margin: .25em;
  padding: .5em;
  background-color: #efefef;
  border: 1px solid #aaa;
}

/* PINDEX Supervisor Overview */
.view-id-pindex_cur_supervisor > .view-content {
  display: flex;
  flex-flow: row wrap;
}

.c-pindex-update--ce_project {
  padding-left: 2em;
  background-image: url('images/pindex/project-idea.png');
  background-size: 1.2em;
  background-repeat: no-repeat;
  background-position: .25em;
}

.c-pindex-update--ce_partner {
  padding-left: 2em;
  background-image: url('images/pindex/person.png');
  background-size: 1.2em;
  background-repeat: no-repeat;
  background-position: .25em;
}

.view-id-pindex_cur_supervisor > .view-content > .views-row {
  flex: 1 1 100%;
}

.view-pindex-cur-supervisor .views-field-field-reference-user .profile {
  margin: 0;
}

.field-name-field-reference-library.view-mode-entity_reference_widget_view {
  font-style: italic;
  font-size: smaller;
}

@media all and (min-width: 360px) {
  .view-id-pindex_cur_supervisor > .view-content > .views-row {
    flex-basis: calc(50% - 4em);
    min-width: 18em;
    max-width: 50%;
  }
}

@media all and (min-width: 768px) {
  .view-id-pindex_cur_supervisor > .view-content > .views-row {
    flex-basis: calc(33.33% - 4em);
    min-width: 18em;
  }
}

.views-exposed-widgets .views-widget-filter-field_project_status_value {
  min-width: 11em;
}

.views-exposed-widgets .views-widget-filter-field_project_status_value .bef-checkboxes,
.views-exposed-widgets .views-widget-filter-field_project_type_value .bef-checkboxes {
  display: flex;
  flex-flow: row wrap;
}

.views-exposed-widgets .views-widget-filter-field_project_status_value .bef-checkboxes > .form-item,
.views-exposed-widgets .views-widget-filter-field_project_type_value .bef-checkboxes > .form-item {
  padding: 2px 5px;
  margin: .25rem .75rem .25rem 0;
  border: 1px solid #ccc;
  border-radius: .25em;
}

.views-exposed-widgets .views-widget-filter-field_project_status_value .bef-checkboxes > .form-item:last-of-type,
.views-exposed-widgets .views-widget-filter-field_project_type_value .bef-checkboxes > .form-item:last-of-type {
  margin-right: 0;
}

/* Supervisor PINDEX */
.view-display-id-page_ceops .views-table th.views-field-title {
  width: 20em;
}

.view-display-id-page_ceops .views-table th.views-field-body {
  width: 25em;
}

.view-display-id-page_ceops .views-table .views-field-nothing article {
  margin: 0;
}

.view-display-id-page_ceops tbody .views-field-nothing-1 {
  display: flex;
  flex-flow: row wrap;
}

.view-display-id-page_ceops tbody .views-field-nothing-1 > div {
  flex-basis: 50%;
}

.view-display-id-page_ceops tbody .views-field-nothing-1 > div:last-of-type {
  flex-basis: 100%;
}




/* wiki pages search */
.view-id-search_wiki_pages.view-display-id-page_1 .views-row {
	display: flex;
  flex-flow: row wrap;
}

.view-id-search_wiki_pages.view-display-id-page_1 .views-row > .views-field-type {
	flex: 1 1 10em;
}

.view-id-search_wiki_pages.view-display-id-page_1 .views-row > .views-field-type .field-content {
	float: right;
	background-color: azure;
	padding: .5rem;
}

.view-id-search_wiki_pages.view-display-id-page_1 .views-row > .views-field-title {
	flex: 1 1 calc(100% - 10em);
}

.view-id-search_wiki_pages.view-display-id-page_1 .views-row > .views-field-search-api-excerpt {
	flex: 1 1 100%;
}

.view-id-search_wiki_pages.view-display-id-page_1 .views-row > .views-field-search-api-excerpt .field-content {
	padding:0 1rem 1rem;
}

.view-id-search_wiki_pages.view-display-id-page_1 .views-row > .views-field-search-api-excerpt .views-label,
.view-id-search_wiki_pages.view-display-id-page_1 .views-row > .views-field-created,
.view-id-search_wiki_pages.view-display-id-page_1 .views-row > .views-field-changed,
.view-id-search_wiki_pages.view-display-id-page_1 .views-row > .views-field-search-api-relevance {
	margin-right: 1rem;
	font-size: smaller;
}




.paragraph--type--documents-list > .field--name-field-group-label {
	font-size: x-large;
  font-weight: 600;
}

.paragraph--type--documents-list > .field--name-field-documents > .field__item {
	margin-top: .5rem;
}


.l-views-grid--bhvrlg {
	display: grid;
	padding: .5rem;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: 
    "edit id"
    "meta actions"
    "details details";
}

@media all and (min-width: 768px) {
	.l-views-grid--bhvrlg {
		grid-template-columns: 1fr 1fr 2fr;
  	grid-template-rows: auto;
  	grid-template-areas: 
    	"edit id ."
    	"meta actions details";
	}
}

.l-views-grid--bhvrlg > div {
	padding: .25rem;
}

.l-views-grid--bhvrlg .ga-edit {
	grid-area: edit;
}

.l-views-grid--bhvrlg .ga-id {
	grid-area: id;
}

.l-views-grid--bhvrlg .ga-meta {
	grid-area: meta;
}

.l-views-grid--bhvrlg .ga-actions {
	grid-area: actions;
}

.l-views-grid--bhvrlg .ga-details {
	grid-area: details;
}

.l-views-grid--bhvrlg .paragraph--type--bl-patron {
	display: flex;
  flex-flow: row wrap;
}
	
.l-views-grid--bhvrlg .paragraph--type--bl-patron	.field--name-field-bl-name-first {
	margin-right: .3rem;
}
	
.l-views-grid--bhvrlg .paragraph--type--bl-patron .field--name-field-bl-physical-desc {
	flex-basis: 100%;
	font-size: smaller;
}

.l-views-grid--bhvrlg .ga-meta > .field-content > div.label-known-patrons {
	display: none;
}

.l-views-grid--bhvrlg .ga-meta > .field-content > div.label-known-patrons:first-of-type {
	display: initial;
}

/* Volunteer Database */
.view-id-content_volunteer_performers .view-filters .d-flex > div {
	flex: 1 1 25%;
	min-width: 10em;
} 

.view-id-content_volunteer_performers #edit-field-vp-date-bg-check-value-wrapper {
	flex-basis: 40%;
}

.view-id-content_volunteer_performers #edit-field-vp-date-bg-check-value-wrapper .fieldset-wrapper {
	display: flex;
	flex-flow: row wrap;
}

/* Personnel Requests */
.view-id-content_current_personnel_request.view-display-id-block_4 > .view-content > .views-row {
  display: flex;
  flex-flow: row wrap;
}

.view-id-content_current_personnel_request.view-display-id-block_4 > .view-content > .views-row > .views-field {
  background: #ddd;
  margin: .5em;
  padding: 1em;
  border-top: 1em solid #1c6677;
}

.views-field-field-pers-task-email, .views-field-field-pers-task-mpl-lists, .views-field-field-pers-task-scls-lists,
.views-field-field-pers-task-mailchimp, .views-field-field-pers-task-name-tag, .views-field-field-pers-task-kodiak-account, 
.views-field-field-pers-task-mplnet-account, .views-field-field-pers-task-madpl-account, .views-field-field-pers-task-zoom,
.views-field-field-pers-task-mplnet-ntfctns {
	display: none;
}

.views-field-field-pers-task-email.personnel-task--2976 {
	display: block;
}

.views-field-field-pers-task-mpl-lists.personnel-task--2991 {
	display: block;
}

.views-field-field-pers-task-scls-lists.personnel-task--2996 {
	display: block;
}

.views-field-field-pers-task-mailchimp.personnel-task--3001 {
	display: block;
}

.views-field-field-pers-task-name-tag.personnel-task--3006 {
	display: block;
}

.views-field-field-pers-task-kodiak-account.personnel-task--3021 {
	display: block;
}

.views-field-field-pers-task-mplnet-account.personnel-task--3011 {
	display: block;
}

.views-field-field-pers-task-madpl-account.personnel-task--3026 {
	display: block;
}

.views-field-field-pers-task-zoom.personnel-task--2986 {
	display: block;
}

.views-field-field-pers-task-mplnet-ntfctns.personnel-task--3016 {
	display: block;
}