/* Banned patrons viewer - table and current patron */
.view-safety-patrons .bp-status--3,
.view-safety-patrons .bp-status--1,
.view-safety-patrons .bp-status--2,
.view-safety-patrons .bp-status--4,
.view-safety-current-patron .bp-status--3,
.view-safety-current-patron .bp-status--1,
.view-safety-current-patron .bp-status--2,
.view-safety-current-patron .bp-status--4 {
  padding-left: .3em;
  padding-right: .3em;
}

.view-safety-patrons .bp-status--3,
.view-safety-current-patron .bp-status--3 {
  background: green;
  color: white;
}

.view-safety-patrons .bp-status--1,
.view-safety-current-patron .bp-status--1 {
  background: red;
  color: white;
}

.view-safety-patrons .bp-status--2,
.view-safety-current-patron .bp-status--2 {
  background: orange;
}

.view-safety-patrons .bp-status--4,
.view-safety-current-patron.bp-status--3 {
  background: blue;
  color: white;
}

.views-responsive-grid-styling .view-content {
	margin-top: .5rem;
	margin-bottom: 1rem;
}

.view .pagination {
	justify-content: center;
	margin-top: 1rem;
}

.views-responsive-unformatted-grid-styling .view-content .views-row {
	background: #f7f7f7;
  flex: 1 1 calc(25% - 1rem);
  padding: .5rem;
  margin: .5rem;
  min-width: 17em;
  max-width: 25em;
}

.views-responsive-unformatted-grid-styling .view-content .views-row .views-field-field-bp-status {
	text-align: right;
	font-size: x-small;
}

.node--type-patron.node--view-mode-full .field--name-field-bp-photo .field__items {
	display: flex;
	flex-flow: row wrap;
}

.node--type-banning-letter.node--view-mode-full .print__wrapper--pdf,
.node--type-banning-letter-quick.node--view-mode-full .print__wrapper--pdf {
	float: right;
  margin: 1rem .5rem;
  padding: 2em;
  border: 1px solid #ddd;
  border-radius: .5rem;
  box-shadow: 0px 0px 5px #ddd;
}

.node--type-banning-letter.node--view-mode-full .print__wrapper--pdf::before,
.node--type-banning-letter-quick.node--view-mode-full .print__wrapper--pdf::before {
	content: "Next Steps";
	font-size: x-large;
	display: block;
}

.view-safety-ble-aggregations #edit-field-bl-topic-value .bef-checkboxes {
	display: flex;
  flex-flow: row wrap;
  max-width: 40em;
}

.view-safety-ble-aggregations #edit-field-bl-topic-value .bef-checkboxes > .checkbox{
	flex: 0 0 13em;
}