/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
  display: block;
}

audio,canvas,progress,video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

progress {
  vertical-align: baseline;
}

template,[hidden] {
  display: none;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active,a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,strong {
  font-weight: inherit;
}

b,strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

code,kbd,pre,samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

button,input,select,textarea {
  font: inherit;
  margin: 0;
}

optgroup {
  font-weight: bold;
}

button,input {
  overflow: visible;
}

button,select {
  text-transform: none;
}

button,html [type="button"],[type="reset"],[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type="checkbox"],[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

@media screen {
  * {
    box-sizing: border-box;
  }

  em,i {
    font-style: italic;
  }

  strong,b {
    font-weight: bold;
  }

  a {
    text-decoration: none;
  }

  a:link,a:visited {
    color: #A91919;
  }

  a:active,a:hover {
    color: #e34545;
  }

  h1,h2,h3,h4,h5,h6 {
    margin: 0;
  }

  h3,h4,h5,h6 {
    font-weight: bold;
  }

  h1 {
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 24px;
  }

  h2 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 24px;
  }

  h3 {
    font-size: 24px;
    margin-bottom: 24px;
  }

  h5 {
    font-size: 14px;
  }

  p {
    margin: 24px 0;
  }

  ul {
    padding-left: 24px;
    list-style: disc;
  }

  pre {
    max-width: 100%;
    overflow-x: auto;
  }

  html,body {
    height: 100%;
  }

  body {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #676767;
    overflow-x: hidden;
  }

  table {
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
  }

  th,table.tablesaw th {
    font-weight: bold;
    text-align: left;
    padding: 6px 0.5em;
  }

  table,table.tablesaw {
    margin-bottom: 12px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    border-collapse: separate;
  }

  .tablesaw tr:not(:last-child) td {
    border-bottom: 1px solid #dfdfdf;
  }

  tr.delete {
    background-color: #fcc;
  }

  td,table.tablesaw td {
    padding: 6px 0.5em 5px;
    position: relative;
    vertical-align: middle;
  }

  table.tablesaw td:first-child a {
    word-wrap: break-word;
  }

  table.tablesaw thead tr:first-child th {
    padding-top: 6px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dfdfdf;
  }

  legend {
    font-size: 20px;
    padding: 12px 0;
    font-weight: bold;
  }

  [contenteditable="true"],textarea {
    clear: both;
    padding: 6px;
    border: 1px solid rgba(0,0,0,0.15);
    display: block;
    background-color: #fff;
    min-height: 72px;
    max-height: 120px;
    overflow-y: auto;
  }

  [contenteditable="true"] p {
    margin: 12px 0;
  }

  .cke_dialog_body textarea {
    max-height: none;
  }

  input,[contenteditable="true"],textarea,button,select {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    color: #676767;
  }

  input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="number"],input[type="date"],input[type="datetime-local"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    height: 36px;
    border: 1px solid rgba(0,0,0,0.15);
    padding: 6px;
    margin: 0;
  }

  :disabled {
    background-color: rgba(0,0,0,0.04);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.15) inset;
    color: #a7a7a7;
    cursor: default;
  }

  :disabled:hover {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.15) inset !important;
  }

  ::-webkit-input-placeholder {
    font-style: italic;
  }

  :-ms-input-placeholder {
    font-style: italic;
  }

  ::placeholder {
    font-style: italic;
  }

  [contenteditable="true"]>*:first-child {
    margin-top: 0;
  }

  [contenteditable="true"]>*:last-child {
    margin-bottom: 0;
  }

  input[type="submit"],button,a.button,.button {
    min-height: 36px;
    background-color: rgba(0,0,0,0.08);
    color: #676767;
    border-radius: 3px;
    border: 0;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.15) inset;
    padding: 6px 10px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    margin: 0 0 12px 0;
  }

  input[type="submit"]:hover:not(.inactive),button:hover:not(.inactive),a.button:hover:not(.inactive),.button:hover:not(.inactive) {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.3) inset;
  }

  input[type="submit"].inactive,button.inactive,a.button.inactive,.button.inactive {
    box-shadow: none;
    background-color: #d2d2d2;
    cursor: default;
    border: 0;
  }

  .red.button {
    background-color: #FDEFEF;
    box-shadow: 0 0 0 1px #E0C3C3 inset;
    color: #A91919;
  }

  .red.button:hover {
    box-shadow: 0 0 0 1px #DA8B8B inset;
  }

  .green.button {
    background-color: #cdffcd;
    color: green;
    box-shadow: 0 0 0 1px #addead inset;
  }

  .green.button:hover {
    box-shadow: 0 0 0 1px #63c363 inset;
  }

  .required .field-meta {
    position: relative;
    padding-right: 36px;
  }

  .required .field-meta:after {
    font-family: "Font Awesome 5 Free";
    content: "\f069";
    font-size: 12px;
    position: absolute;
    right: 12px;
    color: #A91919;
    top: 6px;
  }

  label input[type="checkbox"] {
    display: inline-block;
    width: auto;
  }

  label.required:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f069";
    font-size: 12px;
    color: #A91919;
    float: right;
    padding-right: 12px;
  }

  .touched:invalid {
    box-shadow: 0 0 2px 2px #A91919;
  }

  .field {
    width: 100%;
    background-color: rgba(0,0,0,0.04);
    padding: 6px;
    position: relative;
    margin-bottom: 6px;
    display: flex;
    flex-wrap: wrap;
  }

  .field:first-child {
    border-color: transparent;
  }

  .media-field-wrapper {
    width: 100%;
    padding: 12px 6px;
    margin-bottom: 6px;
    background-color: rgba(0,0,0,0.04);
    position: relative;
  }

  .media-field-wrapper .field {
    width: 100%;
    margin: 0 0 6px;
    padding: 0;
    background-color: transparent;
  }

  .media-field-wrapper .field:last-of-type {
    margin-bottom: 0;
  }

  .media-field-wrapper .field:last-of-type .field-meta,.media-field-wrapper .field:last-of-type .inputs {
    margin-bottom: -6px;
  }

  .media-field-wrapper .actions {
    font-size: 16px;
    padding: 6px 0;
  }

  select {
    background: #fff url("../img/select-arrow.svg") no-repeat;
    background-position: right 6px center;
    background-size: 8px;
    border: 1px solid #dfdfdf;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    margin: 0;
    padding: 0 24px 0 6px;
    border-radius: 3px;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  select::-ms-expand {
    display: none;
  }

  label input {
    margin-right: .5em;
  }

  fieldset {
    margin: 0 0 24px;
    border: 0;
    padding: 0;
    min-width: 100%;
  }

  .selector input[type="text"],.selector>ul {
    width: 100%;
  }

  .selector>ul {
    margin: 0;
  }

  .chosen-container-single .chosen-single,.chosen-container-multi .chosen-choices {
    background-image: none;
    background-color: #fff;
    box-shadow: none;
    font-size: 16px;
    line-height: 24px;
    padding: 6px;
    height: auto;
    border-radius: 3px;
    border-collapse: #dfdfdf;
    color: #676767;
    border-color: #dfdfdf;
  }

  .chosen-container-multi.chosen-container-active .chosen-choices {
    border-color: #aaa;
    border-radius: 3px 3px 0 0;
  }

  .chosen-container-multi.chosen-container.chosen-drop-up .chosen-choices {
    border-radius: 0 0 3px 3px;
  }

  .chosen-container-multi.chosen-container .chosen-drop {
    top: calc(100% - 1px);
    border-top: 1px solid #aaa;
  }

  .chosen-container-multi.chosen-container.chosen-drop-up .chosen-drop {
    bottom: calc(100% - 1px);
  }

  .chosen-container-multi .chosen-choices {
    padding: 3px;
  }

  .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    font-family: "Lato", sans-serif;
    margin: 0;
  }

  .chosen-container-multi .chosen-choices li.search-choice {
    background: #f0f0f0;
    font-size: 14px;
    line-height: 24px;
    border: 0;
    padding: 0 27px 0 0;
  }

  .chosen-container-multi .chosen-choices li.search-choice span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
  }

  .chosen-container .search-choice .group-name {
    color: #676767;
    position: relative;
    background-color: rgba(0,0,0,0.04);
    margin-right: 6px;
    padding: 0 6px;
    display: inline-block;
    vertical-align: top;
  }

  .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
  }

  .chosen-container .search-choice .group-name:after {
    content: "";
  }

  .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    min-height: 0;
    margin: 3px;
    height: auto;
    line-height: 24px;
  }

  .chosen-container-active.chosen-with-drop .chosen-single {
    background-image: none;
  }

  .chosen-container-single .chosen-single abbr {
    top: 12px;
  }

  .chosen-container-single .chosen-single div b {
    background: none !important;
  }

  .chosen-container-single .chosen-single div b:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0d7";
    line-height: 24px;
    padding: 6px 0;
    display: inline-block;
  }

  .chosen-container-active.chosen-with-drop .chosen-single div b:after {
    content: "\f0d8";
  }

  .chosen-container-single .chosen-search input[type="text"] {
    background: none !important;
  }

  .chosen-search {
    position: relative;
  }

  .chosen-search:after {
    font-family: "Font Awesome 5 Free";
    content: "\f002";
    line-height: 24px;
    padding: 6px 0;
    display: block;
    position: absolute;
    top: 3px;
    right: 12px;
  }

  .chosen-container .chosen-results li.highlighted {
    background-color: #676767;
    background-image: none;
  }

  .chosen-container.chosen-drop-up .chosen-drop {
    top: auto;
    bottom: 100%;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 -1px 2px rgba(0,0,0,0.15);
    border-top: 1px solid #aaa;
  }

  .chosen-container-active.chosen-drop-up.chosen-with-drop .chosen-single {
    border-radius: 0 0 3px 3px;
  }

  .flex {
    display: flex;
  }

  .mobile-only {
    display: none;
  }

  div[role="main"]>.messages {
    margin-bottom: 12px;
  }

  div[role="main"]>.messages li {
    margin: 0 0 6px;
  }

  div[role="main"]>.messages .error {
    background-color: #f4b4b4;
  }

  div[role="main"]>.messages .success {
    background-color: #cdffcd;
  }

  div[role="main"]>.messages .warning {
    background-color: #fff6e6;
  }

  div[role="main"]>.messages a {
    text-decoration: underline;
  }

  .messages {
    padding: 0;
    margin: 0;
    clear: both;
  }

  .messages li {
    background-color: rgba(255,255,255,0.5);
    border-radius: 3px;
    padding: 6px 10px;
    margin-top: 6px;
    display: block;
    width: 100%;
  }

  .field .messages {
    width: 70%;
    color: #A91919;
    margin-left: auto;
  }

  .field .messages li {
    box-shadow: 0 0 0 1px inset;
  }

  .error,.error a {
    color: #A91919;
  }

  .success,.success a {
    color: green;
  }

  .warning,.warning a {
    color: orange;
  }

  .version-notification {
    background-color: #cdffcd;
    color: green;
    border-radius: 3px;
    padding: 6px 10px;
    margin-top: 6px;
    display: block;
    width: 100%;
  }

  .version-notification a {
    color: green;
    text-decoration: underline;
  }

  table .icon-sortable {
    opacity: .4;
    font-size: 12px;
    line-height: 100%;
  }

  .row {
    width: 100%;
    background-color: rgba(0,0,0,0.04);
    padding: 6px;
    position: relative;
    margin-bottom: 6px;
  }

  .sortable-handle:before {
    cursor: move;
    content: "\f0c9";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    opacity: .35;
    font-size: 20px;
    line-height: 24px;
    margin-right: 12px;
  }

  .o-description {
    margin-bottom: 0;
  }

  a.expand,a.collapse {
    color: #676767;
  }

  .expand:after {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 3px;
  }

  .collapse:after {
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 3px;
  }

  header {
    background-color: #404E61;
    width: 18.75%;
    min-height: 100vh;
    text-align: left;
    padding: 0 1.04167% 24px;
    color: #bdcde3;
  }

  .skip {
    position: absolute;
    left: -9999px;
  }

  .skip:focus {
    position: absolute;
    top: 0;
    left: 45%;
    width: 10%;
    z-index: 1002;
    text-align: center;
    background-color: #fff;
    border-radius: 0 0 3px 3px;
    border: 1px solid #dfdfdf;
    padding: 5px;
  }

  .logo a,#user a {
    color: #bdcde3;
  }

  #user {
    color: #fff;
    padding-top: 12px;
    margin-bottom: -6px;
  }

  #user p {
    margin: 0;
    display: inline-block;
    vertical-align: top;
  }

  #user .user-id {
    text-transform: uppercase;
    font-size: 12px;
    width: 75%;
    margin-bottom: 6px;
    margin-right: -4px;
  }

  #user .user-id a {
    display: block;
    font-size: 16px;
    text-transform: none;
    margin-top: -6px;
  }

  #user .logout {
    font-size: 12px;
    padding: 0 6px;
    background-color: #222933;
    border-radius: 3px;
    display: inline-block;
    min-width: 25%;
    text-align: center;
  }

  .logo {
    padding: 6px 6.25%;
    margin: 0 -6.25%;
    background-color: #222933;
  }

  #search {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 24px 0;
  }

  #search input[type="text"] {
    width: calc(100% - 72px);
    float: left;
  }

  #search button {
    width: 36px;
    text-indent: -9999px;
    background-color: #222933;
    color: #bdcde3;
    border: 0;
    float: left;
    margin: 0;
    border-radius: 0;
    position: relative;
    height: 36px;
    box-shadow: none;
  }

  #search button:last-of-type {
    border-left: 1px solid rgba(255,255,255,0.2);
    border-radius: 0 3px 3px 0;
  }

  #search button:last-of-type:after {
    content: "\f002";
  }

  #search button:after {
    content: "\f141";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    line-height: 36px;
    text-align: center;
  }

  #advanced-options {
    display: none;
  }

  div[role="main"]>h1:first-of-type {
    /*background-color: #fff;*/
    font-size: 24px;
    position: fixed;
    padding: 3px 30% 3px 1.04167%;
    z-index: 3;
    top: 0;
    right: 0;
    width: 81.25%;
    height: 48px;
    /*border-bottom: 1px solid #dfdfdf;*/
    overflow: hidden;
    line-height: 36px;
  }

  div[role="main"]>h1:first-of-type .title {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 65%;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
  }

  .subhead {
    text-transform: uppercase;
    font-size: 14px;
    padding: 0 6px;
    background-color: #eee;
    line-height: 36px;
    vertical-align: middle;
    margin: 0 12px 0 0;
    font-weight: normal;
    display: inline-block;
  }

  .subhead:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    margin-right: 6px;
    font-size: 16px;
    vertical-align: top;
  }

  .action {
    display: inline-block;
    vertical-align: middle;
  }

  .action:before {
    content: "\00b7";
    margin: 0 12px;
  }

  .sidebar-open footer {
    margin-right: 25%;
  }

  footer {
    font-size: 12px;
    position: relative;
    margin-top: -27px;
    margin-left: 18.75%;
    padding-right: 1.04167%;
    text-align: right;
  }

  footer .site-version {
    margin: 0;
    display: inline-block;
  }

  footer .version-number {
    display: inline-block;
    margin: 0 12px;
    line-height: 1;
  }

  body.transitions-enabled footer {
    transition: margin-right .5s;
  }

  footer>a:not(:last-child) {
    margin-right: 12px;
  }

  nav ul {
    padding: 0;
    list-style: none;
    margin: 0;
  }

  nav.pagination {
    margin-bottom: 12px;
    overflow: hidden;
  }

  nav.pagination form,nav.pagination .button,nav.pagination .row-count {
    float: left;
  }

  nav.pagination form {
    margin-right: 12px;
  }

  nav.pagination form * {
    display: inline-block;
    padding: 0;
    text-align: center;
  }

  nav.pagination .button {
    border-radius: 0;
    margin: 0;
    padding: 0 10px;
  }

  nav.pagination .button,nav.pagination input[type="text"],.sorting button,.sorting select {
    font-size: 13.08px;
    min-height: 0;
    height: 24px;
    line-height: 24px;
    vertical-align: top;
    background-size: 6.5408px;
  }

  nav.pagination .button {
    box-shadow: 0 0 0 1px #C8C8C8 inset;
    position: relative;
  }

  nav.pagination .button:hover {
    z-index: 1;
  }

  nav.pagination .button:before {
    vertical-align: top;
    line-height: 24px;
  }

  nav.pagination .previous.button {
    border-radius: 3px 0 0 3px;
  }

  nav.pagination .next.button {
    border-radius: 0 3px 3px 0;
    margin-left: -1px;
  }

  nav.pagination form input[type="text"] {
    margin-right: .25em;
    width: 48px;
    border: 1px solid #dfdfdf;
    padding: 5px;
  }

  nav.pagination+*:not(.sorting) {
    clear: left;
  }

  #mobile-nav {
    display: none;
  }

  .mobile-container {
    position: relative;
  }

  header nav h4 {
    padding-bottom: 5px;
    border-bottom: 1px solid #364252;
    margin-bottom: 6px;
  }

  header nav h4:not(:first-of-type) {
    margin-top: 24px;
  }

  header nav ul.navigation>li:not(:first-of-type) {
    margin-top: 6px;
  }

  header nav ul.navigation>li:not(:last-of-type) {
    border-color: #dfdfdf;
  }

  header nav ul.navigation li li {
    display: none;
  }

  header nav ul.navigation li.active li {
    display: block;
    margin-left: 24px;
  }

  header nav ul.navigation li.active>a {
    color: #fff;
  }

  header nav a:link,header nav a:visited {
    color: #bdcde3;
  }

  header nav li>a:before {
    content: "\f0fe";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    width: 24px;
  }

  header nav .items:before,.items .subhead:before {
    content: "\f1b2";
  }

  header nav .media:before,.media .subhead:before {
    content: "\f03e";
  }

  header nav .item-sets:before,.item-sets .subhead:before {
    content: "\f1b3";
  }

  header nav .vocabularies:before,.vocabularies .subhead:before {
    content: "\f02d";
  }

  header nav .resource-templates:before,.resource-templates .subhead:before {
    content: "\f14b";
  }

  header nav .users:before,.users .subhead:before {
    content: "\f007";
  }

  header nav .modules:before,.modules .subhead:before {
    content: "\f0fe";
  }

  header nav .jobs:before,.jobs .subhead:before {
    content: "\f0ae";
  }

  header nav .sites:before,.sites .subhead:before {
    content: "\f109";
  }

  header nav .settings:before,.settings .subhead:before {
    content: "\f085";
  }

  header nav li li a:before {
    content: "\f0da";
  }

  header ul.navigation {
    margin-bottom: 6px;
  }

  #menu {
    position: relative;
  }

  #menu h5 {
    text-transform: uppercase;
    border-top: 1px solid #364252;
    padding-top: 5px;
    margin-bottom: 0;
  }

  #menu .expand,#menu .collapse {
    width: 100%;
    z-index: 1;
    padding-bottom: 6px;
    margin-bottom: 6px;
  }

  #site-nav {
    background-color: #364252;
    padding: 6px;
    margin-bottom: 12px;
    border-radius: 3px;
  }

  #site-nav h5 {
    border-top: 0;
    border-bottom: 1px solid #2c3542;
    padding: 0 24px 5px 0;
    margin-bottom: 6px;
  }

  header nav#site-nav h5 a:before {
    content: "\f109";
    font-family: "Font Awesome 5 Free";
    width: 24px;
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
  }

  #menu .pages:before,.site-pages .subhead:before {
    content: "\f15b";
  }

  #menu a.navigation:before {
    content: "\f0e8";
  }

  #menu a.public {
    float: right;
    text-align: right;
    font-size: 16px;
    line-height: 30px;
    margin-top: -39px;
  }

  #menu a.resources:before {
    content: "\f1b3";
  }

  #menu a.site-info:before {
    content: "\f085";
  }

  #menu a.theme:before,.theme-settings .subhead:before {
    content: "\f1fc";
  }

  div[role="main"] {
    width: 81.25%;
    padding: 60px 1.04167% 36px;
    background-color: #fff;
    min-height: 100%;
    overflow: hidden;
  }

  body.transitions-enabled div[role="main"] {
    transition: width .5s;
  }

  #dashboard>p {
    width: 100%;
    margin-top: 12px;
  }

  #manage-resources .add.button:before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
  }

  .panel {
    width: 48.95833%;
    float: left;
    padding-left: 1.04167%;
    padding-right: 1.04167%;
    border: 1px solid #dfdfdf;
    padding: 5px;
    margin: 0 1.04167% 0 0;
    float: left;
    overflow: hidden;
  }

  .panel .row {
    width: 100%;
    background-color: rgba(0,0,0,0.04);
    padding: 6px;
    position: relative;
    margin-bottom: 6px;
  }

  .panel>.row:last-child {
    margin-bottom: 0;
  }

  .panel .button {
    float: right;
    margin: 0;
  }

  .panel .row a.button {
    box-shadow: none;
    padding: 0;
    color: #A91919;
    background-color: transparent;
  }

  .panel h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 6px;
  }

  .browse .add.button,.browse .batch-edit.button {
    float: left;
    margin-right: .25em;
  }

  .browse td:first-child,.browse th:first-child {
    width: 50%;
  }

  .browse td,.browse th {
    padding: 12px 6px;
    overflow: hidden;
  }

  .browse .browse-controls {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 13.08px;
  }

  .browse .browse-controls .advanced-search:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: -.125em;
    font-family: "Font Awesome 5 Free";
    content: "\f002";
    padding: .25em;
  }

  .browse-controls select,.browse-controls input,.browse-controls button,.browse-controls .button {
    font-size: 13.08px;
    min-height: 0;
    height: 24px;
    line-height: 24px;
    vertical-align: top;
    background-size: 6.5408px;
  }

  .browse-controls .sorting:not(:last-child) {
    margin-left: auto;
  }

  .browse-controls button,.browse-controls .button {
    padding: 0 10px;
  }

  .browse-controls .filtering {
    margin-left: 24px;
  }

  .browse .select-all {
    width: 12px;
    margin-right: 12px;
  }

  .browse .tablesaw-cell-content,#properties .tablesaw-cell-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    word-wrap: break-word;
  }

  .browse .tablesaw-cell-content>.actions,#properties .tablesaw-cell-content>.actions {
    white-space: nowrap;
  }

  .browse .batch-edit .tablesaw-cell-content>input[type="checkbox"] {
    margin-right: 12px;
    flex-shrink: 0;
  }

  .browse .tablesaw-cell-content>span.indent {
    display: inline-block;
    vertical-align: top;
    flex: 0;
    min-width: 1em;
  }

  .actions {
    margin: 0 0 0 auto;
    display: flex;
    padding: 0;
  }

  .actions li {
    list-style-type: none;
  }

  .actions a,.actions a:before,.actions button,.actions button:before {
    width: 24px;
    height: 24px;
    line-height: 24px;
    vertical-align: top;
    border: 0;
    box-shadow: none;
  }

  .actions a,.actions button {
    opacity: .5;
  }

  .actions a:before,.actions button:before {
    text-align: right;
  }

  .actions a:hover,.actions a:active,.actions button:hover {
    opacity: 1;
  }

  .actions button {
    background-color: transparent;
    color: #A91919;
    margin: 0;
    text-indent: -9999px;
    position: relative;
    padding: 0;
    min-height: 0;
  }

  .actions button:before {
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
  }

  .row-count {
    margin: 0 6px;
  }

  .no-resources {
    text-align: center;
    position: relative;
    margin-top: 96px;
  }

  .no-resources:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 96px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: .08;
  }

  .no-resources p {
    font-size: 24px;
    line-height: 48px;
    margin-top: 48px;
  }

  td .o-icon-private {
    display: inline-block;
    vertical-align: bottom;
    margin-left: .5em;
    opacity: .5;
  }

  .items .no-resources:before {
    content: "\f1b2";
  }

  .item-sets .no-resources:before {
    content: "\f1b3";
  }

  .media .no-resources:before,#media-list .no-resources:before {
    content: "\f03e";
  }

  .modules .no-resources:before {
    content: "\f0fe";
  }

  .vocabs .no-resources:before {
    content: "\f02d";
  }

  .resource-templates .no-resources:before,.resources-templates {
    content: "\f14b";
  }

  .users .no-resources:before {
    content: "\f0c0";
  }

  .jobs .no-resources:before {
    content: "\f0ae";
  }

  .sites .no-resources:before {
    content: "\f109";
  }

  #batch-form {
    border: 1px solid #dfdfdf;
    border-bottom: 0;
    border-radius: 3px;
    margin-bottom: 12px;
  }

  #batch-form table.tablesaw {
    border-width: 1px 0;
    border-radius: 0 0 3px 3px;
    margin-bottom: 0;
  }

  #batch-form .batch-actions {
    display: inline-block;
  }

  #batch-form .batch-inputs {
    display: flex;
    align-items: center;
    padding: 6px;
    background-color: rgba(0,0,0,0.04);
  }

  #batch-form .batch-actions>a.button,#batch-form .batch-actions>button,#batch-form .batch-actions>input[type="submit"] {
    display: none;
    margin: 0 12px 0 0;
    font-size: 14px;
    line-height: 24px;
    min-height: 0;
    padding: 0 6px;
  }

  #batch-form .batch-actions>a.button.active,#batch-form .batch-actions>button.active,#batch-form .batch-actions>input[type="submit"].active {
    display: inline-block;
  }

  #batch-form select {
    font-size: 14px;
    min-height: 0;
    height: auto;
    line-height: 24px;
    padding: 0 24px 0 6px;
    margin-right: 6px;
    border: 0;
    box-shadow: 0 0 0 1px #dfdfdf inset;
  }

  .batch-selected {
    padding-left: 0;
    list-style: none;
  }

  .batch-selected li {
    padding: 12px 0 11px;
    border-bottom: 1px solid #dfdfdf;
  }

  .batch-selected li:first-child {
    padding-top: 0;
  }

  .batch-selected li:last-child {
    border-color: transparent;
  }

  .multi-value.field .remove-value {
    background-color: transparent;
    color: #A91919;
    display: inline-block;
    text-indent: -9999px;
    position: relative;
    width: 36px;
    text-align: center;
  }

  .multi-value.field .remove-value:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    line-height: 36px;
    text-indent: 0;
  }

  .multi-value.field .remove-value:hover {
    color: #A91919;
  }

  #advanced-options {
    background-color: #fff;
    padding: 6px 12px calc(6px - 1px);
    clear: both;
    border: 1px solid rgba(0,0,0,0.15);
    border-top: 0;
    color: #676767;
  }

  #advanced-options legend {
    float: left;
    width: calc(100% + 24px);
    font-weight: bold;
    padding: 6px 12px;
    margin: -6px -12px 12px;
    background-color: rgba(0,0,0,0.04);
    max-width: none;
  }

  #advanced-options input {
    float: left;
    clear: left;
    margin-right: .5em;
    height: 24px;
    margin-bottom: 6px;
  }

  #advanced-options label {
    float: left;
    margin-bottom: 6px;
  }

  .search-filters {
    margin-bottom: 6px;
    display: inline-block;
  }

  .filter {
    display: inline-block;
    font-size: 13.08px;
    margin: 0 6px 6px 0;
    border-radius: 3px;
    background-color: #f0f0f0;
    padding: 0;
    vertical-align: top;
  }

  .filter-label {
    display: inline-block;
    background-color: rgba(0,0,0,0.04);
    border-radius: 3px 0 0 3px;
  }

  .filter-label,.filter-value {
    padding: 0 6px;
  }

  .filter-value:not(:last-child):after {
    content: ",";
  }

  fieldset.section>legend {
    position: absolute;
    left: -9999px;
  }

  .section-nav {
    border-top: 1px solid #fff;
    height: 42px;
    position: relative;
    margin-bottom: 12px;
    clear: both;
  }

  .section-nav:before {
    content: "";
    height: 3px;
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    z-index: 0;
    background: #fff;
    border: 1px solid #dfdfdf;
    border-width: 1px 0;
  }

  .section-nav a {
    display: block;
    float: left;
    height: 36px;
    line-height: 30px;
    padding: 3px 1em;
    position: relative;
    z-index: 1;
    background-color: #fff;
    border-color: #dfdfdf;
    border: 1px solid #dfdfdf;
    margin-left: .25em;
    color: #676767;
  }

  .section-nav .active a {
    font-weight: bold;
    border-bottom-color: #fff;
  }

  .section:not(a) {
    display: none;
  }

  .section.active {
    display: block;
  }

  #page-actions {
    position: fixed;
    padding: 6px 1.04167%;
    z-index: 4;
    top: 0;
    height: 36px;
    right: 0;
    text-align: right;
    margin-bottom: 0;
  }

  #page-actions input[type="submit"],#page-actions button,#page-actions .button {
    display: inline-block;
    height: 36px;
    padding: 6px 1em;
    min-height: 0;
    vertical-align: top;
  }

  #page-actions .delete.button {
    background-color: #FDEFEF;
    box-shadow: 0 0 0 1px #E0C3C3 inset;
    color: #A91919;
  }

  #page-actions .delete.button:hover {
    box-shadow: 0 0 0 1px #DA8B8B inset;
  }

  .add-property.button {
    margin-top: 24px;
  }

  .field-term {
    display: inline-block;
    font-family: "Source Code Pro", monospace;
    font-size: 12px;
  }

  .inputs .value a.value-language {
    margin-right: 0;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    width: 36px;
    line-height: 36px;
    border: 1px solid #dfdfdf;
    overflow: hidden;
    text-align: center;
    color: #f19d9d;
    z-index: 1;
  }

  .inputs .value a.value-language.active {
    border-color: transparent;
  }

  .inputs .value a.value-language ~ textarea {
    padding-left: 42px;
  }

  .inputs input[type="text"].value-language.active {
    line-height: 24px;
    background-color: transparent;
    border: 1px solid #dfdfdf;
    width: 100%;
    min-height: 0;
    padding: 0 0 0 42px;
    display: block;
  }

  .inputs input[type="text"].value-language.active.active ~ textarea {
    padding-left: 6px;
    border-top: 0;
  }

  input[type="text"].value-language,.delete input[type="text"].value-language.active {
    display: none;
  }

  .non-properties {
    margin-bottom: 12px;
  }

  .visibility {
    display: inline-block;
    padding: 6px;
    margin-right: 12px;
  }

  .add .visibility:before,.edit .visibility:before {
    margin-right: .25em;
  }

  .add .visibility [type="checkbox"],.edit .visibility [type="checkbox"] {
    margin-left: .5em;
  }

  #add-item .remove.field {
    background-color: #ea7171;
    opacity: .6;
  }

  .resource.input-option span {
    display: block;
    background-color: rgba(255,255,255,0.5);
    padding: 6px 10px 0;
    width: 100%;
    float: left;
  }

  .field-meta {
    width: 30%;
    padding-right: 6px;
    position: relative;
  }

  .field-meta legend,.field-meta label,.field-meta .label {
    max-width: 80%;
    padding: 6px 0;
    display: inline-block;
  }

  .field-meta legend {
    position: static;
    float: left;
  }

  .field-meta .error {
    float: left;
  }

  .field-meta ul {
    padding: 0;
    list-style-type: none;
  }

  .field-label-text {
    display: block;
  }

  .template {
    display: none;
  }

  .selector ul {
    list-style: none;
    padding-left: 0;
  }

  .selector>ul {
    margin-top: 6px;
  }

  .selector li {
    position: relative;
  }

  .selector li.total-count-heading {
    background-color: #404E61;
    color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 12px;
    padding: 6px 10px;
  }

  .selector li.total-count-heading>ul {
    margin: 6px -10px -6px;
    border-radius: 0 0 3px 3px;
  }

  .selector li.show>ul {
    position: relative;
    top: 0;
    left: 0;
    overflow: visible;
  }

  .selector .selectable-list {
    background-color: #fff;
    color: #676767;
    overflow: visible;
    border-radius: 3px;
    font-weight: bold;
    position: relative;
    border: 1px solid #dfdfdf;
    margin: 6px 0 0;
    text-transform: uppercase;
    font-size: 12px;
  }

  .selector .selectable-list li {
    padding: 6px 12px;
  }

  .selector .selectable-list .selector-parent {
    cursor: pointer;
    padding-right: 24px;
    margin-bottom: 0;
  }

  .selector .selectable-list .selector-parent:after {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 0;
    top: 6px;
    width: 18px;
  }

  .selector .selectable-list .selector-parent.show:after {
    content: "\f0d7";
  }

  .selector .selectable-list .selector-parent:hover:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 5px;
    background-color: #dfdfdf;
  }

  .selector .selectable-list .selector-parent:not(:last-of-type) {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 5px;
    border-color: #dfdfdf;
  }

  .selector-parent ul {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .selector-child {
    border-radius: 0;
    font-weight: normal;
    padding: 6px 10px;
    margin: 0 -12px;
    font-size: 16px;
    text-transform: none;
    width: calc(100% + 36px);
  }

  .selector-child:hover {
    background-color: rgba(0,0,0,0.04);
  }

  .selector-child:last-of-type {
    margin-bottom: -6px;
  }

  .selector .description {
    display: inline-block;
    vertical-align: top;
  }

  .selector .description.no-comment {
    opacity: 0;
  }

  .selector .description .o-icon-info {
    display: inline-block;
    margin: 0 6px 0 0;
    opacity: .75;
    width: 1em;
  }

  .selector .description .o-icon-info:hover+.field-comment {
    left: 5px;
    right: 0;
    top: 36px;
    padding: 3px 10px 3px 36px;
    line-height: 18px;
    background-color: #fff;
    z-index: 1;
    margin: 0;
    border-bottom: 1px solid #dfdfdf;
    font-size: 12px;
  }

  .selector .description .o-icon-info:hover+.field-comment:before {
    content: "";
    position: absolute;
    left: 7px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
  }

  .selector .description .o-icon-info:hover+.field-comment.above {
    bottom: 100%;
    top: auto;
  }

  .selector .description .o-icon-info:hover+.field-comment.above:before {
    top: calc(100% - 6px);
    transform: rotate(180deg);
  }

  .selector .description .o-icon-info+.field-comment {
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: calc(100% - 5px);
  }

  .selector .selectable {
    display: inline-block;
    width: calc(100% - 36px);
    word-wrap: break-word;
  }

  .field-actions {
    width: 60%;
    display: inline-block;
    margin: 24px 0 0 30%;
  }

  .field .field-label {
    display: inline-block;
  }

  .field .field-description,.field .docs-link {
    font-size: 14px;
    line-height: 18px;
    position: static;
    text-align: left;
    height: auto;
  }

  .field .field-description:not(:only-child) {
    margin-bottom: 6px;
  }

  .field-description {
    display: block;
    margin-right: 10px;
    line-height: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    left: 0;
  }

  .field-description .o-icon-info {
    margin: 0;
    cursor: pointer;
  }

  .field-description .field-comment.open {
    left: inherit;
    right: 0px;
    top: 36px;
    background-color: #333;
    color: #fff;
    border-radius: 3px;
    z-index: 1;
    max-width: 100%;
    font-size: 14px;
    padding: 6px 5px;
    margin: 12px 0;
  }

  .field-description .field-comment.open.above {
    top: auto;
    bottom: 30px;
  }

  .field-description .field-comment.open:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    top: -6px;
    bottom: 0;
    right: 3px;
    font-size: 16px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #333;
  }

  .field-description .field-comment.open.above:before {
    top: auto;
    bottom: -12px;
    transform: rotate(180deg);
  }

  .field .docs-link:before {
    content: "\f05a";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    margin-right: 6px;
    font-size: 14px;
    line-height: 18px;
  }

  .field-meta .expand,.field-meta .collapse {
    display: inline-block !important;
    margin-left: .5em !important;
    padding: 0 !important;
    border: 0 !important;
    width: auto !important;
  }

  .field-meta .expand:after,.field-meta .collapse:after {
    float: none !important;
    margin-right: 0 !important;
  }

  .collapsible {
    display: none;
  }

  .collapse+.collapsible {
    display: block;
    clear: both;
    overflow: hidden;
  }

  .field-description .field-comment {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .resource-values .field-term {
    display: block;
    font-size: 12px;
  }

  .inputs {
    line-height: 36px;
    width: 70%;
  }

  .inputs:only-child {
    width: 100%;
  }

  .inputs p:only-child {
    margin: 0;
  }

  .inputs label,.inputs select,.inputs textarea,.inputs input[type="text"],.inputs input[type="password"],.inputs input[type="email"],.inputs input[type="url"],.inputs input[type="date"],.inputs input[type="datetime-local"] {
    width: 100%;
    min-height: 36px;
    margin: 6px 0;
  }

  .inputs label:only-child,.inputs select:only-child,.inputs textarea:only-child,.inputs input[type="text"]:only-child,.inputs input[type="password"]:only-child,.inputs input[type="email"]:only-child,.inputs input[type="url"]:only-child,.inputs input[type="date"]:only-child,.inputs input[type="datetime-local"]:only-child {
    margin: 0;
  }

  .inputs textarea {
    resize: vertical;
    line-height: 1.5;
    background-color: #fff;
    min-width: 0;
  }

  .inputs label {
    padding: 6px 0;
    margin: 0 24px 0 0;
  }

  .inputs .button,.inputs button,.inputs input[type="submit"] {
    margin: 6px 0;
    line-height: 24px;
  }

  #resource-values div.value {
    display: flex;
  }

  .value {
    margin-bottom: 6px;
  }

  .value:last-of-type {
    margin-bottom: 0;
  }

  .value:last-of-type .remove-value {
    margin-bottom: 0;
    box-shadow: none;
  }

  .value.template {
    display: none;
  }

  .multi-value .value {
    display: flex;
  }

  .inputs p.no-values {
    padding: 12px;
    border-radius: 3px;
    background-color: rgba(0,0,0,0.04);
    line-height: 24px;
  }

  .inputs p.no-values:not(:only-child) {
    display: none;
  }

  .add-values {
    margin: 6px 0 -3px;
  }

  .add-values * {
    display: inline-block;
    min-width: 36px;
    height: 36px;
    border-radius: 2px;
    text-align: center;
    margin: 0;
  }

  .inputs .add-values a.button {
    margin: 0 0 3px;
  }

  .inputs .add-values a.button:before {
    margin-right: .25em;
  }

  .add-values label {
    background-color: rgba(0,0,0,0.04);
    line-height: 36px;
    margin-right: 0;
    overflow: hidden;
    width: 12px;
    vertical-align: top;
  }

  .input-footer {
    display: flex;
    width: 30px;
  }

  .input-footer .actions {
    margin-left: 0;
  }

  .input-footer .actions a:before {
    line-height: 36px;
    height: 36px;
  }

  .value.delete {
    background-color: #fcc;
    overflow: hidden;
  }

  .value a.restore-value,.value span.restore-value,.value.delete a.tab {
    display: none;
  }

  .value.delete .input-footer {
    background-color: transparent;
    width: 100%;
  }

  .value [class*="o-icon-"].label {
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    width: 36px;
    background-color: rgba(0,0,0,0.04);
    text-align: center;
    line-height: 36px;
    overflow: hidden;
  }

  .value label,.add-values label {
    margin: 0;
    min-height: 0;
    line-height: 24px;
  }

  .add-values button,.add-values .button {
    line-height: 24px;
  }

  .inputs .value textarea,.inputs .value input[type="text"] {
    width: 100%;
    margin: 0;
  }

  [data-data-type^="resource"] .default,[data-data-type^="resource"] .o-title:not(:empty) {
    margin: 0 -6px;
    padding: 6px;
    border-bottom: 1px solid #dfdfdf;
    display: flex;
    line-height: 24px;
    word-wrap: break-word;
  }

  [data-data-type^="resource"].delete .o-icon-undo:before {
    padding-right: 0;
  }

  .input-body {
    clear: both;
    background-color: #fff;
    width: calc(100% - 36px);
    position: relative;
  }

  [data-data-type^="resource"] .input-body {
    border: 1px solid #dfdfdf;
    padding: 0 6px;
  }

  .inputs .input-body input[type="text"] {
    margin: 0;
  }

  [data-data-type^="resource"] .button {
    font-size: 14px;
    padding: 0 6px;
    line-height: 24px;
    min-height: 0;
    margin-right: 3px;
  }

  [data-data-type^="resource"] .button:before {
    margin-right: 6px;
  }

  .value.delete span.restore-value {
    display: inline-block;
    padding: 0 6px;
    width: calc(100% - 36px);
  }

  .value.delete>*:not(.input-footer) {
    display: none;
  }

  p.selected-resource {
    margin: 0;
    position: relative;
  }

  .selected-resource a {
    width: calc(100% - 72px);
  }

  .selected-resource img {
    height: 24px;
    margin-right: 6px;
  }

  .selected-resource .o-title a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 6px;
    right: 6px;
  }

  .selected-resource .items a:after {
    content: "\f1b2";
  }

  .selected-resource .item_sets a:after {
    content: "\f1b3";
  }

  .selected-resource .media a:after {
    content: "\f03e";
  }

  [data-data-type="uri"] .input {
    position: relative;
    clear: both;
  }

  [data-data-type="uri"] .input:first-child {
    border-bottom: 1px solid #dfdfdf;
  }

  [data-data-type="uri"] .input-body {
    border: 1px solid #dfdfdf;
  }

  [data-data-type="uri"] label {
    padding: 6px 0 6px 6px;
    z-index: 1;
    font-weight: bold;
    color: rgba(0,0,0,0.35);
    width: auto;
    display: flex;
  }

  [data-data-type="uri"] .input-body input.value,[data-data-type="uri"] textarea.value-label {
    margin: -6px 0 -6px 6px;
    height: 36px;
    border: 0;
    padding: 6px;
    font-weight: normal;
  }

  [data-data-type="uri"] textarea.value-label {
    border-top-width: 0;
  }

  #resource-files button {
    margin: 24px 0 0;
  }

  #add-media-field {
    margin-bottom: 0;
  }

  .media.row {
    padding: 6px;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    word-wrap: break-word;
  }

  .media.row img {
    width: 36px;
    height: auto;
    margin-right: 12px;
  }

  .media.row .resource-name {
    margin-right: 12px;
    min-width: 0;
  }

  .media.row .actions {
    margin-left: auto;
  }

  .media.value.delete span.restore-value {
    padding: 0;
  }

  .media.value.delete>*:not(.restore-value),.media.value.delete .actions a:not(.o-icon-undo) {
    display: none;
  }

  .media.value.delete>.actions {
    display: block;
    top: 18px;
  }

  .media-header {
    font-size: 16px;
    margin: 6px -6px;
    margin-top: -12px;
    background-color: rgba(0,0,0,0.04);
    padding: 0 6px;
    display: flex;
    align-items: center;
  }

  .value.delete>.actions {
    display: inline-block;
  }

  .media-render {
    margin-bottom: 24px;
  }

  .media-render>* {
    max-width: 100%;
  }

  .media-render img {
    max-width: 100%;
    height: auto;
  }

  #item-media .sidebar button {
    width: 100%;
    text-align: left;
  }

  #item-item-sets+.no-resources {
    display: none;
  }

  #item-item-sets.empty {
    display: none;
  }

  #item-item-sets.empty+.no-resources {
    display: block;
    padding: 0 24px;
  }

  #item-item-sets.empty+.no-resources:before {
    content: "\f1b3";
  }

  #item-item-sets tr.delete {
    background-color: #fcc;
  }

  #page-actions [class*="o-icon-"].button {
    background-color: transparent;
    width: auto;
    padding: 6px 6px;
    box-shadow: none;
  }

  .o-icon-private.button,.o-icon-public.button {
    margin-right: 6px;
    box-shadow: none;
  }

  .search-nav {
    width: 100%;
  }

  .search-nav .resource-search {
    width: 100%;
    position: relative;
    margin-bottom: 6px;
    display: flex;
    flex-wrap: wrap;
  }

  .search-nav .chosen-container {
    margin-bottom: 6px;
  }

  .search-nav button.o-icon-search {
    height: 36px;
    width: 36px;
    line-height: 24px;
    padding: 0 10px;
    border-radius: 0 3px 3px 0;
    min-height: 0;
    position: relative;
    text-indent: -9999px;
    margin: 0;
  }

  .search-nav button.o-icon-search:before {
    text-indent: 0px;
    position: absolute;
    left: 0;
    top: 6px;
    line-height: 24px;
    width: 100%;
  }

  .search-nav .resource-search>input[type="text"] {
    width: calc(100% - 36px);
    border-right: 0;
    margin-bottom: 6px;
  }

  .resource-search-filters {
    padding-bottom: 5px;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 6px;
    width: 100%;
  }

  .resource-search-filters a.expand:after,.resource-search-filters a.collapse:after {
    float: right;
  }

  .resource-search-filters .collapsible {
    margin-top: 6px;
    overflow: visible;
  }

  .sidebar .pagination {
    font-size: 13.08px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    padding-bottom: 11px;
    margin-bottom: 0;
    overflow: hidden;
    width: 100%;
  }

  .sidebar .pagination li {
    float: left;
  }

  .sidebar .pagination li:first-of-type {
    padding-right: 10px;
  }

  .sidebar .pagination input {
    width: 3em;
    text-align: center;
    color: #333;
    margin: 0 3px;
  }

  .sidebar .pagination .next.button {
    margin-right: 5px;
  }

  .sidebar .pagination input[type="text"] {
    float: left;
    line-height: 19.62px;
    height: 24px;
    border: 1px solid #dfdfdf;
    margin-left: 0;
  }

  .sidebar .pagination .page-count {
    float: left;
    margin-right: 12px;
  }

  .sidebar .pagination .inactive {
    background-color: #E6E6E6;
    color: #B9B9B9;
  }

  #item-results+.confirm-panel,#item-results .select-resource-checkbox-wrapper {
    display: none;
  }

  #item-results.active {
    padding-bottom: 72px;
  }

  #item-results.active+.confirm-panel {
    display: block;
  }

  #item-results.active .select-resource-checkbox-wrapper {
    display: inline-flex;
    align-items: center;
  }

  .sidebar button.quick-select-toggle {
    background-color: transparent;
    color: #676767;
    box-shadow: none;
    margin: 12px;
    padding: 0;
    line-height: 1;
    min-height: 0;
  }

  .sidebar button.quick-select-toggle:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f204";
    display: inline-block;
    margin-right: 6px;
  }

  .sidebar button.quick-select-toggle.active:before {
    content: "\f205";
  }

  .sidebar button.quick-select-toggle+.resource-list {
    border-top: 1px solid #dfdfdf;
  }

  .resource-link {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-width: 0;
  }

  .resource-link img {
    height: 36px;
    margin-right: 6px;
  }

  .resource-link .resource-name {
    flex: 1;
    min-width: 0;
  }

  .resource-list {
    width: 100%;
  }

  .resource-list .resource {
    padding: 6px 12px 5px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    word-wrap: break-word;
  }

  .resource-list .resource:hover {
    background-color: rgba(255,255,255,0.8);
  }

  .resource-list .resource:hover .select {
    right: 0px;
  }

  .resource-list .resource .select-resource-checkbox-wrapper {
    height: 24px;
    margin-right: 12px;
  }

  #resource-details {
    background-color: #fff;
    overflow: hidden;
    padding: 0;
  }

  #resource-details .o-description,#resource-details .property {
    margin-bottom: 0;
  }

  .confirm-main {
    position: absolute;
    top: 0;
    bottom: 60px;
    overflow-y: auto;
    left: 0;
    right: 0;
    padding: 12px 12px 0;
  }

  .confirm-panel {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 12px;
    background-color: #f7f7f7;
    border-top: 1px solid #dfdfdf;
  }

  .confirm-panel button,.confirm-panel .button {
    width: 100%;
    margin: 0;
  }

  .vocabs .field [type="file"] {
    margin: 6px 0 0;
  }

  .vocabulary ul {
    padding-left: 0;
    list-style: none;
    overflow: hidden;
  }

  .vocabulary h2 {
    margin-bottom: 0;
  }

  .vocabs.update td {
    vertical-align: top;
  }

  .vocabs.update td:first-of-type,.vocabs.update td:nth-of-type(2) {
    width: 15%;
    word-wrap: break-word;
  }

  .vocabs.update td:nth-of-type(3),.vocabs.update td:nth-of-type(4) {
    width: 35%;
  }

  .vocabs.update td:nth-of-type(3):last-child {
    width: auto;
  }

  .vocabs.update td:nth-of-type(3):not(:last-child) {
    background-color: #ffe6e6;
  }

  .vocabs.update td:nth-of-type(4) {
    background-color: #cdffcd;
  }

  .show .property,#item-metadata .meta-group {
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
  }

  .show .property h4,#item-metadata .meta-group h4 {
    width: 22.22222%;
    vertical-align: top;
    padding: 6px 0;
  }

  .show .property h4+.value,.show .property .values,#item-metadata .meta-group h4+.value,#item-metadata .meta-group .values {
    padding: 6px;
    margin-bottom: 0;
    word-wrap: break-word;
    width: 77.77778%;
  }

  .show .property h4+.value:not(:first-of-type),.show .property .values:not(:first-of-type),#item-metadata .meta-group h4+.value:not(:first-of-type),#item-metadata .meta-group .values:not(:first-of-type) {
    padding-top: 0;
  }

  .show .property .language,#item-metadata .meta-group .language {
    font-size: 12px;
    padding: 0 6px;
    margin-right: 6px;
    background-color: rgba(0,0,0,0.04);
  }

  #linked-filter {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
  }

  #linked-filter h4 {
    margin-right: 6px;
  }

  #linked-resources table {
    margin-bottom: 24px;
  }

  #linked-resources caption {
    background-color: rgba(0,0,0,0.04);
    font-family: bold;
    padding: 6px;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    text-align: left;
  }

  #linked-resources th {
    border-bottom: 3px solid #dfdfdf;
  }

  .linked-resource {
    margin-bottom: 12px;
    padding-bottom: 11px;
    border-bottom: 1px solid #dfdfdf;
  }

  .property .value .resource-name:after,.property .value.uri .uri-value-link:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    margin-left: .5em;
  }

  .property .value.uri .uri-value-link:after {
    content: "\f35d";
  }

  .property .value.items .resource-name:after {
    content: "\f1b2";
  }

  .property .value.media .resource-name:after {
    content: "\f03e";
  }

  .property .value.item_sets .resource-name:after {
    content: "\f1b3";
  }

  .class-row {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 11px;
  }

  .class-label {
    font-weight: bold;
  }

  .class-label:after {
    content: ": ";
  }

  .sidebar {
    position: fixed;
    top: 48px;
    left: 100%;
    visibility: hidden;
    bottom: 0;
    background-color: #f7f7f7;
    z-index: 3;
    border-left: 1px solid #dfdfdf;
    overflow-y: auto;
    overflow-x: hidden;
    width: 25%;
    padding: 12px;
  }

  body.transitions-enabled .sidebar {
    transition: left .5s, visibility .5s;
  }

  .sidebar.active,.sidebar.always-open {
    left: 75%;
    visibility: visible;
  }

  .sidebar.loading {
    overflow: hidden;
  }

  .sidebar.loading * {
    visibility: hidden;
  }

  .sidebar.loading:after {
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: -.125em;
    content: "\f1ce";
    position: absolute;
    top: .75em;
    left: calc(50% - .6em);
    font-size: 4em;
    animation: fa-spin 1s infinite linear;
    height: 0.95em;
    width: 1.2em;
    text-align: center;
    font-weight: 900;
  }

  .sidebar a.o-icon-close {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 3;
    color: #666;
  }

  .sidebar .vocabulary,.sidebar .meta-group {
    margin-bottom: 0;
  }

  .sidebar .value {
    margin-bottom: 6px;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 5px;
    vertical-align: middle;
  }

  .sidebar .value *:last-child {
    margin-bottom: 0;
  }

  .sidebar .value:last-child {
    border-color: transparent;
    margin-bottom: 0;
  }

  .sidebar input,.sidebar textarea,.sidebar select {
    width: 100%;
  }

  .sidebar input[type="checkbox"],.sidebar input[type="radio"] {
    width: auto;
  }

  .sidebar h2 {
    font-size: 24px;
    margin-bottom: 12px;
  }

  .sidebar h3,.sidebar label,.sidebar .label {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 12px 0;
    padding: 0 24px 12px 0;
    position: relative;
    width: 100%;
    word-wrap: break-word;
  }

  .sidebar h3:after,.sidebar label:after,.sidebar .label:after {
    content: "";
    position: absolute;
    left: -12px;
    right: -12px;
    bottom: 0;
    top: -12px;
    background-color: #dfdfdf;
    z-index: -1;
  }

  .sidebar .field {
    background-color: transparent;
    padding: 0;
    margin-bottom: 24px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .sidebar .field .option {
    width: 100%;
  }

  .sidebar .field div.option+div.option {
    padding-top: 11px;
    border-top: 1px solid #dfdfdf;
    margin-top: 12px;
  }

  .sidebar .button,.sidebar button {
    background-color: #676767;
    border-color: #676767;
    color: #fff;
  }

  .sidebar button.option {
    width: 100%;
    text-align: left;
    border-color: #dfdfdf;
    background-color: #fff;
    color: #676767;
  }

  .sidebar button.option:after {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    float: right;
    color: #dfdfdf;
  }

  #sidebar-confirm {
    display: block;
    padding-bottom: 12px;
    margin-bottom: 12px;
  }

  #sidebar-confirm input[type="submit"] {
    background-color: #A91919;
    color: #fff;
    box-shadow: none;
  }

  body.sidebar-open #content {
    width: 56.25%;
  }

  .sidebar .meta-group {
    margin-bottom: 12px;
  }

  .sidebar .meta-group .value {
    width: 100%;
    padding: 6px 0;
    margin: 0;
    word-wrap: break-word;
    display: block;
  }

  .sidebar .meta-group .value:not(:last-child) {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 5px;
  }

  .sidebar .meta-group h4 {
    display: block;
    background-color: transparent;
    border-color: #dfdfdf;
    padding: 6px 0;
    border-bottom: 2px solid #dfdfdf;
    padding-bottom: 4px;
    margin-bottom: 0;
    width: 100%;
  }

  .sidebar .media a:first-child img,.sidebar>img:first-child {
    height: 168px;
    width: auto;
    display: block;
    margin-bottom: 12px;
  }

  .sidebar .meta-group img {
    height: 48px;
    box-shadow: 0 0 0 1px #dfdfdf;
  }

  .source-type {
    font-weight: bold;
  }

  .resource-templates #properties {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
  }

  .resource-templates table {
    width: 100%;
  }

  .resource-templates th,.resource-templates td {
    padding: 6px;
    vertical-align: top;
  }

  .resource-templates .property.row {
    display: flex;
  }

  .resource-templates .property.row.delete {
    background-color: #fcc;
  }

  .resource-templates .property.row.delete .actions li:not(:last-child) {
    display: none;
  }

  .resource-templates .property.row:not(.delete) .sortable-handle {
    display: inline-flex;
  }

  .resource-templates #properties {
    margin: 24px 0 0;
    clear: both;
    padding: 0;
  }

  .resource-templates #edit-sidebar {
    padding-bottom: 48px;
  }

  .resource-templates #edit-sidebar .field h4,.resource-templates #edit-sidebar .field h4+span {
    width: 100%;
  }

  .resource-templates #edit-sidebar .field h4+span {
    margin-bottom: 12px;
  }

  .resource-templates #edit-sidebar .field label:not(:first-child),.resource-templates #edit-sidebar .field .option label {
    margin: 0;
    padding-bottom: 6px;
  }

  .resource-templates #edit-sidebar .field label:not(:first-child):only-child,.resource-templates #edit-sidebar .field .option label:only-child {
    padding-bottom: 0;
  }

  .resource-templates #edit-sidebar .field label:not(:first-child):after,.resource-templates #edit-sidebar .field .option label:after {
    padding: 0;
    margin: 0;
    background: transparent;
  }

  #modules.installed tbody tr:not(.installed),#modules.uninstalled tbody tr:not(.uninstalled),#modules.needs-upgrade tbody tr:not(.needs-upgrade),#modules.active tbody tr:not(.active),#modules.deactivated tbody tr:not(.deactivated) {
    display: none;
  }

  .state-filter select {
    margin-bottom: 12px;
  }

  .module-name {
    font-weight: bold;
  }

  .module-author {
    display: block;
  }

  #modules .module {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 11px;
    margin-bottom: 12px;
    overflow: hidden;
  }

  #modules .module-meta {
    float: left;
    max-width: 50%;
  }

  #modules .module-actions {
    float: right;
    max-width: 50%;
    text-align: right;
  }

  #modules .module form {
    display: inline-block;
  }

  #modules button,#modules .button {
    display: inline-block;
    margin-left: 6px;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.15) inset;
  }

  #modules button:hover,#modules .button:hover {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.3) inset;
  }

  #modules button:before,#modules .button:before {
    margin-right: 6px;
  }

  #modules .o-icon-install {
    box-shadow: 0 0 0 1px #addead inset;
  }

  #modules .o-icon-install:hover {
    box-shadow: 0 0 0 1px #63c363 inset;
  }

  #modules .o-icon-uninstall {
    margin-left: 24px;
    box-shadow: 0 0 0 1px #E0C3C3 inset;
  }

  #modules .o-icon-uninstall:hover {
    box-shadow: 0 0 0 1px #DA8B8B inset;
  }

  #edit-keys td {
    word-wrap: break-word;
  }

  .api-delete {
    width: 10%;
  }

  .api-label {
    width: 25%;
  }

  #system-info-table .label-col {
    width: 25%;
  }

  #system-info-table th,#system-info-table td {
    font-size: 0.875em;
    padding: 0;
    line-height: 1.75;
    border: none;
  }

  #system-info-table th[scope="rowgroup"] {
    font-size: 1em;
    border-bottom: 1px solid #dfdfdf;
  }

  #system-info-table th[scope="row"] {
    padding-left: 1.5em;
  }

  .breadcrumbs {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 11px;
    margin-bottom: 24px;
  }

  .breadcrumbs+.field {
    margin-top: 24px;
  }

  .breadcrumbs a:before {
    margin-right: 6px;
  }

  .breadcrumbs>*:not(:last-child):after {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    margin: 0 calc(12px - 3px) 0 12px;
    color: #000;
    cursor: default;
  }

  tr.value.delete>td:not(.input-footer) {
    display: table-cell;
  }

  #site-user-permissions+.no-resources,#site-user-permissions.empty,tr.value:not(.delete) .o-icon-undo,tr.value.delete .user-name,tr.value.delete select,tr.value.delete .o-icon-delete {
    display: none;
  }

  td.user-meta {
    width: 50%;
  }

  #site-user-permissions.empty+.no-resources {
    display: block;
    padding: 0 24px;
  }

  #site-user-permissions.empty+.no-resources:before {
    content: "\f0c0";
  }

  #site-user-permissions .actions {
    justify-content: flex-end;
    padding: 6px 0;
  }

  .indent:before {
    content: "\2014";
    margin-right: -1px;
  }

  .block {
    margin-bottom: 6px;
  }

  .block .block-header {
    position: relative;
    display: flex;
    align-items: center;
    background-color: rgba(0,0,0,0.12);
    padding: 6px;
    font-weight: bold;
  }

  .block .block-content input[type="hidden"]+* {
    padding-top: 0;
    margin-top: 0;
  }

  .block.html>div {
    border: 1px solid #dfdfdf;
  }

  .block .field {
    padding: 0;
    border-color: transparent;
    background-color: transparent;
    margin-top: 6px;
  }

  .block .field:last-child {
    margin-bottom: 0;
  }

  .block.delete>.block-header {
    font-weight: normal;
    display: flex;
    background: transparent;
  }

  .block.delete>*:not(.block-header) {
    display: none;
  }

  .block.delete span.restore-value {
    padding: 0 3px;
    text-transform: lowercase;
    width: auto;
  }

  .block.delete a.restore-value:before {
    padding: 0;
  }

  .delete .sortable-handle {
    display: none;
  }

  .delete .block-type,.block .delete div.item-title {
    margin-left: 30px;
  }

  .delete .block-type {
    font-weight: bold;
  }

  .block div.item-title {
    margin: 6px 0;
    display: flex;
    align-items: center;
  }

  .block .item-title img {
    height: 36px;
    width: auto;
    display: inline-block;
    margin-right: 6px;
    vertical-align: top;
  }

  .block .delete.attachment {
    background-color: #fcc;
  }

  .block .delete.attachment .actions .undo {
    display: inline-block;
  }

  .block .delete.attachment .actions .delete {
    display: none;
  }

  .block .attachments-form {
    margin-bottom: 12px;
  }

  .block .attachments-form a h4 {
    display: inline-block;
  }

  .block .attachment .actions {
    margin-left: auto;
  }

  .block .attachment .actions .button {
    background-color: transparent;
    color: #A91919;
    padding: 0;
    min-height: 0;
  }

  .block .attachment .actions .button:hover {
    color: #A91919;
  }

  .block .attachment .actions .undo {
    display: none;
  }

  .block .block-content {
    clear: both;
    background-color: rgba(0,0,0,0.04);
    padding: 6px;
  }

  .block.sortable-ghost .block-content {
    display: none;
  }

  .block .attachment {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 6px;
  }

  .block .attachment:not(:last-child) {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: -1px;
  }

  .block .attachment .button {
    margin-bottom: 0;
  }

  .block .attachment-add {
    margin: 6px 0 0;
  }

  .block .expand,.block .collapse {
    width: 100%;
    display: flex;
    padding: 0 6px 0 0;
    justify-content: space-between;
  }

  .block .field-meta .collapse+.collapsible {
    width: auto;
    border: 0;
  }

  .block .expand h4,.block .collapse h4 {
    display: inline-block;
    padding: 0;
  }

  .block .collapse+.collapsible {
    border-top: 1px solid #dfdfdf;
    padding: -1px 0 0 24px;
    margin-top: 6px;
  }

  .block[data-block-layout="html"] [contenteditable="true"] {
    resize: vertical;
    min-height: 72px;
    max-height: 288px;
  }

  #attachment-options .option {
    position: relative;
    margin-bottom: 12px;
  }

  #attachment-options .expand,#attachment-options .collapse {
    position: absolute;
    right: 0;
    top: 0;
  }

  #attachment-options h3 {
    overflow: visible;
    white-space: normal;
  }

  #attachment-item-select {
    display: block;
    margin: 12px 0 0;
  }

  #attachment-options .selected-attachment {
    margin-bottom: 12px;
    margin-top: -12px;
    box-sizing: content-box;
    margin-right: -12px;
    margin-left: -12px;
    padding-right: 12px;
    padding-left: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
    overflow: hidden;
  }

  #attachment-options .selected-attachment img {
    height: 96px;
    width: auto;
    float: right;
    margin: 0 0 0 12px;
  }

  #attachment-options .selected-attachment p:first-child {
    margin: 0;
  }

  #attachment-options h3.item-title {
    text-align: left;
  }

  #attachment-options .item-thumbnail ~ h3.item-title {
    width: 100%;
  }

  #attachment-options .media-title {
    font-size: 12px;
    display: block;
    width: calc(100% - 108px);
    float: left;
    word-wrap: break-word;
    text-align: left;
    clear: left;
  }

  #attachment-options .item-thumbnail ~ #attachment-item-select {
    font-size: 12px;
    display: inline-block;
    width: calc(100% - 108px);
    word-wrap: break-word;
  }

  #attachment-options h3 {
    word-wrap: break-word;
  }

  #attachment-options .media-list {
    list-style: none;
    padding: 0;
    margin: 0 0 12px;
  }

  #attachment-options .media-list li.media {
    position: relative;
    height: 48px;
    width: 48px;
    cursor: pointer;
    display: inline-block;
    padding: 3px;
    border: 1px solid #dfdfdf;
  }

  #attachment-options .media-list li.media.attached,#attachment-options .media-list li.media:hover {
    background-color: rgba(0,0,0,0.04);
  }

  #attachment-options .media-list img {
    width: 100%;
    height: auto;
  }

  input[type="text"].page-selector-filter {
    width: 100%;
    margin-bottom: 12px;
  }

  #nav-page-links {
    width: 100%;
  }

  .selectable-themes,.current-theme {
    display: flex;
    flex-wrap: wrap;
  }

  .selectable-themes img,.current-theme img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    position: relative;
    z-index: 1;
  }

  .selectable-themes .error,.current-theme .error {
    background-color: #f4b4b4;
    border-radius: 3px;
    padding: 6px 10px;
    margin: 6px 0;
    display: block;
    width: 100%;
    order: 2;
  }

  .current-theme .error+ul {
    font-family: monospace;
    padding: 11px;
    border: 1px solid #dfdfdf;
    list-style-type: none;
  }

  .invalid .theme-thumbnail img {
    opacity: .5;
  }

  .selectable-themes .theme {
    width: calc(33.33% - 24px);
    margin: 0 24px 24px 0;
    padding: 11px;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
  }

  .selectable-themes .theme:hover {
    border: 3px solid #9f9f9f;
    padding: 9px;
  }

  .selectable-themes .invalid.theme:hover {
    border: 1px solid #dfdfdf;
    padding: 11px;
  }

  .selectable-themes .theme-thumbnail {
    width: 100%;
    margin-bottom: 12px;
    border: 1px solid #dfdfdf;
  }

  .selectable-themes .active.theme {
    background-color: #e7e7e7;
    position: relative;
    overflow: hidden;
    border-width: 3px;
    padding: 9px;
  }

  .selectable-themes .active.theme:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .15;
    font-size: 96px;
    line-height: 96px;
  }

  .current-theme {
    padding-bottom: 23px;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 24px;
    flex-wrap: nowrap;
  }

  .current-theme .theme-thumbnail {
    width: 50%;
    margin: 0 24px 0 0;
    border: 1px solid #dfdfdf;
  }

  .current-theme-label {
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 6px;
  }

  .theme-meta {
    display: flex;
    flex-direction: column;
  }

  .jobs.browse th:first-child,.jobs.browse td:first-child {
    width: 10%;
  }

  body.minimal {
    padding: 0;
    margin: 48px 0;
    width: 50%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    /*background-color: #404E61;*/
	background: url("../img/open_book_green_background_1157228291.jpg");
	background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  }

  body.minimal:after {
    content: " ";
    display: block;
    clear: both;
  }

  body.minimal div[role="main"]>h1:first-of-type {
    position: static;
    padding: 0;
    width: 100%;
    height: auto;
    display: inline-block;
    margin: 0 0 24px 0;	
  }

  body.minimal h2 {
    font-size: 20px;
    margin-bottom: 12px;
  }

  body.minimal fieldset legend {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 12px;
  }

  body.minimal .logo {
    position: static;
    width: auto;
    float: none;
    padding: 0;
    text-align: center;
    font-size: 32px;
    line-height: 48px;
  }

  body.minimal div[role="main"] {
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 47px calc(12.5% - 1px);
    border: 0px solid rgba(0,0,0,0.15);
    overflow: hidden;
	opacity: 0.9;
	background-color: #9ced9a;
  }

  body.minimal .inputs {
    width: 70%;
  }

  body.minimal .inputs input {
    width: calc(66.66% - 6px);
    vertical-align: top;
  }

  body.minimal .inputs *:only-child {
    width: 100%;
  }

  body.minimal [type="submit"] {
    width: 100%;
    display: block;
    margin: auto;
    clear: both;
  }

  body.minimal .field:last-child {
    margin-bottom: 0;
  }

  .forgot-password {
    margin: 6px 0;
  }

  .asset-form-element.empty .asset-form-clear {
    display: none;
  }

  .asset-form-element:not(.empty) .no-selected-asset {
    display: none;
  }

  .select-asset img {
    width: 25%;
  }

  .selected-asset,.no-selected-asset {
    display: block;
  }

  .asset-upload {
    overflow: hidden;
    margin-bottom: 24px;
  }

  .asset-upload button {
    margin: 6px 0 0;
    display: none;
  }

  .asset-upload button.active {
    display: inline-block;
  }

  .asset-upload ul.errors {
    color: #A91919;
    margin-top: 0;
  }

  .asset-upload ul.errors:empty {
    display: none;
  }

  .asset-upload ul.errors a {
    border-bottom: 1px solid #A91919;
  }

  .asset-list .asset {
    padding-bottom: 5px;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 6px;
  }

  .asset-list .asset:last-child {
    border-bottom-color: transparent;
  }

  .asset-list .select-asset {
    display: flex;
    align-items: center;
    word-wrap: break-word;
  }

  .asset-list .select-asset img {
    margin-right: 6px;
  }

  .asset-list .select-asset .asset-name {
    min-width: 0;
  }

  #asset-sidebar input[type="file"] {
    width: 100%;
  }

  .color-picker {
    display: flex;
  }

  .color-picker input[type="text"] {
    margin: 0;
  }

  .color-picker .color-picker-sample {
    border: 1px solid #dfdfdf;
    width: 30%;
    margin-left: 6px;
  }
}

@media screen and (max-width: 640px) {
  script {
    display: none !important;
  }

  body {
    padding: 0;
  }

  .mobile-only {
    display: block;
  }

  button.mobile-only {
    width: 100%;
  }

  header {
    width: 100%;
    float: none;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    right: 0;
    z-index: 1000;
    min-height: 0;
  }

  header .button {
    border-radius: 0px;
    position: absolute;
    top: 0;
    z-index: 1001;
    color: #fff;
    background-color: #222933;
    box-shadow: none;
  }

  header .o-icon-menu.button {
    left: 0;
    border-right: 1px solid rgba(0,0,0,0.08);
    width: 36px;
  }

  header .o-icon-search.button {
    left: 36px;
  }

  header .o-icon-user.button {
    right: 0;
  }

  header nav ul.navigation>li:not(:first-of-type) {
    margin-top: 0;
  }

  .logo {
    line-height: 36px;
    padding: 0 16.66667%;
    width: 100%;
    text-align: center;
    display: block;
    background-color: #404E61;
  }

  #user,#search,header nav {
    position: fixed;
    top: -9999px;
    left: -9999px;
    z-index: 1000;
  }

  header nav#site-nav {
    position: static;
    background-color: #fff;
    padding: 0;
    margin-bottom: 0;
  }

  header nav#site-nav h5 {
    border-top: 1px solid #dfdfdf;
    padding-top: 6px -1px;
    margin-bottom: 0;
  }

  header nav#site-nav h5 a {
    padding: 0;
    border-bottom: 0;
  }

  #menu.active,#user.active,#search.active {
    top: 36px;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    margin: 0;
  }

  footer {
    margin: 0;
    padding: 0;
    position: static;
    width: 100%;
    text-align: center;
  }

  footer:after {
    position: static;
    background: transparent;
  }

  .browse td:first-child,.browse th:first-child {
    width: 100%;
  }

  td .o-icon-private {
    vertical-align: top;
    margin: 0;
  }

  #content {
    margin: 36px 0 0 0;
    width: 100%;
    min-height: calc(100% - 72px);
    position: relative;
    padding-top: 48px;
  }

  #content>h1:first-of-type {
    width: auto;
    position: static;
    padding: 12px 1.04167%;
    height: auto;
    margin: 0 -1.04167% 12px;
    white-space: normal;
    line-height: 36px;
  }

  #menu {
    text-align: left;
    background-color: #fff;
    position: fixed;
    overflow: scroll;
  }

  #menu ul {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
  }

  #menu a {
    display: block;
    padding: 6px 12px 5px;
    color: #676767;
    border-bottom: 1px solid #dfdfdf;
  }

  #menu li:last-child a {
    border-bottom: 0;
    padding-bottom: 6px;
  }

  #menu h5 a {
    padding: 0;
    border-bottom: 0;
  }

  #menu h5 {
    height: 36px;
    color: #676767;
    background-color: rgba(0,0,0,0.04);
    padding: 6px 12px 5px;
    border: 1px solid #dfdfdf;
    border-width: 1px 0;
  }

  #menu h4 {
    background-color: rgba(0,0,0,0.12);
    margin-bottom: 0;
  }

  #menu h4:not(:first-of-type) {
    margin-top: 0;
  }

  #menu a.public,#menu a.expand,#menu a.collapse {
    height: 36px;
    margin: -36px 0 0;
    padding: 0 12px 0 0;
  }

  #menu a.public:before,#menu a.public:after,#menu a.expand:before,#menu a.expand:after,#menu a.collapse:before,#menu a.collapse:after {
    height: 36px;
    line-height: 36px;
  }

  #mobile-nav {
    display: block;
  }

  #mobile-nav a.active {
    background-color: #500c0c;
  }

  #user {
    text-align: center;
  }

  #user .user-id {
    color: #676767;
    width: 100%;
    margin: 0 6px 24px;
  }

  #user .user-id a {
    color: #A91919;
  }

  #user .logout {
    display: block;
    margin: 12px 6px;
    font-size: 16px;
    color: #676767;
    border-radius: 3px;
    width: calc(100% - 12px);
    min-height: 36px;
    background-color: rgba(0,0,0,0.08);
    border-radius: 3px;
    border: 0;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.15) inset;
    padding: 6px 10px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    margin: 0 6px;
  }

  #user .logout:last-of-type:before {
    content: "";
  }

  #user .logout a {
    color: #676767;
  }

  #page-actions {
    top: 36px;
    background-color: #fff;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    height: 48px;
    padding-bottom: 5px;
  }

  #sidebar {
    position: fixed;
    top: 36px;
    z-index: 100;
    width: 100%;
  }

  #sidebar #content.sidebar-open {
    left: 0;
  }

  body.sidebar-open #content {
    width: 100%;
  }

  .sidebar {
    width: 100%;
    top: 36px;
    z-index: 1000;
  }

  .sidebar.always-open {
    left: 100%;
  }

  .sidebar.active,.confirm-panel {
    left: 0;
    width: 100%;
  }

  fieldset.section>.always.active {
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    height: 48px;
    background-color: #fff;
    position: fixed;
    border-top: 1px solid rgba(0,0,0,0.04);
  }

  fieldset.section>.always.active button {
    width: 100%;
    margin: 6px;
  }

  #modules .module-meta,#modules .module-actions {
    width: 100%;
    max-width: 100%;
  }

  #modules .module-meta {
    margin-bottom: 12px;
  }

  #modules .module-actions {
    text-align: left;
  }

  #modules button,#modules .button {
    margin: 0 6px 0 0;
  }

  .vocabs.update td {
    width: 100% !important;
  }

  #search-form {
    margin: 48px 4.16667%;
  }

  .batch-edit.button {
    margin: 0;
    border-radius: 0px;
    position: relative;
    z-index: 1;
  }

  .browse table {
    position: relative;
  }

  .browse .sorting {
    float: left;
  }

  .browse .pagination {
    margin-right: 48px;
  }

  .jobs.browse th:first-child,.jobs.browse td:first-child {
    width: 100%;
  }

  fieldset.section,fieldset.section {
    margin-bottom: 0;
    position: relative;
  }

  fieldset.section>legend:first-child {
    position: relative;
    left: auto;
    display: block;
    width: 100%;
    font-size: 20px;
    padding: 6px 9px 6px 0;
    color: #A91919;
    cursor: pointer;
    border-bottom: 3px solid rgba(0,0,0,0.08);
    padding-bottom: -3px;
    margin-bottom: 12px;
  }

  fieldset.section>legend:after {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 9px;
    top: 12px;
  }

  fieldset.section.mobile-active>legend:after {
    content: "\f0d7";
  }

  .add .active.section>.button,.edit .active.section>.button {
    display: inline-block;
  }

  .field-meta,.inputs {
    width: 100%;
  }

  .field-actions {
    position: absolute;
    top: 9px;
    right: 1.66667%;
    z-index: 1;
    width: 50%;
  }

  .field-actions a {
    float: right;
    display: block;
  }

  .field-actions a.button {
    margin-left: .5em !important;
  }

  .field-meta label,.field-description p {
    line-height: 24px;
    margin-bottom: 6px;
  }

  .field-meta label {
    font-weight: bold;
  }

  .unset .field-meta {
    width: 100%;
  }

  .show .sidebar.active {
    position: static;
    border: 1px solid #dfdfdf;
    padding: 11px;
    margin-top: 24px;
  }

  .show .section .property,.show .section .meta-group {
    margin-bottom: 6px;
    box-shadow: 0 0 0 1px #dfdfdf;
    border-radius: 2px;
  }

  .show .section .meta-group h4,.show .section .property h4 {
    padding-bottom: 6px;
    border-bottom: 1px solid #dfdfdf;
    background-color: rgba(0,0,0,0.04);
  }

  .show .section .meta-group h4,.show .section .meta-group .value,.show .section .property h4,.show .section .property .values {
    width: 100% !important;
    padding: 6px !important;
  }

  .show .section .meta-group .value:not(:first-of-type),.show .section .property .value:not(:first-of-type) {
    border-top: 1px solid #dfdfdf;
    padding-top: 6px -1px;
    margin-top: 6px;
  }

  .show .sidebar .meta-group .value:not(:first-of-type),.show .sidebar .property .value:not(:first-of-type) {
    padding-top: 6px;
  }

  body.minimal {
    width: 100%;
    margin: 0;
  }

  body.minimal .logo {
    background-color: transparent;
  }

  body.minimal div[role="main"] {
    padding: 24px 6.25%;
  }

  body.minimal div[role="main"]>.messages {
    margin-top: 24px;
  }

  body.minimal .inputs {
    width: 100%;
    margin-left: 0;
  }

  .tablesaw tr {
    overflow: hidden;
    margin-bottom: 0;
  }

  .tablesaw tr:first-of-type {
    border-top: 1px solid #dfdfdf;
  }

  .browse td:not(:first-of-type) .tablesaw-cell-content,#properties td:not(:first-of-type) .tablesaw-cell-content {
    display: inline-block;
  }

  .tablesaw td:first-of-type {
    background-color: rgba(0,0,0,0.04);
  }

  .tablesaw td:first-of-type .tablesaw-cell-label {
    width: 0;
    height: 0;
    overflow: hidden;
    padding: 0;
    display: block;
  }

  .tablesaw td:first-of-type .tablesaw-cell-content {
    width: 100%;
    max-width: 100%;
  }

  .batch-edit.tablesaw td:first-of-type {
    width: 100%;
    background: rgba(0,0,0,0.04);
  }

  .batch-edit.tablesaw td:first-of-type img {
    margin-bottom: 0;
  }

  .batch-edit.tablesaw td:first-of-type .tablesaw-cell-label {
    width: 0;
    overflow: hidden;
    padding: 0;
  }

  .batch-edit .tablesaw-cell-content {
    display: inline-flex;
  }

  .tablesaw-cell-content {
    width: 70%;
    max-width: 70%;
  }

  .tablesaw-cell-content img {
    margin: 0 6px 0 0;
  }

  .tablesaw tr:last-of-type td,.tablesaw tr:last-of-type th,.tablesaw th,.tablesaw td {
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align: top;
  }

  .tablesaw th:not(:last-of-type),.tablesaw td:not(:last-of-type) {
    border-bottom: 1px solid #dfdfdf;
  }

  .tablesaw tr.delete {
    border: 0;
  }

  .tablesaw tr.delete td {
    border: 0;
  }

  .tablesaw tr.delete td:not(:first-of-type) {
    display: none;
  }

  .resource-template th:first-of-type,.resource-template td:first-of-type {
    width: 100%;
  }

  #site-user-permissions tr.user.value {
    position: relative;
  }

  #site-user-permissions td:nth-child(3) {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 6px 0 0;
  }

  #site-user-permissions td:nth-child(3) .tablesaw-cell-label {
    display: none;
  }

  #site-user-permissions td:nth-child(3) .tablesaw-cell-content {
    width: 100%;
    max-width: 100%;
  }

  #site-user-permissions.tablesaw-stack tbody tr {
    border-bottom: 0;
  }
}